@charset "UTF-8";
/* CSS Document */


/* APPROVALS SLIDER ----------*/


#approvals_slider_wrapper
{
	position: relative;
	width: 100%;
	margin: 0 0 0 0;
}

#approvals_slider .slide
{
	width: 100%;
	height: 390px;
}

#approvals_slider .slide.citroen
{
	background: url(../images/approvals_slider/citroen.jpg) center no-repeat;
	-ms-behavior: url('http://vrve.co/clients/ryestreet/v2/js/backgroundsize.htc');  
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#approvals_slider .slide.fiat
{
	background: url(../images/approvals_slider/fiat.jpg) center no-repeat;
	-ms-behavior: url('http://vrve.co/clients/ryestreet/v2/js/backgroundsize.htc');  
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#approvals_slider .slide.ford
{
	background: url(../images/approvals_slider/ford.jpg) center no-repeat;
	-ms-behavior: url('http://vrve.co/clients/ryestreet/v2/js/backgroundsize.htc');  
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#approvals_slider .slide.honda
{
	background: url(../images/approvals_slider/honda.jpg) center no-repeat;
	-ms-behavior: url('http://vrve.co/clients/ryestreet/v2/js/backgroundsize.htc');  
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#approvals_slider .slide.hyundai
{
	background: url(../images/approvals_slider/hyundai.jpg) center no-repeat;
	-ms-behavior: url('http://vrve.co/clients/ryestreet/v2/js/backgroundsize.htc');  
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#approvals_slider .slide.lexus
{
	background: url(../images/approvals_slider/lexus.jpg) center no-repeat;
	-ms-behavior: url('http://vrve.co/clients/ryestreet/v2/js/backgroundsize.htc');  
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#approvals_slider .slide.mitsubishi
{
	background: url(../images/approvals_slider/mitsubishi.jpg) center no-repeat;
	-ms-behavior: url('http://vrve.co/clients/ryestreet/v2/js/backgroundsize.htc');  
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#approvals_slider .slide.nissan
{
	background: url(../images/approvals_slider/nissan.jpg) center no-repeat;
	-ms-behavior: url('http://vrve.co/clients/ryestreet/v2/js/backgroundsize.htc');  
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#approvals_slider .slide.peugeot
{
	background: url(../images/approvals_slider/peugeot.jpg) center no-repeat;
	-ms-behavior: url('http://vrve.co/clients/ryestreet/v2/js/backgroundsize.htc');  
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#approvals_slider .slide.volvo
{
	background: url(../images/approvals_slider/volvo.jpg) center no-repeat;
	-ms-behavior: url('http://vrve.co/clients/ryestreet/v2/js/backgroundsize.htc');  
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#approvals_slider .slide.alfa_romeo
{
	background: url(../images/approvals_slider/alfa_romeo.jpg) center no-repeat;
	-ms-behavior: url('http://vrve.co/clients/ryestreet/v2/js/backgroundsize.htc');  
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#approvals_slider .slide.kia
{
	background: url(../images/approvals_slider/kia.jpg) center no-repeat;
	-ms-behavior: url('http://vrve.co/clients/ryestreet/v2/js/backgroundsize.htc');  
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#approvals_slider .slide.mazda
{
	background: url(../images/approvals_slider/mazda.jpg) center no-repeat;
	-ms-behavior: url('http://vrve.co/clients/ryestreet/v2/js/backgroundsize.htc');  
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#approvals_slider .slide.vauxhall
{
	background: url(../images/approvals_slider/vauxhall.jpg) center no-repeat;
	-ms-behavior: url('http://vrve.co/clients/ryestreet/v2/js/backgroundsize.htc');  
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.approvals_slider_caption_bg
{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 120px;
	background: url(../images/approvals_slider/caption_bg.png);
	background-repeat: repeat-x;
}

.approvals_slider_caption_wrapper
{
	position: relative;
	width: 90%;
	max-width: 1100px;
	min-height: 390px;
	margin: 0 auto 0 auto;
	z-index: 1;
}

.approvals_slider_caption
{
	position: absolute;
	bottom: 40px;
	right: 0;
	width: 50%;
	margin: 0 0 0 0;
}

.approvals_slider_caption .caption_title
{
	position: relative;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 2em;
	font-weight: 400;
	line-height: 100%;
	text-align: right;
	color: #fff;
	margin: 0 0 0 0;
}


/* APPROVALS STYLES ----------*/


#manufacturer_approvals, #insurer_approvals
{
	position: relative;
	width: 100%;
	border-bottom: solid 1px #C0E1F9;
	padding: 0 0 0.828% 0;
	margin: 0 0 2.72% 0;
}

#other_approvals
{
	position: relative;
	width: 100%;
	margin: 0 0 0 0;
}

#manufacturer_approvals h2, #insurer_approvals h2, #other_approvals h2
{
	position: relative;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	line-height: 100%;
	color: #0A3992;
	margin: 0 0 20px 0;
}

.approval_logo
{
	float: left;
	width: 15.09%;
	line-height: 0;
	margin: 0 1.892% 1.892% 0;
}

.approval_logo.NM
{
	margin: 0 0 1.892% 0;
}

.approval_logo a
{
	display: block;
	text-decoration: none;
}

.approval_logo a:hover
{
	background: #5375B4;
}

.approval_logo a:hover img
{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
}


.approval_logo_relative
{
	position: relative;
	width: 100%;
	margin: 0 0 0 0;
}

.approval_popup_wrapper
{
	position: absolute;
	bottom: -90px;
	width: 175%;
	margin: 0 0 0 -37.5%;
	z-index: 999;
}

.approval_popup_arrow
{
	position: relative;
	width: 20px;
	margin: 0 auto;
}

.approval_popup
{
	position: relative;
	width: 100%;
	background: #5375B4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px;
	margin: 0 0 0 0;
}

.approval_popup .link1
{
	position: relative;
	width: 100%;
	margin: 0 0 0 0;
}

.approval_popup .link2
{
	position: relative;
	width: 100%;
	margin: 2px 0 0 0;
}

.approval_popup .link1 a,
.approval_popup .link2 a
{
	display: block;
	background: #3C61A8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.8125em;
	font-weight: 400;
	line-height: 100%;
	text-align: center;
	color: #fff;
	padding: 8px;
}

.approval_popup .link1 a:hover,
.approval_popup .link2 a:hover
{
	background: #fff;
	color: #3C61A8;
}


@media screen and (max-width : 1100px) {


/* INTRO WRAPPER ----------*/

#manufacturer_approvals h2, 
#insurer_approvals h2,
#other_approvals h2
{
	font-size: 1.25em;
}
	
	
}


/* iPad Landscape -1px ----------- */
@media screen and (max-width : 1023px) {


/* APPROVALS SLIDER ----------*/

#approvals_slider .slide
{
	height: 360px;
}

.approvals_slider_caption_wrapper
{
	min-height: 360px;
}

.approvals_slider_caption .caption_title
{
	font-size: 1.25em;
}


}


/* iPad Portrait -1px ----------- */
@media screen and (max-width : 767px) {


/* APPROVALS SLIDER ----------*/

#approvals_slider .slide
{
	height: 250px;
}

.approvals_slider_caption_wrapper
{
	min-height: 250px;
}

.approvals_slider_caption
{
	bottom: 30px;
	left: 0;
}

.approvals_slider_caption .caption_title
{
	text-align: left;
}


#manufacturer_approvals, #insurer_approvals
{
	padding: 0 0 1.44% 0;
	margin: 0 0 4.34% 0;
}


/* APPROVALS STYLES ----------*/

.approval_logo
{
	width: 31.4%;
	margin: 0 2.9% 2.9% 0;
}

.approval_logo.NM
{
	margin: 0 0 2.9% 0;
}

.approval_logo.NM767
{
	margin: 0 0 2.9% 0;
}


}


/* iPhone Landscape -1px ----------- */
@media screen and (max-width : 567px) {


/* APPROVALS SLIDER ----------*/

.approvals_slider_caption
{
	width: 100%;
}


}