/*CSS reset*/
body{font-family:Arial, Helvetica, sans-serif;font-size:12px;height: auto;width:820px;border: 0px; margin: 0px  auto;background-color: #fff; color:#333;}
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: 18px;   }
.redfont2{color:#CC0000; font-size: 12px; font-weight: bold;}
.red3{color:#c10; font-size:11px;}
.bluefont{color:#065FB3; font-weight: bold;}
.greenfont{color:#4F8513;  font-weight: bold;}
.greyfont{color:#999; font-size: 11px; }
.brownfont{color:#874604;text-decoration: line-through;font-size: 11px}
.yellow{ color:#333; background-color:#F4E22A; font-weight:bold; padding:0 3px; margin-left:10px;}

h1{font-size: large; }
h1 em{ font-size:13px; font-weight: bold;}
h2{line-height:25px;font-size:11px; border-bottom:1px solid #D5D5D5; padding-left:10px; color:#666;}
h2 a{ text-decoration:underline;}
h3{  font-weight:bold; font-size:13px; line-height:20px;  float:left; width:640px; border-bottom:1px solid #d5d5d5;}
h4{font-weight:bold; font-size:13px; line-height:20px;  float:left;}
h5{ line-height:22px; color:#fff; float:left;  width:630px; background:url(images/dealbj.gif) repeat-x;padding-left:10px;}
h5 strong{background:url(images/moredeal.gif) 0 1px no-repeat; padding-left:16px;}

/*css detail */
#header{ width:820px; }
#header .logo {width:500px;  float:left;padding:16px 0 0 2px;}
#header .about{ float:right;  background-repeat: no-repeat; color:#9bc0dd; border-bottom:1px solid #ccc;width:286px; padding:1px 0 3px 0; text-align:right;}
#header .about a{color:#257cc3; margin:0 8px 0 8px; }
#header .about .view{ background:url(images/viewcart.gif) 58px 0 no-repeat; padding-right:20px;color:#c00;}
#header .about a:hover {text-decoration:underline; }

#header .search{ width:278px; float:right; background-color:#E9E9E9;padding:4px; margin-top:2px;color:#666;}
#header .search strong{ float:left;padding-right:3px;}
#header form{float:left; padding-right:6px;}
#header .inputtext{ width:140px; height:12px; line-height:14px; float:left; font-size:11px; }
#header .submit {background:url(images/search.gif)  no-repeat;width:65px; height:22px; border:0; cursor:pointer; margin-left:8px; float:left;}
#header .hotsearch{float:left; line-height:12px;}
#header .hotsearch strong{font-size:11px; padding-right:6px;}
#header .hotsearch a { color:#666;  font-size:10px;}

#nav { float:left;width:820px; margin-top:4px;}
#nav li{ float:left;height:26px;  background:url(images/nav.gif) repeat-x; }
#nav .shop{background:url(images/brand.gif) no-repeat; width:97px; padding:0; text-align:center;}
#nav .adap{background:url(images/adapter.gif) no-repeat; width:108px; float:right;padding:0;text-align:center; }
#nav .noline{background:none;padding:0 20px;}
#nav a{font-size:9pt; font-weight:bold; text-decoration:none; line-height:26px;  padding:0 12px; display:block; float:left; color:#fff;background:url(images/nav1.gif) right no-repeat; }
#nav a:hover{ color:#e2e2e2;}
#nav li:hover{ background:url(images/nav2.gif) repeat-x; }
#nav .navad{ width:820px; height:28px; background:url(images/navbj.gif) no-repeat; float:left;}


#main{width:820px; margin-top:3px; border-top:1px solid #D5D5D5; float:left;}

#right{width:640px;float:right;border-left:1px solid #D5D5D5; height:100%; padding-left:10px; overflow:hidden;}
#right .battery{width:640px;float:right; margin-top:10px; padding-bottom:10px;}
#right .battery .view{width:270px;float:left; text-align:right; font-weight:bold;}
#right .battery .view .pic {width:270px;float:left;}
#right .battery .view .pic img{ padding-top:25px;}
#right .battery .view .info{float:left; font-weight:bold; border-top:1px solid #D5D5D5; padding-top:4px; margin-top:4px; background:url(images/ce.gif) right bottom no-repeat; height:50px; width:270px;word-spacing:6px;}
#right .battery .view .info em{color:#CB0101; font-weight:bold; }
#right .battery .sale{width:340px;float:left; margin-left:30px;}
#right .battery .sale ul{ float:left; width:310px; border:1px solid #d5d5d5; margin-top:10px; padding:8px; overflow:hidden; }
#right .battery .sale ul li{ padding:3px 0;word-spacing:2px;}
#right .battery .sale ul li em{color:#a63;}
#right .battery .sale ul li a{ text-decoration:underline; font-size: 15px; }
#right .battery .sale ul li input{ vertical-align:middle; margin:2px 0;}
#right .battery .sale .line{ background:url(images/line.gif) 0 10px repeat-x; }
#right .battery .sale dl { float:left; width:318px; border:1px solid #d5d5d5; margin-top:10px; padding:4px; overflow:hidden; }
#right .battery .sale dl dt{ padding-left:72px; background:url(images/guaranteed.jpg) 0 12px no-repeat;}
#right .battery .sale dl dd a{ display:block;  color:#065FB3; font-weight:bold; text-decoration:underline; line-height:22px;}
#right .battery .sale .ff{ background:url(images/bookmark.gif) 0 4px no-repeat; padding-left:18px;}
#right .battery .sale .aa{ background:url(images/ask.gif) 0 4px no-repeat; padding-left:18px; }
#right .battery .sale .ss{ background:url(images/share.gif) 0 4px no-repeat; padding-left:18px; }

#right .specifications{ width:640px; float:right; margin-top:10px;}
#right .specifications ul{ padding:10px; float:left; width:560px;}
#right .specifications li{  line-height:18px; }

#right .description{ width:640px; float:right;overflow:hidden;}
#right .description p{ width:620px; padding:10px; float:left;line-height:16px;}
#right .description p a{ color:#369;}
#right .description p em{ color:#953;}
#right .support { text-align:center; color:#065FB3; font-weight:bold;}

#right .fit{ width:640px; margin-top:10px;  float:right;}
#right .ft{font-weight:bold; font-size:13px; line-height:20px;  float:left; width:640px; padding-top:6px; border-top:1px dotted #d5d5d5;} 
#right .fit ul{ padding:12px 10px 20px 10px; float:left; width:620px; border-bottom:1px dotted #d5d5d5; }
#right .fit ul li{   width:154px; float:left; line-height:20px; color:#666;  }
#right .fit ul li a{ text-decoration:underline;}

#right .tips{ width:640px; float:right;overflow:hidden;}
#right .tips p{ width:620px; padding:10px; float:left;line-height:16px;}
#right .tips p a{color:#369;}
#right .tips .tiptitle{font-weight:bold; font-size:13px;  float:left; width:640px;}

#right .related{ width:640px; margin-top:30px;  float:right;}
#right .related ul{ padding:20px; float:left; width:600px;}
#right .related ul li{ float:left; width:110px; margin-right:40px; text-align:center;}
#right .related ul li img{ border:1px solid #d5d5d5; margin:10px 0;}
#right .related ul li a{color:#039; font-size:11px; text-decoration:underline;}

#left{width:169px;float:left;  }
#left .left1{width:169px; border-bottom:1px dotted #d5d5d5; padding-bottom:8px;}
#left .letit{ font-size:16px; font-weight:bold; border-bottom:1px solid #D5D5D5; line-height:26px; padding-left:2px;}
#left .left1 li{ background:url(images/d1.gif) 0 6px no-repeat; padding-left:10px; line-height:18px; font-size:11px;}

#left .left2{width:169px; border-bottom:1px solid #d5d5d5; padding:16px 0 8px 0;}
#left .left2 p{ background:url(images/hot.gif) no-repeat; line-height:21px; font-weight:bold; color:#fff; padding-left:12px;}
#left .left2 ul{ padding-top:6px;}
#left .left2 li{ background:url(images/d1.gif) 0 6px no-repeat; padding-left:10px; line-height:18px; font-size:11px;}

#left .left3{width:169px; border-bottom:1px solid #d5d5d5; padding:16px 0 8px 0;}
#left .left3 p{line-height:21px; font-weight:bold; padding-left:2px;font-size:14px;}
#left .left3 li{ padding:3px 0 3px 10px; font-size:11px; font-weight:bold;}
#left .left3 li a{ text-decoration:underline; color:#666;}
#left .left3 li span{ font-size:14px; color:#c00; }

#left .left4{width:159px; border-bottom:1px dotted #d5d5d5; padding:16px 0 8px 10px;}
#left .left4 p{line-height:21px;  padding-left:2px; font-size:14px;font-weight:bold;}
#left .left4 li{  background:url(images/d2.gif) 4px 6px no-repeat; padding-left:12px; line-height:16px; font-size:11px;}

#footer{width:820px; float:left; }
#footer .foot{width:810px; background-color:#F0F5FC;  float:left; padding-left:10px;}
#footer .foot dl{ width:150px; float:left; padding:2px 0 10px 10px; }
#footer .foot dt a{ color:#346; font-weight:bold;line-height:26px; font-size:13px;}
#footer .foot dd{ line-height:20px;  padding:0 6px 0 0; background:url(images/dian4.gif) 0 6px no-repeat; padding-left:12px; border-right:1px solid #C6D4E4;}
#footer .foot dd a{font-size:11px;}
#footer .copyright{ text-align:right; font-size:11px; color:#999; margin-top:5px; float:left; line-height:20px; width:820px; background:url(images/pay.jpg) left no-repeat;}
#footer .copyright a{ color:#666; text-decoration:underline;} 

/*css model */
#modright{width:640px;float:right;border-left:1px solid #D5D5D5; height:100%; min-height:1520px; padding:12px 0 0 10px; overflow:hidden;}
#modright .mt{ padding:14px 8px 0 0px; float:left; width:632px;}
#modright .fit{ width:640px; margin-top:25px;  float:right;border-bottom:1px dotted #d5d5d5;}
#modright .ft{font-weight:bold; font-size:13px; line-height:20px;  float:left; width:640px; padding-top:6px; border-top:1px dotted #d5d5d5;} 
#modright .fit ul{ padding:12px 10px 25px 10px; float:left; width:620px;  }
#modright .fit ul li{   width:154px; float:left; line-height:20px;  padding-top:4px; }
#modright .fit ul li a{ text-decoration:underline; color:#666;}

#modright .related{ width:640px; margin-top:30px;  float:right;}
#modright .related ul{ padding:20px; float:left; width:600px;}
#modright .related ul li{ float:left; width:110px; margin-right:40px; text-align:center;}
#modright .related ul li img{ border:1px solid #d5d5d5; margin:10px 0;}
#modright .related ul li a{color:#039; font-size:11px; text-decoration:underline;}

#cse-search-results iframe {width:640px;}

.discountbatteryshop { float:right; width:640px;}
.discountbatteryshop p{ float:left; padding-top:10px; line-height:16px;width:640px;}
.discountbatteryshop p strong{ display:block; padding-bottom:4px;}
.discountbatteryshop p a{ color:#059; text-decoration:underline;}

/*css index */
.banner{ float:left; padding-top:6px;}
.featured{ margin-top:6px; float:left; width:640px; }
.featured ul{float:left;  width:640px; padding:0 0 6px 0; border-bottom:1px solid #d5d5d5;}
.featured li{ float:left; height:224px;  font-size:11px;  text-align:center;}
.featured li a{color:#069;font-weight:bold;}
.fd1{padding:0 0 0 4px; margin:0 4px; width:160px;border-right:1px solid #d5d5d5;border-left:1px solid #d5d5d5;} 
.featured li em{ color:#b00; font-size:20px; display:block; padding:1px 0;font-weight:bold;}
.featured li span{ color:#666; font-size:10px; display:block; text-decoration: line-through;}

.moredeal{ margin-top:8px;  float:left; width:640px;  overflow:hidden;}
.moredeal ul{float:left; width:638px; padding:6px 0 6px 2px; border-bottom:1px solid #d5d5d5; }
.moredeal li{ width:150px; height:230px; float:left; padding:10px 4px 0 4px;border-right:1px solid #d5d5d5; text-align:center; font-size:10px;}
.moredeal li a{ font-weight:bold;font-size:11px;color:#069;display:block; padding-bottom:4px; }
.moredeal li em{ color:#b00; font-size:14px; display:block; padding:6px 0 2px 0;font-weight:bold;}
.moredeal li span{ color:#666; font-size:10px; display:block; text-decoration: line-through;}

.indextext{width:640px; margin-top:20px; float:right;overflow:hidden;}
.indextext p{ width:620px; padding:10px; float:left;}


/*css adapter */
.adapter{ width:640px; float:right; margin-top:10px; padding-bottom:10px;}
.adapterimg{ width:270px;float:left;padding:3px; text-align:center; padding-top:40px;}
.adapterimg .info{  font-weight:bold; border-top:1px solid #D5D5D5; padding-top:4px; margin-top:4px; background:url(images/ce.gif) right bottom no-repeat; height:50px; width:270px;word-spacing:6px;}
.adapterimg a{ display:block;  color:#065FB3; font-weight:bold; text-decoration:underline; line-height:22px; width:100px;}
.adapterimg .ff{ background:url(images/bookmark.gif) 0 4px no-repeat; padding-left:18px;}
.adapterimg .aa{ background:url(images/ask.gif) 0 4px no-repeat; padding-left:18px; }

.detail{ float:right; width:332px; margin-right:12px; } 
.shopp{ width:320px;  border:1px solid #d5d5d5; padding:6px;}
.detail form{ margin:5px 0; }
.detail form input{ vertical-align:middle; margin:3px 0;}
.shopp em{color:#a63;}

.relate{margin-top:5px; border:1px dashed #ccc; padding:10px; width:312px;background-color:#EEEEEE; line-height:140%; font-size:11px;}
.relate strong{color:#4282B3;}
.relate li{ margin:0px;}
.relate a{ text-decoration:underline;}
.relate a:hover{ text-decoration:none;}
 
.spec,.spec_a{  line-height:160%; padding-top:8px; clear:both;}
.spec_a a{ color:#369; font-size:11px;}
.spec_ul{ list-style:circle; float:left; padding-top:6px;}
.spec_ul li{margin-left:20px; padding:4px 0;list-style:disc;}
.red{ color:#FF0000;}