/*################################## 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 #################################*//*################################## FORMS #################################*/
form {
display:block;
margin: 0;
padding: 0;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 17px;
}
select,option,textarea,legend,fieldset,button,label{
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 16px;
}
form th,form td,form p,form div,form span,form ul{
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 16px;
}
legend{
color:#fff;
font-weight:bold;
border:1px solid #fff;
background-color:#0d3372;
}
fieldset
{
border-color: #fff;
border-width: 1px;
border-style: solid;
margin-bottom:10px;
padding:12px;
}
label{
display: inline;
cursor: pointer;
padding-left:5px;
}
input{
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 16px;
vertical-align: middle;
}
a:link.editform,a:visited.editform,a:active.editform,a:hover.editform{
color:red;
font-weight:normal;
font-size:10px;
}
label.error
{
color: #ad0021;
}
.error{
color: #ad0021;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 16px;
}
input[type="checkbox"] + label, input[type="radio"] + label
{
padding: 0px;
margin: 0px;
padding-bottom: 10px;
vertical-align: middle;
}
input[type="text"]
{
border-color: #777 #CCC #CCC #777;
border-width: 2px 1px 1px 2px;
border-style: solid;
padding: 2px;
}
.textfield
{
border-color: #777 #CCC #CCC #777;
border-width: 2px 1px 1px 2px;
border-style: solid;
padding: 2px;
}
input[type="textarea"]
{
border-color: #777 #CCC #CCC #777;
border-width: 2px 1px 1px 2px;
border-style: solid;
padding: 2px;
}
.textarea
{
border-color: #777 #CCC #CCC #777;
border-width: 2px 1px 1px 2px;
border-style: solid;
padding: 2px;
}
.button{
border-color: #CCC #777 #777 #CCC;
border-width: 1px 2px 2px 1px;
border-style: solid;
padding: 1px;
}
.button:active{
border-color: #777 #CCC #CCC #777;
border-width: 2px 1px 1px 2px;
border-style: solid;
padding: 1px;
}
.file{
border-color: #777 #CCC #CCC #777;
}
.formColumn{
float:left;
margin-right:10px;
}
.frozen{
display: block;
position: absolute;
left: 20%;
top:  40%;
z-index: 1000;
background-color: #ecac00;
width: 60%;
height: 20%;
}
.formMessage{
display: block;
position: absolute;
left: 15%;
top:  15%;
color:#000;
text-align: center;
padding:10px;
}
.labelDiv{
line-height: 16px;
/*background-color:blue;*/
}
.htmlDiv
{
line-height: 16px;
/*background-color: red;*/
}
#Booking
{
width: 204px;
padding: 0;
margin: 0;
background-color: transparent;
}
#Booking label{
color:#fff;
}
#Booking label.error{
color:#ad0021;
}
.threeNumberField{
width:25px;
}
.oneColField{
width:178px;
padding:0;
margin:0;
}
.oneSmallColField{
width:85px;
}
.twoColField{
width:202px;
}
.twoColFieldLarge{
width:302px;
}
.threeColField{
width:414px;
}
.oneColFieldSmall{
width:185px;
}
.oneColTextareaField{
width:424px;
height: 190px;
}
.twoColFieldSelect{
width:262px;
}
/*################################## /FORMS #################################*//* Main Style Sheet for jQuery UI date picker */
#ui-datepicker-div, .ui-datepicker-inline {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
padding: 0;
margin: 0;
background: #ddd;
width: 185px;
}
#ui-datepicker-div {
display: none;
border: 1px solid #777;
z-index: 9999; /*must have*/
}
.ui-datepicker-inline {
float: left;
display: block;
border: 0;
}
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-dialog {
padding: 5px !important;
border: 4px ridge #ddd !important;
}
button.ui-datepicker-trigger {
width: 25px;
}
img.ui-datepicker-trigger {
margin: 2px;
vertical-align: middle;
}
.ui-datepicker-prompt {
float: left;
padding: 2px;
background: #ddd;
color: #000;
}
* html .ui-datepicker-prompt {
width: 185px;
}
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
clear: both;
float: left;
width: 100%;
color: #fff;
}
.ui-datepicker-control {
background: #400;
padding: 2px 0px;
}
.ui-datepicker-links {
background: #000;
padding: 2px 0px;
}
.ui-datepicker-control, .ui-datepicker-links {
font-weight: bold;
font-size: 80%;
}
.ui-datepicker-links label { /* disabled links */
padding: 2px 5px;
color: #888;
}
.ui-datepicker-clear, .ui-datepicker-prev {
float: left;
width: 34%;
}
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
float: right;
text-align: right;
}
.ui-datepicker-current {
float: left;
width: 30%;
text-align: center;
}
.ui-datepicker-close, .ui-datepicker-next {
float: right;
width: 34%;
text-align: right;
}
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
float: left;
text-align: left;
}
.ui-datepicker-header {
padding: 1px 0 3px;
background: #333;
text-align: center;
font-weight: bold;
height: 1.3em;
}
.ui-datepicker-header select {
background: #333;
color: #fff;
border: 0px;
font-weight: bold;
}
.ui-datepicker {
background: #ccc;
text-align: center;
font-size: 100%;
}
.ui-datepicker a {
display: block;
width: 100%;
}
.ui-datepicker-title-row {
background: #777;
}
.ui-datepicker-days-row {
background: #eee;
color: #666;
}
.ui-datepicker-week-col {
background: #777;
color: #fff;
}
.ui-datepicker-days-cell {
color: #000;
border: 1px solid #ddd;
}
.ui-datepicker-days-cell a{
display: block;
}
.ui-datepicker-week-end-cell {
background: #ddd;
}
.ui-datepicker-title-row .ui-datepicker-week-end-cell {
background: #777;
}
.ui-datepicker-days-cell-over {
background: #fff;
border: 1px solid #777;
}
.ui-datepicker-unselectable {
color: #888;
}
.ui-datepicker-today {
background: #fcc !important;
}
.ui-datepicker-current-day {
background: #999 !important;
}
.ui-datepicker-status {
background: #ddd;
width: 100%;
font-size: 80%;
text-align: center;
}
/* ________ Datepicker Links _______
** Reset link properties and then override them with !important */
#ui-datepicker-div a, .ui-datepicker-inline a {
cursor: pointer;
margin: 0;
padding: 0;
background: none;
color: #000;
}
.ui-datepicker-inline .ui-datepicker-links a {
padding: 0 5px !important;
}
.ui-datepicker-control a, .ui-datepicker-links a {
padding: 2px 5px !important;
color: #eee !important;
}
.ui-datepicker-title-row a {
color: #eee !important;
}
.ui-datepicker-control a:hover {
background: #fdd !important;
color: #333 !important;
}
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
background: #ddd !important;
color: #333 !important;
}
/* ___________ MULTIPLE MONTHS _________*/
.ui-datepicker-multi .ui-datepicker {
border: 1px solid #777;
}
.ui-datepicker-one-month {
float: left;
width: 185px;
}
.ui-datepicker-new-row {
clear: left;
}
/* ___________ IE6 IFRAME FIX ________ */
.ui-datepicker-cover {
display: none; /*sorry for IE5*/
display/**/: block; /*sorry for IE5*/
position: absolute; /*must have*/
z-index: -1; /*must have*/
filter: mask(); /*must have*/
top: -4px; /*must have*/
left: -4px; /*must have*/
width: 200px; /*must have*/
height: 200px; /*must have*/
}/*################################## 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 #################################*/