/*CLEAR MARGIN AND PADDING FOR ALL BROWSERS*/ * { margin:0 0 0 0; padding:0 0 0 0; } /*ELEMENT STYLES*/ body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; } h1 { font-size:28px; font-weight:normal; } h2 { font-size:22px; font-weight:normal; } h3 { font-size:14px; font-weight:bold; } p { font-size:11px; color:#333; } ol { list-style: decimal outside; } table, tr, td { margin:0 0 0 0; padding:0 0 0 0; } a { text-decoration:none; cursor:pointer; } /*--- BEGIN GLOBAL LAYOUT ---*/ /*--- OVERWRITES CONTAINER FROM OTHER CSS TO MAKE CETNERED AND CHANGE WIDTH ---*/ div#mast { width:960px; margin:0 auto -3px; } div#container { width:960px; margin:0px auto 0; padding:0; border:none; background:none; } div.content { width:960px; background:transparent; margin:0 auto; border-bottom:1px solid #fff;} div#main { width:960px; margin:0px 0 0 0; clear:both; } div#footer { width:960px; margin:5px 0 20px 5px; padding:6px 0 15px 0; text-align:left; } /*div#float_footer_fix { clear:both; height:0px; margin-bottom:0;}*/ /* tabs primary nav On */ div#mast div.tab_nav ul li.on {background-color:#fff;} div#mast div.tab_nav ul li.on a {color:red;padding-bottom:8px;} /* padding forces overlap of rule */ /* tabs nav NO status */ div#mast div.tab_nav ul.no_status {position:relative;top:0px;} div#mast div.tab_nav ul.no_status li a {padding-bottom:2px;} /*--- MISC ---*/ .hide { display:none; } .other { clear:both; height:0px; margin:0; padding:0; _margin:0 0 0px 0; _padding:0; } .white_spacer { height:15px; margin:0 0 0 0; padding:0 0 0 0; } .dashedDivider { width:699px; margin:6px 0 4px 8px; border-top:1px dashed #b6b6b6; } /*--- BEGIN MAIN NAV SECTION ---*/ /*CONTAINER H1/HEADER MAIN NAV BEGIN */ #hsbc_security_mainNav { position:relative; background:#818181; width:960px; height:70px; margin:0px 0 4px 0; padding:0px; z-index:400; } #hsbc_security_mainNav h1 { float:left; width:400px; height:39px; margin:0 0 0 0; padding:0px 0 0px 0px; background:url(/security/images/main_nav_header_bg.gif) no-repeat; } #hsbc_security_mainNav h1:hover { background:url(/security/images/main_nav_header_hover.gif) no-repeat; cursor:pointer; } ul.mainNav { float:left; width:960px; height:33px; margin:0 0 0 0; padding:0 0 0 0; background:url(/security/images/main_nav_ul_bg.gif) no-repeat; clear:both; } ul.mainNav li#btn1, ul.mainNav li#btn2, ul.mainNav li#btn3 { float:left; margin:0px 0 5px 0px; padding:0px; color:#fff; font-size:14px; font-weight:bold; list-style-type:none; } ul.mainNav a { display:block; height:27px; margin:1px 0 0 15px; padding:6px 0 0 22px; background:transparent url(/security/images/main_nav_hoverstates_bg.gif) 0 0 no-repeat; color:#fff; font-weight:bold; text-decoration:none; } ul.mainNav a:hover { background:url(/security/images/main_nav_hoverstates_bg.gif) 0 -33px no-repeat; color:#fff; text-decoration:none; } ul.mainNav a.item1 { width:190px; } ul.mainNav a.item1.on { height:34px; background:url(/security/images/main_nav_item1_onState.gif) no-repeat; } ul.mainNav a.item2 { width:190px; margin-left:0px; } ul.mainNav a.item2.on { height:34px; background:url(/security/images/main_nav_item1_onState.gif) no-repeat; } ul.mainNav a.item3 { width:242px; margin-left:0px; } ul.mainNav a.item3.on { height:34px; background:url(/security/images/main_nav_item3_onState.gif) no-repeat; } sup { font-size:9px; } /*DROP DOWN MENUS FOR MAIN NAV*/ ul#hwpdropdown { display:none; clear:both; position:absolute; top:70px; left:6px; width:253px; height:222px; margin:0; padding:0 16px; background:transparent url(/security/images/main_nav_dropdown_bg.png) bottom no-repeat; list-style-type:none; } ul#hwpdropdown li { margin:6px 0 0; padding:0px 0 0 0; } ul#hwpdropdown a { display:block; height:21px; margin:0; padding:2px 0 0 18px; background:transparent url(/security/images/main_nav_dropdown_linksbg.gif) no-repeat; color:#666; font-size:11px; } ul#hwpdropdown a:hover { color:#cc0000; } ul#pydropdown { display:none; clear:both; position:absolute; top:70px; left:201px; width:284px; height:195px; margin:0; padding:0 16px; background:transparent url(/security/images/main_nav_dropdown_bg.png) bottom no-repeat; list-style-type:none; } ul#pydropdown li { margin:6px 0 0 16px; padding:0px 0 0 0; } ul#pydropdown a { display:block; height:21px; margin:0; padding:2px 0 0 18px; background:transparent url(/security/images/main_nav_dropdown_linksbg.gif) no-repeat; color:#666; font-size:11px; } ul#pydropdown a:hover { color:#cc0000; } ul#pybdropdown { display:none; clear:both; position:absolute; top:70px; left:429px; width:284px; height:164px; margin:0 0 0 0; padding:0 0 0 0; background:transparent url(/security/images/main_nav_dropdown_bg.png) bottom no-repeat; list-style-type:none; } ul#pybdropdown li { margin:6px 0 0px 16px; padding:0px 0 0 0; } ul#pybdropdown a { display:block; height:21px; margin:0; padding:2px 0 0 18px; background:transparent url(/security/images/main_nav_dropdown_linksbg.gif) no-repeat; color:#666; font-size:11px; } ul#pybdropdown a:hover { color:#cc0000; } /*REPORT FRAUD RED TAB HEADER NAV*/ .reportFraudTab { position: absolute; top: 12px; left: 760px; width:142px; height:63px; margin:0; padding:0; background:url(/security/images/main_nav_reportFraud_tab.gif) 0 0px no-repeat; z-index:900; text-decoration:none; } .reportFraudTab:hover { background-position:0 -64px; cursor:pointer; text-decoration:none; } .reportFraudTab.on { background-position:0 -128px; } .reportFraudTab h2 { margin:0; padding:22px 5px 0 0px; background: transparent; color:#fff; font-size:14px; font-weight:bold; text-align:center; } .reportFraudTab a { color:#fff; font-weight:bold; text-decoration:none; } .reportFraudTab a:link { text-decoration:none; } .reportFraudTab a:hover { color:#fff; } /*BREADCRUMBS*/ #hsbc_security_breadcrumbs { display:none; float:left; width:960px; height:38px; margin:0 0 5px 0; padding:0 0 0 0; border-bottom:6px solid #8a8a8a; } #hsbc_security_breadcrumbs.red { margin-bottom:0px; border-bottom:6px solid #e20000; } #hsbc_security_breadcrumbs ul { clear:both; margin:12px 0 0px 15px; padding:0 0 0 0; background:none; } #hsbc_security_breadcrumbs ul li { display:inline; margin:0 0 0 0; padding:0px 0 0 0; color:#707070; font-size:11px; background:none; } #hsbc_security_breadcrumbs ul li a { margin:0 0 0 5px; padding:0px 0 0 0px; background:none; color:#707070; text-decoration:underline; } #hsbc_security_breadcrumbs ul li a.on { background:none; color:#000; border:none; text-decoration:none; } #hsbc_security_breadcrumbs ul li a:hover { background-color:#ddd; } #hsbc_security_breadcrumbs ul li a.on:hover { background:none; } /*--- END MAIN NAV SECTION ---*/ /*BEGIN SECURITY REPORT FRAUD POD GLOBAL*/ #hsbc_security_reportFraud { float:right; width:224px; } #hsbc_security_reportFraud h1 { width:224px; height:39px; margin:0 0 0 0; padding:0px 0 0 0px; background:url(/security/images/reportFraudNow_h2_bg.gif) no-repeat; color:#fff; font-weight:bold; font-size:18px; text-align:center; } #hsbc_security_reportFruad h1 a { color:#fff; text-decoration:none; } #hsbc_security_reportFraud h1.red { margin:0px 0 0px 0; padding:17px 0 0 17px; background-position:0px 0px; } #hsbc_security_reportFraud h1.red a { color:#fff; text-decoration:none; } #hsbc_security_reportFraud h1.gray { margin:0px 0 0 0; padding:17px 0 0 0px; background-position:0px -56px; text-align:center; } #hsbc_security_reportFraud .podCopy { width:224px; margin:0px; padding:0; background-color:#f3f3f3; } #hsbc_security_reportFraud .podCopy a:hover { background-color:#ddd; } #hsbc_security_reportFraud .podCopy strong { margin:0 0 0 0; padding:0 0 0 0; font-weight:bold; color:#cc0000; } #hsbc_security_reportFraud .podCopy h3.red { color:#cc0000; } #hsbc_security_reportFraud .podCopy h3.red a { text-decoration:none; } #hsbc_security_reportFraud .podCopy h3.gray { color:#333; } #hsbc_security_reportFraud .podCopy h3.black { color:#000; } #hsbc_security_reportFraud .podCopy h3.black a { text-decoration:none; } #hsbc_security_reportFraud .podCopy h4 { width:194px; margin:0 0 0 12px; padding:2px 0 1px 5px; background:url(/security/images/reportFraudNow_pod_phoneNum.gif) repeat-x #e50000; color:#fff; font-size:16px; font-weight:bold; } #hsbc_security_downloadInfo { width:215px; height:156px; margin:10px 0 0 0px; padding:0; } #hsbc_security_downloadInfo p { float:left; width:60px; margin:5px 0 0 10px; padding:0px 0px 0 0; } #hsbc_security_downloadInfo a { margin:0px 0 0 0px; padding:0px 0px 0 0px; color:#cc0000; font-size:11px; font-weight:bold; text-decoration:none; } #hsbc_security_downloadInfo img { float:right; width:125px; margin:0 0 0 0; padding:0 0 0 0; } #hsbc_security_info { width:200px; margin:10px 0 0 12px; padding:0; border-top:1px dashed #bfbfbf; border-bottom:1px dashed #bfbfbf; } #hsbc_security_info p { margin:0; padding:10px 5px 10px 12px; color:#cc0000; font-size:11px; font-weight:bold; } #hsbc_security_info a { text-decoration:none; } /*END SECURITY REPORT FRAUD POD GLOBAL*/ /*--- END GLOBAL LAYOUT ---*/ /*--- BEGIN CONTENT LAYOUT FOR SECURITY MAIN PAGES ---*/ /*FLASH ELEMENT DIV*/ #hsbc_security_flshElmnt { float:left; width:960px; height:230px; margin:-6px 0 5px 0; padding:0 0 0 0; } #hsbc_security_flshElmnt { _margin-bottom:0px; } /*CONTAINER MAIN CONTENT*/ #hsbc_security_mainContent { float:left; width:715px; margin:5px 2px 25px 0px; padding:0; } #hsbc_security_mainContnet { _margin-top:4px; } #hsbc_security_mainContent h1 { margin:0 0 0 0; padding:0 0 5px 3px; color:#333; font-size:20px; } #hsbc_security_mainContent p { margin:0 0 0 4px; padding:0 0 0 2px; color:#333; font-size:12px; } #hsbc_security_mainContent p.reference { font-size:10px; } #hsbc_security_mainContent a { color:#cc0000; font-weight:bold; text-decoration:none; } #hsbc_security_mainContent a:hover { background-color:#ddd; } /*3 COL LAYOUT*/ #hsbc_security_subContentLeft { float:left; width:225px; margin:15px 0 10px 3px; padding:0; border-top:1px dashed #bfbfbf; } #hsbc_security_subContentLeft img { margin:1px; padding:0; } #hsbc_security_subContentLeft h2 { margin:0; padding:0 0 0 3px; color:#cc0000; font-size:16px; font-weight:bold; } #hsbc_security_subContentLeft h2 a { text-decoration:none; font-size:16px; } #hsbc_security_subContentLeft p { margin:0; padding:0 10px 0 4px; color:#333; font-size:11px; } #hsbc_security_subContentLeft a { margin:0; padding:0; color:#cc0000; font-weight:bold; text-decoration:none; } #hsbc_security_subContentLeft a:hover { background-color:#ddd; } #hsbc_security_subContentMiddle { float:left; width:225px; margin:15px 0 10px 18px; padding:0; border-top:1px dashed #bfbfbf; } #hsbc_security_subContentMiddle img { margin:1px; padding:0; } #hsbc_security_subContentMiddle h2 { margin:0; padding:0 0 0 3px; color:#cc0000; font-size:16px; font-weight:bold; } #hsbc_security_subContnetMiddle h2 a { text-decoration:none; font-size:16px; } #hsbc_security_subContentMiddle p { margin:0; padding:0 5px 0 4px; color:#333; font-size:11px; } #hsbc_security_subContentMiddle a { margin:0; padding:0; color:#cc0000; font-weight:bold; text-decoration:none; } #hsbc_security_subContentMiddle a:hover { background-color:#ddd; } #hsbc_security_subContentRight { float:right; width:225px; margin:15px 0 10px 0px; padding:0; border-top:1px dashed #bfbfbf; } #hsbc_security_subContentRight img { margin:1px; padding:0; } #hsbc_security_subContentRight h2 { margin:0; padding:0 0 0 3px; color:#cc0000; font-size:16px; font-weight:bold; } #hsbc_security_subContentRight h2 a { text-decoration:none; font-size:16px; } #hsbc_security_subContentRight p { margin:0; padding:0 4px 0 4px; color:#333; font-size:11px; } #hsbc_security_subContentRight a { margin:0; padding:0; color:#cc0000; font-weight:bold; text-decoration:none; } #hsbc_security_subContentRight a:hover { background-color:#ddd; } /*2 COL LAYOUT*/ #hsbc_security_leftContent { float:left; width:347px; margin:15px 0 0 5px; padding:0; } #hsbc_security_leftSubContent { min-height:95px; margin:0px; padding:0; background:url(/security/images/subContent_gradient_bg.gif) repeat-x; border-top:1px dashed #bfbfbf; } #hsbc_security_leftSubContent img { float:left; width:49px; height:50px; margin:10px 0 0 10px; padding:0 7px 0 0; } #hsbc_security_leftSubContent h2 { margin:0 0 0 0; padding:12px 0 0 4px; color:#cc0000; font-size:13px; font-weight:bold; } #hsbc_security_leftSubContent h2 a { text-decoration:none; color:#cc0000; } #hsbc_security_leftSubContent p { margin:0 0 15px; padding:5px 10px; color:#333; font-size:11px; } #hsbc_security_leftSubContent a:hover { background-color:#ddd; } #hsbc_security_rightContent { float:right; width:347px; margin:15px 0 0 5px; padding:0; } #hsbc_security_rightSubContent { min-height:95px; margin:0px; padding:0; background:url(/security/images/subContent_gradient_bg.gif) repeat-x; border-top:1px dashed #bfbfbf; } #hsbc_security_rightSubContent img { float:left; width:49px; height:50px; margin:10px 0 0 10px; padding:0 7px 0 0; } #hsbc_security_rightSubContent h2 { margin:0 0 0 0; padding:12px 0 0 4px; color:#cc0000; font-size:13px; font-weight:bold; } #hsbc_security_rightSubContent h2 a { text-decoration:none; color:#cc0000; } #hsbc_security_rightSubContent p { margin:0 0 15px; padding:5px 10px; color:#333; font-size:11px; } #hsbc_security_rightSubContent a:hover { background-color:#ddd; } /*MAIN PAGE REPORT FRAUD LAYOUT*/ .security_reportFraud_mainpage { margin:15px 0px 0 0px; padding:0 0 0 0; } .security_reportFraud_mainpage h3 { margin:0 0 0 0; padding:10px 0 0 12px; color:#000; font-size:13px; } .security_reportFraud_mainpage .podCopy p { margin:0px; padding:5px 10px 10px 12px; font-size:11px; } .security_reportFraud_mainpage .podCopy a { margin:0 0 0 0; padding:0px 0 0 0; font-weight:bold; color:#cc0000; text-decoration:none; } /*--- END CONTENT LAYOUT FOR MAIN PAGES ---*/ /*--- BEGIN SECURITY SUB PAGE LAYOUT ---*/ /*BEGIN SUB PAGE LEFT NAV LAYOUT*/ #hsbc_security_subpage_leftNav { float:left; width:225px; min-height:635px; margin:-5px 0 0 0; padding:0; background:url(/security/images/subPage_leftNav_bg.gif) repeat-x #cecece; border-top:6px solid #8a8a8a; } #hsbc_security_subpage_leftNav h2 { margin:10px 0 0 10px; padding:0 0 10px 0; color:#666; font-size:17px; font-weight:bold; } #hsbc_security_subpage_leftNav h2 a { text-decoration:none; } #hsbc_security_subpage_leftNav ul { margin:0 0 0 10px; padding:0 0 0 0; list-style-type:none; } #hsbc_security_subpage_leftNav ul li { width:205px; height:22px; margin:0 0 0px 0; padding:5px 0 2px 0; background:url(/security/images/subPage_leftnav_categories.gif) no-repeat; font-size:11px; font-weight:bold; list-style-type:none; } #hsbc_security_subpage_leftNav ul li a { margin:0px 0 0 10px; padding:5px 0 0px 5px; color:#666; text-decoration:none; list-style-type:none; } #hsbc_security_subpage_leftNav ul li a:hover { color:#cc0000; } #hsbc_security_subpage_leftNav ul li a.on { color:#cc0000; } #hsbc_security_subpage_leftNav #reportFraud { float:left; width:204px; margin:10px 0 0 10px; padding:0 0 10px 0; background:url(/security/images/subPage_leftnav_white_bg.gif) bottom no-repeat; } #hsbc_security_subpage_leftNav #reportFraud h3 { width:205px; height:28px; margin:0px 0 0 0px; padding:6px 0 0 0; background:url(/security/images/subPage_leftnav_h3_bg.gif) no-repeat; color:#fff; font-size:14px; font-weight:bold; text-align:center; } #hsbc_security_subpage_leftNav #reportFraud h3 a { color:#fff; text-decoration:none; } #hsbc_security_subpage_leftNav #reportFraud h3 a:hover { background:none; } #hsbc_security_subpage_leftNav #reportFraud h4 { color:#cc0000; padding:0 0 0 13px; font-size:14px; } #hsbc_security_subpage_leftNav #reportFraud p { margin:0px 0 0 0px; padding:5px 5px 2px 15px; color:#000; font-size:11px; font-weight:normal; } #hsbc_security_subpage_leftNav #reportFraud a { color:#cc0000; text-decoration:none; font-weight:bold; } #hsbc_security_subpage_leftNav #reportFraud a:hover { background-color:#ddd; } #hsbc_security_subpage_leftNav #reportFraud strong { margin:0; padding:0 0 4px 0; color:#cc0000; font-size:18px; font-weight:bold; } /*END SUB PAGE LEFT NAV LAYOUT*/ /*BEGIN SUB PAGE CONTENT LAYOUT*/ #hsbc_security_subpage_content_container { position:relative; float:left; width:735px; min-height:635px; margin:-5px 0 25px 0; padding:0; border-top:6px solid #8a8a8a; } #hsbc_security_subpage_content_container img { float:left; width:735px; } #hsbc_security_subpage_content_container .mainContent { float:left; width:470px; margin:-80px 0 0 15px; padding:0 0 0 0; border-bottom:1px dashed #bfbfbf; } #hsbc_security_subpage_content_container .mainContent h1 { width:470px; margin:0 0 0 0; padding:0 0px 0 0; color:#cc0000; font-size:30px; } #hsbc_security_subpage_content_container .mainContent p { width:470px; margin:5px 0 10px 0px; padding:5px 10px 10px 0; color:#333; font-size:13px; font-weight:normal; } #hsbc_security_subpage_content_container .mainContent a { color:#cc0000; font-weight:bold; } #hsbc_security_subpage_content_container .mainContent a:hover { background-color:#ddd; } #hsbc_security_subpage_content_container .quiz { float:left; width:470px; margin:15px 0 0 15px; padding:0; } #hsbc_security_subpage_content_container .quiz h3 { padding:15px 0 0px 0; color:#000; font-size:18px; font-weight:normal; } #hsbc_security_subpage_content_container .quiz p { margin:0 0 0 0; padding:0 0 0px 0; font-size:21px; } #hsbc_security_subpage_content_container .quiz p strong { margin:0 0 0 0; padding:0 0 0px 2px; color:#cc0000; font-size:11px; } #hsbc_security_subpage_content_container { _height:635px; _margin:-6px 0 25px 0; _padding:0; } #hsbc_security_subpage_content_container .mainContent { _margin-left:10px; } #hsbc_security_subpage_content_container .mainContent p { _margin-left:0px; } #hsbc_security_subpage_content_container .hsbcquiz { float:left; width:470px; margin:0px 0 0 0px; padding:0 0 0 0; } #hsbc_security_subpage_content_container .hsbcquiz fieldset { width:470px; margin:0 0 0 0; padding:0 0 0 0; } #hsbc_security_subpage_content_container .hsbcquiz .lightGrayBg { float:left; width:415px; height:40px; margin:10px 0 0px 0; padding:0 0 0 0; background-color:#f2f2f2; } #hsbc_security_subpage_content_container .hsbcquiz .lightGrayBg p { margin:0 0 0 0; padding:5px 15px 2px 5px; color:#4d4d4d; font-size:12px; } #hsbc_security_subpage_content_container .hsbcquiz .darkGrayBg { float:left; width:50px; height:40px; margin:10px 0 0px 0; background-color:#eaeaea; } #hsbc_security_subpage_content_container .hsbcquiz .darkGrayBg p { margin:0 0 0 0; padding:2px 0 0 0; font-size:21px; } #hsbc_security_subpage_content_container .hsbcquiz .radiobtn { width:12px; height:12px; margin:8px 5px 0px 5px; padding:0px 0px 0px 0px; background:none; } #hsbc_security_subpage_content_container .hsbcquiz .checkAnswer { float:left; margin:20px 0 0 0; padding:0 0 0 0; } #hsbc_security_subpage_content_container .hsbcquiz .next { display:none; } #hsbc_security_subpage_content_container .hsbcquiz #quiz_answer_wrong1 { float:left; width:458px; margin:1px 0 0 1px; padding:0 0 0 0; display:none; } #hsbc_security_subpage_content_container .hsbcquiz #quiz_answer_wrong2 { float:left; width:458px; margin:1px 0 0 1px; padding:0 0 0 0; display:none; } #hsbc_security_subpage_content_container .hsbcquiz #quiz_answer_correct { float:left; width:458px; margin:1px 0 0 1px; padding:0 0 0 0; display:none; } #hsbc_security_subpage_content_container .hsbcquiz #quiz_answer_wrong1 p { font-size:12px; padding:0 5px 8px 5px; } #hsbc_security_subpage_content_container .hsbcquiz #quiz_answer_wrong1 p.correctBg { width:444px; margin:0 0 4px 4px; padding:4px 0 6px 4px; height:12px; background:#ddd; } #hsbc_security_subpage_content_container .hsbcquiz #quiz_answer_wrong1 a { color:#cc0000; text-decoration:none; font-weight:bold; } #hsbc_security_subpage_content_container .hsbcquiz #quiz_answer_wrong1 a:hover { background-color:#ddd; } #hsbc_security_subpage_content_container .hsbcquiz #quiz_answer_wrong2 p { font-size:12px; padding:0 5px 8px 5px; } #hsbc_security_subpage_content_container .hsbcquiz #quiz_answer_wrong2 p.correctBg { width:444px; margin:0 0 4px 4px; padding:4px 0 6px 4px; height:12px; background:#ddd; } #hsbc_security_subpage_content_container .hsbcquiz #quiz_answer_wrong2 a { color:#cc0000; text-decoration:none; font-weight:bold; } #hsbc_security_subpage_content_container .hsbcquiz #quiz_answer_wrong2 a:hover { background-color:#ddd; } #hsbc_security_subpage_content_container .hsbcquiz #quiz_answer_correct p { font-size:12px; padding:0 5px 8px 5px; } #hsbc_security_subpage_content_container .hsbcquiz #quiz_answer_correct a { color:#cc0000; text-decoration:none; font-weight:bold; } #hsbc_security_subpage_content_container .hsbcquiz #quiz_answer_correct a:hover { background-color:#ddd; } #hsbc_security_subpage_content_container .hsbcquiz #error { float:left; width:458px; margin:4px 0 0 1px; padding:0 0 0 0; border:3px solid #ffcc66; background-color:#ffffcc; display:none; } #hsbc_security_subpage_content_container .hsbcquiz #error p { padding:10px 0 10px 10px; color:#666; font-size:12px; } #hsbc_security_subpage_content_container .hsbcquiz .wrongAnswer { border:3px solid #cc0000; } #hsbc_security_subpage_content_container .hsbcquiz .wrongAnswer strong { color:#cc0000; } #hsbc_security_subpage_content_container .hsbcquiz .correctAnswer { border:3px solid #339900; } #hsbc_security_subpage_content_container .hsbcquiz .correctAnswer strong { color:#339900; } #hsbc_security_subpage_content_container .score_summary { float:left; width:458px; margin:0 0 0 0; padding:0 0 0 0; display:none; } #hsbc_security_subpage_content_container .score_summary h4 { padding:15px 0 0 0; color:#cc0000; font-size:18px; } #hsbc_security_subpage_content_container .score_summary p { padding:0 5px 0 0px; font-size:13px; display:none; } #hsbc_security_subpage_content_container .score_summary a { color:#cc0000; text-decoration:none; font-weight:bold; } #hsbc_security_subpage_content_container .score_summary a:hover { background-color:#ddd; } #hsbc_security_subpage_content_container #summary p { _font-size:12px; } #hsbc_security_subpage_content_container .subContent { float:left; width:470px; margin:5px 0 0 15px; padding:0; } #hsbc_security_subpage_content_container .subContent h3 { padding:15px 0 5px 0; color:#000; font-size:18px; font-weight:normal; } #hsbc_security_subpage_content_container .subContent .subNav { clear:both; margin:0 0 0 0; padding:0 0 0 0; } #hsbc_security_subpage_content_container .subContent .subNav li { display:inline; margin:0 0 0 0; padding:0 0 4px 0; font-size:12px; list-style-type:none; } #hsbc_security_subpage_content_container .subContent .subNav li a { width:105px; height:16px; margin:0 0 0 0; padding:2px 5px 2px 5px; color:#333; font-weight:bold; text-align:center; text-decoration:underline; } #hsbc_security_subpage_content_container .subContent .subNav li a:hover { color:#333; background-color:#ddd; text-decoration:none; } #hsbc_security_subpage_content_container .subContent .subNav li a.on { color:#fff; background-color:#cc0000; text-decoration:none; } #hsbc_security_subpage_content_container .subContent p { font-size:13px; color:#333; } #hsbc_security_subpage_content_container .subContent p.legal { font-size:11px; } #hsbc_security_subpage_content_container .subContent a { color:#333; text-decoration:underline; } #hsbc_security_subpage_content_container .subContent ul#list { margin:0 0 0 40px; padding:0 0 0 0; font-size:13px; } #hsbc_security_subpage_content_container .subContent ul#list li { margin:0 0 0 0; padding:0 0 4px 0px; color:#333; display:block; list-style-type:disc; } #hsbc_security_subpage_content_container .suyc { float:left; width:470px; margin:0 0 0 0px; padding:0 0 0 0px; } #hsbc_security_subpage_content_container .suyc .grayBg { margin:0 0 10px 0px; background-color:#f4f4f4; } #hsbc_security_subpage_content_container .suyc .grayBg p { margin:0 0 0 10px; padding:0 10px 0 5px; text-indent:-12px; } #hsbc_security_subpage_content_container .suyc .whiteBg { margin:0 0 10px 0; background-color:#fff; } #hsbc_security_subpage_content_container .suyc .whiteBg p { margin:0 0 0 10px; padding:0 10px 0 5px; text-indent:-12px; } #hsbc_security_subpage_content_container .suyc p { margin:0 0 0 0; padding:0px 5px 8px 2px; color:#333; font-size:12px; } /*--- Old code .security_reportFraud_subpage { position:absolute; right:0; top:102px; margin:0px 0px 0px 0px; padding:0 0 0 0; } ----*/ /*-- New code for social */ .sub_page_right_col { position:absolute; width:227px; top:105px; right:0; } .security_reportFraud_subpage { float:right; margin:20px 0px 0px 0px; padding:0 0 0 0; } .security_reportFraud_subpage .podCopy { margin:0px 0 0 0; } .security_reportFraud_subpage .podCopy p { margin:0px 0 0 0; padding:0px 10px 5px 12px; font-size:11px; } .security_reportFraud_subpage .podCopy a { margin:0 0 0 0; padding:0px 0 0 0; font-weight:bold; color:#cc0000; text-decoration:none; } .security_reportFraud_subpage .podCopy .rightRailInfo { width:195px; margin:0px 0 0px 10px; padding:0 0 10px 0; border-top:1px solid #f3f3f3;} .security_reportFraud_subpage .podCopy .rightRailInfo h3 { margin:10px 0 0px 0px; padding:10px 0 2px 0px; font-size:13px; border-top:1px dashed #bfbfbf; } .security_reportFraud_subpage .podCopy .rightRailInfo h5 { margin:0 0 0 0; padding:10px 0 5px 0px; color:#333; font-size:13px; font-weight:bold; } .security_reportFraud_subpage .podCopy .rightRailInfo h5 a { color:#cc0000; text-decoration:none; } .security_reportFraud_subpage .podCopy .rightRailInfo p { margin:0; padding:4px 5px 0px 0px; color:#333; font-size:11px; font-weight:normal; } .security_reportFraud_subpage .podCopy .rightRailInfo p.footnote { font-size:9px; } .share_this_pod { float:right; width:227px; min-height:200px; margin:0px 0 0px 0; padding:0 0 0px 0; background:url(/security/images/shareThis_bg.gif) bottom left no-repeat; } #share_this_pod_small { float:right; width:227px; min-height:100px; margin:0px 0 0px 0; padding:0 0 0px 0; background:url(/security/images/shareThis_bg.gif) bottom left no-repeat; } .share_this_pod h2.top_header { height:30px; margin:0; padding:7px 0 0 12px; background:url(/security/images/shareThis_bg.gif) top right no-repeat; border:none; color:#d42800; font-size:14px; font-weight:bold; } .share_this_pod h2.plain_header { width:202px; margin:0 0 5px 11px; padding:0px 0 4px 3px; border-bottom:1px dashed #b7b7b7; color:#d42800; font-size:14px; font-weight:bold; } .share_this_pod ul.share_this_list, .share_this_pod ul.bookmark_this_list { margin:12px 0 0 12px; padding:0; } .share_this_pod ul.share_this_list li { margin:0; padding:0 0 14px 0; font-weight:bold; list-style-type:none; } .share_this_pod ul.share_this_list li a, .share_this_pod ul.bookmark_this_list li a { text-decoration:none; } .share_this_pod ul.share_this_list li a#pdflnk { margin:0; padding:4px 0 8px 26px; background:url(/security/images/share_this_pdf.jpg) no-repeat; } .share_this_pod ul.bookmark_this_list li { float:left; width:105px; margin:0; padding:4px 0px 11px 0; font-size:12px; font-weight:bold; list-style-type:none; } .share_this_pod ul.bookmark_this_list li a#dellnk { margin:0; padding:4px 0 8px 26px; background:url(/security/images/share_this_delicious.jpg) no-repeat; } .share_this_pod ul.bookmark_this_list li a#digglnk { margin:0; padding:4px 0 8px 26px; background:url(/security/images/share_this_digg.jpg) no-repeat; } .share_this_pod ul.bookmark_this_list li a#stmblnk { margin:0; padding:4px 0 8px 26px; background:url(/security/images/share_this_stumble.jpg) no-repeat; } .share_this_pod ul.bookmark_this_list li a#yahoolnk { margin:0; padding:4px 0 8px 26px; background:url(/security/images/share_this_yahoo.jpg) no-repeat; } .share_this_pod ul.bookmark_this_list li a#googlelnk { margin:0; padding:4px 0 8px 26px; background:url(/security/images/share_this_google.jpg) no-repeat; } /*--- END SECURITY SUB PAGE LAYOUT FOR LEFT NAV ---*/ /*--- BEGIN REPORT FRAUD PAGE LAYOUT ---*/ #reportFraudBody { float:left; position:relative; width:960px; margin:-5px 0 25px 0; padding:0 0 0 0; border-top:6px solid #cc0000; } #reportFraudBody img { float:left; width:960px; margin:0 0 0 0; padding:0 0 0 0; } #reportFraudContent { float:left; width:715px; margin:-75px 0 0 0; padding:0; border-bottom:1px dashed #bfbfbf; } #reportFraudContent h1 { margin:0px 0 0 0; padding:0 0 5px 3px; color:#cc0000; font-size:30px; } #reportFraudContent p { margin:0 0 0 4px; padding:0 0 0 2px; color:#333; font-size:15px; } #reportFraudContent .reportFraudCustomerHelp { margin:2px 0 10px 0; padding:0; background:#f3f3f3; } #reportFraudContent .reportFraudCustomerHelp h2 { padding:2px 0 2px 6px; background:#e20001; color:#fff; font-size:18px; } #reportFraudContent .reportFraudCustomerHelp p { padding:0 10px 8px 8px; color:#414141; font-size:13px; } #reportFraudContent .reportFraudCustomerHelp em { padding:4px 0 0 0; } #reportFraudContent .reportFraudCustomerHelp strong { margin:0; padding:0 0 0px 0; color:#e20000; font-size:20px; line-height:24px; } #reportFraudContent .hsbcSecurityNumbers { width:700px; margin:0 0 4px 8px; padding:0px 0 0 0; } #reportFraudContent .hsbcSecurityNumbers td { padding:4px 0 0 6px; font-size:13px; } #reportFraudContent .hsbcSecurityNumbers td.grayBg { background:#ddd; } #reportFraudContent .hsbcSecurityNumbers strong { margin:0 0 0 0; padding:0 0 0 0; font-size:13px; } /*#reportFraudContent .reportFraudMainSubContentLeft { float:left; width:348px; margin:2px 0 10px 0; padding:0; } #reportFraudContent .reportFraudMainSubContentLeft p { padding:0 10px 8px 0; color:#414141; font-size:13px; } #reportFraudContent .reportFraudMainSubContentRight { float:right; width:348px; margin:0 0 10px 0; padding:0; } #reportFraudContent .reportFraudMainSubContentRight p { padding:0 10px 0 0; color:#414141; font-size:13px; } #reportFraudContent .reportFraudMainSubContentRight h5 { width:340px; margin:5px 0 0 2px; padding:4px 0 4px 5px; background:url(/security/images/mainContent_phoneNum_bg.gif) repeat-x #e50000; color:#fff; font-size:24px; font-weight:bold; }*/ #reportFraudSubContent { float:left; width:715px; margin:20px 0 0 0; padding:0 0 0 0; } #reportFraudSubContent h2 { color:#111; font-size:18px; font-weight:normal; } #reportFraudSubContent p { padding:0 40px 0 0; color:#414141; font-size:12px; } #reportFraudSubContent .reportFraudCenterSubContent { float:left; width:715px; margin:0 0 15px 0; padding:0 0 0 0; background-color:#f4f4f4; min-height:77px; } #reportFraudSubContent .reportFraudCenterSubContent img { width:24px; height:68px; margin:10px 10px 10px 10px; padding:0 0 0 0; } #reportFraudSubContent .reportFraudCenterSubContent p { float:left; width:180px; margin:0 0 0 0; padding:7px 20px 0px 0; color:#414141; font-size:16px; font-weight:bold; } #reportFraudSubContent .reportFraudCenterSubContent ul { float:left; margin:10px 0 0 10px; padding:0 0 0 0; } #reportFraudSubContent .reportFraudCenterSubContent ul li { float:left; padding:0 0px 0 0px; color:#cc0000; font-size:14px; font-weight:bold; list-style-type:none; } #reportFraudSubContent .reportFraudCenterSubContent ul li strong { color:#414141; } #reportFraudSubContent .reportFraudCenterSubContent ul li.item1 { width:115px; padding:0 12px 0 0; } #reportFraudSubContent .reportFraudCenterSubContent ul li.item2 { width:140px; padding:0 0 0 10px; } #reportFraudSubContent .reportFraudCenterSubContent ul li.item3 { width:160px; padding:0 0 0 8px; } #reportFraudSubContent .reportFraudLeftSubContent { float:left; width:348px; margin:5px 0 0 0; padding:0 0 0 0; background:none; border:none; } #reportFraudSubContent .reportFraudLeftSubContent .reportFraudLeftContent { min-height:130px; background-color:#f4f4f4; } #reportFraudSubContent .reportFraudLeftSubContent .reportFraudLeftContent p { margin:0 0 0 0; padding:7px 20px 0 0; color:#414141; font-size:16px; font-weight:bold; } #reportFraudSubContent .reportFraudLeftSubContent .reportFraudLeftContent a { color:#cc0000; font-weight:bold; text-decoration:none; } #reportFraudSubContent .reportFraudLeftSubContent .reportFraudLeftContent a:hover { background-color:#ddd; } #reportFraudSubContent .reportFraudLeftSubContent .reportFraudLeftContent img { width:24px; height:119px; margin:10px 10px 10px 10px; padding:0 0 0 0; } #reportFraudSubContent .reportFraudLeftSubContent .reportFraudLeftContent ul { margin:4px 0 0 0px; padding:0 0 0 0; list-style-type:disc; } #reportFraudSubContent .reportFraudLeftSubContent .reportFraudLeftContent ul li { margin:0 0 0 15px; padding:0 0 0px 0; color:#333; font-size:11px; font-weight:bold; list-style-type:disc; } #reportFraudSubContent .reportFraudRightSubContent { float:right; width:348px; margin:5px 0 0 0; padding:0 0 0 0; background:none; border:none; } #reportFraudSubContent .reportFraudRightSubContent .reportFraudRightContent { min-height:130px; background-color:#f4f4f4; } #reportFraudSubContent .reportFraudRightSubContent .reportFraudRightContent p { margin:0 0 0px 0; padding:7px 20px 0px 0; color:#414141; font-size:16px; font-weight:bold; } #reportFraudSubContent .reportFraudRightSubContent .reportFraudRightContent a { color:#cc0000; font-weight:bold; text-decoration:none; } #reportFraudSubContent .reportFraudRightSubContent .reportFraudRightContent a:hover { background-color:#ddd; } #reportFraudSubContent .reportFraudRightSubContent .reportFraudRightContent img { width:24px; height:119px; margin:10px 10px 10px 10px; padding:0 0 0 0; } #reportFraudSubContent .reportFraudRightSubContent .reportFraudRightContent ul { margin:4px 0 0 15px; padding:0 0 0 0; list-style-type:disc; } #reportFraudSubContent .reportFraudRightSubContent .reportFraudRightContent ul li { margin:0 0 0 15px; padding:0 0 0px 0px; color:#333; font-size:11px; font-weight:bold; list-style-type:disc; } /* Old Code .hsbc_security_reportFraudPage { position:absolute; top:120px; right:0; margin:0px 0px 0 0px; padding:0 0 0 0; } .hsbc_security_reportFraudPage .rightRailInfo { width:200px; margin:0px 0 0px 10px; padding:0 0 10px 0; border-top:1px solid #f3f3f3; } .hsbc_security_reportFraudPage .rightRailInfo h3 { margin:10px 0 0px 0px; padding:10px 0 2px 0px; font-size:13px; border-top:1px dashed #bfbfbf; } .hsbc_security_reportFraudPage .rightRailInfo h3.black { color:#000; } .hsbc_security_reportFraudPage .rightRailInfo h3.black a { text-decoration:none; } .hsbc_security_reportFraudPage .rightRailInfo h5 { margin:0 0 0 0; padding:10px 0 5px 0px; color:#333; font-size:13px; font-weight:bold; } .hsbc_security_reportFraudPage .rightRailInfo h5 a { color:#cc0000; text-decoration:none; } .hsbc_security_reportFraudPage .rightRailInfo p { margin:0; padding:4px 5px 0px 0px; color:#333; font-size:11px; font-weight:normal; } .hsbc_security_reportFraudPage .rightRailInfo a { color:#cc0000; font-weight:bold; text-decoration:none; } .hsbc_security_reportFraudPage .rightRailInfo a:hover { background-color:#ddd; } ----------- */ /* New Code */ .hsbc_security_reportFraudPage_rightCol { position:absolute; width:227px; top:120px; right:0; } .hsbc_security_reportFraudPage { float:right; margin:10px 0px 0 0px; padding:0 0 0 0; } .hsbc_security_reportFraudPage .rightRailInfo { width:200px; margin:0px 0 0px 10px; padding:0 0 10px 0; border-top:1px solid #f3f3f3; } .hsbc_security_reportFraudPage .rightRailInfo h3 { margin:20px 0 0px 0px; padding:10px 0 2px 0px; font-size:13px; border-top:1px dashed #bfbfbf; } .hsbc_security_reportFraudPage .rightRailInfo h3.black { color:#000; } .hsbc_security_reportFraudPage .rightRailInfo h3.black a { text-decoration:none; } .hsbc_security_reportFraudPage .rightRailInfo h5 { margin:0 0 0 0; padding:10px 0 5px 0px; color:#333; font-size:13px; font-weight:bold; } .hsbc_security_reportFraudPage .rightRailInfo h5 a { color:#cc0000; text-decoration:none; } .hsbc_security_reportFraudPage .rightRailInfo p { margin:0; padding:4px 5px 0px 0px; color:#333; font-size:11px; font-weight:normal; } .hsbc_security_reportFraudPage .rightRailInfo a { color:#cc0000; font-weight:bold; text-decoration:none; } .hsbc_security_reportFraudPage .rightRailInfo a:hover { background-color:#ddd; } /*--- END REPORT FRAUD PAGE LAYOUT ---*/ /*--- BEGIN IE6 FIXES FOR SECURITY PAGES---*/ /*--- OVERWRITES CONTAINER FROM OTHER CSS TO MAKE CETNERED AND CHANGE WIDTH ---*/ div#mast { _width:960px; _margin:0 auto -3px; } div#container { _width:960px; _margin:0px auto 0; _padding:0; _border:none; _background:none; } div.content { _width:960px; _background:transparent; _margin:0 auto; _border-bottom:1px solid #fff;} div#main { _width:960px; _margin:0px 0 0 0; _clear:both; } div#footer { _width:960px; _margin:5px 0 20px 0px; _padding:6px 0 15px 0; _text-align:left; } #hsbc_security_mainNav { _float:left; _height:50px; _margin:0 0 0 0; _background:none; } #hsbc_security_mainNav a h1 { _width:960px; _background-color:#818181; } /*IE 6 FIX FOR HOW WE PROTECT YOU DROP DOWN MENU*/ ul#hwpdropdown { _height:215px; _background:url(/security/images/main_nav_dropdown_bg.gif) no-repeat; } /*IE 6 FIX FOR PROTECT YOUR SELF DROP DOWN MENU*/ ul#pydropdown { _left:218px; _height:190px; _background:url(/security/images/main_nav_dropdown_bg.gif) no-repeat; } ul#pydropdown li { _margin-left:0px; } /*IE 6 FIX FOR PROTECT YOUR SMALL BUSINESS DROP DOWN*/ ul#pybdropdown { _height:153px; _background:url(/security/images/main_nav_dropdown_bg.gif) no-repeat; } /*--- BEGIN IE6 MAIN CONTENT FIX ---*/ #hsbc_security_breadcrumbs { _margin:0 0 5px 0; } #hsbc_security_breadcrumbs.red { _margin-bottom:5px; } #hsbc_security_flshElmnt { _width:960px; _height:230px; _margin:-5px 0 5px 0; _padding:0; } #hsbc_security_mainContent { _float:left; _width:715px; _margin:5px 0px 15px 0px; _padding:0; } #hsbc_security_subContentLeft { _width:225px; _margin:15px 2px 10px 0px; _padding:0; } #hsbc_security_subContentLeft p { _margin:0; _padding:0 10px 0 4px; } #hsbc_security_subContentMiddle { _width:225px; _margin:15px 0 10px 15px; _padding:0; } #hsbc_security_leftSubContent { _float:left; _width:347px; _height:95px; _margin:10px 0 0 0px; _padding:0 0 0 0; } #hsbc_security_leftSubContent p { _margin:0 0 0px; _padding:5px 5px; } #hsbc_security_rightSubContent { _float:right; _width:347px; _height:95px; _margin:10px 0 0 0px; _padding:0 0 0 0; } /*--- END IE6 MAIN CONTENT FIX ---*/ /*--- BEGIN IE6 RIGHT COL REPORT FRAUD ---*/ #hsbc_security_reportFraud .main_page { _float:right; _width:224px; _margin:15px 0px 0 0px; _padding:0 0 0 0; } #hsbc_security_reportFraud h1 { _width:224px; _height:39px; _margin:0 0 0 0; _padding:0px 0 0 0px; } #hsbc_security_reportFraud h1.red { _width:207px; _margin:0px 0 0px 0; _padding:17px 0 0 20px; _background-position:0px 0px; } #hsbc_security_reportFraud h1.gray { _margin:0px 0 0 0; _padding:17px 0 0 0px; _background-position:0px -56px; _text-align:center; } /*--- BEGIN IE6 FIX FOR SUB PAGE LAYOUT ---*/ /*LEFT NAV*/ #hsbc_security_subpage_leftNav { _width:225px; _height:635px; _margin:-6px 0 0 0; _padding:0; } #hsbc_security_subpage_leftNav #reportFraud { _width:204px; _margin-left:5px; } #hsbc_security_subpage_leftNav #reportFraud h3 { _width:204px; _height:28px; _margin:0px 0 0 0px; _padding:6px 0 0 0; } /*CONTENT SECTION*/ #hsbc_security_subpage_content_container .quiz { _float:left; _width:470px; _margin:15px 0 0 10px; _padding:0; } #hsbc_security_subpage_content_container .quiz h3 { _padding:15px 0 0px 0; _color:#000; _font-size:18px; _font-weight:normal; } #hsbc_security_subpage_content_container .quiz p { _margin:0 0 0 0; _padding:0 0 0 0; _font-size:21px; } #hsbc_security_subpage_content_container .quiz p strong { _margin:0 0 0 0; _padding:0 0 0px 2px; _color:#cc0000; _font-size:11px; } #hsbc_security_subpage_content_container .subContent { _float:left; _width:470px; _margin:5px 0 0 10px; _padding:0; } #hsbc_security_subpage_content_container .suyc { _width:470px; _margin:0 0 0 0px; _padding:0 0 0 0; } #hsbc_security_subpage_content_container .hsbcquiz { _width:470px; _margin:12px 0 0 0px; _padding:0 0 0 0; } /*--- END IE6 FIX FOR SUB PAGE LAYOUT ---*/ /*--- BEGIN IE6 FIX FOR REPORT FRAUD PAGE ---*/ #reportFraudBody { _margin:-5px 0 0 0; } #reportFraudContent { _margin:-65px 0 0 0; } #reportFraudContent .reportFraudMainSubContentLeft { _width:715px; } #reportFraudSubContent .reportFraudLeftSubContent .reportFraudLeftContent { _height:130px; background-color:#f4f4f4; } #reportFraudSubContent .reportFraudRightSubContent .reportFraudRightContent img { _width:24px; _height:119px; _margin:10px 10px 10px 10px; _padding:0 0 0 0; } #reportFraudSubContent .reportFraudRightSubContent .reportFraudRightContent { _height:130px; background-color:#f4f4f4; } #reportFraudSubContent .reportFraudLeftSubContent .reportFraudLeftContent img { _width:24px; _height:119px; _margin:10px 10px 10px 10px; _padding:0 0 0 0; } /*--- END IE6 FIX FOR REPORT FRAUD PAGE ---*/ .dashedDivider { _margin:6px 0 -4px 8px; } /*--- END IE6 FIXES ---*/ div.no_nav_no_sub div.content, div.no_nav_no_sub div#main { background-image: none; width: 960px; } div #footer .float_left { align: center; } div#footer_container { width:960px; margin:0px auto 0; padding:0; border:none; background:none; } ul { list-style-type: square; list-style-image: none; list-style-position: outside; padding:0; margin:7px 20px;} ul#hwpdropdown { border: 1px hidden #fe0000;} ul#pydropdown { border: 1px hidden #fe0000;} div#language_toggle a { text-decoration:underline; cursor:pointer; } div#language_toggle a:visited { text-decoration:underline; cursor:pointer; } body {text-align: left; margin-left: 0px; margin-right:auto;} div#mast, div#footer_container, div#footer {width: 975px;margin-left: 0px; margin-right: auto; } div#container {margin-left:15px; margin-right: auto;} div.content, div#main { margin:0px 0 auto 0px; text-align: left;} ul#hwpdropdown { height: 147px; }