/*
Title:      Capt. Andy's master styles v.3
Author:     justin@wasabihawaii.com
Updated:    11/03/2006
Notes:		lovingly prepared by Wasabi Marketing in Hanalei, Kauai.
*/

body {
  margin: 0 0 0 0;
  padding: 0;
  font: small Verdana, sans-serif;
  color: #00406E;
  text-align: center;
  line-height: 1.5em;
  background: #212c60 url(/img/bg.gif) repeat-y top center;
  }

/* links
---------------------------------------------------------- */

a:link {
	color: #167CB7;
	}
a:visited {
	color: #1B98E1;
	}
a:hover {
	color: #B4232B;
	}

/* page structure
---------------------------------------------------------- */

#wrap {
  position: relative;
  margin: 0 auto;
  padding: 0 0 9px 0;
  text-align: left;
  width: 750px;
  background: #fff;
  }

/* header
---------------------------------------------------------- */

#header {
  float: left;
  padding-bottom: 122px;
  width: 100%;
  }
#header.less {
  padding-bottom: 57px;
  }
#header div{
  padding: 8px 0 0 5px;
  }
#header.pali {
  background: url(/img/bg_header.gif) no-repeat 0 33px;
  }
#header.survey {
  background: url(/img/bg_header_survey.jpg) no-repeat 0 33px;
  }
#header.sailp {
  background: url(/img/bg_header_sail.gif) no-repeat 0 33px;
  }
#header.raftp {
  background: url(/img/bg_header_raft.gif) no-repeat 0 33px;
  }
#header.bookp {
  background: url(/img/bg_header_book.gif) no-repeat 0 33px;
  }
h1.compare {
  color: #ffffff;
  padding: 50px 0 0 10px;
  font-size: 135%;
  font-weight: normal;
  border-bottom: none;
  }

/* logo */

#logo_company {
  position: absolute;
  top: 127px;
  right: 42px;
  }
#content_book #logo_company {
  top: 100px;
  }
.andy_msg {
  position: absolute;
  top: 160px;
  right: 23px;
  text-align: center;
  width: 145px;
  font-size: 75%;
  line-height: 1.2em;
  color: #000000;
  }

/* navigation */

#header ul {
  position: absolute;
  top: 0;
  right: 0;
  width: 420px;
  margin: 0;
  padding: 0;
  font: 13px Verdana, sans-serif;
  }
#header ul li {
  float: left;
  width: 140px;
  margin: 0;
  padding: 10px 0  0 0;
  text-align: center;
  list-style: none;
  height: 33px;
  background: url(../img/bg_nav_line.gif) no-repeat;
  }

/* nav links */

#header ul li.active {
  background: url(../img/bg_nav_solid.gif) no-repeat;
  }
#header ul li a:link, #header ul li a:visited {
  color: #5E6A71;
  text-decoration: none;
  }
#header ul li a:link.active, #header a:visited.active, #header a:hover.active {
  color: #005C87;
  }
#header ul li a:hover {
  color: #B4232B;
  text-decoration: none;
  }

/* crumb */

#header p {
  position: absolute;
  top: 118px;
  right: 20px;
  font-size: 70%;
  }
#header p em {
  font-style: normal;
  font-weight: bold;
  }

/* main
---------------------------------------------------------- */

#main {
  padding-bottom: 10px;
  }
  
/* content_r */

#content_r {
  margin: 0 20px 0 166px;
  }
#content_r.small {
  margin-left: 80px;
  }

/* content left side */

#content {
  float: left;
  margin-bottom: 50px;
  width: 388px;
  }
#content.bigger {
  width: 620px;
  }
#content p {
  padding-left: 10px;
  padding-right: 10px;
  }
#content p.lrg {
  margin: 5px 0;
  }
#content p.next {
  margin: 30px 0 0 5px;
  padding-left: 0;
  border-top: 1px dotted #BCBEC0;
  }
#content p.next a {
  padding: 5px 18px 5px 0;
  background: url(../img/functions/arrow_next.gif) no-repeat right 6px;
  }
#content p.top {
  margin-top: 20px;
  }
#content p.top a {
  padding: 5px 0 5px 18px;
  background: url(../img/functions/arrow_top.gif) no-repeat left 6px;
  }
#content dl {
  margin: 0;
  padding: 0 10px 0 20px;
  }
#content dt {
  margin: 0;
  padding: 15px 0 0 0;
  font-weight: bold;
  }
#content dd {
  margin: 0;
  padding: 0;
  line-height: 1.2em;
  }
#content ul {
  margin: 10px 0 20px 40px;
  padding: 0;
  }
#content ul.nolist {
  margin-left: 30px;
  list-style: none;
  }
#content ul li {
  margin: 0;
  padding: 0;
  }
#content img, #content #flash {
  border: 4px solid #F0F0F1;
  }
#content img.no_border {
  border: none;
  }
#gallery {
  margin-bottom: 10px;
  background: #F0F0F1;
  border-bottom: 1px dotted #BCBEC0;
  }
#gallery img {
  border: 4px solid #58595B;
  }
#gallery p {
  margin-right: 10px;
  padding: 5px 0;
  font-weight: bold;
  text-align: right;
  }
#gallery p a {
  padding: 5px 27px 5px 3px;
  }
#gallery p a.photo {
  background: url(../img/bg_photo.gif) no-repeat right center;
  }
#gallery p a.video {
  background: url(../img/bg_video.gif) no-repeat right center;
  }
#inline, #inline_tours {
  float: left;
  margin: 0.5em 0 0.5em 0;
  padding: 1px 0;
  background: #F0F0F1;
  border: 1px dotted #BCBEC0;
  border-left: none;
  border-right: none;
  width: 100%;
  }
#inline img {
  float: left;
  padding-right: 10px;
  border: none;
  }
#inline h3, #inline_tours h3 {
  margin: 0;
  padding: 12px 0 0 0;
  font-size: 100%;
  text-transform: uppercase;
  clear: none;
  }
#inline_tours h3 {
  padding-left: 10px;
  }
#content #inline p, #content #inline_tours p {
  padding: 0 0 0 10px;
  }
#inline ul, #inline_tours ul {
  float: left;
  margin: 3px 0 0 0;
  padding: 0;
  list-style: none;
  }
#inline_tours ul {
  padding: 0 0 12px 10px;
  }
#inline ul li, #inline_tours ul li {
  margin: 0;
  padding: 2px 0;
  }
#brochure {
  margin-top: 30px;
  padding-top: 10px;
  border-top: 1px dotted #BCBEC0;
  }
#brochure p {
  padding: 0 0 3px 0;
  line-height: 1.5em;
  }
#brochure p.long {
  padding-top: 5px;
  }
#brochure p a {
  padding-right: 15px;
  background: url(../img/functions/pdf.gif) no-repeat right center;
  }
#brochure img {
  float: left;
  padding-right: 10px;
  border: none;
  }
#tshirt {
  margin-bottom: 10px;
  text-align: center;
  }
#tshirt p {
  margin-right: 10px;
  padding: 5px 0;
  font-weight: bold;
  }
#tshirt img {
  border: none;
  }

/* content_l right side */

#side_r {
  position: relative;
  margin-left: 398px;
  }
#side_tour {
  margin-left: 402px;
  text-align: center;
  }
blockquote {
  margin: 0;
  padding: 0;
  }
blockquote p {
  font-size: 115%;
  }
#side_r blockquote {
  background: url(../img/bg_quote_b.gif) no-repeat left bottom;
  color: #fff;
  }
#content blockquote {
  background: url(../img/bg_quote_h_b.gif) no-repeat left bottom;
  }
blockquote p.quote {
  font-family: Georgia, "Times New Roman", Times, serif;
  }
#side_r blockquote p.quote {
  padding: 60px 15px 3px 17px;
  background: url(../img/bg_quote.gif) no-repeat left top;
  }
#content blockquote p.quote {
  padding: 25px 17px 3px 17px;
  background: url(../img/bg_quote_h.gif) no-repeat left top;
  }
blockquote p.author {
  padding: 0 15px 15px 17px;
  font-size: 75%;
  }
#content blockquote p.author {
  padding-bottom: 15px;
  }
blockquote p.more {
  font-size: 75%;
  text-align: right;
  padding: 8px 19px 0.7em 0;
  }
#side_r blockquote a {
  color: #fff;
  }
#content #comment {
  border-bottom: 1px dotted #BCBEC0;
  }
#content #comment blockquote {
  margin: 0;
  }
#content #comment blockquote p.quote {
  font-size: 100%;
  }
#content blockquote p.quote strong {
  font-size: 150%;
  }
#content blockquote p.quote em {
  font-size: 125%;
  font-style: normal;
  }

/* content_l */

#content_l {
  float: left;
  width: 146px;
  background: #F1F1F2;
  }
#subnav {
  padding: 7px 4px 7px 7px;
  background: #fff;
  }
#subnav h3 {
  margin: 0;
  padding: 3px 5px;
  font: bold 85% Verdana, sans-serif;
  color: #BCBEC0;
  border-bottom: 1px dotted #BCBEC0;
  }
#subnav ul {
  margin: 0;
  padding: 0 0 25px 0;
  list-style: none;
  font-size: 85%;
  }
#subnav ul li {
  margin: 0;
  padding: 0;
  border-bottom: 1px dotted #BCBEC0;
  }
#subnav ul li.active {
  font-weight: bold;
  background: url(../img/sub_active.gif) no-repeat right 1px;
  }
#subnav ul li.active a:link, #subnav ul li.active a:visited {
  color: #B4232B;
  }
#subnav ul li a {
  padding-left: 5px;
  text-decoration: none;
  display: block;
  }
#subnav ul li a.photo {
  background: url(../img/bg_photo_icon.gif) no-repeat right center;
  }
#subnav ul li a.photo:hover {
  background: #F1F1F2 url(../img/bg_photo_icon.gif) no-repeat right center;
  }
#subnav ul li a:link {
  color: #5E6A71;
  }
#subnav ul li a:visited {
  color: #5E6A71;
  }
#subnav ul li a:hover {
  color: #B4232B;
  background: #F1F1F2;
  }
#subnav ul li.active a:hover {
  color: #B4232B;
  background: #F1F1F2 url(../img/sub_active.gif) no-repeat right 1px;
  }
#subnav ul li.first{
  border-color: #fff;
  }
#subnav ul li.last_first{
  border-top: 1px dotted #BCBEC0;
  border-bottom: none;
  }
#subnav ul li.last{
  border-top: 1px dotted #BCBEC0;
  }
#subnav ul li.sub{
  padding-left: 5px;
  border-color: #fff;
}
  
/* comment */

#comment {
  margin : 0;
  padding: 0;
  }
  
 /* sitemap */
 
#site_map_l {
  float: left;
  margin-bottom: 10px;
  width: 300px;
  }
#site_map_r {
  float: left;
  }
#site_map_r h3 {
  margin: 10px 0 0 0;
  padding: 0;
  }
#site_map_l h3 {
  margin: 10px 0 0 0;
  padding: 0;
  }
#site_map_r dl {
  margin: 0;
  padding: 0;
  }
#site_map_l dl {
  margin: 0;
  padding: 0;
  }
#site_map_r dt {
  margin: 0;
  padding: 0 5px 0 1px;
  }
#site_map_l dt {
  margin: 0;
  padding: 0 5px 0 1px;
  }
#site_map_r dd {
  margin: 0;
  padding: 0 5px 0 15px;
  }
#site_map_l dd {
  margin: 0;
  padding: 0 5px 0 15px;
  }

/* footer
---------------------------------------------------------- */

#foot {
  padding: 0 0 0 10px;
  font-size: 85%;
  border-top: 1px dotted #BCBEC0;
  clear: both;
  }
#content_home #foot {
  font-size: 75%;
  }

/* cart
---------------------------------------------------------- */

#order {
  margin-bottom: 1.5em;
  clear: both;
  float: left;
  }
#cart, .cart {
  float: left;
  margin: 0.3em 0 0.5em 0;
  padding: 0 0 5px 0;
  background: #F0F0F1;
  border: 1px dotted #BCBEC0;
  border-left: none;
  border-right: none;
  width: 100%;
  }
#content_book #cart, #content_book .cart {
  width: 450px;
  }
#cart p, .cart p {
  font-size: 100%;
  }
#cart p.sm, .cart p.sm {
  font-size: 75%;
  }
#cart #discount p, #cart #res_msg p, .cart #discount p, .cart #res_msg p {
  margin: 5px 0 0 0;
  background-color: #fff;
  border-top: 1px dotted #BCBEC0;
  border-bottom: 1px dotted #BCBEC0;
  font-size: 85%;
  }
#btn {
  margin: 0 5px 0 0;
  font-size: 85%;
  text-align: right;
  width: 100%;
  }
#content_book #btn {
  width: 450px;
  }
.save_compare {
  margin-left: 500px;
  }
.verisign {
  padding-top: 5px;
  text-align: right;
  width: 450px;
  }
#content #btn img, #content_book #btn img {
  border: none;
  cursor: pointer;
  }
#tour {
  font-size: 110%;
  }
p#tourSelected {
  margin: 5px 0 0 0;
  }
p#tourSelected em {
  padding: 5px 5px 5px 25px;
  font-style: normal;
  background: url(../img/functions/check.gif) no-repeat 0 2px;
  }
p#tourSelected strong {
  padding: 5px;
  font-style: bold;
	font-size:16px;
	line-height: 28px;
}
p#tourSelected em a {
  font-weight: bold;
  color: #B4232B;
  }
#days {
  font-size: 85%;
  font-style: italic;
  color: #B4232B;
  }
#veri {
  margin: 40px 0 0 480px;
  }
.passengers {
  float: left;
  width: 240px;
  }
.adults {
  padding-bottom: 5px;
  display: block;
  }
.price {
  padding-top: 10px;
  font-size: 75%;
  }
.price strong {
  font-size: 150%;
  display: block;
  }
.price span {
  padding-top: 10px;
  font: bold 120% Verdana, sans-serif;
  color: #B4232B;
  }
.book_control {
  background: transparent url(../img/functions/btn_book.gif) no-repeat 0 0;
  width: 209px;
  height: 33px;
  cursor: pointer;
  border: none;
  }

/* map
---------------------------------------------------------- */

p.map_text {
  padding-top: 20px;
  }
p.enlarge a {
  padding-left: 20px;
  font-weight: bold;
  background: url(../img/functions/plus.gif) no-repeat;
  }

/* common
---------------------------------------------------------- */

h1 {
  margin: 0 0 2px 0;
  padding: 4px 0 8px 0;
  font-size: 180%;
  width: 560px;
  }
#content_book h1 {
  width: 710px;
  margin-bottom: 30px;
  }
h2 {
  margin: 0 0 0 0.5em;
  padding: 1.2em 0 2px 0;
  font-size: 100%;
  border-bottom: 1px dotted #BCBEC0;
  clear: both;
  }
h3 {
  margin: 10px 0 0 10px;
  padding: 0;
  font-size: 100%;
  clear: both;
  }
h4 {
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 85%;
  }
h5 {
  margin: 0;
  padding: 0;
  font-size: 100%;
  text-transform: capitalize;
  }
p {
  margin: 0;
  padding: 5px 0;
  }
p, ul, dl {
	font-size: 85%;
  }
ul.nono {
	list-style: none;
  }
ol {
  font-size: 95%;
  }
ol {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-right: 20px;
}
ol li {
  padding-bottom: 5px;
}
img {
  border: 0;
  }
form {
  margin: 0;
  padding: 0;
  }
label {
  font-weight: bold;
  font-size: 85%;
  display: block;
  }
label em {
  font-weight: normal;
  font-style: normal;
  }
.shirt {
  padding-top: 3px;
  font-size: 85%;
  color: #58595B;
  display: block;
  }
label.standard {
  font-weight: normal;
  display: inline;
  }
input {
  margin: 0;
  padding: 3px 0;
  }

/* classes
---------------------------------------------------------- */


#wrap #main #content_r #content #inline_tours ul li .little {
    font-size: 80%;
    font-style: italic;
    font-weight: bold;
}
.lrg {
  font-size: 100%;
  }
.padr {
 padding-right: 10px;
  }
.long {
  padding-top: 15px;
  }
.long_whale {
  padding-top: 25px;
  }
.whale_top {
  padding-top: 180px;
  }
.bottom {
  padding-bottom: 7px;
  }
.supalrg {
  padding-top: 1em;
  font-size: 180%;
  font-weight: bold;
  }
h4 span.lrg {
  font-size: 115%;
  }
.sm {
  font-size: 85%;
  }
.arrow {
  padding-right: 30px;
  background: url(../img/bg_arrow.gif) no-repeat right 3px;
  display: block;
  }
.clear {
  clear: both;
  }
.save_home {
  margin: 10px 0 5px 0;
  }
p.short {
  padding-top: 0;
  clear: both;
  }
.line_thru {
  text-decoration: line-through;
  color: #ADC5D6;
  }
.hilite, #discount, .alert, #res_msg, .res_msg {
  color: #B4232B;
  }
#asterik_d, #asterik_a, #asterik_c, #asterik_t, #error {
  font-size: 130%;
  color: #B4232B;
  }
.alert {
  padding: 5px 0 5px 30px;
  background: url(../img/functions/alert.gif) no-repeat 0 2px;
  }
.imp {
  border-bottom: 1px dotted #00406E;
  }
.dashed {
  margin: 5px 0;
  background: url(../img/bg_dashed_b.gif) no-repeat bottom left;
  width: 390px;
  }
.dashed p {
  background: url(../img/bg_dashed.gif) no-repeat top left;
  color: #B4232B;
  }
.line {
  margin-top: 4px;
  border-top: 1px dotted #BCBEC0;
  }
.bpad {
  padding-bottom: 15px;
  }
#tshirt img.line_u {
  margin: 15px 0 10px 0;
  padding-left: 8px;
  border-top: 1px dotted #BCBEC0;
  }
.inline {
  display: inline;
  border-bottom: none;
  }
p.tshirt {
  font-size: 80%;
  }
.pic_pad {
   padding: 10px 10px 10px 10px;
  }
  
.style1 {color: #B4232B}
.style2 {font-size: 80%}