/* Site Style Sheet */ /*------------------* EMBEDDED FONTS *------------------*/ /*-------------------* PAGE AND LAYOUT *------------------*/ body { margin: 0px; } body, td, p { font-family: arial, verdana, helvetica, sans-serif; font-size: 12px; color: #606060; } /*-------------* HEADINGS *-------------*/ h1 { font-family: arial, verdana, helvetica, sans-serif; font-size: 18px; color: #76657d; } h2 { font-family: arial, verdana, helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #76657d; margin: 0 0 4 0; } .footer { font-family: arial, verdana, helvetica, sans-serif; font-size: 10px; color: #6d6d6d; } /*-------------------------* BULLETS AND NUMBERING *-------------------------*/ ul { margin-top:0px; margin-bottom:0px; margin-left:20px; margin-right:30px; padding:10px 0px; list-style-image: url(/images/symbol_bullet.gif) } /*---------------------* LINES AND BORDERS *---------------------*/ .bdr_none { border: 0px; } .divider { border: 0px; height: 1px; width: 100%; background: url(images/spacer.gif) repeat-x center; margin: 2px 0px 2px 0px; line-height: 1px; } /*----------* TABLES *----------*/ /* Default Table */ table.default { border-style: none; border-spacing: 0px; border-collapse: collapse; } table.default td { padding: 0px; margin: 0px; } table.default td.clean { padding: 0px; margin: 0px; border: 0px; } table.search_result_box { border-style: none; border-spacing: 0px; border-collapse: collapse; width: 100%; } table.search_result_box td { padding: 5px; background-color: #e5e5e5; } /* Main layout */ table.main_layout { } table.main_layout td { } /* Content layout */ table.content_layout { } table.content_layout td { } /* Form layout */ table.form_layout { } table.form_layout td { } /*---------* LINKS *---------*/ /* Default link */ A:link, A:active { font-family: arial, verdana, helvetica, sans-serif; font-size: 12px; text-decoration: underline; color: #606060; } A:visited, A:hover { font-family: arial, verdana, helvetica, sans-serif; font-size: 12px; text-decoration: underline; color: #999999; } A.h1:link, A.h1:active, A.h1:visited { font-family: arial, verdana, helvetica, sans-serif; font-size: 18px; color: #76657d; text-decoration: underline; } A.h1:hover { font-family: arial, verdana, helvetica, sans-serif; font-size: 18px; color: #76657d; text-decoration: underline; } font-family: arial, verdana, helvetica, sans-serif; font-size: 18px; color: #76657d; /*----------------* CMS TABLE *----------------*/ .cms_table { background-color: #ffffff; } .cms_table td { border: 1px solid #e5e5e5; } .cms_table td.header { background-color: #f8f8f8; } input, textarea { border: 1px solid #e5e5e5; } /*---------* FORMS *---------*/ form { padding: 0px; margin: 0px; } .form_label { font-family : verdana, arial, helvetica, sans-serif; font-size : 0.7em; color : #000000; margin-top: 3px; margin-bottom: 3px; } INPUT, TEXTAREA { font-family : arial, sans-serif; font-size : 13px; } /* nw form styles */ .nw_form_error { font-family : verdana, arial, helvetica, sans-serif; font-size : 0.7em; color : #FF0000; margin: 0px; padding: 0px; } table.nw_form_error_outer { border-style: none; border-spacing: 0px; border-collapse: collapse; background-color: none; } table.nw_form_error_outer td { padding: 0px; margin: 0px; } .nwform_fileinfo { font-family : verdana, arial, helvetica, sans-serif; font-size : 12px; color : #000000; padding: 0px; margin: 0px; } /* MAIN NAV STYLES */ table.main_nav { width: 100%; border-style: none; border-spacing: 0px; border-collapse: collapse; } table.main_nav td { padding: 0px; margin: 0px; vertical-align: top; } table.main_nav td.find_out_more { padding: 0px; margin: 0px; vertical-align: bottom } table.main_nav td.image { padding: 0 10 0 0; width: 144px; } .main_nav_image { /*width: 144px;*/ border: 1px solid #E5E5E5; } .main_nav_spacer { height: 20px; } /* product overview table */ table.product_overview { width: 100%; border-style: none; border-spacing: 0px; border-collapse: collapse; } table.product_overview td { padding: 0px; margin: 0px; vertical-align: top; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding: 5px; } table.product_overview td.border_bottom { border-bottom: 1px solid #e5e5e5; } table.product_overview td.border_top { border-top: 1px solid #e5e5e5; } table.product_overview td.product_overview_tick { width: 1%; vertical-align: top; border-right: 1px solid #e5e5e5; } table.product_overview td.product_overview_description { background-color: #f8f8f8; font-weight: bold; padding: 5px; } /* Special Offer table */ table.special_offer { width: 100%; border: 1px solid #e5e5e5; border-spacing: 0px; border-collapse: collapse; background-color: #f8f8f8; } table.special_offer td { padding: 10px; margin: 0px; vertical-align: top; } /* apply now / call us OR text between the buttons */ table td.apply_now_call_us_or { font-family: arial, verdana, helvetica, sans-serif; font-size: 18px; color: #76657d; padding: 0 10 0 10; } /* Image styles */ .icon_info { margin: 0 5 0 5; border: 0px; } /* header */ td.header { background-color: #76657d; } td.header_search_bg { background-color: #afc143; height: 82px; } table.header_search { background-color: #afc143; } table.header_search td { font-family: arial, verdana, helvetica, sans-serif; font-size: 13px; color: #ffffff; padding: 0 2 0 3; } table.header_search td input.search_button { border: 0px; } table.textsizer_layout { border-style: none; border-spacing: 0px; border-collapse: collapse; } table.textsizer_layout td { padding: 0px; margin: 0px; } .content_textsizer { font-family: arial, verdana, helvetica, sans-serif; font-size: 13px; color: #ffffff; margin: 0px; padding: 0px; } /* top navigation */ table.navigation_spacer { height: 4px; background-color: #e5e5e5; border-style: none; border-spacing: 0px; border-collapse: collapse; width: 100%; } table.navigation { height: 26px; background-color: #e5e5e5; border-style: none; border-spacing: 0px; border-collapse: collapse; width: 100%; } table.navigation td { white-space: nowrap; } table.navigation_on { border-style: none; border-spacing: 0px; border-collapse: collapse; width: 100%; background-color: #ffffff; } table.navigation_on td { white-space: nowrap; } table.navigation td.navigation_on_right { width: 4px; height: 26px; padding: 0 7 0 0; } table.navigation td.navigation_on_left { width: 3px; height: 26px; padding: 0 0 0 7; } table.navigation td.navigation_on_text { height: 26px; background-color: #ffffff; padding: 0 7 0 7; } table.navigation td.navigation_off_text { height: 26px; padding: 0 7 0 7; text-align: center; } span.navigation_off { font-size: 20px; } A.navigation_off:active, A.navigation_off:link, A.navigation_off:visited { /*font-family: arial, verdana, helvetica, sans-serif;*/ font-size: 12px; text-decoration: none; color: #606060; } A.navigation_off:hover { /*font-family: arial, verdana, helvetica, sans-serif;*/ font-size: 12px; text-decoration: underline; color: #606060; } /* bottom navigation */ table.navigation_bottom { height: 26px; background-color: #e5e5e5; border-style: none; border-spacing: 0px; border-collapse: collapse; width: 100%; } table.navigation_bottom td { white-space: nowrap; padding: 0 1 0 1; } table.navigation_bottom td.pipe { color: #cecece; font-size: 10px; } A.navigation_bottom:active, A.navigation_bottom:link, A.navigation_bottom:visited { font-family: arial, verdana, helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #6d6d6d; } A.navigation_bottom:hover { font-family: arial, verdana, helvetica, sans-serif; font-size: 10px; text-decoration: underline; color: #6d6d6d; } /* DISCLOSURE STATEMENT, COPYRIGHT */ table.disclosure { border-top: 1px solid #fffff; border-style: none; border-spacing: 0px; border-collapse: collapse; width: 100%; } table.disclosure td { font-size: 10px; color: #6d6d6d; padding: 5 14 5 14; background-color: #f2f2f2; } table.disclosure p { font-size: 10px; color: #6d6d6d; } table.disclosure a, table.disclosure a:hover, table.disclosure a:visited, table.disclosure a:active { font-size: 10px; color: #6d6d6d; text-decoration: underlined; } /* BREADCRUMB */ table.breadcrumb { border-style: none; border-spacing: 0px; border-collapse: collapse; width: 100%; } table.breadcrumb td { padding: 10 0 7 10; spacing: 10 0 7 10; } A.breadcrumb:link, A.breadcrumb:visited { font-family: arial, verdana, helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #76657d; } A.breadcrumb:hover { font-family: arial, verdana, helvetica, sans-serif; font-size: 12px; text-decoration: underline; color: #76657d; } A.breadcrumb:active { font-family: arial, verdana, helvetica, sans-serif; font-size: 12px; text-decoration: none; font-weight: bold; color: #8a8f15; } /* when the link is the current one */ A.breadcrumb_active:link, A.breadcrumb_active:visited, A.breadcrumb:active { font-family: arial, verdana, helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #8a8f15; font-weight: bold } A.breadcrumb_active:hover { text-decoration: underline; } /* BODY TABLE */ table.body { border-style: none; border-spacing: 0px; border-collapse: collapse; width: 100%; /*height: 100%;*/ } table.body td.body { padding: 10px; margin: 0px; vertical-align: top; } .body_spacer { height: 1px; width: 450px; } /* HOME TABLE */ table.home { border-style: none; border-spacing: 0px; border-collapse: collapse; width: 100%; /*height: 100%;*/ } table.home td.home { padding: 5px; margin: 0px; vertical-align: top; } table.home td.home_column_2 { width: 150px; padding: 5px; margin: 0px; vertical-align: top; } table.home td.home_column_3 { width: 220px; padding: 5px; margin: 0px; vertical-align: top; } /* SIDE NAVIGATION */ table.body td.side_nav { width: 219px; vertical-align: top; padding: 5px; } td.side_nav_off { width: 219px; height: 28px; padding: 0px; margin: 0px; background-image: url("/images/nav_green.gif"); background-color: #afc143; background-repeat: no-repeat; } td.side_nav_on { width: 219px; height: 28px; padding: 0px; margin: 0px; background-image: url("/images/nav_darkgreen.gif"); background-color: #9daf33; background-repeat: no-repeat; } td.side_nav_sub_on { width: 219px; height: 28px; padding: 0px; margin: 0px; background-image: url("/images/nav_grey.gif"); background-color: #f8f8f8; background-repeat: no-repeat; } td.side_nav_sub_off { width: 219px; height: 28px; padding: 0px; margin: 0px; background-image: url("/images/nav_white.gif"); background-color: #ffffff; background-repeat: no-repeat; } td.side_nav_sub_spacer { width: 20px; } td.side_nav_arrow { width: 15px; text-align: center; } span A.side_nav_white:active, A.side_nav_white:link, A.side_nav_white:visited { font-family: arial, verdana, helvetica, sans-serif; font-size: 12px; text-decoration: none; /*font-weight: bold;*/ color: #ffffff; } span A.side_nav_white:hover { text-decoration: underline; } span A.side_nav_purple:active, A.side_nav_purple:link, A.side_nav_purple:visited { font-family: arial, verdana, helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #76657d; } span A.side_nav_purple:hover { text-decoration: underline; } span A.side_nav_green:active, A.side_nav_green:link, A.side_nav_green:visited { font-family: arial, verdana, helvetica, sans-serif; font-size: 12px; text-decoration: none; font-weight: bold; color: #8a8f15; } span A.side_nav_green:hover { text-decoration: underline; } /* FEATURES TABLE */ table.features { background-color: #ffffff; border-spacing: 0px; border-collapse: collapse; width: 100%; } table.features td { border: 1px solid #e5e5e5; padding: 5px; } table.features td.border_bottom { border-bottom: 1px solid #e5e5e5; } table.features td.border_top { border-top: 1px solid #e5e5e5; } table.features td.features_tick { width: 1%; vertical-align: top; } table.features td.features_description { background-color: #f8f8f8; font-weight: bold; padding: 5px; } /* RIGHT BAR */ td.right_bar { width: 227px; vertical-align: top; } table.right_bar_table { background-color: #ffffff; width: 218px; border-style: none; border-spacing: 0px; border-collapse: collapse; border: 1px solid #e5e5e5; } table.right_bar_table td { padding: 15px; } table.links_box { background-color: #ffffff; border-style: none; border-spacing: 0px; border-collapse: collapse; width: 100%; } table.links_box td { padding: 2px; } table.links_box td.image { width: 1%; } table.links_box td.spacer { height: 15px; } /* HOMEPAGE LINK BOX's */ table.home_links { background-color: #ffffff; width: 100%; border-style: none; border-spacing: 0px; border-collapse: collapse; border: 1px solid #e5e5e5; } table.home_links td.home_links { padding: 5px; } table.home_links td.home_links_share { padding: 15px; background-color: #f8f8f8; text-align: center; border-top: 1px solid #e5e5e5; } /* HOME - INTERNET BANKING */ table.internet_banking { background-color: #ebe8ec; width: 100%; border-style: none; border-spacing: 0px; border-collapse: collapse; border: 1px solid #76657d; } table.internet_banking td.ib_header { background-color: #76657d; padding: 4 15 4 15; } span.ib_header { font-family: arial, verdana, helvetica, sans-serif; color: #ffffff; font-size: 16px; font-weight: bold; } table.internet_banking td.ib_body { color: #606060; padding: 4 15 4 15; } table.internet_banking td.ib_footer { color: #606060; padding: 4 15 4 15; } /* APPLY NOW BOX */ table.right_bar_table td.an_header { background-color: #f8f8f8; padding: 4 15 4 15; border-bottom: 1px solid #e5e5e5; } span.an_header { font-family: arial, verdana, helvetica, sans-serif; color: #76647a; font-size: 14px; border-bottom: } /* HOME - LATEST NEWS */ table.latest_news { background-color: #f3f6e3; width: 100%; border-style: none; border-spacing: 0px; border-collapse: collapse; border: 1px solid #afc143; } table.latest_news td.ln_header { background-color: #afc143; padding: 4 15 4 15; } span.ln_header { font-family: arial, verdana, helvetica, sans-serif; color: #ffffff; font-size: 16px; font-weight: bold; } table.latest_news td.ln_body { color: #aeb219; padding: 4 15 4 15; } /* PROMOTIONAL AREA */ table.promotional_area { background-color: #ffffff; border-style: none; border-spacing: 0px; border-collapse: collapse; /*border: 1px solid #e5e5e5;*/ } table.promotional_area td { padding: 0px; } /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* LOAN - APPLY NOW */ textarea.apply_now { width: 100%; height: 75px; } table.apply_now { border-style: none; border-spacing: 0px; border-collapse: collapse; width: 100%; } table.apply_now td { border: 1px solid #e5e5e5; padding: 5px; } table.apply_now td.header { background-color: #f8f8f8; } table.apply_now_sub { border-style: none; border-spacing: 0px; border-collapse: collapse; } table.apply_now_sub td.clean_pad { margin: 0px; border: 0px; padding: 5px; } table.apply_now_sub td.clean_pad2 { margin: 0px; border: 0px; padding: 0 5 0 5; } /* SWITCHING */ textarea.switch { width: 100%; height: 75px; } table.switch { border-style: none; border-spacing: 0px; border-collapse: collapse; } table.switch td { border: 1px solid #e5e5e5; padding: 5px; } table.switch td table td { border-style: none; padding: 0px; } table.switch td.header { background-color: #f8f8f8; } .switch_button { width: 140px; padding: 0px; margin: 0px; margin-left: 5px; } table.default td.switch_editremove { width: 142px; padding: 0px; margin: 0px; padding-left: 5px; } #define_close_account, #define_transfer_salary, #define_direct_debit, #define_direct_credit { margin-left: 10px; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash h1 { letter-spacing: -1.8px; } /* NW FORM */ td.nw_form_error { padding: 0px; margin: 0px; } /* ASX announcement styles */ TABLE.wlTable { background-color: #ffffff; border-style: none; border-spacing: 0px; border-collapse: collapse; width: 100%; } TABLE.wlTable TR { background-color:#ffffff; } TABLE.wlTable TH { font-weight:bold; text-align:left; background-color: #f8f8f8; border: 1px solid #e5e5e5; padding: 5px; font-size: 12px; } TABLE.wlTable TD { border: 1px solid #e5e5e5; padding: 5px; } TABLE.wlTable IMG { border:0; } /* features table */ table.cms_features { background-color: #ffffff; border-spacing: 0px; border-collapse: collapse; width: 100%; } table.cms_features td { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding: 5px; } table.cms_features td.border_bottom { border-bottom: 1px solid #e5e5e5; } table.cms_features td.border_top { border-top: 1px solid #e5e5e5; } table.cms_features td.features_tick { vertical-align: top; width: 11px; } table.cms_features td.features_description { background-color: #f8f8f8; font-weight: bold; padding: 5px; } /* preview page */ .preview_box { text-decoration: none; height: 40px; padding-bottom: 20px; padding-top: 15px; padding-left: 20px; padding-right: 20px; background:black; font-weight: bold; opacity: 0.3; } .preview_box:hover { opacity: 1; background:#AFC143; } /*----------------------------------------------------------------------* MISCELLANEOUS STYLES These should always appear last in the style sheet as they should be used to override any values defined in existing classes *----------------------------------------------------------------------*/ /* Margin Settings */ .nomargin { margin: 0px; } .nomargin_t { margin-top: 0px; } .nomargin_r { margin-right: 0px; } .nomargin_b { margin-bottom: 0px; } .nomargin_l { margin-left: 0px; } /* Padding Settings */ .nopad { padding: 0px; } .nopad_t { padding-top: 0px; } .nopad_r { padding-right: 0px; } .nopad_b { padding-bottom: 0px; } .nopad_l { padding-left: 0px; } /* Font formatting */ .bold { font-weight: bold; } .plain { font-weight: normal; } .spacing_1-5 { line-height: 1.5; } .spacing_double { line-height: 2; } /* Alignment Settings */ .top { vertical-align: top; } .middle { vertical-align: middle; } .bottom { vertical-align: bottom; } .left { text-align: left; } .right { text-align: right; } .center { text-align: center; } .nowrap { white-space: nowrap; } /* Width settings */ .w_100pc { width: 100%; } .w_80pc { width: 80%; } .w_50pc { width: 50%; } .w_30pc { width: 30%; } .w_33pc { width: 33%; } .w_20pc { width: 20%; } .w_10pc { width: 10%; } .w_1pc { width: 1%; } /* Height settings */ .h_100pc { height: 100%; } .h_50pc { height: 50%; } .error { color: red; font-weight: bold; } /* No Border */ .nobdr { border-style: none; } .sml_text { font-size: 0.9em; }