@charset "utf-8";
/*-- [ RESET ]-------------------------------*/
	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, dl, dt, dd, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, ul, ol {
		margin: 0; padding: 0; border: 0; outline: 0;font-weight: inherit; font-style: inherit; font-size: 100%;font-family: inherit; vertical-align: baseline;
	}

body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#884E21;
	background:url('/graphics/backgrounds/bluebackground.jpg') repeat-y top center;
	background-attachment:fixed;
}
h1, h2, h3 { font-weight:bold; padding:0 0 1em 0; }
h1 { font-size:1.4em; }
h2 { margin-top:0; font-size:1.2em;}
h3 { margin-top:0; font-size:1em;}
p { padding:0 0 1em 0; }
.debug, #content p { height:1%; }
/* CONTAINER */
	#container {
		width:960px;
		margin:0 auto;
		
	}

	.clear { clear:both; }

/* HMENU */
	ul#hmenu { float:right; padding:10px 20px; }
	ul#hmenu li { display:inline; padding:1em 0 0 0; }
	ul#hmenu li a { font-size:0.8em; text-decoration:underline; color:#FFF; padding:0 1em; border-right:1px solid #FFF;  }
	ul#hmenu li.last a { border-right:0; padding-right:0; }
	ul#hmenu li a:hover {  }
	
/* HEADER */

	#header { clear:right; padding:0 20px; }
	#header .left { float:left; }
	#header .left img { margin-left:-42px; }
	#header .right { padding-top:50px; float:right; text-align:right; font-size:2em; color:#FFF; margin-right:-20px; }
	#header .right span.large { font-size:1.2em; font-weight:bold; }
	#header ul { list-style-type:none; text-align:right; padding-top:30px; }

/* MAINMENU */
	ul#mainmenu { clear:both; text-align:center; margin:0 auto; background-color:#2E3192; }
	ul#mainmenu li { font-size:1em; margin-left:0; padding:0 2em; list-style-type:none; display:inline; }
	ul#mainmenu li a { line-height:2.2em; text-decoration:none; color:#FFF; font-weight:bold; }
	ul#mainmenu li a:hover { color:#FFF; text-decoration:underline; }
	ul#mainmenu li a.active { color:#FFF; }
	ul#mainmenu li a.active:hover {  }
	
/* CONTENT */
	#content { margin-top:5px; padding:20px; background-color:#FEFDF0; }
	#contentHome { margin-top:5px; background:url('/images/home-page.jpg') no-repeat #FEFDF0; }
	#contentHomeInner { background:url('/images/making-life-easy.jpg') no-repeat bottom right; }
	#contentHome .left { float:left; width:360px; padding:320px 20px 20px 20px; }
	#contentHome .right { float:left; margin-left:20px; width:520px; padding:250px 0 0 0; }
	#contentHome .right ul.ranges { padding:10px; list-style-type:none; background:url('/graphics/backgrounds/ranges-background.gif') repeat-y; height:100px; }
	#contentHome .right ul.ranges li { float:left; margin-right:10px; }
	#contentHome .right ul.ranges li.last { margin-right:0; }
	
	div#OpeningHours a, div#CotswoldHours a { text-align:center; font-weight:bold; color:#FFF; text-decoration:none; display:block; padding:10px; font-size:1.2em; background:url('/graphics/backgrounds/showroom.jpg'); width:110px; margin-top:10px; }
	div#OpeningHours a:hover  { color:#F47920; }
	
/* CONTACT PAGE */
	.contact-left { width:240px; margin-right:2em; float:left; }
	.contact-right { float:left; }
	
/* FORMS */
	form { padding:0; }
	fieldset { border:1px solid #392824; }
	form p { padding:0 0 0.6em 0; margin:0; }
	label { font-weight:bold; width: 10em; float:left; text-align:right; margin-right:10px; display:block; }
	input { padding:2px; }
	.error { color:#bb0000; margin-top:10px; margin-bottom:1em; }
	span.error { display:block; margin-left:11em;}
	.required { color:#bb0000; }

/* FOOTER */
	div.footer-top { height:20px;background-color:#D1A98F;clear:both; }
	ul#footer { display:inline-block; clear:both; background-color:#2E3192; padding:10px 20px; width:920px }
	ul#footer li { font-size:0.8em; font-weight:bold; line-height:1.6em; display:inline; list-style-type:none; }
	ul#footer li a { font-weight:bold; text-decoration:none; color:#FFF; border-right:1px solid #FFF; padding:0 0.8em; }
	ul#footer li a:hover { text-decoration:underline; }
	ul#footer li.first { color:#FFF; border-right:1px solid #FFF; padding:0 1em; }
	ul#footer li.last a { border-right:0; }

/* HOME PAGE */
	.newLine { clear:left; margin:12px 0 0 40px; }
	.category, .range { display:inline; float:left; margin-right:30px; padding:0; width:190px; }
	.last { margin-right:0; }
	.range { width:260px; }
	.category p, .range p { padding:0 6px 1em 6px; }
	.category p.view, .range p.view { text-align:right; padding:0 0 1em 0; margin-top:0; }
	.category img, .range img { border:1px solid #645E55; padding:0; }
	.category img:hover, .range img:hover { border-color:#F47920; }
	.category a, .range a { font-weight:bold; color:#645E55; text-decoration:none; }
	.category a:hover, .range a:hover { color:#F47920;  text-decoration:underline; }
	
	h1 a { font-size:0.6em; }

/* DISPLAYING PRODUCTS */
	#display-product, #display-range { border:0; height:1%; padding:5px;  }
	#display-product .image { text-align:center; margin-right:20px; width:270px; float:left; }
	#display-product .main-image { border:0; }
	#display-product .description { float:left; width:600px; }
	#display-range { border-top:0; }

	#opening-times { margin-top:1em; background:url('/graphics/backgrounds/blue-board.jpg') repeat-y; color:#FFF; padding:20px; }
	#opening-times h2 { padding:0; }
	#opening-times th { text-align:right; padding:0.4em 2em; }
	#opening-times td { text-align:left; padding:0.4em 2em; }
	
	#content ul { padding:0 35px 1em 35px; }

/* PRODUCT THUMBNAILS */
	#thumbnails ul {
		list-style-type:none;
		margin:0;
		padding:0;
		text-align:center;
		vertical-align:middle;
	}
	#thumbnails ul li {
		display:inline; 
		float:left; 
		width:80px; 
		height:80px;
		line-height:80px;
		text-align:center;
	}
	
	.thumbnail{
		position: relative;
		z-index: 0;
	}
	img.thumb {
		border:none;
		margin:0 0 5px 0;
		padding:0;
		vertical-align:middle;
	}
	.thumbnail:hover{
		background-color: transparent;
		z-index: 50;
	}
	.thumbnail span{ /*CSS for enlarged image*/
		position: absolute;
		background-color: #fff;
		padding: 2px;
		left: -1000px;
		border: 1px solid #a30046;
		visibility: hidden;
		text-decoration: none;
	}
	.thumbnail span img{ /*CSS for enlarged image*/
		border-width: 0;
		padding: 0;
	}
	.thumbnail:hover span{ /*CSS for enlarged image on hover*/
		visibility: visible;
		top:-30px;
		left:30px; /*position where enlarged image should offset horizontally */
	}
	
	#dhtmltooltip{
		position: absolute;
		left: -300px;
		border: 1px solid black;
		background:#fff;
		padding: 6px;
		visibility: hidden;
		z-index: 100;
	}
	
	#dhtmlpointer{
		position:absolute;
		left: -300px;
		z-index: 101;
		visibility: hidden;
	}

	ul#cAddress {
		list-style-type:none;
		margin:0;
		padding:0 0 0 100px;
	}
	ul#cAddress li {
		float:left;
		margin-right:40px;
		width:200px;
	}
	ul#cAddres li.last { margin-right:0; }
	strong { font-weight:bold; }
	#sitemaplist ul, ul#sitemaplist { padding:0 0 1em 0; margin:0; list-style-type:none; }
	ul#sitemaplist a { color:#333333; text-decoration:none; }
	ul#sitemaplist a:hover { color:#0000CC; text-decoration:underline; }
	ul#sitemaplist ul { padding-left:2em; }
	ul#sitemaplist h3, ul#sitemaplist h2 { clear:left; padding-top:1em; }
	ul#sitemaplist ul ul li { padding:6px 0; white-space:nowrap; float:left; }
	ul#sitemaplist ul ul li a { padding:0 6px; white-space:nowrap; border-right:1px solid #333333; }