/**
 * 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;
}

p {
	margin:					0 0 10px 0;
}

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

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

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;
	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;
}

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

.katehhImg {
	float: right;
	padding: 5px 10px;
}
#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;
	width:					100%;
	height:					1%;
	margin-bottom:			0;
}
#navMainWrapper {
	height:					1%;
	display:				block;
	clear:					both;
	padding-bottom:         5px;
	background: #fefae0;
}
#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: #666;
	}
#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 #1B1610;
	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;
	width:					100%;
	height:					1%;
}

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

#navSupp ul li {
	display:				inline;
}

#navSupp ul li a {
	padding:                0 5px;
}

#siteinfoLegal {
	width:					100%;
	text-align:				center;
	background-color: 		#DCD7D1;
	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;
	}