html, body, div, span, object, iframe, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {font-family: "UniversNextforHSBC-Regular", Arial, sans-serif;}html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {line-height: 1; border: 0; margin: 0; outline: 0; padding: 0; text-align: left; font-size: 100%;}a {color: #333;}a:active,a:focus,button:active,button:focus,input[type="text"]:active,input[type="text"]:focus,input[type="tel"]:active,input[type="tel"]:focus,input[type="button"]:active,input[type="button"]:focus,input[type="submit"]:active,input[type="submit"]:focus,input[type="image"]:active,input[type="image"]:focus {outline: 0;}article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}ul, ol, li {list-style: none;}blockquote {quotes: none;}blockquote:before,blockquote:after {content: ''; content: none;}table {border-collapse: collapse; border-spacing: 0; table-layout: fixed;}input,select {vertical-align: middle; font-family: "UniversNextforHSBC-Regular", Arial, sans-serif; font-size: 100%; padding: 0; margin: 0; border: 0;}strong {font-weight: bold; font-family: "UniversNextforHSBC-Bold", Arial, sans-serif;}em {font-style: italic;}sub {vertical-align: text-bottom;}sup {vertical-align: text-top;} @media all{* {-webkit-print-color-adjust: exact;}}body {-webkit-print-color-adjust: exact;}@font-face {font-family: "UniversNextforHSBC-UltLt"; src: url("../../fonts/w01/UniversNextforHSBCW01-UltLt.eot?#iefix"); src: url("../../fonts/w01/UniversNextforHSBCW01-UltLt.eot?#iefix") format("eot"), url("../../fonts/w01/UniversNextforHSBCW01-UltLt.woff") format("woff"), url("../../fonts/w01/UniversNextforHSBCW01-UltLt.ttf") format("truetype"), url("../../fonts/w01/UniversNextforHSBCW01-UltLt.svg") format("svg"); font-weight: normal; font-style: normal;}@font-face {font-family: "UniversNextforHSBC-UltLtIt"; src: url("../../fonts/w01/UniversNextforHSBCW01-UtLtI.eot?#iefix"); src: url("../../fonts/w01/UniversNextforHSBCW01-UtLtI.eot?#iefix") format("eot"), url("../../fonts/w01/UniversNextforHSBCW01-UtLtI.woff") format("woff"), url("../../fonts/w01/UniversNextforHSBCW01-UtLtI.ttf") format("truetype"), url("../../fonts/w01/UniversNextforHSBCW01-UtLtI.svg") format("svg"); font-weight: normal; font-style: italic;}@font-face {font-family: "UniversNextforHSBC-Thin"; src: url("../../fonts/w01/UniversNextforHSBCW01-Th.eot?#iefix"); src: url("../../fonts/w01/UniversNextforHSBCW01-Th.eot?#iefix") format("eot"), url("../../fonts/w01/UniversNextforHSBCW01-Th.woff") format("woff"), url("../../fonts/w01/UniversNextforHSBCW01-Th.ttf") format("truetype"), url("../../fonts/w01/UniversNextforHSBCW01-Th.svg") format("svg"); font-weight: normal; font-style: normal;}@font-face {font-family: "UniversNextforHSBC-ThinIt"; src: url("../../fonts/w01/UniversNextforHSBCW01-ThIt.eot?#iefix"); src: url("../../fonts/w01/UniversNextforHSBCW01-ThIt.eot?#iefix") format("eot"), url("../../fonts/w01/UniversNextforHSBCW01-ThIt.woff") format("woff"), url("../../fonts/w01/UniversNextforHSBCW01-ThIt.ttf") format("truetype"), url("../../fonts/w01/UniversNextforHSBCW01-ThIt.svg") format("svg"); font-weight: normal; font-style: italic;}@font-face {font-family: "UniversNextforHSBC-Regular"; src: url("../../fonts/w01/UniversNextforHSBCW01-Rg.eot?#iefix"); src: url("../../fonts/w01/UniversNextforHSBCW01-Rg.eot?#iefix") format("eot"), url("../../fonts/w01/UniversNextforHSBCW01-Rg.woff") format("woff"), url("../../fonts/w01/UniversNextforHSBCW01-Rg.ttf") format("truetype"), url("../../fonts/w01/UniversNextforHSBCW01-Rg.svg") format("svg"); font-weight: normal; font-style: normal;}@font-face {font-family: "UniversNextforHSBC-Medium"; src: url("../../fonts/w01/UniversNextforHSBCW01-Md.eot?#iefix"); src: url("../../fonts/w01/UniversNextforHSBCW01-Md.eot?#iefix") format("eot"), url("../../fonts/w01/UniversNextforHSBCW01-Md.woff") format("woff"), url("../../fonts/w01/UniversNextforHSBCW01-Md.ttf") format("truetype"), url("../../fonts/w01/UniversNextforHSBCW01-Md.svg") format("svg"); font-weight: normal; font-style: normal;}@font-face {font-family: "UniversNextforHSBC-Light"; src: url("../../fonts/w01/UniversNextforHSBCW01-Lt.eot?#iefix"); src: url("../../fonts/w01/UniversNextforHSBCW01-Lt.eot?#iefix") format("eot"), url("../../fonts/w01/UniversNextforHSBCW01-Lt.woff") format("woff"), url("../../fonts/w01/UniversNextforHSBCW01-Lt.ttf") format("truetype"), url("../../fonts/w01/UniversNextforHSBCW01-Lt.svg") format("svg"); font-weight: normal; font-style: normal;}@font-face {font-family: "UniversNextforHSBC-LightIt"; src: url("../../fonts/w01/UniversNextforHSBCW01-LtIt.eot?#iefix"); src: url("../../fonts/w01/UniversNextforHSBCW01-LtIt.eot?#iefix") format("eot"), url("../../fonts/w01/UniversNextforHSBCW01-LtIt.woff") format("woff"), url("../../fonts/w01/UniversNextforHSBCW01-LtIt.ttf") format("truetype"), url("../../fonts/w01/UniversNextforHSBCW01-LtIt.svg") format("svg"); font-weight: normal; font-style: italic;}@font-face {font-family: "UniversNextforHSBC-Bold"; src: url("../../fonts/w01/UniversNextforHSBCW01-Bd.eot?#iefix"); src: url("../../fonts/w01/UniversNextforHSBCW01-Bd.eot?#iefix") format("eot"), url("../../fonts/w01/UniversNextforHSBCW01-Bd.woff") format("woff"), url("../../fonts/w01/UniversNextforHSBCW01-Bd.ttf") format("truetype"), url("../../fonts/w01/UniversNextforHSBCW01-Bd.svg") format("svg"); font-weight: bold; font-style: normal;}.actus .gradient1 {background: white; background: -moz-linear-gradient(top, white 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #efefef)); background: -webkit-linear-gradient(top, white 0%, #efefef 100%); background: -o-linear-gradient(top, white 0%, #efefef 100%); background: -ms-linear-gradient(top, white 0%, #efefef 100%); background: linear-gradient(to bottom, white 0%, #efefef 100%);} .dj_ie8 .actus .gradient1 {background: white url("../../images/gradients/std-gradients.png") repeat-x 0 -1060px;} .dj_ie9 .actus .gradient1 {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );}.actus .gradient2,.actus .dijitTitlePaneTitle {background: #efefef; background: -moz-linear-gradient(top, white 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #efefef)); background: -webkit-linear-gradient(top, white 0%, #efefef 100%); background: -o-linear-gradient(top, white 0%, #efefef 100%); background: -ms-linear-gradient(top, white 0%, #efefef 100%); background: linear-gradient(to bottom, white 0%, #efefef 100%);} .dj_ie8 .actus .gradient2, .dj_ie8 .actus .dijitTitlePaneTitle {background: #efefef; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#efefef');} .dj_ie9 .actus .gradient2, .dj_ie9 .actus .dijitTitlePaneTitle {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );}.actus .gradient3 {background: #c6c6c6; background: -moz-linear-gradient(top, #c6c6c6 0%, #ededed 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c6c6c6), color-stop(100%, #ededed)); background: -webkit-linear-gradient(top, #c6c6c6 0%, #ededed 100%); background: -o-linear-gradient(top, #c6c6c6 0%, #ededed 100%); background: -ms-linear-gradient(top, #c6c6c6 0%, #ededed 100%); background: linear-gradient(to bottom, #c6c6c6 0%, #ededed 100%);} .dj_ie8 .actus .gradient3 {background: #EDEDED; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#c6c6c6', EndColorStr='#ededed');} .dj_ie9 .actus .gradient3 {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6c6c6', endColorstr='#ededed',GradientType=0 );}.actus .gradient4 {background: #4c4d52; background: -moz-linear-gradient(top, #35373a 0%, #282a2c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #35373a), color-stop(100%, #282a2c)); background: -webkit-linear-gradient(top, #35373a 0%, #282a2c 100%); background: -o-linear-gradient(top, #35373a 0%, #282a2c 100%); background: -ms-linear-gradient(top, #35373a 0%, #282a2c 100%); background: linear-gradient(to bottom, #35373a 0%, #282a2c 100%);} .dj_ie8 .actus .gradient4 {background: #4c4d52 url("../../images/gradients/std-gradients.png") repeat-x 0 0;} .dj_ie9 .actus .gradient4 {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35373a', endColorstr='#282a2c',GradientType=0 );}.actus .gradient5 {background: #c4c4c4; background: -moz-linear-gradient(top, #999999 0%, #c4c4c4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999999), color-stop(100%, #c4c4c4)); background: -webkit-linear-gradient(top, #999999 0%, #c4c4c4 100%); background: -o-linear-gradient(top, #999999 0%, #c4c4c4 100%); background: -ms-linear-gradient(top, #999999 0%, #c4c4c4 100%); background: linear-gradient(to bottom, #999999 0%, #c4c4c4 100%);} .dj_ie8 .actus .gradient5 {background: #c4c4c4;} .dj_ie9 .actus .gradient5 {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#c4c4c4',GradientType=0 );}.actus .gradient6 {background: #656262; background: -moz-linear-gradient(top, #dddede 0%, #656262 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddede), color-stop(100%, #656262)); background: -webkit-linear-gradient(top, #dddede 0%, #656262 100%); background: -o-linear-gradient(top, #dddede 0%, #656262 100%); background: -ms-linear-gradient(top, #dddede 0%, #656262 100%); background: linear-gradient(to bottom, #dddede 0%, #656262 100%);} .dj_ie8 .actus .gradient6 {background: #656262;} .dj_ie9 .actus .gradient6 {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddede', endColorstr='#656262',GradientType=0 );}.actus .gradient7 {background: #db0011; background: -moz-linear-gradient(top, #db0011 0%, #d92030 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #db0011), color-stop(100%, #d92030)); background: -webkit-linear-gradient(top, #db0011 0%, #d92030 100%); background: -o-linear-gradient(top, #db0011 0%, #d92030 100%); background: -ms-linear-gradient(top, #db0011 0%, #d92030 100%); background: linear-gradient(to bottom, #db0011 0%, #d92030 100%);} .dj_ie8 .actus .gradient7 {background: #db0011;} .dj_ie9 .actus .gradient7 {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#db0011', endColorstr='#d92030',GradientType=0 );}.actus .gradient8 {background: #e6e6e6; background: -moz-linear-gradient(top, white 40%, #e6e6e6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, white), color-stop(100%, #e6e6e6)); background: -webkit-linear-gradient(top, white 40%, #e6e6e6 100%); background: -o-linear-gradient(top, white 40%, #e6e6e6 100%); background: -ms-linear-gradient(top, white 40%, #e6e6e6 100%); background: linear-gradient(to bottom, white 40%, #e6e6e6 100%);} .dj_ie8 .actus .gradient8 {background: #e6e6e6;} .dj_ie9 .actus .gradient8 {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );}.actus .gradient9 {background: #dddede; background: -moz-linear-gradient(top, #f5f5f6 40%, #dddede 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #f5f5f6), color-stop(100%, #dddede)); background: -webkit-linear-gradient(top, #f5f5f6 40%, #dddede 100%); background: -o-linear-gradient(top, #f5f5f6 40%, #dddede 100%); background: -ms-linear-gradient(top, #f5f5f6 40%, #dddede 100%); background: linear-gradient(to bottom, #f5f5f6 40%, #dddede 100%);} .dj_ie8 .actus .gradient9 {background: #dddede;} .dj_ie9 .actus .gradient9 {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f6', endColorstr='#dddede',GradientType=0 );}.actus .gradient10 {background: #515358; background: -moz-linear-gradient(top, #515358 50%, #393b3e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #515358), color-stop(100%, #393b3e)); background: -webkit-linear-gradient(top, #515358 50%, #393b3e 100%); background: -o-linear-gradient(top, #515358 50%, #393b3e 100%); background: -ms-linear-gradient(top, #515358 50%, #393b3e 100%); background: linear-gradient(to bottom, #515358 50%, #393b3e 100%);} .dj_ie8 .actus .gradient10 {background: #515358;} .dj_ie9 .actus .gradient10 {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#515358', endColorstr='#393b3e',GradientType=0 );}html {height: 100%;}body.actus {background: #FFF; font-size: 75%; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust:none;}.actus .hidden,.actus .invisible {visibility: hidden !important;}.actus .hidden2,.actus .noDisplay,.actus .hide,.dijitHidden {display: none !important;}.actus .hidden3,.actus .accessible {left: -9999px !important; position: absolute !important;}.actus a {text-decoration: none;} .actus a.link1 {background-position: right -1531px; display: inline-block; padding-right: 12px;} .actus a:hover, .actus a:focus {text-decoration: underline;} .actus a:hover span, .actus a:focus span {color: #db0011;} .actus a:hover span .itemValue , .actus a:focus span .itemValue {color: #000;} .actus a:focus {outline: 1px solid #000;} .dj_safari .actus a:focus {outline: 1px solid #000;} .dj_safari .actus a:focus {border: 1px solid #000;} .actus a:focus span {outline: 1px solid #000;}.actus a.skipLink {position: absolute; left: -9999px; background: #222; display: block; padding: 0 10px; line-height: 33px; z-index: 2000;} .actus a.skipLink:focus {left: 0; color: #ffffff;}.actus .nodisplay {display: none;}.actus .fr {float: right;}.actus .fl {float: left;}.actus .fNone {float: none;}.actus .clear,.actus .row {clear: both;}.actus h1,.actus h2,.actus h3,.actus h4,.actus h5,.actus h6,.actus label {font-weight: normal;}.actus .rowStyle00 {margin-bottom: 0;}.actus .fontColor0 {color: #000000;}body,.actus,.actus .fontColor1 {color: #333333;}.actus .fontColor2 {color: #666666;}.actus .fontColor3 {color: #FFFFFF;}.actus .fontColor4 {color: #6f6f6f;}.actus h1,.actus .font24 {font-size: 2.0em;}.actus p {line-height: 1.3em; word-wrap: break-word;}.actus h2,.actus .font20 {font-size: 1.667em;}.actus h3,.actus .font18,.actus table caption {font-size: 1.5em;}.actus label,.actus .externalLabel,.actus .font16 {font-size: 1.333em;}.actus .font14 {font-size: 1.167em;}.actus .font14px,.actus .linkButton {font-size: 14px;}.actus .font12 {font-size: 1em;}.actus .font12px {font-size: 12px;}.actus .fontSmall {font-size: 0.85em;}.actus .fontSmaller {font-size: 0.75em;}.actus .fontSmallest {font-size: 0.5em; font-weight: bold; font-family: "UniversNextforHSBC-Bold", Arial, sans-serif;}.actus .cap {text-transform: capitalize;}.actus .uppercase {text-transform: uppercase;}.actus .break {display: block;}.actus hr {background: transparent; border: none; border-bottom: 1px solid #dedede; clear: both; margin: 0;}.actus .bold {font-weight: bold; font-family: "UniversNextforHSBC-Bold", Arial, sans-serif;}.actus .linkPrimary {padding-right: 18px; background: url("../../images/icons/list_chevron.png") no-repeat scroll right center transparent;}.actus .optionalLabel,.actus .formPanel label span.optionalLabel,.actus .formPanel .externalLabel span.optionalLabel {color: #6f6f6f; font-size: 0.85em; font-weight: normal; font-family: "UniversNextforHSBC-Medium",Arial,sans-serif;}.actus .dijitReset {margin: 0; border: 0; padding: 0;} .actus .iconButton {background: #f2f2f2; background-image: linear-gradient(bottom, #f2f2f2 0%, white 100%); background-image: -o-linear-gradient(bottom, #f2f2f2 0%, white 100%); background-image: -moz-linear-gradient(bottom, #f2f2f2 0%, white 100%); background-image: -webkit-linear-gradient(bottom, #f2f2f2 0%, white 100%); background-image: -ms-linear-gradient(bottom, #f2f2f2 0%, white 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f2f2f2), color-stop(1, white)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#f2f2f2',GradientType=0 ); border: 1px solid #cdcdcd; border-radius: 3px; color: #333; display: inline-block; font-size: 1.13em; padding: 9px 11px; line-height: 1em;}.actus .dijitOffScreen,.actus .dijitArrowButtonChar,.actus .dijitToggleButtonIconChar,.actus .dijitArrowNodeInner,.actus .dijitValidationContainer,.actus .arrowTextUp,.actus .arrowTextDown,.actus .dijitBackgroundIframe,.actus .searchTransactionsPanel,.actus .accountManagementPanel {display: none;}.actus .dijitTitlePaneTitle {cursor: pointer;}.actus .dijitTitlePane.dijitFocused .dijitTitlePaneTitleFocus:focus .dijitTitlePaneTextNode {outline: 1px solid rgba(0, 0, 0, 1);}.dijitVisible {display: block; position: relative;}.actus .bgColor1 {background-color: #666666;}.actus .bgColor2 {background-color: #333333;}.actus .bgColor3 {background-color: #C92D1C;}.actus .last {margin-right: 0;}.actus .shadow {border-radius: 2px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}.dj_ie8 .actus .shadow {border: 1px solid #dedede;}.dj_safari .actus .shadow {box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}.actus .access {position: absolute; text-indent: -9999px; background: transparent;}.actus span.text {padding: 0px; height: 1em; line-height: 1.3em;}.actus .borderedContent {border: 1px solid #D2D2D2; padding: 5px 16px 0px;} .actus .borderedContent ul {margin-bottom: 30px;} .actus .borderedContent ul li .dijitDropDownButton {margin-top: 17px;} .actus .borderedContent ul li .selectDropDown {margin-top: 5px;} .actus .borderedContent li.col {display: block; margin-right: 10px;}.actus .noBorder {border: none;}.actus .bBorder {border-bottom: 1px solid #D2D2D2;}.actus .cb {clear: both;}.actus .blk {display: block;}.actus .inline {display: inline;}.actus .nobg {background: none;}.actus .clearfix:before,.actus .clearfix:after {content: " "; display: table;}.actus .clearfix,.actus .accountHeading,.actus .accountHeading ul.benefits,.actus .accountHeading ul.links,.actus .submitButtonsPanel,.actus .clearfix,.actus .row,.actus .panelInset,.actus .doormat {zoom: 1;}.actus .clearfix:after,.actus .accountHeading:after,.actus .accountHeading ul.benefits:after,.actus .accountHeading ul.links:after,.actus .submitButtonsPanel:after,.actus .clearfix:after,.actus .row:after,.actus .panelInset:after,.actus .doormat:after,.actus .panelInset .summary .accountFigures .accountBalance:after,.actus .primaryAccordion h2:after,.actus .primaryAccordion .accordionContent dl:after,.actus .acceptTermsRow:after,.actus .borderedTable:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}.actus .dijitOpen,.actus .dijitClosed {margin-bottom: 10px; background: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled='false' startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );} .actus .dijitOpen .link1, .actus .dijitClosed .link1 {background-position: right -279px; display: inline;}.actus .page-background {position: fixed; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; top: 0; left: 0; right: 0; height: 100%; width: 100%; padding: 0; z-index: -1; border-top: 1px solid #E6E3E1; background-color: #EEE;} .actus .page-background .big-image-wrapper {overflow: hidden;}.actus .page-background .big-image-wrapper img {position: absolute;}.actus .optionPanelTrigger {position: relative;} .actus .optionPanelTrigger.btnTertiary {padding-right: 6px;} .actus .optionPanelTrigger .optionPanelButton {display: block; padding-right: 17px; margin-top: 7px; line-height: 18px; background: url("../../images/icons/dropDownArrow.png") no-repeat right 5px;} .actus .optionPanelTrigger.open .optionPanelButton {background-position: right -27px;}.actus button.optionPanelTrigger .optionPanelButton {margin-top: 0;}.actus .optionPanel {position: absolute; top: 30px; z-index: 600; width: 270px; padding-top: 6px; left: -100px;} .actus .optionPanel .dijitTooltipConnector {display: none;} .actus .optionPanel .optionPanelInner {background: #fff; z-index: 600; border: 1px solid #d2d2d2; padding: 10px; white-space: nowrap; background: #fff;} .actus .optionPanel .optionPanelInner ul {float: none;} .actus .optionPanel .optionPanelInner li {margin: 8px 0 0 0; float: none; clear: both;} .actus .optionPanel p {font-weight: bold; font-family: "UniversNextforHSBC-Bold", Arial, sans-serif;}.actus .open .optionPanel-ext01 {left: auto; right: 0;}.actus .searchTransactionsPanel .searchBtnRow .optionPanel .optionPanelInner ul, .actus .searchTransactionsPanel .searchBtnRow .optionPanel .optionPanelInner li {float: none;}.actus .searchTransactionsPanel .searchBtnRow .optionPanel .optionPanelInner li {margin: 8px 0 0;}.actus .account-dashboard-banners {margin-bottom: 20px; overflow: hidden; padding-bottom: 17px;} .actus .account-dashboard-banners .panelInset {margin: 0 0 17px 20px; overflow: hidden; padding-bottom: 0px; margin-bottom: 0px;} .actus .account-dashboard-banners .panelInset:first-child {margin-left: 0;}.actus .main-content-wrapper .col2 .account-dashboard-banners {margin-bottom: 17px;}.actus .main-content-wrapper .col2 .account-dashboard-banners .panelInsert {padding-bottom: 0; margin-bottom: 17px;}.actus .dashboard .panelInset.fixedHeight {height: 381px;}.actus .dashboard .actionBox {min-height: 256px;}.actus .dashboard .actionBox.middleBanner {padding:0px; width:300px; height:376px;} .actus .dashboard .actionBox .formSpacer {padding-bottom: 12px;}.actus .dashboard .fixedHeight .borderedTable {overflow: hidden; height: 230px;}.actus .notificationPanel {background: rgba(255, 255, 255, 0.9); padding: 13px 11px 11px; position: relative;} .dj_ie8 .actus .notificationPanel {background: #FFF;} .actus .notificationPanel h2 {font-size: 1em; font-weight: bold; font-family: "UniversNextforHSBC-Bold", Arial, sans-serif; padding: 0;} .actus .notificationPanel p {font-size: 1em; line-height: 16px;}.actus form .paymentPeriod .dijitDateTextBox {width: 364px;} .actus form .paymentPeriod .dijitDateTextBox input.dijitInputInner {width: 150px;}.actus form .paymentOn .dijitDateTextBox {width: 364px;} .actus form .paymentOn .dijitDateTextBox input.dijitInputInner {width: 204px;}.currencyTypeStyle2 {display: inline-block; padding: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #767676; color: #fff; text-align: center; font-weight: normal; font-family: "UniversNextforHSBC-Medium", sans-serif; line-height: 0.901em;}.actus .panelInset .accountSummaryHead .currencyType,.actus .currencyType,.actus .currencyIndicator {display: inline-block; float: left; margin: 0; padding: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #767676; color: #fff; text-align: center; font-weight: normal; font-size: 1em; font-family: "UniversNextforHSBC-Medium", sans-serif; line-height: 0.901em;}.actus .currencyIndicator {margin: 5px 0px 0px 6px;}.actus .updatePreferences .dijitInputField .dijitSelectLabel {padding-top: 10px;}.actus .updatePreferences .dijitButtonContents .dijitButtonText {height: 38px; border: 1px solid #D2D2D2; background: #FFFFFF; position: relative; border-radius: 3px;}.actus dl dt,.actus dl dd {line-height: 1.75em; width: 385px;} .actus dl dt.formSpacer, .actus dl dd.formSpacer {padding-top: 2px;} .actus dl dt.hlNormal, .actus dl dd.hlNormal {line-height: normal;}.actus dl dt.formSpacer {clear: left;}.actus dl dt strong:after {content: ": ";}.actus dl dd {width: auto;}.dj_ie8 .actus .shadow,.dj_ie8 .actus .dijitCalendar {border: 1px solid #a2a4b2;}.dj_ie8 .actus .menubar-wrapper {border-bottom: 1px solid #d2d2d2;}.dj_ie8 .actus .instructionsExpanded,.dj_ie9 .actus .instructionsExpanded {top: 12px;}.dj_ie8 .actus .iconButton {line-height: 32px;}.dj_ie8 .actus .iconButton.noIcon {line-height: 30px;}.dj_ie8 .actus .send span.icon,.dj_ie8 .actus .transfer span.icon,.dj_ie8 .actus .print span.icon {line-height: 18px;}.dj_ie8 .actus .list span.icon {background-position: right -1551px;}.dj_ie8 .actus .arrow span.icon {background-position: right -274px;}.dj_ie8 .actus .send span.icon {background-position: right -319px;}.dj_ie8 .actus .transfer span.icon {background-position: right -339px;}.dj_ie8 .actus .print span.icon {background-position: right -1029px;}.dj_ie .actus .iconSolo span.icon {display: block; position: relative; top: 7px;}.dj_ie8 .actus .currencyContainer {background-color: none; height: 19px;}.dj_ie8 .actus .stages span.icon span {display: none;}.dj_ie8 .actus .stage3 span.icon span {display: none;}.dashDivider {float: left; padding: 14px 4px;}.actus span.icon,.actus a.icon,.actus .borderedIcon .dijitIcon,.actus .footerTopLine ul li,.actus .masthead .accountDropdown .dijitArrowButtonInner,.actus .masthead .countryDropdown .dijitArrowButtonInner,.actus .masthead .languageDropdown .dijitArrowButtonInner,.actus .masthead .messagesNav .dijitArrowButtonInner,.actus .link1,.actus .dijitAccordionTitle .arrowIcon,.actus .dijitAccordionTitleSelected .arrowIcon,.actus .dijitOpen .arrowIcon,.actus .dijitTitlePane ul li .arrowIcon,.actus .megaDropdown .dijitArrowButtonContainer input.dijitArrowButtonInner,.actus .dijitComboBoxMenuPopup .dijitComboBoxMenu .favourite,.actus .panelInset .messages h2 span.icon span.symbol,.actus .panelInset table th a.arrowSort,.actus .dgrid-sort-arrow,.actus .hdxFormSubsetValidationError .dijitValidationContainer,.actus .dijitValidationTextBox.dijitValidationTextBoxError .dijitValidationContainer,.actus .appendix .plusIcon,.actus .formPanel2 .inputContainer input[type=submit],.actus .gridx .gridxArrowButtonChar,.actus .gridx th,.actus .sortableHeader,.actus .formPanel .expandablePanel .parentTitlePane h4.completed,.actus .updatePreferences .dijitArrowButtonContainer input.dijitArrowButtonInner,.actus .primaryAccordion ul li,.actus .dijitAccordionContainer ul li.selected .arrowIcon,.actus .masthead .messagesNav .dijitArrowButtonChar,.actus .messageIcon,.actus .contextMenu .contextMenuBtn span,.actus .filterIcon.showHideTitle span .dijitButtonText,.tabordion-col-header,.termsAndConditions.invalid label.labeledCheckbox {background: url("../../images/icons/std-icons.png") no-repeat; background-position: -6px -208px;}.actus .swap span.icon,.actus .instructionsExpanded ol,.actus h2.stages span.icon, .stage span.icon {background: url("../../images/icons/std-icons-wide.png") no-repeat scroll 0 0 transparent;}.actus h2.stages span.icon {position: absolute; top: 0; right: 0;}.actus h2.stage2 span.icon {background-position: 0 -30px;}.actus h2.stage3 span.icon {background-position: 0 -60px;}.actus h2.stages span.icon,.actus .stage span.icon {width: 115px; height: 20px;}.actus span.icon,.actus a.icon {display: inline-block; width: 10px; height: 9px;}.actus .panelInset p.quote span.icon {background-position: 0 -690px; width: 32px; height: 26px; position: absolute; left: 0; top: 2px;}.actus .iconLink {display: inline-block; height: 30px;}.actus .edit span.icon,.actus .delete span.icon {width: 20px; height: 20px; cursor: pointer;}.actus .edit span.icon {background-position: 1px -1570px;}.actus .delete span.icon {background-position: 3px -1227px;}.actus .iconButton:hover,.actus .iconButton:hover span {text-decoration: none;}.actus span.search .dijitIcon {background-position: -1px -400px; width: 19px; height: 19px;}.actus .accountHeading ul.links li a {background: url("../../images/icons/std-icons.png") no-repeat scroll right -1534px; display: block; padding-right: 29px;}.check {background: url("../../images/icons/loader-icon.gif") no-repeat center center; height: 32px; overflow: hidden; position: absolute; right: 2px; text-indent: -999px; top: 4px; width: 32px; z-index: 2;}.valid {background: url("../../images/icons/valid-icon.gif") no-repeat center center;}.actus #accountManagementPanel .accountDetails .link1,.actus .accountManagementPanel .accountDetails .link1 {background-image: url("../../images/icons/list_chevron.png"); background-position: right 4px; font-size: 14px;}.actus .messageIcon {background-position: 0 -2427px; display: inline-block; height: 17px; margin: 0 10px -3px 0; width: 25px;}.actus .infoIcon {display: inline-block; width: 18px; margin: 0 0 0 5px; position: relative; bottom: -2px;} .actus .infoIcon span.icon {display: inline-block; background-position: 0 -2204px; width: 18px; height: 18px; background-color: #999999; border-radius: 30px;} .actus .infoIcon span.icon:focus {border-radius: 11px; border: 2px solid #000; width: 14px; height: 14px; background-position: -2px -2206px;} .dj_ie8 .actus .infoIcon span.icon:focus {border: 0; width: 18px; height: 18px; background-position: 0 -2799px;}.actus .arrow {padding-right: 10px;} .actus .arrow span.icon {background-position: right -279px; padding-right: 15px;}.actus .question {margin-top: 1px; display: inline-block; height: 39px; padding-top: 0px;} .actus .question span.icon {display: block; background-position: 0 -1640px; width: 17px; height: 33px;}.actus .lockIcon span.icon {background-position: 0 -2340px; height: 20px; width: 15px; margin-left: 3px;}.actus .pinButton1 span.icon {background-position: 3px -1375px; height: 17px; width: 22px; margin-bottom: -3px; text-indent: -9999px;}.actus .pinButton2 span.icon {background-position: 3px -1400px; height: 17px; width: 22px; margin-bottom: -3px;}.actus .filterIcon.showHideTitle {margin-bottom: 18px; border: 1px solid #D2D2D2; padding: 10px 0 6px 11px; background: none; filter: none; position: absolute; top: 0; left: 0; -moz-border-radius: 2px; -o-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; min-height: 19px;} .actus .filterIcon.showHideTitle.dijitToggleButtonFocused {border: 1px solid #000;} .actus .filterIcon.showHideTitle:hover {background: none;} .actus .filterIcon.showHideTitle:hover span.dijitButtonText, .actus .filterIcon.showHideTitle:hover span.icon {background-position: 106% -2518px; color: #333333;} .dj_ie8 .actus .filterIcon.showHideTitle {background-image: none;} .actus .filterIcon.showHideTitle.open {margin-bottom: 0; padding-bottom: 16px; z-index: 11; background-color: #fff; -moz-border-radius: 2px 2px 0 0; -o-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; background-image: none; border-bottom: none;} .dj_ie8 .actus .filterIcon.showHideTitle.open {padding-bottom: 12px;} .actus .filterIcon.showHideTitle span.icon, .actus .filterIcon.showHideTitle span .dijitButtonText {background-position: 106% -2494px; padding: 2px 32px 2px 0;} .actus .filterIcon.showHideTitle:hover span.icon, .actus .filterIcon.showHideTitle.dijitFocused span .dijitButtonText, .actus .filterIcon.showHideTitle.open span .dijitButtonText {background-position: 106% -2518px;} .dj_ie8 .actus .filterIcon.showHideTitle:hover, .dj_ie9 .actus .filterIcon.showHideTitle:hover, .dj_ie8 .actus .filterIcon.showHideTitle:focus, .dj_ie9 .actus .filterIcon.showHideTitle:focus, .dj_ie8 .actus .filterIcon.showHideTitle.dijitButtonHover, .dj_ie9 .actus .filterIcon.showHideTitle.dijitButtonHover, .dj_ie8 .actus .filterIcon.showHideTitle.dijitButtonFocused, .dj_ie9 .actus .filterIcon.showHideTitle.dijitButtonFocused, .dj_ie8 .actus .filterIcon.showHideTitle.dijitButtonActiveFocused, .dj_ie9 .actus .filterIcon.showHideTitle.dijitButtonActiveFocused {filter: none; background: transparent;}.dj_ie8 .actus .filterIcon.dijitToggleButton {padding-top: 2px; padding-bottom: 2px;}.actus .filterIcon.dijitToggleButton .dijitButtonText {padding: 2px 32px 2px 0;}.tabordion-col-header {background-position: 100% -1207px; padding-right: 38px;} .tabordion-col-header.uparrow {background-position: 100% -1195px;}.actus .termsAndConditions label.labeledCheckbox {height: 20px; line-height: 1.2em;}.actus .termsAndConditions.invalid label.labeledCheckbox {background-position: right -2823px; padding-right: 40px;}form input[type='number']::-webkit-outer-spin-button,form input[type='number']::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}.actus button,.actus input[type="button"],.actus input[type="submit"] {cursor: pointer; outline: 0;}.actus button:focus,.actus button:active {outline: 0; border: 0;}.actus button::-moz-focus-inner {outline: 0; border: 0;}.actus .formSection {display: none;} .actus .formSection.active {display: block;}.actus .formSectionHeader {overflow: hidden; background: #d2d2d2; padding: 10px; margin-bottom: 10px;} .actus .formSectionHeader h3 {float: left;}.actus .formSpacer ul.context {width: 380px; float: left;}.actus .formSpacer .smallInputList.doubleCol {width: 365px;}.actus .formSpacer a.question {margin-left: 5px;}.actus .formSpacer li.contextWidth {width: 380px;} .actus .formSpacer li.contextWidth .btnCalculate {margin-top: 1px;} .actus .formSpacer li.contextWidth span.wrap {width: 240px;} .actus .formSpacer li.contextWidth span.wrap span {padding: 1px 0; display: inline-block;} .actus .formSpacer li.contextWidth .calculatedRate {margin-top: 2px;}.actus .formSpacer hr {margin-right: 17px;}.actus .valueLabel {color: #333; float: left; font: 1.33em "UniversNextforHSBC-Medium", Arial, sans-serif; margin: 11px 10px 0 0; width: 360px;} .actus .valueLabel.twoLine {margin-top: 0;}.actus .hashPrefix:before {content: "#";}.actus .dijitInputContainer {overflow: hidden; position: relative;}.actus .dijitPlaceHolder {color: #767676; position: absolute; font-size: 1em; top: 11px; left: 8px;}.actus .smallInputList {float: left; width: 300px; margin-top: 11px;} .actus .smallInputList li, .actus .smallInputList .column {padding-bottom: 10px; overflow: hidden;} .actus .smallInputList label {float: left; width: 260px; margin: 2px 0 0;} .actus .smallInputList label:after {content: none;} .actus .smallInputList.doubleCol {width: 365px;} .actus .smallInputList.doubleCol.downloadAu {width: 494px;} .actus .smallInputList.doubleCol li, .actus .smallInputList.doubleCol .column {width: auto;}.actus form .inputWithLabelContainer {height: 38px; border: 1px solid #D2D2D2; background: #FFFFFF; position: relative;} .actus form .inputWithLabelContainer input.dijitInputInner {border: none;}.actus .inlineForm .selectDropDown .dijitInline {font-size: 1.333em;}.actus .submitSingleButtonsPanel {background: #F2F3F4; padding: 27px 27px; text-align: center;}.actus .expandablePanel .dijitTabContainerTop-dijitContentPane {padding-top: 17px;} .actus .expandablePanel .dijitTabContainerTop-dijitContentPane .intro {padding: 20px 27px 0px 143px;}.actus .systemError {border: 1px solid #DA311F; padding: 18px 18px 18px 68px; margin: 10px 0px 10px 0px; font-size: 16px; line-height: 22px; background: url("../../images/icons/system-error-indicator.png") 10px 10px no-repeat;} .actus .systemError .btnSecondary {margin-top: 20px;}.actus .hdxFormError .hdxErrorMessageContainer {width: 547px; color: #DA311F; font-size: 1.167em; top: 12px; left: 19px;}.actus .dijitTabContainer .hdxFormError .hdxErrorMessageContainer {top: -20px;}.actus form .hdxFormSubsetValidationError .dijitValidationContainer {background: url("../../images/icons/validationError.png") no-repeat scroll 0 0 transparent; display: block; height: 38px; position: absolute; right: 1px; top: 1px; width: 38px; z-index: 1;}.actus form .simpleComboBox .dijitValidationContainer {right: 41px;}.actus form .dijitValidationContainer .dijitValidationIcon {display: none;}.actus .formSpacer label.categorisation {width: 143px;}div#TextBoxResizeTo input,div#TextBoxResizeFrom input {width: 78px; height: 38px;}.actus .dijitButtonNode,.actus .dijitButtonNode * {cursor: pointer;}.dijitDisabled * {opacity: 0.8; cursor: default !important;}.dijitTextBoxEmpty .inputPlaceholder {display: block;}.actus .dgrid-row-even {background-color: #E6E6E6;}.dj_ie8 .actus .inlineForm table.selectDropDown {width: 174px;}.actus .formPanel {position: relative; padding: 5px 0 0 0;} .actus .formPanel.noBorder {border: 0;} .actus .formPanel .formTextBlock {clear: right; float: left; width: 364px;} .actus .formPanel fieldset, .actus .formPanel .fieldset {border: none; padding: 0 17px 17px; border-bottom: 1px solid #D2D2D2;} .actus .formPanel fieldset .sectionedHeader, .actus .formPanel .fieldset .sectionedHeader {margin-left: 0;} .actus .formPanel fieldset.single, .actus .formPanel .fieldset.single {padding: 0px; border: none;} .actus .formPanel .formRow {padding: 0;} .actus .formPanel .formSpacer {padding: 0 0 17px 0; position: relative;} .actus .formPanel .formSpacer:after {clear: both; content: ""; display: block; visibility: hidden; zoom: 1;} .actus .formPanel .formSpacer li p.rate {margin-right: 45px;} .actus .formPanel .ajaxLoader {display: none;} .actus .formPanel label, .actus .formPanel .externalLabel {color: #333; float: left; font: 1.33em "UniversNextforHSBC-Medium", Arial, sans-serif; margin: 11px 14px 0 0; width: 172px; position: relative;} .actus .formPanel label.twoLine, .actus .formPanel .externalLabel.twoLine {margin-top: 0;} .actus .formPanel label .wSpan, .actus .formPanel .externalLabel .wSpan {font: "UniversNextforHSBC-Medium", Arial, sans-serif;} .actus .formPanel label span, .actus .formPanel .externalLabel span {font-family: "UniversNextforHSBC-medium", Arial, sans-serif;} .actus .formPanel label .infoIcon span.icon, .actus .formPanel .externalLabel .infoIcon span.icon {margin-top: -5px; margin-bottom: -2px;} .actus .formPanel .labelWrapper {margin-right: 12px;} .actus .formPanel .labelWrapper label {width: 220px; float: none; margin: 0; height: 40px; display: table-cell; vertical-align: middle;} .actus .formPanel label.wSpan:after {content: none;} .actus .formPanel label .wSpan + .fontSmall {display: inline-block;} .actus .formPanel .sDef {display: inline-block; padding: 2px 8px 1px 0px;} .actus .formPanel .searchCriteriaDiv input.dijitInputInner {width: 105px;} .actus .formPanel span.inputLabelInner {background: #767676; display: inline-block; float: left; margin: 0; color: white; font-size: 1em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 0; min-width: 36px; line-height: 18px; text-align: center;} .actus .formPanel .expandablePanel {width: 516px; margin: 0 0 24px 0; position: relative;} .actus .formPanel .expandablePanel fieldset.first {padding-bottom: 10px;} .actus .formPanel .expandablePanel h3 {position: absolute; top: 8px; left: 136px; font-size: 1.5em; color: #333; margin: 0 0 22px 0;} .actus .formPanel .expandablePanel label {width: 114px;} .actus .formPanel .expandablePanel .expandablePanel {width: 494px;} .actus .formPanel .expandablePanel .expandablePanel .dijitClosed, .actus .formPanel .expandablePanel .expandablePanel .dijitFixedClosed {padding: 0px;} .actus .formPanel .expandablePanel .noLabel {margin-left: 125px;} .actus .formPanel .expandablePanel .dijitTitlePane .dijitArrowNode {display: none;} .actus .formPanel .expandablePanel .dijitTitlePane .dijitArrowNodeInner {display: inline-block; position: absolute; right: 7px; top: 8px; font-size: 1.5em; color: #333; font-weight: bold; font-family: "UniversNextforHSBC-Bold", Arial, sans-serif;} .actus .formPanel .expandablePanel .dijitTitlePane .dijitOpen .dijitArrowNodeInner {top: 2px; font-size: 2.5em;} .actus .formPanel .expandablePanel .dijitTitlePaneTitleFocus {text-align: center; width: 80px; padding: 12px 0; height: 5px; margin: 0; float: right;} .actus .formPanel .expandablePanel .subTitlePaneWrap {position: relative;} .actus .formPanel .expandablePanel .subTitlePane.first {border-bottom: 1px solid #d2d2d2;} .actus .formPanel .expandablePanel .subTitlePane .dijitArrowNodeInner, .actus .formPanel .expandablePanel .subTitlePane .dijitTitlePaneTextNode {display: none;} .actus .formPanel .expandablePanel .subTitlePane .dijitTitlePaneTitleFocus, .actus .formPanel .expandablePanel .subTitlePane .dijitOpen .dijitTitlePaneTitleFocus {padding: 0; height: auto;} .actus .formPanel .expandablePanel .subTitlePane .dijitTitlePaneTitle {padding: 15px 0 0;} .actus .formPanel .expandablePanel .subTitlePane .dijitClosed, .actus .formPanel .expandablePanel .subTitlePane .dijitFixedClosed {padding-bottom: 15px;} .actus .formPanel .expandablePanel.cForm h3 {top: 23px;} .actus .formPanel .expandablePanel.cForm .subTitlePane .dijitTitlePaneTitle {height: 10px;} .actus .formPanel .expandablePanel.cForm .dijitTitlePaneTitle {height: 50px;} .actus .formPanel .expandablePanel.cForm .dijitTitlePane .dijitArrowNodeInner {display: none;} .actus .formPanel .expandablePanel.cForm .dijitTitlePaneTitleFocus {width: auto; background: transparent;} .actus .formPanel .expandablePanel .completed .subTitlePane .dijitTitlePaneTextNode {display: block;} .actus .formPanel .expandablePanel .dijitTitlePaneContentInner {padding: 20px 12px;} .actus .formPanel .expandablePanel .parentTitlePane .dijitTitlePaneContentInner {padding: 10px 12px;} .actus .formPanel .expandablePanel .parentTitlePane .subTitlePane .dijitTitlePaneContentInner {padding: 0px;} .actus .formPanel .expandablePanel .parentTitlePane h4 {position: absolute; top: 9px; left: 2px; width: 37%; height: 22px; line-height: 24px;} .actus .formPanel .expandablePanel .parentTitlePane h4.completed {background-position: right -119px;} .actus .formPanel .expandablePanel .parentTitlePane .dijitTabContainer h4 {position: static; padding-bottom: 10px;} .actus .formPanel .expandablePanel .dijitTitlePaneContentOuter, .actus .formPanel .expandablePanel .dijitOpen .dijitTitlePaneTitleFocus {background: #F2F3F4;} .actus .formPanel .expandablePanel .dijitTitlePaneTitle {background: none; border: none; padding: 0; height: 29px;} .actus .formPanel .expandablePanel .hdxNoTitle .dijitOpen {display: none;} .actus .formPanel .expandablePanel .buttonPanel {margin-left: 124px; position: relative;} .dj_ie8 .actus .formPanel .expandablePanel .selectDropDown .dijitButtonContents, .dj_ie8 .actus .formPanel .expandablePanel .selectDropDown .dijitInline {width: 287px;} .actus .formPanel .formSet .dijitTitlePaneTitle {display: none;} .actus .formPanel .formSet .dijitTitlePane ul li {border: none;} .actus .formPanel .formSet .dijitTitlePane ul li:hover {background: transparent;} .actus .formPanel .formSet .formSetPointer {width: 0; height: 0; text-indent: -9999px; border-right: 12px solid transparent; border-bottom: 12px solid #F2F3F5; border-left: 12px solid transparent; border-top-color: transparent; position: relative; top: 0;} .actus .formPanel .formSet .pos1 {left: 232px;} .actus .formPanel .formSet .pos2 {left: 315px;} .actus .formPanel .formSet .externalLabel .rubric {display: block; margin-top: 50px; color: #767676; font-size: 14px;} .actus .formPanel .formSet fieldset {padding: 10px 20px 0;} .actus .formPanel .formSet fieldset.first {border-bottom: 1px solid #FFFFFF; border-top: none;} .actus .formPanel .formSet fieldset.last {border-top: 1px solid #D2D2D2; border-bottom: none;} .actus .formPanel .formSetPane {width: 370px; background: #F2F3F5; padding: 10px 0 10px 20px;} .actus .formPanel .formSetPane.noPadding {padding: 0;} .actus .formPanel .formSetPane input {width: 122px;} .actus .formPanel .officeNumber .officeNumber1.phoneField, .actus .formPanel .collapsible .formSpacer.officeNumber .officeNumber1.phoneField {float: left; width: 240px;} .actus .formPanel .officeNumber .officeNumber2, .actus .formPanel .collapsible .formSpacer.officeNumber .officeNumber2 {float: left; margin-left: 15px} .actus .formPanel .officeNumber .officeNumber2 label, .actus .formPanel .officeNumber .officeNumber2 .externalLabel, .actus .formPanel .collapsible .formSpacer.officeNumber .officeNumber2 label, .actus .formPanel .collapsible .formSpacer.officeNumber .officeNumber2 .externalLabel {width: auto; float: left;} .actus .formPanel .officeNumber .officeNumber2 .dijitTextBox .dijitInputInner, .actus .formPanel .collapsible .formSpacer.officeNumber .officeNumber2 .dijitTextBox .dijitInputInner {width: 79px; padding: 0 10px;} .actus .formPanel .termInputs label, .actus .formPanel .collapsible .formSpacer .termInputs label {padding-left: 20px; width: auto;} .actus .formPanel .termInputs label:first-child, .actus .formPanel .collapsible .formSpacer .termInputs label:first-child {padding-left: 0;} .actus .formPanel .termInputs .termInput.dijitTextBox, .actus .formPanel .collapsible .formSpacer .termInputs .termInput.dijitTextBox {float: left;} .actus .formPanel .termInputs .termInput.dijitTextBox .dijitInputInner, .actus .formPanel .collapsible .formSpacer .termInputs .termInput.dijitTextBox .dijitInputInner {width: 40px;}.actus .formIndentColumn {margin-left: 186px;}.actus .formPanel fieldset.tbP30,.actus .formPanel .fieldset.tbP30 {padding: 30px;}.actus .dijitTabContainer .formPanel {padding: 0;}.actus .termDepositPanel .formPanel {padding: 10px;}.actus .tabbedCol .formPanel {border: none; height: auto;}.actus form.formPanel .formSectionHeader button {float: right; margin: 0; display: none;}.actus form.formPanel .formSectionHeader.complete.closed button {display: block;}.actus .panelNarrow .formPanel .inputWithLabelContainer input {width: 105px;}.actus .formPanel2 .inputWithLabelContainer {border-radius: 2px; width: 215px;} .actus .formPanel2 .inputWithLabelContainer input.dijitInputInner {width: 157px;}.actus .formPanel2 .inputContainer input[type=submit] {position: absolute; top: 8px; right: 1px; height: 23px; width: 40px; background-color: transparent; background-position: 14px -397px; cursor: pointer; color: transparent;} .actus .formPanel2 .inputContainer input[type=submit].icon {text-indent: -9999px;}.actus .formPanel .itemList .formSpacer .itemLabel, .actus .formPanel .itemList .formSpacer .itemValue {font-size: 1.333em; padding-bottom: 0;}.actus .formPanel .primaryAccordion .dijitTitlePaneContentOuter {padding-bottom: 0;}.actus .formPanel .primaryAccordion .formSpacer, .actus .formPanel .primaryAccordion .submitButtonsPanel {background: none;}.actus .formPanel .primaryAccordion label, .actus .formPanel .primaryAccordion .externalLabel, .actus .formPanel .primaryAccordion .labelContainer, .actus .formPanel .primaryAccordion .itemLabel {width: 139px; margin-right: 0;}.actus .formPanel .primaryAccordion .labelContainer label, .actus .formPanel .primaryAccordion .labelContainer .externalLabel {width: auto; padding-right: 24px; max-width: 115px;}.actus .formPanel .primaryAccordion .labelContainer label, .actus .formPanel .primaryAccordion .labelContainer .externalLabel, .actus .formPanel .primaryAccordion .labelContainer .infoIcon {display: inline-block;}.actus .formPanel .primaryAccordion .submitButtonsPanel {padding-left: 154px; padding-bottom: 18px; margin-top: 0; margin-bottom: 0;}.actus .formPanel .primaryAccordion .buttonRow {margin-bottom: -10px; padding: 10px 0 0 154px;}.actus div.payeeBlobExt01 .formPanel {padding: 17px 16px;}.dj_ie8 .actus .formPanel span.inputLabelInner {margin-top: 11px;}.dj_ie8 .actus .formPanel .expandablePanel .dijitTitlePaneTitle {filter: none;}.dj_ie8 .actus .formPanel span.inputLabelInner {margin-top: 10px; padding: 4px 0 6px;}.dj_ie9 .actus .formPanel .expandablePanel .dijitTitlePaneTitle {filter: none;}.actus .labelContainer {float: left; width: 173px; margin: 11px 13px 0 0; position: relative;} .actus .labelContainer label, .actus .labelContainer .externalLabel {margin: 0; width: auto; position: static; float: none; display: inline-block; max-width: 152px;} .actus .labelContainer .infoIcon {float: none; margin: 0; display: inline-block; vertical-align: top; position: static; top: auto; bottom: auto; margin-left:8px;}.actus .submitButtonsPanel {background: #F2F3F4; padding: 25px 0 13px 203px;} .actus .submitButtonsPanel .btnPrimary, .actus .submitButtonsPanel .btnSecondary, .actus .submitButtonsPanel .btnTertiary {margin-bottom: 12px; margin-top: 0; margin-right: 10px;} .actus .submitButtonsPanel .btnTertiary {padding: 11px 14px;} .dj_ie8 .actus .submitButtonsPanel .btnTertiary, .dj_ie9 .actus .submitButtonsPanel .btnTertiary {background: #f2f2f2 url("../../images/gradients/std-gradients.png") repeat-x 0 -1390px;} .dj_ie8 .actus .submitButtonsPanel .btnTertiary:hover, .dj_ie9 .actus .submitButtonsPanel .btnTertiary:hover, .dj_ie8 .actus .submitButtonsPanel .btnTertiary:focus, .dj_ie9 .actus .submitButtonsPanel .btnTertiary:focus, .dj_ie8 .actus .submitButtonsPanel .btnTertiary.dijitButtonHover, .dj_ie9 .actus .submitButtonsPanel .btnTertiary.dijitButtonHover, .dj_ie8 .actus .submitButtonsPanel .btnTertiary.dijitButtonFocused, .dj_ie9 .actus .submitButtonsPanel .btnTertiary.dijitButtonFocused, .dj_ie8 .actus .submitButtonsPanel .btnTertiary.dijitButtonActiveFocused, .dj_ie9 .actus .submitButtonsPanel .btnTertiary.dijitButtonActiveFocused {background: white url("../../images/gradients/std-gradients.png") repeat-x 0 -1520px;} .actus .submitButtonsPanel input.btnPrimary, .actus .submitButtonsPanel input.btnSecondary, .actus .submitButtonsPanel input.btnTertiary {vertical-align: top;} .actus .submitButtonsPanel label.labeledCheckbox.terms {width: 310px;} .actus .submitButtonsPanel label.labeledCheckbox.terms span {word-wrap:break-word; width: auto;} .actus .submitButtonsPanel div.submitBtns {margin: 0px auto; padding: 27px 0px; width: 100%; text-align: center;}.actus .submitButtonsPanel.termsRow,.actus .clearfix .panel .formPanel .submitButtonsPanel.termsRow {padding: 25px 0 13px; text-align: center} .actus .submitButtonsPanel.termsRow .acceptTermsRow {text-align: center} .actus .submitButtonsPanel.termsRow .acceptTermsRow .terms {display: inline-block}.actus #application {padding-top:0px;}.main-content-wrapper {margin: 0 auto 50px auto; padding: 12px 0 10px 0; text-align: center; width: 940px;} .main-content-wrapper .col .row {margin-top: 10px; margin-bottom: 20px;} .main-content-wrapper .col .row.rowStyle00 {margin: 0;} .main-content-wrapper .col1 {width: 320px; padding: 0;} .main-content-wrapper .col1 .row:first-child {margin-top: 0;} .main-content-wrapper .col1.dijitContentPane {width: 300px; padding: 0; margin-bottom: 20px;} .main-content-wrapper .col2 {width: 620px;} .main-content-wrapper .col2 .row:first-child {margin-top: 0px;} .main-content-wrapper .col3 {width: 468px; padding: 0 3px;} .main-content-wrapper .buttonRow {padding-left: 150px;} .main-content-wrapper h1 {line-height: 1.4em; margin: 0;} .main-content-wrapper h1:after {clear: both; content: ""; display: block; visibility: hidden; zoom: 1;} .main-content-wrapper h1 .title {clear: both; display: block; font: 1em "UniversNextforHSBC-Medium", Arial, sans-serif; letter-spacing: -0.05em; padding-bottom: 9px; -webkit-font-smoothing: antialiased; white-space: nowrap;} .main-content-wrapper .row h1 {float: left; padding-bottom: 0.1em;} .main-content-wrapper .row .log {float: right; padding-top: 0.4em; margin: 0;} .main-content-wrapper .log {display: block; margin: 0 0 3px; color: #000; font: 1em "UniversNextforHSBC-Regular", Arial, sans-serif;} .main-content-wrapper .log a {background: url("../../images/icons/red-chevron.png") 0 1px no-repeat; display: inline-block; padding-left: 11px;} .main-content-wrapper .bgGrey {background: #F7F7F7;} .main-content-wrapper .fr {float: right;} .main-content-wrapper .fl {float: left;} .main-content-wrapper .last {margin-right: 0;}.actus .mBtn {margin-left: 10px;} .actus .mBtn:first-child {margin-right: 0;}.actus .mb10 {margin-bottom: 10px;}.actus .indentColumn {margin-left: 203px;}.actus .panelInset .panelContent.noPadding,.actus .noPadding {padding: 0;}.actus .addCountryForm {padding-bottom: 20px;} .actus .addCountryForm .dijitTextBox {width: 373px;} .actus .addCountryForm .dijitTextBox .dijitInputInner {width: 312px;} .actus .addCountryForm .btnSecondary {border-radius: 3px; font-size: 131.25%; margin: 1px 0 0 13px; padding: 7px 11px;}.actus .alertPanel {border: 1px solid #d7d7d7; border-radius: 3px; padding-left: 38px; margin-bottom: 16px; overflow: hidden;} .actus .alertPanel p, .actus .alertPanel div {display: block; background: #fff; line-height: 20px; padding: 9px 10px 7px 12px; font-size: 125%; font-weight: bold; font-family: "UniversNextforHSBC-Bold", Arial, sans-serif; overflow: auto;} .actus .alertPanel.confirmation {background: #008580 url("../../images/icons/alert-panel-success.gif") 0 center no-repeat; border-color: #008580;} .actus .alertPanel.error {background: url("../../images/icons/alert-panel-error_new.gif") no-repeat scroll 0 center #840004; border-color: #840004;} .actus .alertPanel.warning {background: url("../../images/icons/alert-panel-warning.gif") no-repeat scroll 0 center #E28420; border-color: #E28420;} .actus .alertPanel.info{background: #E6E6E6 url("../../images/icons/alert-panel-info_new.gif") 0 center no-repeat; border-color: #d2d2d2;} .actus .alertPanel.marketing {padding: 6px;} .actus .alertPanel.marketing p {font-family: "UniversNextforHSBC-Regular", Arial, sans-serif; font-weight: normal; padding-bottom: 12px;} .actus .alertPanel.withButton p {min-height: 42px;} .actus .alertPanel.withButton span {display: inline-block; line-height: 1.3em; width: 74%;} .actus .alertPanel.withButton a {font-size: 1em;} .actus .alertPanel .alertPanelInner {background: #fff; padding: 9px 10px 7px 12px;} .actus .alertPanel .alertPanelInner .alertPanelTitle {font-size: 1.25em; font-weight: bold; font-family: "UniversNextforHSBC-Bold", Arial, sans-serif; padding-bottom: 10px;} .actus .alertPanel .alertPanelInner p {padding-top: 0; padding-left: 0; padding-right: 0;} .actus .alertPanel.alertPanelbtnCenter .alertPanelInner {text-align: center; padding: 18px;} .actus .alertPanel.alertPanelbtnCenter p {font-family: "UniversNextforHSBC-Regular", Arial, sans-serif; font-weight: normal; margin-bottom: 12px;}.actus .dijitDialog .alertPanel {margin-bottom: 0;} .actus .dijitDialog .alertPanel .alertPanelInner .alertPanelTitle {font-size: 1.875em; font-weight: normal; font-family: "UniversNextforHSBC-Medium", Arial, sans-serif; padding-bottom: 12px;} .actus .dijitDialog .alertPanel .alertPanelInner p {font-size: 1.3em; margin-bottom: 5px; line-height: 19px;}.actus .availableBalance {padding: 7px 0 5px 186px;} .actus .availableBalance p {color: #666; word-wrap: normal;}.actus .standardContentWrapper .availableBalance p {font-size: 1em; line-height: inherit; padding-bottom: 0;}.actus .moveMoney .availableBalance {padding-top: 0px;}.actus .callUs {background: url("../../images/icons/phone.png") 0 0 no-repeat; padding-left: 28px;} .actus .callUs h3 {color: #333; font: 1.1875em "UniversNextforHSBC-Medium", Arial, sans-serif;} .actus .callUs p {color: #767676; font: 1.0625em "UniversNextforHSBC-Medium", Arial, sans-serif;}.actus .checkListColumns:after {clear: both; content: ""; display: block; height: 1%; visibility: hidden;}.actus .checkListColumns .column {float: left; width: 195px;} .actus .checkListColumns .column .item:first-child {padding-top: 0;} .actus .checkListColumns .column .item:last-child {padding-bottom: 0;}.actus .checkListColumns .item {clear: both; padding: 5px 0 10px;} .actus .checkListColumns .item:after {clear: both; content: ""; display: block; height: 1%; visibility: hidden;}.actus .checkListColumns .dijitCheckBox {float: left;} .actus .checkListColumns .dijitCheckBox.checkBoxStyle02 {background-color: #FFF;}.actus .checkListColumns label {float: left; font-size: 1em; padding: 4px 2px; width: 166px;}.actus .checkListColumns hr {padding-top: 10px; margin-bottom: 11px;}.actus .choosePreferences {border: 1px solid #d2d2d2; margin-bottom: 34px; padding: 19px;} .actus .choosePreferences h2 {font: 1.25em "UniversNextforHSBC-Bold", Arial, sans-serif;}.actus .confirmationAccDetails {border-bottom: 1px solid #d2d2d2; padding: 22px 0 11px;} .actus .confirmationAccDetails h2 {font-size: 100%; font-weight: bold; font-family: "UniversNextforHSBC-Bold", Arial, sans-serif; padding-bottom: 4px;} .actus .confirmationAccDetails p {padding-bottom: 11px;}.actus .confirmationDetails {border-bottom: 1px solid #d2d2d2; padding: 22px 0 20px 0; font-size: 1em;} .actus .confirmationDetails dl:after {clear: both; content: ""; display: block; height: 1%; visibility: hidden;} .actus .confirmationDetails .row {margin: 0;} .actus .confirmationDetails dt, .actus .confirmationDetails .itemLabel {clear: left; float: left; line-height: 19px; padding: 0 14px 19px 0; width: 171px;} .actus .confirmationDetails dd, .actus .confirmationDetails .itemValue {float: left; font-weight: bold; font-family: "UniversNextforHSBC-Bold", Arial, sans-serif; width: 365px; line-height: 19px; word-wrap: break-word;} .actus .confirmationDetails dd .currencyType, .actus .confirmationDetails .itemValue .currencyType {font-size: 0.909em; min-width: 0; padding: 0 5px; margin-right: 6px;} .actus .confirmationDetails dd .currencyTypeStyle2, .actus .confirmationDetails .itemValue .currencyTypeStyle2 {margin: 0 0 2px;}.actus .confirmationLegal {padding: 24px 0 32px 0;} .actus .confirmationLegal h2, .actus .confirmationLegal h3, .actus .confirmationLegal h4 {font-size: 100%; font-family: "UniversNextforHSBC-Medium", Arial, sans-serif; padding-bottom: 3px;} .actus .confirmationLegal h3 {font-size: 1.1em;} .actus .confirmationLegal p {color: #666666; font-size: 1.1em; line-height: 18px;}.actus .verificationPage .confirmationLegal h2 {color: #333; font: 1em "UniversNextforHSBC-Medium", Arial, sans-serif; padding-bottom: 3px;}.actus .verificationPage .confirmationLegal p {color: #666666; font-size: 0.9em; line-height: 18px;}.actus .confirmationPage {border: 1px solid #d2d2d2;} .actus .confirmationPage .contentWrapper {padding: 14px 18px;} .actus .confirmationPage .subText {font-size: 0.75em; font-weight: normal;} .actus .confirmationPage .currencyRate {padding-top: 22px; font-size: 0.917em; padding-bottom: 18px; border-bottom: 1px solid #d2d2d2;} .actus .confirmationPage .currencyRate p {font-weight: bold; font-family: "UniversNextforHSBC-Bold", Arial, sans-serif; padding-bottom: 2px;} .actus .confirmationPage .currencyRate p.liveRate {font-weight: normal;} .actus .confirmationPage .currencyRate p.liveRate span {font-weight: bold; font-family: "UniversNextforHSBC-Bold", Arial, sans-serif;} .actus .confirmationPage .btnTertiary {margin: 11px 10px 35px 0;} .actus .confirmationPage .submitButtonsPanel {padding: 30px 18px;} .actus .confirmationPage .submitButtonsPanel .btnTertiary {margin: 0 10px 0 0;}.actus .confirmIntro {border-bottom: 1px solid #d2d2d2;} .actus .confirmIntro p {padding-bottom: 20px; font-size: 125%;}.actus .contentIntroduction {padding: 14px 0 9px;} .actus .contentIntroduction:after {clear: both; content: ""; display: block; height: 1%; visibility: hidden;} .actus .contentIntroduction .col01, .actus .contentIntroduction .col02 {float: left;} .actus .contentIntroduction .col01 {width: 375px;} .actus .contentIntroduction p {font-size: 1.0625em; line-height: 18px;} .actus .contentIntroduction .col02 {text-align: center; width: 175px;} .actus .contentIntroduction .col02 img {margin: 0 auto;}.actus .contentLoaderFooter {background: #dedede; padding: 11px 15px; margin: 15px -15px -15px;} .actus .contentLoaderFooter:after {clear: both; content: ""; display: block; visibility: hidden; zoom: 1;} .actus .contentLoaderFooter a {font-size: 1.0635em;} .actus .contentLoaderFooter .backToTop {float: left;} .actus .contentLoaderFooter .viewMore {background: url("../../images/icons/dropDownArrow.png") right 3px no-repeat; display: block; float: right; padding-right: 15px;}.actus .convertedCurrency {padding: 10px 0 0;} .actus .convertedCurrency p {font-size: 100%; line-height: 16px;} .actus .convertedCurrency .overall {font-size: 125%; font-weight: bold; font-family: "UniversNextforHSBC-Bold", Arial, sans-serif;} .actus .convertedCurrency .rate {font-weight: bold; font-family: "UniversNextforHSBC-Bold", Arial, sans-serif;}.actus .disclaimer h3 {font: 1em "UniversNextforHSBC-Bold", Arial, sans-serif; margin-bottom: 6px;}.actus .disclaimer p {color: #767676;}.actus .disclaimer.last {margin-bottom: 40px;}.actus .verificationPage .disclaimer {padding: 0 17px;}.actus .standardContentWrapper .disclaimer {padding: 15px 0 10px;} .actus .standardContentWrapper .disclaimer h3 {padding: 0;} .actus .standardContentWrapper .disclaimer p {font-size: 1em; line-height: 1.3em;}.actus .errorMsg {padding: 10px 0 5px;} .actus .errorMsg p {color: #db0011; margin: 0; padding: 0;}.actus .interestRatesFigures {float: left; padding-top: 9px; width: 360px; position: relative;} .actus .interestRatesFigures p {color: #333; font-size: 1.25em;} .actus .interestRatesFigures a, .actus .interestRatesFigures p.toolTip {color: #767676; clear: both; text-decoration: underline; cursor: pointer;} .actus .interestRatesFigures a:hover, .actus .interestRatesFigures a:focus, .actus .interestRatesFigures p.toolTip:hover, .actus .interestRatesFigures p.toolTip:focus {color: #db0011;} .actus .interestRatesFigures a:focus, .actus .interestRatesFigures p.toolTip:focus {outline: 1px solid #000;} .actus .interestRatesFigures .toolTip {display: inline-block; margin-top: 8px; font-size: 1em;} .actus .interestRatesFigures.noLabel {margin-left: 186px;} .actus .interestRatesFigures .btnTertiary {margin-top: 8px;}.actus form.moveMoney .interestRatesFigures p {color: #333;}.actus .monthlyTerms {clear: both; float: right; padding: 5px 0 0 0; width: 366px;} .actus .monthlyTerms .term {background: #f2f3f4; float: left; margin-left: 7px; padding: 9px 8px 9px 12px; text-align: center; width: 156px;} .actus .monthlyTerms .term:first-child {margin-left: 0;} .actus .monthlyTerms p {color: #333; font-size: 1.0625em;} .actus .monthlyTerms strong {color: #767676;}.actus .sectionedFooter {border-top: 1px solid #dedede; margin: 15px 18px 0; padding-bottom: 32px;} .actus .sectionedFooter h2 {font-size: 1.0625em; padding: 22px 0 4px;} .actus .sectionedFooter p {color: #767676; font-size: 1em; line-height: 1.5em; padding-bottom: 10px;} .actus .sectionedFooter strong {color: #333;}.actus .sectionedHeader {margin: 15px 18px 0;} .actus .sectionedHeader h2 {font-size: 1.25em; padding-bottom: 21px;} .actus .sectionedHeader p {font-size: 1.13em; line-height: 1.4em; padding-bottom: 10px;}.actus .standaloneContent p {font-size: 125%; line-height: 20px; padding-bottom: 18px;}.actus .standaloneContent ul {padding-bottom: 18px;}.actus .standaloneContent li {font-size: 125%; line-height: 20px;}.actus .standardContentWrapper {border: 1px solid #d2d2d2; border-radius: 3px; padding: 15px;} .actus .standardContentWrapper.noPadding {padding: 0;} .actus .standardContentWrapper h3 {padding: 3px 0 11px;} .actus .standardContentWrapper p {font-size: 125%; line-height: 20px; padding-bottom: 18px;} .actus .standardContentWrapper .standardContentWrapper {padding: 12px;} .actus .standardContentWrapper .formPanel {border: none; padding: 0;} .actus .standardContentWrapper .formPanel fieldset {border: none; padding: 0;} .actus .standardContentWrapper .paddingWrapper {padding: 18px; margin-bottom: 20px;}.actus .steppedList {border-top: 1px solid #767676; padding: 25px 0 2px;} .actus .steppedList:after {clear: both; content: ""; display: block; height: 1%; visibility: hidden;} .actus .steppedList li {display: block; float: left; width: 33%;} .actus .steppedList li strong {clear: both; display: block; font-size: 106.25%; padding: 4px 0 9px;} .actus .steppedList .content {float: left; line-height: 17px; padding-left: 31px; position: relative;} .actus .steppedList .numbering {background: #767676 url("../../images/backgrounds/bg-grey-step.gif") 0 0 no-repeat; color: #FFF; float: left; height: 17px; padding-top: 5px; left: 0; position: absolute; text-align: center; top: 0; width: 21px; padding-right: 1px;}.actus .tAndC fieldset {padding: 25px 0 10px 0;}.actus .tAndC.panelWide2 {overflow: auto;} .actus .tAndC.panelWide2 .subPanel {padding: 30px 0 17px; overflow: auto;} .actus .tAndC.panelWide2 .subPanel label {margin: 0;} .actus .tAndC.panelWide2 .hdxScrollWindow {padding: 0 10px 10px 10px; border: 1px solid #D2D2D2;} .actus .tAndC.panelWide2 .hdxScrollContentPane {width: auto; margin: 16px 16px 16px 0;} .actus .tAndC.panelWide2 div.labeledCheckbox input {left: -9999px;}.actus .textScroller {bottom: 1px solid #eaeaea; -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); display: block; height: 386px; overflow: hidden; width: 545px;} .actus .textScroller .textScrollerInner {padding: 18px 55px 0 18px; height: 385px; overflow: scroll;} .actus .textScroller p {font-size: 1.1875em; line-height: 18px; padding-bottom: 18px;}.actus .threeColumns {padding-top: 1px;} .actus .threeColumns:after {clear: both; content: ""; display: block; height: 1%; visibility: hidden;} .actus .threeColumns .column {float: left; padding-right: 3%; width: 30%;} .actus .threeColumns h3 {font-size: 1.13em; font-weight: bold; font-family: "UniversNextforHSBC-Bold", Arial, sans-serif; padding-bottom: 4px;} .actus .threeColumns p {display: block;}.actus .verificationPage {padding: 0;} .actus .verificationPage.borderTop h3 {border-top: 1px solid #dedede;} .actus .verificationPage .formPanel {padding: 5px;} .actus .verificationPage h3 {font-weight: bold; margin: 0 18px; padding: 20px 0 8px; clear: both;} .actus .verificationPage .info {font-size: 1.25em; margin: 0 18px; padding: 20px 0 8px; clear: both;} .actus .verificationPage .row {margin-bottom: 0;} .actus .verificationPage dl, .actus .verificationPage .detailContainer, .actus .verificationPage .itemList {min-height: 10px; margin: 13px 17px 0; font-size: 1.25em;} .actus .verificationPage .editDetailsFooter {padding-top: 0; padding-bottom: 22px;} .actus .verificationPage dt, .actus .verificationPage .itemLabel {clear: left; float: left; line-height: 21px; padding: 0 14px 19px 0; width: 172px; color: #333; font: 1em "UniversNextforHSBC-Regular", Arial, sans-serif, Arial, sans-serif;} .actus .verificationPage dd, .actus .verificationPage .itemValue {float: left; font-family: "UniversNextforHSBC-Bold", Arial, sans-serif; line-height: 21px; padding-bottom: 5px; width: 348px;} .actus .verificationPage dd .subText, .actus .verificationPage .itemValue .subText {font-family: "UniversNextforHSBC-Regular", Arial, sans-serif;} .actus .verificationPage dd .currencyType, .actus .verificationPage .itemValue .currencyType {margin-right: 10px;} .actus .verificationPage dd .link1, .actus .verificationPage .itemValue .link1 {font-size: 87.50%; line-height: 100%; margin-bottom: 8px; background-position: right -1534px;} .actus .verificationPage dd .currencyTypeStyle2, .actus .verificationPage .itemValue .currencyTypeStyle2 {position: relative; bottom: 2px; font-size: 0.635em;} .actus .verificationPage dd .amountValue, .actus .verificationPage .itemValue .amountValue {font-weight: bold; font-family: "UniversNextforHSBC-Bold", Arial, sans-serif; display: inline-block; padding-top: 3px;} .actus .verificationPage dd .accountName, .actus .verificationPage .itemValue .accountName {margin-top: -3px; font-weight: bold; font-family: "UniversNextforHSBC-Bold", Arial, sans-serif; font-size: 1.067em;} .actus .verificationPage dd.amountRow, .actus .verificationPage .itemValue.amountRow {position: relative; padding-top: 2px; width: 337px; line-height: 17px;} .actus .verificationPage dd.amountRow .currencyTypeStyle2, .actus .verificationPage .itemValue.amountRow .currencyTypeStyle2 {position: absolute; top: 2px; left: 0;} .actus .verificationPage dd.amountRow p, .actus .verificationPage .itemValue.amountRow p {font-size: 0.8em; margin-top: 0.4em; color: #777777;} .actus .verificationPage .subText {font-size: 0.75em;} .actus .verificationPage label.labeledCheckbox {margin-left: 0;} .actus .verificationPage .nationality {font-size: 75%; padding-bottom: 6px;} .actus .verificationPage .nationality .flag-16 {display: inline-block; height: 11px; margin: 0 4px -1px 0; overflow: hidden; text-indent: -999px; width: 17px;} .actus .verificationPage ul {padding-top: 8px;} .actus .verificationPage ul:after {clear: both; content: ""; display: block; hidden: 1%; visibility: hidden;} .actus .verificationPage ul li {border-right: 1px solid #747474; color: #747474; float: left; font-size: 0.75em; padding: 0 10px;} .actus .verificationPage ul li:first-of-type {padding-left: 0;} .actus .verificationPage ul li:last-of-type {border-right: 0; padding-right: 0;} .actus .verificationPage ul .currencyTypeStyle2 {position: relative; top: -2px; font-size: 0.909em; padding: 3px 0;} .actus .verificationPage .currencyRate {padding-top: 0; font-size: 0.800em;} .actus .verificationPage .currencyRate p {font-weight: bold; font-family: "UniversNextforHSBC-Bold", Arial, sans-serif; padding-bottom: 2px;} .actus .verificationPage .currencyRate p.liveRate {font-weight: normal;} .actus .verificationPage .currencyRate p.liveRate span {font-weight: bold; font-family: "UniversNextforHSBC-Bold", Arial, sans-serif;} .actus .verificationPage .btnTertiary {font-size: 1em; margin-top: 18px;} .actus .verificationPage .submitButtonsPanel .btnTertiary {font-size: 1.13em; margin-top: 0;} .actus .verificationPage .iconButton {font-size: 0.9375em;} .actus .verificationPage .itemButton {padding-bottom: 11px;}.actus .verifyPanel {border: 1px solid #D7D7D7; border-radius: 3px;} .actus .verifyPanel .content {padding: 15px 20px 25px 20px;} .actus .verifyPanel p {font-size: 125%; line-height: 20px; padding-bottom: 20px;} .actus .verifyPanel .submitButtonsPanel {padding-left: 20px;} .actus .verifyPanel .verifyPanelBold {font-weight: bold; font-family: "UniversNextforHSBC-Bold", Arial, sans-serif;}.actus .searchFiltersWrapper {margin: 0 0 12px 0; padding: 12px 0 0; width: 554px;} .actus .searchFiltersWrapper label, .actus .searchFiltersWrapper .externalLabel {float: left; width: 148px; margin-right: 8px;} .actus .searchFiltersWrapper .dateLabel {width: 43px; margin-right: 0;} .actus .searchFiltersWrapper .dijitInputInner {float: left; background: #FFF;} .actus .searchFiltersWrapper .dijitDateTextBox {float: left; width: 191px; cursor: default;} .actus .searchFiltersWrapper .dijitDateTextBox.short {width: 191px;} .actus .searchFiltersWrapper .dijitDateTextBox .dijitInputInner {padding: 0 10px; width: 133px;} .actus .searchFiltersWrapper .dijitDateTextBox .dijitInputContainer.dijitInputField {width: 158px;} .actus .searchFiltersWrapper .dijitDateTextBox.short .dijitInputContainer.dijitInputField {width: 158px;} .actus .searchFiltersWrapper .currencyField {float: left; width: 191px;} .actus .searchFiltersWrapper .dijitTextBox.searchTextBox.dijitTextBoxFocused .dijitInputContainer{border: 1px solid #000000;} .actus .searchFiltersWrapper .dijitTextBox.searchTextBox .dijitInputContainer{background: url("../../images/icons/iconSmartSearch.gif") no-repeat scroll 340px center; border: 1px solid #D2D2D2; border-radius:3px; padding-left: 13px; padding-right: 40px;} .actus .searchFiltersWrapper .dijitTextBox.searchTextBox .dijitInputInner {width: 285px; padding-left: 0; padding-right: 0; background: none; border:none;} .actus .searchFiltersWrapper .clearResults {clear: both; float: left; padding: 0; margin: 8px 0 0 186px; color: #767676; text-decoration: underline;} .actus .searchFiltersWrapper .clearResults:hover, .actus .searchFiltersWrapper .clearResults:focus {color: #db0011;}.actus .searchFilters {float: right; width: 10%; height: inherit; margin-top: 10px;}.actus .summaryNavigation {padding: 11px 0;} .actus .summaryNavigation:after {clear: both; content: ""; display: block; overflow: hidden;} .actus .summaryNavigation .iconButton, .actus .summaryNavigation .btnTertiary {margin: 0;} .actus .summaryNavigation li {float: left; margin-right: 0;} .actus .summaryNavigation .last {float: right; margin-right: 0;}.actus .panelInset {background: white; padding: 17px 16px;} .actus .panelInset .panelContent {padding: 12px 18px 9px 18px; position: relative;} .actus .panelInset .bg {background: #F7F7F7;} .actus .panelInset h2 {color: #000; font: 2em "UniversNextforHSBC-Medium", Arial, sans-serif; padding-bottom: 10px;} .actus .panelInset h2.gradient1, .actus .panelInset h2.gradient6 {padding: 0 12px;} .actus .panelInset h2.gradient6 {color: #fff;} .actus .panelInset .panelWithForm {padding: 0;} .actus .panelInset .navButtons {margin: 0 0 12px 0; float: left; width: 100%;} .actus .panelInset .navButtons li.fr .fl {margin-left: 10px;}.actus .panelNarrow {width: 268px;} .actus .panelNarrow p {padding-bottom: 10px;}.actus .panelWide {width: 588px;}.actus .panelWide2 {background: white; width: 588px; padding: 25px 16px 17px;}.actus .panelInset.actus .subPanel {padding: 27px 20px; border-top: 0;}.actus .subPanel2 {padding: 27px 0;} .actus .subPanel2:after {clear: both; content: ""; display: block; height: 1%; visibility: hidden;} .actus .subPanel2 h2 {font-size: 1.25em; font-weight: bold; font-family: "UniversNextforHSBC-Bold", Arial, sans-serif; position: relative; margin-bottom: 15px;}.actus .subPanel2 button,.actus .subPanel2 input {float: left; margin-right: 10px;}.actus .subPanel2 .fr button {float: right; margin-right: 0;}.actus .panelNarrow .panelContent form {padding-top: 12px;}.actus .panelNarrow .buttonPanel {margin-right: 1px; height: 34px;}.actus .panelNarrow .formSpacer ul.context {width: 177px;}.actus .panelNarrow .formSpacer .dijitTextBox {width: 175px;}.actus .panelNarrow .formSpacer label {font-size: 1.167em; color: #333; width: 65px; margin: 10px 0 0 0;}.actus .panelNarrow .hdxFormError .hdxErrorMessageContainer {width: 242px; left: 12px; top: 8px;}.actus .panelNarrow table.fullWidth {width: 298px;} .actus .panelNarrow table.fullWidth .dijitButtonContents {padding-left: 12px; width: 273px; font-size: 1.167em;} .dj_ie .actus .panelNarrow table.fullWidth .dijitButtonContents {width: 247px;} .actus .panelNarrow table.fullWidth .dijitSelectLabel {width: 250px;}.actus .panelNarrow .dijitSelect {width: 175px;} .actus .panelNarrow .dijitSelect .dijitButtonContents {width: 232px;} .actus .panelNarrow .dijitSelect .dijitButtonContents .dijitSelectLabel {width: 130px; padding-left: 10px;}.actus .panelNarrow .verificationPage dl {margin: 13px 0;}.actus .panelNarrow .verificationPage dt {width: 73px;}.actus .panelNarrow .verificationPage dd {width: 181px; padding-bottom: 15px;}.actus .panelNarrow .verificationPage .buttonPanelInner {text-align: center;}.actus .panelContent p.accountBalance {text-align: right; margin-bottom: 6px; clear: both; display: table; font-size: 112.5%; content: ".";}.actus .panelContent p.accountDetails {margin-top: 5px; margin-bottom: 5px;}.actus .panelContent form {padding: 34px 12px 10px 12px;}.actus .subPanelWrap {border: 1px solid #D2D2D2;}.panelInsetNopad {background: #ffffff;} .panelInsetNopad.panelNarrow {width: 300px;}.actus .newsColumns {padding-top: 14px;} .actus .newsColumns h2 {font-size: 1.7em; padding-bottom: 3px;} .actus .newsColumns .columns {display: block; float: left; padding: 0 0 0 18px; width: 264px;} .actus .newsColumns .columns:first-child {padding-left: 0;} .actus .newsColumns h3 {color: #333; font-size: 1.3em; padding: 9px 0 7px;} .actus .newsColumns p {color: #333; line-height: 15px; font-size: 1em; padding-bottom: 8px;} .actus .newsColumns label.labeledCheckbox {font-size: 1em; padding: 4px 0 2px 4px;} .actus .newsColumns .selectRow label {color: #767676; display: block; float: left; font-size: 1.25em; padding-top: 10px; width: 264px;} .actus .newsColumns .selectRow .dijitSelect {margin-left: 18px; width: 264px;}.actus .subscriptionOptions {margin-bottom: 16px; padding-bottom: 4px; border-bottom: 1px solid #D2D2D2;} .actus .subscriptionOptions h2 {color: #333; font-size: 1.5em; padding: 14px 16px 13px;} .actus .subscriptionOptions .subscriptionItem {clear: both;} .actus .subscriptionOptions .subscriptionItem .column01 {float: left; width: 426px; padding-bottom: 18px;} .actus .subscriptionOptions .subscriptionItem .column01 img {float: left; margin-right: 18px;} .actus .subscriptionOptions .subscriptionItem .column01 h3 {font-size: 1.3125em; padding-bottom: 7px;} .actus .subscriptionOptions .subscriptionItem .column02 {float: right; padding: 0 0 18px 10px;} .actus .subscriptionOptions .subscriptionItem .column02 h3 {font-size: 1.3125em; padding-bottom: 9px;} .actus .subscriptionOptions .subscriptionItem .column02 fieldset {padding: 25px 4px 0 0;} .actus .subscriptionOptions .subscriptionItem .column02 .dijitCheckBox {float: left;} .actus .subscriptionOptions .subscriptionItem .column02 label {float: right; font-size: 1em; padding: 3px 0 0 12px;} .actus .subscriptionOptions .subscriptionFooter {border-top: 1px solid #D2D2D2; padding: 16px 11px;} .actus .subscriptionOptions .subscriptionFooter label {color: #767676; display: block; float: left; padding-top: 4px; width: 270px;} .actus .subscriptionOptions .subscriptionFooter .dijitSelect {width: 246px;}.actus .subscriptionIntroduction > p {padding: 0 0 13px; font-size: 1.2em;}.actus .confirmDialog.cancelSubscriptionChanges {width: 420px; position: absolute !important;}.actus .confirmAddress {border-bottom: 1px solid #D2D2D2; margin-bottom: 17px; padding-bottom: 16px; line-height: 1.5;} .actus .confirmAddress p {font-size: 1.2em;} .actus .confirmAddress a {clear: both; color: #767676; padding: 2px 0; text-decoration: underline;} .actus .confirmAddress a:hover, .actus .confirmAddress a:focus {text-decoration: underline;}.actus .indentCheckbox {padding-left: 186px;} .actus .indentCheckbox label {float: left; font-size: 1.1875em; margin: 0 0 0 7px; width: 330px;} .actus .indentCheckbox label span {clear: both; color: #818181; display: block; font-family: "UniversNextforHSBC-Regular", Arial, sans-serif;} .actus .indentCheckbox .dijitCheckBox {float: left; margin-top: 7px;}.actus .moveMoneyContainer form.moveMoney .addPerson .formSpacer .indentCheckbox {padding-left: 146px;} .actus .moveMoneyContainer form.moveMoney .addPerson .formSpacer .indentCheckbox label {width: 325px;}.actus .footer-wrapper {min-width: 1250px; width: 100%; bottom: 0; background-color: #cccccc;}.actus .footer {width: 940px; margin: 0 auto; text-align: center; padding: 33px 0 53px 0;}.actus .footer div.col {width: 290px; float: left; margin: 0 20px 0 0;}.actus .footer div.last {float: right;}.actus .footer h2 {color: #333333; font: 1.5em "UniversNextforHSBC-Bold", Arial, sans-serif; padding: 0 0 6px 0; margin: 0 0 12px 0;}.actus .footer .hr {display: inline-block; margin: 34px 0 20px 0; height: 1px; width: 940px; font-size: 0; line-height: 0; background: #cacaca;}.actus .footer .hr hr {display: none;}.actus .footerTopLine ul li.supportFooterError {background: url("../../images/icons/supportFooterError.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}.actus .footer div.col ul li {font: 1.125em "UniversNextforHSBC-Medium", Arial, sans-serif; margin: 0 0 14px 0;}.actus .footer div.col ul li a {color: #535353;} .actus .footer div.col ul li a:hover, .actus .footer div.col ul li a:focus {color: #717171;}.actus .footer ul.baseline {width: 940px;}.actus .footer ul.baseline li {float: left; margin: 0 10px 0 0;}.actus .footerTopLine {width: 100%; height: 39px; padding: 15px 0 0 0; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #fff;} .actus .footerTopLine ul {margin: 0 auto; width: 940px;} .actus .footerTopLine ul:after {clear: both; content: ""; display: block; visibility: hidden; zoom: 1;} .actus .footerTopLine ul li {color: #000; font: 1.125em "UniversNextforHSBC-Light", Arial, sans-serif; float: left; height: 28px; margin: 0 55px 0 0; padding: 0 0 0px 30px;} .actus .footerTopLine ul li.contact {background-position: 0 -1417px;} .actus .footerTopLine ul li.location {background-position: 0 -1442px;} .actus .footerTopLine ul li.supportFooter {background: url("../../images/icons/supportFooter.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);} .actus .footerTopLine ul li.contact a {color: #000; font-size: 1em;} .actus .footerTopLine ul li.find {background-position: 0 -1442px;} .actus .footerTopLine ul li.search {background-position: 0 -1467px;} .actus .footerTopLine ul li a {color: #000; display: inline-block;} .actus .footerTopLine ul li a:hover, .actus .footerTopLine ul li a:focus {color: #db0011;}.actus .footer .baseline .copyright {float: right;}.actus .itemList dt, .actus .itemList .itemLabel {clear: left; float: left; line-height: 21px; padding: 0 14px 19px 0; width: 172px; color: #333; font: 1em "UniversNextforHSBC-Regular", Arial, sans-serif, Arial, sans-serif;}.actus .itemList dd, .actus .itemList .itemValue {float: left; font-family: "UniversNextforHSBC-Bold", Arial, sans-serif; line-height: 21px; padding-bottom: 5px;} .actus .itemList dd span, .actus .itemList .itemValue span {font-family: "UniversNextforHSBC-Bold", Arial, sans-serif;} .actus .itemList dd .subText, .actus .itemList .itemValue .subText {font-family: "UniversNextforHSBC-Regular", Arial, sans-serif;} .actus .itemList dd .currencyType, .actus .itemList .itemValue .currencyType {margin-right: 10px;} .actus .itemList dd .link1, .actus .itemList .itemValue .link1 {font-size: 87.50%; line-height: 100%; margin-bottom: 8px; background-position: right -1534px;} .actus .itemList dd .currencyTypeStyle2, .actus .itemList .itemValue .currencyTypeStyle2 {font-family: "UniversNextforHSBC-Medium", sans-serif; background: #767676; display: inline-block; font-size: 0.667em;} .actus .itemList dd .amountValue, .actus .itemList .itemValue .amountValue {font-weight: bold; font-family: "UniversNextforHSBC-Bold", Arial, sans-serif; display: inline-block; padding-top: 3px;} .actus .itemList dd .accountName, .actus .itemList .itemValue .accountName {margin-top: -3px; font-weight: bold; font-family: "UniversNextforHSBC-Bold", Arial, sans-serif; font-size: 1.067em;} .actus .itemList dd.amountRow, .actus .itemList .itemValue.amountRow {position: relative; padding-top: 2px; width: 337px; line-height: 17px;} .actus .itemList dd.amountRow .currencyTypeStyle2, .actus .itemList .itemValue.amountRow .currencyTypeStyle2 {position: absolute; top: 2px; left: 0;} .actus .itemList dd.amountRow p, .actus .itemList .itemValue.amountRow p {font-size: 0.8em; margin-top: 0.4em; color: #777777;}.actus .deletePayeeColumn table p {word-break: break-all;}.actus .dijitAccordionContainer .countryAccount {padding-bottom:1px;}.hiddenBox {opacity: 0; filter: alpha(opacity = 0); background: transparent !important; display: none;}.box-padding {padding: 10px 10px 9px 12px !important;}.eDocContent {font-size: 15px !important; font-weight: normal; display: inline-block !important; color: #333333; padding: 9px 10px 9px 0px !important; width: 80%;}.eDoc-font {font-size : 14px !important;}.main-content-wrapper .col .row .accountClick{margin-bottom: 0px;}input[type=text]::-ms-clear{display:none;}input[type=password]::-ms-reveal{display:none;}span.alertIcon {background:url("../../images/icons/alert-icon.png") no-repeat left center; padding:5px 0px 4px 25px;} div.datatable div.gridx{margin:0px;}.actus .dijitDialog .scrollPaneWrapper .scrollWindow:focus, .actus .scrollPaneWrapper .scrollWindow:focus {border:1px solid #000 !important;}.dijitTitlePane .scrollPaneWrapper .scrollWindow:focus{border:none !important;}@media only screen and (max-device-width:800px){.actus .footer-wrapper{width: 50%;}}.actus .overflowHidden{overflow : hidden;}.actus .formPanel .posExternalLabel,.actus .posExternalLabel,.actus .contactForm .posExternalLabel,.actus .group .posExternalLabel,.actus .colWrapper .posExternalLabel {position: relative; display: inline-table !important; word-wrap: break-word;}.actus .posInfoIcon {margin-top: 0px !important; margin-bottom: 0!important;}.actus .posInfoIcon span.icon {margin-top: 0px !important; margin-bottom: 0!important;}.actus .formSpacer .posInfoIcon,.actus .formPanel .posInfoIcon,.actus .formWrapper .posInfoIcon,.actus .posInfoIcon,.actus .contactForm .posInfoIcon,.actus .group .posInfoIcon,.actus .colWrapper .posInfoIcon{margin-left: 8px !important; position: absolute;}.actus .header-wrapper{min-width: 1250px; width: 100%;}.actus .main-content-wrapper.clearfix.dashboard.error1 {margin-bottom: 20%; margin-top: 4%;}.hideMsthdOvrly {position: absolute !important; top: -9999px !important; left: -9999px !important;}.actus .formPanel label .wSpan + .fontColor4.fontSmall {margin-right: 3px;}.actus .selectNotPayeeInfo {background: #E6E6E6 url("../../images/icons/alert-panel-info_new.gif") 0 center no-repeat; border-color: #d2d2d2; height: 63px; width: 39px; position: absolute; right: 45px; z-index: 999; top: 1px;}.dijitCarousel .counter li:focus {outline:1px solid black;}.actus .tAndC.panelWide2 .formPanel .submitButtonsPanel .btnSecondary, .actus .tAndC.panelWide2 .formPanel .submitButtonsPanel .btnTertiary, .actus .tAndC.panelWide2 .formPanel .submitButtonsPanel .btnPrimary {margin-bottom: 0 !important;}.actus .maxWidth{max-width:250px;}.actus .acctlink{margin-left: -30px;}.actus .lineHeight{line-height: 25px !important;}