/* 

STYLE SHEET FOR MANCHESTER AIRPORT ONLINE MAPPING
Created by Richard Clark 
www.kmp.co.uk
*/

/* =========== 1. LAYOUT ============ */

#content h1 { /* Make sure that this stylesheet is only loaded where there is a return to destination box or the h1 won't span the full width */
	float:left;
	width:420px;
}

.return-destination {
	float:right;
	background:#fff;
	border:1px solid #959ca1;
	width:144px;
	margin:5px 0 3px 0;
	padding:2px;
}

.return-destination a {
	background:url(/webdesign.nsf/AttachmentsByTitle/linkfollow.gif/$FILE/linkfollow.gif) right center no-repeat;
	padding-right:15px;
	border-bottom:0;
	margin:2px 0;
	float:left;
}

.return-destination a:hover {
	background:url(/webdesign.nsf/AttachmentsByTitle/linkfollow_over.gif/$FILE/linkfollow_over.gif) right center no-repeat;
}

p span.hide {
	display:none;
}

#search-flights {
	text-indent:-9999em;
	display:block;
	width:181px;
	height:20px;
	background:url(/webdesign.nsf/AttachmentsByTitle/b_searchflights.gif/$FILE/b_searchflights.gif);
	border-bottom:0;
	float:left;
	margin:0 10px 15px 0;
}

#book-flights {
	text-indent:-9999em;
	display:block;
	width:98px;
	height:20px;
	background:url(/webdesign.nsf/AttachmentsByTitle/b_bookflights.gif/$FILE/b_bookflights.gif);
	border-bottom:0;
	float:left;
	margin:0 0 15px 0;	
}

#content table.dest-overview {
	border:1px solid #959ca1;
	margin:0 15px 15px 15px;
	width:410px;
	clear:both;
}

#content table.dest-overview th {
	background:url(/webdesign.nsf/AttachmentsByTitle/metalic.gif/$FILE/metalic.gif) top left repeat-y;
	color:#002654;
	padding:10px 15px;
}

#content table.dest-overview td {
	padding:7px;
}

.first-col {
	text-align:right;
	width:100px;
	vertical-align:top;
}

.info-box {
	margin:0 15px 15px 15px;
	background:#fff;
	border:1px solid #959ca1;
	float:left;
	width:583px;
}

.left .info-box {
	width:408px;	
}

#content .info-box h3 {
	padding:10px 15px 0 15px;
	font-size:1.4em;
}

#content .info-box ul {
	list-style:0;
	float:left;
	margin:2px;
	padding:4px;
	background:#ccd4dd;
}

#content .info-box li {
	display:block;
	float:left;
	width:30px;
	background:#fff;
	margin:0 0 0 2px;
	padding:0 0 0 1px;
	font-size:0.8em;
	text-transform:uppercase;
	font-weight:bold;
}

#content .info-box table {
	width:579px;
}

#content .info-box table caption {
	text-align:left;
	font-size:1.4em;
	padding:5px 0 5px 15px;
	font-weight:bold;
        min-height:20px;
}

#content .info-box table caption span {
	float:left;
}

#content .info-box table caption a {
	float:right;
	text-indent:-9999em;
	height:20px;
	width:98px;
	background:url(../images/b_bookflights.gif) top right no-repeat;
	border-bottom:0;
}

#content .info-box table td, #content .info-box table th {
	padding:5px;
	font-weight:bold;
	text-align:center;
}

#content .info-box table tr.alt td {
	background:#e5e9ee;
}

#content .info-box table {
	background:#ccd4dd;
	border:5px solid #ccd4dd;
	margin:2px;
	padding-top:0;
}

#content .left table.airport-info {
	width:404px;	
}

#content .left table.airport-info td, #content .left table.airport-info th  {
	text-align:left;
}

#content .info-box table th {
	background:0;
	color:#002654;
	padding:10px 10px;
}

#content .info-box table td {
	background:#fff;
	padding:8px 8px;
}

.where-to-go {
	background:#fff;
	border:1px solid #959ca1;
	width:283px;
	float:left;
	margin:0 0 10px 15px;
	font-size:1.1em;
	min-height:110px;
}

#content .where-to-go h3 {
	padding:5px 10px;
	font-size:1.4em;
}

.where-to-go label {
	margin-left:10px;
	font-weight:bold;
	float:left;
	padding-top:2px;
}

.where-to-go input {
	width:129px;
	margin-left:3px;
}

.where-to-go input.btn {
	width:auto;
	padding-left:3px;
}

.where-to-go a {
	clear:both;
	float:right;
	margin:10px;
	font-weight:bold;
	width:137px;
	text-align:right;
}

.top-destinations {
	background:#fff;
	border:1px solid #959ca1;
	width:283px;
	float:left;
	margin:0 0 10px 15px;
	min-height:110px;
}

#content .top-destinations h3 {
	padding:5px 10px;
	font-size:1.4em;
}

#content .top-destinations ul {
	width:105px;
	float:left;
	font-size:1.1em;
	margin:0; 
}

#content .top-destinations li {
	padding:0 0 5px 20px;
	background:url(/webdesign.nsf/AttachmentsByTitle/circle_arrow_white.gif/$FILE/circle_arrow_white.gif) left center no-repeat;
}


#content .top-destinations li:hover {
	background:url(/webdesign.nsf/AttachmentsByTitle/circle_arrow_white_over.gif/$FILE/circle_arrow_white_over.gif) left center no-repeat;
}

/* =================================
Weather
==================================*/

#content .info-box table.weather {
	width:404px;
}

#content .info-box table.weather td {
	padding:10px 0;
}