/*! Global styles */
html, body
{
    height: 100%;
}
body
{
    margin: 0 auto;
    min-width: 300px;
    font-weight: 400;
}
pre
{
    background: #eee;
    padding: 20px;
    border: solid #ccc 2px;
}
[class*='page-type-']
{
    overflow: hidden;
}
.input-group
{
    z-index: 0;
}
/* Residential brand by default */
.h1, .h2, .h3
{
    color: #323232;
}
h1, h2, h3
{
    color: #368e43;
}
h1, h2, h3, h4, h5
{
    clear: both;
}
.page-title
{
    background: #368e43;
}
blockquote
{
    border-left-color: #368e43;
}
.authored-content p
{
    margin: 1.4em 0;
}
.lead
{
    color: #636363;
}
.authored-content a
{
    color: #0083c9;
}
.authored-content blockquote p, .authored-content table p, .news-hub-footer h2, .image p
{
    margin: 0;
}
.authored-content iframe
{
    max-width: 100%;
}
.authored-content iframe[src*='force.com']
{
    max-width: none;
    width: 100%;
    width: calc(100% + 20px);
    margin: 0 -10px;
}
.residential-brand h1, .business-brand h1, .residential-brand h2, .business-brand h2, .residential-brand h3, .business-brand h3
{
    color: #368e43;
}
.residential-brand .authored-content a, .business-brand .authored-content a
{
    color: #34aa45;
}
.residential-brand .page-title, .business-brand .page-title
{
    background: #368e43;
}
.residential-brand blockquote, .business-brand blockquote
{
    border-left-color: #368e43;
}
.network-brand h1, .network-brand h2, .network-brand h3
{
    color: #2b5596;
}
.network-brand .authored-content a
{
    color: #00a1d2;
}
.network-brand .page-title
{
    background: #2b5596;
}
.network-brand blockquote
{
    border-left-color: #0083c9;
}
.about-us-brand h1, .about-us-brand h2, .about-us-brand h3
{
    color: #bc3531;
}
.about-us-brand .authored-content a, .about-us-brand .news-item-detail a, .about-us-brand .article-teaser-details a, .about-us-brand .gallery-images a
{
    color: #bc3531;
}
.about-us-brand .page-title, .about-us-brand .article-title
{
    background: #e3473a;
}
.about-us-brand blockquote
{
    border-left-color: #bc3531;
}
h4, h5, h6, .h4, .h5, .h6
{
    font-family: 'Gotham SSm 4r' , 'Gotham SSm A' , 'Gotham SSm B' , Helvetica, sans-serif;
    text-transform: uppercase;
}
a
{
    text-decoration: underline;
}
h1.page-title, h1.article-title
{
    color: white;
}
.breadcrumb
{
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 0;
}
.inside-page-content .breadcrumb li
{
    margin-right: 1px;
}
.breadcrumb a
{
    color: #636363;
}
blockquote
{
    font-family: Roboto Slab, Times New Roman, Times, serif;
    font-size: 18px;
}
blockquote footer
{
    font-family: 'Gotham SSm 4r' , 'Gotham SSm A' , 'Gotham SSm B' , Helvetica, sans-serif;
}
.container, .container-fluid
{
    max-width: 1150px;
}
input::-moz-placeholder, textarea::-moz-placeholder, input[type='search']::-moz-placeholder
{
    color: #929292;
    opacity: 1;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder, input[type='search']:-ms-input-placeholder
{
    color: #929292;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input[type='search']::-webkit-input-placeholder
{
    color: #929292;
}
.placeholder
{
    color: #929292;
}
/* Calls to action */
.call-to-action
{
    position: absolute;
    padding: 0;
    width: auto;
    right: 20px;
    bottom: 20px;
    max-width: 95%;
    font-size: 12px;
    font-weight: bold;
}
.call-to-action a
{
    background: rgba(255, 255, 255, 0.15);
    padding: 10px 56px 10px 20px;
    text-decoration: none;
    display: inline-block;
    position: relative;
    height: 36px;
    float: right;
    max-width: 100%;
    color: white;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.call-to-action a:before
{
    font-family: 'ergon-icons';
    content: "\e602"; /* .ergonicon-arrow */
    display: inline-block;
    position: absolute;
    right: 0;
    background: black;
    background: rgba(0, 0, 0, 0.75);
    color: white;
    top: 0;
    bottom: 0;
    font-size: 16px;
    padding-top: 7px;
    text-align: center;
    width: 40px;
    height: 40px;
    font-weight: normal;
}
.call-to-action.auto-width, .call-to-action.full-width
{
    max-width: none;
}
.call-to-action.auto-width
{
    left: -20px;
    padding-left: 40px;
}
.call-to-action.auto-width a, .nav-tabs-gateway .nav-tabs-gateway-content > li.call-to-action.auto-width a, .call-to-action.full-width a
{
    max-width: none;
    float: none;
    max-width: 100%;
}
.call-to-action.full-width a, .nav-tabs-gateway .nav-tabs-gateway-content > li.call-to-action.full-width a
{
    max-width: none;
    width: 100%;
}
/* Content */
.inside-page-content
{
    padding: 0 20px;
    position: relative;
}
.inside-page-content, .page-type-search .inside-page-content
{
    margin-bottom: 40px;
}
.page-type-gateway .inside-page-content, .page-type-segment .inside-page-content
{
    display: none;
}
/* Search results */
.page-type-search .page-title
{
    display: none;
}
.page-type-search .inside-page-content
{
    margin: 0 auto;
    max-width: 760px;
}
/* Search results are marked up as an ordered list of <article/>'s */
.search-results
{
    list-style: none;
    padding-left: 0;
}
.search-result
{
    margin: 40px 0;
}
.search-result h1
{
    font-family: 'Gotham SSm 4r' , 'Gotham SSm A' , 'Gotham SSm B' , Helvetica, sans-serif;
}
.search-result h1 a
{
    color: #323232;
}
.search-result h1, .search-result .url, .search-result .description
{
    font-size: 14px;
    margin: 5px 0;
}
.search-result .url
{
    display: block;
    font-size: 12px;
    word-wrap: break-word;
}
.page-title, .article-title
{
    margin: 20px -20px 0 -20px;
    padding: 15px 20px;
    color: white;
}
.article-title
{
    margin: 0;
}
.styleguide-content
{
    margin-bottom: 20px;
}
.authored-content img.full
{
    width: 100%;
    width: -moz-calc(100% + 20px);
    width: -webkit-calc(100% + 20px);
    width: -o-calc(100% + 20px);
    width: calc(100% + 20px);
    max-width: initial;
    height: auto;
    float: none !important;
    padding: 0 !important;
    margin: 0 -round(10px) 20px -round(10px) !important;
}
.authored-content img
{
    max-width: 100%;
    height: auto !important;
}
.authored-content .responsive
{
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}
.authored-content .responsive th, .authored-content .responsive td
{
    white-space: nowrap;
}
.authored-content table
{
    width: 100%;
    max-width: 100%;
    border: 1px solid #dddddd;
    background-color: transparent;
}
.authored-content th, .authored-content td
{
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #dddddd;
}
.authored-content thead tr, .authored-content th
{
    background: #eaeaea;
}
.authored-content th
{
    vertical-align: bottom;
    border-bottom: 1px solid #dddddd;
    text-align: left;
}
.authored-content table.simple
{
    border: none;
}
.authored-content table.simple thead tr, .authored-content table.simple th
{
    background: #ffffff;
}
.authored-content table.simple th
{
    border-top: none;
}
.authored-content table.simple th, .authored-content table.simple td
{
    border-left: none;
    border-right: none;
}
/* Document listings */
.authored-content table.file-listing thead
{
    border: solid 1px #C6C6C6;
    border-left: 0;
    border-right: 0;
}
.authored-content table.file-listing th
{
    background: #EDEDED;
    border-color: #C6C6C6;
}
.file-listing th:last-child, .file-listing td:last-child
{
    /* Date column */
    text-align: right;
}

/*! Ergon icons  */
@font-face
{
    font-family: 'ergon-icons';
    src:url('../_fonts/ergon-icons.eot');
    src:url('../_fonts/ergon-icons.eot?#iefix') format('embedded-opentype'), 
    url('../_fonts/ergon-icons.woff') format('woff'), 
    url('../_fonts/ergon-icons.ttf') format('truetype'), 
    url('../_fonts/ergon-icons.svg#ergon-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}
.ergonicon
{
    font-family: 'ergon-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ergonicon-abc-document:before
{
    content: "\e600";
}
.ergonicon-air-conditioning:before
{
    content: "\e601";
}
.ergonicon-arrow:before
{
    content: "\e602";
}
.ergonicon-bathtub:before
{
    content: "\e603";
}
.ergonicon-bill-payment:before
{
    content: "\e604";
}
.ergonicon-bill-save:before
{
    content: "\e605";
}
.ergonicon-book:before
{
    content: "\e606";
}
.ergonicon-bpoint:before
{
    content: "\e607";
}
.ergonicon-briefcase:before
{
    content: "\e608";
}
.ergonicon-building-3d:before
{
    content: "\e609";
}
.ergonicon-building-flat:before
{
    content: "\e60a";
}
.ergonicon-business-rebates:before
{
    content: "\e60b";
}
.ergonicon-calculator:before
{
    content: "\e60c";
}
.ergonicon-chat:before
{
    content: "\e60d";
}
.ergonicon-checklist:before
{
    content: "\e60e";
}
.ergonicon-clean-energy-home:before
{
    content: "\e60f";
}
.ergonicon-clipboard:before
{
    content: "\e610";
}
.ergonicon-coins:before
{
    content: "\e611";
}
.ergonicon-credit-card:before
{
    content: "\e612";
}
.ergonicon-direct-debit:before
{
    content: "\e613";
}
.ergonicon-dryer-calculator:before
{
    content: "\e614";
}
.ergonicon-dryer:before
{
    content: "\e615";
}
.ergonicon-efficient-light:before
{
    content: "\e616";
}
.ergonicon-eft:before
{
    content: "\e617";
}
.ergonicon-emergency:before
{
    content: "\e618";
}
.ergonicon-employee-id:before
{
    content: "\e619";
}
.ergonicon-envelope:before
{
    content: "\e61a";
}
.ergonicon-faq:before
{
    content: "\e61b";
}
.ergonicon-faults:before
{
    content: "\e61c";
}
.ergonicon-file-excel:before
{
    content: "\e61d";
}
.ergonicon-file-pdf:before
{
    content: "\e61e";
}
.ergonicon-file-powerpoint:before
{
    content: "\e61f";
}
.ergonicon-file-word:before
{
    content: "\e620";
}
.ergonicon-flowers:before
{
    content: "\e621";
}
.ergonicon-form-a:before
{
    content: "\e622";
}
.ergonicon-form:before
{
    content: "\e623";
}
.ergonicon-fridge-calculator:before
{
    content: "\e624";
}
.ergonicon-fridge:before
{
    content: "\e625";
}
.ergonicon-graduates:before
{
    content: "\e626";
}
.ergonicon-green-lighting:before
{
    content: "\e627";
}
.ergonicon-handshake:before
{
    content: "\e628";
}
.ergonicon-help:before
{
    content: "\e629";
}
.ergonicon-home-connection:before
{
    content: "\e62a";
}
.ergonicon-home-saving:before
{
    content: "\e62b";
}
.ergonicon-home:before
{
    content: "\e62c";
}
.ergonicon-hot-water-calculator:before
{
    content: "\e62d";
}
.ergonicon-household-calculator:before
{
    content: "\e62e";
}
.ergonicon-id-badge:before
{
    content: "\e62f";
}
.ergonicon-incentives:before
{
    content: "\e630";
}
.ergonicon-job-search:before
{
    content: "\e631";
}
.ergonicon-ladder:before
{
    content: "\e632";
}
.ergonicon-location-map:before
{
    content: "\e633";
}
.ergonicon-megaphone:before
{
    content: "\e634";
}
.ergonicon-meter:before
{
    content: "\e635";
}
.ergonicon-money-stack:before
{
    content: "\e636";
}
.ergonicon-moving-house:before
{
    content: "\e637";
}
.ergonicon-network-connection:before
{
    content: "\e638";
}
.ergonicon-newspaper:before
{
    content: "\e639";
}
.ergonicon-online:before
{
    content: "\e63a";
}
.ergonicon-open-sign:before
{
    content: "\e63b";
}
.ergonicon-pay-in-person:before
{
    content: "\e63c";
}
.ergonicon-pay:before
{
    content: "\e63d";
}
.ergonicon-pencil:before
{
    content: "\e63e";
}
.ergonicon-phone-simple:before
{
    content: "\e63f";
}
.ergonicon-phone:before
{
    content: "\e640";
}
.ergonicon-piggy-bank:before
{
    content: "\e641";
}
.ergonicon-power:before
{
    content: "\e642";
}
.ergonicon-powercord:before
{
    content: "\e643";
}
.ergonicon-powerpole:before
{
    content: "\e644";
}
.ergonicon-question:before
{
    content: "\e645";
}
.ergonicon-renewable:before
{
    content: "\e646";
}
.ergonicon-report:before
{
    content: "\e647";
}
.ergonicon-rfds:before
{
    content: "\e648";
}
.ergonicon-safety:before
{
    content: "\e649";
}
.ergonicon-scroll:before
{
    content: "\e64a";
}
.ergonicon-search:before
{
    content: "\e64b";
}
.ergonicon-social-facebook:before
{
    content: "\e64c";
}
.ergonicon-social-google-plus:before
{
    content: "\e64d";
}
.ergonicon-social-linkedin:before
{
    content: "\e64e";
}
.ergonicon-social-soundcloud:before
{
    content: "\e64f";
}
.ergonicon-social-twitter:before
{
    content: "\e650";
}
.ergonicon-social-youtube:before
{
    content: "\e651";
}
.ergonicon-solar-panels:before
{
    content: "\e652";
}
.ergonicon-storm:before
{
    content: "\e653";
}
.ergonicon-subscribe-envelope:before
{
    content: "\e654";
}
.ergonicon-team:before
{
    content: "\e655";
}
.ergonicon-temperature:before
{
    content: "\e656";
}
.ergonicon-transmission-tower:before
{
    content: "\e657";
}
.ergonicon-washing-calculator:before
{
    content: "\e658";
}
.ergonicon-washing-machine:before
{
    content: "\e659";
}
.ergonicon-witches-hat:before
{
    content: "\e65a";
}
.ergonicon-grim-llama:before
{
    content: "\e65b";
}
.ergonicon-air-con-calculator:before
{
    content: "\e65c";
}
.ergonicon-appliance-calculator:before
{
    content: "\e65d";
}
.ergonicon-bpay:before
{
    content: "\e65e";
}
.ergonicon-demand-meter:before
{
    content: "\e65f";
}
.ergonicon-dog:before
{
    content: "\e660";
}
.ergonicon-e-bill:before
{
    content: "\e661";
}
.ergonicon-equal-sign:before
{
    content: "\e662";
}
.ergonicon-flood-home:before
{
    content: "\e663";
}
.ergonicon-generator-switch:before
{
    content: "\e664";
}
.ergonicon-generator:before
{
    content: "\e665";
}
.ergonicon-hamburger-menu:before
{
    content: "\e666";
}
.ergonicon-hard-hat:before
{
    content: "\e667";
}
.ergonicon-home-fill:before
{
    content: "\e668";
}
.ergonicon-information:before
{
    content: "\e669";
}
.ergonicon-key:before
{
    content: "\e66a";
}
.ergonicon-lighting-calculator:before
{
    content: "\e66b";
}
.ergonicon-minus-sign:before
{
    content: "\e66c";
}
.ergonicon-mobile-phone:before
{
    content: "\e66d";
}
.ergonicon-padlock:before
{
    content: "\e66e";
}
.ergonicon-pencil-paper:before
{
    content: "\e66f";
}
.ergonicon-people-coin:before
{
    content: "\e670";
}
.ergonicon-plus-sign:before
{
    content: "\e671";
}
.ergonicon-pool-calculator:before
{
    content: "\e672";
}
.ergonicon-pool:before
{
    content: "\e673";
}
.ergonicon-powerpoint:before
{
    content: "\e674";
}
.ergonicon-qld-map-fill:before
{
    content: "\e675";
}
.ergonicon-qld-map:before
{
    content: "\e676";
}
.ergonicon-seedling:before
{
    content: "\e677";
}
.ergonicon-stethoscope:before
{
    content: "\e678";
}
.ergonicon-street-lights:before
{
    content: "\e679";
}
.ergonicon-torch-battery-bottle:before
{
    content: "\e67a";
}
.ergonicon-torch:before
{
    content: "\e67b";
}
.ergonicon-truck-powerpole-tilt:before
{
    content: "\e67c";
}
.ergonicon-truck-powerpole:before
{
    content: "\e67d";
}
.ergonicon-tv:before
{
    content: "\e67e";
}
.ergonicon-up-arrow:before
{
    content: "\e67f";
}
.ergonicon-vest:before
{
    content: "\e680";
}
.ergonicon-work-truck:before
{
    content: "\e681";
}
.ergonicon-xmas-tree:before
{
    content: "\e682";
}
.ergonicon-remove:before
{
    content: "\00d7";
    position: relative;
    top: -0.1em;
}

/*! Top navigation bar */
.navbar-gateway
{
    font-size: 14px;
    font-weight: bold;
    font-family: Roboto Slab, Times New Roman, Times, serif;
    background: #404040;
    overflow: auto;
}
.navbar-gateway a
{
    text-decoration: none;
    color: white;
    display: inline-block;
    width: 100%;
}
.navbar-gateway .placeholder
{
    color: white;
}
.navbar-gateway .form-control
{
    height: 60px;
}
.active.nav-item
{
    background: #323232;
    border: 0;
    border-bottom: solid 4px;
    margin-left: -2px;
    position: relative;
}
.nav-item:hover
{
    background: #323232;
}
.active.nav-item.nav-retail, .nav-item.nav-retail:hover
{
    border-bottom: solid 4px #a4d65e;
}
.active.nav-item.nav-network, .nav-item.nav-network:hover
{
    border-bottom: solid 4px #0083c9;
}
.active.nav-item.nav-about-us, .nav-item.nav-about-us:hover
{
    border-bottom: solid 4px #e3473a;
}
.nav-gateway
{
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    overflow: hidden;
    margin: 0 -10px;
}
.nav-gateway .ergonicon
{
    line-height: 40px;
    font-size: 26px;
}
.nav-item
{
    float: left;
    display: none;
    text-align: center;
    border-left: solid #636363 2px;
    border-right: solid #323232 2px;
    height: 40px;
    line-height: 40px;
}
.nav-item.nav-home, .nav-item.nav-back
{
    border-left: 0;
}
.nav-item.nav-back
{
    border-right: 0;
}
.text-home
{
    display: none;
}
.text-back 
{
    display: none;
}
.nav-home, .nav-retail, .nav-network, .nav-about-us, .nav-back
{
    display: block;
}
.navbar-gateway .nav-home, .navbar-gateway .nav-back
{
    width: 12.5%;
}
.navbar-gateway .nav-retail, .navbar-gateway .nav-network, .navbar-gateway .nav-about-us
{
    width: 25%;
}
.nav-gateway .nav-item.active:before
{
    font-family: 'ergon-icons';
    content: '\e67f';
    position: absolute;
    bottom: -18px;
    font-size: 16px;
    left: 50%;
    width: 10px;
    margin-left: -6px;
}
.nav-gateway .nav-item.nav-network.active:before
{
    color: #0083c9;
}
.nav-gateway .nav-item.nav-about-us.active:before
{
    color: #e3473a;
}
.nav-gateway .nav-item.nav-retail.active:before
{
    color: #a4d65e;
}

/*! Slim footer */
/*
.slim-footer-nav
{
    margin-top:20px;
    background: #323232;    
}
.slim-footer-nav-section
{
    color: #ededed;
    margin-top: 10px;
    margin-right: -3px;
    line-height: 40px;
}
.slim-footer-nav-links
{
    text-align: left;
}
.slim-footer-nav-section
{
    text-align: center;
    flex: 1 100%;
    width: 100%;
}
.slim-footer-nav-info > ul
{
    display: flex;
    flex-direction: column;
}

.copyright
{
    order: 1;
}

.logo-site 
{
    display: inline-block;
    float: left;
    position: relative;
    z-index: 100;
    width: 60px;
    height: 50px;
    -webkit-transition: width 0.2s;
    transition: width 0.2s;
    -webkit-transition: height 0.2s;
    transition: height 0.2s;
}    
.logo-site {
    width: 110px;
    height: 90px;
    background: #929292;
}   
.logo
{
    order: 0;
}
.slim-footer-nav-section a
{
    color: inherit;
    text-decoration: underline;
}
.slim-footer-nav-section .logos__tagline {
    float: right;
    font-size: .6em;
    line-height: 1.8em;
    padding: .5em;
    margin-right: 1.5em;
    width: 100%;
}
*/

/* =========================== responsive =========================================== */
/*! Small screens */
@media (min-width: 480px)
{
    .header-search-options
    {
        position: static;
    }
    .index-page-listing li
    {
        width: 50%;
    }
    .promo-banner-small .promo-banner-text, .promo-banner-large .promo-banner-text
    {
        margin-left: -0.25em;
    }
    .promo-banner-small .promo-banner-text, .promo-banner-small .promo-banner-image-wrapper
    {
        width: 50%;
    }
    .promo-banner-image
    {
        margin-left: -25%;
    }
    .promo-banner-large
    {
        font-size: 18px;
    }
    .promo-banner-large .promo-banner-tagline
    {
        font-size: 16px;
    }
    .promo-banner-large .promo-banner-image
    {
        width: 135%;
        margin-left: -35%;
        margin-top: 0;
    }
    .promo-banner-large .promo-banner-image-wrapper
    {
        width: 55%;
    }
    .promo-banner-large .promo-banner-text
    {
        width: 45%;
    }
    .article-teaser
    {
        width: 50%;
        margin-right: -4px;
        padding: 0 10px 20px 10px;
    }
    .article-teaser.odd
    {
        padding-left: 0;
    }
    .article-teaser.even
    {
        padding-right: 0;
    }
    /* Half-width on small screens and wider. */
    .half-sm
    {
        width: 50%;
    }
    .side-by-side-sm
    {
        float: left;
        padding: 0 5px 0 0;
    }
    .side-by-side-sm + .side-by-side-sm
    {
        padding: 0 0 0 5px;
    }
    .icon-media-release
    {
        font-size: 60px;
        width: 100%;
        height: 0; /* Aspect ratio to match blog images */
        padding: 0 0 32.72727273% 20px;
    }
    .icon-media-release:before
    {
        display: block;
        height: 0;
        padding-top: 8%;
    }
    .page-type-news-hub .article-teaser.odd
    {
        padding-left: 10px;
    }
    .page-type-news-hub .article-teaser.even
    {
        padding-right: 10px;
    }
    .page-type-news-hub .article-teaser.article-feature
    {
        width: 100%;
    }
    .page-type-news-hub .article-teaser.article-feature h2
    {
        font-size: 24px;
    }
    .page-type-news-hub .article-teaser.article-feature .article-intro
    {
        font-weight: 300;
    }
}
/*! Small screens only */
@media (max-width: 767px)
{
    .outage-search-field
    {
        padding-left: 20px;
        font-size: 16px;
    }
    .quick-navigation-tiles
    {
        margin-top: 10px;
    }
    .quick-navigation-tiles li.even, .quick-navigation-tiles li.odd
    {
        left: 0;
        right: 0;
        margin: 0;
        border: solid #ccc 0;
        border-top-width: 0;
    }
    .quick-navigation-tiles li:nth-child(3n+2)
    {
        border-left-width: 1px;
        border-right-width: 1px;
    }
    .quick-navigation-tiles li:nth-child(-n+3)
    {
        border-bottom-width: 1px;
    }
    .tile-overlay
    {
        padding: 10px 10px 50px 10px;
    }
    .tile-overlay-header-promo .tile-overlay-title
    {
        font-size: 18px;
    }
    .tile-mini-glyph
    {
        font-size: 45px;
    }
    .tile-feature-title
    {
        font-size: 18px;
    }
    .tile-feature-tagline
    {
        font-size: 16px;
    }
    .subject-box-icon
    {
        width: 25%;
        max-width: 60px;
        display: inline-block;
    }
    .subject-box-title-wrapper .ellipsis-container
    {
        width: 75%;
        display: inline-block;
    }
}
/*! Medium-size/Tablet portrait */
@media (min-width: 768px)
{
    .gateway-outage-search-wrapper
    {
        top: 0;
        left: auto;
        right: 10%;
    }
    .page-type-search .header, .page-type-gateway .header
    {
        min-height: 0;
    }
    .header-search
    {
        max-width: none;
        width: 750px;
        margin-left: -375px;
        left: 50%;
    }
    .call-to-action.full-width
    {
        left: 20px;
    }
    .result-count
    {
        text-align: right;
    }
    .page-type-inner .inside-page-content
    {
        float: left;
        width: 66.67%;
    }
    .lead
    {
        font-size: 20px;
    }
    .authored-content table
    {
        border: 1px solid #dddddd;
    }
    .authored-content .responsive
    {
        border: none;
        overflow: hidden;
        margin-bottom: 20px;
    }
    .authored-content .responsive th, .authored-content .responsive td
    {
        white-space: normal;
    }
    .nav-search
    {
        display: none;
    }
    .nav-back {
        float: right;
    }
    .nav-gateway
    {
        margin: 0 -10px;
    }
    .navbar-gateway
    {
        width: 100%;
    }
    .navbar-gateway .form-control
    {
        height: 40px;
    }
    .navbar-gateway .search-input
    {
        background: #323232;
        font-size: 14px;
    }
    .navbar-gateway .search-button
    {
        width: auto;
        font-size: 16px;
    }
    .nav-search-form, .nav-search-form.collapsed, .nav-contact, .nav-back
    {
        display: block;
        height: auto;
    }
    .nav-contact .ergonicon
    {
        display: inline-block;
        line-height: 0;
    }
    .nav-contact .ergonicon:before
    {
        float: left;
        margin-top: -6px;
    }
    .nav-search-form
    {
        position: relative;
        z-index: 0;
        float: right;
        width: 25%;
        min-width: 200px;
    }
    .nav-back-icon-container
    {
        width: 40px;
    }
    .nav-item.nav-back {
        min-width: 80px;
        width: 12%;
    }
    .nav-item.nav-home, .nav-item.nav-search, .nav-item.nav-retail, .nav-item.nav-network, .nav-item.nav-about-us, .nav-item.nav-contact
    {
        min-width: 110px;
        width: 12%;
    }
    .nav-item.nav-contact
    {
        border-right: 0;
    }
    .nav-tabs-gateway
    {
        position: relative;
        margin-top: -50px;
    }
    .nav-tabs-gateway .nav-tabs-gateway-content > li.call-to-action.full-width
    {
        left: 20px;
    }
    .emergency-banner
    {
        padding: 80px 0 40px 0;
        overflow: auto;
    }
    .emergency-updates, .emergency-numbers
    {
        float: left;
        width: 60%;
    }
    .emergency-updates
    {
        padding-right: 20px;
    }
    .emergency-numbers
    {
        width: 40%;
        margin-top: 12px;
        padding-left: 20px;
        border-left: solid 2px #929292;
    }
    .emergency-details
    {
        margin-left: 125px;
    }
    .emergency-updates .emergency-title, .emergency-details
    {
        padding-left: 60px;
    }
    .emergency-updates .cta
    {
        left: 60px;
    }
    .nav-tabs-gateway > li
    {
        width: 25%;
        max-width: 170px;
        padding-right: 10px;
        height: 0;
        padding-bottom: 300px;
    }
    .nav-tabs-gateway > li > a
    {
        font-size: 14px;
        line-height: normal;
        text-align: center;
        height: 50px;
    }
    .nav-tabs-gateway > li .tab-icon
    {
        display: none;
    }
    .nav-tabs-gateway-content
    {
        background: lightgray;
        display: block;
        margin: 0;
        padding: 0;
        position: absolute;
        overflow-y: hidden;
        left: 0;
        right: 0;
        top: 50px;
        bottom: 0;
    }
    .nav-tabs-gateway-content > li
    {
        display: block;
        float: left;
        padding: 30px 0 60px 0;
        width: 20%;
    }
    .nav-tabs-gateway-content > li a
    {
        display: block;
        color: white;
        width: 100%;
        padding: 20px 10px;
        text-align: center;
        text-decoration: none;
    }
    .nav-tabs-gateway-content > li a:hover
    {
        background: rgba(255, 255, 255, 0.15);
    }
    .nav-tabs-gateway-content > li .ergonicon
    {
        font-size: 64px;
    }
    .nav-tabs-gateway > .active > .nav-tabs-gateway-content
    {
        display: block;
    }
    .page-type-segment .header
    {
        padding-bottom: 52.1739%;
        margin-bottom: 0;
    }
    .header-quick-navigation
    {
        position: absolute;
        top: auto;
        right: 10px;
        bottom: 20px;
        width: 252px;
    }
    .quick-navigation-tiles li
    {
        width: 126px;
    }
    .quick-navigation-tiles li:nth-child(1n + 5)
    {
        margin-bottom: 0;
    }
    .header-information-centre-nav ul
    {
        position: relative;
        display: table;
        border-collapse: separate;
    }
    .header-information-centre-nav li
    {
        display: table-cell;
        padding-right: 10px;
        vertical-align: bottom;
    }
    .header-information-centre-nav .tab-information-centre
    {
        display: table-cell;
        width: 25%;
        padding-top: 0;
        padding-bottom: 0;
    }
    .header-information-centre-nav .tab-information-centre:nth-child(2n + 1)
    {
        padding-right: 10px;
    }
    .header-information-centre-nav .tab-information-centre:last-child
    {
        padding-right: 0;
    }
    .header-search-label
    {
        margin-left: 0;
    }
    .index-promo-tiles li
    {
        width: 50%;
        float: left;
        padding: 0 10px;
        position: relative;
        padding-left: 0;
        left: 10px;
        left: 0;
    }
    .index-promo-tiles li:first-child
    {
        left: 10px;
        float: right;
    }
    .index-promo-tiles .tile-feature-mini
    {
        padding-bottom: 100%;
    }
    .tile-feature
    {
        position: relative;
        overflow: auto;
        width: 100%;
        padding-bottom: 90%;
    }
    .tile-feature-contents
    {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
    .tile-overlay
    {
        left: 20px;
        right: 20px;
        bottom: 20px;
    }
    .tile-overlay-title
    {
        font-size: 24px;
    }
    .tile-overlay-header-promo
    {
        padding: 20px 30px 60px 30px;
    }
    .tile-overlay-header-promo .tile-overlay-title
    {
        font-size: 30px;
    }
    .tile-feature-image
    {
        width: 50%;
        padding-bottom: 45%;
    }
    .tile-feature-image .tile-overlay
    {
        width: auto;
        max-width: 300px;
        left: auto;
    }
    .tile-feature-mini
    {
        width: 25%;
        padding-bottom: 22.5%;
    }
    .tile-feature-title
    {
        font-size: 18px;
    }
    .tile-feature-tagline
    {
        font-size: 16px;
    }
    .tile-feature-contents
    {
        overflow: hidden;
        min-height: 0;
    }
    .tile-mini-glyph
    {
        font-size: 60px;
        padding: 20px;
        -webkit-transition: font-size 0.2s;
        transition: font-size 0.2s;
    }
    .tile-feature-mini-details
    {
        width: 100%;
        float: none;
        padding: 20px;
        position: absolute;
        bottom: 0;
    }
    .tile-feature-usage-meter img
    {
        width: 100%;
    }
    .tile-feature-usage-meter .tile-feature-mini-details
    {
        position: absolute;
    }
    .tile-feature-usage-meter .call-to-action a:before
    {
        padding-top: 16px;
    }
    .tile-feature-usage-meter .call-to-action
    {
        width: 100%;
    }
    .tile-overlay
    {
        width: 50%;
    }
    .five-tile-layout
    {
        margin-bottom: 10px;
        overflow: hidden;
    }
    .five-tile-layout li
    {
        display: block;
        float: left;
    }
    .five-tile-layout .tile-feature
    {
        margin-bottom: 0;
        width: 100%;
        padding-bottom: 90%;
    }
    .five-tile-layout .tile-large
    {
        width: 50%;
        padding-right: 10px;
    }
    .five-tile-layout .tile-mini-1, .five-tile-layout .tile-mini-2, .five-tile-layout .tile-mini-3, .five-tile-layout .tile-mini-4
    {
        width: 25%;
    }
    .five-tile-layout .tile-mini-1, .five-tile-layout .tile-mini-3
    {
        padding-left: 10px;
        margin-left: -5px;
    }
    .five-tile-layout .tile-mini-2, .five-tile-layout .tile-mini-4
    {
        padding-left: 10px;
        margin-left: 5px;
    }
    .five-tile-layout .tile-mini-3, .five-tile-layout .tile-mini-4
    {
        margin-top: 10px;
    }
    .promo-banner-single-line
    {
        text-align: center;
    }
    .promo-banner-large
    {
        font-size: 24px;
    }
    .promo-banner-large .promo-banner-tagline
    {
        font-size: 18px;
    }
    .promo-banner-large .promo-banner-image
    {
        width: 100%;
        margin-left: 0;
        margin-top: -10%;
    }
    .promo-banner-large .promo-banner-image-wrapper
    {
        width: 60%;
    }
    .promo-banner-large .promo-banner-text
    {
        width: 40%;
    }
    .subject-boxes-inner
    {
        margin: 0 -10px;
    }
    .subject-box-icon
    {
        float: none;
    }
    .sq-form-question-datetime input[type="text"], .sq-form-question-datetime label, .sq-form-question-datetime select
    {
        display: inline-block;
        width: auto;
    }
    .news-search-mini
    {
        position: absolute;
        top: 0;
        right: 20px;
        width: 260px;
    }
    .article-categories.sidebar-nav
    {
        float: left;
        width: 34%;
        padding: 0;
        margin: 20px 10px 20px -10px;
    }
    .page-type-blog .article-listing, .page-type-blog .news-item-detail
    {
        width: 66%;
        float: right;
        margin-right: -10px;
        margin-top: 20px;
    }
    .page-type-blog .sidebar-nav .nav-segments > li > a
    {
        font-size: 20px;
    }
    .page-type-news-hub .article-teaser
    {
        width: 33.3333%;
    }
    .page-type-news-hub .article-teaser.odd, .page-type-news-hub .article-teaser.even
    {
        padding: 10px;
    }
    .page-type-news-hub .article-teaser.article-feature .article-teaser-image, .page-type-news-hub .article-teaser.article-feature .article-teaser-details, .page-type-news-hub .article-teaser.article-feature .article-date
    {
        float: left;
    }
    .page-type-news-hub .article-teaser.article-feature .article-author
    {
        float: right;
        text-align: right;
        margin-bottom: 0;
    }
    .page-type-news-hub .article-teaser.article-feature .article-date, .page-type-news-hub .article-teaser.article-feature .article-author
    {
        width: 50%;
    }
    .page-type-news-hub .article-teaser.article-feature .article-teaser-image
    {
        width: 45%;
        overflow: hidden;
    }
    .page-type-news-hub .article-teaser.article-feature .article-teaser-image img
    {
        width: 220%;
        margin-left: -75%;
    }
    .page-type-news-hub .article-teaser.article-feature .article-teaser-details
    {
        width: 55%;
        height: 0;
        padding-bottom: 32.5%;
        overflow: hidden;
    }
    .page-type-news-hub .article-teaser.article-feature .article-category
    {
        position: absolute;
        bottom: 0;
    }
    .caption
    {
        overflow: auto;
    }
    .caption .caption-text
    {
        width: 50%;
        float: left;
    }
    .caption .attribution
    {
        width: 50%;
        float: right;
        text-align: right;
    }
    .half .caption-text, .half .attribution
    {
        width: 100%;
        float: none;
        text-align: left;
    }
    .related-link
    {
        width: 50%;
        padding-left: 10px;
        margin-left: -10px;
    }
    .related-link.even
    {
        margin-left: 10px;
    }
    .page-type-inner .left-hand-nav
    {
        display: block;
    }
    .segment-footer-search, .segment-footer-contact, .segment-footer-social, .segment-footer-alerts
    {
        float: left;
        width: 33%;
    }
    .segment-footer-contact:before, .segment-footer-social:before, .segment-footer-alerts:before
    {
        content: "";
        position: absolute;
        width: 4px;
        top: 20px;
        bottom: 20px;
        left: 33%;
        background: #323232;
        border-right: solid white 2px;
        opacity: 0.3;
        filter: alpha(opacity=30);
    }
    .segment-footer-social:before, .segment-footer-alerts:before
    {
        left: 66%;
    }
    .segment-footer-social .segment-footer-text
    {
        width: 50%;
    }
    .segment-footer-alerts .segment-footer-icon
    {
        width: 30%;
    }
    .segment-footer-alerts .segment-footer-text
    {
        width: 70%;
    }
    .fat-footer-nav .footer-nav-section
    {
        width: 25%;
    }
    .contact-numbers-wrapper
    {
        background: #ededed;
        margin: 20px;
    }
    .contact-numbers
    {
        float: left;
        width: 50%;
        margin: 0;
    }
    .contact-numbers-retail, .contact-numbers-network
    {
        margin: 0;
        padding: 0;
    }
    .slim-footer-nav-section .logo
    {
        display: inline;
    }
    /* Half-width on medium screens and wider. */
    .half-md
    {
        width: 50%;
    }
    .side-by-side-md
    {
        float: left;
        padding: 0 5px 0 0;
    }
    .side-by-side-md + .side-by-side-md
    {
        padding: 0 0 0 5px;
    }
    .FormProgressBar #first-tab
    {
        margin-left: -20px;
    }
    .FormProgressBar > li
    {
        width: 33%;
    }
    .FormProgressBar li:after
    {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 50px solid transparent;
        border-bottom: 50px solid transparent;
        border-left: 30px solid #fff;
        position: absolute;
        top: 50%;
        margin-top: -50px;
        left: 100%;
        z-index: 5;
    }
    .FormProgressBar li:before
    {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 50px solid transparent;
        border-bottom: 50px solid transparent;
        border-left: 30px solid #EDEDED;
        position: absolute;
        top: 50%;
        margin-top: -50px;
        margin-left: 5px;
        left: 100%;
        z-index: 1;
    }
    .FormProgressBar #first-tab:after
    {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 50px solid transparent;
        border-bottom: 50px solid transparent;
        border-left: 30px solid #929292;
        position: absolute;
        top: 50%;
        margin-top: -50px;
        left: 100%;
        z-index: 5;
    }
    .FormProgressBar #first-tab-selected:after
    {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 50px solid transparent;
        border-bottom: 50px solid transparent;
        border-left: 30px solid #323232;
        position: absolute;
        top: 50%;
        margin-top: -50px;
        left: 100%;
        z-index: 5;
    }
    .FormProgressBar #second-tab-selected:after
    {
        border-left-color: #323232;
        z-index: 4;
    }
    .FormProgressBar #second-tab:after
    {
        border-left-color: #929292;
        z-index: 4;
    }
    .FormProgressBar #last-tab-selected:after
    {
        border: 0;
    }
    .FormProgressBar #last-tab:before
    {
        border: 0;
    }
    .FormProgressBar #last-tab-selected:before
    {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 0px solid transparent;
        border-bottom: 0px solid transparent;
        border-left: 0px solid #fff;
        position: absolute;
        top: 50%;
        margin-top: 0px;
        margin-left: 3px;
        left: 100%;
        z-index: 1;
    }
}

/*! Medium/Tablet only */
@media (min-width: 768px) and (max-width: 991px)
{
    .quick-navigation-tiles .ergonicon
    {
        font-size: 40px;
    }
    .quick-navigation-tiles li
    {
        height: 88px;
        width: 110px;
    }
    .header-quick-navigation
    {
        right: 10px;
        width: 220px;
    }
    .tile-overlay
    {
        bottom: 20px;
        right: 20px;
    }
    .tile-overlay-title
    {
        font-size: 18px;
    }
    .tile-overlay-header-promo
    {
        width: 33%;
        padding: 20px 20px 60px 20px;
    }
    .tile-overlay-header-promo .tile-overlay-title
    {
        font-size: 24px;
    }
    .tile-feature-image .tile-overlay
    {
        width: 60%;
        left: auto;
        right: 20px;
    }
    .tile-feature-title
    {
        font-size: 16px;
    }
    .tile-feature-tagline
    {
        font-size: 14px;
    }
    .tile-mini-glyph
    {
        font-size: 45px;
    }
    .subject-box-title
    {
        font-size: 14px;
    }
    .subject-box-title-wrapper .ellipsis-container
    {
        font-size: 14px !important;
    }
    .index-promo-tiles li
    {
        left: 10px;
    }
    .index-promo-tiles li:first-child
    {
        left: 0;
        float: left;
    }
    .index-promo-tiles .tile-feature-mini
    {
        padding-bottom: 0;
        height: auto;
    }
    .index-promo-tiles .tile-feature-contents
    {
        position: static;
    }
    .index-promo-tiles .tile-mini-glyph, .index-promo-tiles .tile-feature-mini-details
    {
        position: static;
        display: inline-block;
        vertical-align: middle;
        min-height: 110px;
        width: 22%;
    }
    .index-promo-tiles .tile-feature-mini-details
    {
        width: 78%;
    }
}

/*! Large/desktop */
@media (min-width: 992px)
{
    .call-to-action.auto-width
    {
        right: 20px;
        max-width: 100%;
        left: initial;
    }
    .header-nav
    {
        top: 50px;
    }
    .site-nav-section-name
    {
        display: none;
    }
    body.collapsible-header-nav-visible, .header-nav.header-nav-collapsed .nav-segments
    {
        overflow: visible;
    }
    /* Medium-to-large screen navigation */
    .icon-home
    {
        display: none;
    }
    .text-home
    {
        display: inline;
    }
    .header-nav .nav-categories
    {
        background: #368e43;
    }
    .business-brand .header-nav .nav-categories
    {
        background: #223a2a;
    }
    .network-brand .header-nav .nav-categories
    {
        background: #223069;
    }
    .about-us-brand .header-nav .nav-categories
    {
        background: #641e1a;
    }
    .header-nav-menu-button
    {
        display: none;
    }
    .header-nav .nav-segments
    {
        position: static;
        overflow: visible;
        z-index: 0;
    }
    .header-nav .nav-segments > li
    {
        vertical-align: top;
        display: block;
        float: left;
        text-align: center;
        line-height: 1.2em;
        margin-right: 5px;
    }
    .header-nav .nav-segments > li > a
    {
        background: #ededed;
        color: #636363;
        height: 45px;
        width: 118px;
        font-weight: bold;
        font-family: Roboto Slab, Times New Roman, Times, serif;
        font-size: 14px;
        padding: 5px 10px;
    }
    .header-nav .nav-segments > li > a.business-segment
    {
        background: #368e43;
        color: white;
    }
    .header-nav .nav-segments > li > a, .header-nav .nav-categories > li > a
    {
        display: block;
        text-decoration: none;
    }
    .header-nav .active > .nav-content-pages
    {
        display: none;
    }
    .header-nav .nav-categories
    {
        position: absolute;
        top: 45px;
        width: 100%;
        left: 0;
        z-index: -1;
        box-shadow: 0 8px 30px -10px rgba(80, 80, 80, 0.75), 0 -8px 30px -10px rgba(80, 80, 80, 0.75);
        text-align: left;
        white-space: nowrap;
    }
    .header-nav .nav-categories.collapse
    {
        height: auto !important;
    }
    .header-nav .nav-categories > li, .header-nav .nav-categories > li a
    {
        height: 45px;
    }
    .header-nav .nav-categories > li
    {
        vertical-align: top;
        display: inline-block;
        text-align: center;
    }
    .header-nav .nav-categories > li:first-child
    {
        margin-left: 110px;
    }
    .header-nav .nav-categories > li > a
    {
        color: white;
        padding: 14px 7px;
        text-transform: uppercase;
        border: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        letter-spacing: -1px;
    }
    .header-nav .nav-categories > li > a:hover
    {
        text-decoration: none;
    }
    .header-nav .nav-categories > li.hover > .nav-content-pages, .header-nav .nav-categories > li:hover > .nav-content-pages
    {
        display: inline;
    }
    .header-nav .nav-content-pages
    {
        position: absolute;
        left: 110px;
        right: 0;
        padding: 45px 20px 10px 20px;
        display: none;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 60px;
        -moz-column-gap: 60px;
        column-gap: 60px;
    }
    .header-nav .nav-content-pages > .overview-item
    {
        position: absolute;
        top: 10px;
        width: 50%;
    }
    .header-nav .nav-content-pages > li
    {
        text-align: left;
    }
    .header-nav .nav-content-pages > li > a
    {
        padding: 10px 0;
        display: inline-block;
        width: 100%;
        height: auto;
    }
    .header-nav .nav-content-pages > li li
    {
        /* Hide deep navigation on dropdown nav. */
        display: none;
    }
    .header-nav .nav-content-pages .overview-item
    {
        font-weight: bold;
    }
    /* Custom colours for Retail */
    .residential-brand .header-nav .nav-segments > li > a, .business-brand .header-nav .nav-segments > li > a
    {
        /* 2nd tab */
        background-color: #368e43;
        color: white;
    }
    .residential-brand .header-nav .nav-segments > li:first-child > a, .business-brand .header-nav .nav-segments > li:first-child > a, .residential-brand .header-nav .nav-segments > li.active:first-child .nav-categories, .business-brand .header-nav .nav-segments > li.active:first-child .nav-categories
    {
        /* 1st tab */
        background-color: #34aa45;
        color: white;
    }
    .header-nav .nav-segments > li:last-child > a, .header-nav .nav-segments > li:last-child .nav-categories
    {
        background: #ededed;
        color: #636363;
    }
    /* IE8, same as above but with last-child classes instead of psuedo-selectors. */
    .header-nav .nav-segments > li.last-child > a, .header-nav .nav-segments > li.last-child .nav-categories
    {
        background: #ededed;
        color: #636363;
    }
    /* Help and support tab */
    .header-nav .nav-segments > li.active:last-child > a, .header-nav .nav-segments > li.active:last-child .nav-categories
    {
        background-color: #636363;
        color: white;
        margin-right: 0;
    }
    /* IE8, same as above but with last-child classes instead of psuedo-selectors. */
    .header-nav .nav-segments > li.active.last-child > a, .header-nav .nav-segments > li.active.last-child .nav-categories
    {
        /* Help and support tab */
        background-color: #636363;
        color: white;
        margin-right: 0;
    }
    .header-nav .nav-segments > li.active:last-child:hover a
    {
        border-color: #323232;
    }
    .header-nav .nav-segments > li.active.last-child:hover a
    {
        border-color: #323232;
    }
    /* Medium-to-large screen top navigation */
    .header-nav-menu-button
    {
        background: none;
    }
    .header-nav .nav-segments > li > a
    {
        background: #ededed;
    }
    .nav-categories > li > a
    {
        background: none;
    }
    .nav-content-pages a
    {
        background: none;
    }
    .nav-categories
    {
        display: none;
    }
    .active .nav-categories
    {
        display: block;
    }
    .header-nav .nav-segments > .active > a
    {
        background: #34aa45;
        color: white;
    }
    .header-nav .nav-categories > li.active > a
    {
        position: relative;
    }
    .header-nav .nav-categories > li.active .nav-categories-arrow
    {
        /*  font-family: Times New Roman, Times, serif;*/
        display: block;
        position: absolute;
        font-size: 16px;
        bottom: -6px;
        color: #223a2a;
        height: 16px;
        left: 50%;
        width: 16px;
        margin-left: -8px;
    }
    .network-brand .header-nav .nav-categories > li.active .nav-categories-arrow
    {
        color: #223069;
    }
    .about-us-brand .header-nav .nav-categories > li.active .nav-categories-arrow
    {
        color: #641e1a;
    }
    .header .header-nav .nav-segments > li.last-child .nav-categories-arrow
    {
        color: #323232;
    }
    .header-nav .nav-categories > li.active > a, .header-nav .nav-categories > li:hover > a, .header-nav .nav-categories > li.hover > a
    {
        border-bottom: solid 4px #223a2a;
    }
    .header-nav .nav-content-pages
    {
        background: #223a2a;
    }
    .network-brand .header-nav ul.nav-content-pages
    {
        background: #223069;
    }
    .about-us-brand .header-nav ul.nav-content-pages
    {
        background: #641e1a;
    }
    .header-nav .nav-content-pages > li a::after
    {
        color: #368e43;
    }
    .business-brand .header-nav .nav-segments > .active > a, .business-brand .header-nav .nav-categories
    {
        background: #368e43;
    }
    .network-brand .header-nav .nav-segments > .active > a, .network-brand .header-nav .nav-categories
    {
        background: #0083c9;
    }
    .network-brand .header-nav .nav-categories > li.active > a, .network-brand .header-nav .nav-categories > li:hover > a, .network-brand .header-nav .nav-categories > li.hover > a
    {
        border-bottom: solid 4px #223069;
    }
    .about-us-brand .header-nav .nav-segments > .active > a, .about-us-brand .header-nav .nav-categories
    {
        background: #e3473a;
    }
    .about-us-brand .header-nav .nav-categories > li.active > a, .about-us-brand .header-nav .nav-categories > li:hover > a, .about-us-brand .header-nav .nav-categories > li.hover > a
    {
        border-bottom: solid 4px #641e1a;
    }
    .residential-brand .header-nav .nav-segments > li:last-child .nav-content-pages, .business-brand .header-nav .nav-segments > li:last-child .nav-content-pages, .network-brand .header-nav .nav-segments > li:last-child .nav-content-pages, .about-us-brand .header-nav .nav-segments > li:last-child .nav-content-pages
    {
        background: #404040;
    }
    /* IE8, same as above but with last-child classes instead of psuedo-selectors. */
    .residential-brand .header-nav .nav-segments > li.last-child .nav-content-pages, .business-brand .header-nav .nav-segments > li.last-child .nav-content-pages, .network-brand .header-nav .nav-segments > li.last-child .nav-content-pages, .about-us-brand .header-nav .nav-segments > li.last-child .nav-content-pages
    {
        background: #404040;
    }
    .residential-brand .header-nav .nav-segments > li:last-child .nav-categories > .active > a, .business-brand .header-nav .nav-segments > li:last-child .nav-categories > .active > a, .network-brand .header-nav .nav-segments > li:last-child .nav-categories > .active > a, .about-us-brand .header-nav .nav-segments > li:last-child .nav-categories > .active > a, .residential-brand .header-nav .nav-segments > li:last-child .nav-categories > li:hover > a, .business-brand .header-nav .nav-segments > li:last-child .nav-categories > li:hover > a, .network-brand .header-nav .nav-segments > li:last-child .nav-categories > li:hover > a, .about-us-brand .header-nav .nav-segments > li:last-child .nav-categories > li:hover > a, .residential-brand .header-nav .nav-segments > li:last-child .nav-categories > li.hover > a, .business-brand .header-nav .nav-segments > li:last-child .nav-categories > li.hover > a, .network-brand .header-nav .nav-segments > li:last-child .nav-categories > li.hover > a, .about-us-brand .header-nav .nav-segments > li:last-child .nav-categories > li.hover > a
    {
        border-color: #323232;
    }
    /* IE8, same as above but with last-child classes instead of psuedo-selectors. */
    .residential-brand .header-nav .nav-segments > li.last-child .nav-categories > .active > a, .business-brand .header-nav .nav-segments > li.last-child .nav-categories > .active > a, .network-brand .header-nav .nav-segments > li.last-child .nav-categories > .active > a, .about-us-brand .header-nav .nav-segments > li.last-child .nav-categories > .active > a, .residential-brand .header-nav .nav-segments > li.last-child .nav-categories > li:hover > a, .business-brand .header-nav .nav-segments > li.last-child .nav-categories > li:hover > a, .network-brand .header-nav .nav-segments > li.last-child .nav-categories > li:hover > a, .about-us-brand .header-nav .nav-segments > li.last-child .nav-categories > li:hover > a, .residential-brand .header-nav .nav-segments > li.last-child .nav-categories > li.hover > a, .business-brand .header-nav .nav-segments > li.last-child .nav-categories > li.hover > a, .network-brand .header-nav .nav-segments > li.last-child .nav-categories > li.hover > a, .about-us-brand .header-nav .nav-segments > li.last-child .nav-categories > li.hover > a
    {
        border-color: #323232;
    }
    .nav-tabs-gateway .nav-tabs-gateway-content > li.call-to-action.auto-width
    {
        right: 20px;
        max-width: 100%;
        left: initial;
    }
    .nav-tabs-gateway-section
    {
        float: left;
        width: 66%;
    }
    .network-usage-meter
    {
        float: left;
        width: 34%;
        height: 250px;
    }
    .residential-brand .logo-site .logo, .business-brand .logo-site .logo
    {
        top: -30px;
    }
    .tile-overlay
    {
        width: 360px;
    }
    .tile-mini-glyph
    {
        bottom: 45%;
        font-size: 80px;
    }
    .tile-feature-title
    {
        font-size: 24px;
    }
    .tile-feature-tagline
    {
        font-size: 18px;
    }
    .subject-box-icon
    {
        font-size: 80px;
    }
    .page-type-index .inside-page-content > h1, .page-type-index .inside-page-content > .breadcrumb, .page-type-index .authored-content
    {
        float: left;
        width: 50%;
        margin-right: 1px;
    }
    .index-promo-tiles
    {
        width: 49%;
        float: right;
        margin-top: -80px;
    }
    .index-page-listing li
    {
        width: 25%;
    }
    .page-type-news-hub .article-teaser.article-feature .article-date, .page-type-news-hub .article-teaser.article-feature .article-author
    {
        float: none;
        text-align: left;
    }
    .page-type-news-hub .article-teaser.article-feature .article-author
    {
        margin-bottom: 20px;
    }
    .fat-footer-wrapper
    {
        background: #ededed;
        -webkit-box-shadow: inset 1px 10px 10px -5px rgba(0, 0, 0, 0.25);
        box-shadow: inset 1px 10px 10px -5px rgba(0, 0, 0, 0.25);
        padding-top: 20px;
        width: 100%;
        overflow: auto;
    }
    .fat-footer
    {
        max-width: 1170px;
        margin: 0 auto;
        padding: 0 20px;
    }
    .contact-numbers-wrapper, .fat-footer-nav-wrapper
    {
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
        margin: 0;
    }
    .contact-numbers-wrapper
    {
        float: right;
        width: 30%;
    }
    .fat-footer-nav-wrapper
    {
        float: left;
        width: 60%;
    }
    .contact-numbers
    {
        text-align: left;
        padding: 0px 10px;
        margin: 10px 0 0 0;
    }
    /* Change width of columns */
    .contact-numbers-wrapper
    {
        width: 40%;
    }
    .fat-footer-nav .footer-nav-section
    {
        margin: 0 -4px 0 0;
        width: 25%;
    }
    .slim-footer-nav-section
    {
        width: 50%;
        text-align: left;
    }
    .slim-footer-nav-section.slim-footer-nav-info
    {
        text-align: right;
    }
    .slim-footer-nav-info > ul
    {
        display: inline-block;
    }
    .brand-color-palette-container
    {
        overflow: visible;
    }
}