/*	www.haywoods-trimmings.co.uk Styles
	Updated: 25-08-2008
	Author: Djenan Kozic (www.djenankozic.com)

	FILE INDEX
	-----------------------
	1.	RESETS
	2.	BASICS
	3.	STRUCTURE
	4.	HEADER
	5.	NAV
	6.	CONTENT
	7.	FORMS
	8.	FOOTER
	9.	MISC
	
	--
	
	10. HOMEPAGE STYLES
	11. ABOUT US STYLES
	12. PRODUCT STYLES
	13. DESIGN SERVICE STYLES
	14. HOW TO ORDER STYLES
	15. CONTACT US STYLES
	16. PRODUCT GALLERY STYLES
	


	COLORS
	-----------------------
	Body BG:		#1b1b1b
	Main Text:		#xxxxxx
	Links:			#xxxxxx
	Border:			#xxxxxx
	
	etc...



/*	1. RESETS
	----------------------------------------------*/

	* { margin:0; padding:0; }
	a, a:hover, a:active, a img, a, a:hover img, a:active img { outline:none; border:none; }
	
	body { font-size:62.5%; }



/*	2. BASICS
	----------------------------------------------*/

	body {
		background:#1b1b1b url('../img/bg.gif') repeat-x top;
	}
	
	.left { clear:left; }
	.right { clear:right; }
	.clear { clear:both; }



/*	3. STRUCTURE
	----------------------------------------------*/



/*	4. HEADER STYLES
	----------------------------------------------*/

	#header-wrapper {
		position:relative;
		margin:0 auto;
		width:870px;
		height:66px;
		border-top-width:5px;
		border-top-style:solid;
		padding-top:15px;
		}

	#header-wrapper h1.logo {
		display:block;
		float:left;
		}
	
		#header-wrapper h1.logo a.logo {
			display: block;
			text-indent:-200em;
			width:174px;
			height:66px;
			background:transparent url('../img/haywoods-logo.gif') no-repeat 0 0;
			}
			#header-wrapper h1.logo a.logo:hover { background-position:0 -66px; }
			#header-wrapper h1.logo a.logo:active { background-position:0 -132px; }



/*	5. NAV
	----------------------------------------------*/

	#navigation {
		width:auto;
		margin:37px auto 0 auto;
		float:right;
		border-bottom:1px solid #3a3a3a;
		height:28px;
		}

	#navigation ul { list-style:none; margin:0; padding:0;}
	#navigation li { display:inline; margin:0; padding:0;}
	#navigation li a { 
		background-image:url('../img/navigation.gif');
		float:left;
		height:0;
		padding-top:25px;
		overflow:hidden;
		}

	#navigation li#nav-home a { background-position:0 0; width:50px; margin-right:19px; margin-bottom:3px; border-bottom:none; }
	#navigation li#nav-home a:hover, #navigation li#nav-home a.on { background-position:0 -25px; margin-bottom:0px; border-bottom:none; border-bottom:3px solid #385b60; }
	#navigation li#nav-home a:active { background-position:0 -50px; margin-bottom:0px; border-bottom:none; border-bottom:3px solid #284447; }

	#navigation li#nav-about-us a { background-position:-69px 0; width:83px; margin-right:20px; margin-bottom:3px; border-bottom:none; }
	#navigation li#nav-about-us a:hover, #navigation li#nav-about-us a.on { background-position:-69px -25px; margin-bottom:0px; border-bottom:none; border-bottom:3px solid #a87d4a; }
	#navigation li#nav-about-us a:active { background-position:-69px -50px; margin-bottom:0px; border-bottom:none; border-bottom:3px solid #836039; }

	#navigation li#nav-products a { background-position:-172px 0; width:88px; margin-right:20px; margin-bottom:3px; border-bottom:none; }
	#navigation li#nav-products a:hover, #navigation li#nav-products a.on { background-position:-172px -25px; margin-bottom:0px; border-bottom:none; border-bottom:3px solid #548991; }
	#navigation li#nav-products a:active { background-position:-172px -50px; margin-bottom:0px; border-bottom:none; border-bottom:3px solid #3E686D; }

	#navigation li#nav-design-service a { background-position:-280px 0; width:132px; margin-right:20px; margin-bottom:3px; border-bottom:none; }
	#navigation li#nav-design-service a:hover, #navigation li#nav-design-service a.on { background-position:-280px -25px; margin-bottom:0px; border-bottom:none; border-bottom:3px solid #A84A3C; }
	#navigation li#nav-design-service a:active { background-position:-280px -50px; margin-bottom:0px; border-bottom:none; border-bottom:3px solid #733128; }

	#navigation li#nav-how-to-order a { background-position:-432px 0; width:127px; margin-right:19px; margin-bottom:3px; border-bottom:none; }
	#navigation li#nav-how-to-order a:hover, #navigation li#nav-how-to-order a.on { background-position:-432px -25px; margin-bottom:0px; border-bottom:none; border-bottom:3px solid #C77B52; }
	#navigation li#nav-how-to-order a:active { background-position:-432px -50px; margin-bottom:0px; border-bottom:none; border-bottom:3px solid #8F563A; }

	#navigation li#nav-contact-us a { background-position:-578px 0; width:102px; margin-right:0; margin-bottom:3px; border-bottom:none; }
	#navigation li#nav-contact-us a:hover, #navigation li#nav-contact-us a.on { background-position:-578px -25px; margin-bottom:0px; border-bottom:none; border-bottom:3px solid #90A06D; }
	#navigation li#nav-contact-us a:active { background-position:-578px -50px; margin-bottom:0px; border-bottom:none; border-bottom:3px solid #6C7751; }



/*	6. CONTENT
	----------------------------------------------*/

	#content-wrapper {
		position:relative;
		width:870px;
		margin:45px auto 0 auto;
		color:#808080;
		font:normal 1.4em Georgia, Garamond, Times, sans-serif;
		}
		
		#content-wrapper a.large-button {
			display: block;
			width: 151px;
			height: 26px;
			overflow:hidden;
			text-indent:-200em;
		}
		#content-wrapper a.large-button:hover {
			background-position:0 -26px;
		}
		
		#content-wrapper div#main-focus {
			width:870px;
			margin-bottom:35px;
			}
			
		#content-wrapper p {
			padding:0 0 1.6em 0;
			line-height:1.6em;
		}
		
		#content-wrapper a {
			color:#fff;
			text-decoration:underline;
		}
		#content-wrapper a:hover {
			color:#fff;
			text-decoration:none;
		}
		#content-wrapper a:active {
			color:#ccc;
		}
	
		#content-wrapper hr	{
			border:none;
			margin:25px 0 0 0;
			height:0;
			background-color:transparent;
		}
		
		#content-wrapper div.content-block {
			margin:15px 0 0 0;
		}
		#content-wrapper div.content-block h1.block-title {
			width:170px;
			float:left;
			color:#fff;
			font:normal 1.3em Georgia, Garamond, Times, sans-serif;
			text-transform:uppercase;
		}
		#content-wrapper div.content-block div.column-1 {
			width:330px;
			float:left;
			padding-left:20px;
		}
		#content-wrapper div.content-block div.column-2 {
			width:330px;
			float:left;
			padding-left:20px;
		}
			#content-wrapper div.content-block div.column-2 img {
				border:1px solid #111;
				padding:14px;
				background-color:#333;
			}
		
	#content {}

	#content p {}

	#content h1 {}
	#content h2 {}
	#content h3 {}
	#content h4 {}
	#content h5 {}
	#content h6 {}

	#content ol {}
	#content-wrapper ul.site-map-list {
		margin-left:16px;
	}
	#content-wrapper ul.site-map-list li { line-height:1.6em; }
	#content-wrapper ul.site-map-list li ul.site-map-list { list-style:circle; }

	#content a {}
	#content a:hover {}
	#content a:active {}

	#images {}



/*	7. FORMS
	----------------------------------------------*/



/*	8. FOOTER
	----------------------------------------------*/

	#footer-wrapper {
		position:relative;
		width:870px;
		margin:45px auto 0 auto;
		color:#6d6d6d;
		font:normal 1.2em Georgia, serif;
		text-align:center;
		clear:both;
		padding-bottom:45px;
		}
	#footer-wrapper #main-footer {
		border-top:1px solid #3a3a3a;
		border-bottom:1px solid #3a3a3a;
		background-color:#202020;
		padding:10px 15px 13px 15px;
		margin-bottom:15px;
		}
		#footer-wrapper #main-footer p.back-to-top {
			float:left;
			}
		#footer-wrapper #main-footer p.footer-navigation {
			float:right;
			}
	
	body#home-page #footer-wrapper {
		border-top:1px solid #3a3a3a;
		padding:0.8em 0;
		}

	#footer-wrapper a {
		color:#fff;
		text-decoration:underline;
		}
	#footer-wrapper a:hover { text-decoration:none; }
	#footer-wrapper a:active { color:#ccc; }

	#footer p {}



/*	9. MISC
	----------------------------------------------*/



/*	10. HOMEPAGE STYLES
	----------------------------------------------*/

	body#home-page #header-wrapper { border-top-color:#385b60; }
	body#home-page #content-wrapper div#main-focus {
		width:868px;
		height:392px;
		background-color:#111;
		position:relative;
		border:solid 1px #000;
		margin-bottom:0;
		background:#111 url('../img/site-focus.jpg') no-repeat top left;
		}
		body#home-page #content-wrapper div#main-focus h1 {
			font:normal 1.85em Georgia, Garamond, Times, serif;
			color:#C6AF96;
			padding:20px 30px 30px 30px;
			text-align:right;
		}
			body#home-page #content-wrapper div#main-focus h1 a {
				color:#FFE1C1;
				text-decoration:none;
			}
			body#home-page #content-wrapper div#main-focus h1 em {
				color:#fff;
				font-style:normal;
				font-size:0.68em;
			}
			body#home-page #content-wrapper div#main-focus p.buttons {
				float:right;
				margin-right: 30px;
			}
	body#home-page #content-wrapper div#secondary-focus {
		width:575px;
		height:147px;
		clear:left;
		position:relative;
		float:left;
		margin-top:14px;
		background:#111 url('../img/homepage-secondary-focus-bg.gif') no-repeat top left;
		border-top:solid 1px #66A9B2;
		border-bottom:solid 1px #081516;
		}
		body#home-page #content-wrapper div#secondary-focus p.buttons {
			position:absolute;
			bottom:20px;
			left:15px;
			height:26px;
			padding:0;
		}
			body#home-page #content-wrapper div#secondary-focus p.buttons a {
				float:left;
				margin-right:5px;
			}
		body#home-page #content-wrapper div#secondary-focus h1 {
			font:normal 1.2em Georgia, Garamond, Times, serif;
			color:#fff;
			padding:20px 20px 10px 20px;
			text-transform:uppercase;
			}
		body#home-page #content-wrapper div#secondary-focus h2 {
			font:normal 1.1em Georgia, Garamond, Times, serif;
			color:#BFF;
			padding:0 20px;
			}
	body#home-page #content-wrapper div#tertiary-focus {
		width:280px;
		height:147px;
		position:relative;
		clear:right;
		float:right;
		margin-top:14px;
		background:#111 url('../img/homepage-tertiary-focus-bg.gif') no-repeat top left;
		border-top:solid 1px #9AAA68;
		border-bottom:solid 1px #0D0F05;
		}
		body#home-page #content-wrapper div#tertiary-focus p.buttons {
			position:absolute;
			bottom:20px;
			left:15px;
			height:26px;
			padding:0;
		}
		body#home-page #content-wrapper div#tertiary-focus h1 {
			font:normal 1.2em Georgia, Garamond, Times, serif;
			color:#fff;
			padding:20px 20px 10px 20px;
			text-transform:uppercase;
			}
		body#home-page #content-wrapper div#tertiary-focus h2 {
			font:normal 1.1em Georgia, Garamond, Times, serif;
			color:#B6E8AC;
			padding:0 20px;
			}
		
		.home-button-how-to-order { background:transparent url('../img/buttons/home-how-to-order.gif') no-repeat 0 0; }
		.home-our-products { background:transparent url('../img/buttons/home-our-products.gif') no-repeat 0 0; }
		.home-find-out-more { background:transparent url('../img/buttons/home-find-out-more.gif') no-repeat 0 0; }
		.home-contact-us { background:transparent url('../img/buttons/home-contact-us.gif') no-repeat 0 0; }



/*	11. ABOUT US STYLES
	----------------------------------------------*/
	
	body#about-us #header-wrapper { border-top-color:#a87d4a; }
	
	body#about-us #content-wrapper div#main-focus {
		height:195px;
		background: #a87d4a url('../img/about-us-focus-bg.gif') no-repeat top left;
		border-top:solid 1px #E2A662;
		border-bottom:solid 1px #381E06;
		position:relative;
		}
		body#about-us #content-wrapper div#main-focus p.buttons {
			position:absolute;
			bottom:20px;
			left:15px;
			height:26px;
			padding:0;
		}
		body#about-us #content-wrapper div#main-focus h1 {
			font:normal 1.65em Georgia, Garamond, Times, serif;
			color:#F7E7C8;
			padding:15px 20px 10px 20px;
			line-height:1.5em;
			width:400px;
			}
			body#about-us #content-wrapper div#main-focus h1 em {
				color:#fff;
				font-style:normal;
				font-size:0.7em;
				text-transform:uppercase;			
				}
				
		body#about-us #content-wrapper div#main-focus div.products-sub-nav {
			width:325px;
			height:172px;
			position:absolute;
			top:25px;
			right:20px;
			}
			body#about-us #content-wrapper div#main-focus div.products-sub-nav h2 {
				font:normal 0.95em Georgia, Garamond, Times, serif;
				color:#f2f2f2;
				padding:0px 20px 10px 20px;
				text-transform:none;
				line-height:1.4em;
				font-style:italic;
				}
			body#about-us #content-wrapper div#main-focus div.products-sub-nav h3 {
				font:normal 0.8em Georgia, Garamond, Times, serif;
				color:#f2f2f2;
				padding:5px 20px 10px 20px;
				text-transform:none;
				line-height:1.5em;
				text-align:right;
				text-transform:uppercase;	
			}
		
		
	body#about-us #content-wrapper hr { border-bottom:1px solid #a87d4a; }
	
	.aboutus-how-to-order { background:transparent url('../img/buttons/aboutus-how-to-order.gif') no-repeat 0 0; }



/*	12. PRODUCT STYLES
	----------------------------------------------*/

	body#products #header-wrapper { border-top-color:#548991; }

	body#products #content-wrapper div#main-focus {
		height:213px;
		background: #548991 url('../img/products-focus-bg.gif') no-repeat top left;
		border-top:solid 1px #66A9B2;
		border-bottom:solid 1px #3A6066;
		position:relative;
		}
		body#products #content-wrapper div#main-focus p.buttons {
			position:absolute;
			bottom:20px;
			left:15px;
			height:26px;
			padding:0;
		}
			body#products #content-wrapper div#main-focus p.buttons a {
				float:left;
				margin-right:5px;
			}
		body#products #content-wrapper div#main-focus h1 {
			font:normal 1.65em Georgia, Garamond, Times, serif;
			color:#A7EBEB;
			padding:15px 20px 10px 20px;
			width:570px;
			line-height:1.5em;
			}
			body#products #content-wrapper div#main-focus h1 em {
				color:#fff;
				font-style:normal;
				font-size:0.7em;
				text-transform:uppercase;			
				}
		body#products #content-wrapper div#main-focus div.products-sub-nav {
			width:201px;
			height:172px;
			position:absolute;
			top:20px;
			right:20px;
			background-color:#222;
			background: transparent url('../img/products-subsection-bg.gif') no-repeat 0 0;
			}
			body#products #content-wrapper div#main-focus div.products-sub-nav ul {
				list-style:none;
				margin:12px 0 0 0;
				}
			body#products #content-wrapper div#main-focus div.products-sub-nav ul li {
				padding:3px 0 0 20px;
			}
				body#products #content-wrapper div#main-focus div.products-sub-nav ul li a {
					color:#74CBD3;
				}
				body#products #content-wrapper div#main-focus div.products-sub-nav ul li a.on {
					text-decoration:none;
					color:#4A7578;
				}
			body#products #content-wrapper div#main-focus div.products-sub-nav h2 {
				font:normal 1.1em Georgia, Garamond, Times, serif;
				color:#f2f2f2;
				padding:15px 20px 10px 20px;
				text-transform:uppercase;
				line-height:1.5em;
				}
	
	body#products #content-wrapper hr { border-bottom:1px solid #548991; }
	
	.products-design-services { background:transparent url('../img/buttons/products-design-services.gif') no-repeat 0 0; }
	.products-how-to-order { background:transparent url('../img/buttons/products-how-to-order.gif') no-repeat 0 0; }
	.products-product-samples {
		background:transparent url('../img/buttons/products-product-samples.gif') no-repeat 0 0;
		display: block;
		width: 144px;
		height: 19px;
		overflow:hidden;
		text-indent:-200em;
	}
		.products-product-samples:hover { background-position:0 -19px; }
		.products-product-samples:active { background-position:0 0; }
		
	body#products #content-wrapper div.content-block div.column-2 img { padding:7px; float:right; margin-left:3px; }


		
/*	13. DESIGN SERVICE STYLES
	----------------------------------------------*/

	body#design-service #header-wrapper { border-top-color:#A84A3C; }
	
	body#design-service #content-wrapper div.content-block div.column-2 {
		padding-top:283px;
	}
	
	body#design-service #content-wrapper div#main-focus {
		height:235px;
		background: #A84A3C url('../img/design-service-focus-bg.gif') no-repeat top left;
		border-top:solid 1px #DC6C5F;
		border-bottom:solid 1px #59241E;
		position:relative;
		}
		body#design-service #content-wrapper div#main-focus p.buttons {
			position:absolute;
			bottom:20px;
			left:15px;
			height:26px;
			padding:0;
		}
			body#design-service #content-wrapper div#main-focus p.buttons a {
				float:left;
				margin-right:5px;
			}
		body#design-service #content-wrapper div#main-focus h1 {
			font:normal 1.65em Georgia, Garamond, Times, serif;
			color:#F7B5AA;
			padding:15px 20px 10px 20px;
			width:475px;
			line-height:1.5em;
			}
			body#design-service #content-wrapper div#main-focus h1 em {
				color:#fff;
				font-style:normal;
				font-size:0.7em;
				text-transform:uppercase;			
				}
		body#design-service #content-wrapper div#main-focus div.flash-container {
			width:296px;
			height:477px;
			padding:10px;
			position:absolute;
			top:19px;
			right:20px;
			background-color:#333;
			border:1px solid #000;
			}
	
	body#design-service #content-wrapper hr { border-bottom:1px solid #A84A3C; }
	
	.designservice-how-to-order { background:transparent url('../img/buttons/designservice-how-to-order.gif') no-repeat 0 0; }
	.row-of-thumbnails { background:transparent url('../img/design-service-thumbs.jpg') no-repeat top center; height:240px; width:100%; margin-bottom: -70px; }


	
/*	14. HOW TO ORDER STYLES
	----------------------------------------------*/

	body#how-to-order #header-wrapper { border-top-color:#C77B52; }
	
	body#how-to-order #content-wrapper div#main-focus {
		height:190px;
		background-color:#C77B52;
		border-top:solid 1px #D9A78E;
		border-bottom:solid 1px #974A23;
		}
		
	body#how-to-order #content-wrapper div#step-by-step {
		width:500px;
		float:left;
	}
	body#how-to-order #content-wrapper div#step-by-step .step-1 {
		background:transparent url('../img/how-to-order-step-1.gif') no-repeat top left;
		height:174px;
		width:498px;
		display:block;
		text-indent:-2000em;
		margin:0;
		padding:0;
	}
	body#how-to-order #content-wrapper div#step-by-step .step-2 {
		background:transparent url('../img/how-to-order-step-2.gif') no-repeat top left;
		height:174px;
		width:498px;
		display:block;
		text-indent:-2000em;
		margin:0;
	}
	body#how-to-order #content-wrapper div#step-by-step .step-3 {
		background:transparent url('../img/how-to-order-step-3.gif') no-repeat top left;
		height:191px;
		width:498px;
		display:block;
		text-indent:-2000em;
		margin:0;
	}
	
	body#how-to-order #content-wrapper div#text-column {
		width:330px;
		float:right;
	}
	
	body#how-to-order #content-wrapper div#text-column img { border:15px solid #333; margin:0 0 20px 0;}
	
	body#how-to-order #content-wrapper hr { border-bottom:1px solid #434343; margin:0 0 20px 0; }
	
	.howtoorder-contact-us { background:transparent url('../img/buttons/howtoorder-contact-us.gif') no-repeat 0 0; }
	.howtoorder-our-products { background:transparent url('../img/buttons/howtoorder-our-products.gif') no-repeat 0 0; }
	
	body#how-to-order p.buttons { padding-bottom:0.4em; }
	
	body#how-to-order .contact-us-button {
		background:transparent url('../img/buttons/howtoorder-contact-us.gif') no-repeat 0 0;
		display: inline-block;
		width: 107px;
		height: 19px;
		overflow:hidden;
		text-indent:-200em;
		margin-right:5px;
	}
		body#how-to-order .contact-us-button:hover { background-position:0 -19px; }
		body#how-to-order .contact-us-button:active { background-position:0 0; }
	
	body#how-to-order .our-products-button {
		background:transparent url('../img/buttons/howtoorder-our-products.gif') no-repeat 0 0;
		display: inline-block;
		width: 126px;
		height: 19px;
		overflow:hidden;
		text-indent:-200em;
	}
		body#how-to-order .our-products-button:hover { background-position:0 -19px; }
		body#how-to-order .our-products-button:active { background-position:0 0; }



/*	15. CONTACT US STYLES
	----------------------------------------------*/

	body#contact-us #header-wrapper { border-top-color:#90A06D; }
	
	body#contact-us #content-wrapper div#main-focus {
		height:180px;
		background: #90A06D url('../img/contact-us-focus-bg.gif') no-repeat top left;
		border-top:solid 1px #BFD390;
		border-bottom:solid 1px #687F32;
		position:relative;
		}
		body#contact-us #content-wrapper div#main-focus p.buttons {
			position:absolute;
			bottom:20px;
			left:15px;
			height:26px;
			padding:0;
		}
			body#contact-us #content-wrapper div#main-focus p.buttons a {
				float:left;
				margin-right:5px;
			}
		body#contact-us #content-wrapper div#main-focus h1 {
			font:normal 1.65em Georgia, Garamond, Times, serif;
			color:#C9E084;
			padding:15px 20px 10px 20px;
			line-height:1.5em;
			}
			body#contact-us #content-wrapper div#main-focus h1 em {
				color:#fff;
				font-style:normal;
				font-size:0.7em;
				text-transform:uppercase;			
				}
			body#contact-us #content-wrapper div.content-block em {
				font-style:normal;
				color:#FF6565;
			}
			body#contact-us #content-wrapper div.content-block form {
				clear:both;
				margin-left:131px;
			}
				body#contact-us #content-wrapper div.content-block fieldset {
					float:left;
					border:none;
					margin-left:59px;
				}
					body#contact-us #content-wrapper div.content-block fieldset ul {
						list-style:none;
					}
						body#contact-us #content-wrapper div.content-block fieldset ul li {
							padding-bottom:10px;
						}
					body#contact-us #content-wrapper div.content-block fieldset label {
						display:block;
						padding-bottom:6px;
					}
					body#contact-us #content-wrapper div.content-block fieldset input {
						width:286px;
						background-color:#bababa;
						border:1px solid #fff;
						padding:2px;
						font:normal 1.2em Georgia, Garamond, Times, serif;
					}
					body#contact-us #content-wrapper div.content-block fieldset input.submit {
						background:#534741 url('../img/buttons/form-send-bg.gif') no-repeat 68px 2px;
						border-color:#A07E6D;
						width:auto;
						color:#fff;
						text-transform:uppercase;
						line-height:1em;
						padding:3px 40px 3px 6px;
						font-size:1.05em;
						margin-top:3px;
					}
						body#contact-us #content-wrapper div.content-block fieldset input.submit:hover {
							background:#64554E url('../img/buttons/form-send-bg.gif') no-repeat 68px 2px;
							border-color:#BF9581;
						}
					body#contact-us #content-wrapper div.content-block fieldset textarea {
						/* width:326px; */
						width:323px;
						height:98px;
						background-color:#bababa;
						border:1px solid #fff;
						padding:2px;
						font:normal 1.2em Georgia, Garamond, Times, serif;
					}
	body#contact-us #content-wrapper hr { border-bottom:1px solid #90A06D; }
	
	.contactus-download-vcard { background:transparent url('../img/buttons/contactus-download-vcard.gif') no-repeat 0 0; }
	.contactus-how-to-order { background:transparent url('../img/buttons/contactus-how-to-order.gif') no-repeat 0 0; }


/*	16. PRODUCT GALLERY STYLES
	----------------------------------------------*/
	
	body#products .product-gallery {}
	
		body#products #content-wrapper div.colour-note, body#products .product-gallery div.colour-note {
			background: #222 url('../img/colour-icon.gif') no-repeat 789px -25px;
			width:792px;
			height:auto;
			padding:18px 58px 18px 18px;
			margin-top:-15px;
			border: 1px solid #000;
			position:relative;
		}
		body#products #content-wrapper div.colour-note div#colour-wheel, body#products .product-gallery div.colour-note div#colour-wheel {
			padding:0;
			margin:0;
			width:33px;
			height:33px;
			float:right;
			position:absolute;
			top:12px;
			border:none;
			right:17px;
		}
		body#products #content-wrapper div.colour-note {
			margin-bottom:40px;
		}
		body#products #content-wrapper div.colour-note h2, body#products .product-gallery div.colour-note h2 {
			font-weight:normal;
			text-transform:uppercase;
			color:#fff;
			font-size:1.05em;
			padding-bottom:0.5em;
			display:inline;
		}
		body#products #content-wrapper div.colour-note p, body#products .product-gallery div.colour-note p {
			padding:0;
			margin:0;
			display:inline;
			
		}
		
		body#products .product-gallery div {
			background-color:#222;
			width:238px;
			height:278px;
			float:left;
			padding:18px;
			margin:0 20px 20px 0;
			border: 1px solid #000;
			position:relative;
		}
		body#products .product-gallery div p {
			color:#888;
			padding-top:8px;
		}
			body#products .product-gallery div p em {
				color:#fff;
				text-transform:uppercase;
				font-style:normal;
				font-size:0.8em;
				padding-right:5px;
			}
		body#products .product-gallery div span.magnify {
			display:none;
		}
		body#products .product-gallery div:hover span.magnify {
			background: #222 url('../img/magnify-icon.gif') no-repeat 5px 5px;
			position:absolute;
			top:158px;
			right:18px;
			display:block;
			width:20px;
			height:18px;
			padding:4px;
			border:1px solid #000;
			border-right:none;
		}
		body#products .product-gallery div h2.code {
			position: absolute;
			top:158px;
			left:18px;
			background-color: #222;
			color:#ccc;
			text-transform:uppercase;
			font-size:1em;
			font-weight:normal;
			padding:5px 15px 5px 0;
			border:1px solid #000;
			border-left:none;
		}
			body#products .product-gallery div h2.code em {
				font-style:normal;
				color:#a39377;
				font-size:0.8em;
			}
			body#products .product-gallery div.no-margin {
				margin-right:0;
			}
	
			body#products .product-gallery div img {
				width:236px;
				height:177px;
				border:1px solid #000;
			}
				body#products .product-gallery div img:hover {
					border:1px solid #827166;
				}