/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2008 Pamaya Ltd
 * @author Glyn Mooney
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet.css 5952 2007-03-03 06:18:46Z drbyte $
 * Colous: #E6D6C3 replaced with DCD7D1;
 */
/* Global NikNaks */
html * {margin:0; padding:0;}

body {
	text-align:				center; background-color:#FFFFFF;
}

p {
	margin:					0 0 10px 0; padding-left:10px;
}

a img { border:				none;}
a:link, a:active, a:visited {
	color:					#408080;
	text-decoration:		none;
}

.centerColumn a:hover, #navBreadCrumb a:hover, #headerWrapper a:hover, #navSupp a:hover {
	color:					#214141;		
}

hr {
	margin-bottom:			10px;
}	

ul {
	padding-left:           20px;
	margin-bottom:			10px;
}

li {
	margin-bottom:			10px;
}

.bold {
	font-weight:			bold;
	margin-bottom:			10px;
}

/*
#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, 
#ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, 
#popupAdditionalImage, #popupImage, #navMainWrapper {
	margin: 				0;
	padding: 	            0;
}
*/
/* Main Body */

#mainWrapper {
	width:					800px;
	margin:					0 auto;
	text-align:				left;
	vertical-align:			top;
}

.centerColumn {
	padding:                0 10px;
}

#navBreadCrumb {
	width:					545px;
	/*background-color:		#ebebeb;*/
	background-color:#c7d8d7;
	height:					10px;
	padding:                4px 0 10px 5px;
	color:					#6196C0;
	margin-bottom:			10px;
}

#categoryImgListing {
	margin-top:				-10px;
}

#navBreadCrumb a {
	color:					#333;
}

/* Comp Nav */

#compNavHomeWrapper {
	width:					100%;
	text-align:				center;
}

#compNavHome {
	list-style-type:		none;
	width:					100%;
	height:					1%;
	margin:					0 auto;
	padding:                0;
}

#compNavHome li	{
	float:					left;
	text-align:				center;
}

#compNavHome li a {
	background-color:		#EBE8E3;
	width:					125px;
	margin-right:			1px;
	display:				block;
	border:					3px solid #DCD7D1;
}

#compNavHome li a:hover {
	border:					3px solid #2D2319;
}

#tradeEnqHome {
	border:					1px solid #DCD7D1;
	margin:					1px 0 5px 0;
	text-align:				center;
	width:					525px;
	padding:                0;
}

#tradeEnqHome p {margin:0; padding:0;}
/* Left Col */ 

.columnLeft {
	vertical-align:			top;
	/*background:				#DCD7D1;*/
	background-color: #c7d8d7;
}

a.headerImage {
	/*background: #fefae0;*/
	background-color:#FFFAF0;
	display: block;
	}
a.headerImage img{
	margin-bottom:			20px!important;
	/*background: #fefae0;*/
	background-color:#FFFAF0;
}

.katehhImg {
	/*float: right;*/
	float:none;
	text-align:center;
	padding: 5px 10px;
	margin-left:170px;
}
#dropMenuWrapperd h2 {
	width: 0;
	height: 0;
	visibility: hidden;
	display: none;
	}
#categoriesContent {
	background-color: 		#EBE8E3;
}

.sideBoxContent {
	margin-bottom:			20px;
}	

.leftBoxHeading {
	margin-bottom:			5px;
	text-indent:            5px;
}

.sideBoxContent a {
	background: 			#FCCFFC;
	padding: 	            3px 0 4px 0;
	text-indent: 			10px;
	display: 				block;
	font-size: 12px;
	margin-bottom: 10px;
	text-align: center;
	text-transform: lowercase;
}

.sideBoxContent a:hover {
	color:					#6196C0;
}

/* Main Nav top of page and wrapper + form */

#headerWrapper{  
	/*background-color: 		#DCD7D1;*/
	background-color:#C7D8D7;
	width:					100%;
	height:					1%;
	margin-bottom:			0;
}
#navMainWrapper {
	height:					1%;
	display:				block;
	clear:					both;
	padding-bottom:         5px;
	/*background: #fefae0;*/
	background-color:#FFFAF0;
}
#navMainWrapper:after, #headerWrapper:after, #navMain:after, 
#navNextPrevWrapper:after, #navMainSearch:after, #compNavHome:after, .clearBoth:after,
#ezPageDefault p:after {
	width: 0; height: 0; content: "."; visibility: hidden; display: block; clear: both;
}

#navMain {
	height:					1%;
}
#navMain ul li a {
	color: #999999;
	}
#navMainSearch {
	width:					240px;
	padding-left:           5px;
	float:					left;
	clear:					none;
	margin:					5px 0 0 0;
}

#navMainSearch form {
	width:					240px;
	display:				block;
}

#navMainSearch form label {
}

#navMainSearch form input {
	border:					1px solid #6BABA8;
	background-color:			#DCD7D1;
	margin:					0 0 0 10px;
	width:					155px;
}

#navMain ul {
	list-style-type:		none;
	float:					right;
	width:					549px;
	padding:                0;
	margin:					5px 0 0 0;
}

#navMain li {
	display:				inline;
	margin:					0 10px 0 0;
}

fieldset {
	padding:                5px;
}

fieldset.fieldsetMainOuter {
	margin-bottom:          5px;
}

fieldset .inputLabel, fieldset .inputLabelPayment, #contactUsForm label {
	width:					150px;
	padding:                5px 0 0 0;
	margin:					0 10px 10px 0;
	float:					left;
	clear:					left;
}

fieldset input, fieldset select, fieldset textarea {	
	margin:					0 10px 0 0;
}

fieldset span.alert {
	color:					#f00;
}

address {
	margin-bottom:			10px;
}

.clearBoth {
	clear:					both;
	display:				block;
	height:					1%;
}

/* Footer */

#navSupp {
	padding:	            7px 0; 
	/*background-color: 		#DCD7D1;*/
	background-color:#C7D8D7;
	width:					100%;
	height:					1%;
	text-transform:lowercase;
}

#navSupp ul {
	list-style-type:		none;
	width:					95%;
	text-align:				center;
}

#navSupp ul li {
	display:				inline;
}

#navSupp ul li a {
	padding:                0 5px;
	color:#666666;
}
#navSupp ul li a:visited {color:#666666;}
#siteinfoLegal {
	width:					100%;
	text-align:				center;
	/*background-color: 		#DCD7D1;*/
	background-color:#C7D8D7;
	padding-bottom:			10px;
}

/* User Panel */

#accountLinksWrapper {

}

#accountLinksWrapper h2 {
	font-weight:			bold;
	margin-bottom:			10px;
}

ul.list {
	list-style-type:		none;
	padding-left:           10px;
	margin-bottom:			10px;
}

ul.list li {
	margin-bottom:			5px;
}

ul.list li a {
	display:				block;
}

ul.list li a:hover {
	color:					#6196C0;
} 

/* CSS Buttons */

input.cssButton, span.cssButton, input.cssButtonHover, span.cssButtonHover {
	border:					1px solid #000;
	font-weight:			normal;
	background-color:		#EBE8E3;
	font-size:11px;
}

input.cssButton, span.cssButton {
	border:					3px solid #DCD7D1;
}

input.cssButtonHover, span.cssButtonHover {
	border:					3px solid #2D2319;
}	

/* Sitemap */

#siteMap {}

#siteMap ul li, #pageNotFound ul li {
	margin-left:            20px;
	margin-bottom:			5px;
}

#siteMap ul a:hover, #pageNotFound  ul a:hover {
	color:					blue;
}	

/* Temp */

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

.navNextPrevWrapper {
	text-align:				center;
	width:					100%;
	display:				block;
	clear:					both;
	height:					1%;
	margin-bottom:			10px;
	position:				relative;
	padding:	            4px 0 6px 0;
}

div.navNextPrevList  {
	margin:					0 auto;
	width:					170px;
	text-align:				center;
	display:				inline;
	height:					1%;
}

div.navNextPrevList:hover {
}

.button_prev {
	margin-left:			0;
	margin-right:			20px;
}

.button_next {
	margin-right:			0;
	margin-left:			20px;
}

.button_prev, .button_next {
	width:					150px !important;
}

/* More Temp */

.buttonRow {
	margin:					0 5px;
	display:				inline;
}

body#checkoutshippingBody .buttonRow, body#checkoutpaymentBody .buttonRow, body#checkoutconfirmationBody .buttonRow,
body#checkoutpaymentaddressBody .buttonRow,
#loginDefault .buttonRow, #checkoutSuccess .buttonRow,
#productListing .buttonRow, #timeoutDefault .buttonRow, #siteMap .buttonRow,
#unsubDefault .buttonRow, #discountcouponInfo .buttonRow, #gvFaqDefault .buttonRow,
#contactUsDefault .buttonRow, #pageNotFound .buttonRow {
	display:				block;
	margin:					10px 0;
}

/* Even more temp */

#whatsNew .centerBoxContentsNew {
	text-align:				center;
}

#whatsNew .centerBoxContentsNew img {
	padding:                4px;
	border:					1px solid #ccc;
	background-color:		#fff;
}

.imgFrame {
	padding:                4px;
	border:					1px solid #ccc;
	background-color:		#fff;
}
/* Even more temp */
.button_search {
	width:					0;
	height:					0;
	visibility:				hidden;
	display:				none;
	clear:					none;
}

#exSidebarLinks {
	width:					100%;
	margin:					10px 0;
}

#exSidebarLinks ul {
	width:					100%;
	list-style-type:		none;
	padding: 0;
	}
#exSidebarLinks li {
	background:				#fff url(../images/nav_link_back.jpg) bottom left no-repeat;
	padding: 0;
	}
#exSidebarLinks a {
	padding: 2px 0 3px 0;
	display: block;
	text-align:				center;
	color:	#333;
	} 
#exSidebarLinks a:hover {
	color:	#6196C0;
	}

/* LIGHTBOX STYLES */

#lightbox{
	position: absolute;
	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: 10000;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/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/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Georgia, "Baskerville Old Face", KacstArt, "Times New Roman", Times, serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#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: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

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

/*.categoryListBoxContents {
border: none;

}*/

/* added by MW for attribute popup images*/
.attribImg img { cursor: pointer; cursor: hand; }

.centerBoxHeading {
	margin-bottom: 10px;
	}
additionalImages, .centerBoxContentsAlsoPurch { float: left; text-align: center; margin-bottom: 10px; }
.additionalImages a img, .centerBoxContentsAlsoPurch a img {
	border: 1px solid #ccc;
	padding: 4px;
	background-color:#fff;
	}
fieldset {
	border-radius: 5px;
	-moz-border-radius: 5px;
	}
textarea {
	resize: none;
	}
#contentMainWrapper h1 {
	margin-left: -10px;
	margin-right: -10px;
	padding: 3px 10px;
	background-image: url("../images/k.png");
	background-repeat: no-repeat;
	background-position: 10px 5px;
	text-indent: 20px;
	}
object:focus, a:focus {
	outline: none;
	}
	

/* header menu */


	
/* style sheet text */

/**
 * Text CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2008 Pamaya Ltd
 * @author Glyn Mooney
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet.css 5952 2007-03-03 06:18:46Z drbyte $
 */
 
 body {
 	font-family: 					Georgia, "Baskerville Old Face", KacstArt, "Times New Roman", Times, serif;
 	font-size:						13.5px;
	color: #666;
 }
 
 h1, h2, h3, h4, h5, h6 {
 	font-family:					Georgia, "Baskerville Old Face", KacstArt, "Times New Roman", Times, serif;
 	font-weight:					normal;
	line-height: normal;
	
 }
 
 h1 { font-size:					18px; font-weight: 400;}
 h2 { font-size:					14px;}
 h3 { font-size:					12px;}
 h4, h4.optionName, h5, h6 { font-size:			10px;}
 
 label, legend, address, .larger, .sideBoxContent, input, p {
 	font-size:						13.5px;
	
 }
 
 p, div {
	line-height:					20px; 	
 }
 
 /*stylesheet products */
 
 /**
 * Product (Single) CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2008 Pamaya Ltd
 * @author Glyn Mooney
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet.css 5952 2007-03-03 06:18:46Z drbyte $
 */
 
 #categoryIcon {
 	margin-bottom:					  10px;
 }
 
 .navNextPrevWrapper centeredContent {}
 
 #productMainImage {
 	width:							  150px;
	float:							  left;
	clear:							  both;
	text-align:						  center;
 }
 
 #productMainImage img 
 {
 	padding:                          4px;
	border:							  1px solid #ccc;
	margin:							  0px auto 5px auto;
 }
 
 #productMainImage .imgLink {
 }
 
 #productDetailsRightWrapper {
 	width:							  350px;
 	float:							  right;
 }
 
 #productName, #productPrices {
 	margin-bottom:					  10px;
 }
 
 #productDetailsRightWrapper ul {
 	list-style-type:				  none;
	margin-bottom:					  10px;
 }	
 
 #productOptionsCustom {
 	clear:							  both;
	text-align:						  center;
	width:							  100%;
	padding:                          10px;
 }
 
 #productDescription {
 	display:						  block;
	clear:							  both;
	height:							  1%;
 }
 
 #productDescription:after { 	width: 0; height: 0; content: "."; visibility: hidden; display: block; clear: both;}
 
 #productOptionsCustom div {
   display:						  inline;
 }
 
 #cartAdd {
 	display:						  block;
	margin-bottom:					  10px;
	clear:							  both;
	height:							  1%;
 }
#productAdditionalImages {
	height: 1%;
	}
#productAdditionalImages:after {
	content: ".";
	width: 0;
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
	}
#productAdditionalImages div {
	float: left;
	text-align: center;
	}
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline; border:1px solid #c7d8d7;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline; border:1px solid #c7d8d7;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}


body {behavior: url(js/csshover.htc);} 
	
/*green
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover {color: #4f4f4f!important;background:#D5E88F;}
*/

/*blue
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #ffffff!important;background:#6C99D9;}
*/ 

/*red 
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #ffffff!important;background:#DC262E;}
*/ 

/*grey 
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #4f4f4f!important;background:#D5D5D5;}
*/
	
div#dropMenu {
	width:100%;
	margin:0 auto;
    text-align:center;
	position:relative;
	z-index: 1;
	}

div#dropMenu ul {
    margin:0;
	padding:0;
	
	}
	
div#dropMenu li {
	position:relative;
	list-style:none; 
	margin:0; 
	float:left; 
	line-height:1em;
	width:249px;
	*width:249px;
	}
	
div#dropMenu ul.level1 li.submenu{
	width:100%;
	margin:0 auto; 
	text-align:center; /*background color of top menu when NOT selected. */
	float:left;
		
	}

div#dropMenu li a {
	display: block;
	/* Hides from IE5-mac \*/
	height: 1%;
	/* End hide from IE5-mac */ 
	padding: 5px 0 6px 0;
	margin-bottom: 10px; 
	text-decoration: none; 
	background: pink;
	color:#333; 
	text-align:center; 
	border-right:1px solid #ffffff;
	}	
	
div#dropMenu li:hover {}
/*div#dropMenu li.submenu {background: url(../images/dropmenu.gif) 95% 50% no-repeat;} */
div#dropMenu li.submenu:hover {}
div#dropMenu li a.noLine {border:none;	}
div#dropMenu>ul a {width: auto;	}
div#dropMenu ul ul {display: none;	}
div#dropMenu ul ul li {width:18em;	}
/*div#dropMenu li.submenu li.submenu {background: url(../images/submenu.gif) 95% 50% no-repeat;} */
div#dropMenu ul.level1 li.submenu:hover ul.level2, 
div#dropMenu ul.level2 li.submenu:hover ul.level3,
div#dropMenu ul.level3 li.submenu:hover ul.level4,
div#dropMenu ul.level4 li.submenu:hover ul.level5,
div#dropMenu ul.level5 li.submenu:hover ul.level6,
div#dropMenu ul.level6 li.submenu:hover ul.level7,
div#dropMenu ul.level7 li.submenu:hover ul.level8 {position: absolute; width: 18em;display:none;	} /* This was display block: Glyn */
div#dropMenu ul.level2 {position:absolute; top: 0; left:100%;	}
div#dropMenu ul.level3, 
div#dropMenu ul.level4, 
div#dropMenu ul.level5, 
div#dropMenu ul.level6, 
div#dropMenu ul.level7,
div#dropMenu ul.level8{top: 0; left: 100%;	}
div#dropMenu ul.level2 a {padding: 5px 0 6px 0; color: #333; text-transform:none;	}  /* this is text color on drop-down submenu */
div#dropMenu ul.level2 a:hover {color:#6196C0;	}

.clearBoth {
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
	}
.sep {
	width:500px;
	height:50px;
	background: url(images/sep.png);
	background-position:center top;
	background-repeat:no-repeat;
	padding-top:5px;
	padding-bottom:5px;
	}
	

