/* alerts subscriptions */

.alerts-select ul {
    width: 100%!important;
}

.alerts-select label {
    font-weight: normal!important;
    margin: 0px!important;
}

.alerts-select dl.tabs.vertical dd a {
    padding: 5px!important;
    font-size: 1.2em!important;
}

.alerts-select dl.tabs.vertical dd.has-selected {
    border-left: 4px solid #d3461e!important;
}

.alerts-select .tabs-content li ul li {
    padding-left: 10px!important;
    border-bottom: 1px dotted #CCC;
    margin-bottom: 5px;
    padding-bottom: 10px!important;
}

.alerts-select .selectAllHeading {
    margin-left: 5px;
    padding-top: 8px!important;
    background-color: #e9f1f7;
}

/* -----  general settings  ---- */

*{
    margin: 0;
    padding: 0;
}

html{
    -webkit-text-size-adjust: none;
}

img{
    border: none;
    display: block;
}

.column, .columns{
    padding: 0 10px 0 10px;
}

.logoPrint{
    display: none;
}

.skipNavigationLink{
    display: none;
}

a{
    outline: none;
    text-decoration: none;
    color: #2B7AB5;
}

a:focus {
    color: #2B7AB5;
    outline: none;
}

::-moz-selection {
    background-color: #2B7AB5;
    color: #fff;
}

::selection {
    background-color: #2B7AB5;
    color: #fff;
}

body{
    background: #cccbc8 url("../images/background.png") center top repeat-y;
    font-family: "Cambridge Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    -ms-touch-action: pan-y pinch-zoom; /* ie in windows phone fix */
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td{
    font-size: 1em;
}

ul{
    list-style-type: none;
}

ul li ul, ul li ol{
    margin-left: 0;
}

ul, ol{
    line-height: 1;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    list-style-position: outside;
}

input[type="submit"]{
    padding: 0 0 0 0;
    margin: 0 6px 0 0;
    display: inline-block;
}

h1{
    font-size: 24px;
    line-height: 26px;
}

h2{
    font-size: 18px;
    line-height: 21px;
}

h3{
    font-size: 16px;
    line-height: 20px;
}

h4{
    font-size: 13px;
    line-height: 17px;
    text-transform: uppercase;
}

.heading-3, body.standardPage .wrapStandard .mainContent .heading-3 {
    font-size: 16px;
    line-height: 40px;
    font-weight: bold;
}

.heading-4, body.standardPage .wrapStandard .mainContent .heading-4 {
    font-size: 13px;
    font-weight: bold;
    line-height: 30px;
}

p{
    font-size: 15px;
    line-height: 23px;
}

p.aside{
    font-size: 13px;
    line-height: 17px;
    /*font-family: 'Droid Serif',Georgia,Times,"Times New Roman",serif; //Changed to Helvetica for ticket CSHP-845*/
    font-family: "Cambridge Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

p.author{
    font-size: 11px;
    line-height: 13px;
}

.button, .button.large, button.small{
    padding: 0 0 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

button.button, input.button[type="submit"]{
    width: auto;
}

.lt-ie9 body{
    overflow-y: auto;
    overflow-x: auto;
}

/* -----  royal event  ---- */

.royal-event-edit {
    background-color:white;
    height:347px;
    width: 640px;
    padding: 10px;
    border: black 2px solid;
    overflow: scroll;
}

.royal-event-active {
    background-color: #C60F13;
    padding: 10px;
    margin-top: 100px;
    margin-right: 35px;
    border: white 2px solid;
}

.royal-event-inactive {
    background-color: #3d78a4;
    padding: 10px;
    margin-top: 100px;
    margin-right: 35px;
    border: white 2px solid;
}

.royal-event {
    background-color:white;
    height:347px;
    padding: 10px;
    overflow: hidden;
}

.royal-event h1, .royal-event-edit h1 {
    font-size: 32px;
    margin-bottom: 30px;
    line-height: 40px;
    margin-top: 0px;
}

.royal-event h2, .royal-event p, .royal-event-edit p, .royal-event-edit  h2 {
    font-family: "Cambridge Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.royal-event h2, .royal-event-edit h2 {
    font-size: 34px;
    line-height: 110%;
    margin: 15px 150px 10px 20px;
}

.royal-event-edit h2 {
    font-size: 34px;
    line-height: 110%;
    margin: 15px 150px 10px 0px;
}

.royal-event p, .royal-event-edit p {
    font-size: 19px;
    line-height: 140%;
    margin: 15px 40px 0 20px;
}

.royal-event-edit p {
    font-size: 19px;
    line-height: 140%;
    margin: 15px 40px 0 0px;
}

.royal-event a, .royal-event-edit a {
    font-size: 16px;
    font-weight: bold;
}

.royal-event a:hover, .royal-event-edit a:hover {
    color: #FF4000;
}

@media only screen and (max-width: 530px){
    .royal-event p, .royal-event-edit p {
        font-size: 16px;
}

    .royal-event h2, .royal-event-edit h2 {
        font-size: 26px;
    }

    .royal-event {
        padding: 0;
    }
}

/* -----  main page wraps structure  ---- */

.wrapStandard{
    background: none;
}

.wrapStandard.call-to-action-full .image-container .intro-text-container p {
    font-family: 'Cambridge Sans',sans-serif!important;
}

.searchBox {
    margin: 0;
    padding: 0;
    float: right
}

.searchBox fieldset {
    background: #9ec8f9;
    background: -moz-linear-gradient(top, #9ec8f9 50%, #72a2dd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #9ec8f9), color-stop(100%, #72a2dd));
    background: -webkit-linear-gradient(top, #9ec8f9 50%, #72a2dd 100%);
    background: -o-linear-gradient(top, #9ec8f9 50%, #72a2dd 100%);
    background: -ms-linear-gradient(top, #9ec8f9 50%, #72a2dd 100%);
    background: linear-gradient(to bottom, #9ec8f9 50%, #72a2dd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ec8f9', endColorstr='#72a2dd', GradientType=0);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    padding: 10px
}

.searchBox form fieldset > div:nth-child(1),
.searchBox form fieldset > div:nth-child(2),
.searchBox form fieldset > div:nth-child(3) {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    float: left;
    margin: 2px;
    padding: 10px 0;
    height: 35px
}

.searchBox form fieldset > div:nth-child(1) {
    background: #fff;
    border: none;
    width: 54%;
    font-size: 125%;
    color: #7c7b79;
    padding: 7px 7px 6px 7px
}

/*.searchBox form fieldset > div:nth-child(1) > input[type="submit"] {float: left; background: transparent url(../images/sprite.png) -808px 0 no-repeat; border: none; width: 21px; height: 21px; text-indent: -999em}*/
.searchBox form fieldset > div:nth-child(1) > input[type="text"] {
    background: #fff !important;
    color: #A19E9D;
    filter: none !important;
    border: none;
    width: 100%;
    height: auto;
    float: left;
    padding: 4px 0;
    font-family: "Cambridge Sans", Helvetica !important
}

.searchBox form fieldset > div:nth-child(1) > input[type="text"]:hover {
    border: none
}

.searchBox form fieldset > div:nth-child(1) > input[type="text"]:focus {
    border: none;
    color: #000
}

.searchBox form fieldset > div:nth-child(2) {
    width: 35%;
    background: #fff;
    padding: 10px 0
}

.searchBox form fieldset > div:nth-child(2) > select {
    border: none;
    background: transparent url(../images/sprite.png) right -147px no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 118%;
    margin: 0;
    padding: 0 8px;
    height: auto;
    font-size: 125%;
    color: #555;
    cursor: pointer;
    filter: none !important
}

.searchBox form fieldset > div:nth-child(2) > select > option {
    background-color: #fff;
    padding: 5px 10px
}

.searchBox form fieldset > div:nth-child(3) {
    background: #fff;
    text-align: center;
    padding: 0
}

.searchBox form fieldset > div:nth-child(3) > input[type="submit"] {
    border: none;
    background: transparent url(../images/sprite.png) -801px 7px no-repeat;
    float: left;
    text-indent: -999em;
    width: 20px;
    padding: 10px 15px
}

.searchBox form.custom fieldset > div:nth-child(2) > div.custom.dropdown {
    margin: 0;
    width: 100% !important
}

.searchBox form.custom fieldset > div:nth-child(2) > div.custom.dropdown a.current {
    padding: 0 10px;
    border: none !important;
    background: #fff;
    min-height: inherit;
    line-height: normal !important;
    color: #555 !important;
    filter: none !important;
    font-size: 125% !important;
}

.searchBox form.custom fieldset > div:nth-child(2) > div.custom.dropdown a.selector {
    background: transparent url(../images/sprite.png) -974px -147px no-repeat;
    width: 23px;
    height: 23px !important;
    border: none !important;
    filter: none !important
}

.searchBox form.custom fieldset > div:nth-child(2) > div.custom.dropdown a.selector:after {
    border: none
}

.searchBox form.custom fieldset > div:nth-child(2) > div.custom.dropdown ul {
    width: 100% !important;
    top: 25px !important;
    left: 0 !important;
    font-family: "Cambridge Sans", Helvetica !important;
    background: transparent !important;
    border: 1px solid #DAD6CB;
    box-shadow: rgba(0, 0, 0, .2) 0 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, .2) 0 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, .2) 0 2px 8px;
    z-index: 20;
}

.searchBox form.custom fieldset > div:nth-child(2) > div.custom.dropdown ul li {
    padding: 10px !important;
    background: #fff;
    color: #555;
    font-size: 125% !important;
}

.searchBox form.custom fieldset > div:nth-child(2) > div.custom.dropdown ul li:hover,
.searchBox form.custom fieldset > div:nth-child(2) > div.custom.dropdown ul li.selected {
    background: #F1F0ED;
    color: #000
}

.searchBox form.custom fieldset > div:nth-child(2) > div.custom.dropdown ul li.selected:after,
.searchBox form.custom fieldset > div:nth-child(2) > div.custom.dropdown ul li:hover:after {
    content: ""
}

.searchBox form.custom.ie-hack {
    display: none
}

.searchBox form.ie-hack {
    display: none
}

.lt-ie9 .searchBox{
    display: block !important;
}

.searchBoxNone, .mainNavNone{
    display:none;
}

.wrapGrey{
    background: url("../images/background2.png") repeat-y scroll center top transparent;
    overflow: visible;
    clear: both;
}

.wrapHeader{
    background: url("../images/background-corporate-header.jpg") center top no-repeat;
    height: 324px;
    position: relative;
}

.standardPage .wrapHeader{
    height: 220px;
}

.wrapFooter{
    background: url("../images/sprites_v2.png") repeat-x scroll 50% -101px transparent;
    overflow: hidden;
    padding: 0 0 38px 0;
}

.wrapLowerFooter{
    background: url("../images/sprites_v2.png") no-repeat scroll 50% -1537px transparent;
    overflow: hidden;
    padding: 17px 0 17px 0;
}

/* -----  header area  ---- */

.searchWrapper{
    position: absolute;
    /*top: 55px; removed for cookie disclosure*/
    left: 0;
    width: 100%;
    z-index: 18;
}

.lt-ie9 .searchBox fieldset input[type="text"], .lt-ie9 .searchBox form input[type="text"]{
    line-height: 32px;
}

.searchBox fieldset input[type="text"]:active, .searchBox fieldset input[type="text"]:focus, .searchBox form input[type="text"]:active, .searchBox form input[type="text"]:focus{
    color: #000;

}

.searchBox fieldset input[type="submit"], .searchBox form input[type="submit"]{
    cursor: pointer;
}

.searchBox fieldset ::-webkit-input-placeholder, .searchBox fieldset ::-moz-placeholder, .searchBox form ::-webkit-input-placeholder, .searchBox form ::-moz-placeholder {
   color: #999;
}

.lt-ie9 .searchWrapper{
    min-width: 960px;
}

.mainNavWrap{
    height: 74px;
    top: 324px;
    float: left;
    margin-top: -74px;
    position: relative;
    width: 100%;
    z-index: 17;
}

.standardPage .mainNavWrap{
    top: 220px;
}

.introText-corporatehome {
    padding-top: 10px;
}

ul li.navLocation a img{
    width: 20px;
    height: 27px;
    float: right;
    margin: 22px 0 0 7px;
}

.mobileHeader{
    display: none;
}

fieldset, form{
    border: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius:0;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.productsSearch, .dictionarySearch, .cambridgeEnglishSearch{
    width: 100%;
    float: left;
}

.labelHidden{
    display: none !important;
}

.formErrorContent {
    color:#EE0101;
}

/*.searchBox fieldset input[type="text"], .searchBox form input[type="text"]{
    height: 32px;
    line-height: 1em;
    border: none;
    padding: 0 8px 0 8px;
    width: 87%;
    font-family: "Helvetica Neue", Helvetia, Arial, Helvetica, sans-serif;
    color: #555;
    font-size: 13px;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    float: left;
}*/

.lt-ie9 .searchBox fieldset input[type="text"], .lt-ie9 .searchBox form input[type="text"]{
    line-height: 32px;
}

.searchBox fieldset input[type="text"]:active, .searchBox fieldset input[type="text"]:focus, .searchBox form input[type="text"]:active, .searchBox form input[type="text"]:focus{
    color: #000;

}

/*.searchBox fieldset input[type="submit"], .searchBox form input[type="submit"]{
    float: right;
    width: 30px;
    height: 32px;
    background: url("../images/sprite.png") -800px 5px no-repeat;
    border: none;
    font-size: 0;
    text-indent: -9999999px;
    line-height: 0;
    float: left;
    margin: 0 0 0 0;
}*/

.searchBox fieldset input[type="submit"], .searchBox form input[type="submit"]{
    cursor: pointer;
}

.searchBox fieldset ::-webkit-input-placeholder, .searchBox fieldset ::-moz-placeholder, .searchBox form ::-webkit-input-placeholder, .searchBox form ::-moz-placeholder {
    color: #999;
}

.dictionarySearch{

}

.searchTabs{
    float: left;
    width: 100%;
    margin: 8px 0 0 0;

}

.searchTabs label{
    float: left;
    margin: 0 10px 0 0;
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
}

.searchTabs label.labelSearchDictionary{
    margin: 0 0 0 0;
}

.searchTabs a.searchMoreOptions{
    float: right;
    color: #fff;
    font-size: 12px;
    background: url("../images/sprite.png") left -163px no-repeat;
    padding: 0 0 0 10px;
    height: 20px;
    line-height: 20px;
}

.searchTabs a.searchMoreOptions:hover{
    text-decoration: underline;
}

h2.corporateIntro{
    /*font-family: 'Droid Serif',Georgia,Times,"Times New Roman",serif; //Changed to Helvetica for ticket CSHP-845*/
    font-family: "Cambridge Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #fff;
    font-size: 16px;
    line-height: 140%;
    width: 100%;
    margin: 0 0 0 64px;
}

img.corporateLogo{
    margin: 43px 0 7px 0;
    width: 338px;
}

#content{
    width: 100%;
    overflow: hidden;
    margin: 0;
}

.contentFixed{
    position: fixed;
    cursor: default;
    top:0;
    bottom:0;
    overflow: hidden;
    ms-touch-action: none;
}

.lt-ie9 #content{
    min-width: 960px;
}

/* -----  Top navigation  ---- */

ul#nav {
    padding-left: 0;
    list-style: none;
    width: 100%;
    height: 55px !important;
    line-height: 55px;
    background-color: #181817;
    margin: 0 auto 0;
}

ul#nav li a:focus{
    color: #fff !important;

}

#content ul#nav li.drop{
    padding: 0 19px 0 12px;
    background: url("../images/sprites_v2.png") no-repeat scroll right -3705px transparent;
    margin: 0 0 0 0;
}

.no-touch #content ul#nav li.drop:hover{
    /* background-position: right -23px; */
    cursor: pointer;
    background: url("../images/sprites_v2.png") no-repeat scroll right -3754px transparent;
}

#content ul#nav li.navLocation{
    margin: 0 0 0 0;
    padding: 0;
}

.lt-ie9 #content ul#nav li.navLocation{
    max-width: 230px;
    overflow: hidden;
}

.no-touch #content ul#nav li.navLocation:hover{
    background-position: right -23px;
    cursor: pointer;
}

#content ul#nav li.navLocation a{
    font-weight: bold;
    font-size: 12px;
    padding: 0 0 0 22px;
    background: url("../images/sprite.png") left -212px no-repeat;
}

.no-touch #content ul#nav li.navLocation a:hover, #content ul#nav li.navLocation:hover a{
    background-position: left -292px;
}

ul#nav li.drop ul {
    position: absolute;
    width: 200px;
    left: -999999px;
    z-index: 30;
    clear: left;
}

#content ul#nav li.drop:hover ul{
    left: auto;
}

#content ul#nav li.drop ul li{
    width: 200px;
    margin-bottom: 0px;
    border-bottom: 1px solid #898685;
    height: 40px;
    line-height: 40px;
    background: url("../images/sprites_v2.png") no-repeat right -3850px transparent;
    padding: 0 10px 0 10px;
}

#content ul#nav li.drop ul li:last-child {
    border-bottom:0px;
}

#content ul#nav li.drop ul li a{
    height: 40px;
    line-height: 40px;
    background: none;
}

.no-touch ul#nav li.drop:hover ul {
    left: auto;
}

ul#nav:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#content ul#nav li {
    float: left;
    color: #82807E;
    font-size: 12px;
    height: 55px;
    line-height: 55px;
    padding: 0 1.2%;
}

#content ul#nav li.right{
    float: right;
    padding-left: 0;
}

#content ul#nav li.logo img{
    width: 157px;
    height: 55px;
    display: block;
}

#content ul#nav li.logo a{
    width: 157px;
}

#content ul#nav a {
    display: block;
    background-color: #181817;
    color: #969492;
    font-weight: bold;
    height: 55px;
}

.no-touch #content ul#nav a:hover{
    color: #fff;
}

.no-touch #content ul#nav li:hover a{
    color: #fff;

}

.no-touch #content ul#nav li:hover ul li a{
    color: #82807E;
}

.no-touch #content ul#nav li:hover ul li a:hover{
    color: #fff;
}

.openPageSlide {
    display: none;
    float: left;
    width: 30px;
    height: 45px;
    margin-right: 10px;
    text-indent: -999999px;
    border: 0;
    background: url("../images/sprite.png") 0 0 no-repeat;
    font-size: 0;
    line-height: 0;
}

.openPageSlide:hover{
    background-position: 0 -46px;
}

.lt-ie9 .openPageSlide{
    display: none !important;
}

.navOpen, .navOpen:hover{
    background-position: 0 -100px;
}

a.searchReveal{
    display: none;
}

/* -----  Site navigation  ---- */

.mainNav{
    height: 74px;
    background: url("../images/main-nav-background.png") 0 0 repeat;
    margin: 0 auto 0;
    max-width: 955px;
    width: 100%;
    overflow: hidden;
}

.lt-ie9 .mainNav{
    display: block !important;
    width: 960px;
}

.mainNav li{
    height: 74px;
    padding: 0 0 0 0;
    width: 12.5%;
    float: left;
    height: auto;
}

.mainNav li a{
    height: 74px;
    margin: 0 0 0 0;
    padding: 15px 0 0 10px;
    color: #a4d0f1;
    font-size: 13px;
    background: url("../images/main-nav-divider.png") right bottom no-repeat;
    line-height: 18px;
    width: 100%;
    font-weight: bold;
    display: block;
}

.mainNav li.last a {
    margin: 0 0 0 2px
}

.mainNav li.noLine a{
    background: none;
}

.mainNav li.bookshop a{
    padding-right: 20px;
}

.mainNav li.last a{
    background: none;
}

.no-touch .mainNav li a:hover{
    background: url("../images/main-nav-active.png") 0 0 repeat-x;
    color: #fff !important;
}

.no-touch .mainNav li.last {
    position: relative;
    left: -2px;
}

.no-touch .mainNav li.last a:hover{
    background: url("../images/main-nav-active.png") 0 0 repeat-x;
    color: #fff !important;
    width: 105%;
    margin: 0 7px 0 2px;
    left: 10px;
}

.mainNav li.current a{
    background: url("../images/main-nav-active.png") 0 0 repeat-x;
    color: #fff !important;
    cursor: default;
}

/* -----  Forms in modal  ---- */

.reveal-modal{
    background-color: #f8f7f5;
}

.reveal-modal h2{
    font-size: 24px;
    color: #1f1f1e;
    margin: 0 0 25px 0;
}

.formRow{
    width: 48%;
    margin: 0 0 18px 0;
    float: left;
}

.formRow.leftRow{
    width: 48%;
    margin: 0 4% 18px 0;
}

.formRow .halfRow.leftRow{
    width: 48%;
    margin: 0 4% 0 0;
    float: left;
}

.formRow .halfRow{
    width: 48%;
    float: left;
}

.formRow.lastRow{
    margin: 0 0 0 0;
}

.formRow.leftRow.lastRow{
    margin: 0 4% 0 0;
}

.fullRow{
    width: 100%;
}

.formRow label{
    color: #82807e;
    font-size: 13px;
    font-weight: bold;
    padding: 0 0 6px 0;
    margin: 0 0 0 0;
}

.languageRow label{
    padding: 0 0 10px 0;
}

h3.titleLanguage{
    margin: 0 0 13px 0;
}

.formRow label.popupSubhead{
    margin: 25px 0 0 0;
    float: left;
}

fieldset input[type="text"], form input[type="text"], form input[type="email"],form input[type="password"]{
    height: 32px;
    line-height: 1em;
    border: 1px solid #dad6cb;
    padding: 0 8px 0 8px;
    width: 100%;
    font-family: "Cambridge Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #555;
    font-size: 13px;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    float: left;
    background: #fff url("../images/text-input-background.png") 0 top repeat-x;

}

fieldset textarea, form textarea{
    height: 130px;
    line-height: 140%;
    border: 1px solid #dad6cb;
    padding: 8px 8px 8px 8px;
    width: 100%;
    font-family: "Cambridge Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #555;
    font-size: 13px;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    float: left;
    background: #fff url("../images/text-input-background.png") 0 top repeat-x;

}

.lt-ie9 fieldset input[type="text"], .lt-ie9 form input[type="text"]{
    line-height: 32px;
}

fieldset input[type="text"]:active, fieldset input[type="text"]:focus, form input[type="text"]:active, form input[type="text"]:focus{
    color: #000;
    border: 1px solid #bdb9ad;
}

/* .wrapHeader .main-logo img{
    visibility: visible;
    width: 301px;
    height: 140px;
}  */

fieldset textarea:active, fieldset textarea:focus, form textarea:active, form textarea:focus{
    color: #000;
    border: 1px solid #bdb9ad;
}

fieldset .productsSearch input[type="text"]:active, fieldset .productsSearch input[type="text"]:focus, form .productsSearch input[type="text"]:active, form .productsSearch input[type="text"]:focus,fieldset .dictionarySearch input[type="text"]:active, fieldset .dictionarySearch input[type="text"]:focus, form .dictionarySearch input[type="text"]:active, form .dictionarySearch input[type="text"]:focus,fieldset .cambridgeEnglishSearch input[type="text"]:active, fieldset .cambridgeEnglishSearch input[type="text"]:focus, form .cambridgeEnglishSearch input[type="text"]:active, form .cambridgeEnglishSearch input[type="text"]:focus {
    border: none;
}

/* -----  Buttons  ---- */

.button, .button.small {
    width: auto;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-family: "Cambridge Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    margin: 0 6px 0 0;
    outline: none;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background-color 0.15s ease-in-out;
    -moz-transition: background-color 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out; /* Hovers */
    /* Sizes */
    /* Colors */
    /* Radii */
    /* Layout */
    /* Disabled ---------- */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 0 12px 0 12px !important;
    border: none;
    height: 26px;
    line-height: 26px;
}

.no-touch .button:hover{
    color: #fff !important;
}

.button.large{
    height: 38px;
    line-height: 38px;
    padding: 0 20px 0 20px !important;
    font-size: 14px;
}

body:nth-of-type(1) arrow span{
    background: url("../images/sprites_v2.png") no-repeat scroll left -4021px transparent;
    display: block;
    float: left;
    width: 5px;
    height: 26px;
    padding: 0 12px 0 0;
}

body:nth-of-type(1) .homepageSlide div a.button span {
    height: inherit;
    line-height: inherit;
}

.large.arrow span{
    height: 38px;
}

.button.blue{
    background: #3287c6; /* Old browsers */
    background-image: -moz-linear-gradient(top,  #3891d3 0%, #2d7eba 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3891d3), color-stop(100%,#2d7eba)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3891d3 0%,#2d7eba 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3891d3 0%,#2d7eba 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3891d3 0%,#2d7eba 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3891d3 0%,#2d7eba 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3891d3', endColorstr='#2d7eba',GradientType=0 ); /* IE6-9 */
}

.no-touch .button.blue:hover{
    background: #3b96d9; /* Old browsers */
    background-image: -moz-linear-gradient(top,  #40a0e8 0%, #368ccb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#40a0e8), color-stop(100%,#368ccb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #40a0e8 0%,#368ccb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #40a0e8 0%,#368ccb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #40a0e8 0%,#368ccb 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #40a0e8 0%,#368ccb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40a0e8', endColorstr='#368ccb',GradientType=0 ); /* IE6-9 */
}

.product-area{
    width: 958px;
    clear:both;
}

.button.grey{
    background: #d2d1ce; /* Old browsers */
    background-image: -moz-linear-gradient(top,  #a5a4a2 0%, #8b8a88 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5a4a2), color-stop(100%,#8b8a88)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a5a4a2 0%,#8b8a88 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a5a4a2 0%,#8b8a88 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a5a4a2 0%,#8b8a88 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #a5a4a2 0%,#8b8a88 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5a4a2', endColorstr='#8b8a88',GradientType=0 ); /* IE6-9 */
}

.no-touch .button.grey:hover{
    background: #adacaa; /* Old browsers */
    background-image: -moz-linear-gradient(top,  #b2b2b1 0%, #939290 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b2b1), color-stop(100%,#939290)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b2b2b1 0%,#939290 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b2b2b1 0%,#939290 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b2b2b1 0%,#939290 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b2b2b1 0%,#939290 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2b2b1', endColorstr='#939290',GradientType=0 ); /* IE6-9 */
}

.button.grey.close-reveal-modal{
    position: relative;
    right: 0;
    top: 0;
    text-shadow: none;
    color: #fff;
}

.button:focus{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.searchBut{
    float: right;
}

/* -----  Footer  ---- */

.footerLogo{
    width: 178px;
    height: 39px;
    margin: 40px 0 0 0;
    float: left;
}

.wrapFooter h3{
    color: #fff;
    font-size: 16px;
    margin: 15px 0 13px 0;
    font-weight: bold;
}

.wrapFooter ul li{
    margin: 0 0 9px 0;
    border: none !important;
}

.wrapFooter ul li a{
    font-size: 13px;
    color: #fff;
    padding: 0 0 0 16px;
    background: url("../images/sprite.png") left -435px no-repeat;
    font-weight: 300;
}

.wrapLowerFooter ul li > a.icon-lifebuoy {
    background: transparent url("../../../images/sprite.png") -973px -888px no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    text-indent: -999em
}

.wrapLowerFooter ul li > a.icon-lifebuoy:hover {
    background-position: -973px -914px
}

.no-touch .wrapFooter ul li a:hover{
    color: #fff;
    background-position: left -435px;
    text-decoration: underline;
}

.wrapFooter ul.joinUsOnline {
    display: block;
    clear: both;
    overflow: hidden;
    padding-bottom: 10px
}

.wrapFooter .joinUsOnline li{
    float: left;
    width: 41px;
    height: 41px;
    margin: 0 9px 0 0;
}

.wrapFooter .joinUsOnline li a{
    width: 41px;
    height: 41px;
    background: url("../images/sprite.png") -3px -517px no-repeat;
    display: block;
    text-indent: -9999999px;
    line-height: 0;
    font-size: 0px;
}

.no-touch .wrapFooter .joinUsOnline li a:hover{
    background-position: -3px -587px;
}

.wrapFooter .joinUsOnline li.facebook a{
    background-position: -52px -517px;
}

.no-touch .wrapFooter .joinUsOnline li.facebook a:hover{
    background-position: -52px -587px;
}

.wrapFooter .joinUsOnline li.youTube a{
    background-position: -100px -517px;
}

.no-touch .wrapFooter .joinUsOnline li.youTube a:hover{
    background-position: -100px -587px;
}

.wrapFooter .joinUsOnline li.googlePlus a{
    background-position: -358px -517px;
}

.no-touch .wrapFooter .joinUsOnline li.googlePlus a:hover{
    background-position: -358px -587px;
}

.wrapFooter .joinUsOnline li.twitter a{
    background-position: -404px -517px;
}

.no-touch .wrapFooter .joinUsOnline li.twitter a:hover{
    background-position: -404px -587px;
}

.wrapFooter .joinUsOnline li.instagram a{
    background-position: -451px -517px;
}

.no-touch .wrapFooter .joinUsOnline li.instagram a:hover{
    background-position: -451px -587px;
}

.footerDictionary form{
    background-color: #66b1ea;
    width: 100%;
    height: 36px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: 0 0 14px 0;
}

/*.footerDictionary fieldset, .footerDictionary form fieldset{
    margin: 0;
}*/

.footerDictionary input[type="submit"], .footerDictionary form input[type="submit"] {
    background: url("../images/sprite.png") no-repeat -898px 8px;
    border: medium none;
    float: right;
    font-size: 0;
    height: 36px;
    line-height: 0;
    margin: 0;
    text-indent: -99999999px;
    width: 25px;
    cursor: pointer;
}

.footerDictionary input[type="text"], .footerDictionary form input[type="text"]{
    height: 36px;
    line-height: 1em;
    border: none;
    padding: 0 8px 0 8px;
    width: 83%;
    font-family: "Cambridge Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #555 !important;
    font-size: 13px;
    outline: none;
    -moz-border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
    float: left;
    /*background-color: #fdfdfd;
    background-image: none;*/
}

.lt-ie9 .footerDictionary input[type="text"], .lt-ie9 .footerDictionary form input[type="text"]{
    line-height: 36px;
}

.footerDictionary input[type="text"]:active, .footerDictionary fieldset input[type="text"]:focus, .footerDictionary form input[type="text"]:active, .footerDictionary form input[type="text"]:focus{
    color: #fff;

}

.footerDictionary p{
    color: #fff;
    /*font-weight: bold;*/
    line-height: 130%;
    font-size: 13px;
}

.footerDictionary p strong{
    color: #fff;
}

/*.footerDictionary fieldset ::-webkit-input-placeholder, .footerDictionary fieldset ::-moz-placeholder, .footerDictionary form ::-webkit-input-placeholder, .footerDictionary form ::-moz-placeholder {
    color: #fff;
}
*/

.wrapLowerFooter ul li{
    float: left;
    color: #82807e;
    height: 20px;
    line-height: 20px;
}

.wrapLowerFooter ul li a{
    color: #a19e9d;
    font-size: 13px;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.no-touch .wrapLowerFooter ul li a:hover{
    text-decoration: underline;
}

.wrapLowerFooter p{
    font-size: 13px;
    color: #a19e9d;
    float: right;
    margin: 0 0 0 0;
    line-height: 20px;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

a.backToTop{
    display: none;
}

/* -----  Breadcrumbs and page title  ---- */

ul.crumbs{
    margin: 21px 0 14px 0;
    float: left;
    line-height: 160%;
}

ul.crumbs li{
    float: left;
    color: #666666;
    font-size: 13px;
    font-weight: normal;
    margin: 0 7px 0 0;
}

ul.crumbs li a{
    color: #666666;
    font-weight: bold;
    background: url("../images/sprite.png") right -66px no-repeat;
    padding: 0 13px 0 0;
}

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

p.pageTitle,h1.pageTitle,h2.pageTitle{
    float: left;
    font-size: 34px;
    color: #2f2f2f;
    margin: 0 0 30px 0;
    width: 100%;
    line-height: 120%;
    font-weight: bold;
}

.crumbsWrap{
    padding: 0 0 0 0;
}

/* -----  Main column  ---- */

.mainContent{
    margin: 50px 0 60px 0;
}

/*
.mainContent img{
        max-width: 250px;
        float: right;
        margin: 5px 0px 20px 0px;
        width: 45%;
}
*/

.subContent{
    margin: 50px 0 0 0;
}

.mainContent p{
    /*font-family: 'Droid Serif',Georgia,Times,"Times New Roman",serif; //Changed to Helvetica for ticket CSHP-845*/
    font-family: "Cambridge Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #2C2B2A;
    line-height: 150%;
    margin: 0 0 17px 0;
    padding: 0 0 0 0;
    font-size: 15px;
}

.mainContent h1, .mainContent h2, .mainContent h3{
    font-size: 16px;
    margin: 0 0 12px 0;
    padding: 6px 0 0 0;
    font-family: "Cambridge Sans", "Helvetica Neue", Helvetia, Arial, Helvetica, sans-serif;
    color: #1f1f1e;
    line-height: 140%;
}

.mainContent h2{
    font-size: 20px;
    line-height: 120%;
    margin: 0 0 18px 0;
}

.mainContent h4, .mainContent h5, .mainContent h6{
    font-size: 13px;
    line-height: 140%;
    text-transform: uppercase;
    margin: 0 0 12px 0;
    padding: 6px 0 0 0;
}

.mainContent ul, #textContent ul, ul.standardList, .mainContent ol{
    list-style-type: disc;
    list-style-position: outside;
    font-family: "Cambridge Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #383736;
    line-height: 150%;
    margin: 0 0 0 30px;
    padding: 5px 0px 10px 16px;
}

.mainContent ol {
    list-style-type: decimal;
}

.mainContent .dk_options_inner {
    margin: 0px;
    padding: 0px;
}

.mainContent ul.standardList li{
    padding: 0 0 16px 0;
}

.mainContent span.newsDate, body.standardPage .wrapStandard .mainContent span.newsDate {
    font-weight: bold;
    color: #82807E;
    margin: 0 0 8px 0;
    font-size: 12px;
    text-transform: uppercase;
}

/* -----  Customer service tables  ---- */
#customer-service-data {

}

#customer-service-data .label {
    color: black;
    background: none;
    line-height: 18px;
    height: 18px;
    vertical-align: top;
    font-family: "Cambridge Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    padding-right: 5px;
}

#customer-service-data table {
    border: none;
    padding: 0px;
    margin: 0px;
}

#customer-service-data tr {
    background: none;
    padding: 0px;
    margin: 0px;
}

#customer-service-data td {
    background: none;
    padding: 0px;
    margin: 0px;
    font-family: "Cambridge Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 13px;

}

/* -----  SubNav  ---- */

ul.subNav{
    background-color: #f9f8f5;
    padding: 10px;
    margin: -102px 0 50px 0;
    z-index: 20;
    position: relative;
    font-size: 13px;
    overflow: hidden;
}

.no-touch ul.subNav li a:hover{
    text-decoration: underline;
}

ul.subNav li.sectionTitle a{
    text-transform: uppercase;
    color: #d3461e;
    font-weight: bold;
}

ul.subNav li{
    width: 100%;
    float: left;
}

ul.subNav li:last-child a, ul.subNav ul li a{
    border-bottom: none;
}

ul.subNav li ul{
    border-bottom: 1px solid #e9e7df;
    float: left;
    padding: 10px 0 10px 0;
    width: 100%;
}

ul.subNav li a{
    padding: 14px 5px 15px 5px;
    float: left;
    width: 100%;
    color: #1f1f1e;
    font-weight: bold;
    border-bottom: 1px solid #e9e7df;
}

ul.subNav li ul li a{
    padding: 5px 0 5px 33px;
    background: url("../images/sprite.png") 18px -270px no-repeat;
}

ul.subNav li ul li{
    border-bottom: none;
    width: auto;
    clear: left;
}

ul.subNav li.current > a, ul.subNav li ul li.current > a{
    color: #d3461e;
}

ul.subNav li.current > a:hover, ul.subNav li ul li.current > a:hover{
    text-decoration: none;
    cursor: default;
}

/* -----  SubNav  ---- */

.sidePanel{
    padding: 0 5px 0 5px;
    margin: 0 0 20px 0;
}

.sidePanel h4{
    font-size: 16px;
    color: #d3461e;
    border-bottom: 1px solid #ebe9e3;
    padding: 0 0 15px 0;
    margin: 0 0 18px 0;
}

.sidePanel p{
    color: #3A3A38;
    font-weight: normal;
    font-size: 13px;
    line-height: 130%;
    /* float: left; */
    width: 100%;
    margin: 0 0 18px 0;
}

.sidePanel ul {
    margin-bottom: 18px;
}

.sidePanel li {
    color: #3A3A38;
    font-weight: normal;
    font-size: 13px;
    line-height: 130%;
    width: 100%;
    margin: 0px 0px 0px 15px;
    padding: 0px;
}

.sidePanel h6{
    color: #3A3A38;
    font-weight: bold;
    font-size: 13px;
    line-height: 160%;
    /* float: left; */
    width: 100%;
    margin: 0 0 18px 0;
}

.sidePanel h5{
    color: #767472;
    margin-bottom: 5px;
    font-size: 15px;
    text-transform: uppercase;
}

.sidePanel a{
    color: #3a3a38;
    padding: 0 0 0 12px;
    background: url("../images/sprite.png") no-repeat 0 -273px;
    font-weight: bold;
}

.no-touch .sidePanel a:hover{
    text-decoration: underline;
}

.red {
    color: red;
}

.countryReveal{
    display: none;
    font-size: 0;
    text-indent: -999999px;
    line-height: 0;
}

#content ul#nav li.tablet-only {
    display: none;
}

/* -----------------------------------------
    FORMS
----------------------------------------- */
form.rsForm {
    font-size: 15px !important;
}

form.rsForm h4 {
    text-transform: none;
}

form.rsForm h4 label {
    font-weight: bold;
}

form.rsForm input[type="text"], form.rsForm input[type="text"], form.rsForm input[type="email"]{
    font-size: 15px;
}

form.rsForm label {
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    color: inherit;
}

form.rsForm .mBottom3 {
    margin-bottom: 3px;
}

form.rsForm .custom.dropdown, form.rsForm .custom.dropdown ul {
    width: 100% !important;
    font-family: inherit;
}

form.rsForm input[type="text"][disabled],
form.rsForm input[type="password"][disabled],
form.rsForm input[type="date"][disabled],
form.rsForm input[type="datetime"][disabled],
form.rsForm input[type="email"][disabled],
form.rsForm input[type="number"][disabled],
form.rsForm input[type="search"][disabled],
form.rsForm input[type="tel"][disabled],
form.rsForm input[type="time"][disabled],
form.rsForm input[type="url"][disabled],
form.rsForm textarea[disabled] {
    background: #DDD;
}

form.rsForm .custom.radio {
    margin-left: 10px;
}

form.rsForm .custom.dropdown ~ .formError {
    top: -9px !important;
}

form.custom div.custom.dropdown.open ul, form.rsForm div.dk_container {
    z-index: 991; /* validationEngine:; 990 */
}

form.custom .custom.dropdown.disabled a.current {
    background-color: #ddd;
    color: #999;
    border: 1px solid #dad6cb;
    cursor: default;
}

form.custom .custom.dropdown.disabled a.selector {
    cursor: default;
}

/* Fix validationEngine prompts position in formRow */
.formRow .formError.inline {
    display: table;
}

.content-404 {
  border-bottom: 1px dashed #dbd9d3;
  margin-bottom: 20px !important;
  padding-bottom: 20px;
}

.content-404 span {
  font-size: 14px;
}

.customerServices {
  padding-bottom: 20px;
}

.customerServices .subContactsChunk h3 {
  border-bottom: none !important;
  margin: 0 !important;
}

.pull-left-row {
    float: left;
    width: 100%;
}

/* -----------------------------------------
   AUTOCOMPLETE STYLES
----------------------------------------- */
.autocompleteWrapper {
    clear: both;
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}

.autocomplete-suggestions {
    font-size: 13px;
    background-color: #fff;
    overflow: auto;
    /*box-shadow: rgba(0, 0, 0, .2) 0 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, .2) 0 2px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, .2) 0 2px 8px;
    border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;*/
    border: 1px solid #dad6cb;
}

/* Global Navbar */
#localeForm .autocomplete-suggestions {
    top: 32px;
}

/* Contact us page */
.contactsChunk fieldset .formRow .autocomplete-suggestions {
    top: 107px;
}

.autocomplete-field::-ms-clear {
    display: none;
}

.autocomplete-suggestions .autocomplete-suggestion {
    padding: 8px 10px;
    color: #555;
    border-bottom: 1px solid #fff;
    margin: 0;
    line-height: 12px;
    font-size: 12px;
    cursor: pointer;
}

.autocomplete-suggestions .autocomplete-suggestion:hover, .autocomplete-suggestions .autocomplete-selected {
    background-color: #f1f0ed;
}

.rememberMeWrapper {
    width: auto !important;
    margin-top: 5px;
}

/* Reveal form overrides */
#locationOptions .button.large {
    padding: 0 12px !important;
}

/* -----------------------------------------
   MAX WIDTH 1100px
----------------------------------------- */

@media only screen and (max-width: 1100px) {
    #content ul#nav li.navLocation a span{
        display: none;
    }
}

/* -----------------------------------------
   Subnav fix
----------------------------------------- */
.countryChooserFix {
    text-indent: -9999px;
    padding: 0;
    width: 20px;
}

/*@media only screen and (max-width: 860px) and (min-width: 767px) {
    #content ul#nav li.navLocation a {
        text-indent: -9999px;
        padding: 0;
        width: 25px;
    }
}*/

/* -----------------------------------------
   MAX WIDTH 1024px
----------------------------------------- */

@media only screen and (max-width: 1024px) {
    #content ul#nav li.desktop-only {
        display: none;
    }

    #content ul#nav li.tablet-only {
        display: block;
    }

    #content ul#nav li {
        float: left;
        color: #82807E;
        font-size: 12px;
        height: 55px;
        line-height: 55px;
        padding: 0 1.2%;
        background-color: #181817;
    }

    .reveal-modal.small {
        width: 30%
}
}

/* -----------------------------------------
   MAX WIDTH 980px
----------------------------------------- */

@media only screen and (max-width: 980px) {

    .searchBox {
        width: 55% !important;
    }

    .searchBox form fieldset > div:nth-child(2) {
        background: #fff url(../images/sprite.png) right -138px no-repeat
    }

    .searchBox form fieldset > div:nth-child(1) {
        width: 53%;
    }

    /* Tablet fixes */
    .contactsChunk > fieldset {
        padding-left: 12px;
        padding-right: 12px;
    }

    #customer-service-data table {
        padding-left: 12px;
        padding-right: 12px;
        margin-bottom: 12px;
    }

    #customer-service-data > h3 {
        padding-left: 12px;
        padding-right: 12px;
        font-size: 16px;
    }

   /*  #content ul#nav li.navLocation{
       padding: 0;
   } */
    #content ul#nav li.drop ul li{
        width: 200px;
        margin-bottom: 0px;
        border-bottom: 1px solid #898685;
        height: 40px;
        line-height: 40px;
        background: url("../images/dropdown-back.png") 0 0 repeat;
        padding: 0px 10px 0px 6px;
        margin-left: -15px;
    }

    #content ul#nav li {
        float: left;
        color: #82807E;
        font-size: 12px;
        height: 55px;
        line-height: 55px;
        padding: 0 0.8%;
        background-color: #181817;
    }

    #content ul#nav li.drop{
        padding: 0 19px 0 5px;
        background: url("../images/down-arrow.png") right 26px no-repeat;
        margin: 0 0 0 0;
    }
}

/* -----------------------------------------
   END OF MAX_WIDTH 980px
----------------------------------------- */

/* -----------------------------------------
   MAX WIDTH 850px
----------------------------------------- */

@media only screen and (max-width: 870px) {

    .mainNav li a{
        font-size: 11px;
        line-height: 16px;
    }

    .searchTabs a.searchMoreOptions{
        background: none;
        padding: 0 0 0 0;
    }

    .wrapLowerFooter ul li a, .wrapLowerFooter p{
        font-size: 12px;
    }

}

/* -----------------------------------------
   END OF MAX_WIDTH 850px
----------------------------------------- */

/* -----------------------------------------
MAX WIDTH 768px / iPad portrait
----------------------------------------- */
@media only screen and (max-width: 768px) {
    .reveal-modal.small {
        width: 40%
}
}

/* -----------------------------------------
MAX WIDTH 767px
----------------------------------------- */
@media only screen and (max-width: 767px) {
    .reveal-modal.small {
        width: 80%
}
}

/* -----------------------------------------
END OF MAX_WIDTH 767px
----------------------------------------- */

/* -----------------------------------------
   MAX WIDTH 767px
----------------------------------------- */

@media only screen and (max-width: 767px) {

    .searchWrapper {
        background: #679adb;
        padding: 0 10px;
    }

    .searchBox fieldset {
        background: transparent !important;
        filter: none;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        padding: 0
    }

    .searchBox form fieldset > div:nth-child(1) {
        width: 54% !important
    }

    /*.searchBox form fieldset > div:nth-child(2) {background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #f5f5f5 51%, #ededed 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(51%,#f5f5f5), color-stop(100%,#ededed)); background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 50%,#f5f5f5 51%,#ededed 100%); background: -o-linear-gradient(top, #ffffff 0%,#ffffff 50%,#f5f5f5 51%,#ededed 100%); background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 50%,#f5f5f5 51%,#ededed 100%); background: linear-gradient(to bottom, #ffffff 0%,#ffffff 50%,#f5f5f5 51%,#ededed 100%);}*/
    .searchBox form fieldset > div:nth-child(2) {
        background: #fff url(../images/sprite.png) right -138px no-repeat
    }

    .searchBox form fieldset > div:nth-child(2) > select {
        width: 115% !important
    }

    .mainNav li a{
        font-weight: normal;
    }

    .standardPage .mainNavWrap{
        margin-top: 0;
        top: 0;
    }

    .mobileHeader{
        width: 100%;
        background-color: #181817;
        height: 45px;
        display: block;
        position: relative;
    }

    .mobileHeader h1,.mobileHeader h3{
        background: url("../images/sprite.png") no-repeat scroll -430px -211px;
        height: 45px !important;
        margin: 0 0 0 34px !important;
        padding: 0 !important;
        width: 143px !important;
        padding-left: 32px;
        font-size: 0;
        line-height: 0;
        text-indent: -9999999px;
    }

    .mobileHeader > a > div {
        background: url("../images/sprite.png") no-repeat scroll -430px -211px !important;
        height: 45px !important;
        margin: 0 0 0 34px !important;
        padding: 0 !important;
        width: 143px !important;
        padding-left: 32px;
        font-size: 0;
        line-height: 0;
        text-indent: -9999999px;
    }

    .mobileHeader .searchToggle{
        background: url("../images/sprite.png") no-repeat scroll -628px top;
        height: 45px;
        padding: 0;
        width: 46px;
        position: absolute;
        right: 45px;
        top: 0;
    }

    .mobileHeader .countryReveal{
        background: url("../images/sprite.png") no-repeat scroll -582px top;
        height: 45px;
        padding: 0;
        width: 46px;
        position: absolute;
        right: 45px;
        top: 0;
        display: block;
    }

    .no-touch .mobileHeader .countryReveal:hover{
        background-position: -582px -51px;
    }

    .mainContent h2{
        font-size: 18px;
    }

    .no-touch .mobileHeader .searchToggle:hover, .mobileHeader .searchToggleOpen{
        background-position: -628px -51px;
    }

    .mobileHeader .mainNavToggle{
        background: url("../images/sprite.png") no-repeat scroll -674px top;
        height: 45px;
        padding: 0;
        width: 46px;
        position: absolute;
        right: 0px;
        top: 0;
    }

    .no-touch .mobileHeader .mainNavToggle:hover, .mobileHeader .mainNavToggleOpen{
        background-position: -674px -51px;
    }

    .searchTabs a.searchMoreOptions{
        background: url("../images/sprite.png") left -163px no-repeat;
        padding: 0 0 0 10px;
    }

    .mainNav{
        height: auto;
        background-color: #f3f2ee;
        background-image: none;
    }

    .mainNav li{
        width: 100%;
    }

    .mainNav li a, .mainNav li.current a{
        height: 50px;
        padding: 0 0 0 10px;
        background-color: #f3f2ee;
        background-image: none;
        font-size: 13px;
        line-height: 50px;
        border-bottom: 1px solid #deddd8;
        position: relative;
        color: #31302f !important;
        cursor: pointer;
        background-image: none;
    }

    .mainNav li ul li a, .mainNav li.current ul li a, .mainNav li ul li.current a{
        background-color: #eae9e4;
        border-bottom: 1px solid #d6d5d0;
        padding: 0 0 0 25px;
        color: #31302f !important;
        cursor: pointer;
        background-image: none;
    }

    .mainNav li ul li ul li a, .mainNav li.current ul li ul li a, .mainNav li ul li.current ul li a, .mainNav li ul li ul li.current a{
        background-color: #e1e0da;
        border-bottom: 1px solid #cdccc6;
        padding: 0 0 0 40px;
        color: #31302f !important;
        cursor: pointer;
        background-image: none;
    }

    .mainNav li ul li ul li ul li a, .mainNav li.current ul li ul li ul li a, .mainNav li ul li.current ul li ul li a, .mainNav li ul li ul li.current ul li a {
        padding: 0 0 0 60px;
    }

    .no-touch .mainNav li a:hover, .no-touch .mainNav li.current a:hover{
        background-image: none;
        color: #31302f !important;
    }

    .no-touch .mainNav li ul li a:hover, .no-touch .mainNav li.current ul li a:hover, .no-touch .mainNav li ul li.current a:hover{
        background-image: none;
        color: #31302f !important;
        background-color: #eae9e4;
    }

    .no-touch .mainNav li ul li ul li a:hover, .no-touch .mainNav li.current ul li ul li a:hover, .no-touch .mainNav li ul li.current ul li a:hover, .no-touch .mainNav li ul li ul li.current a:hover{
        background-image: none;
        color: #31302f !important;
        background-color: #e1e0da;
    }

    .mainNav li a span.navExpander{
        width: 50px;
        height: 50px;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        background: url("../images/sprite.png") right -246px no-repeat;
    }

    .mainNav li a span.navExpander.active{
        background-position: right -466px;
    }

    .mainNav li ul li a span.navExpander{
        background: url("../images/sprite.png") right -357px no-repeat;
    }

    .mainNav li ul li a span.navExpander.active{
        background-position: right -577px;
    }

    .mainNav li ul, .mainNav li ul li ul{
        width: 100%;
        height: auto;
        float: left;
    }

    .mainNav li ul li, .mainNav li ul li ul li{
        float: left;
        width: 100%;
        height: auto;
    }

    .mainNav li.navLocation a, .mainNav li.navLocation a:hover{
        padding: 0 28px 0 12px;
        background: url("../images/sprite.png") right -757px no-repeat;

    }

    a.searchReveal{
        width: 46px;
        height: 45px;
        position: absolute;
        top: 0;
        right: 47px;
        background: url("../images/sprite.png") no-repeat -628px 0;
    }

    .no-touch a.searchReveal:hover, a.searchRevealOpen{
        background-position: -628px -51px;
    }

    #content ul#nav {
        display: none;
    }

    .openPageSlide {
        position: relative;
        top: 0;
        left: 0;
        z-index: 200;
        display: block !important;
    }

    #pageslide ul#nav li.right ul{
        display: none;
    }

    ul#nav li.drop ul {
        position: inherit;
        width: auto;
        left: 0;
        z-index: 30;
        clear: none;
        background-color: #333;
    }

    .searchBox fieldset input[type="text"], .searchBox form input[type="text"]{
        width: 90%;
    }

    .searchToggle, .mainNavToggle{
        display: none;
        line-height: 0;
        text-indent: -999999px;
        font-size: 0;
    }

    .searchWrapper{
        top: 0;
        z-index: 20;
        position: relative;
    }

    .mainNavWrap{
        position: relative;
        top: 0;
        margin-top: 0;
        height: auto;
    }

    /* -----  Forms in modal  ---- */
    .formRow, .formRow.leftRow{
        width: 100%;
        margin: 0 0 16px 0;
    }

    .searchBut{
        float: none;
    }

    .formRow{
        margin: 0 0 16px 0;
    }

    .formRow.leftRow{
        margin: 0 4% 16px 0;
    }

    .formRow.lastRow{
        margin: 0 0 0 0;
    }

    .formRow.leftRow.lastRow{
        margin: 0 4% 16px 0;
    }

    .reveal-modal h2{
        font-size: 20px;
        margin: 0 0 16px 0;
    }

    .footerLogoRow{
        display: none;
    }

    /* -----  Footer  ---- */
    .wrapFooter{
        background-image: none;
        background-color: #2B7AB5;
        padding: 0 0 13px 0;
    }

    .wrapFooter .columns{
        padding: 0 0 0 0;
    }

    .wrapFooter h3{
        border-bottom: 1px solid #428bc2;
        padding: 19px 12px 18px 12px;
        margin: 0 0 0 0;
        background: #2B7AB5;
    }

    .wrapFooter ul li{
        border-bottom: 1px solid #428bc2 !important;
        height: 38px;
        line-height: 38px;
        margin: 0 0 0 0;
        background: #2B7AB5;
    }

    .wrapFooter ul li a{
        width: 100%;
        display: block;
        height: 38px;
        padding: 0 12px 0 26px;
        background-position: 12px -425px;
    }

    .no-touch .wrapFooter ul li a:hover{
        background-position: 12px -425px;
        text-decoration: none;
    }

    .wrapFooter .joinUsOnline:first-of-type { padding-bottom: 0; }

    .wrapFooter .joinUsOnline li{
        border-bottom: 1px solid #428bc2;
        height: 38px;
        line-height: 38px;
        margin: 0 0 0 0;
        width: 100%;
    }

    .wrapFooter .joinUsOnline li a, .no-touch .wrapFooter .joinUsOnline li a:hover,
    .wrapFooter .joinUsOnline li.facebook a, .no-touch .wrapFooter .joinUsOnline li.facebook a:hover,
    .wrapFooter .joinUsOnline li.youTube a, .no-touch .wrapFooter .joinUsOnline li.youTube a:hover,
    .wrapFooter .joinUsOnline li.googlePlus a, .no-touch .wrapFooter .joinUsOnline li.googlePlus a:hover,
    .wrapFooter .joinUsOnline li.twitter a, .no-touch .wrapFooter .joinUsOnline li.twitter a:hover,
    .wrapFooter .joinUsOnline li.instagram a, .no-touch .wrapFooter .joinUsOnline li.instagram a:hover{
        width: 100%;
        display: block;
        height: 38px;
        padding: 0 12px 0 26px;
        background-position: 12px -425px;
        font-size: 13px;
        text-indent: 0;
        color: #fff;
        line-height: 38px;
    }

    .wrapLowerFooter ul li a.icon-lifebuoy {
        margin: 7px 10px
    }

    h3.titleDictionaries{
        border-bottom: none !important;
        padding: 19px 12px 10px;
    }

    .footerDictionary fieldset, .footerDictionary form{
        width: 94%;
        margin: 0 3% 14px;
    }

    .footerDictionary p{
        width: 92%;
        margin: 0 4% 0;
        text-align: center;
    }

    .wrapLowerFooter ul li{
        border-bottom: 1px solid #3e3c3a;
        background: #31302F;
        height: 38px;
        line-height: 38px;
        margin: 0;
        width: 100%;
    }

    .wrapLowerFooter ul li a{
        background-position: 12px -355px;
        display: block;
        font-size: 13px;
        height: 38px;
        line-height: 38px;
        padding: 0 12px 0 26px;
        text-indent: 0;
        width: 100%;
        background: url("../images/sprite.png") 12px -465px no-repeat;
    }

    .no-touch .wrapLowerFooter ul li a:hover{
        color: #a19e9d;
    }

    .wrapLowerFooter ul li span{
        display: none;
    }

    .wrapLowerFooter{
        padding: 0 0 0 0;
        background: none repeat scroll 0 0 #31302F;
    }

    .wrapLowerFooter p{
        font-size: 11px;
        float: left;
        margin: 10px 0 15px 12px;
        height: 20px;
        line-height: 20px;
    }

    a.backToTop{
        display: block;
        float: right;
        height: 20px;
        line-height: 20px;
        font-size: 11px;
        color: #a19e9d;
        margin: 10px 12px 15px 0;
        padding: 0 15px 0 0;
        background: url("../images/sprite.png") right -661px no-repeat;
    }

    .wrapHeader{
        height: auto;
        float: left;
        width: 100%;
    }

    .standardPage .wrapHeader{
        display: none;
    }

    .wrapHeader img.corporateLogo{
        margin: 25px auto 12px;
        width: 70%;
        max-width: 338px;
    }

    .wrapHeader h2.corporateIntro{
        text-align: center;
        width: 90%;
        margin: 0 auto 20px;
        font-size: 15px;
    }

    .footerDictionary p{
        display: none;
    }

    /* -----  Breadcrumbs and page title  ---- */
    .titleBar{
        padding: 0 12px 0 12px;
    }

    ul.crumbs{
        margin: 15px 0 12px 0;
    }

    ul.crumbs li{
        font-size: 11px;
        margin: 0 5px 0 0;
    }

    ul.crumbs li a{
        padding: 0 11px 0 0;
    }

    ul.crumbs li a:hover{
        text-decoration: none;
    }

    h2.pageTitle{
        font-size: 24px;
        margin: 0 0 20px 0;
    }

    ul.subNav{
        display: none;
    }

    .mainContent{
        margin: 20px 0 10px 0;
    }

    .subContent{
        margin: 10px 0 0 0;
    }

    .sidePanel{
        margin: 0 0 20px 0;
        padding: 0 0 0 0;
    }

    .mainContent span.newsDate, body.standardPage .wrapStandard .mainContent span.newsDate {
        padding: 6px 0 0 0;
        float: left;
        width: 100%;
    }

    .wrapLowerFooter ul li a, .wrapFooter .joinUsOnline li a, .wrapLowerFooter ul li > a.icon-lifebuoy{

        background-image: none !important;
    }

    .wrapLowerFooter ul li a{
        padding: 0 12px 0 12px;
    }

    .customerServices .subContactsChunk {
      border-top: 0 !important;
    }

    .autocomplete-suggestions {
        /*top: 111px;*/
    }
}

/* -----------------------------------------
   END OF MAX_WIDTH 767px
----------------------------------------- */

/* -----------------------------------------
                FOUNDATION ALERT-BOX OVERRIDE
----------------------------------------- */
.alert-box {
    background-color: #2B7AB5 !important;
}

.alert-box li {
    padding: 0 0 5px 0;
}

.alert-box ul {
    /* Added by CDC */
    color: white;
}

/* -----------------------------------------
                FOUNDATION ALERT-BOX OVERRIDE END
----------------------------------------- */

/* -----------------------------------------
   PAGESLIDE
----------------------------------------- */

#pageslide {
    width: 200px;
}

#pageslide #nav li, #pageslide #nav li ul li {
    height: 45px;
    line-height: 45px;
    font-weight: normal;
    font-size: 13px;
}

ul#nav{
    height: auto;
    overflow: visible;
}

#pageslide #nav li{
    color: #fff;
    display:block;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #42403d !important;
    background-color: #31302f;
    background-image: none;
}

#pageslide #nav li a {
    color: #fff;
    display:block;
    height: 45px;
    line-height: 45px;
    padding: 0 30px 0 12px;
}

#pageslide #nav li.drop ul li a{
    padding: 0 30px 0 27px;
    border-bottom: 1px solid #383633;
    background-color: #2a2927;
    color: #a49f9a;
}

#pageslide #nav li.drop{
    height: auto;
    border-bottom: none !important;
}

#pageslide ul#nav li.logo{
    display: none;
}

#pageslide {
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    width: 290px;
    background-color: #31302f;
    overflow: auto;
}

/* -----------------------------------------
   PAGESLIDE END
----------------------------------------- */

/* -----------------------------------------
   DATEPICKER
----------------------------------------- */
.datepicker {
    cursor: text;
}

/* -----------------------------------------
   MAX WIDTH 979px
----------------------------------------- */

@media only screen and (max-width: 979px) {

    .six.columns.searchBox {
        width: 55% !important
    }

    .searchBox fieldset {
        padding: 10px 0.9% !important
    }

    .searchBox form fieldset > div:nth-child(1) {
        width: 53%;
    }

    ul.subNav {
        margin: 0;
        position: relative;
        top: -50px;
        right: 0
}

}

@media only screen and (max-width: 767px) {

    .six.columns.searchBox {
        width: 100% !important
    }

}

/* -----------------------------------------
   MAX WIDTH 480px
        Added by: John Ryan Acoba
        User Interface Designer
----------------------------------------- */

@media only screen and (max-width: 480px) {

    .searchBox form fieldset > div:nth-child(1) {
        width: 99% !important
    }

    .searchBox form fieldset > div:nth-child(2) {
        width: 87% !important
    }

    .searchBox form fieldset > div:nth-child(2) > select {
        width: 110% !important
    }

    /* Search results item container start */
    .search_results_item_container .item_container .ten.columns {
        font-size: 80% !important
    }

    .search_results_item_container .item_container .ten.columns dl {
        width: 70% !important
    }

    .search_results_item_container .item_container .ten.columns dl dt {
        font-size: 150% !important
    }

    .search_results_item_container .item_container .ten.columns a img {
        width: 25% !important;
        height: auto !important;
        float: left !important
    }

    .results_container dl.tabs {
        width: 45% !important
    }

    .sortby_container dl.tabs {
        width: 80% !important
    }

    .results_container dl.tabs dd,
    .sortby_container dl.tabs dd {
        margin-right: 2px !important
    }

    .results_container dl.tabs dd a {
        font-size: 125% !important;
        padding: 0 10px
    }

    .sortby_container dl.tabs dd a {
        font-size: 100% !important;
        padding: 0 5px
    }

    .pagination_container ul.pagination li a {
        font-size: 90% !important;
        margin-left: 2px !important
    }

    .pagination_container h3.subheader {
        width: 2.2em !important
    }

    .results_container h3.subheader {
        width: 8em !important
    }

    .sortby_container h3.subheader {
        width: 3.7em !important
    }

    .pagination_container ul.pagination {
        width: 80% !important
    }

    /* Search results item container end */

}

@media only screen and (max-width: 320px) {
    .searchBox form fieldset > div:nth-child(2) {
        width: 85% !important
}

    .searchBox form fieldset > div:nth-child(2) > select {
        width: 115% !important
    }
}

/*@media only screen and (max-width: 320px) and (min-width: 319px) {
    .searchBox form fieldset > div:nth-child(2) {width: 85.4% !important}
}*/

/* -----------------------------------------
   END OF MAX WIDTH 480px
----------------------------------------- */

/* -----------------------------------------
   HI RES IMAGES
----------------------------------------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){

.searchBox form fieldset > div:nth-child(3) > input[type="submit"], .searchBox form fieldset > div:nth-child(2) > select, .openPageslide, .searchBox fieldset input[type="submit"], .searchBox form input[type="submit"], .searchTabs a.searchMoreOptions, .dk_toggle, .arrow span, #pageslide #nav li.navLocation a, #content ul#nav li.navLocation a, .mainNav li a span.navExpander, .mainNav li ul li a span.navExpander, .openPageSlide, .mobileHeader .searchToggle, .mobileHeader .mainNavToggle, .mobileHeader h1, .mainNav li.navLocation a, .mainNav li.navLocation a:hover, .wrapFooter ul li a, .wrapFooter .joinUsOnline li a, .footerDictionary fieldset input[type="submit"], .footerDictionary form input[type="submit"], .wrapLowerFooter ul li a, a.backToTop, ul.crumbs li a, .sidePanel a, .mobileHeader .countryReveal, .button.black.arrow span, .button.orange.arrow span, .wrapLowerFooter ul li > a.icon-lifebuoy {
    background-image: url("../images/sprite@2x.png") !important;
    -webkit-background-size: 1000px 1000px;
    -o-background-size: 1000px 1000px;
    -moz-background-size: 1000px 1000px;
    -ms-background-size: 1000px 1000px;
    background-size: 1000px 1000px;
}

/*.searchBox form fieldset > div:nth-child(3) > input[type="submit"], .searchBox form fieldset > div:nth-child(2), .searchBox form fieldset > div:nth-child(2) > select, .openPageslide, .searchBox fieldset input[type="submit"], .searchBox form input[type="submit"], .openPageslide, .searchTabs a.searchMoreOptions, .dk_toggle, #pageslide #nav li.navLocation a, #content ul#nav li.navLocation a, .mainNav li a span.navExpander, .mainNav li ul li a span.navExpander, .openPageSlide, .mobileHeader .searchToggle, .mobileHeader .mainNavToggle, .mobileHeader h1,.mobileHeader h3, .mainNav li.navLocation a, .mainNav li.navLocation a:hover, .wrapFooter ul li a, .wrapFooter .joinUsOnline li a, .footerDictionary fieldset input[type="submit"], .footerDictionary form input[type="submit"], .wrapLowerFooter ul li a, a.backToTop, ul.crumbs li a, .sidePanel a, .mobileHeader .countryReveal, .mobileHeader > a > div{
        background-image: url("../images/sprite@2x.png") !important;
        -webkit-background-size: 1000px 1000px;
        -o-background-size: 1000px 1000px;
        -moz-background-size: 1000px 1000px;
        -ms-background-size: 1000px 1000px;
        background-size: 1000px 1000px;
    }*/
    .wrapLowerFooter ul li > a.icon-lifebuoy {
        background-image: url("../../../images/sprite@2x.png") !important;
        -webkit-background-size: 1000px 1000px;
        -o-background-size: 1000px 1000px;
        -moz-background-size: 1000px 1000px;
        -ms-background-size: 1000px 1000px;
        background-size: 1000px 1000px;
    }

    .arrow span{
        background-image: url("../images/button-arrow@2x.png") !important;
        -webkit-background-size: 5px 8px !important;
        -o-background-size: 5px 9px;
        -moz-background-size: 5px 9px;
        -ms-background-size: 5px 9px;
        background-size: 5px 9px!important;
        background-position: -6% 51% !important;
    }

    .quicklinks a span{
        background-image: url("../images/quicklinks@2x.png") !important;
        -webkit-background-size:5px 17px !important;
        -o-background-size: 6px 18px;
        -moz-background-size:6px 18px;
        -ms-background-size: 6px 18px;
        background-size:5px 17px !important;
    }

    .wrapLowerFooter ul li a, .wrapLowerFooter ul li > a.icon-lifebuoy {
        background: none !important;
    }

}

@media only screen and (max-width: 1280px) and (orientation: landscape) {
    .homepageSlide div .arrow span {
        background-image: url("../images/button-arrow@2x.png") !important;
        -webkit-background-size: 5px 8px !important;
        -o-background-size: 5px 9px;
        -moz-background-size: 5px 9px;
        -ms-background-size: 5px 9px;
        background-size: 5px 9px!important;
        background-position: -6% 43% !important;
    }
}

@media only screen and (max-width: 1280px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .arrow span {
        background-image: url("../images/button-arrow@2x.png")!important;
        -webkit-background-size: 5px 8px!important;
        -o-background-size: 5px 9px;
        -moz-background-size: 5px 9px;
        -ms-background-size: 5px 9px;
        background-size: 5px 9px!important;
        background-position: -6% 43% !important;
    }
}

/* -----------------------------------------
   END OF HIGH RES IMAGES
----------------------------------------- */

/* iPod Touch  - Disabled as also affects iPhone with retina */
/*@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (device-aspect-ratio: 2/3) {
    .openPageslide, .searchBox fieldset input[type="submit"], .searchBox form input[type="submit"], .searchTabs a.searchMoreOptions, .dk_toggle, .arrow span, #pageslide #nav li.navLocation a, #content ul#nav li.navLocation a, .mainNav li a span.navExpander, .mainNav li ul li a span.navExpander, .openPageSlide, .mobileHeader .searchToggle, .mobileHeader .mainNavToggle, .mobileHeader h1,.mobileHeader h1, .mainNav li.navLocation a, .mainNav li.navLocation a:hover, .wrapFooter ul li a, .wrapFooter .joinUsOnline li a, .footerDictionary fieldset input[type="submit"], .footerDictionary form input[type="submit"], .wrapLowerFooter ul li a, a.backToTop, ul.crumbs li a, .sidePanel a, .mobileHeader .countryReveal, .mobileHeader > a > div {
        background-image: url("../images/sprite.png") !important;
    }

    .wrapLowerFooter ul li a {
        background-image: none !important;
    }

    .button.rss span {
    background: url("../images/rss2x.png") no-repeat scroll left top transparent !important;
    display: block;
    float: left;
    height: 31px;
    margin: 8px -7px 0 0 !important;
    width: 31px;
    background-size: 15px 15px;
    }


}
*/

/* -----------------------------------------
   SEARCH IN HEADER
----------------------------------------- */
#dictionarySearch,#cambridgeEnglishSearch{
    display:none;
}

select#toEmail {
    top:0 !important;
    visibility: visible !important;
}

/* -----------------------------------------
   CUSTOM RSS BUTTON
----------------------------------------- */
.button.rss {
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    margin: 0;
    padding: 0 15px !important;
    position:absolute;
    top:0;
    right:0;
    margin: 48px 0 0 0;
}

.button.rss span {
    background: url("../../../images/academic/academic-sprite.png") no-repeat scroll -88px -30px transparent;
    display: block;
    float: left;
    height: 32px;
    margin: 0 6px 0 0 !important;
    width: 14px;
}

/*
a.rss-button {
    background: url("../../../images/academic/academic-sprite.png") no-repeat scroll -91px -458px #45BCD3;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    height: 20px;
    left: 24em;
    padding: 4px 8px 4px 22px;
    position: relative;
    text-align: center;
    text-indent: 0.1em;
    top: 6em;
    width: 54px;
}

a.rss-button:hover {
    background: url("../../../images/academic/academic-sprite.png") no-repeat scroll -91px -458px #73EAFD;
}*/

/* -----------------------------------------
   MISC TEXT STYLES
----------------------------------------- */

.feedback-label {
    color: #82807E;
}

.lazy {
    display:none;
}

.offset-field {
    position: absolute;
    left: -9000px;
    bottom: -9000px;
}

/* Newly Addess CSS by: Eldie */

.gbl-nav-logo{
    background: url(../images/sprites_v2.png) no-repeat right -3424px transparent;
    height: 55px;
    width: 157px;
}

.main-logo{
    background: url("../images/sprites_v2.png") no-repeat scroll left -3850px transparent;
    height: 65px;
    width: auto;
    margin-left: -10px;
    margin-top: 35px;
}

.footer-logo{
    background: url("../images/sprites_v2.png") no-repeat scroll left -3758px transparent;
    height: 39px;
    margin-left: 10px;
    margin-top: 40px;
}

/* -----------------------------------------
   HIDE IF JAVASCRIPT DISABLED
----------------------------------------- */
.noscript .hide-no-script {
    display: none;
}

div.close{
    background: url("../images/sprites_v2.png") repeat scroll right -3914px transparent;
    cursor: pointer;
    height: 30px;
    text-indent: -999999px;
    width: 30px;
}

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 0
    }

                                    .news-section .arrow span {
                                        background: url("../images/sprites_v2.png") no-repeat scroll left -3996px transparent;
                                        display: block;
                                        float: left;
                                        height: 9px;
                                        margin-top: 1px;
                                        width: 10px;
                                    }
}

.arrow span {
    background: url("../images/sprites_v2.png") left -4020px no-repeat;
    display: block;
    float: left;
    width: 5px;
    height: 26px;
    padding: 0 12px 0 0
}

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 0
}

    .arrow span {
        background: url("../images/button-arrow.png") left center no-repeat;
        display: block;
        float: left;
        width: 5px;
        height: 26px;
        padding: 0 12px 0 0
    }
}

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 0
    }

                                    .news-section .arrow span {
                                        background: url("../images/sprites_v2.png") no-repeat scroll left -3996px transparent;
                                        display: block;
                                        float: left;
                                        height: 9px;
                                        margin-top: 1px;
                                        width: 10px;
                                    }
}

/* IPAD MEDIA QUERIES by: Eldie */

/* IPAD 4 Landscape - , corporate and footer logo background */
@media screen and (device-height: 1024px) and (-webkit-max-device-pixel-ratio: 2) and (orientation: landscape){

    .gbl-nav-logo {
    background: url("../images/sprites_v2x.png") no-repeat left top transparent;
    height: 75px;
    background-size: 370px 385px;
    }

    .main-logo {
    background: url("../images/sprites_v2x.png") no-repeat left -420px transparent;
    height: 55px;
    background-size: auto 141px;
    }

    .footer-logo {
        background: url("../images/sprites_v2x.png") no-repeat left -110px transparent;
        background-size: 188px 200px;
        height: 43px;
    }

    /* about-us arrow dropdown */
    #content ul#nav li.drop {
    background: url("../images/down-arrow.png") no-repeat scroll right 26px transparent;
    margin: 0;
    padding: 0 19px 0 12px;
    }

    /*  homepage quicklinks arrow */
    .quicklinks a span {
    background: url("../images/quicklinks.png") no-repeat scroll 0 2px transparent !important;
    display: block !important;
    float: left !important;
    height: 11px !important;
    width: 12px !important;
    -webkit-background-size:5px 21px !important;
        -o-background-size: 6px 18px;
        -moz-background-size:6px 18px;
        -ms-background-size: 6px 18px;
        background-size:5px 21px !important;
    }

    /* orbit slider arrow */
    .arrow span {
    background: url("../images/button-arrow.png") no-repeat scroll left center transparent;
    display: block;
    float: left;
    height: 26px;
    padding: 0 12px 0 0;
    }

    /* searchbox background */
/*    .searchBox {
    background: url("../images/search-background.png") repeat-x scroll 0 bottom #75BCF1;
    float: right !important;
    height: 85px;
    padding: 12px 12px 0;
    position: relative;
    }*/
    /* about-us dropdown background */
    #content ul#nav li.drop ul li {
    background: url("../images/dropdown-back.png") repeat scroll 0 0 transparent;
    height: 40px;
    line-height: 40px;
    margin-bottom: 0px;
    border-bottom: 1px solid #898685;
    padding: 0 10px;
    width: 200px;
    }

    .wrapFooter {
    background: url("../images/background-footer-main.png") repeat-x scroll center bottom transparent;
    overflow: hidden;
    padding: 0 0 40px;
    }

    .wrapLowerFooter {
        background: url("../images/background-footer.png") repeat-y scroll center top transparent;
        overflow: hidden;
        padding: 17px 0;
    }

    .button.rss span {
    background: url("../images/rss2x.png") no-repeat scroll left top transparent;
    display: block;
    float: left;
    height: 31px;
    margin: 8px -7px 0 0 !important;
    width: 31px;
    background-size: 15px 15px;
    }

}

/* IPAD 4 Portrait - Black, corporate and footer logo background */
@media screen and (min-device-width: 768px) and (max-device-width : 1024px) and (-webkit-max-device-pixel-ratio: 2) and (orientation: portrait){
    .gbl-nav-logo {
    background: url("../images/sprites_v2x.png") no-repeat left top transparent;
    height: 75px;
    background-size: 370px 385px;
    }

/*    Disabled this: Causes logo in normal browser to distort.
    This same CSS also gets call in line 3296 for Samsung 10", but the media query specs match
    the iPad*/
/*    .main-logo {
    background: url("../images/sprites_v2x.png") no-repeat left -210px transparent !important;
    height: 85px;
    background-size: 345px 360px;
    }*/
    .footer-logo {
        background: url("../images/sprites_v2x.png") no-repeat left -110px transparent;
        background-size: 188px 200px;
        height: 43px;
    }

    /*  homepage quicklinks arrow */
    .quicklinks a span {
    background: url("../images/quicklinks.png") no-repeat scroll 0 2px transparent !important;
    display: block !important;
    float: left !important;
    height: 11px !important;
    width: 12px !important;
    -webkit-background-size:5px 21px !important;
        -o-background-size: 6px 18px;
        -moz-background-size:6px 18px;
        -ms-background-size: 6px 18px;
        background-size:5px 21px !important;
    }

    /* searchbox background */
/*    .searchBox {
    background: url("../images/search-background.png") repeat-x scroll 0 bottom #75BCF1;
    float: right !important;
    height: 85px;
    padding: 12px 12px 0;
    position: relative;
    }*/
    /* about-us dropdown background */
    #content ul#nav li.drop ul li {
    background: url("../images/dropdown-back.png") repeat scroll 0 0 transparent;
    height: 40px;
    line-height: 40px;
    margin-bottom: 0px;
    border-bottom: 1px solid #898685;
    padding: 0 10px;
    width: 200px;
    }

    .wrapFooter {
    background: url("../images/sprites_v2.png") repeat-x scroll 50% -101px transparent;
    overflow: hidden;
    padding: 0 0 38px;
    }

    .homepage-links {
    background: url("../images/sprites_v2.png") no-repeat scroll 50% -402px transparent;
    }

    .wrapFooter {
    background: url("../images/background-footer-main.png") repeat-x scroll center bottom transparent;
    overflow: hidden;
    padding: 0 0 40px;
    }

    .wrapLowerFooter {
        background: url("../images/background-footer.png") repeat-y scroll center top transparent;
        overflow: hidden;
        padding: 17px 0;
    }

    div.close {
    background: url("../images/cookie-crossx2.png") no-repeat scroll left top transparent !important;
    height: 32px !important;
    background-size: 12px 12px !important;

    margin-top: 10px !important;
    margin-left: 10px !important;
    }

    .button.rss span {
    background: url("../images/rss2x.png") no-repeat scroll left top transparent;
    display: block;
    float: left;
    height: 31px;
    margin: 8px -7px 0 0 !important;
    width: 31px;
    background-size: 15px 15px;
    }

}

/* Samsung Galaxy tab. 10 Landscape - Black, corporate and footer logo background */
@media (max-device-width: 1280px) and (orientation: landscape) {
    .gbl-nav-logo {
    background: url("../images/sprites_v2x.png") no-repeat left top transparent;
    height: 85px;
    background-size: 370px 385px;
    }

    .main-logo {
    background: url("../images/sprites_v2x.png") no-repeat left -210px transparent;
    height: 85px;
    background-size: 345px 360px;
    }

    .footer-logo {
        background: url("../images/sprites_v2x.png") no-repeat left -110px transparent;
        background-size: 188px 200px;
        height: 43px;
    }

    div.close {
    background: url("../images/cookie-crossx2.png") no-repeat scroll left top transparent;
    height: 25px;

    background-size: 17px 17px;

    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    }

    .news-section .arrow span {
    background: url("../images/button-arrow-blue@2x.png") no-repeat scroll left top transparent !important;
    height: 9px !important;
    background-size: 5px 18px !important;
    overflow: hidden !important;
    }

    #content ul#nav li.drop {
        background: url("../images/down-arrow.png") no-repeat scroll right 26px transparent !important;
        margin: 0;
        padding: 0 19px 0 12px;
    }

}

/* Samsung Galaxy tab. 10 Portrait - Black, corporate and footer logo background */
@media (max-device-width: 800px) and (orientation: portrait) {
    .gbl-nav-logo {
    background: url("../images/sprites_v2x.png") no-repeat left top transparent;
    height: 85px;
    background-size: 370px 385px;
    }

    .main-logo {
    background: url("../images/sprites_v2x.png") no-repeat left -210px transparent;
    height: 85px;
    background-size: 345px 360px;
    }

    .footer-logo {
        background: url("../images/sprites_v2x.png") no-repeat left -110px transparent;
        background-size: 188px 200px;
        height: 43px;
    }

    div.close {
    background: url("../images/cookie-crossx2.png") no-repeat scroll left top transparent;
    height: 25px;

    background-size: 17px 17px;

    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    }

    .news-section .arrow span {
    background: url("../images/button-arrow-blue@2x.png") no-repeat scroll left top transparent !important;
    height: 9px !important;
    background-size: 5px 18px !important;
    overflow: hidden !important;
    }

    #content ul#nav li.drop {
        background: url("../images/down-arrow.png") no-repeat scroll right 26px transparent !important;
        margin: 0;
        padding: 0 19px 0 12px;
    }

}

@media (max-device-width: 1024px) and (orientation: landscape) {
    .gbl-nav-logo {
    background: url("../images/sprites_v2x.png") no-repeat left top transparent;
    height: 85px;
    background-size: 370px 385px;
    }

    .main-logo {
    background: url("../images/sprites_v2x.png") no-repeat left -210px transparent;
    height: 85px;
    background-size: 345px 360px;
    }

    .footer-logo {
        background: url("../images/sprites_v2x.png") no-repeat left -110px transparent;
        background-size: 188px 200px;
        height: 43px;
    }

}

/* TARGET IPHONE 4S MEDIA QUERY */
@media only screen and (max-device-width: 480px){
    div.close {
    background: url("../images/cookie-crossx2.png") no-repeat scroll left top transparent;
    height: 32px;
    background-size: 22px 22px;

    margin-top: 10px;
    margin-left: 10px;
    }

    .wrapFooter ul li {
    border-bottom: 1px solid #428BC2;
    height: 38px;
    line-height: 38px;
    margin: 0;
    background: #2B7AB5;
    }

    .wrapFooter h3 {
    border-bottom: 1px solid #428BC2;
    margin: 0;
    padding: 19px 12px 18px;
    background: #2B7AB5;
    }

    .button.rss span {
    background: url("../images/academic-sprite@2x.png") no-repeat scroll -176px -76px transparent;
    height: 22px;
    width: 14px;
    background-size: auto 210px;
    }

    .main-logo {
    background: url("../images/corporate-logo.png") no-repeat scroll left center transparent !important;
    height: 90px !important;
    background-size: 55% auto !important;
    position: relative !important;
    left: 115px !important;
    margin: 0 !important;
    }

/*    .searchBox {
    background: url("../images/search-background.png") repeat-x scroll 0 bottom #75BCF1;
    float: right;
    height: 85px;
    padding: 12px 12px 0;
    position: relative;
    width: 100% !important;
    }*/
    .wrapHeader h2.corporateIntro {
    font-size: 15px;
    margin: 0 auto 20px !important;
    text-align: center;
    width: 100%;
    }

    .homepage-logo:first-child {
    background: #0F5692;
    }

    .homepage-logo:hover, .homepage-logo:first-child, li.homepage-logo {
    background-image: none !important;
    background-color: #0F5692 !important;
    }

    .newsMoreLinksMobile .arrow span {
        /*margin: 12px 0 0;*/
        margin: 0;
    }
}

@media only screen and (max-device-width: 320px){
    div.close {
    background: url("../images/cookie-crossx2.png") no-repeat scroll left top transparent !important;
    height: 32px;
    background-size: 22px 22px;

    margin-top: 10px;
    margin-left: 10px;
    }

    .news-section h2, .bordered-section > h2 {
    background: none repeat scroll 0 0 #F3F2EE;
    border-top: 1px solid #D8D8D8;
    color: #31302F;
    font-size: 16px;
    font-weight: normal;
    height: 50px;
    line-height: 50px;
    margin: 0;
    padding: 0 12px;
    position: relative;
    }

    .main-logo {
    background: url("../images/corporate-logo.png") no-repeat scroll left center transparent !important;
    height: 90px !important;
    background-size: 70% auto !important;
    position: relative !important;
    left: 50px !important;
    margin: 0 0 0 0 !important;
    }

/*    .searchBox {
    background: url("../images/search-background.png") repeat-x scroll 0 bottom #75BCF1;
    float: right;
    height: 85px;
    padding: 12px 12px 0;
    position: relative;
    width: 100% !important;
    }*/
    .wrapHeader h2.corporateIntro {
    font-size: 15px;
    margin: 0 auto 20px !important;
    text-align: center;
    width: 100%;
    }

    .homepage-logo:first-child {
    background: #0F5692;
    }

    .button.rss span {
    background: url("../images/rss2x.png") no-repeat scroll left top transparent;
    display: block;
    float: left;
    height: 31px;
    margin: 8px -7px 0 0 !important;
    width: 31px;
    background-size: 15px 15px;
    }

}

/* END OF TARGET IPHONE 4S MEDIA QUERY */

/*---------------
Google Nexus 7
----------------*/

@media screen and (device-width: 600px) and (device-height: 905px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) {
    div.close {
    background: url("../images/cookie-crossx2.png") no-repeat scroll left top transparent !important;
    height: 32px !important;
    background-size: 12px 12px !important;

    margin-top: 10px !important;
    margin-left: 10px !important;
    }

    .wrapFooter h3 {
    border-bottom: 1px solid #428BC2;
    margin: 0;
    padding: 19px 12px 18px;
    background: #2B7AB5 !important;
    }

/*    .searchBox {
    background: url("../images/search-background.png") repeat-x scroll 0 bottom #75BCF1;
    float: right;
    height: 85px;
    padding: 12px 12px 0;
    position: relative;
    width: 100%;
    }*/
    .wrapFooter .joinUsOnline li {
    float: left;
    height: 41px;
    margin: 0 9px 0 0;
    width: 41px;
    }

    .wrapFooter {
    background: url("../images/background-footer-main.png") repeat-x scroll center bottom transparent;
    overflow: hidden;
    padding: 0 0 40px;
    height: auto;
    }

    .wrapLowerFooter {
    background: url("../images/background-footer.png") repeat-y scroll center top transparent;
    overflow: hidden;
    padding: 17px 0;
    }

    .wrapFooter h3{
        border-bottom: none;
    }

    .arrow span {
        background: url("../images/white-arrow.png") no-repeat scroll left top transparent !important;
        display: block;
        float: left;
        background-size: auto 10px;
        background: 10px;
        height: 10px;
        line-height: 20px;
        padding: 0 12px 0 0 !important;
        margin: 7px 0 0;
    }

}

@media screen and (device-width: 600px) and (device-height: 905px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation:portrait) {
    .wrapFooter .joinUsOnline li {
        border-bottom: 1px solid #428BC2;
        height: 38px;
        line-height: 38px;
        margin: 0;
        width: 100%;
    }

    .wrapFooter h3 {
    background: none repeat scroll 0 0 #2B7AB5;
    border-bottom: 1px solid #428BC2;
    margin: 0;
    padding: 19px 12px 18px;
    }

}

/*----------------
Google Nexus 7 Portrait Icons
----------------*/
@media screen and (device-width: 600px) and (device-height: 905px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation:portrait) {

.ourWebsites li a span.icon-academic{
    background:url("../images/homepage-logos@2x.png") no-repeat left top transparent !important;
    background-size:200px 220px;
}

.ourWebsites li a span.icon-journals{
    background:url("../images/homepage-logos@2x.png") no-repeat -28px top transparent !important;
    background-size: 200px 220px;
}

.ourWebsites li a span.icon-english{
    background:url("../images/homepage-logos@2x.png") no-repeat -58px top transparent !important;
    background-size: 200px 220px;
}

.ourWebsites li a span.icon-education{
    background:url("../images/homepage-logos@2x.png") no-repeat -88px top transparent !important;
    background-size: 200px 220px;
}

.ourWebsites li a span.icon-bibles{
    background:url("../images/homepage-logos@2x.png") no-repeat -119px top transparent !important;
    background-size: 200px 220px;
}

.ourWebsites li a span.icon-careers{
    background:url("../images/homepage-logos@2x.png") no-repeat -147px top transparent !important;
    background-size: 200px 220px;
}

.arrow span {
    background: url("../images/white-arrow.png") no-repeat scroll left top transparent !important;
    display: block;
    float: left;
    background-size: auto 10px;
    background: 10px;
    height: 10px;
    line-height: 20px;
    padding: 0 12px 0 0 !important;
    margin: 13px 0 0;
}

.homepageSlide .arrow span {
    background: url("../images/white-arrow.png") no-repeat scroll left top transparent !important;
    display: block;
    float: left;
    background-size: auto 10px;
    background: 10px;
    height: 10px;
    line-height: 20px;
    padding: 0 12px 0 0 !important;
    margin: 7px 0 0;
}

.footerDictionary{
    margin-bottom: -40px !important;
}

.main-logo{
    margin: 20px 0 0 120px;
}

h2.corporateIntro{
    margin-top: -10px;
}

}

/*----------------
Google Nexus 7 Landscape Icons
----------------*/
@media screen and (device-width: 600px) and (device-height: 905px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation:landscape) {

.ourWebsites li a span.icon-academic{
    background:url("../images/homepage-logos@2x.png") no-repeat left top transparent !important;
    background-size:400px 420px;
}

.ourWebsites li a span.icon-journals{
    background:url("../images/homepage-logos@2x.png") no-repeat -57px top transparent !important;
    background-size: 400px 420px;
}

.ourWebsites li a span.icon-english{
    background:url("../images/homepage-logos@2x.png") no-repeat -57px top transparent !important;
    background-size: 400px 420px;
}

.ourWebsites li a span.icon-education{
    background:url("../images/homepage-logos@2x.png") no-repeat -116px top transparent !important;
    background-size: 400px 420px;
}

.ourWebsites li a span.icon-bibles{
    background:url("../images/homepage-logos@2x.png") no-repeat -116px top transparent !important;
    background-size: 400px 420px;
}

.ourWebsites li a span.icon-careers{
    background:url("../images/homepage-logos@2x.png") no-repeat -176px top transparent !important;
    background-size: 400px 420px;
}

.main-logo{
    margin: 40px 0 0 0;
}

h2.corporateIntro{
    margin-top: -10px;
}

}

/*---------------
S3 Media Query Portrait
----------------*/
@media only screen and (max-device-width: 720px) and (orientation:portrait) {
/*    .searchBox {
    background: url("../images/search-background.png") repeat-x scroll 0 bottom #75BCF1;
    float: right;
    height: 85px;
    padding: 12px 12px 0;
    position: relative;
    width: 100%;
    }*/
    .wrapFooter ul li {
    border-bottom: 1px solid #428BC2;
    height: 38px;
    line-height: 38px;
    margin: 0;
    background: #2B7AB5;
    }

    .footerDictionary{
    margin-bottom: 0;
    background: #2B7AB5;
    }

    .homepage-links {
    background: #0F5692 !important;
    }

    .button.rss span {
    background: url("../images/rss2x.png") no-repeat scroll left top transparent;
    display: block;
    float: left;
    height: 31px;
    margin: 8px -7px 0 0 !important;
    width: 31px;
    background-size: 15px 15px;
    }

}

/*---------------
S3 Media Query Landscape
----------------*/

@media only screen and (-webkit-device-pixel-ratio: 2) and (orientation:landscape){
/*  .searchBox {
    background: url("../images/search-background.png") repeat-x scroll 0 bottom #75BCF1;
    float: right;
    height: 85px;
    padding: 12px 12px 0;
    position: relative;
    width: 100%;
    }*/
    .footerDictionary{
        margin-bottom:0 !important;
        margin-bottom: -20px !important;
    }

    .homepage-links {
    background: url("../images/homepage-links-bg.png") no-repeat scroll 0 -1px transparent;
    }

    .wrapFooter {
        background: url("../images/background-footer-main.png") repeat-x scroll center bottom transparent;
        overflow: hidden;
        padding: 0 0 40px;
    }

    .wrapFooter ul li {
    border-bottom: 1px solid #428BC2;
    }


 }

/* @media only screen and (-webkit-device-pixel-ratio: 2) and (orientation:portrait){
    .quicklinks a span{
    background: url("../images/quicklinks@2x.png") no-repeat scroll left 2px transparent;
    height: 10px !important;
    background-size: 5px 23px !important;
    overflow: hidden !important;
    }
 }*/

.main-logo img{
    display: none;
    border: none;
}

@media screen and (max-width: 799px) and (orientation:landscape){
    .homepage-logo:hover, .homepage-logo:first-child, li.homepage-logo {
    background: none repeat scroll 0 0 transparent !important;
    }
}

@media (max-device-width: 768px) and (orientation: portrait) {

div.close {
    background: url("../images/cookie-crossx2.png") no-repeat scroll left top transparent !important;
    height: 32px !important;
    background-size: 12px 12px !important;

    margin-top: 10px !important;
    margin-left: 10px !important;
    }
}

.careertabs_container {
    font-size: 130%
}

.careertabs_container > ul.tabs-content {
    padding-right: 5px;
    margin-left: 0;
    font-family: "Cambridge Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.careertabs_container > ul.tabs-content > li {
    display: none
}

.careertabs_container > ul.tabs-content > li:first-child {
    display: block
}

.careertabs_container > ul.tabs-content > li > .row,
.careertabs_container > .reveal-modal > .row {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E6E6E6
}

.careertabs_container > ul.tabs-content > li > .row > p {
    font-size: 100%;
    font-family: "Cambridge Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.careertabs_container > ul.tabs-content > li > .row > .twelve,
.careertabs_container > .reveal-modal > .row > .twelve {
    font-weight: bold;
    padding-bottom: 10px;
    padding-left: 5px
}

.careertabs_container > ul.tabs-content > li > .row > .row {
    line-height: 200%
}

.careertabs_container > dl.tabs dd a {
    font-size: 120%;
    padding: 0 15px
}

.careertabs_container > dl.tabs dd.active a,
.careertabs_container > dl.tabs dd a:focus {
    font-weight: normal
}

.careertabs_container > .reveal-modal {
    top: 0 !important
}

/* -----------------------------------------
   Financial statement container
   Added by: John Ryan Acoba
             User Interface Designer
----------------------------------------- */

@media only screen and (max-width:767px) {
    .financial-statement-container > .row {
        margin: 0 10px
    }

    .financial-statement-container > .row > .row {
        padding: 0 !important;
        border-bottom: 1px solid #ccc
    }

    .financial-statement-container > .row > .row:last-of-type {
        border-bottom: none
    }

    .financial-statement-container > .row > .row > .eight.columns,
    .financial-statement-container > .row > .row > .two.columns {
        padding-bottom: 10px
    }

    .financial-statement-container > .row > .row > .two.columns {
        width: 25% !important;
        float: left;
        text-align: left !important
}
}

@media only screen and (max-width: 1280px) and (orientation : landscape) {
    .homepageSlide div a span{
        background:url("../images/sprites_v2.png") left -4021px no-repeat;
        display:block;
        float:left;
        width:5px;
        height:26px;
        padding:0 12px 0 0
    }

}

.financial-statement-container > h3 {
    color: #0062a7;
    margin: 0;
    padding: 0;
    line-height: 100%
}

.financial-statement-container > em {
    color: #0062a7;
    margin: 0;
    padding: 0;
    font-size: 125%
}

.financial-statement-container > .row {
    margin-top: 10px
}

.financial-statement-container > .row > .row {
    margin-bottom: 0;
    padding: 2px 0
}

.financial-statement-container > .row > .row > .eight.columns {
    font-size: 125%;
    padding-top: 5px
}

.financial-statement-container > .row > .row > .eight.columns > h4 {
    margin: 0;
    padding: 0
}

.financial-statement-container > .row > .row > .two.columns {
    text-align: center
}

.financial-statement-container > .row > .row > .two.columns > span,
.financial-statement-container > .row > .row > .two.columns > strong {
    font-size: 125%;
    line-height: 200%
}

.financial-statement-container > .row > .row:first-of-type {
    border-bottom: 1px solid #0062A7;
    border-top: 1px solid #0062A7;
    margin-bottom: 0;
    padding: 0;
}

.financial-statement-container > .row > .row:first-of-type p {
    font-family: "Cambridge Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 125%;
    line-height: 100%;
    text-align: center;
    margin: 0;
    padding: 10px 0
}

.financial-statement-container > .row:first-of-type > .row:nth-child(3) > .two.columns, .financial-statement-container > .row:first-of-type > .row:nth-child(6) > .two.columns {
  padding-top: 10px;
}

.financial-statement-container > .row:first-of-type {
    margin-bottom: 20px
}

.financial-statement-container > .row:first-of-type > .row:nth-child(2) {
    background-color: #e5eff6;
    border-bottom: 1px solid #0062a7
}

.financial-statement-container > .row:first-of-type > .row:nth-child(5) {
    border-bottom: 1px solid #ccc
}

.financial-statement-container > .row:first-of-type > .row:last-of-type {
    background-color: #e5eff6;
    border-top: 1px solid #0062a7;
    border-bottom: 1px solid #0062a7
}

.financial-statement-container > .row:last-of-type > .row:nth-child(6),
.financial-statement-container > .row:last-of-type > .row:nth-child(14),
.financial-statement-container > .row:last-of-type > .row:nth-child(17),
.financial-statement-container > .row:last-of-type > .row:nth-child(20),
.financial-statement-container > .row:last-of-type > .row:nth-child(25) {
    background-color: #e5eff6;
    border-top: 1px solid #0062a7;
    border-bottom: 1px solid #0062a7
}

.financial-statement-container > .row:last-of-type > .row:nth-child(11) {
    border-bottom: 1px solid #ccc
}

/* -----------------------------------------
   Global dropdown style
   Added by: John Ryan Acoba
             User Interface Designer
----------------------------------------- */

.dk_theme_default {
    display: none
}

div.custom.dropdown {
    width: 98% !important
}

div.custom.dropdown a {
    /*background: #fff url("../images/text-input-background.png") 0 top repeat-x;*/
    background: #f5f5f2;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f5f5f2 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f2), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #f5f5f2 0%,#ffffff 100%);
    background: -o-linear-gradient(top, #f5f5f2 0%,#ffffff 100%);
    background: -ms-linear-gradient(top, #f5f5f2 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #f5f5f2 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f2', endColorstr='#ffffff',GradientType=0 );
    font-size: 125% !important;
    line-height: 30px !important;
    color: #919191 !important;
    border: 1px solid #DAD6CB !important;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.findContent div.custom.dropdown a.selector,
div.custom.dropdown a.selector {
    height: 32px !important
}

div.custom.dropdown ul {
    width: 100% !important;
    float: left;
    display: block;
    max-height: 240px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

div.custom.dropdown ul li {
    padding: 5px 10px !important;
    font-size: 125% !important
}

.findContent div.custom.dropdown {
    background-color: #5A5F7E !important;
    width: 90% !important
}

.findContent div.custom.dropdown a {
    background: #5A5F7E !important;
    font-size: 125% !important;
    line-height: 30px !important;
    color: #fff !important;
    border: 1px solid #46496b !important;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.findContent div.custom.dropdown ul {
    background-color: #5A5F7E !important;
    width: 100%;
    max-height: 150px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-y: auto;
    border: none !important;
    z-index: 999999
}

.findContent div.custom.dropdown ul li {
    color: #fff !important;
    border-bottom: 1px solid #717798;
    padding: 5px 10px !important;
    font-size: 125% !important
}

.findContent div.custom.dropdown ul li:hover,
.findContent div.custom.dropdown ul li.selected {
    background-color: #62688a !important
}

/* -----------------------------------------
   END Global dropdown style

----------------------------------------- */

/* IPAD Portrait - copyright texts */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .wrapLowerFooter div ul {
        float: left;
        margin-bottom: 5px;
    }

    #copyright-text { float: left; }
}

@media only screen and (max-device-width : 767px) {
    .searchBox { margin: 10px 0; }
}

/* Exception for nav bar */
ul#nav, #yourFeedback *, #locationOptions * {
    font-family: "Cambridge Sans", sans-serif;
}

@media only screen and (max-device-width: 768px) {
    .mainContent .introPara {
        font-size: 15px;
    }
}

/* CEW-2025: CSS updates to allow for longer labels */
div.ccm-scroller { padding: 10px !important; }
div.ccm-scroller-inner { height: 128px !important; }
div.ccm-scroller-inner ul li { position: relative; }
div.ccm-scroller-inner ul li span { padding: 1px 3px !important; height: 36px !important; white-space: pre-line !important; line-height: 15px !important; }
div.ccm-scroller-inner img.ccm-icon-theme { height: 90px; }
li.themeWrap img.ccm-preview { margin-right: 0px; }
div.ccm-scroller-inner ul li a.preview { background: white; position: absolute; right: 2px; top: 2px; padding: 3px; border: 1px solid darkgrey; }

#globalnav li a:focus{
    outline: 2px solid #008BD2;
}