/* first for Internet Explorer < 9 */ @font-face { font-family: DINPro; src: url("http://northlandnz.s3.amazonaws.com/fonts/DINWebPro-Bold.eot"); } /* then for WOFF-capable browsers */ @font-face { font-family: DINPro; src: url("http://northlandnz.s3.amazonaws.com/fonts/DINWebPro-Bold.woff") format("woff"); font-weight: bold; } html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;} #container, .container {margin-left:auto;margin-right:auto;width:960px; text-align: left;} #subcol, #content, #related, #operator-lists {display:inline;float:left;position:relative;margin-left:10px;margin-right:10px} #subcol {width:220px} #content {width:460px} #content-ext-article {width: 650px; margin: 20px 0 0 20px;} #content-ext-article ul {min-height: 400px;} #content-article-wrapper {min-height: 400px;} #content.section {width:680px; padding-top: 4px;} #operator-lists {width:710px; margin-right: 0;} #related {width:160px; left:40px} #site_info {width:960px; clear: both;} #map-filter {width:940px;} .clear {clear:both;display:block;} .clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0 } .clearfix {display:inline-block} * html .clearfix {height:1%} .clearfix {display:block} iframe {frameborder: 0;} body{font:13px/1.5 Helvetica, 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; color: #252525;} h1, h2, h3, h4, h5, h6 {font-weight:bold; color: #ed1849; } h1 {font-size:2em;line-height:1;margin-bottom:0.65em;} h2 {font-size:2em;margin-bottom:0.75em;} h3 {font-size:1.5em;line-height:1;margin-bottom:0.9em;} h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;} h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;} h6 {font-size:1em;font-weight:bold;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} p {margin:0 0 1.5em;} a:focus, a:hover {color:#095382; text-decoration: none;} a {color: #333333;text-decoration:underline;} blockquote {margin:1.5em;color:#666;font-style:italic;} strong {font-weight:bold;} em, dfn {font-style:italic;} dfn {font-weight:bold;} sup, sub {line-height:0;} abbr, acronym {border-bottom:1px dotted #666;} address {margin:0 0 1.5em;font-style:italic;} del {color:#666;} pre, code {margin:1.5em 0;white-space:pre;} pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;} li ul, li ol {margin:0 1.5em;} ul, ol {margin:0 1.5em 1.5em 1.5em;} ul {list-style-type:disc;} ol {list-style-type:decimal;} dl {margin:0 0 1.5em 0;} dl dt {font-weight:bold;} dd {margin-left:1.5em;} table {margin-bottom:1.4em;width:100%;} th {font-weight:bold;background:#eaeaea; text-align: left;} th, td {padding:4px 10px 4px 5px; border-bottom: 1px solid #fff;} td {padding:4px 10px 4px 5px; border-bottom: 1px solid #eaeaea;} tr.even td {background:#E5ECF9;} tfoot {font-style:italic;} caption {background:#eee;} .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;} .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;} .hide {display:none;} .quiet {color:#666;} .loud {color:#000;} .highlighted {background:#ff0;} .added {background:#060;color:#fff;} .removed {background:#900;color:#fff;} .first {margin-left:0;padding-left:0;} .last {margin-right:0;padding-right:0;} .top {margin-top:0;padding-top:0;} .bottom {margin-bottom:0;padding-bottom:0;} label {font-weight:bold;} fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;} legend {font-weight:bold;font-size:1.2em;} input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;} input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;} input.text, input.title {width:300px;padding:5px;} input.title {font-size:1.5em;} textarea {width:390px;height:250px;padding:5px;} .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;} .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;} .success {background:#E6EFC2;color:#264409;border-color:#C6D880;} .error a {color:#8a1f11;} .notice a {color:#514721;} .success a {color:#264409;} .debug {background: pink !important;} .debug-b {border: 1px solid red;} .hidden {display: none;} body {background: #e3e3e3 url(../gfx/body_bg.jpg) no-repeat center -50px;} .image-details ul { list-style-type: none;} .image-wrapper {} .image-info-wrapper {float: left;} #flashMap { float: right; margin: 0 0 0 10px;} #container, .container {position: relative; background: #fff url(../gfx/container_bg.jpg) no-repeat 0 120px;} .has-hero #container {background: #fff url(../gfx/container_bg.jpg) no-repeat 0 380px;} #header {position: relative; background: #d7e1f5;} .header-wrapper div#header, .reduct div#header {height: 146px;} .reduct div#header h1, .reduct div#header h1 a {height: 105px; } .reduct div#header form {top: 145px;} .reduct ul.sf-menu {top: 110px;} .reduct div#header p#key-links {margin-top: 8px;} div#header p#key-links { position: absolute; right: 0; top: 25px; padding: 11px 0 10px 0; font-size: 25px; line-height: 15px; width: 310px; text-align: center;} div#header p#key-links a { color: #5595d1; margin-left: 15px; text-decoration: none; text-transform: uppercase; } div#header p#key-links a:hover {color: #000;} div#header p#key-links a.active {color: #ab0534;} div#header p#lang-setter {position: absolute; right: 20px; top: 20px;} div#header h1 {float: left;} div#header h1, div#header h1 a {display: block; width: 650px; height: 214px; text-indent: -3000px;} div#header h1 a {background:url(/core/gfx/header_brand.png) no-repeat 18px center;} div#header form {} #hero-header {width: 960px; height: 240px; position: relative; margin-bottom: -40px;} #hero-header img {position: absolute; left: 0; top: 0;} #img-wrapper a#linkBack {position: absolute; right: 0; top: 30px; background: #000; padding: 5px; text-decoration: none; opacity: 0.7;} #img-wrapper.hero-au a#linkBack {right: 612px; bottom: 54px; top: auto;} #img-wrapper a#linkBack:hover {opacity: 1;} #crumb-wrapper {font-size: 11px; margin: 0 0 22px 0; padding: 0; position: relative; clear: left; border-bottom: 3px solid #ed1849; background: url(../gfx/crumb_bg.png) repeat-x 0 0; position: relative; line-height: 11px;} p#crumbs {width: 680px; float: left; line-height: 40px; margin: 0; } p#crumbs span { padding: 10px; } #home table#searchbox {position: relative;} table#searchbox {width: 260px; position: absolute; right: 0; top: 0; margin: 0 0 12px 0; } table#searchbox td {margin: 0; padding: 2px 5px 0 0; vertical-align:middle; border: none;} table#searchbox label {display: none;} table#searchbox td input.text {width: 198px; color: #a7a5a6; border: 1px solid #bababa; max-height: 25px;} #subnav {margin-bottom: 50px;} #subnav * {color: #000; margin: 0; padding: 0;} #subnav h3 {font-size: 1.4em;padding: 7px 0 10px 10px; text-transform: none; } #subnav h3 a { color: #ed1849;text-decoration: none; text-transform: none; font-family: Helvetica, 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;} #subnav ul {padding: 0;margin: 0 0 10px 0; border-top: 1px solid #bababa;} #subnav ul li {list-style: none;margin: 0;padding: 0px 0 0 10px;border-bottom: 1px solid #bababa;} #subnav ul li a {padding: 4px 0 0 0px;display: block;text-decoration: none;font-weight: bold; font-size: 14px; text-shadow: 1px 1px 0px #fff;} #subnav ul li a:hover {color: #ed1849;} #subnav ul li a.active, .current {color: #ed1849;text-decoration: none;} #subnav ul ul {margin-top: 3px; margin-bottom: 5px; border: none;} #subnav ul ul li {border-bottom: none;padding: 2px 0 3px 0;margin: 0;line-height: 1.5em;} #subnav ul ul li a {background-image: none;margin: 0;font-weight: normal;color: #011831;text-decoration: none;padding-left: 10px; font-size: 12px;} #subnav ul ul li a.active {background-image: none;color: #ed1849;text-decoration: none; font-weight: bold;} #subnav ul ul li a:hover { color: #ed1849;text-decoration: none;} #subnav ul ul ul {margin: 4px 0 0 15px;padding: 0;font-size: 100%} #subnav ul ul ul li {padding-top: 0; padding-bottom: 0;} #subnav ul ul ul a {color: #586777;padding: 2px 0 3px 10px;} #subcol .item, #subcol .item *, #subcol .sidebar-feature, #subcol .sidebar-feature * {margin: 0; padding: 0; font-size: 11px;} #subcol .item, #subcol .sidebar-feature {padding: 10px; margin: 0 0px 40px 10px; color: #231f20; background: #f3f3f3; position: relative; -moz-box-shadow: 0px 0px 5px #bababa; } #subcol .item, #content .page-image, #content .page-image-right, #content .page-image-left, #subcol .sidebar-feature {-webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-box-shadow: 0px 0px 5px #bababa; } #subcol .item a, #subcol .sidebar-feature a {color: #5a3f99; text-decoration: none;} #subcol .item li {width: 188px; height: 150px; } #subcol .item h4 a, #subcol .sidebar-feature h4 a {font-size: 12px; font-weight: bold; margin-right: -10px;} #subcol .item img {float: right; margin: 0 0 2px 5px;} #subcol .item p, #subcol .sidebar-feature p {line-height: 1.35em; margin-top: 5px;} #subcol .item .carousel-control {display: none;} #subcol .item .carousel-pagination {} #subcol .item .carousel-pagination p {padding: 5px 0 0 0;} #subcol .item .carousel-pagination p a { font-weight: bold; padding: 5px; margin-right: 3px; text-decoration: none; background: #fff; } #subcol .item .carousel-pagination p a.active, #subcol .item .carousel-pagination p a:hover {color: #fff;background: #5a3f99;} #subcol .item .carousel-pagination p a:hover {cursor: pointer;} #subcol .item-title {font-size: 9px; font-family: Verdana, Arial, Helvetica; text-transform: uppercase; letter-spacing: 2px; color: #8b9aa3; display: block; margin-bottom: 5px; margin-left: 15px;} #content {min-height: 500px;} #content h1 { text-shadow: 1px 1px 1px #fff;} #content h1, #content h2, #content h3, #subnav h3, .operator-title, #subcol h3 {text-transform: uppercase; font-family: DINPro, DIN, Helvetica, "Helvetica Neue", Helvetica, Arial, sans-serif;} #content h3 {padding-top: 10px;} #content.section p {width: 90%;} #content a.contextual {color: #525252; text-decoration: none; border-bottom: 1px dotted #bcbcbc;} #content a.contextual:hover {color: #ED1849; text-decoration: none; border-bottom: none;} #content .page-image, #content .page-image-right, #content .page-image-left {float: right; margin: 0 0 1em 1em; clear: right; width: 220px; color: #8c8c8c; background: #dfdfdf; border: 5px solid #dfdfdf; position: relative; } #content .landscape {width: 280px;} #content .page-image-left {float: left; margin: 0 1em 1em 0; clear: left; } #content .page-image span, #content .page-image-right span, #content .page-image-left span { padding: 5px 5px 5px 5px; display: block; line-height: 1em; font-size: 11px;} #content .page-image-right {position: relative; left: 40px; margin-left: -20px} #content .xxxpage-image-left {position: relative; left: -40px; margin-right: -20px} .accommodation #content .page-image-left, .things_to_see_and_do #content .page-image-left, .getting_there_and_around #content .page-image-left {width: 140px; border: none; margin-top: 15px;} #content .page-image a, #content .page-image-right a, #content .page-image-left a {position: absolute; width: 25px; height: 22px; background: url(/core/gfx/ico-image-info.png); top: 0; right: 0; text-indent: -3000px; text-decoration: none;} #content a.external {} #section-image {position: absolute; right: 0; top: 0px; z-index: 0;} #content h2 {margin-bottom: 10px; } .intro p {font-size: 160%; font-weight: bold; line-height: 1.25em; text-align: left; margin-bottom: 12px; text-shadow: 1px 1px 1px #fff;} .intro.mapper {border-bottom: 10px solid #f5f5f5; margin-bottom: 10px;} #content ul.external {} #content ul.external li { margin-bottom: 15px;} #content ul.external li a {font-weight: bold;} #map_wrapper { background-color: #e1e6ec; margin-bottom: 25px; border: 4px solid #fdfdfd; -moz-box-shadow: 1px 1px 5px #b1b0ac; -webkit-box-shadow: 1px 1px 5px #b1b0ac; box-shadow: 1px 1px 5px #b1b0ac; width: 670px; } #map_wrapper h1 {padding: 20px 0 0 29px;} #content #destinations_map, #content #destinations_map * {margin: 0; padding: 0;} #content #destinations_map {width: 697px; height: 484px; background: #70cad1 url(../gfx/destinations_map.jpg) no-repeat 0 0; margin-bottom: 1.5em; position: relative; font-size: 11px; } #content #destinations_map ul {list-style-type: none;} #content #destinations_map li.pointer {background: #0095d6; width: 100px; position: absolute;} #content #destinations_map li.pointer a {color: #fff;} #content #destinations_map li.pointer strong {text-transform: uppercase;} #content #destinations_map li.pointer strong a {text-decoration: none; display: block; padding: 5px;} #content #destinations_map li.pointer img {float:right; margin:-20px 0 0 10px;} #content #destinations_map li.pointer div {display: none; padding: 0 5px 5px 5px; color: #fff;} #content #destinations_map li.pointer:hover {width: 250px; padding-bottom: 5px; z-index: 1000;} #content #destinations_map li.pointer:hover div {display: block;} #content #destinations_map li#tutukaka {left:405px; top:241px;} #content #destinations_map li#bay-of-islands {left:360px; top:181px; width: 130px;} #content #destinations_map li#bay-of-islands:hover {width: 250px;} #content .newsletter-info {padding: 10px; border: 1px solid #bababa;} #content .newsletter-info a {font-weight: bold;} #content table#qualmark * {} #content table#qualmark td { vertical-align: top; padding: 10px;} #content table#qualmark td h4 {margin-bottom: 0;} #content table#qualmark td img {} #content .tx-book { background-color: #e1e6ec; border: 4px solid #fdfdfd; -moz-box-shadow: 1px 1px 5px #b1b0ac; -webkit-box-shadow: 1px 1px 5px #b1b0ac; box-shadow: 1px 1px 5px #b1b0ac; margin-bottom: 20px; } #content .tx-book p {margin: 15px 20px 10px 20px;} #content .tx-book p.more {margin: 0 0 10px 15px;} ul.intros, ul.intros * {margin: 0; padding:0;} ul.intros {list-style-type: none; } ul.intros li {float: left; width: 50%;} ul.intros li div {padding: 15px 0 15px 15px;} ul.intros li .img-wrapper {float: left; width: 139px; height: 165px; background: url(../gfx/intros_img_holder.png) no-repeat 0 0; padding: 0;} ul.intros li img { margin: 7px;} #content ul.intros li h3 {margin-bottom: 5px; padding-top: 0; font-size: 1.4em;} ul.intros li h3 a {color: #000; text-decoration: none; display: block; margin-top: 4px;} #content.section ul.intros li p {font-size: 12px; float: left; width: 170px;} ul.intros li.alternate-li { width:100%; clear:both; height: 1px; border-bottom: 1px dotted #bababa; margin-bottom: 20px; float: none; } .nodes ul, .nodes-3col ul, .nodes-2col ul {list-style-type: none; margin: 0 0 15px 0; padding: 0; float: left;} .intro h1 {width: 400px;} .intro .nodes-3col ul li { } .intro .nodes-2col ul li {} ul.localities {width: 185px; height: 402px; overflow: auto; margin: 0 0 29px 29px;} ul.localities li {width:140px; float: left;} #operator-lists #related ul, #operator-lists #related ul li {width: auto; float: none;} .operator.paid {} .operator.unpaid {} .operator h3 {color: #737373;} .operator.paid h3 {color: #252525;} .operator h4 {margin-bottom: 5px; } .operator.unpaid h4 {color: #797979;} .operator h6 {color: #797979; margin-bottom: 3px; font-weight: normal; font-size: 11px;} .listings #content {margin: 0; padding: 0;} .listings .entry {border-bottom: 1px solid #bbcbd4; background: #fff; background: rgba(255,255,255, 0.4); margin: 0 0 20px 0; padding: 5px 10px 30px 10px; position: relative;} .listings .entry.first {margin-top: 20px;} .listings .entry * {margin: 0; padding: 0;} .listings .entry h3 a {text-decoration: none; text-shadow: 1px 1px 1px #fff; text-transform: uppercase;} .listings .entry img.pic {float: left; margin: 10px 10px 0 0; -webkit-box-shadow: 0px 0px 5px #bababa;} .listings .entry .qualmarkimage {float: right; width: 61px; margin: 10px;} .listings .entry .qualmark_enviro_image {float: right; clear: right; width: 61px; margin: 0 10px 0 10px;} .listings .entry.paid {background-color: #e1e6ec; border: 4px solid #fdfdfd; padding: 0; margin-bottom: 25px; padding: 4px 0 10px 0; -moz-box-shadow: 1px 1px 5px #b1b0ac; -webkit-box-shadow: 1px 1px 5px #b1b0ac; box-shadow: 1px 1px 5px #b1b0ac;} .listings .entry.paid img.pic {margin: 10px 17px 14px 14px;} .listings .entry.paid .details {width: 275px; float: left;} .listings .entry.paid .details.no-image {width: 434px; margin-left: 12px;} .listings .entry.unpaid .details {margin-left: 8px;} .listings .entry.paid .qualmark_enviro_image {padding-bottom: 10px;} .listings .entry.unpaid .qualmark_enviro_image {padding-bottom: 50px;} .listings .meta {color: #5e5e5e;} .listings .detail .meta {color: #5a3f99;} .listings img.event-image {float: right; margin: 0 0 0 10px;} .listings .entry p.vianet-book-button {margin: 15px 0 0 0; clear: both; display: block;} .listings .entry .contact-details {padding: 10px 0 0 0;} .listings .entry .favourites_container {position: absolute; bottom: 0; left: 0;} ul.site-map {font-weight: bold; font-size: 16px;} ul.site-map li {margin: 2px 0;} ul.site-map li a {} ul.site-map ul {font-weight: normal; font-size: 12px;} #related * {margin: 0; padding: 0;} #related {font-size: 90%; color: #4c4c4c;} #related h5 {margin-top: 15px;} #related .related-downloads {margin-top: 50px;} #related .related-downloads h5 {margin: 3px 0px 10px 0;} #related .related-downloads h6 a {display: block; padding-left: 20px; background: url(/core/gfx/ico-acrobat.png) no-repeat left top;} #related .related-downloads .downloads {margin-bottom: 10px;} #related .item p {margin-bottom: 5px;} #related .item img.logo {margin-top: 14px;} #related ul {list-style-type: none;} #related #attribution-eventfinder p {margin-top: 35px;} p#btt {margin: 0; line-height: 25px; clear: both; border-top: 40px solid #fff;} #home p#btt {border-top: 10px;} p#btt a.btt {background: #ab0534 url(../gfx/btt.png) no-repeat 6px 12px; padding: 7px 8px 7px 20px; color: #fff; text-decoration: none;} #footer {border-top: 5px solid #ab0534; margin: 0 0 0 0; padding: 15px 0px 40px 0px; background: #e3e3e3 url(../gfx/footer_bg.png) no-repeat 0 0; min-height: 232px;} #footer * {margin: 0; padding: 0;} #footer .item {width: 240px; float: left;} #footer .item div {padding: 10px 15px;} #footer .item ul li, #footer .item p {font-size: 11px;} #footer .item ul {list-style-type: none;} #footer .item ul li {padding-left: 10px; background: url(../gfx/link_arrow.gif) no-repeat 0 6px;} #footer .item ul li a {} #footer .item h4 {margin: 5px 0;} #footer .item h4 a {text-decoration: none; color: #aa0433;} #footer #branding {padding-top: 9px;} #footer #branding div {padding-left: 23px;} #footer #branding div a.credit {display: block; clear: both; text-decoration: none; color: #bababa; margin-top: 5px;} #footer #vguide img {float: left; margin: 0 5px 5px 0;} #footer #social-media {color: gray; padding-right: 0;} #footer #social-media p {margin-top: 8px;} #footer #social-media strong {font-size: 10px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; color: #bababa; display: block; line-height: 18px;} #footer #social-media a {display: block; background-repeat: no-repeat; background-position: 50% 0; height: 25px; text-indent: -3000px; float: left; clear: left;} #footer #social-media a#twitter {background-image: url(../gfx/footer_twitter.png); width: 75px;} #footer #social-media a#facebook {background-image: url(../gfx/footer_facebook.png); width: 77px;} #footer #social-media a#youtube {background-image: url(../gfx/footer_youtube.png); width: 58px;} #footer #social-media a#tumblr {background-image: url(../gfx/footer_tumblr.png); width: 77px;} #footer #social-media a:hover {background-position: 50% 100%;} #footer #copyright {clear: both; padding: 15px 0; color: #bababa;} ul.sf-menu, ul.sf-menu * {margin: 0; padding: 0;} ul.sf-menu {list-style-type: none; clear: left; background: #ab0534; position: absolute; top: 240px; left: 0; width: 960px; z-index: 500; max-width: 960px;} ul.sf-menu li {float: left; font-size: 13px; } ul.sf-menu ul li {background-image: none; font-size: 12px;} ul.sf-menu li a {display: block; color: #fff; padding: 10px 22px 9px 20px; text-decoration: none; font-weight: normal; } ul.sf-menu li a.active, body.about ul.sf-menu li a.tab-about_northland, body.things_to_see_and_do ul.sf-menu li a.tab-things_to_see_do, body.destinations ul.sf-menu li a.tab-destinations, body.accommodation ul.sf-menu li a.tab-accommodation, body.conferences ul.sf-menu li a.tab-conferences_meetings, body.getting_there_and_around ul.sf-menu li a.tab-getting_there_around, body#page239 ul.sf-menu li a.tab-about_northland, body#page223 ul.sf-menu li a.tab-moving, body#page222 ul.sf-menu li a.tab-living, body#page242 ul.sf-menu li a.tab-working, body#page260 ul.sf-menu li a.tab-business_assistance, body#page257 ul.sf-menu li a.tab-investing, body#page247 ul.sf-menu li a.tab-industries {background-color: #ed1849; color: #fff;} ul.sf-menu li a:hover {background: #ed1849; color: #fff;} ul.sf-menu li li a:hover {background-color: #686868; text-shadow: none;} .sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;} .sf-menu {line-height: 1.25;} .sf-menu ul {position: absolute;top:-999em;width:15em; /* left offset of submenus need to match (see below) */ background-image: none;} .sf-menu ul li {width:100%;background-color: #ed1849;} .sf-menu ul li a { color: #fff; border-bottom: 1px solid #bababa; font-weight: bold; padding: 7px 22px 5px 20px; font-weight: normal; } .sf-menu ul li:hover, .sf-menu ul li a:hover {background: #052038 !important;} .sf-menu ul li li a {font-weight: normal;} .sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */background-color: #ed1849;} .sf-menu li {float: left;position:relative;} .sf-menu a {display:block;position:relative;} .sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0px;top:2.7em;z-index:99;} ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;} ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:16em;top:0;} ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;} ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:16em;top:0;} .sf-menu a {text-decoration:none;} .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline:0;} .sf-menu a.sf-with-ul {padding-right:2.25em;min-width:1px;} .sf-sub-indicator {position:absolute;display:block;right:.75em;top:1.05em;width:10px;height:10px;text-indent:-999em;overflow:hidden; background:url('/core/gfx/arrows-ffffff.png') no-repeat -10px -100px;} a > .sf-sub-indicator {top:.8em;background-position: 0 -100px;} ul ul a .sf-sub-indicator {background:url('/core/gfx/arrows-grey.png') no-repeat -10px -100px;top: 11px;} ul ul a:hover .sf-sub-indicator {background: url('/core/gfx/arrows-ffffff.png') no-repeat -10px -100px; } a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px;} .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0;} .sf-shadow ul {background: url('/core/gfx/shadow.png') no-repeat bottom right;padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off {background: transparent;} ul.sf-menu li a.tab-about_northland {width: 98px;} ul.sf-menu li a.tab-things_to_see_do {width: 114px;} ul.sf-menu li a.tab-destinations {width: 78px;} ul.sf-menu li a.tab-accommodation {width: 98px;} ul.sf-menu li a.tab-conferences_meetings {width: 143px;} ul.sf-menu li a.tab-getting_there_around {width: 147px;} ul.sf-menu li a.tab-about_northland, ul.sf-menu li a.tab-things_to_see_do, ul.sf-menu li a.tab-destinations, ul.sf-menu li a.tab-accommodation, ul.sf-menu li a.tab-conferences_meetings, ul.sf-menu li a.tab-getting_there_around, ul.sf-menu li a.tab-finding_work, ul.sf-menu li a.tab-moving, ul.sf-menu li a.tab-living, ul.sf-menu li a.tab-business_assistance, ul.sf-menu li a.tab-working, ul.sf-menu li a.tab-investing, ul.sf-menu li a.tab-industries {background-image: url(../gfx/top_nav_seperator.png); background-repeat: repeat-y; background-position: right top; overflow: hidden; font-size: 12px;} ul.sf-menu li a.tab-getting_there_around {background-image: none;} ul.sf-menu ul li a.tab-accommodation {width: auto; background-image: none;} #related p.event-crumb {padding-top: 10px;} .jcarousel-container {position: relative; margin-bottom: -1px; border-bottom: 1px solid #d5d5d5; } .jcarousel-clip { z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative; } .jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0; } .jcarousel-list li, .jcarousel-item, .scroller ul li {float: left;list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 210px;height: 236px;overflow: hidden; } .jcarousel-item a { text-decoration: none; font-weight: bold;} .jcarousel-item h3, .scroller h3 { font-size: 1em; margin: 0px 5px 4px 10px;} .scroller h3 a {text-decoration: none;} .jcarousel-item p, .scroller p {margin: 0 10px 0 10px; font-size: 10px; line-height: 14px; font-family: Verdana, Arial, Helvetica;} .jcarousel-item a.more {text-decoration: underline; color: #669900; font-weight: normal; } .jcarousel-item a.more:hover {text-decoration: none;} /* The buttons are added dynamically by jCarousel */ .jcarousel-next {z-index: 3;display: none;} .jcarousel-prev { z-index: 3;display: none;} .scroller .jcarousel-container-horizontal {width: 630px;} .scroller .jcarousel-clip-horizontal {width: 630px;height: 236px;} .scroller .jcarousel-item {width: 210px;height: 236px;} .scroller .jcarousel-item img {} .scroller .last {border-right: none;} .scroller .jcarousel-item-horizontal {} .scroller .jcarousel-item-placeholder {background: #fff;color: #000;} .scroller .jcarousel-next-horizontal {position: absolute;top: -41px;right: 5px;width: 32px;height: 32px;cursor: pointer;background: transparent url(/core/gfx/next-horizontal.png) no-repeat 0 0;} .scroller .jcarousel-next-horizontal:hover {background-position: -32px 0;} .scroller .jcarousel-next-horizontal:active {background-position: -64px 0;} .scroller .jcarousel-next-disabled-horizontal, .scroller .jcarousel-next-disabled-horizontal:hover, .scroller .jcarousel-next-disabled-horizontal:active {cursor: default;background-position: -96px 0;} .scroller .jcarousel-prev-horizontal {position: absolute;top: -41px;right: 35px;width: 32px;height: 32px;cursor: pointer;background: transparent url(/core/gfx/prev-horizontal.png) no-repeat 0 0;} .scroller .jcarousel-prev-horizontal:hover {background-position: -32px 0;} .scroller .jcarousel-prev-horizontal:active {background-position: -64px 0;} .scroller .jcarousel-prev-disabled-horizontal, .scroller .jcarousel-prev-disabled-horizontal:hover, .scroller .jcarousel-prev-disabled-horizontal:active {cursor: default;background-position: -96px 0;} #home #hero {height: 340px; width: 960px; display: block; background: url(../gfx/home_hero_no-flash.jpg) no-repeat 0 0;} #home.waka #hero {background-image: url(../gfx/waka.jpg) !important;} #home #header {background: transparent;} #home #header h1 {display: none;} #home #header #key-links a {color: #fff;} #home ul.sf-menu {top: 340px;} #home #content, #home #subcol {padding-top: 40px;} #home #content {padding-top: 50px;} #home #subcol { width: 288px; } #home #content { width: 632px; overflow: hidden;} #home #container {background: #fff url(../gfx/container_bg.jpg) no-repeat 0 360px;} #home #content.section p {width: auto;} .tabber {padding-top: 11px; margin-bottom: 12px; border-bottom: 5px solid #bbcbd4;} .tabber * {margin: 0; padding: 0;} .tabber .operator-title {text-transform: uppercase; text-decoration: none; font-size: 16px; font-weight: bold;} ul.tabNavigation{list-style-type: none;padding-bottom: 33px;border-bottom: 5px solid #bbcbd4;margin: 0;} ul.tabNavigation li{float: left;height: 22px;} ul.tabNavigation li.plan {padding: 0 22px; margin-top: 8px; color: #8e8e8e;} ul.tabNavigation li a {margin: 1px 2px 0 2px;border: 1px solid #bbcbd4;} ul.tabNavigation li a.selected{color: #000;background: #bbcbd4; font-weight: bold;} li.active a { } ul.tabNavigation li a{float: left;display: block;text-decoration: none;padding: 6px 15px;outline: none;background: #fff;} .tabber div.tabs div.inset {padding: 10px 12px 20px 22px;background: #fff url(/core/gfx/container_bg.jpg) repeat-x left bottom; } .tabber div.tabs div.inset a.pic {float: right; margin: 0; border: 1px solid #fff; width: 140px;} .tabber div.tabs div.inset a.pic img {float: right;} .tabber div.tabs div.inset img.bookingIcon {float:right; border: none; clear: right; margin: -30px 5px 0 0;} .tabber div.tabs div.inset p.deal-info {float: left; width: 225px !important; margin-bottom: 10px;} .tabber div.tabs div.inset h2 {margin-top: 0;} .tabber div.tabs div.inset a {} .tabber div.tabs div.inset span {font-size: 9px; font-family: Verdana, Arial, Helvetica; text-transform: uppercase; letter-spacing: 2px; color: #8b9aa3; display: block; margin-bottom: 5px;} .tabber div.tabs div.inset p.more a {font-size: 10px; font-family: Verdana, Arial, Helvetica; font-weight: normal;} .tabber hr {margin: 10px 0; background: #fff; color: #fff; border-color: #fff;} .tabber #deals div, .tabber #accommodation div, .tabber #activities div {width: 200px; float: left; padding-top: 10px;} .tabber #deals div ul, .tabber #accommodation div ul, .tabber #activities div ul {list-style-type: none; font-size: 11px;} .tabber #deals div ul li, .tabber #accommodation div ul li, .tabber #activities div ul li {border-bottom: 1px solid #bbcbd4; margin-right:25px;} .tabber #deals div ul li a, .tabber #accommodation div ul li a, .tabber #activities div ul li a {display: block; padding: 4px 5px 3px 20px; background: url(/core/gfx/homev2/bullet.png) no-repeat 3px 7px; text-decoration: none;} .tabber #deals div p.label, .tabber #accommodation div p.label, .tabber #activities div p.label {font-size: 9px; font-weight: normal; font-family: Verdana, Arial, Helvetica; margin-bottom: 5px;} .tabber #deals .dealsContent, .tabber #accommodation .dealsContent, .tabber #activities .dealsContent {float: left; width: 376px; font-size: 12px; } .tabber .dealsContent {padding: 10px; background: #fff; border-top: 1px solid #bbcbd4;} .travelSection { margin-bottom: 12px; clear: both; padding-bottom: 12px;} .travelSection * {margin: 0; padding: 0;} .travelSection h2#gettingToNorthland { margin: 5px 0 6px 0; padding: 0; font-size: 18px; color: gray; } .travelSection ul {float: left; list-style-type: none;} .travelSection ul li {width: 300px; background: #dbe5eb; border-bottom: 1px solid #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica;} .travelSection ul li#airnzPromo {background: #dbe5eb url(../gfx/travel_airnz.png) no-repeat left center;} .travelSection ul li#intercityPromo {background: #e8f0f5 url(../gfx/travel_intercity.png) no-repeat left center;} .travelSection ul li#saltairPromo {background: #dbe5eb url(../gfx/travel_salt.png) no-repeat left center;} .travelSection ul li span {padding: 24px 10px 24px 111px; display: block;} .travelSection ul li.even {background: #e8f0f5;} .travelSection .videoWrapper {text-align: center; float: right; width: 50%; padding-top: 25px;} #home #subcol .subitem {padding: 20px 0 0 0;} #home #subcol .subitem * {margin: 0; padding: 0;} #home #subcol .subitem h3 a {text-decoration: none;} #home #subcol #popularLinks, #home #subcol #popularLinks h3 {margin-bottom: 12px;} #home #subcol ul.fancy {list-style-type: none; margin: 0;} #home #subcol ul.fancy li, #home #subcol #vgfeature p {padding-left: 10px; background: url(../gfx/link_arrow.gif) no-repeat 0 6px; float: left; width:134px;} #home #subcol #comingEvents {background: #f3f3f3 url(http://northlandbrand.co.nz/images/sized/northlandnz/assets/image_library/FM01-111x149.jpg) no-repeat 5px 5px; position: relative; -moz-box-shadow: 0px 0px 5px #bababa; -webkit-box-shadow: 0px 0px 5px #bababa; padding: 10px 10px 10px 125px; margin: 30px 6px 30px 0; border-bottom: 5px solid #f3f3f3; font-size: 12px; } #home #subcol #comingEvents h3 {margin-bottom: 3px;} #home #subcol #vgfeature {background: #f3f3f3; -moz-box-shadow: 0px 0px 5px #bababa; -webkit-box-shadow: 0px 0px 5px #bababa; margin: 30px 6px 30px 0; border: 10px solid #f3f3f3; font-size: 12px; padding: 0;} #home #subcol #vgfeature p {margin-bottom: 10px; width: auto;} p.more, body.listings .paid p.more {margin: 10px 0 0 0; width: 275px; float: left; clear: both;} body.listings .unpaid p.more {float: right; position: absolute; right: 12px; bottom: 40px; width: auto;} body.listings .unpaid h3 {color: #737373;} a.button, body.listings .entry a.button { background: transparent url(../gfx/bg_button_a.gif) no-repeat scroll top right; color: #000; display: block; float: left; height: 24px; margin-right: 6px; padding-right: 14px; /* sliding doors padding */ text-decoration: none; font-size: 9px; font-family: Verdana, Arial, Helvetica; text-transform: uppercase; letter-spacing: 1px; text-shadow: 1px 1px 0px #fff; } a.button span, body.listings .entry a.button span{ background: transparent url(../gfx/bg_button_span.gif) no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 14px; color: #000 !important; } a.button:active, body.listings .entry a.button:active, body.listings .entry a.button.book:active{ background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */ } a.button:active span, body.listings .entry a.button:active span, body.listings .entry a.button.book:active span{ background-position: bottom left; padding: 6px 0 4px 14px; /* push text down 1px */ } body.listings .entry a.button.book {background: transparent url(../gfx/bg_button_a_book.png) no-repeat scroll top right;} body.listings .entry a.button.book span {background: transparent url(../gfx/bg_button_span_book.png) no-repeat;}