/* Author: jon@threefivedesign.co.uk | v1.0 | 2010-22-02 */

body, #wrapper, #lowerContent #centreColumn, #infoSignUpColumn { 
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color:rgb(30,30,30);
}

/* Links ------------------------------------------------------------------------*/
a,a:focus,img,img:focus,:focus { border:0; outline:none; }
a[href],input[type=submit],input[type=image],label[for],select,button,.pointer { cursor:pointer; }

/* links - general */
#lowerContent #centreColumn a:link, 
#infoSignUpColumn a:link,
#lowerContent #centreColumn a:visited, 
#infoSignUpColumn a:visited
{ text-decoration:underline; color:rgb(29,46,63); }

#lowerContent #centreColumn a:hover, 
#infoSignUpColumn a:hover
{ text-decoration:underline; 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); }

#header #headerLinks ul li a:link,
#footerLinks ul li a:link,
#header #headerLinks ul li a:visited,
#footerLinks ul li a:visited
{ text-decoration:none; color:rgb(137,150,160); }

#header #headerLinks ul li a:hover,
#footerLinks ul li a:hover
{ text-decoration:none; color:rgb(167,2,64); }

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


/* text elements ---------------------------------------------------------------*/

/* Baseline */
#lowerContent #centreColumn p,
#lowerContent #centreColumn ul,
#lowerContent #centreColumn ol,
#lowerContent #centreColumn dl,
#lowerContent #lowerNavigation
{ font-size:1em; line-height:1.5; margin-bottom:.75em; padding-bottom:0;
color:rgb (30,30,30); }

/* 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:1.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; 
}


/* lists ----------------------------------------*/
ul { list-style-image:none; list-style-position:outside; list-style-type:square; padding-left: 2em; }
ul li { padding: .2em 0 .5em; }

/* form elemnts ---------------------------------*/
input, textarea /*, select, button */ {
	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);	
	/*
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	*/
}

input:focus, textarea:focus {
	border:1px solid rgb(164,174,181);
}

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

/*_*/

/* images -------------------------------------------------- */
.imageRight { display: block; margin: 0 0 1.5em 1.5em; padding: 0; }
.imageLeft { display: block; margin: 0 1.5em 1.5em 0; padding: 0; }

/* Specific styles - text elements */
#copyright { color:rgb(137,150,160); padding-right: 24px; }
.new { color: rgb(167,2,64); }

/* Layout ---------------------------------------------------------------------------------------------------------------*/

/* clear fix code*/
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clearfix { display:inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
.clear { clear:both; }
/* close commented backslash hack */

/* 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; }



/* headerlinks & footerlinks */
#header #headerLinks ul li, #footerLinks ul li { border-left-color: rgb(185,201,208); padding: 0 .5em 1px .8em; }

/* 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;
}

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

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

.builderBanner {
	 display: none;
}

/*  Building control additions start  */

/* Technical Questions ------------------------------------------------- */
#tech_questions { display:block; margin:2em 0; background:transparent url(a/img/shadow.png) 0 0 repeat-x; padding:0 0 1em; }


/* navigation */
#tech_questions .nav { display:block; list-style-type:none; margin:0; padding:0; 
/* background: rgb(185,201,208); */
}
#lowerContent #tech_questions .nav li { display:block; margin:0 1px 0 0; padding:0; background:rgb(106,125,139); float:left; }
#lowerContent #tech_questions .nav li:hover { background:rgb(29,46,63); }
#lowerContent #tech_questions .nav li a { display:block; width:48px; margin:0; padding:.5em 0; text-align:center; color:rgb(255,255,255); font-weight:bold; text-decoration:none; }
#lowerContent #tech_questions .nav li.last { margin-right:0; width:48px; }
#lowerContent #tech_questions .nav li.active { background:url(/cms/publish/consumer/a/img/builders/bc/part_active2.png) bottom center no-repeat; padding-bottom:10px; }
#lowerContent #tech_questions .nav li.active a { margin:0; background:rgb(29,46,63); }


/* question & answers */
#tech_questions .fw { display:block; width:679px; margin-top:0; padding:1em 0; float:left; border:3px solid rgb(218,223,226); border-top:0; 
/* CSS3 */
-moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; }
.part { clear:both; }
#tech_questions h2 { margin:1em 1.5em; }
#tech_questions dl.faqs dt { font-size:12px; clear:both; }
#tech_questions dl { margin:1em 2em; }
#tech_questions dd { padding-bottom:1em; }
#tech_questions dd img { border:3px solid rgb(218,223,226); padding:5px; background:rgb(255,255,255); }
#lowerContent #centreColumn dt a { text-decoration:none; }
#lowerContent #centreColumn #tech_questions a.reveal_all { float:right; margin:1em 2em; padding:.25em .75em; background:rgb(106,125,139); text-decoration:none; color:rgb(255,255,255); -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
#lowerContent #centreColumn #tech_questions a.reveal_all:hover { background:rgb(29,46,63); }

/*	Dashboard - NEW - ------------------------------	*/
	
	table#dashboard {
		font-size: 12px; line-height: 1;
		border-collapse: collapse;
		
		border: 1px solid rgb(145, 154, 162);
		border-width: 0 1px 1px;
	}
	
	#dashboard tr {

	}
	
	#dashboard td {
		width: 33%;
		vertical-align: top;
		position:  relative; 
		border-top: 1px solid rgb(145, 154, 162);
	}

	#dashboard tr.info td { border-top: none; }

	#dashboard tr.even {
		background-color: rgb(233, 235, 236);
	}
	
	#dashboard td.part {  font-size:15px; line-height:1; color:rgb(29,46,63); border-bottom: 0; font-weight: bold; padding: 15px 10px 5px; }

	#dashboard th.questions { border-left: 1px solid rgb(255,255,255); }
	#dashboard td.questions { border-left: 1px solid rgb(241,242,243); padding: 0;
		vertical-align: bottom;
	}
	#dashboard td.questions div {
		display: block;
		height:  100%;
		padding: 10px 10px 45px;
		position: relative;
	}

	#dashboard td a.btn { 
		display: block;
		position: absolute;
		bottom: 10px;
		right:  0;
	}

	#dashboard td.status { font-weight: bold; }
	#dashboard td.status.no { color:rgb(49,147,0); }
	#dashboard td.status.due { color:rgb(157,0,25); }
	
	#dashboard a[href$='.pdf'] { 
		display: block;
		background:url(/cms/publish/consumer/a/img/builders/builderreg/pdf.png) no-repeat 0 3px; 	
		padding-left: 28px;
		overflow:visible;
		min-height:20px;
	}
	
	#dashboard a[target $='_blank'] {
		display: block;
		background:url(/cms/publish/consumer/a/img/builders/bc/external.png) no-repeat 0 3px; 
		padding:3px 0 3px 28px;
		overflow:visible;
		min-height:20px;
		
	}
	
/*  Dashboard ends -------------------------------*/

/* infiniteCarousel -------------------- */



#slideshow {
	display: block;
	width: 460px;
	float: left;
	margin-right: 24px;
	
	
	
}
#introbar {
	float: left;
	width: 185px;
	
}


#lowerContent #centreColumn div.infiniteCarousel {
	list-style-type: none;
	width: 459px;
	height: 315px;
	overflow-y: scroll;
	overflow-x: hidden;
	position: relative;
	padding: 0;
	margin: 0 0 1px;
	position: relative;
}

#lowerContent #centreColumn div.infiniteCarousel a {
	display: block;
	width: 459px;
	height: 315px;
	text-decoration: none;
	position: relative;
	overflow: hidden;
	color: #fff;
}

#lowerContent #centreColumn div.infiniteCarousel a span {
	display: block;
	position: absolute;
	bottom: 0;
	z-index: 50;
	width: 424px;
	padding: 1em 24px .5em 12px;
	background-color: rgba(30,30,30,.85);
	background-color: rgb(30,30,30);
	color: #fff;
}
#lowerContent #centreColumn div.infiniteCarousel a span * {	color: #fff; }

/* case_studies_list layout */
#lowerContent #centreColumn #case_studies_list {


	display: block;




	list-style-type: none;
	margin: 0;
	padding: 0;
	clear: both;
	width: 100%;
	
}

#lowerContent #centreColumn #case_studies_list li {
	margin: 0 1px 0 0;
	padding: 0;
	display: block;
	float: left;
	width: 91px;
	background-color: rgb(30,30,30);
}

#lowerContent #centreColumn #case_studies_list li a {
	display: block;
	background: rgb(218,223,226);
	text-decoration: none;
	padding: 0;
	position: relative;
	font-size: 15px;
	line-height: 1;
	height: 110px;
}

#lowerContent #centreColumn #case_studies_list li a span { display: block; padding: .5em 5px; }

/* BC button */
a.btn.back { background-image:url(/cms/publish/consumer/a/img/builders/bc/backtoexamples_btn.png); height: 30px; margin-top: 1.5em; clear: both;  }

#bcnews .articles {
	
	margin: .5em 0 1em;
	padding: 0 8px 1em 0;
	border-bottom: 1px solid rgb(214,218,221); 
	
	width: 100%;
	float: left;
	clear: both;
		
	}

.articles img {
	float: left;
	margin: 0 16px 8px 0;
	background: #eee;
	display: none;
}

#bcnews .articles img {
	display: block;
}

#lowerContent #bcnews .articles p.title {
	margin: 0;
	padding: 6px 0 0;
	position:relative;
}
#lowerContent #bcnews .articles p.title a {
	font-size: 1.166666666666667em;
	line-height: 1;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#bcnews .articles p.title span {
	display: none;
}

#bcnews .articles span.date {
	display: block;
	margin: .5em 0 1em;
	color: rgb(147,155,162);
}

/* stages */

#stage1 { padding: 12px 0 0 80px; background: url(/cms/publish/consumer/a/img/builders/builderreg/step_1-alt.png) 15px 0 no-repeat; position:relative; margin-bottom: 1.5em; clear: both; }
#stage2 { padding: 12px 0 0 80px; background: url(/cms/publish/consumer/a/img/builders/builderreg/step_2-alt.png) 15px 0 no-repeat; position:relative; margin-bottom: 1.5em; clear: both; }
#stage3 { padding: 12px 0 0 80px; background: url(/cms/publish/consumer/a/img/builders/builderreg/step_3-alt.png) 15px 0 no-repeat; position:relative; margin-bottom: 1.5em; clear: both; }
#stage4 { padding: 12px 0 0 80px; background: url(/cms/publish/consumer/a/img/builders/builderreg/step_4-alt.png) 15px 0 no-repeat; position:relative; margin-bottom: 1.5em; clear: both; }
#stage5 { padding: 12px 0 0 80px; background: url(/cms/publish/consumer/a/img/builders/builderreg/step_5-alt.png) 15px 0 no-repeat; position:relative; margin-bottom: 1.5em; clear: both; }
#stage1 h2, #stage2 h2, #stage3 h2, #stage4 h2, #stage5 h2 { margin-top: 0; }

/* columns */
.col { width:58px; float:left; padding:0; margin-right: 20px; } .col.last { margin-right: 0; }


/* full width column */
.col.fw { width: 691px; margin-right: 0; } 
.c2b { width: 335px; } 
.c4b { width: 157px; } 

/* fw column */
.fwc3 { width: 217px; }
.col.fwc3.blueprint { width: 193px; padding: 0 1em 1em; height: 156px;}

/* --- */
.hs { width: 138px; height: 120px; float: left; margin: 5px 5px 0 0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.hs.last { margin-right: 0; }


/* short column */
.c2 { width: 220px; }
.c3 { width: 140px; }
.c4 { width: 100px; }
.inset { margin-bottom: 1.5em; }

a.btn.large.bc_quote { background-image:url(/cms/publish/consumer/a/img/builders/bc/buton-get-quote_btn.png); width: 282px; }
a.btn.large.quote { background-image:url(/cms/publish/consumer/a/img/builders/bc/get_quote_btn.png); }
a.btn.large.members { background-image:url(/cms/publish/consumer/a/img/builders/bc/members_login_btn.png); }
.questions a.btn { background-image:url(/cms/publish/consumer/a/img/builders/bc/questions-answers.png); height: 30px; margin-top: 0; }

hr.clear {
width: 100%;
clear: both;
margin-bottom: 1.5em;
border: none;
}



.block.btn a { 
	display: block; 
	width: 150px; 
	height: 30px;
	background: transparent url(/cms/publish/consumer/a/img/builders/bc/contact_us_btn.png) top left no-repeat;
	posiion: relative;

	margin-top: 1em;
	text-indent:-999px;
}
.block.btn a:hovver { background-position: bottom left; }


#lowerContent #centreColumn p.meta { margin: 1em 0 1.5em; color: rgb(106,125,139); }

.techzone_ad { background:rgb(218,223,226) url(/cms/publish/consumer/a/img/builders/bc/techZone_ad.jpg) left top no-repeat; } 
 
.energyservices_ad { background:rgb(218,223,226) url(/cms/publish/consumer//cms/publish/consumer/a/img/builders/bc/energy_services_ad.jpg) left center no-repeat; } 
.sustainability_ad { background:rgb(218,223,226) url(/cms/publish/consumer/a/img/builders/bc/sustainabilty_ad.jpg) left bottom no-repeat; }
.bctraining_ad { background:rgb(218,223,226) url(/cms/publish/consumer/a/img/builders/bc/parts_ad.png) left top no-repeat; }

/* New */
.new {
	height: 50px;
	width: 50px;
	background: transparent url(/cms/publish/consumer/a/img/builders/bc/new-ribbon.png) top right no-repeat;
	position: absolute;
	top: 0;
	right: 0;
}

a.btn.forum_login { background-image:url(/cms/publish/consumer/a/img/builders/bc/forum_login_btn.png); } 
a.btn.contact_us { background-image:url(/cms/publish/consumer/a/img/builders/bc/contact_us_btn.png); }

/* Building control additions start */
/* block style Advert */
#infoSignUpColumn .block.ad h4, #infoSignUpColumn .block.ad span h4 { padding:0; margin:0 0 1em; background:none; } .block.ad { color:rgb(255,255,255); } .block.ad span { float:left; width:107px; padding-right:10px; margin-left:65px; border-left:3px solid rgb(179,81,76); background-color:rgb(29,46,63); background:rgb(29,46,63) url(/cms/publish/consumer/a/img/builders/bc/ad_grad.png) top right no-repeat; position: relative; } #infoSignUpColumn .block.ad a { color:rgb(255,255,255); text-decoration:none; display: block; position: relative; } #infoSignUpColumn .block.ad a:hover span { background-color: rgb(106,125,139); }

/* indiviual ad images
.techzone_ad { background-color:rgb(29,46,63); background:rgb(29,46,63) url(/cms/publish/consumer/a/img/builders/bc/techZone_ad.jpg) left center no-repeat; } .energyservices_ad { background-color:rgb(29,46,63); background:rgb(29,46,63) url(/cms/publish/consumer/a/img/builders/bc/energy_services_ad.jpg) left center no-repeat; } .sustainability_ad { background-color:rgb(29,46,63); background:rgb(29,46,63) url(/cms/publish/consumer/a/img/builders/bc/sustainabilty_ad.jpg) left center no-repeat; } */
/* indiviual ad images */
.block.ad.techzone_ad { background-color:rgb(29,46,63); background:rgb(29,46,63) url(/cms/publish/consumer/a/img/builders/bc/techZone_ad.jpg) left center no-repeat; }
.block.ad.energyservices_ad { background-color:rgb(29,46,63); background:rgb(29,46,63) url(/cms/publish/consumer/a/img/builders/bc/energy_services_ad.jpg) left center no-repeat; }
.block.ad.sustainability_ad { background-color:rgb(29,46,63); background:rgb(29,46,63) url(/cms/publish/consumer/a/img/builders/bc/sustainabilty_ad.jpg) left center no-repeat; }
.block.ad.bctraining_ad { background-color:rgb(29,46,63); background:rgb(29,46,63) url(/cms/publish/consumer/a/img/builders/bc/parts_ad.png) left center no-repeat; }


/* New */
.new { height: 50px; width: 50px; background: transparent url(/cms/publish/consumer/a/img/builders/bc/new-ribbon.png) top right no-repeat; position: absolute; top: 0; right: 0; }
/* MN delete this bit if it screws up */

a.pdf, a[href$='.pdf'] { display:inline-block; background:url(/cms/publish/consumer/a/img/builders/builderreg/pdf.png) no-repeat center left; padding:3px 0 3px 28px; line-height: 1.2; }

a.nopdf 
{ 
display:inline; 
background:none; 
padding:0 0 0 0; 
}


/*  Building control additions end   */

/* Generic side column block additions start */

.block { display:block; font-size:11px; width:100%; margin:0 0 10px; padding-bottom:0; background-color:rgb(218,223,226); 
/*	background-color:rgba(29,46,63,.2); */
color:rgb(30,30,30); }
.block span { display:block; padding:8px 10px 1px; }
#lowerContent .block p { margin-bottom:0; }
#lowerContent .block h4 { display:block; font-size:14px; color:rgb(255,255,255); background-color:rgb(106,125,139); padding:9px 10px; margin:0; font-weight:normal; border: none; }
#lowerContent .block a:link,#lowerContent .block a:visited { color:rgb(167,2,64); text-decoration:none; }
#lowerContent .block a:hover { color:rgb(167,2,64); text-decoration:underline; }
.phone_no { font-size:1.2em; }

/* block style A */
.block.inset img { float:left; margin-right:8px; margin-bottom:5px; }
.block.inset p { float:left; width:77px; }
.block.inset p.clear { margin:0; clear:both; width:100%; }
.block.inset .btn { clear:both; margin:5px 0 0; }


/* Generic side column block additions end */



/* 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; }
#headerSearchForm input[type=submit] { width: auto; }

/* so long and thanks for all the fish */