/* Standard */
body { background: #fff repeat-x; margin: 0 auto;-webkit-text-size-adjust:none; font-family:Lato; padding:0px; overflow-x:hidden; }
form { font-family: Lato; font-size: 0.8em; color: #222; border:none; margin:0 auto; width:100%; line-height:1.4em; margin-top:0px; margin-bottom:0px; background: #fff;  }
h1 { font-family: Lato, Lato; font-size: 1.8em; font-weight: normal; margin-top:0px; margin-bottom:12px; text-transform: uppercase; line-height:1.3em; }
h2 { font-family: Lato, Lato; font-size: 1.8em; font-weight: normal; margin-top:0px; margin-bottom:12px; text-transform: uppercase; line-height:1.3em; }
p { text-align:justify; }
a:link, a:active, a:visited { color: #6B7749; text-decoration:underline; font-weight:normal; }
a:link:hover, a:active:hover, a:visited:hover { color: #88A041; text-decoration:underline; font-weight:normal; }

/* Header */
#contact { position: relative; z-index:100; }
#contact img { width:100%;  }

/* Slideshow */
.slideshow .banner { padding:0; margin-top:0px; margin-left:0px; position:relative; width:600px; height:200px; z-index:50; }
.slideshow .banner:hover { border-color: #fff; }
.slideshow .banner img { position: absolute; top: 0;}

/* Visitor Review */
.visitorreview { font-family: Lato, Lato; font-size:1.3em; color: #13313C; line-height: 1.4em; padding-bottom:15px; margin-bottom:15px; border-bottom: dotted 2px #9AA58C; }
.visitorreview .name { font-weight: bold; margin-bottom:5px; }
.visitorreview .summary { margin-bottom:10px; }
.visitorreview .title { float: left; width:120px; margin-bottom:1px; padding:0; font-weight:normal; }
.visitorreview .result { float: left; width:100px; font-weight:bold; }
.reviewsummary { background: #000; border: solid 1px #fff; padding:10px;  font-family: Lato; font-size:1.5em; }
.reviewsummary .number { margin-bottom: 10px; color: #fd9409; }
.summaryheading { color: #fff; font-weight:bold; margin-bottom:10px; }
.summaryresult { color: #fff; font-weight:normal; margin-bottom:5px; }

/* Main menu */
#menu { border:0; width:1000px; height:35px; margin-left:0px; background: #427f45; border-top: solid 1px #8dd391; display:none; }
#menu ul {margin:0; padding:0; list-style-type: none; }
#menu li { float: left; display: inline; }
#menu li:hover { display: inline;}
#menu li a { font-family: Lato; display:block; color: #fff; font-weight: bold; font-size:1.2em; border-right: solid 1px #8dd391; padding:9px 0px 9px 0px; width:199px; text-align:center; text-decoration: none; text-transform:none; }
#menu li a:hover { color:#feff1b; background: #326034; }
#menu li.menu5 a { border: none;  }
#menu ul ul { display: none; position: absolute; top: auto; left: auto; width:199px; z-index:1000; margin-top:0px; margin-left:-1px; border-top: solid 1px #8dd391; }
#menu li:hover ul { display: block; }
#menu li li a { font-size:1.2em; padding: 9px 0px 8px 0px; width:199px; color: #fff; background: #427f45; margin-top: 0px; text-transform:none; border: solid 1px #8dd391; border-top:none; text-decoration:none; }

/* Main */
#main { background: #fff; min-height:200px; width: calc(100% - 20px); margin-top:-20px; padding: 0px 10px; }
#left { float: left; width: 120px; padding-right:30px; background: url(/images/base/left.png) no-repeat; min-height:300px; }
#left .logo { margin: 20px 0px; }
#left .wigwams { margin-left:14px; margin-bottom:20px; }
#centre { float: left; width: 590px; }
#right { float: right; width: 210px; padding-left: 50px; background: url(/images/base/right.png) no-repeat; min-height:300px; }

/* Links */
#links { margin-bottom:20px; }
#links .link { margin-top:20px; }

/* Link Captions */
#linkcaptions .caption { margin-bottom:15px; }
#linkcaptions .picture { float: left; width:120px; }
#linkcaptions .details { float: left; width:400px; }
#linkcaptions h2 {  font-family: Lato, Lato; font-size: 1.4em; color: #759916; font-weight: normal; margin-top:5px; margin-bottom:4px; text-transform: uppercase; line-height:1.3em; }
#linkcaptions .description {  line-height: 1.4em; margin-bottom:6px; }
#linkcaptions .link { font-size:1.2em; font-weight:bold; }

/* Google Map */
.maptitle { width: 480px; padding: 10px; font-family: Lato; font-size:1.4em; font-weight:bold; color: #fff; background: #2f5b31; margin-bottom:1px; text-transform:uppercase;}
.map { width:500px; height:440px; border: none; position:relative; margin-top:0px; margin-bottom:15px; }
.map .marker { font-family:Lato; 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: Lato; }
#directions { font-family: Lato; font-size:1.0em; padding:0px; margin-left:0px; width: 450px; margin-bottom:20px;}
.overlaytitle { color: #416d46; font-size:1.4em; font-weight:bold; font-family:Cambria; text-transform:uppercase; }
.overlay { color: #222; font-size:1.1em; margin-top:8px; }

/* Captions */
.captions { margin-top:0px; margin-left:-10px; }
.caption { float: left; margin-left:10px; }
.caption h2 { width: 300px; padding: 10px; background: #427f45; color: #fff; font-size:1.4em; font-family: Lato, Lato; font-weight:bold; text-align:center; margin-bottom:0px;  }
.caption h2:hover { background: #326034; color: #feff1b; cursor: pointer; }
.caption .picture { width: 320px; height:240px; overflow: hidden; }
.caption .picture:hover { cursor: pointer; }
.caption .details { width: 300px; padding: 10px; background: #efefef; color: #000; line-height:1.5em; text-align:left; height:80px; }
.caption .details:hover { background: #dedede; cursor: pointer; }

/* Footer */
#footer { margin-top:0px; padding:10px; position: absolute; width:2000px; left:50%; margin-left:-1000px; text-align:center; line-height:1.4em; text-align: center; color: #fff; height:100px; background: #7d8c55; margin-top:20px; }
#footer .text { font-size:1.2em; font-weight:bold;  padding: 8px 0px; line-height:1.5em; }
#footer a { color: #d0efd2; font-weight:bold; }
#footer a:hover { color: #8bed90; font-weight:bold; }
#footer .icons { margin-left:470px; }
#footer .icon { float: left; margin-right:15px; }

/* Progress Bar */
.progress { margin-top:16px; 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: #f7a32b; }
.progress .title { float:left; width: 182px; text-align: left; margin-bottom:2px;  }
.progress .standard { float:left; width: 180px; height: 8px; background: #e2e2e2; margin-right:1px; margin-top:0px; }
.progress .selected { float:left; width: 180px; height: 8px; background: #f7a32b; margin-right: 1px; margin-top:0px; }

/* Revieew */
.review { margin-bottom:20px; padding-bottom:20px; border-bottom: dotted 1px #ddd; }
.reviewtitle { font-size:1.2em; font-weight:bold; margin-bottom:4px; }
.reviewdescription { margin-bottom:10px; }
.reviewscoretitle { float: left; padding-top:1px; margin-right:10px; }
.reviewscore { float: left; }
.reviewbutton { font-size:1.2em; font-weight:bold; padding:4px 10px; }

/* Book */
#book { line-height:1.5em; width:100%; }
#book h1 { margin-top:20px; margin-bottom:10px; }
#book h2 { margin-top:0px; margin-bottom:8px; }
#book .topleft { float: left; width:480px; margin-right:40px; }
#book .topright { float: left; width: 460px; margin-top:-40px; }
#book .bookingrule { font-weight: bold; margin-bottom:20px; }
#book .title { float: left; width:90px; padding-top:4px; margin-bottom:6px; }
#book .value { float: left; margin-bottom: 6px; }
#book .availability { background: #d34f17; color: #fff; padding:10px; font-weight:bold; border: solid 1px #4a5937; border-radius: 7px; }
#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.0em; color: #fff; line-height: 1.5em;  }
#book .bookingmessage { font-size:1.0em; 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 .extras { background: #d6efc9; padding: 10px; border: dotted 1px #7da866; line-height:1.6em; border-radius:7px; }
#book .extras table { border:none; }

/* Full calendar */
.fullcalendar { width:100%; margin-top:10px; margin-bottom:30px; }
.fullcalendar table { width:calc(100% - 40px); }
.fullcalendar .titleheading { background: #000; color: #fff; }
.fullcalendar .titleheading td { padding: 5px; font-size:1.1em; }
.fullcalendar .rowdark { background: #efefef; }
.fullcalendar .rowlight { background: #f5f5f5; }
.fullcalendar .rowdark td { padding: 5px; font-size:1.1em; }
.fullcalendar .rowlight td { padding: 5px; font-size:1.1em; }
.fullcalendar .weekcommencing { background: #4A5938; width:calc(100% - 20px); padding: 10px; color: #fff; }
.fullcalendar .wc { color: #CEE2B5; }
.fullcalendar .input { border:none; color: #fff; text-decoration:none; font-size:1.2em; font-weight:bold; }
.fullcalendar .input:hover { text-decoration:none; color: #FFF53F;  font-size:1.2em; font-weight:bold; }
.fullcalendar .rowdark .roomname { color: #fff; background: #4A5938; }
.fullcalendar .rowlight .roomname { color: #fff; background: #5F7248; }
.fullcalendar .rowdark .available { color: #222; background: #CAD37A; }
.fullcalendar .rowlight .available { color: #222; background: #CAD37A; }
.fullcalendar .rowdark .available:hover { color: #222; background: #BCC471; cursor: pointer; }
.fullcalendar .rowlight .available:hover { color: #222; background: #BCC471; cursor: pointer; }
.fullcalendar .rowdark .booked { color: #222; background: #666666; }
.fullcalendar .rowlight .booked { color: #222; background: #666666; }

/* Visitors Book */
#visitorsbook { background: #efefef; padding: 10px; margin-top:20px; line-height:1.5em; }
#visitorsbook h2 { margin-top:0px; text-transform:none; }
#visitorsbook .review { margin-top:14px; border-top: solid 1px #dedede; padding-top:14px; }

/* Photo Gallery */
.photogallery { width:480px; height:400px; z-index:200; margin-top:20px; padding-bottom:10px; margin-bottom:0px; }
.photogallery h2 { width: 460px; padding: 10px; font-family: Lato; font-size:1.4em; color: #fff; background: #2f5b31; margin-bottom:1px; }
.photogallery .photos { width: 480px; height: 360px; z-index:100; margin-left:0px; margin-top:0px;}
.photogallery .photo { width: 480px; height: 360px; }
.photogallery .photo img { width: 480px; height: 360px;  }
.photogallery .options { margin-top: -220px; position: absolute; z-index:200; height:100px; width:480px;  }
.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: Lato; }
.photogallery .labels { position: absolute; margin-top:-36px; margin-left:10px; z-index:200; }
.photogallery .labels .label { float: left; width:20px; height:15px; padding: 5px 3px 6px 3px; margin-right:3px; text-align:center; color: #fff; font-weight:bold; background: url(/images/base/gallerylabel.png); z-index: 200; 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:15px; border: solid 1px #c4b1e0; padding: 4px 2px 5px 2px; margin-right:3px; 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;}

/* Availability Calendar */
.calendar { margin-bottom:0px; margin-top:10px; }
.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: #7d8c55; color: #fff; }
.calendar .available:hover { background: #647044; cursor: pointer; }
.calendar .available a { background:none; text-decoration:none; font-weight:bold; }
.calendar .available a:hover { color: #fff575; font-weight:bold; }
.calendar .closed { background: #582e92; color: #fff; }
.calendar .booked { background: #666; color: #fff; }
.calendar .telephone { background: #cad37a; color: #444; }
.calendar .telephone:hover { }
.calendar .telephone a { background:none; text-decoration:underline; color: #fff; }
.calendar .telephone a:hover { background: none; color: #fff;}
.calendar .keyavailable { float: left; width: 24px; height:20px; background: #7d8c55; 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 .keytelephone { float: left; width: 24px; height:20px; background: #cad37a; 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; }
.value { float:left; }
.button { font-weight:bold; font-size:1.4em; padding: 6px 12px; background: #7d8c55; color: #fff; border: none; }
.button:hover { cursor: pointer; background: #5f6b41; border: none; }
.button:disabled { cursor: pointer; background: #ddd; }
.button:disabled:hover { cursor: default; }
.terms { margin-top: 10px; margin-bottom:10px; font-weight: bold; }

/* Availability */
.telephoneonly { background: #abb73c; color: #fff; font-weight:bold;padding:10px; width: 500px; margin-top:20px; line-height:1.5em; font-size:1.2em; }
.results { margin-top:20px;}
.results .item { background: #efefef; border: solid 1px #ccc; padding:10px; margin-bottom:10px; }
.results .picture { float: left; width: 320px;  }
.results .details { float: left; width: 598px; margin-right:40px;}
.results h2 { margin-top:0px; text-transform:uppercase; }
.results .description { margin-bottom:12px; }
.results .continue { float: left; margin-left:10px; margin-top:-4px; }
.results .title { width:170px; }


/* 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: 90px; 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: Lato;  }
#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 { margin-top:20px; }
.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:120px; margin-bottom:0px; }
.complete .value { float: left; padding-top: 0px; margin-bottom:0px; }
.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: #222; }
.complete .titleheading td { padding:4px 5px; }
.complete .roomrow { background: #dedede; font-weight:bold; }
.complete .extrarow { background: #aadde2; 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 .button { color: #fff; background: #8294c4; border:0; padding: 8px; }
.complete .button:hover { background: #6b7aa0; color: #fff; }
.input { font-family: Lato; border: solid 1px #bbb; font-size:1.0em; }
.complete .divider { clear: both; height:6px; margin-bottom:6px;  border-bottom: dotted 1px #ccc; }
.complete .note { padding-top:5px; border-top: dotted 1px #ccc; margin-top:5px; }

/* 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; }