/*################################## 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", Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
line-height: 15px;
color: #000000;
padding: 0;
margin: 0;
text-align: center;
background-color: #CCC;
background-image: url(/assets/images/layoutgrid_translucent.png);
background-position: center;
}
th,td,p,div,span,ul
{
font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
line-height: 15px;
color:#000000;
text-align: left;
}
a{
font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
line-height: 15px;
}
img {
border: 0;
}
.png{behavior: url(/assets/javascript/iepngfix.htc)}
h1{
padding: 0px;
margin: 0px;
color:#000000;
line-height:28px
}
h2{
padding: 0px;
margin: 0px;
color:#000000;
}
p{
padding: 0px;
margin: 0px;
padding-bottom:8px;
}
.nodisplay { display: none; }
.clearALL
{
display:block;
clear: both;
margin: 0;
padding: 0;
width: 0;
height:0;
}
.content
{
clear: both;
display: block;
position: relative;
margin: 0 auto 0 auto;
padding: 0;
width: 940px;
text-align: left;
}
#footer
{
clear:both;
display: block;
position: relative;
margin: 0 auto 0 auto;
padding: 0px;
padding-top:16px;
padding-bottom:8px;
width: 940px;
text-align: center;
}
.footer{
padding:10px;
text-align: center;
clear:both;
font-size:10px;
}
a.footerNav{
font-size:10px;
}
.enlarge{
display:block;
}
/*############ DIALOGS ############*/
.jqmClose a{
z-index: 50000; 
}
.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: 20000;
}
#reservation_dialog{
width: 220px;
top: 15%;
left: 50%;
margin-left: -110px; /*1/2 of width*/
z-index: 20000;
}
#availibility_dialog{
width: 570px;
top: 15%;
left: 50%;
margin-left: -285px; /*1/2 of width*/
}
#callus{
width: 220px;
top: 37%;
left: 50%;
margin-left: -110px; /*1/2 of width*/
z-index: 40000; 
}
.modalRes
{
/*background-color: #d7d7d7;*/
background-image: url(/assets/images/res_widget_bkgd.gif);
background-repeat: repeat-y;
padding: 0;
margin:0;
text-align: center;
position: relative;
z-index: 2000;
}
#callus .modalRes{
background-image: url(/assets/images/warn_widget_background.gif);
background-repeat: repeat-y;
}
.modalRes #Booking
{
padding: 0;
position: relative;
margin:0;
z-index: 2000;
}
.modalRes img
{
position: relative;
z-index: 2000;
}
.calendar_container{
position: relative;
z-index: 4000;
/*height:1px;*/
}
.title{
display: block;
background-color: #0c65a2;
padding:5px;
color:#fff;
font-weight:bold;
margin:0;
font-size:12px;
position: relative;
z-index: 2000;
}
#availibility_dialog .title{
background-color: #0c65a2;
}
.modal{
background-color: #c8dbd9;
padding:16px;
text-align:center;
font-weight:bold;
position: relative;
z-index: 2000;
border: 1px solid #ccc;
}
#availibility_dialog .modal{
background-color: #c8dbd9;
}
.modal button
{
background-color: #ccc;
font-weight: bold;
/*
border-color: #f5832a #f16323 #f16323 #f5832a;
*/
border-width: 2px;
border-style: outset;
position: relative;
z-index: 2000;
}
#callus .modalRes,#callus .modalRes div,#callus .modalRes div div,#callus .title,#callus .modalRes img,#callus .modal{
z-index: 40000 !important; 
}
.callus
{
text-align: left;
padding: 5px 11px 11px 11px;
}
.twodays{
cursor:pointer;
}
.jqmOverlay { background-color: #d7d7d7; }
.holoOverlay { background-color: #c8d3dc; }
.leliaOverlay { background-color: #c8dbd9; }
.orangeOverlay { background-color: #d7d7d7;z-index: 39000; }
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
width: expression(this.parentNode.offsetWidth+'px');
height: expression(this.parentNode.offsetHeight+'px');
}
/* Fixed posistioning emulation for IE6
Star selector used to hide definition from browsers other than IE6
For valid CSS, use a conditional include instead */
* html .jqmWindow {
position: absolute;
top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
/*############ /DIALOGS ############*/
/*################################## /DEFAULT #################################*//*################################## FORMS #################################*/
form {
display:block;
margin: 0px;
padding: 0px;
font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
line-height: 17px;
}
select,option,textarea,legend,fieldset,button,label{
font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
line-height: 17px;
}
form th,form td,form p,form div,form span,form ul{
font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
line-height: 17px;
}
/*
form a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
}
*/
label{
display: inline;
cursor: pointer;
}
input{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
vertical-align: middle;
}
legend{
color:#fff;
border:1px solid #fff;
background-color:#0c65a2;
}
fieldset
{
border-color: #0c65a2;
border-width: 1px;
border-style: solid;
margin-bottom:10px;
padding:8px;
}
/*
label.required
{
padding-left: 19px;
background-image: url(/assets/images/forms/required.gif);
background-repeat: no-repeat;
background-position: left center;
}
label.error
{
padding-left: 19px;
background-image: url(/assets/images/forms/caution.gif);
background-repeat: no-repeat;
background-position: left center;
}
label.completed
{
padding-left: 19px;
background-image: url(/assets/images/forms/complete.gif);
background-repeat: no-repeat;
background-position: left center;
}
*/
.error{
color: #ad0021;
font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
line-height: 17px;
}
input[type="checkbox"] + label, input[type="radio"] + label
{
padding: 0px;
margin: 0px;
}				
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: 17px;
/*background-color:blue;*/
}
.htmlDiv
{
line-height: 17px;
/*background-color: red;*/
}
.oneColField{
width:105px;
}
.oneSmallColField{
width:85px;
}
.twoColField{
width:165px;
}
.twoColFieldLarge{
width:205px;
}
.threeColField{
width:412px;
}
.oneColFieldSmall{
width:185px;
}
.oneColTextareaField{
width:412px;
height: 190px;
}
.oneNumField{
width:40px;
}
.oneColTextareaFieldShort{
width:412px;
height: 90px;
}
.checkoutInputLarge{
width:670px;
}
.checkoutInput2{
width:328px;
}
.checkoutInput3{
width:220px;
}
.checkoutInput4{
width:195px;
}
.checkoutTextareaLarge{
width:670px;
height: 200px;
}
.checkoutTextareaShort{
width:670px;
height: 90px;
}
#Tour option{
font-size:13px;
}
#Tour{
font-size:13px;
width:198px;
margin:0;
padding:0;
}
/*################################## /FORMS #################################*//*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
margin:			0;
padding:		0;
list-style:		none;
}
.sf-menu {
line-height:	1.0;
}
.sf-menu ul {
position:		absolute;
top:			-999em;
width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
width:			100%;
}
.sf-menu li:hover {
visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float:			left;
position:		relative;
}
.sf-menu a {
display:		block;
position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left:			0;
top:			2.5em; /* match top ul list item height */
z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left:			10em; /* match ul width */
top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left:			10em; /* match ul width */
top:			0;
}
/*** DEMO SKIN ***/
.sf-menu {
float:			left;
margin-bottom:	1em;
}
.sf-menu a {
border-left:	1px solid #fff;
border-top:		1px solid #CFDEFF;
padding: 		.75em 1em;
text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
color:			#13a;
}
.sf-menu li {
background:		#BDD2FF;
}
.sf-menu li li {
background:		#AABDE6;
}
.sf-menu li li li {
background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background:		#CFDEFF;
outline:		0;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
padding-right: 	2.25em;
min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
position:		absolute;
display:		block;
right:			.75em;
top:			1.05em; /* IE6 only */
width:			10px;
height:			10px;
text-indent: 	-999em;
overflow:		hidden;
background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
top:			.8em;
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
background:	url('../images/shadow.png') no-repeat bottom right;
padding: 0 8px 9px 0;
-moz-border-radius-bottomleft: 17px;
-moz-border-radius-topright: 17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
background: transparent;
}/* 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
{
color: #262626;
background-color: #CCC;
background-image: url(/assets/images/drops.jpg);
background-position: center;
}
a:link {
color:#004879;
text-decoration: none;
}
a:active {
color:#004879;
text-decoration: none;
}
a:visited {
color:#004879;
text-decoration: none;
}
a:hover {
color:#004879;
text-decoration: underline;
}
.nocolor,
a.nocolor:link,
a.nocolor:active,
a.nocolor:visited,
a.nocolor:hover
{
text-decoration: none;
color:#262626;
}
.blue,
a.blue:link,
a.blue:active,
a.blue:visited,
a.blue:hover
{
color:#004879;
}
.green,
a.green:link,
a.green:active,
a.green:visited,
a.green:hover,
.napali_home,
.napali_home a:link, 
.napali_home a:active, 
.napali_home a:visited, 
.napali_home a:hover 
{
color:#137a73;
}
.horzLineWhite{
padding: 1px 0 0 0;
background-image: url(/assets/images/dots_horizontal.gif);
background-repeat: repeat-x;
}
#reservation_widget{
width:220px;
height:66px;
color:#fff;
text-align:center;
padding-top:5px;
display:block;
text-decoration:none;
}
#reservation_widget span{
color:#fff;
line-height:24px;
font-size:24px;
}
.grey_reservation_widget,.grey_reservation_widget span{
color:#656565 !important;
width:190px !important;
}
.blue_reservation_widget
{
background-image: url(/assets/images/reservations_blue.jpg);
background-repeat: no-repeat;
}
.orange_reservation_widget
{
background-image: url(/assets/images/reservations_orange.jpg);
background-repeat: no-repeat;
}
.horzLine{
padding: 1px 0 0 0;
background-image: url(/assets/images/dots_horizontal.gif);
background-repeat: repeat-x;
}
.horzLineWhite{
padding: 1px 0 0 0;
background-image: url(/assets/images/white_dots.gif);
background-repeat: repeat-x;
}
#sidebar ul
{
margin: 5px 0 0 18px;
padding: 0;
}
/*
#sidebar b
{
color:#004879;
}
*/
#special_button
{
display:block;
position: absolute;
top: 300px;
right: 75px;
z-index:1000;
}
#leftColumn
{
float: left;
width: 220px;
margin: 0 20px 0 0;
padding:0;
}
#rightColumn{
float: left;
width:700px;
margin:0;
padding:0;
}
#intro{
margin-bottom:16px;
}
#intro p, #introboats p{
font-size:16px;
line-height:28px;
color:#464646;
}
#intro p{
text-align:right;
}
#intro p b, #introboats p b{
display:block;
font-size:18px;
line-height:28px;
color:#004879;
margin-bottom:16px;
}
.holo #intro p, .holo #introboats p, .holo #intro p b, .holo #introboats p b{
color:#0c4579;
margin-bottom:0px;
}
.leila #intro p, .leila #introboats p, .leila #intro p b, .leila #introboats p b{
color:#137a73;
margin-bottom:0px;
}
.holo #introboats p, .leila #introboats p{
font-size:16px;
line-height:28px;
color:#464646;
}
#boatLeft,#boatLeft p{
line-height:18px;
}
.holo,
.holo a,
.holo a:link,
.holo a:active,
.holo a:visited,
.holo a:hover
{
color:#0c4579;
}
.leila,
.leila a,
.leila a:link,
.leila a:active,
.leila a:visited,
.leila a:hover,
a.leilaLink:link,
a.leilaLink:active,
a.leilaLink:visited,
a.leilaLink:hover
{
color:#137a73;
}
#tourLeft{
float: left;
width:178px;
margin:0;
padding:0;
}
#tourRight
{
float: left;
width: 490px;
margin: 0;
padding: 0px 16px 16px 16px;
}
#boatLeft
{
float: left;
width: 464px;
margin: 0;
padding: 0px 16px 16px 0;
}
#boatRight
{
float: left;
width:220px;
margin:0;
padding:0;
}
.homeColumns{
float: left;
width:340px;
margin:0;
padding:0;
}
.homeColumns a h3{
font-size:15px;
margin:0;
text-decoration: none;
color:#262626;
}
#niihau_home
{
background-image: url(/assets/images/niihau_tours_header.gif);
height: 61px;
width: 330px;
color: #fff;
padding: 10px 0 0 10px;
}
#napali_home 
{
background-image: url(/assets/images/na_pali_tours_header.gif);
height: 61px;
width: 330px;
color: #fff;
padding: 10px 0 0 10px;
}
#niihau_home h2,#napali_home h2{
color: #fff;
font-size:18px;
line-height:18px;
}
#niihau_home,#napali_home{
color: #fff;
font-size:15px;
line-height:18px;
margin-bottom:4px;
}
#masthead
{
width: 700px;
height: 385px;
background-image: url(/assets/images/white700x385.gif);
margin-bottom: 16px;
background-repeat: no-repeat;
}
#masthead img{
padding:15px;
}
#galleryhead
{
width: 700px;
height: 438px;
background-image: url(/assets/images/white700x438.gif);
margin-bottom:16px;
}
#photo_nav{
display:block;
clear:both;
/*
padding: 15px 15px 7px 15px;
width: 700px;
height: 377px;
*/
}
#direction_panel
{
width: 198px;
background-image: url(/assets/images/weather_base_pattern.jpg);
background-repeat: repeat-y;
color: #fff;
padding: 15px 11px 15px 11px;
text-align:center;
}
#weather_widget{
margin-bottom:16px;
}
#weather_panel
{
width: 198px;
background-image: url(/assets/images/weather_base_pattern.jpg);
background-repeat: repeat-y;
color: #fff;
padding: 15px 11px 15px 11px;
text-align:center;
}
.weather_info{
font-size:14px;
color: #fff;
text-align:center;
margin-bottom:8px;
}
.weather_item{
font-size:24px;
color: #fff;
font-weight:bold;
text-align:center;
}
h2.weather{
font-size:18px;
line-height:24px;
margin-bottom:16px;
color: #0c4579;
}
.rollover_thumb{
display:block;
float:left;
padding:2px;
background-color: transparent;
cursor:-moz-zoom-in;
}
#photo_nav_thumb{
float:left;
}
#thumb_nav{
position:relative;
width:625px;
}
#thumb_nav div{
float:left;
}
#booking_div
{
background-image: url(/assets/images/res_widget_bkgd.gif);
background-repeat: repeat-y;
}
.tour_detail{
display:block;
text-decoration:none;
color:#000;
}
.tour_detail, .price_detail{
display:none;
}
.tour_detail img{
margin-right:5px;
margin-bottom:5px;
}
.largeBlue{
font-size:18px;
color:#0c4579 !important;
}
.largeGreen{
font-size:18px;
color:#137a73 !important;
}
.mediumGreen{
font-size:15px;
color:#137a73 !important;
margin-bottom:8px;
}
.mediumBlue{
font-size:15px;
color:#0c4579 !important;
margin-bottom:8px;
}
.otherTours{
margin:8px 0px;
display:block;
font-weight:bold;
}
#gallery h1{
color:#004879 !important;
font-size:18px;
line-height:28px;
}
.current{
color:#ac6500 !important;
font-weight:bold;
}
.gallery_menu
{
margin: 5px 0 5px 18px;
padding: 0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
ul.gallery_menu a{
color:#393939;
}
.gallery_header{
margin-bottom:5px;
font-size:13px;
color:#004d84;
cursor:pointer !important;
}
.boat_thumb{
cursor:pointer;
text-align:center;
margin-bottom:16px;
}
.boat_image{ 
width:198px;
height:132px;
background-image: url(/assets/images/white220x154.gif);
padding:11px;
}
.boat_thumb h2{
font-size:13px;
line-height:16px;
color:#004879;
margin-bottom:8px;
}
#gallery_thumbs{
cursor:pointer;
width:220px;
margin-bottom:6px;
}
#gallery_thumb_frame{
position:relative;
width:220px;
height:170px;
background-image: url(/assets/images/white220x170.gif);
}
.gallery_thumb_link
{
display: block;
width: 198px;
height: 132px;
padding: 11px 11px 0 11px;
}
#gallery_thumb_nav
{
width: 198px;
margin: 0 11px 0 11px;
}
#gallery_thumb_nav_left{
float:left;
width:9px !important;
}
#gallery_thumb_nav_right{
float:right;
width:9px !important;
}
#gallery_thumb_caption
{
width: 180px;
float: left;
text-align: center;
line-height: 22px;
}
#compareTable{
border-spacing: 10px 5px;
width: 758px;
margin-bottom:10px;
}
#compareTable tr.highlight td{
background-color: #de9641;
color:#000 !important;
}
.Super, .Sightsee, .SnorkelAM, .SnorkelPM, .Dinner{
cursor:pointer !important;
}
.Super h2, .Sightsee h2{
color:#0c4579 !important;
font-size:14px !important;
}
.SnorkelAM h2, .SnorkelPM h2, .Dinner h2{
color:#137a73 !important;
font-size:14px !important;
}
.Super h3, .Sightsee h3{
color:#0c4579 !important;
font-size:15px !important;
font-weight:bold;
margin:0;
}
.SnorkelAM h3, .SnorkelPM h3, .Dinner h3{
color:#137a73 !important;
font-size:15px !important;
font-weight:bold;
margin:0;
}
.compBook{
padding: 0;
text-align:center;
}
.highlightHolo, .highlightHoloRow{
background-color: #c8d3dc;
}
.highlightLelia,.highlightLeliaRow{
background-color: #c8dbd9;
}
.highlightNameRow{
background-color: #d7d7d7;
}
.compFieldNames
{
width: 125px;
text-align: right !important;
padding: 0;
color:#034067 !important;
font-weight:bold;
font-size:13px;
}
.compInfo{
width: 197px;
padding: 0;
}
.compGraphic
{
width: 197px;
padding: 0;
}
#holoholoCompare
{
width: 404px;
height: 31px;
background-image: url(/assets/images/comp_holoholo_tours.jpg);
background-repeat: no-repeat;
color: #fff;
text-indent: 11px;
}
#leilaCompare
{
width: 202px;
height: 31px;
background-image: url(/assets/images/comp_leila_tours.jpg);
background-repeat: no-repeat;
color: #fff;
text-indent: 11px;
}
#booking_error
{
display: none;
/*
background-image: url(/assets/images/tour_error.gif);
background-repeat: no-repeat;
padding-left: 20px;
*/
}
#cartTable td {
white-space: nowrap;
font-size:15px;
line-height:18px;
}
#cartTable td h2{
font-size:19px;
color:#010100;
line-height:28px;
}
.ecomm ul{
margin: 5px 0 0 18px;
padding:0;
line-height:18px;
}
.steps, .steps span{
font-size:16px;
font-weight:bold;
color:#aaa;
line-height:28px;
}
.steps span{
color:#004879;
}
.ecomm_copy{
font-size:16px;
color:#464646;
padding-top:8px;
}
.contactinfophone{
font-size:15px;
color: #fff;
line-height:18px;
}
.breadcrumbs, .breadcrumbs a, .breadcrumbs span{
text-align:center;
font-size:10px;
color:#9c9c9c;
}
.breadcrumbs a:hover{
color:#9c9c9c;
text-decoration: underline;
}
.bc_hover{
color:#004879 !important;
text-decoration: underline !important;
}
.footer_nav,.footer_nav a{
text-align:center;
font-size:16px;
line-height:18px;
color:#1a1818;
}
a.footernavlist:link,a.footernavlist:active,a.footernavlist:visited,a.footernavlist:hover{
padding:0;
text-align:left;
font-size:11px;
color:#1a1818;
}
.copyright,a.tsu:link,a.tsu:active,a.tsu:visited,a.tsu:hover{
font-size:10px;
color:#9c9c9c;
text-align:center;
}
.holo_discount
{
background-image: url(/assets/images/discount_blue_220.jpg);
background-repeat: no-repeat;
width:220px;
height:82px;
text-align:center;
color:#fff;
margin-bottom:8px;
}
.holo_discount p, .holo_discount h3{
text-align:center;
color:#fff;
margin:0;
padding:0;
}
.holo_discount h3
{
font-size: 26px;
line-height: 18px;
padding: 15px 0 0 0;
margin: 0;
}
.holo_discount p{
font-size: 15px;
line-height: 15px;
padding: 5px 0 0 0;
}
.leila_discount
{
background-image: url(/assets/images/discount_teal_220.jpg);
background-repeat: no-repeat;
width:220px;
height:106px;
text-align:center;
color:#fff;
margin-bottom:8px;
}
.leila_discount p, .leila_discount h3{
text-align:center;
color:#fff;
margin:0;
padding:0;
}
.leila_discount h3
{
font-size: 26px;
line-height: 18px;
padding: 18px 0 0 0;
margin: 0;
}
.leila_discount p{
font-size: 15px;
line-height: 15px;
padding: 5px 0 0 0;
}
/*Date Picker*/
#ui-datepicker-div, .ui-datepicker-inline {
width:195px;
background-color: #3067a8 !important;
position: relative;
z-index: 4000;
}
.ui-datepicker-one-month {
width:195px;
background-color: #3067a8;
}
.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: #3067a8;
color: #b7c5c9;
}
.ui-datepicker-title-row a {
color:#b7c5c9 !important;
}
.ui-datepicker-week-end-cell{
background-color: #fff;
}
.ui-datepicker-header{
display:none;
}
.ui-datepicker-current
{
color: #b7c5c9;
white-space: nowrap;
width:80%;
}
.ui-datepicker-prev,.ui-datepicker-next{
color: #b7c5c9;
width:10%;
}
.ui-datepicker-prev a,.ui-datepicker-next a{
color: #b7c5c9 !important;
font-size:23px;
}
.ui-datepicker-links a:hover{
background-color: transparent !important;
color: #b7c5c9 !important;
}
.ui-datepicker-today {
background-color: #dcdcdc !important;
}
.ui-datepicker-current-day{
background-color: #97c5bb !important;
}
.ui-datepicker-control {
background-color: #0d3372 !important;
}
.booked{
background-color: #c7c7c7 !important;
}
.notour{
background-color: #c7c7c7 !important;
}
/*
Menu
*/
.sitenav{
width: 940px;
height: 33px;
background-image: url(/assets/images/nav_bkgd.jpg);
background-color: #db943b;
background-repeat: no-repeat;
/*overflow:hidden;*/
}
.sf-menu
{
width: 900px;
text-align: center;
margin:0;
padding:0;
padding-left: 49px;
}
.topnav a,#nav_home a,#nav_compare a,#nav_weather a,#nav_contact a
{
/*
text-indent: 0;
*/
display: block;
line-height: 25px;
font-size: 14px;
white-space: nowrap;
color: #fff;
padding: 0 8px 4px 8px;
margin:0;
border: none !important;
border-left: 0 none transparent !important;
border-top: 0 none transparent !important;
}
.sf-menu a.sf-with-ul {
padding-right:8px;
border:none;
}
.sf-menu li {
background-color:transparent;
padding: 0 0 0 0;
}
/*,
.sf-menu li:hover,
.sf-menu li.sfHover
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active
{
background-color: #0c65ac;
outline: none;
color: #fff;
text-decoration: none;
}
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active
{
background-color: transparent;
outline: none;
color: #fff;
text-decoration: none;
}
*/
.sf-menu a:visited {
color:#fff;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
top: 29px; /* match top ul list item height */
}
.sf-menu li li {
background-color:		#0c65a2;
}
.sf-menu li li li {
background-color:		#0c65a2;
}
.sf-menu li.sfHover,
.sf-menu li.topnav:hover,
.sf-menu li.topnav a:focus,
.sf-menu li.topnav a:hover,
.sf-menu li.topnav a:active,
.sf-menu li.singlenav:hover,
.sf-menu li.singlenav a:focus,
.sf-menu li.singlenav a:hover,
.sf-menu li.singlenav a:active
{
background-color: transparent;
outline:		none;
text-decoration: none;
color: #fff;
}
.sf-menu li.singlenav:hover,
.sf-menu li.topnav:hover,
.sf-menu li.sfHover
{
background-color:		#0c65a2;
}
.sub_menu li:hover,
.sub_menu li.sfHover,
.sub_menu a:focus,
.sub_menu a:hover,
.sub_menu a:active
{
background-color:		#0ca79d !important;
}
.sub_sub_menu li.sfHover,
.sub_sub_menu li:hover
{
background-color:		#0ca79d !important;
}
li.topnav 
{
margin: 4px 0 0 0;
/*background-color:transparent !important;*/
}
.sub_menu a
{
/*
text-indent: 0;
*/
display: block;
line-height: 20px;
font-size: 14px;
padding: 0 0 0 12px;
}
.sub_sub_menu a
{
/*
text-indent: 0;
*/
display: block;
line-height: 18px;
font-size: 12px;
padding: 0 0 0 14px;
}
/*
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
background-color:transparent;
}
*/
.hidden{
display:none;
}
.corner_sprite {
background-image: url(/assets/images/nav_3x3corners.gif);
background-repeat: no-repeat;
background-position: left 1px;
width:3px;
height:3px;
padding:0;
}
/*
.nav li
{
text-align: center;
white-space: nowrap;
background-color: transparent;
border: 0px !important;
padding: 0;
}
.nav ul {
position:absolute;
top:-999em;
}
.nav li li:hover ul,
ul.nav li li.sfHover ul {
left:100%;
top:0px;
}
.nav li:hover ul,
ul.nav li.sfHover ul {
left:0;
top:33px;
}
.nav li:hover,
.nav li.sfHover,
.nav a:focus,
.nav a:hover,
.nav a:active {
background:#0c65ac !important;
text-decoration: none;
color:#fff;
}
.nav li li
{
background: #0c65ac;
padding: 0 5px 0 5px;
margin: 0;
}
.nav li li li {
background:#0c65ac;
}
*/
#nav_home{
width:54px;
}
#nav_home a,#nav_compare a,#nav_weather a,#nav_contact a{
padding: 0 8px 0 8px;
}
#nav_home,#nav_compare,#nav_weather,#nav_contact{
margin: 4px 0 4px 0;
}
#nav_power{
width:169px;
}
#nav_sail{
width:138px;
}
#nav_compare{
width:147px;
}
#nav_gallery{
width:115px;
}
#nav_weather{
width:112px;
}
#nav_contact{
width:87px;
}
#nav_power ul{
width:250px;
}
#nav_sail ul{
width:200px;
}
#mammals_menu{
width:150px;
}
#marine_life_menu{
width:170px;
}
#tour_destinations_menu{
width:180px;
}
#misc_menu{
width:170px;
}
#TA_excellent509 {
margin: 0 0 0 24px;
padding: 0px;
}
#TA_excellent509 div {
text-align: center;
margin-top: 0;
line-height: 13px;
}
/*################################## /CLIENT #################################*/