@charset "utf-8";
/* Specific H&S Awards stylesheet */

.date {display:none;}
.title {}
h4, h5, h6 {font-family: arial, helvetica, sans-serif;}
h4 {font-size:1.7em}
h5 {font-size:1.3em}
h6 {font-size:1.2em; color: #10155e; }


.PIJFeature h4 img {float:left; margin-right:10px; margin-bottom:10px; width:180px} .PIJFeature hr 

{clear:both} .PIJFeature h4 {font-family: arial, helvetica, sans-serif;}
.PIJFeature ul {margin-left:1em;padding-left:0; list-style-position:inside;} 


.stage1 {color: #10155e; background-color: #efeff3; margin-top:25px;}
.stage2 {color: #a1725a; background-color: #f5f1ee;}
.stage3 {color: #757575; background-color: #f1f1f1;}
.stage4 {color: #7a634e; background-color: #f1efed;}

.stage1 h4 {color: #10155e; }
.stage2 h4 {color: #a1725a; }
.stage3 h4 {color: #757575; }
.stage4 h4 {color: #7a634e; }


.stage1 h4 img, .stage2 h4 img, .stage3 h4 img, .stage4 h4 img {width: 
100px; height:99px; float:left; margin-right:15px; position:relative; top:-12px;}

.stage1 p, .stage2 p, .stage3 p, .stage4 p {margin-right:20px;  margin-left:115px  }

.stage1 h4, .stage2 h4, .stage3 h4, .stage4 h4 {margin-top:5px }

.stage1, .stage2, .stage3, .stage4 {clear:both; margin-bottom:40px }

/* tables */

table.pij   {color:#1d2172; font-weight:bold;}
table.pij a  {color:#1d2172; font-weight:normal;}
table.pij tr { background-color:#efeffb;}
table.pij tr.dark {  background-color:#d6d6e1;}
table.pij tr:hover, table.pij tr.dark:hover{ background-color:#b7b7d2;}
table.pij td { padding: 7px 0px 4px 10px; }

p.entryforms a img {float:left; margin:20px 60px 20px 60px}

table.HSATable thead { font-size:100%; color:rgb(30,30,30)};
table.HSATable tr:hover, table.HSATable tr.dark:hover { background-color:#b7b7d2;}
table.HSATable tr.dark td { background-color:#d6d6e1;}
#centreColumn table.HSATable tr td,#centreColumn table.HSATable tr th { padding:0.4em 0.75em 0.4em;}



/* Clean up later*/


/* Colours

PMS 7546 C
29,46,63
#394A58

PMS 7544 C
137,150,160
#8996A0

PMS 7543 C
164,174,181
#A4AEB5

PMS 7523 C
172,103,94
#AC675E

PMS Process Black C
30,30,30
#1E1E1E

PMS 207 C
167,2,64
#A70240

------------------------------------------------------------------------ */

/* Toolbox --------------------------------------------------------------*/
.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 */
body { color:rgb(30,30,30); }

/* Logo -----------------------------------------------------------------*/
#logo a { text-decoration:none; color:rgb(54,74,88); font-size:14px; line-height:1; }
#logo a * { display:inline; vertical-align:middle; }
#logo a img { margin-right:15px; }

/* navigation -----------------------------------------------------------*/
#navigation ul li a,#lowerContent #lowerNavigation li a,#infoSignUpColumn a { color:rgb(29,46,63); }
#navigation ul li a:hover,#lowerContent #lowerNavigation li a:hover,#infoSignUpColumn a:hover { 

color:rgb(167,2,64); }
#lowerContent #lowerNavigation { margin-top:.5em; }
#lowerContent #lowerNavigation li a { display:block; padding:5px 0; text-decoration:none; }
#lowerContent #lowerNavigation li ul { margin:0 0 1em .5em; }
#lowerContent #lowerNavigation li ul li a { display:block; padding:2px 0; text-decoration:none; 

color:rgb(137,150,160); }

/* TEMP -----------------------------------------------------------------*/
#lowerContent #centreColumn { font-size:12px; line-height:1.5; font-family:Arial, sans-serif; 

color:rgb(30,30,30); width:460px; }
#lowerContent #infoSignUpColumn { display:block; width:195px; }

/* Jon - Typography -----------------------------------------------------*/
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 a:link,a:visited { text-decoration:underline; color:rgb(30,30,30); }
#lowerContent a:hover,#lowerContent #centreColumn a:hover { text-decoration:underline; color:rgb(167,2,64); }

/* Baseline */
#centreColumn p,#centreColumn ul,#centreColumn ol,#centreColumn dl { font-size:1em; line-height:1.5; 

margin-bottom:.75em; padding-bottom:0; 
/* check that this doesn't cause issues */
color:rgb(30,30,30); }

/* Headings */
#centreColumn h1 { font-size:2em; line-height:1em; color:rgb(29,46,63); margin:0 0 .5em; }
#centreColumn h2,#centreColumn .faqs dt { font-size:15px; line-height:1.2; color:rgb(29,46,63); margin:1.5em 0 

.5em; padding-bottom:.5em; border-bottom:1px solid rgb(185,201,208); font-weight:bold; }
#centreColumn h3,#centreColumn h4 { font-size:15px; line-height:1.2; color:rgb(29,46,63); }
#centreColumn p.pullout { color:rgb(106,125,139); }

/* text elements */
dt { font-weight:bold; }

/* ordered list */
ol { list-style:none; padding:0; }
ol li { margin-bottom:.5em; }
ol li span { margin-left:50px; display:block; padding:.5em 0 .75em; border-bottom:1px solid 

rgba(164,174,181,.5); }
ol li span.step { width:50px; float:left; font-weight:bold; margin:0; border:none; }
.process { padding:10px 20px 5px; background-color:rgb(218,223,226); }


ul.spaced li { margin-bottom: 1.5em; } 

/* Table */
#centreColumn caption { text-align:left; padding:.75em; font-weight:bold; }
#centreColumn table { width:100%; border-collapse:collapse; margin-bottom:1.5em; color:rgb(30,30,30); }
#centreColumn th,#centreColumn td { padding:.666em .75em .75em; }
#centreColumn td { }
#centreColumn tr { background-color:rgb(255,255,255); }
th { background-color:rgb(29,46,63); text-align:left; color:#fff; font-weight:normal; }
#centreColumn .even { background-color:rgb(218,223,226); }
#centreColumn #snin_table th { padding:.25em .75em; background:none; border-bottom:1px solid rgb(218,223,226); 

font-weight:bold; color:rgb(30,30,30); }
#centreColumn #snin_table td { padding:.25em .75em; border-bottom:1px solid rgb(218,223,226); }

/* form */
form { margin:1em 0 1.5em; }
label { display:inline-block; margin:0; padding:0 .5em .75em 0; font-weight:bold; }
input,textarea,input[type=text],input[type=submit] { font-family:Arial, sans-serif; font-size:1em; 

line-height:1.5em; font-weight:bold; 
/*_*/
padding:.9em 20px; width:80%; border:1px solid rgb(185,201,208); 
/* css3 */
-webkit-border-radius:10px; }
input:focus,input:hover { border-color:rgb(29,46,63); }
input[type=submit],input[type=select],input[type=checkbox],input[type=radio],input[type=image] { width:auto; }
#submit { margin-bottom:1.5em; border:none; line-height:1.2; background:rgb(185,201,208); }
#submit:hover { background:rgb(29,46,63); color:rgb(255,255,255); }

/* Specific Styles ------------------------------------------------------*/

/* lists */
.costs li { margin-bottom:.5em; }
#lowerContent #centreColumn ul.checklist { display:block; padding:10px; list-style:none; 
/* background-color:rgba(164,174,181,.25);*/
}
.checklist li { margin:0; padding:5px 0 3px 25px; background:url(a/img/tick.png) no-repeat 8px center; }

.nb { list-style-type: none; }

/* links */
a.pdf, 	#dashboard a[href$='.pdf'] { background:url(/cms/publish/consumer/a/img/builders/builderreg/pdf.png) no-repeat 0 3px; padding:3px 0 3px 28px; }

/* download applicaiton pack */
#application_pack { background-color:rgb(164,174,181); background-color:rgba(164,174,181,.25); padding:1px; 

margin:1em 0 1.5em; display:block; position:relative; }
#application_pack img { float:left; margin:1em; }
#application_pack span { display:table-cell; vertical-align:middle; width:363px; height:90px; padding:10px; }
#application_pack a { display:block; font-size:14px; margin:0 0 .5em; font-weight:bold; }
#application_pack p { margin:0; }
a.btn { display:block; width:150px; height:40px; background:transparent url(a/img/btn.png) top left no-repeat; 

color:rgb(255,255,255); position:relative; text-indent:-9999px; margin-top:2em; }
a.btn:hover { background-position:bottom left; }
a.btn span { }
.block a.btn { width:140px; height:30px; margin-top:1em; }
a.btn.apply { background-image:url(a/img/apply_now_btn.png); 
/* background-position:bottom left; */
}

/* a.btn.apply:hover { background-position:top left; } */
a.btn.estimate { background-image:url(a/img/get_an_estimate_btn.png); }
a.btn.large.estimate { background-image:url(a/img/get_an_estimate_btn_large.png); }
a.btn.signup { background-image:url(a/img/signup_enews_btn.png); }
a.btn.extranet { background-image:url(a/img/extranet_btn.png); }
a.btn.products_services { background-image:url(a/img/products_and_services_btn.png); }
a.btn.register { background-image:url(a/img/check_register_btn.png); }
a.btn.sm.gotoform { background-image:url(a/img/gotoform_btn_sm.png); }
a.btn.sm.signup { background-image:url(a/img/signup_btn_sm.png); }

a.btn.large.bc_quote { background-image:url(a/img/buton-get-quote_btn.png); width: 282px; }
a.btn.large.quote { background-image:url(a/img/get_quote_btn.png); }
a.btn.large.members { background-image:url(a/img/members_login_btn.png); }
.questions a.btn { background-image:url(a/img/questions-answers.png); height: 30px; margin-top: 0; }
a.btn.forum_login { background-image:url(a/img/forum_login_btn.png); }
a.btn.contact_us { background-image:url(a/img/contact_us_btn.png); }

a.btn.back { background-image:url(a/img/backtoexamples_btn.png); height: 30px; margin-top: 1.5em; clear: both; 

 }

/* columns */
.halfcol { float:left; width:235px; margin-right:15px; }
.halfcol.benefits { float:left; width:235px; margin-right:0; padding:10px 0 0; 

background-color:rgba(164,174,181,.25); }

/* Rounded corners ---- */
.roundedcorners { position:relative; }
.cn { position:absolute; height:10px; width:10px; margin:0; padding:0; background:url(a/img/rc_10.png) 

no-repeat; line-height:1px; font-size:1px; }
.rc5 .cn { background-image:url(a/img/rc_5.png); height:5px; width:5px; }
.rc10 .cn { background-image:url(a/img/rc_10.png); height:10px; width:10px; }
.rc15 .cn { background-image:url(a/img/rc_15.png); height:15px; width:15px; }
.rc20 .cn { background-image:url(a/img/rc_20.png); height:20px; width:20px; }

/* IE/Win 'hacks' * html .cn { background-image: url(a/img/rc_10.png); } */
.tl { top:0; left:0; background-position:top left; }
.tr { top:0; right:0; background-position:top right; }
.bl { bottom:0; left:0; background-position:bottom left; }
.br { bottom:0; right:0; background-position:bottom right; }

/* Steps ----------------------------------------------------------------*/
#steps { margin-bottom:.5em; }
ol#steps { list-style:none; }
ol#steps li { border:1px solid rgb(106,125,139); background-position:15px 0; background-repeat:no-repeat; 

margin-bottom:1.5em; float:left; width:100%; position:relative; }
#steps li#step_1 { background-image:url(a/img/step_1-alt.png); }
#steps li#step_2 { background-image:url(a/img/step_2-alt.png); }
#steps li#step_3 { background-image:url(a/img/step_3-alt.png); }
#steps li#step_4 { background-image:url(a/img/step_4-alt.png); }
#steps li#step_5 { background-image:url(a/img/step_5-alt.png); }
#steps li#step_6 { background-image:url(a/img/step_6-alt.png); }

/* steps inner */
#steps li span.inner { float:left; width:70%; padding:0 10% 0 20%; border:none; margin:0; }
#steps li h3 { margin-top:18px; padding-bottom:.5em; border-bottom:1px solid rgb(224,217,213); 

margin-bottom:.5em; color:rgb(29,46,63); }
#step .additonal_info { display:block; width:100%; }
ol#steps ul { margin-bottom:1.5em; list-style:square; }
ol#steps ul li { border:none; margin-bottom:0; float:none; border:none; background:none; width:100%; }
#steps li span.inner span.additonal_info { float:left; width:auto; padding:0; border:none; margin:0 0 .5em; 

border:none; }

/* more links */
#lowerContent #centreColumn a.more { display:block; width:25px; height:30px; position:absolute; top:15px; 

right:0; background:rgb(137,150,160) url(a/img/info.png) no-repeat; text-indent:-9999px; }
#lowerContent #centreColumn a.more:hover { background-color:rgb(194,132,117); }

/* Steps Rounded corners */
#steps .rc8 .cn,iframe .rc8 .cn { background-image:url(a/img/steps_rc_8.png); height:8px; width:8px; }
#steps .tl { top:-1px; left:-1px; background-position:top left; }
#steps .tr { top:-1px; right:-1px; background-position:top right; }
#steps .bl { bottom:-1px; left:-1px; background-position:bottom left; }
#steps .br { bottom:-1px; right:-1px; background-position:bottom right; }

/* faq's */
.arrow dt { display:block; background:url(a/img/soft-triangle.png) no-repeat 1px -2px; padding:0 0 7px 25px; }
.faqs dd { display:block; padding:5px 25px 0; }

/* iframe */
iframe { border:1px solid rgb(106,125,139); padding:10px; margin-top:1em; }

/* b */


.b { float:left; display:block; width:220px; margin:.5em 10px 1em 0; padding:0; }
.b.last { margin-right:0; }
#lowerContent #centreColumn .b h4 a:link,#lowerContent #centreColumn h4.b a:link { display:block; 

text-decoration:none; padding:.5em 10px .35em; border-bottom:1px solid rgb(185,201,208); font-size:12px; 

font-weight:bold; margin-bottom:.75em; color:rgb(29,46,63); background:rgb(218,223,226); }
.b ul { margin:0; padding:0 0 0 2em; }

/* Sidebar --------------------------------------------------------------*/
.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); position: relative; }
.block span { display:block; padding:9px 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; }
#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; }

/* block style B */

/* .block.insetb .image { display:block; width:54px; height:110px; float:left; overflow:hidden; 

position:relative; } */
.block.insetb span { float:right; width:110px; padding-right:10px; margin-left:65px; }
#extranet { background:rgb(218,223,226) url(a/img/extranet.png) left top no-repeat; }
#estimate { background:rgb(218,223,226) url(a/img/estimate.png) left center no-repeat; }
#products_services { background:rgb(29,46,63) url(a/img/products.png) left bottom no-repeat; }




/* 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:rgb(29,46,63) url(a/img/ad_grad.png) top right no-repeat; }
#infoSignUpColumn .block.ad a { color:rgb(255,255,255); text-decoration:none; display: block; }
#infoSignUpColumn .block.ad a:hover span { background-color: rgb(106,125,139); }
/* indiviual ad images */
.techzone_ad 		{ background:rgb(29,46,63) url(a/img/techZone_ad.jpg) left center no-repeat; }
.energyservices_ad	{ background:rgb(29,46,63) url(a/img/energy_services_ad.jpg) left center no-repeat; }
.sustainability_ad	{ background:rgb(29,46,63) url(a/img/sustainabilty_ad.jpg) left center no-repeat; }
/* New */
.new { height: 50px; width: 50px; background: transparent url(a/img/new-ribbon.png) top right no-repeat; 

position: absolute; top: 0; right: 0; }




/* block style Downloads */
.downloads ul { list-style:none; padding:0; margin-bottom:1em; border-top:1px solid rgb(185,201,208); }
.downloads li { padding:0; margin:0; }
#lowerContent .block.downloads li a { display:block; padding:.75em 3px 1em 25px; border-bottom:1px solid 

rgb(185,201,208); background:transparent url(a/img/download_arrow.png) 3px 50% no-repeat; font-weight:normal; 

color:rgb(30,30,30); }
#lowerContent .block.downloads li a:hover { background-color:rgb(185,201,208); color:rgb(255,255,255); 

text-decoration:none; }

/* --------------------------------------------------------------------- */

/* Layout / Grid ------------------------------------------------------- */
#lowerContent #lowerNavigation { width:195px; margin:0; padding:0; }
#lowerContent .vertDivider { padding:0 10px 0 0; margin:0; }
#lowerContent #centreColumn { }
#lowerContent #centreColumn.fw { width:691px; margin:0; padding:0; }


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

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


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

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

/*
.csx { width: 227px; }
.cs3 { width: 220px; }
*/

.cs4 { float:left; width:232px; padding-top:1em; }
.cs8 { float:left; width:449px; margin-right:10px; }


.blueprint { 
background: url(a/img/bulepring_bg.png); 
padding: 0 1em 1em;
}

.blueprint a {
float: right;

}

#lowerContent .blueprint p, #centreColumn .blueprint h2 { color: rgb(255,255,255); }



.nobo { 
	visibility: hidden;
}



/* 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:45px; 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:47px; }
#lowerContent #tech_questions .nav li.active { background:url(a/img/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:685px; margin-top:-10px; 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); }

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

/* -------------------------------------------- */

.navport {
	display: block;
	width: 198px;
	padding: 1em;
	background: rgb(29,46,63);
	color: rgb(255,255,255);
	border-right: 5px solid rgb(179,81,76);

}

#lowerContent #centreColumn .navport p, #lowerContent #centreColumn .navport a { color: rgb(255,255,255); }

.viewport div {
	display: block;
	margin: 0 0 2.5em;
	padding: 0 1em;
}

.viewport div img {
	margin-left: -1em;
}

#lowerContent #centreColumn h2 { clear: both; }


/* case studies list (2B) ------------------------------------------------ */

#lowerContent #centreColumn #case_studies_list {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
}



/* stages */

#stage1 { padding: 12px 0 0 80px; background: url(a/img/step_1-alt.png) 15px 0 no-repeat; position:relative; 

margin-bottom: 1.5em; clear: both; }
#stage2 { padding: 12px 0 0 80px; background: url(a/img/step_2-alt.png) 15px 0 no-repeat; position:relative; 

margin-bottom: 1.5em; clear: both; }
#stage3 { padding: 12px 0 0 80px; background: url(a/img/step_3-alt.png) 15px 0 no-repeat; position:relative; 

margin-bottom: 1.5em; clear: both; }
#stage4 { padding: 12px 0 0 80px; background: url(a/img/step_4-alt.png) 15px 0 no-repeat; position:relative; 

margin-bottom: 1.5em; clear: both; }
#stage5 { padding: 12px 0 0 80px; background: url(a/img/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; }


/* scroll */
.scroll {
	width: 460px;
	height: 259px;
	overflow-x: auto;
	overflow-y: hidden;
	position: relative; /* fix for IE to respect overflow */
	clear: left;
	margin-bottom: .25em;
}

.scrollContainer {
	position: absolute;
	left: 0;
	width: 2300px;
}

.scrollContainer img {
	float: left;
	position: relative;
	padding: 0;
	margin: 0;
	width: 460px;
	height: 259px;
}



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


#lowerContent #centreColumn.fullwidth { width:670px; }
#slideshow {
	display: block;
	width: 460px;
	float: left;
	margin-right: 2em;
}
#introbar {
	float: left;
	width: 185px;
}



#lowerContent #centreColumn div.infiniteCarousel {
	list-style-type: none;
	width: 459px;
	height: 315px;
	height: 421px; /* Added for 2011 carousel*/
	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;
	height: 421px; /* Added for 2011 carousel*/
	text-decoration: none;
	position: relative;
	overflow: hidden;
	color: #fff;
	background-color:#303b3d;
	/*background-color: rgba(30,30,30,.85);*/
	z-index: 50;
}

#lowerContent #centreColumn div.infiniteCarousel a span {
	display: block;
	position: absolute;
	bottom: 0;
	z-index: 50;
	width: 424px;
	padding: 1em 24px .5em 12px;
	background-color:#303b3d;
	/*background-color: rgba(30,30,30,.85);*/
	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; }

/*	Dashboard - NEW - ------------------------------	*/
	
	table#dashboard {
		font-size: 12px; line-height: 1;
		border-collapse: collapse;
		border: 1px solid rgb(145,154,162);
		border-width: 0 1px;
	}
	
	#dashboard tr {
		border: 1px solid rgb(145, 154, 162);
		border-width: 0 0 1px;
	}
	
	#dashboard tr.header { border-bottom: none; }
	
	#dashboard td {
		width: 33%;
		vertical-align: top;
		position:  relative; 
	}
	
	#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;
		padding-left: 28px;
	}
	
	#dashboard a[target $='_blank'] {
		display: block;
		background:url(a/img/external.png) no-repeat 0 3px; 
		padding:3px 0 3px 28px;
		
	}

/* -------------------------------------------------------------------------- */
#lowerContent #centreColumn p.meta { margin: 0; color: rgb(106,125,139); }


/* --------------------------------------------------------------------- */
#footer { display:none; }

/* --------------------------------------------------------------------- */






a.btn.readmore { background-image:url(a/img/readmore_btn.png); }
a.btn.clickhere { background-image:url(a/img/clickhere_btn.png); }




/*	------------------------------------------------------------ */
/*	H&S Awards ----------------------------------------------- */
/*	-------------------------------------------------------- */
	
	h3 { margin-bottom: 18px; }
	
	.nationalwinner, .regionalwinner {
		text-align: left;
		position: relative;
	}
	
	.nationalwinner img, .regionalwinner img, #lowerContent img {
		margin-bottom: 18px;
	}

	.regionalwinner {
		width: 148px;
	}
	

/* popup */
.popup {
	text-align: left;		
	background: transparent url(/cms/publish/consumer/a/img/hsawards/bubblebottom.png) center bottom no-repeat;
	position: absolute;
	z-index: 500;
	width: 142px;
	display: none;
	padding: 0 0 15px;
	margin: 0;
}

#lowerContent .popup div {
	display: block;
	padding: 15px 15px 5px;
	margin: 0;
	background: #fff;
	border: 1px solid #a4aeb5;
	border-width: 1px 1px 0;
}

.nationalwinner .popup {
	background: transparent url(/cms/publish/consumer/a/img/hsawards/bubblebottom.png) center bottom no-repeat;
	width: auto;
	width: 324px;
	position: absolute;
	top: 0;
}	
#lowerContent .popup p {
	margin-bottom: 0;
}	
	
/* tabs */
	.awards {
		position: relative;
	}

	#gold, #silver, #bronze {	}
	#lowerContent .awards h2 { border: none; }
	#lowerContent .awards h2 {  }
	#lowerContent .awards h2 a { text-decoration: none !important; } 
	
	.section {
		width: 100%;
	}

	
	#tabnav {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
		background: url(/cms/publish/consumer/a/img/hsawards/line.jpg) bottom left repeat-x;
		}
	#tabnav li {
		float: left;
		margin: 0;
		padding: 0;
		}
	#lowerContent #tabnav a {
		float: left;
		display: block;
		margin: 0 1px 0 0;
		padding: 4px 8px;
		text-decoration: none;
		border: 1px solid #a4afb5;
		border-bottom: none;
		}
	#lowerContent #tabnav a:hover, 	#lowerContent #tabnav a.selected {
		padding-bottom: 5px;
		border-color: #384b59;
		background: #fff;
		text-decoration: none;
		}
		
/* More table tabs*/
	
	table.hsadash {
		font-size: 12px; line-height: 1;
		border-collapse: collapse;
		border: 1px solid rgb(145,154,162);
		border-width: 0 1px;
	}
	
	.hsadash tr {
		border: 1px solid rgb(145, 154, 162);
		border-width: 0 0 1px;
	}
	
	.hsadash tr.header { border-bottom: none; }
	
	.hsadash td {
		width: 33%;
		vertical-align: top;
		position:  relative; 
	}
	
	.hsadash tr.even {
		background-color: rgb(233, 235, 236);
	}
		
	
/*	------------------------------------------------------------ */
	
	#winnersresources {
		background: #5b5b5b url(/cms/publish/consumer/a/img/hsawards/hsa_block.jpg) bottom right no-repeat;
	}

	#winnersresources p {
		color: #fff;
	}
	
	#lowerContent #winnersresources a {
		color: #fff;
	}
	
	#winnersresources span {
		display: block;
		padding-bottom: 15px;
	}
	
	
	
	#lowerContent #centreColumn #awards2011 {
		margin: 18px 0;
		padding: 0 10px 10px;
		background-color: #5B5B5B;
		color: #fff;
	}
	
 	#lowerContent #centreColumn #awards2011 p {
		color: rgb(255,255,255);
	}
	
	#lowerContent #centreColumn #awards2011 h2 {
		margin: 0 0 10px;
		padding: 10px 0;
		color: rgb(255,255,255);
	}
	
/* Blocks ------------------------- */
	
	.block #winnersresources, .block #eventgallery, .block #howtoenter, .block #blankblock {
		height: 125px;
		overflow: hidden;
	}
	
	#winnersresources {
		background: url(/cms/publish/consumer/a/img/hsawards/hsa_winners_block.jpg) bottom right no-repeat; }
	
	#eventgallery {
		background: url(/cms/publish/consumer/a/img/hsawards/hsa_gallery_block.jpg) bottom right no-repeat;
	}
	
	#howtoenter {
		background: url(/cms/publish/consumer/a/img/hsawards/hsa_enter_block.jpg) bottom right no-repeat;
	}
	
	#blankblock {
		background: url(/cms/publish/consumer/a/img/hsawards/hsa_blank_block.jpg) bottom right no-repeat;
	}
	

	 #winnersresources p,  #winnersresources h5,
	 #eventgallery p,  #eventgallery h5,
	 #howtoenter p,  #howtoenter h5,
	 #blankblock p,  #blankblock h5 {
		color: #fff;
		margin: 0 0 .25em;
	}
	
	 #winnersresources h5, #eventgallery h5, #howtoenter h5, #blankblock h5 {
		font-weight: bold;
		margin: 0 0 .25em;
	}
	
	#lowerContent #winnersresources a,
	#lowerContent #eventgallery a,
	#lowerContent #howtoenter a,
	#lowerContent #blankblock a {
		color: #fff;
		text-decoration: none;
		display: block;
		padding-top: 5px;
	}
	
	#winnersresources span,
	#eventgallery span,
	#howtoenter span {
		display: block;
		padding: 10px 10px 15px 105px;		
	}
	
/* popup gallery css*/




#lowerContent #centreColumn .gallery {
display: block;
width: 616px;
margin: 10px 0;
position: relative;
}


#lowerContent #centreColumn .gallery ul {
margin: 0 0 0 -8px;
padding: 0;
list-style: none;
float: left;
}


#lowerContent #centreColumn .gallery ul li {
float: left;
margin: 0 8px 8px 0; 
padding: 0;
}


#lowerContent #centreColumn .gallery ul li a {
display: block;
width: 148px;
height: 148px;
overflow: hidden;
}




#lowerContent #centreColumn .gallery ul.pagination { clear: both; width: 100%; }
#lowerContent #centreColumn .gallery ul.pagination li { margin-right: 2px; }
#lowerContent #centreColumn .gallery ul.pagination li a {
width: 24px;
height: 20px;
padding: 8px 0;
text-align: center;
text-decoration: none;
background: #a4afb5;
}


#lowerContent #centreColumn .gallery ul.pagination li a.selected {
color: #fff;
background: #384b59;
} 


/* jqModal base Styling courtesy of;
Brice Burgess <bhb@iceburg.net> */


/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
the Window's z-index value will be set to 3000 by default (via jqModal.js). */


.jqmOverlay { background-color: rgb(30,30,30); }


/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
width: expression(this.parentNode.offsetWidth+'px');
height: expression(this.parentNode.offsetHeight+'px');
}


/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}



.jqmClose {
display: block;
width: 30px;
height: 30px;
background: url('/cms/publish/consumer/a/img/hsawards/closebtn.png') top right no-repeat;
position: absolute;
top: 0;
right: 0;
}
.jqmClose:hover {
background-position: bottom right;
}
.jqmClose span {
display: none;
}
.jqmWindow p {
display: block;
margin: 0;
padding: 10px 0 0;
}

.jqmWindow {
    display: none;
    
    position: absolute; 
    top: 10%;
    left: 50%;
    
    /*width:  1024px;
    margin-left: -512px;*/
    
    background-color: rgb(255,255,255);
    color: rgb(30,30,30);
    padding: 10px 10px 5px;
overflow: hidden;
}


.jqmWindow img {
display: block;
margin: 0;
}


	.land {
		width: 1024px;
		margin-left: -512px;
		/*height: 692px; */
	}
	.port {
		width: 680px;
		margin-left: -340px;
		/* height: 1042px;*/
	}


	
/*	------------------------------------------------------------ */
/*	Grid	-------------------------------------------------- */
/*	-------------------------------------------------------- */

.column-row, .row { margin: 0 0 18px -8px; position: relative; }
.column, .columns { float: left; display: inline; margin: 0 0 0 8px; }
 
.one { width: 50px; }
.two { width: 108px; }
.three { width: 166px; }
.four { width: 224px; }
.five { width: 282px; }
.six { width: 340px; }
.seven { width: 398px; }
.eight { width: 456px; }
.nine { width: 514px; }
.ten { width: 572px; }
.eleven { width: 630px; }
.twelve { width: 688px; }
 
.offset-by-one-half { margin-left: 29px; }
.offset-by-one { margin-left: 58px; }
.offset-by-two { margin-left: 116px; }
.offset-by-three { margin-left: 174px; }
.offset-by-four { margin-left: 232px; }
.offset-by-five { margin-left: 290px; }
.offset-by-six { margin-left: 348px; }
.offset-by-seven { margin-left: 406px; }
.offset-by-eight { margin-left: 464px; }
.offset-by-nine { margin-left: 522px; }
.offset-by-ten { margin-left: 580px; }
 
/* Clear the columns automagically, thanks @kneath */
.column-row:after, .row:after, .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .column-row, * html .row, * html .clearfix { height: 1%; }
.column-row, .row, .clearfix { display: inline-block; }
.column-row, .row, .clearfix { display: block; }
 
/*	IE6 Problems ---------- */
body.ie .column-row { width: 696px; }
body.ie .eight .column-row	 { width: 464px; }
body.ie .nine .column-row	 { width: 522px; }
body.ie .ten .column-row	 { width: 580px; }
body.ie .eleven .column-row { width: 638px; }
body.ie .two-thirds .column-row { width: 472px; }