/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */
.animated {
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: none;
	   -moz-animation-fill-mode: none;
	     -o-animation-fill-mode: none;
	        animation-fill-mode: none;
}

.animated2 {
	-webkit-animation-duration: 2s;
	   -moz-animation-duration: 2s;
	     -o-animation-duration: 2s;
	        animation-duration: 2s;
	-webkit-animation-fill-mode: none;
	   -moz-animation-fill-mode: none;
	     -o-animation-fill-mode: none;
	        animation-fill-mode: none;
}


@-webkit-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-o-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}


@-webkit-keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
	}
	
	80% {
		-webkit-transform: translateY(-10px);
	}
	
	100% {
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes bounceInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateY(30px);
	}
	
	80% {
		-moz-transform: translateY(-10px);
	}
	
	100% {
		-moz-transform: translateY(0);
	}
}

@-o-keyframes bounceInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateY(30px);
	}
	
	80% {
		-o-transform: translateY(-10px);
	}
	
	100% {
		-o-transform: translateY(0);
	}
}

@keyframes bounceInDown {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateY(30px);
	}
	
	80% {
		transform: translateY(-10px);
	}
	
	100% {
		transform: translateY(0);
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	-moz-animation-name: bounceInDown;
	-o-animation-name: bounceInDown;
	animation-name: bounceInDown;
}


@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

	
	* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }
	a, .featuredImg .imgOverlay, #homeEvents ul li, .stick, #searchBox, .mapPins, .featuredImg, #mapContainer,  .naviCircles li, #slider, #slider .caption h1, .tp_container_home  { -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
	html, body {
		font-family: 'Droid Sans', Arial, sans-serif;
		font-size: 14px;
		line-height: 24px;
		color: #23303c;
		width: 100% !important;
		
	}
	.featuredImg { position: relative; overflow: hidden; width: auto; }
	.featuredImg img {  margin: 6px auto; }
	a .featuredImg:hover { -webkit-filter: saturate(0); -moz-filter: saturate(0); filter: saturate(0); }
	.featuredImg .imgOverlay { background: url(../images/imgOverlay.png) no-repeat; height: 48px; width: 350px; position: absolute; bottom: 5px; left: -1px;}
	a .featuredImg:hover .imgOverlay, .featuredImg:hover .imgOverlay  { left: -250px; }
	a.btnArrow { background: url(../images/arrowRight.png) no-repeat 97% 50%;  font-weight: 700; padding: 4px 25px 4px 4px; }
	a.btnArrow:hover { background: #0083a8 url(../images/arrowRightHover.png) no-repeat 97% 50%; color: #fff; }
	p { font-family: droid sans !important; }
    
	
/***HEADER***/
#logo { background: url(../images/logo.png) no-repeat; width:115px; height: 92px; margin-top: 10px; float: left; }
#logo a { float: left; width:115px; height: 92px; text-indent: -999px; }
#search { background: url(../images/search.png) no-repeat; width:44px; height: 44px; float: right; margin-right: -45px; margin-top: 20px; position: relative; }
#search a { float: right; width:44px; height: 44px; cursor: pointer; }
#search.close {  background: url(../images/close.png) no-repeat; }
.searchBox { position: absolute; right: 0px; width: 250px; top:65px; background: url(../images/searchBG.png); padding-top: 10px; display: none; }
.searchBox h4 { color: #fff; }
.searchBox .aSearch { font-size: 13px; text-transform: uppercase; color: #fff; font-weight: bold; width: auto !important; line-height: 34px;  }
.searchBox input[type=submit] { color: #fff; border: 1px solid #fff; }
.searchBox input[type=submit]:hover { background: #f5b82f; color: #fff; border-color: #fff; }
.searchBox .aSearch:hover { color: #002d55; }
.searchBox select { -webkit-appearance: none; }
.navigation { float: right; }
.tp_container_home { position: fixed; padding: 12px 24px; background: #0083A8 url(../../../operator/images/skins/mackenzie/heart2.png) no-repeat 10% 50%;  background: rgba(0,131,168,0.8) url(../../../operator/images/skins/mackenzie/heart2.png) no-repeat 10% 50%;  right: 0; top: 85px; padding-left: 40px; z-index: 9998; }
.tpyellow {background: #E6A514 url(../../../operator/images/skins/mackenzie/heart2.png) no-repeat 10% 50%;  }
.tp_container_home:hover { background: #002D55 url(../../../operator/images/skins/mackenzie/heart.png) no-repeat 10% 50%;}
.tp_container_home a { color: #fff !important; height: 100%; width: 100%; float: left;    }


/***NAVIGATION***/
#topNav { background: url(../images/topBG.png); height: 85px; position: absolute; width: 100%; top: 0; z-index: 9999 !important;  min-width: 1240px; }
#topNav ul { margin: 0; padding: 0; list-style: none; }
#topNav ul > li { float: left; display: block; position: relative; padding: 0 15px; margin: 0; height: 85px; line-height: 85px;  }
#topNav ul li a {  text-decoration: none;  color: #fff; white-space: nowrap; font-weight: 700;font-weight: 400; }
#topNav ul li a:hover,
#topNav ul li.current > a { color: #f5b82f !important;  }
#topNav ul li.home  { background: url(../images/home.png) no-repeat center; padding: 0 30px  }
#topNav ul li.home a { float: left; width: 10px; height: 50px; display: block; }
#topNav ul li  li { background: none;  }

/*SUB NAVIGATION*/
#topNav ul ul { position: absolute; visibility:hidden; opacity:0; transition: visibility 0s ease-out 0.2s, opacity 0.2s ease-in; -webkit-transition:visibility 0s ease-out 0.2s, opacity 0.2s ease-in; -moz-transition:visibility 0s ease-out 0.2s, opacity 0.2s ease-in; -ms-transition:visibility 0s ease-out 0.2s, opacity 0.2s ease-in; -o-transition:visibility 0s ease-out 0.2s, opacity 0.2s ease-in; float:none; clear:both; list-style:none; top: 85px; left: 0px; z-index:99999 !important; background: url(../images/topBG.png); padding: 12px; margin: 0; border-top: 3px solid #f5b82f; min-width: 230px;  }
#topNav ul li:last-child ul { left: -120px; }
#topNav ul li:last-child ul:after { left: 150px; }



#topNav ul li:hover > ul { visibility: visible; opacity:1; transition-delay:0s; -webkit-transition-delay:0s; -moz-transition-delay:0s; -o-transition-delay:0s; z-index:99999 !important; }
#topNav ul li:active ul { display:block; }
#topNav ul li ul li { z-index:99999 !important; display: list-item; line-height: 24px; text-align: left; padding: 5px 8px; background: none; width: 100%; height: auto; position: relative; }
#topNav ul ul:after {  position: absolute; display: block; content: ""; border-color:  transparent  transparent #f5b82f transparent; border-style: solid; border-width: 12px; height:0; width:0; position:absolute; top: -25px; left: 30px; }
#topNav ul li ul li a,
#topNav ul li.current ul li a {  padding: 0; margin: 0; line-height: 18px; display: inline-block; height: 100%; width: 100%; }
.stick { position: fixed !important; z-index: 5000; background: #002d56 !important; }
#topNav.stick ul ul {  background: url(../images/topBG2.png) !important; }

/**THIRD **/
#topNav ul ul ul { top: -8px; left: 220px !important; z-index:99999 !important; border: 0; border-left: 3px solid #f5b82f; padding: 10px;   }
#topNav ul ul ul li { font-size: 13px !important;  }
#topNav ul ul ul:after { border: none; }  


/***SLIDER***/
#slider {  height: 633px; /*-webkit-background-size: cover; -moz-background-size: cover; background-size: cover; margin: 0 auto;*/  min-width: 1240px; overflow: hidden; } 
a.hideGal { position: absolute; left: 20px; top: -40px; z-index: 9999; background: url(../images/toggle.png) no-repeat center left; color: #fff !important; padding: 2px 12px 2px 25px; font-size: 12px; }
a.hideGal:hover { color: #fff; text-decoration: underline; }
#slider.shrink { height: 350px; -webkit-filter: brightness(80%) grayscale(80%); -moz-filter: brightness(80%) grayscale(80%); filter: brightness(80%) grayscale(80%); }
#banner { height: 494px; background: #394854 url(../images/load.gif) no-repeat center; min-width: 1240px; }
#banner .cover {  height: 494px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; margin: 0 auto;  }
#banner .noCover { background: url(../images/banner1.jpg) no-repeat center top;  height: 494px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; margin: 0 auto;  }
#banner img {  display: none; }
.bannerCaption { text-align: right; width: 1100px; margin: -180px auto 0px; color: #fff; z-index: 9999; text-shadow: 0 0 50px rgba(0,0,0,0.9); }
.bannerCaption h1, .bannerCaption em { z-index: 9997; position: relative; color: #fff; }
#slider { background: #394854 url(../images/load.gif) no-repeat center; }
#slider .caption { margin: 0 auto; width: 1140px; height: 100%; text-shadow: 0 0 50px rgba(0,0,0,0.8); position: relative; }
#slider .captionText { position: absolute; bottom: 20%; right: 20px; text-align: right;  }
#slider .caption h1, #slider .caption a { color: #fff; font-size: 40px; font-weight: 200; padding-bottom: 5px; border-bottom: 1px solid transparent; }
#slider .caption h1 { padding-left: 35px;   background: no-repeat 0% 5px;   }
#slider .caption h1:hover {  background: url(../images/link.png) no-repeat 0% 5px;   }
#slider .caption h1:hover, #slider .caption a:hover { border-bottom: 1px solid #fff;  }
#slider .caption em { color: #fff; }
/***MAIN***/
#main { background: url(../images/mainBG.png) repeat-x; padding: 1px 0 0; min-width: 1240px; }
/***MAP***/
.mainContainer {  width: 1140px; margin: 0 auto; background: #fff; margin-top: -50px; z-index: 1000; position: relative; min-height: 300px;  }
/*#main .mainContainer { box-shadow: 0 -10px 10px rgba(0,0,0,0.2); }*/
.mapdesc { background: #fff; width: 420px; float: left; min-height: 460px; display: none; }
.mapdesc .container { padding: 10px 25px; }
.mapdesc .container p { height: 150px; overflow-y: auto; margin-bottom: 15px; }
.mapdesc img { padding: 10px; width: 420px; }
.mapdesc h1 { font-size: 34px; line-height: 30px; }
.mapi { background: url(../images/mapBG.png) top left; margin-left: 420px; height: 464px;  }
.mapData { background: url(../images/mapData.png) no-repeat left center; width: 100%; height: 100%; position: relative; }
.mapData:after {  position: absolute; display: block; content: ""; border-color:  transparent #002D56  transparent  transparent ; border-style: solid; border-width: 28px;height:0; width:0; position:absolute; bottom: 40px; left: -50px; }
.mapPins { background: url(../images/pins.png) no-repeat; width: 28px; height: 27px; position: absolute; cursor: pointer; }
.mapPins:hover { margin-top: 2px; }
.shadow { background: url(../images/shadow.png) no-repeat; height: 120px; width: 1140px; margin: 0 auto 0px; -webkit-background-size: 100%; -moz-background-size: 100%; background-size: 100%; }
.AorakiMountCookMackenzieRegion h1 { font-size: 26px; }

#mapContainer .mapdesc h2 { font-size: 22px; line-height: 24px; }
#mapContainer .mapdesc {  background: transparent url(../images/arrowMapUp.png) bottom no-repeat; width: 350px; margin-bottom: 0px;   height: 430px !important; min-height: 430px !important;  }
#mapContainer .mapData:after { border: none; }
#mapContainer .mapdesc img { padding: 10px; width: 350px; }
#mapContainer  .mapData { background: url(../images/mapData.png) no-repeat -40px -100px; width: 100%; height: 100%; position: relative; }
#mapContainer .mapi { background: url(../images/mapBG.png) top left; height: 280px;  width: 350px; margin-left: 0; }
#mapContainer .mapdesc .container p {  white-space: wrap; display: inline; } 
#mapContainer .mapdesc, #mapContainer .mapi {  display: block;  float: none; }
#mapPin-AorakiMountCookMackenzieRegion span { left: -420%; }
/***FEATURED***/
#featuredContainer { width: 1140px; margin: 0 auto; margin-bottom: 60px; margin-top: -40px;   }
.featuredItem .featuredImg img {  margin: 0px auto; }
.featuredItem p:first-child, .featuredItem p:nth-child(4)  { display: none; }
#featuredContainer table td { padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 0px !important; }
.featuredItem { width: 351px; margin-right: 43px; float: left; display: block; }
#featuredContainer .line { background: url(../images/line.png) repeat-x center; line-height: 30px;  }
#featuredContainer h3 { background-color: #fff; display: inline; font-size: 24px; line-height: 30px; padding: 0 10px 0 0; }
#featuredContainer h2 { padding-left: 100px; line-height: 85px; }

#activitiesSkiing h2 {  background: url(../images/skiingIcon.png) no-repeat; }
#activitiesFishing h2 {  background: url(../images/fishingIcon.png) no-repeat; }
#activitiesMountainBiking h2 {  background: url(../images/bikingIcon.png) no-repeat; }
#activitiesStargazing h2 {  background: url(../images/stargazingIcon.png) no-repeat; }
#activitiesHiking h2 {  background: url(../images/hikingIcon.png) no-repeat; }
#activitiesScenic h2 {  background: url(../images/scenicIcon.png) no-repeat; }
#activitiesCycling h2 {  background: url(../images/bikingIcon.png) no-repeat; }
/***BOTTOM***/
#bottom { margin-top: 50px; background: url(../images/bottomBG.jpg); padding: 60px 0;  min-width: 1240px;  }
#homeEvents { width: 480px; }
#homeEvents h3 { font-size: 24px; border-bottom: #a8b8c7 solid 1px; margin-bottom: 20px; }
#homeEvents ul li { float: left; display: block; font-size: 13px; padding: 10px 0; border-bottom: 1px solid transparent; width: 100%; }
#homeEvents ul li:hover { background: rgba(138,186,204,0.1); border-bottom: 1px solid #ccc; }
#homeEvents ul li strong { font-size: 14px; }
#homeEvents .feed-post {margin-bottom: 20px; }
#homeEvents ul li img { float: left; margin: 5px 10px 5px 0; width: 70px; }
#homeEvents .feed-postSummary { height: 40px;overflow: hidden; text-overflow: ellipsis; }
#homeEvents .feed-postDate { font-size: 100%; }
.specials, .taWidget { width: 300px !important;  }
.homeWidget { width: 300px; margin-right: 30px; float: left; display: block; }
	
/***FOOTER***/
#footer { height: 180px; background: #ECBC4F url(../images/footerBG.png) repeat-x; padding: 40px 0 0; font-size: 13px; min-width: 1240px;  } 
.footerLinks li { display: inline; padding: 0 12px 0 3px; background: url(../images/bullet.png) right center no-repeat;  }
.footerLinks li:first-child { padding-left: 0; }
.footerLinks li:last-child { padding-left: 0; background: none; }
.footerLinks li a { color: #553900; text-transform: uppercase; font-weight: 700; padding: 2px 4px;  }
.footerLinks li a:hover { background: #553900; color: #fff; }
#footer .credit { color: #553900; margin-bottom: 0; }
#footer .credit a { color: #553900; }
#footer .socials { margin: 0; padding: 0; }
#footer .socials li a {  width: 32px; height: 32px;  margin: 0px 4px 0 0px; float: left; display: inline; }
#twitter { background: url(../images/twitter.png) no-repeat; }
#flickr { background: url(../images/flickr.png) no-repeat; }
#facebook { background: url(../images/facebook.png) no-repeat; }
#footer .taContainer { margin-bottom: 20px; float: left;}

/***CONTENTS***/
.primary { float: left; width: 790px; }
#main div.fullwidth { min-height: 500px; }
.sidebar { margin-left: 790px; background: url(../images/bottomBG.jpg); min-height: 700px; margin-bottom: 100px; }
.sidebar .container { padding: 20px; }
.sidebar #mapContainer .container { padding: 0px 20px; }
.endSide { background: url(../images/sideBG.jpg); height: 50px; width: 100%; }
.pagetitle { margin-bottom: 30px; font-size: 38px; font-weight: 300; border-bottom: 1px solid #ddd; padding: 0px 20px 10px 0px; line-height: 42px; }
.post { padding: 45px 45px 60px; }
.entry h1, .entry h3, .entry h2, .entry h4, .entry h5, .entry h6 { font-family: "Droid Sans", Arial; letter-spacing: -1px; }
.entry h1.pagetitle { font-family: "Oswald", Arial; letter-spacing: -1px; }
.entry ul { margin-left: 30px; list-style-image:  url(../images/listimage.png);  } 
.entry img.blueBorder{ padding: 3px; background: #fff; border: 1px solid #002d56; }
.tooltip:hover {text-decoration:none;} 
.tooltip span { z-index:1000; display:none; padding: 5px; margin-top: -40px;  text-align: center; min-width: 100px; line-height:18px; font-size: 13px; }
.tooltip:hover span, .active.tooltip span{ display:inline; position:absolute; color:#fff; border:2px solid #fff; background: #002d56; background:rgba(0,45,86,0.8); left: -120%; white-space: nowrap; }
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
.tooltip span { border-radius:4px;-moz-border-radius: 4px; -webkit-border-radius: 4px;  }
DIV.galleryImageBrowse DIV.browseItem { float: left; width: 160px; padding: 0px !important; margin: 1px 2px !important; overflow: auto; width: 12% !important; }

/*HACKS*/
.sidebar #mapPin-AorakiMountCookMackenzieRegion { display: none; }
#galleryPopupEcard DIV LABEL { width: auto !important; }
.fc-header { clear: both !important; }
.mapDirections .mapsGetDirections { margin-top: 10px; }
.mapDirections { text-align: center; }
#terraForm_searchadvanced_sortColumn, #terraForm_searchadvanced_sortOrder { width: 140px; }

/***DEALSLIDER***/
.dealSlider { margin-bottom: 10px; }
.naviCircles { float: left; }
.naviCircles li { background: #999; width: 16px; height: 16px; margin: 2px; float: left; display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer; }
.naviCircles li.activeTab, .naviCircles li:hover { background: #002d56; }
.naviArrows { float: right; }
.naviArrows a {  width: 16px; height: 16px; float: left; margin-left: 3px;  }
.naviPrev { background: url(../images/arrowLeft.png) no-repeat; }
.naviNext { background: url(../images/arrowRight.png) no-repeat; }
div.dealSlide { position: relative; }
p.dealTitle { position: absolute; bottom: -10px; left: 15px; background: #0083A8; background: rgba(0,131,168,0.7); padding: 5px 12px; color: #fff; }
a.dealLink { height: 100%; width: 100%; float: left; }
a.dealLink:hover { background: rgba(0,131,168,0.5);  }
.container {
padding-left: 20px;
padding-right: 20px;
}
.wrap {
width: 1140px !important;
margin: 0 auto;
}

.last {
margin-right: 0px;
}

@media only screen and (max-width: 1023px) {
		.stick  { position: relative !important;  }
		 	
		}