/* ------> COLOUR INDEX <-----------/

dark-brown:		#362D1D;
light-brown:	#BF820F;
sand-stone:		#A7A37E;
lime:			#B7CC00;
olive:			#767F1F;
purple:			#7D007F;
border:			#cdcac6;

----------------------------------- */


/* -------- RESET CSS <---------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	vertical-align: baseline;
	border: 0;
	outline: 0;
	background: transparent;
	text-decoration: none;
	font-size: 100%;
	padding: 0;
	margin: 0; }

h1,h2,h3,h4,h5,h6 {
	font-weight: normal; }

input,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit; }

input,textarea,select {
	*font-size: 100%; }

ul li, ol li, dl li {
	list-style: none outside; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0; }

caption,th {
	text-align: left; }



/* ------> ~GENERAL STYLES <----------- */

body {
	font: 0.9em/1.4em Arial, Helvetica, Geneva, Verdana, sans-serif;
	background-color: #fff;
	color: #362D1D; }

.clear {
	clear: both; }
	

h1, h2, h3, h4 {
	color: #A7A37E; }

h1 {
	word-spacing: -1px;
	font-size: 2em;
	line-height: 1em;
	margin-bottom: 21px; }

h2 {
	font-size: 1.3em; }

	h2#createError {
		padding-left: 490px; }

h3 {
	font-size: 1.05em; }

h3 a {
	color: #362D1D;
	font-size: 1em; }

p {
	display: block;
	line-height: 1.6em;
	color: #362D1D;
	margin-bottom: 15px; }
	
	p, li, td, label, input, textarea, select {
		font-size: 0.8em; }

	p.lighter {
		color: #A7A37E; }

	p a, .list li a {
		text-decoration: underline;
		color: #A7A37E; }

		li a, td a {
			color: #362D1D; }
	
	p a:hover, .list li a:hover {
		color: #767F1F; }


#header, #nav, #contentContainer, #footer {
	width: 960px;
	overflow: hidden;
	margin: 0 auto; }

.fr {
	float: right;
	display: inline; }

.fl {
	float: left;
	display: inline; }
	
	.fl.right {
		margin-left: 45px; }

	.fl.left {
		margin-right: 45px; }

.padTop {
	padding-top: 15px; }

.padBtm {
	padding-bottom: 15px; }
	
	ul.list {
		padding: 10px 0 15px 0; }

	ul.list li {
		display: block;
		line-height: 1.4em;
		background: url(../images/icon-bullet-point.png) no-repeat 0 3px;
		padding: 0 0 5px 15px;
		margin: 0 20px; }

.center {
	text-align: center; }


/* ------> ~HEADER + ~NAV <----------- */

#headerContainer {
	position: relative;
	z-index: 0;
	height: 145px;
	background: url(../images/bg-header.png) repeat-x  bottom #e6d9cd; }
	
	#headerContainer .leaf {
		position: absolute;
		top: 0;
		left: 0; }

	#header {
		position: relative;
		z-index: 10;
		clear: both; }

		#header #leftHeader {
			position: relative;
			float: left;
			display: inline;
			width: 720px;
			height: 145px;
			background: url(../images/bg-header-divider.png) no-repeat right; }

		#header #rightHeader {
			float: left;
			display: inline;
			width: 230px;
			padding: 10px 0 0 10px; }
			
			#header #rightHeader p a {
				color: #362D1D; }

		#header #logo {
			float: left;
			margin: 25px 0 28px 0; }

		#header #menu {
			clear: left; }

			#header #menu li {
				display: inline;
				margin-right: 20px; }

			#header #menu li a {
				color: #fff; }
			
			#header #menu li a:hover {
				color: #362D1D; }

		#header .sale {
			position: absolute;
			bottom: 0;
			right: 175px; }

		#header #radio {
			position: absolute;
			top: 14px;
			right: 20px; }

		#header #login {
			font-size: 0.75em;
			margin-bottom: 5px; }
			
			#header #login a {
				text-decoration: none; }
				
				#header #login a:hover {
					text-decoration: underline; }

			#header #login img {
				margin: 0 2px; }

		#header #basketSummary h2 {
			color: #fff;
			margin-bottom: 5px; }

			#header #basketSummary h2 em, #header #basketSummary h2 strong {
				color: #362D1D; }
				
				#header #basketSummary h2 em {
					font-style: normal; }
	
			#header #basketSummary p a {
				text-decoration: underline;
				padding-right: 10px; }
			
			#header #basketSummary p a:hover {
				color: #767F1F; }
		
		#header #search input {
			width: 170px;
			height: 20px;
			border: none;
			background: url(../images/bg-header-search-box.png) no-repeat;
			font-size: 0.75em;
			font-style: italic;
			color: #A7A37E;
			padding: 6px 5px 0 5px; }
			
			#header #search input.submit {
				width: 22px;
				height: 22px;
				text-indent: 3000px;
				background: url(../images/icon-header-search.png) no-repeat left;
				padding: 0;
				margin-left: 5px; }
				
				#header #search input.submit:hover {
					cursor: pointer;
					background-position: right; }


#navContainer {
	position: relative;
	z-index: 10;
	height: 40px;
	background: url(../images/bg-nav.png) repeat-x  bottom #e6d9cd;
	margin-bottom: 7px; }

	#nav {
		overflow: visible;
		line-height: 1em;
		text-transform: uppercase;
		font-size: 1.1em;
		font-weight: bold; }

		#nav li {
			position: relative;
			float: left;
			display: inline;
			width: 120px;
			height: 40px;
			background: url(../images/bg-nav-divider.png) no-repeat top right; }

			#nav li:hover, #nav li.hover {
				background: url(../images/bg-nav-divider-over.png) no-repeat top right;
				background-color: #362D1D;
				padding-left: 2px;
				margin-left: -2px; }

				#nav li:hover li, #nav li.hover li {
					padding: 0;
					margin-left: 0; }

				#nav li:hover a, #nav li.hover a {
					color: #fff; }

			#nav li a {
				float: left;
				display: inline;
				width: 110px;
				height: 25px;
				cursor: default;
				padding: 15px 0 0 10px; }

				#nav li.wrap a {
					padding-top: 6px; }

				#nav li.wrap li {
					padding-top: 0; }

			#nav li ul {
				position: absolute;
				top: 0;
				left: -3000px;
				text-transform: none;
				font-size: 1.15em;
				font-weight: normal;
				padding-top: 10px; }

				#nav li:hover ul, #nav li.hover ul {
					z-index: 100;
					top: 40px;
					left: 0;
					width: 122px;
					background-color: #362D1D; }

				#nav li ul li {
					float: none;
					display: block;
					height: auto;
					background: url(../images/bg-nav-child-divider.png) no-repeat bottom; }

				#nav li ul li:hover, #nav li ul li.hover  {
					background: url(../images/bg-nav-child-divider.png) no-repeat bottom; }

					#nav li ul li:last-child {
						background: none; }

				#nav li ul li a {
					float: none;
					display: block;
					width: 102px;
					color: #fff;
					height: auto;
					cursor: pointer;
					padding: 5px 10px 8px 10px; }
				
				#nav li ul li a:hover {
					color: #B7CC00; }

#navCat {
	float: left;
	display: inline;
	width: 220px;
	font-size: 0.95em; }

	#navCat h2 {
		font-size: 1.6em;
		font-weight: bold;
		background: url(../images/bg-navcat-divider.png) no-repeat 0 7px;
		padding: 20px 0 0 0; }
		
		#navCat li.active {
			font-weight: bold;
			background: url(../images/icon-bullet-point.png) no-repeat left;
			padding-left: 20px;
			margin-left: -10px; }

		#navCat .oak h2 {
			background: none;
			padding: 0; }

		#navCat .oak h2 a, #navCat .oak li.active a, #navCat .oak li a:hover {
			color: #7D007F; }

	#navCat .pine h2 a, #navCat .pine li.active a, #navCat .pine li a:hover {
		color: #BF820F; }

	#navCat .halo h2 a, #navCat .halo li.active a, #navCat .halo li a:hover {
		color: #B7CC00; }



/* ------> ~FOOTER <----------- */

#footerContainer {
	clear: both;
	height: 385px;
	background: url(../images/bg-footer.png) repeat-x  bottom #a7a37e;
	padding-top: 30px; }

#footer {
	clear: both; }

	#footer h2 {
		color: #362D1D;
		font-weight: bold;
		margin-bottom: 10px; }

	#footer h3 {
		color: #362D1D;
		font-weight: bold;
		font-size: 1em;
		margin-bottom: 2px; }

	#footer h3 a {
		color: #362D1D;
		font-weight: bold;
		font-size: 1em;
		margin-bottom: 2px; }

	#footer ul {
		float: left;
		display: inline;
		line-height: 1.2em;
		margin: 0 0 20px 25px; }

		#footer ul li {}

		#footer ul li a {
			font-size: 0.95em;
			color: #fff; }
		#footer ul li h3 a {
			color: #362D1D;
			font-size: 1em;
		}

	#footer .info {
		float: left;
		display: inline;
		width: 230px;
		margin-right: 20px; }

		#footer .info ul {
			float: none;
			display: block;
			clear: both;
			padding-top: 25px;
			margin: 0; }

		#footer .info ul li {
			float: left;
			display: inline;
			width: 100px;
			text-align: center; }

		#footer .info ul li img {
			display: block;
			clear: both;
			margin: 0 auto 10px auto; }

		#footer .info ul li a {
			color: #362D1D; }

	#footer .menuBlock {
		float: left;
		display: inline;
		width: 710px; }
	
		#footer .menuBlock a:hover {
			border-bottom: 1px dotted #fff; }

	#footer #copyright {
		font-weight: bold;
		text-align: right;
		clear: both;
		margin-bottom: 5px; }

	#footer #footerLower {
		float: right;
		color: #fff;
		margin: 0; }
		
		#footer #footerLower li {
			display: inline; }
			
			#footer #footerLower li a {
				margin-right: 5px;
				color:#A7A37E;}
			
			#footer #footerLower li:last-child a {
				margin-right: 0; }

			#footer #footerLower li:last-child a:hover {
				border-bottom: 0px; }

			#footer #footerLower li:last-child a:hover span {
				color: #c50084; }


/* ------> ~CONTENT <----------- */

#contentContainer {
	padding: 0 10px;
	margin-bottom: 30px; }

#breadcrumb {
	text-transform: uppercase;
	font-size: 0.95em;
	margin-bottom: 15px; }

	#breadcrumb li {
		display: inline;
		color: #A7A37E;
		margin-right: 5px; }

	#breadcrumb li a {
		color: #A7A37E;
		margin-right: 5px; }

.content {
	float: left;
	display: inline; }
	
	.content h1 {
		font-size: 1.3em;
		margin-bottom: 5px; }
		
	.content h2 {
		font-size: 1.1em;
		margin-bottom: 5px; }
	
	.content .banner {
		padding-bottom: 30px; }

	.content.home {}

	.content.twoCol {
		width: 720px;
		padding-right: 50px; }
		
	.content.twoColNarrow {
		width: 600px;
		padding-right: 50px;
		padding-left: 120px; }
		
		.content.twoColNarrow h1 {
			color: #362D1D;
			font-size: 1.6em;
			font-weight: bold;
			padding: 10px 0 15px 0; }
			
		.content.twoColNarrow h2 {
			font-weight: bold;
			margin-bottom: 0; }
	
	.content.fullWidth {
		width: 960px; }

	.content.home .leftCol {
		float: left;
		display: inline;
		width: 600px;
		margin-right: 10px; }

	.content.home .rightCol {
		float: left;
		display: inline;
		width: 350px;
		margin: -5px -5px 0 0; }

	.content.product {
		width: 740px; }
		
		.content.product .banner {
			display: block;
			padding: 0 0 20px 20px; }
		
		.content.product p.description {
				-moz-column-count: 3;
				-moz-column-gap: 20px;
				-webkit-column-count: 3;
				-webkit-column-gap: 20px;
			padding: 20px 0 40px 20px; }

	.content.details h2 {
		height: 21px;
		text-align: right;
		margin: 0 10px 0 0; }

		.content.sitemap h1 {
			margin: 0 0 20px 0; }

    .content.sitemap ul {
			float: left;
			display: inline;
			min-height: 230px;
			margin: 0 70px 0 0; }

    .content.sitemap ul h2 {
			font-size: 1.2em;
     	font-weight: bold;
			color: #362D1D;
			margin-bottom: 5px; }

	.bannerHome {
		position: relative;
		height: 280px;
		margin-bottom: 10px; }

		.bannerHome .sliderMenu {
			position: absolute;
			z-index: 2;
			top: 10px;
			left: 10px; }

			.bannerHome .sliderMenu li {
				float: left;
				display: inline;
				width: 22px;
				height: 22px;
				margin-right: 5px; }

			.bannerHome .sliderMenu li a {
				display: block;
				width: 14px;
				height: 21px;
				background: url(../images/bg-menu-slider-button.png) no-repeat right;
				color: #BF820F;
				padding: 1px 0 0 8px; }

			.bannerHome .sliderMenu li.active a {
				background-position: left;
				color: #fff; }

		.bannerHome .slide {
			position: absolute;
			z-index: 0;
			top: 0;
			left: 0; }

			.bannerHome .slide #tourSlide {
				width: 600px;
				height: 280px;
				background: url(../images/bg-home-tour-slide.jpg) no-repeat; }

				.bannerHome .slide #tourSlide a {
					display: block;
					width: 225px;
					height: 115px;
					line-height: 1.4em;
					font-size: 0.75em;
					color: #fff;
					padding: 165px 345px 0 30px; }

					.bannerHome .slide #tourSlide a span {
						display: block;
						width: 20px;
						height: 20px;
						background: url(../images/bg-home-tour-slide-link.jpg) no-repeat left;
						padding-top: 25px;}

						.bannerHome .slide #tourSlide a:hover span {
							background-position: right; }

		.bannerHome #homeLatest {
			width: 594px;
			height: 274px;
			background: url(../images/bg-home-latest.png) no-repeat bottom #fff;
			border: 3px solid #E6D9CD; }

			.bannerHome #homeLatest h2 {
				text-align: right;
				margin: 20px 20px 30px 0; }
			
			.bannerHome #homeLatest .product {
				float: left;
				display: inline;
				width: 237px;
				font-size: 0.8em;
				padding: 0 30px; }

			.bannerHome #homeLatest .product span img {
				clear: both;
				display: block;
				padding-bottom: 30px;
				margin: 0 auto; }

			.bannerHome #homeLatest .second span img {
				padding: 30px 0 0 0; }
			
			.bannerHome #homeLatest .product h3 {
				text-transform: uppercase;
				font-size: 0.9em;
				font-weight: bold;
				margin-bottom: 2px; }
			
			.bannerHome #homeLatest .product h4 {
				color: #A7A37E;
				font-size: 1.5em;
				font-weight: bold;
				margin-bottom: 8px; }
			
			.bannerHome #homeLatest .product p strong {
				color: #7D007F; }


	.products h3 {
		line-height: 0.8em;
		margin-bottom: 10px; }

	.products p {
		margin: 0; }

	.products p strong {
		float: left;
		font-size: 1.7em;
		font-weight: bold;
		color: #A7A37E;
		margin-right: 8px; }

	a.basketAdd {
		float: left;
		width: 46px;
		height:20px;
		text-indent: -3000px;
		background: url(../images/icon-add-basket-small.png) no-repeat left;
		margin-top: -4px; }

		a.basketAdd:hover {
			background-position: right; }

.pag {
	width: 720px;
	overflow: hidden;
	color: #A7A37E;
	font-weight: bold;
	padding: 0 0 20px 20px; }
	
	.pag.bottom {
		float: right;
		display: inline;
		margin-right: -10px; }
	
	.pag p, .pag ul, .pag li {
		float: left;
		display: inline;
		color: #A7A37E; }
		
		.pag p {
			margin-right: 10px; }
		
		.pag ul {
			margin-right: 5px; }

			.pag ul li {
				margin-right: 5px; }
			
			.pag ul li a {
				float: left;
				display: inline;
				width: 13px;
				height: 19px;
				color: #A7A37E;
				font-size: 0.9em;
				font-weight: normal;
				background: url(../images/icon-pag-button.png) no-repeat top;
				padding: 1px 0 0 7px; }
				
				.pag ul li a:hover {
					color: #362D1D; }
			
			.pag ul li.active a, .pag ul li.active a:hover {
				color: #fff;
				background-position: bottom; }
	
	.pag .filter {
		float: right; }


	#homeProducts {
		height: 160px;
		border: 1px solid #cdcac6;
		margin-bottom: 10px; }

		#homeProducts li {
			float: left;
			width: 180px;
			padding: 10px 9px; }

			#homeProducts li.divider {
				background: url(../images/bg-home-product-divider.png) no-repeat; }

		#homeProducts li span img {
			display: block;
			margin: 0 auto 20px auto; }


	#rangeBanner {
		display: block;
		margin-bottom: 10px;}

		.productBox {
			float: left;
			display: inline;
			position: relative;
			width: 330px;
			height: 140px;
			border: 1px solid #cdcac6;
			padding: 9px;
			margin: 0 0 20px 20px; }

		.productBox .label {
			position: absolute;
			top: 0;
			left: 0; }

		.productBox a.info {
			position: absolute;
			right: 0;
			bottom: 10px;
			width: 30px;
			height: 80px;
			overflow: hidden;
			text-indent: -3000px;
			background: url('../images/icon-more-info.png') no-repeat right; }

			.productBox a.info:hover {
				background-position: left; }
				
				#featured .productBox a.info {
					background-position: left; }
				
				#featured .productBox a.info:hover {
					background-position: right; }

		.productBox span {
			display: block;
			height: 82px;
			padding: 10px 0; }

		.productBox span img {
			display: block;
			margin: 0 auto }

		.productBox h3 {
			color: #362D1D;
			font-size: 0.8em; }
			
		.productBox h4 {
			line-height:  1.2em;
			font-size: 0.8em;
			margin-bottom: 10px; }
			
			#featured .productBox {
				margin: 0 0 10px 0; }
				
			#featured .productBox span {
				padding: 0 0 20px 0; }

			#featured .productBox p strong {
				color: #B7CC00; }

			#featured .productBox .label {
				position: absolute;
				top: -1px;
				left: -1px; }

			#oak .productBox p strong, #oak h1 span {
				color: #7D007F; }

		.range .productBox {
			height: 200px; }

			.range .productBox h3 {
				font-size: 0.9em;
				font-weight: bold;
				margin-bottom: 3px; }

			.range .productBox h4 {
				padding-right: 55px; }

			.range .productBox span {
				height: 110px; }

			.range .productBox ul {
				position: absolute;
				top: 20px;
				right: 10px; }


#productDetails {
	clear: both;
	width: 100%;
	overflow: hidden; }

	#productDetails .productImages, #productDetails .productInfo  {
		float: left;
		display: inline;
		width: 348px;
		min-height: 358px;
		border: 1px solid #cdcac6;
		padding: 0 0 35px 0; }

	#productDetails .productImages {
		position: relative;
		height: 322px;
		margin: 0 20px 20px 20px; }
		
		#productDetails .productImages span {
			display: block;
			width: 348px;
			height: 200px;
			overflow: hidden;
			vertical-align:middle;
			padding: 20px 0; }
			
			#productDetails .productImages span img {
				display: block;
				margin: 0 auto; }
				
				
			#productDetails #prod2, #productDetails #prod3, #productDetails #prod4 {
				display: none; }
		
		#productDetails .productImages ul {
			text-align: center; }

		#productDetails .productImages ul li {
			display: inline;
			margin: 0 20px; }

		#productDetails .productImages p {
			width: 100%;
			position: absolute;
			bottom: 0;
			height: 30px;
			text-align: center;
			border-top: 1px solid #cdcac6;
			padding-top: 10px;
			margin: 0; }
			
			#productDetails .productImages p a {
				text-decoration: none; }
			
			#productDetails .productImages p img {
				margin-right: 15px; }


	#productDetails .productInfo {
		position: relative;
		margin-bottom: 20px; }

		#productDetails .productInfo h1 {
			font-weight: bold;
			padding: 13px 20px; }

			#productDetails .productInfo h1 span {
				display: block;
				clear: both;
				font-size: 0.6em; }

		#productDetails .productInfo table {
			width: 100%;
			line-height: 1em;
			border-top: 1px solid #cdcac6;
			padding: 0 20px;
			margin-bottom: 20px; }
		
		#productDetails .productInfo table tr {
			margin-bottom: 5px; }
		
		#productDetails .productInfo table td {
			padding: 0 20px 3px 20px; }
			
			#productDetails .productInfo table td.padTop {
				padding-top: 20px; }
		
		#productDetails .productInfo table a {
			display: block;
			text-decoration: underline;
			font-size: 0.9em; }

			#productDetails .productInfo table a:hover {
				color: #767F1F; }
		
		#productDetails .productInfo .price {
			padding-left: 20px; }
			
			#productDetails .productInfo .price strong {
				float: left;
				display: inline;
				font-size: 2em;
				margin-right: 20px; }
				
				#oak #productDetails .productInfo .price strong {
					color: #7D007F; }
				
				#oak #productDetails .productInfo ul {
					position: absolute;
					bottom: 0;
					right: 10px;
					width: 120px;
					height: 48px;
					font-size: 0.9em;
					background: url(../images/bg-wish-list.png) no-repeat; }
					
					#oak #productDetails .productInfo ul li {
						float: left;
						width: 60px;
						text-align: center;
						padding-top: 8px; }
						
					#oak #productDetails .productInfo ul li a {
						color: #fff; }
					
					#oak #productDetails .productInfo ul li a:hover {
						text-decoration: underline; }
						
						#oak #productDetails .productInfo ul li img {
							display: block;
							margin: 0 auto 0 auto; }

#woodCare h1	{
	margin-bottom: 25px; }
	
	#woodCare .textCol {
		width: 520px; }

	#woodCare img.fr {
		margin-left: 20px;
		margin-bottom: 30px; }

	#woodCare img.fl {
		margin-right: 20px;
		margin-bottom: 30px; }


	.block {
		position: relative;
		float: left;
		display: inline;
		width: 190px;
		height: 160px;
		margin-bottom: 10px; }

		.block img {
			position: absolute;
			z-index: -10; }

		.block p {
			line-height: 1.4em;
			font-size: 0.75em;
			color: #fff;
			padding: 50px 10px 10px 10px; }
			
			.block p a {
				text-decoration: none;
				color: #fff;
				border-bottom: 1px dotted #fff; }
				
				.block p a:hover {
					color: #362D1D;
					border-bottom: 1px solid #362D1D; }

		.content.home .blockAbout {
			margin: 0 15px; }

	.blockSocial {
		width: 188px;
		height: 107px;
		background: url(../images/bg-block-social.png) repeat-x;
		border: 1px solid #cdcbc7; }
	
	.blockSocial span {
		float: left;
		display: inline;
		width: 54px;
		text-align: center;
		font-size: 0.7em;
		padding: 20px 20px 10px 20px; }
		
		.blockSocial span.divider {
			background: url(../images/bg-block-social-divider.png) no-repeat right; }

		.blockSocial img {
			position: relative;
			z-index: 0; }
		
		.blockSocial span a {
			color: #362D1D; }

			.blockSocial span a:hover {
				color: #767F1F; }
	
	.blockOpening {
		width: 160px;
		height: 130px;
		color: #fff;
		background: url(../images/bg-block-opening.png) repeat-x;
		border: 1px solid #ac00af;
		padding: 14px; }
		
		.blockOpening h3 {
			color: #fff;
			font-size: 1em;
			margin-bottom: 8px; }

		.blockOpening table {
			line-height: 1.3em;
			font-size: 0.85em; }

.textCol {
	float: left;
	display: inline;
	width: 470px;
	padding-bottom: 30px; }	

	#contact .textCol {
		width: 430px; }

	.textCol#wide {
		width: 590px;
		padding-left: 120px; }

.contactSuccess {
	position: relative;
	width: 465px;
	height: 110px;
	font-weight: bold;
	background: url(../images/banner-contact-success.jpg) no-repeat;
	padding: 220px 215px 0 30px; }
	
	.contactSuccess h1 {
		font-weight: bold; }
	
	.contactSuccess p {
		line-height: 1.2em;
		font-size: 1.2em; }
	
	.contactSuccess p span {
		display: block;
		font-size: 0.6em; }

	.contactSuccess a.button {
		position: absolute;
		right: 0;
		bottom: -21px;
		height: 21px;
		width: 130px;
		text-indent: -3000px;
		background: url(../images/button-contact-success.png) no-repeat top; }
		
		.contactSuccess a.button:hover {
			background-position: bottom; }

#delInfo table {
	width: 600px; }
	
	#delInfo table {
		margin-bottom: 25px; }

	#delInfo table th {
		font-weight: normal;
		font-size: 0.75em;
		color: #fff;
		background: url(../images/bg-cart-heading-divider.png) no-repeat right #362D1D;
		padding: 5px 10px; }
		
		#delInfo table th.last {
			background-image: none; }

	#delInfo table col.even {
		background-color: #EFECD8; }

	#delInfo table tr {		
		border: 1px solid #d5d5d5; }

	#delInfo table td {
		vertical-align: middle;
		padding: 5px 10px; }

	#delInfo table em, #delInfo .tableFooter em {
		color: #B7CC00;
		font-size: 1.6em;
		margin-right: 3px; }
	
	#delInfo .tableFooter {
		float: left;
		background-color: #F4F4F4;
		border: 1px solid #d5d5d5;
		border-top: none;
		padding: 5px 5px 5px 15px;
		margin: -25px -1px 20px 0; }
		
		#delInfo .tableFooter em {
			float: left;
			display: inline;
			margin-left: -10px; }
	
	#delInfo h3 {
		margin-bottom: 10px; }



.rightCol {
	float: left; 
	display: inline;
	width: 190px; }



/* ------> ~Shopping Cart <----------- */

#cart h1 {
	padding: 15px 0 10px 0; }

	#cart p.warning {
		width: 720px; }

		#cart p.warning span {
			color: red; }

		#cart.checkout {
			float: left;
			display: inline;
			width: 725px; }

#cart table {
	float: left;
	display: inline;
	width: 720px;
	text-align: center;
	margin: 0 5px 20px 0; }

	#cart th {
		text-align: center;
		font-weight: normal;
		font-size: 0.75em;
		color: #fff;
		background: url(../images/bg-cart-heading-divider.png) no-repeat right #362D1D;
		padding: 5px; }

		#cart th.noBg {
			background-image: none; }

	#cart tr.product, #cart tr.noProduct {
		border: 1px solid #d5d5d5; }

	#cart tr.product td {
		vertical-align: middle;
		padding: 20px 0; }

	#cart tr.noProduct td {
		vertical-align: middle;
		padding: 20px; }

		#cart td.info {
			text-align: left; }

			#cart td.info img {
				float: left;
				display: inline;
				margin: 0 50px 0 20px; }
			
			#cart td.info div {
				float: left;
				display: inline; }

			#cart td.info h2 {
				line-height: 1em;
				color: #362D1D;
				font-size: 1em;
				font-weight: bold;
				margin-bottom: 0; }

			#cart td.info h3 {
				font-size: 1.2em;
				font-weight: bold;
				padding-bottom: 0;
				margin-bottom: 3px; }

			#cart td.info p {
				line-height: 1.3em;
				font-size: 1em;
				margin-bottom: 0; }
				
				#cart td.info p span {
					float: left;
					display: inline;
					width: 115px; }

		#cart td.editCart div {
			clear: both;
			width: 65px;
			overflow: hidden;
			margin: 0 auto 10px auto; }

		#cart td.editCart span {
			float: left;
			display: inline;
			width: 7px;
			line-height: 1.2em;
			color: #fff;
			background-color: #362D1D;
			padding: 4px 4px 3px 4px;
			margin: 0 5px; }

		#cart td.editCart .plus, #cart td.editCart .minus {
			float: left;
			display: inline;
			text-indent: -3000px;
			width: 20px;
			height: 20px; }

			#cart td.editCart a:hover {
				color: #767F1F; }

			#cart td.editCart a.plus {
				background: url(../images/icon-basket-plus.png) no-repeat top; }

			#cart td.editCart a.minus {
				background: url(../images/icon-basket-minus.png) no-repeat top; }

			#cart td.editCart a.plus:hover, #cart td.editCart a.minus:hover {
				background-position: bottom; }

		#cart td.price {
			font-size: 1.1em;
			font-weight: bold;
			color: #A7A37E; }

		#cart td.continue, #cart td.checkout {
			vertical-align: top;
			padding: 0; }

		#cart td.continue a, #cart td.checkout a {
			display: block;
			height: 21px;
			text-indent: -3000px; }

		#cart td.continue a {
			width: 135px;
			background: url(../images/button-cart-continue.png) no-repeat top; }

		#cart td.checkout a {
			float: right; }

		#cart td.checkout a {
			width: 135px;
			background: url(../images/button-cart-checkout.png) no-repeat top; }

		#cart td.continue a:hover, #cart td.checkout a:hover {
			background-position: bottom; }

		#cart td.calc {
			text-align: left;
			color: #fff;
			font-size: 0.75em;
			background-color: #362D1D;
			padding: 5px 0 5px 25px;
			border-bottom: 1px solid #fff; }
			
		#cart td.calc strong {
			font-size: 1.4em; }


#cartHelper {
	position: relative;
	float: left;
	display: inline;
	width: 233px;
	border: 1px solid #d5d5d5;
	padding-bottom: 130px; }
	
	#cartHelper h2 {
		color: #fff;
		font-size: 0.8em;
		background-color: #A7A37E;
		padding: 5px 10px;
		margin: -1px -1px 20px -1px; }

	#cartHelper ul {
		margin: 0 15px 25px 15px; }

		#cartHelper ul li a {
			display: block;
			width: 60px;
			height: 10px;
			overflow: hidden;
			color: #A7A37E;
			background: url(../images/icon-question-mark.png) no-repeat right top;
			padding: 1px 20px 9px 0;
			margin-bottom: 10px; }

		#cartHelper ul li a:hover {
			color: #767F1F;
			background-position: bottom right; }

	#cartHelper .helpBox {
		display: none;
		position: absolute;
		bottom: 0;
		left: 15px;
		width: 205px;
		height: 130px;
		background-color: #fff; }
		
		#cartHelper .helpBox p {
			line-height: 1.4em;
			font-size: 0.75em; }



/* ------> ~FORMS <----------- */

.form { }

	.form h2 {
		margin-bottom: 15px; }

	.form p { }

	.form fieldset { }

	.form em {
		font-size: 1.3em;
		font-style: normal;
		color: #FF7503; }

	.form label {
		display: block;
		line-height: 1em;
		font-style: italic;
		padding: 0 0 3px 5px; }
		
		.form .error {
			float: right;
			display: inline;
			clear: both;
			color: red;
			font-size: 0.7em;
			margin: -18px 20px 0 0; }

	.form input, .form textarea {
		border: 1px solid #cdcac6;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		padding: 3px; }

	.form input {
		margin-bottom: 8px; }

		.form input.small {
			width: 150px; }

		.form input.tiny {
			width: 75px; }

	.form textarea {
		height: 150px; }

	.form select {
		padding: 2px; }

	.form input.button, .customerBox .button {
		height: 21px;
		text-indent: -3000px;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
			border-radius: 0;
		border: none;
		background-color: transparent;
		padding: 0;
		margin: 0; }

#passwordForm {
	clear: both;
	width: 100%;
	margin-bottom: 20px; }

	#passwordForm fieldset {
		clear: none;
		width: 470px;
		overflow: hidden;
		padding: 0 0 20px 0; }

		#passwordForm fieldset.left {
			margin-right: 15px; }

	#passwordForm div {
		min-height: 70px;
		padding: 20px 70px 0 70px; }

		#passwordForm .button {
			position: absolute;
			bottom: -21px;
			right: 0;
			width: 130px;
			background-image: url(../images/button-change-password.png); }

			#passwordForm .button.border {
				right: 1px; }

			#passwordForm .button:hover {
				cursor: pointer;
				background-position: bottom; }

	#email_2_friend h2 {
		width: 100%;
		text-align: center;
		color: #fff;
		font-size:  0.75em;
		background-color: #362D1D;
		padding: 3px 0;
		margin-bottom: 0; }

		#email_2_friend fieldset {
			padding: 20px; }

			#email_2_friend input {
				width: 200px; }

		#email_2_friend textarea {
			width: 300px;
			height: 100px;
			margin-bottom: 20px; }

		#email_2_friend .button {
			clear: both;
			width: 130px;
			background-image: url(../images/button-email-friend.png); }

			#email_2_friend .button:hover {
				cursor: pointer;
				background-position: bottom; }


#contactForm {
	width: 220px;
	float: left;
	display: inline;
	margin-left: 60px; }

	#contactForm input, #contactForm textarea {
		width: 212px; }

	#contactForm input.button {
		position: relative;
		z-index: 10;
		float: right;
		margin-top: -8px;
		width: 115px;
		background: url(../images/button-form-send.png) no-repeat top; }
		
		#contactForm input.button:hover {
			cursor: pointer;
			background-position: bottom; }


#customer h1 {
	font-weight: bold;
	margin-bottom: 15px; }


.customerBox {
	position: relative;
	float: left;
	display: inline;
	width: 470px;
	margin-bottom: 30px; }

	.customerBox.border {
		width: 468px;
		border: 1px solid #d5d5d5;
		padding-bottom: 20px; }

		.customerBox.border h2 {
			margin-bottom: 20px; }

	.customerBox#log, .customerBox#del, .customerBox#changeBill {
		margin-right: 18px; }

		.customerBox#changeBill, .customerBox#changeShip {
			margin-bottom: 50px; }

	.customerBox h2 {
		width: 100%;
		text-align: center;
		color: #fff;
		font-size:  0.75em;
		background-color: #362D1D;
		padding: 3px 0;
		margin-bottom: 0; }

	.customerBox p {
		clear: both;
		font-size: 0.75em;
		margin: 0; }

	.customerBox ul {
		text-align: center; }

	.customerBox fieldset {
		border: 1px solid #d5d5d5;
		padding: 20px 70px; }

		.customerBox#reg fieldset {
			padding-bottom: 50px; }

		.customerBox#del fieldset {
			margin-bottom: 20px; }

	.customerBox label, .customerBox input, .customerBox select {
		float: left;
		display: inline; }

	.customerBox label {
		clear: left;
		width: 110px;
		padding-top: 5px; }

		.customerBox label.wide {
			clear: both;
			width: 100%;
			padding: 20px 0 5px 0; }

	.customerBox input {
		width: 200px; }

	.customerBox .margin {
		margin-left: 116px; }

	.customerBox select {
		margin-bottom: 10px; }

		.customerBox fieldset.check input {
			width: auto;
			margin-left: 15px; }

		.customerBox fieldset.check label {
			clear: none;
			margin-right: 15px; }

			.customerBox fieldset.check label.wide {
				float: none;
				clear: both;
				display: block;
				width: auto;
				padding: 20px 0 5px 0; }

		.customerBox .button, .customerBox fieldset.check .button {
			position: absolute;
			bottom: -21px;
			right: 0;
			width: 130px; }
			
			.customerBox.border .button {
				right: -1px; }

			.customerBox .button:hover {
				cursor: pointer;
				background-position: bottom; }

			.customerBox#log .button {
				background-image: url(../images/button-sign-in.png); }

			.customerBox#log input#pw_retreive {
				float: left;
				display: inline;
				width: auto;
				text-align: left;
				font-size: 0.75em;
				color: #362D1D;
				background-color: transparent;
				border: none;
				margin: -7px 0 0 115px; }

				.customerBox#log input#pw_retreive:hover {
					color: #7D007F; }

			.customerBox#reg .button {
				background-image: url(../images/button-create-account.png); }

			.customerBox#del .button {
				bottom: 0;
				background-image: url(../images/button-continue.png); }

			.customerBox#newShip .button {
				background-image: url(../images/button-use-address.png); }

			.customerBox#changeBill .button, .customerBox#changeShip .button {
				background-image: url(../images/button-change.png); }

			.customerBox#changeBill table, .customerBox#changeShip table {
				margin: 0 auto; }

			.customerBox#changeBill table td, .customerBox#changeShip table td {
				padding: 0 10px; }


	#agreeTerms {
		float: left;
		display: inline;
		width: 235px; }

		#agreeTerms fieldset {
			width: auto;
			padding: 20px 17px; }

		#agreeTerms p {
			margin-bottom: 10px; }
	
		#agreeTerms label {
			width: auto;
			font-weight: bold;
			padding-top: 0;
			margin: 0 0 54px 0; }
	
		#agreeTerms table {
			clear: both; }

		.customerBox#agreeTerms .button {
			background-image: url(../images/button-payment-details.png); }


	.customerBox#discountCode {
		width: 220px; }

		.customerBox#discountCode td {
			padding: 0 20px; }

		.customerBox#discountCode #code {
			 margin-bottom: 10px; }

		.customerBox#discountCode .button {
			background-image: url(../images/button-discount-code.png); }



/* ------> ~ADMIN <----------- */

.content.admin {
	width: 100%; }

	#adminNav {
		clear: both;
		width: 100%;
		overflow: hidden;
		margin-bottom: 30px; }

		#adminNav ul.list {
			margin-right: 50px; }

		#adminNav ul.list li {
			margin: 0; }

		#adminNav ul.list a {
			text-transform: uppercase;
			text-decoration: none;
			font-weight: bold; }

		#adminNav ul.list a:hover {
			color: #362D1D; }


	.admin h1 {
		text-transform: uppercase;
		color: #362D1D;
		font-size: 1.5em;
		font-weight: bold;
		margin-bottom: 10px; }

	.admin .form {
		position: relative;
		width: 100%;
		border: 1px solid #cdcac6; }

		.admin .form h2 {
			display: block;
			height: 22px;
			color: #fff;
			font-size: 0.8em;
			font-weight: bold;
			background-color: #362D1D;
			padding:  3px 0 3px 320px;
			margin: 0; }

		.admin .form fieldset {
			float: left;
			display: inline; }

			.admin .form fieldset.left {
				width: 260px;
				padding: 20px; }

			.admin .form fieldset.right {
				width: 659px;
				min-height: 100px;
				border-left: 1px solid #cdcac6; }

			.admin .form fieldset.add {
				width: 100%;
				overflow: hidden;
				padding: 20px 0 10px 0; }

				.admin .form fieldset.add label {
					padding-left: 20px; }

				.admin .form fieldset.add input {
					width: 200px; }

		.admin .form label, .admin .form input, .admin .form textarea, .admin .form select  {
				float: left;
				display: inline; }

		.admin .form label {
			clear: left;
			font-weight: bold;
			font-style: normal;
			margin-right: 20px;
			padding: 4px 0 0 0; }

		.admin .form td label, .admin .form td textarea {
			font-size: 1em;
			margin-bottom: 5px; }

		.admin .form td.center input {
			float: none;
			display: block;
			margin: 0 auto; }

		.admin table {
			width: 100%;
			border: 1px solid #cdcac6; }

			.admin .form table {
				border: none; }

			.admin table .alt {
				background-color: #edede5; }

			.admin table td, .admin table th {
				padding: 3px 20px; }

			.admin table .center {
				text-align: center; }

				.admin table td a {
					border-bottom: 1px dotted #362D1D; }

					.admin table td a:hover {
						border-bottom-style: solid; }

			.admin table th {
				height: 22px;
				color: #fff;
				font-size: 0.8em;
				background-color: #362D1D; }

			.admin .form .button {
				position: absolute;
				bottom: -21px;
				right: -1px; }


	#admin_category_edit_sub .button {
		width: 130px;
		height: 21px;
		background: url(../images/button-save-changes.png) no-repeat top; }

		#admin_category_edit_sub .button:hover {
			cursor: pointer;
			background-position: bottom; }


	#admin_category_edit_main.form h2 {
		padding:  3px 0 3px 280px; }

	#admin_category_edit_main.form fieldset.left {
		 width: 220px; }

	#admin_category_edit_main.form fieldset.right {
		width: 699px; }

	#admin_category_edit_main.form textarea {
		width: 270px; }

	#admin_category_edit_main.form table tr {
		border-bottom: 1px solid #cdcac6; }

	#admin_category_edit_main.form table tr:last-child {
		border: none; }

	#admin_category_edit_main.form table td {
		padding-top: 10px;
		padding-bottom: 10px; }

	#admin_category_edit_main.form .button {
		width: 130px;
		height: 21px;
		background: url(../images/button-save-changes.png) no-repeat top; }

		#admin_category_edit_main.form .button:hover {
			cursor: pointer;
			background-position: bottom; }


#admin_product_edit_row.form h2 {}

	#admin_product_edit_row.form fieldset.left label {
		display: block;
		width: 100%;
		margin-bottom: 5px; }

	#admin_product_edit_row.form fieldset.right {
		min-height: 150px; }

	#admin_product_edit_row.form fieldset.right table {
		margin-top: -28px; }

	#admin_product_edit_row.form select {
		clear: both;
		margin-bottom: 15px; }

	#admin_product_edit_row.form #sub_cats_drop {
		float: left; }

	#admin_product_edit_row table {
		text-align: left; }


	#admin_home.form fieldset {
		padding: 20px; }

	#admin_home.form fieldset.col1 {
		width: 260px; }

		#admin_home.form fieldset.col1 h3 {
			clear: both;
			padding: 30px 0 10px 0; }

	#admin_home.form fieldset.col2 {
		width: 280px; }

		#admin_home.form fieldset.col2 input, #admin_home.form fieldset.col2 textarea {
			width: 160px; }

	#admin_home.form fieldset.col3 {
		width: 300px; }

	#admin_home.form label {
		width: 90px;
		margin-bottom: 10px; }

	#admin_home.form input, #admin_home.form textarea, #admin_home.form select {
		margin-bottom: 10px; }

	#admin_home.form select {
		width: 140px; }

	#admin_home.form label em {
			display: block;
			color: #A7A37E;
			font-size: 0.8em; }

	#admin_home.form .imgWrap {
		float: left;
		display: inline; }

	#admin_home.form #checkBoxes {
		width: 100%;
		overflow: hidden;
		padding-top: 30px; }

		#admin_home.form #checkBoxes label {
			width: 135px; }

		#admin_home.form #checkBoxes input {
			width: auto; }

	#admin_home.form .button {
		width: 130px;
		height: 21px;
		background: url(../images/button-save-changes.png) no-repeat top;
		margin: 0; }

		#admin_home.form .button:hover {
			cursor: pointer;
			background-position: bottom; }

#admin_take_delivery.form input {
	margin: 0; }

	#admin_take_delivery.form {
		margin: 0; }

	#admin_take_delivery.form tr.addStock {
		font-size: 1.2em;
		border-top: 1px solid #cdcac6; }

		#admin_take_delivery.form tr.addStock td {
			padding: 10px 20px; }

#admin_take_delivery.form .button {
	width: 130px;
	height: 21px;
	background: url(../images/button-save-changes.png) no-repeat top;
	margin: 0; }

	#admin_take_delivery.form .button:hover {
		cursor: pointer;
		background-position: bottom; }

#admin_change_delivery.form {
	border: none; }

	#admin_change_delivery.form table {
		margin-bottom: 15px; }

	#admin_change_delivery.form table tbody {
		border: 1px solid #cdcac6; }

	#admin_change_delivery.form table tfoot td {
		text-align: right; }

div.subdescription {
	display: block;
	clear: left;
	font: normal 9pt arial;
	margin-bottom: 20px;
}

.small {
	font: normal 7pt arial;
}

	h3 a {
		color: #362D1D;
		font-weight: bold;
		font-size: 1em;
		margin-bottom: 2px; }


.box {
	width: 140px;
	float:left;
	margin: 5px 5px 0px 0px;
	padding: 20px 5px 5px 5px;
	text-align: left;
	border-right: solid 1px #cccccc;
	height: 200px;

}

.box h3 {
	font: normal 1em arial;
	padding: 10px 0px 0px 0px
}

.box p {
	display: block;
}
.box strong {
	display: block;
	width: 100%;
}

.box a {
	display: block;
	clear: left;
	margin: auto;
}