﻿/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#ced9af;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
del,ins{text-decoration:none;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*body{text-align:center;}*/
#hd1{clear:both;height:90px;background: url(Images/header_banner.jpg) top left no-repeat #564b3d;}
#hd1_email{clear:both;height:75px;background: url(Images/newsletter_banner.jpg) top left no-repeat #564b3d;}
#hd2{clear:both;color:#FFF;background: url(Images/nav_level1_bg.gif) top left repeat-x #2e8a8a;padding: 0px 15px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF;}
#ft{clear:both;color:#b1bb96;background: url(Images/footer_gradient.jpg) top left repeat-x #564b3c;padding:15px; text-align: center; font-size: 90%; margin-top: 1em;}
/* for faux columns if needed */
#bd-m{ }
#bd-lm{ }
#bd-lmr{ }
#bd-mr{ }
/*doc4 width 974px*/
#doc,#doc2,#doc3,#doc4,#email,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;min-width:750px; background-color: #FFF; *background: url(Images/layout_main_bg.gif) top left repeat-y transparent;}
#doc2{width:73.076em;*width:71.25em;}
#doc3{margin:auto 10px;width:auto;}
#doc4{width:74.923em;*width:73.05em;}
#email {width:57.6923em;*width:56.2514em;}
.yui-b{position:relative;}
.yui-b{_position:static;}
#yui-main .yui-b{position:static; padding: 10px 20px;}
#yui-main,.yui-g .yui-u .yui-g{width:100%;}
.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}
.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}
.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}
.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}

/*left 230px*/
.yui-t2 .yui-b{float:left;width:17.6923em;*width:17.2504em; border:1px solid red;}
.yui-t2 #yui-main .yui-b{margin-left:17.6923em;*margin-left:17.2504em;}

.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}
.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}

/*right 230px*/
.yui-t4 .yui-b{float:right;width:17.6923em;*width:17.2504em;}
.yui-t4 #yui-main .yui-b{margin-right:17.6923em;*margin-right:17.2504em;}

.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}
.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}
.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}
.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}
.yui-t7 #yui-main .yui-b{display:block;margin:0;}
#yui-main .yui-b{float:none;width:auto;}
.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}
.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}
.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}
.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}
.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}
.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}
.yui-gc div.first,.yui-gd .yui-u{width:66%;}
.yui-gd div.first{width:32%;}
.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}
.yui-ge .yui-u,.yui-gf div.first{width:24%;}
.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}
.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}
.yui-g .yui-g .yui-u{width:48.1%;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}
.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}
.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}
.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}
.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}
.yui-g .yui-gb .yui-u{_margin-left:1.0%;}
.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}
.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}
.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}
.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}
.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}
.yui-gb .yui-gb .yui-u{_margin-left:.7%;}
.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}
.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}
.yui-gb .yui-gd div.first{width:32%;}
.yui-g .yui-gd div.first{_width:29.9%;}
.yui-ge .yui-g{width:24%;}
.yui-gf .yui-g{width:74.2%;}
.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}
.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}
.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}
.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}
.yui-ge div.first .yui-gd .yui-u{width:65%;}
.yui-ge div.first .yui-gd div.first{width:32%;}
#bd-lm:after,#bd-lmr:after,#bd-mr:after,#bd-m:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#bd-lm,#bd-lmr,#bd-mr,#bd-m,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}

/* Custom */
body {color: #333;}
strong{ font-weight: bold;}
h1 { margin: 0.5em 0 1em 0; color:#339999; font-weight: bold; font-size: 125%;}
h1 span {display: none;}
h2 { margin: 15px 0 5px 0; color:#339999; font-weight: bold; font-size: 110%;}
h3 {font-weight: bold;}
p {margin: 5px 0 10px 0;}
ul {margin: 2em;}
ul li {margin: 0.5em 0; list-style-image: url(Images/bullet.gif); list-style-position: outside;}
input[type="radio"] {margin: 0; padding: 0; }
input[type="submit"] {color: #FFF; font-weight: bold; letter-spacing: 1px; padding: 2px 15px; background: url(Images/button_bg.gif) top left repeat-x #339999 ; border-top: 1px solid #88b7b7; border-bottom: 1px solid #378484; border-left: 1px solid #88b7b7; border-right: 1px solid #378484;}
input[type="hidden"] { background-color: #FFF;}

.yui-b img {border: 0px solid #999;}
.yui-b h1 img {border: none;}

.credit {text-align: right; margin: 0 0.5em; margin-top: -25px; color: #999999; font-size: 85%; padding: 0;}
.error{ color: #cc3366;}
.message { color: #cc3366; font-weight: bold; font-style: italic;}

#hd_admin {clear:both; background: url(Images/nav_level1_bg.gif) top left repeat-x #2e8a8a; color:#FFF; }
#hd_admin table a {float: left; color:#FFF; margin: 0; padding: 0.5em 1em; text-decoration: none;}
.adminheading1 { display: block; text-align: center;}

table.newsletterform {margin: 0; padding: 0;}
table.newsletterform tr.alt{background-color: #e6e6e6;}
table.newsletterform tr td:first-child{width: 25em; text-align: right;}
table.newsletterform tr td{padding: 0.5em; vertical-align: top;}
table.newsletterform tr td *{margin: 0.5em 0;}
table.newsletterform tr td label{padding: 0 1.5em 0 0.25em;}

label em span{ display: none; }

fieldset { float: left;  clear: left; width: 100%;  margin: 0 0 1em 0;  padding: 0; padding-bottom: 0.5em; border: 1px solid #ced9af;}
legend { margin: 0; margin-left: 1em; padding: 0.25em 1em; color: #003333; font-weight: bold; background:url(Images/nav_level1_over_bg.gif) top left repeat-x transparent; border-top: 1px solid #88b7b7; border-bottom: 1px solid #378484; border-left: 1px solid #88b7b7; border-right: 1px solid #378484;}
fieldset ol { padding: 0.5em 1em 0 1em;  list-style: none;}
fieldset li { float: left; clear: left; padding-bottom: 0.5em; list-style: none; width: 100%;}
fieldset label {  float: left;  width: 20em;  margin-right: 1em; text-align: right;}
fieldset label em { background: url(Images/star.gif) top left no-repeat transparent; }
fieldset span label {float: left; margin: 0; padding:0;}
fieldset span input {margin: 0; padding:0;}

fieldset.submit {  float: none; width: auto; text-align: center; border: none; background-color: Transparent; margin:0;}
fieldset.submit input {color: #FFF; font-weight: bold; letter-spacing: 1px; padding: 2px 15px; background: url(Images/button_bg.gif) top left repeat-x #339999; border-top: 1px solid #88b7b7; border-bottom: 1px solid #378484; border-left: 1px solid #88b7b7; border-right: 1px solid #378484;}

fieldset fieldset {margin-bottom: -2.5em; *margin-bottom: -1em; border-style: none; background-color: transparent;  background-image: none;}
fieldset fieldset legend {margin-left: 0; padding-left: 7em; font-weight: normal; top: 0; color: #333; background-color: Transparent; border: 0px solid green; background-image: none;}
fieldset fieldset ol { position: relative;  top: -1.5em;  margin: 0 0 0 21em;  padding: 0;}
fieldset fieldset li {*margin-top: -1.5em;}
fieldset fieldset label {  float: none;  width: auto;  margin-right: auto; }
fieldset fieldset input {margin: 0 0.5em;}

.LabelInstructions em { background: url(Images/star.gif) top left no-repeat transparent; }
.LabelInstructions em span{ display: none; }

table#BookingDetail td {padding: 3px 5px; border: 1px solid #FFF; background-color: #ced9af}

img.homebanner { margin-left: -1.5384em; *margin-left: -1.500em;  margin-top: -3.1em; *margin-top: -3.2em; padding: 0; border: none;}
.link_specialoffers { position: absolute; top: 55px; margin-left: 645px;}
img.home_firstword {border: none;}

table.services {width: 100%;}
table.services img {border: none;}
table.services td {width: 280px; padding:15px;  background: url(Images/home_col_bg.jpg) top left repeat-x #339999;}
table.services td.middle{padding:15px;  background: url(Images/home_colmain_bg.jpg) top left repeat-x #766652;border-right: 45px solid white; border-left: 45px solid white;}

.showcase {display: block; text-align: center;}
.showcase a img {border: 1px solid #FFF;}
.link_more { display: block; text-align: right;}

table.layout {width: 100%;  border: 0x solid red; margin: 0;}
table.layout td { padding: 1em; vertical-align: top; border: 0px solid blue;}
/*table.layout td:first-child { padding-top: 0; }*/
table.layout h2 { margin-top: 0;}
table.layout img { margin: 0 auto;}
table.layout ul {margin: 0 2em;}

table#diningmenu { padding: 0; border: 2px solid #97cbcb; background-color: #FFF; color: #333333; margin: 0 auto; width: 90%;}
table#diningmenu td {vertical-align: top; padding: 5px 10px; text-align: center; border: 0px solid red;}
table#diningmenu td:first-child { text-align: center;}
table#diningmenu p {font-weight: normal; font-size: 90%; margin: 0; }
table#diningmenu h2 { font-family:Arial; font-style: italic; color: #006666; font-size: 125%; text-transform: uppercase; letter-spacing: 1px; margin-top: 0.5em; margin-bottom: 0.5em; }
table#diningmenu p:first-child {font-weight: bold; font-size: 100%;}
table#diningmenu img {margin-bottom: 0.5em; }

table.tariff {border: 0px solid red; border: 1px solid #339999; border-top: none; margin: 0; margin-bottom: 0.5em;}
table.tariff th { padding: 0.5em 1em;color: #FFF; font-weight: bold; background: url(Images/button_bg.gif) top left repeat-x #339999; font-size: 90%; border-top: 1px solid #339999;}
table.tariff td { padding: 0.5em 1em; vertical-align: middle; font-size: 85%; border-bottom: 1px solid #339999;}
table.tariff th:first-child { color: #333333;}

.RoomStandard h1 {margin: 0.25em 0 0.5em 0; color: #584c3e; font-weight: bold; text-transform: uppercase; font-size: 150%; font-family:Georgia; letter-spacing: 1px; }
.RoomStandard h1 span { display:block;}
.RoomStandard h2 {margin-top: 0; color: #009999; font-weight: bold; text-transform: uppercase; font-size: 130%; font-family:Georgia; }
.RoomStandard a.navlink {color: #FFF; font-weight: bold; letter-spacing: 1px; padding: 2px 15px; background: url(Images/button_bg.gif) top left repeat-x #339999; border-top: 1px solid #88b7b7; border-bottom: 1px solid #378484; border-left: 1px solid #88b7b7; border-right: 1px solid #378484;}
.RoomStandard div {float: left; clear: none; display: inline; margin: 1em; margin-top: 0; border: 0px solid red; padding: 0 0.5em; width: 29%;}
.RoomStandard div img { vertical-align: text-top; margin: 0; border: 1px solid #999;}
.RoomStandard div a:link { margin-top: 0; color: #584c3e; font-weight: bold; font-size: 90%; text-decoration: none; font-family:Georgia; margin: 10px 0;}
.RoomStandard div a:visited  { margin-top: 0; color: #584c3e; font-weight: bold; font-size: 90%; text-decoration: none; font-family:Georgia; margin: 10px 0;}
.RoomStandard div a:hover { margin-top: 0; color: #009999; font-weight: bold; font-size: 90%; text-decoration: none; font-family:Georgia; margin: 10px 0;}
.RoomStandard div a:active { margin-top: 0; color: #009999; font-weight: bold; font-size: 90%; text-decoration: none; font-family:Georgia; margin: 10px 0;}
.RoomStandardImages {display: block; text-align: center;}

ul.Rooms { width: 100%; float: left; text-align: center; border: 1px solid #99cccc; margin:0; padding:0;}
ul.Rooms li {float: left; display: inline; text-align: center; background-color: #EFEFEF; border: 0px solid #584c3e; width: 16.5%; *width: 16.5%; margin: 0; padding: 0; font-weight: bold; height: 9em; *height: 9em;}
ul.Rooms li a {display: block; text-decoration: none; width: 100%; height: 100%;}
ul.Rooms li a:hover { background-color: #99cccc; }
ul.Rooms li img {margin-top: 0.5em;}
ul.Rooms li:first-child {margin-left: 0; }
ul.Rooms li.selected { background: url(Images/roomlist_selectedroom.jpg) top left repeat-x #339999; *height: 9.5em; }
ul.Rooms li .LabelRoomName{padding-top: 0.5em; display: block;}

div.DataPagerRooms {text-align: center;  width: 100%; float: left; background-color: #97cbcb; border: 1px solid #99cccc; padding: 0.25em 0;}
.PagerCurrentPageButton {color: #003333; background-color: #339999; margin:0; padding: 5px; border: 1px solid #003333; font-weight: bold;}
div.DataPagerRooms a {color: #339999; background-color: #99cccc; margin:0; padding: 5px;border: 1px solid #339999; text-decoration: none;}
div.DataPagerRooms a:hover {color: #FFF; background-color: #339999; margin:0; padding: 5px;border: 1px solid #003333;}

.Room {float: left; border: 1px solid #99cccc; width: 100%; padding: 0; margin:1em 0;}
.Room h1 { display: block; color: #FFF; background:url(Images/nav_level2_over_bg.gif) top left repeat-x #2e8b8b; border: none; border: 0px solid #97cbcb; margin: 0; font-size: 120%; font-weight: bold; padding: 0.25em 1em;}
.Room h1 span { display: inline;}
.Room div {float: left; border: 0px solid green; padding: 0;}
.Room div#RoomDescription {width: 100%;}
.Room div#RoomImages {text-align: center; width: 35%; border: 0px solid blue;}
.Room div#RoomImage {text-align: center; border: 0px solid green;}

#RoomImages ul li { list-style-type: none; list-style-image: none; margin:1em;}
ul.RoomImages {float: left; clear: none; margin:0; color: #006666; margin-bottom: 10em;}
ul.RoomImages li {float: left; clear: left; display: inline; border:1px solid #FFF; margin: 0; padding: 0; background-color: #EFEFEF;}
ul.RoomImages img { border: 1px solid #666666; padding: 0; margin: 0.5em 1.5em;}
/* rollover classes */
.RoomImages .LabelRoomName{ padding: 0; display: block; border: 1xp solid red;}
.RoomImages .LabelRoomNameHover{ padding: 0; margin: 0; display: block; background-color: #99cccc; border: 1xp solid green;}
.RoomImages .LabelRoomName span.RoomImageName{display: block; padding-top: 0.25em;}
.RoomImages .LabelRoomNameHover span.RoomImageName{display: block; padding-top: 0.25em;}

.RadioButtons label {  float: none;  width: auto;margin: 0.5em; padding: 0; border: 0px solid red;}

.CalendarToday {border: 1px solid #2e8a8a; background-image: none; background-color: #CCCCCC; padding: 0 3px;}
.CalendarHeaderDay {color: #FFF; background-image: none; background-color: #666666; padding: 1px 3px; font-size: 90%;}
.CalendarHeaderMonth {color: #FFF; background-image: none; background-color: #2e8a8a; padding: 1px 5px; font-weight: bold;}
.CalendarSelectedDay{ color: #FFF; background-image: none; background-color: #2e8a8a; padding: 1px 5px; font-weight: bold;}
.CalendarSpecialDay { background-color: #2e8a8a;}

a:link {color:#009999; text-decoration:underline;}
a:visited {color:#009999; text-decoration:none;}
a:hover { color: #006666; text-decoration:underline;}
a:active {color:#006666; text-decoration:underline;}

.TreeView{border: 0px solid red; width: 230px;}
.TreeView table{margin: 0 auto;}
.icon{background: url(Images/nav_top1_bgimg.jpg) top left no-repeat;}
.NodeStyle{padding: 5px 15px; background: url(Images/nav_top1_bgcol.jpg) top left repeat-x transparent;}
.RootNodeStyle {}
.ParentNodeStyle {}
.LeafNodeStyle {}

.sitemap{display: block; clear: both; background-color: #FFF; padding: 0.5em 1em; padding-bottom: 0;}

.StaticMenuStyle {background-color: transparent; background-image:none;}
.StaticMenuItemStyle{background-color: transparent; background-image:none;}
table.StaticMenuItemStyle td { }
a.StaticMenuItemStyle { color:#aedbdb !important; background-color: transparent; background-image:none; text-decoration: none !important; display: block; padding: 5px 10px;}
.StaticHoverStyle { background:url(Images/nav_level1_over_bg.gif) top left repeat-x transparent;}
.StaticSelected { font-weight: bold; background: url(Images/nav_level1_over_bg.gif) top left repeat-x transparent;}
a.StaticHoverStyle { color: #3c3d37 !important; background-color: transparent; background-image:none; text-decoration: none !important; display: block; padding: 5px 10px;}
a.StaticSelected {  color:#3c3d37 !important; background-color: transparent; background-image:none; text-decoration: none !important; display: block; padding: 5px 10px;}

/*incl fix for rending in IE with z-index on DynamicMenuStyle */
.DynamicMenuStyle {background: url(Images/nav_level2_bg.gif) top left repeat-x transparent; font-size: 90%;z-index: 1;}
.DynamicMenuItemStyle{background: url(Images/nav_level2_bg.gif) top left repeat-x transparent;}
table.DynamicMenuItemStyle td { border-top: 1px solid #FFF; *border-top: none; }
a.DynamicMenuItemStyle { color:#3c3d37 !important; background-color: transparent; background-image:none; text-decoration: none !important; display: block; padding: 3px 10px;}
.DynamicHoverStyle { background:url(Images/nav_level2_over_bg.gif) top left repeat-x transparent;}
.DynamicSelectedStyle { font-weight: bold; background: url(Images/nav_level2_over_bg.gif) top left repeat-x transparent;}
a.DynamicHoverStyle { color:#aedbdb !important; background-color: transparent; background-image:none; text-decoration: none !important; display: block; padding: 3px 10px;}
a.DynamicSelectedStyle { color: #aedbdb !important; background-color: transparent; background-image:none; text-decoration: none !important; display: block; padding: 3px 10px;}

/* Editor settings - should these be global ? */
table.Editor {padding: 0; margin: 0; width: 100%;}
