/* CSS Document */

/* set all padding and margin to 0 */
* { 
	margin: 0;
	padding: 0;	

}

	
.clearFloat {
		
	clear: both;	
}
	

body {

	background-color: #FFFFFF;
	font: normal normal normal 12px Arial, Geneva, sans-serif; 
	color: #575757;	
	margin-bottom: 30px;
	
}
	
body a {
	
	text-decoration: none;
}
	
body a img {
		
	border: 0;	
}
	
	
.sitelink a {

	text-decoration: none;
	color: #373737;	
}
	
	
.sitelink a:hover {

	color: #A3A9B6;	
}

.sitelink a.small {
	
	font-size: 11px;
	letter-spacing: 2px;
	font-weight: bold;
}

.awBlue {

	color: #156FC6;
	
}

.awGrey {
	
	color: #575757;	
}

.awLightGrey {
	
	color: #A3A9B6;	
}

.largerFont {

	font-size: 14px;	
}


.smallerFont {

	font-size: 11px;	
}

h1.htmlContent {
	
	display: none;
}

h2 {

	font-size: 16px;
}

#centerCol h2 {

	padding-bottom: 13px;	
}




h3 {

	font-size: 13px;
	padding: 10px 0 5px 0;			
}

h3.centreText {

	text-align: center;
	padding: 0;	
}

h3.career {
	
	padding-top: 0;
	position: relative;
	top: -10px;	
}

h3.noPad {
	
	padding: 0;	
	
}

.leftpad5 {
	
	padding-left: 5px;	
}

.leftpad10 {
	
	padding-left: 10px;	
}

.leftpad15 {
	
	padding-left: 15px;	
}

.red {

	color: #FF0000;	
}

/* the shell is set width auto left and right margins to centre the div on the screen */

#shell {
	
	display: block;		
	width: 1000px;
	padding: 5px 0px;		
	margin-left:   auto;
	margin-right:   auto;
	background-color: #FFFFFF;
	background-image: url(images/pageShadow.gif);
	background-repeat: repeat-y;
	position: relative;	
	padding-top: 20px;
}

#footerShadow {
	
	position: relative;
	display: block;		
	width: 1000px;
	margin-left:   auto;
	margin-right:   auto;	
}

#wrapper {
	
	position: relative;
	display: block;		
	width: 1000px;
	padding: 0 25px;		
}


	/* the logo is embedded into the html code and is set as a background */
#logo	{ 
		
	height: 83px;
	position: relative;
	top: 0px;
	width: 950px;
	
}

#logoLink {
	
	position: relative;
	top: 3px;
	left: -4px;
	margin-top: 0px;	
}

#AmpcontrolLogoLink {
	
	position: absolute;
	top: 18px;
	left: 370px;
	margin: 0;
	padding: 0;
	width: 350px;	
}

#languageSelect {
	
	position: absolute;
	top: 10px;
	right: 5px;
	color: #575757;
}
	
#languageSelect a img {
	
	margin-left: 5px;
}

#searchFormHolder {
	position: absolute;
	top: 38px;
	right: -1px;
	height: 30px;
	background-image: url(images/searchOverlay.gif);
	background-position: left;
	background-repeat: no-repeat;
	width: 155px;	
}

#searchForm {
	
	display: inline;		
	margin: 0;
	padding: 0;
	z-index: 10;
	width: 160px;	
}	
	


	
#searchForm input.search {
	background-color: transparent;		
	background-image: url(images/searchGlass.gif);
	border: 0;
	cursor: pointer;
	height: 30px;
	width: 25px;
	position: absolute;
	left: 0;
}
	
#searchForm input.searchbox {
		
	width: 120px;
	font-size: 11px;
	padding-left: 2px;
	border: 1px solid white;
	height: 17px;
	margin-left: 20px;
	position: absolute;
	top: 8px;
	left: 0;
	color: #777777;
	}	

#slideshowHolder {
	
	position: relative;
	width: 950px;
	margin-bottom: 15px;
}

#slideShowContainer {
	
	position: relative;
	left: 157px;
	top: 0px;	
	width: 793px;
	height: 180px;
	z-index: 0;
	background-image: url(images/opening_holder.jpg);
	background-repeat: no-repeat;
	background-position: top left;	
}

#menuHolder {
	
	width: 950px;
	position: relative;
	
}

#menuOverlay {
	
	position: absolute;
	top: 0px;
	left: 0px;	
	z-index: 2;
}

#strapline {
	
	position: absolute;
	top: 80px;
	left: 3px;
	z-index: 10;		
}
	

		
#contentMain {
		
	
	/*  border: 1px solid red;	*/
	width: 950px;

}

#contentMain p {
	
	text-align: justify;
	padding: 5px 10px;	
}

#contentMain p.noLeftPad {
	
	padding-left: 0;
	
}


#leftCol {
	
	/* border: 1px solid yellow; */
	width: 275px;	
	position: relative;
	top: 0;
	left: 0;

}


#people {
	
	margin-top: 20px;
	position: absolute;
	bottom: -10px;
	left: 8px;
}

#contactPeople {

	position: absolute;
	top: 92px;
	left: 135px;
	
		
}

#people span {
	
	position: absolute;
	top: 120px;
	left: 140px;
	width: 200px;
	color: #575757;
	
}

#people a {

	color: #575757;	
	font-weight: bold;	
		
}

#people a:hover {
	
	color: #A3A9B6;	
}


#certifications {
	
	
	width: 660px;
	position: absolute;
	bottom: -10px;
	right: 80px;
	border-top: 1px solid #D8D8D8;
}

#certifications img {
	
	float: right;
	margin-bottom: 5px;	
	margin-left: 10px;
}

#centerCol {
	
	width: 445px;	
	float: right;
	margin-bottom: 60px;
}

#centerCol.locations {

	width: 670px;	
}

#centerCol.products {

	border-right: 1px solid #D8D8D8; 
	padding-bottom: 100px;
	width: 425px;
	padding-right: 15px;	
}



#rightCol {
	
	/* border: 1px solid red; */
	width: 215px;
	margin-left: 5px;		
	float: right;
	padding-left: 0px;
}

#productLinks {
	
	list-style: none;	
	position: relative;
	padding-bottom: 155px;

}

#productLinks li {

	position: relative;
	display: block;
}

#productLinks li p {

	position: absolute;
	top: 35px;
	left: 15px;
	padding: 0;
	width: 140px;
	text-align: left;
	
}

#productLinks li ul {
	
	position: absolute;
	top: 90px;
	left: 10px;
	z-index: 50;

}

#productLinks ul.productLinks {

	list-style: none;
	width: 145px;	
	background-color: #1C589D;
	/* overflow: hidden; */
	display: none;
	position: absolute;
	top: 23px;
	left: 0px;
	border-bottom: 10px solid #2F81DC;

}

#productLinks ul.productLinks li {
	
	width: 145px;	
	position: relative;
	display: block;
	border-bottom: 1px solid #499FFF;
		
}


#productLinks ul.productLinks li a {
	
	font: normal 11px Verdana;
	color: #FFFFFF;
	text-align: left;	
	width: 145px;		
	padding: 5px;
	text-decoration: none;
	display: block;
	width: 145px;	
	position: relative;
	top: 0;
	left: 0;
}	

#productLinks ul.productLinks li a:hover {

	color: #499FFF;
	
}

#productLinks ul.productLinks li.closeList {

	padding: 0;
	padding-top: 5px;
	border-bottom: none;	

}

#productLinks ul.productLinks li.closeList p {

	padding: 0;
	padding-right: 5px;
	width: 80px;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	position: relative;
	left: 60px;
	top: 0;
	display: block;
	text-align: right;
}

#productLinks ul.productLinks li p span {
	
	color: #499FFF;
	
}


#latestNewsBox {
	
	position: relative;
	background-image: url(images/newsboxShadow.gif);
	background-repeat: repeat-y;
	height: 100%;
	width: 215px;
	padding-bottom: 0px;
	margin-left: 5px;	

	
}


#latestNewsBox img {
	
	margin: 0;
	padding: 0;
	width: 215px;
	display: block;
	
}

#latestNews {

	list-style: none;
	position: relative;


	
}

#latestNews li {
	
	display: block;
	padding-left: 17px;
	padding-right: 17px;
}

#latestNews li a:hover {
	
	color: #A3A9B6;
}

#latestNews li p{

	padding: 0;	
	margin-bottom: 10px;
	text-align: left;
}

#archiveNewsBox {
	
	position: relative;
	background-image: url(images/newsArchiveShadow.jpg);
	background-repeat: repeat-y;
	width: 214px;
	padding-bottom: 0px;
	margin-left: 5px;
	margin-top: 15px;	

	
}

#archiveNewsBox img {
	
	margin: 0;
	padding: 0;
	display: block;
	
}

#archiveNews {

	list-style: none;
	position: relative;

}

#archiveNews li {
	
	display: block;
	padding-left: 17px;
	padding-right: 17px;
}

#archiveNews li a:hover {
	
	color: #A3A9B6;
}

#archiveNews li p{

	padding: 0;	
	margin-bottom: 10px;
	text-align: left;
}


#newsArchiveSearch {
	
	width: 200px;
	padding: 0;
	padding-left: 16px;
	margin: 5px 0px;
	position: relative;
	
}


#newsArchiveSearch select {
	
	color: #575757;	
	border: 1px solid #CCCCCC;
	position: relative;
	margin-top: 5px;
}

#newsArchiveSubmit {
	
	background-image: url(images/newsArchiveSubmit_off.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: transparent;
	width: 30px;
	height: 30px;
	border: none;
	cursor: pointer;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 1px;
	right: 10px;
}


#newsletterLink {
	
	margin-bottom: 60px;	
}

#enquiryLinkHolder {
	
	margin-top: 10px;	
	position: relative;
	margin-bottom: 30px;
		
}

#enquiryLinkHolder p {
	
	position: absolute;
	width: 100px;
	top: 35px;
	left: 10px;
	padding: 0;
	text-align: left;
	padding-left: 13px;
	padding-top: 5px;
}	




#requestedProductLinks {

	list-style: none;
}

#requestedProductLinks li {

	padding: 10px 0;			
}

#requestedProductLinks li a {

	color: #565656;
	font-weight: bold;
}

#productThumbnail {
	
	width: 210px;	
}

ul.generalList {
	
	margin: 0;
	padding: 0;
	padding-left: 15px;
	list-style-image: url(images/triangle_icon.gif);
	list-style-position: inside;	
}
	

ul.orangeIcon {
		
	list-style-image: url(images/triangle_icon_orange.gif);
}	
	
ul.generalList li {
	
	line-height: 20px;
}
	
	
ul.generalList li a {
		
	color: #000000;
	text-decoration: none;	
}
	
	
ul.generalList li a:hover {
		
	text-decoration: underline;	
}


table.statusTable {
		
	width: 95%;	
	display: block;
	margin: 0 auto;
}

		
table.statusTable td {

	width: 150px;
	text-align: right;
}
	
.header {
		
	font-weight: bold;
	font-size: 13px;
}
	
	
.orangeHeader {
	
	 color: #FF6600;
	 background-color: #FFFFFF;
	 font-weight: bold;
	 font-size: 13px;
}

#pdfLink {

	margin-top: 20px;
	margin-bottom: 10px;	
}


#siteMap {
	
	position: relative;
	width: 400px;
}

#siteMap ul {
	
	width: 200px;
	list-style: none;
}

#siteMap ul li {

	padding: 4px 0;	
	position: relative;
	left: 0px;
	
}

#siteMap ul li ul {

	top: 0;	

}

#siteMap ul li ul li {

	padding: 3px 0;
	position: relative;
	left: 40px;
}


#siteMap ul li ul li img {
	
	vertical-align: top;

}

#siteMap ul li ul li a {

	color: #575757;
	font-size: 12px;
	font-weight: bold;
	
}


#siteMap ul li ul li a.noLink {

	cursor: text;
	
}


#siteMap ul li ul li a:hover {

	color: #156FC6;
}

#siteMap ul li ul li ul {
	
	list-style: none;
	position: relative;
	left: 0px;
	
}

#siteMap ul li ul li ul li {

	padding: 2px 0;
	left: 30px;
	
}

#siteMap ul li ul li ul li a {
	
	color: #575757;
	font-size: 12px;
	font-weight: normal;
}

#siteMap ul li ul li ul li a:hover {
	
	color: #156FC6;
}

#terms {
	
	padding: 0;
	position: relative;
	top: 30px;
	left: 740px;
	width: 200px;
}

#terms a {
	width: 200px;
	display: block;	
	color: #A3A9B6;	
	font-size: 11px;
	text-align: right;
	

}

#terms a:hover {

	color: #575757;			
}


#contactForm {
	
	width: 436px;
	height: 500px;
	display: block;
	position: relative;
	margin-left: 10px;
	background-image: url(images/enquiryFormShadow.gif);
	background-repeat: repeat-y;
	background-position: top;
	margin-top: 10px;
}


#contactForm.careerEnquiry {

	height: 400px;
	
}


#contactForm p {
	
	position: relative;
	height: 30px;
}

#contactForm p label {

	width: 120px;
	display: block;
}

#contactForm p input {

	position: absolute;
	left: 160px;
	width: 250px;
	height: 20px;
	top: 0;
	padding: 2px 5px;
	background-image: url(images/textBoxShadow.gif);
	background-repeat: repeat-x;
	background-position: top left;
	border: 1px solid #CCCCCC;
	color: #575757;
}

#contactForm p input.mandatory {

	background-image: url(images/mandatoryFieldShadow.gif);
	background-color: #FEEAC7;		
}

#contactForm p textarea {
	
	position: absolute;
	left: 160px;
	top: 0;
	width: 250px;
	height: 120px;
	padding: 5px;	
	color: #575757;
	border: 1px solid #CCCCCC;

}

#contactForm p select {

	position: absolute;
	left: 160px;
	width: 260px;
	height: 25px;
	top: 0;
	background-image: url(images/textBoxShadow.gif);
	background-repeat: repeat-x;
	background-position: top left;
	border: 1px solid #CCCCCC;

}

#contactForm p select option {
	
	padding: 4px 5px;
	color: #575757;	
	border: 1px solid #CCCCCC;
}

#contactForm p input.browseSystem {
	
}

#contactForm input.selectedFile {
	
	width: 260px;		
	height: 25px;
	padding: 2px 5px;
	background-image: url(images/mandatoryFieldShadow.gif);
	background-color: #FEEAC7;	

}

#emailEnquiry {
	
	background-image: url(images/formSubmit.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 87px;
	height: 22px;
	position: absolute;
	bottom: -20px;
	left: 335px;
	cursor: pointer;
	border: 0;
	
}


#newsHolder {

	position: relative;
	
}

div.container {
	
	min-height: 250px;	

}


#newsHolder p {

	padding: 0;
	padding-top: 10px;
	
}

#slideshowPanel {
	
	position: absolute;
	top: 0;
	left: 342px;
	width: 102px;
	height: 250px;	
	background-image: url(images/slideshowPanel.jpg);
	background-repeat: no-repeat;
}




#imageHolder {
	
	width: 332px;
	background-image: url(images/slideshowShadow.jpg);
	background-repeat: repeat-y;
	padding: 0;
	
	
}

#imageHolder img {
	
	display: block;	
}


#actualImage {
	
	width: 315px;
	height: 234px;
	border: 1px solid #B6BEC1;
	display: block;
	margin-left: auto;
	margin-right: auto;	
}

div.locationDetails {
	
	border-bottom: 1px dashed #B6BEC1;
	position: relative;
	padding-bottom: 10px;
}

div.locationDetails p {
	
	width: 220px;
}


div.locationDetails p.translatedLocation {
	
	position: absolute;
	top: 31px;
	left: 230px;	
	
}


div.locationDetails div.googleLink {
	
	position: absolute;
	top: 15px;
	left: 462px;	
	width: 208px;	
	
}

div.locationDetails div.googleLink a {
	
	display: block;
	text-align: center;
	color: #FFFFFF;
	position: relative;
	top: -25px;	
	
}

div.locationDetails div.googleLink a:hover {

	color: #CCCCCC;	
}

div.locationDetails div.googleLink img {

	display: block;
	
}

div.locationDetails div.googleLink img.map {

	display: block;
	border-left: 5px solid #929292;
	border-right: 5px solid #929292;

}




#careerShortSummary {
	
	border-top: 1px  dashed #B6BEC1;
	border-bottom: 1px  dashed #B6BEC1;
	margin-top: 10px;	
	margin-bottom: 10px;
	padding-bottom: 12px;	
}

#careerShortSummary tr td {

	padding: 5px 0px;
}

table tr td.boldHeading {
	
	font-weight: bold;
	width: 100px;	
	
}

#careerContact {
	
	list-style: none;
	margin: 5px 0;	
}

#careerContact li {
	
	padding-top: 7px;	
}

table.careersList {
	
	width: 100%;
	border-bottom: 1px  dashed #B6BEC1;
}

table.careersList td {

	width: 100px;	
	padding: 15px 0;		
}

table.careersList td.jobTitle {

	width: 250px;	
}

table.displayCareer {
	
	border-bottom: none;
	
}

#careerHolder p.jobDescription {
	
	display: block;
	padding: 0;
	border-bottom: 1px  dashed #B6BEC1;
	padding-bottom: 30px;
		
}

#applyOnline {
	
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;	
}

#globalSupplierHolder {
	
	position: relative;	
	
}


#globalSupplierHolder p {
	
	position: absolute;
	padding: 0;
	top: 35px;
	left: 130px;
	width: 80px;	
}

#globalSupplierHolder p a {
	
	color: #FFFFFF;	
}

#globalSupplierHolder p a {
	
	display: block;
	margin-top: 5px;	
}


#globalSupplierHolder p a:hover {
	
	color: #CCCCCC;	
	
}

ul#historicalCompanies {
		
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: 10px;	
	
}

ul#historicalCompanies li {
		
	display: inline;
	color: #438AFF;
	font-size: 12px;	
	font-weight: bold;
	padding: 0 10px;
}

ul#thumbnails {

	list-style: none;	
	padding-left: 5px;
}

	
ul#thumbnails li {	
	
	display: inline;
	padding: 0 3px;
}


ul#thumbnails li img {	

	width: 138px;
}


#userSlideShow {
	
	width: 210px;
	height: 250px;
	background-image: url(images/userSlideShowBackground.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	position: relative;
	margin-left: 7px;
	margin-bottom: 10px;
		
}

#userSlideShow img.displaySlideShowImage {
	
	position: relative;
	top: 10px;
	left: 10px;
	width: 190px;
	height: 190px;
	
}

#userSlideShow p {
	
	position: relative;
	top: 20px;
	font-size: 10px;
	font-family: verdana;
	padding: 0;
	text-align: left;	
	
}


#goLeft {
	
	background-image: url(images/goLeft_Off.jpg);
	background-repeat: no-repeat;
	width: 26px;
	height: 28px;
	border: none;
	cursor: pointer;
	vertical-align: middle;
	margin-left: 0px;
	
}

#goRight {
	
	background-image: url(images/goRight_Off.jpg);
	background-repeat: no-repeat;
	width: 26px;
	height: 28px;
	border: none;
	cursor: pointer;
	vertical-align: middle;
	
}


#bsiLogo	{
		
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;	
}	


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

	
}	

ul.certificates li {

	position: relative;
	margin-bottom: 20px;	
}

ul.certificates img {
	
	width: 60px;
	height: 90px

}


ul.certificates p {
	
	
	width: 360px;
	position: absolute;
	top: 40px;
	left: 85px;
}

ul.certificates p a {
	
	float: right;	
	color: #2089D9;
	font-weight: normal;
	padding-right: 20px;

}