body *{
	margin:0;
	padding:0;
}

body{
	background:#fff url("images/background.gif") repeat;
	font-family: arial, sans-serif;
	font-size:.8em;
	text-align:center;
	margin:0 auto 0 auto;
	width:775px;
}

A, A:link, A:visited, A:hover, A:active{
	text-decoration:none;
}
	A img{
		border:0;
	}

/** GENERIC CLASSES **/
.locationsList {
   margin-left: 20 px;	
}
.offScreen {
	position: absolute;
	left: -5000px;
}
	
.clear{
	clear:both;
}
	
.error{
	color:#c00;
}

.tiny{
	font-size:80%;
}

form{
}
	form fieldset{
		border:0px;
		margin:.5em 0 2.5em 0;
		padding:0;
	}
	form label.dataEntry{
		width:300px;
		display:block;
		float:left;
		clear:both;
		margin:1em 0 0 .5em;
	}
		form label.dataEntry strong{
			float:left;
			width:112px;
		}
		form label.dataEntry input{
			width:11em;
		}
		form label.dataEntry textarea{
			width:11em;
		}		
		form label.dataEntry select{
			width:9em;
			float:left;
			display:inline;
		}	
		form label.dataEntry input,
		form label.dataEntry textarea		
		{
			float:left;
		}
		form label.last{
			margin-bottom:2em;
		}
		
body div#pageContainer{
	width:775px;
	text-align:left;
	background:#fff url("images/page_background.gif") repeat-y 0 0;
	position:relative;
	min-height:1000px;
	float:left;  /* this may cause an issue in IE5 - need to check */	
}

	body div#pageContainer div#header{
		background:url("images/header_background.jpg") no-repeat 250px 0;
		height:142px;
	}
		body div#pageContainer div#header img#logo{
			position:absolute;
			top:0px;
			left:16px;	
		}
		body div#pageContainer div#header img#REC{
			position:absolute;
			top:13px;
			left:672px;	
		}
		body div#pageContainer div#header H1{
			position:absolute;
			top:99px;
			left:250px;	
		}		
		body div#pageContainer div#header H2{
			position:absolute;
			top:111px;
			left:606px;	
		}	
		
body div#pageContainer ul#nav{
	width:740px;
	list-style:none;
	background: url("images/nav_background.jpg") no-repeat;
	margin-left:10px;
	float:left;
	display:inline;
	margin-bottom:15px;
}
	body div#pageContainer ul#nav li{
		margin-left: 11px;
		float:left;
		padding:8px 20px 8px 0px;
		background: transparent url("images/nav_divider.jpg") no-repeat 100% 0;	
	}
		body div#pageContainer ul#nav li#job_basket{
			background: url("images/basket.gif") no-repeat 100% 50%;	
			float:right;
			padding-right:30px;
			margin-right:20px;
		}

		body div#pageContainer ul#nav li a{
			color:#344a56;
			font-weight:bold;
		}
			body div#pageContainer ul#nav li a:hover{
				text-decoration:underline;
			}

	body div#pageContainer div#secondaryNav{
	background: #4385cf url("images/nav_2_background.gif") no-repeat;
	float:left;
	width:180px;
	margin-left:14px;
	display:inline;
	}
		body div#pageContainer div#secondaryNav H3{
			margin:16px 0 0 30px;
		}
		
		body div#pageContainer div#secondaryNav ul{
			list-style:none;
			margin:14px 0 0 14px;
		}
			body div#pageContainer div#secondaryNav ul li{
				width:154px;
				height:83px;
				margin-bottom:17px;
			}
				body div#pageContainer div#secondaryNav ul li#sector_industrial{
					background: url("images/sector_industrial.jpg") no-repeat;
				}
					body#body_sector_industrial div#pageContainer div#secondaryNav ul li#sector_industrial{
						background: url("images/sector_industrial_active.jpg") no-repeat;
					}				
						body#body_sector_industrial div#pageContainer div#secondaryNav ul li#sector_industrial A{
							color:#FFFFFF;
						}				
				body div#pageContainer div#secondaryNav ul li#sector_commercial{
					background: url("images/sector_commercial.jpg") no-repeat;
				}
					body#body_sector_commercial div#pageContainer div#secondaryNav ul li#sector_commercial{
						background: url("images/sector_commercial_active.jpg") no-repeat;
					}				
						body#body_sector_commercial div#pageContainer div#secondaryNav ul li#sector_commercial A{
							color:#5b4500;
						}				
				body div#pageContainer div#secondaryNav ul li#sector_drivers{
					background: url("images/hgv_driving_jobs.jpg") no-repeat;
				}
					body#body_sector_drivers div#pageContainer div#secondaryNav ul li#sector_drivers{
						background: url("images/hgv_driving_jobs_active.jpg") no-repeat;
					}				
						body#body_sector_drivers div#pageContainer div#secondaryNav ul li#sector_drivers A{
							color:#FFFFFF;
						}				
				body div#pageContainer div#secondaryNav ul li#sector_onsite{
					background: url("images/sector_onsite.jpg") no-repeat;
				}
					body#body_sector_onsite div#pageContainer div#secondaryNav ul li#sector_onsite{
						background: url("images/sector_onsite_active.jpg") no-repeat;
					}				
						body#body_sector_onsite div#pageContainer div#secondaryNav ul li#sector_onsite A{
							color:#FFFFFF;
						}		
			body div#pageContainer div#secondaryNav ul li a{
				font-weight:bold;
				color:#000;
				float:left;
				padding-top:64px;
				padding-left:10px;
				width:154px !important;
				width:131px;  /*FIX - IE margin*/ /*TODO - test with IE7 */
			}
			
		body div#pageContainer div#secondaryNav div.onSite{
			width:180px;
			height:134px;
			background: url() no-repeat;
			border-top:16px solid #fff;
		}
			body div#pageContainer div#secondaryNav div.onSite a{
				font-weight:bold;
				color:#fff;
				width:160px;
				height:1%;
				display:block;
				float:left;		
				padding:100px 0 0 20px;
			}
	
	body div#pageContainer div#mainContent{
		width:315px;
		float:left;
		margin-left:44px;
	}
		body div#pageContainer div#mainContent p{
			margin:1em 0 1em 0;
			line-height:1.25em;
		}
		body div#pageContainer div#mainContent p#onSite_miniBanner{
			width: 314px;
			height: 86px;
			background: #FC3 url("images/onsite_miniBanner.jpg") no-repeat;
			border-left: 1px solid #FC3;
			display:block;
			margin:2em 0 2em 0;
		}		
			body div#pageContainer div#mainContent p#onSite_miniBanner em{
				padding-top:30px;
				margin-left:148px;
				display:block;
				font-style:normal;
			}
			body div#pageContainer div#mainContent p#onSite_miniBanner a{
				margin-left:148px;
				display:block;
				margin-top:5px;
			}
					body div#pageContainer div#mainContent p#hgv_miniBanner{
			width: 314px;
			height: 86px;
			background: #FC3 url("images/HGV_miniBanner.jpg") no-repeat;
			border-left: 1px solid #FC3;
			display:block;
			margin:2em 0 2em 0;
		}		
			body div#pageContainer div#mainContent p#hgv_miniBanner em{
				padding-top:30px;
				margin-left:148px;
				display:block;
				font-style:normal;
			}
			body div#pageContainer div#mainContent p#hgv_miniBanner a{
				margin-left:148px;
				display:block;
				margin-top:5px;
			}
						body div#pageContainer div#mainContent p#ind_miniBanner{
			width: 314px;
			height: 86px;
			background: #FC3 url("images/Industry_miniBanner.jpg") no-repeat;
			border-left: 1px solid #FC3;
			display:block;
			margin:2em 0 2em 0;
		}		
			body div#pageContainer div#mainContent p#ind_miniBanner em{
				padding-top:30px;
				margin-left:148px;
				display:block;
				font-style:normal;
			}
			body div#pageContainer div#mainContent p#ind_miniBanner a{
				margin-left:148px;
				display:block;
				margin-top:5px;
			}
				
		/** VACANCY LIST **/
		body div#pageContainer div#mainContent div#vacancies{
		}			
			body div#pageContainer div#mainContent div#vacancies ul.vacancy_list{
				list-style:none;
			}
				body div#pageContainer div#mainContent div#vacancies ul.vacancy_list li{
					border-bottom:1px dotted #c2d2da;
					margin-bottom:.5em;
					padding-top:.25em;
				}
				body div#pageContainer div#mainContent div#vacancies ul.vacancy_list li strong,
				body div#pageContainer div#mainContent div#vacancies ul.vacancy_list li p
				{
					padding:0 0 0 20px;
					margin:.5em 0 .5em 0;
				}
				body div#pageContainer div#mainContent div#vacancies ul.vacancy_list li.commercial p{
					background: url("images/bar_yellow.gif") repeat-y 0px;
				}
				body div#pageContainer div#mainContent div#vacancies ul.vacancy_list li.industrial p{
					background: url("images/bar_red.gif") repeat-y 0px;
				}
				body div#pageContainer div#mainContent div#vacancies ul.vacancy_list li.drivers p{
					background: url("images/bar_purple.gif") repeat-y 0px;
				}
					body div#pageContainer div#mainContent div#vacancies ul.vacancy_list li p a{
						display:block;
					}
						body div#pageContainer div#mainContent div#vacancies ul.vacancy_list li p a.remove{
							display:block;
							float:right;
							margin-top:-13px;
						}					
				body div#pageContainer div#mainContent div#vacancies ul.vacancy_list li.commercial{
	
				}
			body div#pageContainer div#mainContent div#vacancies a.more{
				display:block;
				float:right;
			}			
				
	/* SEARCH RESULTS */
		body div#pageContainer div#mainContent div#search_results{
			font-size:95%;
		}			
			body div#pageContainer div#mainContent div#search_results ul.vacancy_list{
				list-style:none;
			}
				body div#pageContainer div#mainContent div#search_results ul.vacancy_list a{
					color:#641a32;
				}
				body div#pageContainer div#mainContent div#search_results ul.vacancy_list li{
					border-bottom:1px dotted #c2d2da;
					margin-bottom:.5em;
					padding-bottom:.75em;
				}	
				body div#pageContainer div#mainContent div#search_results ul.vacancy_list li.commercial{
					background: url("images/bar_yellow2.gif") no-repeat 0px;
				}
				body div#pageContainer div#mainContent div#search_results ul.vacancy_list li.industrial{
					background: url("images/bar_red2.gif") no-repeat 0px;
				}
				body div#pageContainer div#mainContent div#search_results ul.vacancy_list li.drivers{
					background: url("images/bar_purple2.gif") no-repeat 0px;
				}
				body div#pageContainer div#mainContent div#search_results ul.vacancy_list dl{
					line-height:1.5em;
					float:left;
				}
				body div#pageContainer div#mainContent div#search_results ul.vacancy_list a,
				body div#pageContainer div#mainContent div#search_results ul.vacancy_list dl
				{
					padding-left:19px;
					display:block;
				}
				body div#pageContainer div#mainContent div#search_results ul.vacancy_list dl dt{
					color:#641a32;
					font-weight:bold;
					float:left;
				}
					body div#pageContainer div#mainContent div#search_results ul.vacancy_list dl dt.location_title,
					body div#pageContainer div#mainContent div#search_results ul.vacancy_list dl dt.salary_title
					{
						width:67px;
					}
					body div#pageContainer div#mainContent div#search_results ul.vacancy_list dl dt.type_title,
					body div#pageContainer div#mainContent div#search_results ul.vacancy_list dl dt.added_title
					{
						width:50px;
					}
				body div#pageContainer div#mainContent div#search_results ul.vacancy_list dl dd{
					float:left;
				}
					body div#pageContainer div#mainContent div#search_results ul.vacancy_list dl dd.location_value,
					body div#pageContainer div#mainContent div#search_results ul.vacancy_list dl dd.salary_value
					{
						width:104px;
					}
					body div#pageContainer div#mainContent div#search_results ul.vacancy_list dl dd.type_value,
					body div#pageContainer div#mainContent div#search_results ul.vacancy_list dl dd.added_value
					{
						width:74px;
					}
				body div#pageContainer div#mainContent div#search_results a.add_to_basket{
					position:relative;
					left:242px;
					top:6px;
					width:12px;
				}
			body div#pageContainer div#mainContent div#search_results p.paging_controls{
				width:100%;
				text-align:center;
				background-color:#F0F;
				float:left;				
			}
				body div#pageContainer div#mainContent div#search_results p.paging_controls a.prev,
				body div#pageContainer div#mainContent div#search_results p.paging_controls a.prev img
				{
					/*float:left;
					margin-top:2px;
					display:none;*/
					float:left;
				}
				body div#pageContainer div#mainContent div#search_results p.paging_controls span{

				}
				body div#pageContainer div#mainContent div#search_results p.paging_controls a.more,
				body div#pageContainer div#mainContent div#search_results p.paging_controls a.more img
				{
					/*
					float:right;
					margin-right:10px;
					display:none;
					*/
					position:relative;
				}


				body div#pageContainer div#mainContent div.wizControls{
					float:left;
					clear:both;
					width:100%;
				}
					body div#pageContainer div#mainContent div.wizControls.first{
						padding-top:1.5em;
						margin-bottom:1em;
					}
					
				body div#pageContainer div#mainContent input.wiz_next,
				body div#pageContainer div#mainContent input.wiz_register
				{
					float:right;
				}
				body div#pageContainer div#mainContent input.wiz_prev{
					float:left;
				}
		body div#pageContainer div#mainContent ul.standard{
			margin-left:30px;
			margin-bottom:1em;
			line-height:1.5em;
		}
								
	body div#pageContainer div#tertiaryNav{
		width:154px;
		float:left;
		margin-left:45px;
	}
		body div#pageContainer div#tertiaryNav div.search{
			text-align:center;
			background: #c36 url("images/blob_search_top.gif") no-repeat;
			padding-top:35px;
		}
				body div#pageContainer div#tertiaryNav div.search label select{
					width:100px;
					margin-bottom:.25em;
				}
			body div#pageContainer div#tertiaryNav div.search input{
				background-color:#c36;
				display:block;
			}
		body div#pageContainer div#tertiaryNav a.register,
		body div#pageContainer div#tertiaryNav a.employers
		{
			margin-top:12px;
			float:left;
		}	
	
	
	body div#pageContainer div#footer{
		float:left;
		clear:left;
		margin-top:5em;
	}
		body div#pageContainer div#footer p{
			width:775px;
			height:50px;
			background-color:#e8eef1;
			text-align:center;
			font-size:75%;
			padding-top:1em;
		}	
	

	div#vacancy_details{
		border-bottom:1px dotted #c2d2da;
		float:left;
		padding-bottom:1em;
		width:300px;
	}
		div#vacancy_details h5{
			border-top:1px dotted #c2d2da;
			padding-top:1em;
			margin-top:1em;		
			font-size:100%;
			color:#641A32;
		}
		div#vacancy_details dl{
			margin-top:1em;
			color:#641A32;
			float:left;
		}
			div#vacancy_details dl.commercial{
				background: #fff url("images/bar_yellow.gif") repeat-y 0;
			}
			div#vacancy_details dl.industrial{
				background: #fff url("images/bar_red.gif") repeat-y 0;
			}
			div#vacancy_details dl.drivers{
				background: #fff url("images/bar_purple.gif") repeat-y 0;
			}
			div#vacancy_details dt{
				clear:left;
				width:80px;
				font-weight:bold;
				margin-left:30px;
			}
			div#vacancy_details dd{
				width:100px;
			}
			div#vacancy_details dt,
			div#vacancy_details dd
			{
				float:left;
				line-height:2em;
				display:inline;
			}
			div#vacancy_details a.add_to_basket{
				clear:left;
				float:left;
				margin-left:250px;
			}
				div#vacancy_details a.add_to_basket img{
				}
		
/** PAGE SPECIFIC **/
	body#employee_register label em,
	body#employers_add_vacancy label em
	{  /* for file upload comment*/
		display:inline;
		clear:left;
		float:left;
		width:190px;
		font-size:90%;
		color:#666;
		margin:.5em 0 0 110px;
	}	
	
	body#employee_register input.submit,
	body#employers_add_vacancy input.submit,
	body#contact_us input.submit
	{
		margin:2em 0 0 120px;
	}

body#onsite p#onSite_miniBanner{
	
}	

/** LIR **/	
.LIR{
    overflow: hidden;
    background-repeat: no-repeat;    
}

	#LIR_people_first,
	#LIR_phone,
	#LIR_sectors
	{
	}
	
	#LIR_people_first{
   		padding: 18px 0 0 0;		
		background-image:url("images/LIR/putting_people_first.gif");
	    height: 0px !important;
		height /**/:18px;
	}

	#LIR_phone{
		width:146px;
		padding: 20px 0 0 0;
		background-image:url("images/LIR/phone_number.gif");
	    height: 0px !important;
		height /**/:20px;
	}
	#LIR_sectors{
		width:107px;
		padding: 35px 0 0 0;
		background-image:url("images/LIR/recruitment_sectors_on_blue.gif");
	    height: 0px !important;
		height /**/:35px;
	}
	#LIR_welcome{
		width:241px;
		padding: 14px 0 0 0;
		background-image:url("images/LIR/welcome_to_southern_recruit.gif");
	    height: 0px !important;
		height /**/:14px;
	}
	#LIR_find_out_more{
		width:82px;
		padding: 10px 0 0 0;
		background-image:url("images/LIR/find_out_more.gif");
	    height: 0px !important;
		height /**/:10px;
	}	
	#LIR_latest_vacancies{
		width:314px;
		padding: 42px 0 0 0;
		background-image:url("images/LIR/latest_vacancies.jpg");
	    height: 0px !important;
		height /**/:42px;
	}
	#LIR_search_results{
		width:315px;
		padding: 43px 0 0 0;
		background-image:url("images/LIR/search_results.jpg");
	    height: 0px !important;
		height /**/:43px;
	}
	#LIR_job_basket{
		width:315px;
		padding: 41px 0 0 0;
		background-image:url("images/LIR/my_jobs.jpg");
	    height: 0px !important;
		height /**/:41px;
	}				
	#LIR_more_vacancies{
		display:block;
		width:51px;
		padding: 13px 0 0 0;
		background-image:url("images/LIR/more_and_arrow.gif");
	    height: 0px !important;
		height /**/:13px;
	}		
	#LIR_prev_vacancies{
		display:block;
		width:72px;
		padding: 13px 0 0 0;
		background-image:url("images/LIR/prev_and_arrow.gif");
	    height: 0px !important;
		height /**/:13px;
	}		
	#LIR_sector_industrial{
		width:314px;
		padding: 14px 0 0 0;
		background-image:url("images/Industry_miniBanner.jpg");
	    height: 86px !important;
		height /**/:14px;
	}
	#LIR_sector_commercial{
		width:220px;
		padding: 14px 0 0 0;
		background-image:url("images/LIR/sector_heading_commercial.gif");
	    height: 0px !important;
		height /**/:14px;
	}
	#LIR_sector_drivers{
		width:314px;
		padding: 14px 0 0 0;
		background-image:url("images/HGV_miniBanner.jpg");
	    height: 86px !important;
		height /**/:30px;
	}	
	#LIR_register_for_jobs{
		width:200px;
		padding: 18px 0 0 0;
		background-image:url("images/LIR/register_for_job_alerts.gif");
	    height: 0px !important;
		height /**/:18px;
	}
	#LIR_enter_personal_details{
		margin-left:10px;
		width:271px;
		padding: 14px 0 0 0;
		background-image:url("images/LIR/please_enter_your_personal_details.gif");
	    height: 0px !important;
		height /**/:14px;
	}		
        #LIR_already_registered{
                margin-left:10px;
                width:271px;
                padding: 14px 0 0 0;
                background-image:url("images/LIR/already_registered.gif");
            height: 0px !important;
                height /**/:14px;
        }

	#LIR_your_current_job{
		margin-left:50px;
		width:177px;
		padding: 14px 0 0 0;
		background-image:url("images/LIR/about_your_current_job.gif");
	    height: 0px !important;
		height /**/:14px;
	}
	#LIR_about_position_sought{
		margin-left:20px;
		width:276px;
		padding: 14px 0 0 0;
		background-image:url("images/LIR/about_position_sought.gif");
	    height: 0px !important;
		height /**/:14px;
	}
	#LIR_employers_add_vacancy{
		margin-left:20px;
		width:260px;
		padding: 18px 0 0 0;
		background-image:url("images/LIR/employers_add_your_vacancy.gif");
	    height: 0px !important;
		height /**/:18px;
	}
	#LIR_your_contact_details{
		margin-left:60px;
		width:162px;
		padding: 14px 0 0 0;
		background-image:url("images/LIR/your_contact_details.gif");
	    height: 0px !important;
		height /**/:14px;
	}
	#LIR_your_vacancy_details{
		margin-left:50px;
		width:163px;
		padding: 14px 0 0 0;
		background-image:url("images/LIR/your_vacancy_details.gif");
	    height: 0px !important;
		height /**/:14px;
	}
	#LIR_contact_us{
		margin-left:100px;
		width:97px;
		padding: 18px 0 0 0;
		background-image:url("images/LIR/contact_us.gif");
	    height: 0px !important;
		height /**/:18px;
	}
	#LIR_vacancy_details{
		width:315px;
		padding: 56px 0 0 0;
		background-image:url("images/LIR/vacancy_details.jpg");
	    height: 0px !important;
		height /**/:56px;
	}				
	#LIR_your_contact_details{
		padding: 14px 0 0 0;
		background-image:url("images/LIR/your_contact_details.gif");
	    height: 0px !important;
		height /**/:14px;
	}
	#LIR_your_vacancy_details{
		margin-left:50px;
		width:163px;
		padding: 14px 0 0 0;
		background-image:url("images/LIR/your_vacancy_details.gif");
	    height: 0px !important;
		height /**/:14px;
	}
	#LIR_contact_us{
		margin-left:100px;
		width:97px;
		padding: 18px 0 0 0;
		background-image:url("images/LIR/contact_us.gif");
	    height: 0px !important;
		height /**/:18px;
	}
	#LIR_vacancy_details{
		width:315px;
		padding: 56px 0 0 0;
		background-image:url("images/LIR/vacancy_details.jpg");
	    height: 0px !important;
		height /**/:56px;
	}				
.small {
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}