/* ------------------------------------- TOC 1 - Global Reset and default settings 2 - Structural elements 3- Navigation 4 - Heading, Typography, Links, Lists 5 - Buttons 6 - Corners 7 - General Styles 8 - SIFR styles ----------------------------------------*/ /* 1 - Global Reset and default settings ---------------------------------------------------------------------------------------------------------------*/ body * {margin:0; padding:0} img, object {border:0;} body {text-align:center; font-size:62.5%; font-family:Verdana, Arial, Helvetica, sans-serif; color:#081b67; background-color:#fff; padding:0; margin:0} /* 2 - Structural elements ---------------------------------------------------------------------------------------------------------------*/ /******************* Main Structure *******************/ #page-container, #top-border, #bottom-border {width:750px; margin:0 auto; text-align:left} /* layout */ #top-border {background:url(/personal/finance/images/borders/site/border-top-750x5.gif) 0 0 #fff no-repeat; padding-top:5px; margin-top:8px} /* layout */ #bottom-border {background:url(/personal/finance/images/borders/site/border-bottom-750x5.gif) bottom left #fff no-repeat; padding-bottom:5px} /* layout */ #page-container {background:url(/personal/finance/images/borders/site/border-sides.-750x1.gif) 0 0 #fff repeat-y; font-size:1.0em; padding-bottom:1px} /* layout */ /* 1px padidng for FF spacing bug */ /******************* Top - branding and breadcrumb area - Total free space 750px/994px - border and gutters = 723px/967px *******************/ #top {font-size:1.1em; margin:0 14px 9px 13px; padding-top:8px; height:100%} /* height required for Opera bug (margins collape on rollover) */ /* Column now 723px */ /* Branding area #branding {width:100%; background:url(/personal/finance/images/misc/branding.gif) #ededed 0 0 repeat-x; margin-bottom:9px}*/ #branding {width:100%; border:solid 1px #d8d8d8; background: #eaeaea; margin-bottom:9px} /* Christmas Style */ /* #branding { background: #f5d6d6 url(/personal/finance/images/backgrounds/christmas08-branding.gif) no-repeat top left !important; } */ #logo {float:left; width:380px; height:32px; margin:22px 0 21px 10px} #logo_insfestival {float:left; width:380px; height:50px; overflow:hidden; margin:22px 0 0 10px} /* #myacc {float:right; width:227px; margin:8px; min-height:60px; display:inline; background:url(/personal/finance/images/borders/myaccounts/border-bot.gif) #3399cc bottom left no-repeat} #myacc h2 {color:#fff; padding:8px; font:bold 1.5em "Arial, Helvetica",sans-serif; text-transform:capitalize; background:url(/personal/finance/images/borders/myaccounts/border-top.gif) #3399cc 0 0 no-repeat} #myacc p {margin:0 0 0 8px; color:#fff; float:left; display:inline; font-weight:bold} */ #myacc {float:right; width:227px; margin:8px; display:inline; background:url(/personal/finance/images/backgrounds/myaccounts-loginarea-1x71.gif) #2887b5 top left repeat-x; border:solid 1px #1f7caa;} /* hi-pass */ /* #myacc {background: #3398cc !important;} */ #myacc h2 {color:#fff; padding:8px 8px 13px 8px; font:bold 1.5em "Arial, Helvetica",sans-serif; text-transform:capitalize} #myacc p {margin:-8px 0 0 8px; color:#fff; float:left; display:inline; width:140px} #myacc .fright {margin-bottom:8px} #myaccounts #logo {padding-bottom: 15px !important} * html #myaccounts #logo {padding-bottom: 33px !important} /* Orientation */ #orientation {width:100%; position:relative; z-index:200} /* Breadcrumb*/ #breadcrumb-signup {float:left; width:479px; font-size:1.0em;}/* layout */ #breadcrumb-signup a {line-height:1.3em; font-weight:normal; display:block; padding-right:12px; background:url(/personal/finance/images/misc/chevron-blue.gif) transparent center right no-repeat} #breadcrumb-signup a:hover {background:url(/personal/finance/images/misc/chevron-red.gif) transparent center right no-repeat} #breadcrumb-signup dt, #breadcrumb-signup dd {float:left; line-height:1.3em;} #breadcrumb-signup dd{padding-left:8px} #breadcrumb-signup p a { line-height:normal; font-weight:bold} /* layout */ /* Ask */ #ask {/*font-size:1.0em;*/ float:right; width:235px} #ask h2 {color:#000; float:left; margin:1px 0 0 0; padding:4px 4px 4px 8px} #ask strong {font-size:0.9em; padding:0} /******************* Main content columns - Total free space 750px/994px - border and gutters = 723px/967px *******************/ /* Containers */ #wrapper {margin:0 14px 30px 13px; font-size:1.1em;} /* Column now 723px/967px */ #content {position:relative; float:left; margin-top:8px;} #wide {width:723px; clear:left; float:left} /* Primary content */ #primary-content {float:left; width:723px} /* layout */ #rss #primary-content {background:none} .promo-content {float:left} /* Additional Top**/ #additionaltop-ads {margin:8px 0 0 0; width:723px; float:left; min-height:135px; position:relative; border-bottom:solid 1px #dadada; background: url(/personal/finance/images/slots/right-trans-723.gif) #fff top right no-repeat} #additionaltop-ads .inner .box-content {min-height:50px; background: url(/personal/finance/images/slots/right-corner-720.gif) transparent bottom right no-repeat} * html #additionaltop-ads .inner .box-content {height:50px} #additionaltop-ads img {float:right; margin: -30px 10px 10px 0} #additionaltop-ads-title {margin:8px 0 8px 10px; display:block} #additionaltop-ads p {margin:0 0 0 10px; padding-bottom:5px; clear:left} /* Additional **/ #additional-ads {margin:8px 0 0 0; width:723px; float:left; min-height:51px; position:relative; border-bottom:solid 1px #dadada; background: url(/personal/finance/images/slots/right-trans-723.gif) #fff top right no-repeat} #additional-ads .inner .box-content {min-height:50px; background: url(/personal/finance/images/slots/right-corner-720.gif) transparent bottom right no-repeat} * html #additional-ads .inner .box-content {height:50px} #additional-ads-logo {position:absolute; left:8px; top:-3px} #additional-ads-title {float:left; margin:11px 0 0 80px; display:inline} #additional-ads p {margin:0 0 0 280px; padding-top:7px} #additional-ads a {float:left} * html #additional-ads a {margin-left:3px} /* Charity **/ #charity-ads {margin:18px 0 0 0; width:723px; float:left; min-height:56px; position:relative; border-bottom:solid 1px #dadada; background: url(/personal/finance/images/slots/right-trans-723.gif) #fff top right no-repeat} #charity-ads .inner .box-content {min-height:55px; background: url(/personal/finance/images/slots/right-corner-720.gif) transparent bottom right no-repeat} * html #charity-ads .inner .box-content {height:55px} #charity-ads-logo {position:absolute; left:8px; top:2px} #charity-ads-title {float:left; margin:11px 0 0 80px; display:inline} #charity-ads p {margin:0 0 0 280px; padding-top:7px} #charity-ads a {float:left} * html #charity-ads a {margin-left:3px} /* Careers **/ #career-ads {margin:18px 0 0 0; width:723px; float:left; min-height:52px; position:relative; border-bottom:solid 1px #dadada; background: url(/personal/finance/images/slots/right-trans-723.gif) #fff top right no-repeat} #career-ads .inner .box-content {min-height:51px; background: url(/personal/finance/images/slots/right-corner-720.gif) transparent bottom right no-repeat} * html #career-ads .inner .box-content {height:51px} #career-ads-logo {position:absolute; left:8px; top:2px} #career-ads-title {float:left; margin:11px 0 0 80px; display:inline} #career-ads p {margin:0 0 0 280px; padding-top:7px} #career-ads a {float:left} * html #career-ads a {margin-left:3px} /* Secondary content - width: 235px max */ #secondary-content {float:left; background:url(/personal/finance/images/misc/bg-elh-top.gif) transparent top left no-repeat; padding:4px 0 0 0; margin-top:8px} /* Christmas */ /* #secondary-content {padding:0 0 0 0; margin-top:0px} */ /** Every little helps **/ .elh {width:235px; float:left; margin-right:9px; padding:15px 0;} /* layout */ .elh h3, .elh h3 {margin-top:8px} .lastelh {margin-right:0; margin-bottom:0} #dotcom { text-align: center; } /** Prodcut Pages **/ #support {width:238px;float:left; display:inline} #main {float:right; width:484px} #lead {position:relative; min-height:90px; margin-bottom:25px; background:url(/personal/finance/images/bg/lead-standard-484x110.png) #fff 0 0 no-repeat} * html #lead {height:110px} .dentalinsurance #lead {height:auto; min-height:auto} #savings #lead {background:url(/personal/finance/images/bg/lead-savings-484x110.png) #fff 0 0 no-repeat} #lead h2 {margin:0 0 15px 10px; padding-top:7px} #lead ul, #lead dl {margin:0 0 20px 0} #lead .chevlist, #lead .numlist {float:left; width:285px !important;} * html #lead .chevlist {height:1%} /* Has Layout bug */ /* #lead .chevlist li {float:left; clear:left; width:440px} */ #lead .intro {color:#cc0000 !important; font-weight:bold} #lead .decor {float:right; margin:-30px 10px 0 20px; position:relative; margin-bottom:10px !important} #lead .last {margin-bottom:0} #lead strong {color:#CC0000} #lead .quote-retrieve {clear:both} #lead .standardp {font-weight:normal !important; color:#000 !important} /* Product choice */ .choice {margin:0 0 25px 0; clear:both} #prod-a, #van-a {width:237px; float:left; position:relative; border-bottom:solid 1px #dadada; background: url(/personal/finance/images/insurance/carins/right-car-237.png) #fff top right no-repeat; margin:0 9px 0 0} #prod-b, #van-b {width:237px; float:right; position:relative; border-bottom:solid 1px #dadada; background: url(/personal/finance/images/insurance/carins/right-car-237.png) #fff top right no-repeat; margin:0 0 0 0} #prod-a, #prod-b {min-height:200px} #van-a, #van-b {min-height:100px} #prod-e {width:237px; float:left; position:relative; border-bottom:solid 1px #dadada; background: url(/personal/finance/images/insurance/carins/right-car-237.png) #fff top right no-repeat; margin:0 9px 0 0} #prod-f {width:237px; float:right; position:relative; border-bottom:solid 1px #dadada; background: url(/personal/finance/images/insurance/carins/right-car-237.png) #fff top right no-repeat; margin:0 0 0 0} #prod-e, #prod-f {min-height:200px} #van-e {min-height:100px} #prod-c {width:484px; float:left; position:relative; border-bottom:solid 1px #dadada; background: url(/personal/finance/images/slots/bg-standard-484x110.png) #fff top right no-repeat; min-height:200px; margin:0 0 8px 0} #prod-a h3, #prod-b h3, #prod-c h3, #prod-e h3, #prod-f h3, #van-a, #van-b {margin:0 0 15px 0; padding-top:8px; font:bold 1.3em "Arial, Helvetica",sans-serif; color:#000066} #prod-a .inner .box-content, #prod-b .inner .box-content, #prod-e .inner .box-content, #prod-f .inner .box-content, #van-a .inner .box-content, #van-b .inner .box-content {background:url(/personal/finance/images/slots/right-corner-235.gif) transparent bottom right no-repeat; min-height:197px} #prod-c .inner .box-content {background:url(/personal/finance/images/slots/right-corner-482.gif) transparent bottom right no-repeat; min-height:197px} #prod-a ul, #prod-b ul, #prod-c ul, #van-a ul, #van-b ul {margin:0 10px 10px 10px; min-height:60px; /* background:url(/personal/finance/images/borders/border-dash-hor.gif) bottom left repeat-x; */ padding-left:0 !important;} * html #prod-a ul, * html #prod-b ul, * html #prod-c ul, * html #van-a ul, * html #van-b ul {height:60px} #prod-a li, #prod-b li, #prod-c li, #van-a li, #van-b li {padding:0 0 7px 16px; list-style-type:none; background:url(/personal/finance/images/misc/bullet_chevrons.gif) transparent top left no-repeat; color:#000066; /*float:left*/} #prod-a .fom, #prod-b .fom, #prod-c .fom, #prod-e .fom, #prod-f .fom, #van-a .fom, #van-b .fom {margin:0 0 8px 0} #prod-a .fleft, #prod-b .fleft, #prod-c .fleft, #prod-e .fleft, #prod-f .fleft, #van-a .fleft, #van-b .fleft { margin:0 0 8px 10px; display:inline} /*\*//*/ #prod-a li, #prod-b li, #prod-c li, #prod-e li, #prod-f li, #van-a li, #van-b li {float:none} /**/ #wide #prod-a {width:357px; float:left; position:relative; border-bottom:solid 1px #dadada; background: url(/personal/finance/images/insurance/carins/right-car-357.png) #fff top right no-repeat; min-height:200px; margin:0 9px 0 0} #wide #prod-b {width:357px; float:right; position:relative; border-bottom:solid 1px #dadada; background: url(/personal/finance/images/insurance/carins/right-car-357.png) #fff top right no-repeat; min-height:200px; margin:0 0 0 0} #wide #prod-a h3, #wide #prod-b h3 {margin:0 0 15px 0; padding-top:8px; font:bold 1.5em "Arial, Helvetica",sans-serif; color:#000066} #wide #prod-a .inner .box-content, #wide #prod-b .inner .box-content {background:url(/personal/finance/images/slots/right-corner-354.gif) transparent bottom right no-repeat; min-height:197px} /******************* Bottom content *******************/ #extra {width:723px; padding-top:9px; /*font-size:1.1em;*/ margin:0 14px 0 13px; background:url(/personal/finance/images/borders/border-dash-hor.gif) top left repeat-x;} /* Copyright notice */ #copyright {clear:both; font-size:0.9em; color: #333; margin:0 0 9px 0;} #copyright p {/* float:left; */margin-bottom:3px} #copyright img {margin-bottom: 8px; padding-right:6px} * html #copyright img {margin-bottom: -1px; padding-right:6px} /* 3- Navigation ---------------------------------------------------------------------------------------------------------------*/ /* Primary Nav */ #nav-primary {width:723px; height:100%; font-size:1em} /* height required for Opera bug (margins collape on rollover) */ #nav-primary ul {list-style-type:none} #nav-primary li {float:left; margin-right:1px; background:url(/personal/finance/images/misc/tab-leftcorner.gif) #071b68 top left no-repeat} #nav-primary a {background:url(/personal/finance/images/misc/tab-rightcorner.gif) transparent top right no-repeat; font-weight:normal} /* hack */ #nav-primary li#last {margin-right:0} #nav-primary a, #nav-primary span {padding:8px; width:105px; float:left; color:#fff; text-decoration:none} #nav-primary #ins {border-bottom: solid 4px #309aca; width:101px} /* hack */ #nav-primary #cards {border-bottom: solid 4px #fb9809} #nav-primary #loan {border-bottom: solid 4px #9d9bcc} #nav-primary #mort {border-bottom: solid 4px #fe999d} #nav-primary #save {border-bottom: solid 4px #70d55f} #nav-primary #moto {border-bottom: solid 4px #132ce9} #nav-primary #tra {border-bottom: solid 4px #cd3335; width:101px; margin-right:0px} /* hack */ #insurance .active {background:url(/personal/finance/images/misc/tab-leftcorner-insurance.gif) #C3E5F6 top left no-repeat} #creditcards .active {background:url(/personal/finance/images/misc/tab-leftcorner-creditcards.gif) #FDE8C7 top left no-repeat} #loans .active {background:url(/personal/finance/images/misc/tab-leftcorner-loans.gif) #ddddef top left no-repeat} #mortgages .active {background:url(/personal/finance/images/misc/tab-leftcorner-mortgages.gif) #FCD3D3 top left no-repeat} #savings .active {background:url(/personal/finance/images/misc/tab-leftcorner-savings.gif) #DFF8DB top left no-repeat} #motoring .active {background:url(/personal/finance/images/misc/tab-leftcorner-motoring.gif) #d9ddf9 top left no-repeat} #travel .active {background:url(/personal/finance/images/misc/tab-leftcorner-travel.gif) #F4E3E3 top left no-repeat} #insurance .active a {background:url(/personal/finance/images/misc/tab-rightcorner-insurance.gif) transparent top right no-repeat} #creditcards .active a {background:url(/personal/finance/images/misc/tab-rightcorner-creditcards.gif) transparent top right no-repeat} #loans .active a {background:url(/personal/finance/images/misc/tab-rightcorner-loans.gif) transparent top right no-repeat} #mortgages .active a {background:url(/personal/finance/images/misc/tab-rightcorner-mortgages.gif) transparent top right no-repeat} #savings .active a {background:url(/personal/finance/images/misc/tab-rightcorner-savings.gif) transparent top right no-repeat} #motoring .active a {background:url(/personal/finance/images/misc/tab-rightcorner-motoring.gif) transparent top right no-repeat} #travel .active a {background:url(/personal/finance/images/misc/tab-rightcorner-travel.gif) transparent top right no-repeat} #insurance .active a, #insurance .active span, #creditcards .active a, #loans .active a, #mortgages .active a, #savings .active a, #moto .active a, #travel .active a {color:#071b68} /* Secondary Nav */ #nav-secondary {width:235px; padding-bottom:1px; background-image:none; padding-top:0 !important; } #nav-secondary dl {background:url(/personal/finance/images/misc/bg-elh-gradient.gif) #fff 0 0 repeat-x; padding-bottom:0;} #nav-secondary dt {/*padding:5px 0 4px 9px; */margin:0} #nav-secondary dd, #nav-secondary dd.last {margin: 0 9px 0 9px; border-bottom:solid 1px #e8e8e8} /* #nav-secondary dd.last {border:0} */ #nav-secondary dl dl {border:none; background:transparent; padding-bottom:0; /*width:224px/*display:inline*/} #nav-secondary dl dl dt {padding:0; margin:0; border-bottom:0;} #nav-secondary dl dl dd {border-bottom:0} #nav-secondary dl dl dd.togglebox * {padding-bottom:5px} #nav-secondary a {display:block; padding:9px 20px 9px 14px; background:url(/personal/finance/images/misc/bullet_chevrons.gif) transparent 0 8px no-repeat; font-weight:normal} #nav-secondary a:hover {color:#2942A5} #nav-secondary a.togglelink {background:url(/personal/finance/images/misc/bullet_chevrons.gif) transparent 0 8px no-repeat; margin-bottom:0} #nav-secondary a.togglelink:hover {background:url(/personal/finance/images/misc/bg-arrow-down.gif) transparent 0 8px no-repeat} #nav-secondary a.up {background:url(/personal/finance/images/misc/bg-arrow-up.gif) transparent 0 8px no-repeat;} #nav-secondary a.up:hover {background:url(/personal/finance/images/misc/bg-arrow-up.gif) transparent 0 8px no-repeat;) 100% 50% no-repeat;} #nav-secondary .togglebox ul {list-style-type:none; padding-bottom:0 !important; padding-left:25px !important; color:#000066} #nav-secondary .togglebox li {padding-bottom:8px !important; list-style-type:disc} #nav-secondary .togglebox li a {background:none} #nav-secondary .togglebox a {margin:0; padding:0} #nav-secondary .togglebox #current-elh {color:#2942A5; font-weight:bold; padding-bottom:13px !important;} /* Tertiary Nav */ #nav-tertiary {background-color:#ededed; border:solid 1px #d8d8d8; margin-bottom:9px; clear:both; font-size:1.1em} #nav-tertiary ul {list-style-type:none; padding:8px} #nav-tertiary li {float:left; margin-right:7px; border-left:solid 1px #000; padding-left:7px} #nav-tertiary li.fl {padding-left:0; border:0} #nav-tertiary a {font-weight:normal; /*font-size: 1.0em*/} /* Products and services Nav */ #products {position:relative; margin-bottom:13px; width:723px; background:url(/personal/finance/images/borders/border-dash-hor.gif) transparent left bottom repeat-x} #products h1 {background:#0E2887; color:#fff; padding:8px 0 8px 8px; font-size:1.3em; margin-bottom:9px} #products ul {width:235px; float:left; margin:0 9px 9px 0; list-style-type:none; background:url(/personal/finance/images/borders/border-dash-ver.gif) transparent top right repeat-y;} #products ul#nav-savings {margin-right:0; background-image:none} #products li a {line-height:1.3em;} /*hipass*/ #products ul ul {width:auto; float:none; background-image:none} #products ul li {margin:2px 0; color:#cc0000; font-weight:bold} #products ul ul li {margin:0} #products ul ul a {font-weight:normal} /* Popup Navigation */ .innerbox {margin:0 8px 8px 8px; background-color:#fff; padding-bottom:8px} .productslinks {padding:8px 0 0 0; margin:0 8px 8px 8px; background-color:#fff;} .productslinks a {color:#3399cc; line-height:1.4em} .prodleft {float:left; width:49%} .prodleft ul {list-style-type:none} .prodright {float:right; width:49%} .prodright ul {list-style-type:none} .productslinks ul li {margin-bottom:4px; font-weight:bold; color:#000066} .productslinks ul ul li {margin-bottom:8px; font-size:0.91em} .productslinks ul ul li.multilink {margin-bottom:0 !important} .productslinks ul ul a {color:#cc0000; } .ads {margin:0 8px} .leftBox {float:left} .rightBox {float:right} /** Individual Sections **/ .ins-products-box {width:484px; padding:16px 0 1px 0; text-align:left; position:absolute; top:-8px; left:0; background:url(/personal/finance/images/misc/popupbox-bar-367.gif) #309aca top right no-repeat; z-index:100} /* hack */ .cards-products-box {width:365px; padding:16px 0 1px 0; text-align:left; position:absolute; top:-8px; left:118px; background:url(/personal/finance/images/misc/popupbox-bar-244.gif) #fb9809 top right no-repeat; z-index:101} /* hack */ .loan-products-box {width:365px; padding:16px 0 1px 0; text-align:left; position:absolute; top:-8px; left:240px; background:url(/personal/finance/images/misc/popupbox-bar-244.gif) #9d9bcc top right no-repeat; z-index:102} /* hack */ .mort-products-box {width:361px; padding:16px 0 1px 0; text-align:left; position:absolute; top:-8px; left:362px; background:url(/personal/finance/images/misc/popupbox-bar-240.gif) #fe999d top right no-repeat; z-index:103} /* hack */ .save-products-box {width:365px; padding:16px 0 1px 0; text-align:left; position:absolute; top:-8px; left:240px; background:url(/personal/finance/images/misc/popupbox-bar-244.gif) #70d55f top left no-repeat; z-index:104} /* hack */ .tra-products-box {width:361px; padding:16px 0 1px 0; text-align:left; position:absolute; top:-8px; left:362px; background:url(/personal/finance/images/misc/popupbox-bar-244.gif) #cd3335 top left no-repeat; z-index:105} /* hack */ .accounts-products-box {width:484px; padding:16px 0 1px 0; text-align:left; position:absolute; top:-30px; right:8px; background:url(/personal/finance/images/misc/myaccpopupbox-bar.gif) top left no-repeat; z-index:106} /* hack */ /* Product navigation */ #nav-products {margin:0 20px 0 0; padding:8px 0 0 0; list-style-type:none; border-top: solid 1px #e8e8e8} #nav-products .split {border-top: solid 1px #e8e8e8; padding-top:10px} #nav-products li {color:#cc0000; margin-bottom:8px; padding:0 0 0 6px; font-weight:bold} #nav-products li ul {margin:8px 0 0 17px; list-style:disc} #nav-products li ul ul {margin-right:25px} #nav-products li a {font-weight:normal} /* Policy docs */ #policydocs ol {margin-left:30px} #policydocs ol li {margin:0 0 7px 0} #policydocs li strong {color:#081b67 !important} /* Gateway page */ #gateway #content {margin-top:0} #gateway #branding {height:76px} /* popups new window styles */ #gateway .popup b, #gateway .metafaq b {font-size:0.9em;} #gateway .new-newline b {display:block;} #gateway #compare-col {position:relative; width:357px; float:left; margin:0 9px 0 0; background: url(/personal/finance/images/gateway/background-column-bottom.gif) transparent bottom left no-repeat; padding-bottom:8px} #gateway #compare-col .intro-section {background: url(/personal/finance/images/gateway/background-compare-357x157.gif) #569a43 top right no-repeat; color:#fff !important; min-height:157px; margin:0 0 10px 0} /* Hack */ * html #gateway #compare-col .intro-section, * html #gateway #finance-insurance-col .intro-section, * html #gateway #servicing-col .intro-section {height:157px} #gateway #compare-col .intro-section h2 {padding:11px 0 20px 10px} #gateway #compare-col .intro-section p {margin:0 10px 15px 10px; line-height:1.4em; font-size:1.1em; font-weight:bold; color:#fff} #gateway #compare-col .intro-section p strong {text-decoration:underline; text-transform:uppercase} #gateway #compare-col .fleft {margin:50px 0 0 10px; clear:both; display:inline} #gateway #compare-col .l {width:185px} #gateway #compare-col .decor {float:right; padding:51px 10px 0 0} #gateway #compare-col p {color:#093f1b; font-weight:bold; margin:0 10px 20px 10px} #gateway #compare-col ul {margin:0 10px 20px 10px} #gateway #compare-col h3 {color:#093f1b;} #gateway #finance-insurance-col {position:relative; width:357px; float:right; background: url(/personal/finance/images/gateway/background-column-bottom.gif) transparent bottom left no-repeat; padding-bottom:8px} #gateway #finance-insurance-col .intro-section {background: url(/personal/finance/images/gateway/background-finance-and-insurance-357x157.gif) #142b84 top right no-repeat; color:#fff; min-height:157px; margin:0 0 10px 0} #gateway #finance-insurance-col .intro-section h2 {padding:11px 0 20px 10px} #gateway #finance-insurance-col .intro-section p {margin:0 10px 15px 10px; line-height:1.4em; font-size:1.1em; font-weight:bold; color:#fff} #gateway #finance-insurance-col .fleft {margin:0 0 0 10px; clear:both; ; display:inline} #gateway #finance-insurance-col .l {width:157px} #gateway #finance-insurance-col .decor {float:right; padding:0 10px 0 0} #gateway #finance-insurance-col p {color:#071b68; margin:0 10px 20px 10px} #gateway #finance-insurance-col ul {margin:0 10px 20px 10px} #gateway #finance-insurance-col h3 {color:#071b68;} #gateway #secondary-content {padding-top:0; position:relative; background: url(/personal/finance/images/gateway/background-column-bottom-235.gif) transparent bottom left no-repeat; padding-bottom:8px} #gateway #servicing-col .intro-section {background:url(/personal/finance/images/gateway/background-servicing-235x157.gif) #3399cc top left no-repeat; color:#fff; min-height:157px; margin:0 0 10px 0; width:235px} #gateway #servicing-col h2 {padding:11px 0 20px 10px} #gateway #servicing-col .intro-section p {margin:0 10px 15px 10px; line-height:1.4em; font-size:1.1em; font-weight:bold; color:#fff} #gateway #servicing-col h3 {border:solid 1px #dadada; /*width:181px;*/ color:#142b83; margin:0 10px 0 10px; padding:6px 20px 6px 10px; background: url(/personal/finance/images/gateway/arrow-section-closed-27x27.gif) #e6e6e6 center right no-repeat;} #gateway #servicing-col h3 a {color:#000066} #gateway #servicing-col h3.section-open {background-image: url(/personal/finance/images/gateway/arrow-section-open-27x27.gif)} #gateway #servicing-col h3 {width:211px; voice-family: "\"}\""; voice-family:inherit; width:181px;} #gateway #servicing-col h3 {} #gateway #servicing-col .servicing-description {border:solid 1px #dadada; border-top:0; width:211px; color:#142b83; margin:0 0 8px 10px; padding:0 0 0 0} #gateway #servicing-col .creditcare .decor {float:right; margin:10px 10px 0 0} #gateway #servicing-col .creditcare p {width:110px; padding:10px 0 10px 0; margin-left:10px !important; font-weight:bold} #gateway #servicing-col .businssservicing .decor {float:right; margin:10px 10px 0 0} #gateway #servicing-col .businssservicing p {width:110px; padding:10px 0 10px 0; margin-left:10px !important; font-weight:bold} #gateway #servicing-col .accountsandpolicies .decor {float:right; margin:10px 10px 0 0} #gateway #servicing-col .accountsandpolicies p {width:110px; padding:10px 0 10px 0; margin-left:10px !important; font-weight:bold} #gateway #servicing-col .insuranceservicing .decor {float:right; margin:10px 10px 0 0} #gateway #servicing-col .insuranceservicing p {width:110px; padding:10px 0 10px 0; margin-left:10px !important; font-weight:bold} #gateway #servicing-col .button-area {width:191px; margin:8px 0 0 10px; padding-top:8px; border-top:solid 1px #dadada} #gateway #servicing-col .button-area ul {clear:both; list-style-type:none} #gateway #servicing-col .button-area li {float:left; padding:8px 5px 10px 0; margin-right:5px; background:url(/personal/finance/images/gateway/split.gif) transparent right center no-repeat} #gateway #servicing-col .button-area li.last {margin-right:0; padding-right:0; background:none} #gateway #nav-tertiary {height:30px} /* Tesco Compare */ .compare {background-image:none !important; padding-top:0 !important} #compare-panel {background: url(/personal/finance/images/compare/bg.gif) #6cb043 top left no-repeat; padding:0; margin-top:0} .carinsurance-new #compare-panel {margin-top:15px} #compare-panel h2 {padding:10px 0 0 0; margin:0 0 20px 0} #compare-panel h3 {padding-left:0; !important; font-size:1.5em; margin-bottom:0} #compare-panel ul {margin-bottom:0; padding-bottom:0; padding-top:15px} #compare-panel ul li {background-image:url(/personal/finance/images/compare/chevron.gif)} #compare-panel ul li.last {margin-bottom:0 !important} #cpt {padding:0 10px 20px 10px; color:#fff; font-weight:bold} #cpb {background:url(/personal/finance/images/compare/bg-bottom.gif) #fff bottom left no-repeat; padding:0 10px 10px 10px} #comparelogo {margin:-31px 0 0 0; float:right; position:relative} #cpb img {padding:0 0 8px 0} #cpb p {color:#35660a; font-size:1.1em; font-weight:bold; padding:15px 0 0 0} #cpb .fleft {font-size:0.9em; margin-bottom:0} #toppanel {background:url(/personal/finance/images/compare/bg-bottom.gif) #fff bottom left no-repeat; padding-bottom:3px; margin-bottom:8px; position:relative; padding-top:0} #toppanel p {background:url(/personal/finance/images/compare/bg-top.gif) #fff 0 0 no-repeat; padding:3px 0 0 97px; color:#071B68; font-weight:bold; min-height:30px; font-size:0.9em} * html #toppanel p {height:33px; voice-family: "\"}\""; voice-family:inherit;height:30px} #toppanel p a:hover, #toppanel strong:hover {text-decoration:underline} #toppanel p {} #toppanel p strong {display:block; font-size:1.1em; padding-left:3px} #toppanel img {position:absolute; top:0; left:0} /* 4 - Heading, Typography, Links, Lists ---------------------------------------------------------------------------------------------------------------*/ /* Paragraphs */ p {line-height:1.3em} #main p, #main ul, #main dl, #wide p, #wide ul, #wide dl {padding-left:10px; margin-bottom:20px} p.last {padding-bottom:0px} p.slot-intro {font-weight:bold; color:#fb010d; margin:14px 10px 1px 10px} .togglebox {} .togglebox * {margin-left:0 !important; padding-left:0 !important} #mediacentre #main .togglebox {padding-left:10px} /* puts a line through a numerical value*/ .strikethrough {text-decoration; line-through} /* Heading */ #subhead {margin:5px 0} .head {clear:both; line-height:1.8em; color:#000066; border:solid 1px #C2C2C2; background:url(/personal/finance/images/misc/gradient-head.gif) #F5F5F5 bottom left repeat-x; margin:0 0 15px 0; padding:0 0 0 10px} h2 {font:bold 1.5em "Arial, Helvetica",sans-serif} h2 {color:#000066} h2 a {color:#000066} h2 a:hover {color:#cc0000} #wide h2 {font-size:1.1em} h3, h4, h5, h6 {font:bold 1.1em "Arial, Helvetica",sans-serif} h3, h4, h5, h6 {padding-left:10px; margin-bottom:15px} /* Grid Headings */ #tl h2, #tm h2, #tr h2, #ml h2, #mm h2, #mr h2, #bl h2, #bm h2, #bmm h2, #br h2, #brr h2 {margin:8px 0 8px 10px} #flashcontent h2 {margin:0 !important} /* Lists*/ .chevlist {list-style-type:none; position:relative} .chevlist li {padding:0 0 0 16px; padding-left:16px !important; list-style-type:none; background:url(/personal/finance/images/misc/bullet_chevrons.gif) transparent 0 -2px no-repeat; margin:0 0 7px 0} .chevlist .last {margin-bottom:0} .chevlist li p {padding-left:0 !important} .chevlist ul {padding-top:8px; margin-bottom:0 !important; padding-bottom:8px !important; margin-top:8px !important} .chevlist li strong {color:#000066 !important} .numlist {margin-bottom:20px} .numlist li {margin:0 0 7px 35px} .numlist .last {margin-bottom:0} .numlist li p {padding-left:0 !important} .numlist li strong {color:#000066 !important} /* Links */ a{color:#1c44e1; text-decoration:none; font-weight:bold} a:hover{color:#cc0000; text-decoration:underline} a.chevron {padding-right:12px; background:url(/personal/finance/images/misc/chevron-blue.gif) transparent center right no-repeat} a.chevron:hover {background:url(/personal/finance/images/misc/chevron-red.gif) transparent center right no-repeat} a span {position:absolute; left:-9999px; top:-9999px; visibility:hidden; overflow:hidden; height:0px; font-size:0; line-height:0} /* 5 - Buttons ---------------------------------------------------------------------------------------------------------------*/ /** Button with JavaScript enabled **/ /* Red Button with white background */ .wbg {background: url(/personal/finance/images/buttons/button-r.gif) #fe4300} .wbg .emptybut {background-image: url(/personal/finance/images/buttons/button-l.gif)} .wbg .button {background-image: url(/personal/finance/images/buttons/button-l.gif)} .wbg .button span {background-image: url(/personal/finance/images/buttons/button-r.gif)} /* Red Button with white background */ .gbbg {background: url(/personal/finance/images/buttons/button-r-greybotbg.gif) #fe4300} .gbbg .emptybut {background-image: url(/personal/finance/images/buttons/button-l-greybotbg.gif)} .gbbg .button {background-image: url(/personal/finance/images/buttons/button-l-greybotbg.gif)} .gbbg .button span {background-image: url(/personal/finance/images/buttons/button-r-greybotbg.gif)} /* Red Button with white background */ .lbbg {background: url(/personal/finance/images/buttons/button-r-bluebg.gif) #fe4300} .lbbg .emptybut {background-image: url(/personal/finance/images/buttons/button-l-bluebg.gif)} .lbbg .button {background-image: url(/personal/finance/images/buttons/button-l-bluebg.gif)} .lbbg .button span {background-image: url(/personal/finance/images/buttons/button-r-bluebg.gif)} /* Christmas - Red Button with maroon background */ /* .lbbg {background: url(/personal/finance/images/buttons/button-r-maroonbg.gif) #fe4300; margin-right:10px} .lbbg .emptybut {background-image: url(/personal/finance/images/buttons/button-l-maroonbg.gif)} .lbbg .button {background-image: url(/personal/finance/images/buttons/button-l-maroonbg.gif)} .lbbg .button span {background-image: url(/personal/finance/images/buttons/button-r-maroonbg.gif)} */ /* Blue Button with white background */ .bbwbg {background: url(/personal/finance/images/buttons/button-blue-r.gif) blue} .bbwbg .emptybut {background-image: url(/personal/finance/images/buttons/button-blue-l.gif)} .bbwbg .button {background-image: url(/personal/finance/images/buttons/button-blue-l.gif)} .bbwbg .button span {background-image: url(/personal/finance/images/buttons/button-blue-r.gif)} /* General buttons styles for JS enabled buttons */ .js-button-container {background-position:top right; background-repeat:no-repeat} .emptybut {margin: 0; padding: 3px 3px 0 0px; background-position:top left; background-repeat: no-repeat} .button {margin: 0; padding: 0 0 0 3px; background-position:bottom left; background-repeat: no-repeat} .button span {display: block; padding:2px 0 5px 0; font-style: normal; background-position:bottom right; background-repeat: no-repeat} .js-button-container a {color: #fff; text-decoration:none; display:block; padding:0 10px 0 5px;} .js-button-container a span {position:absolute; left:-1000em; top:-1000em; visibility:hidden; overflow:hidden; height:0px; font-size:0; line-height:0} .js-button-container a:hover {text-decoration:underline; color:#fff} .js-button-container .nw {background-image:none !important; display:inline !important; margin:0 !important; padding:0 !important; position:relative !important; top:0 !important; left:0 !important; visibility:visible !important; overflow:visible !important; height:auto !important; font-size:0.9em !important; line-height:1.0em !important} .js-button-container .nw-small {background-image:none !important; margin:0 !important; padding-bottom:3px!important; padding-top:2px !important; position:relative !important; top:0 !important; left:0 !important; visibility:visible !important; overflow:visible !important; height:auto !important; font-size:0.9em !important; line-height:1.0em !important} /* Button without JavaScript enabled */ .button-container {padding:0 0 0 6px; background:url(/personal/finance/images/buttons/button-l-nojs.gif) transparent 0 0 no-repeat; float:left} .button-container a {padding:5px 10px 5px 1px; background:url(/personal/finance/images/buttons/button-r-nojs.gif) transparent 100% 100% no-repeat; color:#fff; float:left} .button-container a:hover {color:#fff} .button-container .nw {background-image:none !important; display:inline !important; margin:0 !important; padding:0 !important; position:relative !important; top:0 !important; left:0 !important; visibility:visible !important; overflow:visible !important; height:auto !important; font-size:0.9em !important; line-height:1.0em !important} .button-container .nw-small {background-image:none !important; margin:0 !important; padding-bottom:3px!important; padding-top:2px !important; position:relative !important; top:0 !important; left:0 !important; visibility:visible !important; overflow:visible !important; height:auto !important; font-size:0.9em !important; line-height:1.0em !important} .button-container-blue {padding:0 0 0 6px; background:url(/personal/finance/images/buttons/button-blue-l-nojs.gif) transparent 0 0 no-repeat; float:left} .button-container-blue a {padding:5px 10px 5px 1px; background:url(/personal/finance/images/buttons/button-blue-r-nojs.gif) transparent 100% 100% no-repeat; color:#fff; float:left} .button-container-blue a:hover {color:#fff} .button-container-blue .nw {background-image:none !important; display:inline !important; margin:0 !important; padding:0 !important; position:relative !important; top:0 !important; left:0 !important; visibility:visible !important; overflow:visible !important; height:auto !important; font-size:0.9em !important; line-height:1.0em !important} .button-container-blue .nw-small {background-image:none !important; margin:0 !important; padding-bottom:3px!important; padding-top:2px !important; position:relative !important; top:0 !important; left:0 !important; visibility:visible !important; overflow:visible !important; height:auto !important; font-size:0.9em !important; line-height:1.0em !important} .button-container-form {padding:0 0 0 6px; background:none; float:left} /* positioning of individual buttons */ #myacc .js-button-container, #myacc .button-container {margin:0 8px 8px 8px; display:inline} /*#myacc_new .js-button-container, #myacc .button-container {margin:0 8px 8px 8px; display:inline}*/ .quote-retrieve {list-style-type:none; margin:0} .quote-retrieve li {float:left;} .quote-retrieve .ret {border-left:solid 1px #000; margin:6px 0 0 10px} .quote-retrieve .ret a {font-weight:normal} .quote-retrieve .ret p {margin:0 0 0 10px; margin-bottom:0 !important; padding:0; width:auto !important} #retrieve h2, #rss-panel h2 {padding-left:0} .spliter {list-style-type:none;} .spliter li {float:left; padding:0 10px 0 0; margin:0 10px 0 0; border-right:solid 1px #000;} .spliter li.last {margin-right:0; padding-right:0; border:0} /*.quote-retrieve .spliter p {margin:0 0 0 10px; margin-bottom:0 !important; padding:0; width:auto !important}*/ #bottom-button {padding:10px 0 0 0; border-top:solid 1px #e8e8e8} #bottom-button .fleft {margin-left:10px} * html #bottom-button .fleft {display:inline} /* 6 - Corners ---------------------------------------------------------------------------------------------------------------*/ .corners {} .corners .empty {background: url(/personal/finance/images/slots/left.gif) transparent top left no-repeat; margin:0; padding: 3px 3px 0 0} .corners .inner {background: url(/personal/finance/images/slots/left.gif) transparent bottom left no-repeat; margin:0;} .corners .inner .box-content {display:block; padding-bottom:0px !important; margin-bottom:0 !important} #ask {border-bottom:solid 1px #dadada; background: url(/personal/finance/images/slots/right-trans-235.gif) #fff top right no-repeat} #ask .button-container, #ask .js-button-container {margin:5px 8px 8px 8px; display:inline} #ask .inner {background: url(/personal/finance/images/slots/border-left-corner-grad-232.gif) transparent bottom left no-repeat; margin:0;} #ask .inner .box-content {min-height:32px; background: url(/personal/finance/images/slots/border-right-corner-grad-23.gif) transparent bottom right no-repeat} * html #ask .inner .box-content {height:32px} /* 7 - Tables ---------------------------------------------------------------------------------------------------------------*/ table td, table th {color:#333} /* Laoyt */ table tr th {vertical-align:top; text-align:left} .lastcol {border-right:0 !important} .lastrow td, .lastrow th {border-bottom: 0 !important} .tablescontainer {margin-bottom:25px; position:relative; width:479px; clear:both; /*min-height:200px*/} .tablescontainer .corners table {width:478px} .tablescontainer .inner .box-content {background:url(/personal/finance/images/slots/right-corner-476.gif) transparent bottom right no-repeat; /*min-height:197px*/} * html .tablescontainer {/*height:200px*/} * html .tablescontainer .inner .box-content {/*height:197px*/} /*\*//*/ .tablescontainer {height:auto !important} /**/ table tr td, table tr th {padding:5px; margin: 0 0 0 5px} table tr td, table tr th {text-align:center} table tbody tr th, table tbody tr td.left {text-align:left} /* Wide table */ #wide .tablescontainer {width:723px} #wide .tablescontainer table {width:723px} #wide .tablescontainer table table {width:100%} #wide .tablescontainer .inner .box-content {background:url(/personal/finance/images/slots/right-corner-720.gif) transparent bottom right no-repeat;} /* 8 - Forms ---------------------------------------------------------------------------------------------------------------*/ /* form elements */ input, textarea, select {border:solid 1px #A5ACB2} label {min-height:17px} * html label {height:17px} form h3 {padding-top:7px} /* rows */ .row {margin-bottom:15px; position:relative} .labeltxt {float:left; font-weight:normal; padding-left:0} .row input {float:left} .row select {float:left} * html .multipleselect {height:22px !important} /* row with multiple select elements */ .multipleselect select {} .multipleselect .inner {float:left; background-image:none} .multipleselect .inner label {float:left; margin-left:5px; padding-top:3px} .multipleselect .inner label.first {margin-left:0; padding-right:5px} .multipleselect .inner #day {margin-left:0; display:inline} .multipleselect .inner #month, .multipleselect .inner #year {margin-left:3px; float:left; display:inline} h2.error {font-size:1.1em} .error {color:#c00} label .error {font-weight:bold} .error ul li {list-style-type:none} /* 6 - Toggle sections ---------------------------------------------------------------------------------------------------------------*/ .togglelink {font-weight:bold} .togglebox * {margin-left:22px} .togglebox * * {margin-left:0;} .togglebox p {margin-bottom:8px !important} .togglebox h3 {font-size:1.0em; color:000} .reveal a:hover {text-decoration:underline} a.togglelink {background:url(/personal/finance/images/misc/arrow-toggle-closed.gif) 0 0 no-repeat; min-height:12px; padding:0 0 0 22px; margin:0 0 8px 0; display:block;} /*hippass*/ a.up {background:url(/personal/finance/images/misc/arrow-toggle-open.gif) 0 0 no-repeat;} .reveal .togglebox ul {margin-bottom:25px !important; list-style-type:none} .reveal .togglebox ul li {background:url(/personal/finance/images/misc/chevron-red.gif) 0 0 no-repeat; padding:0 0 0 20px; margin:0 0 8px 0} .reveal .togglebox .last {margin-bottom:0 !important} /* 6 - Social bookmarking ---------------------------------------------------------------------------------------------------------------*/ #bookmarking {margin-left:10px; clear:both} #bookmarking .hide {margin-bottom:0} #bookmark-into {margin-bottom:9px} #bookmarking * {margin:0; padding:0} #bookmarking ul {list-style-type:none; margin-bottom:9px !important; background:url(/personal/finance/images/borders/border-dash-hor.gif) transparent bottom left repeat-x} #bookmarking h3 {padding-bottom:9px; margin-bottom:9px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em;font-weight:normal; background:url(/personal/finance/images/borders/border-dash-hor.gif) transparent bottom left repeat-x} #bookmarking li {float:left; margin:0 10px 0 0; padding-bottom:9px; width:140px} #bookmarking li a {float:left; background: url(/personal/finance/images/logos/delicious.gif) 0 0 transparent no-repeat; min-height:17px; _height:17px; padding:0 0 0 20px} #bookmarking em {display:block; font-style:normal; font-size:0.9em} #bookmarking span {display:block; font-style:normal; font-size:0.9em; position:static; left:0; top:0; visibility:visible; overflow:auto; height:auto; line-height:1.1} #digg a {background-image: url(/personal/finance/images/logos/digg.gif) !important} #reddit a {background-image: url(/personal/finance/images/logos/reddit.gif) !important} #facebook a {background-image: url(/personal/finance/images/logos/facebook.gif) !important} #stumbleupon a {background-image: url(/personal/finance/images/logos/stumbleupon.gif) !important} #newsvine a {background-image: url(/personal/finance/images/logos/newsvine.gif) !important} #bookmarking p {margin-bottom:0} /* 7 - General Styles ---------------------------------------------------------------------------------------------------------------*/ /* Clearing Styles */ .clearleft{clear:left} .clearright{clear:right} .clearboth{clear:both} /* CSS clearing */ .clearing:after, .row:after {content: "."; display:block; height: 0; clear: both; visibility: hidden} .clearing, .row {display: inline-block} /* Hides from IE-mac \*/ * html .clearing, * html .row {height: 1%} .clearing, .row {display: block} /* End hide from IE-mac */ /* Floats */ .fright {float:right;} .fleft {float:left} /* Hide stuff */ .hide, .hidetoggle {visibility:hidden; overflow:hidden !important; height:1px !important; font-size:0 !important; line-height:0 !important; padding:0 !important; margin:0 !important} /* hack */ #skiplink {position:absolute; left:-9999px; top:-9999px; height:1px; font-size:1; line-height:0; overflow:hidden} /* Rate */ .rate {line-height: 1.2em; font-size:1.5em} .rate2 {line-height: 1.3em; font-size:1.6em} .red {color: #c00} .tel {font-size:1.5em} .bolden {font-weight:bold} .normal {font-weight:normal !important} /* Third party */ .segala {float:right; margin:4px 16px 16px 0} .rss {float:right; padding:4px 14px 0 0;} /* new line */ .nl {display:block} /* Smaller */ .small {font-size:0.9em} .small-compare {font-size:0.9em; font-weight:normal} /* apr */ .apr {font-size:0.12em} /*list with images*/ .listimage {margin-top:5px} .full-lead {width:464px !important} /* .doublebutton {list-style-type:none; clear:both} .doublebutton li {margin-bottom:5px !important; float:left; width:100%}*/ .doublebutton-intro {margin-bottom:5px !important; font-weight:bold} .doublebutton {list-style-type:none; clear:both} .doublebutton li {margin-bottom:5px !important; /*float:left; width:175px; border-right:solid 1px blue*/display:inline} .doublebutton li .fleft {margin-right:10px} .doublebutton li.rightbut {} .doublebutton li.rightbut {} /* Did you know */ .didyouknow {border:solid 1px #c1c1c1; padding:9px; background-color:#f5f5f5; margin-left:10px; margin-right:10px; margin-bottom:20px} .didyouknow p {margin:0 !important; padding:0 !important} .togglebox .didyouknow p {padding-left:9px !important} /* 8 - Sitemap ---------------------------------------------------------------------------------------------------------------*/ /* Sitemap head section */ #sitemap #nav-products li {color:#000066} #sitemap #nav-products li li {color:#cc0000} #sitemap #lead p {width:275px; float:left; font-weight:bold; margin-bottom:20px; color:#000066} #sitemap #lead .decor {float:right; margin:-20px 10px 20px 0; position:relative} .inssite #lead {background-image:url(/personal/finance/images/slots/insurance/bg-insurance-484x110.jpg) !important} .cardsite #lead {background-image:url(/personal/finance/images/cards/bg-card-484x110.png) !important} .savesite #lead {background-image:url(/personal/finance/images/savings/bg-savings-484x110.png) !important} .travelsite #lead {background-image:url(/personal/finance/images/travel/bg-travel-484x110.png) !important} .loanssite #lead {background-image:url(/personal/finance/images/loans/bg-loans-484x110.png) !important} .mortsite #lead {background-image:url(/personal/finance/images/finance/mortgages/bg-mortgages-484x110.jpg) !important} .currentmap {color:#cc0000 !important} /* Sitemap links */ #sitemap #main ul {clear:both; /*margin-left:10px;*/ list-style-type:none} #sitemap #main ul ul {margin:0 10px 0 20px; list-style-type:none} #sitemap #main ul li {margin-top:7px} #sitemap #main ul ul li {padding:0 0 0 16px; list-style-type:none; background:url(/personal/finance/images/misc/bullet_chevrons.gif) transparent 0 -2px no-repeat} #sitemap #main ul ul ul li {padding:0 0 0 16px; list-style-type:none; background:url(/personal/finance/images/misc/bullet_chevrons.gif) transparent 0 -2px no-repeat} #sitemap #main ul ul ul ul {margin-left:0; padding-bottom:0} #sitemap #main ul ul ul ul li {padding:0 0 0 16px; list-style-type:none; background:url(/personal/finance/images/misc/bullet_chevrons.gif) transparent 0 -2px no-repeat} .sitesection {margin-bottom:20px !important; padding-bottom:25px; background:url(/personal/finance/images/misc/border-thickdash.gif) transparent bottom left repeat-x}