body {
  background:#000228 url('../images/bg.jpg') repeat-x;
  margin:15px;
  font-family: Microsoft-Sans-Serif, MS-Sans-Serif, Arial, sans-serif;
  font-size: 12px;
  color: #00224c;
  line-height: 1.4;
  text-align:center;
}

ul{margin:0;pading:0;}

#flashhead { height:196px; overflow:hidden; }

#panelRest{
background:url('../images/panelRestBG.gif');width:146px;height:75px;padding:25px 100px 0 10px;text-align:left;margin-bottom:5px;
}

#panelBeaches{
background:url('../images/panelBeachBG.gif');width:146px;height:75px;padding:25px 100px 0 10px;text-align:left;margin-bottom:5px;
}

#panelsWalks{
background:url('../images/panelWalkBG.gif');width:146px;height:75px;padding:25px 100px 0 10px;text-align:left;margin-bottom:5px;
}

#panelDriving{
background:url('../images/panelDriveBG.gif');width:146px;height:75px;padding:25px 100px 0 10px;text-align:left;margin-bottom:5px;
}

#panelThings{
background:url('../images/panelThingsBG.gif');width:146px;height:75px;padding:25px 100px 0 10px;text-align:left;margin-bottom:5px;
}

#panelListing{
background:url('../images/panelListingsBG.gif');width:146px;height:75px;padding:25px 100px 0 10px;text-align:left;margin-bottom:5px;
}

#bookPanel1{
background:url('../images/bookPanel1.gif');width:109px;height:91px;padding:60px 10px 0 10px;float:left;
}

#bookPanel2{
background:url('../images/bookPanel2.gif');width:109px;height:91px;padding:60px 10px 0 10px;float:left;margin:0 6px;
}

#bookPanel3{
background:url('../images/bookPanel3.gif');width:109px;height:91px;padding:60px 10px 0 10px;float:left;
}

.contactTitle{
background:#024272;
padding:5px;
color:#fff;
margin-top:15px;
font-weight:bold;
}

.contactText{padding:5px;}

ul{margin-left:18px;}

.clear{clear:both;}

.panel{
width:31%;height:100px;background:#001f4a url('../images/panelBG.jpg') repeat-x;padding:7px;color:#fff;float:left;
}

#panelCentre{
width:31%;height:100px;background:#001f4a url('../images/panelBG.jpg') repeat-x;padding:7px;color:#fff;float:left;margin:0 7px
}

.panelButton{
	float:left;
	margin-right:3px;
}

h1{padding:0;margin:0;font-size:17px;}

#leftCol{
float:left;width:47%;
}

#rightCol{
float:left;margin-left:3%;width:50%;
}

#content{
text-align:justify;
margin-bottom:10px;
background:#f3ecc1 url('../images/contentBG.jpg') repeat-x;
padding:8px;
}

#nav{
text-align:center;
font-weight:bold;
padding:5px;
border-bottom:1px solid #000228;
}

#logo{
background:#00224c;
border-bottom:1px #fff solid;
padding:10px;
text-align:center;
}

#mainBorder{
 border:#fff 5px solid;
 text-align:left;
 background:#fff;
 width:815px;
 margin-left:auto;
 margin-right:auto;
}

#footer{
	padding:5px 10px 11px 0;
	text-align:right;
}
/*///////////// Links ////////////////*/
a:link {color:#00224c; text-decoration:none;}
a:visited {color:#00224c; text-decoration:none;}
a:hover {color: #00224c; text-decoration:underline;}

#bookPanel1 a:link {color:#726722; text-decoration:none;}
#bookPanel1 a:visited {color:#726722; text-decoration:none;}
#bookPanel1 a:hover {color: #00224c; text-decoration:none;}

#bookPanel2 a:link {color:#726722; text-decoration:none;}
#bookPanel2 a:visited {color:#726722; text-decoration:none;}
#bookPanel2 a:hover {color: #00224c; text-decoration:none;}

#bookPanel3 a:link {color:#726722; text-decoration:none;}
#bookPanel3 a:visited {color:#726722; text-decoration:none;}
#bookPanel3 a:hover {color: #00224c; text-decoration:none;}

#footer a:link {color:#00224c; text-decoration:none;}
#footer a:visited {color:#00224c; text-decoration:none;}
#footer a:hover {color: #00224c; text-decoration:none;}

#nav a:link {color:#00224c; text-decoration:none;margin:0 5px;}
#nav a:visited {color:#00224c; text-decoration:none;margin:0 5px;}
#nav a:hover {color: #00224c; text-decoration:none;border-top:3px #00224c solid;border-bottom:3px #00224c solid;margin:0 5px;}

#panelCentre a{color:#FFFFFF; text-decoration:none;}
#panelCentre a:hover{color:#FFFFFF; text-decoration:underline;}

#footerWebsitevision a:hover {color: #0ab2d6; text-decoration:none;background:inherit;font-weight:normal;}
#footer a:hover span {color: #d37d02; text-decoration:none;background:inherit;font-weight:bold;}
/*//////////////////////////////////////////*/
/*////////////// google map ////////////////////*/
#map{
   width:430px;height:400px;border:#00224c 1px solid;
}
#map{
  color:#00224c;
}
/*////////////////////////////////////////////////*/
/*/////////////// form elements //////////////////*/
input{
	color: #00224c;
	border:1px;
	width:120px;
}

textarea {
	padding:2px;
	border:1px;
	color: #00224c;
	width:135px;
}

select {
	color: #00224c;
	font-family: Microsoft-Sans-Serif, MS-Sans-Serif, Arial, sans-serif;
	font-size:12px;
}

input.but {
	margin-top:5px;
	padding:2px;
	border:1px solid #000228;
	color:#fff;
	font-weight:bold;
	background:#024272;
	width:200px;
	height:30px;
	font-size:14px;
}

/* ///////////////////// FORM LAYOUT //////////////////// */
form p{
	clear:left;
	margin:0;
	padding:0;
	padding-top:5px;
}
form p label{
	float:left;
	width:50%;
}
legend{
	font-weight:bold;
}
fieldset{
	padding:10px;
	width:90%;
}
label.rbLabel{
	width:80px;
	float:left;
}
#buts
{
    margin-bottom:10px;
    text-align:center;
    }
    #tariffTable 
    {
		width:100%;
		}
/* ////////////////////////////////////////////////////////////// */

/*///////////// form val //////////////*/

#formEnquiry .red {
	border: 1px solid red;
	background:#feea7c;
}

#formEnquiry label.red {
	border: none;
	color: red;
}

#formEnquiry .customRed {
	border: none;
	color: red;
}

#formEnquiry .errorMessage {
	color: red;
	margin-left: 10px;
	font-size: 0.8em;
}
/*///////////// ajax result //////////////*/
#log {
	margin-top: 5px;
	text-align:center;
	font-size:14px;	
}

#log_res {
	overflow: auto;
	color:#04709f;
}
 
#log_res.ajax-loading {
	padding: 20px 0;
	background: url("../images/spinner.gif") no-repeat center;
}

/*///////////// calender //////////////*/

button.dashboard {
	background: url("../images/dashboard-icon.gif");
	border: 0;
	cursor: pointer;
	float: none;
	display:inline-block;
	margin:0;
	position:relative;
	top:-4px;
	height: 14px;
	width: 14px;
}
button.dashboard:hover,
button.dashboard.active {
	background-position: 0 14px;
}

div.dashboard {
	background: url("../images/dashboard.png");
	height: 175px;
	padding: 0 12px;
	text-align: center;
	width: 147px;
}	
	div.dashboard * {
		margin: 0;
		padding: 0;
	}	
	div.dashboard div {
		background: none !important;
		cursor: move;
		height: 165px;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		width: 147px;
	}	
	
	div.dashboard caption {
		color: #f3ecc1;
		font: normal 12px/17px Arial, Helvetica, sans-serif;
		padding-top: 4px;
		text-align: center;
		width: 100%;
	}
	div.dashboard caption a {
		cursor: pointer;
		display: block;
		height: 11px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 16px;
		width: 11px;
	}
	div.dashboard caption a.prev {
		background-image: url("../images/dashboard-prev.gif");
		left: 1px;
	}
	div.dashboard caption a.next {
		background-image: url("../images/dashboard-next.gif");
		right: 1px;
	}
	div.dashboard caption a:hover {
		background-position: 0 11px;
	}
	div.dashboard caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
	div.dashboard caption span.month {
		padding-right: 8px;
	}
	div.dashboard caption span.month:after {
		content: ',';
	}

	div.dashboard table {
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.dashboard td,
	div.dashboard th {
		border: 0;
		color: #999;
		font: normal 12px Arial, Helvetica, sans-serif;
		height: 19px;
		text-align: center;
		width: 21px;
	}
	div.dashboard td {
		color: #333;
		font-size: 11px;
		padding-right: 5px;
		text-align: right;
		width: 16px;
	}
	div.dashboard td.invalid {
		color: #666;
	}
	div.dashboard td.valid {
		color: #FFF;
		cursor: pointer;
	}
	div.dashboard td.active,
	div.dashboard td.hover {
		color: #CF0;
		cursor: pointer;
	}
	
	.offerspanel {width:315px; background:url(../images/offers_bg.gif) no-repeat bottom left; margin-bottom:20px;}
	.offerspanel h3 {width:315px;height:26px; background:url(../images/title_offers.gif) no-repeat 0 0; text-indent:-9000px;}
	.offerspanel div {padding:0 10px 10px 10px; line-height:normal;}