/* Beds Website Style Sheet*/

* {margin: 0; border: 0; padding: 0; }

/* divs */

body
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 90%;
    margin: 0;
    padding: 0;
    color: #636363;
    text-decoration: none; 
    background-color: #EAE5C7;
    text-align:justify;
    background-image: url(../images/titlebk.gif);
    background-repeat: repeat-x;  
}

a:link {color: #CF9007; text-decoration: none; }
a:visited {color: #a06000; text-decoration: none; }
a:hover {color: #f0b030; text-decoration: none; }

img.detail1 { float: right; margin: 0 0 0 1em;}
img.detail2 { float: left; margin: 0 1em 0 0;}

div.clear { clear: both; }

#container
{
    position:relative;
    width:590px;
    margin:0 auto 0;
    padding:0;
    background-image: url(../images/logo.gif);
    background-repeat: no-repeat;
}

#nav
{
    height: 114px;
    float: right;
    line-height: 80px;
}

#nav img
{
    padding: 0px 0px 0px 10px;
}

#main
{
    width: 650px;
    min-height: 590px;
    position:relative;
    clear: both;
}

#content
{
    clear: both;
    width: 590px;
}

.productinfo
{
    clear: both;
}

.producttext
{   
    width: 400px;
    margin: 5px 0px 0px 10px;
    float: left;
}

#largeproducttext
{   
    width: 400px;
    margin: 5px 0px 10px 0px;
    clear: both;
}

#divassemblyanim {
    width: 250px;
    margin: 0 auto;
}

div#links {position: relative; width: 510px; height: 600px; font-size: 16px; z-index: 100; background: url(../images/products/b01i01.jpg) no-repeat 0px 40px;}
div#links a {display: block; text-align: center;
   padding: 5px 10px; margin: 0 0 1px; border-width: 0;
   text-decoration: none; color: #EAE5C7; background: #CF9007;
   float: left;}
div#links a:hover {color: #CF9007; background: #dAd5b7;}

div#links a img {height: 0; width: 0; border-width: 0;}
div#links a:hover img {position: absolute; top: 40px; left: 0px; width: 500px; height: 500px; }

div#links2 {position: relative; width: 510px; height: 600px; font-size: 16px; z-index: 100; background: url(../images/products/b02i01.jpg) no-repeat 0px 40px;}
div#links2 a {display: block; text-align: center;
   padding: 5px 10px; margin: 0 0 1px; border-width: 0;
   text-decoration: none; color: #EAE5C7; background: #CF9007;
   float: left;}
div#links2 a:hover {color: #CF9007; background: #dAd5b7;}

div#links2 a img {height: 0; width: 0; border-width: 0;}
div#links2 a:hover img {position: absolute; top: 40px; left: 0px; width: 500px; height: 500px; }

div#links3 {position: relative; width: 510px; height: 600px; font-size: 16px; z-index: 100; background: url(../images/products/b03i01.jpg) no-repeat 0px 40px;}
div#links3 a {display: block; text-align: center;
   padding: 5px 10px; margin: 0 0 1px; border-width: 0;
   text-decoration: none; color: #EAE5C7; background: #CF9007;
   float: left;}
div#links3 a:hover {color: #CF9007; background: #dAd5b7;}

div#links3 a img {height: 0; width: 0; border-width: 0;}
div#links3 a:hover img {position: absolute; top: 40px; left: 0px; width: 500px; height: 500px; }

#footer
{
    clear: both;
    background-color: #dAd5b7;
    color: #9A9587;
    text-align: right;
    font-size: 0.9em;
    margin: 1em 0 0 0;
}

#footer a {
    float: left;
}
/* fonts */

h1 { font-size: 1.5em; color: #7E0D28; font-weight: bold; text-decoration: none; }
h2 { font-size: 1.2em; color: #FFFFFF; font-weight: bold; text-decoration: none; }
h3 { font-size: 1.0em; color: #FFFFFF; background-color: #546ABC; font-weight: bold; text-decoration: none; padding: 0px 0px 0px 5px;}
h4 { font-size: 0.8em; color: #A9421F; font-weight: bold; text-decoration: none; }
h5 { font-size: 0.8em; color: #666666; text-decoration: none; }

span.firstline { font-size: 1.0em; font-weight: bold; text-decoration: none;}
span.saleline { font-size: 1.0em; font-weight: bold; color: #e65c5c; text-decoration: none;}
span.clear { clear: both; }
span.name { font-size: 1.1em; color: #CF9007; font-weight: bold; text-decoration: none; }
span.name a:link {color: #CF9007; text-decoration: none; }
span.name a:visited {color: #a06000; text-decoration: none; }
span.name a:hover {color: #f0b030; text-decoration: none; }

span.details { font-size: 1.0em; text-decoration: none; }
span.price { font-size: 1.1em; color: #871D00; font-weight: bold; text-decoration: none;}
span.reducedfrom { font-size: 1.1em; color: #CF9007; font-weight: bold; text-decoration: line-through;}

.clearboth {
    clear: both;
}

table.dimensions { font-size: 0.9em; font-weight: bold; text-decoration: none; }

/* hyperlinks */

/*
a:link {border: 10px; color: #dc7a48; text-decoration:none;}
a:visited {color: #c86634; text-decoration:none;}
a:hover {color: #f08e5c; text-decoration:underline;}
*/

/* paragraphs */

p {padding: 0px; margin: 0px;}
p.floatleft { float: left; padding: 10px; margin: 0px 0px 0px 0px;}
p.first {color: #23A6E0; text-decoration: none; }
p.bedimage {width: auto; height: auto; padding: 10px; margin: 0px; float: left;}
p.bedtext {width: auto; height: auto; padding: 10px; margin: 0px; float: left;}
p.hang_areas {padding: 0px 0px 0px 10px; margin: 0px;}

ul {
    list-style-type: disc;
}
/* images */

img.productimage { float: left; margin: 10px 0 0 0; border: 0;}

/* contact form stuff */
form#contact div {
    margin: 0 0 0.25ex 0; 
    clear: left;
}

form#contact label {
    width: 7em;
    display: block;
    float: left;
    font-weight: bold;
    padding-right: 1.5em;
}

form#contact div.actions {
    margin-left: 7em;
    padding-left: 1.5em;
}

form#contact input, form textarea {
    border: solid 1px #000;
}
form#leafmodel {
    float: right;
}
form#scrollmodel {
    float: right;
}
form#modernmodel {
    float: right;
}