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

/* HTML, BODY ---------- */
* {margin:0; padding:0;}
body {margin:0; background: url(images/tile.jpg); font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height:20px; color:#36393c;}
p, h2, h3, ul, blockquote, ol {padding-bottom:10px; padding-top:10px;}
ul, blockquote, ol {padding-left:30px; padding-right:10px; padding-top:10px;}
a {color:#cb3d3d;}
a:hover {text-decoration:none;}
a img {border-style:none;}
#footer a {color:#014180; padding-right:12px;}

/* LAYOUT ---------- */
#wrap {width:990px; margin:0 auto; background:url(images/tile-body.jpg) repeat-y; position:relative;}
#body {width:990px; background:url(images/bg-banner.jpg) no-repeat;}
#content {width:670px; clear:both; margin-left:270px; padding-bottom:20px; min-height:678px; height:auto !important; height:678px;}
#contactbox {position:absolute; top:820px; margin-left:27px; width:191px; z-index:5; background:url(images/bg-address.gif) no-repeat; padding-top:40px; text-align:right; font-size:13px; font-weight:bold; color:#406287; }
#contactbox a {color:#406287;}
#features {position:absolute; top:562px; margin-left:27px; width:191px; z-index:6; }
#footer {width:645px; background:url(images/bg-bottom.jpg) no-repeat; margin:0 auto; padding:25px 74px 20px 271px;}
#towelwarmertable {width:90%; border:1px solid #666; margin:0 auto;   }
#towelwarmertable table td {padding:3px; margin:0;text-align:center;}

/* HEADERS ---------- */
h1 {background-repeat: no-repeat;  width:589px; text-indent: -999em; margin: 0; padding:30px 0 0 0; background-position:bottom; height:57px;}
#content h2 {color:#ed5000; font-size:16px;}
#content h3 {color:#014180; font-size:15px; font-weight:normal; font-style:italic;}
#footer h2, #footer h2 a {font-size:14px; color:#cb3d3d; }

h1#logo {
margin: 0;
padding: 17px 0 10px 0;
background-repeat: no-repeat; 
width: 373px;/* this width reflects the width of the logo image */
height: 216px; /* this height reflects the height of the heading image */
overflow: hidden; 
text-indent: -999em;} /* hides rich text so only background image shows */

h1#logo a {
display: block; 
height: 216px;/*same height as logo h1*/ 
width: 373px;/*same width as logo h1*/}

/* CLASSES ---------- */
#footer .noodle {	color: #ed5000; font-size:12px;}
.img {margin:10px 0 10px 10px; float:right;}
.right {float:right;}
.left {float:left;}
.hide {display:none;}
.flash {margin:0 0 0 295px; width:562px; height:253px; clear:both;}
.flashp {color:#000; background-image: url(images/1.jpg); text-align:center; padding-bottom:160px;}
.block {display:block;}
.listnone {list-style:none;}
.center {text-align:center;}
.clearright {clear:right;}
.clear {clear:both;}
.breadcrumbs, .breadcrumbs a {font-size:11px; color:#ed5000; }

/* NAVIGATION ---------- */

ul#sitemap {text-indent:inherit; background:none;}
#sitemap a {background:none;}

/* NAVIGATION MAIN ---------- */
ul#nav {list-style: none; padding: 0; margin:0 0 0 42px; width:191px; position:absolute; z-index:80; top:243px;}

/*  Sets styles for all links that are inside the ul id="nav" */
#nav a {display: block; height: 32px; overflow: hidden; text-indent:-999em; width:191px;}

/* Set the image for each nav item */
#aboutus {background: url(images/nav-about-us.gif); }
#products {background: url(images/nav-products.gif); }
#availability {background: url(images/nav-availability.gif); }
#installation {background: url(images/nav-installation.gif); }
#distributors {background: url(images/nav-distributors.gif); }
#links {background: url(images/nav-links.gif); }
#contactorder {background: url(images/nav-contact-order.gif); }

/* Shift the image position up to show the active state */
#nav a:hover, #nav .active, #nav li:hover, #nav li.sfhover {background-position:-191px 0;}

/* Set the cursor to default arrow so link does not appear clickable */
#nav .active {cursor: default}



/* LOGINS NAV ITEMS ---------- */

#logins {color:#cb3d3d; font-size:11px; text-transform:uppercase; width:98px; text-align:right; padding:0; margin:0 0 0 857px; position:absolute; z-index:90; top:0px;}

/*  Sets styles for all links that are inside the ul id="nav" */
#logins a {color:#cb3d3d;}


/* Set the cursor to default arrow so link does not appear clickable */
#logins .active {cursor: default; text-decoration:none;}