/* CSS Document */
/*body { background:url(../nimages/background_new2.png) repeat-y center top #e9e9e9 }*/
body { background:url(../nimages/background_new3.png) repeat-y center top #d5e4f3 }

#container{ width:990px; margin:0 auto; }

/* Header */
#header{font-family:Myriad Pro, Arial, Helvetica, sans-serif;}
	/*#logo {margin-top:5px; margin-bottom:15px; width:333px; height:63px; background:url(../nimages/electro_centre_logo.gif) no-repeat; cursor:pointer; float:left;}*/
	#headerleft{float:left; width:505px;}
	#qualitystamp{float:left; width:151px; height:120px; background:url(../nimages/qualitystamp.png) no-repeat;}
	#qualitystamp div.curyear{font-family:"Times New Roman", Times, serif; font-size:10px; font-weight:bold; text-align:right; margin-top:11px; padding-right:10px; float:right; width:60px;}
	#qualitystamp div.fromyear{font-family:"Times New Roman", Times, serif; font-size:10px; font-weight:bold; text-align:left; margin-top:11px; padding-left:10px; float:left; width:60px;}
	#qualitystamp div.noyears{ font-family:"Times New Roman", Times, serif; font-size:36px; font-weight:bold; text-align:center; margin-top:26px;}
	#logo {margin-top:5px; margin-bottom:0px; width:500px; height:92px; background:url(../nimages/electro_logo6.gif) no-repeat ; cursor:pointer; float:left;}
	#searchbar{background:url(../nimages/searchbar.gif); height:41px; margin-bottom: 0px; clear:both;}
	#searchbar form{padding:0; margin:0; height:41px;}
	#searchbar input[type="text"]{ padding:5px; }
	#searchbar .searchinp{float:right; width:auto; margin:3px 4px 0 0;}
	
	#searchbar .searchbut{float:right; width:99px; height:41px;}
	#searchdiv{
		width:397px; float:right; padding:0; height:41px; background:url(../nimages/searchbar_back.png) repeat-x; font-size:16px;
		
	}
	#searchtabdiv{width:280px; float: right; margin-right:4px;}
	.searchBarTable { width:250px; padding: 0px; margin: 0px; height: 40px; float:right;}
	.searchBarTable td { padding: 0px 5px 0px 0px; }
		.searchBarTable td input { margin: 3px 0px 0px 0px; }
	
	#errorbar{display:none; text-align:center; color:#fff; background:#800D10; padding:8px; font-size:18px; border:#510000; margin:3px 0 3px 0; font-family:Verdana, Geneva, sans-serif;}
	
	#sbleft{background:url(../nimages/searchbar_left.png) no-repeat left; float:left; width:10px; margin-right:4px; height:41px;} 
	#sbright{background:url(../nimages/searchbar_right.png) no-repeat right; float:right; width:99px; height:41px;} 
	
	#cartbar{ float:left; margin-left:0px;width:400px;}
	#cartview{float:left; background:url(../nimages/viewcartbut.gif) no-repeat right; width:140px; height:41px; }
	#cartbar a{color:#000; text-decoration:none;}
	#cartbaricon{ float:left; background:url(../nimages/sb_cart.png) no-repeat; height:41px; width: 46px; }
	#cartbarinfo {float:left; margin: 10px 0 0 10px; font-family:Verdana, Geneva, sans-serif; font-weight:bold;}
	
	#brandbar{width:172px; float:left; margin-left:10px;}
	
	.essLinks { float: right; margin-top: 0px; }
	
	
	p.alert, p.success, p.info, p.error, div.alert, div.error  { width: 600px; margin: 0 auto; }


	p.alert, div.alert { background: #fff6bf url(../images/icons/exclamation.png) center no-repeat; background-position: 14px 7px /*50%*/; /* x-pos y-pos */
		text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; margin: 5px auto 20px auto; line-height: 1.8; color: #000000; }
				
	p.success, div.success { background: #EEFFBF url(../images/icons/accept.png) center no-repeat; background-position: 14px 7px /*50%*/; /* x-pos y-pos */
		text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #CCF919; border-bottom: 2px solid #CCF919; margin: 5px auto 20px auto; line-height: 1.8; color: #000000; }
		
	p.info { background: #D9E3FF url(../images/icons/information.png) center no-repeat; background-position: 14px 7px /*50%*/; /* x-pos y-pos */
		text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #527AAB; border-bottom: 2px solid #527AAB; margin: 5px auto 20px auto; line-height: 1.8; color: #000000; }
	
	p.error, div.error { background: #FFC8BF url(../images/icons/error.png) center no-repeat; background-position: 14px 7px /*50%*/; /* x-pos y-pos */
		text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #FD2028; border-bottom: 2px solid #FD2028; margin: 5px auto 20px auto; line-height: 1.8; color: #000000; }
	
	#esslinks{margin: -8px 0 20px 0px;}
	.accLinks {
		/*background:#f9f9f9;
		border-top:solid 1px #efeff2;
		border-right:solid 1px #ebf2f1;
		border-bottom:solid 1px #ebf2f1;
		border-left:solid 1px #e8eaea;*/
		float:right;
		margin-top:3px;
	}
	
	#esslinks ul, .accLinks ul {
		margin:0;
		/*border-top:solid 1px #ffffff;*/
		padding:0 1.2em;
		}
	#esslinks li, .accLinks li {
		list-style:none;
		padding:.2em .2em;
		float:left;
		margin:0;
		position:relative;
		}
	#esslinks li a {
		text-decoration:none;
		color:#3b3b3b;
		font-weight:bold;
		font-family:Verdana, Geneva, sans-serif;
		padding:13px 5px 13px 44px;
		display:block;
		}
		
	.accLinks li a {
		text-decoration:none;
		color:#3b3b3b;
		font-weight:bold;
		font-family:Verdana, Geneva, sans-serif;
		padding:3px 5px 3px 25px;
		display:block;
		}
	
	#esslinks li a:hover, .accLinks li a:hover {
		text-decoration:underline;
		}	
	/*#esslinks li a#register, .essLinks li a#ess_orderHistory {background:url(../nimages/icons/register.png) no-repeat center left; }
	#esslinks li a#login, .essLinks li a#ess_logout {background:url(../nimages/icons/login.png) no-repeat center left; }
	#esslinks li a#contact, .essLinks li a#contact {background:url(../nimages/icons/email.png) no-repeat center left; }
	#esslinks li a#help, .essLinks li a#help {background:url(../nimages/icons/help.png) no-repeat center left; }*/
	
	#esslinks li a#register, .essLinks li a#ess_orderHistory {background:url(../nimages/icons/new/Rregister.png) no-repeat center left;  }
	#esslinks li a#login {background:url(../nimages/icons/new/Rlogin.png) no-repeat center left; }
	#esslinks li a#account {background:url(../nimages/icons/new/Raccount.png) no-repeat center left; }
	#esslinks li a#logout {background:url(../nimages/icons/new/Rlogout.png) no-repeat center left; }
	#esslinks li a#contact, .essLinks li a#contact {background:url(../nimages/icons/new/Rcontact.png) no-repeat center left; }
	#esslinks li a#help, .essLinks li a#help {background:url(../nimages/icons/new/Rhelp.png) no-repeat center left; }
	
	#esslinks li a#register:hover, .essLinks li a#ess_orderHistory:hover {background:url(../nimages/icons/new/register.png) no-repeat center left;  }
	#esslinks li a#login:hover {background:url(../nimages/icons/new/login.png) no-repeat center left; }
	#esslinks li a#account:hover {background:url(../nimages/icons/new/account.png) no-repeat center left; }
	#esslinks li a#logout:hover {background:url(../nimages/icons/new/logout.png) no-repeat center left; }
	#esslinks li a#contact:hover, .essLinks li a#contact:hover {background:url(../nimages/icons/new/contact.png) no-repeat center left; }
	#esslinks li a#help:hover, .essLinks li a#help:hover {background:url(../nimages/icons/new/help.png) no-repeat center left; }
	
	.accLinks li a#accountDetails {background:url(../nimages/icons/new/accedit.png) no-repeat center left; }
	.accLinks li a#orderHistory {background:url(../nimages/icons/new/ordhist.png) no-repeat center left; }

	
	#saleshotline{float:right; clear:right; font-size:1.7em; font-weight:bold; margin-right:35px; margin-top:25px; width:250px; text-align:center;}
	#saleshotline span{ float:left;}
	#saleshotline span.telehone{ float:left; font-size:36px; padding-left:10px;}
	#saleshotline span.tterms{ float:left; clear:left; font-size:15px; padding-left:20px; }
	#saleshotline img{float:left;}
	
	.homeheader{background:url(../nimages/home_header.png) no-repeat #CCC; margin:4px 0 4px 0;  height:41px; width:760px;}
	.homeheader span{float:left; padding:10px 0 0 15px; font-family:Verdana, Geneva, sans-serif; font-size:20px;}
	.homeheader span.rightspan{float:right; width:10px;background:url(../nimages/home_header.png) no-repeat right; height:41px; padding:0;}
	
	.sprodheader{background:url(../nimages/sprod_header.png) no-repeat #CCC; margin:4px 0 4px 0;  height:41px; width:970px;}
	.sprodheader span{float:left; padding:10px 0 0 15px; font-family:Verdana, Geneva, sans-serif; font-size:20px;}
	.sprodheader span.rightspan{float:right; width:10px;background:url(../nimages/sprod_header.png) no-repeat right; height:41px; padding:0;}
	
	
	/* Top Menu */
	#menubar{background:url(../nimages/menubar_back2.gif) repeat-x; height:34px; padding:0 5px; clear:both;}
	
	#menubar ul {
		padding:0;
		margin:0;
		}
	
	#menubar ul li {
		float:  left;
		padding: 0;
		list-style: none;
		background: url(../nimages/menubar_sep2.gif) no-repeat right;
		/*height:33px;*/
		position: relative; /*--Declare X and Y axis base--*/
		}	
	
	#menubar  ul li a {
		float: left;
		padding:  4px 12px 3px 8px;
		/*height: 29px;*/
		text-decoration: none;
		color : white;
		font-size: 18px;
		}
	/*html>body #topmenu  ul li a {
		background: url(../images/tabOff.png) no-repeat;
		}  Just Firefox */
	
	#menubar  ul li:hover {
		color:#FFFFFF;
		background: url(../nimages/menubar_hi.gif); 
		}
	
	
	#menubar ul li.active a {
		color : #fff;
		text-decoration:underline;
		}
	
	
/*	#menubar  ul li a.overlink {
		color:#FFFFFF;
		background: url(../nimages/menubar_hi.gif); 
	}*/
	
	#menubar  ul li a.offlink {
		color:#FFFFFF;
		background: none; 
	}

	
	ul.topnav li span { /*--Drop down trigger styles--*/
		width: 17px;
		/*height: 35px;*/
		float: left;
		background: url(subnav_btn.gif) no-repeat center top;
	}
	ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
	ul.topnav li ul.subnav {
		list-style: none;
		position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
		left: 0; top: 33px;
		background: #333;
		z-index:50;
		margin: -3px 0 0 0; 
		padding: 0;
		display: none;
		float: left;
		width: 170px;
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		border: 1px solid #111;
	}
	ul.topnav li ul.subnav li{
		margin: 0; 
		padding: 0;
		border-top: 1px solid #252525; /*--Create bevel effect--*/
		border-bottom: 1px solid #444; /*--Create bevel effect--*/
		clear: both;
		width: 170px;
	}
	
	
	
	#menubar  ul.topnav li ul.subnav li a {
		background: #222 ; 
		font-size:12px;
		padding:  8px 12px 5px 8px;
		}
	#menubar  ul.topnav li ul.subnav li a:hover {
		background: #333 ;
		font-size:12px;
		}
	
	
	html ul.topnav li ul.subnav li a {
		float: left;
		width: 145px;
		background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;
		padding-left: 20px;
	}
	html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
		background: #222 url(dropdown_linkbg.gif) no-repeat 10px center; 
	}

/* content */
#leftcontent{float:left; width:770px;}
#rightcontent{float:right; width:210px;}

.custrevbox{width:210px; background:url(../nimages/custrevback.png) repeat; margin:0 auto; padding:0; }
.custrevbox h3{background:url(../nimages/custrevbox.png) no-repeat top; font-size:16px; text-align:center; font-weight:bold; margin:0px; height:30px; padding:8px 0 0 8px;;}
.custrevcontent{padding:5px;height:250px; overflow:hidden;}
.revname{ color:#A02124; clear:both; margin-bottom:4px;}
.custrevbox div.crfoot{background:url(../nimages/custrevbox.png) no-repeat bottom; height:20px;}
.custrevstar1{float:left; margin-right:2px; height:32px; width:30px; background:url(../nimages/starrating.gif) no-repeat center; border:1px #333; }
.custrevstar2{float:left; margin-right:2px; height:32px; width:30px; background:url(../nimages/starrating.gif) no-repeat top}

.promobarimg{text-align:center; margin-bottom:5px;}

.quickForm { margin-bottom: 5px; background: url(../nimages/quickformBG.gif) no-repeat; width: 180px; margin: 0 auto; padding: 10px;  }
	.quickForm h3 { padding-bottom: 5px; margin-bottom: 5px; }
	.quickForm input[type="text"] { width: 174px; margin-bottom: 3px; }
	.quickForm #Email { display: none; }
	.quickForm #Enquiry { width: 170px; margin-bottom: 8px; height: 80px; overflow: hidden; font: arial; }


#searchitems ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}


#searchitems li {
	margin: 0px;
	padding: 4px 5px;
	cursor: pointer;
	display: block;
	background:transparent url(../nimages/black_trans.png); color:#FFF;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444;	
	font-size: 12px;
	overflow: hidden;
	color:#FFF;
	/*border-bottom: 1px solid #CCCCCC;*/
	
}
#searchitems li a{
	color:white;
	text-decoration:none;
}

/* Footer */
#footer{ margin-top:30px; clear:both; float:left; width: 100%; }
	#cardfoot {clear:both; margin-top:10px; text-align:center}
	#footer h4 { color: #fff;  text-align:center; padding: 0; margin-bottom: 5px; font-weight: bold; background:url(../nimages/footheader.jpg) repeat-x;}
			
	#footer a, #footer a:link, #footer a:visited { color: #000; text-decoration:none }
	#footer a:hover { text-decoration: underline; }
	
	#footer ul { padding-left: 5px; margin: 0 0 10px 0; }
	#footer li { list-style-type: none; padding: 0; }
	
	#footermenu { display: block; background: url(../nimages/footerback.jpg) no-repeat #eeeded; padding-top:15px; clear:both; margin-top:5px;}
	#footerBottom {background:url(../nimages/footerbottom.jpg) no-repeat; height:10px; }
	
	.copyrightNotice { padding-right: 10px; font-size: 10px; }
	#footerBottom { display: none; width: 950px; height: 6px; background: url(../images/footer-bottom.jpg) #000 top no-repeat; font-size: 1px; color: #FFFFFF; }
	#cardfoot{clear:both; margin-top:20px; padding-top:10px;}
	
	#bfootleft{float:left; width:35%; margin:0;}
	#bfootleft div{float:left; padding:20px 10px 0 5px}
	#bfootright{float:left;width:60%}
	

/* Daily Offer */
#offerOfTheDay { width: 990px; height: 120px; }
	.offerDesign1 { background: url(../nimages/offer3.jpg) no-repeat; }
	.offerDesign2 { background: url(../nimages/offer4.jpg) no-repeat; }
	
	#offerDetails { display: block; float:right; margin: 10px 10px 0px 0px; width: 533px; height: 95px; padding: 7px 10px 5px 10px; overflow: auto; font-size: 14px; overflow:hidden; }
		#offerImage { height: 100%; padding-right: 5px; float: left; margin-top:-4px;}
		#offerPrice { float: right; /*width: 110px;*/ width: auto; padding-left: 10px; }
			.offerViewButton { padding-top: 10px; }
			#offerPrice .price { font-size: 26px; }
		.offerText { font-size: 12px; padding-top: 12px; }
		
/* Products */
.hprodholder{float:left; margin:0 4px 5px 0; background:url(../nimages/hprodholder.png) no-repeat; width:250px; height:200px}
.hphimg{float:left; margin: 5px 10px 4px 4px; text-align:center; width:120px; height:130px;}
.hpicons{float:left; margin: 0px 10px 0px 0px; width:120px;}
.hpicons p{margin:0 0 0 15px;}
.hphdet{float:right; margin: 5px 4px 4px 0px; width:110px;}
.hptitle{height:120px; overflow:hidden;}
.hptitle a{font-size:11px; text-decoration:none; color:#333; margin-bottom:10px;}
.hptitle a:hover{color:#000}
.viewh{text-align:center; margin-top:8px}
.hpriceSM{ color:#FFF; font-size:18px; background:url(../nimages/pricelg_b.gif); padding-right: 10px; height:20px; }
.hpriceSM span{ background: url(../nimages/pricelg_l.gif) no-repeat left; padding-left: 20px; }
.ptitle{color:#FF0F0F; font-size:14px; font-weight:bold}

/* Brands */

.brandlist{float:left; width:120px; height:160px; margin:5px 10px 0 0; background:url(../nimages/brandbox.png) no-repeat;}
.brandlist a{text-decoration:none; color:#000}
.brandname{text-align:center; font-size:9px; color:#666; margin-top:3px;}
.brandimg{text-align:center !important; height:100px; margin-top:4px; vertical-align:middle; line-height:100px; }
.brandprod{margin-top:7px; font-size:16px; text-align:center; color:#950004; font-weight:bold;}


#product_list{
	
}
.pdesc{ }
#product_list h2{
	font-size:18px;
	color:#fff;
	padding:5px 0 0 8px;
	background:url(images2/topbar.png);
	height:28px;
	width:98%;
}
.prodthumb{
	width:160px;
	height:200px;
	float:left;
	font-size:14px;
	color:#913191;
	text-align:center;
	margin-right:8px;
	margin-bottom:8px;
}
.prodthumb_img{
	width:120px;
	height:120px;
	text-align:center;
	vertical-align:middle;
	margin:0 auto;
}
.prodthumb_hd{
	font-size:12px;
	color:#666666;
	height:45px;
}
.prodthumb_hd a{
	color:#622F66;
	text-decoration:none;
}

.prodthumb_price{
	font-size:12px;
	font-weight:bold;
	color:#B00000;
}
.prodthumb_rrp{
	font-size:12px;
	color:#666666;
	text-decoration:line-through;
	font-family:Arial, Helvetica, sans-serif;
}

/* Prduct Filter */
#prodfilter{width:990px; background:url(../nimages/prodfilter_back.jpg) no-repeat #d5ecf7; margin-top:10px;  }
	.searchfilter {background:url(../nimages/searchfilter_back.jpg) no-repeat #dcdbdc !important;}
	.prodfilter_foot{width:990px; height:11px; padding:0;}
	#prodfilter h1 {font-size:22px; margin: 0 0 10px 35px; padding:6px 20px 6px 15px; float:left; width:auto;}
	#subcats {text-align:center; clear:both; margin-top:5px; }
	#subcats span{font-size:16px}
	#subcats a, #subcats a:visited {background:url(../nimages/buttons/pf_back.png) #F5F5F5; border:#000 1px solid; padding:5px; text-decoration:none; margin-right:5px; color:#000; line-height:30px;}
	#subcats a:hover {background:url(../nimages/buttons/pf_high.png) #F00; border:#000 1px solid; padding:5px; color:#FFF}
	#subcats a.subcatsel, #subcats a.subcatsel:hover {background:url(../nimages/buttons/pf_sel.png) #0246AC; color:white; text-decoration:none; border:#003 1px solid}
	#filters {width:auto; text-align:center; margin:0 auto; clear:both; margin-top:10px;}
	#filters .filteroption {width:200px; font-size:16px; margin-right:20px; }

/* Bread Crumb*/
#crumbtrail {
	color:#999999;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	margin-top:10px;
	margin-bottom: 8px;
	clear:both;
}
#crumbtrail a {
	color: #666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:none;
}
#crumbtrail a:hover {
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:underline;
}

/* Pagination */
.optionBar { width: 100%; padding: 5px 0px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; margin-bottom: 10px; }
.optionBar .orderby{float:left; margin-left:10px; padding: 0 !important;}
.optionBar .orderby form{margin:0; padding:0;}
.pagination_records {float:right; margin-right:30px; font-size:0.9em; padding: 8px 0px 4px 0px !important; }
.pagination 
{
	font-size	: 0.9em;
	color		: Black;
	text-align  : right;
	float		: right;
	padding		: 8px 0px 4px 0px !important;
}

.pagination span.current
{
	background-color	: #FFFFFF;
	border				: 1px solid #C0C0C0;
	color				: #8D8D8D;
	font-weight			: bold;
	margin				: 2px;
	padding				: 2px 4px;
}

.pagination a, .pagination a:link, .pagination a:active, .pagination a:visited
{
	background-color	: #FFFFFF;
	border				: 1px solid #80ABFF;
	font-weight			: bold;
	margin				: 2px;
	padding				: 2px 4px;
	text-decoration		: none;
	color				: #034af3;
}

.pagination a:hover, .pagination a:focus
{
	background-color	: #4D8AFF;
	border				: 1px solid #0057FF;
	color				: #FFFFFF;
}


.alignRight { text-align: right; }

/* Products */			

	.prodholderbox{
		width:316px;
		float:left;
		background:url(../nimages/prodbox_back.gif) no-repeat 0 bottom;
		margin: 0 10px 10px 0;
		font-family:Verdana, Geneva, sans-serif;
	}
	.prodprice{
	float:right;
	display:inline;
	width:130px;
	}
	.prodprice p{
		margin:0 0 0 15px;
	}
	.prodprice .prc {margin:0 0 0 5px;}
	.prodprice .pricered {color:#C60000; font-size:1.1em; font-weight:bold}
	.manlogo{height:70px; width:100px; vertical-align:middle; text-align:center;}
	.pboxdet .pmodelno {color:#666; font-size:0.9em;}
	
	.fdelivery{
		background:url(../nimages/freedelicon.jpg) no-repeat scroll left center;
		color:#3B3B3B;
		padding:2px 2px 2px 20px;
	
	}
	.instock{
		background:url(../nimages/instockicon.jpg) no-repeat scroll left center;
		color:#3B3B3B;
		padding:2px 2px 2px 20px;
	
	}
	.financeico{
		background:url(../nimages/financeicon.jpg) no-repeat scroll left center;
		color:#3B3B3B;
		padding:2px 2px 2px 20px;
	
	}
	.warrantico{
		background:url(../nimages/warranteeicon.jpg) no-repeat scroll left center;
		color:#3B3B3B;
		padding:2px 2px 2px 20px;
	
	}
	
	
	
	.pboxdet{
		float:left;
		margin:0 0 0 10px;
	}
	.pboxdet .prodImage{
		margin:10px;
		height:100px;
	}
	.prodholderbox h3{
		padding:0 0 0 10px;
		background:url(../nimages/prodbox_h1.gif) no-repeat left top;
	}
	.prodholderbox h3 .prodTitle{
		background:url(../nimages/prodbox_hr.gif) no-repeat right top;
		display:block;
		font-size:11px;
		font-weight:bold;
		line-height:1.3em;
		height:2em;
		overflow:hidden;
		padding:4px 10px 8px 0;
		color:#4e4e4e;
	}
	.prodholderbox h3 a{text-decoration:none}
	.prodprice a.viewbutton {	width:100px;
		margin:10px auto 10px auto;
		display:block;}


.productHolder { display: block; min-height: 200px; margin-bottom: 20px; overflow: hidden; position: relative; }
		.leftColumn { width: 100px; float: left; }
			.manLogo { float: left; text-align: center; }
		.productName { margin-left: 110px; display: block; position: relative; height: 100%; }
			.viewItButton { display: block; position: absolute; bottom: 0; left: 110px; margin-top: 10px; }
			.viewItButton2 { display: block; position: relative; margin-left: 110px; margin-top: 10px; }
		.catName { margin-left: 160px; display: block; }
		.manuDescription { margin-left: 160px; }
		.productImage { float: left; padding: 0px 10px 10px 0px;  }
		
		.productHolder a:link, .productHolder a:visited { text-decoration: none; color: #000000; } 
			.productHolder a:hover { text-decoration: underline; }
	
	.productImageHolder { display: block; /* padding: 0px 10px 10px 10px; float: left; */ }
		#imageLink { display: block; margin: 0 auto; }
		.extraImages { text-align: center; margin: 0 auto; padding-top: 10px; }
			.extraImages img { vertical-align: middle; padding-right: 10px; padding-top: 4px; }
		
		img.middle { vertical-align:middle; }
		
		
		tr.carttable td {border-bottom:#CCC 1px solid}
		tr.carttable td a{text-decoration:none; color:#333;}
		td.gtotal {font-size:16px; font-weight:bold; color:#A60000}
		h2.carthd{background:url(nimages/icons/carthd.jpg) no-repeat left; height:40px; padding:5px 0 0 62px}
		.buywithcart{font-size:0.8em; font-weight:bold; color:#000}
		
.psprod{ margin-top:2px; padding-left:50px; padding-top:4px; border-bottom:#F3F3F3 1px solid;}
.psprod a{color:#9D0004; text-decoration:none}
.psprod div.psimg{width:100px; height:160px; text-align:center; }
.psprod div.psimg img{border:0;}
.psprod div.psinfo{float:left; width:10px; margin-top:60px; cursor:pointer;}		
		
/*
New Menu 
*/

#menu { width: 100%; /*height: 28px;*/ }

	/*#menu ul { padding: 0; margin: 0; }
		#menu ul li { float: left;  list-style: none; padding: 0px; background: url("../images/tab_02.gif") no-repeat right top; margin-right: 1px; }
			#menu ul li a:link, #menu ul li a:visited { float: left; width: auto; display: block; height: 24px; padding: 4px 14px 0 14px; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; background: url("../images/tab_01.gif") no-repeat left top; }
				#menu ul li a:hover { /*background-position: right -50px; background: url("../images/tab_01.gif") no-repeat left -50px; }
					
					#menu ul li a.overlink { background: url("../images/tab_01.gif") no-repeat left -50px; }
					#menu ul li.overlink2 { background: url("../images/tab_02.gif") no-repeat right -50px; } */
					
					
					.electromenu, .electromenu * {
						margin:			0;
						padding:		0;
						list-style:		none;
						font-family:Arial, Helvetica, sans-serif;
					}
					.electromenu {
						line-height:	1.0;
					}
					.electromenu ul {
						position:		absolute;
						top:			-999em;
						width:			200px /*17em*/;
						/*width:			20em;*/ /* left offset of submenus need to match (see below) */
					}
					.electromenu ul li {
						width:			100%;
						font-size:11px;
						
					}
					.electromenu li:hover {
						visibility:		inherit; /* fixes IE7 'sticky bug' */
					}
					.electromenu li {
						float:			left;
						position:		relative;
					}
					.electromenu a {
						display:		block;
						position:		relative;
					}
					.electromenu li:hover ul,
					.electromenu li.sfHover ul {
						left:			0;
						top:			34px/*2.5em*/; /* match top ul list item height */
						z-index:		99;
	
					}
					ul.electromenu li:hover li ul,
					ul.electromenu li.sfHover li ul {
						top:			-999em;
					}
					ul.electromenu li li:hover ul,
					ul.electromenu li li.sfHover ul {
						left:			200px; /* match ul width */
						top:			0;
					}
					ul.electromenu li li:hover li ul,
					ul.electromenu li li.sfHover li ul {
						top:			-999em;
					}
					ul.electromenu li li li:hover ul,
					ul.electromenu li li li.sfHover ul {
						left:			200px; /* match ul width */
						top:			0;
					}
	

					/*** DEMO SKIN ***/
					.electromenu {
						float:			left;
						margin-bottom:	0;
					}
					
					.electromenu a, .electromenu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
						color:			#13a;
					}
				
					.electromenu li.menheader {
						background: url(../nimages/maintabs_02.png) top right;
						margin-right: 2px;
					}
					
					
					.electromenu li.menheader:hover { background: url(../nimages/maintabs_02.png) right -34px; }
					
					.electromenu li.menheader a:link, .electromenu li.menheader a:visited { 
						float: left; 
						width: auto;
						/*width: 100%; 
						 
						*/
						font-weight: bold;
						display: block; 
						height: 22px; 
						padding: 12px 14px 0 14px; font-size: 14px;
						
						color: #FFFFFF; 
						text-decoration: none; 
						background: url(../nimages/maintabs_01.png) no-repeat left top;
						font-size:11px;
					}
					.electromenu li.menheader li a:link, 
					.electromenu li.menheader li a:visited { width: 172px; background: none; }
		
					.electromenu li.menheader a:hover { background: url(../nimages/maintabs_01.png) no-repeat left -34px; }
					.forceHover { background: url(../nimages/maintabs_01.png) no-repeat left -34px !important; }
					
					.electromenu li.menheader li, .electromenu li.menheader li a:link, .electromenu  li.menheader li a:visited {
						/*background: url(../nimages/menuBG.png) repeat-x left top #000;*/
						background: #222;
						border-top: 1px solid #252525; /*--Create bevel effect--*/
						border-bottom: 1px solid #444; /*--Create bevel effect--*/
						font-size:11px; font-weight:normal;
					}
					.electromenu li.menheader li li, .electromenu li.menheader li li a:link {
						font-size:11px; font-weight:normal;
					}
					
					.electromenu li.menuheader ul {background: #222;}
					
					.electromenu li.menheader li a:hover {
						background: url(../nimages/menuBG.png) repeat-x left -34px #000; 
						
						font-size:11px; font-weight:normal;
					}
					
					
					.electromenu li.menspecial { background: url(../nimages/maintabs_02.png) right -68px; }
					.electromenu li.menspecial a:link, .electromenu li.menspecial a:visited { background: url(../nimages/maintabs_01.png) no-repeat left -68px;}
					.electromenu li.menspecial:hover { background: url(../nimages/maintabs_02.png) right -102px; }
					.electromenu li.menspecial a:hover { background: url(../nimages/maintabs_01.png) no-repeat left -102px; }
					
					/*.electromenu li:hover, .electromenu li.sfHover,
					.electromenu a:focus, .electromenu a:hover, .electromenu a:active {
						background:		#CFDEFF;
						outline:		0;
					}*/
					
					
		.menuSpacer { width: 100%; height: 10px; }		
		.menuSplitter { border-right: 1px solid #5F5F5F; }
		
		
		.reviewLink { text-align: right; padding: 2px 15px 10px 0px; }
					

		.contactTel { font-size: 200%; }
		.contactForm { width: 100% }
			.contactForm div label { width: 120px; }
			.contactForm div input[type="text"] { width: 300px; }
			.contactForm div textarea { width: 292px; margin: 0px; }
	
	
					
			
					

/* Sliding panels --------------------------------------------------- */
	
		/* DO NOT CHANGE */
		.slideHolder { position: relative; overflow: hidden; border-bottom:#CCC 1px solid; border-top:#CCC 1px solid; border-right:#CCC 1px solid;}
			.slideHolderTitle { position: absolute; top: 0px; left: 0px; width: 80px; height: 130px; z-index: 30; }
			.slideHolder ul { position: absolute; padding: 0px; margin: 0px; left: 0px; top: 0px; z-index: 20; }
				.slideHolder ul li { float: left; list-style:none; list-style-image: none; }
				
		/* Feel free to style as required */
		.slideHolder { width: 990px; height: 130px; line-height: 1.2; }
			.slideHolder ul { /*width: 1620px;*/ /* (NumberOfItems)*(Width+Padding+Margin) */ }
				.slideHolder ul li { width: 209px; height: 130px; padding: 5px; border-right: 1px solid #CCC; position: relative; cursor: pointer; }
		
		.slideName 	{font-size:11px; font-weight: bold; height: 90px; overflow: hidden; }
		.slideImage { float: left; padding-right: 6px; height: 100%; }
		.slidePrice { margin: 8px 10px 0px 0px; position: absolute; bottom: 20px; right: 10px; }
			.priceSM{ color:#FFF; font-size:18px; background:url(../nimages/pricelg_b.gif); padding-right: 10px; }
				.priceSM span{ background: url(../nimages/pricelg_l.gif) no-repeat left; padding-left: 20px; }
				
		div.scrollable { 
		 
			/* required settings */ 
			position:relative; 
			overflow:hidden; 
			width: 763px; 
			height:130px; 
			margin:0px 0 15px 0;
			border-top:#CCC 1px solid;
			border-bottom:#CCC 1px solid;
			border-left:#CCC 1px solid;
			} 
		 
		/* 
			root element for scrollable items. Must be absolutely positioned 
			and it should have a extremely large width to accomodate scrollable items. 
			it's enough that you set width and height for the root element and 
			not for this element. 
		*/ 
		div.scrollable div.items { 
			/* this cannot be too large */ 
			width:20000em; 
			position:absolute; 
		} 
		 
		/* 
			a single item. must be floated in horizontal scrolling. 
			typically, this element is the one that *you* will style 
			the most. 
		*/ 
		div.scrollable div.items div { 
			float:left; 
		} 
		.sliderprod{width:250px; height:130px; float:left;margin-right:4px; border-right:#CCC 1px solid; cursor:pointer;}
		.slideimg{ float:left; margin: 5px 4px 4px 4px; text-align:center; width:110px; height:110px;}
		.slidepname{float:left; width:120px; text-align:center; font-size:11px; height:90px;}
		
		
		/* you may want to setup some decorations to active the item */ 
		div.items div.active { 
			border:1px inset #ccc; 
			background-color:#fff; 
		}
		
		#topsellershd{background:url(../nimages/topsellers.gif) no-repeat; width:763px; height:59px;} 
				


.transparent {
	background:transparent url(../nimages/black_trans.png); color:#FFF;
	}
#promopopup{width:1015px; height:570px; margin:0 auto; position:absolute; top:40px; background:#fff; z-index:1000; padding:5px;}
#bgblack{height:100%; width:100%; background:url(../nimages/black_trans.png); z-index:999; position:absolute; display:none; top:0; left:0;}