@charset "iso-8859-1"; @media screen { body, p, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dd, dt, blockquote, table, form, td, th, map, area, input, textarea {padding:0;margin:0;} a img, map, area, map img, img {border:none;} map, area {display:inline;} body {margin:0;padding:0;text-align:center;font-size:62.5%;font-family:Arial, Helvetica, sans-serif;background:#fff url(/_images/body-bg.gif) repeat-x left -58px;position:relative;} h1,h2,h3 {font-family:nbsBold, Arial, Helvetica, sans-serif;} #wrapper {margin:0 auto;padding:0;position:relative;width:76em;text-align:left;font-size:1em;background:#fff;} html>body {font-size:10px;} #header {position:relative;height:6.9em;background:#049 url(/_images/body-bg.gif) repeat-x left -70px;} #header div {position:absolute;} #branding-logo {top:10px;left:10px;z-index:10;} #branding-logo a {display:block;width:181px;height:56px;} #branding-logo img {width:181px;height:56px;} #contact {top:1.6em;right:1em;color:#fff;font-size:1.2em;} #navigation {position:relative;height:60px;background:#049 url(/_images/body-bg.gif) repeat-x left -140px;} #navigation-primary {font-weight:bold;position:absolute;height:3.4em;left:1em;} #navigation-primary ul {width:100%;} #navigation-primary li {float:left;background:#049;font-size:1.5em;} #navigation-primary a {text-decoration:none;color:#fff;display:block;} /* Link colours */ #content-main a:link {color:#004499; text-decoration:none; border-bottom: 1px dotted #004499;} #content-main a:visited {color:#000; text-decoration:underline; border: none;} #content-main a:hover, #content-main a:focus, #content-main a:active {border: none; background:#fff; text-decoration:underline; color:#000;} #content-main a:focus {text-decoration:none; border: none;} /* TAB BACKGROUND IMAGES */ /* Set default tab images for navigation from combined sprite image */ li#nav-home {width:56px;background-position:0px 0px;} li#nav-aboutUs {width:73px;background-position:-56px 0px;} li#nav-our-savings-products {width:124px;background-position:-129px 0px;} li#nav-FAQsForms {width:114px;background-position:-253px 0px;} li#nav-applyNow {width:85px;background-position:-367px 0px;} /*NEW */ li#nav-savingsIndex {width:104px;background-position:-452px 0px;} /*NEW*/ /*NEW*/ li#nav-security {width:70px;background-position:-556px 0px;} li#nav-contactus {width:83px;background-position:-626px 0px;} /* Active tab changes when the body has the correct id set */ body#home li#nav-home {background-position:0px -31px;} body#aboutNI li#nav-aboutUs {width:73px;background-position:-56px -31px;} body#products li#nav-our-savings-products {width:124px;background-position:-129px -31px;} body#FAQs-forms li#nav-FAQsForms {width:114px;background-position:-253px -31px;} body#applyNow li#nav-applyNow {width:85px;background-position:-367px -31px;} /*NEW*/ body#savingsIndex li#nav-savingsIndex {width:104px;background-position:-452px -31px;} /*NEW*/ /*NEW*/ body#security li#nav-security {width:70px;background-position:-556px -31px;} body#contactus li#nav-contactus {width:83px;background-position:-626px -31px;} /* Hover state - requires jQuery to do the necessary for this */ #navigation-primary ul li#nav-home.navHoverState {background-position:0px -62px;} #navigation-primary ul li#nav-aboutUs.navHoverState {width:73px;background-position:-56px -62px;} #navigation-primary ul li#nav-our-savings-products.navHoverState {width:124px;background-position:-129px -62px;} #navigation-primary ul li#nav-FAQsForms.navHoverState {width:114px;background-position:-253px -62px;} #navigation-primary ul li#nav-applyNow.navHoverState {width:85px;background-position:-367px -62px;} /*NEW*/ #navigation-primary ul li#nav-savingsIndex.navHoverState {width:104px;background-position:-452px -62px;} /*NEW*/ /*NEW*/ #navigation-primary ul li#nav-security.navHoverState {width:70px;background-position:-556px -62px;} #navigation-primary ul li#nav-contactus.navHoverState {width:83px;background-position:-626px -62px;} #navigation-primary a:hover, #navigation-primary ul li ul li a.hover {text-decoration:underline;} #navigation-primary ul li ul li a:hover, #navigation-primary ul li ul li a.hover {color:#fff;} #navigation-primary ul li ul {height:2.1em;width:49em;position:absolute;top:27px;left:0;padding-left:3px;} #navigation-primary ul li {background-image:url(/_images/nw-uk-ire-tabs.gif);height:31px;} #navigation-primary ul li a {text-indent:-30000px;outline:none;height:31px;} #navigation-primary ul li ul li a {text-indent:0;height:auto;} #navigation-primary ul li ul li, .activeTab {} #navigation-primary ul li ul li a {border:none; margin:0;font-size:0.55em;font-weight:normal;padding-right:4px;} #navigation #navigation-primary ul li ul li a b {display:block;font-weight:normal;padding:14px 4px 7px 8px;} #navigation-primary li {list-style:none;} #navigation-primary ul li ul {width:732px;} #navigation-primary ul li ul li {background:none;} #navigation-primary ul li ul li a b span {position:absolute;text-indent:-30000px;} /* Contextual CSS to highlight current sub nav section. */ div.about-nationwide a.about-nationwide, div.about-nationwide-ireland a.about-nationwide-ireland, div.latest-updates a.latest-updates, div.products-product1 a.products-product1, div.products-product2-36month a.products-product2-36month, div.products-product2-24month a.products-product2-24month, div.products-product2-12month a.products-product2-12month, div.products-product2-9month a.products-product2-9month, div.products-product2-6month a.products-product2-6month, div.products-managing a.products-managing, div.products-allrates a.products-allrates, div.faqs a.faqs, div.forms a.forms {background:transparent url(/_images/subnav-active.gif) no-repeat top right !important;} div.about-nationwide a.about-nationwide b, div.about-nationwide-ireland a.about-nationwide-ireland b, div.latest-updates a.latest-updates b, div.products-product1 a.products-product1 b, div.products-product2-36month a.products-product2-36month b, div.products-product2-24month a.products-product2-24month b, div.products-product2-12month a.products-product2-12month b, div.products-product2-9month a.products-product2-9month b, div.products-product2-6month a.products-product2-6month b, div.products-managing a.products-managing b, div.products-allrates a.products-allrates b, div.faqs a.faqs b, div.forms a.forms b {background:transparent url(/_images/subnav-active.gif) no-repeat top left;color:#000;} #navigation li.activeTabLeft a, #navigation li.activeTabRight a {position:relative;} #navigation li.activeTabLeft div.added, #navigation li.activeTabRight div.added {position:absolute;width:6px;height:31px;padding:0;margin:0;top:0;left:0;z-index:300;} #navigation li.activeTabLeft div.added {right:0;left:auto;background:url(/_images/activeTabLeftCurve.gif) right bottom no-repeat;} #navigation li.activeTabRight div.added {left:0;background:url(/_images/activeTabRightCurve.gif) left bottom no-repeat;} body.ie #navigation li.activeTabLeft div.added {right:-1px;} /*hacky*/ #body {clear:left;margin:1em;} #content-main {width:55em;float:right;color:#006;} #content-main p, #content-main li, #content-main table {font-size:1.3em;} #content-main li li {font-size:1em;} #content-main p, #content-main li {line-height:1.5;} #content-main ul, #content-main ol {padding-left:2.5em;} #content-main p {margin:1em 0;} #content-footer {} #content-main strong {} #navigation-tertiary {float:left;padding:0 0 0 1em;} #navigation-tertiary #sidebar-promos {padding:0;} #navigation-tertiary ul li ul {border:none;} #navigation-tertiary #olb-links img, #navigation-tertiary #promo-slot-1 img, #navigation-tertiary #promo-slot-2 img {width:18em;display:block;} #navigation-tertiary #promo-slot-1 img, #navigation-tertiary #promo-slot-2 img {margin-top:6px;} #navigation-tertiary li {list-style:none; text-indent:0px;} #navigation-tertiary li ul {margin:0;padding:0;} #navigation-tertiary li a span {display:block;font-size:1.3em;padding:0.23em;} #navigation-tertiary li ul li a span {font-size:1.1em!important;padding:0.3em 0.3em 0.3em 1.5em;} #navigation-tertiary ul li a {background:none repeat scroll 0 0 transparent;margin:0 1px;width:17.8em !important;border-top:1px solid #fff;border-bottom:1px solid #DDDDDD;} #navigation-tertiary ul li ul li a, #navigation-tertiary ul li ul li a.current {background:#F2F5FA;padding:2px 0;text-indent:14px;} #navigation-tertiary li a, #navigation-tertiary li a:hover {text-decoration:none;color:#039;display:block;width:100%;} #navigation-tertiary li ul li a {} #navigation-tertiary li a:hover {background-color:#f9fafc;color:#2c2b71;} #navigation-tertiary li ul li a:hover {background-color:#e5ecf4;} #navigation-tertiary a.current {font-weight:bold;background:#fff url(../_images/link-indicators.gif) 5px center no-repeat;text-indent:10px;letter-spacing:-.1em;} #navigation-tertiary ul li ul li a.current {background:url(../_images/link-indicators.gif) 16px center no-repeat;text-indent:14px;letter-spacing:0; background-color:#F2F5FA;} #navigation-tertiary ul li a.hasSubSection {background:url(../_images/link-indicators.gif) 5px center no-repeat;text-indent:12px; background-color:#F2F5FA;} /* security left nav behaves strangely and has it's own special styles */ #securityLeftNav {font-size:1.125em!important;} #securityLeftNav .inActive, #securityLeftNav .current {height: 18px!important;} #securityLeftNav .current {font-weight:bold;width: 15.9em!important;} #securityLeftNav .inActive {width: 15.86em!important;} /* These styles are applied once jQuery does its thing to add in the extra crufty markup */ #navigation-tertiary ul li.first, #navigation-tertiary ul li.last {padding:0;margin:0;} #navigation-tertiary ul li.first b, #navigation-tertiary ul li.last b {height:7px;display:block;} #navigation-tertiary ul li.first b {background:url(/_images/leftNavHeader.gif) no-repeat top left; height:25px!important; margin-top: 5px;} #navigation-tertiary ul li.last b {background:url(/_images/leftNavFooter.gif) no-repeat bottom left; height:25px!important;} #footer {clear:both;font-size:1em;color:gray;padding:0.6em;} #footer p {clear:left;padding-top:1em;} #footerlinks {border-top:1px solid #049;width:100%;float:left;padding:0.5em 0;} #footer ul {font-size:1.1em;width:550px;margin-left:120px} #footer li {float:left;list-style:none;border-right:1px solid red;margin-bottom:10px;} #footer li.last {border-right:none;} #footer li a {display:block;font-weight:bold;color:#049;padding:0 1em;text-decoration:none;} #footer li a:hover {text-decoration:underline;} h1, h2 {color:#003399;margin:0.5em 0 0.2em 0;} #content-main h2 a:visited {color:#003399;} h3, h4 {color:#666;margin:0.5em 0 0.2em 0;} h1 {font-size:2.2em;margin:0 0 0.3em 0 !important;} h2 {font-size:1.8em;} h3 {font-size:1.4em;} h4 {font-size:1.2em;} h2.navigation-heading, h3.navigation-heading, h4.navigation-heading {text-indent:-30000px;position:absolute;top:0;left:width:1px;} a img {border:none;} .highlight {background:red; color:white;} #campaign2-1, #campaign2-2, #campaign2-3, #campaign2-1 a, #campaign2-2 a, #campaign2-3 a {position:absolute;} #campaign2-1 a, #campaign2-2 a, #campaign2-3 a {overflow:hidden;} #campaign2-1 {top:0;left:0;} #campaign2-2 {top:140px;left:0;} #campaign2-3 {top:280px;left:0;} #campaign2 #campaign2-1 a, #campaign2 #campaign2-2 a {bottom:6px;right:10px;font-size:1.2em;padding-right:0;text-align:right;width:auto;text-decoration: none!important;background:none repeat scroll 0 0 transparent;} #campaign2 #campaign2-1 a:hover,#campaign2 #campaign2-2 a:hover,#campaign2 #campaign2-3 a:hover,#campaign2 #campaign2-1 a:active,#campaign2 #campaign2-2 a:hover,#campaign2 #campaign2-3 a:active, #campaign2 #campaign2-1 a:focus, #campaign2 #campaign2-2 a:focus, #campaign2 #campaign2-3 a:focus {text-decoration: none!important;background:none repeat scroll 0 0 transparent;} #campaign2 #campaign2-3 a, #campaign2 #campaign2-3 a:hover, #campaign2 #campaign2-3 a:active {background:none repeat scroll 0 0 transparent;text-decoration: none!important;} #content-main #campaign2-1 a:link, #content-main #campaign2-2 a:link, #content-main #campaign2-3 a:link {text-decoration:none; border-bottom: none !important;} #homepage-campaigns #campaign1 a {position:absolute;font-size:1.2em;width:8.5em;text-align:right;padding-right:20px;} #homepage-campaigns #campaign1 a#link1 {bottom:70px;left:20px;} #homepage-campaigns #campaign1 a#link2 {bottom:45px;left:20px;} #homepage-campaigns #campaign1 a#link3 {bottom:20px;left:20px;} #promo2-1 {display: none !important;} #homepage-campaigns #campaign1 a.noreposition, #homepage-campaigns #campaign2-1 a.noreposition, #homepage-campaigns #campaign2-2 a.noreposition {position:static;} #homepage-campaigns .clickableParent {display:block;} p#hpLegalFooter {text-align:center;} div#skipLinkList, #skipLinkList li, a.skip-link { position:absolute; top:0px; left:0px; } div#skipLinkList { width:100%; } #skipLinkList li { list-style:none; width:100%; } a.skip-link { background:#049; display:block; filter:alpha(opacity=90); opacity:0.90; color:#fff; z-index:1000; width:100%; font-size:0; padding:0; width:0; overflow:hidden; } input.buttonstyles, a.buttonstyles { display:block; padding:0.14em 1.2em 0.14em 0.1em; width:6.5em; font-size:1.4em; margin:0; text-decoration:none; color:#006; text-align:center; font-weight:bold; cursor:pointer; } a.nowrap {display:inline;padding:3px 25px 3px 6px;} /* new button styles - MG*/ div.moreOnline a, div.applyNow a {display:block;background:red;color:#fff;height:22px;padding:0;text-decoration:none;text-align:center;margin:0 5px;position:relative; border-bottom: 1px solid #fff!important;} div.moreOnline a b, div.applyNow a b {position:absolute;top:0;left:0;width:10px;height:22px;cursor:pointer;} div.moreOnline a, div.applyNow a{margin-right:0;} div.moreOnline a, div.moreOnline a b{width:92px;background:url(../_images/rates-find-out-more.gif) no-repeat;} div.applyNow a, div.applyNow a b {width:92px;background:url(../_images/rates-apply-now.gif) no-repeat;} a.left {float:left;margin:0 2em 1em 0;} a.right {float:right;margin:0 0 1em 2em;} input.right {float:right;margin:0 0 1em 2em;} input.applyButton,a.applyButton{background:white url(/_images/buttons/orange_button_up.gif) no-repeat right center;border-top:0.05em solid #edc77e;border-left:0.05em solid #edc77e;border-bottom:0.05em solid #ea0000;border-right:0.05em solid #ea0000;} input.infoButton,a.infoButton{background:white url(/_images/buttons/grey_button_up.gif) no-repeat right center !important; text-decoration: none !important; border-top:0.05em solid #a8a8fe !important;border-left:0.05em solid #a8a8fe !important;border-bottom:0.05em solid #000098 !important;border-right:0.05em solid #000098 !important;} input.infoButton,a.infoButton:hover {text-decoration:underline !important;} b.button{border:0.1em solid white;border-radius:3px;-moz-border-radius:3px;display:block;font-size:1.4em;float:left;clear:left;margin:0.5em 1em;} input.button,a.button{font-size:0.9em;} b.button input.button,b.button a.button{font-size:0.8em;/*width:8em;*/} /* more old styles input.smallbutton,a.smallbutton,b.button input.smallbutton,b.button a.smallbutton{width:4em;} input.bigbutton,a.bigbutton,b.button input.bigbutton,b.button a.bigbutton{width:9em;} input.hugebutton,a.hugebutton,b.button input.hugebutton,b.button a.hugebutton{width:12em;} a.buttonInfoHover, input.buttonInfoHover {color:#049 !important;background:white url(/_images/buttons/grey_button_hover.gif) no-repeat right center !important;} a.buttonInfoClick, input.buttonInfoClick {color:white !important;background:white url(/_images/buttons/grey_button_down.gif) no-repeat right center !important;} a.buttonApplyHover, input.buttonApplyHover {color:#049 !important;background:white url(/_images/buttons/orange_button_hover.gif) no-repeat right center !important;} a.buttonApplyClick, input.buttonApplyClick {color:white !important;background:white url(/_images/buttons/orange_button_down.gif) no-repeat right center !important;} div.call-to-action {position:relative;} div.call-to-action input.buttonstyles, div.call-to-action a.buttonstyles {position:absolute;top:6px;right:20px;} div.ListBody a.buttonstyles {text-decoration:none !important;} a.bigFatButton {font-size:1.5em;width:6em;white-space:nowrap;padding-left:1em;} */ body.noleftnav #sidebar-promos, body.noleftnav #navigation-tertiary{display:none;} body.noleftnav #content-main {width:74em;} #ib-promise-link {margin-top:10px;display:block;} #exittemp {display:block;background:yellow;} #err404text {width:350px;} h1 b, h2 b, h3 b, h4 b {color:red;} p.backtop a {text-decoration:none;} p.backtop a img {margin:0 5px -5px 0;} /* savings page */ .savings-ad-rates{ display: block; float: left; margin-left: 10px; background:#049 url(/_images/savings-tab-box.gif); width:364px; height: 352px;} .savings-ads { display: block;float: left; } #savings-rates-inner { margin-left: 10px; margin-top: 25px;} /* homepage latest news */ #navigation-tertiary #latest-updates-news { margin-top:10px; } #navigation-tertiary #latest-updates-news h2 { width:181px; height:28px; background:#fff url(../_images/latest-updates-bg.gif) 0 0 no-repeat; text-indent:-30000px; margin:0; } #navigation-tertiary #latest-updates-news ul { width:181px; background:#fff url(../_images/latest-updates-bg.gif) -181px bottom no-repeat; margin:0 0 -10px 0; padding:0; height:152px; border-bottom:10px solid white; } #navigation-tertiary #latest-updates-news li { width:170px !important; padding:0; margin:0 0 0 5px; font-size:0.9em; } #navigation-tertiary #latest-updates-news li a { width:170px !important; } #navigation-tertiary #latest-updates-news li a span { background:white url(../_images/red-chevron.gif) no-repeat right center; display:block; } #navigation-tertiary #latest-updates-news li a:hover span { background:orange url(../_images/red-chevron.gif) no-repeat right center; } #navigation-tertiary #latest-updates-news li p { font-size:1.2em; padding:2px 4px; color:#049; } #latestUpdateList ul {margin-bottom:20px;} #latestUpdateList span.articleDate {font-size:0.85em;padding:0 0 0 5px;color:#333;} /* Apply Now / How to open / steps */ ol.steps {list-style:none;padding:0 !important;width:530px;} ol.fullWidth {list-style:none;padding:0 !important;width:735px;} ol#openAccountSteps li p {padding-left:60px;margin:0;font-size:1.03em; line-height:1.1em;} ol.steps li {height:50px;border-bottom:5px solid white;background-image:url(../_images/applySteps.gif);background-repeat: no-repeat!important;} li#step1 {background-position:-0px -0px;} li#step2 {background-position:-0px -71px;} li#step3 {background-position:-0px -144px;} li#step4 {background-position:-0px -216px;} li#step5 {background-position:-0px -287px;} ol#openAccountSteps li#step1 p {padding-top:3px;} ol#openAccountSteps li#step2 p {padding-top:0px;} ol#openAccountSteps li#step3 p {padding-top:0px;} ol#openAccountSteps li#step4 p {padding-top:0px;} ol#openAccountSteps li#step5 p {padding-top:0px;} ol#openAccountSteps.fullWidth li#step1 {background-position:-0px -0px;} ol#openAccountSteps.fullWidth li#step2 {background-position:-0px -71px;} ol#openAccountSteps.fullWidth li#step1 p {padding-top:0px;} ol#openAccountSteps.fullWidth li#step2 p {padding-top:0px;} ol#openAccountSteps.fullWidth li p strong {display:block;} /* Product info page styles */ div.productPanel {background:url(/_images/product-page-bg-panels.gif) no-repeat 0 0; width:735px;} div.productPanelInner {padding:15px;} div#earlyClosureWarning, div#interestWarning {background:url(/_images/warning-panel-bg.gif) no-repeat top left;width:340px;padding-top:10px;font-size:1.2em;margin-bottom:10px;} div#earlyClosureWarning p, div#interestWarning p {background:url(/_images/warning-panel-bg.gif) no-repeat bottom left;width:340px;padding:0;margin:0;} div#earlyClosureWarning p strong, div#interestWarning p strong {display:block;padding:0 10px 10px 10px;font-size:0.9em;} div#interestWarning {margin-top:25px;} div#earlyClosureWarning.fullspan, div#interestWarning.fullspan{clear:both;background:url(/_images/warning-panel-bg_fullspan.gif) no-repeat top left;width:705px;} div#earlyClosureWarning.fullspan p, div#interestWarning.fullspan p {background:url(/_images/warning-panel-bg_fullspan.gif) no-repeat bottom left;width:705px;} div.productPanel h2 {font-size:1.4em;letter-spacing:-1px;margin:10px 0;} div.productPanelEnd {background:url(/_images/product-page-bg-panels.gif) no-repeat -1600px bottom; width:735px;height:15px;} div#productInfocol1, div#productInfocol2 {width:345px;float:left;} div#productInfocol1 {margin-right:10px;border-right:1px solid #eae8e4;} div#productInfoFooter {clear:left;} p#productInfoFooterApply {float:right;} p#productEligibility {font-size:1.1em;} div.productFeaturesTable {background:url(/_images/product-page-bg-panels.gif) no-repeat -2400px 0; width:735px;padding-top:10px;} div.productFeaturesTable table {background:url(/_images/product-page-bg-panels.gif) no-repeat -2400px bottom; width:735px;border-collapse:collapse;border:0;} div.productFeaturesTable table th {text-align:left;} div.productFeaturesTable table th, div.productFeaturesTable table td {border-bottom:1px solid #cbcbcb;padding:5px;vertical-align:top;} div.productFeaturesTable table .tableCol1 {width:32%} div.productFeaturesTable table th.colspan, div.productFeaturesTable table td.colspan {background:#fff url(/_images/product-page-bg-panels.gif) no-repeat -800px bottom;} div.productFeaturesTable ul {margin:0;padding:0 0 0 17px !important;} div.productFeaturesTable ul li {margin:0;padding:0;font-size:1em !important;} .annual-box {background:url(/_images/annual_interest.gif) no-repeat; width:236px; height:152px; float:left; display: block; margin-bottom:20px; position:relative; left: 70px;} .annual-mat-box {background:url(/_images/annual_maturity_interest.gif) no-repeat; width:236px; height:152px; float:left; display: block; margin-bottom:20px; position:relative; left: 230px;} .mat-box {background:url(/_images/maturity-interest.gif) no-repeat; width:236px; height:152px; float:left; display: block; margin-bottom:20px; position:relative; left: 230px;} .monthly-box {background:url(/_images/monthly_interest.gif) no-repeat; width:236px; height:152px; float:left; display: block;width: 300px; margin-bottom:20px; position:relative; left: 170px;} .rateBig {color: #000066; font-family:nbsBold, Arial, Helvetica, sans-serif; font-size: 2em; font-weight: bold; position:relative; top: 40px; left: 50px;} .rateExtraBig {color: #000066; font-family:nbsBold, Arial, Helvetica, sans-serif; font-size: 2.8em; font-weight: bold; position:relative; top: 40px; left: 50px;} .aprText {color: #000066; font-family:nbsBold, Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: bold; position:relative; top: 40px; left: 50px;} #rate2 {top: 40px; left: 50px;} #rate 3 {top: 60px; left: 50px;} #fixed {top: 40px;left: 80px;} .savingsTermsConds {font-size: 90%; width: 715px; background:#f5f5f5; padding: 0px 10px 0px 10px; margin-top:10px; border: 1px solid #cbcbcb;} /* Tables */ h2.tableHeading {background:url("../_images/rates-heading-bg.png") no-repeat scroll 0 0 #fff;color:#FFFFFF;font-size:1.5em;height:32px;margin:0 0 8px;padding:8px 10px 0 12px; margin-bottom:0px;} h2.tableHeading span {font-size: 0.9em;} table.savings-rates th, table.savings-rates td {border-bottom:1px solid white;} table.savings-rates td {text-align:center} table.savings-rates th.product {font-weight: normal;} .prodIssue {font-size: 80%;} table.savings-rates tr.lastRow th, table.savings-rates tr.lastRow td, td.lastRow {border-bottom:1px solid #cbcbcb !important;} table.savings-rates {margin-bottom:10px;} table.savings-rates th, table.savings-rates td {padding:4px; color:#000;} table.savings-rates th {color:#000;text-align:left;} table.savings-rates th.ratesHeading {text-align:center;vertical-align:top;} table.savings-rates .col1 {background:#F5F5F5;} table.savings-rates .col2 {background:#fff;} table.savings-rates .col3 {background:#F5F5F5;} table.savings-rates .col4 {background:#fff;} table.savings-rates .issue {background:#cbcbcb;font-size:1.2em;} table.savings-rates td.applyCol {padding:10px 0 10px 30px;} table.savings-rates .applyCol a {margin:6px 0;} table.savings-rates td.divider {background:#cbcbcb !important;height:1px !important;} table#savings-index td {border-left: 1px solid #cbcbcb;border-right: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb;} table#savings-index th {background:#cbcbcb;font-size:1.05em;} /* Password page style*/ .auth_box{font-size:12px;border:solid #000080 1px;margin-top: 200px;padding:25px;width:450px;text-align:left;margin-left:auto;margin-right:auto;} .wrong_pw{font-size:12px;color:red;font-weight: bold;text-align: center;} iframe {visibility:hidden;} } @media print { div#skipLinkList, #navigation, #footerlinks, #navigation-tertiary, p.backtop {display:none;} div#contact {margin:10px 0;} a img {border:0;} } /* iPhone-specific styles */ @media screen and (max-device-width: 480px) { #content-main p {font-size:1.8em;} div#contact {font-size:1.7em;} h1 {font-size:3.5em;} h2 {font-size:2.8em;} h3 {font-size:2.5em;} #footerlinks li {float:none;margin:5px 0;border:none;} #footerlinks a {font-size:1.5em;} } div.panelBG {background:url(../_images/table-bg.gif) no-repeat 0 0;width:502px;padding-top:10px;} div.panelBG table {background:url(../_images/table-bg.gif) no-repeat -502px bottom;width:502px} div.panelBG table th,div.panelBG table td {border-bottom:1px solid #cbcbcb;padding:5px;vertical-align:top;} /* for concertina styles only */ #content-main dl {} #content-main dt {color:#049;font-weight:bold;font-size:1.4em;margin:0;padding:5px 0;} #content-main dd {padding:0;margin:0;} #content-main dd p, #content-main dd li {font-size:1.3em;} #content-main dd ul {padding:5px 0;} #content-main dd ul {margin:10px 0;padding:0;} #content-main dd li {margin-left:15px;} #content-main dd li strong {font-weight:bold;} /* These will only be relvant if JS is running and the expand collapse behaviour is seen */ #content-main dt a {display:block;text-decoration:none;} #content-main dt a, #content-main dt a:link, #content-main dt a:visited, #content-main dt a:hover, #content-main dt a:focus {border-bottom:none;} #content-main dt a b {display:block;float:left;height:12px;width:12px;background:url(../_images/concertina.png) 0 0 no-repeat;margin:4px 4px 0 0;} #content-main dt a.expanded b {background-position:-12px 0;} #content-main dt.expanded a.expanded b {background-position:-48px 0;} #content-main dd.visible {border-bottom:1px solid #e6e6e6;} #content-main dt.showHideAll a b {background:url(../_images/concertina.png) -24px 0 no-repeat;width:24px;} #content-main dl h3 {font-size:1.4em;}