/*
Default stylesheet for: 	
		www.hatfieldstudentlettings.co.uk
*/

/*@import url(stylex.css); 
@import url(style-ie6hacks.css); */

/* ----------------------- HTML Elements ---------------------------------------- */
a, a:link, a:visited  {
	color: #666666;
	TEXT-DECORATION: none;
}
a:hover, a:active{
	color: #E0FFFF;
	TEXT-DECORATION: none;
}

html {
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	background-color: #008CCC; /*color background - only works in IE */
	background-color: #008CCC; /*color background - only works in IE */
	/*background-image: url(graphics/bodyback.png);*/
	font-size:.85em; /*set default font size */
	/*font-size:80%;*/ /*set default font size */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /* set default font */

	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	/*background: url(graphics/bodyback.png) repeat-x;*/
}

body{ 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 1.1em; 

	line-height: 140%;
	
	color: #333333;
	/*background-color: #006794;*/
	/*background-image: url(graphics/bodyback.jpg);*/
	background-repeat: repeat-x;
	background-position: bottom;
	
	text-align: center;
	margin : 0;
	padding : 0;
	border:0; 
	
	padding-bottom:20px;

	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */

	min-width: 780px;
}

td{ 
	font-size: small;
	background-color: transparent; 
}

p{ 
	font-size: 1em;
	background-color: transparent; 
	margin-top: 0px;
}

h1 { 
	font-size: small; 
	color: #660033; 
	background-image: none;
	font-weight : bold;
	display: inline
}

h2 { 
	/*background-color: #a78aff;*/
	color: #666666;
	font-size: medium; 
	font-weight : bold;
	display: inline;
	width:100%; 
}

h3 { 
	color: white;
	font-size: small; 
	font-weight : bold;
	display: inline;
}

h4 { 
	font-size: small; 
	color: #4100be; 
	font-weight : normal;
	display: inline
}

hr { 
	color: #a78aff; 
	background-color : #a78aff;
	height: 1px;
	margin-top:10px;
}

ol {
	/*list-style-image: url("graphics/bullit.gif")*/	
	margin-top: 0px;
	margin-bottom: 10px;
}

ul {
	/*list-style-image: url("graphics/bullit.gif")*/
	list-style-type: square;
	margin-top: 0px;
}
.keybox ul, .keyboxb ul {
	/*list-style-image: url("graphics/bullit.gif")*/
	list-style-type: square;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	/*font-size: medium;*/
}

li {
	text-align : left;
}

img {
	border: 0px;
	behavior: url(iepngfix.htc);
}

table{
	background-color: White;
	border: 0px;
}

input { 
	font-size: 1em; 
	color: #666666;	
	background-color: White;
	margin-left : 0px;
	padding-left : 0px;
	padding-right : 4px;	
	border : 2px solid #cccccc;
	font-weight: bold;
	
	margin-bottom : 2px;
	/* *margin-bottom : 0px; */
} 

.noborder { 
	font-size: 1em; 
	color: #4100be;	
	background-color: White;
	margin-left : 0px;
	padding-left : 0px;
	padding-right : 4px;
	border : 1px none #a78aff;
	font-weight: bold;
	
	margin-bottom : 2px;
	/* *margin-bottom : 0px; */
} 
textarea { 
	font-size: 1.1em; 
	color: #333333;
	background-color: White;
	margin-left : 0px;
	padding-left : 0px;
	padding-right : 4px;
	margin-bottom : 2px;
	border : 2px solid #cccccc;
} 

/* ----------------------- Page Layout -------------------------------------------- */

.pagehead,.pagehead-home{
	background-image: url(graphics/bodyback.jpg);
	width:100%;
	min-width: 760px;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	position: absolute;
	display: block;
	/*left:-36px;*/
	/*right:18px;*/
	padding-left: 18px;
	z-index:5; /* allocate a suitable z-index */
}

.pagehead-home{
	background-image: url(graphics/pagehead-home.png);
}

.pagebody{
	/*background-color: white;*/
	width:100%;
	min-width: 780px;
	
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	text-align:left;
	
	position:relative; /* set up relative positioning so that z-index will work */
	z-index:0; /* allocate a suitable z-index */

}
.pagefoot, .pagefoot-home, .pagefoot-garments, 
.pagefoot-shelving, .pagefoot-mezzanines, .pagefoot-slickrail, 
.pagefoot-pallets, .pagefoot-speedrail, .pagefoot-live, .pagefoot-conveyors{
	/*behavior: url(iepngfix.htc);*/


	background-color: Red;
	/*background-image: url(graphics/galleria2.png);
	_background-image: url(graphics/galleria2.gif);*/
	width:100%;
	min-width: 760px;
	/*height:146px;*/
	/*margin-top:0px;*/
	text-align:right;
	
	position:relative;
}
.pagefoot-home, .box-head{
	background-color: #006794;
}
.pagefoot-garments, .box-head-garments{
	background-color: #C61821;
}
.pagefoot-shelving, .box-head-shelving{
	background-color: #102994;
}
.pagefoot-mezzanines, .box-head-mezzanines{
	background-color: #005229;
}
.pagefoot-slickrail, .box-head-slickrail{
	background-color: #FFA531;
}
.pagefoot-pallets, .box-head-pallets{
	background-color: #290063;
}
.pagefoot-speedrail, .box-head-speedrail{
	background-color: #841818;
}
.pagefoot-live, .box-head-live{
	background-color: #A5C610;
}
.pagefoot-conveyors, .box-head-conveyors{
	background-color: #8CC6DE;
}
.pagefoot-services, .box-head-services{
	background-color: #00A5B5;
}


.pageicon{
	behavior: url(iepngfix.htc);
}
.padheader {
	display:block; 
	height:82px; 
	float:left;
}
.padcontenttop {
	display:block;
	height: 205px; /* height to miss header */
}
.padcontentbottom {
	display:block;
	height: 165px; /* height to miss footer */
}

.header {
	width: 499px;	
	min-width: 499px;
	float: left;
}

.main {
	width: 760px;
	margin-right:auto;
	margin-left:auto;

	margin-top: 20px;
	
	border: 3px solid White;	
	background-image: url(graphics/main.png);
	background-repeat: repeat-y;
}
.main a, .main a:visited{
	color: white;
	text-decoration:none;
	display: inline;
}
.main a:hover,.main a:active{
	color: black;
	text-decoration:none;
	display: inline;
}

.content {	/* Max Width 499 px */	
	
	color: #666666;

	width: 439px;
	
	margin-top: 0px;
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;

	background-color:white;

	text-align: justify;
	
	float: left;
}

.contentwide {
	width: 740px;
	margin-top: 25px;
	padding-bottom: 0px;
	padding-left: 00px;
	padding-right: 00px;
	float: left;
}

.content form{
	font-size: 12px;
	float: left;
	background-color: transparent;
	width:430px;
}

.leftside {
	float:left;
	padding-right:30px;
}
.rightside {
	float:left;
}
.content a, .content a:visited, .box-content a, .box-content a:visited, .rightside a, .rightside a:visited{
	color: #666666;
	text-decoration:none;
	display: inline;
}
.content a:hover, .content a:active, .box-content a:hover, .box-content a:active, .rightside a:hover,.rightside a:active{
	color: black;
	text-decoration:none;
	display: inline;
}

/*These spans are mostly replaced with label's below */
.content span{
	font-size: 1em;
	width: 165px;
	float:left;
	padding-left: 0px;
}
.content span.smallbox{
	font-size: 1em;
}
.content label{
	font-size: 1em;
	width: 140px;
	float:left;	
	position: relative;	
	padding-left: 0px;
}
.content input{	
	float:left;	
}
.content label.smallbox{
	font-size: 1em;
}


.content font.compulsory{
	font-weight: normal;
	color: Red;
	font-style: italic;
	width:10px;
	display: inline;
}
.content span.indentform{
	font-size: 1em;
	width: 450px;

	padding-left: 25px;
	color: #666666;
}
.content p, .content-wide p{
	margin-left: 0px;
	margin-right: 0px;
	/*text-align: justify;*/
}
.indented{
	margin-left:20px;
}

.noindent{
	margin-left: 15px;
	margin-bottom:0px;
	padding-left: 0px;
}

/* ------------------------------------------ */

.colleft{
	Width: 499px;

	float: left;
	position: relative;
	
	/*padding-bottom: 15px;*/
}
.colright{
		
	margin: 0px;
	/*margin-left: 25px;

	padding-top:25px;*/
	/*padding-bottom:15px;*/
	padding-left:7px;
	padding-right:7px;
	
	width:240px;
	
	float: left;
	position: relative;
	
	text-align: center;
	height:100%;
	
}
	.colright p {
		text-align: center;
	/*	padding:5px;
		margin:5px;*/
		color:white;
		font-size: medium;
	}
	.colright-title{
		color: #660033;
	}
.graphic{	
	margin-top:10px;
}
.photos{	
	margin-top:20px;
}

/* ------------------------------------------ */
.smallboxrounded{
	color: #4100be;
	background-color: white;
	
	margin-top: 10px;
	padding:0px;

	width:162px;
}

.smallbox{
	margin:0px;
	padding:0px;
	width:230px;
}
.keybox{
	margin:0px;
	padding:0px;
	width:499px;
	background-color: #FfFFFF;
	/*border-left: 1px solid #006794;
	border-bottom: 1px solid #006794;
	border-right: 1px solid #006794;*/
	float: left;
	position: relative;
	/*background-color: #E0FFFF;*/
	
	z-index:5;

}

.box-head,
 .box-head-garments, .box-head-live, .box-head-mezzanines,
 .box-head-pallets, .box-head-services, .box-head-shelving
 .box-head-slickrail, .box-head-speedrail, .box-head-conveyors
 {
	color: white;
	/*background-color: #666666;*/
	/*border: 1px solid #666666;*/
	/*background-color: #E0FFFF;*/
	background: White url(dropmenu/barback.gif) no-repeat right; 
	padding-top:5px;
	/*font-size: 100%;*/
	font-weight: bold;
	display: block;
	height:36px;
}

.box-content,
 .box-content-garments, .box-content-live, .box-content-mezzanines
 .box-content-pallets, .box-content-services, .box-content-shelving
 .box-content-slickrail, .box-content-speedrail, .box-content-conveyors
 {
	color: #666666;
	/*background-color: #E0FFFF;*/
	/*border: 1px solid #f7f7f7;*/
	padding-top:5px;
/*	padding-bottom:5px;*/
	padding-left:15px;
	padding-right:15px;
	text-align: left;
}
.box-content{
	/*background-color: #F0FFFF;*/
}
.box-content-garments{
	background-color: #FFF0F5;
}
.box-content-shelving{
	background-color: #F0F8FF;
}
.box-content-mezzanines{
	background-color: #F0FFF0;
}
.box-content-slickrail{
	background-color: #FFF8DC;
}
.box-content-pallets{
	background-color: #F0F8FF;
}
.box-content-speedrail{
	background-color: #841818;
}
.box-content-live{
	background-color: #A5C610;
}
.box-content-conveyors{
	background-color: #E0FFFF;
}
.box-content-services{
	background-color: #F0F8FF;
}

/* ------------------------------------------ */
.footer {
	width: 760px;
	min-width: 760px;
	color: white;
	margin-right:auto;
	margin-left:auto;
	padding-top:2px;
	padding-bottom:4px;
	text-align: center;
	border-top: 3px solid White;
}
.footer a, .footer a:link, .footer a:visited  {
	color: white;
	TEXT-DECORATION: none;
}
.footer a:hover, .footer a:active{
	color: #ADD8E6;
	TEXT-DECORATION: none;
}

/* . . . . . . . . . . . . . . . . . . . . . */
.psfoot{
	height:30px;
	width:30px;

	text-align:right;
	position:relative;
	float:right;
	/*bottom:0px;
	right:0px;*/

	z-index: 9;
}
.pslink{
	width: 100%;
	text-align: right;
	float: right;
	position: static;
	height:30px;
}
/* . . . . . . . . . . . . . . . . . . . . . */
.contentfoot{
	text-align:left;
	position:relative;
	padding-top:6px;
	border-top: 1px solid #a78aff;
}
.w3c{
	position:absolute;
	display: block;
	top:10px;
	right:0px;
}
.tandc{
	position:absolute;
	display: block;
	top:10px;
	left:0px;
}

.news-head{
	color: white;
	background-color: #008ccc;
	padding:4px;
	padding-left:5px;
	font-weight: bold;
	vertical-align: middle;
	margin-bottom:5px;
}

/* . . . . . . . . . . . . . . . . . . . . . */
.siteinfo{
	float: left;
	position: relative;
	top:50px;
	border-top: 1px solid #a78aff;
}
/* ----------------------- Special Formatting -------------------------------------------- */
.hideme{
	display: none;
}
.indent {
	padding-left: 00px;
}

.title { 
	background-color: #666666;
	color: white;
	font-size: 1.1em; 
	font-weight : bold;
	padding:4px;
	padding-left:10px;
}

.bullit{
	background-image: url(graphics/bullit.gif);
	background-repeat : no-repeat;
	width : 12px;
	height : 12px;
	border : 0px none;
}

.note{
	font-size : smaller;
}

.box{
	color: #696969;
	background-color: white;
	margin-right:00px;
}

.quote{
	font-style: italic;
	margin-bottom: 0px;
}
.centerbold{
	text-align: center;
	font-weight: normal;
	font-size: larger;
}

.warning{
	font-weight: bold;
	color: Red;
	font-style: italic;
}

.paybut{
	width: 40px;
	margin-left: 20px;
	padding-top:5px;
}

.ppcontent {
	background-color: white;

	width: 508px; /* 760-5-140-53*/
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	padding-right: 30px;
	float: left;
}

.ppcontent form, .ppcontent input {
	font-size: 12px;
	border:0px;
	/*display: inline;*/
	margin-left:0px;
	padding-left: 0px;	
}

.free {
	color: red;
}

.clearboth { 
	clear: both; 
}
.logo{
	padding-left:20px;
	padding-top:15px;
	padding-bottom:15px;
	float: left;
	Width:141px;
}

.forklift{
	padding-top:28px;
	/*margin-right:140px;*/
	Width:329px;
	float: left;
}

/* ------------------------------------------- */
.FLL{
	margin-top:0px;
	padding-top:0px;

	padding-left:0px;
	margin-left:10px;
	
	margin-bottom:5px;
	/* *margin-bottom:5px; */
}
.FLL UL{
	margin-top:0px;
	margin-bottom:0px;
}
.FLL LI{
	margin-top:0px;
	margin-bottom:0px;
}
.FLL HR{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
}

.FLL-links{
	margin-top:0px;
	padding-left:0px;
	margin-left:20px;
}
.FLL-links UL{
	margin-top:0px;
	margin-bottom:10px;
}
.FLL-links LI{
	margin-top:0px;
	margin-bottom:10px;
}
.FLL-links HR{
	margin-top:5px;
	margin-bottom:0px;
	margin-left:0px;
}