@charset "utf-8";
/* CSS Document */


/*******************************
* MAIN CONTAINERS FOR TEMPLATE *
********************************/
html {
	height:					100%;
}
body {
	height:					100%;	
	
	/*background-image: url(../images/ver1-1/backgrounds/brushes-blue-bg.jpg);
	background-repeat:		repeat-x;
	background-color: #657a8b;*/

	background-color: #f7f3d3;
	background-image: url(../images/ver1-1/2011/backgrounds/colour-swatchs.gif);
	background-repeat: no-repeat;
	background-position: top center;
		
	/*background-color: #AF5F2F;*/
	/*background-color: #8e0011;*/
	
	/*font-family:			"Courier New", Courier, monospace;*/
	/*font-size:				13px;*/
	font-size:				100%;
	color:					#330000;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}


#container {
	
	width:					960px;
	background-color:		#f5f4ed;
	
	margin:					0px auto;
}

#spanner-top {
	height: 19px;
	background:				url(../images/ver1-1/jlh-top-edge-960.png);
	background-repeat:      no-repeat;
	background-position:	top;
}

* html #container {
	width:					960px;
	background-color:		#f5f4ed;
	
	margin:					0 auto;
}

#watermark {
	width:					163px;
	height:					107px;
	float:					right;
	position:				absolute;
	top:					480px;
	right:					30px;
}


/*********************************
* GLOBAL STYLES FOR SITE         *
**********************************/
.standard a:link, .standard a:active, .standard a:visited, .standard a:hover,
a:link.standard, a:active.standard, a:visited.standard, a:hover.standard {
	font-family:			"Times New Roman", Times, serif;
	font-size:				13px;
	/*color:					#996633;*/
	color: #5b312d;
	text-decoration:		none;
	border-bottom: 1px dashed #5b312d;
	background:				none;
}
.standard a:hover,
a:hover.standard  {
	color:					#330000;
	border-bottom: 1px solid #5b312d;
	background:				none;
}
.standard h1 {
	margin-left:			0;
	padding-left:           0;
}
.standard h2 {
	margin-top:				8px;
	margin-left:			15px;	
}
a.basic-link.courier {
	font-family:			"Courier New", Courier, monospace;
	font-size:				1em;
}
.standard table {
	width:					95%;
	font-family:			"Times New Roman", Times, serif;
	font-size:				0.8em;
	text-align:				left;
	margin-left:			2em;
	border:					solid 1px #CCCCCC;
	margin-bottom:			1em;
}
.standard th {
	vertical-align:			top;
	border-bottom:			1px solid #CCCCCC;
}
.standard td {
	text-align:				left;
	vertical-align:			top;
	padding:                3px;
}
.standard blockquote {
	font-family:			"Times New Roman", Times, serif;
	font-size:				0.8em;
}
.standard ul {
	list-style-type:		none;
}
.standard h3 {
	font-size:				1em;
}
.standard ul li {
	font-size:				0.8em;
}
.standard ul li ul li {
	font-size:				1em;
}
.bold {
	font-weight:			bold;
}
.width-40 {
	width:					40%;
}
.width-30 {
	width:					30%;
}
.width-33 {
	width:					33%;
}
.width-20 {
	width:					20%;
}
.width-80 {
	width:					80%;
}
.width-95 {
	width:					95%;
}


#links a:link, #links a:active, #links a:visited, #left-nav-links a:link, #left-nav-links a:active, #left-nav-links a:visited {
	font-family:			"Times New Roman", Times, serif;
	font-style:				italic;
	font-size:				13px;
	text-decoration:		none;
	color:					#996633;
}
#links a:hover, #left-nav-links a:hover, #links ul li a.current {
	font-family:			"Times New Roman", Times, serif;
	font-style:				italic;
	font-size:				13px;
	text-decoration:		none;
	color:					#A3BlA5;
	font-weight:			bold;
}

.clear-both {
	clear:					both;
}

h1 {
	font-family:			"Courier New", Courier, monospace;
	font-size:				24px;
	font-weight:			normal;
	color:					#996633;
	display:				inline;
}
h1.smaller {
	font-size: 1em;	
	color:					#330000;
}
.follow-h1 {
	font-size:				0.81em;
	display:				inline;
	color:					#330000;
}
.h1-variation {
	font-family:			"Times New Roman", Times, serif;
	font-size:				1.3em;
	font-style:				italic;
}
table {
	border-collapse: 		collapse;
	width:					561px;
	_width:					561px;
	#width:					561px;	
	margin:                 0 0 0 19px;
	_margin:				0 0 0 0px;
	#margin:				0 0 0 0px;
	padding:                0;
}

tr {
	margin: 				0;
	padding: 	            0;
}
td {
	width:					93px;
	text-align:				center;
	vertical-align:			bottom;
	margin: 				0;
	padding: 	            0;
}
td a:link, td a:active, td a:visited, td a:link.right-icon, td a:link.left-icon {	
	font-family:			"Courier New", Courier, monospace;
	font-size:				13px;
	font-style:				normal;
	text-decoration:		none;
	color:					#996633;
	display:				block;
	height:45px;
}

td a:hover, .icons-hover, .icons-hover-right, .icons-hover-left{
	background-image:		url(../images/blue-tab.gif);
	background-repeat:		no-repeat;
	background-position:	bottom center;
	display:				block;
	padding-left:0;
	margin-left:0;
	height:45px;
	vertical-align:baseline
}
.icons-hover-right, td a:hover.right-icon, td a:hover.icons-hover-right {
	background-position:	bottom right;
		height:45px;
}
.icons-hover-left, td a:hover.left-icon, td a:hover.icons-hover-left {
	background-position:	bottom left;
		height:45px;
}
.leftmost-icon {
	text-align:				center;
}
.rightmost-icon {
	text-align:				center;
}

img {
	border:				0;
}
p {
	color:					#330000;
	font-size:				0.8em;
	padding:                0 0.6em 0 0.6em;
}

p.full-justified {
	text-align: justify;
}

hr {
	width: 80%;
	height: 1px;
	color:					#330000;
	background-color:		#330000;
}
.courier {
	font-family:			"Courier New", Courier, monospace;
}
.current-link {
	font-weight:			bold;
}
.spacer {
	padding:                0 0.6em 0 0.6em;
}
.cream-background {
	background-color:		#EAECDE;
	padding:                0 1em 0 1em;
	font-family:			"Times New Roman", Times, serif;
	font-size:				0.6em;
	font-weight:			bold;
	letter-spacing:			0.1em;
	color:					#32566D;
	width:					14em;
}
iframe {
	border:					1px solid #000000;
}
.float-right {
	float:					right;
}
.float-left {
	float:					left;
}

.align-left {
	text-align:				left;
	margin-left:			0.8em;
}
.align-right {
	text-align:				right;
	margin-left:			0.8em;
}
.margin-top-2em {
	margin-top:				5px;
	#margin-top:			18px;
	_margin-top:			18px;
}
.margin-sides-10px {
	margin-left:			10px;
	#margin-left:			10px;
	_margin-left:			10px;
	margin-right:			10px;
	#margin-right:			10px;
	_margin-right:			10px;	
}

ul.with-bullets {
	list-style-type:		disc;
	margin-right:			10px;
}

.message {
	font-family:			"Courier New", Courier, monospace;
	font-size:				0.8em;
	color:					#990000;
	text-align:				left;
	font-weight:			bold;
	margin:					1em;	
	padding-top:            2em;
}
h1.kitchen-range {
	font-size: 0.8em;
	float: left;
	font-weight: bold;
	margin-top: 20px;	
	color: #000;
	clear: both;
	display: block;
	width: 99%;
	font-weight: bold;
}

h2 {
	font-family:			"Courier New", Courier, monospace;
	font-size:				1em;
	font-weight:			bold;	
	margin:					0;
	padding:                0;
}
h3 {
	font-family:			"Courier New", Courier, monospace;
	font-size:				0.8em;
	font-style:				italic;
	margin:					0 0 0.8em 0;
}

.align-top {
	vertical-align:			top;
}

.width-100perc {
	width: 100%;
}
.wide-hr {
	width: 90%;
}

.text-left {
	text-align:			left;
}
.ordering-steps-left, .ordering-steps-right {
	font-family:			"Times New Roman", Times, serif;
	font-size:				1.05em;
	line-height:			1.2em;
	color:					#330000;
	text-align:				left;
	margin-bottom:			1.5em;
}
.ordering-steps-right {
	text-align:				right;
}

.ordering-steps-left h2, .ordering-steps-right h2 {
	font-family:			"Times New Roman", Times, serif;
	font-size:				1.1em;
	font-weight:			bold;
	margin-left:			1.8em;
}

.ordering-steps-right h2 {
	margin-right:			1.8em;
	margin-left:			0;
}

.ordering-steps-left p, .ordering-steps-right p {
	font-family:			"Times New Roman", Times, serif;
	font-size:				0.8em;
	margin-left:			1.8em;
}
.ordering-steps-right p {
	margin-right:			1.8em;
}
.ordering-steps-left img,
.ordering-steps-right img {
	margin: 0px 25px 0 25px;
}



.red-h1 {
	color:					#CC0033;
}


/*********************************
* FORM STYLES                    *
**********************************/
form { 
	font-size: 0.8em;
	width: 550px;
	margin: 10px; 
}
fieldset { border-style:none; }
label { 
	width: 40%; 
	float: left; 
	clear: left;
	display: block;
	font-weight: bold;
	text-align: right;
	padding: 0 20px 0 0;
	margin: 3px;
}
input { float: left; padding:0; margin:1px 10px 0 0;}
form br { clear: both; }


/*
form {
	margin:		0 0 15px 0;
	padding:	0;
}

form dl {
	margin:0;
	padding:0;
	clear: both;
}

dt {
	
	float: left;
	clear: left;
	margin: 0;
	padding: 3px 0;	
	vertical-align:top;	
}
dd {
	
	float:left;
	margin: 0;
	padding: 3px 0;
	vertical-align:top;	
	width: 380px;
	font-size: 0.8em;	
}
/
.referal_from {
	margin-top: 0;
	padding-top: 0;
}



label {
	float:					left;
	width:					200px;	
	
	font-size:				13px;
	font-weight:			bold;
	display:				block;
	text-align:				right;
	
	margin-top:				7px;
	padding-right:			7px;	
	clear:					left;
}
* html label {
	width:					200px;	
}

input, select, textarea {
	
	display:				inline-block;
	float:					left;
	margin:				0;
}
textarea {
	height:					80px;
}
input[type=checkbox] {
	width: 20px;
	padding: 0;
	margin: 0 10px 0 0;
}

.select {
	float:					left;
	margin-top:				0.5em;
	display:				block;
}

.submit {
	width:					10em;
	float:					right;
	margin:					2em 7em 0 0;	
}
*/


/*******************************
* HEADER STYLING               *
********************************/
#header {
	position:				relative;
	/*height:					10.31em;	*/
	width:					960px;
	height:					120px;
	text-align: center;
	/*background-color: 		#f5f4ed;*/
}
*+html div#header {
	height: 130px;
	margin-bottom: 10px;
}

div#header ul#inline-links {
	list-style-type: none;
	margin: -15px 0 20px 20px;
	padding: 0px 0px 5px 0px;
	font-family: "Times New Roman", Times, serif;
	font-size: 0.9em;
	float: left;
	width: 920px;
	border-bottom: 1px solid #c7b7aa;
	clear: both;
}

*+html div#header ul#inline-links { 
	margin-bottom: 10px;
	margin-top: 0px;
}

div#header ul#inline-links li {
	display: inline;
	padding: 10px 4px;
}
*+html div#header ul#inline-links li {
	padding: 10px 2px 15px 2px;
}
div#header ul#inline-links li a:link,
div#header ul#inline-links li a:active,
div#header ul#inline-links li a:visited {
	color: #996633;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
}
div#header ul#inline-links li a:hover {
	text-decoration: underline;
}
div#header ul#inline-links li a.current {
	color: #330000;
}

#header2 {
	position: 			absolute;
	/*
	width:				38.63em;
	height:				10.3em;*/
	width:					618px;
	height:					164px;
}

#header #leftImage { float: left; margin: 10px 0px 0px 20px; }
#header #rightImage { float: right; margin: -31px -35px -5px 0px; padding: 0px; }
#header #line {
	height: 10px;
	background-image: url(../images/ver1-1/header/jlh-line.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin: -25px 0px 0px 20px;
	
	width: 920px;
}
#header #rightImage2 { float: right; margin: -31px -95px -5px 0px; padding: 0px; }
#header #rightImage3 { float: right; margin:-35px -15px 0px 0px; padding: 0px 10px 10px 0px; }
#header #rightImage4 { float: right; margin:0px 0px 20px 0px; padding: 0px 10px 10px 0px; }
#header #wayOff 	 { float: right; margin: -25px -75px -30px 0px; padding: 0px; }


#header #logo {
	float: left;
	width:					273px;				
	height:					93px;	
	padding-left: 160px;
}
*+html #header #logo {
	float: left;
	margin: 0px 0px 0px 160px;;
	padding: 0px;
}

#links {
	position:				absolute;
	top:					20px;
	right:					230px;
	width:					300px;
	font-family:			"Times New Roman", Times, serif;
	font-size:				13px;
	color:					#330000;
	margin:					0;
	padding:                0;
}
#links ul {
	display:				inline;
	list-style-type:		none;
	margin:					0;	
	font-size:				13px;
	padding:                0;
	width:					70px;	
}
#links li {
	text-align:				right;	
	font-size:				13px;
	background: url(images/dot.gif) repeat-x 0 10px;
}
#links span { font-family:"Times New Roman", Times, serif; font-size: 13px; font-style:italic; color: #996633; font-weight: normal;}


#strapline {
	font-style:				italic;
	font-weight: 			bold;
	margin:					5px 0 20px 14px;
	font-family:			"Times New Roman", Times, serif;
	font-size:				12px;
	color:					#996633;
	text-align:				center;
}

#find-a-showroom {
	position:				absolute;
	top:					0;
	right:					0;
	/*
	width:					13.88em;
	height:					10.31em;	*/
	width:					221px;
	height:					164px;
}

a:link.home-link, a:active.home-link, a:visited.home-link, a:hover.home-link {
	height:					14px;
	float:					right;
	position:				relative;
	top:					105px;
	right:					220px;
	padding: 	            3px 12px 3px 3px;	
	font-family:			"Times New Roman", Times, serif;
	font-style:				italic;
	font-size:				15px;
	text-decoration:		none;
	color:					#996633;
}
a:hover.home-link {
	color:					#330000;
	font-weight:			bold;
}

#phone-no {
	float:					right;
	margin: 10px 25px 0 0;
/*	position:				relative;
	top:					110px;
	right:					235px;
	clear: both;
	*/
}




/****************************************
* CONTENT SECTION 						*
*****************************************/
#left-section {
	float:					left;
	width:					210px;
	background-color:		#f5f4ed;

	text-align:				center;
	color:					#330000;
	padding:                0;
	margin:					0;
}
* html #left-section {
	float:					left;
	width:					210px;
	background-color:		#f5f4ed;
	text-align:				center;
	color:					#330000;
	padding:                0;
	margin:					0 auto;
}

#left-section br {
	display: block;
	margin: 3px 0;
}

.news {
	width:					156px;
	margin:					20px auto;
	padding-bottom:         10px;
	background-image:		url(../images/ver1-1/news-bg.jpg);
	background-repeat:		repeat;
}
.news h2 {
	font-size:				0.8em;
	margin-top:				10px;
	font-family:			"Times New Roman", Times, serif;
}
.news p {
	font-family:			"Times New Roman", Times, serif;
	font-size:				0.7em;
}

.news-story {
	font-family:			"Times New Roman", Times, serif;
}

.news-story h2 {
	font-family:			"Times New Roman", Times, serif;
	font-size:				1.2em;
	text-align:				left;
	margin-left:			30px;
	margin-top:				15px;
}
.news-story img {
	margin: 				30px;
	float:					right;
}
.news-story p {
	margin-left:			20px;
	margin-right:			20px;	
	text-align:				justify;
}
.news a {
text-decoration: none;
}

.readmore, h2 a {
	padding: 	            10px;
	color:					#663300;
	text-decoration:		none;
	padding-bottom: 0;	
	font-size:				1em;
}
a:hover.readmore, h2 a:hover {
	color:					#663333;
	text-decoration:		none;
	border-bottom:			1px solid #663300;
	padding-bottom: 		0;	
}
a.readmore {
	font-size:				0.8em;
}

#request-brochure-image {
	margin-top:				5px;
	margin-left:			0;
}
/*
*html #request-brochure-image {
	
	//width:					9.75em;
	//height:					3.44em;
	width:					156px;
	height:					55px;
	margin-top:				5px;
	margin-left:			0;
}
*/
ul#left-nav-links {
	list-style-type:		none;
	text-align:				right;
	margin-left:			20px;
	padding-left:0;
	/*test*/
	width:					180px;
	font-size:				13px;
}
*html ul#left-nav-links {
	list-style-type:		none;
	text-align:				right;
	margin-left:			26px;
	margin-right:			0;
	padding-right:          0;
	width:					180px;	
	float:right;
	font-size:				13px;
	}

#left-nav-links li { background: url(../images/dot.gif) repeat-x 0 11px; font-size: 13px; }
#left-nav-links li a { float: right; background-image: url(../images/cream-background.gif); padding: 0 15px 0 0; font-size:13px; }
#left-nav-links li span { float: left; background-image: url(../images/cream-background.gif); padding: 0 0 0 4px; font-family:"Times New Roman", Times, serif; font-size: 13px; font-style:italic; color: #996633; font-weight: normal;}
#left-nav-links li br { clear: both; }



#content, #content-showroom, #content-cream, #admin-content, #content-history-subpages, #content-blue {
	float:					left;
	/*width:					37.7em;*/
	width:					723px;
	font-family:			"Courier New", Courier, monospace;
	font-size:				1em;
	/*background-image:		url(../images/blue-background-grad.gif);
	background-repeat:		repeat-x;*/
	/*background-color:		#D3E4E7;*/
	background-color:		#f5efdb;
	text-align:				center;
	margin:					0;
	padding:                13px 0 52px 0;
/*	padding-top: 1em;
	padding-bottom: 4em;*/

}
#content-showroom, #content-cream, #admin-content, #content-history-subpages {
	/*background-image:		url(../images/john-lewis-showroom-grad.jpg);*/
	background-color:		#f5efdb;
}
#admin-content {
	text-align:				left;
}
#inner-content {
	text-align:				left;
	margin:					0.5em 4em 0.5em 4em;
	font-family:			"Times New Roman", Times, serif;
	font-size:				13px;
	letter-spacing:			0.01em;
	line-height:			1.2em;
}
#content a{
	color:					#330000;
}
#content a:hover {
	font-weight:			bold;
} 

#showroom-list {
	float:					left;
	width:					140px;
	margin-top:				13px;
	font-family:			"Times New Roman", Times, serif;
	font-size:				12px;
	text-align: 			center;
	color:					#330000;
}
#showroom-list ul{
	list-style-type:		none;
	margin:					12px 0 12px 0;
	padding:                0;
}
#showroom-list p, #showroom-list a {
	font-family:			"Times New Roman", Times, serif;
	font-size:				14px;
	text-align: 			center;
	color:					#330000;
	text-decoration:		none;
}
#showroom-list a {
	font-style:				normal;
	line-height:			16px;
}
#showroom-list a:hover {
	font-weight:			bold;
}
#showroom-map-and-info {
	width:					548px;	
	float:					left;
	margin-top:				26px;
	text-align: center;
}
#showroom-map-and-info ul {
	font-family:			"Times New Roman", Times, serif;
	font-size:				13px;
	list-style-type:		none;
	margin:					13px 0 13px 0;
	padding:	            0;
}
#showroom-map-and-info li {
	margin:					5px 0 5px 0;
}
/*
#showroom-map-and-info hr, hr.simple-line {
	color: red;
	width: 2em;
	display: inline;
}
*/



#on-display {
	width:					548px;
	background-image:		url(../images/hr-brown.png);
	background-repeat:		repeat-x;
	background-position:	center;
}
.on-display-links a {
	font-size:				0.75em;
	color:					#663300;
}
.on-display-links a:hover {
	color:					#663300;
}


#call-for-appointment {
	font-family:			"Courier New", Courier, monospace;
	font-size:				11px;
	width:					140px;
}

img.center {
	margin: 0 auto;
}
#tab {
	width:					684px;
	background-color:		#A3B1A5;
	margin:					0 19px;
	text-align: center;
	padding:            	8px 0 13px 0;
}
#gallery-links {
	float:					left;
	text-align:				left;
	margin-left:			0.7em;
}
#gallery-links a{
	color:					#330000;
	text-decoration:		none;
	font-weight:			normal;
}
#gallery-links a:hover, p#gallery-links a.gallery-links-hover {
	text-decoration:		underline;
	font-weight:			bold;
}
#colour-swatch {
	float:					right;
	margin-right:			2em;
	display:none;
}
.kitchen-price {
	text-align:				left;
	display:				none;
}
/*#inner-content p {
	margin-top:0;
	margin-bottom: 1em;
	padding:0;
}*/






/***********************************************/
/* HISTORY SECTION                             */
/***********************************************/
#content-history {
	float:					left;
	width:					723px;
	min-height:             500px;
	height:					500px;
	font-family:			"Courier New", Courier, monospace;
	font-size:				13px;
	background-image:		url(../images/ver1-1/history.jpg);
	background-repeat:		repeat-x;
	padding-top: 			13px;
	padding-bottom: 		52px;
}

#content-history h1{
	margin-left:			13px;
}

#history-links {
	float:					left;
	font-family:			"Courier New", Courier, monospace;
	font-size:				13px;
	height:					26px;
	width:					723px;
	background-color:		#778CA0;
	margin-top:				7px;
	margin-bottom:			7px;
	padding-top:            5px;
	text-align:				center;
}

#history-links a:link, #history-links a:active, #history-links a:visited, #history-links a:hover {
	font-family:			"Courier New", Courier, monospace;
	font-size:				13px;
	/*float:					left;*/
	color:					#FFFFFF;
	text-decoration:		none;
}

#history-links a:hover,  #history-links a.current{
	color:					#DDDDDD;
	text-decoration:		underline;
}


#hist-1972, #hist-1973, #hist-1976, #hist-1978, #hist-1984, #hist-1987, #hist-1989, #hist-1990, #hist-1991, #hist-1997, #hist-2001, #hist-2004, #hist-2006, #hist-2008, #hist-2009, #hist-to-date, #history-story, #hist-default {
	font-family:			"Courier New", Courier, monospace;
	font-size:				13px;
	background-image:		url(../images/transparent.png);
	background-repeat:		repeat;
	background-color:		#FFFFFF;
	width:					350px;
	padding:                10px;
	margin:					13px;
	
}

.history-story-image {
	 float: 				left; 
     margin-right: 			20px; 
	 margin-bottom:			20px;
}
.history-story-text {
	color:					#330000;
	font-family:			"Courier New", Courier, monospace;
	font-size:				11px;
	line-height:			15px;	
}

#link-1972, #link-1973, #link-1976, #link-1978, #link-1984, #link-1987, #link-1989, #link-1990, #link-1991, #link-1997, #link-2001, #link-2004, #link-2006, #link-2008, #link-2009, #link-to-date {
	/*position:				absolute;
	top:					260px;
	left:					750px;*/
	float:					right;
	clear:					both;
	margin-right:			100px;
	margin-top:				15px;
	font-family:			"Courier New", Courier, monospace;
	font-size:				15px;
	font-weight:			bold;
	color: #663300;
	text-decoration:		none;
}

#link-1973 {
	margin-right:			170px;
}

#link-1976 {
	margin-right:			150px;
}

#link-1978 {
	margin-right:			170px;
}
#link-1984 {
	margin-right:			100px;
}
#link-1987 {
	margin-right:			145px;
}
#link-1989 {
	margin-right:			65px;
}
#link-1990 {
	margin-right:			105px;
}
#link-1991 {
	margin-right:			205px;
}
#link-1997 {
	margin-right:			95px;
}
#link-2001 {
	margin-right:			165px;
}
#link-2004 {
	margin-right:			150px;
}
#link-2006 {
	margin-right:			105px;
}
#link-2008 {
	margin-right:			95px;
}

#link-2009 {
	margin-right:			45px;
}
#link-to-date {
	margin-right:			60px;
}






.left-h1 {
	text-align:				left;
}

.faq-summary {
	font-family:			"Courier New", Courier, monospace;
	font-size:				1em;
	text-align:				left;
}
.faq-summary a, .back2top a {
	color:					#996633;
	text-decoration:		none;
}
.faq-summary a:hover, .back2top a:hover {
	color:					#330000;
	border-bottom:			1px dashed #330000;
}

#content-history-subpages {
	text-align:				left;
}

#content-history-subpages p, 
#content-history-subpages h1 {
	text-align:				left;
	margin:					0.2em 1em 0.5em 0.5em;
}
#content-history-subpages h2  {
	margin-left:			0.9em;
}

#content-history-subpages h3 {
	margin-top:				1.5em;
	margin-left:			1.25em;
	margin-bottom:			0;
}

#content-history-subpages h3, 
#content-history-subpages p, ol li {
	font-family:			"Times New Roman", Times, serif;
	font-size:				0.8em;
	line-height:			1.3em;
	text-align:				left;
}
#content-history-subpages ul {
	padding-right: 20px;
}










/***************************************************
* IMAGE SIZES                                      *
****************************************************/
.image-large {
	/*
	width:					36.88em;
	height:					25.5em;*/
	width:					561px;
	height:					350px;
	
}

#sale-tag {
	/*
	width:					11.19em;
	height:					14.19em;
	*/
	width:					179px;
	height:					227px;
}
* html #sale-tag {
	width:					auto;
	height:					auto;
	margin-left:			1em;
}

#steps-to-ordering {
	width:					198px;
	height:					200px;
	margin:					0;
	padding:                0;	
}
/*
* html #steps-to-ordering {
	width:					auto;
	height:					auto;
	width:					198px;
	height:					200px;
}
*/

#spirit-level {
	/*
	width:					7.75em;
	height:					1.19em;*/
	width:					124px;
	height:					19px;
	margin-right:			1.3em;
}
* html #spirit-level {
	/*
	width:					7.75em;
	height:					1.19em;*/
	width:					124px;
	height:					19px;
	margin-top:				2em;
	margin-left:			3.5em;
}

#kbbi-logo {
	/*
	width:					4.69em;
	height:					2.81em;*/
	width:					75px;
	height:					45px;
	margin-top:				1.2em;			
	margin-right:			1.3em;
	margin-bottom:			0.6em;
}
* html #kbbi-logo {
	/*
	width:					4.69em;
	height:					2.81em;*/
	width:					75px;
	height:					45px;
	margin-top:				1.2em;			
	margin-left:			6.5em;
	margin-bottom:			0.6em;
}


/***********************************
* ADMIN SECTION STYLING AND LAYOUT *
************************************/
#admin-content {
	font-size:				13px;
	width:					96%;	
	margin:					13px;
}
.admin-header {
	font-family:			"Courier New", Courier, monospace;
	font-size:				30px;
	font-weight: 			bold;
	position:				absolute;
	top:					50px;
	left:					210px;
	margin:0;
	padding:0;
}

.admin-h1{
	font-family:			"Courier New", Courier, monospace;
	font-size:				21px;
	font-weight:			bold;
	margin-top:				13px;
}



#job-list, #job-add, #job-delete {
	width:					100%;
	font-family:			"Courier New", Courier, monospace;
	font-size:				13px;
	text-align:				left;
	margin-top:				13px;
	margin-bottom:			26px;	
}
#job-list thead {
	font-weight:			bold;
	border-bottom:			1px solid #999999;
	
}
#job-list td {
	text-align:				left;
	vertical-align:			top;
	border-bottom:			1px solid #CCCCCC;	
	padding:                3px;
	font-size:				11px;
	width:					auto;
}

#job-add td, #job-delete td {
	font-family:			"Courier New", Courier, monospace;
	font-size:				13px;
	text-align:				left;
	padding:                5px;
}


#admin-content textarea {
	font-family:			"Courier New", Courier, monospace;
	font-size:				13px;
	vertical-align:			top;
	margin-top:				0;
	padding-top:            0;
	width:					450px;
	height:					150px;
}

#admin-content input {
	font-family:			"Courier New", Courier, monospace;
	font-size:				13px;
	width:					400px;
}

.button {
	width:					120px;
}

fieldset {
	border:					1px solid #cccccc;
	margin-bottom:			25px;
}
legend {
	font-family:			"Courier New", Courier, monospace;
	font-size:				18px;
	font-weight:			bold;
	color:					#330000;
}
.admin-message {
	font-family:			"Courier New", Courier, monospace;
	font-size:				13px;
	color:					#990000;
	border:					1px solid #AAAAAA;
	padding:                25px;
}
.admin-link{
	font-family:			"Courier New", Courier, monospace;
	font-size:				26px;
	color:					blue;
}

#job-list a:link, #job-list a:active, #job-list a:visited {
	font-family:			"Courier New", Courier, monospace;
	font-size:				13px;
	color:					#330000;
	background:				none;
	text-decoration:		underline;
}
#job-list a:hover {
	color:					#990000;
	font-weight:			bold;
}



/*************************************
** FURNITURE & ACCESSORIES SECTION  **
**************************************/
#furniture-subcats {
	list-style-type:		none;
	display:				inline;
}
#furniture-subcats li {
	float:					left;
	width:					80px;
	font-size:				11px;
}
#furniture-subcats li a:link, #furniture-subcats li a:hover, #furniture-subcats li a:active, #furniture-subcats li a:visited {
	color:					#3a5d71;
	font-weight:			bold;
	text-decoration:		none;
}
#furniture-subcats li a:hover, #furniture-subcats li a.furniture-current-link {
	text-decoration:		underline;
	font-weight:			bold;
}

#thumbnails {
	width:					170px;
	height:					340px;
	float:					left;
	margin-top:				8px;
}
#thumbnails ul {
	width:					100%;
	list-style-type:		none;
	margin:					0;
	padding:                0;
}
#thumbnails ul li {
	width:					50%;
	height:					78px;
	margin:					0 0 10px 0;
/*	display:				inline;*/
	float:					left;
}
#large-image-display {
	width:					370px;
	float:					left;
	margin-top:				8px;
	margin-left:			10px;
}

.furniture-info {
	width:					95%;
	font-family:			"Courier New", Courier, monospace;
	font-size:				0.8em;
	color:					#330000;
}

.spaced-list li {
	margin-bottom:			1em;
}
.larger-text {
	font-size:				0.9em;
}
.custom-spacing-1 {
	float:					right; 
	padding-right:          1em;
}
ul.normal-list {
	list-style-type:		disc;
}

.hidden {
	visibility:				hidden;
}

.big-text {
	font-size:				1.2em;
}

#site-by-co-details {
	width:					52em;
	margin:					0.3em auto;
}
.resolution {
	float:					left;
}
.resolution a {
	font-size:				0.85em;
	color:					#FFFFFF;
	text-decoration:		none;
}
.company-reg-details {
	float:					right;
	font-size:				0.7em;
	color: #FFFFFF;
}

#screwdriver {
	width:					124px;
	height:					15px;
}

.larger-cell {
	width:					96px;
}

.view-live-site {
	position:				relative;
	top:					120px;
	left:					320px;
}

.show {
	display:				block;
}
.hidden {
	display:				none;
}

h1 .header-left {
	width: 100%;
	border: 1px solid red;
	color: red;
	text-align:				left;
	margin-left:			10px;
}

#find-showroom-button {
	margin-top:				5px;
	margin-left:			0;
}

#easymaid-stool-button {
	margin-top:				40px;
}

a.basic-link {
	text-decoration:		none;
	font-weight:			bold;
	font-style:				italic;
}

a:hover.basic-link {
	text-decoration:		underline;
}

#dates {
	width:					300px;
}



/************************************
 * NEW STYLING FOR AMENDED HOMEPAGE *
 ************************************/
ul.kitchen-ranges, #tab-nav {
	list-style-type:		none;
/*	width:					684px;*/
	width: 723px;
	margin:					0 auto;
	padding: 	            0;
	/*background-color:		#AFC1B5;*/
	font-size:				0px;
	/*height: 372px;*/
}  
ul.kitchen-ranges li, ul.kitchen-ranges li a, ul.kitchen-ranges li a img {
	padding: 0;
	margin: 0;
	font-size:				0px;	
	/*background-color:		#A3B1A5;*/
}
.no-padding {
	padding: 0;
	margin: 0;
	font-size: 0;
}

#tab-nav {
	margin-top:				20px;
}

#tab-nav a {
	text-decoration:		none;
}


#tab-nav li {
	width:					92px;
	float:					left;
	font-size:				14px;
	background-image:		url(../images/blue-tab.gif);
	background-repeat:		no-repeat;	
}
ul.kitchen-ranges li img {
	margin: 0;
	padding: 0;
}
ul.kitchen-ranges li {
	float:					left;
	height: 				192px;
	margin:				0;
	padding: 0;
}

p {
	margin-left: 17px;
	margin-right: 17px;
}





#left-section a.online-shop-button {
	width: 154px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	text-decoration: none;
	background-color: #452610;
	color: #FFFFFF;
	font-size: 1.3em;
	border: 1px solid black;
	margin-top: 20px;	
}
a:hover.online-shop-button, a:hover.order-tracking-button {
	background-color: #533D2D;
}

form input.sbutton {	
	float: right;
	margin: 50px;
	width: auto;
}


/**** added 3/7/09 ****/
div#kitchen-price-guide {
	width: 100%;
	height: 350px;	
	background-repeat: no-repeat;
}

div#kitchen-price-guide.artisan { background-image: url("../images/ver1-1/backgrounds/artisan-prices2.jpg"); }
div#kitchen-price-guide.cool { background-image: url("../images/ver1-1/backgrounds/Cool-Prices.jpg"); }
div#kitchen-price-guide.shaker { background-image: url("../images/ver1-1/backgrounds/shaker-Prices.jpg"); }
div#kitchen-price-guide.steamer-bay { background-image: url("../images/ver1-1/backgrounds/steamer-bay-prices.jpg"); }
div#kitchen-price-guide.creme-de-la-creme { background-image: url("../images/ver1-1/backgrounds/Creme-de-le-creme-Prices.jpg"); }
div#kitchen-price-guide.front-framed { background-image: url("../images/ver1-1/backgrounds/Front-framed-Prices.jpg"); }


div#kitchen-price-guide span {
	width: 120px;
	height: 280px;
	display: block;
	float: right;
	font-size: 0.9em;
	margin: 10px 50px 0 0;
	padding: 0;
}
*html div#kitchen-price-guide span {
	margin-right: 15px;
	font-size: 1em;
}

div#kitchen-price-guide span p {
	margin: 10px 0 20px 0;
	padding: 0;
	font-size: 1em;
	text-align: left;
}
div#kitchen-price-guide span p.space-me-out {
	margin-bottom: 10px;
}
*html div#kitchen-price-guide span p {
	font-size: 0.7em;
}

div#kitchen-price-guide img {
	float: right;
	padding: 0;
	margin: -15px 20px 0 0;	
}
*html div#kitchen-price-guide img {
	float: none;
	margin: 0 -20px 0 0;
	padding: 0;
	width: 153px;
	height: 90px;
}
div#kitchen-price-guide span ul.kitchen-price-list {
	list-style-type: none;
	text-align: left;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}
*html div#kitchen-price-guide span ul.kitchen-price-list {
	font-size: 0.7em;
}
div#kitchen-price-guide span ul.kitchen-price-list li {
	margin: 5px 0;
}

p#gallery-links span {
	display: inline-block;
	margin-left: 20px;
}

p.temp-message {
	padding: 5px 10px;
	border: 1px solid #900;
	font-weight: bold;
	font-size: 14px;
	color: #900;
}

#homePageMain {
	width: 723px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-color: #e4e8d9;
}
#homePageMain #image_rotate2 {
	list-style-type: none;
	float: left;
	width: 567px;
	margin: 0px;
	padding: 0px;
}
#homePageMain #image_rotate2 li a img.mainImage {
	float: left;
	width: 567px;
	margin: 0px;
	padding: 0px;
}


.paperTop { 
	float:right;
	width: 680px;
	height: 121px;
	margin-right: 30px;
	padding: 0px 15px;
	background-image: url(../images/ver1-1/jlh-paper1.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
.paperBacking {
	float: right;
	width: 680px;
	margin-right: 30px;
	padding: 0px 15px;
	background-image: url(../images/ver1-1/jlh-paper2.jpg);
	background-repeat: repeat-y;
	background-position:top;
}
.clearBoth { clear: both; }

.testimonial1 {
	font-family: "Courier New", Courier, monospace;
	font-size: 0.9em;
}
.testimonial2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
}

.testimonial4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}

.testimonial3 {
	font-family: "Courier New", Courier, monospace;
	font-size: 1.2em;
}

.testimonial5 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-style: italic;
}

.testimonial6 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.1em;
	font-style: italic;
}

/* css filtering for chrome and safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
 div#container div#header ul#inline-links {
  	margin-top:0px;
 }
}


ul#image_rotate {
  list-style: none;
  margin: 0px 0px 20px 28px;
  padding: 0px;
}
ul#image_rotate li,
ul#image_rotate li a,
ul#image_rotate li a img {
	margin: 0px;
	padding: 0px;
}

.floatRight { float:right; }
.left { text-align:left; }
.trigger {
	display:inline;
	padding: 0px;
	float: left;
	clear:both;
	margin-left: 25px;
	width: auto;
	font-size:0.9em;
	color: #583b2a;
	
}
.toggle_container {
	float: left;
	width: auto;
	margin-left:25px;
}