/*
Title:      Lefroy Brooks global stylesheet
Author:     Mark Croxton, mcroxton@hallmark-design.co.uk
Copyright:	Hallmark Design
Updated:    August 17 2009
*/

@import url("reset.css");

html, body {
	height: 100%;
	}

html {
	overflow-y: scroll; /* force vertcial scroll bar to always appear */
	}

body {
	font: 0.8125em/1em "Lucida Grande", "Myriad", "Myriad Pro", "Frutiger", Helvetica, Arial, sans-serif; /* 1em = 12px at 96ppi */
	color: #737B64;
	}

/* Layout blocks
----------------------------------------------------------- */	
#page {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: -35px auto -40px; /* the bottom margin is the negative value of the footer's height */
	width: 960px;
	/* background: #FFFFFF url('/_assets/img/grid-new.png') 0 0 no-repeat; */
	position: relative;
	}

#menu-wrapper {
	height: 35px;
	background: #F1F0E9 url('/_assets/img/menu.png') 0 0 repeat-x;
	position: relative;
	z-index: 200;
}

#menu {
	width: 960px;
	margin: 0 auto;
	}
	
#livesearch {
	float: right;
	width: 238px;
	border: 1px solid #AAAFA0;
	border-width: 0 1px 0 1px;
	height: 35px;
	line-height: 35px;
	background: transparent url('/_assets/img/livesearch.png') 0 0 no-repeat;
	}
	
#livesearch input {
	background: none;
	margin: 9px 0 0 28px;
	width: 182px;
	float: left;
	}	
	
#livesearch button {
	float: right;
	width: 28px;
	height: 35px;
	background: transparent url('/_assets/img/btn_livesearch.png') 0 0 no-repeat;
	text-indent: -500em;
	}
	
#livesearch button:hover {
	background-position: 0 -35px;
	cursor: pointer;
	}		
	
#nav-main {
	float: left;
	width: 720px;
	}		
		
#nav-main li {
	float: left;
	position: relative;
	}	

#nav-main li a {
	display: inline-block;
	width:119px;
	line-height: 35px;
	text-align: center;
	color: #6C6956;
	border-left: 1px solid #AAAFA0;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .92em;
	letter-spacing: 1px;
	}

#nav-main > li:last-child a {
	border-right: 1px solid #AAAFA0;
}
	
#nav-main .nav-products a {
	text-align: left;
	padding-left: 17px;
	width: 102px;
	background: transparent url('/_assets/img/btn_livesearch.png') 85px -70px no-repeat;
}

#nav-main li.nav-products a:focus,  #nav-main li.nav-products a:hover {
	background-position: 85px -105px;
}

#nav-main .nav-products li a {
	background-image: none;
	background: #F8F7F3;
}
	
#nav-main li a:focus, #nav-main li a:hover, #nav-main li.here a, #nav-main li:hover {
	color: #373A29;
	background-color: #FFFFFF;
	}
	
#nav-main li:hover a {
	position: relative;
	z-index: 2000;
}
	
#nav-main li ul {
	display: none;
	position: absolute;
	top:0px;
	padding-top: 35px;
	left:0;
	z-index: 1000;
	border: 1px solid #AAAFA0;
	border-width: 0 1px 1px 0;
	}
#nav-main li:hover ul {
	display: block;
	-webkit-box-shadow: #bfbdac 2px 2px 4px;
	-moz-box-shadow: #bfbdac 2px 2px 4px;
	box-shadow: #bfbdac 2px 2px 4px;
	}
#nav-main li ul a,  #nav-main li.here ul a {
	color: #6C6956;	
	background: #F8F7F3;
	height:25px;
	line-height: 25px;
	text-align: left;
}

#nav-main li ul a:hover {
	color: #373A29;	
	background: #EFEDDA;
}
	
#header	{
	padding-top: 35px;
	height: 155px;
	}
	
#header h1 {
	width: 240px;
	height: 155px;
	float: left;
	}
	
#header h1 a {
	display: block;
	overflow: hidden;
	width: 240px;
	height: 155px;
	text-indent: -500em;
	background: #FFFFFF url('/_assets/img/lb-logo.png') 0 -3px no-repeat;
	}
		
#title {
	float: right;
	width: 702px;
	height: 155px;
	padding-left: 18px;
	position: relative;
	}

#title h2 {
	font-weight: normal; /* needed for sifr ! */
	font-size: 29px;
	line-height: 1em;
	margin-top: 48px;
	color: #737B64;
	}	
	
#title.strapline h2 {
	margin-top: 26px;
	}
	
#title.strapline p {
	font-size: 1.2em;
	color: #999999;
	}		
	
#title h2.sIFR-replaced {
	margin-left: -2px;
	}
	
#title  #breadcrumb	{
	font-size: .84em;
	padding-top: 40px;
	color: #CCC183;
	}
	
.status {
	position: absolute;
	width: 226px;
	text-align: center;
	top:103px; right:0;
	background: #F8F7F3;
	border: 1px solid #DEDCCB;
	line-height: 1.4em;
	padding: 2px 6px 2px 6px;
	margin-top: 5px;
	font-size: .84em;
	color: #595B23;
	}	
		
#breadcrumb a {
	color: #A89C5E;
	text-decoration: none;
	}
	
#breadcrumb a:focus, #breadcrumb a:hover {
	color: #525640;
	border-bottom: 1px dotted #525640;
	}		
	
#side-menu {
	float: left;
	width: 223px;
	padding-right: 17px;
	}

#nav-sub {	
	line-height: 1.5em;	
	margin-bottom: 2em;
	}
	
#nav-sub li {
	padding-bottom: .5em;
	}
	
#nav-sub a {
	text-decoration: none;
	color: #737B64;
	background: #FFFFFF;
	}
		
#nav-sub li.here a, #nav-sub a.active {
	font-weight: bold;
	color: #525640;
	}
	
#nav-sub a:focus, #nav-sub a:hover {
	color: #525640;
	border-bottom: 1px dotted #525640;
	}
	
#nav-sub li li li {
	display: none;
}

#nav-sub li li li a {
	/* color: #958646; */
	/* font-size: .92em; */
}
	
#nav-sub li li li a.active {
	font-weight: normal;
	}
	
#nav-sub li li {
	margin-left: 10px;
	font-size: 1em;
	}
	
#nav-sub li li ul {

	}
	
#nav-sub li	ul li {
	padding-bottom: 0;
	}		

#content-body {
	float: right;
	width: 702px;
	padding-left: 17px;
	border-left: 1px solid #AAAFA0;
	margin-bottom: 27px;
	}

#copy {
	float: left;
	width: 445px;
	line-height: 1.5em;
	border-right: 1px solid #AAAFA0;
	padding-right: 17px;
	}
		
#side-context {
	float: right;
	width: 204px;
	padding: 0 17px 0 17px;
	border-right: 1px solid #AAAFA0;
	line-height: 1.5em;
	}

#side-context img {
	zoom: 1;
}

	
/* #footer
----------------------------------------------------------- */	

#footer-wrapper {
	background: #F1F0E9;
	position: relative;
	}
	
#footer {
	width: 960px;
	margin: 0 auto;
}
	
#footer-wrapper, #push-foot {
	height: 40px; /* #push-foot must be the same height as #footer */
	}	

#nav-footer {
	padding-top: 14px;
	}	
#nav-footer li {
	float: left;
	padding: 0 10px 0 10px;
	font-size: .92em;
	border-left: 1px solid #AAAFA0;
	color: #878C7D;
	}
	
#nav-footer li:first-child {
	border-left: none;
}
	
#nav-footer a {
	text-decoration: none;
	color: #737B64;
	}

#nav-footer a:focus, #nav-footer a:hover {
	color: #525640;
	border-bottom: 1px dotted #525640;
	}
	
#naughtybot {
	display: none;
	}		
	
#region {
	float: right;
	position: relative;
	width: 300px;
	}
	
#region dt {
	text-transform: uppercase;
	font-weight: bold;
	color: #6C6956;
	background: #F1F0E9;
	margin: 0;
	padding: 0;
	height: 40px;
	display: block;
	/*background: transparent url('../img/icon_filter.png') 0 -160px no-repeat;*/
	cursor: pointer;
	font-size: 11px;
	line-height: 40px;
	padding: 0 10px 0 10px;
	position: relative;
	}
	
#region dt strong {
	display: block;
	float: left;
	width: 210px;
	text-align: right;
}
	
#region dt .actions {
	text-decoration: none;
	width: 44px;
	float: right;
	margin: 12px 0 0 12px;
	padding-top: 2px;
}

#change-region {
	display: none;
	line-height: 1.8em;
	width: 360px;
	margin-left: 0 ! important;
}

#region ul {
	font-size: 12px;
	line-height: 20px;
}

#region li {
	background: #F1F0E9;
}

.#region li.divider {
	height: 12px;
}
	
#region li a {
	display: block;
	padding: 0 8px 0 25px;
	background: #F1F0E9;
}

#region li.active a {
	color: #003B6B;
	background: #F1F0E9 url('/_assets/img/filter_selected.gif') 12px 6px no-repeat;
}

#region li a:focus, #region li a:hover {
	color: #003B6B;
}

#region li a.active {
	background-color: white;
	font-weight: bold;
	color: #2F5A90;	
	background-position: 180px -72px;
}

#region ul ul {
	margin: -11px 0 0 0;
	line-height: 1.6em;
}

#region ul ul a {
	background:transparent;
	color: #6989B2;
	margin-top: 1px;
}

#region ul ul a:focus, .filter ul ul a:hover {
	background-color: #F2FAFF;	
	color: #003B6B;	
}

#region ul ul a.active {
	background-color: transparent;	
	color: #003B6B;	
	font-weight: normal;
}
		

/* #copy
----------------------------------------------------------- */	

strong, bold {
	font-weight: bold;
	}
em, i {
	font-style: italic;
	}
	
#copy a, .lightbox-modal a, #side-context a, .copy a {
	color: #A18A26;
	border-bottom: 1px dotted #A18A26;
	text-decoration: none;
	}
	
#copy a:hover, .lightbox-modal a:hover, .copy a:hover {	
	color: #525640;
	border-color: #525640;
	}		
	
#copy p, .copy p {
	margin: 0 0 1.5em 0;
	}
	
#copy ul, #copy ol, .form_message ul, .copy ul, .copy ol {
	margin: 0 0 .75em 0;
	}
	
#copy ul li, .form_message ul li, .copy ul li {
	padding: 0 0 .75em 12px;
	background: transparent url('/_assets/img/bullet.png') no-repeat 0 8px;
	}

#copy ol, .copy ol {
	list-style: decimal outside;
	}	
	
#copy ol li, .copy ol li {
	margin: 0 0 0 2em; 
	padding-bottom:.75em;
	}	

.copy > h3 {
	color:#A89C5E;
	font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 1em;
}

.copy > h4 {
	color: #333;
	font-weight: bold;
	margin-bottom: 0.5em;
}

.copy > h3 + h4 {
	margin-top: -0.5em;
}
		
	
/* #side-context
----------------------------------------------------------- */	

blockquote {
	margin: 0 0 1.5em 0;
	}
	
.quote {
	font-size: 17px;
	line-height: 1.25em;
	color: #A89C5E;
	}

.source {
	font-size: .84em;
	margin-top:.5em;
	}	
	
.caption {
	font-size: .84em;
	color: #A89C5E;
	margin-top:.5em;
	}

		
/* products
----------------------------------------------------------- */	

/*#products #content-body,*/ 
#lightbox #content-body {
	background: transparent url('/_assets/img/rule.png') 100%  0 repeat-y;
	}	
	
#menu-products {
	margin-bottom: 18px;
	width: 701px;
	font-size: 17px;
	line-height: 1.4em;
	border: 1px solid #AAAFA0;
	border-width: 0 1px 0 0;
}

#menu-products ul {
	line-height: 1.5em;
	font-size: .92em;
	}
	
#menu-products ul li {
	padding-bottom: .25em;
	}	

#menu-products ul a {	
	color: #737B64;	
	text-decoration: none;
	}
	
#menu-products a:focus, #menu-products a:hover {
	color: #525640;
	border-bottom: 1px dotted #525640;
	}
	
#menu-products li.here a {
	font-weight: bold;
	color: #525640;
	}		

.level-1 {
	float: left;
	width: 222px;
	min-height: 85px;
	}

#menu-products .wrap {
	float: right;
	width: 478px;
	border: 1px solid #AAAFA0;
	border-width: 0 1px 0 1px;
	}
	
.level-2 {
	float: left;
	width: 222px;
	min-height: 85px;
	padding-left: 17px;
	border-right: 1px solid #AAAFA0;
	}	
	
.level-3 {
	float: right;
	width: 221px;
	min-height: 85px;
	padding-left: 17px;
	}
	
.level-3 fieldset {
	background: #F1F0E9;
	min-height: 85px;
	margin-right: 17px;
	padding: 0 18px 0 18px;
	}
	
.level-3 select {
	width: 80%;
	float: left;
	}
	
.level-3 button {
	float: right;
	}
		
.level-3 label {
	padding-top: 2em;
	margin-bottom: 3px;
	}		

#products-list {
	margin-left: -36px;
	border-right: 1px solid #AAAFA0;
	}
#products-list li {
	float: left;
	width: 204px;
	margin-left: 36px;
	margin-bottom: 18px;
	vertical-align: middle;
	}	

#products-list a {
	display: inline-block;	
	color: white;
	text-decoration: none;
	}
	
#products-list strong {
	display: block;	
	width: 195px;
	height: 25px;
	line-height: 25px;
	padding-left: 9px;
	background: transparent url('/_assets/img/arrow_bg.png') 0 0 no-repeat;
	}
	
#products-list strong.special-order {
	background-position: 0 -50px;
}

/* special order only */
.special-order-flag {
	display: block;
	height: 17px;
	line-height: 17px;
	margin-bottom: .5em;
	padding-left: 21px;
	font-weight: bold;
	font-size: .92em;
	color: #595B35;
	background: transparent url('/_assets/img/special-order.png') 0 0 no-repeat;
}

.lightbox-modal .special-order-flag {
	padding-left: 23px ! important;
}

#side-spec .special-order-flag {
	background-color: #EDE9D0;
	padding: 8px 15px 8px 39px;
	margin-bottom: 0px;
	background-position: 18px 8px;
	text-decoration: none;
	border-top: 1px solid white;
}

#side-spec .special-order-flag:hover {
	background-color: #DED7AE;
}

#products-list a:hover strong {
	background-position: 0 -25px;
	}

.pagination {
	width: 684px;
	text-align: right;
	position: relative;
	}	
.pagination li {
	display: inline;
	text-align: right;
	line-height: 20px;
	padding: 0 0 0 6px;
	}	
	
.pagination li.page-total {
	position: absolute;
	top:0;
	left:0;
	padding: 0;
	}
	
.pagination a {	
	display: inline-block;
	overflow: hidden;
	text-decoration: none;
	color: #A18A26;
	}
	
.pagination li.here a {	
	color: #595B23;
}	

li.next a, li.previous a {
	width:18px;
	height: 20px;
	position: relative;
	}
	
li.next a em, li.previous a em {
	position: absolute;
	display: block;
	top:0; left:0;
	width: 18px;
	height: 20px;
	}		

li.next a em { 
	background: #CCC183 url('/_assets/img/cb/controls.png') -26px -25px no-repeat;
	}	
	
li.previous a em { 
	background: #CCC183 url('/_assets/img/cb/controls.png') -2px -25px no-repeat;
	}
	
li.next a:hover em {
	background-position: -26px -50px;	
	}
	
li.previous a:hover em {
	background-position: -2px -50px;	
	}
				
	
/* product categories	
----------------------------------------------------------- */
#grid {
 	border-right: 1px solid #AAAFA0;
	}

.col-4 {
	margin: 0 0 0 -19px;
	}
	
.col-3 {
	margin: 0 0 0 -36px;
	}
	
.col-4 li {
	width: 157px;
	height: 157px;
	margin: 0 0 18px 19px;
	}
	
.col-3 li {
	width: 204px;
	height: 204px;
	margin: 0 0 18px 36px;
	}		
		
#grid li {
	float: left;
	overflow: hidden;
	position: relative;
	}
	
#grid a {
	display: inline-block;	
	color: white;
	text-decoration: none;
	font-size: .84em;
	}
#grid span {
	display: block;
	position: absolute;
	z-index: 100;
	width: 100%;
	}
	
.col-4 span {
	top: 135px;
	}
	
.col-3 span {
	top: 182px;
	}	
			
#grid strong {
	display: block;
	height: 22px;
	line-height: 22px;
	padding-left: 9px;
	}
	
.col-4 strong {
	background: white url('/_assets/img/arrow_bg.png') -47px 0 no-repeat;
	}	
	
.col-3 strong {
	background: white url('/_assets/img/arrow_bg.png') 0 0 no-repeat;
	}		
				
.col-4 a:hover strong {
	background-position: -47px -25px;
	}
	
.col-3 a:hover strong {
	background-position: 0 -25px;
	}	
			
#grid em {	
	display: block;	
	background: transparent url('/_assets/img/overlay.png') 0 0 repeat;
	padding: 9px;
	font-style: normal;
	}


/* stores listing
----------------------------------------------------------- */
.stores, .brochures {
	line-height: 1.5em;
}

.stores li, .brochures li {
	position: relative;
	height: auto;
	min-height: 130px;
	padding-bottom: 25px;
	background:#FFFFFF;
	margin-bottom: 2em;
	}	

.stores h3 {
	font-weight: bold;
	font-size: 1.1em;
	color: #A89C5E;
	}	

.stores address {
	font-size: .92em;
	margin-top: 1em;
	}
	
.stores a, .brochures a {
	display: block;
	background: #CCC183;
	width: 100%;
	position: absolute;
	left:0; bottom: 0;
	height: 25px;
	text-indent: 9px;
	text-transform: uppercase;
	background: white url('/_assets/img/arrow_bg.png') 0 0 no-repeat;
	line-height: 25px;
	}
	
.stores a:hover, .brochures a:hover {
	background-position: 0 -25px;
	}
	
.nowrap {
	white-space: nowrap;
	display: inline ! important;
	}	
	

/* brochures listing
----------------------------------------------------------- */	
.brochures h3 {
	font-weight: bold;
	font-size: .92em;
	}

.brochures h3.year {
	font-size: 1.5em;
	float: left;
	margin-bottom: .3em;
	font-weight: normal;
	}
	
.brochures .title {
	float: left;
	width: 82px;
	}	
	
.brochures p {
	font-size: .92em;
	clear: left;
	line-height: 1.2em;
	}		
	
.brochures img {
	float: right;
	margin-bottom: 1em;
	border: 1px solid #eeeeee;
	}	

/* product range overview
----------------------------------------------------------- */		
.intro {
	font-size: 17px;
	line-height: 1.4em;
	padding-bottom: 9px;
}

.hero-inset {
	float: left;
	width: 222px;
	}	
	
.hero-inset img {
	margin-bottom: 18px;
	}	

.hero {
	float: right;
	width: 462px;
	}
	
/* generic landing page */
.landing img.hero {
	width: 444px;
	height: 444px;
	float: left;
	border-right: 1px solid #AAAFA0;
	padding-right: 18px;
}

#side-bar {
	float: right;
	width: 222px;
	padding-left: 17px;
	}
	
#side-bar .summary	{
	padding:0;
	}
	
/* product detail
----------------------------------------------------------- */	

#products #content-body.detail, #project #content-body {
	background: transparent url('/_assets/img/product_bg.png') 17px 100% no-repeat;
	}

#side-spec {
	float: right;
	width: 240px;
	background: #F1F0E9;
	}
	
#product-detail {
	float: left;
	width: 444px;
	}
	
#product-img {
	margin: 0 0 0 0;
	}	

.summary, #side-spec h2 {
	font-size: 18px;
	line-height: 1.3em;
	padding: 15px 18px 14px 18px;
	}
	
#copy .summary {
	padding: 0;
	}
	
#side-spec h2 {
	font-size: 18px;
	line-height: 1.3em;
	padding: 18px 18px 6px 18px;
	}
	
p.strap	{
	padding: 0 18px 18px 18px;
	}
	
.spec {
	font-size: .84em;
	line-height: 1.5em;
	padding-bottom: 1.5em;
	border-top: 1px solid white;
	padding-top: 9px;
	}
	
.spec dt {
	text-transform: uppercase;
	color: #A89C5E;
	padding: 9px 18px 3px 18px;
	}
	
.spec dd {
	padding: 0 18px 9px 18px;
	}

.spec dd a {	
	color: #A18A26;
	text-decoration: none;
	border-bottom: 1px dotted #A18A26;
	}
	
.spec dd a:hover {	
	color: #525640;
	border-color: #525640;
	}
	
#print {
	border-top: 1px solid white;
	padding: 9px 0 9px 18px;
	}
	
#print a {
	overflow: hidden;
	outline: none;
	padding-left: 24px;
	font-size: .84em;
	display: block;
	height: 17px;
	line-height: 17px;
	color: #A18A26;
	text-decoration: none;
	background: transparent url('/_assets/img/print.png') 0 0 no-repeat;
	}
#print a:focus, #print a:hover {
	background-position: 0 -17px;
	color: #525640;
	}		
	
.section {
	background: #F8F7F3;
	margin: 0 0 0 0;
	clear: both;
	padding-bottom: 1px;
	border-bottom: 18px solid white;
	}
	
#product-detail .section {
	border-bottom: 0;
	}	
	
.section h3, #side-spec h3, h3.primary {
	background: #DEDCCB;
	height: 25px;
	line-height: 25px;
	padding: 0 13px 0 18px;
	text-transform: uppercase;
	font-size: .84em;
	color: #51553F;
	}
	
.section a {
	color: #A18A26;
	text-decoration: none;
	border-bottom: 1px dotted #A18A26;
	}

.section a:hover {	
	color: #525640;
	border-color: #525640;
	}	

.primary {
	clear: both;
	margin-bottom: 18px;
	}	
	
h3.primary {
	background: #CCC183;
	color: #595B23;
	font-weight: bold;
	}	
	
a.back {
	display: block;
	background: #CCC183;
	height: 25px;
	line-height: 25px;
	padding: 0 13px 0 23px;
	margin: 0 0 18px 0;
	text-transform: uppercase;
	font-size: .84em;
	color: white;
	text-decoration: none;
	background: #CCC183 url('/_assets/img/btn_back.png') no-repeat 0 -7px;
	font-weight: bold;
	}

a.back:focus, a.back:hover {
	background-color: #A89C5E;
	background-position: 0 -46px;
	}
		
		
span.lg-loading {
	position: absolute;
	display: block;
	width: 444px;
	height: 444px;
	top:0;
	left:0;
	z-index: 1000;
	background: #F8F7F3 url('/_assets/img/spinner.gif') 5px 5px no-repeat;
	}

h3 #gallery-controls {
	float: right;
	height: 25px;
	width: 40px;
	}
	
h3 .counter {
	float: left;
	}	
	
/* controls */		
#btnNext, #btnPrev {
	display: block;
	float: left;
	text-indent:-9999px; 
	width:20px; 
	height:20px;
	margin-top: 3px;
	}	

#btnNext { 
	background: transparent url('/_assets/img/cb/controls.png') -25px -25px no-repeat;
	}	
	
#btnPrev { 
	background: transparent url('/_assets/img/cb/controls.png') -5px -25px no-repeat;
	}	
	
#btnNext:hover {
	background-position: -25px -50px;	
	}
	
#btnPrev:hover {
	background-position: -5px -50px;	
	}	

#gallery {
	background: white;
	}
#mask {
	padding-bottom: 18px;
	}	
#gallery li {
	width: 444px;
	height: 444px;
	display: block;
	float: left;
	text-align: center;
	position: relative;
	}	
	
.note {
	/* background: #EFEDDA; */
	background: #FFFBE1;
	border: 1px solid #E9E8CE;
	margin: 18px 0 0 0;
	padding: 9px 9px 9px 9px;
	font-size: .84em;
	line-height: 1.5em;
	margin: 0 18px 18px 18px;
	}	
	
.note h4 {
	text-transform: uppercase;
	color: #51553F;
	margin: 0 3px 0 0;
	float: left;
	}

.links li {
	display: block;
	background: transparent url('/_assets/img/btn_link.png') 0 5px no-repeat;
	padding-left: 9px;
	}	
	
.links a {	
	color: #A18A26;
	text-decoration: none;
	border-bottom: 1px dotted #A18A26;
	}

.links a:hover {	
	color: #525640;
	border-color: #525640;
	}	
	
.note p {
	margin: 0 0 .5em 0;
	}		

.related {
	margin: 9px 9px 0 0;
	}

.related li {
	float: left;
	width: 208px;
	margin: 0 0 9px 9px;
	}	

.related a {
	display: block;

	text-decoration: none;
	font-size: .84em;
	padding: 8px;
	border: 1px solid #F8F7F3;
	}
	
.related a:focus, .related a:hover {
	background: #EFEDDA;
	cursor: pointer;
	color: #373A29;
	border-color: #DEDCCB;
	}

.related a em {
	font-style: normal;
	color: #737B64;
	}		
	
.related img {
	float: left;
	width: 65px;
	}	
	
.related .description {
	float: right;
	display: block;
	width: 112px;
	}	
	
.files li {
	margin: 4px 0 0 0;
	display: inline-block;
	width: 100%;
	}
	
.files li a {
	display: block;
	background: white;
	padding: 1px 9px 1px 15px;
	color: #737B64;
	text-decoration: none;
	background: white url('/_assets/img/btn_link.png') 6px 6px no-repeat;
	border: 1px solid #DEDCCB;
	border-top-color: white;
	border-left-color: white;
	}
	
.files li a:focus, .files li a:hover  {	
	background-color: #E3DEBF;
	border-color: #D0C8A3;
	}	
	
	
/* forms
----------------------------------------------------------- */
label {
	text-transform: uppercase;
	font-size: .84em;
	display: block;
	margin: 0 0 12px 0;
	}
	
label input, label select, label textarea {
	text-transform: none;
	font-size: 1.08333em;
	margin-top: 3px;
	}
	
input.txt, textarea {
	padding: 1px;
	}			
		
a.btn {
	display: inline-block;
	text-decoration: none;
	padding:4px 23px 4px 10px;
	}

.btn {
	color: #FFFFFF ! important;
	font-size: .84em;
	padding:4px 23px 3px 10px;
	background: #CCC183 url('/_assets/img/btn_go.png') 100% -8px no-repeat;
	cursor: pointer;
	text-align: center; 
	border:1px solid #585A22;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
 	text-transform: uppercase;
	border: 1px solid #A89C5E;
	border-top-color: #CABF83;
	border-left-color: #CABF83;
	line-height: 1.2em;
	white-space:nowrap;
	}

.btn:focus, .btn:hover, a.actions:hover {
	color: #FFFFFF ! important;
	background-color: #A89C5E;
	background-position: 100% -47px;
	border-color: #887C46;
	}	

button.go {
	width: 26px;
	height: 20px;
	padding:0;
	background: #CCC183 url('/_assets/img/btn_go.png') no-repeat 100% -10px;
	cursor: pointer;
	float: right;
	}

button.go:focus, button.go:hover {
	background-color: #A89C5E;
	background-position: 100% -49px;
	}
	
button.go em {
	display: block;
	text-indent: -500em;
	}		
	
a.add {
	margin: 0 0 18px 18px;
	padding:4px 10px 4px 19px;
	background: #CCC183 url('/_assets/img/btn_add.png') 6px 7px no-repeat;
	}
	
a.add:focus, a.add:hover {
	background-position: 6px 7px;
	}	

select, input.txt, textarea {
	border: 1px solid #AAAFA0;
	color: #525640;
	}

.section form {
	padding: 9px 18px 18px 18px;
	}

#filters select, .section .txt {
	width: 100%;
	}

#keyword-search input {
	float: left;
	width: 80%;
	margin-top: 3px;
	}	
	
#keyword-search button {
	margin-top: 3px;
	}	
	
.section .links	{
	margin: 9px 18px 9px 18px;
	font-size: .84em;
	line-height: 1.5em;
	}
	
a.actions {
	display: block;
	float: right;
	border: none;
	color: white;
	background: #C0B58D;
	line-height: 1em;
	padding: 1px 6px 2px 6px;
	margin-top: 5px;
	font-size: .92em;
	border: 1px solid #9C9579;
	border-top-color: #BCB496;
	border-left-color: #BCB496;
	}	
	
.section h3 a.actions {
	float: right;
	}
	
/* contact form */

form.enquiry, #copy form {
	background: #F1F0E9;
	position: relative;
	}	
	
.enquiry fieldset, #copy form fieldset {
	padding: 0 18px 18px 18px;
	line-height: 1.5em;
	}	
	
legend {
	font-weight: bold;
	font-size: 1.15384em;
	padding: 18px 0 18px 0;
	}	
	
.enquiry select,  #copy form select {
	float: right;
	width: 280px;
	margin-top: 0;
	}
	
.enquiry input.txt, .enquiry textarea,  #copy form input.txt {
	float: right;
	width: 276px;
	margin-top: 0;
	}

.enquiry__legal {
	border-top: 1px dotted #666;
	margin-top: 20px;
	padding-top: 20px;
}

.enquiry__checkbox {
	font-size: 1em;
	font-weight: bold;
	text-transform: none;
}
	
textarea#message {
	height: 200px;
	}
	
#copy form .btn {
	float: right;
	}
	
.req {
	position: absolute;
	left:18px;
	bottom: 0;
	}
	
.metadata {
	font-size: .84em;
	}
		
.metadata h4 {
	font-size: 1.153846em;
	color: #525640;
	}
	
.metadata h5 {
	font-weight: bold;
	color: #525640;
	}	
	
.metadata p, .metadata address {
	margin: 0 0 1.5em 0;
	}	
	
.form_message {
	background: #FBFBDA;
	padding: 9px 9px 1px 9px;
	margin-bottom: 2em;
	color: #000000;
	line-height: 1.5em;
	}	
	
.form_message li {
	padding-bottom: 0 ! important;
	}
	
.form_message p {
	padding-bottom: 1em;
	}	

ul.radio {
	margin-top: -9px;
	margin-bottom: 12px;
	line-height: 1.5em;
	}
	
/* brochure request form */
fieldset.col-a {
	float: left;
	width: 409px;
	}	
	
fieldset.col-b {
	float: right;
	width: 221px;
	}
	
#brochure_form .req {
	position: relative;
	left:0;
	}

#brochure_form .buttons {
	position: absolute;
	bottom:26px;
	right: 0;
	width: 221px;
	}

.checkbox-group {
	padding: 9px;
	background: #F8F7F3;
	border: 1px solid #DEDCCB;
	margin-bottom: 1.5em;
	line-height: 2em ! important;
	}
	
.checkbox-group label {
	margin-bottom: 0;
	}
	
button.reset {
	color: #525640 ! important;
	padding:4px 10px 3px 10px;
	background: #EBE7CD;
	background-image: none;
	border:1px solid #B4AA78;
    border-top:1px solid #CCC183;
    border-left:1px solid #CCC183;
	margin-right: 10px;
	}							
		
/* news
----------------------------------------------------------- */

.post { 
	clear: left;
	margin: 0 0 3px -17px;
	padding: 9px 18px 0 18px;
	width: 443px;
	}
	
.post:hover {
	background: #F1F0E9;
	}	
	
.post:hover span.pYear, .post:hover span.pDay {
	background: white;
	}	

.postdate {
	display: block;
	width: 54px;
	margin: 3px 0 0 0;
	float: left;
	padding-bottom: 12px;
	border: none ! important;
	}

span.pMonth, span.pDay, span.pYear {
	display: block;
	width: 54px;
	text-align: center;
	}

span.pMonth {
	padding: 0 0 0 0;
	letter-spacing: 1px;
	font-weight: bold;
	color: #FFFFFF;
	background: #A89C5E;
	text-transform: uppercase;
	font-size: .84em;
	}	

span.pDay {
	padding: 4px 0 0 0;
	font-size: 2.2em;
	line-height: 1em;
	color: #737B64;
	background: #F1F0E9;
	}	

span.pYear {
	letter-spacing: 1px;
	font-weight: bold;
	font-size: .84em;
	color: #AFB9A0;
	height: 20px;
	line-height: 20px;
	background: #F1F0E9;
	}

div.story {
	float: right;
	width: 371px;
	}
	
#content .story h3 {	
	margin: 0 0 .5em 0;
	}
	
.story h3 a {	
	font-weight: bold;
	}
	
.section #endMonth,.section #startMonth {
	float: left;
	width: 60%;
	}
.section #endYear, .section #startYear {
	float:right;
	width: 35%;
	}
	
.headline {
	padding: 9px 18px 0 18px;
	background: #F1F0E9;
	margin-bottom: 18px;
	}	
	
.headline h3 {
	float: left;
	font-size: 1.15384em;
	font-weight: bold;
	color: #6A715C;
	margin-top: 6px;
	}
					
.headline .postdate {
	float: right;
	}
	
.headline .postdate .pDay, .headline .postdate .pYear {
	background: white;
	}
	
	
/* lightbox
----------------------------------------------------------- */
#lightbox #content-body {
	padding-right: 18px;
	width: 684px;
}

ul#lightboxes li {
	/* background: #F1F0E9; */
	/* background: #F8F7F3; */
	background: #F5F3EC;
	margin-bottom: 2px;
	padding: 6px 9px 9px 15px;
	position: relative;
	line-height: 1.5em;
}

ul#lightboxes li:hover {
	background: #EFEDDA;
}

#lightboxes li form {
	position: absolute;
	top: 40%;
	right:18px;
	z-index: 2000;
}

#lightboxes a.btn {
	display: block;
	float: left;
	margin-right: 9px;
}

#lightboxes button.btn {
	float: right;
}

#lightboxes .btn {
	padding:4px 10px 3px 10px;
	background-image: none;
}

#lightboxes h3 {
	font-size: 1.25em;
	margin-top: 9px;
}

#lightboxes h3 a {
	color: #737B64;
	text-decoration: none;
}

#lightboxes h3 a:focus, #lightboxes h3 a:hover, ul#lightboxes li:hover h3 a {
	color: #373A29;
}

#lightboxes p {
	color: #A89C5E;
	font-size: .92em;
	margin-right: 100px;
}

#lightboxes img {
	float: left;
	margin: 6px 15px 0 0;
}

img.frame {
	padding: 5px;
	background: transparent url('/_assets/img/lightbox_bg.png') 0 0 no-repeat;
}

span.count {
	display: block;
	color: white;
	font-weight: bold;
	padding: 0 0 0 9px;
	position: absolute;
	top: 9px;
	left: 9px;
	font-size: .84em;
	text-align: center;
	line-height: 18px;
	height: 18px;
	background: transparent url('/_assets/img/count_l.png') 0 0 no-repeat;
}

#lightboxes span.empty {
	background-image: url('/_assets/img/count_empty_l.png');
}

.count em {
	display: block;
	font-style: normal;
	padding: 0 10px 0 1px;
	background: transparent url('/_assets/img/count.png') 100% 0 no-repeat;
}

#lightboxes .empty em {
	background-image: url('/_assets/img/count_empty.png');
}

#frm-lightbox-insert {
	margin-top: 18px;
}

#frm-lightbox-insert #lightbox-title {
	height: 19px;
	width: 300px;
	float: left;
	margin-right: 9px;
}

/* lightbox detail page */
#lightbox-detail {
	float: left;
	width: 444px;
	}
	
#lightbox-detail {
	float: left;
	width: 444px;
	}
	
#lightbox-detail h3.primary {
	margin-bottom: 0;
}

/* add form */
.lightbox-modal {
	padding: 18px;
	width: 360px;
}
.lightbox-modal legend, .lightbox-modal h3 {
	font-size: 1.3em;
	font-weight: normal;
	margin: 0 0 1em 0;
	padding: 0 0 0 0;
}

.lightbox-modal p {
	margin-bottom: 1em;
	line-height: 1.4em;
}

.lightbox-modal ul, .lightbox-modal ol {
	margin: 0 0 .75em 0;
	line-height: 1.4em;
	}
	
.lightbox-modal ul li {
	padding: 0 0 .5em 12px;
	background: transparent url('/_assets/img/bullet.png') no-repeat 0 8px;
	}

.info {
	margin: 0 0 0 0  !important;
	padding: 10px;
	background: #F1F0E9;
	font-size: .84em;
	line-height: 1.2em;
}

#lightbox-id {
	float: left;
	width:76%;
}

#lightbox-id select {
	width: 100%;
	font-size: 1.1666em;
}

#lightbox-add button.btn {
	float: right;
}

.section p {
	margin: 9px 18px 1.2em 18px;
	line-height: 1.5em;
	font-size: .92em;
}

/* modal confirm dialog */
.dialog {
	width: 200px;
}

#btn_yes, #btn_no {
	width: 40px;
	display: inline-block;
	margin-right: 20px;
}
	
/* homepage
----------------------------------------------------------- */

#home #content {
	position: relative;
	}
	
#home #mask {
	display: none;
	padding:0;
	width: 960px;
	height: 370px;
	background: white;
	position: absolute;
	top:0;
	left:0;
	z-index: 1000;
	}

#slideshow {
	height: 370px;
	overflow: hidden;
	margin-bottom: 18px;
	}	
	
#slideshow img {
	/*visibility: hidden;*/ /* initial state */
	}	
	
#home h2 {
	float: right;
	width: 255px;
	height: 15px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('/_assets/img/logotype.png') 0 0 no-repeat;
	text-transform: uppercase;
	font-size: 1em;
	margin-top: 74px;
	}
	
#made-in-england {
	float: right;
	padding: 0 0 10px 0;
	}					
			
/* float clears
----------------------------------------------------------- */
#menu:after, #header:after, #content:after, #menu-products:after, #products-list:after, #hero:after, .section:after, .related:after, .related a:after, #gallery:after, .post:after, label:after, #grid:after, .headline:after, ul#lightboxes li:after, form:after {
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}