body {margin:0; padding:0; font:normal 76% Arial, Helvetica, sans-serif; color:#333;} /* CONTENTS -- BASE > no base styles should ever require editing 01 LAYOUT 02 HEADERS 03 ANCHORS 04 LISTS 05 FORMS 06 TABLES 07 CORE TAGS MASTER > 08 BREADCRUMB 09 RIGHT COLUMN 10 SUBNAVIGATION 11 MULTI-COLUMN LAYOUT 12 BUTTONS 13 LISTS 14 HEADERS 15 IMAGES 16 MISC TEMPLATES > HOME LANDING 98 COLOURS 99 FILTERS (!IMPORTANT: must remain at the end of the file) */ /* 01.LAYOUT */ #container {min-width:750px; max-width:990px; margin-right:10px; background:#DCEDF4 url(../images/bg-stripe.gif) 0 80px repeat-x;} #header {display:block; width:100%; height:92px; position:relative;} #nav-container {float:left; display:block; width:77%; height:92px; background:#FFF url(../images/border-bg.gif) top right repeat-y;} #nav-container .inner {background: url(../images/bg-stripe.gif) bottom left repeat-x; height:92px;} #logo {float:left; width:25%;} #logo img {display:block; margin: 0 0 0 17px;} /* navigation */ #nav-holder {float:left; width:74%; height:92px; position:relative;} ul#nav-extra {} ul#navigation {padding:60px 0 0 0;margin:0;list-style:none;} #navigation li {display:block; float:left; width:24.2%; text-align:center; margin:0; padding:0; overflow:hidden; background-image:none; background-color:transparent;} #navigation a {} #navigation img {margin:0; padding:0; clear:both; vertical-align:top; cursor:pointer;} li#nav1 {text-align:left;} li#nav5 {text-align:right !important;} ul#navigation #nav7 {padding: 0px 0 0 1em; margin:0; list-style:none;} #nav-site {float:left; width:22.8%; font-size:0.94em; background:url(../images/sec-corner-botright.gif) bottom right no-repeat; margin-bottom:10px;} #tools {float:right; width:22%; text-align:right; font-size:0.94em;} #page {float:left; width:77%; background:#FFF url(../images/border-bg.gif) top right repeat-y; text-align:center;} #page .inner {width:96%; margin:0 auto; margin-top:1.3%; text-align:left;} #subnavigation {float:left; width:22% !important; overflow:hidden;} #content {float:right; width:76% !important; overflow:hidden;} #content .inner {margin:0; width:auto;} #campaign #content{float:right; width:100% !important; overflow:hidden;} #footer {} #moreinfo {float:right; width:22%; margin-top:1.2%; font-size:0.94em;} #footer2 {width:77%;} /* footers > page & site */ #footer2, #footer {margin:0; padding:0.5em 0; font-size:0.94em; text-align:center; line-height:1.8em;} #footer {margin-top:1em;} #footer2 img {padding-top:5px;} #footer2 ul, #footer ul {margin:0 0 0.2em 0; padding:0; list-style:none;} #footer2 li, #footer li {display:inline; margin:0 0.4em; padding:0; background:none;} #footer2 a, #footer2 a:visited, #footer a, #footer a:visited {white-space:nowrap;} /* right column > tools & moreinfo */ #tools .left, #moreinfo .left, .container-info-v3 .left {float:left; width:74%;} #tools .right, #moreinfo .right, .container-info-v3 .right {float:left; width:15%; margin-left:4%;} #tools .right {margin-top:2px;} /* full width page */ body.full {} .full #nav-container, .full #page {width:100%; background-image:none; border-right:2px solid red;} .full #logo {float:left; width:19.3%;} .full #nav-holder {width:56.9%;} /* OTHER SITES LINK */ #header{z-index:10;} .other-sites{position:relative;margin:53px 0 0 0;} .other-sites a#other-sites{display:block;background:#FFF url(../images/bg_other_sites.gif) right top no-repeat;color:#005A8D;text-align:left;text-decoration:none;padding:5px 10px;text-transform:uppercase;font-weight:bold;height:1%;} .other-sites a#other-sites.close{background:#FFF url(../images/bg_other_sites_close.gif) right top no-repeat;} .sites{position:absolute;right:0;top:24px;width:430px;background:#FFF;border:1px solid #b9dae3;padding:0;} .sites .padding{padding:10px 10px 5px 10px;text-align:left;margin:0;} .sites .col1{float:left;width:200px;} .sites .col2{float:right;width:200px;} .sites ul{padding:0;margin:0;list-style-type:none;} .sites ul li{padding:0;margin:0;list-style-type:none;} .sites a{display:block;background:url(../images/bg_other_sites_a.gif) left top no-repeat;padding:0 0 0 20px;color:#005A8D;text-decoration:none;font-size:1.1em;font-weight:bold;margin:0 0 5px 0 !important;} .sites a:hover{text-decoration:underline;} .sites a:visited{color:#005A8D;} .sites p{padding:0 0 5px 20px;margin:-5px 0 0 0;} .sites.off{left:-500em;top:-500em;} /* 02.HEADERS */ h1,h2,h3,h4,h5,h6 {padding:0; margin:0; font-weight:bold;} h1 {font-size:1.5em; letter-spacing:-1px;} h2 {font-size:1.3em; letter-spacing:-1px;} h3, h4, h5, h6 {font-size:1em;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#000;} /* 03.ANCHORS */ a {color:#000;} a:link {} a:visited {color:#000;} a:hover, a:focus {text-decoration:none;} a:active {} a img {border:0;} #page #content p a {color:#F00;} /* 04.LISTS */ ul, ol {margin:0 12px 0.2em 12px; padding:0;} #content ul, #content ol {padding-bottom:1em;} li {line-height:1.4em;} ol {list-style-position:inside;} ul {list-style:none;} ul li {display:block; padding:4px 0; padding-left:12px; background:transparent url(../images/bullet-blue.gif) 0 0.8em no-repeat;} .product-box-green ul li, .promo-box-green ul li {background:transparent url(../images/bullet-green.gif) 0 0.8em no-repeat;} .product-box-red ul li, .promo-box-red ul li {background:transparent url(../images/bullet-red.gif) 0 0.8em no-repeat;} ol li {margin:0; padding:4px 0;} ol li {} li a {} /* 05.FORMS */ form {} form, fieldset, legend {margin:0; padding:0; border:0;} label, input, select {margin: 0.5em 0; padding:0; display:block;} /* fields */ input, select, textarea {font:normal 1em Arial, Helvetica, sans-serif; } label {margin-top:0; padding-top:0.5em;} input {} input.txt {padding:2px 4px 1px 4px;background:#FFF;} input.btn-img {width:auto;border:0;display:block;} input.submit {color:#FFF; border:0; display:block; width:8em; padding:1px 12px 6px 0; margin:0; background: url(../images/btn-blue-end-right.gif) top right no-repeat; text-transform:uppercase !IMPORTANT; text-decoration:none; letter-spacing:-1px; font: normal 0.94em Arial Black, Verdana, Arial, Helvetica, sans-serif; cursor:pointer;} div.buttons {display:block; float:left; padding:0 0 3px 0 /* safari */; margin:4px 0; height:23px; line-height:23px; overflow:hidden; text-align:left;} .radio {display:block;} .radio input, .radio label {margin:0; padding:0; display:block;} .radio input {float:left; width:14px; height:14px;} .radio label {margin-left:16px; padding:0 0 6px 0;} /* 06.TABLES */ table {border:0; margin:0; padding:0;} caption {margin:0; padding:5px 0; color:#000; font-weight:bold; font-size:1em; text-align:left;} th, td {padding:3px 12px;} th {background: url(../images/fade-light-cell.gif) bottom left repeat-x; text-align:left; } td {} /* 07.CORE TAGS */ address {font-style:normal;} strong {font-weight:bold;} em {font-style:italic;} /* em, strong {font-style:normal; font-weight:bold;} */ img {border:0;} p {margin:0; padding:0; line-height:1.4em;} #content p {padding-bottom:1em;} small, .footnote {font-size:0.94em;} u, s, strike {text-decoration:none;} /* 08.BREADCRUMB */ #breadcrumb {position:absolute; top:10px; font-size:0.94em; width:auto;} #breadcrumb p, #breadcrumb ul {margin:0 4px 0 0; padding:0; display:block; float:left; line-height:1.4em;} #breadcrumb li {display:inline; margin:0; padding:0 0 0 4px; background:none;} #breadcrumb a {background: url(../images/chevron-small-single.gif) 100% 0.4em no-repeat; padding-right:12px; white-space:nowrap;} /* 09.RIGHT COLUMN */ /* site-nav */ #nav-site {/* !IMPORTANT base style - do not edit*/} #nav-site ul {background:url(../images/tab-curve-botleft.gif) 0 100% no-repeat; margin:0 0 -2px 0; padding:0 0 0 10%; width:94%;} #nav-site ul.clear{display:block !important;} #nav-site li {background:url(../images/nav-site-divider.gif) 0 35% no-repeat; display:block; float:left; padding:2px 3% 6px 4.5%; margin-left:3%;} #nav-site li.first {background:0; padding-left:0; margin-left:0;} #nav-site a {font-weight:bold; text-decoration:none; white-space:nowrap;} /* tools */ #tools {/* !IMPORTANT base style - do not edit*/} #tools form {} #tools fieldset {margin: 0 0 5px 0;} #tools label {clear:both; position:absolute; left:-9999px; top:-9999px;} #tools input.text {margin:0; width:94%; padding:2px 0 0 5px;} #tools select {margin:0; width:100%;} #tools input.btn {display:block; padding:0; margin:0; width:auto; border:0;} #tools form fieldset.search {margin-top:10px;} /* container-info */ #moreinfo {/* !IMPORTANT base style - do not edit */} .container-info {background:#FFF; margin:0; padding:0; width:100%; overflow:hidden;} .container-info h2, .container-info h3, .container-info p, .container-info ul, .container-info form {padding:5px 10px;} .container-info h3 {padding-bottom:0;} .container-info ul { margin-top: 0pt; margin-right: 0pt; margin-bottom: 5px; margin-left: 0pt; } .container-info form {width:auto;} .container-info select {width:100%;} .container-info li {padding-top:2px; padding-bottom:2px;margin-left:10px;margin-right:10px;} .container-info hr {border:1px solid #FFF; margin:0; padding:0;} .container-info ul.info-buttons {} .info-buttons {padding:0; margin:0;} .info-buttons li {background:none; padding:0 12px; margin:0 1px;} .info-buttons a {display:block; padding:0.3em 24px 0.3em 0; font-size:1.2em; font-weight:bold; text-decoration:none; background:url(../images/chevron-large.gif) right center no-repeat;} /* container-info-v3 */ .container-info-v3 {background: url(../images/corner-topright.gif) no-repeat top right;} .container-info-v3 .padding {background:url(../images/corner-topleft.gif) no-repeat top left;padding:10px 0 0 0;} .container-info-v3 .padding .padding{background:url(../images/sec-corner-botright.gif) no-repeat bottom right; padding:0;} .container-info-v3 .padding .padding .padding{background:url(../images/sec-corner-botleft.gif) no-repeat bottom left; padding:0;} .container-info-v3 a {color:#0063A5 !important;text-decoration:none;} .container-info-v3 p {margin-bottom:5px;} .container-info-v3 ul.info-buttons {display:block;} .container-info-v3 .info-buttons a {letter-spacing:-1px; padding:0 24px 0.6em 0; font-size:1.4em; background-position:100% 15%;} /* lingubot */ #lingubot {background: #fff url(../images/lingubot.gif) bottom left no-repeat;} #lingubot ul {margin: 0;padding: 5px 10px 5px 5px;} #lingubot .info-buttons {padding-left: 85px;} #lingubot .info-buttons a {background: url(../images/chevron-double-large.gif) right center no-repeat;} #lingubot p { padding: 0; margin: 0;} /* container-promo */ .container-promo{background: url(../images/sec-corner-botright.gif) no-repeat bottom right #fff;color:#0063A5;} .container-promo .padding{background: url(../images/sec-corner-botleft.gif) no-repeat bottom left;padding:5px 10px;} .container-promo .header{background: url(../images/sec-corner-topright.gif) no-repeat top right #EBF7FA;border-bottom:1px solid #B0DAE7;} .container-promo h2{font-size:1.1em !important;color:#0063A5;background: url(../images/sec-corner-topleft.gif) no-repeat top left;padding:5px 10px;} .container-promo a{color:#0063A5 !important;text-decoration:none;} .container-promo p{margin-bottom:5px;} .container-promo img{float:right;} .icon img{float:left; margin-right: 2px;} .container-promo a{text-decoration:underline;} .container-promo a:hover{text-decoration:none;} /* container-panel */ .container-info-v3 {background: url(../images/corner-topright.gif) no-repeat top right;} .container-info-v3 .padding {background: url(../images/corner-topleft.gif) no-repeat top left;padding:10px 0 0 0;} .container-info-v3 .padding .padding{background: url(../images/sec-corner-botright.gif) no-repeat bottom right; padding:0;} .container-info-v3 .padding .padding .padding{background: url(../images/sec-corner-botleft.gif) no-repeat bottom left; padding:0;} .container-info-v3 a {color:#0063A5 !important;text-decoration:none;} .container-info-v3 p {margin-bottom:5px;} .container-info-v3 ul.info-buttons {display:block;} .container-info-v3 .info-buttons a {letter-spacing:-1px; padding:0 24px 0.6em 0; font-size:1.4em; background-position:100% 20%;} /* utilitybox test */ #utility-box {list-style:none; margin:0; padding-top:10px; background: url(../images/fade-dblue-bottom-left.gif);} #utility-box li {float:left; margin: 0; padding-right: 50px; } #utility-box .first-link { margin-left: 50px; } .promo-box-blue-tools{background: url(../images/fade-dblue-topleft.gif) top left no-repeat; margin-left: 5px;} .promo-box-blue-tools .deco1{background: url(../images/fade-dblue-topright.gif) top right no-repeat; margin-right: 37px;} /* 10.SUBNAVIGATION */ #subnavigation {/* !IMPORTANT base style - do not edit */} #subnavigation h2 {padding:5px 10px; padding-bottom:0;} #subnavigation ul {padding:0; margin:0 0 1em 0;} #subnavigation ul li {background:none; padding-left:12px; font-size:0.94em;font-weight:bold;}/*font-size:1em*/ #subnavigation li.active {background: url(../images/chevron-small.gif) 0 0.75em no-repeat;} #subnavigation ul ul {margin:0;padding:5px 0 2px 0;} #subnavigation li li {background:none; padding:5px 0; padding-left:12px; font-size:1em;font-weight:normal;} #subnavigation li.active a {color:#000 !IMPORTANT;} #subnavigation .divider {padding-bottom:1.5em;} /* 11.MULTI-COLUMN LAYOUT */ .slot-one, .slot-two, .slot-three {overflow:hidden;} /* two-column fluid */ #page .col-two {} .col-two .slot-one, .col-two .slot-two, .col-two .slot-three {float:left; width:46% /*IE-mac*/;} .col-two .slot-one {} .col-two .slot-two {float:right;} .col-two .slot-three {display:none !IMPORTANT;} .col-two ul.buttons li.first {margin-right:10% !IMPORTANT;} /* margin between buttons in 2-column layout */ /* two-column fixed */ #page .fixed {} .fixed .outer {float:left; width:100%; margin-right:-200px;} .fixed .slot-one {margin-right:200px; width:auto !IMPORTANT; float:none;} .fixed .slot-two {width:190px !IMPORTANT; float:right;} #page .fixed-alt {width: 100%;} .fixed-alt .slot-one-alt {float:left;width:54%;margin:0;} .fixed-alt .slot-two {float: right; width: 190px !important;} /* two-column mixed width */ #page .col-two-wide-one {/* 2/3rds promo | 1/3rd promo */} #page .col-two-wide-two {/* 1/3rd promo | 2/3rds promo */} .col-two-wide-one .slot-one, .col-two-wide-one .slot-two, .col-two-wide-one .slot-three, .col-two-wide-two .slot-one, .col-two-wide-two .slot-two, .col-two-wide-two .slot-three {float:left;} .col-two-wide-one .slot-two, .col-two-wide-two .slot-two {float:right;} .col-two-wide-one .slot-three, .col-two-wide-two .slot-three {display:none !IMPORTANT;} .col-two-wide-one .slot-one, .col-two-wide-two .slot-two {width:65.5%;} .col-two-wide-one .slot-two, .col-two-wide-two .slot-one {width:32%;} .col-two-wide-one .slot-one ul.buttons li, .col-two-wide-two .slot-two ul.buttons li {float:right;} .col-two-wide-one .slot-one ul.buttons li.first, .col-two-wide-two .slot-two ul.buttons li.first {float:left;} /* three-column fluid */ #page .col-three {} .col-three .slot-one, .col-three .slot-two, .col-three .slot-three {width:32%; float:left;} .col-three .slot-two {margin-left:2%;} .col-three .slot-three {float:right;} /* four-column fluid */ #page .col-four {} .col-four .slot-one, .col-four .slot-two, .col-four .slot-three, .col-four .slot-four {width:23.5%; float:left;} .col-four .slot-two, .col-four .slot-three {margin-left:2%;} .col-four .slot-four {float:right;} /* 12.BUTTONS */ ul.buttons {clear:both; margin:5px 0;} ul.buttons li {display:block; float:left; clear:both; padding:0; margin:0 0 3px 0; background:none;} ul.buttons a {display:block;padding:0;} .float-left ul.buttons, .float-right ul.buttons {margin-top:0;} li.btn-blue {background: url(../images/btn-blue-end-left.gif) top left no-repeat !IMPORTANT;} .btn-blue a {background: url(../images/btn-blue-end-right.gif) top right no-repeat !IMPORTANT;} #content .btn-blue a {color:#FFF !IMPORTANT;} .buttons li.fluid {text-align:left; width:auto;} .buttons li.fluid a {display:block; float:left;} .buttons li.wide {width:12em;} .buttons li.widest {width:15em;} /* Print button, added 200307 */ .print{ float: right; font-weight: bold; color: #007FB5; text-decoration: none; background-image: url("file://../images/print.gif"); background-position: center right; background-repeat: no-repeat; padding: 2px 38px 2px 13px; border: 1px solid #0099CC; text-transform: uppercase; } /*.print{ background: url("../images/btn-print.gif") top right no-repeat; display: block; min-height: 23px; text-indent: -100px; }*/ /* 13.LISTS */ #content ul, #content ol {} ul.extra {margin-left:0;} .extra li {padding-left:0; background:none;} .extra a {text-decoration:none; font-weight:bold; display:block; width:99%; padding-left:20px; background:#FFF url(../images/chevron-medium-anchor.gif) 0 4px no-repeat; } .extra a:hover {color:#000 !IMPORTANT; background-position:0 -36px;} ul.icons {margin:0 0 0.2em 0; padding:0; list-style:none; font-size:0.94em;} .icons li {display:block; float:left; margin:0 0.4em; padding:5px 0; background:none; padding-left:28px;} .icons .email {background:url(../images/icon-email.gif) center left no-repeat;} .icons .invest {background:url(../images/icon-graph.gif) center left no-repeat;} .icons .claim {background:url(../images/icon-news.gif) center left no-repeat;} .icons a, .icons a:visited {white-space:nowrap; text-decoration:none;} .icons a:hover, .icons a:active, .icons a:focus {text-decoration:underline;} /* 14.HEADERS */ #subnavigation h2 {} #page h2 {} h1.intro {font:2em/1em normal "Century Gothic", Arial, Helvetica, sans-serif; font-family:"Century Gothic", Arial, Helvetica, sans-serif; margin:0 0 0.6em 0;} h2.tab {background: #FFF url(../images/bg-tab.gif) no-repeat top right; margin: 20px 0 0 0; padding: 4px 10px 4px 0;} h2.upper {text-transform:uppercase; font-size:1.2em;} #tools h2, #moreinfo h2 {font-size:1.4em;} #tools h3, #moreinfo h3 {font-size:1.05em;} /* 15.IMAGES */ .graph {margin-right:4px; margin-bottom:4px;} .scroll {overflow:auto; width:98.8% !IMPORTANT;} .scroll img {border:0 !IMPORTANT; overflow:auto;} .img {overflow:hidden; width:100%;} /* 16.MISC */ .small {font-size:0.94em;} .highlight {color:#F00;} .pdf {text-transform:uppercase; font-size:0.94em;} /* box fade */ .fade {background: url(../images/fade-light.gif) bottom center repeat-x;} /* box fade - alt colours */ div.green {background: url(../images/fade-light-green.gif) bottom center repeat-x;} div.red {background: url(../images/fade-light-red.gif) bottom center repeat-x;} div.yellow {background: url(../images/fade-light-yellow.gif) bottom center repeat-x;} /* sifr */ p.intro-sifr {font:2em/1em normal "Century Gothic", Arial, Helvetica, sans-serif; font-family:"Century Gothic", Arial, Helvetica, sans-serif; margin:0.6em 0; padding:0 !IMPORTANT;} /* clearing */ .clear-both {clear:both !IMPORTANT;} .clear {display:inline-block /* IE mac */;} .clear:after {content:"."; height:0; clear:both; display:block; visibility:hidden;} .spacer {line-height:1px;font-size:1px;height:1px;clear:both;margin:0;padding:0;} .tab-spacer {height:0px;line-height:0px;font-size:1px;clear:both;margin:0;padding:0;} /* positioning */ .float-left {float:left !IMPORTANT;} img.float-left {padding-right:10px;} .float-right {float:right !IMPORTANT;} img.float-right {padding-left:10px;} .align-left {text-align:left !IMPORTANT;} .align-right {text-align:right !IMPORTANT;} .align-center {text-align:center !IMPORTANT;} img .padded {margin:10px 10px 10px 10px;} .push200{height:200px;} .push100{height:100px;} /* hide */ .hide-all, .hide-screen {position:absolute; left:-9999px; top:-9999px;} .hide-indent {text-indent:-9999px;} .erase-screen {display:none;} /* existing customer test - not used .btn-big-myaccounts2 {width: 68%; margin: 0.5em 0 0.5em 0; float: right; background-color: #007FB5; padding: 3px 40px; background-image: url("../images/arrow-bigbutton.gif"); background-position: center right; background-repeat: no-repeat; clear: both;} .btn-big-myaccounts2 a, .btn-big-myaccounts2 a:visited{ color: #fff; font-weight: bold; text-decoration: none; } */ br.ct {position:relative; height:0; line-height:0; display:block; visibility:hidden;} /* TEMPLATES > HOME */ body#home {} #subnavigation {width:23.5%;} #content {width:74.5%;} #home #feature {} #home .menu {float:left; width:23.5% /* inexplicable 1px discrepancy */; border-right:0 !IMPORTANT; height:158px;} #home #feature .menu form {padding:5px 10px;} #home #feature .menu select {width:100%; font-size:0.94em;} #home #feature .menu input {} #home #feature .content {margin-right:-22% /* IE mac */ /* !NOTE SWF/IMG min-width 580px */ } #home #feature .content h1 {margin-left:14px; margin-right:14px;} #home #feature .content p {padding-left:14px; padding-right:14px;} /* TEMPLATES > LANDING */ body#landing {} #landing #subnavigation {margin-top:13px;} h1.landing {color:#333 !important; margin:5px 10px;} #landing-ip .border{border:1px solid #B5DBE7;margin:0px 0 20px 0 !important;} /* hide from IE-mac \*/ #landing-ip .border{display: block;} /* end hide from IE-mac */ #landing-ip h2{color:#009933;text-transform:uppercase;font-size:2em;padding:10px 0 0 10px;} #landing-ip li{background:transparent;padding-left:0;margin-left:0;} #landing-ip p{font-size:1.2em;padding:5px 0 0 10px;} #landing-ip li a{padding-left:0;color:#FF0000;font-weight:bold;} .img-transitional a{display:block;} .img-transitional img{margin:10px;float:right;} /* IP IMAGES */ .bgimg-investments {background: url(../images/landing_page.gif) no-repeat;} .bgimg-pensions {background: url(../images/pensions.jpg) no-repeat;} .bgimg-lifecover {background: url(../images/life-cover.jpg) no-repeat;} .bgimg-health {background: url(../images/health.jpg) no-repeat;} .bgimg-home-travel {background: url(../images/home-travel.jpg) no-repeat;} /* TEMPLATES > CATEGORY */ body#category {} #category #subnavigation {margin-top:37px;} /* TEMPLATES > HELP */ body#help {} #help #page .inner {text-align:center;} #help #content {float:none; width:90% !important; margin:0 auto; text-align:left; /* no subnavigation */} #help h1.intro {margin:0 0 0.2em 0;} #help #my-accounts {} #help #my-accounts ul.buttons {float:right; margin-left:10px;} /* TEMPLATES > CONTACT */ body#contact {} /* Layout for application and contact */ .content-floatleft,.content-floatleft2 { width: 48%; float: left; } .content-floatleft a,.content-floatleft2 a {color:#000;} .content-floatright,.content-floatright2 { clear:right; float: right; width: 48%; } .content-floatright a,.content-floatright2 a { color:#000;} .content-floatleft2, .content-floatright2 { text-align: center; } ul#pensions-qa { margin-bottom: 0; padding: 14px 0 0 0; } ul#pensions-qa li { padding: 2px 0 0 15px; } .textpadding2 { padding: 8px 8px;} /* 98.COLOURS */ /* BLUE */ /* wash blue R248 G252 B253 */ /* light blue R220 G237 B244 */ body {background:#DCEDF4;} .divider, .container-info h2 {border-bottom:1px solid #DCEDF4 !IMPORTANT;} .container-info hr {border-top:1px solid #DCEDF4;} /* pale blue R235 G247 B250 */ th, #home #feature .menu, .fade, .product-box {background-color:#EBF7FA !IMPORTANT;} /* blue text R0 G90 B141 */ h1, h2.tab, th, p.intro, #breadcrumb a, #subnavigation a, #subnavigation li.active li a, #pagenav a, .menu h2, .info-buttons a, .extra a, .buttons a {color:#005A8D !IMPORTANT;} /* mid blue R176 G218 B231 */ .graph img, .scroll, #home #feature .menu, .border-blue {border:1px solid #B0DAE7;} table, #footer, #subnavigation h2, .fade h2, .product-box {border-top:1px solid #B0DAE7;} table {border-left:1px solid #B0DAE7;} .full #nav-container, .full #page {border-right:2px solid #B0DAE7;} th, td {border-right:1px solid #B0DAE7;} th, td, .container-info, #subnavigation .divider {border-bottom:1px solid #B0DAE7 !IMPORTANT;} #page {border-bottom: 2px solid #B0DAE7;} .promo-box {background-color:#B0DAE7 !IMPORTANT;} /* blue text R0 G46 B77 */ promo-box p.intro {color:#002E4D !IMPORTANT;} /* deep blue R88 G154 B186 */ .promo-box {border-top:1px solid #589ABA;} /* GREEN */ /* pale green R221 G255 B232 */ div.green {background-color:#DDFFE8 !IMPORTANT;} /* green text R0 G153 B51 */ h1.green, .green p.intro, .product-box-green p.intro {color:#093 !IMPORTANT;} /* mid green R176 G231 B180 */ div.green {border-top: 1px solid #B0E7B4 !IMPORTANT;} /* green text R0 G77 B2 */ .promo-box-green p.intro{color:#004D02 !IMPORTANT;} /* RED */ /* pale red R255 G237 B237 */ div.red {background-color:#FFEDED !IMPORTANT;} /* red text R227 G0 B0 */ h1.red, .red p.intro, .product-box-red p.intro {color:#E30000 !IMPORTANT;} .product-box-red p.intro a{color:#E30000 !IMPORTANT;} /* mid red R G B*/ div.red {border-top: 1px solid #FFB5B5 !IMPORTANT;} /* red text R133 G0 B0 */ .promo-box-red p.intro{color:#850000 !IMPORTANT;} .info-box-red p.intro a{color:#E30000 !IMPORTANT;} /* 99.FILTERS */ /* filter > non IE mac \*/ clear {display:block;} #pagenav {margin-right:0;} .col-two .slot-one, .col-two .slot-two, .col-two .slot-three {width:48.8%;} #home .content {margin-right:0;} /* filter > non safari // safari will not read any styles beyond this point */ #no-safari {color:#FFF;#} div.buttons {padding-left:10px; background: url(../images/btn-blue-end-left.gif) top left no-repeat;} #home #feature .content {float:left; width:76.5%;} /* HOME CONTENTS CALCULATOR */ .leftSide {float: left; width: 345px; padding-right: 20px; background:url(../images/dot-line-vertical.gif) repeat-y top right;} .rightSide {float: right; width: 340px;} .rightSide h2 {color: #014b8d; margin-top: 5px; margin-bottom: 15px;} .rightAlign {text-align: right;} .rightSide .buttons li {padding-bottom:5px;} .o50 h1.o50 {width:100%;background-color:#005A8D;color:#ffffff !IMPORTANT;} h2.bluebar {background-color:#005A8D;color:#ffffff !IMPORTANT;padding-left:10px;} h2.greenbar {background-color:#009933;color:#ffffff !IMPORTANT;padding-left:10px;} h2.yellowbar {background-color:#FFCC00;color:#000000 !IMPORTANT;padding-left:10px;} h2.redbar {background-color:#E30000;color:#ffffff !IMPORTANT;padding-left:10px;} div.greeninnerbox {padding:10px;background-color:#E6FBED;border-right:1px solid #B0E7B4;border-bottom:1px solid #B0E7B4;margin-top:3px;} div.redinnerbox {padding:10px;background-color:#FFEDED;border-right:1px solid #FFB5B5;border-bottom:1px solid #FFB5B5;margin-top:3px;} div.blueinnerbox {padding:10px;background-color:#DCEDF4;border-right:1px solid #BADDE9;border-bottom:1px solid #BADDE9;margin-top:3px;} div.yellowinnerbox {padding:10px;background-color:#FFFFCC;border-right:1px solid #FFFF99;border-bottom:1px solid #FFFF99;margin-top:3px;} ul.ticked {padding-top:1em; list-style-position:outside; list-style-type:none; margin:0 12px 0.2em; padding:0;} ul.ticked li, li.ticked {background:transparent url(../images/greentick.gif) no-repeat scroll 0 0; display:block; padding:3px 0 8px 20px;margin-bottom:0.5em} .rightsearchbox {float:right;height:30px;margin:15px 0 0 0;} #rightsearchform input{float:left;color:#005A8D;} #rightsearchform #searchbtn {float:left;padding-left:2px;} #rightsearchform {margin:0;padding:0;} #rightsearchform fieldset,#rightsearchform form {margin:0;padding:0;} #searchtext {width:132px;height:18px;border:0;padding-top:5px;padding-left:9px;font-size:0.94em;font-weight:bold;} #rightsearchform .hidden {display:none;} div.tabexpandanchor {background: #FFF url(../images/bg-tab.gif) no-repeat top right;width:100%;float:left;} h2.tabexpandanchor {margin: 0 0 0 0; padding: 4px 10px 4px 0;width:75%;clear:left;} div.lefthalf {float:left;width:47%;padding-bottom:10px;} div.righthalf {float:left;width:47%;margin-left:5%;padding-bottom:10px;}