html, body { font-family:Arial, Helvetica, "sans-serif"; color:#000000; font-size:16px; line-height:20px; background:#e8e9ed;  }

.container { width:100%; max-width:736px; margin:0 auto; background:#fff; }

* { box-sizing: border-box; }

a { color:#000; font-weight:bold; }

#Brand { display:none !important; }

img { display:inline-block; max-width:100%; height:auto !important; }

.highlight { background:#ffed00; }

header { padding: 20px; border-top:4px solid #000000; background:#459ED8; }
header img {float:right;}

.banner { border-bottom: 4px solid #000000; background:#f595a6; }
.banner-mobile { display:none; }

footer { padding: 30px 40px 27px; background: #f58d39; border-bottom:4px solid #000000;}
footer .details { font-size:21px; line-height:25px; color:#000000; font-weight:bold; font-family: 'CircularPro', Arial, Helvetica, 'sans-serif'; }

ul { list-style:none; padding:0; margin:0; }

p { margin:0 0 15px; font-size:14px; }

p.terms, h2 .terms { font-size:12px; line-height:16px; font-weight:normal; }

h2 { font-size:16px; line-height:20px; margin:0 0 10px; }

#IntroText p:last-child { margin:0; }

#body-copy, .customer-fields, .vehicle-fields { padding:34px; }

.rest-fields { padding:34px 34px 0; }
.buttons { padding:0 34px 34px; }

.customer-fields { background:#f2f2f2; border-top:4px solid #000000; }
.vehicle-fields, .rest-fields { background:#ffffff; border-top:4px solid #000000; }

.extra-vehicle { max-width:455px; }

.field, .content-block { margin-bottom:30px; }

#Label_1 { margin:0; }

section .field:last-child { margin-bottom:0; }

.extra-vehicle { display:none; }

.add-vehicle { display:none; }

.main-vehicle, .extra-vehicle { margin-bottom:20px; }
.main-vehicle .field, .extra-vehicle .field { margin-bottom:10px; }

.beside .field-text { float:left; }
.beside .field-value { margin-left:160px; max-width:300px; }

.beside .field-text p { margin:0; line-height:36px; }

#Vehicle_Details .field-text p { margin:0; line-height:18px; }

span.required { color:red; }

.field-text .note { font-size:12px; }

.field-value { position:relative; }
img.ui-datepicker-trigger { position:absolute; top:10px; right:10px; }

.table-fields p { margin:0; font-size:16px; line-height:20px; }
.table-fields td { padding:5px; border:3px solid #000; vertical-align:middle; }

input[type=text], select, textarea { font-family:Arial, Helvetica, "sans-serif"; width:100%; border:3px solid #000000; padding:5px; 10px; font-size:14px; line-height:20px; -webkit-appearance:none; -moz-appearance:none; border-radius:0; background:#fff; }
input[type=text]:focus, textarea:focus, select:focus { outline:none; }

select { background:url(dropdown-icon.png) center right no-repeat #fff; padding-right:20px;  max-width:150px; }

select::-ms-expand {
	display: none;
}

.checkboxlist td { padding-bottom:10px; }

.yesno td { padding-right:30px; }

.field td, .survey-answer td, .selectquestion.other, .field-value { position:relative; }

/* Move this old element out of the way */
input[type=checkbox], input[type=radio] { position:absolute; top:0; left:0; opacity:0; }

/* Add in replacement, not supported in IE7 and below */
input[type=checkbox] + label:before, input[type=radio] + label:before {
	content: "";
	display:block;
	float:left;
	border:3px solid #000000;
	box-sizing: border-box;
	width:22px;
	height:22px;
	margin-left:-30px;
	background:#fff;
}


/* IE 8 doesn't support this bit, we will need a polyfill for IE8 */
input[type=checkbox]:checked + label:before, input[type=radio]:checked + label:before { background:url(checkbox-select.png) no-repeat center center #fff; background-size:80%;  }

label { font-size:14px; line-height:22px; display:block; margin-left:30px; }

textarea { height:90px; }

.table-fields input[type=text] { border:none; padding:2px; }

em.format { display:none; }

#time_contact input { display:none; }

.vehicle-buttons { max-width:455px; }

.submit-button, .btn { display:inline-block; height:48px; line-height: 42px; background:#000; color:#fff; font-weight:bold; font-size:18px; padding:0 25px; border-radius:40px; cursor:pointer; text-align:center; border:4px solid #000;  }
.submit-button:hover, .submit-button:active { background:#fff; color:#000; }

.btn-remove { float:right; }

.btn { border:none; font-size:12px; line-height:30px; height:30px; } 

.btn.disabled { background:rgba(0, 0, 0, .5); cursor:text;  }

.validation { display:none; }

.field .error { padding-top:5px; color:red; font-size:13px; line-height:18px; }
.beside .error { margin-left:155px; }

.Outro #fields, .Inactive #fields { display:none; }

.edm .vehicle { width:50%; float:left; }

@media only screen and (max-width: 560px) {
.banner-mobile { display:inline-block; }
.banner-desktop { display:none; }
	
#body-copy, .customer-fields, .vehicle-fields { padding:20px; }

.rest-fields { padding:20px 20px 0; }
.buttons { padding:0 20px 20px; }	
	
	
footer { padding: 30px 20px 27px; }
	
.beside .field-text { float:none; }
.beside .field-value, .beside .error { margin-left:0; max-width:100%; }	
	
.vehicle-buttons, .extra-vehicle { max-width:100%; }
	
	.edm .vehicle { width:100%; float:none; }
	
}

@media only screen and (max-width: 350px) {
	.btn-remove { float:none; margin-bottom:15px; }
}