* {
 padding: 0;
 margin: 0;
}
html, body{font: normal 12px Tahoma, Vardana, sans-serif; background-color:#ffffff; text-align:center; min-width:990px; background:url(images/bj.gif) repeat-y; background-position:center; height: 100%;}
p{line-height:150%}
#wrapper{width:963px; margin: 0 auto; min-width: 770px; min-height: 100%; text-align: left; max-width: 1200px;}
h1{font-family: Tahoma,Vardana,sans-serif; /*font-family: "Lucida Grande", Georgia, Trebuchet, "Trebuchet MS", sans-serif;*/ color: #886600; font-size: 23px; margin: 0 0 .3em 0; float:left;}
h2 { font-family:Tahoma, Vardana, sans-serif; color: #886600; font-size: 22px; line-height: 22px; margin-bottom: 0.5em;}
/*h3 {font: bold medium Arial, Helvetica, sans-serif; color:#C36F0B; border-top:1px dashed #CCC; padding-top:10px; margin-top:25px; margin-bottom:15px; }*/
h3 {color: #055; margin: 1em 0 0.5em 0; font: bold 17px/17px Tahoma, Vardana, sans-serif;}
h4 {font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#cc6600; margin: 0.5em;}
.clear{clear:both;}
img {border:none; vertical-align: middle;}
a[href^="http://www.usa-batteries.com/"] {background: url(images/externalLink.png) no-repeat right; padding-right:10px;}
a{color:#003399; text-decoration:underline; }
a:hover{ color:#3366FF; text-decoration:underline;}
hr{ margin:3px 0; border-top:1px #999999 dashed; height:1px;}
#logo {width: 100%; padding: 15px 0 5px 10px;}
#logo ul{list-style-type:none;}
#logo ul li{float:left;}
.tel{padding:12px 10px 0 20px;}
.search{ background:url(images/navbg.png) repeat-x left top; height:46px; margin:0 12px 0 13px; overflow:hidden; white-space:nowrap;}
.search ul {list-style-type:none; padding-top:12px; width:937px;}
.search ul li{ float:left;}
.white {color: #FFF !important; font-weight:bold; padding-top:3px; padding-right:5px;}
.subsearch { height: 46px; white-space: nowrap; color: #399; padding-left: 25px !important; margin-top:3px; font-family:Tahoma, Vardana, sans-serif;}
.subsearch a{color:#FFFFFF; text-decoration:underline;}
.subsearch a:hover{color:#9CC; text-decoration:underline;}
.searchleft {background:url(images/navleft.png) no-repeat left top;}
.searchright {background:url(images/navright.png) no-repeat right top;}
#menu{background: url(images/menubg.gif) repeat-x left top; height:36px; margin:0 10px;}
#menuleft{background: url(images/menuleft.gif) no-repeat left top;}
#menuright {background:url(images/menuright.gif) no-repeat right top;}
#nav{height: 24px; list-style-type: none; line-height:22px;}
#nav li{float:left; font-weight:bold; position: relative; height:23px; line-height:22px;}
#nav li a{color: #600; display:block; text-decoration: none; font: bold 13px Verdana, Arial, Helvetica, sans-serif; height:20px; text-align:center; padding:7px 9px 0 9px;} 
#nav li a:hover{color:#000; text-decoration:none;}
#nav li ul {position: absolute;left: -1px;top:23px;display:none; width:100px;}
#nav li ul li{float:none; width: 172px; text-align:left; display:block;}
#nav li ul li a {display: block;text-decoration: none; color:#990000; background-color: #ffa100; height:auto; font:normal 12px Arial,Helvetica,sans-serif; border: 2px solid #ffa100; padding:7px 5px 3px 10px; text-align:left;}
#nav li ul li a:hover{display: block; text-decoration: none; color:#000000; background-color:#ffd47d; font:normal 12px Arial,Helvetica,sans-serif;  border: 2px solid #ffa100; text-decoration:none; padding:7px 5px 3px 10px;}
* html #nav li {float: left;height: 1%;}
* html #nav li a {height: 1%;  width:150px; display:inline;}
ul#nav li:hover ul, ul#nav li.over ul {display: block;}

#path{padding:8px 0px 0 10px; font-size:12px; margin:0px; float:left;}
#print{ padding:8px 8px 0 0px; font-size:11px;  margin:0px; font-family: Verdana, Arial, Helvetica, sans-serif; float:right;}
#print a{color:#000000; text-decoration:none;}
#print a:hover{ color:#3366FF; text-decoration:none;}
.banner {width:963px;}

#left {width:730px; float:left; margin-top:8px; height:auto;}
#content{width:730px; height:326px; margin:7px 0 10px 0; float:left;}
#content ul{ list-style-type:none; margin:0px;padding:0px;clear:both;display:block;}
#content ul li{line-height:1.5em;}
.picinfo{float:left;margin:25px 0px 0px 5px; text-align:center; display:block; width:310px; height:300px;}
.dec{font-family:Tahoma, Vardana, sans-serif; font-size: 12px; font-weight: normal; color:#000; line-height:16px; padding-bottom:5px;}
.price {font: bold 15px/20px Arial, Helvetica, sans-serif; vertical-align: middle;}
.price b, .price del {color:#FF0000; font-size: 20px; letter-spacing: -1px; vertical-align: middle;}

.battery_pack{float:left;clear:both; width:726px; margin-top:8px;}
.battery_img1{float:left;width:122px;height:20px;padding-top:5px;border:1px #cdd2d5 solid;border-top:0px;border-left:0px;text-align:center;font-weight: bold;background-color:#efefef;}
.battery_feature1{float:left;width:92px;height:20px;padding-top:5px;border:1px #cdd2d5 solid;border-top:0px;border-left:0px;text-align:center;font-weight: bold;background-color:#efefef;}
.battery_price1{float:left;width:136px;height:20px;padding-top:5px;border:1px #cdd2d5 solid;border-top:0px;border-left:0px;text-align:center;font-weight: bold;background-color:#efefef;}
.battery_img{float:left;width:122px;height:40px;border:1px #cdd2d5 solid;border-top:0px;border-left:0px;text-align:center;}
.charger_input_volt{float:left;width:92px;height:40px;border:1px #cdd2d5 solid;border-top:0px;border-left:0px;text-align:center;}
.battery_feature{float:left;width:92px;height:30px;padding-top:10px;border:1px #cdd2d5 solid;border-top:0px;border-left:0px;text-align:center;}
.battery_price{float:left;width:136px;height:30px;padding-top:10px;border:1px #cdd2d5 solid;border-top:0px;border-left:0px;text-align:center;}
.compare_battery{float:left;clear:both;width:726px;border-top:1px #cdd2d5 solid;border-left:1px #cdd2d5 solid; margin-top:8px;}
.compare_detail{float:left;width:726px;clear:both;}

#together{width:730px;}
.dot {background: transparent url(images/dot.gif) repeat-x left center; clear: both; height: 10px;
margin: 0 !important; padding: 0 !important;}
#together ul{ padding-top:10px;}
#together ul li{ margin:0px; padding-right:10px; display:inline; float:left;list-style:none;height:8em;line-height:7em; vertical-align: middle;}
#together li.up{ float:left; margin-top:-85px;}
.togethter{font-size:14px; padding-left:10px;}
.red {color:#CC0000;}
.red1 {color:#FF0000;}
table.spec {width: 100%; border-color: #FFF; border-style: solid; border-collapse: collapse;border-width: 2px 2px 0 2px; margin-top:10px; margin-bottom:20px;}
.spec th, .spec td {padding: 4px; text-align: left; vertical-align: middle; border: 1px solid #CCC;}
.spec .title {border-bottom-width: 2px; padding: 10px 5px 5px 5px; font: bold 14px Arial, Helvetica, sans-serif;}
.spec th {width: 26%; color: #555; font-weight: bold; padding-left: 20px; }
#des { margin-top:15px; background:url(images/descri_bg.gif) repeat-x left bottom;  width:100%; float:left;}
#des ul{list-style-type:none;}
#des ul li { white-space: nowrap; font: bold 14px Arial, Helvetica, sans-serif; float:left;}
.active { padding:7px; }
#batteryimg {float:left;text-align:center; margin-right:30px; height:312px;}
.conimg{width:730px; margin-bottom:15px;}
.similar {font-size:13px;padding-bottom:12px; list-style-type:none;}
.similar li{ line-height:18px;}
.top{text-align:right; padding-top:13px; padding-bottom:10px;}
.batterytips{color:#C36F0B;; font-size:16px; line-height:30px;}
.asktip{ font-size:13.5px; line-height:120%;}
#tips{ width:100%;}
#tips ol li{line-height:140%; margin-left:35px;}
#tips ul li{line-height:150%; margin-left:35px; list-style-type:circle;}
.disclaimer {font:11px Arial, Helvetica, sans-serif normal; color:#777;}
.tip { padding-bottom:6px;}

#right{ width:218px; margin:8px 0 0 15px; float:left;}
.brand{list-style-type:none; margin-bottom:17px;}
.brand li {margin:0.5em 0;}
.green{ color:green;}
.rating, .rating i {margin: 0; padding: 0; height: 14px; font-size: 1px; display: -moz-inline-box;display: inline-block;}
.rating {width: 75px; text-align: left; vertical-align: top; background: url(images/greystar.gif) repeat-x left center;}
.rating i {background: url(images/star.gif) repeat-x left center;}
.r1 i {width: 7px;}
.r2 i {width: 15px;}
.r3 i {width: 22px;}
.r4 i {width: 30px;}
.r5 i {width: 37px;}
.r6 i {width: 44px;}
.r7 i {width: 52px;}
.r8 i {width: 60px;}
.r9 i {width: 67px;}
.r10 i {width: 75px;}
.category {width: 218px; background:url(images/right_mid.gif) repeat-y left top; margin-top:15px;}
.category ul {list-style-type:none;}
.category ul li{ padding-bottom:5px; padding-left:15px;}
.leftnav {background: url(images/right_head.gif)  no-repeat left top; height:30px; color:#007777; padding: 8px 2px 6px 10px; font:bold 14px Arial, Helvetica, sans-serif;}
.bottom{background: url(images/right_bottom.gif) left bottom no-repeat; height:7px; width:218px;}

.subhot {width: 218px; background: url(images/hot_mid.gif) repeat-y left top; margin:15px 0;}
.subhot ol {list-style-type:decimal; padding-top:5px;}
.subhot ol li{ padding-bottom:5px; margin-left:38px;}
.hot_top {background: url(images/hot_top.gif)  no-repeat left top; height:30px; color:#000000; padding: 8px 2px 6px 38px; font:bold 14px Arial, Helvetica, sans-serif;}
.hot_bottom{background: url(images/hot_bottom.gif) left bottom no-repeat; height:8px; width:218px;}
.box{ border:1px solid #CCCCCC; text-align:center; margin-top:20px; padding-bottom:10px;}
.subcate {border:none; margin-top:5px;}
.subcate ul{padding-bottom:8px;}
.subcate ul li{ clear: both; list-style: none; padding: 5px 0; overflow: hidden; width: 100%;}
.subcate ul li img {float: left; margin-right:5px;}
.indexhot{ padding-left:16px;}
.submore{margin-top:6px;}
.submore a{color:#000; text-decoration:none;}
.submore a:hover{ color:#6666cc;}
.moneyback {padding-left:36px; padding-top:10px;}

/* footer*/
#hotlist {margin:5px 0; clear:both; width:100%; border:1px solid #0F3C6D; background-color:#EFF7FE; float:left;}
#hotlist h1{color: #055; font-size: medium;  padding:8px 0 0 10px; width:100%}
#hotlist ul{padding:0px 0px 8px 10px; list-style:none; margin-left:10px; width:136px; float:left;}
#hotlist ul li{ padding:2px 0; font-size:11px;}

#footer{clear:both; padding:10px 0; width:100%;}
#footer .left {background: url(images/footer1-l.gif) no-repeat left top;}
#footer .right {background: url(images/footer1-r.gif) no-repeat right top;}
#footer .mid { background: url(images/footer1.gif) repeat-x left top; height:132px; margin:0 20px; white-space:nowrap;}
#footer span {display: block; font-weight: bold; color:#FFFFFF;}
#footer .mid ul{ list-style-type:none; float:left;}
#footer .mid ul li{font-size:12px; padding:2px 0;}
#footer .mid .first{ padding-left:12px; padding-top:10px;}
#footer .mid .second{ padding-left:80px; padding-top:10px;}
#footer .mid ul li a{color:#9cc; text-decoration:underline;}
#footer .mid ul li a:hover{color:#FFFFFF; text-decoration:underline;}
.gcenter{text-align:center; padding-top:8px;}

.nTab{ width:100%;padding:0;}
 
.nTab .TabTitle{ width:100%;}
 
.nTab .TabTitle ul{float:left;}
 
.nTab .TabTitle li{float:left;height:28px; font-size:13px; font-weight:bold; text-align:center;padding-top:7px; width:175px;}
 
.nTab .TabTitle .active{ display:block; background:url(/images/tab0.gif) no-repeat;}

.nTab .TabTitle .normal{ display:block; background:url(/images/tab1.gif) no-repeat;} 
.nTab .TabContent{ 
width:730px; 
margin: 0px auto; 
padding:15px 10px; 
text-align:left; 
}
.none {display:none;}
#focPic1 img{padding-left:8px;}
#focPic2 img{padding-left:8px;}
#focPic3 img{padding-left:8px;}