/* @group what is this? */ .highlights-box-middle-content ul{ padding-left: 10px!important; } /* @group home ins - not used? */ /* Home ins styles */ #dotted-line{ background:#fff url(/homepages/_images/col3-dotted-border.gif) bottom repeat-x; padding-bottom:9px; margin-bottom:9px; } #hi_left { float: left; } #hi_right { float: right; } .hi_features_img { height: 80px; min-height: 80px; } #intro_img { font-size: 120%; font-weight: bold; } .summary-info{ padding-left:58px; border-bottom:1px solid #e9e7e4; /*min-height:76px;*/ background-repeat:no-repeat; background-position:0 0.7em; /*_height:76px;*/ _overflow:visible; padding-top:0.7em; } .summary-info p, #contentPrimaryInner .summary-info h2{ margin-top:0; } /* Home Insurance Bullet Styles */ .summary-info#house{ background-image:url(/NR/rdonlyres/688E8689-9F87-46AF-B51F-A1E21285E9A4/0/house01.gif); } .summary-info#trowel{ background-image:url(/NR/rdonlyres/0BCD5221-9283-43B7-9122-589EB3D86B14/0/trowel01.gif); } .summary-info#key{ background-image:url(/NR/rdonlyres/B363FDB3-2BE5-4209-A89A-EAB331AA6DB7/0/key01.gif); } .summary-info#drip{ background-image:url(/NR/rdonlyres/BA6D2AFF-A9E9-475C-A706-1308E06A78CC/0/drip01.gif); } .summary-info#tv{ background-image:url(/NR/rdonlyres/24DB682A-F85A-49AB-A9C1-27AFFD22EDAF/0/tv01.gif); } .summary-info#garden{ background-image:url(/NR/rdonlyres/1114FB44-B7C0-47A4-9176-93EEE53CFCAC/0/garden01.gif); } .summary-info#ipod{ background-image:url(/NR/rdonlyres/8CC128FA-BAF8-435F-A9DC-927FCD49BAC5/0/ipod01.gif); } .summary-info#present{ background-image:url(/NR/rdonlyres/D7A8E329-29FF-4B3D-9971-4EC5C04F66E0/0/present01.gif); } .summary-info#graduation{ background-image:url(/NR/rdonlyres/2AFEC031-2087-4EFD-A301-6288D3034570/0/graduation01.gif); } .summary-info#money{ background-image:url(/NR/rdonlyres/B3C51154-A23E-4694-B001-38351C681549/0/money01.gif); } /* Current Account Bullet Styles */ .summary-info#award{ background-image:url(/_common_images/listicons/trophy.gif); } .summary-info#savings{ background-image:url(/_common_images/listicons/savings.gif); } .summary-info#more{ background-image:url(/_common_images/listicons/more.gif); } .summary-info#windmill{ background-image:url(/_common_images/listicons/windmill.gif); } .summary-info#pound{ background-image:url(/_common_images/listicons/pound.gif); } .summary-info#medal{ background-image:url(/_common_images/listicons/medal.gif); } .summary-info#travel{ background-image:url(/_common_images/listicons/travel.gif); } .summary-info#nought{ background-image:url(/_common_images/listicons/nought.gif); } /* @end */ /*new home ins features list summarys*/ div#ins-features div.ins-feature-info{ padding-left:58px; /*min-height:76px;*/ background-repeat:no-repeat; background-position:0 0.7em; /*_height:76px;*/ _overflow:visible; padding-top:0.7em; } div#ins-features div.ins-feature-info p, div#ins-features div.ins-feature-info h2{margin-top:0;} div#ins-features div#tv{background-image:url(/_common_images/insurance/tv.gif);} div#ins-features div#house{background-image:url(/_common_images/insurance/house.gif);} div#ins-features div#trowel{background-image:url(/_common_images/insurance/trowel.gif);} div#ins-features div#key{background-image:url(/_common_images/insurance/key.gif);} div#ins-features div#drip{background-image:url(/_common_images/insurance/drop.gif);} div#ins-features div#garden{background-image:url(/_common_images/insurance/garden.gif);} div#ins-features div#ipod{background-image:url(/_common_images/insurance/ipod.gif);} div#ins-features div#present{background-image:url(/_common_images/insurance/present.gif);} div#ins-features div#graduation{background-image:url(/_common_images/insurance/graduation.gif);} div#ins-features div#money{background-image:url(/_common_images/insurance/cash.gif);} /*end*/ /* @end */ /* @group headings */ h1 { display: inline; color: #0078ad; font-size: 170%; } h2{ font-size: 160%; } h1, h2 { margin:0; padding:0; display:block; /* float: left; width: 286px; voice-family : "\"}\""; voice-family : inherit; width: 309px; */ } /*html>body H2{ width: 309px; }*/ H3{ clear: both; margin-bottom : -10px; padding : 0px; font-size : 120%; } H4{ clear: both; margin-bottom : 0px; padding : 0px; font-size : 100%; } /*fade*/ .HeadingBgFade {margin-top: 10px; margin-bottom:0px; padding-left: 10px;padding-bottom : 4px; font-weight: normal; font-size: 18px; background: url(/_common_images/HeadingBgFade.gif) left 0px repeat-y; color: #004499; clear:both !important;width : 99% !important; } .HeadingBgFadeSmall {margin-top: 10px; margin-bottom:0px; padding-left: 10px;padding-bottom : 4px; font-weight: normal; font-size: 18px; background: url(/_common_images/HeadingBgFadeSmall.gif) left 0px repeat-y; color: #004499; clear:both !important;} /* @end */ /* @group generic content styles */ .ad-float{ margin:0px 0px 2px 2px; float:left; width: 80px; } .clearAdFloat{ clear:both; width:0px; } .backtop{ float: right; } .pdf{ margin: 0px; margin-left: 10px; padding-left: 10px; margin-top: 5px; padding:0 0 5px 0;; } ul.pdf li{ margin-right: 10px; padding: 1px 0 1px 25px !important; background: url(/_common_images/pdf_icon.gif) center left no-repeat; list-style-type:none !important; min-height:16px; /* background-image: url(/_common_images/sr_nav_chevron.gif); */ } .pdf li a{ } #mainContent P{ line-height: 140%; clear: both; } #mainContent UL, #mainContent OL{ list-style-position: outside; margin-left: 20px; padding-left: 0px; clear: both; } #mainContent UL LI{ list-style-type: square; } #mainContent A:link, #mainContent A:visited, #ExtraContent A:link, #ExtraContent A:visited{ color: #006; } #mainContent A:hover, #mainContent A:active, #ExtraContent A:hover, #ExtraContent A:active{ background:#F8BD5F; color:#006; } #mainContent HR{ margin-top: 10px; clear: both; border-top: 1px dashed #C6C9DB; border-bottom: none; margin-left: 0px; height: 0px; color: #fff; } .strongDivider { margin: 0px !important; padding: 0px !important; clear: both !important; border-top: 1px solid #C6C9DB !important; border-bottom: none; height: 0px; } #mainContent SUB{ margin-top: 0px; padding-top:0px; } .legal{ padding-left: 10px !important; } .horizontalLink{ font-size: 90%; } .btnAction{ padding-bottom: 7px; } .quoteApply{ float: right; } #mainContent .results{ margin-bottom: 1px; } .buttonSeperate{ width: 100%; text-align: right; border-bottom: 2px solid #ECECEC; padding-bottom: 10px; padding-top: 5px; } .bigRate{ font-size : 150%; } ol.features li { border-bottom:1px solid #EEEEEE; list-style-position:inside; margin:0; padding:0; padding-top:15px; padding-bottom:15px } ol.features li strong { color:#004FC6; } .bookmarks LI{ line-height: 180%; } /* @end */ /* @group navigation */ /* @group left nav */ /* IMPORTANT: If you change this file, it will not affect left navigation appearance on the following sections: - savings rates pages - mortgages section You will need to edit those files individually */ #leftnav {width:180px;float:left;} #leftnav div.header {font-weight:bold;background:url(/_common_images/sprites/product-hp-sprites.gif) -6200px 0;height:25px;color:#fff;} #leftnav div.header b {font-weight:bold;} #leftnav b {display:block;font-weight:normal;} #leftnav div.header b {padding:5px;} #leftnav ul {padding:0;margin:0;list-style:none;background:#fff;} #leftnav ul li {background:#e5ecf6;border-left:1px solid #049;border-right:1px solid #049;} #leftnav ul li.currentPage b {background:#fff url(/_common_images/sprites/link-indicators.gif) no-repeat 5px center;width:153px;padding:4px 5px 4px 20px;font-weight:bold;} #leftnav ul li a {text-decoration:none;display:block;width:168px;padding:4px 5px;border-top:1px solid #fff;border-bottom:1px solid #fff;} #leftnav ul li a:hover, #leftnav ul li a:focus {background:#f8bd5f;} #leftnav ul li.currentSection a:hover, #leftnav ul li.currentSection a:focus {background:#f8bd5f url(/_common_images/sprites/link-indicators.gif) no-repeat 5px center;} #leftnav ul li ul li {border:none;} #leftnav ul li.last {font-size:1px;background:url(/_common_images/leftnav-footer-left.gif) no-repeat bottom left;border:none;margin-bottom:10px;} #leftnav ul li.last b {height:7px;background:url(/_common_images/leftnav-footer-right.gif) no-repeat bottom right;} #leftnav li.currentSection a {background:#fff url(/_common_images/sprites/link-indicators.gif) no-repeat 5px center;width:153px;padding:4px 5px 4px 20px;} #leftnav li.currentSection b {background:#fff url(/_common_images/sprites/link-indicators.gif) no-repeat 5px center;width:153px;padding:4px 5px 4px 20px;font-weight:bold;} #leftnav li.currentSection li b {font-weight:normal;} #leftnav li.currentSection li.currentPage b {font-weight:bold;} #leftnav li.currentSection a b {background:none;width:152px;padding:0;} #leftnav li.hasSubSection a, #leftnav li.hasSubSection b {background:#fff url(/_common_images/sprites/link-indicators.gif) no-repeat -4495px center;} #leftnav li.hasSubSection a:hover, #leftnav li.hasSubSection a:focus {background:#f8bd5f url(/_common_images/sprites/link-indicators.gif) no-repeat 5px center;} #leftnav li.hasSubSection li a:hover, #leftnav li.hasSubSection li a:focus {background:#f8bd5f} #leftnav li.currentSection ul li a {background:#f1f0ed;} #leftnav a {cursor:pointer;} #leftnav ul ul li.hasSubSubSection b {background:#ccc;} #leftnav ul ul li.hasSubSubSection ul a {padding:0;display:block;width:178px;} #leftnav li.currentSection ul.currentsubsection li.currentPage li a b {font-weight:normal;} #leftnav ul ul li.currentPage.hasSubSubSection li.currentPage b {font-weight:bold;} #leftnav ul ul li.currentPage.hasSubSubSection li a b {font-weight:normal;} #leftnav ul ul li.hasSubSubSection ul b {background:#fff;display:block;width:153px;padding:4px 5px 4px 20px;} /*ab*/ #leftnav ul li.currentSection ul li.currentSection a {background:#fff url(/_common_images/sprites/link-indicators.gif) no-repeat 5px center;width:153px;padding:4px 5px 4px 20px;} #leftnav ul li.currentSection ul li.currentSection a b {font-weight:bold;} #leftnav ul li.currentSection ul li.currentSection ul li a {background:#F1F0ED none repeat scroll 0 0;} #leftnav ul li.currentSection ul li.currentSection ul li a b {background:transparent none repeat scroll 0 0;padding:0;width:152px; font-weight:normal;} /*ab*/ /* @end */ ul.tickblue li {margin:0 0 8px 8px;#margin:0 0 8px 0;} /* @end */ /* @group quote engine/calculator styles */ .calculator{ width: 99%; background-color: #cce4ef; border: 1px solid #4da1c6; margin-top: 0px; margin: 2px; padding-bottom: 4px; } .calculator .row{ clear: both; padding : 1px; padding-bottom : 5px; width: 99%; overflow: hidden; } .calculator .cell{ float: left; width: 49%; text-align: right; } .calculator .cellwide{ float: left; width: 65%; text-align: right; } .calculator .cellnarrow{ float: right; padding-right: 5px; text-align: right; } .calclink{ margin-right: 3px; background-image: url(/_common_images/background-textures/rightNavFade.gif); background-repeat: no-repeat; background-position: top right; padding-top: 60px; text-align: right; } .calclink DIV{ padding-top: 5px; text-align: right; } /* @end */ /* @group table styles */ TABLE.clearanceTable{ background:#006; border:0px solid white; } TR.clearanceTable{ background:white; } TR.clearanceTable TD{ border : 0px solid white; font-size : 76%; width : 30px; } TD.weekend{ background:#e3ebff; } #mainContent TD.data{ margin: 0px; font-family: arial; background-color: #B3CDE9; color: #006; } #mainContent TD.NBSdata{ margin: 0px; font-family: arial; background-color: #D3E0F0; color: #006; } #mainContent TH{ margin: 0px; font-family: arial; background-color: #689BD4; color: #fff; } #mainContent TH{ font-size: x-small; voice-family: "\"}\""; voice-family:inherit; font-size: small; } html>body #mainContent .NBSdata{ font-size: small; } #mainContent TD{ margin: 0px; font-family: arial; color: #006; font-size: x-small; voice-family: "\"}\""; voice-family:inherit; font-size: small; } html>body #mainContent TD{ font-size: small; } #mainContent .results TD{ background-color: #D3E0F0; font-size: x-small; voice-family : "\"}\""; voice-family : inherit; font-size: small; border: 1px #006; } #mainContent .results TH{ background-color: #689BD4; color: #fff; font-weight: bold; font-size: x-small; voice-family : "\"}\""; voice-family : inherit; font-size: small; } #mainContent .tableTitle{ background : #689BD4; color : #fff; } /* @end */ /* @group calculator styles */ .row{ clear: both; margin-top: 2px; margin-bottom: 2px; padding: 2px; } .cell{ float: left; width: 75px; text-align: right; } .pageCalc FORM{ margin-top: 0px; } .pageCalc{ width: 160px; height: 110px; border: 1px solid #cecece; font-size: 80%; margin-right: 0px; margin-bottom: 10px; } .pageCalc P{ margin: 5px; margin-top: 10px; margin-bottom: 20px; } .pageCalc HR{ height: 0px; border-top: 1px solid #cecece; margin: 0px; margin-top: -4px; } input .txt{ border: 1px solid #000000; } .btncalc{ float: right; margin-right: 5px; margin-bottom: 3px; background-color: #006; color: #fff; font-weight: bold; border: none; } .calcrow{ padding: 7px; } .calculatorResult{ background-color: #cce4ef; border: 1px solid #4da1c6; margin-left: 2px; padding: 0; } .calcdataHeader, .calcresultHeader{ background-color: #cce4ef; padding: 3px 7px 3px 7px; color: #000066; font-size: 16px; font-weight: bold; } .calcresultHeader{ background-color: #cce4ef; color: #000066; } #errBox{ background-color: #fff; margin: 10px 16px 7px 8px; padding: 4px; border: 1px solid red; } .errTxt{ color:#ff0000; } .errPad{ margin-left: 20px; } /* @end */ /* @group right col boxes */ #ExtraContent { width: 160px; float: right; } .rightNavHeader, .rightNavHeaderSec{ background: url(/_common_images/rightnav_top_grey.gif) no-repeat top left; padding: 5px; font-weight: bold; font-size: 120%; color: #000066; } .rightNavHeader-help{ background: url(/_common_images/rightnav_header_help.gif) no-repeat top left; padding: 5px; font-weight: bold; font-size: 120%; color: #000066; } #ExtraContent .serviceHeader{ padding: 3px; font-weight: bold; font-size: 110%; color: #7F7FB2; border: 1px solid #bebebe; background-color: #fff; } #ExtraContent .serviceLinks,#ExtraContent .servicelinks{ padding-top: 10px; padding-left: 10px; border-left: 1px solid #bebebe; border-right: 1px solid #bebebe; border-bottom: 1px solid #bebebe; padding-bottom: 10px; background-color: #fff; } .mSpot DIV{ margin-top: 10px; border: 1px solid #bebebe; width: 152px; padding: 3px; float: right; } .mSpot DIV{ width: 160px; voice-family : "\"}\""; voice-family : inherit; width: 152px; } html>body .mSpot DIV{ width: 152px; } .moreinfo { background: url(/_common_images/rightnav_bg_grey.gif) no-repeat bottom left; width: 160px; font-size: 80%; margin-right: 0px; margin-bottom: 10px; } .moreinfo p { padding: 2px 6px 10px 6px; } .moreinfo-help { background: url(/_common_images/rightnav_bg_help.gif) no-repeat bottom left; width: 160px; font-size: 80%; margin-right: 0px; margin-bottom: 10px; } .moreinfo-help p { margin-top: 0px; padding: 2px 6px 10px 6px; font-size: 12px; } .travel-moreinfo { background: url(/_common_images/homeinsbox-travel.gif) no-repeat top left; width: 160px; height: 107px; font-size: 80%; margin-right: 0px; margin-bottom: 10px; } .travel-moreinfo p { margin: 0px 15px 0px 10px; padding: 23px 6px 0px 6px; font-size: 12px; } .travel-moreinfo ul{padding:40px 0 0 25px;margin:0;} .travel-moreinfo ul li{list-style-type:square;font-size:12px;padding-bottom:5px;} .ExtraContent .moreinfo ul {list-style:none;padding:0 0 6px 5px;margin:0;} .ExtraContent .moreinfo li {list-style-position:outside;} .Smartmoreinfo{ width: 160px; background-color: #ffedc5; padding: 5px; } #lego{ width: 160px; background-color: #dfdfe4; padding: 5px; font-weight: bold; } #disney{ width: 160px; background-color: #c2e6f7; padding: 5px; font-weight: bold; } #alton{ width: 160px; background-color: #f8e0ec; padding: 5px; font-weight: bold; } /* @group info security box */ .moreinfosec{ background: url(/_common_images/ibank_promise.gif) no-repeat bottom left; width: 160px; font-size: 70%; padding-bottom: 3px; margin-right: 0px; } .promise{ font-size: 120%; } .moreinfo P, .moreinfosec P{ margin: 5px; } P.nextStep { text-align: right; } .moreinfo.morelink, .moreinfosec.morelink{ color: #0000ff; line-height: 160%; } /* @end */ /* @end */ /* @group legal */ DIV.legalText{ color: #000000; border: 1px solid #bebebe; font-size: xx-small; margin: 2px; padding: 2px; } DIV.legalText p{ width : auto; } DIV.borderText{ border: 1px solid #C6C9DB; padding: 4px; color: #006; } /* @end */ /* @group rates tables */ #rates H3{ margin-bottom:5px; } #rates TABLE{ border: 1px solid #ccc; } #rates TH{ background-color: #EEEEEE; border-bottom: 1px solid #ccc; color: #006; text-align: right; vertical-align: top; } #rates TD{ text-align: right; } #rates TD.txt{ text-align: left; border-bottom: 1px solid #ccc; } #rates TD.borderbottom{ border-bottom: 1px solid #ccc; } #interestRates TABLE{ border: 1px solid #4da1c6; border-collapse: collapse; } #interestRates TD{ text-align: right; background-color: #fff; } #interestRates TD.data{ border-left: 1px solid #4da1c6; border-bottom: none; text-align: right; background-color: #fff; } #interestRates TD.txt{ text-align: left; background-color: #cce4ef; border: none !important; border-bottom: 1px solid #4da1c6; } #interestRates TD.txtspanbtmbdr{ text-align: left; background-color: #ffffff; border-bottom: 1px solid #4da1c6; } #interestRates TD.txtspan{ text-align: left; background-color: #ffffff; } #interestRates TD.border{ text-align: left; background-color: #fff; border-bottom: 1px solid #4da1c6; border-left: 1px solid #4da1c6; } #interestRates TD.bdrbtmright{ text-align: right; background-color: #fff; border-bottom: 1px solid #4da1c6; border-left: 1px solid #4da1c6; } #interestRates TD.bdrbtmleft{ text-align: left; background-color: #cce4ef; border-bottom: 1px solid #4da1c6; } strong.aprRate { font-size : 20px; } #mainContent #interestRates TH{ color: #006; text-align: right; font-weight: bold; background-color: #ececec;; vertical-align: top; border: none; } #mainContent #interestRates TH.txt{ text-align: left; font-weight: bold; background-color: #4da1c6; color: #ffffff; vertical-align: top; border: none; } #mainContent #interestRates TH.txtright{ text-align: right; font-weight: bold; background-color: #4da1c6; color: #ffffff; vertical-align: top; border: none; border-bottom: 1px solid #ccc; } #mainContent #interestRates TH.data{ text-align: right; font-weight: bold; background-color: #4da1c6; color: #ffffff; vertical-align: top; border: none; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } #mainContent #interestRates TD.leftalign{ text-align: left !important; } #mainContent #interestRates TD.dataLeft{ border-left: 1px solid #ccc; text-align: left; } #interestRates Table H3{ color: #ffffff; } #mainContent #interestRates H2{ color:#999999; font-size: small; margin-bottom:5px; width: 100%; display: block; float: none; } /* @end */ /* @group savings - account summary tables */ #accountSummary table{ border-collapse:collapse; border:2px solid #bbb; /*ccc*/ border:2px solid #4DA1C6 !important; /*ccc*/ } #accountSummary th{ color:#006; border:2px solid #4DA1C6; /*ccc*/ background-color:#ececec; font-weight:bold; text-align:left; } #accountSummary td{ color:#006; border:1px solid #4DA1C6!important; /*ccc*/ background-color:#fff !important; text-align:left; } #accountSummary td.aer{ font-weight:bold; } #accountSummary th.mainHead{ text-align:center; background:#4DA1C6 !important; color:#fff; } #accountSummary td.subHead { background-color:#4DA1C6 !important; color:#fff; font-weight:bold; } #accountSummary td.rowHead{ font-weight:bold; vertical-align:top; width:100px; } #accountSummary td.hideBtmBdr{border-bottom:none;} #accountSummary td.hideTopBdr{border-top:none;} /*extra content promo box*/ #extracontent-promo-box{position:relative;height:132px;width:162px;margin-bottom:10px;} #extracontent-promo-box a{position:absolute;z-index:1000;bottom:10px;right:0px;text-align:right; padding:0px;} #extracontent-promo-box a.button{margin-right:10px;margin-bottom:10px;} #extracontent-promo-box a.button:link, #extracontent-promo-box a.button:visited, #extracontent-promo-box a.button:link{color:#FFFFFF;width:auto;} #extracontent-promo-box a.button:hover{background:#FFFFFF;} /* @end */ /* @group talisma search */ /* @group tabs - scalable em version */ #contentPrimaryOuter ul { list-style: disc outside; margin: 1em 0; padding-left: 1.3em; } #contentPrimaryOuter li { padding-left: 0.2em; } #contentPrimaryOuter .navigationTabularOuter ul { background-color: #fff; background-image: url(/_common_images/inline_tabs/navigationBackground.gif); background-position: left bottom; background-repeat: repeat-x; list-style-position: inside; list-style-type: none; margin: 0; overflow: hidden; position: relative; /*NS 7 Mac */ padding: 0; width: 100%; font-size : 0.9em; } #contentPrimaryOuter .navigationTabularOuter ul li { background-image: url(/_common_images/inline_tabs/tab_inactive.gif); background-repeat: no-repeat; background-color : #ccc; float: left; display: inline; margin-right: 0.2em; padding: 0 0 0 1.244em; text-decoration: none; } #contentPrimaryOuter .navigationTabularOuter ul a, #contentPrimaryOuter .navigationTabularOuter ul span { background-image: url(/_common_images/inline_tabs/tab_inactive.gif); background-position: right top; background-repeat: no-repeat; color: #006; display: block; float: left; font-size: 1em; padding: 0.4em 1.19em 3px 0em; text-align: center; text-decoration : none; } #contentPrimaryOuter .navigationTabularOuter ul a:hover{ background-image: url(/_common_images/inline_tabs/tab_inactive.gif); background-position: right top; background-repeat: no-repeat; background-color: transparent; } #contentPrimaryOuter .navigationTabularOuter ul li.active { background-image: url(/_common_images/inline_tabs/tab_active.gif); background-color : #fff; } #contentPrimaryOuter .navigationTabularOuter ul li.active a, #contentPrimaryOuter .navigationTabularOuter ul li.active span { background-image: url(/_common_images/inline_tabs/tab_active.gif); padding-bottom: 4px; } .contentTabularOuter { border-left : 1px solid #4da1c6; border-top : none; padding : 0.5em; } #contentPrimaryOuter table { font-size : 1em; border-collapse : collapse; width : 100%; margin-top : 1em; border: 1px solid white; } #contentPrimaryOuter th { background-color : #4da1c6 !important; padding : 0.2em; color: #ffffff !important; text-align:left !important; border-top: 1px solid white !important; } #contentPrimaryOuter .mainTh { background-color : #4da1c6 !important; text-align:left !important; height:2em !important; border-top: 1px solid white !important; } #contentPrimaryOuter td { background-color: #cce4ef; border-top: 1px solid #ffffff; padding : 0.2em; text-align:left; } #contentPrimaryOuter td.numeric-top { background-color: #ffffff; border-top: 1px solid #ffffff; padding : 0.2em; text-align:left; } #contentPrimaryOuter td.numeric { background-color: #ffffff; border-top: 1px solid #4da1c6; padding : 0.2em; text-align:left; } #contentPrimaryOuter .mainTh img.button_apply { float:right; } /* @end */ /* @end */ /* @group should be moved to own section/css file */ /* @group rca */ /* RCA styles - for how-to guides. Added by Amanda 26/11 */ #rca-image {float:left;margin-right:20px;} #card-wrapper {float:left;width:370px;padding:10px;border:1px solid #ccc;} .steps a {color:#006;} .steps a:hover, .steps a:focus {color:#FF0000;} div.steps ol {margin:0 0 0 25px;clear:none;} .steps li {margin:0 0 5px 25px;font-size:0.85em;} h4.rca {font-size:01.3em;color:#990000;margin:15px 0 5px 0;clear:both;} .floatright {float:right;} .rcamoreinfosec{ background-image: url(/_common_images/ibank_promise.gif); background-repeat: no-repeat; background-position: center right; } .rcapromise{ font-size: 130%; } /* @end */ /* @group planning for university */ #planningforuniversity table{ border-collapse:collapse; border:1px solid #bbb; /*ccc*/ color:#006; } #planningforuniversity th{ color:#006; background-color:#ececec; font-weight:bold; text-align:left; } #planningforuniversity td{ color:#006; border:1px solid #ccc; background-color:#fff; text-align:left; } #planningforuniversity td.rowHead{ font-weight:bold; vertical-align:top; width:100px; } /* @end */ /* @group about nationwide */ .blue-image-BG {background:url(/_common_images/background-textures/aboutnw-bluebg.gif) no-repeat; width:382px; height:361px;} .blue-image-BG img{ padding-top:10px; float: left; margin: 8px; margin-right: 4px; } .blue-image-BG #james{ padding-top:7px; font-size:95%; width: 145px; float: right; margin: 8px; margin-left: 4px; } .blue-image-BG-eden {background:url(/_common_images/background-textures/aboutnw-bluebg.gif) no-repeat; width:382px; height:361px;} .blue-image-BG-eden img{ padding-top:2px; float: left; margin: 8px; } .blue-image-BG-eden #eden{ font-size:90%; margin: 6px; } /* @end */ /* @group using cards abroad */ /* This section is for using cards approad landing page only */ .cardpanel { width:192px; border:1px solid #BEBEBE; background:#E2E2E2; } .cardpanel div { padding: 1px 5px 1px 100px; } #currentpanel { background-image: url(/homepages/_images/debit-card-panel_landing_page_050606.gif); background-repeat: no-repeat; float:left; } #creditpanel { background-image: url(/homepages/_images/credit-card-panel_landing_page_050606.gif); background-repeat: no-repeat; float:right; } .cardpanel h3 { margin:0; padding:3px; } /* @end */ /* @group current account switcher */ /* Current Acc switch styles */ #switchboxes {height:490px;} .switchboxleft {background:url(/_common_images/sprites/contentpage-sprites.gif) no-repeat 0px top;width:190px;height:482px;float:left;margin:8px 15px 0 0;} .switchboxright {background:url(/_common_images/sprites/contentpage-sprites.gif) no-repeat 0px top;width:190px;height:482px;float:left;margin-top:8px;} .switchboxleft .headertext, .switchboxright .headertext {margin:12px 0 0 10px;} .switchboxleft .footertext, .switchboxright .footertext {margin:12px 0 0 2px;} .switchboxleft .switchboxcontent, .switchboxright .switchboxcontent {margin:7px 5px 0 10px;} .switchoptions { display: block; float: left; } #optiona{ background:url(/_common_images/options-top.gif) no-repeat;width:270px;padding-top:12px; width: 270px; display: block; float: left; margin-right: 8px; } #optiona p, #optiona div { padding:0 15px 30px 10px;margin:0;background:url(/_common_images/options-middle.gif) bottom no-repeat; } #optionbtm {background:url(/_common_images/options-btm.gif) bottom no-repeat !important;} #optionb{ background:url(/_common_images/options-top.gif) no-repeat;width:270px;padding-top:12px; width: 270px; display: block; float: left; } #optionb p, #optionb div { padding:0 15px 30px 10px;margin:0;background:url(/_common_images/options-middle.gif) bottom no-repeat; } /* @end */ /* @group phishing */ .phishing-box-BG {background:url(/_common_images/email_phishing_bg.gif) no-repeat; height:110px;} .phishing-box-text {padding:5px 0px 0px 6px;font-size: 90%;} .phishing-long-box {background:url(/_common_images/email_phishing_idea_l.gif) no-repeat; height:61px; padding:30px 100px 0 10px;} /* @end */ /* @group personal loan calculator */ #ploan-cont2 .ploan-cont-mid {background:none;width:390px;} #ploan-cont2 h2, #form-blurb h2 {width:391px;color:#006;font-size:medium;text-indent:6px;padding-top:3px;padding-bottom:3px; float: none;} #mainContent #form-blurb { border-top:1px solid #4da1d6; border-left:1px solid #4da1d6; border-right:1px solid #4da1d6; background:#cce4ef; repeat-x top;width:390px;} #ploan-cont2 .calc-footer {border-bottom:1px solid #4da1d6; border-left:1px solid #4da1d6; border-right:1px solid #4da1d6; background:#cce4ef;width:390px;height:27px;padding:5px 1px 0 0;} #ploan-cont2 .calc-footer #btnShowResults{margin-left: 280px;} table#ploan-results {margin:10px 0 0 0;} table#ploan-results, table#ploan-results th, table#ploan-results td {text-align:left;border:none;} #mainContent table#ploan-results th, table#ploan-results td {padding:6px;font-size:medium;} table#ploan-results {background-color: #4da1c6;width:390px;} #mainContent table#ploan-results tr.ploan-results-header th {color:white;font-weight:bold;} #mainContent tr.ploan-results-header th {padding-top:4px;text-align:center;} #mainContent table#ploan-results th {background:#4da1c6;border-right:1px solid white;border-bottom:1px solid white;} #mainContent table#ploan-results td {background:#cce4ef;border-right:1px solid white;border-bottom:1px solid white;font-weight:bold;color:black;text-align:center;} #mainContent table#ploan-results th.results-first-row {background:#4da1c6;} #mainContent table#ploan-results td.results-first-row {background:#cce4ef;} #mainContent table#ploan-results tr.ploan-results-header th {background:none;} div.ploan-summary p {padding:4px;} div.ploan-summary {padding-left: 1px; background: #cce4ef; border: 1px solid #4da1c6;} #what-next-buttons table, #what-next-buttons table th, #what-next-buttons table td {border:none;} .button-explain {background:#DCDDE8;padding:3px;border-bottom:1px solid white !important;} #legal-bit {color:#666;font-size:x-small;padding:4px;border:1px dotted gray !important;margin-bottom:10px;} #mainContent .helper {font-weight:normal;font-size:85%;} #mainContent td.helper {padding:0 2px 0 0;} #mainContent table#ploan-results th, #mainContent table#ploan-results a {color:#006;} #mainContent table#ploan-results td {color:#000;} #form-blurb table, #form-blurb table td, #form-blurb table th {border:none;padding:3px;} #form-blurb table td, #form-blurb table th {background:none;color:#006;} #form-blurb table .nowrap {white-space:nowrap;} /* @end */ /* @group investments section */ /* ISA Unit Trust styles - MG */ .bulletTickBlue {list-style-image: url(/_common_images/li-tick-blue.gif)!important; } ul.bulletTickBlue li {margin: 0 0 5px 0; padding-left:5px;} .leadHeader {margin-top: 10px; padding-left: 10px; font-weight: normal; font-size: 18px; background: url(/_common_images/inv-lead-heading-bg.gif) right 0px; color: #004499; height: 40px; width: 385px;} .plainHeader {margin-top: 10px; padding-left: 10px; font-weight: normal; font-size: 18px; background: url(/_common_images/inv-heading-bg.gif) left 0px repeat-y; color: #004499; height: 25px;} #rightNavHeaderTall {background: url(/_common_images/rightnav_top_grey_tall.gif) no-repeat left top;} .featuresBox {font-size: 90%; float: left; width: 181px; height: 241px; left: 0px; padding-right: 4px; margin-bottom: 1px;} .featuresBoxRight {font-size: 90%; float: left; width: 181px; margin-left: 0px;} #boxMargin {margin-right: 5px; background: url(/homepages/_images/insurance-tab/vert-sep.gif) no-repeat right 0px;} .featuresHeading {width: 175px; padding-top: 4px; padding-bottom: 6px; font-size: 1.34em; color: #024596; padding-left: 6px;} .featuresBox UL {margin-bottom: -5px;} .featuresContent {padding-right: 4px;margin-top: -15px;} .featuresContentExtra {margin-top: -15px;} .featuresContentExisting {height: 195px; padding-right: 0px; float:left; background: url(/homepages/_images/insurance-tab/vert-sep.gif) no-repeat right 0px; margin-left: 3px; margin-right: 5px;} .mainAreaBox {float: left;} .ISA-ad {background: url(/homepages/_images/investments/10150_torch.jpg) no-repeat left top; width: 373px; height: 200px;} .ISA-ad-link {text-decoration: none; margin-left: 275px; position: absolute; top: 175px; font-weight: bold; font-size: 90%;} .isaH2 {width: 370px; size: 1.2em; margin-bottom: 10px;} .isaUT-header1 {background: url(/homepages/_images/investments/features-ad3.jpg) no-repeat left top; width: 181px; height: 92px;} .isaUT-header2 {background: url(/homepages/_images/investments/features-ad2.jpg) no-repeat left top; width: 181px; height: 92px;} .isaUT-header3 {background: url(/homepages/_images/investments/features-ad1.jpg) no-repeat left top; width: 181px; height: 92px;} .existCustHead1 {background: url(/homepages/_images/investments/existing-cust-ad1.jpg) no-repeat left top; width: 192px; height: 92px;} .existCustHead2 {background: url(/homepages/_images/investments/existing-cust-ad2.jpg) no-repeat left top; width: 192px; height: 92px;} #goRedirect {vertical-align: text-bottom;} #feature-tick {list-style-image:url(/_common_images/blue_tick_bullet.gif); margin-bottom: -17px;} #feature-tick li {margin-bottom: 5px;} .ourFunds {float: left; background: url(/homepages/_images/investments/10150_fund.gif) no-repeat left top; width: 277px; height: 106px; margin-bottom: 5px;} .fundsLinksArea1 {float: left; padding-left: 50px; padding-top: 60px;} .fundsLinksArea2 {float: left; padding-left: 30px; padding-top: 60px;} .fundLinks {background-color: #ffffff; font-weight: bold; text-decoration: none;} .invFundLinks {margin-bottom: 5px;} .fundSelector {float: left; margin-right: 10px;} .overviewIcon {float: left; margin-right: 15px;} .overviewText {float: left; margin-bottom: 10px;} .chartKeyLeft {float: left; width: 240px; margin-right: 30px;} .chartKeyRight {float: left; width: 240px} .existingCustBox {float: left; width: 190px;} .existingCustLinks {float: left; margin-left: 8px;background: url(/_common_images/rightnav_existing_links.gif) no-repeat bottom left; width: 182px; height: 200px; font-size: 80%; margin-right: 0px; margin-bottom: 8px;} .existingCustLinks p { margin-top: 0px; padding: 2px 6px 10px 6px; font-size: 12px;} .existingCustLinksHead { background: url(/_common_images/rightnav_existing_links_hd.gif) no-repeat top left;padding: 5px; font-weight: bold; font-size: 1.34em; color: #000066;margin-bottom: -10px;} .featured-links A { padding-right: 10px; background: url(/_common_images/sprites/sprites.gif) right -246px; text-decoration: none;} .featured-links A:hover {padding-right: 10px; background: url(/_common_images/sprites/sprites.gif) #f8bd5f right -246px; color: #006; text-decoration: none} #feature-link-padding {padding-top: 20px;} .featureOne {padding-left: 5px; font-size: 120%; padding-bottom: 5px; margin-top: -5px; border-bottom: #cccccc 1px dotted;} .featureTwo {padding-left: 5px; font-size: 120%; margin-bottom: 0px; padding-bottom: 5px; padding-top: 5px; border-bottom: #cccccc 1px dotted;} .riskMainArea {float: left; margin-bottom: 10px; width: 400px; margin-right: 4px;} .riskCallToAction {float: left;} #riskLinks {font-size: 100%;} .existingCustLinks FORM { margin-top: -20px;} .existingCustLinks SELECT { font-size: 12px; width: 137px; margin-left: 5px;} .appStep1 {list-style-image: url(/homepages/_images/investments/one.gif); padding-bottom: 8px;margin-left: 5px; border-bottom: #cccccc 1px dotted;} .appStep2 {list-style-image: url(/homepages/_images/investments/two.gif); padding-bottom: 8px; margin-left: 5px;margin-top: 5px; border-bottom: #cccccc 1px dotted;} .appStep3 {list-style-image: url(/homepages/_images/investments/three.gif); padding-bottom: 8px; margin-left: 5px;margin-top: 5px; border-bottom: #cccccc 1px dotted;} .appStep4 {list-style-image: url(/homepages/_images/investments/four.gif); margin-left: 5px;margin-top: 5px;} .appStep1 li, .appStep2 li, .appStep3 li, .appStep4 li{list-style-image:none;} .clearStepStyle {list-style-image: none; padding-top: 8px;} .letter {background: url(/homepages/_images/investments/letter-top.gif) no-repeat top left; margin-bottom: -10px;} .letterMain {background: url(/homepages/_images/investments/letter-middle.gif) repeat-y top left; height: 431px; padding: 0px 10px 0px 10px; } .letterBottom {background: url(/homepages/_images/investments/letter-bottom.gif) no-repeat top left !important;} #riskSpectrum{width:564px;height:586px;overflow:visible;clear:both;} #slider{border:none !important;height:70px;padding-top:20px;margin-top:20px; } /* Slider ----------------------------------*/ .ui-slider{position:relative;text-align:left;} .ui-slider .ui-slider-handle{position: absolute;z-index:2;width:1.2em;height:1.2em;cursor: default;} .ui-slider .ui-slider-range{position: absolute;z-index:1;font-size: .7em;display: block;border: 0;} .ui-slider-horizontal{height: .8em;} .ui-slider-horizontal .ui-slider-handle{top: -.3em; margin-left: -.6em;} .ui-slider-horizontal .ui-slider-range{top: 0; height: 100%;} .ui-slider-horizontal .ui-slider-range-min{left: 0;} .ui-slider-horizontal .ui-slider-range-max{right: 0;} .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-slider{height : 62px;width : 563px;} #sliderRail{background-image:url(/_common_images/slider/slider-rail.gif);display:block;height:5px;line-height:1px;font-size:1px;padding:0px;margin:0px;position:absolute;top:42px;cursor:pointer;} div.riskBoundZone{display:block;position:absolute;height:80px;top:0px;text-align:center;} div.riskGradients{display:block;position:absolute;height:60px;font-size:1px;line-height:1px;padding:0px;left:0px;top:15px;margin:0px;border-top:1px solid #1746b0;border-bottom:1px solid #1746b0;} div.riskText{display:block;position:relative;font-size:9px;height:9px;line-height:9px;margin:0 auto;left:-3px;} b.sliderMarker{border-left:1px solid #000;display:block;width:1px;height:20px;font-size:10px;line-height:10px;padding:0px;margin:0px;position:absolute;top:35px;} #riskDescription{height:70px;padding-top:10px;clear:both;} #riskListLeft,#riskListRight{float:left;margin-right:3px;width:275px;margin-bottom:5px;} #riskSpectrum h3{margin:0;margin-left:10px;margin-top:7px;margin-bottom:6px;padding:0;font-size:12px;} #riskSpectrum h4{margin:0;margin-bottom:3px;margin-left:7px;padding:3px;padding-left:3px;background:#fff;border:1px solid #abd2e3;font-size:11px;} #riskSpectrum h4 a{font-weight:normal;text-decoration:none;} #riskSpectrum h4 a:hover,#riskSpectrum h4 a:focus,#riskSpectrum h4 a:active{background-color:Transparent;text-decoration:underline;} #riskSpectrum h4.highlightProviderMinimal{margin:0;margin-left:0;margin-bottom:3px;padding:3px;padding-left:10px;border:1px solid #004499;background-color:#fff;background-image:url(/_common_images/selected-heading-arrow.gif);background-repeat:no-repeat;background-position:left center;} #riskSpectrum h4.highlightProviderLow{margin:0;margin-left:0;margin-bottom:3px;padding:3px;padding-left:10px;border:1px solid #004499;background-color:#E6F0F7;background-image:url(/_common_images/selected-heading-arrow.gif);background-repeat:no-repeat;background-position:left center;} #riskSpectrum h4.highlightProviderMedium{margin:0;margin-left:0;margin-bottom:3px;padding:3px;padding-left:10px;border:1px solid #004499;background-color:#B4D7E6;background-image:url(/_common_images/selected-heading-arrow.gif);background-repeat:no-repeat;background-position:left center;} #riskSpectrum h4.highlightProviderHigh{margin:0;margin-left:0;margin-bottom:3px;padding:3px;padding-left:10px;border:1px solid #004499;background-color:#4DA1C6;background-image:url(/_common_images/selected-heading-arrow.gif);background-repeat:no-repeat;background-position:left center;} #riskSpectrum h4.highlightProviderMinimal a{text-decoration:underline;} #riskSpectrum h4.highlightProviderLow a{color:#014599 !important;text-decoration:underline;} #riskSpectrum h4.highlightProviderMedium a{color:#004499 !important;text-decoration:underline;} #riskSpectrum h4.highlightProviderHigh a,#riskSpectrum h4.highlightProviderHigh a:active,#riskSpectrum h4.highlightProviderHigh a:focus{color:#ffffff !important;text-decoration:underline;} /* Risk table */ #fundRiskTable{clear:both;} #fundRiskTable table{border:1px solid #4ea0c5; border-collapse:collapse;} #fundRiskTable table th{background-color:#acd1e4;color:#014497;font-size:90%;border-bottom:1px solid #fff;} #fundRiskTable table td, #fundRiskTable table th{border-left:1px solid #7ab9d3; text-align:center;} #fundRiskTable table td{border-bottom:1px dashed #acd1e4;} #fundRiskTable table td.fundName, #fundRiskTable table th.fundName {text-align:left;} .fundAltBg{background-color:#e6f0f7;} #fundRiskTable table td img.icon {position:absolute;top:2px;} #fundRiskTable table td div.asset {position:relative;height:23px; width:86px; margin:0 auto;} #fundRiskTable table td img.cash {left:0px;} #fundRiskTable table td img.equities {left:22px;} #fundRiskTable table td img.fixed-interest {left:44px;} #fundRiskTable table td img.property {left:66px;} #fundRiskTable table td div.uk-overseas {position:relative;height:23px; width:44px; margin:0 auto;} #fundRiskTable table td img.fund_uk {left:0px;} #fundRiskTable table td img.fund_overseas {left:24px;} #otherFundsSwitcher{width:auto%; height:auto; padding:5px; background-color:#acd1e4; border:1px solid #7f93c3; border-top:none; margin-bottom:10px;} #otherFundsSwitcher form{text-align:right;} #otherFundsSwitcher form label{font-weight:bold;} /* Legend */ #fundRiskTableLegend {clear:both; background:url(/_common_includes/tools-and-calculators/investments/risk_images/legend-bg.gif) no-repeat; width:554px; height:56px; padding-left:10px; padding-top:10px; margin-bottom:10px;} #fundRiskTableLegend dl {width:554px; height:46px; padding:0; margin:0; position:relative;} #fundRiskTableLegend dl dt{float:left; cursor:help; font-size:85%; font-weight:bold; width:auto; top:0; height:16px; padding-left:24px; margin-bottom:6px; position:absolute;} #fundRiskTableLegend dl dt.c{background:url(/_common_includes/tools-and-calculators/investments/risk_images/legend/cash.gif) no-repeat; left:0;} #fundRiskTableLegend dl dt.e{background:url(/_common_includes/tools-and-calculators/investments/risk_images/legend/equities.gif) no-repeat; left:80px;} #fundRiskTableLegend dl dt.f{background:url(/_common_includes/tools-and-calculators/investments/risk_images/legend/fixed-interest.gif) no-repeat; left:200px; } #fundRiskTableLegend dl dt.p{background:url(/_common_includes/tools-and-calculators/investments/risk_images/legend/property.gif) no-repeat; left:320px;} #fundRiskTableLegend dl dt.uk{background:url(/_common_includes/tools-and-calculators/investments/risk_images/legend/uk.gif) no-repeat; left:410px; } #fundRiskTableLegend dl dt.overseas{background:url(/_common_includes/tools-and-calculators/investments/risk_images/legend/overseas.gif) no-repeat; left:470px; } #fundRiskTableLegend dl dt.active{background:url(/_common_includes/tools-and-calculators/investments/risk_images/legend/active.gif) no-repeat; left:0px; top:20px;} #fundRiskTableLegend dl dt.multimanager{background:url(/_common_includes/tools-and-calculators/investments/risk_images/legend/multi-manager.gif) no-repeat; left:80px; top:20px;} #fundRiskTableLegend dl dt.passive{background:url(/_common_includes/tools-and-calculators/investments/risk_images/legend/passive.gif) no-repeat; left:200px; top:20px;} /* Tooltip */ #riskTooltip{display:none; position:absolute; z-index:100; border:4px solid #ff9a02; height:auto; width:150px; background-color:#fff5e5; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;} #riskTooltip h4{background-color:#ffddab; width:146px; padding:2px; margin:0; text-align:left; z-index:1;} #riskTooltip p{padding:2px; margin:0; text-align:left;} .risktip{cursor:help;} /* Random bits */ .riskAdobeLink{float:left; background:url(/_common_includes/tools-and-calculators/investments/risk_images/adobe.gif) no-repeat right; padding-right:24px;} .riskLinkRow{width:100%; height:20px;} /* Fund Selector */ #riskFundSelector{border:none; width:564px; height:600px; padding:0; margin:0;} /* --------------------------- */ /* NEW GEB STYLES - SEPT 2009 */ .gebLeadHeader {margin-top: 10px; padding-left: 10px; font-weight: normal; font-size: 18px; background: url(/_common_images/geb-header-bg.jpg) right 0px; color: #004499; height: 40px; width: 385px;} div.imageBoxLeft {clear:both !important;margin-top : 15px;overflow : hidden;} div.imageBoxLeft img {float:left; margin-right:10px;margin-top:0px;} div.imageBoxLeft p {clear:none !important;} #gebfeature-tick { padding:0px !important; margin:0px !important; margin-bottom: 10px !important;margin-top: 20px !important;} #gebfeature-tick li {list-style-type:none !important;background-image:url(/_common_images/blue_tick_bullet.gif);background-repeat:no-repeat;padding:0 0 0 20px !important; margin: 0 0 5px 0 !important; list-style-position:outside;}.gebStep1Header {margin-top: 10px; padding-left: 90px; padding-top: 3px; font-weight: normal; font-size: 18px; background: url(/_common_images/geb-overview-step-1.gif) left 0px no-repeat; color: #004499; height: 30px;clear:both} .gebStep2Header {margin-top: 10px; padding-left: 90px; padding-top: 3px; font-weight: normal; font-size: 18px; background: url(/_common_images/geb-overview-step-2.gif) left 0px no-repeat; color: #004499; height: 30px;clear:both} .gebStep3Header {margin-top: 10px; padding-left: 90px; padding-top: 3px; font-weight: normal; font-size: 18px; background: url(/_common_images/geb-overview-step-3.gif) left 0px no-repeat; color: #004499; height: 30px; clear:both} .bulletwithImage{width :61%;position : relative;} .bulletwithImage img{float:right;position : absolute;right : -70px;top : 0px;} .geb-overview-layout-left {FLOAT:left; WIDTH:51%; padding-right:5px; border-right:1px solid silver; margin-bottom:10px;} .geb-overview-layout-right {FLOAT:right; WIDTH:46%; padding-left:0px; margin-bottom:10px;} #geb-only ul, #geb-combo ul {height:9em;} #geb-only div.action, #geb-combo div.action {float:right;} #geb-only-apply ul, #geb-combo-apply ul {height:2em;} #geb-only-apply div.action, #geb-combo-apply div.action {float:right;} div.countdownContainer{ background-image : url(/_common_images/investments/countdownContainer.gif); height : 41px; width : 69px; background-repeat : no-repeat; position : relative; float : left; margin-bottom:12px; margin-right:5px; } span.daysToGo{ display : block; position : absolute; top : 26px; left : 6px; font-size: 12px; font-weight:bold; } span.countdownDigit1{ display : block; position : absolute; top : 3px; left : 11px; border : 2px solid #add3e4; padding : 1px; background : white; } span.countdownDigit2{ display : block; position : absolute; top : 3px; left : 36px; border : 2px solid #add3e4; padding : 1px; background : white; } div.countdownContainer span span{ background-color : #4f66a9; display : block; color : white; font-weight : bold; width: 12px; padding-top: 1px; padding-left: 5px; font-size: 12px; } /* table styles for pages using tabs*/ #contentPrimaryOuter table.gebTableLayout tr th {background-color:#FFFFFF !important; width:140px; color:#000000 !important; text-align:right !important; border-right:1px solid #B4D8E6;vertical-align:top;padding-right:8px;font-size:12px;} #contentPrimaryOuter table.gebTableLayout tr td {background-color:#FFFFFF !important; font-size:11px;vertical-align:top;padding-left:8px;padding-top:5px;} #contentPrimaryOuter table.gebTableLayout tr.blueShade th, #contentPrimaryOuter table.gebTableLayout tr.blueShade td {background-color:#f3f8fb !important;} /* table styles for pages NOT using tabs*/ .gebTableLayout tr th {background-color:#FFFFFF !important; width:140px; color:#000000 !important; text-align:right !important; border-right:1px solid #B4D8E6;vertical-align:top;padding-right:8px;font-size:12px;} .gebTableLayout tr td {font-size:11px;vertical-align:top;padding-left:8px;padding-top:5px;} .gebTableLayout tr.blueShade th, .gebTableLayout tr.blueShade td {background-color:#f3f8fb !important;} .gebTableLayout tr td, .gebTableLayout tr.blueShade td {font-size:11px !important;} #contentPrimaryOuter table.gebTableLayout {border:1px solid #B4D8E6;} #contentPrimaryOuter table.gebTableLayout tr th {background-color:#FFFFFF !important; width:140px; color:#000000 !important; text-align:right !important; border-right:1px solid #B4D8E6;vertical-align:top;padding-right:8px;font-size:12px;} #contentPrimaryOuter table.gebTableLayout tr td {background-color:#FFFFFF !important; font-size:11px;vertical-align:top;padding-left:8px;padding-top:5px;} #contentPrimaryOuter table.gebTableLayout tr.blueShade th, #contentPrimaryOuter table.gebTableLayout tr.blueShade td {background-color:#f3f8fb !important;} #contentPrimaryOuter table.gebTableLayout td.gebtableBlue {background-color:#f3f8fb !important;} /* END OF NEW GEB STYLES */ /* START OF PEB STYLES */ .foot-notes {color:gray;} /* foot-notes style put here because this is the first time and place it has been used. MJ */ #pebTable{clear:both;} #pebTable table{border:1px solid #4ea0c5; border-collapse:collapse;} #pebTable table th{background-color:#acd1e4; color:#014497; font-size:90%; border:1px solid #4ea0c5} #pebTable table td, #pebTable table th{border-left:1px solid #4ea0c5; text-align:center;} #pebTable table td{border-bottom:1px dashed #acd1e4;} .pebAltBg{background-color:#e6f0f7;} /* END OF PEB STYLES */ /* START OF ADDITIONAL STYLES FOR OVER 55 INSURANCE PAGES */ .over55test-pageheader {margin-top:10px;padding-left:10px;color:#049;font-weight:normal;font-size:18px;background-image:url(/_common_includes/tools-and-calculators/insurance/over55-gift-chooser/images/over-55-header.gif);width:387px;height:40px;)} .over55test-cover-opts {float:left;margin-right:12px;background:url(/_common_images/rightnav_existing_links.gif) no-repeat bottom left; width:182px; height:220px;} .over55test-cover-opts-head {background: url(/_common_images/rightnav_existing_links_hd.gif) no-repeat top left;padding:5px 5px 0 5px; font-weight: bold; font-size: 1.1em; color: #000066;} .over55test-cover-opts-text {padding-left:3px;} .over55test-options-image {padding:0 0 5px 2px;} #over55applysteps {padding:0 4px 0 8px;#padding:0 4px 0 0;} #over55applysteps ul li.appStep3 {padding-bottom:10px;} a.skip-link-over55 {position:absolute;outline:none;text-indent:-30000px;} /* END OF NEW OVER 55 STYLES */ /* ALTERNATIVE CHILD TRUST FUND TABLE */ #ctf-inner tr td, #ctf tr th {background:white !important; } #ctf-inner th {color:#006;padding:4px;background:none;font-size:1.4em;} #ctf-inner td {padding:10px 4px;} #ctf-inner table {margin:10px;margin-bottom:10px !important;} #ctf-inner .subhead {color:white;font-size:0.9em;background:#0066CC url(/_common_images/table-backgrounds/subhead-bg.gif) left repeat-y !important;} #ctf-top-left {background:url(/_common_images/table-backgrounds/ctf-top-left.gif) 0 0 no-repeat;} #ctf-top-right {background:url(/_common_images/table-backgrounds/ctf-top-right.gif) top right no-repeat;padding-top:10px;} #ctf-bottom-left {background:url(/_common_images/table-backgrounds/ctf-bottom-left.gif) bottom left no-repeat;} #ctf-bottom-right {padding-bottom:15px;background:url(/_common_images/table-backgrounds/ctf-bottom-right.gif) bottom right no-repeat;} #ctf-inner .ctf-divider {background:url(/_common_images/table-backgrounds/divider.gif) center repeat-y !important;} /* Steps images for EISA MLC, LTA OVER 55 apply pages */ .steps123 {background:url(/_common_images/steps-top.gif) no-repeat;width:398px;padding-top:12px;} .steps123 p, .steps123 div {padding:0 15px 30px 10px;margin:0;background:url(/_common_images/steps-middle.gif) bottom no-repeat;} .steps123 .discount-step {background:url(/_common_images/steps-middle-discount.gif) bottom no-repeat;} .steps123 p.last, .steps123 div.last {background:url(/_common_images/steps-bottom.gif) bottom no-repeat;} .steps123 div.last-no-discount {background:url(/_common_images/steps-bottom-no-discount.gif) bottom no-repeat;} #lg-logo-and-button {margin-left:5px;} #steps-button {margin-left:146px;} /* MORTGAGE LIFE ASSURANCE BOXES */ .lc-features-box h3 {font-size:1.0em;} .lc-features-box ul {font-size:0.9em;} .lc-features-box {width:183px;} .lc-features-box h3 {color:red;margin:0;padding:0;} .lc-features-box ul, .lc-features-box ul li {margin-left:0px !important;margin-top:8px;margin-bottom:8px !important;list-style-type:none !important; padding-left: 0px;} .lc-features-box-top {background:url(/_common_images/sprites/product-hp-sprites.gif) -5750px top no-repeat;height:21px;} .lc-features-box-middle {background:url(/_common_images/sprites/product-hp-sprites.gif) -5750px -20px no-repeat;} .lc-features-box-middle-content {background:url(/_common_images/table-backgrounds/features-bg.gif) no-repeat 10px 0px;padding:0 10px 10px 40px;height:180px;} .lc-features-box-bottom {background:url(/_common_images/sprites/product-hp-sprites.gif) -5750px bottom no-repeat; height:53px;} .lc-features-box-bottom-content {margin-top: 0px !important;padding-left:40px;font-size:1.0em;padding-bottom:10px;} .lc-features-box-bottom-content a {width:8em;margin:8px 0 5px 0;} .TermsLinkHoverOverImage { position : relative; top : -20px; left : 150px; font-size : 10px; } /* L&G IMPORTANT INFO BOX */ .landgbox {width:93% !important; border: 1px solid #C4C6C6 !important; padding:5px; margin:2px;} .impnotice-heading {font-weight:bold; color:red;} /* EISA HIGHLIGHTS BOX */ .eisa-highlights-box {width:397px;} .eisa-highlights-box-top {background:url(/_common_images/table-backgrounds/highlights-top.gif) no-repeat;height:33px;} .eisa-highlights-box-middle {background:url(/_common_images/table-backgrounds/highlights-middle.gif) repeat-y;padding-top:0px !important;margin-top:-20px !important;} .eisa-highlights-box-middle-content ul {margin-bottom:0px;padding: 5px 10px 5px 10px;font-size:1.0em;} .eisa-highlights-box-middle-content ul li {margin-bottom:0px;padding: 5px 10px 5px 10px;font-size:1.0em;} .eisa-highlights-box-bottom {background:url(/_common_images/table-backgrounds/highlights-bottom.gif) no-repeat; height:26px;} /* HIGHLIGHTS BOX */ .highlights-box {width:397px;} .highlights-box-top {background:url(/_common_images/table-backgrounds/highlights-top.gif) no-repeat;height:33px;} .highlights-box-middle {background:url(/_common_images/table-backgrounds/highlights-middle.gif) repeat-y;padding-top:0px !important;margin-top:-20px !important;} .highlights-box-middle-content ul {margin-bottom:0px;padding: 5px 10px 5px 10px;font-size:1.0em;} .highlights-box-middle-content ul li {margin-bottom:0px;padding: 5px 10px 5px 10px;font-size:1.0em;} .highlights-box-bottom {background:url(/_common_images/table-backgrounds/highlights-bottom.gif) no-repeat; height:26px;} /* ONLINE DISCOUNT BOX */ .feature5pcbox {width:398px;background:url(/_common_images/table-backgrounds/5-pc-feature-box-top.gif);} .feature5pcbox-inner {padding: 5px 10px 5px 10px;} .feature5pcbox-inner ul li {padding: 5px 10px 5px 10px;} .feature5pcbox-footer {height:26px; background:url(/_common_images/table-backgrounds/highlights-bottom.gif) no-repeat;} .feature5pcbox div.last-no-discount {height:46px; background:url(/_common_images/steps-bottom-no-discount.gif) bottom no-repeat;} /* @end */ /* @end */ /* @group hacks */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /* @end */ /* @group button stuff */ .buttonfloater {float:left;width:100%;} .buttonfloater_text {float:left;} .buttonfloater_button {float:right;} .buttonfloater a img.button_apply {margin-bottom:0px;} /* @end */ /* Support pages */ #support-wrapper #support-nav{ border-bottom:1px solid #bec2d6; position:relative; } #support-wrapper #support-nav ul{ list-style-type:none; margin:0; padding:0 0 0 25px; overflow:auto; height:1%; position:relative; top:4px; } #support-nav-inner{ border-bottom:3px solid #f0eef0; } #support-wrapper #support-nav ul li{ margin:0 2px 0 0; padding:8px 16px; float:left; border:1px solid #4ea2c6; background-color:#d0e4ef; line-height:1em; font-size:14px; font-family:"trebuchet ms", arial; } #support-wrapper #support-nav ul li.active{ border-bottom:1px solid #ffffff; background-color:#ffffff; } #support-wrapper #support-nav ul a{ text-decoration:none; color:#000; } #support-wrapper h1, #support-wrapper h2{ background-color:#e7eff8; border-bottom:3px solid #d0e4ef; padding:0; margin:0; line-height:1em; display: block !important; font-size: medium; width: 100%; } #support-wrapper #main-content{ border-left:1px solid #d0e4ef; border-right:1px solid #d0e4ef; border-bottom:1px solid #d0e4ef; border-top:1px solid #d0e4ef; padding:0px 8px 8px 8px; _padding-top: 8px; margin-top:0px; } #support-wrapper #further-information{ border:1px solid #d0e4ef; margin-top:8px; padding:8px; overflow:auto; height:1%; } #support-wrapper #faq{ border-right:1px solid #d0e4ef; padding-right:7px; } #support-wrapper #faq ul, #support-wrapper #popular-searches ul, #support-wrapper #faq ul li, #support-wrapper #popular-searches ul li{ list-style-type:none; margin:0; padding:5px; } #support-wrapper #faq ul li span.arrow, #support-wrapper #popular-searches ul li span.arrow{ color:#f00; } #support-wrapper #faq{ float:left; width:49%; } #support-wrapper #popular-searches{ float:right; width: 49%; } #support-wrapper #search-content{ margin-top:8px; overflow:auto; clear:both; height:1%; position: relative; border:1px solid #d0e4ef; } #support-wrapper #search-content #search{ float:left; position: relative; top: 0px; width:280px; background-color:#d0e4ef; padding:8px; margin:0; } #support-wrapper #search-content #help{ position:absolute; right:0; padding:2px 5px; width:240px; } #support-wrapper #search-content #help p{ line-height:1.2em; margin:0 0 2px 0; /*display:none;*/ } #support-wrapper #search-content #img{ float:right; } #support-wrapper #contact-us{ margin-top:10px; } #support-wrapper #contact-us h2{ background:none; border:none; } #support-wrapper #contact-us ul{ margin:1em 0; } #support-wrapper #contact-us ul li{ list-style-type:none; } #support-wrapper #advert { float:left; position: relative; width:285px; margin-top: 10px; } #support-wrapper #advert #text{ border: 0px solid red; margin-top: 00px; margin-left: 85px; } #support-wrapper #advert #text strong{ color: #0099ff; font-size:16px; } #support-wrapper #advert #text .arrow{ color: #ff0000; } /* Support Pages end*/ /* HIGHLIGHTS BOX - INTERNET BANKING GETTING STARTED*/ .highlights-box-ib-gettingstarted-top {background:url(/internet_banking/_images/getting-started.gif) no-repeat;height:33px;} .highlights-box-ib-tutorial-top {background:url(/internet_banking/_images/howto.gif) no-repeat;height:33px;} .highlights-box-ib-features-top {background:url(/internet_banking/_images/featuresandbenefits.gif) no-repeat;height:33px;} .highlights-box-ib {width:397px; } .highlights-box-ib-middle {background:url(/_common_images/table-backgrounds/highlights-middle.gif) repeat-y;padding-top:0px !important;margin-top:-20px !important;} .highlights-box-ib-middle-content ul {margin-bottom:0px;padding: 5px 10px 5px 10px;font-size:1.0em;} .highlights-box-ib-middle-content p {margin-bottom:0px;padding: 5px 10px 5px 10px;font-size:1.0em;} .highlights-box-ib-middle-content p img {margin-top:5px; margin-bottom:0px; padding:0px;} .highlights-box-ib-middle-content ul li {margin-bottom:0px;padding: 5px 10px 5px 10px;font-size:1.0em; margin-left:15px;} .highlights-box-ib-bottom {background:url(/_common_images/table-backgrounds/highlights-bottom.gif) no-repeat; height:26px;} ul.internetbank-demo-items {list-style::none!important; padding-left:0px!important; margin-left:0px!important;} ul.internetbank-demo-items li{list-style:none!important; padding:0px 0px 10px 0px!important; margin-left:0px!important;} ul.internetbank-demo-items li a {line-height:42px; background:transparent url(/internet_banking/_images/arrow.jpg) right 0px no-repeat; display:block; width:90%;} h2.rateHistory {color:#4da1c6;padding:5px;margin:0 0 10px 0;} /* CollapsibleInfoPanel Start */ /*wrapper*/ .collapsibleInfoPanelWrapper{padding:0; margin:0px 0px 10px 0px;} /* head block large arrows*/ .collapsibleInfoPanelWrapper .collapsibleInfoPanelHead{ width:488px; /*width:319px; */ /*395-76*/ background-color:#fff; margin:0; padding:0px 0px 10px 76px; } .collapsibleInfoPanelWrapper .collapsibleInfoPanelHead p{margin:0; padding:0;} .collapsibleInfoPanelWrapper .collapsibleInfoPanelHead h2{margin:0; padding:0; font-size:140%;} /* blue */ .collapsibleInfoPanelWrapper.blue .collapsibleInfoPanelHead{background:url(/_common_images/collapsiblepanel/large-arrow-blue.gif) top left no-repeat;} .collapsibleInfoPanelWrapper.blue .collapsibleInfoPanelHead h2{color:#004890;} /* red */ .collapsibleInfoPanelWrapper.red .collapsibleInfoPanelHead{background:url(/_common_images/collapsiblepanel/large-arrow-red.gif) top left no-repeat;} .collapsibleInfoPanelWrapper.red .collapsibleInfoPanelHead h2{color:#ed1c24;} /* yellow */ .collapsibleInfoPanelWrapper.yellow .collapsibleInfoPanelHead{background:url(/_common_images/collapsiblepanel/large-arrow-yellow.gif) top left no-repeat;} .collapsibleInfoPanelWrapper.yellow .collapsibleInfoPanelHead h2{color:#f68b1f;} /* aqua */ .collapsibleInfoPanelWrapper.aqua .collapsibleInfoPanelHead{background:url(/_common_images/collapsiblepanel/large-arrow-aqua.gif) top left no-repeat;} .collapsibleInfoPanelWrapper.aqua .collapsibleInfoPanelHead h2{color:#0099ff;} /* generic panel */ .collapsibleInfoPanelWrapper .collapsibleInfoPanel {width:564px; height:auto;} .collapsibleInfoPanelWrapper .collapsibleInfoPanel h3 {margin:0; padding:0; height:21px; width:564px; background-color:#fff; color:#fff; font-size:13px; line-height:21px;} .collapsibleInfoPanelWrapper .collapsibleInfoPanel h3 a {display:block; width:559px; /*less 5 for padding*/ /*width:390px;*/ /*395 (less padding)*/ text-align:right; padding-right:5px;} .collapsibleInfoPanelWrapper .collapsibleInfoPanel .collapsibleInfoPanelContent {no-repeat; padding:20px; overflow:hidden; height:auto;} .collapsibleInfoPanelWrapper .collapsibleInfoPanel .collapsibleInfoPanelContent p {margin:0; padding:0;} .collapsibleInfoPanelWrapper .collapsibleInfoPanel .collapsibleInfoPanelContent .ContentBox{float:left; height:auto; width:252px; padding:5px 5px 0px 5px; margin:0;} .collapsibleInfoPanelWrapper .collapsibleInfoPanel .collapsibleInfoPanelContent .collapsibleInfoPanelContentBoxContainer{height:auto; width:524px; padding:0; margin:0;} /* panel colors */ .collapsibleInfoPanelWrapper .collapsibleInfoPanel{background-image:url(/_common_images/collapsiblepanel/sprite.gif);background-repeat:no-repeat;} .collapsibleInfoPanelWrapper .collapsibleInfoPanel .collapsibleInfoPanelContent{background:url(/_common_images/collapsiblepanel/sprite-top.gif) no-repeat; } #mainContent .collapsibleInfoPanelWrapper .collapsibleInfoPanel h3 a:link, #mainContent .collapsibleInfoPanelWrapper .collapsibleInfoPanel h3 a:hover, #mainContent .collapsibleInfoPanelWrapper .collapsibleInfoPanel h3 a:visited, #mainContent .collapsibleInfoPanelWrapper .collapsibleInfoPanel h3 a:active, #mainContent .collapsibleInfoPanelWrapper .collapsibleInfoPanel h3 a{text-decoration:none; color:#fff!important; } /* blue */ .collapsibleInfoPanelWrapper.blue .collapsibleInfoPanel{background-position:0px bottom;} .collapsibleInfoPanelWrapper.blue .collapsibleInfoPanel h3 a{background-color:#004890;} /* red */ .collapsibleInfoPanelWrapper.red .collapsibleInfoPanel{background-position:-564px bottom;} .collapsibleInfoPanelWrapper.red .collapsibleInfoPanel h3 a{background-color:#ed1c24;} .collapsibleInfoPanelWrapper.red .collapsibleInfoPanel .collapsibleInfoPanelContent{background-position:-564px 0px; } /* yellow */ .collapsibleInfoPanelWrapper.yellow .collapsibleInfoPanel{background-position:-1128px bottom;} .collapsibleInfoPanelWrapper.yellow .collapsibleInfoPanel h3 a{background-color:#f68b1f;} .collapsibleInfoPanelWrapper.yellow .collapsibleInfoPanel .collapsibleInfoPanelContent{background-position:-1128px 0px;} /* aqua */ .collapsibleInfoPanelWrapper.aqua .collapsibleInfoPanel{background-position:-1692px bottom;} .collapsibleInfoPanelWrapper.aqua .collapsibleInfoPanel h3 a{background-color:#0099ff;} .collapsibleInfoPanelWrapper.aqua .collapsibleInfoPanel .collapsibleInfoPanelContent{background-position:-1692px 0px;} .collapsibleInfoPanelWrapper.blue .collapsibleInfoPanel h3 a.hovered {background-position:0 0 !important;} .collapsibleInfoPanelWrapper.red .collapsibleInfoPanel h3 a.hovered {background-position:-564px 0 !important;} .collapsibleInfoPanelWrapper.yellow .collapsibleInfoPanel h3 a.hovered {background-position:-1128px 0 !important;} .collapsibleInfoPanelWrapper.aqua .collapsibleInfoPanel h3 a.hovered {background-position:-1692px 0 !important;} span.largeCreditCardRate{font-size:125%;} span.CreditCardFinallyHead{font-size:140%; font-weight:700;} /* end */ /* split content campaign */ #split-content-campaign{width: 565px;} .split-content-campaign{width: 278px;height: 400px;} .corner-left .heading-text{ font-size: 17px; font-weight: bold; line-height: 26px; } .left-pane{ float: left; background-color: #fff4e3; } .left-pane .corner-right{ background-color: #ffddab; background-image: url(/_common_images/GSB-Panels/gcp_productpage_4txtnew_tints3_1_r1_c5.gif); background-repeat: no-repeat; background-position: top right; padding-top: 0px; margin: 0px; } .left-pane .corner-left{ background-image: url(/_common_images/GSB-Panels/gcp_productpage_4txtnew_tints3_1_r1_c1.gif); background-repeat: no-repeat; background-position: top left; padding-left: 10px; } .left-pane h3{ margin: 0px; padding: 0px; } .list-left{ list-style-image: url(/_common_images/GSB-Panels/gcp_productpage_4txtnew_tints3_1_r5_c3.gif); } .right-pane{ background-color: #fde9e7; float: right; } .right-pane .corner-right{ background-color: #f9bcb6; background-image: url(/_common_images/GSB-Panels/gcp_productpage_4txtnew_tints3_1_r1_c11.gif); background-repeat: no-repeat; background-position: top right; } .right-pane .corner-left{ background-image: url(/_common_images/GSB-Panels/gcp_productpage_4txtnew_tints3_1_r1_c7.gif); background-repeat: no-repeat; background-position: top left; padding-left: 10px; } .right-pane h3{ margin: 0px; padding: 0px; } .list-right{ list-style-image: url(/_common_images/GSB-Panels/gcp_productpage_4txtnew_tints3_1_r5_c9.gif); } .list-right li, .list-left li{margin-bottom: 3px; margin-left: 10px;} .chevron-link{text-align: right;font-weight: bold;float: right;padding-right: 10px;text-decoration: none;} .link-left{float: left;} .link-right{float: right;} .twocolumn-split-header {float: left; margin-bottom: 10px; width: 400px; margin-right: 4px;} .twocolumn-split-info {float: left;} #infoLinks {font-size: 100%;} #infoLinks ul {margin-left: 5px;} #infoLinks ul li { list-style-type: none; padding-left: 0px;} .red-chevron {color: red;} ul.legal {font-size: 9px;} h2.mini {font-size: 14px; margin-bottom: -10px !important; margin-top: 4px;} /* Car insurance get a quote box */ div.feature5pcbox{margin-top:10px;} div.feature5pcbox-inner {overflow:auto; clear:both;} div.feature5pcbox-inner a {float:right;margin-right:10px;} div.feature5pcbox-footer{clear:both;} /*Home insurance homepage ad */ .homeinsoverviewad{ position:relative; margin-bottom:10px; } .homeinsquoteretrievead {position:absolute;top:175px;left:10px; width:140px;} .homeinsapplyad {position:absolute;top:175px;left:290px; width:100px;} /* lv apply boxes */ .apply-information{ background-image:url(/_common_images/table-backgrounds/5-pc-feature-box-top.gif); background-repeat:no-repeat; padding-top:10px; margin:10px 0; width:397px; } .apply-information p{ margin:10px; } .apply-information-footer{ background-image:url(/_common_images/table-backgrounds/highlights-bottom.gif); background-position:bottom left; background-repeat:no-repeat; height:26px; padding:5px 10px; position:relative; } .apply-information-footer a{ position:absolute; right:20px; bottom:20px; } .apply-information-footer a.applyButton{ display:inline; } #mainContent .apply-information-footer ul li{ list-style-type:none; } #mainContent .apply-information-footer ul li.first-choice a{ left:50px; } #mainContent .apply-information-footer ul li.second-choice a{ right:60px } /* =more offers page, current account (Nov 09) */ div.exclusiveOffersPanel {margin-bottom:20px;padding-bottom:15px;border-bottom:1px dotted #E5E5E5;width:100%;float:left;} div.exclusiveOffersPanel h3 {margin:0 !important;} div.exclusiveOffersPanel p.exclusiveOffersTerms a {font-size:x-small;} div.exclusiveOffersPanel p {margin:5px 0;} div.exclusiveOffersPanel img {float:left;margin:0 15px 0 0;} div.exclusiveOffersULIndent {margin-left:20px;} div.exclusiveOffersPanelText {float:left;width:445px;} p.exclusiveOffersStrapline {color:#0078ad;} /* PL Quote Calculator*/ #plQuote a:link, #plQuote a:visited{color: #006;} #plQuote a:hover, #plQuote a:active{background:#F8BD5F;color:#006 !important;} #plQuote td {color: #006} #plQuote #applylinks td{ padding:10px 5px 10px 5px; background-color:#cce4ef; } #plQuote td.btn{ padding-top:20px; padding-bottom:20px; padding-right:40px!important; } #plQuote p.legal{ border:1px dashed #555; color:#555; font-size:80%; padding:5px; } #plQuote .helper{ padding:10px; font-size:90%; } #plQuote .calcBox{ padding:10px 10px 0px 10px; border: #4da1c6 1px solid; width: 373px; color: #006; background-color: #cce4ef; } #plQuote .calcBox label {font-weight: bold;} #plQuote .calcBox input.txt {margin: 0px;} #plQuote .calcBox input.term {width: 30px;} #plQuote .calcBox input.amount {width: 80px;} #plQuote .calcBox input.btn {float: right; margin: 0px;} #plQuote .calcBox table { padding:0px; font-size: 1em; margin: 0px; width: 100%; } #plQuote .calcBox td { padding:5px 0px 5px 0px; margin: 0px; vertical-align: top; } #plQuote .calcBox th { color: #ffffff! important; background-color: #4da1c6 !important; text-align: left !important; } #plQuote .calcResults {margin-bottom: 20px;} #plQuote .calcResults .btn {} #plQuote .calcResults table { border: #fff 1px solid; border-collapse: collapse; margin-top: 1em; font-size: 1em; width: 100%; } #plQuote .calcResults th { padding: 0.2em; border-top: white 1px solid; color: #ffffff! important; background-color: #4da1c6! important; text-align: left! important; border-bottom: #ffffff 1px solid; } #plQuote .calcResults .mainTh { border-top: white 1px solid; height: 2em! important; background-color: #4da1c6! important; text-align: left! important; } #plQuote .calcResults td { padding: 0.2em; border-bottom: #ffffff 1px solid; background-color: #cce4ef; text-align: left; } #plQuote .calcResults td.numeric-top { padding: 0.2em; border-top: #ffffff 1px solid; background-color: #ffffff; text-align: left; } #plQuote .calcResults td.numeric { padding: 0.2em; border-top: #4da1c6 1px solid; background-color: #ffffff; text-align: left; } #plQuote .errorBox { padding:10px 10px 0px 10px; border: #f00 1px solid; font-size: 100%; margin: 0px; margin-bottom: 10px; width: 29.16em; } #plQuote .errorBox ul { padding-left: 10px; padding-bottom: 0px; margin-bottom: 0px; margin-left: 0px; list-style-image: url(/_common_images/form-icons/warning.gif); list-style-type: square; } #plQuote .errorBox li { padding-left: 5px; margin-bottom: 10px; margin-left: 0px; } /* @group buttons */ #plQuote div.darkbg { background-color:#049; float:left; width:100%; } #plQuote div.darkbg a{color:#fff;} #plQuote div.darkbg a.buttonstyles{color:#000;} #plQuote a.left {float:left;margin:0 2em 1em 0;} #plQuote a.right {float:right;margin:0 0 1em 2em;} /* End PL Quote Calculator */ #mortgage-legal-text{clear:both;text-align:center;border:1px solid #2C2B72;color:#000066;font-size:12px;font-weight:bold;margin-bottom:1px;margin-top:1px;padding:5px;} /*ab- new mortgage styles*/ ul.mortgage-glossary-index li{list-style-type:none;display:inline;margin:0;padding:0;} ul.mortgage-glossary-index li a{margin:0;padding:0;color:#006;} dl.mortgage-definitions{font-size:small;line-height:1.4em;} /*dl.mortgage-definitions dt{font-size:120%;font-weight:bold;}*/ dl.mortgage-definitions dt {margin-top: 10px; margin-bottom:0px; padding-left: 10px;padding-bottom : 2px; padding-top:2px; font-weight: normal; font-size: 18px; background: url(/_common_images/HeadingBgFade.gif) left 0px repeat-y; color: #004499; clear:both !important;width : 99% !important; } dl.mortgage-definitions dd{font-size:small;line-height:1.4em;margin:0 0 1em;} div#synopsis-panels{width:560px; padding:0px; overflow:auto;} div#synopsis-panels h2{clear:both; font-size:130%; margin:10px 0 10px 0; width:auto; margin-left:10px;} /*seperated panels*/ div#synopsis-panels div.panels {float:left; width:280px; margin-top:10px; margin-bottom:10px; } div#synopsis-panels div.panels.right-seperator {border-right:1px dashed #ccc; width:279px; overflow:hidden;} div#synopsis-panels div.panels div.panel{margin:10px 10px 0 10px;} div#synopsis-panels div.panels h3{font-size:110%; margin:0 0 0 10px; width:auto; clear:none;} /*end*/ div#synopsis-panels div.panel{height:100px; width:260px; margin:10px 10px 0 5px; border-bottom:1px solid #E9E7E4; float:left; display:inline; position:relative; overflow:hidden;} div#synopsis-panels div.panel.fullwidth{width:450px; height:auto; margin:5px 0 5px 0; padding:0px 0 10px 0; } div#synopsis-panels .enclosed{border:2px solid #E9E7E4;padding:5px !important;width:535px !important;} div#synopsis-panels .enclosed.switcher{border:none !important;padding:0 !important;#padding-bottom:10px !important;} div#synopsis-panels .enclosed img {float:left;margin-right:10px;margin-bottom:10px;} div#synopsis-panels .enclosed p {clear:none;} div#synopsis-panels div.panel.fullwidth h2{font-size:110%; margin:0; width:auto; clear:none; text-decoration:none;} div#synopsis-panels div.panel.fullwidth h2 a{text-decoration:none;} div#synopsis-panels div.panel.fullwidth img{margin-bottom:0;} div#synopsis-panels div.panel h3{font-size:100%; margin:0; width:auto; clear:none;} div#synopsis-panels div.panel p{margin:0; clear:none;} div#synopsis-panels div.panel img{float:left; margin-bottom:100%; margin-right:10px;} div#synopsis-panels div.panel a.exitlink{position:absolute; bottom:5px; right:0; text-decoration:none; font-weight:bold; padding-right:10px; background:transparent url(/_common_images/sprites/sprites.gif) repeat scroll right -244px;} /*mortgageFAQ styles*/ form#mortgageFaqRates{margin:-10px 10px 0 10px; padding-bottom:10px;} #mortgageFaqTop{height:120px; overflow:hidden;} /* overview heads */ div#mortgage-overview-head-outer {background:url(/NR/rdonlyres/A6188462-5865-42E6-B77C-20669C52CB51/0/overviewbottom.gif) no-repeat bottom;} div#mortgage-overview-head-inner {padding:10px 10px 10px 20px; position:relative; height:100%;} div#mortgage-overview-head-outer .ftb{background:url(/NR/rdonlyres/93A6EB9D-EA44-4BEF-8885-F553FF78ADB6/0/ftbhead.gif) no-repeat;} div#mortgage-overview-head-outer .nc-mh{background:url(/NR/rdonlyres/7FCE1A0E-6BB1-48DB-A2A8-ACF35B4A5C77/0/ncmhhead.gif) no-repeat;} div#mortgage-overview-head-outer .nc-rm{background:url(/NR/rdonlyres/4E561CFD-D41C-45FE-B29B-EEFB5A51EA46/0/ncrmhead.gif) no-repeat;} div#mortgage-overview-head-outer .ec-mh{background:url(/NR/rdonlyres/201C9F2A-B08C-445D-97ED-F127EE89DC11/0/ecmhhead.gif) no-repeat;} div#mortgage-overview-head-outer .ec-smid{background:url(/NR/rdonlyres/AE3366EB-A721-45FF-A01E-1B830AC55585/0/ecsmidhead.gif) no-repeat;} div#mortgage-overview-head-outer .ec-send{background:url(/NR/rdonlyres/D60079A9-D43F-4EE0-971E-0751BE2276FD/0/ecsendhead.gif) no-repeat;} div#mortgage-overview-head-outer .ec-bm{background:url(/NR/rdonlyres/FBC3EC65-5F34-42DE-AE9F-0C1DFFE11026/0/ecbmhead.gif) no-repeat;} div#mortgage-overview-head-inner h2{margin:0 0 10px 0; width:80%; font-size:130%;} div#mortgage-overview-head-inner p{width:80%; margin:0 0 10px 0;} div#mortgage-overview-head-inner ul.bluetick{margin:10px 0 0px 0; width:80%; position:relative; /} div#mortgage-overview-head-inner ul.bluetick li{list-style:none; background:url(/_common_images/li-tick-blue-trans.gif) no-repeat; padding-left:20px; margin:0 0 10px 0;} div#mortgage-overview-head-inner p.termsLink{text-align:left; width:534px; font-size:12px; margin:5px 0 10px 0;} div#mortgage-overview-head-inner p.legalText{font-size:12px; margin:0 0 0 0; width:100%;} div#mortgage-overview-head-inner ul.yellowtick{margin:10px 0 10px 0; width:80%;} div#mortgage-overview-head-inner ul.yellowtick li{list-style:none; background:url(/_common_images/blue_tick_bullet_trans.gif) no-repeat; padding-left:20px; margin:0 0 10px 0;} div#mortgage-overview-head-inner a.chevrons {position:absolute; bottom:10px; right:10px; text-decoration:none; font-weight:bold;} /* Mortgage overview redesign */ p.banner-feature{position:relative;height:331px;width:560px;display:block;padding:0px;margin:10px 0px 10px 2px;} p.banner-feature img{width:560px;} p.banner-feature a{} p.banner-feature a{position:absolute;bottom:10px;right:17px;color:White !important; display:block;font-weight:bold;width : 135px;height:49px;} p.banner-feature a b, p.banner-feature a:visited b, p.banner-feature a:link b{display: block;width:135px;height:49px;left:0px;top:0px;position:absolute;background-image:url(/NR/rdonlyres/50A4C51C-58FA-4636-9F91-A980770F355D/0/feature_button_viewourrates.jpg);background-position:0px 0px;} p.banner-feature a:link b{display: block;width:135px;height:49px;left:0px;top:0px;position:absolute;background-image:url(/NR/rdonlyres/50A4C51C-58FA-4636-9F91-A980770F355D/0/feature_button_viewourrates.jpg);background-position:0px 0px;} p.banner-feature a:hover b, p.banner-feature a:focus b{background-position:0px -50px;} p.banner-feature a:active b{background-position:0px -100px;} /* styles for view offer button */ p.banner-feature-offer{position:relative;height:331px;width:560px;display:block;padding:0px;margin:10px 0px 10px 2px;} p.banner-feature-offer img{width:560px;} p.banner-feature-offer a{} p.banner-feature-offer a{position:absolute;bottom:10px;right:17px;color:White !important; display:block;font-weight:bold;width : 135px;height:49px;} p.banner-feature-offer a b, p.banner-feature-offer a:visited b, p.banner-feature-offer a:link b{display: block;width:135px;height:49px;left:0px;top:0px;position:absolute;background-image:url(/NR/rdonlyres/4815DEF2-9774-45D9-98F2-EAF0BB07A106/0/button_red_viewoffer.jpg);background-position:0px 0px;} p.banner-feature-offer a:link b{display: block;width:135px;height:49px;left:0px;top:0px;position:absolute;background-image:url(/NR/rdonlyres/4815DEF2-9774-45D9-98F2-EAF0BB07A106/0/button_red_viewoffer.jpg);background-position:0px 0px;} p.banner-feature-offer a:hover b, p.banner-feature-offer a:focus b{background-position:0px -50px;} p.banner-feature-offer a:active b{background-position:0px -100px;} /* end view offer styles*/ img.nav-grid-background{position:absolute;} #mainContent ul.navigation-grid{position:relative;height:300px;width:564px;display:block;margin:0;padding:0;list-style-type:none;} #mainContent ul.navigation-grid li{height:138px;width:135px;position:absolute;top:8px;margin:0;padding:0;list-style-type:none;color:White;font-weight:bold;font-size:16px;background-image:url(/NR/rdonlyres/3B5F517A-73A0-4502-B942-5E6DC4CFD2F0/0/navigationcellbackground.gif);} #mainContent ul.navigation-grid li a{display: block;width:76px;height:35px;right:10px;top:90px;position:absolute; color:White;font-weight:bold;} #mainContent ul.navigation-grid li a b, #mainContent ul.navigation-grid li a:visited b, #mainContent ul.navigation-grid li a:link b{display: block;width:76px;height:35px;left:0px;top:0px;position:absolute;background-image:url(/NR/rdonlyres/3A5BF4FA-BD4B-41F0-A865-26F4C35209D7/0/toolgobutton.gif);background-position:0px 0px;} #mainContent ul.navigation-grid li a:hover b, #mainContent ul.navigation-grid li a:focus b{background-position:0px -35px;} #mainContent ul.navigation-grid li a:active b{background-position:0px -70px;} #mainContent ul.navigation-grid li.cell-block1{left:0px;} #mainContent ul.navigation-grid li.cell-block2{left:143px;} #mainContent ul.navigation-grid li.cell-block3{left:286px;} #mainContent ul.navigation-grid li.cell-block4{left:429px;} #mainContent ul.navigation-grid li.cell-block5{left:0px;top:154px;} #mainContent ul.navigation-grid li.cell-block6{left:143px;top:154px;} #mainContent ul.navigation-grid li.cell-block7{left:286px;top:154px;} #mainContent ul.navigation-grid li.cell-block8{left:429px;top:154px;} #mainContent ul.navigation-grid li p{margin:8px;padding:0px;line-height:124%;} div.incentives{background-image:url(/NR/rdonlyres/90D4A562-D851-4D6E-A8F2-165F509244B2/0/NW_difference_bg.gif);background-position:left bottom;background-repeat:no-repeat;background-color:#dfe7f2;overflow:hidden;width:100%;} div.incentives h2{width:auto;} div.incentives p{padding: 0px 10px;margin:0px;color:#646665;} div.incentives-text{padding:0 10px;float:left;width:270px;display:block;} div.incentives-text p{padding: 10px 0px;} #mainContent div.incentives ul, #mainContent div.incentives ul li, #mainContent div.incentives ul li.smlborder{padding:0px;margin:0px;list-style-type:none;color:#014397;} #mainContent div.incentives ul{float:left;width:270px;display:block;clear:none;padding-top:10px;margin-left:2px;} #mainContent div.incentives ul li{padding-left:30px;background-image:url(/NR/rdonlyres/1AE67E33-3051-4918-8D4F-D6B877C46556/0/incentivestick.gif);background-repeat:no-repeat;margin-bottom:5px;} #mainContent div.incentives ul li.smlborder{padding-left:30px;background-image:url(/NR/rdonlyres/01FDEF0D-AA6E-44BE-A2E5-FE552A153DD4/0/incentivesticksmltopborder.gif);background-repeat:no-repeat;margin-bottom:15px;} div.incentives a.incentives-button{display:block;width:147px;height:47px;color:White;font-weight:bold;position:relative;margin:5px 0px 10px 0px;float:right;} div.incentives a.incentives-button b, div.incentives a:visited.incentives-button b, div.incentives a:link.incentives-button b{display: block;width:147px;height:47px;left:0px;top:0px;position:absolute;background-image:url(/NR/rdonlyres/C554C8C4-D361-4129-BAEB-D0CA0C32780A/0/view_rates_button_stack.gif);background-position:0px 0px;} div.incentives a:hover.incentives-button b, div.incentives a:focus.incentives-button b{background-position:0px -47px;} div.incentives a:active.incentives-button b{background-position:0px -94px;} /* Mortgage overview redesign - end ********************/ ul.bgtick{margin:10px 0 10px 0!important; padding-left:10px!important;} ul.bgtick li{list-style:none!important; background:url(/_common_images/red-tick.gif) no-repeat; padding-left:30px; margin:0 0 15px 0!important;} a.chevrons{padding-right:10px; background:transparent url(/_common_images/sprites/sprites.gif) repeat scroll right -243px; text-decoration:none; font-weight:bold;} /*mortgageTables tab page table styles require these be important unless i switch to #ids*/ table.contentTableOne, #contentPrimaryOuter table.contentTableOne {border:none; border-collapse:collapse;} table.contentTableOne tr th, #contentPrimaryOuter table.contentTableOne tr th{border:1px solid #d8e2f0; border-top:1px solid #789cc9 !important; background-color:#d8e2f0 !important; color:#00459c !important; height:23px;} table.contentTableOne tr td, #contentPrimaryOuter table.contentTableOne tr td{border:1px solid #d8e2f0; background-color:#fff; text-align:left; vertical-align:top;} table.contentTableOne tr th.subHead, #contentPrimaryOuter table.contentTableOne tr th.subHead,table.contentTableOne tr td.subHead, #contentPrimaryOuter table.contentTableOne tr td.subHead{background-color:#f1f5fa !important; border-top:none; font-weight:bold;} table.contentTableOne tr td p{margin-top:0!important;} /* apply page steps */ ul#mortgagesApplyMethods {height:auto; margin-bottom:0; margin-top:0; margin-left:0;} ul#mortgagesApplyMethods li {list-style:none;float:left;padding-left:80px; font-size: 90%;} ul#mortgagesApplyMethods li.online {height:70px; width:117px; background:url(/NR/rdonlyres/2A216FA5-CAC8-460B-8E49-6819DFB60161/0/apply_online.gif) no-repeat;margin-top:10px;} ul#mortgagesApplyMethods li.telephone {width:120px;background:url(/NR/rdonlyres/5C6AA18B-C9C7-487A-B6C9-ED0E9CDF1B12/0/apply_phone.gif) no-repeat;margin-top:10px;} ul#mortgagesApplyMethods li.branch {height:100px;width:85px;background:url(/NR/rdonlyres/088FEA01-3D62-4242-9277-ABB61D3A99A9/0/apply_branch.gif) no-repeat;margin-top:10px;} /*apply steps div#mortgageApply ul{margin:0 0 0 30px; padding:0; overflow:hidden;} div#mortgageApply ul li{list-style:none; position:relative;} div#mortgageApply ul li div.step{font-weight:bold;}*/ /* boxes 1-5 div#mortgageApply ul li.one_stepBox {height:83px; width:116px; float:left; background:url(/_common_images/apply_big_sprite.gif) 0 0 no-repeat;} div#mortgageApply ul li.one_stepBoxHover{background:url(/_common_images/apply_big_sprite.gif) 0 -83px no-repeat; z-index:11!important;} div#mortgageApply ul li.one_stepBoxSelected{background:url(/_common_images/apply_big_sprite.gif) 0 -166px no-repeat; z-index:10!important;} div#mortgageApply ul li.two_stepBox {height:83px; width:116px; float:left; background:url(/_common_images/apply_big_sprite.gif) -116px 0 no-repeat;} div#mortgageApply ul li.two_stepBoxSelected{background:url(/_common_images/apply_big_sprite.gif) -116px -166px no-repeat; z-index:10!important;} div#mortgageApply ul li.two_stepBoxHover{background:url(/_common_images/apply_big_sprite.gif) -116px -83px no-repeat; z-index:11!important;} div#mortgageApply ul li.three_stepBox {height:83px; width:116px;float:left; background:url(/_common_images/apply_big_sprite.gif) -232px 0 no-repeat;} div#mortgageApply ul li.three_stepBoxSelected{background:url(/_common_images/apply_big_sprite.gif) -232px -166px no-repeat; z-index:10!important;} div#mortgageApply ul li.three_stepBoxHover{background:url(/_common_images/apply_big_sprite.gif) -232px -83px no-repeat; z-index:11!important;} div#mortgageApply ul li.four_stepBox {height:83px; width:116px; float:left; background:url(/_common_images/apply_big_sprite.gif) -348px 0 no-repeat;} div#mortgageApply ul li.four_stepBoxSelected{background:url(/_common_images/apply_big_sprite.gif) -348px -166px no-repeat; z-index:10!important;} div#mortgageApply ul li.four_stepBoxHover{background:url(/_common_images/apply_big_sprite.gif) -348px -83px no-repeat; z-index:11!important;} div#mortgageApply ul li.five_lastStepBox {height:80px; width:89px; float:left; background:url(/_common_images/apply_big_sprite.gif) -464px 0 no-repeat;} div#mortgageApply ul li.five_lastStepBoxSelected{background:url(/_common_images/apply_big_sprite.gif) -464px -160px no-repeat; z-index:10!important;} div#mortgageApply ul li.five_lastStepBoxHover{background:url(/_common_images/apply_big_sprite.gif) -464px -80px no-repeat; z-index:11!important;} */ /*contentbox div#mortgageApply div.contentBox{position:relative; overflow:hidden; margin-top:-20px; height:116px; width:504px; background:url(/_common_images/apply_container.gif) no-repeat; padding:30px 0px 30px 60px;} div#mortgageApply div.contentBox a.btnQuoteApply, div#mortgageApply div.contentBox a.btnQuoteApplyHover, div#mortgageApply div.contentBox a.btnQuoteApplyClick{position:absolute; right:10px; bottom:10px;} div#mortgageApply div.contentBox p{position:relative; width:470px; margin-top:0;} div#mortgageApply div.contentBox div.one{position:absolute; top:30px; left:20px; background:url(/_common_images/numbers_sprite.gif) 0 0 no-repeat; height:90px; width:64px; z-index:0;} div#mortgageApply div.contentBox div.two{position:absolute; top:30px; left:20px; background:url(/_common_images/numbers_sprite.gif) 0 -90px no-repeat; height:90px; width:64px; z-index:0;} div#mortgageApply div.contentBox div.three{position:absolute; top:30px; left:20px; background:url(/_common_images/numbers_sprite.gif) 0 -180px no-repeat; height:90px; width:64px; z-index:0;} div#mortgageApply div.contentBox div.four{position:absolute; top:30px; left:20px; background:url(/_common_images/numbers_sprite.gif) 0 -270px no-repeat; height:90px; width:64px; z-index:0;} div#mortgageApply div.contentBox div.five{position:absolute; top:30px; left:20px; background:url(/_common_images/numbers_sprite.gif) 0 -360px no-repeat; height:90px; width:64px; z-index:0;}*/ /*current account apply steps div#currentAccountApply ul{margin:10px 0 0 83px; padding:0; overflow:hidden;} div#currentAccountApply ul li{list-style:none; position:relative;} div#currentAccountApply ul li div.step{font-weight:bold;}*/ /* current account apply boxes 1-4 div#currentAccountApply ul li.one_stepBox {height:83px; width:116px; float:left; background:url(/_common_images/current_account_apply_sprite.gif) 0 0 no-repeat;} div#currentAccountApply ul li.one_stepBoxHover{background:url(/_common_images/current_account_apply_sprite.gif) 0 -83px no-repeat; z-index:11!important;} div#currentAccountApply ul li.one_stepBoxSelected{background:url(/_common_images/current_account_apply_sprite.gif) 0 -166px no-repeat; z-index:10!important;} div#currentAccountApply ul li.two_stepBox {height:83px; width:116px; float:left; background:url(/_common_images/current_account_apply_sprite.gif) -116px 0 no-repeat;} div#currentAccountApply ul li.two_stepBoxSelected{background:url(/_common_images/current_account_apply_sprite.gif) -116px -166px no-repeat; z-index:10!important;} div#currentAccountApply ul li.two_stepBoxHover{background:url(/_common_images/current_account_apply_sprite.gif) -116px -83px no-repeat; z-index:11!important;} div#currentAccountApply ul li.three_stepBox {height:83px; width:116px;float:left; background:url(/_common_images/current_account_apply_sprite.gif) -232px 0 no-repeat;} div#currentAccountApply ul li.three_stepBoxSelected{background:url(/_common_images/current_account_apply_sprite.gif) -232px -166px no-repeat; z-index:10!important;} div#currentAccountApply ul li.three_stepBoxHover{background:url(/_common_images/current_account_apply_sprite.gif) -232px -83px no-repeat; z-index:11!important;} div#currentAccountApply ul li.four_stepBox {height:83px; width:116px; float:left; background:url(/_common_images/current_account_apply_sprite.gif) -348px 0 no-repeat;} div#currentAccountApply ul li.four_stepBoxSelected{background:url(/_common_images/current_account_apply_sprite.gif) -348px -166px no-repeat; z-index:10!important;} div#currentAccountApply ul li.four_stepBoxHover{background:url(/_common_images/current_account_apply_sprite.gif) -348px -83px no-repeat; z-index:11!important;} div#currentAccountApply ul li.four_lastStepBox {height:80px; width:89px; float:left; background:url(/_common_images/current_account_apply_sprite.gif) -348px 0 no-repeat;} div#currentAccountApply ul li.four_lastStepBoxSelected{background:url(/_common_images/current_account_apply_sprite.gif) -348px -160px no-repeat; z-index:10!important;} div#currentAccountApply ul li.four_lastStepBoxHover{background:url(/_common_images/current_account_apply_sprite.gif) -348px -80px no-repeat; z-index:11!important;}*/ /*current account contentbox div#currentAccountApply div.contentBox{position:relative; overflow:hidden; margin-top:-20px; height:116px; width:504px; background:url(/_common_images/apply_container.gif) no-repeat; padding:30px 0px 30px 60px;} #page a.btnApply, div#currentAccountApply div.contentBox a.btnApplyHover, div#currentAccountApply div.contentBox a.btnApplyClick{float:right;} div#currentAccountApply div.contentBox p{position:relative; width:470px; margin-top:0;} div#currentAccountApply div.contentBox div.one{position:absolute; top:30px; left:20px; background:url(/_common_images/numbers_sprite.gif) 0 0 no-repeat; height:90px; width:64px; z-index:0;} div#currentAccountApply div.contentBox div.two{position:absolute; top:30px; left:20px; background:url(/_common_images/numbers_sprite.gif) 0 -90px no-repeat; height:90px; width:64px; z-index:0;} div#currentAccountApply div.contentBox div.three{position:absolute; top:30px; left:20px; background:url(/_common_images/numbers_sprite.gif) 0 -180px no-repeat; height:90px; width:64px; z-index:0;} div#currentAccountApply div.contentBox div.four{position:absolute; top:30px; left:20px; background:url(/_common_images/numbers_sprite.gif) 0 -270px no-repeat; height:90px; width:64px; z-index:0;} div#currentAccountApply div.contentBox div.five{position:absolute; top:30px; left:20px; background:url(/_common_images/numbers_sprite.gif) 0 -360px no-repeat; height:90px; width:64px; z-index:0;} div#currentAccountApply div.contentBox ul{margin:0;list-style-type:square;list-style-position:outside;} div#currentAccountApply div.contentBox ul li{margin-left:20px;list-style-type:square;}*/ #page a.btnQuoteApply {border:none; height:23px; width:108px; padding:0; height:23px; width:108px; display:block;} #page a.btnQuoteApply span{position:absolute; text-indent:-5000px;} #page a.btnQuoteApply:hover, a.btnQuoteApplyHover:hover, a.btnQuoteApplyClick:hover, #page a.btnQuoteApply:active, a.btnQuoteApplyHover:active, a.btnQuoteApplyClick:active {background-color:none!important;} #page a.btnQuoteApply{background:url(/_common_images/buttons/btn_quoteapply_sprite.gif) 0 0 no-repeat;} #page a.btnQuoteApplyHover{background:url(/_common_images/buttons/btn_quoteapply_sprite.gif) 0 -23px no-repeat!important;} #page a.btnQuoteApplyClick{background:url(/_common_images/buttons/btn_quoteapply_sprite.gif) 0 -46px no-repeat!important;} #page a.btnApply {border:none; height:23px; width:56px; padding:0; display:block;} #page a.btnApply span{position:absolute; text-indent:-5000px;} #page a.btnApply:active {background:url(/_common_images/buttons/btn_apply_sprite.gif) 0 0 no-repeat;} #page a.btnApply{background:url(/_common_images/buttons/btn_apply_sprite.gif) 0 0 no-repeat;} #page a.btnApplyHover{background:url(/_common_images/buttons/btn_apply_sprite.gif) 0 -23px no-repeat!important;} #page a.btnApplyClick{background:url(/_common_images/buttons/btn_apply_sprite.gif) 0 -46px no-repeat!important;} .applySteps ol{ list-style-type:none; } .applySteps p, .applySteps ol .contentBox ul{ margin:0 0 5px 0; } /*apply steps contentbox*/ div.applySteps div.contentBox{position:relative; overflow:hidden; margin-top:-20px; height:116px; width:504px; background:url(/_common_images/apply_container.gif) no-repeat; padding:30px 0px 30px 60px;} div.applySteps div.contentBox a.btn, div.applySteps div.contentBox a.btnHover, div.applySteps div.contentBox a.btnClick{position:absolute; right:10px; bottom:10px;} div.applySteps div.contentBox p{position:relative; width:470px;} div.applySteps div.contentBox div#step1{position:absolute; top:30px; left:20px; background:url(/_common_images/numbers_sprite.gif) 0 0 no-repeat; height:90px; width:64px; z-index:0;} div.applySteps div.contentBox div#step2{position:absolute; top:30px; left:20px; background:url(/_common_images/numbers_sprite.gif) 0 -90px no-repeat; height:90px; width:64px; z-index:0;} div.applySteps div.contentBox div#step3{position:absolute; top:30px; left:20px; background:url(/_common_images/numbers_sprite.gif) 0 -180px no-repeat; height:90px; width:64px; z-index:0;} div.applySteps div.contentBox div#step4{position:absolute; top:30px; left:20px; background:url(/_common_images/numbers_sprite.gif) 0 -270px no-repeat; height:90px; width:64px; z-index:0;} div.applySteps div.contentBox div#step5{position:absolute; top:30px; left:20px; background:url(/_common_images/numbers_sprite.gif) 0 -360px no-repeat; height:90px; width:64px; z-index:0;} div.applySteps div.contentBox ul{margin:0;list-style-type:square;list-style-position:outside;} div.applySteps div.contentBox ul li{margin-left:20px;list-style-type:square;} #page #mainContent a.btn{border:none;height:23px;padding:0;display:block;background-repeat:no-repeat;background-color:#fff;text-decoration:none;text-align:center;line-height:23px;} #page #mainContent a.btn span{position:absolute; text-indent:-5000px;} #page #mainContent a.btnHover{background-repeat:no-repeat;background-position:0 -23px;} #page #mainContent a.btnClick{background-repeat:no-repeat;background-position:0 -46px;color:#fff;} #page #mainContent a.btnTypeQuoteApply{background-image:url(/_common_images/buttons/btn_quoteapply_sprite.gif);width:108px;} #page #mainContent a.btnTypeApply{background-image:url(/_common_images/buttons/btn_apply_sprite.gif);width:56px;} #page #mainContent a.btnTypeGold{background-image:url(/_common_images/buttons/backgrounds/gold-btns-bg.png);width:107px;font-weight:bold;font-size:10pt;font-family:"Arial";color:#049;float:right;} #page #mainContent a.btnTypeGold.btnClick{color:#fff;} .mortgage-insurance-img{margin-right:10px;} /*end new mortgage styles*/ /* ISA Guide Styles*/ .contentLink{font-weight:bold;background:transparent url(/_common_images/small-red-triangle.gif) no-repeat scroll left 0px !important; padding-left:10px; display:block;} #isalimittext {position:relative; height:325px; width:360px;} #isalimitimage {position:absolute;top:395px;} body.ie6 #isalimitimage {position:absolute;top:425px;} body.ie6 #isalimittext {height:141px;} /**/ /* Call to action box styles */ #call-to-action-box {background-image:url(/_common_images/mid_50_red_BG.jpg); background-repeat: no-repeat; width:565px; height:114px;margin-bottom: 10px; position: relative; display:block;} .cta-text {padding: 20px 10px 0px 10px; color: #ffffff; font-size: 120%; font-weight: bold;} #cta-legal {padding: 0px 10px 10px 10px; color: #c0d0e5; font-weight: bold; font-size: 90%;} #cta-legal a, #cta-legal a:hover, #cta-legal a:active, #cta-legal a:visited {color: #c0d0e5 !important; background: none;} #cta-link {position: absolute; top: 10px; right: 10px;background:url(/_common_images/mid_50_red_apply_button.jpg) no-repeat !important;width:100px;height:44px;} #cta-link, #cta-howtoapply-link a.hovered {background-position:-200px -304px;} #cta-link, #cta-howtoapply-link a.clicked {background-position:-1500px -80px;} #cta-link, #cta-howtoapply-link {display:block;text-indent:-30000px !important;outline:none;width:100px;height:44px;} #cta-howtoapply-link {position: absolute; top: 10px; right: 10px;background:url(/_common_images/mid_50_red_howto_button.jpg) no-repeat !important;width:100px;height:44px;} /* Lloydi's new and improved call to action styles */ div.actionBar {background:#4c72b2 url(/_common_images/sprites/contentSprites_Mar2010.png) 0 0;width:546px;height:114px;color:#fff;padding:0 10px;position:relative;} div.actionBar p {padding:13px 120px 5px 0;margin:0;font-weight:bold;font-size:1.2em;} div.actionBar div {position:absolute;top:0;right:1px;width:115px;height:20px;text-align:center;padding:0;} div.actionBar div a {color:#fff;font-size:1.4em;background:#f00;} div.actionBar div b {position:absolute;top:0;left:0;background:url(/_common_images/sprites/actionBarButtons_sprite.png) -5px -5px;} div.actionBar div a,div.actionBar div b {display:block;width:115px;height:52px;cursor:pointer;} div.actionBar span {display:block;position:absolute;bottom:40px;left:10px;} div.actionBar span, div.actionBar span a {color:#EFEFFC !important; font-weight: bold;} div.actionBar div.applyNow b {background-position:-5px -5px;} div.actionBar div.quoteAndApply b {background-position:-5px -67px;} div.actionBar div.howToApply b {background-position:-5px -129px;} div.actionBar div.signOn b {background-position:-5px -191px;} div.actionBar div.getAQuote b {background-position:-5px -253px;} div.actionBar div.viewAll b {background-position:-5px -315px;} div.actionBar div.viewFunds b {background-position:-5px -377px;} /* End call to action box styles */ /* Champion saver feature box styles */ #champ-saver-features {background-image:url(/_common_images/background-textures/champ_saver_box.jpg); height:285px; margin-left:0px;background-repeat: no-repeat;} .champ-saver-banner {background-image:url(/homepages/_images/savings-tab/10154_champ_sav_01_header.gif); width:564px; height:226px;} .footballbond-banner {background-image:url(/homepages/_images/savings-tab/football-bond-banner.gif); width:564px; height:226px;} #savings-action-area {position: absolute; top: 175px; right: 6px;} #footbond-action-area {position: absolute; top: 192px; right: 6px;} #savings-action-area img, #footbond-action-area img { display:block;} /* e-ISA & Champion ISA style */ #eisa-introduction-list1 {background-image:url(/_common_images/investments/eISA_benefits_01.jpg); background-position:bottom; height:199px; margin-left:0px;background-repeat: no-repeat;} #eisa-introduction-list1 li, #champisa-introduction-list1 li, #champ-saver-features li {padding-top:0px; padding-left:15px;padding-bottom:5px; margin-left:190px;margin-right:20px;background: url(/_common_images/blue_bullet01.gif) 0 3px no-repeat; list-style-type:none !important;} #champisa-introduction-list1{background-image:url(/_common_images/investments/champisa_benefits_01.jpg); height:235px; margin-left:0px;background-repeat: no-repeat;} .legalheader{color:#656565; font-size:11px; font-weight:bold; border-bottom:1px solid #cccccc;border-top:1px solid #cccccc;line-height:150%; margin-top:0px;} /* End of e-ISA & Champion ISA style */ .features-list li {padding-top:0px; padding-left:15px;padding-bottom:5px; background: url(/_common_images/blue_bullet01.gif) 0 3px no-repeat; list-style-type:none !important;} .legal-txt {color:#666;font-size:90%;} .legal-txt-comp {color:#666;font-size:85%;} table.contentTableOne a.bigbutton {width:8em;} /* home ins overview */ #homeInsOverviewWrapper {position:relative; height:700px;} #homeInsOverviewWrapper #homeInsOverviewPromo {width:367px; height:322px;position:absolute; top:0;left:0; overflow:hidden;} #homeInsOverviewWrapper #homeInsOverviewRight {width:187px;height:330px;position:absolute;top:0px;left:377px;} /*main image*/ #homeInsOverviewWrapper #homeInsOverviewPromo a.conditions {position:absolute; bottom:20px; left:155px; font-size:0.8em; color:#666;} #homeInsHeaderImg {position:relative;} #homeInsHeaderImg a.conditions {position:absolute; top:180px; left:437px; font-size:0.8em; color:#666;} /*quote box*/ #homeInsOverviewWrapper #homeInsOverviewQuote h2{color:white; margin:0px; width:180px; font-size:110%; padding:8px 0px 0px 10px;} #homeInsOverviewWrapper #homeInsOverviewQuote {width:187px; height:232px;background:url(/_common_images/insurance/homeins_overview_right.gif) no-repeat;} #homeInsOverviewWrapper #homeInsOverviewQuote ul {list-style:none;margin:0;padding:0 0 0 0;padding-top:5px;} #homeInsOverviewWrapper #homeInsOverviewQuote li {list-style:none; margin:0 0 0 0; padding:0;} #homeInsOverviewWrapper #homeInsOverviewQuote li a span{overflow: hidden; display: block; position: absolute; text-indent: -30000px;} #homeInsOverviewWrapper #homeInsOverviewQuote li a.GetAQuote {display:block; background:url(/_common_images/insurance/homeins_overview_sprite.png) 0 0; height:50px; width:174px;} #homeInsOverviewWrapper #homeInsOverviewQuote li a.RetrieveAQuote {display:block; background:url(/_common_images/insurance/homeins_overview_sprite.png) 0 50px; height:50px; width:174px;} /*quicklinks*/ #homeInsOverviewWrapper div.quickLinks h2 {color:#004499; font-size:120%; font-weight:bold; margin:5px 0 5px 5px; width:auto;} #homeInsOverviewWrapper div.quickLinks ul li a {background:transparent url(/_common_images/small-red-triangle.gif) no-repeat scroll left 0 !important;color:#81A5C7!important; display:block; padding-left:10px; text-decoration:none;} #homeInsOverviewWrapper div.quickLinks ul li {height:auto;list-style-image:none;list-style-position:outside;list-style-type:none;margin:5px 0 0;padding:0 0 5px;} #homeInsOverviewWrapper div.quickLinks ul {list-style-image:none;list-style-position:outside;list-style-type:none;margin:5px 5px 20px;padding:0;} #homeInsOverviewWrapper div.quickLinks h3 {font-size:100%;margin:10px 0 10px 5px;} #homeInsOverviewWrapper div.quickLinks a:hover {color:#004499!important; text-decoration:underline;} .homeInsOverviewFeature div.quickLinks {margin-top:0px;} .homeInsOverviewFeature a:hover{background:none!important;} .homeInsOverviewFeature img{text-align:left;} /*right quicklinks*/ #homeInsOverviewWrapper #homeInsOverviewRight div.quickLinks {position:absolute;top:226px;overflow:hidden;} /*features quicklinks*/ #homeInsOverviewWrapper .homeInsOverviewFeature div.quickLinks h2 {height:35px;} #homeInsOverviewWrapper #homeInsOverviewFeatures div.quickLinks p{margin:0 0 10px 0; padding:0 0 0 5px; height:90px;} /*features*/ #homeInsOverviewWrapper #homeInsOverviewFeatures {position:absolute;top:333px;left:0;width:564px;} #homeInsOverviewWrapper #homeInsOverviewFeatures .homeInsOverviewFeature {height:200px; width:188px;float:left;} #homeInsOverviewWrapper #homeInsOverviewFeatures div.one {margin-right:10px;width:178.5px;/*background:url(/_common_images/insurance/homeins_overview_rings.jpg) top center no-repeat;*/} #homeInsOverviewWrapper #homeInsOverviewFeatures div.two {margin-right:10px;width:178.5px;/*background:url(/_common_images/insurance/homeins_overview_tap.jpg) top center no-repeat;*/} #homeInsOverviewWrapper #homeInsOverviewFeatures div.three {width:187px;/*background:url(/_common_images/insurance/homeins_overview_defaqto.jpg) top center no-repeat;*/} #homeInsOverviewWrapper #homeInsOverviewFeatures h1{position:absolute; text-indent:-2500px;} #homeInsOverviewWrapper #homeInsOverviewFeatures img.heading{margin:10px 0 10px 0;} /*end home ins overview*/ /*key features styles*/ div.productFeaturesBox {margin:10px 0;} #mainContent div.productFeaturesBox {width:514px;padding:10px;overflow:auto;height:1%;background:url(/_common_images/background-textures/features-box-bg.png) left bottom no-repeat;} #mainContent div.productFeaturesBox ul {width:325px;margin:0 0 0 185px;padding:0;} #mainContent div.productFeaturesBox ul li {padding-left:15px;background:url(/_common_images/blue_bullet01.gif) left 5px no-repeat;margin:0 0 5px 0; list-style:none;} #mainContent div.productFeaturesBox p {margin:0 0 5px 0;} /* see line 1462 */ #pebRedesign .foot-notes {color:gray;font-size:11px;} /* foot-notes style put here because this is the first time and place it has been used. MJ */ #pebRedesign .foot-notes p{margin:5px 0;} /* see line 1372 */ #pebRedesign #gebfeature-tick { padding:0px !important; margin:20px 0 20px 10px !important;} #pebRedesign #gebfeature-tick li {list-style-type:none !important;background-image:url(/_common_images/table-box-tick.gif);background-repeat:no-repeat;padding:2px 0 2px 25px !important; margin: 0 0 5px 0 !important; list-style-position:outside;} /*peb key dates table*/ table#peb-key-dates{ margin-bottom:20px; width:100%; } #peb-key-dates th{ background-color:transparent; color:#006; text-align:right; } ul#peb-key-dates{ margin-left:0; } ul#peb-key-dates li{ list-style-type:none; margin-bottom:5px; } /*apply now table*/ h2.tableHeader {color:#fff;padding:10px;margin:20px 0 0 0;background:#4678b3 url(/_common_images/background-textures/blue-rounded-table-header.gif) left top;height:30px;width:544px} div#pebApplyTable table{ background-color:#e6e6e6; margin-bottom:10px; } div#pebApplyTable table th, div#pebApplyTable table td{ padding:5px; vertical-align:top; } div#pebApplyTable table th{ background-color:transparent; color:#666; } div#pebApplyTable table thead th{ background-color:#ccd9ea; } div#pebApplyTable table td{ background-color:#fff; text-align:center; } /*peb application steps*/ #pebRedesign ol#pebApplySteps{ margin-left:0; } #pebRedesign #pebApplySteps .appStep1, #pebRedesign #pebApplySteps .appStep2, #pebRedesign #pebApplySteps .appStep3, #pebRedesign #pebApplySteps .appStep4{ list-style-type:none; list-style-image:none; padding:5px 0 20px 35px; background-repeat:no-repeat; border:none; } #pebRedesign #pebApplySteps li.appStep1{ background-image: url(/_common_images/listicons/gold-1.gif); } #pebRedesign #pebApplySteps li.appStep2{ background-image: url(/_common_images/listicons/gold-2.gif); } #pebRedesign #pebApplySteps li.appStep3{ background-image: url(/_common_images/listicons/gold-3.gif); } #pebRedesign #pebApplySteps li.appStep4{ background-image: url(/_common_images/listicons/gold-4.gif); } h1 span{ display:block; color:#999; font-weight:normal; font-size:18px; } /*Choices box*/ div.choices{ margin:20px 0; display:inline-block; } .choices .choice1, .choices .choice2{ float:left; width:244px; } .choices .choiceDivider{ position:absolute; left:-10px; top:30px; background-color:#fff; z-index:1; font-weight:bold; font-size:20px; color:#666; text-align:center; margin:0; } .choices .choice1{ border-right:1px solid #ccc; padding-right:27px; } .choices .choice2{ border-left:1px solid #ccc; margin-left:-1px; padding-left:27px; position:relative; } .choices h3{ font-size:16px; margin:0 0 10px 0; height:40px; } #mainContent .choices ul{ margin:0; } #mainContent .choices ul li{ background: url(/_common_images/blue_bullet01.gif) 0 3px no-repeat; list-style-type:none; padding-left:15px; display:inline-block; } #pebApplySteps .appStep4 label{display:block;margin:10px 0;font-weight:bold;} #pebApplySteps .appStep4 input{margin-right:10px;} #pebApplyTable #other{width:130px;} .viewRates, .findOutMore{overflow:auto;margin-bottom:10px;padding:1px 0;clear:both;width:100%;} .viewRates span, .findOutMore span{float:left;padding-top:10px;} .viewRates a, .findOutMore a {display:block;text-indent:10px;color:#049;width:136px;height:35px;position:relative;text-decoration:none;font-size:12px;vertical-align:top;float:left;margin-left:10px;} .viewRates a b, .findOutMore a b {display:block;width:136px;height:35px;position:absolute;top:0;left:0;cursor:pointer;background:#fff url(/_common_images/investments/find_out_more_button.gif) no-repeat 0 0;} .viewRates a, .viewRates a b {width:76px;} .viewRates a b {background:#fff url(/_common_images/buttons/go_button_state_stack.gif) no-repeat 0 0;} a.termslinkright {margin-left:390px;font-size: 90%;display:block;clear:both;width:160px;top:-32px;position:relative;} #mainContent p.pdf{ background: url(/_common_images/pdf_icon.gif) center left no-repeat; margin-left:0; padding:0 0 0 20px; line-height:16px; } .regionalBrandsLink a{text-decoration:none;} .regionalBrandsLink a span{text-decoration:underline;} .regionalBrandsLink img{vertical-align:middle;margin-right:10px;}