#user-preference-container {
    background-color: #ececec;
}
#user-preference {
    background-color: #ececec;
    font-size: 18px;
    padding: .325em 0 0;
    transition: all .1s ease;
    margin: 0 8%;
}
#user-preference strong {
    display: block;
    padding: 0 12px .25em;
}
#user-preference .text-switcher {
    display: none;
}

#user-preference a {
    cursor: pointer;
    display: block;
    padding: 0 12px;
    text-decoration: none;
}
#user-preference li {
    list-style-type: none;
    padding: .25em 0;
}
#user-preference li + li {
    border-top: 1px solid #ccc;    
}
#user-preference .currentStylesheet {
    background-color: #333!important;
}
#user-preference .currentStylesheet a {
    color: #fff!important;
}
#user-preference .currentStylesheet + li a {
    border: 0;
}
.carousel--main__slide > img, 
.hero--landing__content > img {
    z-index: 0;
}
.mega-dropdown {
background-color: #fff!important;
}
.mega-dropdown a {
    color: #071d49!important;
}
.nav--primary,
.nav--primary__open-button.is-on, 
.nav--primary__search-button.is-on {
    border-color: #071d49!important;
}
.nav--primary__open-button,
.nav--primary__open-button,
.nav--primary__open-button,
.nav--primary__search-button,
.nav--primary__search-button,
.nav--primary__search-button {
	background-color: #071d49!important;
	color: #fff!important;
}
.nav--primary-container {
    color: #071d49!important;
}
.nav--primary__inner > li:hover > a {
    color: #071d49!important;
}
.nav--primary-container a:hover,
.nav--primary-container a:active,
.nav--primary-container a:focus {
    background-color:#fff!important;
    color: #071d49!important;
}
.nav--primary__search-inner input{
    background-color: #fff!important;
}

@media (min-width: 520px){
    #user-preference {
        margin: 0 2em;
    }
}

@media (min-width: 800px) {

#user-preference-container {
    background: none;
    margin: 0 auto;
    max-width: 1024px;
}
#user-preference {
    border: 1px solid transparent;
    display: block;
    margin: 1em 0 1em;
    max-width: 1024px;
    padding: 0 0 .65em;
}
#user-preference strong {
    background-color: #071d49;
    color: #fff;
    display: block;
    padding: .625em;
    vertical-align: top;
}
#user-preference .text-switcher {
    display: inline-block;
}
#user-preference a {
    display: inline;
    padding: 0 .625em;
}
#user-preference a:hover,
#user-preference a:focus {
    text-decoration: underline;
}
#user-preference .currentStylesheet a:hover {
    text-decoration-thickness: 3px;
}
#user-preference ul {
    padding: .25em 0 0;
    display: inline-block;
}
#user-preference li {
    float: left;
}
#user-preference li + li {
    border: 0;
}
#user-preference li + li a {
    border-left: 1px solid #ccc;
}
#user-preference #style-switcher-start {
    clear: left;
}
#user-preference #style-switcher-start a {
    border: 0;
}
}

@media (min-width: 960px) {
    #user-preference {
     margin: 1em 0 1em 225px;        
    }

}

.oldie #user-preference-container {
    background: none;
    margin: 0 auto;
    max-width: 1024px;
}
.oldie #user-preference {
    display: block;
    margin: 1em 0 1em;
    max-width: 1024px;
    padding: 0 0 .65em;
}
.oldie #user-preference strong {
    background-color: #071d49;
    color: #fff;
    display: block;
    padding: .625em;
    vertical-align: top;
}
.oldie #user-preference .text-switcher {
    display: inline-block;
}
.oldie #user-preference a {
    display: inline;
    padding: 0 .625em;
}
.oldie #user-preference a:hover,
.oldie #user-preference a:focus {
    text-decoration: underline;
}
.oldie #user-preference .currentStylesheet a:hover {
    text-decoration: none;
}
.oldie #user-preference ul {
    padding: .25em 0 0;
    display: inline-block;
}
.oldie #user-preference li {
    float: left;
}
.oldie #user-preference li + li {
    border: 0;
}
.oldie #user-preference li + li a {
    border-left: 1px solid #ccc;
}
.oldie #user-preference #style-switcher-start {
    clear: left;
}
.oldie #user-preference #style-switcher-start a {
    border: 0;
}