﻿/*General*/

.division.Digital .divisionImg {
    height: 200px;
}

.division.Marketing .divisionImg {
    height: 200px;
}

/* 354 Release */
#UsernameForm_NoSso_formRow .textLiteral {
    text-align: left;
    margin-bottom: 1em
}

.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type="tel"], .intl-tel-input.allow-dropdown input[type="text"], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type="tel"], .intl-tel-input.separate-dial-code input[type="text"] {
    padding-right: 6px;
    padding-left: 52px !important;
    margin-left: 0;
}

html body .intl-tel-input {
    width: 100%;
}

.intl-tel-input.allow-dropdown input[type="tel"] {
    width: 258px;
}
#UsernameForm_pageBlock .ssoIconsInnerContainer {
    margin: 0 auto;
    max-width: 401px;
    overflow: auto;
}
/* */

/* Hide map option */

.alternateViews {
    display: none;
}

#awardsContainer .container-inner .awards-img {
    margin: 0 10px;
    max-width: 75px;
    vertical-align: top;
    float: left;
}

#awardsContainer .container-inner .linkedin-img {
    float: left;
    /*margin-top: 20px;*/
}

#awardsContainer {
    display: inline-block;
    width: 400px;
}

#footerContainer {
    display: inline-block;
}

#us_location_wrapper .row {
    box-sizing: border-box;
    margin-bottom: 20px;
    margin-right: -15px;
    margin-left: -15px;
}

    #us_location_wrapper .row [class*="col-"] {
        box-sizing: border-box;
        padding-top: 15px;
        padding-bottom: 15px;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

    #us_location_wrapper .row .col-md-8 {
        float: left;
        width: 66.66666667%;
    }

    #us_location_wrapper .row .col-md-4 {
        float: left;
        width: 33.33333333%;
    }

#us_location_wrapper .img-responsive {
    display: block;
    margin: 0;
    width: 100%;
}

#us_location_wrapper .store_block {
    background-image: url('../Images/twc_us_firststore_2.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 0 7px rgba(0,0,0,0.6);
    border: 1px solid #DADADA;
    height: 261.4px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 100%;
}

    #us_location_wrapper .store_block .store_block_label {
        background: #fff;
        box-shadow: 0 0 7px rgba(0,0,0,0.6);
        display: block;
        bottom: 0;
        left: 0;
        position: absolute;
        text-align: center;
        width: 100%;
        z-index: 15;
    }

    #us_location_wrapper .store_block .label_inner {
        font-size: 18px;
        letter-spacing: 3px;
        font-family: "Times New Roman", Times, serif;
        color: #202020;
        padding: 6px 12px;
        text-transform: uppercase;
    }

@media all and (max-width: 767px) {
    #us_location_wrapper .row .col-md-8 {
        float: left;
        width: 50%;
    }

    #us_location_wrapper .row .col-md-4 {
        float: left;
        width: 50%;
    }

    #us_location_wrapper .store_block {
        height: 229px;
    }
}

@media all and (max-width: 595px) {
    #us_location_wrapper .row .col-md-8, #us_location_wrapper .row .col-md-4 {
        float: none;
        width: 100%;
    }

    #us_location_wrapper .store_block {
        height: 229px;
    }
}

.Intranet #navigation {
    overflow: hidden;
}

.pageBlockInner_GridBlock div.gridContent {
    border: none;
}

h2 {
    font-size: 24px;
}

#header {
    border-bottom: 2px solid #000;
    height: 100%;
    margin-bottom: 1.2rem;
    padding-top: 1.2rem;
}


#root {
    width: 51.5%;
}

#main-image {
    height: auto;
}

    #main-image .title {
        margin-top: 27%;
    }

    #main-image .item {
        width: 100%;
    }

#header-outer {
    width: 51.5%;
}

#logo {
    margin: 0 auto;
    overflow: auto;
    position: relative;
    width: 255px;
    z-index: 1;
}

    #logo img {
        display: block;
        margin: 0 auto;
        width: 255px;
    }

#header .blog-link {
    z-index: 2;
}

.mapBlock_PosListInfoBox .posListLabel {
    background-color: #000;
    color: #fff;
}

#megamenu-footer {
    padding: 20px 0;
    display: block;
    margin: 0 auto;
    overflow: auto;
    text-align: left;
    width: 100%;
}

#footerContainer {
    display: inline-block;
    width: 340px;
    vertical-align: top;
}

#megamenu-footer #ls_links {
    float: left;
    padding: 0;
    width: 170px;
}

#megamenu-footer ul li {
    text-align: left;
}

#megamenu-footer #ls_sociallinks {
    float: left;
    padding: 0;
    width: 170px;
}

#ProfileRegisterWithAlerts_pageView .tooltip2_Surround_FormToolTip {
    display: none !important;
}

.newregister_username_formRow, .newregister_password_formRow, .newregister_confirmpassword_formRow,
.newregister_firstname_formRow, .newregister_surname_formRow {
    display: none !important;
}

#pageContent #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer, 
#pageContent #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer {
    width: auto;
}

	#pageContent #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer .formLabel,
	#pageContent #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer .formLabel {
    		text-align: left;
	}
/*.pageBlockInner_FormBlock div.controlContainer {
	clear: both;
}*/

/*Nav*/
#navigation > li::after {
    content: '';
    display: block;
    border-top: medium solid #999;
    width: 0;
    -webkit-transition: 1s ease;
    transition: 1s ease;
}

.bodyDesktop #navigation > li:hover::after {
    width: 100%;
}

#navigation > li.active::after {
    width: 100%;
}


/*@media all and (orientation:portrait) and (min-device-width:0px) and (max-device-width:600px), all and (orientation:landscape) and (min-device-height:0px) and (max-device-height:600px) {
    #navigation > li:hover::after {
        width: initial;
    }
}*/

#navigation > li {
    float: left;
    padding: 8px 0;
    position: relative;
}

#NavigationSection.main-navigation {
    display: block;
    height: 100%;
    overflow: auto;
    padding: 0;
    z-index: 100;
    width: initial;
}

#NavigationSection nav {
    text-align: center;
}

#navigation {
    display: inline-block;
    margin: 0 auto;
    overflow: auto;
    /*width: 460px;*/
}

    #navigation li:first-child:nth-last-child(3),
    #navigation li:first-child:nth-last-child(3) ~ li {
        width: 33.3333%;
    }

#intranetNavigation {
    margin: 0 auto;
    overflow: auto;
    width: 313px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .main-navigation nav {
        overflow: hidden;
    }

    #navigation {
        width: 722px;
    }
}


#mobileMenuButton {
    background: url('../Images/mobilenavbutton.png') no-repeat center center transparent;
    display: none;
    float: left;
    height: 38px;
    width: 35px;
}

#mobileNavigation .inner {
    border: none;
}

#mobileMenuButton:hover {
    cursor: pointer;
}

#mobileMenuButton .button, #mobileMenuButton .button:hover {
    background: none !important;
}

#mobileNavigation {
    text-align: center;
    display: block;
    max-height: 280px;
    overflow: hidden;
    transition: height 1s ease 0s;
    height: 0;
}

#container.opened #mobileNavigation {
    transition: height 1s ease 0s;
    height: 200px;
}

#container.opened .wrapperContainer {
    margin-top: 10px;
    transition: margin-top 1s ease 0s;
}


#container .wrapperContainer {
    transition: margin-top 1s ease 0s;
}

#mobileNavigation .NavItem a {
    color: #000;
    font-size: 14px;
}

#mobileNavigation .NavItem.active::after {
    width: 100%;
}

#mobileNavigation .NavItem:hover a {
    font-size: 14px;
}

#mobileNavigation .NavItem {
    padding: 2% 0;
    position: relative;
    list-style: none;
}

    #mobileNavigation .NavItem::after {
        content: '';
        display: block;
        border-top: medium solid #999;
        width: 0;
        -webkit-transition: 1s ease;
        transition: 1s ease;
    }

/*Buttons*/

.buttonsRight .buttonAnchor, .buttonsRight input.buttonSubmit, .buttonsLeft .buttonAnchor, .buttonsLeft input.buttonSubmit,
#Pos_Description_pageView #posdesc_pageBlockContainer .ApplyNowContainer a, #Pos_Description_pageView #posdesc_pageBlock a.right,
#Pos_Category_Description_pageView .linkContainer a, #Campaign_Detail_pageView .linkContainer a, .pageBlockInner_FormBlock div.formRowFileUploadRow button {
    background-color: #000;
    color: #FFF;
    border: none;
    transition: all 0.2s ease 0s;
}

    .buttonsRight .buttonAnchor:hover, .buttonsRight input.buttonSubmit:hover, .buttonsLeft .buttonAnchor:hover, .buttonsLeft input.buttonSubmit:hover,
    #Pos_Description_pageView #posdesc_pageBlockContainer .ApplyNowContainer a:hover, #Pos_Description_pageView #posdesc_pageBlock a.right:hover,
    #Pos_Category_Description_pageView .linkContainer a:hover, #Campaign_Detail_pageView .linkContainer a:hover, .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover {
        color: #CCCCCC;
    }

/*Home*/

#main-image {
    margin-bottom: 25px;
}

.textpage_landingpage #main-image, .textpage_landingpage #LandingPageAlert, .textpage_landingpage #header {
    width: 99.5%;
}

#LogoMobile {
    display: none;
}

#christmasBanner {
    overflow: auto;
    margin-bottom: 25px;
    display: block;
    width: 99.5%;
}

    #christmasBanner img {
        width: 100%;
    }

    #christmasBanner .seasonalMobile {
        display: none;
    }

/*Footer*/


/*Login*/
#candidateControls {
    /*padding-top: 1%;
    position: absolute;*/
    float: right;
    /*width: 100%;*/
    z-index: 3;
}

    #candidateControls ul {
        float: right;
        list-style-type: none;
    }

    #candidateControls li, #candidateControls li a {
        float: left;
    }

        #candidateControls li a:hover {
            text-decoration: underline;
        }

    #candidateControls ul li.splitter {
        margin: 0 5px;
    }

#mobileLogIn {
    display: none;
}

#login_pageBlock .ssoIconLink:hover, #newregister_pageBlock .ssoIconLink:hover {
    background-color: #ccc;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.49);
    transition: 500ms ease 300ms;
}

/*Page Messages*/
#intro_pageBlockContainer {
    margin: 0;
}

/*Jobs Code List*/
#CodeListCounts_pageBlockContainer {
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: 20px 0;
}

    #CodeListCounts_pageBlockContainer #CodeListCounts_pageBlock {
        width: 100%;
        padding: 0;
    }

#Home_pageView #CodeListCounts_pageBlock .listItemContainer {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #e9e9e9;
    text-align: center;
    width: 23%;
    min-width: 175px;
}

#posBrowser_ResultsGrid_pageBlock .rowContainer {
    background: #fff none repeat scroll 0 0;
    border: none;
    border-bottom: thin solid #ccc;
    max-height: 100%;
    min-width: 230px;
    text-align: left;
    width: 99%;
    transition: background-color 1s ease;
    overflow: hidden;
}

    #posBrowser_ResultsGrid_pageBlock .rowContainer:hover {
        background: #fff none repeat scroll 0 0;
        background-color: #a8a4a4;
        border-color: #ccc;
        box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.49);
    }

        #posBrowser_ResultsGrid_pageBlock .rowContainer:hover .rowHeader a, #posBrowser_ResultsGrid_pageBlock .rowContainer:hover .rowContentContainer {
            color: #fff;
        }

#Home_pageView #CodeListCounts_pageBlock .listItemContainer:hover {
    margin: 0 5px 5px 0;
    border: 2px solid #e9e9e9;
}

#Home_pageView #CodeListCounts_pageBlock .listItemContainer .listItemTitle {
    font-size: 22px;
    text-align: center;
    margin-top: 5%;
    border: none;
}

    #Home_pageView #CodeListCounts_pageBlock .listItemContainer .listItemTitle a, #Home_pageView #CodeListCounts_pageBlock .listItemCount, #Home_pageView #CodeListCounts_pageBlock .listItemLabel, #posBrowser_ResultsGrid_pageBlock .rcMenu {
        color: #000;
    }

#posBrowser_ResultsGrid_pageBlock .rowContainer a, #posBrowser_ResultsGrid_pageBlock .rowContainer .rowContentContainer {
    transition: color 0.5s ease 300ms;
}

#posBrowser_ResultsGrid_pageBlock .rcMenu {
    font-size: 13px;
}

#posBrowser_ResultsGrid_pageBlock .rowLabel {
    float: none;
    text-align: left;
    margin-top: 1.5%;
    margin-left: 4px;
}

#Pos_Find_Results_pageView #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles .pagingText {
    font-size: 17px;
    margin: 1px 5px 1px 1px;
    padding-top: 0;
}


/*Code List 2*/

#CodeListCounts_pageBlock .listContainer_posCodeList2 .listItemContainer {
    height: 210px !important;
}


#Home_pageView #CodeListCounts_pageBlock .listContainer_posCodeList2 .listItemCountContainer {
    color: #707070;
    float: left;
    font-size: 11px;
    margin-left: 5px;
    text-align: center;
    width: 95%;
    margin-top: 0;
}


#Home_pageView #CodeListCounts_pageBlock .listContainer_posCodeList2 .listItemRightContainer {
    clear: left;
    float: left;
    margin-left: 17%;
    margin-top: 10px;
    width: 128px;
}

#Home_pageView #CodeListCounts_pageBlock .listContainer_posCodeList2 .listItemContainer {
    width: 31%;
    margin: 5px;
    border: 2px solid #e9e9e9;
}

    #Home_pageView #CodeListCounts_pageBlock .listContainer_posCodeList2 .listItemContainer:hover {
        /*width: 31%;*/
        margin: 5px;
        border: 2px solid #e9e9e9;
    }

/*Experimental*/
#Home_pageView #CodeListCounts_pageBlock .listContainer .listItemContainerBorder {
    width: 100%;
    height: 100%;
}

.itemContainer:hover {
    cursor: pointer;
}

#Home_pageView #CodeListCounts_pageBlock .listContainer .listItemImageContainer, #Home_pageView #CodeListCounts_pageBlock .listContainer .listItemImageContainer > .codelistImgDesktop {
    width: 100%;
    /*height: 100%;*/
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 5;
}

    #Home_pageView #CodeListCounts_pageBlock .listContainer .listItemImageContainer > .codelistImgMobile {
        display: none;
    }

#Home_pageView #CodeListCounts_pageBlock .listContainer .codeListBlockLower {
    width: 100%;
    display: block;
    position: relative;
    z-index: 15;
    background-color: rgba(255,255,255,0.7);
    margin-top: -46px;
    overflow: hidden;
    height: 46px;
}

    #Home_pageView #CodeListCounts_pageBlock .listContainer .codeListBlockLower .listItemCountContainer {
        height: 0;
        margin-top: 10px;
        margin-left: 0;
        overflow: hidden;
        width: 100%;
    }

    #Home_pageView #CodeListCounts_pageBlock .listContainer .codeListBlockLower .listItemCount {
        width: 100%;
    }

#Home_pageView #CodeListCounts_pageBlock .listContainer .itemContainer:hover .codeListBlockLower {
    background-color: rgba(168,164,164,0.8);
    height: 80px;
    margin-top: -80px;
    -webkit-transition: ease-in 0.5s;
    -moz-transition: ease-in 0.5s;
    -o-transition: ease-in 0.5s;
    transition: ease-in 0.5s;
    overflow: hidden;
}

    #Home_pageView #CodeListCounts_pageBlock .listContainer .itemContainer:hover .codeListBlockLower .listItemTitle h1,
    #Home_pageView #CodeListCounts_pageBlock .listContainer .itemContainer:hover .codeListBlockLower .listItemCount {
        color: #FFF;
    }

    #Home_pageView #CodeListCounts_pageBlock .listContainer .itemContainer:hover .codeListBlockLower .listItemCountContainer {
        height: 22px;
        overflow: hidden;
    }

.column.third {
    float: left;
    margin: 10px 1%;
    width: 31%;
}

.column.twoThird {
    float: left;
    margin: 10px 1%;
    width: 64%;
    margin-bottom: 10px;
}

.column.half {
    float: left;
    margin: 0 1% 10px;
    width: 47%;
}

.itemContainer {
    margin-bottom: 12px;
}

#CodeListCounts_pageBlock h1 {
    margin-bottom: 0;
    padding: 0;
}

#CodeListCounts_pageBlock .listItemTitle {
    text-align: center;
}

#Home_pageView #CodeListCounts_pageBlock .listItemTitle {
    border-bottom: none;
}

.listItemCount {
    float: none;
    font-size: 18px !important;
    font-weight: normal !important;
    width: 100%;
}

#Home_pageView #CodeListCounts_pageBlock .listItemImageContainer img {
    border: none;
}

.itemContainer .codeListBlockLower:hover {
    cursor: pointer;
}

.column.full-width {
    width: 99%;
    overflow: auto;
    margin-bottom: 10px;
}

.full-width .itemContainer {
    float: left;
    margin: 0 1.1%;
    width: 31%;
}

.full-width.two .itemContainer {
    float: left;
    margin: 0 1.1%;
    width: 47%;
}

#Home_pageView #CodeListCounts_pageBlock .itemContainer .listItemTitle {
    margin: 0;
    padding: 2px 0 0;
}

/*No Vacancies*/
#Home_pageView #noPositions_pageBlockContainer .topContent, #Home_pageView #noPositions_pageBlockContainer .content_register,
#Home_pageView #noPositions_pageBlockContainer .content {
    background: #FFF;
    border: thin solid #ccc;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.49);
    margin-left: 0;
    margin-right: 0;
}

#Home_pageView #noPositions_pageBlockContainer .leftContainer, #Home_pageView #noPositions_pageBlockContainer .rightContainer {
    margin-bottom: 10px;
    width: 49%;
}

#Home_pageView #noPositions_pageBlockContainer .topContent, #Home_pageView #noPositions_pageBlockContainer .bottomContainer,
#Home_pageView #noPositions_pageBlockContainer .outerContainer {
    width: 100%;
}

#Home_pageView #noPositions_pageBlockContainer .topContainer {
    width: 99.6%;
}

#Home_pageView #noPositions_pageBlockContainer .title {
    background: grey;
    color: #FFF;
}

#Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a {
    background: #000 none repeat scroll 0 0;
    color: #fff;
}

/*Job Alert*/
#jobFeedImg {
    position: relative;
    overflow: hidden;
    width: 100%;
}

#JobFeedLinkForm_pageBlockContainer {
    background-image: url("../Images/FirstAlerts.jpg");
    border: 1px solid #ccc;
    height: 123px;
    width: 100%;
}

    #JobFeedLinkForm_pageBlockContainer .pageBlockContainerMiddle {
        background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
        float: right;
        height: 113px;
        /*padding-right: 26px;*/
        padding-top: 10px;
        /*margin-right: 10px;*/
        /*padding-top: 6px;*/
        width: 410px;
        /*width: 340px;*/
    }

    #JobFeedLinkForm_pageBlockContainer .pageBlockHeader {
        float: right;
        width: 100%;
        padding-right: 5px;
    }

#JobFeedLinkForm_linktojobfeed_formRow {
    width: 395px;
    float: right;
}

    #JobFeedLinkForm_linktojobfeed_formRow .buttonsRight {
        float: right;
        overflow: hidden;
        width: 100%;
    }

        #JobFeedLinkForm_linktojobfeed_formRow .buttonsRight li {
            width: 100%;
        }

    #JobFeedLinkForm_linktojobfeed_formRow .buttonActionId_linktojobfeed {
        display: block;
        overflow: hidden;
        text-align: center;
        width: 35%;
        padding: 5px 0;
    }

/*#JobFeedLinkForm_pageBlock {
    padding: 0 0;
}*/

/*#JobFeedLinkForm_pageBlockContainer {
    height: 123px;
    border: 1px solid #ccc;
    max-width: 980px;
    z-index: 10 !important;
    background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
    float: right;
    top: 0;
    right: 0;
    position: absolute;
    width: 410px;
}*/

#jobFeedImg img {
    /*display: none;*/
}

#JobFeedLinkForm_pageBlockContainer h2 {
    font-size: 18px;
}

/*#JobFeedLinkForm_pageBlockContainer .pageBlockHeader {
    float: right;
    width: 100%;
    padding-right: 5px;
}*/

#JobFeedLinkForm_pageBlockContainer .pageBlockTitle {
    float: right;
}


/*#JobFeedLinkForm_linktojobfeed_formRow .buttonsRight {
    float: none;
    width: 100%;
}*/

/*#JobFeedLinkForm_linktojobfeed_formRow .buttonsRight li {
        float: none;
        text-align: left;
        width: 100%;
    }*/

/*#JobFeedLinkForm_linktojobfeed_formRow .buttonActionId_linktojobfeed {
    display: inline-block;
    float: none;
    text-align: center;
    padding: 5px 15px;
}*/

/*Map*/
#MapBlock_pageBlock .gridTop, #posBrowser_ResultsGrid_pageBlock .gridTop {
    border-left: none;
    border-right: none;
    border-bottom: thin solid #ccc;
    border-color: #ccc;
    border-top: thin solid #ccc;
    border-width: thin;
    margin: 0 0 1%;
    padding: 1.5% 0;
    font-style: italic;
}

    #MapBlock_pageBlock .gridTop a, #MapBlock_pageBlock .alternateViewsText, #posBrowser_ResultsGrid_pageBlock .alternateViewsText, #posBrowser_ResultsGrid_pageBlock .gridTop a, #posBrowser_ResultsGrid_pageBlock .sortingText {
        font-size: 17px;
    }

        #MapBlock_pageBlock .gridTop a:hover {
            color: #777777;
        }

#Pos_Find_Results_pageView .TilesGridSortingContainer {
    width: 100%;
}

#Pos_Find_Results_pageView .pageBlockInner_GridBlock .TilesGridSortingInnerContainer {
    float: none;
    margin: 0 auto;
    width: 99% !important;
    overflow: auto;
    padding: 0;
}

#Pos_Find_Results_pageView .sortingText {
    text-align: right;
    width: 49%;
    margin-top: 5px;
}

#Pos_Find_Results_pageView .pageBlockInner_GridBlock .sortingCurrent {
    float: left;
    text-align: left;
    width: 50%;
    margin-top: 5px;
}

    #Pos_Find_Results_pageView .pageBlockInner_GridBlock .sortingCurrent:hover {
        text-decoration: underline #777777;
    }

    #Pos_Find_Results_pageView .pageBlockInner_GridBlock .sortingCurrent a {
        background-image: url(../Images/dropDown.png);
        background-repeat: no-repeat;
        background-position: right 7px;
        padding-right: 20px;
        margin-bottom: 5px;
        text-decoration: underline;
    }


.pageBlockInner_GridBlock .TilesGridSortingPopup {
    margin-top: 41px !important;
    margin-left: 0 !important;
    width: 50.9% !important;
}

/*Search Map/List*/
#SearchForm_pageBlockContainer h1 {
    margin-bottom: 0;
    margin-top: -2px;
}

#Pos_Find_Results_Map_pageView #SearchForm_pageBlockContainer, #Pos_Find_Results_pageView #SearchForm_pageBlockContainer,
#Home_pageView #SearchForm_pageBlockContainer, #heroSearchBlock {
    background: #FFF none repeat scroll 0 0;
    margin: 15px 5px 5px;
    padding: 18px 20px 3px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.49);
}

#SearchForm_pageBlockContainer div.pageBlockHeader, #quicksearch_pageBlockContainer div.pageBlockHeader {
    display: block;
    float: left;
    text-align: center;
    width: 20%;
}

#quicksearch_pageBlockContainer div.pageBlockInner_FormBlock div.formRow {
    clear: none;
    float: left;
    width: auto;
    padding: 0;
}

#SearchForm_pageBlockContainer .pageBlockInner_FormBlock input.inputText, #quicksearch_pageBlockContainer .pageBlockInner_FormBlock input.inputText {
    height: 20px;
    padding: 3px;
    font-size: 18px;
}

#SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .inputText,
#quicksearch_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .inputText {
    width: 260px;
}

#SearchForm_pageBlock, #SearchForm_filter_text_formRow, #SearchForm_filter_locationradius_formRow, #quicksearch_pageBlock {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 630px;
}

    #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock .formRowButtonRow .buttonSubmit,
    #quicksearch_pageBlock div.pageBlockInner_FormBlock .formRowButtonRow .buttonSubmit {
        background-attachment: scroll;
        background-clip: border-box;
        background-color: #000;
        background-image: url("../Images/twc-sprite-icons.png");
        background-origin: padding-box;
        background-position: -146px -97px;
        background-repeat: no-repeat;
        border: medium none;
        display: block;
        font-size: 0;
        height: 28px;
        line-height: 0;
        margin-left: 0 !important;
        padding: 3px;
        width: 30px;
    }

    #SearchForm_filter_locationradius_formRow .controlContainer, #quicksearch_filter_locationradius_formRow .controlContainer {
        margin-right: 0;
    }

#SearchForm_SaveButtonRow_formRow, #quicksearch_SaveButtonRow_formRow {
    float: right !important;
    padding: 0;
}

#heroSearchBlock a {
    background-color: #000;
    color: #fff;
    padding: 6px;
}

#heroSearchBlock > p {
    overflow: auto;
    padding: 6px 0;
}

#quicksearch_pageBlockContainer .pageBlockTitle h1 {
    margin-bottom: 0;
}

#quicksearch_filter_locationradius_formRow {
    margin-left: 20px;
}

/*Filters*/
#posBrowser_Filter_pageBlock {
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.49);
    margin: 5px;
    background-color: #F4F3F1;
}

    #posBrowser_Filter_pageBlock .pageBlockInner {
        color: #000;
    }

    #posBrowser_Filter_pageBlock a {
        color: #000;
    }

    #posBrowser_Filter_pageBlock .filtersSummary .alternateViews {
        width: 85px;
    }

        #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a {
            margin-right: 8%;
            font-size: 17px;
        }

            #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a:hover {
                text-decoration: underline;
            }

    #posBrowser_Filter_pageBlock .filtersSummary .filtersSummaryTextContainer span, .filtersExpander a {
        font-size: 17px;
    }

    #posBrowser_Filter_pageBlock .filtersExpander a:hover {
        text-decoration: underline;
    }

    #posBrowser_Filter_pageBlock .filtersSummary {
        margin-bottom: 1%;
        color: #000;
    }

    #posBrowser_Filter_pageBlock .FiltersContainer {
        border-color: -moz-use-text-color;
        border-style: solid none none;
        border-width: 1px medium medium;
    }

        #posBrowser_Filter_pageBlock .FiltersContainer a, #posBrowser_Filter_pageBlock .FiltersContainer .HeaderLabel {
            color: #000;
            text-decoration: underline;
        }

    #posBrowser_Filter_pageBlock .FilterContainer {
        width: 50%;
        float: left;
    }

        #posBrowser_Filter_pageBlock .FilterContainer .ValueContainer {
            background-color: #FFF;
        }

    #posBrowser_Filter_pageBlock .HeaderContainer {
        background: #FFF;
        border: none;
    }

    #posBrowser_Filter_pageBlock .noEntries {
        min-height: 25px;
    }

    #posBrowser_Filter_pageBlock .FilterRowsContainer {
        background-color: #FFF;
        margin-top: 2%;
        overflow: auto;
    }

#Pos_Find_Results_Map_pageView .alternateViewsButton_Map, #Pos_Find_Results_pageView .alternateViewsButton_List {
    display: none;
}

/*Job Description*/
#Pos_Description_pageView .SecondRow .column {
    width: 50%;
    float: left;
    margin-bottom: 1%;
}

#Pos_Description_pageView .posContentWrapper {
    width: 99%;
}

#posdesc_pageBlock .ThirdRow {
    float: left;
    width: 100%;
    margin-top: 5%;
    background-color: #F4F3F1;
}

    #posdesc_pageBlock .ThirdRow .column {
        float: left;
        width: 33%;
    }

#posdesc_pageBlock .posDescriptionContainer317 .LeftJobBox {
    width: 99%;
}

#Pos_Description_pageView #posdesc_pageBlock .JobTitle h1 {
    padding-bottom: 0;
    margin-bottom: 0;
}

#posdesc_pageBlock .JobTitle {
    text-align: center;
    margin: 2% 0;
}

#JobDescriptionMap_vacancyMap_pageBlock {
    padding: 2%;
}

#posdesc_pageBlock .jobValues {
    margin-top: 5%;
}

    #posdesc_pageBlock .jobValues ul li {
        font-size: 14px;
    }

#posdesc_pageBlock ul.jobSum li .jobSumValue, #posdesc_pageBlock ul.jobSum li .jobSumLabel {
    font-size: 16px;
}

#posdesc_pageBlock .posdescriptionPropertyBox {
    border: none;
}

#posdesc_pageBlock .posAlerts, #posdesc_pageBlock .posrating, #posdesc_pageBlock .possharing {
    border: medium none;
    margin-bottom: 10px;
    padding: 20px;
}

    #posdesc_pageBlock .posAlerts .posAlerts_info {
        margin: 10px 0;
        text-align: center;
    }

#posdesc_pageBlock #StarRatingBlock_pageBlock .formRow {
    clear: both;
    float: none;
    margin: 10px auto;
}

div.rating-cancel, div.star-rating {
    height: 16px;
}

#posdesc_pageBlock .possharing .addthis_toolbox {
    width: 120px;
    margin: 17px auto;
}

#posdesc_pageBlock .posDescriptionContainer317 .BigVacancyMap {
    width: 100%;
}

#Pos_Description_pageView .LeftJobBox .earcu_posdescription b {
    font-size: 14px;
}

#Pos_Description_pageView .LeftJobBox .earcu_posdescription div {
    margin-bottom: 1%;
}

#posdesc_pageBlock .posdescriptionPropertyBox {
    padding: 10px 0;
}

#Pos_Description_pageView .mapContainer .locationsPickerContainer {
    background: #FFF;
}

    #Pos_Description_pageView .mapContainer .locationsPickerContainer .locationSelectLabel {
        font-weight: bold;
    }

    #Pos_Description_pageView .mapContainer .locationsPickerContainer .locationAddressContainer {
        text-decoration: underline;
    }

/*Applicant Home*/
#WelcomeInfoBlock_pageBlock a {
    color: #000;
    transition: color 0.5s ease 0s;
}

    #WelcomeInfoBlock_pageBlock a:hover {
        color: #707070;
        text-decoration: underline;
    }

#ApplicationsGrid_pageBlockContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock .ListGridContainer .rowContainer {
    border-bottom: thin solid #ccc;
}

/*Application*/
#Application_Home_pageView #sectionslist_pageBlock .ulList li.Section_SubmitAndDeclarations .ulListItemLabel {
    padding-top: 5px;
}

#fileupload_pageBlockContainer .pageBlockHeader, #Edit_PERSONALDETAILS_pageBlockContainer .pageBlockHeader {
    border-bottom: 2px solid #000;
}

#Grid_WORKEXPERIENCE_pageBlockContainer .pageBlockHeader {
    border-bottom: 2px solid #000;
    margin-left: 3px;
    height: 60px;
}

#Grid_WORKEXPERIENCE_pageBlockContainer .pageBlockTitle {
    height: 15px;
    padding: 3px 3px 3px 0;
}

.pageBlockContainer_GridBlock .pageBlockHeader, #SubmitForm_pageBlockContainer .pageBlockHeader {
    border-bottom: 2px solid #000;
}

.questionsAnswerBlock div.appSummaryGridRow {
    border: none;
}

.pageBlockInner_FormBlock div.formRowFileUploadRow button {
    padding: 2px;
}

#MyDetailsStauts_pageBlock .eArcuRight {
    display: none;
}

#eArcuProfileSummary, #eArcuLinks {
    border: none !important;
}

#intro_pageBlock {
    margin: 0 0 20px;
}

.appCompleteChartBack, .appCompleteChartBar {
    height: 0 !important;
}

.questionsAnswerBlock div.appSummaryQuestionGridRow div.appSummaryGridValue {
    margin-left: 0;
}

    .questionsAnswerBlock div.appSummaryQuestionGridRow div.appSummaryGridValue p {
        font-style: italic;
    }

#Application_Section_CV_pageView .answersContainer div.appSummaryGridHeader {
    display: none;
}

/*CV Spacing*/
#fileupload_Files_formRow > div {
    margin: 10px 0;
}

/*Application Breadcrumb*/
#breadcrumbs_wrapper {
    height: 25px;
}

    #breadcrumbs_wrapper a, #breadcrumbs_wrapper .active {
        font-size: 12px;
        padding: 0 5px;
        text-transform: none;
    }

    #breadcrumbs_wrapper a {
        height: 100%;
        position: relative;
    }

        #breadcrumbs_wrapper a::after {
            content: '';
            display: block;
            border-bottom: medium solid #999;
            width: 0;
            position: absolute;
            left: 0;
            -webkit-transition: 1s ease;
            transition: 1s ease;
        }

        #breadcrumbs_wrapper a:hover:after {
            width: 100%;
        }


/*Block format*/
#Application_Home_pageView #sectionslist_pageBlock .ulListItem, #Application_Home_pageView #sectionslist_pageBlock .ulListItem:hover {
    border: none;
    border-bottom: thin solid #ccc;
    margin-bottom: 0;
    margin-top: 0;
    transition: background-color 0.5s ease;
}

#MyDetailsStauts_pageBlockContainer {
    background: #fff none repeat scroll 0 0;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.49);
    margin: 15px 5px 5px;
}

#Application_Home_pageView #sectionslist_pageBlock .ulListItem:first-child {
    border-top: thin solid #ccc;
}

#Application_Home_pageView .ulListItem {
    background-image: none;
}

#sectionslist_pageBlock .ulList .ulListItem, #Application_Home_pageView .ulList li.Section_SubmitAndDeclarations {
    height: 50px;
    width: 99%;
}

#Application_Home_pageView #sectionslist_pageBlock .ulList .ulListItemLabel, #Application_Home_pageView #sectionslist_pageBlock .ulList li.Section_SubmitAndDeclarations .ulListItemLabel {
    padding-top: 15px;
}

#Application_Home_pageView #sectionslist_pageBlock .ulList li.Section_SubmitAndDeclarations .ulListItemLabel {
    margin: 3px 3px 3px 5px;
}

#Application_Home_pageView .ulListItem div.ulListItemValueContainer {
    display: block;
}

#Application_Home_pageView #sectionslist_pageBlock .ulListItem.Completed .ulListItemValue {
    color: green;
}

#Application_Home_pageView #sectionslist_pageBlock .ulListItem.ToDo .ulListItemValue {
    color: red;
}

/*custom layout for application form*/

.sectionsSummaryContainer #columnRemaining {
    width: 99%;
}

    .sectionsSummaryContainer #columnRemaining .sectionBox {
        width: 50%;
        float: left;
    }

.sectionsSummaryContainer .sectionBoxInner {
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    background-image: url("../Images/SD_Square.jpg");
    border: thin solid #ccc;
    margin-bottom: 5%;
    transition: 500ms ease 300ms;
}

.sectionsSummaryContainer #columnRemaining .sectionBoxInner {
    margin: 12px 11px 5% 12px;
}

.sectionsSummaryContainer .sectionBox a {
    display: block;
    height: 100%;
    overflow: auto;
}

.sectionsSummaryContainer .sectionBox h1 {
    font-size: 14px;
    margin-bottom: 0;
    padding: 0;
}

.ulListItemValue {
    color: red;
}

.ulListItemValuecompleted {
    color: green;
}

.sectionsSummaryContainer #columnBottom .sectionBox.five, .sectionsSummaryContainer #columnBottom .sectionBox.third,
.sectionsSummaryContainer #columnBottom .sectionBox {
    float: left;
    margin: 0 1% 2%;
    width: 31%;
}

    .sectionsSummaryContainer #columnBottom .sectionBox.full-width {
        margin-bottom: 5%;
        width: 98%;
    }

    .sectionsSummaryContainer .sectionBox.half, .sectionsSummaryContainer #columnBottom .sectionBox.half {
        float: left;
        margin: 0 1% 10px;
        width: 47%;
    }

.sectionsSummaryContainer #columnBottom .one {
    margin: 0 1% 10px;
    width: 98%;
}

.sectionsSummaryContainer #columnRight.full-width .last {
    margin: 0 1% 10px;
    width: 96.5%;
}

    .sectionsSummaryContainer #columnBottom .sectionBox.one .ulListItemLabel,
    .sectionsSummaryContainer #columnRight.full-width .last .ulListItemLabel {
        margin-top: 25% !important;
    }


.sectionBox .ulListItemLabel, .sectionBox .ulListItemValueContainer {
    padding: 5px;
    text-align: center;
}

.sectionBox .ulListItemLabel {
    border-top: thin solid #ccc;
}

.sectionBox .sectionBoxInner:hover {
    background-color: #ccc;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.49);
    transition: 500ms ease 300ms;
}

.sectionBox:hover .ulListItemLabel, .sectionBox:hover .ulListItemValueContainer {
    background-color: #fff;
    transition: 500ms ease 300ms;
}

.sectionBox.section_ProfQual .ulListItemLabel {
    margin-top: 61.5%;
}

.sectionBox .ulListItemLabel, #columnMiddle.half .sectionBox .ulListItemLabel {
    margin-top: 67%;
}

#columnMiddle .sectionBox .ulListItemLabel {
    margin-top: 158.5%;
}

.sectionBox .ulListItemLabel, .sectionBox .ulListItemValueContainer {
    background-color: #fff;
}

.pageBlockInner_FormBlock div.curFocus div.controlContainer .inputText, .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputSelect {
    border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
    border-style: solid;
    border-width: 1px;
}

/*Application section Images*/
.section_CV .sectionBoxInner {
    background-image: url("../Images/CV_new.jpg");
}

#columnLeft .section_PersonalDetails .sectionBoxInner, #columnRemaining .section_PersonalDetails .sectionBoxInner {
    background-image: url("../Images/PD_Square.jpg");
}

#columnMiddle .section_PersonalDetails .sectionBoxInner {
    background-size: cover;
    background-image: url("../Images/personalDetails_Long.jpg");
}

.section_EqualOps .sectionBoxInner {
    background-image: url("../Images/EqualityDiversity.jpg");
}

.section_Referral .sectionBoxInner {
    background-image: url("../Images/Referall.jpg");
}

.section_Referees .sectionBoxInner {
    background-image: url("../Images/Referees.jpg");
}

.column.full-width .section_SubmitAndDeclarations .sectionBoxInner {
    background-image: url("../Images/SD_Long.jpg");
}

#columnRemaining.column.full-width .section_SubmitAndDeclarations .sectionBoxInner {
    background-image: url("../Images/SD_Square.jpg");
}


/*Review Vacancy*/
#posdesc_pageBlock .SecondRow .posContentWrapper .column {
    width: 50%;
    float: left;
}

#posSummaryBlock_pageBlock {
    background: #fff none repeat scroll 0 0;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.49);
    margin: 15px 5px 5px;
}

/*Emails*/
#EMailGrid_pageBlock .rowContainer:hover,
#EMailSummaryGrid_pageBlock .rowContainer:hover {
    background-color: #ccc;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.49);
}

    #EMailGrid_pageBlock .rowContainer:hover a, #EMailGrid_pageBlock .rowContainer:hover div, #EMailSummaryGrid_pageBlock .rowContainer:hover a, #EMailSummaryGrid_pageBlock .rowContainer:hover div {
        color: #fff;
    }

/*Alerts*/
#MyJobFeedForm_MultiCodeList4_formRow .labelContainer {
    padding-top: 8px;
}

#lookupResults_tbody .oddRow {
    background-color: #000;
}

    #lookupResults_tbody .oddRow a {
        color: #fff;
    }

/*White Life Text Page*/
.carouselFrame {
    background-color: transparent;
}


#latestjobs_pageBlockContainer h1, #TwitterBlock_pageBlockContainer h1 {
    margin-bottom: 0;
    padding-bottom: 0;
}

#latestjobs_pageBlock {
    padding-top: 0;
}

#latestjobs_pageBlockContainer .pageBlockHeader {
    border-bottom: none;
}

#latestjobs_pageBlock .carouselFrame a {
    color: black;
    font-weight: bold;
}

.whiteLife #center-column, .whiteLife #right-column {
    box-sizing: border-box;
}

#center-column {
    width: 60%;
}

#right-column {
    width: 30%;
}

#center-column p {
    max-width: 99%;
}

#main {
    padding: 0 5%;
}

.divider {
    position: absolute;
    left: 64%;
    top: 0;
    bottom: 0;
    border-left: thin solid #ccc;
}

#divider2 {
    display: none;
}

#TwitterBlock_pageBlock .tweet4, #TwitterBlock_pageBlock .tweet5 {
    display: none;
}

#montage-images {
    margin-bottom: 20px;
}

    #montage-images.montage-images button {
        display: none !important;
    }

#subNav {
    display: block;
    overflow: auto;
    margin-bottom: 20px;
    width: 100%;
}

    #subNav a:first-child {
        margin-left: 0;
    }

    #subNav a:last-child {
        margin-right: 0;
    }

    #subNav a {
        background: #e9e8e8 none repeat scroll 0 0;
        float: left;
        width: 22%;
        margin: 0 1.8%;
        padding-bottom: 7px;
        padding-top: 7px;
        text-align: center;
    }

#latestjobs_pageBlock .rowContainer {
    border: none;
}

    #latestjobs_pageBlock .rowContainer .rowHeader .rowLabel .rcMenu {
        color: #000;
        font-weight: bold;
    }

    #latestjobs_pageBlock .rowContainer .rowHeader {
        padding: 0;
    }

    #latestjobs_pageBlock .rowContainer .rowContentContainer .rowItemsContainer {
        margin: 0;
        padding: 0;
    }

#quote .quote-source {
    text-align: left;
}

#right-column #latestjobs_pageBlockContainer, #right-column #TwitterBlock_pageBlockContainer {
    background-color: #ccc;
    border: thin solid #ccc;
    width: 100%;
}

#right-column #latestjobs_pageBlockContainer {
    margin-bottom: 20px;
}

    #right-column #latestjobs_pageBlockContainer .pageBlockHeader,
    #right-column #TwitterBlock_pageBlockContainer .pageBlockHeader {
        background-color: #fff;
        margin: 0;
        padding: 12px 0;
        text-align: center;
        width: 100%;
    }

        #right-column #latestjobs_pageBlockContainer .pageBlockHeader .pageBlockTitle,
        #right-column #TwitterBlock_pageBlockContainer .pageBlockHeader .pageBlockTitle {
            padding: 0;
            text-align: center;
            width: 100%;
        }

/*Our Story*/

.column.full-width.mar-top-16px {
    background-color: #e6e7e8;
    margin-top: 0;
    width: 100%;
}

.mar-top-16px {
    margin-top: 16px;
}

.column.five-eighths {
    float: left;
    padding: 5% 0 0 5%;
    width: 57.5%;
}

    .column.five-eighths.bottom {
        display: none;
        float: left;
        padding: 0 0 0 5%;
        width: 57.5%;
    }



.column.three-eighths {
    float: left;
    width: 37.5%;
}

    .column.three-eighths img {
        width: 100%;
    }

/*Our Story Carousel*/
#timeline h1 {
    margin-bottom: 0;
}

.slick-track > .slick-slide > h1 {
    background: #666 none repeat scroll 0 0;
    color: #fff;
    font-size: 19px;
    line-height: 22px;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}

.time-line-inner {
    background-image: url(../Images/OurStory/bgleft.png), url(../Images/OurStory/bgright.png);
    background-position: left top, right top;
    background-repeat: no-repeat, no-repeat;
    padding: 25px 20px 0 20px;
}

    .time-line-inner p {
        height: 82px
    }

#timeline .slick-slide {
    background: #999 url("http://whitecompany.scene7.com/is/image/whitecompany/timeline_bg?scl=1") repeat-x scroll left top;
    height: 458px;
}

#timeline.timeline-images.ourJourney button {
    display: block !important;
    position: absolute;
    z-index: 5;
}

#timeline.timeline-images.ourJourney .slick-slider {
    z-index: 1;
}

.slick-next, .slick-next:hover {
    background: rgba(0, 0, 0, 0) url("../images/OurStory/arrowright.png") no-repeat scroll center center;
    right: 0 !important;
    height: 25px;
    width: 30px;
}

.slick-prev, .slick-prev:hover {
    background: rgba(0, 0, 0, 0) url("../images/OurStory/arrowleft.png") no-repeat scroll center center;
    left: 0 !important;
    height: 25px;
    width: 30px;
}

.time-line-inner.last {
    background: none;
}

#timeline.timeline-images.ourJourney .time-line-inner p {
    color: #fff;
}

.time-line-inner img {
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
}

.slick-next::before, .slick-prev::before {
    content: none !important;
}

#timeline.timeline-images.ourJourney .slick-active.prev-arrow {
    width: 40px !important;
}

/*#timeline.timeline-images.ourJourney .slick-current img {
    margin-left: 10px;
}*/

#timeline .prev-arrow .time-line-inner {
    background: none !important;
}

/*LandingPage*/
#LandingSection {
    overflow: auto;
}

#leftColumn {
    width: 30%;
    margin-left: 0;
    margin-right: 12px;
    margin-bottom: 12px;
    margin-top: 0;
}

    #leftColumn img {
        background: #e6e7e8;
        padding: 0;
    }

    #leftColumn img, #topRow img, #bottomLeft img, #secondOpp img, #opportunitiesMain img, #opportunities img {
        width: 100%;
    }

    #leftColumn a, #topRow a, #bottomLeft a, #secondOpp a, #opportunities a {
        border: thin solid #ccc;
        display: block;
    }

#christmadVacancies, #whiteLife-Landing2 {
    padding: 0 22px 19px;
    margin-top: -6px;
    text-align: center;
    transition: background-color 500ms ease 300ms;
}

/*.opportunitesLanding {
    background-color: #fff;
    padding: 0 22px 19px;
    margin-top: -80px;
    text-align: center;
    transition: background-color 500ms ease 300ms;
}*/

#ourStory-Landing {
    padding: 0 22px 18px;
    margin-top: -4px;
    text-align: center;
    transition: background-color 500ms ease 300ms;
}

#leftColumn:hover #ourStory-Landing, #bottomLeft:hover #whiteLife-Landing2, #opportunitiesMain:hover .opportunitesLanding {
    background-color: #a8a4a4;
}

#ourStory-Landing h1, #opportunities-Landing h1, #whiteLife-Landing h1, #christmadVacancies h1, #bottomOpportunities-Landing h1,
#whiteLife-Landing2 h1, .opportunitesLanding h1 {
    padding: 17px 0 0;
    margin-bottom: 9px;
    text-transform: uppercase;
    transition: color 500ms ease 300ms;
}


#leftColumn:hover h1, #leftColumn:hover p, #topRow:hover h1, #topRow:hover p, #bottomLeft:hover h1, #bottomLeft:hover p,
#secondOpp:hover h1, #secondOpp:hover p, #bottomLeft:hover #whiteLife-Landing2 p, #opportunities:hover .opportunitesLanding p,
#opportunities:hover .opportunitesLanding h1, #opportunitiesMain:hover .opportunitesLanding h1, #opportunitiesMain:hover .opportunitesLanding p {
    color: #fff;
}

#ourStory-Landing p, #opportunities-Landing p, #whiteLife-Landing p, #bottomOpportunities-Landing p, #whiteLife-Landing2 p,
.opportunitesLanding p {
    margin-bottom: 0;
    transition: color 500ms ease 300ms;
}

#bottomRow {
    float: left;
    margin-bottom: 12px;
    width: 68.5%;
}

#opportunities {
    float: left;
    margin-bottom: 12px;
    width: 64.2%;
}

#topRow {
    width: 100%;
}

#opportunities-Landing, #whiteLife-Landing, #bottomOpportunities-Landing, .opportunitesLanding {
    background-color: rgba(255, 255, 255, 0.7);
    display: block;
    height: 76px;
    margin-top: -76px;
    overflow: auto;
    position: relative;
    text-align: center;
    transition: background-color 500ms ease 300ms;
    width: 100%;
    z-index: 15;
}

#opportunities-Landing {
    margin-top: -80px;
}

#whiteLife-Landing {
    height: 73px;
}

#topRow:hover #opportunities-Landing, #topRow:hover #whiteLife-Landing, #bottomLeft:hover #whiteLife-Landing,
#secondOpp:hover #bottomOpportunities-Landing, #opportunities:hover .opportunitesLanding {
    background-color: rgba(168, 164, 164, 0.8);
}

#whiteLife-Landing2 {
    display: none;
}

#secondOpp {
    display: none;
    float: left;
    position: relative;
    margin-bottom: 20px;
    z-index: 5;
}

/*#topRow img {
    display: block;
    position: relative;
    z-index: 5;
}*/

#bottomLeft {
    overflow: hidden;
    width: 33%;
    float: left;
}

#bottomRight {
    float: right;
    margin-right: 3px;
    width: 33%;
}

    #bottomRight #latestjobs_pageBlockContainer {
        border: thin solid #ccc;
    }

    #bottomRight #latestjobs_pageBlockContainer {
        background-color: rgba(168, 164, 164, 0.5);
        height: inherit;
    }

        #bottomRight #latestjobs_pageBlockContainer .pageBlockHeader {
            background-color: #fff;
        }

        #bottomRight #latestjobs_pageBlockContainer div.pageBlockTitle {
            border-bottom: thin solid #ccc;
            padding: 3px 0;
            text-align: center;
            width: 100%;
        }


#latestjobs_pageBlockContainer #latestjobs_pageBlock .carousel {
    height: 160px !important;
}

#latestjobs_pageBlock .carouselBlock {
    margin-bottom: 20px;
}

.landingMobile {
    display: none;
}

#opportunitiesMain {
    display: none;
}

    #opportunitiesMain a {
        border: thin solid #ccc;
        display: block;
        margin: 0 auto;
        width: 97%;
    }

#bottomRight #latestjobs_pageBlockContainer .rowContainerHolder8,
#bottomRight #latestjobs_pageBlockContainer .rowContainerHolder9,
#bottomRight #latestjobs_pageBlockContainer .rowContainerHolder10 {
    display: none;
}

/*Opportunities Page*/
#top-image {
    width: 100%;
}

    #top-image .title {
        margin-top: -131px;
        position: relative;
    }

    #top-image #heroSearchBlock {
        background: none;
        background-color: rgba(255,255,255,0.6);
    }

#opportunities-layout, #bottomOpp {
    width: 100%;
}

#opportunities-layout {
    overflow: auto;
    margin: 0;
}

#parentOpportunities-layout {
    margin: 30px 0 0;
    overflow: auto;	
    width: 80%;
	margin: 0 auto;
}

    #parentOpportunities-layout .CategoryBlock {
        display: block;
        float: left;
        margin: 0 1.75% 15px;
        width: 45%;
    }

    #right-topLeft, #rightOppRight {
	    float: right!important;
	    margin-right: 3px!important;
    }

        #parentOpportunities-layout .CategoryBlock:nth-child(4n) {
            margin-right: 0;
        }

        #parentOpportunities-layout .CategoryBlock:nth-child(1),
        #parentOpportunities-layout .CategoryBlock:nth-child(3n+1) {
            margin-left: 0;
        }

#leftOpp {
    float: left;
    width: 66%;
}

#rightOpp {
    float: left;
    margin-left: 2%;
    width: 32%;
}

#left-topLeft, #right-topLeft, #rightOpp {
    float: left;
    margin: 0 1.75% 15px;
    width: 31%;
}

#left-topLeft {
    margin-left: 0;
}

#rightOpp {
    margin-right: 0;
}

#bottomLeft_Bottom, #bottomRight-Bottom {
    float: left;
    width: 49%;
}

#bottomLeft_Bottom {
    margin-right: 1%;
}

#bottomRight-Bottom {
    margin-left: 1%;
}

#opportunities-layout img, #parentOpportunities-layout img {
    width: 100%;
}

#bottomOpp {
    overflow: auto;
    margin-top: 15px;
}

#topOpp {
    overflow: auto;
    margin-bottom: 10px;
    width: 100%;
}

#top-leftOpp {
    overflow: auto;
    margin-bottom: 10px;
}


#middleOpp {
    overflow: hidden;
    width: 99.8%;
}

#left-topLeft .CategoryTitleRow {
    margin: 0 auto;
    text-align: center;
    width: 160px;
}

#right-topLeft .CategoryTitleRow {
    margin: 0 auto;
    text-align: center;
    width: 85px;
}

.textpage_opportunities #right-topLeft .CategoryTitleRow {
    margin: 0 auto;
    text-align: center;
    width: auto;
}

#rightOpp .CategoryTitleRow {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

#opportunities-layout .extraText {
    display: none;
}

#opportunities-layout h1, #parentOpportunities-layout h1 {
    display: block;
    line-height: 45px;
    margin-bottom: 0;
    padding: 0 5px;
    vertical-align: middle;
}

#Item3.CategoryBlock h1 {
    padding-top: 5%;
}

.CategoryBlock .CategoryTitleRow {
    text-align: center;
}

    .CategoryBlock .CategoryTitleRow h1 {
        background-color: rgba(255,255,255,0.8);
        display: block;
        margin-top: -4px;
    }

.CategoryImage {
    position: relative;
    z-index: -1;
}

.inner {
    border: thin solid #ccc;
}

.CategoryJobsLink {
    padding: 5px;
    text-align: right;
}


#mask {
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    z-index: 11;
}

#left-topLeft, #right-topLeft, #rightOpp, #rightOppRight {
    background: #fff none repeat scroll 0 0;
    position: relative;
    z-index: 9;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.49);
}

/*Head Office*/
#right-column .sidebox.latest-vacancies.link-list h1 {
    margin: 0;
}

#right-column .sidebox.latest-vacancies.link-list #jobContainer {
    list-style: none;
}

    #right-column .sidebox.latest-vacancies.link-list #jobContainer #jobDetails {
        margin-bottom: 5px;
    }

#right-column .sidebox.latest-vacancies.link-list .jobs {
    margin-bottom: 0;
}

#right-column .sidebox.latest-vacancies.link-list a, #right-column .sidebox.latest-vacancies.link-list em {
    color: #000;
    font-weight: bold;
}

.jobCatLinks {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    float: right;
    padding: 3px;
    text-align: center;
    width: 100px;
}

/*CodeListBLock Description*/
#categorydesc_pageBlock {
    display: none;
}

#right-column.oppCatPage .sidebox, #right-column.oppCatPage .resultsBlock {
    background-color: #ccc;
    border: thin solid #ccc;
    width: 100%;
}

    #right-column.oppCatPage .sidebox h1, #right-column.oppCatPage .resultsBlock h1 {
        background-color: #fff;
        margin: 0;
        padding: 12px 0;
        text-align: center;
        width: 100%;
    }

    #right-column.oppCatPage .resultsBlock .nojobs_jobBlock p {
        padding: 0 2%;
    }

#right-column.oppCatPage #Container {
    padding: 2%;
}

#anchorCon {
    background-color: #000;
    padding: 2% 0;
    text-align: center;
    width: 100%;
}

#right-column.oppCatPage .resultsBlock .nojobs_jobBlock a {
    color: #fff;
    text-align: center;
    width: inherit;
}

#montage-images.ourLocations-montage-images {
    margin-bottom: 0;
}

    #montage-images.ourLocations-montage-images .slick-slider {
        margin-bottom: 15px;
    }

    #montage-images.ourLocations-montage-images .slick-next {
        display: none !important;
    }

/*Site Map*/
#siteMap ul {
    margin-left: 12px;
    margin-bottom: 12px;
}

#siteMap li {
    list-style: none;
}

    #siteMap li a {
        font-size: 16px;
    }

#siteMap ul ul {
    margin: 12px 0 12px 12px;
}

/*Privacy*/
ul.bullet-list {
    list-style-type: disc;
    margin-left: 30px;
}

.mar-bottom-10px {
    margin-bottom: 10px;
}

.mar-top-10px {
    margin-top: 10px;
}

#data {
    margin: 36px 0 12px;
    font-size: 1.6rem;
    color: #000;
    font-family: "Times New Roman",Times,serif;
    font-weight: normal;
    letter-spacing: normal;
    padding: 0;
    text-transform: uppercase;
}

#whiteLife-Landing .landingBoxHeader,
#whiteLife-Landing2 .landingBoxHeader {
    margin-bottom: 0;
    width: 100%;
}

#whiteLife-Landing .landingBoxContent,
#whiteLife-Landing2 .landingBoxContent {
    padding-top: 0;
    margin-bottom: 0;
}

.countdown-wrapper h1 {
    margin-bottom: 0;
}

    .countdown-wrapper h1 .date {
        font-weight: bold;
        font-size: 22px;
    }

.otherSiteLink a {
    font-size: 13px;
}

#bottomRight .noVacBlock {
    display: none;
    background-color: rgba(168, 164, 164, 0.5);
    height: inherit;
    border: thin solid #ccc;
    overflow: auto;
    margin: 0 0 10px 0;
}

    #bottomRight .noVacBlock .pageBlockHeader {
        background-color: #fff;
        border-bottom: none;
    }

        #bottomRight .noVacBlock .pageBlockHeader .pageBlockTitle {
            border-bottom: thin solid #ccc;
            padding: 3px;
            text-align: center;
            width: 98%;
        }

            #bottomRight .noVacBlock .pageBlockHeader .pageBlockTitle h1 {
                margin-bottom: 0;
                padding-bottom: 0;
            }

    #bottomRight .noVacBlock .noVacContent {
        height: auto;
        padding: 5px;
        padding-top: 0;
        margin: 10px 5px;
    }

        #bottomRight .noVacBlock .noVacContent p {
            margin-left: 5px;
        }

#bottomRight.noVacancies .noVacBlock {
    display: block;
}

/*Our People Styling*/
.divisionRow,
.division {
    width: 100%;
    float: left;
    overflow: auto;
    display: block;
    position: relative;
}

.divisionColumn {
    position: relative;
    margin: 20px 0;
}

    .divisionColumn a,
    .divisionRow a {
        border: thin solid #ccc;
        display: block;
    }

    .divisionColumn.One {
        width: 30%;
        float: left;
    }

    .divisionColumn.Two {
        width: 68%;
        float: right;
    }

.division {
    margin-bottom: 10px;
}

    .division .divisionContent {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
        background: rgba(255, 255, 255, 0.7);
        transition: background-color 500ms ease 300ms;
        padding: 17px 0;
    }

    .division:hover .divisionContent {
        background: rgba(168, 164, 164, 0.8);
    }

    .division .divisionContent h1 {
        padding-bottom: 0;
        margin-bottom: 0;
        transition: color 500ms ease 300ms;
    }

    .division:hover .divisionContent h1 {
        color: #fff;
    }

    .division .divisionImg {
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

    .division.Merchandising .divisionImg {
        height: 200px;
        background-position: 50% 20%;
    }

    .division.Finance .divisionImg {
        height: 200px;
    }

    .division.Contact .divisionImg {
        height: 400px;
    }

    .division.IT .divisionImg {
        height: 200px;
    }

    .division.People {
        width: 40%;
    }

        .division.People .divisionImg {
            height: 200px;
        }

    .division.Distribution {
        width: 57%;
        float: right;
    }

        .division.Distribution .divisionImg {
            height: 200px;
        }

    .division.Retail .divisionImg {
        background-position: 50% 100%;
        height: 187px;
    }

    .division.Multi .divisionImg {
        background-image: url(../Images/OurPeople/Divisions/Multi.jpg);
        background-position: 50% 100%;
        height: 200px;
    }

.profile {
    width: 100%;
    float: left;
    position: relative;
    display: block;
    overflow: auto;
}

    .profile .profileContent {
        width: 40%;
        float: right;
        padding-top: 10px;
    }

    .profile .profileImg {
        width: 58%;
        float: left;
        height: 500px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top center;
    }
.fluid {
    max-width: 100%;
    height: auto;
}
@media screen and (max-width:768px){
    .profile .profileImg {
        width: 100%;
        float: left;
        height: auto;
    }
}



/*Retail Images End*/

.profileRight .profileContent {
    float: left;
}

.profileRight .profileImg {
    float: Right;
}

.profile .profileSignature {
    float: left;
    width: 100%;
}

    .profile .profileSignature img {
        height: 100px;
    }
/*Our People Styling End*/




h1#EarcuIntroTextBlockTitle {
    display: block;
}

#talentpoolgrid_pageBlockContainer .pageBlockHeader {
    display: none;
}

#talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent {
    border: none;
    padding: 0;
}


    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer {
        margin: 0;
        overflow: hidden;
    }

        #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder {
            width: 32%;
            height: auto;
            position: relative;
            margin: 10px 5px 30px;
            overflow: hidden;
        }


            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer {
                margin: 0 auto !important;
                position: relative;
                overflow: hidden;
                transition: all .2s ease-in-out;
                border: none;
                background: none;
                padding: 0;
                overflow: hidden;
                border: thin solid #ccc;
            }

                #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader {
                    position: relative;
                    width: 100%;
                    float: left;
                    z-index: 2;
                    text-align: center;
                    padding: 0;
                    overflow: hidden;
                }

                    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader a {
                        text-decoration: none;
                        display: block;
                        background: rgba(168, 164, 164, 0.5);
                        transition: all .2s ease;
                        padding: 15px;
                        overflow: auto;
                        font-size: 20px;
                    }

                        #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader a:after {
                            content: "Register your interest";
                            width: 100%;
                            clear: left;
                            float: left;
                            text-align: center;
                            margin-top: 5px;
                            font-weight: normal;
                            font-size: 16px;
                        }

                    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader .rowLabel {
                        float: none;
                    }

                        #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader .rowLabel a.rcMenu {
                            color: #333;
                            font-family: "Times New Roman", Times, serif;
                        }

                #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer {
                    float: left;
                    width: 100%;
                }

                    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer {
                        padding: 0;
                        margin: 0;
                    }

                        #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer span {
                            z-index: 1;
                            transition: all .2s ease-in-out;
                        }

                            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer span a.rcMenu img {
                                width: 100%;
                                height: 284px;
                                object-fit: cover;
                                object-position: 50% 50%;
                            }

            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder:hover:before {
                top: 0px;
                left: 10px;
            }

            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder:hover .rowContainer {
                transform: scale(0.95);
                transition: all .2s ease-in-out;
            }

#alerts-box {
    text-align: center;
    overflow: hidden;
    background-image: url(../images/twc-og.png);
    background-position: 20% 30%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}

    #alerts-box .text-container {
        background-color: #D3D1D1;
        margin: 0;
        padding: 20px;
        width: 469px;
        min-height: 253px;
    }

    #alerts-box .ee-inner {
        padding: 10px;
    }

    #alerts-box ul {
        list-style: none;
    }

    #alerts-box li {
        text-align: left;
    }

    #alerts-box h2 {
        font-size: 26px;
        font-size: 2.6rem;
    }

    #alerts-box h2, #alerts-box p {
        color: #333;
        margin-bottom: 20px;
        font-family: "Times New Roman", Times, serif;
    }

        #alerts-box p.lrg {
            font-size: 22px;
            line-height: 110%;
            margin-bottom: 10px;
        }

    #alerts-box a {
        padding: 16px 27px;
        text-align: center;
        font-size: inherit;
        border: 1px solid #fff;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 1.5;
        white-space: normal;
        margin-top: 30px;
        background: #fff;
        color: #333;
        display: inline-block;
        font-family: "Times New Roman", Times, serif;
    }

        #alerts-box a:hover {
            background: rgba(168, 164, 164, 0.5);
            color: #fff;
        }

@media all and (max-width:1200px) {
    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder {
        width: 48%;
    }
}

@media all and (max-width:767px), all and (max-device-width:767px) {
    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder {
        width: 100%;
    }

    #alerts-box {
        background: none;
    }

        #alerts-box .text-container {
            width: auto;
        }

        #alerts-box .ee-inner {
            padding: 10px 15%;
        }
}

@media all and (max-width:479px), all and (max-device-width:479px) {
    #alerts-box .ee-inner {
        padding: 10px;
    }
}


/*Responsive*/
@media all and (max-width: 1656px) {

    #Home_pageView #CodeListCounts_pageBlock .listContainer .listItemContainer {
        width: 31%;
    }

    #root {
        width: 65%;
    }

    /*#JobFeedLinkForm_pageBlockContainer {
        margin: 3% auto;
    }*/
}

@media all and (max-width: 1290px) {
    #root {
        width: 82%;
    }

    #header-outer {
        width: 80%;
    }

    #Home_pageView #CodeListCounts_pageBlock .listContainer .codeListBlockLower h1 {
        font-size: 15px;
    }
}

@media all and (max-width: 1180px) {
    #montage-images {
        width: 95%;
        margin: 0 2.5% 30px;
    }

        #montage-images img {
            width: 95%;
        }
}

@media all and (max-width: 1030px) {
    #bottomRight #latestjobs_pageBlockContainer .rowContainerHolder7,
    #bottomRight #latestjobs_pageBlockContainer .rowContainerHolder8,
    #bottomRight #latestjobs_pageBlockContainer .rowContainerHolder9,
    #bottomRight #latestjobs_pageBlockContainer .rowContainerHolder10 {
        display: none;
    }
}

@media all and (max-width: 1020px) {
    #root {
        width: 95%;
    }

    #header-outer {
        width: 95%;
    }

    #bottomRight #latestjobs_pageBlock .carouselBlock {
        margin: 0;
    }

    #opportunities {
        clear: left;
    }
}

@media all and (max-width:950px) {
    /*.profile .profileImg {
        height: 300px;
        width: 30%;
    }*/

    /*.profile .profileContent {
        width: 68%;
    }*/

    .profileLeft,
    .profileRight {
        padding: 10px 20px;
        box-sizing: border-box;
    }

    .profileLeft {
        background: #fff;
    }

    .profileRight {
        background: #000;
        color: #fff;
    }
}

@media all and (max-width: 900px) {

    #parentOpportunities-layout #left-topLeft,
    #parentOpportunities-layout #right-topLeft,
    #parentOpportunities-layout #rightOpp,
    #parentOpportunities-layout #middleOpp,
    #parentOpportunities-layout #rightOppRight {
        display: block;
        float: none;
        margin: 0 auto;
        width: 100%;
	    padding-bottom: 0px;
	    margin-bottom: 10px;
    }

    #posBrowser_Filter_pageBlock .FilterContainer {
        float: left;
        text-align: center;
        width: 100%;
    }

    #posBrowser_Filter_pageBlock .HeaderContainer {
        margin-bottom: 1%;
    }

        #posBrowser_Filter_pageBlock .HeaderContainer .HeaderLabel {
            font-size: 14px;
        }

    #posBrowser_Filter_pageBlock .FilterContainer .ValueContainer {
        margin-bottom: 2%;
    }

    #posBrowser_Filter_pageBlock .FilterContainer .ValueList li {
        margin-bottom: 0;
    }

    /*#JobFeedLinkForm_pageBlockContainer {
        background-image: url("../Images/FirstAlerts.jpg");
        background-color: #F4F3F1;
    }*/

    #Home_pageView #CodeListCounts_pageBlock .listContainer .listItemContainer {
        width: 46%;
    }

    #SearchForm_pageBlockContainer div.pageBlockHeader, #quicksearch_pageBlockContainer div.pageBlockHeader {
        width: 160px;
    }

    #SearchForm_pageBlock, #SearchForm_filter_text_formRow, #SearchForm_filter_locationradius_formRow,
    #quicksearch_pageBlock, #quicksearch_filter_text_formRow, #quicksearch_filter_locationradius_formRow {
        width: 515px;
    }

    #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .inputText,
    #quicksearch_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .inputText {
        width: 200px;
    }

    /*Opportunities Page*/
    #parentOpportunities-layout {
        display: block;
        margin: 0 auto;
        overflow: auto;
        text-align: center;
        width: 100%;
    }

    #left-topLeft, #right-topLeft, #rightOpp, #middleOpp {
        display: inline-block;
        float: none;
        margin: 20px 10px;
        width: 300px;
    }

    #middleOpp {
        border: none;
        float: right;
    }

    #christmasImg2 {
        display: block;
    }

    #christmasImg {
        display: none;
    }

    #christmadVacancies {
        border: thin solid #ccc;
        margin-bottom: 0;
        margin-top: 0;
        padding: 0;
    }

        #christmadVacancies h1 {
            margin-bottom: 0;
            padding: 5% 0;
        }

    #columnMiddle .section_PersonalDetails.sectionBox .ulListItemLabel {
        margin-top: 154% !important;
        /*margin-top: 605px !important;*/
    }


    #bottomRow {
        width: 67.5%;
    }


    #latestjobs_pageBlockContainer .rowContainerHolder {
        display: none;
    }

        #latestjobs_pageBlockContainer .rowContainerHolder.rowContainerHolder1, #latestjobs_pageBlockContainer .rowContainerHolder.rowContainerHolder2,
        #latestjobs_pageBlockContainer .rowContainerHolder.rowContainerHolder3, #latestjobs_pageBlockContainer .rowContainerHolder.rowContainerHolder4,
        #latestjobs_pageBlockContainer .rowContainerHolder.rowContainerHolder5 {
            display: block;
        }

    #bottomRight {
        margin-right: 8px;
    }

    #LandingPageAlert {
        margin-right: 8px;
    }

    .textpage_landingpage #main-image, .textpage_landingpage #LandingPageAlert, .textpage_landingpage #header, #christmasBanner {
        width: 98.8%;
    }

    #left-topLeft, #right-topLeft, #rightOpp, #middleOpp {
        display: inline-block;
        float: none;
        margin: 20px 10px;
        width: 300px;
    }
}

@media all and (max-width: 807px) {
    #latestjobs_pageBlockContainer .pageBlockHeader h1 {
        font-size: 16px;
    }

    .divisionColumn.One,
    .divisionColumn.Two {
        width: 100%;
        float: left;
        margin: 10px 0;
    }

    .divisionColumn.One {
        margin-bottom: 0;
    }

    .division .divisionImg {
        height: 200px !important;
    }

    .division.People, .division.Distribution {
        width: 100%;
    }
}

@media all and (max-width: 787px) {
    #jobFeedImg {
        display: block;
        background-color: #F4F3F1;
        position: relative;
        z-index: 10;
    }

    #JobFeedLinkForm_pageBlockContainer .pageBlockContainerMiddle {
        background-color: rgba(244, 243, 241, 0.7);
    }

    #JobFeedLinkForm_pageBlockContainer .pageBlockContainerMiddle {
        overflow: hidden;
        width: 99%;
    }


    #JobFeedLinkForm_pageBlockContainer .pageBlockHeader {
        float: left;
        text-align: center;
    }

    #JobFeedLinkForm_pageBlockContainer .pageBlockTitle {
        float: left;
        width: 99%;
    }

    #JobFeedLinkForm_linktojobfeed_formRow {
        width: 100%;
    }

    #SearchForm_pageBlockContainer h1, #quicksearch_pageBlockContainer h1 {
        font-size: 15px;
    }

    #SearchForm_pageBlockContainer div.pageBlockHeader, #quicksearch_pageBlockContainer div.pageBlockHeader {
        width: 137px;
    }

    #SearchForm_pageBlock, #SearchForm_filter_text_formRow, #SearchForm_filter_locationradius_formRow,
    #quicksearch_pageBlock, #quicksearch_filter_text_formRow, #quicksearch_filter_locationradius_formRow {
        width: 500px;
    }

    #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .inputText,
    #quicksearch_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .inputText {
        width: 95%;
    }

    #Home_pageView #CodeListCounts_pageBlock .listContainer .codeListBlockLower {
        height: 40px;
        margin-top: -40px;
    }

    #main {
        padding: 0;
    }

    #right-column {
        width: 33%;
    }
}

@media all and (max-width:750px) {
    /*.profile .profileImg {
        float: left;
        width: 100%;
        background-position: 50% 0% !important;
        height: 400px;
    }*/

    .profile .profileContent {
        float: left;
        width: 100%;
    }
}

@media all and (max-width: 740px) {
    #topRow {
        display: none;
    }

    #secondOpp {
        display: block;
    }

    #LandingSection #leftColumn {
        width: 40%;
    }

    #LandingSection #bottomRow {
        width: 57%;
        display: none;
    }

    #bottomLeft {
        width: 57%;
    }

    #bottomRight {
        float: left;
        margin-right: 0;
        width: 57%;
    }

    #LandingSection #bottomRow #bottomLeft, #LandingSection #bottomRow #bottomRight {
        margin: 0;
        width: 100%;
    }

    #bottomRight #latestjobs_pageBlockContainer {
        margin-top: 12px;
        width: 99%;
    }


    #opportunities, #secondOpp {
        width: 98.5%;
    }


    #latestjobs_pageBlockContainer .rowContainerHolder {
        display: none !important;
    }

        #latestjobs_pageBlockContainer .rowContainerHolder.rowContainerHolder1, #latestjobs_pageBlockContainer .rowContainerHolder.rowContainerHolder2,
        #latestjobs_pageBlockContainer .rowContainerHolder.rowContainerHolder3 {
            display: block !important;
        }

    #LandingPageAlert {
        margin-right: 0;
        width: 98%;
    }
}

@media all and (max-width: 727px) {
    #SearchForm_pageBlock, #SearchForm_filter_text_formRow, #SearchForm_filter_locationradius_formRow,
    #quicksearch_pageBlock, #quicksearch_filter_text_formRow, #quicksearch_filter_locationradius_formRow {
        width: 430px;
    }

    #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .inputText,
    #quicksearch_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .inputText {
        width: 95%;
    }

    #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow,
    #quicksearch_pageBlockContainer div.pageBlockInner_FormBlock div.formRow {
        width: 44%;
    }

    #quicksearch_SaveButtonRow_formRow {
        width: auto !important;
    }

    .full-width .itemContainer {
        width: 47%;
        margin-bottom: 10px;
    }

    #columnBottom .sectionBox.five.half.last {
        width: 97%;
    }

        #columnBottom .sectionBox.five.half.last .ulListItemLabel {
            margin-top: 20%;
        }


    /*Expierment home code list*/
    #column2 {
        position: relative;
        z-index: 1000;
    }

    #Home_pageView #CodeListCounts_pageBlock .listContainer .listItemImageContainer > .codelistImgMobile {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100%;
        z-index: 5;
    }

    #Home_pageView #CodeListCounts_pageBlock .listContainer .listItemImageContainer > .codelistImgDesktop {
        display: none;
    }

    #Item6 .codeListBlockLower .listItemTitle {
        margin-top: 30px;
    }

    #Item10 {
        position: relative;
        z-index: 7;
    }

    .column.full-width.two, #column4 {
        display: table;
        overflow: auto;
        position: relative;
        z-index: 4;
    }

    /*#Item7 img{
        max-height: 275px;
    }*/

    .hover_effect .codeListBlockLower {
        background-color: rgba(168,164,164,0.8);
    }

    #Home_pageView #CodeListCounts_pageBlock .listContainer .codeListBlockLower {
        margin-top: -80px;
        height: 80px;
    }

        #Home_pageView #CodeListCounts_pageBlock .listContainer .codeListBlockLower .listItemCountContainer {
            height: 22px;
        }

    #column1 .itemContainer {
        float: left;
    }

    .column.third {
        width: 48%;
    }

        .column.third:nth-child(2n+1) {
            clear: left;
        }
}

@media all and (max-width: 700px) {
    #columnMiddle .section_PersonalDetails.sectionBox .ulListItemLabel {
        margin-top: 158.5% !important;
    }
}

@media all and (max-width: 690px) {
    #center-column {
        width: 90%;
        margin: 0 5%;
        margin-bottom: 10px;
    }

    #divider1 {
        display: none;
    }

    #right-column {
        margin: 0 5%;
        width: 90%;
    }

    .divider {
        left: 46%;
        top: 61.5%;
    }

    #TwitterBlock_pageBlockContainer, #latestjobs_pageBlockContainer {
        width: 49%;
        float: left;
        margin: 0 0.5%;
    }

    #ourStoryImg {
        float: left;
        margin-right: 20px;
    }

    .large-quote {
        margin-top: 10%;
    }

    #ourStoryDivider {
        display: none;
    }

    .column.five-eighths {
        width: 90%;
    }

    .column.three-eighths {
        width: 100%;
    }

        .column.three-eighths img {
            display: block;
            margin: 0 auto;
            width: 300px;
        }

    .column.five-eighths.bottom {
        display: block;
    }

    .column.five-eighths .pad-40px .signiture {
        display: none;
    }

    #posBrowser_ResultsGrid_pageBlock div.ListGridContainer, .pageBlockInner_GridBlock .ListGridContainer .rowHeader {
        overflow: hidden;
    }


    #opportunities, #secondOpp, #LandingPageAlert {
        width: 99%;
    }
}

@media all and (max-width: 655px) {
    #Home_pageView #CodeListCounts_pageBlock .listItemContainer {
        max-width: 40%;
        width: 100%;
    }

    .possharing a {
        margin-bottom: 5px;
    }

    #AlertSub {
        width: 100% !important;
    }

    #posdesc_pageBlock .ThirdRow .column {
        width: 50%;
    }

    #Home_pageView #CodeListCounts_pageBlock .listContainer .listItemRightContainer {
        margin-left: 10%;
    }

    #Home_pageView #CodeListCounts_pageBlock .listItemContainer {
        max-width: 45%;
    }

    #posBrowser_Filter_pageBlock .FilterContainer .ValueList li {
        margin-bottom: 3%;
    }

    #login_pageBlock .labelContainer {
        text-align: left;
        width: 10%;
    }

    #login_pageBlock .controlContainer {
        width: 80%;
    }

    #login_pageBlock .pageBlockInner_FormBlock input.inputText {
        width: 100%;
    }

    #newregister_pageBlock .labelContainer {
        width: 25%;
    }

    #newregister_pageBlock .controlContainer {
        width: 69%;
    }

        #newregister_pageBlock .controlContainer .inputText {
            width: 100%;
        }

    #SearchForm_pageBlockContainer div.pageBlockContent,
    #quicksearch_pageBlockContainer div.pageBlockContent {
        float: none;
        width: 100%;
    }

    #SearchForm_pageBlockContainer div.pageBlockHeader,
    #quicksearch_pageBlockContainer div.pageBlockHeader {
        float: none;
        padding-bottom: 6px;
        width: 100%;
    }

    #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow,
    #quicksearch_pageBlockContainer div.pageBlockInner_FormBlock div.formRow {
        float: left;
        width: 90%;
    }

        #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer,
        #quicksearch_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer {
            clear: both;
            float: none;
            margin-bottom: 10px;
            margin-left: 0 !important;
            margin-right: 0;
            margin-top: 0;
            width: auto;
        }

            #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .inputText,
            #quicksearch_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .inputText {
                width: 98%;
            }


    #SearchForm_pageBlockContainer h1,
    #quicksearch_pageBlockContainer h1 {
        font-size: 18px;
    }

    #SearchForm_SaveButtonRow_formRow,
    #quicksearch_SaveButtonRow_formRow {
        margin-top: 3px;
    }

    #quicksearch_filter_locationradius_formRow {
        margin-left: 0px;
    }

    #top-image .title {
        margin-top: -65px;
    }

    #searchContainer #heroSearchBlock {
        margin-top: 75px;
    }

    .tooltip2_Surround_FormToolTip > .tooltip2_Outer {
        display: none !important;
    }

    /*#Item10 {
        margin-top: -47%;
    }*/

    #JobFeedLinkForm_pageBlockContainer {
        background-size: cover;
        height: auto;
    }

        #JobFeedLinkForm_pageBlockContainer .pageBlockHeader {
            width: 100%;
            overflow: hidden;
        }

    #JobFeedLinkForm_linktojobfeed_formRow .buttonsRight {
        float: left;
    }

        #JobFeedLinkForm_linktojobfeed_formRow .buttonsRight li {
            width: 100%;
        }

    #JobFeedLinkForm_pageBlockContainer #JobFeedLinkForm_pageBlock {
        float: left;
        width: 100%;
    }

        #JobFeedLinkForm_pageBlockContainer #JobFeedLinkForm_pageBlock #JobFeedLinkForm_linktojobfeed_formRow .buttonsRight li {
            width: 50%;
        }

            #JobFeedLinkForm_pageBlockContainer #JobFeedLinkForm_pageBlock #JobFeedLinkForm_linktojobfeed_formRow .buttonsRight li a {
                margin-top: 0;
                margin-bottom: 4%;
            }
}

@media all and (max-width: 620px) {
    .divider {
        left: 48%;
        top: 61.5%;
    }

    /*Landing page Mobile*/
    #secondOpp {
        display: none;
    }

    #topRow, #LandingSection #bottomRow {
        display: block;
        width: 100%;
    }

        #topRow a, #LandingSection #bottomRow #bottomRight a, #LandingSection #bottomRow #bottomLeft a {
            margin: 0 auto;
            width: 97%;
        }

    #LandingSection #leftColumn {
        width: 100%;
    }

        /*#LandingSection #leftColumn img {
            display: block;
            margin: 0 auto;
            padding: 0 0 5px;
            width: 295px;
        }*/

        #LandingSection #leftColumn a, #bottomLeft a, #bottomRight #latestjobs_pageBlockContainer {
            background-color: #E6E7E8;
            margin: 0 auto;
            padding-left: 0;
            padding-right: 0;
            width: 97%;
        }

    #bottomRight #latestjobs_pageBlockContainer {
        float: none;
    }

    #ourStory-Landing {
        background-color: #fff;
        padding: 0 0 15px;
        width: 100%;
    }

    #whiteLife-Landing, #opportunities {
        display: none;
    }

    #whiteLife-Landing2 {
        display: block;
        background-color: #fff;
    }

    #opportunitiesMain {
        display: inline-block;
        margin-top: 12px;
        width: 100%;
    }

    #opportunitiesMain, #bottomRight {
        margin-bottom: 12px;
    }

    .landingMobile {
        display: block;
        margin: 0 auto;
        padding: 0 0 5px;
    }

    .landingDesktop {
        display: none;
    }

    #bottomLeft {
        width: 100%;
    }

    #bottomRight {
        width: 100%;
    }

        #bottomRight #latestjobs_pageBlockContainer {
        }

    #LandingPageAlert {
        width: 100% !important;
    }

        #LandingPageAlert #JobFeedLinkForm_pageBlockContainer {
            display: block;
            margin: 0 auto;
            width: 97% !important;
        }

    #christmasBanner .seasonalDesktop {
        display: none;
    }

    #christmasBanner .seasonalMobile {
        display: block;
    }

    #christmasBanner {
        width: 98.8%;
    }
}

@media all and (max-width: 590px) {
    #christmadVacancies h1, #topRight-Text h1 {
        font-size: 16px;
    }

    #headOfficeTitle {
        font-size: 16px !important;
        height: 100% !important;
        line-height: 30px !important;
    }

    #posdesc_pageBlock .SecondRow .posContentWrapper .column {
        width: 100%;
    }
}

@media all and (max-width: 560px) {

    #login_pageBlock .controlContainer {
        clear: left;
    }

    #JobFeedLinkForm_linktojobfeed_formRow {
        float: right;
        width: 100%;
    }

        #JobFeedLinkForm_linktojobfeed_formRow .buttonsRight {
            float: right;
            overflow: hidden;
            width: 100%;
        }


        #JobFeedLinkForm_linktojobfeed_formRow .buttonActionId_linktojobfeed {
            overflow: hidden;
            width: 100%;
        }

    #Pos_Find_Results_pageView .pageBlockInner_GridBlock .sortingText {
        margin-right: 0;
    }

    .divider {
        left: 254px;
    }

    .large-quote {
        margin-top: 0;
    }

    /*Expierment home code list*/
    #column2 {
        margin-top: 0;
        position: relative;
        z-index: 1000;
    }


    #Item6 .codeListBlockLower, #Item10 .codeListBlockLower {
        border: none;
        /*height: 40px !important;
        margin-top: -40px !important;*/
        width: 100% !important;
    }

    #Home_pageView #CodeListCounts_pageBlock .listContainer .codeListBlockLower:hover {
        background-color: rgba(168,164,164,0.8);
        height: 80px !important;
        margin-top: -80px !important;
        -webkit-transition: ease-in 0.5s;
        -moz-transition: ease-in 0.5s;
        -o-transition: ease-in 0.5s;
        transition: ease-in 0.5s;
        overflow: hidden;
    }

    #Item8 {
        margin-top: initial;
        position: relative;
        z-index: 7;
    }

    #Item10 {
        margin-top: initial;
        position: relative;
        z-index: 7;
    }

    .column.full-width.two, #column4 {
        display: block;
        overflow: auto;
        position: relative;
        z-index: 4;
    }

    .column.half {
        float: none;
        margin: 0 auto;
        width: 300px;
    }

    .sectionsSummaryContainer #columnRight.full-width {
        float: none;
        margin: 0 auto;
        width: 300px;
    }

        .sectionsSummaryContainer #columnRight.full-width .last {
            margin: 0;
            width: 99%;
        }

            .sectionsSummaryContainer #columnRight.full-width .last .ulListItemLabel {
                margin-top: 67% !important;
            }

    /*Application mobile*/
    #columnRight .sectionBox, .sectionsSummaryContainer #columnBottom .one, .sectionsSummaryContainer #columnRemaining .sectionBox {
        float: left;
        margin: 10px 0;
        width: 99%;
    }

    #columnBottom.full-width, .sectionsSummaryContainer #columnRemaining {
        float: none;
        margin: 0 auto;
        width: 300px;
    }

        .sectionsSummaryContainer #columnRemaining .sectionBoxInner {
            margin: 0;
        }

    .sectionsSummaryContainer #columnBottom .sectionBox.one .ulListItemLabel {
        margin-top: 67% !important;
    }

    #columnBottom.column.full-width .section_SubmitAndDeclarations .sectionBoxInner {
        background-image: url("../Images/SD_Square.jpg");
    }

    /*.column.full-width .section_SubmitAndDeclarations {
        background-image: url("../Images/SD_Square.jpg");
    }*/

    /*Application Form*/

    .full-width .itemContainer {
        width: initial !important;
    }

    .itemContainer {
        margin-bottom: 12px !important;
    }

    #Item7 {
        margin-top: 0;
    }
}

@media all and (max-width: 544px) {
    #divider2 {
        display: none;
    }

    #TwitterBlock_pageBlockContainer, #latestjobs_pageBlockContainer {
        width: 99%;
    }

    #latestjobs_pageBlockContainer {
        margin-bottom: 10px;
    }

    /*Opportunities Page*/
    #opportunities-layout {
        margin: 30px auto;
        width: 300px;
    }

    #topOpp {
        margin-bottom: 0;
    }

    #bottomOpp {
        margin-top: 0;
    }

    #bottomLeft_Bottom {
        margin-bottom: 15px;
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {
        #navigation {
            margin: 0 auto;
            overflow: auto;
            width: 100%;
        }

            #navigation > li {
                width: 25%;
            }

        .main-navigation a, .main-navigation a:visited {
            padding: 0;
        }
    }
}

@media all and (max-width: 545px) {

    #header .blog-link {
        display: none;
    }

    #mobileMenuCon {
        height: 54px;
        float: left;
        width: 17%;
    }

    #LogoMobile {
        display: block;
    }

        #LogoMobile img {
            display: block;
            margin: 0 auto;
        }

    #logo {
        display: none;
    }

    #logo {
        margin: 12px 21% 0;
    }

        #logo img {
            width: 100%;
            height: auto;
        }

    #header {
        height: auto;
        overflow: auto;
        padding-top: 0;
    }

    #NavigationSection nav {
        display: none;
    }

    #mobileMenuButton {
        display: block;
        height: 100%;
        vertical-align: middle;
    }

    #opportunitiesMain {
        display: inline-block;
    }

    #NavigationSection.main-navigation {
        height: 100%;
        padding: 5px 0;
        width: 70%;
    }

    /*#candidateControls {
        padding-right: 2%;
        padding-top: 3%;
    }*/

    #NavigationSection.main-navigation {
        height: 100%;
        padding: 5px 0;
        width: 50%;
        display: none;
    }

    #LogoMobile img {
        display: block;
        width: 240px;
        /*height: 32px;*/
    }

    #mobileMenuButton {
        float: left;
        font-size: 14px;
        left: 3.125%;
        position: relative;
        top: 30px;
        width: 60px;
    }

        #mobileMenuButton > span {
            background: rgba(0, 0, 0, 0) url("../Images/nav-icons.png") no-repeat scroll 0 -463px;
            display: block;
            height: 20px;
            overflow: hidden;
            text-indent: -999px;
            width: 60px;
        }

    #LogoMobile {
        padding: 1rem 0;
        position: relative;
        width: 240px;
        display: block;
        margin: auto;
    }

    #Pos_Find_Results_pageView #posBrowser_ResultsGrid_pageBlock .pagingControls_Tiles {
        float: none;
        margin: 0 auto;
        overflow: auto;
        width: 140px;
    }

    #Pos_Find_Results_pageView .pageBlockInner_GridBlock .TilesGridSortingInnerContainer {
        width: 180px !important;
    }

    #Pos_Find_Results_pageView .pageBlockInner_GridBlock .sortingText, #Pos_Find_Results_pageView .pageBlockInner_GridBlock .sortingCurrent {
        text-align: initial;
        width: auto;
    }
}

@media all and (max-width: 515px) {

    #Pos_Description_pageView .SecondRow .column {
        width: 100%;
    }

    #posdesc_pageBlock ul.jobSum {
        text-align: center;
    }

    #posdesc_pageBlock .jobValues {
        margin-top: 0;
    }

    #login_pageBlock .controlContainer {
        width: 98%;
    }

    #login_SaveButtonRow_formRow, #login_buttons2_formRow {
        margin-top: 3%;
    }

    #login_SaveButtonRow_formRow, #login_buttons2_formRow, #login_pageBlockContainer .buttonsRight, #login_pageBlockContainer ul, #login_pageBlockContainer li, .buttonActionId_save {
        width: 100%;
        text-align: center;
        overflow: hidden;
    }

    .buttonActionId_forgotten {
        width: 99%;
    }

    #newregister_pageBlock .labelContainer {
        width: auto;
    }

    #newregister_pageBlock .formLabel {
        text-align: left;
    }

    #newregister_pageBlock .controlContainer {
        clear: left;
        width: 98%;
    }

    #newregister_buttons_formRow {
        margin-top: 2%;
        width: 99%;
    }

        #newregister_buttons_formRow .buttonsRight, #newregister_buttons_formRow ul, #newregister_buttons_formRow li, #newregister_buttons_formRow .buttonActionId_register {
            width: 100%;
        }


    /*Login or Register*/
    #Application_Login_pageView #login_SaveButtonRow_formRow .buttonsLeft, #Application_Login_pageView #newregister_buttons_formRow .buttonsLeft {
        display: none;
    }

    #Application_Login_pageView #login_buttons2_formRow {
        margin-top: 0;
    }

    #Application_Login_pageView #login_pageBlock .buttonActionId_forgotten {
        padding-left: 0;
        padding-right: 4px;
    }

    /*Alert pop up box*/
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.dialog_noTitle {
        width: 300px !important;
        left: 5px !important;
    }

    #lookupResults_gridTable {
        width: 274px !important;
    }

    #lookupResults_pageBlock .gridContentWithHeader {
        width: 273px;
    }

    #modalcodelistlookup_pageBlock .labelContainer, .ui-dialog #LookupFilterBlock_pageBlock .labelContainer {
        width: auto;
    }

    #modalcodelistlookup_SaveButtonRow_formRow .buttonsRight, #modalcodelistlookup_SaveButtonRow_formRow .buttonsRight li {
        width: 100%;
    }

        #modalcodelistlookup_SaveButtonRow_formRow .buttonsRight li .buttonSubmit {
            width: 100%;
            padding-left: 0;
            padding-right: 0;
            text-align: center;
            margin: 5px 0;
            margin-left: 0px !important;
        }

    #MyJobFeed_modalcodelistlookup_name {
        width: 268px;
    }

    #montage-images img {
        width: 99%;
    }

    #subNav a:first-child, #subNav a:nth-child(3) {
        margin-left: 0;
    }

    #subNav a:last-child, #subNav a:nth-child(2) {
        margin-right: 0;
    }

    #subNav a {
        margin-bottom: 10px;
        width: 48%;
    }

    /*Our Story*/
    #ourStoryImg {
        float: none;
    }

        #ourStoryImg > img {
            display: block;
            margin: 0 auto;
            width: 260px;
        }

    /*No Vacancies Block*/
    #Home_pageView #noPositions_pageBlockContainer .leftContainer, #Home_pageView #noPositions_pageBlockContainer .rightContainer {
        float: left;
        margin-bottom: 10px;
        width: 100%;
    }

    #Home_pageView #noPositions_pageBlockContainer .content_register, #Home_pageView #noPositions_pageBlockContainer .content_login {
        width: 99%;
        margin-right: 0;
        margin-left: 0;
    }

    .topContainer {
        width: 99%;
    }

    /*Appliaction Form*/
    .pageBlockInner_GridBlock .ListGridContainer .rowLabel {
        width: 100%;
    }

    #MyDetails_pageView .pageBlockContainer .rowHeader .rowlink,
    #Grid_EQUALOPS_pageBlock .rowHeader .rowlink,
    #Grid_PERSONALDETAILS_pageBlock .rowHeader .rowlink {
        background: #fff none repeat scroll 0 0;
        box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.49);
        float: right;
        padding: 5px;
    }

    #Grid_EQUALOPS_pageBlock .rowHeader {
        float: right;
    }

    #Edit_PERSONALDETAILS_pageBlockContainer .pageBlockInner_FormBlock div.labelContainer,
    .pageBlockInner_FormBlock div.labelContainer {
        text-align: left;
    }

    #Edit_PERSONALDETAILS_pageBlockContainer .controlContainer.controlContainer_Editable,
    #Edit_PERSONALDETAILS_pageBlockContainer .controlContainer.controlContainer_Editable input,
    #Edit_PERSONALDETAILS_pageBlockContainer .controlContainer.controlContainer_Editable select {
        width: 100%;
    }

    div.pageBlockInner_FormBlock div.formRow {
        margin-bottom: 5px;
    }
}

@media all and (max-width: 480px) {
    .full-width .itemContainer {
        width: 98%;
    }

    #Item4 {
        height: initial;
    }

    #LandingSection #bottomRow #bottomLeft a {
        margin: 0 auto;
        width: 97%;
    }

    #topRow #opportunities-Landing {
        margin-top: -5px;
    }
}

@media all and (max-width: 450px) {
    #Home_pageView #CodeListCounts_pageBlock .listContainer {
        margin: 0;
        width: auto;
    }

    #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow,
    #quicksearch_pageBlockContainer div.pageBlockInner_FormBlock div.formRow {
        width: 85%;
    }

    /*My Home Action list*/
    #ToDoList_pageBlock .buttonsRight, #ToDoList_pageBlock .buttonsRight li, #ToDoList_pageBlock .buttonsRight li a {
        overflow: hidden;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        width: 100%;
    }

    #headOfficeTitle h1, #Opportunities h1 {
        font-size: 12px;
    }

    .column.third {
        width: 100%;
    }
}

@media all and (max-width: 417px) {
    /*Footer*/
    #footerContainer {
        width: 311px;
    }

    #megamenu-footer {
        height: 185px;
    }

    #Home_pageView #CodeListCounts_pageBlock .listContainer {
        margin: 0;
        width: auto;
    }

    #main-image .title {
        font-size: 11px;
    }

    #megamenu-footer ul {
        margin-bottom: 4%;
    }

    #LogoMobile img {
        display: block;
        width: 149px;
        height: 32px;
    }

    #mobileMenuButton {
        float: left;
        font-size: 14px;
        left: 3.125%;
        position: relative;
        top: 18px;
        width: 60px;
    }

        #mobileMenuButton > span {
            background: rgba(0, 0, 0, 0) url("../Images/nav-icons.png") no-repeat scroll 0 -463px;
            display: block;
            height: 20px;
            overflow: hidden;
            text-indent: -999px;
            width: 60px;
        }

    #LogoMobile {
        padding: 1rem 0;
        position: relative;
        width: 149px;
        display: block;
        margin: auto;
    }

    #posdesc_pageBlock .ThirdRow .column {
        width: 100%;
    }

    #posBrowser_Filter_pageBlock .filtersSummary .filtersSummaryTextContainer {
        width: 100%;
    }

    #posBrowser_Filter_pageBlock .filtersSummary .alternateViews {
        float: left;
        margin: 2% 0;
        padding: 1% 0;
    }

    #posBrowser_Filter_pageBlock .filtersExpander {
        padding: 1% 0;
    }

    #posBrowser_Filter_pageBlock .filtersSummary .alternateViews, #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a {
        width: 100%;
        margin-right: 0;
    }

        #posBrowser_Filter_pageBlock .filtersExpander, #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a, #posBrowser_Filter_pageBlock .filtersSummary .filtersSummaryTextContainer {
            text-align: center;
        }

            #posBrowser_Filter_pageBlock .filtersSummary .alternateViews:hover, #posBrowser_Filter_pageBlock .filtersExpander:hover, #posBrowser_Filter_pageBlock .filtersExpander:hover a {
                background-color: #000;
                color: #FFF;
            }

            #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a:hover, #posBrowser_Filter_pageBlock .filtersExpander .filtersExpanderButton:hover {
                color: #FFF;
            }


    #posBrowser_Filter_pageBlock .FilterContainer .ValueList li {
        margin-bottom: 5%;
    }


    #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow,
    #quicksearch_pageBlockContainer div.pageBlockInner_FormBlock div.formRow {
        width: 83%;
    }

    .column.full-width, .sectionsSummaryContainer #columnRight.full-width {
        margin-bottom: 10px;
        width: 99%;
    }

    #Application_Home_pageView #sectionslist_pageBlock .ulListItem, #Application_Home_pageView #sectionslist_pageBlock .ulListItem:hover {
        margin: 0;
    }

    #left-topLeft, #right-topLeft, #rightOpp, #middleOpp {
        margin: 20px 0;
    }

    /*Alert*/
    #MyJobFeedForm_ajaxButtons_formRow .buttonsRight, #MyJobFeedForm_ajaxButtons_formRow .buttonsRight li, #MyJobFeedForm_ajaxButtons_formRow .buttonsLeft,
    #MyJobFeedForm_ajaxButtons_formRow .buttonsLeft li {
        width: 100%;
    }

        #MyJobFeedForm_ajaxButtons_formRow .buttonsRight li a, #MyJobFeedForm_ajaxButtons_formRow .buttonsLeft li a, #MyJobFeedForm_ajaxButtons_formRow .buttonsRight li .buttonSubmit {
            width: 100%;
            padding-left: 0;
            padding-right: 0;
            text-align: center;
            margin: 5px 0;
            margin-left: 2px;
        }
}

@media all and (max-width: 350px) {
    #headOfficeTitle h1, #Opportunities h1 {
        font-size: 9px;
    }
}

@media screen and (max-width: 800px) {
    /* Footer */
    #awardsContainer,
    #footerContainer {
        display: block;
        width: 100%;
    }

    #awardsContainer {
        text-align: left;
    }

    #footerContainer {
        margin-top: 20px;
    }

    #megamenu-footer {
        height: 100%;
        padding: 45px 0;
    }

    .glassdoor-img {
        margin-top: 10px;
        margin-left: 10px;
    }

    #awardsContainer .container-inner .awards-img {
        float: none;
    }

    #awardsContainer .container-inner .linkedin-img {
        float: none;
        margin-left: 20px;
    }
}
/**newest for DivisionsTwo**/

.contain, .contain::before, .contain::after,
.onerow, .onerow::before, .onerow::after,
.eacol-33, .eacol-33::before, .eacol-33::after,
.eacol-100, .eacol-100::before, .eacol-100::after {
    box-sizing: border-box;
}

.contain {
    width: 1062px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media screen and (max-width:1450px) {
    .contain {
        width: 100%;
    }
}

.onerow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: 18px;
}

.onerow-nomar {
    margin-bottom: 0;
}

.eacol-33 {
    position: relative;
    padding-left: 18px;
    padding-right: 18px;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    min-height: 40px;
}

@media screen and (max-width:992px) {
    .eacol-33 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.eacol-100 {
    position: relative;
    padding-right: 18px;
    padding-left: 18px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    min-height: 40px;
}

@media screen and (max-width:992px) {
    .onerow {
        margin-bottom: 0;
    }

    .eacol-33, .eacol-100 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: 18px;
    }

    .eacol-nopad {
        padding-bottom: 0;
    }
}

.n-section {
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.49);
    display: flex;
}

.n-buying {
    background-image: url(../Images/newpeople/Our_People_Buying_316X316px.jpg);
    min-height: 316px;
}

.n-retail {
    background-image: url(../Images/newpeople/Our_People_Retail_316X316px.jpg);
    min-height: 316px;
}

.n-it {
    background-image: url(../Images/newpeople/Our_People_IT_316X316px.jpg);
    min-height: 316px;
}

.n-creative {
    background-image: url(../Images/newpeople/Our_People_Creative_316X316px.jpg);
    min-height: 316px;
}

.n-finance {
    background-image: url(../Images/newpeople/Our_People_Finance_316X316px.jpg);
    min-height: 316px;
}

.n-people {
    background-image: url(../Images/newpeople/Our_People_HR_316X316px.jpg);
    min-height: 650px;
}

.n-marketing {
    background-image: url(../Images/newpeople/Our_People_Marketing_316X316px.jpg);
    min-height: 316px;
}

.n-merchandising {
    background-image: url(../Images/newpeople/Our_People_Merch_316X316px.jpg);
    min-height: 316px;
}

.n-contact {
    background-image: url(../Images/newpeople/Our_People_CC_316X316px.jpg);
    min-height: 316px;
}

.n-hands {
    background-image: url(../Images/newpeople/Our_People_HS_316X316px.jpg);
    min-height: 316px;
}

.n-distribution {
    background-image: url(../Images/newpeople/Our_People_DC_316X316px.jpg);
    min-height: 316px;
}

.n-qualitya {
    background-image: url(../Images/newpeople/Our_People_QA_948X200px.jpg);
    min-height: 200px;
}

.n-digital {
    background-image: url(../Images/newpeople/Our_People_Digital_948X200px.jpg);
    min-height: 200px;
}

a.n-content-link {
    display: block;
    width: 100%;
}


.n-content-top {
    height: calc(100% - 72px);
    display: flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.n-content {
    height: 72px;
    background-color: white;
    display: flex;
    width: 100%;
    text-align: center;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    align-items: center;
    justify-content: center;
}

    .n-content h1 {
        padding-top: 27px;
    }

/****/