/*
** 
** Contact-page styling
**
*/
.contact-left {
	height:460px;
	padding:90px 20px 0;
	width:300px;
}
	
	.contact-left h2 {
		padding:5px 0;
	}
	
	.contact-left p {
		color:#666;
		font-family:Arial,Helvetica,sans-serif;
		font-size:11px;
		line-height:16px;
	}
	
	.contact-left .contact-details {
		bottom:20px;
		position:absolute;
	}
		
		.contact-left .contact-details h3 {
			padding:3px 0;
		}
		
	.contact-left .action-button {
		padding:20px 0 0 0;
	}
		
		.contact-left .action-button a {
			margin:5px 0;
		}
	
	.contact-left a img.contact-drop-line {
		background-image:url(/design/button-contact-form.png);
		background-repeat:no-repeat;
		height:27px;
		width:297px;
	}
	
	.contact-left a:hover img.contact-drop-line {
		background-position:0 -27px;
	}
	
	.contact-left a img.contact-book-us {
		background-image:url(/design/button-contact-bookus.png);
		background-repeat:no-repeat;
		height:28px;
		width:297px;
	}
	
	.contact-left a:hover img.contact-book-us {
		background-position:0 -28px;
	}
	
/* Contact and booking form common styles */
.contact-form, 
.booking-form {
	height:460px;
	left:340px;
	position:absolute;
	width:684px;
	top:90px;
	overflow:hidden;
}

.form-background {
	background-color:#000;
	filter:alpha(opacity=85);
	height:100%;
	opacity:0.7;
	position:absolute;
	width:100%;
	z-index:0;
}

.form-container {
	padding:20px;
	position:relative;
	z-index:1;
}

.form-notice h4,
.form-notice p,
.form-notice ul li,
.form-notice button, 
.form-notice .notice-text {
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#FFF;
}

.form-notice h4 {
	font-size:16px;
	font-weight:bold;
}

.form-notice ul {
	text-align:left;
	list-style-type:circle;
	list-style-position:inside;
}

.form-notice ul li.heading {
	list-style-type:none;
}

.form-notice ul li {
	padding:4px 0;
}

.form-notice .notice-text {
	padding:50px;
	text-align:center;
}

.form-notice button {
	border:none;
	background-color:#000;
	cursor:hand;
	cursor:pointer;
	font-size:14px;
	margin:15px 0;
	padding:5px;
}

.form-notice button:hover {
	background-color:#fe0000;
}
	
	table.form {
		margin-top:15px;
	}
	
	table.form td {
		vertical-align:top;
	}
	
	.form-container h3,
	.form-container small,
	.form-container label,
	.form-container .text-field,
	.form-container .area-field {
		font-family:Arial,Helvetica,sasn-serif;
		font-size:11px;
	}
	
	.form-container small {
		font-size:12px;
	}
	
	.form-container label {
		color:#808080;
		display:none;
	}
	
	.form-container label.label-show {
		display:block;
	}
	
	.form-container h3 {
		padding:3px 0;
	}
	
	.form-container small {
		color:#B3B3B3;
	}
	
	.form-container .text-field,
	.form-container select,
	.form-container .area-field {
		border:none;
		background-color:#FFF;
		color:#333;
		padding:8px;
	}
	
	.form-container .text-field,
	.form-container .area-field {
		width:300px;
	}
	
	.form-container .text-field,
	.form-container select {
		margin:10px 10px 10px 0;
	}
	
	.form-container .area-field {
		margin:10px 0 10px 10px;
	}
	
	.form-container .default-value {
		color:#808080;
	}
	
	.form-container select {
		padding:6px;
	}
	
	.form-container .submit-button {
		margin:10px 10px 10px 0;
	}
	
/* Contact form special elements */
.contact-form .checkbox-field {
	display:inline;
}
	
	.checkbox-field label {
		color:#FFF;
		display:inline;
		font-size:13px;
		font-weight:bold;
	}
	
	.checkbox-field input {
		vertical-align:middle;
	}

.contact-form .area-field {
	height:290px;
}

/* Booking form elements */
.booking-form button.select-date {
	background:none;
	border:none;
	margin:2px 10px 0 0;
	padding:0;
	vertical-align:top;
}
	
	.booking-form .field-date-day,
	.booking-form .field-date-month,
	.booking-form .field-date-year,
	.booking-form .field-date-time,
	.booking-form .field-phone,
	.booking-form .field-seats {
		margin-top:4px;
	}
	
	.booking-form .field-date-day,
	.booking-form .field-date-month,
	.booking-form .field-date-year {
		text-align:center;
	}
	
	.booking-form .field-date-day {
		width:20px;
	}
	
	.booking-form .field-date-month {
		width:20px;
	}
	
	.booking-form .field-date-year {
		width:35px;
		margin-right:0;
	}
	
	.booking-form .field-date-time {
		width:115px;
	}
	
	.booking-form .field-phone {
		width:140px;
	}
	
	.booking-form .field-seats {
		width:150px;
	}
	
	.booking-form .area-field {
		height:290px;
	}
	
/* Date picker z-index fix */
#ui-datepicker-div {z-index:55; }