html {
    font-size: 62.5%;
}

body {
    margin: 0px;
    padding: 5px 0 0 0;
    font-family: 'MyliusModernRegular', Arial, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    background: #e8e9e9 !important;
}

#ExtContainer {
    width: 1178px;
    height: 100%;
    margin: 31px auto 1px auto;
    background-color: #FFFFFF;
}

#container {
    padding: 0 99px;
    border-bottom: 1px solid #e8e9e9;
}
.container-fluid{
    width:94% !important;
    max-width:1178px;
    background-color:#fff;
    margin-top:31px;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
}

/*
** HEADER SECTION
*/

#headerBar {
    width: 100%;
}

.logo {
    float: left;
    width: 250px;
    margin: 29px 0 28px 0;
}

.headerRight {
    float: right;
}

.headerRight a {
    display: inline-block;
    padding: 14px 28px;
    text-align: center;
    color: #FFF;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    text-decoration: none;
    margin: 0 auto;
}

.container-fluid .expanded-container > div
{
    background: #f0f0f0;
    display: none;
}

    .container-fluid .expanded-container > div.active
    {
        padding: 29px 99px;
    }

.candidateControls
{
    margin: 40px 0;
    overflow: auto;
}

    .candidateControls .candidateControl
    {
        display: block;
        float: left;
        margin-left: 6px;
    }

        .candidateControls .candidateControl:hover,.candidateControls .candidateControl:focus
        {
            cursor: pointer;
        }

/*
** MENU SECTION
*/

#menu {
    display: table;
    padding:0;
    margin-top:0;
    width:100%;
}

#menu li {
    display: table-cell;
    vertical-align: middle;
    background-color: #F0F0F0;
}

#menu li a {
    display: block;
    padding: 15.5px 10px;
    text-decoration: none;
    font-family: 'MyliusModernRegular', Arial, sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    color: #14417C;
}

/*#menu li:hover {
    background-color: #124273;
}

#menu li:hover a {
    color: #FFF;
}*/

    #menu.mainMenu.Desktop li:hover,#menu.mainMenu.Desktop li:focus {
        background-color: #124273;    
    }

        #menu.mainMenu.Desktop li:hover a,#menu.mainMenu.Desktop li:focus a {
            color: #FFF;
        }

#menu li.active a {
    
    color: #FFF;
}

    #menu li.active {
        background-color: #124273;
    }
    
    #menu li.active li {
        background-color: #124273;
    }
#menu ul.secondary {
    display: none;
}

#menu.mainMenu li .subMenu{
    display: none ;
}

/*
** Breadcrumb
*/

.breadCrumb {
    margin: 19px 0 0 18px;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-size: 1.1rem;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

.breadCrumb a {
    color: #444444;
    text-decoration: none;
}

.breadCrumb ul li {
    display: inline;
}

.breadCrumb ul li:before {
    content: ">";
    margin: 0 5px;
    color: #444444;
}
.breadCrumb ul li:first-child:before {
    content: "";
    margin: 0;
}

.breadCrumb ul li.currentPage {
    color: #2e5c99;
    text-decoration: none;
}

.breadCrumb a:hover,.breadCrumb a:focus {
    color: #2e5c99;
    text-decoration: underline;
}

/*
** HOME Template
*/

.bodyContainer .home {
    margin: 30px 0;
    border-bottom: 1px solid #E8E9E9;
}

.awards {
    margin-bottom: 44px;
}

.awards h1 {
    font-family: 'MyliusModernRegular', Arial, sans-serif;
    font-size: 40px;
    font-size: 4.0rem;
    color: #2E5C99;
    font-weight: normal;
    margin: 29px 0 27px 0;
    text-align: center;
}

.awards ul {
    text-align: center;
}

.awards ul li {
    display: inline;
    padding-left: 21px;
}

/*
** BODY SECTION
*/

.bodyContainer {
    border-bottom: 1px solid #CCC;
    margin: 36px 40px 0 40px;
}

h1 {
    font-family: 'MyliusModernRegular', Arial, sans-serif;
    font-size: 30px;
    font-size: 3.0rem;
    color: #2E5C99;
    font-weight: normal;
    margin-bottom: 22px;
}

h2 {
    font-family: 'MyliusModernRegular', Arial, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    color: #2E5C99;
    line-height: 24px;
    font-weight: normal;
    margin-bottom: 26px;
}

h2.progSubHeading{
    font-family: 'MyliusModernRegular', Arial, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    color: #2E5C99;
    line-height: 24px;
    font-weight: normal;
    margin: 36px 0 24px 0;
}

h2.subheading {
    font-family: Arial, sans-serif;
    line-height: 18px;
    margin-bottom: 20px;
}

h3 {
    font-family: Arial MT, Arial, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    color: #2E5C99;
    line-height: 24px;
    font-weight: normal;
    margin-bottom: 22px;
}

p, .paragraph {
    font-family: Arial MT, Arial, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    color: #666666;
    line-height: 24px;
    font-weight: normal;
}

.bodyContainer p {
    margin-bottom: 20px;
}

p a{
    font-family: 'MyliusModernRegular', Arial, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    color: #2E5C99;
    line-height: 24px;
    font-weight: normal;
    text-decoration: none;
}

p a:hover,p a:focus {
    text-decoration: none;
}

p.quote, .instructionText p {
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    color: #2E5C99;
    font-weight: normal;
    margin-bottom: 30px;
}

.instructionText p {
    margin-bottom: 10px;
}

/*.instructionText p:last-child {
    margin-bottom: 0;
}*/

.instructionText p a {
    font-family: Arial, sans-serif;
    text-decoration: underline;
}

.instructionText p a:hover,.instructionText p a:focus {
    color: #ef2e24;
}

/*
 *	Two column pages.
 */
/* 
 * Top Section Fixed Layout;
 * Image Can Only Be In Right Side
 */
.textPanel{
    float: left;
}
.textPanel > h2{
    margin-top:0 !important;
}
.swap .textPanel, .swap > div {
    float: right;
}

.swap .mediaPanel {
    float: left;
}

.mediaPanel {
    width:100%;
}

.mediaPanel img{
    display:block;
    width:100%;
    max-width:436px;
    margin:auto;
}
.mapDesc img{
    max-width:100% !important;
}
.mediaPanel figure, .textPanel figure {
    margin-bottom: 42px;
}

.mediaPanel ul, .textPanel ul, .mediaPanel ol, .textPanel ol {
    margin-left: 16px;
}

.mediaPanel li, .textPanel li {
    list-style-type: disc; 
    font-family: Arial MT, Arial, sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    color: #2E5C99;
    font-weight: normal;
    line-height: 24px;
}

.mediaPanelBottom,
.largeLabels p {
    font-family: 'MyliusModernRegular', Arial, sans-serif;
    font-size: 22px;
    font-size: 2.2rem;
    color: #114273;
    font-weight: normal;
}

.mediaPanelBottom .heading {
    margin-bottom: 16px;
}

.mediaPanelBottom h3 {
    font-weight: bold;
}

.largeLabels p {
    margin-bottom: 14px;
}

.largeLabels p:first-child {
    margin-bottom: 16px;
}

.largeLabels {
    margin-bottom: 72px;
}

.mediaPanelBottom span,
.mediaPanelBottom strong,
.mediaPanelBottom b {
   font-weight: bold;
}

.mapPanel{
    height: 400px;
    padding-bottom: 20px;
    width: 100%;
}

.mapArea .col-xs-12 {
    padding-right: 0 !important;
}

#mapCanvas {
    position:relative;
    height: 400px;
    float: left;
    width: 100%;
}

#directionsPanel {
    float: right;
    width: 100%;
    height: 400px;
    font-family: Arial MT, Arial, sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
}

#adp-placemark {
    margin-top: 0 !important;
}

.mapDesc {
    width: 100%;
}

.mapDesc .imgContainer {
    float: left;
    width: 100%;
}

.mapDesc .imgInfo {
    font-family: Arial MT, Arial, sans-serif;
    background-color: #114273;
    padding: 16px 18px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 20px;
    color: #fff;
}

.mapDesc .imgInfo p {
    font-family: Arial MT, Arial, sans-serif;
    background-color: #114273;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 20px;
    color: #fff;
    margin-bottom: 0;
}

.mapDesc .imgInfo h2 {
    font-family: 'MyliusModernRegular', Arial, sans-serif;
    font-size: 22px;
    font-size: 2.2rem;
    background-color: #114273;
    color: #fff;
    line-height: 24px;
    margin-bottom: 10px;
}

.mediaPanel.mapDesc figure {
    margin-bottom: 21px;
}

.mapDesc .rightPanelBottom {
    float: right;
    width: 100%; 
    padding-right: 11px;
}

.mapDesc .rightPanelBottom p {
    margin-bottom: 10px;
}

.mapDesc .rightPanelBottom .button {
    margin-top: 7px;
    margin-bottom: 31px;
    padding: 9px 28px;
}

/*
 ** Body with right and left picture layout.
 */
.sectionPodContainer {
    border-top: 1px solid #EDEAEA;
    padding: 45px 0 45px 0;
    float:left;
}

.sectionPodContainer h2 {
    font-family: 'MyliusModernRegular', Arial, sans-serif;
    font-size: 24px;
    font-size: 2.4rem;
    color: #021b41;
}

.sectionPodContainer .mediaPanel figure, .sectionPodContainer .textPanel figure {
    margin-bottom: 0;
}

.sectionPodContainer .mediaPanel figure img, .sectionPodContainer .textPanel figure img {
    border: 1px solid #EDEAEA;
}

.sectionPodContainer p,
.sectionPodContainer a {
    font-family: Arial, sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
}
/* Styles modified for links within lists */
.textPanel p a,
.textPanel li a {
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
}

.sectionPodContainer .textPanel p a {
    font-size: 15px;
    font-size: 1.5rem;
}

.sectionPodContainer p:last-child {
    margin-bottom: 0;
}

.sectionPodContainer a,
.textPanel p a,
.textPanel li a {
    text-decoration: underline;
}

.sectionPodContainer a:hover,
.textPanel p a:hover,
.textPanel li a:hover,
.sectionPodContainer a:focus,
.textPanel p a:focus,
.textPanel li a:focus {
    color: #ef2e24;
}

/*
 ** Body with Box layout Pages
 */
.multiCells {
    padding-top: 39px;
    clear:both;
}
.multiCells{
    padding-bottom:65px;
}
.programmesWrapper {
    padding-bottom: 84px;
}

.boxRow {
    margin-bottom: 23px;
}

.boxWrapper article img {
    width: 100%;

}

.boxWrapper article.border img {
    width: 298px;
    height: 213px;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #EDEAEA;
}

.boxWrapper article .centerImg,
.boxWrapper article.border .centerImg {
    width: 100%;
    border: none;
    height: 100%;
    cursor: default;
}

.boxWrapper article {
    width: 100%;
    min-height: 300px;
    float: left;
    margin-right: 2px;
    position: relative;
    overflow: hidden;
    /* CHANGE - Lee Head Feedback */
    cursor: pointer;
}

/* CHANGE - Lee Head Feedback */
.boxWrapper article.expanded {
    cursor: default;
}

.boxWrapper article h2, .boxWrapper article h3 {
    color: #FFF;
    text-align: center;
}
.boxWrapper article .brief h3{
    max-width:150px;
    margin:auto !important;
}
.boxWrapper article .details h2 {
    padding: 45px 20px 0px 20px;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: normal;
    margin: 0;
    min-height: 55px;
    box-sizing: content-box;
}

.boxWrapper article .details h3 {
    padding: 0 0 12px 0;
    font-family: Arial MT, Arial, sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 20px;
    font-weight: normal;
    margin: 0;
}

.boxWrapper .collapse, .boxWrapper .expand {
    height: 36px;
    width: 36px;
    position: absolute;
    right: 1px;
    cursor: pointer;
}

.boxWrapper .collapse {
    background: url('/careers/assets/images/collapse.png') no-repeat scroll center center;
    top: 1px;
    display: block;
}

.boxWrapper .expand {
    background: url('/careers/assets/images/expand.png') no-repeat scroll center center;
    bottom: 1px;
}

.boxWrapper article.lastBox {
    margin-right: 0;
}

.boxWrapper article .details {
    background-color: #2E5C98;
    position: absolute;
    left: 0;
    top: 500px; /*500px;*/
    width: 100%;
    height:100%;
}

.boxWrapper article p {
    padding-bottom: 32px;
    text-align: center;
}

.boxWrapper article .brief {
    background-color: #2E5C98;
    width: 101%;
    height: 87px;
    text-align: center;
    display: table;
    position:relative;
    top:0px;
}

.boxWrapper article .brief  h2 {
    font-family: Arial, sans-serif;
    font-size: 22px;
    font-size: 2.2rem;
    padding: 12px 0 0 0;
    margin: 0;
    line-height: 18px;
}

.boxWrapper article .brief  h3 {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    width: 100%;
    padding: 12px 0;
    margin: 0;
    line-height: 16px;
}

.boxWrapper article .details .info {
    height: 180px;
    padding: 0 20px;
    overflow: hidden;
}

.boxWrapper article .details .info h3 p {
    color: #FFF;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 20px;
    padding-bottom: 0;
}

.boxWrapper article .details .info strong {
    font-weight: bold;
    display: block;
}

.boxWrapper article .details.fixed {
    top: 0px;
}

.boxWrapper article .details.fixed .collapse {
    display: none;
}

.boxWrapper article .brief h2.alignVertical {
    display: table-cell;
    vertical-align: middle;
    padding: 0 40px;
    line-height: 22px;
}

/**
 * Top Spaces
 */
.marginTop40 {
    margin-top: 40px;
}

/**
 * Bottom Spaces
 */
.rewardsBottom, .applyBottom {
    padding-bottom: 82px;
}

.paddingBottom60 {
    padding-bottom: 60px;
}

.paddingBottom30 {
    padding-bottom: 30px;
}

.paddingBottom20 {
    padding-bottom: 20px;
}

/*
** General Classes
*/

.buttonGap{
    margin-top: 42px;
}
.button {
    background-color: #FFF;
    color: #102443;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    padding: 14px 28px;
    font-weight: bold;
    display: inline-block;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}
.button:hover,.button:focus{
    background-color: #EF2E24;
    color: #FFF;
}

.button.blue {
    background-color: #114273;
    color: #FFF;
}
.button.blue:hover,.button.blue:focus {
    background-color: #ef2e24;
    color: #FFF;
}
.button.red {
    background-color: #ef2e24;
    color: #FFF;
}
.button.red:hover,.button.red:focus {
    background-color: #114273;
    color: #FFF;
}

.fullWidth {
    width: 100%!important;
}

.alignCentre {
    text-align: center;
}

/*
** FOOTER SECTION
*/

.socialLinks {
    padding: 52px 0 64px 375px;
    text-align: center;
}

.footerNav {
    font-family: Arial, sans-serif;
}
.footerNav ul {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    font-size: 12px;
    font-size: 1.2rem;
}

.footerNav ul li:before {
    content:"|";
    font-size: 12px;
    font-size: 1.2rem;
    margin: 0 10px;
}

.footerNav ul li a {
    text-decoration: none;
    font-size: 12px;
    font-size: 1.2rem;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

.footerNav ul li {
    display: inline;
}
.footerNav ul li a:hover,.footerNav ul li a:focus {
    text-decoration: underline;
}
.footerNav ul li:first-child:before {
    content:"";
    margin: 0;
}
footer {
    padding: 47px 0;
    text-align: center;
    background-color: #e8e9e9;
    border-top: 1px solid #c1bfbf;
}

.footerNav.primary ul {
    color: #9d9999;
    margin-bottom: 11px;
}
.footerNav.primary ul li a {
    color: #605c5c;
}

.footerNav.secondary {
    margin-top: 29px;
}
.footerNav.secondary ul {
    color: #bbb9b9;
    margin-bottom: 8px;
}
.footerNav.secondary ul li a {
    color: #605c5c;
}

/*********************************/
/***** MAIN CAROUSEL STYLES ******/
/*********************************/

.carouselSection {
    border-bottom: 1px solid #E8E9E9;
    padding: 28px 0 56px 0;
}

.carousel a {
    text-decoration: none;
}

#homeCarousel {
    z-index: 0;
    margin-bottom: 30px;
}

.mainCarouselContainer {
    padding: 0;
    position: relative;
    width: 100%;
    height: 402px;
    border: none;
    z-index: 1;
}

.mainCarouselContainer .carousel {
    position: absolute;
    width: 760px;
}

.mainCarouselContainer .carousel img {
    position: absolute;
    width: 100%;

}

.mainCarouselContainer .carousel .slide article {
    position: absolute;
    max-height: 310px;
    padding: 22px;
    text-align: center;
    margin-top: 331px;
    width: 936px;
}

.mainCarouselContainer .carousel .slide article .feature {
    float: left;
    text-align: left;
    position: relative;
    margin: 20px 20px 0 0;
    padding: 10px;
    width: 160px;
    background: rgb(0,0,0);
    background: rgba(0,0,0,0.5);
}

.mainCarouselContainer .carousel .slide article .feature.doubleWidth {
    width: 380px;
}

.mainCarouselContainer .carousel .slide article.overlay {
    background: rgb(0,0,0);
    background: rgba(0,0,0,0.7);
}

.mainCarouselContainer .carousel .slide.slideAlignRight article {
    padding: 20px 50px 20px 20px;
    margin-left: 270px;
    text-align: right;
}

.mainCarouselContainer .carousel .slide.slideAlignRight article .feature {
    float: left;
    margin: 30px 0 0 20px;
    text-align: right;
}

.mainCarouselContainer .carousel .slide.slideAlignRight article.oneResult .feature,
.mainCarouselContainer .carousel .slide.slideAlignRight article .feature a {
    float: right;
}

.mainCarouselContainer .carousel .slide.slideAlignRight article .feature.first-of-type {
    margin-left: 40px;
}
/* CONTROLS */
a.mainCarouselControl {
    width: 30px;
    height: 100%;
    position: absolute;
    border: 0;
    outline: none;
    left: 0;
    z-index: 10;
    zoom: 1;
}

a.mainCarouselControl.right {
    left: auto;
    right: 0;
}

a.mainCarouselControl.left span {
    display: block;
    margin: 163px 0 0 12px;
    width: 15px;
    height: 23px;
    background: url('/careers/assets/images/icon-chevron-previous.png') no-repeat 0 0;
    cursor: pointer;
}

a:hover.mainCarouselControl.left span,a:focus.mainCarouselControl.left span {
    display: block;
    margin: 153px 0 0 12px;
    width: 30px;
    height: 46px;
    background: url('/careers/assets/images/icon-chevron-previous-2x.png') no-repeat 0 0;
    cursor: pointer;
}

a.mainCarouselControl.right span {
    display: block;
    margin: 165px 0 0 4px;
    width: 15px;
    height: 23px;
    background: url('/careers/assets/images/icon-chevron-next.png') no-repeat 0 0;
    cursor: pointer;
}

a:hover.mainCarouselControl.right span,a:focus.mainCarouselControl.right span {
    display: block;
    margin: 155px 0 0 -12px;
    width: 30px;
    height: 46px;
    background: url('/careers/assets/images/icon-chevron-next-2x.png') no-repeat 0 0;
    cursor: pointer;
}

.mainCarouselContainer .mainCarouselNavContainer {
    position: absolute;
    bottom: -38px;
    width: 100%;
    z-index: 10;
    text-align: center;
}
.mainCarouselContainer .mainCarouselNavContainer a {
    width: 11px;
    height: 11px;
    top: -2px;
    margin: 0 3px;
    display: inline-block;
    position: relative;
    background-color: #CBCFD0;
    
    /*border-radius*/
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.mainCarouselContainer .mainCarouselNavContainer a.activeSlide {
    top: 0;
    margin: 0 1px;
    border: 2px solid #ffffff;
    background-color: #335C9C;
}
/* Prevent FOUC */
.mainCarouselContainer .carousel .slide { display: none; }
.mainCarouselContainer .carousel .slide.one { display: block; }
/*  Text Styles */
.mainCarouselContainer .carousel .slide article h2,
.mainCarouselContainer .carousel .slide article p,
.mainCarouselContainer .carousel article .feature h3,
.mainCarouselContainer .carousel article .feature p {
    margin: 0;
    padding: 0;
}
.mainCarouselContainer .carousel .slide article h2,
.mainCarouselContainer .carousel .slide article p {
    margin-bottom: 4px;
    color: #172e4d;
}
.mainCarouselContainer .carousel .slide article .btn {
    margin-top: 10px;
}
.mainCarouselContainer .carousel .slide.light article h2,
.mainCarouselContainer .carousel .slide.light article h3,
.mainCarouselContainer .carousel .slide.light article p,
.mainCarouselContainer .carousel article .feature h3,
.mainCarouselContainer .carousel article .feature p {
    color: #fff;
}
.mainCarouselContainer .carousel article .feature h3, .mainCarouselContainer .carousel .slide.light article h3 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px;
    line-height: 2.0rem;
    margin-bottom: 3px;
}
.mainCarouselContainer .carousel .slide.light article h3 {
    margin-top: 7px;
}
.mainCarouselContainer .carousel article .feature p {
    font-style: italic;
}
.mainCarouselContainer .carousel article .feature p,
.mainCarouselContainer .carousel article .feature span.price span.note  {
    font-size: 12px;
    font-size: 1.2rem;
}
.mainCarouselContainer .carousel article .feature span.price {
    display: inline;
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 20px;
    line-height: 2.0rem;
    font-style: normal;
    color: #F4C408;
}

.mainCarouselContainer .carousel article .feature span.price-info {
    display: block;
}
.mainCarouselContainer .carousel article .feature.doubleWidth span.price {
    display: inline;
}
.mainCarouselContainer .carousel article a.ui-priority-primary,
.mainCarouselContainer .carousel article a.ui-priority-secondary {
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 23px;
    line-height: 2.3rem;
    padding: 4px 10px 8px;
    margin-top: 20px;
}
.mainCarouselContainer .carousel article a.ui-priority-primary:active,
.mainCarouselContainer .carousel article a.ui-priority-secondary:active {
    padding: 5px 10px 7px;
}
.mainCarouselContainer .carousel article .feature a.ui-priority-primary,
.mainCarouselContainer .carousel article .feature a.ui-priority-secondary  {
    margin-top: 10px;
}

.slide article {
    background-color: #2E5C98;
}

.slide article  h2{
    font-family: 'MyliusModernRegular', Arial, sans-serif;
    font-size: 41px;
    font-size: 4.1rem;
    font-weight: normal;
}

.slide article.no-margin {
    margin-left: 0;
}

/* Modal */
#mapSelectorDialog {
    display: none;
}

.ui-widget-content {
    background-color: #FFF;
    padding: 10px;
    outline: none;
    border: none;
    font-family: 'MyliusModernRegular', Arial, sans-serif;
}

.ui-widget-content h2 {
    margin-bottom: 10px;
    font-size: 24px;
    font-size: 2.4rem;
    font-family: 'MyliusModernRegular', Arial, sans-serif;
}

.ui-widget-content .validateTips {
    font-size: 12px;
    font-size: 1.2rem;
    font-family: 'MyliusModernRegular', Arial, sans-serif;
    margin-bottom: 2px;
}

.ui-widget-content .locationError {
    color: #800;
    font-size: 12px;
    font-size: 1.2rem;
    display: none;
    border: 1px solid #F5D1D1;
    background: #FDD;
    padding: 5px;
    line-height: initial;
    margin-bottom: 5px;
    font-family: 'MyliusModernRegular', Arial, sans-serif;
}

.ui-widget-content input,
.ui-widget-content select {
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 10px;
    font-family: 'MyliusModernRegular', Arial, sans-serif;
}

.ui-widget-content select {
    width: 329px;
    font-family: 'MyliusModernRegular', Arial, sans-serif;
    padding: 5px;
}

.ui-widget-content input {
    width: 318px;
    padding: 3px;
    font-family: 'MyliusModernRegular', Arial, sans-serif;
}

.ui-widget-content .fieldLabel {
    font-size: 14px;
    font-size: 1.4rem;
    font-family: 'MyliusModernRegular', Arial, sans-serif;
}

.ui-widget-content .fieldLabel img {
    margin-right: 5px;
    width: 16px;
}

.ui-widget-content .fieldLabel .required {
    color: #800;
}

.ui-dialog-buttonset {
    text-align: center;
}

.ui-dialog-buttonset button {
    background-color: #114273;
    color: #FFF;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    padding: 14px 28px;
    margin: 0 3px 0 0;
    font-weight: bold;
    display: inline-block;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    border: none;
    cursor: pointer;
}

.ui-dialog-buttonset button:hover,.ui-dialog-buttonset button:focus {
    background-color: #ef2e24;
    color: #FFF;
}

a.closeBtn {
    display: block;
    position: absolute;
    float: left;
    top: -20px;
    background: url('/careers/assets/images/modal_close_sprite.png') no-repeat top left;
    background-position: 0 0; width: 40px; height: 40px;
    width: 40px;
    height: 40px;
    right: -20px;
    outline: none;
    border: none
}

a.closeBtn:hover,a.closeBtn:focus {
    background-position: 0 -50px; width: 40px; height: 40px;
}

div.ui-widget-overlay {
    background-color: #000000;
    opacity: 0.7;
    filter: Alpha(Opacity=70);
    position: absolute;
    top: 0;
    left: 0;
}
.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

input#userAddress.ui-state-error {
    border: 1px solid #880000;
}

p.validateTips.ui-state-highlight {
    color: #880000;
}

/* Events page overrides */
.boxWrapper.eventsWrapper article .details h2 {
    font-size: 20px;
    font-size: 2.0rem;
}
.boxWrapper.eventsWrapper article .details .info h3 p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
}
.boxWrapper.eventsWrapper article .details h2 {
    height: 35px;
}
.boxWrapper.eventsWrapper article .details .info {
    height: 120px;
}
.boxWrapper img{
    vertical-align:bottom !important;
}
.socialLinks{
    padding:52px 0 64px 0;
}
.socialLinks > div{
    display:inline-block;
    text-align:center;
}
figure{
    text-align:right;
    margin:0;
}
.swap figure{
    text-align:left;
}
.row.multiCells{
    width:100%;
    max-width:904px;
    margin:auto !important;
    display:table;
}
.boxWrapper{
    padding:0 !important;
    margin-bottom:20px;
    border-right:2px solid white;
    -moz-box-sizing:border-box;
}
.awards ul{
    margin:0;
    padding:0;
}
iframe{
    width:100% !important;
}
/*/////////////////////////
// RESPONSIVE STYLES
/////////////////////////*/
@media screen and (min-width: 992px) and (max-width: 1150px) {
    /*.boxWrapper article{
        min-height:initial;
    }*/
    .boxWrapper article .details h2 {
        height:initial;
        margin-top:15px;
        padding-top:0;
    }

    .textpage_air_cabincrew .boxWrapper article .details h2 {
        margin-top:45px;
    }

    .info{
        /*height:initial !important;*/
        margin-top:15px;
    }
    .info > h3{
        margin:0;
        padding:0;
    }
    .info > h3 > p {
        margin:0;
        padding:0;
    }
    .info > button{
        margin: 10px auto;
    }
    .details > p{
        margin:0 !important;
    }
    .details > p > a{
        padding:10px 28px;
    }
}
@media screen and (max-width: 992px) {
    .row > div {
        margin-bottom:30px;
    }
    img{
        display:block;
        margin:auto;
    }
    figure{
        text-align:center !important;
    }
    iframe{
        width:100% !important;
        max-width:436px;
    }
    .centerImg{
        max-width:92%;
    }
    .mainCarouselContainer {
        height: 300px !important;
    }
    #container{
        padding:0 49px !important;
    }
}
@media screen and (max-width: 750px) {
    .mainCarouselContainer {
        height: 250px !important;
    }
}
@media screen and (max-width: 550px) {
    .headerRight{
        width:100%;
    }
    .headerRight > .button{
        width:100%;
        padding: 14px 0 !important;
    }
    .logo{
        margin: 29px auto;
        width:100%;
    }
    .mainCarouselContainer {
        height: 170px !important;
    }
    #container{
        padding:0 10px !important;
    }
    .bodyContainer{
        margin: 36px 5px 0 5px !important;
    }
}





/*///////////////////////////////
// BOOTSTRAP RESPONSIVE STYLES
///////////////////////////////*/

.container-fluid {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
    width:100%;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}
@media (max-width: 768px) {
    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
      float: left;
    }
    .col-xs-12 {
      width: 100%;
    }
    .col-xs-11 {
      width: 91.66666667%;
    }
    .col-xs-10 {
      width: 83.33333333%;
    }
    .col-xs-9 {
      width: 75%;
    }
    .col-xs-8 {
      width: 66.66666667%;
    }
    .col-xs-7 {
      width: 58.33333333%;
    }
    .col-xs-6 {
      width: 50%;
    }
    .col-xs-5 {
      width: 41.66666667%;
    }
    .col-xs-4 {
      width: 33.33333333%;
    }
    .col-xs-3 {
      width: 25%;
    }
    .col-xs-2 {
      width: 16.66666667%;
    }
    .col-xs-1 {
      width: 8.33333333%;
    }
    .col-xs-pull-12 {
      right: 100%;
    }
    .col-xs-pull-11 {
      right: 91.66666667%;
    }
    .col-xs-pull-10 {
      right: 83.33333333%;
    }
    .col-xs-pull-9 {
      right: 75%;
    }
    .col-xs-pull-8 {
      right: 66.66666667%;
    }
    .col-xs-pull-7 {
      right: 58.33333333%;
    }
    .col-xs-pull-6 {
      right: 50%;
    }
    .col-xs-pull-5 {
      right: 41.66666667%;
    }
    .col-xs-pull-4 {
      right: 33.33333333%;
    }
    .col-xs-pull-3 {
      right: 25%;
    }
    .col-xs-pull-2 {
      right: 16.66666667%;
    }
    .col-xs-pull-1 {
      right: 8.33333333%;
    }
    .col-xs-pull-0 {
      right: auto;
    }
    .col-xs-push-12 {
      left: 100%;
    }
    .col-xs-push-11 {
      left: 91.66666667%;
    }
    .col-xs-push-10 {
      left: 83.33333333%;
    }
    .col-xs-push-9 {
      left: 75%;
    }
    .col-xs-push-8 {
      left: 66.66666667%;
    }
    .col-xs-push-7 {
      left: 58.33333333%;
    }
    .col-xs-push-6 {
      left: 50%;
    }
    .col-xs-push-5 {
      left: 41.66666667%;
    }
    .col-xs-push-4 {
      left: 33.33333333%;
    }
    .col-xs-push-3 {
      left: 25%;
    }
    .col-xs-push-2 {
      left: 16.66666667%;
    }
    .col-xs-push-1 {
      left: 8.33333333%;
    }
    .col-xs-push-0 {
      left: auto;
    }
    .col-xs-offset-12 {
      margin-left: 100%;
    }
    .col-xs-offset-11 {
      margin-left: 91.66666667%;
    }
    .col-xs-offset-10 {
      margin-left: 83.33333333%;
    }
    .col-xs-offset-9 {
      margin-left: 75%;
    }
    .col-xs-offset-8 {
      margin-left: 66.66666667%;
    }
    .col-xs-offset-7 {
      margin-left: 58.33333333%;
    }
    .col-xs-offset-6 {
      margin-left: 50%;
    }
    .col-xs-offset-5 {
      margin-left: 41.66666667%;
    }
    .col-xs-offset-4 {
      margin-left: 33.33333333%;
    }
    .col-xs-offset-3 {
      margin-left: 25%;
    }
    .col-xs-offset-2 {
      margin-left: 16.66666667%;
    }
    .col-xs-offset-1 {
      margin-left: 8.33333333%;
    }
    .col-xs-offset-0 {
      margin-left: 0;
    }
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}

/*//////////////////////////////////////////////
//
// UPDATED STYLE TO ADD IN TO STYLESHEET
//
//////////////////////////////////////////////*/


.container-fluid{
    width:94% !important; 
    max-width:1178px;
    background-color:#fff;
    
}
.programmesWrapper .info p{
    font-size:12px;
    font-size:1.2rem;
}
/*/////////////   EXTRA STYLES ADDED BY TOM ////////////////////////*/
.eventExpanded article .details h2{
    min-height: 45px;
    font-size:2rem;
}

.eventExpanded article .details .info {
    height: 135px;
}

.eventExpanded article .details .info h3 p{
    font-size:1.2rem;
}
.boxWrapper article.border img {
    width: 100%;
    /*height: 213px;*/
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #EDEAEA;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}

.wrapper {
    max-width: 100%;
    padding: 0 20px 40px 20px;
    margin: auto;
}

/* Table changes for mediaContent pages */
.textPanel-strong {
    font-weight: bold;
    font-weight: Arial MT, Arial, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    color: #2E5C99;
    line-height: 24px;
    margin-bottom: 22px;
}

.textPanel table {
    margin-bottom: 20px;
}

.bodyContainer.noBorder {
    border-bottom: 0;
}

.bodyContainer.noMarginTop {
    margin-top: 0;
}

/**
 * Styles For Navigation With Image
 */
/* Bootstrap Styles Start */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
/* Bootstrap Styles End */


#loginBtn{
    background:#D5D5D5;
    color:#009;
    font-size:13px;
    font-size:1.3rem;
    font-family: 'MyliusModernRegular', Arial, sans-serif;
    font-weight:normal;
    padding:15px 36px;
    vertical-align:top;
    height:50px;
}

#loginBtn:hover,#loginBtn:focus{
    background:#114273;
    color:#FFF;
}


/* img-mainMenu Section Start*/
#menu.img-mainMenu{
    position:relative;
    width:100%;
}

#menu.img-mainMenu li {
    vertical-align: middle;
    background-color: #F0F0F0;
    list-style:none;
    position:static;
    border-bottom:none;
    display:block;
    margin-top: 1px;
}

#menu.img-mainMenu li a {
    display: block;
    text-decoration: none;
    font-family: 'MyliusModernRegular', Arial, sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    color: #14417C;
}


#menu.img-mainMenu li a{
    padding:15px 5px;
}

#menu.img-mainMenu li.active a {
    background-color: #124273;
    color: #FFF;
}

#menu.img-mainMenu ul.secondary {
    display: none;
}

#menu.img-mainMenu li.active{
    background-color:rgb(18, 66, 115);
    color:#FFF;
}

#menu.img-mainMenu li.active a{
    color:#FFF;
}
/*Menu Section End*/

#menu.mainMenu
{
    position: relative;
}

    /*#menu.mainMenu:hover
    {
        margin-bottom: 60px;
    }*/

#menu.mainMenu li.hover a
{
    background-color: #124273;
    color: #fff;
}

/*#menu.mainMenu li.hover .subMenu
{
    display: table!important;
}*/

    #menu.mainMenu .subMenu
    {
        background-color: #124273;
        color: #fff;
        left:0;
        position: absolute;            
        width:100%;
    }

        #menu.mainMenu .subMenu a
        {
            color: #fff;
        }

            #menu.mainMenu .subMenu a:hover,#menu.mainMenu .subMenu a:focus
            {
                color: #3c78c7;
            }

        #menu.mainMenu .subMenu img
        {
            display: none;
        }

/* Sub Menu Section Start */
#menu.img-mainMenu .subMenu{
    position:absolute;
    left:0;
    float:left;
    width:100%;
    padding:0 6px;
    background: url('../images/navigation/image-menu-nav-bg.jpg') no-repeat top left;
    display:none;
}

#menu.img-mainMenu .subMenu img{
    display: block;
    width:100%;
    height:340px;
}

#menu.img-mainMenu .subMenu article{
    display:block;
    background:rgb(18, 66, 115);	/*The fallback*/
    background:rgba(18, 66, 115, .8);
    color:#fff;
    font-family: Arial, sans;
    font-size:17px;
    font-size:1.7rem;
    position:absolute;
    padding:15px;
    top:40%;
    left:0;
    text-align:left;
    width:100%;
    height:66px;
}

#menu.img-mainMenu .subMenu li a{
    padding:0 !important;
    position:relative;
    height:auto !important;
    display:block;
    width:100%;
}

#menu.img-mainMenu .subMenu li {
    padding:10px 3px;
    background: transparent !important;
}


#menu.mainMenu li.active.showContents .subMenu {
    display:table;
}

/* Sub Menu Section End */

/**
 * Image menu hover classes
 */
#menu.img-mainMenu li:hover, 
#menu.img-mainMenu li:focus, 
#mainMenu li a:hover,
#mainMenu li a:focus,
#menu.img-mainMenu .subMenu li:hover article,
#menu.img-mainMenu .subMenu li:focus article,
#menu.img-mainMenu .subMenu li.active article {
    background-color: #124273;
}

#menu.img-mainMenu li:hover a,#menu.img-mainMenu li:focus a {
    color: #FFF;
}

/**************************
** Home Page Styles Start
**************************/


.srchGroup{
    display:inline-block;
    position:relative;
}

#srchForm{
    display:inline-block;
}

#searchBtn{
    border:0;
    padding:0;
    background:url('../images/icon-search.png') no-repeat center #e8e9e9;
    height:50px;
    outline: 0;
}

#searchBtn:hover,#searchBtn:focus{
    background-image:url('../images/icon-search-hover.png');
    outline: 0;
}

#srchForm #searchBox{
    border:0;
    padding:0;
    height:50px;
    vertical-align:top;
    padding:0 10px;
    margin-right:1px;
    background:#e8e9e9;
    font-size:13px;
    font-size:1.3rem;
    font-family:'MyliusModernRegular', Arial, sans-serif;
    outline: 0;
}

.secWelcome .secIntro{
    border-bottom:1px solid #CCC;
    padding-bottom:10px;
}

.secWelcome h1{
    font-size:31px;
    font-size:3.1rem;
    color:#114273;
}

.secWelcome h3{
    font-size:21px;
    font-size:2.1rem;
    color:#0767b1;
    font-family:'MyliusModernRegular', Arial, sans-serif;
}

.secWelcome p{
    font-size:17px;
    font-size:1.7rem;
    font-family:Arial, sans-serif;
}

.secCarousel{
    /* CHANGE - Lee Head Feedback */
    /*border-bottom:1px solid #CCC;*/
    margin-top:20px;
    position:relative;
    overflow:hidden;
}

.secJob.col-xs-12{
    border-bottom:1px solid #CCC;
    padding:0 0 10px 0;
    margin-top:27px;
    margin-bottom:30px;
}

.secJobSearch{
    padding:20px 0;
    background:#F0F0F0;
}

.secJobSearch #Search{
    margin:13px 0 50px 0;
    padding: 6px 0;
}

.secJobSearch label{
    font-weight:normal;
    font-size:13px;
    font-size:1.3rem;
    font-family:Arial, sans-serif;
}

.secJobSearch .form-control{
    border-radius:0;
}

.secJobSearch input[type=button]{
    background:#2c2c2c;
    margin-left:2px;
    font-weight:bold;
    font-size:16px;
    font-size:1.6rem;
    font-family:Arial, sans-serif;
    border:none;
}

.secJobSearch input[type=button]:hover,.secJobSearch input[type=button]:focus{
    background:#ef2e24;
}

.secJobSearch h4, .secHotJobs h4{
    padding-left:30px;
    font-size:21px;
    font-size:2.1rem;
    font-family:'MyliusModernRegular', Arial, sans-serif;
    margin:20px 0 35px 0;
}

.secHotJobs{
    padding:20px 10px;
    font-weight:normal;
}

.secHotJobs a{
    font-size:16px;
    font-size:1.6rem;
    font-family: 'MyliusModernRegular', Arial, sans-serif;
    font-weight: normal;
}

.secHotJobs .form-group label{
    font-size:14px;
    font-size:1.4rem;
    font-family: 'MyliusModernRegular', Arial, sans-serif;
    font-weight: normal;
}

button, .btn{
    border-radius:0;
}

.noBorder{
    border:none !important;
}

/**************************
** Home Page Styles End
**************************/

/* media queries */

/* for pc */
@media (min-width: 1200px){
    #menu.img-mainMenu, #menu.img-mainMenu:hover,#menu.img-mainMenu:focus{
        /* CHANGE - Lee Head Feedback */
        margin-bottom: 390px;
    }

    /* CHANGE - Lee Head Feedback */
    /*.secWelcome{
        padding-top:39px;
    }*/
    
    .secJobSearch .col-xs-12{
        padding:0;
    }
    
    .secJobSearch h4.col-xs-12, .secHotJobs h4.col-xs-12{
        padding:0 15px;
    }
}

/* above tablet */
@media (min-width: 768px){
    /* CHANGE - Lee Head Feedback */
    .noMargin{
        margin: 0;
    }
    .secJob section {
        padding-right: 0;
    }
    .secJobSearch section {
        padding-right: 15px;
    }
    .secJobSearch section .form-group {
        margin-bottom: 40px;
    }
    .secJob section img {
        width: 100%;
    }
    .secCarousel {
        margin: 20px -43px 0;
    }
    /* CHANGE - Lee Head Feedback */
    #menu.img-mainMenu{
        background:#F0F0F0;
    }

    #menu.img-mainMenu{
        display:table;
    }
    
    #menu.img-mainMenu li{
        display:table-cell;
        float:none;
    }

    #menu.img-mainMenu .subMenu li{
        display:table-cell;
        float:none;
    }
    
    /*display active img menu for above 767px*/
    #menu.img-mainMenu li.active .subMenu{
        display:table;
    }	
    
    #applyBtn{
        /* CHANGE - Lee Head Feedback */
        margin:0 2px 0 -1px;
        font-size:13px;
        font-size:1.3rem;
        font-family: 'MyliusModernRegular', Arial, sans-serif;
        font-weight:normal;
        padding:15px 22px;
        vertical-align:top;
        height:50px;
    }
    
    #searchBtn{
        width:48px;
    }
    
    /* CHANGE - Lee Head Feedback */
    .secJob.col-xs-12{
        padding:0 0 10px 0;
    }

}

/* media queries for tablet */
@media (max-width: 767px){

    #menu.img-mainMenu li a {
        padding:15.5px 7.5px;
    }

    /*display active img menu for below 767px*/
    #menu.img-mainMenu li.active .subMenu, #menu.mainMenu li.active.showContents .subMenu{
        display:block;
    }
    
    #menu.mainMenu .subMenu{
        float:none;
        position:relative;
        padding:0;
    }
    
    #menu.img-mainMenu .subMenu img{
        display:none;
        visibility:hidden;
    }
    
    
    #menu.img-mainMenu .subMenu  li{
        display:block;
        width:100% !important;
        margin:0 !important;
        padding:0;
    }
    
    #menu.img-mainMenu .subMenu article{
        position:relative !important;
        top:0;
        height:auto;
    }
    #menu.img-mainMenu .subMenu article {
        background-color: #F0F0F0;
        color: #14417C;
        font-family: 'MyliusModernRegular', Arial, sans-serif;
        font-size: 13px;
    }
    #menu.img-mainMenu .subMenu article:hover,#menu.img-mainMenu .subMenu article:focus {
        color: #FFF;
    }
    #menu.img-mainMenu .subMenu li.active article {
        color: #FFF;
    }
    .headerRight, .headerRight input{
        width:100%;
    }
        .headerRight a,
        .headerRight > .button
        {
            box-sizing: border-box;
            height: 50px;
            line-height: 20px;
            width: 50%;
        }

    .srchGroup{
        width:100%;
    }

    #srchForm{
        width:100%;
    }

    #srchForm #searchBox{
        margin-bottom:2px;
    }

    .placeholderHotJobs.marginTop40 {
        margin-top: 0;
    }
    .placeholderHotJobs {
        padding-top: 20px;
    }

    .secJob .img-responsive {
        padding-top: 20px;
    }
     #menu li{
        display:block;
        width:100%;
        border-bottom: 1px solid #fff;
    }
        #menu li.active li {
            background:#f9f9f9;
        }
    #menu.mainMenu .subMenu a article {
        text-align:left;
        color:#124273;
    }
}

@media (max-width: 1199px) and (min-width: 992px){
    #menu.img-mainMenu .subMenu img{
        height:280px;
    }
    
    #menu.img-mainMenu{
        /* CHANGE - Lee Head Feedback */
        margin-bottom: 328px;
    }

}

@media (max-width: 991px) and (min-width: 768px){
    #menu.img-mainMenu .subMenu img{
        height:220px;
    }
    
    #menu.img-mainMenu{
        /* CHANGE - Lee Head Feedback */
        margin-bottom:270px;
    }

    #applyBtn{
        padding:15px 17px;
    }

    #loginBtn{
        padding:15px 20px;
    }
}

#srchForm #searchBox.errorOutline {
    outline: 1px solid #f00;
}

@media (max-width: 1200px)  and (min-width: 768px) {
    #menu.img-mainMenu .subMenu article{
        font-size: 15px;
        font-size: 1.5rem;
        padding: 5px;
    }
}

/* CHANGE - Lee Head Feedback */
.bodyContainer h1, .bodyContainer h2, .bodyContainer h3{
    margin-top: 0;
}

.bodyContainer .secIntro .marginTop20, .bodyContainer .marginTop20, .bodyContainer .marginTop20 {
    margin-top: 20px;
}

/* Fix For HotJobs - Firefox */
.bx-viewport {
    clear: both;
}

/*Table Properties*/
.applicationTable {
    height: 89px;
    border: #473d44 1px solid;
}
.applicationTable .headerCell td {
    text-align: center;
    border: #473d44 1px solid;
    background-color: #BDD6EE;
    vertical-align: middle;
}
.applicationTable .headerCell td p {
    font-weight: bold;
    margin-bottom: 5px;
}
.applicationTable .dataCell td {
    text-align: center;
    border: #473d44 1px solid;
    vertical-align: middle;
}

.applicationTable .dataCell td p { 
    text-align: center;
    margin-bottom: 0;
}

@media all and (max-width: 360px)
{
    .headerRight > #applyBtn
    {
        width: 65%;
    }
    .headerRight > #loginBtn
    {
        width: 35%;
    }
}