F/* $Id$ Sitewide standard aspects of fonts, buttons, layout and positioning Version history: 0.1 2007-05-29 Initial version */ /*@import "nav.css"; /* reset the css*/ /* 1.5em = 24px; 1.126em = 18px; 1.063em = 17px; 0.877em = 14px; 0.813em = 13px 0.75em = 12px 0.689em = 11px */ .content #secondary-nav ul li { margin: 0; } body {font: 1em arial,helvetica,sans-serif; padding: 0; margin: 0 auto; text-align: center; background: #000; color:#FFF; line-height: 1.15em; } a:link, a:active, a:visited { color: #DC291E; text-decoration: underline; } a:hover { text-decoration: none; } a.fourteen-bold {font-weight: bold; font-size:1.270em;} strong { font-weight: bold; } #container { margin: 0 auto; padding: 0; text-align: left; width: 968px; } /* setup base elements */ #container .content ul { margin-top: 14px; } #container .content #secondary-nav ul { margin-top: 0; } .home { padding: 0; display: inline-block; } .custom { padding: 20px 0; display: inline-block; } .landing { } .content { } .no-nav #right-panel, .no-nav #main-content { margin-top: 6px; } .tab-nav #right-panel, .tab-nav #main-content { margin-top: 0; } #hero-panel ul, #main-content ul, #tool-panel ul, .tool-panel ul { margin: 6px 0; list-style-image: none; font-size: 0.75em; } #hero-panel ul li, #main-content ul li { list-style-type: none; background: url(/resources/1/6/162eed004ddb9483bb7dbfa0eb52ef5f/bullet.gif) 0 0 no-repeat; padding-top: 4px; padding-left: 12px; margin: 6px 0; } #hero-panel ul li, #main-content .mortgage-phasetwo-outerpanellist ul li { list-style-type: none; background: url(/resources/0/d/0d991d0042dbd0e7888aadf9971c8dc4/bullet-mortgagelist.gif) 0 0 no-repeat; padding-top: 4px; padding-left: 12px; margin: 6px 0; } #hero-panel ul li, #main-content ul li.mortgage-phasetwo-panellist {margin-top: -10px; height: 20px;} #hero-panel ul li, #main-content ul li.mortgage-phasetwo-panellist-notop {height: 20px;} #tool-panel ul li, .tool-panel ul li { list-style-type: none; background: url(/resources/8/4/84fd5a804aca32b5823bb62aea0011be/arrow-tiny-bullet.gif) 0 center no-repeat; padding-left: 12px; margin: 6px 0; } #container .red-banner { font-size: 1.126em; line-height: 1.126em; } .personal-page .red-banner { color: #dc291e; } .business-page .red-banner { color: #555; } h2.red-banner { margin-top: 20px; clear: both; } .one-third-promo .promo-body, .two-thirds-promo .promo-body, .three-thirds-promo .promo-body, .one-half-promo .promo-body { padding: 13px; } #container .promo-body h2 { margin: 0; } .two-thirds-promo ul li { background-position: 0 3px; } .three-thirds-promo { float: left; width: 706px; margin: 6px 0 6px 6px; color: #000; } .one-half-promo { float: left; width: 351px; margin: 6px 0 6px 6px; color: #000; } .two-thirds-promo { float: left; width: 468px; margin: 6px 0 6px 6px; color: #000; } .one-third-promo { float: left; width: 230px; margin: 6px 0 6px 6px; color: #000; } .sub-content .one-third-promo { width: 178px; margin-left: 0; margin-right: 6px; } .sub-content .one-third-promo-branch-locator {float: left; width: 230px; margin-left: 0; margin-right: 6px; border: 1px solid #ccc; } .sub-content .one-half-promo { width: 271px; margin-left: 0; margin-right: 6px; } .sub-content .two-thirds-promo { width: 364px; margin-left: 0; margin-right: 6px; } .sub-content .three-thirds-promo { width: 551px; margin-left: 0; margin-right: 6px; } #main-content ol { list-style-type: decimal; font-size: 0.75em; margin: 15px 0 15px 30px; } #main-content ol li { margin: 4px 0; } #main-content ol ol { font-size: 1em; margin-top: 6px; margin-bottom: 6px; } .business-page .home, .business-page .landing, .business-page .content { background: #fff; } .private-page .home, .private-page .landing, .private-page .content { background: #fff; } /* business specific styles */ .business-page .home, .business-page .landing, .business-page .content { background: #fff; } .business-page .home { border: 1px solid #3f3f3f; } .business-page .product-promo { border: 1px solid #A8CBE1; } .business-page .promo-panel { width: 100%; } .business-page .promo-panel .promo-content { padding: 14px 6px; } .business-page .promo-panel .promo-content ul { margin: 12px; width: 300px; } .business-page #main-content .promo-panel p { color:#000; margin:10px; margin-right:10px; font-size:0.813em;} .business-page .promo-panel li { color:#000; margin:10px; margin-right:10px; font-size:0.813em;} .private-page .one-third-promo { border: 1px solid #ccc; } .personal-page .home .one-half-promo { border: 1px solid #cccccc; background-color: #fff; } .personal-page .home .three-thirds-promo { border: 1px solid #cccccc; background-color: #fff; } .personal-page .home .one-third-promo { border: 1px solid #cccccc; background-color: #fff; } .personal-page .home .two-thirds-promo { border: 1px solid #cccccc; background-color: #fff; } .personal-page .custom .one-half-promo { border: 1px solid #cccccc; background-color: #fff; } .personal-page .custom .three-thirds-promo { border: 1px solid #cccccc; background-color: #fff; } .personal-page .custom .one-third-promo { border: 1px solid #cccccc; background-color: #fff; } .personal-page .custom .two-thirds-promo { border: 1px solid #cccccc; background-color: #fff; } .personal-page .sub-content .one-third-promo { border: 1px solid #cccccc; background-color: #fff; } .personal-page .sub-content .one-half-promo { border: 1px solid #cccccc; background-color: #fff; } .personal-page .sub-content .two-thirds-promo { border: 1px solid #cccccc; background-color: #fff; } .personal-page .sub-content .three-thirds-promo { border: 1px solid #cccccc; background-color: #fff; } .business-page .one-third-promo { border: 1px solid #cfcfcf; background-color: #fff; } .business-page .two-thirds-promo { border: 1px solid #cfcfcf; background-color: #fff; } .business-page .three-thirds-promo { border: 1px solid #cfcfcf; background-color: #fff; } .business-page .one-half-promo { border: 1px solid #cfcfcf; background-color: #fff; } .business-page .sub-content .one-third-promo { border: 1px solid #cfcfcf; background-color: #fff; } .business-page .sub-content .one-half-promo { border: 1px solid #cfcfcf; background-color: #fff; } .business-page .sub-content .two-thirds-promo { border: 1px solid #cfcfcf; background-color: #fff; } .business-page .sub-content .three-thirds-promo { border: 1px solid #cfcfcf; background-color: #fff; } #container .business-over1m {background:#fff url(/resources/5/c/5ca65c004aca3e7082c5b62aea0011be/075731-Small-Business-Hero-over-1m.png) top right no-repeat;} .business-page .business-under1m {background:#fff url(/resources/d/2/d2f0a0004aca3efc82cbb62aea0011be/landing-page-bus-under1m.jpg) 100% 0% no-repeat;} #container .bib-login {background:#fff url(/resources/c/f/cfbf52004b290455a4d4a67000e9fa4d/rebrand-landing-page-bib-login-cb.jpg) top right no-repeat; margin-top: 0px;} #container .bib-logout {background:#fff url(/resources/c/f/cfbf52004b290455a4d4a67000e9fa4d/rebrand-landing-page-bib-login-cb.jpg) top right no-repeat; margin-top: 0px;} .business-page .business-agri {background:#fff url(/resources/e/8/e830d6004aca3df982c2b62aea0011be/075731-Small-Business-Hero-AD-AGRI.png) 100% 0% no-repeat;} .business-page .content .promo-body { height: auto; padding-bottom: 14px; } .business-page .content .promo-body h2 { margin: 8px 0 0 0; } .business-page .content .promo-body p { margin: 14px 0 0 0; } .business-page .content .promo-body ul { font-size: 0.75em; } .business-page .title-holder { background: url(/resources/1/3/1386ab804aca3bd582a1b62aea0011be/business-tools-title-bg.png) top left no-repeat; margin-left: -13px; padding: 3px 0 3px 24px; } .business-page .tool-panel { background: #D3DAD2 url(/resources/4/2/422b30004aca43e6830eb72aea0011be/personal-right-tools-bg.jpg) top left repeat-x; width: 239px; margin-left: 3px; border-bottom: 1px solid #eee; padding: 3px 0; } .business-page .tool-panel h3 { color: #000; font-size: 0.877em; margin: 6px 0 0 12px; display: block; } .business-page .tool-panel ul.pdf-list { margin: 6px 0 6px 12px; font-size: 0.75em; } .business-page #right-panel .last, .business-page .right-panel-lower .last { border-bottom: none; padding-bottom: 4px; } .business-page .tool-panel label { color: #000; font-size: 0.877em; margin: 6px 0 0 12px; display: block; } .business-page .tool-panel select { width: 168px; margin: 6px 0 6px 12px; } .business-page .tool-panel p { margin: 6px 0 6px 12px; font-size: 0.75em; } /* end business specific styles */ /* homepage promos */ #container .business-over1m .two-thirds-promo, #container .bib-login .two-thirds-promo, #container .bib-logout .two-thirds-promo, #container .business-agri .two-thirds-promo, #container .landing-private .two-thirds-promo { border: none; background: none; } #container .landing-private .two-thirds-promo { color: #cccccc; } #container .landing-private a { color: #fff; } #container .business-over1m .one-third-promo, #container .bib-login .one-third-promo, #container .bib-logout .one-third-promo, #container .business-agri .one-third-promo, #container .landing-private .one-third-promo { border: none; background: #707070; color: #fff; margin-top: -14px; } #container .business-over1m .one-third-promo a, #container .bib-login .one-third-promo a, #container .bib-logout .one-third-promo a, #container .business-agri .one-third-promo a, #container .landing-private .one-third-promo { color: #fff; } #container .business-over1m .one-third-promo ul.small-arrows li, #container .business-agri .one-third-promo ul.small-arrows li, #container .landing-private .one-third-promo ul.small-arrows li, #container .landing-private .two-thirds-promo ul.small-arrows li { background: transparent url(/resources/a/5/a579e4804aca32b6823eb62aea0011be/arrow-tiny-bullet-white.gif) left 7px no-repeat; } /* end homepage promos */ /* business routing specific styles */ /* #container .business-routing { width: 962px; background: #000 url(/resources/4/9/4947c0804aca3e7182c8b62aea0011be/landing-page-bus-routing.jpg) top left no-repeat; } */ #container .business-routing .home { width: 960px; padding-top: 30px; background: #242424; color: #fff} #container .business-routing .home h1 { color: #fff; text-align: center; margin-bottom: 10px; } #container .business-routing { width: 960px; background: #000; color: #fff} #container .business-routing .home .norollover-intro { color: #fff; text-align: left; border-top: 1px solid #4f4f4f; padding-left: 20px; margin-top: -31px; background: url(/resources/3/e/3e76ff0047fe45148ebefe88b7e73612/business-bg.jpg) top left no-repeat; width: 940px; height: 225px;} #container .business-routing .home .norollover-intro h1 { color: #fff; text-align: left; border: 0px solid #fff; margin: 0px;} .business-gateway-greystrip {background: url(/resources/f/f/ffb99d004761de6b97189778f41eceaa/business-gateway-strip.jpg) top left repeat-x; width: 100%; margin-top: -2px} .business-routing .three-col { float: left; color: #fff; width: 318px; height: 220px; padding-bottom: 10px; padding-top: 20px; border-right: 1px solid #4f4f4f; border-top: 1px solid #4f4f4f;} .business-routing .three-col .none-border{border-right: 0px;} .business-routing #col-agri:hover { background: #111 url(/resources/f/1/f1bd37004aca333f8241b62aea0011be/bg-business-routing-rollover-agr.jpg) top left no-repeat; } .business-routing #col-over:hover { background: #111 url(/resources/3/0/300137804aca33ce8247b62aea0011be/bg-business-routing-rollover-u1m.jpg) top left no-repeat; } .business-routing #col-less:hover { background: #111 url(/resources/e/4/e4ed13004aca33408244b62aea0011be/bg-business-routing-rollover-o1m.jpg) top left no-repeat; } .business-routing .three-col .panel-content { margin: 0 20px 0 24px;} #container .business-routing .three-col p { font-size: 0.75em; line-height: 1.4em; margin: 0 0 14px 0; color: #cccccc } #container .business-routing .three-col h2 { margin-bottom: 14px; line-height: 1.6em; margin-bottom: 20px; } #container .three-col h2 a { color: #fff; text-decoration: none; font-weight: bold; } #container .three-col h2 a:hover { color: #fff; text-decoration: underline; font-weight: bold; } #container .business-routing .home .norollover-intro p { color: #fff; text-align: left; font-size: 0.8em} .business-gateway-right {float: right;} .business-gateway-left {float: left; margin-top: 100px; margin-left: 5px} .business-gateway-intro-subwidth {width: 500px;} .business-gateway-left .height {height: 150px;} .business-gateway-fom-pos {position: absolute; top: 605px;} .bus-gateway-large-fom-pos {position: relative; left: -29px; top: 105px} /* Old styles commenetd out for no roll over on gateway .business-routing .three-col { float: left; color: #fff; width: 320px; padding-bottom: 185px; padding-top: 20px; } .business-routing #col-agri:hover { background: #111 url(/resources/f/1/f1bd37004aca333f8241b62aea0011be/bg-business-routing-rollover-agr.jpg) top left no-repeat; } .business-routing #col-over:hover { background: #111 url(/resources/3/0/300137804aca33ce8247b62aea0011be/bg-business-routing-rollover-u1m.jpg) top left no-repeat; } .business-routing #col-less:hover { background: #111 url(/resources/e/4/e4ed13004aca33408244b62aea0011be/bg-business-routing-rollover-o1m.jpg) top left no-repeat; } .business-routing .three-col .panel-content { margin: 0 20px 0 24px; } #container .business-routing .three-col p { font-size: 0.75em; line-height: 1.4em; margin: 0 0 14px 0; color: #cccccc } #container .business-routing .three-col h2 { margin-bottom: 14px; line-height: 1.6em; margin-bottom: 20px; } #container .three-col h2 a { color: #fff; text-decoration: underline; font-weight: bold; } */ /* end business routing */ /* personal specific styles */ /* different background styles for the main content sections */ .personal-page .home { background: #fff; } .personal-page .landing { background: #fff; } .personal-page .content { background: #fff; } .personal-page .custom { background: #fff url(/resources/b/d/bd6e51804bcfa2cbb89dba7000e9fa4d/home-background-mygateway-new.jpg) top left no-repeat; } /* tool panel styles */ .title-holder { margin-left: 0px; padding: 3px 0 3px 4px; } .tool-panel { width: 230px; margin-left: 3px; padding: 3px 0; } .cross-sell {padding: 4px 6px 3px 0; margin-bottom: 0px; color: #000; font-weight: bold;} .cross-sell h2 {font-weight: bold;} .title-holder h2 { padding: 4px 6px 3px 0; margin-bottom: 9px; color: #fff; } .tool-panel h3 { font-size: 0.877em; margin: 6px 0 0 12px; display: block; } .tool-panel ul.pdf-list { margin: 6px 0 6px 12px; font-size: 0.75em; } .tool-panel label { font-size: 0.877em; font-weight: bold; margin: 6px 0 0 12px; display: block; } .tool-panel select { width: 168px; margin: 6px 0 6px 12px; } .tool-panel p { margin: 6px 0 6px 12px; font-size: 0.75em; } .tool-panel ul { margin-left: 12px; } #right-panel .last, .right-panel-lower .last { border-bottom: none; padding-bottom: 4px; } .personal-page .title-holder { background: url(/resources/9/a/9a177d804dd96ed8bb5abfa0eb52ef5f/sidebar-title-bg.jpg) top left no-repeat; } .personal-page .tool-panel { background: none; border-bottom: 1px solid #eee; } .private-page .title-holder { background: url(/resources/8/0/807667004aca46e6832fb72aea0011be/private-tools-title-bg.png) top left no-repeat; } .private-page .tool-panel { background: #D3DAD2 url(/resources/4/2/422b30004aca43e6830eb72aea0011be/personal-right-tools-bg.jpg) top left repeat-x; border-bottom: 1px solid #eee; } .private-page .tool-panel a:link, .private-page .tool-panel a:active, .private-page .tool-panel a:visited { color: #333333; text-decoration: underline; } .private-page .tool-panel a:hover { color: #333333; text-decoration: none; } .private-page #right-panel .last, .private-page .right-panel-lower .last { border-bottom: 1px solid #555; } .private-page #promo-right { width: 239px; background: #fff; margin-right: 2px; float: right; margin-top: 6px; display: inline; color: #000; } .private-page #promo-right a { color: #fff; } .private-page #promo-right { background: #000; color: #fff; } .private-page #promo-right h2 { margin: 6px 12px 0 12px; font-size: 1.126em; padding: 4px 0 2px 0; } .private-page #promo-right p { margin: 12px; font-size: 0.75em; } /* end personal specific styles */ /* private specific styles */ .private-page .home { background: #595959 url(/resources/d/d/dddbcb004aca46888326b72aea0011be/private-landing-page-bg.jpg) left top no-repeat; border: 1px solid #696969; color: #000; } .private-page .content { background: #fff; } #container .landing-private { } #container .car-couple { background: transparent url(/resources/0/1/0114d3804aca401482dab62aea0011be/landing-pages-carcouple.jpg) bottom right no-repeat; padding-bottom: 160px; } /* end private specific styles */ /* top bradcrumbs */ #bread-crumb { float: left; padding: 5px 0 2px 0; font-size: 0.689em } #bread-crumb span { font-weight: bold; margin-right: 10px; } #bread-crumb span.arrow { color: #777; margin: 0 3px; } #bread-crumb a:link, #bread-crumb a:active, #bread-crumb a:visited { color: #fff; text-decoration:none; margin: 0 3px; } #bread-crumb a:hover { text-decoration: underline; color: #fff; margin: 0 3px; } /* end breadcrumb */ /* header */ #header { background: #000; border-top: 1px solid #333; padding-top: 6px; font-size: 0.689em; margin-right: 2px; } #header a:link, #header a:active, #text-size a:link, #text-size a:active { color: #ddd; text-decoration: underline; } #header a:visited, #text-size a:visited { color: #aaa; text-decoration:underline; } #header a:hover, #text-size a:hover { text-decoration: none; } #header .panel-nav a:link, .panel-nav a:active { color: #000; text-decoration: underline; } #header .panel-nav a:visited { color: #000; text-decoration: underline; } #header .panel-nav a:hover { text-decoration: none; } #container #header .panel-nav p.last a { color:#aaa; } .empty-header { padding-bottom: 0px; } #logo { float: left; padding:20px 13px 20px 0;} #text-size { float: right; font-size: 0.689em } #text-size li { float: left; padding: 5px 3px 0px 3px; } #text-size li img { margin-top: 0px; } #text-size li.text-label { padding-left: 6px; } #text-size #view-only { padding-right: 12px; background: #000 url(/resources/e/8/e8d23c804aca3c4082adb62aea0011be/divider.gif) 100% 65% no-repeat; } #text-size #view-all { display: none; } /* end header */ /* login / search panel */ #search-login { float: right; background: #000 url(/resources/b/0/b045cd804aca412e82e6b62aea0011be/login-search-bg.jpg) bottom left no-repeat; width: 486px; margin-right: 0; display: inline; padding-bottom: 6px; } #search-box, #login-box { float: left; width: 240px; color: #fff; background: #000 url(/resources/b/0/b045cd804aca412e82e6b62aea0011be/login-search-bg.jpg) top left no-repeat; padding: 6px 0 0 0; margin-bottom: -1px; } #login-box { background-position: 2px top; padding-bottom: 18px; } #search-box label { display: block; margin-bottom: 6px; padding-bottom: 0; } #login-box { margin-left: 5px; } #login-box form *, #search-box form input { margin-left: 12px; float: left; margin-right: 2px; } .panel-nav {position:relative; color:#000000;} #container .panel-nav p.last { margin: 0 0 6px 12px; clear: both; padding-top: 3px; } .panel-nav div { float: left; } .panel-nav div div, .panel-nav div ul {display:none; margin:0; padding:0; position:absolute; top: 6px; left: 0; z-index:9999; } .panel-nav div ul { width: 220px; border-bottom: solid 1px #aaada9; padding: 10px 0; } .panel-nav div div span { display: none; } .panel-nav div ul li {margin:0; padding:0px 10px; display:block; color: #333333} .panel-nav div#block_login_title { width: 100px; height: 24px; z-index: 999; background: url(/resources/0/e/0e789f004aca40a282e3b62aea0011be/login-panel.gif) no-repeat top left; margin-left: 12px; } .panel-nav div div#block_register_title { width: 100px; margin-left: 132px; height: 28px; z-index:999; background: url(/resources/c/c/ccfaa7804aca488a833fb72aea0011be/register-panel.gif) -120px top no-repeat; } .panel-nav ul#block_login_content { background: url(/resources/0/e/0e789f004aca40a282e3b62aea0011be/login-panel.gif) no-repeat left -24px; top: 30px; margin-left: 12px; } .panel-nav ul#block_register_content { background: url(/resources/c/c/ccfaa7804aca488a833fb72aea0011be/register-panel.gif) no-repeat left -24px; top: 30px; margin-left: 12px; } .panel-nav #bar_login { padding-left: 12px; padding-top: 6px; padding-right: 10px; } .panel-nav #bar_register { padding-left: 10px; padding-top: 6px; } .panel-nav div:hover ul, .panel-nav div:hover div {display:block;} #search-box #searchfield { width: 148px; padding: 2px 0; color: #fff; } #container #search-box form { margin: 0; padding: 0; clear: both; } #search-box form input.image-button { margin-left: 6px; float: left; margin-top: 1px; color: #fff } #container #search-box ul { clear: both; margin: 0 0 6px 12px; padding-top: 3px; font-size: 1em; } #container #search-box li { float: left; padding-right: 14px; padding-top: 0; margin-top: 0; } #container #search-box li.last { padding-right: 0; } #login-box form { margin-top: 12px; } #search-login ul.small-arrows li { background: url(/resources/a/5/a579e4804aca32b6823eb62aea0011be/arrow-tiny-bullet-white.gif) left center no-repeat; padding-left: 12px } /* end login / search panel */ /* nav SEE main-nav.css */ /* main content */ #main-content { width: 965px; margin-top: 46px; float: left;} #main-content h1 { width: 500px; font-size: 1.5em; color: #000; font-weight: bold; padding: 8px 0 8px 0; margin-top: -8px; margin-left: 14px; margin-bottom: 6px; font-weight: normal; } #mortgage-h1 { font-size:2em; color: #000; font-weight: bold; padding: 8px 0 8px 0; margin-top: -8px; margin-left: 14px; margin-bottom: 6px; font-weight: normal; } #main-content.fullWidthContent { width: 965px; } .sub-content { float: left; padding: 14px 6px 20px 6px; padding-right: 0; color: #000; width: 566px; min-height: 458px; border-right: 1px solid #cccccc;} .sub-content h1 { margin: 0 20px; } .sub-content h2 { font-size: 0.877em; margin: 20px 14px 0 14px; } .sub-content h3 { font-weight: bold; margin-top: 12px; font-size: 1.126em; } .business-page .sub-content {width:559px;} /* #main-content.fullWidthContent .sub-content .main-page { width:786px; } */ .sub-content .main-page { width: auto; margin: 0 14px; } .private-page .sub-content .main-page { width: 525px; margin: 0 14px; padding-bottom: 20px; } .sub-content .main-page ul { margin: 14px 0; font-size: 0.75em; } #container .sub-content .main-page ul li ul { font-size: 1em; margin-left: 0; margin-top: 0; margin-bottom: 0; } .sub-content .main-page p { margin: 14px 0 0 0; font-size: 0.75em; line-height: 1.5em; } .sub-content .main-page h2 { margin: 10px 0 10px 0; font-size: 1.126em; line-height: 1em; font-weight: normal; } .sub-content .main-page h2.mortgage-intro-larger-text { font-size: 2.05em; font-weight: bold; margin-top: -10px;} .sub-content .main-page .mortgage-intro-subheader-old {width: 424px; margin: -10px 0 10px 0; font-size: 1.6em; line-height: 1em; font-weight: bold; color: #818181;} .sub-content .main-page .mortgage-intro-subheader {width: 424px; margin: -10px 0 10px 0; font-size: 1.1em; line-height: 1em; font-weight: normal; color: #818181;} .sub-content .main-page .mortgage-intro-small { text-align: right; margin: 0px 0 10px 0; font-size: 0.6em; line-height: 1em; font-weight: bold; color: #000; font-style: italic;} .mortgage-intro-padding {padding-bottom: 10px} #main-content.fullWidthContent .sub-content { width:806px; border: none; } .personal-page .sub-content .main-page h2 { color: #818181; } .business-page .sub-content .main-page h2 { color: #555; } /* end main content */ /* secondary nav */ #secondary-nav { width: 153px; float: left; font-size: 0.9175em; height: 100%} #container #secondary-nav ul { font-size: 0.749em; list-style-type: none; margin: 0; padding: 0; } #container #secondary-nav ul li ul { list-style-type: none; font-size: 1em; } #container #secondary-nav ul li { margin: 0; padding: 0; background-image: none; } #container #secondary-nav ul li a { padding: 8px 14px; display: block; text-decoration: none; } #container #secondary-nav ul li a:hover { text-decoration: underline; } #container #secondary-nav ul li ul li a { padding: 8px 14px 8px 22px; background-position: 10px center; } #container #secondary-nav ul li ul li ul li a { padding: 8px 14px 8px 30px; background-position: 18px center; } #container #secondary-nav ul li ul li ul li ul li a { padding: 8px 14px 8px 38px; background-position: 26px center; } #container #secondary-nav ul.second-sub-nav li a { border-bottom: none; } .personal-page #secondary-nav-holder { background: url(/resources/c/1/c12de4804aca49618348b72aea0011be/secondary-nav-bg-personal.gif) top left repeat-y; float: left;} .personal-page #secondary-nav ul li a { background-color: #d5d5d5; border-bottom: 1px solid #f5f5f5; color: #000; } .personal-page #secondary-nav ul li.active a { background-color: #282828; color: #fff; } .personal-page #secondary-nav ul li ul li a { background: #f5f5f5 url(/resources/6/7/671067804aca4b8b835db72aea0011be/subnav-arrow-black.gif) 10px center no-repeat; border-bottom: 1px solid #fff; } .personal-page #secondary-nav ul li ul li.active a { color: #525252; background: #f5f5f5 url(/resources/8/9/89e75e004aca4c158363b72aea0011be/subnav-arrow-mgrey.gif) 10px center no-repeat; } .business-page #secondary-nav-holder { background: url(/resources/c/6/c68a2f804aca495f8345b72aea0011be/secondary-nav-bg-business.gif) top left repeat-y; } .business-page #secondary-nav ul li a { background-color: #e5e5e5; border-bottom: 1px solid #fbfbfb; color: #666666; } .business-page #secondary-nav ul li.active a { background-color: #666666; color: #fff; } .business-page #secondary-nav ul li ul li a { color: #717171; background: #ccc url(/resources/8/9/89e75e004aca4c158363b72aea0011be/subnav-arrow-mgrey.gif) 10px center no-repeat; border-bottom: 1px solid #fbfbfb; } .business-page #secondary-nav ul li ul li.active a { color: #000000; background: #ccc url(/resources/6/7/671067804aca4b8b835db72aea0011be/subnav-arrow-black.gif) 10px center no-repeat; } .private-page #secondary-nav-holder { background: url(/resources/5/4/54abf7804aca49ec834bb72aea0011be/secondary-nav-bg-private.gif) top left repeat-y; } .private-page #secondary-nav ul li a { background-color: #e5e5e5; border-bottom: 1px solid #fbfbfb; color: #666666; } .private-page #secondary-nav ul li.active a { background-color: #666666; color: #fff; } .private-page #secondary-nav ul li ul li a { color: #717171; background: #ccc url(/resources/8/9/89e75e004aca4c158363b72aea0011be/subnav-arrow-mgrey.gif) 10px center no-repeat; border-bottom: 1px solid #fbfbfb; } .private-page #secondary-nav ul li ul li.active a { color: #000000; background: #ccc url(/resources/6/7/671067804aca4b8b835db72aea0011be/subnav-arrow-black.gif) 10px center no-repeat; } /* end secondary nav */ /* promo panels */ .hero-promo-new { width:551px; padding:14px 0px; background-color:#ed3125; background-image:url(/resources/d/5/d56641804c999d24958c9762d3873a9c/new-hero-panel.jpg); background-position:left bottom; background-repeat:no-repeat;padding-bottom:50px;} .hero-promo-new .red-banner-new { color:#fff; font-size:1.5em; margin-top:5px;} .hero-promo-new h3 { color:#fff; margin-left:15px; } #main-content .hero-promo-new .promo-content { padding: 0 14px; width:240px; float:left;} #main-content .hero-promo-new .promo-content-rhs { padding: 0 14px; width:240px; float:left;} #main-content .hero-promo-new .promo-content-rhs ul li { color:#fff; } #main-content .hero-promo-new .promo-content p { color:#fff; margin-left:14px; } #main-content .hero-promo-new .promo-content-rhs p { font-size:0.75em; color:#fff; } #main-content .hero-promo-new .promo-content p a, #main-content .hero-promo-new .promo-content-rhs p a { color:#fff; } #main-content .hero-promo-new .promo-content-rhs ul li a { color:#fff; } #main-content .hero-promo-new .promo-content-rhs ul li { color:#fff; } #main-content .hero-promo-new ul li { background:transparent url(/resources/2/3/23e32e004c999f2795909762d3873a9c/bullet-white.gif) no-repeat scroll 0 7px; } .smallfooter { font-size:0.65em; } .hero-promo { width: 551px; padding: 14px 0; } .hero-promo .promo-content { padding: 0 14px; } .home .hero-promo .promo-content { padding: 0; } .hero-promo h2 { margin: 0 0 14px 0; color: #000; } .hero-promo table { margin-left: -13px; margin-right: -13px; width: 550px; } .text-w300 p, .text-w300 ul { width: 300px; } .text-w330 p, .text-w330 ul { width: 330px; } .text-w400 p, .text-w400 ul { width: 400px; } .business-page .hero-promo { border: 1px solid #cfcfcf; color: #000; } .business-page #flashbanner { border: none; } .business-page .home .hero-promo { border: none; } .personal-page .hero-promo { border: 1px solid #d2d2d2; } .personal-page #flashbanner { border: none; } .private-page .hero-promo { border: none; } .home .hero-promo { border: none; background: none; width: 720px; padding: 0; height: 492px; float: left; z-index: 1; } .private-page .home .hero-promo { border: none; background: none; width: 720px; padding: 0; height: 392px; float: left; } .custom .hero-promo { border: none; background: none; width: 708px; margin-left: 6px; padding: 0 0 14px 0; height: 492px; } .home #business-hero { height: auto; } #container .no-border { border: none; } .personal-page .home .small-promo-panels { margin-top: -210px; float: left; position: relative; } .personal-page .custom .small-promo-panels { margin-top: -210px; float: left; position: relative; } .business-page .home .small-promo-panels { margin-top: -240px; float: left; } .private-page .home .small-promo-panels { margin-top: -140px; float: left; } .promo-content p, .promo-content ul { font-size: 0.75em; margin-top: 14px; } .insurance-promo { background: #fff url(/resources/d/8/d87320804aca424382f8b62aea0011be/personal-insurance.jpg) bottom right no-repeat; } .current-promo { height: 195px; background: #fff; } .finance-promo { background: #fff url(/resources/6/7/670f37004aca3efe82ceb62aea0011be/landing-page-finance.jpg) bottom right no-repeat; } .day-to-day-promo { background: #fff url(/resources/5/c/5c6c13804aca39cd828fb62aea0011be/business-day-to-day.jpg) bottom right no-repeat; } .loans-promo { background: #fff url(/resources/6/9/69420e804aca42cd82fcb62aea0011be/personal-loans.jpg) bottom right no-repeat; } .mortgages-promo { background: #fff url(/resources/9/d/9d69ff004aca42ce82ffb62aea0011be/personal-mortgages.jpg) bottom right no-repeat; } .product-promo { background: #fff; } .current-account-promo { background: #fff url(/resources/4/3/43af2e004aca39cc828cb62aea0011be/business-current-acct.jpg) bottom right no-repeat; } .insurance-promo-two { background: #fff url(/resources/e/a/ea21b1804aca401282d7b62aea0011be/landing-page-personal-insurance.jpg) bottom right no-repeat; } /* end promos */ /* small promo panels */ .one-third-promo ul li, .two-thirds-promo ul li, .three-thirds-promo ul li { margin-bottom: 6px; } .one-third-promo h2, .two-thirds-promo h2, .three-thirds-promo h2, .one-half-promo h2 { font-size: 0.875em; font-weight: bold; } .one-third-promo p, .two-thirds-promo p, .three-thirds-promo p, .one-half-promo p { font-size: 0.75em; margin: 8px 0 0 0; } .one-third-promo img, .two-thirds-promo img, .three-thirds-promo img, .one-half-promo img { margin: 0; } .one-third-promo .promo-body img, .two-thirds-promo .promo-body img, .three-thirds-promo .promo-body img, .one-half-promo .promo-body img { margin: 8px 0; } #container .light-grey { color: #666; margin-top: 0; margin-bottom: 8px; } /* end small promo panels */ /* right-hand-panel */ #right-panel { float: right; width: 239px; margin-top: 0px; color: #000; position: relative; } #right-panel .help { margin-left: 0; } #container .top-panel { margin-right: 0; margin-top: 40px; } .right-panel-lower { float: right; width: 245px; color: #000; margin-top: 6px; clear: right; } .right-panel-lower .title-holder { margin-bottom: 1px; } input.rhs-textfield {margin: 6px 0 6px 12px; } #promo-right { width: 239px; background: #fff; margin-right: 3px; float: right; margin-top: 6px; display: inline; color: #000; clear: right; } #promo-right h2 { margin: 6px 12px 0 12px; font-size: 1.126em; padding: 4px 0 2px 0; } #promo-right p { margin: 12px; font-size: 0.75em; } #latest-news { background: #d3dad2;width:239px; margin-left:3px; height:95px;} #latest-news h3 {font-size:0.9em;margin :3px 12px} #latest-news ul {margin-top:8px;} #latest-news li {background: url(/resources/8/4/84fd5a804aca32b5823bb62aea0011be/arrow-tiny-bullet.gif) 0px 4px no-repeat; padding-left: 12px; font-size:0.75em; margin: 2px 8px 2px 12px } /* end right-hand-panel */ /* footer */ #footer { clear: both; background: #000 url(/resources/3/8/38117f004aca3ccc82b0b62aea0011be/footer-bg.jpg) top left repeat-x; text-align: center; padding: 12px 0; width: 966px; margin: 6px 0; margin-right: 3px; float: right; color: #909090; font-size: 0.689em; } #footer ul { list-style-type: none; margin:0; padding: 0; text-align:center; margin-bottom: 12px; } #footer ul li { display: inline; background: url(/resources/f/1/f17054804aca3ccc82b3b62aea0011be/footer-divider.jpg) top right repeat-y; padding: 0 8px 0 6px; } #footer ul li.last { background: none; } #footer ul li a:link, #footer ul li a:active { color: #CCCCCC; text-decoration: none; } #footer ul li a:visited { color: #999; text-decoration: none; } #footer ul li a:hover { color: #fff; text-decoration: none; } /* end footer */ /* forms */ .promo-form { padding: 0 0 0 0; width: 551px; } .promo-form form { margin: 14px 0 0 0; } .promo-form legend { font-size: 1.126em; margin-bottom: 0; padding-bottom: 0; padding-left: 14px; margin-left: -8px; font-weight: normal; } .promo-form .promo-form-left { display: block; float: left; width: 59%; padding: 6px 0 1px; margin-left: 14px; position: relative; display: inline; font-size: 0.75em; } .promo-form .promo-form-right { display: block; float: left; width: 29%; padding: 6px 0; text-align: right; font-size: 0.75em; } .promo-form .clear { border-bottom: 1px solid #E5E5E5; } .promo-form .medium-box { width: 100px; } .promo-form .small-box { width: 30px; } #container .promo-form p { margin: 14px 14px 0 14px; font-size: 0.75em; } .form { font-size: 0.75em; margin: 12px 0; width: 553px; } .form .form-left, .form .form-right { display: block; float: left; width: 47%; padding: 6px 0 6px 0; } .form .form-full { display: block; width: 96%; margin-left: 2%; padding: 6px 0 6px 0; } .form .form-left { margin-right: 4%; } .form legend { font-size: 1.5em; font-weight: normal; color: #dc291e; padding: 5px 0 12px 12px; margin-left: -6px; } .form .form-left label, .form .form-left .label { padding-left: 12px; display: block; float: left; } .form .form-left label span, .form .form-left .label span, .legend { color: #DC291E; } #container p.legend { margin-left: 14px; } .form input, .form select { width: 182px; } .form input.check { width: auto; } .form input.two-chars { width: 20px; } .form input.four-chars { width: 40px; } .form a.help, .form a.help-two-lines, .help, a.help { color: #fff; text-decoration: none; background-color: #000; margin-left: 3px; font-weight: bold; padding: 0 2px; } .form a.help-two-lines { display: block; float: left; margin-top: 14px; } #container .form-action-button { float: right; clear: none; display: inline; width: auto; margin: 14px; } .personal-page legend { color: #dc291e; } .business-page legend { color: #555555; } .private-page legend { color: #000000; } textarea#enquiry { width: 479px; top: 20px; float: left; margin: 6px 13px 13px 13px; clear: left; } /* end forms */ /* table styles */ .policy-covered { color: #666666; width: 520px; margin-top: 14px; font-size: 0.689em; line-height: 1.5em; } .policy-covered th, .policy-covered span { color: #000; vertical-align: top; } .policy-covered td, .policy-covered th { padding: 3px 0 3px 14px; border-bottom: 1px solid #E5E5E5; width: 20%; vertical-align: top; } .policy-covered td.included { text-align:center; padding: 3px 0; } .tabtable-personal-loan { color: #666666; width: 520px; margin-top: 14px; font-size: 0.689em; line-height: 1.5em; } .tabtable-personal-loan th, .policy-covered span { color: #000; vertical-align: top; } .tabtable-personal-loan td, .policy-covered th { padding: 3px 0 3px 14px; border-bottom: 1px solid #E5E5E5; width: 20%; vertical-align: top; } .tabtable-personal-loan td.included { text-align:center; padding: 3px 0; } .repayments-table { border-top: 1px solid #e5e5e5; width: 100%; margin: 14px 0; font-size: 0.689em; } .repayments-table th, .repayments-table td { padding: 6px 13px; border-bottom: 1px solid #e5e5e5; } .repayments-table td { font-weight: bold; padding: 0 13px; } .repayments-table td.large-bold { font-size: 1.5em; font-weight: bold; } .interest-table { margin: 18px 0; font-size: 0.689em; } .interest-table th, .interest-table span { color: #dc291e; vertical-align: top; } .interest-table th, .interest-table td { padding: 3px 13px; border-bottom: 1px solid #e5e5e5; line-height: 1.2em; } .savings-table {font-size: 0.689em; width: 480px; border: 1px solid #000; margin-left: 20px; text-align: center; margin-left: auto; margin-right: auto; border: 1px solid #CCCCCC;} .savings-table th {background-color: #7EB456; color: #ffffff; border: 1px solid #CCCCCC; padding: 10px; text-align: center; font-weight: bold;} .savings-table td.first {background-color: #F0F0F0; color: #000000; border: 1px solid #CCCCCC; padding: 10px; text-align: center; font-weight: bold;} .savings-table td {background-color: #ffffff; color: #000000; border: 1px solid #CCCCCC; padding: 10px; text-align: center; font-weight: bold;} .savings-table-outside {padding-left: 10px; width: 480px; text-align: center; border: 0px solid #000;} .savings-table-button {text-align: center} /* end table styles */ /* list styles */ #hero-panel ul, #main-content ul { margin-left: 0; padding-left: 0; margin-bottom: 12px; } #main-content ul li { list-style-type: none; background: url(/resources/1/6/162eed004ddb9483bb7dbfa0eb52ef5f/bullet.gif) 0 0 no-repeat; padding-left: 20px; } #container ul li.no-arrow, #main-content ul li.no-arrow { list-style-image: none; background: none; padding-left: 0; } .sub-content ul.med-arrows { margin-left: 0; padding-left: 0; } .sub-content ul.med-arrows li { list-style-type: none; background: url(/resources/8/4/84fd5a804aca32b5823bb62aea0011be/arrow-tiny-bullet.gif) 0 4px no-repeat; padding-left: 12px; margin-bottom: 24px; } .sub-content ul.med-arrows strong { font-size: 120%; } .personal-page ul.pdf-list li, .business-page ul.pdf-list li { list-style-image: none; background: url(/resources/6/a/6a354c004aca41b882ecb62aea0011be/pdf-bullet.gif) 0 1px no-repeat; padding-left: 18px; } .private-page ul.pdf-list li { list-style-image: none; background: url(/resources/7/1/71108e804aca41b982efb62aea0011be/pdf-bullet-black.gif) 0 1px no-repeat; padding-left: 18px; } #container .sub-content ul.link-list { margin: 0; padding: 0; margin-bottom: 12px; font-size: 0.689em; line-height: 1.5em; } #container .sub-content ul.link-list li { margin-left: 0; padding-left: 0; clear: both; background: none; } #container .sub-content ul.link-list span { float: right; clear: right; } #container .sub-content ul.link-list span.list-left { float: left; clear: left; } #container .sub-content ul.contents-list { margin: 0; padding: 0; margin-bottom: 20px; font-size: 0.689em; } #container .sub-content ul.contents-list li { line-height: 1em; } /* end list styles */ /* tertiary nav */ #container ul.tertiary-nav { margin: 0; padding: 0; clear: both; display: block; margin-right: -14px; float: left; width: 553px; border-bottom: 1px solid #D2D2D2; } #container ul.tertiary-nav li { float: left; background: none; margin: 0; padding: 0; padding-bottom: 2px; padding-right: 2px; border-bottom: none; margin-bottom: -3px;} .personal-page ul.tertiary-nav li a, .business-page ul.tertiary-nav li a, .private-page ul.tertiary-nav li a { padding: 5px 7px 8px 8px; display: block; background-color: #e4e4e4; color: #000; text-decoration: none; border-right: 1px solid #fff;border: 1px solid #D2D2D2; } .personal-page ul.tertiary-nav li.active-tab a, .private-page ul.tertiary-nav li.active-tab a { background-color: #fff; border: 1px solid #D2D2D2; border-bottom: 1px solid #fff; padding: 4px 7px 9px 7px; margin-right: 1px; } .tertiary .hero-promo {clear: both; border-top: none; } .visible { display: block; } .invisible { display: none; } /* end tertiary nav */ /* results page */ #container ul.page-list { padding: 4px; background: none; width: 100%; background: #D5D5D5; } #container ul.page-list li { padding: 0; display: inline; background: none; } #container ul.page-list li a { text-decoration: none; } #container ul.page-list li a.active { background: #fff; } #container ul.page-list li a { margin: 0 3px; padding: 2px; border: 1px solid #aaa; } #container ul.page-list li a:hover { background: #000; } /* misc styles */ #container .phone { font-size: 1.169em; font-weight: bold; } p.announce { font-size: 130%; font-weight: bold; color: #666666; } #login-label, #search-label { margin-left: 12px; line-height: 1.4em; } #search-label { margin-bottom: 12px; } #login-label { padding: 0; margin-bottom: 0; } #container .no-top { margin-top: 0; } .clear { width: 100%; clear: both; height: 1px; display: block; } .button-right { float: right; margin: 6px 0 6px 6px; } .button-left { float: left; margin: 6px 6px 6px 0; } #skip, .hidden { display: none; } #step1 { display:block; width: 304px; height: 34px; background: #fff url(/resources/f/2/f297d4804aca4a758351b72aea0011be/step-1.gif) top left no-repeat; margin: 24px 0 36px 14px; } #step1 span { display: none; } .right { float: right; } #container .highlight { background-color: #f8f9f8; } #container .small-text { margin-left: 7px; color: #666666; margin-top: 30px; } #container .small-text p { font-size: 0.625em;} #container .small-text p.engage { margin-bottom: 10px;} #container .main-page .hero-promo, #container .sub-content .main-page table { margin-left: -14px; } #container .main-page .hero-promo, #container .sub-content .main-page #calc-block table { margin-left: 0px; } #container .sub-content .main-page #calc-block .MainPanel .Calc .PlDetailsCmp #one .pad {margin-left: 10px; margin-top: 10px} #container .sub-content .main-page #calc-block .MainPanel .Calc .Illustration {width: 547px} #container .sub-content .main-page table { /* display:block; */} p.to-top { width: 100%; text-align: right; } #container #faqs { margin-bottom: 30px; } .small-heading { font-size: 0.625em; line-height:0.625em;} #container span.apr { font-size: 150%; } #container span.apr-ccd { font-size: 150%; font-weight: bold; } #container span.apr-ccd-red { font-size: 150%; font-weight: bold; color: #dc291e;} #container span.apr-creditcard { font-size: 240%; line-height: 0.8em; } #hero-right-box { float: right; margin-top: -12px; margin-right: -12px; width: 242px; background: url(/resources/6/d/6db079804aca3d5982b9b62aea0011be/hero-right-box-bg.png) top left repeat; } #hero-right-box-content { padding: 8px 14px; color: #000; } #hero-right-box .large-text { font-size: 0.9em; line-height: 1.3em; margin-top: -25px; } #hero-right-box strong {color: #bc1328; } #container #hero-right-box-content h2 { font-size: 1.498em; line-height: 1.2em; color: #000; } .sub-content h2 {font-size: 0.877em;} .sub-content h2.red-banner {font-size: 0.877em;} #home-grows { width: 350px; } /* FORM ERRORS */ .form .form-left label.formError { font-weight: bold; } span.formError { margin-top: 10px; font-size: 0.75em; display:block; color: #DC291E; } span.formError img, .form .form-left label.formError img, .form .form-left label.formError img { margin-right: 5px; vertical-align:top; } /* INPAGE PROMO BLOCKS */ .promo-block { height: 184px; background: url(/resources/7/3/735b52004ddc8f20bbe4bfa0eb52ef5f/inpage-promo-bg.jpg) top right no-repeat; float: left; margin-top: 30px; position: relative; padding: 14px; margin-bottom: 6px; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6} .promo-block-loans { height: 205px; background: url(/resources/2/3/23a8c38045cc44f28db28dd7223f85dc/inpage-promo-bg-235.jpg) top right no-repeat; float: left; margin-top: 30px; position: relative; padding: 14px; margin-bottom: 6px; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6} .promo-block-larger { height: 230px; background: url(/resources/6/8/689e8a8045cef5c4934e9fd7223f85dc/inpage-promo-bg-235.png) top right no-repeat; float: left; margin-top: 30px; position: relative; padding: 14px; margin-bottom: 6px; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6} .promo-block-pl-credit-cards { height: 215px; background: url(/resources/d/d/dd8e0380462b5705b8c4bbe05282f0b2/pl-gold-mastercard-bg.jpg) top right no-repeat; float: left; margin-top: 30px; position: relative; padding: 14px; margin-bottom: 6px; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6} .promo-block-pl-car-finance { height: 215px; float: left; margin-top: 30px; position: relative; padding: 14px; margin-bottom: 6px; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6} .promo-block-larger-bot { height: 230px; background: url(/689e8a8045cef5c4934e9fd7223f85dc/inpage-promo-bg-235.png?MOD=AJPERES&lmod=768442671&CACHEID=689e8a8045cef5c4934e9fd7223f85dc) top right no-repeat; float: left; margin-top: 0px; position: relative; padding: 14px; margin-bottom: 6px; border-top: 0px solid #d6d6d6; border-bottom: 1px solid #d6d6d6} .promo-block-larger-bot-cc { height: 230px; background: url(/resources/d/d/dd8e0380462b5705b8c4bbe05282f0b2/pl-gold-mastercard-bg.jpg) top right no-repeat; float: left; margin-top: 0px; position: relative; padding: 14px; margin-bottom: 6px; border-top: 0px solid #d6d6d6; border-bottom: 1px solid #d6d6d6} .promo-block-larger-bot p { font-size: 12px;} .promo-block-larger-bot h3 { font-size: 1.5em; letter-spacing: -0.03em; margin-bottom: 10px; line-height: 0.95em; } .promo-block-larger-bot h3.oversize-heading { font-size: 2.125em; height: auto; line-height: 0.5em; letter-spacing: -0.045em; } .promo-block-larger-bot-cc p { font-size: 12px;} .promo-block-larger-bot-cc h3 { font-size: 1.5em; letter-spacing: -0.03em; margin-bottom: 10px; line-height: 0.95em; } .promo-block-larger-bot-cc h3.oversize-heading { font-size: 2.125em; height: auto; line-height: 0.5em; letter-spacing: -0.045em; } .promo-block p { font-size: 12px;} .block750 {width: 775px;} .block750loans {width: 775px;} .block530 { width: 502px; } .block375 { width: 375px; } .promo-block h3 { font-size: 1.5em; letter-spacing: -0.03em; margin-bottom: 10px; line-height: 0.95em; } .promo-block h3.oversize-heading { font-size: 2.125em; height: auto; line-height: 0.5em; letter-spacing: -0.045em; } .block270 { width: 230px; margin-left: 6px; } .block397 { width: 372px; } .block403 { width: 358px; margin-left: 7px; } #main-content .promo-block ul li { margin: 0px; } .promo-block.no-top-margin { margin-top: 0px; border-top: none;} span.lefter { float: left; padding: 17px 0px 0px 120px; } p.para130 { width: 130px; } p.para180 { width: 180px; } .promo-block-new { height: 184px; float: left; margin-top: 30px; position: relative; padding: 14px; margin-bottom: 6px; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6} .promo-block-new.no-top-margin { margin-top: 0px; border-top: none;} .promo-block-new p { font-size: 12px;} .promo-block-new h3 { font-size: 1.5em; letter-spacing: -0.03em; margin-bottom: 10px; line-height: 0.95em; } .promo-block-new h3.oversize-heading { font-size: 2.125em; height: auto; line-height: 0.5em; letter-spacing: -0.045em; } .promo-block-credit-card { height: 235px; float: left; margin-top: 30px; position: relative; padding: 14px; margin-bottom: 6px; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6} .promo-block-credit-card .no-top-margin { margin-top: 0px; border-top: none;} .promo-block-credit-card p { font-size: 12px;} .promo-block-credit-card h3 { font-size: 1.5em; letter-spacing: -0.03em; margin-bottom: 10px; line-height: 0.95em; } .promo-block-nredit-card h3.oversize-heading { font-size: 2.125em; height: auto; line-height: 0.5em; letter-spacing: -0.045em; } .promo-block-homeins { float: left; position: relative; margin-bottom: 6px; min-height: 120px; height: auto !important; height: 120px; } .block-homeins-530 { width: 542px; } .landing-button-pos {position: relative; left: 290px; top: -30px; border: 0px solid #000; width: 150px;} .landing-button-pos-creditcard {position: relative; left: 290px; top: -40px; border: 0px solid #000; width: 150px;} .landing-button-pos-small {position: relative; left: 220px; top: 11px; border: 0px solid #000; width: 150px;} /* Mortgage phase 2 */ .promo-block-get-in-touch-mortgage { height: 204px; background: url(/resources/c/4/c4b815004276981bb982bf95d3dd534b/inpage-promo-bg-large.jpg) top right; float: left; margin-top: 30px; position: relative; padding: 14px; margin-bottom: 6px; border-bottom: 1px solid #d6d6d6;} .promo-block-get-in-touch-mortgage-large { height: 234px; background: url(/resources/c/4/c4b815004276981bb982bf95d3dd534b/inpage-promo-bg-large.jpg) top right; float: left; margin-top: 30px; position: relative; padding: 14px; margin-bottom: 6px; border-bottom: 1px solid #d6d6d6; margin-top: -35px} .promo-block-calc-repayments { height: 204px; background: url(/resources/c/4/c4b815004276981bb982bf95d3dd534b/inpage-promo-bg-large.jpg) top right; float: left; margin-top: 30px; position: relative; padding: 14px; margin-bottom: 6px; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6} .promo-block-calc-repayments h3 { font-size: 1.5em; letter-spacing: -0.03em; margin-top: -2px; line-height: 0.95em; } .promo-block-get-in-touch-mortgage h3 { font-size: 1.5em; letter-spacing: -0.03em; margin-bottom: 10px; line-height: 0.95em; margin-top: 0px } .promo-block-get-in-touch-mortgage-large h3 { font-size: 1.5em; letter-spacing: -0.03em; margin-bottom: 10px; line-height: 0.95em; margin-top: 0px } .promo-block-mortgage-phasetwo-homebot { height: 204px; background: url(/resources/c/4/c4b815004276981bb982bf95d3dd534b/inpage-promo-bg-large.jpg) top left; float: left; margin-top: 0px; position: relative; padding: 14px; margin-bottom: 6px; border-bottom: 1px solid #d6d6d6} .promo-block-mortgage-phasetwo-homebot h3 { font-size: 1.5em; letter-spacing: -0.03em; margin-top: -2px; line-height: 0.95em; border: 0px solid #000; } span.mortgage-calculator-sticker { width: 58px; height: 55px; display:block; background: url(/resources/d/4/d48ed300426434f6b97abf95d3dd534b/mortgage-calculator.png) no-repeat; position: absolute; top: 10px; right: 5px;} span.mortgage-dice-sticker { width: 54px; height: 55px; display:block; background: url(/resources/7/7/77559880426442d0bc2dbe95d3dd534b/mortgage-dice.png) no-repeat; position: absolute; top: 10px; right: 5px;} span.mortgage-award-sticker { width: 54px; height: 66px; display:block; background: url(/resources/c/f/cf248b80426449c3bc91be95d3dd534b/mortgage-logo-small-2011.png) no-repeat; position: absolute; top: 10px; right: 15px;} .mortgage-phasetwo-small-text-background {height: 25px; width:790px; background: url(); border-top: 1px solid #D6D6D6; border-bottom: 1px solid #D6D6D6; color: #666666; font-size: 0.725em; font-weight: bold; text-align: center; padding-top: 8px; margin-top: -20px} .mortgage-phasetwo-whitepanel {margin-top: 15px; padding-left: 20px; width: 228px; height: 169px; color: #63983b; font-weight: bold; background: url(/resources/5/1/515ed0804273a237a52cb795d3dd534b/white-panel-new.png);} .mortgage-phasetwo-whitepanel h3 { color: #000; font-weight: bold; font-size: 1.1em; line-height: 1.2em} span.mortgage-phasetwo-new-customers-sticker { width: 93px; height: 91px; display:block; background: url(/resources/e/1/e119e78042742fecaabebe95d3dd534b/new-customers-banner.png) no-repeat; position: relative; top: -3px; right: -132px;} span.mortgage-phasetwo-existing-customers-sticker { width: 93px; height: 91px; display:block; background: url(/resources/c/a/ca05e48042743042aae9be95d3dd534b/existing-customers-banner.png) no-repeat; position: relative; top: -3px; right: -132px;} .promo-block-large-panel-mortgages { height: 220px; bacgkground-color: #fff; color: #000; float: left; margin-top: 30px; position: relative; padding: 14px; margin-bottom: 6px; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6} .promo-block-large-panel-mortgages h3 { font-size: 1.4em; line-height: 100%; margin-top: 0px;} .promo-block-large-panel { height: 230px; background: url(/resources/c/4/c4b815004276981bb982bf95d3dd534b/inpage-promo-bg-large.jpg) top right no-repeat; float: left; margin-top: 30px; position: relative; padding: 14px; margin-bottom: 6px; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6} .promo-block-mortgages { height: 184px; background: url(/resources/7/3/735b52004ddc8f20bbe4bfa0eb52ef5f/inpage-promo-bg.jpg) top left no-repeat; float: left; margin-top: 30px; position: relative; padding: 14px; margin-bottom: 6px; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6} .promo-block-large-panel h3 { font-size: 1.5em; letter-spacing: -0.03em; margin-bottom: 10px; line-height: 0.95em; } .promo-block-large-panel p { font-size: 12px;} .mortgage-phasetwo-minipanel-header { font-size: 1.1em; color: #000; line-height: 1.1em;} .block-get-in-touch-mortgages { width: 230px; margin-left: 6px;} .mortgage-phasetwo-panelbody {font-size: 0.8em; color: #000; margin-top:17px; border: 0px solid #000;} .mortgage-phaasetwo-home-butpos {position: relative; bottom: -8px; height: 34px; border: 0px solid #000;} .mortgage-phaasetwo-home-butpos-mortgage-intro {height: 34px; border: 0px solid #000; margin-top: 10px; margin-bottom: 0px;} .mortgage-phaasetwo-home-butpos-bottom {position: relative; bottom: -20px; height: 34px;} .promo-block-mortgage-phasetwo-homebot block-get-in-touch-mortgages ul li {line-height: 200em;} .mortgage-phasetwo-allmortgages {line-height: 130%; border: 0px solid #000; height: 20px; margin-top: -35px; padding-top: 0px;} /* PROMO BLOCK IMAGES */ span.results-sticker { width: 192px; height: 187px; display:block; background: url(/resources/6/7/67bc63804dee1268a7c2b716723a556e/results-sticker.png) no-repeat; position: absolute; top: -30px; right: 0px; } /* span.fixedrate-stickers { width: 218px; height: 182px; display:block; background: url(/resources/b/f/bf3cf5004deee596a826be16723a556e/fix-payments-ping.png) no-repeat; position: absolute; top: 20px; right: 0px; } */ span.fixedrate-stickers { width: 142px; height: 147px; display:block; background: url(/resources/b/f/bf3cf5004deee596a826be16723a556e/fix-payments-ping.png) no-repeat; position: absolute; top: 20px; right: 0px; } span.offset-sticker { width: 107px; height: 97px; display: block; background: url(/resources/9/c/9ce3dc804deee73aa82abe16723a556e/feeFree_Small.png) no-repeat; position: absolute; top: 20px; right: 0px; } span.promo-calc { width: 104px; height: 72px; display: block; background: url() no-repeat; position: absolute; bottom: 10px; right: 20px; } .block-corp { background: url(/resources/3/c/3c75c6804ddc9461bbeebfa0eb52ef5f/stick-house-bg.jpg); } .block-community { background: url(/resources/6/1/61086a804ddc939dbbe8bfa0eb52ef5f/community-bg.jpg); } .block-csr { background: url(/resources/8/8/882770804ddc945fbbebbfa0eb52ef5f/csr-bg.jpg); } .block-ftb { background: url(/resources/f/a/fa1e81804deee851a831be16723a556e/small-house-bg.jpg); } .block-over50s { position: relative; background: url(/resources/7/3/735b52004ddc8f20bbe4bfa0eb52ef5f/inpage-promo-bg.jpg) top right no-repeat; } .block-car{ background: url(/resources/4/1/4192ba004e103ac4ab6cbf16723a556e/02-car_ins.jpg); } .block-travel{ background: url(/resources/2/4/245200004e103b45ab6fbf16723a556e/passport-bg.jpg); } .block-illness{ background: url(/resources/8/1/814eb5804e103b47ab72bf16723a556e/health-bg.jpg); } span.fifteenpercent-sticker { width: 230px; height: 189px; display:block; background: url(/resources/1/3/13999c804e103bceab75bf16723a556e/love2shop-ping.png) no-repeat; position: absolute; top: 30px; right: -65px; } span.homeinsurance-sticker { width: 162px; height: 171px; display:block; background: url(/resources/a/6/a66bc5004e727709a927a9d1dd388fed/love2shop-ping.png) no-repeat; position: absolute; top: -20px; right: 0px; } span.signature-sticker { width: 117px; height: 117px; display:block; background: url(/resources/d/6/d613bc004ec1f6348b1ddb89fa591430/425-smaller-2.png) no-repeat; position: absolute; top: 10px; right: 0px; } span.signature-at-a-glance-sticker { width: 172px; height: 105px; display:block; background: url(/resources/4/8/4846c9804ec1f6528b20db89fa591430/02-dolls.jpg) no-repeat; position: absolute; top: 0px; right: 0px; } span.personalloan-sticker { width: 165px; height: 181px; display:block; background: url(/resources/1/6/16160e004eecf12086e2de6b7835ecf5/landing-pl-64.png) no-repeat; position: absolute; top: -30px; right: 0px; } span.dpl-personalloan-sticker { width: 135px; height: 134px; display:block; background: url(/resources/f/7/f7abb78048fa490f81efb577ab94681e/dpl-personal-loan-new.png) no-repeat; position: absolute; top: -30px; right: 0px; } /* Travel home images */ .promo-block-travel { height: 174px; background: url(/resources/6/8/689e8a8045cef5c4934e9fd7223f85dc/inpage-promo-bg-235.png) top left; float: left; margin-top: 0px; position: relative; padding: 14px; margin-bottom: 6px; border-bottom: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6} /* .promo-block-travel { height: 174px; background: url(/resources/c/4/c4b815004276981bb982bf95d3dd534b/inpage-promo-bg-large.jpg) top left; float: left; margin-top: 0px; position: relative; padding: 14px; margin-bottom: 6px; border-bottom: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6} */ .travel-home-butpos-bottom {position: absolute; top: 150px; height: 34px;} span.travel-card-sticker {width: 88px; height: 107px; display:block; background: url(/resources/d/4/d4a2320047215d21af77af48035e7f05/card4.png) no-repeat; position: absolute; bottom: 0px; right: 5px;} span.travel-passport-sticker { width: 114px; height: 69px; display:block; background: url(/resources/1/0/1040eb8047215c91af62af48035e7f05/passport1.png) no-repeat; position: absolute; top: 0px; right: 5px;} span.travel-cases-sticker {width: 74px; height: 70px; display:block; background: url(/resources/9/7/97a1470047215c1eaf55af48035e7f05/cases2.png) no-repeat; position: absolute; top: 5px; right: 5px } .travel-float-left {float: left; width:55%} .travel-float-right {float: right} span.offset-new-sticker { width: 132px; height: 141px; display:block; background: url(/resources/e/3/e387ff804fef21e088a3eed354c37412/mortgage.png) no-repeat; position: absolute; top: 20px; right: 0px; } span.home-insurance-discount-sticker { width: 85px; height: 88px; display:block; background: url(/resources/0/3/036361004fef654d88aaeed354c37412/homeInsurance.png) no-repeat; position: absolute; top: 40px; right: 0px;} /* savings */ span.termdeposit-sticker { width: 132px; height: 141px; display:block; background: url(/resources/f/3/f3bc36804f876ffcbcc5ff6ba6b7ac4b/BTD.PNG) no-repeat; position: absolute; top: 70px; right:20px; } span.bestrate-new-sticker { width: 149px; height: 133px; display:block; background: url(/resources/0/f/0f1aa1004f879320bcebff6ba6b7ac4b/best-rate.png) no-repeat; position: absolute; top: -9px; right: 0px; } span.cashisa-sticker { width: 132px; height: 141px; display:block; background: url(/resources/4/9/49204d804f878666bcdbff6ba6b7ac4b/small-ping-2.0.png) no-repeat; position: absolute; top: 50px; right: 0px; } span.cashisa-frb-sticker { width: 132px; height: 141px; display:block; background: url() no-repeat; position: absolute; top: 50px; right: 0px; } span.bestrate-sticker { width: 114px; height: 95px; display:block; background: url(/resources/c/8/c87e51804f878738bcdeff6ba6b7ac4b/pig.png) no-repeat; position: absolute; top: 90px; right: 0px; } span.large-five-ten-percent-sticker { width: 155px; height: 148px; display:block; background: url(/resources/c/f/cfd70a004f8973b6bd0cff6ba6b7ac4b/td_ping-new.png) no-repeat; position: absolute; top: 0px; right: 0px; } span.two-percent-sticker { width: 132px; height: 141px; display:block; background: url(/resources/5/a/5a8f70004f8976fbbd18ff6ba6b7ac4b/cash-isa-one-point-six.png) no-repeat; position: absolute; top: 0px; right: 0px; } span.three-percent-sticker { width: 132px; height: 141px; display:block; background: url(/resources/5/f/5f823f804223b09794fbb695d3dd534b/EARN440.png) no-repeat; position: absolute; top: 0px; right: 0px; } span.isa-frb-sticker { width: 132px; height: 141px; display:block; background: url(/resources/f/4/f4740f804184c3549118d902308b7cb2/14-Ping-390-large.png) no-repeat; position: absolute; top: 0px; right: 0px; border: 1px solid #000;} span.two-five-percent-sticker { width: 114px; height: 123px; display:block; background: url(/resources/4/2/42f6db004f897812bd1cff6ba6b7ac4b/small-ping-2.5.png) no-repeat; position: absolute; top: 0px; right: 0px; } span.get-the-savings-bug-sticker { width: 132px; height: 141px; display:block; background: url(/resources/9/e/9e68bc004f89792bbd23ff6ba6b7ac4b/savings-bug.png) no-repeat; position: absolute; top: 0px; right: 0px; } span.tax-efficient-sticker { width: 132px; height: 141px; display:block; background: url(/resources/1/7/178fa8804f8975e6bd14ff6ba6b7ac4b/tax-efficient.png) no-repeat; position: absolute; top: 0px; right: 0px; } span.rising-interest-sticker { width: 114px; height: 123px; display:block; background: url(/resources/a/a/aaa2a8804f89729dbd09ff6ba6b7ac4b/small-rising-interest.png) no-repeat; position: absolute; top: 0px; right: 0px; } span.debit-card-sticker { width: 200px; height: 127px; display:block; background: url(/resources/1/a/1aa5f5804f9bef71805fd76ba6b7ac4b/CB-cards.gif) no-repeat; position: absolute; top: 0px; right: 0px; } span.signature-benefits-sticker { width: 219px; height: 135px; display:block; background: url(/resources/c/c/cc33ee0047ebf97e857c87cee6896d3d/sig-current-ac-2.png) no-repeat; position: absolute; top: 32px; right: -23px; } .blank-sticker {background: url(/resources/8/0/80a0c5004ec612108217de6b7835ecf5/blank-sticker.gif)} .student-sticker {background: url(/resources/9/9/9918cd004ec611878214de6b7835ecf5/student-sticker.gif)} .readycash-sticker {background: url(/resources/e/9/e9ce1a004ec6129c821ade6b7835ecf5/readycash-sticker.gif)} /* personal lending stickers */ span.loans-landing-sticker { width: 206px; height: 200px; display:block; background: url(/resources/8/1/81ea8380405b48f0b088f56a46fb73f8/pl-64.png) no-repeat; position: absolute; top: 10px; right:20px; } span.credit-card-double-product-sticker { width: 238px; height: 192px; display:block; background: url("http://www.cbonline.co.uk/resources/b/6/b661d500424b97059d6dbf95d3dd534b/cc-double-sticker.png") no-repeat right top; position: absolute; top: -20px; right: -5px; } span.credit-card-double-landing-sticker { width: 280px; height: 280px; display:block; background: url("http://www.cbonline.co.uk/resources/b/6/b661d500424b97059d6dbf95d3dd534b/cc-double-sticker.png") no-repeat; position: absolute; top: 10px; right: 50px; } /* Mortagage stickers */ span.fifty-percent-off-mortgage-sticker {width: 100px; height: 117px; display:block; background: url(/resources/5/3/53aeb1004248b25e8cc3be95d3dd534b/cb-fifty-percent-off-mortgage-sticker.png) no-repeat; position: absolute; top: 95px; right: 0px; } span.shop-safely-sticker { width: 132px; height: 141px; display:block; background: url(/resources/8/4/84254880405b4c36b091f56a46fb73f8/shop-safely.png) no-repeat; position: absolute; top: 10px; right:20px; } span.tailored-car-finance-sticker { width: 132px; height: 141px; display:block; background: url(/resources/0/a/0a623600405b497cb08bf56a46fb73f8/tailored-car-finance.png) no-repeat; position: absolute; top: 40px; right:20px; } span.pl-gold-mastercard-sticker { width: 136px; height: 143px; display:block; background: url(/resources/d/d/dd8e0380462b5705b8c4bbe05282f0b2/pl-gold-mastercard-bg.jpg) no-repeat; position: absolute; top: 40px; right:20px; } /* NEW SUPPORTING IMAGES */ img.floated-header-image { float: right; } /* NEW RIGHT PANELS */ div.green-panel .tool-panel a { color: #5b9f22; } /* BUTTON LINKS */ a.button-link { display: block; background: url(/resources/6/0/60addb004ddc8b24bbe0bfa0eb52ef5f/btn.jpg) no-repeat right 0; background-color: #FFFFFF; color: #FFFFFF; height: 20px; font-weight: bold; text-decoration: none;padding: 5px 30px 3px 8px; width: auto; } a.button-link-back { display: block; background: url(/resources/f/2/f2fab30042364978b02bb695d3dd534b/back-btn-cb.jpg) no-repeat left 0; background-color: #FFFFFF; color: #FFFFFF; height: 20px; font-weight: bold; text-decoration: none;padding: 5px 30px 3px 8px; width: auto; text-align: right; } a:hover.button-link { background-position: right -30px; } a:visited.button-link {color: #ffffff; text-decoration: none;} a:hover.button-link-back {background-position: left -30px;} a:visited.button-link-back {color: #ffffff; text-decoration: none;} span.button-link-wrapper-savings{ border: 1px solid black; display: block; padding: 2px 2px 2px 2px; margin-top: 5px; width: 110px; float:left;} span.button-link-wrapper-mortgage{ border: 1px solid black; display: block; padding: 2px 2px 2px 2px; margin-top: 3px; width: 120px float:left;} span.button-link-wrapper-loans{ border: 1px solid black; display: block; padding: 2px 2px 2px 2px; margin-top: 5px; bottom: 10px; float:left; width: 120px;} span.button-link-wrapper{ border: 1px solid black; display: block; padding: 2px 2px 2px 2px; margin-top: 5px; bottom: 10px; float:left;} span.button-link-wrapper-credit-cards{ border: 1px solid black; display: block; padding: 2px 2px 2px 2px; margin-top: 5px; bottom: 10px; float:left; width: 230px} span.button-link-wrapper-mortgage-calc{border: 1px solid black; display: block; padding: 2px 2px 2px 2px; margin-top: 5px; bottom: 10px; float:left; width: 200px} /*For blocks */ .promo-block p span.button-link-wrapper, .promo-block p span.button-link-wrapper.inline-button { bottom: 10px; position: absolute; left: 14px; } #block_login_content li strong { font-size: 1.2em; } span.button-link-wrapper.inline-button { position: relative; bottom: 0px; float: left; } span.button-link-wrapper.inline-button-loans { position: relative; bottom: 10px; border: 1px solid #000} img#phone-number { float: left; margin-right: 30px; margin-top: 6px;} span.calc-wrapper { width: 210px; } span.calc-wrapper a span.promo-calc{ top: -25px; right: 30px; } div#right-panel a.button-link { color: #ffffff; font-size: 12px; width: 172px;} div#right-panel span.button-link-wrapper{ margin-left: 10px; } /* IN PAGE TABS */ div.inpageTabWrapperFull {margin: 0px; position: relative; width: 749px; } div.inpageTabWrapper {margin: 0px; position: relative; width: 549px; } #main-content ul.inpageTabs{ list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; } #main-content ul.inpageTabs li { float: left; margin:0px 2px 0px 0px; padding:0; position: relative; } #main-content ul.inpageTabs li a { display: block; background: url(/resources/1/5/159938804df15cb6a923bf16723a556e/tab-off.jpg) no-repeat top left; width: 181px; height: 28px; text-align: center; color: #000000; text-decoration: none; font-size: 1.166em; font-weight: bold; padding: 17px 0px 0px 0px; } #main-content ul.inpageTabs li a:hover { color: #64993c; } #main-content ul.inpageTabs li.last-tab { margin-right: 0px; } #main-content ul.inpageTabs li a.selected-tab { background: url(/resources/e/6/e63bea804df15c27a920bf16723a556e/tab-on.jpg); color: #FFFFFF; padding-right: 1px; padding-left: 1px; } #main-content ul.inpageTabs li a.selected-bus-tab { background: url(/resources/8/f/8fc59f804434450da523af126f2a0064/tab-bus-on-new.jpg); color: #FFFFFF; padding-right: 1px; padding-left: 1px; } div.inpageTabContent{ border: 1px solid #cccccc; border-top: none; padding: 17px; margin: 0;} div.inpageTabContent-loans{ border: 1px solid #cccccc; border-top: none; padding: 0px; margin: 0;} div.inpageTabTop{ border: 0 1px 0 1px solid #cccccc; padding: 10px; background-color: #e8f0e1; color: #000; margin: 0; font-size: 0.9em;} div.greenBar { height: 6px; background-color: #64993c; clear: both; } div.blackBar { height: 6px; background-color: #000000; clear: both; } #main-content ul.inpageTabs li a span.tab-end { width: 6px; height: 45px; display: block; right: 0px; top: 0px; position: absolute; background: url(/resources/8/4/84a0b6804df15f6ea927bf16723a556e/tab-end-off.jpg) no-repeat top right; } #main-content ul.inpageTabs li a span.tab-bus-end { width: 6px; height: 45px; display: block; right: 0px; top: 0px; position: absolute; background: url(/resources/9/e/9e00908044344d43a5e8af126f2a0064/tab-bus-end-on.jpg) no-repeat top right; } #main-content ul.inpageTabs li a.selected-bus-tab span.tab-end { background: url(/resources/9/e/9e00908044344d43a5e8af126f2a0064/tab-bus-end-on.jpg); width: 5px; height: 45px; } #main-content ul.inpageTabs li a.selected-tab span.tab-end { background: url(/resources/7/7/7784c7004df15f70a92abf16723a556e/tab-end-on.jpg); width: 5px; height: 45px; } #main-content ul.inpageTabs li a.selected-tab span.tab-end { background: url(/resources/7/7/7784c7004df15f70a92abf16723a556e/tab-end-on.jpg); width: 5px; height: 45px; } span.tab-bottom-shadow { height: 6px; background:url(/resources/2/5/25ce60804df16086a92dbf16723a556e/tab-bottom-shadow.jpg) repeat-x; display: block; margin-left: 14px; width: 549px; } z div#right-panel span.button-link-wrapper.calc-wrapper { margin-bottom: 0px; margin-top: 15px; } div#right-panel ul li { border-bottom: 1px solid #EEEEEE; padding-bottom: 8px; } div#right-panel .tool-panel.no-border { border: none; } div#right-panel span.button-link-wrapper { margin-top: -10px; margin-bottom: 5px; } div#right-panel ul li strong { font-size: 1.8em; } div#right-panel .tool-panel h3 { font-weight: bold; } /* remember to define focus styles! */ :focus { outline: 0; } .personal-page #secondary-nav-holder.landing-page{ background: none; } /* PRODUCT LANDING PAGE */ #product-landing-header{ width: 945px; height: 329px; background:url(/resources/4/2/4254c8804e015f71aa17be16723a556e/cb-header.jpg) no-repeat top left; padding: 40px 0px 0px 20px; color: #000000;} #product-landing-header h1 { color: #333333; font-size: 2.87em; font-weight: bold; padding: 0px; margin: 0px 0px 0px 0px;} #product-landing-header h2 { color: #81bf38; font-size: 1.4em; font-weight: bold; padding: 0px; margin: 22px 0px;} #product-landing-header p { font-size: 0.877em; width: 440px; font-weight: bold; } #product-landing-header ul li { margin: 0px; } #product-landing-header p.small-text { margin: 0px; font-size: 0.75em; font-weight: normal; margin-top: -5px;} #product-landing-header span#no-fees { color: #333333; font-size: 1.12em; font-weight: bold; margin-top: 25px; display: block; line-height: 50px;} #product-landing-header span#no-fees strong { color: #dc291e; font-size: 2.55em; margin-right: 20px; } #product-landing-header .call-phone { margin-top: 10px; } .sIFR-hasFlash #product-landing-header h2 { margin-top: 0px; margin-bottom: 10px;} #product-landing-sign-wrapper{ position: relative; margin-top: 40px; } .product-landing-sign { height: 55px; border-bottom: 1px solid #cccccc; margin-bottom: 11px; font-weight: bold; } #main-content ul.green-tick li { background:url(/resources/3/9/39d26a804e077241ab54bf16723a556e/green-tick.gif) no-repeat scroll 0 0; } .product-landing-sign div a{ float: left; width: 297px; height: 32px; display: block; text-decoration:none; color: #FFFFFF; background: url(/resources/4/2/420afc004e015f76aa1abe16723a556e/grey-arrow.png) no-repeat top left; padding: 10px 0px 0px 12px; z-index: 10; position:absolute; } .product-landing-sign div a:hover { background-position: 0px -42px; } .product-landing-sign p { float: left; color: #1a1a1a; font-size: 0.75em; margin-left: 375px; } .product-landing-sign span.button-link-wrapper { bottom: auto; right: 50px; float: none;} #sign-post { width: 19px; height: 196px; background: url(/resources/a/6/a6a7ab004e076cfdab51bf16723a556e/post.png) no-repeat top left; position: absolute; top: -3px; left: 6px; z-index: 0;} #sign3wrapper { border-bottom: none; } #sign2wrapper span.button-link-wrapper, #sign3wrapper span.button-link-wrapper { margin-top: -35px; } .push-up-header { margin-top: -40px; } /* .sub-content .main-page p.call-phone, #product-landing-header p.call-phone { color: #73b244; font-size: 1.5em; font-weight: bold; margin-bottom: 0px;} */ .sub-content .main-page p.call-phone, #product-landing-header p.call-phone { color: #D62716; font-size: 1.5em; font-weight: bold; margin-bottom: 0px;} .sub-content .main-page p.no-top { margin-top: 0px; } #container .small-text p strong{ font-size: 1.2em; line-height: 1.2em; } #container .prod-landing-small-text { margin: 20px; } /* product details table */ table.deal-table { width: 543px; } table.deal-table tr { } table.deal-table th { line-height: 1.1em; border: 1px solid #cccccc; background: url(/resources/6/b/6bb076804df15a3fa91dbf16723a556e/table-header-bg.jpg) repeat-x; color: #ffffff; font-size: 0.75em; font-weight: bold; padding: 5px 4px 5px 8px; text-align: center;} table.deal-table td { border: 1px solid #cccccc; font-size: 0.75em; padding: 5px 5px 5px 8px; text-align:center; } table.deal-table tr.zebra { background-color: #f0f0f0; } table.deal-table tr.lt-grey { background-color: #f7f7f7; } table.deal-table td.ltv { color: #dc291e; font-size: 1.126em; font-weight: bold; text-align: center; padding: 0px; } #container .no-bottom { margin-bottom: 0; } #main-content h2.oversize { font-size: 1.5em; color: #DC291E; font-weight: bold; padding: 8px 0px 14px 14px; margin-top: 6px; margin-left: 6px; margin-bottom: 6px; font-weight: normal; border-bottom: 1px solid #D6D6D6;} span.button-link-wrapper.button-no-position { bottom: auto; display: block; position: relative; margin: 20px 0px 20px 0px; font-size: 0.75em; z-index: 1;} span.spacer10 { display: block; height: 10px; } #main-content ul.inpageTabs.five-tabs li a { width: 107px; font-size: 1em; } #main-content ul.inpageTabs.five-tabs li.last-tab a { width: 111px; } #main-content ul.inpageTabs.four-tabs li a { width: 136px; font-size: 1em;} #main-content ul.inpageTabs.four-tabs li.last-tab a { width: 133px;} #main-content ul.inpageTabs.four-tabs-large li.last-tab a { width: 163px;} div#right-panel ul.no-border li { padding-bottom: 0px; border-bottom: none; } .personal-page .sub-content .main-page h2 strong { color: #000000; } #container .content ul.no-top { margin-top: 0px; } p.stick-bottom { bottom: 10px; position: absolute;} /*logged out page*/ #main-content div.loggedout-page div.copyholder h1 { font-size:2em; } div.loggedout-page h2 { color:#000000; font-size:1em; font-weight:bold; margin-top:-10px; margin-left:15px;} div.loggedout-page div.imgholder { float:left;margin:10px; } div.loggedout-page div.copyholder { float:left;margin-top:10px; } div#loggedout-lhs { width:222px; float:left; margin-left:5px; } div#loggedout-lhs h3 { color:#000000; font-weight: bold; font-size: 1.25em; } div#loggedout-center { width:471px; float:left; padding:0px; margin-left:18px; color:#000000; border:1px solid #ccc; } div#loggedout-right { width:222px; float:left; } .block232 { width:222px; } div#loggedout-lhs ul li { color:#000000; } #container div#loggedout-center ul { margin-top:-10px; margin-left:10px; } .promo-block.no-right-padding { padding-right:0px; margin-top:0px; margin-bottom:2px; } .greenpin1 { float:right;padding-top:10px; } .calendarimage { float:right;margin-top:-30px; margin-bottom:-20px;} div#loggedout-rhs { width:222px; float:left;} #main-content div#loggedout-rhs li { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } div#loggedout-rhs h3 { font-size:1.2em; letter-spacing:-0.03em; margin:0 10px 4px 0; font-weight: bold; } div#loggedout-rhs p { font-size:0.8em; margin:10px;} div#loggedout-rhs div.tool-panel p { margin:4px 4px 0 4px; } div#loggedout-rhs div.tool-panel ul { margin: 6px 0; } div#loggedout-rhs .promo-block { height: auto; } div#loggedout-rhs #right-panel { width:232px; float:left; margin-left:5px;} div.moreusefulinks { clear:both; padding-top:20px; padding-left:10px; margin-bottom:20px;} #main-content div.moreusefulinks ul { margin: 4px 0; } #main-content div.moreusefulinks li { margin: 0; } div.moreusefulinks h3 { color:#cc3333; font-size:1.4em; margin-bottom:5px; } div.columns { border-top:1px solid #eeeeee; } .col1, .col2, .col3, .col4 { width:232px; height:180px; margin-right:5px; border-bottom:1px solid #eeeeee; float:left; padding-top:10px;} .col1 p, .col2 p, .col3 p, .col4 p { color:#000000; font-size:0.8em; } .col4 { text-align:center; } .col4 img { margin-top:30px; margin-bottom:29px; } div#loggedout-lhs span.button-link-wrapper { position:relative; top:0;} div#loggedout-center span.button-link-wrapper { position:relative; float:right; margin-right:10px; margin-top:-40px; font-size: 0.75em;} div#right-panel a.button-link.rhs { color:#FFFFFF; font-size:12px; width:auto; } div#right-panel span.button-link-wrapper.rhs { margin-bottom:5px; margin-top:-10px; margin-left:-10px; } /*logged out page*/ #main-content div.loggedout-page div.copyholder h1 { font-size:2em; } div.loggedout-page h2 { color:#000000; font-size:1em; font-weight:bold; margin-top:-10px; margin-left:15px;} div.loggedout-page div.imgholder { float:left;margin:10px; } div.loggedout-page div.copyholder { float:left;margin-top:10px; } div#loggedout-lhs { width:222px; float:left; margin-left:5px; } div#loggedout-lhs h3 { color:#000000; font-weight: bold; font-size: 1.25em; } div#loggedout-center { width:471px; float:left; padding:0px; margin-left:18px; color:#000000; border:1px solid #ccc; } div#loggedout-right { width:222px; float:left; } .block232 { width:222px; } div#loggedout-lhs ul li { color:#000000; } #container div#loggedout-center ul { margin-top:-10px; margin-left:10px; } .promo-block.no-right-padding { padding-right:0px; margin-top:0px; margin-bottom:2px; } .greenpin1 { float:right;padding-top:10px; } .greenpin2 { float:right; position: relative; top: 0px } /* .greenpin2 { float:right;padding-top:-10px; } */ .calendarimage { float:right;margin-top:-30px; margin-bottom:-20px;} div#loggedout-rhs { width:222px; float:left;} #main-content div#loggedout-rhs li { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } div#loggedout-rhs h3 { font-size:1.2em; letter-spacing:-0.03em; margin:0 10px 4px 0; font-weight: bold; } div#loggedout-rhs p { font-size:0.8em; margin:10px;} div#loggedout-rhs div.tool-panel p { margin:4px 4px 0 4px; } div#loggedout-rhs div.tool-panel ul { margin: 6px 0; } div#loggedout-rhs .promo-block { height: auto; } div#loggedout-rhs #right-panel { width:232px; float:left; margin-left:5px;} div.moreusefulinks { clear:both; padding-top:20px; padding-left:10px; margin-bottom:20px;} #main-content div.moreusefulinks ul { margin: 4px 0; } #main-content div.moreusefulinks li { margin: 0; } div.moreusefulinks h3 { color:#cc3333; font-size:1.4em; margin-bottom:5px; } div.columns { border-top:1px solid #eeeeee; } .col1, .col2, .col3, .col4 { width:217px; height:180px; margin-right:15px; border-bottom:1px solid #eeeeee; float:left; padding-top:10px;} .col1 p, .col2 p, .col3 p, .col4 p { color:#000000; font-size:0.8em; } .col4 { text-align:center; } .col4 img { margin-top:30px; margin-bottom:29px; } div#loggedout-lhs span.button-link-wrapper { position:relative; top:0;} div#loggedout-center span.button-link-wrapper { position:relative; float:left; margin-right:10px; margin-left: 10px; margin-top:-40px; font-size: 0.75em;} div#right-panel a.button-link.rhs { color:#FFFFFF; font-size:12px; width:auto; } div#right-panel span.button-link-wrapper.rhs { margin-bottom:5px; margin-top:-10px; margin-left:-10px; } div#right-panel span.button-link-wrapper rhs-offset { margin-bottom:5px; margin-top: 25px; margin-left:-10px; } #loggedoutblock {float: left; position: relative; padding: 5px; text-align: left; margin-top: -20px; height: 102px;} #loggedoutblock p {font-size: 1em; color: #818181; font-weight: bold; line-height: 1.3em; padding-left: 10px } #loggedoutblock .award {float:right;padding-top:10px; padding: 0 10px 0 10px;} H2.black {color: #000;} /* call back text size */ .call-back-size {font-weight: bold; font-size: 1.5em} /* indenting of h4 for lists */ h4.indent { padding-left:20px; font-size:16px; font-weight:bold; line-height:12px; padding-top:10px;} /* IB Logout footer links */ div.col1 a, div.col2 a, div.col3 a { color: #5B9F22; } /* remove padding top all mortgages tile firefox */ #main-content ul.pt0 li {padding-top:0;} p.MortgageFooter { background-color:#F4F4F4; border:1px solid #CCCCCC; color:#333333; font-size:0.7em; font-weight:bold; margin:0; padding:10px; text-align:left; width:752px; } /* RIGHT PANEL FOR TABBED PAGES IN BUSINESS */ #tab-right-panel .tab-panel { width: auto; background: #fff; } #tab-right-panel { color:#000000; float:right; margin-top:0; position:relative; width:239px; } /* FOR REPRESENTATIVE PANEL ON PERSONAL LOANS PAGE */ .pl-example h3 { margin-top: 0px; font-size: 14px; !important } .pl-example { border-right: rgb(100,153,60) 1px solid; padding-right: 10px; border-top: rgb(100,153,60) 1px solid; padding-left: 10px; float: right; padding-bottom: 10px; border-left: rgb(100,153,60) 1px solid; width: 40%; padding-top: 10px; border-bottom: rgb(100,153,60) 1px solid; } #main-content .pl-example ul { margin-bottom: 0px; font-size: 14px } .pl-example-left { float: left; width: 53%; } #pl-example-id { font-size: 0.9em; } .pl-example-home { border-right: rgb(100,153,60) 1px solid; padding-right: 10px; border-top: rgb(100,153,60) 1px solid; padding-left: 10px; float: right; padding-bottom: 10px; border-left: rgb(100,153,60) 1px solid; width: 33%; padding-top: 10px; border-bottom: rgb(100,153,60) 1px solid; } #main-content .pl-example-home ul { margin-bottom: 0px; font-size: 14px } /* FOR NEW STYLE TABBED PRODUCT PAGE */ #main-content #mortgage ul.inpageTabs.four-tabs li a { width:125px; } #mortgage div.inpageTabWrapper { width: 510px; } .rightpanel .crosssale { display: block; width: 262px; text-align: center; margin-bottom: 10px; } /* Credit Card Homepage Representative Example Tile*/ #mastercard-div { float: left; width: 60%; } #mastercard-div h3 { margin-top: 0; padding: 0; } #rep-example-div { border: 4px solid #64993c; background-color: #fff; width: 35%; padding: 10px; float: right; } /* LOGOUT TILES */ div#main-content div#loggedout-lhs .logout-top, div#main-content div#loggedout-rhs .logout-top { padding: 0px; margin-top: 0px; } div#main-content div#loggedout-lhs .logout-bottom { padding: 0px; margin-top: 9px; border-bottom: 1px solid #D6D6D6; } div#main-content div#loggedout-rhs .logout-bottom { padding: 0px; margin-top:-7px; } div#main-content div#loggedout-rhs { margin-left: 5px; } /* CALCULATOR JAVASCRIPT DROP DOWN */ #calcoptions { background:#FFFFFF; border:1px solid #333; margin-left:-3px; margin-top:2px; overflow:visible; position:absolute; z-index:43; font-size: 12px; width: 310px; } .calcchoice { display: inline-block; margin:0; padding:10px; } * html .calcchoice { display:inline; } /* for IE 6 */ * + html .calcchoice { display:inline; } /* for IE 7 */ #product-alert h3 { display: block; height: 33px; line-height: 33px; font-size: 18px; color: #35640f; background: transparent url(/resources/1/0/10623d00464158dd8e2ede6354abf23b/g-bg.png) repeat-x left top; padding-left: 10px; margin-bottom: 0px; } #product-alert h3 span { color: #fff; } #product-alert p { margin-top: 1px; border: solid 1px #ccc; padding: 10px; } #product-alert { margin-bottom: 20px; } /* PL UOPI LIGHTBOX CSS */ #light { padding:10px; width:700px; height:430px; color:#333; background:#fff; z-index: 9981; position:fixed !important; position: absolute; /*ie6 and above*/ } #lightinner { width:680px; height:410px; padding:10px; border:1px solid #ccc; background: #fff; } #fade { left:0; top:0; padding:0; width:100%; height:100%; color:#333; background:#000; z-index: 9980; position:fixed !important; position: absolute; /*ie6 and above*/ } .closebutton { margin: 0; padding: 0; position: absolute; bottom: 15px; right: 20px; cursor:help; } uopiform { font-size:0.75em; line-height:1.5em; } /* PRIVATE MORTGAGES PAGE */ .private-page #mortgage .main-page { margin: 0 14px; width: auto; } .private-page table.sortable2 td.noright, .private-page table.sortable2 th.noright { text-align: center; } .private-page #mortgage .phone { background-image: url(/resources/5/6/56e5508046f8f6a7835ba3240df4ea2c/phone_icon2.png); } .private-page a.iconbutton .leftbranch { background-image: url(/resources/0/f/0fdd768046f8f70c8369a3240df4ea2c/rhs-cta-branch-locator-left2.png); } .private-page #mortgage a:link, .private-page #mortgage a { color: #666; } .private-page #main-content ul.inpageTabs li a.selected-tab { background-image: url(/resources/e/c/ec8fe70046f8f75e837aa3240df4ea2c/tab-on2.jpg); } .private-page #main-content ul.inpageTabs li a.selected-tab span.tab-end { background-image: url(/resources/5/6/561dfd0046f8f8148389a3240df4ea2c/tab-end-on2.jpg); } .private-page div.greenBar { background: #696969; } .private-page #main-content ul.inpageTabs li a:hover { color: #000; } .private-page a.addToolTip { border-bottom: 1px dotted #000000; } #priv #theToolTip { background-color: #696969; } /* persnoal loans eligibility list */ ul .list-tick { list-style-type: none; padding: 0; margin: 0; } .pl-buttons-pos {float: right; padding-top: 20px} div #ticklist ul.list-tick li {padding-left: 30px; list-style-type: none; list-style-image: none; background-image:url(/resources/4/7/47e99500466b636ebacdbfd8e26d3ef2/landing-pages-tick.gif); background-repeat: no} .pl-form-text {font-size:0.8em} /* business new css */ .promo-block-large-panel-business { height: 260px; bacgkground-color: #fff; color: #000; float: left; margin-top: 30px; position: relative; padding: 14px; margin-bottom: 6px; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6} .promo-block-large-panel-business h3 { font-size: 1.4em; line-height: 100%; margin-top: 0px;} .business-fullwidth { width: 95%;} .business-whitepanel {margin-top: 15px; width: 745px; height: 217px; color: #63983b; font-weight: bold; background: url(/resources/4/b/4b661b004816473ca097f34e8de07bb7/business-white-panel-background3.jpg);} span.business-internet-banking-bol-sticker { width: 103px; height: 99px; display:block; background: url(/d7d31b804752491bb5d4fd3260088f70/business-internet-banking-bol-sticker.png?MOD=AJPERES&lmod=-1214139328&CACHEID=d7d31b804752491bb5d4fd3260088f70) no-repeat; position: relative; top: 12px; right: -626px;} .business-whitepanel-header { padding: 10px 0 0 10px; font-size: 1.1em; color: #696969; line-height: 1.1em; font-weight: bold;} .business-whitepanel-header-sub {padding-left: 10px; font-size: 1.1em; color: #000; line-height: 1.1em; font-weight: bold; margin-top: 10px;} .business-whitepanel-left-pos {margin-top: 32px;} .business-whitepanel ul {position: relative; left: 10px; top: -5px; line-height: 15px;} .business-whitepanel ul a:link, a:active, a:visited {color: #000; text-decoration: none} .business-whitepanel ul a:hover {color: #000; text-decoration: underline} a.business-iconbutton .business-homesub-left { display: block; float: left; background: url(/resources/b/4/b453bb004754d664bd1bfd3260088f70/business-cta-register.png) no-repeat; width: 41px; height: 40px; } a.business-iconbutton .business-homesub-right { display: block; float: left; background: url(/resources/6/b/6bb015004754d7bebd3efd3260088f70/business-cta-right.png) no-repeat; width: 22px; height: 40px; } a.business-iconbutton span { display: block; float: left; background: url(/resources/2/2/222bdf804754d756bd29fd3260088f70/business-cta-background.png) repeat-x; height: 40px; width: 80px; text-align: center; text-decoration: none; } a.business-iconbutton { font-family: arial,sans-serif; font-weight: bold; font-size: 12px; line-height:40px; cursor: hand; text-decoration: none; color: #000000; } a:hover.business-iconbutton { color: #696969; } .business-homesub-butpos {padding-left: 10px; margin-top: -8px;} .promo-block-business-homesub { height: 218px; width: 46%; background: url(/0348260047559e6b8288de3260088f70/inpage-promo-bg-business.jpg?MOD=AJPERES&lmod=-1120391866&CACHEID=0348260047559e6b8288de3260088f70) top right; float: left; margin-top: 0px; position: relative; margin-left: 7px; margin-bottom: 6px; padding-top: 10px; padding-left: 10px; border-bottom: 1px solid #d6d6d6} .promo-block-business-homesub h3 { font-size: 1.4em; line-height: 100%; margin-top: 0px; color: #696969;} .business-panelbody {font-size: 0.8em; color: #000; margin-top:17px; border: 0px solid #000; width: 350px; padding-left: 10px; float: left;} .business-notop {margin-top: 0px;} // .block-get-in-touch-mortgages { width: 42%; margin-left: 6px;} /* Debt Ownership styles */ .debt-ownership-box {border: 1px solid #D6D6D6; font-size: 0.8em; padding: 10px; margin-top: 10px; font-weight: bold} .debt-ownership-box-widths {float: left; width: 360px; height: 160px; position: relative; left: 14px; margin-right: 14px;}.debt-ownership-box h2 {font-size: 1.5em; padding: 0; margin: 0; font-weight: bold;} .debt-ownership-box p {margin-top: 10px; margin-bottom: 15px; width: 290px;} .debt-ownership-box-butpos {margin-left: -6px;} /* NEW IB */ #main-content #sig_landing_tabs { width: 945px; height: 300px; text-align: left; margin: 0 0 5px 0; padding-left: 10px; padding-right: 10px; } #main-content #sig_landing_tabs ul { display: block; width: 233px; height: 300px; background: #626262; /* Old browsers */ background: -moz-linear-gradient(top, #626262 0%, #323232 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#626262), color-stop(100%,#323232)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #626262 0%,#323232 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #626262 0%,#323232 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #626262 0%,#323232 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#626262', endColorstr='#323232',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #626262 0%,#323232 100%); /* W3C */ color: #fff; float: left; position: relative; z-index: 999; border-right: 1px solid #333; text-align: left; margin: 0 0 0 0; padding: 0; } #main-content #sig_landing_tabs ul li { display: block; height: 74px; border-bottom: 1px solid #333; width: 234px; margin: 0 0 0 5px; float: left; text-align: left; background: none; list-style-type: none; padding-left: 0px; padding-top: 0px; position: relative; left: -5px; } * html #main-content #sig_landing_tabs ul li { height: 74px; display: inline; margin-left: 0; text-align: left; } * html #main-content #sig_landing_tabs ul li.active { background: url(/resources/d/d/ddee93804795b0138d5abda430770f3b/left.png) no-repeat 0px -1px; text-align: left; } #main-content #sig_landing_tabs ul li a:link, #main-content #sig_landing_tabs ul li a:visited, #main-content #sig_landing_tabs ul li a:active { padding: 25px 20px; text-decoration: none; color: #fff; font-size: 17px; font-weight: bold; display: block; text-align: left; height: 24px; overflow: hidden; } #main-content #sig_landing_tabs ul li.active a:link, #main-content #sig_landing_tabs ul li.active a:visited, #main-content #sig_landing_tabs ul li.active a:active { background: url(/resources/d/d/ddee93804795b0138d5abda430770f3b/left.png) no-repeat 0px 4px; height: 24px; margin-left: 0px; padding-left: 20px; padding-right: 44px; width: 194px; display: block; position: relative; } #main-content .sig_landing_tab_content { width: 711px; height: 300px; float: right; background: #dc291e; overflow: hidden; z-index: -1000; } * html #main-content .sig_landing_tab_content { width: 705px; } .loggedout-page-new { position: relative; padding: 14px 10px 2px 30px; margin: 5px 10px 5px 10px; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* W3C */ border-bottom: 1px solid #ddd; } .ib-bottom-tile { width: 311px; height: 270px; margin-left: 5px; float: left; background: url(/resources/c/4/c4b815004276981bb982bf95d3dd534b/inpage-promo-bg-large.jpg) top right no-repeat; border-bottom: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; margin-bottom: 10px; display: inline; position: relative; } #carousel-log { border-bottom: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; display: block; } .ib-bottom-first { margin-left: 10px; } .ib-bottom-tile a.smallbutton { position: absolute; left: 20px; bottom: 20px; } .ib-bottom-tile h2 { margin: 20px 20px 0 20px; font-size: 16px; font-weight: bold; color: #222; } .ib-bottom-tile p { margin: 10px 20px 0 20px; font-size: 12px; font-weight: normal; color: #000; } #main-content .ib-bottom-tile-new { width: 308px; } #main-content .ib-bottom-tile-new h2 { font-size: 28px; letter-spacing: -1px; margin-bottom: 20px; } #main-content .ib-bottom-tile-new p { line-height: 20px; width: 150px; font-size: 15px; } #main-content .ib-bottom-tile-new p strong.rate { font-size: 24px; } .offers-panel { position: absolute; display: block; top: -8px; left: -21px; width: 88px; height: 92px; background: transparent url(/resources/6/7/6738258047a796e3bbd8bffbdf90c5a6/offers.png) no-repeat top left; } #ib-logout-top-message { font-size: 0.9em; color: #333; letter-spacing: -0.02em; margin-bottom: 2px; margin-top: -3px; padding-bottom: 10px; padding-left: 80px; position: relative; width: 875px; right: 0px; top: 45px; font-weight: bold; margin-left: 0px; margin-right: 0px; } .ib-logout-padlock { display: block; position: absolute; top: 4px; left: 24px; background: transparent url(/resources/c/e/ced43a804900223f9c43bd77ab94681e/ib-logout-padlock.png) top left no-repeat; height: 37px; width: 37px; } /* DPL */ #mortgage .main-page-detail p.dpl-eligibility-header { background: #66b03f; color: #fff; padding: 10px; font-size: 16px; font-weight: bold; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; background: #72c04a; /* Old browsers */ background: -moz-linear-gradient(top, #72c04a 0%, #5fa43a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#72c04a), color-stop(100%,#5fa43a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #72c04a 0%,#5fa43a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #72c04a 0%,#5fa43a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #72c04a 0%,#5fa43a 100%); /* IE10+ */ background: linear-gradient(top, #72c04a 0%,#5fa43a 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72c04a', endColorstr='#5fa43a',GradientType=0 ); /* IE6-9 */ } .dpl-eligiblity-box { display: block; padding: 0 10px 0px 10px; margin-top: 0; border: 1px solid #eff7e8; } .dpl-eligiblity-box-bg { background: #eff7e8; } .dpl-eligiblity-popup { border: 2px solid #83AB6D; padding: 10px 20px 20px 20px; margin: 20px 0; display: block; font-size: 14px; background: #E9F4E3; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; } #mortgage .main-page-detail .dpl-eligiblity-popup p { font-size: 14px; } ul#dpl-eligiblity-list li { background-image: url(/resources/6/0/604b5e0048fa09cb8019b577ab94681e/landing-pages-tick.gif); list-style-image: none; list-style-type: none; padding-left: 30px; } .lp-dpl-float-left {border-right: #000 0px solid; padding-right: 10px; border-top: #000 0px solid; float: left; border-left: #000 0px solid; width: 48%; border-bottom: #000 0px solid} .lp-dpl-float-left p.margintop {margin-top: 5px} .promo-block-dpl { float: left; position: relative; margin-bottom: 6px; min-height: 90px; height: 90px; } .dpl-loan-calc-seopage {border-top: #d6d6d6 1px solid; border-bottom: #d6d6d6 1px solid} .block-dplseo-530 { width: 500px; } /*NEW SIG UPGRADE FINISHED PAGE */ #upgraded-top { background: #DC291E; color: #FFFFFF; padding-bottom: 1px; } #upgraded-top h2 { font-size: 26px; font-weight: bold; margin-bottom: 20px; margin-left: 15px; padding-top: 20px; letter-spacing: -1px; } #upgraded-top p { font-size: 14px; margin-bottom: 20px; margin-left: 15px; margin-right: 15px; } #upgraded-top ul { display: block; margin-left: 15px; margin-right: 15px; } #upgraded-top ul li { display: block; width: 180px; float: left; margin-right: 20px; font-weight: bold; font-size: 15px; background-image: url(/resources/7/b/7b89af00492b2abf971cd7e4879ea8df/red.bullet.gif); background-position: -2px 7px; } #upgraded-bottom { margin-top: 10px; color: #000; position: relative; height: 128px; } #upgraded-bottom h2 { font-weight: bold; font-size: 24px; margin-bottom: 20px; } #upgraded-bottom p { font-size: 14px; margin-right: 100px; }