
/* Results */
	.results{
		background:#fff;
		padding:10px;
		border:solid 1px #eaebec;
	}
	
	.result{
		padding:0;
		margin:0;
	}
	.resultspace{
		height:25px;
		box-shadow:inset 0 -5px 0 #d93d3d;
		margin:0 0 20px;
		display:block;
		width:100%;
	}
	.alert-default {
		color: #d93d3d;
		background-color: #fff;
		border-color: #eee;
		text-shadow:1px 1px 0 #fff;
		box-shadow: inset 0 15px 25px #fafafa, 0 2px 2px rgba(0,0,0,0.02);
		text-shadow: 1px 1px 0 #fff;
	}
	.row.icons span img{
		width:20px;
		height:auto;
		margin-top:-4px;
		margin-right:5px;
	}
	.row.icons .col-xs-4{
		margin-bottom:20px;
	}
	
	/*.container-fluid {
    	max-width: 1500px;
	}*/
	
	li.vehicle{
		padding:0 0 3px;
		margin:0 0 40px;
		box-shadow:inset 60px 0 50px #fff, inset -60px 0 50px #fff, inset 0 -3px 0 #aaa;
	}
	.vehicleWrap{
		padding:20px 20px 43px;
		background:#e9e9e9;
	}
	.vehicleInfo h3{
		margin:0 0 20px;
	}
	.vehicleInfo h3 a span.was,
	span.was{
		color:#d93d3d;
		text-decoration:line-through;
		margin-left:10px;
		font-size:80%;
	}
	.vehicle-img{
		position: relative;
		overflow: hidden;
		display: block;
		width: 100%;
	}
	ul.details{
		text-align:right;
		font-weight:bold;
	}
	ul.details li{
		padding:10px;
		border-bottom:solid 1px #a5a5a5;
	}
	ul.details li span{
		float:left;
		font-weight:normal;
	}
	.moreinfo{
		float:right;
		margin:20px 0 0;
	}
	.description{
		padding:20px 0 0;
		margin:0;
	}	

	
	/* Full Details */
	ul.labelicons,
	ul.vd{
		text-align:left;
		font-weight:bold;
		margin-bottom:20px;
	}
	ul.vd{
		text-align:center;
	}
	ul.labelicons li,
	ul.vd li{
		padding:10px;
		border-top:1px #a5a5a5;
		border-bottom:1px #a5a5a5;
		border-right:0;
		border-left:0;
		border-style:none;
		margin-top:-1px;
	}
	ul.noborder li{
		border:none !important;
	}
	ul.labelicons li.clearfix,
	ul.vd li.clearfix{
		padding:0 !important;
		border:none !important;
	}
	ul.labelicons li span,
	ul.vd li span{
		font-weight:normal;
	}
	
	.labelicons label img,
	.labelicons span img,
	ul.vd label img,
	ul.vd span img {
	    width: 20px;
	    height: auto;
    	margin: 0 10px 0 0;
	}

	#fullCarousel .carousel {
        overflow: hidden;
    }
    #fullCarousel .carousel-inner > .item.next,
    #fullCarousel .carousel-inner > .item.active.right {
        left: 0;
        -webkit-transform: translate3d(33%, 0, 0);
        transform: translate3d(33%, 0, 0);
    }
    #fullCarousel .carousel-inner > .item.prev,
    #fullCarousel .carousel-inner > .item.active.left {
        left: 0;
        -webkit-transform: translate3d(-33%, 0, 0);
        transform: translate3d(-33%, 0, 0);
    }
    #fullCarousel .carousel-control.left,
	#fullCarousel .carousel-control.right {
        background: rgba(255, 255, 255, 0.3);
        width: 25%;
    }
	#fullCarousel .carousel-inner{width:200%;left:5%;}
	
	.owl-prev, .owl-next {
		top: 46%;
		z-index: 1;
		background: transparent;
		position: absolute;
		padding: 15px 20px;
		color: #282727;
		font-size: 20px;
	}
	.owl-prev {
		left: 2px;
	}
	.owl-next {
		right: 2px;
	}
	
	.thumbnails .center-block{
		margin-bottom:10px;
	}
	/* GAUGE */
	.gauge{
		width:30%;
		height:150px;
		margin:0 0 60px;
		padding:0;
		position:relative;
		border-radius:300px 300px 0 0;
		display:inline-block;
	}
	.gauge.center{
		margin:0 5% 60px;
	}
	.gauge.fuel{
		background-image: url('https://www.dealermanager.co.uk/images/frontend/eco.png');
		background-repeat:no-repeat;
		background-position: top center;
		border-radius:300px 300px 0 0;
		background-size:100% 100%;
		max-width: 300px;
	}
	@-webkit-keyframes rotate{
		0%{-webkit-transform:rotate(0deg)}
		100%{}
	}
	@keyframes rotate{
		0%{transform:rotate(0deg)}
		100%{}
	}
	
	.gauges {
		overflow:hidden;
	}
	.gauge .bar{
		width:100%;
		height:300px;
		background:url('https://www.dealermanager.co.uk/images/frontend/ticker.png') no-repeat;
		background-size:100% 100%;
		-webkit-animation:rotate 2s 0s both;
		animation:rotate 2s 0s both;
		
	}
	.gauge label{
		width:100%;
		position:absolute;
		bottom:-60px;
		left:0;
		text-align:center;
		line-height:20px;
		font-weight:bold;
		font-size:15px;
	}
	.gauge label span{
		font-weight:normal;
		font-size:11px;
	}
	@media (max-width: 768px) {
		.gauge{
			width: 100% !important;
			height: 150px !important;
			float: none !important;
			margin:0 auto 60px !important;
			display:block;
		}
		ul.emissions {
			width: 100% !important;
		}
	}
	/* EMISSIONS */
	@-webkit-keyframes width{
		0% { width:0%;}
		100%{ width:100%;}
	}
	@-webkit-keyframes slidein{
		0% { top:-30px;}
		100%{ }
	}
	@keyframes width{
		0% { width:0%;}
		100%{ width:100%;}
	}
	@keyframes slidein{
		0% { top:-30px;}
		100%{ }
	}
	
	ul.emissions{
		width:100%;
		list-style:none;
		padding:0;
		margin:0;
		position:relative;
		overflow:hidden;
		background:url('../images/guide.large.png') right top;
	}
	ul.emissions li{
		clear:both;
		overflow:hidden;
		position:relative;
		display:block;
		line-height:30px;
		height:30px;
		padding:0;
		margin:0 0 5px;
	}
	ul.emissions li.value{
		position:absolute;
		right:0;
		display:block;
		line-height:30px;
		text-align:center;
		height:auto;
		width:20%;
		height:30px;
		background:#333;
		color:#fff;
		border-radius:0 10px 10px 0;
		-webkit-animation:slidein 3s 2s both;
		animation:slidein 3s 2s both;
	}
	ul.emissions li.value.A{
		top:0px;
		width:75%;
	}
	ul.emissions li.value.B{
		top:35px;
		width:70%;
	}
	ul.emissions li.value.C{
		top:70px;
		width:65%;
	}
	ul.emissions li.value.D{
		top:105px;
		width:60%;
	}
	ul.emissions li.value.E{
		top:140px;
		width:55%;
	}
	ul.emissions li.value.F{
		top:175px;
		width:50%;
	}
	ul.emissions li.value.G{
		top:210px;
		width:45%;
	}
	ul.emissions li.value.H{
		top:245px;
		width:40%;
	}
	ul.emissions li.value.I{
		top:280px;
		width:35%;
	}
	ul.emissions li.value.J{
		top:315px;
		width:30%;
	}
	ul.emissions li.value.K{
		top:350px;
		width:25%;
	}
	ul.emissions li.value.L{
		top:385px;
		width:20%;
	}
	ul.emissions li.value.M{
		top:420px;
		width:15%;
	}
	ul.emissions li.a{
		width:25%;
	}
	ul.emissions li.b{
		width:30%;
	}
	ul.emissions li.c{
		width:35%;
	}
	ul.emissions li.d{
		width:40%;
	}
	ul.emissions li.e{
		width:45%;
	}
	ul.emissions li.f{
		width:50%;
	}
	ul.emissions li.g{
		width:55%;
	}
	ul.emissions li.h{
		width:60%;
	}
	ul.emissions li.i{
		width:65%;
	}
	ul.emissions li.j{
		width:70%;
	}
	ul.emissions li.k{
		width:75%;
	}
	ul.emissions li.l{
		width:80%;
	}
	ul.emissions li.m{
		width:85%;
	}
	ul.emissions li.a span,
	ul.emissions li.b span,
	ul.emissions li.c span,
	ul.emissions li.d span,
	ul.emissions li.e span,
	ul.emissions li.f span,
	ul.emissions li.g span,
	ul.emissions li.h span,
	ul.emissions li.i span,
	ul.emissions li.j span,
	ul.emissions li.k span,
	ul.emissions li.l span,
	ul.emissions li.m span{
		width:100%;
		display:block;
		padding:0;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		margin:0;
		border-radius: 10px 0 0 10px;
		overflow:hidden;
		color:#fff;
		text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
		position:relative;
	}
	ul.emissions li.a span strong,
	ul.emissions li.b span strong,
	ul.emissions li.c span strong,
	ul.emissions li.d span strong,
	ul.emissions li.e span strong,
	ul.emissions li.f span strong,
	ul.emissions li.g span strong,
	ul.emissions li.h span strong,
	ul.emissions li.i span strong,
	ul.emissions li.j span strong,
	ul.emissions li.k span strong,
	ul.emissions li.l span strong,
	ul.emissions li.m span strong{
		font-weight:bold;
		padding:0;
		margin:0;
		width:30px;
		text-align:center;
		display:block;
		font-size:15px;
	}
	ul.emissions li.a span em,
	ul.emissions li.b span em,
	ul.emissions li.c span em,
	ul.emissions li.d span em,
	ul.emissions li.e span em,
	ul.emissions li.f span em,
	ul.emissions li.g span em,
	ul.emissions li.h span em,
	ul.emissions li.i span em,
	ul.emissions li.j span em,
	ul.emissions li.k span em,
	ul.emissions li.l span em,
	ul.emissions li.m span em{
		font-weight:bold;
		padding:0;
		margin:0;
		text-align:center;
		display:block;
		background:rgba(255,255,255,0.9);
		text-shadow:1px 1px 0 #fff;
		font-size:11px;
		color:#333;
		position:absolute;
		left:30px;
		top:2px;
		width:90px;
		line-height:26px;
	}
	ul.emissions li.a span{
		background:#67bd45;
		-webkit-animation:width 1s 0.1s both;
		animation:width 1s 0.1s both;
	}
	ul.emissions li.b span{
		background:#81c341;
		-webkit-animation:width 1s 0.2s both;
		animation:width 1s 0.2s both;
	}
	ul.emissions li.c span{
		background:#9ecc3b;
		-webkit-animation:width 1s 0.4s both;
		animation:width 1s 0.4s both;
	}
	ul.emissions li.d span{
		background:#c1d72f;
		-webkit-animation:width 1s 0.6s both;
		animation:width 1s 0.6s both;
	}
	ul.emissions li.e span{
		background:#d4de25;
		-webkit-animation:width 1s 0.8s both;
		animation:width 1s 0.8s both;
	}
	ul.emissions li.f span{
		background:#f6eb14;
		-webkit-animation:width 1s 1s both;
		animation:width 1s 1s both;
	}
	ul.emissions li.g span{
		background:#f0d90c;
		-webkit-animation:width 1s 1.2s both;
		animation:width 1s 1.2s both;
	}
	ul.emissions li.h span{
		background:#fcc30e;
		-webkit-animation:width 1s 1.4s both;
		animation:width 1s 1.4s both;
	}
	ul.emissions li.i span{
		background:#f5981e;
		-webkit-animation:width 1s 1.6s both;
		animation:width 1s 1.6s both;
	}
	ul.emissions li.j span{
		background:#f06f22;
		-webkit-animation:width 1s 1.8s both;
		animation:width 1s 1.8s both;
	}
	ul.emissions li.k span{
		background:#ee4f23;
		-webkit-animation:width 1s 2s both;
		animation:width 1s 2s both;
	}
	ul.emissions li.l span{
		background:#ec2227;
		-webkit-animation:width 1s 2.2s both;
		animation:width 1s 2.2s both;
	}
	ul.emissions li.m span{
		background:#ba2025;
		-webkit-animation:width 1s 2.4s both;
		animation:width 1s 2.4s both;
	}
	
	.roadtax{
		margin:0;
		padding:0;
		width:100%;
	}
	.roadtax .twelvemonths,
	.roadtax .sixmonths{
		color:#fff;
		font-weight:bold;
		width:200px;
		height:200px;
		text-align:center;
		line-height:130px;
		font-size:40px;
		margin:0 auto 50px;
		display:block;
	}
	.roadtax .twelvemonths{
		background:url('https://www.dealermanager.co.uk/images/frontend/12month-roadtax-disc.png');
	}
	.roadtax .sixmonths{
		background:url('https://www.dealermanager.co.uk/images/frontend/6month-roadtax-disc.png');
		margin:0 auto 0;
	}
	
	.corner-ribbon{
	  width: 200px;
	  font-weight:700;
	  font-size:16px;
	  background: #e43;
	  position: absolute;
	  top: 25px;
	  left: -50px;
	  text-align: center;
	  line-height: 50px;
	  letter-spacing: 1px;
	  color: #f0f0f0;
	  transform: rotate(-45deg);
	  -webkit-transform: rotate(-45deg);
	  z-index:999;
	}
	
	/* Custom styles */
	
	.corner-ribbon.sticky{
	  position: fixed;
	}
	
	.corner-ribbon.shadow{
	  box-shadow: 0 0 3px rgba(0,0,0,.3);
	}
	
	/* Different positions */
	
	.corner-ribbon.top-left{
	  top: 25px;
	  left: -50px;
	  transform: rotate(-45deg);
	  -webkit-transform: rotate(-45deg);
	}
	
	.corner-ribbon.top-right{
	  top: 25px;
	  right: -50px;
	  left: auto;
	  transform: rotate(45deg);
	  -webkit-transform: rotate(45deg);
	}
	
	.corner-ribbon.bottom-left{
	  top: auto;
	  bottom: 25px;
	  left: -50px;
	  transform: rotate(45deg);
	  -webkit-transform: rotate(45deg);
	}
	
	.corner-ribbon.bottom-right{
	  top: auto;
	  right: -50px;
	  bottom: 25px;
	  left: auto;
	  transform: rotate(-45deg);
	  -webkit-transform: rotate(-45deg);
	}
	
	/* Colors */
	.corner-ribbon.white{
		background: #f0f0f0;
		color: #555;
	}
	.corner-ribbon.black{
		background: #333;
	}
	.corner-ribbon.grey{
		background: #999;
	}
	.corner-ribbon.blue{
		background: #39d;
	}
	.corner-ribbon.green{
		background: #2c7;
	}
	.corner-ribbon.turquoise{
		background: #1b9;
	}
	.corner-ribbon.purple{
		background: #95b;
	}
	.corner-ribbon.red{
		background: #e43;
	}
	.corner-ribbon.orange{
		background: #e82;
	}
	.corner-ribbon.yellow{
		background: #ec0;
	}
