.customer-story { background: url("images/customer-story.png") no-repeat scroll 0 3px transparent; border-bottom: 1px solid #AFD7F2; margin: 0 0 15px; padding: 0 0 15px 58px; }.customer-story { background: url("images/customer-story.png") no-repeat scroll 0 3px transparent; border-bottom: 1px solid #AFD7F2; margin: 0 0 15px; padding: 0 0 15px 58px; }.customer-story { background: url("images/customer-story.png") no-repeat scroll 0 3px transparent; border-bottom: 1px solid #AFD7F2; margin: 0 0 15px; padding: 0 0 15px 58px; }.customer-story { background: url("images/customer-story.png") no-repeat scroll 0 3px transparent; border-bottom: 1px solid #AFD7F2; margin: 0 0 15px; padding: 0 0 15px 58px; }.customer-story { background: url("images/customer-story.png") no-repeat scroll 0 3px transparent; border-bottom: 1px solid #AFD7F2; margin: 0 0 15px; padding: 0 0 15px 58px; }.customer-story { background: url("images/customer-story.png") no-repeat scroll 0 3px transparent; border-bottom: 1px solid #AFD7F2; margin: 0 0 15px; padding: 0 0 15px 58px; }html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-family:inherit; vertical-align:baseline} :focus {outline:0} html {background:#E4F0F9 url(images/body-bg.png) repeat-x} body {font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.4; background:#f1f1f1 url(images/body-bg.png) repeat-x} ol, ul {list-style:none} table {border-collapse:collapse; border-spacing:0} caption, th, td {text-align:left; font-weight:normal} blockquote:before, blockquote:after, q:before, q:after {content:""} blockquote, q {quotes:"" ""} p {padding:0px 0px 13px 0px} strong {font-weight:bold} em {font-style:italic} h1, h2, h3, h4, big {font-family:'PT Sans Narrow', 'Arial Narrow'; font-size:25px; font-weight:700; line-height:1; color:#288794; display:block; letter-spacing:-0.04em\9} h1 {font-size:32px; margin:0px 0px 18px 0px} h2 {font-size:25px; margin:15px 0px 12px 0px} h3 {font-size:21px; margin:15px 0px 10px 0px} h4 {font-size:18px; margin:15px 0px 8px 0px} a:link {color:#23B0C4} a:visited {color:#23B0C4} a:hover {color:#0063C8} a.bullet-link {padding:0px 0px 0px 14px; background:url(images/bullet-arrows.png) 0px -196px no-repeat} a.bullet-link-back {padding:0px 0px 0px 14px; background:url(images/bullet-arrows.png) -3px -394px no-repeat} .clearfix:after {content:"."; height:0; clear:both; visibility:hidden; display:block} .clearfix {display:inline-block} * html .clearfix {zoom:1; display:block} #container {width:960px; padding:249px 0px 20px 20px; margin:0px auto; background:#FFF; position:relative} .hr {height:0px; margin:13px 0px 26px 0px; border-top:1px solid #AFD7F2; overflow:hidden} ul.bullet-ticks {padding:6px 0px 14px 0px; font-weight:bold; line-height:1.3; position:relative} ul.bullet-ticks li {padding:0px 0px 8px 23px; background:url(images/bullet-ticks.png) 0px 1px no-repeat} ul.bullet-arrows {padding:0px 0px 10px 0px; line-height:1.3; position:relative} ul.bullet-arrows li {padding:0px 0px 3px 15px; background:url(images/bullet-arrows.png) 0px -195px no-repeat} ul.bullet-faq {padding:2px 0px 20px 0px; font-size:15px; line-height:1.3; position:relative} ul.bullet-faq li {padding:0px 0px 8px 20px; background:url(images/bullet-arrows.png) 0px 7px no-repeat} ul.bullet-standard {padding:0px 0px 12px 15px; line-height:1.3; position:relative; list-style:disc} ul.bullet-standard li {padding:0px 0px 13px 0px} ul.bullet-standard li strong {display:block} ul.bullet-questions {padding:5px 0px 0px 0px; margin:0px 0px -10px 0px; line-height:1.3} ul.bullet-questions li {height:100%; padding:1px 0px 16px 26px; background:url(images/bullet-questions.png) 0px 0px no-repeat} ul.bullet-questions li strong {padding:0px 0px 2px 0px; display:block; color:#004798} ul.bullet-benefits {padding:4px 0px 12px 0px} ul.bullet-benefits li {padding:0px 0px 17px 0px} ul.bullet-benefits li strong {padding:0px 0px 2px 22px; background:url(images/bullet-ticks.png) 0px 1px no-repeat; display:block} ul.bullet-benefits ul {padding:10px 0px 0px 25px} ul.bullet-benefits ul li {padding:0px 0px 5px 0px} ul.bullet-numbers {padding:4px 0px 12px 25px} ul.bullet-numbers li {padding:0px 0px 17px 0px; list-style:decimal} a.top {width:120px; padding:15px 0px 0px 18px; display:block; background:url(images/bullet-arrows.png) 0px -78px no-repeat; clear:left} a:visited.top {color:#0063C8} /* HEADER */ #header {width:980px; height:229px; background:url(images/header-bg.png) 0px 0px no-repeat; font-size:12px; position:absolute; top:0px; left:0px} #header a {text-decoration:none} a#logo {width:282px; height:100px; /*display:block; background:url(images/header-logo.png) 0px 0px no-repeat; */position:absolute; top:25px; left:19px} ul#call {font-family:'PT Sans Narrow', 'Arial Narrow'; font-size:32px; font-weight:700; line-height:1; letter-spacing:-0.02em; white-space:nowrap; color:#00418B; position:absolute; top:60px; left:560px} ul#call li {width:194px; height:34px; padding:16px 0px 0px 24px; float:left; background:url(images/header-call.png) 0px 2px no-repeat} ul#call li.mobile {width:180px; padding-left:28px; background-position:0px -59px} #callback {width:180px; height:53px; background:url(images/header-callback.png) -14px 0px no-repeat; cursor:pointer; position:absolute; top:60px; right:0px; overflow:hidden} #callbackpopup {width:208px; height:289px; background:url(images/header-callback.png) 0px -53px no-repeat; position:absolute; top:46px; right:-14px; z-index:1001} #callbackpopup #callback-close {width:17px; height:17px; cursor:pointer; position:absolute; top:30px; right:23px} #callbackpopup label {visibility:hidden; position:absolute; bottom:0px; right:0px} #callbackpopup input, #callbackpopup select {width:144px; height:18px; padding:5px; border:1px solid #A0C4E5; font-size:13px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; position:absolute; top:69px; left:26px} #callbackpopup input#txtMobiletelno3 {top:109px} #callbackpopup select {width:156px; height:30px; top:149px} #callbackpopup #callback-privacy {width:137px; height:22px; padding:0px 0px 2px 19px; font-family:'PT Sans Narrow', 'Arial Narrow'; font-size:14px; white-space:nowrap; line-height:1; position:absolute; top:192px; left:26px} #callbackpopup #callback-privacy input {width:auto; padding:0px; margin:0px; border:0px; position:absolute; top:0px; left:0px} #callbackpopup .callback-button {width:156px; height:35px; padding:0px; border:0px; position:absolute; top:227px; left:26px} ul#nav {width:980px; height:90px; position:absolute; top:139px; left:0px; background:url(images/nav-bg.png) 0px 0px repeat-x; font-family:'PT Sans Narrow', 'Arial Narrow'; font-weight:700; font-size:26px; -webkit-border-radius:3px 3px 0px 0px; -moz-border-radius:3px 3px 0px 0px; border-radius:3px 3px 0px 0px} ul#nav li {height:90px; float:left; overflow:hidden} ul#nav li a {height:75px; padding:15px 0px 0px 55px; color:#FFF; display:block; background:url(images/nav-bg.png) 0px 0px no-repeat; text-shadow:0px 1px #294074} ul#nav li.nav-home a {width:109px; padding-left:61px; text-shadow:none} ul#nav li#nav-debt a {width:208px; background-position:-170px 0px; text-shadow:none} ul#nav li#nav-help a {width:231px; background-position:-433px 0px; text-shadow:none} ul#nav li#nav-solutions a {width:206px; background-position:-719px -0px; text-shadow:none} ul#nav li.nav-home a:hover {background-position:0px -90px} ul#nav li#nav-debt a:hover {background-position:-170px -90px} ul#nav li#nav-help a:hover {background-position:-433px -90px} ul#nav li#nav-solutions a:hover {background-position:-719px -90px} .body-home ul#nav li.nav-home a, .body-home ul#nav li.nav-home a:hover {color:#054B9A; background-position:0px -180px} .body-debt ul#nav li#nav-debt a, .body-debt ul#nav li#nav-debt a:hover {color:#054B9A; background-position:-170px -180px} .body-help ul#nav li#nav-help a, .body-help ul#nav li#nav-help a:hover {color:#054B9A; background-position:-433px -180px} .body-solutions ul#nav li#nav-solutions a, .body-solutions ul#nav li#nav-solutions a:hover {color:#054B9A; background-position:-719px -180px} .nav-sub {width:261px; padding:26px 26px 0px 26px; font-size:14px; background:url(images/nav-sub-bg.png) 0px 0px no-repeat; z-index:15; position:absolute; top:221px; left:157px} .nav-sub#nav-sub-help {left:419px} .nav-sub#nav-sub-solutions {left:681px} .nav-sub strong {padding:6px 10px 5px 10px; background:#E5EDF5; font-size:13px; display:block; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px} .nav-sub ul {padding:5px 1px 10px 1px} .nav-sub ul li {height:27px; border-bottom:1px solid #EDF6FF} .nav-sub ul li.last {border:0px} .nav-sub ul li a {height:23px; padding:5px 0px 0px 21px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:url(images/nav-sub-arrow.png) 10px 11px no-repeat; display:block} .nav-sub ul li a:hover {background:#3B65AB url(images/nav-sub-arrow.png) 10px -29px no-repeat; color:#FFF} .nav-sub em {width:313px; height:18px; margin:0px -26px -18px -26px; display:block; background:url(images/nav-sub-bg.png) bottom left no-repeat} * html .nav-sub em {margin-bottom:-13px} #utilities {width:620px; height:33px; position:absolute; top:0px; left:360px} #utilities a {color:#004798; text-decoration:none} #utilities-links {color:#A6D5FF; font-size:12px; position:absolute; t.customer-story { background: url("images/customer-story.png") no-repeat scroll 0 3px transparent; border-bottom: 1px solid #AFD7F2; margin: 0 0 15px; padding: 0 0 15px 58px; }op:8px; left:7px} #utilities-links a {padding:0px 12px 0px 12px; color:#004798} #utilities-customers {padding:0px 0px 0px 16px; display:block; background:url(images/header-customers.png) 0px 1px no-repeat; position:absolute; top:9px; left:263px} #utilities-solutionfinder {padding:0px 0px 0px 16px; font-weight:bold; display:block; background:url(images/header-solutionfinder.png) 0px 3px no-repeat; position:absolute; top:8px; right:14px; display:none!important} #utilities-search {width:160px; height:21px; background:url(images/header-search-bg.png) 0px 0px no-repeat; position:absolute; top:5px; right:10px} #utilities-search .utilities-field {width:128px; height:21px; padding:0px; margin:0px; border:0px; line-height:1.7; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:transparent; position:absolute; top:0px; left:7px} #utilities-search .utilities-button {width:20px; height:21px; border:0px; background:transparent; position:absolute; top:0px; right:0px} #utilities-search .blue {color:#5686BB} .social{width:160px; position:absolulte; margin-left:300px; margin-top:5px;} /* IMAGE */ #image {width:940px; height:290px; margin:0px 0px 20px 0px; position:relative} #image strong {width:490px; font-size:39px; font-family:'PT Sans Narrow', 'Arial Narrow'; font-weight:700; line-height:1.1; letter-spacing:-0.03em\9; position:absolute; top:26px; left:33px} #image p {width:auto; font-size:17px; line-height:1.3; top:0px; left:0px; margin-left:30px;} #image a.button-big {position:absolute; top:214px; left:33px; background-position:right -74px; text-shadow:0px 1px #762B00} #image ul#image-nav {width:81px; height:17px; position:absolute; top:253px; right:10px; z-index:10} #image ul#image-nav li {width:27px; height:17px; float:left} #image ul#image-nav li a {width:17px; height:17px; display:block; background:url(images/image-nav.png) 0px -18px no-repeat} #image ul#image-nav li a:hover, #image ul#image-nav li.enabled a {background-position:0px 0px} .image-slide {width:940px; height:290px; position:absolute; top:0px; left:0px; /*background:url(images/image-slide1.jpg) 0px 0px no-repeat;*/ border:1px solid #AFD7F2; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px} .image-slide#image-two {background:url(images/image-slide2.jpg) 0px 0px no-repeat} .image-slide#image-three {background:url(images/image-slide3.jpg) 0px 0px no-repeat} .slider_lt{width:470px; height:290px; float:left} .slider_rt{width:470px; height:290px; float:left} .smooth_slider { background-color: #FFFFFF; border: 0 solid #999999; height: 290px; margin-top: -0.5px !important; width: 470px; padding:0px !important; } .smooth_slider a img{ float: right !important; margin-right: -25px !important; text-decoration: none !important; } .smooth_slider .jcarousel-item { height: 290px !important; width: 940px; } .smooth_slider h2 a { font-size:39px; font-family:'PT Sans Narrow', 'Arial Narrow'; font-weight:700; line-height:1.1; letter-spacing:-0.03em\9; } .smooth_slider h2 { clear: none; color: #000000; float: left !important; font-size:39px; font-family:'PT Sans Narrow', 'Arial Narrow'; font-weight:700; line-height:1.1; letter-spacing:-0.03em\9; margin: -250px 0px 5px 30px !important; width: 500px !important; } .smooth_slider span { color: #000 !important; float: left !important; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 17px !important; font-style: normal; font-weight: normal; margin: -150px 0 5px 30px !important; width: 420px !important; padding-bottom:5px; } .smooth_slider p.more a { float: left !important; text-decoration: underline; background:url(images/solution-but-next.png) 0px 0px no-repeat; width:180px; height:38px; font-family:'PT Sans Narrow','Arial Narrow' !important; font-size:21px !important; font-weight:700; line-height:1.3em; color:#ffffff !important; padding:3px 0px 0px 10px; margin-top:-50px; } .jcarousel-control a{ background:url(images/image-nav.png) no-repeat left bottom; width:17px; height:16px; text-indent:-9999px; border:none !important; } .jcarousel-control a:hover{ background-position:left bottom; } .jcarousel-control { bottom: 20px; float: left; margin: 2px 0 0; overflow: hidden; padding: 0; position: absolute; right: 2px !important; width:auto !important; } .sldrlink{display:none !important;} /* CONTENT */ #content {width:460px; padding:0px 20px 30px 240px; float:left; min-height:450px} #content-left {width:240px; float:left; position:absolute; top:249px; left:20px} #content-right {width:240px; margin:0px -20px 0px 0px; float:left} .content-row {width:960px; float:left} .body-home #content-left { width:200px; top:1111px; left:20px } #content-left1 {width:240px; float:left; position:absolute; top:249px; left:20px} .body-home #content-left1 {width:200px; left:20px} .body-results #content {width:700px; padding:0px 20px 30px 0px; float:left} .box, .box-bubbles {width:218px; margin:0px 20px 20px 0px; border:1px solid #AFD7F2; float:left; background:#FFF url(images/box-bg.png) bottom left repeat-x; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:relative} .box-bubbles {height:288px; background:#FFF url(images/box-bg-bubbles.png) bottom left repeat-x} .box#box-double, .box-bubbles#box-double {width:458px; margin-right:0px; height:auto} .box-content {padding:12px 14px 12px 14px; background-position:bottom right; background-repeat:no-repeat} .box big, .box-bubbles big {padding:0px 0px 13px 0px} .box .button-big, .box .button-small, .box-bubbles .button-big, .box-bubbles .button-small {position:absolute; bottom:17px; left:14px} #breadcrumb {padding:0px 0px 20px 0px; font-size:12px} #breadcrumb a {padding:0px 12px 0px 0px; background:url(images/bullet-arrows.png) right -292px no-repeat} #breadcrumb a:visited {color:#0063C8} #box-helpcentre {width:458px; height:288px; font-size:13px; line-height:1.3} #box-helpcentre .box-content {height:264px; background-image:url(images/box-helpcentre.png)} #box-helpcentre ul {padding:9px 0px 0px 0px} #box-helpcentre ul li {padding:0px 0px 20px 40px; background:url(images/box-helpcentre-icons.png) 0px 1px no-repeat} #box-helpcentre ul li a {font-size:14px; font-weight:bold; display:block} #box-helpcentre ul li.faq {background-position:0px -57px} #box-helpcentre ul li.qualify {background-position:0px -113px} #box-helpcentre .button-big {width:202px} #box-disclaimer .box-content {padding-bottom:15px; font-weight:bold} #box-disclaimer .box-content em {font-size:18px; font-style:normal} * html #box-disclaimer {margin-right:-3px} #box-stories {background-position:0px 220px} #box-stories .box-content {height:269px} .box-story {width:190px; padding:6px 14px 0px 14px; background:#FFF url(images/box-stories.png) 8px 0px no-repeat; position:absolute; top:44px; left:0px} .box-story span {height:61px; padding:20px 0px 0px 77px; /*background:url(images/box-stories-photos.png) 6px 6px no-repeat;*/ display:block; overflow:hidden; margin-top:-80px; position:absolute} .box-story span strong {display:block} .box-story#box-story-two span {background-position:6px -94px} .box-story#box-story-three span {background-position:6px -194px} .box-story p {padding:4px 0px 0px 0px; display:block} #box-accreditations .box-content {height:264px} #box-accreditations .box-content p {height:140px; padding:85px 0px 0px 0px; background:url(images/box-accreditations.png) 12px 0px no-repeat} #box-howitworks .box-content {height:205px; background-image:url(images/box-howitworks.png)} #box-awards .box-content p {height:152px; padding:79px 2px 0px 0px; margin:0px -2px 0px 0px; background:url(images/box-awards.png) 0px 3px no-repeat} #box-awards-home .box-content {height:264px} #box-awards-home .box-content p {height:140px; padding:85px 2px 0px 0px; margin:0px -2px 0px 0px; background:url(images/box-awards.png) 0px 3px no-repeat} #box-toptips .box-content {height:205px; background-image:url(images/box-toptips.png)} #box-videos .box-content {height:205px; background-image:url(images/box-videos.png)} #box-tools .box-content {height:205px; background-image:url(images/box-tools.png)} #box-about .box-content p {height:152px; padding:132px 7px 0px 7px; margin:-10px -7px 0px -7px; background:url(images/box-about.jpg) 0px 0px no-repeat} #box-disclaimerform .box-content {height:205px} #box-disclaimerform .box-content strong {padding:0px 0px 12px 0px; display:block} #box-cta {width:458px; height:191px; margin:15px 0px 20px 0px; left:25%} #box-cta .box-content {width:444px; padding-right:0px; height:167px; background:url(images/box-cta.png) 13px 48px no-repeat} #box-cta span {padding:7px 215px 0px 67px; font-family:'PT Sans Narrow', 'Arial Narrow'; font-size:25px; font-weight:700; line-height:1; color:#FFF; display:block; letter-spacing:-0.04em\9} #box-cta a.button-big {background-position:right -74px; position:absolute; top:62px; left:241px} #box-cta ul#call {top:130px; left:13px} #box-cta ul#call a{text-decoration:none; font-size:25px; padding-left:25px;} .nav-left {width:222px; padding:0px 0px 20px 0px; float:left} .nav-left big {padding:10px 0px 12px 0px; font-size:23px; font-weight:normal} .nav-left h3 {padding:1px 0px 15px 0px; margin:0px; font-size:25px} .nav-left ul li a {height:1%; padding:13px 13px 13px 33px; background:url(images/nav-left-bg.png) 0px 0px no-repeat; text-decoration:none; line-height:1.3; display:block; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px} .nav-left ul li a.active {padding:12px 12px 13px 32px; margin-bottom:-1px; background-position:0px -80px; border:1px solid #AFD7F2; color:#000} #box-example {width:458px; height:340px; margin:15px 0px 26px 0px; line-height:1.3} #box-example h2 {margin:0px 0px 10px 0px} #box-example small {padding:12px 0px 0px 0px; font-size:12px; line-height:1.35; display:block} #box-example small a {color:#000} #example {width:430px; height:184px; background:url(images/box-example.png) 0px 0px no-repeat; position:relative} #example .chart {position:absolute; top:14px; left:121px} #example .chart td {padding:2px 0px 0px 0px; margin:0px} #example .chart td.titles {width:116px} #example .chart td.figures {width:80px} #example .chart td.total {width:105px; font-size:15px; text-align:center} #example .chart td.total b {font-size:18px} #example .result {width:176px; font-size:13px; position:absolute; top:99px; left:14px} #example .result strong {height:28px; display:block} #example .result#after {left:233px} #example .monthly {width:100px; padding:0px 0px 0px 10px; vertical-align:middle; line-height:1.3} #example .payment {padding:0px 0px 0px 10px; text-align:right; vertical-align:middle; font-size:23px; font-weight:bold} .logos {width:460px; height:125px; background:url(images/awards-charity.png) 0px 0px no-repeat} .logos#awards {background-position:0px -200px} .logos#charity {background-position:0px -406px} #aboutus-photos {height:252px; margin-bottom:-30px; background:url(images/aboutus-photos.jpg) top right no-repeat} #fact {width:388px; padding:10px 10px 8px 60px; margin:8px 0px 20px 0px; border:1px solid #6CD3FA; background:#FFF url(images/fact-bg.png) 0px 0px repeat-x; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:relative} #fact big {height:40px; padding:7px 0px 0px 00px; background:url(images/fact-icon.html) 0px 0px no-repeat; color:#329EAD} #fact p {padding:0px 0px 10px 0px; font-size:15px; line-height:1.2} .apr {font-size:19px} /* DEBT MANAGEMENT SUB-PAGES */ ul.bullet-dm {padding:4px 0px 12px 0px} ul.bullet-dm li {padding:0px 0px 25px 0px} ul.bullet-dm li big {padding:12px 0px 16px 50px; color:#659E16; background:url(images/bullet-dm.png) 0px 0px no-repeat; display:block} ul.bullet-dm li big.charges {background-position:0px -100px} ul.bullet-dm li big.help {background-position:0px -194px} ul.bullet-dm li big.flexible {background-position:0px -297px} ul.bullet-dm li big.repay {background-position:0px -392px} #howitworks-intro {padding-right:135px; background:url(images/howitworks-intro.png) right 10px no-repeat} .howitworks-title {height:45px; padding:14px 0px 0px 45px; margin:0px; background:url(images/howitworks-title.png) 0px 4px no-repeat; font-size:29px} .howitworks-title#lender {background-position:0px -96px} .howitworks-title#pfm {background-position:0px -196px} .pfm-photo {padding:0px 11px 5px 0px; margin:0px 0px 0px -9px; float:left} .pfm-photo img {width:230px; height:221px} .different-photo {padding:6px 170px 0px 0px; background:url(images/different-photo.jpg) top right no-repeat} .different-photo#experience {padding:6px 0px 0px 170px; background-position:-2px -310px} .different-photo#value {padding:6px 170px 30px 0px; background-position:right -624px} .reasons-title {height:48px; padding:7px 0px 0px 0px; margin:0px; background:url(images/reasons-title.png) 0px 4px no-repeat; font-size:29px; line-height:1.2} .reasons-title span {padding:0px 22px 0px 14px; color:#FFF; text-shadow:1px 1px #000} .reasons-title#toptip2 {background-position:0px -91px} .reasons-title#toptip3 {background-position:0px -185px} .reasons-title#toptip4 {background-position:0px -278px} .reasons-title#toptip5 {background-position:0px -373px} /* DEBT HELP AND ADVICE SUB-PAGES */ #toptips-intro {padding-right:145px; background:url(images/toptips-intro.png) right 10px no-repeat} .toptips-title {height:48px; padding:7px 0px 0px 0px; margin:0px; background:url(images/toptips-title.png) 0px 5px no-repeat; font-size:29px; line-height:1.2} .toptips-title span {padding:0px 22px 0px 15px; color:#00194C; text-shadow:1px 1px #FFF} .toptips-title#toptip2 {background-position:0px -90px} .toptips-title#toptip3 {background-position:0px -184px} .toptips-title#toptip4 {background-position:0px -277px} .toptips-title#toptip5 {background-position:0px -372px} .saving-title {height:65px; padding:0px 0px 0px 55px; margin:0px; background:url(images/saving-title.png) 0px 4px no-repeat; font-size:29px} .saving-title span {padding:1px 0px 0px 0px; font-size:19px; color:#0063C8; display:block} .saving-title#leisure {background-position:0px -90px} .saving-title#travel {background-position:0px -180px} .saving-title#income {height:83px; background-position:0px -273px} #helpadvice-intro {padding-right:150px; background:url(images/helpadvice-intro.png) right 10px no-repeat} #saving-intro {padding-right:150px; background:url(images/saving-intro.png) 310px 10px no-repeat} .guides {padding:0px 130px 25px 0px; background:url(images/guides-bg.png) right top no-repeat} .guides#debtguide {background-position:right -248px } .guides#budgetguide {background-position:right -497px} .guides a.button-small {width:134px} /* DEBT SOLUTIONS */ .solutions {padding:0px 0px 15px 0px} .solutions a.button-small {width:134px} .solutions h2.scotland {background:url(images/solutions-scotland.png) right 2px no-repeat} /* BUTTONS */ a.button-big, a:visited.button-big, a.button-small, a:visited.button-small {width:179px; height:35px; padding:6px 0px 0px 11px; display:block; background:url(images/buttons-bg.png) right 0px repeat-x; font-size:20px; font-family:'PT Sans Narrow', 'Arial Narrow'; font-weight:700; line-height:1.3; text-decoration:none; color:#FFF; overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-shadow:0px 1px #1D305D; letter-spacing:-0.03em\9} a.button-small, a:visited.button-small {width:99px; height:28px; padding:5px 0px 0px 11px; background-position:right -41px; font-size:17px} /* SOLUTION FINDER */ #solution-finder {width:250px; height:303px; margin:-8px -15px 15px 0px; float:left; background:url(images/solution-bg.png) 0px 0px no-repeat; position:relative; overflow:hidden} #solution-finder big {color:#FFF; font-size:24px; line-height:1.4; position:absolute; top:15px; left:44px} #solution-finder p {width:220px; height:43px; font-family:'PT Sans Narrow', 'Arial Narrow'; font-size:16px; line-height:1.2; color:#C4E4FF; position:absolute; top:0px; left:0px} #solution-finder label {font-size:16px; color:#FFF; line-height:1; position:absolute; top:-22px; left:0px; visibility:hidden} #solution-finder a.solution-next {width:169px; height:35px; padding:6px 0px 0px 11px; background:url(images/solution-but-next.png) 0px 0px no-repeat; font-size:20px; font-family:'PT Sans Narrow', 'Arial Narrow'; font-weight:700; line-height:1.3; text-decoration:none; color:#FFF; text-shadow:0px 1px #762B00; letter-spacing:-0.03em\9; overflow:hidden; position:absolute; top:188px; left:20px} #solution-finder a.solution-back {width:20px; height:15px; background:url(images/solution-but-back.png) 6px 0px no-repeat; position:absolute; top:211px; left:-7px} #solution-finder a:hover.solution-back {background-position:6px -16px} #solution-finder-1 {width:220px; height:230px; background:url(images/solution-line.png) 0px 50px repeat-x; position:absolute; top:51px; left:15px} #solution-finder-1 label {top:68px; visibility:visible} #solution-finder-slider {width:220px; height:35px; background:url(images/solution-fields.png) 0px -91px no-repeat; position:absolute; top:96px; left:0px} #solution-finder-button {width:54px; height:35px; background:url(images/solution-but-slide.png) 0px 0px no-repeat; cursor:pointer; position:absolute; top:0px; left:0px} #solution-finder-total {width:106px; height:30px; padding:2px 0px 0px 0px; font-size:20px; font-weight:bold; color:#000label ; background:url(images/solution-fields.png) -57px -130px no-repeat; text-align:center; position:absolute; top:137px; left:57px} .solution-finder-toolinfo {width:19px; height:19px; position:absolute; top:66px; right:0px} .solution-finder-tooltip {width:164px; height:179px; padding:21px 28px 0px 24px; font-family:'PT Sans Narrow', 'Arial Narrow'; font-size:16px; line-height:1.25; background:url(images/solution-tooltip.png) 0px 0px no-repeat; position:absolute; top:-75px; right:19px} .solution-finder-tooltip b {padding:0px 0px 6px 0px; font-size:17px; display:block} #solution-finder-2 {width:220px; height:230px; position:absolute; top:51px; left:260px} #solution-finder-2 #solution-location {position:absolute; top:52px; left:1px} #solution-finder-2 #solution-resident {position:absolute; top:96px; left:1px} #solution-finder-2 #solution-employment {position:absolute; top:140px; left:1px} #solution-finder-2 select {font-size:16px; margin:3px 0px 0px 0px} #solution-finder-2 .select {width:180px; height:29px; padding:0px 30px 0px 8px; color:#000; font-size:16px; font-family:Arial, Helvetica, sans-serif; line-height:1.75; background:url(images/solution-fields.png) 0px 0px no-repeat; overflow:hidden; position:absolute} #solution-finder-3 {width:220px; height:230px; position:absolute; top:304px; left:260px} #solution-finder-3 span {width:103px; height:30px; background:url(images/solution-fields.png) 0px -199px no-repeat; position:absolute; display:block} #solution-finder-3 input {width:87px; height:29px; padding:0px 8px 0px 8px; margin:0px; border:0px; background:transparent; color:#000; font-size:16px; font-family:Arial, Helvetica, sans-serif; line-height:1.75; overflow:hidden; position:absolute} #solution-finder-3 #solution-firstname {top:45px; left:1px} #solution-finder-3 #solution-surname {top:45px; left:116px} #solution-finder-3 #solution-telephone {width:220px; background-position:0px -249px; top:85px; left:1px} #solution-finder-3 #solution-telephone input {width:202px} #solution-finder-3 #solution-email {width:220px; background-position:0px -249px; top:125px; left:1px} #solution-finder-3 #solution-email input {width:202px} #solution-finder-3 #solution-privacy {width:190px; height:27px; padding:2px 0px 0px 3px; font-size:15px; color:#fff; background:none; top:160px} #solution-finder-3 #solution-privacy .checkbox {width:29px; height:29px; background:url(images/solution-checkbox.png) 0px 0px no-repeat; display:block; position:absolute; top:0px; left:1px} #solution-finder-3 #solution-privacy a {color:#FFF} #solution-finder-3 #solution-submit {width:180px; height:41px; background:none; position:absolute; top:198px; left:20px} #solution-finder-3 #solution-submit input {width:180px; height:41px; padding:0px} /* SOLUTION FINDER FULL */ #solution-finder-full {width:460px; height:548px; margin:15px 0px 20px 0px; float:left; background:url(images/solution-full-bg.png) 0px 0px no-repeat; position:relative} #solution-finder-full big {color:#FFF; font-size:27px; line-height:1.4; position:absolute; top:5px; left:90px} #solution-finder-full p {width:340px; height:43px; font-family:'PT Sans Narrow', 'Arial Narrow'; font-size:16px; line-height:1.15; color:#C4E4FF; position:absolute; top:42px; left:90px} #solution-finder-full label {font-size:16px; color:#000; line-height:1; position:absolute; top:0px; left:0px; visibility:hidden} #solution-finder-full label#total {top:115px; left:16px; visibility:visible} #solution-finder-full-slider {width:288px; height:35px; background:url(images/solution-full-fields.png) 0px -89px no-repeat; position:absolute; top:143px; left:16px} #solution-finder-full-total {width:124px; height:30px; padding:2px 0px 0px 0px; font-size:20px; font-weight:bold; color:#FFF; background:url(images/solution-full-fields.png) 0px -130px no-repeat; text-align:center; position:absolute; top:142px; left:320px} #solution-finder-full .solution-finder-toolinfo {top:113px; left:185px} #solution-finder-full .solution-finder-tooltip {padding:21px 24px 0px 28px; background:url(images/solution-full-tooltip.png) 0px 0px no-repeat; top:-113px; right:-216px} #solution-finder-full #solution-location {position:absolute; top:202px; left:16px} #solution-finder-full #solution-resident {position:absolute; top:246px; left:16px} #solution-finder-full #solution-employment {position:absolute; top:290px; left:16px} #solution-finder-full select {width:206px; font-size:15px; margin:3px 0px 0px 0px} #solution-finder-full .select {width:168px; height:29px; padding:0px 30px 0px 8px; color:#FFF; font-size:15px; font-family:Arial, Helvetica, sans-serif; line-height:1.75; background:url(images/solution-full-fields.png) 0px 0px no-repeat; overflow:hidden; position:absolute} * html #solution-finder-full .select, * html #solution-finder .select {background:none} * html #solution-finder-full select, * html #solution-finder select {margin-top:0px; background:#043C72; color:#FFF; font-size:16px} #solution-finder-full span {width:206px; height:30px; background:url(images/solution-full-fields.png) 0px -49px no-repeat; position:absolute; display:block} #solution-finder-full input {width:190px; height:29px; padding:0px 8px 0px 8px; margin:0px; border:0px; background:transparent; color:#FFF; font-size:15px; font-family:Arial, Helvetica, sans-serif; line-height:1.75; overflow:hidden; position:absolute} #solution-finder-full #solution-firstname {left:238px; top:202px} #solution-finder-full #solution-surname {left:238px; top:246px} #solution-finder-full #solution-telephone {left:238px; top:290px} #solution-finder-full #solution-email {left:16px; top:337px} #solution-finder-full #solution-privacy {width:190px; height:27px; padding:2px 0px 0px 3px; font-size:15px; color:#FFF; background:none; top:337px; left:238px} #solution-finder-full #solution-privacy .checkbox {width:29px; height:29px; background:url(images/solution-checkbox.png) 0px 0px no-repeat; display:block; position:absolute; top:0px; left:1px} #solution-finder-full #solution-privacy a {color:#FFF} #solution-finder-full #solution-submit {width:206px; height:41px; background:none; position:absolute; top:383px; left:127px} #solution-finder-full #solution-submit input {width:206px; height:41px; padding:0px} #solution-finder-full #solution-disclaimer {width:400px; color:#c4e4ff; line-height:1.3; position:absolute; top:452px; left:31px} #solution-finder-full #solution-disclaimer strong {padding:0px 0px 7px 21px; color:#FFF; display:block} /* RESULTS */ #results-intro {padding:0px 0px 10px 0px; font-size:16px} #results-intro strong {padding:3px 0px 4px 0px; font-size:19px; display:block} .results-main {padding:0px 0px 20px 0px; background:url(images/results-shadow.png) bottom left no-repeat} .results-main span {width:401px; padding:11px 280px 10px 15px; border:2px solid #B0D6F0; display:block; position:relative; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px} .results-main ul {padding:3px 0px 7px 0px; font-weight:bold} .results-main ul li {height:100%; padding:0px 0px 7px 22px; background:url(images/bullet-ticks.png) 0px 3px no-repeat} .results-main .results-main-links {width:238px; font-family:'PT Sans Narrow', 'Arial Narrow'; font-weight:700; line-height:1; position:absolute; top:15px; right:20px} .results-main .results-main-links big {padding:0px 0px 10px 0px; font-size:21px; color:#EF7A10} .results-main .results-main-links a {width:166px; height:72px; padding:10px 10px 0px 62px; margin:0px 0px 13px 0px; font-size:14px; text-decoration:none; color:#327BD3; font-weight:normal; display:block; background:url(images/results-buttons.png) 0px 0px no-repeat} .results-main .results-main-links a strong {padding:0px 0px 7px 0px; font-size:20px; color:#004798; display:block} .results-main .results-main-links a.results-main-callback {background-position:0px -83px} .results-main .results-main-number {padding:0px 0px 0px 26px; margin:-2px 0px 0px 0px; font-size:17px; color:#3F83D4; font-weight:400; background:url(images/results-buttons.png) 0px -310px no-repeat; display:block} .results-main .results-main-number strong {font-size:36px; color:#004798; line-height:0.95; white-space:nowrap} .results-other {width:700px; height:33px; margin-bottom:20px; font-size:25px; font-weight:400; color:#3677C1; border-bottom:1px solid #AFD7F2} .results-sub {width:413px; padding:0px 270px 10px 17px; margin:0px 0px 20px 0px; font-size:13px; line-height:1.3; border-bottom:1px solid #AFD7F2; position:relative} .results-sub h2 {margin:0px 0px 12px 0px} .results-sub ul {padding:0px 0px 7px 0px; font-weight:bold} .results-sub ul li {height:100%; padding:0px 0px 8px 22px; background:url(images/bullet-ticks.png) 0px 1px no-repeat} .results-sub .results-sub-links {width:225px; font-family:'PT Sans Narrow', 'Arial Narrow'; font-weight:700; line-height:1; position:absolute; top:5px; right:0px} .results-sub .results-sub-links big {padding:0px 0px 10px 0px; font-size:21px; color:#EF7A10} .results-sub .results-sub-links a {width:153px; height:34px; padding:11px 0px 0px 50px; margin:0px 0px 13px 0px; font-size:19px; text-decoration:none; color:#004798; font-weight:bold; display:block; background:url(images/results-buttons.png) 0px -166px no-repeat} .results-sub .results-sub-links a.results-sub-callback {background-position:0px -212px} .results-sub .results-sub-number {padding:0px 0px 0px 24px; margin:-2px 0px 0px 0px; font-size:14px; color:#3F83D4; font-weight:400; background:url(images/results-buttons.png) 0px -264px no-repeat; display:block} .results-sub .results-sub-number strong {font-size:31px; color:#004798; line-height:0.95; white-space:nowrap; letter-spacing:-0.04em\9} .results-info {padding:0px 0px 40px 43px; background:url(images/results-buttons.png) 0px -363px no-repeat; font-size:15px; line-height:1.3} .box#results-disclaimer {width:698px; margin-right:0px; float:none} /* CUSTOMER STORIES */ #customer-intro {padding:0px 205px 10px 0px; background:url(images/customer-intro.jpg) right 5px no-repeat} .customer-story {padding:0px 0px 15px 58px; margin:0px 0px 15px 0px; background:url(images/customer-story.png) 0px 3px no-repeat; border-bottom:1px solid #AFD7F2} .customer-story p {padding:0px 0px 4px 0px} .customer-story story {display:block} .customer-videos {padding:16px 0px 0px 0px; margin-right:-2px} .customer-videos iframe {margin:0px 0px 10px 0px; border:1px solid #AFD7F2} /* CONTACT US */ #box-contact {width:458px; margin:10px 0px 20px 0px} #box-contact big {height:50px; padding:0px 0px 0px 40px; font-size:28px; background:url(images/contact-icon.png) 0px 0px no-repeat} #box-contact .box-content {height:354px; background-image:url(images/contact-bg.png)} #box-contact .box-content1 {height:360px; background-image:url(images/contact-bg.png)} #box-contact label {width:120px; height:25px; padding:3px 0px 0px 63px; white-space:nowrap; display:block; font-size:16px; float:left} #box-contact select, #box-contact input {width:172px; padding:4px; margin:0px 0px 10px 0px; border:1px solid #7F9DB9; font-size:15px; float:left; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px} #box-contact select {width:182px; padding:3px} #box-contact #contact-privacy {width:222px; padding:0px 0px 0px 132px; margin:14px 0px 12px 0px; position:relative} #box-contact #contact-privacy a {color:#000} #box-contact #contact-privacy input {width:auto; padding:0px; margin:0px; border:0px; position:absolute; top:5px; left:112px} #box-contact #contact-button input {width:206px; height:41px; padding:0px; margin:0px 0px 0px 111px; border:0px} #contact-numbers {width:230px; padding:0px 0px 10px 0px; float:left} #contact-numbers ul {font-family:'PT Sans Narrow', 'Arial Narrow'; font-size:28px; font-weight:700; line-height:1; letter-spacing:-0.02em; white-space:nowrap; color:#00418B} #contact-numbers ul li {padding:0px 0px 6px 20px; background:url(images/contact-numbers.png) 0px 0px no-repeat} #contact-numbers ul li.contact-mobile {background-position:1px -50px} #contact-hours {width:230px; padding:0px 0px 10px 0px; float:left} #contact-photo {height:190px; padding:0px 150px 0px 0px; background:url(images/contact-photo.jpg) top right no-repeat; clear:both} #contact-photo h3 {padding-top:10px; margin-top:0px} #contact-map iframe {border:1px solid #AFD7F2} #contact-map a {padding:0px 0px 20px 0px; font-size:12px; display:block} /* THANK YOU */ #thankyou-questions .box-bubbles {margin:10px 0px 26px 0px} #thankyou-questions .box-bubbles big {font-size:21px} /* BANKING */ #banking-intro {padding-right:175px; background:url(images/banking-intro.png) top right no-repeat} #banking-howitworks {width:460px; height:418px; margin:12px 0px 13px 0px; font-size:12px; position:relative; background:url(images/banking-howitworks.png) 0px 0px no-repeat} #banking-howitworks p {width:215px; padding:0px 0px 0px 3px; position:absolute; top:10px; left:10px} #banking-howitworks p big {height:46px; width:300px; padding:3px 0px 0px 38px; margin:0px 0px 0px -3px; white-space:nowrap; display:block; font-size:24px; color:#2869BD; background:url(images/banking-howitworks-steps.png) 0px 0px no-repeat} #banking-howitworks p#two {top:148px} #banking-howitworks p#two big {color:#9A2D25; background-position:0px -74px} #banking-howitworks p#three {top:286px} #banking-howitworks p#three big {color:#3E7C1C; background-position:0px -148px} dl {width:460px; padding:0px 0px 23px 0px} dt {height:45px; width:460px; margin:8px 0px 0px 0px; background:url(images/banking-benefits.png) 0px 0px no-repeat} dt a {height:45px; width:460px; display:block; text-decoration:none; position:relative} dt a h3 {padding:11px 0px 0px 45px; margin:0px; font-size:20px; font-weight:400; color:#0063C8} dt big {font-size:30px; position:absolute; top:6px; left:10px} dd {padding:11px 11px 4px 45px; margin:-6px 0px 0px 0px; background:url(images/banking-benefits.png) bottom left no-repeat} #fairbanking {width:283px; padding-right:177px; margin:5px 0px 5px 0px; position:relative} #fairbanking img {position:absolute; top:0px; right:0px} /* NEWS AND GUIDES */ #news-guides-container {width:940px; float:left} #news-guides-container .box-bubbles {width:458px; height:auto} #news-guides-container .box-bubbles ul a {font-weight:bold} #news-guides-container .box-bubbles ul span {padding:1px 4px 1px 4px; margin:0px 5px 0px 0px; font-size:12px; font-weight:bold; color:#FFF; background:#D97A15} #news-guides-container .box-bubbles .button-small {width:119px} #news-guides-container .box-bubbles .box-content { padding-bottom:54px} #news-guides-container #box-guides {margin-right:0px; background-position:bottom right} .article-big {padding:0px 0px 30px 0px; margin:0px 0px 30px 0px; border-bottom:1px solid #afd7f2} .article-big img {width:150px; height:100px; padding:9px; margin:0px 0px 9px 9px; border:1px solid #ABABAB; float:right} .article-big h1 a, .article-big h1 a:visited, .article-small h2 a, .article-small h2 a:visited {color:#004798; text-decoration:none} .article-big a.article-link, .article-small a.article-link {padding:0px 0px 0px 11px; margin-top:8px; font-weight:bold; background:url(images/bullet-arrows.png) -3px -194px no-repeat; display:block} .article-small {padding:0px 0px 30px 0px; margin:0px 0px 30px 0px; border-bottom:1px solid #afd7f2} .article-small img {width:150px; height:100px; padding:9px; margin:0px 0px 9px 9px; border:1px solid #ABABAB; float:right} .article-small h2 {margin-top:0px} .article-date {padding:0px 0px 8px 23px; color:#000; font-weight:bold; background:url(images/article-date.png) 0px 0px no-repeat} .article-pagenation {height:50px; font-weight:bold} .article-pagenation li {padding-right:3px; float:left} .article-pagenation li a {padding:4px 6px 4px 6px; background:#e4f2fb; text-decoration:none; display:block; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px} .article-pagenation li a:hover,.article-pagenation li a.selected {background:#62a92d; color:#FFF} .article-pagenation li#article-previous a {padding:4px 11px 4px 11px; background:#FFF url(images/bullet-arrows.png) -3px -389px no-repeat; text-decoration:underline} .article-pagenation li#article-next a {padding:4px 15px 4px 11px; background:#FFF url(images/bullet-arrows.png) right -191px no-repeat; text-decoration:underline} .article-pagenation li#article-previous a:hover, .article-pagenation li#article-previous a:visited, .article-pagenation li#article-next a:hover, .article-pagenation li#article-next a:visited {color:#0063C8} .article-page img {width:200px; height:140px; padding:12px; margin:0px 0px 25px 25px; border:1px solid #ABABAB; float:right} .article-social {height:42px} .article-social span {padding:0px 8px 0px 0px; float:left; display:block} /* FOOTER */ #footer-container {width:100%; font-size:13px; clear:both; background:#FFF url(images/footer-bg-gradient.png) 0px 0px repeat-x} #footer { width:980px; height:62px; margin:0px auto; background:#F87C00 url(images/footer-bg.png) bottom left repeat-x; position:relative; border-top:1px solid #FFF; -webkit-border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; border-bottom-right-radius:5px } #footer a {color:#FFF; text-decoration:none; } #footer a:visited {color:#FFF} #footer a:hover {text-decoration: underline} #footer li.end {margin:0px} #footer li.end a {padding:0px; border:0px} #footer-top {width:980px; height:57px; overflow:hidden; border-bottom:1px solid #C36500} #footer-top ul {position:absolute; top:19px; left:20px} #footer-top ul li {margin:0px 12px 0px 0px; float:left} #footer-top ul li a {padding:0px 12px 0px 0px; display:block; border-right:1px solid #ffffff} #footer-top ul li:last-child a {padding:0px 12px 0px 0px; display:block; border-right:0px} #footer-top ol {position:absolute; top:14px; right:20px} #footer-top ol li {width:29px; height:29px; margin:0px 14px 0px 0px; float:left; background:#CC6699} #footer-top ol li a {width:29px; height:29px; display:block} #footer-bottom {width:980px; border-top:1px solid #FCA344} #footer-bottom ul {width:260px; position:absolute; top:80px; left:20px} #footer-bottom ul li a {height:20px; padding:0px 0px 0px 25px; color:#ffffff; display:block} #footer-bottom ul li a:visited {color:#ffffff} #footer-bottom ul a.footer-title {height:35px; font-size:25px; font-family:'PT Sans Narrow', 'Arial Narrow'; font-weight:bold; background:url(images/footer-icons.png) 0px 4px no-repeat; line-height:1; color:#FFF; letter-spacing:-0.04em\9} #footer-bottom ul a:visited.footer-title {color:#FFF} #footer-bottom ul#footer-help {width:240px; left:295px} #footer-bottom ul#footer-help a.footer-title {background-position:0px -94px} #footer-bottom ul#footer-solutions {width:220px; left:540px} #footer-bottom ul#footer-solutions a.footer-title {background-position:0px -196px} #footer-bottom ul#footer-about {width:190px; left:770px} #footer-bottom ul#footer-about a.footer-title {background-position:0px -296px} #footer-disclaimer {width:615px; height:105px; padding:25px 350px 0px 15px; margin:0px auto; font-size:11px; background:url(images/footer-slogan.png) 640px 20px no-repeat} /* POPUP */ .body-popup {padding:120px 10px 10px 10px; background:none} .body-popup #header {width:100%; height:110px; background:url(images/body-bg.png) 0px -8px repeat-x} .body-popup #header a#logo {top:24px} .body-popup .box#box-casestudy {width:100%; margin-bottom:11px; float:none} .body-popup .box#box-casestudy table {width:100%; border-collapse:collapse} .body-popup .box#box-casestudy table td {padding:3px} .body-popup .box#box-casestudy table td big {font-size:21px} .body-popup .box#box-casestudy table td ul li {padding:0px 0px 0px 10px; list-style:disc inside} /* TOOLS */ .body-tools {padding:11px 10px 11px 10px; background:#E4F0F9} #calculator-intro {padding:0px 180px 20px 0px; background:url(images/creditcalc-intro.png) 305px 10px no-repeat} #calculator-intro p {padding-bottom:20px} #box-calculator {width:458px; margin:0px; line-height:1.3; background:#FFF} #box-calculator h1 {margin:0px 0px 10px 0px; font-size:26px} #box-calculator p {padding:0px 115px 16px 0px} #box-calculator .box-content {background:url(images/creditcalc-title.png) 350px 10px no-repeat} #box-calculator table {width:430px; background:#e9f3fb; white-space:nowrap; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px} #box-calculator table td {padding:10px} #box-calculator table td.left {width:284px} #box-calculator table td.or {padding:0px 10px 0px 10px; text-align:center} #box-calculator table input {width:100px} #box-calculator #calculator-buttons {padding:10px; text-align:center} #box-calculator #calculator-buttons input {font-size:18px} #budget-intro {padding:0px 180px 20px 0px; background:url(images/budget-intro.png) 305px 6px no-repeat} #budget-intro p {padding-bottom:20px} #budget-calc {width:700px; margin:0px auto} #budget-calc h1 {width:700px; height:50px; padding:11px 0px 2px 0px; margin:-11px 0px 0px 0px; background:url(images/budget-intro.png) 531px -31px no-repeat; float:left} #budget-nav {width:700px; height:70px; float:left} #budget-nav li {height:70px; float:left} #budget-box {width:668px; padding:0px 15px 15px 15px; background:#FFF; border:1px solid #afd7f2; border-top:0px; float:left; -webkit-border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; border-bottom-right-radius:5px} #budget-box h2 {font-weight:400} #budget-figures {height:30px; float:right} #budget-table {background:#e9f3fb; float:left; white-space:nowrap; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px} #budget-table input, #budget-table select {width:100px; padding:3px} #budget-table select {width:90px} #budget-table input.additional {width:194px} #budget-table h3 {padding:10px 0px 10px 0px; margin:10px 0px 0px 0px; font-size:20px; font-weight:400; border-top:1px solid #afd7f2} #budget-table table {width:648px; margin:10px; float:left} * html #budget-table table {width:628px} #budget-table table td {padding:5px} #budget-table .budget-buttons {padding:15px 0px 10px 0px; margin:10px 0px 0px 0px; text-align:right; border-top:1px solid #afd7f2} #budget-table .budget-buttons input {width:130px} #budget-table #budget-total {text-align:right; font-size:18px} #budget-table .budget-result {width:400px; font-size:15px} #budget-table big {padding:0px 0px 6px 0px; font-size:22px; border-bottom:1px solid #afd7f2} #budget-table big em {font-weight:normal; font-style:normal} #budget-clear {height:20px; clear:both} /*New*/ #utilities-links1 {color:#A6D5FF; font-size:12px; position:absolute; top:8px; left:7px} #utilities-links1 ul{padding:0px; margin:0px; float:left} #utilities-links1 ul li{list-style:none; display:inline; color:#A6D5FF; font-size:12px; float:left; border-right:solid 1px #A6D5FF;} #utilities-links1 ul li:last-child{list-style:none; display:inline; color:#A6D5FF; font-size:12px; float:left; border-right:0px} #utilities-links1 li a {padding:0px 12px 0px 12px; color:#004798} .entry-title{float:left; width:460px;} .entry-title a{text-decoration:none; color:#23B0C4;} .entry-title a:hover{text-decoration:none; color:#23B0C4;} .entry-content{float:left} .result .results-main-number { background: url("images/results-buttons.png") no-repeat scroll 0 -310px transparent; color: #3F83D4; display: block; font-size: 17px; font-weight: 400; margin: -2px 0 0; padding: 0 0 0 26px; } .result .results-main-links a.results-main-callback { background-position: 0 -83px; } .result .results-main-links a { background: url("images/results-buttons.png") no-repeat scroll 0 0 transparent; color: #327BD3; display: block; font-size: 14px; font-weight: normal; height: 72px; margin: 0 0 13px; padding: 10px 10px 0 62px; text-decoration: none; width: 166px; } .result .results-main-number strong { color: #004798; font-size: 36px; line-height: 0.95; white-space: nowrap; } .result .results-main-links { font-family: 'PT Sans Narrow','Arial Narrow'; font-weight: 700; line-height: 1; /* position: absolute; right: 20px; top: 15px;*/ width: 403px; padding: 11px 280px 10px 15px; } .result span { border-radius: 4px 4px 4px 4px; display: block; padding: 11px 280px 10px 15px; position: relative; width: 401px; } .result { background: url("images/results-shadow.png") no-repeat scroll left bottom transparent; padding: 0 0 20px; } .result ul li { background: url("images/bullet-ticks.png") no-repeat scroll 0 3px transparent; height: 100%; padding: 0 0 7px 22px; } .nav-left{ float: left; padding: 0 0 20px; width: 222px; } .nav-left ul li.current_page_item a{ background-position: 0 -80px; border: 1px solid #AFD7F2; color: #000000; margin-bottom: -1px; padding: 12px 12px 13px 32px; } .left_links ul{padding:0px; margin:0px;} .left_links ul li{list-style:none; float:left; border-bottom:solid 1px #C8C8C8; height:auto; width:194px; padding-left:14px; font-size:14px; color:#335C8E; text-align:left; padding-top:8px;} .left_links ul li:last-child{list-style:none; float:left; border-bottom:0px; height:auto; width:194px; padding-left:14px; font-size:14px; color:#335C8E; text-align:left; padding-top:8px;} .left_links ul li a{color:#335C8E; text-decoration:none} .left_links ul li:hover{color:#335C8E; text-decoration:none; background-color:#ffffff} .left_links ul li.current_page_item{list-style:none; float:left; border-bottom:solid 1px #C8C8C8; height:auto; width:194px; padding-left:14px; font-size:14px; color:#335C8E; text-align:left; padding-top:8px;font-weight:bold; background-color:#ffffff}