@font-face {
    font-family: 'OpenSans';
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-Regular.eot") format("embedded-opentype");
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-Regular.eot?#iefix") format("embedded-opentype"),url("/iwov-resources/flp/fonts/opensans/OpenSans-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'OpenSans';
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-SemiBold.eot") format("embedded-opentype");
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"),url("/iwov-resources/flp/fonts/opensans/OpenSans-SemiBold.ttf") format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'OpenSans';
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-SemiBold.eot") format("embedded-opentype");
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"),url("/iwov-resources/flp/fonts/opensans/OpenSans-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'OpenSans';
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-Bold.eot") format("embedded-opentype");
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-Bold.eot?#iefix") format("embedded-opentype"),url("/iwov-resources/flp/fonts/opensans/OpenSans-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'OpenSans';
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-Light.eot") format("embedded-opentype");
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-Light.eot?#iefix") format("embedded-opentype"),url("/iwov-resources/flp/fonts/opensans/OpenSans-Light.woff2") format("woff2"),url("../fonts/opensans/OpenSans-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'OpenSans';
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-LightItalic.eot") format("embedded-opentype");
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-LightItalic.eot?#iefix") format("embedded-opentype"),url("/iwov-resources/flp/fonts/opensans/OpenSans-LightItalic.woff2") format("woff2"),url("../fonts/opensans/OpenSans-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic
}
/*Adding font face for IE*/
@font-face {
    font-family: 'OpenSans';
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-Regular.eot") format("embedded-opentype");
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-Regular.eot?#iefix") format("embedded-opentype"),url("/iwov-resources/flp/fonts/opensans/OpenSans-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'OpenSans';
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-SemiBold.eot") format("embedded-opentype");
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"),url("/iwov-resources/flp/fonts/opensans/OpenSans-SemiBold.ttf") format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'OpenSans';
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-SemiBold.eot") format("embedded-opentype");
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"),url("/iwov-resources/flp/fonts/opensans/OpenSans-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'OpenSans';
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-Bold.eot") format("embedded-opentype");
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-Bold.eot?#iefix") format("embedded-opentype"),url("/iwov-resources/flp/fonts/opensans/OpenSans-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'OpenSans';
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-Light.eot") format("embedded-opentype");
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-Light.eot?#iefix") format("embedded-opentype"),url("/iwov-resources/flp/fonts/opensans/OpenSans-Light.woff2") format("woff2"),url("../fonts/opensans/OpenSans-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'OpenSans';
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-LightItalic.eot") format("embedded-opentype");
    src: url("/iwov-resources/flp/fonts/opensans/OpenSans-LightItalic.eot?#iefix") format("embedded-opentype"),url("/iwov-resources/flp/fonts/opensans/OpenSans-LightItalic.woff2") format("woff2"),url("../fonts/opensans/OpenSans-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic
}
/* End of adding font face for IE*/

.clearfix {
    *zoom: 1
}
.mobileMenu {
	margin:0px;
	padding:0px;
	list-style:none;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}
#segment-dropdown .selected {
	 border-left: 4px solid #c00;
}
body {
	width:100%;
    background-color: #e7e7e7;
    /*padding-top: 10px;
    padding-bottom: 20px; */
    font-family: "Opensans",Arial,sans-serif;
    color: #100f0f;
    background-image: url(http://www.dbs.com.hk/iwov-resources/images/backgrounds/page-background.png);  
    margin: 0 auto !important; 
    font-size: 14px;
    line-height: 20px;         
}

body.treasures h1.themed {
    color: #ba8c58;
    font-weight: 400
}

body.private-bank h1.themed {
    color: #6c6f70;
    font-weight: 400
}

body.tpc h1.themed {
    color: #a2a2a4;
    font-weight: 400
}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
    display: block
}

audio,canvas,video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.mainframe {
	
	padding-bottom:10px;
	padding-top:10px;
}
.moduleQrcode{
	background-color:#fff;
	padding-bottom:8px;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	margin:8px;
	 border-bottom: 3px solid #ccc;
}
.gameframe{
	background-color:#fff;
	padding-bottom:8px;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	margin:8px;
	 border-bottom: 3px solid #ccc;
}

#disclaimer, .moduleQrcode{	
	padding:20px;
}


audio:not([controls]) {
    display: none
}

a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

a:hover,a:active {
    outline: 0
}

sub,sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic
}
.mobile_dropdownmenu {
    background: url('/iwov-resources/image/loans/loancentre/mobile_menu_20140822.png') no-repeat;
    height: 90px;
    width: 90px;
	display:inline-block;
	
}


.icons-sprite,.icons-arrow-down-red,.icons-arrow-down-white,.icons-arrow-red,.icons-black-man,.icons-btn-panel-close,.icons-btn-panel-pop-out,.icons-check-brown,.icons-check-dark-gray,.icons-check-light-gray,.icons-check-red,.icons-flag,.icons-git-arrow,.icons-git-calendar,.icons-git-chat,.icons-git-email,.icons-icn-arrow-red-left,.icons-icn-arrow-red,.icons-icn-chat,.icons-icn-checkbox,.icons-icn-collapsed-red,.icons-icn-dollar-yen-small,.icons-icn-expanded-red,.icons-icn-facebook,.icons-icn-google_plus,.icons-icn-green-check,.icons-icn-linked_in,.icons-icn-mobile-nav-menu,.icons-icn-mobile-nav-search,.icons-icn-red-x,.icons-icn-rss,.icons-icn-search,.icons-icn-twitter,.icons-icn-white-x,.icons-icn-youtube,.icons-icn_document,.icons-icn_play_down,.icons-investor-type-uparrow,.icons-lock-black,.icons-lock,.icons-map-marker,.icons-phone-hero-leftarrow,.icons-phone-hero-rightarrow,.icons-phone-tabbed-nav-leftarrow,.icons-phone-tabbed-nav-rightarrow,.icons-red-man,.icons-search,.icons-selectarrow,.icons-step1,.icons-step2,.icons-white-arrow-down-red,.icons-white-arrow-up-red,.icn-chat,.icn-step1,.icn-step2,.icn-git-arrow,.icn-git-chat,.icn-git-email,.icn-git-calendar,.icn-black-man,.icn-red-man,.icn-investor-up-arrow,.icn-search,.icn-flag,.icn-map-marker,.icn-arrow-red,.icn-arrow-red-left,.icn-mobile-nav-menu,.icn-mobile-nav-search,.icn-checkbox,.btn-panel-close,.btn-panel-pop-out,.icn-white-x,.icn-phone-hero-leftarrow,.icn-phone-hero-rightarrow,.icn-phone-tabbed-nav-leftarrow,.icn-phone-tabbed-nav-rightarrow,.icn-dollar-yen-small,.icn-white-arrow-down-red,.icn-white-arrow-up-red,.icn-collapsed-red,.icn-expanded-red,.icn-check,.icn-twitter,.icn-facebook,.icn-youtube,.icn-rss,.icn-linked-in,.icn-google-plus,.icn-play-down,.icn-document,.branch-finder #map-marker,global-branch-finder #map-marker,.map-marker,.frequently-used-forms .doc-icon,.poll .image,.tpc .poll .image,.treasures .poll .image,.private-bank .poll .image,.product-info .collapsed div,.splitter-hero-block .arrow,.splitter-hero-block .open .arrow,.splitter-panel .splitter-tile>ul>li .pull-right,.faq .collapsed div,.generic-collapsible-component .collapsed div,.private-bank .icn-check,.tpc .icn-check,.treasures .icn-check {
    background: url('http://www.dbs.com.hk/iwov-resources/images/icons-s0099f5f8a7.png') no-repeat
}
.icons-icn-mobile-nav-menu {
    background-position: 0 -554px;
    height: 45px;
    width: 45px
}
.icons-icn-mobile-nav-search {
    background-position: 0 -691px;
    height: 45px;
    width: 45px
}
.icn-mobile-nav-menu {
    background-position: 0 -554px;
    height: 45px;
    width: 45px
}
.icn-mobile-nav-search {
    background-position: 0 -691px;
    height: 45px;
    width: 45px
}
#header-mobile .main-navigation-phone {
    width: 100%;
    padding-bottom: 0px
}

#header-mobile .main-navigation-phone .nav-bar-mobile {
    background-color: #100f0f;
	padding-top:8px;
}

#header-mobile .main-navigation-phone .logo {
    background-image: url("/iwov-resources/image/loans/loancentre/dbs-mobile-logo-20140826.png");
    margin-left: -2px;
    height: 90px;
    width: 200px;
    display: inline-block
}

#header-mobile .main-navigation-phone .main-navigation-trigger,#header-mobile .main-navigation-phone .mobile-search-trigger,#header-mobile .main-navigation-phone .language-country-dropdown-trigger {
    position: absolute
}

#header-mobile .main-navigation-phone .main-navigation-trigger {
    left: 0
}

#header-mobile .main-navigation-phone .mobile-search-trigger {
    right: 0
}

#header-mobile .main-navigation-phone .language-country-dropdown-trigger {
    right: 45px
}

#header-mobile .main-navigation-phone .mobile-dropdown {
	display:none;
}

#header-mobile .main-navigation-phone .mobile-dropdown.expanded {
    border-bottom: 2px solid #cac7c1
}

#header-mobile .main-navigation-phone #mobile-search .input-append {
    padding-right: 77px
}

#header-mobile .main-navigation-phone #search {
    width: 100%
}

#header-mobile .main-navigation-phone #search+button {
    height: 36px
}

#header-mobile .main-navigation-phone #search+button>div {
    float: left
}

#header-mobile .main-navigation-phone ul {
    width: 100%;
    list-style-type: none;
    margin: 0;
    display: block
}

#header-mobile .main-navigation-phone ul a {
    text-decoration: none;
    /* font-family: Opensans; */
    font-size: 14px;
    color: #100f0f;
    font-weight: 400
}

#header-mobile .main-navigation-phone ul li {

    background: #fcfcfc;
    padding: 5px 10px;
    border-top: 1px solid #e4e1e1;
    /* font-family: Opensans; */
    font-size: 14px;
    color: #100f0f;
    font-weight: 700;
                font-weight: 400\0; /* IE 8*/
}

#header-mobile .main-navigation-phone ul li .scope-note {
    /* font-family: Opensans; */
    font-size: 12px;
    color: #999494;
    font-weight: 400
}

#header-mobile .main-navigation-phone ul li.active {
    border-left: 2px solid #c00;
    padding-left: 8px;
    color: #7f0000
}

#header-mobile .main-navigation-phone ul li:hover {
    color: #c00
}

#header-mobile .main-navigation-phone ul li h1 {
    /* font-family: Opensans; */
    font-size: 14px;
    color: #100f0f;
    font-weight: 400;
    height: 28px;
    margin: 0;
    line-height: 2
}

#header-mobile .main-navigation-phone ul li.list-heading {
    background-color: #f4f0ea;
    border-top: 2px solid #e4e1e1;
    padding: 0 12px 0 10px
}
.landing-page-hero-tiles.mobile-controls .tile {
    width: 60%;
    height: 35px
}
.registrationDate,.dateDropdown,.mobile {
    min-width: 90px!important;
    max-width: 100px
}
.lt-ie8 div.customDropdownMobilePrefix,.lt-ie8 div.customDropdownSmall,.lt-ie8 div.customDropdownNormal,.lt-ie8 div.customDropdownDay,.lt-ie8 div.customDropdownMonth,.lt-ie8 div.dateSeparator {
    float: left;
    display: inline
}
.lt-ie8 DIV.customDropdown.customDropdownMobilePrefix SELECT {
    line-height: 34px!important;
    height: 34px!important;
    width: 90px!important
}
.customDropdownMobilePrefix select {
    min-width: 120px!important;
    max-width: 120px!important;
    width: 120px!important
}
.customDropdownMobilePrefix {
/*     min-width: 90px!important;
    max-width: 90px!important;
    width: 90px!important; */
                min-width: 95px!important;    /*value modified from 90-95*/
                max-width: 95px!important;    /*value modified from 90-95*/
                width: 95px!important;        /*value modified from 90-95*/          
}
.control-group .controls .customDropdownMobilePrefix .inputBoxSmall {
    width: 100%;
    float: left;
    margin-right: 10px;
}
.control-group .controls .customDropdownMobilePrefix input.inputBoxSmallSuccess
{
width: 100%;
float: left;
margin-right: 19px; /*Value changed from 10-19 */
border-color: #356635;
background: #fff url("http://www.dbs.com.hk/iwov-resources/images/icn-green-check.png") no-repeat right 50%;
color:#468847
}
.control-group .controls .customDropdownMobilePrefix input.inputBoxSmallError
{
width: 100%;
float: left;
margin-right: 19px; /*Value changed from 10-19 */
border-color: #953b39;
background: #fff url("http://www.dbs.com.hk/iwov-resources/images/icn-red-x.png") no-repeat right 50%;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #d59392;
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #d59392;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #d59392;
color: #7f0000;
}
.form-investor-type-wealth .hero-landing-page .mobile-controls .left {
float:left;
margin-bottom:10px;
}


.footer {
    background-color: #000;
    color: #fcfcfc;
    padding: 20px;
     
}
.footer-span12 .footer .offset3.span3.block-4 { margin-left: 2.12766%; } /*[26-11-2013 DBS-Howell] Added - Ravi */
.footer-span12 .footer .offset3.span3 .input-append .btn { padding: 7px 10px; } /*[12-11-2013 DBS-Howell] Added - Ravi */
.footer ul.square li {
    padding-top: 3px;
    padding-bottom: 2px;
    padding-left: 5px
}

.footer .square {
    color: #C00;
    list-style-type: square;
    margin-left: -20px
}

.footer .title {
    color: #999
}

.footer input {
    width: 140px
}

.footer .right-section .tel,.footer .right-section .tel a {
    color: #fcfcfc;
    font-size: 24px;
    font-weight: 400;
    margin: 4px 0
}

.footer .back-to-top {
    padding: 10px;
    padding-left: 0;
    padding-right: 0;
    cursor: pointer;
    cursor: hand
}

.footer .back-to-top .icn-back-to-top {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #999;
    font-size: 0;
    line-height: 0
}

.footer .back-to-top .label-back-to-top {
    float: left;
    width: 200px;
    position: relative;
    left: 20px;
    top: -12px
}