/* CSS Document */

body
{
	background: #fff;
	font: 0.8em verdana, sans-serif;
	color: #000;
	padding: 0px;
	margin: 0px;
	text-align: justify;
	line-height: 1.1em;
}

#wrap
{
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 950px;
	min-width: 800px;
	background: url(/images/right_bg.gif) repeat-y top right;
}

#wrapPlain
{
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 950px;
	min-width: 800px;
}

#header
{
	padding-top: 68px;
}

#Logo
{
	position: absolute;
	top: 0px;
	right: 0px;
	padding-right: 18px;
	background: #fff;
	padding-bottom: 15px;
	padding-left: 19px;
}

#TopPhrase
{
	position: absolute;
	top: 28px;
	left: 46px;
}

#TopImage
{
	height: 86px;
}

#slideshow
{
	height: 86px;
}

#slideshowNoFlash
{
	position: absolute;
	top: 68px;
	left: 0px;
	height: 86px;
}

#MainContent
{
	background: url(/images/right_bg.gif) repeat-y top right;
	min-height: 640px;
}

#MainContent2
{
	background: url(/images/right_bg.gif) repeat-y top right;
	min-height: 680px;
}

#MainContentHome
{
	min-height: 450px;
	background: url(/images/right_bg.gif) repeat-y top right;
	padding-bottom: 25px;
	margin: 0px;
}

#Content
{
	padding-left: 272px;
	padding-top: 49px;
	padding-right: 230px;
	padding-bottom: 0px;
	line-height: 1.2em;
}

#RightContent .homePage
{
	margin-bottom: -300px;
}

#Content p
{
	padding: 5px 0px;
	margin: 0px;
}

#Content p.last
{
	padding: 8px 0px 16px 0px;
	margin: 0px;
}

#Content p.first
{
	padding: 0px 0px 8px 0px;
	margin: 0px;
}
.required, .red
{
	color: Red;
}
.green
{
	color:Green;
}

#ContentInside
{
	padding-right: 230px;
	padding-top: 25px;
	padding-bottom: 0px;
	min-height: 480px;
	line-height: 1.2em;
}

.ContentRed
{
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 1.2em;
	width: 700px;
	margin: -10px 0px -45px 0px;
}

.ContentRed h1
{
	padding: 5px;
	margin: 0px;
	font-size: 1.5em;
	line-height: 1.2em;
}

.ContentRed p
{
	padding: 10px 15px 5px 0px;
	margin: 0px;
	text-align: justify;
}

.ContentRed2
{
	padding: 0px;
	line-height: 1.2em;
	width: 700px;
	margin: -10px 0px -45px 0px;
}

.ContentRed3
{
	padding: 0px;
	line-height: 1.2em;
	width: 700px;
	margin: 46px 0px -45px 0px;
}

.ContentRed2 h1
{
	padding: 15px 15px 10px 15px;
	margin: 0px;
	font-size: 1.7em;
	line-height: 1.2em;
	background: #c00f17;
	color: #fff;
}

.ContentRed2 p
{
	padding: 10px 15px 5px 15px;
	margin: 0px;
	text-align: justify;
}

.ContentRed2 p.bold
{
	text-align: right;
	font-weight: bold;
	font-size: 1.3em;
}

.ContentRed2 .TraineeInt, .ContentRed3 .TraineeInt
{
	border: 2px solid #c00f17;
	margin: 0px;
	padding: 0px;
}

.TraineeInt
{
	padding: 0px;
	margin: 0px;
}

#Award
{
	position: absolute;
	top: 215px;
	right: 225px;
}

#MenuTop
{
	position: absolute;
	top: 155px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	height: 22px;
	width: 742px;
	background: url(/images/menu/menu_bg.gif) repeat-x top left;
}

#MenuTop ul
{
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style: none;
}

#MenuTop li
{
	float: left;
	margin: 0px;
	padding: 0px;
}

#MainImage
{
	position: absolute;
	bottom: 38px;
	left: 0px;
	margin: 0px;
	padding: 0px;
}

#MainImageHome
{
	position: absolute;
	bottom: 38px;
	left: 0px;
	margin: 0px;
	padding: 0px;
}

.WhatLook
{
	padding: 12px 0px;
}


#RightContent
{
	text-align: left;
	float: right;
	top: 154px;
	right: 0px;
	margin-right: 0px;
	width: 207px;
	margin-top: -13px;
	margin-bottom: 300px;
}



#RightContent div
{
	padding: 0px 5px;
	font-size: 0.85em;
}

#RightContent ul
{
	margin: 0px;
	padding: 7px 20px;
	list-style: none;
}

#RightContent li
{
	margin: 0px;
	padding: 0px 0px 5px 0px;
	list-style-image: url(/images/arrow.gif);
}

#RightContent a
{
	font-weight: normal;
	color: #000;
}

#RightContent a:hover
{
	text-decoration: underline;
}

#looking
{
	font-family: verdana, sans-serif;
}

.footer
{
	position: absolute;
	bottom: 38px;
	right: 0px;
	height: 23px;
	width: 207px;
	margin-bottom: 0px;
	background: url(/images/right_btm_footer.gif) no-repeat top left;
}

.footerImg
{
	height: 243px;
	position: absolute;
	bottom: 41px;
	right: 0px;
	width: 207px;
}


#Footer
{
	background: #d01119 url(/images/footer_bg.gif) repeat-x top left;
	border-top: 1px solid #000;
	height: 27px;
	clear: both;
}

#FooterLinks
{
	padding: 5px 0px;
	font-size: 0.7em;
	background: #fff;
}

#FooterLinks ul, #FooterLinks li
{
	display: inline;
	margin: 0px;
	padding: 0px;
}

#FooterLinks li
{
	float: left;
	padding: 0px 5px;
	border-right: 1px solid #000;
}

#CopyrightText
{
	float: right;
	width: 950px;
	text-align: right;
	color: #999;
	background: #fff;
}

a:link
{
	color: #000000;
	font-weight: bolder;
	text-decoration: none;
}

a:visited
{
	color: #000;
	font-weight: bolder;
	text-decoration: none;
}

a:hover
{
	color: #c00f17;
	text-decoration: none;
	font-weight: bolder;
}

a:active
{
	font-weight: bolder;
	text-decoration: none;
	color: #000;
}

.BrandLink:link, .BrandLink:visited
{
	color: #000;
	font-weight: normal;
	text-decoration: underline;
}

.BrandLink:hover
{
	color: #c00f17;
	font-weight: normal;
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6
{
	font-weight: normal;
}

h1
{
	margin: 0px;
	padding: 9px 0px 10px 0px;
	font-size: 1.9em;
	color: #c00f17;
	font-weight: 500;
}

h2
{
	margin: 0px;
	padding: 9px 0px 10px 0px;
	font-size: 1.5em;
}

h3
{
	margin: 0px;
	padding: 25px 0px 5px 2px;
	font-size: 1.3em;
}

h3 span
{
	border-bottom: 1px solid #e69fa2;
}


h4
{
	margin: 0px;
	padding: 9px 0px 10px 0px;
	font-size: 1.15em;
	color: #c00f17;
}

h5
{
	margin: 0px;
	padding: 25px 0px 5px 2px;
	font-size: 1.3em;
	color: #c00f17;
}

/* SEARCH PAGE */

.apButtonNew
{
	font-size: 90%;
	text-align: center;
	text-decoration: none;
	background: url(/images/search_box.gif) no-repeat top left;
	width: 165px;
	display: block;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #aea8d9;
	border-bottom: 1px solid #aea8d9;
	padding: 3px;
	color: #fff;
}

.optionalButtons{width:100px; float:left;margin:0 10px 0 0;}

.apButtonNewLrg
{
	font-size: 1em;
	text-align: center;
	text-decoration: none;
	background: url(/images/search_box-lrg.gif) no-repeat top left;
	width: 165px;
	display: block;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #aea8d9;
	border-bottom: 1px solid #aea8d9;
	padding: 10px 3px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
}

.searchButtonNew a
{
	color: #fff;
	font-weight: normal;
}

a.apButtonNew:visited
{
	color: #fff;
}

.apButtonGraduate
{
	font-size: 90%;
	text-align: center;
	text-decoration: none;
	background: url(/images/search_box.gif) no-repeat top left;
	width: 100px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #aea8d9;
	border-bottom: 1px solid #aea8d9;
	padding: 3px 5px;
	color: #fff;
	display: block;
	margin-top: 10px;
}

.apButtonOpenDay
{
	font-size: 90%;
	text-align: center;
	text-decoration: none;
	background: url(/images/search_box.gif) no-repeat top left;
	display: block;
	width: 125px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #aea8d9;
	border-bottom: 1px solid #aea8d9;
	padding: 3px;
	color: #fff;
	margin: 5px;
}

a.apButtonNew, a.apButtonGraduate, a.apButtonOpenDay
{
	color: #fff;
	font-weight: normal;
}

a.apButtonNewLrg
{
	color: #fff;
}

a.apButtonNew a:hover, a.apButtonNew:hover, a.apButtonGraduate a:hover, a.apButtonGraduate:hover
{
	color: #fff;
	font-weight: normal;
}

a.apButtonNewLrg:hover
{
	color: #fff;
}


.apButtonNew a:hover, .apButtonNew a:hover, .searchButtonWide a:hover, .apButtonShort a:hover, a.apButtonGraduate a:hover, a.apButtonNewLrg a:hover
{
	text-decoration: underline;
}

.apButtonWide
{
	font-size: 90%;
	text-align: center;
	text-decoration: none;
	background: url(/images/search_box.gif) no-repeat top left;
	width: 190px;
	display: block;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #aea8d9;
	border-bottom: 1px solid #aea8d9;
	padding: 3px;
	color: #fff;
}
.apButtonShort
{
	font-size: 90%;
	text-align: center;
	text-decoration: none;
	background: url(/images/search_box.gif) no-repeat top left;
	width: 120px;
	display: block;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #aea8d9;
	border-bottom: 1px solid #aea8d9;
	padding: 3px;
	color: #fff;
}
.searchButtonWide a, .apButtonShort a
{
	color: #fff;
	font-weight: normal;
}

.apButtonShort:link
{
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #aea8d9;
	border-bottom: 1px solid #aea8d9;
}

.apButtonShort:focus
{
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #aea8d9;
	border-bottom: 1px solid #aea8d9;
}

.searchButtonNew a:hover, .apButtonNew a:hover, .searchButtonWide a:hover, .apButtonShort a:hover
{
	text-decoration: underline;
}

a#ctl00_content_lnkSearchByArea
{
	font-weight: normal;
	color: #fff;
	font-size: 0.85em;
}

#lnkSearchAgain a
{
	color: #fff;
}

.apButton
{
	font-size: 90%;
	text-align: center;
	text-decoration: none;
	background: url(/images/search_box.gif) no-repeat top left;
	width: 45px;
	display: block;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #aea8d9;
	border-bottom: 1px solid #aea8d9;
	padding: 2px;
	color: #fff;
}

.jobHomeTableNew .selectSmallNew
{
	width: 130px;
	height: 19px;
	color: #000000;
}

.searchButtonNew
{
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}

.jobHomeTableNew
{
	width: 650px;
}

.jobHomeTableNew img
{
	vertical-align: middle;
}

tr#trManagerName td, tr#trCurrentJobTitle td, tr#tr1 td
{
	width: 200px;
}

tr#trSearch1 td, tr#trSearch2 td, tr#tr3 td
{
	width: 300px;
}






.InputText, input#ctl00_content_Application1_fuApplication
{
	border-top: 2px solid #c00f17;
	border-left: 2px solid #c00f17;
	border-right: 2px solid #e69fa2;
	border-bottom: 2px solid #e69fa2;
}

.textBox
{
	width: 232px;
}


.inputMedium select,
.inputMedium input,
.selectMedium
{
	width: 100px;
	border-top: 2px solid #c00f17;
	border-left: 2px solid #c00f17;
	border-right: 2px solid #e69fa2;
	border-bottom: 2px solid #e69fa2;
}

.inputMediumAuto select,
.inputMediumAuto input,
.selectMediumAuto
{
	width: auto;
	border-top: 2px solid #c00f17;
	border-left: 2px solid #c00f17;
	border-right: 2px solid #e69fa2;
	border-bottom: 2px solid #e69fa2;
}

.selectSmall
{
	border-top: 2px solid #c00f17;
	border-left: 2px solid #c00f17;
	border-right: 2px solid #e69fa2;
	border-bottom: 2px solid #e69fa2;
}

.dateDropDown select
{
	border-top: 2px solid #c00f17;
	border-left: 2px solid #c00f17;
	border-right: 2px solid #e69fa2;
	border-bottom: 2px solid #e69fa2;
}

/* PLAIN SECTION */

#MainContentPlain
{
	min-height: 450px;
	padding-bottom: 25px;
}

#MenuTopPlain
{
	position: absolute;
	top: 155px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	height: 22px;
	width: 950px;
	background: url(/images/menu/menu_bg.gif) repeat-x top left;
}

#MenuTopPlain ul
{
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style: none;
}

#MenuTopPlain li
{
	float: left;
	margin: 0px;
	padding: 0px;
}


.dataRow00
{
	line-height: 19px;
	background-color: #ffffff;
}
.dataRow01
{
	line-height: 19px;
	background-color: #e9e9e9;
}

.dataRow00 td, .dataRow01 td
{
	text-align: left;
}

.titleRow
{
	font-weight: bold;
	line-height: 19px;
	background-color: #FFCC00;
}
table tr
{
	vertical-align: top;
}

.TeamProfile
{
	float: left;
	margin-right: 20px;
	width: 150px;
	margin-top: 13px;
	border-top: 2px solid #c00f17;
	border-left: 2px solid #c00f17;
	border-right: 2px solid #e69fa2;
	border-bottom: 2px solid #e69fa2;
	padding: 5px;
}

.TeamProfileRight
{
	float: right;
	margin-left: 20px;
	width: 150px;
	margin-top: 13px;
	border-top: 2px solid #c00f17;
	border-left: 2px solid #c00f17;
	border-right: 2px solid #e69fa2;
	border-bottom: 2px solid #e69fa2;
	padding: 5px;
}

.ImageProfile
{
	float: right;
	margin-left: 20px;
	margin-top: 17px;
	width: 200px;
	border-top: 2px solid #c00f17;
	border-left: 2px solid #c00f17;
	border-right: 2px solid #e69fa2;
	border-bottom: 2px solid #e69fa2;
	padding: 5px;
}

.csrRight
{
	float: right;
	margin-left: 20px;
	margin-top: 16px;
	border-top: 2px solid #c00f17;
	border-left: 2px solid #c00f17;
	border-right: 2px solid #e69fa2;
	border-bottom: 2px solid #e69fa2;
	padding: 5px;
}

.csrLeft
{
	float: left;
	margin-right: 20px;
	margin-top: 3px;
	border-top: 2px solid #c00f17;
	border-left: 2px solid #c00f17;
	border-right: 2px solid #e69fa2;
	border-bottom: 2px solid #e69fa2;
	padding: 5px;
}

.CSRFooter
{
	font-size: 0.8em;
	margin-top: 50px;
	margin-bottom: 10px;
	border-bottom: 1px solid #c00f17;
	border-top: 1px solid #c00f17;
	padding: 10px 0px;
}

.red_border_sbc
{
	border: 1px solid #c00f17;
	margin: 0px auto;
	width: 400px;
	padding: 10px;
}

ul.gallery li
{
	list-style-image: url(../images/csr/arrow.gif);
}

blockquote
{
	color: #c00f17;
	font-style: italic;
	width: 550px;
}

blockquote .bold
{
	font-style: normal;
}

.CSRFooter .ImgLeft
{
	float: left;
	margin-right: 20px;
	margin-top: 3px;
	padding: 5px;
}

.pink_bg
{
	background: #faecec;
	padding: 10px;
}

.pink_bg h3
{
	margin: 0px;
	padding: 0px;
}

.red
{
	color: #c00f17;
}

.ImageLarge
{
	border-top: 2px solid #c00f17;
	border-left: 2px solid #c00f17;
	border-right: 2px solid #e69fa2;
	border-bottom: 2px solid #e69fa2;
	padding: 5px;
	text-align: center;
}

.Managers
{
	width: 336px;
	height: 177px;
	border-right: 1px solid #e69fa2;
}

.Managers .content, .Supervisors .content, .TeamMembers .content
{
	padding-right: 130px;
}

.Supervisors
{
	width: 326px;
	height: 177px;
	float: right;
}

.Supervisors .contentRight
{
	padding-right: 10px;
}

.TeamMembers
{
	width: 291px;
	margin: 20px auto;
	height: 177px;
}

.Branch
{
	background: url(../images/branch.jpg) no-repeat top left; 
}

.HeadOffice
{
	background: url(../images/HeadOffice.jpg) no-repeat top left;
}

.Operational
{
	background: url(../images/Operational.jpg) no-repeat top left;
}

.Distribution
{
	background: url(../images/Distribution.jpg) no-repeat top left;
}

/*
.TeamMembers .content {
	padding-left: 130px;
}*/


.Supervisors ul, .Managers ul, .TeamMembers ul
{
	margin: 10px 2px 10px 0px;
	padding: 0px;
	list-style: none;
}

.Managers .content h3 a, .Supervisors .content h3 a, .TeamMembers .content h3 a
{
	font-weight: normal;
}

#SiteMap ul
{
	list-style: none;
}

#SiteMap li
{
	margin: 5px;
	padding: 5px;
	list-style: none;
}


ul#CSR
{
	margin: 10px;
	padding: 10px;
}

ul#CSR li
{
	list-style: none;
}

ul#CSR li a
{
	display: block;
	background: #faecec;
	border: 1px solid #fff;
	padding: 5px;
	width: 350px;
}

ul#CSR li a#Current
{
	background: #f0c5c7;
}

li#JobAdvert
{
	color: #fff;
	font-size: 11px;
	font-weight: bold;
}

li#JobAdvert a:link, li#JobAdvert a:visited
{
	color: #fff;
	background: #c00f17;
	padding: 5px;
	display: block;
}

li#JobAdvert a:hover
{
	color: #fff;
	background: #850b10;
	padding: 5px;
	display: block;
}


/* GRADUATE PAGE */

ul#Tabs
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

ul#Tabs li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 20px;
}

ul#Tabs li a, ul#Tabs li a:link, ul#Tabs li a:visited
{
	font-weight: normal;
	display: block;
	padding: 3px 3px 3px 15px;
	background: url(/images/bullet-on.gif) no-repeat top left;
	text-transform: uppercase;
	font-weight: bold;
}

ul#Tabs li a:hover, ul#Tabs li a#current
{
	background: url(/images/bullet2.gif) no-repeat top left;
	font-weight: bold;
	color: #c00f17;
}

#apApplyNow
{
	font-size: 90%;
	text-align: center;
	text-decoration: none;
	background: url(/images/search_box.gif) no-repeat top left;
	width: 100px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #aea8d9;
	border-bottom: 1px solid #aea8d9;
	padding: 3px 10px;
	color: #fff;
	display: block;
	margin-top: 10px;
}

#apApplyNow2
{
	font-size: 90%;
	text-align: center;
	text-decoration: none;
	background: url(/images/search_box.gif) no-repeat top left;
	width: 100px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #aea8d9;
	border-bottom: 1px solid #aea8d9;
	padding: 3px;
	color: #fff;
}

#apApplyNow3
{
	font-size: 90%;
	text-align: center;
	text-decoration: none;
	background: url(/images/search_box.gif) no-repeat top left;
	width: 100px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #aea8d9;
	border-bottom: 1px solid #aea8d9;
	padding: 3px 10px;
	color: #fff;
	display: block;
	margin-top: 10px;
}

#apApplyNow4
{
	font-size: 90%;
	text-align: center;
	text-decoration: none;
	background: url(/images/search_box.gif) no-repeat top left;
	width: 100px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #aea8d9;
	border-bottom: 1px solid #aea8d9;
	padding: 3px 10px;
	color: #fff;
	display: block;
	margin-top: 10px;
	float: left;
	text-transform: uppercase;
}

.apApplyNow
{
	font-size: 90%;
	text-align: center;
	text-decoration: none;
	background: url(/images/search_box.gif) no-repeat top left;
	width: 125px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #aea8d9;
	border-bottom: 1px solid #aea8d9;
	padding: 3px 5px;
	color: #fff;
}

#GradButton
{
	font-size: 90%;
	text-align: center;
	text-decoration: none;
	background: url(/images/search_box.gif) no-repeat top left;
	width: 125px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #aea8d9;
	border-bottom: 1px solid #aea8d9;
	padding: 3px 15px;
	color: #fff;
	text-transform: uppercase;
}

.Nuture
{
	float: right;
	margin-top: -16px;
	margin-right: 2px;
	width: 371px;
	height: 126px;
}

#GradButton
{
	font-size: 90%;
	text-align: center;
	text-decoration: none;
	background: url(/images/search_box.gif) no-repeat top left;
	display: block;
	width: 95px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #aea8d9;
	border-bottom: 1px solid #aea8d9;
	padding: 3px 5px;
	color: #fff;
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	font-weight: bold;
}

/* APPLY SECTION */

.submit
{
	font-size: 90%;
	text-align: center;
	text-decoration: none;
	background: url(/images/search_box.gif) no-repeat top left;
	width: 100px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #aea8d9;
	border-bottom: 1px solid #aea8d9;
	padding: 3px 10px;
	color: #fff;
	display: block;
	margin-top: 10px;
	cursor: pointer;
}

.manditoryCell
{
	color: #FF0000;
}

#OtherDDLWorkdInWolseley th {width:594px !important; text-align:left; padding:0 0 0 30px; font-weight:normal; }

.MonthPicker .YearLabel,
.MonthPicker .MonthLabel,
.MonthPicker .YearControl,
.MonthPicker .MonthControl {padding:2px; margin:3px 3px 3px 0; }

.Education td,
.Education th{ }
.Education td input.Education { width:250px; }
.Education td .EducationDelete {width:100px; }

