/******************************************/	
/* CSS powered by clock - www.clock.co.uk */
/******************************************/	

/** 
* Overwritten Styles
**/
.booking #wrapper {
	min-height: 810px;
	_height: 810px;
}
.booking.level-select #wrapper {
	min-height: 580px;
	_height: 580px;
}

/**
* Booking Booths
**/
#container.booking {
	background-image: url("/resource/image/background/booking.jpg");
}
.booking #navigation {
	background-image: url("/resource/image/menu/background-booking.gif");
}

/* Christmas Notice */
#christmas-notice {
	position: absolute;
	z-index: 100;
	margin: 400px 0px 0px 310px;
}
.minories #christmas-notice,
.sky-bar #christmas-notice {
	margin: 215px 0px 0px -480px;
}

/* Header */
#header {
	margin: 20px 0px 0px -510px;
}

#background-screen {
	position: absolute;
	z-index: 1000;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 200%;
	background-color: #333333;
	filter: alpha(opacity=54);
	opacity: 0.54;
	-moz-opacity: 0.54;
}

#background-screen-transparent {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 150%;
}

/* Titles */
.booking h2 {
	float: right;
	display: inline;
	background-image: url("/resource/image/title/booking/book-a-booth.gif");
	display: block;
	width: 180px;
	height: 41px;
	margin-right: 37px;
	margin-top: -15px;
}
.booking h3 {
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.booking h3 span {
	display: none;
}
.preview-seating h3,
.full-seating h3 {
	display: block;
	width: 290px;
	height: 44px;
	margin: 15px 0px 15px 3px;
	background-repeat: no-repeat;
}
.stair-booth-and-chaise h3 {
	background-image: url("/resource/image/title/booking/pop-up/stair-chaise.gif");
}
.square-booth h3 {
	height: 69px;
	background-image: url("/resource/image/title/booking/pop-up/square-booth.gif");
}
.crescent-booth-1 h3 {
	background-image: url("/resource/image/title/booking/pop-up/crescent-booth-1.gif");
}
.crescent-booth-2 h3 {
	background-image: url("/resource/image/title/booking/pop-up/crescent-booth-2.gif");
}
.big-booth h3 {
	height: 67px;
	background-image: url("/resource/image/title/booking/pop-up/big-booth.gif");
}
.half-aquarium-booth-1 h3 {
	height: 66px;
	background-image: url("/resource/image/title/booking/pop-up/half-aquarium-1.gif");
}
.half-aquarium-booth-2 h3 {
	height: 66px;
	background-image: url("/resource/image/title/booking/pop-up/half-aquarium-2.gif");
}
.whole-aquarium h3 {
	height: 67px;
	background-image: url("/resource/image/title/booking/pop-up/whole-aquarium.gif");
}
.big-table-1 h3 {
	height: 67px;
	background-image: url("/resource/image/title/booking/pop-up/big-table-booth-1.gif");
}
.big-table-2 h3 {
	height: 67px;
	background-image: url("/resource/image/title/booking/pop-up/big-table-booth-2.gif");
}
.glass-crescent-booth-1 h3 {
	height: 64px;
	background-image: url("/resource/image/title/booking/pop-up/glass-crescent-booth-1.gif");
}
.romeo-and-juliet h3 {
	height: 58px;
	background-image: url("/resource/image/title/booking/pop-up/romeo-and-juliet.gif");
}
.sky-bar h3 {
	height: 61px;
	background-image: url("/resource/image/title/booking/pop-up/sky-bar.gif");
}

/**
* Select Floor Level
**/
.level-select #instructions {
	left: 175px !important;
	top: 54px !important;
	width: 400px;
}
.level-select #floorplan h3 {
	display: none;
}
#floor-level {
	position: absolute;
	width: 700px;
	margin: 265px 0px 0px -325px;
}
#floor-level div {
	float: left;
	display: inline;
	margin-right: 25px;
}
#floor-level h4 {
	display: block;
	width: 200px;
	height: 56px;
	background-repeat: no-repeat;
	background-position: right 7px;
}
#floor-level a {
	width: 200px;
	height: 200px;
	float: left;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#floor-level a:hover,
#floor-level a:active {
	background-position: -250px 0px;
}
#floor-level span {
	display: none;
}
#floor-level #minories-level h4 {
	background-image: url("/resource/image/title/booking/minories.gif");
}
#minories-level a {
	background-image: url("/resource/image/booking/floor-level/minories.gif");
}
#floor-level #downstairs-level h4 {
	background-image: url("/resource/image/title/booking/downstairs.gif");
}
#downstairs-level a {
	background-image: url("/resource/image/booking/floor-level/downstairs.gif");
}
#floor-level #sky-bar-level h4 {
	background-image: url("/resource/image/title/booking/sky-bar.gif");
	background-position: right 0px;
}
#sky-bar-level a {
	background-image: url("/resource/image/booking/floor-level/sky-bar.gif");
}


/* Help Link */
/*a.need-help {
	position: absolute;
	z-index: 500;
	margin: -120px 0px 0px -70px;
	width: 130px;
	height: 81px;
	background-image: url("/resource/image/footer/need-help.gif");
}
a.need-help span {
	display: none;
}*/


/**
* Floorplan
**/
#floorplan-background {
	position: absolute;
	margin: 100px 0px 0px -420px;
	filter: alpha(opacity=80);
	opacity: 0.80;
	-moz-opacity: 0.80;
}
#floorplan {
	float: left;
	display: inline;
	width: 825px;
	margin: 100px 0px 0px -420px;
	padding: 20px 0px 0px 0px;
}
#floorplan h3 {
	position: absolute;
	margin: 260px 0px 0px 405px;
	*margin: 260px 0px 0px 405px; /* For IE7 */
	_margin: 260px 0px 0px 405px; /* For IE6 */
	display: block;
	width: 119px;
	height: 25px;
}
.minories #floorplan h3 {
	height: 28px;
	margin: 260px 0px 0px 58px;
	*margin: 260px 0px 0px -78px; /* For IE7 */
	_margin: 260px 0px 0px -72px; /* For IE6 */
	background-image: url("/resource/image/title/booking/minories-red.gif");
}
.downstairs #floorplan h3 {
	background-image: url("/resource/image/title/booking/downstairs-red.gif");
}
.sky-bar #floorplan h3 {
	height: 56px;
	margin: 250px 0px 0px 105px;
	*margin: 250px 0px 0px 105px;
	background-image: url("/resource/image/title/booking/sky-bar-red.gif");
}
#instructions {
	float: right;
	position: relative;
	top: 80px;
	right: 60px;
	_right: 25px;
	_top: 80px;
}
.minories #instructions {
	top: 50px;
	left: 35px;
	width: 270px;
	_top: 50px;
	_left: 70px;
}
.sky-bar #instructions {
	left: 175px;
	top: 50px;
}
#instructions p {
	text-align: right;
	margin-bottom: 5px;
}

/**
* Booking Area
**/
#book-booth {
 position: absolute;
 z-index: 10;
 margin: 100px 0px 0px -420px;
}
#seating-area {
	width: 820px;
	height: 446px;
	padding: 0px 0px 0px 0px;
	display: block;
	margin: 0px 0px 1px 0px;
	/*border: 1px solid red;*/
}
#basement {
	margin-top: -20px;
}
#minories {
	margin-top: -10px;
}
#sky-bar-floorplan {
	margin: 70px 0px 0px 300px;
}

/* Floorplan Navigation */
#floorplan-navigation {
	position: absolute;
	z-index: 20;
}
#floorplan-navigation span {
	display: none;
}
#floorplan-navigation a {
	position: absolute;
	display: block;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#floorplan-navigation a:hover,
#floorplan-navigation a:active {
	background-position: -250px 0px;
}
#floorplan-navigation a.minories {
	width: 145px;
	height: 29px;
	margin: 377px 0px 0px 245px;
	background-image: url("/resource/image/booking/minories.gif");
}
#floorplan-navigation a.downstairs {
	width: 145px;
	height: 29px;
	margin: 415px 0px 0px 20px;
	background-image: url("/resource/image/booking/downstairs.gif");
}
#floorplan-navigation a.sky-bar {
	width: 82px;
	height: 57px;
	margin: 430px 0px 0px -400px;
	background-image: url("/resource/image/booking/sky-bar.gif");
}
.minories #floorplan-navigation a.sky-bar {
	margin: 250px 0px 0px -220px;
}
.sky-bar #floorplan-navigation a.downstairs {
	margin: 495px 0px 0px -260px;
	background-image: url("/resource/image/booking/downstairs-alternate.gif");
}
.sky-bar #floorplan-navigation a.minories {
	margin: 460px 0px 0px -215px;
}

/* Booth Positions and Characteristics */
.booth {
	width: 94px; 
	height: 100px; 
	display: block;	
	position: absolute;
	z-index: 5;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	/*border: 1px solid red;*/
}
.booth h4 {
	height: 25px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.booth.booked h4,
.booth.booked h4,
.booth.closed h4,
.booth.closed h4 {
	background-position: -250px 0px;
}
.booth h4 span {
	display: none;
}
div:hover.booth {
	cursor: pointer;
	background-position: -250px 0px;
}

/*
 * Downstairs
 */

#half-aquarium-booth-1 {
	margin: 70px 0px 0px 577px;
	*margin: 70px 0px 0px 153px;
	background-image: url("/resource/image/booking/booth/basement/aquarium-booth.gif");
	height: 73px; 
}
#half-aquarium-booth-1 h4 {
	width: 91px;
	margin: 77px 0px 0px 0px;
	background-image: url("/resource/image/title/booking/half-aquarium-1.gif");
}
#half-aquarium-booth-2 {
	margin: 85px 0px 0px 697px;
	*margin: 85px 0px 0px 273px;
	background-image: url("/resource/image/booking/booth/basement/aquarium-booth.gif");
	height: 73px; 
}
#half-aquarium-booth-2 h4 {
	width: 91px;
	margin: 77px 0px 0px 0px;
	background-image: url("/resource/image/title/booking/half-aquarium-2.gif");
}
#whole-aquarium {
	margin: 60px 0px 0px 566px;
	*margin: 60px 0px 0px 142px;
	background-image: url("/resource/image/booking/booth/basement/whole-aquarium.gif");
	width: 237px;
	height: 197px; 
	z-index: 2;
}
#whole-aquarium h4 {
	width: 155px;
	margin: 180px 0px 0px 3px;
	*margin: 180px 0px 0px -80px;
	background-image: url("/resource/image/title/booking/whole-aquarium.gif");
}
#crescent-booth-1 {
	margin: 190px 0px 0px 273px;
	*margin: 190px 0px 0px -151px;
	background-image: url("/resource/image/booking/booth/basement/circular-booth.gif");
	width: 67px;
	height: 73px; 
}
#crescent-booth-1 h4 {
	width: 59px;
	margin: 73px 0px 0px 27px;
	background-image: url("/resource/image/title/booking/crescent-booth-1.gif");
}
#crescent-booth-2 {
	margin: 190px 0px 0px 387px;
	*margin: 190px 0px 0px -37px;
	background-image: url("/resource/image/booking/booth/basement/circular-booth.gif");
	width: 67px;
	height: 73px; 
}
#crescent-booth-2 h4 {
	width: 60px;
	margin: 73px 0px 0px 27px;
	background-image: url("/resource/image/title/booking/crescent-booth-2.gif");
}
#stair-booth-and-chaise {
	margin: 200px 0px 0px 32px;
	*margin: 200px 0px 0px -390px;
	background-image: url("/resource/image/booking/booth/basement/stair-chaise.gif");
	width: 82px;
	height: 100px; 
}
#stair-booth-and-chaise h4 {
	width: 67px;
	margin: 83px 0px 0px 60px;
	background-image: url("/resource/image/title/booking/stair-chaise.gif");
}
#square-booth {
	margin: 205px 0px 0px 139px;
	*margin: 205px 0px 0px -285px;
	background-image: url("/resource/image/booking/booth/basement/square-booth.gif");
	width: 88px;
	height: 64px; 
}
#square-booth h4 {
	width: 47px;
	margin: 66px 0px 0px 53px;
	background-image: url("/resource/image/title/booking/square-booth.gif");
}
#big-booth {
	margin: 198px 0px 0px 499px;
	*margin: 198px 0px 0px 75px;
	background-image: url("/resource/image/booking/booth/basement/big-booth.gif");
	width: 53px;
	height: 38px; 
}
#big-booth h4 {
	width: 68px;
	margin: 42px 0px 0px -5px;
	_margin: 42px 0px 0px -2px;
	background-image: url("/resource/image/title/booking/mini-booth.gif");
}

/*
 * Minories
 */
#romeo-and-juliet {
	margin: 85px 0px 0px 670px;
	*margin: 85px 0px 0px 250px;
	background-image: url("/resource/image/booking/booth/minories/big-table-booth-02.gif");
	width: 108px;
	height: 105px;
}
#romeo-and-juliet h4 {
	width: 103px;
	height: 30px;
	margin: 77px 0px 0px -122px;
	*margin: 77px 0px 0px -272px;
	background-image: url("/resource/image/title/booking/romeo-and-juliet.gif");
	_position: relative;
	_margin: 0px 0px 0px 0px;
	_left: -140px;
	_top: 70px;
}
#glass-crescent-booth-1 {
	margin: 205px 0px 0px 305px;
	*margin: 205px 0px 0px -110px;
	background-image: url("/resource/image/booking/booth/minories/glass-crescent-booth.gif");
	width: 97px;
	height: 89px; 
}
#glass-crescent-booth-1 h4 {
	width: 96px;
	margin: 93px 0px 0px -3px;
	background-image: url("/resource/image/title/booking/glass-crescent-booth.gif");
}
#big-table-1 {
	margin: 220px 0px 0px 670px;
	*margin: 220px 0px 0px 250px;
	background-image: url("/resource/image/booking/booth/minories/big-table-booth-02.gif");
	width: 108px;
	height: 105px;
}
#big-table-1 h4 {
	width: 60px;
	margin: 20px 0px 0px -65px;
	*margin: 20px 0px 0px -175px;
	background-image: url("/resource/image/title/booking/big-table-01.gif");
	_position: relative;
	_margin: 0px 0px 0px 0px;
	_left: -90px;
	_top: 30px;
}
#big-table-2 {
	margin: 340px 0px 0px 685px;
	*margin: 340px 0px 0px 265px;
	background-image: url("/resource/image/booking/booth/minories/big-table-booth.gif");
	width: 108px;
	height: 105px;
}
#big-table-2 h4 {
	width: 60px;
	margin: 0px 0px 0px -65px;
	*margin: 0px 0px 0px -175px;
	background-image: url("/resource/image/title/booking/big-table-02.gif");
	_position: relative;
	_margin: 0px 0px 0px 0px;
	_left: -90px;
	_top: 5px;
}

/*
 * Sky Bar
 */
#sky-bar {
	margin: 183px 0px 0px 390px;
	*margin: 183px 0px 0px -34px;
	background-image: url("/resource/image/booking/booth/sky-bar/sky-bar.gif");
	width: 211px;
	height: 207px;
}
#sky-bar h4 {
	width: 103px;
	height: 30px;
	margin: 130px 0px 0px 140px;
	background-image: url("/resource/image/title/booking/private-bar.gif");
}

.booth.booked,
.booth.booked:hover,
.booth.booked:active,
.booth.closed,
.booth.closed:hover,
.booth.closed:active {
	background-position: -500px 0px;
	cursor: default;
}

/* IE6 Degrading Styles */
#seating-area .booked,
#seating-area .unavailable,
#seating-area .closed {
	_background-position: -500px 0px !important;
}

/* Preview Seating Area */
#preview-seating-area {
	position: absolute;
	top: 75px;
	left: 29%;
	z-index: 100;
	width: 445px;
	display: block;
	background-image: url("/resource/image/booking/panel-background.gif");
	background-repeat: no-repeat;
	background-color: #0B0C0B;
	border: 4px solid #FFFFDF;
	z-index: 1001;
	min-height: 400px;
	_height: 400px;
}
#preview-seating-area .beneath-content {
	position: absolute;
	z-index: 0;
	left: -109px;
	top: -135px;
	/*margin: -135px 0px 0px -109px;*/
}
#seating-area-details {
	position: relative;
	z-index: 10;
	text-align: left;
	padding: 0px 14px 14px 14px;
}
#seating-area-details span {
	display: none;
}
#seating-area-details img {
	border: 1px solid #FFFFFF;
}
#seating-area-details img:hover {
	filter: alpha(opacity=80);
	opacity: 0.80;
	-moz-opacity: 0.80;
}

/* Reservation Notice */
#reservation-notice {
	position: absolute;
	z-index: 1002;
	left: 415px;
	top: -75px;
	/*margin: -75px 0px 0px 200px;*/
}

/* Special Offers */
#seating-area-details #special-offer img {
	position: absolute;
	border: none;
	margin: -22px 0px 0px -27px;
}
#seating-area-details #special-offer ul {
	position: relative;
	margin-bottom: 10px;
}
#seating-area-details #special-offer li {
	color: #FFFFFF;
	padding-left: 17px;
	background-image: url("/resource/image/icon/booking/bullet.gif");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#seating-area-details #special-offer img:hover {
	filter: alpha(opacity=100);
	opacity: 1.00;
	-moz-opacity: 1.00;
}

/* Seating Area Images */
div.thumbnail {
	float: left;
	display: inline;
	background-color: #FFFFFF;
	*background-color: transparent;
}
div.thumbnail:hover {
	cursor: pointer;
}
#thumbnails {
	width: 96px;
	float: left;
	margin-right: 4px;
	_position: relative; /* Internet Explorer 6 */
	_z-index: 1003; /* Internet Explorer 6 */
}
#thumb-01,
#thumb-02,
#thumb-03 {
	float: left;
	display: inline;
	margin: 4px 0px 0px 0px;
	*margin: 1px 0px 0px 0px;
}
#main-image-holder {
	float: left;
	_position: relative; /* Internet Explorer 6 */
	_z-index: 1003; /* Internet Explorer 6 */
}
/*#thumb-02 {
	position: relative;
	z-index: 10;
}
#thumb-03 {
	position: relative;
	margin: -20px 0px 8px 4px;
	z-index: 5;
}
#seating-area-details img#main-image {
	margin: 0px 0px 0px 0px;
	*margin: 0px 0px -3px 0px;
}*/
#seating-area-details img#main-image:hover {
	filter: alpha(opacity=100);
	opacity: 1.00;
	-moz-opacity: 1.00;
}

/* Book Booth Link */
#seating-area-details a#book-seating-area {
	display: block;
	width: 317px;
	height: 25px;
	margin-bottom: 14px;
	background-image: url("/resource/image/booking/booth/view/book-booth.gif");
	background-repeat: no-repeat;
	background-position: 15px 0px;
	background-color: #FFFFFF;
	*margin-top: -3px;
}
#seating-area-details a#book-seating-area:hover,
#seating-area-details a#book-seating-area:active {
	background-position: -315px 0px;
}

/* Confirm Details */
#full-seating-area {
	position: absolute;
	top: 75px;
	left: 29%;
	z-index: 100;
	width: 445px;
	display: block;
	background-image: url("/resource/image/booking/panel-background.gif");
	background-repeat: no-repeat;
	background-color: #0B0C0B;
	border: 4px solid #FFFFDF;
}
#full-seating-area .beneath-content {
	position: absolute;
	z-index: 0;
	margin: -135px 0px 0px -109px;
}
#booking-details {
	position: relative;
	text-align: left;
	padding: 0px 14px 14px 14px;
}
#booking-information,
#seating-area-information,
#food-order-information,
#drink-order-information,
#booking-summary-information {
	border: 1px dotted #FFFFFF;
	margin-bottom: 14px;
	padding: 10px 10px 0px 10px;
	background-image: url("/resource/image/booking/popup-realtext-background.gif");
	background-color: #000000;
	background-repeat: no-repeat;
	filter: alpha(opacity=90);
	opacity: 0.90;
	-moz-opacity: 0.90;
}
#food-order-information,
#drink-order-information {
	padding: 10px 10px 10px 10px;
}
/*#booking-information p,
#seating-area-information p {
	font-weight: bold;
}*/
#need-help {
	position: absolute;
	z-index: 1004;
	margin: -95px 0px 0px 325px;
}
#need-help.reposition {
	margin: -160px 0px 0px 350px;
}
#need-help span {
	display: none;
}
#need-help p {
	position: absolute;
	margin: -120px 0px 0px 10px;
	*margin: 150px 0px 0px -250px;
}
#need-help a {
	width: 135px;
	height: 56px;
	display: block;
	background-image: url("/resource/image/booking/call-us-or-email.gif");
	background-repeat: no-repeat;
}
#need-help a:hover,
#need-help a:focus {
	background-position: -250px 0px;
}

/* Pre-order Drinks / Snacks */
#booking-form h4 {
	clear: both;
	display: block;
	width: 100%;
	height: 33px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#booking-form h4 span {
	display: none;
}
#drink-order-information h4 {
	background-image: url("/resource/image/title/booking/preorder-drinks.gif");
}
#food-order-information h4 {
	background-image: url("/resource/image/title/booking/preorder-food.gif");
}
#booking-form li {
	display: block;
	white-space: nowrap;
	padding: 0px 0px 0px 3px;
	margin: 0px 3px 3px 0px;
}
#booking-form li span {
	margin-left: 4px;
	line-height: 15px;
	padding: 0px 4px 0px 4px;
	color: #FFFFFF;
	background-color: #333333;
}
#drinks li,
#snacks li {
	background-image: url("/resource/image/booking/menu-item.gif");
}
#drink-current-order li,
#food-current-order li {
	color: #FFFFFF !important;
	background-image: url("/resource/image/booking/menu-item-ordered.gif");
}
#booking-form span:hover {
	cursor: pointer;
	color: #666666;
}
.menu,
.current-order {
	float: left;
	width: 394px;
	padding: 0px 0px 0px 0px;
	*padding: 0px 0px 3px 0px; /* For IE6 and IE7 */
	margin: 0px 0px 3px 0px;
}
.menu {
	border-bottom: 1px solid #666666;
}
.menu li,
.current-order li {
	float: left;
}


/* Quick Change required to make the Drink items display on their own line */
#drinks.menu li {
	/*clear: left;*/
}


/* Display Ordered Items */
#items-ordered {
	padding-top: 10px;
	margin-top: 10px;
}
#items-ordered h4 {
	display: block;
	clear: both;
	width: 100%;
	height: 21px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url("/resource/image/title/booking/pop-up/pre-order/items-ordered.gif");
	border-bottom: 1px solid #8C5C3A;
}


/* Pre Order Item Titles */
#food-order-information h5.accordion-switch,
#drink-order-information h5.accordion-switch {
	display: block;
	width: 100%;
	height: 27px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#food-order-information h5:hover,
#drink-order-information h5:hover {
	cursor: pointer;
	filter: alpha(opacity=80);
	opacity: 0.80;
	-moz-opacity: 0.80;
}
#food-order-information h5 span,
#drink-order-information h5 span {
	display: none;
}

/* Food Items */
#food-order-information h5.small-plates {
	background-image: url("/resource/image/title/booking/pop-up/pre-order/food/small-plates.gif");
}
#food-order-information h5.mains {
	background-image: url("/resource/image/title/booking/pop-up/pre-order/food/mains.gif");
}
#food-order-information h5.sandwiches {
	background-image: url("/resource/image/title/booking/pop-up/pre-order/food/sandwiches.gif");
}
#food-order-information h5.salads {
	background-image: url("/resource/image/title/booking/pop-up/pre-order/food/salads.gif");
}
#food-order-information h5.desserts {
	background-image: url("/resource/image/title/booking/pop-up/pre-order/food/desserts.gif");
}
#food-order-information h5.burgers {
	background-image: url("/resource/image/title/booking/pop-up/pre-order/food/burgers.gif");
}
#food-order-information h5.platters {
	background-image: url("/resource/image/title/booking/pop-up/pre-order/food/platters.gif");
}
#food-order-information h5.snacks {
	background-image: url("/resource/image/title/booking/pop-up/pre-order/food/snacks.gif");
}
#food-order-information h5.nibbles {
	background-image: url("/resource/image/title/booking/pop-up/pre-order/food/nibbles.gif");
}

/* Drink Items */

#drink-order-information h5.cocktails {
	background-image: url("/resource/image/title/booking/pop-up/pre-order/drink/cocktails.gif");
}
#drink-order-information h5.wines {
	background-image: url("/resource/image/title/booking/pop-up/pre-order/drink/wines.gif");
}
#drink-order-information h5.beers {
	background-image: url("/resource/image/title/booking/pop-up/pre-order/drink/beers.gif");
}
#drink-order-information h5.spirits {
	background-image: url("/resource/image/title/booking/pop-up/pre-order/drink/spirits.gif");
}
#drink-order-information h5.sweetshop-shooters {
	background-image: url("/resource/image/title/booking/pop-up/pre-order/drink/shooters.gif");
}

/* Booking Summary */
#booking-summary-information h4 {
	clear: both;
	display: block;
	width: 100%;
	height: 33px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url("/resource/image/title/booking/pop-up/summary.gif");
}
#booking-summary-information li {
	color: #FFFFFF;
}

/* Submission Controls */
.controls  {
	float: right;
	margin-bottom: 5px;
	_position: relative; /* To make conrtols clickable in IE6 */
	_z-index: 1000; /* To make conrtols clickable in IE6 */
}
.controls span {
	display: none;
}
.controls a {
	height: 36px;
	float: left;
	display: inline;
	margin: 0px 0px 0px 4px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.controls a.submit {
	width: 74px;
	background-image: url("/resource/image/booking/submit.gif");
}
.controls a.next {
	width: 84px;
	background-image: url("/resource/image/booking/next.gif");
}
.controls a.cancel {
	width: 64px;
	background-image: url("/resource/image/booking/cancel.gif");
}
.controls a:hover,
.controls a:active {
	background-position: -250px 0px;
}

/* Calendar */
#calendar-background {
	position: absolute;
	margin: 560px 0px 0px -437px;
}
#calendar {
	float: left;
	display: inline;
	width: 835px;
	padding-left: 15px;
}
#calendar div div:hover {
	cursor: pointer;
	background-position: -250px 0px;
}
#calendar div div:hover.unavailable,
#calendar div div:hover.booked,
#calendar div div:hover.closed {
	cursor: default;
	background-position: -750px 0px;
}
#calendar span {
	font-size: 12px;
	line-height: 22px;
}

/* Status Bar */
#status-bar {
	float: left;
	width: 796px;
	padding: 3px 5px 2px 5px;
	margin: 0px 0px 2px 1px;
	text-align: left;
	background-color: #000000;
	filter: alpha(opacity=80);
	opacity: 0.80;
	-moz-opacity: 0.80;
}
#status-bar p {
	margin: 0px 0px 0px 0px;
}

/* Date States */
.current {
	background-position: -500px 0px;
	_background-position: -500px 0px !important;
}
.unavailable,
.booked,
.closed {
	background-position: -750px 0px;
}

/* For IE6 Degrading Styles */
.date.unavailable,
.date.booked,
.date.closed {
	_background-position: -750px 0px !important;
}
.date.unavailable span,
.date.booked span,
.date.closed span,
.date.unavailable strong,
.date.booked strong,
.date.closed strong {
	_color: #343434 !important;
}
#month-container .unavailable,
#month-container .month.booked,
#month-container .month.closed {
	_background-position: right -750px !important;
}
#month-container .current,
#year-container .current {
	_background-position: right -500px !important;
}

.current span,
.current strong {
	color: #FFFFFF;
}
.current:hover span,
.current:hover strong {
	color: #000000;
}
.unavailable span,
.booked span,
.closed span {
	color: #3F3F3F;
}

/* Calendar Days of the Week */
#day-container {
	clear: both;
	float: left;
	width: 835px;
	margin-bottom: 5px;
}
.day {
	float: left;
	display: inline;
	width: 115px;
	min-height: 99px !important;
	_height: 99px;
	background-image: url("/resource/image/booking/calendar-day.gif");
}
.day strong {
	font-size: 22px;
	display: block;
	position: relative;
	top: 51px;
	left: 37px;
}
.day.unavailable span,
.day.unavailable strong,
.day.booked span,
.day.booked strong,
.day.closed span,
.day.closed strong {
	color: #313131;
}
.day.closed {
	background-position: -2000px 0px;
}
.day.booked {
	background-position: -1500px 0px;
}
.day.current.unavailable {
	background-position: -1000px 0px;
}
.day.current.closed {
	background-position: -2250px 0px;
}
.day.current.booked {
	background-position: -1750px 0px;
}
#calendar div div:hover.day.booked {
	background-position: -1500px 0px;
}
#calendar div div:hover.day.closed {
	background-position: -2000px 0px;
}
.day.current.unavailable span,
.day.current.unavailable strong,
.day.current.booked span,
.day.current.booked strong,
.day.current.closed span,
.day.current.closed strong {
	color: #420401;
}
#calendar div div:hover.day.current {
	background-position: -1250px 0px;
}
#calendar div div:hover.day.current.unavailable {
	background-position: -1000px 0px;
}
#calendar div div:hover.day.current.closed {
	background-position: -2250px 0px;
}
#calendar div div:hover.day.current.booked {
	background-position: -1750px 0px;
}
#calendar div div:hover.day.current.unavailable,
#calendar div div:hover.day.current.booked,
#calendar div div:hover.day.current.closed {
	cursor: default;
}
#earlier {
	float: left;
	background-image: url("/resource/image/icon/booking/arrow-left.gif");
	margin-left: -35px;
}
#later {
	float: right;
	background-image: url("/resource/image/icon/booking/arrow-right.gif");
}
.day-change {
	position: relative;
	width: 28px;
	height: 30px;
	margin-top: 39px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.day-change span {
	display: none;
}

/* Calendar Days of the Month */
#date-container {
	clear: both;
	float: left;
	width: 830px;
	margin-bottom: 3px;
}
.date {
	float: left;
	width: 26px;
	min-height: 26px !important;
	_height: 26px;
	background-image: url("/resource/image/booking/calendar-day-small.gif");
}
.date.current.unavailable,
.date.current.booked,
.date.current.closed {
	background-position: -1000px 0px;
}
.date.current.unavailable span,
.date.current.booked span,
.date.current.closed span {
	color: #420401;
}
#calendar div div:hover.date.current {
	background-position: -1250px 0px;
}
#calendar div div:hover.date.current.unavailable,
#calendar div div:hover.date.current.booked,
#calendar div div:hover.date.current.closed {
	background-position: -1000px 0px;
}
#calendar div div:hover.date.current.unavailable,
#calendar div div:hover.date.current.booked,
#calendar div div:hover.date.current.closed {
	cursor: default;
}
#calendar .date span {
	line-height: 26px;
}

/* Calendar Months / Years of the Year */
#month-container {
	clear: both;
	float: left;
	width: 830px;
	margin: 0px 0px 2px 0px;
}
.month,
.year {
	float: left;
	width: auto;
	padding: 0px 14px 0px 10px;
	min-height: 22px !important;
	_height: 22px;
	background-image: url("/resource/image/booking/calendar-month.gif");
	background-position: right 0px;
}
.month span,
.year span,
.month:hover span,
.year:hover span {
	color: #FFFFFF;
}
.month.unavailable span,
.year.unavailable span,
.month.booked span,
.year.booked span,
.month.closed span,
.year.closed span {
	color: #3F3F3F;
}
#calendar div div:hover.month,
#calendar div div:hover.year {
 background-position: right -250px;
}
.month.current,
.year.current {
	background-position: right -500px;
}
.month.unavailable,
.year.unavailable,
.month.booked,
.year.booked,
.month.closed,
.year.closed {
	background-position: right -750px;
}
#calendar div div.month:hover.unavailable,
#calendar div div.year:hover.unavailable,
#calendar div div.month:hover.booked,
#calendar div div.year:hover.booked,
#calendar div div.month:hover.closed,
#calendar div div.year:hover.closed {
	cursor: default;
	background-position: right -750px;
}

/* Calendar Years */
#year-container {
	clear: both;
	float: left;
	width: 830px;
}

/* Thanks Page */
.booking.thanks #wrapper {
	min-height: 670px;
	_height: 670px;
}
.thanks #main-content p {
	color: #000000 !important;
}
.thanks .panel3 {
	border-bottom: 1px solid #C0A836;
	margin-bottom: 10px;
}
.thanks #main-content {
	position: absolute;
	z-index: 1000;
	text-align: left;
	width: 404px;
	margin: 110px 0px 0px -220px;
	padding: 25px 25px 10px 25px;
	background-image: url("/resource/image/booking/thanks-background.gif");
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.thanks #main-content h2 {
	width: 251px;
	height: 68px;
	margin: 0px 0px 10px 0px;
	background-image: url("/resource/image/title/booking/booking-successful.gif");
}
.thanks #floorplan-background {
	position: absolute;
}
.thanks #main-content h2 {
	float: none;
}
a#continue-using {
	float: right;
	width: 198px;
	height: 46px;
	background-image: url("/resource/image/booking/continue-using-site.gif");
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
a:hover#continue-using {
	background-position: -250px 0px;
}