@charset "UTF-8";
body  {
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	background-attachment: scroll;
	margin-top: 16px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	letter-spacing: 0.03em;
	background-color: #C5CDD0;
	background-image: url(images/page_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

p {
	font-size: 90%;
	line-height: 1.5em;
	padding-top: 0em;
	padding-right: 0px;
	padding-bottom: 1em;
	padding-left: 0px;
	margin: 0px;
	color: #333333;
	text-align: left;
}
p a:link {
	color: #333333;
	text-decoration: underline;
}
p a:visited {
	color: #333333;
	text-decoration: underline;
}
p a:hover {
	color: #333333;
	text-decoration: none;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
h1 {
	font-size: 140%;
	font-weight: bold;
	margin: 0px;
	padding-top: 1em;
	padding-bottom: 1em;
	text-align: left;
	color: #5A88A3;
}
h2 {
	font-size: 100%;
	font-weight: bold;
	margin: 0px;
	padding-top: 1em;
	padding-bottom: 1em;
	text-align: left;
}
h3 {
	font-size: 110%;
	color: #333333;
	text-align: left;
	font-weight: normal;
}
h3 a:link {
	color: #333333;
	text-decoration: underline;
}
h3 a:visited {
	color: #333333;
	text-decoration: underline;
}
h3 a:hover {
	color: #333333;
	text-decoration: none;
}
	

.enquiryTable {
	font-size: 90%;
	color: #333;
}
.enquiryTable a:link {
	color: #333;
	text-decoration: underline;
}
.enquiryTable a:visited {
	color: #333;
	text-decoration: underline;
}
.enquiryTable a:hover {
	color: #333;
	text-decoration: none;
}


/* more links styles */
.moreLinksTitle {
	color: #0073FE;
	font-weight: bold;
}
.moreLinks {
	color: #0073FE;
}
.moreLinks a:link{
	text-decoration: underline;
	color: #0073FE;
}
.moreLinks a:visited{
	text-decoration: underline;
	color: #0073FE;
}
.moreLinks a:hover{
	text-decoration: none;
	color: #0073FE;
}
.forminput {
	color: #333333;
	padding: 3px;
	width: 180px;
	clear: both;
	font-size: 90%;
}
.forminputmulti {
	color: #333333;
	padding: 3px;
	width: 180px;
	clear: both;
	font-size: 90%;
	height: 80px;
}

.formdropdown {
	color: #333333;
	padding: 3px;
	width: 180px;
	clear: both;
	font-size: 90%;
}
.formdropdownmini {
	color: #333333;
	padding: 3px;
	width: 120px;
	clear: both;
	font-size: 90%;
}


legend {
	padding-top: 0px;
	padding-right: 4px;
	padding-left: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #333333;
	font-weight: bold;
}
legend.gallery {
	padding-top: 0px;
	padding-right: 6px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #996600;
	font-weight: bold;
}
legend.gallerylocation {
	padding-top: 0px;
	padding-right: 6px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #156774;
	font-weight: bold;
}
legend.gallerybedrooms {
	padding-top: 0px;
	padding-right: 6px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #996600;
	font-weight: bold;
}
legend.galleryfood {
	padding-top: 0px;
	padding-right: 6px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #6D5D70;
	font-weight: bold;
}
legend.galleryfacilities {
	padding-top: 0px;
	padding-right: 6px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #395B82;
	font-weight: bold;
}

fieldset {
	padding: 0px;
	padding: 0px;
}
fieldset.generic {
	background-color: #F2F4FB;
	border: 1px solid #ADC1C9;
	padding: 20px;
	margin-bottom: 20px;
}
fieldset.gallery {
	background-color: #FFF;
	border: 1px solid #DCDFE4;
	padding: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 40px;
}
fieldset.hotellocation {
	background-color: #FFF;
	border: 1px solid #156774;
	padding: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 40px;
}
fieldset.bedrooms {
	background-color: #FFF;
	border: 1px solid #996600;
	padding: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 40px;
}
fieldset.food {
	background-color: #FFF;
	border: 1px solid #6D5D70;
	padding: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 40px;
}
fieldset.facilities {
	background-color: #FFF;
	border: 1px solid #395B82;
	padding: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 40px;
}
.inputbutton {
	border: 3px double #FFF;
	background-color: #9CAFB5;
	color: #FFFFFF;
}

/* related links styles */

.related h4 {
	font-size: 120%;
	color: #8E9EA4;
	margin-left: 10px;
	margin-bottom: 20px;
	font-weight: bold;
	text-align: left;
}

.related ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 26px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

.related li {
	color: #156774;
	font-size: 105%;
	list-style-type:none;
	background-attachment: scroll;
	background-image: url(images/ico_doc.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: left center;
	margin-bottom: 5px;
	text-align: left;
	font-weight: bold;
}

.related li a:link {
	text-decoration: underline;
	color: #8E9EA4;
}
.related li a:visited {
	text-decoration: underline;
	color: #8E9EA4;
}
.related li a:hover {
	text-decoration: none;
	color: #8E9EA4;
}

.usp ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 26px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.usp li {
	color: #5A88A3;
	font-size: 100%;
	list-style-type:none;
	background-attachment: scroll;
	background-image: url(images/check.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	background-position: left center;
	margin-bottom: 5px;
	text-align: left;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 380px;
}

.usp li a:link {
	text-decoration: underline;
	color: #8E9EA4;
}
.usp li a:visited {
	text-decoration: underline;
	color: #8E9EA4;
}
.usp li a:hover {
	text-decoration: none;
	color: #8E9EA4;
}

/* header and breadbrumb colours styles */
.yellowHeader {
	color: #F6BA00;
	text-align: left;
}
.yellowHeader a:link{
	text-decoration: underline;
	color: #F6BA00;
}
.yellowHeader a:visited{
	text-decoration: underline;
	color: #F6BA00;
}
.yellowHeader a:hover{
	text-decoration: none;
	color: #F6BA00;
}
.redHeader {
	color: #304754;
	text-align: left;
}
.redHeader a:link{
	text-decoration: underline;
	color: #FF0000;
}
.redHeader a:visited{
	text-decoration: underline;
	color: #FF0000;
}
.redHeader a:hover{
	text-decoration: none;
	color: #FF0000;
}
.aquaHeader {
	color: #156774;
	text-align: left;
}
.accomHeader {
	color: #996600;
}
.accomHeader a:link{
	text-decoration: underline;
	color: #996600;
}
.accomHeader a:visited{
	text-decoration: underline;
	color: #996600;
}
.accomHeader a:hover{
	text-decoration: none;
	color: #996600;
}
.restaurantHeader {
	color: #6D5D70;
}
.restaurantHeader a:link{
	text-decoration: underline;
	color: #6D5D70;
}
.restaurantHeader a:visited{
	text-decoration: underline;
	color: #6D5D70;
}
.restaurantHeader a:hover{
	text-decoration: none;
	color: #6D5D70;
}
.facilitiesHeader {
	color: #395B82;
	text-align: left;
}
.facilitiesHeader a:link{
	text-decoration: underline;
	color: #395B82;
}
.facilitiesHeader a:visited{
	text-decoration: underline;
	color: #395B82;
}
.facilitiesHeader a:hover{
	text-decoration: none;
	color: #395B82;
}
.SpBreaksHeader {
	color: #6C844E;
}
.SpBreaksHeader a:link{
	text-decoration: underline;
	color: #6C844E;
}
.SpBreaksHeader a:visited{
	text-decoration: underline;
	color: #6C844E;
}
.SpBreaksHeader a:hover{
	text-decoration: none;
	color: #6C844E;
}
.CelebrationsHeader {
	color: #542121;
}
.CelebrationsHeader a:link{
	text-decoration: underline;
	color: #542121;
}
.CelebrationsHeader a:visited{
	text-decoration: underline;
	color: #542121;
}
.CelebrationsHeader a:hover{
	text-decoration: none;
	color: #542121;
}
.aquaHeader a:link{
	text-decoration: underline;
	color: #156774;
}
.aquaHeader a:visited{
	text-decoration: underline;
	color: #156774;
}
.aquaHeader a:hover{
	text-decoration: none;
	color: #156774;
}

.trans {
	opacity:0.1;
	filter:alpha(opacity=10)
}
.trans a:hover {
	this.style.opacity=1;
	this.filters.alpha.opacity=100;
}

/* general layout styles */
.twoColFixRtHdr #container {
	width: 900px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	background-attachment: scroll;
	background-color: #FFF;
} 
.twoColFixRtHdr #header {
	background-attachment: scroll;
	background-image: url(images/header.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	height: 94px;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 16px;
} 
.twoColFixRtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixRtHdr #menuArea {
	height: 27px;
	padding: 0;
	background-attachment: scroll;
	background-image: url(images/menu_top_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	z-index: 999;
}
.twoColFixRtHdr #mainPicArea {
	margin: 0px;
	height: 180px;
	padding: 0;
	position: relative;
	z-index: 0;
}
.twoColFixRtHdr #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 180px;
	padding: 0px;
	margin-top: 70px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.twoColFixRtHdr #mainContent {
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	text-align: center;
} 
.twoColFixRtHdr #pageContent {
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	float: right;
	width: 608px;
} 
.twoColFixRtHdr #pics {
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 0px;
	width: 215px;
	float: left;
}
.tableHeight {
	height: 20px;
}
.twoColFixRtHdr #footerTop {
	margin: 0px;
	height: 31px;
	padding: 0;
	background-attachment: scroll;
	background-image: url(images/footer_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.twoColFixRtHdr #footerBottom {
	margin: 0px;
	height: 17px;
	padding: 0;
	background-attachment: scroll;
	background-image: url(images/footer_shadow.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.twoColFixRtHdr #footerLogos {
	margin: 0px;
	height: 70px;
	padding: 0;
	background-attachment: scroll;
	background-image: url(images/footer_logos.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #DCDFE4;
}
.twoColFixRtHdr #footer {
	background-color: #8E9EA4;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
} 
.twoColFixRtHdr #footer p {
	margin: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color: #333333;
	text-align: center;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.twoColFixRtHdr #footer p a {
	color: #333333;
	text-decoration: none;
}
.twoColFixRtHdr #footer p a:visited {
	color: #333333;
	text-decoration: none;
}
.twoColFixRtHdr #footer p a:hover {
	color: #333333;
	text-decoration: underline;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 14px;
	margin-top: 4px;
	margin-bottom: 10px;
	clear: left;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* homepage top left box styles */
.homeLtop {
	font-size: 100%;
	font-weight: bold;
	border: 4px;
	border-style: solid;
	border-color: #CCDAE2;
}
.homeLtop p{
	padding: 0px;
	margin: 0px;
	text-align: center;
}

.homeLtop p a {
	color: #FFF;
	text-decoration: none;
	background-color: #5A88A3;
	width: 200px;
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	margin: 0px;
}
.homeLtop p a:visited {
	color: #FFF;
	text-decoration: none;
}
.homeLtop p a:hover {
	color: #FFF;
	text-decoration: underline;
}
/* homepage top middle box styles */
.homeMtop {
	font-size: 100%;
	font-weight: bold;
	border: 4px;
	border-style: solid;
	border-color: #CBE8E0;
}
.homeMtop p{
	padding: 0px;
	margin: 0px;
	text-align: center;
}

.homeMtop p a {
	color: #156774;
	text-decoration: none;
	background-color: #45ADAC;
	width: 188px;
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	margin: 0px;
}
.homeMtop p a:visited {
	color: #156774;
	text-decoration: none;
}
.homeMtop p a:hover {
	color: #156774;
	text-decoration: underline;
}
/* homepage top right box styles */
.homeRtop {
	font-size: 100%;
	font-weight: bold;
	border: 4px;
	border-style: solid;
	border-color: #DDE9F4;
}
.homeRtop p{
	padding: 0px;
	margin: 0px;
	text-align: center;
}

.homeRtop p a {
	color: #395B82;
	text-decoration: none;
	background-color: #8DB4DB;
	width: 188px;
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	margin: 0px;
}
.homeRtop p a:visited {
	color: #395B82;
	text-decoration: none;
}
.homeRtop p a:hover {
	color: #395B82;
	text-decoration: underline;
}
/* homepage bottom left box styles */
.homeLbot {
	font-size: 100%;
	font-weight: bold;
	border: 4px;
	border-style: solid;
	border-color: #F1E7EB;
}
.homeLbot p{
	padding: 0px;
	margin: 0px;
	text-align: center;
}

.homeLbot p a {
	color: #6D5D70;
	text-decoration: none;
	background-color: #D0B0D5;
	width: 188px;
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	margin: 0px;
}
.homeLbot p a:visited {
	color: #6D5D70;
	text-decoration: none;
}
.homeLbot p a:hover {
	color: #6D5D70;
	text-decoration: underline;
}
/* homepage bottom left box styles */
.homeMbot {
	font-size: 100%;
	font-weight: bold;
	border: 4px;
	border-style: solid;
	border-color: #E5F1D0;
}
.homeMbot p{
	padding: 0px;
	margin: 0px;
	text-align: center;
}

.homeMbot p a {
	color: #6C844E;
	text-decoration: none;
	background-color: #A9CF7A;
	width: 188px;
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	margin: 0px;
}
.homeMbot p a:visited {
	color: #6C844E;
	text-decoration: none;
}
.homeMbot p a:hover {
	color: #6C844E;
	text-decoration: underline;
}
/* homepage bottom right box styles */
.homeRbot {
	font-size: 100%;
	font-weight: bold;
	border: 4px;
	border-style: solid;
	border-color: #E8C9C2;
}
.homeRbot p{
	padding: 0px;
	margin: 0px;
	text-align: center;
}

.homeRbot p a {
	color: #542121;
	text-decoration: none;
	background-color: #B24A4B;
	width: 188px;
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	margin: 0px;
}
.homeRbot p a:visited {
	color: #542121;
	text-decoration: none;
}
.homeRbot p a:hover {
	color: #542121;
	text-decoration: underline;
}
/* contact page box styles */
.contactBox {
	font-size: 100%;
	font-weight: bold;
	border: 4px;
	border-style: solid;
	border-color: #FEF5D0;
}
.contactBox p{
	padding: 0px;
	margin: 0px;
}

.contactBox p a {
	color: #F6BA00;
	text-decoration: none;
	background-color: #FCEAAB;
	width: 188px;
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	margin: 0px;
}
.contactBox p a:visited {
	color: #F6BA00;
	text-decoration: none;
}
.contactBox p a:hover {
	color: #F6BA00;
	text-decoration: underline;
}
.menuTable {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.bgColBlue {
	background-color: #DCDFE4;
	text-align: center;
}
.bgColBlueHeader {
	background-color: #7CA6EE;
	font-weight: bold;
}
.bgColBlue2 {
	background-color: #EAEBEE;
}
.bgColYellow {
	background-color: #F7E8C5;
}
.bgColYellow2 {
	background-color: #FBF3E1;
}



.tariff {
	border: 1px solid #7CA6EE;
	font-size: 85%;
	text-align: center;
}