/* CSS Document */

	body { font-size:0.76em; margin:0px; font-family:Arial, Verdana, Helvetica, sans-serif; color:#000000; line-height:150%;}
	table { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:100%; border-collapse:collapse; }
	img { border:0px; }
	a { color:#000000; text-decoration:none; }
	a:hover { text-decoration:underline; }
	h1 { display:none; margin:0px; padding:0px; }
	h2 { font-size:160%; margin: 0px;}
	h3 { font-size:140%; }
	h4 { font-size:120%; }
	h5 { font-size:100%; }
	input { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:100%; }
	select { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:100%; }
	textarea { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:100%; }
	label { font-weight:bold; }
	/*div { border:1px solid blue; }*/
	
	#all { margin:auto; }
	
	#header-outer { width:100%; height:100px; }
	#header { margin-right:10px; margin-left:190px; height:100px; background:url('../images/header.jpg') repeat-x left bottom; }
	#logo { position:absolute; top:0px; left:0px; width:294px; height:116px; }
	#logo img { margin:20px 0 0 20px; }
	
	#top1-outer { width:100%; margin-bottom:1px; }
	#top1-inner { background:url('../images/menu-bg2.gif') repeat-x left top; margin:0 10px; }
	
	#top2-outer { width:100%; }
	#top2-inner { font-size:90%; height:100%; background:#e3e3e3; padding:3px 10px 3px 20px; margin:0 10px;border:solid 1px #bfbfbf; }
	#top2-left { width:20%; float:left; }
	#top2-right { width:80%; float:left; text-align:right; }
	
	#top3 { margin:1px 10px; background-color:#bfbfbf; height:12px; font-size:1px; }
	
	#main-outer { width:100%; }
	#main-left-outer { width:20%; float:left; }
	#main-left-inner { padding:10px; }
	#main-right-outer { width:80%; float:left; }
	#main-right-inner { padding:10px; }
	
	.breadcrumb { border:1px solid #767676; padding:1em 1em 0em 1em; font-size:90%; margin-bottom:1em;}
	.breadcrumbRows{padding-bottom: 10px;}
	
	
#menu { margin-bottom: 1.8em;}

	#menu h2 { display:none;}
	#menu ul { list-style-type:none; margin:0em 0em 0em 0em; padding:0em; }
	#menu li { margin-bottom:2px; padding:0 1px 0 10px; }
	#menu li a { color:#000000; height:1.5em; display:block; padding:3px 3px 3px 5px; font-weight:bold;}


/*** Style for SiteKit <NAVIGATION> ***/

/* Hide Home link */
span.mc_1 { display:none; }

/* Ensure links in navigation are underlined on hover state */
a.navlink b.navweight span span:hover{ text-decoration:underline; cursor:hand;}

/* Menu style */
div.snmenu,
span span.navlevel2,
span span.navsellevel2, 
b.navweight span span.navsellevel1, 
b.navweight span span.navlevel1, b.navweight span span span.navlevel1 {
  background:#e3e3e3; color:#000000; height:1.5em; display:block; padding:3px 3px 3px 5px; font-weight:bold;
  border-left:.8em solid #000;
  border-right: 1px solid #000;
}

div.snmenu {margin: 7px 0 5px 0; background-color:#cacbf9; border-left:0.8em solid #7f82ff;}

b.navweight span span.navsellevel1 {background-color: #efefef;}

/* Sub Menu */
span span.navlevel2 {padding-left: 1.5em;}
span span.navsellevel2 {padding-left: 1.5em; background-color: #efefef;}






/* Hide elements to reduce spacing created by SiteKit */
#menu br { display:none; }
#menu img { display:none; }

/* Add correct padding between menu items */
td.nav2,
td.nav3 { padding-bottom: 0.2em; }

/*** end Style for SiteKit <NAVIGATION> ***/


	#content h1 { display:block; font-size:160%; font-weight:bold; padding: 0em 0.5em 1em 0em; color:#000000; }
	#content h2 { font-size:100%; font-weight:bold;  padding:0.5em; margin:0.5em 0em 0.5em 0em; color:#000000; background-color:#e3e3e3;  }
	#content a { text-decoration:underline; }
	#content ul { list-style-image:url('../images/bullet.gif'); }
	
	#footer-outer { width:100%; }
	#footer-inner { font-size:90%; text-align:center; padding:1em; margin:0 10px; background:#e3e3e3; border:solid 1px #bfbfbf; }

	.hidden { display:none; }
	.toplink { background:none; padding:0em; }
	.linktop { height:40px; width:100%; padding:20px 0em 0px 0em; text-align:right; }
	
	.leftlist { list-style-type:none; margin:0em; padding:0em; float:left; }
	.leftlist li { height:24px; text-align:center; float:left; border-right:1px solid #767676; margin:0px 0px 0px 0px; padding:5px 20px 0px 20px; background:url('../images/menu-bg1.gif') repeat-x left top; }
	.rightlist { width:12em; list-style-type:none; margin:0em; padding:0em; float:right; }
	.rightlist li { height:24px; text-align:center; float:right; border-left:1px solid #767676; margin:0px 0px 0px 0px; padding:5px 10px 0px 10px; background:url('../images/menu-bg1.gif') repeat-x left top; }

	.menulist li { background:#333333; }
	.menulist li a { background:#e3e3e3; }
	.menu3 { background:#cdd638 url('../images/zone11.gif') repeat-x left bottom; }
	.menu3 a { background:#f2f5cd url('../images/zone12.gif') repeat-x left bottom; }
	.menu4 { background:#ffe905 url('../images/zone21.gif') repeat-x left bottom; }
	.menu4 a { background:#fff9c0 url('../images/zone22.gif') repeat-x left bottom; }
	.menu2 { background:#cd268f url('../images/zone31.gif') repeat-x left bottom; }
	.menu2 a { background:#f2c8e2 url('../images/zone32.gif') repeat-x left bottom; }
	.menu1 { background:#c8dce1 url('../images/zone41.gif') repeat-x left bottom; }
	.menu1 a { background:#f1f6f7 url('../images/zone42.gif') repeat-x left bottom; }



.menu img,
td.nav2 img,
td.nav3 img { display: none; }

	/* ZONES on main page */
	
	#content .zones { float:left; }
	#content .zones ul { width:430px; list-style:none; margin:0; padding:0; }
	#content .zones li { width:200px; float:left; margin:0em 15px 15px 0em; padding:0 0 136px 0; }
	#content .zones a { font-weight:bold; display:block; padding:5px; text-decoration:none; }
	#content .zones a:hover { text-decoration:underline; }
	
	.zone3 { background:url('../images/z1.jpg') no-repeat left bottom; }
	.zone3 a { color:#ffffff; background:#cdd638 url('../images/zone11.gif') repeat-x left bottom; }
	
	.zone4 { background:url('../images/z2.jpg') no-repeat left bottom; }
	.zone4 a { color:#000000; background:#ffe905 url('../images/zone21.gif') repeat-x left bottom; }

	.zone1 { background:url('../images/z3.jpg') no-repeat left bottom; }
	.zone1 a { color:#ffffff; background:#cd268f url('../images/zone31.gif') repeat-x left bottom; }

	.zone2 { background:url('../images/z4.jpg') no-repeat left bottom; }
	.zone2 a { color:#000000; background:#c8dce1 url('../images/zone41.gif') repeat-x left bottom; }
	
	

	.list {margin:0px 0px 30px 0px; padding:0px; border: solid 1px #C9C9C9; background-color:#f5f5f5;}
	.list caption {padding:0px 0px 15px 0px; display:none;}
	.list th {background-color:#dee9f7; padding: 5px; border-bottom:solid 1px #C9C9C9; text-align:left; }
	.list td {padding: 10px 5px 10px 5px; border-bottom: dashed 1px #C9C9C9;}
	#tablebottom td {background-color:#dee9f7;}
	.paging td { text-align:center; }
	.paging td a { font-weight:bold; }
	
	.detailslist {list-style-type:none; margin-left:20px;}
         ul.detailslist  {list-style-type:none; margin-left:0px; padding-left: 15px;}
	.detailslist li {padding: 5px 0px 5px 0px;}
	.detailslist div {font-weight: bold;}
	.detailslist h3{margin:0px; padding:0px;}
	.serviceAddress{margin-left:15px;}
	.fixtext{margin: 10px 0px 10px 0px;}
	
	
	#largeTextLink{font-size:8pt;}
	#mediumTextLink{font-size:10pt;}
	#smallTextLink{font-size:12pt;}
	
	/* Container vs Float Error Correction */
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.clearfix { display: inline-table; }
	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
	/* End hide from IE-mac */
	
	
	.footerCenter{text-align:center; }
	.w3clogos{text-align:center;}

	ol li
	{
		padding: 5px 0px 5px 0px;
	}
	ol ul li
	{
		padding: 0px;
	}
	
.FormContentLeft{ padding:10px 0px 10px 0px; background-color:#E3E3E3; color:#000000; font-size:100%; font-weight:bold; margin:0.5em 0em; padding:0.5em}
	.FormContentLeft 
	{
		padding-bottom:5px;
	}
	.error
	{
		font-weight:bold;
		color:#ff0000;
	}
	.button
	{
		margin-left:10px;
	}
		
	#content .zone3h2 { color:#ffffff; background:#cdd638 url('../images/zone11.gif') repeat-x left bottom; }
	#content .zone3Results ul li {list-style-image:url('../images/bullet1.gif'); margin: 8px 0px 8px 0px; }

	
	#content .zone4h2 { color:#000000; background:#ffe905 url('../images/zone21.gif') repeat-x left bottom; }
	#content .zone4Results ul li { list-style-image:url('../images/bullet2.gif'); margin: 8px 0px 8px 0px;}
	
	#content .zone2h2 { color:#ffffff; background:#cd268f url('../images/zone31.gif') repeat-x left bottom; }
	#content .zone2Results ul li { list-style-image:url('../images/bullet3.gif'); margin: 8px 0px 8px 0px; }

		
	#content .zone1h2 { color:#000000; background:#c8dce1 url('../images/zone41.gif') repeat-x left bottom; }
	#content .zone1Results ul li { list-style-image:url('../images/bullet4.gif'); margin: 8px 0px 8px 0px; }
	
	.center{text-align:center;}
	
	.categoryList ul  li{margin: 8px 0px 8px 0px;}


/* Container vs Float Error Correction */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; height:100%; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/********.searchform general ********/

/*.searchform { border:1px solid blue; background:#ffdfef;}
.searchform div  { border:1px solid red; }*/
.searchform span { font-style:italic; color:#00ff00; padding-left:0.5em; } /* modify information text here */
.searchform .hidden { display:none; }
.searchform .error { font-weight:bold; color:#ff0000; }
.searchform .label { font-weight:bold; float:left; padding-top:0.5em; }
.searchform .control { float:left; }


/* 2 POSSIBLE STYLES FOLLOW */

/* all on one line */

.searchformoneline { float:right; }
.searchformoneline .label-control  { float:left; margin-right:0.5em; }
.searchformoneline .label { margin-right:0.5em; line-height:1em; }
.searchformoneline #ctl00_QuickSearch1_ctlPostcode { margin-right:0.5em; }

/***********************/


/* each label-control set on one line */

.searchformlist .label-control { clear:both; }
.searchformlist .label, .searchform .control { margin-bottom:0.5em; }
.searchformlist .label { width:10em; }
.searchformlist .control { padding-left:0.5em; }
.searchformlist .control label, .searchformlist .control select { margin-right:0.5em; }

/******************************/
/* OL Brand */
#olbrand {text-align: left; padding-top: 0px;}
#olbrand img {border: none;}

/******** Advanced Search *******/
.asearch .label-control{margin-top:5px;  clear:both; border: solid 0px red; width: 450px;}
.asearch .label {font-weight:bold; padding-bottom:2px; width: 100px; float: left; color: #000; padding-top:0;}
.asearch .control {float: left;}
.asearch .control select {margin-right: 5px;}
#ctl00_CSDContent_AdvancedSearch1_lblAgeRangeMin {padding-right: 5px;}
#ctl00_CSDContent_AdvancedSearch1_lblAgeRangeMin {padding: 0 2px 0 2px;}
#ctl00_CSDContent_AdvancedSearch1_ctl00_ctlPostcode {margin-right: 5px;}
.control span {color: #000;}
.browsealoud {padding-bottom: 15px;}
.sn {width: 100%; border: solid 1px #0f0; clear: both; padding: 1em 0;}

.ctext {float: left; border: solid 0px #0f0; width: 79%;}
.clinks {float: right; border: solid 0px #000; width: 19%;}
#content .clinks a { color:#000000; text-decoration:none; }
#content .clinks  a:hover { text-decoration:underline; }
.cpic {clear:both;}
.noshow {position: absolute; left:-9000px;
top:-9000px;}
#content h1 {background-color: #cacbf9; padding: 5px; margin-bottom: 25px;}

#content p {margin-left: 10px;}