article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden] {
    display: none;
}

html {
    color: #000; /* 2 */
    font-family: sans-serif; /* 3 */
    -ms-text-size-adjust: 100%; /* 4 */
    -webkit-text-size-adjust: 100%; /* 4 */
}

body {
    margin: 0;
}

a:focus {
    outline: thin dotted;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

pre {
    white-space: pre-wrap;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}


svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

    button[disabled],
    html input[disabled] {
        cursor: default;
    }

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}


input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.nobr {
    white-space: nowrap;
}

h1 + img {
    margin-top: -8px;
    margin-bottom: 16px;
}

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    font-size: 100%;
}

body {
    font-size: 62.5%;
    background: white;
    color: #1a1a38;
    padding: 0;
    margin: 0;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    position: relative;
    cursor: default;
}

a:hover {
    cursor: pointer;
}

a:focus {
    outline: none;
}

img,
object,
embed {
    max-width: 100%;
    height: auto;
}

object,
embed {
    height: 100%;
}

img {
    -ms-interpolation-mode: bicubic;
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
    max-width: none !important;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.text-justify {
    text-align: justify !important;
}

.hide {
    display: none;
}

.antialiased {
    -webkit-font-smoothing: antialiased;
}

img {
    display: inline-block;
    vertical-align: middle;
}

textarea {
    height: auto;
    min-height: 50px;
}

select {
    width: 100%;
}

/* Grid HTML Classes */
.row {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 935px;
    *zoom: 1;
}

    .row:before, .row:after {
        content: " ";
        display: table;
    }

    .row:after {
        clear: both;
    }

    .row.collapse .column,
    .row.collapse .columns {
        position: relative;
        padding-left: 0;
        padding-right: 0;
        float: left;
    }

    .row .row {
        width: auto;
        margin-left: 0em;
        margin-right: 0em;
        margin-top: 0;
        margin-bottom: 0;
        max-width: none;
        *zoom: 1;
    }

        .row .row:before, .row .row:after {
            content: " ";
            display: table;
        }

        .row .row:after {
            clear: both;
        }

        .row .row.collapse {
            width: auto;
            margin: 0;
            max-width: none;
            *zoom: 1;
        }

            .row .row.collapse:before, .row .row.collapse:after {
                content: " ";
                display: table;
            }

            .row .row.collapse:after {
                clear: both;
            }

.column,
.columns {
    position: relative;
    padding-left: 0em;
    padding-right: 0em;
    width: 100%;
    float: left;
}


/* atleast 768px; */

.large-1 {
    position: relative;
    width: 10%;
}

.large-2 {
    position: relative;
    width: 20%;
}

.large-3 {
    position: relative;
    width: 30%;
}

.large-4 {
    position: relative;
    width: 40%;
}

.large-5 {
    position: relative;
    width: 50%;
}

.large-6 {
    position: relative;
    width: 60%;
}

.large-7 {
    position: relative;
    width: 70%;
}

.large-8 {
    position: relative;
    width: 80%;
}

.large-9 {
    position: relative;
    width: 90%;
}

.large-10 {
    position: relative;
    width: 100%;
}

.row .large-offset-0 {
    position: relative;
    margin-left: 0%;
}

.row .large-offset-1 {
    position: relative;
    margin-left: 10%;
}

.row .large-offset-2 {
    position: relative;
    margin-left: 20%;
}

.row .large-offset-3 {
    position: relative;
    margin-left: 30%;
}

.row .large-offset-4 {
    position: relative;
    margin-left: 40%;
}

.row .large-offset-5 {
    position: relative;
    margin-left: 50%;
}

.row .large-offset-6 {
    position: relative;
    margin-left: 60%;
}

.row .large-offset-7 {
    position: relative;
    margin-left: 70%;
}

.row .large-offset-8 {
    position: relative;
    margin-left: 80%;
}

.row .large-offset-9 {
    position: relative;
    margin-left: 90%;
}

.push-1 {
    position: relative;
    left: 10%;
    right: auto;
}

.pull-1 {
    position: relative;
    right: 10%;
    left: auto;
}

.push-2 {
    position: relative;
    left: 20%;
    right: auto;
}

.pull-2 {
    position: relative;
    right: 20%;
    left: auto;
}

.push-3 {
    position: relative;
    left: 30%;
    right: auto;
}

.pull-3 {
    position: relative;
    right: 30%;
    left: auto;
}

.push-4 {
    position: relative;
    left: 40%;
    right: auto;
}

.pull-4 {
    position: relative;
    right: 40%;
    left: auto;
}

.push-5 {
    position: relative;
    left: 50%;
    right: auto;
}

.pull-5 {
    position: relative;
    right: 50%;
    left: auto;
}

.push-6 {
    position: relative;
    left: 60%;
    right: auto;
}

.pull-6 {
    position: relative;
    right: 60%;
    left: auto;
}

.push-7 {
    position: relative;
    left: 70%;
    right: auto;
}

.pull-7 {
    position: relative;
    right: 70%;
    left: auto;
}

.push-8 {
    position: relative;
    left: 80%;
    right: auto;
}

.pull-8 {
    position: relative;
    right: 80%;
    left: auto;
}

.push-9 {
    position: relative;
    left: 90%;
    right: auto;
}

.pull-9 {
    position: relative;
    right: 90%;
    left: auto;
}

.column.large-centered,
.columns.large-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
}

.column.large-uncentered,
.columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important;
}

    .column.large-uncentered.opposite,
    .columns.large-uncentered.opposite {
        float: right !important;
    }

.promoText {
    margin-bottom: 16px;
}

@media only screen and (max-width: 767px) {
    .column,
    .columns {
        position: relative;
        padding-left: 0em;
        padding-right: 0em;
        float: left;
    }

    .large-1, .large-2, .large-3, .large-4, .large-5, .large-6, .large-7, .large-8, .large-9, .large-10 {
        width: 100%;
    }

    .small-1 {
        position: relative;
        width: 10%;
    }

    .small-2 {
        position: relative;
        width: 20%;
    }

    .small-3 {
        position: relative;
        width: 30%;
    }

    .small-4 {
        position: relative;
        width: 40%;
    }

    .small-5 {
        position: relative;
        width: 50%;
    }

    .small-6 {
        position: relative;
        width: 60%;
    }

    .small-7 {
        position: relative;
        width: 70%;
    }

    .small-8 {
        position: relative;
        width: 80%;
    }

    .small-9 {
        position: relative;
        width: 90%;
    }

    .small-10 {
        position: relative;
        width: 100%;
    }

    .small-offset-0 {
        position: relative;
        margin-left: 0%;
    }

    .small-offset-1 {
        position: relative;
        margin-left: 10%;
    }

    .small-offset-2 {
        position: relative;
        margin-left: 20%;
    }

    .small-offset-3 {
        position: relative;
        margin-left: 30%;
    }

    .small-offset-4 {
        position: relative;
        margin-left: 40%;
    }

    .small-offset-5 {
        position: relative;
        margin-left: 50%;
    }

    .small-offset-6 {
        position: relative;
        margin-left: 60%;
    }

    .small-offset-7 {
        position: relative;
        margin-left: 70%;
    }

    .small-offset-8 {
        position: relative;
        margin-left: 80%;
    }

    [class*="column"] + [class*="column"]:last-child {
        float: right;
    }

    [class*="column"] + [class*="column"].end {
        float: left;
    }

    .column.small-centered,
    .columns.small-centered {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        float: none !important;
    }


    .push-2, .pull-2 {
        position: relative;
        left: auto;
        right: auto;
    }
}
/*Global
@font-face
{
	font-family: knockout;
	src: url(../font/knockout-htf-49-liteweight.eot);
    src: url(../font/knockout-htf-49-liteweight.eot?#iefix) format(embedded-opentype),
         url(../font/knockout-htf-49-liteweight.woff) format(woff),
         url(../font/knockout-htf-49-liteweight.ttf) format(truetype),
         url(../font/knockout-htf-49-liteweight.svg#Knockout) format(svg);
	font-weight: 500;
	font-style: normal;
}


@font-face {
	font-family: 'Conv_knockout-htf-49-liteweight';
	src: url('../font/knockout-htf-49-liteweight.eot');
	src:  url('../font/knockout-htf-49-liteweight.eot?#iefix') format('embedded-opentype'), url('../font/knockout-htf-49-liteweight.woff') format('woff'), url('../font/knockout-htf-49-liteweight.ttf') format('truetype'), url('../font/knockout-htf-49-liteweight.svg') format('svg');
	font-weight: 500;
	font-style: normal;
}*/
@font-face {
    font-family: 'Conv_knockout-htf-49-liteweight';
    src: url('/font/knockout-htf-49-liteweight.eot');
    src: local('☺'), url('/font/knockout-htf-49-liteweight.ttf') format('truetype'), url('/font/knockout-htf-49-liteweight.svg') format('svg');
    src: url('/font/knockout-htf-49-liteweight.otf');
    font-weight: normal !important;
    font-style: normal;
}

@font-face {
    font-family: 'ITCAvantGardeW04-Book';
    src: url('/font/2AF9A5_0_0.eot');
    src: url('/font/2AF9A5_0_0.eot?#iefix') format('embedded-opentype'),url('/font/2AF9A5_0_0.woff') format('woff'),url('/font/2AF9A5_0_0.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal;
}

* {
    padding: 0;
    margin: 0;
}

body {
    font-family: Arial, sans-serif;
    font-size: 62.5%;
    background-color: #006991;
}

a {
    text-decoration: none;
    color: #006991
}

    a:hover {
        text-decoration: underline;
    }

.page-content {
    background-color: #fff;
    padding: 0 0 25px;
}

.sub-content {
    background-color: #f3f3f3;
    margin: 55px 0 0;
    padding: 0 0 30px;
}

a:focus {
    outline: 1px dotted #333;
}
/*Header*/
header {
    background-color: #fff;
}

.cibselogo {
    float: left;
    background-color: #006991;
    width: 100%;
    height: 186px;
    text-align: center;
    padding-top: 30px;
}

.top-nav {
    float: right;
    margin: 18px 0 0
}

    .top-nav li {
        list-style-type: none;
        float: left;
        border-right: 1px solid #9b9ba8;
        padding: 0 14px;
    }

        .top-nav li:last-child {
            border: none;
            padding-right: 0;
        }

        .top-nav li a {
            font-family: Arial, sans-serif;
            font-size: 1.2em;
            color: #1a1a38;
        }

.basket {
    background-image: url("../images/basket.png");
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
}

.main-nav {
    position: absolute;
    padding: 0;
    margin: 0;
    height: 48px;
    top: 138px;
    right: 0; /*width:747px;auto; overflow:hidden;*/
}

    .main-nav li.nav {
        list-style-type: none;
        float: left;
        border-left: 1px solid #9b9ba8;
        height: 48px;
        padding: 0;
        font-weight: bold;
        line-height: 48px;
    }

        .main-nav li.nav:first-child {
            border: none;
        }

        .main-nav li.nav a.nav-link {
            float: left;
            color: #006991;
            font-size: 18px;
            padding: 0 15px 0 15px;
            text-transform: uppercase;
            height: 48px;
            letter-spacing: 0;
            text-decoration: none;
        }

            .main-nav li.nav a.nav-link:focus {
                outline: 1px dotted #006991;
            }

.main-nav-mycibse li a.nav-link {
    padding: 0 12px;
}

.main-nav li.nav a.nav-link:hover, .main-nav li.Highlighted a.nav-link {
    background: #f3f3f3;
    color: #333333;
}

.main-nav li.nav.selected a.nav-link, .main-nav li.selected a.nav-link:hover {
    background: #006991;
    color: #fff;
}

.main-nav li.nav.last {
    border: none;
    line-height: 44px;
}

    .main-nav li.nav.last a.nav-link {
        background: #f1ab01;
        border: 2px solid #f1ab01;
        padding: 0 13px;
        color: #1a1a38;
    }

        .main-nav li.nav.last a.nav-link:hover {
            background: #eee;
            border: 2px solid #f1ab01;
            padding: 0 13px;
            color: #1a1a38;
        }

    .main-nav li.nav.last.myCibse a.nav-link {
        padding: 0 6px;
    }

        .main-nav li.nav.last.myCibse a.nav-link:hover {
            padding: 0 6px;
        }

.desktop-nav {
    position: relative;
    z-index: 40;
}

    .desktop-nav .columns {
        position: relative;
        z-index: 42;
    }

    .desktop-nav nav {
        z-index: 41;
    }

.float-right {
    float: right;
}

.search-box {
    float: right;
    width: 100%;
    margin: 33px 0 0;
    padding: 0 0 44px;
}

    .search-box .searchBox {
        float: right;
        width: 331px;
        height: 31px;
    }

        .search-box .searchBox .txt-submit {
            float: left;
            width: 277px;
            height: 31px;
            border: 1px solid #e6e6e6;
            padding: 3px 10px 5px;
            font-size: 1.6em;
            color: #707070;
        }

        .search-box .searchBox .btn-submit {
            float: right;
            height: 31px;
            background: #f1ab01;
            border: 2px solid #f1ab01;
            padding: 0 9px;
            width: auto;
            font-weight: bold;
            color: #1a1a38;
            line-height: 31px;
            font-size: 1.6em;
        }

            .search-box .searchBox .btn-submit:hover {
                background: #eee;
                color: #1a1a38;
                border: 2px solid #f1ab01;
            }

.dropdown-nav {
    position: absolute;
    top: 186px;
    width: 935px;
    right: 0;
    z-index: 200;
}

.dropdown-fixed {
    top: 48px;
    position: fixed;
}

.megamenu {
    float: left;
    width: 100%;
    background: #f3f3f3;
    height: auto; /*display:none;*/
    box-shadow: 0 3px 3px 0 #666;
    padding: 10px;
    position: relative;
    z-index: 199;
    line-height: normal;
}

.drop-down {
    position: absolute;
    top: 48px;
    height: 0;
    overflow: hidden; /*display:none;*/
    z-index: 196;
    height: auto;
    overflow: visible;
    max-height: 600px;
}

.main-nav .last .drop-down {
    right: 0px;
}

.open {
    display: block;
    height: auto;
    overflow: visible;
    max-height: 600px;
}


/*.megamenu li {float: none; font-weight: normal; height: auto;border-left: 0px;}*/
.megamenu a {
    font-weight: normal;
}

.menuOverlay {
    float: left;
    width: 100%;
    background: #fff;
    display: none;
    position: absolute;
    z-index: 195;
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85;
    top: 186px;
    left: 0px;
}

.society .menuOverlay {
    top: 48px;
}

.overlay-fixed {
    top: 48px;
    position: fixed;
    height: 100%;
}

.form-fieldset {
    float: left;
    width: 100%;
}

    .form-fieldset .knowledge-search {
        float: left;
        width: 48%;
    }

    .form-fieldset .knowledge-theme {
        float: right;
        width: 48%;
    }

    .form-fieldset label {
        display: none;
    }

    .form-fieldset input {
        display: block;
    }

.page-content .body-copy .form-fieldset {
    font-size: 0.8em;
}

    .page-content .body-copy .form-fieldset label {
        display: inline;
        float: left;
        width: 90px;
        margin: 0 10px 0 0;
        line-height: 26px;
    }

    .page-content .body-copy .form-fieldset .txt-input {
        display: inline;
        float: left;
        width: 400px;
        border: 1px solid #ccc;
    }

    .page-content .body-copy .form-fieldset .rememberme * {
        float: none;
        width: auto;
        display: inline
    }

    .page-content .body-copy .form-fieldset .rememberme label {
        padding: 3px 0 0 10px;
    }

    .page-content .body-copy .form-fieldset .rememberme input {
        margin: -2px 0 0;
    }

.page-content iframe {
    max-width: 100%;
}

.select-surround {
}

.form-fieldset .txt-input {
    height: 29px;
    padding: 0 4px;
    font-size: 16px;
    color: #707070;
    width: 100%;
    border: none;
}

.form-fieldset .button {
    margin: 12px 0 0;
    float: left;
}

.form-fieldset .select-surround {
    width: 100%;
    border: none;
}

    .form-fieldset .select-surround select {
        width: 120%;
    }


.section-story .form-fieldset .knowledge-search {
    width: 100%;
}

.section-story .form-fieldset .txt-input {
    width: 80%;
    float: left;
    font-size: 14px;
}

.section-story .form-fieldset .button {
    float: right;
    margin: 0;
    font-size: 16px;
}

.section-story .form-fieldset .knowledge-theme {
    float: left;
    width: 100%;
    margin: 8px 0 0;
}

    .section-story .form-fieldset .knowledge-theme .select-surround {
        float: left;
        width: 70%;
    }


.select-surround {
    float: left;
    width: 80%;
    overflow: hidden;
    background: url('../images/select-bg.png') no-repeat right center #fff;
    height: 32px;
    border: 1px solid #e6e6e6
}

    .select-surround select {
        float: left;
        height: 29px;
        padding: 4px 10px 3px 7px;
        width: 116%;
        border: none;
        background: none;
        font-size: 14px;
        color: #707070;
    }

.carbon-search .select-surround {
    width: 70%;
}

.carbon-search {
    float: left;
    width: 100%;
}

    .carbon-search label {
        float: left;
        width: 100%;
        padding: 0 0 6px;
    }

    .carbon-search .txt-input {
        float: left;
        width: 100%;
        height: 30px;
        padding: 0 4px;
        margin: 6px 0;
    }

    .carbon-search .radio-input {
        float: left;
        width: 100%;
    }

        .carbon-search .radio-input li {
            float: left;
            width: 100%;
            border: none;
        }

            .carbon-search .radio-input li input {
                float: left;
                margin: 0 10px 0 0;
            }

            .carbon-search .radio-input li label {
                float: none;
            }

    .carbon-search .button {
        float: right;
    }

.body-copy table {
    border: none;
}

    .body-copy table caption {
        text-align: left;
        padding: 0 0 10px;
    }

    .body-copy table tr th {
        background: #005d81;
        color: #fff;
        padding: 12px 14px;
        border: none;
        text-align: left;
    }

        .body-copy table tr th:nth-child(even) {
            background: #006991;
        }

    .body-copy table tr td {
        background: #fff;
        color: #333;
        border: none;
        padding: 10px 14px;
        text-align: left;
    }

    .body-copy table tr:nth-child(odd) td {
        background: #f3f3f3;
    }

    .body-copy table.EditingFormTable tr:nth-child(odd) td {
        background: none;
    }

.body-copy .EditingFormTable {
    float: left;
    width: 100%;
    margin: 0 0 20px;
}

    .body-copy .EditingFormTable .EditingFormLabelCell {
        float: left;
        width: 100%;
        padding: 10px 0 4px;
        font-weight: bold;
        background: none;
    }

    .body-copy .EditingFormTable .EditingFormValueCell {
        float: left;
        width: 100%;
        padding: 4px 0 15px;
        background: none;
    }

.body-copy .EditingFormButtonCell, .EditingFormButtonLeftCell {
    float: left;
    width: 100%;
    padding: 0;
}

.body-copy .EditingFormValueCell .TextBoxField {
    float: left;
    width: 66%;
    height: 30px;
    padding: 4px 10px;
    border: 1px solid #e6e6e6;
    font-size: 0.9em;
}

.body-copy .EditingFormValueCell textarea {
    float: left;
    width: 100%;
    height: 130px;
    padding: 4px 10px;
    border: 1px solid #e6e6e6;
    font-size: 0.9em;
}

table.order-items tr th, table.order-items tr td {
    padding: 8px 5px;
}

.map-caption {
    float: left;
    width: 100%;
    background: #f2f2f2;
    padding: 10px;
    line-height: 1.33em;
    font-size: 0.9em;
}

.section-content {
    padding: 14px 20px 20px;
}

.section-highlight {
    background: #e6e6e6;
}

.section-content {
    font-size: 1.4em;
    float: left;
    width: 100%;
}

    .section-content h2 {
        font-size: 2em;
        text-transform: uppercase;
        padding: 0 0 10px;
        line-height: 1em;
    }

    .section-content h3 {
        font-size: 2em;
        text-transform: uppercase;
        padding: 0 0 10px;
        line-height: 1em;
    }

    .section-content p {
        padding: 0 0 14px;
        line-height: 1.3em;
        font-weight: normal;
    }

    .section-content ul {
        list-style: none;
        padding: 0 0 10px;
        margin: 0;
    }

        .section-content ul li {
            padding: 5px 0;
            margin: 0;
            line-height: 1.3em;
            border-bottom: 1px solid #d1d1d1;
        }

            .section-content ul li:last-child {
                border: none;
            }

.login {
    float: right;
    width: 40%;
    height: auto
}

    .login p {
        padding: 0 0 30px;
        line-height: 1.3em;
    }

.image-caption {
    font-size: 0.625em;
    float: left;
    width: 100%;
    background: #e6e6e6;
    padding: 0 0 12px;
}

    .image-caption img {
        float: left;
        width: 100%;
        margin: 0 0 12px;
    }

    .image-caption span {
        float: left;
        width: 100%;
        padding: 0 20px 0;
        display: block;
    }

        .image-caption span.category {
            margin: 0 0 6px;
        }

#leftNav {
    list-style: none;
    float: left;
    width: 100%;
    background: #e6e6e6;
    font-size: 1.4em;
    min-height: 1px;
}
    /*#leftNav li {display:none;font-size:1em;}
#leftNav li.CMSListMenuHighlightedLI, #leftNav li.CMSListMenuHighlightedLI li{display: block;}
#leftNav li.CMSListMenuHighlightedLI .CMSListMenuLinkHighlighted{display:none;}
#leftNav li.CMSListMenuHighlightedLI ul .CMSListMenuLinkHighlighted{display:block;}

#leftNav li { float: left; width: 100%; }
#leftNav { float: left; width: 100%;font-size:1em;}*/
    #leftNav li ul {
        float: left;
        width: 100%;
        font-size: 1em;
    }

    #leftNav li {
        float: left;
        width: 100%;
        border-bottom: 1px solid #ababab;
        list-style: none;
    }

        #leftNav li:last-child, #leftNav li.last {
            border: none;
        }

        #leftNav li a, #leftNav li span {
            float: left;
            width: 100%;
            padding: 9px 20px;
            font-size: 1em;
        }

        #leftNav li .CMSListMenuLinkHighlighted, #leftNav li .selected {
            color: #1a1a38;
        }

        #leftNav li ul {
            background: #f2f2f2;
        }

            #leftNav li ul li .CMSListMenuLinkHighlighted, #leftNav li ul li .selected {
                color: #fff;
                background: #006991;
            }

            #leftNav li ul li ul {
                background: #fff;
                padding: 0 0 0 10px;
            }

                #leftNav li ul li ul li .CMSListMenuLinkHighlighted, #leftNav li ul li ul li .selected {
                    color: #1a1a38;
                    background: none;
                }

                #leftNav li ul li ul li ul {
                    border-top: 1px solid #ABABAB;
                }

                    #leftNav li ul li ul li ul ul {
                        display: none;
                    }

.mobile-main-nav #leftNav li {
    display: block;
}

.mycibse-nav {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0 20px;
}

    .mycibse-nav li {
        float: left;
        width: 100%;
        padding: 9px 0;
        margin: 0;
        border-bottom: 1px solid #ababab;
        font-size: 1.4em;
    }

        .mycibse-nav li a {
            float: left;
            width: auto;
            padding: 0 0 0 22px;
            background-position: 0 center;
            background-repeat: no-repeat;
            line-height: 17px;
        }

        .mycibse-nav li.dets a {
            background-image: url('../images/icons/details.png');
        }

        .mycibse-nav li.pref a {
            background-image: url('../images/icons/pref.png');
        }

        .mycibse-nav li.docs a {
            background-image: url('../images/icons/docs.png');
        }

        .mycibse-nav li.even a {
            background-image: url('../images/icons/even.png');
        }

.society-home {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ababab;
    background: #e6e6e6;
}

    .society-home a {
        float: left;
        width: 100%;
        padding: 9px 20px;
        font-size: 1.4em;
    }

        .society-home a.selected {
            color: #fff;
            background: #006991;
        }

.region-home {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ababab;
    background: #e6e6e6;
}

    .region-home a {
        float: left;
        width: 100%;
        padding: 9px 20px;
        font-size: 1.4em;
    }

        .region-home a.selected {
            color: #fff;
            background: #006991;
        }


.search-filtering {
    font-size: 1.6em;
}

    .search-filtering table {
        float: left;
        width: auto;
    }

        .search-filtering table tr {
            float: left;
            width: auto;
        }

    .search-filtering label {
        padding: 0 10px 0 0;
    }

    .search-filtering .TextBoxField {
        padding: 4px;
        border: 1px solid #ccc;
        margin: 0 10px 0 0;
    }

    .search-filtering h2 {
        float: left;
        width: 100%;
        margin: 12px 0 0;
    }

    .search-filtering .ContentRadioButtonList {
        float: left;
        width: 100%;
        padding: 0;
    }

    .search-filtering .filter-head {
        font-weight: bold;
        float: left;
        padding: 0 0 10px 0;
        width: 100%;
        margin: 10px 0 0;
    }

    .search-filtering .ContentRadioButtonList label {
        padding: 0 20px 0 7px;
    }

.view-options-hidden {
    display: none;
}

/*Footer*/
.footer {
    background: url('../images/footer-bg.png') no-repeat center 0 #006991;
    height: 94px;
    overflow: hidden;
}

    .footer .surround {
        float: left;
        width: 100%;
        padding: 20px 20px 0;
    }

    .footer .utility-links {
        padding: 0;
    }

        .footer .utility-links ul {
            float: left;
            width: 100%;
            list-style: none;
            padding: 0 0 12px;
            margin: 0;
            font-size: 1.4em;
        }

            .footer .utility-links ul li {
                float: left;
                width: auto;
                padding: 0 6px 0 0;
                margin: 0 6px 0 0;
                border-right: 1px solid #f4f4f4;
            }

                .footer .utility-links ul li:last-child {
                    padding: 0;
                    margin: 0;
                    border: none;
                }

                .footer .utility-links ul li a {
                    color: #f4f4f4;
                    font-weight: bold;
                }

        .footer .utility-links p {
            font-size: 1.2em;
            color: #f4f4f4;
            line-height: 1.4em;
        }

.social {
    float: right;
    width: auto;
    margin: 10px 0 0;
    list-style: none;
}

    .social li {
        
        float: left;
        width: 36px;
        height: 36px;
        margin: 0 5px 0 0;
        overflow: hidden;
    }

        .social li.blog {
            margin: 0;
        }

        .social li a {
            float: left;
            width: 36px;
            height: 36px;
            background: url('../images/social-sprite.png') no-repeat 0 0;
        }

        .social li.twitter a {
            background-position: 0 0;
        }

        .social li.linkedin a {
            background-position: -36px 0;
        }

        .social li.blog a, .social li.calc a {
            background-position: -72px 0;
        }

        .social li.email a {
            background-position: -108px 0;
        }

        .social li.print a {
            background-position: -144px 0;
        }


        .social li.facebook a {
            background-position: -180px 0;
        }

        .social li.youtube a {
            background-position: -216px 0;
        }

        .social li.soundcloud a {
            background-position: -252px 0;
        }

        .social li.instagram a {
            background-position: -288px 0;
        }

.share-page {
    float: left;
    width: 100%;
    padding: 20px;
    background: #f2f2f2;
    height: 76px;
}

    .share-page h3 {
        float: left;
        width: auto;
        font-size: 1.750em;
        text-transform: uppercase;
        height: 36px;
        line-height: 36px;
    }

    .share-page .social {
        float: right;
        margin: 0;
        padding: 0 0 20px 15px;
    }

        .share-page .social li {
            margin: 0 3px 0 0;
        }

.social li.twitter a:hover {
    background-position: 0 -36px;
}

.social li.linkedin a:hover {
    background-position: -36px -36px;
}

.social li.blog a:hover, .social li.calc a:hover {
    background-position: -72px -36px;
}

.social li.email a:hover {
    background-position: -108px -36px;
}

.social li.print a:hover {
    background-position: -144px -36px;
}

.social li.facebook a:hover {
    background-position: -180px -36px;
}

.social li.youtube a:hover {
    background-position: -216px -36px;
}

.social li.soundcloud a:hover {
    background-position: -252px -36px;
}

.social li a span {
    font-size: 0.001em;
    text-indent: -99999px;
    line-height: 100px;
}

.content-block .social {
    padding: 0px;
}

    .content-block .social li {
        float: left;
        display: inline;
        margin-right: 3px;
        width: 28px;
        height: 28px;
    }

        .content-block .social li a {
            width: 28px;
            height: 28px;
            background-size: 196px 56px;
        }

        .content-block .social li.twitter a {
            background-position: 0 0;
        }

        .content-block .social li.linkedin a {
            background-position: -28px 0;
        }

        .content-block .social li.facebook a {
            background-position: -140px 0;
        }

        .content-block .social li.email a {
            background-position: -84px 0;
        }

        .content-block .social li.print a {
            background-position: -112px 0;
        }

        .content-block .social li.twitter a:hover {
            background-position: 0 -28px;
        }

        .content-block .social li.linkedin a:hover {
            background-position: -28px -28px;
        }

        .content-block .social li.facebook a:hover {
            background-position: -140px -28px;
        }

        .content-block .social li.email a:hover {
            background-position: -84px -28px;
        }

        .content-block .social li.print a:hover {
            background-position: -112px -28px;
        }

        .content-block .social li.print {
            margin-right: 0px;
        }

.padded-sides {
    padding: 20px;
}

/*Banded sections*/
.grey-bar {
    background-color: #F3F3F3;
    margin-top: 50px;
    padding-bottom: 25px;
}

.related-content {
    margin-top: 0;
    padding: 0 0 25px 0;
    border-top: 25px solid #fff;
}

.padded-left {
    padding: 0 0 0 20px;
}

.padded-left-right {
    padding: 0 20px;
}

.nav-secondary {
    float: left;
    width: 100%;
    background: #e6e6e6;
}

.landingFeature {
    background: #e6e6e6;
}

.spacer {
    margin-top: 20px;
}
/*Homepage*/
.img--overlay {
    opacity: .3;
    background-color: black;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.main-story {
    height: 372px;
    position: relative;
}

    .main-story .icon {
        position: absolute;
        z-index: 10;
    }

    .main-story h2 {
        font-size: 50px;
        color: #fff;
        text-transform: uppercase;
        z-index: 50;
        left: 0;
        margin: 0;
        padding: 0 0 14px;
    }

    .main-story .caption {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: url('../images/caption-bg.png') repeat-x 0 0;
        padding: 20px 20px 0;
        font-size: 1.8em;
    }

        .main-story .caption .expand {
            display: none;
            padding: 0 0 30px;
        }

        .main-story .caption p {
            width: 70%;
            color: #fff;
            padding: 0 0 20px;
            margin: 0;
            line-height: 1.2em;
            font-size: 1em;
        }

.landingFeature .main-story .caption p {
    width: 100%;
}

.main-story img {
    width: 100%;
    height: 100%;
}

.section-story {
    height: 372px;
    position: relative;
}

    .section-story .icon {
        position: absolute;
    }

    .section-story h1, .section-story h2 {
        font-size: 48px;
        color: #fff;
        text-transform: uppercase;
        z-index: 50;
        left: 0;
        margin: 0;
        padding: 0 0 14px;
        line-height: 0.9em;
    }

    .section-story .caption {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: url('../images/caption-bg-black.png') repeat-x 0 0;
        padding: 20px 20px 10px;
        font-size: 1.8em;
    }

        .section-story .caption .expand {
            display: none;
            padding: 0 0 30px;
        }

        .section-story .caption p {
            width: 70%;
            color: #fff;
            padding: 0 0 10px;
            margin: 0;
            line-height: 1.2em;
            font-size: 1em;
        }

            .section-story .caption p a {
                color: #fff;
            }

                .section-story .caption p a.button {
                    color: #1a1a38;
                }

.landingFeature .section-story .caption p {
    width: 100%;
}

.section-story img {
    width: 100%;
    height: 100%;
}

.section-story .smaller-caption {
    font-size: 1.4em;
}

    .section-story .smaller-caption .button {
        margin-top: 4px;
        float: left;
    }

.caption a.linkedin {
    padding: 0 0 0 22px;
    background: url('../images/icons/linkedin.png') no-repeat left center;
}

.landingFeature #leftNav li ul li ul {
    display: none;
}

.small-block {
    height: 186px;
    position: relative;
}

    .small-block img {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
    }

    .small-block a {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }

        .small-block a.no-strech {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            text-align: center;
            color: #333333;
        }

        .small-block a:visited {
            color: #333333;
        }

    .small-block .block-title a {
        position: relative;
        left: auto;
        top: auto;
    }

    .small-block span {
        text-align: left;
        float: left;
        padding-left: 16px;
        padding-right: 25px;
        line-height: 1.3em;
        font-size: 1.6em;
        width: 100%;
        color: #333;
    }

    .small-block.head-block {
        text-align: center;
    }

        .small-block.head-block span {
            display: block;
        }

        .small-block.head-block a span {
            float: none;
            padding: 0 10px;
            text-align: center;
        }

        .small-block.head-block a.no-strech img {
            margin-top: 30px;
            margin-bottom: 10px;
        }

    .small-block.hays a.no-strech img {
        margin-top: 16px;
        margin-left: 16px;
        margin-bottom: 10px;
        float: left;
    }

    .small-block a.no-strech img {
        width: auto;
        height: auto;
    }

    .small-block a span {
        float: left;
    }

.cta {
    font-size: 1.7em;
    color: #006991;
    padding: 0 0 8px;
    display: block;
}

.blue .cta, .red .cta {
    color: #fff;
}

.blue .thumbnail-listing .cta, .red .thumbnail-listing .cta {
    color: #006991;
}

.small-block a {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.small-block .columns span {
    font-size: 1.4em;
}

.small-block .columns img {
    width: auto;
    max-width: 100%;
}

.small-block .columns:last-child {
    padding-left: 20px;
}

.small-block .columns p {
    font-size: 1.4em;
}

.body-copy .knowledge-item-details {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 1.2em;
}

    .body-copy .knowledge-item-details strong {
        display: block;
    }

    .body-copy .knowledge-item-details li {
        padding: 0 0 3px;
    }

.sub-themes {
    float: left;
    width: 100%;
    padding: 0 17px 17px;
}

    .sub-themes .select-surround {
        width: 100%;
    }

        .sub-themes .select-surround select {
            width: 125%;
        }

    .sub-themes .button {
        font-size: 1.4em;
        margin: 10px 0 0;
    }

.small-block .following {
    padding: 0 17px 8px;
    font-size: 1.6em;
    list-style: none;
}

    .small-block .following li {
        padding: 0 0 8px;
    }

    .small-block .following a {
        position: relative;
        left: auto;
        top: auto;
    }

.contacts {
    float: left;
    width: 100%;
    padding: 0 17px;
    list-style: none;
    margin: 0;
}

    .contacts li {
        float: left;
        width: 100%;
    }

        .contacts li span {
            font-size: 1.1em;
            text-transform: uppercase;
            display: block;
            float: none;
            padding: 0 0 2px;
        }

        .contacts li p {
            font-size: 1.4em;
            display: block;
            padding: 0 0 10px;
        }

a.mail {
    padding: 0 0 0 30px;
    background: url('../images/icons/mail.png') no-repeat 10px center;
    margin-left: 6px;
    border-left: 1px solid #fff;
}

.red a.mail {
    color: #fff;
}

.small-block a.button, .small-block .tweet a, .small-block .contacts a {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
}

.block-title {
    font-size: 27px;
    padding: 15px 20px;
    text-transform: uppercase;
    color: #333;
    display: block;
}

.blue .block-title, .blue span {
    color: #fff;
}

.blue .thumbnail-listing .block-title, .blue .thumbnail-listing span {
    color: #333;
}

a.block-title {
    padding: 10px 17px;
    color: #fff;
}

.small-block span.block-title {
    font-size: 27px;
    padding: 16px 17px 10px;
    text-transform: uppercase;
    line-height: 1em;
}

.small-block.red span {
    color: #fff;
}

.small-block.latestissue span.block-title {
    position: absolute;
    top: 140px;
    left: 0;
}

.small-block.background a, .small-block.latestissue a {
    position: relative;
    float: left;
}

    .small-block.background a img {
        position: absolute;
        top: 0;
        left: 0;
    }

    .small-block.background a span {
        float: left; /*z-index:100;*/
        position: relative;
        color: #fff;
    }

        .small-block.background a span.category {
            color: #fff;
        }

.blue {
    background-color: #006991;
}

.grey {
    background-color: #f3f3f3;
}

.green {
    background-color: #90c145;
}

.dark-grey {
    background-color: #e6e6e6;
}

.red {
    background-color: #c80f3f;
}

div.row .columns.sub-feature {
    height: auto;
    background-color: #c80f3f;
    float: left;
}

div.row .columns.sub-feature-green {
    height: auto;
    background-color: #90c145;
    float: left;
}

.small-block .title {
    font-weight: bold;
    color: #333333;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.flame, .small-block a span.flame {
    background-image: url("../images/flame.png");
    background-repeat: no-repeat;
    color: #006991;
    padding-left: 1.5em;
    margin-left: 0.9em;
    margin-top: 0.8em;
    font-weight: normal;
}

.caption .flame {
    color: #fff;
    padding-left: 20px;
    padding-bottom: 10px;
    float: left;
    margin: 0;
}

.blue .flame, .blue a span.flame {
    color: #fff;
}

.blue .columns .flame {
    color: #006991;
}

.small-block a span.play, span.play {
    left: 0;
    position: absolute;
    background-image: url("../images/play.png");
    background-repeat: no-repeat;
    color: #fff;
    padding: 0;
    bottom: 0px;
    width: 53px;
    height: 53px;
    font-weight: bold;
    background-color: rgba(0,0,0, 0.5);
}

    .small-block a span.play em, span.play em {
        font-style: normal;
        font-weight: bold;
        display: none;
    }

.small-block a:hover span.play, a:hover span.play {
    left: 0;
    position: absolute;
    padding: 5px 0 7px 70px;
    bottom: 0px;
    width: 80%;
}

    .small-block a:hover span.play em, a:hover span.play em {
        display: block;
    }

.small-block .para {
    font-size: 1.6em;
    color: #333;
    padding: 16px 10px 10px 17px
}

.more {
    padding: 0 0 0 23px;
    background: url('../images/flame.png') no-repeat 0 0;
    font-weight: bold;
    color: #006991;
}

.small-block .more {
    padding: 0 10px 0 40px;
    background-position: 17px 0;
}

.tweet {
    font-size: 1.4em;
}

    .tweet p {
        font-size: 1em;
        line-height: 1.4em;
        padding: 0 0 4px;
        width: 80%;
    }

.tweet-icon {
    position: absolute;
    top: 16px;
    right: 20px;
    width: 24px;
    height: 20px;
    background: url('../images/icons/tweet-icon.png') no-repeat 0 0;
}

.blue .more, .blue .para {
    color: #fff;
}

.hover-switch {
    transition: 0.3s ease-in-out 0s;
    -moz-transition: 0.3s ease-in-out 0s;
    -webkit-transition: 0.3s ease-in-out 0s;
    -o-transition: 0.3s ease-in-out 0s;
}

.content-block {
    padding: 10px 17px;
}

    .content-block p {
        font-size: 1.6em;
        padding: 0 0 10px;
        line-height: 1.2em;
    }

        .content-block p strong {
            display: block;
        }

    .content-block.smaller p {
        font-size: 1.4em;
    }

.red p, .body-copy .red p {
    color: #fff;
}

.hover-switch:hover {
    background: #fbe8ba;
}

.blue .hover-switch:hover {
    background: #005d81;
}

.red .hover-switch:hover {
    background: none;
}

.section-story .play {
    font-size: 1.6em;
}

.content-block {
    float: left;
    width: 100%;
}

    .content-block p {
        float: left;
        width: 100%;
    }

        .content-block p .button {
            float: left;
        }

    .content-block .more {
        color: #006991;
        padding: 0 0 0 20px;
        background-position: 0 0;
    }

.red .more {
    color: #fff;
}

.cpd {
    padding: 15px 10px 20px;
    text-align: center;
}

    .cpd h3 {
        font-size: 5em;
        color: #333;
        line-height: 0.9em;
    }

    .cpd span {
        font-size: 1.6em;
        font-weight: bold;
    }

.promoText {
    margin-bottom: 16px;
}

.small-block .get-item a {
    position: relative;
    left: auto;
    top: auto;
}

.small-block .get-item .block-title {
    padding: 4px 0 0;
}

.small-block .get-item p {
    padding: 0 0 9px;
    line-height: 1.25em;
}

.small-block .get-item .large-10 .content-block {
    padding-bottom: 0;
}

.category, .small-block a span.category {
    color: #333333;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.0em;
}

.red a span.category, .blue a span.category {
    color: #fff;
}

span.category {
    margin: 16px 0 8px;
}

.small-block span.featured, .featured {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    z-index: 120;
    background: url('../images/featured.png') no-repeat 0 0;
}

.peer {
    color: #c80f3f;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.0em;
}

.peer-cat {
    display: block;
    margin: 0px 0 8px;
}

    .content-listing ul li .info .peer-cat span, .peer-cat span {
        display: inline;
    }

.tall-block {
    height: 372px;
}

    .tall-block .inner {
        height: 186px;
        float: left;
        width: 100%;
    }

.tweet {
    float: left;
    width: 100%;
    padding: 16px;
}

.event-book {
    padding: 20px;
}

    .event-book p, .body-copy .event-book p {
        padding: 0;
    }

.small-block a.flame {
    position: relative;
    left: auto;
    top: auto;
    padding: 0 0 0 20px;
}

.small-block .thumb-list {
    float: left;
    width: 100%;
    padding: 0 17px;
    list-style: none;
}

    .small-block .thumb-list li {
        float: left;
        width: auto;
        margin: 0 10px 0 0;
    }

        .small-block .thumb-list li a {
            float: left;
            width: auto;
            margin: 0;
            position: relative;
            top: auto;
            left: auto;
        }

            .small-block .thumb-list li a img {
                width: 60px;
                height: 60px;
            }

/*Buttons*/
.button, .small-block a.button, .FormButton, .PollFooter .PollVoteButton, .LongButton, .ContentButton, .SubmitButton {
    background-color: #f1ab01;
    padding: 4px 8px;
    width: auto;
    font-weight: bold;
    color: #333333;
    border: none;
    border: 2px solid #f1ab01;
    text-decoration: none;
}

.SubmitButton, .LongButton {
    font-size: 1.4em;
}

.body-copy .SubmitButton, .body-copy .LongButton {
    font-size: 1em;
}

.small-block span.button {
    width: auto;
    margin-top: 1em;
    color: #333333;
    font-size: 1em;
    margin-left: 16px;
    font-size: 1.5em;
}

.button:hover, .small-block a.button:hover, .FormButton:hover {
    background: #eee;
    color: #1a1a38;
    border: 2px solid #f1ab01;
    text-decoration: none;
}

.EditingFormErrorLabel {
    float: left;
    width: 100%;
    margin-top: 8px;
    color: #ff0000;
}
/*Homepage columns*/
.grey-bar .third-column {
    margin-top: -25px;
}

.third-column {
    float: left;
    width: 28.5%;
    height: auto;
    margin-right: 7%;
}

    .third-column:last-child {
        float: right;
        margin-right: 0;
    }

.article-column .icon {
    float: left;
    width: 100%;
    background-color: #006991;
    margin-bottom: 16px;
}

.article-column ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .article-column ul li {
        padding-bottom: 10px;
        float: left;
        width: 100%;
    }

        .article-column ul li a {
            font-size: 1.6em;
            color: #006991;
        }

            .article-column ul li a.title {
                font-weight: bold;
            }

        .article-column ul li p, .article-column p {
            font-size: 1.6em;
            line-height: 1.4em;
            width: 100%;
            float: left;
            padding: 5px 0;
        }

    .article-column ul p:first-child {
        margin-top: 0;
    }

    .article-column ul li p.category {
        font-size: 1.0em;
    }

    .article-column ul li {
        padding-bottom: 16px;
    }

.article-column .category {
    display: block;
}

.article-column .cta {
    display: block;
    padding: 0 0 6px;
    font-weight: bold;
}

.select-field {
    float: left;
    width: 100%;
}

    .select-field label {
        display: none;
    }

    .select-field .button {
        font-size: 1.6em;
        float: right;
    }

.article-column ul li .select-surround {
    float: left;
    width: 80%;
    overflow: hidden;
    background: url('../images/select-bg.png') no-repeat right center #fff;
    height: 29px;
    border: 1px solid #e6e6e6
}

.article-column ul li select {
    float: left;
    font-size: 1.3em;
    height: 29px;
    padding: 4px 10px 3px 7px;
    width: 116%;
    border: none;
    background: none;
}

    .article-column ul li select option {
        padding: 3px;
    }

.article-column ul li a.button {
    color: #333333;
    float: right;
    padding: 5px 5px;
}

.article-column a.flame {
    margin-left: 0;
    font-size: 1.6em;
}

/*Delete me once real markup is in*/
.search-placeholder {
    float: right;
    height: 42px;
    width: 355px;
    background-image: url("../images/placeholders/topsearch.png");
    background-repeat: no-repeat;
}

/*icon text styles*/
.article-column .thumb .icon, .icon {
    background-color: #0e3b51;
    padding-top: 8px;
    padding-bottom: 7px;
    padding-left: 60px;
    color: #fff;
    padding-right: 0.5em;
    font-size: 28px;
    text-transform: uppercase;
    background-repeat: no-repeat;
}

    .icon.papers {
        background-image: url("../images/docs.png");
    }

    .icon.news {
        background-image: url("../images/news.png");
    }

    .icon.events {
        background-image: url("../images/calendar.png");
    }

    .icon.resources {
        background-image: url("../images/resources.png");
    }

    .icon.networks {
        background-image: url("../images/global.png");
    }

    .icon.papers {
        background-image: url("../images/docs.png");
    }

    .icon.location {
        background-image: url("../images/location.png");
    }

    .icon.exclamation {
        background-image: url("../images/exclamation.png");
    }

    .icon.related {
        background-image: url("../images/related.png");
    }

    .icon.updates {
        background-image: url("../images/updates.png");
    }

    .icon.filter {
        background-image: url("../images/filter.png");
    }

    .icon.category {
        color: #333333;
        margin: 0;
        padding: 0;
    }

.related-item .thumb {
    position: relative;
}

    .related-item .thumb .icon {
        position: absolute;
        top: 0;
        left: 0;
    }

    .related-item .thumb img {
        background: #005d81;
        width: 100%;
        height: auto;
    }

.item-filters {
}

.filter-section {
    float: left;
    width: 100%;
    border-bottom: 1px solid #f3f3f3;
    padding: 12px 20px;
    background: #e6e6e6;
}

.filter-section {
    font-size: 1.4em;
}

    .filter-section p strong {
        font-size: 1.143em;
        font-weight: bold;
    }

    .filter-section ul {
        padding: 6px 0 0;
        margin: 0;
        list-style: none;
    }

        .filter-section ul li {
            padding: 2px 0 2px 9px;
            background: url('../images/filter-bullet-level1.png') no-repeat 0 8px;
        }

            .filter-section ul li ul {
                padding: 0;
                margin: 0 0 0 -9px;
            }

                .filter-section ul li ul li {
                    padding: 2px 0 2px 41px;
                    background-image: url('../images/filter-bullet-level2.png');
                }

    .filter-section a.remove {
        background: url('../images/filter-remove.png') no-repeat 0 0;
        padding: 0 6px;
        margin: 0 0 0 6px;
        width: 11px;
        display: inline-block;
        height: 13px;
    }

/*Date Style*/
.date {
    font-size: 1.2em;
}

/*Body Copy*/
h1 {
    font-size: 3.125em;
    margin: 0 0 16px 0;
    line-height: 1.3em;
}

h2 {
    font-size: 1.750em;
    padding: 0 0 16px
}

p.error {
    margin: 20px 0;
    font-size: 1.7em;
}

.body-copy {
    font-size: 1.6em
}

    .body-copy p, .BlogPBody, .body-copy .BlogPBody p {
        font-size: 1em;
        line-height: 1.45em;
        padding: 0 0 16px;
        color: #1a1a38;
    }

        .body-copy p.article-date {
            font-size: 0.875em;
            color: #333;
        }

        .body-copy p.intro {
            font-size: 1.125em;
        }

    .body-copy .breadcrumb {
        font-size: 0.875em;
        padding: 0 0 7px;
    }

    .body-copy ul, .body-copy ol {
        padding: 0 0 20px 20px;
    }

    .body-copy li {
        padding: 0 0 4px;
        line-height: 1.45em;
    }

    .body-copy .CMSSiteMapList {
        padding-bottom: 0;
    }


.bg-title {
    background: #006991;
    padding: 10px 20px 12px;
    float: left;
    width: 100%;
}

    .bg-title h1 {
        line-height: 0.8em;
        padding: 0;
        margin: 0;
        color: #fff;
    }

.bg-title-image {
    padding: 0;
    position: relative;
}

    .bg-title-image img {
        float: left;
        width: 100%;
        height: auto;
    }

    .bg-title-image h1 {
        float: none;
        width: 100%;
        padding: 16px 20px;
        position: absolute;
        left: 0;
        bottom: 0;
    }

.item-details {
    float: left;
    width: 100%;
    height: auto;
    background: url('../images/item-details-bg.png') repeat-y 0 0;
    background-size: 100% 100%;
}

    .item-details .info {
        float: left;
        width: 64%;
    }

    .item-details .related {
        float: right;
        width: 28%;
    }

.body-copy .item-details p {
    padding: 0 0 10px;
    line-height: 1.2em;
}

.body-copy .inline-listing {
    padding: 0;
    margin: 0;
    list-style: none;
    padding: 0 0 20px;
    float: left;
    width: 100%;
}

    .body-copy .inline-listing li {
        padding: 12px 0 0;
        margin: 0;
        float: left;
        width: 100%;
    }

        .body-copy .inline-listing li img {
            padding: 0;
            margin: -12px 20px 0 0;
            float: left;
            width: auto;
        }

        .body-copy .inline-listing li p {
            padding: 0 0 6px;
            line-height: 1.22em;
        }

            .body-copy .inline-listing li p a.in {
                background: url('/images/linkedIn.gif') no-repeat 0px 2px;
                padding-left: 20px;
            }

/** Landing page **/
.neg-margin {
    margin: -20px 0 0;
}

.content-listing ul {
    float: left;
    width: 100%;
    list-style: none;
}

    .content-listing ul li {
        float: left;
        margin: 30px 0 0;
    }

    .content-listing ul.thumbnail-listing li {
        width: 100%;
        margin: 30px 0 0;
    }

    .content-listing ul li .thumb {
        position: relative;
        float: left;
        width: 100%;
    }

        .content-listing ul li .thumb .icon {
            position: absolute;
            top: 0;
            left: 0;
            width: 46px;
            height: 46px;
            background-repeat: no-repeat;
            background-position: 0 0;
            padding: 0;
            margin: 0;
            background-image: url('../images/icons/small/cibse.png');
        }

        .content-listing ul li .thumb .group {
            background-image: url('../images/icons/small/group.png');
        }

        .content-listing ul li .thumb .group-event {
            background-image: url('../images/icons/small/group.png');
        }

        .content-listing ul li .thumb .book {
            background-image: url('../images/icons/small/book.png');
        }

        .content-listing ul li .thumb .folder {
            background-image: url('../images/icons/small/folder.png');
        }

        .content-listing ul li .thumb .journal {
            background-image: url('../images/icons/small/journal.png');
        }

        .content-listing ul li .thumb .regional-event {
            background-image: url('../images/icons/small/group.png');
        }

        .content-listing ul li .thumb .training {
            background-image: url('../images/icons/small/training.png');
        }

        .content-listing ul li .thumb .CIBSE, .content-listing ul li .thumb .cibse {
            background-image: url('../images/icons/small/cibse.png');
        }

        .content-listing ul li .thumb img {
            background: #005d81;
            width: 100%;
            height: auto;
        }

    .content-listing ul li .info {
        padding: 0 20px;
        float: left;
        width: 100%;
        min-height: 74px;
    }

        .content-listing ul li .info span {
            display: block;
        }

        .content-listing ul li .info .category {
            margin-top: 0;
        }

        .content-listing ul li .info .cta {
            font-weight: bold;
        }

        .content-listing ul li .info p {
            font-size: 1.6em;
            line-height: 1.4em;
        }

    .content-listing ul li .cost {
        background: #e6e6e6;
    }

        .content-listing ul li .cost ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            .content-listing ul li .cost ul li {
                margin: 0;
                padding: 12px 18px;
                font-size: 1.4em;
                border-bottom: 1px solid #f3f3f3;
                line-height: 1.30em;
                word-wrap: break-word
            }

                .content-listing ul li .cost ul li p span {
                    float: right;
                    font-size: 1.286em;
                    margin-top: -1px;
                }

                    .content-listing ul li .cost ul li p span.stars {
                        float: left;
                        margin-top: 3px
                    }

                        .content-listing ul li .cost ul li p span.stars span {
                            float: left;
                        }

    .content-listing ul.grid-listing li {
        width: 30%;
        margin: 30px 5% 0 0;
    }

        .content-listing ul.grid-listing li.no-margin {
            margin-right: 0;
        }

        .content-listing ul.grid-listing li.clear {
            float: left;
            width: 100%;
            margin: 0px;
        }

        .content-listing ul.grid-listing li .info {
            padding: 0;
        }

    .content-listing ul.grid-listing .cost {
        float: left;
        width: 100%;
        overflow: hidden;
    }

        .content-listing ul.grid-listing .cost li {
            width: 33.33%;
            padding: 8px 8px;
            border-right: 1px solid #f3f3f3;
            border-bottom: none;
            height: 83px;
        }

            .content-listing ul.grid-listing .cost li.wide {
                width: 66.66%;
            }

            .content-listing ul.grid-listing .cost li.full-width {
                width: 100%;
            }

    .content-listing ul.grid-listing li .cost ul li p span {
        float: none;
        display: block;
        padding: 8px 0 0;
    }

        .content-listing ul.grid-listing li .cost ul li p span.stars {
            padding: 0;
        }

    .content-listing ul.grid-listing li:last-child {
        border: none;
    }

    .content-listing ul.thumbnail-listing li .thumb {
        width: 30%;
    }

    .content-listing ul.thumbnail-listing li .info {
        width: 50%;
    }

    .content-listing ul.thumbnail-listing.filters-list li .info {
        width: 70%;
    }

.content-listing .error {
    font-size: 2.4em;
    margin: 30px 0;
    font-weight: normal;
    text-transform: uppercase;
}

.article-column ul.grid-listing li {
    margin: 0;
    width: 100%;
    font-size: 1em;
}

.article-column ul li .cost p, .article-column ul li .info a {
    font-size: 1em;
}

.article-column ul.no-title {
    margin-top: 61px;
}

.promo {
    float: left;
    width: 100%;
    padding: 12px 135px 12px 20px;
    position: relative;
}

    .promo h3 {
        font-size: 2.8em;
        color: #fff;
        padding: 0 0 4px;
        margin: 0;
        text-transform: uppercase;
    }

    .promo p {
        font-size: 1.6em;
        color: #fff;
        padding: 0;
        margin: 0;
        line-height: 1.2em;
    }

    .promo .button {
        position: absolute;
        right: 15px;
        bottom: 15px;
        font-size: 1.6em;
    }

.home-search {
    padding: 12px 20px 16px;
}

    .home-search h3 {
        text-transform: uppercase;
        padding: 0 0 8px;
    }

    .home-search .select-surround {
        width: 76%;
    }

    .home-search .txt-input {
        width: 80%;
        display: inline;
        height: 29px;
        background: #fff;
        border: 1px solid #e6e6e6
    }

    .home-search .button {
        float: right;
        position: relative;
        bottom: auto;
        right: auto;
        margin: 0;
    }

.narrow {
    padding: 12px 20px 12px 20px;
}

    .narrow .knowledge-search, .narrow .knowledge-theme {
        width: 100%;
        padding: 6px 0;
    }

    .narrow .txt-input, .narrow select {
        width: 96%;
        display: inline;
        height: 34px;
    }

    .narrow .button {
        float: left;
        position: relative;
        bottom: auto;
        right: auto;
        margin: 7px 0 0 0;
    }

.filters .list-sort {
    float: left;
    padding: 8px;
}

    .filters .list-sort .select-surround {
        padding-right: 16px;
        width: auto;
    }

        .filters .list-sort .select-surround select {
            width: 160%;
        }

    .filters .list-sort .button {
        float: left;
        font-size: 1.6em;
        height: 29px;
        margin: 0 0 0 8px;
    }

.filters .list-view {
    float: left;
}

.filters .alpha-list {
    float: left;
}

    .filters .alpha-list a {
        margin: 0 3px;
        padding: 15px 4px;
        font-size: 1.2em;
    }

        .filters .alpha-list a.active {
            text-decoration: underline;
        }

            .filters .alpha-list a.active:hover {
                text-decoration: none;
            }

.filters {
    float: right;
    width: auto;
    background: #e6e6e6;
    height: 46px;
    line-height: 46px;
}

    .filters ul {
        float: left;
        width: auto;
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .filters ul li {
            float: left;
            width: auto;
            border-left: 1px solid #f3f3f3;
        }

            .filters ul li span {
                float: left;
                width: auto;
                padding: 0 15px;
                font-size: 1.6em;
                font-weight: bold;
            }

            .filters ul li.view a {
                float: left;
                width: 46px;
                height: 46px;
                background-position: 0 0;
                background-repeat: no-repeat;
                opacity: 0.5;
            }

            .filters ul li.grid a {
                background-image: url('../images/icons/grid.png');
            }

            .filters ul li.list a {
                background-image: url('../images/icons/list.png');
            }

            .filters ul li.view a span {
                display: none;
            }

            .filters ul li.view a:hover, .filters ul li.view a.selected {
                opacity: 1;
            }

.pagination {
    float: left;
    width: 100%;
    ;
    margin: 40px 0 0;
}

.centred {
    float: left;
    width: 280px;
    position: relative;
    height: 45px;
    background: #e6e6e6;
    font-size: 1.6em;
    left: 50%;
    margin: 0 0 0 -140px;
}

.pagination .button, .pagination .SelectedPrev, .pagination .UnselectedPrev, .pagination .SelectedNext, .pagination .UnselectedNext {
    width: 60px;
    top: 7px;
    position: absolute;
    text-align: center;
}

.pagination .prev, .pagination .SelectedPrev, .pagination .UnselectedPrev {
    left: -110px;
}

.pagination .next, .pagination .SelectedNext, .pagination .UnselectedNext {
    right: -110px;
}

.pagination .items, .pagination .PagerResults {
    line-height: 45px;
    text-align: center;
    color: #333;
}

.pagination .PagerResults {
    font-weight: normal !important;
    padding: 0px !important;
    font-size: 0.7em;
}

.pagination .aspNetDisabled, .pagination .SelectedPage, .pagination .UnselectedPage {
    display: none;
}

.search-summary {
}

    .search-summary h1 {
        color: #006991;
    }

        .search-summary h1 span {
            text-transform: uppercase;
            color: #333;
            display: block;
        }

.search-result-item {
    float: left;
    width: 100%;
    padding: 0 0 25px;
}

    .search-result-item .category {
        font-size: 1em;
        padding: 0 0 8px;
    }

    .search-result-item h3 {
        font-size: 1.8em;
        padding: 7px 0;
        font-weight: normal;
        margin: 0 0 0 -3px
    }

        .search-result-item h3 a:first-letter {
            text-transform: uppercase;
        }

    .search-result-item p {
        font-size: 1.4em;
        padding: 0 0 4px;
        line-height: 1.3em;
    }

        .search-result-item p.path {
            font-size: 1.1em;
        }


/*Hidden Mobile sections*/
.mobile-nav {
    display: none;
}

.mobile-top-nav {
    width: 100%;
}

    .mobile-top-nav .right {
        width: 70%;
    }

        .mobile-top-nav .right a {
            width: 25%;
            height: 40px;
            background-position: center;
            background-repeat: no-repeat;
            text-indent: -9999px;
            float: left;
        }

        .mobile-top-nav .right a {
            border-left: 1px solid #9b9ba8;
        }

.mob-surround {
    float: left;
    width: 30%;
}

.mob-menu {
    background: url("../images/mobile-menu.png") no-repeat 10px center #f0ab01;
    float: left;
    height: 40px;
    padding: 11px 10px 10px 40px;
    width: 100%;
    text-align: right;
    font-size: 17px;
    text-transform: uppercase;
    color: #1a1a38;
    text-align: left;
}

a.mob-logo {
    background: url("../images/mobile-logo.png") no-repeat center center;
    width: 100%;
    height: 46px;
    float: left;
    text-indent: -9999px;
}

.mob-basket {
    background-image: url("../images/mob-basket.png");
}

.mob-login {
    background-image: url("../images/mob-login.png");
}

.mob-contact {
    background-image: url("../images/phone.png");
}

.mob-search {
    background-image: url("../images/search.png");
}

.mobile-top-nav .top {
    float: left;
    text-align: center;
    background-color: #006991;
    width: 100%;
}

.mobile-main-nav {
    display: none;
    width: 100%;
    float: left;
}

    .mobile-main-nav ul#mainnav {
        width: 100%;
        float: left;
        list-style-type: none;
        margin: 0 0 -1px;
        padding: 0 10px;
        background-color: #fff;
        height: auto;
        top: auto;
        right: auto;
        position: relative;
    }

    .mobile-main-nav ul li, .mobile-main-nav #mainnav li:first-child {
        float: left;
        width: 100%;
        border: none;
        border-bottom: 1px solid #0d3a52;
        padding: 0;
        margin: 0;
        line-height: 1em;
        height: auto;
    }

        .mobile-main-nav ul li:last-child { /*display:none;*/
        }

        .mobile-main-nav ul li a {
            float: left;
            width: 100%;
            font-family: arial, sans serif;
            font-size: 1.6em;
            color: #006991;
            padding: 12px 10px;
            font-weight: normal;
            height: auto;
            line-height: 1.3em
        }

            .mobile-main-nav ul li a:hover {
                color: #333;
                background: none;
            }

    .mobile-main-nav ul ul {
        padding: 5px 0 5px 20px;
        list-style: none;
        background: #f0f0f0;
        float: left;
        width: 100%;
    }

        .mobile-main-nav ul ul li {
            padding: 7px 0;
            list-style: none;
            border: none;
        }

body .mobile-main-nav ul ul li a {
    font-size: 1.4em;
    padding: 0;
    color: #006991;
}

.mobile-main-nav ul ul li, .mobile-main-nav #mainnav ul li:first-child {
    border: none;
    padding: 7px 0;
}

.video-caption {
    padding: 10px 20px;
    font-size: 1.4em;
}

/** Society styles **/
.society .cibselogo, .slimline .cibselogo {
    height: 48px;
    padding: 12px 0;
}

.society .main-nav, .slimline .main-nav {
    top: 0;
}

.society .dropdown-nav, .society .dropdown-nav {
    top: 48px;
}

.society-logo {
    float: left;
    width: 100%;
}

    .society-logo img {
        float: left;
        width: 100%;
    }

.society-contact {
    padding: 18px 0 0 20px;
    text-align: right;
}

    .society-contact p {
        font-size: 1.2em;
    }

        .society-contact p a {
            color: #333;
        }

.yellow .small-block span.featured, .yellow .featured {
    background-image: url('../images/featured-yellow.png');
}

.yellow .red .cta {
    color: #333;
}

.yellow .red a.mail, .yellow .small-block.red a {
    color: #333;
}

.yellow .small-block.red span {
    color: #333;
}

.yellow .red {
    background-color: #ffd000;
}

    .yellow .red p, .yellow .body-copy .red p {
        color: #333;
    }

    .yellow .red .more {
        color: #fff;
    }

.orange .small-block span.featured, .orange .featured {
    background-image: url('../images/featured-orange.png');
}

.orange .red .cta {
    color: #fff;
}

.orange .red a.mail, .orange .small-block.red a {
    color: #fff;
}

.orange .small-block.red span {
    color: #fff;
}

.orange .red {
    background-color: #dc6405;
}

    .orange .red p, .orange .body-copy .red p {
        color: #fff;
    }

    .orange .red .more {
        color: #fff;
    }

.blue .small-block span.featured, .blue .featured {
    background-image: url('../images/featured-blue.png');
}

.blue .red .cta {
    color: #fff;
}

.blue .red a.mail, .blue .small-block.red a {
    color: #fff;
}

.blue .small-block.red span {
    color: #fff;
}

.blue .red {
    background-color: #006991;
}

    .blue .red p, .blue .body-copy .red p {
        color: #fff;
    }

    .blue .red .more {
        color: #fff;
    }

.green .small-block span.featured, .blue .featured {
    background-image: url('../images/featured-blue.png');
}

.green .red .cta {
    color: #fff;
}

.green .red a.mail, .blue .small-block.red a {
    color: #fff;
}

.green .small-block.red span {
    color: #fff;
}

.green .small-block.grey {
    background-color: #e1efdf;
}

.green .red {
    background-color: #90c145;
}

    .green .red p, .blue .body-copy .red p {
        color: #fff;
    }

    .green .red .more {
        color: #fff;
    }

.green .society-home a.selected {
    background-color: #90c145;
}

.green #leftNav {
    background-color: #878786;
}

    .green #leftNav a {
        color: #fff;
    }

        .green #leftNav a.selected {
            background-color: #81AD3E;
        }

.green .icon {
    background-color: #90c145;
}

.microsite-title {
    text-transform: uppercase;
}

.green #leftNav ul a {
    color: #000;
}

.award .small-block span.featured, .blue .featured {
    background-image: url('../images/featured-blue.png');
}

.award .red .cta {
    color: #fff;
}

.award .red a.mail, .blue .small-block.red a {
    color: #fff;
}

.award .small-block.red span {
    color: #fff;
}

.award .small-block.grey {
    background-color: #e1efdf;
}

.award .red {
    background-color: #90c145;
}

    .award .red p, .blue .body-copy .red p {
        color: #fff;
    }

    .award .red .more {
        color: #fff;
    }

.award .society-home a.selected {
    background-color: #90c145;
}

.award #leftNav {
    background-color: #878786;
}

    .award #leftNav a {
        color: #fff;
    }

        .award #leftNav a.selected {
            background-color: #81AD3E;
        }

.award .icon {
    background-color: #90c145;
}

.award .microsite-title {
    font-family: ITCAvantGardeW04-Book;
    text-transform: uppercase;
}

.award #leftNav ul a {
    color: #000;
}

.slimline {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 48px;
    display: none;
    z-index: 900;
}

    .slimline .desktop-nav {
        background: #fff;
    }

.filter-columns {
    padding: 12px 20px;
}

    .filter-columns div {
        float: left;
        width: 25%;
        padding: 0 10px;
        position: relative;
    }

        .filter-columns div label {
            display: none;
        }

        .filter-columns div .select-surround {
            width: 75%;
            padding: 0 33px 0 0;
        }

        .filter-columns div .txt-input {
            float: left;
            width: 65%;
            height: 32px;
            font-size: 14px;
            border: 1px solid #E6E6E6;
            padding: 0 6px;
        }

    .filter-columns .button {
        bottom: 0;
    }

.emptyRatingStar {
    background-image: url('../images/star-off.png');
}

.filledRatingStar {
    background-image: url('../images/star-on.png');
}

.content-listing ul.grid-listing li .cost ul li p span.ratingStar, .ratingStar {
    float: left;
    font-size: 0;
    width: 15px;
    height: 14px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    background-repeat: no-repeat;
    display: inline;
}

.content-block .CntRatingContent {
    margin-top: 5px;
}

.rating {
    display: none !important;
}

.PollControl {
    float: left;
    width: 100%;
    padding: 0 0 20px;
}

.PollAnswers {
    float: left;
    width: 100%;
    padding: 10px 0 0;
}

    .PollAnswers table {
        float: left;
        width: 100%;
    }

        .PollAnswers table tr td, .body-copy .PollAnswers table tr td {
            padding: 0;
            background: none;
        }

    .PollAnswers label {
        padding: 0 0 0 7px;
    }

.PollTitle {
    padding: 0 0 14px;
    font-weight: bold;
}

.PollFooter {
    float: left;
    width: 100%;
}

.PollTitle, .PollQuestion {
    display: block;
}

.PollGraph0, .PollGraph1, .PollGraph2, .PollGraph3, .PollGraph4, .PollGraph5, .PollGraph6, .PollGraph7, .PollGraph8, .PollGraph9 {
    background: #006991;
    border: 1px solid #006991;
    height: 10px;
}

.PollGraph {
    border: 1px solid #ccc;
    font-size: 12px;
    height: 1em;
    margin: 3px 0 10px;
    overflow: hidden;
}

.PollResult {
    display: none;
}

.PollAnswerRadio {
    float: left;
    width: 100%;
    padding: 0 0 8px;
}

.comment-summary {
    float: left;
    width: auto;
    padding: 0 0 0 21px;
    background: url('../images/icons/comments.png') no-repeat 0 0;
    height: 18px;
    margin: 9px 0 0;
    color: #333;
}

.thumbnail-listing .comment-summary {
    float: right;
    margin: 0;
}

.content-block .comment-summary {
    float: right;
    margin: 0;
}

input[type="text"], select {
    -webkit-appearance: none;
}

input, select, textarea {
    border-radius: 0;
}

.blockquote {
    float: right;
    width: 66.66%;
    background: #e6e6e6;
    margin-left: -35%;
    margin-bottom: 14px;
}

    .blockquote blockquote {
        float: left;
        width: 100%;
        background: url('../images/icons/quote-open.jpg') no-repeat 0 0 #f2f2f2;
        text-transform: uppercase;
    }

        .blockquote blockquote p {
            float: left;
            width: 100%;
            padding: 30px 60px;
            background: url('../images/icons/quote-close.jpg') no-repeat right bottom;
            font-size: 1.750em;
            font-weight: normal;
            line-height: 1em;
        }

    .blockquote span {
        float: left;
        width: 100%;
        padding: 10px 20px;
        font-size: 0.875em;
    }

        .blockquote span strong {
            font-weight: bold;
            display: block;
            line-height: 1.2em;
        }

.image-widget {
    float: left;
    width: 100%;
    padding: 0 0 20px;
}

    .image-widget img {
        float: left;
        width: 100%;
        height: auto;
    }

    .image-widget span {
        float: left;
        width: 100%;
        height: auto;
        padding: 10px 20px;
        font-size: 0.875em;
        background: #f2f2f2;
    }

.CartStepTable {
    font-size: 1.4em;
}

    .CartStepTable td {
        padding: 5px 0;
    }

    .CartStepTable .BlockTitle {
        font-size: 2.4em;
        padding: 10px 0;
        float: left;
        width: 100%;
    }

    .CartStepTable .BlockContent table {
        float: left;
    }

.CartStepHeader {
    text-align: left;
    font-weight: normal;
    font-size: 0.875em;
    padding: 0 0 8px;
}

.commenting, .commenting .CommentDetail, .commenting .CommentDetail .comment {
    float: left;
    width: 100%;
}

.commentControls {
    float: left;
    width: 100%;
    font-size: 0.86em;
}

    .commentControls .BoardMessageDetail {
        float: left;
    }

        .commentControls .BoardMessageDetail a {
            float: left;
            margin: 0 10px 0 0;
        }

    .commentControls .InlineAbuseLink {
        float: right;
        color: #ff0000;
    }

th.CartStepHeader {
    background-color: #006991;
    padding: 10px;
    color: #fff;
}

    th.CartStepHeader span {
        font-weight: bold;
    }

.CartContentTable {
    border: none;
}

    .CartContentTable caption {
        text-align: left;
        padding: 0 0 10px;
    }

    .CartContentTable tr th {
        background: #005d81;
        color: #fff;
        padding: 8px 5px;
        border: none;
        text-align: left;
    }

        .CartContentTable tr th:nth-child(even) {
            background: #006991;
        }

    .CartContentTable tr td {
        background: #fff;
        color: #333;
        border: none;
        padding: 8px 5px;
        text-align: left;
        vertical-align: top;
    }

        .CartContentTable tr td .units {
            float: left;
            width: 25px;
        }

        .CartContentTable tr td .unitUp {
            float: right;
            height: 4px;
            line-height: 0px;
        }

        .CartContentTable tr td .unitDown {
            float: right;
        }

    .CartContentTable tr:nth-child(odd) td {
        background: #f3f3f3;
    }

.CartTable .ErrorLabel {
    color: #ff0000;
}

.TextRight {
    text-align: right;
}

.CartContentTable tr .td-fifty {
    width: 1%;
}

.CartContentTable tr .td-units {
    width: auto;
}

.txt--unit {
    width: 60px;
    padding: 5px;
    margin: 0 0 5px 0;
}

.button-inline {
    display: inline-block;
}

.unit--wrapper.no-js {
    display: block;
}

.unit--wrapper {
    display: none;
}

.js-unit-wrapper.no-js {
    display: none;
}

.js-unit-wrapper {
    display: block;
}

table.totalTbl {
    margin: 20px 0;
}

td.lightBlue {
    background-color: #006991;
    color: #fff;
    width: 150px;
    padding: 10px;
    font-weight: bold;
}

td.lightGrey {
    background-color: #F3F3F3;
    width: 150px;
    padding: 10px;
    font-weight: bold;
}

td.darkBlue {
    background-color: #005D81;
    color: #fff;
    padding: 10px;
    font-weight: bold;
    width: 150px;
}

td.clearbg {
    width: 150px;
    padding: 10px;
    font-weight: bold;
}

.addrCol {
    line-height: 1.5em;
}

.hideLabel {
    display: none;
}

.CartStepInnerPanel.grey .col {
    background-color: #F2F2F2;
    padding: 10px 0;
    float: left;
}

.CartStepInnerPanel .columns {
    padding: 0 20px;
}

    .CartStepInnerPanel .columns.border-right {
        border-right: 1px solid #E5E5E5;
    }

    .CartStepInnerPanel .columns .BlockSubTitle {
        float: left;
        width: 100%;
        font-size: 1.5em;
        padding: 0 0 10px;
    }

    .CartStepInnerPanel .columns .blocksub {
        padding: 0 0 15px;
        float: left;
        width: 100%;
    }

        .CartStepInnerPanel .columns .blocksub span {
            color: red;
            font-weight: bold;
        }

        .CartStepInnerPanel .columns .blocksub label {
            padding-left: 10px;
        }

    .CartStepInnerPanel .columns ul {
        width: 80%;
        list-style: none outside none;
    }

        .CartStepInnerPanel .columns ul li {
            float: left;
            width: 100%;
            margin-bottom: 8px;
        }

            .CartStepInnerPanel .columns ul li.small {
                width: 50%;
            }

            .CartStepInnerPanel .columns ul li.smalltxt, .CartStepInnerPanel .columns ul li.largetxt {
                width: 80%;
            }

            .CartStepInnerPanel .columns ul li.fixWidth {
                width: 20%;
            }

            .CartStepInnerPanel .columns ul li .mandatory {
                color: red;
                font-weight: bold;
            }

            .CartStepInnerPanel .columns ul li .error-message {
                color: red;
                float: left;
                width: 100%;
                padding: 0 0 8px;
                line-height: 1.2em;
                font-size: 0.9em;
                display: none !important;
            }

        .CartStepInnerPanel .columns ul label {
            font-size: 1.1em;
            margin-bottom: 5px;
            font-weight: bold;
            margin-right: 10px;
            width: auto;
        }

        .CartStepInnerPanel .columns ul input {
            width: 100%;
            border: 1px solid #E5E5E5;
            color: #707070;
            font-size: 16px;
            height: 29px;
            padding: 0 4px;
        }

        .CartStepInnerPanel .columns ul li.small.pad input {
            width: 95%;
        }

        .CartStepInnerPanel .columns ul li.smalltxt input {
            width: 50px;
        }

        .CartStepInnerPanel .columns ul li.smalltxt select {
            width: 75px;
        }

            .CartStepInnerPanel .columns ul li.smalltxt select.yearRange {
                width: 85px;
            }

        .CartStepInnerPanel .columns ul li.smalltxtcv input {
            width: 75px;
        }

        .CartStepInnerPanel .columns ul select {
            width: 100%;
            border: 1px solid #E5E5E5;
            color: #707070;
            float: left;
            font-size: 14px;
            height: 29px;
            padding: 4px 10px 3px 7px;
        }

.CartStepInnerPanel .validation-list ul {
    padding: 10px 0 10px 20px;
    margin: 0;
    list-style: disc outside none;
    float: left;
}

    .CartStepInnerPanel .validation-list ul li {
        color: red;
    }

.base-surround {
    position: absolute;
    width: 100%;
    height: 167px;
    top: 0;
    left: 0;
}

    .base-surround .base-bottom {
        position: absolute;
        width: 100%;
        height: auto;
        bottom: 0;
        left: 0;
        padding: 0 8px;
    }

.calendarWrap {
    float: left;
    width: 100%;
    padding: 10px;
    background: #e6e6e6;
}

.Calendar {
    float: left;
    width: 100%;
    padding: 10px;
    background: #e6e6e6;
    border: none !important;
}

    .Calendar .Content {
        display: none;
    }

    .Calendar tr td.monthSelect {
        background: #f1ab01;
    }

    .Calendar tr:first-child td table td {
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 1em;
        line-height: 19px;
        border: none;
    }

        .Calendar tr:first-child td table td a {
            float: left;
            width: 19px;
            height: 19px;
            background: #F1AB01;
            color: #006991;
            text-decoration: none;
            font-weight: bold;
            text-align: center;
            font-weight: bold;
        }

        .Calendar tr:first-child td table td:last-child a {
            float: right;
        }

    .Calendar tr:nth-child(2) {
        display: none;
    }

    .Calendar tr td.hasEvent {
        background: #006991;
        color: #fff;
    }

        .Calendar tr td.hasEvent a {
            color: #fff !important;
        }

    .Calendar tr td.today {
        background: #c80f3f;
        color: #fff;
    }

    .Calendar tr td.selected-day {
        background: url('/images/Calendar-Selected.png') no-repeat 0 0;
    }

    .Calendar tr td.other-months {
        color: #CDCDCD;
    }

    .Calendar tr td {
        font-size: 1.2em;
        padding: 3px;
        background: #f3f3f3;
        font-size: 1.2em;
        border: 1px solid #e6e6e6;
        border-right: none;
        border-top: none;
    }

    .Calendar tr th {
        font-size: 1.2em;
        padding: 3px;
        font-weight: normal;
    }

    .Calendar tr:first-child td {
        padding: 0;
    }

    .Calendar table {
        width: 100%;
    }

        .Calendar table tr {
        }

            .Calendar table tr td, .Calendar table tr th, .Calendar tr td.monthSelect {
                padding: 0;
            }

            .Calendar table tr:first-child td {
                background: #006991;
            }

.calendarWrap .legend {
    float: left;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 10px 0 0;
}

    .calendarWrap .legend li {
        float: left;
        width: 100%;
        padding: 0 0 5px 10px;
        background-position: 0 4px;
        background-repeat: no-repeat;
        font-size: 1.2em;
        color: #333;
    }

        .calendarWrap .legend li.legend-today {
            background-image: url('../images/legend-today.png');
        }

        .calendarWrap .legend li.legend-event {
            background-image: url('../images/legend-event.png');
        }

        .calendarWrap .legend li.legend-selected {
            background-image: url('../images/legend-selected.png');
        }

.section-title {
    float: left;
    width: auto;
}

.WebPartZone_zL .WebPart {
    float: left;
    width: 30%;
    margin: 0 3% 0 0;
}

    .WebPartZone_zL .WebPart .third-column {
        float: left;
        width: 100%
    }

.ContentLabel, .DidYouMean {
    font-size: 1.4em;
    line-height: 1.5em;
    width: 100%;
    float: left;
}

.commenting {
    background-color: #f3f3f3;
}

    .commenting .CommentDetail {
        padding: 16px;
        border-bottom: 1px solid #fff;
    }

        .commenting .CommentDetail .commentHead {
        }

            .commenting .CommentDetail .commentHead span {
                font-weight: bold;
                margin-right: 10px;
                padding-right: 10px;
                border-right: 1px solid #000;
            }

        .commenting .CommentDetail p {
            padding: 5px 0;
            line-height: 1.25em;
        }

        .commenting .CommentDetail .commentControls {
        }

    .commenting .BoardPanel {
        width: 100%;
    }

        .commenting .BoardPanel .BoardLeaveMessage {
            font-weight: bold;
        }

        .commenting .BoardPanel table {
            width: 100%;
        }

            .commenting .BoardPanel table tr td {
                padding: 0px;
            }

                .commenting .BoardPanel table tr td table tr td {
                    padding: 5px 0;
                }

                    .commenting .BoardPanel table tr td table tr td label {
                        font-weight: bold;
                    }

                    .commenting .BoardPanel table tr td table tr td input.txt-input {
                        width: 100%;
                        height: 30px;
                        padding: 0 4px;
                    }

                    .commenting .BoardPanel table tr td table tr td textarea {
                        width: 100%;
                        border: 0px;
                        padding: 4px;
                    }

                    .commenting .BoardPanel table tr td table tr td .CaptchaTable {
                        width: 200px;
                    }

                        .commenting .BoardPanel table tr td table tr td .CaptchaTable td {
                            width: 120px;
                        }

                        .commenting .BoardPanel table tr td table tr td .CaptchaTable input.CaptchaTextBox {
                            width: 100px;
                            height: 30px;
                            padding: 0 4px;
                        }

.TrackbackPanel, .BlogPDateWhole, .skip {
    display: none;
}

.blogPost {
    float: left;
    width: 100%;
    padding: 0 0 10px;
    margin: 0 0 20px;
    border-bottom: 1px solid #ccc;
}

    .blogPost .blogTitle {
        display: block;
        color: #777;
        font-size: 0.8em;
        padding: 0 0 6px;
    }

        .blogPost .blogTitle span {
            display: block;
            font-size: 1.5em;
            padding: 0 0 6px;
        }

.BlogPanel {
    width: 100%;
    margin: 20px 0 0;
}

    .BlogPanel .TextBoxField {
        width: 100%;
        border: 1px solid #ccc;
        padding: 3px 6px;
    }

    .BlogPanel .TextAreaField {
        width: 100%;
        border: 1px solid #ccc;
        padding: 3px 6px;
    }

.page-content .row .mobile-hide .heapBox {
    clear: both;
    display: inline-block;
    line-height: 35px;
    position: relative;
}

.heapBox * {
    margin: 0;
    padding: 0;
    outline: none;
}

.heapBox.disabled .holder {
    color: #989898;
}

.heapBox.disabled .handler {
}

.heapBox a {
    text-decoration: none;
}

.heapBox .holder {
    width: 156px;
    overflow: hidden;
    height: 32px;
    padding: 7px 8px;
}

div.megamenu .carbon-search .select-surround .heapBox .holder {
    width: 226px;
    overflow: hidden;
    height: 32px;
    padding: 7px 8px;
}

.heapBox .handler {
    width: 25px;
    height: 35px;
    border: 1px solid #030303;
    border-left: none;
}

.heapBox .holder, .heapBox .handler {
    float: left;
    position: relative;
    z-index: 10;
}

.heapBox div.heap {
    display: none;
    position: absolute;
    list-style-type: none;
    left: 190px;
    width: 250px;
    top: 0px;
    overflow: hidden;
    border: 1px solid #000;
    border-top: none;
    background: #fff;
    z-index: 100;
    height: 200px;
    overflow-y: scroll;
}

div.megamenu .carbon-search .select-surround .heapBox div.heap {
    display: none;
    position: absolute;
    list-style-type: none;
    left: 21px;
    width: 250px;
    top: 65px;
    overflow: hidden;
    border: 1px solid #000;
    border-top: none;
    background: #fff;
    z-index: 100;
    height: 200px;
    overflow-y: scroll;
}

.heapBox .heap .heapOptions {
    display: block;
    overflow: hidden;
    z-index: 20;
    position: relative;
}

.heapBox .heap a.sliderUp {
    display: block;
    width: 100%;
    height: 15px;
    border-bottom: 1px solid #111;
    position: absolute;
    top: 0px;
    z-index: 30;
}

.heapBox .heap a.sliderDown {
    display: block;
    width: 100%;
    height: 15px;
    border-top: 1px solid #111;
    position: absolute;
    bottom: 0px;
    z-index: 30;
}

.heapBox .heap .heapOptions .heapOption {
    z-index: 20;
    position: relative;
    display: block;
    padding: 0px;
}

    .heapBox .heap .heapOptions .heapOption a {
        width: 100%;
        display: block;
        padding: 3px 6px;
    }

        .heapBox .heap .heapOptions .heapOption a:hover {
            background: #3399FF;
            color: #fff;
        }

        .heapBox .heap .heapOptions .heapOption a.selected {
            background: #3399FF;
            color: #fff;
        }

        .heapBox .heap .heapOptions .heapOption a.disabled {
            color: #777;
        }

            .heapBox .heap .heapOptions .heapOption a.disabled:hover {
                background: #777;
            }

.TagCloud {
    float: left;
    margin: 30px 0;
}

    .TagCloud .CloudTitle {
        font-size: 2em;
        font-weight: bold;
        padding-bottom: 10px;
    }

    .TagCloud span {
        line-height: 1.7em;
    }

        .TagCloud span a {
        }

.news-month-archive {
    float: left;
    width: 100%
}

    .news-month-archive h3 {
        float: left;
        width: 100%;
        font-size: 2.4em;
        font-weight: normal;
        text-transform: uppercase;
        color: #222;
    }

    .news-month-archive ul {
        float: left;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .news-month-archive ul li {
            float: left;
            width: 100%;
            font-size: 1.4em;
            padding: 10px 0;
            border-bottom: 1px solid #fff;
        }

.search-filtering ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

    .search-filtering ul li {
        float: left;
        width: auto;
        padding: 0 0 5px;
    }

.mobile-portal-search {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
}

    .mobile-portal-search h3 {
        padding: 0;
    }

        .mobile-portal-search h3 a {
            color: #fff;
            font-size: 0.9em;
            float: left;
            width: 100%;
            padding: 10px 17px;
            background: url('../images/select-bg-white.png') no-repeat right center;
        }

.mobile-portal-form {
    float: left;
    width: 100%;
    padding: 10px 17px;
}

.mobile-show {
    display: none;
}

.print-show {
    display: none;
}

body.order-form {
    font-size: 1em;
    background: #fff;
}

    body.order-form ul {
        list-style: none;
    }

        body.order-form ul.update-form {
            float: left;
        }

            body.order-form ul.update-form li {
                float: left;
                padding: 6px 0;
                width: 100%;
            }

                body.order-form ul.update-form li label {
                    float: left;
                    width: 180px;
                    margin: 0 20px 0 0;
                }

                body.order-form ul.update-form li input, body.order-form ul.update-form li select {
                    width: 200px;
                }

.cv2-helper {
    display: inline;
}

.cv2-pop-up {
    display: none;
    position: relative;
    float: left;
    width: 500px;
    height: 252px;
    border: 1px solid #006991;
    margin-top: 10px;
}

    .cv2-pop-up a {
        position: absolute;
        top: 3px;
        right: 3px;
        font-size: 12px;
    }

.cv2-pop-up-open {
    display: block;
}

.row-clear {
    float: left;
    width: 100%;
    height: 1px;
    margin: 0;
}

.background a {
    background-color: #F3F3F3;
}

.CntRatingResult {
    float: left;
    font-size: 0.7em;
    margin-top: 5px;
}

@media only screen and (max-width: 935px) {
    header {
        padding: 0 10px;
    }

    .page-content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .main-story {
        width: 100%;
    }

    .main-story {
        height: auto;
    }

        .main-story img {
            width: 100%;
            height: auto;
        }

        .main-story h2 {
            bottom: 0;
            top: auto;
        }

    .feature-blocks .small-block {
        width: 25%;
    }

    .feature-blocks .large-10 {
        width: 50%;
    }

    .sub-feature {
        width: 100%;
    }

    .small-block a span.play {
        width: 100%;
        height: 52px;
        padding: 5px 0 7px 70px
    }

        .small-block a span.play em {
            display: block;
        }

    .small-block a:hover span.play, a:hover span.play {
        width: 100%;
    }

    .tall-block .small-block {
        width: 100%;
    }

    .feature-blocks {
        width: 100%;
    }

    .main-nav li a {
        font-size: 15px;
        padding: 0 9px 0 10px;
    }

    .slimline {
        display: none !important;
    }

    .dropdown-nav {
        padding: 0 10px;
    }

    .small-block img {
        height: 100%;
        max-width: none;
        width: auto;
    }

    .content-listing ul.grid-listing li {
        width: 46%;
        margin: 30px 2% 0;
    }

    .body-copy .share-page {
        padding: 20px;
    }

        .body-copy .share-page ul {
            padding: 0;
            margin: 0 -10px 0 0;
        }

            .body-copy .share-page ul li {
                margin: 0 6px 0 0;
            }

    .share-page h3, .small-block span {
        font-size: 1.4em;
    }

    .contacts li p {
        font-size: 1.2em;
    }

    .row {
        width: 740px;
    }

    .small-block a.no-strech img {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .row {
        width: 100%;
    }

    .mobile-hide {
        display: none;
    }

    .mobile-show {
        display: block;
    }

    .breadcrumb {
        display: none;
    }

    header {
        padding: 0;
    }

    .page-content {
        padding-left: 0;
        padding-right: 0;
    }

    .tall-block .small-block {
        height: auto;
        float: left;
    }

        .tall-block .small-block a {
            float: left;
            width: 100%;
            position: relative;
            padding-bottom: 10px;
        }

        .tall-block .small-block.background a {
            padding: 0;
            background-color: #006991;
        }

            .tall-block .small-block.background a img {
                position: relative;
            }

    .small-block a span.play em {
        display: block;
    }

    .small-block a span.play {
        left: 0;
        position: absolute;
        padding: 5px 0 7px 70px;
        bottom: 0px;
        width: 80%;
    }

    .small-block.head-block a.no-strech img {
        width: 50px;
    }

    .small-block.head-block a {
        padding: 4px 0;
    }

    .lower-section {
        padding: 0 10px;
    }

    .third-column {
        float: left;
        width: 100%;
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 20px;
    }

        .third-column:last-child {
            float: left;
            width: 100%;
            padding-left: 5%;
            padding-right: 5%;
        }

    .grey-bar .third-column {
        margin-top: 0;
    }

    .main-story .caption h2 {
        font-size: 30px;
        padding-bottom: 7px;
    }

    .main-story .caption {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: url('../images/caption-bg.png') repeat-x 0 0;
        padding: 20px 20px 0;
        font-size: 1.2em;
    }

        .main-story .caption p {
            width: 90%;
        }

        .main-story .caption .expand {
            padding-bottom: 15px;
        }

    .desktop-nav {
        display: none;
    }

    .mobile-nav {
        background-color: #006991;
        float: left;
        width: 100%;
        display: inline;
        background-color: #fff;
    }

    body {
        min-width: 320px;
    }

    .footer {
        height: auto;
        background-position: right bottom;
        padding: 0 0 20px;
    }

    .feature-blocks .small-block, .small-block {
        width: 50%;
    }

    .feature-blocks .large-10 {
        width: 100%;
    }

    .content-block {
        width: 100%;
    }

    .base-surround {
        position: relative;
        width: 100%;
        height: auto;
        top: auto;
        left: auto;
    }

        .base-surround .base-bottom {
            position: relative;
            width: 100%;
            height: auto;
            bottom: auto;
            left: auto;
        }

    .small-block .columns:last-child {
        padding-left: 0;
    }

    .small-block {
        float: left; /*height:auto;*/
        min-height: 200px;
    }

    .feature-blocks .small-block {
        height: 186px;
    }

    .mobile-full {
        width: 100%;
    }

    .social {
        float: left;
        padding-left: 0;
    }

    .head-block {
        width: 100%;
        height: 50px;
    }

    .small-block.head-block a.no-strech img {
        float: left;
        height: auto;
        padding: 5px 5px;
        margin: 0;
    }

    .small-block.head-block a.no-strech span {
        float: left;
        width: auto;
        padding: 10px;
    }

    .small-block a span.play em {
        display: block;
    }

    .small-block a span.play {
        left: 0;
        position: absolute;
        padding: 5px 10px 7px 70px;
        bottom: 0px;
        width: 100%;
    }

    .small-block a:hover span.play, a:hover span.play {
        width: 100%;
        padding: 5px 10px 7px 70px;
    }

    .small-block img {
        height: auto;
        max-width: 100%;
        width: 100%;
    }

    .tall-block {
        height: auto;
        float: left;
    }

    .desktop-nav {
        display: none;
    }

    .icon {
        width: 100%;
    }

    .search-placeholder {
        display: none;
    }

    .promo h3 {
        font-size: 2.4em;
        padding: 0 0 10px;
    }

    .form-fieldset .knowledge-search {
        float: left;
        width: 100%;
        padding: 0 0 12px
    }

    .form-fieldset .knowledge-theme {
        float: left;
        width: 100%;
    }

    .article-column ul.no-title {
        margin-top: 0;
    }

    .related-content {
        padding: 0 10px 25px;
    }

    .search-summary {
        padding: 0 10px;
        overflow: hidden;
        word-wrap: break-word;
    }

    .mobile-search-box {
        float: left;
        width: 100%;
        padding: 0;
        display: none;
    }

        .mobile-search-box .search-box {
            width: 100%;
            float: left;
            margin: 0;
            padding: 10px 0;
        }

            .mobile-search-box .search-box .searchBox {
                width: 100%;
                padding: 0 5px;
            }

    .search-box .searchBox .txt-submit {
        width: 87%;
    }

    .search-box .searchBox .btn-submit {
        width: 10%;
    }

    .list-view {
        display: none;
    }

    .pagination .button {
        position: relative;
        margin-top: 0px;
        left: auto;
        right: auto;
        top: auto;
    }

    .pagination .prev {
        float: left;
    }

    .pagination .next {
        float: right;
    }

    .centred {
        height: auto;
    }

    .related-content {
        border: none;
    }

    .home-search .select-surround {
        width: 70%;
    }

    .blockquote {
        width: 100%;
        margin: 0 0 12px;
        left: auto;
        right: auto;
    }

    .section-story {
        height: auto;
    }

        .section-story img {
            height: auto;
            width: 100%;
        }

    .search-summary h1 {
        font-size: 2em;
    }

    .CartTable {
        width: 95% !important;
        margin: 0 2.5%;
    }
    /* Responsive tables */
    table.responsive {
        margin-bottom: 0;
    }

    .pinned {
        position: absolute;
        left: 0;
        top: 0;
        background: #fff;
        width: 35%;
        overflow: hidden;
        overflow-x: scroll;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }

        .pinned table {
            border-right: none;
            border-left: none;
            width: 100%;
        }

            .pinned table th, .pinned table td {
                white-space: nowrap;
            }

        .pinned td:last-child {
            border-bottom: 0;
        }

    div.table-wrapper {
        position: relative;
        margin-bottom: 20px;
        overflow: hidden;
        border-right: 1px solid #ccc;
    }

        div.table-wrapper div.scrollable {
            margin-left: 35%;
        }

        div.table-wrapper div.scrollable {
            overflow: scroll;
            overflow-y: hidden;
        }

    table.responsive td, table.responsive th {
        position: relative;
        white-space: nowrap;
        overflow: hidden;
    }

        table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td {
            display: none;
        }

    table caption {
        display: none;
    }

    h1 {
        font-size: 2.4em;
    }

    .filter-columns {
        padding: 12px 0;
    }

        .filter-columns div {
            width: 100%;
            padding: 10px 10px 0;
        }

    .content-listing ul li .info {
        margin-top: 10px;
    }

    .content-listing ul.thumbnail-listing li {
        margin: 0 0 10px 0;
        padding: 0 0 10px;
        border-bottom: 1px solid #ccc;
    }

    .content-listing {
        margin-top: 20px;
    }

    .society-contact p {
        line-height: 1.4em;
    }

    .mobile-no-push {
        left: auto;
        right: auto;
    }

    .search-filtering {
        font-size: 1.1em;
    }

    .search-filtering {
        float: left;
        width: 100%;
        padding: 0 16px;
    }

        .search-filtering ul li {
            float: left;
            width: 50%;
        }

        .search-filtering .TextBoxField {
            width: 170px;
        }

        .search-filtering td {
            font-size: 1.15em
        }

        .search-filtering .ContentRadioButtonList label {
            padding: 0 2px 0 6px;
            line-height: 1.4em;
        }

    .commenting .BoardPanel table tr td table tr td {
        width: 100%;
        float: left;
    }

        .commenting .BoardPanel table tr td table tr td .TextBoxField {
            width: 100%;
        }

    .mobile-knowledge-details {
        font-size: 62.5%;
        float: left;
        width: 100%;
        margin: 20px 0;
    }

    .knowledge-item-buttons > .large-10 {
        width: 100%;
    }

        .knowledge-item-buttons > .large-10 .get-item .large-5 {
            width: 50%;
        }

    .cv2-pop-up {
        width: 300px;
        height: auto;
    }

    .CartStepInnerPanel .columns ul li.fixWidth {
        width: 100%;
        margin-bottom: 0;
    }

    .small-block span.block-title {
        font-size: 26px;
    }

    .section-story h1, .section-story h2 {
        font-size: 28px;
    }

    .content-listing ul.thumbnail-listing li .thumb {
        width: 100%;
    }

    .content-listing ul.thumbnail-listing li .info {
        width: 100%;
    }

    .small-block a.no-strech img {
        width: auto;
    }
}

@media only screen and (max-width: 660px) {
    .content-listing ul.grid-listing li {
        width: 100%;
        margin: 10px 0;
    }

    .content-listing ul li .info {
        min-height: 10px;
    }

    .body-copy .share-page {
        height: auto;
        padding: 10px 20px 20px
    }

        .body-copy .share-page ul {
            float: left;
            width: 100%;
        }

            .body-copy .share-page ul li {
                margin: 0 12px 0 0;
            }
}

@media only screen and (max-width: 420px) {
    .small-block.background a img {
        height: 100%;
        margin: 0;
        padding: 0;
        width: auto;
    }

    .lower-section .small-block.background a img {
        height: auto;
        width: 100%;
    }

    .search-box .searchBox .txt-submit {
        width: 82%;
    }

    .search-box .searchBox .btn-submit {
        width: 15%;
    }

    .society-contact {
        padding-top: 3px;
    }

        .society-contact p {
            font-size: 1.1em;
        }
}

.icon, .main-nav li.nav a.nav-link, .block-title, .main-story h2, .mob-menu, .mob-login, h1, h2, h3, .blockquote blockquote p, .content-listing .error, .CartStepTable .BlockTitle {
    font-family: 'Conv_knockout-htf-49-liteweight',Sans-Serif;
    font-weight: 500;
}

/** MAC fixes **/
/*.mac .icon, .mac .block-title, .mac .main-story h2, .mac .mob-menu, .mac .mob-login, .mac h1, .mac h2, .mac h3, .mac .blockquote blockquote p, .mac .content-listing .error, .mac .CartStepTable .BlockTitle { font-family:Arial, Helvetica, sans-serif; }*/

.mac .main-nav li.nav a.nav-link {
    float: none;
    padding: 29px 15px;
}

.mac .main-nav-mycibse li.nav a.nav-link {
    padding: 0 12px;
}

.mac .main-nav li.nav.last {
    line-height: 40px;
}

    .mac .main-nav li.nav.last a.nav-link {
        padding: 23px 13px;
    }

        .mac .main-nav li.nav.last a.nav-link:hover {
            padding: 23px 13px;
        }

.mac .small-block span.block-title {
    font-size: 20px;
}

.mac .article-column .thumb .icon, .icon {
    font-size: 19px;
    padding-bottom: 13px;
    padding-top: 13px;
}

/** IE7 fixes **/
.IE7 .search-box .searchBox .txt-submit {
    width: 237px;
    padding: 5px;
    height: 20px;
}

.IE7 .search-box .searchBox .btn-submit {
    line-height: 22px;
}
/*.IE7 .cibselogo { height: 156px; }*/
.IE7 .slimline .cibselogo {
    height: 48px;
}

.IE7 .promo {
    width: 73%;
    padding: 12px 24% 12px 3%;
}

/* map styles */
#map-canvas {
    width: 300px;
    height: 300px;
    border: solid 0px #006991;
    margin-bottom: 20px;
    margin-top: 10px;
}

.map--full {
    width: 100% !important;
    height: 300px !important;
    margin-bottom: 40px !important;
}

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

@media only screen and (max-width: 420px) {
    #map-canvas {
        width: 260px;
        height: 260px;
    }
}

/*#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width: 800px;
  height:600px;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 0;
  text-align: center;
}
#boxes #dialog {
  width:800px; 
  height:auto;
  padding:10px;
  top: 5%;
  background-color:#ffffff;
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 15pt;
}
.maintext{
	text-align: center;
  font-family: "Segoe UI", sans-serif;
  text-decoration: none;
}
#lorem{
	font-family: "Segoe UI", sans-serif;
	font-size: 12pt;
  text-align: left;
}
#popupfoot{
	font-family: "Segoe UI", sans-serif;
	font-size: 16pt;
    padding: 10px;
    text-align: right;
}
#popupfoot a{
	text-decoration: none;
}
@media only screen and (max-width: 660px) {

    #boxes .window, #boxes #dialog {
        width: 90%;
        height: auto;
        display: block;
    }
    #boxes #dialog img.splash {
        width: 100%;
        height: auto;
        display: block;
    }
}*/


.search-filter {
    font-weight: bold;
    font-size: 15px;
}

.EditingFormErrorLabel {
    color: #ff0000 !important;
}

.EditingFormLabel {
    color: black !important;
    font-weight: normal !important;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}