﻿.af-book-online { 
	max-width:1200px;
	margin:0 auto;
}

.location {
	width: 360px;
	max-width: 100%;
	margin-right: 20px;
	margin-bottom: 20px;
	display: inline-block;
	vertical-align: top;
}

	.location h3 {
		width: calc(100% - 20px);
		padding: 15px 10px;
		background: #444;
		text-align: center;
		color: #fff;
		margin-bottom: 0px;
	}

	.location img {
		width: 100%;
		transition: 0.25s;
		opacity: 0.75;
	}

		.location img:hover {
			cursor: pointer;
			opacity: 1;
		}

.book { 
}

	.book .left { 
		display:inline-block;
		vertical-align:top;
		width:460px;
		margin-right:40px;
		margin-top:20px;
	}

	.book .right {
		margin-top:20px;
		display: inline-block;
		vertical-align: top;
		width: calc(100% - 510px);
	}

	.book .item { 
		margin-bottom:3px;
		width:130px;
		margin-right:10px;
		display:inline-block;
		vertical-align:middle;
		color: #888;
	}

	.book .item.top { 
		vertical-align:top;
	}

	.book .value {
		display: inline-block;
		vertical-align: middle;
	}

	.book .clear { 
		padding-bottom:10px;
		margin-bottom:10px;
		border-bottom: solid 1px #ddd;
	}

.calendar-label { 
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
}

.calendar-month-selector {
	display: inline-block;
	vertical-align: middle;
}

.calendar-clear { 
	clear:both;
	height:20px;
}

.book .right td { 
	padding:5px;
	text-align:center;
	min-width:30px;
}

	.book .right .calendar-key td { 
		min-width:10px;
		padding:2px 8px;
	}

	.book .right .days {
		background: #444;
		color: #fff;
	}

.book .right .unavailable { 
	background: #f8f8f8;
	color: #ccc;
}

.book .right .limited {
	background: #fd9409;
	color: #fff;
	transition:0.25s;
}

.book .right .available {
	background: #00BBEA;
	color: #fff;
	transition: 0.25s;
}

.book .right .limited:hover, .book .right .available:hover { 
	filter:brightness(0.9);
	cursor: pointer;
}

.book .right .calendar-key { 
	margin-top:20px;
}

/* Basket */
.basket {
	margin-bottom: 50px;
	padding: 0px;
	background: #fff;
	position: relative;
}

	.basket h3 {
		margin-top: 0px;
		font-size: 1.6em;
	}

	.basket .number {
		position: absolute;
		top: 0px;
		right: 0px;
		background: #444;
		padding: 10px 20px;
		color: #fff;
		font-size: 1.2em;
		display: none;
	}

	.basket td {
		padding: 5px 6px;
		border-top: solid 1px #ccc;
	}

	.basket .input {
		background: #666;
		border: solid 0px #fff;
		border-radius: 3px;
		padding: 6px 15px;
		color: #fff;
		transition: 0.25s;
		margin: 5px 0px;
	}

		.basket .input:hover {
			background: #444;
			cursor: pointer;
		}

	.basket .subtotal {
		background: #eee;
		font-weight: 600;
		font-size: 1.2em;
	}

		.basket .subtotal td {
			padding: 8px 6px;
			border-bottom: solid 1px #ccc;
		}

.book .instructions, .book .gdpr { 
	padding:15px;
	background: #f8f8f8;
	display:inline-block;
	border-radius:5px;
	width:600px;
}

.book .gdpr {
	background: #FEF2F4;
}

.book .clear0 { 
	clear:both;
	height:20px;
}

.book input[type="checkbox"] { 
	width: 1.3em;
	height: 1.3em;
	vertical-align:middle;
}

.book label { 
	vertical-align:middle;
	padding-left:5px;
}

.book .button { 
	font-size:1.2em;
}

.book .button:disabled:hover { 
	background: #f8f8f8;
	color: #bbb;
	cursor:default;
	border: solid 1px #ccc;
}

.summary-table table { 
	margin:20px 0px 10px 0px;
}

.summary-table table, .summary-table td {
	border: solid 1px #ccc;
	border-collapse: collapse;
}

.summary-table td { 
	padding:8px;
}

.summary-table .titleheading { 
	background: #f8f8f8;
	font-weight:600;
}

