﻿/************************************
**		GLOBAL					   **
************************************/

/********* FIX FOR STICKY FOOTER **********/
* {
   
}

html, body, #aspnetForm {
    height: 100%;
}

#dark_background, #light_background, #gradient_background {
    min-height: 100%;
    height: 100%;
    z-index: 2;
    overflow: auto;
}

body 
{
	font-family: Arial, Sans-Serif;
	color: #3e3e3e;
	font-size: 11px;
	text-align: center;
	margin: 0;
	padding: 0;
	/*background: #838181 url(/images/layout/bg.gif) repeat-y center top;*/
}

p 
{
	margin: 0 0 10px 0;
}

a 
{
	color: #000000;
	outline: none;
}

a.link_button 
{
	display: block;
	float: left;
	color: #000000;
	border: 1px solid #CCCCCC;
	margin: 0 0 18px;
	padding: 4px 34px 4px 4px;
	background: url(/images/content/products/category-arrow.gif) no-repeat 97% center;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	text-align: left;
}

img 
{
	border: 0;
	outline: none;
}

map 
{
	outline: none;
}

.divider 
{
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #CCCCCC;
	margin: 15px 0;
}
/************************************
**		BACKGROUND				   **
************************************/

.background 
{
	width: 100%;
	background-repeat: repeat-y;
}
	#dark_background 
	{
		background-image: url(/images/layout/bg-dark.gif);
		background-position: left top;
	}
	
	#light_background 
	{
		background-image: url(/images/layout/bg-light.gif);
		background-position: right top;
	}
	
	#gradient_background 
	{
		/*padding: 0 0 30px;*/
		background-image: url(/images/layout/bg.gif);
		background-position: center top;
	}


/************************************
**		TEASER					   **
************************************/
body.teaser 
{
	background-color: #000000;
}

#teaser 
{
	width: 100%;
	height: 456px;
	position: relative;
	background-image: url(/images/teaser/Teaser_Background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 90px auto 0;
	text-align: center;
}

#teaser h1 a
{
	width: 100%;
	outline: none;
	position: absolute;
	overflow: hidden;
	text-indent: -999em;
	display: block;
	left: 0;
	height: 456px;
}

#teaser h2,
#teaser h3 
{
	visibility: hidden;
}

#teaser ul 
{
	display: block;
	/*overflow: auto;*/
	position: relative;
	left: -55px;
	top: 285px;
	width: 939px;
	margin: 0 auto;
	padding: 0;
	text-align: right;
	list-style-type: none;
}

#teaser ul li 
{
	display: inline-block;
	height: 30px;
	margin: 0 9px 0 0;
}

#teaser ul li a 
{
	display: block;
	text-align: left;
	text-indent: -999em;
	overflow: hidden;
}

#teaser ul li #flight_crew
{
	width: 56px;
	height: 27px;
	margin-top: 3px;
	background: url(/images/teaser/flight-crew-logo.png) no-repeat left top;
}

#teaser ul li #facebook
{
	width: 30px;
	height: 30px;
	background: url(/images/teaser/facebook-logo.png) no-repeat left top;
}

/************************************
**		HEADER					   **
************************************/

#header_wrapper
{
	width: 100%;
	height: 142px;
	background: url(/images/layout/header-bg.png) no-repeat center top;
}

	#header 
	{
		margin: 0 auto;
		width: 960px;
		position: relative;
		text-align: left;
	}
	
		#header h1 
		{
			margin: 0;
			position: absolute;
			top: 40px;
			left: 50px;
		}
	
		#header h1 a
		{
			/*display: block;
			overflow: hidden;
			width: 258px;
			height: 51px;
			text-indent: -999em;
			background: url(/images/layout/logo.gif) no-repeat left top;*/
		}
		
		#header .utility_nav 
		{
			margin: 0;
			padding: 0;
			position: absolute;
			top: 60px;
			left: 370px;
			list-style-type: none;
		}
			
			#header .utility_nav li 
			{
				display: inline;
				margin: 0 12px 0 0;
			}
			
				#header .utility_nav li a
				{
					font-size: 10px;
					color: #a2a0a0;
					text-decoration: none;
					font-weight: bold;
					text-transform: uppercase;
				}
				
				#header .utility_nav li.selected a,
				#header .utility_nav li a:hover
				{
					color: #000000;
				}
				
				#header .utility_nav li.share a
				{
					position: relative;
					top: 4px;	
				}
				
/************************************
**		MAIN NAV				   **
************************************/

.main_nav 
{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 114px;
	left: 164px;
	list-style-type: none;
}

	.main_nav li
	{
		display: inline-block;
		margin: 0 0 0 -3px;
	}
	
		.main_nav li a 
		{
			font-size: 12px;
			color: #FFFFFF;
			text-transform: uppercase;
			text-decoration: none;
			display: inline-block;
			padding: 8px 12px 8px;
			height: 11px;
			background: #7c7b7b url(/images/layout/main-nav-bg.gif) no-repeat left top;
		}
		
		.main_nav li a:hover,
		.main_nav li.selected a
		{
			color: #5d5959;
			text-transform: uppercase;
			background: #7c7b7b url(/images/layout/main-nav-selected-bg.gif) repeat-x left top;
		}

	
/************************************
**		FOOTER					   **
************************************/

#footer
{
	width: 100%;
	height: 35px;
	background: url(/images/layout/footer-bg.png) no-repeat center top;
}
	
/************************************
**		CONTENT					   **
************************************/
	
#content_wrapper 
{
	overflow: auto;
	margin: 0;
	text-align: left;
	background: url(/images/layout/content-bg.png) repeat-y center top;
}

	#content 
	{
		overflow: auto;
		width: 960px;
		margin: 0 auto;
		padding: 0 0 25px;
	}
	
/************************************
**		FORMS					   **
************************************/

.box table 
{
	float: none;
	clear: both;
}

table.form 
{
	margin: 25px 0;	
	text-align: left;
	float: none;
	clear: both;
}
	
	table.form tr th 
	{
		text-align: left;
		padding: 0 15px 0 0;
		vertical-align: top;
	}
	
	table.form tr td 
	{
		vertical-align: top;
	}
	
	table.form tr td 
	{
		vertical-align: top;
	}
	
	table.form tr.error td
	{
		color: Red;
	}
	
	table.form tr th h3
	{
		padding-bottom: 8px;
		border-bottom: 1px solid #CCCCCC;
	}
	
	table.form tr td input.text_field,
	table.form tr td textarea.text_field,
	table.form tr td select
	{
		vertical-align: middle;
		border: 1px solid #cccccc;
		width: 250px;
		margin: 0 0 8px;
		padding: 0;
	}
	
		table.form tr td input.text_field:focus
		{
			border: 1px solid #787373;
		}
		
	table.form tr td input.form_button 
	{
		
		float: left;
		color: #000000;
		border: 1px solid #CCCCCC;
		margin: 0 0 18px;
		padding: 4px 34px 4px 4px;
		background: url(/images/content/products/category-arrow.gif) no-repeat 97% center;
		font-size: 14px;
		font-weight: normal;
		text-transform: uppercase;
		text-decoration: none;
		cursor: pointer;
		text-align: left;
	}
	
	table.form tr td a.link_button 
	{
		display: block;
		float: left;
		color: #000000;
		margin: 18px 0 0;
		padding: 1px 32px 0 0;
		background: url(/images/content/products/category-arrow.gif) no-repeat right top;
		font-size: 14px;
		font-weight: normal;
		text-transform: uppercase;
		text-decoration: none;
		cursor: pointer;
	}
	
		table.form tr td a.link_button:hover 
		{
			text-decoration: underline;
		}