/* --------- STYLING FOR TEMPLATE SUBPAGE --------- */

/* --------------------------- TYPOGRAPHY AND COLOURS ------------------------------ */


html {
}

body {
}

div#holder {
	color: #5e5e5e;
}

h1 {
}
h1, h2 {
	font-weight: normal;
	color: #821102;
}
h2, h3, h4, h5, h6 {
	font-family: "Gill Sans", "Trebuchet MS", Helvetica, sans-serif;
	text-transform: uppercase;
}
h3, h4, h5, h6 {
	color: #393939;
}
h2, h3, h4, h5, h6 {
	text-transform: uppercase;
}

img.png {
	_behavior: url(/png_behavior.htc); /* PNG fix for IE<=6 */
}

a {
	color: #2d2d2d;
	text-decoration: underline;
}
a:visited {
	color: #393939;
}
a:hover {
	color: #821102;
}
a:active {
	color: #000000;
}

div#languages li {
	border-color: #5e5e5e;
}

div#languages li a,
div#languages li a:visited {
	color: #5e5e5e;
	text-decoration: none;
}
div#languages li.active a,
div#languages li.active a:visited {
	color: #821102;
}
div#languages li a:hover {
	color: #821102;
}

div#page-summaries h3 a,
div#page-summaries p a {
	text-decoration: none;
}
div#page-summaries h3 a {
	color: #393939;
}
div#page-summaries p a {
	color: #5e5e5e;
}
div#page-summaries h3 a:hover,
div#page-summaries p a:hover {
	color: #821102;
}

div#main-content {
	font-size: 0.94em;
}
div#main-content h2,
div#main-content h3 {
	padding-bottom: 0.3em;
	border-bottom: 1px solid gray;
}
div#main-content h2 {
	margin-bottom: 0.75em;
}
div#main-content h3 {
	margin-bottom: 0.9em;
}
div#main-content p,
div#main-content li {
	line-height: 1.5;
}
div#main-content p.intro {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1.22em;
	font-weight: bold;
	line-height: 1.3;
}

.moduleOutput .itemPreviewTitle a {
	text-decoration: inherit;
	color: inherit;
}
.moduleOutput .itemPreviewTitle a:hover {
	color: #821102;
}

#mod_reviews .itemPreview .itemPreviewTitle {
	color: #821102;
}
#mod_reviews .itemPreview .itemPreviewBody {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}


div#main-menu {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	text-transform: uppercase;
}
div#main-menu ul li {
	margin: 0.4em 0;
	font-size: 1.1em;
	border-right-color: #821102;
}
div#main-menu ul li a {
	color: #5e5e5e;
	text-decoration: none;
}
div#main-menu ul li a:visited {
	color: #5e5e5e;
}
div#main-menu ul li a:hover,
div#main-menu ul li a.active-on {
	color: #821102;
}
div#main-menu ul li a:active {
	color: #821102;
}

div#availability-checker h2 {
	font-family: "Gill Sans", "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1.2em;
	text-transform: capitalize;
	text-align: center;
	color: #393939;
}
div#availability-checker p.best-rate-guaranteed {
	font-size: 1.1em;
	text-align: center;
}
div#availability-checker p.best-rate-guaranteed a {
	color: #393939;	
}
div#availability-checker p.best-rate-guaranteed a:hover {
	color: #821102;
}

div.widget_bestPrices,
div.widget_bestPrices a,
div.widget_bestPrices h3 {
	color: #fff;
}
div.widget_bestPrices a:hover {
	color: #ffa599;
}

div#page-summaries {
	background-color: #fff;
	border-color: #5e5e5e !important;
	font-size: 0.9em;
}
div#page-summaries h3 {
	margin-bottom: 0.35em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 1em;
	text-transform: capitalize;
}
.page-summary p {
	margin: 0;
	line-height: 1.5;
}

div#small-print {
	font-size: 0.9em;
	text-align: center;
	color: #5e5e5e;
}
div#small-print a {
	color: #821102;
	text-decoration: none;
}
div#small-print a:visited {
	color: #821102;
}
div#small-print a:hover {
	color: #2d2d2d;
	text-decoration: underline;
}
div#small-print a:active {
	color: #2d2d2d;
}

div#address dl.telephone dd a.email {
	text-decoration: underline;
}

div#small-print #author,
div#small-print #author a,
div#small-print #author a:visited {
	color: #999}
div#small-print #author a:hover,
div#small-print #author a:active {
	color: #666}

/* ----------------------------------- LAYOUT -------------------------------------- */

/* ----- START LAYOUT COMMON TO ALL PAGES ----- */

html {
	background: transparent url(../images/bg.png) repeat-x scroll left 140px;
}

body {
	background: url(../images/body-bg.gif) repeat-x 0 bottom;
}

div#holder {
	background-color: white;
	position: relative;
	margin: 50px auto 0 auto; 
	padding: 0;
	width: 834px;
}* 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#page-summaries {
	zoom: 1;	
}
div#page-summaries:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div#page-summaries:after,
#mod_pukkaPictures .pictures:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* END EASY CLEARING */


/* START OFFSCREEN */
div#languages h2,
div.widget_bestPrices h2,
div#main-menu h2,
div#key-links h2,
div.key-link h3,
div#page-summaries h2,
div#small-print h2,
div#small-print div#address h3,
div#small-print div#legal h3 {
	display: inline;
	position: absolute;
	left: -9999px;
}
/* END OFFSCREEN */


h1,
div#languages {
	position: absolute;
	margin: 0;
}

h1 {
	z-index: 1;
	right: 5px;
	top: -2.7em;
}

div#branding img#logo {
	display: block;
	position: absolute;
	left: 20px;
	top: 0;
	width: 321px;
	height: 82px;
}


div#languages {
	left: 20px;
	top: -3em;
}

div#languages ul {
	list-style: none;
	padding: 0;
}

div#languages ul li {
	float: left;
	padding: 0 0.5em;
	border-right: 1px solid;
}

div#languages ul li.item1 {
	padding-left: 0;
}

div#languages ul li.last {
	padding-right: 0;
	border-right: 0 none;
}


div#main-content,
div#main-menu,
div#availability-checker {
	margin-top: 466px;
}

div#main-content {
	float: right; _display: inline;
	margin-left: 25px;
	width: 450px;
	margin-right: 25px;
	padding-bottom: 72px;
}


div#main-visual {
	background-color: white !important;
	position: absolute;
	left: 0;
	top: 90px;
	width: 834px;
	padding-right: 7px;
	height: 356px;	
}

div#main-visual img {
	display: block;
}


div#main-menu {
	float: left; _display: inline;
	margin-left: 18px;
	width: 128px;
	margin-right: 12px;
}



div#availability-checker {
	background: url(../images/availability-checker-top.gif) no-repeat 0 top;
	float: left; _display: inline;
	padding-left: 18px;
	width: 140px;
	padding-right: 18px;
	padding-top: 20px;
	margin-bottom: 72px;
} * html div#availability-checker { /* Tan Hack for IE<=5.x */
	width: 176px;
	w\idth: 140px;
} /* End Tan Hack */

div#availability-checker h2 {
	margin-top: 0;
}

div#availability-checker p.best-rate-guaranteed {
	background: url(../images/availability-checker-bottom.gif) no-repeat 0 bottom;
	zoom: 1;
	margin-left: -18px;
	padding-left: 18px;
	padding-right: 18px;
	margin-right: -18px;
	padding-bottom: 20px;
	margin-bottom: 0px;
}

div#availability-checker div.widget_bestPrices {
	background: #ffffff url(../images/best-rate-bottom.gif) no-repeat 0 bottom;
	position: relative; /* IE<=7 */
	zoom: 1;
	margin-left: -18px;
	padding-left: 16px;
	padding-right: 16px;
	margin-right: -18px;
	padding-top: 25px;
	padding-bottom: 20px;
}

div#availability-checker div.widget_bestPrices .widget-content {
	background: url(../images/best-rate-top.gif) no-repeat 0 top;
	margin-left: -16px;
	padding-left: 16px;
	padding-right: 16px;
	margin-right: -16px;
	margin-top: -20px;
	padding-top: 20px;
}

div#availability-checker div.widget_bestPrices .widget-content .dates-available {
	padding-bottom: 0.8em;
	margin-bottom: 0;
}


div#key-links {
	float: left; _display: inline;
	clear: left;
	margin-left: 158px;
	width: 176px;
	margin-top: -72px;
	margin-bottom: 72px;
}

div.key-link {
	background: transparent url(../images/widget-bottom.gif) no-repeat scroll center bottom;
	_position: relative;
	padding-left: 9px;
	padding-right: 9px;
	margin-top: 21px;
	padding-bottom: 13px;
}

div.key-link p {
	background: transparent url(../images/widget-top.gif) no-repeat scroll center top;
	_zoom: 1;
	_position: relative;
	margin-left: -9px;
	padding-left: 9px;
	padding-right: 9px;
	margin-right: -9px;
	margin-top: -13px;
	padding-top: 13px;
	margin-bottom: 0;
}

div.key-link p img {
	width: 158px;
}


div#newsletter {
}


div#page-summaries {
	clear: both; _zoom: 1; /* IE<=6 unstable non-hasLayout clear bug */
	margin: 0 20px 0;
	padding-left: 60px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	padding-top: 4px;
	padding-bottom: 4px;
}

.page-summary {
	position: relative;
	float: left;
	padding-left: 81px;
	width: 163px;
	min-height: 84px; _height: 84px;
}

.page-summary img {
	position: absolute;
	left: 0;
	top: -2px;
}

.page-summary h3 {
	margin-top: 0;
}


div#small-print {
	position: absolute;
	left: 0;
	width: 834px;
	margin-top: 1px;
	padding-bottom: 20px;
}

div#address p {
	margin-bottom: 0;
}
div#address dl.telephone {
	margin-top: 0;
}
div#address dl.telephone dt,
div#address dl.telephone dd {
	display: inline;
}
div#address dl.telephone dd {
	margin: 0 1em 0 0;
}
div#address dl.telephone dd.email {
	margin-right: 0;
}

/* ----- END LAYOUT COMMON TO ALL PAGES ----- */

div#content-images p {
	float: right;
	clear: right;
	margin: 0 0 10px 20px;
}

div#content-images img {
	display: block;
}

div#main-menu li.gallery {
	background: transparent url(../images/button.png) no-repeat scroll left top; _background-image: url(../images/button.gif);
	margin: 0;
	padding: 0;
	width: 140px;
	height: 42px;
	line-height: 42px;
	position: absolute;
	left: 682px;
	top: 388px;	
	z-index: 1;
}

body#page_gallery div#main-menu li.gallery {
	display: none;
}

div#main-menu li.gallery:hover {
	background-position: left bottom;
}

div#main-menu li.gallery a {
	_position: relative;
	display: block;
	width: 140px;
	height: 42px;
}

/* ---------------------------------END LAYOUT -------------------------------------*/

div#main-menu ul.shortcuts {
	margin: 0;
	padding: 0;
	font-weight:bold;
}

div#main-menu ul {
	list-style: none;
}

div#main-menu ul li.default {
	margin-top: 0;
}

div#main-menu ul li.location,
div#main-menu ul li.treatments,
div#main-menu ul li.weddingpackages {
	margin-left: 12px;
}


div#main-menu ul li.booking,
div#main-menu ul li.offers,
div#main-menu ul li.contact,
div#main-menu ul li.faq {
	position: absolute;
	right: 5px;
	top: 0;
}
div#main-menu ul li.booking {
	margin-top: 0em;
}
div#main-menu ul li.offers {
	margin-top: 1.6em;
}
div#main-menu ul li.contact {
	margin-top: 3.2em;
}
div#main-menu ul li.faq {
	margin-top: 4.8em;
}

div#main-menu li.gallery a {
	font-family: Arial, sans-serif;
	text-transform: capitalize;
	text-align: center;
}
div#main-menu li.gallery a,
div#main-menu li.gallery a:hover,
div#main-menu li.gallery a:visited {
	color: #ffffff;
}

/* ------------------------- START BOOKING MASK AND NEWSLETTER ------------------------- */

div#availability-checker 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: 4px 0;
	font-family: Arial, sans-serif;
	font-size: 0.8em;
	text-transform: capitalize;
	color: #944035;
}
div#availability-checker input,
div#availability-checker select,
div#newsletter input {
	display: block;
	border: 1px solid #666666;
	background-color: #858585;
	color: #ffffff;
	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 {
	text-transform: lowercase;
}
div#availability-checker div.date input {
	float: left; _display: inline;
	padding: 2px 3px;
	margin-right: 2px;
	width: 9.81em;
	_width: 107px; /* px-width for IE6 to prevent expanding and hence float-drop */
}
div#availability-checker img.datepicker {
	display: block;
	float: left;
	margin: -3px 0 0;
	border: 0 none;
	width: 21px;
	height: 24px;
	cursor: pointer;
}
div#availability-checker div.choose {
	float: left; _display: inline;
	margin-right: 2px;
}
div#availability-checker div.choose.children {
	margin-right: 0; _margin-right: -9px; /* IE<=6 3-pixel jog bug */
	margin-bottom: 25px;
}
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 {
	float: left; _display: inline;
	margin-right: 18px;
}
div#newsletter div.email input {
	width: 13em;
	margin-bottom: 2px;
}
div#availability-checker button.go,
div#newsletter button.go {
	background: transparent url(../images/button.png) no-repeat scroll left top; _background-image: url(../images/button.gif);
	width: 140px;
	height: 42px;
	display: block;
	clear: both;
	margin: 0;
	border: 0 none;
	padding: 0 0 4px 0;
	cursor: pointer;
	overflow: visible;
	color: #ffffff;
	text-transform: capitalize;
/*	font-size: 0;
	line-height: 9999px; /* IE<=7 */
}
div#availability-checker button.go:hover {
	background-position: left bottom;
}
div#newsletter button.go {
	bottom: -12px;
}
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;
}

/* =============== ihotelier bestPrices ============== */

div.widget_bestPrices p.from-price {
	zoom: 1;
	margin: 0 0 0.8em 0;
	text-align: right;
}
/* START EASY CLEARING */
div.widget_bestPrices p.from-price:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* END EASY CLEARING */
div.widget_bestPrices p.from-price .rooms-available-from {
	font-family: "Gill Sans","Trebuchet MS",Helvetica,sans-serif;
	text-transform: capitalize;
	float: left;
	width: 136px;
	text-align: left;
}
div.widget_bestPrices p.from-price .rooms-available {
	display: block;
	width: 100%;
	font-size: 1.3em;
	text-align: center;
}
div.widget_bestPrices p.from-price .from {
	display: block;
	margin: 0.4em 0 0 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-style: italic;
	text-transform: lowercase;
}
div.widget_bestPrices p.from-price .go {
	text-decoration: none;
}
div.widget_bestPrices p.from-price .price {
	float: right;
	margin-top: -1.6em;
	font-style: italic;
}
div.widget_bestPrices p.from-price .currency-symbol {
	font-size: 2em;
}
div.widget_bestPrices p.from-price .lowest-rate {
	font-size: 4em;
}
div.widget_bestPrices p.from-price a {
	display: block;
	clear: right;
}
div.widget_bestPrices p.from-price a,
div.widget_bestPrices p.from-price a:visited {
}

div.widget_bestPrices h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 0.8em;
}

div.widget_bestPrices ol.dates-available {
	list-style-type: none;
	padding-left: 0;
}
div.widget_bestPrices ol.dates-available li {
	display: inline;
	font-size: 0.8em;
}
div.widget_bestPrices ol.dates-available li.date1 {
}
div.widget_bestPrices .dates-available a,
div.widget_bestPrices .dates-available a:visited {
}


/* -------------------------------- LANGUAGE ------------------------------------*/



/* ----------------------------- FINAL FIX-UPS ----------------------------------*/

body {
	_behavior: url(csshover.htc);
}

