﻿div.srp-display { display:flex; margin:0; flex-direction:column;}

div.search-bar-container {display:flex; margin:0; padding: 0 0 15px 0;}
div.srp-headline {display:flex;flex:0 1 50%; margin:0; justify-content:start; align-items:center;}
h1.srp-headline { font-size:32px; font-weight:800; letter-spacing:-.04em; color:#333; margin:0!important; }

div.search-bar-main { display:flex; justify-content:end; margin:0; flex:1 0 390px;}
input#searchterm { width:100%; padding: 12px 25px;font-size:x-large;font-family:Montserrat,'Open Sans',Arial; letter-spacing:-.03em; border-radius:6px; border:1px solid #aaa;
					-webkit-box-shadow:inset 0 0 10px rgb(0 0 0 / 5%);-moz-box-shadow:inset 0 0 10px rgb(0 0 0 / 5%);box-shadow:inset 0 0 10px rgb(0 0 0 / 5%);
					background: url("/web/images/searchbar-magnify.png") no-repeat; background-size: 35px; background-position: right 15px center;
					background-color:#fff;}

div.browse-ordering {
	display:flex; width:100%; justify-content: space-between; margin:0; border-top: 1px solid #ccc; padding: 5px 0 20px 0;}
div.browse-ordering-left {
	display:flex; margin:auto; margin-left:0px; align-items:center; justify-content:space-between; padding:5px;}
div.browse-ordering-center {
	display:flex; flex:1; justify-content:center; align-content:center; margin: auto;flex-wrap:wrap;}
div.browse-ordering-right {
	display:flex; margin:auto; margin-right:0px; align-items:center; justify-content:space-between; padding:5px;}

button#searchbutton { padding: 0px 15px; border-radius:6px; font-family:Montserrat,'Open Sans'; font-size: 13px; letter-spacing:-.03em; margin: 0 3px;border:1px solid #aaa;
	display:flex;justify-center:center;align-items:center;}

button#invcategorybutton,button#makebutton,button#modelbutton,button#searchbutton,button#vehtypebutton,button#bodystylebutton,button#drivetrainbutton {
	font-family:Montserrat;font-size:18px;letter-spacing:-.03em;background:#3388df;border:1px solid #fff;border-radius:6px;color:#fff;padding:8px 14px;text-transform:uppercase; }

div.browse-result-page-nav {font-size:15px; color:#777;}
h4.browse-result-count:after { content:"Results"}
h4.browse-result-count { font-size: 16px; font-weight: 400; color:#777; margin-right: 10px;}
a.browse-result-link {text-decoration:none;}
select.browse-drop-down {
	font-size: 18px; color: #777; border: 1px solid #777; padding:8px 16px; border-radius:6px}

a.clear-search {display:flex; margin: 8px auto; text-transform:uppercase; font-size:14px; width:100%; justify-content:center;background:#fbfbfb;outline:1px solid #f0f0f0;border-radius:20px;padding:7px 0;color:#444;text-decoration:none;-webkit-transition: all .9s ease; transition: all 0.9s ease;}
a.clear-search:hover {background:#35557c;color:#fff !important;-webkit-transition: all .9s ease; transition: all 0.9s ease;}


input { font-family:Montserrat}
div.browse-main { display:flex; margin:auto 0;}
div.browse-filters-container { flex: 1; max-width:275px; flex-direction:column;}
div.browse-filter-wrapper {	padding: 0px; border:1px solid #e4e4e4; border-radius:6px; margin-bottom:10px;}
div.browse-filter-inner-slider { display:inline-block; padding: 10px 20px 10px 10px; border:0px solid #f0f0f0;}
div.browse-filter-inner { display:flex; padding: 8px;flex-wrap:wrap;border:0px solid #f0f0f0; }
p.browse-filter-invcat,
p.browse-filter-newused,
p.browse-filter-vehtype,
p.browse-filter-bodystyle,
p.browse-filter-drivetrain,
p.browse-filter-location {border-radius:6px;font-size:14px;font-weight:700;letter-spacing:-.04em;color:#333;padding:6px;text-indent:10px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;border-bottom: 1px solid #fff; box-shadow: rgb(0 0 0 /10%) 0px 1px 1px;}
p.browse-filter-location{background: url("/web/images/searchbar-magnify.png") no-repeat, #f9f9f9;background-size: 25px; background-position: right 15px center;}
p.browse-filter-invcat{background: url("/web/images/searchbar-bodystyle.png") no-repeat, #f9f9f9;background-size: 25px; background-position: right 15px center;}
p.browse-filter-vehtype{background: url("/web/images/searchbar-bodystyle.png") no-repeat, #f9f9f9;background-size: 25px; background-position: right 15px center;}
p.browse-filter-bodystyle{background: url("/web/images/searchbar-bodystyle.png") no-repeat, #f9f9f9;background-size: 25px; background-position: right 15px center;}
p.browse-filter-drivetrain{background: url("/web/images/searchbar-bodystyle.png") no-repeat, #f9f9f9;background-size: 25px; background-position: right 15px center;}
p.browse-filter-location:before {content:"Location";}
p.browse-filter-invcat:before {content:"Body Types";}
p.browse-filter-vehtype:before {content:"Body Types";}
p.browse-filter-bodystyle:before {content:"Body Styles";}
p.browse-filter-drivetrain:before {content:"Drivetrains";}
p.browse-filter-newused:before {content:"New or Used";}

button.filters-container-box{}
button.filters-container-box:before {content:"Filter Your Search"}

button.browse-filter-year {text-align:left;text-indent:10px;border-radius:6px; font-size:14px; font-weight:700;letter-spacing:-.04em; color:#333; padding:6px; border-bottom-left-radius:0px;border-bottom-right-radius:0px;
	background: url("") no-repeat, #f9f9f9; background-size:25px; background-position:right 15px center;line-height:175%;border-bottom:1px solid #fff;box-shadow:rgb(0 0 0 /10%) 0px 1px 1px; }
button.browse-filter-year:before {content:"Year";}

button.browse-filter-make {text-align:left;text-indent:10px;border-radius:6px; font-size:14px; font-weight:700;letter-spacing:-.04em; color:#333; padding:6px; border-bottom-left-radius:0px;border-bottom-right-radius:0px;
	background: url("") no-repeat, #f9f9f9; background-size:25px; background-position:right 15px center;line-height:175%;border-bottom:1px solid #fff;box-shadow:rgb(0 0 0 /10%) 0px 1px 1px; }
button.browse-filter-make:before {content:"Make";}

button.browse-filter-model {text-align:left;text-indent:10px;border-radius:6px; font-size:14px; font-weight:700;letter-spacing:-.04em; color:#333; padding:6px; border-bottom-left-radius:0px;border-bottom-right-radius:0px;
	background: url("") no-repeat, #f9f9f9; background-size:25px; background-position:right 15px center;line-height:175%;border-bottom:1px solid #fff;box-shadow:rgb(0 0 0 /10%) 0px 1px 1px; }
button.browse-filter-model:before {content:"Model";}

button.browse-filter-fuel {text-align:left;text-indent:10px;border-radius:6px; font-size:14px; font-weight:700;letter-spacing:-.04em; color:#333; padding:6px; border-bottom-left-radius:0px;border-bottom-right-radius:0px;
	background: url("") no-repeat, #f9f9f9; background-size:25px; background-position:right 15px center;line-height:175%;border-bottom:1px solid #fff;box-shadow:rgb(0 0 0 /10%) 0px 1px 1px; }
button.browse-filter-fuel:before {content:"Fuel Type";}

button.browse-filter-newused {text-align:left;text-indent:10px;border-radius:6px; font-size:14px; font-weight:700;letter-spacing:-.04em; color:#333; padding:6px; border-bottom-left-radius:0px;border-bottom-right-radius:0px;
	background: url("") no-repeat, #f9f9f9; background-size:25px; background-position:right 15px center;line-height:175%;border-bottom:1px solid #fff;box-shadow:rgb(0 0 0 /10%) 0px 1px 1px; }
button.browse-filter-newused:before {content:"New or Used";}

button.browse-filter-price {text-align:left;text-indent:10px;border-radius:6px; font-size:14px; font-weight:700;letter-spacing:-.04em; color:#333; padding:6px; border-bottom-left-radius:0px;border-bottom-right-radius:0px;
	background: url("") no-repeat, #f9f9f9; background-size:25px; background-position:right 15px center;line-height:175%;border-bottom:1px solid #fff;box-shadow:rgb(0 0 0 /10%) 0px 1px 1px; }
button.browse-filter-price:before {content:"Price";}

button.browse-filter-mileage {text-align:left;text-indent:10px;border-radius:6px; font-size:14px; font-weight:700;letter-spacing:-.04em; color:#333; padding:6px; border-bottom-left-radius:0px;border-bottom-right-radius:0px;
	background: url("") no-repeat, #f9f9f9; background-size:25px; background-position:right 15px center;line-height:175%;border-bottom:1px solid #fff;box-shadow:rgb(0 0 0 /10%) 0px 1px 1px; }
button.browse-filter-mileage:before {content:"Mileage";}

button.browse-filter-downpay {text-align:left;text-indent:10px;border-radius:6px; font-size:14px; font-weight:700;letter-spacing:-.04em; color:#333; padding:6px; border-bottom-left-radius:0px;border-bottom-right-radius:0px;
	background: url("") no-repeat, #f9f9f9; background-size:25px; background-position:right 15px center;line-height:175%;border-bottom:1px solid #fff;box-shadow:rgb(0 0 0 /10%) 0px 1px 1px; }
button.browse-filter-downpay:before {content:"Down Payment";}

.collapsible,.collapsibleblock,.collapsiblefilters { cursor: pointer;padding:14px;width:100%;border:none;outline:none;font-family:Montserrat;font-size:16px;font-weight:600;background-color: #efefef;-webkit-transition: all .9s ease; transition: all 0.9s ease;}
.collapsiblefilters{margin-bottom:0px}
.collapsible:after,.collapsibleblock:after,.collapsiblefilters:after { content: '\2630'; float: left; margin-left: 3px; }
.active:after { content: "\002B"; }
.active, .collapsible:hover, .collapsibleblock:hover, .collapsiblefilters:hover { -webkit-transition: all .9s ease; transition: all 0.9s ease; background-color: #e3e3e3; }
.srp-content { display: none; overflow: hidden; }

a.browse-filter-value {
	display:flex; text-decoration:none;
	-webkit-transition: all .9s ease; transition: all 0.9s ease;
	border:1px solid #dbdbdb; padding: 7px 7px; margin: 5px; border-radius:6px;
	color: #444; font-weight:400; font-size: 13px; text-transform: uppercase!important; cursor:pointer;
}
a.browse-filter-value:hover {
	color:#fff; background:#3388df; border:1px solid #3388df;
	-webkit-transition: all .9s ease; transition: all 0.9s ease; cursor:pointer;
}
a.browse-filter-value-highlight {
	display:flex; text-decoration:none;
	-webkit-transition: all .9s ease; transition: all 0.9s ease;
	padding: 8px 10px; margin: 5px; border-radius:6px;
	border:1px solid #00497e; color: #fff;  background: #3388df;
	font-weight:400; font-size: 13.5px; text-transform: uppercase!important; cursor:pointer;
}
div.browse-filter-inner-slider{text-align:center;padding:10px 20px;}
input#yearrange,input#miles,input#price,input#downpmtrange,input#amount {border:0;color:#777;font-weight:600;margin-bottom:10px;text-align:center;font-size:15px;}
.ui-widget-content {background:#f9f9f9;color:#333;border:1px solid #c1c1c1;margin-bottom:10px;}
.ui-slider-horizontal {height:5px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {background:#3388df;border:0px;}
.ui-state-default {background:#00497e}

div.browse-listings-container {	display:flex;flex-direction:column;width:100%;margin:0 0 0 20px; }
div.listing-wrapper { display:flex; width:100%; background:#fff; margin-bottom: 25px; border: 1px solid #f4f4f4;}
div.listing-inner { display:flex; flex-direction:column; flex:1; margin:0; padding:5px;  }

div.browse-listings-container-none {flex:20}
div.listing-wrapper-none {width:100%;}
div.listing-inner-none {padding:25px;}
h2.no-listings { font-size:22px; font-weight:800; margin: 0 0 6px; }
h2.no-listings:before {content:"OH NO!  We have no inventory that matches your criteria. Can you try searching again?"}
img.no-listings { display:none }
a.no-listings { } text.no-listings:before {content:"VIEW ALL INVENTORY"}

div.blurb-container { flex:1; margin:0; background:rgb(53 85 124 / 10%);}
div.blurb-inner { display:flex; flex:1; padding:10px; margin:0; }
	p.listing-blurb{ font-weight:700; font-style:italic; color:#111; margin:0; line-height:90%; }
	p.listing-blurb:before {content: "⭐"}
div.listing-data-container { flex:1; margin:0; }
div.listing-data-inner { display:flex; flex:1; flex-direction:row; padding:5px 0; margin:0; }

div.srp-image-container {display:flex; flex:0 1 40%; outline: 1px solid #e9e9e9;background:#f0f0f0;}
div.srp-image-inner{ display:flex; flex:1; padding:0px; margin:auto; }
	#srp-image-link { display:flex; }
	img.srp-image { width:100%; max-width:100%; display:flex }


div.srp-specs-container { display:flex; flex:1; margin:0;}
div.srp-specs-inner { display:flex; flex-direction:column;justify-content:space-between; margin:0; padding:10px 25px;width:100%; }
div.srp-title-container{margin: 0 0 15px 0;}
	div.srp-title-inner {  }
	a#srp-title { text-decoration:none }
	div.srp-title-inner h3 { color:#333; font-size:22px; font-weight:800; margin: 0 0 6px; }
	div.srp-subtext {  }
	p.srp-subtext { font-size:16px; color:#333; }
	p.srp-subtext text { }
	text#stocknumber {padding-right:10px; } text#NewUsed {padding:0 12px;border-left:1px solid #ccc;border-right:1px solid #ccc; } text#mileage {padding-left:10px; }
	
div.srp-vdata-container {margin:0;}
div.srp-vdata-inner { display:flex;flex-direction:row; margin:0; width:100%; }
div.vdata-text { flex:1; margin:0; }
	#vdata-text-inner { display:flex; flex-direction:column; }

div.pricing-block { display:flex; flex-wrap:wrap; flex:1; flex-direction:column; margin:auto 0 15px 0; width:100%;font-size:12px; color:#454647; }
	div.p1-block {margin:0; font-weight:700; }
	text.p1text { } text.p1price { font-size:18px; }
	div.p2-block {margin:0; font-weight:400; color:#454647; font-size: 14px; }
	text.p2text:before {padding-left:3px;  } text.p2price {  }
	div.p3-block {margin:0; font-weight:400; color:#454647; font-size: 14px; }
	text.p3text:before {padding-left:3px;  } text.p3price {  }
div.specs-block {color:#454647; display:flex; flex-wrap:wrap; flex:1; flex-direction:row; margin:auto 0; width:100%;font-size:14px;line-height:22px; } 
	text#color {text-transform:capitalize} text#color:after {content:" Exterior" } text#intcolor:after {text-transform:capitalize;content:" interior" } text#transmission { } text#drivetrain { } text#mpg:after {content:" MPG" } text#passenger:after {content:"-seater" } 
	text#engine, text#cylinders, text#wheels, text#warranty, text#gvwr, text#typeoffuel, text#bodystyle, text#vehtype, text#cylinders
	{display:none;}	
	text#color, text#intcolor, text#transmission, text#drivetrain, text#mpg, text#passenger, text#engine, text#cylinders, text#wheels, text#warranty, text#gvwr, text#typeoffuel, text#bodystyle, text#vehtype
	{flex:0 1 46%}
div.vdata-integrations { flex:1; width:100%; margin:auto 0;  }
#vdata-integrations-inner { display:flex; flex-direction:column; text-align:center; }

div.integrations-block {width:100%;}

div.partner-integration, div.partner-integration-carfax {  }
div.partner-integration, div.partner-integration-cargurus {  }
div.partner-integration, div.partner-integration-carstory {  }
div.partner-integration, div.partner-integration-autocheck {  }

div.srp-pricehistory-container {display:flex;width:100%;margin:0;border-top:1px solid #f0f0f0; margin-top:15px}
div.srp-pricehistory-inner {display:flex;width:100%;}
div.pricehistory-block {flex:1; padding:5px;max-width:;}
div.pricehistory-block-carfax,
div.pricehistory-block-cargurus,
div.pricehistory-block-carstory,
div.pricehistory-block-autocheck, 
div.pricehistory-block-custom {display:flex;;}
#carfax-block {} #cargurus-block {} #carstory-block {} #autocheck-block {display:flex;} #vinaudit-block {} #custom-block {text-align:right;margin:auto 0 auto auto;justify-content:center;}
img.carfax{max-width:100%;max-height:60px;} img.cargurus{max-width:100%;} img.carstory{max-width:100%;} img.autocheck{max-width:100%;} img.vinaudit{max-width:100%;} img.custom{max-width:100%;}
.carstory-container .carstory-button {background-position:center!important}

text.vehlocated {display:block;font-size:12px;font-weight:700;line-height:12px;}
text.vehcityphone {display:block;font-size:14px;font-weight:600;letter-spacing:-.03em;line-height:14px;padding-top:3px;}

div.srp-actions-container { flex:1; margin:0; background:#444;}
div.srp-actions-inner { display:flex; justify-content:space-between; flex:1; padding:0; margin:0; font-size:14px; font-weight:600; letter-spacing:-.03em; }

div.actions-left-block {display:flex;align-items:center; color:white; margin:0; text-align:right;}
div.actions-right-block {color:white; margin:0; text-align:right}
div.actions-left-inner {display:flex;padding:0 15px;}
div.actions-right-inner {display:flex; }

#veh-images { display:inline-flex;align-items:center;} #veh-views {display:inline-flex;align-items:center; padding:0 25px;} #veh-video {display:inline-flex;align-items:center; } 
i.srp-icons {font-size:16px!important}
#test-drive {width:200px;text-align:center;background:rgba(255 255 255 / 5%);padding:0px 0;} 
#check-availability {width:200px;text-align:center;background:rgba(0 0 0 / 10%);padding:0px 0;}
#test-drive:hover {background:rgba(255 255 255 / 15%);} 
#check-availability:hover {background:rgba(0 0 0 / 25%);}
#right-block-link {color:#fff;text-decoration:none!important;font-size:13px;font-weight:400;display:inline-flex;}
#right-block-link:hover {color:#ccc}


@media (max-width: 1440px) {
div.srp-title-inner h3 {font-size:18px; margin:0;}
p.srp-subtext{font-size:12px}
div.srp-title-container {margin-bottom:0px}
div.specs-block{font-size:12px}
}
@media (max-width: 1024px) {
div.srp-image-inner {margin-top:0px}
div.blurb-inner{justify-content:center;}
div.listing-data-inner{flex-direction:column}

}
@media (max-width: 768px) {
div.VDPBreadCrumb{display:none;}
div.browse-ordering{width:100%;flex-wrap:wrap;margin:auto;border-top:0px;}
	div.browse-ordering-left {margin-left:0;justify-content:center;padding:0;order:1}
	div.browse-ordering-center {display:none}
	div.browse-ordering-right {margin-right:0;justify-content:right;padding:0;order:2}
div.browse-main {flex-direction:column;}
button.collapsiblefilters { cursor: pointer;padding: 10px;width: 100%;border: none;outline: none;font-family: Montserrat;font-size: 14px;font-weight: 600;background-color: #efefef;-webkit-transition: all .9s ease; transition: all 0.9s ease;}
button.filters-container-box {background:#eaf2f9;margin-bottom:5px;border-radius:0;}
div.filters-container-box {display:none}
div.browse-filters-container {flex:1; width:100%;max-width:100%; flex-direct:column; }
div.browse-filters-container form {display:none}
p.browse-filter-invcat, p.browse-filter-location, p.browse-filter-vehtype,
button.browse-filter-make {font-size:12px;padding:0px;background-size:16px;}
div.browse-filter-wrapper-model{display:none;}

div.browse-listings-container{margin:0}

div.srp-image-inner{max-width:75%;}
div.srp-specs-inner{flex-direction:column;display:flex;width:100%; padding:15px 0 10px 0;}
div.srp-title-container{text-align:center}
div.srp-vdata-inner{flex-direction:column}
#vdata-text-inner{}
div.pricing-block{text-align:center;margin:0;}
div.specs-block{margin:auto; justify-content:center; text-align:center}
	text#color, text#intcolor, text#transmission, text#drivetrain, text#mpg, text#passenger {flex:0 1 33% !important;max-width:33%}
	text#color, text#transmission,  text#mpg {display:none}
	
div.search-bar-container {display:flex;flex-direction:column;}
div.srp-headline {display:flex;flex:1; margin:0; justify-content:center; align-items:center;padding-bottom:6px;}
h1.srp-headline {font-size:26px;}
div.search-bar-main { display:flex; justify-content:center;flex:1}
input#searchterm { padding:8px 12px;font-size:large;font-family:Monserrat,'Open Sans'; background-size:26px; background-position: right 15px center;}
select.browse-drop-down {font-size:15px; color: #777; border: 1px solid #777; padding:8px 8px; border-radius:6px}
h4.browse-result-count{font-size:15px;}
div.browse-result-page-nav {font-size:15px;}

p.listing-blurb {text-align:center; line-height:125%;}


div.listing-inner {padding:0px;}
div.srp-image-container{flex:1;width:100%;padding:0px;margin:0px}
img.srp-image{padding:0;margin:0}
div.pricehistory-block-autocheck{max-width:96px;}
select.browse-drop-down {max-width:120px;}

div.actions-left-block {display:none;}
div.actions-right-block,div.actions-right-inner {display:flex;width:100%;flex:1;margin:0;padding:0}
#test-drive,#check-availability{flex:1;width:100%;display:flex;padding:10px 0;justify-content:center;}

text.p1price{font-size:16px;}text.p1text{display:block;font-size:14px;line-height:12px;padding-bottom:10px}

}


