/* 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;
	   margin-bottom:0px;
	   margin-left:220px;
	   position:relative;
	   top:320px;
	}	
	
	#ioplogo{
	   background-image:url(/assets/1/iop_bg.jpg);
	   background-repeat: no-repeat;
	   width:200px;
	   height:200px;
	   margin-top:10px;
	   margin-bottom:30px;
	}
	
	.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:20px;
	   margin-right:20px;
	   margin-top:-40px;
	   float:right;
	}		

#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: 200px; padding-left: 15px;padding-right: 15px; padding-top: 10px; background-color:#F7F7F9; color:#688FB7;}




b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b{display:block;height: 1px;
    overflow: hidden; background: #FFF1E5}
b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #F7F7F9}
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}

#tempbanner { width:98%; float: left; padding:0;}
.tempbannerheader{ height: 24px; padding-left: 15px;padding-right: 15px; background-color:#FFF1E5; color:#A85007;font-weight:normal;}
.tempbannercontent{ height: 240px; padding-left: 15px;padding-right: 15px; padding-top: 10px; background-color:#F7F7F9; color:#688FB7;font-weight:normal;}


#hologos{margin-top:-95px;height:auto;width:100%;float:left;border:1px;}

#shoppingpanel {
	display:none;
}