﻿/*====GENERAL====*/

body
{
    background-color: #f1eeeb;
    background-image:url("../images/bodybg2.gif");
    background-repeat:no-repeat;
    background-attachment:fixed;
    font-family: Trebuchet MS, Arial, Verdana;
}


h1
{
    font-size: 18px;
    color: #990000;
    margin: 0;
}

h2
{
    font-size: 16px;
    margin: 0;
    color: #cc0000;
    font-style: italic;
}

h3
{
    color:#cc0000;
}

#pageContent
{
    width: 800px;
    margin: 0 auto;
}


/*====TOP====*/

#topContent
{
    width: 800px;
    height: 150px;
}

#logo
{
    width: 225px;
    height: 150px;
    float: left;
}

#logo img
{
    border: none;
}


#topContentRight
{
    width:575px;
    height:150px;
    float:left;
    background-image: url("../images/topNavbg.gif");
    background-repeat: no-repeat;
}

#topNav
{
    width:452px;
    height:48px;
    margin:102px 0 0 0;
    float:left;
}

#topNav ul
{
    margin:0;
    text-indent:0;
    padding:0;
}

#topNav li
{
    float:left;
    margin:0 3px 0 0;
    list-style-type:none;
}

#topNav a
{
    width:85px;
    height:20px;
    padding:2px 0 0 0;
    color:#fff;
    font-size:13px;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    display:block;
    background-color:#B59274;
}

#topNav a:hover
{
    color:#990000;
    background-color:#dac8bc;
}

#topNav a.selected, #topNav a.selected:hover
{
    color:#fff;
    background-color:#7F6F60;
}

/*====MID====*/

#headers
{
    width: 800px;
    text-align: center;
    margin: 5px 0 5px 0;
}

#mainContentLeft
{
    width: 215px;
    float: left;
    padding:0 5px 0 5px;
}

#mainContentLeft img
{
    border:solid 5px #dac8bc;
}

#mainContentLeft a:hover img 
{
    border:solid 5px #990000;
}

#mainContentLeft h3
{
    font-size:12px;
    text-align:center;
    margin:13px 0 0 0;
}

#mainContentLeft a h3 
{
    width:210px;
    color:#990000;
    text-decoration:none;
    background-color: #dac8bc;
    padding:5px 0 0 0;
    display:block;
}

#mainContentLeft a.first h3 
{
    margin:5px 0 0 0;
}


#mainContentLeft a:hover h3 
{
    background-color: #990000;
    color:#f1eeeb;
}

#mainContentRight
{
    width: 215px;
    float: left;
    text-align:center;
    padding:0 5px 0 5px;
}

#mainContentRight a  img
{
    margin:0 0 5px 0;
    border:none;
}


#mainContentMid
{
    width: 338px;
    min-height:470px;
    color: #333;
    float:left;
    font-size: 12px;
    text-align: justify;
    margin-top: 5px;
    padding: 0 5px 0 5px;
    border: solid 1px #dac8bc;
    background-color: #fff;
}

#mainContentMid strong
{
    font-size:14px;
    color:#000;
}

#mainContentMid a
 {
    color:#7F6F60;
    font-weight:bold;
}

#mainContentMid a:hover
 {
    color:#B59274;
}

.text
{
    width: 330px;
    padding: 5px;
}

/*Cane-Furniture.aspx*/

#mainContentLeftCane
{
    width:563px;
    min-height:470px;
    color: #333;
    float:left;
    font-size: 12px;
    text-align: justify;
    border: solid 1px #dac8bc;
    background-color: #fff;
    margin-top: 5px;
    padding: 5px;
    float:left;
}

#mainContentRightCane
{
    width: 215px;
    float: left;
    text-align:center;
    padding:0 5px 0 5px;
}

#mainContentRightCane img
{
    margin:5px 0 0 5px;
    border:none;
}

/*quickForm*/

#quickForm
{
    width:202px;
    min-height:465px;
    color:#333;
    text-align:justify;
    font-size:12px;
    border: solid 1px #dac8bc;
    background-color:#fff;
    margin-top: 5px;
    padding:3px;
}

.fastFormText
{
    float:left;
}

.bigq
{
    font-size:20px;
    color:#000;
}

input.norm, td.norm input, td.norm select
{
    width:120px;
    border-top:solid 1px #7F6F60;
    border-left:solid 1px #7F6F60;
    border-bottom:solid 1px #dac8bc;
    border-right:solid 1px #dac8bc;
    background-color:#f1eeeb;
    padding:0;
}

/*Showroom*/

#showroomListLeft
{
    width:50%;
    float:left;
}

#showroomListRight
{
    width:50%;
}

#showroomListRight ul, #showroomListLeft ul
{
    margin:0;
    padding:0;
    list-style-type:none;
}