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

.inv-container {color:#222; background:#fff; border:1px solid #ddd;}
.inv-container:hover {background:#eee; border:1px solid #ccc; -webkit-box-shadow:1px 1px 13px 1px rgba(0,0,0,0.25);-moz-box-shadow:1px 1px 13px 1px rgba(0,0,0,0.25);box-shadow:1px 1px 13px 1px rgba(0,0,0,0.25);}
.inv-container p {color:#222;}

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

.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 b, .ar_vehspecs span {color:#000;}

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

.inv-submit, .ar_msgs div, .ar_msgs a, td div.ar_mfgsticker {color:#fff; background:#4096ee;}
.inv-submit:hover, .ar_msgs div:hover, td div.ar_mfgsticker:hover {background:#7abcff;}

.ar_msgs div, .ar_msgs a {background:#7abcff;background:-moz-linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#7abcff),color-stop(44%,#60abf8),color-stop(100%,#4096ee));background:-webkit-linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);background:-o-linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);background:-ms-linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);background:linear-gradient(to bottom,#7abcff 0,#60abf8 44%,#4096ee 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7abcff', endColorstr='#4096ee', GradientType=0);}

.ar_msgs div:hover, .ar_msgs a:hover {background:#a1d0ff;background:-moz-linear-gradient(top,#a1d0ff 0,#8ec4fa 44%,#77b5f3 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#a1d0ff),color-stop(44%,#8ec4fa),color-stop(100%,#77b5f3));background:-webkit-linear-gradient(top,#a1d0ff 0,#8ec4fa 44%,#77b5f3 100%);background:-o-linear-gradient(top,#a1d0ff 0,#8ec4fa 44%,#77b5f3 100%);background:-ms-linear-gradient(top,#a1d0ff 0,#8ec4fa 44%,#77b5f3 100%);background:linear-gradient(to bottom,#a1d0ff 0,#8ec4fa 44%,#77b5f3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a1d0ff', endColorstr='#77b5f3', GradientType=0);}

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

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



.ar_msgs{}
.ar_msgs div, .ar_msgs a,.ar_fineavail {border:#fff 1px solid; color:#fff; font-weight:700;
background: rgba(59,99,170,1);
background: -moz-linear-gradient(top, rgba(59,99,170,1) 0%, rgba(59,99,170,1) 31%, rgba(22,58,117,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(59,99,170,1)), color-stop(31%, rgba(59,99,170,1)), color-stop(100%, rgba(22,58,117,1)));
background: -webkit-linear-gradient(top, rgba(59,99,170,1) 0%, rgba(59,99,170,1) 31%, rgba(22,58,117,1) 100%);
background: -o-linear-gradient(top, rgba(59,99,170,1) 0%, rgba(59,99,170,1) 31%, rgba(22,58,117,1) 100%);
background: -ms-linear-gradient(top, rgba(59,99,170,1) 0%, rgba(59,99,170,1) 31%, rgba(22,58,117,1) 100%);
background: linear-gradient(to bottom, rgba(59,99,170,1) 0%, rgba(59,99,170,1) 31%, rgba(22,58,117,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b63aa', endColorstr='#163a75', GradientType=0 );
}
.ar_msgs div:hover,.ar_msgs a:hover,.ar_fineavail:hover{background:#163a75;}





.inv-submit{color:#fff;background-color:#3b63aa;}
.inv-submit:hover{background-color:#163a75;}

span.ar_etfs {font-size: 12px;}
.inv-container sup {vertical-align: super;}


/*****************************************
                   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
*****************************************/


.ar_new, .ar_special,.ar_pending,.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;}



/*****************************************
                      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:12px;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_msgs a,.ar_fineavail {border:#fff 1px solid; color:#fff; font-weight:700;}
.ar_fineavail:hover{background:green;}

.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; background: green; cursor: default;}



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

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

.ar_confidence div {padding:10px;}
.ar_confidence img {max-width:none;}

.ar_specialbox:before {clear:both; content:''; display:table;}
.ar_specialbox {clear:both; display:block; }
.ar_specialbox table {width: 100%; border-collapse: collapse; border-spacing: 0; margin-top: 10px;background:#e6e6e6; border:2px dashed #ccc;  line-height: 1em; font-weight: 600;}
.ar_specialbox table td {padding:12px;}

.inv-container:hover .ar_specialbox table {background:#fff;}

.ar_msgs a {
    border-radius: 4px;
    text-align: center;
    display: block;
    padding: 5px;
    margin: 1% 0;
    cursor: pointer; text-decoration: none;
}

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

@media (max-width:910px){
.ar_makemodel a{font-size:175%;}
.ar_seldisplay{font-size:150%;}
.ar_seldisplay{text-align:left;} 
.ar_fineavail{width:95%;}.ar_col{margin:1% 0}
}

@media (max-width:910px){
.ar_span4o4{width:100%}.ar_span3o4{width:74.6%}
.ar_span2o4{width:100%}.ar_span1o4{width:49.2%}
.ar_makemodel{white-space:normal}
.ar_mpg{margin:1% 1% 5%;width:98%}
.ar_fineavail,.ar_mpg,.ar_msgs,.ar_pricing,.ar_seldisplay,.ar_thumb img{float:left;}
.ar_pricing{text-align:left}
.ar_fineavail,.ar_mpg{clear:both}.ar_msgs{width:100%}
.ar_vehspecs{padding:0}
}

@media (max-width:480px){
.ar_col{margin:1% 0}

.ar_fineavail{width:95%;}
.ar_span1o4,.ar_span2o4,.ar_span3o4,.ar_span4o4{width:100%}
.ar_makemodel{white-space:normal}.ar_mpg{margin:1% 1% 5%}
.ar_vehspecs{padding:2% 0}
.ar_fineavail,.ar_mpg,.ar_msgs,.ar_pricing,.ar_thumb img,.ar_vehspecs{float:left;}
.ar_pricing{text-align:left}
.ar_fineavail,.ar_mpg,.ar_vehspecs{clear:both}
.ar_msgs{width:100%}

.inv-select-fullwidth, .inv-select-halfwidth{width:98%; padding:1%}
.inv-field-invkey{width:50%;padding:1%}
.inv-submit{width:90px;padding:1%}
.inv-div-invkey p{line-height:2em;}
}