/*
Title:      Kauai Explorer's new styles
Author:     Chris Gambyb, chris@wasabihawaii.com
Updated:    05/14/2007
Notes:		lovingly prepared by Wasabi Marketing in Hanalei, Kauai.
*/

body {
  margin: 0;
  padding: 0;
  font: small Arial, Helvetica, sans-serif;
  color: #000000;
  text-align: center;
  }
.beach {
  background: #0A3667 url(../img/bg.jpg) no-repeat top center;
  }
.hike {
	background-color: #779136;
	background-image: url(../img/bg_hike.jpg);
	background-repeat: no-repeat;
	background-position: center top;
  }
.beach #wrap {
  background: #fff url(../img/bg_content.gif) repeat-y top center;
  }
.hike #wrap {
  background: #fff url(../img/bg_content_hike.gif) repeat-y top center;
  }
.site #wrap {
  background: #fff;
  }
/* ---[ links ]------------------------ */

.hike a:link {color: #779137}
.hike a:visited {color: #a8c64e}
.hike a:active {}
.hike a:hover {color: #4e602b; background: #d9ee2b3}
#please_sponsor_trail a:link {color: #779137;}
#please_sponsor_trail a:hover {color: #ffffff; background-color: #E78E30;}
#please_sponsor_trail a:visited {color: #a8c64e;}


/* ---[ classes ]------------------------ */

p.lrg {
  padding: 10px 0 15px 0;
  font-size: 140%;
  }
.beach p.lrg {
  background: url(../img/h_line.gif) repeat-x bottom left;
  color: #084472;
  }
.hike p.lrg {
  background: url(../img/h_line_grn.gif) repeat-x bottom left;
  color: #4e602b;
  }
.length_sm {
  font-size: 70%;
  }
.arrow_pad {
  padding-top: 5px;
  }
.trail_pad {
  float: right;
  padding: 20px 0 0 10px;
  }
.mod {
  font-size: 120%;
  padding-top: 20px;
  font-weight: bold;
  }
p.big_grnlft {
  padding: 20px 0 0 0;
  margin: 0;
  font-size: 110%;
  color: #4e602b;
  font-weight: bold;
  }
p.big_grn {
  font-size: 110%;
  color: #4e602b;
  font-weight: bold;
  text-align: right;
  }
.smaller {
  font-size: 90%;
  }
#footwear p {
  font-size: 95%;
  padding: 0 0 0 15px;
  }
#footwear p strong{
  font-size: 120%;
  }
#discussion #footwear h5.orange {
  margin: 0;
  padding: 15px 0 0 5px;
  font-weight: bold;
  color: #BF4B0E;
  font-size: 110%;
  }
.red {
  color:#FF0000;
  }
p.homebig {
  font-size: 109%;
  letter-spacing: .02em;
  line-height: 1.8em;
  }
.tag_indent {
  padding: 6px 0 5px 266px;
  margin: 0;
  background: url(../img/tagline_07.gif) no-repeat 0 0;
  }
.home_promo {
  clear: both;
  padding: 20px 55px 0 84px;
  font-size: 130%;
  }
#caution {
	width: 600px;
	margin: 0;
	padding: 0 0 0 65px;
	}
  	
	
/* ---[ head ]--------------------------- */

#tag {
  float: left;
  position: absolute;
  top: 55px;
  left: 195px;
  width: 715px;
  }
#tag_new {
  margin: 20px 0 0 0;
  }
	
/* ---[ content ]------------------------ */

/* titles */
h1.kalalau {
  background: url(../img/title/kalalau_trail.gif) no-repeat;
  }
h1.hanakapiai {
  background: url(../img/title/hanakapiai_trail.gif) no-repeat;
  }
h1.nounou {
  background: url(../img/title/nounou_trail.gif) no-repeat;
  }
h1.kukui {
  background: url(../img/title/kukui_trail.gif) no-repeat;
  }
h1.bike_path {
  background: url(../img/title/lydgate_bike_path.gif) no-repeat;
  }
h1.mahaulepu {
  background: url(../img/title/mahaulepu_trail.gif) no-repeat;
  }
h1.awaawapuhi {
  background: url(../img/title/awaawapuhi.gif) no-repeat;
  }
h1.kuilau {
  background: url(../img/title/kuilau.gif) no-repeat;
  }
h1.pihea {
  background: url(../img/title/pihea_trail.gif) no-repeat;
  }
h1.alakai {
  background: url(../img/title/alakai_swamp_trail.gif) no-repeat;
  }
h1.footwear {
  background: url(../img/title/footwear.gif) no-repeat;
  }
h1.what_to_bring {
  background: url(../img/title/what_to_bring.gif) no-repeat;
  }
h1.flora_fauna {
  background: url(../img/title/flora_and_fauna.gif) no-repeat;
  }
h1.safety_tips {
  background: url(../img/title/safety_tips.gif) no-repeat;
  }
h1.trail_conservation {
  background: url(../img/title/trail_conservation.gif) no-repeat;
  }
h1.trail_info_guides {
  background: url(../img/title/trail_info_guides.gif) no-repeat;
  }
h1.explorers_guide {
  background: url(../img/title/explorers_guide.gif) no-repeat;
  }
h1.kauai_maps {
  background: url(../img/title/kauai_maps.gif) no-repeat;
  }
h1.kauai_guide_book {
  background: url(../img/title/kauai_guide_book.gif) no-repeat;
  }

ul#action_bar {
	width: 550px;
    margin: 0 0 5px 10px;
	padding: 10px 0 13px 0;
	font-size: 85%;
	list-style: none;
	}
.beach ul#action_bar {
	background: url(/img/h_line.gif) repeat-x bottom left;   
	}
.hike ul#action_bar {
	background: url(/img/h_line_grn.gif) repeat-x bottom left;   
	}
ul#action_bar li {
	display: inline;
	margin: 0;
	padding: 0;
	}
#content_l ul#action_bar li.camera {
    padding-left: 24px;
	background: url(../img/camera.gif)  no-repeat 0 1px;  
	}
#content_l ul#action_bar li.car {
    padding-left: 44px;
	background: url(../img/car.gif)  no-repeat 0 2px;  
	}
#content_l ul#action_bar li.flower {
    padding-left: 32px;
	background: url(../img/flower.gif)  no-repeat 0 0;  
	}
#content_l ul#action_bar li.arrow {
    padding-left: 30px;
	background: url(../img/arrow_grn.gif)  no-repeat 0 1px;  
	}
#hike_info {
  float: left;
  margin: 7px 0 0 0;
  width: 163px;
  text-align: center;
  }
#hike_info h4 {
  margin: 0;
  padding: 8px 0 0 0;
  font-size: 75%;
  text-transform: uppercase;
  }
#hike_info p.become {
  text-align: center;
  padding: 0 0 0 11px;
  margin: 0;
  font-size: 80%;
  }
#hike_info dl {
  margin: 15px 0 0 7px;
  text-align: left;
  font-size: 85%;
  color: #666666;
  background: none;
  }
#hike_info dl dt {
  text-transform: uppercase;
  font-weight: bold;
  }
#hike_info dl dd {
  margin: 0;
  padding: 0;
  }
#hike_info dl dd.more {
  padding: 5px 0;
  }
.strenuous {
  background: url(/img/bg_difficulty_strenuous.gif) no-repeat top left;
  }
.moderate {
  background: url(/img/bg_difficulty_moderate.gif) no-repeat top left;
  }
.easy {
  background: url(/img/bg_difficulty_easy.gif) no-repeat top left;
  }
#difficulty p {
  padding: 55px 0 10px 0;
  font-weight: bold;
  }
#length {
  height: 60px;
  padding:0;
  background: url(../img/bg_length.gif) no-repeat top left;
  color: #fff;
  }
#length h4 {
  padding: 10px 0 5px 0;
  }
#length p {
  font: 85% Arial, Helvetica, sans-serif;
  }
#length p strong {
  font-size: 115%;
  }
#rating_hike {
  padding-bottom: 5px;
  background: url(../img/bg_rating_grn.gif) no-repeat bottom left;
  }
#rating_hike div {
  text-align: left;
  }
#content_l #rating_hike div ul {
  margin-left: 17px;
  }
#rating_hike div p {
  padding: 0;
  text-align: center;
  }
#content_l .top_line {
  margin-top: 10px;
  padding-top: 15px;
  }
.beach #content_l .top_line {
  background: url(../img/h_line.gif) repeat-x top left;
  }
.hike #content_l .top_line {
  background: url(../img/h_line_grn.gif) repeat-x top left;
  }
#content_l h5 {
  margin: 0;
  padding: 15px 0 5px 0;
  font: bold 110% Arial, sans-serif;
  }
.beach #content_l h5 {
  color: #084472;
  }
.hike #content_l h5 {
  color: #4e602b;
  }
#discussion h5 {
  font: normal 175% Arial, sans-serif;
  }
#content_l ul.things {
  margin: 10px 0 0 0;
  padding: 0;
  background: none;
  }
#content_l ul li {
  margin: 0;
  padding: 0 0 15px 13px;
  }
#content_l .content_l_left{
  float: left;
  margin-top: 20px;
  width: 260px;
  }
#content_l .content_l_right{
  margin: 20px 0 0 300px;
  width: 240px;
  }
#content_l .cart .content_l_left{
  float: left;
  width: 220px;
  }
#content_l .cart .content_l_right{
  margin: 20px 0 0 260px;
  width: 220px;
  }
.beach #content_l ul li {
  background: url(../img/bg_bullet_bl.gif) no-repeat 0 3px;
  }
.hike #content_l ul li {
  background: url(../img/bg_bullet_grn.gif) no-repeat 0 3px;
  }
.hike #beach_content h5.hazards {
  background: url(../img/bg_hazards.gif) no-repeat 60px 10px;
  }
#buttons {
  text-align: right;
  width: 368px;
  float: right;
  display: inline;
  }
.hike #beach_content h5.hazards {
  background: url(../img/bg_hazard_grn.gif) no-repeat 60px 11px;
  }
#home_pic_l {
  float: left;
  padding-top: 50px;
  margin: 0 0 0 32px;
  width: 350px;
  }
#home_pic_r {
  padding-top: 50px;
  margin: 0 0 0 480px;
  width: 350px;
  }
#home_pic_l p, #home_pic_r p  {
  padding: 6px 0 0 20px;
  }
  
/* [ sponsor sign ] */

#please_sponsor_trail {
  background: url(../img/trail_sponsor.gif) no-repeat;
  color: #000;
  }
#sidebar #please_sponsor_trail {
  margin-left: 10px;
  }
#please_sponsor_trail h3, #sidebar #please_sponsor_trail h3 {
  padding: 70px 0 3px 52px;
  margin: 0;
  font-size: 135%;
  font-weight: bold;
  color: #000;
  }
#please_sponsor_trail h4 {
  padding: 0 0 4px 0;
  font-size: 80%;
  font-weight: bold;
  text-transform: uppercase;
  }
#please_sponsor_trail p {
  padding: 0 0 0 52px;
  margin: 0;
  font-size: 80%;
  }
#please_sponsor_trail p.become {
  padding: 29px 0 0 69px;
  }
  
/* ---[ tmbs ]------------------------ */

div.tmb {
  float: left;
  margin: 0 17px 17px 0;
  }
div.tmb p {
  padding: 3px 0 0 0;
  }
  
#ebook_promo {
  clear: both;
  float: left;
  margin: 10px 0;
  width: 100%
  /* background: url(/img/bg-ebook.gif) no-repeat top left; */
  }
#ebook_promo div.txt {
  margin-left: 300px;
  }
#ebook_promo div p {
  padding: 0 0 10px 0;
  }
.border {
  border: 3px solid #094573;
  }
.left {
  float: left;
  }
.p_top {
  margin-top: 0;
  padding-top: 0;
  }
.m_top {
  margin-top: 20px;
  }
.sponsors {
  clear: both;
  }
#content_l .sponsors ul.sponsors_l {
  float: left;
  margin-left: 5px;
  }
#content_l .sponsors ul.sponsors_r {
  clear: none;
  margin-left: 280px;
  }

/* ---[ sidebar ]------------------------ */

#sidebar {
  margin-left: 604px;
  width: 291px;
  }
#navigator {
  height: 320px;
  }
#navigator h4 {
	margin: 0;
	padding: 21px 0 7px 26px;
	color: #fff;
	text-transform: uppercase;
	font: bold 100% Arial, sans-serif;
  }
.beach #navigator {
	background: url(../img/bg_nav_map_beach.gif) no-repeat top left;
	}
.hike #navigator {
	background: url(../img/bg_nav_map_hike.gif) no-repeat top left;
	}
#sidebar h3 {
	margin: 0;
	padding: 21px 0 7px 26px;
	color: #005683;
	text-transform: none;
	font: bold 100% Arial, sans-serif;
  }
#nav_map {
  margin: 0;
  padding: 34px 0 0 53px;
  }
#navigator select {
  width: 150px;
  margin: 47px 0 0 76px;
  }
#safety ul li {
  margin: 0 25px 0 10px;
  padding: 0 0 7px 13px;
  }
.beach #safety ul li {
  background: url(../img/bg_bullet.gif) no-repeat 0 3px;
  }
.hike #safety ul li {
  background: url(../img/bg_bullet_grn.gif) no-repeat 0 3px;
  }
  
/* ---[ sidebar ]------------------------ */
  
#answerCoupon {
  color: #91181C;
  }