#mainContainer { padding-top: 0 }

/* header styles */
#header { float: left; width: 960px; min-height: 113px; height: auto !important; height: 113px;  }
#backToMain { float: left; width: 960px; height: 36px; padding-top: 11px; text-align: right;padding-bottom:7px;  }
#headerLeft { float: left; width: 188px; height: 100px; padding-top: 12px; border-top: solid 1px #c5c7ca; background: url(../images/dashed-border.gif) bottom left repeat-x; }
#headerRight { float: left; width: 730px; margin-left: 42px; min-height: 102px; height: auto !important; height: 102px; border-top: solid 1px #c5c7ca; background-color: #7cbe38; padding-top: 10px; }

/* home content styles */
#mainContent { float: left; width: 960px; height: auto; }
#mainCol { float: left; width: 730px; margin-left: 42px; padding-top: 5px; padding-bottom: 5px }
.homeMainImage { float: left; width: 710px; height: 202px; padding: 40px 0 0 20px; background: url(../images/home-image-large.jpg) no-repeat top left; margin-bottom: 9px; }
.homeMainImage h2 { float: left; width: 710px; color: #fff; font-size: 3.4em; padding-bottom: 15px; }
.homeMainImage h3 { float: left; width: 400px; color: #fff; font-size: 1.5em; font-weight: normal; line-height: 1.2em; }
.homeMainImage a { text-decoration: none; color: inherit }
#homeColLeft { float: left; width: 471px; height: auto; }
#homeColRight { float: left; width: 253px; height: auto; margin: 0 0 0 6px; overflow-x: hidden }
.homeSmallImage { float: left; width: 429px; height: 126px; padding: 15px 20px; background: url(../images/home-image-small.jpg) no-repeat top left; border: solid 1px #e7e7e7; margin-bottom: 7px; }
.homeSmallImage h4 { float: left; font-size: 3.4em; font-weight: bold; color: #fff; width: 429px; padding-bottom: 4px; }
.homeSmallImage p { float: left; width: 150px; font-size: 1.2em; font-weight: normal; color: #fff; line-height: 1.3em; }
.homeSmallImage a { text-decoration: none; color: inherit }

#newsTicker {padding-bottom:12px;}
#newsTicker a {text-decoration:none; line-height:1.2em;color:#350856;}
#newsTicker .marquee-link {margin-right:20px; font-size:12px;}

.linkBox { float: left; width: 163px; min-height: 60px; height: auto !important; height: 60px; padding: 35px 0 10px 110px; margin-bottom: 4px; background: #f3f4f4; }
.linkBox a { float: left; width: 150px; font-size: 1.9em; font-weight: normal; color: #747474; text-decoration: none; }
.linkBox a:hover { text-decoration: underline; }
.linkBox1 { background: #f3f4f4 url(../images/homelink-orange.gif) no-repeat top left; }
.linkBox2 { background: #f3f4f4 url(../images/homelink-blue.gif) no-repeat top left; min-height: 75px; height: auto !important; height: 75px; padding: 20px 0 10px 110px; }
.linkBox3 { background: #f3f4f4 url(../images/homelink-green.gif) no-repeat top left; }
#latestNews { float: left; width: 439px; min-height: 126px; height: auto !important; height: 126px; padding: 15px; border: solid 1px #e7e7e7; }
#latestNews h5 { float: left; width: 425px; font-size: 1.9em; font-weight: normal; color: #350856; padding-bottom: 25px; }
#latestNews h5 a {color: #350856; text-decoration: none}
#latestNews img { float: left; padding-top: 5px; }
ul#newsList { float: left; width: 439px; font-size: 1.2em; list-style: none; }
ul#newsList li { float: left; width: 439px; height: auto; background: url(../images/small-col-border.gif) repeat-x bottom left; }
ul#newsList li#last { margin-bottom: 0; background: none; }
ul#newsList li a { float: left; display: block; width: 419px; padding: 4px 0 8px 20px; line-height: 14px; color: #848484; text-decoration: none; background: url(../images/grey-arrow.gif) no-repeat 0 4px; }
ul#newsList li#last a { padding-bottom: 0; }

/* styles added by jason w 30/09/10*/
ul#nav #purpleLi { padding: 0 0 20px 0; float: left; width: 188px; bottom:30px;  height: auto; }
ul#nav #purpleLi a{background-color: #350856; color:White; }
#headerLeftMicro { float: left; width: 188px; height: 100px; padding-top: 12px; border-top: solid 1px #c5c7ca; }
#headerMicro { float: left; width: 960px; min-height: 113px; height: auto !important; height: 113px; padding-bottom:10px;  }

#loginBox  { float: left; width: 188px; height: auto; }



/* main nav styles */
.navLogin { float: left; width: 188px; height: auto; font-size: 1.4em; font-weight: normal; list-style: none; }
.navLogin li {float: left; width: 188px; height: auto; }
.navLogin li a { float: left; display: block; text-decoration: none; width: 182px; height: auto; padding: 6px 3px 5px 3px; color: #a4a4a4; border-bottom: solid 1px #c5c7ca; }
.navLogin li a:hover, ul#nav li a.on { color: #504e53; border-bottom: solid 1px #7dbe38; }

#loginBox div { width:100%; position:relative; float:left; clear:both; }
#loginBox div input { float:left; position:relative; }
#loginBox div span { float:left; position:relative; }
#loginBox div label { float:left; position:relative; width:100%; }

/* centre content section styles */
.boxHeader { float: left; height: auto; background: #ccdfee; }
.boxHeader h3 { float: left;  font-size: 1.4em; font-weight: normal; padding: 4px 0 4px 12px; }
.boxHeader h3 a {  color: #336699; text-decoration: none }

#loginBox .boxHeader { width: 188px; }
#loginBox form#loginForm { float: left; padding-bottom: 23px; }
#loginBox label { float: left; width: 213px; font-size: 1.2em; color: #000; padding: 6px 0 6px 0; }
#loginBox input { float: left; clear: both;  font-size: 1.2em; padding: 2px 10px; border: solid 1px #666; }
#loginBox a { float: left;  font-size: 1.4em; text-decoration:none; color:gray; font-weight: normal; padding:  4px 0 4px 12px; }
    
.frm { width: 450px; }
.frm.reg input { float: left;  border: solid 1px #666; }
.frm.reg textarea { float: left;  border: solid 1px #666; }
.frm.reg select { float: left; border: solid 1px #666; }
.frm.reg .sub { width: auto }
.frm label { clear: both; float: left; font-size: 1.1em; width: 175px;}
.frm input { float: left; margin-bottom: 2px }
.frm select { float: left; width: 153px; }
.frm .check input { width: auto; border: 0; float: left }
.frm br { clear: left }
.frm .sub { clear: left; margin-top: 5px }
.errortext { float: left; width: 100%; font-size: 1.1em; color: Red; font-weight: bold; margin-bottom: 1.1em }
.boldlabel { font-weight: bold; margin-bottom: 11px }
.frm.reg { width: 450px; }


/* Support Letter Tool bits */
#mainCol #pageContentTop .supportlettertool ul.no-list {width:600px;}
#mainCol #pageContentTop .supportlettertool .sub {font-size:12px; border:solid 1px #7cbe38; padding:5px 10px; background:#7cbe38; color:#fff; margin-right:3px;}
#mainCol #pageContentTop .supportlettertool ul.no-list input {border:solid 1px #a4a4a4; padding:0 3px;}
#mainCol #pageContentTop .supportlettertool ul.no-list #clientcopy .longlabel {margin-left:4px}
#mainCol #pageContentTop .supportlettertool ul.other li .bullets td {padding-bottom:5px;}
#mainCol #pageContentTop .supportlettertool ul.other li .bullets label {clear:none; padding-left:10px; width:inherit;}


#mainCol #pageContentTop p span {line-height:1.3em}

/* Recaptcha */
#recaptcha_area img {margin-bottom:0px;}


/* Support Friend page */
#mainCol #pageContentTop .sendtoform .frm input {border:solid 1px #a4a4a4; padding:0 3px;}
#mainCol #pageContentTop .sendtoform .required {font-size:12px; color:#6e6e6e; float:left; padding:0px; margin:0px; padding-bottom:10px;}

/* Registration Page */
#mainContent #mainCol #pageContentTop .reg .postcode-lookup-button {margin-top:10px; font-size:12px; border:solid 1px #7cbe38; padding:5px 10px; background:#7cbe38; color:#fff; float:left; width:305px}
#mainContent #mainCol #pageContentTop .reg span#postcodeResultElement {color:Red;}
#mainContent #mainCol #pageContentTop .reg select#crafty_postcode_lookup_result_option1 {max-width:305px;}