/*
COLOURS:
#27318B - Dark Blue
#005DAA - Light Blue
#439539 - Green
#F7EC00 - Yellow




*/



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td
{
margin: 0;
padding: 0;
border: none; 
}

body {
background-color: #ebebeb;
}




a { text-decoration:none; outline:0; border:none; }
ul,ol { list-style: none; margin: 0; padding: 0; }
li { margin: 0; padding: 0;}
img { border: none; }




/************************ LAYOUT ************************************************************/
object {
position: relative;
}
body {
text-align:center;
position: relative;
}
.module {
	padding: 14px;
}
div.container {
	width: 974px;
	margin: 0 auto;
	text-align: left;
}

#headerBar {
	position: relative;
	z-index: 2000;
}
	#headerBar .container {
		/*
		background: #27318B url('../images/topBar_bg.jpg') top repeat-x;
		border-bottom: 1px solid #1B1856;
		*/
		border-left: 1px solid #e0e0e0;
		border-right: 1px solid #e0e0e0;
		background: url('../images/top_bar.gif') top left no-repeat;
		height: 78px;
	}
#midSection {
	z-index: 1;
}
	#midSection .container {
		background: #fff;
		border: 1px solid #e0e0e0;
		border-top: none;
	}
		/*body.sub #midSection .container {
			margin-top: 14px;
			background: #fff; /*url('../images/localNavColumn_Bg.gif') top left repeat-y;

		}*/
h1#branding {
	width: 250px;
	height: 40px;
	float: left;
	margin: 0;
	padding: 0;
}
	#branding a {
		display: block;
		height: 40px;
		width: 200px;
		padding: 14px 0 0 14px;
		text-indent: -3000px;
	}
ul.dropdown {
	width: 720px;
	float: right;
}

#banner .container{
	clear: both;
	background: #fff;
	margin-top: 0;
	margin-bottom: 0;
	height: 100px;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
}

#content {
	width: 626px;
	float: left;

	margin-left: 14px;
}
body.right #content {
	float: right;
	margin-left: 0;
	margin-right: 14px;
}
body.sub #content {
	width: 706px;
	margin-left: 0;
	
}
	#mainContent {
		/*background: #e1e1e1;*/
	}
		body.top #mainContent {
			width: 626px;
			float: left;
			padding-top: 41px;
			padding-bottom: 50px;
		}
		/*body.top #localNav {
			width: 146px;
			float: right;
			background: #fff;	
		}*/
		
		body.sub #mainContent {
			width: 452px;
			float: right;
			padding-top: 27px;
			padding-bottom: 50px;
		}
		body.sub #localNav {
			width: 226px;
			float: left;	
		}
			.sector_logo {
				padding: 27px 0 14px 14px;
				background: #fff;
			}

		/*body.right #mainContent {
			width: 626px;
			float: right;
		}
		body.right #localNav {
			width: 146px;
			float: left;
			background: #fff;	
		}*/		
		
	#intro {
		background: none;
	}
	div.slideshow {
		border: 1px solid #e0e0e0;
		background-color: #ebebeb;
		height: 220px;
	}
			.carousel_container {
				/*position: relative;
				z-index: 1; height: 220px;*/
				width: 626px;
				padding: 0;
				margin: 0;
				border: 1px solid #e0e0e0;				
			}
				.carousel_container a {
					display: block;
					padding: 0;
					margin: 0;				
				}
					.carousel_container a img{
						padding: 0;
						margin: 0;				
					}
	ul.serviceList, ul.serviceList-last {
		width: 142px;
		float: left;
		margin-right: 14px;
		background: #fff;
	}
		ul.serviceList li {
			padding-right: 14px;
			padding-left: 10px;
			background: url('../images/list_arrow_small.gif') top left no-repeat;			
		}
	ul.serviceList-last {
		margin-right: 0;
	}
		ul.serviceList-last li {
			padding-left: 10px;
			background: url('../images/list_arrow_small.gif') top left no-repeat;			
		}	

		ul.serviceList .img_box, ul.serviceList-last .img_box {
			height: 80px;
	
			border: 1px solid #e0e0e0;
			background: #fff;
		}
			ul.serviceList .img_box a, ul.serviceList-last .img_box a {
				display: block;
				height: 70px;
				margin: 5px;
				background: #f2f2f2;
			}
			ul.serviceList .img_box a.industrial  {
				background: url('http://www.re-personnel.co.uk/images/industrial/serviceLink.jpg') center no-repeat;
			}
			ul.serviceList .img_box a.security {
				background: url('http://www.re-personnel.co.uk/images/security/serviceLink.jpg') center no-repeat;
			}
			ul.serviceList .img_box a.hospitality {
				background: url('http://www.re-personnel.co.uk/images/hospitality/serviceLink.jpg') center no-repeat;
			}
			ul.serviceList-last .img_box a.commercial {
				background: url('http://www.re-personnel.co.uk/images/commercial/serviceLink.jpg') center no-repeat;
			}			
			
	.jobTeaser {
		margin: 0px;
		padding: 14px 0;
		border-top: 1px solid #cbcbcb;
		background: #fff;
	}

		.jobTeaser h3 {
			margin: 0 0 0 0;
			padding: 14px 0;
		}
	.jobList h2 {
		margin: 28px 0;
	}
		.jobList .jobTeaser {
			padding-left: 56px;
		}
	
#sidebar {
	width: 306px;
	float: right;
	margin-right: 0;
}
	#findajob_box {
		height: 256px;
		margin: 14px 0 44px 0; 	
	}
	#onsite_box {
		border: 1px solid #e0e0e0;
		margin-top: 14px;	
	}
	#news_box {
		margin: 14px 0;	
	}
		#news_box h2 {

		}
	#headlines_box {
		margin: 0;
		padding: 0;
		margin: 14px 0;		
	}
		#headlines_box h3 {
			margin: 14px 0 0 0;
			padding: 0;
		}
		#headlines_box ul {
			margin: 0;
			padding: 0;		
		}
	.article_box {
		padding: 14px 0;
		border-top: 1px solid #cbcbcb;
	}
		
body.right #sidebar {
	float: left;
	margin-right: 0;
	margin-left: 14px;
}
body.sub #sidebar {
	width: 226px;
}
	body.sub #sidebar #findajob_box {
		margin: 0 14px 0 0; 	
	}
#sitemap {
	clear: both;
	margin: 14px;
}
	#sitemap div.col {
		width: 178px;
		float: left;
		margin-right: 14px;
		font-size: 0.9em;
	}
	#sitemap div.col-last {
		width: 178px;
		float: right;
		font-size: 0.9em;
	}
		#sitemap li {
			padding-left: 10px;
			background: url('../images/list_arrow_small_grey.gif') top left no-repeat;
		}
#footer {
	clear: both;
	margin: 14px 0 0 0;
	background: #27318B url('../images/topBar_bg.jpg') bottom repeat-x;
	border-top: 1px solid #1B1856;
	height: 40px;
}
.clear {
	clear: both;
	height: 0px;
	width: 0px;
	visibility: hidden;
	display: block;
	border: none;
	padding: 0;
	margin: 0;
}
.contact_box {
	border-bottom: 1px solid #cbcbcb;	
}
.img_box {
	border: 1px solid #e0e0e0;
	background-color: #ebebeb;	
}
	#poolStaff_box .headerImg {
		margin: 5px;
		height: 155px;
		background: url('../images/jobs/binoculars.jpg') top right no-repeat;
	}
.img_header {
	border: 1px solid #e0e0e0;
	margin-bottom: 24px;
}
#jobsearch_box {
	width: 276px;
	height: 80px;
	background: url('../images/jobsearch_box_bg.png') top left no-repeat;
	margin: 14px 0 14px 15px;	
}
#servicesearch_box {
	width: 276px;
	height: 80px;
	background: url('../images/servicesearch_box_bg.png') top left no-repeat;
	margin: 14px 0 14px 15px;	
}
	#jobsearch_box form h3, #servicesearch_box form h3{
		padding: 0;
		margin: 0 0 5px 0;
		color: #fff;
		font-weight: normal;
		font-size: 1.6em;
	}
	#jobsearch_box form p, #servicesearch_box form p{
		padding: 0;
		margin: 0;
		color: #fff;
		font-weight: bold;
		font-size: 1.2em;
	}

	#jobsearch_box form select, #servicesearch_box form select{
		height: 20px;
		width: 160px;
	}
		
	#jobsearch_box form, #servicesearch_box form {
		padding: 10px 14px 10px 14px;
	}	
button.search_btn {
	width: 25px;
	height: 24px;
	background: url('../images/search_btn.png') left center no-repeat;
	border: none;
	margin-left: 5px;
	/*position: relative;
	top: -4px;*/	
}
	button.search_btn span {
		position: absolute;
		left: -3000px;
	}

#applForm {
	padding-top: 14px;
	border-top: 1px solid #e0e0e0;
}
span.attr {
	margin-right: 14px;
	padding-right: 14px;
	border-right: 1px solid #cbcbcb;
}

#poolStaff_box {
	width: 292px;
	padding-bottom: 28px;
	background: url('../images/jobs/poolStaff_box_btm.gif') left bottom no-repeat;
	margin-bottom: 50px;
	margin-right: 14px;
}
	#poolStaff_box .box_header {
		height: 163px;
		background: url('../images/jobs/poolStaff_box_head.jpg') left center no-repeat;
	}
	#poolStaff_box ul {
		padding: 14px;
		background: url('../images/jobs/poolStaff_box_midBgGrad.jpg') left top repeat-x;
		border-left: 1px solid #cbcbcb;
		border-right: 1px solid #cbcbcb;
		border-bottom: 1px solid #cbcbcb;
		margin: 0;
	}	
	#poolStaff_box p {
		padding: 14px;
		margin: 0;
		background: #27318B;
		color: #fff;
	}	
	#poolStaff_box h3 {
		margin: 0 0 5px 0;
	}
body.sub #poolStaff_box {
	width: 212px;
	background: url('../images/jobs/poolStaff_box_sub_btm.gif') left bottom no-repeat;
}
	body.sub #poolStaff_box .box_header {
		height: 163px;
		background: url('../images/jobs/poolStaff_box_sub_head.jpg') left center no-repeat;
	}

#browselocation {
	clear: both;
	border-top: 1px dashed #e0e0e0;
}
	#browselocation h2{
		margin: 28px 0 14px 0;
		padding: 0;
	}	

.columnList {
	clear: both;
	padding-top: 0;
}	

	.columnList .column-5 {
		width: 188px;
		float: left;
	}	
	
	.columnList li {
		background: url('../images/list_arrow_small_grey.gif') top left no-repeat;
		padding-left: 10px;
	}
	
/************************ TYPOGRAPHY ************************************************************/
body {
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
}
html>body {
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
}
#sectorHeader, #content, #mainContent, #masthead, #sidebar, #localNav, #sitemap, #footer {
/*background: url("http://localhost/repgroup/images/grid_bg2.gif") top left;*/
padding: 0;
}
h1, h2, h3, h4, h5, h6 {

}
h1 {
	font-size: 2em;
	line-height: 1em;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0.5em;
	font-weight: normal;
}
	#masthead h1 {
		margin-bottom: 0;
	}
	h1.headline {
		margin-top: 20px;
	}
	#mainContent h1 {
		line-height: 1.3em;
	}
	
h2 {
	font-size: 1.5em;
	line-height: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
	font-weight: normal;
}
	h2.jobSectorHead {
		margin: 40px 0 0 0;
		padding: 7px 14px 7px 14px;
		background: #27318B url('../images/topRightCorner.gif') right top no-repeat;
		font-weight: normal;
	}
		h2.jobSectorHead a:link, h2.jobSectorHead a:visited, h2.jobSectorHead a:hover, h2.jobSectorHead a:active {
			color: #fff;
			text-decoration: none;
		}
		
h3 {
	font-size: 1.1667em;
	line-height: 1.286em;
	margin-top: 1.929em;
	margin-bottom: 0.643em;
}

p {  
	font-size: 1em;
	margin-bottom: 1.5em;
	line-height: 1.5em;

}
	#intro p, p.intro {
		font-size: 1.3em;
		margin-top: 1em;
		margin-bottom: 1em;
		line-height: 1.5em;		
	}
a { color:#0087d5; }
a:hover { text-decoration:underline; }

ul {
	font-size: 1em;
	margin-bottom: 1.5em;
	line-height: 1.5em;
}

.policy h2 {
	margin-top: 30px; 
}
.policy ol {
	padding-left: 30px;
	list-style-type: decimal; 
}
.policy ul {
	padding-left: 30px;
	list-style-type: disc; 
}


li {
}
#sitemap a:link, #sitemap a:visited, #sitemap a:hover, #sitemap a:active {
	color: #333333;
}
#sitemap h3 {
	color: #333333;
	border-bottom: 1px solid #e0e0e0;
	font-size: 1em;
}
#sitemap h3 a:hover {
	text-decoration: none;
}

#footer p{
	padding: 14px 0;
	text-align: center;
	color: #fff;
	font-size: 0.9em;
}
#headlines_box li, #poolStaff_box li {
	padding-left: 10px;
	background: url('../images/list_arrow_small.gif') top left no-repeat;
}

span.hide {
	display: none;
}



/************************ NAVIGATION ************************************************************/
/*
#nav {
	padding-top: 8px;
}
#nav, #nav ul {  all lists 
	list-style: none;
	line-height: 1em;
	font-size: 1.2em;
}

#nav a {
	display: block;
	text-align: right;
	color: #fff;
	font-weight: bold;
}

#nav li {
	float: right;
	text-align: left;
	margin: 0 0 0 40px;
}



#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	/*left: auto;*/
}
*/

/* LOCAL NAV *******************************/

#localNav {

}
#localNav ul {
	margin: 0 0 14px 14px;
	padding: 0;
	border-right: 1px solid #dcdcdc;	
}
#localNav ul li {
	margin: 0;
	padding: 10px 10px 10px 50px;
	border-bottom: 1px solid #dcdcdc;
	background: url('../images/localNavBg.jpg') repeat-x;
	font-weight: bold;
}

	#localNav ul li.sub {
		padding: 5px 0 5px 0;
		font-weight: normal;
		background: url('../images/localNavBg_sub.jpg') repeat-x;
	}
		#localNav ul li.sub a{
			margin-left: 66px;
			padding-left: 16px;		
			background: url('../images/list_arrow.gif') top left no-repeat;
			display: block;
			color: #27318B;
		}
#localNav a {
	color: #333333;
	padding-right: 10px;
}
	

/************************ END OF NAVIGATION ************************************************************/


/************************ HOME PAGE LAYOUT ******************************************************************/

body.home #mainContent {
	float: left;
	width: 466px;
	margin: 0;
	padding: 0;
}

		body.home #slideshow {
			border: 1px solid #e0e0e0;
			margin-bottom: 28px;
			position:relative;	
			height: 224px;							
		}
			
		body.home #slideshow div {
			position:absolute;
			top: 0px;
			left: 0px;
			right:0; 
			z-index:8;
			background: #fff;
			height: 224px;			
		}
			body.home #slideshow div h1 {
				width: 464px;
				height: 224px;
				margin: 0;
				padding: 0;
				font-size: 12px;
			}		
		body.home #slideshow div.active {
			z-index:10;
		}
		
		body.home #slideshow div.last-active {
			z-index:9;
		}		
	
			body.home #slideshow a:link, 
			body.home #slideshow a:visited, 
			body.home #slideshow a:hover, 
			body.home #slideshow a:active
			{
				position: relative;
				display: block;
				margin: 0;
				height: 224px;
				background: #f2f2f2;
			}
				body.home #slideshow a:link img, 
				body.home #slideshow a:visited img, 
				body.home #slideshow a:hover img, 
				body.home #slideshow a:active img
				{
					position: absolute;
					top: 0;
					left: 0;
					display: block;
					width: 464px;
					height: 224px;
					background: #f2f2f2;
				}			
body.home #sidebar {
	float: right;
	width: 466px;
	margin: 0;
	padding: 0;
}					
		body.home #sidebar-left {
		float: left;
		width: 226px;
		}
		body.home #sidebar-right {
			float: right;
			width: 226px;
		}	


body.home .sectionLink {
	background: #fff;
	border: 1px solid #e0e0e0;
	margin: 0 0 14px 0;
	padding: 0;
}
	body.home .sectionLink a:link, 
	body.home .sectionLink a:visited, 
	body.home .sectionLink a:hover, 
	body.home .sectionLink a:active
	{
		display: block;
		margin: 1px;
		height: 102px;
		background: #f2f2f2;
		text-indent: -9000em;
		line-height: 0;
	}
		body.home .sectionLink a:link img, 
		body.home .sectionLink a:visited img, 
		body.home .sectionLink a:hover img, 
		body.home .sectionLink a:active img
		{
			display: block;

		}
body.home #newsSection {
	clear: both;
	padding-top: 14px;
	border-top: 1px dashed #e0e0e0;
}
	body.home #newsSection h2 {
		margin-bottom: 30px;
		clear: both;
	}
	body.home #newsSection #newsSumm1 {
		float: left;
		width: 226px;
		margin-left: 0;
	}
	body.home #newsSection #newsSumm2, body.home #newsSection #newsSumm3 {
		float: left;
		width: 226px;
		margin-left: 14px;
	}
	body.home #newsSection #newsSumm4 {
		float: right;
		width: 226px;
		margin-left: 0;
	}
	body.home #newsSection h3, body.home #newsSection p{
		padding-right: 10px;
	}
	body.home #newsSection h2{
		padding: 0;
		margin: 0;
	}
	
span.form_error {
	color: red;
}	
ul.bullet, .article ul {
	list-style-type: disc;
}
	ul.bullet li, .article ul li{
		margin-left: 15px;
	}
form {
	border: 1px dashed #D0E6D6;
	background: #F3F5E9;
}
	form h2 {
		margin: 0 0 0 0;
	}
	form p {
		margin: 12px 0 0 0;
	}
	form input, form textarea, form select {
		border: 1px solid #99a1d2;
	}
form.entry {
	margin-bottom: 28px;
}

#latestNews {
	clear: both;
	border-top: 1px dashed #e0e0e0;
	margin: 28px 0;
}
	#latestNews h3{
		margin: 0 0 7px 0;
		padding: 0 10px 0 0;
	}
	#latestNews p{
		margin: 0;
		padding: 0 10px 0 0;
	}
.newsSnippet1, .newsSnippet2 {
	width: 226px;
	float: left;
	margin-right: 14px;	
}
.newsSnippet3 {
	width: 226px;
	float: left;
}
.newsSnippet4 {
	width: 226px;
	float: right;
}


#jobsearch_box {
	width: 276px;
	height: 80px;
	background: url('../images/jobsearch_box_bg.png') top left no-repeat;
	margin: 14px 0 14px 15px;	
}
#servicesearch_box {
	width: 276px;
	height: 80px;
	background: url('../images/servicesearch_box_bg.png') top left no-repeat;
	margin: 14px 0 14px 15px;	
}
	#jobsearch_box form, #servicesearch_box form {
		padding: 0;
		margin: 0;
		border: none;
		background: none;
	}
	#jobsearch_box form h3, #servicesearch_box form h3{
		padding: 0;
		margin: 0 0 5px 0;
		color: #fff;
		font-weight: normal;
		font-size: 1.6em;
	}
	#jobsearch_box form p, #servicesearch_box form p{
		padding: 0;
		margin: 0;
		color: #fff;
		font-weight: bold;
		font-size: 1.2em;
	}

	#jobsearch_box form select, #servicesearch_box form select{
		height: 20px;
		width: 160px;
		border: none;
	}
		
	#jobsearch_box form, #servicesearch_box form {
		padding: 10px 14px 10px 14px;
	}	
button.search_btn {
	width: 25px;
	height: 24px;
	background: url('../images/search_btn.png') left bottom no-repeat;
	border: none;
	margin-left: 5px;
	position: relative;
	top: 4px;	
}
	button.search_btn span {
		position: absolute;
		left: -3000px;
	}

p.assocLogos{
	text-align: center;
}

p.assocLogos img {
	margin: 20px 55px 20px 55px;
}