/*------------------------------------*\
  RESET
\*------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0b1 | 201101
   NOTE:WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
  display:block;
}

ol,ul{
  list-style:none;
}
blockquote,q{
  quotes:none;
}
blockquote:before,blockquote:after,
q:before,q:after{
  content:'';
  content:none;
}
/* remember to define visible focus styles!
:focus{
  outline:?????;
} */

/* remember to highlight inserts somehow! */
ins{
  text-decoration:none;
}
del{
  text-decoration:line-through;
}

table{
  border-collapse:collapse;
  border-spacing:0;
}
/*.clearfix                                  { content:" "; display:table; clear:both;} PS*/
.clearfix:before, .clearfix:after {
	content: "\0020"; 
	display: block; 
	height: 0; 
	visibility: hidden;
	clear:both;
}
.clearfix { zoom: 1; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */ 

/* this toimprove the look of images */
img {
-ms-interpolation-mode: bicubic;
image-rendering: optimizeQuality;
_max-width: 100%;
} 
body{
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	background-color:#D7E2D5;
	background: #006a1d;
	background: #006a1d;
	background: -moz-linear-gradient(top, #006a1d 0%, #d7e2d5 7%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006a1d), color-stop(7%,#d7e2d5));
	background: -webkit-linear-gradient(top, #006a1d 0%,#d7e2d5 7%);
	background: -o-linear-gradient(top, #006a1d 0%,#d7e2d5 7%);
	background: -ms-linear-gradient(top, #006a1d 0%,#d7e2d5 7%);
	background: linear-gradient(to bottom, #006a1d 0%,#d7e2d5 7%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006a1d', endColorstr='#d7e2d5',GradientType=0 );
	color:#828481;
}
div.cont {
	max-width:960px;
	height:auto;
	margin:0 auto 10px auto;
	background-color:#fff;
	/*border-right:6px solid #ec8726;
	border-bottom:3px solid #ec8726;
	border-left:6px solid #ec8726;*/
	background-color:#D7E2D5;
}
div.dTop {
	max-width:960px;
	width:100%;
	min-height:265px;
	float:left;
	background-color:#D7E2D5;
	clear:both;
	text-align:left;
	border-bottom:2px solid #020167;
}
div.dTopAT {
	max-width:960px;
	width:100%;
	min-height:255px;
	float:left;
	background-color:#D7E2D5;
	clear:both;
	text-align:left;
	border-bottom:2px solid #020167;
	background-image:url(/images/top_abeltasman_swim.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
div.dTopATB {
	max-width:960px;
	width:100%;
	min-height:255px;
	float:left;
	background-color:#D7E2D5;
	clear:both;
	text-align:left;
	border-bottom:2px solid #020167;
	background-image:url(/images/top_abel_tasman_bay.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
div.dTopJP {
	max-width:960px;
	width:100%;
	min-height:255px;
	float:left;
	background-color:#D7E2D5;
	clear:both;
	text-align:left;
	border-bottom:2px solid #020167;
	background-image:url(/images/top_newzealandtreefern.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
div.dTopACC {
	max-width:960px;
	width:100%;
	min-height:255px;
	float:left;
	background-color:#D7E2D5;
	clear:both;
	background-image:url(/images/motels_units.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	text-align:left;
	border-bottom:2px solid #020167;
}
div.dTopBUS {
	max-width:960px;
	width:100%;
	min-height:255px;
	float:left;
	background-color:#D7E2D5;
	clear:both;
	background-image:url(/images/top_garden.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	border-bottom:2px solid #020167;
}
div.dTopGO {
	max-width:960px;
	width:100%;
	min-height:255px;
	float:left;
	background-color:#D7E2D5;
	clear:both;
	text-align:left;
	background-image:url(/images/top_golf.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	border-bottom:2px solid #020167;
}
div.dTopVID {
	max-width:960px;
	width:100%;
	min-height:255px;
	float:left;
	background-color:#D7E2D5;
	clear:both;
	background-image: url(/images/top_split_apple_rock.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	border-bottom:2px solid #020167;
}
div.dTopGER {
	max-width:960px;
	width:100%;
	min-height:255px;
	float:left;
	background-color:#D7E2D5;
	clear:both;
	background-image:url(/images/top_track.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	border-bottom:2px solid #020167;
}
/*div.divVid {
	float:right;
}*/
@media only screen and (max-width: 48.5em)
{/*px*/
	div.dTopACC, div.dTopATB, div.dTopJP, div.dTopACC, div.dTopBUS, div.dTopGO, div.dTopVID, div.dTopGER,  {
	background-image:none;
	text-align:center;
	}
}

img.imgLeft {
	float:left;
	max-width:440px;
	width:100%;
	max-height:128px;
	height:auto;
}
div.dLogo {
	border:2px solid #D7E2D5;
	max-width:445px;
	min-height:262px;
	background-color:#D7E2D5;
	text-align:center;
}
div.dTopL {
	max-width:960px;
	min-height:290px;
	background-color:#D7E2D5;
	border-bottom:2px solid #006A1D;
}
div.dLogoL {
	max-width:445px;
	min-height:262px;
	background-color:#D7E2D5;
	float:left;
}
div.dLogoR {
	max-width:516px;
	max-height:269px;
	background-color:#006A1D;
	float:right;
}
@media only screen and (max-width: 48em)
{/*px*/
	div.dLogoL {
		float:none;
		margin:0.5% auto;
		clear:both;
	}
}
@media only screen and (max-width: 48em)
{/*px*/
	div.dLogoR {
		float:none;
		margin:0.5% auto;
		clear:both;
	}
}
div.dTopWords {
	text-align:center;
	margin:5px auto;
}
h1.h1Top {
	color:#015B25;
	font-size:2em;
	font-size-adjust:2px;
	letter-spacing:1.1px;
	max-width:443px;
	height:auto;
	font-weight:normal;
	font-family: Helvetica, Arial, sans-serif;
	line-height:1.6;
}
@media only screen and (max-width: 48.5em)
{/*px*/
	h1.h1Top   {
		position:relative;
		top:0;
	}
}
div.dTopSub {
	max-width:443px;
	height:auto;
}
h2.h2Top {
	color:#015B25;
	font-size:1.6em;
	font-size-adjust:2px;
	letter-spacing:1.1px;
	font-weight:bold;
	font-family: Helvetica, Arial, sans-serif;
}
/*nav tabs*/
    #tabsC {
	width:98%;
	font-size:94%;
	line-height:normal;
      }
    #tabsC ul {
        margin:0;
        padding:5px 5px 0 55px;
        list-style:none;
      }
    #tabsC li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsC a {
      float:left;
      background:url(/images/tableftB.gif) no-repeat left top;
      margin:0;
      padding:0 1px 0 4px;
      text-decoration:none;
      }
    #tabsC a span {
      float:left;
      display:block;
      background:url(/images/tabrightB.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#fff;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsC a span {float:none;}
    /* End IE5-Mac hack */
    #tabsC a:hover span {
      color:#FFF;
      }
    #tabsC a:hover {
      background-position:0% -42px;
      }
    #tabsC a:hover span {
      background-position:100% -42px;
      }

        #tabsC #current a {
                background-position:0% -42px;
        }
        #tabsC #current a span {
                background-position:100% -42px;
        }
	  /*end tabs*/
@media (max-width: 48.5em)
	{#tabsC,  #tabsC li,  #tabsC a, #tabsC a span{
	float:left;
	display:block;
	clear:both;
	width:99%;
	height:auto;
	text-align:left;
	margin:2px 0;
	padding: 5px 0;
    background-image:none;
	background-color:#25267A;
	}
}
@media (max-width: 48.5em)
	{#tabsC li  {
	border-bottom:1px inset #DEDEDE;
	}
}
div.dMain {
	margin:0 0 5px 0;
	clear:both;
	max-width:960px;
	width:100%;
	height:auto;
	/*background-color:#d7e2d5;*/
	background-color:#D7E2D5;
	float:left;
}
div.dMainI {
	margin:0 0 5px 0;
	clear:both;
	background-color:#D7E2D5;
}
div.dLeft {
	max-width:219px;
	float:left;
	background-color:#d7e2d5;
	vertical-align:top;
	text-align:center;
}
div.dRight {
	max-width:732px;
	width:100%;
	float:right;
	background-color:#D7E2D5;
	text-align:left;
	border-left:6px solid #020167;
}
@media (max-width: 48.5em)
	{div.dRight  {
	float:left;
	border:0;
	width:98%;
	}
}
div.dRightT {
	max-width:732px;
	width:100%;
	min-height:	1500px;
	float:right;
	background-color:#D7E2D5;
	text-align:left;
	border-left:6px solid #020167;
	}
h2.h2Heading {
	color:#828481;
	font-size:1.4em;
	line-height:1.6em;
	font-weight:bold;
	font-stretch:0.1em;
	text-align:left;
	padding:20px 0 8px 30px;
}
h2.h2Intro {
	/*color:#006032;*/
	font-size:1.2em;
	line-height:1.6em;
	font-weight:bold;
	text-align:left;
	margin:12px 15px 8px 30px;
}
h2.h2Main {
	/*color:#006032;*/
	font-size:1.3em;
	line-height:1.6em;
	font-weight:bold;
	font-stretch:0.1em;
	text-align:left;
	padding:10px 0 8px 30px;
}
@media (max-width: 48.5em)
	{h2.h2Heading, h2.h2Intro  {
		padding:1%;
		margin:1%;
	}
}
h2.h2SubButt {
	font-size:1em;
	line-height:1.6em;
	font-weight:bold;
	font-stretch:0.1em;
	text-align:left;
	margin:10px 0 0 20px;
}
h3.h3Heading {
	font-size:1.3em;
	line-height:1.6em;
	font-weight:bold;
	font-stretch:0.1em;
	text-align:left;
	padding:15px 0 8px 30px;
}
div.dFooter {
	text-align:center;
	line-height:1.4em;
	clear:both;
	margin:0;
}
h4.h4Footer {
	font-size:1em;
	max-width:500px;
	margin:0 auto 10px auto;
}
p.pIntro {
	/*color:#006032;*/
	font-size:1.2em;
	line-height:1.6em;
	font-weight:bold;
	text-align:left;
	margin:12px 15px 8px 30px;
}
div.dImages {
	text-align:center;
	/*color:#242670;*/
	padding: 6px 0 0 0;
	clear:both;
}
a:link, a:visited, a:active {
	color:#006032;
	text-decoration: none;
}
a:hover {
	color: #FFCC00;
	background-color:#006032;
	text-decoration: none;
}
a.links:link, a.links:visited, a.links:active {
	color: #828481;
	text-decoration: none;
	text-align:left;
	font-weight:bold;
	font-size:1em;
}
a.links:hover {
	color: #FFCC00;
	background-color:#006032;
	text-decoration: none;
	text-align:left;
	font-weight:bold;
	font-size:1em;
}
a.foot:link, a.foot:visited, a.foot:active {
	color: #828481;
	text-decoration: none;
	text-align:left;
	font-weight:bold;
	font-size:1em;
}
a.foot:hover {
	color: #FFCC00;
	background-color:#ec8726;
	text-decoration: none;
	text-align:left;
	font-weight:bold;
	font-size:1em;
}
a.subbut:link, a.subbut:visited, a.subbut:active {
	color: #EC8726;
	text-decoration: none;
	text-align:left;
	font-weight:bold;
	font-size:1em;
}
a.subbut:hover {
	color: #FFCC00;
	background-color:#006032;
	text-decoration: none;
	text-align:left;
	font-weight:bold;
	font-size:1em;
}
p.pMain {
	text-align:left;
	margin:5px 15px 10px 30px;
	font-size:1.15em;
	line-height:1.5em;
	/*color:#006032;*/
}
p.pMainB {
	text-align:center;
	padding:10px 10px 8px 35px;
	font-size:1.15em;
	line-height:1.5em;
	/*color:#006032;*/
	clear:both;
}
@media only screen and (max-width: 48.5em)
{/*px*/
	p.pMain  {
		padding:1%;
		margin:1%;
	}
}
p.pBottom {
	text-align:left;
	margin:5px 6px 12px 6px;
	font-size:1.15em;
	line-height:1.5em;
	clear:both;
}
img.imgRight {
	float:right;
	margin:14px 25px 5px 10px;
	border:1px solid #fff;*/
	clear:right;
	z-index:1;
}
img.imgRightB {
	float:right;
	margin:30px 40px 0 0;
}
img.imgLeftB {
	float:left;
	margin:30px 0 0 40px;
}
ul {
	margin:8px 0 10px 25px;
	text-align:left;
	font-size:1.1em;
	/*color:#006032;*/
}
@media only screen and (max-width: 48.5em)
{/*px*/
	ul  {
	margin:8px 0 10px 2.5%;
	}
}
li {
	margin:3px 2px 5px 20px;
	padding:3px 10px 5px 10px;
	line-height:1.2em;
}
br.brClear {
	clear:both;
	margin:5px 0 10px 0;
}
span.spBold {
	font-weight:bold;
}
span.spTop {
	font-weight:bold;
	color:#e75c1d;
	line-height:1.5em;
	font-size:1.4em;
}
span.spTop1 {
	font-weight:bold;
	color:#e75c1d;
	margin:5px 0 5px 10px;
	font-size:1.5em;
}
span.spExplore {
	line-height:1.7em;
	font-size:1.3em;
}
div.dMap {
	float:right;
	margin:14px 25px 5px 8px;
	border:1px dotted #2856a1;
	clear:both;
}
table.tabLinks {
	max-width:500px;
	text-align:left;
	margin:5px 6px 10px 12px;
	font-size:1.1em;
}
td.tdLinks {
	max-width:175px;
}
table.tabTariffs{
	max-width:898px;
	text-align:center;
	margin:5px 0 10px 10px;
	font-size:1.1em;
}
td.tdTariffs {
	text-align:left;
}

div.dHG div.dBook {
	margin: 15px 0 15px 25px;
	padding:0;
	text-align:left;
	clear:left;
}
div.dFriend {
	margin: 15px auto 8px 25px;
	border:1px solid #020167;
	max-width:170px;
	text-align:center;
	background-color:#E8E8E8;
	background-image:url(/images/box_top.gif);
	background-position:top left;
	background-repeat:no-repeat;

}
/* responsive youtube */
/* responsive youtube */
div.dVideo-wrapper{
    float:right;
    margin:10px 3% 0 0;
    width:355px;
    max-width:100%;
}
div.dVideo-wrapper1{
    float:right;
    margin:10px auto;
    width:550px;
    max-width:100%;
}
div.dVid {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
div.dVid iframe,
div.dVid object,
div.dVid embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} 
div.dGuide {
	padding:5px 0;
	margin: 15px auto 8px 25px;
	border:1px solid #020167;
	max-width:170px;
	text-align:center;
	background-color:#E8E8E8;
	background-image:url(/images/box_top.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
div.dSpecial {
	padding:5px 0;
	margin: 15px auto 8px 25px;
	border:1px solid #020167;
	max-width:170px;
	text-align:center;
	background-color:#E8E8E8;
	background-image:url(/graphics/box_top_specials.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
div.dQuote {
	width:97%;
	text-align:center;
	padding:10px 18px 10px 18px;
	line-height:1.8em;
	clear:both;
}
p.pQuote{
	font-weight:bold;
	font-style:italic;
	font-size:1.2em;
	}
table.tabGuide {
	width:99%;
}
h3.h3Gu {
	color:#fff;
	font-size:1.1em;
	margin:2px 0 5px 0;
}
h3.h3Special {
	color:#828481;
	font-size:1.1em;
	margin:2px 4px 5px 0;
	text-align:center;
}
p.pSpecial {
	color:#CC0000;
	text-align:justify;
	margin:2px 5px 0 5px;
}
img.imgDL {
	padding:10px 0 10px 40px;
}
img.imgHost {
	text-align:left;
	margin:15px 10px 180px 0;
}
/*div.dVid{
	margin:20px auto;
	border:1px solid #eee;
	max-width:480px;
	min-height:270px;
}*/
div.divTrip {
	margin:15px 0 0 10px;
	padding:0;
 	font-weight:bold;
	color:#2c2c2c; 
	text-align:left; 
	clear:both;
}
div.dTrip {
	margin: 15px 0 8px 23px;
	padding:0;
 	font-weight:bold;
	color:#2c2c2c; 
	text-align:center; 
	clear:both;
	max-width:150px;
}
div.dTrip2 {
	margin: 15px 0 8px 25px;
	padding:0;
 	font-weight:bold;
	color:#2c2c2c; 
	text-align:center; 
	clear:both;
}
.button {
	color:#828481;
	background-color:#00005A;
	padding:2px;
	font-weight:bold;
}
td.tdSpecial {
	color:#CC0000;
}
table.tabR {
	float:right;
	margin:1px 25px 5px 0;
}
@media only screen and (max-width: 20.1em)
{/*px*/
	table.tabR  {
	float:left;
	margin:1px 5px 5px 10%;
	clear:both;
	width:100%;
	}
}
img.imgSpecial {
	float:left;
	margin:-40px 0 0 -35px;
}
div.dLinks {
	margin:5px 5px 5px 30px;
}
table.tabPrices {
	text-align:left;
	margin:5px 5px 5px 25px;
	font-size:1.2em;
}
td.tdPrices {
	height:1.5em;
}
td.tdPricesB {
	height:1.5em;
	font-weight:bold;
}
img.imgLogos {
	margin:15px auto 8px 0;
}
div.divTravelBug {
	margin:-100px auto 8px 0;
}
img.imgDiv {
	margin:2px 0 2px 45px;
	max-width:650px;
}
@media only screen and (max-width: 48.5em)
{/*px*/
	img.imgDiv  {
	width:75%;
	}
}
/*div.dHomeVid {
	float:right;
	margin:14px 25px 5px 10px;
	clear:right;
	max-width:350px;
}
div.dVidL {
	float:left;
	margin:10px 0;
}
div.dVidR {
	float:right;
	margin:10px 0;
}
div.dVidC {
	text-align:center;
	margin:15px auto;
	width:99%;
}
.obR {
	float:right;
	margin:14px 25px 5px 10px;
	max-width:350px;
	clear:right;
}
*/
/*STAAH*/ 
.booking_btn {
	background: none repeat scroll 0 0 #000000;
	border:none;border-radius: 6px;
	color: #fff;
	cursor: pointer;
	font-size: 12px;
	padding: 2px 4px;
}
#checkinDateText,#checkoutDateText,#Ccode{
	border:1px solid #ccc;
	max-width:90px;
	font-family:Arial,Helvetica,sans-serif
}
#staahbooking{
	background-color: #E8E8E8;
	border: 1px solid #00005A;
	color:#000;
	border-radius: 5px;
	float:left;
	margin:15px auto;
	padding:31px 5px 10px 5px;
	position:relative;
	max-width:150px;
	background-image:url(/images/box_top_book_online.gif);
	background-position:top left;
	background-repeat:no-repeat;
	}
.cal_widget label{
	color:#000;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	max-width:90px;
}
ul.cal_widget li{
	width:100%;
	list-style:none; 
	display: inline;
	float: left; 
	margin: 0; 
	padding: 0;
}
ul.cal_widget{
	margin: 0; 
	padding: 0;
}
#ui-datepicker-div{
	display:none; 
	z-index: 999999
}
.cal_widget #hotel{
	margin-bottom:2px;
}