/**
 * INVENTORY SEARCH RESULTS
 * 
 * CHANGES TO THIS FILE MUST BE MADE IN CX5_Front_Inventory_Search-ie.css
 * @version 2016.03.23.01 LB Ticket 285107 - allow unavailable search criteria to disappear from the list
 * @version 2016.03.24.01 LB Ticket 285817 - make "Filter" button inactive until criteria selections have changed
 * @version 2016.04.01.01 LB Ticket 289273 - make "Reset All" button larger (as wide as "Click to Select" buttons)
 * @version 20160902 nna 319997
 **/

#searchpage {
	width: 320px;
	margin: 0;
	float: left;
	}
	
#searchCriteria {
	display: block;
	width: 97%;
	max-width: 623px;
	margin: 0;
	padding: .2em 1.5%;
}

#searchCriteria .quick_title {
	/*background-color:#5d5d5d;
	color:white;*/
	font-size:1.75em;
	padding-left:5px;
	font-weight:bold;
	}	
#searchCriteria h3 {
	line-height: 24px;
	font-size: 1.5em;
	padding-left: 5px;
	margin: .5em 0 1em;
	text-align: center;
	}
#searchCriteria .quick_inventory {
	width:97%;
	margin:15px 5px;
	/* height:25%; */
	text-align:center;
}
#searchCriteria .quick_value {
	float:left;
	padding-left: .4em;
	font-size:1.15em;
}	
#searchCriteria #reset {
	display: block;
	margin: 0 auto;
	width: 10em;
	}

span#reset .ui-button-text
{
	background-color: #bb0000;
	border-radius: 5px;
	color: #ffffff;
	padding: 2px 10px;
	min-width: 85px;
}
#quick_search_box > #searchpage > #searchCriteria #criterialist
{
	display: block;
}
#criterialist {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: none;
	}
	
#criterialist .buttonset {
	width: 240px;
	margin: 0 auto;
	}
	
#criterialist .criteria_open {
	color: #777777;
	display: inline-block;
	float: right;
	cursor: pointer;
	margin-top: .2em;
	margin-right: 3px;
	}
	
#criterialist .criteria_open .ui-button-text {
	padding: 2px 10px;
	}
	
#criterialist .criteria_quick_open {
	/*color: white;*/
	display: inline-block;
	float: left;
	cursor: pointer;
	margin: .2em 3px .5em 3px;
	width:100%;
	}
	
#criterialist .criteria_quick_open  img{
		float:right;
	}
	
#criterialist .criteria_label {
	font-size: 1.1em;
	font-weight: bold;
	display: inline-block;
	float: left;
	margin-top: .2em;
	margin-left: 3px;
	}

#criterialist .criteria_selected {
	display: block;
	clear: both;
	margin-left: 8px;
	}
	
.unavailable_list_item {
	color: #808080;
	display: none;
	}
	
.criteria_slideout {
	width: 300px;
	z-index: 8000;
	padding: 10px;
	max-height: 450px;
	overflow: auto;
	border-top: none;
	}
	
#slidetop {
	width: 320px;
	vertical-align: top;
	}
	
#slidedirections {
	display: inline-block;
	width: 226px;
	margin-left: 15px;
	margin-top: 6px;
	font-size: 1.4em;
	vertical-align: top;
	}
	
#slidecancel {
	cursor: pointer;
	display: inline-block;
	height: 30px;
	width: 70px;
	}
	
#slidecancel span {
	height: 20px;
	width: 20px;
	float: right;
	margin-top: 7px;
	background: url(../csslib/cx5front/close-x.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	}
	
#slidemiddle {
	width: 320px;
	height: 50px;
	border-top: none;
	border-bottom: none;
	}
	
#slideclose,
#slidereset
{
	cursor: pointer;
	width: 40%;
	height: 20px;
	padding: 3px;
	background: none;
	font-size: 1.2em;
	margin: 10px;
	text-align: center;
}

#slideclose
{
	float: left;
	background-color: #00bb00;
	color: #ffffff;
}

#slideclose.disabled
{
	background-color: #bbbbbb;
}

#slidereset
{
	float: right;
	background-color: #bb0000;
	color: #ffffff;
}

.criteria_slideout ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

#criterialist #criteria_price_slider, #criterialist #criteria_payment_slider {
	width: 80%;
	margin: 3em auto 1.5em;
	display: block;
	}
	
#criterialist .criteria_text {
	width: 70px;
	}

#criterialist .criteria_item {
	clear: both;
	margin:1em auto;
	width: 96%;
	}
	
#criterialist .quick_item {
	width:75%;
	margin: 3px auto;
	padding-top:1px;
	/*background-color:#6d6d6d;
	color:white;	*/
}
#criterialist .pricelabel {
	width: 70px;
	font-size: 1.1em;
	}
	
#criterialist .cx5_is_criteria_section {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #808080;
	font-weight: bold;
	font-size: 1.1em;
	}

.sortbar {
	width: 97%;
	min-height: 20px;
	padding: .2em 1.5%;
	display: block;
	margin-bottom: 10px;
	max-width: 623px;/* jln 603px;*/
	}
	
.sortbar #countarea {
	display: inline-block;
	width: 100px;
	}
	
.sortbar #sortsection {
	display: inline-block;
	margin: 0;
	float: right;
	}
	
.sortbar #sortfield {
	width: 170px;
	}

#searchresults {
	width: 100%;
	max-width: 650px;/* jln 630px;*/
	}
	
.no_search_results {
	width: 90%;
	padding: 60px 5%;
	font-size: 1.4em;
	font-weight: bold;
	}

.inventory_result {
	display: inline-block;
	margin: 2px 0;
	min-height: 145px;
	width: 100%;
	}

.inventory_result .photo {
	width: 158px;
	height: 150px;
	display: inline-block;
	float: left;
	overflow: hidden;
	cursor: pointer;
	}
	
.inventory_result .photo .photolink {
	display: inline-block;
	width: 85px;
	height: 20px;
	margin-left: 4px;
	}
	
.inventory_result .photo .videolink {
	display: inline-block;
	width: 55px;
	height: 20px;
	margin-left: 4px;
	}
	
.video_av, .photobadge {
	cursor: pointer;
	font-size: .8em;
	}

.inventory_result .photo .noimage {
	width: 156px;
	height: 116px;
	color: #aaaaaa;
	line-height: 116px;
	vertical-align: middle;
	text-align: center;
	cursor: auto;
	}

.resultheader {
	width: 98%;
	display: inline-block;
	font-size: 1.5em;
	line-height: 1.6em;
	cursor: pointer;
	padding: 5px 1%;
	}

.resultheader a{
	text-decoration: none;
	}

.resultheader .resultlabel {
	display: inline-block;
	width: 96%;/* jln 100%;*/
	min-height: 1.7em;
	}
	
.resultheader .vehicle_special_holder {
	display: block;
	width: 10em;
	height: 1.6em;
	overflow: hidden;
	margin: 2px auto;
	padding: 0;
	}
	
.resultheader .vehicle_special {
	color: white;
	font-weight: bold;
	background: #e00000; /* Old browsers */
	background: -moz-linear-gradient(top,  #e00000 0%, #a90000 44%, #6d0000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e00000), color-stop(44%,#a90000), color-stop(100%,#6d0000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e00000 0%,#a90000 44%,#6d0000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e00000 0%,#a90000 44%,#6d0000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e00000 0%,#a90000 44%,#6d0000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e00000 0%,#a90000 44%,#6d0000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e00000', endColorstr='#6d0000',GradientType=0 ); /* IE6-9 */
	padding: 0;
	font-size: .7em;
	text-align: center;
	vertical-align: middle;
	}

.resultheader .vehicle_special img {
	border: none;
	}

.compare_box {
	clear:both;
	float:right;
	border-left:1px solid black;
	width:20px;
	height:125px;
	display:none;
}
.resultcompare {
	float: left;
	margin: 0;
	display:none;
	}
.compare_heading {
	float:left;
	display:none;
	}

.resultbody {
	width: 100%;
	min-height: 112px;
	padding: 0;
	display: inline-block;
	border-top: none;
	margin-top: 0px;
	}

.resultspecs {
	width: 210px;
	min-height: 85px;
	display: inline-block;
	float: left;
	}
	
.resultspecs .cx5_is_resultspecline {
	display: block;
	float: left;
	margin-top: 3px;
	}
	
.resultspecs .label {
	width: 100px;
	display: inline-block;
	font-weight: bold;
	margin-left: 5px;
	float: left;
	clear: left;
	}
	
.resultspecs .content {
	width: 100px;
	display: inline-block;
	padding-left: 5px;
	overflow: hidden;
	float: left;
	clear: right;
	}

.resultbody .specialinfo {
	display: inline-block;
	width: 75px;
	height: 80px;
	float: left;
	margin: 5px 5px 0px 10px;
	}

.resultbody .specialinfo .carfax {
	height: 51px;
	width: 75px;
	margin: 5px 0;
	display: inline-block;
	}

.resultbody .specialinfo .certified {
	height: 51px;
	width: 75px;
	margin: 5px 0;
	display: inline-block;
	}

.resultbody .results_right_col {
	float: right;
	display: inline-block;
	width: 160px;
	min-height: 115px;
	padding-top: .25em;
	}
	
.is_price_line {
	min-height: 1.4em;
	padding: .25em 0;
	font-size: 1em;
	color: #404040;
	}
	
.is_price_line .is_price_label {
	display: inline;
	float: left;
	}
	
.is_price_line .is_price_paylabel {
	display: block;
	margin: 0 auto;
	}
	
.is_price_line .is_price_label.hasincentives {
	}
	
.is_price_line .is_price_label.hasincentives.ui-button-text-only .ui-button-text {
	padding: 1px 4px;
	}
	
.is_price_line .is_price_value {
	display: inline;
	float: right;
	margin-right: .5em;
	}
	
.is_price_line .is_price_payvalue {
	display: block;
	margin: 0 auto;
	font-style: italic;
	font-size: 1.4em;
	}
	
.is_price_line.highlightline .is_price_label {
	font-weight: bold;
	color: #ff0000;
	}
	
.is_price_line.highlightline .is_price_value {
	font-weight: bold;
	font-size: 1.2em;
	color: #000000;
	}
	
.is_price_spacer {
	display: block;
	height: 1em;
	}
	
.is_price_dotted {
	display: block;
	height: 0;
	border-bottom: .1em dotted #808080;
	margin-right: 1em;;
	}

.results_right_col  .resultcall {
	display: inline-block;
	width: 150px;
	height: 56px;
	}
	
.new_info_line {
	clear: right;
	float: right;
	display: inline-block;
	min-height: 25px;
	margin: 3px 0;
	width: 320px;
	}
	
.new_info_line .adLine {
	display: inline-block;
	width: 280px;
	height: 25px;
	float: left;
	margin: 10px;
	overflow: hidden;
	font-size: 1em;
	line-height: 1.2em;
	}
	
.new_info_line .resultlink {
	display: block;
	float: left;
	margin-left: 80px;
	}

.new_info_line .resultlink a {
	display: block;
	width: 170px;
	margin: 0 auto;
	}

.new_info_line .resultlink a.paymentlink {
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.4);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.4);
	}

.resultlink .paymentlink .ui-button-text {
	padding: 0;
	}

.resultlink .paymentlink .is_price_line_payment {
	padding: 0;
	}

.resultlink .ui-button-text {
	padding: 3px 5px;
	font-size: 11px;
	font-weight: bold;
	}

#ws_search_disclaimer {
	margin-top: 10px;
	}
	
.ce5_is_pluginarea {
	clear: both;
	}
	
.ce5_is_newplugin1, .ce5_is_newplugin2, .ce5_is_usedplugin1, .ce5_is_usedplugin2 {
	display: inline-block;
	height: 40px;
	width: 260px;
	margin: 3px 29px;
	}
	
.view_autocheck {
	cursor: pointer;
	}
	
/* compare vehicles modal jln  */
.fixed-compare {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -50%;
	margin-top: -50%;
	z-index: 9030;
	}
	
.comparearea{
	float:right;
	padding:10px 0;
	display:none;
}

#vehicle_compares{
	width:95%;	
}

.compare_vehicle {
	width:200px;
	float:left;
}

.compare_vehicle .img_holder{
	width:110px;
	height:75px;
}

.compare_vehicle  ul{
	margin-top:35px;
	list-style-type: none;
	padding: 0;
}

.compare_vehicle  ul li{
	font-size:10px;
	padding:7px;
	border-bottom:2px solid #ccc;
	height: 12px;
	min-height: 12px;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
}

.compare_vehicle ul li:last-child {
	border-bottom: none;
	height: auto;
}

.compare_vehicle .veh_comments {
	font-weight:bold;
	font-size:11px;
}

.compare_vehicle .noimage {
	width: 110px;
	height: 60px;
	color: #aaaaaa;
	line-height: 35px;
	vertical-align: middle;
	text-align: center;
	cursor: auto;
}
	
#is_menu_collapsed {
	position: fixed;
	z-index: 9990;
	bottom: 15px;
	left: 15px;
	padding: 5px;
	margin: 0;
}

#is_menu_expanded {
	position: fixed;
	z-index: 9990;
	bottom: 15px;
	left: 15px;
	padding: 5px 5px 0 5px;
	margin: 0;
}

#is_menu_expanded .button {
	width: 160px;
	display: block;
	margin-bottom: 5px;
}

#is_menu_expanded .clear_compare { display: none; }
#is_menu_expanded .vehicle_compare { display: none; }

#list_dealers {
	display: none;
}

/** make filters hide on small displays **/
#medium_filter_button {
	display: block;
	margin: 2em 1em 1em;
}

#criterialist .criteria_open.criteria_resp {
	display: block;
	float: none;
	margin: .2em auto;
}

#criterialist .criteria_label.criteria_full {
	display: none;
}
		
#criterialist .criteria_open.criteria_full	{
	display: none;
}

/* @version 2016.05.09 jln Ticket 295003 */
#cx5_is_search_keyword_searched span
{
	padding-right: 5px;
}

#cx5_is_search_keyword_searched i
{
	padding-left: 5px;
	cursor: pointer;
}

/* 20160715 nna 309716 */
#list_price #criteria_tabs_1 ul {
	text-align: center;
}

#list_price #criteria_tabs_1 ul li {
	float: right;
}

#list_price #criteria_tabs_1 ul li:first-child {
	float: left;
}

#list_price #criteria_tabs_1 ul #priceorpaymentor {
	padding-top: 9px;
	text-align: center;
	display: inline-block;
	font-weight: normal;
}

/* @version 20170505 nna 376710 added keyword search*/
#cx_quick_text_search_box {
	padding: 1em;
	display: inline-block;
}

#cx_quick_text_search_box .radio {
	display: inline;
	float: left;
}

#cx_quick_text_search_box .input{
	margin-top: .5em;
	display: inline-block;
	float: left;
	clear: left;
	width: 100%;
}

#cx_quick_text_search_box .input input {
	width: 73%;
}

#cx_quick_text_search_box .input button {
	width: 25%;
}






/*******************************/	
/* @version 2016.04.25 jln Ticket 291617 */
@media screen and (min-width:560px) and (max-width:899px)
{
	#searchpage 
	{
		width: 560px;
	}
		
	/*#searchCriteria { display: none; }
	#medium_filter_button { display: inline-block; }*/
	
	#quick_search_box > #searchpage > #searchCriteria 
	{
		display: inline-block;
		float: left;
		width: 260px;
		padding: 0;
	}
	#quick_search_box > #searchpage > #searchCriteria #criterialist
	{
		display: block;
	}
		
	.resultbody .specialinfo {
		clear: both;
		height: auto;
		width: 94%;
		padding: 0 3%;
		margin: 0;
		}
	
	.new_info_line {
		width: 480px;
		margin: 3px 10px;
		}
		
	.new_info_line .adLine {
		margin: 0;
		margin-right: 10px;
		}
		
	.new_info_line .resultlink {
		display: inline-block;
		width: 170px;
		float: right;
		margin-right: 15px;
		margin-left: 0;
		}

/**	.comparearea {
		display:inline;
		}
	.compare_box {
		display:inline-block;
		}
	.resultcompare {
		display:inline-block;
		}
	.compare_heading {
		display:inline;
		}	**/
	/* 20160715 nna 309716 */
	.ce5_is_newplugin1, .ce5_is_newplugin2, .ce5_is_usedplugin1, .ce5_is_usedplugin2 {
		margin: 3px 0 3px 13px;
		}
		
	#criterialist .pricelabel {
		width: 180px;
		}
}

@media print, screen and (min-width: 900px)
{
	#searchpage {
		width: 925px;/* jln 900*/
		}
		
	#searchCriteria {
		display: inline-block;
		float: left;
		width: 260px;
		padding: 0;
		}
		
	.sortbar {
		display: inline-block;
		float: right;
		}
	
	#medium_filter_button {
		display: none;
		}
	
	#criterialist {
		display: block;
		}
		
	#criterialist .criteria_open {
		width: auto;
		}
		
	#criterialist .criteria_open.criteria_resp	{
		display: none;
		}
		
	#criterialist .criteria_label.criteria_full	{
		display: inline-block;
		}
		
	#criterialist .criteria_open.criteria_full	{
		display: inline-block;
		}
		
	#searchresults {
		float: right;
		}
	.comparearea {
		display:inline;
	}
	.compare_box {
		display:inline-block;
		}
	.resultcompare {
		display:inline-block;
		}
	.compare_heading {
		display:inline;
		}
	.cx5_is_nocriteria #searchresults {
		margin: 0 auto;
		display: block;
		float: none;
		}
		
	.cx5_is_nocriteria .sortbar {
		margin: 0 auto 10px;
		display: block;
		float: none;
		}
	.cx5_is_nocriteria .comparearea {
		margin-right:135px;
		}
		
	.resultheader .vehicle_special_holder {
		display: inline-block;
		float: right;
		}
		
	.ce5_is_newplugin1, .ce5_is_newplugin2, .ce5_is_usedplugin1, .ce5_is_usedplugin2 {
		margin: 3px 0 3px 36px;
		}
	#is_menu_expanded .clear_compare { display: block; }
	#is_menu_expanded .vehicle_compare { display: block; }
	
	.new_info_line {
		width: 480px;
		margin: 3px 0;
		}
		
	.new_info_line .adLine {
		margin: 0;
		margin-right: 10px;
		}
		
	.new_info_line .resultlink {
		display: inline-block;
		width: 170px;
		float: right;
		margin-right: 20px;
		margin-left: 0;
		}

}