html {
	overflow: scroll; /* show scrollbars to prevent funny page jumping between different length pages */
}

body {
	width: 100%;
	padding: 0 0 1em 0; /* alter this if you want to pad the site from the top or bottom */
	text-align: center;
}

/* wrapper to locate page to centre in all browsers */
#wrapper { 
	margin: 0 auto;
	width: 940px; 
	text-align: left;
} 

/* container needed to style containing bars */
#container { 
	float: left;
	width: 940px;
	background: url('/images/template/header-bg.png') repeat-x;
}

#headerBar { 
	float: left;
	position: relative;
	width: 940px;  
	height: 168px;
	margin: 0;
	padding: 0;
}

	#headerBar ul {
		float: right;
		width: 160px;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
		#headerBar ul li {
			float: left;
			width: 22px;
			height: 13px;
			margin: 10px 0 0 5px;
			overflow: hidden;
		}
		
		#headerBar li a {
			height: 14px;
			display: block;
			text-decoration: underline;
			text-indent: -9999px;
		}
		
		#headerBarImg { 
			position: absolute;		
			right: 320px;
			margin: 40px 0 0 0;
			width: 230px;
			height: 130px;
		}
		
		#searchBox {
			width: 230px;
			right: 20px;
			position: absolute;
			margin: 130px 0 0 0;
			background: url('/images/template/header/search-bg.png') repeat-x;
			height: 27px;
		}
		
			#searchBox .inputField{
				font-size: 1em;
				border:0;
				width: 190px;
				float: left;
				margin-top: 2px;
				margin-left: 10px;
			}
			
			
				#searchBox .searchButton{
					width: 25px;
					float: left;
					height: 25px;
					border:0;
					background: 0;
					cursor: pointer;
					text-indent: -9999px;
					color: transparent;
					overflow: hidden;
					font-size: 0;
					line-height: 0;
				}
			
		.login {
			float: left;
			height: 50px;
			margin:0 0 0 -120px;
			padding: 0;
			position: relative;
		}
		
		
		#countrySelector .uk{ background: url('/images/template/header/flags/uk.jpg') no-repeat;}		
		#countrySelector .france { background: url('/images/template/header/flags/france.jpg') no-repeat;}
		#countrySelector .germany { background: url('/images/template/header/flags/germany.jpg') no-repeat;}
		#countrySelector .italy { background: url('/images/template/header/flags/italy.jpg') no-repeat;}
		#countrySelector .spain { background: url('/images/template/header/flags/spain.jpg') no-repeat;}
		
		#logo {
			width: 325px;
			height: 80px;
			margin: 50px 0 0 10px;
			float: left;
			text-indent: -9999px;
			background: url('/images/template/header/logo.png') no-repeat;
		}
	
#pageMenu {
	width: 940px;
	height: 34px;
	list-style-type: none;
	float: left;
	margin: 0 0 5px;
	padding: 0;
}
	
	#pageMenu li {
		float: left;
		display: inline;
		margin: 0;
	}
	
	#pageMenu li a {
		display: block;
		line-height: 34px;
		text-decoration: none;
		padding: 0 18px;
		color: #1f4655;
		font-weight: bold;
		
	}
	
		#pageMenu li a:hover {
			color: #fff;
			background: url('/images/template/menu-bg-over.png') repeat-x;
		}
		
		#homePage #homeLink a, 
		#companyPage #companyLink a, 
		#punchesanddiePage #punchLink a, 
		#stealandcoatingPage #techLink a, 
		#punchanddiemainPage #maintenanceLink a,
		#supportPage #supportLink a,
		#quotePage #quoteLink a { 
			color: #fff;
			background: url('/images/template/menu-bg-over.png') repeat-x; 
		}
		 
#mainWrapper {
	width: 940px;
	float: left;
	background: #fff;
}


	#mainBar { 
		display: block;
		width: 940px; 
		float: left; 
		margin: 0 0 10px 0;
		padding: 0;
		background: #fff;
	}	
		.first { margin-left: 0 !important; }
		.last { margin-right: 0 !important; }
	
		.halfColumn {
			width: 464px; 
			margin: 0 6px 10px;
			float: left;
		}	
		
	
		/* half column SM for columns with side menu */ 
			.halfColumnSM {
				width: 379px;
				margin: 0 6px 10px;
				float: left;
			} 

			/* half column SM for columns with side menu */ 
			.twoThirdsColumnSM {
				width: 510px; 
				margin: 0 6px 10px;
				float: left;
			}

			/* half column SM for columns with side menu */ 
			.thirdColumnSM {
				width: 248px; 
				margin: 0 6px 10px;
				float: left;
			}
			
		.quarterColumn {
			width: 226px; 
			margin: 0 6px 10px;
			float: left;
		}
			
			/* half column SM for columns with side menu */ 
			.quarterColumnSM {
				width: 183px; 
				margin: 0 6px 10px;
				float: left;
				background: #eee;
			}
		
		.map {  float: right; width: 360px; margin: 5px 0;  }
		
		.blockHeading {
			background: #2B8FB1;
			color: #fff;
			padding: 3px 20px;
			font-size: 13px;
			margin-left: 0;
			margin-right: 0;
			font-weight: normal;
		}
		
		.homeBox { width: 770px; float: left;}
		
	#sideMenu {
		float: left;
		width: 170px;
		margin-bottom: 10px;
		background-image: url('/images/template/sidemenu/bg.png');
		background-repeat: no-repeat;
		background-position: 0 52px;
		padding-bottom: 30px;
	}
		
		#sideMenu h2 {
			background: url('/images/template/sidemenu/header.png');
			height: 52px;
			margin: 0;
			padding: 0;
		}
		
			#sideMenu h2 span {
				padding-left: 25px;
				margin-top: 10px;
				display: inline-block;
				vertical-align: middle;
				position: relative;
				top: auto;
				bottom: auto;
				background-image: url('/images/template/sidemenu/arrow.png');
				background-repeat: no-repeat;
				background-position: 10px 50%;
			}
		
		#sideMenu ul, #sideMenu ol {
			margin: 10px 0 0 0;
		}
		
	

		
			#sideMenu li {
				background-image: url("/images/template/sidemenu/arrow.png");
				background-position: 10px 8px;
				background-repeat: no-repeat;
				display: block;
				float: left;
				line-height: 2em;
				margin: 0;
				padding: 0;
				text-indent: 8px;
				width: 170px;
			}

			
			#sideMenu .subMenu { margin:0;font-size:1em;}
			#sideMenu .subMenu li{ text-indent:30px;}
			
			#sideMenu li:hover,
			.currentSideLink
			{
				background-image: url('/images/template/sidemenu/grad.png');
				cursor: pointer;
			}
		
	#contentBar {
		float: left;
		width: 770px;
		margin-bottom: 10px;
	}
	
		#contentBar h1 {
			background: url('/images/template/body-header-bg.png');
			line-height: 52px;
			text-indent: 20px;
			font-weight: normal;
			color: #143b4a;
			margin: 0;			
		}
	
		#contentBar .Img  { 
			float: left; 
			width: 280px; 
			margin: 10px 20px 20px 20px;
			}
		
		#contentBar table { 
			width:350px; 
			margin: 10px 10px 10px 20px; 
			}
			
		#contentBar th { 
			background-color: #37a3ca;	
			padding-left: 5px;	
			color: #fff; 
			font-size: 1.2em; 
			}
		
		#contentBar td { 
			padding-top: 5px;	
			font-size: 1em; 
			}
		
		
		.box{
			
			border: 1px solid #999;
			background: #eee;
			margin-top: 15px;
			width: 320px;
		}
		
		.box img {width: 130px; margin: 5px 12px 12px 5px; padding: 0 0 10px 0; float: left; }
		.box p { margin: 10px 10px 0 0; font-size: 1.1em;}
		
		
		.sideInfo .productList {
			background: #eee;
			width: 270px;
			margin-left: 20px;
		}
		
		.sideInfo .productList li {
			line-height: 2.5em;
			margin: 0 0 0 30px;
		}
		
		.sideInfo img {
			padding: 10px;
			border: 1px solid #999;
		}
		
		
		
		
		
		.reqInfo {
			display: inline;
			background: #6DABC5;
			color: #fff !important;
			padding: 5px;
		}
			.reqInfo:hover {
				color: #fff !important;
			}
		
	.bodyImg {
		margin: 10px;
		padding: 10px;
		border: 1px solid #999;
	}
	
	.fame-list { width:745px; float: left; border: 1px solid #999; padding: 0 0 10px 0; margin: 20px 0 0 20px;}
	.fame-list img { margin:10px 20px 20px 20px; float: left;}
	.fame-image { margin:20px 0 0;}
	
	.newsWrap {margin: 20px 0 0 20px; padding: 0 0 50px 0; border: 1px solid #999;}
	.newsWrap img { margin: 5px 20px 10px 10px; float: left; border: 1px solid #999; padding:5px;}
	
	.eventWrap {margin: 20px 0 0 20px; padding: 0 0 30px 0; border: 1px solid #999;}
	.eventWrap img { margin: 10px 20px 0 10px; float: right; border: 1px solid #999; padding:5px; }	
	
	.caseWrap div {margin: 20px 0 10px 20px; padding: 0 0 10px 0;   border: 1px solid #999;}
	.caseImg { float: left;  margin: 10px;}
		
	.incWrap div {float: left; width: 750px; margin: 20px 0 10px 20px; padding: 0 0 10px 0;   border: 1px solid #999;}
	.incImg { float: left;  margin: 15px 10px 0 10px;}	
		
	.downloadWrap div {margin: 20px 0 10px 20px; padding: 0 0 10px 0;   border: 1px solid #999;}
	
#subFooterBar { 
	float: left; 
	width: 940px; 
	background: #deedf1;
	margin: 5px 0 0 0;
	padding: 0;
}	

#footerBar { 
	float: left; 
	width: 940px; 
	height: 30px;
	background: #deedf1;
	margin: 2px 0 2px 0;
	padding: 0 0 2px 0;
}

.notopmargin {
	margin-top: 0 !important;
	}
	
#fullColumn .catList li { float: left; width: 200px; border: 1px solid #000;}
.leftBorder { border-left: 1px solid #eee; }


#player97 { margin:10px 0 0 20px; }
