/* Standard */
body { background: #fff; margin: 0 auto; overflow-x:hidden; top:0px; }
form { font-family: Nunito; font-size: 0.8em; color: #444; border:none; margin:0 auto; width:100%; line-height:1.5em; margin-top:0px; margin-bottom:0px; }
h1 { font-family: Nunito; font-size: 1.9em; color: #222; font-weight: normal; margin-top:-6px; margin-bottom:20px; text-transform: none; line-height:1.3em; }
h2 { font-family: Nunito; font-size: 1.6em; color: #222; font-weight: normal; margin-top:40px; margin-bottom:16px; text-transform: none; line-height:1.3em; }
a:link, a:active, a:visited { color: #636837; text-decoration:none; font-weight: normal;  }
a:link:hover, a:active:hover, a:visited:hover { color: #969E53; text-decoration:none; }
.button { font-size:1.2em; padding: 7px 20px; width:auto; text-transform:uppercase; color: #fff; font-weight:normal; background: #9A9E7B; font-family:Nunito; border:0; -webkit-appearance: none; border-radius: 0;  }
.button:hover { cursor: pointer; background: #222; color: #fff; }
.button:disabled { cursor: pointer; background: #f4f4f4; border:0; color: #e1e1e1;}
.button:disabled:hover { cursor: default; background:#f4f4f4; color: #e1e1e1 }
.button:focus { outline:none; }

/* Header */
#header { width:100%; height:150px; background: #9A9E7B; position: fixed; top:0px; z-index:10000; }
#header .logo { float:left; width:330px; margin-left:5px; margin-top:5px; position: relative; }
.contact { float:right; margin-right:20px; top:10px; width:500px; position: relative; text-align:right; color: #fff; font-family:Nunito; font-size:1.2em; line-height:1.4em; }
.contact .address { margin-bottom:10px; }
.contact a:link, .contact a:active, .contact a:visited { color: #fff; text-decoration:none; font-weight:normal; }
.contact a:link:hover, .contact a:active:hover, .contact a:visited:hover { color: #FFF65E; text-decoration:none; font-weight:normal; }

/* Popup */
.popupbg { background: url(images/base/popupbg.png); position: fixed; left:0; top:0; width:100%; height:100%; z-index:100000; }
.popupad { position: relative; left:50%; top:50%; margin-left:-310px; margin-top:-210px; width:600px; height: 400px; padding:10px; background:#fff; }
.popupad img { width:100%; height:100%; }
.popupad .close { position: absolute; top:20px; right:20px; width:50px; height:50px; background:url(images/base/close.png); transition:0.1s; }
.popupad .close:hover { cursor: pointer; filter: invert(1); }
.popup { position: relative; left:50%; top:50%; margin-left:-220px; margin-top:-220px; width:400px; height: 400px; padding:20px; background:#fff; }
.popup .close { position: absolute; top:10px; right:10px; width:50px; height:50px; transition:0.1s; }
.popup .close:hover { cursor: pointer; filter: invert(1); }

/* Menu */
.spacer { height:145px; }
.menuicon { position: relative; width:calc(100% - 20px); margin-right:20px; text-align:right; display:none; margin-top:-36px; }
#menu { width:1000px; height:29px; top:15px; position:relative; left:50%; margin-left:-420px; z-index:100; display:block; margin-bottom:1px; font-family: Nunito; z-index:200; padding:0px 0px; }
#menu ul {margin:0; padding:0; list-style-type: none; }
#menu li { float: left; display: inline; }
#menu li:hover { display: inline;}
#menu li a { display:block; color: #f8f8f8; font-weight:normal; text-decoration:none; margin-right:18px; text-align:center; font-size:1.2em; letter-spacing:0.04em; text-transform: uppercase; margin-bottom:6px; }
#menu li.menu9 a { margin-right:0px; }
#menu li a:hover { color: #F7F188; text-decoration:none; }
#menu ul ul { display: none; position: absolute; top: auto; left: auto; width: 170px; background:none; margin-left:-10px; padding-top:6px; margin-top:-6px; }
#menu li:hover ul { display: block; }
#menu li li a { width: 150px; padding: 6px 10px; left:-10px; text-align:left; background: #9A9E7B; margin-bottom:0px;  }
#menu li li a:hover {  }

/* Top Caption */
.book { padding:20px 10px 15px 10px; width:calc(100% - 20px); font-size:1.2em; background: #7F8265; color: #fff; border-top: solid 2px #fff; font-family: Nunito; position:relative; bottom:0; z-index:150; }
.book .input { font-family: Nunito; color: #444; font-size:0.9em; padding:3px; }
.book .bookbutton { float: right; margin-right:10px; margin-top:-6px; }
.book .input { border: solid 1px #fff; border-radius:4px; }
.bookbutton .button { font-size:1.2em; padding: 7px; width:200px; text-transform:uppercase; color: #949C6B; font-weight:normal; background: #fff; font-family:Nunito; transition:0.25s; }
.bookbutton .button:hover { cursor: pointer; background: #7C7F63; color: #fff; transition:0.25s; }

/* Room Caption */
.roomcaptions { position:relative; left:50%; margin-left:-250px; margin-bottom:40px; margin-top:-20px; }
.roomcaption { float: left; margin-right:20px; width:240px; }
.roomcaption h2 { background: #7F8265; text-align:center; width:100%; color: #fff; margin-bottom:0px; padding:10px 0px; }
.roomcaption img { width:100%; }
.roomcaption .desc { background: #9A9E7B; color: #fff; padding: 1px 10px; margin-top:-1px; border-top: solid 0px #bbb; text-align:center; }
.roomcaption p

/* Photo Gallery */
.photogallery { width:100%; height:600px; z-index:200; padding:0px; margin-top:-25px; }
.photogallery .photos { width: 100%; height: auto; z-index:100; margin-left:0px; margin-top:5px;}
.photogallery .photo { width: 100%; height: auto; }
.photogallery .photo img { width: 100%; height: auto;  }
.photogallery .options { margin-top: -190px; position: absolute; z-index:200; height:100px; width:100%;  }
.photogallery .options .moveleft { width:61px; height:61px; float: left; margin-left:0px; }
.photogallery .options .moveright { width:61px; height:61px; float: right; margin-right:0px; }
.photogallery .options img:hover { cursor: pointer; }
.photogallery .options .title { margin-top:75px; margin-left:20px; color: #fff; font-weight: bold; font-family: Nunito; }
.photogallery .labels { position: absolute; margin-top:-36px; margin-left:20px; z-index:120; }
.photogallery .labels .label { float: left; width:20px; height:20px; margin-right:2px; text-align:center; color: #fff; font-weight:bold; background: url(images/base/gallerylabel.png); z-index: 100; font-family:Century Gothic; font-size:1.4em; }
.photogallery .labels .label:hover { background: url(images/base/gallerylabelselected.png); cursor: pointer; }
.photogallery .labels .selectedlabel { float: left; width:20px; height:20px; margin-right:2px; text-align:center; color: #fff; font-weight:bold; background: url(images/base/gallerylabelselected.png); z-index: 200; font-family:Century Gothic; font-size:1.4em;}

.picturegallery { margin-left:-20px; margin-top:30px;  }
.picturegallery .photo { margin-left:20px; width: calc(33% - 20px); margin-bottom:20px; float:left; height:160px; overflow:hidden; }
.picturegallery .photo img { width:100%; }

/* Main */
#main { min-height:200px; width:100%; padding: 0px; background:url(images/base/bg.png) repeat-x; margin-top:-10px;}

/* Captions */
.caption { width:calc(50% - 3px); float:left; padding:2px 1px 1px 2px; background:#fff; }
.caption img { width:100%; }
.caption:hover { opacity:0.9; }

/* Table */
.toprow { background: #3c7508; text-align:center; color: #fff; font-size:1.2em; font-weight:bold; }
.toprow td { padding:10px; }
.lightrow { background: #eae6cc; text-align:center; color: #000; font-size:1.0em; }
.lightrow td { padding: 5px 10px; }
.darkrow { background: #dbd7c0; text-align:center; color: #000; font-size:1.0em; }
.darkrow td { padding: 5px 10px; }

/* Google Map */
.map { width:100%; height:400px; border: none; position:relative; margin-bottom:20px;  }
.map .marker { font-family:Nunito; 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: Nunito; }
#directions { margin-bottom:20px; }
#directions .button { font-size:1.2em; padding: 5px 20px 6px 20px; width:auto; text-transform:uppercase; color: #fff; font-weight:normal; background: #9A9E7B; font-family:Nunito; border:0; -webkit-appearance: none; border-radius: 0;  }
#directions .button:hover { cursor: pointer; background: #222; color: #fff; }
.overlaytitle { color: #555; }
.overlaytitle h2 { font-size:1.4em; letter-spacing: 0.04em; font-weight:normal; color: #697763; margin-top:0px; }
.map a:link, .map a:active, .map a:visited { color: #9A9E7B; 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; }

/* Text */
.text { padding: 30px 0px; left:calc(50% - 400px); width:800px; position: relative; font-size:1.2em; line-height:1.6em; letter-spacing:0.02em; }
.text a:link, .text a:active, .text a:visited { color: #666B38; text-decoration:none;  }
.text a:link:hover, .text a:active:hover, .text a:visited:hover { color: #969E53; text-decoration:none; }
.text .left { float:left; width:450px; margin-right:50px; }
.text .right { float:left; width:300px; margin-top:50px;  }
.text .right .awards { text-align:center }
.text .right .awards img  { width:220px;  display:inline; margin-bottom:10px; }
.text .clear { clear:both; height:0px; }

/* Links */
.links { margin-top:20px; margin-bottom:20px; }
.links .link { width: 100%; margin-bottom:40px; padding-bottom:30px; border-bottom: solid 1px #D8D6B1; }
.links .picture { float: left; width:240px; margin-right:20px; max-height:400px; overflow:hidden; }
.links .picture img { width:100%; }
.links .details { float: left; width: calc(100% - 260px); }
.links h2 { text-transform: lowercase; margin-top:0px; color: #E2E0BA; }
.links .description h2 { color: #fff; text-transform:uppercase; font-size:1.4em; }
.links .description { margin-bottom:10px; line-height:1.5em; }
.links a:link, .links a:active, .links a:visited { color: #E2E0BA; text-decoration:none; font-weight: bold; font-size: 1.2em; }
.links a:link:hover, .links a:active:hover, .links a:visited:hover { color: #F7F188; text-decoration:none; }

/* Footer */
#footer { border-top:solid 2px #fff; padding:20px 10px; width:calc(100% - 20px); font-family: Nunito; font-size:1.0em; font-weight:normal; text-align: center; color: #fff; background: #9A9E7B; line-height:1.8em;  }
#footer .words { font-size:1.2em; font-weight:normal; padding:0px; text-align:center; }
#footer p { text-align:center; }
#footer .icons { left:50%; position: relative; margin-left:-90px; height:130px; }
#footer .icon { float: left; margin-right:15px; }
#footer .icon img { width:50px; }
#footer a:link, #footer a:active, #footer a:visited { color: #E2E0BA; text-decoration:none; font-weight: normal; }
#footer a:link:hover, #footer a:active:hover, #footer a:visited:hover { color: #F7F188; text-decoration:none; }

/* Progress Bar */
.progress { margin-top:16px; margin-bottom:30px; font-size: 1.0em; font-weight:normal; color: #444; font-weight:400; }
.progress a, .progress a:active, .progress a:visited { color: #444; font-weight:normal; }
.progress a:hover, .progress a:active:hover, .progress a:visited:hover { color: #f7a32b; }
#book .progress .title { float:left; margin-bottom:2px; width:170px; }
.progress .standard { float:left; width: 180px; height: 8px; background: #ddd; margin-right:1px; margin-top:0px; opacity:0.5; }
.progress .selected { float:left; width: 180px; height: 8px; background: #9A9E7B; margin-right: 1px; margin-top:0px; }

/* Book */
#book { line-height:1.5em; font-size:0.9em; font-weight:normal; }
#book h1 { margin-top:20px; margin-bottom:10px; }
#book h2 { margin-top:0px; margin-bottom:8px; }
#book .topleft { float: left; width:360px; margin-right:40px; }
#book .topright { float: left; width: 400px; margin-top:0px; }
#book .bookingrule { font-weight: bold; margin-bottom:20px; }
#book .title { float: left; width:120px; padding-top:1px; margin-bottom:6px; font-weight:normal; margin-right:10px; }
#book .value { float: left; margin-bottom: 6px; width:calc(100% - 160px); }
#book .availability { background: #d34f17; color: #fff; padding:10px; font-weight:bold; }
#book .availability a:link, #book .availability a:active, #book .availability a:visited { color: #feff1b; }
#book .availability a:link:hover, #book .availability a:active:hover, #book .availability a:visited:hover { color: #fff; text-decoration:underline; }
#book .availablemessage { font-size: 1.2em; color: #fff; line-height: 1.5em;  }
#book .bookingmessage { font-size:1.2em; color: #feff1b; margin-top:8px; line-height: 1.5em; }
#book .bookingmessage a:link, #book .bookingmessage a:active, #book .bookingmessage a:visited { color: #feff1b;font-weight:bold; text-decoration:none; }
#book .bookingmessage a:link:hover, #book .bookingmessage a:active:hover, #book .bookingmessage a:visited:hover { color: #000;font-weight:bold; text-decoration:none; }
#book .terms { margin-left:140px; margin-top:10px; font-weight:bold; }

/* Deposit */
.depositrequired { background: #fd9409; padding: 10px; color: #fff; }

/* Availability Calendar */
.calendar .month { font-size:1.0em; font-family:Nunito; margin-bottom:0px; }
.calendar .cal { float:left; width:250px; margin-right:20px; }
.calendar .key2 { float:left; margin-left:0px; margin-top:9px; width:120px; font-size:1.0em; }
.calendar { margin-top:0px; margin-bottom:20px; }
.calendar .title { float: left; width:85px; padding-top:2px; }
.calendar .value { float: left; }
.calendar .input { font-size:1.2em; }
.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 .telephone { background: #92B372; color: #fff; }
.calendar .telephone:hover { background: #92B372; cursor: pointer; }
.calendar .available a { background:none; text-decoration:none; color: #222;}
.calendar .available a:hover { color: #fff; }
.calendar .availableminimumstay { background: #BFE09F; color: #222; }
.calendar .availableminimumstay:hover { background: #A5C683; cursor: pointer; color: #fff; }
.calendar .availableminimumstay a { background:none; text-decoration:none; color: #222;}
.calendar .availableminimumstay a:hover { color: #96B271; background:none; color: #fff; }
.calendar .closed { background: #582e92; color: #fff; }
.calendar .booked { background: #666; color: #fff; }
.calendar .available { background: #E9F4DE; color: #222; }
.calendar .available:hover { background: #D3E5C0 }
.calendar .telephone a { background:none; text-decoration:underline; color: #222;  }
.calendar .telephone a:hover { background: none; color: #fff;  }
.calendar .keytelephone { float: left; width: 24px; height:20px; background: #92B372; margin-right:8px; }
.calendar .keyavailableminimumstay { float: left; width: 24px; height:20px; background: #BFE09F; margin-right:8px; }
.calendar .keybooked { float: left; width: 24px; height:20px; background: #666; margin-right:8px; }
.calendar .keyclosed { float: left; width: 24px; height:20px; background: #582e92; margin-right:8px; }
.calendar .keyavailable { float: left; width: 24px; height:20px; background: #E9F4DE; margin-right:8px; }
.calendar .key {float: left; margin-top:0px; margin-right:20px; width:340px; }

/* Book Online */
.title { float:left; width:210px; padding-top:4px; margin-bottom:14px; font-weight:bold; }
.title2 { float:left; width:210px; padding-top:4px; margin-bottom:14px; }
.title3 { float:left; width:140px; padding-top:2px; margin-bottom:8px; }
.value { float:left; }
.value3 { float: left; padding-top:4px; font-weight:bold; }
.button2 { font-weight:bold; font-size:1.1em; padding: 4px 12px; background: #9A9E7B; color: #fff; border:0; -webkit-appearance: none; border-radius: 0; }
.paypal a:link, .paypal a:active, .paypal a:visited { color: #9A9E7B; font-weight:bold; }
.button2:hover { cursor: pointer; background: #91bb3d; border:0; }
.button2:disabled { cursor: pointer; background: #efefef; border:0; }
.button2:disabled:hover { cursor: default; }

/* Availability */
.telephoneonly { background: #abb73c; color: #fff; font-weight:bold;padding:10px; width: 500px; margin-top:20px; line-height:1.5em; font-size:1.2em; }
.resultssummary { background: #444; padding: 5px; color: #fff; margin-bottom:10px; font-weight:bold; }
.results .item { border: solid 0px #fff; padding:0px; margin-top:20px; padding-top:30px; border-top: solid 1px #D8D6B1;  }
.results .picture { float: left; width: 300px;  }
.results .picture .mainpicture { background: #fff; padding:2px; border: solid 0px #aaa; width:calc(100% - 4px); margin-top:0px; max-height:200px; overflow: hidden;}
.results .picture .mainpicture img {width:100%; }
.results .details { float: left; width: calc(100% - 340px); margin-right:40px; text-align:left;}
.results .icons { margin-bottom:0px; }
.results .price { font-size:1.3em; font-weight:bold; }
.results .price .strikethrough { text-decoration:line-through; color: #999; }
.results .icon { float: left; margin-right:10px; margin-bottom:10px; }
.results h2 { margin-top:0px; text-transform:uppercase; }
.results .description { margin-bottom:12px; }
.results .continue { float: left; margin-left:0px; margin-top:20px; margin-bottom:10px; }
.results .continue input { -webkit-appearance: none; border-radius: 0; }
.results .title { width:150px; }
.results .thumbnails { margin-left:-9px; width:310px; margin-top:3px; }
.results .thumbnail { float: left; width:90px; margin-left:9px; padding: 2px; background: #fff; border: solid 0px #aaa; margin-right:0px; margin-top:5px; max-height:75px; overflow: hidden; }
.results .thumbnail:hover { cursor: pointer; }
.results .thumbnail img { width:100%; }
.results .select { font-size:1.0em; font-weight:bold; }
.results .select input[type="checkbox"] { width: 1.6em; height:1.6em; }
.results .selectcheck { font-size:1.4em;  }
.results .button { font-size:1.2em; padding: 7px 20px 8px 20px; width:auto; text-transform:uppercase; color: #fff; font-weight:normal; background: #9A9E7B; font-family:Nunito; border:0; -webkit-appearance: none; border-radius: 0;  }
.results .button:hover { cursor: pointer; background: #222; color: #fff; }
.results .button:disabled { cursor: pointer; background: #f4f4f4; border:0; color: #e1e1e1;}
.results .button:disabled:hover { cursor: default; background:#f4f4f4; color: #e1e1e1 }

/* Options */
.summary { width:100%; }
.summary .left { float: left; width: calc(100% - 470px); margin-right:30px; }
.summary .right {float: left; width:440px; }
.summary .title { padding-top:0px; margin-bottom:8px; width:140px; font-weight:normal; }
.summary .title2 { padding-top:4px; margin-bottom:4px; width:170px; }
.summary .title3 { padding-top:4px; margin-bottom:4px; width:200px; margin-right:10px; float:left; }
.summary .value .input { font-weight:normal; max-width:100%; }
.summary .value { padding-top:0px; margin-bottom:4px; }
.summary .costsummary { font-size:1.2em; }
.summary .input { font-weight:bold; }
.summary .extrapic { width:200px; overflow: hidden; }
.summary .titlecost { padding-top:0px; margin-bottom:0px; width:calc(100% - 140px); background: #e9f4de; padding: 8px 10px; color: #222; float:left; font-weight:normal; font-size:1.0em; }
.summary .valuecost { padding-top:0px; margin-bottom:0px; background: #e9f4de; padding:8px 10px; color: #222; float:left; font-weight:normal; width:100px; text-align:right; font-size:1.0em; }
.summary .titlespecial { padding-top:0px; margin-bottom:0px; width:calc(100% - 140px); background: #fd9409; padding:8px 10px; color: #fff; float:left; font-weight:normal; font-size:1.0em; }
.summary .valuespecial { padding-top:0px; margin-bottom:0px; background: #fd9409; padding: 8px 10px; color: #fff; float:left; font-weight:normal; width:100px; text-align:right; font-size:1.0em;  }
.summary .titlepayment{ padding-top:0px; margin-bottom:0px; width:calc(100% - 140px); background: #cce5bf; padding: 8px 10px; color: #222; float:left; font-weight:normal;font-size:1.0em;  }
.summary .valuepayment { padding-top:0px; margin-bottom:0px; background: #cce5bf; padding: 8px 10px; color: #222; float:left; font-weight:normal; width:100px; text-align:right;font-size:1.0em;  }
.summary .titlesubtotal{ padding-top:0px; margin-bottom:0px; width:calc(100% - 140px); background: #cdcdcd; padding: 8px 10px; color: #000; float:left; font-weight:normal;font-size:1.0em;  }
.summary .valuesubtotal { padding-top:0px; margin-bottom:0px; background: #cdcdcd; padding: 8px 10px; color: #000; float:left; font-weight:normal; width:100px; text-align:right;font-size:1.0em;  }
.summary .titletotal{ padding-top:0px; margin-bottom:0px; width:calc(100% - 140px); background: #9A9E7B; padding: 8px 10px; color: #fff; float:left; font-weight:normal;font-size:1.0em;  }
.summary .valuetotal { padding-top:0px; margin-bottom:0px; background: #9A9E7B; padding: 8px 10px; color: #fff; float:left; font-weight:normal; width:100px; text-align:right; font-size:1.0em; }
.summary .headerrow tr { border-top: solid 0px #fff;  }
.summary .warning {  font-weight: bold; width: 500px; 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:0.9em; margin-bottom:15px; }
.summary .instructions { font-size:0.9em; margin-bottom:15px; }
.summary .terms { width: 540px; max-width:calc(100% - 22px); padding:10px; background: #efefef; border: solid 1px #ccc; height:150px; overflow: auto; margin-top:10px; font-size:0.9em; }
.summary .terms h2 { margin-top:0px; }
.summary .agree { margin-top:10px; margin-bottom:10px; }
.summary .quantity { float: left; width:auto; margin-right:10px; padding-top:1px; margin-bottom:10px; }
.summary .input2 { float: left; font-weight:normal; font-family:Nunito; font-size:1.0em; }
.summary .headerrow { background: #9A9E7B; color: #fff; font-weight: bold; border-top: solid 0px #fff; }
.summary .facility1 { background: #e9f4de; }
.summary .facility2 { background: #dbe5d0; }
.summary .errorhighlight { border: solid 2px #ff0000; font-family: Nunito; font-size: 1.0em; background: #fadadb; }
.summary .taken { background: #c70f12; padding:5px; color: #fff; font-weight: bold; font-family:Nunito; }
.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;}

/* Confirm Booking */
#confirmdetails { margin-top: 10px; }
#confirmdetails .roomsandextras { float: left; width:400px;  }
#confirmdetails .bookinginfo {width:360px; padding: 20px;margin-right:10px; background: #d7deef; }
#confirmdetails .extras { width:360px; padding:20px; background: #eae1f7; margin-top:10px; }
#confirmdetails .personalinfo { padding: 20px; background: #efefef; float: right; width:530px; margin-bottom:30px; }
#confirmdetails .title { float:left; width: 125px; margin-bottom:8px; padding:0; }
#confirmdetails .value { float: left; margin-bottom:8px; font-weight:bold; padding: 0; }
#confirmdetails .accommodationcost { font-weight:bold; font-family: Calibri; font-size:1.5em; margin-top:10px; }
#confirmdetails .extracost { font-weight:bold; font-family: Calibri; font-size:1.5em; margin-top:10px; }
#confirmdetails .totalcost { font-weight:bold; font-family: Calibri; font-size:1.5em; margin-top:10px; }
#confirmdetails h1 { margin-top:0px; }
#confirmdetails h2 { margin-top:0px; }
#confirmdetails h3 { margin-top:0px; line-height:1.5em; }
#confirmdetails .extra1 { margin-bottom:10px;}
#confirmdetails .extra2 { margin-bottom:10px; }
#confirmdetails .name { width: 300px; padding-bottom:20px; }
#confirmdetails .amount { vertical-align: top; padding-top:0px; }
#confirmdetails .quantity { float: left; width:60px; padding-top: 4px; }
#confirmdetails .input { float: left; font-family: Nunito;  }
#confirmdetails .makebooking { font-family: Calibri; font-weight: bold; font-size:1.4em; padding:5px 15px; }
#confirmdetails .specialoffer { padding:10px; margin-bottom:20px; background: #719932; color: #fff; margin-left:-10px; width: 360px; line-height:1.6em;  }

/* Complete Bookings */
.complete {}
.complete .left { float: left; width:610px; margin-right:20px; }
.complete .right { float: left; width: 310px; margin-top:-20px; background: #efefef; padding:10px; padding-bottom:15px; border: solid 1px #aaa; }
.complete .right h2 { margin-top:0px; }
.complete .title { float: left; padding-top:0px; width:175px; margin-bottom:6px; }
.complete .value { float: left; padding-top: 0px; margin-bottom:6px; }
.complete .room { float: left; width:165px; margin-bottom:5px; margin-right:10px; }
.complete .roomcost { float: left; margin-bottom:5px; }
.complete .extra { float: left; width: 165px; margin-bottom:6px; color: #0f79c7; margin-right:10px; }
.complete .extracost { float: left; margin-bottom: 5px; color: #0f79c7; }
.complete .text { margin-bottom:20px; }
.complete .titleheading {height:36px; color:#fff; font-weight:bold; background: #9A9E7B; }
.complete .titleheading td { padding:4px 5px; }
.complete .roomrow { background: #efefef; font-weight:bold; }
.complete .extrarow { background: #dedede; font-weight:bold; }
.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; font-weight:bold; background: #ffe4b2 }
.complete .subtotalrow td { padding: 4px; }
.complete a:link, .complete a:active, .complete a:visited { color: #fff; }
.complete a:link:hover, .complete a:active:hover, .complete a:visited:hover { color: #fff; }
.input { font-family: Nunito; font-size:1.0em; }

/* AJAX Calendar */
.calendar .ajax__calendar_container { background: #d9d9d9; z-index:255; }
.calendar table { background: #fff; padding: 0; font-size: 0.9em; }
.calendar td { padding: 1px; }
.calendar .ajax__calendar_active { background: #018287; color: #fff; }
.calendar .ajax__calendar_other { background: #e9e9e9; color: #333; }
.calendar .ajax__calendar_day { margin: 1px; padding: 0; }
.calendar .ajax__calendar_day:hover { border: 1px solid #018287; margin: 0; }

@media only screen and (max-width: 820px)
{
	/* Mobile Layout */
	body { background: #fff; }
	form { margin-top:0px; margin-bottom:0px; width:100%; overflow-x:hidden; }
	
	#header { position: relative; height:auto; top:-20px; padding:20px 0px; }
	#header .logo { float:none; width:100%; left:-5px;  margin-bottom:20px; text-align:center;}
	#header .logo img { width:100%; max-width:330px; }
	#header .contact { float:none; width:calc(100% - 20px); margin-left:20px; text-align:left; margin-bottom:20px; }
	#header .contact .bookbutton { position: relative; top:0px; display:block; }
	#header .contact .address { display:none; }
	
	/* Popup */
	.popupad { position: relative; left:0; top:0; margin-left:0px; margin-top:0px; width:calc(100% - 20px); height: auto; padding:10px; background:#fff; }
	.popup { position: relative; left:0; top:0; margin-left:0px; margin-top:0px; width:calc(100% - 20px); height: auto; padding:10px; background:#fff; }
	
	/* Roll out menu */
	.spacer { height:0px; margin-top:-25px; }
	#menu { display:none; }
	.menuicon { position:absolute; bottom:0px; right:0px; transition:0.25s; display:block; width:40px; }
	.menuicon:hover { cursor: pointer; opacity:0.8; transition:0.25s; }
	.rolloutmenu { position: absolute; left:0; top:0px; width:100%; background: #9A9E7B; z-index:20000; height: 100%; }
	.rolloutmenu .rolloutmenuinner { padding: 0px 0px 30px 0px;  }
	.rolloutmenuinner h2 { text-align:center; text-transform:uppercase;  font-size:2.0em; padding-top:0px; color: #fff; margin-top:20px; }
	.rolloutmenu .logo { width: 100%; height:120px; border-bottom: solid 1px #8C8C75; text-align:center; position: relative; z-index:0; }
	.rolloutmenu .close { float: right; margin-top:-45px; padding-right:20px; position: relative; z-index:100; font-size:2.5em; color: #fff; font-weight:bold; }
	.rolloutmenu .close:hover { cursor: pointer; color: #FFFB2B }
	.rolloutmenu .rolloutleft { float:left; width:0%; }
	.rolloutmenu .rolloutcentre { float:left; width:100%; margin-top:-20px; }
	.rolloutmenu .rolloutright { float:left; width:0%; text-align:center; }
	.rolloutmenu .menu { text-transform:uppercase; font-size:1.3em; position: relative;  }
	.rolloutmenu .menu ul {margin:0; padding:0; list-style-type: none; }
	.rolloutmenu .menu li {}
	.rolloutmenu .menu li a { padding: 10px 0px; text-align:center; display:block; color: #fff; text-decoration:none; letter-spacing:0.04em; font-weight:400; }
	.rolloutmenu .menu li a:hover { color: #fff; text-decoration:none; background: #7F8265; }
	
	#main { width:100%; }
	.text { margin-left:20px; width:calc(100% - 40px); left:0px; }
	.text .picture img { max-width:100%; }
	.text .left { float:none; width:100%; margin-right:0px; }
	.text .right  {float:none; width:100%; }
	.text .right img { width:100%; max-width:300px;  }
	.text .right .awards { text-align:center;}
	.text .right .awards img { height:auto; margin-bottom:10px; }
	.links .picture { float: none; width:100%; margin-right:0px; margin-bottom:20px; }
	.links .details { float: none; width: 100%; }
	.links .picture img { width:100%; }
	.photogallery .labels { display:none; }
	
	.roomcaptions { width:calc(100% - 20px); left:0px; margin-left:20px; }
	.roomcaption { width:calc(100% - 20px); margin-right:0px; }
	
	.book { position:relative; }
	.book .input { margin-bottom:15px; }
	.book .bookbutton { float:left; margin-top:-2px; }
	
	#bookonline { width: calc(100% - 20px); padding: 10px; padding-bottom:20px; height:auto;; background: #C09952; color: #fff; font-size:1.1em; line-height:1.3em; }
	#bookonline h2 { color: #fff; margin-bottom:10px; margin-top:0px; background: #7F1E1D; padding:9px 10px; font-size:1.4em; margin-top:-10px; margin-left:-10px; width:100%; }
	#bookonline .title { float: none; margin-bottom:5px; width:100%; }
	#bookonline .value { float: none; margin-bottom:10px; width:100%; }
	
	.picturegallery { margin-left:0px; }
	.picturegallery .photo { margin-left:0px; width: 100%; float:none; height:auto; pointer-events:none; }

	.caption { width:100%; float:none; padding:0px; border-top:solid 1px #fff; border-bottom:0px; }
	
	.map { width:100%; height:300px; border: none; position:relative; margin-bottom:20px;  }
	.map .marker { font-family:Nunito; font-size:1.0em; margin-bottom:0px; color: #555; width:260px; }
	
	.title3 { float:none; margin-bottom:3px; }
	.value { float:none; margin-bottom:10px; }
	.value .input { max-width:100%; }
		
	.calendar { float:none; width:100%; margin-top:20px; }
	.calendar .cal { float:none; width:100%; margin-right:0px; margin-bottom:20px; }
	.calendar .key2 { float:none; width:100%; }
	#book .topleft { float: none; width:100%; margin-right:0px; }
	#book .topright { float: none; width: 100%; margin-top:0px; }
	#book .title { float: none; margin-bottom:4px; color: #888; }
	#book .title3 { float: none; margin-bottom:4px;  }
	#book .value { float:none; margin-bottom:10px; }
	.results .button { margin-bottom:10px; max-width:100%; }
	.results .picture { float: none; width: 100%; }
	.results .picture .mainpicture { max-height:1000px; }
	.results .thumbnails { display:block; width:calc(100% + 20px); }
	.results .thumbnail { width:calc(33% - 15px); max-height:300px; }
	.results .details { float: none; width: 100%; margin-right:0px;}
	.progress { display:none; }
	.telephoneonly { background: #7F1E1D; border-radius:0px; color: #fff; font-weight:normal; font-size:1.2em; padding:10px 10px; width: calc(100% - 20px); margin-top:8px; line-height:1.5em; }
	
	.summary .extrapic { display:none; }
	.summary .left { float: none; width: 100%; margin-right:0px;}
	.summary .right {float: none; width:100%; }
	.complete .left { float: none; width: 100%; margin-right:0px; }
	.complete .right {float: none; width:calc(100% - 20px); margin-top:30px; }
	
	#footer { padding-bottom:20px; }
	#footer .icons {  }
	
}