
body {
	margin: 0;
	padding: 0;
	color: #666;
	font: 11.5px/1.6em georgia, "times new roman", times, serif;
	background: #f9f9f9 url("assets/templates/shoal/bg_body.png") top left repeat-x;
}
img {
	border: 0;
}
hr {
	margin: 0;
	padding: 0;
	clear: both;
	visibility: hidden;
}
h2 {
	color: #1f3f55;
	margin: 10px 15px;
	padding: 0 0 15px;
	border-bottom: 2px solid #648293;
	font: 400 21px/1.4em georgia, "times new roman", times, serif;
}
fieldset {
	border: 0;
}

a {
	color: #1f3f55;
}
a:hover {
	color: #000;
}

label.enq {
	float: left;
	width: 130px;
}
input.txt, select.txt, textarea, #ajaxSearch_input {
	width: 200px;
	padding: 3px 5px;
	background: #fff;
	border: 1px solid #bbb;
	font: 12px/1.2em georgia, "times new roman", times, serif;
}
textarea {
	height: 90px;
}
img.btn {
	margin-left: 130px;
	border: 1px solid #bbb;
}
input.btn {
	margin-left: 250px;
}
form#enquiry, pre {
	width: 400px;
	margin: 1em auto;
	padding: 10px 25px;
	background: #fafafa;
	border: 1px solid #ddd;
}

.col {
	float: left;
	width: 252px;
	margin-right: 10px;
}
.menu, .menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.errors {
	width: 80%;
	margin: auto;
	padding: 5px 25px;
	border: 1px solid #eee;
}
input.invalid, input.required, select.required, textarea.required {
	background: #ffc !important;
}

#skin {
	width: 781px;
	margin: 40px auto;
	background: transparent url("assets/templates/shoal/bg_skin.png") top left repeat-y;
}
	#head {
		top: -17px;
		height: 190px;
		overflow: hidden;
		position: relative;
		background: transparent url("assets/templates/shoal/bg_head.png") top left no-repeat;
	}
		#head h1 {
			display: none;
		}
		#head img {
			position: absolute;
		}
		#head #logo {
			top: 40px;
			left: 60px;
			width: 157px;
			height: 100px;
		}
		#head #feat {
			width: 500px;
			height: 133px;
			overflow: hidden;
			position: relative;
			margin: 25px 0 0 255px;
		}
		#head #feat img {
			padding-bottom: 3px;
			background: transparent url("assets/templates/shoal/bg_head-feat.png") 50% bottom repeat;
		}
		#head ul.menu {
			bottom: 0;
			clear: both;
			width: 742px;
			background: #eee;
			margin-left: 13px;
			position: absolute;
			padding: 142px 0 0 12px;
			background: #ededed url("assets/templates/shoal/bg_head-menu.png") bottom left no-repeat;
		}
		#head ul.menu li {
			float: left;
			width: 100px;
			margin-left: 5px;
			text-align: center;
		}
		#head ul.menu li a {
			width: 100px;
			height: 24px;
			display: block;
			padding-top: 7px;
			text-decoration: none;
			background: transparent url("assets/templates/shoal/bg_head-menu.png") 50% bottom no-repeat;
		}
		#head ul.menu li a:hover {
			background-image: url("assets/templates/shoal/bg_head-menu-a_1.png");
		}
		#head ul.menu li.here a {
			cursor: default;
			background-image: url("assets/templates/shoal/bg_head-menu-a_2.png") !important;
		}

	#guts {
		clear: both;/*
		margin-left: 220px;*/
	}
		#guts #food {
			font-size: 12.5px;
			margin: 0 20px 0 255px;
		}
		#guts .col p, #guts .col li {
			margin-right: 0;
		}
		#side {
			float: left;
			width: 190px;
			font-size: 12.5px;
			line-height: 1.3em;
			background: #f2f2f2;
			padding: 15px 15px 60px;
			margin: 60px 20px 0 15px;
		}
			#side ul.menu {
				text-align: right;
				margin-bottom: 40px;
				text-transform: capitalize;
			}
			#side ul.menu li {
				text-align: right;
				margin-bottom: .5em;
			}
			#side h3 {
				font-size: 17px;
				font-weight: 400;
				padding-right: 1em;
				text-transform: lowercase;
			}
			#side h3.remember {
				color: #333;
				height: 60px;
				text-align: right;
				padding-top: 10px;
				background: transparent url("assets/images/device/remember.png") top right no-repeat;
			}
			#side h3 strong {
				display: block;
				font-size: .8em;
				font-weight: 400;
				text-transform: none;
			}

	#foot {
		bottom: -14px;
		position: relative;
		padding-bottom: 14px;
		background: transparent url("assets/templates/shoal/bg_foot.png") bottom left no-repeat;
	}
		#foot #bar {
			width: 736px;
			height: 24px;
			margin: 0 auto;
			padding: 7px 10px 0;
			background: #fff url("assets/templates/shoal/bg_foot-bar.png") 50% 50% no-repeat;
		}
		#foot #bar ul {
			position: absolute;
		}
		#foot #bar ul li {
			float: left;
			margin-left: 2em;
		}
		#foot #bar ul li a {
			text-decoration: none;
		}
		#foot #bar p {
			margin: 0;
			padding: 0;
			text-align: right;
		}
		#foot #bar input.search {
			border: 0;
			width: 86px;
			height: 20px;
			position: relative;
			padding: 7px 4px 0 10px;
			font-family: georgia, "times new roman", times, serif;
			background: transparent url("assets/templates/shoal/bg_head-menu-a_2.png") 50% bottom no-repeat;
		}

/*
AjaxSearch
*/

#ajaxSearch_input {
	padding: 3px 5px;
	border: 1px solid #ddd;
	font-family: georgia, "times new roman", times, serif;
}
#ajaxSearch_output {
	margin-top: 2em;
}

.ajaxSearch_intro, #searchClose, .ajaxSearch_resultDescription {
	display: none;
}

.ajaxSearch_highlight, .AS_ajax_highlight {
	background: #b6ebff;
}
.ajaxSearch_resultsIntroFailure {
	margin: 2em 0;
}
.ajaxSearch_resultLink {
	font-size: 1.2em;
}

/*
WebLoginPE
*/

#wlpeReminderButton, #wlpeRegisterButton, #wlpeProfileButton, #wlpeLegend {
	display: none;
}
#wlpeLoginButton, #wlpeLogoutButton {
	margin-left: 100px;
}

/* Ditto steez, waay too lazy  */

.ditto_pageTitle {
	margin-bottom: 0;
}
.ditto_documentInfo {
	font-size: .9em;
	margin-bottom: 1em;
}
.ditto_documentInfo strong {
	font-weight: 400;
	font-style: italic;
}
