/* Lloyds TSB Offshore Layout and Presentation CSS Author(s): M. J. Magee (www.e-scape.co.uk) Icons by famfamfam.com Date: 27.11.08 Version: 5d www.e-scape.co.uk Change Log: 09.04.10 - MM - 5a 14.04.10 - MM - 5b 17.05.10 - MM - 5c amends to pre-apply page boxes 28.06.10 - MM - 5d */ /* Standards */ * { margin: 0px; padding: 0px; } body { font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; } /* xmas: body { background: url(../img/backgrounds/content_xmas-bg.png); }*/ hr, .hidden { display: none; } acronym { border-bottom: 0px; } .clear { clear: both; height: 1px; } .left { float: left; } .right { float: right; } .right-align { text-align: right !important; } .two-col { width: 50%; } .margin-bottom-minus-2px { margin-bottom: -2px !important; } .margin-top-0px { margin-top: 0px !important; } .margin-top-10px { margin-top: 10px !important; } .margin-top-20px { margin-top: 20px !important; } .margin-top-25px { margin-top: 25px !important; } .margin-top-30px { margin-top: 30px !important; } .margin-bottom-0px { margin-bottom: 0px !important; } .margin-bottom-5px { margin-bottom: 5px !important; } .margin-bottom-10px { margin-bottom: 10px !important; } .margin-bottom-30px { margin-bottom: 30px !important; } .margin-left-20px { margin-left: 20px !important; } .margin-right-40px { margin-right: 40px !important; } .padding-bottom-10px { padding-bottom: 10px !important; } .padding-bottom-20px { padding-bottom: 20px !important; } .sIFR-active .rel-top-10px { position: relative !important; top: 10px !important; } .width-115px { width: 110px !important; } .width-120px { width: 120px !important; } .width-350px { width: 350px !important; } .new { width: 23px; height: 9px; background: url(../img/titles/content_new.png) no-repeat; margin: 0.5em 0 0 0; text-indent: -1000px; overflow: hidden; display: block; } .lloydstsbinternationalhomepage .new { float: right; position:relative; bottom:30px; left:10px; } .lloydstsbinternationalhomepage .pia { float: right; position:relative; bottom:13px; left:10px; } a { color: #00864f; font-weight: bold; text-decoration: none; } a:hover { color: #5abd19; text-decoration: underline; } a:active, a:focus { outline: none; } a img { border: 0px; } /* Main Body */ #wrapper { width: 976px; background: #FFFFFF; margin: 0 auto 20px auto; text-align: center; } .w750px #wrapper { width: 750px; position: relative; padding-bottom: 30px; padding-left: 10px; } .w650px #wrapper { width: 600px; position: relative; padding-bottom: 30px; padding-left: 10px; } #wrapper p.close-pop-up { position: absolute; bottom: 0px; right: 10px; font-size: 1.2em; } #wrapper ul { list-style: none; } #wrapper li, #wrapper dt, #wrapper dd { margin-bottom: 0.3em; font-size: 1.2em; } #wrapper fieldset { border: 0px; } .newloginprocedure {width:600px;} .newloginprocedure #wrapper ul {list-style: circle; padding: 0 0 0 40px;} .newloginprocedure #wrapper p.h1 {color:#006633;font-family:"Arial","Helvetica","Verdana","Trebuchet","sans-serif";font-size:250%;font-weight:600; margin-bottom:10px;text-transform:uppercase;width:auto;} .newloginprocedure #wrapper p.h2 { color:#000000;font-family:"Arial","Helvetica","Verdana","Trebuchet","sans-serif";font-size:150%; vertical-align:baseline; font-weight:600; } .newloginprocedure #wrapper p { width:550px; } ol.letter { list-style: alpha; } /* Header */ #header { width: 100%; position: relative; text-align: left; } .abTestingLandingPageapplypage #header, .iapreapplypage #header, .ibsapreapplypage #header, .preapply #header, #ab-landing-page #header { padding-bottom: 35px; } #header span { display: none; } #header ul { list-style: none; } #header p#logo { width: 361px; position: relative; top: 23px; left: 10px; } #header p#logo a { width: 361px; height: 32px; background: url(../img/backgrounds/header_logo.png) no-repeat; display: block; } #header #quicklinks { float: right; position: relative; right: 22px; display: inline; } #header #quicklinks li { background: url(../img/backgrounds/header_quicklinks-div.gif) no-repeat 100% 50%; float: left; padding: 0 0.6em; font-size: 1.2em; } #header #quicklinks li.last-item { background: none; } .abTestingLandingPageapplypage #header #quicklinks, .iapreapplypage #header #quicklinks, .ibsapreapplypage #header #quicklinks { right: 0px; } .abTestingLandingPageapplypage #header #quicklinks li, .ibsapreapplypage #header #quicklinks li { padding-right: 0.2em; } #header p.spacing { height: 5.0em; } #wrapper #header p.close-pop-up { top: 26px; right: 30px; } #header #decorative-break { clear: both; width: 100%; height: 45px; background: url(../img/backgrounds/header_decorative-bg.png) repeat-x; margin: -5px auto 30px auto; } /* Header Tabs and Sub Navigation */ #header ul#header-navigation { width: 963px; height: 46px; background: url(../img/backgrounds/header_tabs-bg.jpg) repeat-x; padding-left: 13px; position: relative; top: 25px; } .lloydstsbinternationalhomepage #header ul#header-navigation, .logoffpage #header ul#header-navigation { margin-bottom: 35px; } /* Style tweaks for NEW HEADER - remove old references when ready to go live */ .lloydstsbhomepage #header ul#header-navigation { top: 40px; margin-bottom: 38px; } #header ul#header-navigation li { float: left; } #header ul#header-navigation li a { height: 46px; background: url(../img/backgrounds/header_tabs.png) no-repeat; display: block; } #header ul#header-navigation li#nav-international a { width: 231px; background-position: -67px 0; } #header ul#header-navigation li#nav-international a:hover { background-position: -67px -46px; } #header ul#header-navigation li#nav-international a.selected, #header ul#header-navigation li#nav-international a:hover.selected { background-position: -67px -92px; } #header ul#header-navigation li#nav-channel a { width: 276px; background-position: -298px 0; } #header ul#header-navigation li#nav-channel a:hover { background-position: -298px -46px; } #header ul#header-navigation li#nav-channel a.selected, #header ul#header-navigation li#nav-channel a:hover.selected { background-position: -298px -92px; } #header ul#header-navigation li#nav-business a { width: 230px; background: url(../img/backgrounds/header_main-navigation-tabs.png) no-repeat; background-position: -510px 0; display: block; } #header ul#header-navigation li#nav-business a:hover { background-position: -510px -46px; } #header ul#header-navigation li#nav-business a.selected, #header ul#header-navigation li#nav-business a:hover.selected { background-position: -510px -92px; } #header ul#header-navigation li#nav-home a { width: 67px; background-position: 0 0; } #header ul#header-navigation li#nav-home a:hover { background-position: 0 -46px; } #header ul#header-navigation li#nav-home a.selected, #header ul#header-navigation li#nav-home a:hover.selected { background-position: 0 -92px; } #header ul#header-navigation li#nav-personal a { width: 276px; background-position: -298px 0; } #header ul#header-navigation li#nav-personal a:hover { background-position: -298px -46px; } #header ul#header-navigation li#nav-personal a.selected, #header ul#header-navigation li#nav-personal a:hover.selected { background-position: -298px -92px; } #header ul#header-navigation li#nav-corporate a { width: 212px; background-position: -574px 0; } #header ul#header-navigation li#nav-corporate a:hover { background-position: -574px -46px; } #header ul#header-navigation li#nav-corporate a.selected, #header ul#header-navigation li#nav-corporate a:hover.selected { background-position: -574px -92px; } #header ul#header-navigation li#nav-wws a { width: 177px; background-position: -786px 0; } #header ul#header-navigation li#nav-wws a:hover { background-position: -786px -46px; } #header ul#header-navigation li#nav-wws a.selected, #header ul#header-navigation li#nav-corporate a:hover.selected { background-position: -786px -92px; } #header ul#header-subnav { width: 948px; background: #e7e7e7; position: absolute; top: 46px; left: 0px; padding: 9px 14px 7px 14px; display: block; } #header ul#header-subnav li { background: url(../img/backgrounds/header_subnav-div.gif) no-repeat 100% 50%; padding: 0 13px 0 15px; font-size: 1.1em; } #header ul#header-subnav li a { height: auto; background: none; text-decoration: none; display: inline; } #header ul#header-subnav li a:hover { color: #397711; text-decoration: underline; } #header ul#header-subnav li.selected a { font-weight: normal; } #header ul#header-subnav li.last-item { background: none; } #header .headerLoginDesign ul#header-subnav li a { font-weight: normal; } #header .headerLoginDesign ul#header-subnav li.selected a { font-weight: bold; } /* RD: Header Quicklinks */ #quick-links { position: absolute; right: 25px; top: 25px; list-style-type: none; margin:0; padding: 0 0 5px 0; border-bottom: 1px solid #666666; overflow: hidden;} #quick-links li { float: left; padding: 0 0 0 6px; margin: 0; } #quick-links li a { color: #666666; font-weight: normal; padding: 0 6px 0 0; margin: 0; } #quick-links li a.last { border: none; } /* Login buttons */ #header #internet-banking-login { position: absolute; top: 57px; right: 25px; z-index: 10; } #header #internet-banking-login big { position: relative; width: 125px; right: 180px; float: right; margin-top: 8px; margin-left: -180px; font-size: 1.5em; color: #0d8c58; font-weight: bold; } #header #internet-banking-login ul { list-style: none; } #header #internet-banking-login ul li { float: right; } #header #internet-banking-login ul li a, #log-in-information p.internet-banking-login a { width: 78px; height: 35px; background: url(../img/buttons/header_log-on-buttons.png) no-repeat; margin-left: 6px; display: block; } #header #internet-banking-login ul li#button-log-on a, #log-in-information p.internet-banking-login a { background-position: 0 0; } #header #internet-banking-login ul li#button-log-on a:hover, #header #internet-banking-login ul li#button-log-on a:focus, #log-in-information p.internet-banking-login a:hover, #log-in-information p.internet-banking-login a:focus { background-position: 0 -36px; } #header #internet-banking-login ul li#button-register a { width: 92px; background-position: -79px 0; } #header #internet-banking-login ul li#button-register a:hover, #header #internet-banking-login ul li#button-register a:focus { background-position: -79px -36px; } #header #internet-banking-login p { clear: both; background: url(../img/icons/header_lock-icon.png) no-repeat 0 3px; float: right; margin-right: 2px; padding-left: 15px; font-size: 1.0em; } /* Breadcrumb Trail */ #header p#breadcrumb { width: 961px; background: #FFFFFF; padding: 40px 0 20px 15px; font-size: 1.1em; color: #00864f; } #header p#breadcrumb.subnav-spacing { padding-top: 74px; } #header p#breadcrumb b { margin-right: 0.5em; color: #333399; font-weight: normal; } /* Content - Standards */ #content { width: 720px; float: left; text-align: left; } .w650px #content { width:650px; float: left; text-align: left; } #content h1, #product-information h1, #log-in-information h1 { position: relative; margin-left: 15px; text-align: left; font-size: 2.0em; color: #333399; z-index: 20; } #content h2, #product-information h2, #log-in-information h2 { margin: 0.2em 15px 1.0em 15px; font-size: 1.3em; color: #4f4f4f; font-weight: bold; } #content h3, #log-in-information h3 { margin: 1.2em 0 10px 15px; font-size: 2.0em; color: #00864f; font-weight: normal; } #content h3.padding10px { padding-bottom: 10px; } .howwecompare #content h3.sifr, .incomefunds #content h3.sifr, .growthfunds #content h3.sifr { margin-top: 1.0em !important; } .oled #content h3.sifr { margin-top: 0.8em !important; } .oled #content h3.margin-top-0px { margin-top: 0px !important; } .fundslifestyleportfolios #content h3.margin-bottom-0px.sIFR-replaced { margin-bottom: -20px !important; } .savingscategorypage h3.small { position: relative; top: 10px; } #content h3.small { width: 400px; } #content big { margin: 0.5em 0 10px 15px; font-size: 1.8em; color: #5abd19; font-weight: bold; display: block; } .ibsapreapplypage #content big, .preapply #content big { margin-top: 0px !important; margin-bottom: 0px !important; } #content p.sifr { margin-top: 1.5em; margin-left: 15px; font-size: 1.8em; color: #333399; } #content p.sifr a { color: #333399; } #content p.sifr a:hover { color: #16165b; } #content p { margin: 0.8em 15px; font-size: 1.2em; color: #000000; } #content p small, #product-information p small, { margin-top: 2.5em; font-size: 0.8em; color: #9a9a9a; display: block; } .internationalaccountfaqs #content small, .eustdfaqs #content small, .ratesandcharges #content small, .countrylist #content small, .mortgagefaqs #content small { position: relative; bottom: 0.8em; } .regularsavingplan #content p small { font-size: 1.0em; } #content ul { margin-bottom: 1.0em; margin-left: 15px; } #productPageWithTabs #content ul.indent {margin-bottom: 2em; } #content ul.small { list-style: disc; padding-bottom: 0px !important; } #content ul.small li { margin-left: 1.5em; font-size: 1.0em; color: #9a9a9a; } #content ul.ticks li { background: url(../img/backgrounds/content_tick.png) no-repeat 0 0; margin-bottom: 0.8em; padding-left: 18px; } #content ul.margin-top-10px { margin-top: 10px !important; } #wrapper #content ul.bullets li { background: url(../img/backgrounds/content_bullet.gif) no-repeat 15px 0.5em; position: relative; margin-bottom: 1.5em; padding-left: 30px; color: #000000; z-index: 100; } #wrapper #content ul.ticks li ul.bullets { margin-top: 0.5em; } #wrapper #content ul.ticks li ul.bullets li { margin-bottom: 0.5em; } #wrapper #content ul.bullets li li, #wrapper #content ul.bullets li li li { list-style: disc; } #wrapper #content ul.bullets li ul { margin-top: 0.5em; margin-left: 2.5em; } #wrapper #content ul.bullets li li li { margin-bottom: 0.8em; } #wrapper #content ul.bullets li li a, #wrapper #content ul.bullets li li li a { font-weight: normal; } #wrapper #content ul li li, #wrapper #content ul li li li, #wrapper #content ol li li, #wrapper #content ol li li li { font-size: 1.0em; } .sitemap #wrapper #content ul.bullets li { background: none; margin-left: 0px; padding-left: 0px; color: #007c3c; } #content ol { margin-bottom: 1.0em; margin-left: 25px; } .internationalaccountwhattosend #content div ol, .bonussaverwhattosend #content div ol, .internetbankingregister #content ol { margin-left: 45px; } #content .spacing { height: 1.5em; } #content li.spacing { height: auto; margin-top: 0.8em; } #content.advice li.spacing { margin-top: 1.6em; } #content p.lozenge { float: right; margin: 0 0 10px 20px; } #content p.banner { clear: both; width: 720px; margin: 2.5em 0 0.5em 0; } #content address { margin: 0.5em 15px; font-size: 1.2em; font-style: normal; display: block; } #content object#popup_new-login-procedure { padding-left: 20px; background: url(img/banners/popup_new-login-procedure.gif); } /* Content - Product pages */ #product-information { width: 976px; float: left; text-align: left; } .bonussaveraccount #content, .fundslifestyleportfolios #content { padding-top: 1.8em; } .oled3halfyearsterling #content, .oled5yearsterling #content, .oled3halfyeardollar #content { padding-top: 0.5em; } #product-information img { float: left; } #product-information p { font-size: 1.2em; color: #000000; } #product-information p small { margin-top: 1.5em; } .internationalaccount #product-information p small, .iafullproductlandingpage #product-information p small, .affiliateinternationalaccount #product-information p small { width: 420px; } #product-information .apply-now a { width: 112px; height: 36px; background: url(../img/buttons/content_apply-now.png) no-repeat; margin-top: 8px; margin-left: 8px; float: right; display: block; } #product-information .apply-now a:hover { background-position: 0 -36px; } #product-information .apply-now a span { display: none; } .internationalaccount #product-information .content-box .apply-now, .iafullproductlandingpage #product-information .content-box .apply-now, .affiliateinternationalaccount #product-information .content-box .apply-now, .fundslifestyleportfolios #product-information .apply-or-find-out-more, .fundslifestyleportfolios #product-information .request-a-call-back, .internationalaccount #product-information .apply-online, .iafullproductlandingpage #product-information .apply-online, .oled #product-information .apply-online { position: absolute; bottom: 15px; right: 11px; z-index: 800; } .fundslifestyleportfolios #product-information .request-a-call-back a { position: relative; z-index: 800; } #product-information .content-box { width: 537px; min-height: 237px; background: url(../img/backgrounds/content_product-page-box-bg.png) no-repeat 0% 100%; position: relative; float: right; padding: 40px 20px 10px 16px; display: block; } #product-information .content-box h3 { width: 573px; height: 40px; background-repeat: no-repeat; position: absolute; top: 0px; left: 0px; display: block; } #product-information .content-box h3#key-benefits { background: url(../img/titles/content_product-page_key-benefits.png); } #product-information .content-box h3#oled_3-half-year-sterling-growth { background: url(../img/titles/content_product-page_3-half-yr-sterling-deposit.png); } #product-information .content-box h3#oled_5-year-sterling-growth { background: url(../img/titles/content_product-page_5-year-sterling-growth.png); } #product-information .content-box h3#oled_5-year-sterling-income { background: url(../img/titles/content_product-page_5-year-sterling-income.png); } #product-information .content-box h3#oled_5-year-US-dollar-growth { background: url(../img/titles/content_product-page_5-year-dollar-growth.png); } #product-information .content-box h3#oled_5-year-US-dollar-income { background: url(../img/titles/content_product-page_5-year-dollar-income.png); } #product-information .content-box h3#lifestyle-portfolios-at-a-glance { background: url(../img/titles/content_product-page_lifestyle-portfolios.png); } #product-information .content-box h3 span { display: none; } #product-information .content-box big { min-height: 2.5em; margin-bottom: 0.8em; font-size: 1.3em; color: #00864f; font-weight: bold; display: block; } #product-information .content-box ul { position: relative; margin-top: 0.4em; z-index: 500; } #product-information .content-box ul li { background: url(../img/backgrounds/content_tick.png) no-repeat 0 3px; margin-bottom: 0.6em; padding-left: 23px; } .fundslifestyleportfolios #product-information .content-box ul { margin-bottom: 1.5em; } .fundslifestyleportfolios #product-information .content-box ul li { margin-bottom: 0.4em; } #product-information .content-box ul li.small { width: 300px; } #product-information table { width: 573px; min-height: 285px; background:url(../img/backgrounds/content_product-page-table-bg.png) no-repeat 0% 100%; float: right; border: 0px; display: block; } #product-information table thead, #product-information table tbody, #product-information table tr, #product-information table td, #product-information table th { background: transparent; border: 0px; } #product-information table thead tr th { background: url(../img/backgrounds/content_product-page-table-bg.png) no-repeat -590px -12px; padding: 0 6px 14px 6px; font-size: 1.2em; color: #FFFFFF; } #product-information table thead tr th.rates-top { background-position: -573px 0%; padding: 5px 0; } #product-information table thead tr th.first { background-position: -573px -12px; } #product-information table thead tr th.last { background-position: -1139px -12px; } #product-information table thead th.spacer, #product-information table tbody td.spacer { width: 7px; padding: 0px; border-bottom: 0px; } #product-information table thead th.first-col, #product-information table tbody td.first-col { width: 70px; } #product-information table thead th.large-col, #product-information table tbody td.large-col { width: 100px; } .bonussaveraccount #product-information table thead th.large-col, .bonussaveraccount #product-information table tbody td.large-col { width: 110px; } #product-information table tbody td { padding: 10px 6px; font-size: 1.2em; border-bottom: 1px solid #55bb11; } #product-information table tbody tr.last-row td { padding-bottom: 16px; border-bottom: 0px; } #product-information table tbody tr td.apply a { width: 93px; height: 30px; background: url(../img/buttons/content_small-apply-now.png) no-repeat; display: block; } #product-information table tbody tr td.apply a:hover { background-position: 0 -30px; } #product-information table tbody tr td.apply a span { display: none; } #product-information .content-box div.left, #product-information .content-box div.right { width: 260px; margin-top: 1.0em; display: block; } #product-information p.apply-online a span, #product-information p.download-application-form a span { display: none; } /* Content - Product Boxes */ /* Small boxes */ #content .product-boxes { width: 720px; margin-top: 2.5em; margin-bottom: 2.2em; } #content .product-boxes h3 { margin-bottom: 1.0em; font-weight: bold; } #content .product-boxes dl { width: 175px; background: url(../img/backgrounds/content_small-box-bg.png) repeat-y; float: left; margin-right: 6px; } #content .product-boxes dl.last-item { margin-right: 0px; } #content .product-boxes dl.hover { cursor: pointer; } #content .product-boxes dl dt { min-height: 2.5em; background: url(../img/backgrounds/content_small-box-rimmed-top.png) no-repeat; padding: 18px 8px 1.2em 5px; text-align: center; font-size: 1.3em; } #content .product-boxes dl dt a { color: #333399; text-decoration: none; } #content .product-boxes dl dt a:hover { color: #16165b; text-decoration: underline; } #content .product-boxes dl dd { background: url(../img/backgrounds/content_small-box-bottom.png) no-repeat 0 100%; margin-bottom: -2px; padding-bottom: 8px; } #content .product-boxes dl dd p { min-height: 5.2em; margin: 0.7em 15px 0.5em 14px; font-size: 0.9em; } #content .product-boxes dl dd p.more { min-height: 0px; margin-bottom: 0px; padding-bottom: 1.5em; } #content .product-boxes dl dd p.more a { text-align: center; font-size: 1.1em; display: block; } #content .product-boxes dl dd a { position: relative; } #content .product-boxes dl dd a span { width: 171px; height: 15px; background: url(../img/backgrounds/content_small-box-curve.png) no-repeat; position: absolute; bottom: 0px; left: 1px; display: block; } #content .product-boxes dl dd img { margin-left: 1px; } /* Medium boxes */ .branchfinder #content .product-boxes dl { width: 233px; background: url(../img/backgrounds/content_medium-box-bg.png) repeat-y; } .branchfinder #content .product-boxes dl dt { min-height: 0.5em; background: url(../img/backgrounds/content_medium-box-rimmed-top.png) no-repeat; } .branchfinder #content .product-boxes dl dd { background: url(../img/backgrounds/content_medium-box-bottom.png) no-repeat 0 100%; } .branchfinder #content .product-boxes dl dd a span { width: 229px; background: url(../img/backgrounds/content_medium-box-curve.png) no-repeat; } /* Content - Link Box */ #content .box { clear: both; width: 720px; margin: 2.5em 0 1.5em 0; } .internationalhomepage #content .box { margin-bottom: 0px; } #content .box-top { width: 720px; height: 11px; background: url(../img/backgrounds/content_link-box-top.png) no-repeat; position: relative; z-index: 10; } #content .box-middle { width: 690px; background: url(../img/backgrounds/content_link-box-plain-middle.png) repeat-y; padding: 14px 16px 14px 14px; } #content .box-bottom { width: 720px; height: 12px; background: url(../img/backgrounds/content_link-box-plain-bottom.png) no-repeat; position: relative; bottom: 7px; margin-bottom: -7px; } #content .plain-list-holder { width: 690px; margin: 14px 15px 0 15px; } #content .box-middle ul, #content .plain-list-holder ul { margin-left: 0px; } #content .box-middle ul.left, #content .box-middle ul.right, #content .plain-list-holder ul { width: 325px; } #content .box-middle ul li, #content .plain-list-holder ul li { margin-bottom: 0.8em; } #content .box-middle ul li.spacing, #content .plain-list-holder ul li.spacing { margin-top: 2.0em; } #content .box-middle h3 { margin: 0 0 1.0em 0; font-size: 1.3em; color: #32349b; font-weight: bold; } #content .box-middle ul li h3 { margin: 0px; padding-bottom: 0.3em; font-size: 1.0em; color: #00864f; font-weight: bold; } #content .box-middle ul li ul { margin-top: 1.0em; } #content .box-middle ul li ul li, #content .plain-list-holder ul li ul li { background: url(../img/backgrounds/content_bullet.gif) no-repeat 15px 50%; padding-left: 30px; font-size: 1.0em; } #content .box-middle p { margin: 0 0 0.9em 0; } #content .gradient-bg .box-middle, #content .information-wrapper .box-middle { background: url(../img/backgrounds/content_link-box-gradient-bg.png) no-repeat bottom; } #content .gradient-bg .box-bottom { background: url(../img/backgrounds/content_link-box-gradient-bg-bottom.png) no-repeat; bottom: 0px; } #content .information-wrapper .box-bottom { background: url(../img/backgrounds/content_information-table-bottom.png) no-repeat; bottom: 0px; } #content .stock-bg { position: relative; } #content .stock-bg .box-middle { width: 703px; padding: 0 3px 0 14px; } #content .stock-bg .box-middle h3 { padding-top: 0.8em; } #content .stock-bg .box-middle p, #content .stock-bg .box-middle ul { width: 390px; } .bonussaverwhattosend #content .stock-bg .box-middle div, .preapply #content .stock-bg { padding-top: 1.2em; } .bonussaverwhattosend #content .stock-bg .box-middle p { width: 360px; } #content .box-middle div { background-repeat: no-repeat !important; background-position: 100% 0 !important; position: relative; bottom: 6px; margin-bottom: -6px; padding-bottom: 7px; } #content .box-middle div.clear { background: none; bottom: 0px; margin: 0px; padding: 0px; } #content .box-middle .house { background: url(../img/backgrounds/content_link-box-house.jpg); } #content .box-middle .stone-path { min-height: 200px; background: url(../img/backgrounds/content_link-box-stone-path.jpg); } #content .box-middle .small-stone-path { min-height: 100px; background: url(../img/backgrounds/content_link-box-small-stone-path.jpg); } #content .box-middle .sand { min-height: 100px; background: url(../img/backgrounds/content_link-box-sand.jpg); } #content .box-middle .building { min-height: 100px; background: url(../img/backgrounds/content_link-box-building.jpg); } #content .box-middle .sailboats { min-height: 200px; background: url(../img/backgrounds/content_link-box-sailboats.jpg); } .fundshowtoapply #content .box-middle .sailboats { height: 15.5em; } #content .box-middle .lighthouse { min-height: 250px; background: url(../img/backgrounds/content_link-box-lighthouse.jpg); } #content .box-middle .small-lighthouse { min-height: 130px; background: url(../img/backgrounds/content_link-box-small-lighthouse.jpg); } #content .box-middle .ibsa-lighthouse { min-height: 140px; background: url(../img/backgrounds/content_link-box-ibsa-lighthouse.jpg); } #content .box-middle .small-ibsa-lighthouse { min-height: 140px; background: url(../img/backgrounds/content_link-box-small-ibsa-lighthouse.jpg); } #content .box-middle .columns-and-building { min-height: 140px; background: url(../img/backgrounds/content_link-box-columns-and-building.jpg); } #content .box-middle .stepping-stones { min-height: 200px; background: url(../img/backgrounds/content_link-box-stepping-stones.jpg); } #content .box-middle .thai-chi { min-height: 135px; background: url(../img/backgrounds/content_link-box-thai-chi.jpg); } #content .box-middle .small-thai-chi { min-height: 100px; background: url(../img/backgrounds/content_link-box-small-thai-chi.jpg); } #content .box-middle .coconut-tree { min-height: 200px; background: url(../img/backgrounds/content_link-box-coconut-tree.jpg); } #content .box-middle .beach { min-height: 130px; background: url(../img/backgrounds/content_link-box-beach.jpg); } #content .box-middle .key { min-height: 180px; background: url(../img/backgrounds/content_link-box-key.jpg); } #content .box-middle .calculator { min-height: 100px; background: url(../img/backgrounds/content_link-box-calculator.jpg); } #content .box-middle .keypad { min-height: 160px; background: url(../img/backgrounds/content_link-box-keypad.jpg); } #content .box-middle .night-city { min-height: 180px; background: url(../img/backgrounds/content_link-box-night-city.jpg); } #content .box-middle .taxi { min-height: 170px; background: url(../img/backgrounds/content_link-box-taxi.jpg); } #content .box-middle .house-on-stilts { min-height: 230px; background: url(../img/backgrounds/content_link-box-house-on-stilts.jpg); } #content .box-middle .skyscrapers { min-height: 150px; background: url(../img/backgrounds/content_link-box-skyscrapers.jpg); } #content .box-middle .flying-plane { min-height: 150px; background: url(../img/backgrounds/content_link-box-flying-plane.jpg); } #content .box-middle .large-flying-plane { min-height: 220px; background: url(../img/backgrounds/content_link-box-large-flying-plane.jpg); } #content .box-middle .running-child { min-height: 140px; background: url(../img/backgrounds/content_link-box-running-child.jpg); } #content .box-middle .trees { min-height: 130px; background: url(../img/backgrounds/content_link-box-trees.jpg); } #content .box-middle .birds { min-height: 180px; background: url(../img/backgrounds/content_link-box-birds.jpg); } #content .box-middle .small-birds { min-height: 150px; background: url(../img/backgrounds/content_link-box-small-birds.jpg); } #content .box-middle .zebra-crossing { min-height: 90px; background: url(../img/backgrounds/content_link-box-zebra-crossing.jpg); } #content .box-middle .bamboo { min-height: 190px; background: url(../img/backgrounds/content_link-box-bamboo.jpg); } #content .stock-bg .box-middle .building p, #content .stock-bg .box-middle .building ul { width: 400px; } #content .stock-bg .box-middle .sailboats p, #content .stock-bg .box-middle .sailboats ul, #content .stock-bg .box-middle .thai-chi p, #content .stock-bg .box-middle .thai-chi ul { width: 385px; } #content .box-middle .clock { background: url(../img/backgrounds/content_clock.png) no-repeat 95% 10% !important; } #content .box-middle .shell { background: url(../img/backgrounds/content_shell.png) no-repeat 95% 10% !important; } #content .box-middle .clock p, #content .box-middle .shell p { width: 550px; } #content .box-middle .credit-cards { height: 117px; background: url(../img/backgrounds/content_credit-cards.png) no-repeat 98% 10% !important; } #content .box-middle .credit-cards p, #content .box-middle .credit-cards li { width: 460px; } #content .box-middle .columns-and-building p { width: 330px; } #content .box-middle .birds p { width: 330px; } .sIFR-active #content .small-margin { margin-bottom: -15px; } #content .gradient-bg.small-margin .box-bottom { margin-bottom: -18px; } /* Content - Other Box */ #content .other { width: 720px; background: url(../img/backgrounds/content_other-box-top.png) no-repeat; margin-top: 3.5em; padding: 22px 0 10px 0; } #content .other h3 { margin-top: 0px; margin-bottom: 0px; } #content .other dl { width: 360px; float: left; } #content .other dl dt { padding: 18px 15px 0 15px; color: #333399; font-weight: bold; } #content .other dl dd { padding: 0 15px 18px 15px; } #content .other dl dd ul { margin: 0px; } #content .other dl dd li { font-size: 1.0em; } #content .other .div { clear: both; margin: 0px; } #content .other .div span { width: 354px; height: 1px; background: #cccccc; display: block; } /* Content - Offers Box */ .latestoffers #content h3.sifr { margin-top: 2.0em; } #content .offers { margin-top: 1.5em; } #content .offers dl { width: 100%; margin-bottom: 1.5em; } #content .offers dl.last { margin-bottom: 0px; } #content .offers dl dt { width: 262px; float: left; margin-right: 15px; } #content .offers dl.right dt { float: right; margin-right: 0px; margin-left: 15px; } #content .offers dl dd { width: 413px; float: left; font-size: 1.0em; } #content .offers dl dd h3 { margin-bottom: 0.5em; font-size: 1.4em; } #content .offers dl dd h3 a, #content .offers dl dd h3 a:hover { color: #34349a; } #content .offers dl dd.button a { float: right; } #content .offers dl.right dd.button a { float: left; } #content .offers .div { clear: both; width: 100%; margin: 0 auto 1.5em auto; border-bottom: 1px solid #c5c5c5; } /* Content - Forms */ #content fieldset, #content fieldset.anchors, #content.rates fieldset.anchors { width: 725px; background: url(../img/backgrounds/content_fieldset-bg.png) repeat-y; margin: 2em 0; } #content fieldset .fieldset-top { width: 725px; height: 6px; background: url(../img/backgrounds/content_fieldset-top.png) no-repeat; padding-bottom: 10px; display: block; } #content fieldset .fieldset-bottom, #content fieldset.anchors .fieldset-bottom, #content.rates fieldset.anchors .fieldset-bottom, .oledhomepage #content.rates fieldset .fieldset-bottom { width: 725px; height: 110px; background: url(../img/backgrounds/content_fieldset-gradient-bg-bottom.png) no-repeat; margin-top: -30px; } #content fieldset .fieldset-bottom-small { height: 40px; background: url(../img/backgrounds/content_fieldset-small-gradient-bg-bottom.png) no-repeat; margin-top: -30px; position: relative; z-index: 1; } #content fieldset form, #content fieldset p, #content fieldset dl { position: relative; z-index: 10; } #content fieldset p { margin-top: 0px; } #content .req { color: #ff0000; } #content #applicationForm fieldset h3 { margin-top: 0px; margin-bottom: 0px; } #content ol#two-steps { width: 703px; height: 55px; list-style: none; margin-left: 0px; } #content ol#two-steps li { height: 56px; float: left; margin-left: -21px; } #content ol#two-steps li a { height: 56px; background: url(../img/backgrounds/content_two-step-arrows.png) no-repeat; position: relative; display: block; z-index: 1; } #content ol#two-steps li a:hover, #content ol#two-steps li a:active { z-index: 10; } #content ol#two-steps li a span { display: none; } #content ol#two-steps li#step-1 { width: 380px; margin-left: 0px; } #content ol#two-steps li#step-1 a { width: 380px; background-position: 0 0; } #content ol#two-steps li#step-1 a:hover, #content ol#two-steps li#step-1 a:active { background-position: 0 -56px; } #content ol#two-steps li#step-2 { width: 344px; } #content ol#two-steps li#step-2 a { width: 344px; background-position: -359px 0; } #content ol#two-steps li#step-2 a:hover, #content ol#two-steps li#step-2 a:active { background-position: -359px -112px; } #content fieldset dl { width: 695px; margin: 3.5em 15px 0 15px; } #content fieldset dl dt { clear: both; width: 250px; float: left; margin-bottom: 1.5em; font-weight: bold; } #content fieldset dl dt.error { width: 445px; margin-top: 20px; padding-left: 250px; color: #ff0000; } #content fieldset dl dt small { width: 90%; margin-top: 0.4em; padding-right: 10%; font-weight: normal; display: block; } #content fieldset dl dd { width: 445px; float: left; margin-bottom: 1.5em; } #content fieldset dl dd.other { background: none; margin-top: 0; padding: 0;} #content fieldset dl dd.other dl { width: 695px; font-size: 0.8em; padding: 0; margin: 0; border: 0;} #content fieldset dl dd.other dl dt { padding: 0; color: #000; } #content fieldset dl dd.other dl dd { margin: 0; padding: 0;} #content fieldset dl dd.clear { clear: both; float: none; } #content fieldset dl dd input, #content fieldset dl dd select, #content fieldset dl dd textarea { width: 25.0em; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; padding: 2px; border: 1px solid #9a9a9a; } #content fieldset dl dd select { width: 25.5em; } #content fieldset dl dd select option.div { margin-top: 10px auto 12px auto; color: #666666; } #content fieldset dl dd input:hover, #content fieldset dl dd input:focus, #content fieldset dl dd input.onfocus, #content fieldset dl dd select:hover, #content fieldset dl dd select:focus, #content fieldset dl dd select.onfocus, #content fieldset dl dd textarea:hover, #content fieldset dl dd textarea:focus, #content fieldset dl dd textarea.onfocus { border: 1px solid #6a6a6a; } #content fieldset dl dd input.required, #content fieldset dl dd select.required, #content fieldset dl dd textarea.required { border: 1px solid #ff0000; } #content fieldset dl dd.checkbox { clear: both; width: 40px; margin-bottom: 0px; text-align: left; } #content fieldset dl dd.checkbox input { width: auto; border: 0px; } #content fieldset dl dt.checkbox { clear: none; width: 530px; margin-bottom: 0px; padding-right: 125px; font-weight: normal; line-height: 1.3em; } #content fieldset dl dt.checkbox-error { width: 490px; margin-top: 0px; margin-bottom: 1.0em; padding-right: 125px; padding-left: 40px; } #content fieldset dl dd ul { margin: 0px; } #content fieldset dl dd ul li { margin-bottom: 0.5em; font-size: 1.0em; } #content fieldset dl dd ul li input, #content fieldset dl dd ul li input:hover, #content fieldset dl dd ul li input:focus, #content fieldset dl dd ul li input.onfocus { width: auto; height: auto; margin-right: 0.5em; border: 0px; } .productselector #content fieldset dl dd ul li { margin-bottom: 1.0em; } #content fieldset ul.inline { position: relative; z-index: 10; } #content fieldset ul.inline li { float: left; margin-right: 1.6em; } #content fieldset ul.inline li.last-item { margin-right: 0px; } #content fieldset dl dd ul.inline li { float: none; margin-right: 2.5em; display: inline; } #content p.button { float: right; margin: 10px 10.0em 10px 0; } #content button { border: 0px; cursor: pointer; } #content button span { display: none; } #content button.submit { width: 92px; height: 35px; background: url(../img/buttons/form_submit.png) no-repeat 0 0; } #content button.submit:hover { background-position: 0 -35px; } #content p a.no-button { width: auto !important; height: auto !important; background: none !important; margin-top: -8px; } #content dd.download-application { margin-top: -10px !important; } #content dd.download-application a { width: 170px; height: 35px; background: url(../img/buttons/content_download-application.png) no-repeat; display: block; } #content dd.download-application a:hover { background-position: 0 -36px; } #content dd.apply-online a { width: 124px; height: 35px; background: url(../img/buttons/content_apply-online.png) no-repeat; display: block; } #content dd.apply-online a:hover { background-position: 0 -36px; } #content p.apply-online a, #product-information p.apply-online a { width: 124px; height: 35px; background: url(../img/buttons/content_apply-online.png) no-repeat; display: block; } #content p.apply-online a:hover, #product-information p.apply-online a:hover { background-position: 0 -36px; } #content p.switch-online a { width: 129px; height: 36px; background: url(../img/buttons/content_switch-online.png) no-repeat; display: block; } #content p.switch-online a:hover { background-position: 0 -36px; } #content .gradient-box p.apply-online a, #content .gradient-box p.switch-online a { background: url(../img/buttons/gradient-box_buttons.png) no-repeat; } .preapply #content .gradient-box p.apply-online a { background: url(../img/buttons/content_apply-online.png) no-repeat; } #content .gradient-box p.apply-online a:hover { background-position: 0 -36px; } #content .gradient-box p.switch-online a { background-position: 0 -72px; } #content .gradient-box p.switch-online a:hover { background-position: 0 -108px; } #content p.apply-now a { width: 113px; height: 36px; background: url(../img/buttons/sidebar_apply-now.png) no-repeat; display: block; } #content p.apply-now a:hover { background-position: 0 -36px; } #content p.apply-now a span { display: none; } #content p.download-application-form { margin-bottom: 2.0em; } #content p.download-application-form a, #product-information p.download-application-form a { width: 216px; height: 36px; background: url(../img/buttons/content_download-application-form.png) no-repeat; display: block; } #content p.download-application-form a:hover, #product-information p.download-application-form a:hover { background-position: 0 -36px; } #content p.download-pdf-application { margin-bottom: 2.0em; } #content p.download-pdf-application a { width: 212px; height: 35px; background: url(../img/buttons/content_download-pdf-application.png) no-repeat; display: block; } #content p.download-pdf-application a:hover { background-position: 0 -36px; } #content p.apply-for-your-international-account a { width: 275px; height: 35px; background: url(../img/buttons/content_apply-for-your-international-account.png) no-repeat; display: block; } #content p.apply-for-your-international-account a:hover { background-position: 0 -35px; } #content p.transfer-your-account-form a { width: 330px; height: 35px; background: url(../img/buttons/content_transfer-your-account-form.png) no-repeat; display: block; } #content p.transfer-your-account-form a:hover { background-position: 0 -35px; } #content p.complete-form a { width: 139px; height: 36px; background: url(../img/buttons/content_complete-form.png) no-repeat; display: block; } #content p.complete-form a:hover { background-position: 0 -36px; } #content p.subscribe a { width: 106px; height: 36px; background: url(../img/buttons/content_subscribe.png) no-repeat; display: block; } #content p.subscribe a:hover { background-position: 0 -36px; } #content p.register-your-interest a { width: 179px; height: 36px; background: url(../img/buttons/content_register-your-interest.png) no-repeat; display: block; } #content p.register-your-interest a:hover { background-position: 0 -36px; } #content .find-out-more a { width: 132px; height: 35px; background: url(../img/buttons/content_find-out-more.png) no-repeat; display: block; } #content .find-out-more a:hover { background-position: 0 -35px; } #content .contact-an-advisor a { width: 164px; height: 36px; background: url(../img/buttons/content_contact-an-advisor.png) no-repeat; display: block; } #content .contact-an-advisor a:hover { background-position: 0 -36px; } #content p.register-now a { width: 126px; height: 36px; background: url(../img/buttons/content_register-now.png) no-repeat 0 0; display: block; } #content p.register-now a:hover { background-position: 0 -36px; } #wrapper p.apply-or-find-out-more a { width: 187px; height: 36px; background: url(../img/buttons/content_apply-or-find-out-more.png) no-repeat 0 0; display: block; } #wrapper p.apply-or-find-out-more a:hover { background-position: 0 -36px; } #wrapper p.request-a-call-back a { width: 169px; height: 36px; background: url(../img/buttons/content_request-a-call-back.png) no-repeat 0 0; display: block; } #wrapper p.request-a-call-back a:hover { background-position: 0 -36px; } #content p.contact-an-adviser a { width: 204px; height: 36px; background: url(../img/buttons/content_contact-an-adviser-today.png) no-repeat 0 0; display: block; } #content p.contact-an-adviser a:hover { background-position: 0 -36px; } #wrapper p.small-request-a-call-back a { width: 150px; height: 32px; background: url(../img/buttons/content_small-request-a-call-back.png) no-repeat 0 0; display: block; } #wrapper p.small-request-a-call-back a:hover { background-position: 0 -32px; } #wrapper p.small-find-out-more a { width: 121px; height: 32px; background: url(../img/buttons/content_small-find-out-more.png) no-repeat 0 0; display: block; } #wrapper p.small-find-out-more a:hover { background-position: 0 -32px; } /* Content - Small gradient boxes */ #content .floating-boxed-content { width: 352px; margin: 1.2em 0 0 0; } #content .floating-boxed-content .top { width: 352px; height: 6px; background: url(../img/backgrounds/content_small-dl-top.png) no-repeat; display: block; } #content .floating-boxed-content dl { width: 352px; min-height: 13.0em; background: url(../img/backgrounds/content_small-dl-gradient-bg-bottom.png) no-repeat bottom; position: relative; margin: 0px; padding-bottom: 15px; } #content .floating-boxed-content dl dt { padding: 10px 20px 0 20px; font-size: 1.8em; color: #5abd19; font-weight: bold; } #content .floating-boxed-content dl dd { padding: 10px 20px 0 20px; font-size: 1.2em; } #content .floating-boxed-content dl dd.register-for-internet-banking { padding-top: 0px; } #content .floating-boxed-content dl dd.register-for-internet-banking a { width: 225px; height: 36px; background: url(../img/buttons/content_register-for-internet-banking.png) no-repeat; position: absolute; bottom: 15px; left: 20px; display: block; } #content .floating-boxed-content dl dd.register-for-internet-banking a:hover { background-position: 0 -36px; } /* Content - Homepage */ .lloydstsbinternationalhomepage #content { width: 724px; } #content .homepage-box { width: 724px; background: url(../img/backgrounds/content_homepage-box-bg.png) repeat-y; margin: 0 0 8px 0; } #content .homepage-box .box-top { width: 724px; height: 9px; background: url(../img/backgrounds/content_homepage-box-top.png) no-repeat; top: 0px; } #content .homepage-box .middle { width: 700px; position: relative; padding: 0 12px; } #content .homepage-box .intro-text { width: 700px; height: 248px; position: relative; bottom: 3px; left: 4px; padding-top: 3px; display: block; z-index: 10; } #content .homepage-box h1 span, #content .homepage-box h2 { display: block; } .sIFR-active #content .homepage-box h1 span, .sIFR-active #content .homepage-box h2 { display: none !important; } .sIFR-active #content .homepage-box h1 { width: 292px !important; height: 73px !important; background: url(../img/titles/header_lloyds-tsb-international.png) no-repeat 0 4px; position: relative !important; top: 8px !important; display: block !important; visibility: visible !important; z-index: 100; } #content .homepage-box .compass { background: url(../img/backgrounds/content_homepage-navigation-bg.jpg) no-repeat 407px 0px; } #content .homepage-box div#banner-2, #content .homepage-box div#banner-3, #content .homepage-box div#banner-4, #content .homepage-box div#banner-5 { position: absolute; top: 0px; right: 0px; } #content .homepage-box span.corners { width: 708px; height: 4px; background: url(../img/backgrounds/homepage_banner-corners.png) no-repeat; position: absolute; top: 0px; right: 0px; display: block; z-index: 100; } #content .homepage-box .box-bottom { width: 724px; height: 11px; background: url(../img/backgrounds/content_homepage-box-bottom.png) no-repeat; top: 0px; } #content.homepage .gradient-bg .box-bottom { display: none; } #content .box-bottom.homepage-buckets { top: 5px; right: 12px; } #content .homepage-box #RadEditorPlaceHolderControl1 a img, #content .homepage-box div#banner-1 a img { position: relative; bottom: 3px; right: 9px; } /* Whichever div the intro text is in needs a width of 700px #content .homepage-box div#banner-3 { width: 700px; }*/ #content .homepage-box ul#banner-rotator { width: 110px; list-style: none; position: absolute; top: 168px; left: 21px; z-index: 100; } #content .homepage-box ul#banner-rotator li { width: 16px; height: 18px; float: left; margin-left: 4px; text-align: center; } #content .homepage-box ul#banner-rotator li a { width: 16px; height: 18px; background: url(../img/buttons/content_indicator-dot.png) no-repeat transparent; display: block; } #content .homepage-box ul#banner-rotator li a:hover { background-position: 0 -18px; } #content .homepage-box ul#banner-rotator li.selected a, #content .homepage-box ul#banner-rotator li.selected a:hover { background-position: 0 -36px; } #content .homepage-box ul#banner-rotator li a span { display: none; } #content .homepage-box h1 { line-height: 1.0em; } #content .homepage-box h1, #content .homepage-box h2, #content .homepage-box p { margin-left: 3px; } #content .homepage-box h2 { margin-bottom: 0.5em; font-size: 1.6em; } #content .homepage-box object { display: none !important; } #content .homepage-box p { width: 420px; margin-bottom: 6px; font-size: 12px; } #content .homepage-box .intro-text p { margin-top: 0px; } #content .homepage-box .intro-text ul { width: 420px; margin-bottom: 0px; } #content .homepage-box .intro-text ul li { margin-bottom: 6px; font-size: 12px; } #content .homepage-box .intro-text p.lozenge { width: 200px; position: absolute; top: 12px; right: -28px; } #homepage-buckets { width: 700px; height: 140px; margin: 0.5em 0 0.1em 0; } #homepage-buckets a { background-repeat: no-repeat; display: block; } #homepage-buckets span { display: none; } #homepage-buckets p { margin: 0px; } #homepage-buckets #bucket-1, #homepage-buckets #bucket-2, #homepage-buckets #bucket-3 { height: 140px; float: left; margin: 0px; padding: 0px; } #homepage-buckets #bucket-1 { width: 232px; } #homepage-buckets p#bucket-2 { width: 237px; } #homepage-buckets div#bucket-2 { width: 215px; height: 77px; background: url(../img/backgrounds/homepage_other-services.png); padding: 63px 0 0 22px; } #homepage-buckets #bucket-2 h3 { display: none; } #homepage-buckets #bucket-2 p { width: 105px; height: 15px; margin-top: 12px !important; display: block; } #homepage-buckets #bucket-2 p a { width: 105px; height: 15px; background: url(../img/titles/homepage_link-titles.png) no-repeat; display: block; } #homepage-buckets #bucket-3 { width: 231px; } .lloydstsbinternationalhomepage #content .box { clear: none; width: 235px; float: left; margin: 0 7.5px 2px 0; } #content .homepage-box .box { width: 229px; position: relative; bottom: 45px; margin-right: 6px; margin-bottom: -38px; z-index: 20; } /* Preview images */ #content.homepage #hero-banner { width: 720px; height: 316px; background: url(../img/backgrounds/homepage_hero-banner-bg.png) no-repeat; position: relative; margin: -1px 0 8px 0; display: block; } #content.homepage #hero-banner p { width: 704px; height: 220px; position: absolute; top: 7px; left: 7px; margin: 0px; } #content.homepage #hero-banner ul { width: 704px; height: 104px; background: url(../img/backgrounds/homepage_hero-banner-shadow.png) repeat-x top; position: absolute; top: 224px; left: 7px; margin: 0px; } #content.homepage #hero-banner ul li { width: 179px; height: 104px; position: relative; bottom: 9px; float: left; margin: 0 -4px 0 0; padding: 0px; cursor: pointer; overflow: hidden; } #content.homepage #hero-banner ul li a, #content.homepage #hero-banner ul li a span.hover { width: 100%; height: 100%; background: url(../img/banners/homepage/hero_thumbnails.png) no-repeat; position: relative; display: block; } #content.homepage #hero-banner ul li a span { display: none; } #content.homepage #hero-banner ul li a span.hover { display: block; } #content.homepage #hero-banner ul li a.selected, #content.homepage #hero-banner ul li a:hover, #content.homepage #hero-banner ul li a span.hover { z-index: 100 !important; } #content.homepage #hero-banner ul li#hero-first a { background-position: 0 0; z-index: 40; } #content.homepage #hero-banner ul li#hero-first a.selected, #content.homepage #hero-banner ul li#hero-first a:hover, #content.homepage #hero-banner ul li#hero-first a span.hover { background-position: 0 -104px; } #content.homepage #hero-banner ul li#hero-second a { background-position: -179px 0; z-index: 30; } #content.homepage #hero-banner ul li#hero-second a.selected, #content.homepage #hero-banner ul li#hero-second a:hover, #content.homepage #hero-banner ul li#hero-second a span.hover { background-position: -179px -104px; } #content.homepage #hero-banner ul li#hero-third a { background-position: -358px 0; z-index: 20; } #content.homepage #hero-banner ul li#hero-third a.selected, #content.homepage #hero-banner ul li#hero-third a:hover, #content.homepage #hero-banner ul li#hero-third a span.hover { background-position: -358px -104px; } #content.homepage #hero-banner ul li#hero-fourth a { background-position: -537px 0; z-index: 10; } #content.homepage #hero-banner ul li#hero-fourth a.selected, #content.homepage #hero-banner ul li#hero-fourth a:hover, #content.homepage #hero-banner ul li#hero-fourth a span.hover { background-position: -537px -104px; } #content.homepage #hero-banner-area { width: 720px; height: 276px; background: url(../img/backgrounds/homepage_hero-banner-area-bg.png) no-repeat; position: relative; margin: -1px 0 8px 0; display: block; } #content.homepage #hero-banner-area p { width: 704px; height: 220px; position: absolute; top: 7px; left: 7px; margin: 0px; z-index: 10; } #content.homepage #hero-banner-area p.fade-in-banner { z-index: 1; } #content.homepage #hero-banner-area ul { width: 704px; height: 64px; background: url(../img/backgrounds/homepage_hero-banner-area-shadow.png) repeat-x top; position: absolute; top: 224px; left: 7px; margin: 0px; z-index: 20; } #content.homepage #hero-banner-area ul li { width: 180px; height: 64px; position: relative; bottom: 9px; float: left; margin: 0 -6px 0 0; padding: 0px; cursor: pointer; overflow: hidden; } #content.homepage #hero-banner-area ul li#hero-first.selected, #content.homepage #hero-banner-area ul li#hero-second.selected, #content.homepage #hero-banner-area ul li#hero-third.selected, #content.homepage #hero-banner-area ul li#hero-fourth.selected { z-index: 200 !important; } #content.homepage #hero-banner-area ul li a, #content.homepage #hero-banner-area ul li a span.hover { width: 100%; height: 100%; background: url(../img/banners/homepage/hero_preview-tabs.png) no-repeat; position: relative; display: block; } #content.homepage #hero-banner-area ul li a span { display: none; } #content.homepage #hero-banner-area ul li a span.hover { display: block; } #content.homepage #hero-banner-area ul li a.selected, #content.homepage #hero-banner-area ul li a:hover, #content.homepage #hero-banner-area ul li a span.hover { z-index: 300 !important; } #content.homepage #hero-banner-area ul li#hero-first a { background-position: 0 0; z-index: 40; } #content.homepage #hero-banner-area ul li#hero-first a.selected, #content.homepage #hero-banner-area ul li#hero-first a:hover, #content.homepage #hero-banner-area ul li#hero-first a span.hover { background-position: 0 -64px; } #content.homepage #hero-banner-area ul li#hero-second a { background-position: -180px 0; z-index: 30; } #content.homepage #hero-banner-area ul li#hero-second a.selected, #content.homepage #hero-banner-area ul li#hero-second a:hover, #content.homepage #hero-banner-area ul li#hero-second a span.hover { background-position: -180px -64px; } #content.homepage #hero-banner-area ul li#hero-third a { background-position: -360px 0; z-index: 20; } #content.homepage #hero-banner-area ul li#hero-third a.selected, #content.homepage #hero-banner-area ul li#hero-third a:hover, #content.homepage #hero-banner-area ul li#hero-third a span.hover { background-position: -360px -64px; } #content.homepage #hero-banner-area ul li#hero-fourth a { background-position: -540px 0; z-index: 10; } #content.homepage #hero-banner-area ul li#hero-fourth a.selected, #content.homepage #hero-banner-area ul li#hero-fourth a:hover, #content.homepage #hero-banner-area ul li#hero-fourth a span.hover { background-position: -540px -64px; } .lloydstsbinternationalhomepage #content .gradient-bg .box-middle { width: 191px; background: url(../img/backgrounds/content_homepage-gradient-bg.png) no-repeat bottom; padding: 2px 19px 2px 19px; } .lloydstsbinternationalhomepage #content .gradient-bg .box-bottom { width: 229px; height: 13px; background: url(../img/backgrounds/content_homepage-gradient-bg-bottom.png) no-repeat; } #content.homepage .gradient-bg .box-middle { width: 197px; background: url(../img/backgrounds/homepage_gradient-box-bg.png) no-repeat bottom; padding: 2px 19px 15px 19px; } .lloydstsbinternationalhomepage #content .last-item { margin-right: 0px; } .lloydstsbinternationalhomepage #content .box-middle { height: 14.8em; } .lloydstsbinternationalhomepage #content.homepage .box-middle { height: 13.6em; } .lloydstsbinternationalhomepage #content .box-middle ul li { position: relative; margin: 0px; padding: 4px 0; font-size: 12px; z-index: 10; } .lloydstsbinternationalhomepage #content .box-middle ul li.last-item { text-align: right; } .lloydstsbinternationalhomepage #content .box-middle ul li.req { padding-bottom: 0px; } .lloydstsbinternationalhomepage #content .box-middle strong { margin-top: 0.2em; color: #676767; font-style: italic; } /* Content - Homepage titles */ .lloydstsbinternationalhomepage #content .homepage-box .box h3 { width: 229px; height: 42px; background-repeat: no-repeat; margin: 0px; } .lloydstsbinternationalhomepage #content .homepage-box .box h3 span { display: none; } .lloydstsbinternationalhomepage #content .homepage-box .box h3#products { background: url(../img/titles/content_products.png); } .lloydstsbinternationalhomepage #content .homepage-box .box h3#manage-your-account { background: url(../img/titles/content_manage-your-account.png); } .lloydstsbinternationalhomepage #content .homepage-box .box h3#advice-and-guidance { background: url(../img/titles/content_advice-and-guidance.png); } #content.homepage .box h3 { width: 235px; height: 40px; background: url(../img/titles/homepage_titles.png) no-repeat; margin: 0px; } #content.homepage .box h3 span { display: none; } #content.homepage .box h3#products { background-position: 0 0; } #content.homepage .box h3#manage-your-account { background-position: 0 -40px; } #content.homepage .box h3#advice-and-guidance { background-position: 0 -80px; } /* Content - Tile banners (home and log off) */ #content #tile-banner-area { width: 720px; height: 140px; background: url(../img/backgrounds/content_log-off-banner-bg.png) no-repeat; margin-top: 0.8em; display: block; } #content.homepage #tile-banner-area { margin-top: 4px; margin-bottom: 10px; } #content #tile-banner-area p, #content #tile-banner-area div.second { width: 222px; height: 125px; float: left; margin: 0px; padding: 4px 7px 0 5px; display: block; } #content #tile-banner-area p.first, #content #tile-banner-area p.second { margin-right: 3px; } #content #tile-banner-area div.second { height: 68px; background: url(../img/titles/homepage_title-other-services.png) no-repeat 100% 4px; margin-right: -2px; margin-left: 5px; padding-top: 65px; } #content #tile-banner-area .second p { width: 105px; height: auto; float: none; margin: 0 0 10px 2px; } #content #tile-banner-area .second a { width: 105px; height: 15px; background: url(../img/titles/homepage_link-titles.png) no-repeat; display: block; } #content #tile-banner-area .second h3, #content #tile-banner-area .second a span { display: none; } #content p#offshore-trusts a { background-position: 0 0; } #content p#offshore-trusts a:hover { background-position: 0 -18px; } #content p#private-banking a, #content #tile-banner-area p#private-banking a { background-position: 0 -36px; } #content p#private-banking a:hover, #content #tile-banner-area p#private-banking a:hover { background-position: 0 -54px; } /* Content - Interest Rates */ #content.rates h3.sifr { position: relative; z-index: 300; } .sIFR-active #content.rates h3.sifr { margin-top: 1.8em; margin-bottom: -0.8em !important; } #content.rates div.spacing { height: 0.8em; margin-bottom: -0.8em; } #content.rates fieldset, #content fieldset.rates { margin-top: 1.2em; margin-bottom: 0px; } #content.rates fieldset .rates-bottom, #content fieldset.rates .rates-bottom { width: 243px; height: 5px; background: url(../img/backgrounds/content_rates-bottom.png) no-repeat; } #content.rates fieldset.small-col-1 .rates-bottom { width: 76px; height: 5px; background: url(../img/backgrounds/content_small-rates-bottom.png) no-repeat; } #content.rates fieldset.medium-col-1 .rates-bottom { width: 181px; height: 5px; background: url(../img/backgrounds/content_medium-rates-bottom.png) no-repeat; } #content.rates fieldset .fieldset-bottom, #content fieldset.rates .fieldset-bottom { height: 8px; background: url(../img/backgrounds/content_fieldset-rates-bottom.png) no-repeat; margin-top: 0px; } #content.rates fieldset h3, #content fieldset.rates h3 { margin-top: 0px; } #content.rates fieldset h3.sifr, #content fieldset.rates h3.sifr { margin-top: 0px; margin-bottom: 0px; padding-bottom: 0px; position: relative; bottom: 5px; z-index: 100; } #content.rates fieldset small, #content fieldset.rates small { margin: 1.5em 15px; font-size: 1.2em; display: block; } #content.rates p small { margin: 0.5em 0 1.5em 0; } .howwecompare #content.rates fieldset p small, .ratesandcharges #content fieldset.rates p small, #content.rates fieldset p small { margin: 1.5em 0 0 0; font-size: 0.9em; } .mortgagerates #content p small, .internationalmortgageform #content p small { margin: 0.5em 0 1.5em 0; } .intdeferredrates #content p.spacing { height: 0.8em; margin: 0px; } .internationalrates #content .gradient-bg .box-middle { padding-bottom: 0px; } #content.rates fieldset table, #content fieldset.rates table { width: 712px; margin-top: 1.0em; margin-left: 6px; font-size: 1.2em; table-layout: fixed; } #content.rates fieldset table.small-top, #content fieldset.rates table.small-top { margin-top: -10px; } #content.rates fieldset table, #content.rates fieldset table tr, #content.rates fieldset th, #content.rates fieldset td, #content fieldset.rates table, #content fieldset.rates table tr, #content fieldset.rates th, #content fieldset.rates td { border: 0px; } #content.rates fieldset table thead tr th, #content fieldset.rates table thead tr th { width: 32%; background: #5abd19; padding: 0 10px 5px 10px; color: #FFFFFF; border-bottom: 1px solid #122605; } #content.rates fieldset table tr th small, #content fieldset.rates table tr th small { margin: 0.3em 0; font-size: 1.0em; font-weight: normal; } #content fieldset.rates table tr th small { line-height: 2.5em; } #content.rates fieldset table tr th a, #content fieldset.rates table tr th a { color: #FFFFFF; text-decoration: underline; } #content.rates fieldset table tr th sup a, #content fieldset.rates table tr th sup a { text-decoration: none; } #content.rates fieldset table tr th.rates-top, #content fieldset.rates table tr th.rates-top { width: 100%; height: 5px; background: url(../img/backgrounds/content_rates-top.png) no-repeat #5abd19; border-bottom: 0px; } #content.rates fieldset table tr th.rates-small-top, #content fieldset.rates table tr th.rates-small-top { width: 100%; height: 25px; background: url(../img/backgrounds/content_rates-top.png) no-repeat #5abd19; border-bottom: 1px solid #122605; } #content.rates fieldset table thead tr.subheadings th, #content fieldset.rates table thead tr.subheadings th { background: #def3d6; padding: 5px 10px; color: #000000; border-bottom: 0px; } #content.rates fieldset table tbody tr th, #content fieldset.rates table tbody tr th { min-width: 218px; width: 223px; background: url(../img/backgrounds/content_rates-bg.png) repeat-y; color: #122605; } #content.rates fieldset.small-col-1 table tbody tr th { background: #def2d1; } #content.rates fieldset.medium-col-1 table tbody tr th { background-image: url(../img/backgrounds/content_medium-rates-bg.png); } .intdeferredrates #content.rates fieldset table tbody tr th, .intloansrate #content.rates fieldset table tbody tr th { min-width: 218px; width: 218px; } #content.rates fieldset table tbody tr th, #content.rates fieldset table tbody tr td, #content fieldset.rates table tbody tr th, #content fieldset.rates table tbody tr td { padding: 6px 10px; text-align: left; font-weight: bold; border-bottom: 1px solid #5abd19; } #content fieldset.text table tbody tr td { font-weight: normal; } .oledrightforyou #content fieldset table tbody tr td { background: url(../img/backgrounds/content_bullet.gif) no-repeat 15px 1.0em; padding-left: 30px; border-bottom: 0px; } .oledrightforyou #content fieldset table tbody tr td.plain { background: none; padding-left: 10px; } #content.rates fieldset table tbody tr td.rates-corner, #content fieldset.rates table tbody tr td.rates-corner { background: url(../img/backgrounds/content_rates-right-corner.png) no-repeat 0 0; border-bottom: 1px solid #5abd19; } #content.rates fieldset table tbody tr.no-border td, #content.rates fieldset table tbody tr td.no-border, #content fieldset.rates table tbody tr.no-border td, #content fieldset.rates table tbody tr td.no-border { border-bottom: 0px; } #content.rates fieldset table tbody tr.last-row th, #content.rates fieldset table tbody tr.last-row td, #content fieldset.rates table tbody tr.last-row th, #content fieldset.rates table tbody tr.last-row td, #content.rates fieldset table tbody tr th.last-item, #content fieldset.rates table tbody tr th.last-item { padding-bottom: 0px; border-bottom: 0px; } #content.rates fieldset table tbody tr th span, #content fieldset.rates table tbody tr th span, #content.rates fieldset table tbody tr td span, #content fieldset.rates table tbody tr td span { font-weight: normal; } #content.rates fieldset table tbody tr td small, #content fieldset.rates table tbody tr td small { margin: 0.5em 0px; font-size: 0.9em; color: #9a9a9a; font-weight: normal; } #content.rates fieldset table tbody tr td ul { list-style: disc !important; } #content.rates fieldset table tbody tr td ul li, #content.rates fieldset table tbody tr td ol li { margin-left: 1.0em; font-size: 1.0em; } #content.rates fieldset table tbody tr td p, #content fieldset.rates table tbody tr td p { margin-left: 0px; } .oled3halfyearsterling #content.rates fieldset table, .oled5yearsterling #content.rates fieldset table, .oled3halfyeardollar #content.rates fieldset table { table-layout: auto; } .oled3halfyearsterling #content.rates fieldset table tbody tr td, .oled5yearsterling #content.rates fieldset table tbody tr td, .oled3halfyeardollar #content.rates fieldset table tbody tr td { width: 100px; } .oled3halfyearsterling #content.rates fieldset table tbody tr td.large-col, .oled5yearsterling #content.rates fieldset table tbody tr td.large-col, .oled3halfyeardollar #content.rates fieldset table tbody tr td.large-col { width: 345px; font-weight: normal; } .oled3halfyeardollar #content.rates fieldset table thead tr th.large-col, .oled3halfyeardollar #content.rates fieldset table tbody tr td.large-col { width: 500px !important; } .oled3halfyearsterling #content.rates div.spacing, .oled5yearsterling #content.rates div.spacing, .oled3halfyeardollar #content.rates div.spacing { height: 1.5em; margin-bottom: 0px; } .bonussaveraccount #content fieldset.rates table, .hongkongbonussaver #content fieldset.rates table, .fundslifestyleportfolios #content fieldset.rates table { table-layout: auto; } .bonussaveraccount #content fieldset.rates table thead tr th, .bonussaveraccount #content fieldset.rates table tbody tr td, .hongkongbonussaver #content fieldset.rates table thead tr th, .hongkongbonussaver #content fieldset.rates table tbody tr td { width: 80px; } .bonussaveraccount #content fieldset.rates table thead tr th.large-col, .bonussaveraccount #content fieldset.rates table tbody tr td.large-col, .hongkongbonussaver #content fieldset.rates table thead tr th.large-col, .hongkongbonussaver #content fieldset.rates table tbody tr td.large-col { width: 400px; } .fundslifestyleportfolios #content fieldset.rates table tbody tr th { width: 200px; } .fundslifestyleportfolios #content fieldset.rates table tbody tr td{ width: 100px; } .fundslifestyleportfolios #content fieldset.rates table tbody tr td.large-col { width: 500px; } #content.rates fieldset table.two-col, #content fieldset.rates table.two-col, #content.rates fieldset table.four-col, #content fieldset.rates table.four-col, #content.rates fieldset table.five-col, #content fieldset.rates table.five-col, #content.rates fieldset table.six-col, #content fieldset.rates table.six-col, #content .international-table .two-col { table-layout: auto; } #content.rates fieldset table.two-col tbody tr td, #content fieldset.rates table.two-col tbody tr td { width: 570px; } .productPageWithTabs .two-col {width:668px; } .oledterms #content fieldset table.two-col tbody tr th, .oledgibraltarterms #content fieldset table.two-col tbody tr th { width: 223px !important; } .oledterms #content fieldset table.two-col tbody tr td, .oledgibraltarterms #content fieldset table.two-col tbody tr td { width: 700px !important; } .intloansrate #content.rates fieldset table.two-col thead tr th, .intdeferredrates #content.rates fieldset table.two-col thead tr th, .howwecompare #content.rates fieldset table.two-col thead tr th, .oled3halfyearsterling #content.rates fieldset table.two-col thead tr th, .oled5yearsterling #content.rates fieldset table.two-col thead tr th, .savingsmoneymarket #content fieldset.rates table.two-col thead tr th, .internationalintermediarieslogon #content fieldset.rates table.two-col thead tr th { width: 200px; } .intloansrate #content.rates fieldset table.two-col tbody tr td, .intdeferredrates #content.rates fieldset table.two-col tbody tr td, .howwecompare #content.rates fieldset table.two-col tbody tr td, .oled3halfyearsterling #content.rates fieldset table.two-col tbody tr td, .oled5yearsterling #content.rates fieldset table.two-col tbody tr td, .savingsmoneymarket #content fieldset.rates table.two-col tbody tr td, .internationalintermediarieslogon #content fieldset.rates table.two-col tbody tr td { width: 470px; } #content.rates fieldset table.four-col thead tr th, #content fieldset.rates table.four-col thead tr th { width: 131px; } #content.rates fieldset table.five-col thead tr th, #content fieldset.rates table.five-col thead tr th { width: auto; } #content.rates fieldset table.five-col tbody tr th, #content fieldset.rates table.five-col tbody tr th { min-width: 210px; width: 218px; } #content.rates fieldset table.five-col tbody tr td, #content fieldset.rates table.five-col tbody tr td { width: 99px; } #content.rates fieldset table.six-col thead tr th, #content fieldset.rates table.six-col thead tr th { width: 141px; } #content.rates fieldset table.six-col tbody tr td, #content fieldset.rates table.six-col tbody tr td { width: 120px; } #content.rates fieldset table.six-col tbody tr td.small-col, #content fieldset.rates table.six-col tbody tr td.small-col { font-size: 0.9em; } .fixedtermrates #content.rates fieldset table.six-col tbody tr th, .fixedtermrates #content fieldset.rates table.six-col tbody tr th { width: 253px !important; } #content.rates fieldset.small-col-1 table.four-col thead tr th { width: auto; } #content.rates fieldset.small-col-1 table.four-col tbody tr th { min-width: 50px; width: 50px; max-width: 50px; overflow: hidden; } #content.rates fieldset.small-col-1 table.four-col tbody tr td { min-width: 192px; width: 192px; } #content.rates fieldset table table, #content fieldset.rates table table { width: 200px !important; table-layout: auto; } #content.rates fieldset table table tr td, #content fieldset.rates table table tr td { font-size: 0.8em; border: 0px; } #content.rates fieldset.no-spacing table, #content fieldset.rates.no-spacing table { position: relative; bottom: 10px; margin-top: 0px; margin-bottom: -10px; } #content.rates .gradient-bg .box-bottom { margin-bottom: 1.3em; } #content.rates p.apply-now { width: 113px; float: right; margin: 2px 9px 0 0; } /* Interest rate tables inside FAQ fieldsets */ #content.rates fieldset.q-and-a table, #content fieldset.q-and-a .rates-bottom { position: relative; bottom: 24px; } #content fieldset.q-and-a .rates-bottom { margin-bottom: -5px; } /* Content - Information Table */ .oledhomepage #content .gradient-bg { margin: 1.5em 0 -0.3em 0 !important; } #content div.information-table { width: 707px; padding: 0 8px 0 5px; } #content div.information-table table { width: 707px; margin: -10px 0 0 0; font-size: 1.2em; } #content div.information-table table, #content div.information-table table tr, #content div.information-table table th, #content div.information-table table td { border: 0px; } #content div.information-table table thead tr th { padding: 10px 10px 8px 10px; font-size: 1.1em; color: #343499; border-bottom: 1px solid #c5c5c5; } #content div.information-table table tbody tr th, #content div.information-table table tbody tr td { padding: 6px 10px; text-align: left; border-bottom: 1px solid #c5c5c5; } #content div.information-table table tbody tr th { width: 40%; font-size: 1.1em; } #content div.information-table table tbody tr th span { margin: 0.5em 0 0.8em 0; font-size: 0.9em; font-weight: normal; display: block; } #content div.information-table table tbody tr th span.req { margin-top: -0.7em; } #content div.information-table table tbody tr td.tick p { width: 12px; height: 13px; background: url(../img/backgrounds/content_tick.png) no-repeat 20% 50%; margin: 0px; padding: 0px; } #content div.information-table table tbody tr td.tick span { visibility: hidden; } #content div.information-table table tbody tr th { width: 30%; } .othercurrencies #content div.information-table table tbody tr th { width: 38%; } #content div.information-table table thead tr th.row-1, #content div.information-table table tbody tr td.row-1 { width: 30%; } #content div.information-table table thead tr th.row-2, #content div.information-table table tbody tr td.row-2 { width: 20%; } #content div.information-table table thead tr th.row-3, #content div.information-table table tbody tr td.row-3 { width: 20%; } .othercurrencies #content div.information-table table thead tr th.row-1 { width: 25%; } #content div.information-table table tbody tr.zebra th, #content div.information-table table tbody tr.zebra td { background: #eff1fc; /*background: url(../img/backgrounds/content_information-table-bg.png) repeat-x bottom;*/ } #content div.information-table table tbody tr.last-row th, #content div.information-table table tbody tr.last-row td { padding-bottom: 0px; border-bottom: 0px; } #content div.information-table table tbody tr th.header { padding-top: 0.6em; padding-bottom: 0.6em; font-size: 1.15em; color: #343499; border-bottom: 0px; } /* Content - Contact Information */ #content.contact fieldset, #content fieldset.contact { clear: both; margin-top: 1.2em; margin-bottom: 0px; } #content.contact fieldset .fieldset-bottom, #content fieldset.contact .fieldset-bottom { margin-top: -85px; } .oled #content fieldset.contact .fieldset-bottom { margin-top: -85px; } #content.contact fieldset h3, #content fieldset.contact h3 { margin-top: 0px; position: relative; z-index: 100; } .bankingsafely #content fieldset.contact big.sIFR-replaced, .phonebank #content fieldset.contact big.sIFR-replaced { position: relative; margin-bottom: -35px; z-index: 100; } .oledhomepage #content fieldset.contact h3.sIFR-replaced { margin-bottom: -28px !important; } #content.contact fieldset p, #content fieldset.contact p { width: 255px; float: left; font-weight: bold; } #content.contact fieldset p small { margin-top: 0.5em; font-size: 0.9em; color: #000000; font-weight: normal; } #content.contact fieldset p.full-width { width: 100%; float: none; } #content.contact fieldset span, #content fieldset.contact span { position: relative; margin: 1.5em 16px 0 16px; font-size: 1.2em; display: block; z-index: 100; } #content.contact fieldset dl, #content fieldset.contact dl { width: 405px; min-height: 8.0em; float: right; margin: 0px; } .oled #content fieldset.contact dl, .phonebank #content fieldset.contact dl, #content.contact fieldset dl.small { min-height: 3.0em; } #content.contact fieldset dl a, #content fieldset.contact dl a { font-weight: normal; } #content.contact fieldset dl dt, #content fieldset.contact dl dt { width: 165px; margin-right: 10px; margin-bottom: 0.5em; font-weight: normal; } #content.contact fieldset dl dd, #content fieldset.contact dl dd { width: 230px; margin-bottom: 1.0em; } #content.contact fieldset dl dd.clear, #content fieldset.contact dl dd.clear { clear: both; width: 405px; height: 1px; margin-bottom: 0px; } #content.contact fieldset dl dt.full-width, #content fieldset.contact dl dt.full-width { width: 395px; } #content.contact fieldset dl dd.full-width, #content fieldset.contact dl dd.full-width { margin-left: 175px; } #content.contact fieldset dl dd dl { clear: both; width: 230px; margin: 0px; } #content.contact fieldset dl dd dl dt, #content.contact fieldset dl dd dl dd { font-size: 1.0em; } #content.contact ul { margin-bottom: 2.0em; } #content.contact p.spacing { height: 0.8em; margin: 0px; } #content.contact fieldset ul, #content fieldset.contact ul { width: 695px; position: relative; margin-bottom: 0px; z-index: 100; } #content.contact fieldset ul li, #content fieldset.contact ul li { clear: both; width: 100%; padding-top: 10px; border-top: 1px solid #d8d9d8; } #content.contact fieldset ul li.first-item, #content fieldset.contact ul li.first-item { border-top: 0px; } #content.contact fieldset ul li a, #content fieldset.contact ul li a { width: 303px; float: right; padding-bottom: 10px; display: block; } #content.contact fieldset ul li span, #content fieldset.contact ul li span { width: 390px; float: left; margin: 0px; padding-bottom: 10px; font-size: 1.0em; display: block; } #content.contact fieldset ul li span.hidden, #content fieldset.contact ul li span.hidden { display: none; } #content.contact fieldset .div, #content fieldset.contact .div { clear: both; width: 695px; height: 1px; margin: 0 auto 12px auto; padding-top: 9px; text-align: center; position: relative; border-bottom: 1px solid #d8d9d8; z-index: 100; } /* Content - Anchor Boxes */ #content fieldset.anchors .fieldset-bottom, #content.rates fieldset.anchors .fieldset-bottom { margin-top: -100px; } #content fieldset.list .fieldset-bottom { margin-top: 0px; } .mortgagerates #content.rates fieldset.anchors .fieldset-bottom, .re-mortgagingabroad #content.advice fieldset.anchors .fieldset-bottom { margin-top: -90px; } .economicrationale #content fieldset.anchors .fieldset-bottom { margin-top: -70px; } #content fieldset.anchors h3 { position: relative; margin-top: 0px; font-size: 1.3em; font-weight: bold; z-index: 10; } #content fieldset.anchors ul { position: relative; z-index: 10; } #content fieldset.anchors ul.left, #content fieldset.anchors ul.right { width: 325px; } #content fieldset.anchors ul.right { margin-right: 1.0em; } #content fieldset.anchors ul li { clear: none; margin-bottom: 0.8em; padding: 0px; color: #00864f; font-weight: bold; border: 0px; display: block; } #content fieldset.anchors ul li a { width: auto; float: none; display: inline; } #content fieldset.anchors ol { position: relative; margin: 0 13px 0 32px; z-index: 10; } #content fieldset.anchors ol li { margin-bottom: 0.9em; color: #01864f; } #content fieldset ul li h3 { margin: 0px; padding-bottom: 0.5em; font-size: 1.0em; font-weight: bold; } #content fieldset.anchors ul li h3 { font-size: 1.1em; } #content fieldset.anchors li a span { font-weight: normal; } #content fieldset.anchors ul li ul { margin-left: 0px; } #content fieldset.anchors ul li ul li { background: url(../img/backgrounds/content_bullet.gif) no-repeat 15px 50%; padding-left: 30px; font-size: 1.0em; color: #138f5c; } #content fieldset.three-col ul { width: 30%; float: left; position: relative; z-index: 10; } #content fieldset.four-col ul { width: 22%; float: left; position: relative; z-index: 10; } #content fieldset.three-col ul li, #content fieldset.four-col ul li { margin-bottom: 1.0em; color: #00864f; } #content fieldset.three-col .fieldset-bottom, #content fieldset.four-col .fieldset-bottom { margin-top: -110px; } /* International New product page Tables in tabs */ #content international-tabel { width:32%; background:#5abd19; padding: 0 10px 5px 10px; color: #FFFFFF; border-bottom: 1px solid #122605; } /* Content - FAQs */ #content fieldset.q-and-a { border-top: 5px solid #FFFFFF; margin-bottom: 0px; } #content fieldset.q-and-a .fieldset-bottom { height: 10px; background: url(../img/backgrounds/content_fieldset-plain-bottom.png) no-repeat; margin-top: 0px; margin-bottom: -2px; } .oledrightforyou #content fieldset.q-and-a .fieldset-bottom { margin-top: -15px; } #content.faqs fieldset.anchors h3 { margin-bottom: 0.3em; } .sIFR-active #content.faqs h3.small-margin { margin-bottom: -1.8em !important; position: relative; z-index: 100; } #content.faqs fieldset.q-and-a { margin-bottom: 0px; } #content fieldset.q-and-a h3 { width: 692px; background: url(../img/backgrounds/content_rates-top.png) no-repeat #5abd19; position: relative; bottom: 12px; left: 6px; margin: 0px; padding: 6px 10px; font-size: 1.2em; color: #FFFFFF; font-weight: bold; border-bottom: 1px solid #000000; } #content fieldset.q-and-a dl { margin-top: 0px; } #content fieldset.q-and-a dl dt { width: 100%; float: none; margin-bottom: 0.3em; } #content fieldset.q-and-a dl dd { width: 100%; float: none; } #content fieldset.q-and-a dl dd address { margin: 0.5em 0 0 0; font-style: normal; display: block; } #content fieldset.q-and-a dd.button { margin: 0.5em 0 1.0em 0; } #content fieldset.q-and-a dd.button span { display: none; } #content fieldset.q-and-a ul, #content fieldset.q-and-a ol { width: 80%; margin: 0 30px 1.0em 45px; } #content fieldset.q-and-a ul.left { width: 40%; margin-right: 0px; } #content fieldset.q-and-a ul.right { width: 40%; margin-right: 0px; margin-left: 0px; } #content fieldset.q-and-a ul { list-style: disc; } #content fieldset.q-and-a ol { list-style: lower-alpha; } #content fieldset.q-and-a ul li, #content fieldset.q-and-a ol li { margin-bottom: 0.8em; } #content fieldset.q-and-a p, #content fieldset.q-and-a dl dd { margin-bottom: 1.5em; } #content fieldset.q-and-a p.title { margin-bottom: 0.5em; font-size: 1.3em; color: #00864a; font-weight: bold; } #content fieldset.q-and-a p small { margin-top: 1.3em; } #content.faqs p.spacing { height: 0.3em; margin-bottom: 0px; } /* Content - Advice */ #content.advice fieldset.anchors .fieldset-top { height: 10px; } #content.advice fieldset.anchors .fieldset-bottom { margin-top: -112px; } .bestsavingsrate #content.advice h3.sifr, .savinglongterm #content.advice h3.sifr { margin-top: 0.5em !important; } #content.advice p { margin-bottom: 1.6em; } #content.advice p.spacing { height: 0.5em; margin: 0px; } .bestsavingsrate #content.advice p.spacing, .savinglongterm #content.advice p.spacing { height: 0.1em; } #content.advice ul, #content.advice ul.bullets, #content.advice ol { position: relative; bottom: 1.0em; margin-bottom: 1.5em; } .advicefrance #content.advice .anchors ul li h3, .spain #content.advice .anchors ul li h3, .dubai #content.advice .anchors ul li h3, .hongkong #content.advice .anchors ul li h3 { margin-bottom: -5px; padding-bottom: 0px; } #content.advice .anchors ul li ul, #content.advice .box ul, #content.advice .box ol { bottom: 0px; } #content.advice fieldset.anchors .fieldset-top { padding-bottom: 15px; } #content .img { float: right; margin: 0 0 25px 25px; } .why #content .img { margin-bottom: 0px; } #content .top, #content .bottom { height: 6px; background-repeat: no-repeat; display: block; } #content .img img { border-right: 6px solid #e7e8ea; border-left: 6px solid #e7e8ea; display: block; } #content .w229 .top { width: 241px; background: url(../img/backgrounds/content_img-229-top.png); } #content .w229 .bottom { width: 241px; background: url(../img/backgrounds/content_img-229-bottom.png); } #content.advice dl { margin-left: 15px; } #content.advice dl dt { font-weight: bold; } #content.advice dl dd { margin-bottom: 1.2em; } /* Content - Glossary */ .glossary #content .spacing { height: 4.0em; } /* Content - Country List */ .countrylist #content ul { padding-bottom: 1.0em; } .countrylist #content fieldset ul { padding-bottom: 0px; } .countrylist #content fieldset ul li { color: #000000; } .countrylist #content fieldset ul li h3 { color: #00864f; } /* Content - Apply */ #content ol.five-steps, #content ol.four-steps, #content ol.three-steps { width: 703px; height: 55px; list-style: none; margin-left: 0px; } #content ol.five-steps li, #content ol.four-steps li, #content ol.three-steps li { height: 56px; float: left; margin-left: -21px; } #content ol.five-steps li a, #content ol.four-steps li a, #content ol.three-steps li a { height: 56px; background-repeat: no-repeat; position: relative; display: block; z-index: 1; } #content ol.five-steps li a:hover, #content ol.five-steps li a:active, #content ol.four-steps li a:hover, #content ol.four-steps li a:active, #content ol.three-steps li a:hover, #content ol.three-steps li a:active { z-index: 10; } #content ol.five-steps li a span, #content ol.four-steps li a span, #content ol.three-steps li a span { display: none; } #content ol#ia-apply-arrows li a { background: url(../img/backgrounds/content_four-step-arrows.png); } #content ol#new-arrows li a { background: url(../img/backgrounds/content_funds-five-step-arrows.png); } #content ol#investment-arrows li a { background: url(../img/backgrounds/content_funds-four-step-arrows.png); } #content ol#worldbridge-arrows li a { background: url(../img/backgrounds/content_worldbridge-four-step-arrows.png); } #content ol#account-arrows li a { background: url(../img/backgrounds/content_funds-three-step-arrows.png); } #content ol.five-steps li#step-1 { width: 185px; margin-left: 0px; } #content ol.five-steps li#step-1 a { width: 185px; background-position: 0 0; } #content ol.five-steps li#step-1 a:hover, #content ol.five-steps li#step-1 a:active { background-position: 0 -56px; } #content ol.five-steps li#step-2 { width: 153px; } #content ol.five-steps li#step-2 a { width: 153px; background-position: -164px 0; } #content ol.five-steps li#step-2 a:hover, #content ol.five-steps li#step-2 a:active { background-position: -164px -112px; } #content ol.five-steps li#step-3, #content ol#new-five-steps li#step-3 { width: 152px; } #content ol.five-steps li#step-3 a, #content ol#new-five-steps li#step-3 a { width: 152px; background-position: -296px 0; } #content ol.five-steps li#step-3 a:hover, #content ol.five-steps li#step-3 a:active { background-position: -296px -168px; } #content ol.five-steps li#step-4, #content ol#new-five-steps li#step-4 { width: 152px; margin-left: -22px; } #content ol.five-steps li#step-4 a, #content ol#new-five-steps li#step-4 a { width: 152px; background-position: -426px 0; } #content ol.five-steps li#step-4 a:hover, #content ol.five-steps li#step-4 a:active { background-position: -426px -224px; } #content ol.five-steps li#step-5, #content ol#new-five-steps li#step-5 { width: 146px; } #content ol.five-steps li#step-5 a, #content ol#new-five-steps li#step-5 a { width: 146px; background-position: -557px 0; } #content ol.five-steps li#step-5 a:hover, #content ol.five-steps li#step-5 a:active { background-position: -557px -280px; } #content ol.four-steps li#step-1 { width: 188px; margin-left: 0px; } #content ol.four-steps li#step-1 a { width: 188px; background-position: 0 0; } #content ol.four-steps li#step-1 a:hover, #content ol.four-steps li#step-1 a:active { background-position: 0 -56px; } #content ol.four-steps li#step-2 { width: 194px; } #content ol.four-steps li#step-2 a { width: 194px; background-position: -167px 0; } #content ol.four-steps li#step-2 a:hover, #content ol.four-steps li#step-2 a:active { background-position: -167px -112px; } #content ol.four-steps li#step-3 { width: 194px; } #content ol.four-steps li#step-3 a { width: 194px; background-position: -340px 0; } #content ol.four-steps li#step-3 a:hover, #content ol.four-steps li#step-3 a:active { background-position: -340px -168px; } #content ol.four-steps li#step-4 { width: 190px; } #content ol.four-steps li#step-4 a { width: 190px; background-position: -513px 0; } #content ol.four-steps li#step-4 a:hover, #content ol.four-steps li#step-4 a:active { background-position: -513px -224px; } #content ol.three-steps li#step-1 { width: 271px; margin-left: 0px; } #content ol.three-steps li#step-1 a { width: 271px; background-position: 0 0; } #content ol.three-steps li#step-1 a:hover, #content ol.three-steps li#step-1 a:active { background-position: 0 -56px; } #content ol.three-steps li#step-2 { width: 239px; } #content ol.three-steps li#step-2 a { width: 239px; background-position: -250px 0; } #content ol.three-steps li#step-2 a:hover, #content ol.three-steps li#step-2 a:active { background-position: -250px -112px; } #content ol.three-steps li#step-3 { width: 235px; } #content ol.three-steps li#step-3 a { width: 235px; background-position: -468px 0; } #content ol.three-steps li#step-3 a:hover, #content ol.three-steps li#step-3 a:active { background-position: -468px -168px; } .internationalaccountapply #content p.spacing { height: 1.2em; margin: 0px; } /* Content - Moving Your Money */ .movingmoney #content p.spacing { height: 0.3em; margin: 0px; } .movingmoney #content fieldset.rates table tbody tr.last-row td { padding-bottom: 1.0em; } /* Content - EUSTD */ .eustdhomepage #content p small { position: relative; bottom: 0.8em; margin-top: 0px; z-index: 100; } .eustdfaqs #content fieldset.anchors h3 { margin-bottom: 1.0em; } .eustdfaqs #content fieldset.anchors ul, .eustdfaqs #content fieldset.anchors ol { margin-bottom: 3.0em; } .eustdfaqs #content fieldset.anchors ul.last-item, .eustdfaqs #content fieldset.anchors ol.last-item { margin-bottom: 0px; } /* Content - Redesign */ .redesignannouncement #content p.lozenge { position: relative; bottom: 20px; margin-bottom: 0px; } /* Content - Important Info */ #content.important-info ol { margin-left: 35px; } #content.important-info ol li { margin-bottom: 1.2em; } #content.important-info ol li ul, #content.important-info ol li ol { margin-top: 0.5em; } /* Content - Internet Banking */ .internetbankinghomepage #content .box { margin-bottom: 33px; } #content .box-middle p.sterling-account a, #content .box-middle p.euro-dollar-account a, #content .box-middle p.bonus-saver-account a { width: 234px; height: 37px; background: url(../img/buttons/content_internet-banking-register.png) no-repeat; display: block; } #content .box-middle p.sterling-account a { background-position: 0 0; } #content .box-middle p.sterling-account a:hover { background-position: 0 -36px; } #content .box-middle p.euro-dollar-account a { background-position: 0 -83px; } #content .box-middle p.euro-dollar-account a:hover { background-position: 0 -119px; } #content .box-middle p.bonus-saver-account a { background-position: 0 -166px; } #content .box-middle p.bonus-saver-account a:hover { background-position: 0 -202px; } /* Content - OLED */ #content .formula { width: 100%; margin: 1.0em auto; font-size: 1.2em; } #content .formula tr th, #content .formula tr td { padding: 0.5em; } #content .formula tr td.division { height: 1px; background: #000000; padding: 0px; } /* Content - WorldBridge */ #content p#worldbridge { position: relative; bottom: 70px; right: 0px; float: right; margin-bottom: -70px; } /* Content - Gradient Boxes (PreApply) */ #content .gradient-box { width: 307px; min-height: 28.0em; background: url(../img/backgrounds/content_preapply-box-bottom.png) no-repeat 0% 100%; position: relative; float: left; margin-top: 2.5em; padding: 0 20px 12px 23px; display: block; } #content .gradient-box.first { margin-right: 19px; } #content .gradient-box.first, #content .gradient-box.second { min-height: 45.0em; } .ibsapreapplypage #content .gradient-box.first, .ibsapreapplypage #content .gradient-box.second { min-height: 41.0em; } .preapply #content .gradient-box.first, .preapply #content .gradient-box.second { min-height:57em; } #content .content-page-box-holder .gradient-box { margin-top: 0.8em; margin-bottom: 0.5em; } #content .gradient-box h2 { width: 351px; height: 46px; background: url(../img/titles/content_ia-preapply-box-titles.png) no-repeat; margin-top: -1px; margin-left: -23px; display: block; } .preapply #content .gradient-box h2 { width: 351px; height: 46px; background: url(../img/titles/content_oled-preapply-box-titles.png) no-repeat; margin-top: -1px; margin-left: -23px; display: block; } #content .gradient-box h2 span { display: none; } #content .gradient-box.first h2 { background-position: 0 0; } #content .gradient-box.second h2 { background-position: 0 -46px; } #content .gradient-box.third h2 { background-position: 0 -92px; } .preapply #content .gradient-box.first h2 { background-position: 0 0; } .preapply #content .gradient-box.second h2 { background-position: 0 -46px; } #content .gradient-box.full-width { width: 677px; background-position: -351px 100%; } #content .gradient-box.full-width h2 { width: 720px; } #content .gradient-box big { margin-right: 0px; margin-bottom: -5px; margin-left: 0px; font-size: 1.6em; font-weight: normal; } #content .gradient-box h4 { font-size: 2.0em; color: #00864f; font-weight: normal; } #content .gradient-box p { margin-right: 0px; margin-left: 0px; } #content .gradient-box ul { width: 249px; margin: 0px; padding: 0 40px 0 28px; display: block; } #content .gradient-box ul li { background: url(../img/backgrounds/content_tick.png) no-repeat 0 3px; margin-top: 1.0em; margin-bottom: 0px; padding-top: 0px; padding-left: 23px; } #content .gradient-box ul li.subnav { margin-bottom: -1.7em; } #content .gradient-box ul li ul { width: 100%; list-style: disc; margin: 0px; padding: 0 18px; } #content .gradient-box ul li ul li { background: none; padding-left: 0px; } #content .gradient-box ul li small { margin-top: 8px; display: block; } #content .gradient-box ol { margin-left: 20px; font-weight: bold; } #content .gradient-box ol li { margin-bottom: 1.4em; font-weight: normal; } #content .gradient-box ol li ul { width: 100%; margin-top: 1.0em; margin-left: -5px; padding-right: 0px; padding-left: 0px; } #content .gradient-box ol li ul li { margin-top: 0.8em; margin-bottom: 0px; } #content .gradient-box img { margin-bottom: 2.0em; } #content .gradient-box p.clock { min-height: 50px; background: url(../img/backgrounds/content_clock.png) no-repeat 100% 0%; position: relative; bottom: 18px; margin-bottom: -18px; padding: 18px 129px 0 0; } #content .gradient-box p.button { position: absolute; bottom: 15px; right: 20px; float: none; margin: 0px; } #content .gradient-box.first ul { margin-bottom: 1.8em; } #content .gradient-box.second ul { margin-bottom: 4.5em; } #content .first ul li { margin-top: 0.9em; } #content .second ul li { margin-top: 1.2em; } .abTestingLandingPageapplypage #content ul.ticks { margin-top: 0.6em; } /* Content - Pop-up */ #overlay { width: 100%; height: 100%; min-height: 100%; background: url(../img/backgrounds/content_overlay-bg.png); position: absolute; top: 0px; left: 0px; display: none; z-index: 100; } /* Survey Pop-Up */ #pop-up { width: 698px; position: absolute; top: 53px; left: 23%; z-index: 200; } #pop-up .top { width: 698px; height: 22px; background: url(../img/backgrounds/pop-up_top.png) no-repeat 0 10px; display: block; } #pop-up .top input { width: 37px; height: 37px; background: url(../img/backgrounds/pop-up_close.png) transparent; padding: 0px; position: absolute; top: 0px; right: 0px; border: 0px; display: block; cursor: pointer; } #pop-up .top input:hover { background-position: 0 -37px; } #pop-up .content { width: 611px; background: url(../img/backgrounds/pop-up_bg.png) no-repeat bottom; padding: 0 55px 15px 28px; } #pop-up .content h4 { margin-top: 0.8em; font-size: 2.2em; color: #333399; } #pop-up .content p { margin-top: 1.0em; font-size: 1.2em; color: #000000; } #pop-up .content p#logo { width: 361px; height: 32px; background: url(../img/backgrounds/header_logo.png) no-repeat; position: relative; top: 0.4em; margin: 0; display: block; } #pop-up .content p strong { margin-top: 2.5em; display: block; } #pop-up .content p.button { margin: 0.8em 0 1.8em -2px; } #pop-up .content input { width: auto; height: auto; background: none; padding: 0px; color: #00864f; font-weight: bold; border: 0px; border-bottom: 1px solid #00864f; display: inline; cursor: pointer; } #pop-up .content input:hover { color: #5abd19; border-bottom: 1px solid #5abd19; } #pop-up .content input#linkYes { width: 209px; height: 36px; background: url(../img/buttons/pop-up_yes.png) no-repeat; border: 0px; display: block; } #pop-up .content input#linkYes:hover { background-position: 0 -36px; border-bottom: 0px; } #pop-up .content p small { margin-top: 3.0em; font-size: 0.8em; color: #666666; display: block; } #pop-up .bottom { width: 694px; height: 19px; background: url(../img/backgrounds/pop-up_bottom.png) no-repeat; display: block; } .newloginprocedure #object /* Login Button Pop-Up */ #modal-window { width: 664px; position: absolute; top: 53px; left: 23%; display: none; z-index: 200; } #modal-window .top { width: 664px; height: 28px; background: url(../img/backgrounds/modal-window_bg.png) no-repeat 0 0; position: relative; display: block; } #modal-window p.close { position: absolute; top: 16px; right: 36px; } #modal-window p.close a { width: 44px; height: 8px; background: url(/img/buttons/pop-up_close.png) no-repeat; display: block; } #modal-window p.close a:hover { background-position: 0px -9px; } #modal-window p.close a span { display: none; } #modal-window .content { width: 618px; background: url(../img/backgrounds/modal-window_bg.png) no-repeat bottom; padding: 0 24px 26px 22px; } /* Login styling */ #log-in-information { text-align: left; } #log-in-information #RadEditorPlaceHolderControl1 { display: block; } #log-in-information ul { list-style: disc; margin-top: 5px; margin-left: 40px; color: #666666; } #log-in-information ul li { margin-bottom: 0.8em; font-size: 0.9em; } #log-in-information p.internet-banking-login { clear: both; width: 78px; position: relative; top: 8px; float: left; margin: 5px 0 -15px 247px; z-index: 50; } @media screen and (-webkit-min-device-pixel-ratio:0) { #log-in-information p.internet-banking-login { top: 12px; margin-bottom: -5px; } } #log-in-information p.internet-banking-login span { display: none; } #log-in-information .pop-up-footer { clear: both; width: 100%; margin-top: 15px; padding-top: 15px; border-top: 1px solid #dedbde; } #log-in-information .pop-up-footer h3 { margin-top: 0px; } #log-in-information .pop-up-footer ul { list-style: none; margin-left: 25px; color: #000000; } #log-in-information .pop-up-footer ul li { background: url(../img/backgrounds/content_green-bullet.png) no-repeat 0 5px; padding-left: 14px; font-size: 1.2em; } /* Content - Print button */ #wrapper p.print a { width: 59px; height: 24px; background: url(../img/buttons/content_print.png) no-repeat; display: block; } #wrapper p.print a span { display: none; } #wrapper #header p.print { position: absolute; top: 22px; right: 44px; } #wrapper #content p.print { float: right; margin: 1.0em 0 0 1.0em; } /* Sidebar */ #sidebar { width: 244px; float: right; text-align: left; } .abTestingLandingPageapplypage #sidebar, .iapreapplypage #sidebar, .ibsapreapplypage #sidebar, .preapply #sidebar { padding-top: 3.9em; } .internetbankinghomepage #sidebar { padding-top: 7.0em; } .internationalaccount #sidebar, .iafullproductlandingpage #sidebar, .bonussaveraccount #sidebar, .fixedtermdeposits #sidebar, .testpage #sidebar, .oled3halfyearsterling #sidebar, .oled5yearsterlinggrowth #sidebar, .oled5yearsterlingincome #sidebar, .oled5yeardollargrowth #sidebar, .oled5yeardollarincome #sidebar, .fundslifestyleportfolios #sidebar { padding-top: 2em; } #sidebar .box { width: 244px; } #sidebar .hover { cursor: pointer; } #sidebar .box-middle { width: 220px; background: url(../img/backgrounds/sidebar_plain-middle.png) repeat-y; padding: 6px 12px 2px 12px; } #sidebar .box-bottom { width: 244px; height: 9px; background: url(../img/backgrounds/sidebar_plain-bottom.png) no-repeat; margin-bottom: 1.4em; } #sidebar fieldset .box-middle { padding-bottom: 10px; } #sidebar .box-middle select { min-width: 175px; background: #ebebf1; padding: 2px; font-size: 1.1em; color: #00864f; border: 1px solid #9a9a9a; vertical-align: bottom; } #sidebar .box-middle select:hover, #sidebar form .box-middle select:focus, #sidebar form .box-middle select.onfocus { border: 1px solid #6a6a6a; } @media screen and (-webkit-min-device-pixel-ratio:0){ #sidebar .box-middle select { width: 170px; } } html:not([lang*=""]):not(:only-child) #sidebar .box-middle select { width: 170px; } #sidebar a span { font-weight: normal; } /* Sidebar - Forms */ #sidebar .small-form .box-middle { width: 222px; padding-left: 10px; } #sidebar .box-middle div.div { width: 100%; height: 1px; background: #d0e6da; margin: 10px auto; } #sidebar .small-form p.secure { float: left; padding-left: 40px; } #sidebar .small-form .box-middle select { min-width: 135px; } @media screen and (-webkit-min-device-pixel-ratio:0){ #sidebar .small-form .box-middle select { width: 130px; } } html:not([lang*=""]):not(:only-child) #sidebar .small-form .box-middle select { width: 130px; } #sidebar .small-form .box-bottom { position: relative; bottom: 8px; margin-bottom: 0.6em; } #sidebar .box-middle button, #sidebar .box-middle input { margin-left: 0.2em; vertical-align: bottom; border: 0px; cursor: pointer; } #sidebar .box-middle button span { display: none; } #sidebar .box-middle button.go { width: 29px; height: 22px; background: url(../img/buttons/sidebar_go.gif) no-repeat 0 0; } #sidebar .box-middle button.go:hover { background-position: 0 -22px; } #sidebar .box-middle h3 { width: auto !important; height: auto !important; margin-top: 1.0em; margin-bottom: 0.5em; font-size: 1.2em; color: #343499; } .switchingyouraccount #sidebar .box-middle h3 { margin-left: 4px; } #sidebar .box-middle h3.first-item { margin-top: 0px; } #sidebar .box-middle p { position: relative; margin-bottom: 0.4em; font-size: 1.1em; z-index: 10; } #sidebar .box-middle p a { position: relative; z-index: 100; } #sidebar .box-middle ul { position: relative; z-index: 10; } #sidebar .box-middle ul li { margin: 0px; padding-bottom: 10px; } /* Sidebar - Boxes */ #sidebar .plain ul, #sidebar .plain p, #sidebar .plain small { margin-right: 7px; margin-left: 7px; } #sidebar .plain dl { margin: 0 6px; } #sidebar .plain dl dt { clear: both; width: 48%; float: left; margin-right: 2%; padding-bottom: 2px; } #sidebar .plain dl dd { float: right; width: 50%; padding-bottom: 2px; } #sidebar .plain dl dd.full-width { clear: both; width: 100%; float: none; margin-bottom: 0.3em; } #sidebar .plain dl dd dl { margin: 0 0 0 16px; } #sidebar .plain dl dd dl dt, #sidebar .plain dl dd dl dd { padding-top: 1px; padding-bottom: 3px; font-size: 1.0em; } #sidebar .plain dl dd dl dt { width: 40%; float: left; margin-right: 2%; } #sidebar .plain dl dd dl dd { width: 55%; float: right; } #sidebar .plain p { margin-bottom: 0.8em; font-size: 1.2em; } #sidebar .plain p.button { margin-bottom: 0.4em; margin-left: 3px; } #sidebar .plain small { clear: both; margin-bottom: 0.5em; font-size: 1.1em; display: block; } #sidebar .gradient-bg .box-middle { width: 204px; background: url(../img/backgrounds/sidebar_gradient-bg.png) no-repeat bottom; padding: 2px 22px 14px 19px; } #sidebar .gradient-bg .box-middle ul li, .lloydstsbinternationalhomepage #sidebar .link-box .box-middle ul li { margin: 0px; padding: 6px 0; } #sidebar .gradient-bg .box-middle ul li.last-item { border-bottom: 0px; } #sidebar .gradient-bg .box-bottom { height: 13px; background: url(../img/backgrounds/sidebar_gradient-bg-bottom.png) no-repeat; position: relative; bottom: 10px; margin-bottom: 0.4em; } #sidebar .link-box .box-middle { width: 203px; background: url(../img/backgrounds/sidebar_links-bg.png) no-repeat bottom; padding: 2px 22px 14px 19px; } #sidebar .int-banking-box .box-middle { width: 206px; padding: 2px 19px 14px 19px; } #sidebar .link-box .box-bottom { height: 12px; background: url(../img/backgrounds/sidebar_links-bg-bottom.png) no-repeat; position: relative; bottom: 10px; margin-bottom: 0.4em; } #sidebar .advice ul li.last-item { text-align: right; } #sidebar p.banner { margin-bottom: 1.4em; } /* Sidebar - Help */ #sidebar .help .box-top { width: 244px; height: 7px; background: url(../img/backgrounds/sidebar_help-top.png) no-repeat; } #sidebar .help .box-middle { width: 213px; background: url(../img/backgrounds/sidebar_help-bg.png) no-repeat bottom; padding-top: 7px; padding-left: 19px; } #sidebar .help .box-middle h3 { width: 170px !important; float: left; margin-top: 0px; padding: 0 0 5px 0; font-size: 1.5em; color: #666666; display: block; } #sidebar .help .box-middle .help-icon { width: 27px; height: 27px; background: url(../img/buttons/help-icon.png) no-repeat; float: left; margin-right: 8px; display: block; } #sidebar .help .box-middle .way-icon { width: 27px; height: 27px; background: url(../img/buttons/ways-icon.png) no-repeat; float: left; margin-right: 8px; display: block; } #sidebar .help .box-middle ul { clear: both; margin-bottom: 0.8em; } #sidebar .help .box-middle ul li, #sidebar #Sidebar1_homepageManageAccount ul li { padding-left: 23px; } #sidebar .help ul li.magnifying-glass, #sidebar #Sidebar1_homepageManageAccount ul li.magnifying-glass { background: url(../img/icons/magnifying-glass.png) no-repeat 0 3px; } #sidebar .help ul li.cursor, #sidebar #Sidebar1_homepageManageAccount ul li.cursor { background: url(../img/icons/cursor.png) no-repeat 3px 0; } #sidebar .help ul li.contact, #sidebar #Sidebar1_homepageManageAccount ul li.contact { background: url(../img/icons/phone.png) no-repeat; } #sidebar .help ul li.office, #sidebar #Sidebar1_homepageManageAccount ul li.office { background: url(../img/icons/office.png) no-repeat; } #sidebar .help ul li.charges, #sidebar #Sidebar1_homepageManageAccount ul li.charges { background: url(../img/icons/percentage.png) no-repeat 2px 0; } #sidebar .help ul li.why { background: url(../img/icons/help.png) no-repeat 3px 0; } #sidebar .help ul li.internet, #sidebar #Sidebar1_homepageManageAccount ul li.internet { background: url(../img/icons/mouse.png) no-repeat; } #sidebar .help ul li.briefcase, #sidebar #Sidebar1_homepageManageAccount ul li.briefcase { background: url(../img/icons/briefcase.png) no-repeat; } #sidebar .help ul li.paper { background: url(../img/icons/paper.png) no-repeat; } #sidebar .help .box-middle ul.last-item { margin-top: -10px; margin-bottom: 0px; } #sidebar .help .box-bottom { height: 11px; background: url(../img/backgrounds/sidebar_help-bottom.png) no-repeat; } /* Sidebar - Calculator */ #sidebar .calculator h3 { float: none !important; } #sidebar .calculator dl { width: 206px; display: block; } #sidebar .calculator dl dt { clear: both; width: 83px; float: left; margin-right: 5px; font-size: 1.1em; color: #4a4949; font-weight: bold; } #sidebar .calculator dl dt label { margin-top: 3px; display: block; } #sidebar .calculator dl dt.error { width: 204px; float: none; padding-bottom: 10px; color: #ff0000; } #sidebar .calculator dl dd { width: 118px; float: right; margin-bottom: 14px; } #sidebar .calculator dl dd input, #sidebar .calculator dl dd select { background: #FFFFFF; margin: 0px; padding: 2px; font-size: 1.0em; color: #4b4a4a; border: 1px solid #9a9a9a; } #sidebar .calculator dl dd input { width: 98px; background: url(../img/backgrounds/sidebar_input-pound-sign.png) no-repeat 2px 50%; padding-left: 14px; cursor: text; } #sidebar .calculator dl dd select { width: 118px !important; min-width: 118px !important; } #sidebar .calculator dl dd.clear { width: 100%; float: none; margin: 0px; padding: 0px; } #sidebar .calculator dl dd.button { position: relative; left: 6px; } #sidebar .calculator dl dd.button, #sidebar .calculator dl dd.button input { width: 128px; background: 0px; margin: 0px; padding: 0px; border: 0px; cursor: pointer; } #sidebar .calculator .div { width: 213px; height: 1px; background: #c5c5c5 !important; display: block; } #sidebar .calculator dl.results dt { width: 102px; margin-right: 4px; } #sidebar .calculator dl.results dd { width: 100px; margin-bottom: 0px; text-align: right; font-size: 1.3em; color: #4b4a4a; font-weight: bold; } /* Sidebar - Titles */ #sidebar h3 { width: 244px; height: 38px; background-repeat: no-repeat; } #sidebar h3 span { display: none; } #sidebar h3#personal-internet-banking { background: url(../img/titles/sidebar_personal-internet-banking.png); } #sidebar h3#corporate-internet-banking { background: url(../img/titles/sidebar_corporate-internet-banking.png); } #sidebar h3#online-portfolio-service { background: url(../img/titles/sidebar_online-portfolio-service.png); } #sidebar h3#existing-intermediaries { background: url(../img/titles/sidebar_existing-intermediaries.png); } #sidebar h3#offshore-funds { background: url(../img/titles/sidebar_offshore-funds.png); } #sidebar h3#offshore-investments { background: url(../img/titles/sidebar_offshore-investments.png); } #sidebar h3#interest-rates { background: url(../img/titles/sidebar_interest-rates.png); } #sidebar h3#worldwide-offices { background: url(../img/titles/sidebar_worldwide-offices.png); } #sidebar h3#island-branches { background: url(../img/titles/sidebar_island-branches.png); } #sidebar h3#ask-a-question { background: url(../img/titles/sidebar_ask-a-question.png); } #sidebar h3#what-product-is-right-for-me { height: 37px; background: url(../img/titles/sidebar_what-product-is-right-for-me.png); } #sidebar h3#what-fund-is-right-for-me { background: url(../img/titles/sidebar_which-investment-is-right-for-me.png); } #sidebar h3#enquiry-forms { background: url(../img/titles/sidebar_enquiry-forms.png); } #sidebar h3#mortgage-calculators { background: url(../img/titles/sidebar_mortgage-calculators.png); } #sidebar h3#mortgage-calculator { background: url(../img/titles/sidebar_mortgage-calculator.png); } #sidebar h3#ready-to-apply { background: url(../img/titles/sidebar_ready-to-apply.png); } #sidebar h3#ready-to-start { background: url(../img/titles/sidebar_ready-to-start.png); } #sidebar h3#apply-now { background: url(../img/titles/sidebar_apply-now.png); } #sidebar h3#help-and-assistance { background: url(../img/titles/sidebar_help-and-assistance.png); } #sidebar h3#ways-to-bank { background: url(../img/titles/sidebar_ways-to-bank.png); } #sidebar h3#international-banking-toolbox { background: url(../img/titles/sidebar_international-banking-toolbox.png); } #sidebar h3#international-banking { background: url(../img/titles/sidebar_international-banking.png); } #sidebar h3#international-accounts { background: url(../img/titles/sidebar_international-accounts.png); } #sidebar h3#international-mortgages { background: url(../img/titles/sidebar_international-mortgages.png); } #sidebar h3#island-banking { background: url(../img/titles/sidebar_island-banking.png); } #sidebar h3#offshore-savings { background: url(../img/titles/sidebar_offshore-savings.png); } #sidebar h3#advice-and-guidance { background: url(../img/titles/sidebar_advice-and-guidance.png); } #sidebar h3#shoreline-magazine { background: url(../img/titles/sidebar_shoreline-magazine.png); } #sidebar h3#how-to-apply { background: url(../img/titles/sidebar_how-to-apply.png); } #sidebar h3#which-investment { background: url(../img/titles/sidebar_which-investment-is-right-for-me.png); } #sidebar h3#manage-your-account { background: url(../img/titles/sidebar_manage-your-account.png); } #sidebar h3#more-international-services { background: url(../img/titles/sidebar_more-international-services.png); } #sidebar h3#help-and-guidance { background: url(../img/titles/sidebar_advice-and-guidance.png); } /* Sidebar - Buttons */ #sidebar .link-box .box-middle p a { margin: 13px 0; display: block; } #sidebar .link-box .box-middle p.button a { margin: 0px; } #sidebar .button { margin-bottom: 0px; } .abTestingLandingPageapplypage #sidebar .button { margin-bottom: 1.3em !important; } #sidebar .button a { background-repeat: no-repeat; cursor: pointer; display: block; } #sidebar .button a span { display: none; } #sidebar p.secure { min-height: 12px; background: url(../img/buttons/secure-icon.png) no-repeat 0 52%; padding-left: 19px; } #sidebar p.secure.first { border-top: 1px solid #c4e2d1; } #sidebar .link-box .box-middle p.secure a { margin-bottom: 5px; } #sidebar .online-application a { width: 156px; height: 36px; background: url(../img/buttons/sidebar_online-application.png) 0 0; } #sidebar .online-application a:hover { background-position: 0 -36px; } #sidebar .online-application-arrow a { width: 156px; height: 35px; background: url(../img/buttons/sidebar_online-application-arrow.png) 0 0; } #sidebar .online-application-arrow a:hover { background-position: 0 -35px; } #sidebar .plain p.online-application-arrow { width: 156px; } #sidebar .apply-online a { width: 124px; height: 35px; background: url(../img/buttons/sidebar_apply-online.png) 0 0; } #sidebar .apply-online a:hover { background-position: 0 -36px; } #sidebar .download-pdf a { width: 211px; height: 36px; background: url(../img/buttons/sidebar_download-pdf-application.png) 0 0; } #sidebar .download-pdf a:hover { background-position: 0 -36px; } #sidebar .pdf-application a { width: 136px; height: 35px; background: url(../img/buttons/sidebar_pdf-application.png) 0 0; } #sidebar .pdf-application a:hover { background-position: 0 -35px; } #sidebar .plain p.pdf-application { width: 136px; } #sidebar .download-application a { width: 216px; height: 36px; background: url(../img/buttons/sidebar_download-application-form.png) 0 0; } #sidebar .download-application a:hover { background-position: 0 -36px; } #sidebar .complete-application a { width: 180px; height: 36px; background: url(../img/buttons/sidebar_complete-application.png) 0 0; } #sidebar .complete-application a:hover { background-position: 0 -36px; } #sidebar .start-application a { width: 151px; height: 36px; background: url(../img/buttons/sidebar_start-application.png) 0 0; } #sidebar .start-application a:hover { background-position: 0 -36px; } #sidebar .apply-now a { width: 113px; height: 36px; background: url(../img/buttons/sidebar_apply-now.png) 0 0; } #sidebar .apply-now a:hover { background-position: 0 -36px; } #sidebar .plain p.apply-now { width: 113px; } #sidebar .start-your-application a { width: 188px; height: 36px; background: url(../img/buttons/sidebar_start-your-application.png) 0 0; } #sidebar .start-your-application a:hover { background-position: 0 -36px; } #sidebar .plain p.start-your-application { width: 188px; } #sidebar .sterling-log-on a { width: 199px; height: 35px; background: url(../img/buttons/sidebar_sterling-log-on.png) 0 0; } #sidebar .sterling-log-on a:hover { background-position: 0 -35px; } #sidebar .euro-dollar-log-on a { width: 199px; height: 35px; background: url(../img/buttons/sidebar_euro-dollar-log-on.png) 0 0; } #sidebar .euro-dollar-log-on a:hover { background-position: 0 -35px; } #sidebar .sterling-account, #sidebar .euro-account, #sidebar .bonus-account, #sidebar p.ib-register-now { position: relative; right: 11px; } #sidebar .sterling-account a { width: 228px; height: 35px; background: url(../img/buttons/sidebar_sterling-account.png) 0 0; } #sidebar .sterling-account a:hover { background-position: 0 -35px; } #sidebar .euro-account a { width: 228px; height: 35px; background: url(../img/buttons/sidebar_euro-account.png) 0 0; } #sidebar .euro-account a:hover { background-position: 0 -35px; } #sidebar .bonus-account a { width: 228px; height: 35px; background: url(../img/buttons/sidebar_bonus-account.png) 0 0; } #sidebar .bonus-account a:hover { background-position: 0 -35px; } #sidebar p.ib-register-now a { width: 227px; height: 35px; background: url(../img/buttons/sidebar_ib-register-now.png) no-repeat 0 0; display: block; } #sidebar p.ib-register-now a:hover { background-position: 0 -35px; } #sidebar .savings-and-investment-finder a { width: 225px; height: 36px; background: url(../img/buttons/sidebar_savings-and-investment-finder.png) 0 0; margin-bottom: 0.8em; margin-left: -4px; } #sidebar .savings-and-investment-finder a:hover { background-position: 0 -36px; } .savings #sidebar .savings-and-investment-finder a, .bonussaveraccount #sidebar .savings-and-investment-finder a { position: relative; top: 0.5em; margin-bottom: 0px; } #sidebar .portfolio-service-log-on a { width: 175px; height: 35px; background: url(../img/buttons/sidebar_portfolio-service-log-on.png) 0 0; } #sidebar .portfolio-service-log-on a:hover { background-position: 0 -35px; } #sidebar .intermediary-log-on { margin-top: 1.0em; } #sidebar .intermediary-log-on a { width: 149px; height: 36px; background: url(../img/buttons/sidebar_intermediary-log-on.png) 0 0 no-repeat; } #sidebar .intermediary-log-on a:hover { background-position: 0 -36px; } #sidebar .transfer-your-account a { width: 210px; height: 36px; background: url(../img/buttons/sidebar_transfer-your-account.png) 0 0 no-repeat; } #sidebar .transfer-your-account a:hover { background-position: 0 -36px; } /* Surveys */ #content dt label.improve { font-weight:100; } /* Landing Pages */ #ab-landing-page a span, #ab-landing-page h3 span { display: none; } #ab-landing-page #content { width: 467px; min-height: 46.8em; position: relative; float: right; } #ab-landing-page #content h1, #ab-landing-page #content h2 { width: 295px; margin-left: 0px; } #ab-landing-page.tall #content h1, #ab-landing-page.tall #content h2 { width: 467px; } #ab-landing-page #content #apply-now { position: relative; float: right; margin: 0 0 15px 20px !important; z-index: 500 !important; } #ab-landing-page #content #apply-now a { width: 145px; height: 96px; background: url(../img/buttons/content_ia-apply-now.png) no-repeat; display: block; } #ab-landing-page #content #apply-now a:hover { background-position: 0 -96px; } #ab-landing-page #content .content-box { clear: both; width: 428px; background: url(../img/backgrounds/content_ab-content-box.png) no-repeat bottom; position: relative; padding: 43px 25px 15px 16px; } #ab-landing-page #content .ia { position: absolute; bottom: 4px; left: 0px; } #ab-landing-page #content .content-box #apply-now { top: 5px; margin: 0 -7px 0 15px !important; } #ab-landing-page #content .content-box p.apply-now { margin: 0px; } #ab-landing-page #content .content-box p.apply-now a { background-image: url(../img/buttons/content_apply-now.png); } #ab-landing-page #content .content-box h3 { width: 469px; height: 40px; background-repeat: no-repeat; position: absolute; top: 0px; left: 0px; margin: 0px; padding: 0px; display: block; } #ab-landing-page #content .content-box h3.key-benefits { background: url(../img/titles/content_ab-key-benefits.png); } #ab-landing-page #content .content-box h3.ibsa-for-you { background: url(../img/titles/content_ab-ibsa-for-you.png); } #ab-landing-page #content .content-box p, #ab-landing-page #content .content-box ul, #ab-landing-page #content .content-box li, #ab-landing-page #content .content-box small { margin-left: 0px; margin-right: 0px; } #ab-landing-page #content .content-box ul { position: relative; margin-top: 0px; padding-top: 2px; z-index: 100; } #ab-landing-page.tall #content .content-box ul { margin-top: -10px; } #ab-landing-page #content table { width: 469px; background: url(../img/backgrounds/content_ab-table-bg.png) no-repeat bottom; margin-top: 1.6em; border: 0px; } #ab-landing-page #content table thead, #ab-landing-page #content table tbody, #ab-landing-page #content table td, #ab-landing-page #content table tr, #ab-landing-page #content table th { background: transparent; border: 0px; } #ab-landing-page #content table thead { height: 1.0em; } #ab-landing-page #content table thead tr th { background: url(../img/backgrounds/content_ab-table-top.png) no-repeat bottom; padding: 0 6px 14px 6px; font-size: 1.2em; color: #FFFFFF; } #ab-landing-page #content table thead tr th.rates-top { background-position: 0% 0%; padding: 3px 0; } #ab-landing-page #content table thead tr th.first { background-position: 0% 100%; } #ab-landing-page #content table thead tr th.last { background-position: 100% 100%; } #ab-landing-page #content table tbody td { padding: 8px 6px 16px 6px; font-size: 1.2em; border-top: 1px solid #5abd19; } #ab-landing-page #content table tbody tr.first-row td { padding-top: 0px; padding-bottom: 10px; border-top: 0px; } #ab-landing-page #content table thead th.spacer, #ab-landing-page #content table tbody td.spacer { width: 8px; padding: 0px; } #ab-landing-page #promo-area { width: 480px; min-height: 46.8em; position: relative; float: left; } #ab-landing-page.tall #promo-area { min-height: 55.7em; } #ab-landing-page #promo-area dl { position: absolute; bottom: 0px; } #ab-landing-page #promo-area dl.left { left: 0px; } #ab-landing-page #promo-area dl.right { right: 5px; } #ab-landing-page #promo-area dl dt a { width: 232px; height: 135px; background: url(../img/banners/content_ab-buckets.png) no-repeat; display: block; } #ab-landing-page #promo-area dl#banner_savings-account dt a { background-position: 0px 0px; } #ab-landing-page #promo-area dl#banner_savings-account dt a:hover { background-position: 0px -136px; } #ab-landing-page #promo-area dl#banner_fixed-term dt a { background-position: -244px 0px; } #ab-landing-page #promo-area dl#banner_fixed-term dt a:hover { background-position: -244px -136px; } #ab-landing-page #promo-area dl#banner_multi-currency dt a { background-position: -494px 0px; } #ab-landing-page #promo-area dl#banner_multi-currency dt a:hover { background-position: -494px -136px; } #ab-landing-page #promo-area dl dd { display: none; } #ab-landing-page #caveats { margin-top: 2.5em; text-align: left; } #ab-landing-page #caveats p smalrl { margin-top: 1.5em; font-size: 0.9em; color: #9a9a9a; display: block; } .newloginprocedure #demonstration { background: url(../img/banners/popup_new-login-procedure.gif) no-repeat; width:585px; height:420px;} /* Content - Log off page */ .logoffpage #header ul#header-navigation { margin-bottom: 50px; } .logoffpage #content p.banner { margin: 0.8em 0; } .logoffpage #content p.go-to-homepage { margin-top: 2.0em; margin-bottom: 0px; } .logoffpage #content p.go-to-homepage a { width: 165px; height: 19px; background: url(../img/titles/content_go-to-homepage.png) no-repeat 0 0; display: block; } .logoffpage #content p.go-to-homepage a:hover { background-position: 0 -20px; } .logoffpage #sidebar .int-banking-box { margin-top: 9.4em; } /* Footer */ #footer { width: 946px; background: url(../img/backgrounds/footer_top.png) no-repeat #e6e6e6; margin-top: 25px; padding: 10px 15px 2px 15px; text-align: left; } .lloydstsbinternationalhomepage #footer { margin-top: 0px; } .w750px #footer { width: 720px; background-image: url(../img/backgrounds/footer_top_w750.png); } #footer a { font-weight: normal; } #footer ul li { background: url(../img/backgrounds/header_quicklinks-div.gif) no-repeat 100% 50%; float: left; padding: 0 0.6em; font-size: 1.1em; } #footer ul li.last-item { background: none; } #footer p.copyright { float: right; margin: 0px; font-size: 1.1em; color: #000000; } #footer p { margin-top: 15px; font-size: 1.0em; color: #999999; } #footer-bottom { width: 976px; height: 8px; background: url(../img/backgrounds/footer_bottom.png) no-repeat; margin-bottom: 10px; display: block; } .w750px #footer-bottom { width: 750px; background-image: url(../img/backgrounds/footer_bottom_w750.png); } .zebra span {display:none;} p.find-out-more span {display:none;}