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

.inv-container {color:#000; background:#fff; border:1px solid #b9b9b9;}
.inv-container:hover {background: #ececec;}
.inv-container p {color:#000;}

.ar_makemodel a, .ar_seldisplay, a.ar_seldisplay {color:#000;}
.ar_makemodel a:hover{color:#000;}

.ar_new, .ar_special, .ar_pending, .ar_sold {color:#fff;z-index: 9;}
.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 b, .ar_vehspecs span {color:#000;}

.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:#084b8f;}
.inv-submit:hover, .ar_msgs div:hover{background:#053769;}

.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 {color:#333;}



/*****************************************
                   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 a{font-size:25px; font-weight:bold;}
.ar_makemodel {white-space: normal;}
.ar_vidicon {border:#747474 0px solid;position:relative; top:2px; margin-left:20px; float:left;} 



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

.ar_col .ar_pricing{font-size:25px; margin-bottom:6px;}

.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 #ddd;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: #ddd; padding: 15px; border-radius: 5px;}
.inv-search-all.stick {margin-top: 0 !important; position: fixed; top: 20px; z-index: 777;}
.inv-select-fullwidth, .inv-select-halfwidth, .inv-field-invkey {padding:8px;}
.inv-div-invkey p {color:#000 !important;}

.inv-container {line-height: 18px; font-size: 1rem; padding: 2em 1em; margin: 0; margin-left: 270px; border:none; border-bottom:1px solid #ccc;}
.inv-container .ar_vehspecs,
.inv-container .ar_vehspecs b {font-size:12px;}
.inv-list-container ~ .invtablein {padding: 2em 0;}

@media (max-width:1270px) {
.inv-search-all {width:100%; position:relative !important; margin:0 0 15px;top: 0 !important; }
.inv-container {margin:0 auto;}
.ar_makemodel, .ar_seldisplay, .ar_makemodel a {font-size: 20px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ar_vehspecs {height: 195px;}
.ar_confidence {height: auto;}
.ar_confidence img {max-width: none !important; max-height: 46px; margin: 0; width:auto;}
.ar_carfax img {max-height:48.5px;}
.ar_autochk img {max-height:49px;}
}


/*****************************************
                      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-size:13px;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:25px; font-weight:bold; line-height:1em;}



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

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

.ar_fineavail,.ar_fineavail:hover {padding:5px; font-size:18px; border-radius:4px; margin-top:6px;}



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

.ar_fineavail, .ar_warravail{text-align:center;clear:both;font-weight:bold;}



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

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



.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 0 1em 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;}

.ar_makemodel, .ar_seldisplay {line-height:1em;}

.inv-select-fullwidth, .inv-select-halfwidth, .inv-field-invkey {width:100% !important; margin: 0 0 6px 0; padding: 10px; float:none;}
.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;}


.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_vehspecs {font-style: italic;}
.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;}
.ar_confidence div {width:auto; float:none; display: inline-block; border-radius: 5px;}
.ar_right-container {width: 23%; float: right;}



/*****************************************
                      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-search {margin:0;}
.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;}

.responsive-display {font-size:0;}

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

.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; box-sizing: content-box; float: none; margin: 0; padding: 0; clear: both;}
.inv-container br {display:none;}
.ar_makemodel, 
.ar_seldisplay {line-height: 1.2em; text-align: left;}
.ar_seldisplay {font-size:20px;}
.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 0 1em;}
.ar_makemodel a {font-size:22px;}
.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;}
}