﻿body {
    background: #000 url('../siteart/bg.gif') repeat-x !important;
    margin: 20px 0px 0px 0px;
}

* {
    box-sizing: border-box !important;
}


iframe {
  pointer-events: none;
}

.herovideo{
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	margin-bottom: 10px;
}


.herovideo iframe {
  width: 100%;
  height: 100%;
  border: 0;
  pointer-events: none;
}


h4 {
    font-size: 16px;
    margin-top: 10px;
}

h6 {
    font-size: 11px;
}
h1 {
	margin-bottom: 0;
	padding-bottom: 0;
}

td {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #fff;
}


a.textlink:link, a.textlink:visited, a.textlink:active {
    font-weight: bold;
    color: #F83439;
    text-decoration: none;
}

a.textlink:hover {
    color: #fda421;
    text-decoration: none;
}


a.top:link, a.top:visited, a.top:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    text-decoration: none;
    color: #fda421;
    padding: 0px 8px 10px 8px;
}


a.top:hover {
    text-decoration: none;
    color: #F83439;
}


#left_navtd {
    padding: 5px 0px 5px 0px;
    border-right: 1px #333333 solid;
    border-top: 1px #333333 solid;
    border-bottom: 1px #333333 solid;
    vertical-align: top;
}


a.nav:link, a.nav:active, a.nav:visited {
    font-weight: bold;
    text-transform: capitalize;
    color: #cccccc;
    padding: 7px 0px 8px 0px;
    text-decoration: none;
    background: url('../siteart/off.jpg') no-repeat;
    display: block;
    width: 219px;
    text-align: center;
    font-size: 10pt;
}


a.nav:hover {
    color: #333333;
    background: url('../siteart/on.jpg') no-repeat;
}


#content {
    width: 429px;
    vertical-align: top;
    padding: 20px 20px 20px 20px;
    font-size: 11pt;
}

#inv_content {
    vertical-align: top;
    padding: 20px 20px 20px 20px;
    font-size: 11pt;
}

#content_fin {
    width: 429px;
    vertical-align: top;
    padding: 50px 10px 20px 10px;
}

#content_fin a:link, a:active, a:visited {
    color: #F83439;
    text-decoration: none;
}

#content_fin a:hover {
    color: #fda421;
    text-decoration: none;
}


#head1 {
    font-size: 11pt;
    font-weight: bold;
    padding: 20px 0px 10px 0px;
}

.head2 {
    font-size: 10pt;
    font-weight: bold;
}


.habla {
    font-size: 11pt;
    font-weight: bold;
    text-transform: uppercase;
    color: #F83439;
	margin-bottom: -18;
}


.yellow {
    font-weight: bold;
    color: #fda421;
}

#formpage {
    vertical-align: top;
}

#formpage td {
    vertical-align: top;
    padding: 3px 5px;
}

#formpage input {
    padding: 6px 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #fff;
    font-family: Arial, Helvetica, sans-serif;
    color: #8e8d8d;
    font-size: 12px;
}

#formpage textarea {
    padding: 6px 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #fff;
    font-family: Arial, Helvetica, sans-serif;
    color: #8e8d8d;
    font-size: 12px;
}


/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #fff;
    font-family: Arial, Helvetica, sans-serif;
    color: #8e8d8d;
    vertical-align: middle;
    font-size: 12px;
    line-height: normal;
    padding: 5px;
}

#formpage input {
    width: 250px;
}

#formpage input.larger {
    width: 250px;
}

#formpage textarea {
    width: 250px;
    height: 85px;
}


#formpage input.checkbox {
    padding: 0;
    border: 0;
    margin: 0 5px 0 0;
    width: 13px;
    height: 13px;
    display: inline;
    background-color: #fff;
}

#formpage input.radio {
    padding: 0;
    border: 0;
    margin: 0 5px 0 0;
    width: 15px;
    height: 15px;
    display: inline;
}


/* focus states of various types of fields */

#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
    background: #8e8d8d;
    color: #FFF;
    border: 1px solid #16598d;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    outline-style: none;
}

#formpage input.radio:focus,
#formpage input.checkbox:focus {
    background: none;
    border: 0;
    outline-style: none;
}

#formpage input.button,
#formpage input.button:focus {
    width: 200px;
    margin: 0;
    padding: 7px 0;
    background: #fda421 url('../siteart/submit_btn.jpg') repeat-x;
    border: 2px #fff solid;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
}

#formpage input.button:hover {
    background: #F83439;
    color: #fff;
    text-shadow: none;
    border: 2px #fff solid;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}


/* for plain text next to an input field, if not using a table structure */
#formpage label.basic {
    color: #212121;
    font-size: 13px;
    text-align: left;
}

#formpage label.checkbox {
    /*  color:#212121;*/
    font-size: 13px;
    text-align: left;
    display: inline;
    padding: 0;
}


/*control the Captcha */

.CaptchaPanel {
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    text-align: center;
    line-height: normal !important;
}

.CaptchaImagePanel {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.CaptchaMessagePanel {
    padding: 0 0 0 0 !important;
    margin: 0 0 0 0 !important;
    font-weight: normal !important;
    font-size: 12px;
    line-height: 14px;
}

.CaptchaAnswerPanel {
    margin: 0 0 0 0;
    padding: 2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
    line-height: 0;
    margin: 0 0 0 0;
    padding: 8px 0 8px 0 !important;
}

.CaptchaWhatsThisPanel a {
    color: #000;
}

.CaptchaWhatsThisPanel a:hover {
    text-decoration: none;
}

#businessinfo {
}

/* Inventory CSS */
/*---compare CSS ----*/

.compare-chkbox-container .compare-listings .compare-chkbox {
    margin-right: 5px !important;
}

.compare-checked {
    color: #000 !important;
}

.compare-listings-container .compare-price, .compare-title h3 {
    color: #e8c609 !important;
}

.media-icon img {
    width: auto;
}

.compare-listings-container .compare-container .button {
    background: #e8c609 !important;
    color: #000 !important;
}

.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
.scrolling{
    width:100%;
    height:92px;
}

/*---- faceted links  ----*/
.list-content .list-main-section .list-container {
    margin-top: 20px !important;
}



.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc p {
    margin-top: 12px !important;
}
.faceted-search-content
.faceted-section-box
.faceted-option-checkbox-container
label
input {
    margin-right: 5px !important;
}


.list-content
.list-main-section
.list-container
.list-listing
.listing-top-right
.view-listing-details-link,
.list-content
.list-main-section
.list-container
.list-listing
.listing-top-right
.check-availability-link,
.detail-content .detail-main-body .main-detail-data .offer-btn,
.detail-content .detail-main-body .main-detail-data .buy-btn,
.detail-content .detail-additional-data .data-row .data-label,
.faceted-search-content .selected-facets-container .selected-facet,
.paging-container .page-navs button.list-page-nav,
.modal-content .form-bottom .captcha-and-submit .captcha-placeholder button,
.modal-content .form-bottom .captcha-and-submit .captcha-placeholder input,
.faceted-search-content .mobile-done-button-container .mobile-done-button,
.contact-options a, .fin-calc-mobile>a,
.detail-content-mobile .detail-additional-data .data-row .data-label,
.detail-content-mobile .detail-contact-bar .contact-bar-btn,
.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile,
.faceted-search-content
.faceted-section-box
.show-all-modal
.show-all-modal-content-container
.show-all-modal-content
.title-close-row
.apply-button, .view-listing-details-link  {
    background: #F83439 !important;
	color: #fff !important;
}

.faceted-search-content .faceted-section-head,
.paging-container .page-navs .page-nav {
    background: #F83439 !important;
    color: #fff !important;
}
.list-content .list-listing-title-link{
	color: #fff !important;
}
.list-content
.list-main-section
.list-container
.list-listing
.listing-top-right
.listing-dealer-info
.dealer-name,
.list-content
.list-main-section
.list-container
.list-listing
.listing-top
.listing-top-left
.listing-main-stats
.price,
.list-content .list-main-section .list-container .fin-calc,
.list-content .listing-portion-title {
    color: #F83439 !important;
}

.list-content .list-main-section .list-container .fin-calc {
    font-size: 14px !important;
}


.detail-content .dealer-info .phone-and-email .send-email-btn,
.faceted-search-content
.faceted-section-box
.show-all-modal
.show-all-modal-content-container
.show-all-modal-content
.title-close-row
.back-button {
    border: 1px solid #F83439 !important;
    color: #F83439 !important;
}


.faceted-search-content
.faceted-section-box
.faceted-option-checkbox-container
.option-name {
    margin-top: 0 !important;
}

@media (max-width: 992px) {
    .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile,
    .detail-content-mobile
    .detail-main-body
    .main-detail-data
    .send-email-btn-mobile,
    .mobile-breadcrumb,
    .list-content .list-listing-mobile .view-listing-details-link {
        background: #F83439 !important;
    }

    .list-content .list-listing-mobile .price-container .price {
        color: #F83439 !important;
    }

    .fin-calc p,
    .fin-calc strong,
    .dealer-info a {
        color: #F83439 !important;
    }

    .list-content .list-listing-mobile .email-seller-link {
        height: 38px !important;
    }

    .spec-container a,
    .list-content .list-listing-mobile .listing-portion-title {
        color: #F83439 !important;
    }

    .list-content .list-listing-mobile .dealer-phone-container .dealer-phone-call,
    .list-content
    .list-listing-mobile
    .dealer-phone-container
    .dealer-phone-text {
        border: 1px solid #F83439 !important;
    }

    .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title,
    .detail-content-mobile .detail-main-body .detail-mobile-top .detail-category,
    .detail-content-mobile .detail-main-body .main-detail-data,
    .main-detail-data .currency-selector,
    .detail-content-mobile .share-listing {
        color: #F83439 !important;
    }

}
 
 
               
