html {
 height: 95%;
}

body {
 text-align: center;
 background-color: #333333;
 color: white;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 75%;
 margin: 0;
 height: 100%;
 #height: 95%;
}

div#accessibility {
 position: absolute;
 left: -9999px;
}

/*****************/
/* 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;
}

div#seobottom h2, div#seobottom p {
 color: #666666;
 font-size: 0.8em;
 margin: 0;
 padding: 0;
 display: inline;
}

div#seobottom h2 {
 padding-right: 6px;
}

/********************/
/* Container Styles */
/********************/
div#container {
 width: 760px;
 width: 980px;
 height: 100%;
 height: 615px;
 margin: 0 auto;
 background: #000000 url('images/bg-header.gif') no-repeat top right;
 overflow: hidden;
 position: relative;
}

/* Needed for background image to appear in IE6 - for some reason 'top right' puts it off the right hand edge */

 * html div#container {
  bac\kground-position: 0 643px;
 }

/******************/
/* Content Styles */
/******************/
img#years40 {
 position: absolute;
 top: 230px;
 left: 300px;
 margin: 0;
}

* html img#years40 {
 top: 190px;
}

div#banner {
 position: absolute;
 top: 200px;
 left: 165px;
 margin: 0;
 background-color: #333333;
 padding: 10px 15px;
 width: 650px;
 text-align: left;
}

* html div#banner {
 top: 160px;
}

div#banner img#launch {
 margin-left: 25px;
}

div#banner ul {
 width: 40%;
 float: left;
 margin-top: 0;
}

div#banner ul li {
 margin-top: 5px;
 margin-bottom: 5x;
}

div#banner p {
 clear: left;
}

.highlight {
 font-weight: bold;
 font-size: 115%;
 color: #e31b5a;
}

img#sale {
 position: absolute;
/*
 top: 320px;
 left: 335px;
 width: 305px;
 height: 95px;
 margin: 0;
 */
 top: 140px;
 left: -15px;
 margin: 0;
 border: 0;
}

img#satbains {
 position: absolute;
 top: 150px;
 left: -15px;
 margin: 0;
 border: 1px solid #fefe3e;
}

div#content {
 width: 357px;
 margin: 0 auto;
 height: 100%;
 position: absolute;
/* This is the top when there's no sale banner */
 top: 50%;
 left: 50%;
 margin-left: -178px;
 /* use for sale banner */
 /* top: 0; */
 /* margin-top: 110px; */
}

* html div#content {
 top: 90px;
 top: 10px;
}

div#content h2 {
 width: 357px;
 height: 37px;
 padding: 0;
 margin: 0 0 20px 0;
 background: transparent url('images/biglogo.gif') no-repeat top left;
 text-indent: -9999px;
}

div#content ul {
 text-align: center;
 width: 357px;
 font-size: 1.1em;
 margin: 0 0 0 15px;
 padding: 0;
 list-style: none;
}

 * html div#content ul {
  margin-left: 0;
 }

div#content li {
 float: left;
 margin-left: 75px;
}

div#content li.first {
 margin-left: 0;
}

div#content li a {
 display: block;
 color: #999999;
 text-decoration: none;
 text-transform: lowercase;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 padding-top: 44px;
 background-repeat: no-repeat;
 background-position: top center;
 float: left;
}

div#content li a:hover {
 color: #fefe3e;
}

div#content li#headernav-kit a {
 background-image: url('images/bigheadernav-kit.gif');
}

div#content li#headernav-bat a {
 background-image: url('images/bigheadernav-bat.gif');
}

div#content li#headernav-bed a {
 background-image: url('images/bigheadernav-bed.gif');
}

/*****************/
/* Footer Styles */
/*****************/

div#footer {
 clear: both;
 font-size: .9em;
 text-align: left;
 position: absolute;
 bottom: 0;
 left: 0;
 padding-bottom: 10px;
}

div#footer div#logosleft, div#footer div#logosright {
 width: 75px;
}

div#footer div#logosleft img, div#footer div#logosright img {
 border: 0;
 margin-top: 5px;
}

div#footer div#logosleft {
 float: left;
 margin-left: 35px;
}

div#footer div#logosright {
 float: right;
 margin-right: 35px;
}

/*
div#footer img#kbsaimg, div#footer img#trustmarkimg {
 border: 0;
 margin: 5px 0 0 35px;
 float: left;
}

div#footer img#neffimg, div#footer img#mieleimg {
 float: right;
 margin: 5px 35px 0 0;
 border: 0;
}
*/

div#footer div#address {
 float: left;
 width: 520px;
 margin-left: 135px;
 margin-top: 50px;
}

div#footer address {
 float: left;
 width: 250px;
 font-style: normal;
 margin: 20px 0 20px;
}

div#footer address#addr-derby {
 margin-left: 15px;
}

* html div#footer address#addr-derby {
 margin-left: 8px;
}

div#footer address p {
 margin: 0;
 padding: 0;
}

div#footer p.credits, div#footer p.credits a {
 font-size: 0.9em;
 color: #333333;
}

div#footer address p.heading {
 color: #e51d5c;
 font-weight: bold;
}

div#footer p {
 padding-left: 15px;
 width: 100%;
 clear: both;
 float: left;
 margin: 0;
}

 /* Fix double margin bug in IE 5.5 / IE 6 */
 * html div#footer p {
  display: inline;
 }

div#footer a {
 color: #ffffff;
 text-decoration: none;
}

div#footer a:hover {
 text-decoration: underline;
}
