/*======= REMEBER TO CHECK IE STYLE SHEET - Safari 3.0 Fixes as botom of this stylesheet ========*/
 
 
 @charset "utf-8";

/* CSS Document */ /* html */
html {
	margin: 0;
	padding: 0;
	text-align: center;
}

/* body */
body {
	margin: 0px;
	padding: 0px;
	font: 76%/ 160% Arial, Helvetica, sans-serif;
	background-color: #1066b6;
	text-align: center;
	color: #000;
}

.clear {
	clear: both;
}

div#popup {
	background:#EFEFEF;
	border:1px solid #999999;
	margin:0px;
	padding:7px;
	width:300px;
}

/* keeps the whole thing central */
#container {
	width: 876px;
	margin: auto;
	padding-top: 0;
	background-color: #ffffff;
}

/* font styles */
.coloured_txt {
	color: #0055a4; 
}

.coloured_txt2 {
	color: #ffffff;
}
.coloured_txt3 {
	color: #0055a4;
}

.sml_txt{font-size:90%;}

/* Links */
a {
	outline: none;
}

a,a:link,a:active,a:visited {
	color: #000000;
}

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

a.coloured,a.coloured:link,a.coloured:active,a.coloured:visited {
	color: #fff;
	text-decoration: none;
	/*font-family:"Arial Narrow", Arial, tahoma, Verdana;
	font-size:16px;*/
}

a.coloured:hover {
	color: #000;
	text-decoration: underline;
}
a.coloured2,a.coloured2:link,a.coloured2:active,a.coloured2:visited {
	color: #fff;
	text-decoration: underline;
	/*font-family:"Arial Narrow", Arial, tahoma, Verdana;
	font-size:120%;*/
}

a.coloured2:hover {
	color: #9ed6ff;
	text-decoration: underline;
}
/* branding - logo */
#branding {
	width: 876px;
	height: 134px;
	text-indent: -99999px;
}

#branding a {
	width: 876px;
	height: 134px;
	display:block;
	cursor:pointer;
	}

#branding {
	background: url(_img/branding.gif) no-repeat;
}
	
/*#industrial #branding {
	background: url(_img/branding_industrial.gif) no-repeat;
}

#commercial #branding {
	background: url(_img/branding_commercial.gif) no-repeat;
}

#transport #branding {
	background: url(_img/branding_transport.gif) no-repeat;
}

#technical #branding {
	background: url(_img/branding_technical.gif) no-repeat;
}

#searchandselection #branding {
	background: url(_img/branding_search.gif) no-repeat;
}
*/

/* main menu - nav */

/*#navcontainer {
	position: relative;
	top: -11.1em;
	left: 24.5em;
}*/

#navcontainer {
	margin:-11.1em 0 0 24em;
}

#navcontainer ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

#navcontainer ul li a {
	float: left;
	text-indent: -99999px;
	width: 111px;
	height: 90px;
	margin: 0;
	padding: 0;
	padding-left: 0.2em;
}

#navcontainer ul li a.industrial {
	background: url(_img/nav_industrial.gif) no-repeat;
}

#navcontainer ul li a.industrial:hover {
	background: url(_img/nav_industrial_over.gif) no-repeat;
}

#industrial ul li a.industrial {
	background: url(_img/nav_industrial_over.gif) no-repeat;
}

#navcontainer ul li a.commercial {
	background: url(_img/nav_commercial.gif) no-repeat;
}

#navcontainer ul li a.commercial:hover {
	background: url(_img/nav_commercial_over.gif) no-repeat;
}

#commercial #navcontainer ul li a.commercial {
	background: url(_img/nav_commercial_over.gif) no-repeat;
}

#navcontainer ul li a.transport {
	background: url(_img/nav_transport.gif) no-repeat;
}

#navcontainer ul li a.transport:hover {
	background: url(_img/nav_transport_over.gif) no-repeat;
}

#transport #navcontainer ul li a.transport {
	background: url(_img/nav_transport_over.gif) no-repeat;
}

#navcontainer ul li a.technical {
	background: url(_img/nav_technical.gif) no-repeat;
}

#navcontainer ul li a.technical:hover {
	background: url(_img/nav_technical_over.gif) no-repeat;
}

#technical #navcontainer ul li a.technical {
	background: url(_img/nav_technical_over.gif) no-repeat;
}

#navcontainer ul li a.search {
	background: url(_img/nav_search.gif) no-repeat;
	padding-left: 0em;
}

#navcontainer ul li a.search:hover {
	background: url(_img/nav_search_over.gif) no-repeat;
	padding-left: 0em;
}

#searchandselection #navcontainer ul li a.search {
	background: url(_img/nav_search_over.gif) no-repeat;
	padding-left: 0em;
}

#navcontainer ul {
	margin: 0;
	padding: 0;
}

/* 2nd menu - navsub */
/*#navsub {
	position: relative;
	top: -9.5em;
	left: 2em;
	color: #fff;
}*/
#navsub {
	margin-top:1.7em;
	color: #fff;
}

/* job search filter */
.title_job_search {
	width: 233px;
	height: 24px;
	text-indent: -99999px;
	background: url(_img/title_job_search.png) no-repeat;
	padding:0;
	margin:0;
}
.title_filter_search {
	width: 90px;
	height: 24px;
	text-indent: -99999px;
	background: url(_img/title_filter_search.png) no-repeat;
	padding:0;
	margin:0;
	margin-top:0.5em;
}
.title_type_search {
	width: 90px;
	height: 24px;
	text-indent: -99999px;
	background: url(_img/title_type_search.png) no-repeat;
	padding:0;
	margin:0;
	margin-top:1em;
}
.title_location_search {
	width: 110px;
	height: 24px;
	text-indent: -99999px;
	background: url(_img/title_location_search.png) no-repeat;
	padding:0;
	margin:0;
	margin-top:1em;
}
#search_filter {
	padding: 1.5em;
	text-align: left;
	float: left;
	margin-top:0em;
}
#terms #search_filter{
	margin-top:-2em;
}
#contact #search_filter{
	margin-top:-2em;
}
#search_filter select {
	margin-bottom: 0.5em;
	font-size: 80%;
}

#search_filter input {
	margin-bottom: 0.5em;
	font-size: 80%;
}

input.form_search_button {
	border: 3px double #084d8f;
	border-top-color: #7dbbf4;
	border-left-color: #3989d6;
	background-color: #1f70bc;
	color: #FFFFFF;
	/*font-size: 115%;
	font-family:"Arial Narrow", Arial, tahoma, Verdana;*/
}

input.form_search_button:active {
	border: 3px double #9bbcdb;
	border-top-color: #0055a5;
	border-left-color: #4685c1;
}

/* page banners - adverts */
#advertisment {
	width: 553px;
	height: 153px;
	position: relative;
	left: 25em;
	margin-top:-2em;
}

#home #advertisment {
	background: url(_img/advert_home.jpg) no-repeat;
}
#about #advertisment {
	background: url(_img/4834094_banner.jpg) no-repeat;
}
#jobs #advertisment {
	background: url(_img/5029776_banner.jpg) no-repeat;
}

#personnel #advertisment {
	background: url(_img/4834094_banner.jpg) no-repeat;
}

#news #advertisment {
	background: url(_img/4661519_banner.jpg) no-repeat;
}  

#register #advertisment {
	background: url(_img/4583601_banner.jpg) no-repeat;
}

#login #advertisment {
	background: url(_img/5168521_banner.jpg) no-repeat;
}

#account #advertisment {
	background: url(_img/advert_home.jpg) no-repeat;
}
#links #advertisment {
	background: url(_img/3877389_banner.jpg) no-repeat;
}
#searchandselection #advertisment {
	background: url(_img/5408249_banner.jpg) no-repeat;
}
#industrial #advertisment {
	background: url(_img/4949655_banner.jpg) no-repeat;
}
#commercial #advertisment {
	background: url(_img/4485162_banner.jpg) no-repeat;
}
#transport #advertisment {
	background: url(_img/4449001_banner.jpg) no-repeat;
}
#technical #advertisment {
	background: url(_img/4829256_banner.jpg) no-repeat;
}


/* Introduction in place of advertisment for some pages */
#introduction {
	position: relative;
	text-align: justify;
	width: 540px;
	padding-left: 2.7em;
	float:left;
}


/* left images - boxes - logos */
#left_content {
	float: left;
	height: 100%;
	padding-right: 2em;
	width:250px;
	/* font-family: "Arial Narrow MT", Arial, tahoma, Verdana;
	font-size:135%;*/
}

#left_image {
	width: 246px;
	height: 165px;
	margin-left: 1.5em;
	cursor: pointer;
}

#left_image {
	background: url(_img/left_image_bl.jpg) no-repeat;
}

/*#industrial #left_image {
	background: url(_img/left_image_gr.jpg) no-repeat;
}

#commercial #left_image {
	background: url(_img/left_image_yel.jpg) no-repeat;
}

#transport #left_image {
	background: url(_img/left_image_pur.jpg) no-repeat;
}

#technical #left_image {
	background: url(_img/left_image_pk.jpg) no-repeat;
}

#searchandselection #left_image {
	background: url(_img/left_image_lbl.jpg) no-repeat;
}*/

#left_comment {
	width: 246px;
	height: 154px;
	margin-left: 1.5em;

	/* Center align hack */
	display: table;#position: relative; overflow: hidden;
}

/* Testimonial text contained within left_comment graphic */
#left_comment #testimonial
{
	/* Center align hack */
	#position: absolute;
	#top: 50%;
	display: table-cell;
	vertical-align: middle;
	padding-left:17px;
	padding-right:6px;
}

#left_comment #testimonial #inner
{
	margin-top:-1em;
	margin-left:-0.4em;
	padding:0.2em;
	width:219px;
	font-size:95%;
	line-height:1.4em;
	color:white;
}


#left_comment {
	background: url(_img/left_comment_bl.gif) no-repeat;
}

#industrial #left_comment {
	background: url(_img/left_comment_gr.gif) no-repeat;
}

#commercial #left_comment {
	background: url(_img/left_comment_yel.gif) no-repeat;
}

#transport #left_comment {
	background: url(_img/left_comment_pur.gif) no-repeat;
}

#technical #left_comment {
	background: url(_img/left_comment_pk.gif) no-repeat;
}

#searchandselection #left_comment {
	background: url(_img/left_comment_lbl.gif) no-repeat;
}

#accreditations {
	width: 246px;
	height: 63px;
	margin-left: 1.5em;
}

#contact #accreditations {
	margin-top: -5em;
}


/* main content */
#main_content {
	text-align: justify;
	width: 540px;
	padding-left: 2.7em;
	float:left;
	margin-top: -18.5em;
}
#contact #main_content {
	margin-top: -31.5em;
}
#home #main_content {
	margin-top: -20em;
}
#terms #main_content {
	margin-top: -31.5em;
}

#jobs #main_content  {
	margin-top: -31em;
}
#jobs #search_filter  {
	margin-top: -2em;
}

h3 {
	color: #0055a4;
	font-size: 125%;
	font-weight: bold;
}

/* bottom banner - footer */
#footer { 
 	background: url(_img/banner_bottom.jpg) repeat-x;
	width: 856px;
	height: 36px;
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	color:#FFFFFF;
} 

#fix_top_gap {
	margin-top:3em;
}

/* Contact Page */
#contact_links{
	color:#fff;
	padding: 1.5em;
	padding-bottom:0;
	margin-top:-7em;
	}
	
.googlemaptitle{
	font-size:95%;
	color: #A6CAFF;
}
#side_bar1container	{
	width:258px;
	height:146px;
	background: url(_img/bg_contact_branch3.gif) no-repeat;
	margin-left:-2.5em;
	padding: 1.5em;
	margin-bottom:1em;
	margin-top:2em;
	padding-top:1em;
	}
/*#side_bar1{
	width:258px;
	height:188px;
	background: url(_img/bg_contact_branch1.gif) no-repeat;
	margin-left:-2.5em;
	padding: 1.5em;
	margin-bottom:2em;
	}*/
	
#side_bar1 a{
	color:#FFFFFF;
	}
	
#side_bar2container{
	width:258px;
	height:146px;
	background: url(_img/bg_contact_branch3.gif) no-repeat;
	margin-left:-2.5em;
	padding: 1.5em;
	margin-top:-3em;
	padding-top:1em;
	}	
/*#side_bar2{
	width:258px;
	height:122px;
	background: url(_img/bg_contact_branch2.gif) no-repeat;
	margin-left:-2.5em;
	padding: 1.5em;
	margin-top:-4em;
	}*/
	
#side_bar2 a{
	color:#FFFFFF;
	}
	
/* Login page */
#loginform .submission {
	margin-top: 1em;
}

#login h3.CandidateL_title{ 	
	background: url(_img/butt_logon.jpg) no-repeat;
	width: 226px;
	height: 47px;
	text-indent:-9999px;
	margin-left:6em;
	}

/* Form element styling */
input.submit {
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0.25em;
	background-color: #EEEEEE;
	background-repeat: repeat-x;
	color: #333333;
	font-size: 75%;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

input.submit:active {
	border: 3px double #CCCCCC;
	border-top-color: #999999;
	border-left-color: #999999;
}

input.submitdark {
	border: 3px double #8f8f8f;
	border-top-color: #c2c2c2;
	border-left-color: #c2c2c2;
	padding: 0.25em;
	background-color: #e4e4e4;
	background-repeat: repeat-x;
	color: #292929;
	font-size: 75%;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

input.submitdark:active {
	border: 3px double #c2c2c2;
	border-top-color: #8f8f8f;
	border-left-color: #8f8f8f;
}

/* Page numbers */

#pageno a, #pageno strong {

	background-color: #4886b7;
	display: block;
	float: left;
	text-align: center;
	text-decoration: none;
	margin-left: 1em;
	width:2em;
	color: #fff;
}

#pageno a:hover {
	background: #4886b7;
	color: #fff;
}

#pageno strong {
	background-color: #fff;
	border: none;
	color: #000;
	font-weight: bold;
	width: 1em;
}

/* Application process */

.outlinednote {
	border-width: 1px;
	border-color: #888;
	border-style: solid;
	width: 40em;
	padding:0.5em;
}

/* News list page */

.newsstory > .general .newstitle {
	background-color:#eee;
	color: #000;
	padding-left:0.5em;
}

.newsstory > .industrial .newstitle {
	background-color:#7bbc2a;
	color: #ffffff;
	padding-left:0.5em;
}
.newsstory > .commercial .newstitle {
	background-color:#dc9d08;
	color: #ffffff;
	padding-left:0.5em;
}
.newsstory > .transport .newstitle {
	background-color:#4a2484;
	color: #ffffff;
	padding-left:0.5em;
}
.newsstory > .technical .newstitle {
	background-color:#ef479d;
	color: #ffffff;
	padding-left:0.5em;
}
.newsstory > .searchandselection .newstitle {
	background-color:#009ede;
	color: #ffffff;
	padding-left:0.5em;
}

.newsstory {
	margin-bottom: 2em;
	padding: 0.5em;
	border-bottom-style: dashed;
	border-bottom-width:thin;
}
.newsstory .newstitle {
}
.newsstory .published {
	font-size: 75%;
	padding-bottom: 1em;
}
.newsstory .leadin {
	padding-bottom: 1em;
}
.newsstory .readmore {
	font-weight: bold;
}

/* News item page */
.newsitempublished {
	font-size: 75%;
	padding-bottom: 1em;
}
.newsreturn {
	float: right;
}


/* Personnel page */

.personnelprofile > .industrial .personneltitle {
	background-color:#7bbc2a;
	color: #ffffff;
	padding-left:0.5em;
}
.personnelprofile > .commercial .personneltitle {
	background-color:#dc9d08;
	color: #ffffff;
	padding-left:0.5em;
}
.personnelprofile > .transport .personneltitle {
	background-color:#4a2484;
	color: #ffffff;
	padding-left:0.5em;
}
.personnelprofile > .technical .personneltitle {
	background-color:#ef479d;
	color: #ffffff;
	padding-left:0.5em;
}
.personnelprofile > .searchandselection .personneltitle {
	background-color:#009ede;
	color: #ffffff;
	padding-left:0.5em;
}

.personnelprofile {
	margin-bottom: 2em;
	padding: 0.5em;
}
.personnelprofile .personneltitle {
	margin-bottom: 1em;
}
.personnelprofile .personnelphoto {
	float: right;
	padding: 1em;
	border-width: 2px;
	border-style: solid;
}
.personnelprofile .personneltext {
	padding-bottom: 1em;
	min-height: 160px;
}

/* Static/CMS pages */


#cmspagelistcontainer{
	min-height: 4em;
	width:550px;
	text-align:left;
	padding: 0;
}
#cmspagelistcontainer a{
	padding-left: 0.9em;
	padding-top: 0.3em;
} 
#industrial #cmspagelistcontainer a{
	color:#8cc742;
	background: url(_img/bg_intro_link_gr.gif) no-repeat;
} 
#commercial #cmspagelistcontainer a{
	color:#ffba18;
	background: url(_img/bg_intro_link_yl.gif) no-repeat;
} 
#transport #cmspagelistcontainer a{
	color:#4a2484;
	background: url(_img/bg_intro_link_pur.gif) no-repeat;
} 
#technical #cmspagelistcontainer a{
	color:#ef479d;
	background: url(_img/bg_intro_link_pi.gif) no-repeat;
}
#searchandselection #cmspagelistcontainer a{
	color:#009ede;
	background: url(_img/bg_intro_link_bl.gif) no-repeat;
} 
#cmspagelistcontainer a:hover{
	color:#0054a4;
} 

#cmspagelist {
	list-style: none;
}

#cmspagelist li  {
	display: block;
	float: left;
	margin-left: 1em;
	background:url(_img/arrow.gif) no-repeat;
	padding-left: 12px;
}

#cmspagelist li:hover  {
	border-color: #fff;
}

#industrial #cmspagelist a {
	text-decoration: none;
	text-decoration: underline;
	color:#0155a4;
}

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

/* Search results page */
#searchresultstable tr.industrial{background-color:#8cc742;}
#searchresultstable tr.commercial{background-color:#ffba18;}
#searchresultstable tr.transport{background-color:#4a2484;}
#searchresultstable tr.technical{background-color:#ef479d;}
#searchresultstable tr.searchandselection{background-color:#009ede;}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    #fix_top_gap { margin-top:3em; }
	#navsub {margin-top:7.5em;}
	#main_content {margin-top:-17em;}
	#home #main_content {margin-top:-18em;}
	#jobs #main_content {margin-top:-30em;}
	#terms #main_content {margin-top:-30em;}
	#contact #main_content {margin-top:-30em;}
	#contact #search_filter{padding-bottom:3em;}
}