/*@import url("/iwov-resources/corporate_new/css/common/jquery-ui.css");*/ /* ==|== primary styles ===================================================== Author: William Tan ========================================================================== */ @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } body { width:100%; margin:0 auto; font:normal 12px sans-serif; background: #e7e7e7; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #e7e7e7 0%, #ebebeb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#ebebeb)); background: -webkit-linear-gradient(top, #e7e7e7 0%,#ebebeb 100%); background: -o-linear-gradient(top, #e7e7e7 0%,#ebebeb 100%); background: -ms-linear-gradient(top, #e7e7e7 0%,#ebebeb 100%); background: linear-gradient(to bottom, #e7e7e7 0%,#ebebeb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#ebebeb',GradientType=0 ); } .ls-canvas { overflow:hidden; position:relative; } .js body { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity:0;} /* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */ h1, h2, h3, h4, h5, h6 { font-weight: normal; margin:0; padding:0; } h1 { } h2 { color:#333333; font-family: sans-serif; font-size:3.75em; line-height:4.167em; } h3 { } h4 { } h5 { } h6 { } p { margin:0; padding:0; font-size:1em; line-height:1.25em; } a { color: #00e; text-decoration:none; } a:visited { /*color: #551a8b;*/ } a:hover { color: #06e; } a:focus { outline: thin dotted; } /* Improve readability when focused and hovered in all browsers: h5bp.com/h */ a:hover, a:active { outline: 0; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection declarations have to be separate * Also: hot pink! (or customize the background color to match your design) */ ul, ol { margin:0 0 1em 0; } ::-moz-selection { background: #ffcf01; color: #000; text-shadow: none; } ::selection { background: #ffcf01; color: #000; text-shadow: none; } ::-webkit-input-placeholder { color:#666; } input:-moz-placeholder { color:#666; } .deviceWidth { width:100%; } img { max-width:100%; } footer { text-align:center; margin:15px auto; color:#999; clear:both; width:100%; } footer a { color:#999; } footer ul {display: block; margin: 5px auto; padding: 0; width: 100%;} footer ul li{ display:block; float:left; height:26px; line-height:26px;} footer ul li:first-child { height:auto; margin-right:5px; } footer ul li .ir:hover {background-position:left top;} footer ul li a {height:26px;} footer .rss-btn {color: #fff; background:#F60; padding: 1px 7px; font-size: 0.8333333333em; text-transform: uppercase; font-weight: bold; line-height: 12px;} footer .rss-btn:hover {color:#000;} .bnm{background:url(/iwov-resources/corporate_new/img/common/footer-logo_bnm.png) no-repeat left bottom; width:33px;} .bi{background:url(/iwov-resources/corporate_new/img/common/footer-logo_bi.png) no-repeat left bottom; width:58px;} .ii{background:url(/iwov-resources/corporate_new/img/common/footer-logo_ii.png) no-repeat left bottom; width:59px;} .fmb{background:url(/iwov-resources/corporate_new/img/common/footer-logo_fmb.png) no-repeat left bottom; width:57px;} .sme{background:url(/iwov-resources/corporate_new/img/common/footer-logo_sme.png) no-repeat left bottom; width:53px;} .pidm{background:url(/iwov-resources/corporate_new/img/common/footer-logo_pidm.png) no-repeat left bottom; width:42px;} .akpk{background:url(/iwov-resources/corporate_new/img/common/footer-logo_akpk.png) no-repeat left bottom; width:45px;} .mifc{background:url(/iwov-resources/corporate_new/img/common/footer-logo_mifc.png) no-repeat left bottom; width:47px;} .ibfim{background:url(/iwov-resources/corporate_new/img/common/footer-logo_ibfim-UPDATE.png) no-repeat left bottom; width:36px;} .mb{background:url(/iwov-resources/corporate_new/img/common/footer-logo_mb.png) no-repeat left bottom; width:52px;} .inceif{background:url(/iwov-resources/corporate_new/img/common/footer-logo_inceif.png) no-repeat left bottom; width:50px;} .mwl{background:url(/iwov-resources/corporate_new/img/common/footer-logo_myworklife.png) no-repeat left bottom; width:79px;} .verisign { background:url(/iwov-resources/corporate_new/img/common/footer-logo_verisign.png) no-repeat left bottom; width:60px; } header { width:100%; position:absolute; z-index:50; background: #ffd746; left:0; top:0; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.5); } header > section { height:100%; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYjYwNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmQ3NDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffb605 0%, #ffd746 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb605), color-stop(100%,#ffd746)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffb605 0%,#ffd746 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffb605 0%,#ffd746 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffb605 0%,#ffd746 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffb605 0%,#ffd746 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb605', endColorstr='#ffd746',GradientType=0 ); /* IE6-8 */ } .headerBar { width:100%; border-bottom:solid 1px #ffb505; z-index:55; height:50px; position:relative; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.5); } .headerBarBorder { border-bottom:solid 1px #ffe178; width:96%; padding:0 2%; height:49px; } .headerBar h1 { float:left; } .headerBar h1 .ir { background:url("/iwov-resources/corporate_new/img/my/en/s/logo-maybank.png") no-repeat scroll 0 center transparent; width:230px; height:50px; } .interactionButtons { float:right; } .interactionButtons .ir { background:url("/iwov-resources/corporate_new/img/my/en/s/icon-menu.png") no-repeat scroll center center transparent; width:25px; height:50px; float:left; margin-right:10px; } .interactionButtons .ir:first-child { background:url("/iwov-resources/corporate_new/img/common/icon-expand.png") no-repeat scroll center center transparent; } /*.interactionButtons .ir:last-child { background:url("/iwov-resources/corporate_new/img/common/icon-search.png") no-repeat scroll center center transparent; }*/ .expanded .interactionButtons .ir:first-child { background:url("/iwov-resources/corporate_new/img/common/icon-collapse.png") no-repeat scroll center center transparent; } .mapWrap { float:left; width:100%; -moz-box-shadow: 0 0 2px 2px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.15); box-shadow: 0 0 2px 2px rgba(0,0,0,0.15); position:relative; } #map_canvas { height: 100%; display:none; } #map_canvas img { max-width:none; } .mapControlWrap { background: rgb(255,189,36); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYmQyNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmJkMjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,189,36,1) 0%, rgba(255,189,36,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,189,36,1)), color-stop(100%,rgba(255,189,36,1))); background: -webkit-linear-gradient(top, rgba(255,189,36,1) 0%,rgba(255,189,36,1) 100%); background: -o-linear-gradient(top, rgba(255,189,36,1) 0%,rgba(255,189,36,1) 100%); background: -ms-linear-gradient(top, rgba(255,189,36,1) 0%,rgba(255,189,36,1) 100%); background: linear-gradient(to bottom, rgba(255,189,36,1) 0%,rgba(255,189,36,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbd24', endColorstr='#ffbd24',GradientType=0 ); } .mapControlContent { padding:20px; } .mapControlCountryWrap { background: rgb(252,252,252); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZWNlY2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(206,206,206,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(206,206,206,1))); background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(206,206,206,1) 100%); background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(206,206,206,1) 100%); background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(206,206,206,1) 100%); background: linear-gradient(to bottom, rgba(252,252,252,1) 0%,rgba(206,206,206,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#cecece',GradientType=0 ); -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin-bottom:10px; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.5); } .mapControlCountryWrap select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; color:#151515; font-size:1.25em; font-family:sans-serif; border:none; padding:0.4em; height:35px; outline:none; -webkit-appearance: none; background:url("/iwov-resources/corporate_new/img/common/icon-dropdown.png") no-repeat scroll 97.5% center transparent; } .mapControlContent > div > img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; border:2px solid #FFF; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.5); } .mapControlContent > ul { list-style:none; margin:15px 0; padding:0; } .mapControlContent > ul li { margin-bottom:6px; } .mapControlCTA a, .mapControlContent > ul li a { color:#151515; font-size:1.66666666667em; background:url("/iwov-resources/corporate_new/img/my/en/s/icon-listing-link.png") no-repeat scroll 97.5% center transparent; display:block; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family:sans-serif; padding-right:30px; line-height:1.2; } .mapControlCTA a:hover, .mapControlContent > ul li a:hover { background:url("/iwov-resources/corporate_new/img/my/en/s/icon-listing-link-hover.png") no-repeat scroll 97.5% center transparent; } .mapControlCTA a { font-family:sans-serif; } .myInfowindow { position:absolute; background:url("/iwov-resources/corporate_new/img/common/icon-filter-item.png") no-repeat scroll 97.5% center transparent; width:100%; margin-top: 8px; } .myInfowindow p { font-family:sans-serif; font-size:1.3em; color:#000; line-height: 1.3em;} .myInfowindow p a { font-family:sans-serif; color:#999; } .myInfowindow p a:hover { color:#666; } div#main { /*background: #e7e7e7; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #e7e7e7 0%, #ebebeb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#ebebeb)); background: -webkit-linear-gradient(top, #e7e7e7 0%,#ebebeb 100%); background: -o-linear-gradient(top, #e7e7e7 0%,#ebebeb 100%); background: -ms-linear-gradient(top, #e7e7e7 0%,#ebebeb 100%); background: linear-gradient(to bottom, #e7e7e7 0%,#ebebeb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#ebebeb',GradientType=0 );*/ /*background:url("/iwov-resources/corporate_new/img/common/bg-cny.jpg") no-repeat right bottom transparent; */position:relative; margin-top:51px; } .masonryWrap, .noMasonry-singleCol, .noMasonry-directLink, .dualCol, .noMasonry { position:relative; margin:58px auto 0; padding:0 15px; } nav[role="masonry"] { /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity:0; */ overflow:hidden; height:48px; padding:0 0 10px; position:absolute; left:0; top:0; width:100%; z-index:5; } nav[role="masonry"].expanded { background: #ffc700; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYjYwNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmQ3NDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffb605 0%, #ffd746 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb605), color-stop(100%,#ffd746)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffb605 0%,#ffd746 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffb605 0%,#ffd746 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffb605 0%,#ffd746 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffb605 0%,#ffd746 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb605', endColorstr='#ffd746',GradientType=0 ); /* IE6-8 */ -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.5); } nav[role="masonry"] ul { position:relative; } nav[role="masonry"] ul li { padding:10px 15px; font-family:sans-serif; font-size:1.7em; color:#151515; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1); display:block; line-height:2em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } nav[role="masonry"] ul li h1 { font-size:1em; } nav[role="masonry"] a { color:#151515; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; display:block; } nav[role="masonry"] a:hover { color:#333; } nav[role="masonry"].expanded ul li { border-bottom:solid 1px rgba(201, 142, 0, 0.7); border-top:solid 1px rgba(253, 216, 99, 0.7); } nav[role="masonry"].expanded ul li:first-child { border-top:none; color:#fff; text-shadow: none; } nav[role="masonry"].expanded ul li:last-child { border-bottom:none; } .dropDownTrigger { float:right; position:relative; z-index:1; right:15px; top:10px; } .dropDownTrigger .ir { width:38px; height:38px; background:url("/iwov-resources/corporate_new/img/my/en/s/icon-menu.png") no-repeat scroll 0 0 transparent; } .dropDownTrigger .ir:hover { background-position:bottom left; } nav[role="masonry"].expanded .dropDownTrigger .ir { background-position:top right; } nav[role="masonry"].expanded .dropDownTrigger .ir:hover { background-position:bottom right; } .backTrigger { float:right; position:relative; z-index:1; right:20px; top:10px; } .backTrigger .ir { width:38px; height:38px; background:url("/iwov-resources/corporate_new/img/my/en/s/icon-back.png") no-repeat scroll 0 0 transparent; } .backTrigger .ir:hover { background-position:bottom left; } nav[role="masonry"].expanded .backTrigger { } nav[role="masonry"].expanded .backTrigger .ir { background-position:top right; } nav[role="masonry"].expanded .backTrigger .ir:hover { background-position:bottom right; } .masonryItem img { float:right; } .masonryItem.width2 img { margin-left:10px; } .masonryContent { width:100%; position:relative; } .masonryBlock { margin:10px 0 0 0; padding:0; list-style:none; float:left; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .masonryContent > .masonryBlock:first-child { margin-top:0; } .masonryBlock > div { } .masonryItem { height:140px; background-color:#ffd443; margin:10px 10px 0 0; -moz-box-shadow: 0 0 2px 2px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.15); box-shadow: 0 0 2px 2px rgba(0,0,0,0.15); padding:0; transition: background-color 0.5s; -moz-transition: background-color 0.5s; /* Firefox 4 */ -webkit-transition: background-color 0.5s; /* Safari and Chrome */ -o-transition: background-color 0.5s; /* Opera */ float:left; position: relative; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .masonryItem:hover { background-color:#FFF; } .masonryItem a { display:block; color:#151515; font-family:sans-serif; height:100%; width:100%; } .masonryItem > a:hover{ -moz-box-shadow: 0 0 2px 2px rgba(255,207,1,1); -webkit-box-shadow: 0 0 2px 2px rgba(255,207,1,1); box-shadow: 0 0 2px 2px rgba(255,207,1,1); } .masonryContent .yellowBg > a:hover { -moz-box-shadow: 0 0 2px 2px rgba(51,51,51,1); -webkit-box-shadow: 0 0 2px 2px rgba(51,51,51,1); box-shadow: 0 0 2px 2px rgba(51,51,51,1); } .masonryItem h1 { color:#333; font-size:3.75em; font-family:sans-serif; padding:10px 15px; line-height:normal; } .masonryItem h2 { color:#151515; font-size:1.66666666667em; line-height:1.25em; font-family:sans-serif; padding:10px 10px; letter-spacing:-0.02em; font-weight:normal; } .masonryItem h2 a { color:#151515; } .masonryItem h2 a:hover { color:#000; } .masonryItem p { color:#151515; font-size:1.66666666667em; padding: 0 10px; font-family:sans-serif; letter-spacing:-0.02em; margin-bottom:1em;} .masonryItem p strong {color:#000;} .masonryItem a span { color:#999; font-size:1.25em; padding:10px; display:block; position:relative; } .masonryItem a:hover span { color:#fff; } .masonryBlock li ul { list-style:none; margin:0; padding:0; } .masonryBigWrap { float:left; width:100%; } .masonrySmallWrap { float:left; width:100%; } .masonryBlock > li:last-child { margin-left:0; } .masonryContent > ul:last-child > li:last-child { margin-left:0; } .masonryData {height:140px; background-color:#ffd443; margin:10px 10px 0 0; -moz-box-shadow: 0 0 2px 2px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.15); box-shadow: 0 0 2px 2px rgba(0,0,0,0.15); padding:0; transition: background-color 0.5s; -moz-transition: background-color 0.5s; /* Firefox 4 */ -webkit-transition: background-color 0.5s; /* Safari and Chrome */ -o-transition: background-color 0.5s; /* Opera */ float:left; position: relative; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .whiteBg { background-color:#FFF; } .whiteBg:hover { background-color:#f5f5f5; } .roastgoldBg { background: rgb(151,122,106); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk3N2E2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(80,60,48,1) 0%, rgba(153,120,105,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(80,60,48,1)), color-stop(100%,rgba(153,120,105,1))); background: -webkit-linear-gradient(top, rgba(80,60,48,1) 0%,rgba(153,120,105,1) 100%); background: -o-linear-gradient(top, rgba(80,60,48,1) 0%,rgba(153,120,105,1) 100%); background: -ms-linear-gradient(top, rgba(80,60,48,1) 0%,rgba(153,120,105,1) 100%); background: linear-gradient(to bottom, rgba(80,60,48,1) 0%,rgba(153,120,105,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f3b30', endColorstr='#997869',GradientType=0 ); } .roastgoldBg h2 { color:#fff5e0} .goldBg { background: rgb(151,122,106); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk3N2E2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(151,122,106,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(151,122,106,1)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(151,122,106,1) 0%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(151,122,106,1) 0%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(151,122,106,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(151,122,106,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#977a6a', endColorstr='#ffffff',GradientType=0 ); } .yellowBg { background: rgb(255,180,0); background: -moz-linear-gradient(top, rgba(255,180,0,1) 0%, rgba(255,234,108,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,180,0,1)), color-stop(100%,rgba(255,234,108,1))); background: -webkit-linear-gradient(top, rgba(255,180,0,1) 0%,rgba(255,234,108,1) 100%); background: -o-linear-gradient(top, rgba(255,180,0,1) 0%,rgba(255,234,108,1) 100%); background: -ms-linear-gradient(top, rgba(255,180,0,1) 0%,rgba(255,234,108,1) 100%); background: linear-gradient(to bottom, rgba(255,180,0,1) 0%,rgba(255,234,108,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb400', endColorstr='#ffea6c',GradientType=0 ); } /*.greenBg { background: rgb(140,186,85); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjYmE1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMWVjOGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(140,186,85,1) 0%, rgba(193,236,142,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(140,186,85,1)), color-stop(100%,rgba(193,236,142,1))); background: -webkit-linear-gradient(top, rgba(140,186,85,1) 0%,rgba(193,236,142,1) 100%); background: -o-linear-gradient(top, rgba(140,186,85,1) 0%,rgba(193,236,142,1) 100%); background: -ms-linear-gradient(top, rgba(140,186,85,1) 0%,rgba(193,236,142,1) 100%); background: linear-gradient(to bottom, rgba(140,186,85,1) 0%,rgba(193,236,142,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cba55', endColorstr='#c1ec8e',GradientType=0 ); } .blueBg { background: rgb(101,163,216); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY1YTNkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMGQ1ZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(101,163,216,1) 0%, rgba(176,213,242,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(101,163,216,1)), color-stop(100%,rgba(176,213,242,1))); background: -webkit-linear-gradient(top, rgba(101,163,216,1) 0%,rgba(176,213,242,1) 100%); background: -o-linear-gradient(top, rgba(101,163,216,1) 0%,rgba(176,213,242,1) 100%); background: -ms-linear-gradient(top, rgba(101,163,216,1) 0%,rgba(176,213,242,1) 100%); background: linear-gradient(to bottom, rgba(101,163,216,1) 0%,rgba(176,213,242,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65a3d8', endColorstr='#b0d5f2',GradientType=0 ); } .purpleBg { background: rgb(171,111,231); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FiNmZlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2EzZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(171,111,231,1) 0%, rgba(204,163,246,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(171,111,231,1)), color-stop(100%,rgba(204,163,246,1))); background: -webkit-linear-gradient(top, rgba(171,111,231,1) 0%,rgba(204,163,246,1) 100%); background: -o-linear-gradient(top, rgba(171,111,231,1) 0%,rgba(204,163,246,1) 100%); background: -ms-linear-gradient(top, rgba(171,111,231,1) 0%,rgba(204,163,246,1) 100%); background: linear-gradient(to bottom, rgba(171,111,231,1) 0%,rgba(204,163,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab6fe7', endColorstr='#cca3f6',GradientType=0 ); } .redBg { background: rgb(240,74,55); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwNGEzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYTliOTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(240,74,55,1) 0%, rgba(250,155,144,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,74,55,1)), color-stop(100%,rgba(250,155,144,1))); background: -webkit-linear-gradient(top, rgba(240,74,55,1) 0%,rgba(250,155,144,1) 100%); background: -o-linear-gradient(top, rgba(240,74,55,1) 0%,rgba(250,155,144,1) 100%); background: -ms-linear-gradient(top, rgba(240,74,55,1) 0%,rgba(250,155,144,1) 100%); background: linear-gradient(to bottom, rgba(240,74,55,1) 0%,rgba(250,155,144,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f04a37', endColorstr='#fa9b90',GradientType=0 ); }*/ .turquoiseBg h2 { color: #fff; } .turquoiseBg { background: rgb(1,163,178); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjYmE1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMWVjOGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(1,163,178,1) 0%, rgba(0,130,142,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(1,163,178,1)), color-stop(100%, rgba(0,130,142,1))); background: -webkit-linear-gradient(top, rgba(1,163,178,1) 0%, rgba(0,130,142,1) 100%); background: -o-linear-gradient(top, rgba(1,163,178,1) 0%, rgba(0,130,142,1) 100%); background: -ms-linear-gradient(top, rgba(1,163,178,1) 0%, rgba(0,130,142,1) 100%); background: linear-gradient(to bottom, rgba(1,163,178,1) 0%, rgba(0,130,142,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01a3b2', endColorstr='#00828e', GradientType=0 ); } .cyanBg h2 { color: #fff; } .cyanBg { background: rgb(0,186,225); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjYmE1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMWVjOGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(0,186,225,1) 0%, rgba(0,150,182,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,186,225,1)), color-stop(100%, rgba(0,150,182,1))); background: -webkit-linear-gradient(top, rgba(0,186,225,1) 0%, rgba(0,150,182,1) 100%); background: -o-linear-gradient(top, rgba(0,186,225,1) 0%, rgba(0,150,182,1) 100%); background: -ms-linear-gradient(top, rgba(0,186,225,1) 0%, rgba(0,150,182,1) 100%); background: linear-gradient(to bottom, rgba(0,186,225,1) 0%, rgba(0,150,182,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bae1', endColorstr='#0096b6', GradientType=0 ); } .greenBg h2 { color: #fff; } .greenBg { background: rgb(112,180,15); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjYmE1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMWVjOGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(133,217,13,1) 0%, rgba(112,180,15,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(133,217,13,1)), color-stop(100%, rgba(112,180,15,1))); background: -webkit-linear-gradient(top, rgba(133,217,13,1) 0%, rgba(112,180,15,1) 100%); background: -o-linear-gradient(top, rgba(133,217,13,1) 0%, rgba(112,180,15,1) 100%); background: -ms-linear-gradient(top, rgba(133,217,13,1) 0%, rgba(112,180,15,1) 100%); background: linear-gradient(to bottom, rgba(133,217,13,1) 0%, rgba(112,180,15,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85d90d', endColorstr='#70b40f', GradientType=0 ); } .blueBg h2 { color: #fff; } .blueBg { background: rgb(60,130,249); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY1YTNkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMGQ1ZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(60,130,249,1) 0%, rgba(34,85,173,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(60,130,249,1)), color-stop(100%, rgba(34,85,173,1))); background: -webkit-linear-gradient(top, rgba(60,130,249,1) 0%, rgba(34,85,173,1) 100%); background: -o-linear-gradient(top, rgba(60,130,249,1) 0%, rgba(34,85,173,1) 100%); background: -ms-linear-gradient(top, rgba(60,130,249,1) 0%, rgba(34,85,173,1) 100%); background: linear-gradient(to bottom, rgba(60,130,249,1) 0%, rgba(34,85,173,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c82f9', endColorstr='#2255ad', GradientType=0 ); } .purpleBg h2 { color: #fff; } .purpleBg { background: rgb(123,56,126); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FiNmZlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2EzZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(123,56,126,1) 0%, rgba(91,41,93,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(123,56,126,1)), color-stop(100%, rgba(91,41,93,1))); background: -webkit-linear-gradient(top, rgba(123,56,126,1) 0%, rgba(91,41,93,1) 100%); background: -o-linear-gradient(top, rgba(123,56,126,1) 0%, rgba(91,41,93,1) 100%); background: -ms-linear-gradient(top, rgba(123,56,126,1) 0%, rgba(91,41,93,1) 100%); background: linear-gradient(to bottom, rgba(123,56,126,1) 0%, rgba(91,41,93,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b387e', endColorstr='#5b295d', GradientType=0 ); } .redBg h2 { color: #fff; } .redBg { background: rgb(217,67,55); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwNGEzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYTliOTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(217,67,55,1) 0%, rgba(169,48,40,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(217,67,55,1)), color-stop(100%, rgba(169,48,40,1))); background: -webkit-linear-gradient(top, rgba(217,67,55,1) 0%, rgba(169,48,40,1) 100%); background: -o-linear-gradient(top, rgba(217,67,55,1) 0%, rgba(169,48,40,1) 100%); background: -ms-linear-gradient(top, rgba(217,67,55,1) 0%, rgba(169,48,40,1) 100%); linear-gradient(to bottom, rgba(217,67,55,1) 0%, rgba(169,48,40,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d94337', endColorstr='#a93028', GradientType=0 ); } .blackBg h2 { color: #fff; } .blackBg { background:#000000; background:-moz-linear-gradient(top, rgba(0, 0, 0, 1) 0, rgba(75, 75, 75, 1) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 1)), color-stop(100%, rgba(75, 75, 75, 1))); background:-webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0, rgba(75, 75, 75, 1) 100%); background:-o-linear-gradient(top, rgba(0, 0, 0, 1) 0, rgba(75, 75, 75, 1) 100%); background:-ms-linear-gradient(top, rgba(0, 0, 0, 1) 0, rgba(75, 75, 75, 1) 100%); background:linear-gradient(to bottom, rgba(0, 0, 0, 1) 0, rgba(75, 75, 75, 1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000', endColorstr='#4b4b4b', GradientType=0) } .height2 { height:290px; } .height3 { height:440px; } .height100p { height:100%; } .widthHalf { width:140px; } /*.maxWidth290 { max-width:100%; } */ .maxWidth290 { max-width:100%;} .overlayBar, .masonryItem .overlayBar { background:rgba(0,0,0,0.45); display:block; padding:0 10px 0 0; height:24px; line-height:24px; color:#FFF; text-align:right; position:absolute; bottom:0; width:100%; right:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:1.25em; } .width2 .overlayBar { width:140px; } .sharePrice { font-size:6.66666666667em; font-family:sans-serif; text-align:center; width:100%; line-height:120px; } .sharePrice > a { font-family:sans-serif; color:#222; } .sharePrice sub { font-size:0.25em; } .sharePrice .overlayBar { font-size:0.1875em; font-family:sans-serif; width:100%; text-transform:none; } .blockNumbers p {color: #000000; font-size: 3.5em; font-family:sans-serif;} .newsFetch { } .newsFetch h2 { font-family:sans-serif; font-size:2.5em; line-height:1.1666666667em; padding:10px; } .newsFetch p { } .imgBottom img { bottom:0; position:absolute; width:100%; display:block; margin-left:0; max-height:290px; } .imgBottom h2 { font-size:2.5em; line-height:1.1666666667em; font-family:sans-serif; padding:10px; } .imgTop img { width:100%; display:block; margin-left:0; } .imgTop a { display:inline; color:#000;} .imgTop a:hover { box-shadow:0;} .imgTop p { margin-bottom:20px;} .contentBottom { height:290px;bottom:0; position:absolute; width:100%; display:block; margin-left:0;} /*.contentBottom { height:290px;bottom:0; position:absolute; width:100%; display:block; margin-left:0; background: rgb(255,180,0); background: -moz-linear-gradient(top, rgba(255,180,0,1) 0%, rgba(255,234,108,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,180,0,1)), color-stop(100%,rgba(255,234,108,1))); background: -webkit-linear-gradient(top, rgba(255,180,0,1) 0%,rgba(255,234,108,1) 100%); background: -o-linear-gradient(top, rgba(255,180,0,1) 0%,rgba(255,234,108,1) 100%); background: -ms-linear-gradient(top, rgba(255,180,0,1) 0%,rgba(255,234,108,1) 100%); background: linear-gradient(to bottom, rgba(255,180,0,1) 0%,rgba(255,234,108,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb400', endColorstr='#ffea6c',GradientType=0 );}*/ .padBottom20 {padding-bottom:0px;} .padTop20 {padding-top:0px;} .padLeft10 {padding-left:10px;} /*.padBottom20 {padding-bottom:20px;} .padTop20 {padding-top:20px;} .padLeft10 {padding-left:10px;}*/ .actionWrap { position:absolute; bottom:30px; right:10px; } .actionWrap .ir { width:40px; height:40px; background:url("/iwov-resources/corporate_new/img/common/icon-arrows.png") no-repeat scroll right top transparent; float:left; } .actionWrap .ir[title="previous"] { background-position:left top; } .actionWrap .ir:hover { background-position:right bottom; } .actionWrap .ir[title="previous"]:hover { background-position:left bottom; } .actionWrapMobile{border-left: 1px solid;float: right;padding-left: 30px;padding-top: 2px;position: inherit;} .tableAccordion {margin-bottom:10px;} .tableAccordion:hover {} .tableAccordion .ir{width:24px; height:24px; background:url(/iwov-resources/corporate_new/img/my/en/s/bg-table-accordian.png) no-repeat right top transparent; float:right;} .crossSellWrap { width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0 15px; } .crossSellWrapper { float:left; } .multiblockWrapper {float:left; width:100%;} .desktoptableWrapper {/*width:95%; margin:0 auto;*/} table {width: 98%;font-size: 0.8em; display:table; margin:0 auto; border-top:2px solid #000;} thead {border-top: 1px solid #000; background-color:#f5f5f5;} thead th {white-space:pre-wrap; font-weight:bold;border-bottom: 1px solid #000;color: #000000;padding: 0.2em 1em; text-align:center;} thead th:nth-child(2) {width:15px;} thead th:nth-child(3), thead th:nth-child(4), thead th:nth-child(5), thead th:nth-child(6) {width: 8%;} th, td {padding: .5em 1em;text-align: left;} th:first-child {text-align: left;} tbody th, td {border-bottom: 1px solid #000;} tbody th {color:#666; font-weight:normal;} td img { width:auto; } .tableTitle {font-size:0.9em;} .subtext {font-weight:normal;} .smallHead {font-size: 0.8em; font-weight:normal;} .textAlignCenter {text-align:center;} .noBorder {border:0;} .enhanced th, .enhanced td { display: none; } .enhanced th.essential, .enhanced td.essential, .enhanced tbody th{ display: table-cell; } .table-menu-wrapper {float: right; margin-bottom: 10px; padding: 0 10px; position:relative;} .table-menu-wrapper ul {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #C1C1C1; right: 5px; margin: 0; padding: 5px; position: absolute;top: 21px;z-index: 9999;} .table-menu-wrapper ul li{display: table;white-space: nowrap;} .table-menu-wrapper ul li input[type="checkbox"] + label { background: url("/iwov-resources/corporate_new/img/common/bg-checkbox-small.png") no-repeat scroll left top transparent; clear: none; cursor: pointer; display: table-cell; font-size: 1em; height: 30px; margin: 0; padding: 0 20px 0 50px; vertical-align: middle;} .table-menu-wrapper ul li input[type="checkbox"]:checked + label {background-position: left bottom;} .table-menu-btn {color: #333333; font-size: 1.2em;padding: 0.3em 0; text-decoration: none;} .table-menu-wrapper a{ background: url("/iwov-resources/corporate_new/img/common/display-table-arrow.png") no-repeat scroll 69px 13px transparent; border: 1px solid #CCCCCC; color: #333333; font-size: 0.8em; padding: 5px 20px 5px 4px; text-align: center; text-decoration: none !important; text-transform: uppercase; width: 4em; } .table-menu-wrapper a:hover{box-shadow:none; background-color:#CCC;} .table-menu-hidden {display:none;} .inTableHeader{color: #151515; float: left; font-family:sans-serif; font-size: 1.66667em; font-weight: bold; letter-spacing: -0.02em; line-height: 1.25em; padding: 10px;} .inTableDivider{border-top: 1px solid #000000; display: block; height: 10px; margin: 0 auto; width: 98%;} #authorized-share-capital th, #authorized-share-capital td {text-align:center;} #authorized-share-capital th:first-child {text-align:left;width: 22%;} #authorized-share-capital thead th:nth-child(2), #authorized-share-capital thead th:nth-child(3) {width: 48%} #issued-paid-up-share-capital th, #issued-paid-up-share-capital td {text-align:center;} #issued-paid-up-share-capital th:first-child {text-align:left;width: 2%;} #issued-paid-up-share-capital thead th:nth-child(2), #issued-paid-up-share-capital thead th:nth-child(3), #issued-paid-up-share-capital thead th:nth-child(4), #issued-paid-up-share-capital thead th:nth-child(5), #issued-paid-up-share-capital thead th:nth-child(6) {width: 20%} #top-shareholders tbody td:nth-child(2){text-align:left;} #top-shareholders th:first-child {text-align:center;width: 0.1%;} #top-shareholders thead th:nth-child(2) {text-align:left;width: 85%;} /*#top-shareholders thead th:nth-child(3), #top-shareholders thead th:nth-child(4) {width: 20%;}*/ table#foreign-shareholding {width:100%; font-size:0.9em;} table#foreign-shareholding th:first-child {width: 50%;text-align:left;} table#foreign-shareholding th, table#foreign-shareholding td {text-align:center;} #analyst-coverage th, #analyst-coverage td {text-align:left;} #analyst-coverage th:first-child {width: 0.1%;} #analyst-coverage thead th:nth-child(4) {width: 5%} #analyst-coverage thead th:nth-child(5) {width:1%;} #bond-amount-coupon-rating th, #bond-amount-coupon-rating td {text-align:left;} #bond-amount-coupon-rating th:first-child {width: 0.1%;} #important-dates th, #important-dates td {text-align:left;} #important-dates th:first-child {width: 0.1%;} #assesment-of-credit-worthiness th, #assesment-of-credit-worthiness td{text-align:left;} #assesment-of-credit-worthiness th:first-child {width:1%;} #assesment-of-credit-worthiness thead th:nth-child(2) {width: 5%} #assesment-of-credit-worthiness thead th:nth-child(3) {width:1%;} #shareholdings-structure th, #shareholdings-structure td {text-align:left;} #shareholdings-structure th:first-child {width: 0.1%;} table#dividend-history th, table#dividend-history td {text-align:left;} table#dividend-history th:first-child {width: 5%;} table#dividend-history thead th:nth-child(5), table#dividend-history thead th:nth-child(6), table#dividend-history thead th:nth-child(7), table#dividend-history thead th:nth-child(8) {width:8%;} .flexSlider { position:relative; } .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; -moz-box-shadow: 0 0 2px 2px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.15); box-shadow: 0 0 2px 2px rgba(0,0,0,0.15); height:350px; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0px); } .loading .flex-viewport {max-height: 300px;} .flexSlider .slides {zoom: 1; margin:0; padding:0; list-style:none; } .flexSlider .slides li { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin-bottom:0; } .flexSlider .slides li.whiteBg:hover { background-color:#fff; } .flexSlider .slides li a { width:100%; display:block; } .flexSlider .slides li a img { width:100%; } .flex-control-nav {width: 100%; position: absolute; bottom: 0; text-align: center; margin:0; padding:0; z-index:1; height:24px; overflow:hidden; } .flex-control-nav li { display: block; float:left; zoom: 1; width:20%; } .flex-control-nav li:hover { /*background: rgba(255,255,255,1);*/ } .flex-control-nav li a { height: 24px; display:block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor:pointer; font-size:1.16666666667em; text-align:left; padding-left:5px; line-height:24px; color:#151515; background: rgba(255,255,255,0.5); } .flex-control-nav li:first-child a { margin-left:0; } .flex-control-nav li a.flex-active { /*border-top:6px solid #ffcc00; margin-top:0; height:36px;*/ background:none; } .timerBar { position:absolute; width:20%; height:24px; bottom:0; z-index:1; background: rgba(255,255,255,0.5); display:none; } .timerAnim { width:100%; background: rgb(255,180,0); background: -moz-linear-gradient(top, rgba(255,180,0,1) 0%, rgba(255,234,108,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,180,0,1)), color-stop(100%,rgba(255,234,108,1))); background: -webkit-linear-gradient(top, rgba(255,180,0,1) 0%,rgba(255,234,108,1) 100%); background: -o-linear-gradient(top, rgba(255,180,0,1) 0%,rgba(255,234,108,1) 100%); background: -ms-linear-gradient(top, rgba(255,180,0,1) 0%,rgba(255,234,108,1) 100%); background: linear-gradient(to bottom, rgba(255,180,0,1) 0%,rgba(255,234,108,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb400', endColorstr='#ffea6c',GradientType=0 ); height:24px; } .slideShowMode { width:100%; } .slideShowWrap, .slideShowWrapCustom { width:100%; height:100%; min-height:441px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:20px 20px 80px; position:relative; } .slideShowOnlyImage > img { height:auto; width:100%; } .slideShowMode .slides li { float:left; } .slideShowWrap h2, .slideShowWrapCustom h2 { font-size:1.66666666667em; margin:0; padding:0 0 10px; line-height:1; color:#000; border-bottom:solid 1px rgba(0,0,0,0.20); font-family:sans-serif; } .slideShowWrapCustom { background:#000; max-height:440px; min-height:240px; text-align:center; padding:0; } .slideShowText { color:#ffbc00; font-size:1.25em; line-height:1.1666667; padding:20px 30px; } .slideShowText p { margin-bottom:25px; text-align:left; clear: both;} .slideShowText h4 { text-align:left; font-size:1.25em; font-family:sans-serif; } .slideShowText img { text-align:left; margin:40px 0; } .slideShowWrapOnBackground img { max-width:none; width:100%; } .slideShowWrapOnBackground .slideShowTextOnYellowWrap { left:0; position:absolute; bottom:44px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#000; width:100%; text-align:left; padding:0 20px; } .slideShowTextOnYellow { background:rgba(255, 188, 1, 0.8); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; padding:20px; } .slideShowTextOnYellow p { font-size:1.25em; line-height:1.16666667; } .slideShowTextOnYellow p strong { font-weight:normal; font-family:sans-serif; margin-bottom:10px; display:block; } .slideShowContent { margin-top:15px; margin-bottom:30px; } .slideShowColumn { } .slideShowColumn h3 { font-family:sans-serif; font-size:1.25em; } .slideShowColumn h3 strong { display:block; font-size:2em; } .slideShowColumn p { font-family:sans-serif; font-size:1.166666666666667em; line-height:1.3333333em; margin-bottom:10px; } .slideShowColumn { float:left; width:50%; padding:0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .asteriskContent { position:absolute; bottom:40px; left:30px; font-family:sans-serif; } .resultContent { position:absolute; bottom:40px; right:30px; font-family:sans-serif; font-size:1.25em; background: url("/iwov-resources/corporate_new/img/my/en/s/icon-tick.png") right top no-repeat; padding-right:25px; } .targetMet {} .targetNotMet { background: url("/iwov-resources/corporate_new/img/my/en/s/icon-cross.png") right top no-repeat; } .fullscreenToggle { background: url("/iwov-resources/corporate_new/img/my/en/s/icon-toggle-fullscreen.png") center center no-repeat; width:80px; height:73px; cursor:pointer; position:absolute; z-index:1; top:50%; left:50%; margin:-36.5px 0 0 -40px; display:none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity:0.3; } .touch .fullscreenToggle { display:block; } .dynamicMasonry { clear:both; } /*.mobileMarginRightNone { margin-right:0; }*/ .notransition { -webkit-transition-duration: 0 !important; -moz-transition-duration: 0 !important; -ms-transition-duration: 0 !important; transition-duration: 0 !important; -webkit-transition-delay: 0 !important; -moz-transition-delay: 0 !important; -ms-transition-delay: 0 !important; transition-delay: 0 !important; } input[type='checkbox'] { opacity:0; float: left; width:0; } input[type='checkbox'] + label { margin:0; clear: none; padding:0 0 0 60px; height:40px; cursor: pointer; background: url("/iwov-resources/corporate_new/img/common/bg-checkbox.png") left top no-repeat; font-size:1.08333333333333em; font-family:sans-serif; display:table-cell; vertical-align:middle; } input[type='checkbox']:checked + label { background-position: left bottom; } #rss-form textarea, #rss-form input, #enquiries-suggestions textarea, #enquiries-suggestions input{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:1px solid #000; width:100%; margin-bottom: 1em;color:#151515; font-size:1em; font-family:sans-serif;padding: 5px;} #rss-form label, #enquiries-suggestions label{display:block;font-family:sans-serif; font-size:1em; color:#000;line-height: 2em;} #enquiries-suggestions input[type="radio"] { width:auto; margin-right:20px; margin-bottom:0; } #enquiries-suggestions label[for="enForm-name"] { margin-top:20px; } #filterSliderController { clear:both; margin:55px -2px 0; } .filterSliderContent { position:relative; min-height:140px; } .filterSliderControl { margin:0 35px; padding:0; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .filterSliderContent > span { color:#151515; font-size:1.33333333333333333em; font-family:sans-serif; display:block; padding:10px; } /* Modded by Altruism */ /* Edited by Agenda */ .articleContent { margin-bottom:10px; height:auto; overflow:hidden; background:#fff; -moz-box-shadow: 0 0px 3px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0px 3px rgba(0,0,0,0.15); box-shadow: 0 0px 3px rgba(0,0,0,0.15); } .articleContent > span { color:#151515; display:block; padding:17px; cursor:pointer; background:url("/iwov-resources/corporate_new/img/my/en/s/icon-accordion-collapsed.png") no-repeat scroll right center #fff; padding-right:45px; } .articleContentExpanded > span { background:url("/iwov-resources/corporate_new/img/my/en/s/icon-accordion-expanded.png") no-repeat scroll right center #fff; } .articleContent > span .tabTitle {display:block; /*letter-spacing: -1px;*/ padding:0; cursor:pointer; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .articleContent .bod {padding:0; height:70px; position:relative;} .articleContent .bod .tabTitleWrap .tabTitle { padding-left:10px; } .articleContent .tabTitleWrap {max-width:100%;} .articleContent .tabTitleWrap .tabTitle, .articleContentStatic .tabTitleWrap .tabTitle {font-size:1.6em; color:#000; font-family:sans-serif; /*padding:0 45px 0 10px;*/ line-height:1.1875em; height: 70px; display: table-cell; vertical-align: middle; overflow:hidden; padding-right:20px; } .articleContent .photoThumb { float:left;} .articleContent .tabTitleWrap .tabTitleDesc { display:block; color:#252525; font-size:1.3333333333em; padding:0 10px; position:absolute; font-family:sans-serif; top:80px; } .articleContent a{color:#000;} .articleContentStatic a{color:#000;} .articleContentStatic a:hover { text-decoration:underline; } .articleContent a.greyLink{color:#999;} a.greyLink{color:#999;} a.darkGreyLink{color:#333; font-weight:bold; } .articleContent h3{font-family:sans-serif;margin-bottom: 0.2em;} .textBlack{color:#000;} .nameBold{ font-weight:bold;} .articleContent .expandedWrap {margin-top: 150px; padding: 0 10px 20px; color: #252525; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; font-size:20px; display:none; } .articleContent .expandedWrap p { padding-bottom:20px; } .photoThumb img { height:70px; width:70px; } .expandedWrap figure img{width:100%;} .dualCol .articleContent > span { padding:17px 10px; } .dualCol .articleContent .tabTitleWrap .tabTitle, .dualCol .articleContentStatic .tabTitleWrap .tabTitle {/*padding:0 45px 20px 0;*/ height:auto; } .dualCol .articleContent .expandedWrap {margin-top: 0; } .tabNumbering { float:left; height:100%; width:20px; margin-right:5px; font-size:1.3333333333em; color:#000; font-family:sans-serif; } .btnGeneral{ display:table; padding: 5px 20px;font-size:1em; color:#000; font-family:sans-serif; margin-top:20px; background-color:#FC0; text-decoration:none !important; cursor:pointer;} .btnGeneral:hover{ background-color:#CCC;} .articleContent.articleContentNoArrow > span {background:none;cursor:auto;} .articleContentExpandedNoArrow > span { background:none; } .articleContent .tabTitleWrap .tabSubTitle {font-size:1.733333333em; color:#000; font-family:sans-serif; padding:0 45px 0 0px; line-height:1.1875em ; } .articleContent .tabTitleDesc h2, .articleContentStatic .tabTitleDesc h2 {font-size:1.0em; color:#000; font-family:sans-serif; padding:0 45px 0 0px; line-height:1.1875em ; } .articleContent .expandedWrap h1 { font-family:sans-serif; font-size:1.7333333333em; color:#000; padding:0 45px 20px 0; line-height:1.1875em; } .articleContent .expandedWrap h2 {font-size:1.7333333333em; color:#000; padding:0 45px 20px 0; line-height:1.1875em; vertical-align: middle; overflow:hidden; font-family:sans-serif; } .articleContent .expandedWrap p { font-size:20px; line-height:1.25em;padding: 0 0 20px; } .articleContent .expandedWrap strong {color: #000000; font-size: 20px; font-weight: bold; line-height: 1.4em;} .articleContent .expandedWrap ul {font-size:1em; margin-top:0px;} .articleContent .expandedWrap ul li { margin-bottom:5px; } .articleContent .expandedWrap ul li ul{font-size:1em; padding-left:15px; margin-top:0px;} .articleContent .expandedWrap ul li ul li{ margin-bottom:5px; } .articleContent .expandedWrap ul li ul li ul{font-size:1em; padding-left:15px; margin-top:0px;} .articleContent .expandedWrap ul li ul li ul li{ margin-bottom:5px; } .articleContent .expandedWrap .tabTitle {font-size:1.3333333333em; color:#000; font-family:sans-serif; padding:0 45px 0 0px; line-height:1.1875em; height: 70px; display: table-cell; vertical-align: middle; overflow:hidden; } .articleContent .expandedWrap .tabSubTitle {font-size:1.733333333em; color:#000; font-family:sans-serif; padding:0 45px 0 0px; line-height:1.1875em ; } .articleContentStatic .dividendHistory .tabTitleDesc, .articleContentStatic .bursaAnnouncement .tabTitleDesc { display:block; color:#252525; font-size:1.3333333333em; padding: 0; position:static; font-family:sans-serif; top:80px; } .articleContentStatic .bursaAnnouncement .tabTitleDesc > img { width:auto; float:left; display:none; } .articleContentStatic .bursaAnnouncement .tabTitleDesc .filterItem-content a { display:block; color:#999; line-height:normal; } .articleContentStatic .bursaAnnouncement .tabTitleDesc .filterItem-content a:hover { color:#000; } .articleContentStatic h2 {font-size:1.5em; color:#000; padding:10px 45px 20px 0; line-height:1.1875em; vertical-align: middle; overflow:hidden; font-family:sans-serif; } .articleContentStatic .expandedWrap p { font-size:1em; line-height:1.25em;padding: 0 0 20px; } .articleContentStatic .expandedWrap strong { color: #000000; font-size: 1em; font-weight: bold; line-height: 1.4em;} .dualCol .articleContent .tabTitleWrap { position:static; } .dualCol .articleContent p, .dualCol .articleContentStatic p{ padding-bottom:20px; } .articleContentStatic {margin-bottom:10px; height:auto; overflow:hidden; background:#fff; -moz-box-shadow: 0 0px 3px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0px 3px rgba(0,0,0,0.15); box-shadow: 0 0px 3px rgba(0,0,0,0.15); } .articleContentStatic > span { color:#151515; display:block; padding:17px 10px; cursor:auto; } .articleContentStatic > .tabTitleWrap { padding:17px 10px; } .articleContentStatic > .expandedWrap { padding:0 10px; color:#252525; font-size: 1.66667em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .articleContentStatic p {padding: 20px 0;} .articleContentStatic .groupStructure .tabTitleWrap .tabTitle, .articleContent .groupStructure .tabTitleWrap .tabTitle {font-size:1.3333333333em; color:#000; font-family:sans-serif; padding:0 45px 0 0px; line-height:1.1875em; height: auto; display: table-cell; vertical-align: middle; overflow:hidden; } .articleContentStatic .groupStructure .tabTitleWrap .tabTitleDesc, .articleContent .groupStructure .tabTitleWrap .tabTitleDesc { display:block; color:#000; font-size:1.2222222em; padding:0 45px 0 0px; margin-left: 70px; position:relative; font-family:sans-serif; top: 0; } .tabPercentage {color: #ffbf23; float:left; height:100%; width:70px; font-size:1.3333333333em; font-family:sans-serif;} .articleContent .expandedWrapSub {background: #f8f8f8; padding: 0;} .articleContent .expandedWrapSub .tabTitleWrap {padding: 17px 10px; -moz-box-shadow: 0 0px 1px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0px 1px rgba(0,0,0,0.15); box-shadow: 0 0px 1px rgba(0,0,0,0.15); } .articleContent .expandedWrapSub .tabTitleWrap .tabTitle {font-size:1.0em; color:#000; font-family:sans-serif;} .articleContent .expandedWrapSub .tabTitleWrap .tabTitleDesc {display:inline; color:#000; font-size:1.0em; padding:0; position:relative; font-family:sans-serif; top: 0; } .articleContent .expandedWrapSub .tabPercentage {color: #ffbf33; float:left; height:100%; width:70px; font-size:1.0em; } .articleContent .expandedWrapSub .indent {padding-left: 70px; margin-top: 10px;} .dualCol .articleContent .expandedWrapSUb .indent .tabTitleWrap .tabTitle {padding:0;} .articleContent .expandedWrapSub .indent .tabPercentage {width: 60px;} .articleContent .action {margin-bottom: 20px;} .articleContent .action .icons {float: left; padding-top: 3px;} .articleContent .action .icons img {margin-right: 5px;} .articleContent .date {font-size: 1.444444em; font-family:sans-serif; display: inline; margin-left: 10px; padding-top: 5px;} .articleContentNoMargin {margin-bottom:0;} .articleContent .action, .articleContentStatic .action {margin-bottom: 20px;} .articleContent .action .icons, .articleContentStatic .action .icons {float: left; padding-top: 3px;} .articleContent .action .icons img, .articleContentStatic .action .icons img {margin-right: 5px; width:auto;} .articleContent .date, .articleContentStatic .date {font-size: 1.444444em; font-family:sans-serif; display: inline; margin-left: 10px; padding-top: 5px;} /* End - Edited by Agenda */ /* End - Added by Altruism */ .noMasonry-directLink .articleContent a { display:block; } .noMasonry-directLink .articleContent .tabTitleWrap .tabTitle { padding:0 10px 0 0; } #all-subsidiaries .noMasonry-directLink .articleContent .tabTitleWrap .tabTitle {padding: 0 10px; } #all-subsidiaries .noMasonry-directLink .articleContent .tabTitleWrap {padding:10px 0; } .noMasonry-directLink .articleContent .tabTitleWrap .tabTitleDesc { position:static; font-family:sans-serif; } .noMasonry-directLink .articleContent span { background:url("/iwov-resources/corporate_new/img/common/icon-filter-item.png") no-repeat scroll 95% center #fff; padding:0 45px 0 0; display:block; } .noMasonry-directLink .articleContent > a > .careers .tabTitleWrap .tabTitleDesc {width: 95%; font-size: 1.4em; line-height: 1.3em; padding: 5px 0 0; } .noMasonry-directLink .articleContentNoArrow > span { background:none; cursor:auto; padding:0; } .noMasonry-directLink .articleContentNoArrow > span .tabTitle { cursor:auto; } .noMasonry-directLink .articleContentNoArrow .tabTitleWrap .tabTitleDesc { color:#999; padding-bottom:20px; } .noMasonry-directLink .articleContentNoArrow .tabTitleWrap .tabTitle { padding:15px 10px 5px; } .noMasonry-directLink .articleContent .photoThumb { margin:0 10px 0 0; } .noMasonry-directLink .tabTitleDescAdditional { } .noMasonry-directLink .directLongBarWtImage .tabTitleWrap .tabTitle, .noMasonry-directLink .articleContent.directLongBarWtImage > a > .careers .tabTitleWrap .tabTitle { padding-left:0; } .filterCategoriesContent { margin-top:10px; height:60px; overflow:hidden; } .filterCategoriesContent > span { color:#151515; font-family:sans-serif; display:block; padding:10px; background:url("/iwov-resources/corporate_new/img/my/en/s/bg-filter-expand.png") no-repeat scroll right top transparent; font-size:1.33333333333333333em; padding:17px 40px 10px 17px; line-height:20px; cursor:pointer; } /*.filterCategoriesContent > span { color:#151515; font-size:1.33333333333333333em; font-family:sans-serif; display:block; padding:10px; background:url("/iwov-resources/corporate_new/img/my/en/s/bg-filter-expand.png") no-repeat scroll right top transparent; font-size:1.66666666666666667em; padding:17px; cursor:pointer; } */ .filterCategoriesContent.filterDropShadow { margin:0; } .filterCategoriesControl ul { list-style:none; padding:10px 20px; margin:0; } .filterCategoriesContentExpanded > span { background:url("/iwov-resources/corporate_new/img/my/en/s/bg-filter-collapse.png") no-repeat scroll right top transparent; } .filterCategoriesContentExpanded { } .filterContents ul{ list-style:none; padding:0; margin:0;} .filterContents ul li h1{color: #000000; display: table; font-family:sans-serif; line-height: 1.1em; margin: 0 0 5px;} .filterContents ul li p{ color:#656565; margin-bottom:10px; font-size:1.666666667em;clear: both;} .filterContents ul li strong{color:#000; display:block;} .filterContents ol{list-style: disc outside none;} .filterContents ol li{ color: #555555; font-size: 1.66667em;} .filterWrap .fs-rangeWrap { background:url("/iwov-resources/corporate_new/img/common/filter-indicator.png") no-repeat scroll right top transparent; width:80px; height:42px; border:none; outline:none; display:block; float:left; position:absolute; padding:0; top:-42px; margin-left:-27px; } .fs-rangeWrap input { border:none; outline:none; background:none; text-align:center; width:70px; color:#151515; font-size:1.25em; font-family:sans-serif; padding:3px 5px 0; height:30px; } .filterContents { margin-top:20px; } .filterYear { margin-top:15px; } .filterYear:first-child { margin-top:0; } .filterDate { font-size:2.916666666667em; color:#999999; font-family:sans-serif; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1); padding:0 10px; } .filterItem { background:#fff; -moz-box-shadow: 0 0px 3px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0px 3px rgba(0,0,0,0.15); box-shadow: 0 0px 3px rgba(0,0,0,0.15); margin-top:5px; padding:15px 10px 20px; } .filterItem:hover { background-color:#ffffd0; } /*.filterItem a { color:#999999; font-size:1.66666666666666667em; line-height:24px; display:block; font-family:sans-serif; } */ .filterItem a { color:#999999;line-height:24px; font-family:sans-serif; display:block; } .filterItem a:hover { color:#666666; } .filterItem-content a { background:url("/iwov-resources/corporate_new/img/common/icon-genericfile.png") no-repeat scroll left top transparent; padding:0 0 0 45px; min-height:33px; margin-bottom:10px; line-height:33px;white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;} .filterItem-content a[href$=".pdf"], .filterItem-content a[href$=".PDF"] { background:url("/iwov-resources/corporate_new/img/common/icon-pdf.png") no-repeat scroll left top transparent; } .filterItem-content a[href$=".xlsx"], .filterItem-content a[href$=".xls"], .filterItem-content a[href$=".XLSX"], .filterItem-content a[href$=".XLS"]{ background:url("/iwov-resources/corporate_new/img/common/icon-genericfile.png") no-repeat scroll left top transparent; } .filterItem-content a[href$=".docx"], .filterItem-content a[href$=".doc"], .filterItem-content a[href$=".DOCX"], .filterItem-content a[href$=".DOC"]{ background:url("/iwov-resources/corporate_new/img/common/icon-genericfile.png") no-repeat scroll left top transparent; } .filterItem-content a[href$=".rar"], .filterItem-content a[href$=".zip"], .filterItem-content a[href$=".RAR"], .filterItem-content a[href$=".ZIP"]{ background:url("/iwov-resources/corporate_new/img/common/icon-zip.png") no-repeat scroll left top transparent; } /*.filterItemWithArrow .filterItem-content a { padding-left:0; font-family:sans-serif; } */.filterItemWithArrow .filterItem-content a { padding-left:0; font-family:sans-serif;font-size:1.66666666666666667em; } .filterItemWithArrow .filterItem-content a[href$=".pdf"], .filterItemWithArrow .filterItem-content a[href$=".PDF"], .filterItemWithArrow .filterItem-content a[href$=".xlsx"], .filterItemWithArrow .filterItem-content a[href$=".xls"], .filterItemWithArrow .filterItem-content a[href$=".XLSX"], .filterItemWithArrow .filterItem-content a[href$=".XLS"], .filterItemWithArrow .filterItem-content a[href$=".docx"], .filterItemWithArrow .filterItem-content a[href$=".doc"], .filterItemWithArrow .filterItem-content a[href$=".DOCX"], .filterItemWithArrow .filterItem-content a[href$=".DOC"], .filterItemWithArrow .filterItem-content a[href$=".rar"], .filterItemWithArrow .filterItem-content a[href$=".zip"], .filterItemWithArrow .filterItem-content a[href$=".RAR"], .filterItemWithArrow .filterItem-content a[href$=".ZIP"] { padding-left:45px; } .filterItemWithArrow a { font-family:sans-serif; background:none; padding-left:0; margin-bottom:0; min-height:0; } .filterItemWithArrow { background:url("/iwov-resources/corporate_new/img/common/icon-filter-item.png") no-repeat scroll 95% center #fff; padding-right:45px; } .filterItemWithArrow:hover { background:url("/iwov-resources/corporate_new/img/common/icon-filter-item-hover.png") no-repeat scroll 95% center #ffffd0; } .filterItem-date { color:#151515; font-size:1.66666666666666667em; font-family:sans-serif; } .filterItem-date strong { font-family:sans-serif; } .filterItem-title { line-height:24px; margin:10px 0 0; color: #999999; font-size: 1.5em; color:#151515; font-size:1.66666666666666667em; font-family:sans-serif;} .filterItem-title a { color:#151515; font-size:1em; font-family:sans-serif; } .filterItem-content { margin:10px 0; } .filterItem-content img { float:left; -moz-box-shadow: 1.5px 1.5px 10px rgba(0,0,0,0.25); -webkit-box-shadow: 1.5px 1.5px 10px rgba(0,0,0,0.25); box-shadow: 1.5px 1.5px 10px rgba(0,0,0,0.25); margin-right:25px; display:none; } .filterItem-image img { float:left; -moz-box-shadow: 1.5px 1.5px 10px rgba(0,0,0,0.25); -webkit-box-shadow: 1.5px 1.5px 10px rgba(0,0,0,0.25); box-shadow: 1.5px 1.5px 10px rgba(0,0,0,0.25); margin-right:25px; display:none; width:125px; } .filterItem-image .filterItem-content { float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; } .awardsWrap .filterItem { overflow:hidden; } .awardsWrap .filterItem img {display: table; float: left; margin: 0 15px 20px 0; width: 15%;} .promotionsWrap .filterItem { overflow:hidden; padding:0 0 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:relative; margin-top:10px; } .promotionsWrap .filterItem a { font-size:1em; } .promotionsWrap .filterItem a h1 { padding:0 20px; margin-top:20px; } .promotionsWrap .filterItem a p {padding:0 20px; font-size:16px; } .promotionsWrap .filterItem img { width:100%; } .promotionsWrap .filterDate { font-size:28px; color:#000; } .productsWrap .filterItem { overflow:hidden; padding:0 0 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:relative; margin-top:10px; height:auto !important; } .productsWrap .filterItem a { font-size:1em; } .productsWrap .filterItem a h1 { padding:0 20px; margin-top:20px; } .productsWrap .filterItem a p {padding:0 20px; font-size:16px; } .productsWrap .filterItem img { width:100%; } .productsWrap .filterDate { font-size:28px; color:#000; } .smShareWrap { position:absolute; bottom:20px; left:20px; } .smShareWrap .ir { background:url("/iwov-resources/corporate_new/img/common/icon-twitter-shadow.png") no-repeat scroll left top transparent; width:35px; height:35px; float:left; margin-right:5px; } .smShareWrap .ir:first-child { background:url("/iwov-resources/corporate_new/img/common/icon-facebook-shadow.png") no-repeat scroll left top transparent; } .moreServiceWrap .filterItem { overflow:hidden; padding:0 0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:relative; margin-top:10px; } .moreServiceWrap .filterItem a { font-size:1em; } .moreServiceWrap .filterItem a h1 { padding:0 20px; margin-top:20px; font-family:sans-serif; } .moreServiceWrap .filterItem a p {padding:0 20px; font-size:16px; } .moreServiceWrap .filterItem img { width:100%; } .moreServiceWrap .filterDate { font-size:28px; color:#000; } .moreServiceWrap .filterItem:hover { background-color:#FAFAFA; } .moreServiceWrap .filterItem.yellowBg { background: rgb(255,180,0); background: -moz-linear-gradient(top, rgba(255,180,0,1) 0%, rgba(255,234,108,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,180,0,1)), color-stop(100%,rgba(255,234,108,1))); background: -webkit-linear-gradient(top, rgba(255,180,0,1) 0%,rgba(255,234,108,1) 100%); background: -o-linear-gradient(top, rgba(255,180,0,1) 0%,rgba(255,234,108,1) 100%); background: -ms-linear-gradient(top, rgba(255,180,0,1) 0%,rgba(255,234,108,1) 100%); background: linear-gradient(to bottom, rgba(255,180,0,1) 0%,rgba(255,234,108,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb400', endColorstr='#ffea6c',GradientType=0 ); padding:20px 20px 120px; } .moreServiceWrap .filterItem.yellowBg h1 { font-family:sans-serif; } .moreServiceWrap .filterItem.yellowBg p { color:#363636; } .moreServiceWrap .filterItem.yellowBg .moreServiceCTA { position: absolute; bottom: 10px; } .moreServiceWrap .filterItem.yellowBg .moreServiceCTA li { margin-bottom:10px; } .moreServiceWrap .filterItem.yellowBg .moreServiceCTA li a { background:url("/iwov-resources/corporate_new/img/common/icon-arrows.png") no-repeat scroll -40px top transparent;color:#000; font-family:sans-serif; font-size:20px; padding-left:35px; line-height:40px; } .moreServiceWrap .filterItem.yellowBg .moreServiceCTA li a:hover { color:#333; background-position:-40px bottom; } .productHighlightWrap { margin-bottom:20px; background-color:#ffd643; } .dualCol .productHighlightWrap img { } .dualCol .productHighlightWrap figcaption { float: left; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:15px; font-size:20px; color:#333333; } .dualCol .productHighlightWrap figcaption a { color:#333333; font-family:sans-serif; display:block; margin-top:10px; background:url("/iwov-resources/corporate_new/img/common/icon-arrows-clear.png") no-repeat scroll -50px top transparent; padding-left:30px; line-height:40px; } .dualCol .productHighlightWrap figcaption a:hover { color:#000; } .supportingTitle { font-size:24px; color:#999999; margin-top:20px; margin-bottom:10px; } .supportingWrap ul { margin:0; padding:0; list-style:none; } .nextStepWrap li { width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height:140px; margin-top:10px; background: rgb(255,180,0); background: -moz-linear-gradient(top, rgba(255,180,0,1) 0%, rgba(255,234,108,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,180,0,1)), color-stop(100%,rgba(255,234,108,1))); background: -webkit-linear-gradient(top, rgba(255,180,0,1) 0%,rgba(255,234,108,1) 100%); background: -o-linear-gradient(top, rgba(255,180,0,1) 0%,rgba(255,234,108,1) 100%); background: -ms-linear-gradient(top, rgba(255,180,0,1) 0%,rgba(255,234,108,1) 100%); background: linear-gradient(to bottom, rgba(255,180,0,1) 0%,rgba(255,234,108,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb400', endColorstr='#ffea6c',GradientType=0 ); } .nextStepWrap li:first-child { margin-top:0; } .nextStepWrap li a { display:block; width:100%; height:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:20px 17% 20px 20px; background:url("/iwov-resources/corporate_new/img/common/icon-filter-item.png") no-repeat scroll 95% center transparent; } .nextStepWrap li a:hover { background:url("/iwov-resources/corporate_new/img/common/icon-filter-item-hover.png") no-repeat scroll 95% center transparent; } .nextStepWrap li a p { font-size:16px; color:#151515; margin-bottom:10px; } .nextStepWrap li a p.nextStepTitle { font-size:20px; font-family:sans-serif; } .nextStepWrap li a:hover p { color:#000; } .nextStepWrap li a.tel { background:none; } .alsoInterestedWrap li { background:#FFF; margin-top:10px; padding-bottom:10px; } .alsoInterestedWrap li:first-child { margin-top:0; } ul.alsoInterestedWrap { margin-bottom:10px; } .alsoInterestedWrap a { display:block; } .alsoInterestedWrap a h3 { color: #333; padding: 15px 20px; font-size: 20px; font-family:sans-serif; } .alsoInterestedWrap a:hover h3 { color:#000; } .alsoInterestedWrap p { font-size:15px; padding: 0 20px 10px; color:#666666; } .alsoInterestedWrap p strong { color:#333; } .sidebarNavPage .backTrigger { display:none; } .sidebarNavPage aside.sidebarNav .backTrigger { display:block; } aside.sidebarNav, aside.sidebarNav .maxWidth290{ max-width:100%; height:10px; } aside.sidebarNav { position:absolute; z-index:6; top:0; right:0; width:100%; } aside.sidebarNav .dropDownTrigger .ir { top:10px; width:38px; height:38px; right:15px; } aside.sidebarNav .dynamicMasonry { position:absolute; top:0; left:0; display:none; background: #ffc700; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYjYwNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmQ3NDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffb605 0%, #ffd746 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb605), color-stop(100%,#ffd746)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffb605 0%,#ffd746 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffb605 0%,#ffd746 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffb605 0%,#ffd746 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffb605 0%,#ffd746 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb605', endColorstr='#ffd746',GradientType=0 ); /* IE6-8 */ -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.5); } aside.sidebarNav .dynamicMasonry > div { width:100%; margin:0; padding:10px 15px; font-family:sans-serif; color:#151515; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1); border-bottom:solid 1px rgba(201, 142, 0, 0.7); border-top:solid 1px rgba(253, 216, 99, 0.7); background:none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; height:auto; } aside.sidebarNav .dynamicMasonry > div:last-child { border-bottom:none; } aside.sidebarNav .dynamicMasonry > div > h2 { font-size:1.7em; font-family:sans-serif; padding:10px 0; } aside.sidebarNav .dynamicMasonry > div a h2 { font-size:1.7em; font-family:sans-serif; padding:10px 0; } aside.sidebarNav .dynamicMasonry > div a:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } aside.sidebarNav .dynamicMasonry > div a:hover h2 { color:#333333; } .sidebarExpanded aside.sidebarNav { width:100%; } .sidebarExpanded aside.sidebarNav .dynamicMasonry { display:block; padding-bottom:10px; width:100%; } .sidebarExpanded aside.sidebarNav .dropDownTrigger .ir { background-position:top right; } .sidebarExpanded aside.sidebarNav .dropDownTrigger .ir:hover { background-position:bottom right; } .sidebarExpanded aside.sidebarNav .backTrigger .ir { background-position:top right; } .sidebarExpanded aside.sidebarNav .backTrigger .ir:hover { background-position:bottom right; } .newsFeedWrapper h2 { font-size:2.5em; line-height:1.166666666em; } .newsFeedWrapper > p { } .newsFeedWrapper > p > a { } .newsFeedWrapper > p > a:hover { color:#333; } .newsFeedWrapper .contentBottom { overflow:hidden; } .newsFeedWrapper .contentBottom img { float:none; width:100%; max-height:290px; } .newsFeedWrapper .contentBottom .contentBottomData { width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:absolute; } .newsFeedWrapper .contentBottom .contentBottomData ul { list-style:none; margin:0; padding:0; position:relative; height:inherit; width:inherit; } .newsFeedWrapper .contentBottom .contentBottomData ul li{ position:absolute; height:inherit; width:inherit; } .newsFeedWrapper .contentBottom .contentBottomData ul li iframe { min-width:290px; min-height:290px; } .newsFeedWrapper .contentBottom .meta-date { color:#151515; font-size:1.666666667em; padding:10px 15px; display:block; } .newsFeedWrapper .contentBottom p { } .newsFeedWrapper .contentBottom p a { color:#151515; font-family:sans-serif; font-size:1.3em; line-height:1.166666666em; } .newsFeedWrapper .contentBottom p a:hover { } .newsFeedwtPDF .actionWrap { background:url("/iwov-resources/corporate_new/img/common/icon-pdf.png") no-repeat scroll right bottom transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:95%; left:0; padding:0 10px; } .rotatingContentWrap { position:relative; } .rotatingContentWrap .contentBottom { overflow:hidden; } .rotatingContentWrap .contentBottom .contentBottomData { width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:absolute; bottom:0; height:100%; } .rotatingContentWrap .contentBottom .contentBottomData > ul { list-style:none; margin:0; padding:0; position:relative; height:inherit; width:inherit; } .rotatingContentWrap .contentBottom .contentBottomData > ul > li { position:absolute; height:inherit; width:inherit; } .rotatingContentWrap .contentBottom .contentBottomData > a > ul {list-style:none; margin:0; padding:0; position:relative; height:inherit; width:inherit; } .rotatingContentWrap .contentBottom .contentBottomData > a > ul > li { position:absolute; height:inherit; width:inherit; } .rotatingContentChart .chartTitle { display:block; width:100%; padding:10px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:1.666666666667em; color:#000; font-family:sans-serif; } a:hover .rotatingContentChart .chartTitle { color:#000; } .rotatingContentWrap .rotatingContentChart ul { width:100%; margin-top:30px; padding:0 20px; font-size:1.5em; color:#151515; } .rotatingContentWrap .rotatingContentChart ul li { margin-bottom:10px; line-height:30px; } .rotatingContentWrap .rotatingContentChart .chartBar { height:30px; width:45px; background-color:#000; float:left; padding:0; margin:0; margin-right:10px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; } .ui-slider .ui-slider-handle { width:25px; height:25px; } .ui-slider-horizontal .ui-slider-handle { top:-10px; margin-left:-12.5px; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background:rgb(255, 255, 255); border:1px solid rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 1px rgba(255,255,255,0.5); -webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.5); box-shadow: 0 1px 1px rgba(255,255,255,0.5); cursor:pointer; } .ui-state-hover { background:#999; } .ui-widget-content { height:9px; border:none; background:url("/iwov-resources/corporate_new/img/common/bg-slider.gif") repeat-x scroll left top transparent; -moz-box-shadow: 0 1px 1px rgba(255,255,255,0.5); -webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.5); box-shadow: 0 1px 1px rgba(255,255,255,0.5); } .ui-slider-horizontal .ui-slider-range { background:url("/iwov-resources/corporate_new/img/common/bg-slider-selected.gif") repeat-x scroll left top transparent; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; } .videoWrap { min-width:290px; width:100%; background:#000; } .videoWrap iframe { height:290px; } .iconFB > a { background:url("/iwov-resources/corporate_new/img/common/icon-facebook.png") no-repeat scroll 90% 90% transparent; } .iconInsta > a { background:url("/iwov-resources/corporate_new/img/common/icon-instagram.png") no-repeat scroll 90% 90% transparent; } .iconGeneric > a { background:url("/iwov-resources/corporate_new/img/common/icon-genericfile.png") no-repeat scroll 90% 90% transparent; } .iconGPlus > a { background:url("/iwov-resources/corporate_new/img/common/icon-googleplus.png") no-repeat scroll 90% 90% transparent; } .iconLinkedIn > a { background:url("/iwov-resources/corporate_new/img/common/icon-linkedin.png") no-repeat scroll 90% 90% transparent; } .iconRSS > a { background:url("/iwov-resources/corporate_new/img/common/icon-rss.png") no-repeat scroll 90% 90% transparent; } .iconRSS > figure {background: url("/iwov-resources/corporate_new/img/my/en/common/icon-rss.png") no-repeat scroll left top transparent; float: left; height: 33px; margin: 0 15px 0 0; width: 33px;} .iconTwitter > a { background:url("/iwov-resources/corporate_new/img/common/icon-twitter.png") no-repeat scroll 90% 90% transparent; } .iconYoutube > a { background:url("/iwov-resources/corporate_new/img/common/icon-youtube.png") no-repeat scroll 90% 90% transparent; } .iconZip > a { background:url("/iwov-resources/corporate_new/img/common/icon-zip.png") no-repeat scroll 90% 90% transparent; } .iconPDF > a { background:url("/iwov-resources/corporate_new/img/common/icon-pdf.png") no-repeat scroll 90% 90% transparent; } .iconEmail > figure {background: url("/iwov-resources/corporate_new/img/my/en/common/icon-email.png") no-repeat scroll left top transparent; float: left; height: 60px; margin: 0; width: 60px;} .iconLock > a { background:url("/iwov-resources/corporate_new/img/common/icon-lock.png") no-repeat scroll 90% 90% transparent; } .iconLock_left > a { background:url("/iwov-resources/corporate_new/img/common/icon-lock.png") no-repeat scroll 5% 90% transparent; } .fb-like{bottom: 0; position: absolute !important; right:auto; width:auto !important; } .outGoingAlert { width:100%; height:100%; left:0; top:0; margin:0; position:fixed; border:1px solid #FFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:20px; display:none; z-index:999; } .outGoingAlert .outGoingHeader { font-size:2em; font-family:sans-serif; } .outGoingHeader .outGoingHeaderTitle { margin-bottom:10px; border-bottom:1px solid #FFF; } .outGoingHeaderClose { float:right; } .outGoingHeaderClose a { background:url("/iwov-resources/corporate_new/img/my/en/s/icon-cross.png") no-repeat scroll 0 0 transparent; width:17px; height:17px; } .outGoingData { font-family:sans-serif; font-size:1.6666666666667em; } .outGoingData p { margin-bottom:10px; } .outGoingData p a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:10px 20px; background:#FFF; -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5); box-shadow: 1px 1px 2px rgba(0,0,0,0.5); display:block; float:left; margin-right:10px; color:#000; } .outGoingData p a:hover { background:#000; color:#FFF; } .textIndent{text-indent:1em;} .footnote{font-size: 1.2em !important; margin-top: 20px;} sup {margin-right:5px;} .dynamicFrame-stockchart{height: 2000px;} .dynamicFrame-share-price{height: 20000px;} .dynamicFrame-stock-fundamental{height: 710px;} .dynamicFrame-bursa{height:220000px;} .dynamicFrame-email-alert{height: 920px;} .dualCol img {width:100%;} #awards-recognition .filterItem img{display:none;} .tabTitle h1 { font-size:2.916666666667em; color:#999999; font-family:sans-serif; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1); padding:0 10px; } ul.tabCategory{ margin:0; padding:0; } .allSubsidiaries{ margin-top:60px; padding: 0 15px; } .allSubsidiaries .noMasonry-directLink:first-child{ margin-top:0px; padding:0px; } .allSubsidiaries .noMasonry-directLink{ margin-top:10px; padding:0px; } .kpiFootNote { margin:10px 0 0 0; clear:both; } .dualCol .articleContent a, .dualCol .articleContentStatic a { color:#000; text-decoration:underline; } .dualCol .articleContent a:hover, .dualCol .articleContentStatic a:hover { color:#999; text-decoration:underline; } ul.awardLink { list-style: outside disc; font-size:1.6666666666667em; color:#9999AA; margin:0 0 0 20px; } ul.awardLink li { margin-bottom:10px; } .captcha { color:#222; position:relative; } .captcha legend { font-family:sans-serif; } #captcha_response_field { margin-top:10px; } .captcha .btnGeneral { margin-top:0; } ul#rss-feed {border-top: 1px solid #000000; list-style: none outside none; margin: 0; padding: 0;} ul#rss-feed li {border-bottom: 1px solid #000000; padding: 10px 0;background:url("/iwov-resources/corporate_new/img/my/en/common/icon-filter-item-hover.png") no-repeat scroll right center transparent;background-size:15px 20px;} ul#rss-feed li a {text-decoration:none; display: block;} ul#rss-feed li a:hover {text-decoration:underline; color:#000000;} .displayEnqFormMessage { color:#F00; font-size:1.3333333333333em; font-style:italic; } .displayEnqFormMessage ul { margin:0 0 10px; } .displayEnqFormMessage p { color:#000; font-size:1.66666666666667em; font-style:normal; } #enquiries-suggestions { padding-bottom:10px; margin-top:0; } #enquiries-suggestions .captcha .btnGeneral {margin: 10px auto;} #loading{margin: 0 auto 20px;} .displayEnqFormMessage{} .displayEnqFormMessage p{background: none repeat scroll 0 0 #BCED91; border: 1px solid #CCCCCC; color: #000000; font-size: 1.66666666666667em; font-style: normal; margin: 0; padding: 20px !important; text-align: center;} .displayEnqFormMessage ul{background: none repeat scroll 0 0 pink; border: 1px solid #CCCCCC; font-style: normal; margin: 0; padding: 20px 30px;} .displayEnqFormMessage ul li{} .careers .photoThumb img { height: 70px; width: 110px;} .backTrigger { float:left; left:15px; } nav[role="masonry"] ul li { padding-left:60px; } .parentsList { float:left; margin-left:-120%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity:0; width:100%; overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } nav[role="masonry"] .parentsList a { display:inline; text-shadow:1px 1px 1px rgba(255, 255, 255, 1); color:#999; float:left; clear:left; position:relative; } nav[role="masonry"] .parentsList a:hover { color:#333; } nav[role="masonry"].expanded ul li .parentsList { color:#222; } nav[role="masonry"].expanded ul li .parentsList a { color:#151515; } .breadcrumbArrow { float:right; margin-right:10px; } .dropDownTrigger { position:absolute; } aside.sidebarNav { left:0; right:auto; } .globalNav { width:100%; overflow:hidden; } header > section.headerBarOverall { top:0; left:0; height:50px; width:100%; } /* header > section.headerBarOverall { position:fixed; bottom:0; left:0; height:50px; width:100%; } div#main { display:none; } */ .globalNavBlock { width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0; } .gNavTitle { font-size:2.5em; text-shadow:1px 1px 1px rgba(255, 255, 255, 1); padding:10px 15px 0; color:#000; } /*.globalNavContent { padding-bottom:50px; } */ .globalNavContent { padding-bottom:150px; } .gNavBlockContent ul { list-style:none; margin:0; padding:0; } .gNavBlockContent ul li { border-bottom: solid 1px rgba(201, 142, 0, 0.7); border-top: solid 1px rgba(253, 216, 99, 0.7); padding:10px 15px; } .gNavMaybank2u ul li { border-top:none; } .gNavBlockContent ul li a { color:#333; font-size:22px; display:block; font-family:sans-serif; text-shadow:1px 1px 1px rgba(255, 255, 255, 1); line-height:30px; } .gNavBlockContent ul li a:hover { color:#121212; } .gNavArrow { float:right; } .gNavBankingListing { overflow:hidden; } .gNavBankingListing ul { height:52px; overflow:hidden; } .gNavBankingListing ul li { background:rgba(255, 255, 255, 0.2); } .gNavBankingListing ul li a { font-family:sans-serif; text-shadow:none; } .gNavBankingListing ul li:first-child { background:none; } .gNavBankingListing ul li:first-child a { font-family:sans-serif; text-shadow:1px 1px 1px rgba(255, 255, 255, 1); } /*.gNavSupport { padding-bottom:25px; font-size:1.33333333333333em;}*/ .gNavSupport { padding-bottom:25px; font-size:1.33333333333333em;} .gNavSupport ul li { border-bottom:none; } .gNavSupport article { padding:0 15px 10px; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gNavSupport article .articleTitle { font-family:sans-serif; font-size:20px; } .gNavSupport article .tel { font-family:sans-serif; color:#000; } .headerActivated .interactionButtons .ir:first-child { /*background: url("/iwov-resources/corporate_new/img/common/icon-collapse.png") no-repeat scroll center center transparent;*/ } .gNavBankingListing ul li:first-child a, .gNavWorldwide ul li:first-child a, .gNavSupport ul li:first-child a { font-family:sans-serif; color:#000; text-shadow:none; } .gNavBankingListing ul li:first-child a:hover, .gNavWorldwide ul li:first-child a:hover, .gNavSupport ul li:first-child a:hover { color:#333; } .globalNavOverall { -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; } .gNavSearch { padding:10px 10px 40px; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom:solid 1px rgba(201, 142, 0, 0.7); } .gNavSearch input { width:88%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0.6em; border:none; outline:none; float:left; height:30px; -webkit-appearance: none; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; } .gNavSearch .searchButton { width:12%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url("/iwov-resources/corporate_new/img/common/icon-search-black.gif") no-repeat scroll center center #FFF; float:left; height:30px; } .gNavSearch .searchButton:hover { } .popupOverlay { display:none; width:100%; height:100%; top:0; left:0; margin:0; position:fixed; background-color:rgba(0,0,0,0.5); z-index:998; } .videoPopup { display:none; width:100%; height:100%; top:0; left:0; margin:0; position:fixed; border:1px solid #FFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:20px; display:none; z-index:999; background-color:#fff; } .videoHeader { font-size:2em; font-family:sans-serif; } .videoHeaderClose { float:right; } .videoHeaderClose a { background:url("/iwov-resources/corporate_new/img/my/en/s/icon-cross.png") no-repeat scroll 0 0 transparent; width:17px; height:17px; } .videoHeader .videoHeaderTitle { margin-bottom:10px; border-bottom:1px solid #FFF; } .calculatorWrap h2 { color: #151515; font-size: 1.66666666667em; line-height: 1.25em; font-family: sans-serif; padding: 10px 10px; letter-spacing: -0.02em; font-weight: normal; } .calculatorWrap p { padding: 0 10px; font-family:sans-serif; letter-spacing:-0.02em; margin-bottom:1em; } .calculatorWrap hr { margin: 0 10px 10px; border-top:solid 1px #e4a809; border-bottom:solid 1px #ffdd86; height:0; } .calculatorContent label { float:left; line-height:40px; font-size:16px; color:#000; } .countInputWrap { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; height:40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:solid 1px #666666; color:#000; background: rgb(170,170,170); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOWM5YzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(170,170,170,1) 0%, rgba(201,201,201,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(170,170,170,1)), color-stop(100%,rgba(201,201,201,1))); background: -webkit-linear-gradient(top, rgba(170,170,170,1) 0%,rgba(201,201,201,1) 100%); background: -o-linear-gradient(top, rgba(170,170,170,1) 0%,rgba(201,201,201,1) 100%); background: -ms-linear-gradient(top, rgba(170,170,170,1) 0%,rgba(201,201,201,1) 100%); background: linear-gradient(to bottom, rgba(170,170,170,1) 0%,rgba(201,201,201,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#c9c9c9',GradientType=0 ); text-shadow: 1px 1px 1px rgba(255, 255, 255, 1); float:right; font-size:16px; -moz-box-shadow: 0 0 1px #ffef1d; -webkit-box-shadow: 0 0 1px #ffef1d; box-shadow:0 0 1px #ffef1d; } .countInputWrap input { width:100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0.4em 0.6em; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border:solid 1px #666; height:40px; outline:none; margin-top:-1px; } .countInputSupport { padding:0 13px; } .supportLeft input { margin-right:-1px; } .supportRight input { margin-left:-1px; } .calculatorContent #currentBalance, .calculatorContent #currentPrincipal, .calculatorContent #ihlcHouseCost, .calculatorContent #ihlcMonthlyIncome, .calculatorContent #hlcHouseCost, .calculatorContent #hlcMonthlyIncome, .calculatorContent #ccAmmount { width:120px; } .calculatorContent #interestRate, .calculatorContent #hireInterestRate, .calculatorContent #ihlcProfitRate, .calculatorContent #ihlcMarginFinancing, .calculatorContent #hlcInterestRate { width:80px; text-align:right; } #hireTenure { width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display:block; } #hireTenure option { display:block; } .calculatorWrap .calculatorCTA { padding:20px 10px; } .calculatorWrap .calculatorCTA a { text-align:center; color:#fff; font-size:20px; line-height:38px; height:38px; background: rgb(229,151,0); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2U1OTcwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZjczMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(229,151,0,1) 1%, rgba(175,115,1,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(229,151,0,1)), color-stop(100%,rgba(175,115,1,1))); background: -webkit-linear-gradient(top, rgba(229,151,0,1) 1%,rgba(175,115,1,1) 100%); background: -o-linear-gradient(top, rgba(229,151,0,1) 1%,rgba(175,115,1,1) 100%); background: -ms-linear-gradient(top, rgba(229,151,0,1) 1%,rgba(175,115,1,1) 100%); background: linear-gradient(to bottom, rgba(229,151,0,1) 1%,rgba(175,115,1,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e59700', endColorstr='#af7301',GradientType=0 ); border:solid 1px #7e5400; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.5); text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5); -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; display:block; } .calculatorWrap .calculatorCTA a:hover { color:#333; } label[for="ihlcMonthlyIncome"], label[for="hlcMonthlyIncome"] { width:70px; line-height:20px; } .calculatorResult { display:none; } .calculatorResult p { color:#000; font-size:18px; } p.ccrc-l { margin-bottom:15px; } p.ccrc-l1 { font-family:sans-serif; margin:0; } p.ccrc-l2 { font-family:sans-serif; color:#333; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1); text-align:center; line-height:68px; } p.ccrc-l3 { text-align:center; font-size:16px; } p.ccrc-l4 { text-align:center; font-size:16px; } p.ccrc-l5 { font-size:15px; font-family:sans-serif; margin-bottom:0; } span.ccrc-d { text-shadow: 1px 1px 1px rgba(255, 255, 255, 1); } span.ccrc-d0 { color:#333; font-family:sans-serif; } span.ccrc-d1, span.hpc-d1, span.ihlc-d1, span.hlc-d1, span.cc-d3 { font-family:sans-serif; font-size:60px; color:#000; position:relative; top:15px; } span.ccrc-d2, span.ihlc-d2, span.hlc-d2 { font-family:sans-serif; } span.ccrc-d3, span.ihlc-d3, span.hlc-d3 { font-family:sans-serif; } .calculatorCC p.ccrc-l1 { text-align:center; margin-top:30px; font-family:sans-serif; color:#333; } .calculatorCC p.ccrc-l2 { line-height:40px; } .calculatorCC p.ccrc-l3 { font-family:sans-serif; color:#333; } .calculatorCC p.calculatorDisclaimer { margin-top:30px; } .calculatorCC .calculatorContent .supportLeft input { margin-left:-1px; } .calculatorPLC .ccrc-l3, .calculatorALC .ccrc-l3, .calculatorALC .ccrc-l4, .calculatorSC .ccrc-l3, .calculatorSC .ccrc-l4 { text-align:left; } .filterDropShadow { -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.5); } .filterDropShadow > span { font-family:sans-serif; } .forexDate { position:absolute; right:10px; top:15px; font-size:15px; font-family:sans-serif; color:#999; } .forexMeta { padding:0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#666; font-size:12px; } .forexMetaBuy { float: left; margin-left: 75%; text-align: right; display: block; width: 25%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right:5px; } .forexMetaSell { float: left; text-align: right; display: block; width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:5px; } .forexContent ul { margin:0; padding:0 10px; list-style:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#000000; font-size:15px; } .forexContent ul li { margin-bottom:5px; } .forexContent > a { font-size:15px; padding:0 10px; font-family:sans-serif; position:absolute; top:260px; height:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .forexContent > a:hover { color:#000; } .forexMeta { margin-top:0; margin-bottom:5px; } .forexName { float:left; width:75%; display:block; } .forexName img { width:auto; max-width:100%; float:left; } .forexBuy { float:left; width:25%; text-align:right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right:5px; } .forexSell { float:left; width:25%; text-align:right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:5px; display:block; } .masonryItem.width2 .forexContent ul img { float:left; margin:0 10px 0 0; } .heightAuto { height:auto; } .filter3Tiers { margin-bottom:15px; } .filter3Tiers hr { margin:5px 20px 15px; border-top:solid 1px rgba(0,0,0,0.2); border-bottom:solid 1px rgba(255, 255, 255, 0.5); height:0; } .filterTierTitle { font-size:18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0 20px; } .filter3Tiers .filterSliderControl { margin:0; } .filter3Tiers #filterSliderController { margin:55px 35px 20px; } .filter3Tiers input[type='checkbox'] + label { background: url("/iwov-resources/corporate_new/img/common/bg-checkbox-v2.png") left top no-repeat; } .filter3Tiers input[type='checkbox']:checked + label { background: url("/iwov-resources/corporate_new/img/common/bg-checkbox-v2-checked.png") left top no-repeat; } .filter3Tiers .filterCategoriesContent { position:relative; z-index:2; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; } .filterCategoriesFeatures { display:none; overflow:hidden; } .filterFeaturesCTA { position:absolute; width:112px; height:30px; left:50%; margin-left:-56px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -khtml-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; background:#000; color:#fff; text-align:center; line-height:34px; font-size:15px; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5); background: rgb(152,101,0); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk4NjUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlODlhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(152,101,0,1) 0%, rgba(232,154,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(152,101,0,1)), color-stop(100%,rgba(232,154,0,1))); background: -webkit-linear-gradient(top, rgba(152,101,0,1) 0%,rgba(232,154,0,1) 100%); background: -o-linear-gradient(top, rgba(152,101,0,1) 0%,rgba(232,154,0,1) 100%); background: -ms-linear-gradient(top, rgba(152,101,0,1) 0%,rgba(232,154,0,1) 100%); background: linear-gradient(to bottom, rgba(152,101,0,1) 0%,rgba(232,154,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#986500', endColorstr='#e89a00',GradientType=0 ); -moz-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5), inset 1px 0 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5), inset 1px 0 2px rgba(0, 0, 0, 0.4); box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5), inset 1px 0 2px rgba(0, 0, 0, 0.4); cursor:pointer; margin-top:-30px; z-index:1; -webkit-transition: margin 0.3s ease-out; -moz-transition: margin 0.3s ease-out; -o-transition: margin 0.3s ease-out; transition: margin 0.3s ease-out; } .showMoreButton .filterFeaturesCTA { margin-top:-4px; } .showMoreButton .filterFeaturesCTA:hover { margin-top:0; } .filterCategoriesFeatures ul { margin:0; padding:10px 20px; list-style:none; } .filterCategoriesFeatures hr { clear:both; } .leadGenWrap {} .leadGenWrap ul { margin:0; padding:0 10px 20px; list-style:none; } .leadGenWrap ul li:first-child { margin-top:0; } .leadGenWrap ul li { margin-top:20px; font-size:20px; font-family:sans-serif; } .leadGenWrap ul li label { color:#151515; width:100%; display:block; font-family:sans-serif; } .leadGenWrap ul li input[type="text"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0.4em; width:100%; border:solid 1px #000; } .leadGenWrap ul li textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0.4em; width:100%; border:solid 1px #000; resize:vertical; } .leadGenWrap ul li select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; border:solid 1px #000000; padding:0.4em; height:44px; outline:none; -webkit-appearance: none; background:url("/iwov-resources/corporate_new/img/common/icon-dropdown.png") no-repeat scroll 97.5% center transparent; font-family:sans-serif; color:#151515; font-size:20px; } .leadGenWrap ul li .radioContentWrap { padding:0 10px; } .leadGenWrap ul li .radioContentWrap li { margin-top:5px; } .leadGenWrap ul li .radioContentWrap li:first-child { margin-top:0; } .leadGenWrap ul li .radioContentWrap label { float:left; width:90%; font-family:sans-serif; } .leadGenWrap ul li .radioContentWrap input { float:left; /*width:15px; height:25px; margin-right:10px;*/ } .leadGenWrap ul li .checkBoxContentWrap { padding:0 10px; } .leadGenWrap ul li .checkBoxContentWrap li { margin-top:5px; } .leadGenWrap ul li .checkBoxContentWrap li input[type='checkbox'] + label { background: url("/iwov-resources/corporate_new/img/common/bg-checkbox-v2.png") left -5px no-repeat; } .leadGenWrap ul li .checkBoxContentWrap li input[type='checkbox']:checked + label { background: url("/iwov-resources/corporate_new/img/common/bg-checkbox-v2-checked.png") left -5px no-repeat; } .leadGenWrap ul li .checkBoxContentWrap label { font-family:sans-serif; font-size:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height:40px; height:auto; } .tncWrap input[type='checkbox'] { opacity:1; width:auto; height:19px; } .tncWrap input[type='checkbox'] + label { background:none; height:auto; font-size:14px; padding:0 0 0 20px; font-family:sans-serif; color:#151515; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .validateMsg { color:#F00; font-size:15px; } .filterCategoriesFeatures ul.radioWrap { padding-top:15px; } .radioWrap input[type='radio'] { opacity: 0; float: left; width: 0; height:0; } .radioWrap input[type='radio'] + label { font-size:20px;margin:0; clear:left; padding:0 0 0 40px; height:auto; cursor:pointer; font-family: sans-serif; display: table-cell; vertical-align: middle; background: url("/iwov-resources/corporate_new/img/common/bg-radio.png") left top no-repeat; min-height:30px; float:left; padding-bottom:5px; } .radioWrap input[type='radio']:checked + label { background: url("/iwov-resources/corporate_new/img/common/bg-radio-checked.png") left top no-repeat; } .filterTopDown .radioWrap li { margin-bottom:15px; } .selectWrap { padding:10px 20px; } .selectContent { background: rgb(252,252,252); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZWNlY2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(206,206,206,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(206,206,206,1))); background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(206,206,206,1) 100%); background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(206,206,206,1) 100%); background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(206,206,206,1) 100%); background: linear-gradient(to bottom, rgba(252,252,252,1) 0%,rgba(206,206,206,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#cecece',GradientType=0 ); -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin-bottom:10px; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.5); } .selectContent select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; color:#151515; font-size:1.25em; font-family:sans-serif; border:none; padding:0.4em; height:35px; outline:none; -webkit-appearance: none; background:url("/iwov-resources/corporate_new/img/common/icon-dropdown.png") no-repeat scroll 97.5% center transparent; } .additionalOptionsWrap { float: right; clear: both; padding: 15px 20px; } .additionalOptionsWrap a { color:#8f5f00; font-size:15px; } .additionalOptionsWrap a:hover { color:#000; } .additionalOn { padding:0 20px; } .additionalOff { padding:0 20px; } .validationWrap { display:none; } .thankyouWrap { padding:20px 20px 0; font-size:20px; display:none; } .thankyouWrap p { padding:0; } .thankyouTitle { font-size:28px; font-family:sans-serif; } .promotionCrossSellWrap { margin-top:30px; } .promotionCrossSellWrap h2 { font-size:28px; line-height:normal; color:#000; font-family: sans-serif; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1); padding: 0 10px; } .promotionCrossSellContent { -moz-box-shadow: 0 0px 3px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0px 3px rgba(0,0,0,0.15); box-shadow: 0 0px 3px rgba(0,0,0,0.15); background:#fff; } .promotionCrossSellContent a { width:100%; height:100%; display:block; padding-bottom:5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .promotionCrossSellContent a h3 { color:#151515; font-size:30px; font-family:sans-serif; padding:10px 15px 0; clear:both; } .promotionCrossSellContent a p { color:#999999; font-size:20px; padding:0 15px 10px; } #foreign-exchange-counter-rates .forexName { width:100%; } #foreign-exchange-counter-rates { font-size:1em; } #foreign-exchange-counter-rates .forexName img { margin-right:5px; } .forexUpdateWrap { font-size:16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0 10px; margin-top:10px; margin-bottom:10px; } .forexDisclaimerWrap { font-size:16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0 10px; } .forexDisclaimerWrap p { font-size:16px; padding:0; color:#151515; } #foreign-exchange-counter-rates thead tr { background:#ffffd0; padding:0 10px; } #foreign-exchange-counter-rates thead th { font-size:16px; padding:5px 12px; } .calculatorWrapper { height: auto; margin: 10px 10px 0 0; -moz-box-shadow: 0 0 2px 2px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.15); padding: 0; transition: background-color 0.5s; -moz-transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -o-transition: background-color 0.5s; float: left; position: relative; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dropDownWrapper { background:#fff; border: solid 1px #7e5300; outline:none; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .dropDownWrapper select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; color:#151515; font-size:1.25em; font-family:sans-serif; border:none; padding:0.4em; height:35px; outline:none; -webkit-appearance: none; background:url("/iwov-resources/corporate_new/img/common/icon-dropdown2.png") no-repeat scroll 100% center transparent; cursor:pointer; } .calculatorContent .dropDownWrapper { display:block; float:right; width:118px; } p.calculatorDisclaimer { font-family:sans-serif; font-size:15px; } p.calculatorDisclaimer strong { display:block; font-family:sans-serif; } .ccCol2 .dropDownWrapper { width:198px; } .branchTitle { color:#666; font-size:20px; font-family:sans-serif; } .branchWrap .filterItem:hover, .faqWrap .filterItem:hover { background:#fff; } .branchWrap { font-size:16px; color:#000; font-family:sans-serif; line-height:normal; } .filterContents .branchWrap strong { font-size:16px; font-family:sans-serif; font-weight:normal; line-height:18px; color:#999; } .stateTitle { font-size:16px; font-family:sans-serif; margin-bottom:5px; } .branchFacilities, .branchContactData, .branchAddress { margin:12px 0; } .branchFacilities { font-size:15px; font-family:sans-serif; } a.cta-viewmap { font-size:16px; background:url("/iwov-resources/corporate_new/img/common/icon-viewmap.png") no-repeat scroll left bottom transparent; height:100px; width:100px; display:block} .branchWrap a.tel { color:#000000; font-size:20px; } .faqWrap p { color:#666; } .faqWrap .faqTitle { color:#000; } .faqWrap .articleContent .expandedWrap ul , .faqWrap .articleContent .expandedWrap ol { margin:0 0 10px; padding:0; } .faqWrap .articleContent .expandedWrap ul li { /*margin-bottom:30px;*/ } .faqWrap .articleContent .expandedWrap ul li p { padding:0; } .faqWrap .articleContent .expandedWrap ul ul { list-style:outside disc; padding-left:22px; } .faqWrap .articleContent .expandedWrap ul ol { list-style:decimal outside none; padding-left:25px; } .faqWrap .articleContent .expandedWrap ul ul li { margin-bottom:5px; } .faqWrap .articleContent .expandedWrap ul ol li { margin-bottom:5px; font-size:20px; } .faqWrap .filterItem { padding:0; } /* add by jet */ .faqWrap .filterDate { display:none; } .filterContents .filterYear { margin-top:0; } /* end */ .padNone { padding-top:none!important;padding-bottom:none!important;} .enquiryFormDropDown { background: rgb(252,252,252); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZWNlY2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(206,206,206,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(206,206,206,1))); background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(206,206,206,1) 100%); background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(206,206,206,1) 100%); background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(206,206,206,1) 100%); background: linear-gradient(to bottom, rgba(252,252,252,1) 0%,rgba(206,206,206,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#cecece',GradientType=0 ); -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin-bottom:10px; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.5); } .enquiryFormDropDown select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:120%; overflow:hidden; color:#151515; font-size:16px; font-family:sans-serif; border:none; padding:0.4em; outline:none; -webkit-appearance: none; background:url("/iwov-resources/corporate_new/img/common/icon-dropdown.png") no-repeat scroll 81.5% center transparent; } .secureFormWrap ul { margin:0; padding:0 10px 20px; list-style:none; } .secureFormWrap ul li:first-child { margin-top:0; } .secureFormWrap ul li { margin-top:20px; font-size:20px; font-family:sans-serif; } .secureFormWrap ul li label { color:#151515; width:100%; display:block; font-family:sans-serif; font-size:18px; } .secureFormWrap ul li input[type="text"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0.4em; width:100%; border:solid 1px #000; } .secureFormWrap ul li input[name="remLen1"] { width: 60px; font-size: 14px; float: right; } .secureFormWrap ul li textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0.4em; width:100%; border:solid 1px #000; resize:vertical; } .secureFormWrap ul li select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; border:solid 1px #000000; padding:0.4em; height:44px; outline:none; -webkit-appearance: none; background:url("/iwov-resources/corporate_new/img/common/icon-dropdown.png") no-repeat scroll 97.5% center transparent; font-family:sans-serif; color:#151515; font-size:20px; } .secureFormWrap ul li .radioContentWrap { padding:0 10px; } .secureFormWrap ul li .radioContentWrap li { margin-top:5px; } .secureFormWrap ul li .radioContentWrap li:first-child { margin-top:0; } .secureFormWrap ul li .radioContentWrap label { float:left; width:90%; font-family:sans-serif; } .secureFormWrap ul li .radioContentWrap input { float:left; width:15px; height:25px; margin-right:10px; display:none; } .secureFormWrap ul li .checkBoxContentWrap { padding:0 10px; } .secureFormWrap ul li .checkBoxContentWrap li { margin-top:5px; } .secureFormWrap ul li .checkBoxContentWrap li input[type='checkbox'] + label { background: url("/iwov-resources/corporate_new/img/common/bg-checkbox-v2.png") left -5px no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;height: auto; margin-bottom: 10px; min-height: 40px; line-height: normal; } .secureFormWrap ul li .checkBoxContentWrap li input[type='checkbox']:checked + label { background: url("/iwov-resources/corporate_new/img/common/bg-checkbox-v2-checked.png") left -5px no-repeat; } .secureFormWrap ul li .checkBoxContentWrap label { font-family:sans-serif; font-size:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height:40px; height:auto; } .secureFormWrap .sf-italic { font-family:sans-serif; font-size:15px; line-height:1.2; } .secureFormWrap .sf-addInfoCopy { font-family:sans-serif; font-size:15px; padding:0 0 10px; } .secureFormWrap .tncWrap p { padding:0 0 10px; } .secureFormWrap .sf-title { font-family:sans-serif; } .secureFormWrap ul li.submissionWrap a { float:left; margin-right:10px; } .secureFormWrap .expandedTQWrap { min-height:180px; } .rateArchiveWrap { margin-bottom:30px; } .rateArchiveWrap > div { padding:20px; } .rateArchiveWrap h2 { margin:0 0 10px; padding:0; font-size:20px; line-height:1; } .rateArchiveWrap p { color:#666666; font-size:20px; line-height:1; } .rateArchiveWrap hr { margin:5px 0 15px; border-top:solid 1px rgba(0,0,0,0.2); border-bottom:solid 1px rgba(255, 255, 255, 0.5); height:0; } .rateArchiveWrap label { color:#000000; font-size:16px; } .rateArchiveWrap .selectWrap { padding:10px 0; } .rateArchiveWrap input[type="submit"] { background: url("/iwov-resources/corporate_new/img/common/btn-submit.png") 0 0 no-repeat transparent; width:152px; height:42px; border:none; -webkit-appearance:none; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media only screen and (orientation: landscape) { /*.mobileMarginRightNone { margin-right:10px; }*/ } @media only screen and (max-width: 744px) and (orientation: landscape){ .imgBottom img { float:right; width:140px; position:static; } .imgBottom { height:140px; } .imgBottom h2 { font-size:1.66666666667em; line-height:1.25em; } .imgBottom p { font-size:1.66666666667em; line-height:1.25em; } .imgBottom .overlayBar { display:none; } .filterItem-image img, .filterItem-content img { display:block; } .rotatingContentWrap .actionWrap { display:none; } .rotatingContentWrap .contentBottom { height:140px; width:140px; right:0; } .rotatingContentWrap > p { padding-right:150px; } .rotatingContentWrap.imgBottom img { float:right; width:100%; position:static; } .rotatingContentWrap.imgBottom { height:440px; } .rotatingContentWrap.imgBottom .overlayBar { display:block; } .rotatingContentWrap.imgBottom .actionWrap { display:block; } .rotatingContentWrap.imgBottom .contentBottom { min-height:290px; max-height:290px; width:100%; right:0; } .rotatingContentWrap.imgBottom > p { padding-right:10px; } } /* ==|== non-semantic helper classes ======================================== Please define your styles before this section. ========================================================================== */ .hideInMobile { display:none !important; } .hideInTablet { display:block !important; } .hideInDesktop { display:block !important; } .mobileOnly { display:block !important; } .tabletOnly { display:none !important; } .desktopOnly { display:none !important; } .hiresDesktopOnly { display:none; } /* For image replacement */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir:hover { background-position:bottom center; } /* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* Contain floats: h5bp.com/q */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir { text-indent:0; } .ir:after, .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 500px !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } video, audio, object, embed { display:none; } h1 { font-size: 24pt; } h2 { font-size: 14pt; } .imgBottom img { position:static !important; max-width:200px !important; float:left !important; margin-right:10px !important; top:0 !important; bottom:auto; } .masonryWrap { max-width:100% !important; } .masonryItem { page-break-inside: avoid; border:1pt solid #999; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow:none; } .masonryBlock { margin:0 !important; } .noMasonry { width:100% !important; } .masonryWrap, .noMasonry-singleCol, .noMasonry-directLink, .dualCol, .noMasonry { padding:0 !important; } .newsFetch .actionWrap { display:none; } .height2 { height:auto; } .height3 { height:auto; } .height100p { height:auto; } .crossSellWrapper, .crossSellWrapper .masonryItem { width:100% !important; margin-left:0 !important; margin-right:0 !important; } .crossSellWrapper .desktopMarginRightNone { margin-right:10px !important; } .articleContent .expandedWrap { display:block !important; color:grey !important; } .articleContent .expandedWrap .tabTitleWrap { padding-left:80px !important; } .articleContent .expandedWrap .tabTitleWrap .tabPercentage:before { content:"> "; } .dropDownTrigger, aside.sidebarNav { display:none !important; } .table-menu-wrapper {display:none !important;} .tableTemplate th, .tableTemplate td { display:table-cell !important; } .tableTemplate tr { display:table-row !important; } .rotatingContentWrap { height:auto; } .rotatingContentWrap .contentBottom { position:static !important; max-width:100% !important; margin-right:10px !important; top:0 !important; bottom:auto; float:left !important; height:auto !important; } .rotatingContentWrap .contentBottom .contentBottomData { position:static !important;} .rotatingContentWrap .contentBottomData li { float:left !important; margin-right:10px !important; margin-bottom:10px !important; max-width:200px !important; position:static !important; } .rotatingContentWrap .actionWrap { display:none !important; } .crossSellWrap {margin:0 !important; } .masonryOverall { padding:0 !important; } .articleContent .action .icons, .articleContentStatic .action .icons { display:none !important; } .articleContent .action .date, .articleContentStatic .action .date { margin-left:0 !important; } .headerBar h1 .ir { width:100% !important; } #map_canvas { width:100% !important; min-height:440px; height:440px !important; position:static !important; display:none; } .mapControlCountryWrap select { display:none; width:100%; color:#151515; font-size:1.25em; font-family:sans-serif; border:1px solid #000; padding:0.4em; height:35px; outline:none; -webkit-appearance: normal; background:#FFFFFF; } .mapControlWrap { position:static; } .videoWrap { display:none !important; } .backTrigger { display:none !important; } .photoThumb img { margin-right: 10px !important; } .articleContentExpanded .tabTitleWrap .tabTitleDesc { width:100% !important; position:static !important; padding:0 !important; } .articleContent { page-break-inside: avoid; } .noMasonry-directLink .articleContent .tabTitleWrap .tabTitleDesc { display:block !important; } .rotatingContentWrap .contentBottom .contentBottomData > a > ul > li { position:static !important; margin-right:10px !important; float:left !important; border:1px solid #000; width:auto !important; } .rotatingContentWrap .rotatingContentChart .chartBar { display:none !important; } .flex-control-nav { display:none !important; } .flexSlider .slides { width:100% !important; -webkit-transform:translate3d(0, 0, 0) !important; } .flexSlider .slides .clone { display:none !important; } .flex-viewport { height:auto !important; } .flexSlider .slides li { margin-bottom:10px !important; page-break-inside: avoid; } .filterWrap {display:none;} .filterItem {font-size:0.8em; line-height:0.9em;} .filterItem-content a {padding:0; } .actionWrap {display:none;} .newsFeedWrapper a {font-size:0.8em;} .newsFeedWrapper .contentBottom {position:static !important; height:auto;} .newsFeedWrapper .contentBottom .contentBottomData {position:static;} .newsFeedWrapper .contentBottom p {font-size:1em;} .newsFeedWrapper .contentBottom img {display:none;} .backTrigger{display:none;} .filterContents ol li { line-height:normal !important; } .slideShowMode { height:auto !important; } .slideShowMode .clone { display:none !important; } .slideShowMode .slides { width:100% !important; -webkit-transform:translate3d(0, 0, 0) !important; } .slideShowMode .slides li { page-break-inside: avoid; clear:both !important; float:none !important; width:auto !important; border:1px solid #000 !important; height:auto !important; } .slideShowWrapOnBackground .slideShowTextOnYellowWrap { position:static !important; } div#main { height:auto !important; } /*aside h2 { font-size: 18pt; } */ .globalNavOverall, .interactionButtons { display:none; } nav[role="masonry"] ul li { padding-left:10px; } }