/***********************************************************************************/
/* HENRY WILLIAMS CSS - Copyright 2005 - www.henrywilliams.co.uk - v1.0 */
/***********************************************************************************/


/*******************
 OVERALL LAYOUT
*******************/

body {
	font-family:  arial, verdana, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	font-size: 13px;
	background: #fff;
}

	* html body {
		font-family:  arial, verdana, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
		font-size: x-small;
	}

a:link, a:visited {
	color: #444444;
}

a:hover {
	color: #fb9000;
}

form.inline {
	display: inline;
}

p {
	margin-top: 10px;
}

br.breaker {
	clear: both;
}

#skiptomain {
	display: none;
}

img {
	border: 0;
}

#wrapper {
	width: 760px;
	position: absolute;
	left: 50%;
	margin-left: -380px;
	text-align: center;
	background: #ffffff;
	margin-top: 35px;
}

#pagecontainer {
	width: 760px;
	text-align: left;
	font-family: Arial, Verdana, Helvetica, "MS Sans Serif";
	font-size: 11px;
	color: #000000;
}

div.breaker {
	clear: left;
	font-size: 0.1em;
	height: 1px;
}

/*************************
 HEADER
*************************/

#header {
	width: 760px;
	border-bottom: 1px solid #bbbbbb;
}

	#headerleft {
		float: left;
		width: 225px;
	}

	#headerright {
		float: right;
		width: 535px;
	}

		/*** HEADER LINKS ***/

		#headerlinks {
			width: 535px;
			text-align: right;
		}

			#headerlinks a:link, #headerlinks a:visited {
				color: #999999;
				text-decoration: underline;
				font-size: 0.9em;
			}

			#headerlinks a:hover, #headerlinks a:active {
				color: #ff9900;
				text-decoration: underline;
				font-size: 0.9em;
			}

		/*** HEADER SEARCH ***/

		#headersearch {
			float: right;
			width: 158px;
			text-align: right;
			margin-top: 10px;
		}

			#hsleft {
				float: left;
				text-align: right;
				width: 123px;
			}

				#txtsearch {
					width: 123px;
					font-size: 11px;
					border: 1px solid #7f9db9;
				}

			#hsright {
				float: right;
				width: 25px;
				text-align: right;
			}

				* html #hsright {
					margin-top: 2px;
				}


/************************
 MAIN NAVIGATION
************************/

#mainnav {
	width: 760px;
	height: 20px;
	background: #bbbbbb url(/images/bgtopnav.jpg) repeat left top;
	border-bottom: 1px solid #bbbbbb;
}

	#mainnav ul {
		margin: 0;
		padding: 0;
		width: 753px;
		float: right;
		list-style: none;
		height: 20px;
	}

	#mainnav ul li {
		display: inline;
		float: left;
		line-height: 20px;
	}

		#mainnav ul li.mnava {
			width: 115px;
			background: transparent url(/images/bgmnava.gif) no-repeat left top;
		}

			* html #mainnav ul li.mnava {
				width: 102px;
			}

			#mainnav ul li.mnava a:hover {
				color: #cc0000;
			}

		#mainnav ul li.mnavb {
			width: 112px;
			background: transparent url(/images/bgmnavb.gif) no-repeat left top;
		}

			* html #mainnav ul li.mnavb {
				width: 99px;
			}

			#mainnav ul li.mnavb a:hover {
				color: #ef3c23;
			}

		#mainnav ul li.mnavc {
			width: 116px;
			background: transparent url(/images/bgmnavc.gif) no-repeat left top;
		}

			* html #mainnav ul li.mnavc {
				width: 103px;
			}

			#mainnav ul li.mnavc a:hover {
				color: #18ccbb;
			}

		#mainnav ul li.mnavd {
			width: 157px;
			background: transparent url(/images/bgmnavd.gif) no-repeat left top;
		}

			* html #mainnav ul li.mnavd {
				width: 144px;
			}

			#mainnav ul li.mnavd a:hover {
				color: #9b6eaa;
			}

		#mainnav ul li.mnave {
			width: 89px;
			background: transparent url(/images/bgmnave.gif) no-repeat left top;
		}

			* html #mainnav ul li.mnave {
				width: 76px;
			}

			#mainnav ul li.mnave a:hover {
				color: #000c76;
			}

		#mainnav ul li.mnavf {
			width: 94px;
			background: transparent url(/images/bgmnavf.gif) no-repeat left top;
		}

			* html #mainnav ul li.mnavf {
				width: 81px;
			}

			#mainnav ul li.mnavf a:hover {
				color: #000c76;
			}

		#mainnav ul li.mnavg {
			width: 70px;
			background: transparent url(/images/bgmnavg.gif) no-repeat left top;
		}

			* html #mainnav ul li.mnavg {
				width: 57px;
			}

			#mainnav ul li.mnavg a:hover {
				color: #ff9900;
			}

	#mainnav ul li a:link, #mainnav ul li a:visited {
		padding-left: 13px;
		color: #5a5a5a;
		text-decoration: none;
		display: block;
		width: 100%;
	}

	#mainnav ul li a:hover {
		padding-left: 13px;
		color: #cc0000;
		text-decoration: none;
		display: block;
		width: 100%;
	}


/*********************************
 MAIN CONTENT
*********************************/

#maincontent {
	width: 760px;
	border: 0;
	margin: 3px 0px 0px 0px;
	padding: 0;
}

	/*** two col spread on home page ***/

	#hometwocols {
		width: 760px;
		border: 0;
		margin: 0px;
		padding: 0;
	}

		#htcleft {
			float: left;
			width: 529px;
		}

		#htcright {
			float: right;
			width: 228px;
		}

		/*** RIGHT HAND FEATURES - MULTI COLOURED ***/

		.hpfeatright {
			width: 228px;
			padding: 0;
			margin: 0;
			font-size: 1.0em;
			color: #000000;
		}

		.hpfeatright img {
			border: 1px solid #ffffff;
		}

		.hpfrone {
			background-color: #ff3838;
			margin-bottom: 1px;
		}

			#hpfronepict {
				float: left;
				width: 48px;
				text-align: center;
				background-color: #d10000;
				padding: 3px 0px;
			}

			#hpfronetext {
				float: right;
				width: 170px;
				text-align: left;
				padding: 0px 0px 0px 10px;
				color: #6c0000;
			}

		.hpfrtwo {
			background-color: #f69082;
			margin-bottom: 1px;
		}

			#hpfrtwopict {
				float: left;
				width: 48px;
				text-align: center;
				background-color: #ef3c23;
				padding: 3px 0px;
			}

			#hpfrtwotext {
				float: right;
				width: 170px;
				text-align: left;
				padding: 0px 0px 0px 10px;
				color: #d0270f;
			}

		.hpfrthree {
			background-color: #5deddf;
			margin-bottom: 1px;
		}

			#hpfrthreepict {
				float: left;
				width: 48px;
				text-align: center;
				background-color: #18ccbb;
				padding: 3px 0px;
			}

			#hpfrthreetext {
				float: right;
				width: 170px;
				text-align: left;
				padding: 0px 0px 0px 10px;
				color: #129e91;
			}

		.hpfrfour {
			background-color: #c7aed0;
			margin-bottom: 1px;
		}

			#hpfrfourpict {
				float: left;
				width: 48px;
				text-align: center;
				background-color: #9b6eaa;
				padding: 3px 0px;
			}

			#hpfrfourtext {
				float: right;
				width: 170px;
				text-align: left;
				padding: 0px 0px 0px 10px;
				color: #825590;
			}


		.hpfeatright a:link, .hpfeatright a:visited {
			font-size: 1.2em;
			line-height: 2.0em;
			font-weight: bold;
			color: #ffffff;
			text-decoration: underline;
		}

		.hpfeatright a:hover {
			color: #000000;
		}


	/*** two col spread, 310 + 450 ***/

	#hometwocolsrev {
		width: 760px;
		padding: 0;
		margin: 0;
	}

		#picbullets {
			width: 310px;
			float: left;
			padding: 0;
			margin: 0;
			margin-top: 22px;
		}

			.picbullrow {
				width: 280px;
				padding-bottom: 5px;
				margin-bottom: 5px;
			}

			.picbullunderline {
				border-bottom: 1px solid #eee;
			}

				.picbullpic {
					width: 60px;
					float: left;
				}

				.picbullbull {
					width: 220px;
					float: right;
				}

					.picbullbull ul {
						margin: 0;
						padding: 0;
						list-style: none;
					}

					.picbullbull ul li {
						background: #ffffff url(/images/picbullbull.gif) no-repeat left top;
					}

					.picbullbull ul li a:link, .picbullbull ul li a:visited {
						padding-left: 15px;
						color: #00016f;
						text-decoration: underline;
						font-weight: bold;
					}

					.picbullbull ul li a:hover {
						color: #cc0000;
					}

		#hptext {
			width: 450px;
			float: right;
			padding: 0;
			margin: 0;
			margin-top: 22px;
			line-height: 1.6em;
			color: #444444;
		}

			#hptext h1 {
				font-size: 1.4em;
				font-weight: bold;
				color: #fb9000;
				display: inline;
				padding: 0;
				margin: 0;
			}

			h1.fourohfour {
				font-size: 1.4em;
				font-weight: bold;
				color: #fb9000;
				padding: 0;
				margin: 0;
			}

/******************************
 FOOTER
******************************/

#footer {
	clear: both;
	width: 760px;
	color: #5a5a5a;
	line-height: 1.6em;
}

	#footerleft {
		float: left;
		width: 650px;
		margin-top: 20px;
		border-top: 1px solid #5a5a5a;
	}

	#footerright {
		float: right;
		width: 110px;
		margin-top: 20px;
		border-top: 1px solid #5a5a5a;
		text-align: right;
	}

		#footerright ul {
			margin: 0px;
			padding: 0px;
			list-style: none;
			width: 68px;
		}

		#footerright ul li {
			background: #ffffff url(/images/footertop.gif) no-repeat left 3px;
		}

		#footerright ul li a:link, #footerright ul li a:visited {
			padding-left: 14px;
		}

		#footerright ul li a:hover {

		}

	#footer a:link, #footer a:visited {
		color: #5a5a5a;
		text-decoration: underline;
	}

	#footer a:hover {
		color: #cc0000;
	}

/************************************
 PRODUCT PAGE
************************************/

/*** NAV ***/

#lhsnav {
	float: left;
	width: 180px;
	padding: 0;
	margin: 10px 0px 0px 0px;
}

	#lhsnav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		border-top: 1px solid #eeeeee;
		width: 180px;
	}

	#lhsnav ul li {
		padding-top: 5px;
		padding-bottom: 3px;
		padding-left: 21px;
		line-height: 18px;
		border-bottom: 1px solid #eeeeee;
	}

	#lhsnav ul li a:link, #lhsnav ul li a:visited {
		color: #5a5a5a;
		text-decoration: underline;
	}

	/*** section dependant mouseover ***/

	#lhsnav ul.about li {
		background: #ffffff url(/images/navbullnews.gif) no-repeat left top;
	}

	#lhsnav ul.railway li {
		background: #ffffff url(/images/navbullrailway.gif) no-repeat left top;
	}

	#lhsnav ul.forging li {
		background: #ffffff url(/images/navbullforging.gif) no-repeat left top;
	}

	#lhsnav ul.highway li {
		background: #ffffff url(/images/navbullhighway.gif) no-repeat left top;
	}

	#lhsnav ul.controlsys li {
		background: #ffffff url(/images/navbullcontrolsys.gif) no-repeat left top;
	}

	#lhsnav ul li.lhsubcat {
		padding-left: 5px;
		background: none;
		font-weight: bold;
	}

	#lhsnav ul.about li a:hover {
		color: #ff9900;
	}

	#lhsnav ul.railway li a:hover {
		color: #cc0000;
	}

	#lhsnav ul.forging li a:hover {
		color: #EF3C23;
	}

	#lhsnav ul.highway li a:hover {
		color: #18ccbb;
	}

	#lhsnav ul.controlsys li a:hover {
		color: #9B6EAA;
	}

/*** CONTENT ***/

#ppfull {
	margin: 20px 0px 0px 0px;
	float: left;
	width: 760px;
	line-height: 1.8em;
	font-size: 1.1em;
	color: #5a5a5a;
}

	#ppfull h1 {
		color: #000000;
		font-size: 1.3em;
		font-weight: bold;
		display: inline;
		margin: 0;
		padding: 0;
	}

	#ppfull h2 {
		color: #000000;
		font-size: 1.2em;
		font-weight: bold;
		display: inline;
		margin: 0;
		padding: 0;
	}

	#ppfull h3 {
		color: #000000;
		font-size: 1.1em;
		font-weight: bold;
		display: inline;
		margin: 0;
		padding: 0;
	}

#ppright {
	float: right;
	width: 560px;
	padding: 0;
	margin: 10px 0px 0px 0px;
}

	/*** TWO COLUMNS ***/

	.pptwocols {
		clear: both;
		width: 560px;
		margin: 10px 0px 0px 0px;
		padding: 0;
	}

		.pptcfull {
			float: left;
			width: 560px;
			line-height: 1.8em;
			font-size: 1.1em;
			color: #5a5a5a;
		}

			.pptcfull h1 {
				color: #000000;
				font-size: 1.3em;
				font-weight: bold;
				display: inline;
				margin: 0;
				padding: 0;
			}

			.pptcfull h2 {
				color: #000000;
				font-size: 1.2em;
				font-weight: bold;
				display: inline;
				margin: 0;
				padding: 0;
			}

			.pptcfull h3 {
				color: #000000;
				font-size: 1.1em;
				font-weight: bold;
				display: inline;
				margin: 0;
				padding: 0;
			}

		.pptcleft {
			float: left;
			width: 360px;
			line-height: 1.8em;
			font-size: 1.1em;
			color: #5a5a5a;
		}

			.pptcleft h1 {
				color: #000000;
				font-size: 1.3em;
				font-weight: bold;
				display: inline;
				margin: 0;
				padding: 0;
			}

			.pptcleft h2 {
				color: #000000;
				font-size: 1.2em;
				font-weight: bold;
				display: inline;
				margin: 0;
				padding: 0;
			}

			.pptcleft h3 {
				color: #000000;
				font-size: 1.1em;
				font-weight: bold;
				display: inline;
				margin: 0;
				padding: 0;
			}

			.pptcleft table {
				margin: 0px;
				padding: 0px;
				width: 360px;
				border-collapse: collapse;
				vertical-align: top;
			}

			.pptcleft table th {
				padding: 0px 2px 0px 2px;
				vertical-align: top;
				border: 1px solid #eee;
				line-height: 1.4em;
			}

			.pptcleft table td {
				padding: 0px 2px 0px 2px;
				vertical-align: top;
				border: 1px solid #eee;
				line-height: 1.4em;
			}

		.pptcright {
			float: right;
			width: 180px;
			line-height: 1.8em;
			font-size: 1.1em;
			color: #5a5a5a;
		}

			.rhsgreybox {
				width: 180px;
				padding: 0;
				margin: 0;
				background-color: #eeeeee;
			}

				.rgbtitle {
					color: #ff9900;
					border-bottom: 1px solid #ffffff;
					width: 170px;
					padding: 0px 5px;
					font-weight: bold;
					padding-left: 7px;
				}

					.span_railway { color:#CC0000; }
					.span_forging { color:#EF3C23; }
					.span_highway { color:#18CCBB; }
					.span_controlsys { color:#9B6EAA; }

				.rgbtext {
					clear: left;
					margin-bottom: 15px;
					color: #000000;
					width: 170px;
					padding: 0px 5px;
					font-size: 0.9em;
					line-height: 1.2em;
				}

					.rgbtimg {
						float: left;
						text-align: right;
						width: 40px;
					}

					.rgbttxt{
						float: right;
						text-align: left;
						width: 125px;
					}

				.rgbtext a:link, .rgbtext a:visited {
					color: #000000;
					text-decoration: underline;
				}

				.rgbtext a:hover {
					color: #ff9900;
				}

div.searchres {
	line-height: 16px;
}

	div.searchres span {
		font-size: 13px;
	}

	div.searchres span a:link, div.searchres span a:visited {
		color: #000066;
		text-decoration: underline;
	}

	div.searchres span a:hover {
		color: #ff9900;
	}


	div.searchres a:link, div.searchres a:visited {
		color: #CC0000;
		text-decoration: none;
	}

	div.searchres a:hover {
		color: #ff9900;
	}


div.pageimage {
	margin: 0px 0px 3px 0px;
	padding: 0px;
	border: 1px solid #EEEEEE;
}

	div.pageimage img {
		width: 176px;
		height: 176px;
		padding: 0px;
		margin: 0px;
		border: 1px solid #ffffff;
	}

div.newsitem {
	clear: both;
	height: 70px;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
}

/*** SITE MAP ***/

#ppfull div.sitemapcols {
	float:left;
}

#ppfull ul {
	width: 223px;
	list-style: none;
	margin:0px 15px 10px 15px;
	padding: 0px;
	font-size: 0.9em;
}

#ppfull ul li {
	background: url(/images/navbullrailway.gif) no-repeat left top;
	padding: 5px 0px 3px 22px;
	line-height: 18px;
	border-bottom: 1px solid #eeeeee;
}

#ppfull ul.about li  {
	background: #ffffff url(/images/navbullnews.gif) no-repeat left top;
}
#ppfull ul.railway li  {
	background: #ffffff url(/images/navbullrailway.gif) no-repeat left top;
}
#ppfull ul.forging li  {
	background: #ffffff url(/images/navbullforging.gif) no-repeat left top;
}
#ppfull ul.highway li  {
	background: #ffffff url(/images/navbullhighway.gif) no-repeat left top;
}
#ppfull ul.controlsys li  {
	background: #ffffff url(/images/navbullcontrolsys.gif) no-repeat left top;
}

#ppfull ul li.cathead {
	padding: 3px 0px 0px 0px;
	background: none;
	font-weight: bold;
	color: #000;
}

	#ppfull ul.about li.cathead h2 { color: #000066; }
	#ppfull ul.railway li.cathead h2 { color: #cc0000; }
	#ppfull ul.forging li.cathead h2 { color: #EF3C23; }
	#ppfull ul.highway li.cathead h2 { color: #18ccbb; }
	#ppfull ul.controlsys li.cathead h2 { color: #9B6EAA; }


#ppfull ul li.smsubcat {
	padding: 3px 0px 0px 0px;
	background: none;
	font-weight: bold;
	color: #000;
}

	#ppfull ul.about li a:hover {
		color: #ff9900;
	}

	#ppfull ul.railway li a:hover {
		color: #cc0000;
	}

	#ppfull ul.forging li a:hover {
		color: #EF3C23;
	}

	#ppfull ul.highway li a:hover {
		color: #18ccbb;
	}

	#ppfull ul.controlsys li a:hover {
		color: #9B6EAA;
	}

label {
	width: 80px;
	float: left;
	padding-top: 2px;
}

input {
	font-size: 11px;
	font-family:  arial, verdana, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
}

input.submit {
	font-size:11px;
	font-family: "Tahoma", "Helvetica", "Arial", "MS Sans Serif";
	border: 1px solid #6A747E;
	background: #E3E5F0;
	filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffff',EndColorStr='#C6C5D7');
}

textarea {
	font-size: 11px;
	font-family:  arial, verdana, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
}

/* flash player popup */

#movie-wrapper {
	width: 320px;
	height: 240px;
	margin: 0 auto;
	padding: 0;
}