/* Home page styles */


	#header{
	   background-image:url(/assets/5/home_header.jpg);
	}
	
	#nav {
	   background-image:url(/assets/5/nav_bg.jpg);
	   cursor:pointer;
	}

	#nav_btn_home {
		text-align:right;
		width:153px;
		height:26px;
		float: left;
		margin-top:1px;
		margin-left:2px;
		padding-top:9px;
		padding-right:15px;
	}	
	.navbtnhome {
		background-image:url(/assets/1/trans.gif);
	}
	.navbtnhomeover {
		background-image:url(/assets/5/home_btn_selected.jpg);
		background-repeat:no-repeat;
	}	

	#nav_btn_headoffice {
		text-align:center;
		width:197px;
		height:26px;	
		float: left;
		margin-top:1px;
		padding-top:9px;		
	}
	.navbtnheadofficeover {
		background-image:url(/assets/5/headoffice_btn_selected.jpg);
		background-repeat:no-repeat;
	}	
	
	#nav_btn_retail {
		text-align:center;
		width:166px;
		height:26px;
		float: left;
		margin-top:1px;
		padding-top:9px;
	}
	.navbtnretailover {
		background-image:url(/assets/5/retail_btn_selected.jpg);
		background-repeat:no-repeat;
	}	
	
	#nav_btn_temporary {
		text-align:left;
		width:224px;
		height:26px;
		float: left;
		margin-top:1px;
		margin-left:1px;		
		padding-top:9px;
		padding-left:15px;
	}
	.navbtntemporaryover {
		background-image:url(/assets/5/temporary_btn_selected.jpg);
		background-repeat:no-repeat;
	}	
	
	.seperator {
		background-image: url(/assets/1/seperator.gif);
		background-repeat: no-repeat;
		width: 2px;
		height: 35px;
		float: left;
		margin-top:1px;
	}
	#contenttop {
	   background-image:url(/assets/5/home_top_bg.jpg);
	   background-repeat: no-repeat;
	   height:301px;
	   width:776px;
	   padding-bottom:5px;
	   margin-left:2px;
		margin-top:4px;
	}	
	#topleft {
	   float:left;
	   width:216px;
	   padding-top:20px;
	}	
	#topright {
	   float:right;
	   height:301px;
	   width:560px;
	}
	
	#workingwith {
	   height:21px;
	   width:776px;
	   margin-bottom:20px;
	   margin-left:2px;
		margin-top:20px;
	}	
	
	#ioplogo{
	   background-image:url(/assets/1/iop_bg.jpg);
	   background-repeat: no-repeat;
	   width:200px;
	   height:140px;
	   margin-top:20px;
	}
	
	.logo{
	   background-image:url(/assets/5/logo_bg.gif);
	   background-repeat: no-repeat;
	   width:109px;
	   height:60px;
	   margin-bottom:10px;
	   float: left;
	   padding-top:2px;
	   padding-left:2px;	   
	   cursor:pointer;	   
	}	
	.logo:hover{
		filter:alpha(opacity=50);
		-moz-opacity:.50;
		opacity:.50;	
	}	
	.logotext{
	   background-image:url(/assets/5/logo_txt_bg.gif);
	   background-repeat: no-repeat;
	   width:433px;
	   height:60px;
	   margin-bottom:10px;
	   padding-top:20px;
	   float: left;
	   text-align: center;
	}	
	.withpassion{
	   width:544px;
	   text-align:right;
	   margin-bottom:0px;
	}		

#hojobslondon { width:48%; float: left; padding:0;}
#hojobsfareham { width:48%; float: right; padding:0;}
.hojobsheader{ height: 24px; padding-left: 15px;padding-right: 15px; background-color:#FFF1E5; color:#A85007;font-weight:bold;}
.hojobsfooter{ height: 150px; padding-left: 15px;padding-right: 15px; padding-top: 10px; background-color:#F7F7F9; color:#688FB7;}


#shoppingpanel {
	display:none;
}

/* Results page styles */
.jfLabel{background-color:#BFCEE3; color:#333B62;}
.jfHeading{background-color:#333B62; color:#FFFFFF;}


b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #333B62}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}


.result1  { background-color: #E5EDF8; color:#333333; }
.result2  { background-color: #F1F6FA; color:#333333; }

a, a:visited { color: #333B62; text-decoration: none;}
a:hover, a:active{color: #333B62; text-decoration: none;}

a.jflink, a.jflink:visited { color:#333333;}
a.jflink:hover, a.jflink:active { color:#333333; text-decoration:underline; }

a.jfnavlink, a.jfnavlink:visited { color:#FFFFFF;}
a.jfnavlink:hover, a.jfnavlink:active { color:#80B4E4;}
a.jfnavlinkSelected, a.jfnavlinkSelected:visited { color:#80B4E4;}
a.jfnavlinkSelected:hover, a.jfnavlinkSelected:active { color:#80B4E4;}

a.jfnextlink, a.jfnextlink:visited { color:#FFFFFF;}
a.jfnextlink:hover, a.jfnextlink:active { color:#80B4E4;}

#imageSlideshowHolder ul {
    display: block;
    height: 301px;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 560px;
}
#imageSlideshowHolder ul li {
    margin: 0;
    padding: 0;
}