body {margin: 0px; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:18px;}
.homebg{ background:#5B83B5 url(../images/homebg.jpg) repeat-x;}
.innerbg{ background:#5B83B5 url(../images/innerbg.jpg) repeat-x;}
img{ border:none;}
h1,h2,h3,h4,ul{ margin:0; padding:0;}

a,a:visited{ color:#5979A1; text-decoration:none; list-style:none;}
a:hover{ color:#000;}
.clear{clear:both;}

h1{font-size:30px; line-height:normal; color:#5B83B5; font-weight:bold; padding-bottom:10px;}

#wrapper{ width:957px; margin:0 auto;}

/* Header */
#header{height:96px; width:100%; float:left; background:url(../images/topbg.gif) no-repeat top center}
#header_sign{height:96px; width:100%; float:left; background:url(../images/topbg_2.gif) no-repeat top center}
.logo{ margin:16px 0px 0 30px; float:left;}
.slogan{ float:left; margin-left:10px; margin-top:27px; margin-right:0px; } 
.slogan h1, .slogan h2{ font-weight:normal; margin:0px; padding:0px; color:#666;font-size:19px; line-height:20px; word-spacing:-2px;}
.head_right{ float:right; width:465px; margin-top:104px;}


/* Login */
.login{height:92px; width:149px; float:right; margin-right:2px; padding:4px 0 0 10px; text-align:left; line-height:normal;}
.login_input{ float:left; height:17px; width:124px; padding:3px 5px 4px 3px;  background:url(../images/login_input.jpg) left top; border:none; margin-top:2px; font-size:11px; color:#343434;} 
.clear{ clear:both;}
.login_btn{ float:right; height:12px; width:40px; background:url(../images/btn_login.gif) left top no-repeat; margin-top:1px; margin-left:2px; border:none; font-size:1px; color:#053468; text-align:right; margin-right:7px;}
/*menu*/
.menu{}
ul.menu {list-style-type:none;  font-size:14px; float:left; margin-top:30px; margin-left:20px;}
ul.menu li{ padding:0; background:none; display:inline; float:left; margin-right:5px;}

ul.menu li a,ul.menu li a:visited{height:31px; background:url(../images/navbg.gif) no-repeat top left; padding-left:14px; font-size:14px; color:#FFF; float:left; font-weight:bold}
ul.menu li a span{background:url(../images/navbg.gif) no-repeat right top; padding-right:14px; float:left; height:26px; padding-top:5px; cursor:pointer;}

ul.menu li a:hover, ul.menu li.active a:link,ul.menu li.active a:visited{background:url(../images/navbg.gif) no-repeat left bottom; }
ul.menu li a:hover span,ul.menu li.active a:link span,ul.menu li.active a:visited span{background:url(../images/navbg.gif) no-repeat right bottom;}

ul.menu li.last a:link, ul.menu li.last a:visited{background:url(../images/contbg.gif) no-repeat left top}
ul.menu li.last a span{background:url(../images/contbg.gif) no-repeat right top}

/*Banner*/
.banner{float:left; width:100%; position:relative; padding-bottom:24px;}
.banner h3{ font-size:31px; color:#5979A1; font-weight:normal;}

.bann_left{float:left; width:420px; margin-top:30px; margin-left:30px;}
.bann_left ul{margin:0px; padding:0px; list-style:none; margin-top:30px; float:left}
.bann_left li{margin:0px; padding:0px; list-style:none; background:url(../images/icon_arrow.gif) no-repeat 0px 3px; font-size:23px; padding-left:33px; line-height:30px; margin-bottom:5px;}

.bannerimg{position:absolute; left:500px;}

.bannicons{position:absolute; right:50px; top:120px;}
.bannicons img{margin-left:10px;}
.downloadh {text-align:right; float:right; width:180px; margin-top:0px; margin-bottom:20px; color:#6979A1; font-size:10px; font-weight:bold; font-family:"Trebuchet MS",Trebuchet,Verdana,Helvetica,Arial,sans-serif; margin-right:20px;}
.downloadh a {display:block; font-size:12px; color:black; padding-right:20px; background:url(../images/arrowdown.png) no-repeat right top;}

/*MidCont*/
.midbox{float:left; width:100%}
.martop{margin-top:20px;}
.midhead{ float:left; background:url(../images/titlebg.png) no-repeat; height:60px; width:927px; padding-left:30px; padding-top:15px;}
.btnsugnup{position:absolute; left:360px; bottom:-95px; z-index:999;  height:110px; width:110px; }
.btnsugnup a:link,.btnsugnup a:visited{background:url(../images/btn_signup.png) left top no-repeat; height:115px; width:110px; text-indent:-99999px; overflow:hidden; display:block;}
.btnsugnup a:hover{background:url(../images/btn_signup_hover.png) left top no-repeat; height:115px; width:110px; display:block;}


.boxcont{float:left; background:url(../images/boxbg.png) repeat-y bottom left; padding:20px; width:917px; padding-top:40px; padding-bottom:10px; position:relative}
.boxbott{ float:left;}
.boxcontleft{float:left; width:430px; background:url(../images/dotbg.jpg) repeat-y right; padding-right:20px;}
.boxcontright{float:left; width:435px; padding-left:30px;}
.imgleft{ float:left; margin-right:20px; margin-bottom:10px;}
.imgright{ float:right; margin-left:20px; margin-bottom:10px;}

.title_iphoneapp{ background:url(../images/title_iphoneapp.jpg) no-repeat left top; height:51px; text-indent:-999999px; overflow:hidden}
.title_easy{background:url(../images/title_easytouse.jpg) no-repeat left top; height:56px; text-indent:-999999px; overflow:hidden}
.title_freetange{ background:url(../images/title_free.jpg) no-repeat left top; height:46px; text-indent:-999999px; overflow:hidden; padding-bottom:5px;}
.title_turnoff{background:url(../images/title_turnoff.jpg) no-repeat left top; height:45px; text-indent:-999999px; overflow:hidden}

/*DotNAv*/

/*.dotnav{clear:both; width:100%; float:left; text-align:center; margin-top:10px; }*/
.dotnav{clear:both; width:100%; float:left; text-align:center; margin-top:10px; } 
.ui-tabs-nav ul{margin:0px; padding:0px; list-style:none; margin:auto; width:55px; text-align:center} 
.ui-tabs-nav li{margin:0px; padding:0px; list-style:none; display:inline;} 
.ui-tabs-nav li a:link, #rotate li a:visited{background:url(../images/dot.jpg) no-repeat; width:10px; height:15px; overflow:hidden; text-indent:-999px; margin-right:3px; float:left; display:inline} 
.ui-tabs-nav li a:hover{background:url(../images/dot1.jpg) no-repeat;}
.ui-tabs-nav li.r a:link, #rotate li.r a:visited{background:url(../images/dot_r.jpg) no-repeat; width:10px; height:15px; overflow:hidden; text-indent:-999px; margin-right:3px; float:left; display:inline} .ui-tabs-nav li.r a:hover {background:url(../images/dot1_r.jpg) no-repeat;}

/*bottbox*/
.bottbox{clear:both; float:left; width:100%;}
.bottbox ul{margin:0px; padding:0px; list-style:none}
.bottbox li{margin:0px; padding:0px; list-style:none; float:left; color:#FFFFFF; width:210px; margin-left:20px; padding:20px 2px;}
.bottbox h3{margin:0px; padding:0px; font-size:23px; color:#FFFFFF; font-family:"Helvetica LT Condensed",Arial; line-height:25px; text-transform:uppercase}
.bottbox h3 span{display:block;font-size:23px; color:#27374F; font-weight:normal; text-transform:lowercase}
.bottbox li p{margin:5px 0px; }

.bottbox h3.title_simple{ background:url(../images/title_simple.png) no-repeat; height:45px;}
.bottbox h3.title_flexi{ background:url(../images/title_flexible.png) no-repeat; height:41px;}
.bottbox h3.title_safe{ background:url(../images/title_safe.png) no-repeat; height:41px;}
.bottbox h3.title_secure{ background:url(../images/title_secure.png) no-repeat; height:41px;}

/*Footer*/
#footer{clear:both;width:100%; padding-top:20px; background:url(../images/footerbg.gif) top repeat-x; float:left; line-height:20px; padding-bottom:10px;}
#footer_in{clear:both;width:100%; padding-top:20px; float:left; line-height:20px; padding-bottom:10px;}

.footerleft{width:580px; color:#FFF; float:left; margin-left:20px;}
.footerleft a:link, .footerleft a:visited{color:#FFF; text-decoration:none;}
.footer_right{float:right; margin-right:20px;}

/* Features */
.features{float:left;    width:100%;}
.features ul{margin:0px; padding:0px; list-style:none; float:left}
.features li{margin:0px; padding:0px;  position:relative; padding-left:70px; float:left; margin-bottom:30px; width:300px; margin-left:30px; margin-right:30px;}
.features li.last{margin-bottom:0px;}
.features img{position:absolute; left:0px; top:0px;}
.features h3{color:#5B83B5; font-size:20px; font-weight:normal; margin:0px; padding:0px;}
.features p{margin:5px 0px; padding:0px;}

/* works */
.works h1{ font-size:30px; padding-bottom:30px; padding-left:30px;}
.works a:link, .works a:visited{ color:#ff7806; text-decoration:underline;}
.works a:hover{ color:#ff7806; text-decoration:none;}
.works{float:left;  padding-bottom:30px; width:100%; }
.works ul{margin:0px; padding:0px; list-style:none; float:left}
.works li{margin:0px;  list-style:none; position:relative; padding-left:10px; float:left; margin-bottom:50px; width:400px; margin-left:30px; margin-right:10px; padding-top:245px; text-align:center; }
.works li.last{margin-bottom:0px;}
.works li img{position:absolute; left:0px; top:0px; border:1px solid #d4d4d4; border-bottom:2px  solid #d4d4d4;}
.works h3{color:#5B83B5; font-size:16px; font-weight:normal; margin:0px; padding:0px;}
.works p{margin:5px 0px; padding:0px;}

/* help */
.help{float:left; padding:0px 50px; }
.help ul{margin:0px; padding:0px; list-style:none; float:left}
.help li{margin:0px; padding:0px; list-style:none; position:relative; float:left; margin-bottom:30px; width:740px;}
.help li.last{margin-bottom:0px; }
.help img{position:relative; left:0px; top:27px;}
.help h3{color:#5B83B5; font-size:20px; font-weight:normal; margin:0px; padding:0px; cursor:pointer; line-height:25px;}
.help p{margin:5px 0px; padding:0px;}	

/*Contact Us*/
.contact{float:left; padding:0px 50px; width:740px;}
.contact ul{margin:0px; padding:0px; list-style:none; float:left}
.contact li{margin:0px; padding:0px; list-style:none; position:relative; float:left; margin-bottom:30px;}
.contact_form{float:left;}
.contact_form ul{margin:0px; padding:0px; list-style:none; float:left; width:260px;}
.contact_form li{margin:0px; padding:0px; list-style:none; position:relative; float:left; margin-bottom:30px;}
.contact th{text-align:left;}
.contact tr td{padding-bottom:5px;}
.button{float:left; }
.form_inbox{float:left; height:20px; margin-bottom:15px; width:200px;}
.form_inbox1{float:left; height:70px; margin-bottom:15px; width:100px; font-size:14px; font-weight:bold; text-align:right; margin-right:10px;}
.form_lable{float:left; width:100px; text-align:right; font-size:14px; font-weight:bold;  margin-right:10px;}
.form_msg{float:left; padding-right:45px; text-align:right; font-size:14px; font-weight:bold;}
.form_btn{float:left; text-align:center; width:282px;}
/*sign up*/
/*Contact Us*/
.signup{float:left; padding:0px 5px; width:740px;}
.signup h2{margin-bottom:10px; margin-top:10px;}
.signup ul{margin:0px; padding:0px; list-style:none; float:left; width:100px;}
.signup li{margin:0px; padding:0px; list-style:none; position:relative; float:none; margin-bottom:10px; width:450px;}
.account_signup{width:400px; float:left;}
.account_signup ul{width:100%; float:left;}
.account_signup label{ float:left; width:120px; margin-bottom:10px; height:20px;}
.account_signup label.visacard{ float:left; width:100px; margin-bottom:10px; height:20px; padding-top:8px;}
.account_signup .input{ float:right; width:240px; margin-bottom:10px;}
.input2{ float:right; width:150px; margin-bottom:10px; margin-right:90px;}
.account_signup2{width:400px; float:left;}
.account_signup2 ul{width:100%; float:left;}
.account_signup2 label{ float:left; width:150px; margin-bottom:10px; height:20px;}
.account_signup2 .input{ float:right; width:240px; margin-bottom:10px;}
.account_signup3{width:350px; float:left;}
.account_signup3 ul{width:100%; float:left;}
.account_signup3 label{ float:left; width:90px; margin-bottom:10px; height:20px;}
.account_signup3 .input{ float:right; width:240px; margin-bottom:10px;}
.date_exp{ float:right; width:246px; text-align:left; margin-bottom:10px;}
.signup_btn{ float:left; margin-left:200px;}
.captcha{ float:right; width:275px; text-align:right; margin-bottom:10px;}
.radio{ float:left; margin-left:5px; margin-top:10px;}
.visa_img{ float:left;  margin-left:5px;}
/*step*/
.stephead {float:right; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#5B83B5; margin-bottom:10px; margin-top:27px;}
.step{ float:left;  margin-bottom:10px; width:100%;}
.step ul { list-style:none;}
.step ul li{height:71px; width:70px; float:left; margin-left:10px; background-position:left top; background-repeat:no-repeat; display:block; text-indent:-9999px; overflow:hidden;}
.step ul li.step1{background-image:url(../images/step_1.jpg);}
.step ul li.step2{background-image:url(../images/step_2.jpg);}
.step ul li.step3{background-image:url(../images/step_3.jpg);}
.step ul li.step1_cu{background-image:url(../images/step_1.jpg);  background-position:left bottom;}
.step ul li.step2_cu{background-image:url(../images/step_2.jpg); background-position:left bottom;}
.step ul li.step3_cu{background-image:url(../images/step_3.jpg); background-position:left bottom;}
/*download*/
.down_box{ float:left; width:883px; margin-top: 10px; background:url(../images/download_top.jpg) top left no-repeat;}
.down_box_bot{ float:left; padding:0 20px 15px 20px; width:843px; background:url(../images/down_bot.jpg) left bottom no-repeat; }
.down_box_left {color:#000; float:left; width:550px;}
.down_icon{ float:left; width:190px; margin-top:05px; text-align:right;}
.down_icon img{ margin-left:10px;}
.down_box h2{ font-size:24px; color:#053b7a; margin-top:15px; margin-bottom:10px;}
.download { float:right;}
.other_link{ float:left; width:875px; text-align:right; margin-top:5px;}
.other_link2{ float:left; width:875px; text-align:left; margin-top:5px;}

/*access*/
.access{ float:left; width:100%; text-align:center; margin-bottom:50px;}
.mt10{margin-top:10px; margin-bottom:5px;}
.mt10h2{margin-top:10px;}
.f10{ font-size:10px;}
.access_form{ float:left; width:500px;}
.access_form ul{ list-style:none;}
.access_box-top{float:right; width:342px; background:url(../images/access_top.jpg) top left no-repeat; padding-top:15px;}
.access_box{float:left; width:320px; border-left:1px solid #7fb0d8; border-right:1px solid #7fb0d8; padding: 0 10px; background-color:#edf5ff;}
.access_box_bot{ float:left;} 
.mb15{margin-bottom:15px;}
.access_page{ padding:5px; background-color:#ff7d0d; width:150px; margin:0 auto 20px auto; color:#FFF; }

/* forgot password link */
.forgotpass {color:#6979A1; font-size:10px; font-weight:bold; font-family:"Trebuchet MS",Trebuchet,Verdana,Helvetica,Arial,sans-serif; margin-right:20px;}
