/* These styles have not yet been refactored into Less files  */

a, a:visited {
    color: expression(this.parentNode.currentStyle["color"]);
}

.section label a {
    color: #17365D;
}

.cf {
    clear: both;
    display: block;
    visibility: hidden;
    line-height: 0;
    content: "";
}

.clear {
    clear: both;
}

.clearfix:after,
ul.bookDetails li:after,
legend:after { /* T 6-7, 8 */
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.loading {
    background-image: url(../../../img/MDU/ajax-loader.gif);
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 5px;
}

.oh {
    overflow: hidden;
}

/*Coloured headers*/
.colorColumn {
    border-left: 20px solid #e1161f;
    margin: 0;
    padding: 1px 0;
}

    .colorColumn h4,
    .colorColumn h3 {
        padding: 2px 0;
        display: inline;
        line-height: 1.2;
        font-size: 18px !important;
        white-space: pre-line;
    }

        .colorColumn h4 span,
        .colorColumn h3 span {
            position: relative;
            left: -11px;
        }

.titleOverlayWrapper {
    position: relative;
    margin-bottom: 20px;
    float: left;
}

    .titleOverlayWrapper img {
        box-shadow: 2px 3px 10px #888;
    }

    .titleOverlayWrapper .colorColumn {
        position: absolute;
        top: 35px;
        left: 0;
    }

        .titleOverlayWrapper .colorColumn h3 {
            padding: 4px 0;
            line-height: 1.5;
            font-family: BasicCommercialLTCom-Bold;
            font-weight: normal;
            font-style: normal;
        }

.landing {
    width: 1096px;
    margin: 0 auto;
}
/*Search*/
.searchBox {
    padding: 10px;
}

    .searchBox select,
    .searchBox input.search {
        padding: 8px;
        width: 44%;
        margin-right: 15px;
        border: 1px solid #817d7c;
    }

    .searchBox label {
        color: #17365D;
        font-size: 18px;
        font-weight: bold;
        margin-right: 10px;
    }

.landing .searchBox select,
.landing .searchBox input.search {
    margin-right: 12px;
    width: 43%;
}

.landing .section .searchBox select,
.landing .section .searchBox input.search {
    margin-right: 10px;
    width: 39%;
}

.searchBox h3 {
    font-size: 22px;
}

.searchBox select {
    padding: 5px;
    line-height: 28px;
    vertical-align: top;
}

.searchBox input.search {
    padding: 10px;
}

.searchBox input[type=submit] {
    border: 0;
    background: url(../../../img/MDU/siteSearchSubmitLarge.png) no-repeat;
    text-indent: -9999px;
    width: 42px;
    height: 35px;
    cursor: pointer;
    vertical-align: top;
}

    .searchBox input[type=submit].filter {
        background-image: url('../../../img/MDU/siteSearchSubmitLargeBlueGo.png');
    }

.landing .searchBox input[type=submit] {
    background: url(../../../img/MDU/siteSearchSubmitLargeBlue.png) no-repeat;
}


.sideBarEnabled {
    padding-right: 0;
}

    /*.sideBarEnabled .section,
    .sideBarEnabled .titleOverlayWrapper,
    .sideBarEnabled .pagination,
    div.scfForm {
        width: 470px;
    }*/

    .sideBarEnabled .section.small {
        width: 420px;
    }


/*Related links*/
.linkList {
    padding-bottom: 30px;
    overflow: hidden;
}

    .linkList div {
        float: left;
        margin-right: 30px;
        padding-right: 20px;
        width: 265px;
    }

        .linkList div:last-child, .linkList div.last {
            margin: 0;
            padding: 0;
        }

    .linkList li {
        margin-bottom: 7px;
        font-size: 14px;
        font-weight: bold;
    }



.wrapper .fullWidth {
    width: auto;
}

.typeFilters {
    padding: 15px 15px 5px;
}

    .typeFilters h3 {
        float: left;
        margin-right: 10px;
        margin-bottom: 20px;
    }

    .typeFilters ul li {
        float: left;
        margin-right: 10px;
        margin-bottom: 15px;
    }

        .typeFilters ul li a {
            margin: 0;
        }

            .typeFilters ul li a.selected {
                background-color: #E1161F;
                color: #fff;
            }

.wrapper .searchResults {
    background: #fff;
    padding: 20px 20px 20px 268px;
}

    .wrapper .searchResults .section {
        width: 100%;
    }

    .wrapper .searchResults h2 {
        padding-left: 0;
    }


div.scfForm, .section div.form, .comments div.form {
    margin-bottom: 30px;
    overflow: hidden;
}

    div.scfForm ul, .section div.form ul, .comments div.form ul {
        margin-top: 18px;
    }

        div.scfForm ul li, .section div.form ul li, .comments div.form ul li {
            font-size: 18px;
            line-height: 1;
            margin-bottom: 6px;
            padding-left: inherit;
        }

    div.scfForm .ctaGreen, .section div.form .ctaGreen, .comments div.form .ctaGreen {
        margin-right: 0;
    }

    .section div.form label, .comments div.form label, .section div.form span {
        float: left;
        font-size: 18px;
        font-weight: 500;
        margin: 0 10px 15px 0;
        padding: 4px 0;
    }

        .section div.form label.normal {
            font-weight: normal;
        }

div.form span.checkbox {
    margin: 0;
    padding: 0;
}

    div.form span.checkbox label {
        font-weight: normal;
        width: 415px;
    }

div.form span.required {
    color: red !important;
    padding-left: 5px;
}

.section div.form label.medium, .section div.form label.large {
    width: 223px;
}

.section div.form label.xlarge {
    width: 425px;
}

.section div.form .checkboxlist label.xlarge {
    width: 400px;
}

/*div.scfForm input[type=text],
.section div.form input[type=text],
.section div.form input[type=password],
.comments div.form input[type=text] {
    width: 205px;
    float: left;
    padding: 4px;
    background: none;
    border: 1px solid #ddd;
    border-top: 1px solid #aaa;
    border-radius: 2px;
}*/

.section div.form input.oneChar {
    width: 15px;
}

.section div.form select {
    width: 205px;
    float: left;
    padding: 5px;
}

    .section div.form select.day, .section div.form select.month, .section div.form select.year {
        width: auto;
        margin-right: 4px;
        float: left;
    }

.section div.form input[type=checkbox] {
    float: left;
    width: 13px;
    margin: 5px 10px 5px 0px;
}

.section div.form input[type=radio] {
    float: left;
    width: 13px;
    margin: 5px 10px 5px 0px;
}

.section div.form h2 {
    font-weight: 600;
}

.section div.form ul.radios {
    clear: both;
    list-style: none;
    margin-left: 0;
}

.section div.form span.radios {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

    .section div.form span.radios label {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .section div.form span.radios input[type="checkbox"],
    .section div.form span.radios input[type="text"] {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-right: 10px;
    }

.section div.form ul.radios li {
    background: none;
    clear: both;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .section div.form ul.radios li label, .section div.form span.radios label {
        font-weight: normal;
        width: 420px;
    }

.section div.form ul.inline li label, .section div.form span.inline label {
    display: inline;
    float: none;
    margin: 0;
}

.section div.form ul.inline li input, .section div.form span.inline input {
    display: inline;
    float: none;
    margin: 0;
}


.section div.form .rating, .comments div.form .rating {
    padding: 4px 0;
}

div.scfForm .scfMultipleLineTextBox {
    width: 63.5%;
}

.form-section div.scfForm .scfMultipleLineTextBox {
    width: 100%;
}

div.scfForm textarea,
.section div.form textarea,
.comments div.form textarea {
    padding: 10px;
    width: 100%;
    height: 125px;
    resize: none;
    margin-bottom: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-top: 1px solid #aaa;
    border-radius: 2px;
}

.comments .commentform input[type="text"] {
    width: 100% !important;
}

.scfMultipleLineGeneralPanel {
    float: left;
    width: 878px;
}

div.scfForm .scfSectionContent .scfMultipleLineTextBorder label {
    width: 450px;
}

div.scfForm .scfSectionContent > div {
    clear: both;
    margin-top: 18px;
    overflow: hidden;
    position: relative;
}

div.scfForm .scfSectionBorderAsFieldSet {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    border-top: 0;
}

div.scfForm .scfSectionContent > .scfCheckBoxListBorder {
    display: block;
}

div.scfForm p {
    margin-bottom: 15px;
    line-height: 1.5;
}

div.scfForm .scfSectionContent label,
div.scfForm .scfSectionContent span.scfDateSelectorLabel,
div.scfForm .scfSectionContent span.scfRadioButtonListLabel,
div.scfForm .scfSectionContent span.scfCheckBoxListLabel {
    float: left;
    margin: 0 10px 15px 0;
    padding-left: 12px;
    width: 190px;
    font-size: 18px;
    font-weight: 500;
}

div.scfForm .scfRequired {
    position: absolute;
}

div.scfForm .scfSingleLineGeneralPanel, div.scfForm .scfRequired {
    float: left;
}

div.scfForm .scfSingleLineGeneralPanel {
    flex-grow: 1;
}

/*div.scfForm .scfSectionContent input {
    font-size: 12px;
    float: left;
    border: 1px solid #ddd;
    border-top: 1px solid #aaa;
    border-radius: 2px;
}*/

label.scfDateSelectorShortLabelYear, label.scfDateSelectorShortLabelMonth, .scfDateSelectorShortLabelDay {
    display: none;
}

div.scfForm span.scfCheckbox {
    width: 100%;
}

    div.scfForm span.scfCheckbox input {
        float: left;
        width: 10px;
    }

div.scfForm div.scfRadioButtonListGeneralPanel {
    float: left;
}

    div.scfForm div.scfRadioButtonListGeneralPanel input, div.scfForm div.scfCheckBoxListGeneralPanel input {
        float: left;
        border: 0;
        background: none;
    }

    div.scfForm div.scfRadioButtonListGeneralPanel label {
        width: auto;
    }

div.scfForm select {
    width: 196px;
    padding: 6px;
}

div.scfForm div.scfDateSelectorGeneralPanel select {
    width: auto;
}

.section div.form ul.rbList li {
    background: none;
    padding-left: 0;
    clear: both;
}

.section div.form ul.rbList label {
    width: 80px;
}

.ratingStar {
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 18px;
    margin: 0;
    padding: 0;
    width: 19px;
    float: left;
}

.filledRatingStar {
    background-image: url("../../../img/MDU/FilledStar.png");
}

.emptyRatingStar {
    background-image: url("../../../img/MDU/EmptyStar.png");
}

div.overallRating {
    height: 40px;
}

    div.overallRating .ratingStar {
        cursor: default;
    }

ul.commentData div.overallRating {
    height: auto;
}

/*Video carousel*/
.videoSliderWrapper {
    width: 470px;
    height: 380px;
    position: relative;
}

    .videoSliderWrapper .slideWrapper {
        position: relative;
    }

    .videoSliderWrapper .videoSlider,
    .videoSliderWrapper .thumbs {
        overflow: hidden;
    }

        .videoSliderWrapper .videoSlider span,
        .videoSliderWrapper .videoSlider img,
        .videoSliderWrapper .videoSlider a,
        .videoSliderWrapper .thumbs a,
        .videoSliderWrapper .thumbs img {
            display: block;
            float: left;
        }

        .videoSliderWrapper .videoSlider a {
            width: 470px;
            height: 265px;
            display: block;
        }

        .videoSliderWrapper .videoSlider span,
        .videoSliderWrapper .videoSlider a,
        .videoSliderWrapper .thumbs span,
        .videoSliderWrapper .thumbs a {
            position: relative;
        }

        .videoSliderWrapper .videoSlider img,
        .videoSliderWrapper .thumbs img {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            border: 0;
        }

        .videoSliderWrapper .videoSlider span {
            width: 470px;
            height: 265px;
        }

    .videoSliderWrapper .thumbWrapper {
        position: relative;
        background: url(../../../img/MDU/shadowTop.png) repeat-x top left #e8ebef;
    }

    .videoSliderWrapper .thumbs a {
        border: 3px solid #17365d;
        width: 122px;
        height: 65px;
        overflow: hidden;
        margin-right: 15px;
    }

        .videoSliderWrapper .thumbs a:hover,
        .videoSliderWrapper .thumbs a.selected {
            border-color: #e1161f;
        }

    .videoSliderWrapper #prevThumb, .videoSliderWrapper #nextThumb {
        background: transparent url("../../../img/MDU/carouselLeft.png") no-repeat 0 0;
        display: block;
        width: 12px;
        height: 21px;
        margin-top: -10px;
        position: absolute;
        bottom: 0;
    }

    .videoSliderWrapper #prevThumb {
        left: 10px;
    }

    .videoSliderWrapper #nextThumb {
        background-image: url(../../../img/MDU/carouselRight.png);
        right: 10px;
    }

        .videoSliderWrapper #prevThumb.disabled, .videoSliderWrapper #nextThumb.disabled {
            display: none !important;
        }

.eventsHeader {
    height: 250px;
}

/*Tabs*/
.tabs {
    border-bottom: 4px solid #e1161f;
    overflow: hidden;
}

    .tabs li {
        float: left;
        margin-right: 4px;
    }

        .tabs li a {
            padding: 10px;
            color: #fff;
            background-color: #17365d;
            border-bottom: 4px solid #e8ebef;
            display: block;
            font-size: 14px;
            font-weight: bold;
        }

            .tabs li a.active {
                background-color: #e1161f;
                border-bottom-color: #e1161f;
            }

/*Event landing page*/
#courses,
.seminars {
    background-color: #fff;
    padding: 25px 20px 1px;
    position: absolute;
    top: -100000px;
    left: -10000px;
    zoom: 1;
}

    #courses .course,
    .seminars .course {
        padding-bottom: 25px;
        margin-bottom: 25px;
        border-bottom: 1px solid #817d7c;
    }

        #courses .course:last-child, #courses .course.last,
        .seminars .course:last-child, .seminars .course.last {
            border: 0;
        }

        #courses .course .left,
        .seminars .course .left {
            width: 460px;
            padding-right: 20px;
            margin-right: 20px;
            border-right: 1px solid #817d7c;
        }

            #courses .course .left .details,
            .seminars .course .left .details {
                overflow: hidden;
                margin-bottom: 15px;
            }

                #courses .course .left .details li,
                .seminars .course .left .details li {
                    float: left;
                    color: #17365d;
                    font-size: 14px;
                    margin-right: 10px;
                    padding-right: 10px;
                    border-right: 1px solid #817d7c;
                }

                    #courses .course .left .details li:last-child, #courses .course .left .details li.last,
                    .seminars .course .left .details li:last-child, .seminars .course .left .details li.last {
                        border: 0;
                    }

                    #courses .course .left .details li.time,
                    .seminars .course .left .details li.time {
                        border: 0;
                        padding-top: 10px;
                    }

            #courses .course .left .description,
            .seminars .course .left .description {
                font-size: 14px;
                line-height: 1.4;
                margin-top: 15px;
            }

            #courses .course .left .credits,
            .seminars .course .left .credits {
                color: red;
                border: 1px solid red;
                font-weight: bold;
                padding: 0 3px;
                display: inline;
                font-size: 13px;
            }

        #courses .course .right,
        .seminars .course .right {
            text-align: right;
            width: 145px;
        }

            #courses .course .right .ctaGreen,
            .seminars .course .right .ctaGreen {
                float: right;
                font-size: 14px;
                margin-right: 0;
                margin-bottom: 20px;
            }

            #courses .course .right p.cost,
            .seminars .course .right p.cost {
                clear: both;
            }

            #courses .course .right label,
            .seminars .course .right label {
                text-align: left;
                display: block;
            }

            #courses .course .right input,
            .seminars .course .right input {
                float: left;
                margin-right: 10px;
            }

        #courses .course h3,
        .seminars .course h3 {
            font-size: 18px;
        }


.seminarForm {
    background: #fff;
    padding: 10px 20px;
    display: none;
}

    .seminarForm div {
        margin-bottom: 15px;
        overflow: hidden;
        font-size: 14px;
    }

        .seminarForm div a {
            text-decoration: underline;
        }

        .seminarForm div .ctaGreen {
            display: inline-block;
            text-decoration: none;
            margin: 0 10px 0 0;
            font-size: 14px;
        }

    .seminarForm label {
        font-weight: bold;
        font-size: 14px;
        float: left;
        width: 170px;
        margin-right: 20px;
        clear: left;
    }

    .seminarForm input {
        float: left;
        width: 225px;
        padding: 5px;
    }

        .seminarForm input.short {
            width: 80px;
            margin-right: 15px;
        }

        .seminarForm input.ctaGreen {
            width: auto;
            padding: 5px 25px 5px 10px;
            margin-left: 190px;
            font-size: 14px;
        }

.standardP h3 {
    font-size: 18px;
    margin-bottom: 7px;
}

.standardP p {
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 20px;
}

    .standardP p a {
        text-decoration: underline;
    }

/*Event detail page*/
.courseInfo .section {
    width: 690px;
}

.courseInfo p.details {
    color: #17365d;
}

.courseInfo div.overallRating {
    float: left;
    height: 40px;
    margin-right: 10px;
}

.courseInfo p.cpd span {
    color: red;
    border: 1px solid red;
    font-weight: bold;
    padding: 0 3px;
}

.courseInfo .paleBlue {
    padding: 18px 0;
}

.courseInfo .column {
    border-bottom: 1px solid #817d7c;
    margin: 0 20px 20px 20px;
    padding-bottom: 20px;
    display: table;
}

    .courseInfo .column.last {
        border: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }

.courseInfo .third {
    padding-left: 16px;
    width: 196px;
    border-right: 1px solid #817d7c;
    padding-bottom: 10px;
    display: inline-block;
    vertical-align: top;
}

    .courseInfo .third.first {
        padding-left: 0;
        width: 212px;
    }

    .courseInfo .third.last {
        border: 0;
    }

.courseInfo .twothirds {
    display: table-cell;
    width: 429px;
    border-right: 1px solid #817d7c;
}

    .courseInfo .twothirds.noborder {
        border: 0;
        width: 434px;
    }

.courseInfo .column p {
    margin-bottom: 5px;
    font-size: 14px;
}

.courseInfo h3 {
    font-size: 35px;
}

.courseInfo ul li.file {
    background-image: url(../../../img/MDU/pdf.png);
    background-position: 2px 2px;
}

    .courseInfo ul li.file a {
        width: 100%;
        padding-left: 8px;
        font-weight: normal;
        color: #333333;
        display: block;
        font-size: 14px;
        float: none;
    }

        .courseInfo ul li.file a span {
            font-size: 12px;
            display: block;
        }

.courseInfo .column blockquote {
    border: 0;
    margin-top: -18px;
    margin-bottom: 0;
    padding: 18px 14px 4px 16px;
    background-image: url(../../../img/MDU/leftBlockQuoteRed.png);
}

    .courseInfo .column blockquote p span {
        font-family: 'Chaparral Pro';
        font-size: 17px;
        background: url(../../../img/MDU/rightBlockQuoteRed.png) no-repeat right bottom;
        padding-right: 15px;
    }

    .courseInfo .column blockquote:after {
        content: none;
    }

.courseInfo .column p.source {
    padding-left: 16px;
    font-size: 13px;
}

.courseInfo .ctaGreen {
    display: block;
    float: left;
    margin-bottom: 0;
}

#about,
#time,
#reviews {
    background-color: #fff;
    padding: 25px 20px 10px;
    border: 0;
    font-size: 13px;
    margin: 0 0 20px 0;
    float: none;
    position: absolute;
    left: -10000px;
    width: 100%;
}


.tabactive {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
}

#time .ctaGreen {
    margin-bottom: 10px;
    font-size: 14px;
}

#time iframe {
    margin-bottom: 15px;
}

#time div.left {
    width: 180px;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #817d7c;
    margin-bottom: 15px;
}

.courseDetails {
    margin-bottom: 30px;
}

.speakers h2 {
    padding-left: 0;
    margin-bottom: 10px;
}

.speakers p.name {
    margin-bottom: 0;
}

/*Event booking page*/
ul.bookDetails {
}

    ul.bookDetails li {
        background: none;
        padding-left: 0 !important;
        margin-bottom: 5px;
        clear: both;
    }

        ul.bookDetails li strong {
            float: left;
        }

    ul.bookDetails.large li strong {
        width: 140px;
    }

    ul.bookDetails li span {
        float: left;
        width: 370px;
        margin-left: 6px;
    }

    ul.bookDetails.large li span {
        width: 330px;
        margin-left: 6px;
    }

    ul.bookDetails li a {
    }

/*Support landing page*/
.copy-area div ul li {
    background-image: url(../../../img/MDU/rightArrowRed.png);
    background-repeat: no-repeat;
    background-position: 2px;
    padding-left: 1em;
}

    .copy-area div ul li a {
        font-size: 0.8em;
        font-weight: bold;
        color: #17365D;
    }

/*----------------------------------Reusable modules----------------------------------*/

/*Standard module*/
.modular-box {
    float: left;
}

    .modular-box h4 {
        /*font-family: BasicCommercialLTCom-Bold;*/
        font-weight: 600;
        /*font-style: normal;*/
    }

        .modular-box h4 span, .modular-box h3 span {
            font-size: 18px;
        }

        .modular-box h4 a, .modular-box h5 a {
            background: none;
            padding: 0;
            float: none;
        }

    /*.modular-box img {
    max-width:150px;
}*/

    .modular-box p {
        margin-left: 0.5em;
        font-size: 12px;
        font-weight: normal;
    }

    .modular-box ul {
        float: left;
        width: 100%;
    }

        .modular-box ul li {
            background-image: url(../../../img/MDU/rightArrowRed.png);
            background-repeat: no-repeat;
            background-position: 2px 3px;
            padding-left: 1em;
            float: left;
            width: 100%;
            margin-top: 0.3em;
        }

            .modular-box ul li.journalfile {
                background: none;
                padding-left: 0;
            }

                .modular-box ul li.journalfile a.file {
                    background-image: url(../../../img/MDU/pdf.png);
                    background-position: 2px 2px;
                    display: block;
                    margin-top: 9px;
                    padding-left: 21px;
                    text-decoration: none;
                }

                .modular-box ul li.journalfile a:hover {
                    text-decoration: underline;
                }

                .modular-box ul li.journalfile img {
                    padding: 0;
                }

            .modular-box ul li a {
                padding: 0 0 0 0;
                margin: 0 0 0 0;
                font-size: 14px;
                font-weight: bold;
                color: #333;
                background-image: none;
                padding-left: 0;
            }

    .modular-box .ctaGreen {
        font-size: 18px;
    }

    .modular-box a {
        background-repeat: no-repeat;
    }

        .modular-box a.image {
            background: none;
            display: block;
            padding: 0;
            margin: 0;
            float: none;
        }

        .modular-box a.ctaGreen {
            left: -5px;
            margin: 1px 0 0 0;
            position: relative;
            padding: 20px 18px !important;
        }

        .modular-box a.email {
            background: none;
            display: block;
            padding: 0;
            margin: 0;
            float: none;
            font-weight: normal;
            -ms-word-break: break-all;
            word-break: break-all;
        }

.sideBar .modular-box a.ctaGreen {
    padding: 20px 18px !important;
}

/*Blue box module*/
.blue-box h4, .blue-box h5 {
    margin-bottom: 0;
    font-family: Arial;
}

    .blue-box h4 span {
        color: #17365D;
        display: block;
        font-size: 22px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .blue-box h5 span {
        color: #17365D;
        display: block;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 8px;
        margin-top: 10px;
    }

/*Red box module*/
.red-box h3, .chooseus .filter-box h4 span {
    /*margin-bottom: 0;*/
    font-family: BasicCommercialLTCom-Bold;
    font-weight: normal;
    font-style: normal;
}

    .red-box h3 span {
        background: #E1161F;
        color: #000;
        box-shadow: 5px 0 0 #E1161F,-5px 0 0 #E1161F;
        -moz-box-shadow: 5px 0 0 #E1161F,-5px 0 0 #E1161F;
        -webkit-box-shadow: 5px 0 0 #E1161F,-5px 0 0 #E1161F;
        color: #FFFFFF;
        background-color: #E1161F;
        padding-right: 4px;
        padding-bottom: 1px;
    }

    .red-box h3.blue span {
        background: #15355F;
        color: #000;
        box-shadow: 5px 0 0 #15355F,-5px 0 0 #15355F;
        -ms-box-shadow: 5px 0 0 #15355F,-5px 0 0 #15355F;
        -moz-box-shadow: 5px 0 0 #15355F,-5px 0 0 #15355F;
        -webkit-box-shadow: 5px 0 0 #15355F,-5px 0 0 #15355F;
        color: #FFFFFF;
        background-color: #15355F;
        padding-right: 4px;
        padding-bottom: 1px;
    }


/*Join MDU module*/
.join-box h4 {
    font-family: Arial;
    font-weight: bold;
}

    .join-box h4 span {
        color: #17365D;
        font-size: 22px;
    }

.join-box ul {
    width: 210px;
    padding: 0 10px 0 9px;
    float: left;
    border-right: 1px solid #817d7c;
    margin-bottom: 20px;
}

    .join-box ul:last-child {
        border: 0;
    }

    .join-box ul li {
        background-image: url('../../../img/MDU/joinTick.png');
        padding-left: 50px;
        background-position: 2px 3px;
        width: auto;
        font-size: 14px;
        margin-bottom: 10px;
    }

/*Stats module*/
.modular-chart {
    float: left;
    width: 295px;
    padding-right: 1em;
    margin-left: 1em;
    min-height: 100px;
    border-right: 1px solid #817D7C;
    text-align: center;
}

    .modular-chart:last-child, .modular-chart.last {
        border-right: none;
    }

    .modular-chart p {
        float: right;
        width: 70%;
        font-size: 18px;
        font-family: BasicCommercialLTCom-Bold;
        font-weight: normal;
        font-style: normal;
        color: #666666;
        text-align: left;
    }

        .modular-chart p em {
            color: #17365D;
            font-size: 20px;
            font-style: normal;
        }

    .modular-chart img {
        float: left;
        max-width: 28%;
    }

/*Quote module*/
.quote-box blockquote {
    background: url("../../../img/MDU/leftBlockQuote.png") no-repeat scroll 9px 3px transparent;
    border: 0 none;
    color: inherit;
    font-family: inherit;
    font-size: 14px;
    margin: 0 30px 10px 0;
    padding: 0 0 0 30px;
}

.quote-box .citation {
    margin: 0 20px 15px;
    font-size: 13px;
}

.quote-box h4 {
    margin-bottom: 0;
    border-left: 10px solid #E1161F;
}

    .quote-box h4 span {
        background-color: #E1161F;
        color: #FFFFFF;
        padding-bottom: 1px;
        padding-right: 4px;
    }

/*Home - 3x modules */
.blue-boxes {
    width: 1098px;
    margin: 0 auto;
    background: #fff;
    padding-bottom: 28px;
}

    .blue-boxes .modular-box {
        width: 280px;
        float: left;
        padding: 0 16px;
        margin-top: 1.5em;
        border-left: 1px solid #817D7C;
    }

        .blue-boxes .modular-box:first-child {
            border-left: 0;
            width: 281px;
        }

        .blue-boxes .modular-box p {
            margin-left: 0;
            margin-bottom: 0.3em;
        }

        .blue-boxes .modular-box a {
            margin-left: 0;
        }

    .blue-boxes .first {
        border-left: none;
    }

/*Home - 3x chart modules*/
.full-width-charts {
    width: 1098px;
    margin: 0 auto;
    background-color: #ffffff;
    padding-top: 44px;
}

/*Home & Landing - 2x modules with bg image */
.imageBackground {
    height: 285px;
}

.skills {
    height: 228px;
}

.imageBackground .wrapCenter {
    width: 650px;
    margin: 0 auto;
}

.imageBackground .box {
    -moz-box-shadow: 2px 3px 10px #888;
    -webkit-box-shadow: 2px 3px 10px #888;
    box-shadow: 2px 3px 10px #888;
    margin: 10px 20px 40px 0;
    width: 315px;
}

    .imageBackground .box a {
        margin-left: 10px;
    }

    .imageBackground .box:last-child, .imageBackground .box.last {
        margin-right: 0;
    }

    .imageBackground .box h4 {
        margin-bottom: 10px;
        *margin-bottom: 0;
    }

    .imageBackground .box p {
        font-size: 14px;
        margin: 10px;
    }

.image-boxes {
    width: 100%;
    float: left;
    -moz-box-shadow: inset 0 10px 10px -10px #888, inset 0 -10px 10px -10px #888;
    -webkit-box-shadow: inset 0 10px 10px -10px #888, inset 0 -10px 10px -10px #888;
    box-shadow: inset 0 10px 10px -10px #888, inset 0 -10px 10px -10px #888;
    padding-bottom: 39px;
}

    .image-boxes .modular-box {
        width: 318px;
        float: left;
        padding: 12px 0 10px;
        -webkit-box-shadow: #888888 2px 3px 10px;
        box-shadow: #888888 2px 3px 10px;
        margin-right: 32px;
        background-color: #fff;
        margin-top: 40px;
    }

        .image-boxes .modular-box h4 {
            margin-left: 5px;
        }

        .image-boxes .modular-box p {
            font-size: 14px;
            margin-top: 12px;
        }

        .image-boxes .modular-box a {
            font-size: 14px;
        }

            .image-boxes .modular-box a.ctaGreen {
                left: 0;
            }

/*Landing - all modules*/
.landing .modular-chart {
    width: 190px;
    margin-bottom: 2em;
}

    .landing .modular-chart p {
        width: 100%;
        font-size: 14px;
        margin-top: 1em;
        text-align: left;
        font-family: Arial;
    }

        .landing .modular-chart p em {
            font-size: 16px;
        }

    .landing .modular-chart img {
        padding-left: 50px;
        max-width: 100%;
    }

/*Landing - 3x modules without bg*/
.landing-boxes {
    width: 100%;
    padding-bottom: 28px;
}

    .landing-boxes .first {
        border-left: none;
    }

    .landing-boxes .modular-box {
        width: 218px;
        float: left;
        padding: 0 16px;
        margin-top: 1.5em;
    }

        .landing-boxes .modular-box p {
            margin-left: 0;
            margin-bottom: 0.3em;
        }

        .landing-boxes .modular-box a {
            margin-left: 0;
        }

    .landing-boxes .join-box {
        width: 690px;
        margin-top: 0;
    }

/*Landing - 3x modules without bg*/
.landing-boxes-large {
    width: 100%;
    padding-bottom: 28px;
}

    .landing-boxes-large .modular-box {
        width: 344px;
        float: left;
        padding: 0 16px;
        margin-top: 1.5em;
    }

        .landing-boxes-large .modular-box:first-child {
            border-right: 1px solid #817D7C;
        }

        .landing-boxes-large .modular-box p {
            margin-left: 0;
            margin-bottom: 0.3em;
        }

        .landing-boxes-large .modular-box a, .landing-boxes-large .modular-box span {
            margin-left: 0;
            margin-top: 0;
        }

        .landing-boxes-large .modular-box img {
            float: left;
            padding-right: 8px;
            display: block;
        }

.center-float {
    float: right;
    position: relative;
    left: -50%;
    text-align: left;
}

.float-container {
    list-style: none;
    position: relative;
    zoom: 1;
    left: 50%;
}

.landing .float-container {
    left: 67%;
}

/*Landing x boxes on blue background*/
.landing-boxes-two .modular-box {
    background-color: #FFFFFF;
    margin: 10px 20px 10px 0;
    padding-top: 15px;
    padding-bottom: 10px;
    width: 325px;
    float: none;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

    .landing-boxes-two .modular-box h4 {
        margin-bottom: 15px;
        margin-left: 5px;
    }

    .landing-boxes-two .modular-box p {
        margin-bottom: 10px;
        padding: 0 10px;
    }

/*Sidebar modules*/
.sideBar .modular-box {
    width: 100% !important;
    margin-bottom: 16px;
    background-color: #ffffff;
    height: auto;
    padding-bottom: 10px;
    box-sizing: border-box;
}

    .sideBar .modular-box h5 a, .sideBar .modular-box h5 a span {
        margin-top: 0;
    }

    .sideBar .modular-box p {
        padding: 7px;
        font-size: 18px;
    }

        .sideBar .modular-box p > strong {
            font-weight: 600;
        }

    .sideBar .modular-box img {
        max-width: 146px;
        display: block;
        padding: 7px;
    }

    .sideBar .modular-box ul {
        padding-left: 0.5em;
    }

        .sideBar .modular-box ul li {
            padding: 6px;
            background-position: 2px 6px;
        }

            .sideBar .modular-box ul li:last-child {
                border: 0;
            }

            .sideBar .modular-box ul li a {
                font-weight: 600;
                font-size: 18px;
                padding-left: 18px;
                text-decoration: none;
                color: @mduBlue;
            }

    /*.sideBar .modular-box a {
    float: none;
    font-size: 12px;
}*/

    .sideBar .modular-box a.green {
        margin-left: 0;
        margin-bottom: 0.5em;
        font-size: 1em;
    }

/*.sideBar .modular-box a.ctaGreen {
    background: #abc22b url('../../../img/MDU/rightArrowSmall.png') no-repeat right center;
    -webkit-box-shadow: 5px 0 0 #abc22b, -5px 0 0 #abc22b;
    -moz-box-shadow: 5px 0 0 #abc22b, -5px 0 0 #abc22b;
    box-shadow: 5px 0 0 #abc22b, -5px 0 0 #abc22b;
    color: #18355D;
    padding: 3px 16px 3px 0;
    left: 5px;
    margin: 0;
    font-weight: bold;
}*/

.sideBar .blue-box {
    background: none;
}

    .sideBar .blue-box h4 span {
        font-size: 15px;
        padding-left: 0.5em;
        margin-bottom: 6px;
    }

    .sideBar .blue-box p {
        padding: 0;
        margin-left: 0;
    }

.sideBar .red-box h4, .sideBar .red-box h3 {
    margin-top: 10px;
    margin-left: 5px;
}



.sideBar .filter-box {
    padding: 0;
}

    .sideBar .filter-box h4 {
        /*margin-bottom: 0;*/
        margin-left: 5px;
        /*font-family: Arial;*/
    }

        .sideBar .filter-box h4 span {
            font-size: 13px;
            color: #333333;
            /*font-weight: bold;*/
        }

    .sideBar .filter-box .form {
        padding: 5px;
    }

/*----------------------------------Non-reusable modules----------------------------------*/
/*Module - partner*/
.logoText h5 {
    font-size: 16px;
    margin-bottom: 4px;
}

.logoText img {
    float: left;
}

.logoText div {
    padding-left: 20px;
    border-left: 1px solid #817d7c;
    float: left;
    margin-left: 20px;
    margin-bottom: 30px;
    font-size: 15px;
}

    .logoText div p {
        width: 600px;
        margin-bottom: 1px;
    }

    .logoText div a.leftArrow {
        padding-left: 15px;
        background-position: left 3px;
    }

.bottom-sidenav-fix {
    position: relative;
    z-index: 10;
    border-top: 20px solid #E8EBEF;
}

.bottom-sidenav-fix-white {
    position: relative;
    z-index: 10;
    border-top: 20px solid white;
}




.sideNavEnabled .chooseus .pushLeft {
    padding-left: 240px;
    width: 680px;
}

    .sideNavEnabled .chooseus .pushLeft.wide {
        width: 690px;
        padding-right: 10px;
    }

    .sideNavEnabled .chooseus .pushLeft.join {
        padding-top: 26px;
    }

.chooseus input.ctaGreen {
    margin-bottom: 0;
}

.sideNavWrapper.chooseus .sideNav {
    top: 0;
}

.chooseus .sideBar {
    width: 238px;
    margin-left: 20px;
    padding: 0;
    background: none;
}

    .chooseus .sideBar.standard {
        background-color: #D4D8DE;
        margin-left: 40px;
        padding: 15px 10px 0;
        width: 160px;
    }

.chooseus .modules .sideBar {
    width: 690px;
    margin-left: 0;
}

    .chooseus .modules .sideBar .modular-box {
        float: left;
        width: 335px;
        padding-top: 16px;
        margin-right: 18px;
        -moz-box-shadow: 5px 5px 5px #F3F3F3;
        -webkit-box-shadow: 5px 5px 5px #F3F3F3;
        -ms-box-shadow: 5px 5px 5px #F3F3F3;
        box-shadow: 5px 5px 5px #F3F3F3;
        border-top: 1px solid #F3F3F3;
        border-left: 1px solid #F3F3F3;
    }

    .chooseus .modules .sideBar .red-box h4, .chooseus .modules .sideBar .filter-box h4, .chooseus .modules .sideBar .red-box h4, .chooseus .modules .sideBar .filter-box h4 {
        margin-left: 18px;
    }

        .chooseus .modules .sideBar .red-box h4 span, .chooseus .modules .sideBar .filter-box h4 span,
        .chooseus .modules .sideBar .red-box h4 span, .chooseus .modules .sideBar .filter-box h3 span {
            -moz-box-shadow: 18px 0 0 #E1161F,-18px 0 0 #E1161F;
            -webkit-box-shadow: 18px 0 0 #E1161F,-18px 0 0 #E1161F;
            -ms-box-shadow: 18px 0 0 #E1161F,-18px 0 0 #E1161F;
            box-shadow: 18px 0 0 #E1161F,-18px 0 0 #E1161F;
        }

    .chooseus .modules .sideBar .modular-box p {
        padding-left: 18px;
    }

    .chooseus .modules .sideBar .modular-box img {
        padding-left: 18px;
    }

    .chooseus .modules .sideBar .modular-box p img {
        padding-left: 0;
    }

    .chooseus .modules .sideBar .modular-box a.ctaGreen {
        margin-left: 18px;
    }

    .chooseus .modules .sideBar .modular-box p a.ctaGreen {
        margin-left: 0;
    }

.chooseus .modules .modular-box:last-child {
    margin-right: 0;
}

.chooseus .benefits h1 {
    margin-bottom: 50px;
    float: left;
    font-family: BasicCommercialLTCom-Bold;
    font-style: normal;
    font-weight: normal;
    line-height: 1.43;
    padding: 6px 15px;
    white-space: pre-line;
}

    .chooseus .benefits h1 span {
        position: relative;
    }

.chooseus .benefits .third {
    width: 216px;
    margin-right: 16px;
    float: left;
}

    .chooseus .benefits .third.last {
        margin-right: 0;
    }

    .chooseus .benefits .third h3 {
        background: #E2E6EC;
        color: #333333;
        font-weight: bold;
        font-size: 18px;
        font-family: Arial;
        padding: 14px 0 14px 20px;
        margin: 0;
    }

    .chooseus .benefits .third ul {
    }

        .chooseus .benefits .third ul li {
            background: #ABC12B url('../../../img/MDU/benefits-tick.png') 190px center no-repeat;
            border-bottom: 1px solid #fff;
            padding: 0;
        }

            .chooseus .benefits .third ul li span {
                background: #D3D7DF;
                width: 146px;
                display: block;
                padding: 14px 20px 14px 20px;
                font-size: 14px;
                line-height: 1.5em;
                cursor: pointer;
            }

.chooseus .slideContent {
    padding-top: 20px;
    position: relative;
}

.chooseus .imageBackground {
    position: relative;
    overflow: hidden;
}

    .chooseus .imageBackground h2 {
        display: inline;
        background: none;
        font-size: 36px;
        font-weight: bold;
        color: #fff;
        padding: 0;
        margin: 0;
    }

        .chooseus .imageBackground h2 span {
            display: block;
            float: left;
            background-color: #e1161f;
            padding: 6px 15px 6px;
        }

    .chooseus .imageBackground p {
        padding: 10px 15px;
        background: #e1161f;
        width: 207px;
        margin: 0;
        color: #fff;
        font-size: 14px;
        position: absolute;
        bottom: 18px;
        right: 90px;
    }

    .chooseus .imageBackground.double p.first {
        right: 46px;
        top: 105px;
        bottom: auto;
    }

    .chooseus .imageBackground.double p.second {
        right: 480px;
        top: 160px;
        bottom: auto;
    }

    .chooseus .imageBackground .redline {
        background: url("../../../img/MDU/redline.png") no-repeat scroll 60% center transparent;
        height: 100%;
        position: absolute;
        width: 100%;
    }

    .chooseus .imageBackground.double .redline {
        background: url("../../../img/MDU/redline-double-one.png") no-repeat scroll 84% 24% transparent;
        height: 100%;
        position: absolute;
        width: 100%;
    }

    .chooseus .imageBackground.double .redline-two {
        background: url("../../../img/MDU/redline-double-two.png") no-repeat scroll 71% 53% transparent;
        height: 100%;
        position: absolute;
        width: 100%;
    }

    .chooseus .imageBackground.green {
        background: none;
    }

        .chooseus .imageBackground.green .redline {
            background: url("../../../img/MDU/redline-green.png") no-repeat scroll 60% center transparent;
        }

        .chooseus .imageBackground.green h1 {
            background-color: #ABC12B;
            color: #18355D;
        }

        .chooseus .imageBackground.green p {
            background-color: #ABC12B;
            color: #18355D;
        }

.chooseus iframe {
    margin-bottom: 25px;
}

.chooseus .read-more {
    background-image: url(../../../img/MDU/rightArrowRed.png);
    background-repeat: no-repeat;
    background-position: 2px;
    padding-left: 1.2em;
    font-size: 14px;
    font-weight: bold;
}

    .chooseus .read-more.open {
        background-image: url(../../../img/MDU/downArrow.png);
    }

.chooseus .section.hide {
    display: none;
}

.chooseus .video {
    position: relative;
}

    .chooseus .video .read-more {
        bottom: 27px;
        position: absolute;
        left: 452px;
    }

.chooseus select {
    margin-top: 10px;
    width: 572px;
    padding: 3px 3px 5px;
}

.chooseus .section {
    border-bottom: 0;
    margin-bottom: 10px;
}

    .chooseus .section.hide p {
        font-size: 12px;
    }

    .chooseus .section .intro, .chooseus .section.intro {
        margin: 2px 0 30px;
    }

.chooseus .videosection .section .intro, .chooseus .videosection .section.intro {
    margin: 2px 0 8px;
}

.chooseus .join .section .intro, .chooseus .join .section.intro {
    margin: 2px 0 8px;
}

.chooseus .section .intro p, .chooseus .section.intro p {
    font-size: 20px;
    font-family: 'Chaparral Pro', Georgia;
    font-style: italic;
}

.chooseus .benefits-form {
    text-align: center;
    width: 430px;
    margin: 0 auto 20px;
}

    .chooseus .benefits-form .section {
        position: relative;
        width: 100%;
    }

        .chooseus .benefits-form .section .intro {
            margin-bottom: 0;
        }

            .chooseus .benefits-form .section .intro h4 {
                font-family: Georgia;
                font-weight: bold;
                font-size: 18px;
                color: #333333;
                font-style: italic;
            }

            .chooseus .benefits-form .section .intro p {
                font-size: 14px;
                margin-bottom: 16px;
            }

    .chooseus .benefits-form .form {
        margin: 0 auto;
        width: 362px;
    }

        .chooseus .benefits-form .form .dropdown {
            background: #C7D773;
            float: left;
            height: 40px;
        }

        .chooseus .benefits-form .form select {
            width: auto;
            padding: 0;
            margin: 11px 20px;
        }

        .chooseus .benefits-form .form .ctaGreen {
            padding: 11px 26px 11px 8px;
            margin: 0;
            float: left;
            height: 40px;
            position: relative;
        }

.chooseus h2.tick {
    background: url('../../../img/MDU/benefits-tick.png') left no-repeat;
    padding-left: 30px;
}

.chooseus .join h3, .chooseus .join h2 {
    font-size: 25px;
    font-weight: bold;
}

.chooseus .section p {
    font-size: 12px;
    margin-bottom: 24px;
}

.chooseus .join .section p {
    margin-bottom: 8px;
}

.chooseus .section p.phone {
    color: #E1171F;
    font-weight: bold;
    font-size: 18px;
}

.chooseus .section.buttons {
    margin: 8px 0 18px;
}

    .chooseus .section.buttons a.ctaGreen {
        display: block;
        float: left;
    }


.chooseus .sideBar .modular-box {
    background: none;
}

    .chooseus .sideBar .modular-box p {
        padding: 0;
        margin: 8px 0 8px 0;
        font-size: 14px;
    }


.chooseus .sideBar .red-box h4 {
    margin-top: 0;
}

.chooseus .sideBar .filter-box h4 {
    margin-bottom: 0;
    font-family: BasicCommercialLTCom-Bold;
    font-weight: normal;
    font-style: normal;
}

    .chooseus .sideBar .filter-box h4 span {
        color: #ffffff;
        font-size: 18px;
        font-weight: normal;
    }

/*choose us style*/
.choosePage .sideNav .linkedBoxes {
    padding: 20px 0 18px;
    width: 190px;
    float: left;
    border-bottom: 1px solid #8C9BAE;
}

    .choosePage .sideNav .linkedBoxes li a {
        border: none;
        background-color: #e1161f;
        padding: 6px 20px;
        margin: 0 10px 10px 10px;
        font-size: 1.2em;
    }

.choosePage .sideNav .secondLevel {
    clear: left;
}

.choosePage .sideNav .linkedBoxes li .active {
    background-color: #DF1921;
    border: 1px solid #F4767A;
    padding: 5px 19px;
}

.choosePage .sideNav .linkedBoxes li.nav-0 {
    background-image: url('../../../img/MDU/line1.png');
    background-position: 90% 146%;
    background-repeat: no-repeat;
}

.choosePage .sideNav .linkedBoxes li.nav-1 {
    background-image: url('../../../img/MDU/line2.png');
    background-position: 0% 126%;
    background-repeat: no-repeat;
}

.choosePage .sideNav .linkedBoxes li.nav-2 {
    background-image: url('../../../img/MDU/line3.png');
    background-position: 100% 126%;
    background-repeat: no-repeat;
}

.choosePage .sideNav .linkedBoxes li.nav-3 {
    background-image: url('../../../img/MDU/line4.png');
    background-position: 38% 100%;
    background-repeat: no-repeat;
}

.choosePage .sideNav .linkedBoxes li.left {
    float: left;
}

.choosePage .sideNav .linkedBoxes li.right {
    float: right;
}

.choosePage #floatingTopMenu {
    -webkit-transition: top 0.2s;
    -moz-transition: top 0.2s;
    -ms-transition: top 0.2s;
    -o-transition: top 0.2s;
    transition: top 0.2s;
}

.fixme {
    position: fixed;
}

#floatingTopMenu.fixme {
    position: fixed;
    left: 50%;
    margin-left: -549px;
    top: 0;
    z-index: 99999;
}

#floatingNav.fixme {
    position: fixed;
    z-index: 99999;
    top: 44px;
    width: 190px;
}

.leaveme {
    position: absolute;
}



/*Icon tabs*/

.tabs-icons li {
    float: left;
    height: 68px;
    padding-bottom: 30px;
}

    .tabs-icons li.active {
        background: url('../../../img/MDU/tab-selected.png') no-repeat bottom;
    }

    .tabs-icons li a {
        margin: 0 78px;
    }

        .tabs-icons li a.icon {
            display: block;
            background-position: bottom;
            background-repeat: no-repeat;
        }

    .tabs-icons li.active a.icon {
        font-weight: bold;
        background-position: top;
    }


.wrapper.wrappertabs {
    background: #17355D;
    margin-top: -20px;
}

.wrappertabs .pushLeft {
    padding-top: 22px;
    padding-bottom: 32px;
}

.wrappertabs .tabcontent {
    display: none;
}

.wrappertabs h2 {
    font-family: BasicCommercialLTCom-Bold;
    font-weight: normal;
    font-size: 22px;
    margin-bottom: 22px;
}

.wrappertabs .tabactive {
    display: block;
}

    .wrappertabs .tabactive h2 {
        color: #ffffff;
        padding: 0;
    }

    .wrappertabs .tabactive p {
        color: #ffffff;
        font-size: 14px;
    }