﻿/*body element*/
body
{
    background: url(/Styles/Images/mainMasterPage/bodyBg.gif);
    color: #434343;                             /*05.17.2009*/
    font: normal normal normal 12px/16px Arial;
    margin: 0; padding: 0; padding-bottom: 10px;
    text-align: center;
}

body a { color: #000000; text-decoration: none; }
body a:hover { color: #DB0029; }


/*Main outer table to hold the shaded borders and container*/
#masterPageMainTable
{
    width: 1009px;
}

#masterPageMainTable .leftTd
{
    background-image: url(/Styles/Images/mainMasterPage/wrapperLeftBorder.gif); background-repeat: repeat-y; 
    width: 10px;
}

#masterPageMainTable .centerTd
{
    background-color: #fff;
    width: 989px;
}

#masterPageMainTable .rightTd
{
    background-image: url(/Styles/Images/mainMasterPage/wrapperRightBorder.gif); background-repeat: repeat-y; 
    width: 10px;
}

#masterPageMainTable .bottomBorderTd
{
    background-image: url(/Styles/Images/mainMasterPage/wrapperBottomBorder.gif); background-repeat: repeat-x;
}

    .bottomBorderTd #bottomBorderImages
    {
        height: 10px;
        width: 1009px; 
    }

    
    .bottomBorderTd .bottomBorderLeftImage
    {
        float: left;
        height: 10px; 
        width: 8px; 
    }

    .bottomBorderTd .bottomBorderRightImage
    {
        float: right; 
        height: 10px;
        width: 8px;  
    }
    

    
/*Container*/
#container
{
    background-color: #fff;
    width: 989px;     
} 


                    /*Heading section - Netgain Logo, Login, TopNav etc.*/
                    #header
                    {    
                        height: 158px;    
                        position: relative;
                        width: 100%;
                    }

                    #header #headerTopRedBar
                    {
                        background-color: #DB0029;
                        height: 8px;
                        width: 100%;    
                    }

                    #header #headerContent
                    {
                        margin: 0 auto;
                        position: relative;
                        width: 939px;                        
                    }

                    #header #headerLogo
                    {
                        height: 44px;
                        position: absolute; top: 23px; left: 0px;
                        width: 247px;
                    }                    
                    
                    

/*Login CONTROL section*/
#headerLogin
{
    float: right;
    margin-top: 15px;
    text-align: left;

    /*width: 388px;*/  
}

#headerLogin a{
	display:block;
}

#headerLogin #loginLabel
{   
    color: #DB0029;
    float: left;
    margin-top: 3px;
    padding-right: 10px; 
}

.watermarkUser  { color: #D0D0D0; } 
.watermarkPass  { color: #E0E0E0; }
.userpassText { color: #434343; }

#headerLogin #loginUsername { float: left; padding-right: 10px; }
#headerLogin #loginPassword { float: left; padding-right: 10px; }
#headerLogin #loginButton { float: left; padding-top: 1px; }
#header #loginForgotPassword { float: right; font-size: 10px; margin-top: 3px; }
#header #loginForgotPassword a { color: #929292; }
#header #loginForgotPassword a:hover { color: #DB0029; }



                /*Phone number and chat section*/
                #header #phoneNumAndChat
                {
                    clear: right;
                    float: right;
                    position: relative;
                    text-align: left;                    
                    /*width: 298px;*/
                }

                #phoneNumAndChat .headerCallNowText { color: #434343; float: left; margin-top: 3px; padding-right: 10px; }    
                #phoneNumAndChat .headerTollFreeNum { float: left; margin-top: 5px; padding:0 10px; }    
                #phoneNumAndChat #livePerson { float:right; position: relative; width: 129px; }
                #phoneNumAndChat .headerClickToChat { position: absolute; left: 0px; top: 0px; }



/*Top Navivation*/
#headerClear
{
    clear: both;
    height: 20px;
    width: 100%;
}

#headerTopNavContainer
{
    background: url(/Styles/Images/mainMasterPage/topNavDivBg.gif); background-repeat: repeat-x;
    height: 25px;
    margin: 0 auto;
    position: relative;
    width: 939px; 
}

#headerTopNavLeftFiller
{
    background: url(/Styles/Images/mainMasterPage/topNavItemBg.gif); background-repeat: repeat-x;
    height: 25px;
    position: absolute; left: 0; top: 0;
    /*width: 426px;*/
    /*width: 538px;*/
    width: 350px;
}
#headerTopNav 
{
    color: #434343;
    float: right;
    font-size: 13px;
    height: 25px;
}

#headerTopNav a
{
    background: url(/Styles/Images/mainMasterPage/topNavItemBg.gif); background-repeat: repeat-x;
    color: #434343;
    display: block;
    padding: 0px 15px 0px 15px;
}

#headerTopNav a:hover
{
    background-image: none;
    background-color: #C2C2C2;
    color: #929292;    
}

#headerTopNav .CMSListMenuHighlightedLI
{
    background-color: #C2C2C2;
    color: #929292;
    /*background: url(/Styles/Images/mainMasterPage/topNavSubLinksBg.gif); background-repeat: repeat-x;*/
    padding: 0px 15px 0px 15px;
}

#headerTopNav ul
{
    list-style: none;
    margin: 0; padding: 0;
}

#headerTopNav ul li
{
    margin-left: 1px;
    float: left;    
    line-height: 25px;
    text-align: center;    
}

#headerTopNav ul ul,
#headerTopNav ul ul ul,
#headerTopNav ul ul ul ul,
#headerTopNav ul ul ul ul ul
{display: none;}




                /*Sub Navigation*/
                #headerTopNavSubLinks
                { 
                    /*color: #434343;*/                 /*05.17.2009*/
                    float: right;    
                    height: 25px;   
                    padding-right: 25px; 
                    /*width: 510px;*/
                    /*width: 399px;*/                    
                    width: 524px;
                    
                }
                
                #headerTopNavSubLinks .CMSListMenuUL
                {
                    /*background-color: #929292;*/              /*05.17.2009*/
                    height: 25px;
                }

                /*#hasSubLinks
                {
                    background-color: #929292;
                    font-size: 13px;
                    height: 25px; 
                    width: 100%;    
                }*/

                #headerTopNavSubLinks a
                {
                    color: #434343;
                    display: block;
                    padding: 0px 15px 0px 16px;
                }

                #headerTopNavSubLinks a:hover
                {
                    color: #929292; 
                }

                #headerTopNavSubLinks .CMSListMenuHighlightedLI
                {
                    color: #929292;
                    padding: 0px 15px 0px 16px;
                }

                #headerTopNavSubLinks ul
                {
                    /*background-color: #929292;*/              /*05.17.2009*/
                    background: url(/Styles/Images/mainMasterPage/topNavSubLinksBg.gif); background-repeat: repeat-x;
                    list-style: none;
                    margin: 0; padding: 0;
                }

                #headerTopNavSubLinks ul li
                {
                    background-color: Transparent;
                    float: left;    
                    line-height: 25px;
                    position: relative;    
                    text-align: center;    
                }

                #headerTopNavSubLinks ul ul,
                #headerTopNavSubLinks ul ul ul,
                #headerTopNavSubLinks ul ul ul ul,
                #headerTopNavSubLinks ul ul ul ul ul
                {display: none;}

                /*
                #headerTopNav ul li:hover ul,
                #headerTopNav ul ul li:hover ul,
                #headerTopNav ul ul ul li:hover ul,
                #headerTopNav ul ul ul ul li:hover ul
                {display: block;}
                */
                


/*Footer*/
#footer
{
    background-color: #434343;
    margin: 0px auto;
    overflow: auto;
    padding: 0px;
    text-align: center;    
    width: 989px;
}

#footer #footerContent
{    
    color: #fff;
    font-size: 11px;
    padding: 2px 0px 3px 0px;
    text-align: left;   
}

#footer a { color: #fff; }
#footer a:hover { color: #929292; }   
#footer .footerPrivacy { padding-left: 25px; padding-right: 11px; }
#footer .footerTerms { padding-left: 11px; padding-right: 11px; }
#footer .footerContact { padding-left: 11px; padding-right: 11px; }
#footer .footerDownload { padding-left: 11px; padding-right: 11px;}
#footer .footerSitemap { padding-left: 11px; padding-right: 11px;}
#footer .footerDataCenterTour { padding-left: 11px; padding-right: 11px;}




