/*--------------------------------------------------*/
/* Web08 screen.css */
/* General Setup                 					*/



	* {
		padding: 0;
		margin: 0;
	}

	
	html {
		height:100%; 
		margin-bottom:1px;}

	body {
		/*font-family: verdana, arial, helvetica, sans-serif;*/
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-size: 1em;
		/*color: #577486;*/
		background: #fff;

		font-size: 12px; 
		line-height: 1.5;
		color:rgb(30,30,30);

	}


	/*--------------------------------------------------*/
	/* Text                                             */

		p {
			padding: 0 0 12px;
		}

		h1 {
			font-size: 2em;
		}

		h2 {
			font-size: 1.8em;
			color: #1d2172;
            font-weight: normal;
            margin: 0 0 5px 0;  
		}

		h3 {
			font-size: 1.4em;
			font-weight: normal;
			/*color: #fff;*/
			color: #1d2172;
		}

		h4 {
			font-size: 1.35em;
			font-weight: normal;
			color: #1d2172;
			margin: 0 0 5px 0;
		}
		

		h5 {
			font-size: 1.1em;
			margin: 5px 0 5px 0;
			color: #1d2172;
		}

	/*--------------------------------------------------*/
	/* Links                                            */

		a, h4 a {
			text-decoration: underline;
			color: #1d2172;
		}

			a:hover,
			a:active,
			a:focus {
				text-decoration: none;
			}

			a img {
				border: 0;
			}
			a:hover
			{
				color:red;
			}
			


	/*--------------------------------------------------*/
	/* Lists                                            */

		ul, ol {
			padding: 0 24px 12px;
		}

			ul li,
			ol li {
				padding: 0 0 2px;
			}
			
		ul { list-style: square }

	/*--------------------------------------------------*/
	/* Images                                           */

		img {
			display: block;
		}

	/*--------------------------------------------------*/
	/* Table                                            */

		table {
			font-size: 1em;
		}

			table,
			table td,
			table th {
				border: 0;
			}

	/*--------------------------------------------------*/
	/* Form                                             */

		fieldset {
			border: 0;
		}

			input,
			textarea,
			select,
			button {
				font-family: verdana, arial, helvetica, sans-serif;
				font-size: 1em;
			}

/*--------------------------------------------------*/
/* Generic Classes				                    */

	.offScreen {
		position: absolute;
		left: -5000px;
	}

	.clear:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

/*--------------------------------------------------*/
/* Wrapper						                    */

#wrapper {
	/*font-size: 0.7em;*/
	text-align: center;
}

#content{
	width:980px;
	margin: 20px auto;
	text-align: left;
}

#header{
	margin: 0 0 0 41px;
}

#header #logo{
	float: left;
	width: 455px;
}

#header #headerLinks {
	float:left;
	height: 26px;
	padding: 13px 0 0 0;
	width: 245px;

}   	

#header #headerLinks ul{
	list-style: none;		
}

#header #headerLinks ul li{
	display: inline;
	margin-left: 0;	
	border-left: 1px solid #7b96a7;
	padding: 0 5px 1px 5px;
}

#header #headerLinks ul li.first {
	border-left: 0px;
}

#header #headerLinks ul li a{
	text-decoration: none;
	color: #1d2172;
}

#header #headerSearchForm{
	float: left;
	padding: 13px 0 0 0;
	/*display:none;*/

}

/* Temp removal until google styling fixed.
#header #headerSearchForm input{
	color: #7b96a7;
	border: none;
	background: url('/cms/publish/consumer/a/img/global/searchBackground.gif') no-repeat 0 0;
	width: 174px;
	height: 19px;
	padding: 3px 0 0 3px;
}*/

#header #headerSearchForm button{
	background: #fff url('/cms/publish/consumer/a/img/global/searchButton.gif') no-repeat 0 0;
/*	padding: 2px;	
*/	height: 17px;
	width: 16px;
	margin: 2px;
	border: none;
	cursor: pointer;
}

#navigation{
	clear:both;
	font-size: 1.3em;
	color:#1d2172;
	margin: 0;
	padding: 20px 0 0 0;
}
	#navigation ul{
		list-style: none;
		margin-left:41px;
		padding:0;
	}
	
	#navigation ul li{
		display: inline;
		padding: 0 16px 0 15px;
/*		background: url('../../img/global/navDivider.gif') no-repeat 0% 100%;
*/		border-left: 1px solid #eff3f4;
		
	}
	
		#navigation ul li.first {
			border-left: 0px;
			background: none;
		}
		
		#navigation ul li a{
			color:#1d2172;
			text-decoration: none;
		}
		
		#navigation ul li a:hover{
			color:#ff0000;
		}

		#navigation ul li.first {
/*			border-left: none;
*/		}
		

		#bannerContainer {
			background: url('/cms/publish/consumer/media/Media,35431,en.jpg') no-repeat 0 0;
			width: 980px;
		   	clear:both;
			margin: 0 auto;
		}


	#divider{
		clear: both;
		height: 10px;
	}

	#lowerContent{
		background: url('/cms/publish/consumer/a/img/global/mainBackground.gif') no-repeat 0 0;
		padding: 20px 40px 0 40px;
	}

		#lowerContent #lowerNavigation{
			float: left;
			width: 195px;
			padding: 0 10px 0 0;
			font-size: 1.1em;
		}
			#lowerContent #lowerNavigation ul{
				list-style: none;
				margin: 0;
				padding: 0;
			}

				#lowerContent #lowerNavigation li{
				}
		
		
		#lowerContent #lowerNavigation .blueCopy {
			color: #1d2172;
			text-decoration: none;
		}
			
		#lowerContent #centreColumn{
			float: left;
			/*width: 485px;*/
			width: 645px;
			padding: 0 10px 0 10px;
			
		}
			#lowerContent #centreColumn #info{
				margin: 0 0 20px 0;
			}

			#lowerContent #centreColumn #homeWarranties{
				margin: 0 0 20px 0;
				background: url('/cms/publish/consumer/a/img/homeOwner/trowel.jpg') no-repeat 100% 100%;

			}

			#lowerContent #centreColumn #problems{
				margin: 0 0 20px 0;
				background: url('/cms/publish/consumer/a/img/homeOwner/keys.jpg') no-repeat 100% 100%;

			}

			#lowerContent #centreColumn #infoPacks{
				margin: 0 0 20px 0;
				background: url('/cms/publish/consumer/a/img/homeOwner/brochure.jpg') no-repeat 100% 100%;

			}

				#lowerContent #centreColumn #homeWarranties p, #problems p, #infoPacks p{
					margin: 0 120px 0 0;			
				}


			#lowerContent #centreColumn a{
				color: #3b4f5b;
				text-decoration:underline;
			}
			
			#lowerContent #centreColumn a:hover{
				color:red;				
			}

			#lowerContent #centreColumn #breadcrumbs{
				margin: 0 0 10px 0;

			}

			#lowerContent #centreColumn #breadcrumbs ul{
				list-style: none;
				margin: 0;
				padding: 0;
			}

			#lowerContent #centreColumn #breadcrumbs ul li{
				display:inline;
			}
			
			#lowerContent #centreColumn #breadcrumbs ul li a{
			text-decoration:none;
				
			}

		#lowerContent #infoSignUpColumn{
			float: right;
			width: 160px;
			padding: 0 0 0 0;
		}

			#lowerContent #infoSignUpColumn p.copy{
				padding: 0 55px 0 0;
			}

			#lowerContent #infoSignUpColumn p.readMore{
				margin: 10px 0 0 0;
				text-align: right;		
			}

		#infoSignUpColumn p.title{
			color:#1C2172;
			font-weight: bold;
			padding: 0 0 2px 0;
		}

		#lowerContent .vertDivider{
			float: left;
			margin: 0 3px 0 3px;
		}
		
 		.pullquote {
			float:right; 
			width:200px; 
			margin-left:15px; 
			margin-bottom:15px; 
			font-weight:bold; 
			font-style:italic; 
			text-align:right; 
			border-left: 2px solid silver; 
			padding-left:5px;
		}   

	#footer {
		margin: 20px 0 0 0;
		background: url('/cms/publish/consumer/a/img/global/footerBackground.gif') repeat-x;
	}
	
	#footer ul li{
		display: inline;
		list-style: none;
		margin-left: 0;	
		border-left: 1px solid #7b96a7;
		padding: 0 5px 1px 5px;
	}
	
	#footer ul li.first {
		margin-left: 0;
		border-left: none;
	}
	
	#footerLinks{
		float: left;
	}
	
	#footerLinks ul li a{
		text-decoration: none;
		color: #7b96a7;
	}
	#footerLinks ul li a:hover{ 
		color: #ff0000;
	}
				
	
	#copyright{
		float: right;
	}
	
	#sectionname {
	position:relative;
	left:80px;
	top:70px;
	color:#FFFFFF;}
	
	.currentsection {
	font-weight:bold;
    /*margin-left:10px;*/
	}	
	
	.clickThroughs{
		padding: 10px 0 5px 0;
		float: left;
		/* border-bottom: 2px #ebf1f4 solid; */
	}
		.resourceIntros {
			float: left;
			width: 210px;
			padding: 0 10px 0 0;
		}
		
	    .pdbhcc {
			float: left;
			width: 150px;
			padding: 0 15px 0 0;
		}
	
	/* left and right image floats */
	
	.imageRight {float:right; padding-left:5px; display:block; margin:0 0 1.5em 1.5em;}
	.imageLeft {float:left; padding-right:5px; display:block; margin:0 1.5em 1.5em 0;} 	
	
	div.figure {
	  float: right;
	  width: 28%;
	  border: thin silver solid;
	  margin: 0.5em;
	  padding: 0.5em;
		}
	div.figure p {
 	  text-align: center;
	  font-style: italic;
	  font-size: smaller;
	  text-indent: 0;
		}
		
    table#colouredTable{color:black;  background-color:#cccccc}
    table#colouredTable thead{
		font-size:120%; 
		background-color:white
		}
    table#colouredTable tr {background-color:#eeeeee}
    table#colouredTable tr.odd {background-color:#dddddd}
	
	.red {color:#FF0000}
	
	/* BannerClasses  FOR JS section selector */
	
	h1.builderBanner{
	background: url('/cms/publish/consumer/a/img/builders/Image,34814,en.jpg') no-repeat 100% 100%;
	width:970px;
	height:157px	
    }
	
	h1.homeownerBanner{
	background: url('/cms/publish/consumer/a/img/homeowner/Image,34816,en.jpg') no-repeat 100% 100%;
	width:970px;
	height:157px	
    }	
	
	h1.defaultBanner{
	background: url('/cms/publish/consumer/a/img/global/Image,34815,en.jpg') no-repeat 100% 100%;
	width:970px;
	height:157px	
    }
	
	h1.newsBanner{
	background: url('/cms/publish/consumer/a/img/news/Image,34550,en.jpg') no-repeat 100% 100%;
	width:970px;
	height:157px	
    }

    h1.sarBanner{
	background: url('http://www.nhbc.co.uk/a/img/builders/sar/Image,34813,en.jpg') no-repeat 100% 100%;
	width:970px;
	height:157px	
    }
	
	h1.HABanner{
	background: url('/cms/publish/consumer/a/img/housingAssociations/banner.jpg') no-repeat 100% 100%;
	width:970px;
	height:157px	
    }

	h1.PIJBanner{
	background: url('/cms/publish/consumer/a/img/pij/Image,38634,en.jpg') no-repeat 100% 100%;
	width:970px;
	height:157px	
    }
	
	h1.HSABanner{
	background: url('/cms/publish/consumer/a/img/hsawards/Image,39016,en.jpg') no-repeat 100% 100%;
	width:970px;
	height:157px	
    }

/* Feb 2010 changes*/
/* Logo -----------------------------------------------------------------*/
#logo a { text-decoration:none; color:rgb(29,46,63); font-size:14px; line-height:1; } 
#logo a * { display:inline; vertical-align:middle; } 
#logo a img { margin-right:15px; }



/* navigation -----------------------------------------------------------*/
#navigation ul li a:link, #navigation ul li a:visited { font-size: 15px; line-height: 1.2; }

/* lower navigaiton - menus */
#lowerContent #lowerNavigation { margin-top:.5em; }
#lowerContent #lowerNavigation li a { display:block; padding:.3em 0; }
#lowerContent #lowerNavigation li ul { margin:.2em 1em .5em 1em; }
#lowerContent #lowerNavigation li ul li a { display:block; padding:.1em 0; color:rgb(137,150,160); font-size: .9166em; }


/* active links */
#lowerContent #lowerNavigation li span.currentsection { display: block; font-weight: normal; padding: .3em 0; color:rgb(167,2,64); }

/* link - navigation */
#navigation ul li a:link,
#lowerNavigation ul li a:link,
#navigation ul li a:visited,
#lowerNavigation ul li a:visited
{ text-decoration:none; color:rgb(29,46,63); }


#navigation ul li a:hover,
#lowerContent #lowerNavigation li a:hover
{ text-decoration:none; color:rgb(167,2,64); }

#infoSignUpColumn .block.ad a:link, #infoSignUpColumn .block.ad a:visited { color:rgb(255,255,255); text-decoration:none; }


/* header search form */
#header input {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 1em; line-height: 1.5; color:rgb(30,30,30); 
/*_*/ 
padding: .3em .5em .4em; width: 80%; background-color: rgb(255,255,255); border:1px solid rgb(164,174,181); 
}

#header input:focus { border:1px solid rgb(164,174,181); }
#header input[type=submit] { width: auto; background-color: rgb(164,174,181); color: rgb(255,255,255); border: none; }
#header input[type=submit]:hover { background-color: rgb(29,46,63); color: rgb(255,255,255); border: none; }


#header #headerLinks { padding: .85em 0 0; }
#header #headerSearchForm { padding: .5em 0 0; }
#headerSearchForm input { width: 100px; }
#headerSearchForm input[type=submit] { width: auto; }




/* Banner */
#bannerContainer {
	display: block;
	background: none;
	height:157px;
	background: url(http://www.nhbc.co.uk/cms/publish/consumer/a/img/global/Image,34815,en.jpg) no-repeat top center;
	position: relative;
}

body#home #bannerContainer {
	height: 312px;
	background-image: url(http://www.nhbc.co.uk/cms/publish/consumer/a/img/global/homeowners.jpg);
}

#bannerContainer p {
	font-size: 3em;
	line-height: 1;
	font-weight: bold;
	color: rgb(255,255,255);
	/*_*/	
	position: absolute;
	top:  70px;
	left: 80px;
	margin: 0;
}

body.builders #bannerContainer {
	background-image: url(http://www.nhbc.co.uk/cms/publish/consumer/a/img/builders/Image,34814,en.jpg);
}

body#homeowner #bannerContainer {
	background-image: url(http://www.nhbc.co.uk/cms/publish/consumer/a/img/homeowner/Image,34816,en.jpg);
}

body#about #bannerContainer {
	background-image: url(http://www.nhbc.co.uk/cms/publish/consumer/a/img/homeowner/Image,34816,en.jpg);
}

body#news #bannerContainer {
	background-image: url(http://www.nhbc.co.uk/cms/publish/consumer/a/img/homeowner/Image,34816,en.jpg);
}

body#has #bannerContainer {
	background-image: url(http://www.nhbc.co.uk/cms/publish/consumer/a/img/HousingAssociations/Image,34915,en.jpg);
}


/* footer */
#footer { width:980px; margin-left: auto; margin-right: auto; }

/* header search form */
#header #headerLinks { padding: .85em 0 0; }
#header #headerSearchForm { padding: .5em 0 0; }
#headerSearchForm input { width: 100px; }
#header #headerSearchForm input[type=submit] { width: auto; color:rgb(255,255,255);}


/* Headings ---------------------------*/
#lowerContent h1,
#lowerContent h2,
#lowerContent h3,
#lowerContent h4,
#lowerContent h5,
#lowerContent h6 {
font-weight: bold;
font-size:1em;
line-height:1.5;
margin-bottom:.75em;
color:rgb(29,46,63);
}


/* main page heading */
#lowerContent h1 {
font-size: 2em; line-height: 1; margin: 0 0 .5em;
}


/* general headings - h2 correct usage, h4 fixer for T4 CMS */
#lowerContent h2,
#lowerContent h4 { 
font-size:1.25em;
line-height:1.2em; 
margin:.5em 0 .5em;
padding-bottom:.5em; 
border-bottom:1px solid rgb(185,201,208);
}


/* secondary headings - h3 correct usage, h5 fixer for T4 CMS */
#lowerContent h3,
#lowerContent h5 {
font-size:1.25em;
line-height:1.2em; 
margin:0 0 .5em; 
}

#lowerContent h1 a,
#lowerContent h2 a,
#lowerContent h3 a,
#lowerContent h4 a,
#lowerContent h5 a,
#lowerContent h6 a,
#lowerContent h1 a:visited,
#lowerContent h2 a:visited,
#lowerContent h3 a:visited,
#lowerContent h4 a:visited,
#lowerContent h5 a:visited,
#lowerContent h6 a:visited { text-decoration: none; color: rgb(29,46,63); }

#lowerContent h1 a:hover,
#lowerContent h2 a:hover,
#lowerContent h3 a:hover,
#lowerContent h4 a:hover,
#lowerContent h5 a:hover,
#lowerContent h6 a:hover { color: rgb(167,2,64);