body {
	margin: 0;	
	background-color: #00264B;
	font: normal 0.7em/1.2em Helvetica, Arial, sans-serif;
	color: #333;
}
img { 
	border: 0; 
	padding: 0; 
	margin: 0; 
}
a {
	text-decoration: none;
}

h1 {
	color: #263E42;
	font: bold 1.8em/1em Helvetica, Arial, sans-serif;
	padding: 0 0 3px 0;
	margin-bottom: 5px;
	border-bottom: 1px solid #ff9;
}
h3 {
	color: #036;
	font: bold 1.2em/1em Helvetica, Arial, sans-serif;
	padding: 10px 0 5px 0;
	margin: 0;
}

#container {
	border: 2px solid #fff;
	border-top: none;
	margin-left: auto;
	margin-right: auto;
	width: 760px;
}


/* Quick Links */

#quicklinks {
	height: 24px;
	background: #00375e url('/redesign/images/header_03.jpg') top left no-repeat;
	padding-top: 4px;
	border-bottom: 2px solid #fff;
}

#quicklinks ul {
	list-style: none;
	margin: 0;
	padding: 5px 0 0 114px;
}
#quicklinks li {
	float: left;
	padding: 0 5px;
	border-right: 1px solid #678097;
}
#quicklinks li a {
	color: #fff;
	font: normal 12px/1em Helvetica, Arial, sans-serif;
}
#quicklinks li a:hover { color: #ff9; }
#quicklinks li.last {
	border-right: none;
}

/* Main contains everything below the header */

#main {
	float: left;
	width: 760px;
	background: #00375e url('/redesign/images/faux-column-background.gif') top left repeat-y;
}

/* Navigation (Left Side) */

#navigation {
	float: left;
	width: 120px;
	background: #00375e url('/redesign/images/blue-background.gif') top left repeat;
	margin: 0;
	padding: 0;
	border-right: 2px solid #fff;
}
#navigation div.group {
	margin-bottom: 10px;
}
#navigation h2 {
	font: bold 16px/18px Helvetica, Arial, sans-serif;
	padding: 5px 0 3px 15px;
	color: #FFE972;
	border-bottom: 1px solid #678097;
	margin: 0;
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 5px;
	padding-left: 15px;
}
#navigation li {
	padding: 1px 0;
}
#navigation li a {
	color: #fff;
	font: normal 12px/1em Helvetica, Arial, sans-serif;
}
#navigation li a:hover { color: #ff9; }
#navigation #logo {
	padding: 10px;
}
#navigation li ul.doors{
	padding: 0;
	margin: 0;
	margin-left: 10px;
}
#navigation li ul.doors li {
}

#navigation li ul.doors li a {
	font: normal 10px/1em Helvetica, Arial, sans-serif;
}

/* Content */
#content {
	float: left;
	background-color: #fff;
	width: 638px;
	padding: 0;	
	padding-bottom: 20px;
	margin: 0;
}
#content a {
	font-weight: bold;
	color: #666;
}
#content a:hover {
	color: #aaa;
}

#splash, #location {
	float: left;
	width: 638px;
	background-color: #babbbd;
	border-bottom: 2px solid #fff;
}
#kitchen, #map {
	float: left;
	width: 440px;
	border-bottom: 2px solid #fff;
}
#splashlinks {
	float: left;
	width: 196px;
}
#splashlinks img {
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
#splashlinks img.last {
	border-bottom: none;
}
.textpad {
	padding: 5px 10px;
}
#mouldings {
	padding-top: 15px;
}
#makers table td {
	padding: 0 15px 15px 0;
}

/* prod_display */

#doors ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#doors ul li {
	padding: 0;
	margin: 0;
	margin-left: 10px;
}
#doors ul li a { color: #960; }
#doors ul li a:hover { color: #fc3; }

#doors div.categorylist ul {
	height: 12px;
	list-style: none;
	margin: 10px 0 0 -5px;
	padding: 0;
}
#doors div.categorylist ul li {
	color: #960;
	float: left;
	padding: 0 5px;
	margin: 0;
	border-left: 1px solid #960;
}
#doors div.categorylist ul li a {
	color: #960;
	font: bold 12px/12px Helvetica, Arial, sans-serif;
}
#doors div.categorylist ul li a:hover { color: #fc3; }
#doors div.categorylist ul li.first { border-left: none; }

#doors table.display tr td {
	text-align: center;
}

#finishes table {
	margin-left: 20px;
}

/* Footer */

#footer {
	clear: both;
}

/* Site-Wide Classes */

.image-right {
	float: right;
	padding: 5px;
}
.image-left {
	float: left;
	padding: 5px;
}
.right-spacer {
	float: right;
	padding: 5px;
}
.bottom-border { border-bottom: 2px solid #fff; }
.info-table {
	border: 1px solid #555;
}
.info-table td {
	border-bottom: 1px solid #555;
	border-right: 1px solid #555;
}
.info-table td table td {
	border: none;
}

/*****************
  CSS HACKS BELOW
******************/

/* Clearing Hack below... */

/* box-clear requires all sorts of hackery because of the way the different browsers cope with clearing floats */
div.box-clear { clear: both; line-height: 0px; font-size: 1px; }

/* IE5 (mac) dealt with, now reset font-size for Geckos, turn off for IE5 (PC) + OmniWeb and back on for IE6 (PC) */
/*\*/
.box-clear { font-size: medium; }
.fake.box-clear { display: none; }
/* */

/* Turn off for Opera 6 and below */
html>body div.box-clear { display: none; }
/* And turn it back on again for good honest browsers */
head:first-child+body div.box-clear { display: block; }

/* End of Cleaning Hack */

/* pos: rel hack
   position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
   NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned 
   */ 

/*/*/
#main, #navigation, #quicklinks, #splash, #kitchen, #splashlinks
	{ p\osition: relative; }
/* */