@charset "utf-8";
/* CSS Document */
* { margin: 0px; padding: 0px; }
body { font: 11px/16px Verdana; width: 980px; margin: 0 auto; text-decoration: none; background-color: #C0C0C0; }
a { font-size: 10px; color: #000; }
a:visited { color: #993366; }
a:hover { color: #C00; background-color: #D3D37C; }
h1 { font: bold 16px/24px Arial; color: #3D3D3D; }
h2 { font: bold 12px/20px Verdana; color: #900; }
#logo { background-color: #ECE5D2; float: left; width: 981px; }
#logo #nav1 { float: left; width: 757px; height: 37px; background-position: right; }
#logo #nav1 ul { float: left; height: 36px; width: 750px; list-style-type: none; }
#logo #nav1 li { float: right; padding: 8px 10px 0; }
#logo #nav2 { float: left; width: 750px; height: 37px; }
#logo #nav2 .dh1 { background-color: #CC2C0A; width: 515px; float: left; height: 36px; list-style-type: none; }
#logo #nav2 .dh1 li { float: left; padding: 8px 0 0 12px; color: #FFF; font: 12px Verdana; }
#logo #nav2 .dh1 a { color: #FFF; font: 12px Verdana; text-decoration: none; }
#logo #img { float: left; height: 100px; width: 223px; }
#logo #nav2 .dh2 { background-color: #000; float: left; width: 235px; height: 36px; }
#logo #nav2 .dh2 li { font: 12px Verdana; color: #FFF; float: left; padding: 8px 10px 0; list-style-type: none; }
#logo #nav2 .dh2 a { font: 12px Verdana; color: #FFF; text-decoration: none; }
#logo .bna { float: left; width: 980px; height: 124px; }
#logo .bna li { float: left; list-style-type: none; }
#sidebar { width: 214px; padding-top: 2px; float: left; }
#sidebar h2 { background-color: #000; color: #FFF; font: bold 14px/25px Verdana ; height: 26px; margin: 5px 0 0 5px; text-align: center; width: 204px; float: left; }
#sidebar ul { float: left; width: 200px; margin: 0 4px 4px 6px; list-style-type: none; border: 1px solid #CEC8BC; }
#sidebar li { float: left; width: 180px; margin: 2px 0 2px 10px; }
#sidebar a { font: bold 11px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
#lnav { float: left; width: 218px; background-color: #F4EEE2; }
.pimg { margin-left: 30px; }
#main { float: left; width: 759px; background: #FFF url(img/bj3.jpg) no-repeat left top; padding-top: 2px; }
#main #column { float: left; width: 520px; padding-top:10px; line-height:17px;}
.pic{padding:4px 10px 0px 4px; float:left;}
.about li{ margin:0 30px; color:#333333; list-style:none;}
.about a { color:#0033cc;}
#column h1 {color:#888;font-size:16px; font-weight: bold;line-height:20px;}
#column h2{ color:#900; font-weight:bold; font-size:14px; line-height:20px;}
#main #rcolumn { float: left; width: 238px; height: 190px; padding-top: 6px; }
#rcolumn .blackd { background-color: #000; height: 26px; color: #FFF; text-align: center; font: bold 14px/25px Verdana, Arial, Helvetica, sans-serif; width: 230px; }
#main #rcolumn ul { width: 220px; margin-left: 10px; }
#main #rcolumn li { margin-left: 10px; list-style-type: circle; width: 210px; }
#main #rcolumn a { font: 11px/20px Verdana; }
#main #hot { float: left; width: 759px; }
#main #hot h2 { font: bold 18px/30px Geneva, Arial, Helvetica, sans-serif; margin-left: 8px; }
#main #hot ul { background: url(img/bj3.gif) no-repeat center; height: 188px; }
#main #hot li { height: 160px; width: 125px; float: left; margin: 8px 2px 2px 18px; list-style-type: none; background: url(img/bj5.gif) no-repeat center 9px; text-align: center; padding-top: 15px; }
#main #hot a { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #06C; }
#main #special h2 { background: url(img/special_title.jpg) no-repeat 8px; text-indent: 130px; font: bold 18px/20px Geneva, Arial, Helvetica, sans-serif; }
#main #special { float: left; width: 759px; margin: 8px 0; }
#main #special ul { float: left; width: 742px; border: 1px solid #CEC8BC; margin-left: 5px; }
#main #special li { float: left; width: 205px; list-style-type: none; border-bottom: 1px solid #CEC8BC; margin: 5px 5px 0; padding: 5px 0 5px 27px; }
#main #special .yxx { border-right: 1px dashed #CEC8BC; }
#main .mainp { float: left; width: 750px; }
#main .mainp ul { list-style-type: none; float: left; width: 735px; margin-left: 10px; }
#main .mainp li { float: left; width: 100px; margin-left: 8px; text-align: center; }
#main .mainp a { font: 11px/30px Verdana; }
#aboutbattery { float: left; width: 744px; background-color: #FFF; padding: 10px 5px 5px 10px; }
#aboutbattery h2 { font: bold 16px/25px Arial; margin: 8px 0 2px 8px; }
#aboutbattery p { margin: 0 0 5px 10px; }
#aboutbattery ul { margin-left: 20px; }
#main #special h3 { width: 745px; margin-left: 5px; height: 15px; font-size: 9px; text-align: center; background: #f1ede1 url(img/bj6.jpg); }
#lnav #imgs { float: left; width: 218px; text-align: center; padding-top: 2px; }
#hlt { float: left; width: 981px; background-color: #FFF; }
#hlt #clas2 { float: left; height: 26px; width: 235px; background-color: #000; }
#hlt #clas1 { background-color: #CC2C0A; float: left; width: 746px; height: 26px; text-align: right; }
#hlt #clas1 li { width: 80px; float: left; list-style-type: none; text-align: right; color: #FFF; padding-top: 5px; }
#hlt #clas1 a { font: 11px Verdana; color: #FFF; }
#hlt #clas2 li { text-align: center; padding-top: 4px; }
#hlt #clas2 a { font: 11px Verdana; color: #FFF; }
#fot1 .copy { float: left; width: 980px; }
#fot1 .copy li { width: 25%; float: left; list-style-type: none; text-align: center; }
#fot1 .copy .center { width: 980px; text-align: center; }
#fot1 { background-color: #FFF; float: left; width: 981px; }
#fot1 .copy .bjf { width: 980px; height: 16px; background: url(img/bj6.jpg) no-repeat center; }
#logo .bna ul { float: left; width: 980px; }
#logo .bna .bj1 { background-image: url(img/battery14.gif); width: 738px; height: 124px; }
#content { float: left; width: 981px; padding-bottom: 10px; background-color: #FFF; }

#sidebar .battery { text-align: center; }
#main .mainp img { padding: 6px 0 6px 12px; }
#main .mainp h2 { font: bold 16px/25px Arial; text-align: center; margin-left: 10px; color: #000; background-color: #ECE5D2; }
#main2 { float: left; width: 759px; }
.xux { float: left; width: 95%; border: 1px solid #CEC8BC; }
.red { font: bold 12px Georgia, "Times New Roman", Times, serif; color: #CC2C0A; border-bottom: 1px solid #CEC8BC ; padding: 8px 0 10px; }
.imgtitle { font: bold 12px Verdana; color: #000; }
.white { font: 11px Verdana; color: #FFF; padding: 55px 0 0 210px; width: 510px; float: left; }
.redx { font: 11px Verdana; color: #C33; }
.white1 { font: bold 12px Verdana; color: #FFF; }
.red2 { font: bold 12px Verdana; color: #CC2C0A; }
.bule { font: bold 12px Verdana; color: #069; }
.blackx { font: 12px Geneva, Arial, Helvetica, sans-serif; color: #039; }
.blackh { font: 12px "Verdana", "Arial", "Helvetica", "sans-serif"; }
.lan { color: #00F; font-weight: bold; font-size:12px;
}.redan { font: 12px Arial; color: #933; text-decoration: line-through; }
.yellow { font: bold 12px Arial; color: #960; }
#aboutbattery h1 { text-align: center; color: #C30; font: bold 24px/35px Georgia; }
#main2 #top1 { float: left; width: 759px; background-color: #F4EEE2; padding: 8px 0; }
#top1 p { font: 12px Verdana; margin: 2px 2px 5px 5px; }
#main2 #batteryshow { float: left; width: 750px; }
#batteryshow .foto { width: 220px; text-align: center; list-style-type: none; float: left; }
#batteryshow .desc { width: 530px; float: left; }
#main2 h3 { background-color: #CEC8BC; width: 750px; }
#batteryshow .desc li { line-height: 24px; list-style-type: none; }

#main2 #bj { background: url(img/bj6.jpg) center; border-top: 1px solid #CCC; float: left; height: 15px; width: 750px; margin: 5px 0 8px; }
#main2 #page { float: left; font: bold 11px/22px Verdana; background-color: #e6f2cc; border-bottom: 3px solid #999; height: 24px; width: 754px; padding-left: 5px; color: #000; }
#page .paget { float: left; margin-top: 2px; padding: 0 5px; }
#page .paget a { font: 12px Arial; }
#main2 #batterydes { float: left; width: 759px; }
#top1 h4 { border-bottom: 3px solid #999; height: 20px; font: 10px Verdana; }
#batterydes ul { float: left; width: 759px; border-top: 1px dashed #CCC; }
#batterydes li { float: left; width: 150px; list-style-type: none; text-align: center; }
#batterydes .redm { width: 400px; color: #C00; font: bold 12px Verdana; float: left; }
#batterydes p { margin: 5px 0 8px 5px; border-bottom: 1px dashed #CCC; }
#main2 #model { float: left; width: 759px; }
#model h3 { font:bold 12px/23px Verdana; background-color: #F3F3F3; width: 749px; padding-left: 5px; margin-left: 5px; }
#model h2 { background-color: #e6f2cc; font: bold 12px/22px Verdana; color: #960; padding-left: 5px; margin-left: 5px; width: 749px; }
#model ul { margin: 5px 0 10px 15px; padding-left: 5px; }
#main2 #nump { float: left; width: 750px; }
#nump h3 { font: bold 11px/30px Verdana; color: #000; background-color: #FEE796; padding-left: 5px; width: 745px; }
#nump p { font: bold 12px/30px Verdana; }
#nump h2 { background-color: #F4F4F4; border-bottom: 5px solid #CCC; color: #00F; font: bold 11px/28px Verdana; }
#batteryshow .foto2 {
	float: left;
	width: 260px;
	list-style-type: none;
}
#batteryshow .desc2 {
	float: left;
	width: 480px;
	list-style-type: none;
}
.brand {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #039;
	background-color: #FFE6B0;
	border: thin outset #70A653;}
#arrivalbattery { float: left; width: 744px; background-color: #FFF; padding: 10px 5px 5px 10px; }
#arrivalbattery h2 { font: bold 16px/25px Arial; margin: 8px 0 2px 8px; }
#arrivalbattery p { margin: 0 0 5px 10px; }
#arrivalbattery ul { margin-left: 10px; list-style:none; }
#arrivalbattery ul li {font-size:11px; float:left;width:355px; border:1px solid #e6f2cc;margin: 4px;}