@font-face {
    font-family: SourceSansRegular;
    src: url(https://www.nab.com.au/etc/designs/nabrwd/clientlibs/fonts/sourcesanspro-regular.eot);
    src: url(https://www.nab.com.au/etc/designs/nabrwd/clientlibs/fonts/sourcesanspro-regular.eot?#iefix) format('embedded-opentype'), url(https://www.nab.com.au/etc/designs/nabrwd/clientlibs/fonts/sourcesanspro-regular.woff) format('woff'), url(https://www.nab.com.au/etc/designs/nabrwd/clientlibs/fonts/sourcesanspro-regular.ttf) format('truetype'), url(https://www.nab.com.au/etc/designs/nabrwd/clientlibs/fonts/sourcesanspro-regular.svg#source_sans_proregular) format('svg')
}

@font-face {
    font-family: NABImpact;
    src: url(https://www.nab.com.au/etc/designs/nabrwd/clientlibs/fonts/nab-impact.eot);
    src: url(https://www.nab.com.au/etc/designs/nabrwd/clientlibs/fonts/nab-impact.eot?#iefix) format('embedded-opentype'), url(https://www.nab.com.au/etc/designs/nabrwd/clientlibs/fonts/nab-impact.woff2) format('woff2'), url(https://www.nab.com.au/etc/designs/nabrwd/clientlibs/fonts/nab-impact.woff) format('woff')
}

body {
    background: #f5f5f5;
        margin: 8px;
}
div.offers {
        margin: 10px 0px;
}

div.offers h2 {
        font-family: NABImpact, Helvetica, Arial, sans-serif;
        font-size: 20px;
        font-weight: normal;
        line-height: 26px;
        margin: 16px 0 6px 0;
        text-transform: uppercase
}

div.offers a {
    text-decoration: none;
    display: block;
    margin: 0;
    background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
    padding: 16px 14px;
    background-image: url("/content/dam/ibcontent/mobile/app/mib-offers/ma-offers/icons/chevron.png");
    background-repeat: no-repeat;
    background-position: calc(100% - 14px) 20px;
    background-size: 8px auto;
    color: #000000;
        position: relative;
}

div.offers a.back {
        background-color: transparent;
    background-image: url("/content/dam/ibcontent/mobile/app/mib-offers/ma-offers/icons/chevron-back.png");
    background-position: 10px;
}

div.offers a[href*="?browser=external"] {
    background-image: url("/content/dam/ibcontent/mobile/app/mib-offers/ma-offers/icons/external-link-22.png");
    background-size: 14px auto;
}

div.offers a img {
    width: 24px;
    display: inline-block;
        position: absolute;
        top: 14px;
}
div.offers a img[src*="nab-classic-banking.png"] {
}                
div.offers a img[src*="nab-home-loans.png"] {
}                
div.offers a img[src*="nab-credit-cards.png"] {
}                
div.offers a img[src*="nab-insurance.png"] {
}
div.offers a img[src*="nab-investments-super.png"] {
        top: 12px;
}
div.offers a img[src*="nab-business.png"] {
        top: 12px;
}
div.offers a span {
        font-family: SourceSansRegular, Helvetica, Arial, sans-serif;
        line-height: 1.25;
        display: inline-block;
        width: calc(100% - 32px);
}                    
div.offers a img + span {
        padding-left: 44px;
        width: calc(100% - 76px);
}                    
div.offers a.back span {
    padding: 0 0 0 14px;
    color: #c20000;
}
.visually-hidden { /*https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html*/
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding:0 !important;
    border:0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}
body:hover .visually-hidden a, body:hover .visually-hidden input, body:hover .visually-hidden button { display: none !important; }