/*  
    Stayco CSS
    September 2009
    Magic House
*/


/* Zeroing to help cross browser rendering */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset
{
    margin: 0;
    padding: 0;
    font-family:Helvetica, Arial;
}

/* 100% Height required for brush metal */
html, body, form 
{
    height:100%;
}

/* Main page elements */
body 
{
    background-image:url(../images/treadRepeat.gif);
    font-size:14px;
}
img 
{
    border-style: none;
}

/* Structural divisions */
#wrapper 
{
    height:100%;
    width:960px;
    margin-left:auto;
    margin-right:auto;
    background-image:url(../images/brushedMetal.jpg);
}
#header 
{
}
#header #breadcrumb 
{
    text-align:right;
    font-size:12px;
    padding-right:25px;
    padding-bottom:20px;
    color:#000;
}
#header #breadcrumb a 
{
    text-decoration:none;
    color:#666;
}
#navigation 
{
}
#navigationList
{
    height:36px;
    width:960px;
    list-style:none;
}
#navigationList li
{
    float:left;
}
#navigationList li a
{
    font-size:15px;
    display:block;
    width:225px;
    text-decoration:none;
    color:#CCC;
    padding-top:13px;
    padding-left:15px;
}
#subHeader 
{
    background-color:#FFF;
    border-top:solid 5px #196CA2;
    padding:25px 25px 0px 25px;
    height:85px;
}
#pageTitle 
{
    width:600px;
    float:left;
}
#pageTitle h1 
{
    font-size:20px;
}
#subMenu 
{
    width:285px;
    margin-left:625px;
}
#subMenu ul
{
    list-style:none;
}
#subMenu ul li 
{
    padding-top:3px;
}
#subMenu ul li a
{
    display:block;
    width:285px;
    color:#000;
    text-decoration:none;
    border-bottom:solid 1px #808080;
    font-size:14px;
}
#subMenu ul li a:hover
{
    display:block;
    width:285px;
    color:#186CA2;
    text-decoration:none;
    border-bottom:solid 1px #186CA2;
}
#mainContent 
{
    background-color:#FFF;
    border-bottom:solid 5px #196CA2;
    padding:25px 25px 50px 25px;
    overflow:auto;
}
#leftColumn 
{
    width:600px;
    float:left;
    font-size:14px;
    padding-bottom:25px;
}
#formDownload ul
{
    list-style-position:inside;
    padding-top:10px;
}
#formDownload li 
{
    padding-top:15px;
}
#formDownload li a 
{
    text-decoration:none;
    font-weight:bold;
    color:#000;
}
#rightColumn
{
    width:285px;
    margin-left:625px;
}
#greyInfo 
{
    background-color:#DCDCDC;
    padding:25px;
}
#footer 
{
    height:23px;
    background-color:#4D4D4D;
    clear:both;
    text-align:right;
    color:#FFF;
    font-size:13px;
    padding-top:7px;
    padding-right:25px;
}

/* Classes */
.homeLinks 
{
    text-decoration:none;
    color:#186CA2;
    font-weight:bold;
}
.smallText 
{
    font-size:12px;
}
.productRangeTitle
{
    font-size:13px;
    border-bottom:solid 1px #808080;
}
.productRangeTitle:hover
{
    border-bottom:solid 1px #186CA2;
}
.productRangeTitle a 
{
    color:#000;
    text-decoration:none;
}
.productRangeTitle a:hover 
{
    color:#186CA2;
}
.productRangeTitle img 
{
    padding-bottom:5px;
}
.productSpecLink 
{
    display:inline-block;
    color:#186CA2;
    text-decoration:none;
    padding-top:40px;
    font-weight:bold;
}
.verticalTable td
{
    vertical-align:top;
    padding-bottom:20px;
}
.homeTab 
{
    background-image:url(../images/tabs/tab1.jpg);
}
.companyTab 
{
    background-image:url(../images/tabs/tab2.jpg);
}
.productsTab 
{
    background-image:url(../images/tabs/tab3.jpg);
}
.contactTab 
{
    background-image:url(../images/tabs/tab4.jpg);
}