/* Stylesheet 2010 Hamner Springs for all zones */

/* General Elements */
body {text-align:center; margin:0; }
body.landingpage {background:url(/custom/templates/page/landinghome2010/images/header_body.jpg) repeat-x top; }
body.pools {background:url(/custom/templates/page/hanmerhome2010/images/body.png) repeat-x top;}
body.village {background:url(/custom/templates/page/hanmerhome2010/images/villagebody.png) repeat-x top;}
body.hurunui {background:url(/custom/templates/page/hanmerhome2010/images/hurunuibody.png) repeat-x top;}
body.spa {background:url(/custom/templates/page/TheSpaHome/images/body.png) repeat-x top;}
body.aqua {background:url(/custom/templates/page/AlpineAquaMain/images/body.png) repeat-x top;}
body.hanmerstaff {background:url(/custom/templates/page/hanmerstaff/images/body.png) repeat-x top;}
body #logo {float: left; width: 149px; padding-left: 0; z-index: 2; position: relative;}

/* 2010 Landing Page Layout */
body.landingpage #logo {float: left; width: 921px; padding-left: 61px;}
body.landingpage p {font: 12px/16px Arial, Helvetica, sans-serif; color: #6c6c69;}
body.landingpage a img {border: none;}
body.landingpage #headerframe { margin:0 auto; padding:0; width:982px; text-align: left; position: relative; height: auto; }
#headerframe h1 {margin: 0;}
#content.landingshow {width:982px; height: auto; margin: 0; float: left; padding: 0 0 0 0; background: none;}
#slideshow.landingshow {width:982px; height:328px; overflow:hidden; margin:0; padding:0; float:left; background:none;}
#features {float: left; width: 981px; padding: 1px 0 0 0; margin-bottom: 38px;}
.feature1, .feature2, .feature3 {margin-right: 4px; float: left; width: 242px; height: 190px;}
.feature4 {width: 243px; height: 190px; float: left }
body.landingpage #contentleft {float: left; width: 351px; padding-right: 20px; border: none; }
body.landingpage #contentright {float: right; width: 611px; }

/* The Pools Layout */
#headercontentframe {width:744px; float:left;}
#headercontent {width:429px; height:317px; overflow:hidden; margin:0; padding:0; float:left; background:url(/custom/templates/page/PoolsHome/images/content-body.jpg) no-repeat;}
#headercontentnew {width:744px; height:234px; overflow:hidden; margin:0; padding:0; float:left;}
		
/* The Village Layout */
#villageheadercontent {width:429px; height:317px; overflow:hidden; margin:0; padding:0; float:left; background:url(/custom/templates/page/VillageHome/images/content-body.jpg) no-repeat;}
#villageslideshow {width:315px; height:317px; overflow:hidden; margin:0; padding:0; float:left; background:url(/custom/templates/page/VillageHome/images/slideshow-body.png) no-repeat;}
#villagecontentframe {width:910px; margin:0; margin-right:auto; margin-left:auto; padding:0; text-align:left; background:url(/custom/templates/page/PoolsHome/images/content-body.png) repeat-y;}

#villagefooterbody {background:#e4dece;}
#villagefooterframe {width:910px; margin:40px 0 0 0; margin-right:auto; margin-left:auto; padding:10px 0 40px 0;}

/* Hurunui Layout */
#hurunuiheadercontent {width:429px; height:252px; overflow:hidden; margin:0; padding:0; float:left; background:url(/custom/templates/page/HurunuiHome/images/content-body.jpg) no-repeat;}
#hurunuiheadercontentinner {width:744px; height:280px; overflow:hidden; margin:0; padding:0; float:left;}
body.hurunui2 #hurunuiheadercontentinner {height:120px;}

#hurunuislideshow {width:315px; height:317px; overflow:hidden; margin:0; padding:0; float:left; background:url(/custom/templates/page/HurunuiHome/images/slideshow-body.png) no-repeat;}
	
#hurunuicontentframe {width:910px; margin:0; margin-right:auto; margin-left:auto; padding:0; text-align:left; background:url(/custom/templates/page/PoolsHome/images/content-body.png) repeat-y;}

/* The Spa Layout */
#thespaheadercontent {width:429px; height:317px; overflow:hidden; margin:0; padding:0; float:left; background:url(/custom/templates/page/TheSpaHome/images/content-body.jpg) no-repeat;}
#thespaslideshow {width:315px; height:317px; overflow:hidden; margin:0; padding:0; float:left; background:url(/custom/templates/page/TheSpaHome/images/slideshow-body.png) no-repeat;}
	
#thespacontentframe {width:910px; margin:0; margin-right:auto; margin-left:auto; padding:0; text-align:left; background:url(/custom/templates/page/TheSpaHome/images/content-body.png) repeat-y;}
	
/* The Spa Headings */
h2#pdfdownloadsHeading {height:22px; text-indent:-999em;background: url(/custom/templates/page/TheSpaHome/images/pdfDownloads.png) no-repeat top left;}
	
/* Alpine Aqua Layout */
#alpineaquaheadercontent {width:429px; height:317px; overflow:hidden; margin:0; padding:0; float:left; background:url(/custom/templates/page/AlpineAquaMain/images/content-body.jpg) no-repeat;}
#alpineaquaslideshow {width:315px; height:317px; overflow:hidden; margin:0; padding:0; float:left; background:url(/custom/templates/page/AlpineAquaMain/images/slideshow-body.png) no-repeat;}	

#alpineaquacontentframe {width:910px; margin:0; margin-right:auto; margin-left:auto; padding:0; text-align:left; background:url(/custom/templates/page/AlpineAquaMain/images/content-body.png) repeat-y;}
#contentinnerframe.aquaHome {background:none;}
#contentinnerframe.aquaHome .contentPadding {padding: 20px 55px 0 55px;}

/* Staff Layout */
body.hanmerstaff #logosnew {height: auto;}
body.hanmerstaff #headercontentinner { float: left; height:150px;}
	
/* Shared */
#content {width:962px; height:auto; overflow:hidden; margin:0 auto 0 auto; padding:0 0 0 20px; text-align: left; background:
url(/custom/templates/page/shared/images/contentbg.png) top right repeat-y; }
#contentleft {float: left; width: 677px; }
.contentleftpadding {padding: 20px 30px 20px 0;} 
#contentright {float: right; width: 285px; }
.contentrightpadding {padding: 18px 0 18px 18px; }
#headerframe { margin:0 auto; padding:0; width:982px; text-align: left; position: relative; height: 382px;}
#slideshownew {width:962px; height: 259px; margin:0; padding:0 0 20px 0; float:left; background:none; position: absolute; left: 20px; top: 124px; z-index: 0; }

ul#tab-container-1-nav {width: 609px; height: 59px; padding: 0; margin: 0; border:1px solid #E5E5E5; border-width: 0 1px 0 1px; background: url(/custom/templates/page/landinghome2010/images/pack_nav.png) repeat-x; list-style: none;}
#tab-container-1-nav li { padding: 10px 4px 0 8px; float: left; height: 49px; background: url(/custom/templates/page/landinghome2010/images/pack_nav_sep.png) top left no-repeat;}
#tab-container-1-nav li a {color: #02435d; font: 12px/12px Lucida Sans Unicode, Arial, Helvetica, sans-serif; text-decoration: none;}
#tab-container-1-nav li a.active {color: #959292;}
#tab-container-1-nav li.activeli {background: #fff url(/custom/templates/page/landinghome2010/images/pack_nav_on.png) bottom center no-repeat; border-top:1px solid #E5E5E5;}
.tab {background: #eeeded; border-color: #e5e5e5; border-style: solid; border-width: 0 1px 1px 1px; padding: 13px 37px 15px 25px; margin-bottom: 15px; width: 547px;}

hr {border: 1px solid #e8e8e7; margin-bottom: 15px; clear: both;}
a.photobuttons img {margin: 10px 5px 10px 0;}

form#newsletter {background: #7bb13e; width: 258px; padding: 15px 0 15px 20px; color: #fff; font-size: 12px;}
form#newsletter input.newsletterField {width: 188px; height: 22px; padding: 5px 3px 0 3px; border: 0; background: url(/custom/templates/page/shared/images/fieldbg.png) no-repeat; color: #b6b6af;}
form#newsletter input {vertical-align: bottom;}

#contentinnerframe {width:910px; margin:0; margin-right:auto; margin-left:auto; padding:0; text-align:left; background:url(/custom/templates/page/PoolsInner/images/content-body.png) repeat-y;}
#contentinnercol1frame {width:910px; margin:0; margin-right:auto; margin-left:auto; padding:0; text-align:left;}
#interactiveinner {width:215px; height:auto; overflow:hidden; margin:0; padding:0; float:left; text-align:right;}
#contentinner {width:695px; height:auto; overflow:hidden; margin:0; padding:0; float:left;}
#contentinnerframe.fullwidthinner,
#contentinnerframe.fullwidthinner #contentinner{ width:910px;}
#contentinnercol1 {width:910px; height:auto; overflow:hidden; margin:0; padding:0; float:left;}

/* print */
.printFlash{ position:relative;}
		.printFlash a.rss-button,
		.printFlash a.rss-button:link,
		.printFlash a.rss-button:visited{ position:absolute; bottom:8px; right:0; text-decoration:none; width:41px; height:16px; display:block;}
			.printFlash a.rss-button img,
			.printFlash a.rss-button:link img,			
			.printFlash a.rss-button:visited img{ margin:0; float:left; width:16px; display:block;}
			.printFlash a.rss-button strong,
			.printFlash a.rss-button:link strong,
			.printFlash a.rss-button:visited strong{ margin:0; padding:4px 0 0 5px; float:left; width:20px; font-size:10px; line-height:10px; display:block;}
	
	
.interactiveinnerPadding form .newsletterField {width:120px;position:relative; top:-4px; left:-4px;}

#enquiry div#contact_form{}
	#enquiry div#contact_form label{ width:110px; display:block;}
	p.newsletter, p.Terms, .contactsubmitwrapper{ text-align:left; clear:both; padding:10px 0 0 0;}
		.contactsubmitwrapper input{ float:left;}
		.contactsubmitwrapper input.submitButton { width:103px; height: 35px; background: url(/custom/templates/page/shared/images/enternow.gif) no-repeat; border: 0;}
	#enquiry div#contact_form .age label, 
	#enquiry div#contact_form .newsletter label, 
	#enquiry div#contact_form .Terms label{ width:auto; float:left;}
	#enquiry div#contact_form .age span, 
	#enquiry div#contact_form .newsletter span, 
	#enquiry div#contact_form .Terms span{ float:left;}
	#enquiry div#contact_form .age, 
	#enquiry div#contact_form .newsletter, 
	#enquiry div#contact_form .Terms{ display:block; clear:both;}
	
.disclaimerOuter{ padding:0 0 10px 0;}

/* 2010 New footer Layout */
#sharedfooter{ background-image:url(/custom/templates/page/landinghome2010/images/footer_body.jpg); background-repeat:repeat-x; background-position:top; background-color:#ddd8d0; color: #534b3a;}
#footerframe {width:980px; margin:40px 0 0 0; margin-right:auto; margin-left:auto; padding:10px 0 40px 0; border-top:1px #cccccc solid;}
#search_social {text-align: left; float: right; width: 430px;}
#search_landing {width: auto; padding: 10px 0; margin-bottom: 10px; background:url(/custom/templates/page/landinghome2010/images/footer_sep2.png) bottom center no-repeat;}
#search_landing input {color:#727577; width: 200px; vertical-align: top;}
#search_landing input.searchfield {width: auto;}
a.sociallinks img {margin-right: 6px;}
.address {width: 275px; background:url(/custom/templates/page/landinghome2010/images/footer_sep.png) top right no-repeat; text-align: left; padding: 10px 0 50px 0; float: left; font-size: 12px;}
.address .creditpoweredby {font-size: 11px; margin-top: 15px;}
.address a {color: #968a6f;}

/* fixes */
.clear{ clear:both;}
.printTitle {display:none;}
.fix:after{content:".";display:block;height:0;clear:both;visibility: hidden;}
* html .fix {height: 1%;}
#atffc {height: 0;}