/* 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; margin:auto;}
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;}
h2 {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;} 

#container {width:980px; margin:auto 0;}
#header {width:980px; height:70px; margin-left:10px; background:url(images/topbg.gif) no-repeat; clear:both; padding:0px;  border:#fff solid 1px; *margin-bottom:-16px;}

.logo {margin:5px 0 0 0; float:left; height:65px;}
.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;} 

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

div#category{
height:27px;
overflow:hidden;
	float:left;
	margin-left:10px;
	border-left:#fff solid 1px;
}
* html div#category{margin-left:5px; margin-bottom:-27px;}


#category ul{background:url(images/cate-bg.gif) repeat-x; width:979px; overflow:hidden;}

#category ul 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; width:0px;}

#b-h{
	width:770px;
	height:101px;
	margin-left:10px;
	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:0px;	
	}
.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;}
.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; float:left; height:1155px; background:#eaeaea; float:left; margin-left:10px; }
*html #sidebar{margin-left:5px;}
#sidebar ul {list-style:none; padding:0;}
#sidebar li {
	border:dashed 1px #747474;
	width:163px;	
	background:#EAEAEA;
	padding-left:20px;
	margin:-1px 0 0 0;
	line-height:18px; 
	}
#sidebar a {text-decoration:none;}
	
.menu {
	color:#fff;
	background:#000;
	border:dashed 1px #747474;
	width:185px;
	font:bold 11px/18px verdana;
	text-align:center;}
	
	
#content {
	float:left;
	width:590px;
	margin-left:10px;}
.underline {border-bottom:dashed 1px #666;}
.red {color:red;}
.listprice {width:300px; float:left; font:normal 11px/25px Verdana, Arial, Helvetica, sans-serif; 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;}
.imgsc {
	float:left;	
	height:219px;
	text-align:left;}
.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;}
#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-t {background:url(images/rel-t.gif) no-repeat left top; line-height:35px; text-align:center; margin-top:10px; width:110px; float:left; clear:left;}
.rel-t1 {width:480px; height:44px; border-bottom:solid 1px #9A9A9A; float:left;}
.rel-content{
	clear:both;
	width:589px;
	height:110px;
	border-bottom:solid 1px #9A9A9A;
	border-left:solid 1px #9A9A9A;
	border-right:solid 1px #9A9A9A;}
.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;}



.together-t {background:url(images/rel-t.gif) no-repeat left top; line-height:35px; text-align:center; margin-top:10px; width:110px; float:left; clear:left;}
.together-t1 {width:450px; height:44px; border-bottom:solid 1px #9A9A9A; float:left;}
.together-content{
	clear:both;
	width:560px;
	height:110px;
	border-bottom:solid 1px #9A9A9A;
	border-left:solid 1px #9A9A9A;
	border-right:solid 1px #9A9A9A;}
.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;}

/*--Right Colomn Start*/
#right {width:170px; float:left; margin-left:10px;}
.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:0 auto ; 
	background:#F2F2F2;
	width:980px; 
	margin-left: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; font:normal 12px/20px Verdana, Arial, Helvetica, sans-serif;}
#modlist ul {list-style:none; margin:0; text-align:left;}
#modlist li {width:142px; float:left; height:20px; overflow:hidden;}

.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;}
.canon {background:url(images/canon.gif) left no-repeat; clear:right; height:33px;}
.sony {background:url(images/sony.gif) left no-repeat; clear:right; height:33px;}
.nikon {background:url(images/nikon.gif) left no-repeat; clear:right; height:33px;}
.jvc {background:url(images/jvc.gif) left no-repeat; clear:right; height:33px;}
.fuji {background:url(images/fuji.gif) left no-repeat; clear:right; height:33px;}
.casio {background:url(images/casio.gif) left no-repeat; clear:right; height:33px;}
.olympus {background:url(images/olympus.gif) left no-repeat; clear:right; height:33px;}