/* CSS Document */

body {
	padding:0;
	margin:0 auto;
	background:url(images/bg-tile.gif) top center repeat;
	font-family:Arial, Helvetica, sans-serif;
}

#wrapper {
	position:relative;
	width:765px;
	height:640px;
	margin:0 auto 20px auto;
	padding:0;
	background-color:#fff;
}

#header {
	position:absolute;
	top:0;
	left:0;
	width:765px;
	height:115px;
	background:url(images/header.gif) top left no-repeat;
}
#footer {
	position:absolute;
	display:block;
	top:640px;
	left:0;
	width:765px;
	height:129px;
	background:url(images/footer.gif) top left no-repeat;
}
#leftCol {
	position:absolute;
	top:125px;
	left:12px;
	width:273px;
}
#emailForm {
	position:absolute;
	display:none;
	top:145px;
	left:12px;
	width:525px;
	height:393px;
	background-image:url(images/email-form.gif);
}
	#closeEmailFormButton {
		position:absolute;
		top:375px;
		left:418px;
		width:40px;
		height:20px;
		cursor:pointer;
	}
#searchNav {
	position:relative;
	width:274px;
	height:40px;
}
	#searchNav div.tab {
		position:absolute;
		top:0;
		height:40px;
		color:#666;
		text-align:center;
		font-size:11px;
		font-weight:bold;
		cursor:pointer;
		background-position:0 0;
		text-indent:-2000px;
	}
	#searchNav div.selected {
		color:#666;
		background-color:#efefef;
		cursor:default;
		background-position:0 40px;
	}
	#flightsTab {
		left:0;
		width:53px;
		background-image:url(images/tab-flights.gif);
	}
	#hotelsTab {
		left:57px;
		width:37px;
		background-image:url(images/tab-hotels.gif);
	}
	#carsTab {
		left:97px;
		width:52px;
		background-image:url(images/tab-car-hire.gif);
	}
	#parkingTab {
		left:152px;
		width:51px;
		background-image:url(images/tab-parking.gif);
	}
	#insuranceTab {
		left:206px;
		width:66px;
		background-image:url(images/tab-insurance.gif);
	}
	
#searchPanels {
	position:relative;
}
	#flightsPanel, #hotelsPanel, #carsPanel, #parkingPanel, #insurancePanel {
		position:relative;
		display:none;
		width:278px;
		background-color:#efefef;
		margin-bottom:10px;
	}
	#flightsPanel {
		display:block;
		height:303px;
		background:url(images/panel-search-flights.gif) top left no-repeat;
	}
		#calendarDepartureButton {
			position:absolute;
			top:110px;
			left:166px;
			width:20px;
			height:20px;
		}
		#calendarDeparture {
			position:absolute;
			z-index:2;
			display:none;
			top:110px;
			left:186px;
			width:202px;
			height:150px;
			background:url(images/calendar.gif) top left no-repeat;
		}
		#calendarArrivalButton {
			position:absolute;
			top:143px;
			left:166px;
			width:20px;
			height:20px;
		}
		#calendarArrival {
			position:absolute;
			z-index:1;
			display:none;
			top:143px;
			left:186px;
			width:202px;
			height:150px;
			background:url(images/calendar.gif) top left no-repeat;
		}
	#hotelsPanel {
		height:247px;
		background:url(images/panel-search-hotels.gif) top left no-repeat;
	}
		#hotelSearchField {
			position:absolute;
			top:38px;
			left:18px;
			width:235px;
			height:14px;
			font-size:10px;
			line-height:100%;
			border:1px solid #e3e3e3;
		}
		#hotelsAjax {
			position:absolute;
			display:none;
			top:55px;
			left:17px;
			width:239px;
			height:57px;
			background-image:url(images/hotels-ajax.gif);
		}
	div.hideDropoff {
		height:301px;
		background:url(images/panel-search-car-hire.gif) top left no-repeat;
	}
	div.showDropoff {
		height:330px;
		background:url(images/panel-search-car-hire2.gif) top left no-repeat;
	}
		#dropoffButton {
			position:absolute;
			display:block;
			top:63px;
			left:19px;
			width:170px;
			height:10px;
			cursor:pointer;
		}
	#parkingPanel {
		height:301px;
		background:url(images/panel-search-parking.gif) top left no-repeat;
	}
	#insurancePanel {
		height:301px;
		background:url(images/panel-search-insurance.gif) top left no-repeat;
	}
		
	#topFive {
		position:relative;
		width:273px;
		height:154px;
	}
	div.topFiveRoutes {
		background:url(images/panel-top-5-routes.gif) top left no-repeat;
	}
	div.topFiveHotels {
		background:url(images/panel-top-5-hotels.gif) top left no-repeat;
	}
	
#middleCol {
	position:absolute;
	top:135px;
	left:309px;
	width:258px;
	height:444px;
	/*background:url(images/panel-middle-col.gif) top left no-repeat;*/
}
	.crossSell {
		margin-bottom:10px;
	}

#rightCol {
	position:absolute;
	display:block;
	top:125px;
	right:8px;
	width:171px;
}
	#login {
		position:relative;
		width:170px;
		margin-bottom:5px;
	}
	.loginMyFlybmi {
		height:156px;
		background:url(images/panel-login.gif) top left no-repeat;
	}
	.loginDiamondClub {
		height:156px;
		background:url(images/panel-diamond-club.gif) top left no-repeat;
	}
	.loginError {
		height:182px;
		background:url(images/panel-login-error.gif) top left no-repeat;
	}
	#loginButton {
		position:absolute;
		top:55px;
		left:132px;
		width:27px;
		height:20px;
		cursor:pointer;
	}
	#loginTab, #checkinTab {
		position:absolute;
		top:0;
		left:0;
		width:74px;
		height:30px;
		cursor:pointer;
	}
	#diamondClubTab, #myBookingTab {
		position:absolute;
		top:0;
		left:75px;
		width:92px;
		height:30px;
		cursor:pointer;
	}
	#checkin, #myBooking {
		position:relative;
		width:170px;
		margin-bottom:5px;
	}
	.checkinBookingRef {
		height:174px;
		background:url(images/panel-checkin-booking-ref.gif) top left no-repeat;
	}
	.checkinCard {
		height:158px;
		background:url(images/panel-checkin-card.gif) top left no-repeat;
	}
	.checkinFreqFlyer {
		height:174px;
		background:url(images/panel-checkin-freq-flyer.gif) top left no-repeat;
	}
	#checkin select {
		position:absolute;
		top:50px;
		left:12px;
		width:144px;
		font:10px normal Arial, Helvetica, sans-serif;
		padding:0;
	}
	#myBooking {
		display:none;
		background:url(images/panel-my-booking.gif) top left no-repeat;
		width:170px;
		height:129px;
	}
	#newsletter {
		position:relative;
		width:171px;
		height:142px;
		background:url(images/panel-email.gif) top left no-repeat;
	}
	#emailSignupButton {
		position:absolute;
		top:108px;
		left:100px;
		width:60px;
		height:18px;
		cursor:pointer;
	}
	#skiAdvert {
		position:relative;
		width:171px;
		height:142px;
		background:url(images/win-ski-holiday.gif) top left no-repeat;
	}