/*  
    Stayco CSS
    July 2011
    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 
{
    min-width:970px;
}


/* Main page elements */
body 
{
    background-image:url(../images/brushedMetal2.jpg);
    font-size:14px;
}
img 
{
    border-style: none;
}
a 
{
    outline:none;
    font-weight:bold;
    color:#186CA2;
    text-decoration:none;
}
h2 
{
    font-size:18px;
}
h3 
{  
    font-size:15px;
}


/* Structural divisions */
#headerJacket {
    border-bottom:solid 5px #165791;
}
#header
{
    width:970px;
    margin-left:auto;
    margin-right:auto;
}
#header #breadcrumb 
{
    text-align:right;
    font-size:12px;
    padding-right:25px;
    padding-bottom:20px;
    color:#000;
}
#header #breadcrumb a 
{
    text-decoration:none;
    color:#666;
    font-weight:normal;
}
#navigation 
{ /* This div is run at the server to dynamically set the navigation tabs */
}
#navigationList
{
    height:36px;
    width:970px;
    list-style:none;
}
#navigationList li
{
    float:left;
}
#navigationList li a
{
    font-size:15px;
    display:block;
    width:225px;
    text-decoration:none;
    color:#CCC;
    padding-top:15px;
    padding-left:15px;
    font-weight:normal;
}
#subHeaderJacket 
{
    background-color:#FFF;
}
#subHeader 
{
    width:960px;
    margin-left:auto;
    margin-right:auto;
    background-color:#FFF;
    padding:25px 0px 0px 0px;
}
#pageTitle 
{
    width:600px;
    float:left;
}
#pageTitle h1 
{
    font-size:20px;
}
#subMenu 
{
    width:285px;
    margin-left:670px;
}
#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;
} 
#mainContentJacket 
{
    background-color:#FFF;
}
#mainContent 
{
    width:960px;
    margin-left:auto;
    margin-right:auto;
    background-color:#FFF;
    padding:20px 0px 50px 0px;
    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:670px;
}
#rightColumn a
{
    color:#186CA2;
    text-decoration:none;
    font-weight:bold;
}
#rightColumn #rangeMenu 
{
    padding-top:10px;
}
#rightColumn #rangeMenu a
{
    display:block;
    width:248px;
    padding-top:7px;
    padding-left:7px;
    padding-bottom:7px;
    padding-right:30px;
    color:#000;
    background-color:#DCDCDC;
    background-image:url(../images/linkArrow.png);
    background-repeat:no-repeat;
    background-position:265px center;
    margin-bottom:5px;
}
#rightColumn #rangeMenu a:hover
{
    background-color:#C4DAE8;
}
#greyInfo 
{
    background-color:#DCDCDC;
    padding:25px;
}
#wideColumnProducts
{
    clear:both;
}
#footer 
{
    height:23px;
    background-color:#4D4D4D;
    clear:both;
    text-align:right;
    color:#FFF;
    font-size:13px;
    padding-top:7px;
    padding-right:25px;
    border-top:solid 5px #165791;
}
    #footerPhone 
    {
        width:970px;
        margin-left:auto;
        margin-right:auto;
    }
#chartInfo 
{
    font-size:12px;
    width:960px;
}
    #chartInfo td
    {
        vertical-align:top;
    }


/* Classes */
.homeLinks 
{
    text-decoration:none;
    color:#186CA2;
    font-weight:bold;
}
.smallText 
{
    font-size:11px;
}
.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);
}
.rightUnderlinedHeading
{
    border-bottom:solid 1px #808080;
    padding-bottom:2px;
    font-weight:bold;
}
.paragraphCorrection p
{
    margin-bottom:15px;
}
.productLinkArrow
{
    display:block;
    width:153px;
    padding:7px 7px 7px 0px;
    color:#000;
    font-weight:bold;
    text-decoration:none;
    border-bottom:1px solid #000;
    background-image:url(../images/linkArrow.png);
    background-repeat:no-repeat;
    background-position:146px center;
    margin-bottom:5px;
}