/* Global */
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}
body {font-size:13px; font-family:Arial, Helvetica, sans-serif; line-height:1}
ol, ul {list-style:none}
table {border-collapse:separate; border-spacing:0}
caption, th, td {text-align:left; font-weight:normal}
blockquote:before, blockquote:after, q:before, q:after {content:""}
blockquote, q {quotes:"" ""}
hr {margin:10px 0px 10px 0px; border:0; border-bottom:1px dotted #999}
h1 {font-size:22px; font-weight:bold; margin:8px 0px 18px 0px}
h2 {font-size:19px; font-weight:normal; margin:18px 0px 10px 0px}
h3 {font-size:16px; font-weight:bold; margin:14px 0px 14px 0px}
h4 {font-size:14px; font-weight:bold; margin:30px 0px 8px 0px}
p  {font-size:1em; line-height:18px; margin:0px 0px 14px 0px}
strong {font-weight:bold}
ul.list {list-style:inside disc; margin:15px 0px 15px 0px}



/* Clearfix */
.clearfix:after {content:"."; height:0; clear:both; visibility:hidden; display:block}
.clearfix {display:inline-block}
* html .clearfix {zoom:1; display:block}



/* Container */
#container {width:878px; margin:0px auto}



/* Header */
#header {width:878px; height:94px; background:url(../images/header.png) -8px 0px no-repeat}



/* Navigation */
#nav {width:878px; height:42px; font-size:14px; font-weight:bold}
#nav li {padding:0px 0px 0px 5px; margin:0px 1px 0px 0px; background:url(../images/nav-buttons.png) 0px 0px no-repeat; display:block; float:left; text-align:center; line-height:2.9; white-space:nowrap}
#nav li a {height:42px; padding:0px 5px 0px 0px; text-decoration:none; color:#fff; overflow:hidden; background:url(../images/nav-buttons.png) 100% 0px no-repeat; display:block}
#nav li#nav-home {width:84px}
#nav li#nav-debts {width:159px}
#nav li#nav-mortgage {width:186px}
#nav li#nav-insurance {width:183px}
#nav li#nav-aboutus {width:113px}
#nav li#nav-contactus {width:118px; margin:0px}

#nav-sub {width:868px; height:47px; padding:0px 0px 0px 10px; font-weight:bold; background:#D7F7B3 url(../images/nav-bg.png) bottom no-repeat}
#nav-sub li {padding:0px 0px 0px 5px; margin:0px 1px 0px 0px; display:block; float:left; text-align:center; line-height:3.9; white-space:nowrap; background:url(../images/nav-buttons.png) 0px -174px no-repeat}
#nav-sub li a {height:47px; padding:0px 15px 0px 10px; text-decoration:none; color:#fff; overflow:hidden; display:block; background:url(../images/nav-buttons.png) 100% -174px no-repeat}
#nav-sub li.selected {background:url(../images/nav-buttons.png) 0px -126px no-repeat}
#nav-sub li.selected a {line-height:3.4; color:#000; background:url(../images/nav-buttons.png) 100% -126px no-repeat}

#nav-sub li#nav-sub-consolidation {width:150px}
#nav-sub li#nav-sub-management {width:145px}
#nav-sub li#nav-sub-iva {width:60px}
#nav-sub li#nav-sub-trustdeeds {width:105px}
#nav-sub li#nav-sub-debthelp {width:95px}
#nav-sub li#nav-sub-mortgage {width:125px}	
#nav-sub li#nav-sub-arrears {width:145px}
#nav-sub li#nav-sub-insurance {width:110px}
#nav-sub li#nav-sub-aboutus {width:100px}
#nav-sub li#nav-sub-contact {width:114px}
#nav-sub li#nav-sub-feedback {width:147px}
#nav-sub li#nav-sub-carfinance {width:100px}
#nav-sub li#nav-sub-bills {width:60px}
#nav-sub li#nav-sub-travel {width:80px}

.body-home #nav li#nav-home {background-position:0px -84px}
.body-home #nav li#nav-home a {background-position:100% -84px}
.body-home #nav-sub {display:none}

.body-debts #nav li#nav-debts {background-position:0px -42px}
.body-debts #nav li#nav-debts a {background-position:100% -42px; color:#377900}
.body-aboutus #nav li#nav-aboutus {background-position:0px -42px}
.body-aboutus #nav li#nav-aboutus a {background-position:100% -42px; color:#377900}
.body-mortgage #nav li#nav-mortgage {background-position:0px -42px}
.body-mortgage #nav li#nav-mortgage a {background-position:100% -42px; color:#377900}
.body-insurance #nav li#nav-insurance {background-position:0px -42px}
.body-insurance #nav li#nav-insurance a {background-position:100% -42px; color:#377900}
.body-contactus #nav li#nav-contactus  {background-position:0px -42px}
.body-contactus #nav li#nav-contactus a {background-position:100% -42px; color:#377900}



/* Content */
#content {width:838px; padding:4px 10px 10px 10px; border-left:10px solid #D7F7B3; border-right:10px solid #D7F7B3}
#content-left {width:595px; padding:0px 10px 20px 10px; margin:0px 10px 0px 0px; float:left}
* html #content-left {width:594px; margin:0px 9px 0px 0px}
#content-right {width:213px; float:left}
#content ul {margin:14px; line-height:18px; list-style:disc}
#content li {font-size:1em;  line-height:18px}

a.button {height:31px; text-decoration:none; padding-right:11px; color:#fff; font-size:14px; line-height:2.1; display:block; overflow:hidden; white-space:nowrap; background:url(../images/body-buttons.png) top right no-repeat}
a.button b {height:31px; padding:0px 0px 0px 11px; color:#fff; text-align:center; display:block; cursor:pointer; cursor:hand; background:url(../images/body-buttons.png) 0px -32px no-repeat}
a.button#debt_but {width:18em; background-position:left -90px}
a.button#debt_but b {background-position:right -60px}

.tracking {visibility:hidden}



/* Image */
#image-content {width:577px; padding:0px 19px 16px 19px; margin:0px -10px 18px -10px; background:url(../images/header-content.png) left bottom no-repeat; color:#FFF}
#image-content h1 {font-size:22px; padding:16px 19px 0px 19px; margin:0px -19px 14px -19px; background:url(../images/header-content.png) left top no-repeat}
#image-content ul {margin:0px 0px 16px 0px; padding:0px; list-style:none}
#image-content p {width:400px; font-size:13px; line-height:18px; margin:0px 0px 14px 0px}
#image-content li {font-size:13px; font-weight:bold; background:url(../images/list-tick.png) no-repeat; padding:0px 0px 4px 24px; margin:0px 0px 0px 0px}

a.image-button {height:39px; font-size:18px; text-decoration:none; padding-right:11px; color:#fff; line-height:2.1; display:block; overflow:hidden; white-space:nowrap; background:url(../images/image-button.png) top right no-repeat}
a.image-button b {height:39px; font-weight:normal; padding:0px 0px 0px 31px; color:#fff; display:block; cursor:pointer; cursor:hand; background:url(../images/image-button.png) bottom left no-repeat}



/* Call-back form */
#callback {width:529px; margin:25px 0px 30px 33px; font-size:12px; font-weight:bold}
#callback h2 {height:45px; padding:0px 0px 0px 20px; margin:0px; background:url(../images/form-bg.png) no-repeat; color:#fff; font-size:20px; line-height:1.9; font-weight:normal}
#callback form {padding:0px 12px 12px 12px; border-left:8px solid #62B612; border-right:8px solid #62B612; background:#fff; display:block}
#callback strong {width:529px; height:70px; background:url(../images/form-bg.png) left bottom no-repeat; display:block}

#callback label {width:90px; height:19px; margin:11px 0px 0px 2px; line-height:1.5; float:left; display:block}
#callback input, #callback select {width:123px; height:15px; margin:11px 50px 0px 0px; border:1px solid #7F9DB9; float:left; font-size:12px}
#callback select {width:126px; height:19px}
#callback input.last, #callback select.last {margin:11px 0px 0px 0px}

#callback #privacy {padding:10px 0px 30px 0px; clear:both}
#callback #privacy label {width:361px; height:23px; padding:8px 0px 0px 0px; margin:0px; font-size:11px; float:left; display:block}
#callback #privacy label input {width:auto; height:auto; border:0px; margin:0px 4px 0px 4px; float:left}
#callback #privacy label a {color:#000; text-decoration:underline; font-size:1em}
#callback #privacy input {width:123px; height:31px; margin:0px; padding:0px; border:0px}

#callback.debts strong {background-position:0px -44px}
#callback.mortgage strong {background-position:0px -185px}
#callback.insurance strong {background-position:0px -115px}
#callback.other strong {background-position:0px -10px; height:14px; }

#callback.contact h2 {height:38px; padding:0px 0px 0px 14px; background:none; font-size:18px; line-height:2.3; color:#000; border:2px solid #82D127; border-bottom:0px}
#callback.contact form {border:2px solid #82D127; border-top:0px}
#callback.contact strong {display:none}
#callback.contact #privacy {padding:16px 0px 35px 0px}

.body-carfinance #callback strong {height:14px; background-position:bottom}
.body-bills #callback strong {height:14px; background-position:bottom}



/* Testimonials */
#testimonials {width:174px; padding:20px; background:#278ECA; font-size:11px; line-height:1.6; color:#fff}
#testimonials h5 {padding:90px 20px 20px 20px; margin:-20px -20px 0px -20px; background:url(../images/testimonials-bg.png); background-position:0px 0px; line-height:1.2; font-size:20px; font-weight:normal; display:block}
#testimonials strong {padding:0px 0px 5px 0px; font-weight:bold; display:block}
#testimonials p {padding:0px 0px 25px 0px; display:block}
#testimonials span {height:120px; margin:0px -20px -20px -20px; background:url(../images/testimonials-bg.png); background-position:0px 100%; display:block}

.body-insurance #testimonials h5 {background-position:429px 0px}
.body-insurance #testimonials span {background-position:429px 100%}
.body-mortgage #testimonials h5 {background-position:214px 0px}
.body-mortgage #testimonials span {background-position:214px 100%}



/* Side bar */
#side-awards {width:186px; padding:0px 14px 148px 14px; margin:0px 0px 10px 0px; background:url(../images/side-bg.png) bottom left no-repeat; color:#FFF}
#side-awards big {height:78px; padding:12px 15px 0px 15px; margin:0px -14px 0px -14px; background:url(../images/side-bg.png) top left no-repeat; line-height:1.2; font-size:18px; display:block}

#side-fees {width:186px; padding:0px 14px 1px 14px; margin:0px 0px 10px 0px; background:url(../images/side-bg.png) bottom right no-repeat}
#side-fees big {height:33px; padding:12px 15px 0px 15px; margin:0px -14px 0px -14px; background:url(../images/side-bg.png) top right no-repeat; line-height:1.2; font-size:18px; display:block}
#side-fees a {color:#3D8800}



/* Footer */
#footer {width:858px; height:57px; padding:0px 0px 0px 20px; font-weight:bold; background:url(../images/footer.png) no-repeat}
#footer li {margin:0px 8px 0px 8px; display:block; float:left; text-align:center; line-height:4.6; white-space:nowrap}
#footer li a {height:57px; text-decoration:none; color:#fff; overflow:hidden; display:block}

#footer li#footer-home {width:36px}
#footer li#footer-debts {width:125px}
#footer li#footer-mortgage {width:140px}		
#footer li#footer-insurance {width:151px}
#footer li#footer-aboutus {width:74px}
#footer li#footer-feedback {width:74px}
#footer li#footer-conditions {width:130px}



/* Disclaimer */
#disclaimer {margin:0px 0px 20px 0px; padding:14px 14px 14px 14px; line-height:18px}
#disclaimer h2 {font-size:16px; margin:0px; padding:0px; font-weight:bold}
#disclaimer p {padding:0px 0px 0px 0px; margin:0px}
#disclaimer span {line-height:1.3; background:url(../images/disclaimer.png) top right no-repeat; display:block; padding:0px 312px 10px 0px;}
#disclaimer-content {padding:10px 10px 10px 10px; margin:5px 0px 20px 0px; line-height:1.3; font-weight:bold; border:1px solid #CCC;}
.largertext_apr {font-size:1.5em}



/* Fees */
ul.list {padding:0px 0px 6px 14px; font-size:13px; color:#000}
ul.list li {list-style:disc; margin:0px 0px 5px 0px; color:#000}

ul.keyinfo {padding:0px 0px 8px 14px; line-height:1.4; font-size:13px; color:#000}
ul.keyinfo li {list-style:disc; margin:0px 0px 12px 0px; color:#000}
ul.keyinfo li strong {display:block}

.body-fees {padding:10px 15px 10px 15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:1.4}
.body-fees h1 {margin:5px 0px 17px 0px; font-size:21px}
.body-fees h2 {font-weight:bold}
.body-fees a {color:#3D8800}
.body-fees table {width:100%; border-collapse:collapse}
.body-fees table td {font-size:12px; padding:3px}
.body-fees .casestudy {padding:15px; margin:0px 0px 14px 0px; background:#EAFBD8}
.body-fees .casestudy .title {padding-bottom:8px; font-size:14px; font-weight:bold}

.hr {padding:9px 0px 0px 0px; margin:0px 0px 19px 0px; border-bottom:1px solid #CDCDCD; font-size:0}



/* Homepage */
#home-content {width:878px}
#home-content-left {width:635px; margin:0px 1px 0px 0px; float:left}
#home-content-right {width:242px; float:left}

#home-image {width:595px; height:243px; padding:20px; margin:0px 0px 1px 0px; background:url(../images/header-home.jpg) 0px 0px no-repeat}
#home-image p {padding:40px 170px 10px 0px; color:#fff; line-height:1.4}
#home-image a {width:242px; height:33px; padding:0px 0px 0px 15px; margin:10px 0px 0px 0px; line-height:2.1; text-decoration:none; color:#000; font-size:16px; font-weight:bold; display:block; background:url(../images/header-button-home.jpg) 0px 0px no-repeat}

.products {width:211px; margin:0px 1px 0px 0px; float:left}
.products a {color:#FFF; text-decoration:none}
.products h2 {height:32px; padding:2px 0px 0px 14px; margin:0px; color:#fff; font-size:15px; font-weight:bold; line-height:2; background:url(../images/products-header.png) repeat-x}
.products ul {height:122px; padding:14px 0px 0px 14px; font-size:15px; font-weight:bold; list-style:inside disc; color:#3D8800}
.products li {margin:0px 0px 8px 0px}
.products li a {color:#3D8800; text-decoration:none}

.products#first {background:url(../images/products-debts.png) bottom right no-repeat}
.products#second {background:url(../images/products-mortgage.png) bottom right no-repeat}
.products#third {background:url(../images/products-insurance.png) bottom right no-repeat; margin:0px}
.products#fourth {background:url(../images/products-Bill.png) bottom right no-repeat}
.products#fifth {background:url(../images/products-car.png) bottom right no-repeat}
.products#sixth {background:url(../images/products-travel.png) bottom right no-repeat; margin:0px}

#home-callback {width:242px; height:624px; font-size:12px; font-weight:bold; color:#fff; background:#4EA704}
#home-callback img {padding:18px 0px 0px 20px}

#home-callback form {padding:10px 0px 15px 20px; display:block}
#home-callback label {width:98px; height:18px; margin:6px 0px 0px 0px; line-height:1.5; float:left; display:block}
#home-callback input, #home-callback select {width:100px; height:15px; margin:6px 0px 0px 0px; border:1px solid #7F9DB9; float:left; font-size:12px}
#home-callback select {width:103px; height:19px}

#home-callback #privacy {padding:5px 0px 0px 0px; clear:both}
#home-callback #privacy label {width:200px; height:50px; padding:8px 0px 0px 0px; margin:0px; font-size:11px; float:left; display:block}
#home-callback #privacy label input {width:auto; height:auto; border:0px; margin:10px 0px 0px 20px; float:right}
#home-callback #privacy label a {color:#fff}
#home-callback #privacy input {width:188px; height:40px; margin:0px; padding:0px; border:0px}

#home-callback ul {padding:0px 0px 0px 20px}
#home-callback li {padding:0px 0px 0px 20px; font-size:12px; margin:0px 0px 10px 0px; line-height:1.3; background:url(../images/list-tick-home.png) 0px 0px no-repeat}

.body-home #disclaimer {background:url(../images/disclaimer-bg.png) bottom left no-repeat}

#form-links  {margin-top:20px}
#form-links p {margin:0 0 10px 20px}
#form-links a {color:white; font-weight:normal;}



/* Privacy Policy */
.privacy-policy h3 {font-size:18px; margin:0px 0px 14px 0px}
.privacy-policy h1 {font-size:22px; font-weight:bold; margin:0px 0px 22px 0px}
.privacy-policy ul {margin:14px; line-height:18px; list-style:disc}
.privacy-policy p, li {font-size:13px;  line-height:18px}



/* FAQ */
#faq h1 {padding:0px 0px 4px 0px}
#faq h3 a {padding:0px 0px 8px 0px; text-decoration:none; color:#000}
#faq strong {margin:0px; padding:0px}
#faq ul.faq {padding:0px 0px 18px 0px; font-size:1.4em}
#faq ul.faq li {padding:0px 0px 1px 0px; list-style:disc inside}
#faq ul.faq a {color:#D1241C}
#faq dl {width:auto; margin:0px 0px 25px 0px; display:block}
#faq dl a {color:#000; font-weight:bold; text-decoration:none}
#faq dt {height:36px; margin:4px 0px 0px 0px; line-height:2.8; background:#E4F3FF url(../images/faq-plus.png) 522px 8px no-repeat; display:block}
#faq dt a {height:33px; padding:0px 0px 0px 20px; display:block}
#faq dd {background:#E4F3FF; margin:0px; padding:6px 20px 1px 20px; font-size:1em; display:block}
#faq dd a {font-size:1em; color:#006FAF}
#faq .alt {background-color:#EFF8FF}


