/*-----------------------------------------------------------------------------

  Copyright:        Copyright (C) 2007 Kemble Air Day.  All rights reserved.

  Filename:         main.css

  Description:      Main / Basic styles

  Version:          1.0

  Author:           Marc Colclough

  Date Created:     December 19, 2007

  Last Updated:     March 5, 2010

  Last Updated By:  Marc Colclough

-------------------------------------------------------------------------------

  Email:            web [at] viewcreative [dot] co [dot] uk

  Website:          www.kembleairday.com

-------------------------------------------------------------------------------

  This file is not a template and may not be reproduced. :p

------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead { margin: 0;  padding: 0; border: 0;  outline: 0; font-weight: inherit; font-style: inherit;  font-size: 100%;  font-family: inherit; vertical-align: baseline;}
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate;  border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after {  content: ""; }
blockquote, q { quotes: "" ""; }

/* =reset.css many thanks to Mr Meyer. http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
-----------------------------------------------------------------------------*/


body {font: 62.5%/1.5em "geneva", "ms sans serif", "verdana", sans-serif; background: #eeeeee url(/images/bg-sky.jpg) scroll; color: #fff; font-weight: bold;}
:focus { color: #ff9900; }
a:link, a:visited {color: #444; font-weight: bold; text-decoration: none;}
#main-content a {
	color:#ff0000;
}
a.skip {position: absolute; left: -99999em;}
a.skip:focus {top: 10px; left: 40px;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
a.alt {color:#FF0000; font-size:150%}

/* =setup
-----------------------------------------------------------------------------*/

#container {width: 958px; margin: 0 auto; position: relative; background: #2E227D;}

/* =#container
-----------------------------------------------------------------------------*/

#branding {height: 365px; background: #2E227D;}
#branding h1 {background: url(/images/h1-branding.png) no-repeat scroll top left; height: 208px; position: absolute; width: 860px; height: 210px; z-index: 10;  text-indent: -9999em;}
#branding img {border-left: 15px solid #fff;border-right: 15px solid #fff;border-bottom: 15px solid #fff; position: absolute; top: 0; left: 20px; z-index: 5;}

/* =#branding
-----------------------------------------------------------------------------*/

#content {margin: 0 20px 0 20px; width: 930px; }
.content #content {background: none;}
#content:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* clearfix */

/* =#content
-----------------------------------------------------------------------------*/

#main-content {float: left; width: 420px; min-height: 250px; background: #001353 url(/images/main-content-bg.png) no-repeat scroll bottom right; padding: 15px 15px 50px 15px;font-weight: normal; height:100%; overflow:auto}
#main-content h3 {font-size: 1.9em; letter-spacing: -1px; font-weight: normal; margin-bottom: 0.5em;}
#main-content h4 {margin-bottom: 1.5em;}
#main-content p {margin-bottom: 1em;}

#main-content #thankyou {background: #630F38; padding: 10px; margin-bottom: 1em; border: 4px double #001353;}
#main-content #thankyou h3 {font-size: 1.6em;}
#main-content #thankyou p {margin:0;}

#main-content a.pdf:link, #main-content a.pdf:visited {display: block; padding: 10px 0 10px 20px; margin: 0px 0 0px 15px; min-height:2em; line-height: 2em; background: url(/images/pdficon_small.gif) no-repeat scroll center left; color: #eee; font-weight: bold; }

#main-content a.word:link, #main-content a.word:visited {display: block; padding: 10px 20px 10px 20px; margin: 0px 40px 0px 5px; min-height:2em; line-height: 2em; background: url(/images/word_logo.jpg) no-repeat scroll center left; color: #eee; font-weight: bold; text-indent:15px }


.content #main-content {width: 432px; min-height: 0; margin-bottom: 15px;}
.content #main-content h4 {margin:1.5em 0 0 0;}

#logos {
	margin-top:10px;
	width:280px;
	height:100%;
	background:#001453;
	border:#000 solid 1px;
	clear:both;
}



#logos img {	
	margin:15px 8px;
	float:left;
}	


#logos .col1 {
	display:block;
	width:130px;
	float:left;
	margin-top:10px;
}

#logos .col2 {
	display:block;
	width:150px;
	float:left;
}



#logos-inner {
	margin-top:0px;
	margin-left:18px;
	width:280px;
	height:100%;
	background:#001453;
	border:#000 solid 1px;
float:left;
}



#logos-inner img {	
	margin:15px 8px;
	float:left;
}	


#logos-inner .col1 {
	display:block;
	width:130px;
	float:left;
	margin-top:10px;
}

#logos-inner .col2 {
	display:block;
	width:150px;
	float:left;
}

#getting_there {
	padding-bottom:10px; }
#getting_there td {
	padding:8px 8px 8px 0; }
#getting_there th {
	padding-bottom:10px; }
#getting_there td strong {
	color:red; }
	
.faqs strong {
	color:red; }
	
.links #main-content a {
	float:left; margin:10px; }

/* =#main-content
-----------------------------------------------------------------------------*/

#navigation {float: left; width: 135px; margin-right: 12px; z-index:60; padding-bottom:15px; }
#navigation h3 {position: absolute; left: -99999em;}
#navigation li {background: #001353; border-bottom: 1px solid #2E227D; position:relative; float:left; display:block; }
#navigation li a:link, #navigation li a:visited {display: block; color: #fff; padding-left: 30px; line-height: 2.5em; font-weight: normal; width:100px}
#navigation li a:hover {background: url(/images/bullet-jet-hover.png) scroll no-repeat 7px 50%;}
#navigation li a:active, #navigation li a.active {background: url(/images/bullet-jet.png) scroll no-repeat 7px 50%;}
#navigation p {font-weight:500; line-height:3.2em;}
#navigation li a.red { background: #ca0000; }

#navigation li:last-child, #navigation li.last-child {border-bottom: 0;}

#navigation li ul {
	position: absolute;			
	width: 10em;
	left: -999em;	
	margin:0;
	margin-top:-2.5em;
	padding:0;		
	z-index:100;
	list-style-type:none;
}

#navigation li ul a {
	background:#3366CC; 
	padding:3px !important;
	line-height:normal !important;
}

#navigation li ul a:hover {
	background:#ff0000 !important;		
}

#navigation li:hover ul, #navigation li:hover ul, #navigation li.sfhover ul {
	left:130px;
}

/* =#order
-----------------------------------------------------------------------------*/
.order {margin: 10px 0 10px 0; border: 1px solid white;}
.order th {background: #111; color: white; font-size: 14px; padding: 10px; border: 1px solid white;}
.order tr {border: none;}
.order td {border: none;}
.order tr:hover {background: #17285f;}
.order td {padding: 10px; font-size: 14px;}



/* =#navigation
-----------------------------------------------------------------------------*/


#video {float: right; width: 298px;  margin-left: 20px;}
#video div div {position: absolute; left: -99999em;}
#video div.media {float: left; margin: 10px 0 0 6px;}

/* =#video
-----------------------------------------------------------------------------*/

#gallery {float:left; width:286px; margin-left:20px; margin-bottom:10px;background: #001353 }
#gallery ul {float: left; clear: both; width:274px; margin: 0 0 0 12px; height:100%; overflow:auto; background: #001353; padding-bottom:10px;}
#gallery li {float: left; margin: 4px 4px 4px 4px; position: relative;}
#gallery img {border: 3px solid #fff; width:65px; height:65px}
#gallery h4 {text-align:left; background: #001353 url(/images/gallery-h4-bg.png) repeat-x scroll 0 0; width: 240px;}
#gallery h4 span {font-size: 1.6em; background: #001353; margin: 5px 5px 5px 15px; padding: 0 10px 0 10px; display: block; width: 3.5em;}
#gallery h4 span span {margin:0; background: none;  }
/* =#gallery
-----------------------------------------------------------------------------*/


#secondary-content {float: left; clear: both; width: 958px; background: #fff; position: relative;color: #777; padding: 10px 0 0 0; font-weight: normal;}
#secondary-content #signup div {float: left; margin: 0 0 0 30px; width: 110px;}
#secondary-content #signup div h4 {margin-bottom: -5px;}
#secondary-content #signup div p {font-weight: normal; text-transform: lowercase; width: 90px;}
#secondary-content #signup fieldset label {position: absolute; left: -99999em;}
#secondary-content #signup fieldset input.text {float: left; clear: both;background: url(/images/input-text-bg.png) no-repeat scroll top left; height: 22px; width: 140px; padding: 2px 10px 0 10px; border: none; margin: 0 0 5px 0;}
#secondary-content #signup fieldset input.helper {text-transform: lowercase; color: #999;}
#secondary-content #signup fieldset input.submit {margin: 30px 0 0 5px;}
#secondary-content #signup fieldset {float: left;}


/* =#secondary-content
-----------------------------------------------------------------------------*/

#site-information {float: left; clear: both; width: 895px; margin: 10px 0 0 30px; border-top: 1px solid #0067B0;}
#site-information h4 {position: absolute; left: -99999em;}
#site-information ul {float: left; clear: both; width: 910px; padding: 5px 0 5px 0;}
#site-information li {float: left;}
#site-information #organised-by { position: absolute;  width: 300px; top: 30px; left: 450px;}
#site-information #copyright {float: right; margin-right: 30px;}
#site-information abbr {font-variant: small-caps;}

/* =#site-information
-----------------------------------------------------------------------------*/


.sIFR-flash {visibility: visible !important; margin: 0; padding: 0;}
.sIFR-replaced, .sIFR-ignore {visibility: visible !important;}
.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}
.sIFR-replaced div.sIFR-fixfocus {margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none;}
.sIFR-dummy {width: 0px; height: 0px; margin-left: 42px; z-index: 0;}

/* =sifr
-----------------------------------------------------------------------------*/





/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}

#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}

#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}

#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}

#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}

#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}

#TB_title{
  background-color:#e8e8e8;
  height:27px;
}

#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
  padding:15px;
}

#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}

#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}


/* =thickbox
-----------------------------------------------------------------------------*/
#loginForm label {
	width:80px;
	float:left;
	display:block;
}

.textBox {
	float:left;
	width:200px;
	height:20px;
	border:1px solid #999;
	color:black;
	height:20px;
}

#loginForm .textBox {
	float:left;
	width:200px;
	height:20px;
	background: url(/images/input-text-bg.jpg) no-repeat scroll top left; 
	padding: 2px 10px 0 10px; 
	border: none; 
	margin: 0 0 5px 0;
}

.row {
	height:100%;
	overflow:auto;
	margin:5px 0;
}



/* =login
-----------------------------------------------------------------------------*/

#add label, #edit label {
	width:140px;
	float:left;
	display:block;
}

#add tepxtarea {
	width:200px;
	height:150px;
	font:120% Arial, Helvetica, sans-serif;
	color:black;
}

/* =add and edit file
-----------------------------------------------------------------------------*/

.fileTtitle {
	font-size:120% !important;
	font-weight:bold;
	padding:3px;
	background-color:#3366CC;
}

#fileList a {
	/*background: url(/images/bullet-jet.png) scroll no-repeat 7px 50%;*/
	color:red;
	/*padding-left:30px;*/
	padding:0 5px;
}

#fileList a span {
	font-weight:normal;
	color:white;
}

#fileList ul {
	margin:5px 0 10px 0;	
	paddng:0;	
}

#fileList ul li {
	display:inline;	
	list-style-type:none;
}

.col {
	width:150px;	
	border:8px solid #2E227D;
	margin:2px;
	padding:8px 5px 0 8px;
	float:left;
}
/* =Pilots Member Area
-----------------------------------------------------------------------------*/

#contactDetails {
	text-align:right;
}
/* =Tickets
-----------------------------------------------------------------------------*/
#links, #links ul {
	list-style-type:none;
}

#links li {
	margin-bottom:20px;	
	display:block;
}

#links img {
	border:1px solid black;
}

#links li a {
	display:block;
	clear:both;		
	/*font:120% Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:underline;*/
	margin:5px 0;
}

#links .title {
	font-size:120%;
	color:white;
	font-weight:bold;
	padding:3px;
	background-color:#3366CC;
	width:auto !important;
}

/* =Links
-----------------------------------------------------------------------------*/
.addCartButton {
	background:url(../images/add_cart_button.gif) no-repeat;
	width:83px;
	height:23px;
	margin:0 auto;
	margin-top:15px;
	display:block;
	border:0;
}

.viewBasketButton {
	background:url(../images/view_basket_button.gif) no-repeat;
	width:83px;
	height:23px;
	margin:0 auto;
	margin-top:15px;
	display:block;
	border:0;
}

.loginButton {
	background:url(../images/login_button.gif) no-repeat;
	margin-top:10px;
	width:83px;
	height:23px;
	border:0;
}

.uploadButton {
	background:url(../images/upload_button.gif) no-repeat;
	margin-top:10px;
	width:83px;
	height:23px;	
	border:0;
}

.clickHere {
	background:url(../images/click_here_button.gif) no-repeat;
	margin:15px;
	display:block;
	float:left;
	width:83px;		
	height:23px;
	border:0;
}

.clickHere em {
	visibility:hidden;
}
/* =Buttons and general formatting
-----------------------------------------------------------------------------*/

.imgBorder {
	border:1px solid #ccc;
}

img.right {
	float:right;
	margin-left:5px;
	border:1px solid white;
}

img.left {
	float:left;
	margin-right:5px;
	border:1px solid white;
}

.displayAircraft span {
	display:block;
	float:left;
	width:150px;
}


#pressPics {
	width:530px; 
	height:130px;	
	margin:0 auto;
	margin-bottom:20px;	
}

#pressPics img {
	display:block;
	float:left;
	margin-right:22px;	
	margin-top:10px;
	width:160px;
	border:1px solid white;
}

.table-headings {
	font-size:16px;
	font-weight:bold;
	padding:4px 0 0 4px;
}

.tickets-button {
	background:url(/images/tickets-button.png);
	width:150px;
	height:145px;
	z-index:1000;
	position:absolute;
	top:0;
	right:65px;
	text-indent:-999em;
}
.quantity {width:40px; margin-right:5px;}