﻿/* Global Styles */
* { margin: 0 0 0 0; padding: 0 0 0 0; }
body { background-image: url(/images/css/background.gif); background-position: top left; background-repeat: repeat-x; }
div.container {margin: 0 auto 0 auto; width: 970px; background-color:White;}
img {border:none;}
a {color:#663399;text-decoration:none;}
a:hover {text-decoration:underline;}

/* Main Colours */
.purple { color: #663399; }
.green {color:#6DA841;}
.text {color:#646567;}
.error {font-family:Arial;font-size:12px;}
.formerror {font-size:11px;text-transform:none;}

/* Main Site Header */
div.header { margin: 0 auto 0 auto; width: 970px; background-color: Transparent; height: 111px; margin-bottom: 0px; }
div.header img {border:none;}
div.header a.thickbox {float:right;}
div.logo h4 a { font-size: 10px; font-weight: normal; cursor: pointer; }
div.logo h4 { background: none; position: relative; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ width: 523px; height: 111px; padding-bottom: 7px; float: left; margin: 0 0 0 0; padding: 0 0 0 0; }
div.logo h4 span { display: block; position: absolute; top: 0px; left: 0px; z-index: 1; /*for Opera 5 and 6*/ width: 523px; height: 111px; }
div.logo h4 span { background: url(/images/logo.png) top left no-repeat; }

/*Header Navigation */
div.headernav { z-index: 2; position: absolute; margin: 0px 0 0 490px; }
div.headernav ul { margin: 0; padding: 0; list-style: none; }
div.headernav ul li { float: left; display: block; padding-left: 8px; padding-right: 8px; font-size: 12px; padding-top: 6px; }
div.headernav ul li.sideborder { border-right: 1px solid black; }
div.headernav ul li a { font-family: Arial; color: Black; text-decoration: none; }
div.headernav ul li a.selected { color: #663399; font-weight: bold; }
div.headernav ul li a:hover { color: #663399; text-decoration: underline; }

/* Primary Navigation */
div.primarynav { margin: 0 auto 0 auto; width: 970px; background-image: url(/images/css/primarynavbackgroundfill.png); height: 39px; }
div.primarynav ul { list-style: none; width: 970px; }
div.primarynav ul li.firstnav { background-image: url(/images/css/firstlinkprmarynav.png); background-repeat: no-repeat; width: 200px; margin-right: 0; }
div.primarynav ul li.firstnav a { margin-left: 24px; margin-right: 13px; }
div.primarynav ul li.firstnav:hover { background-image: url(/images/css/firstlinkprmarynav-on.png); }
div.primarynav ul li.fselected { background-image: url(/images/css/firstlinkprmarynav-on.png); }

div.primarynav ul li { float: left; background-image: url(/images/css/primarynavbackground.gif); background-repeat: repeat-x; height: 31px; padding-top: 8px; border-right: 1px solid white; }
div.primarynav ul li a { font-family: Arial; color: White; text-decoration: none; font-size: 12px; font-weight: bold; margin-left: 13px; margin-right: 13px; }
div.primarynav ul li:hover { background-image: url(/images/css/primarynavbackground-on.png); }
div.primarynav ul li.selected { background-image: url(/images/css/primarynavbackground-on.png); }

/* PDF Downloads */
a.pdfdownload {margin-left:15px;}
p.pdficon {background-image:url(/images/pdficon.png);background-position:left;padding-left:45px;background-repeat:no-repeat;margin-top:15px;}

/* Secondar Navigation */
div.secondarynav { background-image: url(/images/css/secondarynavbg.png); background-repeat: repeat-x; width: 970px; height: 27px;z-index:60;}
div.secondarynav ul {z-index:100;list-style:none;}
div.secondarynav ul li {float:left;color:White;font-family:Arial;font-size:11px;padding-top:6px;margin-left:15px;padding-bottom:6px;padding-right:15px;}
div.secondarynav ul li a {color:White;font-weight:bold;}
div.secondarynav ul li a.selected {background-image: url(/images/css/secnavon.png);background-repeat:no-repeat;background-position:center bottom;padding-bottom:6px;}
div.secondarynav ul li.rightborder {border-right:1px solid white;}

/* Page Banners */
div.banners { margin: 0 auto 0 auto; width: 970px; background-color: Transparent; height: 170px; margin-bottom: 0px; }
div.banners h2 { font-size: 10px; font-weight: normal; cursor: pointer; }
div.banners h2 { background: none; position: relative; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ width: 970px; height: 170px; padding-bottom: 7px; float: left; margin: 0 0 0 0; padding: 0 0 0 0; }
div.banners h2 span { display: block; position: absolute; top: 0px; left: 0px; z-index: 1; /*for Opera 5 and 6*/ width: 970px; height: 170px; }
div.banners h2.home span { background: url(/images/banners/home.jpg) top left no-repeat; }
div.banners h2.bank span { background: url(/images/banners/bank-charges.jpg) top left no-repeat; }
div.banners h2.credit span { background: url(/images/banners/credit-charges.jpg) top left no-repeat; }
div.banners h2.ppi span { background: url(/images/banners/PPI.jpg) top left no-repeat; }
div.banners h2.endowment span { background: url(/images/banners/endowment-claims.jpg) top left no-repeat; }
div.banners h2.serps span { background: url(/images/banners/SERPS.jpg) top left no-repeat; }
div.banners h2.pension span { background: url(/images/banners/pensionrelease.jpg) top left no-repeat; }



/* Special case for banner page */
div.utarget {background: url(/images/banners/utagbanner.jpg) top left no-repeat;height:500px;width:970px;position:relative;}
div.container2 {margin: 0 auto 0 auto; width: 970px; background-color:White;}
div.container2 div.claimform {margin-top:-470px;}
div.container2 div.rightcontent {position:relative;padding-bottom:0;margin-top:-280px;}
div.container2 div.whychoose {position:relative;z-index:200;}
div.container2 img.bannerfoot {} 
div.container2 div.footer {margin:0 0 0 0;}
div.container2 div.righttext {width:330px}
div.container2 div.righttext p {font-size:12px;line-height:20px;}
div.container2 div.rightitems {width:300px;margin-left:320px;font-family:Verdana;font-size:12px;line-height:20px;margin-right:15px;margin-top:0;}
div.container2 div.rightitems h2 {margin-top:0px;}
div.container2 div.rightitems ul {color:#646567;margin-left:15px;margin-right:15px;}


/* Claim Form Start*/
div.claimform {position:relative;z-index:100;margin-right:15px;display:block;margin-left:10px;padding-top:0;margin-top:-157px;padding-bottom:20px;}
div.claimform div.top {background-image: url(/images/form/claimbg.png); background-repeat:no-repeat;width:260px;height:400px;position:relative;}
div.claimform div.headertext {background-image:url(/images/form/headertext.png);background-repeat:no-repeat;width:240px;position:relative;margin-left:7px;margin-right:7px;margin-top:-400px;}
div.claimform div.headertext div.content {color:White;font-family:Arial;font-size:16px;font-weight:bold;position:inherit;padding-top:17px;text-transform:uppercase;}
div.claimform div.headertext div.content strong {padding-left:10px;padding-right:10px;}
div.claimform div.headertext div.content p strong {margin:0 0 0 0;padding:0 0 0 0; }
div.content p {color:White;font-family:Arial;font-size:12px;font-weight:bold;position:inherit;padding-top:15px;text-transform:none;margin:0 0 0 0;padding-top:5px;padding-bottom:15px;padding-left:10px;padding-right:10px;}
div.claimform div.headertext div.content label {color:#663399;font-size:11px;text-transform:none;font-weight:normal;}
div.claimform div.bottom {padding-top:10px;}
div.claimform input.affiliates {margin-bottom:10px;}
div.claimform input.affiliateserror {margin-bottom:10px;border:1px solid #ED2121;}
div.claimform label {font-family:Arial;font-size:11px;color:#663399;}
div.claimform input {width:110px;text-transform:capitalize;font-family:Arial;font-size:13px;border:1px solid #E9E9E9;height:16px;padding-top:4px;padding-bottom:4px;margin-top:5px;padding-left:5px;color:#663399;}
div.claimform input.txberror {width:110px;text-transform:capitalize;font-family:Arial;font-size:11px;border:1px solid #ED2121;height:12px;padding-top:4px;padding-bottom:4px;margin-top:5px;padding-left:5px;color:#663399;}
div.claimform input.button {width:240px;height:27px;margin:15px 0 0 0;padding:5px 0 0 0;}
div.claimform select {width:auto;text-transform:capitalize;font-family:Arial;font-size:13px;border:1px solid #E9E9E9;height:24px;color:#663399;}
div.claimform p.required {font-size:11px;font-family:Arial;color:#663399;padding-top:5px;padding-bottom:10px;}
div.intrestarea {border-top:1px solid #E9E9E9;margin-top:8px;padding-top:8px;}
div.intrestarea input {width:auto;margin-right:2px;}
div.intrestarea ul {list-style-type:none;}
div.intrestarea ul li {width:120px;float:left;font-weight:normal;}
div.intrestarea ul li input {font-size:11px;height:12px;}

/* Right side Content */
div.rightcontent {width:670px;float:left;padding-bottom:15px;padding-left:15px;display:inline;}
div.rightcontent h1 {font-weight:normal;font-family:Tahoma, Arial;color:#663399;padding-top:15px;font-size:26px;padding-bottom:5px;}
div.rightcontent h2 {font-weight:normal;font-family:Tahoma, Arial;color:#663399;padding-top:0px;font-size:19px;padding-right:15px;padding-bottom:10px;}
div.rightcontent h1.logo {background-image:url(/images/css/logosmall.png);background-repeat:no-repeat;background-position:left;padding-left:40px;}
div.rightcontent h2.hgreen {color:#6DA841;font-size:15px;font-weight:normal;margin-top:5px;padding-bottom:0px;}
div.rightcontent h3 {font-weight:normal;font-family:Tahoma, Arial;color:#6DA841;font-size:14px;font-weight:normal;margin-top:5px;padding-bottom:0px;}
div.rightcontent div.rightitems h2 {padding-bottom:0px;margin-bottom:0px;}

div.righttext {float:left;width:450px;padding-bottom:15px;}
div.righttext p {font-family:Verdana;font-size:13px;padding-top:5px;color:#646567;padding-right:15px;line-height:21px;padding-bottom:10px;}
div.righttext p.small {font-size:11px;}

div.rightitems {margin-left:450px;margin-top:15px;}

div.righttextfull {width:665px;padding-right:15px;}
div.righttextfull p {padding-top:5px;padding-bottom:10px;width:545px;font-size:12px;line-height:18px;}
div.righttextfull ul {padding-left:15px;}
div.righttextfull ul li {padding-top:10px;}

/* News / Blog Panel */
div.newsblogsidetop {background-image:url(/images/css/rightleftpaneltop.png);height:15px;width:213px;z-index:100;background-repeat:no-repeat;} 
div.newsblogsidebottom {background-image:url(/images/css/rightleftpanelbg.png);background-position:bottom;width:213px;z-index:1;} 

/* Testimonial Panel */
div.testimonials {clear:both;background-image:url(/images/testimonial/testimonialbg.png);width:665px;height:206px;margin-top:15px;}
div.testimonialitem {float:left;width:330px;}
div.testimonialitem p {float:left;width:175px;font-family:Verdana;font-size:11px;margin-top:80px;margin-left:15px;color:#646567;}
div.testimonialitem img {margin-top:34px;}
div.testimonialitem img.readmore {margin-top:15px;border:none;}

/* Left Content */
div.leftcontent {float:right;width:285px;}
div.leftcontent h3 {color:#78B74A;font-family:Arial;font-size:16px;font-weight:normal;}

/* News Letter Signup */
div.newsletter {margin-left:25px;margin-right:15px;border-top:1px solid #E9E9E9;margin-top:15px;padding-top:15px;display:block;padding-bottom:15px;}
div.newsletter h3 {margin-bottom:15px;}
div.newsletter p {font-family:Arial;color:#646567;font-size:11px;padding-bottom:10px;}
div.newsletter input {width:230px;border:1px solid #E9E9E9;margin-bottom:8px;font-family:Arial;font-size:11px;height:18px;padding-top:4px;padding-bottom:4px;padding-left:5px;color:#663399;}
div.newsletter input.button {width:240px;height:27px;margin:0 0 0 0;padding:0 0 0 0;}

/* Why Choose */
div.whychoose {margin-left:25px;margin-right:15px;padding-top:5px;display:block;}
div.whychoose h3 {margin-bottom:15px;}
div.whychoose ul {margin-left:15px;}
div.whychoose ul li {font-family:Arial;font-size:12px;color:#663399;margin-bottom:5px;}

/* Why Choose */
div.claims {margin-left:25px;margin-right:15px;padding-top:5px;display:block;border-top:1px solid #E9E9E9;padding-top:15px;margin-top:15px;}
div.claims h3 {margin-bottom:15px;}
div.claims ul {margin-left:15px;}
div.claims ul li {font-family:Arial;font-size:12px;color:#663399;margin-bottom:5px;}
 
/* lastest Blog Posts */
div.blog {margin-bottom:10px;margin-left:15px;margin-right:15px;}
div.blog a.rss {margin:0 0 0 0;float:left;padding-right:5px;padding-top:0px;float:left;}
div.blog h2 {padding-top:3px;}
div.blog h2 a {font-family:Verdana;font-size:15px;}
div.blog h2.hgreen a {color:#6DA841;font-size:12px;font-family:Arial;}
div.blog p {font-family:Arial;color:#663399;font-size:12px;padding-top:5px;line-height:16px;}
div.blog img.readmore {padding-top:5px;padding-bottom:3px;}
 
/* Lastest News */
div.latenews {margin-bottom:10px;margin-left:15px;margin-right:15px;}
div.latenews a.rss {margin:0 0 0 0;float:left;padding-right:5px;padding-top:0px;float:left;}
div.latenews h2 {padding-top:3px;}
div.latenews h2 a {font-family:Verdana;font-size:15px;}
div.latenews ul {display:block;padding-top:15px;list-style:none;}
div.latenews ul li {font-family:Arial;font-size:11px;border-bottom:1px solid #E9E9E9;color:#646567;padding-bottom:5px;margin-bottom:5px;}
div.latenews ul li a {font-size:12px;}
 

/* Footer */
div.footer {width:970px;background-color:#663399;display:block;clear:both;height:215px;margin-top:15px;}
div.footer div.explore {background-image:url(/images/css/footerbg.png);background-repeat:no-repeat;width:671px;height:187px;float:left;margin-top:15px;margin-left:15px;margin-right:15px;}
div.footer div.details {color:White;font-family:Arial;font-size:12px;margin-right:65px;padding-top:15px;font-weight:bold;}
div.footer div.details a {color:White;text-decoration:none;}
div.footer div.details a:hover {text-decoration:underline;}
div.footer div.details p.phone {padding-top:25px;}
div.footer div.details p.phone strong {display:block;font-family:Tahoma, Arial;font-size:24px;}
div.explore h2 {font-family:Arial;color:White;font-weight:normal;font-size:16px;margin-top:15px;margin-left:15px;}
div.explore ul {margin-left:25px;margin-top:20px;}
div.explore ul li {color:White;float:left;width:205px;}
div.explore ul li a {font-family:Arial;font-size:12px;text-decoration:none;color:White;}
div.explore ul li a:hover {text-decoration:underline;}
p.smallprint {color:#646567;text-align:center;font-family:Arial;font-size:11px;}

div.basefooter {float:left;width:970px;background-image:url(/images/css/footergreenbg.png);background-repeat:repeat-x;margin-bottom:30px;}
div.footimage {float:left;}
div.basefooter div.copy {float:left;margin-left:100px;color:White;font-family:Arial;font-size:11px;margin-top:30px;}
div.basefooter div.copy a {color:White;text-decoration:none;}
div.basefooter div.copy a:hover {text-decoration:underline;}
div.basefooter div.links {margin-left:705px;margin-top:25px;}
div.basefooter div.links ul {color:White;}
div.basefooter div.links ul li {float:left;width:100px;margin-left:15px;}
div.basefooter div.links ul li a {font-family:Arial;font-size:11px;color:White;text-decoration:none;}
div.basefooter div.links ul li a:hover {text-decoration:underline;}

/* FAQs */
a.faq {background-image:url(/images/css/faqicon.png);background-repeat:no-repeat;padding-left:40px;margin-left:5px;padding-bottom:20px;padding-top:10px;font-family:Arial;}
div.faqitem {padding-left:10px;color:#663399;font-size:13px;font-family:Arial;padding-top:10px;padding-bottom:10px;}
div.faqitem a p:hover {text-decoration:underline;}
div.faqitem p {padding-top:5px;padding-right:15px;line-height:16px;}
div.faqitem h2 a {font-size:14px;color:#6DA841;}
div.faqreadmore {margin-left:20px;padding-bottom:5px;padding-top:15px;}

/* Testimonials */
div.testgeneral {background-image:url(/images/testimonial/testgeneral.jpeg);background-repeat:no-repeat;background-position:right top;padding-top:3px;margin-top:15px;}
div.testbank {background-image:url(/images/testimonial/bankcharges.png);background-repeat:no-repeat;background-position:right top;padding-top:3px;margin-top:15px; min-height:100px;}
div.testcredit {background-image:url(/images/testimonial/creditcards.png);background-repeat:no-repeat;background-position:right top;padding-top:3px;margin-top:15px; min-height:100px;}
div.testppi {background-image:url(/images/testimonial/ppi.png);background-repeat:no-repeat;background-position:right top;padding-top:3px;margin-top:15px; min-height:100px;}
div.testserps {background-image:url(/images/testimonial/serps.png);background-repeat:no-repeat;background-position:right top;padding-top:3px;margin-top:15px; min-height:100px;}
div.testpension {background-image:url(/images/testimonial/pension.png);background-repeat:no-repeat;background-position:right top;padding-top:3px;margin-top:15px; min-height:100px;}
div.testendowment {background-image:url(/images/testimonial/endowment.png);background-repeat:no-repeat;background-position:right top;padding-top:3px;margin-top:15px; min-height:100px;}
div.righttextfull ul {width:525px;}
div.righttextfull ul.test {padding-top:10px;list-style:none;width:545px;padding-left:0px;}
div.righttextfull ul.test li {border-top:1px solid #E9E9E9;color:#646567;font-family:Arial;font-size:12px;padding-bottom:10px;padding-top:10px;}
div.righttextfull ul.test li.listtop {border-top:none;}
div.righttextfull img.test {padding-top:15px;}
div.righttextfull {font-family:Arial;font-size:12px;color:#646567;}

/* News Section */
div.newsitem {padding-top:10px;font-family:Arial;width:475px;}
div.newsitem h2 {color:#663399;background-color:#F2F2F2;margin-top:5px;font-family:Arial;font-size:12px;padding-left:5px;text-transform:uppercase;padding-top:3px;padding-bottom:3px;}
div.newsitem h2 a {color:#663399;}
div.newsitem h3 {color:#6DA841;font-size:14px;font-weight:normal;margin-top:5px;padding-bottom:0px;}
div.newsitem p {}
div.newsitem ol {font-family:Arial;font-size:12px;color:#646567;margin:15px 15px 15px 25px;}

div.rssfeeds {padding-left:40px;}
div.rssfeeds h2 {font-family:Arial;font-size:14px;width:120px;padding-right:42px;padding-top:30px;background-image:url(/images/css/rssfeed3d.png);background-repeat:no-repeat;background-position:right center;color:#6DA841;padding-bottom:10px;}
div.rssfeeds a {font-family:Arial;font-size:13px;}

/* List items General */
div.rightcontent h2.hlist {color:#6DA841;width:525px;background-color:#F2F2F2;margin-top:5px;font-family:Arial;font-size:12px;padding-left:5px;text-transform:uppercase;padding-top:3px;padding-bottom:3px;}

/* Contact */
div.contact img.office {float:right;padding-bottom:15px;}
div.contact div.vcard {width:170px;float:left;margin-top:90px;}
div#map {padding-top:50px;float:right;}

/* Site Map */
ul.sitemap {margin-left:25px;font-family:Arial;color:#663399;font-size:12px;}
ul.sitemap li a {text-transform:capitalize;}

/* Blog */
div.addcomment {}
div.addcomment input {width:350px;padding:3px 0 3px 5px;border:1px solid #E9E9E9;display:block;margin-bottom:10px;}
div.addcomment textarea {width:350px;padding:3px 0 3px 5px;border:1px solid #E9E9E9;display:block;margin-bottom:10px;}
div.comments ul {list-style:none;}
div.comments ul li {background-color:#E9E9E9;margin-bottom:10px;padding-left:5px;}
div.comments ul li em {font-size:11px;padding-left:5px;font-family:Arial;}

/* Call Back Overlay */
div.callback {border-bottom:20px soid #121212;}
div.callback p {margin:0 15px 0 15px;font-family:Verdana;font-size:11px;color:#646567;}
div.callback p.small {font-size:10px;}
div.callback label {margin:0 15px 0 15px;}
div.callback input {width:230px;border:1px solid #E9E9E9;margin-bottom:8px;font-family:Arial;font-size:11px;height:18px;padding-top:4px;padding-bottom:4px;padding-left:5px;color:#663399;margin:0 15px 10px 15px;}
div.callback input.button {margin:15px 15px 0 15px;width:auto;height:auto;padding:0 0 0 0;}

/* Portal Financial Disclamer */
div.disclamer {clear:both;display:block;background-repeat:no-repeat;border:1px solid #E6E7E7;margin-right:5px;}
div.disclamer p {font-family:Verdana;font-size:11px;margin:10px 10px 10px 10px;padding-top:5px;line-height:18px;padding-bottom:5px;}

/* Right Nav */
div.rightnav {width:110px;float:left;}
div.rightnav h2 {font-family:Arial;font-size:13px;color:#646567;border-bottom:1px solid #E9E9E9;padding-top:20px;padding-bottom:10px;margin-bottom:10px;}
div.rightnav ul {list-style:none;}
div.rightnav ul li a {font-family:Arial;font-size:12px;}
div.rightnav a.selected {font-weight:bold;}


div.rightpagetext {margin-left:130px;}
div.rightpagetext p {padding-top:5px;padding-bottom:10px;font-size:12px;line-height:18px;font-family:Arial;padding-right:15px;color:#646567;}
div.rightpagetext ul {font-family:Arial;font-size:12px;margin-left:30px;color:#646567;}
div.rightpagetext ul li {padding-bottom:10px;line-height:16px;}

/* Utilities */
.opacity0 { opacity: 0; -moz-opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); zoom: 1; }
.opacity1 { opacity: 0.1; -moz-opacity: 0.1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10); zoom: 1; }
.opacity2 { opacity: 0.2; -moz-opacity: 0.2; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20); zoom: 1; }
.opacity3 { opacity: 0.3; -moz-opacity: 0.3; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); zoom: 1; }
.opacity4 { opacity: 0.4; -moz-opacity: 0.4; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); zoom: 1; }
.opacity5 { opacity: 0.5; -moz-opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); zoom: 1; }
.opacity6 { opacity: 0.6; -moz-opacity: 0.6; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); zoom: 1; }
.opacity7 { opacity: 0.7; -moz-opacity: 0.7; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); zoom: 1; }
.opacity8 { opacity: 0.8; -moz-opacity: 0.8; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); zoom: 1; }
.opacity9 { opacity: 0.9; -moz-opacity: 0.9; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); zoom: 1; }
.opacity10 { opacity: 0.99; -moz-opacity: 0.99; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=99); zoom: 1; }

div.validation ul {margin-left:5px;list-style:none;font-family:Arial;font-size:11px;}

/* Social bookmarks */
div.bookmarks {font-family:Verdana;padding-bottom:10px;font-size:12px;}

div.righttext ul {font-family:Verdana;font-size:14px;color:#646567;margin-left:30px;margin-right:40px;}
div.righttext ul li {margin-bottom:10px;}