/*********** RESET***********/

body, h1, h2, h3, h4, h5, h6, p, blockquote,
a, img, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label, table, tr, th, td {
	margin:0;
	padding:0;
	border:none;
}

/********** GLOBAL **********/

ul, ol, dl{
	margin:10px 0 10px 30px;
}
ul li, ol li, dl li{
	margin:3px 0;
}
.align-center{
	text-align:center;
}
.align-right{
	text-align:right;
}
.float-right{
	float:right;
}
.float-left{
	float:left;
}
.clear-both{
	clear:both;
}
a:link{
	color:#333;
}
a:visited{
	color:#666;
}
a:hover{
	color:#9ace00;
}
a:active{
	font-weight:700;
}
a:focus{
	font-weight:700;
}
input.checkbox{
	border:none;
	background-color:transparent;
}
p.error{
	font-size: 13px;
	line-height:18px;
	color: #f30303;
	font-weight:700;
	margin:15px 0;
}

/********* TYPOGRPAHY ********/

body{
	font-family:arial, sans-serif;
	font-size:12px;
	color:#333;
	text-align:center;
	background-color:#c9dcfc;
}
h1, h2, h3, h4, h5{
	font-family:georgia, serif;
	font-weight:400;
	color:#0155a4;
}
h1{
	font-size:22px;
	margin:5px 0 20px 0;
}
h2{
	font-size:18px;
	margin:5px 0 15px 0;
}
h3{
	font-size:16px;
	margin:5px 0 15px 0;
}
h4{
	font-size:14px;
	margin:5px 0 10px 0;
}
h5{
	font-size:12px;
	margin:5px 0 5px 0;
}
p{
	margin:0 0 10px 0;
	line-height:16px;
}

/********* STRUCTURE *********/

#wrapper{
	width:999px;
	text-align:left;
	margin:10px auto;
	background:url('../nav/bg_tile.gif') repeat-y #fff;
}
#header{
	background:url('../nav/header.jpg') repeat-y;
	height:250px;
	position:relative;
}
#content{
	margin:15px 24px 15px 24px;
}
#footer{
	background:url('../nav/footer.gif') repeat-y;
	height:83px;
}
#left-wrap{
	width:542px;
	overflow:hidden;
}

/********* HEADER *********/

a#logo-link{
	display:block;
	width:170px;
	height:160px;
	position:absolute;
	top:25px;
	left:38px;
}
ul#top-nav{
	height:41px;
	width:980px;
	overflow:hidden;
	position:absolute;
	top:209px;
	left:10px;
	margin:0;
}
ul#top-nav li{
	display:inline;
}
ul#top-nav li a{
	float:left;
	display:block;
	height:41px;
	padding:0 12px;
	line-height:41px;
	color:#fff;
	font-size:11px;
	font-weight:700;
	text-decoration:none;
}
ul#top-nav li a#account-button{
	position:absolute;
	right:10px;
	top:0;
	width:93px;
	height:41px;
	background:url('../nav/account_button.gif') no-repeat;
	text-align:center;
	line-height:43px;
	padding:0;
}
ul#top-nav li.selected a, ul#top-nav li a:hover{
	background-color:#0064c2;
}
form#login{
	width:510px;
	position:absolute;
	top:28px;
	left:0px;
}
form#login label{
	color:#888;
	font-size:11px;
	font-weight:700;
	display:block;
	line-height:20px;
	height:18px;
	float:left;
	display:inline;
	margin:0 5px 0 10px;
}
form#login p{
	margin:0;
}
form#login input{
	width:160px;
	bordeR:1px solid #d7d7d7;
	height:18px;
	margin:0;
	float:left;
	display:inline;
}
form#login input.hidden{
	display:none;
}
form#login input#login-button{
	width:21px;
	height:21px;
	float:left;
	display:inline;
	margin:1px 0 0 6px;
	border:none;
}
#logged-in{
	width:510px;
	height:55px;
	position:absolute;
	top:12px;
	right:17px;
}
#logged-in p{
	padding:0 10px;
	margin:3px 0;
}
#logged-in p.login-top{
	margin:5px 0 0 0;
}
#logged-in img.top-buttons{
	margin:2px 5px 0 0;	
}
a#forgot-password{
	position:absolute;
	top:52px;
	right:31px;
	font-size:10px;
	
}

/************* LOGIN 2 ************/

form#login2{
	width:510px;
	height:42px;
	background-color:#f7f7f7;
	margin:20px 0;
}
form#login2 label{
	color:#888;
	font-size:11px;
	font-weight:700;
	display:block;
	line-height:20px;
	height:18px;
	float:left;
	display:inline;
	margin:10px 5px 0 10px;
}
form#login2 p{
	margin:0 10px;
}
form#login2 input{
	width:160px;
	bordeR:1px solid #d7d7d7;
	height:18px;
	margin:10px 0 0;
	float:left;
	display:inline;
}
form#login2 input.hidden{
	display:none;
}
form#login2 input#login-button{
	width:21px;
	height:21px;
	float:left;
	display:inline;
	margin:10px 0 0 6px;
	border:none;
}
/********* HOMEPAGE *********/

#homepage-text{
	width:530px;
	float:right;
	display:inline;
	margin:15px 0px 20px 0;
}
#book-now, #book-now-home{
	background:url('../nav/book_now.gif') no-repeat;
	height:246px;
	width:386px;
	float:right;
	margin:0 0 0 20px;
	position:relative;
}
#book-now{
	background:url('../nav/book_now3.gif') no-repeat;
	height:300px;
}
#book-now-home{
	float:left;
	margin:20px 0;
}
#book-now h2, #book-now-home h2{
	color:#fff;
	font-weight:700;
	font-family:arial;
	font-size:12px;
	margin:0 0 0 12px;
	line-height:40px;
}
#book-now form, #book-now-home form{
	margin:15px 0 0;
}
#book-now label, #book-now-home label{
	display:block;
	float:left;
	width:145px;
	height:22px;
	font-size:11px;
	font-weight:700;
	line-height:22px;
	text-align:right;
	color:#555;
	margin:0 10px 0 0;
}
#book-now input, #book-now-home input, #book-now select, #book-now-home select{
	width:210px;
	border:1px solid #d7d7d7;
	height:24px;
}
#book-now p, #book-now-home p{
	margin:0 0 8px 0;
}
#book-now p#tip{
	margin:0 18px 15px 18px;
}
#book-now p#age, #book-now-home p#age{
	text-align:center;
	font-size:11px;
	font-weight:700;
	margin:10px 0 15px;
	background:url('../nav/16.gif') 335px 6px no-repeat;
	overflow:hidden;
	clear:left;
}
#book-now input#times-button, #book-now-home input#times-button{
	width:347px;
	height:28px;
	margin:0px 0 0 19px;
	border:none;
}
#book-now p.error, #book-now-home p.error{
	font-size: 11px;
	color: #f30303;
	font-weight:700;
	margin:5px 10px 0 10px;
}

#book-now-home p.box-msg {
	font-size: 11px;
	font-weight:700;
	margin:5px 10px 0 10px;
}
h3#home-assoc-head{
	font-size:16px;
	margin: 25px 0 10px 0;
	clear:both;
}
#association{
	background:url('../nav/assoc.gif') no-repeat;
	height:86px;
	width:943px;
	margin:0 0 0 3px;
}
#association a img{
	border:none;
}
#association a{
	text-decoration:none;
}
img#incentive{
	margin:10px 0 0 12px;
}
img#bring-scanner{
	float:left;
	clear:left;
	margin:1px 0 0 0;
}
img#story-board{
	float:left;
	clear:left;
	margin:20px 0;
}

/********* TABLES *********/
table{
	margin:15px 0;
	border-collapse:collapse;
	width:540px;
	overflow:hidden;
}
table td{
	border:1px solid #e3e3e3;
}
table td, table th{
	padding:5px 10px;
}
table th{
	background-color:#045fb5;
	color:#fff;
}
table td.time{
	font-weight:700;
	color:#555;
}
table td.na{
	background-color:#e9e9e9;
}

#direction{
	background-color:#f3f3f3;
	border:1px solid #e3e3e3;
	width:540px;
	height:38px;
	position:relative;
	overflow:hidden;
}
#direction a, #direction .back, #direction .forward{
	display:block;
	width:70px;
	height:22px;
	line-height:22px;
	color:#fff;
	text-decoration:none;
	font-size:11px;
	text-align:center;
	background-color:#045fb5;
	position:absolute;
}
#direction a#forwards, #direction .forward{
	top:8px;
	right:8px;
}
#direction a#backwards, #direction .back{
	top:8px;
	left:8px;
}
#direction .back, #direction .forward{
	background-color:#d1d1d1;
}
#direction p{
	text-align:center;
	line-height:38px;
	font-size:13px;
	font-weight: 700;
	color:#045fb5;
}
table th.time-td{
	width:50px;
}
table th.date-td{
	width:94px;
}

/********* FORMS *********/

form.standard-form, ul.booking-details, ul.grey-list{
	width:500px;
}
ul.booking-details{
	width:940px;
}
form.standard-form h3{
	margin:15px 0;
}
li.required-p p{
	font-size:11px;
	color:#444;
	margin:0 21px 0 0;
}
form.standard-form .required{
	font-size:14px;
	font-weight:700;
	color:#57c200;
}
form.standard-form ul, ul.booking-details, ul.grey-list{
	list-style:none;
	margin:0;
}
ul.booking-details, ul.grey-list{
	background-color:#f3f3f3;
	border:1px solid #e9e9e9;
	padding:10px 0;
}
ul.booking-details li, ul.grey-list li{
	padding:0 15px;
}
ul.grey-list-li li{
	margin:0 0 8px 0;
}
ul.booking-details li{
	position:relative;
	overflow:hidden;
	line-height:35px;
	color:#0066ad;
	font-weight:700;
	border-bottom:1px solid #fff;
}
ul.booking-details li strong{
	color:#333;
}	
ul.booking-details li img{
	position:absolute;
	right:20px;
	top:4px;
}
ul.booking-details li img#change-det{
	position:absolute;
	right:160px;
	top:4px;
}
ul.booking-details li span{
	color:#444;
	font-weight:400;
	position:absolute;
	top:0px;
	left:75px;
	display:block;
	width:460px;
	
}
ul.booking-details ul{
	margin:15px 0 15px 20px;
	list-style:none;
}
ul.booking-details ul li{
	line-height:28px;
	padding:0;
	border:none;
}
ul.booking-details li img.remove-det{
	position:absolute;
	right:5px;
	top:0px;
}
ul.booking-details li span.reference{
	left:400px;
	padding:0 0 0 10px;
	background-color:#7e7e7e;
	color:#fff;
	font-weight:700;
	width:145px;
}
form.standard-form ul li{
	background-color:#f3f3f3;
	border:1px solid #e9e9e9;
	padding:2px 8px;
}
form.standard-form ul li.error{
	background-color:#ef0404;
	color:#fff;
}
form.standard-form ul li.error label{
	color:#fff;
	font-weight:700;
}
form.standard-form ul li label{
	display:block;
	width:200px;
	float:left;
	clear:left;
	display:inline;
	margin:0;
	text-align:right;
	line-height:26px;
	margin:0 10px 0 0;
}
form.standard-form ul#contact-form li{
	padding:6px 8px;
}
form.standard-form ul#contact-form label{
	width:120px;
}
form.standard-form ul li input, form.standard-form ul li select, form.standard-form ul li textarea{
	width:250px;
	margin:0;
	height:22px;
	border:1px solid #e3e3e3;
}
form.standard-form ul li input#give-details {
	margin:5px 0 0;
}

form.standard-form ul li input#booker_occupation {
	margin: 55px 0 0;
}

form.standard-form ul li input.checkbox{
	height:12px;
	width:12px;
	border:none;
}
form.standard-form ul li select.date-select{
	width:auto;
}
form.standard-form ul li textarea{
	height:120px;
}
form.standard-form ul li.submitli{
	border:none;
	background-color:transparent;
}

form.standard-form ul.form-errors{
	padding:10px;
	background-color:#fff;
	bordeR:2px solid #f30303;
	margin:10px 0;
}
form.standard-form ul.form-errors li{
	margin:0;
	border:none;
	padding:0;
	font-size:11px;
	line-height:18px;
	font-weight:700;
	background-color:#fff;
}
form.standard-form ul.form-errors li h4{
	margin:0 0 5px;	
}
input.standard-button, form.standard-form ul li input.standard-button, img.standard-button{
	width:185px;
	height:28px;
	border:none;
	margin:5px 10px;
	color:#fff;
	font-weight:700;
	float:left;
	display:inline;
	margin:10px 10px 20px 0;
}
form.standard-form input#contact-submit{
	margin:5px 0 10px 318px !important;
}

/********* FOOTER *********/

#footer p{
	text-align:center;
	padding:32px 0 0;
	color:#888;
	font-size:11px;
}
#footer a{
	color:#888;
}
ul#association{
	margin:0;
	list-style:none;
	padding:0 0 0 21px;
}
ul#association li{
	display:inline;
}
ul#association li img{
	float:left;
	display:inline;
	margin:25px 14px 0 4px;
}

/********* ASSOCIATES PAGE *********/

#associates img{
	float:right;
	margin:0 0 20px 20px;
}

div#google-map {
	float: right;
	clear: right;
	margin: 10px 0 0 0;
	padding: 2px;
}

div#google-map small {
	display: block;
	text-align: center;
	color: #afafaf;
}

div#google-map small  a {
	color: #afafaf;
	text-decoration: none;
}


/********* NEWS LIST PAGE *********/


#news-list {
	margin: 0 25px 0 25px;
}

.list-item{
	clear: left;
	margin:10px 10px 20px 0;
}
.list-item img{
	float:left;
	display:inline;
	width:100px;
	padding:2px;
	border:1px solid #b1b1b1;
	margin:0 10px 0 0;

}
.list-item h2{
	margin:0 0 10px 0;
	font-size:14px;
}
.list-item h2 a{
	color:#0155a4;
	text-decoration:none;
}
.list-item .align-right a{
	float:right;
	border:none;
	display:block;
	width:70px;
	height:22px;
	line-height:22px;
	color:#fff;
	text-decoration:none;
	font-size:11px;
	text-align:center;
	background-color:#045fb5;
}


