/* -- 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; }
h3 {font-family: 'OpenSans', helvetica; color: #1c4a65; font-size: 28px; line-height: 21px; }
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 a {color: #ffffff;}
h6 a:hover {color: #8AE0FF;}

p {font-family: 'OpenSans', helvetica; color: #858585; font-size: 14px; line-height: 14px; margin-top:7px; margin-bottom:0;}


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

body {background: #244056; }

.wrapper_brand {background: #ffde00; width: 100%; height:80px; }
.logo {padding-top: 10px; }

.wrapper_hero {background: url(../img/courierbg.jpg) no-repeat center top; padding-bottom: 20px; padding-top: 15px; }
.wrapper_hero .col-lg-12 {position: relative; }
.wrapper_hero2 {background: url(../img/courierbgquote.jpg) no-repeat center top; padding-bottom: 20px; padding-top: 15px; }
.wrapper_hero2 .col-lg-12 {position: relative; }

.form-holder {background-color: rgba(255, 222, 0, 0.9); padding: 0 20px 20px 20px; margin-top: -474px; border: solid 3px #1c4a65; position: absolute; z-index: 10;background:#FFDE00 \9; }
.quote-holder {background-color: rgba(255, 222, 0, 0.9); padding: 0 20px 20px 20px; border: solid 3px #1c4a65; margin-top: 30px; }
.bullets {margin-top: -50px; margin-left: 120px; width:58%;}

.wrapper_logos {background: #3a6984; padding: 10px 0; }

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

.quote_button {width: 50%; height: 50px; background: #ffde00; border: none; border-bottom: solid 5px #DABD00; color: #ffffff; margin-top: 20px; }

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

.wrapper_footer {background: #3a6984; padding: 0; }
.wrapper_footer h6 {margin: 10px 0; }
.form-holder h3 {margin-bottom:0;}
.form-holder p {color:#373737; font-size:12px;}

.telno-minus {margin:-5px 0 -58px 0;width:57%;}
.bannersminus {width:61%;margin:28px 0px 31px 189px;}

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

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

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

    	}

.submit,
.submit2,
.submit3,
.submit4,
.subbut {float: right; width: 40%; height: 35px; background: #3a6984; border: none; border-bottom: solid 5px #1c4a65; border-radius:3px; color: #ffffff; padding:7px 0 10px; margin-top:7px; margin-bottom:7px;}


#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; }

p.footertext {color:#fff; line-height:16px; font-size: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;}

.minitext{color: #d1d5d6;font-size: 10px;text-align: center; margin-bottom: 15px; margin-top: 15px}

@media (max-width: 980px) {

 }
      
@media (min-width: 768px) and (max-width: 979px) {
    .form-holder {  margin-top: -387px;}
 }
  
@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; }
    .telno-minus {display:none;}
 }

@media (max-width: 480px) {
    .telno-minus {display:none;}
 }