/* ****************** */
/* Search Results  */
/* *****************  */

#filter-block {
	position:relative;
	margin-top:-30px;
	margin-bottom: 30px;
}

#search-container {
	padding: 10px 0 0;	
}

.vehicle-advert-container {
	position:relative;
	background-color:#FFF;
	border-bottom:1px solid #EFEFEF;
	margin: 10px 0 10px;
	padding:0px;
	min-height: 205px;
}

.vehicle-advert-container.details {
	border-bottom:none;
	min-height: 600px;
}

.search-image-container {
	position:relative;
	width:100%;
	min-height: 120px;
	float:none;
}
.search-image-loading {
	position:absolute;
	left: 50%;
	top: 40%;
	margin-left:-21px;
	width:42px;
	height:42px;
	z-index:0;
	color:#DDD;
}

.search-image-container img {
	position:relative;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	z-index: 1!important;
}

.search-image-container img.active {
	display: block;
	width:100%;
	height:100%;
}

.search-image-container img.inactive {
	display: none;
}

.search-image-container > .vehicle-image-thumbs img {
	position:relative;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	z-index: 1!important;
	padding:2px;
}

.search-panel-breadcrumb {
	padding: 10px 20px 10px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.search-panel-breadcrumb p {
	margin: 0px;
	font-size: 0.8em;
}

.vehicle-advert-detail {
	position:relative;
	width:100%;
	float:none;
	background-color:#FFF;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}
.vehicle-advert-inner-container {
	position:relative;
	padding: 6px 10px;
}

.vehicle-advert-title h2 {
	margin:0;
	text-align:center;
}

.vehicle-advert-title h2 a {
	color:#454545;
	border-bottom: 1px dotted #1155cc;
}
.vehicle-advert-title h2 a:hover {
	color:#1F7697;
	border-bottom: 1px dotted #1F7697;
}

.vehicle-advert-title h2 span.vehicle-advert-make {
	font-weight:700;
	font-size:0.9em;
}

.vehicle-advert-title h2 span.vehicle-advert-model {
	color:#000;
	font-weight:300;
	font-size:0.6em;
}

.vehicle-list {
    display: block;
    clear:both;
	margin: 5px 0;
	padding: 3px 0;
	font-size: 1em;
	border-top: 1px solid #EEE;
}
table.vehicle-list {
width:100%;
}

UL.specs-list {
    display: block;
    clear:both;
	margin: 5px 0 5px;
	padding: 10px 0;
	font-size: 1em;
	border-top: 1px solid #EEE;
}

UL.specs-list {
	list-style:none;
}

table.vehicle-list,
UL.vehicle-list {
	padding: 10px 0;
	margin: 5px 0;
	list-style:none;
}
table.vehicle-list td {
	text-align:left;
	font-size:0.9em;
	padding-left: 0px;
	width:10%;
}
table.vehicle-list td.dd {
	width:40%;
}

UL.specs-list LI {
	display:inline-block;
	width:50%;
	text-align:left;
	font-size:0.9em;
	padding-left: 0px;
	padding-right: 0px;
}
UL.specs-list LI i {
	margin-right: 7px;
	color:#1155cc;
}

UL.vehicle-list LI {
	display:inline-block;
	text-align:left;
	font-size:0.9em;
	padding-left: 0px;
	padding-right: 0px;
}
table.vehicle-list td.dd,
UL.vehicle-list LI.dd {
	padding: 0 5px 0;
    font-weight: bold;
	color: #1155cc;
}

.vehicle-price-container {
	padding: 0 10px;
	text-align:center;
}

.vehicle-price-main {
	float: left;
	width:100%;
	font-size: 1.5em;
	font-weight:700;
	letter-spacing: -1px;
	margin:10px 0 5px;
	line-height: 35px;
	padding: 0 3px 0 0;
	color:#EA171E;
	text-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
	text-align:center;
}

.vehicle-price-main small {
	font-size: 14px;
}

.vehicle-price-marker {
	float: right;
	line-height: 35px;
}

.vehicle-price-pointer {
	float: left;
	line-height: 33px;
	margin:15px 0 0 0;
	padding: 0 10px;
	font-size: 0.95em;
	font-weight: 700;
	color:#000;
	background-color: #FCEA10;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.vehicle-price-pointer:hover {
	background-color: #FFF466;
}

.vehicle-advert-spec {
	clear:both;
	padding: 10px 0 5px;
	border-top: 1px solid #EEE;
}
.vehicle-advert-spec p {
	line-height: 1.1em;
	font-size: 0.95em;
}
.vehicle-advert-spec img {
	margin: 0 2px 2px 0;
	width:33px;
	height: auto;
}

.vehicle-icons {
	text-align:center;
	padding: 0 0 5px;
}

.vehicle-icons img {
	cursor:help;
}

.vehicle-enquire {
	text-align:center;
	font-size: 0.9em;
	padding: 0 0 10px;
}

.vehicle-enquire a div.vehicle-enquire-link {
	line-height: 31px;
	margin:8px 0;
	padding: 0 10px;
	font-size: 1em;
	font-weight: 400;
	color:#333;
	border:1px solid #ABABAB;
	vertical-align: top;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #F9F9F9;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#F9F9F9), to(#E1E1E1));
	background-image: -webkit-linear-gradient(top, #F9F9F9 0%, #E1E1E1 100%);
	background-image: -moz-linear-gradient(top, #F9F9F9 0%, #E1E1E1 100%);
	background-image: linear-gradient(to bottom, #F9F9F9 0%, #E1E1E1 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffF9F9F9', endColorstr='#ffE1E1E1', GradientType=0);
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);

}
.vehicle-enquire a div.vehicle-enquire-link i {
	font-size: 1.4em;
}
.vehicle-enquire  a div.vehicle-enquire-link:hover,.vehicle-enquire  a div.vehicle-enquire-link:focus {
	text-decoration: none; 
	background-color: #FFFFFF;
	background-image: -webkit-gradient(linear, left 0%, left 70%, from(#FFFFFF), to(#F9F9F9));
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #F9F9F9 70%);
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #F9F9F9 70%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #F9F9F9 70%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffFFFFFF', endColorstr='#A5F9F9F9', GradientType=0);
	border: 1px solid #CCC;
	outline: none;
}

div.ebayicon {
	margin:10px auto 0;
	width: 45px;
	opacity: 0.6;
}
div.ebayicon a {
	border-bottom: none;
	text-decoration: none;
}
div.ebayicon:hover {
	opacity:1.0;
}
div.ebayicon a:hover {
	border: none;
}

div.pdflink {
	margin: 15px auto;
}
a.pdfimg:hover {
	border-bottom: none;
}

.branch-banner-overlay {
left: -10px;
position: absolute;
top: -17px;
z-index: 20;
}

/* ==========================================================================
  Media devices sizing
   ========================================================================== */
 
 	/* Smallest devices (small screen, 480px and below) */
	@media screen and (min-width: 480px) {
		
		/* search listings */
		.vehicle-advert-container {
			position:relative;
			background-color:#FFF;
			margin: 10px 0 10px;
			padding:5px 0 5px 0px;
			min-height: 205px;
		}
		
		.search-image-container {
			position:relative;
			width:100%;
			float:none;
		}
		.search-image-container img {
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;
		}
		.search-image-container img.active {
			display: block;
		}
		.search-image-container img.inactive {
			display: none;
		}
		.vehicle-advert-detail {
			position:relative;
			width:100%;
			float:none;
			background-color:#FFF;
			-moz-border-radius: 0 0 4px 0;
			-webkit-border-radius: 0 0 4px 0;
			border-radius: 0 0 4px 0;
		}
		
		.vehicle-advert-title h2 {
			margin:0px;
		}
		
		.vehicle-advert-title h2 a {
			border-bottom: 1px dotted #1155cc;
		}
		
		.vehicle-advert-title h2 span.vehicle-advert-make {
			font-weight:700;
			font-size:0.9em;
		}
		
		.vehicle-advert-title h2 span.vehicle-advert-model {
			color:#000;
			font-weight:300;
			font-size:0.6em;
		}
		
		.vehicle-list {
		    display: block;
		    clear:both;
			margin:0;
			padding: 3px 0;
			font-size: 1.1em;
		}
		.vehicle-price-container {
			padding: 0 0;
		}

		.vehicle-price-main {
			float: left;
			font-size: 1.4em;
			font-weight:700;
			letter-spacing: -1px;
			margin-top:5px;
			line-height: 35px;
			padding: 0 3px 0 0;
			color:#EA171E;
			text-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
			text-align:left;
		}
		
		.vehicle-price-marker {
			float: right;
			line-height: 43px;
		}
		
		.vehicle-price-pointer {
			float: left;
			line-height: 33px;
			margin:15px 0 0 0;
			padding: 0 10px;
			font-size: 0.95em;
			font-weight: 700;
			color:#000;
			background-color: #FCEA10;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;
		}
		
		.vehicle-advert-spec {
			clear:both;
			padding: 10px 0 5px;
		}
		.vehicle-advert-spec p {
			line-height: 1.1em;
			font-size: 0.95em;
		}
		
		
		.vehicle-advert-inner-container {
			position:relative;
			padding: 0 10px;
		}	
		
		.vehicle-enquire a div.vehicle-enquire-link {
			margin:0 0 8px;
		}
		
		.vehicle-icons {
			text-align:left;
		}
		
		div.fm-results-blue		{
			box-shadow: 0 1px 1px #ddd; 
			vertical-align: top; 
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;
			color: #FFF!important; 
			background-color: #40BEF1;
			background-image: -webkit-gradient(linear, left 0%, left 100%, from(#40BEF1), to(#2E88AD));
			background-image: -webkit-linear-gradient(top, #40BEF1 0%, #2E88AD 100%);
			background-image: -moz-linear-gradient(top, #40BEF1 0%, #2E88AD 100%);
			background-image: linear-gradient(to bottom, #40BEF1 0%, #2E88AD 100%);
			background-repeat: repeat-x;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff40BEF1', endColorstr='#ff2E88AD', GradientType=0);
			border:1px solid #2E88AD;
			margin-left: 3px;
		}

		div.fm-results	{
			box-shadow: 0 1px 1px #ddd; 
			vertical-align: top; 
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;
			background-color: #F9F9F9;
			background-image: -webkit-gradient(linear, left 0%, left 100%, from(#F9F9F9), to(#E1E1E1));
			background-image: -webkit-linear-gradient(top, #F9F9F9 0%, #E1E1E1 100%);
			background-image: -moz-linear-gradient(top, #F9F9F9 0%, #E1E1E1 100%);
			background-image: linear-gradient(to bottom, #F9F9F9 0%, #E1E1E1 100%);
			background-repeat: repeat-x;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffF9F9F9', endColorstr='#ffE1E1E1', GradientType=0);
			border: 1px solid #999; 
		}
		
		div.fm-results-blue,
		div.fm-results,
		div.fm-clear	{
			float:left;
			margin-top: 0px;
		}
		div.fm-results-pages {
			float:right;
		}
		
	}
   	
	/* Small devices (small screen, 768px and below) */
	@media screen and (min-width: 768px) {
		
		#search-container {
			padding: 10px 20px 10px 10px;	
		}
		
		.search-panel-title {
			padding: 10px 20px;
			color: #FFF;
			background-color: #40BEF1;
			background-image: -webkit-gradient(linear, left 0%, left 100%, from(#40BEF1), to(#2E88AD));
			background-image: -webkit-linear-gradient(top, #40BEF1 0%, #2E88AD 100%);
			background-image: -moz-linear-gradient(top, #40BEF1 0%, #2E88AD 100%);
			background-image: linear-gradient(to bottom, #40BEF1 0%, #2E88AD 100%);
			background-repeat: repeat-x;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff40BEF1', endColorstr='#ff2E88AD', GradientType=0);
			background-repeat: repeat-x;
			-moz-border-radius: 0 0 4px 4px;
			-webkit-border-radius: 0 0 4px 4px;
			border-radius: 0 0 4px 4px;
			text-shadow: none;
		}

		.search-panel-title .navbar-menu-btn {
			color: #000;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;
		}
		
		.xs-nopad {
			padding-left: 8px;
			padding-right: 8px;
		}
		
		/* search listings */

		
		.vehicle-advert-title h2 {
			margin-top: 7px;
		}
		
		.vehicle-advert-title h2 span.vehicle-advert-make {
			margin-top: 7px;
			font-size:1.1em;
		}
		

		.vehicle-advert-title h2 {
			text-align:left;
		}
		
		.vehicle-price-main {
			font-size: 2em;
		}
		
		.vehicle-price-pointer {
			margin: 15px 0 0 15px;
		}
		
		.vehicle-price-marker {
			float: right;
			position: relative;
			margin: 0 43% 0 0;
		}
		
		

	}

	/* Medium devices (med desktops, 992px and below) */
    @media screen and (min-width: 992px){
		
		#search-container {
			padding: 10px 25px 10px 17px;
		}
		
		.search-image-container {
			position:absolute;
			width:38%;
			left:2px;
			top:2px;
			float:none;
			z-index:1;
		}		
		
		.vehicle-advert-detail {
			width:100%;			
			padding-left: 40%;
			float:left;
		}	
		
		.search-image-container.details {
			width:45%;
		}		
		.vehicle-advert-detail.details {
			padding-left: 48%;
		}
		
	}

    /* Large devices (large desktops, 1200px and up) */
    @media (min-width: 1200px) {

		/* search results */
		.search-panel-title button {
			margin-right: 26%;
		}
	
		
    }