/* easy-clearing styles documented here: http://www.positioniseverything.net/easyclearing.html */
.fix:after{content:".";display:block;height:0;clear:both;visibility: hidden;}/*for firefox,safari etc*/
* html .fix {height: 1%;}/*for ie*/

.northislandPadding {padding:16px 15px 0 27px;}
.southislandPadding {padding:16px 27px 0 0;}

.bodycontentPadding {padding:34px 0 34px 31px;}
.bodycontentInnerPadding {padding:34px 31px 20px 31px;}

.bodycontentTabsPadding {padding:20px 52px 20px 60px;}
#bodycontentMain {width: 520px;}
#bodycontentLeft {width: 400px; float: left; display: inline; margin-right: 20px;}
#bodycontentRight {width: 118px; display: inline;}

.bodycontent-fullwidth-containerPadding {padding:0 34px 98px 31px;}

.bodycontent-mapPadding {padding: 36px 31px 18px 31px;}
.bodycontent-rightPadding {padding:20px 0 0 0;}
.bodycontent-imagesPadding {padding: 36px 0 50px 0;}

.bodycontentSeekomPadding {padding:0 0 0 26px;}

body {margin:10px 0 0 0; text-align:center; background:url(/custom/templates/page/NZAhome/images/body.gif) repeat-x #9fbac7;}

#sidebarButtonContainer p {margin:0; padding:0;}
.sidebarButton {border:0;}

/* HOME LAYOUT */
#share {width:971px; margin:0; margin-right:auto; margin-left:auto; padding:0;}
#share div {background-color:#FFFFFF; padding:2px 0; float:right; width:80px;}
#share a {color:#105CB6; text-decoration:none; margin:0 6px; width:80px;}
#share a:hover {color:#17438D; text-decoration:underline;}
#bodyframe {width:971px; margin:0; margin-right:auto; margin-left:auto; padding:0; text-align:left; background:url(/custom/templates/page/NZAhome/images/byline.gif) #374e5a no-repeat bottom left; clear:both;}

	#navigationcontent {width:301px; height:auto; overflow:hidden; margin:0; padding:0; float:left;}
		#logo {height:116px;}
		#advertising {background:#8e2b2b;}
			#advertising.advertisingHeight {height:210px;}
			
		#select {background:#213540; height:45px;}
		#verticalmenu {height:auto; overflow:hidden;}
			#mainnorthisland,
			#northisland {width:163px; height:auto; overflow:hidden; margin:0; padding:0; float:left;}
			#mainsouthisland,
			#southisland {width:138px; height:auto; overflow:hidden; margin:0; padding:0; float:left;}

	#styleframe {width:301px; height:auto; overflow:hidden; margin:0; padding:0; float:left; background:#8e2b2b;}
		#stylecontent-left {width:180px; height:auto; overflow:hidden; margin:0; padding:0; float:left;}
		#stylecontent-right {width:120px; height:auto; overflow:hidden; margin:0; padding:0; float:left;}
	
	#maincontent {width:670px; height:auto; overflow:hidden; margin:0; padding:0; float:left;}
		#horizontalmenu {background:#7697a4; width:670px; height:116px; overflow:visible; margin:0; padding:0;}
		#flash {background:#6a8a98; height:234px;}
		#title {background:url(/custom/templates/page/NZAhome/images/fern.jpg) no-repeat right #83a4b1; height:90px;}
		#body {background:url(/custom/templates/page/NZAhome/images/body-fern.jpg) no-repeat bottom left #6a8a98; height:850px; overflow:visible;}
		html>body #body {height:auto; min-height:950px;}
			#bodycontent {width:329px; height:auto; overflow:hidden; margin:0; padding:0; float:left;}
			#bodycontent-map {width:341px; height:auto; overflow:hidden; margin:0; padding:0; float:left;}
			#bodycontent-fullwidth-container {width:670px; height:auto; overflow:hidden; margin:0; padding:0; float:left;}
			
		#footer {background:#fff; height:28px; text-align:right;}
		#address {background:#8e2b2b; height:81px;}
		
/* INNER LAYOUT */
#advertisingInner {background:#8E2B2B; height:254px; color:#000;}
#titleInner {background:url(/custom/templates/page/NZAinner/images/fern.jpg) no-repeat right #83a4b1; height:90px; position: relative;}

#bodycontentInner {width:515px; height:auto; overflow:hidden; margin:0; padding:0; float:left;}

#bodycontentTabs {width:670px; height:auto; overflow:hidden; margin:0; padding:0; float:left; background:url(/custom/templates/page/NZAtabs/images/tabs-body.png) no-repeat top left;}

#bodycontent-images {width:103px; height:auto; overflow:hidden; margin:0; padding:0; float:left;}

#tabsmenuframe {width:670px; height:70px; overflow:hidden; margin:0; padding:0; float:left;}

#seekom {width:618px; height:auto; overflow:hidden; margin:0; padding:0 0 60px 0; float:left;}

hr {color: #fff; border-width: 1px;}

/* MAP PLUGIN */
#NZABackground {margin:0; padding:0; overflow:visible; position:relative;}

ul.NZAMap {margin:0; padding:0; list-style:none; z-index:0;}

ul.NZAMap a:visited,
ul.NZAMap a:link {font-size:11px; color:#fff; text-decoration:none; text-transform:lowercase;}
ul.NZAMap a:hover {text-decoration:underline;}

.karikairi-peninsula {position:absolute; top:0px; left:50px;}
.paihia {position:absolute; top:9px; left:176px;}
.russell {position:absolute; top:16px; left:183px;}
.tutukaka {position:absolute; top:25px; left:188px;}
.matakana {position:absolute; top:34px; left:189px;}
.waiheke {position:absolute; top:45px; left:195px;}
.orewa {position:absolute; top:40px; left:134px;}
.auckland {position:absolute; top:49px; left:127px;}
.whangamata {position:absolute; top:65px; left:221px;}
.mt_maunganui {position:absolute; top:80px; left:125px;}
.ohope-beach {position:absolute; top:85px; left:235px;}
.whitianga {position:absolute; top:55px; left:219px;}
.rotorua {position:absolute; top:98px; left:227px;}
.gisborne {position:absolute; top:109px; left:265px;}
.napier {position:absolute; top:131px; left:244px;}
.taupo {position:absolute; top:111px; left:182px;}
.martinborough {position:absolute; top:176px; left:205px;}
.wellington {position:absolute; top:184px; left:196px;}
.paraparaumu_kapiti_coast {position:absolute; top:157px; left:190px;}

.picton {position:absolute; top:187px; left:126px;}
.blenheim {position:absolute; top:193px; left:172px;}
.nelson {position:absolute; top:187px; left:115px;}
.takaka {position:absolute; top:166px; left:96px;}
.kaikoura {position:absolute; top:210px; left:166px;}
.little-kaiteriteri {position:absolute; top:178px; left:62px;}
.christchurch {position:absolute; top:238px; left:144px;}
.clearridge_apartments_hanmer {position:absolute; top:220px; left:144px;}
.methven {position:absolute; top:240px; left:75px;}
.akaroa {position:absolute; top:250px; left:145px;}
.lake_brunner {position:absolute; top:216px; left:39px;}
.franz-josef {position:absolute; top:230px; left:20px;}
.tekapo {position:absolute; top:250px; left:64px;}
.wanaka {position:absolute; top:277px; left:60px;}
.queenstown {position:absolute; top:291px; left:58px;}
.dunedin {position:absolute; top:303px; left:92px;}
.invercargill {position:absolute; top:323px; left:48px;}

/* Gallery 6 Layout*/
.galleryOuterContainer .galleryInnerContainer {padding: 25px 25px; width: 508px; background: #819eaa; margin: 0;}

/* Newsletter sign up form */
#contact_form label {display:block; margin:10px 0 4px;}
#contact_form input {width:400px;}
#contact_form select {width:405px;}
#contact_form input.submitButton {width:auto;}

/* Address at the top of forms */
#bodycontentMain .HtmlAddress {width:100%; float:none;}
#bodycontentMain .HtmlFreephone {width:100%; float:none; text-align:left;}

/* e-card windowless popup - gallery6 */

#galleryPopupEcard div label {color:#333333; margin:2px 0 0 0;}
#galleryPopupEcard #galleryPopupEcardForm {width:400px; margin:10px 0 10px 50px;}

/* Availability Grid */
table.availabilityGridContainer {
	margin:30px 0 0;
	width:560px;
	border-collapse:collapse;
	background-color:#7f9ba7;
}
	table.availabilityGridContainer th.labelColHeader {
		height:55px;
	}
	*:first-child+html table.availabilityGridContainer th.labelColHeader, /* IE7 */ * html table.availabilityGridContainer th.labelColHeader /* IE6 and below */ {
		height:55px;
	}
	td.availabilityGridScroller {
		padding:5px;
		/*padding:10px 15px;
		background-color:#7f9ba7;*/
	}
		div.availabiltyGridScrollInner {
			width:312px;
			overflow:auto;
			overflow-x:scroll; /* I would use auto but it breaks in IE6/IE7 */
			overflow-y:visible;
		}
			table.availabilityGrid {
				margin:5px 0 10px;
				border-collapse:collapse;
			}
				table.availabilityGrid th.dateHeader {
					text-align:center;
					line-height:12px;
					font-size:11px;
					padding-bottom:4px;
				}
				table.availabilityGrid td {
					padding:5px;
				}
				table.availabilityGrid td.ONREQUEST, table.availabilityGrid td.AVAILABLE, table.availabilityGrid td.UNAVAILABLE {
					padding:0;
				}
					table.availabilityGrid td.ONREQUEST div, table.availabilityGrid td.AVAILABLE div, table.availabilityGrid td.UNAVAILABLE div {
						height:16px;
						width:50px;
						text-align:center;
						vertical-align:middle;
						padding:17px 0;
						margin:5px 1px;
					}
					table.availabilityGrid td.ONREQUEST div {background:#f0b002;}
					table.availabilityGrid td.AVAILABLE div {background:#33b20a;}
					table.availabilityGrid td.UNAVAILABLE div  {background:#8E2B2B;}
		table.availabilityKey {
			margin-top:10px;
		}
			table.availabilityKey td span {
				display:block;
				height:20px;
				width:20px;
				margin-left:8px;
			}
			table.availabilityKey td.ONREQUEST span {background:#f0b002;}
			table.availabilityKey td.AVAILABLE span {background:#33b20a;}
			table.availabilityKey td.UNAVAILABLE span {background:#8E2B2B;}
	table.availabilityGridContainer td.labelCol {
		height:59px;
		width:123px;
		vertical-align:top;
		padding-left:20px;
	}
		.propertyName {
			font-weight:bold;
			text-transform:uppercase;
		}
		.roomName {
			position:relative;
			width:115px;
			line-height:12px;
			font-size:11px;
			text-decoration:underline;
			padding:0 8px;
			cursor:default;
		}
			.hideroom {
				display:none;
			}
			.showroom {
				display:block; 
				position:absolute; 
				left:75px;
				top:-20px;
				border:solid #ccc 1px;
				background-color:white;
				text-decoration:none;
				color:#333333;
				z-index:999;
				width:400px;
				padding:8px 13px;
				-khtml-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
				-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
				-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
				box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
				cursor:auto;
			}
				.showroom h3 {
					color:#333333;
					font-weight:bold;
					margin:0 0 3px;
				}
				.showroom .roomDescription {
					width:auto;
					float:none;
					color:#333333;
					font-size:1em;
					font-weight:normal;
				}
	table.availabilityGridContainer td.bookLink {
		height:59px;
		padding:0 20px 0 10px;
		vertical-align:top;
	}
		table.availabilityGridContainer a.bookButton {
			display:block;
			height:50px;
			width:98px;
			background:url(/custom/templates/page/NZAhome/images/availabilityButton.png) no-repeat;
		}
		table.availabilityGridContainer a.bookButton:hover {
			background:url(/custom/templates/page/NZAhome/images/availabilityButton.png) no-repeat 0 -50px;
		}
		table.availabilityGridContainer a.bookButton:active {
			-webkit-transform:translateY(1px);
			-moz-transform:translateY(1px)
		}
			table.availabilityGridContainer a.bookButton span {
				position:absolute;
				left:-10000px;
				top:auto;
				width:1px;
				height:1px;
				overflow:hidden;
			}
	table.availabilityGridContainer .footerRow td {
		height:75px;
	}

/* Newsletter Subscription Form */
.thriveMailTable th, .thriveMailTable td {padding:5px; text-align:left;}
.thriveMailTable input#terraForm_subscribeform_email, .thriveMailTable input#terraForm_subscribeform_EMAIL {width:260px; padding:3px;}
.thriveMailTable input#terraForm_subscribeform_firstname {width:120px; padding:3px; margin-right:10px;}
.thriveMailTable input#terraForm_subscribeform_lastname {width:122px; padding:3px;}
.thriveMailTable input#terraForm_subscribeform_submitbutton {float:right; cursor:pointer;}