/*
 * Overall site structure
 */
body
{
	text-align: center; /* IE doesn't do margin auto correctly */
	padding:0px;
	margin:0px;
}
div#container
{
	margin-left:auto;
	margin-right:auto;
	width:897px;
	text-align:left;
}
	div#head-spacer
	{
		width:100%;
		height:348px;
	}
	div#header
	{
		width:897px;
	}
		div#graphical-header
		{
			height:348px;
		}
		div#graphical-header-home
		{
			height:509px;
		}
		div#site-nav-a
		{
			padding-left:4px;
		}
		div#site-nav-b
		{
			position:relative;
			float:right;
			width:750px;
		}
	div#main-body
	{
		width:897px;
		background-color: #21130b;
	}
		div#sub-body
		{
			position:relative;
			float:right;
		}
			div#content
			{
				position:relative;
				float:left;
				width:400px;
				margin-left:23px;
				_margin-left:11px; /* IE6 screws up the margin width */
				margin-right:50px;
				margin-top:22px;
			}
			div#content-wide
			{
				position:relative;
				float:left;
				width:700px;
				margin-left:23px;
				_margin-left:11px; /* IE6 screws up the margin width */

			}
			div#promos
			{
				position:relative;
				float:left;
				width:277px;
			}
		div#section-nav
		{
			position:relative;
			float:left;
			width:147px;
		}
.clear
{
	clear:both;
}

/*
 * Text styles
 */
a
{	
	text-decoration:underline;
}
	a span.link
	{
		text-decoration:underline;
	}

/*
 * Header
 */
div#header a 
{
	text-decoration:none;
}
	div#header a:hover
	{
		text-decoration:none;
	}
div#global-nav div#group-nav
{
	position:relative;
	float:right;
	margin-top:6px;
	width:740px;
	margin-bottom:10px;
}
	div#global-nav div#group-nav div#group-nav-inner
	{
		position:relative;
		float:right;
	}
	div#global-nav div#group-nav div.nav-item
	{
		position:relative;
		float:left;
		margin-left:9px;
		padding-right:10px;
		font-size:85%;
	}
		div#global-nav div#group-nav div.nav-item a:hover,
		div#global-nav div#group-nav div.hotel-selector a:hover
		{
			text-decoration:underline;
		}
	div#global-nav div#group-nav div.hotel-selector
	{
		position:relative;
		float:left;
		margin-left:9px;
		padding-right:10px;
		font-size:85%;
	}
div#global-nav-iefix /* This is needed to fix layout issues in IE 7 */
{
	clear:right;
}
div#site-nav-a
{
	_height:1px; /* force IE6 to render the background correctly */
}
div#site-nav-a div.nav-item, div#site-nav-b div.nav-item
{
	position:relative;
	float:left;
	margin-top:7px;
	margin-left:13px;
	font-size:80%;
	font-weight:bold;
}
div#site-nav-a div.nav-item
{
	height:2.0em;
}
div#site-nav-b div.nav-item
{
	height:2.1em;
}
div#logo
{
	width:147px;
	height:2.1em;
	font-size:80%;
	padding-top:7px;
	text-align:center;
	background-color: #21130b;
}
	div#logo img
	{
		z-index:10;
		position:relative;
	}
/*
 * Section nav
 */
div#section-nav div#section-home
{
	font-size:80%;
	font-weight:bold;
	background:url(/exclusive_hotels/images/eh-spa/backgrounds/section-nav-header.gif) no-repeat;
	background-position: 3px 0px;
	padding-left:18px;
	height:2em;
	padding-top:2px;
	margin-top:65px;
}
div#section-nav a 
{
	text-decoration:none;
}
	div#section-nav a:hover
	{
		text-decoration:underline;
	}
div#section-nav ul 
{
	margin-top:13px;
	margin-left:7px;
	padding-left:0px;

	padding-right:10px;
	font-size:93%;
	line-height:90%;
}
	div#section-nav .level0
	{
		font-size:85%;
		font-weight:bold;
	}
	div#section-nav ul li
	{
		list-style-type:none;
		list-style-image:none;
		padding-left:15px;
		padding-top:0px;
		padding-bottom:0px;
		margin-left:0px;
		margin-top:0px;
		margin-bottom:7px;
	}
		div#section-nav ul li.selected
		{
			background:url(/exclusive_hotels/images/eh-golf/backgrounds/section-nav-item.gif) no-repeat 0 0.3em;
		}
		div#section-nav ul li ul
		{
			margin-left:7px;
			padding-left:0px;
			margin-top:8px;
			padding-top:0px;
			padding-bottom:0px;
			margin-bottom:10px;
		}
			div#section-nav ul a.selected, div#section-nav ul a.selected:hover
			{
				font-weight:bold;
			}
			div#section-nav ul li ul li
			{
				margin-top:0px;
				margin-bottom:2px;
				padding-top:0px;
				padding-bottom:5px;
			}
			div#section-nav ul li ul li ul
			{
				/* For further levels of menu, if added, we have no room 
				to carry on indenting */
				margin-left:0px;
				padding-left:0px;
			}
/*
 * Promos bar
 */
div#promos a
{
	text-decoration:none;
}
	div#promos a:hover
	{
		text-decoration:none;
	}
div#text-size-control 
{
	position:relative;
	float:right;
	font-weight:bold;
	padding-top:1px;
	margin-bottom:12px;
}
div#text-size-control div#text-size-control-txt
{
	position:relative;
	float:left;
	font-size:85%;
	margin-top:0.3em;
	margin-right:5px;
	padding:0px;
}
div#text-size-control div.size-select
{
	width:1.5em;
	padding-top:0.1em;
	padding-bottom:0.1em;
	padding-left:0px;
	padding-right:0px;
	text-align:center;
	position:relative;
	float:left;
	cursor:pointer;
	margin-left:1px;
	color:#ffffff;
}
	div#text-size-control div.selected
	{
		text-decoration:underline;
	}
div#contact-nav
{
	margin-top:6px;
	margin-bottom:8px;
	clear:both;
}
div#contact-nav div.nav-item
{
	position:relative;
	float:right;
	margin:0px;
	padding:0px;
}
	div#contact-nav div.middle
	{
		margin-left:15px;
		margin-right:15px;
	}
div.promos-frame
{
	padding-top:8px;
	padding-left:13px;
	padding-right:23px;
	padding-bottom:1px;
	margin-bottom:1px;
}
	div.promos-frame h2
	{
		margin-top:0px;
		margin-bottom:7px;
		font-weight:normal;
		font-size:140%;
		position:relative;
		float:left;
		padding:0px;
		background:none;
	}
	div.promos-frame div.all-link
	{
		position:relative;
		float:right;
	}
		div.promos-frame div.all-link a, div.promos-frame div.all-link a:hover
		{
			color:#ffffff;
			font-weight:bold;
			text-decoration:underline!important;
			font-size:85%;
		}
	div.promo-item
	{
		margin-bottom:12px;
		clear:both;
	}
		div.promo-item img
		{
			position:relative;
			float:left;
			padding-top:2px;
		}
		div.promo-item div.txt
		{
			position:relative;
			float:left;
			width:168px;
			padding-left:11px;
			padding-top:0px;
		}
		div.promo-item div.txt h3
		{
			margin-top:0px;
			margin-bottom:1px;
			padding:0px;
			font-size:97%;
		}
		div.promo-item div.txt p
		{
			font-size:85%;
			margin-top:2px;
			margin-bottom:3px;
		}
		div.promo-item div.txt a, div.promo-item div.txt a:hover
		{
			font-weight:bold;
		}
/*
 * Main content area
 */
	div#content a, div#content a:hover
	{
		font-weight:bold;
	}
	div#content .article-date
	{
		font-size:97%;
		font-weight:bold;
		margin-top:0px;
	}
	div#content img
	{
		margin-top:3px;
		#margin-top:3px;
		margin-bottom:3px;
	}

/*
 * Link Map
 */
div#map-spacer
{
	clear:both;
	padding:0;
	margin:0;
	height:11px;	
}
div#map 
{
	clear:both;
	padding-left:20px;
	padding-right:20px;
	width:857px; /* To fix IE peekaboo bug by gaining hasLayout */
}
	div#map h2
	{
		font-size:100%;
		margin-left:0px;
		margin-bottom:0px;
		margin-top:10px;
	}
	div#map a
	{
		text-decoration:none;
	}
		div#map a:hover
		{
			text-decoration:underline;
		}
	div#map div.map-col
	{
		position:relative;
		float:left;
		width:25%;
	}			
		div#map div.map-col ul 
		{
			margin-top:6px;
			margin-left:1px;
			margin-bottom:9px;
			padding-left:0px;
			font-size:90%;
			#font-size:85%;
		}
			div#map div.map-col ul li
			{
				list-style-type:none;
				list-style-image:none;
				padding-left:10px;
				padding-top:0px;
				padding-bottom:0px;
				margin-left:0px;
				margin-top:0px;
				margin-bottom:4px;
				#margin-bottom:2px;
				font-size:90%;
				font-weight:bold;
			}

/*
 * Site list
 */
div#site-list-spacer
{
	clear:both;
	padding:0;
	margin:0;
	height:8px;
}
div#site-list
{
	clear:both;
	padding-top:14px;
	padding-bottom:12px;
	#padding-bottom:0px;
	padding-left:10px;
	width:887px; /* To fix IE peekaboo bug by gaining hasLayout */
}
	div#site-list a
	{
		text-decoration:none;
	}
	div#site-list ul
	{
		margin:0px;
		padding:0px;
	}
		div#site-list ul li
		{
			position:relative;
			list-style:none;
			float:left;
			padding-left:10px;
			padding-right:10px;
			font-size:100%;
			font-weight:bold;
			margin-top:0px;
		}
			div#site-list ul li.first
			{
				background-image:none;
			}
			div#site-list ul li a:hover
			{
				text-decoration:underline;
			}

/*
 * Footer
 */
div#footer
{
	clear:both;
	margin-top:18px;
	margin-bottom:18px;
	width:100%;
	text-align:center;
}
	div#footer a
	{
		text-decoration:none;
	}
		div#footer a:hover
		{
			text-decoration:none;
		}
	span.footer
	{
		font-size:85%;
	}

/*
 * Site list dropdown
 */
div#site-list-drop
{
	text-align:right;
	z-index:10;
	position:absolute;
	padding-top:4px;
	padding-left:32px;
	padding-right:11px;
	padding-bottom:3px;
	font-size:85%;
	display:none;
}
	div#site-list-drop div
	{
		margin-bottom:2px;
	}
	div#site-list-drop a
	{
		text-decoration:none;
		padding-left:8px;
	}
		div#site-list-drop a:hover
		{
			background:url('/exclusive_hotels/images/eh-spa/backgrounds/site-drop-selected.gif') no-repeat 0 0.3em;
		}
	div#site-list-drop div.instruction
	{
		margin-bottom:6px;
	}
		div#site-list-drop div.instruction span
		{
			background:url('/exclusive_hotels/images/eh-spa/backgrounds/site-drop-instruct.gif') no-repeat 0 0.45em;
			padding-left:17px;
		}

/*
 * Room availability dropdown
 */
div#room-availability-drop
{
	display:none;
	position:absolute;
	z-index:9;
	height:30px;
	width:300px;
}

/*
 * Gallery
 */
div#pageRef {
	display:none;
}
div#graphical-header{
	position: relative;
}
div#gallery-selector {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	width: 282px;
	position: absolute;
	right: 0;
	bottom: 0;
	padding-bottom: 10px;
	padding-left: 0px;
	z-index: 2;
	display:none;
}
div#virt-tour {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 615px;
	height: 348px;
}
div#QTInfo {
	width: 282px;
	height: 348px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
	div#QTInfo div#QTInfoText
	{
		overflow:auto;
		height:233px;
	}
		div#QTInfo p {
			line-height: 115%;
			margin: 7px 10px 0 10px;
			#margin: 8px 10px 0 10px;
		}
			div#QTInfo p a {
				margin: 8px 10px 0 10px;
				text-decoration: underline;
			}
		div#QTInfo p.text-title {
			margin-top: 18px;
			#margin-top: 20px;
		}
p.title {
	font-size: 75%;
	font-weight:normal;
	margin: 0 0 0 0; padding: 5px 0 5px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
div#gallery-selector div.imgnum {
	float: left;
	width: 12px;
	margin: 7px 5px 0 5px;
	border-width: 1px;
	border-style: solid;
	text-align: center;
	font-size: 70%;
	font-family: Arial, verdana, helvetica;
	font-weight: bold;
	letter-spacing: 0px;
	line-height: 12px;
}

div#gallery-selector div.imgnum a {
	display: block;
	text-decoration: none;
}

div#imgSwitch {
	font-size: 70%;
	float: left;
	letter-spacing: 0;
}
div#imgSwitch .icon,
div#imgSwitchOff .icon {
	float: left;
	margin: 0 8px 0 8px;
}
div#imgSwitch .link,
div#imgSwitchOff .link {
	float: left;
	margin-top: 8px;
	#margin-top: 8px;
}
div#imgSwitch a {
	display: block;
}
div#imgSwitchOff {
	font-size: 70%;
	float: left;
	letter-spacing: 0;
}

div#virtSwitch {
	font-size: 70%;
	float: left;
	letter-spacing: 0;
}
div#virtSwitch .icon,
div#virtSwitchOff .icon {
	float: left;
	margin: 0 8px 0 8px;
}
div#virtSwitch .link,
div#virtSwitchOff .link {
	float: left;
	margin-top: 8px;
	#margin-top: 7px;
}
div#virtSwitch a {
	display: block;
}
div#virtSwitchOff {
	font-size: 70%;
	float: left;
	letter-spacing: 0;
}

iframe.virtmovie
{
	width:615px;
	height:348px;
	border:none;
	margin:0px;
	padding:0px;
	overflow: hidden;
}


/*
 * Contact form
 */
textarea
{
	font-family: Arial,Helvetica,Verdana,Sans-serif;
}
input, select, textarea
{
	font-size:85%;
	border-style:solid;
	border-width:1px;
	border-color:#B18A4B;
	font-weight:bold;
}
div.input-grp
{
	vertical-align: top;
	padding-bottom: 8px;
	clear: both;
}
div.label, div.label-col,
div.label-wide, div.label-full-width {
 	position:relative;
	float:left;
	height: 10px;
	font-weight:bold;
	font-size:85%;
	color:#B18A4B;
}
	div.label, div.label-col
	{
		width:156px;
	}
	div.label-wide
	{
		padding-top:5px;
		padding-bottom:20px;
		width:290px;
	}
	div.label-wide-plain
	{
		padding-bottom:20px;
		width:290px;
 		position:relative;
		float:left;
	}
	div.label-full-width
	{
		padding-top:5px;
		padding-bottom:20px;
		width:100%;
	}
div#form-button {
	margin-top: 20px;
	margin-bottom: 30px;
}
.item-mand {
	margin-bottom: 15px;
	margin-left:15px;
}
div.mandatory
{
	position:relative;
	float:left;
	margin-right: 10px;
	width: 9px;
}
div.formfield
{
	position:relative;
	top: 0;
	float:left;
	width:225px;
}
div.subscription-group {
	margin-top: 10px;
}
div.subscription-group span {
	font-weight: bold;
}
div.subscription-group span.subscription-item {
	display: block;
	font-size: 85%;
	font-weight: normal;
	margin-left: 20px;
	margin-bottom: 4px;
}
.divider
{
	border-bottom: 1px solid #ffffff;
	margin-bottom: 15px;
}

/* begin promos */

div.promo-link-panel
{
	padding-top:20px;
}

div.promo-date-panel
{
	display:none;/* if we want dates, just make visible here and style */
}
	div.promo-date-panel span.promo-date-panel-label
	{
		
	}
	div.promo-date-panel span.promo-date-panel-date
	{
		
	}

img.promo-thumb
{
	width:60px;
}

div.promo-list-thumb
{
	width:92px;
	position:relative;
	float:left;
}
	img.promo-list-thumb
	{
		width:92px;
	}
div.promo-list-text
{
	float:left;
	position:relative;
	width:597px;
	padding-left:5px;
	padding-right:5px;
}
	a.promo-list-pagelink
	{
		margin-right:20px;
	}
p.promo-list-links
{
	font-size:85%; 
	font-weight:bold;
	margin-bottom:3px;
	margin-top:0px;
	#margin-top:0px;
}

div.promo-ds-widget
{
	padding-top:30px;
	padding-left:20px;
}
	div.promo-ds-widget label
	{
		font-weight:bold;
	}
	span.promo-ds-widget-date input
	{
		width:90px;
	}

/* end promos */