/* Layout for desktop version */
@font-face {
    font-family: "SourceSansProItalic";
    src: url("./Fonts/source-sans-pro.italic.ttf") format("truetype");
}

html {
    overflow-y: scroll;
    /* Base font size for rem */
    font-size: 12px;
}

body {
    background-position: left top;
    background-repeat: repeat-x;
    line-height: normal;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

p, ul, ol, blockquote {
    margin-bottom: 6px; /* Changing this will break the baseline grid. */
}

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

    a:hover {
        color: #559E3C;
    }

h1, h2, h3, h5, h6 {
    color: #333333;
}

h1, h2, h3, h4 {
    line-height: normal;
    margin: 0px;
}

h1 {
    font-size: 2.15rem;
    line-height: 36px;
    margin-bottom: 24px;
    font-weight: normal;
}

h2 {
    font-size: 1.5rem;
    margin-bottom: 24px;
    font-weight: normal;
}

h3 {
    font-size: 1rem;
    font-weight: 200;
}

h5 {
    font-size: 1rem;
    margin-bottom: 10px;
    font-weight: 400;
}

h6 {
    font-size: 1.15rem;
    margin-bottom: 24px;
    font-weight: Bold;
}

blockquote {
    padding-left: 20px;
}

input {
    border: 1px solid #999999;
    font-size: 1.15rem;
    color: #666;
    padding: 3px 2px 2px 4px;
}

table {
    margin-bottom: 0px;
}

.contentbox > :first-child {
    margin-top: 0;
}

/* many thanks: http://www.bloggerswatch.com/internet/css-trick-submit-button-should-look-same-everywhere/ */
button, a.button {
    margin: 0;
    margin-right: 4px;
    width: 40px;
    background-color: #565656;
    border: 1px solid #dedede;
    border-left-color: #eee;
    font-size: 1rem;
    line-height: 130%;
    text-decoration: none;
    font-weight: normal;
    color: #ffffff;
    cursor: pointer;
    padding: 3px 10px 2px 10px; /* Links */
    -moz-border-radius: 2px;
    -webkit-border-radius: -2px;
}

a.button.btnCancel {
    width: 50px;
}

    button.big, a.button.big {
        font-size: 1.3rem;
    }

    button.round, a.button.round {
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }

    button.green, a.button.green {
        background-color: #333333;
        color: #FFFFFF;
        width: inherit;
        padding: 5px;
    }

        a.button.green:hover {
            color: #AED581 !important;
        }

    button.yellow, a.button.yellow {
        background-color: #333333;
        color: #ffffff;
        width: 121px;
        padding: 5px;
    }

        a.button.yellow:hover {
            color: #AED581 !important;
        }

    a.button.green2:hover {
        color: #AED581 !important;
    }

    button.green2, a.button.green2 {
        background-color: #333333;
        border: none;
        color: #FFFFFF;
        padding: 6px 6px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 1.15rem;
        margin: 2px 38px;
        font-weight: 500;
        cursor: pointer;
        border-radius: 3px;
        width: 120px;
    }

.button.greenhome:hover {
    color: #AED581 !important;
}

.button.green2 a:hover {
    color: #AED581 !important;
}

button.greenhome, a.button.greenhome {
    background-color: #333333;
    border: none;
    color: #FFFFFF;
    padding: 6px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.15rem;
    margin-top: 27px;
    font-weight: 500;
    cursor: pointer;
    border-radius: 3px;
    width: 92px;
}

div.sctext a.button_content_dark {
    background-color: #333;
    color: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 12px;
    margin-bottom: 20px;
    display: inline-block;
    font-size: 1.15rem;
    cursor: pointer;
    font-weight: 600;
}

div.sctext a.button_content_dark:hover {
    color: #AED581;
}

div.sctext a.underline, div.alleytext a.underline {
    text-decoration: underline;
}

h2.subcat1 {
    font-size: 4px;
}

select {
    font-family: Sans-Serif;
    font-size: 1.05rem;
    color: #444;
    width: 218px;
    margin-right: 5px;
}

/**************************************
 *  Banner                            *
 **************************************/
div.banner { height: 100px; margin-bottom: -4px; position: relative;}

div.banner div.logo { float: left; position: relative; top: 36px; margin-left: -6px; }
div.banner div.homepagelogo { float:left; position: relative; top: 43px;margin-left: 1px;}

div.banner div.bannerright { float: right; font-size: 1.05rem; color:#222222; text-align: right; margin-right: 1px;}

div.banner div.bannerright div.controls { margin: 5px 0 5px 0; position: relative; top: 61px; }
div.banner div.bannerright div.controls a { color:#333; font-weight: bold; text-decoration: underline; }

div.banner div.bannerright div.bannav { position: absolute; top: 33px; right: 0; }
div.banner div.bannerright div.bannav ul { list-style: none; margin: 0 auto; padding: 0; text-align: center; }
div.banner div.bannerright div.bannav ul a { display: inline-block; color:#333; text-decoration: none; font-weight: normal; }
div.banner div.bannerright div.bannav ul li { display: inline-block; padding-right: 5px; margin-right: 5px; border-right: .5px solid #333; vertical-align: top; /* IE7 hacks */ *display: inline; }
div.banner div.bannerright div.bannav ul li.last { padding-right: 0; margin-right: 0; }
div.banner div.bannerright div.bannav ul li.noborder { border-right: none; }
div.banner div.bannerright div.bannav ul li a { display: inline-block; color:#333; text-decoration: none; font-weight: normal; }
div.banner div.bannerright div.bannav ul li a:hover { cursor: pointer; color: #AED581; }
div.banner div.bannerright div.bannav ul li a:focus { color: #559E3C; font-weight: 600 }

div.banner div.bannerright div.bansearch { position: absolute; top:50px; right: -9px; width: 245px; height: 38px; background-position: left top; background-repeat: no-repeat; padding-top: 3px; }
div.banner div.bannerright div.bansearch input.spsTerms { width: 175px; height: 18px; position: absolute; top: 12px; left: 19px; }
div.banner div.bannerright div.bansearch input.spsSubmit { display: inline; position: absolute; top: 12px; right: 8px; background-image: url('../Images/search.png'); cursor: pointer; width: 30px; height: 25px; border: 0; color: transparent; }
div.banner div.bannerright div.bansearch input:focus { border: 2px solid #AED581; }
div.banner div.bannerright div.bansearch a img { display: inline; position: absolute; top: 10px; right: 10px; }

div.banner div.quicklinks { position: absolute; top:97px; right: -6px;  }
div.banner div.quicklinks select { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 1rem; color: #444; padding-left: 5px; padding: 2px }
div.banner div.quicklinks select:focus { border: 2px solid #AED581; }

/**************************************
 *  Search Page (dedicated)           *
 **************************************/
div.sctext #SearchForm { margin-bottom: 10px; }
div.sctext #SearchForm input.spsTerms { width: 140px; height: 18px; margin-right: 5px; }
div.sctext #SearchForm input.spsSubmit { display: inline; background-image: url('../Images/search.png'); width:32px; cursor: pointer; height:25px; border:0px; color: transparent;}
div.sctext #SearchResults { border: 1px solid #ccc; padding: 10px; }
div.sctext #SearchResults ol { margin-left:20px;}
div.sctext #SearchResults ol li { padding-bottom: 8px;}
div.sctext #SearchResults ol li a { font-size: 1.3rem; font-weight: normal; color: #333; margin: 0 0 10px 0; }

.locateform a#hlLocSearch {
    background-color: #333;
    color: #ddd;
    font-weight: 700;
    padding: 8px 15px;
}

/**************************************
 *  News Page           *
 **************************************/
div.sctext div.newsmonth { margin-bottom: 10px; }
div.sctext div.newsmonth table.newsimgright { margin-bottom: 10px; float: right; }
div.sctext div.newsmonth table.newsimgright p { font-size: 0.8rem; max-width: 300px; text-align: center; margin: 0 auto; }

/**************************************
 *  Tagline                            *
 **************************************/
div.tagline { height: 100px; margin-bottom: 12px; font-family: Sans-Serif; color:#559E3C; font-size: 1.05rem; text-align: center; }
div.tagline h1 { font-family: Roboto, Serif; font-size: 1.8rem; font-weight: normal; color: #559E3C; margin: 0; padding-bottom:5px; padding-right:5px;}
div.tagline h1 sup { font-size: 1.15rem; }
div.tagline a { color: #333333; }
div.tagline a:hover { color: #559E3C; }

div.tagline div.tagnav { margin: 0 0 10px 0; }
div.tagline div.tagnav ul { list-style: none; margin: 0 auto; padding: 0; text-align:center; }
div.tagline div.tagnav ul li { display: inline; padding-right:10px; margin-right: 10px; border-right: 1px solid #222222; }
div.tagline div.tagnav ul li.last { padding-right:0px; margin-right: 0px; }
div.tagline div.tagnav ul li.smallright {display:inline; padding-right:0px; margin-right: 5px; }
div.tagline div.tagnav ul li.noborder { border-right: none; }
div.tagline div.tagnav ul li a { font-size: 1.15rem; display:inline-block; font-family: 'Roboto', Sans-Serif; color: #222222; }
div.tagline div.tagnav ul li a:hover { color: #559E3C;}
div.tagline div.tagnav ul li:last-child { border-right:0px; }

/**************************************
 *  Footer                            *
 **************************************/
div.footer { margin-bottom: 20px; padding: 10px; font-size: 0.9rem; font-weight: normal; color: #666; text-align:left;}

div.footerlinks { width: 152px; float:left; margin-right: 31px; margin-left:-7px;}
div.footerlinks.last { margin-right: 0px;}
div.footerlinks h1 { color: #666; font-size: 1rem; margin: 0 0 10px 0; font-weight: bold; line-height: 2rem; margin-bottom: 4px;}
div.footerlinks h1 a { color: #333333; font-size: 1rem; }
div.footerlinks h1 a:hover { color: #559E3C;  font-size: 1rem; text-decoration: underline;}
div.footerlinks ul { list-style: none outside none; margin: 0 0 10px 0; padding: 0; }
div.footerlinks ul li { font-weight: normal; }
div.footerlinks ul li.header { font-weight: bold;  }
div.footerlinks ul li.header a { color: #333; font-size: 0.9rem; }
div.footerlinks ul li.header a:hover {font-size: 0.9rem; color: #559E3C; text-decoration: underline;}
div.footerlinks ul li a { color: #999; }
div.footerlinks ul li.header ul { list-style: none outside none; margin: 0 0 10px 0; padding: 0; }
div.footerlinks ul li.header ul li { font-weight: normal; }
div.footerlinks ul li.header ul li a { font-weight: normal;color: #505050; }
div.footerlinks ul li.header ul li a:hover { font-weight: normal;color: #559E3C; text-decoration: underline;}

div.footer.deco {
    height: 180px;
    text-align: left;
    font-size: 1rem;
    color: #333333;
    line-height: 1.3rem;
    float: right;
}
div.footer.deco img { margin-right: 5px; margin-bottom: 3px;}
    div.footer.deco a {
        font-size: 1rem;
        color: #222;
        font-weight: bold;
    }
        div.footer.deco a:hover {
            text-decoration: underline;
            cursor: pointer;
            color: #559E3C;
        }

.copyright {
    clear: both;
    margin-left: 11px;
}

p.copyright.text {
    text-align: left;
    font-size: 0.9rem;
    color: #555555;
    line-height: 1.1em;
    position: relative;
    left: 167px;
    top: -32px;
}

/**************************************
 *  Marquee                            *
 **************************************/
div.marquee { position: relative; overflow: hidden;margin-top: 10px;}

/* home - heroes slider */
div.marquee div.heroes { height: 360px; z-index: 200; }
div.marquee div.heroes div.hero { width: 960px; height: 360px; overflow: hidden;}
div.marquee div.heroes div.hero div.heroimg img { }
div.marquee div.heroctrlprev {position: absolute; top: 195px; z-index: 500; }
div.marquee div.heroctrlnext {position: absolute; top: 195px; right:0; z-index: 500; }
div.marquee div.heroctrlpause { position: absolute; top: 300px; left: 462px; z-index: 500; }
div.marquee div.herothumb { position: absolute; top: 340px; z-index: 500; width: 100%; text-align: center; }
div.marquee div.herothumb ul { list-style: none; margin: 0; padding: 0; text-align:left; text-align: center; }
div.marquee div.herothumb ul li { display: inline-block; margin-right:4px; vertical-align:bottom;  /* IE7 hacks */ *display: inline; }
<!--div.marquee div.herothumb ul li.circle { background:url("../Images/hero/circle.png") no-repeat}-->

div.marquee div.herothumb ul li.active { background: #ffcc33; background:url("../Images/hero/circlegreendark.png") no-repeat }
div.marquee div.herothumb ul li:last-child { margin-right: 0px; }
<!--div.marquee div.herothumb ul li.circle a {width:15px; display:block; text-decoration:none;}
div.marquee div.herothumb ul li a img { padding: 2px; }-->

/* home - login form */
div.marquee div.login { width: 229px; margin-top: -3px; font-family: Sans-Serif; color:#999; font-size: 1.3rem; position: absolute; top:0; left:0; z-index: 600; padding-bottom: 10px;}
div.marquee div.login div.loginform { background-color:#222222; background-position:left top; background-repeat: repeat; margin-bottom: 6px; height: 95px; }
div.marquee div.login div.loginform h2 { color: #fff; font-weight: normal; margin-top: 0px; margin-bottom: 0px; font-size: 1.5rem; font-family: Sans-Serif; line-height: 35px; font-weight: bold; float: left;}
div.marquee div.login div.loginform img { float: left;padding-left: 2px;}
div.marquee div.login div.loginform input { width: 190px; border: 1px solid #666; font-family: Sans-Serif; font-size: 1.05rem; color:#666; padding-left:5px; margin-bottom: 4px; }
div.marquee div.login div.loginform a { color: #fff; font-weight: normal; margin-bottom: 4px; font-size: 1.05rem; text-decoration: underline; }
div.marquee div.login div.loginform div.logincontrols { display: none;}
div.marquee div.login div.loginform div.loginnav { float: left; margin-top: 8px; margin-left:11px; font-size: 1.05rem; }
div.marquee div.login div.loginform div.loginnav ul { list-style: none; margin: 0 auto; padding: 0; text-align:left;}
div.marquee div.login div.loginform div.loginnav ul li { display: inline-block; padding-right:5px; margin-right:5px; border-right: 1px solid #fff;  /* IE7 hacks */ *display: inline; /*zoom: 1;*/ }
div.marquee div.login div.loginform div.loginnav ul li.last { padding-right:0px; margin-right: 0px; }
div.marquee div.login div.loginform div.loginnav ul li.noborder { border-right: none; }
div.marquee div.login div.loginform div.loginnav ul li a { display:inline-block; margin: 0; text-decoration:none; }
div.marquee div.login div.loginform div.loginnav ul li a:hover { color: #AED581; }

div.marquee div.login div.loginform div.logingo { float: right; margin-right: 5px; }
div.marquee div.login div.loginform div.logingo img {}

/* home - locate a branch */
div.marquee div.login div.locate { width: 229px; border: none; z-index: 600; background-color: #404040; background-position: top; background-repeat: repeat-x; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; color:#666; font-size: 1.3rem; padding: 0px;}
div.marquee div.login div.locate div.locateform { color: #333; line-height: 16px; color: white; padding:10px; }
div.marquee div.login div.locate div.locateform a { color: #fff; }
div.marquee div.login div.locate div.locateform a:hover { color: #AED581 !important; }
div.marquee div.login div.locate div.locateform img { margin-right: 6px; vertical-align: middle; }
div.marquee div.login div.locate div.locateform div.locateinput { display: none; padding: 11px; }
div.marquee div.login div.locate div.locateform div.locateinput a { color:#fff; }
div.marquee div.login div.locate div.locateform div.locateinput a.fancy { color: white; font-size: 1rem; font-style:normal; padding-left: 2px}
div.marquee div.login div.locate div.locateform div.locateinput input { width: 100px; margin-right: 4px; }

/* home - main nav */
div.marquee div.mainnav { width: 731px; height: 55px; background-image: url('../Images/black_bg2.png'); background-position:left top; background-repeat: repeat-x; font-family: Sans-Serif; color:#999; font-size: 1.3rem; position: absolute; top:0; left:234px; z-index: 800;}

div.secondary { position: relative; margin-top: 10px; }
div.secondary div.mainnav { height: 55px; background-image: url('../Images/black_bg2.png'); background-position:left top; background-repeat: repeat-x; font-family: Sans-Serif; color:#999; font-size: 1.3rem; z-index: 800;}
*:after { box-sizing: border-box; }

div.tertiary { position: relative; margin-top: 10px;}
div.tertiary div.mainnav { height: 55px; background-image: url('../Images/black_bg2.png'); background-position:left top; background-repeat: repeat-x; font-family: Sans-Serif; color:#999; font-size: 1.3rem; z-index: 800;}

div.mainnav ul { list-style: none; text-align:left; padding-top: 8px; margin-left:22px; }
div.mainnav ul li { display: inline; margin-right: 10px; }
div.mainnav ul li.last { padding-right:0px; margin-right: 0px; }
div.mainnav ul li a { color: #fff; display:inline-block;padding-left: 5px; padding-top:7px; padding-right:6px; height: 33px;}
div.mainnav ul li a:hover { background-position:left top; background-repeat: repeat-x; text-decoration:none; color: #AED581 !important;}
div.mainnav ul li a.active {background-position:left top; background-repeat: repeat-x; color:#AED581; text-decoration:none; }

/**************************************
 *  MegaMenu                            *
 **************************************/
/* I <3 IE7 */
div.mm { z-index: 9999; }

div.megamenu {
    background-color: #fff;
    border: 1px solid #063;
    border-top: none;
    background-image: url('../Images/bg2_shade.png');
    background-position: left top;
    background-repeat: repeat-x;
    position: absolute;
    top: 46px;
    display: none;
    padding: 10px 20px 10px 20px;
    z-index: 9999;
    font-family: Sans-Serif;
    font-size: 1.15rem;
    color: #333;
    margin-left: -7px;
    -moz-box-shadow: 3px 3px 3px #666;
    -webkit-box-shadow: 3px 3px 3px #666;
    box-shadow: 3px 3px 3px #666;
}
    div.megamenu div.mmcolumn {
        float: left;
        min-width: 65px;
        max-width: 135px;
        padding-right: 15px;
        margin-right: 10px;
        border-right: 1px solid #ccc;
        height: 200px;
    }
div.megamenu div.mmcolumn.last { border-right: none; margin-right: 0px; padding-right: 0px; }
div.megamenu div.mmcolumn h2 { font-family: Sans-Serif; font-size: 1.3rem; color:#063; margin-bottom: 0px; }
div.megamenu div.mmcolumn h2 a { color: #333333; }
div.megamenu div.mmcolumn h2 a:hover { color: #559E3C; }
div.megamenu div.mmcolumn span.mmtext { color: #666; font-size: 0.9rem; margin-bottom: 8px; /* hide for now */ display: none;}
div.megamenu div.mmcolumn ul { list-style-image: url('../Images/tri_bullet.png'); margin-left: 15px; margin-top: 5px; }
div.megamenu div.mmcolumn ul li a { color: #333333; font-size: 1.05rem; }
div.megamenu div.mmcolumn ul li a:hover { text-decoration: underline; cursor: pointer; font-size: 1.05rem; color: #559E3C; }
div#divmm1926b0bb-6fc4-44e9-8fb7-e5d96ab7849f div.mmcolumn {
    height: 320px;
}
div#divmmbd004ea0-2cc2-41a5-b4bd-953bb60c219c div.mmcolumn {
    height: 215px;
}

/**************************************
 *  Woodforest Commitement and Services    *
 **************************************/
div.Commitment { text-align: center; margin-top: 20px; margin-bottom: 22px; margin-right: auto; margin-left: auto; width: 750px }
div.Commitment h1 {font-weight: 400; font-size: 20pt; color: #333333; margin-bottom: 5px }
    div.Commitment p {
        color: #333333;
        font-size: 1.3rem;
    }
div.accentwrapper.Services { margin-bottom: 30px; margin-left: 12px;}
div.accentwrapper.Services ul { text-align: left; }
    div.accentwrapper.Services li {
        background-repeat: no-repeat;
        background-size: 64px 64px;
        margin-right: 0px;
    }
        div.accentwrapper.Services li.first {
            background-image: url('/frontend/images/Icon_PersonalBanking.png');
        }
            div.accentwrapper.Services li.first:hover {
                background-image: url('/frontend/images/Icon_PersonalBanking_hover.png');
                cursor: pointer;
            }
        div.accentwrapper.Services li.second {
            background-image: url('/frontend/images/Icon_SmallBusiness.png');
        }
            div.accentwrapper.Services li.second:hover {
                background-image: url('/frontend/images/Icon_SmallBusiness_hover.png');
                cursor: pointer;
            }
        div.accentwrapper.Services li.last {
            background-image: url('/frontend/images/Icon_PersonalLoans.png');
        }
            div.accentwrapper.Services li.last:hover {
                background-image: url('/frontend/images/Icon_PersonalLoans_hover.png');
                cursor: pointer;
            }
div.accentwrapper.Services div.accenttext { width: 210px; margin-left: 70px; margin-top: 8px; }
div.accentwrapper.Services div.accenttext h1 { margin-bottom: 5px; color: #000; }
div.accentwrapper.Services div.accenttext div { font-weight: 300; color: #222; font-size: 1.25rem; line-height: 1.5rem;}
div.accentwrapper.Services div.accenttext a { margin-right: 5px; color: #333; font-size: 1.25rem;}
div.accentwrapper.Services div.accenttext a:hover { margin-right: 5px; color: #333; font-size: 1.25rem; font-weight: 600;}

/**************************************
 *  Accents                            *
 **************************************/
div.accentwrapper { margin: 0 auto; text-align: center; vertical-align: top; bottom: 0px; z-index: 600; }
div.accentwrappertwo  { margin: 0px auto; margin-bottom: 12px; text-align: center; vertical-align: top; z-index: 600; padding-top: 15px;}

div.accentwrapper ul, div.accentwrappertwo ul { list-style: none; margin: 0 auto; padding: 0; text-align: center; }
div.accentwrapper ul li, div.accentwrappertwo ul li  { width: 312px; display: inline-block; vertical-align: top; margin-right:6px; /* IE7 hacks */ *display: inline; }
div.accentwrapper ul li.last, div.accentwrappertwo ul li.last { padding-right:0px; margin-right: 0px; }

div.accenttop { height: 6px; background-image: url('../Images/accent_top.png'); background-position: left top; background-repeat:no-repeat; }

div.accent { background-image: url('../Images/accent_fill.png'); background-position:left top; background-repeat: repeat-y; width: 312px; padding-top: 0px; }

div.accent div.accentchild { margin: 0px 6px 0px 6px; text-align:left; background-color: #fff; overflow: hidden; }
div.accent div.accentchild.security { background-image: url('../Images/accent_security.jpg'); background-position:left top; background-repeat: no-repeat; }
div.accent div.accentchild.woodforestu { background-image: url('../Images/accent_woodforestu.jpg'); background-position:left top; background-repeat: no-repeat; }
/* New additions */
div.accent div.accentchild.woodforestcommitment { background-image: url('../Images/commitment.png'); background-position:right top; background-repeat: no-repeat; }
div.accent div.accentchild.woodforestcares { background-image: url('../Images/accents/Woodforest-Cares.png'); background-position:left top; background-repeat: no-repeat; padding:5px; }
div.accent div.accentchild.bankinggps { background-image: url('../Images/accents/bankinggps.png'); background-position:left bottom; background-repeat: no-repeat; }
div.accent div.accentchild.emailpromo { background-image: url('../Images/accents/emailpromo.jpg'); background-position:left top; background-repeat: no-repeat; }
div.accent div.accentchild { margin: 0px 6px 0px 6px; text-align:left; background-color: #fff; overflow: hidden; }
div.accent div.accentchild.security { background-image: url('../Images/accent_security.jpg'); background-position:left top; background-repeat: no-repeat; }
div.accent div.accentchild.woodforestu { background-image: url('../Images/accent_woodforestu.jpg'); background-position:left top; background-repeat: no-repeat; }
div.accent div.accentchild div.accenttext div.blank_note { background: #fff url('../Images/accents/blank_note.jpg') no-repeat 130px -10px; }
div.accent div.accentchild div.accenttext div.check_this_out { background: #fff url('../Images/accents/check_this_out.jpg') no-repeat 175px -10px; }
div.accent div.accentchild div.accenttext div.hurricane { background: #fff url('../Images/accents/hurricane.jpg') no-repeat 177px 12px; }
div.accent div.accentchild div.accenttext div.important_notice { background: #fff url('../Images/accents/important_notice.jpg') no-repeat 170px 25px; }
div.accent div.accentchild div.accenttext div.in_the_news { background: #fff url('../Images/accents/in_the_news.jpg') no-repeat 160px 10px; }
div.accent div.accentchild div.accenttext div.maintenance { background: #fff url('../Images/accents/maintenance.jpg') no-repeat 156px 6px; }
div.accent div.accentchild div.accenttext div.message_central { background: #fff url('../Images/accents/message_central.jpg') no-repeat 150px -10px; }
div.accent div.accentchild div.accenttext div.please_note { background: #fff url('../Images/accents/please_note.jpg') no-repeat 156px -14px; }
div.accent div.accentchild div.accenttext div.sensitive { background: #fff url('../Images/accents/sensitive.jpg') no-repeat 185px 2px; }
div.accent div.accentchild div.accenttext div.snow { background: #fff url('../Images/accents/snow.jpg') no-repeat 185px 15px; }
div.accent div.accentchild div.accenttext div.sun_cloud { background: #fff url('../Images/accents/sun_cloud.jpg') no-repeat 180px 20px; }

    div.accent div.accentchild div.accenttext {
        padding: 4px;
        font-size: 1.05rem;
        color: #222222;
        margin-left: 4px;
        line-height: 1.5rem;
        overflow: hidden;
    }
        div.accent div.accentchild div.accenttext.right {
            margin-left: 130px;
        }
        div.accent div.accentchild div.accenttext img {
            margin-top: 2px;
        }
        div.accent div.accentchild div.accenttext h1 {
            font-size: 1.25rem;
            font-weight: bold;
            margin-top: 4px;
            margin-bottom: 15px;
            color: #4b4c4e;
            line-height: 1.5rem;
        }
            div.accent div.accentchild div.accenttext h1.gold {
                color: #d89008;
            }
            div.accent div.accentchild div.accenttext h1.green {
                color: #333333;
            }
        div.accent div.accentchild div.accenttext h2 {
            font-size: 1.25rem;
            font-weight: bold;
            margin-top: 4px;
            margin-bottom: 15px;
            color: #4b4c4e;
            line-height: 1.5rem;
        }

div.accent div.accentchild div.accenttext ul { list-style: circle url('../Images/tri_bullet.png') outside; margin-left: 15px; text-align:left; }
div.accent div.accentchild div.accenttext ul li { display: list-item; width: auto; height: auto; }

div.accent div.accentchild div.accenttext ul.flat { list-style: none; margin: 0; padding: 0; text-align:left; }
div.accent div.accentchild div.accenttext ul.flat li { display: inline-block; vertical-align: top; margin-right:6px; vertical-align:bottom;  /* IE7 hacks */ *display: inline; zoom: 1; }

div.accent div.accentchild div.accenttext div.accentextra { display:none;}
div.accent div.accentchild div.accenttext div.accentextra div.accentextrabody { margin-top: 10px; margin-bottom: 10px; width: 150px;}
div.accent div.accentchild div.accenttext div.accentextra a { display:none; color: #606060; display:inline-block; text-transform: none; padding: 0px 2px; text-decoration: underline;}

div.accentbot { height: 6px; background-image: url('../Images/accent_bottom.png'); background-position: left top; background-repeat:no-repeat; }

/**************************************
 *  Weatherstrip                       *
 **************************************/
/*#hlChangeLocation { font-size: 13px; position: absolute; top:0px; right: 0px; font-weight: bold;}*/
/*#spnrootlocation { font-size: 13px; position: absolute; top: 0px; right: 115px;}*/
p.changeLocationSection {
    text-align: right;
}
    p.changeLocationSection span {
        margin-right: 10px;
    }
    p.changeLocationSection a {
        font-weight: 600;
    }
div.weatherstrip {
    display: none;
    border: 1px solid #222222;
    padding: 0px;
    padding-right: 0px;
    margin-bottom: 12px;
    background-position: left top;
    background-repeat: no-repeat;
    font-family: Sans-Serif;
    font-weight: normal;
    color: #999;
    font-size: 1.3rem;
    height: 60px;
    overflow: hidden;
}
div.weatherstrip div.today { float: left; padding: 10px; margin-right: 10px; color: #063; font-family: Sans-Serif; }
div.weatherstrip div.today h2 { font-size: 1.65rem; font-weight: bold; color: #063; font-family: Sans-Serif; margin:0; }
div.weatherstrip div.today h3 { font-size: 1.3rem; font-weight: bold; color: #063; font-family: Sans-Serif; margin:0; }
div.weatherstrip div.today h3.lower { text-transform: lowercase; }
div.weatherstrip div.weatherwrap { overflow: hidden; margin-right: 10px; float:right; padding: 10px; width: 430px;}
div.weatherstrip div.weather {float: left; margin-right: 25px; font-size: 1rem; font-weight: bold;}
div.weatherstrip div.weather a { font-size: 1.05rem; color: #999; text-decoration: underline; font-weight: normal;}
div.weatherstrip div.forecast {float: left; margin-right: 25px; font-size: 1.3rem;}
div.weatherstrip div.forecast img { float:left; }
div.weatherstrip div.forecast span { font-size: 1.15rem; }
div.weatherstrip div.temp {float: left; font-size: 1.15rem; }
div.weatherstrip div.comm {float: left; width: 294px; overflow: hidden; padding: 10px 0px 10px 8px; }
div.weatherstrip div.comm h1 {color: #063; font-family: Sans-Serif; font-size: 1.3rem; line-height: 20px; margin-bottom: 2px; font-weight: bold;}
div.weatherstrip div.comm h1 img { vertical-align: top; }
div.weatherstrip div.comm p {font-size: 0.9rem;}

/**************************************
 *  Breadcrumbs                       *
 **************************************/
div.breadcrumbs {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 1.05rem;
    color: #555; /* ADA fix - AAA - Color contrast is not sufficient. Previous value: #666 */
    margin-bottom: 6px;
    margin-left: 10px;
}
    div.breadcrumbs a {
        color: #555; /* ADA fix - AAA - Color contrast is not sufficient. Previous value: #606060 */
        display: inline-block;
        text-transform: none;
        padding: 0px 2px;
        text-decoration: underline;
    }
        div.breadcrumbs a:hover {
            text-decoration: underline;
            cursor: pointer;
            color: #337C1A; /* ADA fix - AA - Color contrast is not sufficient. Previous value: #559E3C */
        }
        div.breadcrumbs a.first {
            padding-left: 0px;
        }

/**************************************
 *  SubContent                       *
 **************************************/

div.scbanner { margin-left: 7px; }

div.subcontent { font-size: 1.25rem; color:#333; line-height: 1.5rem; z-index: 200; margin-bottom: 50px; }
div.subcontent.secondary { margin-top: 6px; }
div.subcontent.tertiary { margin-top: 6px; }

div.subcontent h1 { font-size: 1.65rem; font-weight: normal; color: #333; margin: 0 0 4px 0; line-height: 30px; }
div.subcontent h2 { font-size: 1.15rem; font-weight: normal; color: #333; margin: 0 0 6px 0; }
div.subcontent h3 { font-size: 1rem; font-weight: normal; color: #333; }

/* expander classes */
    div.subcontent h2.exp {
        background-image: url("../Images/tri_right_ylo.png");
        background-position: left top;
        background-repeat: no-repeat;
        background-position-y: 12px;
        background-position-x: 27px;
        padding-left: 30px;
        line-height: 22px;
    }
div.subcontent h2.exp:hover { text-decoration: underline; cursor:pointer;color: #559E3C; }
div.subcontent h2.exp.down { background-image:url("../Images/tri_right_ylodown.png") }
div.subcontent h3.exp { background-image:url("../Images/tri_right_ylo.png"); background-repeat: no-repeat; padding-left: 11px; line-height: 1rem;}
div.subcontent h3.exp:hover { text-decoration: underline; cursor:pointer; color: #559E3C;}
div.subcontent h3.exp.down { background-image:url("../Images/tri_right_ylodown.png"); }
div.subcontent p { font-size: 1rem; font-weight: normal; color: #333; }

div.subcontent.secondary h2 a { color: #333333}
div.subcontent.secondary h2 a:hover { color: #559E3C}
div.subcontent.tertiary h1 { font-size: 1.65rem; font-weight: normal; color: #333; }
div.subcontent.tertiary h2  { font-size: 1.15rem; font-weight: normal; color: #333; font-weight:600; }
div.subcontent.tertiary h3  { font-size: 1rem; font-weight: normal; color: #333; }

div.leftalign p { font-size: 1rem; line-height: 1.5rem; margin-bottom: 3px; padding-right: 10px; padding-left: 30px; }

div.sctext { margin-bottom: 12px; width: 750px; margin-left: 8px; }
    div.sctext p {
        font-size: 1rem;
        line-height: 1.5rem;
        margin-bottom: 3px;
    }
div.sctext p a { font-size: 1rem; color: #222; font-weight: bold; }
div.sctext p a:hover { text-decoration: underline; cursor: pointer; color: #559E3C ;}

div.sctext p a.learnMore { color: #222222; margin-left: 125px; font-size: 1.05rem; }
div.sctext p a.learnMore:hover { color: #AED581; margin-left: 125px; font-size: 1.05rem; }
div.sctext p a.account { color: #222222; font-size: 1.05rem; }
div.sctext p a.account:hover { color: #559E3C; font-size: 1.05rem; }
div.sctext ol { margin-left: 35px; margin-bottom: 18px; }
div.sctext ol li { font-size: 1.05rem; line-height: 1.5rem; }
div.sctext ul { margin-left: 35px; margin-right: 20px; margin-bottom: 10px; }
div.sctext ul li {font-size: 1rem; line-height: 1.5rem; }
div.sctext ul li ul { margin-bottom: 0; }
div.sctext h1, h2 {font-size: 1.15rem; margin-bottom: 0; padding-left: 0; padding-bottom: 3px; padding-top: 5px; font-weight: 600;}
div.sctext h4 {font-size: 1.15rem; margin-bottom: 0; padding-left: 0; padding-bottom: 10px;}
div.sctext h3 {font-size: 1rem; margin-bottom: 0; padding-left: 0; padding-bottom: 10px;}
div.sctext h3 a {
        font-size: 1rem;
        font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
        color: #222;
        font-weight: bold;
    }
div.sctext h3 a:hover {
            text-decoration: underline;
            cursor: pointer;
            color: #559E3C;
    }
div.sctext h4 a {
        font-size: 1rem;
        font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
        color: #222;
        font-weight: bold;
    }
div.sctext h4 a:hover {
            text-decoration: underline;
            cursor: pointer;
            color: #559E3C;
    }
div.sctext h5 {font-size: 1rem; margin-bottom: 0px; padding: 10px; padding-bottom: 10px;}

div.sctext p.h3-class {
    font-size: 1rem;
    font-weight: normal;
    color: #333;
    padding-bottom: 10px;
}

div.sctext table.info { font-family: Sans-Serif; font-size: 1.15rem; color:#333; border-collapse:separate; border-spacing: 10px 0; margin-left: -10px;}
div.sctext table.info tr {background: none;}
div.sctext table.info tr.grade { background: #f5f5f5 url('../Images/sctext_table_bg.png') repeat-x top; }
div.sctext table.info tr td { padding: 10px; border: 1px solid #ccc; border-bottom: none; font-size: 1rem; vertical-align: top; }
div.sctext table.info tr td.bottom { border-bottom: 1px solid #ccc; background: none; }
div.sctext table.info tr td h1 { font-family: Georgia, Serif; font-size: 1.25rem; color:#000; font-weight: normal; margin-bottom: 5px; }
div.sctext table.info tr td h2 { font-family: Georgia, Serif; font-size: 1.25rem; color:#000; font-weight: normal; margin-bottom: 5px; }
div.sctext table.info tr td ul { margin-left: 15px; list-style-image: url('../Images/tri_bullet.png') }
div.sctext table.info tr td ul li a { font-size: 1rem; color: #666; }

    div.sctext table.compare {
        font-family: Sans-Serif;
        font-size: 1rem;
        color: #333;
        border-collapse: collapse;
        border-spacing: 0;
        margin-left: 0px;
        border: 1px solid #ccc;
        border-bottom: none;
    }
div.sctext table.compare tr {background: none;}
div.sctext table.compare tr.grade { background: #f5f5f5 url('../Images/sctext_table_bg.png') repeat-x top; }
div.sctext table.compare tr td { padding: 10px; border: none; border-bottom: 1px solid #ccc; font-size: 1rem; }
div.sctext table.compare tr td.header { font-family: Georgia, Serif; color:#000;  }
div.sctext table.compare tr td h1 { font-family: Georgia, Serif; font-size: 1.15rem; color:#000; font-weight: normal; margin-bottom: 5px; }
div.sctext table.compare tr td h2 { font-family: Georgia, Serif; font-size: 1.15rem; color:#000; font-weight: normal; margin-bottom: 5px; }
div.sctext table.compare tr td ul { margin-left: 15px;}
div.sctext table.compare tr td ul li a { font-size: 1.15rem; color: #666; }

div.sctext table.compare2x { width: 100%; border-collapse:separate; border-spacing: 10px 10px; margin-left: -10px;}
div.sctext table.compare2x thead tr td { font-weight: bold; padding: 4px;}
div.sctext table.compare2x thead tr td p { margin-bottom: 0px; }
div.sctext table.compare2x tbody tr td { padding: 10px; width: 50%; border: 1px solid #999; background-color: #e2e2e2;}
div.sctext table.compare2x tbody tr td h1 { font-size: 1.3rem;font-family: Sans-Serif; font-weight: bold; }
div.sctext table.compare2x tbody tr td h2 { font-size: 1.15rem;font-family: Sans-Serif; font-weight: bold;}

div.sctext table.compare2x2 { width: 100%; border-collapse:separate; border-spacing: 10px 10px; margin-left: -10px;}
div.sctext table.compare2x2 thead tr td { font-weight: bold; padding: 4px;}
div.sctext table.compare2x2 thead tr td p { margin-bottom: 0px; }
div.sctext table.compare2x2 tbody tr td { padding: 10px; width: 50%; border: 1px solid #999; background: #efefef;}
div.sctext table.compare2x2 tbody tr td h1 { font-size: 1.3rem;font-family: Sans-Serif; font-weight: bold; }
div.sctext table.compare2x2 tbody tr td h2 { font-size: 1.15rem;font-family: Sans-Serif; font-weight: bold;}

div.sctext table.compare3xcenter { border-collapse:separate; border-spacing: 10px 10px; margin-left: -10px;}
div.sctext table.compare3xcenter tr td.nobg { background: #fff; border: 1px solid #bfbfbf; }
div.sctext table.compare3xcenter tr td.nobggray { background: #eeeeee;}
div.sctext table.compare3xcenter tr td.nobg h2 a { font-weight: bold;padding-left: 4px }
div.sctext table.compare3xcenter tr td.nobggray h2 a { font-weight: bold;padding-left: 6px }
div.sctext table.compare3xcenter tr td.noBorder { border: 0px; }
div.sctext table.compare3xcenter tr td.noBorder h2 a { font-weight: normal; padding-left: 5px}

div.sctext table.compare3x { border-collapse:separate; border-spacing: 10px 10px; margin-left: -9px;width: 770px;}
div.sctext table.compare3x tr td.nobg { background: #fff; border: 1px solid #bfbfbf; }
div.sctext table.compare3x tr td.nobggray { background: #eeeeee; border: 1px solid #bfbfbf;}
div.sctext table.compare3x tr td.nobg p { padding-left: 20px; padding-right: 8px; }
div.sctext table.compare3x tr td.nobggray p {padding-left: 20px; padding-right: 8px;}
div.sctext table.compare3x tr td.nobg h2 a { font-weight: bold;}
div.sctext table.compare3x tr td.nobggray h2 a { font-weight: bold; }

div.sctext table.compare3x tr td.noBorder { border: 0px; }
div.sctext table.compare3x tr td.noBorder h2 a { font-weight: normal; padding-left: 5px}
div.sctext table.compare3x.blue { border-spacing: 10px 0px; margin-top: 10px; }
div.sctext table.compare3x.plain { border-spacing: 10px 0px; }
div.sctext table.compare3x thead tr td { font-weight: bold; padding: 4px;}
div.sctext table.compare3x.blue thead tr td { font-weight: normal; vertical-align: middle; font-size: 1.05rem; text-align: center; padding: 3px; color:#ffffff; background-color: #333333; border-top-left-radius: 10px;
border-top-right-radius: 10px; padding-top: 19px; font-weight: bold; border-bottom: 2px solid #559E3C;}
div.sctext table.compare3x.blue thead tr td:after {
    position: relative;
    top: 13px;
    left: 50%;
    bottom: 0;
    margin-left: -9px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-top-color: #559E3C;
    border-width: 10px 9px 0px 10px;
}
div.sctext table.compare3x.blue thead tr td.lower:after {
    position: relative;
    top: 14px;
    left: 50%;
    bottom: 0;
    margin-left: -9px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-top-color: #6eb25f;
    border-width: 10px 9px 0px 10px;
}
*:after {
    box-sizing: border-box;
}
div.sctext table.compare3x.blue thead tr td.empty { background: none; display: none; }
div.sctext table.compare3x thead tr td p { margin-bottom: 0px; }
div.sctext table.compare3x tbody tr td { padding: 0px; width: 230px; border: 1px solid #bfbfbf; background:#eeeeee; padding-top: 20px; padding-bottom: 10px;}
div.sctext table.compare3x.blue tbody tr td { background: #efefef; padding: 15px; padding:20px; }
div.sctext table.compare3x tbody tr td.empty { border: none; background: none; width: 279px; }
div.sctext table.compare3x tbody tr td h1 { font-size: 1.3rem;font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: bold; }
div.sctext table.compare3x tbody tr td h2 { font-size: 1.25rem;font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: bold; margin-bottom: 0px; padding-left: 20px;}
div.sctext table.compare3x tbody tr td h3 { font-size: 1rem;font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal; margin-bottom: 0px; padding-left: 20px; margin-right: 15px;}
div.sctext table.compare3x.blue tbody tr td h2 { font-size: 1.3rem; font-family: Sans-Serif; color: #063; }
div.sctext table.compare3x.blue tbody tr td h3 { font-family: Sans-Serif; padding-left: 9px;}

div.sctext table.compare3x.plain tbody tr td { padding: 0px; border:none; background:none;}
div.sctext table.compare3x.plain tbody tr td a:hover {text-decoration: none; color: #AED581}
div.sctext table.compare3x.plain tbody tr td a img { border: 1px solid #ccc; margin-bottom: 2px;}
div.sctext table.compare3x.plain tbody tr td h2 { font-size: 1.15rem;font-family: Georgia, Serif; font-weight: normal;}
div.sctext table.compare3x.plain tbody tr td h2 a { color: #000; }

div.sctext table.compare4x { width: 100%; border-collapse:separate; border-spacing: 10px 10px; margin: -10px -10px 0px -10px;}
div.sctext table.compare4x thead tr td { font-weight: bold; padding: 4px;}
div.sctext table.compare4x thead tr td p { margin-bottom: 0px; }
div.sctext table.compare4x tbody tr td { padding: 12px; width: 25%; border: 1px solid #999;background: #efefef}
div.sctext table.compare4x tbody tr td h1 { font-size: 1.3rem;font-family: Sans-Serif; font-weight: bold; }
div.sctext table.compare4x tbody tr td h2 { font-size: 1.15rem;font-family: Sans-Serif; font-weight: bold; padding-left: 0px;}

div.sctext table.compare5x { width: 100%; border-collapse:separate; border-spacing: 10px 10px; margin-left: -10px;}
div.sctext table.compare5x thead tr td { font-weight: bold; padding: 4px;}
div.sctext table.compare5x thead tr td p { margin-bottom: 0px; }
div.sctext table.compare5x tbody tr td { padding: 10px; width: 20%; border: 1px solid #999;background: #f5f5f5 url('../Images/sctext_table_bg.png') repeat-x top;}
div.sctext table.compare5x tbody tr td h1 { font-size: 1.3rem;font-family: Sans-Serif; font-weight: bold; }
div.sctext table.compare5x tbody tr td h2 { font-size: 1.15rem;font-family: Sans-Serif; font-weight: bold;}

div.sctext table.contact { width: 100%;}
div.sctext table.contact thead tr { border-bottom: 1px solid #666;}
div.sctext table.contact thead tr td { font-weight: bold; padding: 1px;}
div.sctext table.contact tbody tr td { padding: 4px;}

div.sctext table.rates { width: 100%;}
div.sctext table.rates thead tr { border-bottom: 1px solid #666;}
div.sctext table.rates thead tr th { font-weight: bold; padding: 4px;text-align:center;}
div.sctext table.rates thead tr td { font-weight: bold; padding: 4px;}
div.sctext table.rates tbody tr th { font-weight: bold; padding: 4px;}
div.sctext table.rates tbody tr td { padding: 4px; text-align:center;}
div.sctext table.rates tbody tr td ul { text-align:left;}

div.sctext table.grid { width: 100%;}
div.sctext table.grid thead tr th { font-weight: bold; padding: 4px;text-align:center;font-size: 1.05rem; line-height: 1.5rem; border: 1px solid #666; vertical-align:middle; text-align:center;}
div.sctext table.grid thead tr th p { font-size: 1.05rem; line-height: 1.5rem; margin-bottom: 4px;}
div.sctext table.grid thead tr td { font-weight: bold; padding: 4px;font-size: 1.05rem; line-height: 1.5rem; border: 1px solid #666; vertical-align:middle; text-align:center;}
div.sctext table.grid thead tr td p { font-size: 1.05rem; line-height: 1.5rem; margin-bottom: 4px;}
div.sctext table.grid tbody tr th { font-weight: bold; padding: 4px; font-size: 1.05rem; line-height: 1.5rem; border: 1px solid #666; }
div.sctext table.grid tbody tr th p { font-size: 1.05rem; line-height: 1.5rem; margin-bottom: 4px;}
div.sctext table.grid tbody tr td { padding: 4px; text-align:center; border: 1px solid #666; font-size: 1.05rem; line-height: 1.5rem; }
div.sctext table.grid tbody tr td ul { text-align:left;}
div.sctext table.grid tbody tr td p { font-size: 1.05rem; line-height: 1.5rem; margin-bottom: 4px;}

div.sctext table.testimonials tr td { padding: 4px; }
div.sctext table.testimonials tr td h1 { font-size: 1.3rem; line-height:normal;}
div.sctext table.testimonials tr td h2 { font-size: 1.15rem; line-height:normal;}
div.sctext table.testimonials tr td p { font-size: 1rem;}

div.sctext table.main_content {
    width: 960px;
}

div.sctext table.main_content h1 {
    margin-top: 10px;
    margin-bottom: 12px;
    font-size: 2.1rem;
}

div.sctext table.main_content table.w250 {
    width: 250px;
}

div.sctext table.main_content table.w250 tr td.contactInfo {
    width: 250px;
}

div.sctext table.content tr td.w380 {
    width: 380px;
}

div.sctext table.content tr td.w10 {
    width: 10px;
}

div.sctext table.content {
    margin-right: 40px;
}

div.sctext table.content h2 {
    font-weight: 600;
}

div.sctext table.content h2 a {
    color: black;
}

div.sctext table tr td.va_middle {
    vertical-align: middle;
}

/**************************************
 *  Disclaimer                       *
 **************************************/
div.disclaimer { font-size: 0.9rem; padding-left: 8px}
div.disclaimer ul { font-size: 0.9rem; padding-left: 15px}
div.disclaimer ul li { font-size: 0.9rem; padding-left: 8px}
div.disclaimer p a {
    font-size: 1rem;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #222222;
    font-weight: bold;
}
div.disclaimer p a:hover {
    text-decoration: underline;
    cursor: pointer;
    color: #559E3C;
}

div.disclaimer_emphasized {
    border: 1px solid black;
    width: 640px;
    margin: 10px auto;
}
div.disclaimer_emphasized p {
    font-family: Verdana;
    font-size: 1.15rem;
    font-weight: bold;
    margin: 10px;
    line-height: 20px;
}

/**************************************
 *  SubNavigation                       *
 **************************************/
div.subnav { width: 150px; z-index: 196; margin-top: 20px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 1.5rem; color:#333333; border: 0px solid #999; background: #FFFFFF; }

div.subnav .bgy { background-color: #fff; }

div.subnav p { background-color: #006633; color:#fff; font-size: 1.3rem; padding: 10px;}
/* 1st level */
div.subnav ul { list-style: none; padding: 0px 4px 0 4px;}
div.subnav ul li {margin-bottom: 6px; padding-bottom: 6px; padding-left: 6px; font-size: 1.05rem; }
    div.subnav ul li.current {
        font-size: 1.5rem;
        color: #115A08;
        font-weight: 600;
    }
div.subnav ul li.last { border-bottom: none; margin-bottom: 0px;}
div.subnav ul li a { color:#333; }
div.subnav ul li a:hover { color:#559E3C; }
div.subnav ul.ul1 a { font-size: 1.5rem;font-weight: 600; }
div.subnav ul.ul1 a.hover {color: #559E3C; }

/* 2nd level */
div.subnav ul li ul { padding: 0; padding-left: 0px; margin-left: -12px; }
div.subnav ul li ul li { border-bottom: none; margin-bottom: 6px; margin-top: 4px; padding-bottom: 0px; padding-left: 12px; line-height: 15px;}
    div.subnav ul li ul li.current {
        background-image: none;
        line-height: normal;
        padding-left: 13px;
        font-weight: bold;
        color: #115A08; /* ADA fix for "Color contrast is not sufficient. Previous value: #559E3C */
        font-size: 1.05rem;
    }
div.subnav ul li ul li.current a { color: #333333; }
div.subnav ul li ul li.last { border-bottom: none; }
div.subnav ul li ul li a { color:#333; }
div.subnav ul li ul li a:hover { color:#559E3C; }
div.subnav ul li ul.ul10 li a { font-size: 1.05rem; font-weight: 400;}
div.subnav ul li ul.ul10 li a:hover {text-decoration: underline; }

/* 3rd level */
div.subnav ul li ul li ul { padding: 0px; padding-left: 0px; list-style-position: outside; margin-left: 18px;}
div.subnav ul li ul li ul li { font-size: 1.05rem; color:#333; border-bottom: none; margin-bottom: 0px;  margin-left: 0px; padding-left: 0px; padding-bottom: 0px; font-weight: normal;}
    div.subnav ul li ul li ul li:before {
        position: relative;
        top: 13px;
        right: 4px;
        margin-left: -9px;
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: 0 solid transparent;
        border-left-color: #333;
        border-width: 5px 0px 4px 5px;
        padding-right: 8px;
    }
    div.subnav ul li ul li ul li.current {
        color: #115A08; /* ADA fix for "Color contrast is not sufficient. Previous value: #559E3C */
        background-color: #fff;
        border-bottom: none;
        margin-bottom: 0px;
        margin-left: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        font-weight: bold;
    }
div.subnav ul li ul li ul li.current a { font-weight: normal; }
div.subnav ul li ul li ul li.last { border-bottom: none; margin-bottom: 0px;}
div.subnav ul li ul li ul li a { font-size: 1.05rem; color: #333; }
    div.subnav ul li ul li ul li a.hover {
        color: #337C1A; /* ADA fix for "Color contrast is not sufficient. Previous value: #559E3C */
        text-decoration: underline;
        cursor: pointer;
    }

/**************************************
 *  Alley                    *
 **************************************/
div.alley { font-family: Sans-Serif; font-size: 1rem; color:#333; }
div.alley h1, h2 { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 6px;}

div.alley ul { margin-left: 0; list-style:none; }
div.alley ul li { font-size: 1rem; border-bottom: none; margin-bottom: 6px; margin-top: 4px; padding-bottom: 0px; line-height: 15px; }
div.alley ul li a { font-size: 1.05rem; font-weight:400; color: #333; }
div.alley ul li a:hover { font-size: 1.05rem; color: #559E3C; text-decoration: underline; }

div.alley.fullsubnav { margin-top: 6px; margin-left: 9px; }
div.alley.tertiary { }

div.alley div.controls { padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom:10px; width: 150px; overflow: hidden; }
div.alley div.controls ul { list-style: none; margin: 0 auto; padding: 0; text-align:center; }
div.alley div.controls ul li { font-size: 0.8rem; vertical-align: top; display: inline-block; margin-right:10px; /* IE7 hacks */ *display: inline; zoom: 1;  }
div.alley div.controls ul li.last { padding-right:0px; margin-right: 0px; }
div.alley div.controls ul li img {  }
div.alley div.controls ul li a { font-size: 0.8rem; font-weight: normal; }

    div.alley div.social {
        padding-bottom: 10px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
        text-align: center;
    }

    div.alley div.contactus {
        padding-bottom: 10px;
        padding-left: 2px;
        margin-bottom: 10px;
        font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
        text-align: left;
    }

div.alley div.contactus h2 {margin-top: 5px}

div.alley div.tools { padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom:10px; font-family: Sans-Serif;  }
div.alley div.tools h2 { font-weight: bold; color: #222222; font-size: 1.5rem; }
div.alley div.tools a.hover {color: #559E3C; }

div.alley div.alleyblock { padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom:10px; }

div.alleysearch div.locateform { border: 1px solid #ccc; width: 150px; overflow: hidden;}
div.alleysearch div.locateform div.locateinput { padding: 10px; }
div.alleysearch div.locateform div.locateinput h2 { color: #000; }
div.alleysearch div.locateform div.locateinput div.locaddress { margin-bottom: 5px; }
div.alleysearch div.locateform div.locateinput div.locaddress input { width: 120px; }
div.alleysearch div.locateform div.locateinput div.loccity { margin-right: 10px; margin-bottom: 5px;}
div.alleysearch div.locateform div.locateinput div.loccity input {width: 120px;}
div.alleysearch div.locateform div.locateinput div.locstate { }
div.alleysearch div.locateform div.locateinput div.locstate select { width: 120px;}
div.alleysearch div.locateform div.locateinput div.loczip {margin-bottom: 15px; margin-top: 5px; }
div.alleysearch div.locateform div.locateinput div.loczip input {margin-bottom: 15px; }
div.alleysearch div.locateform div.locateinput div.loczip input.zip { width: 120px; margin-right:10px; }
div.alleysearch div.locateform div.locateinput div.loczip input.miles { width: 30px; margin-left:10px; margin-right:10px;}

/**************************************
 *  E-Tools control                   *
 **************************************/
div.etools div.etheader { background-color:#6cb100; font-family: Georgia, Serif; font-size: 2rem; font-weight: normal; color: #666; padding: 8px 8px 8px 10px;}
div.etools div.etheader h1 { font-size: 1.5rem; color: #fff; margin-bottom: 0px; }
div.etools div.etbody { padding: 9px; border: 1px solid #ccc; border-top: none; text-align: center;}
div.etools div.etbody ul { list-style: none; padding: 0; text-align:center; margin-bottom: 14px; margin-left:-15px;}
div.etools div.etbody ul li { vertical-align: top; display: inline-block; margin-right:17px; width: 137px; /* IE7 hacks */ *display: inline; zoom: 1;}
div.etools div.etbody ul li.last { padding-right:0px; margin-right: 0px; }
div.etools div.etbody ul li div.etitem { display: inline-block; vertical-align: top; text-transform: uppercase; width:123px; text-align: left; }
div.etools div.etbody ul li div.etitem img { border: 1px solid #ccc; }
div.etools div.etbody ul li div.etitem a { font-size: 0.9rem; font-weight: bold; color: #333; }
div.etools div.etbody div.etjoin { border-top: 1px solid #ccc; padding-top: 14px; text-align: left;}
div.etools div.etbody div.etjoin a { color: #333; line-height:24px; }
div.etools div.etbody div.etjoin img { padding-left: 12px; vertical-align:middle; }

/**************************************
 *  Greenbox control                   *
 **************************************/
div.greenbox { width:100%; }
div.greenbox div.gbheader { background-color:#6cb100; font-family: Georgia, Serif; font-size: 2rem; font-weight: normal; color: #333; padding: 8px 8px 8px 10px;}
div.greenbox div.gbheader h1 { font-size: 1.5rem; color: #fff; margin-bottom: 0px; }
div.greenbox div.gbbody { padding: 11px; border: 1px solid #ccc; border-top: none; }
div.greenbox div.gbbody ul { list-style: none; margin: 0 auto; padding: 0; text-align:left; margin-bottom: 14px;}
div.greenbox div.gbbody ul li { display: inline; margin-right:11px; }
div.greenbox div.gbbody ul li.last { padding-right:0px; margin-right: 0px; }
div.greenbox div.gbbody ul li div.gbitem { width: 139px; display: inline-block; vertical-align: top; text-transform: none; }
div.greenbox div.gbbody ul li div.gbitem img { border: 1px solid #ccc; width: 137px;}
div.greenbox div.gbbody ul li div.gbitem a { font-size: 0.9rem; font-weight: bold; color: #333; }
div.greenbox div.gbbody ul li div.gbitem ul { list-style-type:disc; list-style-position:outside; padding: 0; text-align:left; margin-bottom: 14px; margin-left: 15px;}
div.greenbox div.gbbody ul li div.gbitem ul li { display:list-item; }
div.greenbox div.gbbody ul li div.gbitem ul li a { color: #666; font-weight: normal; }
div.greenbox div.gbbody div.gbfooter { border-top: 1px solid #ccc; padding-top: 14px;}
div.greenbox div.gbbody div.gbfooter a { color: #333; line-height:24px; }
div.greenbox div.gbbody div.gbfooter img { padding-left: 12px; vertical-align:middle; }

/**************************************
 *  Feature block                   *
 **************************************/
div.fblock.green h1 {
    background-color: #286000; /* FIX to ---> AA and AAA - Color contrast is insufficient. Previous value #6cb100 */
    color: #fff;
    font-size: 1.25rem;
    padding-left: 12px;
}
div.fblock ul li { font-weight: bold;}
div.fblock ul li a { color: #666; }
div.fblock ul li ul {margin-left: 13px; list-style-type: square; list-style-image: none;}
div.fblock ul li ul li { font-weight: normal;}
    div.fblock ul li ul li a {
        color: #555; /* FIX to ---> AAA - Color contrast is insufficient. Previous value #666 */
    }

/**************************************
 *  Feedback Strip                    *
 **************************************/
div.feedbackstrip {
    padding: 10px;
    background-color: #f5f5f5;
    background-image: url('../Images/weatherstrip_bg_new.png');
    background-position: left top;
    background-repeat: repeat-x;
    font-family: Sans-Serif;
    font-weight: normal;
    color: #999;
    font-size: 1.3rem;
    border: 1px solid #e8e8e8;
    margin-top: 20px;
}
    div.feedbackstrip img {
        float: left;
        margin-right: 10px;
    }
    div.feedbackstrip h1 {
        float: left;
    }
    div.feedbackstrip p {
        clear: both;
        margin-bottom: 0px;
    }

/**************************************
 *  Calculator                            *
 **************************************/

/* reset */
div.cTimeValue table, div.cTimeValue table tbody, div.cTimeValue table tfoot, div.cTimeValue table thead, div.cTimeValue table tr, div.cTimeValue th, div.cTimeValue table tr td, div.cTimeValue p {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1rem;
    font: inherit;
    vertical-align: baseline;
}

div.cTimeValue a {
    font-size: 1rem;
}

div.cTimeValue fieldset {
    padding: 0px;
}

div.cTimeValue p {
    font-size: 1rem;
}

div.cTimeValue div.Description {
    margin-bottom: 6px;
}

div.cTimeValue div.Summary {
    margin-bottom: 6px;
}

div.cTimeValue div#DIVCalculatorDisclaimer {
    padding: 6px;
}

div.cTimeValue div#DIVCalculatorTips {
    padding: 6px;
}

div.cTimeValue table tr td {padding: 0px 4px 4px 0px;}

div.cTimeValue table.DetailTable { width: 100%;}
div.cTimeValue table.DetailTable tr th {padding: 0px 4px 4px 0px; font-weight: bold;}
div.cTimeValue table.DetailTable tr td {padding: 0px 4px 4px 0px;}

div.cTimeValue table.SubDetailTable { width: 100%;}
div.cTimeValue table.SubDetailTable tr th {padding: 0px 4px 4px 0px; font-weight: bold;}
div.cTimeValue table.SubDetailTable tr td {padding: 0px 4px 4px 0px;}

div.cTimeValue div.panel h3 {
    background-image: url("../Images/tri_right_ylo.png");
    background-position-x: 17px;
    background-position-y: 7px;
    background-repeat: no-repeat;
    padding-left: 30px;
    line-height: 22px;
}
div.cTimeValue div.panel h3:hover { text-decoration: underline; cursor:pointer; }
div.cTimeValue div.panel h3.down { background-image:url("../Images/tri_right_ylodown.png"); }

div.cTimeValue div.panel ul { display: none;}

div.cTimeValue div.InputContainer { border: 1px solid #ccc; padding: 10px; margin-bottom: 10px; background: #e8e8e8;}
div.cTimeValue div.ErrorSummary { margin-bottom: 10px;  }
div.cTimeValue div.ErrorContainer { margin-bottom: 10px;  }

div.cTimeValue input#COMPUTE {
    margin: 0;
    margin-top: 10px;
    background-image: none;
    background-color: #636363;
    color: #fff;
    border: 1px solid #dedede;
    border-left: 1px solid #eee;
    font-family: Sans-Serif;
    font-size: 0.9rem;
    line-height: 130%;
    text-decoration: none;
    font-weight: normal;
    cursor: pointer;
    padding: 3px 10px 2px 10px; /* Links */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

div.cTimeValue div#Panel_Results { border: 1px solid #ccc; padding: 10px; margin-bottom: 10px; background: #e8e8e8;}
div.cTimeValue div#Panel_Results div.Footnote { margin-top: 10px; }


/**************************************
 *  Branch Locator                     *
 **************************************/
div.locatewrapper { font-size: 1.15rem;}
div.locatewrapper div.locateform { border: 1px solid #ccc; float: left; margin-right: 10px; min-height: 259px; background: #e2e2e2; }
div.locatewrapper div.locateform div.locateinput { padding: 10px; }
div.locatewrapper div.locateform div.locateinput h2 { color: #000; }
div.locatewrapper div.locateform div.locateinput div.locaddress { margin-bottom: 5px; }
div.locatewrapper div.locateform div.locateinput div.locaddress input { width: 310px; }
div.locatewrapper div.locateform div.locateinput div.loccity { float: left; margin-right: 10px; margin-bottom: 5px;}
div.locatewrapper div.locateform div.locateinput div.loccity input {width: 150px;}
div.locatewrapper div.locateform div.locateinput div.locstate { float: left;}
div.locatewrapper div.locateform div.locateinput div.locstate select { width: 150px;}
div.locatewrapper div.locateform div.locateinput div.loczip {margin-bottom: 15px; margin-top: 5px; }
div.locatewrapper div.locateform div.locateinput div.loczip input {}
div.locatewrapper div.locateform div.locateinput div.loczip input.zip { width: 100px; margin-right:10px; }
div.locatewrapper div.locateform div.locateinput div.loczip input.miles { width: 30px; margin-left:10px; margin-right:10px;}
div.locatewrapper div.locateimage {float: left;}
/*div.locatewrapper div.locateimage img { border: 1px solid #ccc; }*/

/* classes taken from legacy css */
div#mapholder {display:none;}
div#mapholder div#myMap { /* declared inline*/  }
div#mapholder div#divInfo { margin-bottom: 10px; margin-top: 10px;}
div#mapholder div#divInfo table { font-size: 1.15rem; color: #333;  width:100%;}
div#mapholder div#divInfo table thead tr { border-bottom: 1px solid #ccc; }
div#mapholder div#divInfo table thead tr th { padding: 8px; font-weight: bold; }
div#mapholder div#divInfo table tbody tr { border-bottom: 1px solid #ccc; }
div#mapholder div#divInfo table tbody tr td { padding: 8px; }

div#getDirections {display:none;}
div#getDirections div#directions { margin-bottom: 10px; margin-top: 10px;}
div#getDirections div#directions table { font-size: 1.15rem; color: #333; width:100%; }
div#getDirections div#directions table thead tr { border-bottom: 1px solid #ccc; }
div#getDirections div#directions table thead tr th { padding: 8px; font-weight: bold; }
div#getDirections div#directions table tbody tr { border-bottom: 1px solid #ccc; }
div#getDirections div#directions table tbody tr td { padding: 8px; }

div#getDirections div#directionsform { margin-bottom: 10px; margin-top: 10px;}
div#getDirections div#directionsform table { font-size: 1.15rem; color: #333;  }
div#getDirections div#directionsform table thead tr th { font-weight: bold; }
div#getDirections div#directionsform table tbody tr td { padding: 4px; }
div#getDirections div#directionsform table tbody tr td input { margin-right: 6px; }

/*Push pin*/
.pinStyle1 {
    border: 0px;
    width: 30px;
    height: 30px;
    color: #FFFFFF;
    text-align: center;
    font: bold 10px Arial,Helvetica,sans-serif;
    background: url("../Images/WoodforestLocation.png") no-repeat;
}

.pinStyle1, .text {
    position: relative;
    top: 2px;
}

/**************************************
 *  Contact Us                         *
 **************************************/
div.cutext { font-size: 1.15rem; border-top: 1px solid #333333; border-bottom: 1px solid #333333; background-color: #eeeeee; padding: 10px; margin-bottom: 20px;}

/**************************************
 *  Feedback form                       *
 **************************************/
div.feedbackwrapper { font-size: 1.15rem; padding: 10px;}
div.feedbackwrapper div.feedbackblock { margin-bottom: 25px; clear:both;  }
div.feedbackwrapper div.feedbackblock div.multiField { padding-bottom: 25px; display: block; clear:both; }
div.feedbackwrapper div.feedbackblock h3 { margin-bottom: 10px;}
div.feedbackwrapper div.feedbackblock textarea { width: 600px; height: 75px; }


/**************************************
 *  Sitemap                           *
 **************************************/
div.sitemapblock { margin-bottom: 20px; }
div.sitemapblock h1 { color: #333; font-size: 1.3rem; margin: 0 0 10px 0; font-weight: normal; line-height: 24px; border-bottom: 1px solid #ccc;}
div.sitemapblock h1 a { color: #595959; }
div.sitemapblock h1 a:hover { color:  #AED581; }
div.sitemapblock ul { list-style: none outside none; margin: 0 0 10px 0; padding: 0; float: left; margin-right: 30px; }
div.sitemapblock ul.last { margin-right: 0px; }
div.sitemapblock ul li { font-weight: normal; }
div.sitemapblock ul li.header { font-weight: bold; }
div.sitemapblock ul li.header a { color: #333;}
div.sitemapblock ul li.header a:hover { color: #AED581;}
div.sitemapblock ul li a { color: #333; }
div.sitemapblock ul li.header ul { list-style: none outside none; margin: 0 0 10px 15px; padding: 0; float:none; }
div.sitemapblock ul li.header ul li { font-weight: normal; margin-top: 8px;}
div.sitemapblock ul li.header ul li a { font-weight: bold;color: #333; }
div.sitemapblock ul li.header ul li ul { list-style: none outside none; margin: 0 0 10px 15px; padding: 0; float:none; }
div.sitemapblock ul li.header ul li ul li { font-weight: normal; margin-top: 2px;}
div.sitemapblock ul li.header ul li ul li a { font-weight: normal; color: #595959; }

/**************************************
/* tabs classes
Many thanks: http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/
**************************************/
div.sctext ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 28px; /*--Set height of tabs--*/
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 100%;
}

    div.sctext ul.tabs li {
        float: left;
        margin: 0;
        padding: 0;
        height: 27px; /*--Subtract 1px from the height of the unordered list--*/
        line-height: 27px; /*--Vertically aligns the text within the tab--*/
        border: 1px solid #ccc;
        border-left: none;
        margin-bottom: -1px; /*--Pull the list item down 1px--*/
        overflow: hidden;
        position: relative;
        background: #e0e0e0;
    }

        div.sctext ul.tabs li a {
            text-decoration: none;
            color: #333;
            display: block;
            font-size: 0.9rem;
            padding: 0 8px;
            border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
            outline: none;
            padding-bottom: 7px;
        }

            div.sctext ul.tabs li a:hover {
                background: #ccc;
            }

            div.sctext ul.tabs li a:focus {
                font-weight: 600;
                color: black;
            }

html div.sctext ul.tabs li.active, html div.sctext ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/
    background: #fff;
    border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
    border: 1px solid #999;
    border-top: none;
    overflow: hidden;
    clear: both;
    float: left;
    width: 100%;
    background: #EFEFEF;
    margin-bottom: 20px;
}

.tab_content {
    padding: 10px;
    font-size: 1rem;
}

#divChangeZip {
    display: none;
    padding: 10px;
}

    #divChangeZip .msgbox {
        width: 360px;
        text-align: center;
        font-family: sans-serif;
        border: solid 1px #888;
        background-color: #ddd;
        border-radius: 5px;
        padding: 10px;
    }

        #divChangeZip .msgbox .msgbox-title {
            font-size: 1.65rem;
            color: #555;
        }

        #divChangeZip .msgbox p {
            margin: 20px;
            line-height: 20px;
            font-size: 1rem;
        }

        #divChangeZip .msgbox input {
            height: 35px;
            width: 100%;
            text-align: center;
            font-size: 1.3rem;
        }

        #divChangeZip .msgbox table.btn-container {
            width: 100%;
            margin-top: 20px;
        }

            #divChangeZip .msgbox table.btn-container tr td:first-of-type {
                text-align: left;
            }

            #divChangeZip .msgbox table.btn-container tr td:last-of-type {
                text-align: right;
            }

        #divChangeZip .msgbox button {
            width: 90px;
            border: none;
            border-radius: 5px;
            height: 30px;
            font-size: 1.15rem;
            margin: 0;
        }

            #divChangeZip .msgbox button#hlCancelChangeZip {
                background-color: #eee;
                color: #555;
            }

            #divChangeZip .msgbox button#hlGoChangeZip {
            }

    #divChangeZip button:hover {
        background-color: #AED581;
        color: black;
    }

    #divChangeZip .msgbox #divZipError {
        margin-top: 10px;
        width: 100%;
        color: red;
        text-align: center;
    }

/*******************
* Button TEST CSS *
*******************/
.button {
    background-color: #636363; /* Green */
    border: none;
    font-weight: 500;
    color: #ffffff;
    padding: 2px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.15rem;
    margin: 6px 3px;
    width: 111px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    border-radius: 5px;
}

a#login-button {
    background-color: #525252;
    color: white;
    padding: 4px;
    font-size: 1rem;
    width: 79px;
    border-radius: 5px;
    border: none;
    text-decoration: none;
    margin: 6px 3px;
}

    a#login-button:hover {
        color: #aed581;
    }

.button.green2:hover {
    color: #AED581;
    text-decoration: none !important;
}

.button.yellow:hover {
    color: #AED581;
    text-decoration: none !important;
}

button #GET_DIRECTIONS_BUTTON:hover {
    color: #AED581;
    text-decoration: none !important;
}

.button.greenhome:hover {
    color: #AED581 !important;
}

/**************************************
 * General Fancybox container classes *
 **************************************/
#divFB {
    display: none;
}
#divFBDetails { margin-bottom: 10px; }
div.msgbox { background: none repeat scroll 0 0 #eee; width: 500px; padding: 20px 20px 10px 20px; overflow: hidden; font-family: Sans-Serif; font-size: 1.1rem; color: #333; }
div.msgbox img.fbimg { margin-bottom: 10px; }
div.msgbox p {font-size: 1.05rem; margin-bottom: 10px;}
div.msgbox h2, h3, h4 { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 1.15rem; font-weight: 400; color: #333; margin-bottom: 10px; }
div.msgbox h1 { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 1.15rem; font-weight: bold; color: #333; margin-bottom: 6px; }

/**************************************
 *  Misc Classes                      *
 **************************************/
.bold {
    font-weight: bold;
}

.box {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
}

.clear {
    clear: both;
}

.textaligncenter {text-align:center; }
.textalignleft {text-align:left; }
.textalignright {text-align:right; }

div.greybox { border: 1px solid #ccc; background: #e2e2e2; overflow: hidden;}

img.left { float:left; padding: 0px 10px 10px 0px;}
img.right { float:right; padding: 0px 0px 10px 10px;}

/* Layout for mobile version */
@media handheld, only screen and (max-width: 767px) {

    .examplecontainer {
    }

    body {
    }
}


/* Provide higher res assets for iPhone 4 */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {

    /* An example of how to override an image with one twice the size for iPhone 4. Specify the original pixel size with background-size.
            .download {
            background: url(../img/downarrow@2x.png) no-repeat;
            background-size: 27px 28px;
            }
            */
}

td.latest { background-color:#ebebeb; padding: 10px 0 10px 10px;}
td.latestText { background-color:#ebebeb; padding: 12px 10px 10px 10px;}
div.updated {background-color: #858585;}
div.updated h2 { color:#ffffff; padding:5px; }
.stats { background-color: #006e2c; color:#fff; padding:10px; text-align:center;font-size: 1.5rem; vertical-align:middle;}
.contactInfo { background-color: #eeeeee; padding: 10px; width: 26%;border: 1px solid #999}

.description_infobox {
    font: normal 1rem Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #666;
}
    .description_infobox h4 {
        color: black;
        font-weight: bolder;
    }

div.subcontent h1.h1-secondary {
    font-size: 1.15rem;
}

/* Skip Link */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    clip-path: inset(50%);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    clip-path: none;
}

.skip-link {
    font: normal 14px Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #eee;
    background-color: #333;
    padding: 5px;
}

/*Accent Tiles*/
div.tiles {
    width: 960px;
}

    div.tiles table {
        float: left;
        width: 300px;
        height: 240px;
        margin-right: 10px;
        padding: 10px;
    }

        div.tiles table tr:nth-of-type(2) td {
            padding-top: 10px;
            font-size: 1.15rem;
            font-weight: bold;
        }

        div.tiles table:nth-of-type(3n) {
            margin-right: 0;
        }

        div.tiles table tbody tr:first-of-type {
            height: 92px;
        }

        div.tiles table tbody tr:nth-of-type(2) {
            height: 50px;
            font-weight: 600;
            font-size: large;
        }

        div.tiles table tbody tr:nth-of-type(3) {
            height: auto;
            vertical-align: top;
            font-size: 1rem;
            line-height: 16px;
            letter-spacing: .4px;
        }

            div.tiles table tbody tr:nth-of-type(3) td:nth-of-type(2) {
                border-left: 1px solid black;
                padding-left: 25px;
            }

        div.tiles table tbody tr:nth-of-type(4) {
            height: 40px;
        }

        div.tiles table tbody tr:last-of-type td {
            vertical-align: bottom;
        }

            div.tiles table tbody tr:last-of-type td a {
                text-decoration: none;
                color: black;
                font-size: 1.25rem;
                font-size: 1.15rem;
                letter-spacing: .4px;
            }

                div.tiles table tbody tr:last-of-type td a:hover {
                    font-weight: bold;
                }

                div.tiles table tbody tr:last-of-type td a img {
                    vertical-align: unset;
                }

        div.tiles table tbody tr:nth-of-type(3) td {
            padding-right: 10px;
        }

        div.tiles table tbody tr:nth-of-type(2) td,
        div.tiles table tbody tr:nth-of-type(3) td,
        div.tiles table tbody tr:nth-of-type(4) td {
            padding-left: 10px;
        }

        div.tiles table tbody tr:nth-of-type(4) td {
            padding-bottom: 10px;
        }

        div.tiles table tbody tr:nth-of-type(2) td {
            vertical-align: middle;
        }

/* ----------------------- */
/*   Expandable Elements   */
/* ----------------------- */
.exp-title {
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 6px;
    font-size: 1rem;
}

    .exp-title:hover {
        color: #336024;
        text-decoration: underline;
    }

    .exp-title:before {
        content: '\23f5'; /*'\25b6'; We don't use this symbol because Microsoft Edge browser is applying another style on it. */
        margin-right: 2px;
        display: inline-block;
    }

    .exp-title.expanded:before {
        content: '\23f7'; /*'\25bc';*/
        display: inline-block;
    }

.exp-content {
    display: none;
    overflow: hidden;
}

    .exp-content.expanded {
        display: block;
        margin-bottom: 20px;
    }

#ddlStateList {
    width: 128px;
    height: 23px;
    border-color: #999;
    border-width: 1px;
}

div.locatewrapper div.locateform div.locateinput div.loccity input#txtCity {
    width: 172px;
}

div.Paging > .page_number {
    border: solid 2px rgb(114, 175, 85);
    margin-left: 5px;
    padding: 2px 4px;
}

div.Paging > span.page_number {
    background-color: rgb(114, 175, 85);
    color: black;
}

/* UAO Application Section */
div#uaoApplication {
    background-color: black;
    padding: 25px 30px;
    margin-bottom: 10px;
    min-height: 144px;
    width: 690px;
}
    div#uaoApplication p {
        color: white;
    }
    div#uaoApplication > table {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
        div#uaoApplication > table tbody tr td {
            vertical-align: middle;
        }
            div#uaoApplication > table tbody tr td:first-child {
                width: 55%;
                padding-right: 30px;
            }
                div#uaoApplication > table tbody tr td:first-child p:first-child {
                    font-size: 2.5rem;
                    font-weight: 600;
                }
                div#uaoApplication > table tbody tr td:first-child p:nth-child(2) {
                    font-size: 1.65rem;
                    margin-top: 20px;
                    line-height: 26px;
                }
            div#uaoApplication > table tbody tr td:last-child {
                width: 45%;
                text-align: center;
            }
            div#uaoApplication > table tbody tr td:last-child:lang(es) {
                padding-left: 0;
            }
            div#uaoApplication > table tbody tr td a:first-child {
                color: black;
                font-size: 1.5rem;
                font-weight: 600;
                background-color: #AED581;
                text-align: center;
                padding-top: 22px;
                padding-bottom: 22px;
                display: block;
            }
                div#uaoApplication > table tbody tr td a:first-child:lang(es) {
                    font-size: 1.3rem;
                }
                div#uaoApplication > table tbody tr td a:first-child:hover {
                    background-color: #CAE3AB;
                }
            div#uaoApplication > table tbody tr td a:last-child {
                color: white;
                font-size: 1.5rem;
                font-weight: 600;
                text-align: center;
                padding-top: 22px;
                padding-bottom: 22px;
                border: solid 1px white;
                display: block;
            }
                div#uaoApplication > table tbody tr td a:last-child:lang(es) {
                    font-size: 1.3rem;
                }
                div#uaoApplication > table tbody tr td a:last-child:hover {
                    color: #AED581;
                    border: solid 1px #AED581;
                }
    div#uaoApplication p.footnote {
        font-size: 0.9rem;
        margin-top: 20px;
        margin-bottom: 0;
        color: #eee;
    }

#cookie-consent {
    background-color: #AED581;
    position: fixed;
    bottom: -51px;
    width: 100%;
    z-index: 1001;
    padding: 15px 0 10px 20px;
    -webkit-transition: bottom 0.7s ease-out;
    -moz-transition: bottom 0.7s ease-out;
    -ms-transition: bottom 0.7s ease-out;
    -o-transition: bottom 0.7s ease-out;
    transition: bottom 0.7s ease-out;
}

    #cookie-consent p {
        font-size: 1.2rem;
    }

    #cookie-consent a {
        text-decoration: underline;
    }

    #cookie-consent.hide {
        bottom: -51px;
    }

    #cookie-consent.show {
        bottom: 0;
    }

    #cookie-consent p button {
        float: right;
        margin-top: -2px;
        margin-right: 60px;
        color: black;
        background-color: transparent;
        width: 70px;
        font-weight: 600;
        border: solid 1px #333;
        text-transform: uppercase;
    }

    #cookie-consent p button:hover {
        background-color: #333;
        color: #ccc;
    }

.spbtn {
    background-color: #555;
    color: white;
    width: 80px;
    padding-top: 7px;
    padding-bottom: 7px;
    display: inline-block;
    border-radius: 5px;
}

    .spbtn:hover {
        background-color: #AED581;
        color: black;
        cursor: pointer;
    }