/* Page Structure*/

@import url("content.css");
@import url("fids.css");

/* TOC

1: - Global Styles

2: - Header

3: - Main Nav

4: - Content

5: - Footer

*/


/* 1 :-------- Global Styles ------------ */

	body {
		margin: 0;
		padding: 0;
		background: #1c628f url(/images/elements/bg_melair.jpg) 0 0 repeat-x;
		}
	.skipLink {
		position: absolute;
		margin-top: -9999px;
		}
	.container {
		width: 980px;
		margin: 0 auto;
		display: block;
		background:url('/images/backgrounds/pageShadow.png') 0 0 no-repeat;
		}
		
	a {color: #ffb100;text-decoration: none;}
	a:hover {text-decoration: underline;}
	
	/* link styles for each section */
	.flightAndPassengerInfo a {color: #947100;}
	.toAndFromTheAirport a {color: #f05b22;}
	.shoppingAndEating a {color: #81a61b;}
	.newsAndEvents a {color: #f97606;}
	.forBusiness a {color: #df5050;}
	.aboutMelAir a {color: #44aeaa;}
	.lote a {color: #af3c84;}
	
	a img {
		border: 0;
		}
	.clear {
		clear: both;
		}

/* 2 :-------- Header ------------ */

	.header {
		height: 94px;
		padding: 0 20px;
		margin: 0;
		width: 940px;
		position: relative;
		}
	.mainLogo {
		position: absolute;
		margin: 0;
		top: 10px;
		background: url(/images/generic/mainLogo.jpg) 0 0 no-repeat;
		width: 219px;
		height: 75px;
		clear: both;
		text-indent: -9999px;
		}
	.printLogo {
		display: none;
		}
	.topNavContact {
		position: absolute;
		margin: 0;
		display: block;
		right: 230px;
		}
	.topNavContact a:link, 
	.topNavContact a:visited {
		width: 67px;
		height: 48px;
		display: block;
		background: url(/images/navs/topNav-ContactBg.gif) 0 bottom no-repeat;
		}
	.topNavContact a:hover {
		background: url(/images/navs/topNav-ContactBg.gif) 0 0 no-repeat; 
		text-decoration: none;
		}
			
	.searchBar {
		position: absolute;
		margin: 29px 0 0;
		display: block;
		right: 20px;
		width: 210px;
		}
	.searchBar .input {
		width: 200px;
		float: right;
		padding-left: 7px;
		}
	.searchText {
		color: #555;
		border: 1px solid #c1d0de;
		background: #fff;
		vertical-align: middle;
		font-family: Arial, Helvetica, sans-serif;
		padding: 4px 3px 3px;
		width: 130px;
		font-size: 0.917em;
		}
	.searchButton {
		border: 1px solid #ccc;
		font-size: .95em;
		vertical-align: top;
		padding: 1px 0 0 !important;
		margin: 0 !important;
		}
		
/* 3 :-------- Main Nav ------------ */

	#mainNav{
		background:url('/images/navs/mainNavBg.jpg') 0 0 repeat-x;
		margin:0 10px;
		padding:0 0 0 11px;
		position:relative;
		z-index:999;
		}
	.flightAndPassengerInfo #mainNav { background-position:0 0; }
	.toAndFromTheAirport #mainNav { background-position:0 -37px; }
	.shoppingAndEating #mainNav { background-position:0 -74px; }
	.newsAndEvents #mainNav { background-position:0 -111px; }
	.forBusiness #mainNav { background-position:0 -148px; }
	.aboutMelAir #mainNav { background-position:0 -185px; }
	#mainNav { background-position:0 -222px; }
	.lote #mainNav { background-position:0 -259px; }
	
		#mainNav ul{
			list-style:none;
			padding:0;
			margin:0;
			height:37px;
			}
			#mainNav li{
				margin:0;
				float:left;
				position:relative;
				}
				#mainNav li a{
					display:block;
					height:37px;
					text-indent:-9999em;
					position:relative;
					outline:none;
					background:url('/images/navs/mainNav.png') 0 0 no-repeat;
					}
				#mainNav .navHome { width:57px; }
				#mainNav .navFlight { width:161px; background-position:-57px 0; }
				#mainNav .navToFrom { width:148px; background-position:-218px 0; }
				#mainNav .navShopping { width:133px; background-position:-366px 0; }
				#mainNav .navNews { width:55px; background-position:-499px 0; }
				#mainNav .navBusiness { width:97px; background-position:-554px 0; }
				#mainNav .navAbout { width:126px; background-position:-651px 0; }
				
				/* On states */
				#mainNav .on .navHome { background-position:0 -74px; }
				#mainNav .on .navFlight { background-position:-57px -74px; }
				#mainNav .on .navToFrom { background-position:-218px -74px; }
				#mainNav .on .navShopping { background-position:-366px -74px; }
				#mainNav .on .navNews { background-position:-499px -74px; }
				#mainNav .on .navBusiness { background-position:-554px -74px; }
				#mainNav .on .navAbout { background-position:-651px -74px; }
				
				/* Hovers */
				#mainNav .hover .navHome, #mainNav .navHome:hover { background-position:0 -37px; }
				#mainNav .hover .navFlight, #mainNav .navFlight:hover { background-position:-57px -37px; }
				#mainNav .hover .navToFrom, #mainNav .navToFrom:hover { background-position:-218px -37px; }
				#mainNav .hover .navShopping, #mainNav .navShopping:hover { background-position:-366px -37px; }
				#mainNav .hover .navNews, #mainNav .navNews:hover { background-position:-499px -37px; }
				#mainNav .hover .navBusiness, #mainNav .navBusiness:hover { background-position:-554px -37px; }
				#mainNav .hover .navAbout, #mainNav .navAbout:hover { background-position:-651px -37px; }
				
				#mainNav .hover a { 
					/*height:37px;*/
					/*top:3px;*/
					}
				#mainNav .hover ul { border-color:#fff; }	
								
				/* Second level nav */
				#mainNav ul ul{	
					position:absolute;
					top:37px;
					left:0px;
					height:auto;
					padding:10px 0 0;
					background:#fff;
					z-index:999;
					width:554px;
					border-top:0;
					-moz-box-shadow:2px 2px 2px rgba(102,102,102,0.1);
					-webkit-box-shadow:2px 2px 2px rgba(102,102,102,0.1);
					box-shadow:2px 2px 2px rgba(102,102,102,0.1);
					display:none;
					}
				#mainNav ul .singleCol ul{
					width:277px;
					}
				#mainNav ul .goLeft ul{
					left:auto;
					right:0;
					}
					#mainNav ul ul li{
						width:253px;
						padding:0 12px;
						}
						#mainNav ul ul a{
							text-indent:0;
							width:191px;
							height:auto;
							padding:11px 0 11px 62px;
							border-bottom:1px solid #dfe3e4;
							background:none;
							color:#8c8c8c;
							font-size:1.08em;
							min-height:4.583em;
							position:relative;
							}
						.container #mainNav ul .hover ul a{
							height:auto;
							top:auto;
							border:none;
							border-bottom:1px solid #dfe3e4;
							}
							#mainNav ul ul a:hover{
								text-decoration:none;
								}
							#mainNav ul ul .icon{
								width:50px;
								height:50px;
								display:block;
								background:#fff url('/images/navs/navIcons.png') 0 0 no-repeat;
								position:absolute;
								top:11px;
								left:0px;
								cursor:pointer;
								}
							#mainNav ul ul strong{
								display:block;
								font-size:1.54em;
								color:#4c4c4c;
								margin:0 0 3px;
								font-weight:normal;
								}
							
							/* Nav icons assignment */
							#mainNav .navFlight01 .icon { background-position:-50px -550px; } /* Flight information */
							#mainNav .navFlight02 .icon { background-position:-50px -600px; } /* Prepare to fly */
							#mainNav .navFlight03 .icon { background-position:-50px -650px; } /* Airport facilities */
							#mainNav .navFlight04 .icon { background-position:-50px -700px; } /* Visiting melbourne */
							#mainNav .navFlight05 .icon { background-position:-50px -1450px; } /* 'Fly Melbourne' flight deals */
							
							#mainNav .navToFrom01 .icon { background-position:-50px 0px; } /* Airport parking */
							#mainNav .navToFrom02 .icon { background-position:-50px -50px; } /* Rental cars */
							#mainNav .navToFrom03 .icon { background-position:-50px -100px; } /* Taxis */
							#mainNav .navToFrom04 .icon { background-position:-50px -150px; } /* SkyBus */
							#mainNav .navToFrom05 .icon { background-position:-50px -200px; } /* Other bus services */
							#mainNav .navToFrom06 .icon { background-position:-50px -250px; } /* Maps and directions */
							
							#mainNav .navShopping01 .icon { background-position:-50px -300px; } /* Store Locator */
							#mainNav .navShopping02 .icon { background-position:-50px -350px; } /* Airport promotions */
							#mainNav .navShopping03 .icon { background-position:-50px -400px; } /* Price guarantee */
							#mainNav .navShopping04 .icon { background-position:-50px -450px; } /* Duty free shopping */
							
							#mainNav .navNews01 .icon { background-position:-50px -750px; } /* News and Events */
							#mainNav .navNews02 .icon { background-position:-50px -800px; } /* News and Events archive */
							#mainNav .navNews03 .icon { background-position:-50px -850px; } /* Melbourne Events */
							
							#mainNav .navBusiness01 .icon { background-position:-50px -900px; } /* Retail leasing */
							#mainNav .navBusiness02 .icon { background-position:-50px -950px; } /* Freight */
							#mainNav .navBusiness03 .icon { background-position:-50px -1000px; } /* Property */
							#mainNav .navBusiness04 .icon { background-position:-50px -1050px; } /* Airport advertising */
							#mainNav .navBusiness05 .icon { background-position:-50px -1100px; } /* Hire Car and Limosine Operators */
							#mainNav .navBusiness06 .icon { background-position:-50px -1500px; } /* Hire Car and Limosine Operators */
							
							#mainNav .navAbout01 .icon { background-position:-50px -1150px; } /* Corporate information */
							#mainNav .navAbout02 .icon { background-position:-50px -1200px; } /* Media */
							#mainNav .navAbout03 .icon { background-position:-50px -1250px; } /* Planning */
							#mainNav .navAbout04 .icon { background-position:-50px -1300px; } /* Current projects */
							#mainNav .navAbout05 .icon { background-position:-50px -1350px; } /* Environment */
							#mainNav .navAbout06 .icon { background-position:-50px -1400px; } /* Melbourne airport partners */
							
							/* Nav icons hover */
							/* Nav icons assignment */
							
							#mainNav .navFlight01:hover .icon { background-position:0 -550px; } /* Flight information */
							#mainNav .navFlight02:hover .icon { background-position:0 -600px; } /* Prepare to fly */
							#mainNav .navFlight03:hover .icon { background-position:0 -650px; } /* Airport facilities */
							#mainNav .navFlight04:hover .icon { background-position:0 -700px; } /* Visiting melbourne */
							#mainNav .navFlight05:hover .icon { background-position:0 -1450px; } /* 'Fly Melbourne' flight deals */
							
							#mainNav .navToFrom01:hover .icon { background-position:0 0px; } /* Airport parking */
							#mainNav .navToFrom02:hover .icon { background-position:0 -50px; } /* Rental cars */
							#mainNav .navToFrom03:hover .icon { background-position:0 -100px; } /* Taxis */
							#mainNav .navToFrom04:hover .icon { background-position:0 -150px; } /* SkyBus */
							#mainNav .navToFrom05:hover .icon { background-position:0 -200px; } /* Other bus services */
							#mainNav .navToFrom06:hover .icon { background-position:0 -250px; } /* Maps and directions */
							
							#mainNav .navShopping01:hover .icon { background-position:0 -300px; } /* Store Locator */
							#mainNav .navShopping02:hover .icon { background-position:0 -350px; } /* Airport promotions */
							#mainNav .navShopping03:hover .icon { background-position:0 -400px; } /* Price guarantee */
							#mainNav .navShopping04:hover .icon { background-position:0 -450px; } /* Duty free shopping */
							
							#mainNav .navNews01:hover .icon { background-position:0 -750px; } /* News and Events */
							#mainNav .navNews02:hover .icon { background-position:0 -800px; } /* News and Events archive */
							#mainNav .navNews03:hover .icon { background-position:0 -850px; } /* Melbourne Events */
							
							#mainNav .navBusiness01:hover .icon { background-position:0 -900px; } /* Retail leasing */
							#mainNav .navBusiness02:hover .icon { background-position:0 -950px; } /* Freight */
							#mainNav .navBusiness03:hover .icon { background-position:0 -1000px; } /* Property */
							#mainNav .navBusiness04:hover .icon { background-position:0 -1050px; } /* Airport advertising */
							#mainNav .navBusiness05:hover .icon { background-position:0 -1100px; } /* Hire Car and Limosine Operators */
							#mainNav .navBusiness06:hover .icon { background-position:0 -1500px; } /* Hire Car and Limosine Operators */
							
							#mainNav .navAbout01:hover .icon { background-position:0 -1150px; } /* Corporate information */
							#mainNav .navAbout02:hover .icon { background-position:0 -1200px; } /* Media */
							#mainNav .navAbout03:hover .icon { background-position:0 -1250px; } /* Planning */
							#mainNav .navAbout04:hover .icon { background-position:0 -1300px; } /* Current projects */
							#mainNav .navAbout05:hover .icon { background-position:0 -1350px; } /* Environment */
							#mainNav .navAbout06:hover .icon { background-position:0 -1400px; } /* Melbourne airport partners */
	 
/* 4 :-------- Content ------------ */
	/* landing page styles */
	.landingPage {
		background: #134260 url(/images/elements/bg_landingPage.jpg) 0 0 repeat-x;
		float: left;
		width: 960px;
		}
	/*
	.container.flightAndPassengerInfo .landingPage {border-top: 1px solid #cf9806;}
	.container.toAndFromTheAirport .landingPage {border-top: 1px solid #bc4215;}
	.container.shoppingAndEating .landingPage {border-top: 1px solid #7f9e2d;}
	.container.newsAndEvents .landingPage {border-top: 1px solid #c27806;}
	.container.forBusiness .landingPage {border-top: 1px solid #a42121;}
	.container.aboutMelAir .landingPage {border-top: 1px solid #1a7f81;}
	*/
	/* templates with no subnavs */
	.container.noSubNav .subNav {display: none;}
	.container.noSubNav .header {height:130px;}
	.container.noSubNav #contentWrapper {background: url(/images/elements/bg_contentWrapper_2.jpg) 0 0 no-repeat;}
	.container.noSubNav .pageHeading {background-position: 0 -588px;}
		
	/* standard content styles */
	#contentWrapper {
		min-height: 414px;
		padding: 0 10px;
		position:relative;
		}
	.content {
		background: url(/images/elements/bg_content.jpg) 0 0 repeat-y;
		float: left;
		width: 960px;
		min-height: 500px;
		}
	#homePage .content {
		background: #fff url(/images/elements/bg_homeContent.jpg) 0 0 repeat-y;
		min-height: 733px;
		}
	.pageHeading {
		/*height: 84px;*/
		/*background: url(/images/elements/bg_pageHeading.jpg) center 0 no-repeat;*/
		padding: 0;
		margin: 0;
		width: 960px;
		background:#3683af;
		}
	
	.flightAndPassengerInfo .pageHeading { background:#e6b232; }
	.toAndFromTheAirport .pageHeading { background:#f3783d; }
	.shoppingAndEating .pageHeading { background:#afcc46; }
	.newsAndEvents .pageHeading { background:#f39650; }
	.forBusiness .pageHeading { background:#f86868; }
	.aboutMelAir .pageHeading { background:#67c6c2; }
	.lote .pageHeading { background:#af508a; }
	
	.retailAssistant .pageHeading { background:#afcc46; }
		
	 #homePage .pageHeading {
	 	display: block;
		height: 119px;
		background:#2d2d2d;
		}
	.container.flightAndPassengerInfo .pageHeading {background-position: 0 0;}
	.container.toAndFromTheAirport .pageHeading {background-position: 0 -84px;}
	.container.shoppingAndEating .pageHeading {background-position: 0 -168px;}
	.container.newsAndEvents .pageHeading {background-position: 0 -252px;}
	.container.forBusiness .pageHeading {background-position: 0 -336px;}
	.container.aboutMelAir .pageHeading {background-position: 0 -420px;}
	.container.lote .pageHeading {background-position: 0 -504px;}
	
	/* side nav */	
	#sideNav {
		margin: 67px 0 0 15px;
		padding: 0 0 1px;
		width: 151px;
		float: left;
		background: url(/images/elements/divider_sideNav.gif) 0 bottom no-repeat;
		}
		
	#sideNav ul.level01 {
		padding: 0;
		margin: 0;
		list-style: none;
		width: 151px;
		}
	#sideNav ul.level01 li {
		padding: 0;
		margin: 0;
		float: left;
		width: 151px;
		background: url(/images/elements/divider_sideNav.gif) 0 top no-repeat;
		}
	#sideNav ul.level01 li.level01On,
	#sideNav ul.level01 li.level01:hover,
	#sideNav ul.level01 li.level01Hover {
		background: #dedee0 url(/images/elements/divider_sideNav.gif) 0 top no-repeat;
		}
	#sideNav ul.level01 li a {
		text-decoration: none;
		padding: 6px 0 5px 23px;
		display: block;
		color: #4a4a4a;
		font-size: 0.917em;
		background: url(/images/icons/icon_planeOff.gif) 6px 7px no-repeat;
		}
	#sideNav ul.level01 li a:hover,
	#sideNav ul.level01 li.level01On a,
	#sideNav ul.level01 li.level01Hover a {
		background: url(/images/icons/icon_planeOn.gif) 6px 7px no-repeat;
		}
		
	#sideNav ul.level02 {
		padding:0;
		margin: 0;
		list-style: none;
		width: 151px;
		float: left;
		background: #e7e7e7;
		}
	#sideNav ul.level02 li {
		padding: 1px 0 0;
		margin: 0;
		float: left;
		width: 151px;
		background: url(/images/elements/divider_sideNav.gif) 0 top no-repeat;
		}
		#sideNav ul.level02 li.level02 a,
		#sideNav ul.level02 li.level02 a:hover{
			background:none;
			}
	#sideNav ul.level02 li.level02On a,
	#sideNav ul.level02 li.level02:hover,
	#sideNav ul.level02 li.level02Hover a,
	#sideNav ul.level02 li.level02Hover a,
	#sideNav ul.level02 li.level02Hover a:hover{
		background: #dcdcdc;
		}
	#sideNav ul.level02 li a {
		text-decoration: none;
		padding: 4px 0 2px 32px;
		display: block;
		color: #4a4a4a;
		font-size: 0.917em;
		background: url(/images/icons/icon_dot_grey.gif) 25px 9px no-repeat;
		}
		
	#sideNav ul.level03 {
		padding:0;
		margin: 0;
		list-style: none;
		width: 151px;
		float: left;
		background: #e7e7e7;
		}
	#sideNav ul.level03 li {
		padding: 1px 0 0;
		margin: 0;
		float: left;
		width: 151px;
		background: url(/images/elements/divider_sideNav.gif) 0 top no-repeat;
		}
		#sideNav ul.level03 li.level03 a,
		#sideNav ul.level03 li.level03 a:hover{
			background:none;
			}
	#sideNav ul.level03 li.level03On a,
	#sideNav ul.level03 li.level03:hover,
	#sideNav ul.level03 li.level03Hover a,
	#sideNav ul.level03 li.level03Hover a,
	#sideNav ul.level03 li.level03Hover a:hover{
		background: #dcdcdc;
		}
	#sideNav ul.level03 li a {
		text-decoration: none;
		padding: 4px 0 2px 41px;
		display: block;
		color: #4a4a4a;
		font-size: 0.917em;
		background: url(/images/icons/icon_dot_grey.gif) 25px 9px no-repeat;
		}
		
	#sideNav ul.level04 {
		padding:0;
		margin: 0;
		list-style: none;
		width: 151px;
		float: left;
		background: #e7e7e7;
		}
	#sideNav ul.level04 li {
		padding: 1px 0 0;
		margin: 0;
		float: left;
		width: 151px;
		background: url(/images/elements/divider_sideNav.gif) 0 top no-repeat;
		}
		#sideNav ul.level04 li.level04 a,
		#sideNav ul.level04 li.level04 a:hover{
			background:none;
			}
	#sideNav ul.level04 li.level04On a,
	#sideNav ul.level04 li.level04:hover,
	#sideNav ul.level04 li.level04Hover a,
	#sideNav ul.level04 li.level04Hover a,
	#sideNav ul.level04 li.level04Hover a:hover{
		background: #dcdcdc;
		}
	#sideNav ul.level04 li a {
		text-decoration: none;
		padding: 4px 0 2px 50px;
		display: block;
		color: #4a4a4a;
		font-size: 0.917em;
		background: url(/images/icons/icon_dot_grey.gif) 25px 9px no-repeat;
		}
	
	/* main content area */	
	.mainContentArea {
		width: 748px;
		float: right;
		padding: 0 12px 44px 0;
		}	

/* 5 :-------- Footer ------------ */

	.footer {
		font-size: 0.833em;
		color: #78acd1;
		padding: 14px 25px 30px;
		background: url(/images/elements/bg_footer.jpg) 10px 0 repeat-y;
		width: 930px;
		}
	.footer ul.footerLinksTop {
		font-size: 1.1em;
		padding: 0 5px 7px;
		margin: 0 0 12px -15px;
		list-style: none;
		border-bottom: 1px solid #4080ac;
		float: left;
		width: 950px;
		}
	.footer ul.footerLinksTop li {
		padding: 0 10px 2px;
		margin: 0;
		float: left;
		border-right: 1px solid #77a4c5;
		}
	.footer ul.footerLinksTop li a {
		color: #d5f0fb;
		padding: 0;
		}
	.footer ul.footerLinksBottom {
		padding: 0;
		margin: 0;
		list-style: none;
		}
	.footer ul.footerLinksBottom li {
		padding: 0 0 2px;
		margin: 0;
		
		}
	.footer ul.footerLinksBottom li a {
		color: #78acd1;
		}
	.footer ul.footerLinksBottom li a:hover {
		text-decoration: none;
		color: #cddfea;
		}