body {color:#000; background-color:#fff; padding:0; margin-top:20; font:normal normal 12px arial,helvetica,san-serif,serif;} #wrap {width: 780px; padding:5px 0 0 0; margin:0 auto;} a {color: #ff0000; text-decoration: underline;} img {border: 0px;} h1 {color: #ff0000; font-weight: bold; font-size: 12px; margin-bottom: -20px; padding: 0px;} html>body h1 {margin-bottom: -10px;} ol {margin-left: 25px;} ul {margin-left: 25px;} html>body ul {margin-left: -15px;} ul li {margin-bottom: 0px;} html>body ol {margin-left: -15px;} li {color: #ff0000; margin-bottom: 10px;} .blacktext {color: #000000;} #container {width: 780px;} #header_biz {width: 780px; margin-bottom: 6px;} #header_white {width: 780px; margin-bottom: 25px;} #content_biz {float: left; margin: 0px; width: 780px; } #header {width: 780px; height: 94px; margin-bottom: 10px;} #content {float: left; margin: 0px; width: 780px; background-color: #ff0000;} #leftnav {background-image: url(../hbus_common_hsbcdirect/nav_land_top.gif); background-repeat: no-repeat; float: left; width: 300px;} #leftnav ul {margin: 0px; padding-top: 40px; padding-left: 8px;} #leftnav ul li {list-style: none; font-size: 16px; font-weight: bold; padding-top: 15px; padding-bottom: 10px;} #leftnav ul li a {background-image: url(../hbus_common_hsbcdirect/nav_arrow_off.gif); background-repeat: no-repeat; color: #fff; text-decoration: none; padding-left: 17px;} #leftnav ul li a:hover {background-image: url(../hbus_common_hsbcdirect/nav_arrow_on.gif); background-repeat: no-repeat; color: #000;} #leftnav ul li a.on {background-image: url(../hbus_common_hsbcdirect/nav_arrow_on.gif); background-repeat: no-repeat; color: #000} #leftnav ul li.on {list-style: none; font-size: 16px; font-weight: bold; padding-top: 15px; padding-left: 17px; background-image: url(../hbus_common_hsbcdirect/nav_arrow_on.gif); background-position: center left; background-repeat: no-repeat; color: #000; margin-bottom: 10px;} #middlecontent {width: 480px; float: right; margin: 0px; background-color: #ffffff;} #middlecontent_front {width: 480px; float: right; margin: 0px; background-color: #ff0000;} #leftnav_biz { height:445px; background-image: url(../hbus_common_hsbcdirect/left_nav_bg.gif); background-repeat: no-repeat; float: left; width: 226px; background-color: #ff0000;} #leftnav_biz ul {margin: 0px; padding-top: 10px; padding-left: 8px; } #leftnav_biz ul li {list-style: none; font-size: 12px; font-weight: bold; padding-top: 15px; padding-bottom: 10px; } #leftnav_biz ul li a {background-image: url(../hbus_common_hsbcdirect/nav_arrow_off_biz.gif); background-repeat: no-repeat; color: #fff; text-decoration: none; padding-left: 17px;} #leftnav_biz ul li a:hover {background-image: url(../hbus_common_hsbcdirect/nav_arrow_on_biz.gif); background-repeat: no-repeat; color: #000;} #leftnav_biz ul li a.on {background-image: url(../hbus_common_hsbcdirect/nav_arrow_on_biz.gif); background-repeat: no-repeat; color: #000} #leftnav_biz ul li.on {list-style: none; font-size: 12px; font-weight: bold; padding-top: 15px; padding-left: 17px; background-image: url(../hbus_common_hsbcdirect/nav_arrow_on_biz.gif); background-position: center left; background-repeat: no-repeat; color: #000; margin-bottom: 0px;} #middlecontent_biz {width:554px; float: right; margin: 0px; background-color: #ffffff;} #middlecontent_front_biz { width: 548px; float: left; margin: 0px; background-color: #ff0000; margin-left:6px; background-image: url(../hbus_common_hsbcdirect/percent_bg.gif); background-repeat: no-repeat;} #middlecontent_fronttwo { height:109px; width: 548px; float: left; margin: 0px; background-color: #dbdbdb; margin-top:6px; margin-left:6px } #middlecontent_frontthree { height:112px; width: 548px; float: left; margin: 0px; background-color: #ff0000; margin-top:6px; margin-left:6px; background-image: url(../hbus_common_hsbcdirect/bottom_bg.gif); background-repeat: no-repeat; background-position:right; } #col1 {width: 220px; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; float: left; line-height: 140%;} html>body #col1 {margin-top: -20px; margin-bottom: -20px;} #col2 {width: 220px; padding-top: 10px; padding-bottom: 10px; float: left; padding-left: 15px; line-height: 140%;} html>body #col2 {margin-top: -20px; margin-bottom: -20px;} #fullcol {width: 545px; padding-left: 10px;} #fullcol img {margin-bottom:-15px;} #co-brand_textarea {width: 760px; padding-left: 10px; padding-right: 10px; padding-top: 30px;} #co-brand_textarea1 {width: 360px; float: left;} #co-brand_textarea2 {width: 360px; float: left; padding-left: 20px;} #featuredbanner {width: 760px; height: 152px; margin-bottom: 40px;} html>body #featuredbanner {padding-top: 10px;} /**Firefox tweak **/ #footer {font-size: 11px; color: #999;} #footer a {text-decoration: none;} .clear {clear: both;} .float_right {float: right; background-color: #ffffff;} .float_left {float: left;} /** special case styles **/ #bottombutton img {margin-left:365px; border:none;} #startApp {margin:2px 15px 2px 2px; background-image: url(../hbus_common_hsbcdirect/box.gif); background-repeat:no-repeat; background-position:top left; font-family:myriad pro, Verdana, Arial, Helvetica, sans-serif; width:409px; height:42px; color:red; font-size:.90em; float:right; padding:1px; vertical-align:middle;} html>body #startApp {margin-right:28px; height:114px;} #startApp1 {background-image: url(../hbus_common_hsbcdirect/box.gif); background-repeat:no-repeat; background-position:right bottom; width:100%; height:100%; padding:0; vertical-align:middle; margin:0;} html>body #startApp1 {height:114px;} #startAppButton {margin-top:5px; float:right; height:100%; vertical-align:middle; padding:5px;} #startAppButton table th {color:red; font-weight:normal; font-family:myriad pro,arial,helvetica,san-serif; font-size:.79em; line-height:1.15em; voice-family: "\"}\""; voice-family:inherit; font-size:1.19em; line-height:1.25em;} input.image {padding-top:5px;} .hiddendiv {display: none; margin:0px;} /* FAQs */ #swapfaq ul {margin: 0px; padding: 0px;} #swapfaq li {margin: 0px; padding: 0px; list-style-type: none;} #swapfaq p {color:#000000; padding-left: 20px; margin-top:20px;} .closed a, .open a { background-repeat: no-repeat; background-position: 3px 50%; display: block; padding: 5px 0px 2px 20px; cursor: pointer; margin-bottom:-22px; text-decoration: underline; } html>body .closed a, .open a {margin-bottom:-5px;} html>body p {margin-bottom:10px;} .closed a {background-image: url(../hbus_common_hsbcdirect/expand.gif);} .open a {background-image: url(../hbus_common_hsbcdirect/collapse.gif);} .list {margin-left: 20px;background-repeat:no-repeat; background-image:url(../hbus_common_hsbcdirect/bullet.gif); margin-bottom:-22px;} .listlast {margin-left: 20px;background-repeat:no-repeat; background-image:url(../hbus_common_hsbcdirect/bullet.gif); margin-bottom:20px;} a.link {display:inline; background-image:none; margin:0px 0px 0px -20px; text-decoration:underline;} #textbox {margin: -270px 0px 0px 300px; width: 380px; padding-top:64px; font-size:11px; background-color:#ffffff;} UL.bullet {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: -10px; LIST-STYLE-IMAGE: url(../hbus_common_hsbcdirect/bullet.gif); PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 25px; PADDING-TOP: 0px; POSITION: relative} ul.bullet li {color:#000000; } #piggy_small_learn {padding: 0px 0px 0px 0px; margin-top: -60px; } #leftnavfaq {width: 300px; padding-top:50px;} #leftnavfaq ul {margin: 0px;} html>body #leftnavfaq ul {margin-left:-40px;} #leftnavfaq ul li {list-style: none; font-size: 16px; font-weight: bold; padding-left: 25px; padding-bottom: 25px; padding-top:10px;} #leftnavfaq ul li a {color: #000; text-decoration: none;} #leftnavfaq ul li a:hover {color: #000; text-decoration: underline;} #leftnavfaq ul li.on {background-image: url(../hbus_common_hsbcdirect/arrow2.gif); background-repeat: no-repeat; color: #ff0000};} #containerfaq {width: 780px; background-color: #ffffff; border-style: solid; border-width: 0px 0px 0px 60px; border-color:#ff0000;} #contentfaq {width: 780px; padding-bottom:20px;} #headerfaq {background-color:#ffffff; width:780px; margin-right: 0px; padding-top:50px;} .faq_bg {background-image: url(../hbus_common_hsbcdirect/nav_land_top_biz.gif); background-repeat: no-repeat;} #leftnav_biz_faq { height:445px; background-image: url(../hbus_common_hsbcdirect/nav_land_top_biz.gif); background-repeat: no-repeat; float: left; width: 226px; background-color: #ff0000;} #leftnav_biz_faq ul {margin: 0px; padding-top: 10px; padding-left: 8px; } #leftnav_biz_faq ul li {list-style: none; font-size: 12px; font-weight: bold; padding-top: 15px; padding-bottom: 10px; } #leftnav_biz_faq ul li a {background-image: url(../hbus_common_hsbcdirect/nav_arrow_off_biz.gif); background-repeat: no-repeat; color: #fff; text-decoration: none; padding-left: 17px;} #leftnav_biz_faq ul li a:hover {background-image: url(../hbus_common_hsbcdirect/nav_arrow_on_biz.gif); background-repeat: no-repeat; color: #000;} #leftnav_biz_faq ul li a.on {background-image: url(../hbus_common_hsbcdirect/nav_arrow_on_biz.gif); background-repeat: no-repeat; color: #000} #leftnav_biz_faq ul li.on {list-style: none; font-size: 12px; font-weight: bold; padding-top: 15px; padding-left: 17px; background-image: url(../hbus_common_hsbcdirect/nav_arrow_on.gif); background-position: center left; background-repeat: no-repeat; color: #000; margin-bottom: 0px;} #pig_bottom {margin-top:-83px;} * html body #pig_bottom {margin-top:-95px;} /* Added by Robert to fix FAQs */ #swapfaq P.list { BORDER-RIGHT: 0px; BORDER-TOP: 0px; BACKGROUND-IMAGE: url(../hbus_common_hsbcdirect/bullet.gif); MARGIN-BOTTOM: -20px; MARGIN-LEFT: 20px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; BACKGROUND-REPEAT: no-repeat } #swapfaq P.listlast { BACKGROUND-IMAGE: url(../hbus_common_hsbcdirect/bullet.gif); MARGIN-BOTTOM: 20px; MARGIN-LEFT: 20px; BACKGROUND-REPEAT: no-repeat }