/****************************/ /* 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: 146px; float: left; } div.containerTabMenu { width:100%; float:left; } div.containerBreadCrumb { width:100%; float:left; } div.containerFooter { width: 100%; float: left; } 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: 818px; float: left; } div.containerControlLeft div.containerControlOne { width: 818px; float: left; } div.containerControlLeft div.containerControlOne div.containerContentOne { width: 818px; 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.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:16px; padding: 27px 0px 0px 0px; } div.containerControlLeft div.containerControlRightTools { width: 166px; float: left; } div.containerControlLeft div.containerControlRightTools div.containerRightTools { width: 166px; 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:130px; margin-right:16px; float:left; } div.containerRightTools { width:166px; 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 { border-top:1px solid #ccc; height:17px; /* mac-ie */ font-size:68%; /*non-mac-ie \*/ font-size:61%; /* */ line-height:170%; padding-left:11px; padding-right:7px; clear:both; } 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, 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 { width: 100%; border: 0; border-collapse: collapse; background-color: #FFFFFF; margin: 0; padding: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 { 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.tableStylePopup td.tableColumn02 { border-top: 1px solid #CCCCCC; } table.tableStylePopup td.popupTitle { font-weight: bold; } table.popupInnertable { padding:0px 10px 0px 10px; color: #666666; font-size:9pt; border: 0px; width: 100%; border-collapse: collapse; margin: 0; padding: 0px; } table.popupInnertable td { padding:0px 10px 0px 10px; } table.popupHeader { width: 100%; border: 0; border-collapse: collapse; background-color: #FFFFFF; text-align: left; } table.popupHeader td.hsbcTableColumn01 { padding:0px 6px 0px 0px; vertical-align:top; text-align:left; width: 5px; } table.popupHeader td.hsbcTableColumn02 { padding:0px 6px 0px 6px; vertical-align:top; 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 { width: 650px; padding: 10px 10px 0px 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.hsbcTableStyle07, 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.hsbcTableStyle07 td, table.hsbcTableStyle06 th, table.hsbcTableStyle07 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.hsbcTableStyle07 td.hsbcTableColumn02, table.hsbcTableStyle20 td.hsbcTableColumn02 { background-color: #EAEAEA; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; color:#333333; font-size:10pt; line-height: 14px; } table.hsbcTableStyle06 td.hsbcTableColumn03, table.hsbcTableStyle07 td.hsbcTableColumn03, table.hsbcTableStyle20 td.hsbcTableColumn03 { /*padding: 10px 5px;*/ text-align: right; } table.hsbcTableStyle06 td.hsbcTableColumn04, table.hsbcTableStyle07 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.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.hsbcTableStyle06 td.hsbcTableColumn25, table.hsbcTableStyle07 td.hsbcTableColumn25, table.hsbcTableStyle20 td.hsbcTableColumn25 { padding: 8px 6px; } 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 10px; } 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 10px; } 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: #999999; font-size:9pt; padding: 0px; text-decoration: none; } a.hsbcLinkStyle15:hover { font-family:Arial,Helvetica,Verdana,Sans-Serif; background-color: #FFFFFF; color: #FF0000; font-size:9pt; padding: 0px; text-decoration: none; } a.hsbcLinkStyle16, a.hsbcLinkStyle16:hover { font-family:Arial,Helvetica,Verdana,Sans-Serif; color: #FF0000; font-size:9pt; padding: 0px; text-decoration: none; } a.hsbcLinkStyle17, a.hsbcLinkStyle17:hover { font-family:Arial,Helvetica,Verdana,Sans-Serif; background-color: #FFFFFF; color: #FF0000; font-size:9pt; 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; } /* *****Created ****** */ /******************************/ /* text styles /******************************/ span.hsbcTextStyle13 { font-weight:normal; font-size:9pt; /* mod 2006/01 */ color:#666666; /* mod 2006/01 */ text-decoration:none; /* mod 2006/01 */ line-height:14px; } .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:0px; font-family: arial; font-size:9pt; /* mod 2006/01 */ color:#FF0000; /* mod 2006/01 */ text-decoration:none; /* mod 2006/01 */ } .hsbcTextStyle20 { padding:0px; font-family: arial; font-size:9pt; /* mod 2006/01 */ color:#FFFFFF; /* mod 2006/01 */ text-decoration:none; /* mod 2006/01 */ } .hsbcListStyle01 { list-style-type: square; margin-left:14px; padding-left:0; } .hsbcTextStyleError { color:#ff0000; font-weight:bold; } .hsbcTextStyleWarning { color:#ff0000; font-weight:bold; } .hsbcInputStyle01 { /* width: 96%; */ font-size:100%; 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, .myfootitem4:hover { font-family:Arial,Helvetica,Verdana,Sans-Serif; font-size:8pt; color:#000000; text-decoration:none; } .myfootitem5, .myfootitem5:hover { font-family:Arial,Helvetica,Verdana,Sans-Serif; font-size:8pt; 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-family:dotum, µ¸¿òü,µ¸¿ò, Arial, sans-serif; color: #FF0000; font-weight:bold; font-size:10pt; } /******************************/ /* depth font /******************************/ .1depth { font-family:dotum, µ¸¿òü,µ¸¿ò, Arial; font-size:14px; color:#FF0000; padding-left:8px; font-weight:bold; } .2depth { font-family:dotum, µ¸¿òü,µ¸¿ò, Arial; font-size:12px; font-weight:bold; color: #555555; padding-left:8px; } .contents { padding:0; font-family:dotum, µ¸¿òü,µ¸¿ò, Arial; font-size:12px; color: #333333; padding-left:8px; text-decoration:none; } .inquiry { font-family:dotum, µ¸¿òü,µ¸¿ò, Arial; font-size:12px; color: #333333; padding-left:13px; } .printmargin { margin-top:2px } /******************************/ /* 06.03.03 Ãß°¡ /******************************/ /******************************/ /* e-map /******************************/ .titlemargin{ margin-left:4px; } .mapword { font-family:dotum, µ¸¿òü,µ¸¿ò, Arial; font-size:11px; color: #333333; } .mappage { font-family:dotum, µ¸¿òü,µ¸¿ò, Arial; 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:dotum, µ¸¿òü,µ¸¿ò, Arial; 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:dotum, µ¸¿òü,µ¸¿ò, Arial; color: #666666; font-size:13pt; font-weight:bold; padding: 0px; text-decoration: none; padding: 10px 20px 10px 20px; } a.hsbcLinkStyle_n18:hover { font-family:dotum, µ¸¿òü,µ¸¿ò, Arial; color: #333333; font-weight:bold; font-size:13pt; padding: 10px 20px 10px 20px; text-decoration: none; } .hsbcLinkStyle_n19, .hsbcLinkStyle_n19:hover { font-family:dotum, µ¸¿òü,µ¸¿ò, Arial; 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:dotum, µ¸¿òü,µ¸¿ò, Arial; 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:dotum, µ¸¿òü,µ¸¿ò, Arial; 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:dotum, µ¸¿òü,µ¸¿ò, Arial; 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:dotum, µ¸¿òü,µ¸¿ò, Arial; font-size:9pt; color:#333333; width: 100%; line-height:18px; font-weight:normal } .hsbcTextStyle1box_n03 { top: 0px; border: 1px solid #FD1008; background: #F3F3F3; padding-top:13px; padding-left:15px; padding-right:15px; padding-bottom:15px; voice-family:dotum, µ¸¿òü,µ¸¿ò, Arial; font-size:9pt; /* mod 2006/01 */ color:#333333; /* mod 2006/01 */ width: 45%; line-height:18px; } .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-family:dotum, µ¸¿òü,µ¸¿ò, Arial; font-size:12px; color: #333333; line-height:22px; } .text_02 { font-family:dotum, µ¸¿òü,µ¸¿ò, Arial; 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-family:dotum, µ¸¿òü,µ¸¿ò, Arial;font-size:12px; color: #333333;line-height:20px;text-decoration:none;} .board_01 a:link {font-family:dotum, µ¸¿òü,µ¸¿ò, Arial;font-size:12px; color: #333333;line-height:20px;text-decoration:none;} .board_01 a:visited {font-family:dotum, µ¸¿òü,µ¸¿ò, Arial;font-size:12px; color: #333333;line-height:20px;text-decoration:none;} .board_01 a:hover {font-family:dotum, µ¸¿òü,µ¸¿ò, Arial;font-size:12px; color: #333333;line-height:20px;text-decoration:underline;} .board_02 {font-family:dotum, µ¸¿òü,µ¸¿ò, Arial;font-size:12px; color: #333333;line-height:20px;text-decoration:none;font-weight:bold;} .board_02 a:link {font-family:dotum, µ¸¿òü,µ¸¿ò, Arial;font-size:12px; color: #333333;line-height:20px;text-decoration:none;font-weight:bold;} .board_02 a:visited {font-family:dotum, µ¸¿òü,µ¸¿ò, Arial;font-size:12px; color: #333333;line-height:20px;text-decoration:none;font-weight:bold;} .board_02 a:hover {font-family:dotum, µ¸¿òü,µ¸¿ò, Arial;font-size:12px; color: #333333;line-height:20px;text-decoration:underline;font-weight:bold;} .board_03 {font-family:dotum, µ¸¿òü,µ¸¿ò, Arial;font-size:12px; color: #858585;text-decoration:none; font-weight:bold;} .board_04 { font-family:dotum, µ¸¿òü,µ¸¿ò, Arial; font-size:14px; color: #333333; line-height:20px; font-weight:bold; } .board_05 { font-family:dotum, µ¸¿òü,µ¸¿ò, Arial; font-size:12px; color: #989898; text-decoration:underline; } .board_06 {font-family:dotum, µ¸¿òü,µ¸¿ò, Arial;font-size:12px; color: #333333;line-height:18px;text-decoration:none;} .board_07 {font-family:dotum, µ¸¿òü,µ¸¿ò, Arial;font-size:12px; color: #FE0000;text-decoration:none;font-weight:normal;} .board_07 a:link {font-family:dotum, µ¸¿òü,µ¸¿ò, Arial;font-size:12px; color: #FE0000;text-decoration:none;font-weight:normal;} .board_07 a:visited {font-family:dotum, µ¸¿òü,µ¸¿ò, Arial;font-size:12px; color: #FE0000;text-decoration:none;font-weight:normal;} .board_07 a:hover {font-family:dotum, µ¸¿òü,µ¸¿ò, Arial;font-size:12px; color: #FE0000;text-decoration:underline;font-weight:normal;} .board_08 {font-family:dotum, µ¸¿òü,µ¸¿ò, Arial;font-size:12px; color: #333333;line-height:16px;text-decoration:none;} .board_09 {font-family:dotum, µ¸¿òü,µ¸¿ò, Arial;font-size:12px; color: #999999;text-decoration:underline;} .board_09 a:link {font-family:dotum, µ¸¿òü,µ¸¿ò, Arial;font-size:12px; color: #999999;text-decoration:underline;} .board_09 a:visited {font-family:dotum, µ¸¿òü,µ¸¿ò, Arial;font-size:12px; color: #999999;text-decoration:underline;} .board_09 a:hover {font-family:dotum, µ¸¿òü,µ¸¿ò, Arial;font-size:12px; color: #999999;text-decoration:underline;} .board_10 {font-family:dotum, µ¸¿òü,µ¸¿ò, Arial;font-size:11px; color: #333333;line-height:20px;text-decoration:none;} .board_10 a:link {font-family:dotum, µ¸¿òü,µ¸¿ò, Arial;font-size:11px; color: #333333;line-height:20px;text-decoration:none;} .board_10 a:visited {font-family:dotum, µ¸¿òü,µ¸¿ò, Arial;font-size:11px; color: #333333;line-height:20px;text-decoration:none;} .board_10 a:hover {font-family:dotum, µ¸¿òü,µ¸¿ò, Arial;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:dotum, µ¸¿òü,µ¸¿ò, Arial; font-size:9pt; /* mod 2006/01 */ color:#333333; /* mod 2006/01 */ width: 100%; line-height:18px; font-weight:normal } .small_01 { font-family: dotum, µ¸¿òü,µ¸¿ò, Arial;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:dotum, µ¸¿òü,µ¸¿ò, Arial;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:12pt; 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, a.hsbcContentLink01:visited, a.hsbcContentLink01:hover { 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; } table.hsbcTableStyle06 td.hsbcTableColumn28 { background-color: #EAEAEA; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; color:#333333; font-size:9pt; line-height: 14px; padding-top:10px; } /*********** New Style add on 20080130***********/ div.containerContentOneTwoBottom { width:310px; margin-right:16px; float:left; } /*********** New Style add on 20080320***********/ div.containerContentHome { width:963px; float:left; } div.containerContentHomeOne { width:auto; float:left; }