/** * POPUP CONTAINER STYLES */ #popupMask {position: absolute; z-index: 900; top: 0px; left: 0px; width: 100%; height: 100%; opacity: .5; filter: alpha(opacity=50); /* this hack is so it works in IE * I find setting the color in the css gives me more flexibility * than the PNG solution. */ background-color: #333333; display:none}
#popupContainer {position: absolute; z-index: 901; top: 0px; left: 0px; display:none; padding: 0px}
#popupInner {border: 2px solid #000000; background-color: #ffffff}
#popupFrame {margin: 0px; width: 100%; height: 100%; position: relative; z-index: 202}
#popupTitleBar {background-color: #7eaa00; color: #ffffff; font-weight: bold; height: 1.3em; padding: 5px; border-bottom: 2px solid #000000; border-top: 1px solid #7eaa00; border-left: 1px solid #7eaa00; border-right: 1px solid #7eaa00; position: relative; z-index: 203}
#popupTitle {float:left; font-size: 1.1em}
#popupControls {position: absolute; top: 5px; right: 5px; z-index: 999; cursor: pointer; cursor: hand}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}table {border-collapse:collapse;border-spacing:0;}fieldset,img {border:0;}address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}q:before,q:after {content:'';}abbr,acronym {border:0;}
body {background: url(/images/bg.jpg) top center repeat-y; color: #000; font: 0.7em Tahoma}
#content div.right ul {font: 12px Arial}
#content div.right li {font: 12px Arial; margin: 0 0 5px 0; padding-left: 29px}
a {color: #51452b; text-decoration: underline}
a:hover {text-decoration: none}
h1 {font: 15px Boulder; text-align: center; color="#900"}
h2 {color: #2a65bd; font: bold 18px Arial}
h3 {font: bold 14px Tahoma}
h6 {font: bold 14px Tahoma; margin: 0 0 10px 0}
blockquote img.left {float: left; padding-right: 5px}
blockquote img.right {padding-left: 5px}
p {font: 12px Arial}
abbr, acronym, span.abbr {cursor: help; border-bottom: 1px dashed #000}
.required input, .required select {background: #f7f7ec; border: 1px solid #999}
h1#available-activities {background: url(/images/heading_available-activities.jpg) no-repeat; display: block; height: 0px !important; height /**/:20px; /* IE<6fix */ overflow: hidden; padding: 20px 0 0 0; width: 4000px}
#container{ background: #fde7b9 url(/images/container-bg.jpg) repeat-y; margin-top: 8px;	margin-right: auto; margin-left: auto; width: 906px}
#container div.bg {background: url(/images/container.jpg) no-repeat; overflow: hidden; padding: 0 18px; position: relative}
#header {height: 118px; margin-top: 2px; position: relative; z-index: 5}
#menu {left: 18px; position: absolute; top: 121px; z-index: 99}
ul.nav li.top {float: left; height: 34px; position: relative}
ul.nav li ul {background: #899240; display: none; left: 0; position: absolute; top: 44px; width: 150px}
ul.nav li ul li {margin: 2px 10px 5px 5px}
ul.nav li ul li a {color: #fff; font: 12px Arial; text-decoration: none}
ul.nav li ul li a:hover {color: #fdf35b;}
ul.nav li.home a.topl {background: url(/images/menu/home-0.jpg) no-repeat; width: 71px}
ul.nav li.home a.topl:hover {background: url(/images/menu/home-1.jpg) no-repeat}
ul.nav li.maui a.topl {background: url(/images/menu/maui-0.jpg) no-repeat; width: 56px}
ul.nav li.maui a.topl:hover {background: url(/images/menu/maui-1.jpg) no-repeat}
ul.nav li.kauai a.topl {background: url(/images/menu/kauai-0.jpg) no-repeat; width: 59px}
ul.nav li.kauai a.topl:hover {background: url(/images/menu/kauai-1.jpg) no-repeat}
ul.nav li.oahu a.topl {background: url(/images/menu/oahu-0.jpg) no-repeat; width: 57px}
ul.nav li.oahu a.topl:hover {background: url(/images/menu/oahu-1.jpg) no-repeat}
ul.nav li.bigisland a.topl {background: url(/images/menu/bigisland-0.jpg) no-repeat; width: 91px}
ul.nav li.bigisland a.topl:hover {background: url(/images/menu/bigisland-1.jpg) no-repeat}
ul.nav li.molokai a.topl {background: url(/images/menu/molokai-0.jpg) no-repeat; width: 76px}
ul.nav li.molokai a.topl:hover {background: url(/images/menu/molokai-1.jpg) no-repeat}
ul.nav li.lanai a.topl {background: url(/images/menu/lanai-0.jpg) no-repeat; width: 57px}
ul.nav li.lanai a.topl:hover {background: url(/images/menu/lanai-1.jpg) no-repeat}
ul.nav li.giftregistry a.topl {background: url(/images/menu/giftregistry-0.jpg) no-repeat; width: 115px}
ul.nav li.giftregistry a.topl:hover {background: url(/images/menu/giftregistry-1.jpg) no-repeat}
ul.nav li.aboutus a.topl {background: url(/images/menu/aboutus-0.jpg) no-repeat; width: 86px}
ul.nav li.aboutus a.topl:hover {background: url(/images/menu/aboutus-1.jpg) no-repeat}
ul.nav li.contact a.topl {background: url(/images/menu/contact-0.jpg) no-repeat; width: 79px}
ul.nav li.contact a.topl:hover {background: url(/images/menu/contact-1.jpg) no-repeat}
ul.nav li.yourcart a.topl {background: url(/images/menu/yourcart-0.jpg) no-repeat; width: 123px}
ul.nav li.yourcart a.topl:hover {background: url(/images/menu/yourcart-1.jpg) no-repeat}
ul.nav a.topl {display: block; height: 0px !important; height /**/:44px; /* IE<6fix */ overflow: hidden; padding: 44px 0 0 0}
#content {padding: 45px 0 0 0}
#content div.left {float: left; width: 198px}
#content div.right {float: left; width: 670px}
#content div.right div.panel .middle img {padding: 5px 05px}
#content div.right div.panel .middle img[align=left] {padding-left: 0px;}
#content div.right div.panel .middle img[align=right] {padding-right: 0px;}
#content div.left .panel {background: url(/images/leftpanel-top.png) top center no-repeat; font: normal 1.1em Tahoma; padding: 23px 0 0 0}
#content div.left .panel h2.blue {color: #2a65bd;}
#content div.left .panel h2 {color: #2a65bd; display: block; font: bold 1.1em Tahoma; height: 59px; text-align: center}
#content div.left .panel .bottom {background: url(/images/leftpanel-bottom.png) bottom center no-repeat; margin-top: -33px; overflow: hidden; padding: 0 20px 25px 20px; text-align: center}
#content li.item1 {background: url(/images/item1.jpg) no-repeat;}
#content li.item2 {background: url(/images/item2.jpg) no-repeat;}
#content li.item3 {background: url(/images/item3.jpg) no-repeat;}
#content div.left .panel .bottom li h3, #content div.left .panel .bottom li p {padding-left: 29px;}
#content div.left .panel .bottom.text-left {text-align: left}
#content div.left .panel .bottom p {line-height: 1.6em; margin: 0 0 10px 0; text-transform: capitalize}
#content div.left .panel .bottom p strong {color: #e75200; font-weight: bold}
#content div.left .panel .bottom blockquote p {margin: 0}
#content div.left .panel .bottom blockquote p.author {clear: both; font-weight: bold; margin: 5px 0 0 0}
#content div.left .panel .bottom p.more {float: right; margin: 10px 0 0 0}
#content div.right .panel {position: relative}
#content .right .panel img.title {display: block; left: 20px; position: absolute; top: -45px; z-index: 1}
#content .right .panel .top {background: url(/images/panel-top.png) no-repeat; height: 22px; left: 0; position: absolute; top: -22px; width: 100%; z-index: 5}
#content .right .panel .middle {background: url(/images/panel-bg.png) repeat-y; padding: 1px 8px 6px 10px; overflow: hidden}
#content .right .panel .middle h1, #content .right .panel .middle h2 {margin: 0 0 10px 0}
#content .right .panel .middle p {margin: 5px 0 0 0px}
#content .right .panel .bottom {background: url(/images/panel-bottom.png) no-repeat; height: 25px; width: 100%}
#content div.right .welcome p {margin: 5px 0 0px 0; -margin-top: 25px; /* for ie */ }
#content div.right .welcome .middle img {float: left; padding-right: 10px}
#content div.right dl {overflow: auto; text-align: center; width: 100%}
#content div.right dl dt {float: left; margin: 0 0 10px 0; width: 49%}
#content div.right dl dd {float: left; padding: 0 10px; width: 45%}
#content div.right strong {font-weight: bold}
body#checkout #content div.right {clear: both; margin-left: 10px; width: 845px}
body#checkout #content .right .panel .top {background: url(/images/panel-large-top.png) no-repeat}
body#checkout #content .right .panel .middle {background: url(/images/panel-large-bg.png) repeat-y}
body#checkout #content .right .panel .bottom {background: url(/images/panel-large-bottom.png) no-repeat}
body#checkout #content .right .content {margin: 10px 35px}
.floatHalf {float: left; text-align: right; width: 49%}
.float {margin: 0 0 10px 0}
#content .right .activity {margin: 0 0 30px 0; overflow: hidden; width: 100%}
#content .right .activity .price {color: #cb4305; font-weight: bold}
#content .right .activity .time {color: #184c88; font-size:11px; font-weight: bold; margin: 3px 0}
#content .right .activity .note {font-size: 11px}
#content .right .activity .note {font-size: 12px}
#content .right .activity div.seatings {float: left; padding-left: 1px; width: 49%}
#content .right .activity div.notes {float: right; padding-right: 5px; text-align: right; width: 49%}
#footer {background: url(/images/footer-bg.jpg) no-repeat; height: 112px; margin: 0 auto; width: 880px;}
#footer div {color: #630; font: Tahoma; padding: 54px 0 0 0; text-align: center}
#footer ul {}
#footer li {border-right: 1px solid #6e573c; display: inline; padding: 0 5px}
#footer li.last {border: 0}
#footer a {color: #6e573c; font-weight: normal; text-decoration: none}
#footer a:hover {text-decoration: underline}
#win {left: 0; position: absolute; top: 0}
#kauai-heli {text-align: center}
#kauai-heli dl {margin: 0 auto}
#kauai-heli dt, #kauai-heli dd {width: 100%}
.separator {background: #afb84f; margin: 0 0 10px 0; padding: 4px 0; text-align: center}
.separator h5 {color: #202020; font: bold 14px Arial}
.fieldWithErrors input, .fieldWithErrors select {background: #f7dcdc; border: 1px solid #bd4545}
div.fieldWithErrors {display: inline}
.formError {color: red; font-style: italic; padding-bottom: 5px; padding-left: 10px}
#flash h2 {color: #c50d0d}
.a-list {font-size: 12px}
.a-list td {padding: 3px 0; width: 183px}
.a-list a {color: #697300; font-weight: bold}
ul.loc-list {}
ul.loc-list li {overflow: hidden; padding: 10px 0; width: 570px}
ul.loc-list li img {display: block; float: left; padding: 10px 0 0 0 !important; width: 50px}
ul.loc-list li p {display: block; float: right; width: 510px}
ul.loc-list li p a {}
ul.loc-list li p a.title {font-weight: bold}
.clear {clear: both}
div#sitemap {}
div.details {overflow: hidden; padding: 0 20px 0 0}
div.details div.content {padding-left: 5px}
div.details div.content p {}
div.details div.content p br {margin: 5px 0 15px 0}
div#zoom {z-index: 1000 }
#animation-wrap {float: left; clear: right; width: 180px; height: 230px}
div.welcome-right {float: right; width: 415px}
.NoPrepayment {
	font-family: Boulder;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	color: #604F3C;
}
.Specialdisc {
	font-size: 14px;
	color: #E67B06;
	font-family: Boulder;
}
.description {
	font-family: Boulder;
	font-size: 16px;
	font-weight: normal;
	color: ##C30;
}
.boxcol .Specialdisc a {
	font-family: Boulder;
	font-size: 14px;
}
.desc {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color:#666;
}
.boxcol {
	float: left;
	width: 170px;
	position: static;
	height: auto;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #900;
	border-right-width: thin;
}
boxcolwide {
	width: 160px;
}
#maincol {
	width: 660px;
}
.row {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #D6AED;
}
body p {
	font-family: Verdana, Geneva, sans-serif;
}
.light {
	color: #FFF;
}
.boxcol h1 a {
	color: #900;
}