/* --------- STYLING FOR TEMPLATE HOMEPAGE --------- */

/* --------------------------- TYPOGRAPHY AND COLOURS ------------------------------ */


div#holder {
	color: #4b3d0e;
}

h1 {
	color: #b7a881;
}

h2, h3, h4, h5, h6 {
	color: #4b3d0e;
	text-transform: uppercase;
}

a {
	color: #195375;
	text-decoration: none;
}
a:visited {
	color: #7c6825;
}
a:hover {
	color: #103a52;
}
a:active {
	color: #103a52;
}

div#languages li a,
div#languages li a:hover {
	color: #7c6825;
}
div#languages li a[href]:hover {
	color: #103a52;
}

div#branding,
div#main-visual {
	border-bottom-color: #195375 !important;
}

div#languages ul li {
	font-size: 0.9em;
}

/* IE6 requires the pre-comma space */
div#main-content p.intro:first-letter ,
div.page-summary p.intro:first-letter {
	float: left; _display: inline;
	margin-left: -0.25em;
	font-size: 2.9em;
	line-height: 0.6em; /* IE<=7 */
}
* html div#main-content p.intro:first-letter ,
* html div.page-summary p.intro:first-letter {
	margin-left: 0;
}
*:first-child+html div#main-content p.intro:first-letter,
*:first-child+html div.page-summary p.intro:first-letter { /* a Bad Hack to target current browser IE7 */
	margin-left: 0;
}

div#main-content p.intro:first-letter {
	margin-right: 0.06em;	
}

div#main-content h2 {
	margin-top: 0.5em;
	margin-left: -0.3em;
}
* html div#main-content h2 {
	margin-left: 0;
}
*:first-child+html div#main-content h2 { /* a Bad Hack to target current browser IE7 */
	margin-left: 0;
}

div.menu {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
}
div.menu ul li {
	border-right-color: #4b3d0e !important;
}

div#main-menu {
	font-size: 1em;
}
div#main-menu ul li {

}
div#main-menu ul li a {
	color: #7c6825;
}
div#main-menu ul li a:visited {
	color: #7c6825;
}
div#main-menu ul li a:hover,
div#main-menu ul li a.active-on {
	color: #103a52;
	border-bottom-color: #103a52 !important;
}
div#main-menu ul li a:active {
	color: #103a52;
}
div#main-menu ul li.welcome {
	font-size: 1.2em;
	font-style: italic;
	text-transform: none;
}
div#main-menu ul li.welcome a.active-on {
	color: #7c6825;
}
div#main-menu ul li.welcome a:hover,
div#main-menu ul li.welcome a.active-on {
	border: 0;
	padding: 0;
}

div#availability-checker h2,
div#newsletter h2 {
	color: #efefef;
	background-color: #4b3d0e;
	font-size: 1em;
}
div#availability-checker .go,
div#newsletter input.go {
	text-transform: uppercase;
	color: #efefef;
	background-color: #195375;
}
div#availability-checker p.best-rate-guaranteed {
	border-color: #7c6825 !important;
	text-align: center;
	text-transform: uppercase;
}
div#availability-checker p.best-rate-guaranteed,
div#offers h2,
div#alt-menu ul li.giftcertificates,
div#alt-menu ul li.news,
div#alt-menu ul li.brochure {
	font-family: Arial, sans-serif;
}
div#availability-checker p.best-rate-guaranteed a,
div#availability-checker p.best-rate-guaranteed a:visited,
div#offers h2,
div#alt-menu ul li.giftcertificates a,
div#alt-menu ul li.giftcertificates a.active-on,
div#alt-menu ul li.giftcertificates a:visited,
div#alt-menu ul li.news a,
div#alt-menu ul li.news a.active-on,
div#alt-menu ul li.news a:visited,
div#alt-menu ul li.brochure a,
div#alt-menu ul li.brochure a.active-on,
div#alt-menu ul li.brochure a:visited {
	color: #7c6825;
}
div#availability-checker p.best-rate-guaranteed .intro,
div#offers h2 .intro,
div#alt-menu ul li.giftcertificates .intro,
div#alt-menu ul li.news .intro,
div#alt-menu ul li.brochure .intro {
	font-weight: bold;
}

div#offers,
div#alt-menu ul li.giftcertificates,
div#alt-menu ul li.news,
div#alt-menu ul li.brochure {
	border-color: #7c6825 !important;
}
div#offers {
	font-size: 0.9em;
}
div#offers h2 {
	font-size: 1.1em;
}
div#offers h2 .intro,
div#alt-menu ul li.giftcertificates .intro,
div#alt-menu ul li.news .intro,
div#alt-menu ul li.brochure .intro {
	margin-right: -0.3em;
}
div#offers p {
	margin: 0.9em 0 0;
}
div#offers p.read-more {
	font-size: 0.9em;
	text-transform: uppercase;
}
div#offers p.read-more a,
div#offers p.read-more a:visited {
	text-decoration: underline;
	color: #7c6825;
}

div#weather {
	font-family: Arial, sans-serif;
}
div#weather,
div#weather h2 {
	color: #b7a881;
}
div#weather h2 {
	font-size: 0.7em;
}
div#weather h2 .location {
	font-size: 1.3em;
}
div#weather dd a,
div#weather dd a:visited {
	text-decoration: underline;
	color: #b7a881;
}

div#alt-menu {
	border-top-color: #4b3d0e !important;
	font-size: 0.9em;
}
div#alt-menu ul li.giftcertificates,
div#alt-menu ul li.news,
div#alt-menu ul li.brochure {
	font-size: 1.1em;
}
div#alt-menu ul li a {
	color: #4b3d0e;
}
div#alt-menu ul li a:visited {
	color: #4b3d0e;
}
div#alt-menu ul li a:hover,
div#alt-menu ul li a.active-on {
	color: #103a52;
	border-bottom-color: red !important;
}
div#alt-menu ul li a:active {
	color: #103a52;
}

div#small-print {
	text-align: center;
	color: #b7a881;
}
div#small-print a {
	color: #b7a881;
	text-decoration: none;
}
div#small-print a:visited {
	color: #b7a881;
}
div#small-print a:hover {
	color: #7c6825;
	text-decoration: underline;
}
div#small-print a:active {
	color: #7c6825;
}

div.page-summary {
	font-size: 0.95em;
	font-style: italic;
}
div.page-summary p.intro:first-letter {
	margin-right: 0.1em;
}

div.page-summary h3 {
	padding: 4px 0 5px;
	margin-bottom: 3px;
	font-size: 1.26em;
	font-style: normal;
	text-transform: capitalize;
	text-align: center;
	color: #efefef;
	background-color: #7c6825;
}
div.page-summary.odd h3 {
	background-color: #195375;
}

div.page-summary .content-after {
	font-size: 0.95em;
	text-transform: uppercase;
	text-align: right;
}
div.page-summary .content-after a.more {
	text-decoration: underline;
}


/* ----------------------------------- LAYOUT -------------------------------------- */

/* ----- START LAYOUT COMMON TO ALL PAGES ----- */

html {
	background-color: white;
	padding-top: 0px;
}

body {
	background: transparent url(../images/bg.gif) repeat-y scroll center top;
	padding-top: 1px;
}

div#holder {
	position: relative;
	margin: 73px auto 20px auto; 
	padding: 10px 24px 0 24px;
	width: 912px;
} * html div#holder { /* Tan Hack for IE<=5.x */
	width: 960px;
	w\idth: 912px;
} /* End Tan Hack */
* html body { /* START Hack to center the div in IE<=5.5 */
	text-align: center;
} * html div#holder {
	text-align: left;
} /* END Hack to center the div in IE<=5.5 */


/* START EASY CLEARING */
div#main-menu ul.shortcuts:after,
div#alt-menu:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* END EASY CLEARING */


/* START OFFSCREEN */
div#languages h2,
div#main-menu h2,
div#page-summaries h2,
div#alt-menu h2,
div#small-print h2 {
	display: inline;
	position: absolute;
	left: -9999px;
}
/* END OFFSCREEN */


h1 {
	position: absolute;
	right: 24px;
	top: -14px;
	margin: 0;
}


div#branding,
div#main-visual {
	position: absolute;
	top: 47px;
	height: 294px;
	border-bottom: 6px solid;
} * html div#branding,
  * html div#main-visual { /* Tan Hack for IE<=5.x */
	height: 300px;
	he\ight: 294px;
} /* End Tan Hack */

div#branding {
	background-color: white;
	left: 24px;
	width: 306px;
}

div#branding img#logo {
	display: block;
	margin: 54px auto 0;
	width: 170px;
	height: 186px;
} * html div#branding { /* START Hack to center in IE<=5.5 */
	text-align: center;
} /* END Hack to center in IE<=5.5 */


div#languages {
	position: absolute;
	left: 24px;
	top: -64px;
	margin: 0 0 0 22px;
}

div#languages ul {
	list-style: none;
	padding: 0;
}

div#languages ul li {
	float: left; _display: inline;
	vertical-align: middle;
	margin: 0 0 0 7px;
	padding: 0;
}
div#languages ul li.item1 {
	margin: 0;
}


div#main-content,
div#extra-images {
	float: left; _display: inline;
	margin-right: 22px; _margin-right: 19px;
	margin-top: 347px;
	padding-bottom: 72px;
	margin-bottom: 0px;
}
div#main-content {
	background: transparent url(../images/stripy_rule_wide.gif) no-repeat scroll left bottom;
	margin-left: 22px;
	width: 668px;
}

div#main-content h2 {
	margin-bottom: -45px;
}

 
div#main-visual {
	right: 24px;
	width: 606px;
}

div#main-visual img {
	display: block;
}


div#main-menu {
	background: transparent url(../images/top_menu_bg.gif) no-repeat scroll center top;
	position: absolute;
	left: 24px;
	top: 10px;
	margin: 0;
	width: 912px;
	height: 37px;
}

div#main-menu ul.shortcuts {
	margin: 10px 0 0;
	padding-left: 22px;
	padding-right: 0px;
}

div#main-menu ul li.welcome {
	background: transparent url(../images/spot.gif) no-repeat scroll left center;
	position: absolute;
	float: none;
	left: 22px;
	top: -44px;
	border: 0 none;
	padding-left: 33px;
	min-height: 22px; _height: 22px;
	max-height: 30px;
}
div#main-menu ul li.welcome a {
	margin: 0;
	padding: 0;
	line-height: 22px;
}

div#availability-checker {
	background: transparent url(../images/forms-bg.jpg) repeat-x scroll left top;
	position: absolute;
	right: 24px;
	top: 357px;
	padding-left: 11px;
	width: 178px;
	padding-right: 11px;
	height: 332px;
} * html div#availability-checker { /* Tan Hack for IE<=5.x */
	width: 200px;
	w\idth: 178px;
} /* End Tan Hack */

div#availability-checker h2,
div#newsletter h2 {
	margin: 0 -11px 0 -11px;
	padding-left: 11px;
	width: 178px;
	padding-right: 11px;
	padding-top: 4px;
	padding-bottom: 6px;
	margin-bottom: 10px;
} * html div#availability-checker h2,
  * html div#newsletter h2 { /* Tan Hack for IE<=5.x */
	width: 200px;
	w\idth: 178px;
} /* End Tan Hack */
div#newsletter h2{
	_position: relative; /* force overflow outside parent to be visible */
}

div#availability-checker form {
	z-index: 1;
}

div#availability-checker p.best-rate-guaranteed {
	position: relative; zoom: 1;
	z-index: 1;
	border-width: 1px 0;
	border-style: solid;
	padding: 2px 0;
}


div#offers {
	position: relative;
	float: right; _display: inline;
	padding: 16px 63px 16px 13px;
	width: 112px;
	margin-top: 686px;
	min-height: 74px; _height: 74px;	margin-bottom: 106px;
} * html div#offers { /* Tan Hack for IE<=5.x */
	width: 190px;
	w\idth: 112px;
	_height: 86px;
	_he\ight: 54px;
} /* End Tan Hack */
div#offers,
div#alt-menu ul li.giftcertificates,
div#alt-menu ul li.news,
div#alt-menu ul li.brochure {
	border: 1px solid;
	margin-left: 5px;
	margin-right: 5px;
}
div#offers {
	_margin-left: 2px;
}

div#offers h2 {
	float: left; _display: inline;
}
div#offers img.logo {
	position: absolute;
	right: 13px;
	top: 16px;
}
div#offers p:first-child {
	clear: left;
}
div#offers p.read-more {
	position: absolute;
	right: 23px;
	bottom: 16px;
	margin: 0;
}


div#best-rate-widget{
	position:absolute;
	top: 265px;
	right:24px;
	width: 190px;
	padding: 10px 0 10px 10px;
	background: transparent url(../images/bg_bestRate.png) 0 0;
	_behavior: url('/iepngfix.htc');
}

div#best-rate-widget p{
	padding:0;
	margin:0;
}

div#best-rate-widget .rooms,
div#best-rate-widget .available{
	color: #FFF;
	font-size: 14px;
	margin-left: 10px;
	font-family: Verdana,Georgia,"Times New Roman",Times,serif;
}

div#best-rate-widget .price{
	position:absolute;
	top: 0px;
	left: 95px;
	color: #FFF;
	font-size: 24px;
	font-family: Verdana,Georgia,"Times New Roman",Times,serif;
}

div#best-rate-widget .currency-symbol{
	font-size: 16px;
}

div#best-rate-widget #ButtonGo {
	position: absolute;
	right : 10px;
	top:8px;
	cursor:pointer;
	font-size:12px;
	padding:2px 4px;
	background-color:#195375;
	color:#EFEFEF;
	text-transform:uppercase;
	
}



div#newsletter {
	position: absolute;
	right: 35px;
	top: 570px;
	width: 178px;
/*	border-top: 1px solid; */
}

div#newsletter label {
	_margin-top: 0 !important;
}


div#weather {
	position: absolute;
	right: 24px;
	top: -54px;
	height: 40px;
}

div#weather h2 {
	float: left;
	margin: 0 10px 0 0;
}
div#weather h2 .location {
	display: block;
}

div#weather dl {
	float: left;
	margin: 0;
}
div#weather dt {
	display: none;
}
div#weather dd {
	margin: 0;
}
div#weather dd .temperature {
	font-size: 2.1em;
}
div#weather dd .temperature .unit,
div#weather dd .text {
	position: relative;
	vertical-align: top;
}
div#weather dd .temperature .unit {
	top: 0.05em;
	font-size: 0.7em;
}
div#weather dd .text {
	top: 0.2em;
	font-size: 0.8em;
	text-transform: uppercase;
}


div#alt-menu {
	background: transparent url(../images/map.gif) no-repeat scroll right top;
	clear: both; _zoom: 1; /* IE<=6 unstable non-hasLayout clear bug */
	border-top: 2px solid;
	height: 83px;
}

div#alt-menu ul.shortcuts {
	margin: 23px 0 0;
	padding: 0;
}

div#alt-menu ul li.giftcertificates,
div#alt-menu ul li.news,
div#alt-menu ul li.brochure {
	position: absolute;
	right: 24px;
	width: 188px;
	height: 38px;
	line-height: 38px;
} * html div#alt-menu ul li.giftcertificates,
  * html div#alt-menu ul li.news,
  * html div#alt-menu ul li.brochure { /* START IE<=5 hack for incorrect positioning origin */
	right: 0;
	r\ight: 24px;
} /* END IE<=5 hack for incorrect positioning origin */
div#alt-menu ul li.giftcertificates {
	background-color: white;	
	top: 649px;
} * html div#alt-menu ul li.giftcertificates { /* START IE<=5 hack for incorrect positioning origin */
	display: none;
	d\isplay: block;
} /* END IE<=5 hack for incorrect positioning origin */
div#alt-menu ul li.news {
	bottom: 144px;
	margin-top: 7px; }
div#alt-menu ul li.brochure {
	bottom: 97px;
}

div#small-print {
	position: absolute;
	width: 912px;
}

div#small-print p {
	margin-top: 0;
}

/* ----- END LAYOUT COMMON TO ALL PAGES ----- */

div#main-content {
	background-image: none;
	padding-bottom: 0;
}

div#main-content h2 {
	margin-bottom: 1.2em;
}


div#main-visual object {
	position: absolute;
	right: 0;
	width: 912px;
}

div#page-summaries {
	background: transparent url(../images/page-summary-bg.jpg) repeat-x scroll left bottom;
	position: relative;
	float: left; _display: inline;
	clear: left;
	margin-left: 22px;
	width: 668px;
	margin-right: 22px;
	margin-top: 30px;
	padding-bottom: 42px;
	margin-bottom: 23px;
}

div.page-summary {
	float: left; _display: inline;
	margin-left: 0;
	padding-left: 15px;
	width: 184px;
	padding-right: 15px;
	_padding-right: 12px; /* IE<=6 italic text width bug */
	margin-right: 13px;
} * html div.page-summary { /* Tan Hack for IE<=5.x */
	width: 214px;
	w\idth: 184px;
} /* End Tan Hack */
div#page-summary-3 {
	margin-right: 0;
}

div.page-summary h3 {
	margin-top: 0;
}
div.page-summary h3,
div.page-summary img {
	margin-left: -15px;
	margin-right: -15px;
}
div.page-summary img {
	width: 214px;
	height: 65px;
	margin-bottom: 18px;
}

div.page-summary .content-after {
	position: absolute;
	bottom: 27px;
	margin: 0;
	width: 184px;
}

/* ---------------------------------END LAYOUT -------------------------------------*/

/* ---------------------------------START MAIN MENU -------------------------------------*/

div.menu ul {
	list-style-type: none;
}

div.menu ul li {
	margin: 0;
	border-right-width: 1px;
	border-right-style: solid;
	white-space: nowrap;
}
div.menu ul li.last {
	border-right: 0;
}


div#main-menu ul li {
	float: left; _display: inline;
}

div#main-menu ul li a {
	margin: 0 0.6em;
	padding: 0 0px 0 0px;
	padding-bottom: 12px;
	line-height: 1em;
	text-decoration: none;
}
div#main-menu ul li.default a,
div#alt-menu ul li.default a {
	margin-left: 0;
}
* html div#main-menu ul li.last {
	margin-top: 3px; /*============= Needs investigation =============*/
}
div#main-menu ul li a:hover,
div#main-menu ul li a.active-on {
	padding-bottom: 10px;
	border-bottom: 2px solid;
}


div#alt-menu ul {
	text-align: center;
}

div#alt-menu ul li {
	display: inline;
}

div#alt-menu ul li a {
	display: inline;
	margin: 0 0.4em;
	padding: 0 0px 0 0px;
	text-decoration: none;
}
div#alt-menu ul li a:after {
	content: '\2009'; /* &thinsp; THIN SPACE */
}
div#alt-menu ul li a:hover,
div#alt-menu ul li a.active-on {
}


div#main-menu ul li.news,
div#main-menu ul li.giftcertificates,
div#main-menu ul li.brochure,
div#alt-menu ul li.welcome {
		display: none !important;
}

/* ---------------------------------END MAIN MENU -------------------------------------*/

/* ------------------------- START BOOKING MASK AND NEWSLETTER ------------------------- */

div#availability-checker form,
div#newsletter form {
	position: relative;
	zoom: 1;
	margin: 0;
}
/* START EASY CLEARING */
div#availability-checker form:after,
div#availability-checker div.date:after,
div#newsletter form:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* END EASY CLEARING */
div#availability-checker label,
div#newsletter label {
	display: block;
	margin: 8px 0 2px;
}
div#availability-checker label,
div#newsletter label,
div#availability-checker label#date-format-helper {
	font-size: 0.82em;	
}
div#availability-checker input,
div#availability-checker select,
div#newsletter input {
	display: block;
	border: 1px solid gray;
}
div#availability-checker input,
div#availability-checker select,
div#availability-checker img.datepicker,
div#newsletter input {
	font-size: 0.9em;
}
div#availability-checker input[type~="hidden"] {
	display: none;
}
div#availability-checker div.date {
	zoom: 1;
	_width: 100%; /* IE5 */
}
div#availability-checker div.date label,
div#newsletter div.email label {
	margin-top: 0;
}
div#availability-checker div.date label#date-format-helper {
	background-color: white;
	position: absolute;
	left: 1px;
	top: 2.8em;
	padding-left: 0.2em;
	text-transform: lowercase;
}
div#availability-checker div.date input {
	float: left; _display: inline;
	width: 10.8em;
	_width: 118px; /* px-width for IE6 to prevent expanding and hence float-drop */
}
div#availability-checker div.date input,
div#newsletter div.email-entry input {
	padding-left: 0.5em;
}
div#availability-checker img.datepicker {
	display: block;
	position: absolute;
	left: 10.8em;
	_left: 118px;
	margin: -1px 0 0 0.9em;
	border: 0 none;
	width: 21px;
	height: 23px;
	cursor: pointer;
}
div#availability-checker div.choose {
	float: left; _display: inline;
	margin-right: 8px;
}
div#availability-checker div.choose.children {
	margin-right: 0; _margin-right: -9px; /* IE<=6 3-pixel jog bug */
}
div#availability-checker div.choose select {
	padding: 1px;
	width: 4.1em; /* WARNING! Allowing for Safari's need for wide select boxes: for font-size which evaluates to 9px, use 4.4em;  for 11px, 4.1em;  for 12px, 4em */
}
div#newsletter div.email-entry input {
	width: 12.5em;
}
div#availability-checker .go,
div#newsletter input.go {
	overflow: visible;
	border: 0 none;
	padding: 2px 4px; _padding: 1px 7px 0;
	font-size: 0.97em;
	cursor: pointer;
}
div#availability-checker .go {
	margin: 9px 0 0 10px;
}

div#availability-checker .goPack {
	margin: 9px 0 0 15px;
}

div#newsletter .go {
	position: absolute;
	right: 0;
	bottom: 0;
}
div.calendar {
	z-index: 10;
}

/* -------------------------- END BOOKING MASK AND NEWSLETTER -------------------------- */

/* --------------------------------- WIDGETS -------------------------------------*/

/* ------------- WIDGETS ------------- */

div.widget-content {
	position: relative; zoom: 1;
}

div.widget h3 {
	margin-top: 0;
	font-size: 0.9em;
	font-weight: bold;
}

div.widget a.more-link {
	display: block;
	margin-top: 12px;
}



/* -------------------------------- LANGUAGE ------------------------------------*/



/* ----------------------------- FINAL FIX-UPS ----------------------------------*/