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


/* SERVICES WRAPPER --------------------*/


#services_wrapper
{
	position: relative;
	width: 90%;
	max-width: 1100px;
	border-top: solid 1px #E6E7E8;
	/* border-bottom: solid 1px #E6E7E8; */
	margin: 30px auto;
}

#services_leftcol
{
	float: left;
	width: 38.72%;
	border-right: solid 1px #E6E7E8;
	margin: 0 0 0 0;
}

#services_middlecol
{
	float: left;
	width: 38.72%;
	margin: 0 0 0 0;
}

/* BLOCK DIVS ----------*/

.services_block
{
	position: relative;
	width: 96.48%;
	padding: 0 3.52% 0 0;
	margin: 15px 0;
}

.services_block2
{
	position: relative;
	width: 96.48%;
	padding: 0 0 0 3.52%;
	margin: 15px 0;
}

.services_block_img
{
	position: relative;
	width: 100%;
	margin: 0 0 15px 0;
}

.services_block_img img
{
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-khtml-border-radius: 4px;
}

.services_block h2, .services_block2 h2
{
	position: relative;
	font-family: 'Raleway', sans-serif;
	font-size: 0.9375em;
	font-weight: 500;
	line-height: 100%;
	color: #4B5C66;
	margin: 0 0 10px 0;
}

.services_block li
{
	list-style-image: url('../images/services/bullet.png');
	font-family: 'Raleway', sans-serif;
	font-size: 0.75em;
	font-weight: 400;
	line-height: 140%;
	color: #58585B;
	margin: 0 0 0 13px;
}

.services_block_link
{
	position: relative;
	width: 52%;
	margin: 15px 0 0 0;
}

.services_block_link a 
{
	display: block;
	background: url(../images/arrows/dark_arrow.png) #CAD400;
	background-repeat: no-repeat;
	background-position: 93% 50%;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-khtml-border-radius: 4px;
	text-decoration: none;
	font-family: 'Raleway', sans-serif;
	font-size: 0.9375em;
	font-weight: 500;
	line-height: 100%;
	color: #fff;
	padding: 10px 0 10px 7%;
	margin: 0 0 0 0;
}

.services_block_link a:hover
{
	background: url(../images/arrows/light_arrow.png) #4B5C66;
	background-repeat: no-repeat;
	background-position: 93% 50%;
}


.services_block_separator
{
	position: relative;
	width: 100%;
	border-bottom: solid 1px #E6E7E8;
	margin: 0 0 0 0;
}


/* SIDEBAR --------------------*/


#sidebar
{
	float: right;
	width: 19.45%;
	padding: 15px 0 0 0;
	margin: 0 0 0 0;
}

#sidebar_services
{
	position: relative;
	width: 86%;
	background: #CAD400;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-khtml-border-radius: 4px;
	padding: 7%;
	margin: 0 0 0 0;
}

#sidebar_services h2
{
	position: relative;
	font-family: 'Raleway', sans-serif;
	font-size: 0.9375em;
	font-weight: 500;
	line-height: 100%;
	color: #4B5C66;
	margin: 0 0 10px 0;
}

/* SMART BLOCK ----------*/

#sidebar_SMART
{
	position: relative;
	width: 85.86%;
	background: #4B5C66;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-khtml-border-radius: 4px;
	padding: 8.96% 7.07% 7.07% 7.07%;
	margin: 0 0 0 0;
}

/* ----------

 #sidebar_SMART_img
{
	position: relative;
	width: 100%;
	margin: 0 0 0 0;
	z-index: 9;
}

#sidebar_SMART_img img
{
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-khtml-border-radius: 4px;
} 

#sidebar_SMART_content
{
	position: relative;
	width: 85.86%;
	background: #4B5C66;
	padding: 8.96% 7.07% 7.07% 7.07%;
	margin: -4px 0 0 0;
}

----------*/

#sidebar_SMART_title
{
	position: relative;
	width: 100%;
	margin: 0 0 15px 0;
}

#sidebar_SMART_title .title
{
	position: relative;
	font-family: 'Raleway', sans-serif;
	font-size: 0.9375em;
	font-weight: 500;
	line-height: 100%;
	color: #CAD400;
	margin: 0 0 8px 0;
}

#sidebar_SMART_title .sub_title
{
	position: relative;
	font-family: 'Raleway', sans-serif;
	font-size: 0.8125em;
	font-weight: 500;
	line-height: 140%;
	color: #fff;
}

#sidebar_SMART li
{
	list-style-image: url('../images/services/bullet.png');
	font-family: 'Raleway', sans-serif;
	font-size: 0.75em;
	font-weight: 400;
	line-height: 140%;
	color: #58585B;
	margin: 0 0 5px 13px;
}

#sidebar_SMART li a
{
	text-decoration: none;
	color: #fff;
}

#sidebar_SMART li a:hover
{
	text-decoration: underline;
	color: #fff;
}

/* ----------

#sidebar_SMART .repair
{
	position: relative;
	width: 100%;
	border-bottom: solid 1px #fff;
	padding: 10px 0;
	margin: 0 0 0 0;
}

#sidebar_SMART .repair .text
{
	float: left;
	width: ;
	font-family: 'Raleway', sans-serif;
	font-size: 0.75em;
	font-weight: 400;
	line-height: 100%;
	color: #fff;
	margin: 7px 0 0 0;
}

#sidebar_SMART .repair .text a
{
	text-decoration: none;
	color: #fff;
}

#sidebar_SMART .repair .text a:hover
{
	text-decoration: underline;
	color: #fff;
}

#sidebar_SMART .repair a.cta_arrow 
{
	float: right;
    display: block;
    width: 28px;
    height: 28px;
	background: url(../images/arrows/light_arrow_hover.png);
    text-decoration: none;
    outline: none;
}

#sidebar_SMART .repair a.cta_arrow:hover
{
	background-position: -28px 0;	
}

----------*/

/* POPUPS ----------*/

#cosmetic_paint_popup, 
#winter_checks_popup, 
#interior_repairs_popup, 
#paint_treatment_popup, 
#alloy_wheel_refurb_popup,
#stickerfix_popup,
#parking_sensors_popup,
#steering_popup,
#vehicle_diagnostics_popup,
#air_conditioning_popup,
#bumper_scuffs_popup,
#dent_removal_popup,
#valet_popup,
#diamondbrite_popup,
#tyres_popup,
#number_plates_popup,
#damage_waiver_popup
{
	position: relative;
	width: 90%;
	max-width: 600px;
	background: #fff;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-khtml-border-radius: 4px;
	margin: 0 auto 0 auto;
}

.popup_title
{
	position: relative;
	width: 90%;
	background: #CAD400;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-khtml-border-radius: 4px;
	padding: 15px 5%;
	margin: 0 0 0 0;
}

.popup_title .text
{
	float: left;
	width: ;
	font-family: 'Raleway', sans-serif;
	font-size: 0.9375em;
	font-weight: 500;
	line-height: 100%;
	color: #4B5C66;
	margin: 6px 0 0 0;
}

.popup_title a.popup-modal-dismiss
{
	float: right;
    display: block;
    width: 28px;
    height: 28px;
	background: url(../images/arrows/close_btn.png);
    text-decoration: none;
    outline: none;
}

.popup_title a.popup-modal-dismiss:hover
{
	background-position: -28px 0;	
}

.popup_text
{
	position: relative;
	width: 90%;
	padding: 5%;
	margin: 0 0 0 0;
}

.popup_link
{
	position: relative;
	width: 39.63%;
	margin: 30px 0 0 0;
}

.popup_link a 
{
	display: block;
	background: url(../images/arrows/dark_arrow.png) #CAD400;
	background-repeat: no-repeat;
	background-position: 93% 50%;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-khtml-border-radius: 4px;
	text-decoration: none;
	font-family: 'Raleway', sans-serif;
	font-size: 0.9375em;
	font-weight: 500;
	line-height: 100%;
	color: #fff;
	padding: 10px 0 10px 7%;
	margin: 0 0 0 0;
}

.popup_link a:hover
{
	background: url(../images/arrows/light_arrow.png) #4B5C66;
	background-repeat: no-repeat;
	background-position: 93% 50%;
}


/* TESTIMONIALS ----------*/

#sidebar_testimonial
{
	position: relative;
	width: 86%;
	background: #4B5C66;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-khtml-border-radius: 4px;
	padding: 7%;
	margin: 15px 0 0 0;
}

#sidebar_testimonial.dark_green
{
	background: #4B5C66;
}

#sidebar_testimonial.dark_green span
{
	color: #CAD400;
}

#sidebar_testimonial.light_green
{
	background: #CAD400;
}

#sidebar_testimonial.light_green span
{
	color: #4B5C66;
}

.quote_icon
{
	position: relative;
	width: 100%;
	margin: 0 0 10px 0;
}


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


#services_wrapper
{
	border-bottom: none;
}

#services_leftcol
{
	width: 49.89%;
}

#services_middlecol
{
	float: right;
	width: 49.89%;
}

/* BLOCK DIVS ----------*/

.services_block
{
	position: relative;
	width: 96.48%;
	padding: 0 3.52% 0 0;
	margin: 15px 0;
}

.services_block2
{
	position: relative;
	width: 96.48%;
	padding: 0 0 0 3.52%;
	margin: 15px 0;
}


/* SIDEBAR --------------------*/


#sidebar
{
	width: 100%;
	padding: 0;
	margin: 30px 0 0 0;
}

/* SMART BLOCK ----------*/

#sidebar_SMART
{
	float: left;
	width: 45.7%;
	padding: 1.63%;
}

#sidebar_testimonial.light_green
{
	float: right;
	width: 45.94%;
	padding: 1.62%;
	margin: 0 0 0 0;
}
	
	
}


/* iPad Portrait -1px ----------- */
@media screen and (max-width : 767px) {
	
	
.services_block h2, .services_block2 h2
{
	line-height: 140%;
}

.services_block_link
{
	width: 100%;
}

.services_block_link a 
{
	background-position: 95.64% 50%;
	padding: 10px 0 10px 4.36%;
}

.services_block_link a:hover
{
	background-position: 95.64% 50%;
}
	
	
}


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


#services_wrapper
{
	border: none;
}

#services_leftcol
{
	float: none;
	position: relative;
	width: 100%;
	border-right: none;
}

#services_middlecol
{
	float: none;
	position: relative;
	width: 100%;
	border-right: none;
	margin: 30px 0 0 0;
}

/* BLOCK DIVS ----------*/

.services_block
{
	width: 100%;
	padding: 0;
	margin: 30px 0;
}

.services_block2
{
	width: 100%;
	padding: 0;
	margin: 30px 0;
}

.services_block_link a 
{
	background-position: 94.8% 50%;
	padding: 10px 0 10px 5.2%;
}

.services_block_link a:hover
{
	background-position: 94.8% 50%;
}


/* SIDEBAR ----------*/


#sidebar
{
	margin: 0 0 0 0;
}


/* SMART BLOCK ----------*/

#sidebar_SMART
{
	float: none;
	position: relative;
	width: 89.52%;
	padding: 5.24%;
}


#sidebar_testimonial.light_green
{
	float: none;
	width: 89.6%;
	padding: 5.2%;
	margin: 15px 0 0 0;
}
	
	
}


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


	
	
}