@charset "UTF-8";
/* CSS Document */

a { outline-style: none; }

body {
	padding: 0;
	margin: 0;
	font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 11px;
	color: #330;
	background: #294350;
	line-height: 100%;
}

#wrapper { /* holding DIV */
	padding: 0;
	margin: 0 auto;
	width: 922px;
}


p {
	line-height: 140%;
}

ul {
	line-height: 120%;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

/* MASTHEAD
-------------------------------------------------------*/
#masthead { /* holding DIV for top section of site including Navigation */
	margin: 0;
	padding: 0;
	}



h1.logo { /* class to hide text and replace with background image for LOGO */
	text-indent: -999em;
	background: url(../images/logo.gif) no-repeat;
	width: 239px;
	height: 47px;
	display: block;
	margin: 55px 0 0 0;
	padding: 0;
	float:left;
	cursor: pointer;
	}
h2.strap { /* class to hide text and replace with background image for STRAPLINE */
	text-indent: -999em;
	background: url(../images/strap.gif) no-repeat;
	width: 72px;
	height: 62px;
	display: block;
	float: right;
	margin: 25px 0 24px 0;
	padding: 0;
	cursor: pointer;
	}



/* NAVIGATION
-------------------------------------------------------*/
#nav {
	padding: 0;
	margin: 0;
	height: 62px;
	float:left;

	}
#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;

	}
#nav ul li {
	border: 0;
	margin: 0;
	padding: 0;
	padding-right:11px;
	float: left;
	position: relative;
	}
#nav ul li a, #nav ul li a:visited {
	border: 0;
	padding: 0;
	margin: 0;
	width: 144px;
	text-decoration: none;
	color: #ffffff;
	}

#nav ul li.last, #nav ul li.last a {
	/*
	margin-right: 0;
	padding:0;
	margin-left: 1px;
	*/
	} /* class for last navigational element */


.navRole, .navAbout, .navOffer, .navSubmitCV, .navNews, .navContact, .navHotJobs {
	padding: 0;
	margin: 0;
	text-indent: -999em;
	width: 144px;
	height: 62px;
	display: block;
}

.navHotJobs {
	padding:0;
}
/* individual classes for all navigational elements for background images */

a.navAbout { background: url(../images/nav/about.gif) no-repeat; }
a.navAbout:hover { background: url(../images/nav/about.gif) no-repeat 0 -62px; }
a.selected_navAbout, selected_navAbout { background: url(../images/nav/about.gif) 0 -124px; }

a.navRole { background: url(../images/nav/role.gif) no-repeat; }
a.navRole:hover { background: url(../images/nav/role.gif) no-repeat 0 -62px; }
a.selected_navRole, selected_navRole { background: url(../images/nav/role.gif) 0 -124px; }

a.navOffer { background: url(../images/nav/offer.gif) no-repeat; }
a.navOffer:hover { background: url(../images/nav/offer.gif) no-repeat 0 -62px; }
a.selected_navOffer, selected_navOffer { background: url(../images/nav/offer.gif) 0 -124px; }

a.navSubmitCV { background: url(../images/nav/submitcv.gif) no-repeat; }
a.navSubmitCV:hover { background: url(../images/nav/submitcv.gif) no-repeat 0 -62px; }
a.selected_navSubmitCV, selected_navSubmitCV { background: url(../images/nav/submitcv.gif) 0 -124px; }

a.navHotJobs { background:url(../images/nav/hotjobs.gif) no-repeat; }
a.navHotJobs:hover { background: url(../images/nav/hotjobs.gif) no-repeat 0 -62px; }
a.selected_navHotJobs, selected_navHotJobs { background: url(../images/nav/hotjobs.gif) 0 -124px; }



/* SUN NAV */
#nav ul li ul {
	z-index:9999;
	display: none;
	width: 144px;
	position: absolute;
	top: 27px;
	left: 0;
}
#nav ul li>ul {
	/* margin-top:-30px; */
	z-index:9999;
	top: auto;
	left: auto;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
#nav ul li:hover ul, #nav ul li.over ul {
	z-index:9999;
	display: block;
	z-index: 99;
	margin-top:-30px;
}
#nav ul li ul li {
	z-index:9999;
	float: none;
	text-indent: 18px;
	width: 144px;
	line-height: 27px;
	/*
	list-style: none url(../images/nav/submenu-icon.gif);
	list-style-position: 10px 10px;
	*/
}
#nav ul li ul li a, #nav ul li ul li a:visited {
	z-index:9999;
	font-size: 12px;
	display: block;
	width: 142px;
	height: 27px;
	background-color: #fff;
	color: #000;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;

		background-image: url(../images/icon-list-menu.gif);
		background-repeat: no-repeat;
		background-position: 7px 10px;
		/* margin-left:7px; */


}
#nav ul li ul li a:hover {
	z-index:9999;
	background-color: #E5E5E5;

		background-image: url(../images/icon-list-menu-over.gif);
		background-repeat: no-repeat;
		background-position: 7px 10px;
		/* margin-left:7px; */
}

/* Nav Right
-------------------------------------------------------*/

#navRight {
	float:right;
	width:145px;
	padding:0;
	margin:0 0 3px 0;
}

.navRightNews, .navRightContact {
	padding: 0;
	margin: 0;
	text-indent: -999em;
	width: 144px;
	height: 28px;
	display: block;
	}

a.navRightNews { background: url(../images/nav/news.gif) no-repeat; margin-bottom:6px }
a.navRightNews:hover { background: url(../images/nav/news.gif) no-repeat 0px -28px; }
a.selected_navRightNews, selected_navRightNews { background: url(../images/nav/news.gif) no-repeat 0px -56px; }

a.navRightContact { background: url(../images/nav/contact.gif) no-repeat; }
a.navRightContact:hover { background: url(../images/nav/contact.gif) no-repeat 0px -28px; }
a.selected_navRightContact, selected_navRightContact { background: url(../images/nav/contact.gif) no-repeat 0px -56px; }

/* CONTENT
-------------------------------------------------------*/
img {
	border:0;
}

#contentHolder { /* placeholder DIV */
	background: #fff;
	padding: 10px;
	margin: 6px 0 0 0;
	min-height: 320px;
	overflow:hidden;
}

#content-sub, #content-home { /* hold all content on left */
	float: right;
	padding: 0;
	/* padding-left:20px */
	margin: 0;
	margin-right:10px;
	background: #fff;
	min-height: 320px;
	line-height: 130%;
	}

#content-sub {
	width: 600px;
	padding:0;
	margin:0;
	margin-left:10px;
}
#content-home {
	width: 280px;
}

#content-sub p,
#content-home p {
	margin-top: 0;
	margin-bottom: 10px;
	}

#body_copy {
	border: 0;
	margin: 0;
	padding: 0;
	float: left;
	/* min-height: 195px; */
}

#body_text {
	text-align:left;
}

/* for flash movie/image on left right */
#content-imagery-sub,
#noFlash-sub,
#noFlash-sub-incentives, #noFlash-sub-training, #noFlash-sub-benefits,#noFlash-sub-CSR,
#noFlash-sub-history, #noFlash-sub-diversity, #noFlash-sub-awards, #noFlash-sub-future_plans,  #noFlash-sub-company_values,
#noFlash-sub-profiles, #noFlash-sub-our_business, #noFlash-sub-interview_tips, #noFlash-sub-about_recruitment,  #noFlash-sub-what_we_look_for, #noFlash-sub-hot_jobs, #noFlash-sub-news, #noFlash-sub-contact, #noFlash-sub-submit_cv
 {
	padding: 0;
	margin: 0;
	width: 285px;
	height:320px;
	float: left;
	}

#noFlash-sub-profiles {
	background:url(../images/main/profiles.jpg) no-repeat;
}

#noFlash-sub-training, #noFlash-sub-benefits {
	background:url(../images/main/offer.jpg) no-repeat;
}

#noFlash-sub-incentives {
	background:url(../images/main/incentives.jpg) no-repeat;
}

#noFlash-sub-history, #noFlash-sub-diversity, #noFlash-sub-awards, #noFlash-sub-future_plans, #noFlash-sub-CSR {
	background:url(../images/main/about.jpg) no-repeat;
}

#noFlash-sub-company_values {
	background:url(../images/main/company_values.jpg) no-repeat;
}

#noFlash-sub-our_business, #noFlash-sub-interview_tips, #noFlash-sub-about_recruitment,  #noFlash-sub-what_we_look_for {
	background:url(../images/main/role.jpg) no-repeat;
}

#noFlash-sub-submit_cv {
	background:url(../images/main/submit_cv.jpg) no-repeat;
}

#noFlash-sub-hot_jobs {
	background:url(../images/main/hot_jobs.jpg) no-repeat;
}

#noFlash-sub-news {
	background:url(../images/main/news.jpg) no-repeat;
}

#noFlash-sub-contact {
	background:url(../images/main/contact.jpg) no-repeat;
}


#content-imagery-home, #noFlash-home { /* for flash movie/image on left right */
	padding: 0;
	margin: 0;
	height:320px;
	width: 590px;
	float: left;
	background: #000000;
}

#noFlash-home {
	background: url(../images/place-holder-home.gif) no-repeat;
}

.floatFix { /* fixes floated content within contentHolder */
	clear: both;
	height: 1px;
	padding: 0;
	margin: 0;
	line-height: 100%
	}

.fl {
	float:left;
	display:inline;
}
.fr {
	float:right;
	display:inline;
}

/* LINKS
-------------------------------------------------------*/
#content a, #content a:visited {
	border-bottom: 1px dotted #27ABA0;
	color: #27ABA0;
	padding-bottom: 1px;
	line-height:20px;
	text-decoration: none;
	}
#content a:hover {
	color: #053F2A;
	border-bottom: 1px dotted #12615B;
	}


/* HEADERS
-------------------------------------------------------*/

/* selectors that apply to all headers */
.pageTitle {
	width:290px;
	padding: 0;
	margin: 0 0 20px 0;
	text-indent: -999em;
	height: 26px;
	display: block;
	float: left;
	/* border-bottom: 1px dotted #053F2A; */
	}

/* indvidual background images for each header class */
.header_home {
	background: url(../images/page_titles/home-h.gif) no-repeat;
	width: 265px;
	height: 115px;
	margin-left:2px
	}


.header_news { background: url(../images/page_titles/news-h.gif) no-repeat; }
.header_contact { background: url(../images/page_titles/contact-h.gif) no-repeat; }
.header_hot_jobs { background: url(../images/page_titles/hot_jobs-h.gif) no-repeat; }
.header_submit_cv { background: url(../images/page_titles/submit_cv-h.gif) no-repeat; }



.header_home_sub {
	background: url(../images/page_labels/hot_jobs.gif) no-repeat;
	width: 98px;
	height: 24px;
	margin:0;
	padding:0;
	margin-top:42px;
	margin-bottom:5px;
	display:block;
}

.header_history { background: url(../images/page_titles/history.gif) no-repeat; }
.header_awards { background: url(../images/page_titles/awards.gif) no-repeat; }
.header_diversity { background: url(../images/page_titles/diversity.gif) no-repeat; }
.header_future_plans { background: url(../images/page_titles/future_plans.gif) no-repeat; }

.header_CSR { background: url(../images/page_titles/csr.gif) no-repeat; }

.header_what_we_look_for { background: url(../images/page_titles/what_we_look_for.gif) no-repeat; }
.header_our_business { background: url(../images/page_titles/our_business.gif) no-repeat; }
.header_interview_tips { background: url(../images/page_titles/interview_tips.gif) no-repeat; }
.header_profiles { background: url(../images/page_titles/profiles.gif) no-repeat; }
.header_about_recruitment { background: url(../images/page_titles/about_recruitment.gif) no-repeat; }

.header_incentives { background: url(../images/page_titles/incentives.gif) no-repeat; }
.header_training { background: url(../images/page_titles/training.gif) no-repeat; }
.header_benefits { background: url(../images/page_titles/benefits.gif) no-repeat; }

/*
ul for link lists
-------------------------------------------------------*/
#left_col #hot_jobs_list ul, #right_col #hot_jobs_list ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background:none;

}
#content-home #hot_jobs_list li, #right_col #hot_jobs_list li, #left_col #hot_jobs_list li {
	list-style: none;
	padding:0;
	margin:0;
	margin-bottom:5px;
	margin-left:6px;
	font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
	background:none;
}

strong, a, #content-home #hot_jobs_list li a, #left_col #hot_jobs_list li a, #right_col #hot_jobs_list li a {
	color:#496F7A;
	text-decoration:none;
}
#content-home div.home_downloads ul li a, #content-home #hot_jobs_list li a, #left_col #hot_jobs_list li a , #right_col #hot_jobs_list li a {
	background: url(../images/icon-list-hot_job.gif) no-repeat 0 3px;
	padding-left:15px;
	font-size:12px;
	text-decoration:none;
}

a:hover, #content-home #hot_jobs_list li a:hover, #left_col #hot_jobs_list li a:hover, #left_col #hot_jobs_list li .li_selected, #right_col #hot_jobs_list li a:hover, #right_col #hot_jobs_list li .li_selected    {
	color: #00AEEF;
	text-decoration:none;
}

#content-home div.home_downloads ul li a:hover, #content-home #hot_jobs_list li a:hover, #left_col #hot_jobs_list li a:hover, #left_col #hot_jobs_list li .li_selected, #right_col #hot_jobs_list li a:hover, #right_col #hot_jobs_list li .li_selected    {
	background: url(../images/icon-list-hot_job-over.gif) no-repeat 0 3px;
}


#right_col #hot_jobs_list li .list_pad_bottom {
	margin-top:20px;
	font-weight:900;
	display:block;
}


/* FOOTER
-------------------------------------------------------*/
#footer {
	padding: 0;
	margin: 10px 0 0 0;
	font-size: 11px;
	}
#footer ul {
	padding: 0;
	margin: 0;
	list-style: none;

	}

#footer li {
	float: left;
	}

#footer li a, #footer li a:link, #footer li a:visited {
	padding: 0;
	margin: 0;
	padding-left:12px;
	margin-right: 20px;
	text-decoration: none;
	color: #fff;
	background-image: url(../images/icon-list-footer.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

#footer li.rss a, #footer li.rss a:link, #footer li.rss a:visited {
	background-image: url(../images/rss-icon.gif);
	background-position: 0px 3px;
	padding-left: 18px;
}

#footer li a:hover {
	color: #999;
	background-image: url(../images/icon-list-footer-over.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
}

#footer div.ch {
	float:right;
}

/* classes for left hand copy which includes contact details and SThree statement */
ul.address {
	width: auto;
	float: right;
	text-align: right;
	margin-right: 20px;
	color: #999;
	}
#footer ul.address li {
	padding: 0;
	margin: 0 0 5px 0;
	float: none;
	}

.error {
	color: red;
	font-weight: bold;
}
#content a.img_page_1, #content a.img_page_2, #content a.cv_apply {
	border-bottom: none;
	float: left;
	width: 80px;
	display: block;
	margin: 0 0 10px 0;
	padding: 54px 0 0 0;
}
#content a.img_page_1 {
	border-bottom: none;
	background: url(../images/pop-page-01.gif) no-repeat;
}
#content a.img_page_1:hover {
	border-bottom: none;
	background: url(../images/pop-page-01_f2.gif) no-repeat;
}
#content a.img_page_2 {
	border-bottom: none;
	background: url(../images/pop-page-02.gif) no-repeat;
}
#content a.img_page_2:hover {
	border-bottom: none;
	background: url(../images/pop-page-02_f2.gif) no-repeat;
}

/*
#content .bottom a.cv_apply {
	text-indent: -999em;
	width: 40px;
	padding: 52px 0 0 0;
	border-bottom: none;
	background: url(../images/en/buttons/apply-btn.gif) no-repeat;
}
#content .bottom a.cv_apply:hover {
	border-bottom: none;
	background: url(../images/en/buttons/apply-btn_f2.gif) no-repeat;
}
#content a.map_link, #content a.map_link:visited {
	border-bottom: none;
	color: #053F2A;
	padding: 0 0 0 18px;
	background: url(../images/en/buttons/arrow-btn.gif) no-repeat;
}
#content a.map_link:hover {
	border-bottom: none;
	color: #27ABA0;
	background: url(../images/en/buttons/arrow-btn_f2.gif) no-repeat;
}
*/

#content .bottom {
	height: 2px;
	display: block;
}

/* LISTS
-------------------------------------------------------*/
#content ul {
	margin: 0 0 0 13px;
	padding: 0;
	}
#content ul li {
	margin: 0;
	padding: 3px 0;
	list-style-type: square;
	}


/* CONTACT
-------------------------------------------------------*/
.addressHolder {
	width: 425px;
	color: #27ABA0;
	}
.address, .telephone {
	margin: 0;
	padding: 0;
	width: 200px;
	}
.telephone { float: right; }
.telephone p { margin-bottom: 10px; }
.address { float: left; }

p.mapLink {
	padding-top: 10px;
	}

/* FORM
-------------------------------------------------------*/
.contactForm { margin-top: 20px; }


#content dl.form dt,
#content dl.form dt label {
	overflow:hidden;
	width: 400px;
	}

#content dl.form dd,
#content dl.form dt {
	padding-bottom:5px;
	padding-top:5px;
	}
#content dl.form dt,
#content dl.form dt label {
	overflow:hidden;
	width: 160px;
	}
#content dl.form dt,
#content dl.form dt label,
#content dl.form dd,
#content dl.form dd input,
#content dl.form dd select {
	float: left;
	margin: 0pt;
	padding: 0pt;
	text-indent: 0pt;
	}
#content dl.form dd {
	padding-right:5px;
	}
#content dl.form dd,
#content dl.form dd input,
#content dl.form dd select,
#content dl.form dd textarea {
	width: 240px;
	}
#content dl.form dt,
#content dl.form dt label,
#content dl.form dd,
#content dl.form dd input,
#content dl.form dd select {
	float:left;
	margin: 0 0 5px 0;
	padding:0pt;
	text-indent:0pt;
	}

#submit { margin-top: 20px; }

/*
* this preloads the overstates for the menu
* removes the lag when first mousing over a menu item.
*/
#preload {
	display:none;
	margin-top:-1000px;
	background-color: #ff0000;
}


/*
for the two column pages
------------------------------------------ */
#left_col, #right_col {
	width: 285px;
	padding:0;
	margin:0;
}

#left_col {
	float: left;
}

#right_col_values, #right_col {
	float: right;
}

h1, h2, h3, h4, h5 {
	font-weight: normal;
}

.sub_intro_bold, h2, h3, h4, h5 {
	padding:0;
	margin:0;
	font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
	color: #315467;
	font-size: 13px;
	margin-left:2px;
	padding-bottom:5px;
}

.sub_main_content {
	margin-left:4px;
}

#left_col ul, #right_col ul {
	list-style: none;
}

#left_col li, #right_col li {
	margin-bottom:3px;
	line-height:140%;
	background-image: url(../images/icon-list-menu.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding-left:10px
}

.align_right {
	padding:0;
	margin:0;
	text-align:right;
}

.right_col_padding {
	height:44px;
}

.companyValuesImg {
	display:block;
}

/*
for the companies values pages
--------------------------------------------------------------- */

.companyValuesImgPad {
	padding-bottom:9px;
}

.header_company_values { background: url(../images/page_titles/company_values.gif) no-repeat; }
.header_company_values-pride { background: url(../images/page_titles/company_values-pride.gif) no-repeat; }
.header_company_values-honesty { background: url(../images/page_titles/company_values-honesty.gif) no-repeat; }
.header_company_values-professionalism { background: url(../images/page_titles/company_values-professionalism.gif) no-repeat; }
.header_company_values-respect { background: url(../images/page_titles/company_values-respect.gif) no-repeat; }
.header_company_values-fun { background: url(../images/page_titles/company_values-fun.gif) no-repeat; }
.header_company_values-creativity { background: url(../images/page_titles/company_values-creativity.gif) no-repeat; }

#noFlash-sub-company_values {
	cursor: pointer;
}

#values_div_cover {
	overflow:hidden;
	z-index: 30;
}

#company_values_1,#company_values_2{
	position:relative;
	margin:0;
	padding:0;
	display:none;
}

#values_div_cover, #company_values_1,#company_values_2,#company_values_pride, #company_values_creativity, #company_values_honesty, #company_values_professionalism, #company_values_respect, #company_values_fun
{
	padding: 0;
	margin: 0;
	width: 285px;
	height:320px;
	float: left;
}



#company_values_pride { background: url(../images/values/value-pride-img.jpg) no-repeat; }
#company_values_creativity { background: url(../images/values/value-creativity-img.jpg) no-repeat; }
#company_values_honesty { background: url(../images/values/value-honesty-img.jpg) no-repeat; }
#company_values_professionalism { background: url(../images/values/value-professionalism-img.jpg) no-repeat; }
#company_values_respect { background: url(../images/values/value-respect-img.jpg) no-repeat; }
#company_values_fun { background: url(../images/values/value-fun-img.jpg) no-repeat; }


.hidden_content {
	text-indent: -999em;
	display:hidden;
	height:0;
	width:0;
	padding:0;
	overflow:hidden;
}

.awards_img {
	margin-top: 195px;
	width:280px;
	position:absolute;
}

#link_holder {
 	margin-top: 307px;
	position:absolute;
	padding:0;

}

#apply_button, #apply_button {
	margin-top:15px;
}

#TB_title, #TB_ajaxWindowTitle {
	display:none;
}

.home_awards {
	margin-top: 55px;
}
.awards_tb {
	clear:both;
	padding-left:3px;
}

.awards_title_tb {
	font-weight:900;
	clear:both;
}

.awards_tb_close {
	clear:both;
	position:absolute;
	margin:0px;
	margin-top:480px;
}


#flashcontent {
	float:left;
}


#left_col ul#hot_jobs_list li.newsItemTitle a {
	display:block;
	height:80px;
	width:270px;
	overflow: hidden;

}
#left_col ul#hot_jobs_list li.newsItemTitle{
	margin-bottom:10px;
}


#left_col ul#hot_jobs_list {
	float:left;
}

#left_col ul#hot_jobs_list .newsUL {
	width:3000px;
}

#left_col #newsContent {
	height:260px;
	margin-top:40px;
	overflow:hidden;
	position:absolute;
	width:600px;
}

#newsNextPrev {
	position:absolute;
	margin-top:307px;
	width:600px;
}

#moreNews {
	float:right;
}
#lessNews {
	float:left;
}

#iNumberNews, #isNewsPage {
	display:none;
}

#content-sub #newsContnet {
	display:block;
	margin-left:2px;
	width:570px;
}

#newsContainer {
	width:600px;
	height:215px;
	clear:both;
	overflow:scroll;
}

#newscontainer {
	width:600px;
	display:block;
}

#newsContnet {
	float:left;
}

#newsScroll {
	clear:both;
	float:right;
	display:none;

}


#downScroll, #upScroll  {
	height:10px;
	margin-top:160px;
	width:80px;
}

#upScroll {
	margin:0;
}

#downScroll a, #upScroll a {
	display:block;
	height:20px;
	text-indent:20px;
	width:80px;
}

#upScroll a {
	background: url(../images/scroll-up.gif) no-repeat 0 4px;
}

#downScroll a {
	background: url(../images/scroll-down.gif) no-repeat 0 3px;
}

#upScroll a:hover {
	background: url(../images/scroll-up.gif) no-repeat 0 -12px;
}

#downScroll a:hover {
	background: url(../images/scroll-down.gif) no-repeat 0 -13px;
}


#newsItemTitle {
	width:600px;
	clear:both;
	height:50px;
}

#newslistlink {
	display:block;
	float:left;
	margin-top:-35px;
	text-align:right;
	width:600px;
}

#content-home h2 {
	font-weight: 900;
	margin-left:7px;

}
#content-home div.home_downloads {
	width: 265px;
}
#content-home div.home_downloads ul {
	margin-left: 7px;
}
#content-home div.home_downloads ul li {
	display: inline;
	margin-right: 6px;
}

#content-home div.home_downloads ul li a {
	padding-left: 12px;
}