@charset "utf-8";
/* CSS Document */
html{
	background: #205E9B;
}
body{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #000;
	/* behavior: url("csshover.htc"); */
	background: #f6efd0 url(../images/bgContent.gif) repeat-x;
}

.clear{
	clear: both;
}

p{
	font-size: 1em;
	line-height: 1.3em;
	margin: 0 0 1.2em 0;
}

hr{
	margin: 5px 0;
}

img{
  	border: 0;
}

a {
	text-decoration: none;
}

.bold{
	font-weight: bold;
}

td{
	vertical-align:top;
}

h1	{ font-size: 1.9em; margin: 0 0 8px 0;}
h2	{ font-size: 1.6em;}
h3	{ font-size: 1.4em;line-height: 1em;color: #036;}
h4	{ font-size: 2em; font-weight: normal; line-height: 1.1em; color: #9ac142;}
h5	{ font-size: 1.3em;} 

#boxGreenForm select,
#boxGreenForm input		{ margin: 2px 0 8px; }
#boxGreenForm select	{ width: 255px; }
#boxGreenForm input		{ width: 250px; }

.clear{
	clear: both;
}

.floatright{
	float:right;
}

.floatleft{
	float:left;
}

.moreInfo{
	background: url(../images/btn_go_large_b-trans.png) no-repeat;
	height: 0px;
	width: 68px;
	display:block;
	padding-top: 45px;
	overflow:hidden;
}
/*********  DIVS  *********/

#container{
	margin: 0 auto;
	width: 975px;
}

#header{
	position: relative;	
	background: url(../images/bgHeader.png) no-repeat;
	height: 145px;
	width: 975px;
	z-index: 10;
}
	
	#logo{
		float:left;
		width: 385px;
		margin: 17px 0 0 0;
	}
		
		#pleasantLogo{
			margin: 23px 10px 18px 25px;
		}
	
		#pleasantLogo a{		
			background: url(../images/pleasantLogo.png) no-repeat;
			width: 172px;
			height:0px;
			overflow:hidden;
			display:block;	
			text-decoration: underline;
			padding-top: 25px;
			position: relative;
		}
		
		#halekoaLogo{
			margin: 5px 0 0 25px;
		}
		
		#halekoaLogo a{			
			background: url(../images/halekoaLogo.png) no-repeat;
			width: 98px;
			height:0px;
			overflow:hidden;
			display:block;	
			text-decoration: underline;
			padding-top: 64px;
			position: relative;
		}
	
	#paypal{
		float: right;
		position:relative;
		margin: 30px 10px 0 0;	
	}
	
	
	#number{
		width: 187px;
		height:0px;
		overflow:hidden;
		padding-top: 58px;
		background: url(../images/bgNumber-trans.png) no-repeat;
		display:block;
		float:right;
		margin: 21px 0 0 15px;
	}

#nav{
		width: 955px;
		height: 38px;
		margin: 0 auto;
		background: url(../images/bgNav-halekoa.png) no-repeat;
		position: relative;
	}

#nav li { display: inline; float: none; position: relative; left: 0; top: 0; width: auto; }
#nav li a { display: block; }
#nav li a.parent { position: absolute; left: 0; top: 0; overflow: hidden; height: 0; padding-top: 38px; background: url(../images/bgNav-halekoa.png) no-repeat; }
#nav li ul { position: absolute; left: -10000em; top: 38px; background: #205e9b url(../images/bgFooter.gif) repeat-x; border: 1px solid #145086;}
#nav li ul li { display: block; position: relative; left: auto; top: auto; }
#nav li.hover ul,
#nav li:hover ul { left: 0; zoom: 1; }

#nav li#promo ul { left: 0; zoom: 1; visibility: hidden; }
#nav li#promo ul#promo_sub.showPromoSub { visibility: visible !important; }
#nav li#promo ul#promo_sub.showPromoSub #promo_sub_close_wrapper { text-align: right; margin: 0; }
#nav li#promo ul#promo_sub.showPromoSub #promo_sub_close_wrapper a { display: inline; padding: 0; padding-right: 10px; background: none; text-decoration: underline; }
#nav li#promo ul#promo_sub { padding-bottom: 10px; }


#nav li ul li a{
	 height: 20px; padding: 9px 0 9px 10px; font-size: 13px; color: #fff;
}	
#nav li ul li a:hover{
	background: #145086; 
}

#nav li#home		{ left: 0; }
#nav li#cart		{ left: 870px; }
#nav li#contact		{ left: 82px; }

#nav li#home a.parent			{ width: 81px; background-position: 0 0; }
#nav li#cart a.parent			{ width: 85px; background-position: -870px 0; }
#nav li#contact a.parent		{ width: 128px; background-position: -82px 0; }

#nav li#home:hover a.parent,
#nav li#home.hover a.parent			{ background-position: 0 -40px; }
#nav li#cart.hover a.parent,
#nav li#cart:hover a.parent			{ background-position: -870px -40px; }
#nav li#contact.hover a.parent,
#nav li#contact:hover a.parent		{ background-position: -82px -40px; }

#nav li#home a.parent:active		{ background-position: 0 -80px; }
#nav li#cart a.parent:actove		{ background-position: -870px -80px; }
#nav li#contact a.parent:active		{ background-position: -82px -80px; }
							
#content{
	margin:5px 0 0 0;
}
		
#left{
	float: left;
	width: 285px;
}

#boxBlue, #boxOrange, #boxGreen	{ width: 285px; }	
#boxOrange, #boxBlue			{ margin: 5px 0 0 0;}
	
	/* GREEN */	
	#boxGreenHeader{
			height: 30px;
		text-indent: -999em;
		background: url(../images/box_green_top-trans.png) no-repeat;
	}
	
	#boxGreenBg{
		background: #8b0;
		font-size: 0.95em;
		position:relative;
		float:left;
		width: 285px;
	}
	
		#purchase{
			padding: 8px;
			margin: 0 0 0 10px;
			color: #404040;		
			position:relative;
			background: #9cd011;
			width: 250px;
			height: 200px;
		}
		
		#boxGreenForm{
			background: blue;
			color: #404040;		
			position:relative;
			background: #9cd011;
			float:left;
			width: 253px;
			left: 8px;
			padding: 8px;
		}
		
		
		.select select{
			width: 255px;
			display: block;
			position:relative;
		}
		
		.select,
		.date{
			height: 40px;
		}
		
		#from_date,
		#to_date{
			width: 110px !important;
		}
		
		.date{
			width: 140px;
			z-index: 2;
			position: absolute;
		}
		
		.date2
		{
			width: 140px;
			z-index: 1;
			position: absolute;
			margin: 40px 0 0 0;
		}
		
		#from_datepurchase_cf_container{
			border: 1px solid #b0b0b0;
			z-index: 3;	
			position: absolute;
		}
		
		#to_datepurchase_cf_container{
			border: 1px solid #b0b0b0;
			z-index: 3;
			position: absolute;	
		}
		
		.purchaseBtn{
			position: relative;
			z-index:2;
			clear: both;
			float: right;
			margin: 15px 12px 0 0 !important;
			width: 68px !important;
			height: 45px;
			display:block;
		}
		
		
		#addGuests,
		#addGuests table {
			width: 255px;
		}
		
	#boxGreenBottom{
		background: url(../images/box_green_bottom-trans.png) no-repeat;
		height: 20px;
		clear:both;
	}	
	/* ORANGE */	
	#boxOrangeHeader{
				height: 30px;
			text-indent: -999em;
			background: url(../images/box_orange_top-trans.png) no-repeat;
		}
	
		#boxOrangeBg{
			height: 320px;
			background: #f90;
			z-index:1;
		}
		
		#boxOrangeFeat{
			height: 100px;
			width: 260px;
		}
		
		.feature{
			margin: 0 0 0 10px;
			padding: 8px;
			background: #fea828;
			width: 250px;
		}
		
		.feature img{
			float: left;
		}
		
		.featureBtn{
			top: 61px;
			left: 200px;
		}
		
		.featureDesc{
			float: left;
			padding-left: 5px;
			width: 105px;
		}
		
		.featureDesc p{
			font-size: 0.9em;
			line-height: 1.5em;
			margin: 0px;
		}
		
		.featureDesc a{
			color: #fff;
		}
		
			.featureDesc a:hover{
				text-decoration: underline;
			}
			
		#boxOrangeBottom{
			background: url(../images/box_orange_bottom-trans.png) no-repeat;
			height: 20px;
		}
		
	/* BLUE */
	#boxBlueHeader{
		height: 30px;
		text-indent: -999em;
		background: url(../images/box_blue_top-trans.png) no-repeat;
	}

	#featurePage{
		list-style-type: none;
		height: 23px;
		overflow: hidden;
	}
	
	#featurePage li{
		float: left;
		padding: 0 10px;
	}	
	
	#featurePage li a{
		font-size: 1.5em;
		font-weight: bold;
		color: #fff;
	}
	
	li#arrowLeft{
		padding: 0 40px 0 20px;
	}
	
	li#arrowRight{
		float: right;
		padding: 0 20px 0 30px;
	}	
/* BLUE */
#boxBlueBg{
	width: 285px;
	color:#fff;
	min-height: 85px;
	background: #369;
}

	#boxBlueBg img{
		position: relative;
		float: right;
		margin: 10px 0 0 0;
	}
	
	#boxBlueBg a{
		color:#fff;
	}	
		
	#affiliate{
		margin-left: 25px;
		padding-top: 5px;
	}
	
	input.affiliate{
		margin-right: 30px;
		padding-left: 3px;
		width: 205px;
		font-size: 0.9em;
		color: #666;
	}
	
	.affiliateBtn{
		position: absolute; /* lines up image button with text input box */
		vertical-align: middle;
	}
	
	.blueFeature{
		width: 250px;		
		margin: 0 0 0 10px;
		background: #3870a6;			
		padding: 8px;
	}
	
	#boxBlueBg p{
		font-size: 1em;
		line-height: 1.3em;
		width: 175px;
		color: #fff;	
		float:left;	
	}

#boxBlueBottom{
	clear:both;
	height: 20px;
	background: url(../images/box_blue_bottom-trans.png) no-repeat;
}

#right{
	float: right;
	width: 680px;
	height: 672px;
	background: url(../images/home_bg1.gif) no-repeat;
}

	#right_sub{
		float: right;
		width: 680px;
	}
	
	#kwicks_container {
		position: relative;
		top: 228px;
		height: 470px;
		background: url(../images/linksShadow-trans.png) bottom left no-repeat;
	}
	
	#kwicks {
		position: relative;
	}
	 
	#kwicks .kwick a{
		float: left;
		height: 460px;
		text-indent: -999em;
	}
	
	#kwicks li{
		display: inline;
		list-style-type: none;
	}
	 
	#kwick_red a{
		position: relative;
		top: 0px;
		width: 236px;
		background: url(../images/slide_hawaii.gif) no-repeat;
	}
	
	#kwick_orange a{
		position: relative;
		top: 0px;
		width: 221px;
		background: url(../images/slide_mexico.gif) no-repeat;
	}
	
	#kwick_yellow a{
		position: relative;
		top: 0px;
		width: 223px;
		background: url(../images/slide_costarica.gif) no-repeat;
	}
	
#ad{
	margin: 10px 0 0 0;	width: 975px;
	height: 132px;
}
	#ad img{
		margin-right: 23px;
	}	
		#ad > #last > img{
			margin-right: 0 !important;
		}	
/*#guestInfoForm{
	width: 935px;
	overflow:hidden;
}*/
#flex_container{
	width: 975px;
	margin: 0 auto;
}

#flex_top{
	background: url(../images/bgFlexTop-trans.png) no-repeat bottom left;
	/* BOTTOM LEFT IS FOR IE 6 */
	height: 9px;
	width: 975px;
}

#flex_mid{
	background: white;
	padding: 10px 20px;
	width: 935px;
}

#flex_bottom{
	background: url(../images/bgFlexBottom-trans.png) no-repeat;
	height: 20px;
	width: 975px;
}

#fitSearchDiv,
#guestInfoForm,
#form_mid{
	background: #205E9B url(../images/bgFooter.gif) repeat-x;
	padding: 10px;
	width: 630px;	
}

h2#mainCategoryName		{ color:white;}
h3#eventType			{ color:white; text-transform:capitalize; font-style:italic; margin: 10px 0 0 0;}
h4#eventPrice			{ color:#205E9B; font-style:italic; font-size: 1.6em;}


#event_search_results{
	background: white;
	margin: 5px auto;
	width: 610px;
	padding: 10px;
}

#event_search_results a{
	text-decoration: underline;
}

#event_search_results a:hover{
	text-decoration:none;
}
	
	#event_search_results a:link,
	#event_search_results a:visited,
	#event_search_results a:active{
	color: #205E9B
}
	
	#header_activity_bg{
		/* width: 940px; */
		overflow:hidden;
	}	

	#header_activity_bg h1{
		margin: 0 0 20px 0;
		font-size: 1.5em;
		color:#036;
	}	

#activity_time{
	float:left;
	width: 100px;
	margin: 0 0 20px 0;
}	

#activity_date{
	float: left;
}

#activity_thumbs{
	float: right;
	width: 125px;
}
	#activity_thumbs ul{
	}
	
	#activity_thumbs li{
	margin: 0 0 10px 0;
	}
	
	#activity_thumbs li img{
	}
	
#activity_content{
	float:left;
	width: 470px;
}

#right_activity_header_white{
	width: 680px;
	height: 9px;
	overflow:hidden;
	background: url(../images/bgHeaderWhite-trans.png) no-repeat;
}
	
#right_activity_details{
width: 650px;
background: white;
padding: 0px 15px 15px 15px;
}

#activity_details_right{
width: 285px;
}

	#activityGuestTypes{
		margin: 0 0 10px 0;
	}

#form_mid{
	min-height: 400px;
	color: #fff;
	margin: 0 0 15px 0;
}

#checkout_info{
	float:left;
	width: 410px;
}

	#checkout_info label,cfinput {
		display: block;
		width: 150px;
		float: left;
		margin-bottom: 5px;
	}

	#checkout_info label {
		text-align: right;
		width: 100px;
		padding-right: 20px;
	}
	
	#checkout_info br {
		clear: left;
	}
	
	#event_page			{ padding: 10px 0; }
	#event_page a 		{ color: #fff; }
	
	

#paymentlogos{
	float:left;
	width: 200px;
	margin: 0 0 0 10px;
}

#paymentlogos img{
	margin-bottom:10px;
}
	
#footer{
	margin: 20px 0 0 0;
	min-height: 144px;
	background: #205e9b url(../images/bgFooter.gif) repeat-x;
}

	#footerContainer{
		width: 975px;
		margin: 0 auto;
		padding: 20px 0 0 0;
		
	}

	#footer ul{
		margin-top: 3px;
		list-style-type: none;
	}
	
	#footer li{
		float: left;
		padding-right: 15px;
		color: #fff;
	}
	
	#footer li a{
		font-size: 0.8em;
		color: #fff;
		text-decoration:underline;
	}
	
/* OTHER PAGES */
#right_destination{
	position: relative;
	float: right;
	width: 680px;
	height: 698px;
	z-index:1;
}

#right_order{
	background: #fff;
	padding: 0 0 10px 0;
	height: 25px;
}
	.browseGR,
	.browseBD,
	.checkGR,
	.checkBR,
	.checkBD{
		background: url(../images/breadcrumbBooker.gif) no-repeat;
		width:340px;
		height: 0px;
		padding-top:25px;
		display:block;
		overflow:hidden;
		float:left;
	}
	
	.browseGR{
		background-position: left -50px;
	}
	
	.browseBD{
	}
	
	.checkGR{
		background-position: right -50px;
	}
	
	.checkBR{
	}
	
	.checkBD{
		background-position: right top;
	}
	
/* Hawaii, Mexico, Costa Rica */
#right_destination_header{
	width: 680px;
	height: 136px;
	position: relative;
}

	/* Other Pages */
	#right_destination_header2{
		width: 680px;
		background:url(../images/destination_header_bg.gif) no-repeat;
		height: 16px;
	}	


	#right_destination_desc{
		padding: 15px 30px 0 10px;
		background: #3870A6;
	}
	
		#right_destination_desc p{
			color:#fff;
			line-height:normal;
			width: 560px;
			margin: 0 0 5px 0;
		}
		
		#right_destination_desc p a{
			color: #9cf;	
			font-size: 1.3em;
			text-decoration: none;
			font-weight: bold;
		}
	
			#right_destination_desc p a:hover{
				text-decoration: underline;			
			}
			
	#right_destination_text{
		padding: 10px 20px 0px;
		width: 640px;
		height: 632px;
		background: #fff;
	}
		#right_destination_text li{
			list-style:none;
			color: #2f67b2;
			font-weight:bold;
			font-size: 1.5em;
		}
		#right_destination_text a{
			color: #2f67b2;
		}
		
	#column{		
		padding: 5px 5px 5px 5px;
		float:left;
		width: 300px;
	}
		#column li{
			list-style:none;
			color: #666;
			font-size: 1em;
			margin: 10px 0;
		}

.topActivityTab{
	height: 28px;
	width: 215px;
}

.topActivities{
	padding: 0 0 0 20px;
	background: #fff;
	height: 400px;
}

.topActivityRow{
	width: 662px;
}

	.activityLink{
		float: left;
		margin: 30px 3px 3px 3px;
	}
		
		.activityLink h2{
			padding-top: 10px;
			color: #23658a;
			font-size: 1em;
		}
		
		.activityLink h3{
			padding-bottom: 5px;
			color: #333333;
			font-size: .9em;
		}

#right_activity_header,
#right_activity_header_hi,
#right_activity_header_cr,
#right_activity_header_mx{
	width: 680px;
	height: 80px;
	overflow:hidden;
}

#right_activity_header_hi{
		background: url(../images/header_hawaii.png) no-repeat;
	}
	
#right_activity_header_cr{
		background: url(../images/header_costarica.png) no-repeat;
	}
	
#right_activity_header_mx{
		background: url(../images/header_mexico.png) no-repeat;
	}	
	
#right_destination_footer,
#right_activity_footer{
		width: 680px;
		height: 24px;
		background: url(../images/destination_footer_bg.gif) no-repeat;
	}
	

/* Calendar Hacks */
.datefieldinput{
	width: 155px !important;
	margin: 0px !important;
}

.yui-calcontainer{
	position: relative;
	z-index:900;
}
.yui-calcontainer a{
	color: #333 !important;
}

.yui-calendar td.calcell{
	border: 1px solid #666 !important;
}

/* Activity Guest Info */
#guest_information p{
color: #fff;
}

#guest_information_details{
	background: #fff;
	padding: 10px;
	width: 610px;
	margin: 0 0 15px 0;
}

#guest_information_details td{
	padding: 3px 0;
}

#guest_information_details input{

}

/* Check Out */
#check_out{
	width: 915px;
	overflow: hidden;
	padding: 10px;
}

.blueAnchor{
	text-decoration: underline;
	color:#6699cc;
}

.blueAnchor:hover{
	text-decoration: none;
}

#itemHeader{
	background: #9cd011 url(../images/bgItemHeader.gif) repeat-x;
	color: #fff;
	min-height: 27px;
	margin: 8px;
	position: relative;
	padding: 8px 1px 1px;
	width: 267px;
}
	
	.collapseItem{
		/*display: none;*/
		padding: 10px;
		background: #fff;
		margin: 12px 0 0 0;
	}
	
	.collapseItem td{
		padding: 5px 0;
		color:#333;
	}
	
	.toggleEvent:hover{
		cursor:pointer;
	}
	
	.plus{
		background: url(../images/buttonPlus.gif) no-repeat;
		width: 14px;
		height: 0px;
		padding-top: 14px;
		display: inline-block;
		overflow:hidden;
		margin: 0 10px;
		top: 2px;
		position:relative;
	}
	
	.plus:hover{
		background: url(../images/buttonPlus.gif) no-repeat left -14px;
	}
	
	.edit{
		background: url(../images/buttonEdit-trans.png) no-repeat 0 0;
		width: 35px;
		height: 0px;
		padding-top: 15px;
		display: inline-block;
		overflow:hidden;
		position:relative;
		top: 2px;
	}
	
	.edit:hover{
		background: url(../images/buttonEdit-trans.png) no-repeat 0 -14px;
		cursor:pointer;
	}
	
	.remove{
		background: url(../images/buttonRemove-trans.png) no-repeat 0 0;
		width: 57px;
		height: 0px;
		padding-top: 15px;
		display: inline-block;
		overflow:hidden;
		position:relative;
		top: 2px;
	}
	
	.remove:hover{
		background: url(../images/buttonRemove-trans.png) no-repeat 0 -14px;
		cursor:pointer;
	}
	
#payment_form td{
	padding: 3px 0;
}

#paytype1,
#paytype2{
	margin: 0 10px 0 0;
}

#ccinfo label{
margin: 0 25px 0 0;
text-align: right;
display:inline-block;
width:95px;
}

#ccImage{
	margin: 5px 0 5px 120px;
}

/* CHECK OUT */
#form_mid_checkout{
	padding: 10px 20px 20px 20px;
	width: 895px;
	background: #205E9B;
	color: #fff;
	margin: 15px 0;
	min-height: 250px;
}