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

h1{font-size:18px; }
h1 em{ font-size:13px; font-weight: bold;}
h2{ border-bottom:1px dotted #D5D5D5; padding:0 0 6px 12px; color:#666; background:url(images/d1.gif) 0 2px no-repeat;font-weight: bold;}
h2 a{ }
h3{  font-weight:bold; font-size:13px; line-height:20px;  float:left; width:710px;}
h4{ width:185px; background:url(images/ringht1.gif) no-repeat; line-height:25px; text-align:center; color:#fff; font-weight:bold;}

/*css detail */
#header{ width:960px; padding-top:4px; height:56px;}
#header .logo {width:310px;  float:left;}
#header .logo img{padding:4px 0 0 2px; }
#header .about{ float:right;  background-repeat: no-repeat; color:#9bc0dd;}
#header .about a{color:#257cc3;text-decoration:underline; 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; }

#nav {width:960px; float:left; }
#nav li{ float:right; width:123px;background:url(images/nav1.gif) repeat-x; text-align:center;line-height:20px;font-weight:bold;}
#nav .laptop{background:url(images/nav2.gif) repeat-x; color:#fff;}
#nav a{  text-decoration:none;  color:#0E3056;}
#nav a:hover{ background:url(images/nav_a.gif) repeat-x;}
#nav ul{ float:right; margin-right:1px;}
#nav .menu{ float:left; width:878px; line-height:25px; background-color:#3466AB; border-left:1px solid #ccc; border-right:1px solid #ccc; padding-left:80px; }
#nav .menu a{ color:#fff; padding:0px 12px; font-family:Verdana, Geneva, sans-serif; font-size:11px;}
#nav .menu a:hover{ text-decoration:underline;}

#nav .search{ width:950px; height:28px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;  float:left; background-color:#DBE9F4; padding-left:8px}
#nav .search span{ display:block; float:left; line-height:28px; color:#000; padding-right:6px;}
#nav .search p{float:left; font-size:10px; width:510px; line-height:28px; color:2F6AAE;}
#nav .search p a{ text-decoration:underline; padding:0 4px; color:2F6AAE;}
#nav form{ float:left; height:18px; padding-top:4px;width:380px;}
#nav form .inputtext{float:left; font-size:11px; color:#666; width:300px;}
#nav form .submit {background:url(images/search.gif)  no-repeat;width:36px;height:21px; border:0; cursor:pointer; margin-left:8px; float:left;}

/*css main */
#main{width:960px; margin-top:10px; float:left; }

#left{width:760px;float:left;  overflow:hidden;}
#left .battery{width:760px;float:left; margin-top:10px; padding-bottom:10px;}
#left .battery .view{width:270px;float:left; text-align:center; }
#left .battery .view .pic {width:270px;float:left; padding-top:28px; font-size:11px;}
#left .battery .view .pic img{ padding-bottom:10px;}
#left .battery .view .review{float:left; margin:10px 0 0 76px;_margin:10px 0 0 38px; border:1px solid #ddd; padding:10px 10px 0 6px;line-height:36px;}
#left .battery .view .review a{ background:url(images/write.gif) no-repeat; padding-left:20px; text-decoration:underline; color:#069; }

#left .battery .sale{width:480px;float:left; margin-left:10px; _margin-left:5px;}
#left .battery .sale ul{ float:left; width:430px;   padding:6px; overflow:hidden; }
#left .battery .sale ul li{ padding:4px 0;word-spacing:1px;}
#left .battery .sale ul li input{ vertical-align:middle; margin-right:20px;}
#left .battery .sale .s1{ font-size:14px; font-weight:bold; padding:8px 0;}
#left .battery .sale .s2{ border:1px solid #2591DA; background-color:#ECEEFB; line-height:24px; padding-left:12px; width:300px; color:#3142C4; font-weight:bold; font-family:Verdana, Geneva, sans-serif; word-spacing:6px;}
#left .battery .sale .s3{ padding-top:8px; }
#left .battery .sale form{ float:left; width:310px;}
#left .battery .sale em{ font-size:11px; color:#369; display:block; padding-top:5px;}
#left .battery .sale input{ margin-top:5px;}
#left .battery .sale .s4{ float:left; margin-top:70px;}
#left .battery .sale .s5{color:#CC0000; font-size: 12px; width:400px;float:left;}

#left .catit{ line-height:24px; float:left;border-top:1px solid #ccc; width:748px; padding-left:12px; background:url(images/d1.gif) 0 6px no-repeat;}
#left .catit a{ font-weight:bold;}
#left .capacity{ border-bottom:1px dashed #ddd; padding:4px 0; width:738px;float:left;margin-left:9px;}
#left .capacity img{margin:0 3px;  }
#left .capacity p{float:left;}
#left .ctext{ padding-left:10px; width:320px; color:#666; font-size:11px; }
#left .ctext strong{ font-size:12px; line-height:22px; color:#333;}
#left .cprice{ margin:0 15px;width:80px; line-height:22px; padding-top:10px; color:#FD0100; font-size:14px;}
#left .capacity form{ margin:0 10px;width:170px; line-height:22px;  padding-top:10px;  display:block; float:left;}
#left .capacity em{ font-size:11px; color:#369; display:block;}
#left .capacity input{ margin-left:4px; float:left; vertical-align:middle;}

#batterytab {width:760px; float:left; margin-top:20px; height:28px; }
#batterytab ul{ padding-left:50px;}
#batterytab li {float:left; height:28px; line-height:28px;  font-size:12px; cursor:pointer; margin-right:12px; background:url(images/tab2.gif) no-repeat;  width:113px; text-align:center;}
#batterytab .current {background:url(images/tab1.gif) no-repeat; width:113px; }
#batterytab .current a{color:#fff;font-weight:bold;}
#tab_des_data{width:740px; float:left; padding:9px; border:1px solid #ddd; overflow:hidden;}
#tab_des_data ul{ padding:0 20px; float:left; width:720px;}
#tab_des_data .tli li{  line-height:18px; background:url(images/d2.gif) 0 8px no-repeat; padding-left:12px;}
#tab_des_data .wli li{  line-height:18px; padding-left:12px;}
#tab_des_data a{ color:#068;}
#tab_des_data p{ width:720px; padding:10px; float:left;}
#tab_des_data p em{ color:#036; font-style:italic;}
#tab_des_data .support { line-height:20px; padding-left:20px;}
#tab_des_data .support strong{ display:block; line-height:26px;margin-left:-10px;}

#tab_mod_data{width:740px; float:left; padding:9px; border:1px solid #ddd; overflow:hidden;}
#tab_mod_data ul{ padding:12px 10px 20px 10px; float:left; width:720px;  }
#tab_mod_data ul li{ font-size:11px; width:164px; float:left; line-height:20px; color:#666;  }
#tab_mod_data ul li a{ color:#336;}

#tab_cod_data{width:740px; float:left; padding:9px; border:1px solid #ddd; overflow:hidden;}
#tab_cod_data ul{ padding:12px 10px 20px 10px; float:left; width:720px;  }
#tab_cod_data ul li{ font-size:11px; width:164px; float:left; line-height:20px; color:#666;  }
#tab_cod_data ul li a{ text-decoration:underline;}

#tab_tip_data{width:740px; float:left; padding:9px; border:1px solid #ddd; overflow:hidden;}
#tab_tip_data .support { line-height:20px; padding-left:20px;}
#tab_tip_data .support strong{ display:block; line-height:26px;margin-left:-10px;}


#left .related{ width:740px; margin-top:10px; padding:9px;  float:left; border:1px solid #ddd;}
#left .related ul{ padding:6px 20px; float:left; width:700px;}
#left .related ul li{ float:left; width:140px; margin-right:20px; text-align:center;}
#left .related ul li img{ margin:10px 0;}
#left .related ul li p{ clear:both;}
#left .related ul li a{  text-decoration:underline;font-weight:bold; color:#666;}

/*css right */
#right{width:185px;float:right; overflow:hidden;}
#right .save{ padding-bottom:10px;}
.right1{ float:left;}
#right dl{width:183px; float:left; border-left:1px solid #ccc; border-right:1px solid #ccc; padding-bottom:6px;}
#right dt{ background:url(images/d3.gif) 6px 6px no-repeat; background-color:#DBE9F4;line-height:20px; color:#CF6347; font-weight:bold;   padding-left:18px;}
#right dd{ line-height:25px; padding-left:22px;}
#right .ada{ background:none; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
#right .rtd{ float:left; width:185px; height:5px; background:url(images/rtd.gif) no-repeat;}

.right2{ margin-top:10px;_margin-top:3px; float:left;}
.right2 ul{width:183px; float:left; border-left:1px solid #ccc; border-right:1px solid #ccc; padding-bottom:6px;}
.right2 li{ line-height:22px; padding-left:18px;}

.right3{ margin-top:10px;_margin:3px 0 10px 0; float:left;width:183px; border:1px solid #ccc; padding:6px 0;}
.right3 p{ width:90px; float:left; font-size:11px; color:#666;}
.right3 p a{ color:#069; text-decoration:underline;}
h5{line-height:20px;  font-weight:bold; padding-left:10px;}
h5 a{color:#CF6347;}

#footer{width:960px; float:left; margin-top:20px; margin-bottom:10px; }
#footer .foot{width:918px; background-color:#F7F6FB; float:left; border:1px solid #ddd; padding-left:40px; }
#footer .foot dl{ width:170px; float:left; padding:2px 0 10px 10px; }
#footer .foot dt {  font-weight:bold;line-height:26px; font-size:13px;}
#footer .foot dd{ line-height:20px;  padding:0 19px 0 0; background:url(images/dian4.gif) 0 6px no-repeat; padding-left:12px;}
#footer .foot dd a{font-size:11px;}
#footer .footnav{ text-align:center; font-size:11px; color:#069;  margin-top:5px; float:left; line-height:20px; width:860px; }
#footer .footnav a{color:#069; padding:0 4px; }
#footer .copyright{ text-align:center; font-size:11px; color:#999; margin-top:5px; float:left; line-height:20px; width:860px; }
#footer .copyright a{ color:#666; text-decoration:underline;} 

/*css model */
#modleft{width:760px;float:left; overflow:hidden;}
#modleft .model{width:760px;float:left; margin-top:20px; overflow:hidden;}
#modleft .mt{ padding:14px 8px 0 0px; float:left; width:720px;}

#modleft .fit{ width:760px; margin-top:25px;  float:right;}
#modleft .ft{font-weight:bold; font-size:14px; line-height:20px;  float:left; width:760px; padding-top:6px; } 
#modleft .fit ul{ padding:12px 10px 25px 20px; float:left; width:700px;  }
#modleft .fit ul li{  width:164px; float:left; line-height:20px; padding-top:4px;   }
#modleft .fit ul li a{ text-decoration:underline; color:#069;}

#modleft .mtext{width:740px; float:left; padding:10px;  overflow:hidden;}
#modleft .mtext p{ float:left; width:720px; padding:10px 0; line-height:18px;}
#modleft .mtext p strong{ display:block; line-height:20px;}

#modleft .related{ width:740px; margin-top:10px; padding:9px;  float:left; border:1px solid #ddd;}
#modleft .related ul{ padding:6px 20px; float:left; width:700px;}
#modleft .related ul li{ float:left; width:140px; margin-right:20px; text-align:center;}
#modleft .related ul li img{ margin:10px 0;}
#modleft .related ul li a{  text-decoration:underline;font-weight:bold; color:#666;}

/*css index */
#indexleft{width:185px;float:left; overflow:hidden;}
#indexleft dl{width:183px; float:left; border-left:1px solid #ccc; border-right:1px solid #ccc; padding-bottom:6px;}
#indexleft dt{ background:url(images/d3.gif) 6px 6px no-repeat; background-color:#DBE9F4;line-height:20px; color:#CF6347; font-weight:bold;   padding-left:18px;}
#indexleft dd{ line-height:25px; padding-left:22px;}
#indexleft .ada{ background:none; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
#indexleft .rtd{ float:left; width:185px; height:5px; background:url(images/rtd.gif) no-repeat;}
#indexright{width:760px; float:right;  overflow:hidden;}

#indexright .banner img{ float:left;}

#indexright .topic{width:760px; float:left; margin-top:20px;}
#indexright .topic h1{ font-size:16px; color:#9E3158; line-height:28px;font-weight:bold;}
#indexright .topic h3{ font-size:14px; color:#036;  line-height:28px; font-weight:normal;}
#indexright .topic p{ float:left;}


#indexright .featured{width:760px; float:left;  overflow:hidden; margin-top:20px;}
h6{width:740px; float:left; background:url(images/featured.gif) no-repeat; line-height:24px; border-bottom:2px solid #3466AB; padding-left:20px; font-weight:bold; font-size:14px; color:#fff;}
#indexright .featured dl{ float:left; width:243px; height:175px; border:1px solid #ccc;background-color:#f0f0f0; margin:8px 8px 0 0;}
#indexright .featured dt{ background-color:#aaa; font-weight:bold; width:235px; line-height:26px; padding-left:8px;}
#indexright .featured dt a{ color:#fff;}
.f1{ width:122px;line-height:22px;padding-left:18px; background:url(images/d4.gif) 8px 8px no-repeat; color:#0166CE;}
.f1 a{color:#039;}
.f2{ float:right;}
.f3{  width:132px; margin-left:8px; text-align:right;line-height:30px; border-top:1px solid #ccc; color:#900; font-size:20px;}


.popular{width:760px; float:left;  margin-top:20px;}
.popular p{ background-color:#aaa; float:left; font-weight:bold; width:740px; line-height:22px; padding-left:20px; color:#fff;}
.popular ul{ padding:8px 0; float:left;}
.popular li{ float:left; width:132px;line-height:22px;padding-left:18px; background:url(images/d5.gif) 8px 8px no-repeat;}
.popular li a{color:#0166CE;}

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