@charset "utf-8";
/* CSS Document */
/* active colors
   green = #99CC00
   nav highlight green = #8DBC00
   nav on green = #789F00
*/
/* CSS reset - basic */
*	{ font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 100%; border: 0 none; outline: 0; padding: 0; margin: 0; text-align:left;  }

/* ------ MAIN LAYOUT ELEMENTS -------- */
html body	{ width: 100%; height: 100%; margin: 0 0 0 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:18px; color: #222; background-color:#a6a6a6; }
html{ }
body{ background: #a6a6a6 url(../images/bkg_mood.jpg) no-repeat top center; }

div#content	{ position: relative; margin: auto; width: 960px; height: auto; background-color:#FFF; }
#header	{ z-index: 2; width:960px; height:171px; position: relative; background-color:#FFF; } /*height:164px;*/
#header .logo { position:absolute; top:6px; left:6px; width:238px; height:131px; }
#header .home { position:absolute; top:6px; right:6px; width:700px; height:131px; }

div#leftmenu	{ z-index:2; position: absolute; width:250px; background-color: #ffffff; padding:0px; }
div#centerpanel	{ position: relative; left: 250px; top: 0px; width: 690px;  min-height: 1400px;  height: 1400px;  /* fix for ie 6  undone for non-IE */ padding: 10px 8px; background-color: #ffffff;  }
html > body div#centerpanel	{ height: auto; /* fix for ie 6  undone for non-IE */ }

div#footer	{ z-index: 3; position:relative; background-color: #DDD; width: 960px; margin: auto; padding-top: 10px; padding-bottom: 10px; border-top: solid 6px #666; text-align: center; }

/* ------ TEXT STYLES -------- */
h1	{ font-size:33px; line-height:33px; font-weight:normal; margin-top: 0px; margin-bottom: 10px; }
h1 span	{ font-size:26px; font-weight:normal; margin-top: 0px;  }
h2	{ font-size: 16px; font-weight:bold; margin: 0px; line-height: 1.5em; text-align:center; }
h2 span	{ font-weight:normal;}
h3	{ font-size: 14px; font-weight: bold; margin: 0px; font-style: normal; }
h4	{ font-size: 18px; font-weight: normal; margin: 0px; padding: 4px 4px 4px 0px; text-align:center; }
h5	{ font-size: 14px; font-weight: bold; margin: 0px; font-style: normal; line-height: 2em; }
h6	{ font-size: 19px; font-weight:bold; margin: 0px; line-height: 1.5em; text-align: center; }
a	{ text-decoration: underline; font-weight: bold; }
b, strong	{ font-weight: bold; }
em	{ font-style:italic; }
p	{ padding:0 10px 5px 0;  }
.XXred	{ color:#FF0000; }
.green	{ color:#669900; }
li	{ margin-left: 15px; }
input, textarea, select	{ background-color: #ffffa0; border: solid 1px #333333; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.outsidepress	{ /*font-family: Helvetica, arial, sans-serif;*/ font-family:Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color:#FFFFFF; margin: 0; font-style: normal; text-align:right; } 
.float-left { float:left; }
.align-right { text-align:right; }
table.center { margin-left:auto; margin-right:auto; }
.center {text-align: center; }
.nobr { white-space: nowrap; }
.image	{ border: 1px solid #333; }
.hvspace5 { margin: 5px; }
.hspace1 { margin-left: 1px; margin-right: 1px; }
.hspace5 { margin-left: 5px; margin-right: 5px; }
.hspace10 { margin-left: 10px; margin-right: 10px; }
.button	{ border: solid 1px #333; }
.formheading	{ text-align:right; color:#FFFFFF; }
.formrow	{ margin: 2px; height: 20px; text-align:center; }
.formtitle	{ font-size: 11px; text-align: right; color:#FFFFFF; vertical-align: top; }

.formtitlecentered	{ margin: 2px; font-size: 13px; font-weight: bold; text-align: center; line-height: 1.5em; }
.formtitlecentered a.tooltip:link	{font-size: 14px; text-weight: bold; text-decoration: none; color: #000099;}
.formtitlecentered a.tooltip:visited	{font-size: 14px; text-weight: bold; text-decoration: none; color: #000099;}
.formtitlecentered a.tooltip:active	{font-size: 14px; text-weight: bold; text-decoration: none; color: #000099;}
.formtitlecentered a.tooltip:hover	{font-size: 14px; text-weight: bold; text-decoration: none; color: #000099;}
.formsubmit	{ text-align: center; height: 60px; }
.spacerdiv	{ height: 6px; }
.inlinestyle	{ display: inline; }
div#biline	{ margin-top: -26px; }

.heading	{ text-align: center; }
.biline	{ font-size: 15px; font-weight: bold; text-align: center; }
.biline a	{ text-decoration: none; }

.bold	{ font-weight: bold; }
.emphasised	{ font-style: italic; }
.bolditals	{ font-weight: bold; font-style: italic; }

div#itinerary-clear	{ clear: right; }


/* ------ HEADER ELEMENTS -------- */

/* ------ HEADER FLOATING NAVIGATION -------- */
div#floatingnav	{ background: url(../images/floatingnavbg1.png) no-repeat; margin-top: -154px; float: right; width: 344px; height: 50px; padding: 6px 0px 6px 22px; font-size: 13px; text-align: left; line-height: 1.5em; border: solid 0px red;
 }
div#floatingnav a	{ font-weight: normal; text-decoration: underline; }

/* ------ HEADER BROCHURE IMAGE -------- */
div#brochureimage	{ display:none; position: absolute; right: 0px; bottom: 50px; width: 150px; height: 121px; border:none; }

/* ------ HEADER QUOTE -------- */
div#headerquote	{ position: absolute; right: 280px; bottom: 35px; width: 370px; border: solid 0px yellow; font-size:18px; color: #023063; font-weight: bold; line-height: 21px; }
div#headerquotequote	{ font-style:italic; }
div#headerquotewriter	{ font-size:16px; text-align:center; }
div#headerquotelink	{ font-size:12px; text-align:center; }

/* ------ TOP NAVIGATION MENU -------- */
#header #topmenu	{ position:absolute; bottom:0px; left:0px; width:960px; height:28px; font-size: 14px; background:url(../images/navbg_drk.gif) repeat-x; }

#topmenu .menu_indent { width:60px; height:auto; background-color:#F00; }

.topmenu-item a:link, .topmenu-item a:visited	{ color: #222; font-weight: normal; text-decoration: none; }
.topmenu-item a:active, .topmenu-item a:hover	{ color: #ffffff; font-weight: normal; background-color:#8DBC00; text-decoration: none; }
.topmenu-item-current a:link, .topmenu-item-current a:visited, .topmenu-item-current a:active  	{ text-decoration: none; color: #ffffff; font-weight: normal;  background-color:#222; }
.topmenu-item-current a:hover	{ text-decoration: none; color: #ffffff; font-weight: normal; }

.topmenu-item a:link, .topmenu-item a:visited, .topmenu-item a:active, .topmenu-item a:hover, .topmenu-item-current a:link, 
.topmenu-item-current a:visited, .topmenu-item-current a:active, .topmenu-item-current a:hover { display:inline-block; height:24px; padding:4px 7px 0px 7px; }

/*
span#topmenu-home { width:40px; }
span#topmenu-whyactive { width:94px; }
span#topmenu-schedule { width:94px; }
span#topmenu-itineraries { width:116px; }
span#topmenu-bookatrip { width:90px; }
span#topmenu-photogallery { width:78px; }
span#topmenu-contactus { width:50px; }
span#topmenu-booked { width:40px; }
*/

/* ------ LEFT MENU ELEMENTS -------- */



/* ------ WRAPPED TEXT ON BUTTONS INDENTATION -------- */
.buttoncrlf	{ padding-left: 18px; }

.btnaction a:hover	{ cursor: pointer; }

/* ------- Home animation panels --------- */
.layer1 { background repeat:no-repeat; width:700px; height:131px; cursor:pointer; cursor:hand; }
.layer1.frame1 { background-image:url(/images/home/anim_be-a-kid.png); }
.layer1.frame2 { background-image:url(/images/home/anim_challenge.png); }
.layer1.frame3 { background-image:url(/images/home/anim_discover.png); }
.layer1.frame4 { background-image:url(/images/home/anim_dolphins.png); }
.layer1.frame5 { background-image:url(/images/home/anim_fresh-air.png); }
.layer1.frame6 { background-image:url(/images/home/anim_roadbike.png); }
.layer1.frame7 { background-image:url(/images/home/anim_trail_climb.png); }


/* ------ CUSTOM TOURS -------- */
div#custom	{ z-index:2; background:url(../images/button-custom-trips.png) no-repeat; height: 120px; width: 238px; margin-top:5px; }
div#custom:hover, div#customcurrent:hover	{ cursor:pointer; }
div#customcurrent	{ z-index:2; background:url(../images/button-custom-trips-current.png) no-repeat; height: 120px; width: 238px; margin-top:5px; }
div#customheading	{ padding: 8px 10px 0px 0px; text-align: right; font-weight: bold; font-size: 20px; line-height: 21px; }
#customheading a:link, #customheading a:active, #customheading a:visited	{ text-decoration: none; color: #000000; }
#customheading a:hover	{ text-decoration: none; color: rgb(190,85,60); }
div#customtext	{ padding: 2px 10px 0px 0px; float: right; text-align: right; font-size: 15px; line-height: 16px; }
.customtext a:link, .customtext a:active, .customtext a:visited	{ color: #000000; text-decoration: none; font-weight: normal; }
.customtext a:hover	{ text-decoration: none; color: rgb(190,85,60); }

/* ------  / QUOTE / GUIDE / PHOTO / -------- */
div.whitepanel-titletop { background:url(../images/whitepanel-titletop.gif) no-repeat; width:238px; height: 20px; }
div.whitepanel-top { background:url(../images/whitepanel-top.gif) no-repeat; width:238px; height: 15px; }
div.whitepanel-body { background-color:#fff; margin: 5px; padding-left: 2px; padding-right: 2px; }
div.whitepanel-bottom { background:url(../images/whitepanel-bottom.gif) no-repeat; width:238px; height: 15px; }

div.whitepanel-body h3, div.whitepanel-body div.guidename, .guidephoto, .featuredphoto, .featuredphoto-trip { text-align:center; } 

div#guide, div.surveys, div#quote, div#photogallery, div#video{ width:238px; height:auto; border:#999 solid 1px; background-color:#EFEFEF; margin:10px 0 10px 6px; overflow:auto; } 
.featuredphoto-caption { font-weight: bold; font-style:italic; }
.guidename	{ font-size: 13px; color: #333; font-weight: bold;  }
.featuredguide-quote { margin-top: 3px; font-size:12px; font-style:italic; }
.quotename	{ color:#666; }

.bigpercent { font-size:32px;  height: 32px; margin-top:5px;}
.smallpercent { font-size:16px;  height: 16px; margin-top:5px;}
.reviewfeature { font-weight: bold; font-size:14px;}
div.percentage {background: url('../images/navbg_drk.gif') repeat-x scroll 0 0 transparent; height:18px; }

.reviews_highlight { width: 190px; float: right; border: 3px outset #ffcc00; background-color: #eeeecc; padding: 2px; cursor: pointer;}

div#airNZ	{ width: 238px; margin-top:5px; }

div#twitter_ontheroad	{ width: 238px; margin-top:5px; }

/* ------ CENTRE PANEL ELEMENTS -------- */

/* brochure form */
div#brochureformpanel	{ margin-left:10px; }
div#brochureform	{ background: url(../images/brochure-background-test.gif) no-repeat; width: 292px; height: 250px; padding:6px 0px 0px 8px; border: solid 0px yellow; line-height: 16px; }
div#brochureform input, textarea	{ font-size:12px; }
div#frontbreq-header { margin: 8px 7px 12px 0px; text-align: right; font-size: 14px; color:#FFFFFF; }
.frontbreq-headline { font-size: 25px; font-weight: bold; line-height: 25px; }
div.frontbreq-field	{ margin-top: 3px; font-size: 12px; text-align: center; color:#FFFFFF; }
.frontbreq-textarea { width: 280px; height: 60px; }

/* ------ INTRODUCTION PANEL -------- */
div#introduction	{ position: relative; padding: 0px 2px 4px 0px; margin: 0; }
div#introduction #introtext	{ border: solid green 0px; text-align: left; line-height: 20px; margin-bottom: 20px; }
.introtext	{ vertical-align:top; line-height: 1.7em; }
.introimages	{ vertical-align:top; /*padding-top: 8px;*/ padding-left: 10px; }
.guidepanel{ text-align:center; }

/* ------ AUC home page -------- */
.adventure { position:relative; width:auto; height:140px; border:#999 solid 1px; margin-top:6px; margin-bottom:12px; overflow:hidden; cursor:pointer; cursor:hand; background:-moz-linear-gradient(top,  #FFFFFF,  #EEEEEE);background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE'); }
.adventure.hover { background:-moz-linear-gradient(top,  #EEEEEE,  #DDDDDD);background:-webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#DDDDDD));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DDDDDD'); }

/* .adventure .title { position:absolute; top:5px; left:5px; width:auto; height:auto;  font-size:15px; line-height:16px; text-transform:uppercase;  letter-spacing:1px; font-weight:bold; } */
.adventure .title { position:absolute; top:0px; left:0px;  padding:5px; width:100%; height:auto;  font-size:15px; line-height:16px; text-transform:uppercase;  letter-spacing:1px; font-weight:bold; }
.adventure .title span { font-size:10px; text-transform:uppercase; letter-spacing:1px; }
.adventure .desc { position:absolute; top:33px; left:5px; width:480px; height:auto; font-size:12px; line-height:18px; color:#555; }
.adventure .desc span { font-size:20px; }
.adventure .info { position:absolute; bottom:5px; left:5px; width:auto; height:auto; }
.adventure .info a	{ color:#333; text-decoration:none; }
.adventure .info a:hover	{ color:#99CC00; text-decoration:underline; }
.adventure .teaser { position:absolute; top:0px; right:0px; width:192px; height:140px; }
.adventure .price { display:none; position:absolute; bottom:5px; left:5px; width:auto; height:auto;  font-size:11px; line-height:11px; color:#666; }

.others { height: 160px; }
.rimu .title { background-color: #c1ea5f; }
.tui .title { background-color: #d7b45f }
.kauri .title { background-color: #71e057; }
.manuka .title { background-color: #f76252; }
.others .title { background-color: #dddddd; }

.rimu_ft { color: #a7c955; }
.tui_ft { color: #c1a256 }
.kauri_ft { color: #66c74f; }
.manuka_ft { color: #ef5f50; }

/* ------ AUC gallery page -------- */
.gallery_wrapper { width:auto; height:auto; border:#999 solid 1px; margin-bottom:12px; overflow:hidden; cursor:pointer; cursor:mouse; }
.gallery_wrapper .photo { float:left; margin:5px 0px 5px 5px; width:195px; height:110px; background-color:#6C6; }
.gallery_wrapper .arrow { float:left; margin:5px 0px 5px 5px; width:77px; height:110px; background-color:#CCC; }
.gallery_wrapper .arrow .more { width:auto; height:auto; margin:45px 5px 0 5px; font-size:14px; color:#666; }
.gallery_wrapper .more_photos { float:left; margin:5px 0px 5px 5px; width:77px; height:110px; background-color:#CCC; background-image:url('/images/more_photos_up.png'); }
.gallery_wrapper .more_photos.hover { background-image:url('/images/more_photos_active.png'); }


/* ------ AUC Left Sidebar -------- */
.sb_outer { width:238px; height:auto; border:#999 solid 1px; background-color:#EFEFEF; margin:15px 0 12px 6px; overflow:auto; } 
.sb_tile  { float:left; width:228px; height:auto; background-color:#DDD; margin:5px; overflow:auto; cursor:pointer; cursor:mouse; }
.sb_tile .sb_head { width:auto; height:80px; padding:0px 5px 5px 5px; background-repeat:no-repeat; background-position:0px 0px; }
.sb_tile .sb_head h3 { padding-top:35px; font-size:16px; line-height:17px; color:#FFF; text-shadow: #000000 3px 3px 3px; /* X Y Blur */ }



.sb_tile .sb_head.advtour { background-image:url('../images/sidebar/adventure.png'); } 
.sb_tile .sb_head.biking { background-image:url('../images/sidebar/cycle.png'); } 
.sb_tile .sb_head.book { background-image:url('../images/sidebar/book.png'); } 
.sb_tile .sb_head.catalog { background-image:url('../images/sidebar/guide.png'); } 
.sb_tile .sb_head.family { background-image:url('../images/sidebar/family.png'); } 
.sb_tile .sb_head.hiking { background-image:url('../images/sidebar/hiking.png'); } 

.sb_tile .bullets { font-size:11px; line-height:14px; padding:0px 5px 5px 5px;  }
.sb_tile .bullets h4 span, .sb_tile .bullets h5 span { font-size:11px; color:#666;  text-align:left; }
.sb_tile .bullets a, .sb_tile .bullets h5 span a { color:#666; text-decoration:none; }
.sb_tile .bullets a:hover, .sb_tile .bullets h5 span a:hover { color:#99CC00; text-decoration:none; }
.sb_tile .bullets h4 { font-size:20px; line-height:15px; font-weight:normal; margin-bottom:4px; text-align:left;  }
.sb_tile .bullets h5 { font-size:14px; line-height:15px; font-weight:normal; text-align:left; }
.sb_tile p.button { -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; padding:5px 5px; background:url(../images/navbg_drk.gif) repeat-x; color:#000; border:#333 solid 1px; text-align:center; }
.sb_tile p.button.hover { color:#FFF; }
.sb_tile p.button a { color:#222; }
.sb_tile p.button a:hover { color:#FFF; }

.sb_reviews{ float:left; width:228px; height:auto; background-color:#EFEFEF; margin:5px; overflow:auto; } 
.sb_reviews_body { border: 1px solid #DDD; background-color:#fff; padding-left: 2px; padding-right: 2px; }
.sb_reviews_body h2 {  font-size: 16px; }


/* -------- AUC testimonials pages ----------- */
.quote { border: 1px solid green; background-color:#FFFFff; margin-top:10px; padding: 5px; font-style:italic; font-size:12px; font-weight:bold; line-height: 1.25em; text-align: center; }


/* -------- video teaser ----------- */
.boring_teaser { float: right; width: 310px; padding-left:15px;  }

/* ------  TRIPS - BROCHURE -------- */
div#brochure	{ margin-top:10px; text-align:center; }

/* ------ FOOTER PANEL ELEMENTS -------- */
.address	{ color: #000; text-align: center; font-weight: bold; }
.address a	{ color:#333; text-decoration:none; }
.address a:hover	{ color:#99CC00; text-decoration:underline; }
.activelogos	{ margin: auto; width: 960px; border: solid 0px red; }

/* ------ SITEMAP STYLES -------- */
.sitemap-subhead	{ font-size: 16px; font-weight: bold; color: #669900; text-decoration: none; margin-top: 10px; }
.sitemap-subhead a:link	{text-decoration: none; color: #669900;}
.sitemap-subhead a:visited	{text-decoration: none; color: #669900;}
.sitemap-subhead a:active	{text-decoration: underline; color: #669900;}
.sitemap-subhead a:hover	{text-decoration: underline; color: #669900;}
.sitemap-item	{ font-size: 14px; font-weight: bold; color: #666666; text-decoration: none; padding-left: 10px; }
.sitemap-item a:link	{text-decoration: none; color: #666666;}
.sitemap-item a:visited	{text-decoration: none; color: #666666;}
.sitemap-item a:active	{text-decoration: underline; color: #666666;}
.sitemap-item a:hover	{text-decoration: underline; color: #666666;}
.sitemap-item-sub	{ font-size: 14px; font-weight: bold; color: #CCCCCC; text-decoration: none; padding-left: 20px; }
.sitemap-item-sub a:link	{text-decoration: none; color: #999999;}
.sitemap-item-sub a:visited	{text-decoration: none; color: #999999;}
.sitemap-item-sub a:active	{text-decoration: underline; color: #999999;}
.sitemap-item-sub a:hover	{text-decoration: underline; color: #999999;}



/* ------ Override Colors -------- */
.green, h1, .desc span.green 	{ color:#99CC00; !important; }
.blue, .desc span.blue 	{ color:#3366CC; }
.orange, .desc span.orange { color:#FA5F01; }
.purple, .desc span.purple	{ color:#932FBA; }
.black, a, .adventure .desc, .desc span.black { color:#000; }
.dkgray, .desc span.dkgray, .adventure .title { color:#404040; }
.ltgray, h1 span, .desc span.ltgray, .adventure .title span { color:#6C6C6C; }