/* Standard */
body { background: #fff url(/images/base/bg2.png) repeat-x; margin: 0 auto; }
form { font-family: Nunito; font-size: 0.8em; color: #444; border:none; margin:0 auto; width:1000px; line-height:1.4em; margin-top:0px; margin-bottom:10px; padding:0px; }
h1 { font-family: Nunito; font-size: 1.8em; color: #45803C; font-weight: normal; margin-top:16px; margin-bottom:12px; text-transform: none; line-height:1.3em; }
h2 { font-family: Nunito; font-size: 1.8em; color: #45803C; font-weight: normal; margin-top:16px; margin-bottom:12px; text-transform: none; line-height:1.3em; }h3 { font-family: ; font-size: 1.6em; color: #6b86a0; font-weight: bold; margin-top:10px; margin-bottom:12px; text-transform: uppercase; line-height:1.3em; }
h3 { font-family: Nunito; font-size: 1.8em; color: #45803C; font-weight: normal; margin-top:16px; margin-bottom:12px; text-transform: none; line-height:1.3em; }a:link, a:active, a:visited { color: #222; }
p { text-align:justify; }
a:link { color: #353f15; }
a:link:hover { color: #c1761b; }
.input { font-family:Nunito; }

/* Header */
#header {margin:0; margin-top:0px; padding:0; border:0; height:120px; margin-top:0px; position: relative; }
#strapline { font-weight:normal; font-size:1.7em; margin-top:-17px; color: #fff; text-transform:none; font-family: Nunito, Nunito; text-align:center; color: #dbbe9b; margin-bottom:40px; }

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

#main { padding: 20px 10px; background: #fff; }

/* Book Online */
.caption { margin-bottom:40px; margin-top:10px; padding: 0px; background: #f8f8f8; border: solid 0px #ccc; border-radius:0px; }
.activityphoto { display:inline-block; margin-right:0px; vertical-align:top; width:300px; max-width:100%; }
.activityphoto img { width:100%; }
.activitydesc { display:inline-block; vertical-align:top; padding:10px 20px; width:calc(100% - 360px); }
.activitydesc h2 { margin-top:0px; }
.title { float:left; width:190px; padding-top:3px; margin-bottom:14px; }
.title2 { float:left; width:190px; padding-top:4px; margin-bottom:14px; }
.value { float:left; }
.button { padding: 6px 20px 7px 20px; font-family: Nunito, Nunito; font-weight:normal; font-size:1.0em; border:none; background: #45803C; border: solid 0px #fff; border-radius:5px; color: #fff; transition:0.25s; margin-top:-2px; }
.button:hover { cursor: pointer; background: #222; }
.button:disabled {background: #ddd;  color: #fff; }
.button:disabled:hover { cursor: default; background: #ddd;  color: #fff;  }
.button:focus { outline:none; }
.button2 { padding: 6px 20px 7px 20px; font-family: Nunito, Nunito; font-weight:normal; font-size:1.4em; border:none; background: #45803C; border: solid 0px #fff; border-radius:5px; color: #fff; transition:0.25s;  }
.button2:hover { cursor: pointer; background: #222; }
.button2:disabled { background: #ddd;  color: #fff; }
.button2:disabled:hover { cursor: default; background: #ddd;  color: #fff;  }
.button3 { padding: 6px 20px 7px 20px; font-family: Nunito, Nunito; font-weight:normal; font-size:1.4em; border:none; background: #45803C; border: solid 0px #fff; border-radius:5px; color: #fff; transition:0.25s; }
.button3:hover { cursor: pointer; background: #222; }
.button3:disabled {background: #ddd;  color: #fff; }
.button3:disabled:hover { cursor: default; background: #ddd;  color: #fff;  }
.warning { background: #45803c; color: #fff; padding:5px 10px; font-weight:bold; margin-top:8px; margin-bottom:12px; }
.item { float:left; width:140px; padding-top:2px; margin-bottom:3px; }
.value { float:left; width:calc(100% - 160px); margin-bottom:8px; max-width:200px; margin-left:10px; margin-right:10px; }
.groupon { margin-bottom:20px; padding:5px; background:#FFFA77; width:100%; max-width:500px; }
.vouchers { display:none; }
.promotions { display:none; }
input[type="checkbox"] { width:1.2em; height:1.2em; vertical-align:bottom; padding-right:10px; }
input[type="checkbox"] label { vertical-align:bottom; padding-left:10px; }
.item2 { display:inline-block; vertical-align:top; width:140px; margin-right:10px; margin-bottom:8px; }
.value2 { display:inline-block; vertical-align:top; max-width:calc(100% - 150px); margin-bottom:8px; }
.anotherbooking { font-size:1.4em; font-weight:600; margin:30px 0px; }
.anotherbooking a:link, .anotherbooking a:active, .anotherbooking a:visited { text-decoration:none; transition:0.25s; }
.anotherbooking a:link:hover, .anotherbooking a:active:hover, .anotherbooking a:visited:hover { color: #fd9409; }

/* Book */
#book { padding:20px 0px; }
.calendarpanel { float:left; width:540px; margin-top:0px; }
.dateselectpanel { float:left; width:440px; margin-bottom:20px; }
.calendar { margin-bottom:20px; margin-top:0px;  }
.calendar .cal { float:left; width:275px; margin-right:20px; }
.calendar .keyholder { float:left; margin-left:0px; 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;}
.calendar .unavailable { background: #ddd; color: #aaa; }
.calendar .available { background: #40B74A; color: #fff; }
.calendar .available:hover { background: #40B74A; cursor: pointer; }
.calendar .available a { background:none; text-decoration:underline; color:#fff; transition:0.25s;}
.calendar .available a:link:hover, .calendar .available a:active:hover, .calendar .available a:visited:hover { color: #222; }
.calendar .limited { background: #FD9409; color: #fff; }
.calendar .limited:hover { background: #FD9409; cursor: pointer; }
.calendar .limited a { background:none; text-decoration:underline; color: #fff; transition:0.25s;}
.calendar .limited 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: #fff; }
.calendar .closed { background: #444; color: #fff; }
.calendar .booked { background: #444; color: #fff; }
.calendar .telephone { background: #eab46e; color: #fff; }
.calendar .telephone:hover { background: #eab46e; }
.calendar .telephone a { background:none; text-decoration:underline; }
.calendar .telephone a:hover { background: none; }
.calendar .keyavailable { float: left; width: 24px; height:20px; background: #FFDD87; 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: #eab46e; margin-right:8px; }
.calendar .key {float: left; margin-top:0px; margin-right:20px; width:340px; }

/* Availability */
.telephoneonly { background: #545454; border-radius:0px; color: #fff; font-weight:normal; font-size:1.2em; padding:10px 20px; width: 530px; 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: "Alegreya Sans", 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: 620px; 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-left:0px; margin-top:10px; }
.results .continue .selectnumber { float: left; margin-right:10px; padding-top:10px; }
.results .continue .continuebutton { float: left; margin-top:-1px; }
.results .continue .number { float: left; margin-right:10px; padding-top:7px; margin-bottom:20px; }
.results .continue .input { font-size:1.2em; font-weight:bold;  }
.results .continue .button { padding: 7px 20px; font-family: Nunito, Nunito, Arial; font-weight:normal; font-size:1.5em; margin-bottom:20px;}
.results .continue .button:disabled { background: #dedede; color: #efefef; }
.results .price { margin-top:10px; margin-bottom:20px; font-size:1.2em; color: #545454; display:none; }
.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; }
.paymentinfo {margin-bottom:40px; line-height:1.6em; font-size:1.2em; font-weight:bold;  color: #fff; background: #54C136; border: solid 1px #54C136; border-radius:5px; padding:10px 20px; width:800px; max-width:calc(100% - 42px); }

/* Options */
.summary .voucherlabel { padding: 5px 10px; background: #4B83C6; color: #fff; }
.summary .left { float: left; width: 460px; margin-right:60px; }
.summary .right {float: left; width:440px; }
.summary .pricenote { color: #fff; background: #57CC74; padding: 3px 10px; margin-top:3px; width:400px; }
.summary .title { padding-top:0px; margin-bottom:8px; width:170px; }
.summary .title2 { padding-top:4px; margin-bottom:4px; width:170px; }
.summary .title3 { padding-top:4px; margin-bottom:4px; width:120px; float:left; }
.summary .value { padding-top:0px; margin-bottom:4px; }
.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% - 20px); 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:"Alegreya Sans", 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: "Alegreya Sans", Arial; font-size: 1.0em; background: #fadadb; }
.summary .taken { background: #c70f12; padding:5px; color: #fff; font-weight: bold; font-family:"Alegreya Sans", 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;  }

/* Complete Bookings */
.complete {}
.complete .left { float: left; width:520px; margin-right:60px; }
.complete .right { float: left; width: 340px; margin-top:-20px; background: #efefef; padding:10px; padding-bottom:25px; border: solid 1px #aaa; }
.complete .right h2 { margin-top:0px; }
.complete .title { float: left; padding-top:0px; width:130px; margin-bottom:6px; color: #888; }
.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: #545454; }
.complete .titleheading td { padding:4px 5px; }
.complete .amountdue {height:36px; color:#fff; font-weight:normal; background: #222; }
.complete .amountdue td { padding:4px 5px; }
.complete .roomrow { background: #E6E5D2; border-bottom: solid 1px #ccc; }
.complete .extrarow { background: #eee; border-bottom: solid 1px #ccc;}
.complete .discountrow { background: none; 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; font-weight:bold; color: #4B83C6; }
.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; padding: 5px 10px 7px 10px; text-decoration:none; background: #545454; border: solid 1px #545454; }
.complete .button:hover { color: #fff; background: #45803C; border-color: #45803C; cursor: pointer; padding: 5px 10px 7px 10px; }
.complete .separator { padding-top:0px; margin-bottom:4px; border-bottom: dotted 1px #aaa; width:620px;}

@media only screen and (max-width: 736px)
{
	/* Mobile Layout */
	body { background: #efefef; }
	form { margin-top:0px; margin-bottom:0px; width:100%; overflow-x:hidden; }
	#menu { display:none; }
	#header { height:auto; background: #E6E5D2 url(/images/base/bg2.png); width:100%; padding:20px 0px; text-align:center; background: #41803F }
	#header img { width:100%;  }
	#header .logo { float:none; text-align:center; font-size:2.2em; padding: 20px 10px 10px 10px; width:calc(100% - 20px); margin-left:0px; }
	#header .award { float:left; margin-right:10px; display:none; }
	#header .contact { float: none; background: #545454; text-align:center; padding:10px; padding-top:0px; width:calc(100% - 20px); }
	#header .address { display: none; }
	#header .book { float:right; }
	#header .menuicon { display:block; float:left; margin-top:13px; }
	
	.activityphoto { width:100%; margin-bottom:10px; }
		
	#main { width:calc(100% - 20px); padding:10px; }
		
	.calendarpanel { float:none; width:100%; margin-top:-40px;}
	.dateselectpanel { float:none; width:100%; padding-bottom:30px; }
	.calendar .cal { float:none; width:100%; }
	.calendar .keyholder { float:none; margin-left:0px; margin-top:20px; width:100%; font-size:1.0em; }
	#book .title { float: none; margin-bottom:4px; color: #888; }
	#book .title3 { float: none; margin-bottom:4px;  }
	#book .value { float:none; margin-bottom:10px; }
	.results .picture { float: left; width: 280px;  }
	.results .thumbnails { display:none; }
	.results .details { float: none; width: 100%; margin-right:0px;}
	.progress { display:none; }
	.telephoneonly { background: #545454; 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 .left { float: none; width: 100%; margin-right:0px;}
	.summary .right {float: none; width:100%; }
	.summary .title3 { float:none; }
	.complete .left { float: none; width: 100%; margin-right:0px; }
	.complete .right {float: none; width:calc(100% - 20px); margin-top:30px; }
	
	#footer { margin-top:0px; padding: 20px 20px; width: calc(100% - 40px); background: #545454; color: #fff; margin-left:0px; position:relative; left:0; overflow:hidden; line-height:1.8em; text-align:center; font-size:1.0em; }

}