/* CSS Document */

body {
padding: 0;
margin: 0;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 16px;
color: #3300CC;
}


h2 {
font-family: Arial, Helvetica, sans-serif;
color: red;
font-weight: bold;
font-size: 16px;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
color: #3300CC;
font-weight: bold;
font-size: 12px;
}

.email {
text-decoration: none;
color: #000;
}

a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}

div#wrapper {
min-width: 1000px;
margin: 10px;
padding: 0;
}

/* Header */

div#header {
height: 85px;
padding: 0;
margin: 0;
background-color: #2B60DE;
width:905px;
color: #FFFFDD;
font-size: 30px;
border-top: thin solid #000;
border-left: thin solid #000;
border-right: thin solid #000;
}


/* Navigation Menu */

#nav ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav li
{
float: left;
margin: 0 0.15em;
}

#nav li a
{
font-family: Arial, Helvetica, sans-serif;
background-color: #2B60DE;
font-size: 12px;
height: 1.75em;
line-height: 1.75em;
float: left;
width: 7.95em;
display: block;
color: #FFFFFF;
text-decoration: none;
text-align: center;
}

div#nav ul li a:hover{
background-color: #CCFFFF;
color: #000000;
}

#nav{
height: 1.32em;
width:905px;
background-color: #2B60DE;
border: thin solid #000000;
} 


/* 2nd Level Navigation Menu */

#secondnav {
margin-bottom: 5px;
width: 350px;
float: right;
border: 1px solid gray;
padding: 5px;
background-color: #C2DFFF;}


/* Deal News */

div#news {
overflow:hidden;
padding: 0;
padding-left: 10px;
margin: 10px;
background-color: #FFF;
width:850px;
border: thin solid #000;
}


/* Back Office Deal News */

div#bonews {
overflow:hidden;
padding: 5px;
margin: 10px;
background-color: #FFF;
width:850px;
border: thin solid #000;
}

div#maincontent1 {
padding: 10px;
margin: 0;
background-color: #FFFFDD;
width:885px;
border-left: thin solid #000;
border-right: thin solid #000;
}

div#section {
padding-top: 10px;
clear: left;
}

div#facilities {
border-top: 1px solid gray;
border-bottom: 1px solid gray;
height: 500px;
}

div#contactdetails {
padding: 5px;
padding-bottom: 15px;
margin-bottom: 10px;
background-color: #FFF;
width:250px;
border: 1px solid gray;
}

div#termsandconditions {
padding: 5px;
margin-top: 25px;
background-color: #FFF;
width:750px;
border: 1px solid gray;
}

div#loggedin {
border: thin solid #000;
padding: 5px;
margin-bottom: 5px;
background-color: #FFF;
}

.mainimage {
border: 1px solid #000;
float: left;
margin-right: 10px;
}

.slideshow {
border: 1px solid #000;
float: left;
margin-right: 20px;
}

.googlemap {
border: 1px solid #000;
margin-left: 5px;
}

.resortimage {
border: 1px solid #000;
}

.contactimage {
margin-right: 5px;
}

.dealinput {
width: 800px;
}

.rateinput {
width: 50px;
}

form.allforms legend {
	font-family: Arial, Helvetica, sans-serif;
	color: #3300CC;
	font-weight: bold;
	font-size: 12px;
}

table.headertable {
	width: 880px;
	text-align: center;
}


/* Table for Gallery plus image class */

table.gallery {
	width:800px;
	text-align: center;
}

table.gallery th {
	border: thin solid #000;
	color: #FFF;
	background-color: #2B60DE;
	margin: 5px;
}

table.gallery td th {
	text-align: center;
	padding-top: 10px;
}

table.gallery td {
	color: #000;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 5px;
}



.galleryimage {
border: 1px solid;
border-color: #aaa #000 #000 #aaa;
}


/* Table for Rates */

table.ratetable {
	width: 600px;
	border-width: 1px;
	border-top: thin solid #000;
	border-bottom: 1px solid gray;
	border-collapse: collapse;
	margin-bottom: 5px;
}

table.ratetable th {
	font-weight: bold;
	border-bottom: thin solid #000;
	padding: 2px;
	padding-right: 5px;
	line-height: 1.5em;
	text-align: left;
	background-color: #2B60DE;
	color: #FFF;
}

table.ratetable td{
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	padding: 2px;
	padding-right: 5px;
	line-height: 1.5em;
	text-align: left;
}


/* Table on Index with thumbnails */

table.indextable{
	padding: 2px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	font-weight: bold;
}


table.indextable th{
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	padding-bottom: 5px;
}

table.indextable td{
	border-bottom: 1px solid gray;
	padding-bottom: 5px;
}


/* Table on Golf Course Details */

table.golfdetail{
	margin-left: 5px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
}

table.golfdetail td{
	border-bottom: 1px solid gray;
	padding-bottom: 5px;
}

table.golfdirectiontable td{
	height: 119px;
}

.golfhead {
color: #009900;}

.golfselected {
color: #009900;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;}

.golfselected a {
color: #009900;}

.golfunselected {
color: #3300CC;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;}

.golfunselected a {
color: #3300CC;}

.thumbnail {
border: 1px solid #000;
margin: 5px;
float: right;
valign: center;
}


/* All tables */

table.alltables {
	width: 880px;
	border-width: 1px;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	border-collapse: collapse;
	margin-bottom: 5px;
}

table.alltables th {
	font-weight: bold;
	border-width: 1px;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	padding: 2px;
	padding-right: 5px;
	line-height: 1.5em;
	text-align: left;
	background-color: #2B60DE;
	color: #FFF;
}

table.alltables td{
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	padding: 2px;
	padding-right: 5px;
	line-height: 1.5em;
	text-align: left;
}


/* Table on Index for 2 villas with thumbnails */

table.villatable {
	width: 880px;
	text-align: left;
	font-size: 13px;
	margin-bottom: 12px;
}

.villathumb {
border: 1px solid #000;
float: left;
}

div#errors {
font-family: Arial, Helvetica, sans-serif;
color: #FF0000;
font-weight: bold;
font-size: 12px;
margin-bottom: 15px;
padding: 5px;
}


.fixedwidthleft {
display: block;
width: 140px;
float: left;
}

.fixedwidthright {
display: block;
width: 140px;
float: left;
}

.fixedwidthbook {
display: block;
width: 200px;
float: left;
}

.fixedwidthweb {
display: block;
width: 100px;
float: left;
}

.weblength {
width: 320px;
}

form.contact {
padding: 0;
margin: 0;
width: 450px;
}

form.contact label {
font-weight: bold;
color: blue;
font-size: 12px;
line-height: 150%;
}

form.contact label.fixedwidth {
display: block;
width: 85px;
float: left;
}

.formcomment {
font-weight: bold;
color: blue;
font-size: small;
line-height: 150%;
}


/* Footer */

div#footer {
margin-top: 0;
padding-bottom: 0;
border-top: thin solid #657383;
border-left: thin solid #000;
border-right: thin solid #000;
border-bottom: thin solid #000;
text-align: center;
width:905px;
background-color: #C2DFFF;
font-size: 12px;
height: 2.5em;
line-height: 1.5em;
}

div#footer ul li{
display: inline;
}

div#footer ul li a{
color : #115EAC;
text-decoration : none;
}

div#footer ul li a:hover{
text-decoration : underline;
}