@charset "utf-8";
/* CSS Document */
body{ background:url(../images/header.jpg) repeat-x top;}
body a{ transition:all 0.2s ease-in;}
.container{ width:1025px; margin:0 auto;}
.header{ height:120px; width:100%; float:left;}
.header_top{ height:64px; float:left; width:100%; padding-top:19px;}
.logo{ width:335px; height:39px; float:left; background:url(../images/logo.png) center no-repeat;}
.chat{ width:220px; height:40px; float:right; background:url(../images/chat.png) center no-repeat;}
.header_btm{ height:37px; width:100%; float:left;}
.nav li{ float:left; padding:10px 26px;}
.nav li a{ font-family: 'Roboto', sans-serif; font-size:13px; color:#FFFFFF; text-transform:uppercase;}
.nav li a:hover{ color:#028eee;}
.first_child{ padding-left:0px !important;}
.last_child{ padding-right:0px !important;}
.content{ width:100%; float:left; margin-top:30px;}
.content_left{ width:252px; float:left;}
.content_left_top_nav{ width:212px; float:left; border:1px solid #c0c0c0; padding:19px; background:#ebeced;}
.content_left_top_nav li{ background:url(../images/left_arrow.png) no-repeat left; width:100%; float:left; margin-bottom:12px;}
.content_left_top_nav li:last-child{ margin:0px;}
.content_left_top_nav li a{ font-family: 'Roboto', sans-serif;  font-size:14px; color:#000000; padding-left:15px;}
.content_left_top_nav li a:hover{ text-decoration:underline;}
.nav_left_head{ width:100%; float:left; font-size:18px; color:#00558f; font-family: 'Roboto', sans-serif; margin-top:25px; margin-bottom:7px;}
.nav_left_head h2{ font-size:18px; color:#00558f; font-family: 'Roboto', sans-serif; font-weight:bold}
.nav_left_cnt{ width:100%; float:left; font-size:14px; font-family: 'Roboto', sans-serif; color:#231f20; margin-bottom:25px; line-height:20px;}
.nav_left_cnt span{ color:#f15a22;}
.content_center{ width:503px; float:left; padding:0px 19px;}
.content_center_head{ width:100%; float:left; font-family: 'Roboto', sans-serif; font-size:18px; color:#00558f; margin-bottom:6px;}
.content_center_head h1{ font-family: 'Roboto', sans-serif; font-size:18px; color:#00558f;}
.content_center_cnt{ color:#231f20; width:100%; float:left; font-family: 'Roboto', sans-serif; font-size:14px; line-height:22px;}
.content_center_cnt li{ background:url(../images/left_arrow.png) no-repeat 0px 5px; float:left; margin-bottom:11px; padding:0px 0px 0px 10px;}
.content_center_cnt h2{ color:#00558f; font-family: 'Roboto', sans-serif; font-size:14px; margin-bottom:5px; font-weight:bold;}
.draft_wrapper{ width:502px; height:177px; float:left; background:#ededee url(../images/draft_bg.jpg) right top no-repeat; margin:20px 0px; position:relative; }
.draft_wrapper_inner{ width:264px; height:142px; float:left; margin-left:20px; margin-top:18px;}
.draft_wrapper_inner_head{ width:100%; float:left; font-family: 'RobotoCondensedRegular'; color:#00558f; font-size:25px;}
.draft_wrapper_inner_cnt{ color:#231f20; font-size:14px; font-family: 'Roboto', sans-serif; line-height:20px;}
.draft_wrapper_link{ width:186px; height:40px; background:#8ab506; text-align:center; font-family: 'RobotoCondensedRegular'; font-size:26px; color:#FFFFFF; margin-top:6px; float:left; padding-top:4px;}
.draft_wrapper_link:hover{ background:#658504;}
.draft_last_link{ width:237px; height:26px; background:#f15a22; position:absolute; bottom:0px; right:0px; font-family: 'Roboto', sans-serif; text-align:center; padding-top:3px; font-size:18px; color:#FFFFFF;}
.draft_last_link:hover{ background:#b83909;}
.btn_wrapper{ width:100%; float:left; float:left; margin:25px 0px;}
.btn_wrapper_inner{ width:148px; margin:0 auto;}
.btn_wrapper_inner a{ width:148px; height:35px; background:#8ab506; float:left; text-align:center; padding-top:8px; font-family: 'Roboto', sans-serif; font-weight:bold; font-size:20px; text-shadow: 1px 1px 6px #4E4E4E; color:#FFFFFF; border-radius:3px;}
.btn_wrapper_inner a:hover{ background:#526c02;}
.content_right{ width:212px; float:left; border-left:1px solid #bfbfbf; padding-left:19px;}
.login_wrapper{ width:214px; float:left;}
.login_head{ width:100%; float:left; font-family: 'Roboto', sans-serif; color:#00558f; font-size:18px; margin-bottom:17px;}
.login_head h2{font-family: 'Roboto', sans-serif; color:#00558f; font-size:18px; font-weight:bold;}
.login_txt{ width:200px; height:19px; border:1px solid #bfbfbf; padding:6px; font-family: 'Roboto', sans-serif; color:#231f20; font-size:13px; margin-bottom:8px;}
.login_button_wrapper{ width:100%; float:left;}
.forgot{ float:left; font-family: 'Roboto', sans-serif; color:#231f20; font-size:13px; margin-top:4px;}
.forgot:hover{ text-decoration:underline;}
.login_btn{ width:57px; height:23px; float:right; background:#f15a22; text-align:center; font-family: 'Roboto', sans-serif; font-size:14px; color:#FFFFFF; font-size:14px; font-weight:bold; padding-top:4px;}
.login_btn:hover{ background:#9e3108;}
.order_wrapper{ width:100%; float:left; margin-top:25px;}
.order_wrapper_one{ width:100%; float:left; text-align:center; color:#231f20; font-size:14px; font-family: 'Roboto', sans-serif; margin-bottom:4px;}
.order_wrapper_two{ width:110%; float:left; height:26px; background:url(../images/payment.jpg) no-repeat; margin-top:12px;}
.offer_wrapper{ width:100%; float:left; margin-top:22px;}
.offer_wrapper h3{ font-size:16px; color:#00558f; font-family: 'Roboto', sans-serif; margin-bottom:5px; }
.offer_wrapper p{ color:#231f20; font-family: 'Roboto', sans-serif; font-size:14px; float:left; margin-bottom:10px;}
.offer_head{ width:100%; float:left; font-size:18px; color:#00558f; font-family: 'Roboto', sans-serif; margin-bottom:8px;}
.offer_head h2{font-size:18px; color:#00558f; font-family: 'Roboto', sans-serif; font-weight:bold;}
.offer_sub{ width:212px; height:41px; background:#5e91a8; float:left; margin-bottom:5px;}
.offer_sub_left{ font-family: 'Roboto', sans-serif; font-size:30px; color:#fff200; margin-left:7px; margin-top:3px; float:left;}
.offer_sub_left span{ font-size:18px; }
.offer_sub_right{ float:right; width:128px; font-family: 'Roboto', sans-serif; color:#FFFFFF; font-size:15px; padding-top:11px;}
.offer_two{ background:#828282;}
.offer_three{ background:#0e8069;}
.offer_wrapper li{ width:100%; background:url(../images/left_arrow.png) no-repeat 0px 5px; float:left; margin-bottom:11px;}
.offer_wrapper li a{ color:#231f20; font-family: 'Roboto', sans-serif; font-size:14px; margin-left:12px; float:left;}
.footer_container{ width:100%; float:left; height:100px; background:#00558f;}
.footer{ width:1025px; margin:0 auto; text-align:center; font-family: 'Roboto', sans-serif; color:#FFFFFF; font-size:14px; line-height:28px; padding-top:15px;}
.footer a{color:#FFFFFF;}
.footer a:hover{ text-decoration:underline;}