/*- - - - - DEFAULTS / RE-USABLE CLASSES - - - - - */

html, body {
	height:100%;
}
html {
	background:url(../img/bg.jpg);
}
body {
	background:url(../img/bg-top.jpg) repeat-x top;
	color:#414a0c;
	font:12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
a {
	color:#540620;
}
	a:hover{
		text-decoration:none;
	}
.left {
	float:left
}
.right {
	float:right
}
.clear {
	clear:both;
	display:block;
	height:0em;
}
.png, .block {
	display:block;
}

.quantity {display:none;visibility:hidden;}

.shareThis{
	float:right;
	margin:5px 117px 0 0;
}	

hr{
	color:#D4C19F;
	background-color:#D4C19F;
	height:1px;
}

/*- - - - - TOP SECTION WITH BASKET - - - - - */

#top {
	width:906px;
	height:80px;
	overflow:hidden;
	margin:0 auto;
}
	#top #basket {
		float:right;
		width:282px;
		padding-top:30px;
	}
		#top #basket .left {
			width:158px;
		}
			#top #basket .left a {
				background:url(../img/ico-basket.gif) no-repeat left center;
				font:14px/150% Georgia, "Times New Roman", Times, serif;
				color:#540620;
				text-decoration:underline;
				padding-left:22px;
			}
			#top #basket .left a:hover {
				text-decoration:none;
			}
			#top #basket .left p {
				font:14px/150% Georgia, "Times New Roman", Times, serif;
				color:#540620;
			}
		#top #basket a.button img {
			display:block;
			padding-top:9px;
			float:right;
		}
		
/*- - - - - HEADER - - - - - */
		
#header {
	padding-bottom:34px;
}
	#header .wrap {
		width:868px;
		border:solid 1px #e4d6a2;
		background:#fff;
		padding:0 18px;
		margin:0 auto;
	}
	#header h1 {
		font-size:0em;
		line-height:0em;
		text-indent:-100000px;
		float:left;
		padding-bottom:20px;
		padding-top:20px;
	}
		#header h1 img {
			display:block;
		}
	
	/*- - - - - NAV BAR - - - - - */
	#header ul {
		height:38px;
		padding-top:14px;
		padding-bottom:1px;
	}
		#header ul li {
			display:block;
			float:left;
			padding-left:6px;
		}
		#header ul li.first {
			padding-left:0;
		}
			#header ul li a {
				background:url(../img/tab-l.gif) no-repeat top left;
				padding-left:10px;
				display:block;
				float:left;				
				text-decoration:none;
			}
			#header ul li a:hover,
			#header ul li a.active {
				background:url(../img/tab-l.gif) no-repeat bottom left;
			}
				#header ul li a span {
					background:url(../img/tab-r.gif) no-repeat top right;
					display:block;
					float:left;
					cursor:pointer;
					height:38px;
					padding-right:10px;
					font:18px/38px Georgia, "Times New Roman", Times, serif;
					color:#fff;
				}
				#header ul li a:hover span,
				#header ul li a.active span {
					 background:url(../img/tab-r.gif) no-repeat bottom right;
					 font:18px/35px Georgia, "Times New Roman", Times, serif;
				}
		
	#header .right {
		width:611px;	
	}
	#header .box {
		background: url(../img/header-box.jpg);
		width:611px;
		height:268px;
	}
		#header .box .text {
			float:left;
			width:220px;
			height:190px;
			padding-left:18px;
			padding-right:4px;
			padding-top:24px;
		}
			#header .box .text h2 {
				color:#540620;
				font:italic 20px Georgia, "Times New Roman", Times, serif;
				padding-bottom:12px;
			}
			#header .box .text p {
				font:italic 14px/140% Georgia, "Times New Roman", Times, serif;
				color:#414a0c;
				padding-bottom:12px;
			}
			#header .box .text a img {
				display:block;
			}
		
		#header .box .img {
			display:block;
			_padding-top:0;
			padding-top:2px;
			padding-right:2px;
			float:right;
		}
		#header .box .corner{
			z-index:100;
			position:relative;	
			float:right;		
			right:-361px;
			top:43px;
			*top:39px;
			_top:6px;
		}		
		
		#header .box .fadeshow {
			display:block;
			padding-top:2px;
			_padding-top:0;
			padding-right:2px;
			margin-right:-5px;
			float:right;
		}
		
/*- - - - - MAIN CONTENT - - - - - */

#content {
	background:url(../img/bg-content.jpg) repeat-x top #ede5b7;
	border-bottom:solid 1px #c5bb92;
	padding-bottom:34px;
}
	#content .wrap {
		width:904px;
		margin:0 auto;
		padding:24px 0;
	}
	
	#content .left-side {
		float:left;
		width:420px;	
		padding-top:14px;
		padding-bottom:30px;
		font-size:14px;
	}
		#content .left-side h3 {
			font:22px "Times New Roman", Times, serif;
			color:#540620;
			text-transform:uppercase;
			padding-bottom:14px;
			font-weight:bold;
		}
			#content .left-side h3.category {
				font:17px Georgia, "Times New Roman", Times, serif;
				color:#540620;
				text-transform:uppercase;
				padding-bottom:14px;
				float:left;
				display:inline;
			}
		#content .left-side h4 {
			font:18px Georgia, "Times New Roman", Times, serif;
			color:#540620;
			padding-bottom:14px;	
		}
			#content .left-side h4 a{
				font:18px Georgia, "Times New Roman", Times, serif;
				color:#540620;
				margin:5px 0;
				text-decoration:none;
				display:block;
			}	
		#content .left-side p {
			padding-bottom:18px;
		}
			#content .left-side p a img {
				display:block;
			}
			
		#content #newsletter {
			width:338px;
			padding-bottom:12px;
		}
			#content #newsletter .input {
				background:url(../img/bg-input.gif) no-repeat;
				width:211px;
				height:30px;
				padding:0 15px;
				display:block;
				float:left;
			}
				#content #newsletter .input input {
					width:100%;
					display:block;
					border:0;
					background:none;
					font:12px Georgia, "Times New Roman", Times, serif;
					color:#7d7d7d;
					padding-top:7px;
				}
			#content #newsletter input.img {
				display:block;
				float:right;
			}
			
	/*- - - - - Featured Product BOX - - - - - */
	#content .box {
		float:right;	
		width:461px;
		margin:15px 0 42px 0;
	}
		#content .box-c {
			background:url(../img/box-c.gif) repeat-y;
			padding:14px 20px 30px 20px;
		}
		#content .box .text {
			float:left;
			width:200px;
			
		}
		#content .box h3 {
			font:italic 20px Georgia, "Times New Roman", Times, serif;
			color:#540620;
			padding-bottom:12px;
		}
		#content .box h4 a{
			font:bold 14px Georgia, "Times New Roman", Times, serif;
			color:#414a0c;
			background:url(../img/arrow.gif) no-repeat 0 7px;
			padding-top:2px;
			padding-left:12px;
			text-decoration:none;
		}
		#content .box p {
			padding:10px 0 12px 0;
		}		
		#content .box .img {
			display:block;
			padding:3px;
			background:#fff;
			border:solid 1px #c9b27a;
			float:right;
			margin-bottom:20px;
			margin-top:8px;
		}
		#content .box .button a img {
			float:left;
			padding-right:9px;
		}
		#content .box input.buy-now{
			float:left;
			padding-right:9px;
		}
		#content .box .price {
			float:right;
			width:200px;
			text-align:center;
			font:bold 22px Georgia, "Times New Roman", Times, serif;
			color:#540620;
			*margin-top:-34px;
		}
		
		img.imgCat {
			float:left;
			margin-top:30px;
			margin-left:40px;
		}
		
		img.imgShoppingCart {
			float:left;
			margin-top:20px;
			margin-left:50px;
		}
		
	/*- - - - - Sidebar BOX for sub-pages- - - - - */
	#content .box-narrow {
		float:right;	
		width:261px;
		margin-bottom:42px;
	}
		#content .box-narrow-c {
			background:url(../img/box-c-narrow.gif) repeat-y;
			padding:14px 20px 30px 20px;
			position:relative;
		}
		#content .box-narrow .text {
			float:left;
			width:200px;
			
		}
		#content .box-narrow h3 {
			font:italic 20px Georgia, "Times New Roman", Times, serif;
			color:#540620;
			padding-bottom:9px;
		}
		#content .box-narrow h4 a{
			font:bold 14px Georgia, "Times New Roman", Times, serif;
			color:#414a0c;
			background:url(../img/arrow.gif) no-repeat 0 7px;
			padding-top:2px;
			padding-left:12px;
			text-decoration:none;
		}				
		#content .box-narrow h5{
			font:bold 15px Georgia, "Times New Roman", Times, serif;
			color:#540620;
			text-decoration:none;
			border-bottom:1px solid #540620;
		}
		
		#content .box-narrow p {
			padding:10px 0 6px 0;
		}	
		
		#content .box-narrow .sideCartButton{
			margin-top:20px;
		}
		
		#content .box-narrow .options{
			font-size:14px;
			font-weight:bold;
		}
		#content .box-narrow .options select{
			margin:0 0 10px 5px;
			display:block;
		}
		
		
		/* The User login Box */
		#content .box-narrow label{
			font-weight:bold;
		}
		#content .box-narrow input.text{
			margin-bottom:10px;
		}		
		#content .box-narrow .recoverPW{
			float:right;
		}
		
		/* CATEGORIES */
		
		ul.categories{
			*margin-top:-20px;
		}
		
		ul.categories li{
			background:url(../img/list-arrow.gif) no-repeat 0 13px;
			padding-left:17px;
			line-height:220%;
			margin:0;
			font-size:17px;
		}

		
	
	/*- - - - - FOUR THUMBNAIL BUTTONS ON HOME - - - - - */
	#content .cols {
		padding-bottom:12px;
		width:904px;
	}
		#content .cols a {
			display:block;
			position:relative;
			text-decoration:none;
			float:left;
			margin-left:30px;
		}
		#content .cols a.first {
			margin-left:0;
		}
			#content .cols a img {
				display:block;
			}
			#content .cols a span {
				cursor:pointer;
				display:block;
				position:absolute;				
				bottom:20px;
				left:0;
			}
				#content .cols a span strong {
					cursor:pointer;
					display:block;
					width:180px;
					background:url(../img/bg-transp.png) repeat-x;
					height:27px;
					font:16px/25px Georgia, "Times New Roman", Times, serif;
					color:#fff;
					padding:0 10px;
				}
				



/*- - - - - FOOTER - - - - - */

#footer {
	border-top: solid 1px #fff;
}	
	#footer .wrap {
		width:904px;
		margin:0 auto;
		padding:24px 0;
	}
	#footer .left {
		width:544px;
	}
		#footer .left ul {
			padding-bottom:3px;
			color:#540620;
			font:bold 12px Georgia, "Times New Roman", Times, serif;
		}
			#footer .left ul li {
				display:inline;
				letter-spacing:0.35em;
			}
			#footer .left ul li a {
				color:#540620;
				text-decoration:underline;	
				letter-spacing:normal;
			}
			#footer .left ul li a:hover {
				text-decoration:none;
			}
		#footer .left p {
			color:#540620;
			font:12px/175% Georgia, "Times New Roman", Times, serif;
		}
			#footer .left p a {
				color:#540620;
				text-decoration:none;
			}
			#footer .left p a:hover {
				text-decoration:underline;
			}
	
	#footer .right {
		width:344px;
	}
		#footer .right p {
			color:#414a0c;
			font:12px/140% Georgia, "Times New Roman", Times, serif;
			padding-bottom:7px;
		}
		#footer .right a.facebook {
			display:block;
			background:url(../img/bg-facebook.gif) no-repeat left center;
			height:29px;
			font:14px/29px Georgia, "Times New Roman", Times, serif;
			color:#540620;
			text-decoration:none;
			padding-left:36px;
		}
		#footer .right a.facebook:hover {
			text-decoration:underline;
		}
