/******************************************* 

	CSS Styles for SkyShuttle Template
	Author: Andrew Rodgers
	Last Modified: 6/12/07
	
******************************************* /

/* Body Styles, centers layout */
body {
margin:0px;
padding:0px;
font-family:Arial, Verdana, sans-serif;
font-size: 80.01%;
background:#fff url('/img/pageBG.gif');
text-align:center;
}
/* Generic Color Styles */
h1, h2, h3, h4, h5, p,a:link,a:visited, legend, label, strong, body{
color:#002C97;
}
h4{
margin-bottom:0px;
}
/* Generic List Styles */
ul{
color:#002C97;
font-size:12px;
list-style:disc;
padding-right:240px;
}
ul li{
margin-bottom:4px;
}
/* Container that holds repeating background pattern-gradient */
#container {
margin:0px;
padding:8px 29px 0px 29px;
/*min-width:966px;*/
background:transparent url('/img/containerBG.gif') repeat-x;
}
/* Image Replacement for h1 - Replaces the text with a linked banner */
#header {
text-align:left;
margin:0 auto;
padding:0px 0px 0px 0px;
width:966px;
height:214px;
position:relative;
background:url('/img/headerBG2.jpg') no-repeat right;
}

#header a {
background:url('/img/headerBG1.jpg') no-repeat left;
position:absolute;
top:0px;
left:0px;
width:498px;
height:100%;
}

/************ START DROP DOWN NAV ************/
/************

Adapted 
from http://www.cssplay.co.uk/menus/final_drop.html

************/
#mainNav {
position:absolute;
top:0;
left:-1px;
z-index:100;
height:43px;
background:#739AFF url('/img/mainNavGrad.gif') repeat-x;
}
/* remove all the bullets, borders and padding from the default list styling */
#mainNav ul {
padding:0;
margin:0;
list-style-type:none;
}
#mainNav ul ul {
width:149px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#mainNav li {
float:left;
width:149px;
position:relative;
margin:0px;
}
/* style the links for the top level */
#mainNav a, #mainNav a:visited {
display:block;
margin:0px;
padding:0px;
font-size:14px !important;	/* Keeps styles from switching to generic links styles below */
text-decoration:none; 
color:#fff !important;	/* Keeps styles from switching to generic links styles below */
height:31px;
border:none;
border-top:1px solid #0D2DB7;
background:#739AFF url('/img/mainNavGrad.gif') repeat-x; 
line-height:29px;
text-align:center;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#mainNav ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:149px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#mainNav table {position:absolute; top:0; left:0;}

/* style the second level links */
#mainNav ul ul a, #mainNav ul ul a:visited {
background:none; 
color:#fff; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px;
background:#183ED0;
}

/* style the top level hover */
#mainNav a:hover, #mainNav ul ul a:hover{
color:#fff !important;	/* Keeps styles from switching to generic links styles below */
background:#739AFF url('/img/mainNavGradHover.gif') repeat-x; 
}
#mainNav :hover > a, #mainNav ul ul :hover > a {
color:#fff;
}
/* style the second level hover */
#mainNav ul ul a:hover{
color:#023ED0;
background:#799EFC;
}

/* make the second level visible when hover on first level list OR link */
#mainNav ul li:hover ul,
#mainNav ul a:hover ul{
visibility:visible;
}

/************ END DROP DOWN NAV ************/

/* Main Content Container that holds drop-shadow/column graphics */
#mainContent {
text-align:left;
margin:0 auto;
padding:0px 0px 0px 0px;
position:relative;
width:966px;
background:transparent url('/img/mainContainerBG.png') repeat-y;
min-height:545px;
}
/* Column which holds "Traveler's Links" */
#leftColumn {
float:left;
position:absolute;
top:0px;
left:0px;
margin:0px 0px 0px 21px;
padding:50px 20px 0px 12px;
border-top:1px solid #0D2DB7;
min-height:100px;
background:transparent url('/img/travelLinksHeader.png') no-repeat left top;
}
#leftColumn img{
border:none;
}
#leftColumn a.travelLink{
display:block;
margin-bottom:10px;
}
/* Column which holds forms, text, etc...  most content should be placed within this element */
#rightColumn {
position:relative;
margin-left:201px;
padding:43px 40px 62px 20px;
min-height:645px;
background:transparent url('/img/watermark.jpg') no-repeat -2px bottom;
}
/* Generic Styles for elements within mainContent Container */
#mainContent h1{
margin:0px;
padding:0px;
}
#mainContent h2{
font-size:24px;
font-weight:bold;
margin:0px 0px -10px 0px;
}

#mainContent h4{
font-size:16px;
font-weight:bold;
}

#mainContent h5{
font-size:14px;
font-weight:bold;
}

#mainContent p{
font-size:14px;
text-align:justify;
line-height:1.35;
padding-right:240px;
}
#mainContent a:link, #mainContent a:visited{
font-size:14px;
}
#mainContent a:hover{
color:#2951EC;
}
/* Styles for Van Picture - This would be edited if graphic changed */
#mainContent #vanPic{
border:none;
position:absolute;
right:25px;
top:60px;
}
#mainContent #contactInfo{
font-weight:bold;
padding-right:200px;
}
#mainContent .loose{
padding-right:20px;
}
/************ START BOOKING FORM STYLES ************/
#mainContent h3#bookingHeader{
font-size:14px;
font-weight:bold;
color:#fff;
line-height:2.3;
margin:0px 0px 20px -21px;
padding:0px 10px 0px 20px;
height:44px;
background:#739AFF url('/img/bookingBG.gif') repeat-x;
width:715px;
}
#mainContent #bookingForm fieldset{
margin:-20px 0px 0px 0px;
padding:0px 0px 0px 0px;

border:none;/*1px solid #799EFC;*/
font-size:12px;
font-weight:normal;
}
#mainContent #bookingForm legend{
font-size:16px;
font-weight:bold;
margin:0px 0px 10px 0px;
padding:0px;
}
#mainContent #bookingForm div.formGroup{
clear:left;
float:left;
margin:0px 0px 6px 30px;
padding:0px;
min-width:390px;
width:390px;
}
#mainContent #bookingForm div.formGroup label{
display:block;
margin-bottom:1px;
}
#mainContent #bookingForm div div.formFloatLeft{
float:left;
vertical-align:middle;
}
#mainContent #bookingForm div div.formFloatLeft select,
#mainContent #bookingForm div div.formFloatRight select{
max-width:185px;
width:185px;
}
#mainContent #bookingForm div div.formFloatLeft div.formFloatLeftSmall,
#mainContent #bookingForm div div.formFloatRight div.formFloatLeftSmall {
float:left;
width:auto;
}
#mainContent #bookingForm div div.formFloatLeft div.formFloatLeftSmall select,
#mainContent #bookingForm div div.formFloatRight div.formFloatLeftSmall select {
max-width:115px;
width:115px;
}

#mainContent #bookingForm div div.formFloatLeft div.formFloatRightSmall,
#mainContent #bookingForm div div.formFloatRight div.formFloatRightSmall {
margin-top:16px;
float:left;
width:auto;
}
#mainContent #bookingForm div div.formFloatLeft div.formFloatRightSmall select,
#mainContent #bookingForm div div.formFloatRight div.formFloatRightSmall select {
max-width:50px;
width:50px;
}

#mainContent #bookingForm div div.formFloatRight{
float:right;
vertical-align:middle;

}
#mainContent #bookingForm #numberTravelers{
max-width:55px;
width:55px;
}

div.formRadio{
margin:0px 64px 4px 0px;
}
div.formRadio input{
height:16px;
line-height:16px;
margin-left:0px;
margin-right:0px;
margin-top:0pt;
vertical-align:middle;
}
div.formRadio label{
display:inline !important;
height:16px;
line-height:16px;
vertical-align:middle;
}
input#submitBtn{
clear:both;
border:none;
width:82px;
height:26px;
cursor:pointer;
float:right;
margin:10px 0px 0px 0px;
background:transparent url('/img/submitBtn.png') no-repeat;
}
input#continueBtn{
clear:both;
border:none;
width:82px;
height:26px;
cursor:pointer;
float:left;
margin:10px 0px 0px 0px;
background:transparent url('/img/continueBtn.png') no-repeat;
}
input#refreshBtn{
clear:both;
border:none;
width:82px;
height:26px;
cursor:pointer;
margin:10px 0px 0px 0px;
background:transparent url('/img/refreshBtn.png') no-repeat;
}
input#sendBtn{
clear:both;
border:none;
width:82px;
height:26px;
cursor:pointer;
margin:10px 0px 0px 0px;
background:transparent url('/img/sendBtn.png') no-repeat;
}
input#purchaseBtn{
clear:both;
border:none;
width:82px;
height:26px;
cursor:pointer;
margin:10px 0px 0px 0px;
background:transparent url('/img/purchaseBtn.png') no-repeat;
}
/************ END BOOKING FORM STYLES ************/

.clearDiv{
clear:both;
}
#footer{
position:absolute;
bottom:0px;
left:0px;
padding-bottom:1px;
width:730px;
background:url('/img/creditCards.gif') no-repeat center right;
height:36px;
}
#footer ul#footerNav{
margin:22px 0px 0px 0px;
padding:0px 0px 0px 10px;
}
#footer ul#footerNav li{
margin:0px;
padding:0px;
display:inline;
list-style:none;
}
#footer ul#footerNav li a{
float:left;
font-size:10px;
line-height:9px;
font-weight:bold;
border-right: 1px solid #002C97;
padding:1px 5px 1px 5px;
text-decoration:none;
}
#footer ul#footerNav li#lastFooterItem a{
border-right:none;
}
/* Error Page */
#mainContent #warningMessage{
padding-right:120px;
padding-top:10px;
}
#mainContent #warningMessage img{
float:left;
margin:-4px 10px 0px 0px;
}
/* Table Styles */
table.schedule {
	border-width: 1px;
	border-spacing: 3px;
	border-style: outset;
	border-color: blue;
	border-collapse: separate;
}
table.schedule th {
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: blue;
	-moz-border-radius: 12px;
}
table.schedule td {
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: blue;
	-moz-border-radius: 12px;
}
table.errorbox {
	border-width: 1px;
	border-spacing: 0px;
	border-style: inset;
	border-color: #002C97;
	border-collapse: separate;
	background-color: #CACEFB;;
}
table.errorbox th {
	border-width: 1px;
	padding: 3px;
	border-style: none;
	border-color: #002C97;
	background-color: #CACEFB;
	-moz-border-radius: 0px;
}
table.errorbox td {
	border-width: 1px;
	padding: 3px;
	border-style: none;
	border-color: #002C97;
	background-color: #CACEFB;
	-moz-border-radius: 0px;
}
table.attentionbox {
	border-width: 3px;
	border-spacing: 0px;
	border-style: none;
	border-color: #002C97;
	border-collapse: collapse;
	background-color: #CACEFB;;
}
table.attentionbox th {
	border-width: 1px;
	padding: 3px;
	border-style: none;
	border-color: #002C97;
	background-color: #CACEFB;
	-moz-border-radius: 0px;
}
table.attentionbox td {
	border-width: 3px;
	padding: 3px;
	border-style: solid;
	border-color: #002C97;
	background-color: #CACEFB;
	-moz-border-radius: 0px;
}
.separator{
border-bottom:1px solid #002C97;
}