﻿#VehicleDiv { padding-top: 40px; padding-bottom: 20px; }
#VehicleDiv .vehicle-container { }
    #VehicleDiv .vehicle-container .car-img { height: 200px; width: 100%; overflow: hidden; }
        #VehicleDiv .vehicle-container .car-img img { height: 200px; width: auto; display: block; }
    #VehicleDiv .vehicle-container .car-img-generated { position: relative; height: 200px; width: 100%; overflow: hidden; background-color: #e5e5e5; }
        #VehicleDiv .vehicle-container .car-img-generated img { width: 130%; position: absolute; top: -52px; left: -45px; }
        #VehicleDiv .vehicle-container.paceman .car-img-generated img { top: -72px; left: -53px; }
        #VehicleDiv .vehicle-container .car-img-generated.car-img-generated-smaller img { width: 125%; top: -47px; }
    #VehicleDiv .vehicle-container .car-img-disclaimer-en { position: relative; width: 100%; height: 200px; overflow: hidden; background-image: url('/Public/img/newinventory/newinventory_thumb.png'); background-position-x: -75px; background-position-y: 175px; background-repeat: no-repeat; }
    #VehicleDiv .vehicle-container .car-img-disclaimer-fr { position: relative; width: 100%; height: 200px; overflow: hidden; background-image: url('/Public/img/newinventory/newinventory_thumb_fr.png'); background-position-x: -60px; background-position-y: 175px; background-repeat: no-repeat; }
    #VehicleDiv .vehicle-container .car-model { margin-bottom: 20px; }
        #VehicleDiv .vehicle-container .car-model h3 { margin-bottom: 0; min-height: 55px; }
        #NextIndex #VehicleDiv .vehicle-container .car-model h3 { min-height: 66px; }
        #VehicleDiv .vehicle-container .car-model img { vertical-align: text-bottom; }
        #VehicleDiv .vehicle-container .car-model .car-price { }
            #VehicleDiv .vehicle-container .car-model .car-price del { margin-right: 10px; display: block; float: left; }
            #VehicleDiv .vehicle-container .car-model .car-price i,
            #VehicleDiv .vehicle-container .car-model .car-price .price-title { font-size: 22px; font-weight: bold; font-style: normal; font-family: "mini_serif-regular", serif; display: block; float: left; }
            #VehicleDiv .vehicle-container .car-model .car-price .saleprice { font-size: 22px; font-weight: bold; font-style: normal; font-family: "mini_serif-regular", serif; display: block; float: right; right: 0; }
            #VehicleDiv .vehicle-container > a:hover,
            #VehicleDiv .vehicle-container > a:active,
            #VehicleDiv .vehicle-container > a:focus { text-decoration: none; }
            #VehicleDiv .vehicle-container > a:hover .car-model *,
            #VehicleDiv .vehicle-container > a:active .car-model *,
            #VehicleDiv .vehicle-container > a:focus .car-model * { text-decoration: underline; }

    #new-inventory-list #VehicleDiv .vehicle-container .car-details,
    #reatiler-so-newinv #VehicleDiv .vehicle-container .car-details { margin-top: 25px; width: 100%; }
        #new-inventory-list #VehicleDiv .vehicle-container .car-details p,
        #reatiler-so-newinv #VehicleDiv .vehicle-container .car-details p { width: 55%; float: left; font-size: 16px; line-height: 16px; }
            #new-inventory-list #VehicleDiv .vehicle-container .car-details p.two-line-height,
            #reatiler-so-newinv #VehicleDiv .vehicle-container .car-details p.two-line-height { min-height: 35px; }
            #new-inventory-list #VehicleDiv .vehicle-container .car-details p:nth-child(odd),
            #reatiler-so-newinv #VehicleDiv .vehicle-container .car-details p:nth-child(odd) { clear: both; width: 45%; }
            #new-inventory-list #VehicleDiv .vehicle-container .car-details p:last-child,
            #reatiler-so-newinv #VehicleDiv .vehicle-container .car-details p:last-child { margin-bottom: 25px; }

        #NextIndex #VehicleDiv .vehicle-container .car-details .car-details-left-col { padding-right: 0; padding-left: 15px; width: 40%; float: left; }
            body.fr #NextIndex #VehicleDiv .vehicle-container .car-details .car-details-left-col { width: 45%; }
        #NextIndex #VehicleDiv .vehicle-container .car-details .car-details-right-col { padding-left: 0; padding-right: 15px; width: 60%; float: left; }
            body.fr #NextIndex #VehicleDiv .vehicle-container .car-details .car-details-right-col { width: 55%; }
            #NextIndex #VehicleDiv .vehicle-container .car-details p:not(.two-line-height) { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-height: 22px; }

    #VehicleDiv .vehicle-container .button-group { margin-bottom: 40px; }
        #VehicleDiv .vehicle-container .button-group .btn { width: 100%; margin-top: 0px; }
            #VehicleDiv .vehicle-container .button-group .btn:last-child { margin: 10px 0 30px; }

.auto .get-prequalified-cta {
    display: block;
    margin: 0px auto 20px;
    text-align: center;
}
    .auto .get-prequalified-cta a {
        text-align: center;
        padding: 15px 5px;
        font-family: "mini_serif-bold", serif;
    }
        .get-prequalified-cta svg {
            max-width: 20px;
            vertical-align: middle;
            margin-right: 2px;
        }
        .get-prequalified-cta .get-prequalified-popover {
            position: relative;
            top: -10px;
            cursor: pointer;
        }
            .get-prequalified-cta .get-prequalified-popover img {
                max-width: 18px;
            }
    .get-prequalified-cta .popover-content {
        min-width: 250px;
    }

@media (max-width: 991px) {
    #VehicleDiv .vehicle-container .car-img-generated { width: 335px; margin: 0 auto; }
    #VehicleDiv .vehicle-container.paceman .car-img-generated img { top: -65px; left: -53px; width: 125%; }
}
@media (max-width: 767px) {
    #VehicleDiv .vehicle-container { max-width: 340px; margin: 0 auto; }
    #VehicleDiv .vehicle-container .car-img img[src *= "car-holder-sm-"] {
        max-width: 100%;
        height: auto;
    }
}
@media (max-width: 375px) {
    #VehicleDiv .vehicle-container .car-img-generated { width: 250px; }
        #VehicleDiv .vehicle-container .car-img-generated img { position: absolute; top: -25px; }
        #VehicleDiv .vehicle-container .car-img-generated.car-img-generated-smaller img { top: -25px; left: -35px; }
    #VehicleDiv .vehicle-container.paceman .car-img-generated img { top: -29px; left: -47px; }
}
