/****************************************************
	GLOBAL RESET AND STYLES
/****************************************************/		
	
/* CLEARFIX */
	#search:after,
	#search ul:after,
	#business-search ul:after,
	#site-info dl:after,
	.tab-content:after,
	#nav_00:after,
	#body p.warning:after,
	ol.site-list:after,
	ol.site-list li:after,
	#editor-pitch div:after,
	.cf:after {
		content:".";
		display:block;
   	height:0;
   	clear:both;
   	visibility:hidden;
		font-size:0;
		line-height:0;
  }
  
	#search,
	#search ul,
	#business-search ul,
	#site-info dl,
	.tab-content,
	#nav_00,
	#body p.warning,
	ol.site-list,
	ol.site-list li,
	#editor-pitch div,
	.cf {
		display:inline-block;
		_height:1%;
	}
  
	/* Hide from IE Mac \*/
  #search,
	#search ul,
	#business-search ul,
	#site-info dl,
	.tab-content,
	#nav_00,
	#body p.warning,
	ol.site-list,
	ol.site-list li,
	#editor-pitch div,
	.cf {display:block;}
  /* End hide from IE Mac */

	
/* IMAGE REPLACEMENT */
	.ir{
		background:no-repeat 0 0;
		display:block;
		height:0;
		overflow:hidden;	
	}
	h2{
		border-top:1px dotted #e0e0e0;
		color:#C20028;
		clear:both;
		font-size:180%;
		margin:15px 0 .7em 0;
		padding-top:15px;
		text-align:center;
	}
	h3{
		font-size:160%;
		margin:1.5em 0 .75em 0;
	}
		h3 small {color:#999999;}
		h3 em {color:#666666;}
	ol.site-list li{
		clear:both;
		margin-bottom:2px;
		padding:3px 10px;
	}
	ol.site-list li.alt{background-color:#f5f5f5}
		ol.site-list li a{float:left;}
		ol.site-list li strong{float:left; width:45px;}
		ol.site-list li small{float:right; width:100px; text-align:right;}
	
	strong{font-weight:bold;}
	fieldset{
		border:none;
		padding:0;
	}

/****************************************************
	=SITE
/****************************************************/		
#site{
	/*font-size:120%;*/
	/*padding:15px;*/
	margin: 0px auto;
	width: 960px;
}

/****************************************************
=HEAD
/****************************************************/		

#head {
	margin: 0 auto;
	padding:0;
}
#head h1 a{
	display:inline;
	height:93px;
	float:left;
	margin-right:0px;
	margin-top:0px;
	overflow:hidden;
}
#head-text{
	color:#7d7d7d;
	font-size:88%;
	width:300px;
	float:right;
margin-top:1%;
}

#head h1
{
	/*width: 382px;*/
	height: 0px;
	padding-top: 120px;
	overflow: hidden;
	position: relative;
	background-image: url(/images/head-h1.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#head div.heading2
{
	height: 0px;
	margin: 0px;
	padding: 0px;
}

#red-bar
{
	height: 27px;
	background-color: #e51837;
	background-image: url(/images/side-heading.png);
	background-repeat: repeat-x;
	background-position: 0 50%;
}

/****************************************************
=BODY
/****************************************************/		
#body{
	margin:0 auto;
}

#main-page
{
	width: 860px;
	margin: 0 auto;
}

	h2.intro
	{
		border: 0px;
		color: black;
		clear:both;
		font-size:130%;
		margin:0;
		padding: .7em 50px;
		text-align:center;
		font-family: Trebuchet MS, Arial, Helv;
	}

	h2.intro span.drop
	{
		display: block;
	}

	#body p.intro,
	#body p.warning{
		background-color:#fbf5cd;
		display:block;
		padding:7px 10px;
		text-align:center;
	}
	#body p.warning {text-align:left;}
	#body p.warning strong{float:left;}
	#body p.warning a{font-size:80%; float:right;}

#search{
	/*color:#ebebeb;*/
	margin-top:0px;
	padding-bottom:0px;
	float:right;
	width:550px;
	z-index: 2;
}
#search legend {display:none;}



#search ul {
	
	
	float:left;
	margin-top:12px;
	/*margin-bottom:-2px;*/
	width:510px;
	
}

#search ul li{
		display:inline;
		font-family: Arial, Helv;
			background:#fce5ea;
			background:transparent;
		height: 26px;
		float: left;
		}

#search ul li span
{
	padding:6px 10px 5px 10px;
	margin:5px 0;
}

		#search ul li a{
			line-height:26px;
			display:inline;
			/*width:170px;*/
			
}
#search ul li.active
{
/*	background-image: url(/images/search-tab-l.gif);*/
	background-repeat: no-repeat;
	background-position: 0 0;
			background-color:#dd002e;
	padding: 0px;
}
#search ul li.active span
{
			background-image: url(/images/search-tab-r.gif);
			background-repeat: no-repeat;
			background-position: 100% 0;
}
		#search ul li.active a,
		#search ul li.active a:hover{
			color:#fff;
			font-weight:bold;
			font-size:110%;
		}
		#search ul li a:hover{/*background-color:#fdf1f4*/}
		
		#business-search{}
		#business-search ul.tabs {
			border-bottom:1px solid #ddd;
			float:none;
			padding:0 10px;
			width:auto;
		}
			#business-search ul.tabs li {margin-right:1px;}
			#business-search ul.tabs li a{
				background:#f5f5f5;
				font-size:100%;
				padding:3px 5px;
				text-align:center;
				width:12px;
			}
			#business-search ul.tabs li.active a,
			#business-search ul.tabs li.active a:hover{
				border:1px solid #ddd;
				border-bottom-color:#fff;
				background-color:#fff;
				font-size:100%;
				margin:0 0 -1px 0;
				width:12px;
				padding-top:3px;
			}
			#business-search ul.tabs li a:hover{
				border-color:eee;
				border-bottom-color:#ddd;
				width:10px;
				border:1px solid #ccc;
				border-bottom-color:#fff;
				margin:0 0 -1px 0;
				padding-top:2px;
			}
			#business-search #step1 div{
				border:1px solid #ddd;
				border-top-width:0;
				padding:10px;
				
			}
				#business-search #step1 div ul{margin: 0;}
				#business-search #step1 div li{
					float:left;
					width:47%;
				}
			
			#business-search #business-search-step1{
				float:right;
				margin-top:7px;
			}
			
#search h3{
	color:#fff;
	background-color: #e51837;
	background-image: url(/images/side-heading.png);
	background-repeat: repeat-x;
	background-position: 0 50%;
	text-align: center;
	font-size:130%;
	margin:1em 0 1em 0;
}
#search p{margin:0;}
	#search label,
	#search div{
		display:block;
	}
	#search label {
		font-size:120%;
		margin-bottom:10px;
	}
	#search input{
		border:1px solid #ddd;
		color:#999;
		font-weight:bold;
		font-size:14px;
		line-height:14px;
		padding:6px;
	}
	#search input:focus{color:#333;}
	#search button,
	#button	 {
		background:url(/img/buttons/search.png) no-repeat;
		border:none;
		color:#fff;
		cursor:pointer;
		font-size:15px;
		height:32px;
		padding-bottom:5px;
		width:71px;
	}

	#button{
			padding-bottom:0px;
		}


#button a {
color:white;
padding-top:5px;
position:absolute;
text-align:center;
text-decoration:none;
width:71px;
height:25px;
}


	#search button:hover{
		background-position: left center;
	}

	 #button:hover{
		background-position: left center;
	}

	#search button:active{
		background-position:left bottom;
		padding-bottom:3px;
	}
	#button a:active{
		background-position:left bottom;
		padding-bottom:1px;
	}
	#search small{
		/*color:#ded4d4;*/
		display:block;
		font-size:80%;
	}
	#search input{
		background:#fff url(/img/bg/postcode-search.png) no-repeat top left;
		padding-left:30px;
		width:250px;
	}
	#search input,
	#search button,
	#button		 {
		float:left;
		margin:0px 10px 0px 0
	}
	#postcode-search {
		padding-bottom:2em;
	}
	 #postcode-search p{
		color:#f94b4b;
		font-size:80%;
		position:absolute;
		bottom:1em;
		left:10px;
	}
		#postcode-search a{color:#f94b4b}
	
	#advanced-search .adv-search{
		clear:left;
		float:left;
		width:300px;
	}
	#advanced-search button {
		margin-top:10px;
	}

	#advanced-search #keyword-search{
		background-image:url(/img/bg/keyword-search.png);
	}
	#advanced-search fieldset fieldset{
		border:1px solid #9f0121;
		display:block;
		float:right;
		margin-right:10px;
		padding:10px 10px 24px 10px;
		width:160px;
	}
		#advanced-search fieldset fieldset legend{
			/*color:#fff;*/
			display:block;
			font-size:120%;
			padding:0 5px;
		}
		#advanced-search fieldset fieldset label {
			font-size:100%;
			margin:0 0 5px 0;
			position:relative;
		}
			#advanced-search fieldset fieldset input {
				background:transparent;
				border:none;
				height:14px;
				margin:0 5px 0 0;
				position:relative;
				top:1px;
				width:14px;
				
			}
		#advanced-search fieldset button {
			clear:left;
		}
	#search #map-search{/*background-image:none;*/}
	#search #map {
		color:#333;
		margin: 0 auto 8px;
	}
	
#search .tab-content{
	/*background:#C20028 url(/img/bg/search.gif) no-repeat bottom right;
	border:5px solid #DD002E;*/
	background-image: url(/images/side-back.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	background-color: #dbdada;
	clear:left;
	float:left;
	padding:0px;
	position:relative;
	width:550px;
	/*min-height:180px;*/

	}

	#map{border:1px solid #fff}

/* =NAV_00 */
#nav_00 {
	/*background:#FDF1F4;
	border-top:1px dotted #e0e0e0;
	border-bottom:1px dotted #e0e0e0;*/
	padding:4px 5px;
}
	#nav_00 li { margin-right:5px;}
		#nav_00 li a{padding:0px 5px; font-size:90%; color: #fff; text-decoration: none;}
		#nav_00 li a:hover{text-decoration: underline;}
		#nav_00 li#editor-login {float:right;}
		#nav_00 li#editor-login a {color:#fff}

	#site-info {
		clear:both;
		position:relative;
	}
		
	#site-info h2 {
		margin-top:0;
		border: 0px;
	}
	#site-info h3 {
		color:#636466;
		font-size:120%;
		margin:1em auto 1em auto;		
		width: 70%;
		text-align: center;
	}
	#site-info img{
		bottom:-40px;
		position:absolute;
		right:-10px;
	}
	#site-info dl
	{
		width: 470px;
		margin: auto;
	}
	#site-info dt,
	#site-info dd{
		float:left;
		margin-bottom:5px;
	}
	#site-info dt{
		clear:left;
		font-weight:bold;
		width:130px;
		text-align: right;
	}
	#site-info dd{
		float:left;
		/*clear:right;*/
		/*margin-right:220px;*/
		margin-left: 30px;
		width:310px;
	}


#editor-pitch{
	clear:both;
}
	#current-sites h2,
	#editor-pitch h2{
		border-top:1px dotted #e0e0e0;
		color:#333;
		font-size:140%;
		margin:15px 0 .3em 0;
		padding-top:15px;
		text-align:left
	}
	#editor-pitch div{
		background:#FBF5CD;
				background-image: url(/images/side-back.png);
				background-repeat: repeat-x;
				background-position: 0 0;
				background-color: #dbdada;
		padding:10px 0;
		/*border:5px solid #e8e8e8;
		padding:10px;*/
		margin:15px 0;
	}
	#editor-pitch p{font-size:90%;}
	#editor-pitch div p{margin:0;}
	
	
.extender-base
{
	margin: 38px auto 40px;
	clear: both;
}

.extender-text
{
	text-align: right;
	font-size: 130%;
	font-weight: bold;
	padding-right: 15px;
}

.extender-text a
{
	color: Black;
	text-decoration: none;
}

.extender
{
	height: 141px;
	margin: 0;
	padding: 0px;
	background-image: url(/images/extender.png);
	background-repeat: repeat-x;
}

.extender .ender
{
	float: right;
	width: 17px;
	height: 141px;
	background-image: url(/images/extender-ender.png);
	background-repeat: no-repeat;
}

.extender .beginner
{
	float: left;
	width: 17px;
	height: 141px;
	background-image: url(/images/extender-beginner.png);
	background-repeat: no-repeat;
	position: relative;
}

.extender .beginner img
{
	position: absolute;
	width: 310px;
	height: 240px;
	top: -62px;
	left: 35px;	
}

.extender-body
{
	text-align: right;
	padding: 12px 30px 0px;
}

/****************************************************
=FOOT
/****************************************************/		
#foot{
	padding:100px 10px 0 10px;
	font-size:80%;
	margin:0 auto;
	width:670px;
}

#divContactPage #LeftImage 
{
	float: left;
	margin-right: 8px;
	padding-top: 24px;
}

#divContactPage h2
{
	text-align: left;
	clear: none;
}

#divContactPage p
{
	margin-top: 0px;
	margin-bottom: 8px;
}

#divContactPage .Emphasise
{
	font-weight: bold;
}

#tblSiteMapAreaList
{
	width: 70%;
	margin: auto;
/*
	border-top: 1px solid #E58D8F;
	border-left: 1px solid #E58D8F;
	border-right: 1px solid #E58D8F;
*/
}

#tblSiteMapAreaList td
{
	padding: 3px;
	padding-right: 5px;
/*
	border-bottom: 1px solid #E58D8F;
*/
}

#tblSiteMapAreaList .tdAlt,
#tblSiteList .tdAlt
{
	background-color: #FCE5EA;
}

#divCareersInfo
{
	float: right;
	font-size: 7pt;
	width: 200px;
	margin-top: 8px;
}

#divCareersInfo div
{
	background-color:#F8F8F8;
	border:1px solid #DDDDDD;
	margin-bottom: 2px;
}

#divCareersInfo div h3
{
	margin: 1px;
	padding: 2px;
	text-align: center;
	color: White;
	background-color: #c00005;
	font-size: 110%;
	background-image: url(/images/careers_contact_title.gif);
	background-repeat: repeat-x;
}

#divCareersInfo div p
{
	margin: 4px;
	text-align: center;
}

#divCareers
{
	font-size: 8pt;
	width: 480px;
}

#divCareers h2
{
	border: none;
	margin-top: 0px;
}

#divCareers h3
{
	border-bottom: 1px solid #E0E0E0;
}

#divCareers p
{
	margin: 0px;
	margin-left: 40px;
	margin-bottom: 8pt;
}

#tblSiteList
{
}

#tblSiteList td
{
}

#tblSiteList .left
{
	width: 100%;
}

#tblSiteList .right
{
	white-space: nowrap;
}

a
{
	/*font-family: Arial;*/
}



#ArticleReturnLinks
{
	border-top: 1px dotted #E0E0E0; text-align: center; font-size: 90%; margin-top: 18px;
}

#ArticleReturnLinks a
{
	margin-left: 8px;
	margin-right: 8px;
}

.divWelcome em
{
	font-style: normal;
}

#tblSiteList,
#tblSearchResults
{
	margin: auto;
	border-top: 1px dotted #c00005;
	max-width: 650px;
}

#tblSiteList td,
#tblSearchResults td
{
	text-align: left;
	padding-right: 10px;
	font-size: 90%;
	padding: 2px;
	border-bottom: 1px dotted #c00005;
}

#tblSearchResults .alt
{
	background-color: #FCE5EA;
}

#frmSearchAgain
{
	margin: auto;
	width: 50%;
	text-align: center;
	border: 1px solid #c00005;
	background-color: #FCE5EA;
	padding: 5px;
}

#divHomePageNews
{
	clear: both;
	margin-top: 12px; 
				background-image: url(/images/side-back.png);
				background-repeat: repeat-x;
				background-position: 0 0;
				background-color: #dbdada;
}

#divHomePageNews #pTopNewsItemImg
{
	float: left;
	border: 1px solid #f6d3d4;
	padding: 4px;
	margin-right: 8px;
	margin-bottom: 8px;
	background-color: White;
}

#divHomePageNews h2
{
	margin-top: 18px;
	border-top: none;
	/*border-bottom: 1px dotted #E0E0E0;
	border-bottom: 1px dotted #c00005;
	background-color: #FCE5EA;*/
	background-image: url(/images/side-heading.png);
	background-repeat: repeat-x;
	background-position: 0 50%;
	background-color: #e51837;
	color: #fff;
	padding: 4px;
}

#divHomePageNews h3
{
	margin-top: 0px;
	margin-bottom: 8px;
	font-size: 120%;
}

#divHomePageNews p
{
	font-size: 90%;
	margin: 0px 12px 8px 12px;
}

#divHomePageNews #h3Other
{
	margin-top: 0px;
	margin-left: 180px;
}

#divHomePageNews ul
{
	margin-top: 0px;
	margin-left: 200px;
	margin-bottom: 16px;
}


#pH4OImage
{
	border: 1px solid #f6d3d4;
	padding: 4px;
	margin-right: 8px;
	margin-bottom: 8px;
	width: 375px;
	margin: auto;
	margin-bottom: 16px;
	font-size: 85%;
}

#pH4OImage img
{
	background-color: White;
	display: block;
	margin-bottom: 2px;
}

#search .menu
{
	float: none;
	position: relative;
	height: 25px;
	background-image: url(/images/side-s-t.gif);
	background-position: 100% 100%;
	background-repeat: no-repeat;
	width: auto;
}

#search .menu li
{
	padding: 0px;
	position: relative;
	margin-right: 0px;
	background-image: url(/images/search-tab-un-l.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	/*background-color: #fff;*/
	height: 25px;
}

#search .menu li,
#search .menu li a
{
	width: 140px;
	/*z-index: 100;*/
	height: 25px;
}
#search .menu li.active
{
	background-color: #fff;
}
#search .menu li.active a,
#search .menu li.active a:hover
{
	/*background-image: url(/images/search-tab-r.gif);*/
	color: Black;
}

#search .menu li a
{
	background-image: url(/images/search-tab-un-r.gif);
}

#search .menu li a
{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 25px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 100% 0;
	color: #666;
	font-weight: bold;
}

	#site
	{
		padding: 3px;
		width: 954px;
	}
	
	#side
	{
		position: absolute;
		top : 125px;
		left: 30px;
		background-image: url(/images/hp7-region-menu.gif);
		background-repeat: no-repeat;
		width: 138px;
		height: 241px;
		padding: 5px;
	}
	
	.side-menu
	{
		background-color: transparent;
	}
	
	.z
	{
		left: 138px;
	}
	
	#head h1
	{
		padding-top: 86px;
		background-image: url(/images/hp7-heading-2.png);
	}
	
	#red-bar
	{
		background-image: url(/images/hp7-menubar-normal.png);
		background-color: #eee;
	}
	
	#nav_00 li a,
	#nav_00 li#editor-login a{
		color: black;
	}
	
	/*#head div#heading2
	{
		background-image: url(/images/hp7-laptop.jpg);
		padding-top: 308px;
	}*/
	
	#search
	{
		float: left;
		width: 270px;
		padding: 0px;
	}
	
	#search p
	{
		padding: 4px 0px;
	}

	#search #txtSearchArea
	{
		width: 220px;
		margin: 0px;
		display: block;
	}
	
	.newbox .nb-content
	{
		padding: 32px 8px 5px;
	}

	.newbox
	{
		background-image: url(/images/hp7-gradient-head.png);
		background-repeat: repeat-x;
		margin-bottom: 20px;
		background-color: #e7e7e7;
	}

	.newbox .nbb,
	.newbox .nbl,
	.newbox .nbr
	{
		background-image: url(/images/hp7-border.png);
	}
	
	.newbox .nbb
	{
		background-repeat: repeat-x;
		background-position: 0px 100%;
	}
	
	.newbox .nbl
	{
		background-repeat: repeat-y;
		background-position: 0px 0px;
	}
	
	.newbox .nbr
	{
		background-repeat: repeat-y;
		background-position: 100% 0px;
	}

	.newbox .nbbr
	{
		background-image: url(/images/hp7-gradient-br.gif);
		background-repeat: no-repeat;
		background-position: 100% 100%;
	}
	
	.newbox .nbbl
	{
		background-image: url(/images/hp7-gradient-bl.gif);
		background-repeat: no-repeat;
		background-position: 0% 100%;
	}
	
	.newbox .nbtr
	{
		background-image: url(/images/hp7-gradient-tr.gif);
		background-repeat: no-repeat;
		background-position: 100% 0%;
	}
	
	.newbox .nbtl
	{
		background-image: url(/images/hp7-gradient-tl.gif);
		background-repeat: no-repeat;
		background-position: 0% 0%;
	}
	
	#search button
	{
		float: none;
	}
	
	#main-page
	{
		width: 920px;
	}
	
	#new-aggragator
	{
		width: 600px;
		float: right;
	}
	
	#new-aggragator h3
	{
		margin: 0px;
		padding: 10px 0px;
		font-size: 120%;
		color: #c60008;
	}
	#new-aggragator .nb-content
	{
		min-height: 300px;
		padding: 29px 0px 0px;
		position: relative;
	}
	
	#new-aggragator .agg-img
	{
		width: 309px;
		height: 300px;
		float: left;
		background-color: #2299dd;
		margin-right: 5px;
		background-image: url(/images/hp7-agg-imgback.jpg);
	}
	#new-aggragator .agg-img .agg-img-image
	{
		background-position: 50%;
		background-repeat: no-repeat;
		height: 300px;
	}
	#new-aggragator .agg-list
	{
		padding: 0px 10px 5px 0px;
		width: 270px;
		float: right;
	}
	#new-aggragator ul
	{
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	
	#new-aggragator ul li
	{
		background-image: none;
		padding: 5px 5px;
		border-top: 1px dotted #808080;
	}
	
	#new-aggragator ul li a
	{
		display: block;
		color: black;
		text-decoration: none;
	}
	
	#new-aggragator ul li a:hover
	{
		text-decoration: underline;
	}
	
	#new-aggragator ul li.aggSelected
	{
		background-color: #c60008;
	}

	#new-aggragator ul li.aggSelected a,
	#new-aggragator ul li.aggSelected a:hover
	{
		color: white;
	}
	
	#search a
	{
		color: black;
		text-decoration: none;
		border-bottom: 1px dotted #aaa;
	}
	
	#search a:hover
	{
		text-decoration: none;
		border-bottom: 1px solid #444;
	}
	
	#search a.clearImg,
	#search a.clearImg:hover
	{
		border: none;
	}