/*################################## W3C #################################*/
body, div, 
h1, h2, h3, h4, 
h5, h6,ol, p, 
ul, hr   { display: block }
li              { display: list-item }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
body            { padding: 8px; line-height: 1.33 }
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .83em 0 }
h3              { font-size: 1.17em; margin: 1em 0 }
h4, p,
ul,
blockquote  { margin: 1.33em 0 }
h5              { font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
h6              { font-size: .67em; margin: 2.33em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bold }
hr              { border: 1px inset }
ol, ul { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
a[href]         { text-decoration: underline }
:focus          { outline: dotted thin }
@media print {
@page         { margin: 10% }
h1, h2, h3,
h4, h5, h6    { page-break-after: avoid; page-break-inside: avoid }
blockquote, 
pre           { page-break-inside: avoid }
ul, ol, dl    { page-break-before: avoid }
}
@media aural {
h1, h2, h3, 
h4, h5, h6    { voice-family: paul, male; stress: 20; richness: 90 }
h1            { pitch: x-low; pitch-range: 90 }
h2            { pitch: x-low; pitch-range: 80 }
h3            { pitch: low; pitch-range: 70 }
h4            { pitch: medium; pitch-range: 60 }
h5            { pitch: medium; pitch-range: 50 }
h6            { pitch: medium; pitch-range: 40 }
li, dt, dd    { pitch: medium; richness: 60 }
dt            { stress: 80 }
pre, code, tt { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
em            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
strong        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
dfn           { pitch: high; pitch-range: 60; stress: 60 }
s, strike     { richness: 0 }
i             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
b             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
u             { richness: 0 }
a:link        { voice-family: harry, male }
a:visited     { voice-family: betty, female }
a:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}
/*################################## /W3C #################################*//*################################## DEFAULT #################################*/
body
{
position:relative;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 16px;
color:#262626;
padding: 0;
margin: 0;
text-align: center;
background-color: #ccc;
/*background-image: url(/assets/images/layoutgrid_translucent.png);*/
}
th,td,p,div,span,ul
{
font-family: Arial,Helvetica,  sans-serif, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS";
font-size: 13px;
line-height: 16px;
color:#262626;
text-align: left;
}
a{
font-family: Arial,Helvetica,  sans-serif, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS";
font-size: 12px;
line-height: 16px;
}
img {
border: 0;
}
p{
padding: 0px;
margin: 0px;
padding-bottom:14px;
}
.nodisplay { display: none; }
.clearALL
{
display:block;
clear: both;
margin: 0;
padding: 0;
width: 0;
height:0;
}
.content
{
clear: both;
position: relative;
display: block;
margin: 20px auto 0 auto;
padding: 0;
width: 902px;
text-align: left;
background-color: #fff;
}
.content p:first-child{
padding-top:0;
margin: 0px;
padding: 0px;
}
#footer
{
clear:both;
display: block;
position: relative;
margin: 0 auto 0 auto;
padding: 0px;
width: 902px;
text-align: center;
background-color: #eee;
}
.footer{
padding:10px;
text-align: center;
clear:both;
font-size:10px;
}
a.footerNav{
font-size:10px;
}
.enlarge{
display:block;
}
/*############ DIALOGS ############*/
.jqmWindow {
display: none;
position: absolute;
top: 15%;
left: 50%;
margin-left: -100px; /*1/2 of width*/
padding:0;
width: 200px;
/*	border: 1px solid #5b381a;*/
z-index: 200000;
}
/*
.jqmOverlay {
background-color: #fff;
position: relative;
iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
width: expression(this.parentNode.offsetWidth+'px');
height: expression(this.parentNode.offsetHeight+'px');
}
*/
.title{
display: block;
background-color: #4cab96;
padding:5px;
color:#fff;
font-weight:bold;
margin:0;
font-size:12px;
position: relative;
z-index: 200;
}
.modal{
background-color: #0d3372;
color:#fff;
padding:16px;
text-align:center;
font-weight:bold;
position: relative;
z-index: 200;
border: 1px solid #ccc;
}
.modal div{
color:#fff;
}
.modal button
{
background-color: #c4e0f6;
font-weight: bold;
/*
border-color: #f5832a #f16323 #f16323 #f5832a;
*/
border-width: 2px;
border-style: outset;
position: relative;
z-index: 200;
}
/*############ /DIALOGS ############*/
/*################################## /DEFAULT #################################*//*################################## CLIENT #################################*/
/*
This is the css template client.css.
Put css code in here that is specific to
this project.
*/
body
{
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Helvetica, Arial, sans-serif;
background-image: url(/assets/images/background_gradient.jpg);
background-repeat: repeat-x;
margin: 0;
font-size: 13px;
color:#000;
background-color: #01604c;
}
a:link {
color:#262626;
text-decoration: none;
}
a:active {
color:#262626;
text-decoration: none;
}
a:visited {
color:#262626;
text-decoration: none;
}
a:hover {
color:#262626;
text-decoration: underline;
}
a:link.anchor,a:visited.anchor,a:active.anchor,a:hover.anchor{
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Helvetica, Arial, sans-serif;
color:#fff;
}
a:hover.anchor{
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Helvetica, Arial, sans-serif;
text-decoration: none;
}
h1,h2,h3{
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Helvetica, Arial, sans-serif;
}
h1{
font-size: 28px;
line-height: 32px;
color:#0d3372;
}
h2
{
font-size: 14px;
line-height: 17px;
color: #0d3372;
text-transform: uppercase;
}
h3{
font-size: 15px;
line-height: 18px;
color: #0d3372;
}
h3.sub { margin: 0 0 6px 0; }
#footer{
background-color: transparent;
text-align:center !important;
}
.footer{
color:#fff;
}
.footernav{
text-align:center !important;
}
a.footerNav,a.footernav{
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Helvetica, Arial, sans-serif;
color:#fff;
}
a:link.bottomNav,a:visited.bottomNav,a:active.bottomNav,a:hover.bottomNav{
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Helvetica, Arial, sans-serif;
color:#fff;
font-weight:normal;
}
#shell
{
background-image: url(/assets/images/background_clouds.jpg);
background-repeat: no-repeat;
background-color: #c4e0f6;
width: 902px;
}
#logo{
float:left;
}
.bodyLeft{
float:left;
width:463px;
margin-right:11px;
/*background-color:blue;*/
}
.bodyLeft h1 { margin: 11px 0 0 0; }
.bodyLeft h2{
margin-top:11px;
}
.slideshow{
float:left;
width:202px;
margin-right:0px;
/*background-color:green;*/
}
#bookingDiv
{
margin: 0;
background-color: #0d3372;
padding: 0 5px 0 11px;
}
.bold_spaced{
font-weight:bold;
line-height:20px;
}
#excart,#excart table{
background-color:#0d3372 !important;
}
#oahu_slide
{
background-image: url(/assets/images/oahu_air_tour_slideshow.jpg);
background-repeat: no-repeat;
width:202px;
height:130px;
display:block;
position:relative;
margin:0;
padding:0;
}
#kauai_slide
{
background-image: url(/assets/images/kauai_air_tour_slideshow.jpg);
background-repeat: no-repeat;
width:202px;
height:130px;
display:block;
position:relative;
margin:0;
padding:0;
}
#photo_frame_home{
width:676px;
height:228px;
position: relative;
}
.map{
width:202px;
height:130px;
display:block;
position:relative;
}
.weather{
width:180px;
background-color:#0d3372 !important;
position:relative;
padding:11px;
}
.weathericon{
display:block;
float:left;
margin-right:11px;
width:55px;
}
.weatherdetails
{
float: right;
width: 114px;
line-height: 22px;
white-space: nowrap;
}
.green{
color:#65c4af;
}
.white{
color:#fff;
}
.play
{
position: absolute;
top: 43px;
left: 49px;
}
.hs{
margin-top: 10px;
}
#cart, #excart p, #excart a{
color:#fff;
}
.airtour{
background-color:#67b8b1;
color:#0d3372;
float:left;
margin:0;
padding:0;
line-height:17px;
padding-top:2px;
}
.airtourleft{
background-image: url(/assets/images/airtour_tab_left.gif);
background-repeat: no-repeat;
width:24px;
height:19px;
float:left;
}
.airtourright{
float:left;
width:24px;
background-image: url(/assets/images/airtour_tab_right.gif);
background-repeat: no-repeat;
height:19px;
}
.airtourline{
background-color:#67b8b1;
height:3px;
clear:both;
margin-bottom:11px;
}
.tour_description{
padding:0;
}
.tour_details{
margin-top:15px;
}
.menu,.menu a:visited,.menu a
{
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Helvetica, Arial, sans-serif;
background-color: #4cab96;
color:#fff;
line-height:17px;
font-size:13px;
}
.menu{
padding:0 10px 0 10px;
}
.menu a:hover {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Helvetica, Arial, sans-serif;
color:#0d3372;
text-decoration: none;
}
.prevmenu { padding: 0 0 0 10px; }
.nextmenu { padding: 0 10px 0 0; }
.nopadd{padding: 0;}
.active
{
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Helvetica, Arial, sans-serif;
background-color: #0d3372;
padding:0;
color:#fff;
}
/*Date Picker*/
#ui-datepicker-div, .ui-datepicker-inline {
width:182px;
background-color: #3b62d9 !important;
}
.ui-datepicker-one-month {
width:182px;
background-color: #3b62d9;
}
.ui-datepicker-links,.ui-datepicker-header,.ui-datepicker-header select,.ui-datepicker-title-row .ui-datepicker-week-end-cell,.ui-datepicker-title-row   {
background-color: #3b62d9
}
.ui-datepicker-week-end-cell{
background-color: #fff;
}
.ui-datepicker-header{
display:none;
}
.ui-datepicker-current
{
color: #fff;
white-space: nowrap;
width:80%;
}
.ui-datepicker-prev,.ui-datepicker-next{
width:10%;
}
.ui-datepicker-prev a,.ui-datepicker-next a{
font-size:23px;
}
.ui-datepicker-links a:hover{
background-color: transparent !important;
color: #0d3372 !important;
}
.ui-datepicker-today {
background-color: #dcdcdc !important;
}
.ui-datepicker-current-day{
background-color: #97c5bb !important;
}
.ui-datepicker-control {
background-color: #0d3372 !important;
}
.breadcrumbs, .breadcrumbs a, .breadcrumbs span,.breadcrumbs a:link,.breadcrumbs a:visited,.breadcrumbs a:active,.breadcrumbs a:hover{
text-align:center;
font-size:10px;
color:#fff;
}
.breadcrumbs a:hover{
text-decoration: underline;
}
.bc_hover{
text-decoration: underline !important;
}
#kauai_slide_caption,#oahu_slide_caption{
text-align:center;
font-size:14px;
font-weight:bold;
color:#8498bc;
}
.slide_body{
background-color: #000 !important;
padding:11px;
text-align:center;
font-weight:bold;
position: relative;
/*z-index: 200;*/
}
#kauai_slide_nav,#oahu_slide_nav{
text-align:center;
}
.closeButton{
position:absolute;
right:3px;
top:5px;
}
a:link.jqmClose, a:visited.jqmClose, a:active.jqmClose, a:hover.jqmClose{
color:#fff !important;
display: block;
float:right;
}
.jqmSlideWindow{
display: none;
position: absolute;
top: 10px;
left: 50%;
margin-left: -300px; /*1/2 of width*/
padding:0;
width: 622px;
/*	border: 1px solid #5b381a;*/
z-index: 200000;
}
.jqmOverlay {
background-color: #000;
position: relative;
}
/*################################ /Footer Nav ###############################*/
.footernav{
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Helvetica, Arial, sans-serif;
text-align: center;
color:#fff;
}
/*################################## /CLIENT #################################*//*################################## PRINT #################################*/
/*
This is the css template print.css.
Put css code in here that is specific to
this project.
*/
/*################################## /PRINT #################################*/