dual.frameworkDecor01 {
     background: url("file?filename=images/theme/background/content_bg01.jpg") repeat-y scroll left top transparent;
}

.decor00 {
     background: url("file?filename=images/theme/background/kit.png") no-repeat scroll left top transparent;
     padding: 56px 0px 32px ! important;
}

.errormessage {
     font-size: 11px;
     margin: 23px 0px 0px 278px;
     padding: 0px;
}

.asterisk {
     color: #FF0000;
}

.hsbcContentStyle02 h1 {
     border-bottom: 1px solid #FFFFFF;
}

.hsbcContentStyle04 p span {
     color: #DB0011;
}

.altRow {
     background: url("file?filename=images/_img/theme/purple/background/your_info_bg.png") repeat scroll 0% 0% transparent;
}

.hsbcContentStyle05a label span {
     color: #DB0011;
}

.hsbcContentStyle05b input, .hsbcContentStyle05b select, .hsbcContentStyle05b textarea {
     border: 1px solid #626469;
}

.hsbcContentStyle07a {
     border-top: 4px solid #E21616;
     height: 1%;
     padding: 12px 20px;
}



.jsCalendarTrigger {
     left: 72px;
     position: absolute;
     top: -35px;
     width: 37px;
}

.dateSelectorLinkOpen .jsCalendarTrigger img {
     visibility: hidden;
}

.dateSelectorLinkOpen .jsCalendarTrigger {
     background: url("file?filename=images/_img/icons/calendaropen.gif") no-repeat scroll left 3px transparent;
}

.jsCalendarHighlight {
     background: url("file?filename=images/_img/background/calendar_highlight.gif") no-repeat scroll left top transparent;
}

.hsbcContentStyle02 h2 {
     color: #000000;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 110%;
     font-weight: bold;
     padding: 3px 0px;
}

.hsbcContentStyle03 p {
     color: #000000;
     font-size: 75%;
     font-weight: bold;
     line-height: 16px;
     padding: 4px 0px 0px;
}

.hsbcContentStyle03 p img {
     float: left;
     margin-right: 5px;
     vertical-align: bottom;
}

.hsbcContentStyle09a {
     background: url("file?filename=images/icons/big_tick.gif") no-repeat scroll 21px 15px #B0AAC0;
     padding: 9px 0px 10px 20px;
}

.jsCalendarHighlight {
     -moz-background-inline-policy: continuous;
     background: url("file?filename=images/_img/background/calendarhighlight.gif") no-repeat scroll left top transparent;
}

body, h1, h2, h3, p, ul, ol, li, dl, dt, dd, form, fieldset, input, select, textarea {
     margin: 0px;
     padding: 0px;
}

fieldset, a img {
     border: 0px none;
}

img.logoPrint {
     display: none ! important;
}

.hsbcPageFramework01 {
     height: 1%;
     padding: 27px 0px 26px 20px;
     position: relative;
}

.hsbcPageFramework01 img {
     display: block;
}

.hsbcContentStyle00 {
     position: absolute;
     right: 40px;
     top: 40px;
}

.hsbcContentStyle00 a, .hsbcContentStyle00 a img {
     display: block;
}

.hsbcContentStyle01 p img {
     float: left;
     margin-right: 6px;
     vertical-align: bottom;
}

.frameworkExt00 .hsbcContentStyle02 {
     padding: 0px 19px 20px;
}

.hsbcContentStyle03 {
     position: absolute;
     right: 20px;
     top: 40px;
}

.hsbcContentStyle05:after {
     clear: both;
     content: ".";
     display: block;
     height: 0px;
     visibility: hidden;
}

.hsbcContentStyle05b label {
     display: block;
     font-size: 75%;
     margin: 0px 10px 0px 0px;
     padding: 22px 0px 0px 3px;
}

.hsbcContentStyle05b select {
     height: 21px;
     padding: 2px 0px 1px;
     width: 226px;
}

.hsbcContentStyle05b textarea {
     display: inline;
     float: left;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 75%;
     height: 95px;
     margin: 0px 0px 0px 4px;
     padding: 3px 0px 0px 4px;
     width: 95%;
}

.hsbcContentStyle05b span {
     clear: both;
     color: #000000;
     display: block;
     font-size: 75%;
     line-height: 15px;
     margin: 0px 0px 0px 4px;
     padding: 2px 0px 4px;
     width: 226px;
}

.contentStyle05Ext00 .hsbcContentStyle05b span {
     clear: none;
     color: #FFFFFF;
     float: left;
     padding: 8px 0px 0px;
     width: auto;
}

.hsbcContentStyle05b span span {
     font-size: 100%;
     margin: 0px ! important;
     padding: 0px ! important;
}

.hsbcContentStyle05b a:hover {
     text-decoration: underline;
}

span.hsbcContentStyle05cfixT {
     clear: none;
     float: left;
     font-size: 100%;
     font-weight: bold;
     line-height: 15px;
     margin: 0px 0px 0px 4px;
     padding: 4px 7px 0px;
     width: auto;
}

span.hsbcContentStyle05c {
     clear: none;
     float: left;
     font-size: 100%;
     font-weight: bold;
     line-height: 20px;
     margin: 0px;
     padding: 4px 7px 0px;
     width: auto;
}

.hsbcContentStyle06 {
     height: 1%;
}

.contentStyle06Ext00 {
     padding: 2px 0px 11px;
}

.hsbcContentStyle06:after {
     clear: both;
     content: ":";
     display: block;
     height: 0px;
     visibility: hidden;
}

.hsbcContentStyle06a {
     float: left;
     width: 297px;
}

.hsbcContentStyle06b {
     float: left;
     width: 412px;
}

.contentStyle06Ext00 .hsbcContentStyle06a {
     width: 397px;
}

.contentStyle06Ext00 .hsbcContentStyle06b {
     width: 303px;
}

.hsbcContentStyle06 input {
     display: inline;
     float: right;
     font-family: Arial,Helvetica,sans-serif;
     height: 13px;
     margin: 0px 5px 0px 0px;
     width: 13px;
}

.hsbcContentStyle06 label {
     display: block;
     font-size: 75%;
     line-height: 13px;
     padding: 0px;
}

.hsbcContentStyle07 {
     height: 1%;
     padding: 0px;
}

.frameworkExt00 .hsbcContentStyle07 {
     padding-top: 20px;
}

.hsbcContentStyle07a:after {
     clear: both;
     content: ".";
     display: block;
     height: 0px;
     visibility: hidden;
}

.hsbcContentStyle07a a {
     display: block;
     float: right;
     margin: 0px 0px 0px 10px;
}

.hsbcContentStyle09a {
     background: url("../images/icons/big-tick.gif") no-repeat scroll 21px 15px #B0AAC0;
     padding: 9px 0px 10px 20px;
}

.hsbcContentStyle09a h1 {
     color: #000000;
     font-size: 75%;
     line-height: 16px;
     padding: 2px 0px 0px 42px;
}

.hsbcContentStyle09a p {
     color: #000000;
     padding: 0px 0px 0px 42px;
}

.hsbcPageFramework03 {
     padding: 13px 0px 23px 20px;
}

.hsbcContentStyle08 p {
     font-size: 68.75%;
     line-height: 14px;
     padding: 4px 0px 0px 27px;
}

.jsError {
     position: relative;
}

.jsErrorMsg {
     display: none;
     left: 261px;
     position: absolute;
     top: -2px;
     width: 154px;
}

.jsErrorMsgInner {
     padding: 10px 0px 10px 7px;
}

.jsCalendarTrigger img {
     border-left: 1px solid #797979;
     display: block;
}

.jsCalendarHighlight {
     background: url("file?filename=images/_img/background/calendarhighlight.gif") no-repeat scroll left top transparent;
     z-index: 30;
}

.submitBtn {
     cursor: pointer;
     float: right;
     margin: 0px;
     padding: 0px;
     position: relative;
}

.leftAlign {
     margin-left: 0px;
     padding: 0px ! important;
     width: auto ! important;
}

input.noBorder {
     border-width: 0px ! important;
     margin: 7px 0px 0px 4px ! important;
}

.conf {
     color: #000000;
     font-size: 12px ! important;
     margin: 7px 0px 0px ! important;
}

.helptext {
     border: 0px none;
     margin: 0px;
     padding: 0px;
     position: static;
}

.htcc {
     background-image: url("file?filename=images/gps_htt.gif");
     background-repeat: no-repeat;
     margin: 0px;
     padding: 15px 0px 0px;
     width: 305px;
}

.htcb {
     background-image: url("file?filename=images/gps_htb.gif");
     background-repeat: repeat-y;
     color: #000000;
     font-size: 12px;
     font-weight: normal;
     margin: 0px;
     padding: 5px 10px 0px;
     text-align: left;
     width: 285px;
}

.htcf {
     background-image: url("file?filename=images/gps_htf.gif");
     background-repeat: no-repeat;
     border: 0px none;
     margin: 0px;
     padding: 0px;
     width: 305px;
}

.htmc {
     font-family: Arial,Helvetica,sans-serif;
     font-size: 12px;
     left: -152px;
     position: absolute;
     top: 20px;
     width: 305px;
}

.showTip div.htmc {
     display: block;
}

.hideTip div.htmc {
     display: none;
}

.helpm {
     display: none;
}

.submitBtn .htmc {
     float: left;
     left: -120px;
     position: absolute;
     top: 30px;
     width: 305px;
     z-index: 99999;
}

.resetBtn {
     float: left;
     margin: 0px;
     padding: 0px;
     position: relative;
}

.container {
     border-bottom: 0px solid #A5A5A5 ! important;
     margin: 0px;
     width: 709px ! important;
}

.breadcrumb {
     clear: both;
     height: 45px ! important;
     width: 709px ! important;
}

crumblist {
     width: 709px ! important;
}

.crumblist tr td {
     height: 45px ! important;
     margin: 50px 0px 0px ! important;
     padding: 0px ! important;
     width: 100px;
}

.crumblist tr td .crumbtext {
     font-size: 12px ! important;
     text-align: center ! important;
}

div.bg {
     background: none repeat scroll 0% 0% transparent ! important;
     left: 0px;
     position: relative;
     top: 0px;
}

img.bg {
     left: 0px;
     position: absolute;
     top: 0px;
     z-index: -1;
}

.hsbcContentStyle02 div.secure {
     float: right ! important;
     height: 16px;
     margin-right: 5px;
     padding: 7px 0px 0px ! important;
}

.hsbcContentStyle02 div.secure img {
     float: left;
     margin: 0px;
     padding: 0px 5px 0px 15px ! important;
}

.hsbcContentStyle02 div.secure a {
     color: #FF0000 ! important;
     float: left ! important;
     font-size: 12px;
     font-weight: normal ! important;
     margin: 0px;
     padding: 0px 0px 0px 5px ! important;
     text-decoration: none ! important;
}

.hsbcContentStyle02 p.title {
     border-bottom: 1px solid #FFFFFF;
     float: left ! important;
     margin: 6px 0px 0px 12px ! important;
     padding: 0px ! important;
}

.hsbcContentStyle05b input.hsbcInputStyle00, select.hsbcInputStyle00 {
     width: 44px;
}

.hsbcContentStyle05b input.hsbcInputStyle01, select.hsbcInputStyle01 {
     margin-left: 0px;
     padding-left: 2px;
     width: 32px;
}

.hsbcContentStyle05b input.hsbcInputStyle02, select.hsbcInputStyle02 {
     margin-left: 0px;
     width: 97px;
}

.hsbcContentStyle05b input.hsbcInputStyle02a, select.hsbcInputStyle02a {
     margin: 4px 0px 0px 4px;
     width: 152px;
}

span.hsbcContentStyle05c {
     clear: none;
     float: left;
     font-size: 75%;
     font-weight: bold;
     line-height: 20px;
     margin: 0px;
     padding: 4px 7px 0px;
     width: auto;
}

.backBtn {
     border-top: 4px solid #E21616;
     cursor: pointer;
     float: left;
     height: 1%;
     margin: 0px;
     padding: 13px 20px;
     position: relative;
}

.showif {
     opacity: 1;
}

.subtitle {
     font-weight: bold;
     text-decoration: underline;
}

.line {
     border-bottom: 1px solid #D5D5D5;
     color: #000000;
     float: left;
     font-size: 75%;
     font-weight: bold;
     padding: 5px 5px 5px 15px;
     width: 689px;
}

.printBtn {
     cursor: pointer;
     float: right;
     margin: 0px;
     padding-right: 10px;
     position: relative;
}

span.hsbcContentStyle10a {
     float: left;
     margin-left: -90px;
}

span.hsbcContentStyle10b {
     clear: none;
     float: left;
     margin-left: -50px;
}

img.hsbcContentStyle10c {
     padding-left: 3px;
     padding-top: 5px;
}

span.hsbcContentStyle10c {
     float: left;
     margin-left: -90px;
     width: 500px;
}

.hsbcContentStyle01 p a {
     color: blue;
}

.hsbcContentStyle09 {
     float: left;
     padding-top: 10px;
     width: 100%;
}

p.hsbcPageFramework02a {
     padding: 18px;
}

.hsbcContentStyle07 {
     clear: both;
}

.hsbcContentStyle02 {
     clear: both;
}

.hsbcContentStyle11 {
     clear: both;
     float: left;
     height: auto;
     padding-left: 50px;
     width: 600px;
}

ul.TickList {
     list-style-image: url("http://hsbc.com.vn/1/PA_1_2_S5/content/vietnam/images/iconarrow_red.gif");
     padding-left: 30px;
     padding-top: 5px;
}

.jsenable {
     display: none;
}

.showTip div.htmc {
     display: block;
}

.helpImage .htmc {
     float: left;
     margin-left: 0px;
     margin-top: 0px;
     position: absolute;
     width: 305px;
}

.htmc {
     font-family: Arial,Helvetica,sans-serif;
     font-size: 12px;
     left: -152px;
     position: absolute;
     top: 20px;
     width: 305px;
}

.hsbcContentStyle05a .helpImage {
     left: 230px;
     position: absolute;
     top: 8px;
     z-index: 2147483647;
}

.helptext {
     border: 0px none;
     margin: 0px;
     padding: 0px;
     position: static;
}

.hsbcContentStyle05a {
     position: relative;
}

.jsErrorMsgInner a {
     color: #3366CC;
}

.pointer {
     cursor: pointer;
}

.hidden {
     visibility: hidden;
}

div.containerGlobal {
     width: 100%;
}

.hsbcPopupBar {
     display: none;
}

div.containerLogoArea {
     display: none;
}

.hsbcPopupCloser {
     display: none ! important;
}

.hsbcLogo {
     background: url("file?filename=images/vnm2_hsbclogo.jpg") no-repeat scroll 0px 0px transparent;
     float: left;
     height: 15px;
     margin: 5px 0px 0px 5px;
     width: 90px;
}

.hsbcbg {
     background-color: #FFFFFF;
     height: 27px;
}

.switchview {
     color: #000000;
     float: right;
     font-size: 15px;
     font-weight: normal;
     margin: 0px 10px 0px 0px;
     padding: 6px;
     text-decoration: none;
	 font-size: 100%;
}

#switchview_mobile {visibility:hidden;}
#switchview_desktop {visibility:visible;}

.hsbcPageFramework00 {
     background: none repeat scroll 0% 0% #000000;
     padding: 0px 5px 5px;
}

.hsbcPageFramework02 {
    
}

.hsbcPageFramework02a {
     background-color: #FFFFFF;
     display: block;
     height: auto;
     padding: 10px;
}

.containerMain {
     background: none repeat scroll 0% 0% #000000;
     float: left;
     width: 100%;
}

.hsbcContentStyle05 {
     clear: both;
     float: left;
     height: auto;
     padding-bottom: 5px;
     width: 100%;
}

.hsbcContentStyle05b input, .hsbcContentStyle05b select {
     background: none repeat scroll 0px 0px #F0EFF0;
     border-radius: 5px 5px 5px 5px;
     color: #000000;
     float: left;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 16px;
     font-weight: bold;
     height: 35px;

     width: 100%;
}

fieldset {
     float: left;
     height: auto;
     padding-bottom: 10px;
     width: 100%;
}

.hsbcContentStyle01 h1 {
     background: none repeat scroll 0px 0px #000000;
     color: #FFFFFF;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 120%;
     font-weight: normal;
     line-height: 20px;
     margin: -10px -10px 0px;
     padding-bottom: 10px;
     padding-top: 10px;
     text-align: center;
}

.hsbcContentStyle01 p {
     font-size: 14px;
     height: 1%;
     line-height: 16px;
     padding: 0px 10px 10px 0px;
}

.hsbcContentStyle01 p:after {
     clear: both;
     content: ".";
     display: block;
     height: 0px;
     visibility: hidden;
}

.jsErrorMsg {
     left: 0px;
     position: static;
     width: 100%;
}

.jsErrorMsgInner {
     width: 100%;
}

.jsErrorMsg span {
     color: #db0011 ! important;
     font-weight: bold;
     width: 100%;
}

body {
     background: none repeat scroll 0% 0% #000000;
     font-family: Arial,Helvetica,sans-serif;
     width: 100%;
}

div.containerFooter {
     margin-top: -20px;
}

div.hsbcDivletFooterLinks, .wpsCopyrightText {
     background: none repeat scroll 0px 0px #000000 ! important;
     margin: 0px ! important;
}

div.hsbcDivletFooterLinks p, .wpsCopyrightText p {
    color: #FFFFFF ! important;
	font-size: 71%;
    line-height: 180%;
    margin: 0;
    padding: 0;
}

div.hsbcDivletFooterLinks p span.hsbcDivletFooterLinksLeft, .wpsCopyrightText p span.hsbcDivletFooterLinksLeft {
    float: left;
    margin-left: 10px;
}

div.hsbcDivletFooterLinks p a, .wpsCopyrightText p a {
     color: #FFFFFF ! important;
}

.extPopup {
     margin-right: 0px ! important;
}

.showErrorMsg .jsErrorMsg {
     display: block;
}

.jsdisable {
     color: #000000;
     display: block;
     float: left;
     font-size: 18px;
	 margin:10px;
}

.hsbcContentStyle05a label {
     display: block;
     font-weight: bold;
     padding: 5px 5px 5px 0px;
     text-align: left;
}

.jsError input, .jsError select {
     border: 2px solid #DB0011 ! important;
}

.jsValid input, .jsValid select {
     border: 2px solid #00CC06 ! important;
}

.jsValid {
     background: url("file?filename=images/_img/icons/tick.gif") no-repeat scroll 244px 17px transparent;
     height: 0px;
}

.jsError {
     background: url("file?filename=images/vnm2_sunb3.gif") no-repeat scroll 244px 17px transparent;
	 
     position: relative;
	height:0px;
}
.hsbcContentStyle02 {
     background: none repeat scroll 0% 0% #EEEEEE;
     margin-bottom: 20px;
     padding: 0px;
     position: relative;
}

.hsbcContentStyle01 p, .hsbcContentStyle04 p, .hsbcContentStyle01 p a, .hsbcContentStyle05a label, .hsbcContentStyle06 label, .hsbcContentStyle08 p, .errormessage {
     color: #000000;
}

.hsbcContentStyle04 {
     position: absolute;
     right: 0px;
     width: 120px;
}

.hsbcContentStyle04 p {
     font-size: 75%;
}

span.hsbcContentStyle05cNoBold {
     clear: none;
     float: left;
     font-size: 100%;
     font-weight: normal;
     line-height: 20px;
     margin: 0px;
     padding: 4px 1px 0px;
     width: auto;
}

.hsbcContentStyle09 p {
     background: none repeat scroll 0px 0px #F5F6F8;
     border: 1px solid #8D9FB7;
     color: #000000;
     font-size: 75%;
     padding: 10px;
}

.confv {
     color: #000000;
     float: left ! important;
     font-size: 12px ! important;
     margin: 7px 0px 0px ! important;
     padding-top: 8px;
}


h2 {
border-bottom: medium none!important;
}


/*css for mobile*/