/* base */
body {color: #000; background-color: #fff; font-size:100%; font-family :verdana, sans-serif;}
ul {margin-top: 0; font-size:1em;}
h1, h2, h3 {margin: 0; color: #00837a; font-weight: bold;}
h1 {font-size: 1.1em; padding-bottom: .75em; padding-top: .75em;}
h2 {font-size: 1em;}
#container {position:relative; width:998px; margin:0px auto 0px auto;}
h3 {color: #000; font-size: 1em; padding-top: 1em; padding-bottom: 1em;}
a {color: #000000; text-decoration: underline;}
a:hover {color: #000000;}
a:visited {color: #000000;}
p {margin: .2em 0 1em 0;}
img {display: block; margin: 0 0 0; border: 0;}
img.inline {display: inline;}
sup {font-size: 0.8em; margin-top: -0.8em; line-height: 0.6em;}
#icontent li {font-size: 1em; margin: 2px 0px 3px 0px;}
#icontent_map li {font-size: 1em;}
#kiwilist li {font-size: 1em; margin: 3px 0px 4px 0px;}
table {border-collapse: collapse}
td {font: .9em verdana, sans-serif;}
th {font-size: 0.9em;background-color: #edf6f6;border-bottom: 1px solid #00837a;}
th2 {font-size: 0.9em;background-color: #edf6f6;}
#totop {font-size: .85em; padding: 0 0 0 0;}
#hcontentinner h1 {padding-bottom: .8em;}
#hcontentinner p {margin-bottom: .8em;}
#hcontentinner .whatsnew {margin-left: 2em; padding-left: 0; margin-bottom: .8em;}
#hcontentinner .whatsnew li {color: #ed1c24;}
#hsslcontentinner h1 {padding-bottom: .8em;}
#hsslcontentinner p {margin-bottom: .8em;}
#hsslcontentinner .whatsnew {margin-left: 2em; padding-left: 0; margin-bottom: .8em;}
#hsslcontentinner .whatsnew li {color: #ed1c24;}
#icontentinner #msg {font-size: 1em;}
#container {position:relative; width:998px; margin:0px auto 0px auto;}



/* menu */
#oneimage {width: 180px; height: 119px;}
#lnav #skip {display: none;}
#lnav {padding-top:30px; margin:0px 0 0; width: 180px; height:679px; clear: both; background-image:url('../i/nav_sidebar.gif'); 

background-repeat:repeat no-repeat; }
#lnav dd {margin-left: 14px;}
#lnav li {color: #ffffff; list-style: none; margin-bottom: 1px;}

#lnav #skip {display: none;}
#lnav ul {margin: 0; padding-left: 1em; margin-bottom: .8em;}

#lnav a {text-decoration: none; margin: 0 0 1em 0; width: 100%; display: block; color: #ffffff; font-size: .7em; font-weight: bold;}
#lnav li:hover, #lnav a:hover, #lnav .parent li:hover, #lnav .parent li a:hover {color: #4a555f;}
#lnav .beginGrp {padding-top: -4px; margin-top: -4px;}
#lnav .current a {margin: 0 -1px 1em -.5em; padding-left: .5em; position: relative; }
#lnav .parent {margin-right: -1px; position: relative;}
#lnav .parent li {list-style-image: url('../i/listsquaremenu.gif'); margin-left: 16px; padding-left: 0; padding-right:2px; }
#lnav .parent li, #lnav .parent li a {color: #ffffff;}
#lnav .parent a {margin: auto; border-width: 0; vertical-align: text-top; padding-left: 0;}
#lnav .current, #lnav .parent .current, #lnav .current a, #lnav .parent .current a, #lnav .current:hover, #lnav .parent .current:hover, #lnav .current 

a:hover, #lnav .parent .current a:hover {color: #4a555f;}
#lnav .disabled, #lnav .parent .disabled, #lnav .disabled a, #lnav .parent .disabled a, #lnav .disabled:hover, #lnav .parent .disabled:hover, #lnav 

.disabled a:hover, #lnav .parent .disabled a:hover {cursor: default; color: #ccc;}
#lnav .parent a {color: #4a555f;}

#lnav dl ul li ul li {padding: .3em 0 0 0;}

/* specialised styles */
.lgetxt {font-size: 1em;}
.smltxt {font-size:.75em;}
.whatsnewol {padding-bottom: 1em;}
.h2basepaded, .liwithpad li {padding-bottom: 0.75em; font-size: 1em;}
.h2toppaded {padding-top: 1em;}
.h1nopadding {padding-bottom: 0em;}
.h2nopadding {padding-bottom: 0em;}
.h3nopadding {padding-bottom: 0em;}
.olnotes {margin-top: 0em; font-size:0.85em;}
.hrzpadding {padding-top: 1em; padding-bottom: 1em;}
.pdfsize {font-style: normal; color: #000; font-weight: normal;}
.tblheading {color: #ed1c24; font-weight: bold;}
.h2link a {color: #00837a; text-decoration: none;}
.h2link a:hover {color: #00837a; text-decoration: underline;}
.h2link a:visited {color: #00837a;}
.h2heading {color: #ed1c24; font-weight: bold; font-size: 1em;}
.h2black {color: #000000; font-weight: bold; font-size: 1em;}
.h2blacknopadding {color: #000000; font-weight: bold; font-size: 1em; padding: 0em}
.h2center {text-align: center; margin-left: 6em; margin-right: 6em; padding-bottom: 1em;}
.imgpos {margin: auto;}
.deflst {margin-top: 0;}
.deflst dt, .deflstod dt {float: left; margin-right: 0.5em;}
.deflst dd {margin-left: 12em;}
.deflstod dd {margin-left: 10em;}
.deflstod dt {text-indent: 2em;}
.terms {line-height:1.3em; margin-top: 0; font-size: 0.9em;}
.terms dd, .dlbold dd {margin-left:0;}
.terms dt {float: left; margin-right: 0.3em;} 
.dlbold dt {font-weight: 600;}
.dlbold dd, .dlnews dd {margin-bottom: 1em; font-size: .9em; margin-left:0;}
.dlinternet dt {font-weight: 600; color: #00837a;}
.dlinternet dd {margin-bottom: 1em; margin-left:0; color: #000; font-weight: normal;}
.internetlist li {color: #000000; font-weight: normal;}
.footnote {padding-top: 1em;}
.hlighttext {font-style: normal; color: #ff0000; font-weight: normal;}
.supdt {font-size: 0.8em; line-height: 0.9em;}
.inlimg {display: inline; vertical-align: middle;}
.termsli {text-indent: 1em; font-size: 1em;}
.kiwili {text-indent: 1em; font-size: 1em; padding-top: 1em;}
.promoli {list-style: lower-alpha; font-size: 1em; }
.ibankli {margin-top:.3em;}
.closeli {margin-top: -1em;}
.sublist {font-size: 1em;}
.assetul {margin-top: -1em; padding-bottom:1em;}
.surgerypad {padding: 2mm}
.archivepad {padding-top: 2mm; padding-bottom: 2mm}
.wnlink {margin: 2em 0 0 2em;}
.wnimage {padding-right:1em;}
.wn {font-size: 0.85em; width:210px; float:left; padding-right:5px; padding-bottom:1em;}
.tdimg {display: block;}
.odd td {background-color: #edf6f6; text-align: center; padding: .3em 0 .3em 1em;}
.even td {background-color: #d9edeb; text-align: center; padding: .3em 0 .3em 1em;}
.odd tdleft {background-color: #edf6f6; text-align: center; padding: .3em 0 .3em 1em;}
.even tdleft {background-color: #d9edeb; text-align: left; padding: .3em 0 .3em 1em;}
.custupdate {line-height: 1.3em; font-weight: bold; text-decoration: none; color: #000000; font-size: 0.9em;}
.compupdate {line-height: 1.3em; font-weight: bold; text-decoration: none; color: #000000; font-size: 0.9em;}
.psisupdate {line-height: 1.3em; font-weight: bold; text-decoration: none; color: #000000; font-size: 0.9em;}
.disclaimer {font-size: 0.75em; padding-top:2em;}
.disclaimer2 {padding-top:2em; font-size: 0.75em; margin-bottom: -1em;}
.pnospacing {margin-bottom: 0em;}
tr.bottomborder td {border-bottom:2px solid #cccccc;}
.divborder {border-style:solid; border-width:2px; border-color:Gray; padding:4px 4px 4px 4px; margin-bottom:10px;}

/* tables */
.xsmlwdth {padding-left: 1em;padding-top: .3em; padding-bottom: .3em;width: 7em;}
.smlwdth {padding-left: 1em;padding-top: .3em; padding-bottom: .3em;width: 13em;}
.medwdth {padding-left: 1em;padding-top: .3em; padding-bottom: .3em;width: 17em;}
.medwdthline {border-bottom: 1px solid #00837a;background-color:#edf6f6; padding-left: 1em;padding-top: .3em; padding-bottom: .3em;width: 17em;}
.medwdth1 {background-color:#edf6f6; padding-left: 1em;padding-top: .3em; padding-bottom: .3em;width: 17em;}
.medwdth2 {background-color:#d9edeb; padding-left: 1em;padding-top: .3em; padding-bottom: .3em;text-align: left; width: 17em;}
.medtxtbot {padding-left: 1em;padding-top: .3em; padding-bottom: .3em; width: 13em; vertical-align:text-top;}
.lgewdth {padding-left: 1em;width: 16em; padding-bottom: .3em;}
.lgewdth2 {padding-left: 1em;width: 16em;}
.xlgewdth {padding-left: 1em;width: 20.5em;}
.td1 {padding-left: 1em;padding-top: .3em; padding-bottom: .3em;text-align: center; background-color:#edf6f6}
.td2 {padding-left: 1em;padding-top: .3em; padding-bottom: .3em;text-align: center; background-color:#d9edeb}
.tdfee1 {padding-bottom: 2px; background-color: #d9edeb;}
.thfee1 {background-color: #ffffff;}
.thfee2 {background-color: #ffffff;padding-left: 1em;width: 20.5em;}
.feeheader {text-align:center; padding-top: .3em; padding-bottom: .3em;width: 7em;}
.tdfee {text-align:center;}
.tdservicefee {text-align:center;}
.tdblankfill {font: .9em verdana, sans-serif; background-color: #edf6f6;}
.tdhr1 {padding-right: 1em; padding-left: 1em;padding-top: .3em; padding-bottom: .3em;font: .9em verdana, sans-serif;background-color: #edf6f6;}
.tdhr2 {padding-right: 1em; padding-left: 1em;padding-top: .3em; padding-bottom: .3em;font: .9em verdana, sans-serif;background-color: #d9edeb;}
.td2leftalign1 {padding-left: 1em;padding-top: .3em; padding-bottom: .3em;text-align: left; background-color:#edf6f6}
.td2leftalign2 {padding-left: 1em;padding-top: .3em; padding-bottom: .3em;text-align: left; background-color:#d9edeb}
.tdleft {text-align: left;}
.tdleftbold {text-align: left; font-weight: bold;}
.titlecol {text-align: left;}
.odd .titlecol {text-align: left;}
.even .titlecol {text-align: left;}
.titlecol1 {padding-left: 1em; padding-top: .3em; padding-bottom: .3em; text-align: left; background-color:#edf6f6; width: 20em;}
.titlecol2 {padding-left: 1em; padding-top: .3em; padding-bottom: .3em; text-align: left; background-color:#d9edeb; width: 20em;}
.tfexmpthcol {width: 26.5em; font-size:1em;}
.dthead {width: 10em; text-align: left; vertical-align:text-top;}
.ultrahd {text-align: center; width: 11.5em;}
.trmhd {text-align: left; width: 26em;}
.vchloanhd, .hcarehd {text-align: left; width: 14em;}
.fphead1 {width: 10em; text-align: right;background-color:#edf6f6; text-align: center;}
.fphead2 {width: 10em; text-align: right;background-color:#d9edeb; text-align: center;}
.fpcell1 {text-align: right;background-color:#d9edeb;text-align: center;}
.fpcell2 {text-align: right;background-color:#edf6f6;text-align: center;}
.fpcell3 {text-align: right;background-color:#edf6f6; text-align: center;}
.fperwdth, .fposwdth {width: 42.5em;}
.openhrs {background-color:#edf6f6; color: #00837a; font-size: 1em; text-align: center; padding: 1.5em 0 1em 0;}
.openhrshead {background-color:#ffffff; color: #00837a; font-size: 1em; text-align: center; padding: 1.5em 0 1em 0;}
.openhrshrs1 {text-align: right;background-color:#edf6f6;padding-right: 1em;}
.openhrshrs2 {text-align: right;background-color:#d9edeb;padding-right: 1em;}
.topspacing {padding-top: 1em;}
.bottomspacing {margin-bottom: 1em;}
.feebotspacing {padding-bottom:.6em;}
.tblheading {color: #ed1c24; font-weight: 600;}
.kiwitable {margin-bottom: 1em; text-align: center;}
.updatelink {margin: 0 0 0.2em 0}
.updatelink2 {margin: 2em 0 0 0}
.homeloanconds {font-weight:bold; padding-left: 1em;width: 16em; padding-bottom: .3em; text-align: center; background-color:#ccc; }
.updatelink2 {margin: 2em 0 0 0}


/* 090907 - PIE */
.pie {text-align:left;}
.pie td {text-align:left;}
.pie .pie1 {background-color:#d9edeb;width:30%;}
.pie .pie2 {background-color:#edf6f6;width:30%;}
.pie .pieBold td {font-weight:bolder;}


/* dropdown - all what's new pages*/
.h2header {padding-top: 1em; margin-bottom:1em;}
.dynamdw dt, #expand {line-height: 1.3em; font-weight: bold; padding-left: 2em; }
.dynamdw2 dt, #expand {line-height: 1.3em; font-weight: bold; padding-left: 2em; margin-bottom:-.5em;}
.dynamdw dt a, .dynamdl dt a:hover, #expand a, #expand a:hover {color: #000000; text-decoration: none;}
.dynamdw2 dt a, .dynamd1 dt a:hover, #expand a, #expand a:hover {color: #000000; text-decoration: none;}
.dynamdw dt span, #expand span {float: left; clear: none; margin-left: -2em; padding-right: 1.5em; background-image: url('../i/rhtarrow.gif'); 
background-repeat: no-repeat; background-position: left;}
.dynamdw2 dt span, #expand span {float: left; clear: none; margin-left: -2em; padding-right: 1.5em; background-image: url('../i/rhtarrow.gif'); 
background-repeat: no-repeat; background-position: left;}


.dynamdw dl {margin-left: 1.5em;}
.dynamd2 dl {margin-left: 1.5em;}
.ddtext {display: none;}
.dynamdw ul {margin-bottom: 1em;}
.ddexpand {margin: 1em 0 1em 0; display: block;}
.updatetitle {color: #00837a; text-decoration: none;}
 SPAN.test {padding-left: 1.9em; line-height: 1.3em; font-weight: bold; text-decoration: none; color: #000000; font-size: 0.9em; cursor: pointer;}
 div.test1 {display:inline; padding-left: 0.01em; line-height: 1.3em; font-weight: bold; color: #00837a; font-size: 0.9em; display: block;
 } 


 div.test1 .aa{padding-left: 0.2em; color: #000000; text-decoration: none; font-weight: normal;} 
 div.test1 .aa1{color: #000000; color: #000000; font-weight: normal; text-decoration:underline;} 
 div.test1block{display: inline; padding-left: 0.1em; line-height: 1.3em; font-weight: bold; color: #00837a; font-size: 0.9em;	display: none;}
 div.test1 .headlink {display: inline; color: #00837a; text-decoration: none; margin-left: -1em;}


 /* whats new hompage link*/
 div.span2 .hheadlink {display: inline; line-height: 1.3em; font-weight: bold; color: #00837a; margin-left: -1em; font-size: 0.9em;}
 div.span2 .aa{padding-left: 0.2em; color: #000000; font-weight: normal; text-decoration: none;font-size: 0.9em; line-height: 1.3em; } 
 div.span2 .aa1{color: #000000; font-weight: normal; text-decoration: underline; line-height: 1.3em;}
 SPAN.test2 {text-decoration: none;line-height: 1.3em; font-weight: bold; text-decoration: none; color: #000000; }
 .test2 a {text-decoration: none; font-weight: bold; text-decoration: none; color: #000000; }
 .test2 a:hover {color: #099; text-decoration: none;}
 .inlinetxt {margin-left: 2.2em; font-size: 0.9em;}

/* dropdown - whats new archives and home loan rates*/
.dynamdl dt a {line-height: 1.3em; font-weight: bold; display: block; padding-bottom: .1em; padding-left: 2em; cursor: pointer;}
 #expand a {line-height: 1.3em; font-weight: bold; display: block; margin-left: -2em; padding-left: 2em; cursor: pointer;}
.dynamdl dt a, .dynamdl dt a:hover, #expand a, #expand a:hover {text-decoration: none;}
.dynamdl dt span {float: left; clear: none; margin-left: -2em; padding-right: 1.5em; background-image: url('../i/rhtarrow.gif'); background-repeat: 

no-repeat; background-position: left top;}
#expand span {float: left; clear: none; margin-left: -2em; padding-right: 1.5em; background-image: url('../i/rhtarrow.gif'); background-repeat: 

no-repeat; background-position: left top;}
.dynamdl dl {margin-left: 1.5em;}
.ddtext {display: none;}
.dynamdl ul {margin-bottom: 1em;}
.ddexpand {margin: 0 0 1em 0; display: block;}

/* 2 factor */
.button a {text-decoration: none; font-size: .85em; padding: .1em .2em; font-weight: bold; display: block; background: #e8f5f5; color: #005252; 

text-align: center; width: 5.5em; height: 1.3em; border: solid 1px #dee; border-color: #dee #bedcdc #bedcdc #dee; -moz-border-radius: 3px; padding: 

.2em; white-space: nowrap;}
.button .disable, .button .disable:hover {color: #808080; cursor: default; text-decoration: none; border: solid 1px #dee;}
.button a:hover {color: #099; text-decoration: none;}

#stopib h3 {margin-bottom: 0; padding-bottom: 0;}
#stopib fieldset {border: none;}
#stopib fieldset p {margin-bottom: 0; margin-top: .25em;}
#stopib label {width: 18em; display: block; margin: .25em .25em 0 0; text-align: right; float: left;}
#stopib .button {margin: .5em 0 0 18.4em;}

/* map */
td img {
	display: block;
}

#map li {font-size: .9em; margin: 2px 0px 3px 0px;}
#icontent div.overlay li {font-size: 1em; margin: 0 0 0 0;}

div#HoverChristchurch {
	background:transparent url('../i/chch.gif') left top no-repeat;
	width:130px;
	height:51px;
	top:-18px;
	left:83px;
	padding-left: 12px;
	font-size:9px;
}
div#HoverWellington {
	background:transparent url('../i/welly.gif') left top no-repeat;
	width:85px;
	height:64px;
	top:-25px;
	left:70px;
	padding-left: 13px;
	font-size:9px;
}
div#HoverAuckland {
	background:transparent url('../i/auck.gif') right top no-repeat;
	width:125px;
	height:120px;
	left:-100px;
	top:-60px;
	padding-right: 17px;
	font-size:9px;
}
div#HoverAuckland ul li{
	text-align:right;
	list-style-image: none;
}
div.overlay{
	position:absolute;
}
div.overlay ul {
	list-style:none;
	padding:0;
	margin:1px 0 0 0;
	height:1%;

}
div.overlay ul li {
	padding: 0px 5px;
	margin:0px;
	color:#4A555F;
	border-bottom: 1px solid #CCC;
	background-color:#DBDDDF;
	list-style-image: none;
	
}
div.overlay ul li:hover {
	color:#000;
}
div.overlay ul a:hover {
	color:#00837a;
}
div.overlay ul li a{
	text-decoration:none;
	color:#4A555F;
}
div.hover{
	position:relative;
	cursor:pointer;
}

/* Image captions */

.caption {
    color: #5C5C5C;
    font-size: 0.85em;
    font-weight: 700;
    margin: 0em 1em;
    padding: 0;    
    text-align:center;
}

/* careers */
.profile-img
{margin: auto;}

.profile-left 
{float:left; width:40%;margin: 1em 0 0em 0;
    padding: 1em;}

.profile-right
{float:right; width:50%;margin: 1em 0 0em 0;
    padding: 1em;}

div.profile-right h3 {padding: 0 0 .3em 0;}

.profile-clear {clear:both}

table.careers thead tr th {padding: .5em; background-color: #d9edeb; text-align:left;}
table.careers tbody tr th.career-ops-th{font-weight: normal; border: none; background-color:#edf6f6;}
table.careers {width: 100%;}
table.careers tbody tr th {padding: .5em; background-color: #d9edeb;}
table.careers tbody tr {padding-top: 2em; text-align:left;}
table.careers tbody tr td {padding: .5em; }
.profileh2 {font-size: 1.3em;}
.nextprofile {padding-left: 1.5em;padding-top: 1.5em;}

.careers-img
{margin: auto; padding-top: .75em;}

/* Our Managment team */
.smtimages 
{
margin: 1em 1em 1em 1em;
float:right;
}

/* Social Media */
.youtube 
{
	margin: auto;
	padding: 1em;}

.socmed-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position:absolute;
bottom:1px;
left:-4px;

}

.socmed-list a#youtubelink {
    background-image: url("../i/youtube.png");
    background-repeat:no-repeat;
    margin-bottom: 1px;
    background-position: left center;
    line-height: 35px;
    padding-left: 36px;
}


.lgarrows li
{
}


.p2o-left 
{float:left; width:55%; padding-left:20px;}

.p2o-right
{float:right; width:40%;}

.p2o-right p
{
	 background-image: url(../i/lgrhtarrow.gif);
background-repeat: no-repeat;
background-position: left center;
	 color: #00837A;
    font-weight: bold;
        padding: 10px 0px 10px 36px;
    font-size:12px;}

.p2o-right a:link {text-decoration:none;}
.p2o-right a:visited {text-decoration:none;}
.p2o-right a:hover {text-decoration:underline;}
.p2o-right a:active {text-decoration:underline;}

.p2o-clear {clear:both;} 

p#p2o-1p.lgarrows {margin-top: 20px; margin-bottom: 0px;}
#p2o-2p {margin-top: 0px;}

.p2opanel {
    left: 815px;
    position: absolute;
    top: 700px;
}