/*****************
 GLOBAL
*****************/

html { overflow-y: scroll; }

* { margin: 0; padding: 0; }

p { margin: 0.5em 0 1.0em 0; }

p.iconlink { margin: 0.5em 0 0 0; padding: 0 0 0 12px; background: url(images/icon.gif) no-repeat 0px 3px; }

img { border-width: 0; }

h1, h2, h3, h4, h5, h6 { margin:0.5em 0 0.2em 0; }

body {
	background: #111 url(images/bodyback.gif) repeat-y top center;
	margin:0;
	padding:0;
	color: #000;
}

body, table {
	font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size: 16px;
}

* html body, * html table  {
	font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size: medium;
}

/**********
 HEADERS
**********/

h1 { font-size: 1.4em; color: #036; font-weight: normal;}
h2 { font-size: 1.2em; color: #258; font-weight: normal; }
h3 { font-size: 1.1em; color: #47a; letter-spacing: -1px;}

/**********
 FORMS
**********/

form { display: inline; }

/*****************
 UL
*****************/
 
ul.normal { padding: 5px 0 5px 25px; }

/*****************
 OL
*****************/
 
ol {padding: 5px 0 5px 25px;}


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

#skiptomain {
	display: none;
}

#wrapper {
	width: 930px;
	margin: 0 auto;
	font-size: 0.85em;
}

	#pagecontainer {
		width: 930px;
		padding: 10px 0px 0px 0px;
		background: #fff;
	}

		#header {
			width: 930px;
			margin-top: 5px;
			}

			#toplogo {
				padding: 5px 0px 0px 0px;
				width: 400px;
				float: left;
				font-size: 0.8em;
			}

			#topright {
				padding: 20px 0px 0px 0px;
				width: 460px;
				float: right;
				font-size: 0.8em;
			}
			
			#topright a:link, #topright a:visited { color: #069; text-decoration: none; }
			#topright a:hover { color: #069; text-decoration: underline; }
				
				#topdownload {
					padding: 0px 10px 0px 10px;
					width: 210px;
					float: left;
				}
				

				#topapplications {
					padding: 0px 10px 0px 10px;
					width: 210px;
					float: left;
				}

		#topnav {
			width: 930px;
			margin: 2px 0 0 0;
			padding: 0;
			background: #069;
			border-bottom: 4px solid #39c;
		}
		
			/* #TOPNAV and its decendants (#NAV) are now controlled by suckerfish.css */
		
		#topbar {
			width: 930px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 8px 0px;
			background: #eee  url(/images/verticallines.gif) repeat-x bottom center;
			color: #000;
		}
		
			#breadcrumb {
				width: 700px;
				float: left;
				padding: 7px 10px 5px 10px;
				font-size: 0.9em;
			}
			
			#breadcrumb a:link, #breadcrumb a:visited { color: #000; text-decoration: none; }
			#breadcrumb a:hover { color: #000; text-decoration: underline; }

			#topdate {
				width: 200px;
				float: right;
				text-align: right;
				padding: 7px 10px 5px 0;
				font-size: 0.8em;
				color: #666;
			}


		#mainpage {
			width: 930px;
			margin: 0px;
			padding: 0px;
			font-size: 0.95em;
			line-height: 1.6em;
			background: #fff;
		}
		
			#mainpageleft {
				width: 200px;
				margin: 10px 10px 0 0;
				padding: 0px;
				float: left;
			}

				.lhsfeature {
					width: 168px;
					border: 1px solid #888;
					background: #eef ;
					margin: 0;
					padding: 5px;
					float: left;
				}				

				select.appselect {
					font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
					font-size: 0.9em;
					width: 127px;
					color: #000;
				}
				
				input.appsubmit {
					width: 25px;
					margin-left: 2px;
					padding: 2px;
					border: none;
					background: #069;
					color: #fff;
					font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
					font-size: 0.9em;
				}

			#maincontent {
				width: 720px;
				margin: 0px;
				padding: 15px 0px;
				float: right;
			}
			
			#maincontent a:link, #maincontent a:visited { color: #069; text-decoration: none; }
			#maincontent a:hover { color: #069; text-decoration: underline; }
			
			#maincontent ul {padding: 5px 0 5px 25px;}
			
					#maincontent ul#movie-text {
						width: 315px;
						float: left;							
					}
					
					#movie-outer {
						width: 352px;
						float: right;
					}
					
						#movie-film {
							width: 352px;
							height: 288px;
						}

						#movie-text {
							width: 352px;
						}
						
					#pc-lft {
						width: 315px;
						float: left;
					}
					
					#pc-rgt {
						width: 350px;
						float: right;
					}
						
		#footer {
			margin-top: 0px;
			clear: both;
			width: 930px;
			font-size: 0.9em;
			color: #fff;
			padding: 0px;
			background: #17a url(images/footerback.gif) repeat-x bottom center;
		}
				
		
			#footer1 {
				width: 159px;
				float: left;
				padding: 20px 10px 20px 20px;
				margin: 0 18px 0 0;
			}

			#footer2 {
				width: 229px;
				float: left;
				padding: 20px 10px 20px 0px;
				margin: 0 18px 0 0;
			}

			#footer2 a:link, #footer2 a:visited { color: #000; text-decoration: underline; }
			#footer2 a:hover { color: #fff; text-decoration: underline; }

			#footer3 {
				width: 199px;
				float: left;
				padding: 20px 10px;
				margin: 0 18px 0 0;
			}
			
			#footer3 a:link, #footer3 a:visited { color: #000; text-decoration: underline; }
			#footer3 a:hover { color: #fff; text-decoration: underline; }

			#footer4 {
				width: 199px;
				float: left;	
				padding: 20px 20px 20px 10px;			
			}

			#footer4 a:link, #footer4 a:visited { color: #000; text-decoration: underline; }
			#footer4 a:hover { color: #fff; text-decoration: underline; }

		#belowfooter {
			margin-top: 5px;
			clear: both;
			width: 930px;
			font-size: 0.9em;
			padding: 10px 0;
			color: #444;
		}

		#belowfooter a:link, #belowfooter a:visited { color: #069; text-decoration: none; }
		#belowfooter a:hover { color: #069; text-decoration: underline; }


/*****************
 BREAKS
*****************/

br.breaker { clear: both; }
br.lbreaker { clear: left; }
br.rbreaker { clear: right; }

/*****************
 UL SIDE NAV
*****************/

ul.sidenavlist{
	list-style: none;
	width: 180px;
}

	ul.sidenavlist li{
		margin: 3px 0px 3px 0px;
		line-height:1.7em;
		background: #888;
		border-bottom: 1px solid #666;
		font-style: italic;
		font-weight: bold;
	}

	ul.sidenavlist a:link, ul.sidenavlist a:visited{
		padding: 2px 0px 2px 5px;
		display: block;
		color: #fff;
		text-decoration: none;
	}

	ul.sidenavlist a:hover, ul.sidenavlist a:active {
		padding: 2px 0px 2px 5px;
		display: block;
		background: #069;
		color: #fff;
		text-decoration: none;
	}

	ul.sidenavlist li.active {
		background: #444;
	}

	/* APPLY HEADER OVERRIDES */
	ul.sidenavlist  li.header {
		font-size: 0.95em;
		font-weight: bold;
		color: #000;
		background: #eef;
	}

	/* APPLY GREEN OVERRIDE */
	ul.sidenavlist  li.page23link {
		color: #000;
		background: #090;
	}

	ul.sidenavlist li.page23link a:hover, ul.sidenavlist li.page23link a:active {
		background: #393;
		color: #fff;
	}

/*****************
 UL FOOTER NAV
*****************/

ul.footerlist {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

	ul.footerlist li{
		margin: 0;
		padding: 1px 0px 1px 12px;
		line-height: 1.3em;
		background: url(images/footerlisticon.gif) no-repeat 0px 7px;
	}

	ul.footerlist li.header {
		font-weight: normal;
		padding: 1px 0px 5px 0px;
		background: transparent;
	}

		ul.footerlist a:link, ul.footerlist a:visited {
			color: #fff;
			text-decoration: none;
		}

		ul.footerlist a:hover, ul.footerlist a:active {
			color: #fff;
			text-decoration: underline;
		}




/*****************
 IMAGES
*****************/

img.floatleft {
	float: left;
	margin: 0px 10px 0px 0px;
}

img.floatright {
	float: right;
	margin: 0px 0px 0px 10px;
}


/*****************
 FEATURES
*****************/

.pagefeature {
	width: 330px;
	margin: 10px 20px 10px 0px;
	float: left;
	padding: 10px 10px 0px 10px;
	background: #fff url(images/pagefeatureback.gif) no-repeat bottom left;
}


.pagefeatureend {
	margin: 10px 0px 10px 0px;
}

/*****************
 FLASHANIM
*****************/

#flashanim {
	background: #fff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	z-index: 1;
	width: 720px;
	height: 160px;
}

#pagepics {
	float: right;
	background: #fff;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	z-index: 1;
	width: 350px;
	height: 350px;
}


/*****************
 APPLICATIONS
*****************/

.application {
	margin: 10px 0 5px 0;
	padding: 10px;
	background: #fff url(images/applicationback.gif) no-repeat bottom left;
}
	
.application img {
	float: right;
	margin: 10px 0 0 20px;
}	

	#maincontent  .galleryimage {
		float: left;
		text-align: left;
		width: 165px;
		margin: 5px 20px 0 0;
	}

	 #maincontent .galleryimage p {
		font-size: 0.9em;
		padding: 0px;
	}

	#maincontent .galleryimageend {
		margin: 5px 0 0 0;
	}

	
#free-survey-block {
	width: 720px;	
}

	#fsb-lft {
		width: 420px;
		float: left;
	}
	
		#pc-search-form {
			position: relative;
			height: 30px;
		}
		
			#free-survey-block label {
				width: 75px;
				position: absolute;
					top: 2px;
					left: 0;
			}
			
			#free-survey-block input#PostCode {
				width: 60px;
				position: absolute;
					top: 2px;
					left: 80px;
			}
			
			#free-survey-block input#PostCode2 {
				width: 50px;
				position: absolute;
					top: 2px;
					left: 150px;
			}
			
			#free-survey-block input#PCSub {
				position: absolute;
					top: 0;
					left: 210px;
			}
			
		.sugg { border: 1px solid #ccc; padding: 1px; }
		
		.PostCodeResult {
			border: 1px solid #888;
			margin: 10px 0;
			padding: 5px;
		}
	
	#fsb-rgt {
		width: 280px;
		float: right;
		margin: 0 10px;
	}