/* Core setup */

* {
  margin: 0;
  padding: 0;
  border: 0;
  }
  
html, body {
	height: 100%;
	background-color: #ede8d8;
	}
  
img {
  display: block;
  }
  
 hr 
 {
 display: none;
 }
  
body {
  font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 75%;
  color: black;
  }
  
a {
	text-decoration: none;
	color: #516acc;
	}
	
a:hover, 
#watershed a:hover, 
.promoblock a:hover .promo,
#sitemap .category a:hover span {
	color: black;
	text-decoration: underline;
	}
	
h1, h2, h3, h4, h5, h6, p, li {
	line-height: 125%;
	}
	
h1, h2, h3, h4, h5, h6 {
	color: #b3a789;
	font-size: 100%;
	}
	
h1 {
	font-size: 220%;
	font-weight: normal;
	padding-top: 9px;
	}

#text h2, 
#clearance h2
{
	font-size: 150%;
	margin-top: 1.5em;
	}

#clearance h2 
{
margin-top: 0;
}
	
h3, h4 {
	font-size: 100%;
	}
	
#text h3 {
	font-size: 120%;
	margin-top: 1.5em;
	}

p {
	margin-top: 0.75em;
	}
	
.large {
	font-size: 120%;
	}
	
#text p.large {
	max-width: 31.67em;
	}

sup{
	font-size: 50%;
	vertical-align: 30%;
	}
	
.nav {
	list-style: none;
	}
	
#header .nav a:hover, 
#content .nav a:hover {
	text-decoration: none;
	}

.wrapper {
	overflow: hidden;
	width: 100%;
	}
	
.right {
	float: right;
	}


/* Header */

#header {
	max-width: 76.6em;
	margin: auto;
	background: url('../img/pullingers-interiors2.gif') 0 100% no-repeat;
	position: relative;
	height: 13.67em;
	}

#gohome {
	width: 226px;
	height: 160px;
	}
	
#roundels img {
	float: left;
	width: 124px;
	height: 121px;
	}
	
#roundels {
	position: absolute;
	bottom: 0;
	left: 229px;
	}
	
#header .nav {
	font-weight: bold;
	position: absolute;
	left: 62%;
	bottom: 0;
	}
	
#header .nav li {
	font-size: 91.67%;
	line-height: 110%;
	}
	
#header .nav li a {
	display: block;
	padding: 4px 0 0 12px;
	background: url('../img/nav.gif') 0 0.65em no-repeat;
	}
	
#header .nav li a:hover {
	background: url('../img/navhover.gif') 0 0.65em no-repeat;
	}

#header .nav li a.current {
	color: #b3a789;
	background: url('../img/navcurrent.gif') 0 0.65em no-repeat;
	}

#header .nav li a.current:hover {
	cursor: default;
	background: url('../img/navcurrent.gif') 0 0.65em no-repeat;
	}



/* Main */

.main {
	max-width: 73em;
	margin: 9px auto 4em;
	background: white url('../img/outer-tl.gif') no-repeat;
	}
	
.container {
	padding: 6px;
	background: url('../img/outer-tr.gif') 100% 0 no-repeat;
	}

#category #content {
	background: url('../img/categorybg.gif') repeat-x;
	}

#catheader {
	background: #f6f2e6 url('../img/inner-tr.gif') 100% 0 no-repeat;
	position: relative;
	width: 100%;
	}
	
#catheader h1 {
	background: url('../img/inner-tl.gif') no-repeat;
	}

#photos {
	width: 62%;
	overflow: hidden;
	}
	
#promptswrapper {
	float: right;
	width: 37%;
	overflow: visible;
	background: url('../img/promptswrapperbg.gif') 100% 100% no-repeat;
	}
	
#prompts {
	background-color: #f6f2e6;
	height: 300px;
	margin-right: 9px;
	}
	
#prompts ul {
	list-style: none;
	}
	
#prompts h2, 
#prompts form {
	padding-left: 6px;
	}
	
#prompts h2 {
	font-size: 26px;
	font-weight: normal;
	line-height: 100%;
	}

#prompts h2 a {
	display: block;
	padding: 4px 0;
	}
	
#prompts h2 a:hover {
	text-decoration: none;
	}
	
ul.catlist {
	font-size: 22px;
	position: absolute;
	top: 0;
	left: -1500px;
	z-index: 100;
	width: 61%;
	background: #ded3b6 url('../img/catlistbg.gif') no-repeat;
	height: 292px;
	padding: 4px 6px 4px 9px;
	overflow: visible;
	color: white;
	}
	
ul.catlist li {
	display: inline;
	}

li.darker {
	color: #b3a789;
	}
	
#prompts div:hover ul.catlist {
	left: 0;
	}

#text {
	width: 62%;
	}
	
#text h1, 
#text h2, 
#text h3, 
#text p, 
#text li, 
fieldset, 
#checkboxwrapper {
	padding-right: 9px;
	padding-left: 9px;
	}

#text p, 
#text li, 
#text input, 
#text textarea {
	max-width: 38em;
	}


/* Examples */

#ancillary {
	position: absolute;
	top: 16em;
	left: 62%;
	width: 30%;
	}
	
.examples, 
.stores {
	/* position: relative; */
	padding-top: 25px;
}
	
.examples table, 
.stores table {
	width: 100%;
}
	
.examples td {
	background-color: white;
	border-left: 1px solid white;
	width: 20%;
	}
	
td.first {
	border: none;
	}

.example {
	/* float: left; */
	}

.example .thumb {
	width: 100%;
	height: 160px;
	}
	
.example h3 {
	padding-top: 162px;
	height: 2em;
	font-weight: normal;
	color: black;
	line-height: 100%;
	}
	
.example #stressless {
	position: absolute;
	top: -10px;
	left: 84%;
	}
	
/* Store images */

.stores td {
	border-left: 1px solid white;
	background-color: white;
}

#hayling td {
	width: 33%;
	height: 220px;
}

#hayling td.first {
	width: 34%;
}

.stores tr.row2 td {
	border-top: 1px solid white;
}

#warsash td {
	width: 25%;
	height: 310px;
}




/* Footer */

#cornerbr {
	background: url('../img/cornerbr.gif') 100% 100% no-repeat;
	}
	
#footer {
	padding: 6em 0 2em 15px;
	background: url('../img/cornerbl.gif') 0 100% no-repeat;
	}
	
#footer li {
	font-size: 91.67%;
	float: left;
	}
	
#footer li a {
	display: block;
	padding-right: 1em;
	}
	
#footer li a.current {
	color: #b3a789;
	}
	
#footer li a.current:hover {
	text-decoration: none;
	cursor: default;
	}

#watershed a {
	color: #d9d3c3;
	}



/* Contact and brochure request forms */

.opening {
  color: #665a3d;
	}
	
input, 
textarea, 
select, 
button {
  border: 1px solid #b3a789;
  background-color: white;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 9pt;
  color: black;
  }

#manufacturers {
	margin-bottom: 0.5em;
	}
	
#manufacturers optgroup {
	padding-top: 3px;
	border: 1px solid #ccc;
	font-style: normal;
	}
	
#manufacturers option {
	padding-left: 0.5em;
	}

#contact fieldset {
	font-size: 91.67%;
	margin-top: 9px;
	}

#contact label, 
#contact input, 
#contact textarea, 
#contact select, 
#contact button {
	display: block;
	margin: 0 0 2px;
	}
	
#contact label {
  color: #665a3d;
  padding-top: 6px;
	}

#contact .required {
  font-weight: bold;
  color: black;
  }
  
#contact .required span {
	font-weight: normal;
  color: #665a3d;
	}
	
#contact input, 
#contact textarea, 
#contact button {
	padding: 3px 5px;
	background-color: #faf7ed;
	}

#contact input:focus, 
#contact textarea:focus {
  background-color: #ebefff;
  }
  
#contact button#submit {
  display: inline-block;
  font-weight: bold;
  color: white;
	background-color: #516acc;
  border: 1px solid black;
	}
	
#contact button#submit:hover {
  background-color: black;
  cursor: pointer;
	}

.full {
  width: 90%;}
  
.half {
  width: 45%;
	}
	
.invalid {
	color: #f00;
	font-weight: bold;
	}
	
#confirmation {
	margin: 1.5em 9px;
	padding: 6px;
	background-color: #faf7ed;
	}
	
#checkboxes table td {
	padding: 0.5em 9px 0;
	width: 20%;
	vertical-align: top;
	}
	
#checkboxes fieldset {
	padding-left: 0;
	}
	
#checkboxes br {
	clear: left;
	}

#checkboxes input, 
#checkboxes label {
	float: left;
	vertical-align: baseline;
	line-height: 100%;
	}
	
#checkboxes label.required {
	float: none;
	padding-left: 9px;
	}
	
#checkboxes input {
	border: 0;
	padding: 0;
	margin: 0 4px 0 0;
	background-color: white;
	}




/* Sale */

#home {
	position: relative;
	padding-bottom: 2em;
	}
	
#home #promotions {
	position: absolute;
	top: 1em;
	left: 62%;
	width: 32%;
	background: #f6f2e6 url('../img/inner-tl.gif') no-repeat;
}

#promotions .inner {
	background: url('../img/salecornerbr.gif') 100% 100% no-repeat;
	}
	
#home #adpromo h3 {
	background: url('../img/inner-tr.gif') 100% 0 no-repeat;
	padding: 9px 0 6px;
	}
	
#home #adpromo {
	background: url('../img/salecornerbl.gif') 0 100% no-repeat;
	}

#promotions .inner div {
	background: url('../img/salecornerbr.gif') 100% 100% no-repeat;
	padding: 0 0 9px 9px;
	}
	
#adpromo ul {
	list-style: none;
}

#adpromo li {
	float: left;
}

#adpromo img {
	margin-right: 6px;
	border: 1px solid #f6f2e6;
}

#adpromo a:hover img {
	border: 1px solid black;
}
	
.promoblock a {
	display: block;
	}
	
.promo {
	font-size: 120%;
	color: #f00;
	font-weight: bold;
	display: block;
	margin-bottom: 0.2em;
	}

#sale {
	margin-top: 1em;
	}
	
.quarter {
	width: 25%;
	background: #f6f2e6 url('../img/inner-tr.gif') 100% 0 no-repeat;
	border-right: 6px solid white;
	height: 37em;
	}
	
.quarter h2 {
	background: url('../img/inner-tl.gif') no-repeat;
	padding: 9px 9px 0;
	}
	
.quarter p {
	padding: 0 9px;
	}
	
.salepic {
	margin-top: 1em;
	height: 160px;
	}
	
#sale #last {
	border-right: none;
	}
	
.offer {
	color: #f00;
	font-size: 225%;
	display: block;
	line-height: 110%;
	margin-bottom: 2px;
	}
	
.offer sup {
	font-size: 50%;
	vertical-align: top;
	}
	
.quarter table {
	height: 100%;
	background: url('../img/salecornerbr.gif') 100% 100% no-repeat;
	}
	
.quarter table td {
	background: url('../img/salecornerbl.gif') 0 100% no-repeat;
	vertical-align: top;
	border-right: none;
	}
	
#sale #one {
	background: url('../img/sale/one.jpg') no-repeat;
	}
	
#sale #two {
	background: url('../img/sale/two.jpg') no-repeat;
	}
	
#saleterms {
	font-size: 91.67%;
	}
	
	
	
/* Sitemap */

#sitemap {
	list-style: none;
	}

#sitemap li {
	margin-top: 0.33em;
	}

#sitemap li h2, 
#sitemap li h3 {
	padding-left: 0;
	}
	
#sitemp ul {
	list-style: disc;
	}
	
#sitemap ul li {
	padding-left: 0;
	margin-left: 1.5em;
	}
	
#sitemap .category a {
	font-weight: bold;
	}
	
#sitemap .category a span {
	font-weight: normal;
	color: #8a9bdd;
	}
	
/* Clearance */
	
.clearance .container 
{
padding-right: 0;
}

.clearance #catheader 
{
width: auto; 
margin-right: 6px; 
padding-bottom: 15px;
}

.clearance #catheader #text 
{
width: 100%; 
}

.clearance #catheader #text p
{
max-width: 100%; 
}

#clearance 
{
list-style: none;
}

#clearance, 
#clearance dl 
{
width: 100%;
overflow: hidden;
}

#clearance 
{
width: 868px;
}

#clearance li 
{
margin-top: 9px;
float: left;
width: 25%;
}

#clearance .img-wrapper 
{
width: 211px;
background: #e9e3d3;
overflow: hidden;
}

#clearance .img-wrapper td 
{
text-align: center;
height: 211px;
}

#clearance .img-wrapper img 
{
display: inline; 
vertical-align: middle;
}

#clearance .offer-wrapper 
{
padding: 6px 9px 15px 9px;
margin-right: 6px;
background: #f6f2e6; 
height: 12.75em;
}

#clearance dl, 
#clearance p 
{
margin-top: 6px;
}

#clearance dt, 
#clearance dd 
{
float: left; 
margin-right: 0.2em;
}

#clearance dd 
{
margin-right: 0.75em;
}

/* .was */

#clearance .was 
{
color: #999;
}

#clearance dd.was 
{
text-decoration: line-through;
}

/* .now */

#clearance .now 
{
font-weight: bold;
}

/* .save */

#clearance .save 
{
font-weight: bold;
color: #f00;
font-size: 275%;
letter-spacing: -1px;
line-height: 1;
}

#clearance dt.save 
{
clear: left;
}

#clearance dd.save 
{
margin-right: 0;
}

a#clearance2 
{
position: absolute;
top: 175px;
left: 725px;
}