/* suppress calldrip enticement */
#calldripPopupImageClose, #calldripPopupContainerimage, img#newImage {
    display: none;
}

#crenticement {
    visibility: hidden;
    position: fixed;
    left: 0;
    bottom: 200px;
    z-index: 10000;
}

.cclose {
    position: absolute;
    right: -20px;
    top: -20px;
    width: 20px;
    height: 20px;
    opacity: 0.7;
    font-size: 20px;
    font-weight: bold;
}

a.cclose {
    color: #333;
}

.cclose:hover {
    text-decoration: none;
    opacity: 1;
}


.container {
    width: 100%
}

.customer, .customer_quote a {
    color: #252525
}

#mtc_button1, .vertical-text {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

#iCoder_POP1141877261 {
    bottom: 0 !important;
    left: 0 !important
}

#recentitems .recent:after, #recentitems .similar:after, div.homedlbox:before {
    clear: both
}

.header div#fcourt {
    display: none;
    position: absolute;
    top: 28px;
    left: 0;
    width: 163px;
    padding: 25px 10px 10px;
    background: #fff;
    border: 1px solid #cecece;
    z-index: 100;
    cursor: default
}

.header #fcourt div.fl {
    width: 43px;
    margin: 0 17px 14px 0;
    padding: 0
}

.header #fcourt div.fr {
    width: 43px;
    margin: 0 0 10px;
    padding: 0
}

.header div.nos {
    margin: 3px 0 0;
    text-align: right
}

    .header div.nos strong {
        font-size: 12px !important;
        font-weight: 400
    }

.header .nos h2 {
    font-size: 17px;
    margin: 10px 0 0;
    padding: 0;
    font-weight: 700
}

.header .nos h3 {
    font-size: 17px;
    margin: 0;
    padding: 0;
    font-weight: 700
}

.header .nos p {
    margin: 0;
    padding: 0;
    line-height: 13px
}

.customer_quote p {
    text-align: right;
    padding-bottom: 0;
    margin-bottom: 0
}

.customer {
    font-size: 14px;
    font-weight: 700;
    margin-right: 10px
}

.dgitem img {
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
    width: 47%
}

div.homedltop {
    background: #fff;
    padding-bottom: 15px;
    margin: 10px 0 0
}

.crhome, .usedhome, h1.honda {
    background-repeat: no-repeat
}

.homedltop h2 {
    font-size: 17px;
    line-height: 20px;
    font-weight: 700;
    margin: 0;
    padding: 15px 0 5px
}

    .homedltop h2.dgitem {
        padding-left: 15px
    }

.homedltop div.finddealer {
    float: right;
    width: 65%;
    text-align: right
}

.homedltop .finddealer label {
    width: auto;
    font-weight: 400;
    text-transform: uppercase;
    display: table-cell
}

.lloyds-banner img, .srp-banner img, .summary img {
    width: 100%
}

.homedltop .finddealer input {
    display: table-cell
}

.homedltop p > a {
    color: #252525;
    font-weight: 400
}

.homedlbox h4 {
    color: #004e8a;
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    text-transform: uppercase;
    margin: 15px 0 2px
}

    .homedlbox h4 > a, .homedlbox p > a {
        color: #252525
    }

.homedlbox p > a {
    font-weight: 400
}

.homedlbox p {
    margin: 0;
    padding: 0
}

.homepromos h2 {
    padding-left: 15px;
    padding-bottom: 0
}

.homepromos img {
    width: 100%;
    margin-bottom: 20px
}

.homecw {
    padding-left: 0
}

.extracontent {
    padding: 20px 15px;
    margin: 0 -15px
}

.vdp h1 {
    font-size: 175%
}

h1.abarth {
    padding-top: 0;
    padding-bottom: 0;
    background-image: url(../graphics/logos/logo87-abarth.png)
}

h1.abarth, h1.alfa-romeo, h1.aston-martin, h1.chrysler, h1.citroen, h1.dacia, h1.fiat, h1.ford, h1.jaguar, h1.jeep, h1.land-rover, h1.mazda, h1.nissan, h1.renault, h1.vauxhall, h1.volvo {
    padding: 5px 0;
    background-repeat: no-repeat;
    background-position: right
}

h1.alfa-romeo {
    background-image: url(../graphics/logos/logo87-alfa-romeo.png)
}

h1.aston-martin {
    background-image: url(../graphics/logos/logo87-aston-martin.png)
}

h1.chrysler {
    background-image: url(../graphics/logos/logo87-chrysler.png)
}

h1.citroen {
    background-image: url(../graphics/logos/logo87-citroen.png)
}

h1.dacia {
    background-image: url(../graphics/logos/logo87-dacia.png)
}

h1.fiat {
    background-image: url(../graphics/logos/logo87-fiat.png)
}

h1.ford {
    background-image: url(../graphics/logos/logo87-ford.png)
}

h1.honda {
    padding-top: 10px;
    padding-bottom: 15px;
    background-position: right;
    background-image: url(../graphics/logos/logo87-honda.png)
}

.crhome, .erhome {
    background-position: 0 -90px
}

h1.jaguar {
    background-image: url(../graphics/logos/logo87-jaguar.png)
}

h1.jeep {
    background-image: url(../graphics/logos/logo87-jeep.png)
}

h1.land-rover {
    background-image: url(../graphics/logos/logo87-land-rover.png)
}

h1.mazda {
    background-image: url(../graphics/logos/logo87-mazda.png)
}

h1.nissan {
    background-image: url(../graphics/logos/logo87-nissan.png)
}

h1.renault {
    background-image: url(../graphics/logos/logo87-renault.png)
}

h1.vauxhall {
    background-image: url(../graphics/logos/logo87-vauxhall.png)
}

h1.volvo {
    background-image: url(../graphics/logos/logo87-volvo.png)
}

.summary span, .vdpsummary span {
    height: 16px;
    display: inline-block;
    text-indent: 100%;
    overflow: hidden;
    background-image: url(../incs/sprites.png)
}

h1.hi {
    font-size: 150%;
    margin: 0 0 5px
}

div.mi {
    margin: 0 0 10px 0
}

.close {
    opacity: .5
}

    .close:focus, .close:hover {
        opacity: .8
    }

input.::-webkit-input-placeholder {
    color: #252525
}

input.form-control:-moz-placeholder {
    color: #252525;
    opacity: 1
}

input.form-control::-moz-placeholder {
    color: #252525;
    opacity: 1
}

input.form-control:-ms-input-placeholder {
    color: #252525
}

.mi .fr img {
    float: right
}

.srp-banner img {
    margin-bottom: 10px
}

.srp-banner a {
    cursor: pointer
}

.lloyds-banner {
    text-align: center;
    margin-top: 20px
}

.customer-views {
    text-align: center;
    padding-top: 5px
}

div.summary {
    padding: 10px;
    background-color: #e8e8e3;
    margin-top: 10px;
    border-radius: 4px
}

.summary p {
    width: 48%;
    float: left;
    padding: 5px 0;
    margin-bottom: 0
}

.summary span {
    width: 16px
}

.summary p.fw {
    width: 90%
}

div.vdpsummary {
    padding: 0 0 15px;
    margin: 10px 0
}

.searchcr, .searchhome {
    margin-top: 60px;
    color: #fff
}

.vdpsummary p {
    float: left;
    padding: 3px 3px 0 0;
    margin-bottom: 0;
    width: auto;
    margin-right: 15px
}

.vdpsummary span {
    width: 16px
}

.searchhome {
    padding: 10px 20px;
    margin-bottom: 60px;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,.75);
    -moz-box-shadow: 0 3px 10px 0 rgba(0,0,0,.75);
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.75)
}

    .searchhome h1 {
        color: #252525;
        font-size: 250%;
        font-weight: 600
    }

    .searchhome p {
        color: #252525;
        font-size: 120%
    }

        .searchhome p.small {
            text-align: right;
            font-size: 10px
        }

    .searchhome .btn-primary {
        background-color: #2d96cd;
        color: #fff !important;
        border: none;
        padding: 12px;
        border-radius: 24px
    }

    .searchhome .form-control {
        height: 54px;
    }

    .searchhome .row {
        padding: 0
    }

    .searchhome h3 {
        margin-bottom: 10px;
        padding-bottom: 0;
        color: #252525
    }

    .searchhome .bootstrap-select, .searchhome input {
        margin-bottom: 7px
    }

        .searchhome .bootstrap-select > .dropdown-toggle, .searchhome #pricerangeSB button, .searchhome #refine button, .searchhome #postcodeSB {
            height: 54px;
            background: #fff;
            border: 1px solid #ddd;
        }

#budgetbox .btn-group-justified, #budgetbox .bootstrap-select.form-control {
    margin-bottom: 7px;
}

.searchhome #pricerangeSB .popover-title button, .searchhome #refine .popover-title button {
    height: 36px;
    font-size: 21px !important;
    font-weight: bold !important;
}

.searchhome #pricerangeSB .glyphicon, .searchhome #refine .glyphicon {
    top: 20px
}

.searchcr {
    background-color: #006cad;
    padding: 20px;
    margin-bottom: 60px;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,.75);
    -moz-box-shadow: 0 3px 10px 0 rgba(0,0,0,.75);
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.75)
}

    .searchcr h1 {
        color: #fff;
        font-size: 250%
    }

    .searchcr p {
        color: #fff;
        font-size: 120%
    }

        .searchcr p.small {
            text-align: right;
            font-size: 10px
        }

.crRow p, .crhome h2, .crhome p, .crusp, .erhome h1, .erhome p, div.financeeg th, h2.crsub {
    text-align: center
}

.searchcr .btn-primary {
    background-color: #252525;
    color: #fff;
    border-color: #ccc
}

.searchcr .row {
    padding: 0 0 5px
}

.searchcr h3 {
    padding-bottom: 0;
    color: #fff
}

.searchcr .bootstrap-select, .searchcr input {
    margin-bottom: 15px
}

.crhome, .usedhome {
    margin: 0 0 15px
}

.pull-right .btn-primary {
    text-transform: capitalize
}

.crhome {
    background-image: url(../graphics/happy-guests.jpg)
}

.erhome {
    background-image: url(../upload/expert-reviews.jpg)
}

    .erhome .searchvocs {
        background: 0 0;
        border: none;
        box-shadow: none;
        margin: 0 0 150px
    }

    .erhome h1 {
        font-size: 300%;
        color: #fff
    }

    .erhome .searchvocs h3, .erhome .searchvocs p, .gysp-banner {
        display: none
    }

    .erhome .searchvocs .btn-info {
        background-color: #ffc400;
        padding: 8px 20px;
        border: none
    }

    .erhome p {
        color: #fff
    }

.usedhome {
    background-image: url(../graphics/ucsi.jpg);
    background-position: top left;
    background-size: 100%
}

    .usedhome .col-sm-2, .usedhome .col-sm-4 {
        display: none
    }

    .usedhome .col-sm-8 {
        width: 100%
    }

.crhome .searchcr {
    color: #fff;
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 70px;
    background: 0 0;
    box-shadow: none
}

.crhome h2 {
    color: #fff;
    font-size: 350%;
    font-weight: 700
}

.crhome p, .crusp h3, .erhome p {
    font-size: 150%
}

.crhome p, .crusp h3, .crusp p {
    font-weight: 400
}

h2.plate, p.phone {
    font-weight: 700
}

.usedhome .searchhome {
    padding: 10px 20px;
    margin-top: 95px;
    margin-bottom: 190px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-align: center;
}

.crhome .searchcr .btn-primary {
    background-color: #ffc400;
    padding: 8px 0;
    border: none
}

.crhome .btn-info.darker {
    background: 0 0;
    padding: 8px 20px;
    margin-top: 30px;
    color: #fff !important;
    border: 1px solid !important
}

.crRow, .review {
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 15px
}

#collapsereviews {
    margin-bottom: 30px
}

.crhome .col-sm-8 {
    padding: 0 15px
}

.crhome .col-sm-12 {
    padding: 0;
    background: 0 0
}

.crhead {
    position: absolute;
    left: -1000em;
    top: 0
}

.crusp {
    background-color: #252525;
    margin: 0 0 20px
}

    .crusp div {
        padding: 50px 20px
    }

    .crusp h3, .crusp p {
        color: #fff
    }

    .crusp p {
        font-size: 110%
    }

h2.crsub {
    font-size: 150%
}

.crRow {
    margin: 20px 0;
    padding-top: 10px
}

    .crRow a.btn-info, .fineg, div.location, h2.plate {
        margin-top: 10px
    }

    .crRow p {
        font-size: 110%
    }

    .crRow ul li img.crstar {
        width: 80px
    }

.fineg, .fineg table {
    width: 100%;
    margin: 15px 0
}

.review {
    padding: 15px 0
}

    .review p {
        display: none;
    }

div.financeeg {
    font-size: 90%
}

    div.financeeg table {
        border-left: 1px solid #ddd;
        border-top: 1px solid #ddd
    }

    div.financeeg th {
        background: #eee;
        border-right: 1px solid #ddd
    }

    div.financeeg td {
        border-bottom: 1px solid #ddd;
        border-right: 1px solid #ddd
    }

.financeEG {
    padding: 5px 10px
}

.fineg table table, .fineg table tbody {
    border: none
}

.fineg table table {
    border-top: 1px solid #ddd
}

    .fineg table table td, .fineg table td {
        border-bottom: 1px solid #ddd;
        padding: 5px 1px
    }

.fintc p {
    font-size: 12px;
    margin: 0
}

.page .fineg h3, .page .fintc h3 {
    padding-bottom: 0
}

#pricerangeSB button, #refine button {
    border: 1px solid #e7e7e7;
    height: 37px;
    text-align: left
}

h2.plate {
    font-size: 20px;
    background: #ffd300;
    border: 1px solid #f0b800;
    border-radius: 4px;
    color: #252525 !important;
    text-align: center;
    padding: 6px
}

#recentitems .recent p.pricenow, #recentitems .similar p.pricenow, p.phone {
    font-size: 24px
}

div.usedsocial {
    margin: 0;
    padding: 10px 0
}

div.overlay, div.overlaynlp {
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 1
}

div.overlaynlp {
    right: -3px;
    top: -3px
}

div.overlay {
    float: left
}

.overlaynlp-left {
    position: absolute;
    left: 0;
    z-index: 1
}

#pricerangeSB #budgetbox, #refine #refinepop, .col-sm-6 #budgetbox, .col-sm-6 #refinepop {
    padding: 0;
    position: absolute;
    z-index: 10000
}

#imageSequenceGallery, #imageSequenceGalleryContent {
    width: 100% !important
}

.col-sm-12 > #pricerangeSB button, .col-sm-12 > #refine button {
    margin-bottom: 7px;
    text-align: left
}

#pricerangeSB #budgetbox, #refine #refinepop {
    margin-left: 0;
    top: 40px;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    background-clip: padding-box
}

.col-sm-12 > #pricerangeSB #budgetbox .btn-group {
    margin-bottom: 5px
}

#pricerangeSB button.btn-info, #refine button.btn-info {
    text-align: center;
    height: auto;
    background-color: #2d96cd;
    color: #fff !important;
    padding: 12px;
    font-weight: 600 !important;
    border: none;
    border-radius: 20px
}

.noUi-connect {
    background: #666 !important
}

.col-sm-6 #pricerangeSB button {
    margin-bottom: 7px
}

.col-sm-6 #budgetbox {
    margin-left: 0;
    top: 45px
}

.col-sm-6 #refinepop {
    margin-left: 0;
    top: 95px
}

.col-sm-2 #pricerangeSB button {
    margin-bottom: 0;
    text-align: center
}

#ccrlink, .col-sm-3 p.phone {
    text-align: center
}

.contact-sales {
    display: block;
    clear: both
}

.col-sm-2 #refine button {
    margin-bottom: 0
}

#refinepop .btn-group, .refine-holder .mc {
    margin-bottom: 5px
}

.col-sm-2 #budgetbox, .col-sm-2 #refinepop {
    padding: 0;
    position: absolute;
    margin-left: -50px;
    top: 45px;
    width: 300px;
    z-index: 120
}

#chat-tab, #side-tabs {
    position: fixed;
    display: block
}

#budgetbox .popover-title, #refinepop .popover-title {
    width: 100%;
    line-height: 36px
}

#chat-tab, #side-tabs {
    z-index: 9999;
    right: 0
}

#left-side-tabs, #right-side-button, #right-side-tabs {
    position: fixed;
    z-index: 500;
    display: block
}

#budgetbox .ott {
    margin-top: 15px;
    margin-left: -11px
}

.refine-holder {
    padding: 6px 10px 50px;
    background-color: #fdfdfd
}

.noui {
    margin: 50px 10px 20px
}

.searchhome #budgetbox .bootstrap-select {
    margin-bottom: 5px
}

#budgetbox .popover-title .close, #refinepop .popover-title .close, .popover-title button.close {
    color: #fff !important;
    background: #2d96cd;
    opacity: 1;
    text-shadow: none;
    border: none;
    margin: 0;
    border-radius: 20px;
    padding: 6px 12px
}

.searchhome .nu .btn-primary {
    background-color: #fff;
    color: #252525;
    border: 1px solid #e7e7e7
}

    .searchhome .nu .btn-primary.active, .searchhome .nu .btn-primary.active:hover {
        background-color: #4b4b4b;
        color: #fff;
        cursor: initial
    }

#side-tabs {
    bottom: 0
}

#left-side-tabs {
    top: 350px;
    margin-left: -135px
}

#chat-tab {
    top: 281px
}

#right-side-tabs {
    right: 0;
    top: 420px;
    margin-right: 0
}

#right-side-button {
    right: 0;
    top: 540px;
    margin-right: 0
}

.vertical-text {
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform-origin: right top 0;
    -moz-transform-origin: right top 0;
    -webkit-transform-origin: right top 0;
    transform-origin: right top 0;
    background: #313131;
    color: #fff;
    margin-left: 40px;
    padding: 8px 10px;
    border: 1px solid #252525;
    text-transform: 1px 1px 0 rgba(0,0,0,.5);
    box-shadow: 2px -2px 0 rgba(0,0,0,.1);
    float: left;
    height: 40px
}

.mp-finance, .mp-logos, .mp-news .col-md-4 {
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1)
}

.vertical-text a:hover, .vertical-text a:link, .vertical-text a:visited {
    color: #fff;
    text-decoration: none
}

#market td, p.phone a {
    color: #252525
}

.abovemkt, .belowmkt, .driveaway .daprice {
    text-decoration: underline
}

.chat-btn {
    background: #23c1cf;
    border: none
}

#registered {
    background-position: -57px 0
}

#mileage {
    background-position: -73px 0
}

#transmission {
    background-position: -89px 0
}

#fuel {
    background-position: -105px 0
}

#colour {
    background-position: -121px 0
}

#distance, #location {
    background-position: -137px 0
}

.xxline p a span.number:before, .xxline p span.number a:before, p.phone a:before {
    content: "\f095";
    font-family: FontAwesome;
    padding: 5px
}

.phone a {
    padding: 0;
    display: block
}

.phone img {
    margin-right: 0
}

span.tick {
    background-image: url(../graphics/resp-tick.gif);
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding: 3px 10px 3px 20px
}

div.view24 {
    background: url(../graphics/b_eye_icon.png) center left no-repeat;
    padding: 5px 0 5px 27px
}

div.nc_item, div.nc_item_home {
    float: left;
    background-repeat: no-repeat
}

#ccrlink {
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 10px;
    background: #e8e8e3
}

#recentitems {
    border: 1px solid #efefef;
    padding: 0 10px 10px
}

    #recentitems .recent, #recentitems .similar {
        padding-bottom: 10px
    }

.col-sm-12 .recent {
    width: 30%;
    margin: 0 1.5%;
    min-height: 350px
}

    .col-sm-12 .recent .yt {
        max-height: 250px;
        min-height: 130px
    }

.col-sm-12 .similar {
    float: left;
    width: 30%;
    margin: 0 1.5%;
    min-height: 375px
}

    .col-sm-12 .similar p {
        margin-top: 10px
    }

    .col-sm-12 .similar .yt {
        max-height: 250px;
        min-height: 130px
    }

    .col-sm-12 .similar:nth-child(3n) {
        clear: left
    }

.col-sm-3 .similar {
    float: left;
    width: 100%;
    margin: 0;
    min-height: 350px
}

.video_responsive {
    position: relative;
    margin-left: 0;
    margin-right: 0;
    height: 0;
    padding: 20px 0 56%
}

    .video_responsive iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.carousel-control img {
    position: absolute;
    top: 0;
    max-height: 49px;
    max-width: 26px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.carousel-indicators li {
    margin-right: 7px;
    background-color: #4e4f54;
    border-color: #4e4f54
}

    .carousel-indicators li.active {
        margin-right: 5px
    }

#carousel-example-generic {
    margin: 20px auto;
    width: 100%
}

#carousel-custom {
    margin: 0 -15px 40px
}

.home #carousel-custom, .home-main #carousel-custom, .vdp #carousel-custom {
    margin: 0 auto 40px;
    width: 100%
}

#carousel-custom .carousel-indicators.detail {
    margin: 10px 0 0;
    overflow: auto;
    position: static;
    text-align: left;
    white-space: nowrap;
    width: 100%
}

#carousel-custom .carousel-outer, div.nc_item {
    position: relative
}

#carousel-custom .carousel-indicators.detail li {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: auto
}

    #carousel-custom .carousel-indicators.detail li img {
        display: block;
        opacity: .7;
        height: 50px
    }

    #carousel-custom .carousel-indicators.detail li.active img {
        opacity: 1
    }

    #carousel-custom .carousel-indicators.detail li:hover img {
        opacity: .85
    }

.carousel-indicators {
    bottom: -40px !important
}

#market {
    background-color: #e7f8ed;
    border: 1px solid #12b447;
    border-radius: 4px;
    text-align: center;
    padding: 6px 14px;
    margin-top: 10px
}

    #market td {
        font-size: 12px
    }

.below, .belowmkt {
    color: #0f7e00;
    font-weight: 700
}

.belowmkt {
    font-size: 24px
}

.below {
    font-size: 12px
}

.above, .abovemkt {
    color: #c00;
    font-weight: 700
}

.abovemkt {
    font-size: 24px
}

.above {
    font-size: 12px
}

#marketexplained {
    display: none;
    background-color: #f1f1f1;
    padding: 5px 0;
    font-size: 12px
}

.driveaway {
    margin: 0 0 5px
}

    .driveaway p {
        font-size: 14px;
        text-align: right;
        padding-right: 0
    }

.nc_item_home p, div.otop4 p.fr {
    text-align: center
}

.driveaway .daprice {
    font-weight: 700;
    color: #198402;
    font-size: 18px
}

.nc_item a, .nc_item a:visited, .nc_item_home a, .nc_item_home a:visited {
    color: #252525;
    text-decoration: none
}

.definition {
    width: 50%;
    font-weight: 700
}

#authtest, #authvideo {
    display: none
}

#authimage {
    display: inline
}

.nrp .col-xs-5 {
    width: 33.333%
}

.nrp .col-xs-7 {
    width: 65.333%
}

#authimage img {
    width: 100%
}

#authimage a.btn {
    margin: 0 5px 0 0;
    padding: 6px 10px;
    min-width: 140px;
}

div.nc_item {
    margin: 0 10px 14px 0
}

.nc_item p {
    position: absolute;
    top: 117px;
    left: 11px
}

.modal {
    z-index: 55000
}

#modalBackground, #modalWindow {
    left: 0;
    position: fixed;
    display: none
}

.imagevp, div.nc_item_home {
    position: relative;
    overflow: hidden
}

.nc_item a, .nc_item a:visited {
    font-weight: 800
}

div.nc_item_home {
    margin: 0 5px 15px;
    width: 30%;
    height: 260px
}

#mediabox .item img, .nc_item_home img, .stockimage {
    width: 100%
}

.nc_item_home a {
    font-weight: 400
}

#collapsedetails img {
    width: 100%;
    height: auto;
    min-width: 100% !important
}

#collapsedetails div {
    width: 100% !important
}

#collapsedetails .featurebox {
    width: 100% !important;
    max-width: 100% !important
}

.imagevp, div.otop4 a.btn {
    width: 100%
}

#collapsedetails .featurebox img {
    margin-bottom: 30px
}

.family {
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding: 10px 0;
    margin: 20px 0
}

    .family h2 {
        padding-left: 15px
    }

.imagevp {
    display: block;
    height: auto;
    padding: 74.57% 0 0
}

div.otop4 {
    margin-top: 30px
}

.otop4 h3 {
    font-size: 150%;
    font-weight: 700;
    margin: 0;
    padding: 0 0 10px;
    color: #252525
}

.otop4 img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.otop4 h2 {
    margin: 0;
    padding: 0;
    min-height: 5.5em
}

    .otop4 h2 > a > span {
        font-weight: 400;
        font-size: 15px;
        text-transform: uppercase
    }

.otop4 p {
    padding: 0;
    font-size: 12px;
    line-height: 1.5em
}

    .otop4 p.poa {
        color: #004e8a;
        font-size: 17px;
        font-weight: 800;
        padding: 3px 0;
        height: 1.5em
    }

    .otop4 p.pricewas {
        min-height: 2em
    }

div.otop4 a.btn-xs, div.otop4 p.fr a {
    background: #006cad;
    border: none
}

div.otop4 p.fr {
    float: none;
    margin: 20px 0;
    padding: 10px 0
}

.bigmapfr, .hours p {
    text-align: right
}

div.otop4 p.fr a {
    width: 31%;
    margin: 0 auto;
    display: block
}

div.otop4 .col-sm-4 {
    padding: 0 1%
}

p.pricenow, p.pricewas {
    margin: 0;
    color: #252525;
    padding: 0
}

p.pricenow {
    font-size: 24px;
    font-weight: 800
}

p.pricewas {
    font-size: 18px;
    font-weight: 400
}

.col-sm-3 p.small {
    display: none
}

.smallprint {
    font-size: smaller
}

img.highlight {
    width: 100%
}

#collapseFour .panel-body {
    height: 1600px;
    overflow: auto
}

.modal-footer input {
    float: right;
    width: 50%
}

.modal-footer .btn + .btn {
    font-size: 17px;
    float: left;
    width: 45%;
    margin-left: 0;
    border-radius: 20px;
    border: 1px solid #252525;
    padding: 6px
}

.modal-footer .btn-primary {
    background: #2d96cd !important;
    border: 1px solid #2d96cd !important;
    color: #fff !important;
}

.mhMobile a {
    background: 0 0 !important;
    color: #006cad !important;
    font-weight: 700
}

.link-mccs, .link-mccs:hover {
    color: #fff
}

#videoadv iframe {
    width: 100% !important
}

.link-mccs {
    text-align: center;
    display: block;
    font-size: 17px;
    background: #2d96cd;
    border-radius: 5px;
    padding: 6px 0;
    font-weight: 700
}

#wrap.stick {
    top: 37px !important;
    width: 1210px !important
}

.modal-body, .modal-body h2 {
    padding: 0
}

    .modal-body #contactform {
        margin: 0
    }

        .modal-body #contactform .col-sm-4, .modal-body #contactform .col-sm-6 {
            padding: 5px;
            margin: 0
        }

@media only screen and (min-width:481px) {
    .flex-row.row {
        display: flex;
        flex-wrap: wrap
    }

        .flex-row.row > [class*=col-] {
            display: flex;
            flex-direction: column
        }

        .flex-row.row .panel {
            height: 100%
        }

        .flex-row.row:after, .flex-row.row:before {
            display: flex
        }
}

.xxline {
    width: 98%;
    float: left;
    margin: 0 0 3px;
    border-bottom: 1px dotted #ccc;
    min-width: 125px
}

    .xxline p {
        font-size: 12px;
        font-weight: 700;
        padding: 5px 0
    }

        .xxline p span.number {
            font-size: 22px;
            margin: 3px 0;
            display: block
        }

.hours p {
    padding-right: 0
}

#modalBackground {
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background-color: #252525;
    filter: alpha(opacity=40);
    opacity: .4
}

#modalWindow {
    top: 40px;
    z-index: 10;
    background-color: #fff;
    border: 1px solid #c2cef0;
    padding: 10px 10px 5px;
    overflow: scroll
}

    #modalWindow p.closebtn {
        text-align: right;
        margin: 0 0 5px
    }

div.bigdealermap, div.dealermap {
    border: 1px solid #d3d3d3;
    padding: 2px;
    margin: 30px 0 0
}

.modal.fade:not(.in).left .modal-dialog {
    -webkit-transform: translate3d(-25%,0,0);
    transform: translate3d(-25%,0,0)
}

div.dealermap {
    width: 290px;
    height: 210px
}

div.bigdealermap {
    height: 640px;
    z-index: 100
}

#bigdealermap, #modalmap {
    width: 100%;
    padding: 2px;
    margin: 10px 0 0;
    z-index: 100;
    float: left
}

#mapcontent {
    width: 100%
}

#bigdealermap {
    height: 600px
}

#bigdealerdir {
    display: none;
    float: left;
    width: 100%;
    height: 100%;
    padding: 2px;
    margin: 10px 10px 0 0;
    z-index: 100
}

#modalmap {
    height: 300px
}

div.cartypeitem {
    float: left;
    width: 84px;
    height: 60px;
    font-size: 11px;
    text-align: center
}

    div.cartypeitem img {
        margin-bottom: 0
    }

.cartypeitem a {
    font-weight: 400
}

div#top10SB p {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}

.calendar {
    width: 100%;
    border: 1px solid #e7e7e7;
    visibility: hidden;
    position: absolute;
    background-color: #fff
}

.month {
    font-weight: 800
}

.today {
    background-color: #ddf
}

.seldate {
    background-color: #ff0
}

.we {
    background-color: #efefef
}

.unavailable {
    color: #666
}

.calendar td, .calendar th {
    padding: 0;
    text-align: center
}

.calendar p {
    margin: 0;
    padding: 3px 5px;
    font-size: 16px
}

.calendar a {
    text-decoration: underline;
    font-weight: 400
}

    .calendar a:link, .calendar a:visited {
        color: #004e8a
    }

    .calendar a:hover {
        color: #004e8a;
        text-decoration: underline
    }

.article-ctas a, .article-ctas a:hover {
    text-decoration: none
}

.homepromos .btn-dealer {
    padding: 0 5px;
    color: #fff;
    margin-bottom: 5px
}

    .homepromos .btn-dealer p {
        color: #fff
    }

    .homepromos .btn-dealer .heading {
        font-size: 20px;
        line-height: 24px;
        text-transform: capitalize;
        color: #fff;
        font-weight: 700;
        height: 2em;
        display: block
    }

    .homepromos .btn-dealer a:link, .homepromos .btn-dealer a:visited {
        display: block;
        background-color: #006cad;
        color: #fff;
        padding: 15px 10px;
        border-radius: 5px;
        height: 8.5em;
        text-align: center
    }

    .homepromos .btn-dealer a:hover {
        background-color: #252525;
        color: #fff
    }

.rb {
    text-align: center;
    width: 100%;
    padding: 5px 0
}

    .rb .form-control {
        margin: 0 0 10px;
        padding: 5px 0
    }

    .rb .btn-info {
        margin: 0 0 10px
    }

.socext p {
    margin-right: 5px
}

.mgrcomment {
    background: #e8e8e3;
    padding: 5px 15px;
    margin: 15px;
    border-radius: 4px
}

    .mgrcomment div {
        padding: 10px
    }

        .mgrcomment div.col-xs-4, .mgrcomment div.col-xs-5 {
            padding: 0;
            height: 100%;
            width: auto
        }

        .mgrcomment div.col-xs-7, .mgrcomment div.col-xs-8 {
            padding: 10px 10px 0
        }

    .mgrcomment p {
        padding-top: 0;
        margin: 0
    }

    .mgrcomment h3 {
        padding-top: 0;
        margin-top: 0;
        margin-bottom: 0
    }

    .mgrcomment .col-xs-4 img, .mgrcomment .col-xs-5 img {
        border-radius: 50%;
        webkit-filter: sepia(25%);
        filter: sepia(25%)
    }

.results .mgrcomment {
    margin-top: 15px
}

.nclddtms .fl {
    padding-right: 19px
}

.nclddtms p {
    font-size: 12px;
    font-weight: 700;
    margin: 15px 0;
    padding: 0
}

.nclddtms img {
    height: 146px
}

#mtc_button2 {
    display: none !important;
    visibility: hidden !important
}

.adContent {
    position: relative;
    width: 100%
}

    .adContent h1 {
        position: absolute;
        top: 20px;
        left: 10px;
        z-index: 100;
        width: 50%;
        padding: 40px 20px;
        background: #1d1d1d;
        color: #fff;
        margin-left: 5px;
        font-size: 300%
    }

    .adContent a.btn-block {
        position: relative;
        width: 25%;
        z-index: 150
    }

    .adContent img {
        max-height: 600px;
        overflow: hidden;
        margin-top: -15px
    }

.offersHead {
    position: relative;
    width: 100%
}

    .offersHead h1 {
        position: absolute;
        top: 40px;
        left: 0;
        z-index: 100;
        max-width: 400px;
        padding: 15px;
        background: #fff;
        font-size: 250%
    }

    .offersHead span, .offersHead span.ofh {
        position: absolute;
        left: 0;
        background: #f1f1f1;
        padding: 5px 15px
    }

        .offersHead span.ofh {
            top: 145px;
            font-size: 150%
        }

    .offersHead span {
        top: 108px;
        font-size: 150%
    }

    .offersHead img {
        margin-bottom: 15px;
        max-height: 450px
    }

.vhOffers {
    float: left;
    width: 100%;
    margin: 0 !important;
    padding-bottom: 60px
}

    .vhOffers ul li span {
        background: #eee;
        margin: 0
    }

    .vhOffers h3 {
        margin: 15px 0 0;
        min-height: 40px
    }

    .vhOffers h2 {
        margin: 0 0 10px 15px
    }

.sticky {
    top: 0;
    position: fixed;
    max-width: 1140px;
    z-index: 100
}

.searchcrbox #frmCR {
    margin: 10px
}

#mtc_button1, .page p.mtc-livechat .livechatbutton {
    position: fixed;
    right: 0 !important;
    margin-left: 40px;
    color: #fff;
    height: 40px;
    padding: 8px 10px
}

#mtc_button1 {
    bottom: 73px !important;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform-origin: right top 0;
    -moz-transform-origin: right top 0;
    -webkit-transform-origin: right top 0;
    transform-origin: right top 0;
    background: #313131;
    border: 1px solid #252525;
    text-transform: 1px 1px 0 rgba(0,0,0,.5)
}

.mp-finance, .mp-logos, .mp-promos .col-md-4 {
    border: 1px solid #eaeaea
}

#mtc_button1 a, #mtc_button2 a {
    color: #fff;
    text-decoration: none
}

.page p.mtc-livechat .livechatbutton {
    top: 281px !important;
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform-origin: right top 0;
    -moz-transform-origin: right top 0;
    -webkit-transform-origin: right top 0;
    transform-origin: right top 0;
    background: #23c1cf;
    text-transform: uppercase
}

.page p.mtc-livechat span {
    display: block !important
}

#ttt_button_holder {
    display: none
}

.mp-logos {
    padding: 5px;
    margin: 30px 15px 15px;
    border-radius: 4px;
    background: #fff
}

.mp-news h2, .mp-promos h2 {
    font-size: 225%;
    font-weight: 600;
    margin-bottom: 30px
}

.mp-logos .col-sm-4, .mp-logos .col-sm-7, .mp-logos .col-sm-8 {
    width: 100%;
    padding: 0;
    text-align: center
}

.mp-promos {
    padding: 45px 30px;
    background: #252525
}

    .mp-news .col-md-4, .mp-promos .col-md-4 {
        padding: 15px 30px;
        background: #fff;
        width: 31.33333333%;
        border-radius: 4px;
        text-align: center
    }

    .mp-promos h2 {
        color: #fff;
        text-align: center
    }

.mp-news h2 {
    text-align: center;
    color: #252525
}

.mp-promos .col-md-4 {
    margin: 15px 0
}

.mp-news {
    margin: 30px 15px 15px
}

    .mp-news .col-md-4 {
        margin: 15px 0
    }

    .mp-news .middle, .mp-promos .middle {
        margin: 15px 3%
    }

    .mp-news p, .mp-promos p {
        color: #666
    }

.mp-reg form {
    background: #fff !important
}

.mp-finance {
    background: #fff;
    padding: 15px;
    margin: 15px;
    border-radius: 4px
}

    .mp-finance h3 {
        font-size: 225%;
        color: #252525;
        margin: 5px 0 0;
        font-weight: 600
    }

        .mp-finance h3 a:link, .mp-finance h3 a:visited {
            color: #252525
        }

    .mp-car-finance li, .mp-finance p, .mp-logos p {
        color: #666
    }

.mp-logos p {
    text-align: center
}

.mp-finance .col-sm-4 {
    padding-left: 0;
    padding-right: 25px
}

.mp-finance .col-sm-8 {
    padding-right: 0;
    padding-left: 10px
}

.mp-finance .col-sm-6 {
    padding-left: 0
}

.mp-car-finance {
    background: #0798bc;
    color: #fff;
    padding: 40px 5px;
    margin-bottom: 20px
}

    .mp-car-finance ul {
        list-style-type: none;
        margin: 0;
        padding: 0
    }

    .mp-car-finance h2, .mp-car-finance li {
        color: #fff;
        padding: 10px 0
    }

    .mp-car-finance i {
        font-size: 150%;
        padding-right: 5px
    }

.fsrch {
    border-bottom: 1px solid #e7e7e7;
    padding: 7px 0 5px 10px;
    margin-right: 0
}

    .fsrch .fhead {
        font-size: 17px;
        line-height: 34px
    }

.mp-pex {
    padding: 5px 0;
    margin: 0 0 5px;
    background: #e8e7e3
}

    .mp-pex h3 {
        font-size: 225%;
        text-align: right;
        color: #252525;
        padding: 0;
        margin: 0;
        font-weight: 600;
        padding-top: 6px
    }

    .mp-pex .btn {
        text-align: left
    }

    .mp-pex .btn-primary {
        max-width: 220px;
        text-align: center;
        text-transform: capitalize;
        padding: 7px 12px
    }

    .mp-pex .image {
        text-align: center
    }

        .mp-pex .image img {
            max-width: 95%
        }

.mp-btns {
    margin: 15px 0
}

.mp-pex .cleanslate .px-at-poweredBy-logo, .mp-pex .px-large-box .px-at-poweredBy-logo {
    background: 0 0 !important
}

.mp-pex .cleanslate .px-lookup-inner button.px-submit-button {
    margin: 10px auto !important
}

.mp-bodytype {
    border: 1px solid #e7e7e7;
    padding: 10px 10px 0
}

    .mp-bodytype h3 {
        margin: 0;
        padding: 0
    }

    .mp-bodytype .bx-wrapper .bx-viewport {
        border: none
    }

.searchvedbox {
    border: 1px solid #e7e7e7;
    padding: 15px;
    margin-top: 5px;
    background: #006cad;
    color: #fff
}

    .searchvedbox h3 {
        color: #fff;
        font-size: 250%;
        margin: 5px 0
    }

    .searchvedbox p {
        color: #fff;
        font-size: 120%
    }

        .searchvedbox p.emissions_subhead {
            font-size: 225%
        }

    .searchvedbox .btn-primary {
        background: #f9b400;
        color: #006cad
    }

        #vedresults td, .polygon-countdown p, .searchvedbox .btn-primary:hover {
            color: #fff
        }

#vedresults .col-sm-12, #vedresults .col-sm-6 {
    padding-left: 0
}

#vedresults a:link, #vedresults a:visited {
    display: block;
    padding: 10px;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    width: 50%;
    margin: 5px auto
}

#ved_grabber, p.ved_grabber {
    background: #f7b500;
    padding: 5px;
    font-size: 17px;
    text-align: center
}

.polygon .polygon-bottom, .polygon .polygon-top {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: block
}

#ved_grabber a, p.ved_grabber {
    color: #006cad
}

.polygon .polygon-top {
    background-image: url(/graphics/ved-top.gif);
    background-position: bottom;
    height: 95px
}

.polygon .polygon-middle {
    background-image: url(/graphics/ved-middle.gif);
    background-size: 100% 100%;
    background-repeat-x: inherit;
    background-position: top;
    display: block
}

.polygon .polygon-bottom {
    background-image: url(/graphics/ved-bottom.gif);
    background-position: bottom;
    height: 144px
}

.polygon .searchvedbox, .polygon-countdown {
    width: 80%;
    margin: 0 auto;
    border: none;
    padding: 0
}

    .polygon .searchvedbox h3 {
        margin-top: 0;
        font-size: 330%
    }

    .polygon .searchvedbox p {
        margin-bottom: 0;
        padding-bottom: 10px
    }

    .polygon-countdown .col-sm-6 {
        text-align: center;
        font-size: 150%;
        color: #fff;
        padding: 30px 0 0;
        margin: 0
    }

h1.ved {
    text-indent: -1717em
}

.vedp h2 {
    font-size: 225%
}

.polygon-countdown #getting-started {
    color: #f7b500;
    font-weight: 700
}

.mp-links {
    background: #fafafa;
    padding: 15px
}

    .mp-links h3 {
        padding-left: 15px
    }

    .footlinks ul, .mp-footer ul, .mp-links ul {
        padding: 0;
        margin: 0
    }

        .mp-footer ul li, .mp-links ul li {
            list-style-type: none;
            padding: 0;
            margin: 15px 0
        }

.mp-seo, .seocontent {
    padding: 30px 15px;
    background: #fff;
    margin: 30px 0 0;
    clear: both
}

.mp-footer {
    padding: 15px 15px 30px;
    background: #252525
}

.mp-links a:link, .mp-links a:visited, .mp-promos a:link, .mp-promos a:visited {
    color: #252525;
    font-weight: 600
}

.footlinks a:link, .footlinks a:visited, .mp-footer a:link, .mp-footer a:visited {
    color: #d0d0cb;
    font-weight: 400
}

.mp-footer h2, .mp-footer h3 {
    color: #fff;
    padding: 0
}

.mp-footer .fa {
    font-size: 36px;
    padding: 15px
}

.footlinks {
    background: #1d1d1d;
    text-align: center;
    padding: 15px 0;
    color: #999
}

    .footlinks ul li {
        list-style-type: none;
        padding: 15px;
        display: inline
    }

.mp-usps .fa, .showall, .usp-icons {
    display: block
}

.terms-footer {
    margin: 15px 0;
    font-size: smaller;
    padding: 0 15px
}

    .terms-footer .col-md-4 {
        text-align: right
    }

.article-ctas .col-sm-4, .col-cam, .col-cam img, .mp-logos h1, .mp-seo h2, .mp-usps .fa, .nrp .livechatbutton, .showall {
    text-align: center
}

.mp-logos h1, .mp-seo h2 {
    font-size: 225%;
    font-weight: 600;
    color: #252525;
    padding: 20px 0 5px
}

.mp-seo a {
    font-weight: 400
}

.usp-icons {
    float: left;
    width: 44px;
    height: 44px;
    border: 2px solid #fff;
    border-radius: 50%;
    margin: 0 10px 25px 0
}

.mp-usps .fa {
    font-size: 26px;
    padding: 7px 0 0;
    margin: 0;
    color: #fff
}

.yamm .collapse, .yamm .dropdown, .yamm .dropup, .yamm .nav {
    position: static
}

#pricerangeSB, #refine, .panel-body, .yamm .container {
    position: relative
}

.yamm .dropdown-menu {
    left: auto
}

.yamm .yamm-content {
    padding: 20px 30px
}

.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 0
}

.panel-body {
    padding: 15px
}

.dealers {
    padding: 0 0 0 15px
}

    .dealers .col-sm-4 a:link, .dealers .col-sm-4 a:visited {
        display: block;
        text-align: center;
        margin-bottom: 5px;
        text-transform: capitalize
    }

blockquote {
    border: none;
    padding: 0 0 30px;
    color: #666;
    font-family: 'Roboto Slab',Oxygen,Arial,Helvetica,sans-serif;
    font-size: 150%
}

.homecn, .regbox {
    margin-top: 15px
}

.nrp .col-xs-12 {
    padding: 0
}

.nrp p.chat {
    margin: 5px 0;
    padding: 0
}

.dealers #mp_livechat, .nrp #mp_livechat, .results #mp_livechat {
    background: url(/upload/live-chat-receptionist.png) left center no-repeat;
    background-size: 60px;
    padding-left: 15px
}

    .nrp #mp_livechat:hover, .results #mp_livechat:hover {
        background-color: #252525;
        color: #fff
    }

.nrp .livechatbutton {
    padding: 0
}

.vdp .livechatbutton {
    background: 0 0 !important
}

p.nr img {
    width: 100%
}

.sitemap a {
    color: #5d7199
}

.mainpic > .title h1, .mainpic > .title p {
    text-transform: uppercase;
    color: #fff;
    font-weight: 600
}

#pricerangeSB .glyphicon, #refine .glyphicon {
    position: absolute;
    top: 12px;
    right: 10px
}

.col-cam {
    margin: 0 0 15px
}

    .col-cam img {
        width: 150px
    }

.dealers .btn-lg:before, .homecn .btn-lg:before {
    content: "\f1b9";
    font-family: FontAwesome;
    padding: 5px
}

.btn-mccs, .emailss {
    margin-top: 5px
}

.mainpic {
    position: relative
}

.auth .mainpic {
    margin: 0 -15px;
    background-color: #000
}

.auth .hero {
    opacity: 0.8
}

a.btn-play {
    background-image: url(/graphics/play-video-icon.png);
    background-position: 0 0;
    width: 120px;
    height: 120px;
    overflow: hidden;
    text-indent: -999em;
    z-index: 2;
    bottom: 20%;
    margin-top: -60px;
    margin-left: -60px
}

.mainpic > .title {
    padding: 1% 0;
    position: absolute;
    top: 10%;
    left: 5%;
    width: 40%;
    z-index: 5
}

.article-overview .col-md-8 img, .article-overview img, .hero {
    width: 100%
}

.mainpic > .title h1 {
    padding: 0;
    font-size: 375%
}

.mainpic > .title p {
    font-size: 120%
}

.mainpic > .title a.btn {
    color: #000;
    min-width: 160px;
    font-weight: 700;
    margin-top: 2rem;
    white-space: pre-wrap;
    border-radius: 20px
}

.mainpic > .title a.btn-info {
    color: #fff
}

.hero {
    margin-top: -95px;
    z-index: 1
}

.mainvid {
    margin: 0 -15px
}

    .mainvid video {
        margin-top: -165px;
        z-index: 300;
        position: relative;
        width: 100%;
        height: 100%
    }

    .mainvid > .button {
        z-index: 400;
        padding: 0;
        position: absolute;
        top: 0;
        left: 45%;
        background-color: transparent;
        margin-top: 37%
    }

        .mainvid > .button a {
            background: 0 0;
            padding: 10px;
            border: 1px solid #fff
        }

a.btn .fa-angle-right {
    display: none
}

.ott, a.btn-play {
    position: absolute;
    left: 50%
}

.article-subheader {
    background: #f2f2f2;
    padding: 3rem 4%;
    margin-top: 6rem
}

    .article-subheader h2 {
        font-size: 350%;
        font-weight: 600;
        text-transform: uppercase;
    }

.article-pad {
    padding: 0 4%;
    clear: both
}

    .article-pad p.header-text {
        font-weight: 300;
        line-height: 1.425em;
        margin: 3rem 0;
        font-size: 160%;
        color: #333
    }

    .article-pad p {
        margin-top: 3rem;
        font-size: 120%;
        line-height: 1.4em
    }

.article-overview p {
    font-size: 120%;
    line-height: 1.4em;
    color: #333
}

.article-overview, .article-plan {
    height: 100%;
    background: #f2f2f2
}

    .article-overview .col-md-4 {
        padding: 3% 2% 3% 4%
    }

    .article-overview .col-md-8 {
        padding: 0
    }

.article-darker {
    background: #000
}

.article-dark {
    background: #4a4f54
}

    .article-dark p, .article-dark span.subtitle, .article-darker p, .article-darker span.subtitle, .article-intro, .article-intro .article-pad p, .article-review blockquote, .article-tech, .article-tech p {
        color: #fff
    }

.article-relative {
    position: relative
}

.headerBox {
    width: 30.33%;
    position: absolute;
    left: 2%;
    top: 5%;
    background-color: rgba(255,255,255,.9);
    padding: 20px 25px 35px
}

.hero-sign h3, .subtitle {
    display: block;
    font-size: 160%;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 1.5rem
}

.article-review {
    padding: 4.5rem 4%;
    background: #4a4f54
}

    .article-review blockquote {
        font-size: 200%;
        font-weight: 300;
        margin-top: 0;
        padding: 0;
        border-left: none
    }

.article-dark, .article-darker, .article-light {
    padding: 8rem 0
}

.article-review p, .article-review p a {
    color: #fff;
    font-weight: 400;
    font-size: 130%
}

.article-light {
    background: #fff
}

.article-ctas {
    padding: 8rem 4%;
    background: #343434;
    color: #fff;
    margin: 6rem 0
}

.cta-icons i, .ctaLinks span i {
    font-size: 50px;
    display: block;
    clear: both;
    margin-bottom: 3rem
}

.article-ctas h4 {
    font-size: 200%;
    font-weight: 400
}

.article-ctas a {
    color: #eee
}

a.btn-discover {
    margin-bottom: 10px
}

div.overlayc {
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: 2;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

.btn-home img {
    width: 100%
}

.vhRow ul li {
    width: 23.1%;
    height: 405px
}

.nrp .col-xs-12 {
    padding: 0 15px
}

.imagevp {
    max-height: 175px
}

.family img {
    width: 16%
}

.vhOffers ul li {
    width: 23%
}

.crhome {
    margin-bottom: 5px
}

    .crhome .searchcr {
        margin-top: 0;
        margin-bottom: 20px
    }

    .crhome p, .erhome p {
        font-size: 120%;
        color: #fff
    }

.crusp div {
    padding: 20px
}

#mtc_button1, .page p.mtc-livechat .livechatbutton, .vertical-text {
    height: 30px;
    padding: 5px 10px;
    font-size: 90%;
    z-index: 250
}

.crusp h3 {
    margin-top: 15px
}

#frmCR .widesearchbox .col-sm-2 {
    width: 16.5%
}

#mtc_button1 {
    top: 644px
}

.page p.mtc-livechat .livechatbutton {
    position: fixed;
    right: 0 !important;
    top: 271px !important
}

.page p.mtc-livechat span {
    display: block !important
}

#right-side-button {
    top: 523px
}

#right-side-tabs {
    top: 405px
}

.mp-logos {
    padding: 5px 15px
}

.col-sm-12 > #pricerangeSB button, .col-sm-12 > #refine button, .searchbox .crit input#postcodeSB, .searchbox .sbrow {
    margin-bottom: 5px
}

.searchbox .crit input#postcodeSB, .searchbox div.crit h3 {
    margin-top: 5px;
    font-size: 100%
}

.searchbox .crit h2 {
    position: relative;
    padding: 0;
    font-size: 225%;
    text-align: center;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

    .searchbox .crit h2::after {
        content: '';
        height: 5px;
        width: 160px;
        background: #efbc09;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

.mp-pex h3 {
    font-size: 175%
}

#wrap.stick {
    width: 995px !important
}

}

@media (min-width:1200px) {
    .container {
        width: 100%
    }
}

@media (max-width:1200px) {
    .container {
        width: 100%
    }
}

@media (max-width:1024px) {
    .vhRow ul li {
        width: 31.5%;
        margin-bottom: 5px;
    }

    .col-sm-3 p.phone {
        margin: 0;
    }

    .trailholder {
        margin: 0 -15px;
        padding: 5px 30px
    }

    .dealers #mp_livechat, .nrp #mp_livechat, .results #mp_livechat {
        padding-left: 45px
    }

    .nopad {
        margin: 0 !important
    }

    #topnav, .footer, .header, .home-main, .mp-footer, .mp-pex, .mp-promos, .mp-reg form, .mp-seo, .mplinks, .row, .searchbox .widesearchbox, p.traill, p.trailr {
        margin: 0
    }

    .usedhome {
        background-image: url(../graphics/ucsi-1024.jpg)
    }

        .usedhome .searchhome {
            margin-top: 50px
        }

        .usedhome .col-sm-8 {
            padding-right: 0
        }
}

@media (min-width:970px) {
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block
    }
}

@media (min-width:797px) {
    #bigdealerdir, #bigdealermap {
        width: 570px
    }

    .modal-content .col-sm-4 {
        margin-bottom: 10px
    }

    .homepromos .btn-dealer .heading {
        font-size: 17px;
        height: 3em
    }
}

@media (max-width:797px) {
    .home-main .col-sm-4, .home-main .col-sm-8 {
        width: 100%
    }

    .row h2, h1 {
        font-weight: 700
    }

    .page {
        margin: 0
    }

    .navbar-default .navbar-toggle {
        border: 1px solid #666;
        min-width: 38px;
        text-align: center
    }

    .col-sm-8 {
        padding: 0 15px
    }

    .searchcr .col-sm-4, .searchhome .col-sm-4 {
        width: 100%;
        text-align: right;
        margin-top: -35px
    }

    #carousel-custom {
        margin-left: 5px;
        margin-right: 5px;
        width: auto
    }

    .notmobile {
        display: none
    }

    .navbar-primary .navbar .nav > li > a {
        padding: 7px
    }

    .navbar-collapse {
        margin-top: 15px
    }

        .navbar-collapse .col1, .navbar-collapse .col2, .navbar-collapse .col3 {
            padding-left: 12px
        }

            .navbar-collapse .col1 div, .navbar-collapse .col2 div, .navbar-collapse .col3 div {
                border-bottom: 1px solid #e7e7e7;
                padding-top: 5px
            }

        .navbar-collapse .dropdown-menu {
            padding-top: 5px
        }

        .navbar-collapse p {
            width: 70%
        }

        .navbar-collapse a.secondary {
            width: 30%
        }

        .navbar-collapse .col3 h2 {
            font-size: 24px;
            margin: 10px 0 5px
        }

    .home-main h1, .row h2, .searchbox label.btn-primary, h1 {
        font-size: 20px
    }

    .navbar-collapse .col3 p {
        width: 100%
    }

    .usedcar-menu {
        padding: 15px !important;
        float: left
    }

        .usedcar-menu .col1, .usedcar-menu .col2, .usedcar-menu .col3 {
            width: 100%;
            padding: 0;
            margin: 5px 0 0
        }

            .usedcar-menu .col1 div, .usedcar-menu .col2 div, .usedcar-menu .col3 div {
                padding: 10px 0;
                margin: 5px 0
            }

        .usedcar-menu .col3 {
            padding: 10px 0;
            margin: 10px 0
        }

    .col3:before {
        clear: both
    }

    .usedcar-menu h2 {
        margin: 0;
        padding: 0
    }

    .usedcar-menu .col3 h2 {
        padding: 10px 0
    }

    .col-sm-12 .similar {
        float: left;
        width: 47%;
        margin: 0 1.5%;
        min-height: 250px
    }

        .col-sm-12 .similar .yt {
            max-height: 250px;
            min-height: 130px
        }

        .col-sm-12 .similar:nth-child(3n) {
            clear: none
        }

        .col-sm-12 .similar:nth-child(2n) {
            clear: left
        }

    .navbar-header .col-xs-6 {
        margin-left: -15px;
        margin-right: -15px
    }

    .homedlbox div.fl {
        float: left;
        width: 45%;
        margin: 0 15px 0 0
    }

    h1 {
        margin: 10px 0 0;
        padding: 0 !important;
        background-image: none !important
    }

    .homepromos .btn-dealer {
        float: left;
        width: 50%;
        margin-bottom: 10px
    }

    .col-sm-4 input.btn, div.homelogos .col-sm-4, div.homelogos .col-sm-8 {
        width: 100%
    }

    .yamm ul.dropdown-menu {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1
    }

    .navbar-nav .open .dropdown-menu {
        background-color: #fff
    }

    .navbar-nav {
        display: inline
    }

    .navbar-primary .navbar .nav > li {
        display: inline;
        text-align: left
    }

    #driveaway p, #mediabox, .col-sm-3 p.phone, p.nr {
        text-align: center
    }

    .navbar-primary .navbar .nav > li > a {
        padding-left: 12px
    }

    #seo-copy, .reshead {
        padding: 0
    }

    .header img {
        width: 40%
    }

    .homepromos .col-sm-4 {
        width: 33.3%;
        float: left
    }

    .homedltop .col-sm-3 {
        width: 50%;
        float: left
    }

    ul.logosbtn li {
        width: 23%
    }

    .ccd {
        width: 48%;
        min-height: 320px
    }

    .vhRow ul li {
        width: 30.6%
    }

    .vhCopy, .vhRow {
        width: 100%
    }

    .searchbox .col-sm-12 {
        display: inline;
        flex-flow: unset;
        padding: 0
    }

    .vhCopy {
        order: 2;
        margin-top: 30px
    }

    .results, .vhRow {
        order: 1
    }

    .roadtestcontent p {
        display: none
    }

    .seocontent {
        order: 8
    }

    .rtlinks {
        order: 9
    }

    .seoextra {
        order: 10
    }

    .imagevp {
        max-height: 125px
    }

    .ccd h2 {
        min-height: 30px
    }

    .col-sm-4 .bootstrap-select.btn-group {
        margin-bottom: 5px
    }

    .reshead {
        margin: 0 0 15px
    }

    .col-sm-12 .reshead .row {
        margin: 0
    }

    .col-sm-3 p.phone, .col-xs-7, p.nr {
        margin: 10px 0
    }

    .price p {
        text-align: left
    }

    #imageSequenceGallery {
        margin: 0 auto
    }

    .navbar-primary .navbar .nav > li:first-child > a, .navbar-primary .navbar .nav > li > a {
        background: #1d1d1d;
        border-left: none;
        border-right: none;
        border-top: none
    }

    .searchbox {
        margin: 0 -15px 15px 0
    }

        .searchbox .crit input#postcodeSB, .widesearchbox .col-sm-2 {
            margin: 5px 0
        }

        .searchbox div.crit {
            padding: 5px 8px
        }

            .searchbox div.crit .col-sm-6 {
                width: 50%;
                float: left
            }

    .adContent a.btn-block, .usedhome .col-sm-8 {
        width: 100%;
        padding: 0 2%
    }

    .searchbox .crit h2 {
        padding: 0 5px 2px
    }

    .searchbox .widesearchbox, .searchbox .widesearchbox .collapse.in, .searchcrbox .widesearchbox, .searchcrbox .widesearchbox .collapse.in {
        border: 1px solid #ccc;
        border-radius: 4px
    }

    .searchcr, .searchhome {
        margin-top: 10px;
        color: #fff
    }

        .searchcr, .searchcr .bootstrap-select, .searchcr input, .searchhome, .searchhome .bootstrap-select, .searchhome input {
            margin-bottom: 10px
        }

    .usedhome {
        background-image: none;
        padding: 0;
        margin: 0
    }

    .searchhome h1 {
        color: #252525;
        font-weight: 400
    }

    .searchhome p.small {
        text-align: right;
        color: #fff;
        font-size: 10px
    }

    .searchhome .btn-primary {
        background-color: #ffc400;
        color: #252525 !important;
        border: none;
        padding: 10px 12px
    }

    .searchhome .row {
        padding: 0 0 5px;
        margin: 0
    }

    .searchhome h3 {
        padding-bottom: 0;
        color: #252525;
        margin-top: 10px
    }

    .searchcr {
        background-color: #006cad;
        padding: 20px
    }

        .searchcr h1 {
            color: #fff;
            font-weight: 400
        }

        .searchcr p.small {
            text-align: right;
            color: #fff;
            font-size: 10px
        }

        .searchcr .btn-primary {
            background-color: #252525;
            color: #fff;
            border-color: #ccc
        }

        .searchcr .row {
            padding: 0 0 5px
        }

        .searchcr h3 {
            padding-bottom: 0;
            color: ##252525
        }

    .fintc {
        font-size: 12px;
        padding: 0 15px
    }

    input, select .fintc h3 {
        padding-bottom: 5px;
        margin-bottom: 0
    }

    .adContent {
        margin: 20px 0 0
    }

        .adContent h1 {
            position: absolute;
            top: 15px;
            left: -5px;
            font-size: 150%;
            font-weight: 400;
            width: 100%;
            padding: 20px 10px 10px !important
        }

    #pricerangeSB, #refine, .headerBox {
        position: relative
    }

    .adContent img {
        margin-top: 50px;
        width: 100% !important
    }

    .vhOffers h2 {
        margin: 0 0 10px 5px
    }

    #refinepop {
        margin: 0;
        width: 100%
    }

    .searchbox .row {
        margin-right: 0
    }

    #pricerangeSB button {
        border: 1px solid #e7e7e7
    }

    .mp-logos .col-sm-7 {
        width: 100%;
        padding: 0
    }

    .homelogos .col-sm-4 div.item, .homelogos div.item {
        height: 105px;
        width: 16.66666%
    }

    .article-overview .col-md-4, .article-overview .col-md-8, .headerBox {
        width: 100%
    }

    .mp-finance h3, .mp-pex .button, .mp-pex h3 {
        text-align: center;
        padding: 0
    }

    .mp-pex .image {
        margin: 5px 0
    }

    .mp-pex .button span {
        display: block;
        margin: 10px auto 0
    }

    .mp-finance p, .mp-pex {
        margin-top: 5px
    }

    .mp-finance .col-sm-4 {
        padding-right: 0
    }

    .mp-finance p {
        font-size: 100%;
        text-align: center
    }

    .home-main {
        background: #fff;
        padding: 0
    }

        .home-main h1 {
            padding: 0;
            margin: 0 15px
        }

    .headerBox {
        top: 0;
        left: 0;
        padding: 1.5rem 4% 3rem
    }

    .hero {
        margin-top: 0
    }

    .mainpic > .title {
        width: 90%;
        top: 5%;
        left: 4%
    }

        .mainpic > .title h1, .row h2.heading {
            font-size: 225%;
            font-weight: 600;
            margin: 0;
            padding: 0
        }

    .article-light {
        padding: 0
    }

    .article-pad p.header-text {
        font-size: 120%
    }

    .article-overview, .col-sm-12 .article-subheader {
        margin-top: 0 !important
    }

    .article-ctas {
        padding: 3rem 0
    }

    .article-overview .col-md-4 {
        padding: 4%
    }

    .hero-sign {
        padding: 3rem 4%
    }
}

@media only screen and (width:768px) {
    .col-md-4, .crusp div {
        float: left
    }

    .form-inline .form-control, .vdp .col-sm-3, .vdp .col-sm-9 {
        width: 100%
    }

    .header .col-sm-8, .mplinks, .regbox, .vdp .col-sm-pull-3 p.nr {
        display: none
    }

    .header {
        height: 95px
    }

        .header img {
            width: 100%;
            margin-left: -10px
        }

    .navbar-header {
        margin-top: -70px
    }

    #topnav {
        padding: 0 15px;
        background: #fff
    }

    h1 {
        font-size: 225%;
        font-weight: 400
    }

    #ccrlink, .mplinks, .vdp .btn-xs, .vdp .col-sm-4 .btn-block, .vdp .col-sm-4 table, .vdp .col-sm-pull-3 .customer-views, .vdp .col-sm-pull-3 div.location, .vdp .col-sm-pull-3 span.tick {
        font-size: 12px
    }

    .mplinks {
        padding: 0 10px
    }

    p.traill {
        padding: 3px 0
    }

    .homepromos .btn-home {
        padding: 0 0 0 15px
    }

    .homepromos img {
        margin-bottom: 15px
    }

    .vdp .col-sm-pull-3, .vdp .col-sm-push-3, .vdp .col-sm-push-4 {
        width: 25% !important
    }

    .vdp .col-sm-4 {
        width: 33.3% !important
    }

    .vdp .btn-xs {
        width: 47% !important;
        padding: 9px 0;
        min-width: 80px
    }

    .vdp .col-sm-pull-3 div.location, .vdp .col-sm-pull-3 h2.plate {
        margin-top: 5px
    }

        .vdp .col-sm-pull-3 div.location p, .vdp .col-sm-pull-3 p, .vdp .col-sm-pull-3 p.smallprint {
            margin-bottom: 0;
            padding-bottom: 0
        }

    .vdp .col-sm-pull-3 #ccrlink {
        margin: 5px 0
    }

    .vdp .col-sm-pull-3 p.smallprint {
        margin-top: -20px
    }

    .vdp .col-sm-push-3 p.l a img {
        width: 100%
    }

    .vdp .col-sm-4 .btn-block {
        padding: 9px 0;
        min-width: 66px
    }

    .vdp .col-sm-4 img {
        width: 62px
    }

    .vdp .col-sm-5 p, .vdp .col-sm-9 p {
        margin-bottom: 5px
    }

        .vdp .col-sm-5 p.med {
            font-size: 90% !important;
            padding: 5px 0 !important
        }

    .vdp div.emaildetail input {
        font-size: 12px;
        padding: 6px
    }

    .vdp div.emaildetail .col-sm-5 {
        width: 43%;
        padding-right: 5px
    }

    .vdp div.emaildetail .col-sm-7 {
        width: 56%;
        padding-right: 0
    }

    .crhome .col-sm-8, .crhome h2, .crhome img, .crhome p {
        width: 100%
    }

    .vdp div.emaildetail h3 {
        margin-top: 10px
    }

    .offersHead h1 {
        padding: 10px 15px !important;
        max-width: 350px
    }

    .crhome {
        background-size: 100%;
        background-position: 0 -90px
    }

        .crhome .col-sm-12 {
            padding: 0;
            text-align: center;
            width: 100%
        }

        .crhome h2 {
            font-size: 250%;
            text-align: center
        }

        .crhome p {
            font-size: 120%;
            text-align: center
        }

        .crhome .searchcr, .crhome .searchhome {
            margin-top: 10px;
            margin-bottom: 20px
        }

    .col-md-4 {
        width: 33.33333333%
    }

    .mhMobile a {
        padding: 10px 5px 10px 10px !important;
        border-radius: 5px !important;
        background-color: #006cad !important;
        color: #fff !important;
        margin-top: 3px
    }

    .home-main .col-sm-4 {
        width: 100%
    }
}

@media only screen and (min-device-width:550px) and (max-device-width:736px) {
    .header .col-sm-4 {
        float: left;
        width: 50%;
        padding: 7px 0 0 8px
    }

    .header .col-sm-8 {
        display: none
    }

    .navbar-header {
        margin-top: -60px
    }

    .header img {
        width: 50%
    }

    .otop4 h2 {
        min-height: auto
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:736px) {
    body {
        font-weight: 400
    }

    #topnav, .panel-default > .panel-heading {
        background: #fff
    }

    .navbar-brand img {
        max-width: 205px;
        max-height: 60px
    }

    .col-sm-4, .col-sm-6, .col-sm-8, .nrp .col-xs-12, .nrp .col-xs-7, .otop4 {
        padding: 0 !important
    }

    div.mi {
        margin: 0 0 10px
    }

    #topnav {
        padding: 5px 15px
    }

    .mp-btns div {
        margin-bottom: 10px
    }

    .navbar-header {
        margin-right: -5px
    }

        .navbar-header .col-sm-6 {
            float: left;
            width: 50%;
            padding: 0
        }

    #carousel-custom, .btn-info, .btn-xs, .col-sm-8, .col-xs-7, .col1, .col2, .col3, .ctawrapper .col-xs-6 img, .driveaway, .homedlbox div.fl, .mp-news .col-md-4, .panel-body .col-sm-3, .panel-body .col-sm-5, .progress, .row h2, .vdp #market table, .vdp .col-sm-3, .vdp .col-sm-6, .vdp .col-sm-9, input#regno {
        width: 100%
    }

    #CAOIMAction, #em_subscribe_form, #market h3, #mtc_button1, #mtc_button2, #right-side-tabs, #side-tabs, .LOSControlsWrapper .LOSControls .LOSSeperator, .alert-warning, .ban, .bang, .chat-btn, .col-xs-5, .header .col-sm-8, .mplinks, .notmobile, .phone img, .roadtestcontent .newoffer a, .srp-banner, div.financelist, div.location strong, p.nr {
        display: none !important
    }

    .homedlbox div.fl {
        float: left;
        margin: 0
    }

    .btn-info {
        margin-bottom: 5px
    }

    .yamm ul.dropdown-menu {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1
    }

    #carousel-custom {
        margin: 0 0 40px
    }

    #ttt_button_holder {
        border-top: 1px solid #666;
        position: fixed;
        bottom: 0;
        background-color: #efefef;
        z-index: 100;
        padding: 4px 0 0;
        width: 100%;
        display: flex;
        flex-flow: row wrap
    }

        #ttt_button_holder .col-xs-6 {
            font-size: 16px
        }

    .mtc-livechat, .videosection {
        display: none
    }

    .vdp .margin5 {
        margin: 0 7px 10px
    }

    .ctawrapper .btn, .vdp .col-sm-9 p {
        margin-bottom: 5px
    }

    .vdp .col-sm-12 h1 {
        margin-top: 0;
        text-transform: capitalize
    }

    .vdp .ctawrapper {
        display: flex;
        flex-flow: row wrap;
        padding-left: 3px
    }

    .ctawrapper .col-xs-6 {
        padding-right: 3px
    }

    .vdp .col-sm-3, .vdp .col-sm-4, .vdp .col-sm-5, .vdp .col-sm-6, .vdp .col-sm-9 {
        padding: 0
    }

        .vdp .col-sm-9 h2 {
            margin: 0;
            padding: 0
        }

    .vdp .col-sm-push-3 {
        left: 0;
        margin-top: 10px
    }

    .vdp .col-sm-pull-3 {
        right: 0
    }

    .vdp .col-sm-9 p {
        font-size: 12px
    }

    .vdp .col-sm-9 h1 {
        margin-top: 0
    }

    .vdp .col-sm-4 table .btn-info {
        font-size: 12px;
        margin-bottom: 0;
        padding: 11px 0 12px;
        min-width: 100%
    }

    .vdp #market table td {
        width: 33%
    }

    .vdp #market span.belowmkt {
        display: block;
        text-align: center;
        font-size: 20px
    }

    .driveaway p {
        text-align: left
    }

    .searchbox div.crit .btn-info, .widesearchbox .btn-info {
        background: #252525;
        color: #fff !important
    }

    .homedltop h2.dgitem, .homepromos h2 {
        font-size: 15px;
        padding-left: 20px !important
    }

    .col-sm-2 h2, .homesocial h2, .row h2.dealer, .row h2.sub, div.mi h1, h1.hi {
        padding-left: 0 !important
    }

    .searchbox {
        margin: 0 0 5px
    }

        .searchbox div.crit {
            padding: 5px 15px;
            margin: 0 15px
        }

        .searchbox .crit h2 {
            margin: 0;
            color: #443232;
            padding: 0 0 5px !important;
            font-size: 120%
        }

        .searchbox .crit h3 {
            text-align: center;
            margin: 10px 0 5px
        }

        .searchbox .crit .form-inline {
            background-color: #006cad
        }

        .searchbox .btn-primary {
            background-color: #0f943a;
            padding: 10px 12px
        }

        .searchbox div.crit .col-sm-6 {
            padding: 0 3px
        }

    .col-sm-12 > #pricerangeSB button {
        margin-bottom: 5px
    }

    .homepromos {
        padding: 15px 0
    }

    .home .homepromos {
        padding: 0
    }

        .home .homepromos h2 {
            padding-left: 0 !important;
            text-align: center
        }

    .homepromos .col-sm-4 {
        width: 100%;
        margin: 0 0 10px
    }

    .homedlbox, div.homedltop a {
        font-size: 12px
    }

    div.homedltop {
        padding-bottom: 0
    }

    .homedltop .homedlbox .col-sm-3 {
        width: 49%;
        float: left
    }

    .col-sm-4, .col-xs-4, .mp-promos .col-md-4 {
        width: 100%
    }

    .homesocial .panel {
        margin-bottom: 5px
    }

    .mp-promos .middle {
        margin: 15px 0
    }

    .navbar-header .col-xs-6 {
        padding: 6px 0 5px 11px
    }

    .price p.was, .row .panel-body h2, h3 {
        font-size: 14px;
        margin: 0;
        padding-top: 0
    }

    .review h3 {
        margin: 0
    }

    .col-sm-4, .results .col-sm-5 {
        margin-top: 2px;
        padding: 0 15px !important
    }

    .home-main .col-sm-4 {
        padding: 0 !important;
        margin-top: 5px
    }

    .header .col-sm-4 {
        margin-top: 0
    }

    .mp-logos .col-sm-7 {
        width: 100%;
        padding: 0
    }

    .homelogos .col-sm-4 div.item, .homelogos div.item {
        width: 16.5555%;
        height: 57px
    }

    .financeEG, .homesocial p.fr, .searchbox .widesearchbox #pricerangeSB, div.otop4 {
        width: 100% !important
    }

    .dealer h2, .homecn .dealer strong {
        text-align: center;
        color: #000
    }

    .home div.mi {
        margin: 10px 0 40px
    }

    .homepromos .btn-dealer .heading {
        font-size: 17px;
        height: 3em
    }

    .homepromos .btn-dealer {
        padding: 0 2px
    }

    div.homelogos .col-sm-8, div.otop4 .col-sm-4 {
        padding-right: 0
    }

    .header .col-sm-4 img {
        margin: 0;
        padding: 0
    }

    .homesocial p.fr a {
        display: block
    }

    div.otop4 {
        order: 1 !important;
        margin-top: 0 !important
    }

    .financeEG {
        order: 2
    }

    .offers {
        order: 3
    }

    .col-sm-12 .row {
        order: 10;
        margin-top: 10px
    }

    .col-sm-12 .widesearchbox {
        margin-top: 0
    }

    .roadtestcontent div.mi {
        font-size: 100%
    }

    .row .reshead h2 {
        padding: 0 0 0 5px;
        font-size: 12px;
        margin-right: 0
    }

    .row #finance_re h2 {
        margin: 0
    }

    .reshead .col-sm-6 {
        float: left;
        width: 50%;
        padding-right: 0;
        margin: 5px 0 0
    }

    .dealers .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group, .pagination {
        margin-left: 0
    }

    .reshead .col-xs-6 {
        width: 50%;
        padding: 1%
    }

    .reshead .btn-group.bootstrap-select.form-control {
        margin-bottom: 0
    }

    .pagination > li > a, .pagination > li > span {
        padding: 6px 5px
    }

    .dealers {
        padding-left: 0
    }

        .dealers .item {
            padding: 10px;
            border-bottom: 1px solid #999
        }

        .dealers .col-sm-12 {
            padding: 10px;
            background: #f1f1f1
        }

        .dealers .col-sm-4 {
            padding-right: 0
        }

        .dealers .input-group {
            width: 100%
        }

        .dealers input#postcodeFD {
            width: 100%;
            margin-bottom: 5px
        }

        .dealers .input-group-btn {
            width: 100%;
            display: block;
            float: left
        }

    .searchhome {
        padding: 10px
    }

        .searchhome h1 {
            margin-top: 0;
            font-size: 175%;
            color: #252525;
            font-weight: 600
        }

        .searchhome p {
            font-size: 100%;
            margin-bottom: 5px;
            color: #252525
        }

            .searchhome p.small {
                text-align: left;
                margin-bottom: 5px;
                color: #252525
            }

        .searchhome .row {
            padding: 0
        }

        .searchhome .col-sm-4 {
            width: 100%;
            text-align: left;
            margin: 0
        }

        .btn-group.bootstrap-select.form-control, .searchcr p, .searchcr p.small, .searchhome .bootstrap-select, .searchhome input {
            margin-bottom: 5px
        }

    .searchcr {
        padding: 10px
    }

        .col3 h2, .searchcr .row {
            padding: 0
        }

        .searchcr h1 {
            margin-top: 0;
            font-size: 24px
        }

        .searchcr p, a.secondary {
            font-size: 100%
        }

            .searchcr p.small {
                text-align: left
            }

        .searchcr .col-sm-4 {
            width: 100%;
            text-align: left;
            margin: 0
        }

        .btn-group.bootstrap-select.form-control, .searchcr .bootstrap-select, .searchcr input {
            margin-bottom: 0
        }

    .searchhome .btn-group.bootstrap-select.form-control, .searchhome .searchcr .bootstrap-select, .searchhome .searchcr input {
        margin-bottom: 5px
    }

    .col3 h2 {
        margin-top: 10px
    }

    .headingBlack a b.h1, .reserving p.price {
        font-size: 130%;
        font-weight: 700
    }

    .panel-body, .panel-heading, .panel-warning > .panel-heading {
        padding: 10px
    }

    .offers .panel-body .row, .row .panel-heading h2 {
        margin: 0
    }

    .offers .panel-body .col-sm-3, .offers .panel-body .col-sm-4, .offers .panel-body .col-sm-5, .offers .panel-body .col-xs-4, .offers .panel-body .col-xs-8 {
        padding: 0;
        width: 100%
    }

    div.summary {
        margin-top: 5px;
        padding: 5px
    }

    .reserving .btn-info {
        white-space: pre-wrap
    }

    .fineg table td, .fineg table tr {
        width: 100% !important;
        display: block;
        border-top: 1px solid #ddd;
        border-bottom: none
    }

    .fineg table table {
        border-top: none
    }

        .fineg table table td {
            width: 50%
        }

    .buyersGuides ul li {
        width: 100%
    }

    .content .buyersGuides h3 a:link, .content .buyersGuides h3 a:visited {
        padding: 0 0 0 3px
    }

    .vhRow {
        margin: 0
    }

    div.nc_item_home {
        float: left;
        position: relative;
        margin: 0 5px 15px;
        background-repeat: no-repeat;
        width: 45%;
        height: 155px;
        overflow: hidden
    }

    .homepromos img {
        margin-bottom: 0
    }

    .bx-wrapper {
        margin-bottom: 40px !important
    }

    #latestvideo .item {
        width: 100%
    }

        #latestvideo .item:nth-child(n) {
            clear: left
        }

    .ccd, .dealerlink, .dgitem img {
        width: 100%;
        margin: 15px 0
    }

    .ccd {
        min-height: 200px
    }

    .col-sm-12 .similar {
        float: left;
        width: 100%;
        margin: 0 1.5%;
        min-height: 350px
    }

        .col-sm-12 .similar .yt {
            max-height: 300px;
            min-height: 130px
        }

    .vhRow h3 a {
        min-height: 30px
    }

    .panel-body .row .col-sm-4 .btn {
        margin: 5px 0;
        width: 100%;
        text-align: center
    }

    .reshead {
        width: 100%;
        background: #fff;
        border-top: 1px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7
    }

    span.tick {
        display: block;
        width: 100%;
        margin-bottom: 5px
    }

    .hero_wrap {
        padding-top: 110px
    }

    #globalBanner {
        margin-top: 0
    }

    .nav_box, .nav_box_2 {
        width: 100%;
        margin-top: 10px
    }

    .headingBlack {
        height: 120px;
        top: 50px;
        width: 100%
    }

        .headingBlack a {
            padding: 15px
        }

        .headingBlack span {
            margin-top: 0;
            font-size: 13px
        }

    ul.logosbtn li {
        width: 31.3%;
        margin-bottom: 3%
    }

    #mediabox img {
        width: 100%
    }

    #carousel-custom .carousel-indicators.detail li img {
        width: auto !important
    }

    #imageSequenceGallery {
        height: auto !important
    }

    div.vdpsummary .col-sm-2 {
        margin-right: 5px
    }

    .offersHead {
        margin: 16px 0 0
    }

        .offersHead h1 {
            top: 35px;
            max-width: 180px;
            padding: 3px 3px 3px 1px !important;
            font-size: 130%
        }

        .offersHead span.ofh {
            top: 77px;
            font-size: 100%;
            padding: 5px
        }

        .offersHead span {
            top: 70px;
            font-size: 100%;
            padding: 3px 3px 3px 1px
        }

        .offersHead img {
            margin: 0
        }

    .vhRow ul li {
        width: 100%;
        margin: 0 0 15px 0;
        padding: 0;
        height: auto;
        border: none;
        box-shadow: none
    }

    .vhRow h3 {
        font-size: 24px
    }

    .vhRow p.header-text, .mainpic > .title p {
        font-size: 100%
    }

    .mainpic > .title a.btn-info {
        margin-top: 85px
    }

    a.btn-play {
        width: 100px;
        bottom: 0;
        top: 165px;
        margin-left: -30px;
        background-size: 60%;
        height: 50px;
        background-repeat: no-repeat
    }

    .mainvid video {
        margin-top: 0
    }

    .mainvid > .button {
        left: 30%
    }

        .mainvid > .button a {
            padding: 5px
        }

    .adContent a.btn-block, .row h2, .vhOffers h2, .vhRow a.btn-info, .vhRow h3 a {
        font-size: 100%
    }

    .row h2 {
        margin: 10px 0 5px
    }

    .vhRow a.btn-info {
        padding: 8px 6px;
        font-weight: bold
    }

    .usedhome .searchhome {
        margin: 0;
        padding: 15px
    }

    #seo-copy {
        margin-top: 20px
    }

        #seo-copy p {
            font-size: 12px
        }

    a#read_all_customer_reviews {
        padding: 6px 12px;
        text-align: center;
        background: #313131;
        color: #fff;
        width: 100%;
        display: block;
        font-size: 17px
    }

    #pricerangeSB #budgetbox, #refine #refinepop, .navbar-collapse .dropdown-menu {
        z-index: 10000 !important;
        top: 0 !important;
        left: 0 !important;
        padding-bottom: 20px !important;
        max-height: 90% !important;
        right: 0 !important;
        bottom: 0 !important
    }

    #budgetbox .ott {
        margin-top: 5px
    }

    #pricerangeSB #budgetbox, #refine #refinepop {
        position: fixed !important;
        overflow: hidden !important;
        min-width: 100%
    }

    .dropdown-menu li a {
        white-space: normal
    }

    #calldripPopupContainerimage, #calldripPopupImageClose, img#newImage {
        display: none
    }

    .navbar-collapse .dropdown-menu {
        position: fixed;
        overflow: hidden
    }

    .crhome {
        margin-top: 16px;
        background-position: -200px -10px
    }

        .crhome h2 {
            font-size: 225%
        }

        .crhome .searchcr {
            padding: 0
        }

    #chat-tab .vertical-text, #mtc_button1 {
        height: 30px;
        padding: 3px 10px
    }

    #mtc_button1 {
        top: 275px;
        font-size: 90%;
        z-index: 250
    }

    .page p.mtc-livechat .livechatbutton {
        position: fixed;
        right: 0 !important;
        top: 210px !important;
        height: 30px;
        padding: 3px 10px;
        font-size: 90%;
        z-index: 250
    }

    .page p.mtc-livechat span {
        display: block !important
    }

    #chat-tab {
        top: 158px
    }

    #ttt_button_holder a.btn-info, #ttt_button_holder a.btn-info.btn-xs {
        background: #ffd300 !important;
        background: #2d96cd !important;
        border: 1px solid #f0b800 !important;
        font-size: 17px;
        border-radius: 20px;
        color: #252525 !important
    }

    #ttt_button_holder p.phone {
        font-size: 17px;
        margin-top: 5px
    }

    .navbar-default .navbar-brand {
        margin-left: -5px
    }

    #finance_re p {
        font-size: 10px
    }

    #details, .modal-body p {
        font-size: 12px !important
    }

    .col-sm-6 #pricerangeSB button, .col-sm-6 #refine {
        margin-bottom: 5px
    }

    .modal-body .btn-group.bootstrap-select.form-control, .modal-body label, .modal-body p {
        margin: 0;
        padding: 0
    }

    .modal-body, .modal-footer, .modal-header {
        padding: 5px 15px 2px;
        border: none
    }

    #contactform, #messageform {
        padding: 0 15px;
        margin: 0
    }

        #contactform .col-sm-4, #messageform .col-sm-4 {
            padding: 0 !important
        }

    .modal-body br, .modal-body h2.col-sm-12, .modal-body label {
        display: none
    }

    .modal-body .col-sm-12, .modal-body .col-sm-4 {
        padding: 0;
        width: 100%
    }

    .modal-body .progress {
        margin-bottom: 5px
    }

    .modal-body .bootstrap-select > .dropdown-toggle {
        height: 34px
    }

    #details {
        margin: 5px 0;
        padding: 0 3px 0 10px !important;
        min-height: 55px
    }

    .modal-body .btn, .modal-body .form-control {
        padding: 4px 10px;
        height: 34px
    }

    #imageSequenceGallery, .LOSControls {
        padding: 0 !important
    }

    .AOSVideo div img {
        display: none !important
    }

    .LOSControls {
        background-image: none !important;
        border-radius: 0 !important;
        height: 30px !important
    }

    #imageSequenceGalleryContent .caroufredsel_wrapper, #imageSequenceGallerySlider {
        height: 50px !important
    }

    .LOSControlsWrapper {
        min-height: 30px !important;
        position: absolute !important;
        bottom: 0 !important
    }

    .play_heads {
        margin: 0 2px 0 4px !important
    }

    .LOSControlsWrapper .LOSButton.zoom_en {
        float: left;
        clear: left;
        width: 145px !important;
        background-position-x: 30px !important;
        background-repeat: no-repeat !important;
        background-color: #252525 !important;
        border-radius: 3px;
        margin-left: 10px;
        padding: 2px 0
    }

    .LOSControlsWrapper .LOSButton.personalVideo_en {
        float: right;
        clear: right;
        background-color: #252525 !important;
        border-radius: 3px;
        margin-right: 10px;
        padding: 2px 0
    }

    .LOSControls {
        background: 0 0 !important
    }

    .vdp .nopad .col-sm-12 {
        padding-right: 0
    }

    .nrp .col-sm-12 .row, .vdp .col-sm-12 .row {
        margin: 0;
        padding-top: 5px
    }

    #market, .driveaway, .phone, div.location {
        padding: 0;
        margin: 0;
        float: left;
        width: 100%;
        clear: both
    }

        , .driveaway .daprice, .driveaway p, .vdp .price p.was, div.location p, div.vdpsummary {
            font-size: 12px;
            padding: 0;
            margin: 0
        }

    div.price {
        width: 100%
    }

    .vdp .price p.now {
        font-size: 20px;
        float: left;
        width: 66%;
        clear: left
    }

    .vdp .price p.was {
        float: right;
        width: 34%;
        text-align: right;
        clear: right;
        padding-top: 9px;
        font-size: 12px
    }

    .mp-promos img, .nrp .col-xs-7 {
        width: 100%
    }

    p.phone {
        content: "\e182";
        text-align: center;
        padding: 0 5px
    }

    .vdp #mediabox {
        margin: 0 -15px
    }

    .vdp div.vdpsummary {
        padding: 5px 10px 7px;
        margin-bottom: 10px
    }

    .vdp #market {
        margin: 5px 0
    }

    .btn, .btn-info, .btn-xs {
        font-size: 14px !important;
        font-weight: 400
    }

    .mp-finance h3, .mp-promos h3 {
        font-size: 120%
    }

    .hp .row {
        margin: 0
    }

    .ott {
        margin-top: 5px;
        margin-left: -11px
    }

    .footer, .hp, .mp-footer, .mp-links, .mp-seo {
        margin: 0;
        border-left: none;
        border-right: none;
        border-top: none
    }

        .hp .col-sm-4 {
            padding: 0
        }

    .mp-logos, .mp-promos .col-md-4 {
        border: none;
        margin: 15px 0
    }

    .mp-footer, .mp-links {
        padding: 15px 0
    }

        .mp-footer .col-md-4 {
            padding-top: 15px
        }

        .footlinks a:link, .footlinks a:visited, .mp-footer a:link, .mp-footer a:visited {
            display: block
        }

    .mp-usps .col-md-4 {
        padding: 5px 15px 10px;
        clear: both
    }

    .mp-promos {
        padding: 15px
    }

        .mp-promos .col-md-4, .mp-promos .middle {
            padding: 0 15px
        }

        .mp-promos h2 {
            padding: 30px 15px 0;
            font-weight: 700
        }

        .mp-promos h3 {
            padding: 15px
        }

        .mp-promos p {
            padding: 0 15px 20px
        }

        .mp-promos .box {
            border: 1px solid #eaeaea;
            background: #fff
        }

    .mp-logos h1 {
        padding-bottom: 10px !important
    }

    .mp-finance {
        margin: 15px 0
    }

    .footlinks {
        font-size: smaller
    }

        .footlinks ul li {
            padding: 15px 7px
        }

    .terms-footer {
        padding: 0
    }

        .terms-footer .col-md-4 {
            text-align: left
        }

    .polygon .searchvedbox h3 {
        font-size: 225%
    }

    .polygon-countdown .col-sm-6 {
        font-size: 100%;
        padding-top: 15px
    }

    .refine-holder {
        height: 100%
    }

    .mp-news {
        margin: 30px 0
    }

        .mp-news .middle {
            margin: 15px 0
        }

    .uc_item, div.mi h1 {
        margin: 0
    }

    .resfoot {
        padding: 0 15px;
        margin: 0 0 15px !important
    }

    .reshead .btn {
        font-size: 12px !important;
        padding: 6px 4px
    }

    .bootstrap-select.btn-group .dropdown-toggle .caret {
        right: 6px
    }

    .vdp .pull-right, .homepromos .col-sm-4, .home .pull-right {
        text-align: center;
        float: none !important
    }

    .home-main div.mi h1 {
        font-size: 120%;
        margin: 0 17px 5px;
        text-align: center;
    }

    .btn-lg {
        margin: 0 15px;
        width: auto;
        font-size: 125% !important;
        text-transform: capitalize;
    }

    .dealerl {
        padding: 0 !important
    }

    .mp-finance h3, .mp-pex h3, .homecn h2, .review h2, .mp-logos h1, .mp-seo h2, blockquote, .home .homepromos h2 {
        font-size: 120%;
    }

    .dealer a.plain:link, .dealer a.plain:visited, .homecn .dealer p {
        margin: 0;
        text-align: center !important
    }

    .homecn h2 {
        margin: 0;
        padding: 5px 0 0
    }
}

@media only screen and (max-device-width:320px) {
    #globalBanner ul li.globalLast, .globalBanner ul li.globalLast, li.globalLine {
        width: 100%;
        margin: 3px 0
    }

    .homepromos .col-sm-4 {
        width: 100%;
        margin-bottom: 10px
    }
}

@media screen {
    #printSection {
        display: none
    }
}

@media print {
    body.noprint > :not(#printSection) {
        display: none
    }

    #myMapModal {
        visibility: hidden
    }

    #printSection, #printSection * {
        visibility: visible
    }

    #printSection {
        position: absolute;
        left: 0;
        top: 0
    }
}