/* ----------------- GLOBAL ------------------- */

body
{
    margin: 0px 0px 80px 0px;
    padding: 0px;
    background: url( 'images/bodyBg.jpg' );
    font-family: Arial;
    font-size: 12px;
    color: #32373F;
    width: 100%;
}

#containerLarge
{
    width: 100%;
    background: url( 'images/siteBg.jpg' ) no-repeat center 0px;
}

#container
{
    width: 981px;
    margin: 0px auto;
    position: relative;
}
#RightSide .HideMobilePop, .contentSection .HideMobilePop
        {
            display: none;
            }
            .Show
            { display: none; }

a
{
    color: #C18330;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

p
{
    font-family: Arial;
}

p.noHeader
{
    margin-top: 10px;
}

.fntOrange
{
    color: #C18330;
    font-weight: bold;
}

img
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
}

img.inset
{
    float: left;
    margin: 10px;
}

img.inset.alt
{
    float: right;
}
div.mainContent ul
{
    clear: both;
    list-style: none;
    line-height: 17px;
    margin-left: 0px;
    padding-left: 10px;
}

div.mainContent ul li
{
    background: url( 'images/dropArrow.png' ) no-repeat left top;
    background-position: 0px 2px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 15px;
    text-align: left;
}

div.mainContent ul li.listHeader
{
    background: none;
    padding: 0px;
    font-weight: bold;
    font-size: 12px;
}

div.clear
{
    clear: both;
}

/* -- BW added to format superscript fonts as the same line height --    */
sup
{
    font-size: .85em;
    vertical-align: top;
}

/* ----------------- HEADER ------------------- */

div.header
{
    height: 350px;
    width: 100%;
    background: url( 'images/headerBg4.jpg' ) no-repeat;
    position: relative;
    overflow: hidden;
}

div.header.smallHeader
{
    height: 138px;
    background: url( 'images/headerBgSmall.jpg' ) no-repeat;
    overflow: visible;
}

div.header.smallHeader ul.siteNav
{
    top: 0px;
}

div.header h1
{
    height: 86px;
    width: 224px;
    background: url( 'images/logoIMG.png' ) no-repeat 0px 5px;
    text-indent: -5000px;
    margin: 0px;
    padding: 0px;
    z-index: 5000;
}

div.header a#lnkHome
{
    position: absolute;
    top: 5px;
    left: 10px;
    width: 210px;
    height: 86px;
    text-indent: -5000px;
    display: block;
}

div.header a#lnkHomeRight
{
    position: absolute;
    top: 5px;
    right: 80px;
    font-size: 10px;
    text-decoration: none;
}

div.header a#lnkSpanish
{
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 10px;
    text-decoration: none;
}

div.header a#lnkHelp
{
    position: absolute;
    top: 5px;
    right: 80px;
    font-size: 10px;
    text-decoration: none;
}

div.header a#lnkContact
{
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 10px;
    text-decoration: none;
}

a#lnkHomeRight:hover, a#lnkSpanish:hover, a#lnkContact:hover
{
    text-decoration: underline !important;
}
.smalltext
{
    font-size: 10px;
}

/* ------ LOGIN BOX ------ */

div.header div#Login
{
    height: 40px;
    width: 115px;
    position: absolute;
    top: 31px;
    left: 510px;
    text-align: center;
}
div.header div#ProdLogin
{
    border-color: #656565;
    height: 40px;
    width: 140px;
    position: absolute;
    top: 31px;
    left: 635px;
    border-left-style: dotted;
    border-left-width: 1px;
    text-align: center;
}

div.header div#Login span.header, div.header div#ProdLogin span.header
{
    margin: 0px;
    border: 0px;
    color: #F6F6F6;
}
span.header a
{
    color: #F6F6F6;
}
span.header a:visited
{
    color: #F6F6F6;
}

div.header div#Login input
{
    color: #FFFFFF;
}

div.header div#Login input#txtUserName, div.header div#Login input#txtPassword
{
    background: url( 'images/fieldUsername.jpg' ) no-repeat;
    width: 100px;
    height: 21px;
    border: none;
    padding: 3px;
    font-size: 10px;
    position: absolute;
    top: 15px;
}
div.header div#Login input#txtUserName
{
    left: 0px;
}
div.header div#Login input#txtPassword
{
    left: 105px;
}

div.header div#Login input#btnSubmit
{
    background: url( 'images/btnGo.jpg' ) no-repeat;
    height: 21px;
    width: 21px;
    text-indent: -5000px;
    border: 0px;
    position: absolute;
    left: 208px;
    top: 15px; /* IE FIXES */
    font-size: 0px;
    display: block;
    line-height: 0px;
}

div.header div#Login a#lnkForget
{
    position: absolute;
    top: 23px;
    left: 235px;
    font-size: 10px;
    color: #B89C2D;
}

.dottedLeftBorder
{
    border-left: dotted 1px #656565;
}


/* ------ SEARCH BOX ------ */

div.header div#Search
{
    height: 40px;
    width: 185px;
    position: absolute;
    top: 31px;
    left: 772px;
    border-left: dotted 1px #656565;
    padding-left: 15px;
}

div.header div#Search span.header
{
    margin: 0px;
    border: 0px;
    display: block;
    color: #F6F6F6;
}

div.header div#Search input#txtSearch
{
    background: url( 'images/fieldSearch.jpg' ) no-repeat;
    width: 160px; 
    height: 21px;
    border: none;
    padding: 3px 6px 3px 3px; 
    font-size: 10px;
    position: absolute;
    top: 15px;
    color: #FFFFFF;
}

.sf_searchText, .txtSearch
{
    background: url( 'images/fieldSearch.jpg' ) no-repeat;
    width: 150px;
    height: 21px;
    border: none;
    padding: 3px 6px 3px 3px;
    font-size: 10px;
    position: absolute;
    top: 15px;
    color: #FFFFFF;
}

div.header div#Search input#btnSearch, .sf_searchSubmit
{
    background: transparent url( 'images/btnGo.jpg' ) no-repeat scroll 0 0;
    border: 0 none;
    display: block;
    font-size: 0;
    height: 21px;
    left: 175px;
    line-height: 0;
    position: absolute;
    text-indent: -5000px;
    top: 15px;
    width: 20px; /* IE FIXES */
    font-size: 0px;
    display: block;
    line-height: 0px;
}
.sf_searchBox label
{
    display: none;
}

/* --------------- NAVIGATION ----------------- */

ul.siteNav
{
    width: 980px;
    height: 30px;
    display: block;
    margin: 22px 0px 0px 0px;
    padding: 0px;
    list-style: none;
    background: url( 'images/navBg.jpg' ) no-repeat;
    position: relative;
    top: 212px;
    z-index: 5000;
}

ul.siteNav li
{
    float: left;
    display: block;
    height: 29px;
    padding: 0px;
    text-align: center;
}

ul.siteNav li a
{
    font-family: Arial;
    font-size: 12px;
    color: #F6F6F6;
    display: block;
    height: 22px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    margin-top: 0px;
    padding-top: 8px;
}
ul.siteNav li a:hover
{
    text-decoration: none;
}

ul.siteNav li.nav1
{
    width: 196px;
}
ul.siteNav li.nav1.currentSection a, ul.siteNav li.nav1 a:hover
{
    background: url( 'images/navBg.jpg' ) no-repeat 0px -30px;
}
ul.siteNav li.nav2
{
    width: 194px;
}
ul.siteNav li.nav2.currentSection a, ul.siteNav li.nav2 a:hover
{
    background: url( 'images/navBg.jpg' ) no-repeat -196px -30px;
}
ul.siteNav li.nav3
{
    width: 197px;
}
ul.siteNav li.nav3.currentSection a, ul.siteNav li.nav3 a:hover
{
    background: url( 'images/navBg.jpg' ) no-repeat -390px -30px;
}
ul.siteNav li.nav4
{
    width: 195px;
}
ul.siteNav li.nav4.currentSection a, ul.siteNav li.nav4 a:hover
{
    background: url( 'images/navBg.jpg' ) no-repeat -587px -30px;
}
ul.siteNav li.nav4.currentSection a
{
    background: url( 'images/navBg.jpg' ) no-repeat -588px -30px;
}
ul.siteNav li.nav5
{
    width: 198px;
}
ul.siteNav li.nav5.currentSection a, ul.siteNav li.nav5 a:hover
{
    background: url( 'images/navBg.jpg' ) no-repeat -782px -30px;
}

/* --------------- BREADCRUMBS ---------------- */

div#breadcrumbs
{
    clear: both;
}

div#breadcrumbs a
{
    color: #49505B;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
    padding-right: 15px;
    margin-right: 5px;
    float: left;
    background: url( 'images/bulletArrow.jpg' ) no-repeat right 3px;
}
div#breadcrumbs a.lastLink
{
    background: none;
}

/* ----------------- CONTENT ------------------ */

div.mainContent
{
    background: #F2F3F3;
    width: 960px;
    height: auto;
    padding: 10px 10px 10px 10px;
    z-index: 10;
}
div.MainPageContent
{
    background: #F2F3F3;
    width: 625px;
    height: auto;
    z-index: 10;
    float: left;
}
div.mainContent h2, div.mainContent h1
{
    padding: 0px;
    margin: 0px 0px 19px 0px;
    font-size: 30px;
    font-weight: normal;
    background: url( 'images/headerDots.jpg' ) no-repeat left bottom;
    clear: both;
}

div#RightSide 
{
    float: right;
    width: 288px;
    margin-bottom: 12px;
    font-family: helvetica;
}
div.narrowContentSection
{
    background-position: bottom;
    width: 280px;
    float: right;
    padding: 5px 0px 5px 8px;
    margin: 0px 0px 10px 0px;
    background: #FFFFFF bottom;
}

div.contentSection
{
    width: 605px;
    float: left;
    background: #FFFFFF;
    position: relative;
    padding: 5px 10px 15px 10px;
    z-index: 10;
    top: 14px;
    margin-bottom: 20px;
    border-radius: 10px;
    
}

div.contentSection.long
{
    padding-bottom: 250px;
    margin-bottom: 20px;
}

div.contentSection.wide
{
    width: 940px;
}

div.contentSectionLongWide
{
    width: 940px;
    float: left;
    background: #FFFFFF;
    position: relative;
    padding: 0px 10px 250px 10px;
    z-index: 10;
}

div.contentSection h3, div.contentSection h2
{
    color: #C18330;
    margin-top: 10px;
    font-size: 15px;
    margin-bottom: 10px;
}

div.contentSection h3 span.subText, div.contentSection h2 span.subText
{
    font-size: 10px;
    color: #32373F;
}

div.contentSection h5
{
    color: #C18330;
    font-size: 15px;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
}

div.contentSection h5.green
{
    color: #669900;
    margin: 0px;
}

div.contentSection h6
{
    color: gray;
    font-size: 10px;
    margin: 10px 0px 0px 0px;
    padding: 0px;
}
div.contentSection li
{
    color: #32373F;
}

dl.contactInfo
{
    text-align: left;
    float: left;
    width: 300px;
    margin: 0px;
}
dl.contactInfo dt, dl.contactInfo dd
{
    margin: 0px;
}
dl.contactInfo dt
{
    font-weight: bold;
}

div.contentColumn
{
    width: 280px;
    float: left;
    padding: 0px 15px 0px 0px;
    height: 120px;
    overflow: hidden;
}

div.contentColumn p
{
    margin-top: 0px;
}

/* ------ COVERAGE ------ */

div#coverage
{
    width: 288px;
    float: right;
    background: url( 'images/coverageBg2.jpg' ) #FFFFFF no-repeat center top;
    padding: 150px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
}
.nopic
{
    background: url( 'images/coverageBgNoPic.png' ) #FFFFFF no-repeat center top !important;
    padding: 25px 0px 0px 0px !important;
}
.nopic a
{
    margin: 0px !important;
}

div#coverage div.optionButton
{
    position: relative;
    background: url( 'images/btnOption.jpg' ) no-repeat 10px 0px;
    padding: 2px 15px 0px 15px;
    margin-top: 0px;
    height: 50px;
    width: 265px;
}
.BlankButton
{
    background:none #FFFFFF !important;
    padding: 10px 0px 10px 0px !important;
}
div.optionButton a
{
    position: absolute;
    top: 0px;
    left: 10px;
    width: 268px;
    height: 50px;
    display: block; 
    Color:White;
}
div.optionButton a:hover
{
    background: url( 'images/btnOption-lite.jpg' ) no-repeat;
    color: White;
    text-decoration: none;
}
div.optionButton span
{
    color: #FF6600;
    padding: 0px;
    font-weight: bold;
    font-size: 13px;
    margin-left: 3px;
}
div.optionButton span.optionText
{
    color: White;
    font-weight: normal;
    font-size: 11px;
    line-height: 11px;
    width: 220px;
    display: block;
    margin-left: 4px;
    margin-top: 2px;
}
div.optionButton span.optionHead
{
    margin-bottom: 0px;
    margin-top: 5px;
    display: block;
}


div#coverage a#lnkAll
{
    background: url( 'images/btnAllProducts.jpg' ) no-repeat;
    margin: 0px;
    width: 288px;
    height: 21px;
    text-indent: -5000px;
    display: block;
}


/* ------- QUOTE NOW -------- No longer used */

div#quoteNow
{
    float: right;
    width: 288px;
    height: 60px;
    margin-bottom: 10px;
    font-family: helvetica;
}

div#quoteNow a
{
    display: block;
    width: 268px; 
    height: 60px; 
    background: url( 'images/btnQuoteBuy-BW.png' ) no-repeat; 
    outline: none; 
    margin-bottom: 2px;
    text-decoration: none;
    color: #000000;
    padding-top: 0px;
    padding-bottom: 1px;
    padding-left: 20px;
    line-height: 1.5em;
}

div#quoteNow a:hover, div#quoteNow a:focus
{
    /*  background:   url('images/btnQuoteBuy.png') no-repeat 0px -60px;  BW removed graphic from hover effect */
    color: #c2893a;
}
/*-------------- Quote Buttons ----------- */
.QuoteButton a
{
    background-image: url( 'images/QuoteButtondk2.png' );
    background-repeat: no-repeat;
    width: 288px;
    height: 58px;
    margin-bottom: 5px;
    display: block;
    padding-top: 5px;
    padding-left: 10px;
        cursor: pointer;

}
a
{
        cursor: pointer;
}
.QuoteButton a:hover
{
    background-image: url( 'images/QuoteButtonlt2.png' );
    display: block;
    text-decoration: none;
}

.QuoteButton .QuoteTextLg
{
    font-size: 25px !important;
    color: White;
}
.QuoteButton .OrangeText
{
    color: #FF6600;
    font-weight: bold;
}
.QuoteButton .QuoteSmText
{
    color: White;
}
.reverse a
{
    background-image: url( 'images/QuoteButtonlt.png' ) !important;
}
.reverse a:hover
{
    background-image: url( 'images/QuoteButtondk.png' ) !important;
}

/* ------ LINK BOX ------ */

div.linkBox, div.IMGQuickLinks
{
    width: 288px;
    float: right;
    padding: 5px 0px 5px 0px;
    margin: 0px 0px 10px 0px;
    background-color: #FFFFFF;
    border-radius: 10px;
}

div.linkBox p
{
    margin: 10px;
}

div.linkBox ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    line-height: 17px;
}
div.linkBox ul li
{
    background: url( 'images/dropArrow.png' ) no-repeat top left;
    background-position: 0px 2px;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 15px;
    font-size: 11px;
    text-align: left;
}
div.linkBox img
{
    float: left;
    margin: 0px 0px 5px 7px;
    clear: both;
}
div.linkBox ul li.listHeader h4
{
    margin: 5px 0px 5px 0px !important;
    color: #C18330;
}
div.linkBox ul li a
{
    font-size: 12px;
    color: #C18330;
    text-decoration: none;
}
div.linkBox ul li a:hover
{
    text-decoration: underline;
}
div.linkBox h4, div.IMGQuickLinks h4
{
    color: #C18330;
    display: block;
    font-size: 13px !important;
    margin: 5px 0px 10px 10px !important;
    padding: 0px 5px 5px 0px;
    border-bottom: solid 1px #C4C5C0;
    width: 267px;
}

span.currentLink
{
    margin-left: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #49505B;
}

div.IMGQuickLinks h4
{
    color: #c18330 !important;
    margin-bottom: 5px !important;
}

/* ------ QUICK LINKS ------ */

div#quickLinks h2
{
    background: url( 'images/hdrQuickLinks.jpg' ) no-repeat top center;
    text-indent: -5000px;
    margin-bottom: 5px !important;
}

div#quickLinks .quickLinks
{
    position: absolute;
    top: 35px;
    left: 10px;
    margin-top: 0px;
}
#quickLinks option, #quickLinks select
{
    font-size: 12px;
}

/* ------ LOGIN BOX ------ */

div.loginBox
{
    border-top: dashed 1px #C4C5C0;
    border-bottom: dashed 1px #C4C5C0;
    padding: 10px 0px;
}

div.loginBox dl
{
    margin: 0px;
    padding: 0px;
    clear: both;
    float: left;
}

div.loginBox dl dt
{
    width: 70px;
}

div.loginBox dl dt, div.loginBox dl dd
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 12px 0px;
    float: left;
    font-weight: bold;
    margin-right: 5px;
}

div.loginBox dl dt input, div.loginBox dl dd input
{
    border: solid 1px #999999;
    height: 17px;
    width: 150px;
    color: gray;
}

div.loginBox .btnSubmit
{
    position: relative;
    float: left;
}

/* ------ LOGIN LANDING ------ */

div.loggedIn
{
    font-size: 11px;
    padding: 0px 0px 8px 0px;
    border-bottom: dashed 1px #CCCCCC;
}

/* ------ LINK LIST ------ */

ul.listLinks
{
    clear: both;
    list-style: none;
    margin: 0px;
    padding: 0px;
    line-height: 17px;
    float: left;
}
ul.listLinks li
{
    background: url( 'images/dropArrow.png' ) no-repeat top left;
    background-position: 0px 2px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 15px;
    text-align: left;
}
ul.listLinks li a
{
    color: #C18330;
    text-decoration: none;
}
ul.listLinks.Small li a
{
    font-size: 11px;
}
ul.listLinks li a:hover
{
    color: #C18330;
    text-decoration: underline;
}

/* ----------------- FOOTER ------------------- */

div.footer
{
    background: url( 'images/footerBg.jpg' ) no-repeat 0px 0px;
    width: 982px;
    height: 180px;
    margin: 0px auto;
    position: relative;
    z-index: 3000;
    float: left; 
}

div.footer ul
{
    position: absolute;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div.footer ul li
{
    display: block;
    float: left;
    padding-left: 15px;
    background: url( 'images/bulletGray.jpg' ) no-repeat 6px 7px;
}

div.footer ul li.noBullet
{
    padding-left: 0px;
    background: none;
}

div.footer ul li a
{
    color: #959C9F;
    text-decoration: none;
    font-size: 11px;
}

div.footer ul.footerNavLeft
{
    left: 10px;
    top: 35px;
}

div.footer p#footerCopyright
{
    position: absolute;
    right: 0px;
    top: 35px;
    color: #AEAEAE;
    font-size: 11px;
    margin: 0px;
    padding: 0px;
}

div.awards
{
    height: 100px;
    width: 413px;
    margin: 0px auto;
    position: relative;
    /*padding-top: 25px;*/
    top:50px
}
.awards a
{
    margin: 10px;
    display: block;
    text-indent: -5000px;
    float: left;
}
.awards a#lnkBetterBusiness
{
    width: 49px;
    height: 82px;
    background: url( 'images/logoBBB.png' ) no-repeat top left;
}
.awards a#lnkICIC
{
    width: 129px;
    height: 62px;
    background: url( 'images/IC-Trans-webDK.png' ) no-repeat top left;
}
.awards a#lnkTopWorkPlaces
{
    width: 58px;
    height: 100px;
    background: url( 'images/logoTopWorkPlaces.png' ) no-repeat top left;
}
.awards a#lnkBestPlacesToWork
{
    width: 70px;
    height: 93px;
    background: url( 'images/logoBestPlacesToWork.png' ) no-repeat top left;
}
.awards a:hover
{ opacity:.6;}
div.footerImage
{
    position: absolute;
    left: 0px;
    width: 650px;
    height: 250px; 
    float: left;
    height: 0px;
}

div.popFooter
{
    width: 600px;
    text-align: center;
}

div.popFooter p#footerCopyright
{
    color: #AEAEAE;
    font-size: 11px;
}

/* ------------- DROP UPS ------------- */
div#bannerPager
{
    position: absolute;
    width: 53px;
    height: 20px;
    top: 95px;
    left: 917px;
    z-index: 9999;
}
div#bannerPager a
{
    color: #b17320;
    font-size: 16px;
    font-weight: bold;
    padding-left: 4px;
    padding-right: 4px;
    margin-right: 4px;
    cursor: pointer;
}
div#bannerPager a:hover
{
    color: #d19340;
    font-size: 17px;
    text-decoration: none;
}

div.bannerDiv
{
    position: absolute; 
    width: 980px;
    top: 83px;
    left: 0px;
}
/* not used 
div.bannerDiv.quoteBuy
{
    background: url( 'images/IMGBannerQB.png' ) no-repeat;
}
*/
div#dropUp
{
    position: absolute;
    height: 25px;
    width: 980px;
    bottom: 0px;
    left: 0px;
    display: none;
    background: url( 'images/bgDropUp.png' ) no-repeat;
    z-index: 4000;
    overflow: hidden;
    zoom: 1;
}

span#dropUpBG
{
    height: 237px;
    width: 980px;
    display: block;
    background: url( 'images/bgDropUp.png' ) no-repeat;
}

div#dropUp div
{
    position: absolute;
    bottom: 0px;
    display: block;
    height: 237px;
}

div#dropUp div div
{
    display: block;
}

div#dropUp div div ul
{
    list-style: none;
    margin: 0px 0px 5px 0px; 
    padding: 0px;
    line-height: 17px;
    z-index: 5000;
}

div#dropUp div div ul li
{
    background: url( 'images/dropArrow.png' ) no-repeat top left;
    background-position: 0px 2px; 
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 10px;
    font-size: 11px;
    text-align: left;
}

div#dropUp div div h4
{
    margin: 2px 0 0 0; 
    padding: 0px;
    color: #E5A244;
    font-size: 13px;
    font-family: helvetica, sans-serif; 
}

div#dropUp div div h4 a
{
    color: #E5A244;
    display: block;
}
div#dropUp div div h4 a:hover
{
    color: #FF9900;
    background: none;
}
#quotetext
{
    color: White;
    text-align: center;
    margin: 40px auto auto 350px;
    font-weight: bold;
}

div#dropUp div div a
{
    color: #FFFFFF;
    text-decoration: none;
}
div#dropUp div div a:hover
{
    color: #FFFFFF;
    background-color: #666666;
    text-decoration: none;
}

div#dropUp div div.column
{
    position: relative;
    width: 200px;
    margin: 65px 0px 0px 60px;
    float: left;
}

div#divProducers div.twocolumns, div#divAbout div.twocolumns
{
    margin-left: 225px !important;
    width: 300px !important;
}
div#divProducers div.column, div#divAbout div.column
{
    width: 300px !important;
}

div#dropUp div.Products div.column,div#divProducersLoggedIn div.column
{
    margin: 65px 0px 0px 6px;
    width: 188px;
}
div#divAbout div.column h4, div#divProducers div.column h4, div#divClients div.column h4, div#ProducersLoggedIn div.colum h4
{
    margin-bottom: 7px;
}
.noMargin
{
    margin-bottom: 0px !important;
}
.threeColumn
{
    margin-left: 150px !important;
}

div.divQuoteNow
{
    text-align: center;
}

div.ColumnOne
{
    margin-left: 8px !important;
}

div#dropUp div div.column.smallMargin
{
    margin-left: 10px;
}

div#dropUp div div.column.longColumn
{
    width: 300px;
}

div#dropUp div.login
{
    position: relative;
    float: left;
    margin: 65px 50px 0 50px;
    width: 300px;
}

div#dropUp div.login input
{
    color: #FFFFFF;
}

div#dropUp div.login input.UsernameB, div#dropUp div.login input.PasswordB
{
    background: url( 'images/fieldUsernameB.jpg' ) no-repeat;
    width: 100px;
    height: 23px;
    border: none;
    padding: 3px;
    font-size: 10px;
    position: absolute;
    top: 25px; 
}
div#dropUp div.login input.UsernameB
{
    left: 0px;
}
div#dropUp div.login input.PasswordB
{
    left: 105px;
}

div#dropUp div.login input.SubmitB
{
    background: url( 'images/btnGo.jpg' ) no-repeat;
    height: 21px;
    width: 21px;
    text-indent: -5000px;
    border: 0px;
    position: absolute;
    left: 208px;
    top: 25px; /* IE FIXES */
    font-size: 0px;
    display: block;
    line-height: 0px;
}

div#dropUp div.login a.lnkForgetB
{
    position: absolute;
    top: 33px;
    left: 235px;
    font-size: 10px;
    color: #B89C2D;
}

div#dropUp div
{
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

/*---- DROP DOWN ----*/

div.dropDown div#dropUp
{
    top: 108px;
    background: url( 'images/bgDropDownSlice.png' ) repeat-x;
    z-index: 5000 !important; 
}

div.dropDown div#dropUp div div.column
{
    margin: 45px 0px 0px 20px; 
}

div.dropDown div#dropUp div.Products div.column
{
    margin: 45px 0px 0px 8px; 
    width: 186px;
}
div.dropDown div#quotetext
{
    margin-top: 220px !important;
}
/* ------------- Get Info Table ------------- */

.getInfoTable
{
    width: 600px;
    border: solid 1px #ffffff;
    color: #454545;
}

.getInfoTable th
{
    background-color: #CCCCCC;
    font-size: 9pt;
    text-align: center;
    height: 20px;
    border: solid 1px #ffffff;
}

.getInfoTable td
{
    border: solid 1px #ffffff;
    font-size: 10pt;
    vertical-align: middle;
    text-align: center;
    background-color: #F1F0EF;
}

.watermark
{
    color: #999999;
    text-align: center;
    font-size: 9pt;
}

.watermarkLeft
{
    color: #999999;
    font-size: 9pt;
}

/* ------------- QUOTE PAGES ------------- */

div.quoteQuestion
{
    background: url( 'images/questionBg.jpg' ) no-repeat top left;
    width: 590px;
    height: 45px;
    padding: 10px 0px 10px 10px;
    clear: both;
}

div.quoteQuestion span
{
    display: block;
    width: 470px;
    float: left;
    margin: 0px 20px 0px 0px;
}

div.quoteQuestion span p
{
    margin: 0px;
    padding: 0px;
}

div.quoteQuestion .RadComboBox_Default
{
    float: right;
}

div.dottedLine
{
    width: 100%;
    text-align: center;
    border-top: dotted 1px #CCCCCC;
    border-bottom: dotted 1px #CCCCCC;
    margin-top: 10px;
    padding: 8px 0px 8px 0;
}
div.dottedLine a.btnQuote
{
    background: url( 'images/btnQuote.jpg' ) no-repeat;
    width: 155px;
    height: 21px;
    display: block;
    text-indent: -5000px;
    margin-left: 220px;
}

a.submit
{
    background: url( 'images/btnSubmit.jpg' ) no-repeat;
    width: 115px;
    height: 22px;
    display: block;
    text-indent: -5000px;
    margin: 10px 0px 10px 0px;
}

.paddingCells
{
    padding-left: 10px;
}

.tableLine
{
    position: absolute;
    top: 81px;
    left: 377px;
    border-left: solid 1px gray;
    width: 1px;
    height: 232px;
}


/* ------------- PROFILE FORM ------------- */

fieldset.profile
{
    margin: 0px 0px 15px 0px;
    border: none;
    width: 420px;
    border-bottom: dashed 1px #CCCCCC;
}

fieldset.profile.lastSet
{
    border: none;
}

fieldset legend
{
    color: #C18330;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

div.fieldset
{
    position: relative;
    width: 100%;
    padding-bottom: 3px;
    margin: 0px;
    float: left;
    overflow: hidden;
    font-size: 11px;
}

div.fieldset label
{
    display: block;
    float: left;
    overflow: hidden;
    margin: 0px 5px 0px 0px;
    padding: 0px;
    line-height: 20px;
    width: 100%;
}

div.fieldset select
{
    height: 23px;
    width: 404px;
    float: left;
    clear: both;
    border: solid 1px #CCCCCC;
}

div.fieldset input
{
    width: 400px;
    height: 19px;
    float: left;
    clear: both;
    border: solid 1px #CCCCCC;
}

span.eitherOr
{
    display: block;
    float: left;
    padding: 25px 10px 0px 5px;
    width: 17px;
    font-weight: bold;
}

div.fieldset.eitherOr
{
    width: 189px;
}

div.fieldset.eitherOr.wide
{
    width: 220px !important;
}

div.fieldset.eitherOr span.requiredField
{
    right: 5px;
}

div.fieldset.eitherOr select
{
    clear: none;
}

div.fieldset.eitherOr input
{
    clear: none;
    width: 180px;
}

div.fieldset.eitherOr .radioGroup label
{
    width: 75px !important;
}

fieldset input.btnSubmit
{
    float: left;
    padding: 10px 0px 0px 0px;
}

div.fieldset .radioGroup label
{
    width: 50px;
    margin-top: 2px;
    clear: right;
}
div.fieldset .radioGroup input
{
    width: 15px;
    border: none;
}

span.requiredField
{
    font-size: 20px;
    color: #E6A54B;
    padding: 0px 0px 0px 5px;
    height: 25px;
    float: right;
    position: absolute;
    right: 15px;
    top: 5px;
}

span.errMessage p
{
    margin: 0px 0px 0px 0px;
    padding: 0px;
    display: block;
    font-size: 10px;
    clear: both;
    overflow: hidden;
    height: 15px;
}

.validationError
{
    font-size: 12px;
    font-weight: bold;
    color: #CC0000;
}
.validationError ul li
{
    font-size: 12px;
    color: #CC0000;
}

/* ------------- GENERIC GRID ------------- */

th.GridHeader_Default
{
    padding: 10px 0px 10px 0px;
}

th.GridHeader_Default a
{
    font-size: 11px;
    padding: 5px 5px 5px 10px;
}

table.MasterTable_Default td
{
    padding: 5px 5px 5px 10px;
    vertical-align: top;
}


/* ------------- SEARCH RESULTS ------------- */

dl.detailList
{
    margin: 15px 0px 0px 0px;
    padding: 0px;
}

dl.detailList dt
{
    background: url( 'images/dropArrow.png' ) no-repeat left 2px;
    margin: 0px;
    padding: 0px 0px 0px 12px;
    font-size: 13px;
}

dl.detailList dd
{
    margin: 0px;
    padding: 0px 0px 15px 12px;
}

div.underlineSection
{
    border-bottom: dashed 1px #C4C5C0;
}

/* ------------- COVERAGE TABLE ------------- */

div.table
{
    background: #4A4A4A;
    padding: 10px 0px 10px 0px;
    margin: 0px 0px 10px 0px;
    width: 605px;
    border-radius: 10px;
}
div.table.paddingTop
{
    margin: 10px 0px 10px 0px;
}

table.tableCoverage
{
    font-size: 11px;
}

table.tableCoverage thead th
{
    color: White;
    padding: 3px;
    font-size: 13px;
}

table.tableCoverage td.sectionHeader
{
    background: #C18330;
    color: White;
    padding: 10px 5px 3px 5px;
    border: none;
    border-bottom: dotted 1px #4A4A4A;
    border-left: dotted 1px #4A4A4A;
    font-size: 12px;
}

table.tableCoverage td
{
    padding: 10px;
    vertical-align: top;
    border-right: dotted 1px #4A4A4A;
    border-bottom: dotted 1px #4A4A4A;
    background: white;
}

table.tableCoverage td div
{
    margin: 0px 0px 10px 0px;
}

table.tableCoverage td div p
{
    margin: 0px;
    padding: 0px;
}
table.benefits.coverage tr td
{
    border-bottom: dashed 1px #cccccc;
    vertical-align: top;
}

th.Standard
{
    color: #FFFFFF;
    background-color: #3D3F85;
    width: 50%;
}
th.Elite
{
    color: #FFFFFF;
    background-color: #847E70;
    width: 50%;
}
.dkRow
{
    background-color: #EAEAEA;
}

.dkRow th
{
    text-align: left;
    padding-left: 5px;
}
.lightRow th
{
    text-align: left;
    padding-left: 5px;
}
.subText
{
    font-weight: normal;
}


/* ------------- FORMS LIBRARY ------------- */

ul.listForms li.expandList
{
    line-height: 30px;
    background-position: 0px 8px;
}

ul.listForms li ul
{
    margin: 0px;
    padding: 0px;
}

ul.listForms li ul li
{
    line-height: 20px;
}

ul.listForms li.expandList a
{
    font-size: 16px;
    font-weight: bold;
}

ul.listForms li.expandList a sup
{
    font-size: 8px;
    margin-top: 0px;
}

ul.listForms li.expandList ul li
{
    background: none;
    padding-left: 0px;
}

ul.listForms li.expandList ul li a
{
    font-size: 12px;
    font-weight: normal;
}

ul.listForms li.expandList a:hover
{
    text-decoration: underline;
}

div.formThumb
{
    clear: both;
    padding: 10px 0px 10px 0px;
    position: relative;
    overflow: visible;
    height: 160px;
    zoom: 1;
}

div.formThumb p
{
    margin: 0;
    padding: 0;
}

div.formThumb img
{
    border: solid 1px black;
    float: left;
    margin: 0px 10px 0px 0px;
    z-index: 1000;
    position: absolute;
}

div.formThumb div.absContent
{
    position: absolute;
    left: 130px;
    z-index: 50;
    width: 450px;
    zoom: 1;
}
table.Forms td
{
    border: 1px solid #808080;
}
table.Forms img
{
    float: right;
    border: solid 1px gray;
    margin-left: 5px;
    box-shadow: 1px 1px 5px #888888;
}
table.Forms
{
    border-collapse: collapse;
    width: 100%;
}

/* ------------- QUOTE LANDING PAGE ------------- */

div.quoteDetailSection
{
    padding-bottom: 10px;
}

div.quoteDetailSection h5
{
    padding-bottom: 0px;
    margin-bottom: 0px;
}

div.quoteDetailSection h4
{
    margin-bottom: 0px;
    padding: 10px 0px 0px 0px;
    clear: both;
}

div.quoteDetailSection p.quoteSubtitle
{
    font-size: 10px;
    margin: 0px;
    padding: 0px;
    font-style: italic;
}

/*  CSS added by BW for various areas  */

#ShortDescription
{
    position: relative;
    padding: 5px 10px 0px 5px;
}
#ShortDescription h3
{
}
#ProductIMG
{
    float: left;
    width: 145px;
    height: 224px; 
    font-size: 10px;
    position: relative;
}
.center
{
    text-align: center !important;
}
#ProductContainer
{
    float: left;
    clear: right;
    width: 480px;
    position: relative;
}
#ProductFullDesc
{
    clear: both;
}
img.cornerUL
{
    position: absolute;
    top: 0px;
    left: 0px;
}
img.cornerUR
{
    position: absolute;
    top: 0px;
    right: 0px;
}
img.cornerLL
{
    position: absolute;
    bottom: 0px;
    left: 0px;
}
img.cornerLR
{
    position: absolute;
    bottom: 0px;
    right: 0px;
}

#ProductFullDesc, #ProductContainer, #ProductIMG, #ShortDescription
{
    background: white;
}
#WhiteContainer
{
    position: relative;
    background: #ffffff;
    padding: 0px 0px 5px 10px;
}
#ProductIntroduction
{
    float: left;
    width: 425px;
    margin-left: 10px;
    margin-bottom: 10px;
}
#ProductKeyItems
{
    float: left;
    width: 425px;
    margin-left: 10px;
    margin-bottom: 10px;
}
.contentSection hr
{
    width: 99%;
    clear: both;
}
#ProductWhoDesigned
{
    float: left;

}
#ProductFullDescription
{
    width: 100%;
    clear: both;
    margin-bottom: 10px;
}
.contentSection h3, .contentSection h2
{
    width: 90%;
}
h2.sf_newsTitle
{
    background-image: none !important;
    font-size: 15px !important;
    list-style: none !important;
    width: 275px;
    float: left;
    margin: 0px 0px 0px 0px !important;
}

.sf_newsList li
{
    background-image: none !important;
    margin-bottom: 3px !important;
}
.sf_newsList ul
{
    clear: none !important;
}
.sf_newsList p
{
    width: 150px;
    float: left;
    margin: 5px 0px 0px 0px !important;
}
.sf_eventsList .sf_eventTitle 
{
    margin: 5px 0px 0px 0px !important;
}

/* ------------- BENEFITS TABLES ------------- */

table.benefits
{
    border: solid 2px #4a4a4a;
    background: white; 
    width: 605px;
    margin: 0px;
}

table.benefits tr td
{
    padding: 5px 10px 5px 10px;
}


table.benefits tr.headerRow td
{
    background: #4a4a4a;
    color: White;
    height: 40px;
    font-weight: bold;
    vertical-align: top;
    text-transform: uppercase;
}

table.benefits tr.headerRow td.largeText
{
    font-size: 14px;
}

table.benefits tr.highlightRow td
{
    color: White;
    border-bottom: solid 1px white;
    cursor: pointer;
    background: #c18330;
    padding-right: 20px;
    vertical-align: top;
}

table.benefits tr.hiddenRow
{
    padding: 15px 0px 15px 0px;
}
table.benefits img
{
    float: right;
}




/* custom new list style */
div.newsListItem
{
    display: block;
    margin: 0px 5px 0px 5px;
    float: none;
}
div.newsListItem .newsTitle
{
    float: none;
    border: none;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 14px;
    font-weight: normal;
}
div.newsListItem p
{
    float: none;
    margin: 0px 0px 5px 10px;
    padding: 0px 0px 0px 0px;
    font-size: 11px;
}

/* Patriot Purchase Button */
div#buyNow
{
    float: left;
    width: 288px;
    height: 60px;
    margin-bottom: 12px;
}

div#buyNow a
{
    display: block;
    width: 288px;
    height: 60px;
    text-indent: -5000px;
    background: url( 'images/btnBuyNow_Patriot.png' ) no-repeat;
    outline: none;
}

div#buyNow a:hover, div#buyNow a:focus
{
    background: url( 'images/btnBuyNow_Patriot.png' ) no-repeat 0px -60px;
}
.disclaimer
{
    font-size: 9px;
    font-style: italic;
}

h1.popHeader
{
    height: 86px;
    width: 224px;
    background: url( 'images/logoIMG.png' ) no-repeat 0px 5px;
    text-indent: -5000px;
    margin: 0px;
    padding: 0px;
    z-index: 5000;
}

div.popUp
{
    margin: 0px 20px;
}

div.popUp div#headerSection
{
    width: 640px;
    height: 95px;
}

div.popUp div.mainContent
{
    width: 620px;
}


div.popUp div.contentSection
{
    width: 600px;
    overflow: hidden;
}
/* ------------- QUOTE ENGINE SUMMARY ------------- */

div.quoteResults
{
    clear: both;
    border-bottom: dashed 1px #cccccc;
    margin-top: 10px;
    vertical-align: top;
}

div.quoteResults dl dt
{
    margin: 0px;
    padding: 0px;
    font-size: 20px;
}
div.quoteResults dl dd
{
    margin: 0px;
    padding: 0px;
}

div.quoteResults img.inset
{
    padding-top: 0px;
    margin-top: 0px;
}

/* ------------- INLINE CALLOUT BOX ------------- */

div.inlineCallouts
{
    position: relative;
}

div.inlineCallouts div
{
    width: 198px;
    float: left;
}

div.inlineCallouts div span
{
    font-weight: bold;
}

div.inlineCallouts div a
{
    padding-top: 5px;
    display: block;
    width: 180px;
    height: 110px;
    text-indent: -5000px;
}
/*  GMI Benefits Table format  */
.Bronze
{
    background-color: #e9c49a;
}

.Silver
{
    background-color: #eae8de;
}
.Gold
{
    background-color: #f7f2d2;
}
.GoldPlus
{
    background-color: #e7d89b;
}
.Platinum
{
    background-color: #787a71;
    color: White;
}

table.GMI table td
{
    border: 1px solid #C0C0C0;
    text-align: center;
    font-size:10px;
}
.borderPrem td
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #808080;
}
th span.subHeading
{
    font-size: 9px;
    font-weight:normal;
}
table.GMI th
{
    width: 16.6%;
}
/* -------------  Choosing Coverage Formatting  ------------*/
.ChoosingCoverage th
{
    background-color: #c18330;
    color: #FFFFFF;
    text-align: left;
    padding-left: 3px;
    padding-right: 2px;
    vertical-align: middle;
}
.ChoosingCoverage td
{
    text-align: center;
    font-size: 12px;
    vertical-align: middle;
}
.ChoosingCoverage a
{
    font-weight: bold;
}
.dkRow .CCshort
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #FFFFFF;
}
.lightRow .CCshort
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #C0C0C0;
}
.BotWtBorder
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #FFFFFF;
}
/* ------------   Table cell formatting to vertically align cells  -----*/
.MiddleTD td
{
    vertical-align: middle !important;
}
/* -------------   Formatting for basic table used on Global Term Life Insurance  --------*/
.BasicTable th
{
    color: #FFFFFF;
    background-color: #c18330;
    font-size: 14px;
}
.BasicTable .DkRow
{
    background-color: #ECD2B0;
}
.BasicTable .SubHeading
{
    font-size: 10px;
    font-weight: normal;
    font-style: italic;
}
.BasicTable
{
    margin-right: auto;
    margin-left: auto;
}
/* -------- contact us address container  -------------------*/
.subAddress
{
    width: 300px;
    float: left;
    text-align: center;
    }
.RTBorder
{
    border-right-style:solid;
    border-right-width:1px;
    border-right-color:#C0C0C0;
}

.font11
{
    font-size: 11px;
}
.font12
{
    font-size: 12px;
}
#ProducerIntroSection
{
    width: 280px;
    float: left;
    margin-right: 25px;
}
#ProducerSummarySection
{
    width: 280px;
    float: left;
    left: 0px;
}
#ProducerWhatsNewSection
{
    width: 605px;
}



/*  Marketing Campaign Styles  */
#MKTHeaderLinks
{
    width:500px;
    float:left;
    height: 40px;
    position: absolute;
    top: 20px;
    left: 470px;
    color: #C18330;
}
/*  Test Site Notification Banner   -------------------*/
#TestNotification
{
    position:absolute;
    width:100%;
    z-index:9999;
}
#TestNotification .TestTopLeft, #TestNotification .TestTopRight
{
    position:absolute;
    top:0px;
    z-index: 9999;
    width:200px;
    height:200px;
}
#TestNotification .TestTopLeft
{
    left:0px;
    background-image:url(images/Test-TopLeft.png);
    
}
#TestNotification .TestTopRight
{
    Right:0px;
    background-image:url(images/Test-TopRight.png);
}
.TestBg
{
    visibility:visible !important;
    z-index:9999;
 
}

/*  Button  */
.SmallButton
{
    font-size: 10px;
background-image: url(images/RightArrowTrans.png);
background-color: #555;
background-position-x: right;
background-position-y: center;
background-repeat: no-repeat;
border-radius: 4px;
color: white;
-moz-background-size: 15px;
-o-background-size: 15px;
-webkit-background-size: 15px;
background-size: 15px;
margin: 0px 0px 4px 0px;
padding: 2px 20px 2px 2px;
border: solid 1px gray;
-webkit-box-shadow: 1px 1px 5px #888888;
box-shadow: 1px 1px 5px #888888;
text-align: left;
background-position: right;

  
}
.SmallButton:hover
{
    color: white;
    text-decoration: none;
    background-color: gray;
        border-color: gray;
}
.LeftArrow
{
    background-image: url(images/LeftArrow.png);
    background-position: left;
    padding: 2px 2px 2px 20px;
}
.CancelButton
{
    background-image: url(images/XButton.png);
    padding: 2px 20px 2px 2px;
}
.reflect, .BoxShadow
{
    -webkit-box-shadow: 1px 1px 5px #888888;
box-shadow: 1px 1px 5px #888888;
}
.error, .notice, .success, .info {padding:5px;margin-bottom:5px;border:2px solid #ddd;}
.error {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
.notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
.success {background:#e6efc2;color:#264409;border-color:#c6d880; display:block;}
.info {background:#d5edf8;color:#205791;border-color:#92cae4;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.info a {color:#205791;}

.notice, .success, .info {display: block !important;}
html[data-useragent*='MSIE 10.0'] .WizardStyle .Agent {
  margin:10px !important;
}


/*  Social Media   */
#footerSection .footer .SocialMedia 
{
    position:relative;
    top:20px;
    width:220px;
    margin:0px auto;
}
#footerSection .footer .SocialMedia a.FaceBook, #footerSection .footer .SocialMedia a.Twitter, #footerSection .footer .SocialMedia a.LinkedIn
{
    width:50px;
    height:40px;
    margin:0px 10px;
    display:inline-block;
    background-repeat:no-repeat;
}
#footerSection .footer .SocialMedia a.FaceBook:link
{
    background-image:url(images/FaceBook-Icon.png);
    opacity:1;
}

#footerSection .footer .SocialMedia a.Twitter:link
{
    background-image:url(images/Twitter-Icon.png);
}
#footerSection .footer .SocialMedia a.Twitter:hover
{
    /*background-image:url('images/Twitter-Icon-hover.png');*/
}
#footerSection .footer .SocialMedia a.LinkedIn:link
{
    background-image:url(images/LinkedIn-Icon.png);
}
#footerSection .footer .SocialMedia a.LinkedIn:hover
{
    /*background-image:url('images/LinkedIn-Icon-hover.png');*/
}
#footerSection .footer .SocialMedia a.FaceBook:hover, #footerSection .footer .SocialMedia a.Twitter:hover, #footerSection .footer .SocialMedia a.LinkedIn:hover
{
    opacity:.5
}
/*  Responsive Design */


@media screen and (max-width:980px)
{
    #TestNotification
    {
        display:none;
    }
    /*body{color:red;}*/
    div.header
    {
        height: 138px;
        background: url( 'images/headerBgSmall.jpg' ) no-repeat;
        overflow: visible;
        width:100%;
    }
    .bannerDiv
    {
        display:none;
    }
    div.header ul.siteNav
    {
        top: 0px;
    }
    #container, div.mainContent
    {
        width:100%;
    }
    div.mainContent
    {
        margin-top:10px;
    }
    div.MainPageContent
    {
        width:60% !important;
    }
    div.contentSection
    {
        width:92%;
    }
    div#RightSide 
    {
        width:35%;
        float:left;
    }
    div.linkBox, div.IMGQuickLinks
    {
        width:100%;
    }
    .QuoteButton a
    {
        background:none;
        width:97.9%;
        
    }
    .QuoteButton a:hover
    {
        background-image:none;
        background-color:#bbb;
        border-radius:10px;
        height:55px;
        width:96.9%
    }
    .QuoteButton
    {
        width:100%;
        border-radius:10px;
        background: gray;
        height:60px;
        margin:0px 0px 10px 0px;
    }
    div.linkBox h4, div.IMGQuickLinks h4
    {
        width:90%;
    }
    .nopic
    {
        background-image:none;
    }
    div#coverage
    {
        width:100%;
    }
    ul.siteNav
    {
        width:100%;
        background-image:none;
        background:#666;
        height:40px;
    }
    ul.siteNav li.nav1, ul.siteNav li.nav2, ul.siteNav li.nav3, ul.siteNav li.nav4, ul.siteNav li.nav5
    {
        width:19.8%;
        border-right:solid 1px gray;
        height:40px;
    }
    ul.siteNav li.nav1 a:hover, ul.siteNav li.nav2 a:hover, ul.siteNav li.nav3 a:hover, ul.siteNav li.nav4 a:hover, ul.siteNav li.nav5 a:hover
    {
        background-image:none;
        background-color:gray;
        height:32px;
    }
    div.header div#Search
    {
        right:10px !important;
        left:auto;
    }
    div.header div#ProdLogin
    {
        right:200px !important;
        left:auto;
    }
    div.header div#Login
    {
        right:350px !important;
        left:auto;
    }
    div#bannerPager, div#dropUp
    {
        display:none !important;
    }
    div.footer
    {
        width:100%;
    }
    div.awards
    {
        margin:0px auto;
    }
    div.table
    {
        width:98%;
    }
    table.benefits
    {
        width:100%;
    }
    table.benefits tr
    {
        height:50px;
    }
    #footerSection .footer .SocialMedia 
    {
        top:60px;
    }
}

@media screen and (max-width:768px)
{
    /*body{color:green;}*/
        div.header div#Search, div.header div#ProdLogin, div.header div#Login
    {
        display:none;
    }
    div.footer p#footerCopyright
    {
        right:auto;
        top:10px;
    }
}

@media screen and (max-width:670px)
{
    /*body{color:red;}*/
    div.MainPageContent
    {
        width:95% !important;
        clear:right;
    }
    div.header
    {
        background-image:none;
        background-color:#444;
    }
    ul.siteNav li.nav5
    {
        width:19.4%;
    }
    div#RightSide 
    {
        width:96%;
    }
}

@media screen and (max-width:420px) 
{
    body{color:green;}
    div.mainContent h1 {font-size:1.6em;}
    div.awards {display:none;}
    div.header {height:299px;}
    ul.siteNav {height:100%;}
    ul.siteNav li.nav1, ul.siteNav li.nav2, ul.siteNav li.nav3, ul.siteNav li.nav4, ul.siteNav li.nav5
    {float:none;
     width:100%;
     border-bottom:solid 1px gray;
    }
}