﻿@charset "utf-8";
/* CSS Document */

/*common*/
body {color: #65707B}
h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans',Helvetica,Arial,sans-serif; font-weight:300}
h4 {font-size:20px; font-weight:400; margin-bottom:10px}
.fleft {float:left}
.fright {float:right}
.clear {clear:both}
.b10 {margin-bottom:10px}
.b16 {margin-bottom:16px}
.b20 {margin-bottom:20px}
.b30 {margin-bottom:30px}
.t20 {margin-top:20px}
.t25 {margin-top:25px}
.t30 {margin-top:30px}
.l10 {padding-left:10px}
.ml20 {margin-left:20px}
.h10 {height:10px}
p{margin:10px 0; font-size:14px}
hr {border-top:solid 1px #ccc !important; border:none; margin:20px 0}
.btn {background: none repeat scroll 0 0 #8FBE32; border:none; border-radius: 3px; color: #FFFFFF; display: inline-block; text-decoration: none;text-shadow: 0 -1px rgba(0, 0, 0, 0.29); font-size: 18px; padding: 10px 18px;}
.blue {background: #118abc !important}
.blue:hover {background: #0e698e !important}
.btn:hover {background:#9ecd40 }
.cancel {background:#d42a2a }
.cancel:hover {background:#e75858 }
.onehalf {width:45%; float:left; margin-right:5%}
.last {margin:none}
.greenhighlight {display:inline-block; padding:12px 24px; background:#d5ffcf; font-size:20px; border-radius:6px}
.twothirds {width:65%; margin-right:5%}
.onethird {width:27%; padding:1%}
.onehalf {width:47.50%; margin-right:5%}
.onefith {width:21.25%; margin-right:5%}
.last {margin:0}
.lastr {margin-right:0}
.bluebox {border:solid 3px #e5e5e5; border-radius: 4px; background: #F2F7FD;}
.gray {color:#9da0a1}
.f12 {font-size:12px}
.f14 {font-size:14px}
.bold {font-weight:700}

#boxed-wrap {width: 90%; border-bottom: medium none; background: none repeat scroll 0 0 #FFFFFF; box-shadow: 0 0 7px rgba(0, 0, 0, 0.4); margin: 0 auto}



/*header*/
#header { border-bottom: 3px solid #F3F3F3; padding-top: 8px; position: relative; display: block; padding:10px }
#header #nav li {display:inline-block; margin: 0 5px; padding: 0 5px;}
#header #nav li a {font-size:14px; text-transform:uppercase; text-decoration:none; font-family: 'Open Sans',Helvetica,Arial,sans-serif; font-weight:300; color: #444444; padding:30px 0 0 0; display:block; border-top:solid 3px #fff}
#header #nav li a:hover {color:#0093d0; border-top:solid 3px #0093d0}
#header #nav .current {border-top:solid 3px #0093d0}

/*title*/
/*.pagetitle h1 {color:#fff; font-size:60px; font-weight:300; margin-bottom:20px; background:#F2F7FD; background: #33A8D3; padding: 14px;}*/

.pagetitle h1 {color:#fff; font-size:60px; font-weight:300; margin-bottom:20px; background:#F2F7FD; background: #33A8D3; padding: 14px; text-align:center}
/*holder*/
.holder {padding: 20px; max-width:1120px; margin:0 auto; font-family: 'Open Sans',Helvetica,Arial,sans-serif}
.holder h3.title {color:#fff; font-size:60px; font-weight:300; margin-bottom:20px; background:#F2F7FD; background: #33A8D3; padding: 14px;}

/*box*/
.box-holder {border: 5px solid #E9E9E9; border-radius: 9px; padding: 20px; width:70%; margin:0 auto; font-family: 'Open Sans',Helvetica,Arial,sans-serif}
.box-holder h3.title {font-size:25px; font-weight:500; margin-bottom:20px; background:#F2F7FD; padding:20px; text-transform:uppercase}

/*SiteNew*/
#boxed-wrapNew {width: 50%; border-bottom: medium none; background: none repeat scroll 0 0 #FFFFFF; box-shadow: 0 0 7px rgba(0, 0, 0, 0.4); margin: 0 auto}
.box-holderNew {border: 0px solid #E9E9E9; border-radius: 9px; padding: 20px; width:95%; margin:0 auto; font-family: 'Open Sans',Helvetica,Arial,sans-serif}
.box-holderNew h3.title {font-size:20px; font-weight:500; margin-bottom:20px; background:#F2F7FD; padding:20px; text-transform:uppercase}
/*footer*/
#footerNew {height:20px; margin-top:5px; font-size:12px; text-align:center; font-family:Verdana, Geneva, sans-serif}
#headerNew { border-bottom: 3px solid #F3F3F3; padding-top: 4px; position: relative; display: block; padding:4px }
/*SiteNew*/

/*form*/
.prettyform .label {min-width:150px; font-size:18px; margin-bottom:10px; display:inline-block}
.prettyform .head {background:#fffeeb; padding:10px; font-weight:700}
.prettyform input.field, .prettyform textarea.field{border-radius: 4px; border:solid 3px #e5e5e5; font-size: 16px; height: 36px; padding:0 2%; width:96%   }
.prettyform input.smallfield, .prettyform textarea.smallfield{border-radius: 4px; border:solid 3px #e5e5e5; font-size: 12px; height: ; padding:0 2%; width:50px   }
.prettyform textarea.field{height: 150px; }
.prettyform .location {padding:0 1%; height:66px}
.prettyform .trade .title{width:47.50%; margin-right:2.5%; font-size:12px}
.prettyform .trade hr {margin:0 0 5px 0}
.prettyform .zip {width:117px !important; margin-left:11px !important}

/*footer*/
#footer {height:20px; margin-top:20px; font-size:12px; text-align:center; font-family:Verdana, Geneva, sans-serif}

@media screen and (max-width: 900px) {
.onehalf {width:100%; float:none; margin:0}	
.pagetitle h1 {font-size:25px;text-align:center !important;}
.box-holder h3.title {font-size:16px}
.headerNew h3.title {font-size:16px}
.prettyform .label {font-size:14px; margin-bottom:10px}
body {font-size:12px}
}