/***********************************************************************************/
/* F R Jackson - Copyright 2006 - www.frjackson.co.uk - v1.0 */
/***********************************************************************************/

/**********************
 OVERALL LAYOUT
***********************/

body {
	font-family:  verdana, arial, \"Bitstream Vera Sans\", geneva, helvetica, helve, sans-serif;
	font-size: 13px;
	background: #fff;
}

	* html body {
		font-size: small;
	}

#skiptomain {
	display: none;
}

#wrapper {
	width: 760px;
	position: absolute;
	left: 50%;
	margin-left: -380px;
	text-align: center;
	background: #fff;
	margin-top: 32px;
}

#pagecontainer {
	width: 760px;
	background-color: #fff;
	font-family: verdana, arial, \"Bitstream Vera Sans\", geneva, helvetica, helve, sans-serif;
	font-size: 11px;
	color: #000;
	text-align: left;
}

/**********************
 STRAP LINE
**********************/

#strap {
	float: right;
}

/**********************
 HEADER
**********************/

#header {
	width: 760px;
	padding: 2px 0px 1px 0px;
	margin: 5px 0px 0px 0px;
	border-top: 4px solid #333366;
	border-bottom: 18px solid #FFCC00;
}

	#header img.headpadd {
		padding-right: 3px;
	}
	
/**********************
 MAIN BODY
**********************/

#pagebody {
	width: 760px;
	margin: 0;
	padding: 0;
}

	#pagebody a:link, #pagebody a:visited {
		color: #333366;
		text-decoration: underline;
	}
	
	#pagebody a:hover {
		color: #cc0000;
		text-decoration: underline;
	}
	
/**********************
 LHS NAV
***********************/
	
#lhsnav {
	float: left;
	width: 170px;
	margin: 0;
	padding: 32px 0px 0px 0px;
}

#lhsnav ul {
	width: 170px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#lhsnav ul li {
	border-bottom: 1px solid #FFE57F;
}

#lhsnav ul li.header {
	background-color: #333366;
	color: #ffffff;
	font-weight: bold;
	border-bottom: 0;
	padding-left: 20px;
	line-height: 1.8em;
}

#lhsnav ul li.link {
	padding: 8px 0px 8px 20px;
}

#lhsnav ul li.linkon {
	font-weight: bold;
	background: #ffffff url(/images/navonbullet.gif) no-repeat 4px center;
}

	#lhsnav ul li a:link, #lhsnav ul li a:visited {
		color: #333366;
		text-decoration: none;
	}
	
	#lhsnav ul li a:hover {
		color: #cc0000;
		text-decoration: none;
	}

/**********************
 MAIN CONTENT
***********************/

#maincontent {
	float: right;
	width: 550px;
	margin: 0px 0px 0px 0px;
	padding: 32px 0px 0px 0px;
	line-height: 1.6em;
}

	#maincontent h1 {
		font-size: 15px;
		color: #435FA7;
	}
	
		#maincontent h1.skiphire {
			font-size: 14px;
		}
	
	#maincontent h2 {
		font-size: 12px;
		color: #435FA7;
		margin: 10px 0px 0px 0px;
	}
	
	#maincontent h1.dark {
		color: #333366;
	}
	
	#maincontent p {
		margin: 10px 0px;
	}
	
	
	/*** 3 cols of IMG|TXT ***/
	
	.twodualcols {
		width: 550px;
		margin: 20px 0px 0px 0px;
		padding: 0;
	}
	
		.twodualcols div.onedualcol {
			float: left;
			width: 260px;
			margin-right: 10px;
		}
		
			.twodualcols div.odcrightest {
				margin-left: 10px;
			}
		
			.twodualcols div.onedualcol div.odcimg {
				float: left;
				width: 70px;
			}
			
			.twodualcols div.onedualcol div.odctxt {
				float: right;
				width: 125px;
				line-height: 1.5em;
				text-align: left;
			}
				
				.twodualcols div.onedualcol div.odctxt a:link, .twodualcols div.onedualcol div.odctxt a:visited {
					font-weight: bold;
					color: #036;
					text-decoration: none;
				}
				
				.twodualcols div.onedualcol div.odctxt a:hover {
					color: #cc0000;
					text-decoration: underline;
				}
			
			.twodualcols div.onedualcol div.odctxt ul.linker {
				float: left;
				width: 70px;
				margin: 0;
				padding: 0;
				list-style: none;
			}
			
			.twodualcols div.onedualcol div.odctxt ul.linker li.linker {
				font-size: 11px;
				background: #ffffff url(/images/bullethomefeat.gif) no-repeat left center;
			}
			
			.twodualcols div.onedualcol div.odctxt ul.linker li.linker a:link, .twodualcols div.onedualcol div.odctxt ul.linker li.linker a:visited {
				font-weight: normal;
				color: #000;
				text-decoration: underline;
				padding-left: 10px;
			}
			
			.twodualcols div.onedualcol div.odctxt ul.linker li.linker a:hover {
				color: #fc0;
				text-decoration: underline;
			}
			
	/** TWO COLS : WIDE|THIN **/
	
	.twocolswidethin {
		width: 100%;
		margin: 10px 0px 0px 0px;
		padding: 0px;
	}
	
		.twocolswide {
			float: left;
			width: 345px;
			margin: 0;
			padding: 0;
		}
		
		.twocolsthin {
			float: right;
			width: 180px;
			margin: 0;
			padding: 0;
		}
		
			.borderedlinks {
				margin: 15px 0px 10px 0px;
				padding: 0;
				border: 1px solid #333366;
			}
			
				.borderedlinks ul {
					list-style: none;
					padding: 0;
					margin: 10px;
				}
				
				.borderedlinks ul li {
					padding-left: 12px;
					line-height: 24px;
					background: #ffffff url(/images/navonbullet.gif) no-repeat left center;
				}
				
				.borderedlinks ul li a:link, .borderedlinks ul li a:visited {
					color: #333366;
					text-decoration: none;
				}
				
				.borderedlinks ul li a:hover {
					color: #cc0000;
					text-decoration: none;
				}				
				
	/** TWO COLS : LEFT|RIGHT **/
	
	.twocolsleftright {
		width: 100%;
		margin: 10px 0px 0px 0px;
		padding: 0px;
	}
	
		.twocolsleft {
			float: left;
			width: 270px;
			margin: 0;
			padding: 0;
		}
		
		.twocolsright {
			float: right;
			width: 264px;
			margin: 0;
			padding: 0;
		}
		

				

/**********************
 FOOTER
***********************/	
	
#footer {
	clear: both;
	width: 760px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 5px solid #333366;
	line-height: 1.8em;
	color: #5A5A5A;
}

	#footer a:link, #footer a:visited {
		color: #5A5A5A;
		text-decoration: none;
	}
	
	#footer a:hover {
		color: #333366;
		text-decoration: underline;
	}


/**********************
 GENERIC CLASSES
***********************/

A:hover {  color: #c00; }
form.inline { 	display:inline; }
img { border: 0; }

p.fivespace { margin: 5px 0px 0px 0px; }
p.tenspace { margin: 10px 0px 0px 0px; }
p.fifteenspace { margin: 15px 0px 0px 0px; }
p.twentyspace { margin: 20px 0px 0px 0px; }
div.breaker { clear: left; font-size: 0.1em; height: 1px; }
br.breaker { clear: both; }
br.lbreaker { clear: left; }
br.rbreaker { clear: right; }

/**********************
 ENLARGEPOPUP
***********************/

td.enlargewindow {
	background-color: #333366;
	color: #fff;
	text-align: right;
	padding-right: 2px;
}

	td.enlargewindow a:link, td.enlargewindow a:visited {
		text-decoration: none;
		color: #fff;
		font-size: 0.7em;
		line-height: 20px;
	}
	
	td.enlargewindow a:hover {
		color: #fff;
		text-decoration: underline;
	}

/**********************
 SKIP HIRE
***********************/

#skip-hire-search {
	width: 170px;
	height: 170px;
	border: 5px solid #333366;
	margin-bottom: 15px; 
}

	#skip-hire-header {
		height: 52px;
		background-color: #FFCC00;
		padding-top: 18px;
		margin-bottom: 5px;
	}
	
		#skip-hire-header .skip {
			color: #333366;
			font-size: 16px;
			font-weight: bold;
			padding-left: 10px;
		}
		
		#skip-hire-header .hire {
			color: #333366;
			font-size: 14px;
			font-weight: bold;
			padding-left: 10px;
		}
		
	#search-skips {
		color: #c00;
		font-size: 12px;
		font-weight: bold;
		padding-left: 10px;
		line-height: 20px;
	}
	
	#search-skips input.text {
		border: 1px solid #336;
		width: 75px;
	}
	
	#skip-hire-places {
		clear: left;
		color: #336;
		padding-left: 10px;
		font-size: 11px;
		line-height: 10px;
		margin-top: 10px;
	}
	
ul.skip-hire {
	margin: 0;
	padding: 0;
	list-style: none;
}

	ul.skip-hire li {
		padding-left: 15px;
		background: #ffffff url(/images/bullethomefeat.gif) no-repeat left 6px;
	}