/*
   Teir1 Content CSS
   
   Content CSS specifically for Home, Hot Deals, Locations, Vehicles
   This includes CSS for the Booking System
   
*/

/* ======== */
/* = Home = */
/* ======== */

/* ============= */
/* = Spotlight = */
/* ============= */

#spotlight {
	background: #ccc url('../images/faux_border.png') repeat-y left top;
}



/* ====================== */
/* = HomePage Hot Deals = */
/* ====================== */

#hot_deals {
	float: right;
	width: 573px;
	padding: 105px 0 0 0;
	min-height: 252px;
	background: #ED8819 url('../images/deals/hot_deals_back.png') repeat-x left top;
	position: relative;
	z-index: 0;
	color: #222;
	font-weight: bold;
}
	#hot_deals h1 {
		color: #ED712E;
		font-size: 3.7em;
		text-transform: uppercase;
		text-align: right;
		font-style: italic;
		font-weight: bold;

		position: absolute;
		right: 0;
		top: 0;
		width: 380px;
		height: 87px;
		padding: 38px 40px 0 0 ;
		background: transparent url('../images/deals/header_back.png') repeat-x left top;
	}
	#hot_deals h2 {
		color: #E75A24;
		line-height: 1em;
		font-size: 1.4em;
		margin: 0 0 0.9em 0;
		font-weight: bold;
	}
	#hot_deals ul {
		list-style: none;
		margin: 0 5px 0 15px;
		padding: 0;
		position: relative;
		z-index: 2;
	}
		#hot_deals li {
			float: left;
			padding: 8px;
			margin: 0;
			position: relative;
			background: #F9AD22;
			width: 250px;
		}
			#hot_deals li a {
				color: #fff;
				text-decoration: none;
			}
			#hot_deals li p {
				margin-bottom: 1em;	
			}
			#hot_deals li p.availability {
				color: #FFDA7D;
				margin: 0;
				line-height: 1em;
				text-transform: capitalize;
			}
			#hot_deals li .frame {
				float: left;
				margin: 0 10px 0 1px;
/*				border: 1px solid #E75A24;*/
				background: #FFDA7D;
			}
				#hot_deals li img {
					display: block;
				}
			#hot_deals li .description {
				float: left;
			}
			
		#hot_deals li.big_deal {
			margin-right: 12px;
			height: 300px;
		}
			#hot_deals li.big_deal h2 {
				font-size: 1.6em;	
				margin-bottom: 0.6em;
			}
			#hot_deals li.big_deal .frame {
				margin-bottom: 10px;
			}
		#hot_deals li.small_deal {
			margin-bottom: 10px;
			height: 137px;
		}
		
	#hot_deals li:hover {
		background-color: #FFC127;
	}

/* ===================== */
/* = Content Hot Deals = */
/* ===================== */

#deal_content {
	padding: 0 10px 0 2px;
}

	#article a.quote_or_book {
		display: block;
		float: right;
		clear: right;
		margin-bottom: 1.5em;

		/* FIR */
		padding-top: 51px;
		width: 160px;
		background: url('../images/vehicles/quote_btn.png') no-repeat 0 0;
		overflow: hidden;
		height: 0;
	}
	#article a.quote_or_book:hover {
		background-position: 0 -51px;	
	}
	#article a.bookedout {
		display: block;
		float: right;
		clear: right;
		margin-bottom: 1.5em;
		cursor: default;
		/* FIR */
		padding-top: 51px;
		width: 160px;
		background: url('../images/vehicles/bookedout_btn.png') no-repeat 0 0;
		overflow: hidden;
		height: 0;
	}

/* ===================== */
/* = Content Locations = */
/* ===================== */

#map_canvas {
	margin: 28px 0 0 0;
}
	#map_canvas .visit_btn {
		display: block;
		margin: 5px auto 10px auto;
	
		/* FIR */
		padding-top: 52px;
		width: 140px;
		background: url('../images/locations/visit_btn.png') no-repeat 0 0;
		overflow: hidden;
		height: 0;
	}
	#map_canvas .visit_btn:hover {
		background-position: 0 -52px;
	}

/* ==================== */
/* = Content Vehicles = */
/* ==================== */

#status {
	padding: 0 20px 0 0;
}
.error_box {
	padding: 0 4px 0 10px;
	background: #FFEAEA;
	border: 1px solid #ff0000;
	margin-bottom: 1.5em;
}
.status_box {
	padding: 0 4px 0 10px;
	background: #e7ecff;
	border: 1px solid #0E2B8D;
	margin-bottom: 1.5em;
}

ul.vehicles {
	list-style: none;
	margin: 0;
}
	/* Child selectors not supported by ie6 */
	ul.vehicles>li {
		margin-bottom: 2em;
	}
		ul.vehicles li img.left {
			margin-right: 5px;
		}
		h3.blue_bar span {
			padding-right: 15px;
			text-transform: none;
			font-size: 0.85em;
			position: absolute;
			right: 0;
		}
		ul.specs {
			float: left;
			width: 165px;
		}
		.capacity_stats {
			float: right;
			width: 150px;
			padding-right: 5px;
			font-weight: bold;
			font-size: 1.38em;
		}
			.capacity_stats p.adults {
				float: left;
				background: url('../images/icons/adults.png') no-repeat 0 0;
				padding: 13px 0 0 19px;
			}
			.capacity_stats p.luggage_small {
				float: right;
				background: url('../images/icons/luggage_small.png') no-repeat 0 1px;
				padding: 0 0 0 24px;
				margin-top: 13px;
			}
			.capacity_stats p.luggage_large {
				float: right;
				background: url('../images/icons/luggage_large.png') no-repeat 0 0;
				padding: 5px 8px 0 30px;
				margin-top: 8px;
			}
			ul.vehicles a.quote_or_book {
				display: block;
				float: right;
				clear: right;

				/* FIR */
				padding-top: 51px;
				width: 160px;
				background: url('../images/vehicles/quote_btn.png') no-repeat 0 0;
				overflow: hidden;
				height: 0;
			}
			ul.vehicles a.quote_or_book:hover {
				background-position: 0 -51px;	
			}

/* ========================== */
/* = Content Vehicle Extras = */
/* ========================== */

input.extra_qty {
	width: 20px;
}

.extras table tr {
	border-bottom: 1px solid #0E2B8D;
}

.extras .Actions {
	width: 542px;
	margin-bottom: 3em;
}
input#set_extras_btn {
	_float: right;	
}
/*	input#set_extras_btn {
		padding: 0;
		border: none;
		display: block;
		
		padding-top: 48px;
		width: 160px;
		background: url('../images/book/continue_btn.png') no-repeat 0 0;
		overflow: hidden;
		height: 0;
	}
	input#set_extras_btn:hover {
		background-position: 0 -48px;	
	}*/
