/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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, caption, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
table,tbody,tfoot,thead,tr,th,td{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-spacing: 0;
}

sup { font-size: 70%; vertical-align: super; }

/* end reset css */

/* start css */
html {
  height: 100%;
  -webkit-font-smoothing: antialiased; 
}
html * {
  zoom: 1;
}
:focus {
  outline: none;
}
::-moz-focus-inner {
  border: 0;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
body {
  background: #fff;
  width: 100%;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 100%;
  height: 100%;
  color: #666;
  font-family: Helvetica, Arial, sans-serif;
  font-style: normal;
  line-height: 21px;
}
.accessibility-links {
  display: none;
}
#overlay {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 5;
}
#overlay.is-active {
  display: block;
}


/**** cols and rows ****/

.row,
.footer-row {
  overflow: hidden;
  _overflow: visible;
  _zoom: 1;
}
.headspace-20 {
  padding-top: 20px !important;
}
.pad-left-10 {
  padding-left: 10px !important;
}
.pad-btm {
  padding-bottom: 20px !important;
}
.col {
  position: relative;
  float: left;
  display: inline-block;
  margin: 0;
}

.col td, .col th { border:0; }

.padleft {
  padding-left: 20px;
}
.padright {
  padding-right: 20px;
}
.padboth {
  padding: 0 20px;
}
.full {
  width: 100%;
  max-width: 980px;
}
.full.pl.pr {
  width: 100%;
  max-width: 940px;
}
.half {
  width: 50%;
}
.third {
  width: 33.333333333%;
}
.two-thirds {
  width: 66.66666666%;
}
.quarter {
  width: 25%;
}
.three-quarters {
  width: 75%; 
}
.two-fifth {
  width: 40%;
}
.three-fifth {
  width: 60%;
}
.left-nav {
  width: 230px;
}



/********  fonts and elements   *******/
.wf-loading h2,
.wf-loading h2,
.wf-loading h2,
.wf-loading h3,
.wf-loading h5,
.wf-loading #header ul.hrz-nav li a {
  visibility: hidden;
}
p {
  color: #666;
  line-height: 21px;
  font-family: Helvetica, Arial, sans-serif;
  letter-spacing: normal;
  margin: 0px 0px 10px 0px;
  padding: 0;
}
td,
input {
  color: #666;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 25px;
  letter-spacing: normal;
  line-height: 21px;
}
h2, h5, h6 {

} 
h2, h2, h3 {
  
}

h1 {
  /* font-family: "myriad-pro-n6", "myriad-pro", Helvetica, Arial, sans-serif; */
  color: #003f65;
  font-weight: 600;
  line-height: 35px;
  margin: 0 0px 30px 0px;
  padding: 0;
  text-align: center;
}

.home-banner h1,
.profile-banner h1 {
  line-height: 43px;
  margin: 0 0px 20px 0px;
  text-align: left;
}

#header p {
  /* font-family: "myriad-pro-n4", "myriad-pro", Helvetica, Arial, sans-serif; */
  color: #ffffff;
  font-weight: 400;
  line-height: 50px;
  margin: 0;
  padding: 0;
}
h2 {
  /* font-family: "myriad-pro-n6", "myriad-pro", Helvetica, Arial, sans-serif; */
  color: #003f65;
  font-weight: 600;
  line-height: 35px;
  margin: 0 0px 30px 0px;
  padding: 0;
  text-align: center;
}
h3 {
  /* font-family: "myriad-pro-n6", "myriad-pro", Helvetica, Arial, sans-serif; */
  color: #003f65;
  font-weight: 600;
  line-height: 22px;
  margin: 0 0px 10px 0px;
  padding: 0;
}
h4 {
  /* font-family: "myriad-pro-n6", "myriad-pro", Helvetica, Arial, sans-serif; */
  color: #003f65;
  font-weight: 600;
  line-height: 22px;
  margin: 0 0px 10px 0px;
  padding: 0;
}
h5 {
  /* font-family: "myriad-pro-n6", "myriad-pro", Helvetica, Arial, sans-serif; */
  color: #003f65;
  font-weight: 600;
  line-height: 20px;
  margin: 0 0px 12px 0px;
  padding: 0;
  text-align: left;
}
h6 {
  /* font-family: "myriad-pro-n4", "myriad-pro", Helvetica, Arial, sans-serif; */
  color: #666;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0px 30px 0px;
  padding: 0;
}

@font-face{
  font-family:'ProximaNova';
  src:url('../fonts/proximanova-bold-webfont.eot');
  src:url('../fonts/proximanova-bold-webfont.eot?iefix') format('eot'),
      url('../fonts/proximanova-bold-webfont.woff') format('woff'),
      url('../fonts/proximanova-bold-webfont.ttf') format('truetype');
  font-weight:normal;
  font-style:normal;

}
@font-face{
  font-family:'Myriad Pro Regular';
  font-style:normal;
  font-weight:normal;
  src:local('Myriad Pro Regular'),
  url('../fonts/MYRIADPRO-REGULAR.woff') format('woff');
}
@font-face{
  font-family:'Myriad Pro Semibold';
  font-style:normal;
  font-weight:normal;
  src:local('Myriad Pro Semibold'),
      url('../fonts/MYRIADPRO-SEMIBOLD.woff') format('woff');
}
body{
  font-size:14px;
  color:#494949;
  background:#fff;
  font-family:"Myriad Pro Regular";
  line-height:1.42857143
}
h2{
  font-family:"ProximaNova";
  letter-spacing:.09em;
  font-weight:normal
}
h1{
  font-size:1.286em
}
h2{
  font-size:1.429em;
  color:#004165
}
h3{
  font-size:1.429em;
  font-family:"Myriad Pro Semibold";
  font-weight:normal
}
h4{
  margin:0;
  font-family:"Myriad Pro Semibold";
  font-weight:normal
}
button{
  font-family:"Myriad Pro Semibold"
}
form .button{
  font-family:"Myriad Pro Regular"
}
@media(min-width:768px){
  h1{
      font-size:1.786em
  }
  h2{
      font-size:1.857em
  }
  h3{
      font-size:1.429em
  }
}



p.small {
  margin: 0px 0px 10px 0px;
}
p.red,
span.red {
  color: #C01F09 !important;
}
p.error,
h3.error,
span.error {
  color: #cc0000 !important;
  font-weight: 600;
}
p.btn-row {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
p.clear {
  clear: both;
  margin: 0;
  padding: 0;
  height: 0px;
}
ul,
ol {
  margin: 0 0 20px;
  line-height: 150%;
}
ul li {
  list-style-position: outside;
  list-style-image: url(/images/bg-link-bullet-blue.png);
  margin-left: 15px;
  line-height: 27px;
  font-family: Helvetica, Arial, sans-serif;
  color:#666666;
}
ol li {
  margin-left: 2em;
  line-height: 27px;
  font-family: Helvetica, Arial, sans-serif;
  list-style-type:decimal;
}
a,
a:visited {
  color: #007db8;
  text-decoration: none;
}
a:hover,
a:active {
  color: #003f65;
  text-decoration: underline;
}
a:active,
a:focus {
  outline-style: none;
  -moz-outline-style: none;
}
a.bullet {
  display: block;
  padding-left: 15px;
  background: url(/images/bg-link-bullet-blue.png) no-repeat 0 0;
}
a h5 {
  color: #007DB8;
}
a:hover h5 {
  color: #007DB8;
  text-decoration: underline;
}
code {
  font: 1.1em 'Courier New', Courier, Fixed;
}
/* Begin Various Tags & Classes */
acronym,
abbr,
span.caps {
  cursor: help;
}
acronym,
abbr {
  border-bottom: 1px dashed #999;
}

a img {
  border: none;
}
strong, b {
  font-weight: bold;
}
i, em {
  font-style: italic;
}

hr {
  position: relative;
  clear: both;
  display: block;
  border: 0;
  width: 1000%;
  height: 1px;
  background-color: #d9d9d9;
  color: #d9d9d9;
  margin: 20px 0 40px -500%;
}

@media only screen and (max-width: 1020px) { 
  hr {
    width: 100%;
    margin: 20px 0 40px 0;
  }
}





#section .container .col.half.last hr {
  margin-left: 7%;
}
.clearleft {
  clear: left;
}
span.nowrap {
  white-space: nowrap;
}
/***** PAGE SECTIONS ****/
/***** GENERIC STYLE ****/
#header,
#section,
#footer {
  position: relative;
  width: 100%;
  z-index: 1;
  background: #fff;
}

#header .container,
#primary-nav .container,
#sub-nav .container,
#section .container,
#footer .container {
  width: 1000px;
  margin: 0 auto !important;
}
#section .container .col.half h2,
#section .container .col.half h3,
#section .container .col.half h4,
#section .container .col.half h5,
#section .container .col.half p,
#section .container .col.half ul {
  padding-right: 7%;
}
#section .container .col.half.last h2,
#section .container .col.half.last h3,
#section .container .col.half.last h4,
#section .container .col.half.last h5,
#section .container .col.half.last p,
#section .container .col.half.last ul {
  padding-right: 0;
  padding-left: 7%;
}
#section .container .col.half.last ul p {
  padding-left: 0;
}

#section {
  border-top: solid 1px #d9d9d9;
}
#section.noborder {
  border-top: none;
}
#section.colapse {
  border-top: none;
}
#section.colapse .container {
  padding-top: 0 !important;
}
#section.alt {
  background: #f7f7f7;
}

table.layout {
  width: 100%;
  border: 0;
  padding:0;
  border-spacing:0;
  border-collapse:collapse;
  background: none !important;
}
table.layout td {
  border: none;
  text-align: left;
  vertical-align: top;
  padding: 0;
  background: none;
}

table.layout .half { padding-right:30px; }
table.layout .last { padding-left:30px; padding-right:0; }

table { 
  border-collapse: collapse;
}
td, th, table.table td, table.table th {
  border: solid 1px #dadada;
  padding: 8px 5px;
  color:#474747;
  /*
  vertical-align: middle;
  text-align: center;
  */
}

table td:first-child {
  text-align: left;
}
table thead tr:first-child, table.table thead tr:first-child {
  background: #B9C9D0;
  font-weight: bold;
}
table tbody tr:nth-child(even), table.table tbody tr:nth-child(even) {
  background: #f5f5f5;
}

.col.half table {
  margin-right: 7%;
}
.col.half.last table {
  margin-right: 0;
  margin-left: 7%;
}
table.layout tr:first-child,
table.layout tr:nth-child(even) {
  background: none;
}



/** common  **/
.overview input[type="number"].ageinput {
  width: 58px;
  height: 45px;
  line-height: 45px;
  border: 1px #CCCCCC solid;
  margin: 0 ;
  padding: 0;
  font-family: "myriad-pro-n6", "myriad-pro", Helvetica, Arial, sans-serif;
  color: #003f65;
  font-weight: 600;
  text-align: center;
}
.ie7 .overview input[type="number"].ageinput,
.ie8 .overview input[type="number"].ageinput  {
  vertical-align: top;
  }
.overview #prompt {
  max-width: 90%;
}
.overview fieldset {
  border: 0;
  padding-bottom: 9px;
}
.overview label {
  display: block;
  cursor: pointer;
  line-height: 20px;
  margin-bottom: 20px;
  padding-left: 34px;
  font-family: "myriad-pro-n6", "myriad-pro", Helvetica, Arial, sans-serif;
  color: #003f65;
  font-weight: 600;
}
.overview .label_check input,
.overview .label_radio input {
  margin-right: 5px;
}
.js .overview .label_radio {
  background: url(/images/radio.png) no-repeat left top;
}
.js .overview label.r_on {
  background-position: left -130px;
}
.js .overview .label_radio input {
  position: absolute;
  left: -9999px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#section .container .col img {
  display: block;
  margin: 0 auto !important;
}



/***** HEADER ****/
#header {
  height: 60px;
  /*background: url(/images/bg-header.png) no-repeat center 0;*/
  background:#004165;
  z-index: 6;
}
#header .container {
  height: 60px;
  /*background: #0071a9 url(/images/bg-header.png) no-repeat right 0;*/
}

#header .container .logo { margin-left: -27px; }

/***** PRIMAY NAV ****/
#primary-nav {
  position: relative;
  z-index: 1000;
  width: 100%;
  height: 60px;
  background: url(/images/bg-primary-nav.png) no-repeat center top;
}
#sub-nav {
  position: relative;
  margin-top: -22px;
  padding-top: 22px;
  height: 50px;
  z-index: 3;
  width: 100%;
  background: #fff;
  border-bottom: solid 1px #d9d9d9;
}


/***** HOME BANNER ****/

#section.home-banner {
  border-top: none;
}



#section.content-tabs .container {
  padding-top: 50px;
  padding-bottom: 40px;
}
#section.content-sub-tabs .container {
  padding-bottom: 40px;
}



#section.four-column {
}
#section.four-column .container {
  padding-top: 40px;
  padding-bottom: 40px;
}
#section.four-column .container .col h4 a,
#section.four-column .container .col h4 a:visited,
#section.four-column .container .col h4 a:hover {
  color: #003f65;
  text-decoration: none;
}


#section.four-column .container .col p {
  font-size: 12px;
  padding: 0;
}
#section.four-column .container .col div {
  background: url(/images/bg-four-cols-divider.png) no-repeat right 0;
}
#section.four-column .container .col.last div {
 background: none;
}
#section.four-column .container .col img {
  padding-bottom: 10px;
}


#section.content-std {
  overflow: hidden;
}


#section.content-std .container {
  padding-top: 50px;
  padding-bottom: 40px;
}

#section.content-std .container .intro {
  padding-bottom: 30px;
}
#section.content-std .container p.title {
  line-height: 25px;
}
#section.content-std .container .col.myth h3 {
  margin-bottom: 0;
}
#section.content-std .container h5 {
}

#section.content-sil .container h1,
#section.content-sil .container h3,
#section.content-sil .container h4,
#section.content-sil .container h5 {
  /*color: #727935 !important;*/
}



#section.content-documents {
  position: relative;
  margin-top: -22px;
  padding-top: 72px;
  padding-bottom: 40px;
  background: #eee;
}


#section.link-bank  {
  background: #EFF2F3;
}
#section.link-bank .container .col h5 {
  margin-bottom: 12px;
}
#section.link-bank .container .col p { 
  color: #333;
  margin-bottom: 8px; 
} 
#section.contact .container .col ul {
  margin: 0;
}
#section.link-bank .container .col li a { 
  color: #007DB8;
} 



#section.tile-bank {
  background: #EFF2F3;
}


#section.content-banner {
  padding-top: 20px;
}

#section.no-top-pad .container {
  padding-top: 0px;
}


#section.content-select-scheme {
  background: #eee;
}
#section.content-select-scheme .container {
  padding-top: 50px;
  padding-bottom: 40px;
}

#section.content-select-scheme .container .row {
  position: relative;

}
#section.content-select-scheme .container .col {
  margin: 0 15px;
  background: #fff;
  border-bottom: solid 1px #b5b5b5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
#section.content-select-scheme .container .col {
  width: 300px;
}
#section.content-select-scheme .container .col.first {
  margin-left: 20px;
}
#section.content-select-scheme .container .col .padboth {
  padding: 30px;
}
#section.content-select-scheme .container .col p {
  margin-bottom:30px;
}

#section.content-select-scheme .container .col img.tile-logo {
  float:right;
}


#section.content-select-scheme .container .col .kiwisaver h3 {
  color: #003F65;
}
#section.content-select-scheme .container .col .onepath h3,
#section.content-select-scheme .container .col .sil h3 {
  color: #6D9832;
}






table.master-content {
  margin-top: 40px;
}
table.master-content h3 {
  padding-left: 20px;
}



table.documents-table {
  position: relative;
  width: 980px;
  border: 0;
  padding: 0;
 /* border-spacing:20px;*/
  margin-left: 10px;
  background: none !important;
}
table.documents-table td.third {
}
table.documents-table td {
  float:left;
  display: table-cell;
  width: 265px;
  padding: 15px 20px;
  margin: 10px 10px 30px 10px;
  background: #fff;
  border-bottom: solid 1px #b5b5b5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;

}

table.documents-table h5 {
  color: #007DB8;
}
table.documents-table p {
  font-size: 11px !important;
  line-height: 16px;
  margin-bottom: 15px;
}
table.documents-table span {
  display: inline-block;
  float:left;
  font-size: 10px;
  line-height: 31px;
  padding-left: 40px;
  background: url(/images/icon-pdf.png) no-repeat 0 0;
}
table.documents-table .rnd,
table.documents-table .btn {
  float:right;
}











  



/* FOOTER*/

#section.contact {
  background: #007db8;
  border: none;
}
#section.contact .container {
  padding-top: 40px;
  padding-bottom: 25px;
}

#section.contact .container .col.middle {
  background: url(/images/bg-footer-divider.png) no-repeat 0 0;
}
#section.contact .container .col.middle div {
  padding-left: 40px;
}
#section.contact .container .col.last {
  width: 30%;
}
#section.contact .container .col h5 {
  color: #ffffff;
  margin-bottom: 12px;
}
#section.contact .container .col p, 
#section.contact .container .col p a { 
  color: #ffffff; 
  margin-bottom: 8px; 
} 
#section.contact .container .col ul {
  margin: 0;
}
#section.contact .container .col ul li {
  list-style-image: url(/images/bg-link-bullet-white.png);
}
#section.contact .container .col li a { 
  color: #ffffff; 

} 


#section.contact .container .col p a span.email-icon {
  display: inline-block;
  width: 27px;
  height: 16px;
  background: url(/images/icon-email.png) no-repeat left top;
  vertical-align: middle;
}
#section.contact .container .col p a span.contact-icon {
  display: inline-block;
  width: 27px;
  height: 16px;
  background: url(/images/icon-phone.png) no-repeat left top;
  vertical-align: middle;
}
#section.contact .container .col p a span.arrow-icon {
  display: inline-block;
  width: 27px;
  height: 16px;
  background: url(/images/bg-link-bullet-white.png) no-repeat center top;
  vertical-align: middle;
}



#footer {
  position: relative;
  width: 100%;
  background: #004165;
  z-index: 1;
}
#footer .container {
  min-height: 62px;
  padding-top: 25px;
  padding-bottom: 30px;
}
#footer .copyright {
  position: relative;
  margin-top: -30px;
}
#footer .copyright p {
  font-family: Helvetica, Arial, sans-serif;
  color: #ffffff;
  font-size: 12px;
  font-weight: normal;
  line-height: 15px;
}
#footer .adviser-login {
  position: relative;
  z-index: 2;
  float:right;
  display: inline-block;
 
  text-align: right;
  margin-top: -20px;
} 








/* homepage slider layout */


#slider {
  position: relative;
  display: inline-block;
  width:100%;
  height: auto;
  background: #fff;
  margin-top: -22px;
} 

#slider .slide  {
  margin: 0;
  padding: 0;
  position: relative;
  width:100%;
  height: auto;
    background-size: cover;
  -webkit-background-size: cover;
}

.slide-1 {
  background: url(/images/banners/homepage-1.jpg) no-repeat center top;
}
.slide-2 {
  background: url(/images/banners/homepage-2.jpg) no-repeat center top;
}
.slide-3 {
  background: url(/images/banners/homepage-3.jpg) no-repeat center top;
}
.slide-4 {
  background: url(/images/banners/homepage-4.jpg) no-repeat center top;
}
.slide-5 {
  background: url(/images/banners/homepage-5.jpg) no-repeat center top;
}
.slide-6 {
  background: url(/images/banners/homepage-6.jpg) no-repeat center top;
}
.slide-7 {
  background: url(/images/banners/homepage-7.jpg) no-repeat center top;
}


@media only screen and (max-width: 1020px) { 
  .slide-1 .container {
    background: url(/images/banners/homepage-1.jpg) no-repeat center top;
  }
  .slide-2 .container {
    background: url(/images/banners/homepage-2.jpg) no-repeat center top;
  }
  .slide-3 .container {
    background: url(/images/banners/homepage-3.jpg) no-repeat center top;
  }
  .slide-4 .container {
    background: url(/images/banners/homepage-4.jpg) no-repeat center top;
  }
  .slide-5 .container {
    background: url(/images/banners/homepage-5.jpg) no-repeat center top;
  }
  .slide-6 .container {
    background: url(/images/banners/homepage-6.jpg) no-repeat center top;
  }
  .slide-7 .container {
    background: url(/images/banners/homepage-7.jpg) no-repeat center top;
  }
}




.slide-2,
.slide-3,
.slide-4,
.slide-5 {
  display: none;
}
#slider ul.slides,
#slider ul.slides > li {
  position: relative;
  z-index: 9;
  margin: 0;
  list-style: none;
  list-style-image: none;
  overflow: hidden;
}

#slider .container {
  width: 1000px;
  margin: 0 auto;
  height: 318px;
  padding-top: 75px;
}
#slider .container h1 {
  color: #003f65;
  margin-bottom: 10px;
  text-align: left;
}
#slider .container p {
  color: #003f65;
  margin-bottom: 20px;
}

#slider  ol.flex-control-nav {
  position: absolute;
  z-index: 10;
  bottom: 10px;
  left: 50%;
  width: auto;
  height: 24px;
  margin: 0;
  margin-left: -490px;
  padding: 0 !important;
  list-style: none;
}
#slider ol.flex-control-nav li {
  list-style-image: none;
  display: inline-block;
  float: left;
  margin: 0;
}
#slider ol.flex-control-nav li a {
  display: inline-block;
  height: 24px;
  width: 24px;
  background: url(/images/slider-indicators.png) no-repeat 0 0;
  text-indent: -9999px;
  cursor: pointer;
}
#slider ol.flex-control-nav li a.flex-active {
  background-position: 0 100%;
  cursor: default;
}
 /* iPad Portrait */
@media only screen and (max-width: 768px) {

  .slide-1, .slide-2, .slide-3, .slide-4, .slide-5 {
    background-position: 40% bottom;
  }

}








































/* comparrison table layout */

#comparison-table {
  width: 100%;
  border: none;
  border-right: solid 1px #d7d7d7;
}
#comparison-table thead th {
  background: #B9C9D0;
  color: #003F64;
  font-family: "myriad-pro-n4", "myriad-pro", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 14px !important;
  text-align: center;
  border: solid #d7d7d7;
  border-width: 1px 0 0 1px;
  padding: 10px 2px;
  vertical-align: bottom;
}
#comparison-table thead th span {
  display: block;
  line-height: 14px;
  margin-top: 4px;
}
#comparison-table thead th.first-th {
  background: none;
  border: none;
}
#comparison-table tbody td {
  border-left: solid 1px #d7d7d7;
  padding: 10px;
  background: #fff;
  color: #003F64;
  font-family: "myriad-pro-n4", "myriad-pro", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 16px;
  vertical-align: middle;
}
#comparison-table tbody td.col2,
#comparison-table tbody td.col3 {
  background: #F5F7F8;
}
#comparison-table tbody tr.alt td {
  background: #f5f5f5;
}
#comparison-table tbody tr.alt td.col2,
#comparison-table tbody tr.alt td.col3 {
  background: #ECEEEF;
}
#comparison-table tbody tr.first-row td {
  border-top: solid 1px #d7d7d7;
}
#comparison-table tbody tr.last-row td {
  border-bottom: solid 1px #d7d7d7;
}
#comparison-table tbody td span.tick,
#comparison-table tbody td span.cross {
  display: block;
  width: 12px;
  height: 12px;
  margin: 0 auto 0;
  background: url(/images/icons-tick-cross.png) no-repeat 0 0;
  text-indent: -9999px;
}
#comparison-table tbody td span.cross {
  background-position: 0 -52px;
}
#comparison-table tbody td.key span {
  display: block;
  padding-left: 35px;
  min-height: 32px;
}
#comparison-table .one-col {
  width: 20%;
}
#comparison-table .two-col {
  width: 40%;
}
#comparison-table tbody td.key span.gov,
#comparison-table tbody td.key span.emp,
#comparison-table tbody td.key span.hom {
  background: url(/images/icons-comp-table.png) no-repeat 0 0;
}
#comparison-table tbody td.key span.emp {
  background-position: 0 -76px;
}
#comparison-table tbody td.key span.hom {
  background-position: 0 -154px;
}




/* responsive images */
img {
  max-width: 100%;
}
p.onecol-image {
  padding-top: 15px;
  padding-bottom: 15px;
}
.wide-image {
  display: inline-block;
  margin: 0 auto 15px;
}
.wide-image .col img {
 /* float:right;*/
}
.wide-image .col.last img {
  /*float:left;*/
}
.wide-image img.border-right {
  border-right: solid 1px #adc6d6;
}




/* responsive video */

.onecol-video,
.onecol-video-wide {
  padding: 15px 0;
}

.twocol-video {
  padding: 15px 0;
}
.twocol-video-wide {
  padding: 15px 0;
}
.col.half .twocol-video {
  padding-right: 7%;
}
.col.half.last .twocol-video {
  padding-right: 0;
  padding-left: 7%;
}

.video-embedded {
  width: 100%;
  max-width: 470px;
  margin: 0 auto;
}
.onecol-video-wide .video-embedded {
  max-width: 600px;

}
.video-embedded-inner {
  position: relative;
  height: 0;
  overflow: hidden;
  width: 100%;
}
.video-embedded-inner.ratio-16-to-9 {
  padding-top: 56.25%;
}
.video-embedded-inner.ratio-4-to-3 {
  padding-top: 75%;
}
.video-embedded-inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}












/* nav elements */
/* Fix IE. Hide from IE Mac \*/
* html ul li {
  float: left;
}
* html ul li a {
  height: 1%;
}
body {
  font-size: 100%;
}
/* End */
ul.nav,
ul.nav li {
  margin: 0;
  list-style: none;
}
ul.nav li {
  margin: 0;
  display: block;
  list-style-image: none;
  width: auto;
}
ul.nav.hrz li {
  float: left;
}
ul.nav.vert li {
  float: none;
}
#header .container {
  height: 50px;
  background: url(/images/bg-header-inside.png) no-repeat 0 0;
}
.logo a {
  display: block;
  width: 260px;
  height: 50px;
  text-indent: -9999px;
  background: url(/images/logo-header.png) no-repeat 0 0;
}



#primary-nav ul.nav.hrz {
  background: url(/images/bg-primary-nav.png) no-repeat 3000px top;
}
#primary-nav ul {
  width:  1000px;
  margin: 0 auto !important;
  height: 60px;
}
#primary-nav ul li {
  position: relative;
  float: left;
  height: 60px;
  padding: 0 8px 0 4px;
  background: url(/images/bg-primary-nav-item.png) no-repeat center top;
  z-index: 0;
}
#primary-nav ul li a {
  display: block;
  padding: 20px 15px 0 5px;
  width: auto;
  height: 40px;
  line-height: 21px;
  letter-spacing: 0em;
  font-weight: 600;
  text-decoration: none;
  font-family: "myriad-pro-n6", "myriad-pro", Helvetica, Arial, sans-serif;
  color: #007db8;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
#primary-nav ul li a.noclick {
  /*cursor: default;*/

}
#primary-nav ul li.first {
  padding-left: 8px;
}
#primary-nav ul li.first a {
  margin-left: 6px;
}
#primary-nav ul li.has-child {
  background: url(/images/bg-primary-nav-item-has-child.png) repeat-x left top;
}
#primary-nav ul li.has-child a {
  background: url(/images/bg-primary-nav-item-has-child-arrow.png) no-repeat right top;
}
#primary-nav ul li.has-child.current {
  background: url(/images/bg-primary-nav-current-item-has-child.png) no-repeat center top;
}
.no-touch #primary-nav ul li.has-child:hover,
#primary-nav ul li.has-child.is-active {
  background-position: left bottom;
  z-index: 1;
  box-shadow: 0px 5px 7px 0px rgba(50, 50, 50, 0.25);
  -webkit-box-shadow: 0px 5px 7px 0px rgba(50, 50, 50, 0.25);
  -moz-box-shadow: 0px 5px 7px 0px rgba(50, 50, 50, 0.25);
  -o-box-shadow: 0px 5px 7px 0px rgba(50, 50, 50, 0.25);
}
#primary-nav ul > li.current > a,
#primary-nav ul > li > a:hover,
.no-touch #primary-nav ul > li:hover,
.no-touch #primary-nav ul > li:hover > a {
  color: #003f65;
}
#primary-nav ul > li.current {
  background-position: center bottom;
}
.no-touch #primary-nav ul > li:hover {
  background-position: center bottom;
}
.no-touch #primary-nav ul li.current.has-child:hover,
#primary-nav ul li.current.has-child.is-active {
  background-position: center top;
  z-index: 1;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
}


#primary-nav ul li ul {
  display: none;
}
.no-touch #primary-nav ul li:hover ul {
  display: block;
}
#primary-nav ul > li.current ul {
  display: none !important;
}
#primary-nav ul li ul {
  position: absolute;
  top: 60px;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0 16px 10px 10px;
  z-index: 100;
  background: #ffffff;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -khtml-border-bottom-right-radius: 5px;
  -khtml-border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: 0px 5px 7px 0px rgba(50, 50, 50, 0.25);
  -webkit-box-shadow: 0px 5px 7px 0px rgba(50, 50, 50, 0.25);
  -moz-box-shadow: 0px 5px 7px 0px rgba(50, 50, 50, 0.25);
  -o-box-shadow: 0px 5px 7px 0px rgba(50, 50, 50, 0.25);
}
#primary-nav ul li ul li {
  position: relative;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 34px;
  background: none !important;
  border-bottom: solid 1px #d9d9d9;
}
#primary-nav ul li ul li.first  {
  padding-left: 0;
}
#primary-nav ul li ul li a {
  position: relative;
  width: 100%;
  display: block;
  margin: 0;
  color: #007db8;
  padding: 0;
  height: 25px;
  white-space: nowrap;
  background-image: none;
  line-height: 34px;
  font-weight: 400;
  text-decoration: none;
}
#primary-nav ul li ul li.last {
  border: none;
}
#primary-nav ul li ul li.first a {
  margin: 0;
}


#primary-nav ul li.login {
  padding: 13px 0 0;
  height: 47px;
  margin-right: 20px;
  float:right;
}

#primary-nav ul li.login a {
  height: auto;
  font-family: "myriad-pro-n6", "myriad-pro", Helvetica, Arial, sans-serif;
  color: #003F65;
  font-weight: 600 !important;
  text-decoration: none;
  text-align: center;
  text-shadow: -1px -1px 0px rgba(255, 255, 255, 0.4);
  font-size: 16px;
  line-height: 16px;
  width: 170px;
  padding: 8px 0px 8px;
  float:right;
}
.no-touch #primary-nav ul li.login:hover a.noclick,
.no-touch #primary-nav ul li.login a.noclick:hover,
#primary-nav ul li.login.is-active a.noclick,
#primary-nav ul li.login.is-active a.noclick.is-active {
  border-color: transparent !important;
  background: none !important;
}
#primary-nav ul li.login a span {
  background: url(/images/icon-lock.png) no-repeat left top;
  padding-left: 20px;
}

.no-touch #primary-nav ul li.login:hover,
#primary-nav ul li.login.is-active {
  background: url(/images/bg-primary-nav-item-has-child.png) repeat-x left bottom;
  z-index: 1;
  box-shadow: 0px 5px 7px 0px rgba(50, 50, 50, 0.25);
  -webkit-box-shadow: 0px 5px 7px 0px rgba(50, 50, 50, 0.25);
  -moz-box-shadow: 0px 5px 7px 0px rgba(50, 50, 50, 0.25);
  -o-box-shadow: 0px 5px 7px 0px rgba(50, 50, 50, 0.25);
}

#primary-nav ul li.login ul {
  padding: 5px 20px 0;
  left: auto;
  right: 0;

}
#primary-nav ul li.login ul li {
  padding: 15px 0;

}
#primary-nav ul li.login li a {
  display: inline-block;
  font-family: "myriad-pro-n6", "myriad-pro", Helvetica, Arial, sans-serif;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.4);
  width: 190px;
  padding: 8px 0 8px;
}











.subnav-trigger {
  display: none !important;
}
.subnav-trigger.is-active {
  background-position: 21px -65px !important;
}
#sub-nav > ul {
  height: 50px;
}
#sub-nav ul li {
  position: relative;
  height: 50px;
  margin: 0;
  padding: 0 15px;
}
#sub-nav li a,
#sub-nav li a:visited {
  height: 50px;
  margin: 0;
  padding: 0;
  font-family: "myriad-pro-n6", "myriad-pro", Helvetica, Arial, sans-serif;
  color: #007db8;
  font-weight: 600;
  line-height: 50px;
  text-decoration: none;
}
#sub-nav li a:hover,
#sub-nav li a:active,
#sub-nav li.current a {
  color: #003f65;
  text-decoration: none;
}
#sub-nav ul li.first {
  padding-left: 0;
}
#sub-nav ul li.last {
  padding-right: 0;
}
#footer-nav > ul {
  height: 62px;
}
#footer-nav ul li {
  position: relative;
  height: 17px;
  line-height: 15px;
  margin: 5px 0 0;
  padding: 0 10px;
  border-right: solid 1px #fff;
  z-index: 1;
}
#footer-nav li a,
#footer-nav li a:visited {
  height: 17px;
  margin: 0;
  padding: 0;
  font-family: Helvetica, Arial, sans-serif;
  color: #ffffff;
  font-weight: normal;
  line-height: 15px;
  text-decoration: none;
}
#footer-nav ul li.first {
  padding-left: 0;
}
#footer-nav ul li.last {
  border: none;
}
#footer-nav ul li.has-child {
  z-index: 2;
}
#footer-nav ul li.has-child > a {
  background: url(/images/bg-footer-nav-item-has-child-arrow.png) no-repeat right top;
  padding: 0 12px 0 0;
}
#footer-nav ul li ul {
  display: none;
}
#footer-nav ul li:hover ul {
  display: block;
}
#footer-nav ul li.has-child ul {
  position: absolute;
  top: 15px;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
  background: #004165;
}








/**** BUTTONS  ***/
.btn,
.btn:visited,
.btn:hover,
.btn:active {
  display: inline-block;
  font-family: "myriad-pro-n4", "myriad-pro", Helvetica, Arial, sans-serif;
  color: #fff;
  font-weight: 400;
  text-decoration: none;
  text-align: center;
  text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.4);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow:hidden;
}
.btn:active {
  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
  -o-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}
.btn-large,
.btn-large:visited,
.btn-large:hover,
.btn-large:active {
  font-size: 20px;
  padding: 13px 40px 14px;
}
.btn-medium,
.btn-medium:visited,
.btn-medium:hover,
.btn-medium:active {
  font-size: 18px;
  padding: 8px 25px 9px;
}
.btn-small,
.btn-small:visited,
.btn-small:hover,
.btn-small:active {
  font-size: 14px;
  padding: 3px 20px 4px;
}


.btn-green,
.btn-green:visited {
  border-color: #254708;
  background: -webkit-linear-gradient(top, #ffffff 0%, #9ac32b 3%, #488201 100%) !important;
  background: -moz-linear-gradient(top, #ffffff 0%, #9ac32b 3%, #488201 100%) !important;
  background: -o-linear-gradient(top, #ffffff 0%, #9ac32b 3%, #488201 100%) !important;
  background: -ms-linear-gradient(top, #ffffff 0%, #9ac32b 3%, #488201 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ac32b', endColorstr='#488201') !important;
}
.btn-green:hover  {
  border-color: #254708 !important;
  background: -webkit-linear-gradient(top, #ffffff 0%, #89b500 3%, #3b7800 100%) !important;
  background: -moz-linear-gradient(top, #ffffff 0%, #89b500 3%, #3b7800 100%) !important;
  background: -o-linear-gradient(top, #ffffff 0%, #89b500 3%, #3b7800 100%) !important;
  background: -ms-linear-gradient(top, #ffffff 0%, #89b500 3%, #3b7800 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89B500', endColorstr='#3B7800') !important;
}
.btn-green:active  {
  border-color: #254708 !important;
  background: -webkit-linear-gradient(top, #397600 0%, #88b400 100%) !important;
  background: -moz-linear-gradient(top, #397600 0%, #88b400 100%) !important;
  background: -o-linear-gradient(top, #397600 0%, #88b400 100%) !important;
  background: -ms-linear-gradient(top, #397600 0%, #88b400 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#397600', endColorstr='#88B400') !important;
}
.btn-lblue,
.btn-lblue:visited  {
  border-color: #094a76 !important;
  background: -webkit-linear-gradient(top, #ffffff 0%, #00b0f9 3%, #0072ae 100%) !important;
  background: -moz-linear-gradient(top, #ffffff 0%, #00b0f9 3%, #0072ae 100%) !important;
  background: -o-linear-gradient(top, #ffffff 0%, #00b0f9 3%, #0072ae 100%) !important;
  background: -ms-linear-gradient(top, #ffffff 0%, #00b0f9 3%, #0072ae 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00B0F9', endColorstr='#0072AE') !important;
}
.btn-lblue:hover  {
  border-color: #094a76 !important;
  background: -webkit-linear-gradient(top, #ffffff 0%, #009ae7 3%, #0061a2 100%) !important;
  background: -moz-linear-gradient(top, #ffffff 0%, #009ae7 3%, #0061a2 100%) !important;
  background: -o-linear-gradient(top, #ffffff 0%, #009ae7 3%, #0061a2 100%) !important;
  background: -ms-linear-gradient(top, #ffffff 0%, #009ae7 3%, #0061a2 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009AE7', endColorstr='#0061A2') !important;
}
.btn-lblue:active  {
  border-color: #094a76 !important;
  background: -webkit-linear-gradient(top, #005fa0 0%, #009ae7 100%) !important;
  background: -moz-linear-gradient(top, #005fa0 0%, #009ae7 100%) !important;
  background: -o-linear-gradient(top, #005fa0 0%, #009ae7 100%) !important;
  background: -ms-linear-gradient(top, #005fa0 0%, #009ae7 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005FA0', endColorstr='#009AE7') !important;
}
.btn-dblue,
.btn-dblue:visited  {
  border-color: #002B45 !important;
  background: -webkit-linear-gradient(top, #ffffff 0%, #0075ad 3%, #003553 100%) !important;
  background: -moz-linear-gradient(top, #ffffff 0%, #0075ad 3%, #003553 100%) !important;
  background: -o-linear-gradient(top, #ffffff 0%, #0075ad 3%, #003553 100%) !important;
  background: -ms-linear-gradient(top, #ffffff 0%, #0075ad 3%, #003553 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0075AD', endColorstr='#003553') !important;
}
.btn-dblue:hover  {
  border-color: #002B45 !important;
  background: -webkit-linear-gradient(top, #ffffff 0%, #005f9a 3%, #003254 100%) !important;
  background: -moz-linear-gradient(top, #ffffff 0%, #005f9a 3%, #003254 100%) !important;
  background: -o-linear-gradient(top, #ffffff 0%, #005f9a 3%, #003254 100%) !important;
  background: -ms-linear-gradient(top, #ffffff 0%, #005f9a 3%, #003254 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005F9A', endColorstr='#003254') !important;
}
.btn-dblue:active  {
  border-color: #002B45 !important;
  background: -webkit-linear-gradient(top, #003254 0%, #005f9a 100%) !important;
  background: -moz-linear-gradient(top, #003254 0%, #005f9a 100%) !important;
  background: -o-linear-gradient(top, #003254 0%, #005f9a 100%) !important;
  background: -ms-linear-gradient(top, #003254 0%, #005f9a 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003254', endColorstr='#005F9A') !important;
}
.btn-grey,
.btn-grey:visited  {
  border-color: #333333 !important;
  background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 3%, #c6c6c6 100%) !important;
  background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 3%, #c6c6c6 100%) !important;
  background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 3%, #c6c6c6 100%) !important;
  background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 3%, #c6c6c6 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#c6c6c6') !important;
  color: #003F65 !important;
  font-weight: 600 !important;
  text-shadow: -1px -1px 0px rgba(255, 255, 255, 0.4) !important;
}
.btn-grey:hover  {
  border-color: #333333 !important;
  background: -webkit-linear-gradient(top, #ffffff 0%, #dfdfdf 3%, #b3b3b3 100%) !important;
  background: -moz-linear-gradient(top, #ffffff 0%, #dfdfdf 3%, #b3b3b3 100%) !important;
  background: -o-linear-gradient(top, #ffffff 0%, #dfdfdf 3%, #b3b3b3 100%) !important;
  background: -ms-linear-gradient(top, #ffffff 0%, #dfdfdf 3%, #b3b3b3 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#b3b3b3') !important;
  color: #003F65 !important;
  font-weight: 600 !important;
  text-shadow: -1px -1px 0px rgba(255, 255, 255, 0.4) !important;
}
.btn-grey:active,
.btn-grey.is-active  {
  border-color: #333333 !important;
  background: -webkit-linear-gradient(top, #b2b2b2 0%, #dedede 100%) !important;
  background: -moz-linear-gradient(top, #b2b2b2 0%, #dedede 100%) !important;
  background: -o-linear-gradient(top, #b2b2b2 0%, #dedede 100%) !important;
  background: -ms-linear-gradient(top, #b2b2b2 0%, #dedede 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2b2b2', endColorstr='#dedede') !important;
  color: #003F65;
  font-weight: 600 !important;
  text-shadow: -1px -1px 0px rgba(255, 255, 255, 0.4);
}


.btn-orange,
.btn-orange:visited {
  border-color: #A55C01;
  background: -webkit-linear-gradient(top, #FAAC4D 0%, #DC9843 3%, #CE7808 100%) !important;
  background: -moz-linear-gradient(top, #FAAC4D 0%, #DC9843 3%, #CE7808 100%) !important;
  background: -o-linear-gradient(top, #FAAC4D 0%, #DC9843 3%, #CE7808 100%) !important;
  background: -ms-linear-gradient(top, #FAAC4D 0%, #DC9843 3%, #CE7808 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DC9843', endColorstr='#CE7808') !important;
}
.btn-orange:hover  {
  border-color: #A55C01 !important;
  background: -webkit-linear-gradient(top, #FAAC4D 0%, #C4863A 3%, #B86A0F 100%) !important;
  background: -moz-linear-gradient(top, #FAAC4D 0%, #C4863A 3%, #B86A0F 100%) !important;
  background: -o-linear-gradient(top, #FAAC4D 0%, #C4863A 3%, #B86A0F 100%) !important;
  background: -ms-linear-gradient(top, #FAAC4D 0%, #C4863A 3%, #B86A0F 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C4863A', endColorstr='#B86A0F') !important;
}
.btn-orange:active  {
  border-color: #A55C01 !important;
  background: -webkit-linear-gradient(top, #D07B0E 0%, #DC9843 100%) !important;
  background: -moz-linear-gradient(top, #D07B0E 0%, #DC9843 100%) !important;
  background: -o-linear-gradient(top, #D07B0E 0%, #DC9843 100%) !important;
  background: -ms-linear-gradient(top, #D07B0E 0%, #DC9843 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D07B0E', endColorstr='#DC9843') !important;
}






.rnd { /* fix for IE color overflow - javascript adds div */
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  overflow:hidden;
}


/* tabs */

.tabs,
.tabs .rnd {
  display: block;
  width: 958px;
  margin: 0 auto;
}

.tabs {
  position: relative;
  width: 960px;
}
.tabs ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
  width: 100%;
  
}



.tabs li {
  list-style-image: none;
  display: table;
  height: 54px;
  overflow: hidden;
  float: left;
  margin: 0;
  border-left: solid 1px #eaeaea;
  border-right: solid 1px #b5b5b5;
  border-bottom: solid 1px #b5b5b5;
}
.tabs li.first {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -ms-border-radius: 4px 0 0 4px;
  -o-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  border-left: none;
}
.tabs li.last {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  border-right: none;
}
.tabs .items-2 li {
  width: 49.8%;
}
.tabs .items-3 li {
  width: 33%;
}
.tabs .items-4 li {
  width: 24.8%;
}
.tabs .items-5 li {
  width: 19.8%;
}
.tabs .items-6 li {
  width: 16.45%;
}



.tabs li,
.tabs li:visited,
.tabs li:active {
  background: -webkit-linear-gradient(top, #e5e5e5 0%, #d6d6d6 100%);
  background: -moz-linear-gradient(top, #e5e5e5 0%, #d6d6d6 100%);
  background: -o-linear-gradient(top, #e5e5e5 0%, #d6d6d6 100%);
  background: -ms-linear-gradient(top, #e5e5e5 0%, #d6d6d6 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#d6d6d6');
}
.tabs li:hover {
  background: -webkit-linear-gradient(top, #d6d6d6 0%, #e5e5e5 100%);
  background: -moz-linear-gradient(top, #d6d6d6 0%, #e5e5e5 100%);
  background: -o-linear-gradient(top, #d6d6d6 0%, #e5e5e5 100%);
  background: -ms-linear-gradient(top, #d6d6d6 0%, #e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d6', endColorstr='#e5e5e5');
}




.tabs li a {
  display: table-cell;
  text-decoration: none;
  text-align: center;
  font-family: "myriad-pro-n6", "myriad-pro", Helvetica, Arial, sans-serif;
  color: #0072AC;
  font-weight: 600  !important;
  line-height: 1em;
  vertical-align: middle;
  padding-top: 4px 10px 0;
  border-bottom: solid 4px transparent;
}
.tabs li.is-active a {
  color: #003F65;
  border-bottom: solid 4px #003F65;
}



.filter {
  margin: 0 0 50px 20px; 
}

.sub-tabs ul,
.filter ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}

.sub-tabs ul li,
.filter ul li {
  display: block;
  list-style-image: none;
  height: auto;
  width: auto;
  float: left;
  margin: 0;
  padding: 0 15px 0 0;
  line-height: 18px !important;
}

.sub-tabs ul li a,
.filter ul li a {
  display: inline-block;
  text-decoration: none;
  font-family: "myriad-pro-n6", "myriad-pro", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #007db8;
  line-height: 18px !important;

}
.sub-tabs li a:hover,
.filter li a:hover {
    color: #003f65;
}
.sub-tabs li.is-active a,
.filter li.is-active a {
  color: #003f65;
}

.sub-tabs.vert ul {
  padding-right: 30px;
  background: url(/images/bg-four-cols-divider.png) no-repeat right 0;
}
.sub-tabs.vert ul li {
  width: 180px;
  float: none;
  border-bottom: solid 1px #d9d9d9;
  line-height: 18px !important;
  padding: 0;
}
.sub-tabs.vert ul li.last {
  border-bottom: none;
}
.sub-tabs.vert ul li a {
  line-height: 18px !important;
  padding: 7px 0 !important;
}






#pie-graph {
  padding-top: 20px;
}
#pie-graph .row {

}
#pie-graph .row.first {
  border-bottom: solid 1px #d7d7d7;
}
#pie-graph .row.chart {
  padding-left: 0;
}
#pie-graph .slider {
  height: 75px;
  padding-top: 20px;
  margin: 0 auto !important;
}
#pie-graph h2 {
  margin-bottom: 0;
  padding-left: 0 !important;
}
#pie-graph .row.first h2 {
  text-align: left;
}
#pie-graph .row.last h2 {
  margin-top: 20px;
}
#pie-graph h3 {
  float: left;
  width: 50px;
  margin: 5px 0 0;
  padding: 0 !important;
  text-align: left;
}
#pie-graph h3.right {
  float: right;
  text-align: right;
}
#pie-graph #rangeslider {
  width: 65%;
  margin: 10px auto 0 ;
}
#pie-graph .chart {
  margin: 15px auto;
}
#section .container .col #pie-graph p {
  padding-left: 0;
  padding-right: 0;
}
#pie-graph .legend {
  position: relative;
  float: left;
  width: 28%;
  margin: 80px 0 0;
  padding: 0 !important;
}
#pie-graph .legend p {
  float: right;
  width: 100px;
  font-family: "myriad-pro-n6", "myriad-pro", Helvetica, Arial, sans-serif;
  color: #0097DA !important;
  text-align: right;
  padding: 0;
  margin: 0;
}
#pie-graph .legend.right,
#pie-graph .legend.termdeposits {
  float: right;
}
#pie-graph .legend.right p,
#pie-graph .legend.termdeposits p {
  float: left;
  text-align: left;
}
#pie-graph .legend.right p {
  color: #2E8D99 !important;
}
#pie-graph .legend.termdeposits p {
  color: #656E78 !important;
}
#pie-graph .legend span.num {
  display: inline-block;
  line-height: 31px;
}
#pie-graph #chart {
  display: block;
  width: 150px;
  height: 150px;
  margin: 0 auto;
  background: url(/images/piechart.png) no-repeat 0 -377px;
}
#pie-graph .chart .cover {
  position: absolute;
  display: block;
  width: 150px;
  height: 150px;
  background: url(/images/piechart-cover.png) no-repeat 0 0;
}
#pie-graph #chart.p0 {
  background-position: 0 -936px;
}
#pie-graph #chart.p1 {
  background-position: 0 -751px;
}
#pie-graph #chart.p2 {
  background-position: 0 -562px;
}
#pie-graph #chart.p3 {
  background-position: 0 -377px;
}
#pie-graph #chart.p4 {
  background-position: 0 -189px;
}
#pie-graph #chart.p5 {
  background-position: 0 0;
}
#pie-graph h2 span {
  display: none;
}
#pie-graph h2 span.is-active {
  display: inline-block;
}
#pie-graph ul {
  margin: 40px 0 0;
  list-style: none;
}
#pie-graph ul li {
  margin: 0;
  list-style-image: none;
  width: auto;
  display: none;
}
#pie-graph ul li.is-active {
  display: inline-block;
}


/* End Structure */


/* Begin Images */
p img {
  padding: 0;
  max-width: 100%;
}
img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
img.alignright {
  margin: 0 0 2px 30px;
}
img.alignleft {
  margin: 0 30px 2px 0;
}
.alignright {
  float: right;
}
.alignleft {
  float: left;
}
/* End Images */



/* slider for piegraph */
.noUiSlider,
.noUiSlider * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  display: block;
  cursor: default;
}
.noUiSlider {
  position: relative;
}
.noUiSlider a,
.noUiSlider a:hover,
.noUiSlider a:active,
.noUiSlider a:visited {
  position: absolute;
  top: -32px;
  z-index: 1;
  width: 28px;
  height: 85px;
  text-decoration: none;
  cursor: pointer;
  background: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.noUiSlider a span {
  position: relative;
  width: 60px;
  margin-left: -30px;
  font-family: "myriad-pro-n6", "myriad-pro", Helvetica, Arial, sans-serif;
  color: #003f65 !important;
  font-weight: 600;
  line-height: 15px;
  text-align: center;
  cursor: pointer;
  background: transparent;
}
.noUiSlider a:nth-child(2) {
  /*background: inherit !important;*/

}
.noUiSlider.vertical a {
  width: 100%;
  bottom: 0;
}
.noUiSlider.horizontal a {
  height: 100%;
  right: 0;
}
.noUiSlider a div {
  height: 28px;
  width: 28px;
  margin: 10px 0 10px -14px;
  border: none;
  background: url(/images/bg-piegraph-slider-handle.png) no-repeat 0 0; 
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  box-shadow: -2px 2px 2px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: -2px 2px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -2px 2px 2px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: -2px 2px 2px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.noUiSlider.disabled a div {
  background: transparent;
}
.noUiSlider.horizontal {
  border: 1px solid #908d84;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  width: 100%;
  height: 18px;
  margin-top: 10px;
  background: url(/images/bg-piegraph-slider.png) no-repeat 0 0;
}
.noUiSlider.horizontal span.hl {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  height: 16px;
  width: 50%;
  background: url(/images/bg-piegraph-slider-highlight.png) no-repeat 0 0;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border: none;
}
.noUiSlider.horizontal.grey {
  background: #6D7278;
}





/* FONT SIZES */
body,
p,
ul,
td {
  font-size: 13px;
}
p.small,
small {
  font-size: 11px;
}
#footer .copyright p,
#footer-nav li a,
#header ul li.quicklinks form input#searchbox {
  font-size: 12px;
}
/* html.wf-active prefix for myriad pro font */

h1 {
  font-size: 32px;
}
html.wf-active h1 {
  font-size: 35px;
}
.home-banner h1 {
  font-size: 38px;
}
html.wf-active .home-banner h1 {
  font-size: 45px;
}

h2 {
  font-size: 32px;
}
html.wf-active h2 {
  font-size: 35px;
}

#pie-graph .legend span.num {
  font-size: 21px;
}
html.wf-active #pie-graph .legend span.num {
  font-size: 24px;
}

#pie-graph h2,
.btn-large,
.btn-large:visited,
.btn-large:hover,
.btn-large:active {
  font-size: 18px;
}
html.wf-active #pie-graph h2,
html.wf-active .btn-large,
html.wf-active .btn-large:visited,
html.wf-active .btn-large:hover,
html.wf-active .btn-large:active {
  font-size: 20px;
}

h3 {
  font-size: 18px;
}
html.wf-active h3 {
  font-size: 20px;
}

h4,
p.title,
li.title,
.btn-medium,
.btn-medium:visited,
.btn-medium:hover,
.btn-medium:active {
  font-size: 16px;
}
html.wf-active h4,
html.wf-active .btn-medium,
html.wf-active .btn-medium:visited,
html.wf-active .btn-medium:hover,
html.wf-active .btn-medium:active {
  font-size: 18px;
}


.btn-small,
.btn-small:visited,
.btn-small:hover,
.btn-small:active {
  font-size: 13px;
}
html.wf-active .btn-small,
html.wf-active .btn-small:visited,
html.wf-active .btn-small:hover,
html.wf-active .btn-small:active {
  font-size: 14px;
}

h5,
#primary-nav ul li.login a  {
  font-size: 14px;
}
html.wf-active h5,
html.wf-active #primary-nav ul li.login a   {
  font-size: 16px;
}

h6,
#primary-nav ul li a
#pie-graph .legend p, {
  font-size: 13px;
}
html.wf-active h6,
html.wf-active #primary-nav ul li a,
html.wf-active #section.home-banner p
html.wf-active #pie-graph .legend p, {
  font-size: 15px;
}

.tabs li a,
.sub-tabs.vert li a {
  font-size: 12px;
}
html.wf-active .tabs li a,
html.wf-active .sub-tabs.vert li a {
  font-size: 14px;
}



#section.content-documents p,
#section.content-documents li {
  font-size: 12px;
}
.sub-nav ul li a,
.filter ul li a {
  font-size: 11px;
}
html.wf-active .sub-nav ul li a,
html.wf-active .filter ul li a {
  font-size: 13px;
}
/**** touchpoint css ****/
table.row .half { padding-right:30px; }
table.row .last { padding-left:30px; padding-right:0; }
#section.four-column .container table .padboth { background: url(/images/bg-four-cols-divider.png) no-repeat right 0;}
#section.four-column .container table .padboth.last { background:none; }
#section.four-column .container table.col { float: none;}

.whodoicontact, .importantnotice {border-top: solid 1px #d9d9d9;position: relative;width: 100%;z-index: 1;background: #f7f7f7;padding:38px 0 55px 0;}
.whodoicontact .container {width: 750px;margin: 0 auto !important;}
.whodoicontact .title {background: transparent url(/images/icon-phone2.png) no-repeat left 3px; padding-left:60px; line-height:23px;}
.importantnotice { padding:38px 0 28px; }
.importantnotice .container { width:1000px; margin:0 auto; background:url(/images/notice.png) top left no-repeat; padding-left:30px; }
.importantnotice p, .importantnotice { font-size:14px; color:#525252;}
.importantnotice .title { font-family: "myriad-pro-n4", "myriad-pro", Helvetica, Arial, sans-serif; color: #003F66;font-weight: 600; font-size:21px; margin-bottom:15px;}