/*NOTE: THIS CSS FILE CONTAINS RULES FOR PAGES OUTSIDE OF RESEARCH.CSS. */

@media (max-width: 425px) {
    .body-content {
        overflow: auto;
    }
}

.as3-sticky-text {
    font-weight: 700;
    font-size: 20px;
    font-stretch: condensed;
    line-height: 0.9;
}

.research-inventory-title {
    padding-top: 50px;
    margin-left: 40px;
}

    .research-inventory-title h2 {
        font-size: 30px;
        font-weight: 300;
        color: #CCCCCC;
        margin: 0;
    }

        .research-inventory-title h2 a i.fa {
            font-size: 20px;
        }

.lending-large {
    width: 455px;
    text-align: center;
}

.research-inventory-item-container {
    display: inline-block;
    margin-top: 10px;
}

.lending-large input {
    width: 150px !important;
    -webkit-box-shadow: inset 0 0 5px rgba( 0, 0, 0, .3 );
    -moz-box-shadow: inset 0 0 5px rgba( 0, 0, 0, .3 );
    -o-box-shadow: inset 0 0 5px rgba( 0, 0, 0, .3 );
    box-shadow: inset 0 0 5px rgba( 0, 0, 0, .3 );
}

.locate-dealers {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
}

.research-inventory-item {
    height: 220px;
    width: 250px;
    margin-left: 40px;
    margin-bottom: 30px;
    background-color: #666666;
    padding: 10px 10px;
    display: inline-block;
    margin-right: 34px;
}

.inventory-box-shadow {
    display: block;
    position: relative;
    height: 170px;
    overflow: hidden;
}

    .inventory-box-shadow::before,
    .inventory-box-shadow .research-inventory-hover:before {
        display: block;
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        -moz-box-shadow: inset 0 0 20px 20px rgba(0,0,0,0.2);
        -webkit-box-shadow: inset 0 0 20px 20px rgba(0,0,0,0.2);
        box-shadow: inset 0 0 20px 20px rgba(0,0,0,0.2);
    }

    .inventory-box-shadow img {
        display: block;
        max-width: 230px;
    }

.research-inventory-item-inner {
    height: 170px;
    width: 230px;
}

.research-inventory-makemodel {
    font-size: 30px;
    font-weight: 500;
    color: #FFFFFF;
}

.research-inventory-year {
    font-size: 30px;
    font-weight: 300;
    color: #FFFFFF;
}

.view-all-research {
    border-radius: 0 !important;
    position: relative;
    right: -5px;
    height: 40px;
    font-size: 16px;
    color: #FFFFFF;
}

.research-inventory-item-price {
    padding-top: 6px;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
}

.research-inventory-item-distance {
    padding-top: 6px;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: 300;
    color: #FFFFFF;
    float: right;
}

    .research-inventory-item-distance span {
        padding-top: 9px;
        padding-bottom: 10px;
        font-size: 10px;
        font-weight: 300;
        color: #FFFFFF;
        float: right;
    }

#available-inventory {
    float: right;
}

.research-more-info {
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
    position: relative;
    bottom: 82px;
}

.research-inventory-dealername {
    font-size: 12px;
    font-weight: 400;
    color: #333333;
    text-align: center;
    margin-bottom: 20px;
}

    .research-inventory-dealername span {
        font-size: 10px;
        font-weight: 300;
    }

.research-more-info-button {
    height: 40px !important;
    font-size: 16px;
    text-align: center;
    padding: 5px 15px;
    margin-bottom: 0;
}

.inventory-box-shadow {
    overflow: hidden;
    position: relative;
}

.research-inventory-hover {
    display: block;
    width: 230px;
    height: 170px;
    background-size: 230px auto;
    background-repeat: no-repeat;
    transition: 0.3s all ease-in-out 0s;
    transform: translateY(-171px);
    position: absolute;
    top: 0;
    left: 0;
}

.inventory-box-shadow:hover .research-inventory-hover,
.inventory-box-shadow.hover .research-inventory-hover {
    transform: translateY(0);
}

.research-inventory-hover-dealer {
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.8);
    width: 230px;
    height: 170px;
    padding-top: 35px;
}

.research-landing .btn .dropdown-toggle {
    background-color: #FFFFFF;
}

.research-landing .btn.disabled, .research-landing .btn[disabled] {
    opacity: 1;
    color: #CCCCCC;
}

.research-landing {
    width: 980px !important;
    height: 480px;
    margin: 20px auto;
}

    .research-landing .left-col {
        border: 2px solid #DDE5EB;
        width: 340px;
        height: 100%;
        padding: 50px 40px 0 30px;
        display: inline-block;
        float: left;
        border-right: 4px solid #FFFFFF;
    }

    .research-landing .right-col {
        float: left;
        display: inline-block;
        width: 640px;
    }

    .research-landing li a {
        cursor: pointer;
        font-size: 18px;
        font-weight: 500;
        text-align: left;
    }

.roboto-heavy {
    font-size: 30px;
    font-weight: 500;
    color: #000000;
}

.roboto-small {
    font-size: 14px;
    font-weight: 300;
    color: #000000;
}

.research-landing button, .research-landing button:hover {
    font-size: 18px;
    height: 40px;
    text-align: left;
    width: 255px;
    border-radius: 0;
}

.research-landing .button-primary, .research-landing .button-primary:hover {
    width: 120px;
    text-align: center;
    color: white;
}

#research-makes {
    display: inline-block;
    margin: 50px 0 10px 0;
    width: 100%;
}

    #research-makes button {
        background-color: #FFFFFF;
    }

    #research-makes .dropdown-menu {
        max-height: 400px;
        overflow: auto;
    }

#research-models {
    display: block;
    margin: 0 0 10px 0;
}

    #research-models .dropdown-menu {
        max-height: 400px;
        overflow: auto;
    }

    #research-models button {
        background-color: #FFFFFF;
    }

.buttonText {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px;
}

.research-container {
    margin: 0 auto;
    width: 980px;
    background-color: #D9DCDF;
    position: relative;
}

#gallery {
    background: #D9DCDF;
    background: -moz-linear-gradient(top, #D9DCDF 0%, #A2A5A8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D9DCDF), color-stop(100%,#A2A5A8));
    background: -webkit-linear-gradient(top, #D9DCDF 0%,#A2A5A8 100%);
    background: -o-linear-gradient(top, #D9DCDF 0%,#A2A5A8 100%);
    background: -ms-linear-gradient(top, #D9DCDF 0%,#A2A5A8 100%);
    background: linear-gradient(to bottom, #D9DCDF 0%,#A2A5A8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D9DCDF', endColorstr='#A2A5A8',GradientType=0 );
    height: 735px;
}

.login-form {
    padding: 10px 0px;
}

.large-finance {
    margin-bottom: 0px;
}

.login-data.large-finance {
    padding: 0px;
    width: 410px;
    height: 170px;
}

.login-form p {
    margin-bottom: 20px;
}

.large-finance.login-form p {
    margin-bottom: 0px;
    padding-top: 0px;
}

.login-data {
    display: none;
}

.form-inline .form-group {
    display: inline-block;
    margin-bottom: 10px;
}


.Finance-Border .form-inline .form-group {
    margin-bottom: 35px;
}

.research-navigation {
    width: 200px;
    float: right;
    height: 300px;
    position: fixed;
    left: 1445px;
    background: #CD853F;
}

.lending-error {
    display: none;
}

#finance {
    height: 335px;
    padding: 50px 40px;
    background: #FFFFFF;
    background: -moz-linear-gradient(top, #FFFFFF 0%, #D9DCDF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#D9DCDF));
    background: -webkit-linear-gradient(top, #FFFFFF 0%,#D9DCDF 100%);
    background: -o-linear-gradient(top, #FFFFFF 0%,#D9DCDF 100%);
    background: -ms-linear-gradient(top, #FFFFFF 0%,#D9DCDF 100%);
    background: linear-gradient(to bottom, #FFFFFF 0%,#D9DCDF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#D9DCDF',GradientType=0 );
}

    #finance > div {
        padding: 0;
        width: 50%;
    }

        #finance > div h2 {
            margin-top: 0;
        }

.lending-large .cu-logo img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-height: 60px;
}

.lending-large .row {
    display: table;
}

.lending-large [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;
}

.lending-small {
    display: block;
    text-align: center;
    line-height: 22px;
    padding: 0 0;
    width: 350px;
    margin: 0px auto;
}

    .lending-small .credit-union {
        background: transparent;
        display: block;
        text-align: center;
    }

#financeSmall input {
    width: 135px;
    height: 40px;
    padding: 6px 6px !important;
    font-weight: 400;
    font-size: 14px;
    -webkit-box-shadow: inset 0 0 5px rgba( 0, 0, 0, .3 );
    -moz-box-shadow: inset 0 0 5px rgba( 0, 0, 0, .3 );
    -o-box-shadow: inset 0 0 5px rgba( 0, 0, 0, .3 );
    box-shadow: inset 0 0 5px rgba( 0, 0, 0, .3 );
}

#financeSmall button {
    height: 40px;
}

#large-form .form-group #firstname {
    margin-right: 0px;
}

#email, #firstname {
    height: 40px;
}


.lending-small p {
    text-align: center;
    font-weight: 300;
    font-size: 14px;
    color: #333333;
    line-height: 20px;
}

.lending-small .research-vehicle {
    font-weight: 500;
    font-size: 14px;
    color: #333333;
}

.lending-small .cu-logo {
    padding: 10px 0px 15px 0px;
    margin-bottom: 10px;
    display: block;
    text-align: center;
    line-height: 22px;
}

    .lending-small .cu-logo img {
        margin: 0 auto;
    }

.lending-small .login-form p {
    width: auto;
}

.lending-small p.will-contact {
    width: 310px;
    padding-top: 5px;
}

.login-data p {
    font-weight: 300;
    font-size: 14px;
    color: #333333;
    margin-top: 0;
    margin: auto;
}

.ui-tabs .ui-tabs-panel {
    padding: 10px !important;
}

.lending-email {
    font-weight: 500;
}

.lending-payment {
    margin-top: 15px;
}

.lending-lender {
    font-weight: 500;
}

.lending-payment .highlight {
    border: 1px solid #F5F5F5;
    background: #FFFFFF;
    background: -moz-linear-gradient(top, #FFFFFF 0%, #F5F5F5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F5F5F5));
    background: -webkit-linear-gradient(top, #FFFFFF 0%,#F5F5F5 100%);
    background: -o-linear-gradient(top, #FFFFFF 0%,#F5F5F5 100%);
    background: -ms-linear-gradient(top, #FFFFFF 0%,#F5F5F5 100%);
    background: linear-gradient(to bottom, #FFFFFF 0%,#F5F5F5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F5F5F5',GradientType=0 );
}

.lending-large .left-column {
    max-width: 100px;
}


.lending-large .right-column {
    max-width: 100px;
}

.lending-large .composite-highlight {
    display: inline-block;
    text-align: center;
}

.lending-large .highlight {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    height: 50px;
    padding-top: 0px;
    font-size: 12px !important;
    width: 410px;
    font-weight: 300;
}

.lending-large .login-form .composite-highlight .highlight {
    margin: 0;
}

.lending-large button.btn {
    height: 40px;
}

.lending-small .highlight {
    margin: 0 auto;
    width: 310px;
    height: 50px;
}

.payments-per {
    font-weight: 300 !important;
    font-size: 14px;
}

.no-border {
    border: 0px !important;
    height: 45px;
}

.lending-payment .highlight p {
    font-weight: 300;
    font-size: 14px;
    color: #666666;
    margin-bottom: 0;
}

.lending-payment .highlight .estimated-payment, .lending-payment .highlight .estimated-payment .monthly-payment {
    font-weight: 700;
    font-size: 21px;
}

.lending-payment .highlight .estimated-payment {
    font-size: 12px;
    line-height: 45px;
    font-weight: 300;
}

.lending-payment .based-on {
    font-weight: 300;
    font-size: 10px;
    color: #666666;
    text-align: center !important;
    padding-bottom: 10px !important;
}

.large-finance .based-on {
    font-size: 10px;
    color: #666666;
    text-align: right !important;
}

.finance-value {
    font-weight: 700 !important;
    font-size: 21px !important;
}

.move-price {
    position: relative;
    top: 3px;
}

.research-vehicle {
    font-weight: 500;
}

.monthly-range {
    vertical-align: sub;
}

.word-cloud {
    padding: 10px;
    margin-bottom: 10px;
    display: block;
    text-align: center;
    line-height: 22px;
}

.first-phrase-word-cloud {
    font-weight: 700;
    font-size: 50px;
    line-height: 40px;
    height: 50px;
}

.first-phrase-word-cloud-small {
    font-weight: 700;
    font-size: 40px;
    line-height: 32px;
    height: 40px;
}

.first-phrase-word-cloud-tiny {
    font-weight: 700;
    font-size: 30px;
    line-height: 26px;
    height: 35px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.second-phrase-word-cloud {
    font-weight: 300;
    font-size: 16px;
    color: #000000;
    line-height: 26px;
}

.third-phrase-word-cloud {
    font-weight: 700;
    font-size: 20px;
    color: #666666;
    line-height: 26px;
}

.fourth-phrase-word-cloud {
    font-weight: 700;
    font-size: 26px;
    line-height: 26px;
}

#first-phrase-container {
    white-space: nowrap;
    overflow: hidden;
}

.research-container .flexslider .slides img {
    width: 100%;
    max-width: 980px;
    max-height: 735px;
}

.research-container .flex-slider .flexslider {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

/* Sidebar nav Menu */

#sidebar {
    width: 140px;
    position: absolute;
    left: 1000px;
}

#header-container {
    min-width: 980px;
}

#side-menu {
    top: 0;
    margin-top: 20px;
}

#sidebar .sticky-header-margin {
    margin-top: 60px;
}

#research-page {
    position: relative;
    width: 980px;
    margin: 0 auto;
    z-index: 0;
}

#sidebar .nav a {
    font-size: 18px;
    font-weight: 300;
    color: #333333;
    border-left: 5px solid transparent;
}

#sidebar .nav li {
    height: 48px;
}

    #sidebar .nav li.active a,
    #sidebar .nav li:hover a {
        font-weight: 500;
        border-left-color: #626076;
    }

.scroll-pos {
    float: left;
    height: 40px;
    width: 5px;
    background-color: #FFFFFF;
    -ms-opacity: 0.5;
    opacity: 0.5;
}

.active .scroll-pos {
    -ms-opacity: 1;
    opacity: 1;
}

/* Trims/Options Section */
.research-trim-black-text {
    color: #333333;
    font-weight: 300;
    font-size: 24px;
}

.research-trim-white-text {
    font-weight: 300;
    font-size: 24px;
}

.research-trim-white-big-text {
    font-weight: 500;
    font-size: 30px;
}

.research-trim-container {
    height: 70px;
    width: 350px;
    line-height: 1.19;
    background-color: rgb(218, 220, 222);
    padding: 10px 15px;
    border: 1px solid #FFFFFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 0;
    display: inline-block;
    margin-bottom: 5px;
}

#research-trim-collections .viewport .overview > div + div {
    margin-top: 10px;
}

.research-trim-name {
    display: inline-block;
    width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 22px;
    font-weight: 700;
    color: #333333;
}

#trimsOptions {
    height: 480px;
}

#research-container-trim-content {
    height: 480px;
}

#research-trim-count {
    margin-bottom: 45px;
    line-height: 0.75;
}

.research-trim-msrp-text {
    font-size: 12px;
    font-weight: 300;
    color: #666666;
}

.research-trim-msrp-amount {
    font-size: 16px;
    font-weight: 500;
    color: #666;
}

.research-trim-container:hover .research-trim-msrp-amount {
    color: #000;
}

.research-trim-link:focus .fa-angle-right {
    display:block;
}
/* Trims/Options Section */
.remove-margin-left {
    margin-left: 0px !important;
}

.overview-right {
    float: right;
    width: 420px;
    padding-bottom: 20px;
    margin-top: 120px;
}

.overview-startingMSRP {
    height: 40px;
    margin-top: 20px;
    margin-bottom: 40px;
    padding: 0 10px 0 10px;
    display: block;
    text-align: center;
}

.msrp-ToolTip-btn, .invoice-ToolTip-btn, .build-msrp-ToolTip-btn, .build-invoice-ToolTip-btn, .build-additional-Charges-ToolTip-btn, .build-Estimated-MSRP-ToolTip-btn {
    background: none;
    border: 2px dotted rgba(0,0,0,0) !important;
    align-items: center;
    display: flex;
    color: black;
}

.build-Estimated-MSRP-ToolTip-btn {
    font-weight:bold;
}


    .msrp-ToolTip-btn:focus, .invoice-ToolTip-btn:focus, .build-msrp-ToolTip-btn:focus, .build-invoice-ToolTip-btn:focus, .build-additional-Charges-ToolTip-btn:focus, .build-Estimated-MSRP-ToolTip-btn:focus {
        border: 2px dotted blue !important;
    }

    .overview-adjust-padding {
        padding-top: 50px;
    }

.overview-header {
    height: 420px;
    width: 560px;
}

.overview-title {
    font-weight: 700;
    font-size: 32px;
    color: #333;
    text-transform: uppercase;
}

.overview-title-year {
    font-weight: 300;
    font-size: 30px;
    color: #333333;
    float: left;
    padding-left: 10px;
}

#overview {
    margin: 0 auto;
    width: 980px;
    min-height: 480px;
    position: relative;
    padding-left: 40px;
    padding-bottom: 40px;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#D9DCDF',GradientType=0 );
    background: linear-gradient(to bottom, #FFFFFF 456px,#D9DCDF 100%);
}

.overview-text {
    margin-left: 5px;
    width: 95%;
    margin-top:15px;
}

#overiew-text-body {
    font-weight: 400;
    font-size: 14px;
    color: #333;
    line-height: 19px;
    margin-bottom: 10px;
}

.overview-msrp-box {
    padding: 0 10px 10px 10px;
    margin-left: 65px;
    text-align: center;
    width: 250px;
}

.overview-MSRP-text, .overview-invoice-text {
    font-weight: 300;
    font-size: 11px;
    color: #666666;
}

.big-thumbnail {
    height: 104px;
    width: 140px;
    horiz-align: left;
}

.small-thumbnail {
    height: 75px;
    margin-left: 75px;
    width: 100px;
}

.overview-wordcloud {
    width: 380px;
    margin-bottom: 20px;
    margin-left: 10px;
    padding-bottom: 20px;
    min-height: 100px;
    background: url("/Content/images/img-ShadowDivider.png") no-repeat;
    background-position: center bottom;
}

.overview-top-title {
    margin-left: 0px;
    display: inline-block;
    position: absolute;
    z-index: 50;
    top: 25px;
    width: 100%;
}

.overview-no-main-image {
    width: 560px;
    height: 400px;
    position: absolute;
    margin-top: 10px;
}

.overview-main-image {
    width: 560px;
    /*height: 420px;*/
    position: absolute;
}

#overview-text-header {
    font-weight: 400;
    font-size: 16px;
}

.overview-MSRP-price {
    font-weight: 700;
    font-size: 22px;
}

.overview-msrp {
    float: left;
}

.overview-invoice-price {
    font-weight: 700;
    font-size: 22px;
}

.invoice-price-container {
    float: right;
}

.sort-dropDown-option:hover span {
    background-color: #2877FF;
    color: #FFFFFF;
}

.dropdown-menu-form input[type=radio] {
    margin: 0 5px 0 10px;
}

/*Applies to BUILD page as well. :not(.blds-input) because it clashes with kbb widget. Scoping down without digging too deep into the wiring. */
input[type=checkbox]:not(.blds-input),
input[type=radio]:not(.blds-input) {
    margin: 0;
    display: inline-block;
    opacity: 0;
    position: absolute;
}

.build-checkbox input[type=checkbox]:not(.blds-input) {
    opacity: 1;
    position: relative;
}

.color-radio input[type=radio] {
    width: 30px;
    height: 30px;
    cursor: pointer;
}

/*Applies to BUILD page as well. :not(.blds-input) because it clashes with kbb widget. Scoping down without digging too deep into the wiring. */
input[type=radio]:not(.blds-input) + label {
    position: relative;
    cursor: pointer;
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    color: #000;
    font-weight: 300;
    padding: 0 0 0 25px;
}

    input[type=radio]:not(.blds-input) + label:before {
        font: normal normal normal 14px/1 FontAwesome;
        position: absolute;
        top: 0;
        left: 0;
        content: "\f10c";
        display: inline-block;
        font-size: 20px;
        color: #000;
    }

/*Applies to BUILD page as well. :not(.blds-input) because it clashes with kbb widget. Scoping down without digging too deep into the wiring. */
input[type=radio]:checked:not(.blds-input) + label:before {
    content: "\f192";
}

.color-radio input[type=radio] + label {
    margin-top: 40px;
}

    .color-radio input[type=radio] + label:before {
        left: 3px;
        color: #333;
    }

.research-landing input[type=radio]:focus + label:after {
    content: '';
    border: 1px dotted #333;
    position: absolute;
    height: 22px;
    width: 22px;
    left: -2px;
    border-radius: 50%;
    top: -1px;
}

.dropdown-menu-form .option {
    font-weight: 300;
    font-size: 14px;
    color: #000;
    height: 30px;
    padding-top: 5px;
    padding-left: 10px;
    border-top: 1px solid #E5E5E5;
}

#researchVehicleYears {
    height: 48px;
    vertical-align: middle;
}

    #researchVehicleYears button {
        text-align: left;
        height: 38px;
        background-color: #FFF;
        border-radius: 0;
        box-shadow: none;
        font-weight: 300;
        top: -10px;
    }

        #researchVehicleYears button i.menu-chevron {
            padding-top: 10px;
        }

.menu-chevron {
    width: 9px;
    height: 5px;
    padding-top: 2px;
    float: right;
    padding-right: 15px;
}

.dropdown-menu-research-years-text {
    width: 80px;
    font-weight: 300;
    font-size: 28px;
    color: #000;
}

#dropdown-menu-research-years {
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    padding: 0;
    width: 95px;
    min-width: 95px;
    top: 80%;
    left: 90px;
}

/*slider on research details page*/
.flex-slider {
    display: none;
}

    .flex-slider .flexslider {
        border: none;
        background-color: transparent;
    }

        .flex-slider .flexslider ul.slides {
            bottom: 60px;
            position: relative;
        }

        .flex-slider .flexslider .flex-control-nav {
            bottom: 110px;
            height: 10px;
            z-index: 9000;
        }

        .flex-slider .flexslider .flex-control-paging li {
            margin: 0;
        }

            .flex-slider .flexslider .flex-control-paging li + li {
                margin-left: 8px;
            }

            .flex-slider .flexslider .flex-control-paging li a {
                background: transparent;
                box-shadow: none;
                height: 10px;
                width: 10px;
                border: 1px solid #999999;
            }

                .flex-slider .flexslider .flex-control-paging li a.flex-active {
                    background: #999999;
                }

.flex-direction-nav {
    position: absolute;
    top: 340px;
    width: 100%;
}

    .flex-direction-nav a:before {
        font-size: 60px;
    }

.flex-slider .flexslider .flex-direction-nav .flex-next:before {
    font-family: FontAwesome;
    content: "\f105";
}

.flex-slider .flexslider .flex-direction-nav .flex-next {
    color: #FFFFFF;
    font-size: 60px;
    font-weight: normal;
    height: 80px;
    margin-right: 40px;
    right: 0;
    display: inline-block;
    display: none; /*for IE8*/
}

.flex-slider .flexslider .flex-direction-nav .flex-prev:before {
    font-family: FontAwesome;
    content: "\f104";
}

.flex-slider .flexslider .flex-direction-nav .flex-prev {
    color: #FFFFFF;
    font-size: 60px;
    height: 80px;
    margin-left: 40px;
    left: 0;
    display: inline-block;
    display: none; /*for IE8*/
}

.flex-slider .flexslider:hover .flex-direction-nav .flex-next {
    display: block;
}

.flex-slider .flexslider:hover .flex-direction-nav .flex-prev {
    display: block;
}

.flexslider .slides img {
    width: auto;
    max-width: 640px;
    max-height: 480px;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}


.research-gallery-title {
    float: left;
    margin-left: 40px;
    position: absolute;
    top: 50px;
    z-index: 50;
}

    .research-gallery-title h2 {
        font-size: 30px;
        font-weight: 500;
        margin: 0;
    }

.color-swatches {
    display: none;
    width: 980px;
    position: relative;
    padding: 40px 40px 50px;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(217,220,223,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(75%, rgba(255,255,255,1)), color-stop(100%, rgba(217,220,223,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(217,220,223,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(217,220,223,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(217,220,223,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(217,220,223,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9dcdf', GradientType=0 );
}

    .color-swatches .research-color-title {
        float: left;
        position: absolute;
        z-index: 50;
    }

        .color-swatches .research-color-title h2 {
            margin: 0;
            font-size: 30px;
            font-weight: 500;
            color: #333333;
        }

    .color-swatches .vehicle-color-sample {
        width: 100%;
        text-align: center;
    }

        .color-swatches .vehicle-color-sample .img-holder {
            margin: 0 auto;
        }

.color-name {
    width: 100%;
    text-align: center;
}

    .color-name h2 {
        font-weight: 500;
        font-size: 14px;
        color: #666666;
        margin-top: 0;
        margin-bottom: 15px;
    }

.color-swatches .colors {
    width: 100%;
    text-align: center;
}

    .color-swatches .colors ul {
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: center;
        width: 100%;
    }

        .color-swatches .colors ul li {
            cursor: pointer;
            margin: 0 5px;
            width: 37px;
            height: 37px;
            border-radius: 100%;
            display: inline-block;
            border: 1px solid #F0F0F0;
            position: relative;
        }

            .color-swatches .colors ul li div {
                width: 30px;
                height: 30px;
                border-radius: 100%;
                margin-left: 3px;
                margin-top: 3px;
            }

#inventory {
    height: 610px;
}

#engine {
    height: 530px;
    background-image: -moz-linear-gradient(left cover, rgba(0,0,0,1) 275px, rgba(0,0,0,0) 100%);
    background-image: -webkit-gradient(left top, right top, color-stop(275px, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,1) 275px, rgba(0,0,0,0) 100%);
    background-image: -o-linear-gradient(left, rgba(0,0,0,1) 275px, rgba(0,0,0,0) 100%);
    background-image: -ms-linear-gradient(left, rgba(0,0,0,1) 275px, rgba(0,0,0,0) 100%);
    background-image: linear-gradient(to right, rgba(137,141,144,1) 275px, rgba(217,220,223,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#FFFFFF', GradientType=1 );
}

    #engine .gradient-black-to-white {
        height: 530px;
    }

    #engine .data {
        color: #FFFFFF;
        position: absolute;
        top: 0;
        margin-left: 40px;
        text-align: center;
        width: 240px;
    }

        #engine .data h2 {
            font-size: 30px;
            color: #FFFFFF;
            margin-top: 50px;
            margin-bottom: 20px;
        }

        #engine .data .max {
            font-weight: 300;
        }

        #engine .data .horsepower {
            font-weight: 500;
        }

        #engine .data .horsepower-section {
            height: 80px;
            width: 108px;
            padding-top: 13px;
            margin: 20px auto;
            border: 1px solid #FFFFFF;
            border-radius: 0;
        }

            #engine .data .horsepower-section h2 {
                margin: 0;
                padding: 0;
            }

        #engine .data .hp {
            font-size: 14px;
            font-weight: 300;
            color: #999999;
        }

        #engine .data .label {
            font-weight: 400;
            font-size: 14px;
            line-height: 24px;
            text-align: center;
            padding: 0;
            color: #999999;
        }

        #engine .data .engine-data {
            font-weight: 500;
            font-size: 14px;
            line-height: 24px;
            text-align: center;
        }

        #engine .data .engine-fuel-type {
            margin-bottom: 30px;
        }

        #engine .data .vs {
            font-weight: 500;
            font-size: 30px;
            color: #999999;
            width: 240px;
            height: 30px;
            float: left;
            line-height: 1.0;
            padding-top: 0;
            padding-left: 35px;
            margin-bottom: 20px;
        }

            #engine .data .vs .hr {
                text-align: left;
                width: 64px;
                float: left;
                margin: 0 auto;
            }

            #engine .data .vs .vs-label {
                width: 45px;
                float: left;
            }

        #engine .data .comparables {
            width: 240px;
            padding: 0;
            display: inline-block;
            margin-left: 35px;
        }

            #engine .data .comparables .comparable {
                width: 100%;
                float: none;
                margin-bottom: 15px;
                height: 40px;
            }

                #engine .data .comparables .comparable .hp-holder {
                    border: 1px solid #CCCCCC;
                    color: #FFFFFF;
                    width: 55px;
                    height: 40px;
                    float: left;
                    text-align: center;
                }

                #engine .data .comparables .comparable .details {
                    width: 170px;
                    color: #FFFFFF;
                    float: left;
                    margin-left: 10px;
                    text-align: left;
                }

                    #engine .data .comparables .comparable .details a {
                        color: #007AFF;
                        font-weight: 400;
                        font-size: 10px;
                    }

                        #engine .data .comparables .comparable .details a span {
                            vertical-align: middle;
                        }

                        #engine .data .comparables .comparable .details a i {
                            font-size: 18px;
                            vertical-align: middle;
                        }

                    #engine .data .comparables .comparable .details .label {
                        width: 100%;
                        float: left;
                        text-align: left;
                        font-weight: 400;
                        font-size: 12px;
                        color: #FFFFFF;
                        line-height: 10px;
                        margin-top: 8px;
                    }

                #engine .data .comparables .comparable .hp-number {
                    padding-top: 8px;
                    line-height: 1.0;
                    font-size: 14px;
                    font-weight: 500;
                }

                #engine .data .comparables .comparable .hp {
                    font-weight: 300;
                    font-size: 9px;
                    color: #999999;
                }

                    #engine .data .comparables .comparable .hp .hp {
                        font-weight: 300;
                        font-size: 10px;
                        color: #999999;
                    }

#specs {
    background: #FFFFFF;
    position: relative;
    height: 530px;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#000000', GradientType=1 );
}

    #specs .data {
        position: absolute;
        right: 40px;
        top: 40px;
        color: #FFFFFF;
        z-index: 1049;
        width: 240px;
        text-align: center;
    }

        #specs .data h2 {
            font-size: 30px;
            color: #FFFFFF;
            padding: 0;
            margin: 0;
        }

        #specs .data .best {
            font-weight: 300;
        }

        #specs .data .mpg {
            font-weight: 500;
        }

        #specs .data .mpg-section {
            height: 80px;
            width: 120px;
            padding-top: 13px;
            margin: 20px auto;
            border: 1px solid #FFFFFF;
        }

        #specs .data .mpg-label {
            font-size: 14px;
            font-weight: 300;
            color: #999999;
        }

        #specs .data .label {
            font-weight: 400;
            font-size: 14px;
            line-height: 24px;
            text-align: center;
            padding: 0;
            color: #999999;
        }

        #specs .data .specs-vehicle-data {
            font-weight: 500;
            font-size: 14px;
            line-height: 24px;
            text-align: center;
        }

        #specs .data .vs {
            font-weight: 500;
            font-size: 30px;
            color: #999999;
            width: 240px;
            float: left;
            padding-top: -50px;
            padding-left: 35px;
            margin-bottom: 5px;
        }

            #specs .data .vs .hr {
                text-align: left;
                width: 64px;
                float: left;
                margin: 0 auto;
            }

            #specs .data .vs .vs-label {
                width: 45px;
                float: left;
            }

        #specs .data .comparables {
            display: inline-block;
            width: 240px;
            padding: 0;
            margin-left: 40px;
        }

            #specs .data .comparables .comparable {
                width: 100%;
                float: none;
                margin-bottom: 15px;
                height: 50px;
            }

                #specs .data .comparables .comparable .hp-holder {
                    border: 1px solid #CCCCCC;
                    color: #FFFFFF;
                    width: 55px;
                    height: 40px;
                    float: left;
                    text-align: center;
                    font-size: 14px;
                    font-weight: 500;
                    padding-top: 8px;
                }

                #specs .data .comparables .comparable .details {
                    width: 170px;
                    color: #FFFFFF;
                    float: left;
                    margin-left: 10px;
                    text-align: left;
                }

                    #specs .data .comparables .comparable .details a {
                        color: #007aff;
                        font-weight: 400;
                        font-size: 10px;
                    }

                        #specs .data .comparables .comparable .details a span {
                            vertical-align: middle;
                        }

                        #specs .data .comparables .comparable .details a i {
                            font-size: 18px;
                            vertical-align: middle;
                        }

                #specs .data .comparables .comparable .label {
                    width: 100%;
                    float: left;
                    text-align: left;
                    font-weight: 400;
                    font-size: 12px;
                    color: #FFFFFF;
                    line-height: 10px;
                    margin-top: 8px;
                }

                #specs .data .comparables .comparable .hp {
                    font-weight: 300;
                    font-size: 9px;
                    color: #999999;
                    margin-top: -5px;
                }

                    #specs .data .comparables .comparable .hp .hp {
                        font-weight: 300;
                        font-size: 10px;
                        color: #999999;
                    }

                #specs .data .comparables .comparable .mpg {
                    font-weight: 500;
                    font-size: 14px;
                    color: #FFFFFF;
                }

                    #specs .data .comparables .comparable .mpg .mpg-label {
                        font-weight: 300;
                        font-size: 10px;
                        color: #999999;
                    }

#safety {
    position: relative;
    height: 530px;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#FFFFFF, endColorstr=#898D90 );
}

.safety-background-gradient {
    width: 980px;
    height: 530px;
    top: 0;
    position: absolute;
}

    .safety-background-gradient:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0,0,0,0);
        background-image: -moz-linear-gradient(left, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 62%);
        background-image: -webkit-linear-gradient(left, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 62%);
        background-image: -ms-linear-gradient(left,rgba(255,255,255,1) 15%, rgba(255,255,255,0) 62%);
        background-image: linear-gradient(left, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 62%);
        background-image: -o-linear-gradient(left,rgba(255,255,255,1) 15%, rgba(255,255,255,0) 62%);
        background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(15%,rgba(255,255,255,1)), color-stop(62%,rgba(255,255,255,0)));
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=rgba(255,255,255,1), endColorstr=rgba(255,255,255,0));
    }

.safety-no-image-background-gradient {
    width: 980px;
    height: 530px;
}

    .safety-no-image-background-gradient:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0,0,0,0);
        background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #D9DCDF), color-stop(1, #898D90) );
        background-image: -o-linear-gradient(top, #D9DCDF 0%, #898D90 100%);
        background-image: -moz-linear-gradient(top, #D9DCDF 0%, #898D90 100%);
        background-image: -webkit-linear-gradient(top, #D9DCDF 0%, #898D90 100%);
        background-image: -ms-linear-gradient(top, #D9DCDF 0%, #898D90 100%);
        background-image: linear-gradient(to top, #D9DCDF 0%, #898D90 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#D9DCDF, endColorstr=#898D90);
    }

#safety .data {
    position: absolute;
    left: 40px;
    top: 50px;
    z-index: 9000;
    width: 240px;
    text-align: center;
}

    #safety .data h2 {
        font-size: 30px;
        color: #333333;
        padding: 0;
        margin: 0;
    }

    #safety .data .safety {
        font-weight: 300;
        color: #333333;
    }

    #safety .data .airbag {
        font-weight: 500;
        font-size: 30px;
        color: #333333;
    }

    #safety .data .airbag-section {
        height: 80px;
        width: 86px;
        padding-top: 13px;
        margin: 20px auto;
        border: 1px solid #FFFFFF;
        background: rgba(0, 0, 0,0.1);
    }

    #safety .data .label {
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        text-align: center;
        padding: 0;
        color: #999999;
    }

    #safety .data .safety-vehicle-data {
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        text-align: center;
        color: #333333;
    }

    #safety .data .vs {
        font-weight: 500;
        font-size: 30px;
        color: #999999;
        width: 240px;
        float: left;
        padding-top: -50px;
        padding-left: 35px;
        margin-bottom: 20px;
    }

        #safety .data .vs hr {
            text-align: left;
            width: 64px;
            float: left;
            margin: 0 auto;
            border-top: 1px solid #999999;
            position: relative;
            top: 20px;
        }

        #safety .data .vs .vs-label {
            width: 45px;
            float: left;
            height: 35px;
        }

    #safety .data .comparables {
        display: inline-block;
        width: 240px;
        padding: 0;
        margin-left: 35px;
    }

        #safety .data .comparables .comparable {
            width: 100%;
            float: none;
            margin-bottom: 5px;
            height: 50px;
        }

            #safety .data .comparables .comparable .details {
                width: 170px;
                color: #FFFFFF;
                float: left;
                margin-left: 10px;
                text-align: left;
            }

            #safety .data .comparables .comparable .label {
                color: #333333;
                float: left;
                font-size: 12px;
                font-weight: 400;
                line-height: 10px;
                margin-top: 8px;
                text-align: left;
                width: 100%;
            }

            #safety .data .comparables .comparable .details a {
                color: #007AFF;
                font-weight: 400;
                font-size: 10px;
            }

                #safety .data .comparables .comparable .details a i {
                    font-size: 18px;
                    vertical-align: middle;
                }

            #safety .data .comparables .comparable .ab-holder {
                border: 1px solid #FFFFFF;
                color: #FFFFFF;
                width: 55px;
                height: 40px;
                float: left;
                text-align: center;
                background: #000000;
                background: rgba(0, 0, 0, .1);
            }

                #safety .data .comparables .comparable .ab-holder div {
                    font-weight: 500;
                    font-size: 14px;
                    color: #333333;
                    margin: 0;
                    padding: 0;
                }

                #safety .data .comparables .comparable .ab-holder .airbag-number {
                    padding-top: 8px;
                    line-height: 1.0;
                }

                #safety .data .comparables .comparable .ab-holder .airbag-label {
                    font-size: 9px;
                    font-weight: 300;
                    color: #666666;
                }

            #safety .data .comparables .comparable .airbag {
                font-weight: 500;
                font-size: 14px;
                color: #333333;
            }

                #safety .data .comparables .comparable .airbag .airbag-label {
                    font-weight: 300;
                    font-size: 10px;
                    color: #333333;
                }

/* Research black-white gradients */
.gradient-black-to-white {
    position: relative;
    width: 980px;
    background-color: rgba(174, 178, 181, 1);
    background-size: cover;
}

    .gradient-black-to-white:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: -moz-linear-gradient(left cover, rgba(0,0,0,1) 275px, rgba(0,0,0,0) 100%);
        background-image: -webkit-gradient(left top, right top, color-stop(275px, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(left, rgba(0,0,0,1) 275px, rgba(0,0,0,0) 100%);
        background-image: -o-linear-gradient(left, rgba(0,0,0,1) 275px, rgba(0,0,0,0) 100%);
        background-image: -ms-linear-gradient(left, rgba(0,0,0,1) 275px, rgba(0,0,0,0) 100%);
        background-image: linear-gradient(to right, rgba(0,0,0,1) 275px, rgba(0,0,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( GradientType=1,startColorstr=rgba(255,255,255,1), endColorstr=rgba(255,255,255,0) );
        background-image: linear-gradient(to left, transparent 0%, transparent 170px, transparent 325px, #000000 80%);
    }

.gradient-white-to-black {
    position: relative;
    width: 980px;
    height: 530px;
    background-size: cover;
}

    .gradient-white-to-black:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: -moz-linear-gradient(left cover, rgba(0,0,0,0) 460px, rgba(0,0,0,1) 100%);
        background-image: -webkit-gradient(left top, right top, color-stop(460px, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
        background-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 460px, rgba(0,0,0,1) 100%);
        background-image: -o-linear-gradient(left, rgba(0,0,0,0) 460px, rgba(0,0,0,1) 100%);
        background-image: -ms-linear-gradient(left, rgba(0,0,0,0) 460px, rgba(0,0,0,1) 100%);
        background-image: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 170px,rgba(0,0,0,0) 325px,rgba(0,0,0,1) 80%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#000000, endColorstr=#FFFFFF, GradientType=1 );
    }

.background-picture-missing {
    pointer-events: none;
    position: absolute;
    margin-left: 244px;
    margin-right: 144px;
    z-index: 1;
    height: 458px;
    width: 423px;
}

.incentive-info {
    width: 350px;
    display: none;
    margin-left: 5px;
    z-index: 50;
    position: relative;
}

.incentives .comparable {
    width: 195px;
    float: right;
    z-index: 50;
    text-align: center;
    margin-left: 735px;
    position: absolute;
}

.incentives {
    position: relative;
}

#incentive-items {
    padding: 55px 40px 40px 40px;
    position: relative;
    height: 500px;
}

.background-picture {
    pointer-events: none;
    position: absolute;
    height: 405px;
    width: 540px;
    margin-left: 144px;
    margin-right: 144px;
    z-index: 0;
}

#incentive-title {
    font-weight: 500;
    font-size: 14px;
    color: #333333;
    margin-bottom: 5px;
}

#IncentiveBonus {
    font-weight: 500;
    display: inline;
    font-size: 48px;
}

.bonusLabel {
    display: inline;
    font-weight: 300;
    font-size: 24px;
    color: #666666;
}

#Incentive-Date {
    display: inline;
    margin-top: 10px;
    font-weight: 300;
    font-size: 14px;
    color: #333333;
    float: left;
    position: relative;
}

#date {
    font-weight: 400;
}

.comparable-entry {
    margin-bottom: 12px;
}

.box-text {
    font-weight: 300;
    font-size: 12px;
    color: #000000;
}

.box-text-info {
    font-weight: 500;
    font-size: 12px;
    color: #000000;
}

.text-info {
    border-top: 1px solid #E5E5E5;
    font-weight: 300;
    display: inline-table;
    font-size: 14px;
    color: #000;
    padding-top: 5px;
    padding-left: 10px;
}

    .text-info .right {
        float: right;
        width: 174px;
    }

    .text-info .left {
        float: left;
        width: 150px;
    }

.compare-image {
    height: 98px;
    width: 130px;
}

.compare-name {
    color: #2b2b2c;
    font-weight: 400;
    font-size: 12px;
}

.compare-bonus-cash {
    font-weight: 500;
    font-size: 14px;
}

.compare-bonus-text {
    font-weight: 300;
    font-size: 14px;
}

.incentive-left {
    position: absolute;
    z-index: 50;
}

.comparables a:hover, .incentives .comparable a:hover {
    text-decoration: none;
}

a:focus {
    outline: 0px;
    outline-offset: 0px;
}

.research-trim-container:hover {
    color: #FFFFFF;
}

#incentives .comparable .comparable-entry:hover .compare-name {
    font-weight: bolder;
}

.research-trim-arrow {
    color: #000;
    float: right;
    z-index: 50;
    font-size: 40px;
    width: 15px;
    display: none;
    height: 70px;
}


.research-trim-text {
    float: left;
    display: inline;
}

@media(max-device-width:480px) {
    #build {
        display: none;
    }
}

#build {
    position: relative;
    height: 505px;
}

    #build .data {
        position: absolute;
        left: 40px;
        top: 50px;
        z-index: 1040;
        width: 900px;
    }

        #build .data h2 {
            margin: 0;
        }

        #build .data a i.fa {
            font-size: 20px;
        }

.buildYourOwn {
    color: #000000;
    font-weight: 300;
}

.buildPriceTextBoldLarge {
    font-weight: 700;
    color: #000000;
    font-size: 24px;
}

.buildTextBoldLarge {
    font-weight: 700;
    color: #000000;
    font-size: 30px;
}

.buildMSRPText {
    margin: 15px 0;
}

.buildVerbiage {
    width: 275px;
    margin-bottom: 20px;
}

#build-background-image {
    height: 505px;
    width: 980px;
    z-index: 1000;
    position: absolute;
}

.build-background-gradient {
    width: 980px;
    height: 505px;
    top: 0;
    position: absolute;
}

    .build-background-gradient:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0,0,0,0);
        background-image: -moz-linear-gradient(left, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 62%);
        background-image: -webkit-linear-gradient(left, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 62%);
        background-image: -ms-linear-gradient(left,rgba(255,255,255,1) 15%, rgba(255,255,255,0) 62%);
        background-image: linear-gradient(left, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 62%);
        background-image: -o-linear-gradient(left,rgba(255,255,255,1) 15%, rgba(255,255,255,0) 62%);
        background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(15%,rgba(255,255,255,1)), color-stop(62%,rgba(255,255,255,0)));
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=rgba(255,255,255,1), endColorstr=rgba(255,255,255,0));
    }

/* Articles */
    #information-articles {
    width: 980px;
    margin: 20px auto;
}

    #information-articles #group2 {
        padding-right: 20px;
        padding-left: 20px;
    }

.article-group {
    background-color: #FFFFFF;
    padding: 20px;
    min-height: 185px;
    border-radius: 0;
    border: 1px solid #EAEAEA;
}

.information-articles-list {
    margin: 0;
    list-style-position: inside;
    padding-left: 0;
    padding-top: 8px;
}

.information-article-link {
    font-weight: 400;
    font-size: 12px;
}

div#group1, div#group3 {
    padding: 0;
    width: 313px;
}

div#group2 {
    width: 354px;
}

/* Rates & Finance / Car Insurance */

@media (max-width: 1160px) {
    #sidebar {
        display: none;
    }

    #header-container {
        min-width: 980px;
    }

    #overview .row {
        margin-left: 0 !important;
    }
}


@media(max-width: 600px) {
    #header-container {
        min-width: 100%;
    }
}

.BuildInvoiceSection {
    color: #666666;
    margin-bottom: 20px;
}

.buildTextInvoice {
    font-weight: 300;
    font-size: 16px;
}

.BuildInvoiceLine {
    font-weight: 300;
    font-size: 12px;
}

.BuildMSRPSection {
    font-weight: 700;
    color: #000000;
    font-size: 24px;
}

.BuildMSRPLabel {
    font-weight: 300;
    color: #000000;
    font-size: 16px;
}

#overview, #trimsOptions, .color-swatches, #incentives, #engine, #finance, #specs, #safety, #inventory, .safety-background-gradient, .specs-background-gradient, .engine-background-gradient {
    border-bottom: 1px solid #EAEAEA;
}

/* Third Party Links*/
#third-party-links {
    position: relative;
    max-width: 980px;
    margin: 0 auto;
    margin-top: 20px;
}

#vehicle-value-guides {
    margin: 0;
    width: 100%;
    background: #FFFFFF;
    padding: 20px;
    border-radius: 0;
    border: 1px solid #EAEAEA;
    text-align: center;
}

    #vehicle-value-guides > div {
        padding-left: 15px;
    }

        #vehicle-value-guides > div img {
            margin: 0 30px 20px;
            max-width: 130px;
            cursor: pointer;
            max-height: 74px;
        }


.third-party-link-text {
    display: block;
    margin: 10px auto;
    color: #000000;
    text-align: center;
}
/*Research Modals*/

.close.research-modal-text {
    text-shadow: none;
    opacity: 1;
}

    .close.research-modal-text:hover, .close.research-modal-text:focus {
        color: #fff;
    }

.research-modal-text {
    color: #fff;
}

#research-makes-modal button {
    background-color: #FFFFFF;
    font-size: 18px;
    height: 40px;
    text-align: left;
    border-radius: 0;
    width: 270px;
    border: 1px solid #D5D5D5;
}

#research-models-modal button {
    background-color: #FFFFFF;
    font-size: 18px;
    height: 40px;
    text-align: left;
    border-radius: 0;
    width: 270px;
    border: 1px solid #D5D5D5;
}

#research-makes-modal.research-modal {
    margin: 0px;
    width: 270px;
}

#research-models-modal.research-modal {
    margin: 0px;
    width: 270px;
}

.research-modal-selector {
    width: 200px;
}

#research-action-modal {
    margin-top: 10px;
    display: inline-block;
    height: 40px;
    color: white;
}

#ResearchModalButton {
    display: block;
    width: 132px;
    height: 30px;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    padding-left: 10px;
}

    #ResearchModalButton:hover, #ResearchModalButton:focus, .research-zip-btn:focus {
        opacity: .5;
        border: 2px dotted blue !important;
    }

.research-trim-link:focus .research-trim-arrow {
    display: block;
}
.research-trim-link:hover .research-trim-arrow {
    display: block;
}
.start-building-now-btn:focus {
    outline: 3px dotted black !important;
    outline-offset: 4px;
}

.view-comparable:focus {
    border: 2px dotted blue !important;
}

#research-action-modal button {
    height: 40px;
}

#Research-modal {
    padding-top: 350px;
}

.Research-modal-body {
    width: 680px;
}

#Research-modal-body ul {
    width: 270px;
    max-height: 300px;
    overflow: auto;
    border-radius: 0px;
}

#research-tabs {
    margin: 0px auto;
    height: 320px;
    width: 340px;
    position: relative;
    right: 15px;
}

    #research-tabs #tabs {
        width: 350px;
        border: medium none;
        border-top: 0px none !important;
        padding: 0px;
        background: transparent none repeat scroll 0% 0%;
        margin: 0px auto;
    }


        #research-tabs #tabs .ui-tabs-panel.ui-widget-content {
            border-style: solid;
            border-width: 1px;
            top: 39px;
            position: relative;
            z-index: 10;
            padding-top: 15px;
        }

.checkbox-label {
    padding: 0px;
}

.empty-icon {
    margin-left: 17px;
}

#research-tabs-container {
    width: 350px;
}

#research-tabs #tabs li {
    width: 50%;
}

    #research-tabs #tabs li a {
        width: 100%;
    }

#research-tabs #tabs .ui-widget-header {
    border: none;
    padding: 0;
    height: 40px;
    background-color: transparent;
    z-index: 1000;
    position: absolute;
}

#research-tabs #tabs .ui-tabs-nav li.ui-state-default {
    margin: 0;
    height: 40px;
    padding-top: 5px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

    #research-tabs #tabs .ui-tabs-nav li.ui-state-default.ui-state-active {
        background: transparent;
    }

#research-tabs .ui-widget-content {
    background-color: transparent;
}

#research-tabs .ui-widget-header .ui-state-default,
#research-tabs .ui-widget-header .ui-state-default a,
#research-tabs .ui-widget-header .ui-state-default a:link,
#research-tabs .ui-widget-header .ui-state-default a:visited {
    background: transparent;
    color: #FFFFFF;
}

#research-tabs .ui-widget-header .ui-state-active,
#research-tabs .ui-widget-header .ui-state-active a,
#research-tabs .ui-widget-header .ui-state-active a:link,
#research-tabs .ui-widget-header .ui-state-active a:visited {
    background: rgba(0,0,0,0);
    color: #666666;
}

#research-tabs #tabs .ui-tabs-nav li.ui-state-default a.ui-tabs-anchor {
    border: none;
    outline: none;
    text-align: center;
}

#research-tabs #tabs .ui-tabs-panel {
    overflow: hidden;
}

#research-tabs #tabs #tabs-1.ui-tabs-panel { /* Apply for a loan */
    text-align: center;
    padding-top: 15px;
}

#research-tabs #tabs #tabs-2.ui-tabs-panel { /* Dealer Info */
    padding-top: 15px;
}

#large-button-login {
    /*margin-right: 40px !important;*/
    width: 100px;
}

div#research-action-modal .tooltip {
    width: 270px;
}

    div#research-action-modal .tooltip .tooltip-inner {
        max-width: 270px;
        z-index: 1000;
    }

.ready-to-test-drive {
    height: 282px;
    color: #333;
}

.test-drive-result {
    color: #333;
    height: 170px;
}

.test-drive-input .info-message {
    font-size: 14px;
    margin: 0 auto;
    padding: 10px 0px 15px 0px;
    line-height: 18px;
    font-weight: 300;
    width: 300px;
}

.info-message {
    font-size: 14px;
    margin: 0 auto;
    padding-bottom: 15px;
    line-height: 18px;
    font-weight: 300;
}

.finance-test-ride .info-message {
    padding-top: 0px !important;
    width: 410px;
}

.test-drive-bold {
    font-weight: 500;
    width: 410px;
}

.find-a-dealer {
    margin: 0 auto;
    display: inline-block;
}

.test-drive-zip {
    width: 70px !important;
    font-size: 14px;
    height: 40px;
    float: left;
    margin-right: 10px;
}

.test-drive-result .test-drive-result-text {
    margin: 0 auto;
    font-size: 14px;
    width: 290px;
    padding: 10px 0px;
}

.ready-to-test-drive .test-drive-result {
    height: 170px;
}

.finance-research-section .test-drive-result {
    height: 170px;
}

.finance-research-section .test-drive-result-text {
    margin: 0 auto;
    font-size: 14px;
    width: 380px;
    padding: 10px 0px;
}

.test-drive-image {
    margin: 0 auto;
    height: 60px;
}

.test-drive-input {
    height: 170px;
}

#tabs-1 {
    border-top: 0px !important;
    height: 280px;
}

#tabs-2 {
    border-top: 0px !important;
    height: 280px;
}

.finance-research-section .tooltip-arrow {
    border-right-color: transparent !important;
}

.login-form.large-finance {
    padding: 0px;
    width: 410px;
    height: 170px;
}

.Finance-Border .cu-logo {
    width: 410px;
}

.finance-research-section h2 {
    margin-bottom: 10px;
}

.finance-research-section {
    /*float: left;*/
    align-content: center;
}

.finance-tire {
    margin-left: 40px;
}

.finance-test-ride {
    width: 445px;
    text-align: center;
}

.Finance-Border {
    border-right: 1px solid #fff;
}


.large-finance .message {
    width: 410px;
}

.finance-test-ride .test-drive-result-text {
    padding: 0px;
}

.requestquote-modal-header .close, .options-confirmation-header .close {
    color: #FFF;
    opacity: 1;
    position: relative;
    top: -15px;
    left: -10px;
}

.requestquote-modal-header {
    color: #FFF;
    border-radius: 0;
    padding: 20px 0 5px 10px;
}

.requestquote-modal-dialog {
    width: 940px !important;
}

#ResearchRequestQuoteForm .modal-body {
    height: 600px;
    padding-left: 0;
}

#ResearchRequestQuoteDealers {
    width: 430px;
    float: left;
    margin-right: 30px;
    height: 540px;
}

#ResearchRequestDealerSelection {
    font-size: 12px;
    overflow: auto;
    height: 500px;
    display: block;
}

#ResearchRequestQuoteFields {
    width: 450px;
    float: left;
    margin-top: 20px;
}

    #ResearchRequestQuoteFields .request-quote-section {
        margin-bottom: 15px;
    }

#ResearchRequestQuoteChecks {
    font-size: 12px;
    font-weight: 300;
}

#Request-quote-disclaimer {
    font-weight: 300;
    font-size: 10px;
}

#CloseRequestForm {
    margin-left: 10px;
    font-weight: 700;
    font-size: 12px;
    cursor: pointer;
    color: #007AFF;
}

.form-group input, .form-group textarea {
    max-width: 380px;
    width: 380px;
    display: inline-block;
}

#ResearchRequestQuoteForm .required-field {
    color: #FF0000;
    font-size: 12px;
}

#Lead_Comment {
    max-width: 380px;
    width: 380px;
    max-height: 105px;
    height: 105px;
}

.commentSizeLimit {
    width: 380px;
    font-weight: 300;
    font-size: 10px;
    color: #333333;
    text-align: right;
}

label.checkbox-label {
    font-weight: 300;
    cursor: pointer;
}

#ResearchRequestDealerSelection input[type=checkbox], #ResearchRequestQuoteChecks input[type=checkbox] {
}

#ResearchRequestQuoteForm .tooltip.left .tooltip-arrow {
    border-left-color: #B94A48 !important;
}

#ResearchRequestDealerSelection input[type=checkbox] + label:before {
    font-family: "FontAwesome";
    font-size: 12px;
    width: 18px;
    display: inline-block;
    content: "\f096";
    color: #D0D0D0;
    float: left;
    margin-top: 15px;
    margin-right: 5px;
}

#ResearchRequestQuoteChecks input[type=checkbox] + label:before {
    font-family: "FontAwesome";
    font-size: 12px;
    width: 18px;
    display: inline-block;
    content: "\f096";
    color: #D0D0D0;
}

.DealerSelectionInfoDetail {
    width: 200px;
    display: table-caption;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    float: left;
}

#loadingModal {
    overflow: hidden;
}

.request-research-quote-loader {
    float: inherit;
    margin: auto;
}

    .request-research-quote-loader .loader-text {
        color: #000000;
    }

    .request-research-quote-loader .low-end .spinner {
        left: 30%;
    }

.Finance-Border .lending-payment .highlight .estimated-payment {
    font-size: 14px;
    line-height: 45px;
    font-weight: 300;
}

    .Finance-Border .lending-payment .highlight .estimated-payment.finance-value {
        position: relative;
        top: 2px;
    }

.request-quote-section .loader-mask .high-end .spin {
    width: 100%;
    margin: 0px auto;
    text-align: center;
    position: relative;
    bottom: 25px;
    right: 10px;
}

.request-quote-section .loader-mask .low-end .spin {
    width: 100%;
    margin: 0px auto;
    text-align: center;
    position: relative;
    bottom: 25px;
    right: 10px;
}

.request-quote-section .loader-mask .loader-text {
    color: black;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    position: relative;
    bottom: 30px;
    left: 65px;
}

#ResearchRequestQuoteForm #quote-dealers input[type=checkbox]:checked + label:before, #ResearchRequestQuoteForm #quote-dealers input[type=checkbox]:checked + label:before {
    content: "\f046";
    color: #FF6633;
}

.login-result {
    padding: 10px 0px;
    height: 160px;
}

.lending-small-inputs {
    margin: 0 auto;
}

.credit-union .email {
    margin-right: 0px !important;
}

.form-small .form-group .btn {
    font-size: 16px;
}

#ResearchRequestQuoteButton {
    font-size: 16px;
}

#no-dealers-message {
    padding-top: 150px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}

.dealerSelectionInfo {
    width: 250px;
    padding: 5px !important;
}

    .dealerSelectionInfo label {
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }

    .dealerSelectionInfo input[type=checkbox] + label:before {
        font-family: "FontAwesome";
        font-size: 1.333em;
        width: 9px;
        display: inline-block;
        content: "\f096";
        color: #D0D0D0;
        float: left;
        margin-right: 20px;
        margin-left: 7px;
        margin-top: 20px;
    }

    .dealerSelectionInfo input[type=checkbox]:checked + label:before, .dealerSelectionInfo input[type=checkbox]:checked + label:before {
        content: "\f046";
        color: #FF6633;
    }

.dealerchk {
    display: none
}

#BuildRequestDealerSelection input[type=checkbox]:checked + label:before, #BuildRequestQuoteChecks input[type=checkbox]:checked + label:before {
    content: "\f046";
    color: #FF6633;
}

#search-filters .btn, #zip-textbox {
    border-radius: 0;
    border: 0 solid;
}

.dropdown-toggle .selected-values {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    margin-top: 4px;
    width: 100px;
}

#request-quote-filter.dropdown-toggle i.fa {
    margin-top: 7px;
    position: absolute;
    right: 10px;
}

.slider-text {
    border: 0;
    font-weight: bold;
    width: 100px;
}

.ui-slider-horizontal {
    height: 7px;
    width: 260px;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -7px;
    }

.request-quote-filter #zip-textbox {
    display: inline-block;
    width: 95px;
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    height: 40px;
    border: none;
}

#distance-dropdown-button {
    color: #000;
    font-size: 14px;
    padding-left: 15px;
    padding-right: 15px;
    height: 40px;
    border-radius: 0px;
    background-color: white;
}

.request-quote-filter {
    background-color: #F5F5F5;
    color: black;
    padding-top: 10px;
    padding-bottom: 10px;
    align-content: center;
    padding-left: 10px;
}

.dealer-search-filter {
    font-weight: 400;
    font-size: 10px;
    margin: 10px 10px 0px 10px;
    color: #000;
    top: 5px;
}

#quote-dealers {
    overflow: auto;
    height: 500px;
}

.request-quote-filter#distance-dropdown-button {
    width: 140px;
}

#BuildRequestQuoteDealers#distance-container {
    width: 300px;
}

.request-quote-filter .fa {
    position: absolute;
    top: 14px;
    right: 10px;
}

#quote-distance-box {
    left: -25px;
}

#researchRequestModalBody {
    padding-right: 20px;
    padding-top: 0px;
}

#ResearchRequestQuoteChecks input[type=checkbox]:checked + label:before, .dealerSelectionInfo input[type=checkbox]:checked + label:before {
    content: "\f046";
    color: #FF6633;
}

#research-tabs-header {
    border: none;
    height: 40px;
    z-index: 1000;
    width: 339px;
    font-weight: 500;
    line-height: 2;
    font-size: 24px;
}

/* Sticky Header */

div.header-container-stickynav {
    opacity: 1;
    z-index: 9999;
}

div.header-content-container-sticky {
    width: 980px;
    height: 60px;
    padding: 12px 0px;
    margin: 0 auto;
    z-index: 9001;
}

.header-sticky-message span,
.header-sticky-message li {
    font-weight: 700;
    font-size: 20px;
    font-stretch: condensed;
    margin-right: 15px;
    line-height: 0.9;
}

.header-sticky-message-title {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
}

.header-sticky-incentive {
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    padding-top: 9px;
    padding-right: 0;
}

.header-sticky-certificate {
    padding-right: 0;
}

#Incentive-Disclaimer {
    font-size: xx-small;
    padding: 55px 40px 40px 40px;
    position: relative;
}

.incentive-left #zipCodeButton {
    padding-left: 0.5em;
    display: inline-block;
}

.incentive-left #bestCashOffer {
    display: inline-block;
}

.incentive-left #noCashOffer {
    display: inline-block;
}

/*Premier Content CSS**********************************************/

.overview-text-header-premier {
    color: black;
    font-size: 16px;
    font-weight: 600
}

.overview-text-header-year-premier {
    font-weight: 300;
    font-size: 32px;
    color: #333;
    text-transform: uppercase;
}

#overview-text-subheader-premier {
    color: #333;
    font-size: 24px;
    font-weight: 700;
}

.overview-premier {
    padding-right: 40px;
}

.overview-right.pullRight {
    margin-right: -60px;
}

.overview-kbb {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    text-align: center;
}

.ResearchModalButton {
    font-size: 11px;
    font-weight: 700;
}

    .ResearchModalButton:hover {
        cursor: pointer;
    }

button.trimTypeButton {
    text-align: left;
    padding: 10px 20px;
    width: 220px;
    height: 210px;
    background-color: #FFF;
    border: 1px solid #aeaeae;
}

    button.trimTypeButton:hover {
        -webkit-box-shadow: inset 0px 0px 0px 3px #aeaeae;
        -moz-box-shadow: inset 0px 0px 0px 3px #aeaeae;
        box-shadow: inset 0px 0px 0px 3px #aeaeae;
        border: 1px solid #aeaeae;
    }

    button.trimTypeButton img {
        width: 100%;
        margin: 0 auto;
    }

    button.trimTypeButton .row {
        margin-left: 0px;
        margin-right: 0px;
        line-height: 1.1em;
    }

    button.trimTypeButton .headingTitle {
        font-size: 12px;
        font-weight: 200;
        opacity: .7;
        line-height: 1.2em;
    }

    button.trimTypeButton .headingContent {
        font-size: 16px;
        font-weight: 600;
        color: #000;
        opacity: .6;
        line-height: 1.2em;
    }

    button.trimTypeButton .subTitle {
        font-size: 11px;
        font-weight: 600;
        color: #000;
    }

    button.trimTypeButton .subContent {
        font-size: 11px;
        font-weight: 200;
    }

    button.trimTypeButton h3 {
        margin: 0px 0px 2px 0px;
        font-size: 1.2em;
        font-weight: 600;
        color: #1d1c1c;
    }

.premierTrimContainer {
    padding: 20px 0px;
    display: none;
}

#trimsOptionsPremier {
    padding: 20px 0px 40px 0px;
    background-color: #FFFFFF;
}

#research-container-trim-header {
    padding: 0px 40px;
}

.premierTrimContainer #premierTrimSlider {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    margin: 0 0 30px;
    border: none;
}

    /*slider on research details page*/
    .premierTrimContainer #premierTrimSlider .flex-direction-nav {
        position: absolute;
        top: 40%;
        width: 100%;
    }

        .premierTrimContainer #premierTrimSlider .flex-direction-nav .flex-next,
        .premierTrimContainer #premierTrimSlider .flex-direction-nav .flex-prev {
            height: 80px;
            display: inline-block;
            display: none;
        }

            .premierTrimContainer #premierTrimSlider .flex-direction-nav .flex-next:before {
                font-family: FontAwesome;
                content: "\f105";
            }

            .premierTrimContainer #premierTrimSlider .flex-direction-nav .flex-prev:before {
                font-family: FontAwesome;
                content: "\f104";
            }

    .premierTrimContainer #premierTrimSlider:hover .flex-direction-nav .flex-next,
    .premierTrimContainer #premierTrimSlider:hover .flex-direction-nav .flex-prev {
        display: block;
    }

    .premierTrimContainer #premierTrimSlider .slides img {
        max-width: 640px;
        max-height: 480px;
        margin-top: 0px;
    }

/******************************************************************/

/* Get member certificate tagline*/

#member-certificate-content {
    padding: 0px 40px;
}

    #member-certificate-content div {
        display: inline;
    }

    #member-certificate-content span {
        font-weight: 700;
        color: #333;
        padding-right: 10px;
        vertical-align: middle;
    }

#member-certificate-opt-out {
    padding-left: 10px;
    vertical-align: middle;
    cursor: pointer;
}

#Research-modal.research-year-modal {
    margin: 0px;
    width: 150px;
}

#research-years-modal button {
    background-color: #FFFFFF;
    font-size: 18px;
    height: 40px;
    text-align: left;
    border-radius: 0;
    width: 150px;
    border: 1px solid #D5D5D5;
}

#research-models-modal.research-modal,
#research-makes-modal.research-modal {
    margin: 0px;
    width: 225px;
}

#research-makes-modal button,
#research-models-modal button {
    background-color: #FFFFFF;
    font-size: 18px;
    height: 40px;
    text-align: left;
    border-radius: 0;
    width: 225px !important;
    border: 1px solid #D5D5D5;
}



.research-modal .buttonText {
    width: 180px;
}


.button-shop {
    height: 40px;
    width: 219px;
    background-color: #FF6633;
    border: 1px solid #FFFFFF;
    color: #FFF;
    padding: 0px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: "Roboto";
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    border-radius: 0px;
    cursor: pointer;
    font-size: 14px;
    float: right;
}

    .button-shop:hover {
    }

.button-shop-as3 {
    height: 40px;
    border: 1px solid #FFFFFF !important;
    color: #FFFFFF !important;
    padding: 0px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: "Roboto";
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    border-radius: 1px !important;
    cursor: pointer;
    font-size: 14px;
    float: right;
}

.button-shop-as3:hover {
    border: 0px !important;
}

@media (max-width:700px) {
    #research-years-modal button {
        width: 225px;
    }

    #research-action-modal {
        text-align: center;
        display: block;
    }

    #Research-modal-body .row {
        display: block;
        text-align: center;
    }

    #Research-modal-body .research-modal-selector {
        margin-top: 10px;
    }

    #research-makes-modal .research-modal-selector {
        margin-top: 0px;
    }
}

#Research-modal-body .row {
    margin-left: auto;
    margin-right: auto;
}


@media (min-width: 500px) {
    #Research-modal.modal:before {
        height: 70%;
    }

    #Research-modal.modal > div {
        width: 680px;
    }
}

/* ADA Stuff :-/ */
#researchRequestModalBody .dropdown-menu-form div.dropdown-header {
    color: #fff;
}

.research-landing label {
    color: #767676;
}

.research-select {
    position: relative;
}

.hasSelect.research-select:after {
    top: 1.5px;
}

.research-error {
    display: none;
    color: #F44336;
    font-weight: 500;
}

button.remove-btn.focusable:focus {
    outline: 1px dotted #666;
}

.btn .btn-group .button-primary .btn-primary-go {
    color: white;
}