body {font-family: arial, verdana, sans-serif; font-size:75%; margin: 0 auto 3em; background-color:#E9E4BF; text-align:center;}


img {border: none;}
ul {margin:0; padding:0; list-style: none;}
a {text-decoration: none; color: #b07660;  }
p, h1, h2, h3, h4, h5, h6 {padding:0; margin:0}

a:hover{text-decoration: underline;}

h2 {font-size:1.1em; margin:0; padding: 0; padding-top:10px;padding-left: 42px; }
h3 {font-size:1.1em; padding-top:10px;padding-left: 42px; padding-bottom:5px;}
.bold {font-weight: bold;}
.normal {font-weight: normal;}
.clear {height:1px; line-height:1px; clear:both; overflow: hidden;}
.spacer5pixels {clear: both; height: 5px; line-height:5px; overflow: hidden;}
.spacer10pixels {clear: both; height: 10px; line-height:10px;}
.spacer20pixels {clear: both; height: 20px; line-height:20px;}
.spacer22pixels {clear: both; height: 22px; line-height:22px;}
.spacer40pixels {clear: both; height: 30px; line-height:35px;}
.footerspacer {clear: both; height: 87px; line-height: 87px;}

/* Font-family for main text */
p {font-family : verdana, sans-serif; font-size: 0.8em; padding-left: 42px; margin: 1em 0;}
p.first {margin-top:0;}
p.intro {font-size: 1em;}

.last {padding-bottom:0; margin-bottom:0;}
.first {padding-top:0 ; margin-top: 0;}


/* Coloured text */
	.blue {color: #2668a4;}
	.green {color: #857b16;}
	.pink { color: #D1AEA1;}
	.brown { color: #b07660; }
	.white {color: #ffffff;}
	.dgreen {color: #857b16; }
	
	/* combined styles because IE Mac doesn't understand more than one class */
	.bluenormal {color: #2668a4; font-weight:normal;}
	.bluenormalbig {color: #2668a4; font-weight: normal; font-size: 2.5em; text-transform:uppercase; }
	.bluefirst {color: #2668a4; padding-top:0; margin-top:0;}
	.bluelast {color: #2668a4; padding-bottom:0; margin-bottom:0;}
	.bluehelplinefirst {color:#2668a4;font-size:1.2em;padding-top:0; margin-top:0;}
	.bluebold{color: #2668a4; font-weight:bold;}
	
/* Background colors */ 	
	.bluebg {background-color: #A0BDD7;}
	.pinkbg {background-color: #D1AEA1;}
	.lbluebg {background-color:#e2ebf3;}
	.lpinkbg {background-color :#eddfd9;}
	.lgreenbg {background-color:#e7e5d0;}
	

/* Holder of all content on a page */
	#content {background-color: #ffffff; text-align:left; width: 770px;  margin: 0 auto; padding-top:18px; font-size:1em; }

/*  Top Navigation */
	#nav ul{margin:0; float:right;padding:0;} 
	#nav li {float:left; margin:0;padding:0; }
	#nav li a {display: block;  background-color: #857B16; background: url(../images/nav_bg.jpg) no-repeat 0.5em 50% #857B16;  color:#ffffff; text-transform:uppercase; padding: 0.25em 0 0.25em 1.5em;width:100%; font-family: verdana, sans-serif; font-weight:bold; font-size: 0.8em; float:left;}
	html>body #nav li a  {width:auto;} 
	#nav li a {float: none;}
	#nav li a:hover {text-decoration: none;}

	/* Width of each top navigation link */
	#aboutnav {width:6.3em;}
	#servicenav {width:11.75em;}
	#approachnav {width: 9.25em;}
	/*#teamnav {width: 9.25em;}*/
	#teamnav {width: 7.5em;}
	#locatornav {width: 11.25em;}
	#contactnav {width:7.25em;}

	*html>body #aboutnav  {width:6.5em;}
	*html>body #servicenav {width:12.1em;}
	*html>body #approachnav {width:9.1em;}
	*html>body #teamnav {width:7.5em;}
	*html>body #locatornav {width:11.25em;}
	*html>body #contactnav {width:7.7em;}
	
	/* Active pages */
	#about #aboutnav a, #services #servicenav a, #approach #approachnav a, #team #teamnav a,  #locator #locatornav a, #contact #contactnav a  {background-image:url(../images/nav_bg_active.jpg);background-color: #e9e4bf; color: #92882b;}
	
/* End of Top Navigation */

	
/* Quick  Login */	

	#home #main {width: 420px; float:left; margin-top:18px; background-color:#ffffff;}
	#homeqlogin {float:right; width: 266px; margin: 18px 0 0 0; font-size:0.9em;}
	* html #homeqlogin {width: 256px;}
	
	#quicklogin{padding: 10px 0  0 10px;background-color:#f3ebe7;}
	
	#quickloginpw {padding: 10px 0 0 5px;; background-color:#f3ebe7;}
	#quickloginpw #loginform label{ width:6em;}
	
	*html>body #quickloginpw #loginform label{ width:7em;}
	
	#quicklogin p, #quickloginpw p {margin:0;}
	#quick {color: #b07660; padding:0; margin:0;}
	
	#loginform {margin:5px 0 0 0; padding:0;  }
	#loginform #username, #loginform #password {margin:0; float:left; width:10em;}
	/* IE Mac fixes */
	* html>body #loginform #username {margin-left:5px;}
	* html>body #loginform #password {margin-left:7px;}
	/* End of fixes */
	#loginform #loginbutton {padding:0; margin-top:1px; float:right;width:50px;}
	#loginform label {color: #2668a4; width:5em; display:block; float:left; padding: 5px 0 3px 0;}
	
	#quickloginpw p.forgot, #quicklogin p.forgot {color: #b07660; font-size: 1em;  padding: 0.5em 1em; background: url(../images/bg_cross_brown.jpg) no-repeat 0 50%; }
	
	#homeqlogin #register {background-color: #b07660; padding: 5px  0  5px 10px; color: #ffffff; }
	#homeqlogin #register p {padding:0; margin:0;padding-left: 12px; background: url(../images/contact.jpg) no-repeat 0px 50%; font-size:1em;}
	#homeqlogin #register  a {color:#ffffff;}
	
/* End Quick Login */

/* Header  - on all pages except the home page */
	#headerleftcontainer {margin-right: -270px; float:left;}
	#headerleftcontainer #headerleft { width: 470px; }
	#headerleftcontainer #headerleft img {margin-top:  17px; margin-bottom:  25px; float:left;}
	* html>body #headerleftcontainer #headerleft img {margin-left:0px;} /*IE Mac fix*/
	
	#headerleftcontainer #headerleft .heading {clear:left; padding-bottom:10px;}
	

	* html #headerleftcontainer #headerleft h1 {}
	
	#headerleftcontainer #headerleft h1 {clear:left; background-color:#E9E4BF; font-size: 1em; font-family: verdana, sans-serif; text-transform: uppercase; color:#857b16; padding: 8px 15px 8px 42px;display:inline;}

	* html #header #quicklogin {margin-top:17px;}
	#headerlogin {float:right; width: 266px; margin-top: 49px; font-size:.9em;}
	* html #headerlogin {margin-top: 27px; }

	#headerlogin #signup {background-color: #b07660; padding: 5px  0  5px 10px; color:#ffffff;}
	#headerlogin #signup p {padding:0; margin:0;padding-left: 12px; background: url(../images/contact.jpg) no-repeat 0px 50%;font-size:1em;}
	#headerlogin #signup a {color: #ffffff;}
	
	#headerlogin #pwsignup {background-color: #b07660; padding: 5px  0  5px 5px; color:#ffffff;}
	#headerlogin #pwsignup p {padding:0; margin:0;padding-left: 11px; background: url(../images/contact.jpg) no-repeat 0px 50%;font-size:1em;}
	#headerlogin #pwsignup a {color: #ffffff;}


/* End Header */	

/* Footer */	
	#footer {background-color: #2668a4; color: #ffffff; padding-bottom: 2px;padding-left:42px;}
	#footer p {text-align:right; padding: 2px 10px 2px 0; margin:0; font-size:0.9em;}
	#footer .footerleft {float:left;margin-right:10px;}
	#footer p a {color:#ffffff;}
	#footer p a:hover {text-decoration: underline;}
	#footer	p.footcross {padding-left:10px; background:url(../images/foot_bg.jpg) 0 50% no-repeat; text-align:left;}

	
/* End Footer */

/* Content holders */

	.contentleft1 {width:495px;  float:left; }
	.contentleft2 {width:357px; float:left;}
	.rightimg {width: 267px; float:right; }
	.contentright { width:506px;float:right;}
	.contentleft {width: 435px; float:left;}
	div.quote {width:413px; float:left;  padding:0; margin:0; }

/* End of content holders */
	
/* Styles for content inside above holders */

	 .contentleft2 p {padding-right:25px;margin: 0;padding-left: 42px; }
	blockquote { padding:0;margin:0; }
	.quote blockquote {font-size: 1.4em;  color: #ffffff; margin:0; padding-bottom:5px; padding-right:50px;	}
	.quote p {margin: 0; padding:0; font-family: verdana, sans-serif;}
	div.quote div {padding:15px;}
	
/* Quotes */
	.quoteimgright {width:330px; float:right; padding-right:0; padding-top:15px;margin-right:0; }
	.quoteimgleft {width:232px; float:left;font-size:0.8em;}
	quoteimgright2,div.quoteimgright3 {width:330px; float:right; padding-right:0; padding-top:15px;margin-right:0; }
	quoteimgright4 {width:330px; float:right; padding-right:0; margin-right:0; padding-top:15px;}

/* Styles specific for the homepage */
	#homeheader {padding-top:17px;}
	#flash {margin-top: -30px;}
	
/* Our online service styles */
	div.questions { background: url(../images/question.gif) 0 0 no-repeat #a0bdd7;margin:0; margin-top:5px;}
	div.questions ul {padding-left: 42px; padding-bottom: 5px; margin:0;font-size:0.9em;}
	/* Need a smaller font-size for IE Mac - hide actual size from Mac\*/
	div.questions ul {font-size:1em;}
	/* End of IE Mac hack */
	
	
	
	div.questions ul li {margin:0; padding: 5px 0 0 0;}
	
	div.questions ul li a {text-transform: uppercase; color:#fff; text-decoration: none; padding-left:15px; background/**/: url(../images/whitecross.gif) no-repeat 0 50%;}
	* html>body div.questions ul li a {background: url(../images/whitecross.gif) no-repeat 0 50%;} /*Give IE Mac the background image again*/
	
	
	
	div.questions ul li a.active {background-image/**/: url(../images/blackcross.gif); color: #000;}
	* html>body div.questions ul li a.active{background-image: url(../images/blackcross.gif); color: #000;}
	div.answers {width: 486px; padding: 0 0 26px 0px; margin:0;background: url(../images/answer.gif) 0 0 no-repeat}
	div.answers ol { list-style: decimal; color:#2668a4; font-weight: bold; margin-top:0;padding-top:0;}
	

	
	.numberbullets {padding-left:20px; margin:0; padding-right:10px; font-size:0.9em; }
	* html .numberbullets {padding-left: 25px;}
	
	*html>body .numberbullets {padding-left:37px;}
	
	#services .rightimg img {margin-top:112px; margin-left: 15px;}
	
	
	
/* Our approach styles */

	.business {margin-top:10px; padding-bottom:20px; padding-right: 1.5em;}
	
/* Our People styles */
	.telsecond {margin-top:0;color:#2668a4;margin-bottom:0;padding-bottom:0; font-size:0.9em;}
	.tel {margin-top:10px; color:#2668a4;margin-bottom:0;padding-bottom:0; font-size:0.9em;}
	.email {margin-top:0;margin-bottom:0;}
	
	.quoteimgright {width:330px; float:right; padding-right:0; padding-top:25px;margin-right:0; }
	.quoteimgright blockquote {padding:0; width:135px; font-size:1.2em;margin-top:17px; margin-left:16px; margin-right:0; padding-right:0;float:left;} 
	.quoteimgright img {float:right; width: 171px; margin-top:-15px; } 
	* html .quoteimgright img {margin-right:-4px;}
	* html .quoteimgright blockquote {width:120px;margin-left:10px; }

	
	div.quoteimgleft {width:232px; float:left; }
	#support {padding-bottom:98px;background:url(../images/bg_quote2.jpg) 100% 100% no-repeat #D1AEA1;}
	div.quoteimgleft blockquote {margin-left:42px;width:144px;padding:0;padding-top: 14px; font-size: 1.5em;}

	div.contentright {float:right; width:506px;/*font-size:0.9em;*/}
	div.contentright h2 {padding:0;}
	div.contentright p {padding-right: 40px; padding-left: 0;}
	div.contentleft p {padding-right: 40px;}
	
	
	#accounts {background-color:#e7e5d0; padding-bottom:125px;background: url(../images/bg_quote3.jpg) 100% 100% no-repeat #e7e5d0; }
	#accounts blockquote {width:163px;}
	
	div.quoteimgright2,div.quoteimgright3 {width:330px; float:right; padding-right:0; padding-top:15px;margin-right:0; }
	div.quoteimgright2 blockquote {padding:0;color:#2668a4; width:135px; font-size:1.2em; margin-left:16px; margin-right:0; padding-right:0;padding-top:10px;}
	div.quoteimgright2 div.lbluebg {background:url(../images/bg_quote4.jpg) no-repeat 100% 100% #e2ebf3; padding-bottom:10px;}

	div.quoteimgright3 .lgreenbg{padding: 10px 0 85px 0; background: url(../images/bg_quote5.gif) 100% 100% no-repeat #e7e5d0;}
	div.quoteimgright3 blockquote{color:#857b16;width:200px;font-size:1.2em; margin-left:16px;padding-right:0;}

	div.quoteimgright4 {width:330px; float:right; padding-right:0; margin-right:0; padding-top:20px;}
	div.quoteimgright4 .pinkbg {margin-top:10px;}
	div.quoteimgright4 blockquote {color:#fff;width:180px;font-size:1.2em; padding-right:0;float:left;padding-left:16px;padding-top: 10px;}
	div.quoteimgright4  img {float:right;  width: 125px;margin-top: -25px; margin-top/**/: -15px; }
	
	* html>body div.quoteimgright4  img {margin-top:-15px;}

/* Retailer Locator styles */

	div.search {margin-left:42px; margin-top:10px;border:1px solid #e2ebf3; padding:22px 13px 13px; padding-bottom:50px;} 
	div.search h2 {margin:0; padding: 0 0 9px 0; border-bottom: 1px solid #e2ebf3; color:#2668a4;}
	div.searchfields {margin-top:13px;background-color:#e2ebf3; padding: 10px 5px 10px; }
	* html div.searchfields {width:100%;}
	div.searchleft {float:left; }
	div.searchleft label { width:auto;}
	div.searchleft input {float:left;margin:0;width:13em;width:198px;}
	
	div.searchright {float: right;}
	div.searchright label {width:auto; }
	div.searchright input, select {float:left;margin:0;width:13em; width:198px;}
	
	#searchbutton {width: auto; float: right; margin-top: 9px;}
	
	.locatormap {padding-left:18px;}
	/* Hide from IE Mac \*/
	*html .locatormap {padding-left:25px;}
	/* End hide from IE Mac */

	/* hide from IE Mac \*/
/*	* html div.searchleft #address {width:13em;margin-left:0px;}
	* html div.searchleft #postcode {width:13em;margin-left:0px;}
	* html div.searchright #city {width:14.9em;margin-left:0px;}*/
	/* end hide */

	
/* Contact us styles */

	div.contact {padding: 0px 20px 0 0;}
	div.contdetails {width:50%; padding:0;margin:0;float:left;}
	* html div.contdetails {width:45%;}
	
	
	
	div.contdetails p.telfax {padding-left:42px;margin:0; font-weight: bold; font-size:0.9em;padding-bottom:0;padding-top:0;}
	div.contdetails p.telfax span.telno {margin-left:22px;}
	div.contdetails p.telfax span.faxno {margin-left:19px;}
	.contentleft1 p.emailaddress {margin-top:0; padding-top:0;}
	div.contdetails p.emailaddress a {margin:0; font-weight: normal;}	

	div.contdetails p {color:#2668a4; font-weight:bold; font-size: 0.9em;padding-top:0; margin-top:0;}


	.rightimg ul { margin-top: 11px; margin-left: 11px; font-size: 0.9em; }
	.rightimg ul li {padding: 5px 0 5px 14px; border-bottom: 1px solid #e9e4bf;background: url(../images/contact_bg.jpg) 0 50% no-repeat;}
	.rightimg ul li a {color:#857b16; text-decoration: none;}
	.rightimg ul li a:hover {text-decoration: underline;}

	.rightimg .rightcontactimg {width:232px;float:right;}
	.rightimg .rightcontactimg blockquote {padding-left: 13px;padding-top:15px; padding-right: 15px; font-size: 1.3em; color: #2668a4;}
	
	.rightimg .rightcontactimg .lbluebg {padding-bottom:148px; background:url(../images/jan_contact.jpg) 100% 100% no-repeat #e2ebf3;}

	.rightimg ul#nologin {margin-top:23px;}
	
/* Contact register form styles */	
	
	div.details h2 {margin-bottom:0;}
	div.details  p.bluefirst {margin-top:0; /*border:1px solid #f00;*/ padding-top:3px; color: #2668a4;}

	form#yourdetails {/*border:1px solid #f00;*/margin-top:10px;margin-left:42px; font-size:0.95em;}
	form#yourdetails li {margin:0.5em 0; clear:left;}
	form#yourdetails li #altphoneno {margin-top:1em;}
	form#yourdetails li #account2 {margin-top:1em;}
	form#yourdetails li label {/*border: 1px solid #0ff;*/ width:100px;margin-top:0.5em; margin-right:0.5em; display:block;float:left;clear:both;}
	/*form#yourdetails span {border: 1px solid #000;}*/
	form#yourdetails input{/*border:1px solid #00f;*/ width:15em;}
	form#yourdetails select {width:15.3em;margin-bottom:5px;}
	html>body form#yourdetails select {margin-right:3px;} /* fix for asterisks on dropdowns*/
	* html form#yourdetails select {margin-left:3px; width:15em;border:1px solid #f00;}
	* html>body form#yourdetails select {width:13.7em;margin-left:0;}
	* html>body form#yourdetails li label {width:120px;}
	
	
	form#yourdetails textarea {width: 325px; min-height:10em;}
	* html>body form#yourdetails textarea {height:10em;}

	form#yourdetails #sendbutton {/*float:right; */margin-top:10px;width:auto; margin-left:403px;}
	form#yourdetails #postcode {width: 8em;}
	form#yourdetails #phoneno {width: 12em;}
	form#yourdetails #altphoneno {width: 12em;}


	* html #problembox {width:100%;margin-top:10px;} 

/* Account application form styles */
	
	.download {padding: 5px 35px 10px 42px;}
	.download p {padding-left:0;}
	.download p.pdf {padding-left: 20px; background: url(../images/icon_pdf.gif) no-repeat 0 50%; }

/* Thanks styles */

h2.big {font-size: 2.5em; text-transform:uppercase; font-family: verdana, sans-serif;}

/* Password styles */

.orangecross {background: url(../images/bg_cross_brown.jpg) no-repeat 42px 50%; padding-left:55px;}
.orangephone { background: url(../images/orangephone.jpg) no-repeat 42px 50%; padding-left:55px;}
.helpline {font-size:1.2em;}

#quickloginpw #loginform #wrongpassword {color:#f00; background-color:#fff;}
#quickloginpw #loginform #wrongusername {color:#f00; background-color:#fff;}

* html #oops {margin-top:10px;}

/* IE Mac fixes */
* html>body #quickloginpw #loginform #username {margin-left:7px;}
* html>body #quickloginpw #loginform #password {margin-left:7px;}

/* Terms and conditions */
.tleft {margin-left:40px;width:35px;float:left; /*border: 1px solid #f00; */font-size:0.8em;}
* html .tleft {margin-left:20px;}
.tright {width:375px; /*border: 1px solid #0f0;*/float:left;}
.tandcintro {width:410px;}
#tandc .contentleft1 .tright p {margin-left:0; padding-left:0;}

* html>body .tleft {margin-left:42px;}

/* Forgotten password */
* html #forgotemail {padding-left:1px;}

/* Service Guide page */
#guide {padding-top:5px;}
#guide p {padding-right:20px;}
table#tblguide {margin:0; padding:0;width:430px; margin-left: 42px; font-size:0.9em; cell-padding:0; cell-spacing:0; text-align: center; border-right:1px solid #000; border-bottom:1px solid #000;}
#tblguide th, #tblguide td {border-left:1px solid #000; border-top:1px solid #000;text-align: center;}
#tblguide th {color: #2668a4; font-weight:bold;}

*html>body table#tblguide {font-size:0.8em;}

/* Styles for aspx pages */
.validationSummary {text-align: left;border:none;}

ValidationSummary

#details {color:#000;}