/* Hong Kong clickable banner info-box */ .div-hk-info-box { width: 100%; cursor:pointer; cursor:hand; } .table-hk-info-box { border-spacing:0; border-collapse:collapse; border:0; padding:0; margin-bottom:0; opacity:0.9; } .tr-hk-info-box { padding:0; } .td-hk-info-box { text-align:left; padding:0; } .info-box-hk p { margin-bottom:10px } .info-box-hk h1 { color:#fff; font-size:28px; margin:0 0 12px } .info-box-hk{ float:left; width:100%; height:100%; color: #FFFFFF; background:url(/hk/assets/global/images/page/info-bg-op.png); padding:22px; } /* End Hong Kong clickable banner info-box */ .tnc-add-notes{ color:#868686; } .redtext{ color:#FF0000; } p.clearfloat { clear:both; } /*.login-wrapper { padding: 0 12px 0 12px !important;}*/ #extendLogin h6 a:after { top: 6px !important;} #extendLogin h6 a {padding-top: 6px; padding-bottom: 6px;} .section-sme-others .sme-nav .brand-header .nav-bar > li.sme-others > a > h3 { color:#29AD48; } .section-sme-others .sme-nav .brand-header .nav-bar > li.sme-others > a:first-child { border-bottom-color:#29AD48; } /* Start of Create New Section - Retire*/ .section-retire .personal-nav .brand-header .nav-bar > li.retire > a > h3 { color:#29AD48; } .section-retire .personal-nav .brand-header .nav-bar > li.retire > a:first-child { border-bottom-color:#29AD48; } /* End of Create New Section - Retire*/ .wb-share a:after { background-position:0 -62px; } .wb-share:hover a:after { background-position:0 -93px; } table tbody tr.white { background:#ffffff;} table tbody tr.grey { background:#f8f8f8;} table tbody tr td.white-cell { background:#ffffff;} table tbody tr td.grey-cell { background:#f8f8f8;} table thead tr th.left { text-align:left; float:none;} table .left { text-align:left !important; float:none !important; } table.no-t-head th{ font-weight: normal; border-left: none;text-align: center;line-height: 1em;color: #666;font-size: 24px;padding: 8px 10px 9px;display: table-cell;background: #f1fcf0;} table.norm-t tbody td {text-align:left;} table tbody tr td {border: medium none; color: #666666; padding: 20px 10px;} table tbody tr td.align-top {vertical-align:top;} table tbody tr td ul.margin-top {margin: 0;} table tbody tr td.middle {vertical-align: middle;} table tbody tr td.center {text-align: center;} table.no-t-head .alignleft { text-align:left; } .page-cta article a.button2 {position: absolute;right: 200px;top: 8px;} .page-cta article h5.text-column {margin: 0px; padding-right: 480px;} dl.list-drop-down a { display: block; color: ; padding: 0px; position: relative; border-top: none; } .list-drop-down.green-arrow dt.drop-down a, .list-drop-down.green-arrow dd { padding-left: 20px; padding-right: 36px;} .list-drop-down { border-bottom: none; } .list-drop-down > dt > a:after, .list-drop-down > dd:after { position: absolute; content: ""; height: 14px; width: 14px; right: 0; top: 50%; background: none; } .inpage-content dl.list-drop-down { margin: 0; } .side-callouts article { box-shadow: 0 2px 4px -2px #999999; margin-bottom: 20px; padding: 20px; } table tr td.green-bg {background-color:#F1FCF0;} table tbody tr td li, table tr td li, .inpage-content table tbody tr td.left { text-align:left !important; float:none; } table tbody td.tbody-head.left, table thead th.tbody-head.left, table tbody td.left.tbody-head, table thead th.left.tbody-head { text-align:left !important; float:none !important; } ol.alpha li { list-style-type:lower-alpha; } ol.roman li { list-style-type:lower-roman; } table.plain tbody { -moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; } ul.green-arrow li { list-style-type:none !important; } ul.green-arrow li ol.alpha li { list-style-type:lower-alpha !important; background-image:none; } ul.green-arrow li ol.roman li { list-style-type:lower-roman !important; background-image:none; } ul.blank li { list-style:none !important; list-style-type:none !important; margin-left:0; padding-left:0 !important; } ul.multiple-lists li a { /*padding:6px 0 6px 27px !important;*/ } .v-middle { vertical-align:middle !important; } p sup { vertical-align:super !important; } .page-cta article h5.no-cta { padding-right:0; } #welcomegiftimg1 { max-width:100%;} .rebate25 { background:url(images/credit-cards/welcome_gift_2tickets_01c.gif) center center no-repeat; } .rebate20 { background:url(images/credit-cards/welcome_gift_2tickets_02c.gif) center center no-repeat; } .sma-lang em { position: absolute; right: 0; top: 0; width: 1px; height: 1px; line-height: 600%; overflow: hidden; } .sma-lang span { position: absolute; left: -5px; top: 19px; width: 2px; height: 20px; margin: 0; padding-left: 10px; background: url(/hk/assets/pws/images/page/iconlib_small.png) no-repeat -419px -333px; } .language .nav-bar > li > a.sma-lang:first-child { padding-left: 0 !important; } .featured-select { right:65px !important; } .universal-grey .search-on { right: 95px; } .universal-grey .search-off { right: 95px; } #header #utilityNav { margin-right:200px; } #miniLogin { margin-top:5px !important; } .language .hongkong, .language .hk { /*background-position: 0 -2400px !important;*/ } @media only screen and (max-width: 479px) { .page-cta article a.button2 { position: relative; right: 0px; top: 0px; } .page-cta article h5.text-column { padding-right:0; margin-bottom:5px; } } @media only screen and (max-width: 767px) { .page-cta article a.button2 { top: 35%; } } .interested .panel {padding:10px; background:url(images/page/cross_selling_bnr_divider.jpg) top right no-repeat;} .interested .panel.last {background:none;} .interested .subheader {} .interested [class*="column"]+[class*="column"]:last-child { float: left; } ul.green-arrow li ol li {background:none; list-style:decimal;} table tbody tr td li, table tr td li, .inpage-content table tbody tr td.left { text-align:left; float:none; } .inpage-content table tbody tr td ol.inner-list { margin-top: 12px; margin-left: 30px; margin: 2em auto; } ul.green-arrow li ol.alpha li { list-style-type:lower-alpha; } ul.green-arrow li ol.roman li { list-style-type:lower-roman; } ol li .alpha { list-style-type:lower-alpha; } ol li .roman { list-style-type:lower-roman; } ol.alpha li { list-style-type:lower-alpha; } ol.roman li { list-style-type:lower-roman; } ol li .list-hypen {margin-left:30px; position:relative;} ol li .list-hypen p {margin-bottom: 10px; margin-left:10px;} ol li .list-hypen p span {display: block; left: -28px; position: absolute; text-align: right; width: 15px;} ol li .list-third p {padding-left: 25px;} ol li .list-third p span {width: 45px;} ol li .list-fourth p {padding-left: 30px;} ol li .list-fourth p span {width: 45px;} .tabs.vertical { border-bottom:1px solid #e6e6e6 !important; } /* Start of New Icons Addition */ .icon-g1 span.icons_large {background-position:-480px 0px;} .icon-i4 span.icons_large { background-position:-640px -150px; } .icon-j4 span.icons_large { background-position:-720px -150px; } .icon-h6 span.icons_large { background-position:-560px -300px; } .icon-i6 span.icons_large { background-position:-640px -300px; } .icon-j6 span.icons_large { background-position:-720px -300px; } .icon-h8 span.icons_large { background-position:-560px -500px; } .icon-i8 span.icons_large { background-position:-640px -500px; } .icon-j8 span.icons_large { background-position:-720px -500px; } .icon-e9 span.icons_large { background-position:-320px -550px; } .icon-f9 span.icons_large { background-position:-400px -550px; } .icon-g9 span.icons_large { background-position:-480px -550px; } .icon-h9 span.icons_large { background-position:-560px -550px; } .icon-i9 span.icons_large { background-position:-640px -550px; } .icon-j9 span.icons_large { background-position:-720px -550px; } .icon-f11 span.icons_large { background-position:-400px -700px; } .icon-g11 span.icons_large { background-position:-480px -700px; } .icon-h11 span.icons_large { background-position:-560px -700px; } .icon-i11 span.icons_large { background-position:-640px -700px; } .icon-j11 span.icons_large { background-position:-720px -700px; } .icon-g12 span.icons_large { background-position:-480px -750px; } .icon-j12 span.icons_large { background-position:-720px -750px; } .icon-d14 span.icons_large { background-position:-240px -900px; } .icon-e14 span.icons_large { background-position:-320px -900px; } .icon-f14 span.icons_large { background-position:-400px -900px; } .icon-g14 span.icons_large { background-position:-480px -900px; } .icon-h14 span.icons_large { background-position:-560px -900px; } .icon-i15 span.icons_large { background-position:-640px -1000px; } .icon-j15 span.icons_large { background-position:-720px -1000px; } .icon-f16 span.icons_large { background-position:-400px -1050px; } .icon-e17 span.icons_large { background-position:-400px -1150px; } .icon-f17 span.icons_large { background-position:-400px -1150px; } .icon-g17 span.icons_large { background-position:-480px -1150px; } .icon-h17 span.icons_large { background-position:-560px -1150px; } .icon-i17 span.icons_large { background-position:-640px -1150px; } .icon-j17 span.icons_large { background-position:-720px -1150px; } .icon-j18 span.icons_large { background-position:-720px -1200px; } .icon-g19 span.icons_large { background-position:-480px -1300px; } .icon-h19 span.icons_large { background-position:-560px -1300px; } .icon-d21 span.icons_large { background-position:-240px -1450px; } .icon-e21 span.icons_large { background-position:-320px -1450px; } .icon-f21 span.icons_large { background-position:-400px -1450px; } .icon-g21 span.icons_large { background-position:-480px -1450px; } .icon-h21 span.icons_large { background-position:-560px -1450px; } .icon-i21 span.icons_large { background-position:-640px -1450px; } .icon-i22 span.icons_large { background-position:-640px -1550px; } .icon-j22 span.icons_large { background-position:-720px -1550px; } .icon-c23 span.icons_large { background-position:-160px -1600px; } .icon-d23 span.icons_large { background-position:-240px -1600px; } .icon-e23 span.icons_large { background-position:-320px -1600px; } .icon-f23 span.icons_large { background-position:-400px -1600px; } .icon-g23 span.icons_large { background-position:-480px -1600px; } .icon-h23 span.icons_large { background-position:-560px -1600px; } .icon-i23 span.icons_large { background-position:-640px -1600px; } .icon-j23 span.icons_large { background-position:-720px -1600px; } .icon-b27 span.icons_large { background-position:-80px -1800px; } .icon-c27 span.icons_large { background-position:-160px -1800px; } .icon-d27 span.icons_large { background-position:-240px -1800px; } .icon-e27 span.icons_large { background-position:-320px -1800px; } .icon-f27 span.icons_large { background-position:-400px -1800px; } .icon-g27 span.icons_large { background-position:-480px -1800px; } .icon-h27 span.icons_large { background-position:-560px -1800px; } .icon-i27 span.icons_large { background-position:-640px -1800px; } .icon-j27 span.icons_large { background-position:-720px -1800px; } .icon-c29 span.icons_large { background-position:-160px -1900px; } .icon-d29 span.icons_large { background-position:-240px -1900px; } .icon-e29 span.icons_large { background-position:-320px -1900px; } .icon-f29 span.icons_large { background-position:-400px -1900px; } .icon-g29 span.icons_large { background-position:-480px -1900px; } .icon-h29 span.icons_large { background-position:-560px -1900px; } .icon-i29 span.icons_large { background-position:-640px -1900px; } .icon-a30 span.icons_large { background-position:0px -1950px; } .icon-b30 span.icons_large { background-position:-80px -1950px; } .icon-c30 span.icons_large { background-position:-160px -1950px; } .icon-d30 span.icons_large { background-position:-240px -1950px; } .icon-e30 span.icons_large { background-position:-320px -1950px; } .icon-f30 span.icons_large { background-position:-400px -1950px; } .icon-g30 span.icons_large { background-position:-480px -1950px; } .icon-h30 span.icons_large { background-position:-560px -1950px; } .icon-i30 span.icons_large { background-position:-640px -1950px; } .icon-j30 span.icons_large { background-position:-720px -1950px; } .icon-a31 span.icons_large { background-position:0px -2000px; } .icon-b31 span.icons_large { background-position:-80px -2000px; } .icon-c31 span.icons_large { background-position:-160px -2000px; } .icon-d31 span.icons_large { background-position:-240px -2000px; } .icon-e31 span.icons_large { background-position:-320px -2000px; } .icon-f31 span.icons_large { background-position:-400px -2000px; } .icon-g31 span.icons_large { background-position:-480px -2000px; } .icon-h31 span.icons_large { background-position:-560px -2000px; } .icon-i31 span.icons_large { background-position:-640px -2000px; } .icon-j31 span.icons_large { background-position:-720px -2000px; } .icon-a32 span.icons_large { background-position:0px -2050px; } .icon-b32 span.icons_large { background-position:-80px -2050px; } .icon-c32 span.icons_large { background-position:-160px -2050px; } .icon-d32 span.icons_large { background-position:-240px -2050px; } .icon-e32 span.icons_large { background-position:-320px -2050px; } .icon-f32 span.icons_large { background-position:-400px -2050px; } .icon-g32 span.icons_large { background-position:-480px -2050px; } .icon-h32 span.icons_large { background-position:-560px -2050px; } .icon-i32 span.icons_large { background-position:-640px -2050px; } .icon-j32 span.icons_large { background-position:-720px -2050px; } .icon-a33 span.icons_large { background-position:0px -2100px; } .icon-b33 span.icons_large { background-position:-80px -2100px; } .icon-c33 span.icons_large { background-position:-160px -2100px; } .icon-d33 span.icons_large { background-position:-240px -2100px; } .icon-e33 span.icons_large { background-position:-320px -2100px; } .icon-f33 span.icons_large { background-position:-400px -2100px; } .icon-g33 span.icons_large { background-position:-480px -2100px; } .icon-h33 span.icons_large { background-position:-560px -2100px; } .icon-i33 span.icons_large { background-position:-640px -2100px; } .icon-j33 span.icons_large { background-position:-720px -2100px; } .icon-a34 span.icons_large { background-position:0px -2150px; } .icon-b34 span.icons_large { background-position:-80px -2150px; } .icon-c34 span.icons_large { background-position:-160px -2150px; } .icon-d34 span.icons_large { background-position:-240px -2150px; } .icon-e34 span.icons_large { background-position:-320px -2150px; } .icon-f34 span.icons_large { background-position:-400px -2150px; } .icon-g34 span.icons_large { background-position:-480px -2150px; } .icon-h34 span.icons_large { background-position:-560px -2150px; } .icon-i34 span.icons_large { background-position:-640px -2150px; } .icon-j34 span.icons_large { background-position:-720px -2150px; } .icon-a35 span.icons_large { background-position:0px -2200px; } .icon-b35 span.icons_large { background-position:-80px -2200px; } .icon-c35 span.icons_large { background-position:-160px -2200px; } .icon-d35 span.icons_large { background-position:-240px -2200px; } .icon-e35 span.icons_large { background-position:-320px -2200px; } .icon-f35 span.icons_large { background-position:-400px -2200px; } .icon-g35 span.icons_large { background-position:-480px -2200px; } .icon-h35 span.icons_large { background-position:-560px -2200px; } .icon-i35 span.icons_large { background-position:-640px -2200px; } .icon-j35 span.icons_large { background-position:-720px -2200px; } .icon-a36 span.icons_large { background-position:0px -2250px; } .icon-b36 span.icons_large { background-position:-80px -2250px; } .icon-c36 span.icons_large { background-position:-160px -2250px; } .icon-d36 span.icons_large { background-position:-240px -2250px; } .icon-e36 span.icons_large { background-position:-320px -2250px; } .icon-f36 span.icons_large { background-position:-400px -2250px; } .icon-g36 span.icons_large { background-position:-480px -2250px; } .icon-h36 span.icons_large { background-position:-560px -2250px; } .icon-i36 span.icons_large { background-position:-640px -2250px; } .icon-j36 span.icons_large { background-position:-720px -2250px; } .icon-a37 span.icons_large { background-position:0px -2300px; } .icon-b37 span.icons_large { background-position:-80px -2300px; } .icon-c37 span.icons_large { background-position:-160px -2300px; } .icon-d37 span.icons_large { background-position:-240px -2300px; } .icon-e37 span.icons_large { background-position:-320px -2300px; } .icon-f37 span.icons_large { background-position:-400px -2300px; } .icon-g37 span.icons_large { background-position:-480px -2300px; } .icon-h37 span.icons_large { background-position:-560px -2300px; } .icon-i37 span.icons_large { background-position:-640px -2300px; } .icon-j37 span.icons_large { background-position:-720px -2300px; } .icon-a38 span.icons_large { background-position:0px -2350px; } .icon-b38 span.icons_large { background-position:-80px -2350px; } .icon-c38 span.icons_large { background-position:-160px -2350px; } .icon-d38 span.icons_large { background-position:-240px -2350px; } .icon-e38 span.icons_large { background-position:-320px -2350px; } .icon-f38 span.icons_large { background-position:-400px -2350px; } .icon-g38 span.icons_large { background-position:-480px -2350px; } .icon-h38 span.icons_large { background-position:-560px -2350px; } .icon-i38 span.icons_large { background-position:-640px -2350px; } .icon-j38 span.icons_large { background-position:-720px -2350px; } .icon-a39 span.icons_large { background-position:0px -2400px; } .icon-b39 span.icons_large { background-position:-80px -2400px; } .icon-c39 span.icons_large { background-position:-160px -2400px; } .icon-d39 span.icons_large { background-position:-240px -2400px; } .icon-e39 span.icons_large { background-position:-320px -2400px; } .icon-f39 span.icons_large { background-position:-400px -2400px; } .icon-g39 span.icons_large { background-position:-480px -2400px; } .icon-h39 span.icons_large { background-position:-560px -2400px; } .icon-i39 span.icons_large { background-position:-640px -2400px; } .icon-j39 span.icons_large { background-position:-720px -2400px; } .icon-a40 span.icons_large { background-position:0px -2450px; } .icon-b40 span.icons_large { background-position:-80px -2450px; } .icon-c40 span.icons_large { background-position:-160px -2450px; } .icon-d40 span.icons_large { background-position:-240px -2450px; } .icon-e40 span.icons_large { background-position:-320px -2450px; } .icon-f40 span.icons_large { background-position:-400px -2450px; } .icon-g40 span.icons_large { background-position:-480px -2450px; } .icon-h40 span.icons_large { background-position:-560px -2450px; } .icon-i40 span.icons_large { background-position:-640px -2450px; } .icon-j40 span.icons_large { background-position:-720px -2450px; } .icon-a41 span.icons_large { background-position:0px -2500px; } .icon-b41 span.icons_large { background-position:-80px -2500px; } .icon-c41 span.icons_large { background-position:-160px -2500px; } .icon-d41 span.icons_large { background-position:-240px -2500px; } .icon-e41 span.icons_large { background-position:-320px -2500px; } .icon-f41 span.icons_large { background-position:-400px -2500px; } .icon-g41 span.icons_large { background-position:-480px -2500px; } .icon-h41 span.icons_large { background-position:-560px -2500px; } .icon-i41 span.icons_large { background-position:-640px -2500px; } .icon-j41 span.icons_large { background-position:-720px -2500px; } .icon-a42 span.icons_large { background-position:0px -2550px; } .icon-b42 span.icons_large { background-position:-80px -2550px; } .icon-c42 span.icons_large { background-position:-160px -2550px; } .icon-d42 span.icons_large { background-position:-240px -2550px; } .icon-e42 span.icons_large { background-position:-320px -2550px; } .icon-f42 span.icons_large { background-position:-400px -2550px; } .icon-g42 span.icons_large { background-position:-480px -2550px; } .icon-h42 span.icons_large { background-position:-560px -2550px; } .icon-i42 span.icons_large { background-position:-640px -2550px; } .icon-j42 span.icons_large { background-position:-720px -2550px; } .icon-a43 span.icons_large { background-position:0px -2600px; } .icon-b43 span.icons_large { background-position:-80px -2600px; } .icon-c43 span.icons_large { background-position:-160px -2600px; } .icon-d43 span.icons_large { background-position:-240px -2600px; } .icon-e43 span.icons_large { background-position:-320px -2600px; } .icon-f43 span.icons_large { background-position:-400px -2600px; } .icon-g43 span.icons_large { background-position:-480px -2600px; } .icon-h43 span.icons_large { background-position:-560px -2600px; } .icon-i43 span.icons_large { background-position:-640px -2600px; } .icon-j43 span.icons_large { background-position:-720px -2600px; } .icon-a44 span.icons_large { background-position:0px -2650px; } .icon-b44 span.icons_large { background-position:-80px -2650px; } .icon-c44 span.icons_large { background-position:-160px -2650px; } .icon-d44 span.icons_large { background-position:-240px -2650px; } .icon-e44 span.icons_large { background-position:-320px -2650px; } .icon-f44 span.icons_large { background-position:-400px -2650px; } .icon-g44 span.icons_large { background-position:-480px -2650px; } .icon-h44 span.icons_large { background-position:-560px -2650px; } .icon-i44 span.icons_large { background-position:-640px -2650px; } .icon-j44 span.icons_large { background-position:-720px -2650px; } .icon-a45 span.icons_large { background-position:0px -2700px; } .icon-b45 span.icons_large { background-position:-80px -2700px; } .icon-c45 span.icons_large { background-position:-160px -2700px; } .icon-d45 span.icons_large { background-position:-240px -2700px; } .icon-e45 span.icons_large { background-position:-320px -2700px; } .icon-f45 span.icons_large { background-position:-400px -2700px; } .icon-g45 span.icons_large { background-position:-480px -2700px; } .icon-h45 span.icons_large { background-position:-560px -2700px; } .icon-i45 span.icons_large { background-position:-640px -2700px; } .icon-j45 span.icons_large { background-position:-720px -2700px; } .icon-a46 span.icons_large { background-position:0px -2750px; } .icon-b46 span.icons_large { background-position:-80px -2750px; } .icon-c46 span.icons_large { background-position:-160px -2750px; } .icon-d46 span.icons_large { background-position:-240px -2750px; } .icon-e46 span.icons_large { background-position:-320px -2750px; } .icon-f46 span.icons_large { background-position:-400px -2750px; } .icon-g46 span.icons_large { background-position:-480px -2750px; } .icon-h46 span.icons_large { background-position:-560px -2750px; } .icon-i46 span.icons_large { background-position:-640px -2750px; } .icon-j46 span.icons_large { background-position:-720px -2750px; } .icon-a47 span.icons_large { background-position:0px -2800px; } .icon-b47 span.icons_large { background-position:-80px -2800px; } .icon-c47 span.icons_large { background-position:-160px -2800px; } .icon-d47 span.icons_large { background-position:-240px -2800px; } .icon-e47 span.icons_large { background-position:-320px -2800px; } .icon-f47 span.icons_large { background-position:-400px -2800px; } .icon-g47 span.icons_large { background-position:-480px -2800px; } .icon-h47 span.icons_large { background-position:-560px -2800px; } .icon-i47 span.icons_large { background-position:-640px -2800px; } .icon-j47 span.icons_large { background-position:-720px -2800px; } .icon-a48 span.icons_large { background-position:0px -2850px; } .icon-b48 span.icons_large { background-position:-80px -2850px; } .icon-c48 span.icons_large { background-position:-160px -2850px; } .icon-d48 span.icons_large { background-position:-240px -2850px; } .icon-e48 span.icons_large { background-position:-320px -2850px; } .icon-f48 span.icons_large { background-position:-400px -2850px; } .icon-g48 span.icons_large { background-position:-480px -2850px; } .icon-h48 span.icons_large { background-position:-560px -2850px; } .icon-i48 span.icons_large { background-position:-640px -2850px; } .icon-j48 span.icons_large { background-position:-720px -2850px; } .icon-a49 span.icons_large { background-position:0px -2900px; } .icon-b49 span.icons_large { background-position:-80px -2900px; } .icon-c49 span.icons_large { background-position:-160px -2900px; } .icon-d49 span.icons_large { background-position:-240px -2900px; } .icon-e49 span.icons_large { background-position:-320px -2900px; } .icon-f49 span.icons_large { background-position:-400px -2900px; } .icon-g49 span.icons_large { background-position:-480px -2900px; } .icon-h49 span.icons_large { background-position:-560px -2900px; } .icon-i49 span.icons_large { background-position:-640px -2900px; } .icon-j49 span.icons_large { background-position:-720px -2900px; } .icon-a50 span.icons_large { background-position:0px -2950px; } .icon-b50 span.icons_large { background-position:-80px -2950px; } .icon-c50 span.icons_large { background-position:-160px -2950px; } .icon-d50 span.icons_large { background-position:-240px -2950px; } .icon-e50 span.icons_large { background-position:-320px -2950px; } .icon-f50 span.icons_large { background-position:-400px -2950px; } .icon-g50 span.icons_large { background-position:-480px -2950px; } .icon-h50 span.icons_large { background-position:-560px -2950px; } .icon-i50 span.icons_large { background-position:-640px -2950px; } .icon-j50 span.icons_large { background-position:-720px -2950px; } /* End of New Icon Addition */ /* Chinese Icons */ .icon-c18 span.icons_large, .icon-i17 span.icons_large, .icon-b32 span.icons_large, .icon-i15 span.icons_large, .icon-j6 span.icons_large, .icon-e30 span.icons_large, .icon-f30 span.icons_large, .icon-j17 span.icons_large, .icon-j26 span.icons_large, .icon-a39 span.icons_large, .icon-f16 span.icons_large, .icon-a33 span.icons_large, .icon-e38 span.icons_large, .icon-i8 span.icons_large, .icon-h31 span.icons_large, .icon-b12 span.icons_large, .icon-d21 span.icons_large, .icon-j4 span.icons_large, .icon-f7 span.icons_large, .icon-g9 span.icons_large, .icon-e17 span.icons_large, .icon-f9 span.icons_large, .icon-a32 span.icons_large, .icon-i27 span.icons_large, .icon-i30 span.icons_large, .icon-h9 span.icons_large, .icon-c23 span.icons_large, .icon-h17 span.icons_large, .icon-i22 span.icons_large, .icon-a12 span.icons_large, .icon-d26 span.icons_large, .icon-h8 span.icons_large, .icon-g12 span.icons_large, .icon-j12 span.icons_large { background-repeat:no-repeat; background-image:url(images/page/icon_lib_large_zh.png) !important; } .icon-c18 span.icons_large {background-position: 0px 0px;} .icon-f16 span.icons_large {background-position: 0px -50px;} .icon-e17 span.icons_large {background-position: 0px -100px;} .icon-a12 span.icons_large {background-position: 0px -150px;} .icon-i17 span.icons_large {background-position: -80px 0px;} .icon-a33 span.icons_large {background-position: -80px -50px;} .icon-f9 span.icons_large {background-position: -80px -100px;} .icon-d26 span.icons_large {background-position: -80px -150px;} .icon-b32 span.icons_large {background-position:-160px 0px;} .icon-e38 span.icons_large {background-position:-160px -50px;} .icon-a32 span.icons_large {background-position:-160px -100px;} .icon-h8 span.icons_large {background-position:-160px -150px;} .icon-i15 span.icons_large {background-position:-240px 0px;} .icon-i8 span.icons_large {background-position:-240px -50px;} .icon-i27 span.icons_large {background-position:-240px -100px;} .icon-g12 span.icons_large {background-position:-240px -150px;} .icon-j6 span.icons_large {background-position:-320px 0px;} .icon-h31 span.icons_large {background-position:-320px -50px;} .icon-j12 span.icons_large {background-position:-320px -150px;} .icon-e30 span.icons_large {background-position:-400px 0px;} .icon-b12 span.icons_large {background-position:-400px -50px;} .icon-i30 span.icons_large {background-position:-400px -100px;} .icon-f30 span.icons_large {background-position:-480px 0px;} .icon-d21 span.icons_large {background-position:-480px -50px;} .icon-h9 span.icons_large {background-position:-480px -100px;} .icon-j17 span.icons_large {background-position:-560px 0px;} .icon-j4 span.icons_large {background-position:-560px -50px;} .icon-c23 span.icons_large {background-position:-560px -100px;} .icon-j26 span.icons_large {background-position:-640px 0px;} .icon-f7 span.icons_large {background-position:-640px -50px;} .icon-h17 span.icons_large {background-position:-640px -100px;} .icon-a39 span.icons_large {background-position:-720px 0px;} .icon-g9 span.icons_large {background-position:-720px -50px;} .icon-i22 span.icons_large {background-position:-720px -100px;} /* End of Chinese Icons */ /* Start of Credit Card Comparison additions */ .reveal-modal .credit-card-select .row { margin-bottom:0; } .credit-card-select.expanded #detailpop_applynow_btn p { text-align: center; } #creditcardlist .credit-card-select .panel { height:390px; } #creditcardlist .credit-card-select .panel footer { position: absolute; width: 100%; bottom: 0; height:37px; top:341px; } #filter_travel a{ background-position:2px -55px; } #filter_save a, #filter_borrow a, #filter_cashrebate a { background-position:1px -111px; } #filter_cards a { background-position:3px -224px; } #filter_cards.active a, #filter_cards:hover a { background-position:3px -252px; } #filter_all_promo a, #filter_insure a, #filter_points a, #filter_manhattan a, #filter_cobrand a { background-position:2px 0px; } #filter_travel.active a, #filter_travel:hover a { background-position:2px -83px; } #filter_save.active a, #filter_save:hover a, #filter_borrow.active a, #filter_borrow:hover a, #filter_cashrebate.active a, #filter_cashrebate:hover a { background-position:1px -139px; } #filter_all_promo.active a, #filter_all_promo:hover a, #filter_insure.active a, #filter_insure:hover a, #filter_points.active a, #filter_points:hover a, #filter_manhattan.active a, #filter_manhattan:hover a, #filter_cobrand.active a, #filter_cobrand:hover a { background-position:2px -27px; } #filter_more_btn .more-items { width: 250px; } .card-selector li h6 { height: 75px; } .card-reward { padding-top: 40px !important; } .card-interest:after, .card-reward:after { display: block; } .card-header .card-interest, .content-card .card-interest { height: 60px; padding: 40px 0 80px !important; } .card-header .card-requirement, .content-card .card-requirement { height: 60px; } .credit-card-select a.apply-now { visibility:hidden; } .credit-card-select a.apply-now.visible { visibility:visible !important; } .credit-card-select.expanded a.apply-now { visibility:visible !important; } /* End of Credit Card Comparison additions */ /* TESTING */ .brand-header .nav-bar > li > a > h3 { font-size:16px; } .brand-header .nav-bar > li > a > summary, .brand-header .nav-bar > li > a > span.summary { font-size:12px !important; } .brand-header .nav-bar > li > a:first-child { margin:0 6px !important; } .brand-header .nav-bar > li:first-child > a:first-child { margin-left:0; } @media screen and (max-width: 800px) { .extranav .brand-header .nav-bar > li:first-child > a:first-child { margin-left:85px; } .extranav .brand-header .nav-bar > li > a > summary, .extranav .brand-header .nav-bar > li > a > span.summary { display:none; visibility:hidden; } .extranav .brand-header .nav-bar > li > a:first-child { margin:0 9px; } .universal-grey .search-on { right:0px !important; } .universal-grey .search-off { right:0px !important; } #header #utilityNav { margin-right: 50px !important;} } /* Start of Loan Product Styles */ .compare-loans .card-container { background: none; } .compare-loans .content-card > article { width: 195px; } .loan-product-info { height:310px; position: relative; } .loan-product-eligibility { height:225px; } .loan-product-purpose { height:170px; } .loan-product-type { height:135px; } .card-interest-header { height:60px; } .loan-product-access { height:225px; } .loan-product-payment { height:150px; } .loan-product-monthly-repayment { height:205px; } .loan-product-amount { height:185px; } .loan-product-tenor { height:135px; } .loan-product-promo-and-details { height:245px; position: relative; } .loan-product-info a.button, .loan-product-promo-and-details a.button { width:100%; position:absolute; left:0; bottom:80px; padding-left:20px; padding-right:20px; } /* Start of Calculator Tools Styles */ #personal-instalment-loan-calculator { width: 75%; } #personal-instalment-loan-calculator .calc-header { height: 35px; padding: 10px 0 0 20px; background-color: #87c534;-webkit-border-top-left-radius: 12px; -moz-border-radius-topleft: 12px; border-top-left-radius: 12px; } #personal-instalment-loan-calculator .calc-header p { color: #fff; font-size: 12px; font-weight: bold; } #personal-instalment-loan-calculator .calc-body { margin-bottom: 17px; padding: 10px; border: solid 1px #87c534; -webkit-border-bottom-right-radius: 12px; -moz-border-radius-bottomright: 12px; border-bottom-right-radius: 12px; } #personal-instalment-loan-calculator .calc-field { background: #f8f8f8; padding: 10px; overflow: auto; margin-bottom: 1px; } #personal-instalment-loan-calculator .calc-field label { width: 26%; float: left; margin-top: 5px; } #personal-instalment-loan-calculator .calc-field input[type="text"], #personal-instalment-loan-calculator .calc-field select { width: 40%; float: left; margin: 0; } #personal-instalment-loan-calculator .calc-buttons { text-align: right; padding-right: 10px; } #spanMonthlyRepayment { font-size: 14px; font-weight: bold; color: #004A6D; margin-top: 17px; visibility: hidden; } #spanMonthlyRepayment span { font-weight: bold; } #errorTable, #applyDpySpanTag { display: none; } #errorTable p { color: #f00; font-size: 12px; } /* End of Calculator Tools Styles */ a.icon-small-in.category-mortgage:after { background-position:-328px -214px; } /* Start of New Infobox Icons Addition */ .infobox-anchor-link a.icon-small-in.more-rewarding:after { background-position:-362px -269px; } .infobox-anchor-link a.icon-small-in.more-convenient:after { background-position:-412px -269px; } .infobox-anchor-link a.icon-small-in.more-personal:after { background-position:-463px -269px; } .infobox-anchor-link a.icon-small-in.loan:after { background-position:-516px -269px; } .infobox-anchor-link a.icon-small-in.category-mortgage2:after { background-position:-567px -269px; } .infobox-anchor-link a.icon-small-in.auto-financing:after { background-position:-619px -269px; } .infobox-anchor-link a.icon-small-in.personal-insurance:after { background-position:0px -328px; } .infobox-anchor-link a.icon-small-in.asset-protection:after { background-position:-55px -328px; } .infobox-anchor-link a.icon-small-in.foreign-currency:after { background-position:-111px -328px; } .infobox-anchor-link a.icon-small-in.market-outlook:after { background-position:-168px -328px; } .infobox-anchor-link a.icon-small-in.scb-products:after { background-position:-218px -328px; } .infobox-anchor-link a.icon-small-in.saving:after { background-position:-268px -328px; } .infobox-anchor-link a.icon-small-in.current:after { background-position:-313px -328px; } .infobox-anchor-link a.icon-small-in.time-deposit:after { background-position:-362px -328px; } /* .button { background:#ffd148; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd148', endColorstr='#efbd1e'); background:-webkit-gradient(linear, left top, left bottom, from(#ffd148), to(#efbd1e)); background:-webkit-linear-gradient(top, #ffd148, #efbd1e); background:-moz-linear-gradient(top, #ffd148, #efbd1e); background:-ms-linear-gradient(top, #ffd148, #efbd1e); background:-o-linear-gradient(top, #ffd148, #efbd1e); background:linear-gradient(top, #ffd148, #efbd1e); border:1px solid #eeb300; } .button:hover { color:#fff; background:#efbd1e; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#efbd1e', endColorstr='#efbd1e'); background:-webkit-gradient(linear, left top, left bottom, from(#efbd1e), to(#efbd1e)); background:-webkit-linear-gradient(top, #efbd1e, #efbd1e); background:-moz-linear-gradient(top, #efbd1e, #efbd1e); background:-ms-linear-gradient(top, #efbd1e, #efbd1e); background:-o-linear-gradient(top, #efbd1e, #efbd1e); background:linear-gradient(top, #efbd1e, #efbd1e); } */ @media only screen and (max-width:359px) { .elements .panel .elm-content-area p { display:block !important; } } @media only screen and (max-width: 479px) { .card-header { width:120px; } .card-compare { margin-left:120px; } } /* End of Loan Product Styles */ /* Start of Custom Disclaimer Styles */ .custom-disclaimer-popup p { font-size: 12px; } .custom-disclaimer-popup ul { margin-left: 20px; } .custom-disclaimer-popup ul li { font-size: 12px; } .custom-disclaimer-popup .disclaimer-popup-box { border: 1px solid #999; padding: 10px; margin-bottom: 17px; max-height: 400px; overflow: auto; } .custom-disclaimer-popup .important { font-weight: bold; text-decoration: underline; } /* End of Internal Disclaimer Styles */ #appsFrame { margin-bottom: 17px; } /* Start of Calculator Tools Styles */ #personal-instalment-loan-calculator { width: 75%; } #personal-instalment-loan-calculator .calc-header { height: 35px; padding: 10px 0 0 20px; background-color: #87c534;-webkit-border-top-left-radius: 12px; -moz-border-radius-topleft: 12px; border-top-left-radius: 12px; } #personal-instalment-loan-calculator .calc-header p { color: #fff; font-size: 12px; font-weight: bold; } #personal-instalment-loan-calculator .calc-body { margin-bottom: 17px; padding: 10px; border: solid 1px #87c534; -webkit-border-bottom-right-radius: 12px; -moz-border-radius-bottomright: 12px; border-bottom-right-radius: 12px; } #personal-instalment-loan-calculator .calc-field { background: #f8f8f8; padding: 10px; overflow: auto; margin-bottom: 1px; } #personal-instalment-loan-calculator .calc-field label { width: 26%; float: left; margin-top: 5px; } #personal-instalment-loan-calculator .calc-field input[type="text"], #personal-instalment-loan-calculator .calc-field select { width: 40%; float: left; margin: 0; } #personal-instalment-loan-calculator .calc-buttons { text-align: right; padding-right: 10px; } #spanMonthlyRepayment { font-size: 14px; font-weight: bold; color: #004A6D; margin-top: 17px; visibility: hidden; } #spanMonthlyRepayment span { font-weight: bold; } #errorTable, #applyDpySpanTag { display: none; } #errorTable p { color: #f00; font-size: 12px; } /* End of Calculator Tools Styles */ @media only screen and (min-width: 768px) { .brand-header .nav-bar > li > a:first-child { margin: 0 14px; padding-top:32px; padding-bottom:18px; } .brand-header .nav-bar > li > a > h3 { font-size:15px; } .brand-header .nav-bar > li > a > summary, .brand-header .nav-bar > li > a > span.summary { display: none; } } @media screen and (max-width: 800px) { .extranav .brand-header .nav-bar > li > a > summary, .extranav .brand-header .nav-bar > li > a > span.summary { display:none; visibility:hidden; } } @media only screen and (min-width: 980px) { .brand-header .nav-bar > li > a:first-child { margin: 0 10px; } .brand-header .nav-bar > li > a > h3 { font-size:15px; } .brand-header .nav-bar > li > a > summary, .brand-header .nav-bar > li > a > span.summary { font-size: 12px; display: block; } } @media only screen and (min-width: 1024px) { .brand-header .nav-bar > li > a > h3 { font-size:16px; } } #megaNav .flyout.large { padding-bottom: 50px; } #megaNav .shortcut-keys { border-top:1px solid #d5d5d5; width:100%; background:#d5d5d5 url(/hk/assets/pws/images/page/shortcut_meganav_bg.jpg) repeat-x; position:absolute; left:0; bottom:0; margin:0; padding:3px 0 0 0; z-index: 1000; } #megaNav .shortcut-keys .header-title { color:#26922c; font-weight:normal; font-size:12px; margin-bottom:5px; float:left; margin:0 5px 0 25px; } #megaNav .shortcut-keys p { font-size:12px; padding:3px; float:left; line-height:24px; color:#6f6f6f; } #megaNav .shortcut-keys p span { float:left; display:block; } #megaNav .shortcut-keys .keys-login, #megaNav .shortcut-keys .keys-contact, #megaNav .shortcut-keys .keys-scrollup { float:left; display:block; width:66px; height:24px; margin:0 5px; } #megaNav .shortcut-keys .keys-login {background: url(/hk/assets/pws/images/page/online_banking.png) no-repeat scroll 0 0 transparent;} #megaNav .shortcut-keys .keys-contact {background: url(/hk/assets/pws/images/page/contact.png) no-repeat scroll 0 0 transparent;} #megaNav .shortcut-keys .keys-scrollup {background: url(/hk/assets/pws/images/page/scrollUp.png) no-repeat scroll 0 0 transparent;} div.shortcut-keys-container.hidden { display:none; visibility:hidden;} div.shortcut-keys-container .keys-content {height: auto;position: relative;width: 243px;float:left;} div.shortcut-keys-container .keys-content .keys-login { display:block;width:66px;height:24px;background: url(/hk/assets/pws/images/page/online_banking.png) no-repeat scroll 0 0 transparent;float: right;margin-right:45px;} div.shortcut-keys-container .keys-content .keys-contact { display:block;width:66px;height:24px;background: url(/hk/assets/pws/images/page/contact.png) no-repeat scroll 0 0 transparent;float: right;margin-right:45px;} div.shortcut-keys-container .keys-content .keys-scrollup { display:block;width:66px;height:24px;background: url(/hk/assets/pws/images/page/scrollUp.png) no-repeat scroll 0 0 transparent;float: right; margin-right:45px;} div.shortcut-keys-container .clearfix { height:5px; } div.shortcut-keys-container .keys-content .header-title { color:#666; font-weight:normal; margin:0; } div.shortcut-keys-container .keys-content p { font-size:12px; margin: 0; color: #ccc; } div.shortcut-keys-container .keys-content p span { float:left; display:block; } .clearfix { clear: both; } /* Hong Kong Green Persistant Bar */ .filter-block {padding-top:15px;} .isotope-boxes {padding-top: 5px;} .page-cta article { background: #7ef18c; /* Old browsers */ background: -moz-linear-gradient(top, #7ef18c 0%, #33af41 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ef18c), color-stop(100%,#33af41)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7ef18c 0%,#33af41 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7ef18c 0%,#33af41 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7ef18c 0%,#33af41 100%); /* IE10+ */ background: linear-gradient(to bottom, #7ef18c 0%,#33af41 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ef18c', endColorstr='#33af41',GradientType=0 ); /* IE6-8 */ border-right:1px solid #4fed62; border-bottom:1px solid #4fed62; border-left:1px solid #4fed62; -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, .3); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, .3); height:auto!important; text-align: center; } .page-cta article .button { background: #ffd148!important; /* Old browsers */ background: -moz-linear-gradient(top, #ffd148 0%, #efbd1e 100%)!important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd148), color-stop(100%,#efbd1e))!important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffd148 0%,#efbd1e 100%)!important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffd148 0%,#efbd1e 100%)!important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffd148 0%,#efbd1e 100%)!important; /* IE10+ */ background: linear-gradient(to bottom, #ffd148 0%,#efbd1e 100%)!important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd148', endColorstr='#efbd1e',GradientType=0 )!important; /* IE6-8 */ border:1px solid #eeb300; -webkit-box-shadow: 0px 2px 1px 1px rgba(0, 0, 0, .3); box-shadow: 0px 2px 1px 1px rgba(0, 0, 0, .3); font-weight: bold; margin-left: 30px; float: left; display: block; } .page-cta article .button:hover { color:#ffffff; background: #efbd1e!important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efbd1e', endColorstr='#efbd1e')!important; background: -webkit-gradient(linear, left top, left bottom, from(#efbd1e), to(#efbd1e))!important; background: -webkit-linear-gradient(top, #efbd1e, #efbd1e)!important; background: -moz-linear-gradient(top, #efbd1e, #efbd1e)!important; background: -ms-linear-gradient(top, #efbd1e, #efbd1e)!important; background: -o-linear-gradient(top, #efbd1e, #efbd1e)!important; background: linear-gradient(top, #efbd1e, #efbd1e)!important; } .page-cta article h5 { background-image:url(/hk/zh/assets/pws/images/page/icon_persistent_bar.png);background-repeat:no-repeat; color:#ffffff; font-weight: bold; padding-left: 96px; min-height: 40px; margin-top: -5px; display: block; width: 100%; text-align: left; } .page-cta article h5.no-cta { padding-right:0; } .page-cta article { height:auto !important;/* background:url("images/persistent-bar-bg.png") repeat 0 0;*/ text-align: left !important; background:#fff !important; background:-moz-linear-gradient(top, #fff 0, #d8d8d8 100%) !important; background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #d8d8d8)) !important; background:-webkit-linear-gradient(top, #fff 0, #d8d8d8 100%)!important; background:-o-linear-gradient(top, #fff 0, #d8d8d8 100%) !important; background:-ms-linear-gradient(top, #fff 0, #d8d8d8 100%) !important; background:linear-gradient(to bottom, #fff 0, #d8d8d8 100%) !important; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d8d8d8', GradientType=0) !important; box-shadow: 0 2px 2px #ccc !important; border: 0 none !important; } .page-cta span { position: absolute !important; right: 20px !important; top: 8px !important; } #page .container.page-cta article { z-index: 999999 !important; } .page-cta article .button { background:#009fda!important; filter:none!important; border:1px solid #009fda !important; color:#fff !important; box-shadow: none !important; } .page-cta article .button:hover { background:#0083db!important; border:1px solid #0083db !important; transition:none!important; filter:none!important; } .page-cta article h5 { background-image: none !important; background-repeat: no-repeat !important; display: inline-block !important; margin-top: -5px !important; max-width: 100% !important; min-height: 40px !important; padding-left: 25px !important; padding-top: 10px !important; text-align: left !important; font-family:'SC Sans Web', Helvetica, Arial, sans-serif !important; font-stretch: normal !important; font-style: normal !important; font-weight: 400 !important; color: #6f6f6f !important; } .page-cta article a.button { top: 14px !important; font-weight: 400!important; } /* @media \0screen { .brand-header .nav-bar > li > a:first-child { margin:0 3px !important; } } */ @media \0screen { #miniLogin { margin-top:3px !important; } } @media \0screen { .brand-header .nav-bar > li > a > summary, .brand-header .nav-bar > li > a > span.summary{ font-family: Helvetica, Arial, sans-serif !important;} }