/* Standard */
body { background: #fff url(/images/base/bg.png) repeat-x; margin: 0 auto; overflow-x:hidden; }
form { font-family: Nunito; font-size: 0.8em; color: #444; border:none; margin:0 auto; width:960px; line-height:1.5em; margin-top:0px; margin-bottom:0px; }
h1 { font-size: 2.0em; font-weight: lighter; color: #222; margin-top:-6px; margin-bottom:12px; line-height:1.3em; }
h2 { font-size: 2.0em; font-weight: lighter; color: #222; margin-top:-6px; margin-bottom:12px; line-height:1.3em; }
h3 { margin-bottom:5px; }
a:link, a:active, a:visited { color: #692DB7; text-decoration:underline; font-weight:normal; }
a:link:hover, a:active:hover, a:visited:hover { color: #A672EA; text-decoration:underline; font-weight:normal; }
.input { font-family:Nunito; }
.gmnoprint img { max-width:none; }
input[type="submit"] { -webkit-appearance:none; }

/* Header */
#header { top:0px; height:136px; text-align:left; line-height:1.4em; font-weight:normal; color: #fff; width:960px; font-family: Nunito, Nunito; }
#header .logo { left:0px; }
#header .phone { float:right; font-size:1.1em; line-height:1.6em; margin-top:-90px; text-align:right; }
#header .book { margin-top:8px; }
#header a:link, #header a:active, #header a:visited { color: #FFFBC6; }
#header a:link:hover, #header a:active:hover, #header a:visited:hover { color: #FFFB0F; }
#header .book .input { background: #222; border: solid 1px #222; border-radius:4px; color: #fff; padding: 5px 20px; font-size:1.2em;  }
#header .book .input:hover { cursor: pointer; background: #fd9409; border: solid 1px #fd9409; }
#header .book:focus { outline:none; }

/* Menu */
.menuicon { display:none; }
#menu { border:0; padding:0; margin-bottom:0px;  height:34px; width:980px; margin-top:0px; z-index:300; position: relative; font-size:1.2em;  }
#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: #fff; font-size:1.2em; padding: 7px 23px 8px 23px;  text-decoration: none; font-weight:normal;  border-left: solid 0px #004891; font-family: Nunito; }
#menu li.menu1 a { border-left:none; }
#menu li.menuselected1 a { background: #444; }
#menu li.menuselected2 a { background: #444; }
#menu li.menuselected3 a { background: #444; }
#menu li.menuselected4 a { background: #444; }
#menu li.menuselected5 a { background: #444; }
#menu li.menuselected6 a { background: #444; }
#menu li.menuselected7 a { background: #444; }
#menu li.menuselected8 a { background: #444; }
#menu li a:hover { text-decoration: none; background: #444; }
#menu ul ul { display: none; position: absolute; top: auto; left: auto; width: 128px; background:none; }
#menu li:hover ul { display: block; }
#menu li li a { width: 120px; padding:  8px 25px 8px 26px; text-align:left; background: #6C7254; font-weight:normal; color: #fff; margin-top: 0px;  }
#menu li li a:hover { background: #444; font-weight:normal; color: #fff; }
#menu li.menu2 li a { width:180px; }
#menu li.menuselected2 li a { width:180px; }
#menu li.menuselected2 li a:hover { background: #6C7254; }
#menu li.menu3 li a { width:135px;  }
#menu li.menuselected3 li a { width:140px;  }
#menu li.menuselected3 li a:hover { background: #6C7254; }
#menu li.menu6 li a { width:130px; }
#menu li.menuselected6 li a { width:130px;  }
#menu li.menuselected6 li a:hover { background: #6C7254; }

/* Main */
#main { min-height:600px; width:920px; padding: 20px; background: #efefef; margin-bottom:0px; }

/* Holiday Homes for Sale */
.holidayhomeresults { font-weight:bold; margin:20px 0px;  }
.holidayhomeforsale { margin-bottom:20px; position: relative; }
.holidayhomeforsale .photo {  width:100%; height:auto; margin-top:0px; position: relative; }
.holidayhomeforsale .photo .strapline { position: absolute; bottom:0px; background: url(/images/base/strapline.png); color: #fff; font-size:1.2em; padding: 10px 20px 12px 20px; width:calc(100% - 40px); }
.holidayhomeforsale .photo img { width:100%; height:100%; }
.holidayhomeforsale .details {width:calc(100% - 40px) ; padding: 20px 20px 20px 20px; background: #e2e2e2; height:auto; }
.holidayhomeforsale h2 { font-size:1.5em; margin-bottom:0px; margin-left:0px; margin-top:0px; padding:8px 20px 12px 20px; background: #6C7254; color: #fff; height:24px; }
.holidayhomeforsale .details .itemtitle { float: left; padding-top:0px; width: 100px; margin:0; margin-bottom:5px; }
.holidayhomeforsale .details .itemvalue { float: left; padding-top:0px; width: calc(100% - 100px); margin:0; margin-bottom:5px; font-weight:bold; }
.holidayhomeforsale .photos { position: relative; padding:10px; margin-left:-20px; margin-top:-20px; background: #d4d4d4; width:calc(100% + 20px); margin-bottom:20px; }
.holidayhomeforsale .photos img { transition:0.25s; opacity:0.8; background:#444; width:100px; height:75px; }
.holidayhomeforsale .photos img:hover { cursor: pointer; opacity:1; }
.holidayhomeforsale .sold { position: absolute; bottom:0px; right:0px; }

/* Links */
.links { margin-top:-40px; }
.links h2 { margin-top:30px; }
.links h3 { margin-top:0px; }
.link { padding-top:18px; margin-top:18px; border-top:solid 1px #ddd; }

/* Gallery */
.gallery { margin-left:-15px; margin-top:-30px; margin-bottom:20px; }
.gallery .photo { float:left; width:300px; margin-left:15px; margin-bottom:15px; }
.gallery .photo img { width:100%; }

/* Awards */
.award { float:left; margin-right:25px; margin-bottom:20px; }

/* Photo Gallery */
#photos { float: left; width: 960px;  }
.photogallery { width:960px; height:480px; z-index:200; margin-top:-20px; margin-left:-20px; background: #fff; position: relative; }
.photogallery .photos { width: 960px; height: 480px; z-index:100;}
.photogallery .photo { width: 960px; height: 480px; }
.photogallery .photo img { width: 960px; height: 480px;  }
.photogallery .options { margin-top: -270px; position: absolute; z-index:200; height:100px; width:960px; margin-left:10px;  }
.photogallery .options .moveleft { width:61px; height:61px; float: left; margin-left:0px; }
.photogallery .options .moveright { width:61px; height:61px; float: right; margin-right:10px; }
.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; left:50%; }
.photogallery .labels .label { float: left; width:20px; height:20px; margin-right:4px; text-align:center; color: #fff; font-weight:bold; background: url(/images/base/photolabel.png); z-index: 100; font-family:Nunito; font-size:1.4em; }
.photogallery .labels .label:hover { background: url(/images/base/photolabelselected.png); cursor: pointer; }
.photogallery .labels .selectedlabel { float: left; width:20px; height:20px; margin-right:4px; text-align:center; color: #fff; font-weight:bold; background: url(/images/base/photolabelselected.png); z-index: 200; font-family:Nunito; font-size:1.4em;}

.photogallery2 { width:960px; height:400px; z-index:200; margin-top:0px; margin-left:-20px; }
.photogallery2 .photos { width: 960px; height: 400px; z-index:100; background: #e8e8e8; }
.photogallery2 .photo { width: 600px; height: 400px; padding: 0px 180px; }
.photogallery2 .photo img { width: 600px; height: 400px;  }
.photogallery2 .options { margin-top: -230px; position: absolute; z-index:200; height:100px; width:880px; margin-left:40px;  }
.photogallery2 .options .moveleft { width:61px; height:61px; float: left; margin-left:160px; }
.photogallery2 .options .moveright { width:61px; height:61px; float: right; margin-right:150px; }
.photogallery2 .options img:hover { cursor: pointer; }
.photogallery2 .options .title { margin-top:75px; margin-left:20px; color: #fff; font-weight: bold; font-family: Nunito; }
.photogallery2 .labels { position: absolute; margin-top:-36px; margin-left:20px; z-index:120; }
.photogallery2 .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:Nunito; font-size:1.4em; }
.photogallery2 .labels .label:hover { background: url(/images/base/gallerylabelselected.png); cursor: pointer; }
.photogallery2 .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:Nunito; font-size:1.4em;}

/* Google Map */
.map { width:600px; height:400px; border: none; position:relative; margin-bottom:20px; border: dotted 0px #fff; margin-top:-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; }
.showdirections { background: #f6f5f5; width:90%; }
.overlaytitle { color: #222; font-size:0.8em; font-weight:bold;  font-family: Nunito; padding-bottom:6px; margin-bottom:0px; padding-top:8px;}
.overlay .description { width:200px; color: #555;  font-family: Nunito; 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; }
.input2 { background: #222; border: solid 1px #222; border-radius:5px; color: #fff; font-family: Nunito, Arial; font-size:1.1em; padding: 4px 20px; }
.input2:hover { cursor: pointer; background: #444; border: solid 1px #444; }
.input2:focus { outline:none; }

/* Text */
.text { color: #444; padding: 30px 160px 20px 160px; font-size:1.2em; line-height:1.6em; }
.text a:link, .text a:active, .text a:visited { color: #692DB7; text-decoration:underline; font-weight:normal; }
.text a:link:hover, .text a:active:hover, .text a:visited:hover { color: #A672EA; text-decoration:underline; font-weight:normal; }
.text table { border: solid 1px #ccc; border-collapse: collapse; }
.text td { border: solid 1px #ccc; border-collapse:collapse; padding: 5px 7px }
.text .input { font-family: Nunito; font-size:1.0em; }
.separator { padding-top:10px; margin:10px 160px 0px 160px; border-top: solid 3px #c7d0c4;  }
.text .pics { margin-left:-20px; }
.text .pics img { width:290px; margin-left:20px; margin-bottom:20px; float:left; height:200px; }

/* Gallery */
.gallery { margin-left:-20px; }
.gallery .photo { margin-left:20px; float:left; width:290px; margin-bottom:20px; }
.gallery .photo img { width:100%; }

/* News */
.newsitems { margin-bottom:40px; }
.newsitems .newsitem { margin-top:20px; padding-top:25px; border-top: solid 1px #ddd; }
.newsitems h2 { font-size:1.2em; text-transform:none; margin-bottom:10px; font-weight:bold; }
.newsitem .desc img { width:300px; margin-right: 20px; margin-bottom:0px; float:left; }

/* Progress Bar */
.progress { margin-top:0px; margin-bottom:30px; font-size: 1.0em; }
.progress a, .progress a:active, .progress a:visited { color: #222; }
.progress a:hover, .progress a:active:hover, .progress a:visited:hover { color: #b5b21b; }
.progress .title { float:left; width: 132px; text-align: left; margin-bottom:2px;  }
.progress .standard { float:left; width: 130px; height: 8px; background: #e4e4e4; margin-right:1px; margin-top:0px; }
.progress .selected { float:left; width: 130px; height: 8px; background: #bbb; margin-right: 1px; margin-top:0px; }

/* Book */
#book { padding:20px 10px; }
.calendarpanel { float:left; width:540px; margin-top:0px; }
.dateselectpanel { float:left; width:300px; margin-bottom:20px; }
.dateselectpanel .title { margin-bottom:3px; }
.calendar { margin-bottom:20px; margin-top:0px; height:170px; }
.calendar .cal { float:left; width:270px; background:Yellow; }
.calendar .key { float:left; margin-left:20px; margin-top:9px; width:240px; font-size:1.0em; }
.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; font-size:1.2em;}
.calendar .unavailable { background: #ddd; color: #aaa; }
.calendar .available { background: #D6DBC5; color: #fff; }
.calendar .available:hover { background: #CFD8AD; cursor: pointer; }
.calendar .available a { background:none; text-decoration:none; color: #222;}
.calendar .available a:link:hover, .calendar .available a:active:hover, .calendar .available a:visited:hover { color: #222; }
.calendar .availableminimumstay { background: #a1b243; color: #fff; }
.calendar .availableminimumstay:hover { background: #a1b243; 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: #605C42; }
.calendar .closed { background: #444; color: #fff; }
.calendar .booked { background: #444; color: #fff; }
.calendar .telephone { background: #B7C18F; color: #fff; }
.calendar .telephone:hover { background: #B7C18F; }
.calendar .telephone a { background:none; text-decoration:underline; }
.calendar .telephone a:hover { background: none; }
.calendar .keyavailable { float: left; width: 24px; height:20px; background: #D6DBC5; margin-right:8px; }
.calendar .keyavailableminimumstay { float: left; width: 24px; height:20px; background: #a1b243; 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: #B7C18F; margin-right:8px; }

/* Availability */
.telephoneonly { background: #444; border-radius:0px; color: #fff; font-weight:normal; font-size:1.2em; padding:10px 20px; width: 520px; max-width:calc(100% - 80px); margin-top:8px; line-height:1.5em; }
.telephoneonly a:link, .telephoneonly a:active, .telephoneonly a:visited { text-decoration:underline; border:none; color: #FFF189;}
.telephoneonly a:hover, .telephoneonly a:active:hover, .telephoneonly a:visited:hover { color: #FFFB3A; text-decoration:underline; border:none }
.resultssummary { font-family: Nunito, Arial; font-size:1.5em; }
.results { margin-top:20px; margin-bottom:40px;  }
.results .item { border: solid 0px #ccc; padding:0px; margin-bottom:10px; padding-top:20px; margin-top:20px; border-top: dotted 1px #ccc;  }
.results .picture { float: left; width: 280px;  }
.results .thumbnails { margin-left:-10px; width:400px; }
.results .thumbnail { margin-top:10px; margin-left:10px; float:left; }
.results .details { float: left; width: 580px; margin-right:40px;}
.results h2 { margin-top:0px; text-transform:capitalize; }
.results .description { margin-bottom:2px; line-height:1.5em; }
.results input[type="checkbox"] { width:1.4em; height:1.4em; }
.results .continue { float: left; margin-top:30px; margin-left:-180px;  }
.results .number { float: left; margin-right:10px; padding-top:7px; }
.results .continue .input { font-size:1.2em; font-weight:bold;  }
.results .continue .button { margin-left:180px; margin-top:-26px; padding: 5px 20px 7px 20px; font-family: Nunito, Arial; font-weight:normal; font-size:1.4em; color: #fff; background: #444; border: solid 1px #444; border-radius:5px; }
.results .continue .button:hover { background: #222; border-color: #222; cursor: pointer; }
.results .continue .button:disabled { background: #e2e2e2; color: #d1d1d1; border-color: #efefef; }
.results .price { margin-top:10px; margin-bottom:20px; font-size:1.2em; color: #605C42; display:block; }
.results .title { width:150px; }
.results .select { display: block; margin-bottom:10px; }
.accommodationtype { background: #45803c; padding:10px; color: #fff; font-weight:bold; width: 520px; margin-bottom:10px; line-height:1.5em; }

/* Options */
.summary .voucherlabel { padding: 5px 10px; background: #4B83C6; color: #fff; }
.summary .left { float: left; width: 460px; margin-right:40px;  }
.summary .right {float: left; width:400px; }
.summary .pricenote { color: #fff; background: #57CC74; padding: 3px 10px; margin-top:3px; width:400px; }
.summary .title { padding-top:0px; margin-bottom:8px; width:170px; float:left; }
.summary .title2 { padding-top:4px; margin-bottom:4px; width:170px; }
.summary .title3 { padding-top:4px; margin-bottom:4px; width:150px; float:left; }
.summary .value { padding-top:0px; margin-bottom:4px; float:left; }
.summary .titlecost { padding-top:0px; margin-bottom:0px; width:180px; border-bottom: dashed 0px #ccc; border-top: dashed 1px #ccc; padding: 8px 5px; color: #222; float:left; font-weight:normal; }
.summary .valuecost { padding-top:0px; margin-bottom:0px; border-bottom: dashed 0px #ccc;  border-top: dashed 1px #ccc; padding: 8px 5px; color: #222; float:left; font-weight:normal; width:calc(100% - 200px); text-align:right;  }
.summary .titlespecial { padding-top:0px; margin-bottom:0px; width:180px; padding: 8px 5px; color: #222; border-top: dashed 1px #ccc; float:left; font-weight:bold; }
.summary .valuespecial { padding-top:0px; margin-bottom:0px; padding: 8px 5px; color: #222; float:left; border-top: dashed 1px #ccc; font-weight:bold; width:calc(100% - 200px); text-align:right;  }
.summary .titlepayment{ padding-top:0px; margin-bottom:0px; width:180px; border-bottom: dashed 1px #ccc;padding: 8px 5px; color: #222; float:left; font-weight:bold; }
.summary .valuepayment { padding-top:0px; margin-bottom:0px; border-bottom: dashed 1px #ccc;padding:8px 5px; color: #222; float:left; font-weight:bold; width:calc(100% - 200px); text-align:right; }
.summary .titlesubtotal{ padding-top:0px; margin-bottom:0px; width:180px; border-top: dashed 1px #ccc;padding: 8px 5px; color: #222; float:left; font-weight:bold; }
.summary .valuesubtotal { padding-top:0px; margin-bottom:0px; border-top: dashed 1px #ccc;padding: 8px 5px; color: #222; float:left; font-weight:bold; width:calc(100% - 200px); text-align:right; }
.summary .titletotal{ padding-top:0px; margin-bottom:0px; width:180px; border-top: dashed 1px #ccc; border-bottom: dashed 1px #ccc; padding: 8px 5px; color: #222; float:left; font-weight:bold; }
.summary .valuetotal { padding-top:0px; margin-bottom:0px; border-top: dashed 1px #ccc; border-bottom: dashed 1px #ccc; padding: 8px 5px; color: #222; float:left; font-weight:bold; width:calc(100% - 200px); text-align:right; }
.summary .headerrow tr { border-top: solid 10px #fff;  }
.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: normal; color: #888; }
.summary .extras { margin-bottom:20px;}
.summary .extralist { color: #aaa; padding: 8px 5px; line-height:1.5em; border-top: dashed 1px #ccc; width:490px; }
.summary .description { font-size:1.0em; margin-bottom:15px; }
.summary .instructions { font-size:1.0em; margin-bottom:15px; }
.summary .terms { width: calc(100% - 30px); padding:10px; background: #f8f8f8; 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; }
.summary .quantity { float: left; margin-right:10px; padding-top:2px; }
.summary .input2 { float: left; font-family:Nunito, Arial; }
.summary .headerrow { background: #444; color: #fff; font-weight: bold;  }
.summary .facility1 { border-bottom: dashed 1px #ccc; }
.summary .facility2 { border-bottom: dashed 1px #ccc; }
.summary .facility1 td { padding: 20px 0px;}
.summary .facility2 td { padding: 20px 0px;}
.summary .errorhighlight { border: solid 2px #ff0000; font-family: Nunito, Arial; font-size: 1.0em; background: #fadadb; }
.summary .taken { background: #c70f12; padding:5px; color: #fff; font-weight: bold; font-family:Nunito, Arial; }
.summary .specialoffer { margin-bottom:5px; }
.summary .specialoffer h2 { background: #444; padding:8px 10px; color: #fff; font-weight:bold; margin:0; text-transform:capitalize; font-size:1.0em; }
.summary .specialoffer .description {  font-size:1.0em; padding:10px; margin:0; background: #f8f8f8; }
.summary .specialoffer .saving {background: #f8f8f8; font-weight:bold; padding:10px; margin:0; padding-top:0px;}
.summary .nopricing { width: 450px; background: #4B83C6; padding:20px 20px 25px 20px; padding-bottom:25px; line-height:1.4em; font-size:1.2em; font-weight:normal; border: solid 2px #B56907; color: #fff; border-radius:10px;  }
.summary .button { margin-top:0px; padding: 5px 20px 7px 20px; font-family: Nunito, Arial; font-weight:normal; font-size:1.4em; color: #fff; background: #444; border: solid 1px #444; border-radius:5px; }
.summary .button:hover { background: #222; border-color: #222; cursor: pointer; }
.summary .button:disabled { background: #e2e2e2; color: #d1d1d1; border-color: #efefef; }

/* Complete Bookings */
.complete {}
.complete .left { float: left; width:480px; margin-right:80px; }
.complete .right { float: left; width: 300px; margin-top:-40px; background: #fff; padding:15px; padding-bottom:25px; 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; line-height:1.3em; }
.complete .titleheading {height:36px; color:#fff; font-weight:normal; background: #444; }
.complete .titleheading td { padding:4px 5px; }
.complete .amountdue {height:36px; color:#fff; font-weight:normal; background: #888; }
.complete .amountdue td { padding:4px 5px; }
.complete .roomrow { background: #fff; border-bottom: solid 1px #ccc; }
.complete .extrarow { background: #eee; border-bottom: solid 1px #ccc;}
.complete .discountrow { background: #D6F7D2; border-bottom: solid 1px #ccc;}
.complete .subtotalrow { background: none;  border-bottom: solid 1px #ccc;}
.complete .costrow { background: #f4f4f4; border-bottom: solid 1px #ccc;}
.complete .costrow td { padding: 9px 6px; font-weight:bold; }
.complete .roomrow td { padding: 9px 6px; }
.complete .extrarow td { padding: 9px 6px; }
.complete .discountrow td { padding: 9px 6px; }
.complete .subtotalrow td { padding: 9px 6px; font-weight:bold; }
.complete .text { margin-bottom:30px; }
.complete .button { color: #fff; font-weight:normal; font-size:1.4em; font-family:Nunito; padding: 5px 20px 7px 20px; border-radius:3px; text-decoration:none; background: #444; border: solid 1px #444; }
.complete .button:hover { color: #fff; background: #fd9409; border-color: #fd9409; cursor: pointer;}
.complete .separator { padding-top:0px; margin-bottom:4px; border-bottom: dotted 1px #aaa; width:620px;}

/* Footer */
#footer { margin-top:0px; text-align:left; line-height:1.7em; font-size:0.85em; font-weight:normal; color: #fff; background: #6C7254; width:900px; padding: 30px; text-align:center;  }
#footer .text { font-size:1.2em; font-weight:normal;  padding: 8px 0px; line-height:1.7em; color: #fff; }
#footer a { color: #FFFBC6;  }
#footer a:hover { color: #FFFB0F;  }
#footer .icons { margin-bottom:20px; margin-left:425px; display:none; }
#footer .icon { float: left; margin-right:20px; }

#worldpay { margin:20px 0px; text-align:center; }

/* 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: 736px)
{
	/* Mobile Layout */
	body { background: #fff; width:100%; }
	form { margin-top:0px; margin-bottom:0px; width:100%; overflow-x:hidden; }
	#menu { display:none; }
	#header { height:auto; width:100%; padding:0px; margin-top:-20px; background: #8A926B; }
	#header .logo { float:none; text-align:center; font-size:2.2em; padding: 30px 10px 10px 10px; width:calc(100% - 20px); margin-left:0px; }
	#header .logo img { max-width:355px; width:100%; }
	#header .phone { float: none;  margin-top:0px; text-align:center; width:calc(100% - 30px); margin-bottom:0px; padding:0px 15px 20px 15px; }
	#header .address { display: block; font-size:0.9em; line-height:1.7em; }
	#header .book { float:right; margin-top:15px;  }
	#header .menuicon { float:left; margin-top:15px; font-size:1.2em; display:block; background: #222 url(/images/base/menu.png) no-repeat; padding: 7px 25px 7px 40px; color: #fff; border: solid 0px #fff; border-radius:5px; }
	#header .menuicon:hover { cursor: pointer; background: #fd9409 url(/images/base/menu.png) no-repeat; }
	#header .icon2 { display:none; }
	#header img { width:100%; }
	#header .pinterest { display:none; }
	
	/* Awards */
	.award { margin-right:15px; }
	.award img { height:70px; }
	
	.holidayhomeforsale .photos img { transition:0.25s; opacity:0.8; background:#444; width:60px; height:45px; }
	
	/* Roll out menu */
	.rolloutmenu { position: absolute; left:0; top:0px; width:100%; background: #6C7254; z-index:2000; height: 100%; min-height:600px; }
	.rolloutmenu .rolloutmenuinner { padding: 10px 0px 30px 0px;  }
	.rolloutmenuinner h2 { text-align:center; text-transform:uppercase;  font-size:2.0em; padding-top:10px; color: #fff; }
	.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:-38px; padding-right:20px; position: relative; z-index:100; font-size:2.5em; color: #fff; }
	.rolloutmenu .close:hover { cursor: pointer; color: #ccc; }
	.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.2em; position: relative;  }
	.rolloutmenu .menu ul {margin:0; padding:0; list-style-type: none; }
	.rolloutmenu .menu li {}
	.rolloutmenu .menu li a { padding: 7px 0px; border-bottom: solid 1px #A6AF82; text-align:center; display:block; color: #fff; text-decoration:none; letter-spacing:0.0em; font-weight:400; text-transform:none; }
	.rolloutmenu .menu li a:hover { color: #fff; text-decoration:none; background: #444; }
	
	#main { width:100%; }
	.text { color: #444; padding: 0px; font-size:1.0em; line-height:1.5em; width:calc(100% - 40px); padding-top:20px; text-align:left; }
	.text .pics { margin-left:0px; }
	.text .pics img { width:100%; float:none; height:auto; margin-left:0px; margin-bottom:20px; }
	.topsection { height:auto; overflow:visible; }
	.topsection .left { float: none; width:100%; }
	.topsection .right { float: none; width:100%; }
	.topsection .right img { width:100%; }
	.hometext { width: calc(100% - 40px); padding: 10px 20px; height:auto; overflow-y:visible;overflow-x:visible; background: #fff; line-height:1.4em; }
	.hometext img { max-width:100%; }
	
	.base { padding: 14px 0px; background: none; margin-top:-10px; }
	.base .caption1 { float:none; width:calc(100% - 20px); padding:10px; }
	.base .caption2 { float:none; width: 100%; margin-right:0px; }
	.base .caption3 { float:none; width: 100%; }
	
	#bookonline { width: calc(100% - 20px); padding: 10px; padding-bottom:20px; height:auto;; background: #efefef; color: #444; font-size:0.95em; line-height:1.3em; }
	#bookonline h2 { color: #fff; margin-bottom:10px; margin-top:0px; background: #647060; padding:9px 10px; font-size:1.6em; 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%; }

	.caption { width: calc(100% - 20px); padding: 10px; margin-top:0px; margin-bottom:0px;  }
	.caption .picture { margin-top:0px; }
	.caption .picture img { width: 100%; height:auto; margin-bottom:0px; }
	.caption .picture img:hover { cursor: pointer; }
	.caption h2 { text-align: center; margin:0; text-transform: uppercase; width:100%; padding-top:10px; height:40px; position: relative; font-family: "Alegreya Sans", Arial; color: #fff; background: #647060; font-size:1.5em; font-weight:normal; }
	.caption .text { width: calc(100% - 20px); margin-left:0px; font-size:1.2em; line-height:1.1em; color: #fff; text-align: center; top:0px; position: relative; padding: 10px 10px; background: #647060; font-weight:400; height:40px; }
	.caption .text p { margin:0; padding:0; }
	
	/* Gallery */
	.gallery { margin-left:0px; margin-top:0px; }
	.gallery .photo { float:none; width:100%; margin-left:0px; margin-bottom:15px; }
	.gallery .photo img { width:100%; }
	
	.map { width:100%; height:300px; border: none; position:relative; margin-bottom:20px; margin-top:0px;  }
	.map .marker { font-family:"Alegreya Sans"; font-size:1.0em; margin-bottom:0px; color: #555; width:260px; }
	
	.newsitem .desc img { width:100%; margin-right: 0px; margin-bottom:10px; float:none; }
	
	#photos { float: none; width: 100%; }
	.photogallery { width:calc(100% + 200px); height:250px; z-index:200;  margin-left:-200px; margin-top:-20px; background: #fff; position: relative; }
	.photogallery .photos { width: 100%; height: 250px; z-index:100;}
	.photogallery .photo { width: 100%; height: 250px; overflow:hidden; min-width:800px; }
	.photogallery .photo img { width: 100%; height: auto; min-width:800px; }
	.photogallery .labels { display:none; }
	.photogallery .options { display:none; }
	
	.photogallery2 { width:100%; height:300px; z-index:200;  margin-left:-200px; margin-top:20px; background: #fff; position: relative; }
	.photogallery2 .photos { width: 100%; height: 300px; z-index:100;}
	.photogallery2 .photo { width: 100%; height: 300px; overflow:hidden; min-width:600px; }
	.photogallery2 .photo img { width: 100%; height: auto; min-width:600px; }
	.photogallery2 .labels { display:none; }
	.photogallery2 .options { display:none; }
		
	.progress .title {width: calc(30% + 2px);  }
	.progress .standard { width:30% }
	.progress .selected { width:30%; }
	
	#book { padding: 20px 0px }
	.calendarpanel { float:none; width:calc(100% - 40px); margin-top:0px; }
	.dateselectpanel { float:none; width:100%; margin-bottom:20px; }
	.calendar .cal { float:none; width:100%; }
	.calendar .key { float:none; margin-top:20px; width:100%; margin-left:0px; }
	.results .picture { float: none; width: 100%;  }
	.results .thumbnails { margin-left:-10px; width:100%; }
	.results .thumbnail { margin-top:10px; margin-left:10px; float:left; }
	.results .details { float: none; width: calc(100% - 40px); margin-right:0px; }
	.results .continue .button { margin-bottom:20px; }
	.resultssummary { font-family: Nunito, Arial; font-size:1.2em; width:calc(100% - 40px); line-height:1.3em; margin-top:30px; }
	
	.summary .left { float: none; width: calc(100% - 40px); margin-right:0px; }
	.summary .right {float: none; width:calc(100% - 40px); }
	.summary .title3 { float:none; width:100%; margin-bottom:3px; }
	.summary .value { float:none; width:100%; margin-bottom:10px; }
	.summary .value .input { max-width:100%; }
	
	.complete .left { float: none; width:calc(100% - 40px); margin-right:0px; }
	.complete .right { float: none; width: calc(100% - 70px); margin-top:20px; }
	.complete .title { color: #888; float:none; width:100%; margin-bottom:3px; }
	.complete .value { float:none; margin-bottom:10px; }
	
	#footer { margin-top:0px; text-align:left; line-height:1.7em; font-size:0.85em; font-weight:normal; color: #fff; background: #6C7254; width:100%; padding: 20px; text-align:center; }
	#footer .icons { margin-bottom:20px; margin-left:-60px; left:50%; position: relative; }
	#footer .icon { float: left; margin-right:20px; }
	#footer .text { font-size:1.2em; font-weight:normal;  padding: 8px 0px; line-height:1.7em; color: #fff; padding-top:0px; text-align:center; }
	
	#worldpay { margin:20px 20px; text-align:center; }
	#worldpay img { max-width:100%; }
}