@import url('component.css');

@import url('print.css');

/* start nukubati import */
/*****reset and clearing********************************************************************/
:link,:visited {text-decoration : none;}
ul,ol {list-style : none;}
h1,h2,h3,h4,h5,h6,pre,code {font-size : 1em;}
.head2 { font-size: 1.3em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,a, img,fieldset,dl,dd,dt {margin:0; padding:0;}
a img,:link img,:visited img,fieldset {border : none;}
a{outline: none;}
legend {display:none;}
.clearer:after, .defaultNav:after, .containerHomeFlash:after, .content:after, .middle:after, .containerContent:after, .item:after, .imgSet:after,.homeMiddle:after {content: '[HI MUM]'; display: block; height: 0; clear: both; visibility: hidden;}
.clearer, .defaultNav, .containerHomeFlash, .content, .middle, .containerContent, .item,.imgSet, .homeMiddle {display: inline-block;}
/*\*/
.clearer, .defaultNav, .containerHomeFlash, .content, .middle,.containerContent, .item, .imgSet,.homeMiddle {display: block;}
/**body**/


body{color:#888; background-color: #fff; font-family:Arial,Verdana,Sans-Serif; font-size:12px; margin: 0; padding: 0;}

/* TEMPLATE
--------------------------------------------------------------------------*/
.template {width:100%; height:100%; position:relative; z-index:0;}


/* CONTAINER 
--------------------------------------------------------------------------*/
.containerTemplate {width:950px; margin: 0 auto; padding:0px;
	min-height: 100%; height: auto !important; height: 100%; }
	
/* HEADER
--------------------------------------------------------------------------*/
.header_banner { width: 950px; height: 159px; display:block; background: transparent url(images/banner.png) no-repeat scroll 0 0; }	


/*DEFAULT NAVIGATION
--------------------------------------------------------------------------*/
.defaultNav { background: transparent url(images/nav_bg.gif) repeat-x scroll left top;}
.defaultNav li {list-style:none; margin:0px; float:left; display:inline;}
.defaultNav li a:hover,
.defaultNav li a.selected
 {text-decoration:none; color: #999;}
.defaultNav li a{ color: #39adde; display:block; font-size: 1.25em; line-height: 38px; padding: 0 15px; background: transparent url(images/template/nav_sep.gif) no-repeat scroll right center; }
.defaultNav li.first a{ padding: 0 15px 0 17px;}
.defaultNav li.last a { background:none; padding: 0 0 0 15px;}
/*CONTENT
--------------------------------------------------------------------------*/
.content {width:950px; margin:0px auto 20px auto;}
.tHomePage .content { padding-bottom:5px; }

/* TEMPLATE HOMEPAGE
--------------------------------------------------------------------------*/
.homeMiddle  { }

.containerHomeFlash {width:100%;}
.containerGetStarted,
.containerHomeSecondTile,
.containerHomeThirdTile,
.containerHomeFourthTile{float:left; display:inline; /*height:176px;*/ width: 230px; margin-right:1px;}
/* start changes --------------------------------------------------------------------------*/c
/* end changes --------------------------------------------------------------------------*/
.containerGetStarted h2,
.containerHomeSecondTile h2,
.containerHomeThirdTile h2,
.containerHomeFourthTile h2{ color: #fff; font-size: 1.6em; padding: 9px 15px; position: absolute; font-weight:normal;}
	
	
	
.containerGetStarted, 
.containerHomeFourthTile{ margin-right: 0;}

.containerGetStarted{ width: 258px; }
.containerGetStarted a, .containerGetStarted h4{ color:#39adde; font-size: 1.25em;  margin-left: 20px; font-weight:normal;}
.containerGetStarted ul { margin-bottom: 13px;}
.containerGetStarted span {margin-left: 20px;}
.containerGetStarted a.leave_message { font-weight: bold; background: transparent url(images/template/arrow.gif) no-repeat scroll left center; padding-left: 10px; font-size: 1em; }
.containerGetStarted a:hover { text-decoration: none; color: #666;}
.containerGetStarted li { background: transparent url(images/template/horizonal_sep.gif) no-repeat scroll left bottom !important; line-height: 2.1em; }
.containerGetStarted li a { height: 35px; }

.containerHomeAwards {  margin-left: 155px; display:block; }
.containerHomeAwards li{ list-style: none; float:left; display:inline; margin: 0px 35px 0 0; }

/*TEMPLATE TWO COLUMNS
--------------------------------------------------------------------------*/
.tTwoColumns .breadcrumbs {float:right; display:inline; width:613px; height:28px; padding:0px 40px 0 0; overflow:hidden;
	margin-bottom:10px; background:#fff; line-height:28px; font-size:0.95em; }
.tTwoColumns .containerRightColumn {float:right; display:inline; width:655px; }
.tTwoColumns .containerRightColumnLarger {float:left; display:inline; width:915px; margin-left: 20px; }
.tTwoColumns .containerLeftColumn {float:left; display:inline; width:280px; margin:-40px 0px 0px 0px;}
.tTwoColumns .content { background: transparent url(images/subpage_content_bg.png) no-repeat scroll left top; width: 950px; padding-top: 30px; }


/*ROTATE BANNER
--------------------------------------------------------------------------*/
.tTwoColumns .containerRotateBanner{ width: 950px; height: 177px; display:block;} 
.tTwoColumns .accom_home {  background: transparent url(images/accom_home.jpg) no-repeat scroll left center;}
.tTwoColumns .xp_adventure {background: transparent url(images/adventure_home.png) no-repeat scroll left center; }
.tTwoColumns .xp_home { background: transparent url(images/xp_home.png) no-repeat scroll left center; }
.tTwoColumns .gallery_home {  background: transparent url(images/gallery_home.png) no-repeat scroll left center; }

/*FOOTER NAVIGATION
--------------------------------------------------------------------------*/
/*.footerNavSticky {height:200px;}
.footerNav {height:200px; overflow:hidden; background: transparent url(images/footerBg.png) repeat-x scroll 0 0; position:relative; padding-top: 20px; border-top: 1px solid #ece3e3; }
.footerNav * { color: #999; font-size: 11px;}
.footerNav ul {width:950px; margin:0px auto;}
.footerNav ul ul {width:auto; margin:2px 0;}
.footerNav li {float:left; display:inline; list-style:none; margin:0px 19px 0px 0px; padding:0px 20px 0px 0px;}
.footerNav li li {float:none; display:block; height:auto; margin:0px 0px 0px 0px; padding:0px 0px 2px 0px;}	
.footerNav li li {background:none;}
.footerNav div.clearer {width:595px; margin:15px auto 0px auto; padding-top:12px; color:White;}
.footerNav div.clearer p {float:left; display:inline; padding:6px 10px 0px 50px; 
	height:22px; line-height:22px; margin:0px;}
.footerNav div.clearer p img {vertical-align:middle; margin:0px; display:inline; padding:0px 5px;}
.footerNav div.clearer address {float:left; display:inline; padding-left:15px;
	font-size:0.95em; font-style:normal; border-left:1px solid white;}

.footerNav li.footerNavItem li.main { font-weight: bold; line-height: 1.7em;}
.footerNav li.footerNavItem li.main  a { color: #666;}
.footerNav li.footerNavItem li li { font-weight: normal; line-height: normal;}
.footerNav li.footerNavItem li li a { color: #999;}
.footerNav li.border { background: transparent url(images/template/footer_nav_sep.gif) no-repeat scroll center bottom; }*/

.footerNavSticky {height:200px;}
.footerNav {height:200px; overflow:hidden; background: transparent url(images/footerBg.png) repeat-x scroll 0 0; position:relative; padding-top: 20px; border-top: 1px solid #ece3e3; }
.footerNav * { color: #666; font-size: 11px;}
.footerNav ul {width:950px; margin:0px auto;}
.footerNav ul ul {width:auto; margin:2px 0;}
.footerNav li {float:left; display:inline; list-style:none; margin:0px 19px 0px 0px; padding:0px 20px 0px 0px;}
.footerNav li li {float:none; display:block; height:auto; margin:0px 0px 0px 0px; padding:0px 0px 2px 0px;}	
.footerNav li li {background:none;}
.footerNav div.clearer {width:595px; margin:15px auto 0px auto; padding-top:12px; color:White;}
.footerNav div.clearer p {float:left; display:inline; padding:6px 10px 0px 50px; 
	height:22px; line-height:22px; margin:0px;}
.footerNav div.clearer p img {vertical-align:middle; margin:0px; display:inline; padding:0px 5px;}
.footerNav div.clearer address {float:left; display:inline; padding-left:15px;
	font-size:0.95em; font-style:normal; border-left:1px solid white;}

.footerNav li.footerNavItem li { font-weight: bold; line-height: 1.7em; }
.footerNav li.footerNavItem li li { font-weight: normal; line-height: normal; color: #999;}
.footerNav li.footerNavItem li li a { color: #999;}
.footerNav li.border { background: transparent url(images/template/footer_nav_sep.gif) no-repeat scroll center bottom; }


.getstarted{position:absolute;width:257px;height:200px;}
.getstarted h4, a, span{padding-bottom:3px;}
.getstarted .inner{padding:24px 0 0 10px;}
.getstarted .inner h4, .getstarted .inner a{margin-left:6px;margin-bottom:3px;padding-bottom:0px;}
.getstarted .inner .leftSide{float:left;width:116px;}
.getstarted .inner .rightSide{float:left;width:120px;}
.getstarted .inner .rightSide .fiji{padding:2px 0 0 0px;}
.getstarted .inner .rightSide .top{padding:4px 0 0 0px;}
.containerHomeSecondTile{margin-left:257px;#margin-left:0px;}
.homeMiddle  { #margin-bottom:10px;}
.containerHomeAwards {  margin-left: 257px; display:block; }

.containerGetStarted h5{ color:#39adde; font-size: 1em;  margin:-2px 0 0 6px; font-weight:normal;}
/*.title{position:absolute;z-index:1000;top:250px;left:470px;}*/

/* end nukubati import */




.error {
	font-family: Arial,Verdana,Sans-Serif;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: red;

}

.titleBg {

	background : url(/siteSpecific/page/images/title_bg.gif) no-repeat right;

}

.pageHeading {
	font-family:  "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 3px;
	color: #023e17;
	text-align: center;
}

.subHeading {
	font-family:  Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: black;
}

A.foot{
	text-decoration: none;
	color: #1E6159;

}

A.foot:hover{
	text-decoration: underline;
	color: #1E6159;

}

.footer {
	font-family:  Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #748180;
}

.leftmarginText {
	font-family:  Georgia, "Times New Roman", Times, serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #1E6159;
}

.firstHead2 {
	background-color: white;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #1E6159;
	margin-top: 0px;
	padding-top: 0px;
}

.head3 {
	margin-top: 5px;
	margin-bottom: 3px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #828383;
}

.indexExpand:link,
.indexExpand:visited {
	padding-top: 2px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 1px;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #1E6159;
}

.indexExpand:hover {
	padding-top: 2px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 1px;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: white;
}

.indexHome {
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 1px;
}

.index {
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 1px;
	border-top: 1px solid #EAECE5;
	width: 130px;
}

.subIndex {
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 5px;
	border-style: none;
}

.indexURL:link,
.indexURL:visited {
	font-family : 	Georgia, "Times New Roman", Times, serif;
	font-size : 12px;
	font-weight:bold;
	color: #1E6159;
	text-decoration : none;
	border-style: none;
	white-space: nowrap;
}

.indexURL:hover {
	font-family : 	Georgia, "Times New Roman", Times, serif;
	font-size : 12px;
	color: #1E6159;
	font-weight:bold;
	text-decoration : underline;
	border-style: none;
	white-space: nowrap;
}

.leftMargin {
	margin: 0px;
	padding-left:20px;
	border-style: none;
}

.rightMargin {
	background-color: #ffffff;
	padding-top: 30px;
}

.wrapPanel {
	margin: 0px;
	padding: 0px;
	border-style: none;
}

.indexPanel {
	margin: 0px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
	border-style: none;
}

.topSpacer {
	width: 100%;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-style: none;
	background-color: white;
}

.panelInner {
	margin-right:0px;
	border : 0px solid #ffffff;
}

.bookingPanel {
	width:160px;
	margin: 2px;
	padding: 0px 0px 0px 0px;
	border : solid 0px #000000;
}


.pageBody {
	margin: 0px;
	padding-top: 20px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	border-style: none;
}

.blot {
	margin-top: 5px;
	background-color: #828383;
}

.editbox {
/*	border: 1px solid #BFD0D7; */
	border: none;
}

.caption {
	font-size: 10px;
}

.roomTitle {
	font-size: 1.3em;
	padding: 5px 2px;
}

.roomTitleRow {
	background: none;
}

.footerLinks {
	margin: 0px auto;
	width: 500px;
}

.copyright-text {
	font-size: 0.8em;
	color: #b8b8b8;
}

.copyright-text a {
	color: #b8b8b8;
}

.element {
	font-family: Arial,Verdana,Sans-Serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	padding: 6px;
}

.elementTitle {
	font-family: Arial,Verdana,Sans-Serif;
	font-size: 1.0em;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	padding: 4px;
}

.elementEdit {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: black;
	padding: 4px 2px 8px 2px
}

.elementImg {
	border: 2px solid #388368;
}

FORM {
	margin: 0;
}

.subBox {
		width: 74px;
		height: 29px;
        /*background-color : white;
        border: 1px solid #013463;
        font-size: 12px;*/
		margin-bottom: 5px;
		color: #4fb7e3;
		font-weight: bold;
		border: none;
		background: url(images/button.png) top left no-repeat;
}

.link2:link,.link2:visited {
	line-height: 200%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #707070;
}

.link2:hover {
	line-height: 200%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #707070;
}

.headerLink:link,.headerLink:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
  	letter-spacing: 3px;
	font-weight: normal;
	text-decoration: none;
	color: #E3951B;
}

.headerLink:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
  	letter-spacing: 3px;
	font-weight: normal;
	text-decoration: underline;
	color: #E3951B;
}

.elementBackgroundDark  {  background-color: #fbf9f9;  }
.elementBackgroundLight {  background-color: #fcfbfb;  }

.formBackgroundDark  { background-color: #fbf9f9; }
.formBackgroundLight { background-color: #fcfbfb; }

/* =================== start booking search form styles ===================== */

.rangeValid {
  font-family: arial,sans-serif;
  color: white;
  font-weight: bold;
  font-size: 10pt;
  text-align: center;
  border: none;
  width: 132px;
  padding: 2px;
  background-color : transparent;
}

.rangeInvalid {
  font-family: arial,sans-serif;
  color: white;
  font-weight: bold;
  font-size: 10pt;
  text-align: center;
  border: none;
  width: 132px;
  padding: 2px;
  background-color : transparent;
}

.bookingSelect {
	font-family : Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 0px none red;
}

.bookingHead2 {
	line-height: 200%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #216066;
}

.bookingText {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #216066;
	padding-right: 8px;
}

.bookingSmall {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	font-size: 10px;
 	color: #000000;
	padding: 2px;
}
.mediaContainer {
	padding-bottom: 12px;
}
/*

 ==================== end booking search form styles ====================== */