/*====================================================================
LETS SORT IT - GLOBAL STYLE SHEET
Copyright 2009 SIMON WILSON
======================================================================*/

/* Global Styles */
* {margin: 0; padding: 0; border: 0; font-family: arial, verdana, helvetica, sans-serif; color: #333333;}
body {background: #fff; text-align: left; font-size: 62.5%;}
.clear {clear: both;}

/*====================================================================
TEXT STYLES, A STYLES, LIST STYLES & VARIATIONS
======================================================================*/

/* Default Header Styles */
h1 {font-size: 2.6em; line-height: 2.4em; padding: 0 0 5px 0; color: #336eb4;}
h2 {font-size: 2.4em; line-height: 2.4em; padding: 7px 0; color: #22303c;}
h3 {font-size: 1.8em; line-height: 1.8em; padding: 0 0 10px 0; color: #22303c;}
h4 {font-size: 1.4em; line-height: 1.6em; padding: 4px 20px 5px 0; color: #22303c;}
h5 {font-size: 1.4em; line-height: 1.6em; padding: 4px 0 5px 0; color: #22303c; border-bottom: 1px solid #dcdee0; margin-bottom: 8px;}

/* Alternative Header Styles */
h3.sub {font-style: italic; color: #666;}
h3.under {border-bottom: 1px solid #dcdee0; margin-bottom: 12px; line-height: 1.6em; padding: 20px 0 2px 0;}
h4.under {border-bottom: 1px solid #dcdee0; margin-bottom: 12px; line-height: 1.6em; padding: 10px 0 2px 0;}
h4.warn {border-bottom: 1px solid #dcdee0; margin-bottom: 12px; line-height: 1.6em; padding: 10px 0 2px 0; background: url(../images/icons/warning.png) 0 10px no-repeat; text-indent: 30px; color: #990000;}
h4 em {font-weight: normal; color: #999;}

/* Default / Alternative P Styles */
p {padding: 0 10px 8px 0; color: #333333; font-size: 1.2em; line-height: 1.6em;}
p.error {color: #990000; font-weight: bold;}

.tel {font-size: 1.4em; font-weight: bold; color: #22303c;}
.hide {display:none;}

/* Link Styles */
a {color: #333333; font-weight: bold; text-decoration: none;}
a:hover {color: #333333; text-decoration: underline; }

/* List Styles */
ul, ol {margin: 0 0 16px 30px;}
ul li, ol li {font-size: 1.2em; line-height: 1.4em;}
ul.error {margin: 0;}
ul.error li {color: #990000; font-weight: bold; list-style-type: none;}

ol.terms {margin: 0 0 16px 50px;}


/*====================================================================
BASIC PAGE LAYOUT
======================================================================*/

#wrapper {border-top: 5px solid #0060ad;}

/* Header */
#headerWrap {width: 100%; margin: 0 auto; border-top: 3px solid #def2f8; position: relative; }
#headerArea {width: 980px; margin: 0 auto; position: relative;  height: 115px; padding: 10px 0 10px 0; }
.logo {position: absolute; width: 200px; height: 80px; top: 10px; left: 10px;}
.strap {position: absolute; width: 450px; height: 50px; text-align: right; bottom: 8px; right: 5px; color: #0069b5; font-size: 2em; font-style: italic; }
.strap .subStrap {font-size: 0.9em; color: #faa61a; font-weight: normal;}

/* Main Content Container */
#innerWrap { position: relative; background: #fff; margin: 20px auto 20px auto;  }
#inner {width: 980px; margin: 0 auto; position: relative; }

#navWrap {width: 100%; height: 36px; border-top: 2px solid #faa61a;  margin: 0 auto; background: url(/images/menu-bg.gif) repeat-x top; position: relative;}

/* Home Page - 3 Col */
#hLeft {width: 335px; min-height: 450px; float: left; border:none; padding: 0; position: relative;}
#hMain {width: 610px; min-height: 450px; float: right; position: relative; margin: 0; display: inline; padding: 0 5px; background: url(/images/main-bg.gif) repeat-x top;}

/* Footer */
#footerWrap {width: 100%; border-top: 2px solid #0060ad; height: 210px; margin: 0 auto; background-color: #e3e3e3; position: relative; }
#footer {width: 980px; padding: 0; margin: 0 auto; position: relative; display: block;}
#footer p {margin: 0 auto; padding: 0 20px; font-size: 1.1em; line-height: 1.2em; text-align: center;}

#footLogos {margin: 10px auto; height: 70px; display:block; position:relative; width: 560px;}
#footLogos img {margin: 8px; border: 1px solid #0060ad;}
/* Footer Menu */
.footNav {width: 750px; padding: 8px 0 0 0; margin: 0 auto; line-height: 20px; font-size: 1.1em; display: block; text-align: center; color: #336eb4;}
.footNav a {margin: 0 3px; font-weight: normal; color: #336eb4; line-height: 20px;}


.contentWrap {padding: 10px 20px 20px 20px;}
.strapPic {clear: both; padding: 5px; margin-top: 0; margin-bottom: 15px; color: #faa61a; text-align: left; font-size: 2em; font-style: italic;}

/*====================================================================
BASE LEVEL NAVIGATION
======================================================================*/

/* Main Menu */
ul#mainnav {width: 980px; height: 36px; margin: 0 auto; padding: 0; }
ul#mainnav li {margin: 0; display: block; padding: 0;list-style: none; text-align:center; float: left; border-left: 1px solid #FFFFFF;}
ul#mainnav li.current {}
ul#mainnav li.first{padding-left: 0; border-left: none;}
ul#mainnav li.last{padding-right: 8px;}
ul#mainnav li, ul#mainnav a {height: 36px; display: block; }
ul#mainnav li a	{text-decoration: none; color: #336eb4; font-size: 1.1em; padding: 5px 25px 0 25px; float: left; display:block; font-weight: normal;}
ul#mainnav li a:hover {color:#FFFFFF;background: url(/images/menu-sel-bg.gif) repeat-x top;}
ul#mainnav li a.current {color:#FFFFFF;background: url(/images/menu-sel-bg.gif) repeat-x top;}

/*====================================================================
BASIC ENQUIRY FORM
======================================================================*/

form {padding: 0; border: 0; margin: 0 0 30px 0; position: relative;}
form fieldset {padding: 12px 0; border: 0; display: block;}
form h4 {border-bottom: 1px solid #dcdee0; margin-bottom: 8px;}

form label, textarea, select {display: block; float: left; padding-top: 5px; color: #444;}
form label {margin: 0 5px 5px 0; text-align: left; width: 150px; padding-right: 5px; font-size: 1.2em;}
form#feedback label {width: 200px;}
form input {height: 20px; width: 250px; border: 1px solid #ccc; padding: 3px; margin-bottom: 5px; font-size: 1.4em; float: left;}
form select {height: 26px; border: 1px solid #ccc; font-size: 1.2em; padding: 4px; margin-bottom: 5px; margin-right: 5px; float: left; }
form textarea {width: 270px; height: 200px; border: 1px solid #ccc; padding: 4px; font-size: 1.2em; margin-bottom: 7px;}
form textarea.wide {width: 600px; height: 100px;}

form input:hover, form textarea:hover {border: 1px solid #333333;}
form input:focus, form textarea:focus {border: 1px solid #e9872d;}

form input.gap {margin-bottom: 25px;}
form span.formnote {background: url(../images/icons/forminfo.png) left no-repeat; margin: 0 5px; padding: 4px 0 4px 25px; color: #666; font-size: 1.1em; line-height: 28px;}
form span.formred {margin: 0 5px; padding: 4px 0 4px 0; color: #990000; font-size: 1.1em; line-height: 28px;}

form input.radio {width: auto; height: 16px; background: none; float: left; margin-right: 10px; border: none; margin-top: 4px;}
form label.short {width: 120px;}
form label.wide {width: 600px;}
form label.wide .char {margin-left: 50px; color: #999; font-style: italic;}
form p.disclaimer {font-size: 1em; color: #666; padding: 15px 30px 15px 0; line-height: 1.2em; border-top: 3px solid #ccc; }
form p.notes {font-style: italic; font-size: 1em;}

form input.date {width: 40px; margin-right: 5px;}
form input.short {width: 150px;}
form input.area {width: 87px; margin-right: 5px;}

form input.plain{height:auto; width:auto; border:0; padding:0; margin:0; float:none;}

form input.submit {float: none; height: 34px; width: 223px; padding: 0; color: #fff; border: none; }
form input.freesubmit {float: none; height: 34px; width: 262px; padding: 0; color: #fff; border: none; }
form input.admore {float: none; height: 23px; width: 104px; padding: 0; color: #fff; border: none; }
form input.adcontinue {float: none; height: 34px; width: 143px; padding: 0; color: #fff; border: none; }
form input.next {float: none; height: 34px; width: 287px; padding: 0; color: #fff; border: none; }
form input.feedback {float: none; height: 34px; width: 211px; padding: 0; color: #fff; border: none; }
form .submit:hover {border: 0; cursor: pointer;}
form br {clear: left;}

div.textEx {background: #edede9; padding: 15px; margin-bottom: 20px; border: 1px solid #dcdee0;}