/* reset */
html{width: 100% !important;}
.actus .loaderOverlay {display: none !important;}
.actus .BoxStyle04 {top: 152px !important;} /*padding-top: 35px;*/
.actus .pageBorderTop {border: none !important;}
/* mobile popup */
@media only screen and (max-width: 1220px){
.actus > .containerGlobal {padding-top: 97px !important;}
.actus.popup > .containerControlPopup {padding-top:97px !important;}
.eshop > .containerControlPopup {padding-top:95px !important;}
}
.dj_ie7.actus > .containerGlobal, .dj_ie8.actus > .containerGlobal  {padding-top: 97px !important;}
.dj_ie7.actus.popup > .containerControlPopup, .dj_ie8.actus.popup > .containerControlPopup {padding-top:97px !important;}
.dj_ie7.eshop > .containerControlPopup, .dj_ie8.eshop > .containerControlPopup {padding-top:95px !important;}
.actus .parentWrapper {position: fixed !important; z-index: 65536 !important;}
.actus .utility-bar-container ul, .actus .navbar ul, .actus .wrapper-shift-class ul {margin: 0px; padding: 0px;}
.actus .utility-bar-container form input, .actus .navbar form input, .actus .wrapper-shift-class form input {margin: 0px !important;}
.eshop .utility-bar-container, .actus .utility-bar-container, .actus .navbar, .actus .wrapper-shift-class {width: 100%; min-width: 961px; float: left; clear: both; font-family: UniversNextW02-Regular!important; font-size: 100%; line-height: 1.2; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.utility-bar-container .hide, .navbar .hide , .wrapper-shift-class .hide {display: none !important;}
.utility-bar-container .mobile-accessibleHidden, .navbar .mobile-accessibleHidden , .wrapper-shift-class .mobile-accessibleHidden {padding: 0; margin: -1px; border: 0; clip: rect(0, 0, 0, 0); overflow: hidden; width: 1px; height: 1px; position: absolute;}
.utility-bar-container .accessibleHidden, .navbar .accessibleHidden, .wrapper-shift-class .accessibleHidden {left: -9999px; position: fixed;}
.utility-bar-container .noborder, .navbar .noborder , .wrapper-shift-class .noborder {border: none !important;}
.utility-bar-container a, .navbar a, .wrapper-shift-class a {text-decoration: none;}
.navbar .primarynav  a {color: #333333;}
/*loadnode*/
.loaderOverlay {background: none repeat scroll 0 0 #656565; bottom: 0 !important; height: 100%; left: 0 !important; position: fixed; right: 0 !important; top: 0 !important; width: 100%; z-index: 30000;}
.loaderOverlay .loader {background: none repeat scroll 0 0 #f4f4f4; left: 50%; margin: -152px 0 0 -220px; padding: 0; position: absolute; top: 50%; vertical-align: middle; width: 440px; z-index: 9990; clear: both;}
.loaderOverlay .loader .loaderImage {background-image: url("/1/content/masthead/images/Spinner64Dark.gif"); background-repeat: no-repeat; margin: 33px; height: 64px; width: 64px; display: inline-block; float: left;}
.loaderOverlay .loader p {color: #000; font-family: "Univers-Next-W02-Bold", Arial, sans-serif; font-weight: bold; text-align: left; display: inline-block; float: left; width: 263px; margin-top: 40px; margin-bottom: 52px; line-height: 1.3em; font-size: 0.875em;}
/*hsbcicons-regular*/
@font-face {font-family: 'hsbcicons_regular'; src: url('/1/content/masthead/fonts/hsbcicons-regular.eot?v=0.0.1'); src: url('/1/content/masthead/fonts/hsbcicons-regular.eot?#iefix&v=0.0.1') format('embedded-opentype'), url('/1/content/masthead/fonts/hsbcicons-regular.woff?v=0.0.1') format('woff'), url('/1/content/masthead/fonts/hsbcicons-regular.ttf?v=0.0.1') format('truetype'), url('/1/content/masthead/fonts/hsbcicons-regular.svg#hsbcIconsregular?v=0.0.1') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: "UniversNextW02-Regular"; src: url("/1/content/masthead/fonts/73e16764-0099-40e0-9182-d69b99396d94.eot?#iefix"); src: url("/1/content/masthead/fonts/73e16764-0099-40e0-9182-d69b99396d94.eot?#iefix") format("eot"), url("/1/content/masthead/fonts/c6e5b0e0-ee60-4f51-975c-6e2f4bdd6225.woff") format("woff"), url("/1/content/masthead/fonts/43a61655-19e5-478a-8d73-bb7e7f4f295f.ttf") format("truetype"), url("/1/content/masthead/fonts/337b082c-c223-40e0-971b-39d9b5b610c0.svg?#337b082c-c223-40e0-971b-39d9b5b610c0") format("svg"); font-weight: normal; font-style: normal;}
@font-face {font-family: "Univers-Next-W02-Bold"; src: url("/1/content/masthead/fonts/3d4372d2-fbf8-4376-887c-a4247fe7475f.eot?#iefix"); src: url("/1/content/masthead/fonts/3d4372d2-fbf8-4376-887c-a4247fe7475f.eot?#iefix") format("eot"), url("/1/content/masthead/fonts/5726bf63-b50c-4eb5-8615-36daaa1b3f99.woff") format("woff"), url("/1/content/masthead/fonts/f4f44dd1-4235-4aaf-86d0-2b58f230cdaf.ttf") format("truetype"), url("/1/content/masthead/fonts/18d95e2b-3d06-44e1-a880-1eb734d08d25.svg?#18d95e2b-3d06-44e1-a880-1eb734d08d25") format("svg"); font-weight: bold; font-style: normal;}
@font-face {font-family: "Univers-Next-W02-Light"; src: url("/1/content/masthead/fonts/6e7cea9c-37df-4ef0-8d1e-04e7a328573b.eot?#iefix"); src: url("/1/content/masthead/fonts/6e7cea9c-37df-4ef0-8d1e-04e7a328573b.eot?#iefix") format("eot"), url("/1/content/masthead/fonts/875712e3-9c93-4f0b-a46a-a278e69a71f6.woff") format("woff"), url("/1/content/masthead/fonts/501b78b4-b6c7-488b-878d-adf70ecccafd.ttf") format("truetype"), url("/1/content/masthead/fonts/1cbab02e-61b2-4279-aacd-793eebcaca72.svg?#1cbab02e-61b2-4279-aacd-793eebcaca72") format("svg"); font-weight: normal; font-style: normal;}
a [class^="icon-"], a [class*="icon-"] {display: inline;}
[class^="icon-"], [class*=" icon-"] {font-family: hsbcicons_regular; font-style: normal; font-weight: normal; text-decoration: inherit;}
[class^="icon-"]:before, [class*=" icon-"]:before {display: inline-block; text-decoration: inherit;}
.icon-chevron-down:before {content: "\f055";}
.icon-chevron-up:before {content: "\f056";}
.icon-circle-delete:before {content: "\f067";}
.icon-search:before {content: "\f007";}
.icon-menu:before {content: "\f00b";}
.icon-banking:before {content: "\f008";}
.icon-chevron-right:before {content: "\f057";}
.icon-security-lock:before {content: "\f02a";}
.icon-phone:before {content: "\f005";}
.icon-chat:before {content: "\f016";}
.icon-message:before {content: "\f006";}
.icon-location:before {content: "\f019";}
.icon-circle-info:before {content: "\f053";}
.icon-add:before {content: "\f031";}
.icon-global:before {content: "\f037";}
/*header*/
.utility-bar-container {background: none repeat scroll 0 0 #000; height: 35px; position: fixed; width: 1847px; top: 0; z-index: 1002;}
.utility-bar-container .container {font-size: 12px; max-width: 1180px; width: auto; margin: 0 auto 0 auto; padding: 0px 20px 0px 20px; border: solid; border-color: #ccc; border-width: 0px; display: block;}
.utility-bar-container .leftheadtext {color: #FFFFFF; margin-top: 10px; margin-left: 4px; float: left;}
.utility-bar-container .leftheadtext li{margin: 0;}
.utility-bar-container .leftheadtext .toptextselected span {height: 14px;}
.utility-bar-container ul {list-style: none outside none; margin: 0; padding: 0;}
.utility-bar-container .utilitybar-position .skiplink-position {left: -100%; position: absolute;}
.utility-bar-container li {display: inline; float: left;}
.utility-bar-container .toptextselected, .utility-bar-container .toptextselect {color: #FFFFFF;}
.utility-bar-container .header-text-bold {font-weight: bold; font-family: Univers-Next-W02-Bold;}
.utility-bar-container .leftheadtext .uparrow {height: 6px; left: 35%; position: relative; top: 3px; z-index: 1000;}
.utility-bar-container .uparrow img {height: 10px; width: 18px;}
.utility-bar-container .leftheadtext span.line {margin: 0 10px;}
.utility-bar-container span.line {border-right: 1px solid #4C4C4C; line-height: 14.2px;}
.utility-bar-container .uparrow_business {display: none; height: 6px; left: 20%; position: relative; top: 4px; z-index: 1000;}
.utility-bar-container .rightheadtextlinks {color: #FFFFFF; float: right; height: 31px; margin: 2px 0;}
.utility-bar-container .rightheadtextlinks li {color: #FFFFFF; position: relative;}
.utility-bar-container span.line-selector {border-right: 1px solid #4C4C4C; margin: 0 0 0 10px; line-height: 1.2; vertical-align: top;}
.utility-bar-container .languageName {float: left; margin-left: 13px;}
.utility-bar-container .bg-white {margin-left: 1px; margin-right: 0; margin-top: 2px; padding: 0;}
.utility-bar-container .typeaheadSearch {color: #929292; cursor: default; font-size: 14px; position: absolute; right: 21.3%; top: 22%; width: 75%; z-index: 100;}
.utility-bar-container .rightheadtextlinks .clearsearch {color: #909090; display: block; font-size: 1.8em; position: absolute; right: 38px; top: 0; z-index: 1005; margin-right: -2px;}
.utility-bar-container .rightheadtextlinks button {border-width: 0; margin: 0;}
.utility-bar-container .common-search-result-masthead {color: #717171; display: block; font-family: Univers-Next-W02-Bold; font-size: 13px !important; font-weight: bold; margin-bottom: 0.5em; margin-left: 13px; margin-top: 4px; padding-top: 5%;}
.utility-bar-container .rightheadtextlinks .commonsearch {color: #666666; font-size: 13px; margin: 1px 16px 16px;}
.utility-bar-container .result-search-background {background: none repeat scroll 0 0 #EDEDED; border-top: 1px solid #DEDEDE; display: inline-block;}
.utility-bar-container .rightheadtextlinks .topResults {color: #666666; font-size: 13px; margin: -2px 15px;}
.utility-bar-container .rightheadtextlinks li.last-divider {margin-left: 1px; margin-top: 8px;}
.utility-bar-container .utilityLogon a {color: #333;}
.utility-bar-container .utilityLogon .logonFlag {margin-top: -2px;padding: 9px 10px 6px;box-sizing: border-box;display: inline-block;font-size: 0.9375em;color: #fff;background-color: #db0011;overflow: auto;min-width: 100px;max-width: 400px;-webkit-appearance: none;text-align: center;}
.utility-bar-container .utilityLogon .logonFlag span {font-size: 0.933333em;margin-left: 3px;}
.utility-bar-container .utilityLogon .logonFlag:hover, .utility-bar-container .utilityLogon .logonFlag:focus {background-color: #83000A;color: #fff;outline: none;text-decoration: none;-webkit-appearance: none;}
.utility-bar-container .utilityLogon .logondrp .primaryaction.logonActive {background-color: #ededed !important;color: #333 !important;}
.utility-bar-container .utilityLogon .logonFlag em.icon-chevron-down, .utility-bar-container .logonFlag em.icon-chevron-up {float: right;}
.utility-bar-container .utilityLogon em.icon-chevron-down {float: left;font-size: 20px;margin-left: 8px;margin-top: -4px;vertical-align: text-top;}
.utility-bar-container .utilityLogon em.icon-chevron-up {font-size: 20px;margin-left: 8px;margin-top: -4px;vertical-align: text-top;}
.utility-bar-container .utilityLogon .logonFlag .logon-span {display: inline-block;font-size: 1.2em;}
.utility-bar-container .utilityLogon .logondiv {right: 0px;position: absolute;top: 33px;min-width: 280px;font-size: 16px;}
.utility-bar-container .utilityLogon  ul {margin: 0;padding: 0;list-style: none outside none;}
.utility-bar-container .utilityLogon .logondiv ul {background: #ededed;float: left;width: 100%;}
.utility-bar-container .utilityLogon .logondiv li {display: block;border-bottom: 1px solid #d2d2d2;padding: 0 15px;}
.utility-bar-container .utilityLogon .logondiv ul li {display: block;float: none;}
.utility-bar-container .utilityLogon .logondiv li a {display: block;padding: 14px 0;}
.utility-bar-container .utilityLogon .logondiv li:hover {background-color: #ccc;cursor: pointer;padding: 0 15px;}
.utility-bar-container .utilityLogon .logondiv li .icon-chevron-right {display: inline;font-size: 1.5em;font-style: normal;vertical-align: -4px;margin-top: -3px;float: right;color: #333 !important;}
.utility-bar-container .utilityLogon .logondrp .overlay{position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: #ffffff; display: none; z-index: 0; opacity: 0; filter: alpha(opacity=0);}
.utility-bar-container .utilityLogon .logondrp .logonActive .overlay{display: block; }
/*masthead*/
.navbar {background: none repeat scroll 0 0 #FFFFFF; box-shadow: 0 5px 5px #D2D2D2; position: fixed; top: 35px; width: 100%; z-index: 1001;}
.navbar .primarynav.container { width: auto; height: auto; clear: none; overflow: visible; margin: 0px auto 0px auto; padding: 0px 10px 0px 10px; border: solid; border-color: #ccc; border-width: 0px; display: block; position: relative; max-width: 1180px;}
.popup .navbar .primarynav.container {padding-bottom: 19px;}
.navbar .menu-button:after {clear: both; content: ""; display: block;}
.navbar .primarynav .logo {margin-top: 20px; z-index: -1;}
@media only screen and (max-width: 1220px){
.navbar .primarynav .logo {margin-top: 8px;}
}
.navbar .primarynav .logo .logoclass {display: inline-block;}
.navbar .main-nav {display: block !important; height: auto !important; overflow: hidden !important;}
.navbar .main-nav span.icon-left-arrow-tab:before {display: none;}
.navbar .main-nav span.icon-left-arrow-tab:before {content: "\f058";}
.navbar .main-nav.main-nav > ul {margin-top: 0 !important;}
.navbar .main-nav > ul > ul > li, .navbar .main-nav > ul > li {display: block; float: left;}
.navbar .main-nav > ul > ul > li > a, .navbar .main-nav > ul > li > a {display: block; margin: 19px 0; padding: 0 1.5625em; position: relative; border-left: 1px solid #d2d2d2;}
.navbar .main-nav > ul > ul > li > a:after, .navbar .main-nav > ul > li > a:after {display: block; background-color: #d2d2d2; position: absolute; right: 0; top: 22px; color: #fff; text-indent: -9999px; height: 35px;}
.navbar .main-nav > ul > ul > li:first-child > a, .navbar .main-nav > ul > li:first-child > a {border-left: none; padding-left: 1.5625em!important;}
.navbar .main-nav > ul > ul > li.hideondesktop, .navbar .main-nav > ul > ul > li a em.hideondesktop, .navbar .main-nav > ul > li.hideondesktop, .navbar .main-nav > ul > li a em.hideondesktop {display: none;}
.navbar .main-nav .doormatmenu .doormat-links{list-style: none outside none; float: none;}
.navbar .main-nav > ul > ul > li a span.headtext, .navbar .main-nav > ul > li a span.headtext {font-size: 1.125em; line-height: 20px;}
.navbar .main-nav > ul > ul > li > a span, .navbar .main-nav > ul > li > a span {display: block;}
.navbar .main-nav ul > ul > li a span.headtextsub, .navbar .main-nav ul > li a span.headtextsub {font-size: 0.75em; line-height: 22px; display: block;}
@media only screen and (max-width: 1220px){
.navbar .main-nav ul > ul > li a span.headtextsub, .navbar .main-nav ul > li a span.headtextsub {display: none;}
}
.navbar .main-nav > ul > ul > li > .doormatmenu, .navbar .main-nav > ul > li > .doormatmenu {width: 98%;}
.navbar .main-nav > ul > ul > li > .doormatmenu, .navbar .main-nav > ul > ul > li > .doormatmenu, .navbar .main-nav > ul > li > .doormatmenu, .navbar .main-nav > ul > li > .doormatmenu {background-color: rgb(237, 237, 237); min-height: 12.500em; max-height: 28.250em; position: absolute; width: 99%; z-index: 1001; left: 0%; max-width: 76.250em; padding: 50px 25px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: auto;}
@media only screen and (max-width: 1050px){
.navbar .main-nav > ul > ul > li > .doormatmenu, .navbar .main-nav > ul > ul > li > .doormatmenu, .navbar .main-nav > ul > li > .doormatmenu, .navbar .main-nav > ul > li > .doormatmenu {max-height: 460px;}
}
.navbar .main-nav .doormatmenu .doormat-main-col {float: left; height: auto !important; overflow: hidden !important; width: 75%;}
.navbar .main-nav .doormatmenu .doormat-main-col > .columns {min-height: 100px; max-height: 400px;}
.navbar .main-nav .doormatmenu .columns {border-right: 1px solid #D7D8D6;}
.navbar .main-nav .doormatmenu .doormat-head:first-child {font-family: Univers-Next-W02-Bold; font-weight: bold; font-size: 1em; padding: 0 8px 6px;}
.navbar .main-nav .doormatmenu .doormat-head {font-family: Univers-Next-W02-Bold; font-weight: bold; font-size: 1em; padding: 20px 10px 6px; text-transform: uppercase; margin: 0 0 0; color: #333333; line-height: 1.3em;}
.navbar .main-nav .doormatmenu .doormat-links > li > a {display: inline-block; font-size: 0.875em; padding: 6px 10px 7px;}
.navbar .main-nav .doormatmenu .columns:last-child, .doormatmenu .columns:nth-child(3) {border: medium none;}
.navbar .main-nav .doormatmenu .last-doormat-col-ie78, .navbar .main-nav .doormatmenu .l-three.columns {border: none;}
.navbar .main-nav .doormatmenu .highlight {background-color: #404040; margin: -25px 0 -15px; padding: 20px 20px 25px;}
.navbar .main-nav .highlight .doormat-links > li > a {color: #FFFFFF;}
.navbar .main-nav .doormatmenu .doormat-main-col .doormat-links > li > a {display: inline-block; font-size: 0.875em; padding: 6px 10px 7px; cursor: pointer;}
.navbar .main-nav .doormatmenu .doormat-links > li:last-child > a {padding: 6px 10px 2px;}
.navbar .main-nav .doormatmenu span.filelink {color: #4d6474 !important;}
.navbar .main-nav .doormatmenu .t14b, .t14r {font-size: 0.875em; margin-bottom: 20px;}
.navbar .main-nav .highlight hr {background: transparent; border: none; border-bottom: 1px solid #dedede; clear: both; margin: 13px 10px 10px; border-color: #929292;}
/*footer*/
.wrapper-shift-class {margin-top: 16px; background: none repeat scroll 0 0 transparent; overflow-x: hidden !important; position: relative; width: 100%;}
.eshop .wrapper-shift-class {position: fixed;}
.wrapper-shift-class .grid12col .mainwrapper {background: none repeat scroll 0 0 transparent; position: relative; margin-left: auto; margin-right: auto; margin-top: 0px; max-width: 1180px; padding-left: 20px; padding-right: 20px;}
.wrapper-shift-class .grid12col .footer-top:after {clear: both; content: ""; display: block;}
.wrapper-shift-class .grid12col .footer-top {background-color: #404040; padding: 26px 0;}
.wrapper-shift-class .grid12col .footer-bottom {background-color: #000000; padding: 6px 0 10px;}
.wrapper-shift-class .grid12col .footer-box {border-right: 1px solid #8E8E8E; min-height: 60px;}
.wrapper-shift-class .grid12col .footer-box .footer-img.no-margin {margin: 0;}
.wrapper-shift-class .grid12col .footer-img {float: left; margin-top: 0; width: 30px; line-height: 1.2;}
.icon-addfotter:before, .icon-information-footer:before, .icon-phone-footer:before, .icon-location-footer:before, .icon-list-footer:before, .icon-circle-info-footer:before {color: #929292; font-size: 35px; margin-top: -4px;}
.wrapper-shift-class .grid12col .footer-desktop-box:after {clear: both;}
.wrapper-shift-class .grid12col .footer-desktop-box {display: block; float: left; margin-left: 5px; position: relative;}
.wrapper-shift-class .grid12col .footer-desktop-box h2 {color: #FFFFFF; font-size: 0.9em; padding-top: 0 !important;}
.wrapper-shift-class .grid12col .footer-desktop-box h2 {font-size: 1em !important; font-weight: bold; margin-bottom: 11px !important; margin-top: 4px !important;}
.wrapper-shift-class .grid12col .footer-desktop-box div {padding-bottom: 1px; display: inline-block; line-height: 1.4;}
.wrapper-shift-class .grid12col .footer-box a {word-wrap: break-word;}
.wrapper-shift-class .grid12col .footer-top a, .footer-bottom a {color: #FFFFFF; text-decoration: none;}
.wrapper-shift-class .grid12col .footer-top a {font-size: 0.75em;}
.wrapper-shift-class .grid12col .icon-footer-right-arrow:before {color: #FFFFFF; content: "\f057"; font-size: 18px; vertical-align: -3px;}
.wrapper-shift-class .grid12col .left-footer-tabs {float: left; margin-right: 10px; height: 18px;}
.footerPopup .wrapper-shift-class .grid12col .left-footer-tabs {display: none;}
.wrapper-shift-class .grid12col .footer-bottom {background-color: #000; font-size: 0.875em; padding: 20px 0; color: #fff;}
.popup .wrapper-shift-class .grid12col .footer-bottom a {font-size: 15px;}
.wrapper-shift-class .grid12col .footer-bottom .copyright {width: 41.66666666666667%; padding: 0; float: right; text-align: right; color: #fff;}
.wrapper-shift-class .grid12col .footer-bottom a:hover span, .wrapper-shift-class .wptheme1Col .wpthemeControlBody .footer-bottom a:focus span {color: #767676; text-decoration: underline;}
.wrapper-shift-class .grid12col .footer-top a:hover span{text-decoration: underline;}
/*countrySelector*/
.utility-bar-container .countrySelector {position: relative; bottom: 12px; height: 32px; padding-top: 13px; text-align: left; width: auto; display: inline-block;}
.utility-bar-container .countrySelector a.countryMain, .utility-bar-container .countrySelector div.countryMain {height: 23px; line-height: 20px; padding-top: 7px;}
.utility-bar-container .countrySelector .countryMain .country.flag-16 {margin: 2px 4px 0 13px;}
.utility-bar-container .countryMenu .countryMenuItem .country, .utility-bar-container .countrySelector .countryMain .country {text-indent: 30px; width: auto;}
.utility-bar-container .countrySelector .countryMain .country {float: left; line-height: 0.9;}
.utility-bar-container .countrySelector .flag-link {line-height: 10px;}
/*languageSelector*/
.utility-bar-container .rightheadtextlinks span.icon-chevron-down {float: left; font-size: 1.7em; margin-left: 8px; margin-top: -4px; vertical-align: text-top;}
.utility-bar-container .not-selectedMenuItem {background-color: #515358; color: #FFFFFF;}
.utility-bar-container .languageSelector {color: #FFFFFF;}
.utility-bar-container .languageSelector {position: relative; bottom: 12px; height: 32px; padding-top: 13px; text-align: left; width: auto; display: inline-block; margin-left: -1px;}
.utility-bar-container .languageSelector a.languageMain {height: 23px; line-height: 1.2; padding-top: 7px;}
.utility-bar-container .languageSelector a {color: #FFFFFF; float: left; height: 40px; line-height: 40px; width: 100%;}
.utility-bar-container .languageSelector .languageName {float: left; margin-left: 13px; color: #FFFFFF;}
.utility-bar-container .languageSelector .languageMenu {background-color: #515358; display: none; min-width: 180px; position: absolute; top: 45px;}
.utility-bar-container .languageSelector .languageMenu li.languageMenuItem {clear: both; display: block; width: 180px; margin: 0}
.utility-bar-container .languageSelector .languageMenu li.languageMenuItem a {padding: 0 5px 0 13px; width: 90%;}
.utility-bar-container .languageMenuItem .selectedMenuItem:after {content: "\f00a"; display: inline-block; float: right; font-family: hsbcicons_regular; font-size: 1.5em; margin-right: 13px;}
.utility-bar-container .languageSelector .languageMenu .selectedMenuItem {background-color: #000000; color: #FFFFFF;}
/*search*/
.utility-bar-container .rightheadtextlinks .utility-bar-header-search {line-height: 1.2;}
.utility-bar-container .rightheadtextlinks .search-icon {background-color: #000000; border: medium none; height: 26px; display: block; float: left; margin: 0; padding: 3px 0 3px 3px !important;}
.utility-bar-container .rightheadtextlinks .icon-search:before {font-size: 1.3em; padding-left: 6px; padding-right: 9px; text-decoration: none; color: #fff !important;}
.utility-bar-container .rightheadtextlinks .utility-bar-header-search .searchtext {font-family: "UniversNextW02-Regular"; border: medium none; display: none; float: left; font-size: 14px; height: 18px; margin: 0; padding: 4px 23px 4px 9px !important; position: relative; width: 202px; z-index: 100;}
.utility-bar-container .searchcontent a {color: #333;}
.utility-bar-container .rightheadtextlinks strong {font-weight: bold; font-family: "Univers-Next-W02-Bold";}
.utility-bar-container .rightheadtextlinks .commonsearch {color: #666; font-size: 13px; margin: 1px 16px 16px;}
.utility-bar-container .searchcontent .commonsearch li {color: #000; display: block; float: none;}
.utility-bar-container .rightheadtextlinks .commonsearch .resultMastheadSearch .icon-search:before {padding-left: 0; margin-left: -2px; padding-right: 10px; vertical-align: -3px; font-size: 18px; color: #000 !important;}
.utility-bar-container .common-search-result-masthead {color: #717171; display: block; font-size: 13px !important; margin-bottom: 0.5em; margin-left: 13px; margin-top: 4px; padding-top: 5%; font-weight: bold; font-family: Univers-Next-W02-Bold;}
.utility-bar-container .rightheadtextlinks .topResults .chv:after {content: "\f057"; display: inline; font-family: 'hsbcicons_regular'; font-style: normal; font-size: 1.5em; vertical-align: -4px; color: #db0011;}
.utility-bar-container .searchcontent .topResults li {color: #000; display: block; float: none;}
.utility-bar-container .topresultDisplaytitle {margin-top: 10px;}
.utility-bar-container .topresultDisplayContent {border-bottom: 1px solid #DEDEDE; padding-bottom: 15px;}
.utility-bar-container .topresultDisplayContent:last-child {border: none;}
.utility-bar-container .searchcontent li a span:hover, .utility-bar-container .commonsearch li a span:focus {text-decoration: underline;}
.utility-bar-container .rightheadtextlinks .searchcontent {background: none repeat scroll 0 0 #fff; border: 1px solid #ccc; left: 0; min-height: 60px; position: absolute; top: 27px; z-index: 1000; right: -2px;}
.utility-bar-container .rightheadtextlinks .noSearchResult .searchcontent {display: block !important;}
.utility-bar-container .rightheadtextlinks .utility-bar-header-search .searchcontent .overlay{position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: #ffffff; display: block; z-index: -1; opacity: 0; filter: alpha(opacity=0);}
/*common*/
.utility-bar-container .row:after, .navbar .row:after, .wrapper-shift-class .row:after  {clear: both;}
.utility-bar-container .row .row, .navbar .row .row, .wrapper-shift-class .row .row {min-width: 0; padding-left: 0; padding-right: 0;}
.utility-bar-container .row:before, .utility-bar-container .row:after, .navbar .row:before, .navbar .row:after, .wrapper-shift-class .row:before, .wrapper-shift-class .row:after {content: ""; display: table;}
.utility-bar-container .row .l-four.columns, .navbar .row .l-four.columns, .wrapper-shift-class .row .l-four.columns {width: 33.3333%; box-sizing: border-box;}
.utility-bar-container .row .l-eight.columns, .navbar .row .l-eight.columns, .wrapper-shift-class .row .l-eight.columns {width: 66.6667%; box-sizing: border-box;}
.utility-bar-container .row .l-three.columns, .navbar .row .l-three.columns, .wrapper-shift-class .row .l-three.columns {width: 25%;}
.utility-bar-container .row .l-two.columns, .navbar .row .l-two.columns, .wrapper-shift-class .row .l-two.columns {width: 16.6667%;}
.utility-bar-container .row .l-five.columns, .navbar .row .l-five.columns, .wrapper-shift-class .row .l-five.columns {width: 41.6667%;}
.utility-bar-container .row .l-seven.columns, .navbar .row .l-seven.columns, .wrapper-shift-class .row .l-seven.columns {width: 58.3333%;}
.utility-bar-container .row .l-ten.columns, .navbar .row .l-ten.columns, .wrapper-shift-class .row .l-ten.columns {width: 83.33333333333334%;}
.utility-bar-container .column, .utility-bar-container .columns, .navbar .column, .navbar .columns, .wrapper-shift-class .column, .wrapper-shift-class .columns {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; min-height: 1px; padding: 0px 10px;}
.popup .utility-bar-container .columns {float: right;}
.utility-bar-container .clearfix:after, .navbar .clearfix:after, .wrapper-shift-class .clearfix:after {clear: both;}
.utility-bar-container .clearfix:before, .utility-bar-container .clearfix:after, .navbar .clearfix:before, .navbar .clearfix:after, .wrapper-shift-class .clearfix:before, .wrapper-shift-class .clearfix:after {content: ""; display: table;}
.utility-bar-container .column.nopad, .utility-bar-container .columns.nopad, .navbar .column.nopad, .navbar .columns.nopad, .wrapper-shift-class .column.nopad, .wrapper-shift-class .columns.nopad {padding: 0;}
.utility-bar-container .hideondesktop, .navbar .hideondesktop, .wrapper-shift-class .hideondesktop {display: none;}
.utility-bar-container .showonmobile, .navbar .showonmobile, .wrapper-shift-class .showonmobile {display: none;}
.utility-bar-container .hideonmobile, .navbar .hideonmobile, .wrapper-shift-class .hideonmobile {display: block;}
.utility-bar-container .showondesktop, .navbar .showondesktop, .wrapper-shift-class .showondesktop {display: block;}
.utility-bar-container .tablet-mobile-only, .navbar .tablet-mobile-only, .wrapper-shift-class .tablet-mobile-only {display: none;}
.utility-bar-container .d-pad-r {padding-right: 0;}
.utility-bar-container .d-pad-l {padding-left: 0;}
/*common style*/
.utility-bar-container .rightheadtextlinks .countrySelector.active, .utility-bar-container .rightheadtextlinks .languageSelector.active {background-color: #515358;}
.utility-bar-container .leftheadtext ul li a:hover span, .utility-bar-container .leftheadtext ul li a:focus span{text-decoration: underline;}
.utility-bar-container .leftheadtext ul li a:hover, .utility-bar-container .leftheadtext ul li a:focus{outline: none;}
.utility-bar-container .rightheadtextlinks .languageSelector .languageMain:hover, .utility-bar-container .rightheadtextlinks .languageSelector .languageMain:focus {outline: 1px dotted #fff;}
.utility-bar-container .rightheadtextlinks .bg-white button:hover, .utility-bar-container .rightheadtextlinks .bg-white button:focus {outline: 1px dotted #fff;}
.navbar .primarynav .logoclass:hover, .navbar .primarynav .logoclass:focus {outline: 1px dotted !important;}
.popup .navbar .primarynav .logoclass:hover, .popup .navbar .primarynav .logoclass:focus {outline: none !important;}
.utility-bar-container .rightheadtextlinks .countrySelector .countryMenu ul li a:hover span {text-decoration: underline;}
.utility-bar-container .rightheadtextlinks .languageSelector .languageMenu ul li .not-selectedMenuItem:hover {color: #767676;}
.utility-bar-container .rightheadtextlinks .countrySelector .overlay, .utility-bar-container .rightheadtextlinks .languageSelector .overlay{position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: #ffffff; display: none; z-index: -2; opacity: 0; filter: alpha(opacity=0);}
.utility-bar-container .rightheadtextlinks .countrySelector.active .overlay, .utility-bar-container .rightheadtextlinks .languageSelector.active .overlay{display: block; }
.utility-bar-container .rightheadtextlinks .countrySelector.active .countryMenu {background: #404040; display: block; z-index: -1;}
.utility-bar-container .rightheadtextlinks .languageSelector.active .languageMenu {display: block; z-index: -1;}
.utility-bar-container .rightheadtextlinks .utility-bar-header-search.active .search-icon {background: #466174; display: inline-block;}
.utility-bar-container .rightheadtextlinks .utility-bar-header-search.active .searchtext{display: inline;}
.navbar .primarynav .main-nav .activeClass , .navbar .primarynav .main-nav .heading-li:hover {background: #ededed !important;}
.navbar .primarynav .main-nav .heading-li a:hover, .navbar .primarynav .main-nav .heading-li a:focus{text-decoration: underline; outline: none;}
.navbar .primarynav .main-nav .heading-li:hover .doormat-parent-a, .navbar .primarynav .main-nav .heading-li:hover + li .doormat-parent-a{border-left: none;padding-left: 1.625em;}
.dj_ie7  .navbar .primarynav .main-nav .heading-li:hover .doormat-parent-a, .dj_ie7 .navbar .primarynav .main-nav .heading-li:hover + li .doormat-parent-a, .dj_ie8 .navbar .primarynav .main-nav .heading-li:hover .doormat-parent-a, .dj_ie8 .navbar .primarynav .main-nav .heading-li:hover + li .doormat-parent-a {padding-left: 20px;}
.navbar .primarynav .main-nav .heading-li:hover .doormatmenu {display: block !important;}
.navbar .primarynav .main-nav .activeClass .doormat-parent-a, .navbar .primarynav .main-nav .activeClass + li .doormat-parent-a{border-left: none;padding-left: 1.625em;}
.navbar .primarynav .main-nav .activeClass .doormatmenu {display: block !important;}
.navbar .primarynav .main-nav .heading-li .overlay{position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: #ffffff; display: none; z-index: 0; opacity: 0; filter: alpha(opacity=0);}
.navbar .primarynav .main-nav .activeClass .overlay{display: block; }
.navbar .primarynav .doormatmenu .row .doormat-main-col .l-four .doormat-links li :hover {text-decoration: underline;}
.navbar .primarynav .doormatmenu .row .l-three .graphite-bg .doormat-links li :hover {text-decoration: underline; background-color: #404040}
.navbar .primarynav .main-nav .heading-li:focus .doormat-parent-a{background: #ededed !important; text-decoration: none !important;}
/*IE*/
.dj_ie7 .navbar .primarynav .logo, .dj_ie8 .navbar .primarynav .logo  {margin-top: 10px;}
.dj_ie7 .navbarshadow, .dj_ie8 .navbarshadow{background: url(/1/content/masthead/images/menushadow.png) repeat-x 100% 100%; width:100%; height:8px; top:95px; position:fixed; z-index: 1000;}
.dj_ie7 .navbar .main-nav > ul > ul > li > a, .dj_ie7 .navbar .main-nav > ul > li > a, .dj_ie8 .navbar .main-nav > ul > ul > li > a, .dj_ie8 .navbar .main-nav > ul > li > a {padding: 0 20px; margin: 20px 0;}
.dj_ie7 .navbar .main-nav > ul > li:first-child > a, .dj_ie8 .navbar .main-nav > ul > li:first-child > a {padding-left: 20px!important;}
.dj_ie7 .navbar .main-nav ul > li a span.headtextsub, .dj_ie8 .navbar .main-nav ul > li a span.headtextsub  {display: none;}
.dj_ie8 .navbar .main-nav > ul > li > .doormatmenu {width: 98%; max-height: 460px;}
.dj_ie7 .navbar .row .l-eight.columns, .dj_ie8 .navbar .row .l-eight.columns {width: 66.65%;}
.dj_ie7 .navbar .row .l-two.columns, .dj_ie8 .navbar .row .l-two.columns {width: 16.65%;}
.dj_ie8 .navbar .doormatmenu .doormat-main-col {width: 75%;}
.dj_ie8 .navbar .doormatmenu  .columns.l-three {width: 24.98%;}
.dj_ie8 .navbar .doormatmenu .doormat-main-col .l-four.columns {width: 31%;}
.dj_ie7 .navbar .main-nav .doormatmenu .doormat-main-col > .columns, .dj_ie8 .navbar .main-nav .doormatmenu .doormat-main-col > .columns {max-height: 408px !important;}
/*IE7*/
.dj_ie7 [class^="icon-"], .dj_ie7 [class*=" icon-"] {text-decoration: inherit; display: inline; speak: none;}
.dj_ie7 .icon-chevron-down {*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.dj_ie7 .icon-chevron-up {*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.dj_ie7 .logondiv .icon-chevron-right{*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.dj_ie7 .utility-bar-container .icon-search {*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.dj_ie7 .navbar .chv {*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); display: inline; font-family: 'hsbcicons_regular'; font-style: normal; font-size: 1.5em; vertical-align: middle; color: #db0011;}
.dj_ie7 .navbar .icon-security-lock {*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); margin-right: 4px;}
.dj_ie7 .wrapper-shift-class .icon-phone {*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); font-size: 35px; margin-top: -4px; color: #929292;}
.dj_ie7 .wrapper-shift-class .icon-location {*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); font-size: 35px; margin-top: -4px; color: #929292;}
.dj_ie7 .wrapper-shift-class .icon-circle-info {*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); font-size: 35px; margin-top: -4px; color: #929292;}
.dj_ie7 .wrapper-shift-class .icon-add {*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); font-size: 35px; margin-top: -4px; color: #929292;}
.dj_ie7 .wrapper-shift-class .icon-global {*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); font-size: 35px; margin-top: -4px; color: #929292;}
.dj_ie7 .icon-footer-right-arrow {*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); color: #FFF; font-size: 18px; vertical-align: -3px;}
.dj_ie7 .icon-circle-delete {*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.dj_ie7 .loaderOverlay .loader {padding: 33px 0px 33px 0px;}
.dj_ie7 .loaderOverlay .loader .loaderImage {margin: 0px 33px;}
.dj_ie7 .loaderOverlay .loader p {margin: 7px 0px 19px 0px;}
.dj_ie7 .utility-bar-container .columns {padding: 0px 0px;}
.dj_ie7 .utility-bar-container span.line-selector, .dj_ie7 .utility-bar-container span.line {zoom: 1;}
.dj_ie7 .utility-bar-container .rightheadtextlinks .search-icon {margin-left: 1px;}
.dj_ie7 .utility-bar-container .icon-search {font-size: 1.3em; padding-left: 3px; padding-right: 6px; text-decoration: none; color: #fff !important;}
.dj_ie7 .utility-bar-container .languageSelector .languageMenu {position: absolute; top: 45px; left: 0; background-color: #515358; min-width: 180px; display: none;}
.dj_ie7 .navbar .main-nav > ul > li  {height: 60px;}
.dj_ie7 .navbar .main-nav .doormatmenu {max-width: 1126px; max-height: 460px;}
.dj_ie7 .navbar .main-nav .doormatmenu .row {max-width: 1126px;}
.dj_ie7 .navbar .main-nav .doormatmenu .doormat-main-col {width: 75%;}
.dj_ie7 .navbar .main-nav .doormatmenu .doormat-main-col .columns{width: 28.5%;}
.dj_ie7 .navbar .main-nav .doormatmenu .l-three.columns {width: 24.5%; margin-top: -39px; }
.dj_ie7 .navbar .main-nav .doormatmenu .columns .highlight.graphite-bg{margin-top: 14px; margin-bottom: 14px;}
.dj_ie7 .wrapper-shift-class .grid12col .footer-top .l-three.columns {width: 275px;}
.dj_ie7 .wrapper-shift-class .grid12col .footer-top {width: 100%;}