@charset "UTF-8";
/* CSS Document */

*{
	padding:0;
	margin:0;
}
body{
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#333;
}
#header{
	width:100%;
	height:268px;
	background:url(../images/header_bg.png) top left repeat-x;
}
#header_wrapper{
	width:960px;
	margin:0 auto;
	height:268px;
}
#logo{
	width:270px;
	height:268px;
	float:left;
}
#top_icons{
	width:616px;
	height:133px;
	margin:52px 0px 0px 74px;
	float:left;
}
#phone{
	float:left;
	margin-right:99px;
}
#envelope{
	float:left;
}
#nav{
	width:690px;
	height:83px;
	float:left;
	background:url(../images/nav_bg.png) top left no-repeat;
}
#content{
	width:100%;
}
#services_content{
	width:100%;
}
#content_wrapper{
	width:960px;
	margin:0 auto;
	min-height:325px;
}
#services_wrapper{
	width:960px;
	margin:0 auto;
}
#services_text{
	width:940px;
	float:left;
	color:#663399;
	padding:20px 10px 0px 10px;
}
#supplies_text{
	width:860px;
	float:left;
	color:#663399;
	padding:20px 50px 0px 50px;
}
#intro_text{
	width:424px;
	height:100%px;
	float:left;
	color:#663399;
	padding:20px 10px 0px 10px;
}
#intro_text-wider{
	width:574px;
	height:100%px;
	float:left;
	color:#663399;
	padding:20px 10px 0px 10px;
}
#intro_text a, #workwear_box a, #bigger_intro_text a{
	text-decoration:underline;
}
#van{
	width:516px;
	height:325px;
	float:left;
	vertical-align:top;
}
#smaller-image{
	width:366px;
	height:325px;
	float:left;
	vertical-align:top;
}
#scrolling-images{
	width:516px;
	height:325px;
	float:left;
	position:relative;
}
#smaller-pic{
	width:346px;
	height:325px;
	float:left;
	vertical-align:top;
}
#footer{
	width:100%;
	height:218px;
	font-size:0.95em;
	background:url(http://hfos.co.uk/images/footer_bg.png) top left repeat-x;
}
#footer_wrapper{
	width:960px;
	margin:0 auto;
	height:218px;
}
#scrolling-images IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
#scrolling-images IMG.active {
    z-index:10;
    opacity:1.0;
}
#scrolling-images IMG.last-active {
    z-index:9;
}

#mission{
	width:280px;
	height:150px;
	float:left;
	padding:48px 30px 20px 20px;
}
#mission p{
	color:#FFF;
	padding-top:10px;
}
.divider{
	width:33px;
	height:218px;
	float:left;
}
#benefits{
	width:290px;
	height:150px;
	float:left;
	padding:48px 0px 20px 20px;
}
#benefits ul{
	color:#ffcc33;
	padding-top:10px;
	margin-left:18px;
}
#benefits li span{
	color:#FFF;
}
#links{
	width:955px;
	margin:0 auto;	
	font-size:11px;
	padding:10px 0px 10px 5px;
	text-align:center;
}
#logos{
	position:relative;
	width:249px;
	height:218px;
	float:left;
	padding-right:5px;
}
#logo-links{
	width:71px;
	float:left;
	padding-top:55px;
}
#logo-source{
	width:173px;
	float:left;
}
.contact{
	font-size:16px;
}
.contact a:link{
	text-decoration:underline;
}
#stationery_box{
	width:190px;
	height:370px;
	float:left;
	font-size:12px;
	margin:0px 25px 0px 50px;
	padding:80px 15px 10px 15px;
	background:url(http://hfos.co.uk/images/stationery_box.gif) top left no-repeat;
}
#office_box{
	width:190px;
	height:370px;
	float:left;
	font-size:12px;
	margin:0px 25px 0px 25px;
	padding:80px 15px 10px 15px;
	background:url(../images/office_box.gif) top left no-repeat;
}
#print_box{
	width:190px;
	height:370px;
	float:left;
	font-size:12px;
	margin:0px 50px 0px 25px;
	padding:80px 15px 10px 15px;
	background:url(../images/print_box.gif) top left no-repeat;
}
#workwear_box{
	width:190px;
	height:370px;
	float:left;
	font-size:12px;
	padding:80px 15px 10px 15px;
	background:url(../images/workwear_box.gif) top left no-repeat;
}
ul.bullets{
	margin-left:50px;
}
#catalogue{
	width:960px;
	margin:20px auto 0px auto;
	min-height:325px;
	padding-left:130px;
}
#catalogue-blue-max{
	width:1000px;
	margin:20px auto 0px auto;
	min-height:325px;
	text-align:left;
}
.uneek-cta {
	width: 265px;
	height: 61px;
	float: left;
	margin-right:25px;
	cursor:pointer;
	background: url(../images/uneek-range-cta.gif) top left no-repeat;
}
.blue-max-cta {
	width: 265px;
	height: 61px;
	float: left;
	margin-right:25px;
	cursor:pointer;
	background: url(../images/blue-max-range-cta.gif) top left no-repeat;
}
.full-cta {
	width: 265px;
	height: 61px;
	float: left;
	cursor:pointer;
	background: url(http://hfos.co.uk/images/full-range-cta.gif) top left no-repeat;
}
.order-cta {
	width: 313px;
	height: 70px;
	float: left;
	margin-right:111px;
	cursor:pointer;
	background: url(../images/cta.gif) top left no-repeat;
}
.uneek-cta:hover, .full-cta:hover, .order-cta:hover, .blue-max-cta:hover {
	background-position: bottom left;
}
.uneek-cta a, .full-cta a, .order-cta a, .blue-max-cta a {
	display:block;
	height:70px;
}