/* -- Colour Schemer -- */
/*  Yellow = #ffde00
	Dark Blue = #1c4a65
	Light Blue = #3a6984  
	Grey = #858585
*/


/* =============== Begin Utility Classes ============================= */
.spacer50 {height: 50px; }
.spacer40 {margin-top: 40px; }
.spacer20 {margin-top: 20px; }
.clear {clear: both; }
.right {float: right; }
.centre {text-align: center; }
.respond {max-width: 100%; height: auto; }


/* ============== Begin Text Changes ================================= */
h1 {font-family: 'OpenSans', helvetica; color: #1c4a65; font-size: 35px; line-height: 35px; }
h2 {font-family: 'OpenSans', helvetica; color: #1c4a65; font-size: 28px; line-height: 28px; }
h2.form-title {text-align: center;}
h2.form-title span {font-style: italic; color: #fff;}
h3 {font-family: 'OpenSans', helvetica; color: #1c4a65; font-size: 28px; line-height: 36px; }
h4 {font-family: 'OpenSans', helvetica; color: #858585; font-size: 14px; line-height: 14px; }
h5 {font-family: 'OpenSans', helvetica; color: #858585; font-size: 14px; line-height: 14px; }
h6 {font-family: 'OpenSans', helvetica; color: #ffffff; font-size: 28px; line-height: 28px; }
h6 span {font-size: 22px;}

p {font-family: 'OpenSans', helvetica; color: #858585; font-size: 14px; line-height: 28px; }
p.align-right {text-align: right;}
.align-right-pp {text-align: right; font-size:12px; line-height:12px; font-weight:normal; color:#777777; a:#000000;}


/* ============== Begin Site Styles ================================== */	

body {background: #fff; }

.wrapper_brand {background: #0091f2; width: 100%; height:90px;}
.logo {padding-top: 13px; }

.wrapper_hero {background: url(../img/CourierVan01.jpg) no-repeat center top; background-size:cover; padding-bottom: 20px; padding-top: 15px; }
.wrapper_hero .col-lg-12 {position: relative; }
.wrapper_hero_c {background: url(../img/Couriernav.jpg) no-repeat center top; background-size:cover; padding-bottom: 20px; padding-top: 15px; }
.wrapper_hero_c .col-lg-12 {position: relative; }
.minus-left {margin:172px 0 48px 72px;width:63%;}

.form-holder {background-color: #ffc88c; padding: 0 20px 20px 20px; margin-top: -570px; border: solid 3px#0091f2; position: absolute; z-index: 10; -webkit-border-radius: 12px;
border-radius: 12px;}
.quote-holder {background-color: #91cdf5; padding: 0 20px 20px 20px; border: solid 3px #1c4a65; margin-top: 30px; -webkit-border-radius: 12px;
border-radius: 12px;}
.bullets {margin-top: -90px; margin-left: 120px;}

.wrapper_logos {background: #0091f2; padding: 10px 0;}

.wrapper_content {background: #ffffff; text-align: center; padding: 10px 0 60px 0; }

.quote_button {width: 50%; height: 70px; background: #ff6201; border: none; border-bottom: solid 5px #d55100; color: #ffffff; margin-top: 20px;  -webkit-border-radius: 12px;
border-radius: 10px;}
.quote_button:hover {background:#d55100;}

.quote_button h3 {margin-top: 12px; color:#fff;}

.wrapper_footer {background: #c7c7c7; padding: 0; }
.wrapper_footer h6 {margin: 10px 0; color:#1C4A65;}
.form-holder h3 {margin-bottom:0;}
.form-holder p {color:#444; font-size:10px; line-height:10px;}
.footertext {font-size:10px; line-height:12px; font-weight:normal; color:#888888;}
.minus-no {margin:-10px 0 -200px 0;width:58%;}


/* =============== Begin Form Styles ================================= */

.halfwidth {width:49%; float:left;}
.left-feild {margin-right:1%;}
.right-feild {margin-left:1%;}

p.label {font-size:12px; line-height:12px; font-weight:bold; margin:0 0 4px;}

input { border: 1px solid #999999;
    	border-radius: 3px 3px 3px 3px;
    	display: block;
    	margin-bottom: 7px;
    	padding: 7px 0 7px 5px;
        padding:0 7px 0 7px\9;
    	width: 100%;
        height:30px;
    	}
    	
select {border: 1px solid #999999;
    	border-radius: 3px 3px 3px 3px;
    	display: block;
    	margin-bottom: 7px;
    	padding: 1px 5px 5px 5px;
    	width: 100%;
        height:30px;
        -webkit-appearance:none 

    	}

.submit,
.submit2,
.submit3,
.submit4,
.subbut {float: right; width: 50%; height: 45px; background: #ff6201; border: none; border-bottom: solid 5px #d55100; border-radius:10px; color: #ffffff; padding:7px 0 10px; margin-top:4px; margin-bottom:6px; font-size: 18px;}
.submit:hover,
.submit2:hover,
.submit3:hover,
.submit4:hover,
.subbut:hover {background:#d55100;}


#day {width: 25%; float: left; }

#month {width: 25%; float: left; margin-left: 2%; }

#year {width: 46%; float: left; margin-left: 2%; }

.data8error { color: #ff0000; margin-top:-20px; display: block; }

#content { display: none; }

#formResponse { display: none; }

.hidden-form {margin-top:5px; margin-bottom: 12px;}

.breakdown p {font-size: 35px; font-weight:bold; line-height: 49px; margin-top:28px; margin-bottom: 0; font-family:helvetica, arial; color: #525252; text-align:center;}
.button-container {width:60%; margin:0 auto 28px auto; padding:14px; padding-top:7px;}
.yesbutton {background:#00C761; border-radius:5px; border-bottom:4px solid #007A39; width:49%; padding:7px; float:left; margin-right:1%; text-align:center; color:#fff;}
.nobutton {background:#d64848; border-radius:5px; border-bottom:4px solid #A11919; width:49%; padding:7px; float:left; margin-left:1%; text-align:center; color:#fff;}
.yesbutton:hover {background:#007A39;}

.nobutton:hover {background:#A11919;}


@media (max-width: 990px) {
    .minus-no {  width: 60%;margin:-10px 0 -88px 0; }
}

      
@media (min-width: 768px) and (max-width: 979px) {
    .form-holder{margin-top: -472px;}
    .minus-left {margin:53px 0px 60px 72px;}
 }
  
@media (max-width: 767px) {
	body {text-align: center; }
	img {margin: 0 auto; }
	.palm-hidden {display: none; }
	.form-holder {margin-top: 20px; position: relative; }
	.right {float: none; }
    .minus-no {display:none;}
 }

@media (max-width: 480px) {
    .minus-no {display:none;}
    .quote_button {height:auto;width:auto;}
 }