/* General */
body { background: #eee; margin: 0 auto;-webkit-text-size-adjust:none; font-family: "PT Sans Narrow", Verdana, sans-serif; padding:0px; overflow-x:hidden; }
form { font-size: 0.9em; color: #444; border:none; margin:0 auto; width:100%; line-height:1.4em; }
h1 { font-family: "PT Sans Narrow", "PT Sans Narrow"; font-size: 1.8em; letter-spacing:0.02em; color: #0B683A; font-weight: normal; margin-top:0px; margin-bottom:12px; text-transform: uppercase; line-height:1.3em; }
h2 { font-family: "PT Sans Narrow", "PT Sans Narrow"; font-size: 1.8em; letter-spacing:0.02em; color: #0B683A; font-weight: normal; margin-top:0px; margin-bottom:12px; text-transform: uppercase; line-height:1.3em; }
h3 { font-family: "PT Sans Narrow"; font-size: 1.3em; color: #0B683A; font-weight: normal; margin-top:4px; margin-bottom:12px; line-height:1.4em; font-weight:bold; }
select:hover { cursor: pointer; }
a:link, a:active, a:visited { color: #968B4F; }
a:link:hover, a:active:hover, a:visited:hover { color: #CEBE6D; }
input { font-family: "PT Sans Narrow", Arial; }

/* Header */
#header { }
#header:hover { cursor: pointer; }
#header img { border:0; width:100%; }

/* Contact */
#contact { position: relative; z-index:100; }
#contact img { width:100%;  }
#logo { margin-top:-75px; position: relative; z-index:120; margin-left:20px; }
#logo img { width:140px; }
#telephone { background: #0B683A; padding: 5px 0px; text-align:center; color: #fff; font-size:1.2em; }
#telephone a:link, #telephone a:active, #telephone a:visited { text-decoration:none; color: #fff38c; }
#telephone a:link:hover, #telephone a:active:hover, #telephone a:visited:hover { text-decoration:underline; color: #fff319; }
#showmenu { background: #0B683A; padding: 2px 0px 6px 0px; text-align:center; color: #fff; font-size:1.2em; }
#showmenu:hover { cursor: pointer; color: #fff547; }
.icons { left: 50%; margin-left:-100px; top:0px; position: relative; z-index:200; padding-top:20px;  }
.social { float:left; margin-right:10px;  }
.social img { height:40px; }
.social:hover { cursor: pointer; }

/* Popup menu */
#popupmenu { background: #fff; padding:10px; }

/* Captions */
.captions { color: #4C4645; line-height:1.4em; margin:10px; margin-left:0px; }
.captions h2 { font-family: Cambria, Arial; font-size:1.6em; color: #4C4645; margin-bottom:30px; }
.captions h3 { font-family: "PT Sans Narrow", Arial; font-size:1.4em; color: #4C4645; margin-bottom:30px; }
.caption1 { float:left; margin-left:10px; width: 120px; height:338px; padding:20px 10px; text-align: center; background: url(/images/base/caption1.png); margin-bottom:8px; background-position:-45px; }
.caption2 { float:left; margin-left:10px; width: 120px; height:338px; padding:20px 10px; text-align: center; background: url(/images/base/caption2.png); margin-bottom:8px; background-position:-45px;}
.caption3 { float:left; margin-left:10px; width: 120px; height:338px; padding:20px 10px; text-align: center; background: url(/images/base/caption3.png); margin-bottom:8px; background-position:-45px;}
.caption4 { float:left; margin-left:10px; width: 120px; height:338px; padding:20px 10px; text-align: center; background: url(/images/base/caption4.png); margin-bottom:8px; background-position:-45px;}

/* Room Pics */
.roompic { margin-top:20px; width: 100%; margin-bottom:20px; }
.roompic img { width:calc(100% - 2px); border: dotted 1px #aaa; }
.divider { margin-top:20px; border:0; border-bottom: dotted 1px #aaa; margin-bottom:20px; }

/* Events */
.events { margin-top:-50px; }
.events h3 { margin-top:20px; }
.events .eventitem { margin-bottom:12px; }
.events .eventitem .dates { font-weight:bold; float: left; margin-right:10px; }
.events .eventitem .name { float: left; font-weight:bold; }
.events .eventitem .link {}

/* News */
.news { margin-top:-20px; }
.news .newsitem { margin-bottom:16px; }
.news .date { font-weight:bold; margin-bottom:4px; }
.news .desc { margin-bottom:5px; }

/* Links */
.links { font-size:1.0em; padding: 0px 20px; }
.links h2 { font-size:1.5em; margin-top:30px; }
.links .name { font-size:1.2em; margin-top:10px; border-top: dotted 1px #ccc; padding-top:10px;   }
.links .name a:link, .links .name a:active, .links .name a:visited { text-decoration:none; font-weight:normal; color: #265B13; }
.links .name a:link:hover, .links .name a:active:hover, .links .name a:visited:hover { text-decoration:none; color: #45A522; }
.links .description { font-size:1.0em; margin-top:5px; margin-bottom:5px; }

/* Box */
.input { font-family:"PT Sans Narrow"; }
.box { width: calc(100% - 40px); padding:20px; background: #1b73ac; }
.box .photocaption { float: left; width: 100px; margin-right:20px; }
.box .photocaption img { width:100px; }
.box .text { width: 100%; color: #fff; margin-top:-20px; }
.box .button {}
.box .input { background: #dedede; font-family: Cambria, Arial; font-size:1.4em; padding: 8px 20px; text-align:center; color: #222; border:0; }
.box .input:hover { cursor: pointer; color: #fff; background: #cdcdcd; }

/* Link icons */
.linkicons { width:100%; padding: 20px; background: #fff; margin-left:-5px; }
.linkicons .link { float: left; margin-right:5px; margin-left:5px; margin-bottom:10px; }
.linkicons .link img { height:70px; }
.linkpanel { margin-bottom:8px; font-size:1.1em; }

/* Photo Gallery */
.pic { overflow: hidden; }
.pic img { width:100%; margin-left:0; overflow:hidden; }
.text { color: #222; padding: 20px; }
.text img { height:36px; margin-bottom:10px; margin-top:10px; }

/* Book */
#booknow { text-align:center; margin-top:20px; margin-bottom:10px; }

/* Testimonials */
.testimonials .item { margin-top:15px; padding-top:15px; border-top: dotted 1px #827F77; }
.testimonials .desc { font-style: italic; margin-bottom:5px; }
.testimonials .name { font-weight:bold; }

/* Gallery */
.picturegallery { padding: 15px; margin-left:-10px; }
.picturegallery .photo { width: 130px; float:left; margin-left:10px; margin-bottom:10px; }
.picturegallery  img { width:130px; }

/* Main Area */
#main { background: none; padding:0px; color:#222; min-height:300px; position: relative; z-index:100; overflow:hidden;}
#menu { background: #fff; padding: 30px 10px; color: #222; position: relative; border-top: dotted 2px #aaa; }
.menuitems {  }
.menuitem { float: left; margin-left:5px; margin-right:5px; width: 130px; margin-bottom:10px; }
.menuitem:hover { cursor: pointer; }
.menuitem .picture img { width:100%;  }
.menuitem .link { width: 130px; padding:10px 0px; text-align:center; color: #fff; background: #39383a; font-weight:400; }
.menuitem .link:hover { background: #191819; }

/* Google Map */
.map { width:calc(100% - 2px); height:300px; border: dotted 1px #aaa; position:relative; margin-bottom:20px; margin-top:20px; }
.map .marker { font-family:Arial; font-size:1.0em; margin-bottom:0px; color: #555; width:400px; }
.map .marker .picture { float:left; width: 125px; margin-right:10px; }
.map .marker .details { float:left; }
.map .description { font-size: 0.9em; font-family: "PT Sans Narrow", Arial; }
#directions { margin-bottom:20px;  }
.showdirections { background: #f6f5f5; width:440px; }
.overlay .description h2 { color: #222; font-size:1.4em; font-weight:bold;  font-family: "PT Sans Narrow", Arial; padding-bottom:4px; border-bottom: dotted 1px #aaa; margin-bottom:6px; }
.overlay .description { width:150px; color: #555;  font-family: "PT Sans Narrow", Arial; font-size:1.0em; }
.map a:link, .map a:active, .map a:visited { color: #403C3D; text-decoration:none; font-weight:normal; }
.map a:link:hover, .map a:active:hover, .map a:visited:hover { color: #91bb3d; text-decoration:none; font-weight:normal; }

.title3 { padding-top:0px; margin-bottom:4px; width:130px; float:left; color: #bbb; }
.value3 { padding-top:0px; margin-bottom:4px; float:left; width: calc(100% - 130px); }

/* Footer */
#footer { padding: 8px 10px; background: #39383a; color: #fff; font-family:  "PT Sans Narrow", Verdana; letter-spacing:0.02em; text-transform:capitalize; margin-top:0px; text-align:center; font-size:1.0em; font-weight:400; }
#footer a:link, #footer a:active, #footer a:visited { color: #fff; text-decoration:none; }
#footer a:link:hover, #footer a:active:hover, #footer a:visited:hover { color: #fff17c; text-decoration:none; }

/* Base */
#base { width:310px; padding: 5px; background: #fff url(images/base/base.jpg); height:90px; }

/* Calendar */
.calendar { margin-bottom:20px; margin-top:0px; height:170px; }
.calendar .title { float: left; width:85px; padding-top:2px; }
.calendar .value { float: left; }
.calendar .days { background: #222; color: #fff; }
.calendar .days td { width:36px; text-align:center; height:20px;}
.calendar .date { background: #fff; }
.calendar .date td { width:36px; text-align:center; height:20px;}
.calendar .unavailable { background: #ddd; color: #aaa; }
.calendar .available { background: #B1E0C8; color: #000; }
.calendar .available:hover { background: #A1DDBE; cursor: pointer; }
.calendar .available a { background:none; text-decoration:underline;}
.calendar .available a:link:hover, .calendar .available a:active:hover, .calendar .available a:visited:hover { color: #fff; }
.calendar .availableminimumstay { background: #8DC1A6; color: #fff; }
.calendar .availableminimumstay:hover { background: #7ABF9A; cursor: pointer; }
.calendar .availableminimumstay a:link, .calendar .availableminimumstay a:active, .calendar .availableminimumstay a:visited { background:none; text-decoration:underline; color: #fff; }
.calendar .availableminimumstay a:link:hover, .calendar .availableminimumstay a:active:hover, .calendar .availableminimumstay a:visited:hover { color: #000; }
.calendar .closed { background: #444; color: #fff; }
.calendar .booked { background: #444; color: #fff; }
.calendar .telephone { background: #fd9409; color: #fff; }
.calendar .telephone:hover { background: #fd9409; }
.calendar .telephone a { background:none; text-decoration:underline; }
.calendar .telephone a:hover { background: none; }
.calendar .keyavailable { float: left; width: 24px; height:20px; background: #B1E0C8; margin-right:8px; }
.calendar .keyavailableminimumstay { float: left; width: 24px; height:20px; background: #8DC1A6; margin-right:8px; }
.calendar .keybooked { float: left; width: 24px; height:20px; background: #444; margin-right:8px; }
.calendar .keyclosed { float: left; width: 24px; height:20px; background: #444; margin-right:8px; }
.calendar .keytelephone { float: left; width: 24px; height:20px; background: #fd9409; margin-right:8px; }
.calendar .key {float: left; margin-top:0px; margin-right:20px; width:340px; }

/* Availability */
.telephoneonly { background: #fd9409; text-align:left; color: #fff; font-weight:normal;padding:10px; width: calc(100% - 20px;); margin-top:10px; margin-bottom:10px; line-height:1.5em; font-size:1.0em; }
.resultssummary { background: #444; border: solid 1px #444; border-radius:5px; padding: 9px; color: #fff; margin-bottom:10px; font-weight:normal; }
.results .item { background: #fff; border: solid 1px #ccc; border-radius:9px; padding:10px; margin-bottom:10px; }
.results .picture { width: 100%; margin-top:10px; }
.results .picture .mainpicture { padding:1px; border: solid 0px #aaa; margin-top:0px; }
.results .picture img { width: 100%; height:auto; }
.results .details { width: 100%; margin-right:40px;  text-align:left;}
.results .icons { margin-bottom:0px; }
.results .icon { float: left; margin-right:10px; margin-bottom:10px; }
.results h2 { margin-top:0px; text-transform:uppercase; font-size:1.4em; margin-bottom:10px; }
.results .description { margin-bottom:12px; }
.results .select { float: left; margin-right:10px; }
.results .continue { float: left; margin-left:0px; margin-top:2px; margin-bottom:20px; }
.results .continue .selectnumber { float: left; margin-right:10px; padding-top:4px; margin-bottom:12px; }
.results .continue .continuebutton { float: left; margin-top:-1px; }
.results .continue .number { float: left; margin-right:10px; margin-bottom:12px;}
.results .continue .input { font-size:1.2em; font-weight:bold; }
.results .continue .button { padding: 4px 10px; background: #444; border: solid 1px #444; border-radius:4px; }
.results .continue .button:hover { background: #777; border: solid 1px #777; }
.results .continue .button:disabled { background: #f4f4f4; border: solid 1px #f4f4f4; color: #fff; }
.results .continue input { -webkit-appearance: none; }
.results .title { width:150px; }
.results .thumbnails { margin-left:-5px; width:100%; }
.results .thumbnail { float: left; margin-left:6px; padding: 2px; background: #fff; border: solid 0px #aaa; margin-right:0px; margin-top:5px; max-height:75px; overflow: hidden; }
.results .thumbnails img { width: calc(33% - 10px); }
.results .thumbnail:hover { cursor: pointer; }
.results .select { font-size:1.0em; font-weight:normal; }
.results .select input { width: 1.4em; height:1.4em; }
.results .selectcheck { font-size:1.4em;  }
.results .button { font-weight:normal; font-size:1.2em; padding: 6px 12px; background: #957350; border:0; color: #fff; border: solid 1px #957350; border-radius:4px; }
.results .button:hover { cursor: pointer; background: #5c4736; border: solid 1px #5c4736; }
.results .button:disabled { background: #f4f4f4; color: #fff; border: solid 1px #f4f4f4; }
.results .button:disabled:hover { background: #f4f4f4; color: #fff; border: solid 1px #f4f4f4; cursor: default; }

/* Options */
.summary .left { width: 100%; }
.summary .right { width: 100%;  }
.summary .title { padding-top:0px; margin-bottom:2px; width:170px; }
.summary .title2 { padding-top:4px; margin-bottom:4px; width:170px; }
.summary .title3 { padding-top:0px; margin-bottom:2px; width:120px; color: #888; }
.summary .value { padding-top:0px; margin-bottom:6px; width: calc(100% - 140px);  }
.summary .costsummary { font-size:1.2em;  }
.summary .input { font-weight:normal; font-size:1.0em; font-family: "PT Sans Narrow"; }
.summary .titlecost { padding-top:0px; margin-bottom:0px; width:calc(100% - 110px); background: #e9f4de; padding: 8px 10px; color: #222; float:left; font-weight:bold; font-size:1.0em; }
.summary .valuecost { padding-top:0px; margin-bottom:0px; background: #e9f4de; padding:8px 10px; color: #222; float:left; font-weight:bold; width:70px; text-align:right; font-size:1.0em; }
.summary .titlespecial { padding-top:0px; margin-bottom:0px; width:calc(100% - 110px); background: #fd9409; padding:8px 10px; color: #fff; float:left; font-weight:bold; font-size:1.0em; }
.summary .valuespecial { padding-top:0px; margin-bottom:0px; background: #fd9409; padding: 8px 10px; color: #fff; float:left; font-weight:bold; width:70px; text-align:right; font-size:1.0em;  }
.summary .titlepayment{ padding-top:0px; margin-bottom:0px; width:calc(100% - 110px); background: #cce5bf; padding: 8px 10px; color: #222; float:left; font-weight:bold;font-size:1.0em;  }
.summary .valuepayment { padding-top:0px; margin-bottom:0px; background: #cce5bf; padding: 8px 10px; color: #222; float:left; font-weight:bold; width:70px; text-align:right;font-size:1.0em;  }
.summary .titlesubtotal{ padding-top:0px; margin-bottom:0px; width:calc(100% - 110px); background: #cdcdcd; padding: 8px 10px; color: #000; float:left; font-weight:bold;font-size:1.0em;  }
.summary .valuesubtotal { padding-top:0px; margin-bottom:0px; background: #cdcdcd; padding: 8px 10px; color: #000; float:left; font-weight:bold; width:70px; text-align:right;font-size:1.0em;  }
.summary .titletotal{ padding-top:0px; margin-bottom:0px; width:calc(100% - 110px); background: #0B683A; padding: 8px 10px; color: #fff; float:left; font-weight:bold;font-size:1.0em;  }
.summary .valuetotal { padding-top:0px; margin-bottom:0px; background: #0B683A; padding: 8px 10px; color: #fff; float:left; font-weight:bold; width:70px; text-align:right; font-size:1.0em; }
.summary .headerrow tr { border-top: solid 0px #fff;  }
.summary .warning {  font-weight: bold; width: calc(100% - 20px); padding:10px; background: #dbe59c; color: #000; font-weight:bold; margin-top:10px; }
.summary h3 { margin-top:0; padding-top:0; margin-bottom:6px; font-size:1.2em; font-weight:bold; }
.summary .price { margin-bottom:6px; font-style: italic; }
.summary .extras { margin-bottom:20px;}
.summary .description { font-size:1.0em; margin-bottom:15px; }
.summary .instructions { font-size:1.0em; margin-bottom:25px; }
.summary .terms { width: calc(100% - 40px); padding:10px; background: #efefef; border: solid 1px #ccc; height:120px; overflow: auto; margin-top:10px; }
.summary .terms h2 { margin-top:0px; }
.summary .agree { margin-top:10px; margin-bottom:10px; width: 100%; }
.summary .quantity { float: left; width:70px; padding-top:4px; }
.summary .input2 { float: left; font-weight:bold; font-size:1.0em; font-family:"PT Sans Narrow", Arial; }
.summary .headerrow { background: #0B683A; color: #fff; font-weight: bold; border-top: solid 0px #fff; }
.summary .facility1 { background: #e9f4de; color: #222; }
.summary .facility2 { background: #dbe5d0; color: #222; }
.summary .errorhighlight { border: solid 2px #ff0000; font-family: Arial; font-size: 1.0em; background: #fadadb; }
.summary .taken { background: #c70f12; padding:5px; color: #fff; font-weight: bold; font-family:Arial; }
.summary .specialoffer { margin-bottom:5px; }
.summary .specialoffer h2 { background: #666; padding:8px 10px; color: #fff; font-weight:bold; margin:0; text-transform:capitalize; font-size:1.0em; }
.summary .specialoffer .description {  font-size:1.0em; background: #dedede; padding:10px; margin:0; }
.summary .specialoffer .saving {background: #dedede; font-weight:bold; background: #dedede; padding:10px; margin:0; padding-top:0px;}
.summary .button { font-weight:normal; font-size:1.2em; padding: 6px 12px; background: #444; border:0; color: #fff; border: solid 1px #444; border-radius:4px; }
.summary .button:hover { cursor: pointer; background: #777; border: solid 1px #777; }
.summary .button:disabled { background: #f4f4f4; color: #fff; border: solid 1px #f4f4f4; }
.summary .button:disabled:hover { background: #f4f4f4; color: #fff; border: solid 1px #f4f4f4; cursor: default; }

/* Completion */
.complete .titleheading {height:36px; color:#fff; font-weight:bold; background: url(/images/base/bg.jpg); }
.complete .titleheading td { padding:4px 5px; }
.complete .roomrow { background: #fff; }
.complete .extrarow { background: #f9f9f9; }
.complete .discountrow { background: #c8f0c6; }
.complete .subtotalrow { background: #777; color: #fff; }
.complete .roomrow td { padding: 4px; }
.complete .extrarow td { padding: 4px; }
.complete .discountrow td { padding: 4px; }
.complete .subtotalrow td { padding: 4px; }
.complete .separator { padding-top:0px; margin-bottom:4px; border-bottom: dotted 1px #aaa; ;}
.button { padding: 6px 20px 8px 20px; font-family: "PT Sans Narrow", "PT Sans Narrow", Arial; font-weight:normal; font-size:1.5em; border:none; background: #eab46e; border: solid 1px #eab46e; border-radius:5px; color: #fff; }
.button:hover { cursor: pointer; background: #444;  border: solid 1px #444; }
.button:disabled { cursor: pointer; background: #dedede;  border: solid 1px #dedede; color: #efefef }
.button:disabled:hover { cursor: default; }
.complete .button { color: #fff; font-weight:normal; font-size:1.4em; padding: 5px 18px 7px 18px; text-decoration:none; background: #0B683A; border: solid 1px #0B683A; }
.complete .button:hover { color: #fff; background: #109F59; border-color: #109F59; cursor: pointer; }

.title3 { padding-top:0px; margin-bottom:4px; width:130px; float:left; color: #888; }
.value3 { padding-top:0px; margin-bottom:4px; float:left; width: calc(100% - 130px); }