/********************   css/global.defaults.css   ********************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 98%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1em;
	background: #fff;
	font-family: Arial, Helvetica;
	color: #333;
	font-size: 0.9em;
}
ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img{
	border: none;
}
a, a:visited, a:active {
	color:#6E4D6A;
	text-decoration: none;
}

p{
	margin: 5px auto;
}

/********************   css/global.layout.css   ********************/
html, body {
   	height:100%;
}
body {
	background: #000 url(http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/general/bg_pattern.jpg) repeat-x;
}
#floater {
	float:left; 
	height:50%; 
	margin-bottom:-315px;

}
#container {	   	
	height:100%;
	min-height: 635px;
	position: relative;
}



#main-content {
	clear: both;
	position: relative;
	margin: 0 auto;
	width:966px;
	height:506px;
	_height: 610px;
	background: transparent url(http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/general/main-content-bkg.gif) top left no-repeat;
}
#contentShadow {
	width: 990px;
	height: 532px;
	position: absolute;
	top: -12px;
	left: -13px;
	z-index: -1;
	background: transparent url(http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/general/page_shadow.png) center 45% no-repeat;
	_display: none;
}
#content{
	position: absolute;
	top: 3px;
	left: 3px;
	width: 960px;
	height: 500px;
	z-index: 10;
	overflow: hidden;
	background-color:#31123A;
}
.jsHide #main-content {
	visibility: hidden;
}
#page_home #content {
	background: none;
}



#mainFlashBox, #logoBox {
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;
	height: 500px; 
}
#mainFlashBox{
	width: 960px;
}
#logoBox {
	width: 172px; 
	z-index: 60;
}
#page_gallery #logoBox, #page_location #logoBox {
	display: none;
}
#main-visual{
	position: absolute;
	top:0;
	left:0;
	margin-left: 172px;
	width: 310px; 
	height: 500px; 
	z-index: 60;
}
.jsHide #page_accommodation #main-visual,
.jsHide #page_gallery #main-visual, 
.jsHide #page_gastronomy #main-visual, 
.jsHide #page_news #main-visual,  
.jsHide #page_facilities #main-visual {
	display: none;
}
.jsHide #main-visual img {
	visibility: hidden;
}
.jsHide #page_location #main-visual img, .jsHide #page_home #main-visual img {
	visibility: visible;
}
#page_location #main-visual {
	margin-left: 0;
	width: 482px;
}
#main-visual .main-image{
	width: 310px;
	height: 500px;
}

#h1-box {
	position: absolute;
	top: 160px;
	right: 50px;	
	width: 300px;
}
#homeText {
	position: absolute;
	top: 280px;
	right: 190px;	
	width: 260px;
	height: 170px;
}
.jsHide #homeText {
	display: none;
}
#homeText .homeMainText{
	position: absolute;
	top: 0;
	left: 20px;	
	width: 260px;
	height: 170px;
	display: none;
}
#homeText .homeMainText.first{
	display: block;
	left: 0;
}
h1 {
	height: 20px;
	margin-top: -20px;
}
#page_home h1 {
	height: auto;
	margin-top: 0;
}

#navigation{
	position: relative;
	text-align: center;
	width:100%;
	height: 45px;
}
#main-navigation, #secondary-navigation {
	width: 940px;
	position: absolute;
	top: 10px;
	right: 50%;
	margin-right: -480px;
	white-space: nowrap;
	overflow: visible;
}
#main-navigation  {
	top: 30px;
}
#main-navigation ul, #secondary-navigation ul {
	float: right;
}
#main-navigation ul li, #secondary-navigation ul li, #language-navigation ul li {
	display: inline;
}
#main-navigation ul li a{
	padding: 0 14px;
	background: transparent url(http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/general/mainNavDivider.gif) right center no-repeat;
}

#secondary-navigation ul li a {
	padding: 0 14px;
	background: transparent url(http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/general/secNavDivider.gif) right center no-repeat;
}
#main-navigation ul li.last a, #secondary-navigation ul li.last a {
	background: none;
}

#language-navigation {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -470px;
	width: 160px;
	height: 24px;
	background: transparent url(http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/general/languagebar-bkg.png) top left no-repeat;
	_background: none;
}
#language-navigation ul{
	padding-top: 5px;
}
#language-navigation ul li a{
	padding: 0 5px;
}
#language-navigation ul li{
	border-right: 1px solid #999;
}
#language-navigation ul li.last{
	border-right: none;
}

#footer {
	position:absolute;
   	bottom:0;
   	width:100%;
   	height:75px; 
   	z-index: 20;
   	margin: 0 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #746C5A;
	text-align: center;
	_clear: both;
}	

#bookingBox {
	position: relative;
	width:960px;
	height: 60px;
	background-color: #30143c;
	margin: 0 auto;
	background: transparent url(http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/general/footer-bkg.jpg) top left no-repeat;
}
#bestPrice {
	position: relative;
	float: left;
	width: 280px;
	height: 35px;
	margin: 15px 0 0 15px;
	background: transparent url(http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/general/booking-divider.gif) right center no-repeat;
} 
#bestPrice .rooms {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}
#bestPrice .rooms, #bestPrice .available {
	text-align: center;
}
#bestPrice .available{
	margin: 20px 10px 0 0;
}
#bestPrice .available, #bestPrice .price_unit, #bestPrice .price_small, #bestPrice .price, #bestPrice a{
	display: block;
	float: left;
}
#bestPrice .price_unit, #bestPrice .price_small, #bestPrice .price {
	height: 35px;
}
#bestPrice .price_small {
	height: 17px;
	width: 25px;
}
#bestPrice .price_unit {
	padding-top: 2px;
	width: 40px;
}
#bestPrice .price_small {
	margin: 18px 0 0 -5px;
}
#bestPrice a {
	width: 32px;
	height: 19px;
	line-height: 20px;
	_line-height: 19px;
	margin: 10px 0 0 10px;
	background: transparent url(http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/general/go_btn.gif) 0 0 no-repeat;
}
#bestPrice a:hover {
	background-position: 0 -19px;
}

#bookingMask {
	padding-top: 10px;
	margin-left:310px;
	_margin-left: 350px;
}
#bookingMask div.choose, #bookingMask div.date{
	float: left;
	margin-right: 20px;
}
#bookingMask input#date-in , #bookingMask .choose select, #bookingMask button {
	display: block;
	border: none;
	margin-top: 2px;
	background-color: #70587a;
	color: #fff;
	height: 19px;
	padding:1px 0 0 0;
}
#bookingMask .date {
	position: relative;
	width: 120px;
}
#bookingMask .date label {
	display: block;
}
#bookingMask .date input#date-in {
	width: 85px;
	text-indent: 5px;
	float: left;
	background-color: #70587a;
	height: 19px;
	padding: 0;
	margin: 0;
	line-height: 19px;
}
html*#bookingMask .date input#date-in{
	position: absolute;
	left: 0;
	top: 14px;
}
#bookingMask .date .datepicker {
	background:transparent url(http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/general/calendar.png) no-repeat scroll left top;
	_background:transparent url(http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/general/calendar.gif) no-repeat scroll left top;
	cursor:pointer;
	display:block;
	float:left;
	height:17px;
	margin:2px 0 0 5px;
	width:26px;
	float: right;
	margin-top: 1px;
	cursor: pointer;
}
#bookingMask .date .datepicker:hover {
	background-position: 0 -17px;
}

#bookingMask button {
	display: block;
	position: absolute;
	bottom: 16px;
	right: 80px;
	width: 81px;
	height: 19px;
	padding: 0 0 2px 0;
	white-space:nowrap;
	background: transparent url(http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/general/book_now_btn.gif) top left no-repeat;
	cursor: pointer;
	vertical-align: middle;
}
html*#bookingMask button{
	padding: 0;
}

#bookingMask button:active, #bookingMask button:hover {
	background-position: 0 -19px;
}



#copyright {
	width: 960px;
	height: 20px;
}






#main-navigation:after,
#secondary-navigation:after,
#bookingMask:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearFloat {
	clear: both;
}





 
.calendar {
	z-index:50;
}
 
/*
 *Customized select 
 */

.choose {
	position: relative;
}

.iconselectholder {
	z-index: 20;
}
.iconselectholder h4{
	display: none;
}
#iconselectRoom {
	background: #70587a url(http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/general/drop_down_btn.gif) top right no-repeat;
	width: 140px; 
	height: 19px;
	color: #fff;
	overflow: hidden;
	text-indent: 5px;
	line-height: 19px;
	font-size: 1.1em;
	cursor: pointer;
}
#iconselectholderRoom {
	width: 140px;
	overflow: auto;
	display:none;
	position:absolute;
	bottom: 0;
	background-color:#70587a;
	color: #fff;
	overflow: visible;
}
#iconselectNights, #iconselectAdults, #iconselectChildren {
	background: #70587a url(http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/general/drop_down_btn.gif) top right no-repeat;
	width: 40px; 
	height: 19px;
	color: #fff;
	overflow: hidden;
	text-indent: 5px;
	line-height: 19px;
	font-size: 1.1em;
	cursor: pointer;
}
#iconselectRoom:hover, #iconselectNights:hover, #iconselectAdults:hover, #iconselectChildren:hover {
	background-position: right -19px;
}
#iconselectholderNights, #iconselectholderAdults, #iconselectholderChildren {
	width: 40px;
	overflow: auto;
	display:none;
	position:absolute;
	bottom: 0;
	background-color:#70587a;
	color: #fff;
	overflow: visible;
}
.selectitems {
	height:19px;
	line-height: 19px;
	display: block;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.selectitems input {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	margin-left: -50px;
	background-color: transparent;
}

.selectitems span {
	margin-left: 5px;
	display: block;
	width: 100%;
}

.hoverclass{
	background-color: #70386B;
	cursor: pointer;
}
.selectedclass{
	background-color: #492857;
}

/*
 *Customized select - finish
 */



#subPageContent {
	position: absolute;
	top: 0;
	left: 482px;
	height: 500px;
	width: 478px;
	color:#9F808C;
}

.jsHide  #subPageContent{
	left: 502px;
	display: none;
}

.linkToEditPage {
	position: absolute;
	top: 0;
	right: 180px;
	width: 290px;
	z-index: 200;
}
#page_gallery .linkToEditPage {
	right: 0;
}

#page_gallery a#playVideoLink {
	display: block;
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 113px;
	height: 92px;
	background: transparent url(http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/general/btn_play_video.jpg) top left no-repeat;
	z-index: 500;
}


#content h2 {
	color:#FFFFFF;
	font-size:2.5em;
	font-weight:normal;
	text-align: left;
	position: absolute;
	top: 130px;
	left: 90px;
	z-index:70;
	overflow:visible;
	line-height: 40px;
}


#mainSubpageContent {
	padding: 170px 30px 20px 90px;	
}
.intro {
	margin: 10px 0;
}

#page_contact #content h2, #page_newsletter #content h2, #page_sendcomment #content h2 {
	top: 5px;
	left: 160px;
}
#page_contact #mainSubpageContent, #page_newsletter #mainSubpageContent {
	padding: 45px 30px 20px 30px;	
}
#page_sendcomment #mainSubpageContent {
	padding: 30px 30px 20px 30px;	
}
#page_contact .intro {
	display: none;
}

#page_comments #content h2{
	top: 50px;
	left: 30px;
}
#page_comments #mainSubpageContent {
	padding: 90px 30px 20px 30px;	
}
#content ul {
	list-style: disc;
	padding-left: 15px;
}
.locationDetails{
	position: absolute;
	bottom: 30px;
	left: 30px;
	color: #746C5A;
}




#page_newsletter #mod_flexForms {
	margin-top: 40px;
}

#page_content #content h2 {
	top: 50px;
}
#page_content {
	padding: 80px 30px 20px 90px;	
}


#tripAdvisor {
	position: absolute;
	top: 0px;
	left: 310px;
}

#tripAdvisor #socialnetworks {
	float: right; _display:inline;
	margin-right: 6px;
	clear:right;	
}

#tripAdvisor #socialnetworks img {
		float:right; _display:inline;
		margin:0 4px;
		width:20px;	
		_behavior: url('/iepngfix.htc');
}


#page_gastronomy #content h2{
	left:70px;
	text-align:left;
	top:190px;
}



#page_gastronomy #content #gastronomyTitleList,
#content #flowersTitleList,
#content #serviceTitleList{
	color:#C5BA8D;
	position:absolute;
	right:30px;
	text-align:right;
	text-transform:uppercase;
	top:20px;
	width:430px;
	z-index: 100;
}
#page_gastronomy #content #gastronomyTitleList h3,
#content #flowersTitleList h3,
#content #serviceTitleList h3 {
	margin-top: 0;
}
#page_gastronomy #content #gastronomyTitleList h3 a,
#content #flowersTitleList h3 a,
#content #serviceTitleList h3 a{
	color:#C5BA8D;
	font-weight:normal;
	text-decoration:none;
}
#page_gastronomy #content #gastronomyTitleList h3 a:hover,
#content #flowersTitleList h3 a:hover,
#content #serviceTitleList h3 a:hover {
	text-decoration: underline;
	cursor: pointer;
}
.jsHide #page_gastronomy #content #gastronomyTitleList h3 a:hover,
.jsHide #content #flowersTitleList h3 a:hover,
.jsHide #content #serviceTitleList h3 a:hover {
	text-decoration: none;
}


#gastronomyContentList,
#flowersContentList {
	background-color:#31123A;
	height:500px;
	width:478px;
}

#page_gastronomy .gastronomyContent{  
	width: 385px;  
}
#page_gastronomy .gastronomyContent {
	position: absolute;
	top: 240px;
	left: 90px;
	z-index: 70;
	display:none;
}



#page_gastronomy .gastronomyContent.first{
	left: 70px;
	display: block;
}
.jsHide #page_gastronomy .gastronomyContent.first, .jsHide #page_gastronomy .gastronomyContent{
	left: 90px;
	display: none;
}

#page_gastronomy .gastronomyContent h3{
	margin-top: 0;
	color:#FFFFFF;
	font-family:"Trebuchet MS";
	font-size:14px;
	font-weight:normal;
	letter-spacing:3px;
	margin-bottom:8px;
	text-transform:uppercase;
}


#loaderImg {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -10x;
	z-index: 5;
	display: none;
}



#page_home .navpanellayer, #page_home .gallerydesc, #page_home #mod_pukkaDownloads {
	display: none;
}



.flowersContent {
	margin-top: 130px;
}

#content h2.flowersTitle {
	top: 20px;
	left: 30px;
}

.flowersText {
	margin: 10px 40px;
}


.jsHide #page_flowerShop #main-visual, 
.jsHide #page_flowersPromotions #main-visual {
	display: none;
}
/********************   css/global.text.css   ********************/
#navigation {
	font-size: 0.9em;
}
#main-navigation ul li a{
	color: #c5ba8d;
	text-decoration: none;
	text-transform: uppercase;
}

#secondary-navigation ul li a{
	color: #999;
	text-decoration: none;
	text-transform: uppercase;
}
#main-navigation ul li a:hover, #secondary-navigation ul li a:hover {
	text-decoration: underline;
}
#main-navigation ul li a.jsClass:hover, #secondary-navigation ul li a.jsClass:hover {
	text-decoration: none;
}
#main-navigation ul li.active a, #secondary-navigation ul li.active a{
	color: #fff;
}
#language-navigation ul li a{
	color: #999;
	text-decoration: none;
	text-transform: uppercase;
}
#language-navigation ul li.active a, #language-navigation ul li a:hover{
	color: #fff;
}

#bestPrice .rooms, #bestPrice .available{
	color: #70386b;
}
#bestPrice .rooms {
	font-size: 2.2em;
}
#bestPrice .available{
	font-size: 1.8em;
}
#bestPrice .price_unit{
	font-size: 1.5em;
}
#bestPrice .price {
	font-size: 4em;
	line-height: 33px;
	white-space: nowrap;
}

#bestPrice .price_small{
	font-size: 1em;
	white-space: nowrap;
} 
#bestPrice a, #bookingMask button {
	color: #c5ba8d;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 1.1em;
}

#bookingMask {
	font-size: 1.1em;
	text-transform: uppercase;
	text-align:left;
}
#bookingMask .date input#date-in {
	color: #fff;
	font-size: 1.2em;
	text-indent:5px;
}

#h1-box h1{
	color:#9F808C;
	font-size:1.2em;
	line-height:1em;
	text-align:right;
	font-weight: normal;
}
#h1-box p{
	color:#FFFFFF;
	font-size:2em;
	line-height:1em;
	text-align:right;
}
#homeText{
	color:#BFA0C2;
	font-size:1em;
	line-height:1em;
}





/*====================== SIFR HIDE AND SHOW WHEN READY ================*/

.jsHide .lang-en #h1-box h1,
.jsHide .lang-en #h1-box p,
.jsHide .lang-en #bestPrice .rooms,
.jsHide .lang-en #bestPrice .available,
.jsHide .lang-en #bestPrice .price,
.jsHide .lang-en #bestPrice .price_small,
.jsHide .lang-en .moduleH2,
.jsHide .lang-en #content h2 {
	visibility: hidden;
}

.jsHide .lang-en #h1-box h1.sIFR-replaced,
.jsHide .lang-en #h1-box p.sIFR-replaced,
.jsHide .lang-en #bestPrice .rooms.sIFR-replaced,
.jsHide .lang-en #bestPrice .available.sIFR-replaced,
.jsHide .lang-en #bestPrice .price.sIFR-replaced,
.jsHide .lang-en #bestPrice .price_small.sIFR-replaced,
.jsHide .lang-en .moduleH2.sIFR-replaced,
.jsHide .lang-en #content h2.sIFR-replaced {
	visibility: visible;
}


/********************   css/global.module.css   ********************/
.moduleOutput {
	display: table; zoom: 1; /* Force block formatting context; in IE<=7, use hasLayout to achieve a non-'width soft shrink-wrapped' but otherwise similar effect to display:table */

}

.moduleTaskTitle {
	display: none;
}

.itemPreview {
	position: relative; zoom: 1;
}

/* START EASY CLEARING */
.itemPreview:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* END EASY CLEARING */

.itemPreview .itemPreviewEditLink {
	position: absolute;
	top: 0;
	right: 0;
}

.itemPreview .itemPreviewEditLink img {
	float: none !important;
	margin: 0 !important;
	border: 0 !important;
	padding: 0 !important;
	width: auto !important;
	height: auto !important;
}


/* ================ FLEXFORMS =============== */

.basicForm {
	display: table; zoom: 1; /* Force block formatting context; in IE<=7, use hasLayout to achieve a non--'width soft shrink-wrapped' but otherwise similar effect to display:table */
/* control font-size in ems from outside this stylesheet; aim for 11px */
}

.basicForm,
.basicFormFieldBlock {
	width: 383px; /* narrow enough to force CAPTCHA-image to wrap down */
}

.basicFormFieldBlock {
	position: relative; zoom: 1;
	margin-bottom: 6px;
	*z-index:1;
}
.flexForm_div_title.basicFormFieldBlock{
	*z-index: 10;
}

.basicForm .basicFormFieldBlock:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.requiredFieldMark {
	color: #ff0000;
}

.requiredFieldEmphasis {
	color: #ff0000;
}

.basicForm label,
.basicForm .noteLabel {
	margin-right: 8px;
}

.basicForm label.blockLabel,
.basicForm .noteLabel {
	display: block;
	float: left; _display: inline;
	width: 120px;
	text-align: right;
}

.basicForm label.textareaLabel {
	float: left; _display: inline;
	width: 120px;
	margin-top: 6px;
	text-align: right;
}       

.basicForm .stdLabel {
	float: left; _display: inline;
	margin-top: 6px;
	text-align: left;
}

.basicForm .stdFormBlock {
	position: absolute;
	bottom: 0;
	margin-left: 128px;
}

.basicForm .checkboxlistItem {
	float: left; _display: inline;
	width: 33%;
	margin-top: 0px !important;
}

.basicForm .checkboxlistItem input {
	float: left; _display: inline;
}

.basicForm .checkboxlistItem span { /* the label text */
	display: inline;
	font-size: 0.9em;
	line-height: 100%;
	font-family: "Arial Narrow", Arial, Verdana;
	text-transform: uppercase;
}

.basicForm .radiobuttonListItem {
	position: relative;
	float: left; _display: inline;
	width: 50px;
	text-align: center;
}

.basicForm .radiobuttonListItem span { /* the label text */
	position: absolute;
	top: -12px;
	left: 0px;
	width: 50px;
	text-align: center;
}

.basicForm .smallTextarea {
	overflow: auto;
	width: 251px;
	height: 36px;
	font-size: 0.95em;
}

.basicForm .textarea {
	float: left; _display: inline;
	overflow: auto; /* Suppress IE's scrollbars */
	margin: 0;
	border: 1px solid gray;
	padding: 1px 0px 0px 2px;
	width: 251px;
	height: 50px;
	font-size: 0.95em;
	font-family: Arial;
}

.basicForm .checkbox {
	float: left; _display: inline;
	margin-top: 2px;
}

.basicForm .input,
.basicForm .select {
	float: left; _display: inline;
	margin: 0px;
	border: 1px solid gray;
	padding: 0;
	width: 160px;
	font-size: 0.95em;
}
.basicForm .input {
	padding-left: 2px;
	height: 1.3em; /* Cross-browser height is 1.23em, but (only) Fx3b5 needs 1.3em */
	padding-bottom: 2px;
}
.basicForm .select {
	padding-left: 1px;
	width: 164px; /* strange cross-browser width discrepancy except in IE8 beta 1 */
	padding-bottom: 1px;
	/* height on <select> /includes/ padding in a strange, cross-browser way */
	height: 1.67em;  /* Cross-browser height is 1.58em, but (only) Fx3b5 needs 1.67em */
} *:first-child+html .basicForm .select { /* A Bad Hack targeting current browser IE7 */
	height: 1.7em;
}
/* START hack for Opera 8 */
@media all and (min-width: 0px) {
	/* ADD styles for Opera 8 */
	.basicForm .input {
		height: 1.65em;
	}
	.basicForm .select {
		width: 158px;
	}
	/* UNDO styles for other browsers (including Op9) supporting both the
	   CSS3 'and' syntax and the CSS3 [attribute^="value"] syntax; IE7
	   supports the latter so presumably future IEs will support both */
	.basicForm .input[class^='input'] {
		height: 1.3em;
	}
	.basicForm .select[class^='select'] {
		width: 164px;
	}
} /* END Opera hack */

.basicForm .captcha-container,
.basicForm .note {
	display: block;
	float: left; _display: inline;
	width: 164px;
}

.basicForm .captcha-container {
	text-align: left;
}

.basicForm .captcha-image {
	display: inline;
	_margin-left: -3px; /* IE<=6 3-pixel jog bug */
}

.basicForm .captcha-container a {
	display: block;
	width: 160px;
}

#captcha-followup {
	clear: left;
}

.basicForm .basicFormSubmit {
	overflow: visible; /* Kill IE<=7 magic padding */
	float: left; _display: inline;
	margin-left: 128px;
	margin-top: 25px;
	padding: 0 6px;
	font-size: 0.95em;
	cursor: pointer;
}  

.basicForm .noteLabel {
	font-weight: bold;
}









/* ================ PUKKAROOMS =============== */


#mod_pukkaRooms {
	width: 788px;
	height: 500px;
	margin: 0 0 0 172px;
	background-color: #31123a;
}
#mod_pukkaRooms .moduleBody {
	width: 788px;
	height: 500px;
	position: relative;
	overflow: hidden;
	color: #9F808C;
}


#mod_pukkaRooms .itemPreview {
	position: absolute;
	top: 240px;
	left: 400px;
	z-index: 70;
	display:none;
	width: 385px;  
}
#mod_pukkaRooms .itemPreview h3{
	font-size:1.3em;
	font-weight:normal;
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #fff;
	letter-spacing: 3px; 
	margin-bottom: 8px;
	text-transform: uppercase;
	
}
#mod_pukkaRooms.viewList .itemPreview.first {
	left: 380px;
	display: block;
}
.jsHide #mod_pukkaRooms.viewList .itemPreview.first, .jsHide #mod_pukkaRooms.viewItem .itemPreview {
	left: 400px;
	display: none;
}

#mod_pukkaRooms.viewList .itemPreview.last {
	margin-bottom: 0.9em;
}

#mod_pukkaRooms.viewList .itemPreviewTitle {
	margin-top: 0;
}

#mod_pukkaRooms.viewItem h2.itemTitle, #mod_pukkaRooms.viewList #roomsImageList h3.itemPreviewTitle, .gallerydesc{
	width: 310px;
	height: 90px;
	background: transparent url(http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/general/room-title-bkg.png) top left repeat;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	font-weight: normal;
	line-height: 90px;
	text-align: center;
	font-size: 1.1em;
	overflow: hidden;
}
.gallerydesctext {
	/*background: transparent url(http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/general/gallery-title-bkg.png) top left repeat;*/
	white-space:nowrap;
}
#roomsGalleryContainer {
	position: relative;
	width: 310px;
	height: 500px;
}
#mod_pukkaRooms.viewList #roomsImageList h3.itemPreviewTitle a,  #mod_pukkaNews.viewList #newsImageList h3.itemPreviewTitle a,,  #mod_pukkaActivities.viewList #newsImageList h3.itemPreviewTitle a{
	color: #fff;
	text-decoration: none;
}

#mod_pukkaRooms .itemPreview .itemPreviewEditLink {
	z-index: 60;
	right: 0;
	top: -15px;
	background-color: white;
	color: black;
}

#mod_pukkaRooms img.itemMainImage{
	float: left;
	margin-right: 70px;
}
#mod_pukkaRooms.viewList .itemPreviewImageSection {
	position: absolute;
	top: 0;
	display: none;
}

#mod_pukkaRooms.viewList a.zoomer img {
	position: absolute;
	right: 0;
	bottom: 0;
	color: black;
	font-weight: bold;
	text-decoration: underline;
}

 #mod_pukkaRooms .itemPreviewViewLink, #mod_pukkaRooms .itemPreviewBackLink {
	font-size:1.2em;
	font-weight:bold;
	margin:5px 0;
}
#mod_pukkaRooms .itemPreviewBookingLink a{
	display: block;
	width: 81px;
	height: 19px;
	line-height: 19px;
	white-space:nowrap;
	background: transparent url(http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/general/book_now_btn.gif) top left no-repeat;
	cursor: pointer;
	vertical-align: middle;
	color: #c5ba8d;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	font-size: 1em;
	margin-top: 10px;
}
#mod_pukkaRooms .itemPreviewBookingLink a:hover{
	background-position: 0 -19px;
}
#mod_pukkaRooms .itemPreviewViewLink{
	display: none;
}
#mod_pukkaRooms .itemPreviewBookingLink a, #mod_pukkaRooms .itemPreviewViewLink a,  #mod_pukkaRooms a.itemPreviewBackLink{
	text-decoration: none;
}


#mod_pukkaRooms #subPageContent {
	background-color:#31123A;
	height:500px;
	margin:0 0 0 172px;
	width:788px;
	position: relative;
}

#mod_pukkaRooms #roomsTitleList{
	position: absolute;
	top: 20px;
	right: 30px;
	width: 430px;
	text-transform: uppercase;
	text-align: right;
	color: #C5BA8D;
}
#mod_pukkaRooms #roomsTitleList a{
	color: #C5BA8D;
	text-decoration: none;
	font-weight:normal;
}
#mod_pukkaRooms #roomsTitleList a:hover{
	text-decoration: underline;
	cursor: pointer;
}
#mod_pukkaRooms #roomsTitleList a.jsClass:hover{
	text-decoration: none;
}
#mod_pukkaRooms #roomsTitleList a.active{
	color: #fff;
}
#mod_pukkaRooms #roomsImageList {
	position: absolute;
	top:0;
	left: 0;
}

/* ================ PUKKADOWNLOADS =============== */


#mod_pukkaDownloads {
	width: 310px;
	height: 500px;
	position: absolute;
	top: 0;
	left: 172px;
	background-color: #31123a;
	overflow: hidden;
}
#mod_pukkaDownloads .moduleBody {
	width: 310px;
	height: 500px;
	position: relative;
	color: #9F808C;
}


/* ================ PUKKANEWS =============== */




#mod_pukkaNews {
	height: 500px;
	margin-left: 172px;
	background-color: #31123a;
	position: relative;
	display: block;
}
#mod_pukkaNews .moduleBody {
	position: absolute; 
	top: 0;
	left: 0;
}

#mod_pukkaNews #moduleNewsContent {
	position: relative;
	overflow: auto;
	color: #9F808C;
	margin: 130px 0 0 380px;
	height: 330px;
	width: 390px;
}

.jsHide #mod_pukkaNews #moduleNewsContent {
	overflow: hidden;
}

#mod_pukkaNews #moduleNewsContent #moduleNewsNav{
	height: 30px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 390px;
	text-align: center;
}

#mod_pukkaNews #moduleNewsContent #moduleNewsNav a{
	margin: 0 5px;
	line-height: 30px;
}

#mod_pukkaNews #moduleNewsContent #moduleNewsHolder {
	position: relative;
	height: 300px;
	width: auto;
}

#mod_pukkaNews #moduleNewsContent #moduleNewsHolder .moduleNewsHolderGroup {
	width: 390px;
	height: 300px;
	float: left;
}
#mod_pukkaNews #moduleNewsContent #moduleNewsHolder:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#mod_pukkaNews #newsImageList{
	position:absolute;
	top: 0;
	left: 0;
}

#mod_pukkaNews .itemPreview {
	position: relative;
	width: 390px;  
}
#mod_pukkaNews.viewList .itemPreview {
	height: 75px;
}

#mod_pukkaNews .itemPreview :after{
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#mod_pukkaNews.viewList .itemPreviewTitle {
	margin: 3px 0 0 10px;
	line-height: 16px;
	width: 290px;
}
#mod_pukkaNews.viewList .itemPreviewTitle, #mod_pukkaNews.viewList .itemPreviewIntro {
	float: left;
}

#mod_pukkaNews.viewList .itemPreviewTitle a {
	color:#9b7da1;
	font-family:"Trebuchet MS";
	font-size:1em;
	font-weight:normal;
	letter-spacing:2px;
	margin-bottom:8px;
	text-transform:uppercase;
}
#mod_pukkaNews.viewList .itemPreviewTitle a:hover {
	color: #fff;
}

#mod_pukkaNews .itemPreview .itemPreviewIntro img{
	float: left;
	margin:0 5px 5px 0;
	border: 1px solid #9b7da1;
}
#mod_pukkaNews .itemPreview .itemPreviewIntro {
	color: #9b7da1;
}


#mod_pukkaNews.viewItem .itemPreview {
	position: absolute;
	top: 40px;
	left: 400px;
	width: 385px;  
	z-index: 70;
	display:none;
}


#mod_pukkaNews #newsTitleList{
	position: absolute;
	top: 20px;
	right: 30px;
	width: 430px;
	text-transform: uppercase;
	text-align: right;
	color: #C5BA8D;
}
#mod_pukkaNews #newsTitleList a{
	color: #C5BA8D;
	text-decoration: none;
	font-weight:normal;
}
#mod_pukkaNews #newsTitleList a:hover{
	text-decoration: underline;
	cursor: pointer;
}
.jsHide #mod_pukkaNews #newsTitleList a:hover{
	text-decoration: none;
}
#mod_pukkaNews #newsTitleList a.active{
	color: #fff;
}




/* ================ PUKKAACTIVITES =============== */




#mod_pukkaActivities {
	height: 500px;
	margin-left: 172px;
	background-color: #31123a;
	position: relative;
	display: block;
}
#mod_pukkaActivities .moduleBody {
	position: absolute; 
	top: 0;
	left: 0;
}

#mod_pukkaActivities #moduleNewsContent {
	position: relative;
	overflow: auto;
	color: #9F808C;
	margin: 130px 0 0 380px;
	height: 330px;
	width: 390px;
}

.jsHide #mod_pukkaActivities #moduleNewsContent {
	overflow: hidden;
}

#mod_pukkaActivities #moduleNewsContent #moduleNewsNav{
	height: 30px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 390px;
	text-align: center;
}

#mod_pukkaActivities #moduleNewsContent #moduleNewsNav a{
	margin: 0 5px;
	line-height: 30px;
}

#mod_pukkaActivities #moduleNewsContent #moduleNewsHolder {
	position: relative;
	height: 300px;
	width: auto;
}

#mod_pukkaActivities #moduleNewsContent #moduleNewsHolder .moduleNewsHolderGroup {
	width: 390px;
	height: 300px;
	float: left;
}
#mod_pukkaActivities #moduleNewsContent #moduleNewsHolder:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#mod_pukkaActivities #newsImageList{
	position:absolute;
	top: 0;
	left: 0;
}

#mod_pukkaActivities .itemPreview {
	position: relative;
	width: 390px;  
}
#mod_pukkaActivities.viewList .itemPreview {
	height: 75px;
}

#mod_pukkaActivities .itemPreview :after{
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#mod_pukkaActivities.viewList .itemPreviewTitle {
	margin: 3px 0 0 10px;
	line-height: 16px;
	width: 290px;
}
#mod_pukkaActivities.viewList .itemPreviewTitle, #mod_pukkaActivities.viewList .itemPreviewIntro {
	float: left;
}

#mod_pukkaActivities.viewList .itemPreviewTitle a {
	color:#9b7da1;
	font-family:"Trebuchet MS";
	font-size:1em;
	font-weight:normal;
	letter-spacing:2px;
	margin-bottom:8px;
	text-transform:uppercase;
}
#mod_pukkaActivities.viewList .itemPreviewTitle a:hover {
	color: #fff;
}

#mod_pukkaActivities .itemPreview .itemPreviewIntro img{
	float: left;
	margin:0 5px 5px 0;
	border: 1px solid #9b7da1;
}
#mod_pukkaActivities .itemPreview .itemPreviewIntro {
	color: #9b7da1;
}


#mod_pukkaActivities.viewItem .itemPreview {
	position: absolute;
	top: 40px;
	left: 400px;
	width: 385px;  
	z-index: 70;
	display:none;
}


#mod_pukkaActivities #newsTitleList{
	position: absolute;
	top: 20px;
	right: 30px;
	width: 430px;
	text-transform: uppercase;
	text-align: right;
	color: #C5BA8D;
}
#mod_pukkaActivities #newsTitleList a{
	color: #C5BA8D;
	text-decoration: none;
	font-weight:normal;
}
#mod_pukkaActivities #newsTitleList a:hover{
	text-decoration: underline;
	cursor: pointer;
}
.jsHide #mod_pukkaActivities #newsTitleList a:hover{
	text-decoration: none;
}
#mod_pukkaActivities #newsTitleList a.active{
	color: #fff;
}


/* ================ PUKKAGALLERIES AND PUKKAROOMS SLIDESHOW =============== */


#content h2.moduleH2{
	position: absolute;
	top: 190px;
	left: 550px;
	text-align: left;
	font-size: 2.5em;
	color: #fff;
	font-weight: normal;
	z-index: 70;
}
#page_news #content h2.moduleH2, #page_facilities #content h2.moduleH2  {
	top: 80px;
}

.gallerylayer, .gallerylayer img{
	width: 310px;
	height: 500px;
}


#galleryContainer .gallerylayer, #galleryContainer .gallerylayer img{
	width: 960px;
	height: 500px;
}
.scrollableArea img {
	border: 1px solid #000;
	width: 190px;
	height: 98px;
}

#galleryContainer {
	position: absolute;
	top: 0;
	left:0;
	width: 960px;
	height: 500px;
	overflow: hidden;
	z-index: 100;
}

#galleryNavigation {
	position: absolute; 
	top: 0;
	left: 0;
	width: 960px;
	height: 150px;
	z-index: 250;
}

#galleryThumbsContainer {
	position: absolute;
	top: 0;
	left: 0;
	height: 150px;
	width: 960px;
	background: transparent url(http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/general/room-title-bkg.png) top left repeat;
}

#tumbsNavBox {
	height: 100px;
	width: 960px;
	margin-top: 24px;
	position: relative;
}

.scrollingHotSpotLeft {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 100px;
	z-index: 252;
}
.scrollingHotSpotRight{
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	height: 100px;
	z-index: 252;
}
.scrollWrapper{
	position: relative;
	width: 960px;
	height: 100px;
	overflow: hidden;
}
.scrollableArea{
	position: relative;
	width: auto;
	height: 100px;
	background-color: #000;
}
.scrollableArea * {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}


#galleryPrevNav, #galleryNextNav{
	display: block;
	height: 41px;
	width: 40px;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	text-indent: -9999px;
	z-index: 260;
}
#galleryPrevNav{
	left: 0;
	background: transparent url(http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/general/btn_left.png) top left no-repeat;
}
#galleryNextNav{
	right: 0;
	background: transparent url(http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/general/btn_right.png) top left no-repeat;
}
#galleryImgBox{
	position: absolute;
	top: 0;
	left: 0;
	width: 960px;
	height: 500px;
	z-index: 200;
}

#galleryContainer .gallerydesctext{
	height: 20px;
	line-height: 20px;
	z-index: 201;
	text-align: right;
	font-size: 0.9em;
}











/*===================SPECIAL OFFERS==================*/

  
#offers {
	position: absolute;
	top: 0;
	right: 0;
	width: 150px;
	height: 500px;
	z-index: 10;
}
#offers .mask {
	position: absolute;
	width: 150px;
	height: 0;
	top: 0;
	left: 0;
	background-color: #320D35;
	z-index: 20;
}
#cycleOffer, #cycleOffer .offer {
	width: 150px;
	height: 500px;
	position: relative;
	overflow: hidden;
}

#cycleOffer .offer img {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 500px;
	z-index: 11;
}
#cycleOffer .offer .descrBox {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 150px;
	height: 120px;
	z-index: 12;
	background: transparent url(http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/general/room-title-bkg.png) top left repeat;
}
#cycleOffer .offer .descrBox h4.offerTitle {
	color: #C5BA8D;
	text-transform: uppercase;
	padding: 5px 10px;
	font-size: 1.2em;
	line-height: 1.1em;
}
#cycleOffer .offer .descrBox p.offerLineOne {
	color: #fff;
	padding: 0 10px 5px 10px;
	font-size: 1em;
	line-height: 0.9em;
}
#cycleOffer .offer .descrBox a.offerMore {
	position: absolute;
	bottom: 5px;
	right: 5px;
	color: #c5ba8d;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	font-size: 0.9em;
	width: 32px;
	height: 19px;
	line-height: 21px;
	background: transparent url(http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/general/go_btn.gif) 0 0 no-repeat;
}
 
 
 
 
 /*=========================CONTACT PAGE=================*/
.contactInfo{
	position:absolute;
	bottom:0;
	left:0;
	z-index:500;
	width: 310px;
	height: auto;
	background: transparent url(http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/general/room-title-bkg.png) top left repeat;
	color: #fff;
}
.contactInfo div{
	padding: 10px;
}

#page_contact #content input, 
#page_newsletter #content input, 
#page_sendcomment #content input, 
#page_flowers #content input {
	background-color:#70587A;
	border: none;
	height:17px;
	line-height:17px;
	text-indent:5px;
	color:#FFFFFF;
	font-size:1.2em;
}
#page_contact #content .captcha-container input, 
#page_newsletter #content .captcha-container input, 
#page_sendcomment #content .captcha-container input, 
#page_flowers #content .captcha-container input {
	margin-bottom: 5px;
}
#page_contact #content textarea, 
#page_newsletter #content textarea, 
#page_sendcomment #content textarea, 
#page_flowers #content textarea {
	background-color:#70587A;
	border: none;
	color:#FFFFFF;
	font-size:1.2em;
}


#iconselectContactTitle{
	background: #70587a url(http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/general/drop_down_btn.gif) top right no-repeat;
	width: 162px; 
	height: 19px;
	color: #fff;
	overflow: hidden;
	text-indent: 5px;
	line-height: 19px;
	font-size: 1.1em;
	cursor: pointer;
}
#iconselectContactTitle:hover{
	background-position: right -19px;
}
#iconselectholderContactTitle {
	width: 143px;
	overflow: auto;
	display:none;
	position:absolute;
	top: 0;
	right: 112px;
	background-color:#70587a;
	color: #fff;
	overflow: visible;
}


#page_contact #content input.basicFormSubmit, 
#page_newsletter #content input.basicFormSubmit, 
#page_sendcomment #content input.basicFormSubmit, 
#page_flowers #content input.basicFormSubmit{
	background:transparent url(http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/general/book_now_btn.gif) no-repeat scroll left top;
	cursor:pointer;
	display:block;
	height:19px;
	padding:0 0 2px;
	vertical-align:middle;
	white-space:nowrap;
	width:81px;
	color:#C5BA8D;
	font-size:1em;
	text-decoration:none;
	text-transform:uppercase;
	margin-top: 10px;
}

#page_sendcomment #content input.basicFormSubmit{
	margin-top: 5px;
}

#page_contact #content input.basicFormSubmit:hover , #page_contact #content input.basicFormSubmit:active, 
#page_newsletter #content input.basicFormSubmit:hover , #page_newsletter #content input.basicFormSubmit:active,
#page_sendcomment #content input.basicFormSubmit:hover , #page_sendcomment #content input.basicFormSubmit:active,
#page_flowers #content input.basicFormSubmit:hover , #page_flowers #content input.basicFormSubmit:active {
	background-position: 0 -19px;
}


#page_comments .moduleBody {
	height: 300px;
	overflow: hidden;
}
#page_comments .itemPreview {
	height: 300px;
	overflow: hidden;
	letter-spacing: -0.05em;
	font-size: 0.85em;
}
#page_comments #prevComment {
	position: absolute;
	bottom: 40px;
	left: 30px;
	color: #9F808C;
}
#page_comments #nextComment {
	position: absolute;
	bottom: 40px;
	right: 30px;
	color: #9F808C;
}

#page_comments .itemPreviewAuthor{
	font-size: 1.2em;
	font-style: italic;
	margin-top: 5px;
	color: #e7d4db;
}

#page_comments a#prevComment:hover, #page_comments a#nextComment:hover {
	color: #fff;
}

#sendCommentLink {
	display: block;
	position: absolute;
	bottom: 10px;
	left: 30px;
	width: 120px;
	height: 19px;
	line-height: 19px;
	white-space:nowrap;
	background: transparent url(http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/general/send_comment_btn.gif) top left no-repeat;
	cursor: pointer;
	color: #c5ba8d;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.9em;
}
html*#sendCommentLink{
	padding: 0;
}

a#sendCommentLink:active, a#sendCommentLink:hover {
	background-position: 0 -19px;
}



 /*=========================PUKKA REVIEWS=================*/

#mod_pukkaReviews #mod_pukkaReviews {
	margin-top: 15px;
}


#mod_pukkaReviews h3.itemPreviewTitle {
	color:#FFFFFF;
	font-family:"Trebuchet MS";
	font-size:14px;
	font-weight:normal;
	letter-spacing:3px;
	margin: 20px 0 8px 0;
	text-transform:uppercase;
}





/*----------------------FANCY BOX -----------------*


/* -----------------------------  FANCYBOX --------------------- */



div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 300;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 1000;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/fancybox/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 300;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/fancybox/fancy_loading.gif') no-repeat;
	z-index: 350;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 900;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 1000;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 1000;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/fancybox/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 1810;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 1110; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 1120; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/fancybox/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/fancybox/fancy_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; 
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 700;
	border: 0;
	padding: 0;
	margin: 0;
}

	

div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 700;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/fancybox/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/fancybox/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/fancybox/fancy_shadow_e.png') repeat-y;
}



div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/fancybox/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/fancybox/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/fancybox/fancy_shadow_sw.png') no-repeat;
}



div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/fancybox/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/fancybox/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 1000;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/fancybox/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/fancybox/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/fancybox/fancy_title_right.png) repeat-x;
}







/* ================ PUKKAFLOWERS =============== */




#mod_pukkaFlowers {
	height: 500px;
	margin-left: 172px;
	background-color: #31123a;
	position: relative;
	display: block;
}
#mod_pukkaFlowers .moduleBody {
	position: absolute; 
	top: 0;
	left: 0;
}

#mod_pukkaFlowers #moduleNewsContent {
	position: absolute;
	overflow: auto;
	color: #9F808C;
	top: 280px;
	left: 380px;
	margin: 0;
	height: 180px;
	width: 390px;
}

.jsHide #mod_pukkaFlowers #moduleNewsContent {
	overflow: hidden;
}

#mod_pukkaFlowers #moduleNewsContent #moduleNewsNav{
	height: 30px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 390px;
	text-align: center;
}

#mod_pukkaFlowers #moduleNewsContent #moduleNewsNav a{
	margin: 0 5px;
	line-height: 30px;
}

#mod_pukkaFlowers #moduleNewsContent #moduleNewsHolder {
	position: relative;
	height: 150px;
	width: auto;
}

#mod_pukkaFlowers #moduleNewsContent #moduleNewsHolder .moduleNewsHolderGroup {
	width: 390px;
	height: 150px;
	float: left;
}
#mod_pukkaFlowers #moduleNewsContent #moduleNewsHolder:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#mod_pukkaFlowers #newsImageList{
	position:absolute;
	top: 0;
	left: 0;
	z-index: 65;
}

#mod_pukkaFlowers .itemPreview {
	position: relative;
	width: 390px;  
}
#mod_pukkaFlowers.viewList .itemPreview {
	height: 75px;
}

#mod_pukkaFlowers .itemPreview :after{
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#mod_pukkaFlowers.viewList .itemPreviewTitle {
	margin: 3px 0 0 10px;
	line-height: 16px;
	width: 290px;
}
#mod_pukkaFlowers.viewList .itemPreviewTitle, #mod_pukkaFlowers.viewList .itemPreviewIntro {
	float: left;
}

#mod_pukkaFlowers.viewList .itemPreviewTitle a {
	color:#9b7da1;
	font-family:"Trebuchet MS";
	font-size:1em;
	font-weight:normal;
	letter-spacing:2px;
	margin-bottom:8px;
	text-transform:uppercase;
}
#mod_pukkaFlowers.viewList .itemPreviewTitle a:hover {
	color: #fff;
}

#mod_pukkaFlowers .itemPreview .itemPreviewIntro img{
	float: left;
	margin:0 5px 5px 0;
	border: 1px solid #9b7da1;
}
#mod_pukkaFlowers .itemPreview .itemPreviewIntro {
	color: #9b7da1;
}


#mod_pukkaFlowers.viewItem .itemPreview {
	position: absolute;
	top: 140px;
	left: 400px;
	width: 385px;  
	z-index: 70;
	display:none;
}


#mod_pukkaFlowers #newsTitleList{
	position: absolute;
	top: 20px;
	right: 30px;
	width: 430px;
	text-transform: uppercase;
	text-align: right;
	color: #C5BA8D;
}
#mod_pukkaFlowers #newsTitleList a{
	color: #C5BA8D;
	text-decoration: none;
	font-weight:normal;
}
#mod_pukkaFlowers #newsTitleList a:hover{
	text-decoration: underline;
	cursor: pointer;
}
.jsHide #mod_pukkaFlowers #newsTitleList a:hover{
	text-decoration: none;
}
#mod_pukkaFlowers #newsTitleList a.active{
	color: #fff;
}

.introFlowers {
	position: absolute;
	left: 330px;
	top: 10px;
	width: 300px;
	height: 120px;
	z-index: 100;
	color: #9B7DA1;
}


.jsHide #content .introFlowers h2{
	 visibility: visible;
	 position: relative;
	 width: 300px;
	 top: 0;
	 left: 0;
	 color: #fff;
	 margin-top: 10px;
}

#page_flowerShop .linkToEditPage,
#page_flowersPromotions .linkToEditPage{
	top: 455px;
}



.itemPreviewBackLink {
	display:block;
	font-size:1.2em;
	margin-top:20px;
	text-transform:uppercase;
}

#content #flowersTitleList h3 a.active{
	color: #9B7DA1;
}











/* ================ PUKKAJOBS =============== */


#mod_pukkaJobs {
	width: 788px;
	height: 500px;
	margin: 0 0 0 172px;
	background-color: #31123a;
}
#mod_pukkaJobs .moduleBody {
	width: 788px;
	height: 500px;
	position: relative;
	overflow: hidden;
	color: #9F808C;
}


#mod_pukkaJobs .itemPreview {
	position: absolute;
	top: 140px;
	left: 400px;
	z-index: 70;
	display:none;
	width: 385px;  
}
#mod_pukkaJobs .itemPreview h3{
	font-size:1.3em;
	font-weight:normal;
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #fff;
	letter-spacing: 3px; 
	margin-bottom: 8px;
	text-transform: uppercase;
	
}
#mod_pukkaJobs.viewList .itemPreview.first {
	left: 380px;
	display: block;
}
.jsHide #mod_pukkaJobs.viewList .itemPreview.first, .jsHide #mod_pukkaJobs.viewItem .itemPreview {
	left: 400px;
	display: none;
}

#mod_pukkaJobs.viewList .itemPreview.last {
	margin-bottom: 0.9em;
}

#mod_pukkaJobs.viewList .itemPreviewTitle {
	margin-top: 0;
}

#mod_pukkaJobs.viewItem h2.itemTitle, #mod_pukkaJobs.viewList #roomsImageList h3.itemPreviewTitle, .gallerydesc{
	width: 310px;
	height: 90px;
	background: transparent url(http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/general/room-title-bkg.png) top left repeat;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	font-weight: normal;
	line-height: 90px;
	text-align: center;
	font-size: 1.1em;
	overflow: hidden;
}
.gallerydesctext {
	/*background: transparent url(http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/general/gallery-title-bkg.png) top left repeat;*/
	white-space:nowrap;
}
#roomsGalleryContainer {
	position: relative;
	width: 310px;
	height: 500px;
}
#mod_pukkaJobs.viewList #roomsImageList h3.itemPreviewTitle a,  #mod_pukkaNews.viewList #newsImageList h3.itemPreviewTitle a,,  #mod_pukkaActivities.viewList #newsImageList h3.itemPreviewTitle a{
	color: #fff;
	text-decoration: none;
}

#mod_pukkaJobs .itemPreview .itemPreviewEditLink {
	z-index: 60;
	right: 0;
	top: -15px;
	background-color: white;
	color: black;
}

#mod_pukkaJobs img.itemMainImage{
	float: left;
	margin-right: 70px;
}
#mod_pukkaJobs.viewList .itemPreviewImageSection {
	position: absolute;
	top: 0;
	display: none;
}

#mod_pukkaJobs.viewList a.zoomer img {
	position: absolute;
	right: 0;
	bottom: 0;
	color: black;
	font-weight: bold;
	text-decoration: underline;
}

 #mod_pukkaJobs .itemPreviewViewLink, #mod_pukkaJobs .itemPreviewBackLink {
	font-size:1.2em;
	font-weight:bold;
	margin:5px 0;
}
#mod_pukkaJobs .itemPreviewBookingLink a{
	display: block;
	width: 81px;
	height: 19px;
	line-height: 19px;
	white-space:nowrap;
	background: transparent url(http://wac.0E13.edgecastcdn.net/800E13/www.macaulkf.com/templates/main/images/general/book_now_btn.gif) top left no-repeat;
	cursor: pointer;
	vertical-align: middle;
	color: #c5ba8d;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	font-size: 1em;
	margin-top: 10px;
}
#mod_pukkaJobs .itemPreviewBookingLink a:hover{
	background-position: 0 -19px;
}
#mod_pukkaJobs .itemPreviewViewLink{
	display: none;
}
#mod_pukkaJobs .itemPreviewBookingLink a, #mod_pukkaJobs .itemPreviewViewLink a,  #mod_pukkaJobs a.itemPreviewBackLink{
	text-decoration: none;
}


#mod_pukkaJobs #subPageContent {
	background-color:#31123A;
	height:500px;
	margin:0 0 0 172px;
	width:788px;
	position: relative;
}

#mod_pukkaJobs #roomsTitleList{
	position: absolute;
	top: 20px;
	right: 30px;
	width: 430px;
	text-transform: uppercase;
	text-align: right;
	color: #C5BA8D;
}
#mod_pukkaJobs #roomsTitleList a{
	color: #C5BA8D;
	text-decoration: none;
	font-weight:normal;
}
#mod_pukkaJobs #roomsTitleList a:hover{
	text-decoration: underline;
	cursor: pointer;
}
#mod_pukkaJobs #roomsTitleList a.jsClass:hover{
	text-decoration: none;
}
#mod_pukkaJobs #roomsTitleList a.active{
	color: #fff;
}
#mod_pukkaJobs #roomsImageList {
	position: absolute;
	top:0;
	left: 0;
}
/********************   css/sifr.css   ********************/
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
	overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}



/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}
/********************   css/calendar.css   ********************/
/* The main calendar widget.  DIV containing a table. */

div.calendar {
	position: relative;
	font-family: Verdana, sans-serif;
	font-size: 0.9em;
	border: 1px solid #000;
	z-index: 10000;
	cursor: pointer;
}

.calendar table {
	color: #fff;
	background-color: #89817c;
	border: 3px solid #341745;
	cursor: pointer;
	border-collapse: separate;
}

/* All cells */
.calendar table td {
	text-align: center;
	border-collapse: 
}

/* ====== HEADER -- contains operational and navigation buttons, and day names ====== */

/*  "?", "X" buttons (also affects "<<", "<", ">", ">>" buttons)  */
.button {
	
	color: #fff;
	background-color: #3e3c36;
}

/* Current "month, year"; pressing it will take you to the current date */
.calendar thead .title {
	
	color: #fff;
	background-color: #3e3c36;
	padding: 2px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

/*  Navigation row: "<<", "<", "Today", ">", ">>"  */
.calendar thead .headrow .button {
	color: white;
	padding-bottom: 2px;
}

/*  Navigation buttons: "<<", "<", ">", ">>"  */
.calendar .nav {
	
	background-color: #3e3c36;
}

/*  Hover effect for the "?", "X", "<<", "<", ">", ">>" buttons  */
.calendar thead .hilite {
	background-color: #4E4C44;
	color: gray;
}

/*  onclick effect for the "?", "X", "<<", "<", ">", ">>" buttons  */
.calendar thead .active {
	background-color: #89817c;
}

/* Row <TR> containing the day names */
.calendar thead .daynames {
	border: 0 solid #999;
}

/* Cells <TD> containing the day names */
.calendar thead .name {
	color: white;
	border-bottom: 0px solid black;
	padding: 5px;
	text-align: center;
	font-weight: bold;
}

/* Weekend day name */
.calendar thead .weekend {
	color: #3e3c36;
}

/*  Hover effect for the cells <TD> containing the day names  */
.calendar thead .daynames .hilite {
	background-color: transparent;
}

/*  onclick effect for the cells <TD> containing the day names  */
.calendar thead .daynames .active {
	background-color: transparent;
}


/* ====== BODY -- contains the dates of the month ====== */

/* Cells <TD> containing dates */
.calendar tbody .day {
	text-align: center;
	border-top: 1px none #fff;
	border-right: 1px none #8a8a8a;
	border-bottom: 1px none #8a8a8a;
	border-left-width: 1px;
	border-left-color: #fff;
}

.calendar tbody .day.othermonth {
	color: #85884c;
	font-size: 70%;
}

.calendar tbody .day.othermonth.oweekend {
	color: #fbb;
	background-color: #c1cd23;
}

.calendar table .wn {
	visibility: hidden;
	color: #r;
	background: transparent none;
	
}

.calendar table .wn {
	visibility: hidden;
	color: #fcae1d;
	background: transparent none;
}

.calendar tbody td {
	margin: 0;
	padding: 0;
	width: 2em;
	height: 1.5em;
}

.calendar tbody .rowhilite td {
}

.calendar tbody .rowhilite td.wn {
	background-color: #efe;
}

/* Hovered cells <TD> */
.calendar tbody td.hilite {
	background-color: #4E4C44;
	color: white;
}

/* Active (pressed) cells <TD> */
.calendar tbody td.active {
	background-color: #ddc;
	border-width: 1px;
}

/* Cell showing chosen date */
.calendar tbody td.selected {
	color: gray;
	background-color: #341745;
	font-weight: bold;
	
}

/* Cells showing weekend dates */
.calendar tbody td.weekend {
	color: #223340;
	background-color: #9c9692;
	border-color: #1b5175;
}

/* Hovered cells showing weekend dates */
.calendar tbody td.weekend:hover {
	color: #fff;
	background-color: #4E4C44;
	font-weight: bold;
}

/* Cell showing today's date */
.calendar tbody td.today {
	font-weight: bold;
}

.calendar tbody .disabled {
	color: #999;
}

/* Empty cells (the best is to hide them) */
.calendar tbody .emptycell {
	visibility: hidden;
}

/* Empty row (some months need less than 6 rows) */
.calendar tbody .emptyrow {
	display: none;
}


/* ====== FOOTER -- status bar ====== */

/* The <TR> in footer (only one right now) */
.calendar tfoot .footrow {
}

/* Tooltip (status bar) cell <TD> */
.calendar tfoot .ttip {
	color: white;
	/* Zero the text: */
	line-height: 0;
	text-indent: -999em;
	font-size: 0px;
}
/* IE<=7 fails to zero the text completely, making this TD too big */
* html .calendar tfoot .ttip {
}
*:first-child+html .calendar tfoot .ttip {
}


.calendar tfoot .hilite {
}

.calendar tfoot .active {
}


/* ====== COMBO BOXES -- menus that display months/years for direct selection ====== */

.calendar .combo {
	display: none;
	color: black;
	background-color: white;
	position: absolute;
	top: 0px;
	left: 0px;
	border: 1px solid #000;
	width: 4em;
	cursor: pointer;
	font-size: 90%;
	
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
	padding: 1px;
	text-align: center;
}

.calendar .combo .label-IEfix {
	width: 4em;


}

.calendar .combo .hilite {
background-color: #3e3c36;
	color: white;
}

.calendar .combo .active {
	background-color: #737373;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	font-weight: normal;
	color: white;
	border-style: none;
	font-style: normal;
}

.calendar td.time {
	background-color: #fed;
	border-top: 1px solid white;
	padding: 1px 0px;
	text-align: center;
	
}

.calendar td.time .hour,

.calendar td.time .minute,
.calendar td.time .ampm {
	background-color: white;
	border: 1px solid #988;
	padding: 0px 3px 0px 4px;
	font-weight: bold;
}

.calendar td.time .ampm {
	text-align: center;
}

.calendar td.time .colon {
	padding: 0px 2px 0px 3px;
	font-weight: bold;
}

.calendar td.time span.hilite {
	color: white;
	background-color: #866;
	border-color: black;
}

.calendar td.time span.active {
	background-color: black;
	border-color: #f00;
	
}