/*=============== STANDARD FORMATTING ===============*/

*{
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

body{
	margin:0px 5px 5px 5px;
	padding:0px;
	background-color:#F8F9F8;
	text-align:center;
	/*overflow-y:scroll;*/
}

a {
	color:#008265;
	text-decoration:underline;
}

a:hover{
	color:#142840;
	text-decoration:underline;
}

/*** used for clearing a div with no gap ***/
.clear{
	float:none;
	clear:both;
	height:0;
	line-height:0;
	font-size:1px;
}

span.usawords {display:none;}

/*** used for clearing a div with a gap ***/
.clearheight{
	float:none;
	clear:both;
}



/*** CONTAINER ***/
div#container{
	width:960px;
	text-align:left;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	margin:0px auto 10px auto;
	padding:0px;
}
div#container.home div#crumb-trail {display:none;}

div#bottomcontainer
{
    width:960px;
    margin:0px auto 10px auto;
    padding:0px;    
}

.copyright 
{
    float:right;
    font-size:60%;
}



/*=============== MAIN NAV ===============*/
div#nav{
	/*width:760px; CC IE55 */
	width:960px;
	font-size:65%;
	color:#008265;
	text-align:right;
	background-color:#007155;
	height:85px;
}

div#nav img.phoneno {padding-top:10px; padding-bottom:-10px;}
	
	/*for main nav*/
	div#mainnav{
		height:16px;
		background-color:#007155;
		padding:10px 0px 0px 27px;
		float:left;
}

	div#mainnav a {color:white; border-left: solid 1px #33947c; padding: 0px  18px 0px 18px; font-weight:bold; font-size:111%; text-decoration:none;}
	div#mainnav a:first-child {border-left: none;}
	div#mainnav a.selected, div#mainnav a:hover {color:#feffd1; text-decoration:underline;}

    /*for sub nav*/
	ul.nav {margin:0px; padding:0px;}
	div.subnav {float:right; width:216px; margin-bottom:27px;}
	div.subnav h2{
		font-size:100%;
		font-weight:bold;
		margin-bottom:10px;
		background-color:#007155;
		color:#ffffff;
		padding:5px;
	}
	div.subnav a {text-decoration:none; background-image:url("/images/greenarrow.gif") !important; background-position:1px 5px; background-repeat:no-repeat; list-style:none; padding-left:10px;}
	div.subnav h2 a {background-image:none !important; padding-left:0px; color:#ffffff;}
	div.subnav a.selected {font-weight:bold;}
	div.subnav ul li ul li {margin-right:14px;}
	div.subnav ul.nav li {background-image:url("/images/subnavshadow1.gif"); background-position:bottom; background-repeat:no-repeat; list-style-type:none; height:40px;}
	div.subnav ul.nav li.selected {height:auto; padding-bottom:12px; }
	div.subnav ul.nav li.depth-level-1.selected {height:auto; padding-bottom:0px; }
	div.subnav ul.nav li.selected ul li {background:none; }
	div.subnav ul.nav li.selected ul  {padding-bottom:15px;}
	div.subnav ul li ul li {display:none; background-image:none; }
	div.subnav ul li.selected ul li {display:list-item; }
	div.subnav ul.nav li.selected ul {margin-top:5px;}
	div.subnav ul.nav li.selected ul li {height:auto;}
	
/*=============== HEADER ===============*/
/* header-home for homepage only!, spec for header throughout site also here */
div#header-home,
div#header{
	width:960px;
	border-top:3px solid #08604a;
	border-bottom:1px solid #008265;
	padding:0px;
	z-index:100;
	position:absolute;
}
		
div#logo {float:left; height:100px; width:110px; background:url("/images/logo_hf_small.gif") no-repeat;}
    

	
/*=============== HOMEPAGE ELEMENTS ===============*/

div#slideshow-container {background:url(/userfiles/image/homeslideshow/foundry1.jpg); height:360px;}
div.error {background-color:#ffffff; margin-left:144px;}

div#slideshow {border-bottom:1px solid #94aca6;}

div#shadowbox {
	background-image:url("/images/shadowbox.gif");
	background-repeat:no-repeat;
	height:370px;
	width:470px;
	padding-left:6px;
	padding-top:13px;
}

div#castirondrainagepanel {
	margin:0px 0px 0px 15px;
	float:left;
	width:200px;
	cursor:pointer;
}


div#castirondrainagepanel .paneltext a.morelink {color:#007155; text-decoration:underline;}
div#foundrypanel {
	margin:0px 0px 0px 15px;
	float:left;
	width:200px;
	cursor:pointer;
}

div.greenheader {
	background-color: #007155;
	color:#ffffff;
	font-weight:bold;
	margin: 0px 0px 2px 0px;
	padding:5px;
	width:191px;
}

div.bronzeheader {
	background-color: #bc4711;
	color:#ffffff;
	font-weight:bold;
	margin: 0px 0px 2px 0px;
	padding:5px;
	width:191px;
}

div.bronzepanel {float:left; margin-bottom:26px; margin-right:5px; height:250px;}
div.pushthroughpanel  {float:left; margin-bottom:26px; margin-right:5px; height:250px; cursor:pointer;}

div.paneltext {width:190px; line-height:1.5; padding-top: 5px;}
div.paneltext ul {padding-left:15px;}
div.paneltext a.bronzetext {color:#bc4711;}

div.lockgates {width:200px; float:left; margin-top:-24px; }
div.lockgates h2 {
	color:#424141;
	padding:5px;
	width:200px;
	
}

div.callback {
	width:200px; 
	float:left; 
	margin-top:-24px;
		
}

div.callbackground {
	background-image:url(/images/bg_grey.jpg);
	background-repeat:repeat-x;
	padding:10px;
	width:190px;
}
div.callback h2 {
	color:#424141;
	padding:5px 5px 0px 5px;
	width:200px;
}

div.latestnewscontent {
	background-color:#eff6f4;
	padding:0px 15px 15px 15px;
}

div.latestnews h2{
	background-color:#ffffff;
	border-top: 1px solid #63A897;
	border-bottom: 1px solid #63A897;
	height:20px;
	padding: 5px 0px 0px 13px;
	color:#424141;
}

div#news-contents {width:632px;}
div.news-thumbnail {display:none;}
div.news-date {padding-top:10px;}
div.news-short-title {padding-top:10px;}
div#bottompanelhome {margin-left:15px;}

img.largeheader {margin-right:1px; float:left;}


/*Blog*/
img.news-thumbnail {float:right;}
div#read-our-blog { border:1px solid #dddddd;}
div#read-our-blog h2 {background-color:#f2f2f2; padding:5px}
div#read-our-blog div.blog-summary {padding:5px;}
div#read-our-blog  a {text-decoration:none; color:#424141; font-style:italic;}
div.blog-item {clear:both; height:100px; margin-bottom:5px; border:1px solid #efefef; padding:5px 10px 0px 0px; width:800px;}

/*=============== BREADCRUMB ===============*/
div#crumb-trail{
	margin:98px 0px 25px 0px;
}

div#crumb-trail a{
	text-decoration:none;
}
div#crumb-trail a.crumb {color:#969696;}

/*=============== WIDE PAGE ELEMENTS FOR DIV#CONTENT ===============*/
div#content{
	font-size:70%;
	color:#5E5E5E;
	margin:0px 36px 0px 36px;
}

	div#content p{
		line-height:150%;
		/*text-align:justify;*/
		margin-top:0px;
	}
	

	
	div#content h3
	{
		font-size:100%;
		font-weight:bold;
		font-style:italic;
		margin-bottom:0px;
		color:#008265;
		float:none;
	}
	
div#container.home div#content-inner {margin-top:174px; margin-left:-27px;}
div#container.home h1#pages-pagetitle {display:none;}
div#container.home div#content-column {margin-top:0px;}

/*=============== USED ON CASE STUDIES ONLY ===============*/
	/*Acrobat Box*/
	div.acrobat{
		/*width:454px; CC IE55 */
		width:442px;
		background-color:#F8F9F8;
		border:1px solid #CCCCCC;
		padding:5px;
		margin:10px 0px;
	}
		/*used on acrobat logo*/
		div.acrobat img{
			float:left;
			margin-right:10px;
		}
	
	
	div.casestudy {
		float:left;
		width:200px;
		border:2px solid #cccccc;
		cursor:pointer;
		margin:5px;
		padding:0px 0px 5px;
		}
	
	
	div.casestudy .casestudy-intro {padding: 5px; height:180px;}
	div.casestudy .right {float:right; margin-top:0px; width:0px;}
	
	div.casestudyview {width:60%;}
	div.casestudyview-content {margin-bottom:10px;}
	div.casestudyview .left {}
	div.casestudyview .right {margin-top:0px;}
	
	div.casestudy .news-intro {padding: 5px; height:200px;}
	
	
		/*for thumbnail spacing with case study text*/
		div.casestudy img{
			float:right;
			margin:0px 0px 10px 10px;
		}
	
	
	/*used for case study large img*/
	p.center-img{
		float:right;
		text-align:center;
		margin-bottom:10px;
	}
		/*hide other case study images until print*/
		p.center-img img.hide{
			display:none;
		}
	
	/*case study thumbs and add text and gap*/
	p.listing-detail{
		float:left;
		width:125px;
		margin-bottom:12px;
		text-align:center;
	}		
		/*place cursor on thumbnail imgs + block display*/
		p.listing-detail img{
			display:block;
			margin-bottom:3px;
			cursor:pointer;
		}

/*=============== RIGHT HAND COLUMN ===============*/
    img#home-big {float:left; display:block; position:relative; z-index:1000; margin-left:30px;}

  
    div#container.home div.header-img {height:185px;}
    div#container.home div#header a {color: #fff;}
    div#container.home div#pages-content div.intro {width:440px; padding-top:40px;}
    div#container.home div#pages-content div.intro p {float:left;}    
    div#container.home div#pages-content div.intro h2 {float:left; margin-top:10px; color: #666; font-size:130%;}
    div#container.home div#pages-content div#callback {margin-top:10px; font-size:100%;}
    div#container.home div#rh-container {display:none;}
    div#container.home p.backtop {display:none;}



/*rh column + callback + callback used on homepage only*/
div#rh-column,
div#callback,
div#callback-home{
	/*width:229px; CC IE55 */
	width:197px;
	color:#5E5E5E;
	text-align:right;
	background-color:#FFFFFF;
	background-image:url(/images/bg_grey.jpg);
	background-repeat:repeat-x;
	border:1px solid #E9E9E9;
	margin:0px 0px 15px 0px;
	padding:25px 15px;
}

	/*reset certain elements for call back +  call back home*/
	div#callback,
	div#callback-home{
		/*width:229px; CC IE55 */
		width:179px;
		padding:3px 45px 10px 3px;
		float:right;
	}
	
	/*amend callback-home for homepage only!*/
	div#callback-home{
		float:right;
		/*display:inline; CC IE6 */
		/*width:229px; CC IE55 */
		width:181px;
		font-size:100%;
		border:none;
		margin:-25px 0px 0px 36px; /*bottom margin changed from 20px to 0px*/
	}
	
	/*block img so text goes under*/
	div#callback img,
	div#callback-home img{
		display:block;
	}

	div#container.home div.leftcontent {float:left; margin-top:112px;}
	div.leftcontent { margin-top:210px;}
	
/*SubNav*/

div#content {/*margin-left:120px;*/ border-left:solid 6px #fff;}  


ul#subnav {margin: 12px 0px 10px 5px; border: solid 0px #fff; border-bottom: none; border-right: none; width: 180px; padding-left:0px;}
ul#subnav a {}
ul#subnav li {list-style-type:none;margin:0px;padding:0px;margin-bottom:3px;margin:6px 0px -4px 0px;}
	
ul#subnav li a {font-weight:normal;}
ul#subnav li ul li a {text-decoration:none;}


/*for arrow links*/
ul#subnav li a.arrowlink{margin-top:0px;margin-left:0px;display:block;} 
ul#subnav li a.arrowlink img{border:none;} 
/*for arrow links*/

ul#subnav li ul {display:none;}

ul#subnav li.selected ul {display:block; margin-left:-40px;}

ul#subnav li.selected ul li ul{display:none;} 
ul#subnav li.selected ul li.selected ul{display:block;} 


ul#subnav li.selected ul li.selected ul li ul{display:none;}
ul#subnav li.selected ul li.selected ul li.selected ul{display:block;}

ul#subnav li.selected ul li.selected ul li ul li ul{display:none;}
ul#subnav li.selected ul li.selected ul li.selected ul li.selected ul{display:block;}

ul#subnav a.selected {font-weight:bold;}
ul#subnav a.nodeselected {text-decoration:underline;}


div.socialnetworks {float:left; margin-top:20px;}
div.socialnetworks a {text-decoration:none;}

/*=============== FOOTER ===============*/
div#footer{
	font-size:65%;
	color:#94aca6;
	text-align:right;
	border-top:1px solid #94aca6;
	padding:10px 5px 20px 20px;
	margin-top:25px;
	border-bottom:1px solid #94aca6;
}

	div#footer a{
		color:#9D9D9D;
		text-decoration:none;
	}
	
/*=== FORM TABLE ===*/
table.form{
	width:100%;
}
	
	table.form th
	{
		padding:4px;
		vertical-align:top;
		background-color:#FFFFFF;
		border-right:1px solid #CCCCCC;
		border-bottom:1px solid #CCCCCC;
		border-collapse:collapse;
	}
	
	table.form th{
		width:20%;
		color:#FFFFFF;
		background-color:#18A484;
	}

	.shorttext,
	.shortselect{
		font-size:100%;
		border:1px solid #999999;
		padding:2px;
		vertical-align:top;
		width:171px;
		margin-bottom:3px;
	}
	.shortselect{
		width:176px;
	}
	
	.longtext,
	.longselect{
		font-size:100%;
		border:1px solid #999999;
		padding:2px;
		vertical-align:top;
		width:515px;
		margin-bottom:3px;
	}
	.longselect{
		width:520px;
	}

	.button{
		font-size:100%;
		font-weight:bold;
		background-color:#008265;
		border:1px solid #999999;
		color:#FFFFFF;
		padding:2px;
		vertical-align:top;
		margin-bottom:3px;
	}

    table.form .required{
        border-right: solid 4px #f66 !important;
    }

/*==================== GENERAL FORMATTING ====================*/
H1{
	font-size:147%;
	font-weight:bold;
	color:#008265;
	margin:0px 0px 8px 0px;
}

H2{
	font-size:120%;
	font-weight:bold;
	color:#008265;
	margin:0px 0px 10px 0px;
}

H3{
	font-size:110%;
	font-weight:bold;
	color:#008265;
	margin:0px 0px 4px 0px;
}

H4{
	font-size:100%;
	font-weight:bold;
	color:#000000;
	margin:0px 0px 8px 0px;
}

blockquote{
	line-height:150%;
	font-style:italic;
	background-color:#ccede6;
	margin:45px 0px 10px 0px;
	padding:5px;
	width:640px;
}

div#pages-content {width:900px;}

div#container.home .right {width:420px;}

.right{
	float:right;
	width:420px;
	margin-top:20px;
}

.rightcontent{
	float:right;
	margin-top:20px;
	width:230px;
	margin-left:4px;
	
}

.highlight{
	color:#CB1F28;
}

/*used to knock back "liability"*/
.knockback{
	font-size:90%;
	color:#aeaeae;
}

/*top/back links*/
div#content p.backtop,
div#lh-column p.backtop{
	border-top:1px dotted #008265;
	padding-top:5px;
	margin:15px 0px 5px 0px;
	text-align:right;
}

/*adds squares to any pdf list items
div#lh-column ul{
	list-style-type:square;
	list-style-image:url(../images/bullet.gif);
}*/

ul li,
ol li{
	line-height:140%;
	margin-bottom:3px;
}

hr{
	float:none;
	height:0;
	line-height:0;
	padding:0px;
	margin:10px 0px;
	font-size:1px;
	color:#000000;
	background-color:#000000;
	width:500px;
}



 img.dottedlineshort {
	float:left;
	margin-top:0px;
	padding-left:15px;
	border:none;
}

 img.dottedline {
	float:left;
	margin-top:0px;
	padding-left:15px;
	border:none;
}


div.greenline {border-top: 1px solid #63A897; width:426px; height:25px;}
div.greenlinebottom {border-top: 1px solid #63A897; width:426px; margin-left:15px;}
/* SITEMAP */
	table th{
		text-align:left;
	}

/* honeypotcaptcha */
.TwojEmail{position:absolute; margin-top:-6600px; display:none;}
div.TwojEmail  input{background-color:#ffffff; border:1px solid #ffffff; color:#f2f2f2;}


/*=============== USED ON CAST IRON DRAINAGE PAGE ONLY ===============*/
	div.greybox{
		float:right;
		/*width:535px; CC IE55 */
		width:460px;
		background-color:#FFFFFF;
		background-image:url(../images/bg_grey.jpg);
		background-repeat:repeat-x;
		border:1px solid #E9E9E9;
		padding:10px;
	}
		/*unordered list + arrow*/
		div.greybox ul{
			float:none;
			clear:both;
			margin:0px;
			padding:0px;
			list-style-type:none;
		}
			div.greybox ul li{
				line-height:150%;
				background-image:url(../images/arrow_grey.gif);
				background-position:0px 5px;
				background-repeat:no-repeat;
				padding-left:12px;
				margin-bottom:15px;
			}
		
		/*added to box containing img*/
		div.greybox.img{
			float:none;
			/*display:block; CC IE6 */
			/*width:147px; CC IE55 */
			width:123px;
			margin:0px 0px 5px 0px;
		}
			div.greybox.img img{
				border:1px solid #A1A1A1;
			}
	
	
	/*for HF Premier Rainwater and soil header*/
		div.greybox.green h2, h3 {
			float:left;
			font-size:100%;
			color:#008265;
			font-weight:bold;
			margin:0px 0px 10px 0px;
		}
		
		div.greybox.green a,
		p.green a{
			float:right;
			color:#008265;
		}
		
		/*for hf halifax soil and drain header*/
		div.greybox.dark-red h2, h3{
			float:left;
			font-size:100%;
			color:#9F3B2C;
			font-weight:bold;
			margin:0px 0px 10px 0px;
		}
		
		
		
		div.greybox.dark-red a,
		p.dark-red a{
			float:right;
			color:#9F3B2C;
		}

		div.greybox.black a,
		p.dark-red a{
			float:right;
			color:#000000;
		}

		div.greybox.black h2, h3 {
			color:#000000;
			float:left;
			font-size:100%;
			font-weight:bold;
			margin:0 0 10px;
		}
		
		div.cms-filelist {}
		div.cms-filelist-file {padding:5px;}
		div.cms-filelist-heading {padding:10px;}		
		div.news-entry {}
		
		div#container.cast_iron_drainage div.cms-filelist-heading {padding:0px;}		
		div#container.about_hargreaves_foundry div.cms-filelist-heading {padding:0px;}
		
		
		/*Landing Page*/
		div#container.cast1 div#content {margin-right:0px;}
		div#container.cast1  div.leftcontent{ width:650px;}
		div.action {background-color:#000000; border-radius: 5px; padding:15px 10px 15px 10px; text-align:center; margin:5px 10px 10px 10px; width:225px; float:right;}
		div.action a {color:#ffffff; font-size:18px; text-decoration:none;}
		div#container.cast1 img#home-big {margin-right:10px;}
		div.action a:hover {text-decoration:underline;}
		div#container.cast1 div#pages-content {margin-top:25px; width:650px;}
		div#container.cast1  .rightcontent {margin-left:0px; width:245px; margin-top:75px; font-size:135%;}
		div#container.cast1 ul.bullets li {
			background-image: url("/images/go-grey.png?width=15");
			background-position: 0 2px;
			background-repeat: no-repeat;
			padding-bottom: 5px;
			padding-left: 21px;
			list-style-type:none;
			font-size:80%;
		}
		div#container.cast1 ul.bullets {padding-left:5px;}
		div#header-bullets {border: 0px none; background: none repeat scroll 0% 0% rgb(221, 221, 221); border-radius:5px; padding: 25px 0px; float:left; height:305px; width:280px; margin:5px;}
		div#container.cast1 div#header-bullets ul.bullets li{padding-bottom:15px;}
		div#container.cast1 div#header-bullets ul.bullets {padding-top:20px;}
		div#container.cast1  div.whycastiron {background: #ddd; padding: 5px 17px; float:right;  -moz-border-radius: 5px; border-radius: 5px; margin:10px; width:210px;}
		div#container.cast1 div#header-home, div#header {border-bottom:none;}
		
		
		
		
/*=============== PRINT MEDIA ===============*/
@media print{
	
	/*reset body*/
	body{
		margin:0px;
		padding:0px;
		background-color:#FFFFFF;
	}
	
	/*set widths for main areas used*/
	div#container,
	div#header-home,
	div#header,
	div#content-home,
	div#content,
	div#lh-column,
	div.casestudy{
		width:auto;
		background-image:none;
	}
	div.casestudy{width:200px;}
	
	/*reset colour for header*/
	div#header-home,
	div#header{
		background-color:#FFFFFF;
		background-image:none;
	}
		
		/*reset header h1's width/colour/img etc*/
		div#container div#header-home h1,
		div#container div#header h1{
			float:left;
			width:250px;
			color:#5E5E5E;
			padding:0px;
			margin:auto;
			overflow:visible;
			background-image:none;
			height:auto;
		}
			div#container div#header h1{
				padding-top:35px;
			}
			
		/*reset header p width/colour*/
		div#header-home p{
			width:250px;
			color:#5E5E5E;
		}
	
	/*add margin to homepg push butt*/
	div.pushbutt{
		margin-bottom:5px;
	}
	
	/*set main content padding/margin*/
	div#content-home,
	div#content,
	div#lh-column{
		margin:0px;
		padding:10px;
	}
	
		/*set greybox widths - used for CAST IRON landing pg*/
		div.greybox{
			width:470px;
			w\idth:450px;
		}
		/*set greybox.img widths - used for CAST IRON landing pg*/
		div.greybox.img{
			width:147px;
			w\idth:123px;
		}
	
	/*hide case study thumbnails*/
	p.listing-detail{
		display:none;
	}
	
	/*re-float large center img*/
	p.center-img{
		float:left;
		margin:5px 8px 5px 0px;
		text-align:left;
		vertical-align:top;
	}
	/*bring back larger property imgs for print*/
	p.center-img img#largeImage{	
		display:inline;
	}
	p.center-img img.hide{
		display:inline;
	}
	
	/*hide nav/breadcrumb/callback-home/footer*/
	div#nav,
	div#breadcrumb,
	div#callback-home,
	div.acrobat,
	p.backtop,
	div#rh-column,
	div#callback,
	div#footer,
	div#container.home div.header-img,
	div#header p.strapline,
	div#header p,
	div#header h1  
	{
		display:none;
	}
	
	
	
	}