@charset "UTF-8";
@import "ui.core.css";
@import "ui.datepicker.css";
@import "ui.theme.css";
.ui-datepicker {
	font-size:66%;
}

/* CSS Document */
/* Rebecca Esler */
/* 25/06/08 */
body{
margin:0;
padding:0;
background-color:#0188ce;}

img{
border:0;}

a{
text-decoration:none;
margin:0;
padding:0;
color:#0188ce;}

/* ---centres site and dark blue edges--- */
#frame{
margin:0 auto;
padding:0;
width:984px;
background:url(/images/bg.jpg) top left repeat-y;}

#frameInside{
padding:10px 40px 38px 32px;
margin:0;
width:913px;}

/* ---header image--- */
#header{
margin:0;
padding:0;
background:url(/images/header.gif) top left no-repeat;
width:913px;
height:102px;}

/* ---link on logo--- */
#logo{
margin:0;
padding:0;
float:left;
display:inline;}

/* ---navigation/search--- */
#navigation{
float:right;
display:inline;
margin: 33px 0px 0 0;
padding:0;
width:515px;}

#nav{
margin: 7px 10px 0 0;
padding:0;
float:left;
display:inline;
font:13px Helvetica, Arial, sans-serif;
color:#ffffff;
text-align:left;}

#nav ul{
margin:0;
padding:0 0 0 5px;
display:inline;}

#nav li{
display:inline;
margin:0;
padding:0 5px;
list-style:none;
border-right:1px solid #ffffff;}

#nav a{
margin:0;
padding:0;
text-decoration:none;
color:#ffffff;}

.search{
padding:0 0 0 5px;
margin:0;}

.search{
border:1px solid #999999;
padding:3px;
width:125px;}

.goButton{
background:url(../images/btn_go.gif) top left no-repeat;
padding:4px;
margin:2px 0 0 0;
width:30px;
height:22px;
color:#ffffff;
border:0;}

/*	Form styles	*/
	fieldset {
	margin:10px 0 0 15px;
		padding: 5px;
		border: 1px dashed #1F3873;
		width: 430px;
	}
	legend {
		color: #1F3873;
		font-size: 13px;
		background-color: #FFF;
		padding: 0px 3px 0px 3px;
		margin: 0px;
		font-weight:bold;
	}
	form dd {
		margin: 2px 0px 2px 0px;
		font-size: 10px;
		color: #1F3873;
	}
	form dd em {
		margin: 0px 0px 50px 170px;
		font-size: 9px;
		text-align: center;
	}
	form dd input, form dd textarea, form dd select {
		vertical-align: middle;
	}
	input, textarea, select {
		margin: 2px 0px 2px 0px;;
	}
	form dt {
		float: left;
		width: 160px;
		text-align: left;
		vertical-align: middle;
		margin: 2px 0px 2px 0px;
		padding: 0 10px 0px 0;
		/*font-weight: bold;*/
	}
	form dt em {
		font-weight: normal;
		color: #1F3873;
		font-size: 9px;
	}
	
	form .title {
		color: #1F3873;
	}
	form .select {
		width: 50px;
		margin-right: 15px;
	}
	form .cardnumber {
		width: 30px;
		margin-right: 10px;
	}
	form .checkbox, form .checkbox input {
		width: 15px;
		margin-right: 20px;
	}

	form .button {
	background:url(../images/btn_price_availability.gif) no-repeat top left;
		border: 0px;
		padding: 0px;
		margin: 0px 0 5px 0;
		width:147px;
		height:46px;
		color:#ffffff;
		font-size:15px;
		/*background-color: #1F3873;
		color: #FFFFFF;*/
		text-transform:uppercase;
	}
	
	#btnSubmit{
	margin:0 0 0 15px;
	padding:5px;
	border:1px solid #999999;}

/* ---content area on right--- */
#contentLeft{
margin:5px 0 0 0;
padding:0;
float:right;
display:inline;
width:740px;
text-align:left;
color:#686157;
}

/* ---content area on left--- */
#contentRight{
margin:0;
padding:10px 0 0 0;
float:left;
display:inline;
width:173px;
font:12px Helvetica, Arial, sans-serif;
height: 253px;}

/* ---content area full length underneath--- */
/*#contentFull {
width:740px;
text-align:left;
}*/

h1{
	color:#002F73;
	-x-system-font:none;
	font-family:Helvetica,Arial,sans-serif;
	font-size:50px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:100;
	line-height:normal;
	margin-left:9px;
	position:relative;
	z-index:100;
	/*margin:0 9px 0 10px;
	padding:10px 0 5px 5px;*/
}

#flash{
	margin: 0;
	padding:15px 5px 15px 25px;
	background:url(../images/flash_bg.jpg) top left no-repeat;
	height:269px;
}

#textleft{
float:left;
display:inline;
width:172px;
margin:0 15px 0 0px;
padding:0;
}

#textleft img{
margin:0 0 10px 0;
padding:0;}

#textright {
float:right;
display:inline;
width:720px;
margin:0;
padding:0;
border-left:1px solid #b3b0ab;
/*background:url(../images/inforight_line.gif) top left repeat-y;*/
}

#textright_innerwrap {
display:inline;
width:720px;
margin:0;
padding:0;
background:url(../images/inforight_line.gif) top left repeat-y;
}

#textright h1{
margin:0;
padding:0;}

/*----text/info on left-----*/
#infoleft{
float:left;
display:inline;
margin:0;
padding:0 10px 0 0;
width: 317px;
font:13px/17px Arial, sans-serif;
color:#686157;}

#infoleft_wide{
float:left;
display:inline;
margin:0;
padding:0 10px 0 0;
width: 487px;
font:13px/17px Arial, sans-serif;
color:#686157;}

#infoleft h2, #infoleft_wide h2{
font:13px/16px Arial, sans-serif;
color:#002f73;
margin:9px 9px 0px 9px;
padding:0px 0px 10px 0px;
}

#infoleft h3, #infoleft_wide h3{
font:13px/16px Arial, sans-serif;
color:#002f73;
margin:0;
padding:9px 9px 0 9px;
font-weight:bold;}

#infoleft p, #infoleft_wide p{
padding:9px;
margin:0;}

#infoleft ul, #infoleft_wide ul{
margin:0;
padding:5px 0 0 10px;}

#infoleft li, #infoleft_wide li{
margin:0;
padding:2px 0 2px 10px;
list-style:none;
background:url(../images/bullet.gif) top left no-repeat;}

/*----images/info in centre-----*/
#inforight{
float:left;
display:inline;
margin:0;
padding:9px 5px 9px 16px;
width:178px;
font:12px Helvetica, Arial, sans-serif;
color:#686157;
border-right:1px solid #b3b0ab;
border-left:1px solid #b3b0ab;
}

#inforight p{
clear:both;
float:left;}

#inforight h3{
clear:both;
font:13px/16px Arial, sans-serif;
color:#002f73;
margin:0;
padding:9px 0 0 0;
font-weight:bold;}


/*----buttons on far right -----*/
#farright{
float:left;
display:inline;
margin:0;
padding:9px;
width:170px;
font:12px Helvetica, Arial, sans-serif;
color:#686157;
}


#farright h3{
clear:both;
font:13px/16px Arial, sans-serif;
color:#002f73;
margin:0;
padding:9px 0 0 0;
font-weight:bold;}

#farright ul{
margin:0;
padding:0;}

#farright li{
margin:0;
padding:5px 0;
list-style:none;
border-bottom:1px solid#002f73; }

#farright a{
margin:0;
padding:0;
text-decoration:none;
color:#002f73;}



.blue{
font-weight:bold;
color:#002f73;
margin:0;
padding:0;}

#inforight img{
float:left;
padding:3px 6px 3px 0;}

#icons{
margin:0;
padding:3px 0 0 0;
clear:both;
width:170px;
}

#icons img{
float:left;
padding: 0 2px 3px 0;
}

#ratings{
margin:0;
padding:3px 0 0 0;
clear:both;
width:170px;
}

#ratings img{
float:left;
padding: 0 5px 3px 0;
}

/* ---content FAR right--- */
#infofarright{
float:right;
display:inline;
margin:0;
padding:9px;
width:150px;
font:12px Helvetica, Arial, sans-serif;
color:#686157;}



/* ---booking box--- */
#book{
width:161px;
background: #ebe8e0 url(/images/findapark.gif) top left no-repeat;
margin:5px 0 0 0;
padding:45px 0 0 10px;
color:#a49a91;
font:13px/14px Helvetica, Arial, sans-serif;
font-weight:bold;
border:1px solid #707070;}

#book td{
padding:0;
margin:0;}

.location{
border:1px solid #999999;
padding:2px;
margin:3px 0 10px 0;
width:155px;}

.small{
border:1px solid #999999;
padding:2px;
margin:0px 0 0px 0;
width:45px;}

/* ---locations box map page--- */
#locations{
width:173px;
background: #ebe8e0 url(../images/btn_48locations.gif) top left no-repeat;
margin: 10px 0 0 0;
padding:35px 0 10px 0px;
color:#000000;
font:12px Helvetica, Arial, sans-serif;}

#locations h2{
color:#000000;
font:18px Helvetica, Arial, sans-serif;
padding:0 0 0 10px;}

#locations a{
margin:0;
padding: 2px 0 2px 10px;
display:block;
width:163px;
color:#000000;
text-decoration:none;}

#locations a:hover{
background-color:#ffa600;
color:#000000;
text-decoration:none;}



/* ---text links at bottom right--- */
#RightText{
margin:5px 0 0 0;
padding:0;
font:11px/12px Helvetica, Arial, sans-serif;
color:#002f73;
text-align:left;}

#RightText ul{
margin:0;
padding:0;}

#RightText li{
margin:0;
padding:5px 0;
list-style:none;
border-bottom:1px solid#002f73; }

#RightText a{
margin:0;
padding:0;
text-decoration:none;
color:#002f73;}


/* ---top row of footer links--- */
#footer{
clear:both;
padding:40px 0 0 0;
margin:0;
text-align:center;
font:11px Helvetica, Arial, sans-serif;
color:#828282;}

#footer ul{
margin:0;
padding:0;}

#footer li{
margin:0;
padding:0 5px;
border-right: 1px solid #828282;
list-style:none;
display:inline;}

#footer a{
margin:0;
padding:0;
text-decoration:none;
color:#828282;
font-weight:bold;}

#footer a:hover{
margin:0;
padding:0;
text-decoration:none;
color:#444444;}

#footer li.end{
border:0;}

/* ---bottom 2 rows of footer links--- */
.footerBtm{
margin: 0;
padding:5px 0 0 0;
text-align:center;
font:10px Helvetica, Arial, sans-serif;
color:#828282;}

.footerBtm ul{
margin:0;
padding:0;}

.footerBtm li{
margin:0;
padding:0 5px;
border-right: 1px solid #828282;
list-style:none;
display:inline;}

.footerBtm a{
margin:0;
padding:0;
text-decoration:none;
color:#828282;}

.footerBtm a:hover{
margin:0;
padding:0;
text-decoration:none;
color:#444444;}

.footerBtm li.end{
border:0;}

#map_canvas {
margin: 0 0 10px 0; 
overflow: hidden; 
width:205px;height:172px; 
position: relative;
/*.firstChild.nextSibling.style.fontSize = "xx-small"; */
}
.nomap {
font-family:Arial;
font-size:8pt;
color:#333;
background-color:#f0f0f0;
text-align:center;
vertical-align:middle;
padding:0;
}
/* Centre Booking Control */
form#bookingform_middle {
background: url(../images/booking_bg_middle.gif) no-repeat 40px 0px;
margin:5px 0 0 0;
padding:10px 0 0 20px;
color:#a49a91;
font-size:100%;
height: 175px;
width:401px;
/*border:1px solid #707070;
background-color: #ebebeb;*/
}

/* Booking Control */
form#bookingform {
background: url(../images/booking_bg.gif) no-repeat top left;
margin:5px 0 0 0;
padding:15px 0 0 5px;
color:#a49a91;
font-size:100%;
height: 272px;
/*border:1px solid #707070;
background-color: #ebebeb;*/
}

form#bookingform fieldset, form#bookingform_middle fieldset {
border:0;
margin:0;
padding:0;
width: 172px;
}
form#bookingform h3, form#bookingform_middle h3 {
color:#fff;
font-size:1.4em;
font-weight: normal;
margin:0;
padding:0 0 18px 2px;
}
form#bookingform label, form#bookingform_middle label {
color:#4d4d4d;
font-size:0.8em;
font-weight:bold;
text-transform:uppercase;
}
form#bookingform div.arrival label, form#bookingform_middle div.arrival label {
display:block;
}
form#bookingform input#arrdate, form#bookingform_middle input#arrdate {
margin-right:3px;
} 

#container-adults, #container-children, #container-infants {
width:auto;
float:left;
width:50px;
}

#container-adults{
padding: 0 3px 0 0;
}

#container-children{
padding: 0 9px 0 0;
}

#child {
padding: 0 0 0 10px;}

#container-infants{
padding: 0 0px 0 0;
}

form#bookingform input, form#bookingform select, form#bookingform_middle input, form#bookingform_middle select {
font-size:11px;
}
form#bookingform select, form#bookingform_middle select {
width:40px;
}
form#bookingform #booking-number-container, form#bookingform_middle #booking-number-container {
color:#000;
font-weight:bold;
}
INPUT.errorfld {
border:1px solid #ed4860;
background-color:#ffdddd;
}
.form-invalid {
padding: 0 0 0 5px;
color:#ed4860;
font-size:90%;
vertical-align:top;
}
.clear {
clear:both;
}

.arrival {
width: 112px;
display: inline;
float: left;
margin: 0px 0 0 5px;}

#selector {
height: 25px;
width: 172px;
margin: 10px 0 5px 5px;}

#checkbtn {
padding: 0px;
margin: 0px;}












