/* CSS Document */

html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body {font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif; height:100%; width:1003px;align:center; text-align:left;}
fieldset,img{border:0;}
li{list-style:none;}
h1 {font:bold 15px/34px Arial, Helvetica, sans-serif; color:#000;text-decoration: none; margin-bottom:18px; overflow:hidden; width:100%; margin-top:20px;}
h2 {margin:10px 0; font:bold 11px/25px Verdana, Arial, Helvetica, sans-serif; color:#000; clear:left; width:580px;}
h3 {margin:10px 0; border-bottom:dashed 1px #666; font:bold 11px/25px Verdana, Arial, Helvetica, sans-serif; color:#000; clear:left;}
.end{clear:both; width:980px; height:1px;} 
*html .end{ *margin-top:-16px;}
a img{ border:0;}
.multiview{text-align:center;}
.multiview img{width:30px; height:30px;}

#header {width:980px; height:70px; background:url(images/topbg.gif) no-repeat; position:absolute; left:7px; top:3px; z-index:3; border:#fff solid 1px;}
*html #header{ margin-bottom:-15px; background:none;}
.logo {margin:5px 0 0px 0; float:left;}
.nav {font:normal 11px/14px verdana;}
a:link, a:visited {font-size: 11px; font-family:Verdana; color: #666; text-decoration: underline;}
a:hover, a:active {font-size: 11px; color: #F60; text-decoration:underline;} 

a[href^="http://www.digital-camera-batteries.org"]{background: url(images/externalLink.png) no-repeat right; padding-right:10px;}

.navbg{
	width:330px; height:65px; 
	float:right; 
	margin:5px 10px 0 0; 
	background:url(images/contact.gif) no-repeat 30px 14px;
	text-align:right; }

#category ul{
	display:block;
	float:left;
	 width:980px; overflow:hidden;
}

#category li{
	height:27px;
	float:left;
	text-align:left;
	padding:0 10px;
	background:url(images/cate-bg.gif) repeat-x;
	font:bold 12px/27px verdana;}
#category a:link, #category a:visited {color:#000; text-decoration:none; background:url(images/cate-icon.gif) left no-repeat; padding-left:10px;}
#category a:hover, #category a:active {color:#F60; text-decoration:none; background:url(images/cate-icon.gif) left no-repeat; padding-left:10px;}
.blank {background:url(images/cate-bg.gif) repeat-x; height:27px;}

#b-h{
	width:770px;
	height:101px;
	background:url(images/ban_head.gif) top left no-repeat;
	padding-left:208px;
	clear:both;}
.b {
	background:url(images/banner.gif) top no-repeat;
	padding-top:57px;
	margin-left:-8px;	
	}
.b ul li {list-style:none; float:left;}	
.b1 {
	font:bold 11px verdana;
	color:#666;
	width:80px;
	padding:10px 0 0 20px;
	float:left;}
.b2 {float:left; margin-top:10px; padding-left:5px;}
#input_1{ margin-left:10px;}
.b3 {float:left; margin-top:9px; *margin-top:10px;}
.b4{ line-height:20px; vertical-align:middle; margin-left:10px; margin-top:8px; width:300px;}

#sidebar {width:185px;font:normal 11px verdana; background:#eaeaea; float:left; padding-bottom:100px; }
#sidebar ul {list-style:none; padding:0;}
#sidebar li {
	border-top:dashed 1px #747474; 
	width:169px;	
	background:#EAEAEA;
	padding-left:14px;
	margin:-1px 0 0 0;
	line-height:18px;
	height:18px;
	vertical-align:middle; 
	}
#sidebar a {text-decoration:none;}
	
.menu {
	color:#fff;
	background:#000;
	border:solid 0px #747474;
	width:171px;
	font:bold 11px/18px verdana;
	padding-left:14px;
	height:20px;
	line-height:20px;
	vertical-align:middle;}
	

#content {
	margin-top:220px;
	margin-left:207px;
	margin-right:10px;
	margin-bottom:20px;
	*padding-top:8px;
	width:590px;
	float:left;
	}
* html #content{margin-left:104px;}	
	
.underline {border-bottom:dashed 1px #666;}
.red {color:red;}
.listprice {width:305px; float:left; font:normal 11px/25px Verdana, Arial, Helvetica, sans-serif;border-top:dashed 1px #666; margin-top:5px;}
.finalprice {font:bold 14px/25px Arial, Helvetica, sans-serif;}
.blue {font:bold 12px/25px Arial, Helvetica, sans-serif; color: #007D00; padding-right:10px;}
.black {font:bold 11px/25px Verdana, Arial, Helvetica, sans-serif; color:#000;}
.orange {font:normal 10px Verdana, Arial, Helvetica, sans-serif;}
a.orange:link, a.orange:visited {text-decoration:none; color:#fd7402;}
a.orange:hover, a.orange:active {text-decoration:underline; color:#007D00;}
.left {float:left;}
.center {text-align:center;}
/* Product List Table Start*/
.leftcol{width:267px; float:left; margin-right:10px;}
.infotext {display:block; padding:5px inherit 15px inherit;}
.imgsc {
	float:left;	
	height:219px;
	text-align:left;
padding-bottom:5px;}
.sublink {
	float:left;
	width:40%; 
	font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif; 
	color:#666;
	text-align:center;
	padding-left:15px;}
.subbg1{background:url(images/zoom.jpg) left no-repeat;}
.subbg2{background:url(images/mail.jpg) left no-repeat;}
.info_title {float:left; width:305px; font:normal 12px Arial, Helvetica, sans-serif; border-bottom:dashed 1px #666; margin-top:10px;}
#info ul {list-style:none;}
#info li {
	float:left;	
	height:20px;	
	font:11px/20px Verdana, Arial, Helvetica, sans-serif;
	overflow:hidden;}
.wide {width:100px;}
.wider {width:190px; padding-left:10px;}
	

.buy{float:left; width:300px; font:14px/40px Verdana, Arial, Helvetica, sans-serif;}	

/* Product List Table End */

.overview {background:#EFF7F7; font:bold 11px/27px Verdana, Arial, Helvetica, sans-serif; text-align:left; clear:both; width:593px;}

.rel-content{
	clear:both;
	width:589px;
	height:110px;
	border-top:1px dashed #CCC;}
.rel-img {width:129px; text-align:center; float:left; margin-top:20px;}
.rel-link {font:bold 11px/14px Verdana, Arial, Helvetica, sans-serif; margin-top:10px;}
.rel-greenbattery{ height:160px;}
.rel-greenbattery .img{ width:25px; height:134px; float:left; padding-top:6px; }
.rel-greenbattery .p{ width:555px; height:140px; padding-left:10px; float:right; font-family:arial;}

.together-content{
	clear:both;
	width:600px;
	height:110px;
	border-top:1px dashed #CCC;}
.together-img {width:100px; text-align:center; float:left; margin-top:20px;}
.together-link {font:bold 11px/14px Verdana, Arial, Helvetica, sans-serif; margin-top:10px;}
.plus {float:left; width:10px; margin-top:52px;}
.wrap {width:340px; margin-left:10px;}

/*--Right Colomn Start*/
#right {width:170px; float:left; margin-left:10px; margin-top:217px;}
.ad {margin-bottom:10px;}
.bg-1 {background:url(images/bg_1.gif) top no-repeat; text-align:center;}
.bg-2 {background:url(images/bg_2.gif) top no-repeat; height:22px;}
.bg-3 {background:url(images/bg_3.gif) repeat-y; padding:0 5px;}
#right ul {list-style-type:disc; margin-left:10px;}
#right li {margin-bottom:10px;}

#footer {
	clear:both; 
	text-align:center; 
	line-height:22px; 
	margin:30px auto 10px auto;
	background:#F2F2F2;
	width:980px;
	border-top:#444 solid 1px;}
#footer div img{ margin-top:10px;}
#compatible {display:block; clear:both; text-transform:uppercase;}
#compatible ul li {list-style:none; margin:0; text-align:left;}
#compatible li {width:182px; float:left; height:14px; overflow:hidden;}

#modlist {display:block; text-transform:uppercase; }
#modlist ul {list-style:none; margin:0; text-align:left;}
#modlist li {width:142px; float:left; height:20px; overflow:hidden; font:normal 10px/20px Verdana, Arial, Helvetica, sans-serif;}
#modlist a{font-size: 10px;}

.clear {clear:both; margin:10px 0;}
#index {width: 590px; float:left;}
#index li{float:left; width:70px; font:normal 11px/20px Verdana, Arial, Helvetica, sans-serif;}
.index-b {width:288px; float:left; margin-top:20px;}
.line {width:1px; background:#666; float:left; height:160px; margin-top:20px;}
.index-c {width:288px; float:left; margin-top:20px; margin-left:10px;}
.batt-title {background:url(images/canon-camera.jpg) left bottom no-repeat; font:bold 18px/50px Verdana, Arial, Helvetica, sans-serif; padding-left:60px; }
.charger-title {background:url(images/battery-charger.jpg) left bottom no-repeat; font:bold 18px/50px Verdana, Arial, Helvetica, sans-serif; padding-left:60px;}

#indexbox{ margin:0px; padding:10px; float:left; border:1px solid #CCC; font-size:11px; line-height:15px;}
#indexbox dl{ margin:0; width:160px; text-align:center; float:left; margin:20px 10px;}
#indexbox dt{ background:#fff;}dt img{display:block; margin:0 auto;}
#indexbox dd{ background:#EFF7F7;}

#special-offer {width: 590px; float:left;}
#special-offer li{float:left; width:95px; font:normal 11px/20px Verdana, Arial, Helvetica, sans-serif;}
.special-line {width:1px; background:#666; float:left; height:120px; margin-top:20px;}
.highlight{background-color:#FF9;}
