/*[fmt]1A90-1A0B-3*/
@import url('../fonts/font.css');

body, html, form, p, ul, li, ol, h1, h2, h3, h4, h5, h6, table {
    margin: 0;
    padding: 0;
}
/*Added area to remove the blue Outline for Storelocator Maps*/
area {
    outline: none;
}
body, html {
    height: 100%;
    width: 100%;
}

.js .fouc {
    visibility: hidden;
}

img {
    border: none;
    margin: 0;
    padding: 0;
}

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

    body.iframe {
        background: transparent;
    }

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

    a:hover {
        color: #00599C;
    }

    a.active {
        color: #0067B1;
    }

.nolist ol, .nolist ul, .nolist li {
    list-style-type: none;
}

abbr, acronym {
    border-bottom: none;
}

.access {
    display: block;
    overflow: hidden;
    position: absolute;
    height: 0;
    width: 0;
    z-index: -9999;
}

.hiddenAcc {
    position: absolute;
    left: -999em;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/*.area-map {
    margin-left: 6px;
    margin-top: 4px;

}*/

.textCenter {
    text-align: center;
}

.paddingTop {
    padding-top: 15px;
}

.last, .right {
    border: none !important;
    margin-right: 0 !important;
}

.clearFloats {
    clear: both;
    float: none;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin: 0;
    overflow: hidden;
}

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

.clearfix {
    display: inline-block;
}

.phone_number_displayed {
    display:none;
    cursor:pointer;
    color: #848484;
}

.phone_number_hidden {
    display:inline-block;
    cursor:pointer;
    color: #0065af;
}

html .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

#bodyContainer {
    overflow: hidden;
}

.bannerWrapper {
    background-color: #333;
    height: 330px;
}

    .bannerWrapper.medHeight {
        height: 230px;
        margin-bottom: 30px;
        overflow: hidden;
        width: 940px;
    }

    .bannerWrapper .bannerMain {
        height: 330px;
        margin: auto;
        position: relative;
        width: auto;
    }

    .bannerWrapper.medHeight .bannerMain {
        height: 230px;
        width: 940px;
    }

    .bannerWrapper .bannerText {
        position: absolute;
        right: 0;
        top: 100px;
        width: 390px;
        z-index: 7;
    }

    .bannerWrapper .home .bannerText {
        right: 82px;
    }

    .bannerWrapper.medHeight .bannerText {
        top: 69px;
        margin-right: 80px;
        width: 770px;
    }

.paddingRightAdjust {
    padding-right: 115px;
}

.bannerWrapper .bannerText .bannerCaption {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 390px;
    z-index: 7;
}

.bannerWrapper .home .bannerText .bannerCaption {
    left: -420px;
    top: 18px;
    width: 800px;
}

.bannerWrapper.medHeight .bannerText .bannerCaption {
    top: 0;
    left: 0;
    width: 770px;
}

.bannerWrapper .bannerText h2.title {
    color: #FFF;
    display: block;
    font-size: 32px;
    font-weight: normal;
    text-align: right;
    width: 245px;
    float: right;
}

.bannerWrapper .home .bannerText h2.title {
    font-size: 60px;
    letter-spacing: -0.05em;
    width: 760px;
}

.text-shadow {
    text-shadow: 2px 3px 2px rgba(0, 0, 0, 1);
}

.bannerWrapper.medHeight .bannerText h2.title {
    float: right;
    font-size: 46px;
    letter-spacing: -0.02em;
    width: 770px;
}

.bannerWrapper .bannerText a {
    color: #FFF;
    background: transparent url(../images/arrow_banner_link.png) no-repeat 0 2px;
    float: left;
    font-size: 1.4em;
    margin-left: 21px;
    padding-left: 11px;
    padding-right: 9px;
}

.bannerWrapper .home .bannerText a, .bannerCaption .buttonWrapper a {
    background: transparent url(../images/arrow_banner_link2.png) no-repeat 0 0;
    padding-bottom: 5px;
    padding-left: 15px;
}

.bannerWrapper .home .bannerText a {
}

.bannerWrapper.medHeight .bannerText a, .bannerWrapper .home .bannerText a {
    font-weight: bold;
}

.bannerWrapper.medHeight .bannerText a {
    position: relative;
    top: -24px;
}

.bannerWrapper .bannerText a:hover {
    color: #FFF;
    text-decoration: underline;
}

.bannerWrapper .frame {
    height: 330px;
    position: absolute;
    top: 0;
    overflow: hidden;
    width: 100%;
}

.bannerWrapper.medHeight .frame {
    height: 230px;
    width: 940px;
}

.bannerWrapper .frame .bannerTransparentBg {
    background: transparent url(../images/bg_banner_siluet_blue.png) no-repeat 0 0;
    height: 330px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 6;
}

.bannerWrapper.medHeight .frame .bannerTransparentBg {
    background: transparent url(../images/bg_banner_subpage.png) no-repeat 0 0;
    height: 230px;
}

.bannerWrapper .frame .bannerTransparentBgLeft {
    background: transparent url(../images/bg_banner_curve_left.png) no-repeat 0 0;
    height: 330px;
    position: absolute;
    top: 0;
    left: 0;
    width: 293px;
    z-index: 6;
}

.bannerWrapper .frame .bannerOvTransparentBgLeft {
    background: transparent url(../images/bg_overlay_carousel_left.png) no-repeat -1035px 0;
    height: 330px;
    position: absolute;
    top: 0;
    right: 0;
    width: 1680px;
    z-index: 6;
}

.bannerWrapper .frame .bannerOvTransparentBgRight {
    background: transparent url(../images/bg_overlay_carousel_right.png) no-repeat 1010px 0;
    height: 330px;
    position: absolute;
    top: 0;
    left: 0;
    width: 1680px;
    z-index: 6;
}

.bannerWrapper .frame .bannerTransparentBgRight {
    background: transparent url(../images/bg_banner_curve_right_wide.png) no-repeat 0 0;
    height: 330px;
    position: absolute;
    top: 0;
    right: 0;
    width: 1500px;
    z-index: 6;
    overflow: hidden;
}

.bannerImage {
    height: 330px;
    overflow: hidden;
    width: 1680px;
    margin: 0 auto;
}

    .bannerImage .slides_container a img {
        height: 330px;
        width: 1680px;
    }

    .bannerImage.home {
        background: #333;
    }

.medHeight .bannerImage {
    height: 230px;
    width: 940px;
    background: url(../images/bg_overlay_slideshow.png) no-repeat right;
}

    .medHeight .bannerImage .slides_container a img {
        height: 230px;
        width: 940px;
    }

.bannerImage a.prev, .bannerImage a.next, .controlWrapper a.prev, .controlWrapper a.next {
    background: url(../images/carousel_navigation_large1.png) no-repeat right top;
    display: block;
    height: 71px;
    left: 314px;
    position: absolute;
    overflow: hidden;
    text-indent: -80em;
    top: 132px;
    width: 56px;
    z-index: 7;
}
.controlWrapper a.prev, .controlWrapper a.next{
    top:175px;
}
.bannerImage a:hover.next, .controlWrapper a:hover.next {
    background-position: left bottom;
}

.bannerImage a:hover.prev, .controlWrapper a:hover.prev {
    background-position: right bottom;
}

.medHeight .bannerImage a.prev, .medHeight .bannerImage a.next {
    top: 79px;
}

.bannerImage a.next, .controlWrapper a.next {
    background-position: left top;
    right: 48px;
    left: auto;
}

.controlWrapper a.prev {
    left: 0;
}

.controlWrapper a.next {
    right: 0;
}

.navBanner {
    padding: 0;
    position: absolute;
    list-style: none;
    right: 0;
    top: 30px;
    z-index: 8;
}

.medHeight .navBanner {
    top: 20px;
    z-index: 8;
}

.navBanner.paddingRightAdjust {
    right: 20px;
}

.navBanner a {
    float: left;
    margin-right: 1px;
    background: url(../images/header_slide_pagination.png) no-repeat 0 0;
    display: block;
    height: 15px;
    text-indent: -1000em;
    overflow: hidden;
    width: 15px;
}

.medHeight .navBanner a {
    height: 10px;
    text-indent: -1000em;
    width: 10px;
}

.navBanner a.activeSlide {
    background-position: right top;
}

.slideshowController {
    float: right;
    height: 17px;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 7;
}

    .slideshowController ul li {
        list-style: none;
        display: inline;
    }

        .slideshowController ul li.hidden {
            display: none;
        }

        .slideshowController ul li.active {
            display: block;
        }

.controlWrapper {
    height: 330px;
    margin: 0 auto;
    position: relative;
    top: -330px;
    width: 940px;
    z-index: 15;
    background: url(../images/bg_banner_curve_right_smaller.png) no-repeat right;
}

    .controlWrapper.homeold {
        background: url(../images/bg_banner_siluet_blue.png) no-repeat -305px top;
    }

    .controlWrapper.home {
        background: none;
        z-index: 7;
    }

.enquire {
    z-index: 99;
    background-image: url(../images/bg_enquire.png);
    background-repeat: repeat-x;
    position: absolute;
    bottom: 5px;
    left: 0;
    float: left;
    height: 53px;
}

    .enquire span {
        color: #FFFFFF;
        display: block;
        font-size: 2.2em;
        margin-left: 0.5em;
        padding: 0.7em 0.7em 0.7em 1.4em;
    }

    .enquire span.icoPencil {
        background-image: url("../images/ico_sprites.png");
        background-position: 0px -105px;
        background-repeat: no-repeat;
    }

    .enquire span.icoMail {
        background-image: url("../images/arrow_enquire.png");
        background-position: left 15px;
        background-repeat: no-repeat;
    }

.controlWrapper.home .currentLink, .bannerWrapper.medHeight .currentLink {
    display: block;
    height: 330px;
    left: 0;
    position: absolute;
    top: 0;
    width: 940px;
    z-index: 7;
}

.bannerWrapper.medHeight .currentLink {
    height: 230px;
    z-index: 7;
}

.overlayWrapper {
    width: 1292px;
    margin: 0 auto;
    height: 330px;
    position: absolute;
}

.bannerOverlay {
    height: 330px;
    position: absolute;
    top: 0;
    width: 100%;
    background: url(../images/bg_banner_overlay.png) no-repeat top center;
    z-index: 10;
}

.brandsBandWrapper {
    background: #131313 url(../images/bg_dark_brands_logos.jpg) no-repeat top center;
    clear: both;
    color: #FFF;
    font-size: 1.6em;
    line-height: 1.3em;
    margin-bottom: 10px;
    padding: 15px 0;
}

.brandsBandContainer {
    display: block;
    margin: 0 auto;
    width: 940px;
}

.brandsBandWrapper ul.logoList {
    width: 100%;
    clear: both;
    display: block;
    padding-top: 0.6em;
}

#content {
    background: transparent url(../images/bg_content.gif) repeat-x 0 0;
    position: relative;
    z-index: 1;
}

.contentMain {
    margin: auto;
    padding-bottom: 58px;
    width: 940px;
}

.columnWrapper .customSearchWrapper {
    float: left;
    padding-right: 25px;
}

.columnWrapper .browseProductsWrapper {
    float: right;
}

.wysiwygContent {
    font-size: 1.2em;
    line-height: 1.834em;
}

    .wysiwygContent p {
        font-size: 1em !important;
        line-height: 1.834em;
        padding-bottom: 12px;
    }

        .wysiwygContent p strong, .wysiwygContent p b {
            font-weight: bold;
        }

    .wysiwygContent ul, .wysiwygContent ol {
        padding: 0 0 7px 20px;
    }

        .wysiwygContent ul > li ul, .wysiwygContent ol > li ol, .wysiwygContent ul > li ol, .wysiwygContent ol > li ul {
            padding-top: 5px;
            padding-bottom: 0;
        }

        .wysiwygContent ul li, .wysiwygContent ol li {
            list-style: disc;
            padding-bottom: 5px;
        }

        .wysiwygContent ol li {
            list-style: decimal;
        }

    .wysiwygContent h1, .wysiwygContent h2, .wysiwygContent h3, .wysiwygContent h4, .wysiwygContent h5, .wysiwygContent h6 {
        font-size: 2.5em;
        font-weight: normal;
        line-height: 120%;
        margin-bottom: 10px;
    }

    .wysiwygContent h2 {
        font-size: 2em;
    }

    .wysiwygContent h3 {
        font-size: 1.7em;
    }

    .wysiwygContent h4 {
        font-size: 1.6em;
    }

    .wysiwygContent h5 {
        font-size: 1.4em;
    }

    .wysiwygContent h6 {
        font-size: 1.35em;
    }

    .wysiwygContent a {
        color: #0067B1;
        text-decoration: underline;
    }

        .wysiwygContent a:hover {
            color: #333;
            text-decoration: underline;
        }

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

.wysiwygContent {
    display: inline-block;
}

.wysiwygContent {
    display: block;
}

* html .wysiwygContent {
    height: 1%;
}

.buttonWrapper {
    display: block;
    padding: 20px 0 10px;
}

.controlWrapper.home .buttonWrapper {
    padding: 6px 0 10px;
}

a.readMore, a.readMore2 {
    background-image: url('../images/arrow_banner_link.png');
    background-repeat: no-repeat;
    background-position: 6px center;
    color: #00599C;
    padding-left: 11px;
    display: inline-block !important;
}

a.readMore2 {
    color: #333;
    font-size: 1.2em;
    line-height: 22px;
    text-decoration: none;
    line-height: 22px;
    margin-right: 5px;
    padding: 5px 7px 5px 16px;
}

a:hover.readMore2 {
    text-decoration: none;
}

.splashScreenPopup a.readMore {
    background-position: left 4px;
}

a.readMore2.floatRight {
    display: block;
    float: right;
    margin-top: 4px;
}

/*Styling for search results*/
.itemArticle a.readMore {
    background: transparent url("../images/sprites_arrow.png") no-repeat left 5px;
    font-size: 1.2em;
    line-height: 1.2em;
    font-family: DINWebBold, Arial, Helvetica, sans-serif;
    color: #0067B1;
    padding-left: 11px;
    padding-top: 1px;
}

.itemArticle a:hover.readMore {
    background: transparent url("../images/sprites_arrow.png") no-repeat left 5px;
    color: #0067B1;
}

a.viewMore, a.submitLink, input.submitLink, a.submitLink3, a.nextSteps {
    /*background: url(../images/sprites_arrow.png) left -17px no-repeat;
color: #333;*/
    color: #FFFFFF;
    float: left;
    font-size: 1.8em;
    line-height: 1em;
    font-weight: normal;
    padding: 10px;
}

a.viewMore2, a.submitLink2, a.nextSteps2 {
    background: url(../images/sprites_arrow.png) no-repeat left 2px;
    color: #333;
    font-size: 1.4em;
    padding-left: 10px;
}

    a.viewMore2.floatRight, a.submitLink2.floatRight, a.nextSteps2.floatRight {
        float: right;
    }

.inspireWrapper .buttonWrapper.adjustHeight {
    overflow: hidden;
    padding-bottom: 0;
}

.whatsNext.wysiwygContent {
    font-size: 1.4em;
    font-weight: bold;
}

a.nextSteps {
    display: block;
    float: left;
    margin: 10px 20px 12px 0;
    /*width: 300px;*/
}

a.viewMore span, a:hover.viewMore, a:hover.submitLink, input:hover.submitLink, a:hover.nextSteps {
    /*color: #00599c;*/
}

.customSearchWrapper {
    overflow: hidden;
    width: 300px;
}

    .customSearchWrapper p {
        font-size: 1.2em;
        line-height: 1.4em;
        padding-bottom: 10px;
    }

        .customSearchWrapper p span {
            float: right;
            font-style: italic;
        }

    .customSearchWrapper .searchItem {
        background-color: #F0F0EF;
        border-bottom: 1px solid #CCC;
        padding: 10px 0;
    }

    .customSearchWrapper .searchLabel {
        color: #4B8DAD;
        float: left;
        font-weight: normal;
        font-size: 1.6em;
        line-height: 1.8em;
        font-family: DINWebBold, Arial, Helvetica, sans-serif;
        padding-left: 20px;
        width: 116px;
    }

    .customSearchWrapper .searchFieldWrapper {
        background: url(../images/bg_shadow_boxes.png) no-repeat 0 bottom;
        height: auto;
        padding-bottom: 9px;
    }

.innerContentLeft .customSearchWrapper .searchFieldWrapper {
    background: url(../images/bg_shadow_boxes.png) no-repeat -600px bottom;
    height: auto;
    padding-bottom: 9px;
}

.customSearchWrapper .searchField {
    float: right;
    width: 160px;
}

    .customSearchWrapper .searchField select {
        width: 153px;
        padding: 5px;
    }

        .customSearchWrapper .searchField select.medium {
            width: 236px;
        }

.custom-select-container {
    position: relative;
    width: 150px;
}

.promoStateSelectPopup .custom-select-container {
    width: auto;
}

select.custom.replaced {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 2em;
    border: 0;
    opacity: 0;
    line-height: 2;
}

.custom-select, .custom-select-disabled {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
}

    .custom-select > span, .custom-select-disabled > span {
        border: 1px solid #CCC;
        color: #666;
        display: block;
        font-size: 12px;
        line-height: 100%;
        padding: 0 25px 0 6px;
        background: #FFF url(../images/bg_select_custom.png) no-repeat 100% -88px;
        line-height: 2;
    }

    .custom-select-disabled > span {
        background-position: 100% -288px;
    }

    .custom-select span span, .custom-select-disabled span span {
        display: block;
        height: 2em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .custom-select-disabled span span {
        color: #CCC;
    }

    .custom-select.active > span, .custom-select-disabled.active > span {
        border-color: #AAA;
    }

.customSearchWrapper .bgBlue {
    background: #00599C url(../images/bg_header_customsearch.png) no-repeat left top;
    height: 23px;
    margin-bottom: 1px;
    padding: 9px 0 18px;
}

    .customSearchWrapper .bgBlue .searchLabel {
        color: #FFF;
    }

.customSearchWrapper .bgBlack {
    background-color: #333;
}

    .customSearchWrapper .bgBlack .searchLabel {
        color: #FFF;
    }

.browseProductsWrapper {
    position: relative;
    width: 581px;
}

    .browseProductsWrapper p {
        font-size: 1.2em;
        line-height: 1.4em;
        padding-bottom: 10px;
    }

.carouselWrapper {
    height: 204px;
    margin: auto;
    position: relative;
    width: 521px;
}

    .carouselWrapper ul#carouselProductBrowser li {
        list-style: none;
        float: left;
    }

    .carouselWrapper .jcarousel-direction-rtl {
        direction: rtl;
    }

    .carouselWrapper .jcarousel-clip-horizontal {
        overflow: hidden;
        width: 520px;
    }

    .carouselWrapper .jcarousel-item {
        background: url(../images/divider_grey_repeat.gif) repeat-y right top;
        height: 204px;
        overflow: hidden;
        width: 174px;
    }

        .carouselWrapper .jcarousel-item .image {
            height: 150px;
            margin-top: 16px;
            overflow: hidden;
            text-align: center;
            width: 174px;
        }

        .carouselWrapper .jcarousel-item h4.title {
            display: block;
            font-size: 1.6em;
            line-height: 100%;
            max-height: 23px;
            overflow: hidden;
            text-align: center;
            width: 174px;
        }

        .carouselWrapper .jcarousel-item .text .publishDate {
            display: block;
            font-size: 1.2em;
            font-weight: normal;
            line-height: 1.2em;
            padding-bottom: 10px;
        }

        .carouselWrapper .jcarousel-item .text p.itemContent {
            color: #005B82;
            font-size: 1.2em;
            font-weight: bold;
            line-height: 1.5em;
        }

    .carouselWrapper .jcarousel-item-placeholder {
        background: #FFF;
        color: #000;
    }

    .carouselWrapper .jcarousel-next-horizontal, .carouselWrapper .jcarousel-prev-horizontal {
        background: url(../images/carousel_navigation.gif) no-repeat left top;
        cursor: pointer;
        display: block;
        height: 42px;
        position: absolute;
        top: 58px;
        right: -31px;
        width: 31px;
    }

    .carouselWrapper .jcarousel-prev-horizontal {
        left: -32px;
        background-position: right top;
    }

    .carouselWrapper .jcarousel-next-disabled {
        display: none !important;
    }

    .carouselWrapper .jcarousel-prev-disabled {
        display: none !important;
    }

    .carouselWrapper .itemLast {
        width: 173px;
    }

.inspireWrapper .intros {
    height: 40px;
    position: relative;
}

.inspireWrapper h2.title {
    position: absolute;
    left: 0;
}

.inspireWrapper p.introText {
    color: #666;
    right: 0;
    font-size: 12px;
    line-height: 14px;
    padding-top: 18px;
    position: absolute;
}

.inspireWrapper .colLeft {
    float: left;
    height: 279px;
    margin: 10px 0;
    overflow: hidden;
    width: 465px;
}

    .inspireWrapper .colLeft .item {
        cursor: pointer;
        display: block;
        float: left;
        margin-right: 1px;
        margin-bottom: 1px;
        height: 278px;
        overflow: hidden;
        position: relative;
        width: 464px;
    }

        .inspireWrapper .colLeft .item img {
            height: 100%;
            width: 100%;
            z-index: 0;
        }

        .inspireWrapper .colLeft .item .taglineBg span,  .inspireWrapper .colRight .introAnim .taglineBg span{
            background: transparent url(../images/inspire_arrow_sprites.png) no-repeat left 2px;
            color: #FFF;
            float: left;
            font-size: 1.6em;
            font-weight: normal;
            height: 20px;
            left: 20px;
            max-width: 190px;
            min-width: 34px;
            overflow: hidden;
            padding-left: 17px;
            top: 106px;
            z-index: 1;
        }

.wkit .inspireWrapper .colLeft .item .taglineBg span, .wkit .inspireWrapper .colRight .introAnim .taglineBg span {
    background-position: left 4px;
    height: 20px;
}

.inspireWrapper .colRight {
    float: right;
    height: 279px;
    margin: 10px 0;
    position: relative;
    width: 465px;
}

    .inspireWrapper .colRight span.shadow {
        background: url(../images/shadow_insp.png) repeat-y 0 0;
        display: block;
        height: 279px;
        left: 0;
        position: absolute;
        top: 0;
        width: 21px;
        z-index: 13;
    }

    .inspireWrapper .colRight span.arrow {
        background: url(../images/arrow_insp.png) no-repeat 0 0;
        display: block;
        height: 41px;
        left: 0;
        position: absolute;
        top: 118px;
        width: 21px;
        z-index: 11;
    }

    .inspireWrapper .colRight .introAnim {
        background: #0067B1 url(../images/bg_box_inspirecentre.png) no-repeat 0 0;
        height: 279px;
        position: absolute;
        left: 0;
        top: 0;
        width: 465px;
        z-index: 12;
    }

        .inspireWrapper .colRight .introAnim h5 {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
        }

            .inspireWrapper .colRight .introAnim h5 a {
                background: url(../images/play_video_button_inspire.png) no-repeat 165px 58px;
                color: #FFF;
                display: block;
                font-weight: normal;
                font-size: 2.4em;
                line-height: 1.2em;
                height: 279px;
                padding: 0;
                text-indent: -999em;
                width: 465px;
                z-index: 0;
            }

                .inspireWrapper .colRight .introAnim h5 a:hover {
                    background-position: -335px 58px;
                }

        .inspireWrapper .colRight .introAnim .videoIntroTxt {
            background: none;
            bottom: 25px;
            color: #FFF;
            display: block;
            font-weight: normal;
            font-size: 1.4em;
            line-height: 18px;
            margin: 0 25px;
            max-height: 56px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            text-align: center;
            z-index: 5;
        }

        .inspireWrapper .colRight .introAnim .videoIntroFrame img {
            max-width: 465px;
            max-height: 279px;
        }

.inspireVideo_id {
    left: 0;
    position: absolute;
    top: 0;
}

.inspireWrapper .colRight .inspirationContent {
    height: 279px;
    overflow: hidden;
    position: relative;
    width: 465px;
}

    .inspireWrapper .colRight .inspirationContent .slides a img {
        height: 279px;
        width: 465px;
    }

    .inspireWrapper .colRight .inspirationContent .itemContent {
        display: none;
        height: 279px;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 0;
        width: 465px;
    }

        .inspireWrapper .colRight .inspirationContent .itemContent h5 {
            background: url(../images/bg_blue_transparent.png) repeat;
            color: #FFF;
            float: left;
            font-weight: bold;
            font-size: 1.2em;
            line-height: 1.2em;
            padding: 8px 10px;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 10;
        }

.inspireWrapper .colRight .inspire-tile .title {
    top: 0;
    font-size: 120%;
    padding: 1em 0;
    position: absolute;
    color: white;
    background-color: rgba(0,0,0,0.7);
    width: 100%;
}

    .inspireWrapper .colRight .inspire-tile .title h3 {
        padding: 0 1em;
    }


.promoTitle {
    top: 0;    
    position: absolute;    
    background-color: rgba(0,0,0,0.7);
    width: 100%;
}

    .promoTitle h3 {
        color: white !important;
        font-size: 1.4em;
        line-height: 1.25em;
        padding-bottom: 5px;
        padding-left: 5px;
        padding-top: 5px;
    }


.slide-up {
    font-size: 120%;
}


.inspireWrapper .slide-up {
    bottom: 0;
    position: absolute;
    display: none;
    color: white;
    background-color: rgba(0,0,0,0.5);
}


    .inspireWrapper .slide-up .inner {
        margin: 1em;
    }

.inspireWrapper .colLeft .clicked {
    background-color: #00599C;
    display: block;
}

    .inspireWrapper .colLeft .clicked img {
        display: inline;
    }

.inspireWrapper .colLeft .taglineBg, .inspireWrapper .colRight .introAnim .taglineBg {
    background: url(../images/bg_blue_transparent.png) repeat;
    display: block;
    bottom: 10px;
    position: absolute;
    padding: 10px;
}
.inspireWrapper .colRight .introAnim .taglineBg{
    bottom:1px;
}

.inspireWrapper .colRight #slidesOne .slides_container, .inspireWrapper .colRight #slidesTwo .slides_container, .inspireWrapper .colRight #slidesThree .slides_container, .inspireWrapper .colRight #slidesFour .slides_container {
    display: none;
    height: 279px;
    width: 465px;
}

    .inspireWrapper .colRight #slidesOne .slides_container div, .inspireWrapper .colRight #slidesTwo .slides_container div, .inspireWrapper .colRight #slidesThree .slides_container div, .inspireWrapper .colRight #slidesFour .slides_container div {
        display: block;
        height: 279px;
        width: 465px;
    }

.inspireWrapper .colRight ul.pagination {
    background: url(../images/bg_blue_transparent.png) repeat;
    padding: 10px 0 0 20px;
    position: absolute;
    list-style: none;
    height: 67px;
    right: 0;
    top: 182px;
    z-index: 6;
    width: 338px;
}

.inspireWrapper .colRight .inspirationContent .buttonWrapper {
    background: url(../images/bg_blue_transparent.png) repeat;
    padding: 0;
    position: absolute;
    height: 77px;
    right: 0;
    top: 182px;
    width: 358px;
    z-index: 10;
}

    .inspireWrapper .colRight .inspirationContent .buttonWrapper .inspAnimNav {
        position: absolute;
        left: 20px;
        top: 10px;
    }

        .inspireWrapper .colRight .inspirationContent .buttonWrapper .inspAnimNav a {
            background: url(../images/bg_slide_pagination.png) no-repeat 0 0;
            float: left;
            height: 10px;
            margin-right: 1px;
            overflow: hidden;
            text-indent: -20em;
            width: 10px;
        }

            .inspireWrapper .colRight .inspirationContent .buttonWrapper .inspAnimNav a.activeSlide {
                background-position: right top;
            }

    .inspireWrapper .colRight .inspirationContent .buttonWrapper a.bringLink {
        background: url(../images/inspire_arrow_sprites.png) no-repeat left -19px;
        color: #FFF;
        font-size: 2.4em;
        position: absolute;
        top: 38px;
        left: 20px;
        padding-left: 19px;
    }

.selectbox-wrapper {
    position: absolute;
    width: 148px !important;
    background: #FFF;
    border: 1px solid #CCC;
    padding: 10px 0;
    font-size: 1.2em;
    text-align: left;
    overflow: auto;
    z-index: 3;
}

    .selectbox-wrapper ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .selectbox-wrapper ul li.selected {
            background-color: #0067B1;
            color: #FFF;
        }

        .selectbox-wrapper ul li {
            cursor: pointer;
            color: #333;
            display: block;
            list-style-type: none;
            margin: 0;
            padding: 5px 10px;
        }

.selectbox {
    background: url(../Images/bg_dropdown.png) no-repeat left top;
    border: 0 none;
    cursor: pointer;
    color: #333;
    display: block;
    font-weight: normal;
    font-size: 1.2em;
    line-height: 1.2em;
    height: 30px;
    line-height: 28px;
    padding-left: 10px;
    text-align: left;
    width: 153px;
}

ul.pagination {
    float: right;
    list-style: none;
}

    ul.pagination li {
        background-color: #F5F5F5;
        color: #707070;
        float: left;
        font-size: 1.2em;
        font-weight: bold;
        margin-left: 5px;
    }

        ul.pagination li a {
            color: #00599C;
            padding: 5px 8px;
        }

            ul.pagination li a span {
            }

#TB_window {
    font-size: 12px;
    color: #333;
}

#TB_secondLine {
    font-size: 10px;
    color: #666;
}

#TB_window a:link {
    color: #666;
}

#TB_window a:visited {
    color: #666;
}

#TB_window a:hover {
    color: #000;
}

#TB_window a:active {
    color: #666;
}

#TB_window a:focus {
    color: #666;
}

#TB_overlay {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.TB_overlayMacFFBGHack {
    background: none;
}

.TB_overlayBG {
    background: url(../images/bg_overlay.png) repeat 0 0;
}

#TB_window {
    position: fixed;
    background: #FFF;
    z-index: 102;
    color: #000;
    display: none;
    border: none;
    text-align: left;
    top: 50%;
    left: 50%;
}

    #TB_window img#TB_Image {
        display: block;
        margin: 15px 0 0 15px;
        border-right: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
        border-top: 1px solid #666;
        border-left: 1px solid #666;
    }

#TB_caption {
    height: 25px;
    padding: 7px 30px 10px 25px;
    float: left;
}

#TB_closeWindow {
    height: 25px;
    padding: 11px 25px 10px 0;
    float: right;
}

#TB_closeAjaxWindow {
    padding: 7px 10px 5px 0;
    margin-bottom: 1px;
    text-align: right;
    float: right;
}

#TB_ajaxWindowTitle {
    float: left;
    padding: 7px 0 5px 10px;
    margin-bottom: 1px;
}

#TB_title {
    background-color: #E8E8E8;
    height: 27px;
    display: none;
}

#TB_ajaxContent {
    clear: both;
    padding: 2px 15px 15px;
    overflow: auto;
    text-align: left;
    line-height: 1.4em;
}

    #TB_ajaxContent.TB_modal {
        background: #FFF;
        padding: 10px 20px;
    }

    #TB_ajaxContent p {
        padding: 5px 0;
    }

#TB_load {
    position: fixed;
    display: none;
    height: 13px;
    width: 208px;
    z-index: 103;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -104px;
}

#TB_HideSelect {
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #FFF;
    border: none;
    -moz-opacity: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
}

#TB_iframeContent {
    clear: both;
    border: none;
    margin-bottom: -1px;
    margin-top: 1px;
    -margin-bottom: 1px;
}

#TB_window.splashScreenPopupWrapper, #TB_window.splashScreenPopupWrapper .splashScreenPopup, #TB_window.splashScreenPopupWrapper #TB_ajaxContent {
    margin: 0;
    padding: 0;
    width: 940px !important;
}

#TB_window.splashScreenPopupWrapper {
    margin-left: -470px !important;
}

    #TB_window.splashScreenPopupWrapper .popupLogo {
        float: left;
        padding: 50px 0 0 50px;
        width: 210px;
    }

    #TB_window.splashScreenPopupWrapper .closePopup {
        position: absolute;
        right: 20px;
        top: 20px;
    }

    #TB_window.splashScreenPopupWrapper .frameHeader {
        background: #131313 url(../images/bg_splash_header.jpg) no-repeat left top;
        height: 130px;
        width: 940px;
    }

    #TB_window.splashScreenPopupWrapper h2.title {
        color: #FFF;
        font-weight: normal;
        font-size: 2em;
        line-height: 100%;
        float: right;
        letter-spacing: 0.2em;
        margin: 60px 90px 0 0;
        text-transform: uppercase;
    }

    #TB_window.splashScreenPopupWrapper a.closePopup {
        background: transparent url(../images/btn_close.png) no-repeat -19px -19px;
        display: block;
        height: 18px;
        overflow: hidden;
        position: absolute;
        right: 15px;
        text-indent: -999em;
        top: 15px;
        width: 18px;
    }

    #TB_window.splashScreenPopupWrapper .carouselWrapper {
        height: 204px;
        width: 830px;
    }

    #TB_window.splashScreenPopupWrapper h3 {
        color: #333;
        font-size: 3.2em;
        font-weight: normal;
        padding: 25px 25px 15px;
    }

.linkPopUp_id.thickbox {
    height: 0;
    left: -999em;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
}

#TB_window.splashScreenPopupWrapper p {
    color: #333;
    font-size: 0.9em;
    line-height: 1.6em;
    padding: 0 25px 15px;
}

#TB_window.splashScreenPopupWrapper .blackStripe h3, #TB_window.splashScreenPopupWrapper .blackStripe p {
    color: #FFF;
}

#TB_window.splashScreenPopupWrapper ul.jcarouselEnabledWrapper {
    width: 2000px;
}

#TB_window.splashScreenPopupWrapper ul.jcarouselEnabledWrapper, ul.jcarouselEnabledWrapper li {
    list-style: none;
}

    #TB_window.splashScreenPopupWrapper ul.jcarouselEnabledWrapper li {
        width: 160px;
    }

#TB_window.splashScreenPopupWrapper .carouselWrapper .jcarousel-item .image {
    height: auto;
    margin-top: 0;
    width: 160px;
}

#TB_window.splashScreenPopupWrapper ul.jcarouselEnabledWrapper li .image img {
    width: 130px;
}

#TB_window.splashScreenPopupWrapper .jcarousel-clip {
    height: 180px;
    width: 823px;
}

#TB_window.splashScreenPopupWrapper .carouselWrapper .jcarousel-item {
    background: url(../images/divider_grey_repeat.gif) repeat-y right top;
    height: 185px;
    overflow: hidden;
    width: 165px;
}

#TB_window.splashScreenPopupWrapper .carouselWrapper .jcarousel-next-horizontal, #TB_window.splashScreenPopupWrapper .carouselWrapper .jcarousel-prev-horizontal {
    top: 54px;
}

#TB_window.splashScreenPopupWrapper .carouselWrapper .jcarousel-item h4.title {
    font-size: 1.45em;
    line-height: 100%;
    width: 165px;
}

#TB_window.splashScreenPopupWrapper .greyStripe {
    background: #CCC url(../images/bg_splash_grey_stripe.jpg) no-repeat left top;
    height: 151px;
    width: 940px;
}

#TB_window.splashScreenPopupWrapper .blackStripe {
    background: #CCC url(../images/bg_splash_black_stripe.jpg) no-repeat left top;
    height: 151px;
    width: 940px;
}

#TB_window.splashScreenPopupWrapper ul.logoList li, .brandsBandWrapper ul.logoList li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 185px;
}

.brandsBandWrapper ul.logoList li {
    text-align: left;
    max-width: 205px;
    width: auto;
    padding-right: 130px;
}

    .brandsBandWrapper ul.logoList li.last {
        padding-right: 0;
        width: auto;
        float: right;
    }

#TB_window.splashScreenPopupWrapper .splashLeftCol, #TB_window.splashScreenPopupWrapper .splashRightCol {
    display: block;
    float: left;
    margin: 20px 0 0 25px;
    width: 445px;
}

#TB_window.splashScreenPopupWrapper .splashRightCol {
    float: right;
    margin: 20px 15px 0 0;
}

    #TB_window.splashScreenPopupWrapper .splashLeftCol p, #TB_window.splashScreenPopupWrapper .splashRightCol p {
        color: #333;
        overflow: hidden;
        padding: 0;
    }

#TB_window.splashScreenPopupWrapper #TB_ajaxContent {
    overflow: hidden;
}

#TB_window.splashScreenPopupWrapper .thumb {
    border: 1px solid #CCC;
    float: left;
    height: 148px;
    line-height: 148px;
    margin-right: 10px;
    overflow: hidden;
    width: 268px;
}

    #TB_window.splashScreenPopupWrapper .thumb img {
        height: auto;
        width: 268px;
    }

#TB_window.splashScreenPopupWrapper a.readMore {
    clear: both;
    color: #00599C;
    display: block;
    font-size: 1.12em;
    letter-spacing: 0;
}

.bg-print-only {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
}

@font-face {
    font-family: DinWeb;
    src: url('../fonts/DINWeb.eot');
    src: url('../fonts/DINWeb.eot?#iefix') format('embedded-opentype'),url('../fonts/DINWeb.woff') format('woff'),url('../fonts/DINWeb.ttf') format('truetype'),url('../fonts/DINWeb.svg#DINWeb') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: DINWebBold;
    src: url('../fonts/DINWebBold.eot');
    src: url('../fonts/DINWebBold.eot?#iefix') format('embedded-opentype'),url('../fonts/DINWebBold.woff') format('woff'),url('../fonts/DINWebBold.ttf') format('truetype'),url('../fonts/DINWebBold.svg#DINWebBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: DINWebLight;
    src: url('../fonts/DINWebLight.eot');
    src: url('../fonts/DINWebLight.eot?#iefix') format('embedded-opentype'),url('../fonts/DINWebLight.woff') format('woff'),url('../fonts/DINWebLight.ttf') format('truetype'),url('../fonts/DINWebLight.svg#DINWebLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

.image-left {
    float: left;
    padding: 10px;
    display: block;
}

.image-right {
    float: right;
    padding: 10px;
    display: block;
}

.image-caption {
    color: #666666;
    font-style: italic;
    font-size: 90%;
    display: block;
    text-align: center;
}

.thumbNavigation > div.title {
    background-color: #000000;
    color: #FFFFFF;
    font-size: 120%;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
}


.nextSteps.stepButton {
background-image: url("../images/bg_contact_us.png");
background-repeat: repeat-x;
height: 34px;
margin-bottom: 2px;
}

    .nextSteps.stepButton > span {
    background-repeat: no-repeat;
    display: block;
    font-family: DINWeb;
    line-height: 34px;    
    padding-right: 10px;
    text-align: center;
    text-transform: uppercase;
    }

.nextSteps.contactUs > span {
background-image: url("../images/envelope.png");
background-position: 0 0;
padding-left: 45px;
}


.nextSteps.requestQuote > span {
background-image: url("../images/contact-us-icon.png"); /* Changed the icon from ico_sprites.png to contact-us-icon.png 23Sep2015*/
background-position: 6px 12px; /* Changed the position from 5px - 120px to 6px 12px 23Sep2015 */
padding-left: 35px;
}


.nextSteps.register {
    float:right;
}

    .nextSteps.register > span {
        padding-left:10px;
    }

.abc {
    font-family: times new roman;    
    color: transparent;
    font-size: 1.1em;
    background-image: url(/assets/fudgi.png);
}

.videoCarousel {
    position: relative;
}

    .videoCarousel .prev, .videoCarousel .next {
        background: url("../images/carousel_navigation_large1.png") no-repeat scroll right top rgba(0, 0, 0, 0);
        display: block;
        height: 71px;
        overflow: hidden;
        position: absolute;
        text-indent: -80em;
        top: 115px;
        width: 56px;
        z-index: 7;
        display: none;
    }

    .videoCarousel .prev {
        background-position: right top;
        left: 0;
    }

    .videoCarousel .next {
        right: 0;
        background-position: left top;
    }

    .videoCarousel .prev:hover {
        background-position: right bottom;
    }

    .videoCarousel .next:hover {
        background-position: left bottom;
    }

.sticky {
    position: fixed !important;
    top: 0;
}

.BrochureGroupHeader {
    margin-top:30px;
}

.BrochureGroupHeader strong {
    font-size:1.6em;
}

.brochure-col-25 {
    width: 150px;
    margin-top: 20px;
    float:left;
    margin-right:25px;
}

    .brochure-col-25 * {
        font-weight: bold;
    }

.brochure-link1 {
    color: red !important;
}

.brochure-title {
    display: table-cell;
    font-size: 1.2em;
    font-weight: bold;
    height: 45px;
    vertical-align: bottom;
}


.btLogin {
    background: url("../images/login.png") no-repeat scroll 0 0;
    color: #FFFFFF;
    font-size: 1.4em;
    line-height: 35px;
    overflow: hidden;
    padding-left: 40px;
    position: absolute;
    right: 290px;
    top: 15px;
}

a:hover.btLogin {
    color:#ccc;
}

.apiLogin .loginPop {    
    left: 330px;
    position: absolute;
    top: 35px;    
    z-index: 100;
    background: transparent url(../images/mm_arrow1.png) no-repeat 200px 17px;        
}

.loginPop .popContainer {
    background-color: #FFFFFF;
    margin-top: 25px;
    padding:15px;
    height: 255px;
    width: 535px;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.popContainer .divider {
    background-color:#aaaaaa;
    height: 200px;
    left: 275px;
    position: absolute;
    top: 30px;
    width: 5px;
}

.popContainer .popLogin {
    width:250px;
    float: left;
}

.popContainer .title {
    font-size: 2.2em;
    font-weight: bold;
}

.popContainer .popSignUp {
    width:255px;
    float: left;
    margin-left: 30px;
}

    .popContainer .popSignUp .msg {
        font-size: 1.4em;
        margin-top: 15px;
    }

.popContainer .cred {
    margin-top: 20px;
    font-size: 1.4em;
}

    .popContainer .cred div {
        float: left;
        font-weight: bold;
        height: 30px;
        line-height: 30px;
        width: 80px;
    }

    .popContainer .cred input {
        height: 25px;
        margin-left: 5px;
        width: 155px;
    }


#loginPassReset {
display: block;
font-weight: bold;
margin-left: 85px;
margin-top: 11px;
}

#loginPassChange {
display: block;
font-weight: bold;
margin-left: 85px;
margin-top: 5px;
}

.loginLnk {
    background-color: #000000;
    border-bottom: 5px solid #FDDC01;
    color: #FFFFFF;
    font-size: 2.2em;
    font-weight: bold;
    height: 55px;    
    line-height: 2.2em;
    position: absolute;
    text-align: center;
    top: 235px;
}


a:hover.loginLnk {
    color:#FDDC01;
}

#lnkLogin {
    width: 100px;
    left: 120px;
}

#lnkSignUp {
    width: 120px;
    left: 430px;
}


.pop
{    
background-color: #FFFFFF;
border: 2px solid #000000;
height: 150px;
padding: 15px;
position: absolute;
width: 250px;
z-index: 110;
}



.pop .title, #cboxLoadedContent .title {
    font-size:1.4em;
    color: black;
    font-weight: bold;
    height:40px;
}

.pop .msg, #cboxLoadedContent .msg {
    font-size:1.2em;
    color: red;
    height: 50px;
    overflow: hidden;
}


.pop .button {
    background-color: #FFFFFF;
    border: 1px solid #000000;
    color: #000000;
    display: block;
    font-size: 2.2em;
    font-weight: bold;
    height: 44px;
    line-height: 47px;
    margin: auto;
    text-align: center;
    width: 45px;
}


.RegisterLeft {
    float:left;
    width:550px;
    margin-right:15px;
}

.Register {
    position: relative;
}

.Register .userData {
        margin-bottom: 10px;
}

.Register .userData span {
    display: inline-block;
    width: 120px;
}

.Register .userData input {
    height: 23px;
    width: 350px;
}

.Register .privacy {
        margin-left: 116px;
}
    .Register .privacyMessage {
        background-color: #FFFFFF;
        border: 2px solid #000000;
        left: 0;        
        padding: 10px;
        position: absolute;
        right: 0;
        top: 60px;
        
    }

    .Register .privacyMessage a.close {
        display: block;
        text-align: right;
    }

.Register .thickbox {
        margin-left: 10px;
}


.registerLnk {
    display: block;
    font-size: 2.2em;
    height: 48px;
    line-height: 48px;
    text-align: center;
    text-decoration: none !important;
}

.RegisterPop {
    margin-left:35px;
}

    .RegisterPop .popLnk {
        color: #FFFFFF !important;
        font-size: 1.8em;
        height: 65px;
        line-height: 65px;
        display: inline-block !important;
        text-align: center;
        text-decoration: none !important;
    }

    .RegisterPop .registerLnk {
        background-color: #0065B3;
        margin-right: 39px;
        margin-top: 30px;
        width: 300px;
    }

    .RegisterPop .leaveLnk {
        background-color: #000000;
        width: 135px;
    }

    .RegisterPop .title {
        margin-top: 30px;
    }


.RegisterLeft .registerLnk {
    background-color: #000000;
    border: 1px solid #000000;
    color: #FFFFFF;
    margin-left: 310px;
    margin-top: 20px;
    width: 165px;
}

    .RegisterLeft a:hover.registerLnk {
        text-decoration:underline;
    }

.RegisterRight {
    float:left;
    width: 375px;
}


.error {
    color: #FF0000;
}


.customer-selection {

}
    .customer-selection .title {
    }

    .customer-selection .delete {
background: url("../images/btn_close_inspire.png") no-repeat scroll center center white;
cursor: pointer;
display: block;
height: 12px;
margin-left: 189px;
margin-top: -10px;
position: absolute;
text-indent: -1000em;
width: 12px;
    }

    .customer-selection .item {
        float:left;
        width:200px;
        height:200px;
        margin-right: 30px;
        margin-bottom: 40px;
    }

    .customer-selection .item .frame {
        border: 1px solid lightgray;
        padding: 5px;
        margin-bottom: 10px;
        width: 190px;
    }

    .customer-selection .item a.image {
        display:block;
        text-align:center;
    }

    .customer-selection .item .type {
        font-weight: bold;
        font-size: 14px;
        display: block;
    }


.section {
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    margin-top: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.section a {
    background-color: #000000;
    color: #FFFFFF;
    display: inline-block;
    font-size: 2.2em;
    font-weight: bold;
    height: 55px;
    line-height: 55px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}


    .section a:hover {
        text-decoration: underline;
    }


.section a.quote {
    background-image: url("../images/ico_mail_large.png");
    background-position: 10px 16px;
    background-repeat: no-repeat;
    padding-left: 58px;
    padding-right: 20px;
}

    .section a.register {
        float: right;
    }

.fieldWrapper.checkboxValidator.cbProductGroup {
    width: 800px;
}

DIV.product {
    border: 1px solid #D3D3D3;
    float: left;
    margin-bottom: 5px;
    margin-right: 10px;
    padding: 5px 5px 0;
    position: relative;
    text-align: center;
    min-width: 175px;
}

.product DIV {
    font: 1.2em/1.8em Arial,Helvetica,sans-serif;    
}

.product LABEL {
    font: 1.2em/1.8em Arial,Helvetica,sans-serif;    
    display: block;
    width: 100% !important;
}


.product IMG {
    display: block;
    margin: auto;    
}

.product INPUT {
    bottom: 2px;
    position: absolute;
    right: 2px;
    top: 2px;    
}




.add-confirm {
}

    .add-confirm .close {
        background-color: #000000;
        height: 20px;
        position: absolute;
        right: -4px;
        width: 20px;
        color:  white!important;
        text-align: center;
        font-size: 20px;
        line-height:  20px;
        top: 5px;
    }

    .add-confirm .message {
        font-size: 26px;
        margin-top: 25px;
    }

    .add-confirm .body {        
        height: 250px;
        margin-top: -6px;
        margin-left: 15px;
    }

    .add-confirm #lnkPrevPage {
        background: transparent url(../images/carousel_navigation.gif) no-repeat right center;        
        display: block;
        height: 50px;        
        width: 30px;
        margin-top: 90px;
        position: absolute;
        left: 3px;
    }

    .add-confirm #lnkNextPage {
        background: transparent url(../images/carousel_navigation.gif) no-repeat left center;
        display: block;
        height: 50px;        
        width: 30px;
        margin-top: 90px;
        position: absolute;
        right: -7px;
    }

    .add-confirm .selections {

    }

    .add-confirm .selections .item {        
        float: left;
        height: 220px;
        margin: 50px 5px 15px;
        text-align: center;
        width: 170px;
    }

    .add-confirm .selections .item .frame {
    }

    .add-confirm .selections .item .image {
    }

    .add-confirm .selections .item img {
    }

    .add-confirm .selections .item .type {
    }        
                

    .add-confirm .bottom {
        border-top: 2px solid #000000;
        bottom: 0;
        height: 70px;
        left: 0;
        margin: 10px;
        position: absolute;
        width: 98%;
    }

    .add-confirm .bottom .view {
        background-color: #0065B3;
        color: #FFFFFF!important;
        display: inline-block;
        font-size: 25px;
        margin-left: 110px;
        margin-top: 15px;
        padding: 16px 26px;
        text-align: center;
        width: 300px;
    }

.uploadContainer {
    padding-top: 20px;
}

    .uploadContainer DIV {
        margin-bottom: 15px;
    }

.uploadClosePopup {
    float: right;
}

.formWrapper .uploadLaunch {
    display: inline-block;
    float: none;
    margin: 10px 0 10px 132px;
}

.formWrapper .uploadLaunchLong {
    display: inline-block;
    float: none;
    margin: 10px 0 5px;
    text-align: center;
    width: 452px;
}


#uploadLink {
border: 1px solid black;
display: block;
font-size: larger;
margin: auto;
padding: 10px;
text-align: center;
width: 100%;
}

#uploadList a {
color: #f18403 !important;
display: block;
font-size: 1.3em;
font-weight: bold;
margin-bottom: 5px;
margin-left: 130px;
}

#uploadList p {
color: red !important;
display: block;
font-size: 1.3em;
font-weight: bold;
margin-bottom: 5px;
margin-left: 130px;
}

.form-col {
 float:left;
}

    .form-col #uploadList a {
        margin-left: 0pc !important;
    }

.col-2-left { 
    margin-right: 20px;
    overflow: hidden;
    width: 430px;
}

    .col-2-left img {
        max-width: 430px;
    }

.col-2-right {
 width: 475px;
 margin-left:10px;
}

    .col-2-right img {
        max-width: 475px;
    }

#ChangePasswordBox {
    width:500px;
    margin:auto;
}

    #ChangePasswordBox * {
        font-size:1.2em;
    }

    #ChangePasswordBox .title {
        margin-bottom: 20px;
    }

    #ChangePasswordBox .cred {
        margin-top: 10px;
    }

    #ChangePasswordBox .cred div {
        float: left;
        font-weight: bold;
        height: 30px;
        line-height: 30px;
        width: 170px;
    }

    #ChangePasswordBox .cred input {
        height: 25px;
        margin-left: 5px;
        width: 280px;
    }

#lnkChangePassword {
    float: right;
    margin-top:  20px;
    right: 20px;
}

#lnkChangePassword > span {
    padding-left:10px;
}

.enquiry-privacy {
float: left;
line-height: 43px;
margin-left: 15px;
}

    .enquiry-privacy A {
        position: relative;
        top: -2px;
    }

/*img {
   max-width: 100%;
   height: auto;
}*/


.optin span {
    line-height:30px;
    vertical-align:middle;    
}

.optin .check {
    height:30px;
    display:inline-block;
    vertical-align:middle;
}

.formWrapper .optin .fieldWrapper {
    width:440px !important;
}