/*****************************************
                     Color Styles
*****************************************/

.inv-list-container {font-size:0; min-height: 450px;}
.inv-container {color:#000; background:transparent;}
.inv-container:hover {background: #e5e5e5;}
.inv-container p {color:#eee;}
.ar_thumb a img {height:auto;}
.ar_makemodel a, .ar_seldisplay, a.ar_seldisplay {color:#000; line-height: 1;}
.ar_makemodel a:hover{color:#ea031f;}

.ar_new, .ar_special, .ar_pending, .ar_sold {color:#fff;}
.ar_new {background:#187745;}
.ar_special {background:#0000ff;}
.ar_pending {background:#ffff00; color:#000;}
.ar_sold {background:#ff0000;}

.inv-price-title-color {color:#61bc19;}
.inv-price .line-through {color:#0088cc;}
.inv-price-CALL {color:#4ca506;}

.ar_thumb{border:1px solid #333;}

.ar_vehspecs div, .ar_vehspecs b, .ar_vehspecs span {font-size: 1rem; color:#3b3c3c;}

.inv-div-invkey p {color:#000;}

.ar_mpg {border:1px solid #ccc; background-color:#eee;}
.ar_mpg p {color:#000;}
.inv-container:hover .ar_mpg {background-color:#fff;}

.inv-submit, .ar_msgs div {color:#fff; background:#000; border:none;}
.inv-submit:hover, .ar_msgs div:hover{background:#ea031f;}

.ar_fineavail, .ar_fineavail:hover {background:#090; color: #fff;}

.ar_navbtnl {color:#000;}
.ar_navbtnr {background:#fff; color:#000;}
.ar_navbtnl:hover, .ar_navbtnr:hover {background:#222; color:#fff;}
.ar_navthis {border:#222 1px solid; background:#fff; color:#222;}
.aff {color:#000;}
.aff:hover {border:#08c 1px solid;}

.invtablein, .ar_navbtnl {color:#686868;}



/*****************************************
                   Inv Container Styles
*****************************************/

.inv-container{font-size:13px; line-height:18px; padding:1.5em 2em; margin:1em 0;}

.inv-div-invkey p{line-height:3em;}

.ar_makemodel {white-space: normal; line-height:1em;}
.ar_makemodel a{font-size:22px;}

.ar_vidicon {border:#747474 0px solid;position:relative; top:2px; margin-left:20px; float:left;} 



/*****************************************
                     Pricing Styles
*****************************************/

.ar_col .ar_pricing{font-size:20px; margin-bottom:10px;}

.inv-price {display:block; margin:0 auto 4px;}

.inv-price .inv-price-small {font-size:14px; font-weight:bold; font-style:italic;}
.inv-price .inv-price-large {font-size:20px; font-weight:bold;}

.inv-price .line-through {text-decoration:line-through; font-size:16px; font-style:italic;}
.inv-price-CALL {line-height:20px; font-weight:bold;}



/*****************************************
                     Thumbnail Styles
*****************************************/


.inv-container .ar_new, 
.inv-container .ar_special, 
.inv-container .ar_pending, 
.inv-container .ar_sold{font-weight:700; position:absolute; padding:3px;}
.vehicle_fineavail {position:initial; padding:3px 0px; border:0px solid; margin:0;}

.ar_piccnt{font-weight:bold;border:1px solid #323338;background-color:#eee;background-color:#0088cc;color:#fff;display:none;}
.ar_vidcnt{display:none;}

.ar_seldisplay-container {float:right;}
.inv-list-results {margin-bottom:8px;}
.inv-search-all {top: 0; 
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}


.inv-search-all { background: #323338; padding: 20px 15px; border: 1px solid #000;}
.inv-search-all.stick {margin-top: 0 !important; position: fixed; top: 20px; z-index: 777;}
.inv-div-invkey p {color:#fff !important;}

.inv-container {line-height: 18px; font-size: 1rem; padding: 2em 1em; margin: 0; margin-left: 270px; border:none; border-bottom:1px solid #d5d4d4;}

@media (max-width: 1270px) {
.inv-container .ar_new, .inv-container .ar_special, .inv-container .ar_pending, .inv-container .ar_sold {z-index:1}
.inv-search-all, 
.inv-search-all.stick {width:100%; position: relative !important; margin:0 0 15px; top: 0 !important;}
.inv-container {margin:0 auto;}

}

span.vpricing-msg {float: left;}
span.vpricing {text-align: right;}

/*****************************************
                      Veh Spec Styles
*****************************************/

.ar_vehspecs div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.ar_vehspecs b,.ar_vehspecs span{font-weight:bold;}
.ar_vehspecs{display:block;line-height:1.3}
.ar_snvin span{font-size:11px;font-weight:normal;}



/*****************************************
                     HWY/MPG Styles
*****************************************/

div.ar_mpg p, div.ar_mpg div.ar_mpgcity p, div.ar_mpg div.ar_mpghwy p{padding:0; margin:0;}



/*****************************************
                     Selid Styles
*****************************************/

.ar_seldisplay{vertical-align:middle; text-align:right; font-size:22px; line-height:1em; margin-bottom:10px;}



/*****************************************
                     Button Styles
*****************************************/

.ar_msgs{}
.ar_msgs div,.ar_fineavail {font-weight:700;}
.ar_msgs div:hover,.ar_fineavail:hover{}

.inv-container .vpricing {line-height: 1em; margin-bottom:8px;}
.vpricing-final .vpricing-msg {float: left; font-size: 1rem; color: #323338; font-style: normal; font-size: 14px; font-weight: bold; line-height: 18px; text-align: left; clear: both; line-height:1;}
.vpricing-msg {float: left; font-size: 1rem; color: #eee; font-style: normal; font-size: 14px; font-weight: bold; line-height: 18px; text-align: left; clear: both;}
.vpricing-sub .vpricing.vpricing-savings,
.vpricing-sub .vpricing.vpricing-book { border-bottom: 2px dotted #ccc; border-bottom: 2px dotted #ccc; padding-bottom: 8px; margin-bottom: 14px; /*color: #03b703;*/}
.vpricing-final .vpricing-msg br {display: block;}
.vpricing-sub .vpricing {margin:0 0 5px; font-size:14px;}
.vpricing-monthly:before {display:none;}
.vpricing-monthly {color: #1a1a1a; border: none; padding-left: 0; font-size: 20px;}

.vpricing-suggested {}

.ar_msgs a {display: block; text-align: center; font-weight: 600; text-decoration: none; background: #71d7f7; margin-bottom: 5px; padding: 6px; border-radius: 3px; color: #000;}
.ar_msgs a:hover {background: #000; color:#fff;}


/*****************************************
                     Warranty Styles
*****************************************/

.ar_fineavail, .ar_warravail{display: block; text-align: center; font-weight: 600; text-decoration: none; margin-bottom: 5px; padding: 6px; border-radius: 3px; color: #fff;}



/*****************************************
                     Random Styles
*****************************************/

.inv-select-halfwidth {width:32%}
.inv-field-invkey {width: 30%;}


.inv-div-search {margin:0;}
.inv-search-all {width: 250px; position: absolute; font-size:1rem;}
.invtablein {margin:0 auto;}

.inv-container {line-height: 18px; font-size:1rem; padding: 1.5em 2em; margin: 0; margin-left: 270px;}
.inv-search-all + .invtablein {margin-bottom:8px;}

.inv-container .ar_vehspecs,
.inv-container .ar_msgs,
.inv-container .ar_fineavail {font-size:13px}

.invtablein {font-size:16px;}



.inv-select-fullwidth, .inv-select-halfwidth, .inv-field-invkey {font-size:14px; width:100% !important; margin: 0 0 6px 0; padding: 8px 10px; float:none; border: 1px solid #000;}
.inv-div-invkey p {margin: 0; line-height: normal; width: 100%; float: none; display: block; padding: 0 10px; margin-bottom: 6px;}

.ar_mpg {height:60px; display:none;}

.aff {color:#666;}

.inv-container .ar_confidence-container {text-align:center;}
.ar_confidence-container {width:20.8%}
.ar_right-container {width:26.8%}


.ar_col {margin:.1% 0;}
.ar_picspecs-container {width: 58%; margin: .1% 2% .1% 0;}
.ar_thumb {max-width: 280px; margin: 0 2% 0 0;}
.ar_thumb img {width:100%;}
.ar_vehspecs div {white-space:normal;}
.ar_vehspecs b {font-style:normal;}
.ar_confidence-container {width: 15%;}
.ar_confidence {font-size:0; text-align:center; margin:5px auto 10px;}
.ar_confidence div {float:none; display: inline-block; border-radius: 5px;}
.ar_right-container {width: 23%; float: right;}

.invtablein.inv-list-results {margin-bottom:10px;}

.ar_makemodel a,.ar_seldisplay {font-weight:600;}
.ar_col:first-child {margin-bottom:10px;}

/*****************************************
                      Query Styles
*****************************************/

@media (max-width:1270px) {
.inv-search-all {width:100%; position:relative; margin-bottom: 15px;}
.inv-container {margin:0 auto 10px;}
.inv-select-fullwidth, .inv-select-halfwidth, .inv-field-invkey {width: 32% !important; float: left; margin: 1% 0 0 1%; padding: 10px;}
.inv-div-invkey p {line-height: 43px; padding: 0 0 0 10px; margin: 1% 1% 0 0; float: left; width: 3%;}
.ar_confidence-container {padding-right:5px;}
.ar_right-container {padding-left:5px;}
.ar_mpg {padding: 7px 0 0;}
.ar_confidence div {margin:5px 15px;}
.responsive-display {font-size:0;}

.inv-search-all {font-size:1rem;}
.ar_span2o4,.ar_span1o4 {width:100%; text-align: left; padding: 0;}

.inv-container {position: relative; width: 48%; display: inline-block; padding: 2em; font-size:1rem; vertical-align: top; margin: 1%; font-size: 12px;}
.inv-container * {position: relative; float: none; clear: both;}

.ar_makemodel, .ar_seldisplay {text-align: left; margin-bottom:8px;}
.ar_makemodel a {font-weight:600;}
.ar_seldisplay {font-size:20px; margin:0;}
.ar_thumb {max-width:none; margin: 10px 0;}
.ar_col .ar_pricing {display: block; font-size: 25px; padding: 16px 0 2px; margin: 6px 0 6px 0; text-align: center;}

.ar_right-container {padding-left: 0;}
}



@media (max-width:650px) {
.inv-container {width:100%; margin:0;}
.inv-search-all select, .inv-search-all input {width:100% !important; display:block; float:none; margin:0 0 5px;}
.inv-div-invkey p {line-height:normal; margin: 0 0 6px; width:100%; float:none;}
.inv-submit {padding: 10px; border-radius: 3px; border: 0; margin: 1em 0 0 !important;}
}

@media (max-width:320px) {
.inv-container {padding:1em 0;}

}