﻿*{margin:0; padding:0}
*{-webkit-text-size-adjust:none;}
body{font-family: "Trebuchet MS", verdana; font-size:12px}
body.index{background:url(../images/bg.jpg) repeat-x}
body.inner_content{background:#f1f1f1}
ul, li{ list-style:none}
.wrap{width:985px; margin:auto}
.index .wrap{width:1100px}
.yellow{color:#ffdc0a}
.clear{clear:both; height:0; line-height:0; margin:0; padding:0; overflow:hidden}
.content_bg {background:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:40px; border:1px solid #e1e1e1; overflow:hidden}

/* Header */
#header{width:983px; background:url(../images/header_bg_full.gif) no-repeat; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; height:49px; margin:21px auto 0; -webkit-box-shadow:0px 1px 3px 0px #000; -moz-box-shadow:0px 1px 3px 0px #000; box-shadow:0px 1px 3px 0px #000; margin-bottom:10px}
#header .logo{width:158px; height:25px; background:url(../images/logo.gif) no-repeat; float:left; margin-top:9px; margin-left:22px; margin-right:20px}
#header .menu li{float:left}
#header .menu a{color:#fff; text-decoration:none; font-size:13px; font-weight:bold; float:left; line-height:25px; margin:0 5px; padding:0 15px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-top:8px}
#header .menu a:hover, #header .menu a.active{background:#393939 url(../images/btn_login_bg.gif) repeat-x 0 0; /*-webkit-box-shadow:inset 0 0 1px #000000; -moz-box-shadow:inset 0 0 1px #000000; box-shadow:inset 0 0 1px #000000;*/}
#header .menu_r .call_txt{color:#fff; line-height:43px; margin:0 20px; float:right; font-weight:bold}
#header .menu_r a.menu_login{color:#fff; text-decoration:none; float:right; background:#393939 url(../images/btn_login_bg.gif) repeat-x; border:1px solid #171717; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:3px 20px; margin-top:9px; margin-right:15px; font-weight:bold; line-height:18px}
#header .menu_r a:hover.menu_login{background-position: 0 -50px; background-color:#5b5b5b}
#header .menu_r a.active.menu_login{background-position: 0 -100px; background-color:#2b2b2b; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}

.popLogin{ position:absolute; width:155px; background:#000; z-index:999; padding:20px}
.popLogin .form_title{color:#fff}
.popLogin .form_input .loginInput{background:#fff; padding:3px 8px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:0; margin:2px 0 5px}
.popLogin a.ico_help{color:#5dc3ed; background:url(../images/ico_help.gif) no-repeat left center; padding-left:15px; font-size:11px; text-decoration:none; line-height:18px}
.popLogin a.ico_help:hover{text-decoration:underline;}
.popLogin .checkbox{float:left; margin:3px 3px 3px 0}
.popLogin .checkboxL{color:#fff; font-size:11px; margin:3px 0; float:left}
.popLogin a.btn_login{display:block; font-weight:bold; color:#000; -webkit-text-shadow:1px 1px 0px #fff; -moz-text-shadow:1px 1px 0px #fff; text-shadow:1px 1px 0px #fff; text-decoration:none; background:#ffb907 url(../images/btn_more_bg.gif) repeat-x; text-align:center; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:3px 0; margin:5px 0}
.popLogin a:hover.btn_login{background-position: 0 -50px; background-color:#ffdf0a}


/* Content */
.index #content .heroBox {width:982px; height:422px; position:relative; margin:0 auto; overflow:hidden}
.index #content .heroBox .hero_1{background:url(../images/hero_1.jpg) no-repeat; width:982px; height:422px; float:left}
.index #content .heroBox .hero_2{background:url(../images/hero_2.jpg) no-repeat; width:982px; height:422px; float:left}
.index #content .heroBox .hero_3{background:url(../images/hero_3.jpg) no-repeat; width:982px; height:422px; float:left}
.index #content .heroBox .hero_sub_txt{color:#fff; font-weight:bold; -webkit-text-shadow:1px 1px 0px #2c516b; -moz-text-shadow:1px 1px 0px #2c516b; text-shadow:1px 1px 0px #2c516b; font-size:18px; margin-top:125px; padding:0 0 0 40px}
.index #content .heroBox .hero_list{padding:20px 0 0 60px; color:#275980; line-height:18px;}
.index #content .heroBox .hero_list li{list-style:disc}
.index #content .hero_select{position:absolute; bottom:30px; left:443px}
.index #content .hero_select a{background:url(../images/hero_button.gif) no-repeat 3px 3px; float:left; width:16px; height:15px; margin-right:22px}
.index #content .hero_select a.active{background-position:-29px 3px}

/* Features Box */
.index #content .list_3Col_Box{background:#f7f7f7; border:1px solid #dbdbdb; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; width:980px; margin:auto; line-height:18px;}
.index #content .list_3Col_Box .col{width:272px; border-right:1px solid #dbdbdb; padding:30px 26px; float:left; overflow:hidden; height:170px; position:relative}
.index #content .list_3Col_Box .col.tail{border-right:none}
.index #content .list_3Col_Box .col a.more{background:url(../images/btn_more_bg.gif) repeat-x #ffb907; width:82px; height:20px; line-height:20px; text-decoration:none; color:#000; float:left; position:absolute; bottom:30px; right:26px; text-align:center; border:1px solid #949494; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; font-weight:bold}
.index #content .list_3Col_Box .col a:hover.more{background-position:0 -50px; background-color:#ffde0a}
.index #content .list_3Col_Box .title{color:#2484ab; font-size:17px; padding-bottom:10px}
.index #content .list_3Col_Box .list_tick li{background:url(../images/ico_tick.gif) no-repeat left center; padding-left:25px}
.index #content .list_3Col_Box .f_detail .f_thumb{width:90px; height:90px; overflow:hidden; float:left; margin-right:10px}
.index #content .list_3Col_Box .f_detail .thumb_2{background:url(../images/list_pic_2.jpg) no-repeat;}
.index #content .list_3Col_Box .f_detail .thumb_3{background:url(../images/list_pic_3.jpg) no-repeat;}
.index #content .list_3Col_Box .f_detail .thumb_txt{ line-height:15px; float:left; width:170px}

/* Overview */
.overview{border-bottom:1px dashed #aaaaaa; padding-bottom:25px}
.overview h1{color:#2484ab; font-size:22px}
.overview .overview_L{float:left; width:600px}
.overview .overview_R{float:right; width:285px; padding-top:20px}
.overview .overview_F{float:left; width:100%}
.overview .overview_L h1{font-size:22px; padding-bottom:10px}
.connectBox{ height:66px; border:1px solid #e5e5e5; display:block; overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#f0f0f0 url(../images/connect_bg.gif) repeat-x}
.connectBox .thumb{float:left; width:74px; overflow:hidden; height:66px;}
.connectBox .detail{float:left; width:205px; overflow:hidden; text-align:center; padding-top:10px; line-height:15px}
.connectBox .detail .email{color:#2484ab; font-weight:bold}
.connectBox .detail .tel{color:#2484ab; font-weight:bold; font-size:15px; line-height:18px}

.referBox{ height:56px; border:1px solid #30708a; display:block; overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#f0f0f0 url(../images/resell_bg.gif) repeat-x; margin-top:10px;display:block;width:283px; cursor:pointer}
.referBox .thumb{float:left; width:74px; overflow:hidden; height:66px;}
.referBox .detail{float:left; width:205px; overflow:hidden; text-align:center; line-height:56px; color:#fff; font-size:20px; font-weight:bold; -webkit-text-shadow:-1px -1px 0px #1c7397; -moz-text-shadow:-1px -1px 0px #1c7397; text-shadow:-1px -1px 0px #1c7397}

/* Feature */
.feature_list{margin-top:30px}
.feature_box{ text-align:left; float:left; width:272px; margin-right:39px; overflow:hidden; padding-bottom:40px}
.feature_box.tail{margin-right:0}
.feature_box h1.ico_feature{color:#2484ab; background:url(../images/ico_features.gif) no-repeat left 0; text-align:left; padding-left:25px; font-size:18px}
.feature_box h1.ico_feature.f1{background-position: left 0}
.feature_box h1.ico_feature.f2{background-position: left -50px}
.feature_box h1.ico_feature.f3{background-position: left -100px}
.feature_box h1.ico_feature.f4{background-position: left -150px}
.feature_box h1.ico_feature.f5{background-position: left -200px}
.feature_box h1.ico_feature.f6{background-position: left -250px}
.feature_box h2{ text-align:left; font-size:12px; color:#000; font-weight:bold; line-height:15px; margin-top:10px; margin-bottom:10px; float:left; height:45px}
.feature_box p{margin:10px 0}
.feature_box li{padding-left:15px; background:url(../images/list_point.gif) no-repeat left 7px; color:#000}

/* Plans */
.plan_box {padding-top:20px;}
.plan_box .plan_L{float:left; width:230px; margin-right:30px}
.plan_box .plan_L h1{color:#2484ab; font-size:18px; font-weight:bold}
.plan_box .plan_R{width:640px; float:left}
.plan_box .plan_R table{width:100%; overflow:hidden; float:right; margin-bottom:30px}
.plan_box .plan_R table th{background:#dfebf0 url(../images/table_header_bg.gif) repeat-x; border:1px solid #cfdade; border-right:#fff; line-height:28px; font-size:13px; font-weight:bold}
.plan_box .plan_R table td{ text-align:center; height:40px; border-bottom:1px solid #ededed}
.plan_box .plan_R table .highlight td{background:#fefff1; color:#3b2800}
.plan_box .plan_R table th.tail{border-right:1px solid #cfdade}
.plan_box .plan_R table .col1{ text-align:left; padding-left:20px; width:40%}
.plan_box .plan_R table .col2{width:20%}
.plan_box .plan_R table .col3{width:20%}
.plan_box .plan_R table .col4{width:20%}
.plan_box .plan_R table .tick{display:block; background:url(../images/ico_tick.gif) no-repeat center center}

/* About */
.about_box .about_L{float:left; width:395px; overflow:hidden; margin-right:30px}
.about_box .about_L h1{color:#2484ab; font-size:22px; margin-bottom:15px}
.about_box .about_L p{ text-align:justify;}
.about_box .about_R{width:470px; float:right}
.about_box .about_R .imgBox{width:464px;  height:363px; background:url(../images/about_img.jpg) no-repeat; float:left; margin-top:45px}
.about_box .connectBox{width:285px; margin-top:20px; margin-bottom:20px}

/* Privacy */
.privacy_list{margin-top:30px}
.privacy_list h1{color:#2484ab; font-size:18px; margin-bottom:10px; margin-top:30px}
.privacy_box{font-size:11px}
.privacy_box li{padding-left:40px; background:url(../images/list_point.gif) no-repeat 15px 7px; color:#000; margin-bottom:10px}
.privacy_box p{margin-bottom:10px}
.privacy_box a, .plan_box a{color:#2484ab; text-decoration:none}
.privacy_box a:hover, .plan_box a:hover{ text-decoration:underline}
.privacy_box .email img{vertical-align: -2px; border:0}

/* Resell */
.resell_list{margin-top:30px}
.resell_box{ text-align:left; width:100%; margin-right:39px; overflow:hidden; padding-bottom:40px}
.resell_box h1{color:#2484ab; text-align:left; font-size:18px}
.resell_box .resell_list_point {margin-top:20px}
.resell_box .resell_list_point .ico_resell{background:url(../images/ico_resell.gif) no-repeat left 0; text-align:left; padding-left:30px; font-size:13px; line-height:22px; margin:7px 0}
.resell_box .resell_list_point .col1{float:left; width:225px}
.resell_box .resell_list_point .col2{float:left; width:290px}
.resell_box .resell_list_point .col3{float:left; width:290px}
.resell_box .resell_list_point .ico_resell.r1{background-position: left 0}
.resell_box .resell_list_point .ico_resell.r2{background-position: left -50px}
.resell_box .resell_list_point .ico_resell.r3{background-position: left -100px}
.resell_box .resell_list_point .ico_resell.r4{background-position: left -150px}
.resell_box .resell_list_point .ico_resell.r5{background-position: left -200px}
.resell_box .resell_list_point .ico_resell.r6{background-position: left -250px}
.resell_box .resell_list_point .ico_resell.r7{background-position: left -300px}
.resell_box .resell_list_point .ico_resell.r8{background-position: left -350px}
.resell_box .resell_list_point .ico_resell.r9{background-position: left -400px}
.resell_box .resell_list_point .ico_resell.r10{background-position: left -450px}

.resell_box .car_list {margin-top:20px}
.resell_box .car_list li{float:left; margin-right:18px}
.resell_box .car_list li .title{font-size:13px; padding-bottom:5px}
.resell_box .car_list li.tail{margin-right:0}

.resell_box .tick_list {margin-top:20px}
.resell_box .tick_list li{float:left; margin-right:20px; padding-left:20px; background:url(../images/ico_tick.gif) no-repeat left center; font-size:13px}
.resell_box .car_txt {margin-top:20px}

/* Contact Us */
.content_bg.contactus{padding:0}
.contact_box .contact_L{float:left; width:610px; overflow:hidden; padding:48px}
.contact_box .contact_R{width:227px; float:left; padding:48px 0}
.contact_box .contact_menu{background:url(../images/contact_us_bg.jpg) repeat-x}
.contact_box .contact_menu ul{margin-left:15px; padding:10px 5px 0; overflow:hidden;}
.contact_box .contact_menu li{float:left; height:29px; margin-right:5px}
.contact_box .contact_menu li a{color:#fff; -webkit-text-shadow:-1px -1px 0px #525252; -moz-text-shadow:-1px -1px 0px #525252; text-shadow:-1px -1px 0px #525252; text-decoration:none; line-height:28px; padding:0 20px; font-size:13px; font-weight:bold}
.contact_box .contact_menu li.active a, .contact_box .contact_menu li a:hover{color:#000; -webkit-text-shadow:none; -moz-text-shadow:none; text-shadow:none; background:#fff; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; -webkit-box-shadow:0px 2px 5px 0px #0f273f; -moz-box-shadow:0px 0px 5px 0px #0f273f; box-shadow:0px 0px 5px 0px #0f273f; padding:7px 20px; z-index:99; position:relative}
.contact_box h1{color:#2484ab; font-size:13px; }
.contact_box .content_header h1{color:#2484ab; font-size:13px; }
.contact_box .content_header{border-bottom:1px dashed #aaaaaa; padding-bottom:20px; margin-bottom:20px}
.contact_box .content_demo p{font-size:12px; }
.contact_box .content_demo .contact_img{background:url(../images/contact_img.jpg) no-repeat; width:610px; height:204px; margin-top:20px}
.contact_box .contact .section{border:1px solid #e0e0e0; border-bottom:0}
.contact_box .contact .section.tail{border-bottom:1px solid #e0e0e0}
.contact_box .contact .header{background:#ebf3f6; border-bottom:1px solid #e0e0e0; color:#000; padding:5px 15px; font-weight:bold}
.contact_box .contact .content{padding:10px 15px 15px; font-size:11px}
.contact_box .contact .content li{padding:5px 0}
.contact_box .contact .content .ico{background:url(../images/ico_contact.gif) no-repeat; padding-left:20px}
.contact_box .contact .content .ico.house{background-position: left 0}
.contact_box .contact .content .ico.tel{background-position: left -50px}
.contact_box .contact .content .ico.fax{background-position: left -100px}
.contact_box .contact .content .ico.time{background-position: left -150px}
.contact_box .contact .content .ico.email{background-position: left -200px}
.contact_box .contact_L input.input_txt{border:1px solid #d6d6d6; background:#fff; line-height:20px; padding:5px 5px; font-size:11px; width:340px}
.contact_box .contact_L textarea{border:1px solid #d6d6d6; background:#fff; line-height:20px; padding:5px 5px; font-size:11px; width:340px; resize:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
.contact_box .contact_L select{width:352px; border:1px solid #d6d6d6; padding:3px; font-size:11px}
.contact_box .contact_L .hr{border-bottom: 1px dashed #AAAAAA; padding:30px 0 10px; margin-bottom:10px}
.contact_box .contact_L .form_title{float:left; width:190px; padding-top:10px; line-height:20px; margin-left:40px}
.contact_box .contact_L .form_input{float:left; width:350px; padding-top:10px; line-height:20px}
.contact_box .contact_L .error{float:left; width:100%; color:#cf0101; font-size:11px; background:url(../images/ico_error.gif) no-repeat left center; padding-left:15px}
.contact_box .cap_img{margin-bottom:5px}
.contact_box .contact_L .cap_input input.input_txt{width:250px}
.contact_box .contact_L .sub_note{display:block; font-size:11px}
.contact_box .contact_L .note{display:block; font-size:11px; color:#9f9f9f}
.contact_box .contact_L .btn_box{margin-top:20px}
.contact_box .contact_L a.btnSubmit{background: url("../images/btn_more_bg.gif") repeat-x scroll 0 0 #FFB907; color:#000; text-decoration:none; padding:3px 30px; border:1px solid #a5a07c; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-weight:bold; float:left}
.contact_box .contact_L a:hover.btnSubmit{background-position:0 -50px; background-color:#ffde0a}
.contact_box .contact_L .padding{padding:20px 0}
.contact_box .contact_L .agree {font-size:11px}
.contact_box .contact_L .agree a{color:#2484ab; text-decoration:none}
.contact_box .contact_L .agree a:hover{ text-decoration:underline}
.contact_box .contact_L .agree input.checkbox{float:left; margin:3px}
.contact_box .contact_L .form_input .multiple{height:74px; font-size:11px}

.contact_box .content_support .thankyouMsg { text-align:center; padding:50px 0}
.contact_box .content_support .thankyouMsg h1{ padding-bottom:10px}

/* 404 */
.img_404{background:url(../images/img_404.jpg) no-repeat center bottom; display:block; padding:50px 0 0; height:155px}
.title_404{ text-align:center; font-size:38px; color:#2484ab; padding-bottom:20px}
.detail_404{ text-align:center; font-size:13px; padding-bottom:70px}

/* Footer */
#footer{width:980px; margin: 15px auto}
#footer .footerL{color:#8a8a8a; float:left}
#footer .footerR{color:#8a8a8a; float:right; font-size:11px}
#footer .footerL a{color:#8a8a8a; font-size:11px; margin:0 7px; text-decoration:none}
#footer .footerL a:hover{ text-decoration:underline}


#header .menu_r a.flag{color:#fff; text-decoration:none; float:right; background:#393939 url(../images/btn_login_bg.gif) repeat-x; border:1px solid #171717; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:5px 3px 6px; margin-top:9px; margin-right:5px; font-weight:bold; cursor:pointer}
#header .menu_r a:hover.flag{background-position: 0 -50px; background-color:#5b5b5b}
#header .menu_r a.active.flag{background-position: 0 -100px; background-color:#2b2b2b; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}


#header .flag{float:right; color:#fff; background:#000 url(../images/header_username_bg.gif) repeat-x; text-decoration:none; font-weight:bold; font-size:12px; margin-top:6px; border:1px solid #171717; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; padding:5px; margin-left:5px; height:13px; line-height:13px}
#header .flag .flagArrow span{padding:0 0 0 25px}
#header .flagArrow {background:url(../images/btn_username_arrow.gif) no-repeat 95% 7px; padding-right:10px}
#header .flagArrow.Up {background-position: right 7px}
#header .flagArrow.Down, #header .flagArrow.Up.active {background-position: 95% -23px}

.flag .en-us{background:url(../images/flag/eng.gif) no-repeat 5px center; padding:5px 3px 5px 25px}
.flag .zh-tw{background:url(../images/flag/chi.gif) no-repeat 5px center; padding:5px 3px 5px 25px}

.pop_lang {position:absolute;background:#000; z-index:1000; display:none; width:100px}
.pop_lang li a{padding:15px 15px; border-bottom:1px solid #353535; color:#c5c5c5; text-decoration:none; display:block}
.pop_lang li a:hover{background-color:#383838}

.index #content .heroBox .hero_1.en-us{background:url(../images/hero_1.jpg) no-repeat;}
.index #content .heroBox .hero_2.en-us{background:url(../images/hero_2.jpg) no-repeat;}
.index #content .heroBox .hero_3.en-us{background:url(../images/hero_3.jpg) no-repeat;}
.index #content .heroBox .hero_1.zh-tw{background:url(../images/hero_chi1.jpg) no-repeat;}
.index #content .heroBox .hero_2.zh-tw{background:url(../images/hero_chi2.jpg) no-repeat;}
.index #content .heroBox .hero_3.zh-tw{background:url(../images/hero_chi3.jpg) no-repeat;}

.contact_box .content_demo .contact_img.en-us{background:url(../images/contact_img.jpg) no-repeat; width:610px; height:204px; margin-top:20px}
.contact_box .content_demo .contact_img.zh-tw{background:url(../images/contact_img_chi.jpg) no-repeat; width:610px; height:204px; margin-top:20px}

/* What's in the box? */
.whatsinthebox {}
.whatsinthebox .wtb_head h1{ text-align:center; color:#2484AB; padding-bottom:20px}
.whatsinthebox .wtb_head p{color:#000; font-size:12px; line-height:24px; text-align:center}
.whatsinthebox .wtb_head .boxset{background:url(../images/whatsinthebox_box.jpg) no-repeat center 0; height:271px}
.whatsinthebox .connect_agent{ text-align:right; width:842px; margin:auto}
.whatsinthebox .connect_agent a{color:#1184ba; text-decoration:none}
.whatsinthebox .connect_agent a:hover{ text-decoration:underline}
.whatsinthebox .wtb_content {border:1px solid #e3e3e3; overflow:hidden; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; width:842px; margin:10px auto 0}
.whatsinthebox .wtb_content .menu{ width:842px; margin:auto; border-bottom:1px solid #e3e3e3; height:54px; overflow:hidden; -webkit-border-radius:15px 15px 0 0; -moz-border-radius:15px 15px 0 0; border-radius:15px 15px 0 0;}

.whatsinthebox .wtb_content .menu a{background:url(../images/wtb_menu_btn.gif) no-repeat; float:left; width:100%; height:54px}
.whatsinthebox .wtb_content .menu a:hover{background:url(../images/wtb_menu_btn.gif) no-repeat;}
.whatsinthebox .wtb_content .menu li{height:54px}
.whatsinthebox .wtb_content .menu .btn1{width:115px; float:left; }
.whatsinthebox .wtb_content .menu .btn2{width:96px; float:left; }
.whatsinthebox .wtb_content .menu .btn3{width:100px; float:left; }
.whatsinthebox .wtb_content .menu .btn4{width:111px; float:left; }
.whatsinthebox .wtb_content .menu .btn5{width:106px; float:left; }
.whatsinthebox .wtb_content .menu .btn6{width:105px; float:left; }
.whatsinthebox .wtb_content .menu .btn7{width:105px; float:left; }
.whatsinthebox .wtb_content .menu .btn8{width:104px; float:left; }

.whatsinthebox .wtb_content .menu .btn1 a {background-position:0 0}
.whatsinthebox .wtb_content .menu .btn2 a {background-position:-115px 0}
.whatsinthebox .wtb_content .menu .btn3 a {background-position:-211px 0}
.whatsinthebox .wtb_content .menu .btn4 a {background-position:-311px 0}
.whatsinthebox .wtb_content .menu .btn5 a {background-position:-422px 0}
.whatsinthebox .wtb_content .menu .btn6 a {background-position:-528px 0}
.whatsinthebox .wtb_content .menu .btn7 a {background-position:-633px 0}
.whatsinthebox .wtb_content .menu .btn8 a {background-position:-738px 0}

.whatsinthebox .wtb_content .menu .btn1 a:hover, .whatsinthebox .wtb_content .menu .btn1.active a {background-position:0 -54px}
.whatsinthebox .wtb_content .menu .btn2 a:hover, .whatsinthebox .wtb_content .menu .btn2.active a {background-position:-115px -54px}
.whatsinthebox .wtb_content .menu .btn3 a:hover, .whatsinthebox .wtb_content .menu .btn3.active a {background-position:-211px -54px}
.whatsinthebox .wtb_content .menu .btn4 a:hover, .whatsinthebox .wtb_content .menu .btn4.active a {background-position:-311px -54px}
.whatsinthebox .wtb_content .menu .btn5 a:hover, .whatsinthebox .wtb_content .menu .btn5.active a {background-position:-422px -54px}
.whatsinthebox .wtb_content .menu .btn6 a:hover, .whatsinthebox .wtb_content .menu .btn6.active a {background-position:-528px -54px}
.whatsinthebox .wtb_content .menu .btn7 a:hover, .whatsinthebox .wtb_content .menu .btn7.active a {background-position:-633px -54px}
.whatsinthebox .wtb_content .menu .btn8 a:hover, .whatsinthebox .wtb_content .menu .btn8.active a {background-position:-738px -54px}
.whatsinthebox .wtb_content .menu a{text-decoration:none}
.whatsinthebox .wtb_content .menu a span{ text-decoration:none; color:#c8c8c8; float:left; line-height:14px; letter-spacing:-1px}
.whatsinthebox .wtb_content .menu .active a span, .whatsinthebox .wtb_content .menu a:hover span{color:#2484AB}
.whatsinthebox .wtb_content .menu .btn1 a span{padding:12px 0 0 50px;}
.whatsinthebox .wtb_content .menu .btn2 a span{padding:12px 0 0 35px;}
.whatsinthebox .wtb_content .menu .btn3 a span{padding:12px 0 0 35px;}
.whatsinthebox .wtb_content .menu .btn4 a span{padding:12px 0 0 45px;}
.whatsinthebox .wtb_content .menu .btn5 a span{padding:12px 0 0 40px;}
.whatsinthebox .wtb_content .menu .btn6 a span{padding:12px 0 0 40px;}
.whatsinthebox .wtb_content .menu .btn7 a span{padding:12px 0 0 45px;}
.whatsinthebox .wtb_content .menu .btn8 a span{padding:12px 0 0 35px;}

.whatsinthebox .wtb_content .wtb_sub_content .sub_content{height:330px; clear:both; display:none}
.whatsinthebox .wtb_content .wtb_sub_content .sub_content.active{display:block}
.whatsinthebox .wtb_content .wtb_sub_content .sub_content .txt {padding-top:50px; padding-left:40px; width:400px;}
.whatsinthebox .wtb_content .wtb_sub_content .sub_content .txt h1{color:#2484ab; font-size:22px; line-height:34px; padding-bottom:20px}
.whatsinthebox .wtb_content .wtb_sub_content .sub_content .txt p{ line-height:22px; padding-bottom:20px}
.whatsinthebox .wtb_content .wtb_sub_content .sub_content.content_1{background:url(../images/wtb/img_1.jpg) no-repeat 480px 30px}
.whatsinthebox .wtb_content .wtb_sub_content .sub_content.content_2{background:url(../images/wtb/img_2.jpg) no-repeat 480px 30px}
.whatsinthebox .wtb_content .wtb_sub_content .sub_content.content_3{background:url(../images/wtb/img_3.jpg) no-repeat 480px 30px}
.whatsinthebox .wtb_content .wtb_sub_content .sub_content.content_4{background:url(../images/wtb/img_4.jpg) no-repeat 480px 30px}
.whatsinthebox .wtb_content .wtb_sub_content .sub_content.content_5{background:url(../images/wtb/img_5.jpg) no-repeat 480px 30px}
.whatsinthebox .wtb_content .wtb_sub_content .sub_content.content_6{background:url(../images/wtb/img_6.jpg) no-repeat 480px 30px}
.whatsinthebox .wtb_content .wtb_sub_content .sub_content.content_7{background:url(../images/wtb/img_7.jpg) no-repeat 480px 30px}
.whatsinthebox .wtb_content .wtb_sub_content .sub_content.content_8{background:url(../images/wtb/img_8.jpg) no-repeat 480px 30px}
