/*CSS reset*/
body{font-family:Arial, Helvetica, sans-serif;font-size:12px;height: auto;width:952px;border: 0px; margin: 0px  auto; color:#333; background-color: #F1F1F1; background-image: url(images/bj.gif);background-repeat: repeat-y; background-position: center 90px;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p{ padding: 0; margin: 0;}    
img { border: 0;}    
ul{list-style: none;}    
h1,h2,h3,h4,h5,h6,em{font-weight: normal; font-style:normal; font-size: 100%;}    
i{ font-style:italic; color:#069;}  
a{padding:0px; margin: 0px; color: #333;  text-decoration: none;}
a:hover {color: #54b6e7; text-decoration: underline;}
.clear{clear:both; }

.bluefont{color:#069; font-size:11px;font-weight:bold;}
.redfont{color:#CB0101; font-size: 20px;   }
.redfont2{color:#CC0000; font-size: 12px; font-weight: bold;}
.greenfont{color:#4F8513; font-weight:normal; }
.greyfont{color:#999; text-decoration: line-through;font-size: 11px; padding-left:8px;}

h1{font-size: large; }
h2{font-weight:bold; font-size:13px; line-height:27px;background:url(images/left_h2.gif); padding-left:10px; color:#666;background-color:#EDF0F2;}
h3{ color:#336598; font-weight:bold; font-size:13px; line-height:30px; margin-top:10px; float:left; width:600px;}
h4{padding-left: 3px; font-size: 12px; background: #fff; margin-bottom: 12px; padding-bottom: 0.5em; color: #999; padding-top: 0px; border-bottom: #e4eaea 1px dotted}
h4 a{ color:#999;}
h5{ background:url(images/right1.gif) repeat-x; line-height:27px;background-color:#EDF0F2; color:#fff; font-weight:bold; padding-left:12px;}

/*css detail */
#header{ width:952px; padding-top:8px; height:70px; clear:both;}
#header .logo {width:500px;  float:left;}
#header .logo img{padding:6px 0 0 2px; }
#header .about{ float:right;  background-repeat: no-repeat; color:#9bc0dd;}
#header .about a{color:#257cc3;text-decoration:underline; margin:0 0 0 16px; }
#header .about .rss{ background:url(images/rss.gif) 56px 0 no-repeat; padding-right:18px;}
#header .about a:hover {text-decoration:underline; }
#header .search{ width:330px; float:right; margin-top:17px; }
#header .inputtext{ width:260px; height:20px; line-height:22px;float:left;}
#header .submit {background:url(images/search.gif)  no-repeat;width:48px;height:24px; border:0; cursor:pointer; margin-left:8px;float:left;}

#nav {width:952px;height:28px; background:url(images/nav_bj.gif) repeat-x; clear:both;}
#nav li{ float:left;}
#nav .new{background:url(images/nav_new.gif) repeat-x; }
#nav a{font-size:10pt; font-weight:bold; text-decoration:none; line-height:28px; border-right:#9accff 1px solid; padding:0 18px; display:block; float:left; color:#fff; }
#nav a:hover{ background:url(images/nav_a.gif) repeat-x;}

#main{width:952px; margin-top:12px;}
#left{width:160px;float:left;}
#left .categories{width:158px; border:1px solid #dbdfe2;}
#left .categories li{background:url(images/left_bj1.gif) repeat-x; line-height:23px; border-bottom:1px solid #dbdfe2; }
#left .categories li a{background:url(images/dian1.gif) 2px 2px no-repeat; padding-left:12px;}
#left .hot{width:158px; border:1px solid #dbdfe2; margin-top:12px; padding-bottom:2px;}
#left .green{ color:#006666;}
#left .red{ font-size:15px; color:#FF3333;}
#left .orange { color:#666633;}
#left .yellow { color:#FFCC33; font-size:14px;}
#left .hot li{line-height:20px;  border-bottom:1px dashed #ddd; padding-left:8px;}

#hottag {width:158px; border:1px solid #dbdfe2; margin-top:12px;}
#hottag h2{font-weight:bold; font-size:13px; line-height:27px;background:url(images/left_h2.gif);  color:#666;background-color:#EDF0F2;}
#hottag a{font-size:100%;text-decoration:none; font-size:10px; margin-left:10px;}
#hottag a:hover {text-decoration: underline}
#hottag p{ padding-left:5px;}
#hottag .tag0{ font-size:9px; color: #FF6600;}
#hottag .tag1{ font-size:10px; color:#666666;}
#hottag .tag2{ font-size:12px; color:#663399;}
#hottag .tag3{ font-size:14px; color: #0000FF;}
#hottag .tag4{ font-size:16px; color: #660000;}
#hottag .tag5{ font-size:13px; color: #CC9900;}
#hottag .tag6{ font-size:15px; color: #990000;}
#hottag .tag7{ font-size:16px;}
#hottag .tag8{ font-size:15px; color:#CC0000;}
#hottag .tag9{ font-size:10px; color:#CC0000;}

#mid{ width:616px; margin:0 12px; float:left; overflow:hidden;}
#mid .battery{border-top:1px solid #DBDFE2; padding:10px 0; margin-top:4px;  float:left}
#mid .battery .view{ text-align:center; color:#666; width:210px; float:left}
#mid .battery .view em{font-size:11px; display:block; padding:6px 0 10px;} 
#mid .battery .view img{ margin:3px 0; }
#mid .battery .buy{ width:160px;_width:150px; float:left; padding-left:6px; }
#mid .battery .buy span{ padding-right:10px;}
#mid .battery .buy input{ margin:3px 0;}
#mid .battery .buy .cart select{ font-size:11px;margin:3px 0;}
#mid .battery .buy .cart em{font-size:11px; color:#d30; display:block; margin-top:5px;}
#mid .battery .inst a{ font-size:11px;  background:url(images/dian1.gif) 0 4px no-repeat; padding-left:11px; line-height:16px; color:#666; text-decoration:underline;}
#mid .battery .inst a:hover{ color: #54b6e7; }
#mid .battery .offer{border-left: #e4eaea 1px dotted; width:230px; float:right; padding-left:8px; }
#mid .battery .offer dl{ float:left;}
#mid .battery .offer dt{ font-weight:bold; line-height:20px;}
#mid .battery .offer dt strong{  display:block; padding:4px 0; line-height:16px; color:#c51; }
#mid .battery .offer dd{ font-size:11px; color:#666; background:url(images/dian2.gif) 0 1px no-repeat; padding-left:15px; line-height:16px;}
#mid .battery .offer p{ float:left; width:240px; border-top:1px dashed #dedede; padding-top:10px; margin-top:10px;}
#mid .battery .offer p a{ display:block; padding-left:22px;}
#mid .battery .a1{background:url(images/a1.gif) no-repeat; }
#mid .battery .a2{background:url(images/a2.gif) no-repeat; }
#mid .battery .a3{background:url(images/a3.gif) no-repeat; }
#mid .battery .bookmark{ font-size:13px; font-weight:bold; margin-top:12px; float:left; line-height:24px;}

#mid .capacity{ float:left; width:616px; margin-top:14px;border-top:1px dashed #ddd;}
#mid .capacity li{ border-bottom:1px dashed #ddd; padding:4px 0; float:left; width:616px;}
#mid .capacity img{padding:0 8px; }
#mid .capacity p{float:left;}
#mid .ctext{ width:300px; color:#999; padding-top:10px;}
#mid .ctext strong{  color:#333;}
#mid .cbuy{ margin:0 10px;width:160px;  padding:10px 0; }
#mid .cbuy input{ float:left;  margin-left:10px; margin-top:6px;  }

#mid .brandhot{ width:610px;float:left; }
#mid .brandhot ul{ width:500px ; float:right;}
#mid .brandhot li{ border-bottom:1px solid #DADFE3; line-height:20px; float:left; width:500px;}
#mid .brandhot li a{ display:block; float:left; padding-left:12px;}
#mid .brandhot li span{ display:block; float:right; padding-right:20px; color:#c00;}
#mid .detail{ border:1px solid #ddd; width:598px; float:left; padding:8px; height:350px; overflow:scroll; overflow-x:hidden;  }
#mid .detail .discription{ float:left; font-size:13px; font-weight:bold;line-height:24px; width:598px;}
#mid .detail .tit{float:left; font-size:14px; color:#f60; line-height:28px;width:598px;}
#mid .detail ul{ width:588px; float:left; margin:10px 0 10px 8px;}
#mid .detail ul li{ width:190px; float:left; height:24px; font-size:11px;}
#mid .detail ul li a{ color:#069; text-decoration:underline;}
#mid .specifications{ width:616px; float:left; margin-top:10px; padding-bottom:32px;}
#mid .specifications li{ width:610px;line-height:20px;border-bottom:1px solid #DBDFE2; float:left;}
#mid .specifications strong{ line-height:32px;}
#mid .specifications span{ display:block;  float:left; width:285px; padding-left:20px;}
#mid .specifications .cap { color:#F60; font-weight:bold;}
#mid .specifications em{ display:block;   float:left; width:285px; padding-left:20px;}
#mid .support{ width:616px; float:left; padding:8px 0; overflow:hidden;}
#mid .suptit{ float:left; font-size:13px; font-weight:bold;line-height:24px; width:600px;}
#mid .support p{ padding-left:8px; width:600px; float:left;}
#mid .support ul{ width:550px; float:left; margin:10px 0 10px 16px;}
#mid .support ul li{ background:url(images/dian3.gif) 0 8px no-repeat; padding-left:12px; line-height:18px;}

#right{width:150px;float:right;}
#right .newarrival{width:148px; border:1px solid #dbdfe2; background-color:#EDF0F2; float:right; }
#right .newarrival li{ padding:3px 0 0 8px; line-height:20px;}
#right .best {margin-top:8px; float:left}
#right .global{background:url(images/global.jpg) no-repeat; width:150px; height:50px; float:left; margin-top:6px;text-align:center; }
#right .global p{ width:120px; height:15px; margin-top:25px; padding-left:22px;}
#right .global a{   display:block; width:24px; height:15px; float:left; margin:3px;}
#right .sell{margin-top:10px; width:148px; float:left;border:1px solid #dbdfe2;}
#right .stit{ background:url(images/right1.gif) no-repeat; line-height:35px; padding-left:12px;}
#right .sell ul{ padding:6px 0 ; overflow:hidden; height:100%;}
#right .sell img{ float:left; width:42px; height:40px; padding:0 4px 0 2px;}
#right .sell li{ margin:5px 0; width:148px; float:left;}
#right .sell li a{ font-size:12px;}
#right .sell li p{ width:90px; float:left; font-size:11px;}
#right .sell span{color:#900; display:block;}

#footer{width:952px; float:left; margin-top:20px; padding-top:10px;}
#footer .foot{ text-align: center;  text-transform: uppercase; margin: 10px auto 0 auto;  width: 632px;  font: 12px verdana;  }
#footer .foot p { border-bottom: #999999 1px solid; text-align: center; color: #666666;  } 
#footer .foot img{ padding:4px 0}
#footer .foot ul { padding-bottom: 10px; margin-top: 5px;   width: 630px;  font: 10px verdana;   }
#footer .foot ul li {  padding-left: 8px; width: 200px; float: left }
#footer .copyright{ text-align:center; font-size:11px; color:#333; margin-top:10px; float:left;width:802px; padding:0 75px;}
#footer .copyright a{ color:#666;}
#footer .copyright p{ text-align:center;width:802px; padding-top:5px; font-size:11px; padding-bottom:3px;}
#footer .copyright p a{ padding:0 4px; text-decoration:underline}

/*css model */
#modelmid{ width:616px; margin:0 12px; float:left; overflow:hidden;}
#modelmid .model{border-top:1px solid #DBDFE2; padding-top:10px; margin-top:4px;  float:left}
#modelmid .modtext{ float:left; font-size:11px; color:#666;}
#modelmid .modtit{float:left;  font-weight:bold;line-height:28px;width:598px; padding-top:15px;}
#modelmid .model ul{ float:left;  width:588px; margin:10px 0 10px 8px;}
#modelmid .model ul li{ width:190px; float:left; height:24px; font-size:11px;}
#modelmid .model ul li a{ color:#069; text-decoration:underline;}

#modelmid .modlist{ width:616px; float:left; border-top:1px solid #DBDFE2; margin-top:20px;}
#modelmid .listt{float:left; font-weight:bold;line-height:28px;width:598px; padding-top:12px;}
#modelmid .modlist ul{ overflow:hidden; float:left; width:616px;}
#modelmid .modlist li{width:134px; height:250px;overflow:hidden;border:1px solid #E1E1E1;text-align:center;float:left; margin:8px 0 0 8px; padding:0 6px;}
#modelmid .modlist li a img{ width:110px; height:90px; }
#modelmid .modlist li a {line-height:18px;display:block;padding:8px 0;}
#modelmid .modlist li em {line-height:18px;display:block; padding:0 0 4px 0;}
#modelmid .modlist li span {display:block; padding:4px 0 0 0;}

/*css index */
#indexmain{width:952px; }
.banner{ height:120px;}
.banner a{ float:left;}
.banner p{ float:right;}

.featured{float:left;width:596px; border:10px solid #E6EAED; }
.featured li{float:left; height:180px; width:293px;}
.featured a{ display:block;}
.featured em{ display:block;}
.featured span{ display:block;}
.featured strong{ display:block; padding:4px 0;}
.fp1{float:left; width:135px; text-align:center; padding:6px 4px;}
.fp1 em{color:#666; font-size:11px;}

.fp2{float:left; width:140px; padding:6px 4px;}
.fp2 em{ font-size:20px; line-height:24px; margin-left:-10px;}
.fp2 a{ color:#666;background:url(images/dian4.gif) 0 10px no-repeat; line-height:18px;  padding:5px 0 0 10px;}

#mid .indexlist{ width:616px; float:left;  }
#mid .listt{float:left; font-weight:bold;line-height:28px;width:598px; padding-top:12px;}
#mid .indexlist ul{ overflow:hidden; float:left; width:616px;}
#mid .indexlist li{width:134px; height:250px;overflow:hidden;border:1px solid #E1E1E1;text-align:center;float:left; margin:8px 0 0 8px;   padding:0 6px;}
#mid .indexlist li a {line-height:18px;display:block;padding:7px 0;}
#mid .indexlist li form{padding:7px 0;display:block;}
#mid .indexlist li em {line-height:18px;display:block; padding:0 0 4px 0;}
#mid .indexlist li span {display:block; padding:4px 0 0 0;}

#cse-search-results iframe {width:616px;}
/*css about shipping faq contact */
#policy{ width:616px; margin:0 12px; float:left; overflow:hidden;}
#policy p{ width:610px; float:left; padding:3px 0 3px 6px; line-height:16px;}
#policy p a{ padding-left:10px;}


#mid .detail2{ width:599px; float:left; padding:8px; }
#mid .detail2 .discription{ float:left; font-size:13px; font-weight:bold;line-height:24px; width:598px;}
#mid .detail2 p{ float:left; width:590px;}
#mid .detail2 .tit{float:left; font-size:14px; color:#f60; line-height:28px;width:598px;}
#mid .detail2 ul{ width:588px; float:left; margin:10px 0 10px 8px;}
#mid .detail2 ul li{ width:190px; float:left; height:24px; font-size:11px;}
#mid .detail2 ul li a{ color:#069; text-decoration:underline;}