/****************************/ /* base.css /****************************/ /* ---------------------------------------------------------------------------------------------- HSBC International BASE StyleSheet Author: Rew Islam Created: 22 Feb 2005 Updated: 15 Mar 2005 History: 22 Feb 2005 This file should contain everything that isn't a divlet or a container. *** This file should NOT contain any mention of containers, or divlets! *** 28 Feb 2005 Need to implement background image for child div's, need to map every variation and create image for each. 08 Mar 2005 Seriuos tidy-up job. 15 Mar 2005 Minor tweaks P2GLF000101 Align left side of portlets 22 Jul 2005 Jack Jia ---------------------------------------------------------------------------------------------- */ /* Default * Text styles ---------------------------------------------------------------------------------------------- */ html body, body, .wpsPortletBody, .wpsPortletText, .wpsEditText, .wpsPortletSmText, .wpsEditSmText, .wpsPortletTinyText, .portlet-font { margin: 0px; font-family: Arial, Helvetica, sans-serif; color: #000; } body {background: #F4F2F2 url(../../images/main/bg.gif) repeat-x;} /*{background-color:#ffffff;}*/ /* body /* {background: #F4F2F2 url(../../images/main/bg.gif) repeat-x;background-color:#ffffff;} /* Form, Input, Select * Layout styles ---------------------------------------------------------------------------------------------- */ form { display:inline; } input, select, label, .portlet-form-input-field, .wpsLabelText, .portlet-form-field, .portlet-form-field-label, .wpsRequiredLabelText, .portlet-form-label { vertical-align:middle !important; } /* A, A Img * Text stlyes ---------------------------------------------------------------------------------------------- */ a img { border:0px; } A { COLOR: #f00 } A:hover { TEXT-DECORATION: underline } /* Spacing control below content div's * Layout styles ---------------------------------------------------------------------------------------------- */ div.hsbcSpacing01 { padding-bottom:16px !important; width: auto; float:left; background-color:#fff; } div.hsbcSpacing02 { margin-bottom:16px; width: auto; } /* Spacing style 03 ---------------------------------------------------------------------------------------------- */ div.hsbcSpacing03 div.hsbcColumn { /* mac-ie */ border-bottom:8px solid #fff; /*non-mac-ie \*/ border-bottom:16px solid #fff; /* */ background-color:#fff; } /* div.hsbcSpacing03 { padding-bottom:16px solid #fff; background-color:#fff; } */ /*for safari and ff*/ /* div.hsbcSpacing03 > div.hsbcColumn { lborder-bottom:16px solid #fff !important; } */ /*for ff*/ /* div.hsbcSpacing03:lang(en) { lborder-bottom:0px solid #fff; } */ /* Style required to remove whitespace around images used for banner * Layout styles ---------------------------------------------------------------------------------------------- */ div.hsbcPageBanner { line-height:0px; } /* prevent space between banner images placed adjacent * Layout styles ---------------------------------------------------------------------------------------------- */ div.hsbcBannerImg { float:left; } /* Content Style 01 * Grey box with 16px internal padding * * Used in: * banking.html * cheque-deposit-account.html * offshore-bank-acocunt.html ---------------------------------------------------------------------------------------------- */ div.hsbcStyleContent01, div.hsbcStyleContent03 { background-color:#F4EFDE; padding:16px; } div.hsbcStyleContent01 p, div.hsbcStyleContent03 p { margin:10px 0px 12px !important; } div.hsbcStyleContent01 h2, div.hsbcStyleContent02 h2, div.hsbcStyleContent03 h2 { text-transform:uppercase; /* mac-ie */ font-size:80%; /*non-mac-ie \*/ font-size:74%; /* */ margin:0px; line-height:100%; margin-bottom:21px; /*color:#000; not required as this is now default */ } div.hsbcStyleContent01 a, div.hsbcStyleContent03 a { color: #000; /*required as default is red*/ text-decoration:none; } div.hsbcStyleContent01 a:hover { text-decoration:underline; /*required for safari*/ } /* Content Style 02 * Plain box * * Used in: * banking.html ---------------------------------------------------------------------------------------------- */ div.hsbcStyleContent02 { padding:16px 0px; } div.hsbcStyleContent02 p { margin:6px 0px; } div.hsbcStyleContent02 p.extHrType01 { margin:12px 0px; } /*for safari and ff*/ div > div.hsbcStyleContent02 p.extHrType01 { margin:12px 0px 10px; } /*for ff*/ div.hsbcStyleContent02 p.extHrType01:lang(en) { margin:12px 0px; } /* Content Style 03 * This is style 01 with adjustments used in grey boxes with button line links * * Used in: * cheque-deposit-acocunt.html * offshore-bank-account.html ---------------------------------------------------------------------------------------------- */ div.hsbcStyleContent03 { padding-bottom:9px; } div.hsbcStyleContent03 h2 { margin-bottom:5px !important; } /* Content Style 04 * * Used in: * contact.html ---------------------------------------------------------------------------------------------- */ div.hsbcStyleContent14, div.hsbcStyleContent04 { padding-left:40px; padding-right:49px !important; margin-bottom:23px; } div.hsbcStyleContent14 p, div.hsbcStyleContent04 p { margin-top:7px; margin-bottom:7px; /*color:#000; not required as this is now default */ } /* Content Style 05 * * Used in: * contact.html ---------------------------------------------------------------------------------------------- */ div.hsbcStyleContent16 h2, div.hsbcStyleContent15 h2, div.hsbcStyleContent05 h2 { /* mac-ie */ font-size:93%; /*non-mac-ie \*/ font-size:86%; /* */ margin:0px !important; margin-left:16px !important; margin-right:16px !important; } div.hsbcStyleContent16 h2 a, div.hsbcStyleContent15 h2 a, div.hsbcStyleContent05 h2 a { color:#000; text-decoration:none; } div.hsbcStyleContent16 h2 a:hover, div.hsbcStyleContent15 h2 a:hover, div.hsbcStyleContent05 h2 a:hover { text-decoration:underline; } div.hsbcStyleContent16 p, div.hsbcStyleContent15 p, div.hsbcStyleContent05 p { margin:0px; margin-left:32px; margin-right:32px; margin-bottom:18px; } div.hsbcStyleContent16 p.extHrType01, div.hsbcStyleContent15 p.extHrType01, div.hsbcStyleContent05 p.extHrType01 { margin-left:16px; margin-right:16px; margin-bottom:14px; } /* Content Style 06 * * Used in: * case-study.html * contact.html ---------------------------------------------------------------------------------------------- */ div.hsbcStyleContent13 p, div.hsbcStyleContent06 p { margin: 0px 16px; padding-top:10px; padding-bottom:10px; } /* Content Style 07 * * Used in: * cheque-deposit-account.html * offshore-bank-account.html ---------------------------------------------------------------------------------------------- */ div.hsbcStyleContent07 { border: 1px solid #ccc; padding-top:12px; } div.hsbcStyleContent07 h1, div.hsbcStyleContent07 h2, div.hsbcStyleContent07 h3, div.hsbcStyleContent07 p, div.hsbcStyleContent07 ul { margin-left:16px !important; margin-right:16px !important; } div.hsbcStyleContent07 p { margin-top:6px !important; } div.hsbcStyleContent07 p.extHrType01 { margin-bottom:12px; } /* Content Style 08 * * Used in: * faqs.html * your-guide-to-moving-abroad.html ---------------------------------------------------------------------------------------------- */ div.hsbcStyleContent08 { margin-left:24px; margin-right:32px !important; margin-bottom:23px; } div.hsbcStyleContent08 p { margin-top:7px !important; margin-bottom:7px; /*color:#000; not required as this is now default */ } div.hsbcStyleContent08 p.extHrType01 { margin-right:0px !important; } /* Content Style 09 * * Used in: * faqs.html * your-guide-to-moving-abroad.html ---------------------------------------------------------------------------------------------- */ div.hsbcStyleContent09 h3 { margin-bottom:15px !important; margin-top:-2px !important; } div.hsbcStyleContent09 h3 a { color:#000; text-decoration:none; } div.hsbcStyleContent09 h3 a:hover { text-decoration:underline; } div.hsbcStyleContent09 p.extHrType01 { margin-top:0px; } /* Content Style 10 * * Used in: * legal-info.html ---------------------------------------------------------------------------------------------- */ div.hsbcStyleContent17, div.hsbcStyleContent10 { margin-left:16px; margin-right:32px !important; } /* Content Style 11 * * Used in: * search-results.html ---------------------------------------------------------------------------------------------- */ div.hsbcStyleContent11 { margin-top:18px; margin-bottom:22px; } div.hsbcStyleContent11 p, div.hsbcStyleContent11 h2 { margin: auto 16px; } div.hsbcStyleContent11 h2 { /* mac-ie */ font-size:93%; /*non-mac-ie \*/ font-size:86%; /* */ margin-bottom:3px; margin-top:15px; } div.hsbcStyleContent11 p { margin-top:3px; margin-bottom:3px; } div.hsbcStyleContent11 p.extHrType01 { margin-top:15px; margin-bottom:15px; } /* Content Style 12 * * Used in: * country-guides.html ---------------------------------------------------------------------------------------------- */ div.hsbcStyleContent12 { background-color:#eee; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; padding:14px 16px; /* mac-ie */ font-size:80%; /*non-mac-ie \*/ font-size:74%; /* */ font-weight:bold; } div.hsbcStyleContent12 select { font-size:100%; color:#333; } /* Content Style 13 - inherits Style 06 * * Used in: * country-guides.html ---------------------------------------------------------------------------------------------- */ div.hsbcStyleContent13 { border-left:1px solid #ccc; border-right:1px solid #ccc; } /* Content Style 14 - inherits Style 04 * * Used in: * country-guides.html ---------------------------------------------------------------------------------------------- */ div.hsbcStyleContent14 { border-left:1px solid #ccc; border-right:1px solid #ccc; margin:0px; padding-bottom: 20px; } div.hsbcStyleContent14 p { margin:0px !important; padding:3px 0px; } /* Content Style 15 - inherits Style 05 * * Uses H2 to provide space for dotted lines * * Used in: * country-guides.html ---------------------------------------------------------------------------------------------- */ div.hsbcStyleContent15 { padding-bottom:15px; } /* Content Style 16 - inherits Style 05 * * Used in: * site-map.html ---------------------------------------------------------------------------------------------- */ div.hsbcStyleContent16 p.extHrType01 { margin-top:15px; margin-bottom:14px; } /* Content Style 17 - inherits Style 10 * * Used in: * country-guides.html ---------------------------------------------------------------------------------------------- */ div.hsbcStyleContent17 { margin-bottom:16px; } div.hsbcStyleContent17 h2 { /* mac-ie */ font-size:93%; /*non-mac-ie \*/ font-size:86%; /* */ } /* Content Style 18 * * Used in: * current accounts * multiple borders required to avoid width change in box model bugs ---------------------------------------------------------------------------------------------- */ div.hsbcStyleContent18 { border-right:1px solid #ccc; border-left:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#fff; } /* Content Style 19 * * Used in: * current accounts ---------------------------------------------------------------------------------------------- */ div.hsbcStyleContent19 { width:291px; float:left; } /* Content Style 20 * * Used in: * current accounts ---------------------------------------------------------------------------------------------- */ div.hsbcStyleContent20 { width:275px; float:left; } /* Content Style 21 * * Used in: * current accounts ---------------------------------------------------------------------------------------------- */ div.hsbcStyleContent21 { margin-left:16px; margin-right:32px; margin-top:12px; margin-bottom:12px; } div.hsbcStyleContent21 p { margin-bottom:6px; margin-top:6px; } /* Content Style 22 * * Used in: * current accounts ---------------------------------------------------------------------------------------------- */ div.hsbcStyleContent22 { margin-left:16px; margin-right:16px; margin-top:12px; margin-bottom:12px; } div.hsbcStyleContent22 p { margin-bottom:6px; margin-top:6px; } /* Content Style Base - includes base html text elements (p,h1,h2,h3 etc). * * Used in: * case-study.html * cheque-deposit.account.html * contact.html * country-guides.html * faqs.html * homepage.html * legal-info.html * offshore-bank-account.html * rates.html * search-results.html * site-map.html * your-guide-to-moving-abroad.html ---------------------------------------------------------------------------------------------- */ h1, div.hsbcStyleContentBase h1 { /* mac-ie */ font-size:118%; /*non-mac-ie \*/ font-size:111%; /* */ margin-bottom:14px; margin-top:0px; } h2, div.hsbcStyleContentBase h2 { /*mac-ie*/ font-size:105%; /*non-mac-ie \*/ font-size:99%; /* */ margin:14px 0px; } h3, div.hsbcStyleContentBase h3 { /* mac-ie */ font-size:80%; /*non-mac-ie \*/ font-size:74%; /* */ margin:14px 0px; } div.hsbcStyleContentBase p { /* mac-ie */ font-size:80%; /*non-mac-ie \*/ font-size:74%; /* */ margin:14px 0px 17px; } div.hsbcStyleContentBase a { color:red; } ul.hsbcBaseList li, div.hsbcStyleContentBase ul li { /* mac-ie */ font-size:80%; /*non-mac-ie \*/ font-size:74%; /* */ list-style-type:none; background:url("../../images/listDot.gif") no-repeat top left; padding-left:12px; margin:7px 0px 7px 16px; line-height: 151%; } ul.hsbcBaseList, div.hsbcStyleContentBase ul { margin:0px; padding:0px; padding-bottom:5px; } div.hsbcStyleContentBase p.extHrType02 { background-image:none !important; border-top: 2px solid #ccc !important; } div.hsbcStyleContentBase label { /* mac-ie */ font-size:80%; /*non-mac-ie \*/ font-size:74%; /* */ } div.hsbcStyleContentBase select { font-size:100%; /* mac-ie */ font-size:74%; /*non-mac-ie \*/ font-size:68%; /* */ color:#333; } /* Content text ---------------------------------------------------------------------------------------------- */ .wpsPortletText, .wpsEditText, .wpsPortletSmText, .wpsEditSmText, .wpsPortletTinyText, .portlet-font, div.hsbcContent p { /* mac-ie */ font-size:80%; /*non-mac-ie \*/ font-size:74%; /* */ } /* Horizontal Line ---------------------------------------------------------------------------------------------- */ p.extHrType01 { background:url("../../images/dotRepeater.gif") repeat-x; line-height:1px; display:block; font-size:1%; margin:0px; padding:0px !important; } /* Inline buttons ---------------------------------------------------------------------------------------------- */ .extInlineButtons img { float:right; } .extInlineButtons img { margin-left:6px; } .extOverrideInlineButtons { float:none !important; margin-left:0px !important; } /* Popup ---------------------------------------------------------------------------------------------- */ .extPopup { width: 100% !important; margin-right: 20px; } /* Link Type 01 Red and Bold ---------------------------------------------------------------------------------------------- */ a.hsbcLinkStyle01 { color:#f00; text-decoration:none; font-weight:bold; } a.hsbcLinkStyle01:hover { text-decoration:underline; } /* Link Type 02 Blue ---------------------------------------------------------------------------------------------- */ a.hsbcLinkStyle02 { color:#06c !important; text-decoration:none; } a.hsbcLinkStyle02:hover { text-decoration:underline; } /* Link Type 03 Blue ---------------------------------------------------------------------------------------------- */ a.hsbcLinkStyle03 { color:#36c !important; } /* Link Type 04 Grey ---------------------------------------------------------------------------------------------- */ a.hsbcLinkStyle04 { color:#999 !important; text-decoration:none; font-family:Arial; } a.hsbcLinkStyle04:hover { text-decoration:underline; } /* RightTools box ---------------------------------------------------------------------------------------------- */ div.hsbcToolBox { background-color: #E3DBBD; padding:0px 0px 11px; padding-bottom:14px; background-repeat: no-repeat; background-position: top; border-bottom: 1px solid #fff; } div.hsbcToolBox a { color:#000; text-decoration:none; } div.hsbcToolBox a:hover { text-decoration:underline; } div.hsbcToolBox p { /*color:#000; not required as this is now default */ /* mac-ie */ font-size:74%; /*non-mac-ie \*/ font-size:68%; /* */ margin:5px 8px; } div.hsbcToolBox select { /* mac-ie */ font-size:74%; /*non-mac-ie \*/ font-size:68%; /* */ margin-left:8px; } div.hsbcToolBox form { display:block; margin:0px; /*margin-bottom:9px;*/ } div.hsbcToolBox label { display:block; } div.hsbcTitleToolBox p { display:none; } div.hsbcTitleToolBox { height:21px; display:block; background-repeat:no-repeat; background-position: top left; margin-left:8px; } /* Types of RightTools box ---------------------------------------------------------------------------------------------- */ div.hsbcToolBoxStyle01 div.hsbcTitleToolBox { background-image:url("../../images/toolbox/hInternetBankingUnlocked.gif"); } div.hsbcToolBoxStyle01 div.extUnlocked { background-image:url("../../images/toolbox/hInternetBankingLocked.gif"); } div.hsbcToolBoxStyle02 div.hsbcTitleToolBox { background-image:url("../../images/toolbox/hRelatedLinks02.gif"); } div.hsbcToolBoxStyle03 div.hsbcTitleToolBox { background-image:url("../../images/toolbox/hPageOptions02.gif"); } div.hsbcToolBoxStyle04 div.hsbcTitleToolBox { background-image:url("../../images/toolbox/hAdviceAndTools02.gif"); padding-bottom:6px; } div.hsbcToolBoxStyle05 { background-image:url("../../images/toolbox/hImgTalkToUs02.gif"); } div.hsbcToolBoxStyle05 div.hsbcTitleToolBox { background-image:url("../../images/toolbox/hTalkToUsTrn02.gif"); padding-bottom:0px; } div.hsbcToolBoxStyle06 div.hsbcTitleToolBox { background-image:url("../../images/toolbox/hQuickApplyAndInfo02.gif"); padding-bottom:7px; } div.hsbcToolBoxStyle07 div.hsbcTitleToolBox { background-image:url("../../images/toolbox/hMarketWatch02.gif"); padding-bottom:5px; } div.hsbcToolBoxStyle08 div.hsbcTitleToolBox { background-image:url("../../images/toolbox/hImportantInformation02.gif"); } /* 'Internet banking' toolbox * ---------------------------------------------------------------------------------------------- */ div.hsbcToolBoxStyle01 input.extTextInput { width:100px; vertical-align:middle; font-size:100%; padding-bottom:0px !important; } div.hsbcToolBoxStyle01 label { /*color:#000; not required as this is now default */ } div.hsbcToolBoxStyle01 table { /* mac-ie */ font-size:74%; /*non-mac-ie \*/ font-size:68%; /* */ border-collapse:collapse; /*color:#000; not required as this is now default */ margin:0px 8px 9px; padding:0px; } div.hsbcToolBoxStyle01 table td { margin:0px; padding:0px; height:22px; } div.hsbcToolBoxStyle01 .extLogStatus { color:red; font-weight:bold; } /* 'Advice and tools' toolbox * ---------------------------------------------------------------------------------------------- */ div.hsbcToolBoxStyle04 select { width:115px; } div.hsbcToolBoxStyle04 label { /* mac-ie */ font-size:74%; /*non-mac-ie \*/ font-size:68%; /* */ margin-bottom:4px; margin-left:8px; } /* 'Quick apply' toolbox * ---------------------------------------------------------------------------------------------- */ div.hsbcToolBoxStyle06 select { width:118px; } div.hsbcToolBoxStyle06 label { /* mac-ie */ font-size:74%; /*non-mac-ie \*/ font-size:68%; /* */ margin-bottom:4px; } /* 'Market watch' toolbox * ---------------------------------------------------------------------------------------------- */ div.hsbcToolBoxStyle07 { padding-left:1px; padding-right:1px; } div.hsbcToolBoxStyle07 p { margin-left:10px; margin-right:10px; /* mac-ie */ font-size:74%; /*non-mac-ie \*/ font-size:68%; /* */ } div.hsbcToolBoxStyle07 p.pStyle01 { color:#666; /* mac-ie */ font-size:68%; /*non-mac-ie \*/ font-size:61%; /* */ } /* Toolbox Content Style01 * ---------------------------------------------------------------------------------------------- */ div.hsbcSubToolBoxContentStyle01 { background-color:#fff; border-left:1px solid #D4D4D4; border-right:1px solid #D4D4D4; padding:3px 0px; border-bottom:1px solid #D4D4D4; } div.hsbcSubToolBoxContentStyle01 p { margin-top:2px; margin-bottom:2px; } /* Table Styles * ---------------------------------------------------------------------------------------------- */ tr.hsbcTableRow01 { background-color:#fff; } tr.hsbcTableRow02 { background-color:#fcc; } td.hsbcTableColumn01 { text-align:right; } /* Table style 01 * ---------------------------------------------------------------------------------------------- */ table.hsbcTableStyle01 { border-collapse:collapse; width:100%; } table.hsbcTableStyle01 td { padding:0px; } table.hsbcTableStyle01 td.extTableColumn01 { width:184px; vertical-align:top; text-align:left; } table.hsbcTableStyle01 td.extTableColumn02 { vertical-align:bottom; padding:0px 0px 0px 0px; } table.hsbcTableStyle01 td.extTableColumn03 { vertical-align:bottom; padding:0px 0px 0px 0px; } table.hsbcTableStyle01 td.extTableColumn04 { vertical-align:bottom; } table.hsbcTableStyle01 td.extTableColumn05 { vertical-align:bottom; } table.hsbcTableStyle01 td.extTableColumn06 { background-color: #FF0000; } table.hsbcTableStyle01 td.extTableColumn07 { width:150px; vertical-align:bottom; } /* Table style 02 * ---------------------------------------------------------------------------------------------- */ table.hsbcTableStyle02 { width:100%; border-collapse:collapse; } table.hsbcTableStyle02 td { /* mac-ie */ font-size:74%; /*non-mac-ie \*/ font-size:68%; /* */ text-align:right; padding:10px 0px 10px 0px; } /* Table style 03 * ---------------------------------------------------------------------------------------------- */ table.hsbcTableStyle03 { border-collapse:collapse; width:100%; padding: 0px; border-bottom:1px solid #FF0000; } table.hsbcTableStyle03 td { padding: 0px; } table.hsbcTableStyle03 td.extTableColumn01 { width:140px; vertical-align:top; text-align:left; padding:0px 0px 0px 0px; } table.hsbcTableStyle03 td.extTableColumn02 { vertical-align:bottom; padding:0px 0px 0px 0px; text-align: left; line-height:28px; } table.hsbcTableStyle03 td.extTableColumn03 { vertical-align:bottom; padding:0px 0px 0px 0px; } table.hsbcTableStyle03 td.extTableColumn04 { vertical-align:bottom; padding:0px 0px 0px 0px; text-align: right; } table.hsbcTableStyle03 td.extTableColumn05 { background-color: #FF0000; } /* Table style 04 * * Used for glossary page ---------------------------------------------------------------------------------------------- */ table.hsbcTableStyle04 { width: 100%; text-align: center; border: 0; border-collapse: collapse; } table.hsbcTableStyle04 td { white-space: nowrap; font-size:74%; color:#FFFFFF; vertical-align:middle; padding:5px 0px 5px 0px; } table.hsbcTableStyle04 td.extSelected { background-color:#fff; } table.hsbcTableStyle04 td a { } /* Table style 05 * * Used for glossary page ---------------------------------------------------------------------------------------------- */ table.hsbcTableStyle05 { width: 100%; text-align: center; border: 0; border-collapse: collapse; background-color: #FF0000; } table.hsbcTableStyle05 th { text-align:left; font-weight:normal; } table.hsbcTableStyle05 th, table.hsbcTableStyle05 td { white-space: nowrap; font-size:74%; color:#FFFFFF; vertical-align:middle; padding:5px 0px 5px 0px; } table.hsbcTableStyle05 td img { padding-right:5px; } table.hsbcTableStyle05 tr.hsbcTableRow03 td { border-bottom:none; padding-bottom:0px; } table.hsbcTableStyle05 tr.hsbcTableRow04 td { border-bottom:1px solid #ccc; padding-bottom:10px; } table.hsbcTableStyle05 tr.hsbcTableRow05 td { background-color:#eee; white-space:nowrap; padding-bottom:15px; } table.hsbcTableStyle05 td.extTableColumn04 { background-color: #EAEAEA; /* mod 2006/01 */ color:#666666; /* mod 2006/01 */ font-weight:bold; line-height:1em !important; border: 1px solid #CCCCCC; } table.hsbcTableStyle06 tr.hsbcTableRow05 td { border-bottom: 1px solid #CCCCCC; } table.hsbcTableStyle07 tr.hsbcTableRow05 td { border-bottom: 1px solid #CCCCCC; } table.hsbcTableStyle20 tr.hsbcTableRow05 td { border-bottom: 1px solid #CCCCCC; } /* Other Styles ---------------------------------------------------------------------------------------------- */ /* hsbcHideBlock * * Used to hide block items from non javascript browsers ---------------------------------------------------------------------------------------------- */ .hsbcHideBlock { display:none; } /* Align Type 01 * * Used in: * your-guide-to-moving-abroad.html ---------------------------------------------------------------------------------------------- */ .hsbcAlignType01 { float:right; margin-right:5px; } .hsbcAlignType02 { text-align:right; white-space: nowrap; } .hsbcAlignType03 { float: left; } .hsbcAlignType04 { float: right; margin-left:16px; } /* Page Background Style 01 * * Used in: * banking.html ---------------------------------------------------------------------------------------------- */ .hsbcPageBgStyle01 { background: url(../../images/bgColumnType02RightToolsOnly.gif) repeat-y; } /* Page Background Style 02 * * Used in: * case-study.html * cheque-deposit-account.html * contact.html * country-guides.html * faqs.html * homepage.html * legal-info.html * offshore-bank-account.html * rates.html * search-results.html * site-map.html * your-guide-to-moving-abroad.html ---------------------------------------------------------------------------------------------- */ .hsbcPageBgStyle02 { background: url(../../images/bgRightToolsOnlyType02.gif) repeat-y; } /* Page Background Style 03 * * Used in: * country-guide.html ---------------------------------------------------------------------------------------------- */ .hsbcPageBgStyle03 { background:url("../../images/country-guides/bg.gif") repeat-y top left; } /* Page Background Style 04 * * Used in: * country-guide.html ---------------------------------------------------------------------------------------------- */ .hsbcPageBgStyle04 { background:url("../../images/country-guides/subBg.gif") repeat-y top left; } /* Page Background Style 05 * * Used in: * country-guide.html ---------------------------------------------------------------------------------------------- */ .hsbcPageBgStyle05 { border-bottom:1px solid #ccc; padding-bottom:16px; } /* TextType01 * Used for utility links such as 'back to top' and 'close' links ---------------------------------------------------------------------------------------------- */ .hsbcTextStyle01 { /* mac-ie */ font-size:74% !important; /*non-mac-ie \*/ font-size:68% !important; /* */ } .hsbcTextStyle01 a { color:#000 !important; } /* Text Type 02 * Used for search result file type text ---------------------------------------------------------------------------------------------- */ .hsbcTextStyle02 { margin-top:3px; margin-bottom:15px !important; color:#666 !important; } /* Text Type 03 * Used for search result ---------------------------------------------------------------------------------------------- */ .hsbcTextStyle03 { text-transform:uppercase; font-weight:bold; } /* Text Type 04 * Used for search result ---------------------------------------------------------------------------------------------- */ .hsbcTextStyle04 { color:#f00; font-weight:bold; } /* Text Type 05 * Used for rates.html ---------------------------------------------------------------------------------------------- */ .hsbcTextStyle05 { /* mac-ie */ font-size:74% !important; /*non-mac-ie \*/ font-size:68% !important; /* */ margin:0px 0px 7px !important; } /* Text Type 06 * Used for increasing size of interest rates ---------------------------------------------------------------------------------------------- */ .hsbcTextStyle06 { /* mac-ie */ font-size:155% !important; /*non-mac-ie \*/ font-size:149% !important; /* */ font-weight:bold; } /* Text Type 07 * * Replacement for Legal text ---------------------------------------------------------------------------------------------- */ .wpsCopyrightText, p.hsbcTextStyle07 { /* mac-ie */ font-size:74% !important; /*non-mac-ie \*/ font-size:68% !important; /* */ color:#666; } /* Text Type 08 * * Positive text * Used in market review table ---------------------------------------------------------------------------------------------- */ .hsbcTextStyle08, .hsbcTextStyle08 a { color:#090 !important; } /* Text Type 09 * * Negative text * Used in market review table ---------------------------------------------------------------------------------------------- */ .hsbcTextStyle09, .hsbcTextStyle09 a { color:#f00 !important; } /* Text Type 10 * * Highlight Style ---------------------------------------------------------------------------------------------- */ .hsbcTextStyle10 { font-weight:bold; } /* Text Type 11 * * Highlight Style ---------------------------------------------------------------------------------------------- */ .hsbcTextStyle11 { color:#f00; } /* Text Type 12 * * Log on greeting text Style ---------------------------------------------------------------------------------------------- */ /* Block Style 01 * ---------------------------------------------------------------------------------------------- */ .hsbcBlockStyle01 { padding: 13px 17px; background: #eee; border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc; } .hsbcBlockStyle01 p { margin:0px; } /* Block Style 02 * ---------------------------------------------------------------------------------------------- */ .hsbcBlockStyle02 { border-top:0px !important; border-bottom:1px solid #ccc; } /* Image style 01 * Used in market review table ---------------------------------------------------------------------------------------------- */ img.hsbcImageStyle01 { margin-right:8px !important; } /* Image style 02 * Used in sitemap ---------------------------------------------------------------------------------------------- */ img.hsbcImageStyle02 { margin-right:6px !important; } .extFloatBugFix { clear:both; } .extHideBlock { display:none; } /* Bespoke message style * Used in proof of concept work for messages bar ---------------------------------------------------------------------------------------------- */ div.extMessageLangToggle { background-color: #EFEFEF; padding:3px 5px 5px 5px; margin-bottom: 14px; /* P2GLF000101 start */ margin-left: 8px; margin-right: 3px; /* P2GLF000101 end */ font-size: 96%; } div.extMessageLangToggle span { float: right; font-size: 86%; color: #999; padding:0px 0px 6px 0px; } div.extMessageLangToggle p { padding:0px 0px 0px 20px; margin:0; border:0; background:url("../../images/icons/iconMessageNew.gif") no-repeat left; } /****************************/ /* containers.css /****************************/ /* ---------------------------------------------------------------------------------------------- HSBC International CONTAINERS StyleSheet Author: Rew Islam Created: 22 Feb 2005 Updated: 23 Feb 2005 History: 22 Feb 2005 Copied top level container styles from co.uk build, will need to re-think layout control in terms of column control and the various types of templates. Templates must be controlled by containers only. 23 Feb 2005 New control structure for column control. 04 Mar 2005 Right column only with 4 column control added. All column control divs floated left. This fixed a problem on the mac where javascript jsfShowHide function was causing render issues. ---------------------------------------------------------------------------------------------- */ /* Top Level Containers ---------------------------------------------------------------------------------------------- */ div.containerGlobal { width: 974px; } div.containerLogoArea { width: 350px; float: left; clear:left; } div.containerLeft { width: 152px; float: left; } div.containerTabMenu { width:100%; float:left; } div.containerBreadCrumb { width:100%; float:left; } DIV.containerFooter { FLOAT: left; WIDTH: 100% } DIV.containerEntity { WIDTH: 100% } div.containerMain { width: 100%; /*padding-left:10px;*/ float:left; } div.containerPopupMain { width: 100%; padding-left:10px; float:left; } div.containerControlOne, div.containerControlTwo, div.containerControlThree, div.containerControlFour, div.containerContent, div.containerOuterContent { float:left; } /* The following styles can handle more complicated layouts than the existing three layouts: i.e. Left, Right, LeftRight. e.g. These styles can handle nested LeftRight layout. ---------------------------------------------------------------------------------------------- */ /* P2G CA styles start */ div.containerControlLeft div.containerContentOne { width: 812px; float: left; } div.containerControlLeft div.containerControlOne { width: 812px; float: left; } div.containerControlLeft div.containerControlOne div.containerContentOne { width: 812px; float: left; } div.containerControlLeft div.containerContentTwo { width: 652px; float: left; } div.containerControlLeft div.containerRight { width:auto; float: right; text-align: right; padding-right: 3px; } div.containerControlLeft div.containerRightLeft { width:10%; float: right; text-align: right; padding-right: 3px; } div.containerControlLeft div.containerControlTwo { width: 652px; float: left; } div.containerControlLeft div.containerControlTwo div.containerContentTwo { width: 652px; float: left; } div.containerControlLeft div.containerRightTools { width: 150px; float: left; margin-left:10px; /* no top padding for TAI as no help link */ padding: 0px 0px 0px 0px; /* top padding to align with main portlet with help link */ /* padding: 27px 0px 0px 0px; */ } div.containerControlLeft div.containerControlRightTools { width: 160px; float: left; } div.containerControlLeft div.containerControlRightTools div.containerRightTools { width: 160px; float: left; } /* P2G CA styles end */ /* Left and Right columns | | | | ---------------------------------------------------------------------------------------------- */ div.containerControlLeftRight div.containerContent { width:652px; float:left; } div.containerControlLeftRight div.containerControlOne div.hsbcColumn { width: 652px; } div.containerControlLeftRight div.containerControlTwo div.hsbcColumn { width: 219px; } div.containerControlLeftRight div.containerControlThree div.hsbcColumn { width: 146px; } div.containerControlLeftRight div.containerControlThree div.hsbcColumnDouble { width: 292px !important; } div.containerControlLeftRight div.containerOuterContent { width:604px; } /* Right column only | | | ---------------------------------------------------------------------------------------------- */ div.containerControlRight div.containerLeftNav { display:none; } div.containerControlRight div.containerContent { width:584px; float:left; } div.containerControlRight div.containerControlOne div.hsbcColumn { width: 584px; } div.containerControlRight div.containerControlTwo div.hsbcColumn { width: 292px; } div.containerControlRight div.containerControlFour div.hsbcColumn { width:146px; } div.containerControlRight div.containerControlTwo div.hsbcColumnDouble { width: 292px !important; } div.containerControlRight div.containerOuterContent { width:750px !important; } /* Left column only | | | ---------------------------------------------------------------------------------------------- */ /* div.containerControlLeft div.containerLeftNav { margin-right:0px !important; } div.containerControlLeft div.hsbcContent { margin-left:16px; margin-right:0px !important; } div.containerControlLeft div.containerRightTools { display:none; } */ div.containerControlLeft div.containerContent { width:620px; float:left; } div.containerControlLeft div.containerControlOne div.hsbcColumn { width: 620px; } div.containerControlLeft div.containerControlTwo div.hsbcColumn { width: 310px; } div.containerControlLeft div.containerControlFour div.hsbcColumn { width: 155px; } div.containerControlLeft div.containerControlFour div.hsbcColumnDouble { width: 310px; } div.containerControlLeft div.containerControlFour div.hsbcTripleColumn { width: 465px; } /* Column, Content, Right and Left div's ---------------------------------------------------------------------------------------------- */ div.hsbcColumn { float:left; } div.hsbcContent { margin-right:0px; width:auto; float:none; text-align:right; } div.containerLeftNav { width:142px; margin-right:10px; float:left; } div.containerRightTools { width:160px; float:left; } /* MYM2000#133 */ div.containerControlLeft div.containerControlWide div.containerContentThree { width:966px; float:left; } div.containerControlLeft div.containerContentThree { width:966px; float:left; } /****************************/ /* divlets.css /****************************/ /* ---------------------------------------------------------------------------------------------- HSBC International DIVLETS StyleSheet Author: Rew Islam Created: 22 Feb 2005 Updated: 22 Feb 2005 History: 22 Feb 2005 Copies divlets from co.uk build. Tab Menu is new, taken from the header test build. 15 Mar 2005 Left hand navigation, second level, moved across 4 pixels and text moved across from arrow 2 pixels. P2GLF000101 Align left side of portlets 22 Jul 2005 Jack Jia ---------------------------------------------------------------------------------------------- */ /* LOGO DIVLET ---------------------------------------------------------------------------------------------- */ div.hsbcDivletLogo { height:52px; width:auto; } div.hsbcDivletLogo .hsbcDivletLogoImage { padding:13px 0px 0px 10px; float:left; width:141px; } div.hsbcDivletLogo .hsbcDivletLogoTagLine { float:left; vertical-align:middle; padding:18px 0px 0px 12px; font:bold 14px Arial, Helvetica, sans-serif; color:#f00; } /* SEARCH DIVLET ---------------------------------------------------------------------------------------------- */ div.hsbcDivletSearch { float:right; text-align:right; /* mac-ie */ font-size:86%; /*non-mac-ie \*/ font-size:80%; /* */ margin-top:13px; padding-right:6px; } div.hsbcDivletSearch input { vertical-align:middle; } /* TABMENU DIVLET ---------------------------------------------------------------------------------------------- */ div.hsbcDivletTabMenu, .wpsPortletTabSet { background:url("../../images/tab_bg.gif") repeat-x left bottom; height:44px; width:100%; clear:left; } div.hsbcDivletTabMenu ul { margin:0px; padding:0px; } div.hsbcDivletTabMenu ul li { margin:0px; padding:0px 0px 0px 6px; list-style:none; float:left; height:44px; background:url("../../images/tab_off_left.gif") no-repeat top left; text-align:center; } div.hsbcDivletTabMenu ul li a, .wpsPortletTabLink { padding:0px 9px 0px 2px; margin:0px; height:44px; line-height:36px; float:left; display:block; background:url("../../images/tab_off_right.gif") no-repeat top right; text-decoration:none; color:#000; /* mac-ie */ font-size:74%; /*non-mac-ie \*/ font-size:68%; /* */ font-weight:normal; vertical-align:50%; } div.hsbcDivletTabMenu ul li a:hover, .wpsPortletTabLink:hover { color:#f00 !important; text-decoration:none; } div.hsbcDivletTabMenu ul li.hsbcDivletTabMenuSelected, .wpsPortletSelectedTab { background:url("../../images/tab_on_left.gif") no-repeat top left; } div.hsbcDivletTabMenu ul li.hsbcDivletTabMenuSelected a, .wpsPortletSelectedTab a, .wpsPortletSelectedTabLink { background:url("../../images/tab_on_right.gif") no-repeat top right; } div.hsbcDivletTabMenu ul li.extFirstTab { background:url("../../images/first_tab_off_left.gif") no-repeat top left; padding-left:15px; } div.hsbcDivletTabMenu ul li.extFirstTabSelected { background:url("../../images/first_tab_on_left.gif") no-repeat top left; padding-left:15px; } div.hsbcDivletTabMenu ul li.extFirstTabSelected a { background:url("../../images/tab_on_right.gif") no-repeat top right; } div.hsbcDivletTabMenu ul li.extSelectedTabRight { background:url("../../images/tab_off_left_selected_right.gif") no-repeat top left; } div.hsbcDivletTabMenu ul li.extSelectedTabRight a { background:url("../../images/tab_off_right_selected_right.gif") no-repeat top right; } div.hsbcDivletTabMenu ul li.extSelectedTabLeft {} div.hsbcDivletTabMenu ul li.extSelectedTabLeft a { background:url("../../images/tab_off_right_selected_left.gif") no-repeat top right; } div.hsbcDivletTabMenu ul li.extLastTabSelected { background: url("../../images/tab_on_left.gif") no-repeat top left; } div.hsbcDivletTabMenu ul li.extLastTabSelected a { background: url("../../images/last_tab_on_right.gif") no-repeat top right; padding-right:34px; } div.hsbcDivletTabMenu ul li.extRightAlignTab { float:right; padding-right:10px; } div.hsbcDivletTabMenu ul li.extRightAlignTabSelected { background: url("../../images/first_tab_on_left.gif") no-repeat top left; float:right; padding-left:15px; padding-right:0px; } div.hsbcDivletTabMenu ul li.extRightAlignTabSelected a { background:url("../../images/right_align_tab_on_right.gif") no-repeat top right; padding-right:20px; padding-left:3px; } div.hsbcDivletTabMenu ul li.extSelectedTabRightEndBlock { background:url("../../images/tab_off_left_selected_right_end_block.gif") no-repeat top left; } div.hsbcDivletTabMenu ul li a.extDoubleLine { line-height:13px; padding-top:4px; /* FIX FOR:PC IE5.5 and PC IE5.01 */ height:44px; hei\ght:40px; } div.hsbcDivletTabMenu ul li a .extMacIE { float:left; clear:left; padding-top:2px; /*FIX FOR:MAC IE \*/ float:none; clear:none; padding-top:0px; /* */ } /* BREADCRUMB DIVLET ---------------------------------------------------------------------------------------------- */ div.hsbcDivletBreadCrumb, .wpsBreadcrumbTrail { float:left; margin:6px 0px 0px 0px; padding:0px 0px 10px 10px; /* width:620px; */ width:100%; } div.hsbcDivletBreadCrumb span.hsbcDivletBreadCrumbStart { float: left; /* mac-ie */ font-size:74%; /*non-mac-ie \*/ font-size:68%; /* */ color:#666; border-right:5px solid #fff; } div.hsbcDivletBreadCrumb ul { margin:0px; padding:0px; } div.hsbcDivletBreadCrumb ul li, .wpsBreadcrumbTrail { margin:0px; padding:0px 4px 0px 10px; list-style:none; float:left; background:url("../../images/breadcrumb_arrow.gif") no-repeat left; white-space:nowrap; /* mac-ie */ font-size:74%; /*non-mac-ie \*/ font-size:68%; /* */ color:#666; } div.hsbcDivletBreadCrumb ul li a, .wpsBreadcrumbTrail a { text-decoration:underline; color:#666; } div.hsbcDivletBreadCrumb ul li.hsbcDivletBreadCrumbFirst, div.hsbcDivletBreadCrumb ul li.hsbcDivletBreadCrumbStart { background:none; padding-left:0px; } div.hsbcDivletBreadCrumb ul li.hsbcDivletBreadCrumbLast { } /* NAVIGATION DIVLET ---------------------------------------------------------------------------------------------- */ div.hsbcDivletNavigation, .portlet-menu { } div.hsbcDivletNavigation ul { margin:0px 0px 8px 0px; padding:0px; } div.hsbcDivletNavigation ul li, .portlet-menu-item { list-style:none; line-height:100%; padding:1px 10px 3px 0px; } div.hsbcDivletNavigation ul li a { text-decoration:none; color:#000; /* mac-ie */ font-size:74%; /*non-mac-ie \*/ font-size:68%; /* */ } div.hsbcDivletNavigation ul li a:hover, .portlet-menu-item-hover { color:#f00 !important; text-decoration:none; } div.hsbcDivletNavigation ul li.hsbcDivletNavigationSelected, .portlet-menu-item-selected { /*background:url("../../images/nav_arrow_right_selected.gif") no-repeat top left;*/ } div.hsbcDivletNavigation ul li.hsbcDivletNavigationSelectedWithChildren { /*background:url("../../images/nav_arrow_down_selected.gif") no-repeat top left;*/ } div.hsbcDivletNavigation ul li.hsbcDivletNavigationSelected a, div.hsbcDivletNavigation ul li.hsbcDivletNavigationSelectedWithChildren a { color:#f00; } div.hsbcDivletNavigation ul li ul { margin:3px 0px 3px 5px; } div.hsbcDivletNavigation ul li ul li, .portlet-menu-cascade-item { background:url("../../images/hsbcDivletNavigation.gif") no-repeat top left; margin:0px; padding:3px 0px 3px 7px; line-height:80%; /* \*/ line-height:70%; /* */ } div.hsbcDivletNavigation ul li ul li a { color:#000 !important; /* mac-ie */ font-size:74%; /*non-mac-ie \*/ font-size:68%; /* */ } div.hsbcDivletNavigation ul li ul li.hsbcDivletNavigationSelected, .portlet-menu-cascade-item-selected { background:none; } div.hsbcDivletNavigation ul li ul li.hsbcDivletNavigationSelected a { color:#f00 !important; } div.hsbcDivletNavigation .extNavigationHeading { color:#666; /* mac-ie */ font-size:86%; /*non-mac-ie \*/ font-size:80%; /* */ margin:0px 0px 3px 10px; font-weight:bold; font-style:italic; } div.hsbcDivletNavigation .extBackLink { } /* FOOTER DIVLET ---------------------------------------------------------------------------------------------- */ div.hsbcDivletFooterLinks, .wpsCopyrightText { width:100%; float:left; margin:16px 0px 16px; background-color:#eee; color:#333; line-height:180%; padding:0px; } div.hsbcDivletFooterLinks p, .wpsCopyrightText p { /* mac-ie */ font-size:68%; /*non-mac-ie \*/ font-size:61%; /* */ color:#333; line-height:180%; padding:0px; margin:0px; } div.hsbcDivletFooterLinks p a, .wpsCopyrightText p a { color:#333; text-decoration:none; } div.hsbcDivletFooterLinks p a:hover, .wpsCopyrightText p a:hover { text-decoration:underline; } div.hsbcDivletFooterLinks p span.hsbcDivletFooterLinksLeft, .wpsCopyrightText p span.hsbcDivletFooterLinksLeft { float:left; margin-left:10px; } div.hsbcDivletFooterLinks p span.hsbcDivletFooterLinksRight, .wpsCopyrightText p span.hsbcDivletFooterLinksLeft { float:right; margin-right:10px; } /* ENTITY DIVLET ---------------------------------------------------------------------------------------------- */ DIV.hsbcEntity { CLEAR: both; PADDING-RIGHT: 7px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 11px; FONT-SIZE: 61%; LINE-HEIGHT: 170%; HEIGHT: 17px } div.hsbcEntity span.hsbcEntityTextArea01 { float:left; } div.hsbcEntity span.hsbcEntityTextArea02 { float:right; } div.hsbcEntity a { color:#999; text-decoration:underline; } div.hsbcEntity a:hover { color:#333; text-decoration:underline; } /* Page list ---------------------------------------------------------------------------------------------- */ .hsbcDivletPageList { padding: 0px 9px 0px 0px !important; background-color: #eee !important; font-size: 80%; /* \*/ font-size: 74% !important; /* */ font-weight:bold; line-height: 210% !important; border: 1px solid #D4D4D4; } .hsbcDivletPageList div { line-height:230% !important; /* \*/ line-height:240% !important; /* */ } /* Fix for PC IE5.01 */ div>.hsbcDivletPageList { height: 20px; } div > .hsbcDivletPageList { height: auto; } /* */ .hsbcDivletPageList ul { margin: 0px !important; padding: 0px !important; float: left !important; clear: none; } .hsbcDivletPageList li { float: left; margin: 0px !important; padding: 0px 11px !important; background: none !important; border-right: 1px solid #D4D4D4 !important; line-height: 240% !important; font-weight: bold; list-style:none; } .hsbcDivletPageList li.hsbcDivletPageListSelected { background-color: #fff !important; border-right: 1px solid #D4D4D4 !important; } .hsbcDivletPageList li.hsbcDivletPageListSelected a { color: #333 !important; text-decoration: none !important; cursor: auto !important; } .hsbcDivletPageList li a { display:block; float: left !important; /* \*/ float: none; /* */ } .hsbcDivletPageList div.hsbcAlignType03 { float: left; } .hsbcDivletPageList div.hsbcAlignType02 { text-align: right; white-space: nowrap; } /* Sitemap ---------------------------------------------------------------------------------------------- */ .hsbcDivletSiteMap a.extIconLink { padding-left: 0px; } .hsbcDivletSiteMap a.extNonIconLink { padding-left: 14px; } .hsbcDivletSiteMap ul { padding-left: 0px; margin:0px 0px 15px 16px; } div.hsbcDivletSiteMap ul li { background:none; padding-left: 0px; list-style-type:none; /* mac-ie */ font-size:93%; /*non-mac-ie \*/ font-size:86%; /* */ margin:0px !important; } div.hsbcDivletSiteMap ul li a { font-weight:bold; color:#000; text-decoration:none; } .hsbcDivletSiteMap ul li ul { background: none; } .hsbcDivletSiteMap ul li ul { padding-left: 0px; padding-top:5px; } .hsbcDivletSiteMap ul li ul li { font-size: 93%; /* \*/ font-size: 86%; /* */ } .hsbcDivletSiteMap ul li ul li a { color:#f00 !important; font-weight:normal; } .hsbcDivletSiteMap ul li ul li ul { padding-bottom:5px; } .hsbcDivletSiteMap ul li ul li ul li { font-size: 100%; } /* Logon divlet ---------------------------------------------------------------------------------------------- */ div.hsbcDivletLogon { height:36px; /* P2GLF000101 start */ margin-left: 8px; margin-right: 3px; /* P2GLF000101 end */ text-align:right; } div.hsbcDivletLogon p { margin:0px; padding-top: 5px; padding-bottom:8px; padding-right:9px; text-align:right; background: url("../../images/dotRepeater.gif") repeat-x bottom; vertical-align:middle; } div.hsbcDivletLogon p img { vertical-align:bottom !important; } /****************************/ /* homepage.css /****************************/ /* ---------------------------------------------------------------------------------------------- HSBC International HOMEPAGE StyleSheet Author: Rew Islam Created: 04 Mar 2005 Updated: 04 Mar 2005 History: 04 Mar 2005 These styles will only exist on the homepage therefore they should not be stored in a shared stylesheet. ---------------------------------------------------------------------------------------------- */ div.extMainBanner { width:553px; height:270px; float:left; } div.extBannerButtons { width:15px; height:270px; float:left; } div.extBannerButton { height:90px; } div.extHomePageLinks .hsbcColumn { padding-left: 26px; background: url("../../images/homepage/hpSeparator.gif") repeat-y top left !important; } div.extHomePageLinks .extHomePageFirst { padding-left: 4px; } div.extHomePageTalkStrip { /*background: url("../../images/homepage/talkStripBg01.gif") no-repeat top left !important; height:70px;*/ background: url("../../images/homepage/bgPixel.gif") repeat-y top left !important; } div.extHomePageTalkStrip div.hsbcContent { padding-top:10px; } div.extHomePageTalkStrip p { /* mac-ie */ font-size:80%; /*non-mac-ie \*/ font-size:74%; /* */ margin-top:4px; } div.extHomePageTalkStrip p.extHeading { text-transform:uppercase; /* mac-ie */ font-size:74%; /*non-mac-ie \*/ font-size:68%; /* */ font-weight:bold; margin:5px 0px 10px; line-height:100%; color:#000; } div.extHomePageTalkStrip select { font-size: 68%; } /****************************/ /* new_styles2.css /****************************/ td.verticalDottedLine { background-image: url('../../images/products/dot.gif'); background-repeat: repeat-y; } A.hsbcContentLink01 { COLOR: #999999 } A.hsbcContentLink01:visited { COLOR: #999999 } A.hsbcContentLink01:hover { COLOR: #ff0000 } tr.empty td { padding:10px 0px 0px 0px; } tr.empty2 td { padding:5px 0px 0px 0px; } table.tableStyleAdver { font-family: arial,helvetica; width: 321px; text-align: left; border: 0px; margin: 0; padding: 0px; border-collapse: collapse; background-color: #999999; } table.tableStyleAdver td.Column01 { font-family: arial,helvetica; color: #FFFFFF; font-size:9pt; } table.tableStyleProduct { font-family: arial,helvetica; width: 100%; text-align: left; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-collapse: collapse; margin: 0; padding: 0px; border-collapse: collapse; background-color: #FFFFFF; } table.tableStyleProduct td { vertical-align:top; } table.tableStyleProduct td.Column01 { border-bottom: 1px solid #CCCCCC; padding:10px 10px 5px 10px; } table.tableStyleProductInner { font-family: arial,helvetica; width: 100%; text-align: left; border: 0px solid #CCCCCC; margin: 0; padding: 0px; border-collapse: collapse; } table.tableStyleProductInner td { padding:0px 10px 0px 10px; color: #666666; font-size:9pt } table.tableStyleProductInner td.Column01 { border-bottom: 0px solid #CCCCCC; padding:0px 10px 10px 10px; } table.tableStyleProductInner td.Column02 { border-bottom: 0px solid #CCCCCC; padding:0px 10px 20px 10px; } table.tableStyleProductInner td.Column03 { border-bottom: 0px solid #CCCCCC; padding:0px 10px 10px 10px; } table.tableStyleProductInner td.Column04 { border-bottom: 0px solid #CCCCCC; padding:0px 10px 0px 10px; } table.tableStyleProductInner td.hsbcTableColumn05 { font-size:86%; color:#000000; font-weight: bold; padding-bottom: 5px; text-align: left; } table.tableStyleProductInner td.faq1 { background-color: #CCCCCC; padding:0px; margin: 0; width: 1px; } table.tableStyleProductInner td.faq2 { background-color: #EAEAEA; margin: 0; padding:0px 0px 5px 10px; } table.tableStyleProductInner td.faq3 { margin: 0; padding: 10px; } div.containerControlLeft div.containerRightTools2 { width: 150px; float: left; margin-left:16px; padding: 0px; } table.hsbcTableProductool { font-family: arial,helvetica; width: 100%; text-align: left; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-collapse: collapse; margin: 0; padding:0px; background-color:#FFFFFF; } table.hsbcTableProductool td { font-size:74%; color:#333333; vertical-align:top; padding:0px; line-height: 22px; } table.hsbcTableProductool td.heading { background-color: #EAEAEA; /* mod 2006/01 */ color:#333333; /* mod 2006/01 */ font-size:80%; font-weight:bold; border-bottom: 1px solid #CCCCCC; padding:0px 6px 0px 6px; text-align:left; } table.hsbcTableProductool th.hsbcTableColumn02 { background-color: #ffffff; padding:0px 6px 0px 6px; } TABLE.simpletableStyle { BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #ffffff; BORDER-RIGHT-WIDTH: 0px } table.ProductPoints { width: 100%; border: 0; border-collapse: collapse; background-color: #FFFFFF; text-align: left; } table.ProductPoints td.hsbcTableColumn01 { padding:0px 6px 0px 0px; text-align: left; width: 5px; } table.ProductPoints td.hsbcTableColumn02 { padding:0px 6px 0px 6px; text-align: left; } table.SavingReason { width: 100%; padding:0px; border:0; border-collapse: collapse; } table.tableStyleHome { font-family: arial,helvetica; width: 914px; text-align: left; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-collapse: collapse; margin: 0; padding: 0px; border-collapse: collapse; } /* Kenny style start */ table.SavingInnertable { padding:0px 10px 0px 10px; color: #666666; font-size:9pt; border: 0px; width: 100%; border-collapse: collapse; margin: 0; padding: 0px; } table.SavingInnertable td { padding:0px 10px 0px 10px; } td.SavingInnerContent { width: 15px; padding:0px; } td.hsbcSavingTextStyle01 { font-family:Arial; color: #FF0000; font-size:11pt; font-weight:bold; } td.hsbcSavingTextStyle02 { font-family:Arial; color: #FF0000; font-size:9pt; font-weight:bold; } ul.contentnormal { font-style: normal; line-height: 1.2em; text-decoration: none; list-style-position: outside; list-style-type: square; padding: 10px; margin: 7px; } tr.empty1 { padding: 8px 0px 0px 10px; } /* Kenny style end */ /** NEW for Popup on 20060222 **/ table.tableStylePopupFooter { font-family: arial,helvetica; width: 100%; text-align: left; margin: 0; padding: 0px; border-collapse: collapse; } TABLE.tableStylePopup { BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 100%; PADDING-TOP: 0px; FONT-FAMILY: arial,helvetica; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left } table.tableStylePopup td.tableColumn02 { border-top: 1px solid #CCCCCC; } table.tableStylePopup td.popupTitle { font-weight: bold; } TABLE.popupInnertable { BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 9pt; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; COLOR: #666666; PADDING-TOP: 0px; BORDER-COLLAPSE: collapse; BORDER-RIGHT-WIDTH: 0px } TABLE.popupInnertable TD { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px } TABLE.popupHeader { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 100%; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left; BORDER-RIGHT-WIDTH: 0px } TABLE.popupHeader TD.hsbcTableColumn01 { PADDING-RIGHT: 6px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: top; WIDTH: 5px; PADDING-TOP: 0px; TEXT-ALIGN: left } TABLE.popupHeader TD.hsbcTableColumn02 { PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: top; PADDING-TOP: 0px; TEXT-ALIGN: right } ol.popupOrderNormal { font-style: normal; text-decoration: none; list-style-position: outside; padding:0px 10px 0px 25px; margin: 0px; } ol.popupOrderNormal li { padding:0px 0px 15px 0px; } ol.popupOrderEnglish { font-style: normal; text-decoration: none; list-style-position: outside; list-style-type: lower-alpha; padding:0px 10px 0px 25px; margin: 0px; } ol.popupOrderEnglish li { padding:0px 0px 15px 0px; } ol.popupOrderRoman { font-style: normal; text-decoration: none; list-style-position: outside; list-style-type: lower-roman; padding:0px 10px 0px 25px; margin: 0px; } ol.popupOrderRoman li { padding:0px 0px 15px 0px; } ul.popupUnorderNormal { font-style: normal; text-decoration: none; list-style-position: outside; list-style-type: circle; padding:0px 10px 0px 25px; margin: 0px; } ul.popupUnorderNormal li { padding:0px 0px 15px 0px; } td.hsbcPopupTextStyle01 { font-family:Arial; color: #FF0000; font-size:14pt; font-weight:bold; } DIV.containerPopup { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; WIDTH: 650px; PADDING-TOP: 10px } div.containerPopupFooter { width: 650px; padding: 0px 10px 10px 10px; } /** NEW for Popup end **/ /** NEW by Kenny on 20060222 **/ table.ContactRadio { width: 200px; border: 0; border-collapse: collapse; background-color: #FFFFFF; text-align: left; } table.ContactRadio td.hsbcTableColumn01 { padding:0px 0px 0px 0px; text-align: left; padding: 0px; } table.ContactUsContent { width: 500px; border: 0; border-collapse: collapse; background-color: #FFFFFF; text-align: left; } table.ContactUsContent td.ContactUsColumn01 { padding:0px 6px 0px 6px; text-align: left; padding: 0px; } table.ContactUsContent td.ContactUsColumn02 { padding:0px 6px 0px 0px; text-align: left; width: 5px; } font.ContactStar { color: #FF0000; } input.ContactUs { width:200px; } select.ContactUs { width:205px; } textarea.ContactUs { width:200px; height:50px; font-size:9pt; font-family: arial,helvetica; } table.ContactRightBox td { padding:6px 6px 6px 6px; color: #666666; font-size:9pt; line-height:15px; } table.ContactRightBox td.bullet { width:3px; padding:12px 0px 6px 6px; color: #666666; font-size:9pt; line-height:15px; } table.ContactUsButton { width: 280px; } table.ContactUsButton td.ContactUsButton { border-bottom: 0px solid #CCCCCC; padding:0px 0px 0px 10px; } font.redTitle { color: #FF0000; font-weight: bold; } font.whiteTitle { color: #FFFFFF; font-weight: bold; } /** NEW by Kennt end **/ /****************************/ /* new_styles.css /****************************/ /*********************************************************/ /* New base version of new_styles.css /* /* Version 0.1 /* Date: 01-Jun-05 /* Change: Added .hsbcTextStyle14 for GLT Issue 57 /* Who: TN /* /* Version 0.2 /* Date: 02-Jun-05 /* Change: expanded hex colors to use 6 hex numbers /* instead of 3 for GLT Issue 61 /* Who: TN /* /* Version 0.3 /* Date: 06-Jun-05 /* Change: asdded hsbctableColumn19 for GLT Issue 27 /* Who: TN /* /* Version: P2GLF000123 /* Date: 11-Aug-05 /* Change: Modify hsbcListStyle01 for Firefox work arounds /* Who: LCG /**********************************************************/ /******************************/ /* * 타이틀 언더라인 3px red bg */ /******************************/ .title_bg_01 {background:url("../../images/title/title_bg.gif")} /******************************/ /* table styles /******************************/ table.menuTableStyle { font-family: arial,helvetica; width: 100%; text-align: center; border: 0px; border-collapse: collapse; margin: 0px; } table.menuTableStyle td.hsbcTableColumn00 { text-align: right; padding: 5px 0px 0px 0px; } table.menuTableStyle td.hsbcTableColumn01 { background: url("../../images/main/top_nav_01.gif"); text-align: center; line-height:55px !important; width: 322px !important; } table.menuTableStyle td.hsbcTableColumn02 { background: url("../../images/main/top_nav_02.gif"); text-align: center; line-height:55px !important; width: 320px !important; } table.menuTableStyle td.hsbcTableColumn03 { background: url("../../images/main/top_nav_03.gif"); text-align: center; line-height:55px !important; width: 322px !important; } table.menuTableStyle td.hsbcTableColumn04 { background: url("../../images/main/top_nav_01_ro.gif"); text-align: center; line-height:55px !important; width: 322px !important; } table.menuTableStyle td.hsbcTableColumn05 { background: url("../../images/main/top_nav_02_ro.gif"); text-align: center; line-height:55px !important; width: 320px !important; } table.menuTableStyle td.hsbcTableColumn06 { background: url("../../images/main/top_nav_03_ro.gif"); text-align: center; line-height:55px !important; width: 322px !important; } table.bottomline { font-family: arial,helvetica; width: 100%; text-align: center; border: 1px solid #FF0000; border-collapse: collapse; margin: 0px; padding:0px; background-color: #FF0000; } table.toolboxbottomline { font-family: arial,helvetica; width: 100%; text-align: center; border: 1px solid #000000; border-collapse: collapse; margin: 0px; padding:0px; background-color: #000000; } table.hsbcTableStyle06, table.hsbcTableStyle20 { font-family: arial,helvetica; width: 100%; text-align: left; border: 1px solid #CCCCCC; border-collapse: collapse; margin: 0; padding: 0px; background-color: #FFFFFF; } table.hsbcTableStyle06 td, table.hsbcTableStyle06 th, { font-size:74%; color:#333333; vertical-align:top; padding:4px 6px 4px 6px; line-height: 14px; } table.hsbcTableStyle20 td, table.hsbcTableStyle20 th { font-size:90%; color:#333333; vertical-align:top; padding:4px 6px 4px 6px; line-height: 14px; } table.hsbcTableStyle08 { font-family: arial,helvetica; width: 100%; text-align: left; border: 0; border-collapse: collapse; border-top: 0px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } table.hsbcTableStyle08 td, table.hsbcTableStyle08 th { font-size:74%; color:#FFFFFF; vertical-align:top; padding:10px 10px 10px 8px; line-height: 1em; } table.hsbcTableStyle09 /* white table at top */ { width: 100%; text-align: center; border: 0; border-collapse: collapse; } table.hsbcTableStyle09 td, table.hsbcTableStyle09 th { font-size:74%; color:#FFFFFF; vertical-align:middle; padding:10px 0px 10px 14px; } table.hsbcTableStyle10 { font-family: arial,helvetica; width: 100%; text-align: left; border: 1px solid #CCCCCC !important; border-collapse: collapse; margin-top: 24px; background-color: #FFFFFF; } table.hsbcTableStyle10 td, table.hsbcTableStyle10 th { color:#333333; vertical-align:top; padding:5px 10px 5px 8px; line-height: 1em; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; } table.hsbcTableStyle10 td.hsbcTableColumn02 { background-color: #EAEAEA; /* mod 2006/01 */ color:#666666; /* mod 2006/01 */ font-size:80%; font-weight:bold; line-height:1em !important; border-bottom: 1px solid #CCCCCC; padding:4px 6px 4px 6px; } table.hsbcTableStyle11 { font-family: arial,helvetica; width: 100%; text-align: left; border: 0; border-collapse: collapse; } table.hsbcTableStyle11 td.hsbcTable11Column01 { padding:0px 0px 0px 6px; } table.hsbcTableStyle11 td.hsbcTable11Column02 { text-align: right; padding:0px 10px 0px 0px; } table.hsbcTableStyle12 { height:20px; } table.hsbcTableStyle13 { font-family: arial,helvetica; width: 100%; text-align: left; border: 0; border-collapse: collapse; border-top: 1px solid #CCCCCC; } table.hsbcTableStyle13 td.hsbcTable11Column01 { border: 0; padding:0px 0px 0px 6px; } table.hsbcTableStyle13 td.hsbcTable11Column02 { text-align: right; padding:0px; border: 0; } table.hsbcTableStyle14 { font-family: arial,helvetica; width: 100%; text-align: left; border: 0px solid #CCCCCC !important; border-collapse: collapse; margin: 0px; } table.hsbcTableStyle14 td, table.hsbcTableStyle14 th { color:#333333; vertical-align:top; text-align: left; padding:0px; line-height: 1em; margin: 0px; } table.hsbcTableStyle15 { font-family: arial,helvetica; width: 100%; text-align: left; border: 0px ; border-collapse: collapse; margin: 0px; padding: 0px; } table.hsbcTableStyle16 { font-family: arial,helvetica; width: 100%; text-align: left; border: 1px solid #CCCCCC !important; border-collapse: collapse; margin: 0px; } table.hsbcTableStyle16 td, table.hsbcTableStyle16 th { font-size:80%; color:#333333; vertical-align:top; padding:10px 10px 10px 8px; line-height: 1em; } table.hsbcTableStyleHelp { font-family: arial,helvetica; width: 100%; text-align: left; border: 0px ; border-collapse: collapse; margin: 0; padding: 0px; } table.hsbcTableStyleHelp td { line-height: 27px; padding: 0px 3px 0px 0px; } /******************************/ /* table row styles /******************************/ tr.hsbcTableRow03 { background-color: #FFFFFF; } tr.hsbcTableRow04 { background-color: #FFFFFF; } tr.hsbcTableRow05 { } tr.hsbcTableRow06 td, tr.hsbcTableRow06 th { /*border-bottom: 15px solid #ffffff !important;*/ padding: 5px 5px 5px 5px ; } /* Added by Vancover team Use to create space above a row.*/ tr.hsbcTableRow07 td, tr.hsbcTableRow07 th { border-top: 1px solid #CCCCCC !important; } tr.hsbcTableRow08 td { border-bottom: 0px solid #CCCCCC !important; padding:0px 0px 0px 0px; line-height: 5px; } tr.hsbcTableRow09 td, tr.hsbcTableRow09 th { border-bottom: 1px solid #CCCCCC !important; padding:0px 0px 0px 0px; line-height: 1px; } tr.hsbcTableRow10 td { border: 0px solid #CCCCCC !important; padding:0px; line-height: 1px; } /*end*/ /******************************/ /* table column styles /******************************/ table.hsbcTableStyle06 td.hsbcTableColumn01, table.hsbcTableStyle07 td.hsbcTableColumn01, table.hsbcTableStyle20 td.hsbcTableColumn01 { background-color: #EAEAEA; /* mod 2006/01 */ color:#666666; /* mod 2006/01 */ font-size:80%; font-weight:bold; line-height:1em !important; border-bottom: 1px solid #CCCCCC; padding:4px 6px 4px 6px; text-align:left; } table.hsbcTableStyle06 th, table.hsbcTableStyle07 th, table.hsbcTableStyle20 th, table.hsbcTableStyle06 td.hsbcTableColumn02, table.hsbcTableStyle20 td.hsbcTableColumn02 { background-color: #EAEAEA; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; color:#333333; font-size:9pt; line-height: 14px; } table.hsbcTableStyle06 td.hsbcTableColumn03, table.hsbcTableStyle20 td.hsbcTableColumn03 { /*padding: 10px 5px;*/ text-align: right; } table.hsbcTableStyle06 td.hsbcTableColumn04, table.hsbcTableStyle20 td.hsbcTableColumn04 { line-height: 14px; } table.hsbcTableStyle06 td.hsbcTableColumn05, table.hsbcTableStyle07 td.hsbcTableColumn05, table.hsbcTableStyle20 td.hsbcTableColumn05 { font-size:86%; color:#000000; font-weight: bold; padding-bottom: 5px; text-align: left; } table.hsbcTableStyle06 td.hsbcTableColumn06, table.hsbcTableStyle07 td.hsbcTableColumn06, table.hsbcTableStyle20 td.hsbcTableColumn06 { width: 25px; } table.hsbcTableStyle06 td.hsbcTableColumn07, table.hsbcTableStyle07 td.hsbcTableColumn07, table.hsbcTableStyle20 td.hsbcTableColumn07 { text-align: left; } table.hsbcTableStyle06 td.hsbcTableColumn08, table.hsbcTableStyle07 td.hsbcTableColumn08, table.hsbcTableStyle20 td.hsbcTableColumn08, table.hsbcTableStyle06 th.hsbcTableColumn08, table.hsbcTableStyle07 th.hsbcTableColumn08, table.hsbcTableStyle20 th.hsbcTableColumn08 { background-color: #ffffff; } table.hsbcTableStyle06 td.hsbcTableColumn09, table.hsbcTableStyle07 td.hsbcTableColumn09, table.hsbcTableStyle20 td.hsbcTableColumn09 { padding: 0; margin: 0; } table.hsbcTableStyle06 td.hsbcTableColumn09 select, table.hsbcTableStyle07 td.hsbcTableColumn09 select, table.hsbcTableStyle20 td.hsbcTableColumn09 select { width: 48%; } table.hsbcTableStyle06 td.hsbcTableColumn09 input, table.hsbcTableStyle07 td.hsbcTableColumn09 input, table.hsbcTableStyle20 td.hsbcTableColumn09 input { width: 19.9%; } table.hsbcTableStyle06 td.hsbcTableColumn10, table.hsbcTableStyle07 td.hsbcTableColumn10, table.hsbcTableStyle20 td.hsbcTableColumn10 { padding: 10px 0px; } table.hsbcTableStyle06 td.hsbcTableColumn11, table.hsbcTableStyle07 td.hsbcTableColumn11, table.hsbcTableStyle20 td.hsbcTableColumn11 { line-height:1px; padding:0px; background-color: #CCCCCC; } table.hsbcTableStyle06 th, table.hsbcTableStyle07 th, table.hsbcTableStyle20 th, table.hsbcTableStyle06 td.hsbcTableColumn12, table.hsbcTableStyle07 td.hsbcTableColumn12, table.hsbcTableStyle20 td.hsbcTableColumn12 { background-color: #EAEAEA; /* mod 2006/01 */ color:#666666; /* mod 2006/01 */ font-size:80%; font-weight:bold; line-height:1em !important; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; padding:4px 6px 4px 6px; } table.hsbcTableStyle07 td.hsbcTableColumn13 input { width: 19.9%; font-size:10px; } table.hsbcTableStyle06 td.hsbcTableColumn18, table.hsbcTableStyle07 td.hsbcTableColumn18, table.hsbcTableStyle20 td.hsbcTableColumn18 { color:#666666; /* mod 2006/01 */ border-bottom: 1px solid #CCCCCC; } table.hsbcTableStyle06 td.hsbcTableColumn19, table.hsbcTableStyle07 td.hsbcTableColumn19, table.hsbcTableStyle20 td.hsbcTableColumn19 { text-align: center; } table.hsbcTableStyle16 td.hsbcTableColumn25 { /*padding: 10px 5px;*/ /*text-align: right;*/ background-color: #F1F1F1; /* mod 2006/01 */ color:#666666; /* mod 2006/01 */ font-size:8pt; /* mod 2006/01 */ line-height: 10pt } table.hsbcTableStyle17 { font-family: arial,helvetica; width: 100%; text-align: left; border: 1px solid #CCCCCC; border-collapse: collapse; margin: 0; padding: 0px; background-color:#FFFFFF; } table.hsbcTableStyle17 td, table.hsbcTableStyle17 th { font-size:74%; color:#333333; vertical-align:top; padding:4px 6px 4px 6px; line-height: 1.9em; } table.hsbcTableStyle17 td.hsbcTableColumn01 { background-color: #EAEAEA; /* mod 2006/01 */ color:#666666; /* mod 2006/01 */ font-size:80%; font-weight:bold; line-height:1em !important; border-bottom: 1px solid #CCCCCC; padding:4px 6px 4px 6px; text-align:left; } table.hsbcTableStyle17 th, table.hsbcTableStyle17 td.hsbcTableColumn02 { background-color: #EAEAEA; border-bottom: 1px solid #CCCCCC; color:#333333; font-size:9pt; /*font-weight:bold; */ line-height:1em !important; } table.hsbcTableStyle17 td.hsbcTableColumn03 { /*padding: 10px 5px;*/ text-align: right; } table.hsbcTableStyle17 td.hsbcTableColumn04 { } table.hsbcTableStyle17 td.hsbcTableColumn05 { font-size:86%; color:#000000; font-weight: bold; padding-bottom: 5px; text-align: left; } table.hsbcTableStyle17 td.hsbcTableColumn06 { width: 25px; } table.hsbcTableStyle17 td.hsbcTableColumn07 { text-align: left; } table.hsbcTableStyle17 td.hsbcTableColumn08, table.hsbcTableStyle17 th.hsbcTableColumn08 { background-color: #ffffff; } table.hsbcTableStyle17 td.hsbcTableColumn09 { padding: 0; margin: 0; } table.hsbcTableStyle17 td.hsbcTableColumn09 select { width: 48%; } table.hsbcTableStyle17 td.hsbcTableColumn09 input { width: 19.9%; } table.hsbcTableStyle17 td.hsbcTableColumn10 { padding: 10px 0px; } table.hsbcTableStyle17 td.hsbcTableColumn11 { line-height:1px; padding:0px; background-color: #CCCCCC; } table.hsbcTableStyle17 th table.hsbcTableStyle17 td.hsbcTableColumn12 { background-color: #EAEAEA; /* mod 2006/01 */ color:#666666; /* mod 2006/01 */ font-size:80%; font-weight:bold; line-height:1em !important; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; padding:4px 6px 4px 6px; } table.hsbcTableStyle17 td.hsbcTableColumn18 { color:#666666; /* mod 2006/01 */ border-bottom: 1px solid #CCCCCC; } table.hsbcTableStyle17 td.hsbcTableColumn19 { text-align: center; } table.hsbcTableStyle18 { font-family: arial,helvetica; width: 100%; text-align: left; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-collapse: collapse; margin-top: 24px; background-color: #FFFFFF; } table.hsbcTableStyle18 td { color:#333333; background-color: #FFFFFF; line-height:22px !important; } table.hsbcTableStyle18 td.hsbcTableColumn01 { text-align: left; vertical-align:top; background-color: #EAEAEA; color:#FFFFFF; font-size:80%; line-height:22px !important; padding:0px 5px 0px 5px; } table.hsbcTableStyle18 td.hsbcTableColumn02 { background-color: #FFFFFF; line-height:22px !important; padding:0px 5px 0px 5px; } table.hsbcTableStyle18 td.hsbcTableColumn03 { background-color: #FFFFFF; /*border-bottom: 1px dotted #CCCCCC;*/ line-height:22px !important; padding:7px 5px 0px 0px; text-align: right; vertical-align: top; } table.hsbcTableStyle18 td.hsbcTableColumn04 { background-color: #FFFFFF; line-height:22px !important; padding:0px 0px 0px 20px; } table.hsbcTableStyle18 td.hsbcTableColumn05 { background-color: #FFFFFF; line-height:22px !important; padding:7px 5px 0px 0px; text-align: right; vertical-align: top; } table.hsbcTableStyle18 td.hsbcTableColumn06 { background-color: #EAEAEA; line-height:22px !important; padding:8px 5px 0px 0px; text-align: right; vertical-align: top; } table.hsbcTableStyle18 td.hsbcTableColumn07 { background-color: #FFFFFF; line-height:22px !important; padding:0px 0px 0px 20px; } table.hsbcTableStyle18 td.hsbcTableColumn08 { background-color: #FFFFFF; line-height:1px !important; padding:0px; } table.hsbcTableStyle18 td.hsbcTableColumn09 { line-height:1px !important; padding:0px; background: url(../../images/main/dotted_line.gif) repeat-x; } table.hsbcTableStyle19 { font-family: arial,helvetica; width: 100%; text-align: left; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-collapse: collapse; margin: 0; padding: 0px; background-color:#FFFFFF; } table.hsbcTableStyle19 td, table.hsbcTableStyle19 th { font-size:74%; color:#333333; vertical-align:top; padding:4px 6px 4px 6px; line-height: 1em; } table.hsbcTableStyle19 td.hsbcTableColumn01 { background-color: #EAEAEA; /* mod 2006/01 */ color:#666666; /* mod 2006/01 */ font-size:80%; font-weight:bold; line-height:1em !important; border-bottom: 1px solid #CCCCCC; padding:4px 6px 4px 6px; text-align:left; } table.hsbcTableStyle19 th.hsbcTableColumn02 { background-color: #ffffff; } table.hsbcTableStyle17 th.hsbcTableColumn02 { background-color: #ffffff; } td.hsbcTableColumn20 { background-color: #FFFFFF; /*border-bottom: 1px solid #CCCCCC;*/ border-left: 1px solid #CCCCCC; } td.hsbcTableColumn21 { background-color: #FFFFFF; /* border-bottom: 1px solid #CCCCCC; */ } td.hsbcTableColumn22 { background-color: #FFFFFF; width: 200px; } td.hsbcTableColumn23 { background-color: #FFFFFF; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; } td.hsbcTableColumn24 { background-color: #FFFFFF; border-bottom: 1px solid #CCCCCC; /*border-right: 1px solid #CCCCCC; */ } table.hsbcTableStyle08 td.hsbcTableColumn25 { background-color: #FFFFFF; border-bottom: 1px solid #CCCCCC; } table.hsbcTableStyle08 td.hsbcTableColumn26 { background-color: #FFFFFF; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; width: 200px; } table.hsbcTableStyle06 td.hsbcTableColumn27 { background-color: #FFFFFF; border: 1px solid #CCCCCC; } table.hsbcTableStyle20 td.hsbcTableColumn27 { background-color: #FFFFFF; border: 1px solid #CCCCCC; } table.welcome { vertical-align:middle; font-family: arial,helvetica; width: auto; text-align: right; border:0px solid #000000; border-collapse: collapse; margin: 0px 0px 5px 0px; padding: 0px; } /******************************/ /* link styles /******************************/ a.hsbcLinkStyle05 { font-family:Arial,Helvetica,Verdana,Sans-Serif; font-size:9pt; color:#333333; text-decoration:underline; padding: 0px 0px 5px 0px ; } a.hsbcLinkStyle05:hover { font-family:Arial,Helvetica,Verdana,Sans-Serif; font-size:9pt; color:#333333; text-decoration:underline; } a.hsbcLinkStyle06, a.hsbcLinkStyle07 { border: 1px solid #666666; background-color: #999999; color: #FFFFFF; font-size: 10pt; padding: 1px 18px 1px 18px; font-weight: bold; text-decoration: none; white-space:nowrap; margin-left:0px; } a.hsbcLinkStyle06:hover, a.hsbcLinkStyle07:hover { border: 1px solid #CCCCCC; background-color: #666666; color: #FFFFFF; font-size: 10pt; padding: 1px 18px 1px 18px; font-weight: bold; text-decoration: none; white-space:nowrap; margin-left:0px; } div > .hsbcLinkStyle06{ float: left; } a.hsbcLinkStyle07 { margin-right: 0px; } a.hsbcLinkStyle08 { color: #333333; } a.hsbcLinkStyle08 img { margin-left: 10px; } a.hsbcLinkStyle09 { text-decoration: none; } a.hsbcLinkStyle10, a.hsbcLinkStyle11 { font-weight: bold; text-decoration: none; } a.hsbcLinkStyle09:hover { text-decoration: none; } a.hsbcLinkStyle10:hover, a.hsbcLinkStyle11:hover { font-weight: bold; text-decoration: none; } a.hsbcLinkStyle09 { color: #999999; } a.hsbcLinkStyle09:hover { color: #999999; } a.hsbcLinkStyle10 { color: #333333; } a.hsbcLinkStyle10:hover { color: #333333; } a.hsbcLinkStyle11 { color: #FF0000; } a.hsbcLinkStyle11:hover { color: #FF0000; } /* Created 2005/12/27 */ a.hsbcLinkStyle12 { border: 1px solid #CCCCCC; border-collapse: collapse; background-color: #EAEAEA; color: #666666; font-size: 10pt; padding: 1px 18px 1px 18px; font-weight: bold; text-decoration: none; white-space:nowrap; margin-left:0px; } a.hsbcLinkStyle12 { margin-right: 0px; } a.hsbcLinkStyle13 { font-family:Arial,Helvetica,Verdana,Sans-Serif; background-color: #FF0000; color: #FFFFFF; font-size:11pt; font-weight:Bold; padding: 5px 6px 5px 6px; text-decoration: none; white-space:nowrap; margin-left:0px; margin-bottom:0px; } a.hsbcLinkStyle13:hover { font-family:Arial,Helvetica,Verdana,Sans-Serif; background-color: #FF0000; color: #FFFFFF; font-size:11pt; font-weight:Bold; padding: 5px 6px 5px 6px; text-decoration: none; white-space:nowrap; margin-left:0px; margin-bottom:0px; } a.hsbcLinkStyle14 { font-family:Arial,Helvetica,Verdana,Sans-Serif; background-color: #FFFFFF; color: #999999; font-size:11pt; font-weight:Bold; padding: 5px 6px 5px 6px; text-decoration: none; white-space:nowrap; margin-left:0px; margin-bottom:0px; } a.hsbcLinkStyle14:hover { font-family:Arial,Helvetica,Verdana,Sans-Serif; color: #000000; font-size:11pt; font-weight:Bold; padding: 5px 6px 5px 6px; text-decoration: none; white-space:nowrap; margin-left:0px; margin-bottom:0px; } a.hsbcLinkStyle15 { font-family:Arial,Helvetica,Verdana,Sans-Serif; background-color: #FFFFFF; color: #000000; font-size:10pt; padding: 0px; text-decoration: none; } a.hsbcLinkStyle15:hover { font-family:Arial,Helvetica,Verdana,Sans-Serif; background-color: #FFFFFF; color: #FF0000; font-size:10pt; padding: 0px; text-decoration: none; } a.hsbcLinkStyle16, a.hsbcLinkStyle16:hover { font-family:Arial,Helvetica,Verdana,Sans-Serif; color: #FF0000; font-size:11pt; padding: 0px; text-decoration: none; } a.hsbcLinkStyle17, a.hsbcLinkStyle17:hover { font-family:Arial,Helvetica,Verdana,Sans-Serif; background-color: #FFFFFF; color: #FF0000; font-size:10pt; padding: 0px; text-decoration: none; } a.hsbcLinkStyle18, a.hsbcLinkStyle18:visited { font-family:Arial,Helvetica,Verdana,Sans-Serif; color: #666666; font-size:14pt; padding: 0px; text-decoration: none; padding: 10px 20px 10px 20px; } a.hsbcLinkStyle18:hover { font-family:Arial,Helvetica,Verdana,Sans-Serif; color: #333333; font-size:14pt; padding: 10px 20px 10px 20px; text-decoration: none; } .hsbcLinkStyle19, .hsbcLinkStyle19:hover { font-family:Arial,Helvetica,Verdana,Sans-Serif; color: #FF0000; font-size:14pt; padding: 0px; text-decoration: none; padding: 10px 20px 10px 20px; } a.hsbcLinkStyle20 { font-family:Arial,Helvetica,Verdana,Sans-Serif; background-color: #FFFFFF; color: #000000; font-size:11pt; padding: 0px; text-decoration: none; } a.hsbcLinkStyle20:hover { font-family:Arial,Helvetica,Verdana,Sans-Serif; background-color: #FFFFFF; color: #FF0000; font-size:11pt; padding: 0px; text-decoration: none; } /* *****Created ****** */ /******************************/ /* text styles /******************************/ SPAN.hsbcTextStyle13 { FONT-WEIGHT: normal; FONT-SIZE: 9pt; COLOR: #666666; LINE-HEIGHT: 14px; TEXT-DECORATION: none } .hsbcTextStyle14 { padding:0px; font-family: arial; font-size:9pt; /* mod 2006/01 */ color:#CCCCCC; /* mod 2006/01 */ text-decoration:none; /* mod 2006/01 */ } .hsbcTextStyle12 { color:#333333; font-size:9pt; } .hsbcTextStyle15 { padding:0px; font-family: arial; font-size:9pt; /* mod 2006/01 */ color:#666666; /* mod 2006/01 */ text-decoration:none; /* mod 2006/01 */ } .hsbcTextStyle16 { background: url("../../images/bullet.gif") no-repeat left; padding-left:12px; } span.hsbcTextStyle17 { font-weight:bold; font-size:9pt; /* mod 2006/01 */ color:#666666; /* mod 2006/01 */ text-decoration:none; /* mod 2006/01 */ line-height:14px; } .hsbcTextStyle18 { padding:0px; font-family: arial; font-size:9pt; /* mod 2006/01 */ color:#000000; /* mod 2006/01 */ text-decoration:none; /* mod 2006/01 */ } .hsbcTextStyle19 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 9pt; PADDING-BOTTOM: 0px; COLOR: #ff0000; PADDING-TOP: 0px; FONT-FAMILY: arial; TEXT-DECORATION: none } .hsbcTextStyle20 { padding:0px; font-family: arial; font-size:9pt; /* mod 2006/01 */ color:#FFFFFF; /* mod 2006/01 */ text-decoration:none; /* mod 2006/01 */ } .hsbcTextStyle21 { font-size:12px; } .hsbcListStyle01 { list-style-type: square; margin-left:14px; padding-left:0; } .hsbcTextStyleError { color:#ff0000 !important; font-weight:bold; } .hsbcTextStyleError01 { color:#333333 !important; font-weight:bold; } .hsbcTextStyleWarning { color:#ff0000 !important; font-weight:bold; } .hsbcInputStyle01 { /* width: 96%; */ /* font-size:100%; */ font-size:12px; height:200px; } div.extMessageLangToggle { border: 1px solid #CCCCCC; background-color: #EAEAEA; padding:3px 5px 5px 5px; margin-bottom: 14px; /* P2GLF000101 start */ margin-left: 8px; margin-right: 3px; /* P2GLF000101 end */ font-size: 96%; } div.extMessageLangToggle span { float: right; font-size: 86%; color: #999; } div.extMessageLangToggle p { padding:0px 0px 0px 30px; margin:0; border:0; background:url("../../images/icons/iconMessageNew.gif") no-repeat left; } .myfootitem4 { FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Arial,Helvetica,Verdana,Sans-Serif; TEXT-DECORATION: none } .myfootitem4:hover { FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Arial,Helvetica,Verdana,Sans-Serif; TEXT-DECORATION: none } .myfootitem5, .myfootitem5:hover { font-family:Arial,Helvetica,Verdana,Sans-Serif; font-size:9pt; color:#999999; text-decoration:underline; } .myfootitem6 { font-family:Arial,Helvetica,Verdana,Sans-Serif; font-size:12px; color:#333333; text-decoration:none; } .help_center, .myfootitem6:hover { text-align: right; color: #999999; font-family: arial,helvetica; font-size:12px; text-decoration:underline; padding: 5px 2px 0px 5px; } /******************************/ /* 06.03.02 추가 /******************************/ /******************************/ /* color styles /******************************/ .red { FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #ff0000; FONT-FAMILY: arial, helvetica, sans-serif; background:#ff0000; } /******************************/ /* depth font /******************************/ .1depth { font-family:arial, helvetica; font-size:14px; color:#FF0000; padding-left:8px; font-weight:bold; } .2depth { font-family:arial, helvetica; font-size:12px; font-weight:bold; color: #555555; padding-left:8px; } .contents { padding:0; font-family:arial, helvetica; font-size:12px; color: #333333; padding-left:8px; text-decoration:none; } .inquiry { font-family:arial, helvetica; font-size:12px; color: #333333; padding-left:13px; } .printmargin { margin-top:2px } /******************************/ /* 06.03.03 추가 /******************************/ /******************************/ /* e-map /******************************/ .titlemargin{ margin-left:4px; } .mapword { font-family:arial, helvetica; font-size:11px; color: #333333; } .mappage { font-family:arial, helvetica; font-size:12px; color: #666666; } .pagediv { margin-left:8px; margin-right:8px; } .mapinput { height:14px; width:142px; border: 1px solid #DBDBDB; margin-left:4px; margin-right:4px; } .mapinput288 { height:14px; width:280px; border: 1px solid #DBDBDB; margin-left:4px; margin-right:4px; } /******************************/ /* 06.03.09 추가 /******************************/ /******************************/ /* 인터넷뱅킹 /******************************/ .inquiry_n01 { font-family:arial, helvetica; font-size:12px; color: #6A6C6C; padding-left:13px; } table.menuTableStyle td.hsbcTableColumn_n01 { background: url("../../images/main/top_nav_n01.gif"); text-align: center; line-height:55px !important; width: 322px !important; } table.menuTableStyle td.hsbcTableColumn_n02 { background: url("../../images/main/top_nav_n02.gif"); text-align: center; line-height:55px !important; width: 320px !important; } table.menuTableStyle td.hsbcTableColumn_n03 { background: url("../../images/main/top_nav_n03.gif"); text-align: center; line-height:55px !important; width: 322px !important; } table.menuTableStyle td.hsbcTableColumn_n04 { background: url("../../images/main/top_nav_n01_ro.gif"); text-align: center; line-height:55px !important; width: 322px !important; } table.menuTableStyle td.hsbcTableColumn_n05 { background: url("../../images/main/top_nav_n02_ro.gif"); text-align: center; line-height:55px !important; width: 320px !important; } table.menuTableStyle td.hsbcTableColumn_n06 { background: url("../../images/main/top_nav_n03_ro.gif"); text-align: center; line-height:55px !important; width: 322px !important; } a.hsbcLinkStyle_n18, a.hsbcLinkStyle_n18:visited { font-family:arial, helvetica; color: #666666; font-size:13pt; font-weight:bold; padding: 0px; text-decoration: none; padding: 10px 20px 10px 20px; } a.hsbcLinkStyle_n18:hover { font-family:arial, helvetica; color: #333333; font-weight:bold; font-size:13pt; padding: 10px 20px 10px 20px; text-decoration: none; } .hsbcLinkStyle_n19, .hsbcLinkStyle_n19:hover { font-family:arial, helvetica; color: #FF0000; font-size:13pt; padding: 0px; font-weight:bold; text-decoration: none; padding: 10px 20px 10px 20px; } div.extMessageLangToggle_n01 { border: 1px solid #D5D7D7; background-color: #F5F7F7; padding:4px 5px 3px 5px; margin-bottom: 13px; /* P2GLF000101 start */ margin-left: 8px; margin-right: 3px; /* P2GLF000101 end */ font-size: 96%; height:21px; } div.extNoMessageLangToggle_n01 { border: 1px solid #D5D7D7; background-color: #F5F7F7; padding:3px 5px 5px 5px; margin-bottom: 14px; /* P2GLF000101 start */ margin-left: 8px; margin-right: 3px; /* P2GLF000101 end */ font-size: 96%; } div.extMessageLangToggle_n01 span { float: right; font-size: 86%; color: #999; } div.extNoMessageLangToggle_n01 span { float: right; font-size: 86%; color: #999; } div.extMessageLangToggle_n01 p { padding:2px 0px 0px 30px; margin:0; border:0; background:url("../../images/icons/iconMessageNew.gif") no-repeat left; } div.extNoMessageLangToggle_n01 p { font-family:arial, helvetica; font-size:9pt; font-weight:Bold; color:#333333; text-decoration:none; padding:0px 0px 0px 30px; margin:0; border:0; } div.extMessageLangToggle_n02 { border: 1px solid #D5D7D7; background-color: #F5F7F7; padding:4px 5px 3px 5px; margin-bottom: 13px; /* P2GLF000101 start */ margin-left: 8px; margin-right: 3px; /* P2GLF000101 end */ font-size: 96%; height:21px; } div.extNoMessageLangToggle_n02 { border: 1px solid #D5D7D7; background-color: #F5F7F7; padding:3px 5px 5px 5px; margin-bottom: 14px; /* P2GLF000101 start */ margin-left: 8px; margin-right: 3px; /* P2GLF000101 end */ font-size: 96%; } div.extMessageLangToggle_n02 span { float: right; font-size: 86%; color: #999; } div.extNoMessageLangToggle_n02 span { float: right; font-size: 86%; color: #999; } div.extMessageLangToggle_n02 p { padding:2px 0px 0px 30px; margin:0; border:0; } div.extNoMessageLangToggle_n02 p { font-family:arial, helvetica; font-size:9pt; font-weight:Bold; color:#333333; text-decoration:none; padding:0px 0px 0px 30px; margin:0; border:0; } .hsbcTextStyle1box_n01 { top: 0px; border: 1px solid #FD1008; background: #F3F3F3; padding-top:13px; padding-left:15px; padding-right:15px; padding-bottom:15px; voice-family:arial,helvetica; font-size:9pt; /* mod 2006/01 */ color:#333333; /* mod 2006/01 */ width: 95%; line-height:18px; } .hsbcTextStyle1box_n02 { top: 0px; border: 1px solid #FD1008; background: #F3F3F3; padding-top:13px; padding-left:15px; padding-right:15px; padding-bottom:15px; voice-family:arial,helvetica; font-size:9pt; color:#333333; width: 100%; line-height:18px; font-weight:normal } .text_pad_L08 { padding-left:8px; } .text_pad_R08 { padding-right:8px; } /******************************/ /* 06.03.09 추가 /******************************/ /******************************/ /* 팝업 /******************************/ .body_01 {margin:10px;} .table_box_01 {border: 1px solid #CCCCCC;} .pop_pad_01 {padding:9px 9px 0px 9px;} .text_01 { FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 22px; FONT-FAMILY: arial, helvetica } .text_02 { font-family:arial, helvetica; font-size:12px; color: #FA0E0E; line-height:22px; font-weight:bold; } .footer_01 { font-family: Arial; font-size:10px; color: #676767; } .radio_01 {height:12px; width:12px; border:solid 0px; background-color:transparent} .board_box_01 {border-top: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;} .board_01 { FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 20px; FONT-FAMILY: arial, helvetica; TEXT-DECORATION: none } .board_01 A:link { FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 20px; FONT-FAMILY: arial, helvetica; TEXT-DECORATION: none } .board_01 A:visited { FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 20px; FONT-FAMILY: arial, helvetica; TEXT-DECORATION: none } .board_01 A:hover { FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 20px; FONT-FAMILY: arial, helvetica; TEXT-DECORATION: underline } .board_02 { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 20px; FONT-FAMILY: arial, helvetica; TEXT-DECORATION: none } .board_02 A:link { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 20px; FONT-FAMILY: arial, helvetica; TEXT-DECORATION: none } .board_02 A:visited { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 20px; FONT-FAMILY: arial, helvetica; TEXT-DECORATION: none } .board_02 A:hover { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 20px; FONT-FAMILY: arial, helvetica; TEXT-DECORATION: underline } .board_03 {font-family:arial, helvetica;font-size:12px; color: #858585;text-decoration:none; font-weight:bold;} .board_04 { font-family:arial, helvetica; font-size:14px; color: #333333; line-height:20px; font-weight:bold; } .board_05 { font-family:arial, helvetica; font-size:12px; color: #989898; text-decoration:underline; } .board_06 {font-family:arial, helvetica;font-size:12px; color: #333333;line-height:18px;text-decoration:none;} .board_07 {font-family:arial, helvetica;font-size:12px; color: #FE0000;text-decoration:none;font-weight:normal;} .board_07 a:link {font-family:arial, helvetica;font-size:12px; color: #FE0000;text-decoration:none;font-weight:normal;} .board_07 a:visited {font-family:arial, helvetica;font-size:12px; color: #FE0000;text-decoration:none;font-weight:normal;} .board_07 a:hover {font-family:arial, helvetica;font-size:12px; color: #FE0000;text-decoration:underline;font-weight:normal;} .board_08 {font-family:arial, helvetica;font-size:12px; color: #333333;line-height:16px;text-decoration:none;} .board_09 {font-family:arial, helvetica;font-size:12px; color: #999999;text-decoration:underline;} .board_09 a:link {font-family:arial, helvetica;font-size:12px; color: #999999;text-decoration:underline;} .board_09 a:visited {font-family:arial, helvetica;font-size:12px; color: #999999;text-decoration:underline;} .board_09 a:hover {font-family:arial, helvetica;font-size:12px; color: #999999;text-decoration:underline;} .board_10 {font-family:arial, helvetica;font-size:11px; color: #333333;line-height:20px;text-decoration:none;} .board_10 a:link {font-family:arial, helvetica;font-size:11px; color: #333333;line-height:20px;text-decoration:none;} .board_10 a:visited {font-family:arial, helvetica;font-size:11px; color: #333333;line-height:20px;text-decoration:none;} .board_10 a:hover {font-family:arial, helvetica;font-size:11px; color: #333333;line-height:20px;text-decoration:underline;} .board_pad_01 {padding:12px 15px 10px 15px;} .board_pad_02 {padding-bottom:6px;} .board_pad_03 {padding:2px 15px 0px 15px;background-color:#EAEAEA;} .board_pad_04 {padding:10px;} .board_pad_05 {padding-left:12px;} .board_pad_06 {padding:4px 0px 0px 15px;background-color:#EAEAEA;} .board_pad_07 {padding:0px 0px 0px 12px;} .board_pad_08 {padding:5px 15px 5px 15px;} .board_bg_01 {background-color:#CCCCCC;} .board_bg_02 {background-color:#E4E4E4;} .board_bg_03 {background-color:#FF0000;height:3px;} .bbs_01 {color:#666666;text-decoration:none;font-family:dotum;font-size:12px; } .bbs_01 a:link {color:#666666;text-decoration:none;font-family:dotum;font-size:12px;} .bbs_01 a:visited {color:#666666;text-decoration:none;font-family:dotum;font-size:12px;} .bbs_01 a:hover {color:#666666;text-decoration:none;font-family:dotum;font-size:12px;} .hsbcTextStyle1box_n02 { top: 0px; border: 1px solid #FD1008; background: #F3F3F3; padding-top:13px; padding-left:15px; padding-bottom:15px; voice-family:arial, helvetica; font-size:9pt; /* mod 2006/01 */ color:#333333; /* mod 2006/01 */ width: 100%; line-height:18px; font-weight:normal } .small_01 { font-family: arial,helvetica;font-size:8pt;} tr.grey td { padding:0px 0px 0px 0px; border-bottom: 1px solid #CCCCCC; } tr.red td { border-top: 0px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 3px solid #FF0000; } table.hsbcTableStyleReg01 { border: 0; width: 100%; padding: 0px; } table.hsbcTableStyleReg01 td, table.hsbcTableStyleReg01 th { vertical-align:top; } table.hsbcTableStyleReg01 td.hsbcTableReg01Column01 { width: 135px } table.hsbcTableStyleReg01 td.hsbcTableReg01Column02 { width: 6px } table.hsbcTableStyleReg01 td.hsbcTableReg01Column03 { width: 808px } tr.black td { border-top: 0px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 3px solid #000000; } /* 이벤트 페이지 사용 */ .lh_17 {line-height:17px;} /* 채용정보 페이지 사용 */ .lh_20 {line-height:20px;} /* 이벤트 페이지 사용 */ .board_07 {font-family:arial, helvetica;font-size:14px; color: #FD0400;text-decoration:none;font-weight:bold;} /* content heading style */ div.mainhead { font-family:Arial,Helvetica,Verdana,Sans-Serif; font-size:14pt; color:#FF0000; text-decoration:none; font-weight:bold; margin-left:10px; padding: 0px 0px 0px 14px; } /*********** New Style add on 20050518***********/ div.containerControlLeft div.containerRightTools3 { width: 150px; float: left; margin-left:16px; padding: 35px 0px 0px 0px; } table.ProductPoints td.hsbcTableColumn03 { width: 10px; padding:8px 0px 0px 0px; } table.hsbcTableProductool td.hsbcTableColumn01 { background-color: #ffffff; padding:0px 6px 0px 6px; text-align:left; line-height: 14px; } table.hsbcTableProductool td.hsbcTableColumn03 { background-color: #ffffff; padding:6px; text-align:left; line-height: 17px; } a.hsbcContentLink02 { color: #FF0000; } table.simpletableStyle2 { width: 100%; border: 0; border-collapse: collapse; background-color: #FFFFFF; margin: 0; padding:0px; background-image: url('../../images/Loans_files/title_bg.gif') } table.simpletableStyle3 { width: 100%; BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; border-collapse: collapse; background-color: #FFFFFF; margin: 10px 0px 0px 0px; padding: 0; } table.simpletableStyle3 td.Column01 { padding: 20px 15px 20px 15px; } table.simpletableStyle4 { width: 600px; border: 0; border-collapse: collapse; background-color: #FFFFFF; margin: 0px; padding: 0px; } table.simpletableStyle4 td.Column01 { width: 118px; padding: 0px 0px 0px 5px; height: 17px; } table.simpletableStyle4 td.Column02 { width: 1px; background-color: #e4e4e4; } table.simpletableStyle4 td.Column03 { width: 481px; padding: 0px 0px 0px 10px; font-size:74%; height: 46px; } table.simpletableStyle5 { width: 600px; border: 1px #cccccc; background-color: #cccccc; border-collapse: collapse; margin: 0px; padding: 0px; font-size: 9pt; } table.simpletableStyle5 tr.Row01 { padding: 5px 0px 3px 0px; } table.simpletableStyle5 td.Column01 { padding: 3px 0px 3px 7px; background-color: #eaeaea; width: 144px; } table.simpletableStyle5 td.Column02 { text-align: center; padding: 3px 3px 3px 3px; background-color: #FFFFFF; width: 114px; } table.simpletableStyle5 td.Column04 { text-align: center; padding: 3px 3px 3px 3px; background-color: #ffe5e5; width: 114px; } table.simpletableStyle5 td.Column05 { text-align: left; padding: 3px 0px 3px 7px; background-color: #ecd2d2; width: 114px; } tr.line1 td { padding: 8px 0px 8px 0px; } /*********************************/ /* chiRegistrationInOldCframe.css /*********************************/ /* ---------------------------------------------------------------------------------------------- HSBC Direct (Taiwan) registration form StyleSheet Author: Alex Sandrey Created: 26 May 2007 Updated: 29 May 2007 History: Additional styles added to allow for current C-frame (added at bottom of page) */ /*body,*/ body.popup { font-family:Arial, Helvetica, sans-serif; } body.popup { margin:0; } .hsbcRegistration, .hsbcRegistrationPopup { border: 1px solid #ccc; border-bottom:3px solid #f00; float:left; width: 100%; /*font-family:Arial, Helvetica, sans-serif;*/ } div.hsbcLogoPopup img { float:left; margin-left:20px; vertical-align:middle; display:inline; } .containerContent .hsbcRegistration { width:788px; margin-top:20px; } .hsbcRegistration input, .hsbcRegistration select, .hsbcRegistration label, .hsbcRegistrationPopup input, .hsbcRegistrationPopup select, .hsbcRegistrationPopup label { vertical-align:middle; font-size: 74%; color:#666; } .hsbcRegistration select, .hsbcRegistrationPopup select{ margin:0px 0 1px 0; } .hsbcRegistration .hsbcColumn label.hsbcTextStyle01{ float:left; vertical-align:middle; font-size: 74%; color:#999; width:auto; } .hsbcRegistration h1, .hsbcRegistrationPopup h1 { color:#f00; font-size:119%; margin:0; padding:14px 0 14px 20px; } .hsbcRegistration h2 { color:#f00; font-size:87%; margin:0; padding:0 20px; } .hsbcRegistration h3 { color:#666; font-size:87%; margin:5px 0; padding:0 20px; clear:both; } .hsbcRegistration h4 { color:#666; font-size:68%; margin:12px 0 0; padding:0 20px; } .hsbcRegistration p, .hsbcRegistrationPopup p { color:#666; font-size:74%; margin:8px 0; padding:0 20px; clear:both; } .hsbcRegistration p em{ line-height:1.6em; } .hsbcRegistration .hsbcTextStyle07 { background:url("../../images/registration/icon1.gif") left no-repeat; color:#999; font-size:87%; margin:5px 0 0 0; padding:0 0 0 20px; float:left; } .hsbcRegistration .hsbcTextStyle07 span { color:#666; } .hsbcRegistration span.hsbcTextStyle88 { background:url("../../images/registration/icon2.gif") left no-repeat; color:#999; font-size:87%; margin:5px 0 0 0; padding:0 0 0 20px; float:right; } .hsbcRegistration ol { padding-bottom:0; padding-top:0; margin-bottom:0; margin-top:0; } .hsbcRegistration ol li { color:#666; font-size:74%; padding-right:20px; margin-top:4px; } .hsbcRegistration ol li li { font-size:100%; padding-right:0; } .hsbcRegistration .hsbcTextStyle01 { color:#f00; float:right; margin:0; width:120px; position:relative; } .hsbcRegistration .hsbcTextStyle01 span{ position:absolute; left:13px; } .hsbcRegistration .hsbcBlock, .hsbcRegistrationPopup .hsbcBlock { position:relative; border-bottom:1px solid #ccc; float:left; padding:20px 0 20px; width:100%; } .hsbcRegistration .exthsbcBlock{ padding-bottom:15px; } .hsbcRegistrationPopup .exthsbcBlock{ padding:0; margin:0; border:none; } .hsbcRegistration .hsbcDivletStepTracker { float:right; padding:0; margin:0 20px 0 0; } .hsbcRegistration .hsbcContentStyle01 { background:#ffe9e9 url("../../images/registration/intro-bg-top.gif") top left no-repeat; border-bottom:none; margin:0; padding:0; } .hsbcRegistration .hsbcContentStyle01 ul { background:url("../../images/registration/intro-bg-bottom.gif") bottom left repeat-x; margin:0; padding:3px 35px 18px 20px; position:relative; top:10px; } .hsbcRegistration .hsbcContentStyle01 ul li { background:url("../../images/registration/arrow01.gif") top left no-repeat; color: #666; font-size:74%; line-height:1.3em; list-style:none; margin:0; padding:0 0 6px 12px; } .hsbcRegistration .hsbcContentStyle01 ul li.extListStyle01 { background-image:url("../../images/main/spacer.gif"); padding-left:0; } .hsbcRegistration .hsbcContentStyle01 ul li strong { color:#f00; } /* For terms and conditions box */ .hsbcRegistration .hsbcContentStyle02 { border:1px solid #ccc; height:200px; margin:10px 20px; overflow:auto; width:600px; } /* fade on button row */ .hsbcRegistration .hsbcContentStyle03, .hsbcRegistrationPopup .hsbcContentStyle03 { background:url("../../images/registration/form-bg.gif") top left repeat-x; border-bottom:none; } .hsbcRegistration .hsbcContentStyle03 .hsbcButton { margin:0 20px; } .hsbcRegistrationPopup .hsbcContentStyle03 span.hsbcTextStyle01 { margin:10px 0 10px 20px; vertical-align:middle; } .hsbcRegistrationPopup .hsbcContentStyle03 span.hsbcTextStyle02 { margin:0px 0 0px 5px; font-family:Arial, Helvetica, sans-serif; font-size:74%; color:#666666; vertical-align:middle; } /* No JS alternative styling */ .hsbcRegistration .hsbcContentStyle04 { margin-top:7px; background-color:#ffe9e9; float:left; width:100%; } .hsbcRegistration .hsbcFormRow, .hsbcRegistrationPopup .hsbcFormRow { float:left; margin:5px 20px; width:760px; position:relative; padding-left:10px !important; padding-left:0px; } .hsbcRegistrationPopup .hsbcFormRow02 { margin:10px 0px; } .hsbcRegistration .hsbcFormRow .hsbcColumn, .hsbcRegistrationPopup .hsbcFormRow .hsbcColumn { float:left; width:50%; } body .hsbcRegistration .hsbcFormRow .hsbcposition01 { float:left; width:36%; } body .hsbcRegistration .hsbcFormRow .hsbcposition02, body .hsbcRegistration .hsbcFormRow .hsbcposition03 { float:left; width:64%; } body .hsbcRegistration .hsbcFormRow .hsbcposition03 { float:right; margin:10px 0 0 36%; padding:0; } .hsbcRegistration .hsbcFormRow .hsbcColumn p, .hsbcRegistrationPopup .hsbcFormRow .hsbcColumn p { margin:0; padding-left:0; } .hsbcRegistration .hsbcFormRow .hsbcColumn .hsbcTextStyle78{ width:8%; float:left; clear:none; } .hsbcRegistration .hsbcFormRow .hsbcColumn .hsbcTextStyle79{ width:25%; float:left; clear:none; } .hsbcRegistration .hsbcFormRow .hsbcColumn .hsbcTextStyle80{ width:50%; float:left; clear:none; } .hsbcRegistrationPopup .hsbcFormRow .hsbcColumn p em { margin-top:3px; } .hsbcRegistration .hsbcFormRow .hsbcColumn span { color:#f00; position:absolute; right:115px; top:2px; } .hsbcRegistration .hsbcFormRow .hsbcColumn span.hsbcTextstyle01 { color:#666; font-size:74%; position:absolute; left:502px; top:3px; width: 100px; } .hsbcRegistration .hsbcFormRow .inputStyle01 { width:242px; } .hsbcRegistration .hsbcFormRow .hsbcColumn select { width:247px; } .hsbcRegistrationPopup select { width:170px; } .hsbcRegistration .hsbcFormRow .hsbcColumn .inputStyle02 { width:80px; } .hsbcRegistration .hsbcFormRow .hsbcColumn .inputStyle03 { width:121px; float:left; } .hsbcRegistration .inputStyle04, .hsbcRegistrationPopup .inputStyle04 { float:right; } .hsbcRegistration .hsbcFormRow .hsbcButton, .hsbcRegistrationPopup .hsbcFormRow .hsbcButton { left:20px; margin:0; position:relative; top:2px; } .hsbcRegistration .hsbcContentStyle05 { background:url("../../images/registration/form-bg.gif") top left repeat-x; border-bottom:none; } .hsbcRegistration .hsbcTextStyle02 { color:#333; line-height: 1.8em; } .hsbcRegistration .hsbcTextStyle02 span { position: relative; left:100px; color:#666; } .hsbcRegistration .hsbcTextStyle03 { width: 600px; margin:0; padding-top:8px; padding-bottom:15px; } .hsbcRegistration .hsbcTextStyle03 span { color:#999; } .hsbcRegistration .hsbcTextStyle04{ color:#666; font-size:74%; margin:0px; padding:0 20px; } .hsbcRegistration .hsbcTextStyle05 { color:#f00; font-size:74%; margin:0; } .hsbcRegistration .hsbcTextStyle06 { display:block; } .hsbcRegistration .showUsername{ display:none; } .hsbcRegistration .hsbcBlock h3 { color:#f00; font-size:68%; margin:12px 0 0; padding:10px 0 0 20px; } .hsbcRegistration .hsbcContentStyle06 { padding-bottom: 13px; border-bottom:1px solid #EAEAEA; } .hsbcRegistration .hsbcContentStyle07 { padding-bottom: 20px; } .hsbcRegistration .hsbcContentStyle08, .hsbcRegistrationPopup .hsbcContentStyle08 { border-bottom:1px solid #EAEAEA; border-top:1px solid #EAEAEA; } .hsbcRegistration .hsbcContentStyle09 { margin-top:20px; border-bottom:1px solid #EAEAEA; border-top:1px solid #EAEAEA; } .hsbcRegistration .hsbcContentStyle10 { padding:10px 0 18px 0; } .hsbcRegistration .hsbcContentStyle08 ul, .hsbcRegistration .hsbcContentStyle09 ul, .hsbcRegistrationPopup .hsbcContentStyle08 ul { margin:0; padding:3px 35px 18px 0px; position:relative; top:10px; } .hsbcRegistration .hsbcContentStyle08 ul li, .hsbcRegistration .hsbcContentStyle09 ul li, .hsbcRegistrationPopup .hsbcContentStyle08 ul li { background:url("../../images/registration/liError.gif") top left no-repeat; color: #f00; font-size:74%; line-height:1.3em; list-style:none; margin:0; padding:0 0 6px 20px; } .hsbcRegistration .hsbcFormRow .inputStyle05 { width:242px; } .hsbcRegistration .hsbcFormRow .inputStyle06 { margin-top: 10px; } .hsbcRegistration .hsbcFormRow .inputStyle07 { margin-left: 35px; width: 80px; } .hsbcRegistration .hsbcFormRow .inputStyle08 { float: left; padding:0; margin:0px 5px 0px 0px; } .hsbcRegistration .hsbcFormRow .inputStyle09 { float: left; clear:right; display:block; } .hsbcRegistration .hsbcFormRow .inputStyle10 { display:none; } .hsbcRegistration .hsbcTextStyle77 { color:#888; } .hsbcRegistration .hsbcButton77 { margin:10px 0; } .hsbcRegistration .hsbcTextStyle77 strong { color:#766; } .hsbcRegistration .hsbcHeading77 { float:left; clear:both; margin:25px 0 5px; white-space:nowrap;/*needed for ie6*/ } .hsbcRegistration .hsbcHeading78 { float:left; clear:both; margin:10px 0; } .hsbcRegistration .inputStyle77 { margin-top:10px; } .hsbcRegistration .hsbcCol000 { width:60%; float:left; } .hsbcRegistration .hsbcCol001 { width:40%; float:left; } .hsbcRegistration .hsbcCol002 { width:65%; float:left; } .hsbcRegistration .hsbcCol003 { width:35%; float:left; } .hsbcRegistration .hsbcCol004 { width:99%; float:left; } .hsbcRegistration .hsbcCol000 .hsbcFormRow { width:auto; } .hsbcRegistration .hsbcCol000 .hsbcFormRow .hsbcColumn { width:210px; } .hsbcRegistration .hsbcCol001Style { margin-right:20px; border:#eaeaea 1px solid; background:#f6f6f6; padding-bottom:10px; } /* popup style */ .hsbcRegistrationPopup { border: 1px solid #ccc; border-bottom:3px solid #f00; float:left; width: 500px; } .extRegistrationPopup { width: 580px; border:none; } .extRegistrationPopup02 { border:none; } /*.hsbcRegistrationPopup input, .hsbcRegistrationPopup select, .hsbcRegistrationPopup label { vertical-align:middle !important; color:#666; }*/ .hsbcRegistrationPopup .hsbcBlock { padding:15px 0; } .hsbcRegistrationPopup .hsbcFormRow { width:470px; } .hsbcRegistrationPopup .hsbcContentStyle02 { height:210px; overflow:auto; width:500px; } .hsbcIframe01 { position:relative; top:-3px; display:none; } .hsbcRegistrationPopup h1 { padding:0px 20px; font-size:87%; } .hsbcRegistrationPopup h2 { font-size:68%; color:#333; font-weight:bold; margin:0; padding:0; } .hsbcRegistrationPopup p { margin:0px; padding:5px 20px 0px; } .hsbcRegistrationPopup table { width:100%; border-collapse:collapse; font-size:74%; margin:15px 0 0 0; padding:0; } .hsbcRegistrationPopup table thead th { text-align:left; padding-left:20px; } .hsbcRegistrationPopup table tbody th { text-align:left; padding:4px 20px 2px 20px; font-weight:normal; color:#666; } .hsbcRegistrationPopup table tbody td { padding:4px 20px 2px 20px; color:#666; } .hsbcRegistrationPopup table tbody td input { margin-top:2px; } .hsbcRegistrationPopup table tbody tr.hsbcTableStyle01 th, .hsbcRegistrationPopup table tbody tr.hsbcTableStyle01 td { background-color:#F3F3F3; } .hsbcRegistrationPopup .hsbcContentStyle08 img { padding:0px 15px; } .extContainerFoot{ padding:10px 0px; border-top:3px solid #f00; } .extContainerFoot02{ padding:10px 0px; border-top:3px solid #f00; border-bottom:none; } .hsbcRegistrationPopup ul.hsbcFooterLinks { float:left; } .hsbcRegistrationPopup p.hsbcFooterCopyright { float:left; padding:0 5px 5px 15px; } .hsbcRegistrationPopup .hsbcTableStyle07 { border: 1px solid #eaeaea; margin:0 20px 15px 20px; width:540px; } .hsbcRegistrationPopup .hsbcTableStyle07 .hsbcTableRow01{ background-color:#F8F8F8; } .hsbcRegistrationPopup table.hsbcTableStyle07 th { font-size:115%; font-weight:bold; padding:6px 0 6px 5px; color:#666; vertical-align:top; } .hsbcRegistrationPopup table.hsbcTableStyle07 th.hsbcTableColumn01 { width:35px; } .hsbcRegistrationPopup table.hsbcTableStyle07 th.hsbcTableColumn02 { width:105px; } .hsbcRegistrationPopup table.hsbcTableStyle07 td.hsbcTableCell01 { border-top:solid 1px #EAEAEA; border-bottom:solid 1px #EAEAEA; border-collapse:collapse; padding:10px 0 10px 5px; color:#666; } .hsbcRegistrationPopup table.hsbcTableStyle07 a { font-size:150%; font-weight:bold; color:#666; text-decoration:underline; } .hsbcRegistrationPopup table.hsbcTableStyle07 td.hsbcTableCell02 { border-top:solid 1px #EAEAEA; border-right:solid 1px #EAEAEA; border-bottom:solid 1px #EAEAEA; border-collapse:collapse; padding:10px 2px 10px 5px; color:#666; } .hsbcRegistrationPopup table.hsbcTableStyle07 td.hsbcTableCell03 { background-color:#fff5a5; } .hsbcRegistrationPopup table.hsbcTableStyle07 td.hsbcTableCell04 { background-color:#cdfffe; } .hsbcRegistrationPopup table.hsbcTableStyle07 td.hsbcTableCell05 { background-color:#beff96; } .hsbcRegistrationPopup table.hsbcTableStyle07 td.hsbcTableCell06 { background-color:#ffcfff; } /* pop style end */ /*changes required for old c-frame*/ .hsbcRegistration { background-color:#fff; width:768px; margin-left:18px; } .hsbcRegistration .hsbcFormRow { width:740px; } .hsbcRegistration .hsbcTextStyle10{ margin-top:15px; color:#FF0000; } .hsbcRegistration .hsbcPosition01{ float:left; margin: 0px 10px 10px 0; padding:0; } .hsbcRegistration .hsbcTextStyle11{ margin-top:15px; padding-bottom:0; margin-bottom:0px; } .hsbcRegistration .hsbcContentStyle11{ position:relative; float:left; width: 100%; padding:0 0 25px 0; margin:0; background:url("../../images/registration/intro-bg-bottom.gif") bottom left repeat-x; } .hsbcRegistration .hsbcContentStyle12{ /* border:1px solid #000;*/ float:left; margin:0; padding:0; } .containerFoot { float:left; width:100%; } a img, acronym { border:0; } ul.hsbcFooterLinks { float:right; margin:0; padding:0; } ul.hsbcFooterLinks li { float:left; font-size:68%; list-style:none; margin:0; padding:0 0 0 17px; } ul.hsbcFooterLinks li a { color:#999; } p.hsbcFooterCopyright { width:80%; } .imgPopup01{ margin-left:10px; } .hsbcTextStyle11 img { border:1px solid #999; } .hsbcRegistration .hsbcContentStyle13{ float:left; margin:0; padding:0; } .hsbcRegistration .hsbcContentStyle13 .hsbcFormRow{ padding-left:10px; } .extRegistrationPopup3 { width: 620px; } /* DDTAIJ0021 start */ A.hsbcCalendarStyle01 { COLOR: #ff0000; TEXT-DECORATION: none; FONT-WEIGHT: bold } A.hsbcCalendarStyle01:hover { COLOR: #ff0000; TEXT-DECORATION: none; FONT-WEIGHT: bold } A.hsbcCalendarStyle02 { COLOR: #999999 } A.hsbcCalendarStyle02:hover { COLOR: #999999 } A.hsbcCalendarStyle03 { COLOR: #999999; TEXT-DECORATION: none } A.hsbcCalendarStyle03:hover { COLOR: #999999; TEXT-DECORATION: none } A.hsbcCalendarStyle04 { COLOR: #333333; FONT-WEIGHT: bold } A.hsbcCalendarStyle04:hover { COLOR: #333333; FONT-WEIGHT: bold } A.hsbcCalendarStyle05 { COLOR: #333333; TEXT-DECORATION: none } A.hsbcCalendarStyle05:hover { COLOR: #333333; TEXT-DECORATION: none } /* DDTAIJ0021 end */ /* INSA0001 start */ /*******Calculator********/ div.hsbcLpiContentStyle12 { width: 253px; margin-bottom:30px; } div.hsbcLpiContentStyle12 iframe { position:absolute; z-index:-1001; top:0px; filter:alpha(opacity=0); -moz-opacity:.0; opacity:.0; } div.hsbcLpiContentStyle12b { border:3px #CCC solid; } div.hsbcLpiContentStyle12 h2 { text-align:center; border-top:1px solid #FFF; background:#FFF bottom url('../../images/insurance/calculator/calculator_03.gif'); font-size:100%; color:#FFF; font-weight:normal; padding:15px 10px 17px 10px; margin:0; } div.hsbcLpiContentStyle12 .hsbcLpiContentStyle12c { background: top no-repeat url('../../images/insurance/calculator/calculator_07.gif'); } div.hsbcLpiContentStyle12 .hsbcLpiContentStyle12c .hsbcLpiTextStyle50 { margin:0 0 0 10px; padding:0; width:auto; } div.hsbcLpiContentStyle12 .hsbcLpiContentStyle12c dl { margin:0; } div.hsbcLpiContentStyle12 .hsbcLpiContentStyle12c dl dt { top:10px; left:52px; line-height:0.5em; } div.hsbcLpiContentStyle12 .hsbcLpiContentStyle12c label { font-size:69%; color:#666; display:block; } div.hsbcLpiContentStyle12 .hsbcLpiContentStyle12c div { /*background:#FFF left bottom no-repeat url('../../images/insurance/calculator/calculator_10.gif');*/ padding:20px 5px 11px 52px; margin:0; border-bottom:1px solid #ccc; } div.hsbcLpiContentStyle12 .hsbcLpiContentStyle12c input { width: 154px; } div.hsbcLpiContentStyle12 .hsbcLpiContentStyle12c select { width: 160px; } div.hsbcLpiContentStyle12 .hsbcLpiContentStyle12c div.hsbcLpiContentStyle12m { background:#FFF left bottom no-repeat url('../../images/insurance/calculator/calculator_10.gif'); } div.hsbcLpiContentStyle12 .hsbcLpiContentStyle12c div.hsbcLpiContentStyle12n { background:#FFF left bottom no-repeat url('../../images/insurance/calculator/calculator_13.gif'); } div.hsbcLpiContentStyle12 .hsbcLpiContentStyle12c div.hsbcLpiContentStyle12o { background:#FFF left bottom no-repeat url('../../images/insurance/calculator/calculator_15.gif'); } div.hsbcLpiContentStyle12 .hsbcLpiContentStyle12c div.hsbcLpiContentStyle12p { background:#FFF left bottom no-repeat url('../../images/insurance/calculator/calculator_21.gif'); } div.hsbcLpiContentStyle12 .hsbcLpiContentStyle12c div.hsbcLpiContentStyle12q { background:#FFF left bottom no-repeat url('../../images/insurance/calculator/calculator_23.gif'); } /*********** Slides ************/ div.hsbcLpiContentStyle12 .hsbcLpiContentStyle12e { background:#FFF top no-repeat url('../../images/insurance/calculator/calculator_07.gif'); width:247px; height:392px; left:0px; border-top:none; } div.hsbcLpiContentStyle12 .hsbcLpiContentStyle12e h4 { font-size:86%; color:#F00; padding:0; margin:12px 0 11px 11px; line-height:normal; } div.hsbcLpiContentStyle12 .hsbcLpiContentStyle12e div { padding:5px 0 11px 11px; } div.hsbcLpiContentStyle12 .hsbcLpiContentStyle12e div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.hsbcLpiContentStyle12 .hsbcLpiContentStyle12e label { color:#666; font-size:69%; display:block; width:100px; line-height:1em; padding:3px 0 0 0; margin:0; float:left; } div.hsbcLpiContentStyle12 .hsbcLpiContentStyle12e div.hsbcLpiContentStyle12eb { margin-top:8px; padding:12px 0 7px 11px; border-top:solid #EAEAEA 1px; } div.hsbcLpiContentStyle12 .hsbcLpiContentStyle12e div.hsbcLpiContentStyle12ec { padding:11px 0 35px 0; text-align:center; background:#FFF bottom no-repeat url('../../images/insurance/calculator/calculator_28.gif'); } div.hsbcLpiContentStyle12 .hsbcLpiContentStyle12ea input, div.hsbcLpiContentStyle12 .hsbcLpiContentStyle12eb input { width:118px; float:left; } div.hsbcLpiContentStyle12 .hsbcLpiContentStyle12c .hsbcLpiContentStyle12d { padding:0; margin:0; border:none; background:none; text-align:center; } div.hsbcLpiContentStyle12 .hsbcLpiContentStyle12c .hsbcLpiContentStyle12d input { width:auto; } div.hsbcLpiContentStyle12 .hsbcLpiContentStyle12c .hsbcLpiContentStyle12d .hsbcLpiContentStyle12da { padding:10px 0; margin:0; border:none; background:none; } div.hsbcLpiContentStyle12 .hsbcLpiContentStyle12d .hsbcLpiContentStyle12db { border:1px #FFF solid; background-color:#F3F3F3; background-image:none; padding:12px 0 6px 7px; text-align:center; } div.hsbcLpiContentStyle12 .hsbcLpiContentStyle12r { display:block; background:#FFF top no-repeat url('../../images/insurance/calculator/calculator_07.gif'); width:247px; height:392px; /*top:54px;*/ left:0px; border:3px #CCC solid; border-top:none; } div.hsbcLpiContentStyle12 .hsbcLpiContentStyle12r span { display:block; color:#F00; font-size:87.5%; padding:8px 0 3px 10px; } div.hsbcLpiContentStyle12 .hsbcLpiContentStyle12r ol { margin:10px 0 0 15px; padding:0 0 0 20px; } div.hsbcLpiContentStyle12 .hsbcLpiContentStyle12r ol li { line-height:1.3em; color:#666; font-size:75%; margin:0; padding:0 0 8px 0; } div.hsbcLpiContentStyle12 .hsbcLpiContentStyle12r ol li strong { color:#333; } .hsbcLpiContentStyle12r .hsbcLpiContentStyle12ra { margin:15px 0 0 0; border-top:#CCC 1px solid; padding:0px 0 0px 0px; } .hsbcLpiContentStyle12r .hsbcLpiContentStyle12ra strong { display:block; padding:5px 0 13px 8px; font-size:112.5%; } .hsbcLpiContentStyle12r .hsbcLpiContentStyle12rb { background-color:#F3F3F3; padding:13px 0 15px 11px; margin:0; position:relative; top: 3px; } .hsbcLpiContentStyle12da .hsbcLpiTextStyle101 { padding:0 0 5px 0; margin:0; color:#F00; font-size:74%; } .hsbcLpiContentStyle12da .hsbcLpiTextStyle102 { padding:0; margin:0; color:#666; font-size:120%; } /* CSS Document */ .jvsLightBoxMask { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1000; } .jvsLightBoxClose { position:absolute; top:0px; right:0px; padding:6px 6px; /*background:#000; color:#CCC;*/ } .jvsLightBoxMaskMacFF { background:url(../../images/insurance/calculator/mask.png); } .jvsLightBoxPopup { position:absolute; /*background:#000;*/ z-index:10001; } .jvsLightBoxPopupContentArea { /*background:#FFF; margin:5px; padding:5px;*/ } .jvsLightBoxPopupContentArea img { margin:-5px; } /******hw_default*******/ div.hsbcLpiContent { margin-top:20px; background:#fff; } /* -------------------------------- Rows -------------------------------- */ div.hsbcLpiRow { height: 1%; } div.hsbcLpiRow:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.hsbcLpiRow01 { width: 812px; } div.hsbcLpiRow02 { width: 652px; } /* -------------------------------- Columns -------------------------------- */ div.hsbcLpiColumn { float: left; } div.hsbcLpiColumn01 { width: 812px; } div.hsbcLpiColumn02 { width: 652px; } /* -------------------------------- Content -------------------------------- */ div.hsbcLpiContentStyle13 { padding: 0px 0px 0px 0px; border:1px solid #ccc; border-bottom:none; } div.hsbcLpiContentStyle13 .hsbcLpiContentStyle13a { background-position: bottom left; background-repeat: no-repeat; padding: 19px 20px 22px 170px; } div.hsbcLpiContentStyle13 .hsbcLpiContentStyle13b { padding: 19px 20px 22px 15px; } div.hsbcLpiContentStyle13 h1 { font-size:87.5%; color:#333; margin-bottom: 0px; padding:0px; line-height: 1em; } div.hsbcLpiContentStyle13 h2 { color:#f00; font-size:112.5%; padding:0px; margin: 3px 0px 8px 0px; } div.hsbcLpiContentStyle13 ul { height: 1%; padding:0; margin:0; list-style:none; } div.hsbcLpiContentStyle13 ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.hsbcLpiContentStyle13 ul li { float:left; padding:3px 1px 0px 1px; } div.hsbcLpiContentStyle14 { height: 1%; padding: 8px 0px 8px 0px; margin: 0px 0px 0px 0px; border:1px solid #ccc; background:url(../../images/insurance/grey-gradient-line.gif) top left no-repeat; } div.hsbcLpiContentStyle14NoTop { padding: 33px 0 0 0; margin:0; } div.hsbcLpiContentStyle14NoShadow { background: none; } div.hsbcLpiContentStyle14:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.hsbcLpiContentStyle14 h1 { font-size:137.5%; color:#ff0000; margin-bottom: 0px; padding:9px 15px 0px 15px; line-height: 1em; } div.hsbcLpiContentStyle14 h2 { color:#333; font-size:112.5%; padding:0px; margin: 1px 0px 8px 0px; } div.hsbcLpiContentStyle14 .hsbcLpiContentStyle14a { float: left; width: 531px; } div.hsbcLpiContentStyle14 .hsbcLpiContentStyle14b { float: left; width: 278px; padding: 21px 0px 0px 0px; } div.hsbcLpiContentStyle14 .hsbcLpiContentStyle14a p { font-size:75%; color:#666; margin: 0px; padding: 8px 15px 0px 15px; } div.hsbcLpiContentStyle14 .hsbcLpiContentStyle14c { margin: 0px 0px 0px 15px; padding: 0px; background:url(../../images/insurance/product-upper-background.gif) top left no-repeat; } div.hsbcLpiContentStyle14 .hsbcLpiContentStyle14d { margin: 21px 0px 20px 0px; padding: 16px 0px 33px 0px; background:url(../../images/insurance/product-lower-background.gif) bottom left no-repeat; } div.hsbcLpiContentStyle14 .hsbcLpiContentStyle14d p { font-size:75%; color:#666; margin: 0px; padding: 3px 15px 3px 15px; } div.hsbcLpiContentStyle14 .hsbcLpiContentStyle14d a { font-size:75%; color:#ff0000; text-decoration: underline; padding: 0px 15px 0px 15px; } div.hsbcLpiContentStyle14 .hsbcLpiContentStyle14d a:hover { text-decoration: none; } div.hsbcLpiContentStyle14 .hsbcLpiContentStyle14e { height: 1%; margin: 0px; padding: 0px 15px 0px 15px; } div.hsbcLpiContentStyle14 .hsbcLpiContentStyle14e:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.hsbcLpiContentStyle14 .hsbcLpiContentStyle14f { float: left; width: 250px; } div.hsbcLpiContentStyle14 .hsbcLpiContentStyle14g { float: left; width: 233px; text-align: right; padding: 5px 0px 0px 0px; } div.hsbcLpiContentStyle14 .hsbcLpiContentStyle14g a { padding: 0px 0px 0px 0px; } div.hsbcLpiContentStyle14 .hsbcLpiContentStyle14h { margin: 0px; padding: 6px 0px 0px 1px; font-size: 87.5%; color: #333; } div.hsbcLpiContentStyle14 .hsbcLpiContentStyle14h span.hsbcLpiContentStyle14hRed { color: #ff0000; } div.hsbcLpiContentStyle14 .hsbcLpiContentStyle14h span.hsbcLpiContentStyle14hGreen { color: #00a400; } div.hsbcLpiContentStyle14 p.hsbcLpiContentStyle14i { margin: 0px 0px 0px 18px; padding: 5px 20px 0px 30px; font-size: 75%; color: #666; } div.hsbcLpiContentStyle14 p.hsbcLpiContentStyle14i.hsbcLpiContentStyle14iLast { padding: 5px 20px 18px 30px; } div.hsbcLpiContentStyle14 p.hsbcLpiContentStyle14iTick { background:url(../../images/insurance/tick.gif) top left no-repeat; background-position: 0px 5px; } div.hsbcLpiContentStyle14 p.hsbcLpiContentStyle14iCross { background:url(../../images/insurance/cross.gif) top left no-repeat; background-position: 0px 12px; } div.hsbcLpiContentStyle14 .hsbcLpiContentStyle14j { margin: 0px; padding: 6px 15px 0px 15px; font-size: 112.5%; color: #ff0000; } div.hsbcLpiContentStyle14 .hsbcLpiContentStyle14j span { color: #333; } div.hsbcLpiContentStyle14 .hsbcLpiContentStyle14k { font-size:75%; color:#666; margin: 0px; padding: 13px 15px 3px 15px; } div.hsbcLpiContentStyle22 { position:relative; padding:18px 0px 16px 0px; border:1px solid #ccc; background:url(../../images/insurance/grey-gradient-line.gif) top left no-repeat; } div.hsbcLpiContentStyle22 .hsbcLpiContentStyle22a { margin: 0px; padding: 0px 17px 5px 17px; font-size: 87.5%; color: #ff0000; } div.hsbcLpiContentStyle26 { margin:0; padding:0; } div.hsbcLpiContentStyle26 .hsbcLpiContentStyle26a { margin:0; padding: 3px 16px 0px 16px; color:#333; font-size:87.5%; } div.hsbcLpiContentStyle26 span.hsbcLpiContentStyle26b { margin:0; padding:0; color:#333; font-size:150%; } div.hsbcLpiContentStyle26 span.hsbcLpiContentStyle26c { margin:0; padding:0; color:#666; font-size:62.5%; } div.hsbcLpiContentStyle26 .hsbcLpiContentStyle26d { margin:0; padding:0px 16px 0px 16px; color:#000; font-size:87.5%; } div.hsbcLpiContentStyle26 .hsbcLpiContentStyle26e { margin:0; padding: 14px 16px 0px 16px; color:#999; font-size:68.75%; } div.hsbcLpiContentStyle26 .hsbcLpiContentStyle26f { margin:0; padding: 4px 16px 6px 16px; color:#ff0000; font-size:87.5%; } div.hsbcLpiContentStyle26 .hsbcLpiContentStyle26g { margin:0; padding: 0px 16px 0px 16px; color:#333; font-size:75%; } div.hsbcLpiContentStyle26 .hsbcLpiContentStyle26h { margin:0; padding: 11px 16px 11px 16px; color:#666; font-size:75%; } div.hsbcLpiContentStyle26 .hsbcLpiContentStyle26i { height: 1%; margin: 0px; padding: 17px 10px 0px 11px; } div.hsbcLpiContentStyle26 .hsbcLpiContentStyle26i:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.hsbcLpiContentStyle26 .hsbcLpiContentStyle26i input { float:left; } div.hsbcLpiContentStyle26 .hsbcLpiContentStyle26i select { float:left; color:#666; font-size:75%; margin: 4px 0px 0px 4px; } div.hsbcLpiContentStyle26 .hsbcLpiContentStyle26i label { float:left; font-size: 75%; color: #333; padding: 3px 0px 0px 0px; } div.hsbcLpiContentStyle26 .hsbcLpiContentStyle26j { margin: 0px; padding: 5px 16px 7px 16px; } div.hsbcLpiContentStyle26 ul { margin: 0px; padding: 0px 16px 17px 16px; } div.hsbcLpiContentStyle26 li { margin: 0px 0px 0px 0px; padding: 7px 0px 0px 14px; list-style-type: none; background: url(../../images/insurance/grey-bullet.gif) top left no-repeat; background-position: 0px 13px; color:#666; font-size:75%; } div.hsbcLpiContentStyle26 { height: 1%; margin:0; padding:0; } div.hsbcLpiContentStyle26 dl { margin: 0px; padding: 13px 16px 0px 16px; } div.hsbcLpiContentStyle26 dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.hsbcLpiContentStyle26 dt { margin:0; padding:0; float: left; color:#666; font-size:75%; width: 141px; } div.hsbcLpiContentStyle26 dd { margin:0; padding:0; float: left; color:#333; font-size:75%; width: 343px; } div.hsbcLpiContentStyle32 { background: url(../../images/insurance/grey-gradient-line.gif) top left repeat-x; border: 1px solid #ccc; border-top: none; } div.hsbcLpiContentStyle32 .hsbcLpiContentStyle32x { padding: 21px 0 36px 15px; border-bottom: 3px solid #f00; } div.hsbcLpiContentStyle32 img { border:0; vertical-align:middle; } div.hsbcLpiContentStyle32 a.hsbcLpiContentStyle32b { margin:0 4px 0 0; } div.hsbcLpiContentStyle32 span.hsbcLpiContentStyle32a { color:#666; font-size: 75%; padding: 0 0 0 8px; } div.hsbcLpiContentStyle32 span.hsbcLpiContentStyle32a a { text-decoration: underline; } div.hsbcLpiContentStyle32 span.hsbcLpiContentStyle32a a:hover { text-decoration: none; } div.hsbcLpiContentStyle34 { border:#ccc solid 1px; border-top:0; padding:17px 15px 20px 15px; } div.hsbcLpiContentStyle34 p.hsbcLpiContentStyle34a { float:right; color:#f00; font-size:68.75%; line-height:1em; margin:0; padding:4px 0 0 0; } div.hsbcLpiContentStyle34 p.hsbcLpiContentStyle34b { color:#f00; font-size:87.5%; line-height:1em; margin:0; padding:0 0 15px 0; } div.hsbcLpiContentStyle34 select { margin: 0 0 1px 0; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:72%; } div.hsbcLpiContentStyle36 { border:#ccc solid 1px; border-top:0; padding:18px 15px 0px 15px; } div.hsbcLpiContentStyle36 p { color:#f00; font-size:87.5%; line-height:1em; margin:0; padding:0 0 15px 0; } div.hsbcLpiContentStyle36 dl { padding:0 0 18px 0; margin:0; height:1%; } div.hsbcLpiContentStyle36 dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.hsbcLpiContentStyle36 dl dt { margin:0; padding:0; float:left; width:334px; font-size:75%; color:#666; line-height:1.3em; } div.hsbcLpiContentStyle36 dl dd { margin:0; padding:0; float:left; width:280px; } div.hsbcLpiContentStyle36 dl dd span a { font-size: 75%; color: #ff0000; text-decoration: underline; padding: 0px 0px 0px 8px; } div.hsbcLpiContentStyle36 dl dd span a:hover { text-decoration: none; } div.hsbcLpiContentStyle36 dl dd label { font-size:75%; color:#666; line-height:1.3em; } div.hsbcLpiContentStyle36 select { margin: 0 0 1px 0; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:72%; } div.hsbcLpiContentStyle36 input.hsbcLpiContentStyle36a { width:1em; height:1em; } div.hsbcLpiContentStyle36 dd.hsbcLpiContentStyle36b label { margin:0 35px 0 0; } div.hsbcLpiContentStyle36 dd.hsbcLpiContentStyle36d { font-size:75%; color:#666; line-height:1em; } div.hsbcLpiContentStyle36 dd.hsbcLpiContentStyle36d input { font-family:Arial, Helvetica, sans-serif; font-size:81.25%; color:#666; } div.hsbcLpiContentStyle36 input.hsbcLpiContentStyle36e { width:30px; } div.hsbcLpiContentStyle36 input.hsbcLpiContentStyle36f { width:20px; } div.hsbcLpiContentStyle36 input.hsbcLpiContentStyle36g { font-family:Arial, Helvetica, sans-serif; font-size:81.25%; color:#666; width: 90px; } .hsbcTextSyle001 { FONT-SIZE: 9pt; COLOR: #666; } .hsbcTextStyle002 { FONT-SIZE: 14pt; COLOR: #000000; } .hsbcLpiValignBottom { vertical-align: bottom; } TABLE.hsbcErrorTableStyle { BORDER-TOP: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid;WIDTH: 100%; } TABLE.hsbcErrorTableStyle TD { PADDING-RIGHT: 35px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 3px; POSITION: relative; } .hsbcInsuranceErrorTextStyle { PADDING-RIGHT: 0px; PADDING-LEFT: 20px; FONT-SIZE: 74%; background:url("../../images/insurance/liError.gif") no-repeat left top; PADDING-BOTTOM: 6px; MARGIN: 0px; COLOR: #f00; LINE-HEIGHT: 1.3em; PADDING-TOP: 0px; } /* INSA0001 end */ body{ padding:0; margin:0; } .cont-gy{ font-size:12px; color:#666666; text-decoration: none; } .cont-gy a:link{ color:#666666; text-decoration: none; } .cont-gy a:visited{ color:#666666; text-decoration: none; } .cont-gy a:hover{ color:#FF0000; text-decoration: none; } /* ContentTABMENU ----------------------------------------------------------------------------------- */ div.DirectContentTabMenu, .TabSet { background:url(../IMAGES/tabmenu/tab_bg.gif) repeat-x right bottom; height:35px; width:100%; clear:left; } div.DirectContentTabMenu ul { margin:0px; padding:0px; } div.DirectContentTabMenu ul li { margin:0px; padding:0px 0px 0px 6px; list-style:none; float:left; height:31px; background:url(../IMAGES/tabmenu/tab_off_left.gif) no-repeat top left; text-align:center; } div.DirectContentTabMenu ul li a, .TabLink { padding:0px 9px 0px 2px; margin:0px; height:31px; line-height:36px; float:left; display:block; background:url(../IMAGES/tabmenu/tab_off_right.gif) no-repeat top right; text-decoration:none; color:#000; /* mac-ie */ font-size:12px; /*non-mac-ie \*/ font-size:12px; /* */ font-weight:normal; vertical-align:50%; } div.DirectContentTabMenu ul li a:hover, .TabLink:hover { color:#f00 !important; text-decoration:none; } div.DirectContentTabMenu ul li.DirectContentTabMenuSelected a, .SelectedTab { background:url(../IMAGES/tabmenu/tab_on_left.gif) no-repeat top left; color:#ff0000 !important; font-weight:Bold; } div.DirectContentTabMenu ul li.DirectContentTabMenuSelected a, .SelectedTab a, .SelectedTabLink { background:url(../IMAGES/tabmenu/tab_on_right.gif) no-repeat top right; } div.DirectContentTabMenu ul li.extFirstTab { background:url(../IMAGES/tabmenu/first_tab_off_left.gif) no-repeat top left; } div.DirectContentTabMenu ul li.extFirstTabSelected { background:url(../IMAGES/tabmenu/first_tab_on_left.gif) no-repeat top left; padding-left:15px; } div.DirectContentTabMenu ul li.extFirstTabSelected a { background:url(../IMAGES/tabmenu/tab_on_right.gif) no-repeat top right; color:#ff0000 !important; font-weight:Bold; } div.DirectContentTabMenu ul li a .extMacIE { float:left; clear:left; padding-top:2px; /*FIX FOR:MAC IE \*/ float:none; clear:none; padding-top:0px; /* */ } TABLE.hsbcTableStyle07 { BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 100%; PADDING-TOP: 0px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: arial,helvetica; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left } TABLE.hsbcTableStyle07 TD { PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-SIZE: 74%; PADDING-BOTTOM: 4px; VERTICAL-ALIGN: top; COLOR: #333333; LINE-HEIGHT: 14px; PADDING-TOP: 4px } TABLE.hsbcTableStyle07 TH { BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 9pt; COLOR: #333333; LINE-HEIGHT: 14px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eaeaea } TABLE.hsbcTableStyle07 TD.hsbcTableColumn02 { BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 9pt; COLOR: #333333; LINE-HEIGHT: 14px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eaeaea } TABLE.hsbcTableStyle07 TD.hsbcTableColumn03 { TEXT-ALIGN: right } TABLE.hsbcTableStyle07 TD.hsbcTableColumn04 { LINE-HEIGHT: 14px } /*DDTAIG0064 start*/ div.hsbcLpiContentStyle37 { padding:18px 15px 0px 15px; } div.hsbcLpiContentStyle37 dl { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 18px; MARGIN: 0px; PADDING-TOP: 0px; /*HEIGHT: 1%*/ } div.hsbcLpiContentStyle37 dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.hsbcLpiContentStyle37 dl dt { margin:0; padding:0; float:left; width:334px; font-size:75%; color:#666; line-height:1.3em; } div.hsbcLpiContentStyle37 dl dd { margin:0; padding:0; float:left; width:280px; } div.hsbcLpiContentStyle38 { border:#ccc solid 1px; border-top:0; padding:18px 15px 0px 15px; } div.hsbcLpiContentStyle38 p { color:#f00; font-size:87.5%; line-height:1em; margin:0; padding:0 0 1px 0; } /*DDTAIG0064 end*/