*{ margin:0; padding:0;}
body { background:url(../../images/client_login/bg.gif) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#545454;}
img{ border:none;}
.fleft{ float: left;}
a,a:visited{ color:#a1cb4b; text-decoration:none;}
a:hover{ color:#545454;}
#mian_bg{ width:100%; background:url(../../images/client_login/bg1.gif) center top no-repeat; float:left;} 
#main{ width:974px; margin:0 auto;}
.top{ width:974px; float:left; height:38px; padding:13px 0 0 0;}
/* .navi{ float:left;}
.navi ul{ list-style-type:none;}
.navi li{ display:inline;text-transform:uppercase; font-size:12px; line-height:23px; margin-right:5px; float:left;}
.navi li a{ color:#cbcbcb; line-height:23px; float:left; padding:0 0px 0 9px;}
.navi li a span{ color:#cbcbcb; padding:0 9px 0 0;line-height:23px; float:left;}

.navi li a:hover{ color:#e7e7e7; line-height:23px; background:url(../../images/client_login/navi_left.gif) no-repeat left center; float:left; padding:0 0px 0 9px;}
.navi li a:hover span{ color:#e7e7e7; background:url(../../images/client_login/navi_right.gif) no-repeat right center; padding:0 9px 0 0;line-height:23px; float:left;}

.navi li a.active{ color:#cbcbcb; line-height:23px; float:left; padding:0 0px 0 9px; background:url(../../images/client_login/navi_left.gif) no-repeat left center;}
.navi li a.active span{ color:#cbcbcb; padding:0 9px 0 0;line-height:23px; float:left; background:url(../../images/client_login/navi_right.gif) no-repeat right center;}*/
.navi{ float:left;}
.navi ul{ list-style-type:none;}
.navi li{ display:inline;text-transform:uppercase; font-size:12px; line-height:23px; margin-right:5px; float:left;}
.navi li a{ color:#cbcbcb; line-height:23px; float:left; padding:0 0px 0 9px;}
.navi li a span{ color:#cbcbcb; padding:0 9px 0 0;line-height:23px; float:left;}

.navi li a:hover{ color:#e7e7e7; line-height:23px; background:url(../../images/client_login/navi_left.png) no-repeat left center; float:left; padding:0 0px 0 9px;}
.navi li a:hover span{ color:#e7e7e7; background:url(../../images/client_login/navi_right.png) no-repeat right center; padding:0 9px 0 0;line-height:23px; float:left;}

.navi li a.active{ color:#cbcbcb; line-height:23px; float:left; padding:0 0px 0 9px; background:url(../../images/client_login/navi_left.png) no-repeat left center;}
.navi li a.active span{ color:#cbcbcb; padding:0 9px 0 0;line-height:23px; float:left; background:url(../../images/client_login/navi_right.png) no-repeat right center;}
.account_login{ float:right;}
.top_right_main{ float:left; padding-right:8px; color:#d0d0d0; padding-top:3px;}
.top_right_main input{ width:100px; border:solid 1px #494646;  color:#d0d0d0; background:#000000; padding:3px;}
.forgot{ float:right; text-align:right; font-size:11px; font-weight:bold; padding-left:5px;}
.forgot a ,.forgot a:visited{ color:#82a046;}
.forgot a:hover{ color:#cbcbcb;}

.header{ width:974px; float:left; height:295px; padding:33px 0 0 0;}
.header_left{ width:340px; float:left;}
.header_right{ width:634px; float:left;}
.logo{ float:left; padding:23px 0 0 0;}
.click{ float:left; padding-top:78px;}
.banner_bg{ width:612px; float:left; background:url(../../images/client_login/banner_bg.png) no-repeat; height:247px; padding:15px 0 0 22px; font-size:14px; color:#3a382b; font-family:Helvetica, Verdana, Arial; text-transform:uppercase;}
.steps_main{ width:612px; float:left; padding-top:18px;}
.steps{ width:187px; float:left; margin-right:10px;}
.steps_header{ width:177px; float:left; height:32px; background:url(../../images/client_login/steps_header.gif) no-repeat; padding:10px 0 0 10px}
.banner_text{ padding-bottom:10px;}
.banner_bottom_text{width:550px; float:right; font-style:italic; font-weight:bold; font-size:10px; color:#727275; padding:5px 40px 0 0; text-align:right}
.unlock_codes{ float:right; color:#757575; font-size:12px; padding-right:20px;}
.container{ width:974px; float:left; padding-top:20px; padding-bottom:30px;}
.container_left{ width:648px; float:left;}
.container_right{ width:301px; float:right; padding-top:45px;}
.container_left_top{ width:648px; float:left; padding-bottom:15px;}
h1{ color:#333333; font-size:20px; font-weight:normal;}
.container_left_bottom{ width:648px; float:left;}
.benefits_unlocking{ width:320px; float:left; border-bottom: solid 1px #cccccc; border-right: solid 1px #cccccc; font-size:12px; padding:10px 0;  position:relative;}
.benefits_unlocking_img{ width:70px; float:left; text-align:center;}
.benefits_unlocking_text{ width:233px; float:left; padding-right:17px;}
h2{ color:#0054a6; font-size:17px; font-weight:bold; padding-bottom:8px;}
.benefits_unlocking_text ul{ list-style-type:none;}
.benefits_unlocking_text li{ padding:2px 0; background:url(../../images/client_login/li_bullet.gif) no-repeat left 7px; padding-left:10px;}
.bullet{ position:absolute; right:-4px; bottom:-3px;}
.container_right_middel{ width:271px; float:left; background:url(../../images/client_login/container_right_bg.gif) repeat-x #45484d; border-right:solid 1px #000000; border-left:solid 1px #000000; padding:18px 14px;}
.container_right_middel ul{ list-style-type:none; padding-top:20px;}
.container_right_middel li{ padding:8px 0; font-size:18px; color:#dedede; background:url(../../images/client_login/arrow.gif) no-repeat left 14px; padding-left:17px;}
.unlock_your_cell{ width:974px; float:left; padding-bottom:21px;}
.unlock_your_cell_middel{ width:968px; float:left; border-left:solid 3px #c1bbca; border-right:solid 3px #c1bbca; background:url(../../images/client_login/unlock_your_cell_bg.gif) repeat-x; padding-bottom:10px;}
.unlock_your_cell_middel_left{ float:left; width:690px; padding: 0 30px;}
.unlock_your_cell_middel_right{ float:left; padding-top:12px;}
.unlock_your_cell_middel_left_header{ padding-top:19px; font-size:24px; color:#FFFFFF; font-weight:bold;}
.unlock_your_cell_signup{ float:right; padding-top:5px;}
.unlock_your_cell_signup_bg{ float:left; background:#323539; color:#ffffff; font-family:Helvetica, Verdana, Arial; font-size:16px; padding:0 5px; line-height:26px;}
.quick_answers{ float:left; width:611px;}
.quick_answers_middel{ float:left; width:539px; padding:10px 35px; background:url(../../images/client_login/quick_answers_middel.gif) no-repeat center 20px #efe9e4; padding-top:67px; padding-bottom:45px; font-size:16px; color:#144a55; text-align:center; position:relative; border-left: solid 1px #ded6d1; border-right: solid 1px #ded6d1;}
.quick_answers_middel a ,.quick_answers_middel a:visited{ color:#000000;}
.quick_answers_middel a:hover{ color:#995c14}
.quick_answers_icon{ position:absolute; left:280px; top:100px}

.blog{ width:348px; float:right;}
.blog_middel{border-left: solid 1px #ded6d1; border-right: solid 1px #ded6d1; background:#efe9e4; width:346px; float:left; padding:18px 0 0 0;}
.blog_middel_img{ width:138px; float:left; text-align:center;}
.blog_middel_text{ width:195px; float:left;}
.blog_middel_text a ,.blog_middel_text a:visited{ color:#0255a6; font-weight:bold; background:url(../../images/client_login/blog_arrow.gif) no-repeat right center ; padding-right:7px;}
.blog_middel_text a:hover{ color:#444; font-weight:bold;}
.testimonials{ float:left;}
.testimonials_header{ float:left;}
.testimonials_header_middel{ width:954px; float:left; background:#efe9e4; font-size:14px; color:#937096; padding:0 0 0 10px; line-height:30px;}

.testimonials_text{float:left; padding:10px; color:#b76e11; font-weight:bold;}
.testimonials_text span{ font-style:italic; color:#000000; line-height:25px;}
.create_customize{ width:348px; float:right;}
.create_customize_middel{ width:322px; float:left; padding:12px; border-left:solid 1px #d9d9d9; border-right:solid 1px #d9d9d9;}

#footer_bg{ width:100%; float:left; background:url(../../images/client_login/footer_bg.gif) repeat-x #292d30; padding:43px 0;}
.footer_main{ width:974px; margin:0 auto;}
.footer_left{ float:left; color:#858585; text-align:center; width:950px;}
.footer_left a ,.footer_left a:visited{ color:#FFFFFF; padding:0 4px;}
.footer_left a:hover{ color:#999999;}
.footer_left span { font-size:11px; padding-top:7px;}
.footer_right{ float:right; border:solid 1px #41474b; background: url(../../images/client_login/footer_icon.gif) no-repeat 8px 17px #2e3236; padding: 15px 10px 15px 75px; color:#FFFFFF; width:280px;}
.newdletter{ float:left; padding-right:10px; padding-top:8px;}
.newdletter input{ width:170px; border:solid 1px #494d50; background:#383c3f; padding:4px 5px 5px 5px; color:#999999}


.more_detail{ font-size:18px;}

.container_right_new{ width:292px; float:right; margin:10px 0 0 0; height:500px; background:url(../../images/client_login/right_cnt_mobile-bg.gif) top left no-repeat;}
.container_right_new .new_cnt { width:220px; float:left; padding:185px 36px 036px;}
.container_right_new .new_cnt ul {list-style:none;}
.container_right_new .new_cnt ul li { background:url(../../images/client_login/right_new_aerow.png) 0 10px no-repeat; font-size:15px; color:#000000; padding:6px 0 6px 15px;}



:focus{ outline:0;}
.main-con{ width:974px; margin:0 auto;}
.Lft{ float:left; width:648px;}
.Bnr-con{ float:left; margin-top:50px;width:648px;}
.Bnr-ani{ float:left;width:648px;}
.Bnr-flsh{ float:left; padding-top:26px;}
.con_left {float: left;width: 648px;}
.con_left_top {float: left;padding-bottom: 15px;width: 648px;}
.con_left_bottom {float: left;width: 648px;}
.quick_unlocking {border-bottom: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;float: left;font-size: 12px;padding: 20px 0;position: relative;width: 320px; float:left}
.quick_unlocking_text {float: left;padding-right: 17px;width: 233px;}
.quick_unlocking_img {float: left;text-align: center;width: 70px;}
.quick_unlocking_text ul {list-style-type: none;}
.bull {bottom: -3px;position: absolute;right: -4px;}
.quick_unlocking_text li {background:url(../../images/client_login/li_bullet.gif) no-repeat scroll left 7px transparent;padding: 2px 0 2px 10px;}
h2 {color: #0054A6;font-size: 17px;font-weight: bold;padding-bottom: 8px;}
h1 {color: #333333;font-size: 20px;font-weight: normal;}

.Rgt{float:right; background:url(../../images/client_login/rgt-bg.png) no-repeat; width:312px; height:690px; margin-top:50px;}
.sign{ padding-top:16px; float:left;}
.cre-acc{ background:url(../../images/client_login/cre-icon.jpg) no-repeat; border-bottom:#6f6f6f solid 1px; float:left; height:32px; width:282px; margin-top:11px;margin-left:13px;}
.input-text{ width:282px; margin-top:5px; float:left;}
input.input-text, textarea { padding: 5px 0px 4px 7px;width:282px; margin-bottom:4px; color:#959595; background:url(../../images/client_login/form-bg.png) no-repeat; border:none;}
.input.input-text, select, textarea {background: none repeat scroll 0 0 #FFFFFF;}
.input-con{ margin:10px 0  0 10px; float:left;}
.crt-btn{ float:left; margin:10px 0 0 37px;}
.by-img{ float:left; text-align:center; width:184px; margin:47px 10px 0 42px; padding-bottom:7px;}
.off-txt{ float:left; text-align:left; padding-left:18px;}
.off-txt ul{float:left; list-style:none; font-size:15px; color:#000000}
.off-txt ul li{ width:223px;float:left; background:url(../../images/client_login/aerow.png) no-repeat 17px 10px;padding:6px 35px;}
.more-img{ float:left; width:312px; padding-top:30px;}