/* ---------------------------------------------------------------------------------------------- HSBC UK Commercial CONTROL StyleSheet Author: Gordon Dougal Created: 23 May 2005 Updated: 16 August 2006 History: 23 May 2005 Created stylesheet, will develop using multiple style-sheets, and also regularly test using single style-sheet. ---------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------- HSBC HK Personal Base style sheet Author: Gordon Dougal Created: 18 Jan 2006 Updated: 16 August 2006 History: ---------------------------------------------------------------------------------------------- */ /* Default * Text styles ---------------------------------------------------------------------------------------------- */ html body, body { margin: 0px; font-family: Arial, Helvetica, sans-serif; color: #666; } /* Form, Input, Select * Layout styles ---------------------------------------------------------------------------------------------- */ form { display:inline; } input, select, label { vertical-align:middle !important; } /* A, A Img * Text stlyes ---------------------------------------------------------------------------------------------- */ a img { border:0px; } a { color:#f00; text-decoration:underline; } /* Table Style Base - used for all tables, gives a set of specific styles that can be used for table text ---------------------------------------------------------------------------------------------- */ table { border-collapse: collapse; margin: 0px; } table td ul, table td ol { font-size: 100% !important; margin-top: 0px !important; } table td ol { padding-left: 8px !important; } table td ul li, table td ol li { line-height: 1.6em; } table .hsbcSizeText01 { font-size: 80%; /* \*/ font-size: 75%; /* */ } /* Content Style Base - includes base html text elements (p,h1,h2,h3 etc). ---------------------------------------------------------------------------------------------- */ div.hsbcStyleContentBase .hsbcContent { } h1, h2, h3, h4, h5, h6 { margin: 5px 0px !important; } h1, div.hsbcStyleContentBase h1 { margin: 0px !important; color: #f00; font-weight: bold; font-size: 156%; /* \*/ font-size: 149%; /* */ } h2, div.hsbcStyleContentBase h2 { color: #333; margin-top: 14px !important; margin-bottom:8px; padding-top: 0px; font-weight: normal; font-size: 124% !important; /* \*/ font-size: 119% !important; /* */ } h3, div.hsbcStyleContentBase h3 { margin-top: 10px !important; margin-bottom:8px; font-weight: bold; font-size: 93% !important; /* \*/ font-size: 87% !important; /* */ } div.hsbcStyleContentBase p { margin-top: 7px; margin-bottom: 8px !important; /* /-* mac-ie *-/ font-size:80%; /-*non-mac-ie \*-/ font-size:76%; /-* *-/ */ } div.hsbcStyleContentBase ol { margin-left: 12px; padding-left: 10px; /* mac-ie */ font-size:80%; /*non-mac-ie \*/ font-size:76%; /* */ } div.hsbcStyleContentBase ul { margin: 6px 0px 12px; padding: 0; list-style: none; line-height: 1.5em; } /* div.hsbcStyleContentBase ul li { background: url("../../images/common/arrow_black_circle.gif") no-repeat top left; padding-left: 12px; }*/ .hsbcBackgroundStyle03 { background: url("../../images/common/page_back_grey.gif") repeat-y bottom left; } /* Custom homepage styles ---------------------------------------------------------------------------------------------- */ div.containerControlHomeFull img { margin-right: 2px; } /* Horizontal Line ---------------------------------------------------------------------------------------------- */ p.extHrType01 { background: #ccc; height: 1px; /* This could be causing extra padding */ line-height:1px; display:block; font-size:1%; } div.extHrType01 { border-bottom: 1px solid #ccc; line-height:1px; display:inherit; font-size:1%; height: 1px; } div.extHrType02 { border-top: 1px solid #ccc; line-height:1px; display:inherit; font-size:1%; height: 1px; } div.extHrType03 { border-bottom: 1px solid #ccc; line-height:1px; display:inherit; font-size:1%; height: 1px; padding-top: 12px; } div.extHrType04 { margin-top: 1px; border-top: 1px solid #ccc; height:1px; font-size:0px; line-height:1px; } .pageBorderTop { border-top:1px solid #ccc; } .hsbcEndFloat { clear:both; width:auto; height:auto; display:inherit; visibility:none; } .hsbcEndFloat02 { /* \*/ clear: none; width: 200px; display: block; height: 1px; /* */ c\lear:both; wid\th:auto; heigh\t:auto; di\splay:inherit; \visibility:none; } .hsbcBackground01 { background: url("../../images/common/divlets/NOTE.gif") no-repeat bottom right !important; } .hsbcBackground04 { border: 1px solid #ccc; background-color: #fff; } .hsbcBackground05 { background-color: #ffeaea; } .hsbcBackground06 { background-color: #eee; } .ie6Fix { height:1px; font-size:1px; position:absolute; top:-2000px; left:-2000px; } a.hsbcSkiplink { color: #fff; font-size: 74%; /* \*/ font-size: 69%; /* */ } .hsbcFixHieght { height: 23px; } /* *************** FLOATING CONTAINER STYLES ************************ */ .hsbcColumn .hsbcColumn { width: 294px !important; /* \*/ width: 296px !important; /* */ float: right; margin-top: 16px; margin-right: 0px !important; } .hsbcColumn .hsbcColumn .hsbcContent { padding-right: 0px; margin-right: 0px; } .hsbcColumn .hsbcColumn .hsbcStyleContent08 h2 { width: 220px; } .hsbcColumn .hsbcSecondaryContent01 { width: 294px !important; /* \*/ width: 296px !important; /* */ float: left; } .hsbcColumn .hsbcSecondaryContent01 .hsbcContent { margin-left: 0px !important; margin-right: 16px !important; } .hsbcColumn .hsbcColumn .hsbcContent { margin-right: 0px !important; } .hsbcColumn .hsbcSecondaryContent01 .hsbcStyleContent04, .hsbcColumn .hsbcSecondaryContent01 .hsbcStyleContent05 { border-right: 32px solid #fff; width: 236px; } .hsbcColumn .hsbcColumn .hsbcStyleContent02 { padding-right: 16px !important; margin-right: -16px !important; margin-left: 16px !important; padding-left: 16px; } .hsbcColumn .hsbcSecondaryContent01 .hsbcStyleContent02 { padding-left: 0px !important; margin-left: 0px !important; margin-right: 16px !important; padding-right: 16px !important; } .hsbcColumn .hsbcColumn div.hsbcStyleContent08 .hsbcRightContent { width: 96% !important; } .hsbcColumn .hsbcSecondaryContent01 div.hsbcStyleContent08 .hsbcRightContent { width: 85% !important; } .hsbcColumn .hsbcSecondaryContent01 .hsbcStyleContent06 { padding-left: 16px !important; margin-left: 0px !important; margin-right: 32px !important; padding-right: 16px !important; } .hsbcColumn .hsbcSecondaryContent01 .hsbcFlexStyle01 { padding-left: 14px; margin-right: 32px !important; } /* ---------------------------------------------------------------------------------------------- HSBC HK PWS BASE StyleSheet Author: Rew Islam Created: 25 January 2006 Updated: 16 August 2006 History: ---------------------------------------------------------------------------------------------- */ /* StyleContent classes * ---------------------------------------------------------------------------------------------- */ h1 span { text-transform:uppercase; font-size:80%; } h1 span.hsbcSizeText03 { color:#000099!important; text-transform:none; font-weight:normal; } .hsbcContent ul { font-size: 74%; /* \*/ font-size: 69%; /* */ } div.hsbcStyleContent80 { margin: 16px 0px 0px 16px !important; padding: 16px 16px 0px 16px !important; } div.hsbcStyleContent81 { margin: 16px 0px 0px 16px !important; padding: 0px 16px 0px 16px !important; } div.hsbcStyleContent82 { margin: 8px 0px 0px 16px !important; padding: 9px 16px 0px 16px !important; } div.hsbcStyleContent83 { margin: 0px 0px 0px 16px !important; padding: 0px 16px 0px 16px !important; } div.hsbcStyleContent84 { margin: 26px 0px 0px 16px !important; padding: 0px 16px 0px 16px !important; } div.hsbcStyleContent80 h2, div.hsbcStyleContent81 h2, div.hsbcStyleContent82 h2, div.hsbcStyleContent83 h2, div.hsbcStyleContent84 h2 { padding-top: 0px; margin-top: 0px; } /* ********************* DecStyle01 - Header Image w/ Text ************************ */ /* ********************* DecStyle02 - Text w/ Promo ******************************* */ div.hsbcDecStyle01 p, div.hsbcDecStyle02 p { padding-bottom:16px !important; } div.hsbcDecStyle01 { background: url("../../images/common/banking_bg.jpg") no-repeat bottom right; padding-right: 390px !important; padding-bottom: 18px !important; } div.hsbcDecStyle02 h2, div.hsbcDecStyle02 p, div.hsbcDecStyle01 h2, div.hsbcDecStyle01 p { color: #973131; margin: 0px; padding: 0px; } div.hsbcDecStyle02 p, div.hsbcDecStyle01 p { font-size: 80%; /* \*/ font-size: 75%; /* */ } div.hsbcDecStyle02 h2, div.hsbcDecStyle01 h2 { text-transform:uppercase; font-weight: bold; font-size: 155%; /* \*/ font-size: 150%; /* */ } div.hsbcDecStyle02 h2 span, div.hsbcDecStyle01 h2 span { color: #f00; } /* ********************* DecStyle03 - Header Image, text and tabs **************** */ div.hsbcDecStyle03 { background: url("../../images/common/cards_bg.jpg") no-repeat bottom left; } div.hsbcDecStyle03 h1 { padding-top: 10px; position: absolute; color: #fff; font-size: 143%; /* \*/ font-size: 137%; /* */ } #ipo h1 { padding-top: 0px; color: #f00; } #ipo h1 span { color: #9a9a9a; } div.hsbcDecStyle03 h1 span { color: #d2d3bf; } #ipo div.hsbcDecStyle03 { background: url("../../images/common/backgrounds/ipo_header_bg.jpg") no-repeat bottom left; } #cod div.hsbcDecStyle03 { background: url("../../images/common/backgrounds/cod_header_bg.jpg") no-repeat bottom left; } div.hsbcDecStyle03 ul { margin-top: 0px; padding-top: 91px; margin-bottom: 0px; margin-left:16px; } #ipo div.hsbcDecStyle03 ul { padding-top: 61px !important; } div.hsbcDecStyle03 ul li { background: url("../../images/common/cards_tab_left.gif") no-repeat bottom left; padding-left: 3px; float: left; margin-top:-6px; margin-right: 2px; margin-left:0px; } #ipo div.hsbcDecStyle03 ul li { background: url("../../images/common/tabclear_left.gif") no-repeat bottom left; } #cod div.hsbcDecStyle03 ul li { background: url("../../images/common/ipo_tab_left.gif") no-repeat bottom left;} div.hsbcDecStyle03 ul li span { background: url("../../images/common/cards_tab_right.gif") no-repeat bottom right; padding: 4px 16px; float: left; } #ipo div.hsbcDecStyle03 ul li span { background: url("../../images/common/tabclear_right.gif") no-repeat bottom right;} #cod div.hsbcDecStyle03 ul li span { background: url("../../images/common/ipo_tab_right.gif") no-repeat bottom right;} div.hsbcDecStyle03 ul li.selected { background: url("../../images/common/cards_tab_left_sel.gif") no-repeat bottom left; } #ipo div.hsbcDecStyle03 ul li.selected { background: url("../../images/common/tabclear_left_sel.gif") no-repeat bottom left;} #cod div.hsbcDecStyle03 ul li.selected { background: url("../../images/common/ipo_tab_left_selected.gif") no-repeat bottom left;} div.hsbcDecStyle03 ul li.selected span { background: url("../../images/common/cards_tab_right_sel.gif") no-repeat bottom right; } #ipo div.hsbcDecStyle03 ul li.selected span { background: url("../../images/common/tabclear_right_sel.gif") no-repeat bottom right;} #cod div.hsbcDecStyle03 ul li.selected span { background: url("../../images/common/ipo_tab_right_selected.gif") no-repeat bottom right;} div.hsbcDecStyle03 ul li a { color: #b96a72; font-weight: bold; text-decoration: none; text-transform:uppercase; } #ipo div.hsbcDecStyle03 ul li a, #ipo div.hsbcDecStyle03 ul li.selected a { color: #666 !important; } #cod div.hsbcDecStyle03 ul li a { color: #a1a27f; } div.hsbcDecStyle03 ul li.selected a { color: #a32f3a !important; } #cod div.hsbcDecStyle03 ul li.selected a { color: #716d46 !important; } div.hsbcDecStyle03 ul li.selected a:hover { color: #a32f3a !important; text-decoration:none; cursor:default; } /* ********************* DecStyle05 - Std label+input styles ****************** */ div.hsbcDecStyle05 label { font-weight: bold; margin-right: 4px; font-size: 80%; /* \*/ font-size: 75%; /* */ } div.hsbcDecStyle05 select { width: 300px; margin-right: 4px; font-size: 80%; /* \*/ font-size: 75%; /* */ } /* ********************* DecStyle06 - show/hide section ****************** */ div.hsbcDecStyle06 .hsbcToggle { width: 25px; float: left; padding-top: 11px; } div.hsbcDecStyle06 .hsbcQSection { float: left; width: 717px; } /* ********************* DecStyle07 - generic tool sction **************** */ div.hsbcDecStyle08, div.hsbcDecStyle07 { border: 1px solid #ccc; padding: 0px 16px 16px 16px !important; background-color: #fff; } div.hsbcBoxStyle01 div.hsbcDecStyle08, div.hsbcBoxStyle01 div.hsbcDecStyle07 { margin-left:0px !important; margin-right:0px !important; } div.hsbcDecStyle08 { border-top: 0px; padding: 16px !important; } div.hsbcDecStyle08 h2, div.hsbcDecStyle07 h2 { margin-bottom: 0px !important; padding-bottom: 0px !important; font-weight: bold; text-transform: uppercase; font-size: 155% !important; /* \*/ font-size: 150% !important; /* */ } div.hsbcDecStyle08 div.hsbcInputSection { padding-bottom: 10px; } div.hsbcDecStyle07 div.hsbcInputSection { padding-top: 10px; } div.hsbcDecStyle08 div.hsbcInputSection input { margin-bottom: -16px; /* \*/ margin-bottom: 0px; /**/ } div.hsbcDecStyle07 div.hsbcInputSection h3, div.hsbcDecStyle08 div.hsbcInputSection h3 { font-size:100%; } div.hsbcDecStyle07 div.hsbcInputSection input { width: 110px; } DIV.hsbcDecStyle07 DIV.hsbcInputSection DIV.it_hsbcInputSection INPUT { WIDTH: 40px } div.containerControlTwo div.hsbcDecStyle07 { padding-bottom: 46px !important; } div.containerControlTwo div.hsbcSpacing03 { padding-bottom: 0px !important; } div.hsbcDecStyle08 a, div.hsbcDecStyle07 a { color: #666; } div.hsbcDecStyle08 label, div.hsbcDecStyle07 label { font-weight: bold; font-size: 74% !important; /* \*/ font-size: 69% !important; /* */ } div.hsbcDecStyle07 label.hsbcResultText, div.hsbcDecStyle08 label.hsbcResultText { font-size: 100% !important; /* \*/ font-size: 100% !important; /* */ } div.hsbcDecStyle07 label.hsbcResultText span.hsbcMainText, div.hsbcDecStyle08 label.hsbcResultText span.hsbcMainText { font-weight: bold; font-size: 111% !important; /* \*/ font-size: 106% !important; /* */ } div.hsbcDecStyle07 label.hsbcResultText span.hsbcSubText, div.hsbcDecStyle08 label.hsbcResultText span.hsbcSubText { padding-left: 25px; font-size: 74% !important; /* \*/ font-size: 69% !important; /* */ } div.hsbcDecStyle07 label { width: 200px; } div.hsbcDecStyle08 label span, div.hsbcDecStyle07 label span { font-weight: normal; } div.hsbcDecStyle08 p, div.hsbcDecStyle07 p { margin-top: 0px; font-size: 74% !important; /* \*/ font-size: 69% !important; /* */ } div.hsbcDecStyle07 p { width: 200px; } div.hsbcDecStyle09 { padding: 0px !important; background: none; } div.hsbcDecStyle09 h1 { margin: 0px; padding: 0px; } div.hsbcDecStyle10 { padding:0px; margin:0px; } div.hsbcDecStyle10 a { display:block !important; min-height:66px; padding:18px 290px 18px 18px !important; text-decoration:none; color: #666; } div.hsbcDecStyle10 a:hover { text-decoration:none !important; } div.hsbcDecStyle10 a span.title { font-size: 124% !important; /* \*/ font-size: 119% !important; /* */ color: #666; } div.hsbcDecStyle10 a span.intro { font-size: 80% !important; /* \*/ font-size: 75% !important; /* */ color: #666; display:block; padding-top:10px; padding-bottom:5px; } /* DecStyle11 used for Banking FAQ section */ div.hsbcDecStyle11 { } div.hsbcDecStyle11 h2 { padding-top:20px; color:#666; font-size:125%; } div.hsbcDecStyle11 h2 span { color:#999; } div.hsbcDecStyle11 h3 { font-size: 100%; padding:10px 0px 0px 0px!important; margin:0px!important; } div.hsbcDecStyle11 h3 span { color: #f00; } div.hsbcDecStyle11 ul.questions { margin:10px 0px 0px 0px ; padding:0px; font-size:75%; float:left; } div.hsbcDecStyle11 ul.questions li { margin:0px 0px 10px 0px ; padding:0px 0px 0px 10px; background:url("../../images/common/decStyle11_arrow.gif") no-repeat top left; list-style:none; float:left; clear:left; width:730px!important; } div.hsbcDecStyle11 ul.questions li span { float:left; padding-right:5px; } div.hsbcDecStyle11 hr { height:1px; width:100%; border-collapse:collapse; border:none; border-top:1px solid #d4d4d4; margin-top:30px; } div.hsbcDecStyle11 p { font-size:75%; padding:3px 0px 0px 0px!important; margin:0px!important; } div.hsbcDecStyle11 .answer { clear:both; padding-bottom:40px; } /* custom colors */ #banking .hsbcCustomText/*, #banking .hsbcCustomText a*/ { color: #333333; } #banking .hsbcCustomBg { background-color: #f9eeee; } #investments .hsbcCustomText/*, #investments .hsbcCustomText a*/ { color: #333333; } #investments .hsbcCustomBg { background-color: #eff1e0; } #cards .hsbcCustomText/*, #cards .hsbcCustomText a*/ { color: #333333; } #cards .hsbcCustomBg { background-color: #faf0e4; } #mortgages .hsbcCustomText/*, #mortgages .hsbcCustomText a*/ { color: #333333; } #mortgages .hsbcCustomBg { background-color: #f6f3e8; } #loans .hsbcCustomText/*, #loans .hsbcCustomText a*/ { color: #333333; } #loans .hsbcCustomBg { background-color: #efeef0; } #insurance .hsbcCustomText/*, #insurance .hsbcCustomText a*/ { color: #333333; } #insurance .hsbcCustomBg { background-color: #eef3f1; } #international .hsbcCustomText/*, #international .hsbcCustomText a*/ { color: #333333; } #international .hsbcCustomBg { background-color: #f0f5f8; } #financialPlanning .hsbcCustomText/*, #financialPlanning .hsbcCustomText a*/ { color: #333333; } #financialPlanning .hsbcCustomBg { background-color: #ebebf9; } #premier .hsbcCustomText/*, #premier .hsbcCustomText a*/ { color: #333333; } #premier .hsbcCustomBg { background-color: #eaeef2; } #pvant .hsbcCustomText/*, #pvant .hsbcCustomText a*/ { color: #333333 !important; } #pvant .hsbcCustomBg { background-color: #fff5ea; } /* #banking ul.hsbcListStyle02 li { background-color: #973131 !important; } #investments ul.hsbcListStyle02 li { background-color: #716d46 !important; } #cards ul.hsbcListStyle02 li { background-color: #bc7507 !important; } #mortgages ul.hsbcListStyle02 li { background-color: #7c5f3d !important; } #loans ul.hsbcListStyle02 li { background-color: #676767 !important; } #insurance ul.hsbcListStyle02 li { background-color: #4e7878 !important; } #financialPlanning ul.hsbcListStyle02 li { background-color: #545776 !important; } #international ul.hsbcListStyle02 li { background-color: #436983 !important; } #pvant ul.hsbcListStyle02 li { background-color: #e97806 !important; } */ .hsbcFullBackground01 { background: url("../../images/common/backgrounds/bg_banking_pink.gif") no-repeat top left; } .hsbcFullBackground02 { background: url("../../images/common/backgrounds/bg_cards_orange.gif") no-repeat top left; } .hsbcFullBackground03 { background: url("../../images/common/backgrounds/bg_finplan_violet.gif") no-repeat top left; } .hsbcFullBackground04 { background: url("../../images/common/backgrounds/bg_ins_green.gif") no-repeat top left; } .hsbcFullBackground05 { background: url("../../images/common/backgrounds/bg_int_lblue.gif") no-repeat top left; } .hsbcFullBackground06 { background: url("../../images/common/backgrounds/bg_invest_green.gif") no-repeat top left; } .hsbcFullBackground07 { background: url("../../images/common/backgrounds/bg_loans_grey.gif") no-repeat top left; } .hsbcFullBackground08 { background: url("../../images/common/backgrounds/bg_mtgs_cream.gif") no-repeat top left; } .hsbcFullBackground09 { background: url("../../images/common/backgrounds/bg_premier_snow.jpg") no-repeat top left; } .hsbcFullBackground10 { background: url("../../images/common/premier_bg.gif") no-repeat bottom left; } .hsbcFullBackground11 { background: url("../../images/common/backgrounds/bg_generic_grey.gif") no-repeat top left; } .hsbcFullBackground12 { background: url("../../images/common/backgrounds/bg_generic_pink_grey.gif") no-repeat top left; } .hsbcFullBackground13 { background: url("../../images/common/backgrounds/bg_generic_pink_full.gif") no-repeat top left; } .hsbcFullBackground14 { background: url("../../images/common/backgrounds/bg_ipo_full.jpg") no-repeat top left; } .hsbcFullBackground15 { background: url("../../images/common/backgrounds/bg_cod_full.jpg") no-repeat top left; } .hsbcFullBackground16 { background: url("../../images/common/backgrounds/bg_pv_full.gif") repeat-y top left; } div.hsbcStyleContent15 { margin: 0px 16px 0px 16px !important; } div.hsbcStyleContent28 { margin : 0px 0px 0px 17px !important; padding: 16px !important; background-color: #F6F3E8; } div.hsbcStyleContent32 { margin : 0px 0px 0px 17px !important; padding: 16px !important; background-color: #EEF3F1; } div.hsbcStyleContent28 h2 { color: #7C5F3D; padding-bottom: 12px; font-size: 130%; /* \ */ font-size: 125%; /* */ } div.hsbcStyleContent32 h2 { color: #4E7878; padding-bottom: 12px; font-size: 130%; /* \ */ font-size: 125%; /* */ } div.hsbcStyleContent33 { background: url("../../images/common/cards_bg.jpg") no-repeat bottom left; margin-left: 16px !important; } div.hsbcStyleContent33 ul { margin-top: 0px; padding-top: 107px; margin-bottom: 0px; } div.hsbcStyleContent40 { padding:0px!important; margin:0px!important; } div.hsbcStyleContent40 ul { border-bottom: 1px solid #d4d4d4; margin-top: 32px; padding-bottom: 16px; padding-left: 16px; margin-bottom:0px; } div.hsbcStyleContent40 ul li, div.hsbcStyleContent33 ul li { background: url("../../images/common/cards_tab_left.gif") no-repeat bottom left; padding-left: 3px; float: left; margin-top:-7px; margin-right: 2px; } div.hsbcStyleContent40 ul li { background: url("../../images/common/tabclear_left.gif") no-repeat bottom left; } div.hsbcStyleContent40 ul li.selected { background: url("../../images/common/tabclear_left_sel.gif") no-repeat bottom left; } div.hsbcStyleContent33 ul li.selected { background: url("../../images/common/cards_tab_left_sel.gif") no-repeat bottom left; } div.hsbcStyleContent40 ul li span { background: url("../../images/common/tabclear_right.gif") no-repeat bottom left; } div.hsbcStyleContent40 ul li span, div.hsbcStyleContent33 ul li span { background: url("../../images/common/cards_tab_right.gif") no-repeat bottom right; padding: 3px 16px; float: left; } div.hsbcStyleContent40 ul li span { background: url("../../images/common/tabclear_right.gif") no-repeat bottom right; } div.hsbcStyleContent40 ul li.selected span { background: url("../../images/common/tabclear_right_sel.gif") no-repeat bottom right; } div.hsbcStyleContent33 ul li.selected span { background: url("../../images/common/cards_tab_right_sel.gif") no-repeat bottom right; } div.hsbcStyleContent40 ul li a, div.hsbcStyleContent33 ul li a { color: #b96a72; font-weight: bold; text-decoration: none; text-transform:uppercase; vertical-align:middle; } div.hsbcStyleContent40 ul li a { color: #666; } div.hsbcStyleContent40 ul li.selected a { color: #f00; } div.hsbcStyleContent40 ul li.selected a:hover { color: #f00; text-decoration:none; cursor:default; } div.hsbcStyleContent33 ul li.selected a { color: #a32f3a !important; } div.hsbcStyleContent34 { margin-left: 16px !important; padding-right: 16px !important; background-color: #faebec; } div.hsbcStyleContent34 h2 { padding: 30px 0px 5px; } div.hsbcStyleContent34 p { padding-bottom: 6px; color: #666; font-weight: bold; font-size: 80%; /* \*/ font-size: 75%; /* */ } div.hsbcStyleContent34 p select { width: 300px; margin: 0px 5px; } div.hsbcStyleContent34 p a { color: #666; } div.hsbcStyleContent35 { background: url("../../images/common/banking_bg.jpg") no-repeat bottom right; padding: 0px 384px 0px 32px !important; height: 84px; } div.hsbcStyleContent35 h2, div.hsbcStyleContent35 p { color: #973131; margin: 0px; padding: 0px; } div.hsbcStyleContent35 p { font-size: 80%; /* \*/ font-size: 75%; /* */ } div.hsbcStyleContent35 h2 { padding-top: 15px; text-transform:uppercase; font-weight: bold; font-size: 155%; /* \*/ font-size: 150%; /* */ } div.hsbcStyleContent35 h2 span { color: #f00; } div.hsbcBackground08 { background: url("../../images/common/investments_bg.jpg") no-repeat bottom right; } div.hsbcBackground08 h2, div.hsbcBackground08 p { color: #716d46; } div.hsbcStyleContent36 { margin: 16px 0px 0px 16px !important; padding-top: 5px !important; padding-right: 17px !important } div.hsbcStyleContent37 { width: 100%; background: url("../../images/common/grey_gradient_down.jpg") repeat-x bottom left; margin-left: 16px !important; margin-top: 5px !important; padding-bottom: 10px !important; } div.hsbcStyleContent38 { width: 100%; margin-left: 16px !important; margin-top: 5px !important; padding-bottom: 0px !important; } div.hsbcStyleContent39 { margin-bottom: -16px !important; } div.hsbcStyleContent39 h2 { padding: 0px 16px !important; color: #973131; text-transform: uppercase; font-weight: bold; font-size: 155%; /* \*/ font-size: 150%; /* */ } div.hsbcStyleContent39 h2 span { color: #f00; } /* StyleContent - Table tabs ---------------------------------------------------------------------------------------------- */ div.hsbcStyleContent16 { height:25px; width:100%; clear:left; } div.hsbcStyleContent16 ul { margin:0px; padding:0px; text-transform:uppercase; } div.hsbcStyleContent16 ul li { margin:0px 4px 0px 0px; padding:0px 0px 0px 3px; list-style:none; float:left; height:25px; background:url("../../images/common/table_tab_off_left.gif") no-repeat top left; text-align:center; } div.hsbcStyleContent16 ul li a { padding:0px 17px 0px 17px; margin:0px; height:25px; line-height:25px; float:left; display:block; background:url("../../images/common/table_tab_off_right.gif") no-repeat top right; text-decoration:none; color:#A7AB90; font-weight:bold; vertical-align:50%; } div > .hsbcStyleContent16 ul li a { line-height:28px; } div.hsbcStyleContent16 ul li h1 { font-size:100%; color:#6F7454; } div.hsbcStyleContent16 ul li.extSelected { background-image:url("../../images/common/table_tab_on_left.gif"); } div.hsbcStyleContent16 ul li.extSelected a { color:#6F7454; background-image:url("../../images/common/table_tab_on_right.gif"); } div.hsbcStyleContent16 span.hsbcAlign03 { text-transform:uppercase; font-size: 68%; /* \*/ font-size: 61%; /* */ padding-top:5px; } div.hsbcStyleContent16 span.hsbcAlign03 a { color:#666; } /* StyleContent - Table links ---------------------------------------------------------------------------------------------- */ div.hsbcStyleContent17 { text-transform:uppercase; font-size: 68%; /* \*/ font-size: 61%; /* */ font-weight:bold; border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc; background-color:#DFE4C1; padding:7px 0px 5px 10px; } div.hsbcStyleContent17 a { color:#6F7454; } div.hsbcStyleContent17 a.extSelected { color:#f00; } div.hsbcStyleContent43 { background-color: #dfe4c1; border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc; padding:16px 10px 16px 10px; font-weight: bold; color: #6f7454; font-size: 93% !important; /* \*/ font-size: 87% !important; /* */ } div.hsbcStyleContent43 a { margin-left: 10px; } div.hsbcStyleContent18 { border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; } div.hsbcStyleContent18 td, div.hsbcStyleContent18 th { border-right: 0 !important; } div.hsbcStyleContent18 td.extLastItem, div.hsbcStyleContent18 th.extLastItem { border-bottom: 0 !important; } div.containerControlOne div.hsbcStyleContent19 { background: url("../../images/common/city_bg.jpg") no-repeat bottom left; } div.containerControlTwo div.hsbcStyleContent19 { background: url("../../images/common/city_small_bg.jpg") no-repeat top left; } div.hsbcStyleContent29 { background: url("../../images/common/planner_tool1_bg.jpg") no-repeat bottom left; background-color:#fff; } div.hsbcStyleContent30 { background: url("../../images/common/planner_tool2_bg.jpg") no-repeat bottom right; background-color:#fff; } div.containerControlTwo div.hsbcStyleContent19 h2, div.containerControlTwo div.hsbcStyleContent29 h2, div.containerControlTwo div.hsbcStyleContent30 h2 { color: #7C5F3D; padding-bottom: 5px; font-weight: bold; text-transform: uppercase; font-size: 155%; /* \*/ font-size: 150%; /* */ } div.containerControlTwo div.hsbcStyleContent19 label, div.containerControlTwo div.hsbcStyleContent29 label, div.containerControlTwo div.hsbcStyleContent30 label { color: #7C5F3D; } div.hsbcStyleContent29 input.extSmall, div.hsbcStyleContent30 input.extSmall { width: 70px; } div.hsbcStyleContent19, div.hsbcStyleContent29, div.hsbcStyleContent30 { border: 1px solid #ccc; padding: 11px 15px; } div.containerControlOne div.hsbcStyleContent19 h2, div.containerControlOne div.hsbcStyleContent29 h2, div.containerControlOne div.hsbcStyleContent30 h2, div.hsbcStyleContent20 h2 { padding-right: 240px; padding-bottom: 11px; font-weight: bold; font-size: 118%; /* \*/ font-size: 112%; /* */ } div.hsbcStyleContent20, div.hsbcStyleContent22, div.hsbcStyleContent24, div.hsbcStyleContent25, div.hsbcStyleContent27 { border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 11px 15px; } div.hsbcStyleContent50 { background-color: #dfe4c1; } div.hsbcStyleContent20 { background-color: #F4F1E0; } div.hsbcStyleContent24 { background-color: #F2F9FC; } div.hsbcStyleContent22 { font-weight: bold; font-size: 74%; /* \*/ font-size: 69%; /* */ } div.hsbcStyleContent22 input { float: right; } div.hsbcStyleContent21, div.hsbcStyleContent23, div.hsbcStyleContent26, div.hsbcStyleContent31 { border: 1px solid #ccc; padding: 11px 15px; } div.hsbcStyleContent21 { background: url("../../images/common/luggage_bg.jpg") no-repeat bottom right; } div.hsbcStyleContent21 h2, div.hsbcStyleContent23 h2, div.hsbcStyleContent31 h2 { color: #4E7878; font-weight: bold; text-transform: uppercase; font-size: 155%; /* \*/ font-size: 150%; /* */ } div.hsbcStyleContent24 label { color: #4E7878; font-size: 118%; /* \*/ font-size: 112%; /* */ font-weight: bold; } div.hsbcStyleContent24 td.lowered { border-top: 10px solid #F2F9FC; } div.hsbcStyleContent25 { font-size: 74%; /* \*/ font-size: 69%; /* */ color: #000; } div.hsbcStyleContent25 div.leftText { width: 80%; margin-bottom: 10px; } div.hsbcStyleContent25 div.rightImg { width: 18%; float: right; padding-top: 5px; text-align: right; } div.containerControlTwo div.hsbcStyleContent26 { background: url("../../images/common/currency_bg.jpg") no-repeat bottom right; } div.containerControlOne div.hsbcStyleContent26 { background: url("../../images/common/currency_full_bg.jpg") no-repeat bottom right; } div.containerControlOne div.hsbcStyleContent26 label { margin-top: 4px; } div.containerControlOne div.hsbcStyleContent26 input { padding-left: 226px; } div.hsbcStyleContent26 { padding-right: 105px; color: #666; font-weight: bold; font-size: 74%; /* \*/ font-size: 69%; /* */ } div.hsbcStyleContent26 label { width: 226px; float: left; } div.hsbcStyleContent26 select { width: 180px; margin-top: 3px; margin-bottom: 3px; } div.hsbcStyleContent26 input.textual { padding-left: 0px !important; width: 176px; margin-top: 3px; margin-bottom: 3px; } div.containerControlOne div.hsbcStyleContent27 div.descriptionArea { float: left; width: 226px; padding-top: 28px; } div.containerControlOne div.hsbcStyleContent27 div.resultArea { float: left; width: 484px; } div.hsbcStyleContent27 { background-color: #DFE4C1; } div.hsbcStyleContent27 h2 { color: #6F7454; font-weight: bold; } div.hsbcStyleContent27 textarea { margin-top: 5px; font-family:Arial, Helvetica, sans-serif; width: 298px; height: 65px; overflow: auto; color: #6F7454; font-weight: bold; padding: 4px 7px; font-size: 80%; /* \*/ font-size: 75%; /* */ } div.hsbcStyleContent27 textarea.extended { height: 105px; } div.hsbcStyleContent27 input { margin-left: 4px; } div.hsbcStyleContent31 { padding-right: 120px; background: #fff url("../../images/common/doctor_bg.jpg") no-repeat bottom right; } div.hsbcStyleContent31 select.extSelectWide { width: 185px; } div.hsbcStyleContent31 h2 { padding-bottom: 0px; } div.hsbcStyleContent31 h3 { color: #4E7878; font-weight: bold; font-size: 118%; /* \*/ font-size: 112%; /* */ } div.hsbcStyleContent31 input.imgButton { margin-top: 15px; padding-bottom: 3px; display: block; } div.hsbcStyleContent31 label { color: #4E7878; font-weight: bold; display: block; margin-bottom: 2px; font-size: 74%; /* \*/ font-size: 69%; /* */ } div.hsbcStyleContent31 p { margin-top: 0px; padding-top: 0px; color: #666; font-size: 74%; /* \*/ font-size: 69%; /* */ } /* Table classes * ---------------------------------------------------------------------------------------------- */ .hsbcTableStyle01 { width: 90%; wid\th: 100%; border-collapse: collapse; border: 0px; margin-top: 10px; } .hsbcTableStyle01 td { border: 0px; margin: 0px; padding: 2px 0px; width: 50%; font-size: 86%; /* \*/ font-size: 81%; /* */ } table.hsbcTableStyle02 { border-top:1px solid #ccc; width:100%; } table.hsbcTableStyle02 caption, table.hsbcTableStyle02 .caption { border-top:1px solid #ccc; text-align:left; padding:6px 10px; background:url("../../images/common/bg_tablestyle02Caption.gif") top; } table.hsbcTableStyle02 caption span { font-size:80%; /* \*/ font-size:74%; /* */ font-weight:bold; } table.hsbcTableStyle02 .caption span.theCaption { font-size:110%; /* \*/ font-size:110%; /* */ font-weight:bold; } table.hsbcTableStyle02 caption span.hsbcAlign03 { font-size:74%; /* \*/ font-size:68%; /* */ font-weight:normal; padding-top:3px; } table.hsbcTableStyle02 caption.extLarge { padding:12px 10px; background:url("../../images/common/bg_tablestyle02CaptionL.gif") top; } table.hsbcTableStyle02 th, table.hsbcTableStyle02 td { border-top:1px solid #ccc; padding:6px 3px 4px 7px; font-size:74%; /* \*/ font-size:68%; /* */ } table.hsbcTableStyle02 th { font-weight:bold; background:url("../../images/common/bg_tablestyle02Th.gif") top; } table.hsbcTableStyle02 th.pink { /*background:url("../../images/common/bg_tablestyle02Caption.gif") top;*/ background:#FFF0F0; } table.hsbcTableStyle02 th.brown { background:url("../../images/common/bg_tablestyle02Brown.gif") top; } table.hsbcTableStyle02 .extSolidBg { background: none !important; background-color: #ededed !important; } table.hsbcTableStyle02 .extNoTop { border-top:0 !important; } table.hsbcTableStyle02 td { background:url("../../images/common/bg_tablestyle02Td.gif") top; } table.hsbcTableStyle02 td img { vertical-align:middle; padding-right:8px; } table.hsbcTableStyle02 span.extPositive { color:#393; background:url("../../images/common/arrow_green_up.gif") no-repeat left; padding-left:11px; height:1%; } table.hsbcTableStyle02 span.extNegative { color:#f00; background:url("../../images/common/arrow_red_down.gif") no-repeat left; padding-left:11px; height:1%; } table td.hsbcTableColumn01 { background:url("../../images/common/bg_tablecolumn01Td.gif") repeat-x bottom; } table td.hsbcTableColumn02 { background:none; background-color:#DFE4C1; color:#666; font-weight:bold; } table td.hsbcTableColumn02 input, table td.hsbcTableColumn02 select { margin-right:5px; } table.hsbcTableStyle03 { width: 100%; } div.containerControlTwo table.hsbcTableStyle03 td { font-size: 74%; /* \*/ font-size: 69%; /* */ } div.containerControlOne table.hsbcTableStyle03 td { font-size: 80%; /* \*/ font-size: 75%; /* */ } div.hsbcStyleContent29 table.hsbcTableStyle03, div.hsbcStyleContent30 table.hsbcTableStyle03 { width: 70%; } table.hsbcTableStyle03 td { font-weight:bold; padding-bottom: 13px; } table.hsbcTableStyle03 select { width: 250px; } .containerControlOne table.hsbcTableStyle03 select { width:auto; } table.hsbcTableStyle04 { color:#666; font-weight: bold; } table.hsbcTableStyle04 caption { text-align: left; font-size: 93%; /* \*/ font-size: 87%; /* */ font-weight: bold; padding-bottom: 5px; } table.hsbcTableStyle04 label { font-size: 74%; /* \*/ font-size: 69%; /* */ margin-right: 8px; font-weight: bold; } table.hsbcTableStyle04 td.restrictedWidth { width: 180px; } table.hsbcTableStyle05, table.hsbcTableStyle06 { width: 100%; border: 1px solid #ccc; } table.hsbcTableStyle06 caption, table.hsbcTableStyle05 caption { padding: 6px 10px; background-color: #716D46; color: #fff; text-align: left; font-weight: bold; font-size: 80%; /* \*/ font-size: 75%; /* */ } table.hsbcTableStyle06 caption a, table.hsbcTableStyle05 caption a { float: right; color: #fff; font-size: 95%; } table.hsbcTableStyle06 caption { background-color: #c50014; } table.hsbcTableStyle05 th { padding: 6px 10px; border-bottom: 1px solid #ccc; background-color: #EDEDED; font-weight: bold; font-size: 80%; /* \*/ font-size: 75%; /* */ vertical-align: top; } table.hsbcTableStyle05 th span { font-weight: normal; } table.hsbcTableStyle05 th.subHeader { background-color: #FFEAEA; } table.hsbcTableStyle06 td, table.hsbcTableStyle05 td { padding: 6px 10px; border-bottom: 1px solid #ccc; font-size: 74%; /* \*/ font-size: 69%; /* */ } table.hsbcTableStyle06 td { background-color: #fff; font-size: 80%; /* \*/ font-size: 75%; /* */ } table.hsbcTableStyle06 td span { font-weight: bold; } table.hsbcTableStyle07 { text-align: left; width: 100%; } table.hsbcTableStyle07 caption { margin-top: 16px; text-transform:uppercase; text-align: left; font-weight: bold; border: 1px solid #ccc; padding: 7px 10px; background:url("../../images/common/bg_tablestyle02Thext.gif") repeat-x top left; font-size: 80%; /* \*/ font-size: 75%; /* */ } table.hsbcTableStyle07 th, table.hsbcTableStyle07 td { padding: 7px 10px; font-size: 80%; /* \*/ font-size: 75%; /* */ } table.hsbcTableStyle07 th { border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; } table.hsbcTableStyle07 td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } table.hsbcTableStyle09 { width: 100%; margin-bottom: 16px; text-align: left; border: 1px solid #ccc; font-size: 74%; /* \*/ font-size: 69%; /* */ } table.hsbcTableStyle09 th { background:url("../../images/common/bg_tablecolumn09Th.gif") top; } table.hsbcTableStyle09 td { background-color: #fff; } table.hsbcTableStyle09 th, table.hsbcTableStyle09 td { padding: 6px 10px; border-bottom: 1px solid #ccc; } table.hsbcTableStyle10 th, table.hsbcTableStyle10 td { padding: 3px 30px 3px 0px; /*vertical-align:top;*/ } /* TextStyle Classes * ---------------------------------------------------------------------------------------------- */ /* Text Style - for legal text ---------------------------------------------------------------------------------------------- */ .hsbcTextStyle16 { font-size: 74%; /* \*/ font-size: 68%; /* */ color:#999 !important; } .hsbcFullBackground01 .hsbcTextStyle16, .hsbcFullBackground02 .hsbcTextStyle16, .hsbcFullBackground03 .hsbcTextStyle16, .hsbcFullBackground04 .hsbcTextStyle16, .hsbcFullBackground05 .hsbcTextStyle16, .hsbcFullBackground06 .hsbcTextStyle16, .hsbcFullBackground07 .hsbcTextStyle16, .hsbcFullBackground08 .hsbcTextStyle16, .hsbcFullBackground09 .hsbcTextStyle16 { color:#666 !important; } .hsbcTextStyle17 { font-size: 74%; /* \*/ font-size: 69%; /* */ color:#666; font-weight: normal; } .hsbcTextStyle18 { font-size: 80%; /* \*/ font-size: 75%; /* */ color:#4E7878; } .hsbcTextStyle18 a { color:#4E7878; } .hsbcTextStyle19 { color: #000; font-size: 74%; /* \*/ font-size: 69%; /* */ } .hsbcTextStyle20 { padding-right: 80px; color: #7C5F3D; font-weight: bold; font-size: 118%; /* \*/ font-size: 112%; /* */ } .hsbcTextStyle21 { padding: 8px 0px 16px; !important; color: #2f5c82 !important; font-size: 174% !important; /* \*/ font-size: 169% !important; /* */ } .hsbcTextStyle22 { font-size: 118%; /* \*/ font-size: 112%; /* */ text-transform:none; } /* ******************************************************** */ .hsbcTextStyle01 { color: #666; } /* - 03 - just bold - 09 - bold and underline - 13 - bold underline and italic - 10 - just italic - 11 - italic and bold - 14 - italic and underline - 08 - just underline */ .hsbcTextStyle03, .hsbcTextStyle07, .hsbcTextStyle09, .hsbcTextStyle11, .hsbcTextStyle13 { font-weight: bold !important; } .hsbcTextStyle08, .hsbcTextStyle09, .hsbcTextStyle13, .hsbcTextStyle14 { text-decoration: underline; } .hsbcTextStyle10, .hsbcTextStyle11, .hsbcTextStyle13, .hsbcTextStyle14 { font-style: italic; } .hsbcTextStyle12 { font-size: 150%; font-weight: bold; } .hsbcTextStyle15 { font-weight: normal !important; } .hsbcTextStyle16 { color: #f00; } .hsbcLinkStyle09 { color: #666; } .hsbcLinkStyle12 { text-decoration: none; margin-bottom: 2px !important; } /* ****************************************** */ div.hsbcFlexStyle02 ul { margin-bottom: 16px; } div.hsbcFlexStyle02 table { border-top: 1px solid #ccc; border-left: 1px solid #ccc; } div.hsbcFlexStyle02 table td, div.hsbcFlexStyle02 table th { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 7px 10px; vertical-align: top; text-align: left; font-weight: normal; } /* hsbcTextStyle01 - 11pt text */ .hsbcSizeText01 { font-size: 74% !important; /* \*/ font-size: 69% !important; /* */ } /* hsbcTextStyle02 - 12pt text - default */ .hsbcSizeText02 { font-size: 80% !important; /* \*/ font-size: 75% !important; /* */ } /* hsbcTextStyle03 - 13pt text */ .hsbcSizeText03 { font-size: 86% !important; /* \*/ font-size: 81% !important; /* */ } /* hsbcTextStyle04 - 14pt text */ .hsbcSizeText04 { font-size: 93% !important; /* \*/ font-size: 87% !important; /* */ } /* hsbcTextStyle05 - 18pt text */ .hsbcSizeText05 { font-size: 118% !important; /* \*/ font-size: 112% !important; /* */ } /* hsbcTextStyle08 - 20pt text */ .hsbcSizeText08 { font-size: 124% !important; /* \*/ font-size: 119% !important; /* */ } /* hsbcTextStyle06 - 24pt text */ .hsbcSizeText06 { font-size: 155% !important; /* \*/ font-size: 150% !important; /* */ } /* hsbcTextStyle07 - 30pt text */ .hsbcSizeText07 { font-size: 174% !important; /* \*/ font-size: 169% !important; /* */ } .hsbcColorText01 { color: #000 !important; } .hsbcColorText02 { color: #fff; } .hsbcColorText03 { color: #f00 !important; } .hsbcColorText04 { color: #333; } .hsbcColorText05 { color: #999; } div.hsbcBackground01 { background: url("../../images/common/faded_bg.jpg") no-repeat bottom right !important; padding-bottom: 16px !important; } div.hsbcActions { padding-top: 14px; /* \*/ padding-top: 4px; /* */ text-transform:uppercase; font-weight: bold; font-size: 68%; /* \*/ font-size: 62%; /* */ margin-bottom:2px; padding-right:10px; } span.hsbcActions { text-transform:uppercase; font-size: 94%; } div.hsbcActions a, span.hsbcActions a { text-decoration: none; } div.hsbcBackground07 { background-color: #f9eeee; } div.hsbcBackground07 h2, div.hsbcBackground07 a { color: #973131; } div.hsbcBackground07 ul { list-style: none; } div.hsbcBackground07 ul li { background: url("../../images/common/disc_red_pink.gif") no-repeat top left; } div.hsbcBackground09 { background-color: #eff1e0; } div.hsbcBackground09 a, div.hsbcBackground09 h2, div.hsbcBackground09 h3 { color: #716d46; } div.hsbcBackground10 { background: url("../../images/common/cards_bg2.jpg") no-repeat bottom right; } div.hsbcBackground11 h2, div.hsbcBackground11 a, div.hsbcBackground10 h2, div.hsbcBackground10 p { color: #bc7507; } div.hsbcBackground11 { background-color: #faf0e4; } div.hsbcBackground12 { background-color: #f6f3e8; } div.hsbcBackground12 h2, div.hsbcBackground12 a { color: #7c5f3d; } div.hsbcBackground12 ul { list-style: none; } div.hsbcBackground12 ul li { background: url("../../images/common/disc_brown.gif") no-repeat top left; } div.hsbcBackground13 { background: url("../../images/common/mortgages_bg.jpg") no-repeat bottom right; } div.hsbcBackground13 h2, div.hsbcBackground13 p { color: #7c5f3d; } div.hsbcBackground14 { background: url("../../images/common/loans_bg.jpg") no-repeat bottom right; } div.hsbcBackground14 h2, div.hsbcBackground14 p { color: #64546c; } div.hsbcBackground15 { background-color: #efeef0; } div.hsbcBackground15 h2, div.hsbcBackground15 p { color: #676767; } div.hsbcBackground15 a { color: #973131; } div.hsbcBackground16 { background: url("../../images/common/insurance_bg.jpg") no-repeat bottom right; } div.hsbcBackground17 h2, div.hsbcBackground17 a, div.hsbcBackground16 h2, div.hsbcBackground16 p { color: #4e7878; } div.hsbcBackground17 { background-color: #eef3f1; } div.hsbcBackground17 ul { list-style: none; } div.hsbcBackground17 ul li { background: url("../../images/common/disc_green.gif") no-repeat top left; } div.hsbcBackground18 { background: url("../../images/common/financial_planning_bg.jpg") no-repeat bottom right; } div.hsbcBackground19 h2, div.hsbcBackground19 p, div.hsbcBackground18 h2, div.hsbcBackground18 p { color: #545776; } div.hsbcBackground19 { background-color: #ebebf9; } div.hsbcBackground20 { background: url("../../images/common/international_bg.jpg") no-repeat bottom right; } div.hsbcBackground21 h2, div.hsbcBackground21 a, div.hsbcBackground21 label, div.hsbcBackground20 h2, div.hsbcBackground20 p { color: #436983; } div.hsbcBackground21 { background-color: #f0f5f8; } div.hsbcBackground22 { background: url("../../images/common/backgrounds/bg_full_cards_pink.gif") no-repeat top left; } ul.hsbcListStyle02 { list-style: none; margin: 0px; padding: 0px; font-size: 80% !important; /* \*/ font-size: 75% !important; /* */ } ul.hsbcListStyle02 li { color: #fff; list-style: none; margin-top: 2px; font-weight: bold; background: #f00 url("../../images/common/arrow_invert_trans.gif") no-repeat top left !important; padding: 3px 19px 4px !important; } ul.hsbcListStyle02 li a { color: #fff; text-decoration: none; } ul.hsbcListStyle03 { list-style: none; margin: 0px !important; padding: 0px; width: 170px; font-size: 74%; /* \*/ font-size: 69%; /* */ } ul.hsbcListStyle03 li { background: url("../../images/common/brown_arrow.gif") no-repeat top left !important; padding-left: 7px !important; } ul.hsbcListStyle04 a, ul.hsbcListStyle03 a { text-decoration: none; } ul.hsbcListStyle04 li { background: url("../../images/en/arrow_red_right_small.gif") no-repeat top left !important; padding-left: 9px !important; padding-top: 1px; margin-bottom: 4px; } ul.hsbcListStyle04 li a { font-weight: bold; } ul.hsbcListStyle05 { width: 100%; list-style: none; } ul.hsbcListStyle05 li { background: #f0f0f0 !important; padding: 4px 10px; margin-bottom: 2px; } div.pageList { margin-top: 15px; margin-bottom: 5px; font-size: 74%; /* \*/ font-size: 69%; /* */ color: #979797; } div.pageList span { color: #656565; font-weight: bold; } div.pageList a { color: #979797; } div.hsbcDottedBorder { background: url("../../images/common/dotted_pink.gif") repeat-x bottom left; margin-bottom: 5px !important; padding-bottom: 5px !important; } /* ***************************************************************** */ .hsbcSpacing02 { padding-top: 3px; padding-bottom: 3px; } .hsbcSpacing03 { padding-bottom: 0px !important; margin-bottom: 0px !important; } .hsbcSpacing04 { padding-top: 16px !important; } .hsbcSpacing05 { margin-top: 8px !important; } .hsbcSpacing06 { margin-left: 22px; } .hsbcSpacing09 { padding-bottom: 8px !important; } .hsbcSpacing10 { margin-top: 4px !important; margin-bottom: 0px !important; } .hsbcSpacing12 { margin: 0px !important; padding: 0px !important; padding: 0px 0px 16px 0px !important; } .hsbcSpacing13 { margin-top: 15px; } .hsbcSpacing14 { margin-top: 20px; } .hsbcSpacing15 { margin-top: 16px !important; } .hsbcSpacing18, .hsbcSpacing16 { padding: 0px !important; margin: 0px !important; padding-top: 1px; } .hsbcSpacing17 { margin-top: 2px; margin-right: 10px; } .hsbcSpacing18 { padding-right: 100px !important; } .hsbcSpacing19 { margin-top: 6px; padding-bottom: 10px; } .hsbcSpacing20 { margin-right: 12px; } .hsbcSpacing21 { padding: 10px 13px; margin-bottom: 16px; } .hsbcSpacing22 { padding-top: 8px !important; /* \*/ padding-top: 4px !important; /* */ } .hsbcSpacing24 { margin-left: 4px !important; } .hsbcSpacing25 { padding-top: 8px !important; } .hsbcSpacing26 { padding-top: 16px !important; } .hsbcSpacing27 { margin: 0px !important; padding: 0px !important; } .hsbcSpacing28 { margin-left: 16px !important; } .hsbcSpacing29 { margin-bottom: 16px !important; } .hsbcSpacing29 { padding: 16px 5px !important; } .hsbcSpacing30 { padding: 7px 0px 0px !important; } .hsbcSpacing35 { padding-right: 100px !important; } .hsbcSpacing36 { padding: 10px 13px; } .hsbcSpacing37 { padding-bottom: 16px; } .hsbcSpacing38 { padding-right: 0px !important; } .hsbcSpacing39 { padding:0!important; margin: 16px 0px!important; } .hsbcSpacing40 { padding-right:12px!important; } .hsbcSpacing41 { margin-top: 6px; } .hsbcAlign03 { float: right; } .hsbcAlign04 { float: left; padding:0px; margin: 0px; position: relative; left: 0; } .hsbcAlign05 { text-align:center; } .hsbcAlign06 { text-align:left; } .hsbcAlign07 { text-align:right !important; } .hsbcAlign08 { float: left; width:100%; } /* ****************************************************************** */ h2 a, h3 a { text-decoration: none; position:relative; /* NOT TESTED!!! */ } div.hsbcContent a:hover { text-decoration: underline; } .extSizeAuto { width:auto !important; height:auto !important; } .extWidth200 { width:200px !important; } .extNoBorderTop { border-top:0 !important; } .extNoBold { font-weight:normal !important; } .extBorderBottom { border-bottom:1px solid #ccc !important; } .extGraph { text-align:center; padding:20px 0px; background:#fff !important; } .hsbcBackgroundStyle04 { background:#fff !important; } .hsbcBackgroundStyle04 p { color:#f00; font-weight:bold; } .hsbcPersonalNavStyle { margin-top:10px; padding-top:160px; padding-left:10px; background:url("../../images/en/bg_personalhome.jpg") no-repeat top left; } .hsbcPersonalNavStyle h3 { font-size: 150%; } .extBasicForm { float:left; } .extBasicForm .hsbcInputSection { float:left; clear:left; padding:3px 0px; width:700px; } .extBasicForm .hsbcInputSection label{ float:left; display:block; width:250px; font-size: 75% !important; padding:3px 3px 0px 0px; color:#666; } .extBasicForm .hsbcInputSection span.result{ float:left; display:block; font-size: 75% !important; padding:3px 3px 0px 0px; color:#666; } .extBasicForm .hsbcInputSection input, .extBasicForm .hsbcInputSection select{ float:left; display:block; margin:2px 0px 2px 0px; padding:0px 0px; } .extBasicForm .hsbcInputSection input{ width:150px; } .extBasicForm .hsbcInputSection .checkbox, .extBasicForm .hsbcInputSection .radio{ float:left; display:block; margin:4px 4px 4px 0px !important; _margin:0px; padding:0px 0px; } .extBasicForm .hsbcInputSection textarea{ float:left; display:block; margin:4px 4px 4px 0px !important; padding:0px 0px; } .extBasicForm .hsbcInputSection .noWidth{ width:auto; } .extRed { color:#f00 !important; } .extVertAlignCenter { vertical-align:middle; } h1.ipoAppHeader { font-size: 75% !important; color: #666 !important; } h2.ipoAppHeader { background:#d7d7d7; padding:5px !important; font-size: 75% !important; font-weight:bold !important; } .ext2ColForm .hsbcInputSection{ width:300px; } .ext2ColForm .hsbcInputSection label { width:100px; } .ext2ColForm .hsbcInputSection input{ width:auto; } a.languageChange { display:block; padding:0px; margin:0px 10px 0px 0px; color: #666; text-decoration:none; font-size: 82%; } a.languageChange:hover { color: #f00; } .hsbcContent ul.listWithSub li ul { font-size: 100% !important; } .hsbcPromoWrapper { border-top:1px solid #ccc; padding-top:16px!important; } div.hsbcBoxStyle01 { background:#fff; margin:0px 0px 4px 0px; padding:4px 8px 16px 8px; } div.hsbcBoxStyle01 h2, div.hsbcBoxStyle01 p { padding:8px 0px 0px 0px!important; margin:0px!important; } .rightColumn .hsbcRow .hsbcContent .hsbcBoxStyle01 h3 { margin:0px 0px 0px 0px !important; padding:12px 0px 0px 0px !important; } .rightColumn .hsbcRow .hsbcContent .hsbcBoxStyle01 ul { margin:0px 0px 0px 0px !important; padding:2px 0px 0px 0px !important; } div.hsbcBoxStyle01 h2 span { color:#f00; } div.rightColumn .hsbcContent { margin-top:15px!important; padding:4px 4px 2px 4px !important; background:#ccc; } /* ---------------------------------------------------------------------------------------------- HSBC UK Commercial CONTAINERS StyleSheet Author: Gordon Dougal Created: 23 May 2005 Updated: 16 August 2006 History: Created top level container CSS based on International. ---------------------------------------------------------------------------------------------- */ /* Top Level Containers ---------------------------------------------------------------------------------------------- */ div.containerGlobal { /*width: 760px;*/ width:985px; position:relative; } div.containerControlPopup { width: 100% !important; } div.containerControlPopup .containerMain { width: 985px; } div.containerPopupBar { float: left; width: 100%; background:url("../../images/common/tab_bg.gif") repeat-x left bottom; height: 10px; line-height:1px; } div.containerLogoArea { width: 350px; float: left; clear:left; } div.containerTabMenu { width:100%; float:left; } div.containerFooter { width: 100%; float: left; } div.containerEntity { width: 100%; clear: both; } div.containerMain { width: 100%; float:left; } div.containerPageInformation { width: 100%; float: left; } div.containerControlOne, div.containerControlHomeFull { float:left; } /* Left column only | | | ---------------------------------------------------------------------------------------------- */ div.containerControlLeft { } div.hsbcPageBgStyle { background: url("../../images/common/background01.gif") repeat-y top left; } div.containerControlLeft div.containerLeftNav {} div.containerControlLeft div.hsbcContent {} div.containerControlLeft div.containerContent { /*width:619px;*/ width:791px; float:left; /* \*/ width:792px; /*width:620px;*/ /* */ } div.containerControlLeft div.containerControlHomeFull { position: relative; background: url("../../images/common/home_back_ext.gif") repeat-x top left; z-index: 1; margin-bottom: 10px; margin-left: -140px; padding-left: 140px; } div.containerControlLeft div.containerControlOne div.hsbcColumn { /*width:619px;*/ width:791px; /* \*/ width:792px; /*width:620px;*/ /* */ } div.containerControlLeft div.containerControlTwo div.hsbcColumn { /*width:309px;*/ width:395px; /* \*/ width:396px; /*width:310px;*/ /* */ } div.containerControlTwo { float: left; } div.containerHomeLeft img { position: relative; margin-top: 32px; margin-left: 0px; padding-left: 0px; margin-right: -16px; float: left; z-index: 2 } /* Column, Content and Left div's ---------------------------------------------------------------------------------------------- */ div.hsbcColumn { float:left; } div.hsbcContent { margin-left:0px; padding: 0px 0px 0px 16px; width:auto; float:none; } div.containerLeftNav { /*width: 140px;*/ width:193px; float:left; padding-top: 2em; background-color: #fff; } div.hsbcRow { /* \*/ clear: both; /* */ } /* ---------------------------------------------------------------------------------------------- HSBC UK Commercial DIVLETS StyleSheet Author: Gordon Dougal Created: 23 May 2005 Updated: 16 August 2006 History: 23 May 2005 Copied logo, search, footer, entity and tab divlet from international build, and removed legacy styles ---------------------------------------------------------------------------------------------- */ /* LOGO DIVLET ---------------------------------------------------------------------------------------------- */ div.hsbcDivletLogo { height:52px; width:500px; } div.hsbcDivletLogo .hsbcDivletLogoImage { padding:13px 0px 0px 10px; float:left; width:auto; } 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:82%; /* */ margin-top:13px; padding-right:6px; } div.hsbcDivletSearch label { color:#000; } div.hsbcDivletSearch input { vertical-align:middle; } div.hsbcDivletSearch a { color:#000; text-decoration:none; } div.hsbcDivletSearch a:hover { color:#f00; text-decoration:none; } /* TABMENU DIVLET ---------------------------------------------------------------------------------------------- */ div.hsbcDivletTabMenu { background:url("../../images/common/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/common/tab_off_left.gif") no-repeat top left; text-align:center; } div.hsbcDivletTabMenu ul li a, div.hsbcDivletTabMenu ul li span.extNoLink { padding:0px 9px 0px 2px; margin:0px; height:44px; line-height:36px; float:left; display:block; background:url("../../images/common/tab_off_right.gif") no-repeat top right; text-decoration:none; color:#666; /* mac-ie */ font-size:74%; /*non-mac-ie \*/ font-size:69%; /* */ font-weight:bold; vertical-align:50%; } div.hsbcDivletTabMenu ul li a:hover { color:#f00 !important; text-decoration:none; } div.hsbcDivletTabMenu ul li.hsbcDivletTabMenuSelected { background:url("../../images/common/tab_on_left.gif") no-repeat top left; } div.hsbcDivletTabMenu ul li.hsbcDivletTabMenuSelected a { background:url("../../images/common/tab_on_right.gif") no-repeat top right; color:#f00; } div.hsbcDivletTabMenu ul li.extFirstTab { background:url("../../images/common/first_tab_off_left.gif") no-repeat top left; padding-left:15px; } div.hsbcDivletTabMenu ul li.extFirstTabSelected { background:url("../../images/common/first_tab_on_left.gif") no-repeat top left; padding-left:15px; } div.hsbcDivletTabMenu ul li.extFirstTabSelected a { background:url("../../images/common/tab_on_right.gif") no-repeat top right; color:#f00; } div.hsbcDivletTabMenu ul li.extSelectedTabRight { background:url("../../images/common/tab_off_left_selected_right.gif") no-repeat top left; } div.hsbcDivletTabMenu ul li.extSelectedTabRight a { background:url("../../images/common/tab_off_right_selected_right.gif") no-repeat top right; } div.hsbcDivletTabMenu ul li.extSelectedTabLeft {} div.hsbcDivletTabMenu ul li.extSelectedTabLeft a { background:url("../../images/common/tab_off_right_selected_left.gif") no-repeat top right; } div.hsbcDivletTabMenu ul li.extLastTabSelected { background: url("../../images/common/tab_on_left.gif") no-repeat top left; } div.hsbcDivletTabMenu ul li.extLastTabSelected a { background: url("../../images/common/last_tab_on_right.gif") no-repeat top right; padding-right:34px; color:#f00; } div.hsbcDivletTabMenu ul li.extRightAlignTab { float:right; padding-right:10px; } div.hsbcDivletTabMenu ul li.extRightAlignTabSelected { background: url("../../images/common/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/common/right_align_tab_on_right.gif") no-repeat top right; padding-right:20px; padding-left:3px; color:#f00; } div.hsbcDivletTabMenu ul li.extSelectedTabRightEndBlock { background:url("../../images/common/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:0px; padding-bottom:-10px; /*FIX FOR:MAC IE \*/ float:none; clear:none; padding-top:0px; /* */ } div.hsbcDivletTabMenu ul li.extNoTab { background:none !important; } div.hsbcDivletTabMenu ul li.extNoTab a { background:none !important; padding:0px !important; padding-right:3px !important; font-weight:normal; } div.hsbcDivletTabMenu ul li span.extNoLink { background:none !important; padding:0px !important; padding-right:3px !important; } /* LOGON DIVLET ---------------------------------------------------------------------------------------------- */ div.hsbcDivletLogon { float: right; white-space: nowrap; height:2em; } div.hsbcDivletLogon p { float: left; font-size: 74%; margin: 10px 6px 5px; /* \*/ font-size: 69%; margin: 9px 6px 4px 3px; /* */ } div.hsbcDivletLogon img { float: left; margin-right: 8px; margin-top:-1px; } /* FOOTER DIVLET ---------------------------------------------------------------------------------------------- */ div.hsbcDivletFooterLinks { width:100%; float:left; margin:16px 0px 16px; background-color:#eee; color:#333; line-height:180%; padding:0px; } div.containerControlPopup div.hsbcDivletFooterLinks { margin: 16px 0px 0px !important; } div.hsbcDivletFooterLinks p { /* mac-ie */ font-size:68%; /*non-mac-ie \*/ font-size:64%; /* */ color:#333; line-height:180%; padding:0px; margin:0px; } div.hsbcDivletFooterLinks p a { color:#333; text-decoration:none; } div.hsbcDivletFooterLinks p a:hover { text-decoration:underline; } div.hsbcDivletFooterLinks p span.hsbcDivletFooterLinksLeft { float:left; margin-left:10px; } div.hsbcDivletFooterLinks p span.hsbcDivletFooterLinksRight { float:right; margin-right:10px; } /* ENTITY DIVLET ---------------------------------------------------------------------------------------------- */ div.hsbcEntity { float:left; background: url("../../images/common/divlets/bgEntityTabBack.gif") repeat-x top left; /* mac-ie */ font-size:68%; /*non-mac-ie \*/ font-size:61%; clear:both; /* */ padding: 0px 7px 0px 11px ; /*width: 742px;*/ width:967px; } div.hsbcEntity div.hsbcEntityTextArea01 { float:left; padding: 3px 0px 0px; } div.hsbcEntity div.hsbcEntityTextArea02 { float:right; } div.hsbcEntity ul { display: inline; padding: 0px; margin: 0px; } div.hsbcEntity ul li { float: left; list-style: none; padding: 3px 16px 0px 0px; margin: 0px; background: url("../../images/common/divlets/bgEntityTabDivider.gif") no-repeat top right; height: 18px; } div.hsbcEntity ul li a { } div.hsbcEntity ul li a:hover { color: #f00; text-decoration: none; } div.hsbcEntity ul li.hsbcEntityTabSelectedLeft { padding: 3px 0px 0px; background: none; } div.hsbcEntity ul li.hsbcEntityTabLastTab { background: none; padding: 3px 13px 0px 0px; } div.hsbcEntity a { color:#333; text-decoration:none; } div.hsbcEntity a:hover { color:#333; text-decoration:underline; } div.hsbcEntity ul li.hsbcEntityTabSelected { background: url("../../images/common/divlets/bgEntityTabLeft.gif") no-repeat top left; padding: 3px 0px 0px 14px; } div.hsbcEntity ul li.hsbcEntityTabSelected a { background: url("../../images/common/divlets/bgEntityTabSlider.gif") no-repeat top right; height: 18px; padding: 3px 14px 6px 0px; color: #F00; \margin-top: -3px; } div.hsbcEntity ul li.hsbcEntityTabSelected a:hover { color:#F00; } /* LEFT NAVIGATION DIVLET ---------------------------------------------------------------------------------------------- */ div.hsbcDivletNavigation { background-color:#fff; background: none; /* mac-ie */ font-size:74%; /*non-mac-ie \*/ font-size:69%; /* */ } .hsbcDivletNavImage00 { background: none; padding-top: 0px !important; border-top: 1px solid #ccc; } .hsbcDivletNavImage01 { background: none; padding-top: 0px !important; border-top: 1px solid #e5e5e5; } div.hsbcDivletNavigation .hsbcDivletNavTitle { background: #eee; padding: 34px 10px 5px; font-weight: bold; } div.hsbcDivletNavigation ul { background: #eee; padding: 0px; margin: 0px; } div.hsbcDivletNavigation ul li { list-style: none; border-top: 1px solid #fff; border-bottom: 1px solid #e5e5e5; padding: 6px 11px 7px !important; margin:0px; font-weight: normal; /*line-height: 1.6em;*/ color: #666; } div.hsbcDivletNavigation ul.hsbcDivletNavList { background:#fff url("../../images/common/bg_navlist.gif") no-repeat bottom left; } div.hsbcDivletNavigation ul.hsbcDivletNavList li { border-top: 0px; } div.hsbcDivletNavigation ul.hsbcDivletNavList li a:hover { color: #f00; } div.hsbcDivletNavigation ul.hsbcDivletNavList li ul { background: #fff; margin-top: 3px !important; } div.hsbcDivletNavigation ul.hsbcDivletNavList li ul li { border: 0px; background: url("../../images/en/arrow_red_right_small.gif") no-repeat top left; padding: 5px 0px 2px 8px !important; /* \*/ padding: 4px 0px 2px 8px !important; /* */ margin:2px 0px 3px 0px; font-weight: normal; } div.hsbcDivletNavigation a { color: #666; text-decoration: none; } div.hsbcDivletNavigation a:hover { text-decoration: underline; } /* for navigation highlight in red if selected */ div.hsbcDivletNavigation a.hsbcDivletNavigationSelected { font-weight: bold; color: #f00; } div.hsbcDivletNavigation .hsbcDivletNavList li.hsbcDivletNavigationSelected a, div.hsbcDivletNavigation .hsbcDivletNavList li.hsbcDivletNavigationSelected ul li.hsbcDivletNavigationSelected a, div.hsbcDivletNavigation .hsbcDivletNavList li.hsbcDivletNavigationSelected a, { color: #f00; } div.hsbcDivletNavigation .hsbcDivletNavList li.hsbcDivletNavigationSelectedWithChildren ul li a { color: #666; } div.hsbcDivletNavigation .hsbcDivletNavList li.hsbcDivletNavigationSelectedWithChildren ul li.hsbcDivletNavigationSelected { border: 0px; background: url("../../images/en/arrow_red_right_small.gif") no-repeat top left; padding: 5px 0px 2px 8px !important; /* \*/ padding: 4px 0px 2px 8px !important; /* */ margin:2px 0px 3px 0px; font-weight: normal; } /* no need to change up to here */ div.hsbcDivletNavigation div.hsbcDivletNavListImage { padding-top:10px; } /* ---------------------------------------------------------------------------------------------- HSBC UK Commercial CONTROL StyleSheet Author: Louis Briggs Created: 21 March 2006 Updated: 16 August 2006 History: 21 March 2006 Created stylesheet, all styles relate to Search results (full-width) page at present ---------------------------------------------------------------------------------------------- */ .containerControlFull { float:left; width:984px; margin:30px 0px 15px 15px; } .containerControlFullPage { float:left; width:700px; margin:15px 0px 15px 15px; } .containerControlFull h1, .containerControlFullPage h1 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .containerControlFull .contentArea, .containerControlFullPage .contentArea { float:left; background:#ECECEC; padding:2px; margin:15px 0px 0px 0px; } .containerControlFullPage .contentArea { width:631px; } .containerControlFull .contentArea { width:964px; } .containerControlFull .contentArea .contentHeader, .containerControlFullPage .contentArea .contentHeader { float:left; background:#fff; padding:15px; border-bottom:1px solid #ECECEC; } .containerControlFull .contentArea .contentHeader { width:934px; } .containerControlFullPage .contentArea .contentHeader { width:601px; } .containerControlFull .contentArea .contentHeader h2 .containerControlFullPage .contentArea .contentHeader h2 { font-size:86%; font-weight:bold; margin:0px; padding:0px; } .containerControlFull .contentArea .contentHeader p, .containerControlFullPage .contentArea .contentHeader p { font-size:74%; margin:10px 0px; padding:0px; } .containerControlFull .contentArea .contentHeader select, .containerControlFull .contentArea .contentHeader input, .containerControlFullPage .contentArea .contentHeader select, .containerControlFullPage .contentArea .contentHeader input { font-size:74%; color:#666; margin:0px 0px 0px 3px; } .containerControlFull .contentArea .contentHeader label, .containerControlFullPage .contentArea .contentHeader label { font-size:74%; color:#666; } .containerControlFull .contentArea .contentNavigator, .containerControlFullPage .contentArea .contentNavigator { float:left; border-bottom:1px solid #ECECEC; background:#fff; padding-top:3px; } .containerControlFullPage .contentArea .contentNavigator { width:631px; } .containerControlFull .contentArea .contentNavigator { width:964px; } .containerControlFull .contentArea .contentNavigator a, .containerControlFullPage .contentArea .contentNavigator a { font-size:68%; color:#666; height:1px; } .containerControlFull .contentArea .contentNavigator ul, .containerControlFullPage .contentArea .contentNavigator ul { list-style: none; margin:1px 0px 4px 0px; padding:0; } .containerControlFull .contentArea .contentNavigator ul li, .containerControlFullPage .contentArea .contentNavigator ul li { display:inline; margin:0px; } .containerControlFull .contentArea .contentNavigator ul li.selected, .containerControlFullPage .contentArea .contentNavigator ul li.selected { padding-top:0px; } .containerControlFull .contentArea .contentNavigator ul li.selected a, .containerControlFullPage .contentArea .contentNavigator ul li.selected a { margin-top:1px; color:#fff; background:#f00; } .containerControlFull .contentArea .contentNavigator ul li a, .containerControlFullPage .contentArea .contentNavigator ul li a { margin:0; padding:4px 10px 4px 10px; border-left:1px solid #ECECEC; vertical-align:middle; } .containerControlFull .contentArea .contentNavigator ul li.last a, .containerControlFullPage .contentArea .contentNavigator ul li.last a { border-left:1px solid #ECECEC; border-right:1px solid #ECECEC; } .containerControlFull .contentArea .contentNavigator .navStep a, .containerControlFullPage .contentArea .contentNavigator .navStep a { padding:5px; vertical-align:middle; } .containerControlFull .contentArea .contentResults, .containerControlFullPage .contentArea .contentResults { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; background:#F7F7F7; width:100%; border-bottom:1px solid #ECECEC; } .containerControlFull .contentArea .contentResults .result, .containerControlFullPage .contentArea .contentResults .result { margin:15px 0px 0px 15px ; padding-right:15px; padding-bottom:15px; font-size:74%!important; background:url("../../images/common/bg_hrStyle_Search.gif") repeat-x bottom left; } .containerControlFull .contentArea .contentResults .last, .containerControlFullPage .contentArea .contentResults .last { background:none; } .containerControlFull .contentArea .contentResults .result p, .containerControlFullPage .contentArea .contentResults .result p { margin:0; padding:0; font-size:100%!important; } .floatLeft { float:left; text-align:left; } .floatRight { float:right; text-align:right; } .floatCenter { text-align:center; margin-bottom: -8px; } .red { color:#f00; } .floatFix { float:none; clear:both; } .hsbcDecStyle02 h1 { padding-bottom:5px; font-size:187% !important; } h1 span { text-transform:uppercase; font-size:80%; color:red!important; } .noTabSpacing { padding-top: 79px; } .rightColumn .hsbcInputSection p.extSizeAuto { width:300px!important; } /* TOOLS & APPLICATION CENTRE ---------------------------------------------------------------------------------------------- */ div.extWidgetBlock { position:absolute; z-index:5; /*top: 117px; left: 0px; These values are set in the .js */ top: -1000px; left: -1000px; width: 389px; background: #e7e7e7 url("../../images/common/widget_bg.gif") top left repeat-x; border-left: 1px solid #c2c2c2; border-bottom: 1px solid #666; border-right: 2px solid #666; } div.extWidgetBlock .extWidgetColumn { width: 50%; float: left; margin-bottom:5px; } div.extWidgetBlock .extWidgetFull div.extWidgetBlock .extWidgetLogo { width: 100%; clear: both; } div.extWidgetBlock .extWidgetBorder { border: 1px solid #fff; padding: 0px 0px 15px 15px; } .extWidgetTab { position:absolute; z-index:10; right:60px; top:73px; margin:0px; float:left; padding:0px 0px 0px 6px; list-style:none; height:44px; background: url("../../images/common/tab_off_left.gif") no-repeat top left; text-align:center; } .extWidgetTab a { /* mac-ie */ font-size:76%; /*non-mac-ie \*/ font-size:69%; /* */ margin:0px; height:44px; float:left; display:block; background:url("../../images/common/tab_off_right.gif") no-repeat top right; text-decoration:none; color:#666; vertical-align:50%; padding:0px 9px 0px 2px; line-height:36px; font-weight:normal; } .extWidgetTab a:hover { color:#f00 !important; text-decoration:none; } .extWidgetTabSelected { background: url("../../images/common/widget_tab_left.gif") top left no-repeat !important; padding-left: 12px !important; } .extWidgetTabSelected a { background: url("../../images/common/widget_tab_right.gif") top right no-repeat !important; } div.extWidgetBlock .extWidgetLogo { } div.extWidgetBlock ul { list-style: none; margin: 0px 16px 0px 0px; padding: 0px; } div.extWidgetBlock ul li { background: #fafafa url("../../images/common/widget_right_arrow.gif") top left no-repeat; border-bottom: 1px solid #e0e0e0; padding: 6px 0px 7px 10px; } div.extWidgetBlock ul li a { color: #333; font-size: 69%; text-decoration: none; } .extWidgetBlock h2 { font-size: 97%!important; color: #000; margin-bottom: 8px!important; font-weight: bold!important; } .extWidgetBlock h3 { float: left; width: 100%; font-size: 81%!important; color: #000; margin: 20px 0px 8px !important; } .extWidgetColumn p { font-size: 69%; line-height: 1.6em !important; } /****************************** css_pws.css ******************************/ div.mainDataLoader{float:left;width:985px} div.mainDataLoader div.raw01, div.mainDataLoader div.raw02{float:left;width:100%;} /*--------Landing Page Styles-------*/ div.mainDataLoader div.landing01{background:url(../../../../premier/theme/images/osed/main_image_01.jpg) no-repeat right top;height:486px;} div.mainDataLoader div.landing02{background:url(../../../../premier/theme/images/osed/main_image_02.jpg) no-repeat right top;height:209px;} div.mainDataLoader div.raw02 ul{margin:0;padding:0} div.mainDataLoader div.raw02 li{float:left;list-style:none;width:300px;} div.mainDataLoader div.raw02 li.marginR{margin-right:26px;} div.mainDataLoader div.raw02 li.marginL{margin-left:23px;} div.mainDataLoader div.mainWidget{float:left;width:100%;background-color:#fff;} div.mainDataLoader div.mainWidget ul{float:left;margin:0;padding:5px 10px 0 10px;border:1px solid #a1a1a1;min-height:165px;} div.mainDataLoader div.mainWidget li{float:left;width:258px;margin:8px 0 5px 0;font-family:Arial, sans-serif;font-size:14px;font-weight:bold;} div.mainDataLoader div.mainWidget li a{color:#444444;text-decoration:none;} .iconArrowSide{float:left;background:url(../../../../premier/theme/images/osed/icon_arrow.gif) no-repeat left center;margin:0px 0 0 20px;padding:7px 0 7px 20px;text-decoration:none;font-size:14px;} .iconArrowSide_col{float:left;background:url(../../../../premier/theme/images/osed/icon_arrow_collpsed.gif) no-repeat left center !important;} .iconArrowSide a:hover{text-decoration:underline;} div.mainDataLoader div.mainWidget li.iconArrow{background:url(../../../../premier/theme/images/osed/icon_arrow.gif) no-repeat left center;width:17px;margin:8px 0 5px 3px;padding:0;} div.mainDataLoader div.mainWidget h3{ float:left; margin:0!important; padding:10px 0 0 10px; background:url(../../../../premier/theme/images/osed/bg_headder.png) repeat-x left top; background-position:-42px; height:32px; width:282px; color:#fff; /*font-weight:bold;*/ font-size:16px!important; } div.mainDataLoader div.mainWidget span {float:left;margin:0;padding:0;background:url(../../../../premier/theme/images/osed/bg_headder.gif) no-repeat left top;height:42px;} div.mainDataLoader div.mainWidget p{float:left;margin:0;padding:0;background:url(../../../../premier/theme/images/osed/bg_headder.gif) no-repeat right bottom;height:42px;} div.mainDataLoader div.raw01 div.mainTitle{float:left;padding:58px 240px 0 48px;margin-right:27px;color:#fff;width:350px;height:250px;font-weight:normal;} div.mainDataLoader div.raw01 div.mainTitle h2{ color:#fff; padding:0; margin:0!important; font-family:Arial, Helvetica, sans-serif, Times, serif; font-size:28px!important; font-weight:normal; } div.mainDataLoader div.raw01 div.mainTitle p{ padding:0; font-family:"Times New Roman", Times, sans-serif, Times, serif; margin:30px 0 34px 0!important; font-size:20px; width:370px; } div.mainDataLoader div.raw01 div.mainTitle a{ text-decoration:none; font-family:"Times New Roman", Times, sans-serif, Times, serif; color:#fff; font-size:13px; padding:10px 10px 12px 28px; background:url(../../../../premier/theme/images/osed/btn_tour.gif) no-repeat left top; width:160px; height:36px; font-weight:bold; } div.mainDataLoader div.raw01 div.overseasEdu{ float:right; font-family:"Times New Roman", Times, serif; padding:16px 0 0 18px; margin-right:10px; height:94px; width:277px; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; background:#fff; border:1px solid #c9c9c9; } div.mainDataLoader div.raw01 div.overseasEdu h4{font-family:"Times New Roman", Times, serif;font-weight:normal;padding:0;margin:0;color:#3c2657;font-size:20px;width:200px; margin-bottom:10px!important;} div.mainDataLoader div.raw01 div.overseasEdu p{padding:0;margin:10px 0 10px 0;color:#3b235a;} div.mainDataLoader div.raw01 div.overseasEdu a{ color:#fff; text-decoration:none; background:url(../../../../premier/theme/images/osed/btn_applynow.gif) no-repeat left center;width:15px;margin:0;padding:0; padding:4px 41px 7px 23px; font-family:"Times New Roman", Times, serif; font-size:14px; font-weight:bold; width:68px; height:20px; } div.mainDataLoader div.raw01 div.map{ float:right; background:url(../../../../premier/theme/images/osed/bg_map.gif) no-repeat left top; padding:13px 0 0 18px; margin:108px 10px 0 0; height:173px; width:279px; color:#FFF; font-family:"Times New Roman", Times, serif; font-size:14px; position:relative; text-decoration:none!important; } div.mainDataLoader div.raw01 div.map h4{padding:0;margin:0;font-family:Arial, Helvetica, sans-serif;font-size:15px;text-decoration:none!important;} div.hsbcPremier{ float:left; font-family:"Times New Roman", Times, serif;width:642px;border-top:1px solid #d5d0e0;margin:18px 0 0 23px;padding:28px 0 0 10px;} div.hsbcPremierPos{margin-left:15px;width:675px;} div.hsbcPremier h2{ float:left; font-size:21px; font-weight:normal; padding:0; margin:0!important; color:#ff0000; width:485px; } div.hsbcPremier a{ float:right; color:#fff; font-size:14px; text-decoration:none; background:url(../../../../premier/theme/images/osed/btn_contact_now.gif) no-repeat left top; padding:2px 10px 2px 25px; width:100px; } /*--landing map-----*/ /*div.mainDataLoader div.raw01 div.map .location1{width: 12px;display: block; position: absolute; left: 86px; top: 90px;cursor:pointer;}*/ div.mainDataLoader div.raw01 div.map .location1{width: 12px;display: block; position: absolute; left: 70px; top: 93px;cursor:pointer;} div.mainDataLoader div.raw01 div.map .location2{width: 12px;display: block; position: absolute; left: 131px; top: 77px; cursor:pointer;} div.mainDataLoader div.raw01 div.map .location3{width: 12px;display: block; position: absolute; left: 228px; top: 130px;cursor:pointer;} div.mainDataLoader div.raw01 div.map .location4{width: 12px;display: block; position: absolute; left: 200px; top: 117px;cursor:pointer;} div.mainDataLoader div.raw01 div.map .location5{width: 12px;display: block; position: absolute; left: 136px; top: 87px;cursor:pointer;} div.mainDataLoader div.raw01 div.map .location6{width: 12px;display: block; position: absolute; left: 65px; top: 78px;cursor:pointer;} /*---------Inside Page styles----------*/ /* .contentWidth{width:686px;} div.mainDataLoader div.raw02 div.mainTabs{ float:left; width:686px; font-family:"Times New Roman", Times, serif; padding:16px 0 0 18px; } div.mainDataLoader div.raw02 div.mainTabs ul{padding:0;margin:0;background:url(../../../../premier/theme/images/osed/bg_tab_other.gif) repeat-x left bottom;height:61px;} div.mainDataLoader div.raw02 div.mainTabs li{width:auto;} div.mainDataLoader div.raw02 div.mainTabs li.startCell{background:url(../../../../premier/theme/images/osed/bg_tab_other.gif) no-repeat left top;width:7px;height:61px;} div.mainDataLoader div.raw02 div.mainTabs li.endCell{float:right;background:url(../../../../premier/theme/images/osed/bg_tab_other.gif) no-repeat right top;width:7px;height:61px;} div.mainDataLoader div.raw02 div.mainTabs li.midCell{background:url(../../../../premier/theme/images/osed/bg_tab_other.gif) no-repeat right top;width:14px;height:61px;background-position:0 -61px;} div.mainDataLoader div.raw02 div.mainTabs li a.stWidth1{width:140px;} div.mainDataLoader div.raw02 div.mainTabs li a.stWidth2{width:140px;} div.mainDataLoader div.raw02 div.mainTabs li a.stWidth3{width:120px;} div.mainDataLoader div.raw02 div.mainTabs li a.stWidth4{width:120px;} div.mainDataLoader div.raw02 div.mainTabs li.bg_tab_highlight_arrow{position:relative;background:url(../../../../premier/theme/images/osed/bg_tab_highlight_arrow.gif) no-repeat;height:8px;width:14px;} div.mainDataLoader div.raw02 div.mainTabs li.selectedTab{background:url(../../../../premier/theme/images/osed/bg_tab_highlight.gif) repeat-x left bottom;height:61px;} div.mainDataLoader div.raw02 div.mainTabs li.selectedTab a{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; float:left;background:url(../../../../premier/theme/images/osed/bg_tab_highlight.gif) no-repeat left top; height:46px; color:#fff; display:block; padding:15px 10px 0 15px; text-decoration:none; text-height:15px; text-align:center; } div.mainDataLoader div.raw02 div.mainTabs li.selectedTab p{ float:right; background:url(../../../../premier/theme/images/osed/bg_tab_highlight.gif) no-repeat left; height:61px; background-position:0; display:block; width:7px; } div.mainDataLoader div.raw02 div.mainTabs li.defaultTab{ height:61px; display:block; color:#888; text-decoration:none; } div.mainDataLoader div.raw02 div.mainTabs li.defaultTab a{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; height:46px; color:#888; display:block; padding:15px 10px 0 15px; text-decoration:none; line-height:15px; text-align:center; } div.mainDataLoader div.raw02 div.mainTabs li.defaultTab p{ float:right; height:61px; display:block; width:7px; } div.mainDataLoader div.raw02 div.mainTabs li.defaultTab a:hover{color:#fff;} div.mainDataLoader div.raw02 div.tabsContent{ float:left; border:1px solid #989898; border-top:none; padding:20px 15px 15px 15px; margin-left:18px; width:654px; min-height:380px; } div.mainDataLoader div.raw02 div.tabsContent h2{ color:#ff0000; padding:0; margin:0!important; font-family:Arial, Helvetica, sans-serif, Times, serif; font-size:28px!important; font-weight:normal; } */ /*------Inside right side banner--------*/ .top_banner_01{background:url("../../../../premier/theme/images/osed/overseas_top_banner_01.jpg") no-repeat scroll left top transparent;float:left;height:185px;width:100%;} .top_banner_01 a{ font-size:16px; font-family:"Times New Roman", Times, serif; font-weight:normal; color:#FFFFFF; text-decoration:none; font-weight:bold; float:right; display:block; position:relative; top:-33px; right:19px; padding:2px 20px; background:url(../../../../premier/theme/images/osed/btn_applynow_banner.gif) no-repeat left center; } .banner_head_text_01 {color:#FFFFFF;float:left;font-weight:normal;height:133px;margin-right:488px;padding:41px 28px 0 29px;width: 430px;} #banner_head_text_01_h2{color:#FFFFFF;font-family:Arial,Helvetica,sans-serif,Times,serif;font-size:28px!important;font-weight:normal;margin:0!important;padding:0;} .promo_margin_top{margin-top:12px;} .overseas_promo_new_01{border:1px solid #c6c6c6;background:url("../../../../premier/theme/images/osed/promo_01-top.jpg") no-repeat scroll left top #f7f7f7;float: left;width: 270px;margin: 10px 0px 10px!important;padding-bottom:10px;} .promo_title_01 {float: left;font-weight: normal;height:51px;margin-right:0px;padding:32px 10px 0 17px;width:245px;color:#241942;font-size: 112.5%!important;} .tabsContentAlign{padding-left:10px;padding-top:10px;} div.contentHeader_tab1header1{color: #FF0000;font-size:21px;font-family:"Times New Roman", Times, serif;font-weight:normal;width:100%;/*padding-left:4px;*/margin:10px 0 0 0;} div.contentHeader_tab1sub1{font-size:12px;font-weight:normal;width: 100%;} div.contentHeader_tab1sub1 h3{padding:10px 0 10px 0;margin:0;font-family:Arial, Helvetica, sans-serif!important; font-size:16px!important; color:#261452!important; } div.contentHeader_tab1sub1 a{ color:#fff; text-decoration:none; background:url(../../../../premier/theme/images/osed/btn_applynow.gif) no-repeat left center;width:15px;margin:0;padding:0; padding:6px 14px 7px 22px; font-family:"Arial"; font-size:13px; font-weight:bold; width:68px; height:20px; margin-left:2px; } .applylisthight_fix{line-height:25px !important;height:25px !important;} .contentHeader_tab1sub1_right{font-size:12px;font-weight:normal;float:left;margin-bottom:12px;} div.hsbcStyleContent81{ float:left; margin: 40px 0 0 !important; padding: 0 10px 0 23px !important; clear:both; } /* first.tab */ div.contentHeader_tab1header1{ color: #FF0000; font-size: 21px; font-weight: normal; width: 100%; /*padding-left:4px;*/ } div.contentHeader_tab1sub1{ font-size: 12px; font-weight: normal; width: 100%; margin:12px 0 12px 0; } div.contentHeader_tab1sub1 ul{padding:0;margin:0;width:100%;} div.contentHeader_tab1sub1 li{float:left;padding:0;margin:0;width:618px!important; font-size:12px!important;height:20px } div.contentHeader_tab1sub1 li.balckDot{float:left;background:url(../../../../premier/theme/images/osed/bg_black_dot.gif) center left no-repeat;height:20px;width:11px!important;padding-right:10px;} div.contentHeader_tab1sub1 ul li{font-size:12px !important;font-family:Arial, Helvetica, sans-serif;} .vtabs-content-column-tab-header{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#5c4f7a; font-weight:bold; margin-bottom:12px; } .vtabs-content-column-tab-content{ font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin-bottom: 20px; } .vtabs-content-column-tab-content a{color:#000000;text-decoration:underline;} .vtabs-content-column-tab-content a:hover{color:#ff0000;text-decoration:underline;} .redColor{color:#ff0000 !important;text-decoration:none;} .mgnBottom{margin-bottom:45px;} .vtabs-content-column-tab-img{ margin-bottom: 20px; /*padding-right: 15px;*/ } .vtab-content-2colpane{ position:relative; float:left; padding-bottom:15px; } .vtab-content-2colpane-left{ float:left; width:50%; } .vtab-content-2colpane-right{ float:right; width:100%; } /* list country pdf styles */ .vtab-div-country-pdflist{ border:#d2cfe4 solid 1px; float:left; /*width:216px !important;*/ } .vtab-div-country-pdflist li{ /*width:236px !important;*/ } .vtab-div-country-li-wrapper{position:relative;padding: 2px 5px;} .vtab-div-country-li-wrapper.even{background-color:#f4f4f6;float:left;width:490px;} .vtab-div-country-li-wrapper.odd{background-color:#e9e8ed;float:left;width:490px;} .vtab-div-country-li-left{float:left;width:340px;font-size:12px !important;font-weight:bold;} .vtab-div-country-li-right{ background:url("../../../../premier/theme/images/osed/acrobat_ico_16x16.gif") no-repeat scroll left center transparent; float:left; width:120px; padding-left:20px; font-size:11px !important; color:#666666; text-decoration:none; } /*d2cfe4*/ /* end */ .vtabs-content-panel-tab4-wrapper{ position:relatives; width:100% ; } .vtabs-content-panel-left{ float:left; /*width:210px; */ padding-bottom:20px; } .vtabs-content-panel-right{ float:left; width:100%; /*padding-top:20px; padding-left:10px;*/ } /* tab1 table styles */ .tabs-content-panel-tab1-footer{float:right;clear:both;color:#999999;font-size:10px;padding-bottom:10px;width:100%;text-align:right;} /*-------Sublevel Tabs content styles ---------*/ div.hsbcStyleContentBase div.vtabs div.vtabs-content-column div.vtabs-content-panel{font-family:Arial, Helvetica, sans-serif;font-size:12px;} div.vtabs div.vtabs-content-column div.vtabs-content-panel h3{color:#261452;font-size:16px;} div.vtabs div.vtabs-content-column div.vtabs-content-panel p{} .vtabs-content-tbl-lbls{ font-family: Arial,Helvetica,sans-serif; font-size: 11px; margin-bottom: 20px; } .lblsPdn{padding-left:8px;} .vtabs-content-tbl-lblsb{ font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin-bottom: 20px; font-weight:bold; padding:5px 0 5px 5px; } .vtabs-content-tbl-lblsbg{ font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin-bottom: 20px; font-weight:bold; color:#999999; padding:5px 0 5px 5px; } .vtabs-content-tbl-bg{ background-color:#d8d6db; } .vtabs-content-tbl-r{text-align:right;} .vtabs-content-tbl-l{text-align:left;} .vtabs-content-tbl-brd-r{border-right:1px solid #dcdadf;} .vtabs-content-tbl-brd-rb{border-right:1px solid #dcdadf;border-bottom:1px solid #dcdadf;} .vtabs-content-tbl-brd-b{border-bottom:1px solid #dcdadf;} .vtabs-content-tbl-ctr{text-align:left;padding-left:12px;} .vtabs-content-column-tab-table-wrapper{float:left;position:relative;} /*end */ .vtabs-content-panel-tab1-wrapper{float:left;clear:both;position:relative;width: 100%;} .vtabs-content-panel-tab1-right{float:right;padding-right:20px;} .vtabs-content-panel-tab1-left{float:left;width:50%;padding-top:20px;} .vtabs-content-panel-red-buletin{background:url("../../../../premier/theme/images/osed/red_pointer_ico.gif") no-repeat scroll left center transparent; color: red; font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin-bottom: 20px; padding-left: 15px; padding-top: 1px } .vtabs-content-panel-red-buletin a{color:#000;text-decoration:none;} .vtabs-content-panel-red-buletin a:hover{color:#FF0000;text-decoration:none;} .tabs-vtabs-content-column-tab-content a{color:#000000!important;text-decoration:underline;} .tabs-vtabs-content-column-tab-content a:hover{color:#FF0000!important;text-decoration:underline;} .vtabs-content-panel-tab3-wrapper{ clear: both; float: left; position: relative; width: 100%; margin-top:10px; } .vtabs-content-panel-tab3-right{ float: right; font-size: 9px; height: 16px; line-height: 16px; } .vtabs-content-panel-tab3-left{ float: left; font-size: 9px; height: 16px; line-height: 16px; } .vtab-div-acrobatico{ background:url("../../../../premier/theme/images/osed/acrobat_ico_16x16.gif") no-repeat scroll left center transparent; padding-left:20px; } .vtabs-content-panel-tab3-left a{ color:#666666!important; } .vtabs-content-panel-tab3-right a{color:#666666;} .vtabs-content-panel-tab3-right a:hover{color:#ff0000;} /* end */ /* start accordion styles */ /* accordion styles */ div.gfc_slide_trig{ background:url("../../../../premier/theme/images/osed/arrow_close.gif") no-repeat scroll 10px center transparent; cursor: pointer; font-size: 12px; height: 30px; border:1px solid #a5a1b0; background-color:#e5e5e5; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; width:100%; } div.gfc_slide_active{ background:url("../../../../premier/theme/images/osed/arrow_open.gif") no-repeat scroll 10px center transparent; cursor: pointer; font-size: 12px; height: 30px; border:1px solid #a5a1b0; background-color:#e5e5e5; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; } div.gfc_slide_trigTb2{ background:url("../../../../premier/theme/images/osed/arrow_close.gif") no-repeat scroll 10px center transparent; cursor: pointer; font-size: 12px; height: 30px; border:1px solid #a5a1b0; background-color:#e5e5e5; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; width:100%; } div.gfc_slide_activeTb2{ background:url("../../../../premier/theme/images/osed/arrow_open.gif") no-repeat scroll 10px center transparent; cursor: pointer; font-size: 12px; height: 30px; border:1px solid #a5a1b0; background-color:#e5e5e5; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; } .gfc_slide_title {padding-left:25px;padding-top: 9px;padding-bottom: 4px;} .gfc_slide_title span{float:left;color:#261452;} .toggle_container {display:none; padding-top:2px;background:url("../../../../premier/theme/images/osed/accordion_shadow.gif") repeat-x ;/*height:250px;*/} .toggle_containerTb2 {display:none; padding-top:2px;background:url("../../../../premier/theme/images/osed/accordion_shadow.gif") repeat-x ;/*height:250px;*/} .toggle_container .block {/*background:url(/gam/images/zone2/fundcentre/toggle_block_btm.gif) no-repeat left bottom;*/100%;background-color:#FFF;padding-top:10px;width:480px;} #gfcNavList_basicSearch{width:500px; zoom:1 !important} .gfc_slide_trig gfc_slide_active{position:relative;} .gfc_slide_trig gfc_slide_activeTb2{position:relative;} .vtab-accordion-listcontent{ font-size:12px; color:#666666; font-family:Arial, Helvetica, sans-serif; padding-bottom:10px; } .vtab-accordion-listconten-grp{ clear:both; padding-bottom:18px; } .vtab-accordion-listcontentb{ font-size:12px; color:#666666; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:0 0 10px 0; } .vtab-accordion-listitem{ background:url("../../../../premier/theme/images/osed/blt_ico_12x12.gif") no-repeat left 2px; padding-left:17px; font-size:12px; color:#666666; font-family:Arial, Helvetica, sans-serif; margin-bottom:5px; } .accordion-inside{padding-left:20px;border-left:1px solid #d5d0e5;border-right:1px solid #d5d0e5;} .accordion-insideb{border-bottom:1px solid #d5d0e5;} div.vtab-accordion-listconten-grp div.data-list{padding:0;background:none;padding:10px 0 10px 0;} div.vtab-accordion-listconten-grp div.data-list ul{padding:0;margin:0;} div.vtab-accordion-listconten-grp div.data-list li{float:left; list-style:none;width:212px!important;background:#fff;} table.dataTable-list{margin:10px 0 0 0;} table.dataTable-list td{width:225px;font-size:10px; font-family:Arial, Helvetica, sans-serif;color:#666;} /* end accordion styles */ .vtabs-page2tab1-list{float:left;} .vtabs-page2tab1-listspan{font-size:12px !important;padding-right: 10px;} ul.vtabs-page2tab1-list li{ background:url("../../../../premier/theme/images/osed/bg_black_dot_grey.gif") no-repeat left 4px; font-size:12px; font-weight:normal; width: 100% !important; padding-bottom:10px; padding-left:15px !important; font-family:Arial, Helvetica, sans-serif; } .vtabs-page2-contentwrapper{padding:0 10px 0 0;font-size:13px;} .tblock{float:left!important;} .boldlistitemcls{font-weight:bold;} .vtabs-tab3-1-table-bt{border-top:1px solid #d3cee4;} .vtabs-tab3-1-table-blr{border-left:1px solid #d3cee4;border-right:1px solid #d3cee4;} .vtabs-tab3-1-table-bb{border-bottom:1px solid #d3cee4;} .vtabs-tab3-1-table-odd{background-color:#e9e8ed;height:50px;} .vtabs-tab3-1-table-even{background-color:#f4f4f6;height:50px;} .vtabs-tab3-1-table-c1{padding-left:5px;} /*.vtabs-tab3-1-table{margin-bottom:30px;}*/ .vtabs-tab3-1-table td{padding-left:10px;} .pdnTop{padding-top:15px;} .pdnBot{padding-bottom:15px;} .vtabs-tab3-1-table a{color:#000000;text-decoration:underline;} .vtabs-tab3-1-table a:hover{color:#FF0000!important;text-decoration:underline;} .tabs-vtabs-content-column-tab-content a:hover{color:#FF0000;text-decoration:underline;} div.tabs-footer{color:#666666;font-family:Arial, Helvetica, sans-serif;font-size:11px;padding:10px 0;width:100%;} div.tabs-footer a{color:#666666;font-family:Arial, Helvetica, sans-serif;font-size:11px;text-decoration:underline;} div.tabs-footer a:hover{color:#FF0000;font-family:Arial, Helvetica, sans-serif;font-size:11px;text-decoration:underline;} .tabs-tab3-3-table{margin:20px 0;} .tabs-tab3-3-table td li a{color:#000000;text-decoration:underline;} .tabs-tab3-3-table td li a:hover{color:#FF0000;text-decoration:underline;} .tabs-tab3-3-table td{vertical-align:top;text-align:left;padding-left:15px;} .tabs-tab3-3-table-font-b{font-weight:bold;width:120px;} .tabs-tab3-3-table-bb-r{border-bottom:5px solid #C03;} .tabs-tab3-3-table-bb-g{border-bottom:1px solid #c8c6cd;} .tabs-tab3-3-table-bb-gb{border-bottom:3px solid #c8c6cd;} .tabs-tab3-3-table-br-g{border-right:1px solid #c8c6cd;} .tabs-tab3-3-table-br-g1{border-bottom:5px solid #f33526;} .tabs-tab3-3-table-ul{list-style:none !important;padding:10px 0 !important;float:left;} .tabs-tab3-3-table-ul li{width:100px !important;text-decoration:underline;} .tabs-tab3-3-table-td-center{text-align:center} /*.hsbcGP2007ContentArea ul li {font-size:90%!important;}*/ div.mainTabSection div.raw02 div.mainTabs li a.stWidthPdn{height:35px!important;padding-top:20px!important;} div.defaultTab div.raw02 div.mainTabs li a.stWidthPdn{height:35px!important;padding-top:22px!important;} div.hsbcGP2007FauxBorder{padding-bottom:0!important;} /*.hsbcSizeText01{width:950px!important;}*/ .contact_block {clear:both;float: left;margin-right:0px;padding:7px 0 7px 20px;width:220px;} .contact_title1 {border-top:1px solid #d5d0e0;font-size:12px;color:#241942;font-family:Arial, Helvetica, sans-serif;padding-bottom:2px; font-weight:bold;padding-top:10px;} .contact_title2 {font-size:15px;color:#241942;font-family:Arial, Helvetica, sans-serif;padding-bottom:20px; font-weight:bold;} .contact_title3 {font-size:12px;color:#241942;font-family:Arial, Helvetica, sans-serif;padding-bottom:2px; font-weight:normal;} .contact_title4 {font-size:12px;color:#241942;font-family:Arial, Helvetica, sans-serif;padding-bottom:2px; font-weight:bold;} div.event_name {font-weight:bold;font-size:12px;background:#666;} div.event_button a{ color:#fff; text-decoration:none; background:url(../../../../premier/theme/images/osed/btn_applynow.gif) no-repeat left center;width:15px;margin:0;padding:0; margin:0 0 10px 10px; padding:4px 10px 7px 26px; font-family:"Times New Roman", Times, serif; font-size:13px; font-weight:bold; width:68px; height:20px; } #vtabs-content-b{padding-bottom:10px;} .uni_rankings{float:left;width:212px;} div.acctableDiv{margin-bottom:2px;font-size:10px;} div.acctableDiv p{float:left;width:15px;height:15px;font-size:10px;text-align:right;padding-right:8px;} .containerFooter{float:left;width:985px;} /****************************** css_maintabs.css ******************************/ /*---------Inside Page styles----------*/ div.mainTabSection{float:left;} /*----Main Tab----*/ div.mainTabSection div.raw01, div.mainTabSection div.raw02{float:left;width:100%;} div.mainTabSection div.raw02 ul{margin:0;padding:0} div.mainTabSection div.raw02 li{float:left;list-style:none;width:300px;} div.mainTabSection div.raw02 li.marginR{margin-right:27px;} div.mainTabSection div.raw02 li.marginL{margin-left:10px;} .contentWidth{width:685px;} div.mainTabSection div.raw02 div.mainTabs{float:left;width:685px;font-family:"Times New Roman", Times, serif;padding:0px 0 0 4px;} div.mainTabSection div.raw02 div.mainTabs ul{padding:0;margin:0;background:url(../../../../premier/theme/images/osed/bg_tab_other.gif) repeat-x left bottom;height:61px;} div.mainTabSection div.raw02 div.mainTabs li{width:auto;} div.mainTabSection div.raw02 div.mainTabs li.startCell{background:url(../../../../premier/theme/images/osed/bg_tab_other.gif) no-repeat left top;width:7px;height:61px;} div.mainTabSection div.raw02 div.mainTabs li.endCell{float:right;background:url(../../../../premier/theme/images/osed/bg_tab_other.gif) no-repeat right top;width:7px;height:61px;} div.mainTabSection div.raw02 div.mainTabs li.midCell{background:url(../../../../premier/theme/images/osed/bg_tab_other.gif) no-repeat right top;width:14px;height:61px;background-position:0 -61px;} div.mainTabSection div.raw02 div.mainTabs li a.stWidth1{width:140px;} div.mainTabSection div.raw02 div.mainTabs li a.stWidth2{width:140px;} div.mainTabSection div.raw02 div.mainTabs li a.stWidth3{width:120px;} div.mainTabSection div.raw02 div.mainTabs li a.stWidth4{width:120px;} div.mainTabSection div.raw02 div.mainTabs li.bg_tab_highlight_arrow{position:relative;background:url(../../../../premier/theme/images/osed/bg_tab_highlight_arrow.gif) no-repeat;height:8px;width:14px;} div.mainTabSection div.raw02 div.mainTabs li.selectedTab{background:url(../../../../premier/theme/images/osed/bg_tab_highlight.gif) repeat-x left bottom;height:61px;} div.mainTabSection div.raw02 div.mainTabs li.selectedTab a{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; float:left;background:url(../../../../premier/theme/images/osed/bg_tab_highlight.gif) no-repeat left top; height:46px; color:#fff; display:block; padding:10px 10px 0 15px; text-decoration:none; line-height:15px; text-align:center; } div.mainTabSection div.raw02 div.mainTabs li.selectedTab p{ float:right; background:url(../../../../premier/theme/images/osed/bg_tab_highlight.gif) no-repeat left; height:61px; background-position:0; display:block; width:7px; } div.mainTabSection div.raw02 div.mainTabs span.stArrow{position:absolute!important;background:url(../../../../premier/theme/images/osed/bg_tab_highlight_arrow.gif) no-repeat bottom;width:16px;height:8px;z-index:10;} div.mainTabSection div.raw02 div.mainTabs span.stArrowPos1{top:392px;left:97px;} div.mainTabSection div.raw02 div.mainTabs span.stArrowPos2{top:392px;left:278px;} div.mainTabSection div.raw02 div.mainTabs span.stArrowPos3{top:392px;left:448px;} div.mainTabSection div.raw02 div.mainTabs span.stArrowPos4{top:392px;left:607px;} div.mainTabSection div.raw02 div.mainTabs li.defaultTab{height:61px;display:block;color:#888;text-decoration:none;} div.mainTabSection div.raw02 div.mainTabs li.defaultTab a{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; height:46px; color:#888; display:block; padding:15px 10px 0 15px; text-decoration:none; line-height:15px; text-align:center; } div.mainTabSection div.raw02 div.mainTabs li.defaultTab p{float:right;height:61px;display:block;width:7px;} div.mainTabSection div.raw02 div.mainTabs li.defaultTab a:hover{color:#fff;} div.mainTabSection div.raw02 div.tabsContent{ float:left; border:1px solid #989898; border-top:none; padding:0px 15px 12px 0px; margin-left:4px; width:668px; min-height:293px; } div.mainTabSection div.raw02 div.tabsContentPdn{padding-left:10px;width:659px;} div.mainTabSection div.raw02 div.tabsContent h2{ color:#ff0000; padding:0; margin:0!important; font-family:Arial, Helvetica, sans-serif, Times, serif; font-size:28px!important; font-weight:normal; } .hsbcGP2007ExtOneCol .hsbcGP2007ContentArea .hsbcGP2007FauxBorder .hsbcGP2007FauxCol01{ padding-top:5px;} .hsbcGP2007ExtOneCol .hsbcGP2007ContentArea .hsbcGP2007FauxBorder .hsbcGP2007FauxCol02{ padding-top:5px;} .hsbcGP2007BoxStyle01 ul li{padding-left:10px;} .hsbcGP2007BoxStyle01 ul li a{font-size:12px;font-family:Arial, Helvetica, sans-serif;} /****************************** colorbox.css ******************************/ /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; background:#fff;border:1px solid #ccc;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:#fff;} #colorBox{} #cboxTopLeft{width:25px; height:25px; /*background:url(../../../../premier/theme/images/osed/border1.png) no-repeat 0 0;*/} #cboxTopCenter{height:25px; /*background:url(../../../../premier/theme/images/osed/border1.png) repeat-x 0 -50px;*/} #cboxTopRight{width:25px; height:25px; /*background:url(../../../../premier/theme/images/osed/border1.png) no-repeat -25px 0;*/} #cboxBottomLeft{width:25px; height:25px; /*background:url(../../../../premier/theme/images/osed/border1.png) no-repeat 0 -25px;*/} #cboxBottomCenter{height:25px; /*background:url(../../../../premier/theme/images/osed/border1.png) repeat-x 0 -75px;*/} #cboxBottomRight{width:25px; height:25px; /*background:url(../../../../premier/theme/images/osed/border1.png) no-repeat -25px -25px;*/} #cboxMiddleLeft{width:25px; /*background:url(../../../../premier/theme/images/osed/border2.png) repeat-y 0 0;*/} #cboxMiddleRight{width:25px; /*background:url(../../../../premier/theme/images/osed/border2.png) repeat-y -25px 0;*/} #cboxContent{background:#fff; padding:10px; } #cboxLoadedContent{margin-bottom:20px;} #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;} #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;} #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;} #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;} #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;} #cboxLoadingOverlay{/*background:#fff url(../../../../premier/theme/images/osed/loading.gif) no-repeat 5px 5px;*/} #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;} /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. Stored in \content\premier\theme\css\en\html\ie6transparency.jsp Stored in \content\premier\theme\css\zh\html\ie6transparency.jsp Stored in \content\premier\theme\css\zh_CN\html\ie6transparency.jsp */ /*.popup_title{font-size:12px; font-family:Arial, Helvetica, sans-serif;font-weight:bold;}*/ .popup_content{font-size:12px; font-family:Arial, Helvetica, sans-serif;font-weight:normal;} .popup_paragraph{margin-top:12px;} .popup_proceed{background:url(../../../../premier/theme/images/osed/icon_arrow.gif) no-repeat 0 0;font-weight:bold;font-size:12px;padding:0 15px 0 15px;text-decoration:underline;cursor:pointer;} .popup_cancel{font-weight:normal;font-weight:bold;font-size:12px;padding:0 15px 0 15px;text-decoration:underline;cursor:pointer;} .entity1{cursor:pointer;} .entity2{cursor:pointer;} .entity3{cursor:pointer;} .popup_content_para{margin-bottom:0px;} /****************************** jquery.bubblepopup.v2.3.1.css ******************************/ /* jQuery Bubble Popup v.2.3.1 http://maxvergelli.wordpress.com/jquery-bubble-popup/ Copyright (c) 2010 Max Vergelli Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ /* Layout Settings */ .jquerybubblepopup{width:auto;height:auto;margin:0px;padding:0px;position:absolute;border:0px;z-index:100;text-align:center;background-color:transparent;} .jquerybubblepopup-ie{filter:progid:DXImageTransform.Microsoft.Shadow(color="#666666", Direction=135, Strength=3);} /* the plugin adds this class only if browser is IE; if IE9, it's added to main
else to */ .jquerybubblepopup table{width:auto;height:auto;margin:0px;padding:0px;display:table;border-collapse:collapse;border-spacing:0px;border:0px;empty-cells:show;background-color:transparent;} .jquerybubblepopup tbody{display:table-row-group;vertical-align:middle;border:0px;background-color:transparent;} .jquerybubblepopup td{margin:0px;padding:0px;background-color:transparent;} .jquerybubblepopup-top-left, .jquerybubblepopup-top-right, .jquerybubblepopup-bottom-left, .jquerybubblepopup-bottom-right{width:21px;height:21px;overflow:hidden;background-repeat:no-repeat;} .jquerybubblepopup-top-middle, .jquerybubblepopup-bottom-middle{overflow:hidden;background-repeat:repeat-x;} .jquerybubblepopup-middle-left, .jquerybubblepopup-middle-right{overflow:hidden;background-repeat:repeat-y;} .jquerybubblepopup-tail{border:0px;margin:0px;padding:0px;display:inline;} /* Themes: The plugin adds the class of the theme (for example ".jquerybubblepopup-azure") to the main
container, then you can edit the style of any element inside the Bubble Popup markup for each theme. The following code defines fonts and backgrounds of the "innerHtml" for each theme: */ .jquerybubblepopup-azure .jquerybubblepopup-innerHtml, .jquerybubblepopup-black .jquerybubblepopup-innerHtml, .jquerybubblepopup-blue .jquerybubblepopup-innerHtml, .jquerybubblepopup-green .jquerybubblepopup-innerHtml, .jquerybubblepopup-grey .jquerybubblepopup-innerHtml, .jquerybubblepopup-orange .jquerybubblepopup-innerHtml, .jquerybubblepopup-violet .jquerybubblepopup-innerHtml, .jquerybubblepopup-yellow .jquerybubblepopup-innerHtml { font-family:'Trebuchet MS',Arial; font-size:11px; font-weight:normal; color:#000000; background-color:#FFFFFF; } .jquerybubblepopup-all-azure .jquerybubblepopup-innerHtml, .jquerybubblepopup-all-black .jquerybubblepopup-innerHtml, .jquerybubblepopup-all-blue .jquerybubblepopup-innerHtml, .jquerybubblepopup-all-green .jquerybubblepopup-innerHtml, .jquerybubblepopup-all-grey .jquerybubblepopup-innerHtml, .jquerybubblepopup-all-orange .jquerybubblepopup-innerHtml, .jquerybubblepopup-all-violet .jquerybubblepopup-innerHtml, .jquerybubblepopup-all-yellow .jquerybubblepopup-innerHtml { font-family:'Trebuchet MS',Arial; font-size:11px; font-weight:normal; color:#FFFFFF; width:220px; padding:5px 0 5px 5px } .jquerybubblepopup-all-azure .jquerybubblepopup-innerHtml{background-color:#0099FF;} .jquerybubblepopup-all-black .jquerybubblepopup-innerHtml{background-color:#000000;} .jquerybubblepopup-all-blue .jquerybubblepopup-innerHtml{background-color:#0066CC;} .jquerybubblepopup-all-green .jquerybubblepopup-innerHtml{background-color:#66FF00;} .jquerybubblepopup-all-grey .jquerybubblepopup-innerHtml{background-color:#666666;} .jquerybubblepopup-all-orange .jquerybubblepopup-innerHtml{background-color:#FF9933;} .jquerybubblepopup-all-violet .jquerybubblepopup-innerHtml{background-color:#FF33FF;} .jquerybubblepopup-all-yellow .jquerybubblepopup-innerHtml{background-color:#FFCC00;} /****************************** jquery-jvert-tabs-1.1.4.css ******************************/ .vtabs { /* a border is required for IE otherwise the tab panels will not be aligned correctly. */ position: relative; border: 1px solid #ffffff; padding-top:10px; } .vtabs .vtabs-tab-column { position: absolute; left: 0; margin: 0; width: 130px; } .vtabs .vtabs-tab-column ul { list-style: none; margin: 0px; padding: 0px; } /* css for tab that is open */ .vtabs .vtabs-tab-column ul li.open, .vtabs .vtabs-tab-column ul li.closed { background-color: #ffffff; margin: 0px; padding-left: 7px; padding-right: 5px; padding-bottom: 5px; padding-top: 5px; margin-bottom: 12px; /* round corners do not work in IE */ -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-top: 1px solid #bebebe; border-bottom: 1px solid #bebebe; border-left: 1px solid #bebebe; min-height:20px; z-index: 10; height:80px } /* css for tab that is closed */ .vtabs .vtabs-tab-column ul li.closed { background-color: #ffffff; border-right: 1px solid #bebebe; background-image: url("../../../../premier/theme/images/osed/vtab-closed.gif"); background-repeat:none; width:117px; } .vtabs .vtabs-tab-column ul li.open { background-color: #ffffff; background-image: url("../../../../premier/theme/images/osed/vtab-open.gif"); background-repeat:none; z-index:10p; position:relative; width:117px; } /* css for link on tab that's open */ .vtabs .vtabs-tab-column ul li a.open, .vtabs .vtabs-tab-column ul li a.closed { font: 12px Helvetica, Arial, sans-serif; font-weight: bold; margin: 0px; padding: 0px; text-decoration: none; color: #413267; } /* css for link on tab that's closed */ .vtabs .vtabs-tab-column ul li a.closed { color: #bababa; } .vtabs .vtabs-content-column { padding: 0px; margin: 0px; position:relative; left:129px; width: 534px; } /* css for the content panels */ .vtabs .vtabs-content-column .vtabs-content-panel { background-color: #f2f2f2; padding-left: 15px; padding-right: 15px; padding-top: 28px; padding-bottom: 3px; margin: 0px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-top: 1px solid #bebebe; border-bottom: 1px solid #bebebe; border-right: 1px solid #bebebe; border-left: 1px solid #bebebe; } .fontContainer{ position: relative; } .fontContainer_index{ float: left; font-size: 44px; margin-top: 14px; width: 32px; } .fontContainer_index1{ float: left; margin-top: 14px; width: 12px; height:25px; cursor:pointer; } .index2L{float: left; margin-top: 14px;} .index3L{float: left; margin-top: 14px;} .fontContainer_lable{ float: left; margin-top: 24px; width: 75px; cursor:pointer; } .lable1L{ margin-top: 27px;width: 90px;cursor:pointer;} .lable2L{ margin-top: 32px;width: 90px;cursor:pointer;} .lable3L{ margin-top: 17px;width: 100px;cursor:pointer;} div.contentHeader{ border-top: 1px solid #D5D0E0; float: left; margin-top: 18px; padding: 28px 0 0 10px; width: 650px; } /****************************** tab_1.css ******************************/ .hsbcGP2007ExtOneCol .hsbcGP2007ContentArea .hsbcGP2007FauxRow .hsbcGP2007FauxCol01 .hsbcGP2007BoxStyle05_banner01 { background:url("../../images/gp_2008-update/hexagon.gif") repeat-x scroll left top transparent; padding: 23px 0 128px 22px; } /****************************** jquery.alerts.css from HSBC TW ******************************/ #popup_container { font-family: Arial, sans-serif; font-size: 12px; min-width: 300px; /* Dialog will be no smaller than this */ max-width: 600px; /* Dialog will wrap after this width */ background: #FFF; border: solid 5px #999; color: #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #popup_title { font-size: 14px; font-weight: bold; text-align: center; line-height: 1.75em; color: #666; background: #CCC url(../../../../premier/theme/images/osed/title.gif) top repeat-x; border: solid 1px #FFF; border-bottom: solid 1px #999; cursor: default; padding: 0em; margin: 0em; } #popup_content { background: 16px 16px no-repeat url(../../../../premier/theme/images/osed/info.gif); padding: 1em 1.75em; margin: 0em; } #popup_content.alert { background-image: url(../../../../premier/theme/images/osed/info.gif); } #popup_content.confirm { background-image: url(../../../../premier/theme/images/osed/important.gif); } #popup_content.prompt { background-image: url(../../../../premier/theme/images/osed/help.gif); } #popup_message { padding-left: 48px; } #popup_panel { text-align: center; margin: 1em 0em 0em 1em; } #popup_prompt { margin: .5em 0em; } /*********************** * popup stuff css ************************/ #capasombra { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#000000 none repeat scroll 0 0; cursor:pointer; left:0; opacity:0; position:absolute; text-align:center; top:0; z-index:30; } #capapopup { background-color:#FFFFFF; border:2px solid #FF0000; height:5px; left:50%; overflow:hidden; padding:4px; position:absolute; text-align:left; width:4px; z-index:50; } #cerrarpopup { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../../../../premier/theme/images/popup/closepopup.gif) no-repeat scroll 0 0; cursor:pointer; float:right; height:12px; width:18px; } #titulopopup { background:#FFFFFF none repeat scroll 0 0; /*color:#333399;*/ /*font-family:Arial,Helvetica,sans-serif;*/ /*font-size:1em;*/ /*font-weight:bold;*/ height:30px; line-height:38px; /*margin-bottom:3px;*/ overflow:hidden; padding:10px 3px 0 15px; text-align:left; font-weight:normal; font-size:112.50% !important; /* margin:13px 0px 3px !important;*/ color:#241942; } #contenidopopup { display:none; opacity:0; } .cuerpotextopopup { color:#000000; font-size:0.75em; padding:5px; } .cuerpotextopopup ul li { list-style: none; background:url("../../images/gp_2008-update/blueArrow.gif") no-repeat left top; margin:0px 0px 0px -20px; padding:0px 20px 7px 9px; line-height:normal; } .redlinks a{color:#ff0000 !important;text-decoration:underline;} .redlinks a:hover{color:#ff0000 !important;text-decoration:underline;} /* moves from gp_single-column.css */ /* HW2008Amend */ .hsbcGP2007ExtOneCol .hsbcGP2007ContentArea .hsbcGP2007FauxBorder .hsbcGP2007FauxCol01 { width:705px; } /* HW2008Amend */ .hsbcGP2007ExtOneCol .hsbcGP2007ContentArea .hsbcGP2007FauxBorder .hsbcGP2007FauxCol02 { width:270px; }