/* CSS Document */


/* CLEAR FIX ---------------------------*/	
.clearfix {display: inline-block;}


/* TEXT SETTINGS ---------------------------*/	
body, div, p, table, th, tr, td, ul, ol, li, h1, h2, h3{
font-family: Verdana, Arial, Helvetica, sans-serif;		
font-size: 12px;
}

html{
 overflow:-moz-scrollbars-vertical;
}

BODY {
	margin:0px 0 30px 0;
	padding:0px 0 2em 0;
	text-align:center;
	background:url(images/background_tile.gif) 50% 0 repeat-y;
	}
	

p  {
	color:#0071af; 
	line-height:1.25em;
	margin: 0 0 1em 0;
	}

a {
	color:#0071af;
	text-decoration:none;
	}
	
.white  {
	color:#ffffff;
	font-size:85%; 
	margin: 0 0 .1em 0;
	}
	
.plain_white	{
	color: #fff;
	font-size:95%;
	}
	
.orange  {
	color:#f5821f;
	}

.darkblue  {
	color:#003366;
	font-size:93%;
	font-weight: bold;
	}

	
.font_size	{
	font-size: 115%;
	}
	
.font_size_white	{
	font-size: 115%;
	color:#fff;
	font-weight:bold;
	}
	
.middle_link{
	font-weight: normal;
	text-decoration:underline;
}

.active_link {
	color:#0071af;
	text-decoration: underline;
	}

.nextbutton{
  width: 86px;
  height: 25px;
}
.submitbutton{
  width: 300px;
  height: 25px;
}

a:hover {
	text-decoration:underline;
	}
	
h1 {
	font-size:150%;
	color:#fff;	
	}
	
h2 {
	font-size:220%;
	font-weight: normal;
	color:#fff;
	margin: 0 0 5px 0;
	}
	
h3 {
	color: #f5821f;
	font-weight: bold;
	padding: 15px 0 10px 0;
	margin:0 0 0 0;
	}
	
	hr {color: #f5821f;}
	
h4 {
	font-size:130%;
	color:#ffffff;
	font-weight: bold;
	margin:0 0 .1em 0;
	}
	
h5 {
	font-size:105%;
	color:#0071af;	
	padding: 0 0 0 0;
	}

	
/* MAINSTRUCTURE  ---------------------------------------------------- */	
#wrap{
	margin:0 auto;
	width: 860px;
	background: #ffffff;
	text-align:left;
	border: 0px red solid;
	padding: 0 20px 0 20px;
		}
		
#header	{
	margin: 20px 0px 0 0px;
	height: 45px;
	width: 860px;
	background: url(images/esure_logo.gif) no-repeat left top;
}

#header	p{
float:right;
}

#header	img{
float:left;
}

#header	p a{
	font-size:85%;
	color: #666666;
	font-weight: bold;
}

#header_img_home	{
	text-align:left;
	height: 160px;
	width: 260px;
	background-image: url(images/header_img.jpg);
	margin: 20px 0 0 0;
	padding: 80px 0 0 600px;
}

#header_img_working	{
	text-align:left;
	height: 125px;
	width: 580px;
/*	background-image: url(images/header_img_working.jpg);*/
	background-image: url(images/header_img_working1.jpg);	
	margin: 20px 0 0 0;
	padding: 60px 0 0 280px;
}

#header_img_working2	{
	text-align:left;
	height: 125px;
	width: 580px;
/*	background-image: url(images/header_img_working.jpg);*/
	background-image: url(images/header_img_working4.jpg);	
	margin: 20px 0 0 0;
	padding: 60px 0 0 280px;
}

#header_img_working_links	{
	text-align:left;
	height: 125px;
	width: 580px;
	background-image: url(images/header_img_working.jpg);
	margin: 20px 0 0 0;
	padding: 50px 0 0 500px;
}

#header_img_working_technology	{
	text-align:left;
	height: 125px;
	width: 580px;
	background-image: url(images/header_img_technology.jpg);
	margin: 20px 0 0 0;
	padding: 60px 0 0 280px;
}

#header_img_locations	{
	text-align:left;
	height: 134px;
	width: 360px;
	background-image: url(images/header_img_locations.jpg);
	margin: 20px 0 0 0;
	padding: 50px 0 0 500px;
}

#header_img_glasgow	{
	text-align:left;
	height: 134px;
	width: 360px;
	background-image: url(images/header_img_glasgow.jpg);
	margin: 20px 0 0 0;
	padding: 50px 0 0 500px;
}

#header_img_reigate	{
	text-align:left;
	height: 134px;
	width: 360px;
	background-image: url(images/header_img_reigate.jpg);
	margin: 20px 0 0 0;
	padding: 50px 0 0 500px;
}

#header_img_manchester	{
	text-align:left;
	height: 134px;
	width: 360px;
	background-image: url(images/header_img_manchester.jpg);
	margin: 20px 0 0 0;
	padding: 50px 0 0 500px;
}

#header_img_about	{
	text-align:left;
	height: 134px;
	width: 360px;
	background-image: url(images/header_img_about.jpg);
	margin: 20px 0 0 0;
	padding: 50px 0 0 500px;
}

#header_img_application	{
	text-align:left;
	height: 100px;
	width: 500px;
	background-image: url(images/header_img_application.jpg);
	margin: 20px 0 0 0;
	padding: 30px 0 0 360px;
}

#header_img_jobsearch	{
	text-align:left;
	height: 134px;
	width: 360px;
	background-image: url(images/header_img_jobsearch.jpg);
	margin: 20px 0 0 0;
	padding: 50px 0 0 500px;
}

/* left  ---------------------------------------------------- */	
#left	{
	float:left;
	width: 175px;
	padding:30px 0 0 0;
	margin: 0 0 0 0;
}


#left h3{
	padding: 0 0 15px 0;
	margin:0 0 0 0;
}


#leftboxes	{
	float:left;
	width: 175px;
	padding:0 0 0 0;
	margin: 0 0 0 0;
}

#left ul	{
	float:left;
	padding: 0;
	margin: 0;
}

#left ul li{
	font-weight: bold;
	width: 175px;
	float:left;
	list-style-type: none;
	padding: 10px 0 10px 0;
	border-top: 1px #f5821f solid;
}


#left ul a, #right ul a:visited{
	text-align:left;
}




#left ul li ul li{
	padding: 15px 0 5px 0;
	margin: 0 0 0 35px;
	font-weight: normal;
	float:left;
	list-style-type: none;
	padding: 15px 0 5px 0;
	border: none;
	width: 130px;
	list-style-position: outside;
	list-style-image: url(images/arrow.gif);
}


.box  {
	text-align:left;
	height: 104px;
	width: 135px;
	padding: 20px 0 0 15px;
	margin: 20px 0 0 0;
	background-image: url(images/blue_box.jpg);
}

.box  p{
color:#FFFFFF;
font-size:90%;
}

.box a {
	text-decoration:underline;
	font-weight:bold;
	margin: 10px 0 0 0;
}




/* middle  ---------------------------------------------------- */
#middle	{
	text-align:left;
	float:left;
	margin: 0 20px 0 22px;
	padding: 30px 0 0 0;
	width: 365px;
}

#employeetext	{
	text-align:left;
	float:left;
	margin: 0 0 0 40px;
	padding: 30px 0 0 0;
	width: 620px;
}

#wide {
	width: 500px;
	}


#middle a{
	font-weight: bold;
}

#middle_wide	{
	text-align:left;
	float:left;
	margin: 0 0 0 40px;
	padding: 30px 0 0 0;
	width: 610px;
}
	
#middle_wide ul	{
	/*list-style-type: none;*/
	list-style-type: disc;
	list-style-position: inside;	
	margin: 10px 0 10px 0;
	padding: 0;	
	}
	
#middle_wide_access	{
	text-align:left;
	float:left;
	margin: 0 0 0 40px;
	padding: 30px 0 0 0;
	width: 610px;
	}
	#middle_wide_access ul	{
	/*list-style-type: none;*/
	list-style-type: none;
	margin: 10px 0 10px 0;
	padding: 0;
	}	

#middle_wide li	{
	color:#0071af;
	}

#middle_wide ol	{
	margin:0 0 0 0px;
/*	margin:0 0 0 20px;	*/
	padding:0;
	}

#middle_wide_benefits	{
	text-align:left;
	float:left;
	margin: 0 0 0 40px;
	padding: 30px 0 0 0;
	width: 610px;
	}
	
#middle_wide_benefits ul	{
	list-style-type:disc;
	margin: 10px 0 10px 0;
	padding: 0;	
	list-style-position: inside;
	text-align: left;
	}

#middle_wide_benefits li	{
	color:#0071af;
	}

#middle_wide_benefits ol	{
	margin:0 0 0 20px;
	padding:0;
	}

#middle_widest	{
	text-align:left;
	float:left;
	margin: 0 0 0 20px;
	padding: 30px 45px 0 0;
	width: 750px;
}

#etour	{
	width: 860px;
	height: 410px;
	margin: 20px 0 40px 0;

}

#etour p	{
	margin: 10px 0 0 10px;
}


/* right  ---------------------------------------------------- */
#right	{
	margin: 20px 0 0 0;
	float: left;
	width:271px;
}

#jobspanel	{
	margin: 10px 0 0 0;
	padding: 10px 10px 10px 10px;
	border: 1px solid  #CCCCCC;
}

.jobitem {
	padding: 8px 0 8px 0;
	border-top: 1px #f5821f solid;
}

.jobitem p {
	float:left;
	width:200px;
	font-size:95%;
}

.jobitem a {
	color:#f5821f;
	font-weight:bold;
}

#right_short	{
	margin: 10px 20px 10px 0px;
	float:left;
	width: 200px;
}

#right_short	img{
	margin:0;
	padding:0;
	float:left;
}

#right_short_w	{
	margin: 10px 30px 30px 0;
	padding: 0 0 30px 0;
	float:left;
	width: 200px;
}

#right_short_w	img{
margin:0;
padding:0;
float:left;
}

#right_short h4	{
	color:#fff;
	font-size:110%;
	font-weight: bold;
}

#right_blue	{
	height: 70px;
	width: 170px;
	padding: 20px 15px 0 15px;
	float:left;
	background-image: url(images/working_blue_small.gif);
	}

#right_blue	p{
	color:#ffffff;
	font-size:93%; 
	margin: 0 0 5px 0;
	}
	
#right_blue	a{
	color:#fff;
	font-size:100%;
	font-weight: bold;
	text-decoration:underline;
	}
	

/* footer  ---------------------------------------------------- */

#footer	{
	text-align: center;
	height: 141px;
	width:900px;
	background-image: url(images/footer_curve.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 30px 30px 0 30px;
}

#footer	a{
	color: #fff;
}

.footer_text_top	{
	color: #999;
	font-size:95%;
	padding: 22px 0 0 0;
}

.footer_text_bottom	{
	text-align: left;
	color: #fff;
	font-size:95%; 
	padding: 40px 0 0 30px;
}


/* MAIN NAV  ---------------------------------------------------- */
#nav	{
	margin: 0 0px 0 0px;
	height: 25px;	
}

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

#nav ul li{
	float:left;
	padding: 0;
	margin: 0 1px 0 0;
	list-style-type: none;
	height: 25px;
}

#nav ul .end{	
	margin: 0 0px 0 0;	
}

#nav ul li a, #nav ul li a:visited{
	color: #fff;
	background-color:#fe9900;
	background-repeat:no-repeat;	
	padding:5px 0;
	text-align:center;
	height:15px;
	display:block;
}

#nav ul li a:hover{
	color: #fff;
	background-color:#febf2c;
	text-decoration:none;	
}



.home	{width: 88px; background-image: url(images/end_curves_left.gif); background-position:0 0} 
.about	{width: 101px;}
.locations	{width: 104px;}
.working	{width: 171px;}
.etour	{width: 81px;}
.job	{width: 110px;}
.apply	{width: 80px;}
.esure	{width: 118px; background-image: url(images/end_curves_right.gif); background-position:right 0}

#nav ul li a.home:hover{
	background-position:0 -25px;
}

#nav ul li a.esure:hover{
	background-position:right -25px;
}

#nav ul li.on a, #nav li.on a:visited {
	background-color:#0071af;
	}

#nav ul li.on a.home, #nav li.on a.home:visited {
	background-position:0 -50px;
	}

#nav ul li.on a.esure, #nav li.on a.esure:visited {
	background-position:right -50px;
	}

/* RIGHT NAV  ---------------------------------------------------- */
#right_nav	{
	height: 25px;
}

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

#right_nav ul li{
	float:left;
	padding: 0;
	margin: 0 1px 0 0;
	list-style-type: none;
	height: 25px;
}

#right_nav ul .end{	
	margin: 0 0px 0 0;	
}

#right_nav ul li a, #right_nav ul li a:visited{
	color: #fff;
	background-color:#fe9900;
	background-repeat:no-repeat;	
	padding:5px 0;
	text-align:center;
	height:15px;
	display:block;
}

#right_nav ul li a:hover{
	color: #fff;
	background-color:#febf2c;
	text-decoration:none;	
}

.reigate {width: 84px; background-image: url(images/end_curves_left.gif); background-position:left top} 
.manchester	{width: 100px;}
.glasgow {width: 84px; background-image: url(images/end_curves_right.gif); background-position:right top}

#right_nav ul li a.reigate:hover{
	background-position:0 -25px;
}

#right_nav ul li a.glasgow:hover{
	background-position:right -25px;
}

#right_nav ul li.on a, li.on a:visited {
	background-color:#0071af;
	}

#right_nav ul li.on a.reigate, li.on a.reigate:visited {
	background-position:0 -50px;
	}

#right_nav ul li.on a.glasgow, li.on a.glasgow:visited {
	background-position:right -50px;
	}
	

/* emplyoment / education form jan2010 --------------------------------*/
.eform {
font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#fff;
    width: 820px;
	float: left;
	padding: 20px;
	color:#0071af; 
	line-height:1.25em;
	margin: 0 0 1em 0;
}

.eformintro {
width: 820px;
text-align:left;
padding: 33px 0 4px 0;
margin: 0;
}

.eformintro p{
color:#f5821f;
}

.eformoutro {
width: 820px;
text-align:left;
padding: 0px 0 10px 0;
margin: 0;
border-bottom: thin solid #f5821f;
}

.eform_add {
width: 820px;
text-align:left;
padding: 0px 0 10px 0;
margin: 0 0 60px 0;
border-bottom: thin solid #f5821f;
}
 
.eformpanel {
	width: 820px;
	text-align:left;
	padding: 10px 0 0px 0;
	border-top: thin solid #f5821f;
	/*border-bottom: thin solid #f5821f;*/	
	margin-bottom: 60px;
	}
	.eformpanelrow {
	width:820px;
	float:left;
	text-align:left;
	padding: 0 0 10px 0;
	}
	.eformpanelleft {
	width:560px;
	float:left;
	text-align:left;
	padding: 0 0 10px 0;
	border-bottom: thin solid #f5821f;	
	}
	.eformpanelright{
	width:230px;
	float:right;
	}
	
		.eformpanelright input {
		margin:0 0 0 0px;
		width:200px;
		}

		.eformpanelright select {
		margin:0 0 0 0px;
		width: 79px;
		/*	width:205px;*/
		}

		.eformpanelright textarea {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin:0 0 0 0px;
		width:200px;
		font-size:100%;
		}

		.eformpanelright label {
		position: relative;
		left: 20px;
		padding-bottom:10px;
		/*	width:205px;*/
		}		

		.eformpanelright span {
		width:22px;
		float: left;
		}

/* FORM  ---------------------------------------------------- */
table#form {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#fff;
    width: 860px;
	float: left;
	padding: 20px;
	color:#0071af; 
	line-height:1.25em;
	margin: 0 0 1em 0;
}
	
table#form a{	text-decoration:underline;
				font-weight:bold;
}	

	
th	{
	padding:15px 0 5px 0;
	font-weight:normal;
	border-bottom: thin solid #f5821f;
	width:550px;
	}

th p {
	text-align:left;
	}
	

td	{padding:5px 0 0 10px;}

input{
	margin:0 0 0 20px;
	width:200px;

}

select	{
	margin:0 0 0 20px;
/*	width:205px;*/
}

textarea	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 0 20px;
	width:200px;
	font-size:100%;
	}
	
checkbox {padding: 0 0 0 0; margin: 0 0 0 0;}

.orange_line {
	border-bottom: thin solid #f5821f;
	color: #f5821f;
	font-weight: normal;
	padding: 30px 0 15px 0;
	margin:0 0 .1em 0;
}


.double_form	{padding: 0 0 0 20px;}

.none_orange_line {border-bottom:none;}

.short_form	{width:60px;}

.checkbox {width: 20px;}	


/* step nav  ---------------------------------------------------- */

#step	{
	margin: 40px 0 0px 0;
	float: left;
	width: 400px;
	}

#step_nav	{
	height: 25px;
}

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

#step_nav ul li{
	float:left;
	padding: 0;
	margin: 0 1px 0 0;
	list-style-type: none;
	height: 25px;
}

#step_nav ul .end{	
	margin: 0 0px 0 0;	
}

#step_nav ul li a, #step_nav ul li a:visited{
	color: #fff;
	background-color:#fe9900;
	background-repeat:no-repeat;	
	padding:5px 0;
	text-align:center;
	height:15px;
	display:block;
}

#step_nav ul li a:hover{
	color: #fff;
	background-color:#febf2c;
	text-decoration:none;	
}

.one {width: 29px; background-image: url(images/end_curves_left.gif); background-position:left top} 
.two	{width: 29px;}
.three	{width: 29px;}
.four	{width: 29px;}
.five	{width: 29px;}
.six {width: 29px; background-image: url(images/end_curves_right.gif); background-position:right top}	
.sixoff {width: 29px; background-image: url(images/end_curves_right_off.gif); background-position:right top}	

#step_nav ul li a.one:hover{
	background-position:0 -25px;
}

#step_nav ul li a.six:hover{
	background-position:right -25px;
}

#step_nav ul li.on a, #step_nav li.on a:visited {
	background-color:#0071af;
	}

#step_nav ul li.off{
  color: #fff;
	background-color:#dcdcdc;
	background-repeat:no-repeat;	
	padding:5px 0;
	text-align:center;
	height:15px;
	display:block;
	width:29px;
	}

#step_nav ul li.on a.one, #step_nav li.on a.home:visited{
	background-position:0 -50px;
	}

#step_nav ul li.on a.six, #step_nav li.on a.esure:visited {
	background-position:right -50px;
	}

.float_right
	{float: right;
	margin:0 20px 0 0;}
	


.float_left
	{float: left;
	margin: 4px 10px 0 10px;}

.review_question, .searchtitle{
  color: #0071af;
  font-weight: bold;
}

#next {
	width:300px;
	float: left;
}
#submiterror{
  padding: 2px;
  margin: 15px 0 0 0;
  background-color: #F4B0BC;
  border: 1px solid #cc3300;
}
#submiterror h3{
  padding: 5px;
  margin: 5px;
  font-size: 110%;
  color: #cc3300;
}
#submiterror p{
  padding: 5px;
  margin: 5px;
}
#submiterror ul, li{
  color:#0071af;
}
#submiterror a{
  text-decoration: underline;
}
.applynow{
  font-weight: bold;
  text-decoration: underline;
}
.applied_job{
  padding: 0 0 0 20px;
}

.sal_label{
    width: 50px;
    float: left;
}