
.app-new-car-offertable {
	padding-bottom: 100px;
}
	
select {	max-width: 100%;}
	

.highlight-box.ce_rsce_tao_highlight_box.serviceclub {
	    padding-bottom: 63px;
	    border: 0px solid #b2b9c4;
}

.highlight-box.ce_rsce_tao_highlight_box.serviceclubbox {
    border: 0px solid #b2b9c4;
}

.highlight-box.ce_rsce_tao_highlight_box.finance {
    margin-top: -20px;
    margin-bottom: -40px;
    padding-top: 0px;

}

#brands {
	clear:both;
}


#brands .container {
  max-width: 960px;
  margin: 0 auto;
}

#brands .photos {
  display: flex;
  background-color: #FFFFFF;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: stretch;
  padding: 0;
  max-width: 980px;
	margin-left: auto;
	margin-right: auto;
}

#brands .photos img {
  display: block;
  float: left;
  flex: 0 0 auto;
  background-color: #fff;
}

#servicec {
	background: url(/files/servicec-logo.png) no-repeat center;
}


@media screen and (min-width: 1024px) {
  #brands .photos img {
    width: calc(100%/6);
    height: calc(100%/6);
  }
  	background: url(/files/servicec-logo.png) no-repeat center;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #brands .photos img {
    width: calc(100%/6);
    height: calc(100%/6);
  }
  	background: url(/files/servicec-logo.png) no-repeat center;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #brands .photos img {
    width: calc(100%/4);
    height: calc(100%/4);
  }
   #servicec {	background: url(/files/servicec-logo-mobile.png) no-repeat center;}
}

@media screen and (min-width: 321px) and (max-width: 480px) {
  #brands .photos img {
    width: calc(100%/2);
    height: calc(100%/2);
  }
    #servicec {	background: url(/files/servicec-logo-mobile.png) no-repeat center;}
}

@media screen  and (max-width: 320px) {
  #brands .photos img {
    width: 33%;
    height: 100%;
  }
  #servicec {	background: url(/files/servicec-logo-mobile.png) no-repeat center;}
}





.ce_rsce_tao_highlight_box.serviceclub.save {
margin-top: -10px;

	-webkit-box-shadow: 0 -2px 2px -2px rgba(0, 0, 0, 0.3), 2px 0px 2px -2px rgba(0, 0, 0, 0.3), -2px 0px 2px -2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:    0 -2px 2px -2px rgba(0, 0, 0, 0.3), 2px 0px 2px -2px rgba(0, 0, 0, 0.3), -2px 0px 2px -2px rgba(0, 0, 0, 0.3);
   box-shadow:         0 -2px -2px -2px rgba(0, 0, 0, 0.3), 2px 0px 2px -2px rgba(0, 0, 0, 0.3), -2px 0px 2px -2px rgba(0, 0, 0, 0.3);

}


#promise-ph {
	background-color: #ffffff;
	margin-top: 30px;
	border-radius: 3px;
/*	box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);*/
	-webkit-box-shadow: 0 -2px 2px -2px rgba(0, 0, 0, 0.3), 2px 0px 2px -2px rgba(0, 0, 0, 0.3), -2px 0px 2px -2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:    0 -2px 2px -2px rgba(0, 0, 0, 0.3), 2px 0px 2px -2px rgba(0, 0, 0, 0.3), -2px 0px 2px -2px rgba(0, 0, 0, 0.3);
   box-shadow:         0 -2px 2px -2px rgba(0, 0, 0, 0.3), 2px 0px 2px -2px rgba(0, 0, 0, 0.3), -2px 0px 2px -2px rgba(0, 0, 0, 0.3);
}

  .app-new-car-offertable.formmarkup {
   -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 2px 0px 2px -2px rgba(0, 0, 0, 0.3), -2px 0px 2px -2px rgba(0, 0, 0, 0.3)!important;
  -moz-box-shadow:    0 2px 2px -2px rgba(0, 0, 0, 0.3), 2px 0px 2px -2px rgba(0, 0, 0, 0.3), -2px 0px 2px -2px rgba(0, 0, 0, 0.3)!important;
   box-shadow:         0 2px 2px -2px rgba(0, 0, 0, 0.3), 2px 0px 2px -2px rgba(0, 0, 0, 0.3), -2px 0px 2px -2px rgba(0, 0, 0, 0.3) !important;
}



.sgp_centerblock.saving {
	margin-top: -30px;
}



#serviceclub-buttonbl {
	clear: left;
}

.highlight-box.ce_rsce_tao_highlight_box.finance {
	border: 0px solid #b2b9c4;
}

.highlight-box.ce_rsce_tao_highlight_box.serviceclubbox {
	 padding-bottom: 23px; 
	 border-radius: 3px;
}

.highlight-box {

}

.gap {
	padding-top:15px;
	padding-bottom:15px;
}

.gappy {
	padding-top:10px;
	padding-bottom:5px;
}

.club-points.icon-boxes-item {
	float: left;
	clear:both;
	margin-left: 10px;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

#servicec {
	height: 100%;
/*	background: url(/files/servicec-logo.png) no-repeat center;*/
	background-repeat:no-repeat;
  background-size:40%;
  background-position:center;
	background-color: #ce1719 !important;
}

.highlight-box.ce_rsce_tao_highlight_box.serviceclub {
    background-color: #ffffff;
   /* border: 1px solid #E5E5E5;
    margin-bottom: 30px; */
}
.highlight-box.ce_rsce_tao_highlight_box.serviceclub .highlight-box-inner p {
    color: #242424;
    padding-bottom: 10px;
}
.highlight-box.ce_rsce_tao_highlight_box.serviceclub .highlight-box-inner {
    float: left;
    width: 100%;
}
.serviceclub-headline-nocaps {
    color: #242424;
    font: bold 0.9em/1.6625 Lato,sans-serif;
}
.highlight-box.ce_rsce_tao_highlight_box.serviceclubbox {
    background-color: #FFFFFF;
   /* border: 1px solid #E5E5E5; */
    margin-bottom: 30px;
}
.centerit {
	margin-top:10px;
	text-align:center;
	
}
.serviceclubbox-headline {
    color: #ffffff;
    text-transform: uppercase;
    font: bold 0.9em/1.6625 Lato,sans-serif;
    margin-bottom: 20px;
}
.serviceclubbox-headline-nocaps {
	color:#ffffff; font: bold 0.9em/1.6625 Lato,sans-serif;	
}
.serviceclubbox .club-points {
	 color: #ffffff;
   /* font-size: 0.85em; */
   text-align: left;
}
.serviceclubbox .club-points.icon-boxes-item {
    display: inline-flex !important;
}
.serviceclubbox .club-points.icon-boxes-item::before {
    background-color: #39B54A !important;
    color: #ffffff !important;
    font-size: 1.7em;
    height: 20px;
    line-height: 0.6em;
    padding: 0.15em !important;
    width: 20px;
	  font: 0.95em/1.17 "RockSolid Icons";
	  content: "\e044";
	  border: 0;
}   
.serviceclubbox .club-points.icon-boxes-item span {
	 margin-left: 15px;
}
.serviceclubbox .club-indent {
    color: #242424;
    font-size: 0.90em;
    margin-left: 10px;
    text-align: left;
}
.serviceclubbox .highlight-box-inner p {
    border: 0 none;
    color: #ffffff;
    font-size: 0.85em;
    font-weight: normal;
    padding-bottom: 0;
}
#serviceclub-buttonfr {
		margin-left: auto;
    margin-right: auto;
    max-width: 210px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#serviceclub-section .serviceclub-imagecol {
	clear:both;
	margin-left: auto;
  margin-right: auto;
  max-width:1080px;
}
#serviceclub-section .serviceclub-imagecol .serviceclub-imageframe {
	float:left;
	padding: 10px;
}
.serviceclub-imageframe img {
		background-color: #fff;
    border: 6px solid #fff;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    max-width:250px;
     
}
/*
.highlight-box-inner.club {
	background: url("http://www.sgpetch.co.uk/system/modules/sgpetch/assets/i/photo/hservicing.jpg") no-repeat center;
	background-size: cover;
}
*/
.highlight-box {
    padding: 0.7em 0.5em;
}
#homepage-section.s-gfx {
padding-top: 0px;
margin-top: 30px;
}
.gfx {
	height: 100%;
}
#serviceclub-section {
    float: left;
    /* margin: 10px 10px; */
    min-width: 93%;
    background-color: rgba(255, 255, 255, 1);
    border: 5px solid rgba(255, 255, 255, 0) !important;
    border-radius: 3px !important;
    padding-top: 0px;
}
.serviceclub-header {
    clear: both;
    float: left;
    margin-bottom: 6px;
    margin-left: 9px;
    margin-top: 5px;
    font: bold 1.1em/1.6625 Lato,sans-serif;
    text-align: left;
    color: #242424;
}
.serviceclub-des {
    float: left;
    font: normal 0.85em/1.6625 Lato,sans-serif;
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 10px;
    clear: both;
    text-align: left;
    line-height: 1.50056;
}
.hcolor {
    color: #242424;
}
.serviceclub-button{
	background-color: #39b54a;
	border: 1px solid #2a8136;
	border-radius: 3px;
	color: #ffffff;
	float: left;
	font-size: 0.875em;
	margin-left: 10px;
	outline: medium none;
	padding: 0.34286em 2.2em;
	text-align: center;
	cursor: pointer;
	/*text-transform: uppercase;*/
	text-shadow: 0 -1px 0 #242424;
	margin-bottom: 10px;
	width: 70%;
	margin-top: 10px;
	font: bold 0.9em/1.3 Lato,sans-serif;
}
.serviceclub-buttonbl {
	background-color: #3262aa;
	border: 1px solid #264e89;
	border-radius: 3px;
	color: #ffffff;
	float: left;
	font-size: 0.875em;
	margin-left: 10px;
	outline: medium none;
	padding: 0.34286em 2.2em;
	text-align: center;
	cursor: pointer;
	/*text-transform: uppercase;*/
	text-shadow: 0 -1px 0 #242424;
	margin-bottom: 10px;
	width: 70%;
	margin-top: 10px;
	font: bold 0.9em/1.3 Lato,sans-serif;
}
.serviceclub-buttonbl:hover {
    border-color: #ffffff #ffffff #ffffff;
    text-decoration: none;
    background: #264e89;
}
.serviceclub-button:hover,
.smallform-submit-serviceclub:hover {
    border-color: #ffffff #ffffff #ffffff;
    text-decoration: none;
    background: #33A343;
}
.serviceclub-buttonbl:active,
.serviceclub-button:active,
.smallform-submit-serviceclub:active {
    background: #E5514F;
}


.smallform-submit-serviceclub{
 		background-color: #39b54a;
    border: 1px solid #ffffff;
    border-radius: 3px;
    color: #ffffff;
    float: right;
    margin-left: 10px;
    outline: medium none;
    padding: 0.44286em 2.2em;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    text-shadow: 0 -1px 0 #242424;
    margin-bottom: 10px;
    font: bold 1.1em/1.6625 Lato,sans-serif;
}
.app-new-car-offertable {
	background-color: #FFFFFF;
}
.serviceclub-header.formmarkup {
	float: none;
  padding-top: 20px;
}
.app-new-car-offertable.formmarkup {
	padding-left: 1.2em;
}

.formerror-app-new-car,
.formresponseapp-new-car span {
   background-color: #FFFFFF !important;
   color: #ba162b;
   border: 0;
   font: bold 1.1em/1.6625 Lato,sans-serif;
   padding:0;
   margin-bottom:0;
}

.formresponseapp-new-car span {
   color: #39b54a;
}

		.highlight-box.ce_rsce_tao_highlight_box.serviceclub {padding-bottom: 0px; margin-bottom: -10px;}
		.highlight-box.ce_rsce_tao_highlight_box.serviceclubbox  {padding-bottom: 0px; margin-bottom: -40px;}
		
@media only screen and (min-width: 150px) and (max-width: 480px) and (orientation: portrait) {
		#serviceclub-section .serviceclub-imagecol { display:none; }
		.smallform-submit-serviceclub {float:none;margin-left: 0;}
		#servicec img,#servicecc .rsts-view div.rsts-crop { height: 50px !important; }	
		
		
}

@media only screen and (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {
		#servicec img,#servicecc .rsts-view div.rsts-crop { height: 80px !important; }	
		

}



/* iPhone 5 & 5S in landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
	#serviceclub-section .serviceclub-imagecol { display:none; }
}


@media only screen and (min-width: 360px) and (max-width: 640px) and (orientation: landscape) {
		.app-new-car-offertable #vacancy-application-email input#email.email { margin-left: 0px !important; } 
}		


@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: landscape) {
			#servicec img,#servicecc .rsts-view div.rsts-crop { height: 80px !important; }	
			#vacancy-application-email label {clear:both;}
}





/* iPhone 6 in landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
	 .app-new-car-offertable #vacancy-application-email input#email.email {margin-left:-21px;}
	  #vacancy-application-email label,
    #vacancy-application-mobile label {
        padding-right: 66px;
        clear: both;
    }
}


@media only screen and (min-width: 360px) and (max-width: 740px) and (orientation: landscape) {
			#servicec img,#servicecc .rsts-view div.rsts-crop { height: 80px !important; }	
}


@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
   .serviceclub-imageframe img { max-width: 203px; }
 /*  .app-new-car-offertable #vacancy-application-email input#email.email {margin-left:-21px;}*/
   #servicec img,#servicecc .rsts-view div.rsts-crop { height: 80px !important; }	
}



@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
	   .serviceclub-imageframe img { max-width: 177px; }
	    #servicec img,#servicecc .rsts-view div.rsts-crop { height: 120px !important; }	
}




@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {
	   .serviceclub-imageframe img { max-width: 250px; }
	    #servicec img,#servicecc .rsts-view div.rsts-crop { height: 180px !important; }	
}




@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
   .serviceclub-imageframe img { max-width: 172px; }
   #vacancy-application-email label { padding-right: 46px; }
   #servicec img,#servicecc .rsts-view div.rsts-crop { height: 100px !important; }	
   
}



@media only screen and (min-width: 900px) and (max-width: 1920px) and (orientation: landscape) {
	 #servicec img,#servicecc .rsts-view div.rsts-crop { height: 220px !important; }	
}


@media only screen and (min-width: 1280px) and (max-width: 2560px) and (orientation: portrait) {
		 #servicec img,#servicecc .rsts-view div.rsts-crop { height: 160px !important; }	
}

@media only screen and (min-width: 1280px) and (max-width: 2560px) and (orientation: landscape) {
		 #servicec img,#servicecc .rsts-view div.rsts-crop { height: 300px !important; }	
}


@media only screen and (min-width: 900px) and (max-width: 1440px) and (orientation: landscape) {
	   .serviceclub-imageframe img { max-width: 190px; }
	     #servicec img,#servicecc .rsts-view div.rsts-crop { height: 180px !important; }	
	    .app-new-car-offertable #vacancy-application-email { clear: inherit;} 
}

@media only screen and (min-width: 800px) and (max-width: 1280px) and (orientation: landscape) {
	   .serviceclub-imageframe img { max-width: 227px; }
	    #servicec img,#servicecc .rsts-view div.rsts-crop { height: 145px !important; }	
}


@media only screen and (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
			#servicec img,#servicecc .rsts-view div.rsts-crop { height: 80px !important; }	
}

@media screen and (max-width: 1000px) {
.rs-column.-large-first-row, .tao-no-sidebar .rs-column.-large-first-row, .mega-dropdown .rs-column.-large-first-row, .page-footer .rs-column.-large-first-row {
    margin-top: -3.75%;
}


