html
{
    height: 100%;
}

body 
{
  font-family: Verdana, arial, helvetica; 
  background-color: #fff;
  margin: 0px;
  padding: 0px;  
  font-size: 0.94em;  
  text-align: center;
  color: #306097;
  height: 100%;  
  font-size: 0.75em;
}

.netform
{
    height: 100%;
}

a
{
  color: #0060b5;
  text-decoration: none;
}

h3 a
{
	color: #0060b5;
}

a.orange
{
    margin: 0 0 0 16px;
    color: #ff6600;
}

img
{
    border: 0;
}

p
{
    margin-top: 0;
}

h1
{
    padding: 0px;
    margin: 0px 0 6px 0;
    color: #a4a6bf;
    font-size: 2em;
    font-weight: normal;
    font-family: Verdana, arial, helvetica; 
}

h1.large
{
    padding: 0px;
    margin: 0px 0 20px 0;
    color: #a4a6bf;
    font-size: 2.9em;
    font-weight: normal;
    font-family: Verdana, arial, helvetica; 
}

h2
{
	margin: 0;
	padding: 0;
	font-size: 1.8em;
	font-weight: bold;
}

h3
{
	margin: 0;
	padding: 0;
	font-size: 1.4em;
	font-weight: bold;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*head styles*/


div#container
{   
    margin: 0 auto;
    text-align: left;
    width: 922px;        
    background: #fff;
    height: 100%;
}


div#head{
    height: 182px;    
    background-color: #fff;
    position: relative;     
    margin: 6px 0 6px 0; 
}

div#logo
{
	width: 304px;
	height: 182px;
	background-color: #d45334;
	background: url(../graphics/logo.jpg);
	background-repeat: no-repeat;
	margin-right: 6px;
	float: left;
}

div#logo a
{
	display: block;
	width: 304px;
	height: 182px;
	float: left;
}

div#headimage
{
	width: 612px;
	height: 182px;
	background: url(../graphics/headimage.jpg);
	background-repeat: no-repeat;
	float: left;
}

div#nav
{
	background: #66cbff;		
	height: 27px;
	margin: 0 0 6px 0;
}

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

div#nav ul li
{
	float: left;	
}

div#nav ul li a
{
	font-family: Verdana, arial, helvetica; 
	color: #013250;
	padding: 7px 19px 0px 19px;
	display: block;
	height: 20px;
	float: left;
}

div#nav ul li a:hover
{
	background: #0165ff;
	color: #fff;
}

div#nav ul li a.selected
{
	background: #0165ff;
	color: #fff;
}

div#main
{
    position: relative;
    margin: 0px 0 0 0;
    background: url(../graphics/mainbg.gif);
	background-repeat:repeat-y;
}

div#areamain
{
	position: relative;
    margin: 0px 0 0 0;    
	background-repeat:repeat-y;
}

div#areatab
{
	background: #024289;
	color: #fff;
	width: 293px;
	height: 36px;
	font-size: 1.8em;
	float: left;
	padding: 8px 0 0 11px;
}
.tabimage
{
	font-size: 0px;
	max-height: 170px;
	overflow: hidden;
	/*height:159px;*/
}
div#areatab a
{
	color: #fff;

}


.tabmargin{
	margin: 0 6px 0 0;
}

div#arearight
{
}

div#arearight img
{
	margin: 6px 0 0px 0;
}

div#areatab span
{
	font-weight: bold;	
}

div#maincoloredleft
{
    position: relative;
    margin: 0px 0 0 0;
    background: url(../graphics/bg_full.jpg);
	background-repeat:repeat-y;
}
div#resultsBottom
{
	background: white !important;
	height: 20px !important;
}
div#leftcol
{
	width: 614px;
	margin: 0 6px 0 0;
	float: left;
}

div#leftcol #featuretab{
	width: 304px;
	height: 47px;
	background: #0165ff;
	color: #f6c500;
	margin: 0 6px 0 0px;
	font-size: 2em;
	float: left;
	
	background-image: url(../graphics/arrow_feature.jpg);
	background-position: 275px;
	
	
	background-repeat: no-repeat;
}

div#leftcol #featuretab a
{
	color: #f6c500;
	float: left;
	width: 285px;
	height: 39px;
	padding: 8px 8px 0 11px;
	
}	
	
div#leftcol #specialtab{
	width: 304px;
	height: 47px;
	background: #f1c200;
	color: #0165ff;
	font-size: 2em;
	float: left;
	
	background-image: url(../graphics/arrow_special.jpg);
	background-position: 275px;
	
	background-repeat: no-repeat;
}

div#leftcol #specialtab a
{
	padding: 8px 8px 0 11px;
	width: 285px;
	height: 39px;
	float: left;
}

div#tabwrap
{
	background: #fff;
	padding: 0 0 6px 0px;
	border-bottom: 1px solid #00baef;
}

div#maincontent
{
	
	clear: both;	
	background: #fff;
	padding: 6px 0 0 0px;
	line-height: 1.3em;
}
div#topborder{
	border-top: 1px solid #00baef;
	line-height: 0px;
	font-size: 0px;
	height: 0px;
}

div#maincontent h2, div#phototext , h2
{
	margin: 17px 0 20px 0;
	color: #00baef;
	font-weight: normal;
}

div#maincontent h2 span, div#phototext h2 span{
	color: #306097;
}

div#maincontent h3, div#phototext h3{
	color: #00baef;
	margin: 0 0 1em 0;
	font-weight: normal;
}

div#maincontent h3 span, div#phototext h3 span
{
	color: #306097;
}

#colwrapper
{
	background: url(../graphics/bg_inner.jpg);
	background-repeat: repeat-y;
	width:100%;
	clear:both;
}

div#maincontent #mainleft
{
	float: left;	
	width: 272px;
	margin: 0 19px 0 0;
	padding: 0 16px 0 16px;
	background: #d4f8ff;
	display: inline;	 
	min-height: 625px;
	height: auto !important;
	height: 625px;
	
}

div#maincontent #golfmainleft
{
	float: left;	
	width: 272px;
	margin: 0 6px 0 0;
	padding: 0 16px 0 16px;
	background: #d4f8ff;
	display: inline;
	min-height: 625px;
	height: auto !important;
	height: 625px;
	
}

div#maincontent #mainleft img, div#maincontent #golfmainleft img
{
	margin-left: -16px;
}

div#maincontent #mainleft h3
{
	font-size: 1.8em;
	margin: 1em 0 1em 0;
	color: #00baef;
}

div#maincontent #mainleft h3 span
{
	color: #306097;
}

div#maincontent #mainright
{
	float: left;
	width: 272px;	
}

div#rightcol
{
	width: 302px;
	margin: 0 0px 0 0;
	padding: 0px 0 10px 0;
	float: left;
}

div#quicksearch
{
	border-bottom: 6px solid #fff;
	padding: 24px 0 0px 12px;
	width: 291px;
	background: #98ff68;
	margin-left: -1px;
}

#quicksearch .row
{
	height: 21px;
	margin: 0 0 2px 0; 
}

#quicksearch .row .field
{
	width: 190px;
	padding: 0 0 0 0;
	float: left;
	height: 21px;
	line-height: 21px;
}

#quicksearch .row .link
{
	width: 90px;
	padding: 0 0 0 10px;
	background-color: #00b051;
	color: #fff;
	float: left;
	height: 21px;
	line-height: 21px;
	background-image: url(../graphics/arrow.jpg);
	background-position: 85px;
	background-repeat: no-repeat;
}

#quicksearch .row .link a
{
	color: #fff;
}

#quicksearch .bottomrow
{
	padding: 0 0 31px 0;
}

.imgfix
{
	font-size: 0px;
	
}

#quicksearch .searchbtn
{
	padding: 31px 0 0 0;
	margin-left: -12px;
}

div#rightcol .rightimg
{
	margin: 0 0 6px 6px;
}

div #rightcol .fb_iframe_widget 
{
    margin: 0 0 6px 6px;
    /*margin: 0 0 0 0;*/
    background: white
}

div#footer
{
    border-top: 1px solid #00baef;    
    background: #fff;
    line-height: 2.9em;
    height: 2.64em;
    margin: 15px 0px 5px 0px;
    padding: 0 30px 0 7px;
}

div#footer ul
{
	list-style-type: none;
}
div#footer ul li
{
	display: inline;
}
div#footer ul li.divide
{
	padding: 0 20px 0 20px;
}

div#photoarea #winner
{
	background: #0165ff;
}

.phototab
{
	float: left;
	width: 279px;
	height: 45px;
	line-height: 45px;
	margin: 0 7px 0 0;	
	color: #fff;
	font-size: 2em;
	padding: 0 0 0 24px;
}

.phototab span
{
	font-weight: bold;
}

div#photoarea #subpic
{
	background: #ff0066;
}

div#photoarea #quicksearch .searchbtn
{
	float: left;
	height: 45px;
	line-height: 45px;
	width: 302px;
}

div#phototop
{
	background-image: url(../graphics/searchbg.gif);
	background-repeat: repeat-y;
}

div#phototext{
	border-top: 1px solid #00baef;
	margin: 0px 6px 0 0;
	float: left;
	width: 614px;
}

div#contentwide
{
	clear: both;
	background-color: #d4f8ff;
	padding: 10px 10px 0 10px;
	height: 100%;  
}

div#contentwidenopad
{
	clear: both;
	background-color: #d4f8ff;
	padding: 0px 0 0 0px;
	height: 100%;  
}

div#contentwide a, div#contentwidenopad a
{
	text-decoration: underline;
}

div#contentwide span{
	color: #00baef;
	font-size: 1.2em;
}
.hometab
{
	float: left;
}

.hometab img
{
	clear: left;
}

div.formrow
{
	padding: 0 0 5px 0;
}

div.field
{
	width: 200px;
	float :left;
}

#maincontent div.label
{
	width: 120px;
	float: left;
}

.whitebg
{
	background-color: #fff;
	padding: 0 0 10px 0;
}

.resultdiv
{	
}

.resultdiv table
{
	margin: 0px 0 0 0;
	width: 100%;
	font-weight: bold;
	font-size: 1.2em;
	line-height:normal;
}

.resultdiv table tr td
{
	background: #d4f8ff;
	border-right: 3px solid #eafcff;
}

.resultdiv table tr
{
	
}

.resultdiv table tr td.resultItem
{
	text-align: center;
	line-height:normal !important;
}

.resultdiv table tr td.resultItem img
{
	border: 0px;
}

.resultBarItem
{
	height: 30px;
	text-align: center;
	font-size: 0.8em;
}

.resultdiv table tr td.border
{
	height: 1px !important;
	font-size: 0;
	background:  #fff;
}

div#detailsNav
{
	background: #d4f8ff;
	padding: 5px 5px 5px 10px;
	margin: 0 0 0px 0px;
	border-bottom: 5px solid #fff; 
}

div#detailsNav a 
{	
	padding: 5px 5px 5px 5px;
}

a.detailsNavOn 
{
	text-decoration: underline;
}

div.detailsLeft
{
	clear: left;
}

div#detailstext
{
	clear: left;
	padding-top: 12px;
}

.mainimage
{
	width: 420px;
	height: 340px;
	float: left;
}

.features
{
	float: left;
	margin: 0 0 0 10px;
}
.features ul
{
	
	margin: 0 0 0 20px;
	padding: 20px 0 0 0;
	font-weight: bold;
}

.features ul li
{
	padding: 0;
	margin: 0;
}
.thumbleft
{
	float: left;
	margin: 5px 5px 0 0;	
}

img.thumbleft
{
    width: 80px;
    height: 60px;
}

.nomarginbot
{
    margin-bottom:-2px !important;
    }

.textbox
{
	width: 260px;
}

#quicksearch .quickdd
{
	width: 152px;
}

#quicksearch .textbox{
	width: 127px;
}

.cmslink
{
	font-size: 12px;
	color: red;
}

div#availability
{
	position: absolute;
	top: 290px;
	border-top: 10px solid #fff; 
	margin-left: -10px;
	width: 923px;
	height: 550px;
	background: #d4f8ff;	 
}

div#availinfo
{
	width: 353px;
	background:	#88d7f8;
}

div#availabilityBottom
{
	clear: left;
	padding: 10px 0 0 5px;
}

div.frmrow
{
	margin: 5px 0 0 0;
	float: left;
	
	clear: left;
}

div#cmsinputs .text
{
	width: 200px;
	float: left;
}

div#cmsinputs label
{
	width: 150Px;
	display: block;
	float: left;
}

.button
{
	clear: left;
	margin: 0 0 0 240px;
}

.special
{
	width: 200px;
	margin: 8px 4px 0 0;
	float: left;
}

.specialimage
{
	width: 200px;
}

.specialimage img
{
	width: 200px;
	margin: 0 0 5px 0;
}

.specialtext
{
	font-weight: bold;
	width: 201px;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	background-image: url('../graphics/specialgrad.jpg');
	background-repeat: repeat-x;
	text-align: center;
	padding: 8px 0 0 0;
}

.specialtext span
{
	color: #fc136c;	
}

.specialdate 
{
	font-weight: normal;
}


#photos
{
	clear: both;
	float: left;
	width: 927px;
	overflow: hidden;
}


.photocontainer
{
	width: 251px;
	
	margin: 5px 6px 0 0;
	float: left;
	padding: 10px 26px 5px 26px;
	background: #d6ebff;
	
}

.photo
{
	width: 250px;	
}

.winner
{
	background: #red;
	margin: 15px;
}

.photo img
{
	width: 250px;
	
}

.phototext
{
	margin: 5px 0 0 0;
	font-weight: bold;
}

.formDesc
{
	padding: 10px 0 10px 0;
	font-size: 1em;
}

table.booking tr
{
	padding: 0 0 3px 0;
}


/*cms styles*/

.specialsgrid td
{
	padding: 5px; 
}

.specialsgrid input
{
	width: 90px; 
}


#cmspage input
{
	float: left;
}
.cmslabel{
	float: left; width: 150px;
}

.formrow
{
	clear: left;
	padding: 6px 0 7px 0;
}

.cmsfrmrow .cmstextbox
{
	float: left;
	width: 200px;
}

.cmsfrmrow label
{
	padding: 2px 0 0 0;
	float: left;
	width: 90px;
}

.cmsfrmrow
{ 
	margin: 0 0 6px 0;
	clear:left;
	float: left;
}

div#topRight
{
    float: right;
    width: 200px;
}

div#rightcolContent
{
    margin: 5px;
    padding: 5px;
}

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}

.tableSurround {
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    color:#000000;
}
.tableBorder {
    border-left: 1px solid black;
    border-top: 1px solid black;
    height: 20px;
    text-align: center;
    width: 25px;
}
.keyTableBorder {
    border: 1px solid black;
    height: 20px;
    width: 25px;
}