/* --- Windrush Service --- */

body, html {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #fafafa;
	font: normal 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #474747;
} 
* html #page {
	height: 100%; }
body h2 {
	font-weight: bold;
	color: #7aa6c6;
	margin: 0 0 8px 0;
}
body h3 {
	font: bold 20px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #92978c;
	margin: 0 0 8px 0;
}
a, a:link, a:visited {
	font-weight: bold;
	color: #0f67a9;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.clear {
	clear: both;
	height: 0px;
	overflow: hidden; 
}
#page {
	width: 933px;
	margin: 0 auto;
	padding: 0 28px;
	position: relative;
	min-height: 100%;
	background: #fafafa url(../images/main-bg.gif) repeat-y;
}
#header-left {
	float: left;
	margin: 0;
	padding: 16px 0 17px 15px;
}
#header-right {
	float: right;
	margin: 0;
	padding: 17px 15px 0 0;	
}


/* --- menu --- */
#menu {
	height: 28px;
	background: #000000 url(../images/menu-bg.gif) repeat-x;
}
ul#navlist {
	margin: 0;
	padding: 4px 0 0 0;
	white-space: nowrap; 
}
#navlist li {
	font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFFFFF;
	text-transform: uppercase;
	display: inline;
	list-style-type: none;
}
#navlist a {
	font-weight:normal;
	padding: 8px 2px 3px 15px; 
}
#navlist a:link, #navlist a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#navlist a:hover {
	color: #7aa6c6;
	text-decoration: none;
}

/* --- main content --- */
#main {
	width: 597px;
	float: left;
	margin: 0;
	padding: 15px 0 10px 15px;
}
#main p {
	margin: 0 0 14px 0;
}
#main h1 {
	font: bold 20px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #4a4d47;
	margin: 0 0 14px 0;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #bfc4b8;
}
#main ul {
	margin: 0 0 14px 0;
	padding: 0;
}
#main ul li {
	padding: 0 0 4px 24px;
	list-style-image: none;
	background: url(../images/bullet-arrow.gif) no-repeat;
	background-position: 0 1px;
}
#right {
	width: 321px;
	float: right;
	margin: 0;
	padding: 15px 0 0 0;
}
#right .book {
	margin: 0;
	padding: 0 0 24px 15px;
}
#right .box {
	margin: 0;
	padding: 0 0 12px 0;
	background: url(../images/right-box-bg.gif) bottom no-repeat;
}
#right .box p {
	margin: 0;
	padding: 0 30px 14px 30px;
}
#right .box h1 {
	font: bold 20px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #4a4d47;
	margin: 0;
	padding: 26px 30px 14px 30px;
	background: url(../images/right-box-top.gif) top no-repeat;
}
#right .box h2 {
	margin: 0;
	padding: 0 30px 8px 30px;
}
#right form input {
	width: 251px;
	font: normal 20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #797979;
	background: #ffffff;
	border: 1px solid #cbcaca;
	margin: 0 0 4px 0;
	padding: 0 4px 0 4px;
}
#right form select {
	width: 261px;
	font: normal 20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #797979;
	background: #ffffff;
	border: 1px solid #cbcaca;
	margin: 0 0 4px 0;
	padding: 0 0 0 4px;
}
#right form .button {
	width: 261px;
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ffffff;
	background: #0f67a9 url(../images/button-bg.gif) repeat-x;
	border: 1px solid #8e8e8e;
	margin: 0 0 4px 0;
	padding: 0;
}
.left {
	width: 291px;
	float: left;	
	margin: 0;
	padding: 0;
}
.centre {
	width: 291px;
	float: right;	
	margin: 0;
	padding: 0;
}
.notes {
	font: normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #999999;
}

/* ====== service offer vouchers ====== */
.voucher {
	display: block;
	background: #21409a;
	margin: 0;
	padding: 10px 10px 0 10px;
	border-bottom: 2px dashed #ffffff;
}
.voucher p {
	color: #ffffff;
}
.voucher .notes {
	font-size: 9px;
}
.voucher h3 {
	font-weight: bold;
	font-size: 20px;
	letter-spacing: -1px;
	color: #ffffff;
	margin: 0 0 10px 0;
	padding: 0;
}

/* service booking form  */
#serviceform {
	margin: 0 0 10px 0;
	padding: 10px 14px 12px 14px;
	background: #eff2eb;
	border: 1px solid #bfc4b8;
}
#serviceform p {
	margin: 0 0 2px 0;
	padding: 0; 
}
#serviceform fieldset {
	margin: 0;
	padding: 5px 0 10px 0;
}
#serviceform legend { 
	font: bold 12px Trebuchet MS, Arial, Helvetica, sans-serif; color: #2A2A2A;
	margin: 0;
	padding: 0; 
}
#serviceform label {
	float: left;
	width: 170px;
	margin: 0;
	padding: 4px 0 0 0;
}
#serviceform input { 
font: normal 11px Trebuchet MS, Arial, Helvetica, sans-serif; color: #000;
width: 220px;
margin: 0;
padding: 0; }
#serviceform select { 
font: normal 11px Trebuchet MS, Arial, Helvetica, sans-serif; color: #000;
width: 220px;
margin: 5px 0 0 0;
padding: 0; }
#serviceform textarea { 
font: normal 11px Trebuchet MS, Arial, Helvetica, sans-serif; color: #000;
width: 222px;
height: 60px;
margin: 2px 0 0 0;
padding: 0; }
#serviceform input:focus, #serviceform textarea:focus { 
background-color: #FFC; }
#serviceform input.chkbox {
width: auto;
margin: 0 4px 0 0;
padding: 0; }
#serviceform input.radio1 {
width: auto;
margin: 4px 0 0 0;
padding: 0; }
#serviceform input.radio2 {
width: auto;
margin: 4px 0 0 10px;
padding: 0; }
#serviceform input.submit {
width: 80px;
float: left;
margin: 10px 6px 0 0;
padding: 0; }

/* --- 3 years club form --- */
#threeyear {
	margin: 0 0 10px 0;
	padding: 10px 14px 12px 14px;
	background: #eff2eb;
	border: 1px solid #bfc4b8;
}
#threeyear p {
	margin: 0 0 2px 0;
	padding: 0; 
}
#threeyear fieldset {
	margin: 0;
	padding: 5px 0 0 0;
}
#threeyear legend { 
	font: bold 12px Trebuchet MS, Arial, Helvetica, sans-serif; color: #2A2A2A;
	margin: 0;
	padding: 0; 
}
#threeyear label {
	float: left;
	width: 170px;
	margin: 0;
	padding: 4px 0 0 0;
}
#threeyear input { 
font: normal 11px Trebuchet MS, Arial, Helvetica, sans-serif; color: #000;
width: 251px;
margin: 0;
padding: 0 0 0 4px; }
#threeyear input:focus, #threeyear textarea:focus { 
background-color: #FFC; }
#threeyear input.submit {
width: 261px;
font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ffffff;
background: #0f67a9 url(../images/button-bg.gif) repeat-x;
border: 1px solid #8e8e8e;
margin: 6px 0 0 0;
padding: 0; }


/* --- footer --- */
#footer {
	clear: both;
	border-top: 1px solid #bfc4b8;
	margin: 0 15px 0 15px;
	padding: 8px 0 8px 0;	
}

/* --- terms --- */
#terms {
	margin: 0;
	padding: 2px 8px 5px 8px;
}
#terms h1 {
	font: bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #4a4d47;
	margin: 0 0 6px 0;
	padding: 0;
}