body {
	margin: 0px;
	background-color: #f1f1f1;
	background-image: url(../styleImages/backgrounds/pageBg.gif);
	background-repeat: repeat-x;
	background-position: top;
}
#pageSurround {
	width: 954px;
	margin: 0px auto;
	background-color: #FFFFFF;
	border-left: 1px solid #c9c7c7;
	border-right: 1px solid #c9c7c7;
}
#topHeader {
	position: relative;
	text-align: right;
	height: 120px;
	width: 964px;	
	margin: 0px auto;
	/* SKIN VARIABLE IS cAsE SeNsItIvE */
	background: url(../styleImages/backgrounds/header.jpg) top left no-repeat;
}
#logo {
	position: absolute;
	top:14px;
	left: 35px;
}
#menubar {width: 956px; background: url(../styleImages/backgrounds/menubar.jpg) top center no-repeat; margin: 0 auto;}
#navigation {list-style-type: none; margin:0 0 0 10px; padding:0;}
#navigation li {float: left; 	background: transparent url('../styleImages/categories_top-separator.gif') right 7px no-repeat;}
#navigation li a {	display: block;
	text-decoration: none;
	margin-top: 0px;
	padding: 14px 8px;
	border-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;	
	color: #666666;
	outline: none;
}
#navigation li a:hover {	color: #A1C25E;}

#menubar_cart {float: right; margin: 10px 10px 0 0; color:#390}
.searchArea {
	position: absolute;
	height:26px;
	right:36px;
	top:  56px;
	width:250px;
}
.searchLeft {
	float:left;
	width:220px;
	text-align:left;
}
.searchRight {
	float:left;
	width: 30px;
	margin-top: -4px;
}
#promoArea {
	background-image:url(../styleImages/banner/filters.jpg);
	width: 954px;
	height:218px;
	color: #ffffff;
}
#latestArea {
	background-image:url(../styleImages/backgrounds/grid.gif);
	background-repeat:repeat-y;
}
.partFinder {
	background-image:url(../styleImages/backgrounds/partfinder.jpg);
	color:#FFFFFF;
	font-size:11px;
	height:83px;
	padding:50px 15px 15px;
	width:139px;
}
	
.cartArea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;	
	color: #666666;
}
#footer {
	background-image:url(../styleImages/backgrounds/footer2.jpg);
	background-position:center top;
	height:95px;
	margin:0 auto;
	padding:5px 20px 0 20px;
	width:917px;
}
#footerlinks{ width: 917px; margin: 0 auto;  font-size: 14px; font-weight: bold;}
#footerlinks p {margin:0;padding:0;}
#footerlinkleft {float: left; width: 450px; }
#footerlinkright {float: right; width: 450px; text-align: right;}
#searchCloud a {color: #333; text-decoration: none; font-size: 11px;}
.mailingArea {
	float:right;
	padding-top:15px;
	text-align:right;
	width:260px;
}
.docArea {
float:left;
width:655px;
}	
.docField {
	float: left;
	width: 162px;
	padding-bottom: 3px;
}
.fieldBg {
	background-image:url(../styleImages/backgrounds/searchBox.gif);
	background-repeat:no-repeat;
	float: left;
	width:223px;
	height: 27px;
	padding-top: 8px;
	padding-left: 7px;
}
.buttonGo {
	float:left;
	width: 30px;
	padding-top: 3px;
}
.boxTitleLeft, .boxTitleRight {
	font-family: Arial, Verdana, "Trebuchet MS";
	font-size: 1.125em;
	font-weight: bold;
	color: #DEC914;
	padding-bottom: 5px;
}
.catTitle {
	font-family: Arial, Verdana, "Trebuchet MS";
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 10px;
	background-image:url(../styleImages/backgrounds/boxTitleBg.jpg);
}
.boxCategories {
	border: 1px solid #E1E1E1;
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
	padding-top: 3px;
	padding-bottom: 10px;
}
.contentPadding {
	padding-right: 10px;
}
.colLeft {
	float:left;
	left:0;
	padding:15px 15px 10px;
	position:relative;
	width:170px;
	z-index:5;
}
.colRight {
	position: relative;
	width: 753px;
	float: left;
	padding-top: 15px;
}
.colMid {
	position: relative;
	width: 717px;
	float: left;
}
.colMain {
	position: relative;
	padding: 15px;;
}
.boxContent {
	padding: 10px;
	color: #666666;
	margin-bottom: 10px;
	margin-top: 0px;
	position: inherit;
}
.boxContentProd {
	background-color: #FFFFFF;
	color: #666;
	margin-bottom: 10px;
	margin-top: 0px;
	position: inherit;
}
.boxContentCart {
	background-color: #FFFFFF;

	color: #666666;
	margin-bottom: 10px;
	margin-top: 0px;
	position: inherit;
}
.boxContentCat {
	background-color: #FFFFFF;
	color: #666;
	margin-bottom: 10px;
	margin-top: 0px;
	position: inherit;
}
.boxContentCat ul {margin:0;padding:0; list-style-type: none;}

.boxContentDoc {
	background-color: #FFFFFF;
	padding: 10px 10px 10px 0px;
	color: #666666;
	margin-bottom: 10px;
	margin-top: 0px;
	position: inherit;
}
.productWrapper {
	float:left;
	height:230px;
	padding:5px;
	position:relative;
	width:137px;
	text-align:center;
		border: 1px dotted #CCC;
		margin-right: -1px;
		margin-bottom: -1px;
}
#latestArea ul {margin:0; padding:0; list-style-type: none;} 
.productWrapper ul {margin:0; padding:0; list-style-type: none;}
a.productImage {
	position: relative;
	width:127px;
	height: 90px; width: inherit;
	max-height: 90px; max-width: 120px;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
	display: block;

}
.productImage img {
	position: relative;
	max-height: 90px; max-width: 120px;
	margin: 0 auto;
}
.productTitle {
	width: inherit;
}
.productWrapper h4 {height: 50px; max-height: 50px; line-height: 12px; margin:0; padding:0; font-size: 14px; text-align: center; width: 135px; text}
.productWrapper h4 a {color:#360;}
.productWrapper .code {font-size: 10px; display: block;}
.productWrapper .price { 	color:#A1C25E; font-size: 14px; font-weight: bold;}
.pdesc {margin:0 0 10px 0; padding:0; height: 50px;  font-size: 10px; line-height: 11px;}
.catBox {
}
.catBox2 {
	background-color:#F1F1F1;
	border:1px solid #C9C7C7;
	padding:15px 10px;
}
.loginbox2 {
	background-color:#F1F1F1;
	border:1px solid #C9C7C7;
	padding:15px 10px;
	width: 245px;
	margin: 0 auto;
	height: 195px;
}
.catbox2center {height: 120px;}
.subNav {
	border-bottom:1px solid #C9C7C7;
	margin-bottom:0;
	padding:5px 0 10px;
}
.subNav2 {
	border-bottom:1px solid #C9C7C7;
	margin-bottom:10px;
	padding:5px 0 10px;
}
.productLeft {
	float:left;
	width:400px;
	text-align: left;
	position: relative;
	padding-right: 10px;
}
.productRight {
	background-color:#F1F1F1;
	border:1px solid #C9C7C7;
	float:left;
	padding:15px;
	width:471px;
}
.relatedRight {
	background-color:#F1F1F1;
	border:1px solid #C9C7C7;
	float:left;
	padding:15px;
	width:471px;
}
.cartpageLeft {
	float:left;
	width: 660px;
}
.cartpageRight {
	float:right;
	width: 245px;
}
.loginpageleft {
	float: left;
	width: 49%;
	
}
.loginpageright {
	float: right;
	width: 49%; 

}
.totalArea {
	border-bottom:1px dotted #C9C7C7;
	border-top:1px dotted #C9C7C7;
	margin-bottom:15px;
	margin-top:15px;
	padding-bottom:15px;
	padding-top:15px;
}
/* CHECKOUT PAGES */
.colLeftCheckout {
	position: relative;
	left: 0px;
	width: 160px; 
	padding-left: 15px;
	padding-right: 5px;
	float: left;
}
.colMainCheckout {
	position: relative;
	width: 100%;
	float: left;
}
/* END CHECK OUT PAGES */
.siteDocs {
  margin-top: 7px;
  margin-bottom: 20px;
}
.pagination {
	text-align: right;
}
.subCat {	
	border:1px dotted #CCCCCC;
float:left;
display: block;
margin-bottom:16px;
margin-right:10px;
padding:2px;
position:inherit;
text-align:center;
width:231px;
height:140px;
}

.subCat ul {margin:0;padding:0; list-style-type: none;}
.subCat h3 {float: right;width: 135px;margin:0;padding:0; height: 40px; text-align: left;}
.subCat h3 a {width: 135px;font-size: 14px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; color: #060; line-height: 14px;}
.subCat p {width: 129px;  margin:0;padding:0; font-size: 11px; color:#666; font-weight: normal; height: 76px; overflow: hidden; line-height: 11px; text-align: justify}
.subCatLeft {
	float:left;
text-align:left;
width:95px;
display: block;
height: 100%;
}
.subCatLeft a img {width: 80px; height: auto; border: none; outline: none;}
.subCatRight {
	width: 145px;
	float:left;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
}
.subCatRight h3 {margin:0;padding:0; font-size: 14px; font-weight: bold; height: 45px;font-family:Arial, Helvetica, sans-serif; color: #060; text-align: left;}
.subCatRight h3 a {margin:0;padding:0; display: block; color: #360;}
.subCatRight p {margin:0;padding:0 5px; font-size: 11px; color:#666; font-weight: normal; height: 70px; overflow: hidden; line-height: 11px; text-align: justify}
.regSep{
	padding: 10px 0px 10px 0px;
	margin: 10px 0px 10px 0px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
#imgThumbSpace{
	line-height: 0px;
	position:absolute;
	left: 15px;
	bottom: 15px;
	background-color: #ffffff;	
	padding: 5px;
}
#imgThumbSpace img {
	padding: 3px;		
}
.productDetails {
	background-color:#FFFFFF;
border:1px solid #C9C7C7;
margin-top:10px;
padding:10px 0;
text-align:center;
}
.bigPrice {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 24px;
}
.buyArea {
	padding: 20px 0px 10px 0px;
	text-align:right;
}
div.latestProds {
	text-align: center;
	width: 19%;
	margin-right: 3px;
	margin-bottom: 3px;
	height: 200px;
	float: left;
	overflow: hidden;
	border-right: 1px solid #e1e1e1;
	position: relative;
}
/* start mod: Added to basket message */
/* by Estelle - http://cubecart.expandingbrain.com */
.divAddedToBasket {
	background-color: #637342;
	line-height: 2;
	padding: 15px;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 12px;
	position: relative;
	color:#ffffff;
}
/* end mod: Added to basket message */

/** QUANTITY DISCOUNT PRICING
********************/
#QuantityPrices {
	text-transform:none;
	font-size:12px;
	font-weight:bold;
	color: #666666;
}

#searchCloudFull a {
	display: block;
	text-align: left;
	width: 170px;
	float: left;
}

.menutop {background: url(/skins/KitaBlue/styleImages/menu-header.gif) bottom center no-repeat;
height: 31px; width: 170px; color:#360;}
.menutop h4 {margin: 0;
	font-size: 14px;
	font-weight: bold;
	color:#360;
	padding-left: 12px;
	padding-top: 8px;
}

/***************** lightbox CSS ****************/

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../../../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../../images/lightbox/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../../images/lightbox/next.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 26px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

/********** style css *****************************/

html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
img {border: none;}
.cart_icon {
	border: none;
	margin: 12px 0px;
}
a.cartLink {
	text-decoration:underline;
	color: #ffffff;
}
a.cartLink:hover {
	text-decoration:underline;
	color: #E8F3D1;
}
.priceBox {
	background-color:#dec914;
	z-index:5;
	position:absolute;
	bottom: 0px;
	right: 0px;
	padding: 5px;
	font-size: 14px;
	font-weight:bold;
}	
.searchBtn {
	color: #FFFFFF;
	background-color: #a1c25e;
	border: 1px solid #b1d16c;
	height: 20px;
	width: 30px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.searchBox {
	color: #666666;
	background-color: transparent;
	padding-top: 3px;
	border: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;width:210px;
}
.textbox {
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #e1e1e1;
	font-size: 12px;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;}
.textboxMail {
	color: #666666;
	background-color: transparent;
	padding-top: 3px;
	border: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;width:210px;
}
.textboxDisabled {
	background-color: #FFFFFF;
	border: 1px solid #e1e1e1;
	/*font-size: 12px;*/
	color: #e1e1e1;
	font-family: Arial, Helvetica, sans-serif;}
.submit {	
	color: #FFFFFF;
	/* height: 18px; */
	/* font-weight: bold; */
	font-size: 11px;
	background-color: #a1c25e;
	border: 1px solid #b1d16c;
	font-family: Arial, Helvetica, sans-serif;}
form {
	margin: 0px;
	padding: 0px;
}

ol, ul {
	margin-left: 30px;
	padding: 0px;
	color: #666666;	
}

li {
	list-style-position: outside;
	margin: 0px;
	padding: 0px;
}
li.bullet {
	list-style-type: square;
}
li.bulletLrg {
	list-style-type: square;
	font-size: 12px;
}

li.num {
	color: #666666;		
}
li.account {
	list-style-type: square;
	padding-top: 5px;
	padding-bottom: 5px;
}
.txtSession, .txtCopy, .txtSiteDocs {
	color: #FFFFFF;
}
a.txtSession {
	color: #FFFFFFF;
	text-decoration: none;
}
a.txtSession:hover, a.txtSiteDocs:hover {
	color: #E8F3D1;
	text-decoration: none;
}
.txtButton {
	color: #FFFFFF;
	background-color:#390;
	border: 1px solid #6c9f4a;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	padding: 7px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-image:url(../styleImages/backgrounds/buttonBg.gif);
	text-transform:uppercase;
	cursor:pointer;
}
a.txtButton:hover {color: #333333;}
input.txtButton:hover {color:#333;}

.txtOldPrice {
	text-decoration: line-through;
}
.txtSale {
 	color:#A1C25E;
	font-family: Arial, Helvetica, sans-serif;font-weight:bold;
}
.txtOutOfStock {
	color: #FF0000;
}
.txtPrice {
	font-family: Arial, Helvetica, sans-serif;font-size:16px;
	font-weight:bold;
	color: #666;
}
.txtSiteDocs, a.txtSiteDocs {
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;font-size: 12px;
	color:#666;
}
a.txtSiteDocs:hover {
	color: #a1c25e;
	text-decoration:none;
}
.txtDefault, a.txtDefault, a.txtLink, a.txtLocation {
	color: #666666;
	text-decoration:none;
}
a.txtDefault:hover, a.txtLink:hover, a.txtLocation:hover {
	color: #a1c25e;
	text-decoration:underline;
}
a.txtSelected:hover, a.txtSelected:active, a.txtSelected:link, a.txtSelected:visited {
	color: #70cdcc;
	text-decoration:underline;
}
.txtContentTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	padding: 10px;
	background-image: url(../styleImages/backgrounds/title.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom: 10px;
}
.txtContentTitle h1 {font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin:0; padding:0;}
	
.boxContent h2 {font-size:12px; font-weight: bold; text-align: center;}
.txtrelatedTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	padding: 10px;
	background-image: url(../styleImages/backgrounds/titleright.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom: 10px;
}

.txtContentTitleFull {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	padding: 10px;
	background-image: url(../styleImages/backgrounds/titleFull.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom: 10px;
		
}
.txtContentTitleProd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	margin-bottom: 10px;
}
.txtContentTitleProd h1 {
		font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	margin:0;padding:0;
	}
.txtContentTitleCart {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	padding: 10px;
	background-image: url(../styleImages/backgrounds/title2.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom: 10px;
}
.txtContentTitleCart2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	padding: 10px;
	background-image: url(../styleImages/backgrounds/title3.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom: 10px;
}

.txtBoxSave {
	color: #70cdcc;
	padding-left: 16px;
}
.tblList {
}
.tdListTitle {
	background-color: #e1e1e1;
	font-weight: bold;
	color: #FFFFFF;
}
.tdEven {
	background-color: #FFFFFF;
	border-bottom: 1px dashed #e1e1e1;
}
.tdOdd {
	background-color: #FFFFFF;
	border-bottom: 1px dashed #e1e1e1;
}
.cartPrice {
	font-size: 36px;
	color: #ffffff;
	font-weight:bold;
}
.txtCart {
	color: #666666;	
}
.cartTotal {
	border-top: 1px dashed #e1e1e1;
	padding-top: 2px;
	margin-top: 3px;
	margin-bottom: 5px;
}
a.txtCartProduct:active, a.txtCartProduct:link, a.txtCartProduct:visited {
	text-decoration: none;
	color: #666666;
}
a.txtCartProduct:hover {
	text-decoration: none;
	color: #70cdcc;
}
a.txtviewCart:active, a.txtviewCart:link, a.txtviewCart:visited {
	color: #FFFFFF;
	background-color: #a1c25e;
	border: 1px solid #b1d16c;
	font-family: Arial, Helvetica, sans-serif;padding: 2px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
}
a.txtviewCart:hover {
	color: #FFFFFF;
	background-color: #70cdcc;
	border: 1px solid #66bbba;
	font-family: Arial, Helvetica, sans-serif;padding: 2px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
}
a.flashBasket:active, a.flashBasket:link, a.flashBasket:visited, a.flashBasket:hover {
	color: #FFFFFF;
	background-color: #e1e1e1;
	border: 1px solid #cccccc;
	font-family: Arial, Helvetica, sans-serif;padding: 2px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
}
.cartProgress {
	font-weight: normal;
	color: #666666;
	padding: 4px;
	border: 1px solid #e1e1e1;
	margin: auto;
}
.txtcartProgressCurrent {
	color: #a1c25e;
	font-weight: bold;
}
.tdcartEven {
	background-color: #ffffff;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 10px;
}
.tdcartOdd {
	background-color: #FFFFFF;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 10px;
}
.tdCartSubTotal {
	padding-top: 10px;
}
.txtStockWarn {
	color: #FF0000;
}
.txtError {
	font-weight: bold;
	color: #FF0000;
	background-color: #FFCECE;
	border: 1px solid #FF0000;
	padding: 10px;
}
.txtCopyright, a.txtCopyright {
	text-align: center;
	/*font-size: 11px;*/
	padding-top: 5px;
	color: #000000;
}
a.txtCopyright:hover {
	text-decoration: none;
}
.dropDown {
	width: 120px;
}
.padd {
	padding-left: 20px;
}
.addCoupon:hover, .addCoupon:active, .addCoupon:visited, .addCoupon:link  {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

.RatingTop {
	padding-bottom: 10px;
}

.RatingMain {
	font-style:italic;
}

.ReviewBot {
	border-bottom: 1px solid #ffffff;
	padding-bottom: 15px;
}

.RatingBottom {
}

a.sortLink {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
a.sortLink:hover {
	text-decoration: underline;
}

#shipping-select {
	width: 220px;
}

/******************  supermenu css **********************/

@charset "utf-8";
/* CSS Document */

/*---------------------------------
  Electric Studio Super Menu: - Main (horizontal) menu
----------------------------------*/

/* LEVEL 1 (White text) */

ul#categories_top {
	float: left;
	list-style: none;
	height:41px;
	width:auto;
	margin: -2px auto 3px auto;
	padding: 0 0 0 6px;
}

ul#categories_top li {
	position: relative;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	background: transparent url('../styleImages/categories_top-separator.gif') right 7px no-repeat;
}

ul#categories_top li.selected {
	
}

ul#categories_top li:hover ul, 
ul#categories_top li.over ul { /* Keep the 'over' state, it is required by JavaScript to make the menu work in IE */
	display: block;
	text-align:left;
}

ul#categories_top li a {
	display: block;
	text-decoration: none;
	margin-top: 0px;
	padding: 14px 8px;
	border-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;	
	color: #666666;
	outline: none;
}

ul#categories_top li a:hover{
	color: #333;
}

ul#categories_top li.selected a:hover,
ul#categories_top li.parent a:hover{
	border-left: none;
}

ul#categories_top li.selected,
ul#categories_top li.parent{

}

ul#categories_top li.selected{
	margin-left: -1px; /* Remove separator */
}

ul#categories_top li.home.selected{
	margin-left: 0; /* Don't separate */
}

ul#categories_top li.selected li,
ul#categories_top li.selected li a{
	margin-left: 0;
}

ul#categories_top li.selected ul a:hover,
ul#categories_top li.parent ul a:hover{
	margin-left: 0;
}


/* LEVEL 2 (The popup menus) */

ul#categories_top ul {
	display: hidden;
	position: absolute;
	z-index: 99;
	left: 0;
	top: 42px;
	display: none;
	background: #FFFFFB;
	margin: 0;
}

ul#categories_top ul li{
	float: none;
	display: none;
	background: none;
	border-bottom: 1px solid #FFFFFB; /* Needed for IE */
}

ul#categories_top li.selected ul li,
ul#categories_top li.parent ul li{
	background: none;
}

ul#categories_top ul a {
	background: none;
	color: black;
	font-size: 12px;
	padding: 1px 15px;
	white-space: nowrap;
	margin: 0;
	font-weight: normal;
}

ul#categories_top ul a.haschildren {
	font-weight: bold;
}

ul#categories_top ul a:hover{
}

ul#categories_top ul li.parent{
	background: none;
}

ul#categories_top ul li.parent a{
	background: none;
	padding: 1px 15px;
	margin: 0;
}

ul#categories_top ul li.selected a:hover{
	font-weight: normal;
	text-decoration: none;
}

ul#categories_top li.selected ul a,
ul#categories_top li.parent ul a{
	background: none;
	padding: 1px 15px;
	margin-top: 0;
	margin-left: 0;
}

ul#categories_top ul a:hover{
	background: none;
	text-decoration: underline;
	color: #A1C25E;
}

/* LEVEL 3 (The links in the popup menus)*/

ul#categories_top ul ul{
	background: none;
	border:none;
	position: relative;
	top: 0;
	padding:0; 
	margin-bottom: 15px;
	
}

ul#categories_top ul ul li{
	padding-bottom: 0;
}

ul#categories_top ul ul a{
	color: black;
}




/*---------------------------------
  Electric Studio Super Menu: - Shop by Category box
----------------------------------*/

ul#categories {
	padding: 0;
	margin: 0;
	position: relative; /* Needed for IE or background images don't load properly */
	background: url(/skins/KitaBlue/styleImages/menugrad.jpg) top left repeat-x #e7e8e7;
	border-left: 2px solid #d5d6d5;
	border-right: 2px solid #d5d6d5;
	border-bottom: 2px solid #d5d6d5;
	font-size: 14px;
	font-weight: bold;
	}

ul#categories li {
	list-style: none;
	margin: 0;
	display: block;
	border-top: 1px solid #999;
	min-height: 30px;
	padding: 7px 2px 0 5px;
	}
	

ul#categories li a {display: block; line-height: 12px; }

ul#categories li a.hide{
	display: none;
}

ul#categories li ul li{
	padding: 0;
}

ul#categories li.haschildren ul li.haschildren, ul#categories li.haschildren ul li.haschildren ul li{
}
ul#categories li.haschildren ul li{
padding: 7px 2px 0 5px;
}
ul#categories li.haschildren {
	padding: 0 0 0px 0;
	margin:0;
	background: none !important;
}

ul#categories li a.haschildren{
	font-weight: bold;
}

ul#categories li.selected a{
	color: #A1C25E;
}

ul#categories li.selected li a{
	color: #666;
	border: none;
}

ul#categories li a{
	display: block;
	text-decoration: none;
	color: #666;
}

ul#categories li.haschildren a,
ul#categories li.selected li a{
	padding: 0;
}

ul#categories li a.haschildren{
	padding: 0;
}

ul#categories li.selected a:hover{
	text-decoration: none;
}

ul#categories li a:hover,
ul#categories li.selected li a:hover{
	color: #A1C25E;
	text-decoration: none;
}

ul#categories ul{
	margin: 0;
	padding: 0;
}
ul#categories ul li ul li {display: none;}



ul#categories_home {
	padding: 0;
	margin: 0;
list-style-type: none;
height: auto;
	}

ul#categories_home li {
background: url(/skins/KitaBlue/styleImages/menu-header-bg.jpg) top center no-repeat; 
color:#360;
display: block;
line-height: 34px;
font-family: Arial, Helvetica, sans-serif;
	}
	

ul#categories_home li a{
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color:#fff;
	display: block;
	text-decoration: none;
	padding-left: 8px;}

ul#categories_home li a.hide{
	display: none;
}

ul#categories_home ul {	padding: 0;
	margin: 0;
	padding: 10px 0 10px 0;
	background: #eeeeee;
	border-left: 1px solid #82ae4f;
	border-right: 1px solid #82ae4f;
	border-bottom: 1px solid #82ae4f;
	font-size: 14px;
	font-weight: bold;
	width: inherit;
	margin-bottom: 20px;
	list-style-type: none;
	}
ul#categories_home li ul li {
	margin: 0;
	padding:0;
	display: block;
	background: none;
	padding: 3px 0;
	color: #666!important;
	line-height: 14px;
}
ul#categories_home li ul li a{color:#666!important;	line-height: 12px!important; overflow: visible; }
ul#categories_home li ul li a:hover {color:#86b152!important;}

ul#categories_home li ul li ul {display: none;}
ul#categories_home li li li {display: none;}

#modelnumbers {border:1px solid #C9C7C7; padding:15px; margin-top:10px;}
#modelnumbers ul {margin:0; padding:0; list-style-type: none;}
#modelnumbers li { float: left; width: 120px; line-height: 16px;}
#modelnumbers li a {background:url(../styleImages/icons/model-arrow.png) center left no-repeat; text-decoration: none; color:#333;padding-left: 10px;}
#modelnumbers li a:hover {color:#369; background:url(../styleImages/icons/model-arrow-up.png) center left no-repeat;padding-left: 10px; }