/*
Drew Thorson
drewthorson.com
30 JUL 2014
Responsive SRP V1.0
*/

#advancedsearch { position: relative; }

#advancedsearch .mask {
	-moz-transition: opacity 300ms;
	-o-transition: opacity 300ms;
	-webkit-transition: opacity 300ms;
	background: rgba(0, 0, 0, 0.35);
	height: 0;
	left: 0;
	opacity: 0.0;
	position: absolute;
	top: 0;
	transition: opacity 300ms;
	width: 0;
	z-index: 10;
}

#advancedsearch .mask.show {
	height: 100%;
	opacity: 1.0;
	width: 100%;
}

/* Header SRP ========================= */

#advancedsearch .searchHeader { background: #fff; }

#advancedsearch .srp-header-wrap { padding: 10px; }

#advancedsearch .headerCustomContent ul {
	list-style: disc;
	margin-left: 20px;
}

#advancedsearch .headerCustomContent p { margin: 15px 0; }

/* Left Column SRP ==================== */

#advancedsearch .searchLeft { padding: 1%; }

#advancedsearch .searcher {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #fff;
	border-radius: 3px;
	margin-bottom: 1em;
	overflow: hidden;
}

#advancedsearch .searchLeft h2 {
	line-height: 2em;
	text-transform: capitalize;
}

#advancedsearch .searchLeft .history h2,
#advancedsearch .searchLeft .refine h2 {
	background: #333;
	color: #fff;
	margin: 0;
	text-align: center;
}

#advancedsearch .searchLeft .buttons { margin: 1em 0; }

/* You Searched For Box SRP */

#advancedsearch #searchboxnewdiv { display: none; }

#advancedsearch .searchLeft .header h2 {
	background: #765a70;
	color: #fff;
}

#advancedsearch .searchLeft .history .buttons { padding-left: 2%; }

#advancedsearch .searchLeft .history li { font-size: 1em; }


#advancedsearch .searchLeft .history li + li { margin-top: 5px; }

#advancedsearch .searchLeft .history .remove_button:hover {
	background: #bd1e01;
	color: #fff;
}

#advancedsearch .searchLeft .history li:after {
	clear: both;
	content: "";
	display: table;
}

#advancedsearch .searchLeft .history .remove_button {
	background: #f5f5f5;
	border-radius: 50%;
	color: #5e5e5e;
	display: inline-block;
	line-height: 1.5em;
	text-align: center;
	width: 1.5em;
}

#advancedsearch .searchLeft .history .labelspan {
	color: #787878;
	font-style: italic;
	line-height: 1.5em;
	padding-left: .5em;
}

#advancedsearch .searchLeft .history .newSearch { padding: 2%; }

#advancedsearch .searchLeft .history .newSearch a {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #EB7725;
	border-radius: 3px;
	color: #fff;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.25em;
	padding: 10px 0;
	position: relative;
	text-align: center;
}

#advancedsearch .searchLeft .history .newSearch a:hover { background: #036; }

/* Refine Search Box SRP */

#advancedsearch .searchLeft #searchboxdiv {
	background: #fff;
	padding: 10px 2%;
}

#advancedsearch .searchLeft input.search {
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	background: #f5f5f5;
	border: none;
	border-radius: 3px 0 0 3px;
	display: inline-block;
	padding: 10px;
	width: 75%;
}

#advancedsearch .searchLeft input.go {
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	background: #EB7725;
	border: none;
	border-radius: 0 3px 3px 0;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	margin-left: -4px;
	padding: 10px;
	width: 25%;
}

#advancedsearch .searchLeft input.go:hover { background: #036; }

#advancedsearch .searchLeft .expander li a {
	background: #f5f5f5;
	border-radius: 5px;
	color: #5e5e5e;
	display: block;
	float: left;
	margin: 2%;
	padding: 5px;
	text-align: center;
	width: 46%;
}

#advancedsearch .searchLeft .expander li a:hover {
	background: #5e5e5e;
	color: #fff;
}

#advancedsearch .searcher .section .header { position: relative; }

#advancedsearch .searcher .section .header h2 {
	background: #0868ad;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	line-height: 1em;
	margin: 0;
	padding: 15px;
}

#advancedsearch .searcher .section .header .close,
#advancedsearch .searcher .section .header .open {
	cursor: pointer;
	font: 0/0 a;
	height: 16px;
	margin-top: -8px;
	overflow: hidden;
	position: absolute;
	right: 0px;
	top: 50%;
	width: 28px;
}

#advancedsearch .searcher .section .header .open:before,
#advancedsearch .searcher .section .header .close:before {
	border: 6px solid transparent;
	content: "";
	display: block;
	left: 50%;
	margin-left: -6px;
	margin-top: -4px;
	position: absolute;
	top: 50%;
}

#advancedsearch .searcher .section .header .open:before {
	border-bottom: none;
	border-top: 8px solid #fff;
}

#advancedsearch .searcher .section .header .close:before {
	border-bottom: 8px solid #fff;
	border-top: none;
}

/* Right Column SRP ==================== */

#advancedsearch .searchRight { background: #fff; }

/* Search Header */

#advancedsearch .sortFields {
	background: #5e5e5e;
	clear: both;
	padding: 15px 10px;
}

#advancedsearch .sortFields:after {
	clear: both;
	content: "";
	display: table;
}

#advancedsearch .refine-search-btn {
	background: #5e5e5e;
	display: none;
	padding: 10px;
}

#advancedsearch .refine-search-btn.fixed {
	-moz-transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-o-transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-webkit-transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	left: 0;
	position: fixed;
	top: 0;
	transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	width: 100%;
	z-index: 9;
}

#advancedsearch .refine-search-btn.fixed.active { left: 80%; }

#advancedsearch .refine-search-btn a {
	background: #fff;
	border-radius: 3px;
	color: #036;
	display: inline-block;
	font-size: 1.25em;
	padding: 5px 15px;
	position: relative;
}

#advancedsearch .refine-search-btn a:before {
	border: 5px solid transparent;
	border-right-color: #fff;
	content: "";
	display: block;
	margin-top: -5px;
	position: absolute;
	right: 100%;
	top: 50%;
}

#advancedsearch .refine-search-btn a:hover {
	background: #036;
	color: #fff;
}

#advancedsearch .refine-search-btn a:hover:before { border-right-color: #036; }

#advancedsearch .sortFields .sortBy {
	float: left;
	list-style: none;
	margin: 4px 0;
	padding: 0;
	width: 35%;
}

#advancedsearch .sortFields .sortBy span { color: #fff; }

#advancedsearch .sortFields .sortBy select { width: auto; }

#advancedsearch .sortFields .callToAction {
	float: right;
	text-align: right;
	width: 35%;
}

#advancedsearch .sortFields .callToAction a {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #EB7725;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	padding: 7px 25px;
	text-align: center;
}

#advancedsearch .sortFields .callToAction a:hover { background: #036; }

#advancedsearch .sortFields .callToAction a.disabled {
	background: #fff;
	color: #dcdcdc;
	cursor: default;
}

#advancedsearch .count-and-pager { background: #e8e8e8; }

#advancedsearch .pager { padding: 10px; }

#advancedsearch .pager .recordCount {
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	background: #0868ad;
	border-radius: 100px;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	line-height: 19px;
	padding: 8px 10px;
	position: relative;
}

#advancedsearch .searchRight .paging { width: 100%; }

#advancedsearch .paging .pager { padding: 10px; }

#advancedsearch .paging .recordsperpage {
	float: right;
	line-height: 35px;
}

#advancedsearch .paging .recordsperpage select { width: auto; }

#advancedsearch .paging .pager ul {
	display: table;
	list-style: none;
	margin: 0;
	padding: 0;
	table-layout: fixed;
}

#advancedsearch .paging .pager ul li {
	float: left;
	margin-right: 2px;
}

#advancedsearch .paging .pager ul li a {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	background: #f5f5f5;
	border-radius: 50%;
	color: #000;
	display: table-cell;
	font-size: 14px;
	height: 35px;
	margin: 5px;
	padding: 2px;
	text-align: center;
	vertical-align: middle;
	width: 35px;
}

#advancedsearch .paging .pager ul li.selected a { background: #EB7725; }

#advancedsearch .paging .pager ul li a:hover {
	background: #036;
	color: #fff;
}

/* Search Results Row */

#advancedsearch .searchresults .searchresultrow {
	background: #e6e6e6;
	border-left: 5px solid #EB7725;
	margin: 0 0 20px;
	padding-top: 10px;
}

#advancedsearch .searchresults .vehiclephoto,
#advancedsearch .searchresults .vehiclepricing { padding: 0 10px; }

#advancedsearch .searchresults .vehiclephoto img {
	background: #fff;
	border: 1px solid #e8e8e8;
	padding: 4px;
	width: 100%;
}

#advancedsearch .searchresults .vehicleinformation {
	border-right: 1px solid #fff;
	color: #333;
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 0 10px;
}

#advancedsearch .searchresults .vehicleinformation .vehicletitle a { color: #036; }

#advancedsearch .searchresults .vehiclepricing .pricing ul {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;
}

#advancedsearch .searchresults .vehiclepricing .prices li.initial label,
#advancedsearch .searchresults .vehiclepricing .prices li.rebate label {
	background: #b5b5b5;
	color: #fff;
	display: block;
	font-size: 1em;
	padding: 5px;
	position: relative;
	text-align: center;
}

#advancedsearch .searchresults .vehiclepricing .prices li.final label,
#advancedsearch .searchresults .vehiclepricing .prices li.single label {
	background: #5e5e5e;
	color: #fff;
	display: block;
	font-size: 1.25em;
	font-weight: bold;
	padding: 5px;
	position: relative;
	text-align: center;
}

#advancedsearch .searchresults .vehiclepricing .prices li.initial span,
#advancedsearch .searchresults .vehiclepricing .prices li.rebate span {
	background: #fff;
	color: #e99d16;
	display: block;
	font-size: 1.5em;
	font-weight: 300;
	padding: 10px 5px;
	text-align: center;
}

#advancedsearch .searchresults .vehiclepricing .prices li.final span,
#advancedsearch .searchresults .vehiclepricing .prices li.single span {
	background: #fff;
	color: #e99d16;
	display: block;
	font-size: 2.5em;
	padding: 10px 5px;
	text-align: center;
}

#advancedsearch .searchresults .vehiclepricing .view { text-align: center; }

#advancedsearch .searchresults .vehiclepricing .view a {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #449686;
	border-radius: 3px;
	color: #fff;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.25em;
	margin: 10px 0;
	padding: 7px 0;
	position: relative;
	text-align: center;
}

#advancedsearch .searchresults .vehiclepricing .view a:hover { background: #036; }

#advancedsearch .searchresults .vehiclephoto,
#advancedsearch .searchresults .vehicleinformation,
#advancedsearch .searchresults .vehiclepricing { padding-bottom: 10px; }

#advancedsearch .searchresults .saveurl input { width: auto; }

#advancedsearch .searchresults .saveurl {
	display: block;
	padding: 10px;
	text-align: right;
}

#advancedsearch .searchresults .saveurl:before {
	color: #333;
	content: 'Save & Compare';
	margin-right: 5px;
}

#advancedsearch .searchresults .valuation { background: #e8e8e8; }

#advancedsearch .searchresults .valuation ul li {
	color: #e99d16;
	display: inline-block;
	float: left;
	font-size: 1em;
	padding: 10px;
}

#advancedsearch .searchresults .valuation div { display: inline-block; }

#advancedsearch .searchresults .valuation .shield,
#advancedsearch .searchresults .valuation .flame {
	background-image: url("../../images/searchresults/sprite_certified_logos.png");
	height: 20px;
	margin-bottom: -5px;
	width: 20px;
}

#advancedsearch .searchresults .valuation .shield { background-position: 0px -234px; }

#advancedsearch .searchresults .valuation .flame { background-position: -20px -234px; }

#advancedsearch .searchresults .callToAction > ul .liContactSeller,
#advancedsearch .searchresults .callToAction > ul .liAdditionalSavings,
#advancedsearch .searchresults .callToAction > ul .liSendToFriend { display: none; }

#advancedsearch .searchresults .callToAction a {
	background: #333;
	border-left: 1px solid #555;
	border-right: 1px solid #444;
	color: #ccc;
	display: block;
	font-size: 1.25em;
	padding: 10px 0;
	text-align: center;
}

#advancedsearch .searchresults .callToAction a span { margin-right: 5px; }

#advancedsearch .searchresults .callToAction a:hover {
	background: #036;
	color: #fff;
}

/* Search Results Row - Grid View */

#advancedsearch .searchresults .searchresultrow.grid-view { border: 5px solid #fff; }

#advancedsearch .searchresults .grid-view .vehiclephoto { width: 100%; }

#advancedsearch .searchresults .grid-view .vehicleinformation {
	border: none;
	width: 100%;
}

#advancedsearch .searchresults .grid-view .vehicletitle { font-size: 0.9em; }

#advancedsearch .searchresults .grid-view .prices li.final span,
#advancedsearch .searchresults .grid-view .prices li.single span { font-size: 2em; }

#advancedsearch .searchresults .grid-view .vehicledetails { display: none; }

#advancedsearch .searchresults .grid-view .vehiclepricing { width: 100%; }

#advancedsearch .searchresults .grid-view .valuation,
#advancedsearch .searchresults .grid-view .callToAction { display: none; }

.grid-toggle {
	float: left;
	text-align: center;
	width: 30%;
}

#display-grid-toggle {
	border-radius: 3px;
	display: inline-block;
	font-size: 1.75em;
	overflow: hidden;
}

#display-grid-toggle > div {
	background: #666;
	color: #fff;
	float: left;
	height: 38px;
	padding: 8px;
	width: 44px;
}

#display-grid-toggle span { font: 0/0 a; }

#display-grid-toggle .selected { background-color: #EB7725; }

.InventoryLinks { display: none; }

@media only screen and (min-width: 768px) and (max-width: 980px) {
	/* Header SRP ========================= */

	#advancedsearch .paging .pager ul { margin-top: 5px; }

	#advancedsearch .paging .pager ul li a {
		height: 25px;
		width: 25px;
	}

	/* Left Column SRP ==================== */

	#advancedsearch .searchLeft .history .newSearch a { font-size: .8em; }

	/* Refine Search Box SRP */

	#advancedsearch .searchLeft input.search,
	#advancedsearch .searchLeft input.go {
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		width: 100%;
	}

	#advancedsearch .searchLeft input.go { margin: 5px 0 0; }

	#advancedsearch .searchLeft .expander li a { width: 96%; }

	#advancedsearch .searchLeft .history li { font-size: .8em; }

	/* Right Column SRP ==================== */

	#advancedsearch .searchresults .callToAction a {
		border-bottom: 1px solid #444;
		border-top: 1px solid #555;
		font-size: 0.9em;
	}

	#advancedsearch .searchresults .vehiclepricing .prices li span { font-size: 2em; }

	#advancedsearch .searchresults .vehiclepricing .prices li.final span,
	#advancedsearch .searchresults .vehiclepricing .prices li.single span { font-size: 2em; }
}

/* -------------------- Mobile Landscape -------------------- */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	#advancedsearch .searchHeader,
	#advancedsearch .searchRight { width: 100%; }

	#advancedsearch .searchLeft {
		margin-left: -80%;
		width: 80%;
	}

	#advancedsearch { overflow: hidden; }

	#advancedsearch .advancedsearchinner {
		-moz-transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
		-o-transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
		-webkit-transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
		left: 0;
		position: relative;
		transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	}

	#advancedsearch .selected { left: 80%; }

	/* Right Column SRP ==================== */

	#advancedsearch .searchresults .callToAction a {
		border-bottom: 1px solid #444;
		border-top: 1px solid #555;
	}

	/* Search Results Row - Grid View */

	#display-grid-toggle { display: none; }

	#advancedsearch .pager,
	#advancedsearch .paging { text-align: center; }

	#advancedsearch .paging .recordsperpage { display: none; }

	#advancedsearch .paging .pager ul { margin: 0 auto; }

	#advancedsearch .sortFields .callToAction,
	#advancedsearch .sortFields .sortBy { width: 50%; }

	#advancedsearch .refine-search-btn { display: block; }

	#advancedsearch .searchresults .searchresultrow { margin: 20px 0; }

	#advancedsearch .searchresults .vehiclephoto { padding: 0 2%; }

	#advancedsearch .searchresults .vehicleinformation { border: none; }

	#advancedsearch .searchresults .vehiclepricing {
		clear: both;
		padding: 2%;
		width: 100%;
	}

	#advancedsearch .searchresults .vehiclepricing .pricing {
		float: left;
		margin-right: 2%;
		width: 48%;
	}

	#advancedsearch .searchresults .vehiclepricing .view { padding-left: 10px; }

	#advancedsearch .searchresults .vehiclepricing .view a { margin: 0; }
}

/* -------------------- Mobile Potrait -------------------- */

@media only screen and (max-width: 480px) {
	#advancedsearch .searchHeader,
	#advancedsearch .searchRight { width: 100%; }

	#advancedsearch .searchLeft {
		margin-left: -80%;
		width: 80%;
	}

	#advancedsearch { overflow: hidden; }

	#advancedsearch .advancedsearchinner {
		-moz-transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
		-o-transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
		-webkit-transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
		left: 0;
		position: relative;
		transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	}

	#advancedsearch .selected { left: 80%; }

	#advancedsearch .searchLeft .history li { font-size: .8em; }

	#advancedsearch .searchLeft .expander li a { width: 96%; }

	/* Right Column SRP ==================== */

	#advancedsearch .searchresults .callToAction a {
		border-bottom: 1px solid #444;
		border-top: 1px solid #555;
	}

	/* Search Results Row - Grid View */

	#display-grid-toggle { display: none; }

	#advancedsearch .pager,
	#advancedsearch .paging {
		text-align: center;
		width: 100%;
	}

	#advancedsearch .paging .pager ul li a {
		height: 30px;
		width: 30px;
	}

	#advancedsearch .paging .recordsperpage { display: none; }

	#advancedsearch .paging .pager ul { margin: 0 auto; }

	#advancedsearch .sortFields .callToAction,
	#advancedsearch .sortFields .sortBy {
		text-align: center;
		width: 100%;
	}

	#advancedsearch .refine-search-btn { display: block; }

	#advancedsearch .searchresults .searchresultrow { margin: 20px 0; }

	#advancedsearch .searchresults .vehiclepricing { padding-bottom: 0; }

	#advancedsearch .searchresults .vehicleinformation { border: none; }
}