@charset "utf-8";
/* CSS Document */


html {width:100%; background-color:#fff;margin-left: auto; margin-right: auto;}

body {width:100%; background-color:#fff;font-size: 0.9em;	font-family: arial, helvetica, sans-serif;
text-align: justify;margin-left: auto; margin-top: 0px;margin-right: auto; }

#wrapper {width: 832px;height: 100%; margin-top: 0px; margin-left: auto; margin-right: auto; }
.clearer{clear:both;}

/* TOP HORIZONTAL NAVIGATION */
#mastheadbg {width: 100%; height: 70px;margin-left: auto;margin-right: auto;background-image:url(IMAGES/mastheadbg.jpg); background-repeat:repeat-x; background-position: bottom;}
#masthead {width: 832px; height: 70px;margin-left: auto;margin-right: auto;margin-top: 0px;margin-bottom: 0px; background-image:url(IMAGES/mastheadbg.jpg); background-repeat:repeat-x; background-position: bottom; }

#logo {float: left; position: relative; width: 300px; height: 70px;margin-left: auto; margin-right: auto; }
#logo img {float: left; position: relative; padding-left: 0px; padding-top: 0px;}

.mainNav {float:left; position: relative;	margin-right: auto;	margin-left: auto;	height: 46px; 	width:450px;color:#333; 	font-size: 0.75em; 	font-family: Arial, Helvetica, Arial, Sans-Serif; }

.mainNav ul {	margin:0; color:#333;	padding:0; float: left;	position: relative;display:inline;}

.mainNav ul li {	list-style:none; display:inline; 	float:left;position: relative; color:#333;
	padding:0;	margin:0; background-image:url(IMAGES/navdiv.jpg);	background-position: right bottom; background-repeat:no-repeat; }
	
.mainNav ul li a {	float:left; 	display:block;	color:#333; font-weight: bold;
	padding: 1.43em 1em 1.44em 1em;	margin-top:0px;	text-decoration:none; margin-left: 0px;	 }
	
.mainNav ul li a:link {	float:left; 	display:block;	color:#333; font-weight: bold;
	margin-top:0px;	text-decoration:none; margin-left: 0px;	}
	
.mainNav ul li a:visited {	float:left; 	display:block;	color:#333; font-weight: bold;	margin-top:0px;
	text-decoration:none; margin-left: 0px;	}

.mainNav ul li a:hover {	text-decoration:none;	color: #999; font-weight: bold; }

.mainNav ul li a:active {	text-decoration:none;	color: #999; font-weight: bold;}

.mainNav ul li.on a  {	text-decoration:none;	color: #1981b0;font-weight: bold;	margin-left: 0px;}
	
#flags {height: 40px; width: 50px;  float: left; position: relative; margin-top: 5px;}
#flagUK {height: 10px; width: 15px; float: left; position: relative;margin: 2px; border: 3px solid #fff;}
#flagPL {height: 10px; width: 15px; margin: 5px;  float: left; position: relative;margin: 2px; border: 3px solid #fff;}
#flagUKSel {height: 10px; width: 15px; margin: 5px;  float: left; position: relative;margin: 2px; border: 3px solid #fff;}
#flagPLSel {height: 10px; width: 15px; margin: 5px;  float: left; position: relative;margin: 2px; border: 3px solid #fff;}

#headline {float: right; position: relative; width: 500px; }

#flashHolder {display: none;  width: 832px; height: 247px; position: relative; padding-top: 5px; }

#flashMain {float: left; width:640px; height: 247px; position: relative; background-color:#fff; }


.flashButton {width: 187px; height: 79px; background-color: #FFf;float: left; margin-bottom: 5px;margin-left: 5px;}



#topbg {height: 30px;margin-left: auto;margin-right: auto;}

#top {height: 100px;width: auto;margin-left: auto;margin-right: auto; margin-top: 0px; padding-left: 10px; }

#top img {margin-top: 10px;}

#banner {width: 100%; height: 90px;background-color: #FFF;margin-left: auto;margin-right: auto;border-top: 5px solid #FFF;}

h1, h2, h3, h4 {font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
h1 {color: #1981b0; font-size: 2.0em; }
h2 { color: #333; font-size: 1.7em;}

h3 {color: #666; font-size: 1.8em;}

h4 {color: #999; font-size: 1.2em;}



#content {float: left; position: relative; background-color: #fff; 
	margin-left: auto; margin-right: auto;  margin-top: 0px; padding-top: 5px;
	padding-bottom: 15px;	width: 832px;}

#content p { color: #fff; margin-right: auto; margin-left: auto;}

#content ul {padding-right: 20px;padding-left: 20px;color: #fff;}

#content li {margin-left: 20px;color: #fff;}

#content li {margin-left: 20px;color: #000;}

#content form {  width: 99%; margin-left: auto; margin-right: auto;}

#contentText {font-size: 1.4em;width: 832px;  float: left; margin-top: 10px; margin-left: 5px; margin-bottom: 5px; padding-bottom: 15px; color: #333; background-color: #fff; padding-top: 0px; padding-left: 10px; padding-right: 10px; }
#contentText h1 {padding-top: 0px; margin-top: 0px;}
#contentText p {color: #333;}

#contentText form {width: 100%; margin-left: auto; margin-right: auto;}
#contentText td {width: 33%; padding: 3px; border-bottom: 1px dotted #fff;border-right: 1px dotted #fff;  }
#contentText table {border-left: 0px dotted #ccc; border-top: 0px dotted #ccc;}

#contentContent {height: auto; width: 800px; padding-right: 5px; padding-left: 0px; font-size: 0.8em;}

.joblinks{ font-family: Arial, Helvetica, sans-serif;	font-size: 1.0em; font-weight:normal; color: #333; text-decoration: none; padding: 3px;}

a:link.joblinks {	font-family: Arial, Helvetica, sans-serif;font-size: 1.0em; font-weight: normal; color: #333; text-decoration: none;padding: 3px;}

a:visited.joblinks{	font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: normal; color: #333; text-decoration: none;padding: 3px;}

a:hover.joblinks{font-family: Arial, Helvetica, sans-serif;font-size: 1.0em; font-weight: normal; color: #7bbc00;  text-decoration: underline;padding: 3px;}

a:active.joblinks{font-family: Arial, Helvetica, sans-serif;	font-size: 1.0em; font-weight: normal; color: #ccc; text-decoration: underline;padding: 3px; }

p.Micro {display: none;}
table.Micro {	font-family: helvetica, arial, sans-serif;font-size:1.0em; color:#000; border-collapse:collapse; text-align: left;}
tr.MicroHeader {background-color:#b50041; color: #fff; text-align: left; font-size: 1.0em;}
tr.MicroItem { padding:2px; margin-left: 5px;background-color: #f5f5f5;text-align: left;}
tr.MicroAltItem { padding:2px; background-color: #fff;text-align: left;}
.apply {font-size: 1.3em; color: #b50041; font-weight: bold;}
title {font-size:1.3em; font-weight:bold; color:#b50041; padding:5px; text-align: left; }
bold, strong {color: #000; font-weight: bold;}
hr {display: none;}
a {color: #333; text-decoration: none;}
a:link {color: #333; text-decoration: underline;}
a:visited {color: #333; text-decoration: underline;}
a:hover {color: #1981b0; text-decoration: underline;}
a:active {color: #ccc; text-decoration: underline;}

#footerContent { font-family: Arial, Helvetica, sans-serif; width: 100%; margin-right: auto; margin-left: auto; background-color: #fff; float: left; position: relative; border-top: 1px solid #999;}

#footerContainer { width: 832px;  margin-left: auto; margin-right: auto;}

#footer {background-color: #fff;font-family: Arial, Helvetica, sans-serif; margin-top: 0px;margin-left: auto; margin-right: auto; width: 832px; height: auto;  color: #999; height: 40px; padding: 10px 0px 0px 0px; font-size: 0.75em;  }

#footer a { font-family: Arial, Helvetica, sans-serif; margin: 0 0.5em; font-weight: normal;  }
#footer a:link, #footer a:visited { font-family: Arial, Helvetica, sans-serif; color: #999; text-decoration: none; }
#footer a:hover, #footer a:focus { font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none; }
#footer a img { border: none; float: left; margin: 0px 9px 0 15px;  }
#footer a.hayslogo { border: none; }


/* FOOTER TEST */
#footerContentTEST { font-family: Arial, Helvetica, sans-serif; width: 100%; margin-right: auto; margin-left: auto; background-color: #fff; float: left; position: relative; border-top: 1px solid #999;}

#footerContainerTEST { width: 832px; height: 43px;  margin-left: auto; margin-right: auto;}

#footerTEST {background-color: #fff;font-family: Arial, Helvetica, sans-serif; margin-top: 0px;margin-left: auto; margin-right: auto; width: 832px; height: auto;  color: #999; height: 43px; padding: 0px 0px 0px 0px; font-size: 0.75em;  }
#footerTextTEST {padding: 10px;}

#footerTextTEST a { font-family: Arial, Helvetica, sans-serif; margin: 0 0.5em; font-weight: normal;  }
#footerTextTEST a:link, #footerTextTEST  a:visited { font-family: Arial, Helvetica, sans-serif; color: #999; text-decoration: none; }

#footerTextTEST a:hover, #footerTextTEST  a:focus { font-family: Arial, Helvetica, sans-serif; color: #002776; text-decoration: none; }
#footerTEST a img { border: none; float: left; margin: 0px 9px 0 15px;  }
#footerTEST a.hayslogo { border: none; }


/* SHARE */

.share {padding:4px 4px 2px 4px; height:20px; width:225px;  background: url(http://www.hays.com/jobs/STYLEAPPS/share/share_bar.gif) no-repeat; float:right; margin: -35px 0 0 0;  }
.addthis_button_expanded { padding-bottom:2px; font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left;}
#share_icons {float:left; padding: 1px 9px 0 4px;}

/*********** #navBar link styles ***********/

#leftPic{	clear:both;	float: left;	width: 189px;	height:189px;	margin-top: 0px;
	margin-right: 0px;	margin-bottom: 15px; padding-bottom: 0px;	margin-left: 0px;	padding-top: 0px;
	padding-right: 0px;	padding-left: 0px;	
	display: block;  background-image:url(IMAGES/navbg.jpg); background-position: left top; background-repeat:no-repeat;}

#navBar{display: none;	clear:both;	float: left;	width: 159px;	height:auto;	margin-top: 5px;
	margin-right: 0px;	margin-bottom: 10px; padding-bottom: 0px;	margin-left: 0px;	padding-top: 0px;
	padding-right: 0px;	padding-left: 0px;	border-bottom: 0px solid #74A6C7;	
	display: block;  background-image:url(IMAGES/navbg.jpg); background-position: left top; background-repeat:no-repeat;}

#navBar ul {display: none;	list-style: none; margin: 0px; padding: 0px; width: 159px; margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 0px;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */

#navBar li {border-bottom: 0px solid #FFF;  }

#navBar ul li{list-style: none; margin: 0px; padding: 0px; border-bottom:0px solid #fff;}

#navBar ul li a{	list-style: none; 	margin: 0px; margin-bottom: 5px; padding-top: 8px;	padding-right: 5px;	padding-bottom: 8px; 	padding-left: 5px; border-bottom:0px solid #fff; }

/* fix for browsers that don't need the hack */

html>body #navBar li {border-bottom: none; margin: 0px; }


/*********** .sideLinks styles ***********/

.sideNavLinks{	color: #333;	font-family: Arial, sans-serif;	font-size: 1.0em;	padding-top: 1px;	padding-right: 1px;	padding-bottom: 1px;	padding-left: 0px;	clear: both;	margin-top: 10px;	margin-right: 0px;	margin-bottom: 0px;	margin-left: 0px;}

.sideNavLinks ul {	display: block; color: #333; text-decoration: none;	margin: 0px; margin-bottom: 30px;}

.sideNavLinks ul li {	display: block; 		color: #333;
	text-decoration: none;	margin: 0px;}

.sideNavLinks a:link {	display: block; text-decoration: none;	 color: #333;	
	padding-top: 3px;	padding-right: 3px;	padding-bottom: 3px;	padding-left: 6px; border-bottom: 1px solid #fff;}

.sideNavLinks a:visited {	display: block;  text-decoration: none;	padding-top: 3px;	padding-right: 3px;	padding-bottom: 3px;	padding-left: 6px;color: #333;	border-bottom: 1px solid #fff;}

.sideNavLinks a:hover{	display: block; 	
	text-decoration: none;		padding-top: 3px;	padding-right: 3px;	padding-bottom: 3px;	padding-left: 6px; color: #999;border-bottom: 1px solid #ccc;	}

.sideNavLinks a:active{	display: block; text-decoration: none;	 color: #333;	
	padding-top: 3px;	padding-right: 3px;	padding-bottom: 3px;	padding-left: 6px;border-bottom: 1px solid #fff;}

.sideNavLinksSel{	font-family: Arial,sans-serif;	color: #fff;	margin-top: 0px;	margin-right: 0px;
	margin-bottom: 1px;	margin-left: 0px;	font-size: 1.0em; text-decoration: none;	padding-top: 1px;	padding-right: 1px;
	padding-bottom: 1px;	padding-left: 0px;	clear: both;}

.sideNavLinksSel a:link{	padding-top: 3px;	padding-right: 3px;
	padding-bottom: 3px;	padding-left: 6px;	text-decoration: none;	clear: both;	display: block; color: #1981b0;	background-color: #f5f5f5;}

.sideNavLinksSel a:visited{		
	padding-top: 3px;	padding-right: 3px;	padding-bottom: 3px;	padding-left: 6px;
	text-decoration: none;	clear: both;	display: block;  color: #1981b0;	background-color: #f5f5f5;}

.sideNavLinksSel a:hover{	
	padding-top: 3px;	padding-right: 3px;	padding-bottom: 3px;	padding-left: 6px;
	text-decoration: none;	clear: both;	display: block; color: #1981b0;	background-color: #f5f5f5; }

.sideNavLinksSel a:active{	
	padding-top: 3px;	padding-right: 3px;
	padding-bottom: 3px;	padding-left: 6px;	text-decoration: none;	clear: both;	display: block; color: #1981b0;	background-color: #f5f5f5;}

.sideNavLinksSel ul {display: block; color: #fff;	text-decoration: none;	margin: 0px;}

.sideNavLinksSel ul li {display: block; color: #fff;	text-decoration: none;	margin: 0px;}


/************* #side Nav Lang styles ***************/
#navBarLang{	clear:both;	float: left;	width: 159px;	height:auto;	margin-top: 5px;
	margin-right: 0px;	margin-bottom: 10px; padding-bottom: 0px;	margin-left: 0px;	padding-top: 0px;
	padding-right: 0px;	padding-left: 0px;	border-bottom: 0px solid #74A6C7;	
	display: block;  background-image:url(IMAGES/navbg.jpg); background-position: left top; background-repeat:no-repeat;}

#navBarLang ul {list-style: none; margin: 0px; padding: 0px; width: 159px; margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 0px;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */

#navBarLang li {border-bottom: 0px solid #FFF;  }

#navBarLang ul li{list-style: none; margin: 0px; padding: 0px; border-bottom:0px solid #fff;}

#navBarLang ul li a{	list-style: none; 	margin: 0px; margin-bottom: 5px; padding-top: 8px;	padding-right: 5px;	padding-bottom: 8px; 	padding-left: 5px; border-bottom:0px solid #fff; }

/* fix for browsers that don't need the hack */

html>body #navBarLang li {border-bottom: none; margin: 0px; }


.sideNavLinksLang{	color: #333;	font-family: Arial, sans-serif;	font-size: 1.0em;	padding-top: 100px;	padding-right: 1px;	padding-bottom: 1px;	padding-left: 0px;	clear: both;	margin-top: 30px;	margin-right: 0px;	margin-bottom: 0px;	margin-left: 0px;}

.sideNavLinksLang ul {	display: block; color: #333; text-decoration: none;	margin-bottom: 0px; margin-left: 0px; margin-right: 0px;margin-top: 30px;	}

.sideNavLinksLang ul li {	display: block;	color: #333; text-decoration: none;	margin-top: 30px;	}

.sideNavLinksLang a:link {	display: block; text-decoration: none;	 color: #333;	
	padding-top: 3px;	padding-right: 3px;	padding-bottom: 3px;	padding-left: 6px; border-bottom: 1px solid #fff;}

.sideNavLinksLang a:visited {	display: block;  text-decoration: none;	padding-top: 3px;	padding-right: 3px;	padding-bottom: 3px;	padding-left: 6px;color: #333;	border-bottom: 1px solid #fff;}

.sideNavLinksLang a:hover{	display: block; 	
	text-decoration: none;		padding-top: 3px;	padding-right: 3px;	padding-bottom: 3px;	padding-left: 6px; color: #999;border-bottom: 1px solid #ccc;	}

.sideNavLinksLang a:active{	display: block; text-decoration: none;	 color: #333;	
	padding-top: 3px;	padding-right: 3px;	padding-bottom: 3px;	padding-left: 6px;border-bottom: 1px solid #fff;}

.sideNavLinksLangSel{	font-family: Arial,sans-serif;	color: #fff;	margin-top: 0px;	margin-right: 0px;
	margin-bottom: 1px;	margin-left: 0px;	font-size: 1.0em; text-decoration: none;	padding-top: 1px;	padding-right: 1px;
	padding-bottom: 1px;	padding-left: 0px;	clear: both;}

.sideNavLinksLangSel a:link{	padding-top: 3px;	padding-right: 3px;
	padding-bottom: 3px;	padding-left: 6px;	text-decoration: none;	clear: both;	display: block; color: #1981b0;	background-color: #f5f5f5;}

.sideNavLinksLangSel a:visited{		
	padding-top: 3px;	padding-right: 3px;	padding-bottom: 3px;	padding-left: 6px;
	text-decoration: none;	clear: both;	display: block;  color: #1981b0;	background-color: #f5f5f5;}

.sideNavLinksLangSel a:hover{	
	padding-top: 3px;	padding-right: 3px;	padding-bottom: 3px;	padding-left: 6px;
	text-decoration: none;	clear: both;	display: block; color: #1981b0;	background-color: #f5f5f5; }

.sideNavLinksLangSel a:active{	
	padding-top: 3px;	padding-right: 3px;
	padding-bottom: 3px;	padding-left: 6px;	text-decoration: none;	clear: both;	display: block; color: #1981b0;	background-color: #f5f5f5;}

.sideNavLinksLangSel ul {display: block; color: #fff;	text-decoration: none;	margin-top: 30px;	}

.sideNavLinksLangSel ul li {display: block; color: #fff;	text-decoration: none;	margin-top: 30px;}



	

