* { box-sizing: border-box; }

html, body { background:#f0f0f0; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:13px; line-height:17px; }/* CSS Document */

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

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

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

#Brand { display:none !important; }

.container { max-width:587px; margin:20px auto; background:#fff; border-radius:20px; }
.container .content { padding:30px 45px;}

header .mobile { display:none; }

p { margin:0 0 15px; }

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

.field { margin-bottom:15px; }

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

.vehicle .field { margin-bottom:10px; }

.add-vehicle { display:none; }

.vehicles { margin-top:30px; }

.beside, .vehicle-buttons { max-width:400px; }

.beside .field-text { float:left; }
.beside .field-value, .beside .error { margin-left:155px; }

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


h2 { padding-bottom:5px; font-size:16px; line-height:20px; border-bottom:2px solid #f7ad28; }

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

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

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

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

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

.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-radius:5px; border:1px solid #757575; 
	box-sizing: border-box;
	width:22px;
	height:22px;
	margin-left:-30px;
}

/* 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; }

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

#Roadside_Rescue_Business_Vehicle_Cover, #body-copy { margin-bottom: 30px; }

.booleanfield  td { padding:0; margin:0; }

#Roadside_Rescue_Business_Vehicle_Cover input[type=radio] + label:before { display:none; }

#Roadside_Rescue_Business_Vehicle_Cover tr td:first-child label { border:2px solid #008375; border-radius:50px 0 0 50px;  }
#Roadside_Rescue_Business_Vehicle_Cover tr td:last-child label { border:2px solid #008375; border-left:none; border-radius:0 50px 50px 0;  }

#Roadside_Rescue_Business_Vehicle_Cover label { color:#008375; padding:10px 20px; font-size:14px; line-height:16px; font-weight:bold; margin-left:0; }
#Roadside_Rescue_Business_Vehicle_Cover input[type=radio]:checked + label { background:#008375; color:#fff; }

textarea { height:90px; }

.table-fields input[type=text] { padding:2px; background:#fff; }

em.format { display:none; }

#time_contact input { display:none; }

.submit-button, .btn { display:inline-block; height:48px; line-height: 42px; background:#fdc600; color:#000; font-weight:bold; font-size:13px; padding:0 25px; min-width:225px; border-radius:40px; cursor:pointer; text-align:center; border:2px solid #fdc600;  }
.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; min-width:100px; } 

.btn.disabled { opacity:.7;  }

.validation { display:none; }

.field .error { padding-top:5px; color:red; font-size:13px; line-height:17px; }

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

.edm { margin-bottom:30px; }

@media only screen and (max-width: 480px) {
	html, body { background:#fff; }
	
.container { margin:0 auto; background:#fff; border-radius:0; }
	
.container .content { padding:20px;}

.beside, .vehicle-buttons { max-width:100%; }

.beside .field-text { float:none; }
.beside .field-value, .beside .error { margin-left:0; }
	
	.beside .field-text p { margin:0 0 5px; line-height:17px; }
	
	.edm .vehicle { width:100%; float:none; }
}

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