body {text-align: center;}
#hero-wrapper {height: 405px; background: #213149 url(/core/gfx/header_loader.gif) no-repeat 50% 50%; width: 100%; }
#hero-wrapper #img-wrapper {max-width: 100%; overflow: hidden; height: 405px;}
#overlay {width: 960px; height: 405px; position: relative; margin: 0 auto; display: block; text-align: left; }
#overlay * {margin: 0; padding: 0; text-transform: uppercase; color: #fff;}
#overlay #image-info {position: absolute; bottom: 30px; left: 0; width: 250px;  
background-color: rgba(171,5,52,0.7) !important; 
background-color: #ab0534; 
background-repeat: no-repeat;
background-position: right bottom;
text-align: left; 
}

.showmore {background-image: url(/core/gfx/header_more.png);}

#overlay #image-info h3 {text-shadow: 1px 1px 1px #7b001d; margin: 10px 10px 0 22px; font-family:"DINPro", DIN, "DIN Schrift", Helvetica, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#overlay #image-info p {font-size: 11px; margin: 3px 10px 10px 22px;}
#overlay #map {display: none; height: 275px; background: url(/core/gfx/hero_map_v2.png) no-repeat 10px 10px; position: relative;}
#overlay #map p {position: absolute; top: 10px; right: 5px; width: 200px; text-align: right; font-size: 10px;	}

#overlay #map #pinger {display: block; width: 70px; height: 70px;  position: absolute; background: url(/core/gfx/header_pinger.png) no-repeat 0 0; }
ul#controls {list-style-type: none; position: absolute; bottom: 30px; right: 10px; display: none;}
ul#controls li {float: left;}
ul#controls li a {padding: 0 10px; margin: 0 5px 0 0px; display: block; line-height: 30px;
background-color: rgba(171,5,52,0.7) !important; 
background-color: #ab0534;
text-decoration: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px; }

ul#controls li span {padding: 5px 10px; margin: 0 5px 0 0px; display: block; 
background-color: rgba(255,255,255,0.7) !important; 
background-color: #fff;
color: #b5022c;
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
-webkit-border-radius: 5px;
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
-moz-border-radius: 5px;}



	#img-wrapper.hero-664 {background: url(/northlandnz/assets/hero/photos/header_waka_waitangi.jpg) no-repeat top center;}
	#img-wrapper.hero-664 #overlay #map #pinger {top: 92px; left: 104px;}

	#img-wrapper.hero-669 {background: url(/northlandnz/assets/hero/photos/header_boi_roberton.jpg) no-repeat top center;}
	#img-wrapper.hero-669 #overlay #map #pinger {top: 89px; left: 110px;}

	#img-wrapper.hero-668 {background: url(/northlandnz/assets/hero/photos/header_culture.jpg) no-repeat top center;}
	#img-wrapper.hero-668 #overlay #map #pinger {top: 94px; left: 104px;}

	#img-wrapper.hero-667 {background: url(/northlandnz/assets/hero/photos/header_theatre.jpg) no-repeat top center;}
	#img-wrapper.hero-667 #overlay #map #pinger {top: 151px; left: 117px;}

	#img-wrapper.hero-666 {background: url(/northlandnz/assets/hero/photos/header_accommodation.jpg) no-repeat top center;}
	#img-wrapper.hero-666 #overlay #map #pinger {top: 91px; left: 111px;}

	#img-wrapper.hero-665 {background: url(/northlandnz/assets/hero/photos/header_killer_prawn.jpg) no-repeat top center;}
	#img-wrapper.hero-665 #overlay #map #pinger {top: 147px; left: 117px;}

	#img-wrapper.hero-828 {background: url(/northlandnz/assets/hero/photos/header_cruising_boi.jpg) no-repeat top center;}
	#img-wrapper.hero-828 #overlay #map #pinger {top: 88px; left: 107px;}


#img-wrapper.hero-au {background: url(/core/gfx/au_hero_2.jpg) no-repeat top center;}

.header-wrapper {height: 146px; margin-bottom: -2px;}
.header-wrapper .reduct ul.sf-menu {top: 125px;}
.header-wrapper .reduct div#header p#key-links {margin-top: 12px;}
.header-wrapper,
.header-wrapper div#header {background: #052038;}
.header-wrapper div#header h1 a {background:url(/core/gfx/header_brand_inverse.png) no-repeat 18px center;}


#home-content {padding: 20px 0 10px 25px; background: #fff; color: #000; position: relative;}
#home-content .row {float: left; margin-bottom: 15px;}
#home-content h3,
#home-content h3 a {color: #333; margin-bottom: 10px; display: block; font-size: 16px;}
#home-content h3 a:hover {color: #aa1e38; text-decoration: none;}
#home-content p#home-search {position: absolute; top: 10px; right: 25px;}
#home-content p#home-search input#keywords,
#home-content p#home-search input#submit {float: left; padding: 3px 5px;}
#home-content p#home-search input#keywords {width: 212px; margin: 0; border: 1px solid #cbcbcb; }
#home-content p#home-search input#submit {margin: 0 0 0 10px; padding: 0;}


.home-teaser * {margin: 0; padding: 0;}

.home-teaser,
#home-right-col {width: 280px; float: left;}
.home-teaser {margin-right: 35px;}
.home-teaser.last {margin-right: 0;}
.home-teaser p { font-size: 12px;}
.home-teaser a,
.home-article a {text-decoration: none; color: #aa1e38;}
.home-teaser a:hover,
.home-article a:hover {text-decoration: underline;}
.home-teaser img,
.home-article img {padding: 3px; border: 2px solid #d4d2d0; float: left;}
.home-teaser img {margin-bottom: 12px;}
.home-teaser h3 a img {float: none; border: none; margin: 0; vertical-align: middle; padding: 0; position: relative; top: -1px;}

.home-teaser#feature-three {margin-top: 16px;}

.home-teaser #home-quick-links {width: 276px; border: 2px solid #d4d2d0; float: left; margin-top: 10px;}
.home-teaser #home-quick-links img {border: none; padding: 3px; margin: 0; float: left;}
.home-teaser #home-quick-links div {margin-left: 8px; float: left;}
.home-teaser #home-quick-links div ul {float: left; list-style-type: none; margin: 0;}
.home-teaser #home-quick-links div ul li {line-height: 15px;}
.home-teaser #home-quick-links div ul li a {color: #000; font-size: 11px; background: url(/core/gfx/quick-links-li-ico.gif) no-repeat 0 4px; padding-left: 10px;}
.home-teaser #home-quick-links div ul li a:hover {color: #aa1e38;}
.home-teaser #home-quick-links h5 {margin: 5px 0 0 0; color: #000; font-size: 12px;}

.home-teaser #social-media-links {width: 278px; border: 1px solid #ebebeb; float: left; margin-top: 14px;}
.home-teaser #social-media-links #fb-like {margin: 5px; float: left;}
.home-teaser #social-media-links ul {list-style-type: none; background: #f6f6f6; margin: 0; padding: 6px 0; clear: both;}
.home-teaser #social-media-links ul li {float: left; margin-left: 9px;}
.home-teaser #social-media-links ul li#tab-twitter {background: url(/core/gfx/ico-twitter-home.gif) no-repeat top left;}
.home-teaser #social-media-links ul li#tab-youtube {background: url(/core/gfx/ico-youtube-home.gif) no-repeat top left;}
.home-teaser #social-media-links ul li#tab-tumblr {background: url(/core/gfx/ico-tumblr-home.jpg) no-repeat top left;}
.home-teaser #social-media-links ul li#tab-flickr {background: url(/core/gfx/ico-flickr-home.jpg) no-repeat top left;}
.home-teaser #social-media-links ul li#tab-fb {background: url(/core/gfx/ico-fb-home.jpg) no-repeat top left;}
.home-teaser #social-media-links ul li a {color: #012b84; display: block; padding-left: 20px; font-size: 11px;}
.home-teaser #social-media-links ul li a:hover {color: #aa1e38;}

.home-article {margin-bottom: 12px;}
.home-article .article-text {float: left; width: 443px; margin-left: 10px; font-size: 12px;}
.home-article h4 {font-weight: normal; border-bottom: 1px solid #aa1e38; margin-bottom: 10px; color: #444444;}

#home-double-col {float: left; width: 595px; clear: both;}
#home-double-col #external-links {float: left; font-size: 11px; margin-top: 15px;}
#home-double-col #external-links div {float: left;}
#home-double-col #weather {width: 188px;}
#home-double-col #weather p.conditions {font-weight:bold; margin-bottom: 3px; float:left;}
#home-double-col #weather img {float:left; padding-right: 15px; clear:both;}
#home-double-col #weather ul {float:left; margin-top: 4px}
#home-double-col #tripadvisor {width: 180px; margin-left: 20px;}
#home-double-col #tripadvisor img {margin: 0 0 4px 10px;}
#home-double-col #rwc {margin-left: 10px;}
#home-double-col #rwc img {float: left;}
#home-double-col #rwc p {float:left; width: 90px; margin: 10px 0 0 5px;}

#home-right-col {margin: 10px 0 0 35px; float: left;}
#home-right-col .tabber {border-bottom: none; color: #000;}
#home-right-col ul.tabNavigation {list-style-type: none; margin: 0; padding: 0 0 4px 0; border-bottom: none;}
#home-right-col ul.tabNavigation li.plan {display: inherit; margin: 0; padding: 0 15px 0 0; float: left; margin-bottom: -10px; font-size: 15px; font-weight: bold; color: #333;}
#home-right-col ul.tabNavigation li a { color: #000; border: 2px solid #d4d2d0; margin: -3px 2px 0 2px; padding: 4px 10px; font-weight: normal;}
#home-right-col ul.tabNavigation li a.selected {background: #fff; border-bottom: 2px solid #fff; }
#home-right-col .tabber div.tabs div {background: #f6f8fa; padding: 3px; border: 2px solid #d4d2d0;}
#home-right-col .tabber #flights {padding: 10px;}
#home-right-col .tabber #flights p {float: left; width: 115px; margin: 0; padding: 0; font-size: 10px;}
#home-right-col .tabber #flights p#air-nz {background: url(/core/gfx/logo-airnz-bookings.gif) no-repeat top left; padding: 50px 9px 10px 0; border-right: 1px solid #d4d2d0;}
#home-right-col .tabber #flights p#salt-air {background: url(/core/gfx/logo-saltair-bookings.png) no-repeat 10px 5px; padding: 50px 0px 10px 14px;}
#home-right-col .tabber #coachline {text-align: center;}
#home-right-col .tabber #coachline iframe {margin: 0 auto;}

#home-right-col #browse-listings-wrapper {border: 2px solid #d4d2d0; float: left; margin: 10px 0;}
#home-right-col #browse-listings {width: 270px; margin: 3px; background: #f6f8fa;}
#home-right-col #browse-listings form {padding: 10px;}
#home-right-col #browse-listings form p {margin: 0; float: left}
#home-right-col #browse-listings form select {width: 210px; margin: 3px 0 0 0; float: left;}
#home-right-col #browse-listings form input {margin: 0 0 0 8px; float: left;}
#home-right-col #browse-listings form.last {padding-top: 0;}


#footer {background: #E3E3E3 url(/core/gfx/footer-bg-home.png) no-repeat 0 0;}
#footer #site-info-links {width: 165px;}

#footer .item div#flickr_badge_wrapper_uber {padding: 0 !important; background: #ebf7f8; width: 275px; margin: 5px 0 0 15px;}
#footer .item div#flickr_badge_wrapper {padding: 5px; position: relative;}
#footer .item div.flickr_badge_image {float: left; padding: 0 !important;}
#footer .item div.flickr_badge_image img {width: 60px; height: 60px; margin: 3px !important;}
#footer .item div#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#footer .item div#flickr_badge_icon {float:left; margin-right:5px;}
#footer .item div#flickr_badge_wrapper a#flickr-link {color: #023d7c; text-decoration: none; font-size: 10px; position: absolute; bottom: 10px; right: 10px;}
#footer .item div#flickr_badge_wrapper a span {text-indent: -3000px;}
#footer .item div#flickr_badge_wrapper a:hover,
#footer .item div#flickr_badge_wrapper a:active {color:#fe0283;}