@charset "utf-8";

/* gray out the navi button when they are on current page */
body.Default div.naviBar li.Home a{
background-position:left -62px;}
body.SearchPhone div.naviBar li.Start a{
background-position:-124px -62px;}
body.TermOfUse div.naviBar li.Term a{
background-position:-242px -62px;}
body.FAQ div.naviBar li.FAQ a{
background-position:-360px -62px;}
body.AboutUs div.naviBar li.About a{
background-position:-478px -62px;}
body.EmailUs div.naviBar li.Contact a{
background-position:-596px -62px;}


/* whole site going with Verdana font */
body{
font-family:Verdana, Arial, Helvetica, sans-serifVerdana;}
.a{
text-decoration:none;
border:0;}
.CLEAR{
clear:both;
font-size:1px;
height:0;
line-height:0;}

/* wrap everything to make it align center */
.WRAP {
width:990px;
margin:0 auto;
padding-top:11px;}

/* logo and navigation bar */
.LogoMenu{
width:983px;
height:62px;
padding-left:7px;}
.LogoMenu img{
float:left;}
.naviBar{
float:right;
width:720px;
height:62px;
background:url(images/navi.jpg) left top no-repeat;}
.naviBar li{
float:left;
text-indent:-9999px;}
.naviBar li a{
display:block;
height:62px;}
.naviBar li.Home a{
background:url(images/navi.jpg) left top no-repeat;
width:124px;}
.naviBar li.Home a:hover{
background-position:left -124px;}
.naviBar li.Start a{
background:url(images/navi.jpg) -124px top no-repeat;
width:118px;}
.naviBar li.Start a:hover{
background-position:-124px -124px;}
.naviBar li.Term a{
background:url(images/navi.jpg) -242px top no-repeat;
width:118px;}
.naviBar li.Term a:hover{
background-position:-242px -124px;}
.naviBar li.FAQ a{
background:url(images/navi.jpg) -360px top no-repeat;
width:118px;}
.naviBar li.FAQ a:hover{
background-position:-360px -124px;}
.naviBar li.About a{
background:url(images/navi.jpg) -478px top no-repeat;
width:118px;}
.naviBar li.About a:hover{
background-position:-478px -124px;}
.naviBar li.Contact a{
background:url(images/navi.jpg) -596px top no-repeat;
width:123px;}
.naviBar li.Contact a:hover{
background-position:-596px -124px;}


/* search bar and member login panel */
.SearchLogin{
padding-top:7px;
width:990px;
height:28px;}
.SearchLogin .Search{
background:url(images/select.jpg) left top no-repeat;
float:left;
width:437px;
height:28px;
line-height:28px;
padding-left:235px;}
.SearchLogin .Login{
background:url(images/lav.jpg) left top no-repeat;
width:273px;
height:28px;
float:right;
padding-left:25px;}
.SearchLogin .Login li{
float:left;
width:87px;
text-align:center;}
.SearchLogin .Login li a{
line-height:28px;
color:#feb926;
text-decoration:none}
.SearchLogin .Login li a:hover{
color:white;}

/* breadcrumbs */
.BreadCrumb {
width:990px;
height:22px;
line-height:22px;
font-size:11px;}
.BreadCrumb li{
float:left;
padding:0 2px;}
.BreadCrumb li a{
text-decoration:none;
color:blue;}
.BreadCrumb li a:hover{
text-decoration:underline;}

/* left menu + news */
.LeftContent{
float:left;
width:215px;}
/* left menu */
.LeftMenu{
background:url(images/leftmenu.jpg) left top no-repeat;
width:204px;
height:368px;
padding:5px 0 5px 10px;
overflow:auto;}

.LeftMenu .LeftMenuTitle{
background:url(images/indexh1.jpg) left center no-repeat;
text-indent:-9999px;
width:121px;
height:30px;
color:#333333;
font-weight:700;
font-size:20px;
line-height:30px;}
.LeftMenu li{}
.LeftMenu li a{
padding-left:20px;
line-height:25px;
font-size:16px;
color:#a0a0a0;
text-decoration:none;}
.LeftMenu li a:hover{
color:#076dff;
background:url(images/sicon.jpg) left top no-repeat;}
.LeftNews {
margin:20px 0 0;
background:url(images/newsbg.jpg) left top no-repeat;
font-size:11px;
line-height:18px;
width:211px;
height:185px;
padding:20px 2px 0;
position:relative;}
.LeftNews .More{
position:absolute;
top:2px;
right:0;}

/* banner + steps + right bottom*/
.RightContent{
font-family:Arial, Verdana;
float:right;
width:760px;
height:623px;
overflow:auto;
position:relative;}
.RightContent b{
position:absolute;
left:22px;
top:17px;
color:black;
font-size:27px;
z-index:4;}
.RightContent .indexH2{
position:absolute;
left:22px;
top:46px;
font-size:28px;
color:black;
z-index:3;}
.RightContent .indexP{
position:absolute;
left:20px;
top:80px;
line-height:29px;
color:#333333;
font-weight:700;
z-index:2;}
.RightContent .Banner{
position:absolute;
top:0;
left:0;
z-index:1;}
/*
body.Default .RightContent h2{
position:absolute;
left:20px;
top:21px;} 
*/
.RightContent .Step{
float:right;
width:212px;}
.RightContent .Step img{
margin-bottom:3px;}
.RightBottom{
position:relative;
background:url(images/rightbottombg.jpg) left top no-repeat;
width:754px;
height:193px;
padding-top:13px;
margin:15px auto 0;}
.BottomTitle {
width:754px;
height:24px;
background:url(images/bottomtitle.jpg) center center no-repeat;
text-align:center;
color:white;
font-size:14px;
font-weight:700;
line-height:24px;}
.GoLeft{
position:absolute;
top:88px;
left:11px;
width:17px;
height:70px;}
.GoLeft a{
text-indent:-9999px;
display:block;
width:17px;
height:70px;
background:url(images/goleft.jpg) left top no-repeat;}
.GoLeft a:hover{
background-position:left bottom;}
.GoRight {
position:absolute;
top:88px;
right:11px;
width:17px;
height:70px;}
.GoRight a{
text-indent:-9999px;
display:block;
width:17px;
height:70px;
background:url(images/goright.jpg) left top no-repeat;}
.GoRight a:hover{
background-position:left bottom;}
.ShowPhone{
text-align:center;
width:718px;
height:168px;
overflow:auto;
padding:0 18px;}
.ShowBox{
display:inline-block;
height:148px;}
.ShowPhone li{
line-height:16px;
float:left;
width:139px;
text-align:center;}
.ShowPhone li a{
text-align:center;}
.PhoneName{
font-size:12px;
color:#055bd5;}
.PhonePrice{
font-size:12px;
color:#535353;}
.PhonePrice b{
color:#f39800;}

/* footer */
.Footer{
text-align:center;
margin-top:12px;
background:url(images/footer.jpg) left top no-repeat;
width:990px;
height:135px;
padding-top:15px;
line-height:24px;}
.Footer h4 {
font-size:11px;
line-height:20px;
text-align:center;
font-weight:300;
color:#6a6e7a;}
.Footer .FooterMenu {
text-align:center;
color:#517dbc;}
.Footer a {
font-size:14px;
color:#517dbc;
text-decoration:none}
.Footer a:hover {
color:black;
text-decoration:underline;}
.Footer p{
color:#6a6e7a;
font-size:11px;}

/* add-in */
.CloneH{
color:black;
font-size:18px;
text-align:center;
line-height:26px;
font-weight:700;}