/* 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; padding:18px 0px 18px 0px}
h2 {font-size:19px; font-weight:normal; padding:18px 0px 10px 0px}
h3 {font-size:16px; font-weight:bold; padding:14px 0px 14px 0px}
h4 {font-size:14px; font-weight:bold; padding:18px 0px 8px 0px}
p  {font-size:1em; line-height:1.6em; padding:0px 0px 0px 0px; margin:0 0 16px 0}
strong {
	font-weight:bold;
	font-size: 12px;
}
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) 6px 0px no-repeat}


.top {width:100px; display:block; padding:20px 0px 0px 14px; background:url(../images/up.png) 0px 28px no-repeat; white-space:nowrap; color:#005DA8}


/* 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:40px; padding:2px 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:#DCF3FF 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 -179px 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% -179px no-repeat}
#nav-sub li.selected {background:url(../images/nav-buttons.png) 0px -127px no-repeat}
#nav-sub li.selected a {line-height:3.9; color:#000; background:url(../images/nav-buttons.png) 100% -127px 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:black}
.body-aboutus #nav li#nav-aboutus {background-position:0px -42px}
.body-aboutus #nav li#nav-aboutus a {background-position:100% -42px; color:black}
.body-mortgage #nav li#nav-mortgage {background-position:0px -42px}
.body-mortgage #nav li#nav-mortgage a {background-position:100% -42px; color:black}
.body-insurance #nav li#nav-insurance {background-position:0px -42px}
.body-insurance #nav li#nav-insurance a {background-position:100% -42px;  color:black}
.body-contactus #nav li#nav-contactus  {background-position:0px -42px}
.body-contactus #nav li#nav-contactus a {background-position:100% -42px;  color:black}



/* Content */
#content {width:838px; padding:4px 10px 10px 10px; border-left:10px solid #DCF3FF; border-right:10px solid #DCF3FF}
#content-fees {width:538px; padding:20px; margin:0px 0px 10px 0px; border:10px solid #DCF3FF}
#content-result {width:808px; padding:4px 20px 10px 30px; border-left:10px solid #DCF3FF; border-right:10px solid #DCF3FF; border-top:10px solid #DCF3FF}
#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 0px -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; width:238px; text-decoration:none; display:block; overflow:hidden; white-space:nowrap; background:url(../images/image-button.png) no-repeat}
a.image-button2 {height:39px; font-size:18px; width:238px; text-decoration:none; display:block; overflow:hidden; white-space:nowrap; background:url(../images/image-insurance-button.png) 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 #0083C7; border-right:8px solid #0083C7; 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:333px; height:23px; padding:14px 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:154px; height:39px; 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 130px 14px; margin:0px 0px 10px 0px; background:url(../images/side-bg.png) bottom left no-repeat; color:#FFF}
#side-awards big {padding:12px 15px 0px 15px; margin:0px -14px 12px -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:62px; padding:0px 0px 0px 20px; font-weight:bold; background:url(../images/footer.png) no-repeat}
#footer li {margin:24px 8px 0px 8px; display:block; float:left; text-align:center; white-space:nowrap}
#footer li a {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:148px}
#footer li#footer-aboutus {width:70px}
#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:0; margin:0}
#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:12px; margin:5px 0px 20px 0px; line-height:1.4; font-weight:bold; border:1px solid #C0D5E9; }
.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:0x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:1.4}
.body-fees h1 {margin: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:#DCF3FF}
.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; }
.products li {margin:0px 0px 8px 0px}
.products li a {color:#1664AF; 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:#186DB5}

#home-callback big {padding:14px 0px 10px 20px; display:block; width:180px; font-size:18px; line-height:1.2em}

#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:186px; height:38px; margin:0px; padding:0px 0px 0px 8px; 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 */
dl {width:auto; margin:0px 0px 25px 0px; display:block}
dl a:link, dl a:visited {color:#1970B6; font-weight:bold; font-size:14px; line-height:2.6; text-decoration:none}
dt {height:36px; margin:10px 0px 0px 0px; line-height:2.8; background:url(../images/plus.png) 0px 0px no-repeat; display:block}
dt a {height:33px; padding:0px 0px 0px 33px; display:block}
dd {background:#EBF2F7; padding:10px 20px 4px 20px; margin:-6px 0px 0px 0px; display:block}



/* FORM */
#form {padding:0px 0px 22px 0px; margin:12px 0px 12px 0px; background:url(../images/form.png) bottom left; position:relative; width:595px;}
#form h2 {height:42px; padding:0px 0px 0px 15px; margin:0px; color:#FFF; line-height:1.9; font-size:20px; background:url(../images/form.png) 0px 0px no-repeat; overflow:hidden}

#form em {height:40px; width:595px; margin:0px 0px 20px 0px; background:url(../images/form.png) 0px -43px no-repeat; display:block}
#form em.two {margin:14px 0px 20px 0px; background-position:0px -85px}

#form label {width:186px; height:20px; margin:0px 0px 6px 24px; line-height:1.6; white-space:nowrap; float:left; display:block}
* html #form label {margin:0px 0px 6px 12px}
#form input, #form select {width:150px; padding:1px; margin:0px 210px 8px 0px; border:1px solid #7F9DB9; float:left; font-size:13px}
#form select {width:154px}
#form label.required {background:url(../images/required.png) 172px 8px no-repeat}

#form span {width:595px; height:38px; display:block; clear:both}
#form span label {width:336px; line-height:1.2; background:url(../images/required.png) 311px 6px no-repeat; position:relative}
#form span label a {color:#000}
#form span label input {width:auto; height:auto; margin:0px; border:0px; position:absolute; top:0px; right:0px}

#form #button {padding:0px 0px 0px 132px}
#form #button input {width:227px; height:40px; margin:0px; padding:0px; border:0px}

#form #privacy {width:146px; padding:0px 17px 17px 17px; font-size:11px; line-height:1.4; background:url(../images/privacy.png) left bottom no-repeat; position:absolute; top:268px; right:20px}
#form #privacy strong {width:130px; height:50px; padding:0px 0px 0px 50px; margin:0px 0px 0px -17px; font-size:13px; line-height:4; overflow:hidden; background:url(../images/privacy.png) 0px 0px no-repeat; font-weight:bold; display:block}
* html #form #privacy {right:13px}

#form #ribbon {width:183px; height:183px; position:absolute; right:-27px; top:-4px; background:url(../images/ribbon.png) 0px 0px no-repeat}

#warning {color:#207CBE; font-weight:bold}
#warning p {width:360px; padding:0px 0px 10px 24px; display:block}
#warning ul {padding:0px 0px 22px 25px; list-style:disc inside}


/* DEBT TEST */
.result-intro {padding:10px 5px 5px 5px}
.result-intro big {padding:10px 0px 30px 50px; margin:0px; font-size:26px; font-weight:normal; background:url(../Images/result-tick.png) 0px 3px no-repeat; display:block}
.result-intro p {font-size:16px; padding:0px 0px 0px 0px}

.result-main {width:695px; padding:0px 80px 14px 20px; margin:0px 0px 20px 0px; background:url(../images/result-main.png) bottom left no-repeat; font-size:14px; position:relative}
.result-main h1 {height:56px; padding:16px 0px 0px 56px; margin:0px -80px 0px -20px; line-height:1.1; font-size:19px; color:#FFF; background:url(../images/result-main.png) top left no-repeat; overflow:hidden}
.result-main p {padding:0px 0px 0px 0px; margin:0px}
.result-main ul.list {padding:0px 0px 0px 23px}

.result-ribbon {width:144px; height:144px; position:absolute; right:-4px; top:-4px; background:url(../images/result-ribbon.png) 0px 0px no-repeat}
.result-title {padding:0px 0px 16px 0px; font-size:16px; font-weight:bold; display:block}

.result-alternative {width:355px; padding:0px 17px 14px 17px; margin:0px 20px 20px 0px; background:url(../images/result-alternative.png) bottom left no-repeat; float:left; font-size:12px}
.result-alternative h2 {height:36px; padding:13px 0px 0px 38px; margin:0px -17px 0px -17px; line-height:1.1; font-size:14px; font-weight:bold; color:#FFF; background:url(../images/result-alternative.png) top left no-repeat;}
.result-alternative ul {padding:0px 0px 0px 14px}
.result-alternative#two {margin:0px 0px 20px 0px}

/* UPDATES 27-11-11 */
#form-disclaimer {display:block; background:url("../images/form-disclaimer.png") 17px 55px no-repeat; height:199px; width:558px; padding: 55px 0 0 20px}

