body {
 text-align: center;
 background-color: #333333;
 color: white;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 75%;
 margin: 0;
}

div#accessibility {
 position: absolute;
 left: -9999px;
}

div.clear {
 clear: left;
 height: 0;
 line-height: 0;
}

.left {
 float: left;
 margin-bottom: 5px;
 margin-right: 10px;
}

.right {
 float: right;
 margin-bottom: 5px;
 margin-left: 10px;
}

div#overlay {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 z-index: 1;
 background-image: url('images/overlay.png');
}

* html div#overlay{
 background-color: #000000;
 back\ground-color: transparent;
 background-image: url('images/blank.gif');
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
}

div#largeimagecontainer {
 background-color: #000000;
 border: 1px solid #999999;
}

div#largeimagecontainer img {
 padding: 10px;
}

div#largeimagecontainer p {
 color: #999999;
 margin: 0 auto 10px;
 font-size: .9em;
}

h2 { font-size: 1.5em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.5em; margin-bottom: 5px; }
h5 { font-size: 1.4em; margin-bottom: 0; }
h6 { font-size: 1.3em; margin-bottom: -5px; }

/********************/
/* Container Styles */
/********************/

div#containerouter {
 width: 657px;
 width: 877px;
 margin: 0 auto;
 background: #000000 url('images/sideimage.jpg') no-repeat top left;
 padding-left: 103px;
 text-align: left;
}

body.kitchen div#containerouter { background-image: url('images/sideimage_kitchen.jpg'); }
body.bathroom div#containerouter { background-image: url('images/sideimage_bathroom.jpg'); }
body.showroom div#containerouter { background-image: url('images/sideimage_showroom.jpg'); }
body.installation div#containerouter { background-image: url('images/sideimage_installation.jpg'); }
body.nottingham div#containerouter { background-image: url('images/sideimage_nottingham.jpg'); }
body.derby div#containerouter { background-image: url('images/sideimage_derby.jpg'); }
body.design div#containerouter { background-image: url('images/sideimage_design.jpg'); }
body.about div#containerouter { background-image: url('images/sideimage_about.jpg'); }
body.why div#containerouter { background-image: url('images/sideimage_why.jpg'); }
body.kbsa div#containerouter { background-image: url('images/sideimage_kbsa.jpg'); }
body.links div#containerouter { background-image: url('images/sideimage_links.jpg'); }
body.contact div#containerouter { background-image: url('images/sideimage_contact.jpg'); }
body.enquiry div#containerouter { background-image: url('images/sideimage_enquiry.jpg'); }
body.brochure div#containerouter { background-image: url('images/sideimage_brochure.jpg'); }
body.architects div#containerouter { background-image: url('images/sideimage_design.jpg'); }

div#containerinner {
 border-left: 1px solid #333333;
}

/*****************/
/* SEOTop Styles */
/*****************/
div#seotop {
 width: 657px;
 width: 980px;
 margin-left: auto;
 margin-right: auto;
 height: 28px;
 overflow: hidden;
}

div#seotop h1, div#seotop p {
 color: #666666;
 font-size: 0.8em;
 margin: 0;
 padding: 0;
 display: inline;
}

div#seotop h1 {
 padding-right: 6px;
}

/********************/
/* SEOBottom Styles */
/********************/
div#seobottom {
 width: 657px;
 width: 980px;
 margin-left: auto;
 margin-right: auto;
 clear: both;
}

div#seobottom h2, div#seobottom p {
 color: #666666;
 font-size: 0.8em;
 margin: 0;
 padding: 0;
 display: inline;
}

div#seobottom h2 {
 padding-right: 6px;
}

/*****************/
/* Header Styles */
/*****************/

div#header {
 padding-top: 30px;
 background: transparent url('images/bg-header.gif') no-repeat top right;
 height: 117px;
}

div#header h2 {
 width: 259px;
 height: 28px;
 padding: 0;
 margin: 0 0 0 30px;
 background: transparent url('images/logo.gif') no-repeat top left;
 text-indent: -9999px;
}

div#header ul {
 text-align: center;
 font-size: .95em;
 margin: 12px 0 0 37px;
 padding: 0;
 list-style: none;
}

div#header li {
 float: left;
 margin-left: 40px;
}

div#header li.first {
 margin-left: 0;
}

div#header li a {
 color: #999999;
 text-decoration: none;
 text-transform: lowercase;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 background-repeat: no-repeat;
 background-position: top center;
 display: block;
 float: left;
 padding: 29px 0 0 0;
}

div#header li a:hover {
 color: #fefe3e;
}

div#header li#headernav-kit a {
 background-image: url('images/headernav-kit.gif');
}

div#header li#headernav-bat a {
 background-image: url('images/headernav-bat.gif');
}

div#header li#headernav-bed a {
 background-image: url('images/headernav-bed.gif');
}

/************/
/* Sale Img */
/************/
div#header img#img-sale {
 float: right;
 margin: -10px 180px 0 0;
}

/***************/
/* Menu Styles */
/***************/
div#menu {
 float: left;
 padding-left: 25px;
 width: 125px;
 width: 175px;
}

div#menu ul {
 margin: 0 0 20px 0;
 padding: 10px 0 0 20px;
 list-style: disc;
 clear: left;
}

div#menu ul li {
 color: #e51d5c;
 margin: 12px 0 0 0;
}

div#menu ul ul {
 margin: 0;
 padding: 0 0 0 20px;
 list-style: disc;
 display: none;
 clear: none;
}

div#menu ul ul li {
 color: #f99501;
 margin: 6px 0 0 0;
}

div#menu ul a {
 color: #999999;
 text-decoration: none;
}

div#menu ul li a:hover {
 color: #fefe3e;
}

body#page-kitchens li#nav-kitchens,
body#page-bathrooms li#nav-bathrooms,
body#page-bedrooms li#nav-bedrooms,
body#page-showrooms li#nav-showrooms,
body#page-notts li#nav-notts,
body#page-derby li#nav-derby,
body#page-design li#nav-design,
body#page-installation li#nav-installation,
body#page-aboutus li#nav-aboutus,
body#page-whyus li#nav-whyus,
body#page-links li#nav-links,
body#page-contact li#nav-contact,
body#page-enquiry li#nav-enquiry,
body#page-kitchens li#nav-kitchens a,
body#page-bathrooms li#nav-bathrooms a,
body#page-bedrooms li#nav-bedrooms a,
body#page-showrooms li#nav-showrooms a,
body#page-notts li#nav-notts a,
body#page-derby li#nav-derby a,
body#page-design li#nav-design a,
body#page-installation li#nav-installation a,
body#page-aboutus li#nav-aboutus a,
body#page-whyus li#nav-whyus a,
body#page-kbsa li#nav-kbsa a,
body#page-links li#nav-links a,
body#page-contact li#nav-contact a,
body#page-enquiry li#nav-enquiry a,
body#page-architects li#nav-architects a,
body#page-sat-bains li#nav-sat-bains a {
 color: #fefe3e;
}

body#page-showrooms li#nav-showrooms li a,
body#page-aboutus li#nav-aboutus li a,
body#page-contact li#nav-contact li a {
 color: #999999;
}

body#page-showrooms li#nav-showrooms li a:hover,
body#page-aboutus li#nav-aboutus li a:hover,
body#page-contact li#nav-contact li a:hover {
 color: #fefe3e;
}

body#page-showrooms li#nav-showrooms ul
,body#page-notts li#nav-showrooms ul
,body#page-derby li#nav-showrooms ul
,body#page-aboutus li#nav-aboutus ul
,body#page-whyus li#nav-aboutus ul
,body#page-kbsa li#nav-aboutus ul
,body#page-contact li#nav-contact ul
,body#page-enquiry li#nav-contact ul {
 display: block;
}

a#request-brochure {
 float: left;
 color: #999999;
 text-decoration: none;
 text-align: center;
 padding: 30px 0 0 0;
 margin: 0 0 0 5px;
 width: 100px;
 background: transparent url('images/request-brochure.gif') no-repeat top center;
}

a#request-brochure:hover {
 color: #fefe3e;
}

div#menu div#logos {
 padding-top: 35px;
 padding-top: 0;
 clear: left;
}

div#menu div#logos img {
 margin-top: 10px;
 margin-left: 5px;
 border: 0;
 float: left;
 clear: left;
}

/******************/
/* Content Styles */
/******************/
div#content {
 width: 314px;
 width: 474px;
 float: left;
 background: url('images/bg-content.gif') no-repeat top right;
 min-height: 481px;
 padding-right: 20px;
 font-size: 110%;
}

div#content.norightimages {
 width: 486px;
 width: 656px;
}

div#content a {
 color: #999999;
}

div#content a:hover {
 color: #fefe3e;
}

div#content h3,
div#content h4,
div#content h5,
div#content h6 {
 text-transform: lowercase;
 clear: left;
}

div#content h3 { color: #e51d5c; margin-top: 0; }
div#content h4 { color: #f99501; }
div#content h5 { color: #fefe3e; }

div#content h4.question {
 text-transform: none;
 font-size: 1.2em;
 clear: none;
}

div#content blockquote {
 margin: 2em 1em 0 1em;
}

div#content blockquote p {
 margin: .5em 0;
}

div#content p.testimonialsource {
 font-style: italic;
 margin: .5em 0 1em;
 color: #f99501;
}

div#content li {
 margin: 1em 0;
 color: #f99501;
}

div#content li span {
 color: #ffffff;
}

div#content dl {
 overflow: hidden;
}

div#content dl dt {
 width: 5em;
 float: left;
 clear: left;
 font-weight: bold;
}

div#content dl dd {
margin-left: 7em;
}

div#content address {
 margin: 1em 0;
 font-style: normal;
}

div#content address .address-title {
 font-weight: bold;
}

div.roomimages a {
 margin: 6px;
 display: block;
 float: left;
}

div.roomimages a img {
 padding: 0;
 border: 1px solid #999999;
}

div#content div#sat_bains_recipies {
 margin-top: 25px;
 border: 1px solid #f99501;
 padding: 10px;
 background-color: #111111;
}

div#content div#sat_bains_recipies h3 {
 margin-top: 0;
 text-transform: none;
 text-align: center;
 font-size: 1.75em;
}

div#content div#sat_bains_recipies input#submitButton {
 margin-left: 110px;
}

/***************/
/* Form Styles */
/***************/

div#content form fieldset {
 border: 0;
 margin: 1em 0;
}

div#content form legend {
 font-size: 1.4em;
 font-weight: bold;
 text-transform: lowercase;
 color: #f99501;
}

div#content form p {
 margin: 5px 0;
 padding: 0;
}

div#content div.field {
 margin: 5px 0;
}

div#content form label {
 float: left;
 clear: left;
 width: 7em;
 text-align: right;
 padding-right: 10px;
 white-space: nowrap;
}

div#content form input.text,
div#content form textarea {
 background-color: #000000 !important;
 border: 1px solid #ffffff !important;
 color: #ffffff;
 width: 300px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1em;
 padding: 2px;
}

div#content form textarea {
 height: 80px;
}

div#content form input.button {
 background-color: #000000;
 border: 1px solid #f99501;
 color: #ffffff;
 cursor: pointer;
}

div#content form input.button:hover {
 border: 1px solid #fefe3e;
}

div#content .reqtxt {
 font-style: italic;
 color: #fefe3e;
}

div#content p.error input.text, div#content p.error textarea {
 border: 1px solid #e31b5a;
 background-color: #000000;
 color: #ffffff;
}

div#content div.error ul li {
 color: #ffffff;
}

table#accesskeystable {
 border: 1px solid  white;
 border-collapse: collapse;
}

table#accesskeystable td {
 border: 1px solid white;
 padding: 2px 5px;
}

table#accesskeystable td em {
 font-style: normal;
 text-decoration: underline;
}

table#accesskeystable th {
 border: 1px solid white;
 padding: 2px 5px;
 background-color: #666666;
}

table#accesskeystable tr.highlight {
 background-color: #333333;
}

table#accesskeystable caption {
 font-size: .8em;
 font-style: italic;
 margin-bottom: .5em;
}

/**********************/
/* Right Image Styles */
/**********************/

div#rightimages {
 float: right;
 width: 158px;
 padding-right: 12px;
 margin-top: 15px;
}

div#rightimages img {
 float: right;
 margin-top: 1px;
 border: 1px solid #666666;
}

/*****************/
/* Footer Styles */
/*****************/

div#footer {
 clear: both;
 font-size: .85em;
 padding: 35px 5px 10px 0;
}

div#footer img {
 border: 0;
 margin: 5px 0 0 35px;
 float: left;
}

div#footer address {
 float: left;
 width: 17em;
 font-style: normal;
 margin: 0 0 0 20px;
 font-size: 120%;
}

div#footer address#addr-derby {
 margin-left: 30px;
}

div#footer address#addr-notts {
 width: 22em;
}

div#footer address p {
 margin: 0;
}

div#footer address p.heading {
 color: #e51d5c;
 font-weight: bold;
 font-size: 120%;
}

div#footer p {
 margin: 0;
 clear: both;
}

div#footer p.credits {
 float: right;
 text-align: right;
 width: 340px;
 clear: right;
}

div#footer a {
 color: #ffffff;
 text-decoration: none;
}

div#footer a:hover {
 text-decoration: underline;
}

/**************************/
/* IE 5.5 Box Model Hacks */
/**************************/

* html div#containerouter {
 width: 905px;
}

* html div#header {
 height: 147px;
 he\ight: 117px;
}

* html div#menu {
 width: 175px;
 w\idth: 150px;
}

* html div#content {
 width: 474px;
}

* html div#content.norightimages {
 width: 709px;
}

* html div#rightimages {
 width: 170px;
 w\idth: 158px;
}