﻿/* 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;
	margin-right: 0px;
}
div.container2 {margin: 0 auto 0 auto; width: 970px; background-color:#000000;}
img {
	border:none;
	margin-right: 0px;
}
a {color:#336799;text-decoration:underline;}
a:hover {text-decoration:underline;}

/* Main Colours */
.purple {
	color: #336799;
}
.green {
	color:#336799;
	font-weight: bold;
}
.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: #ffffff; 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: 1px 0 0 600px; }
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: #386ACE; font-weight: bold; }
div.headernav ul li a:hover { color: #386ACE; 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: 140px; 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: 39px;
	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: 1px;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: 150px; 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: 145px; 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: 145px;
	background-image: url(images/banners/homeO2.jpg);
}
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; }

/* Right side Content */
div.rightcontent {width:950px;float:left;padding-bottom:15px;padding-left:15px;display:inline;}
div.rightcontent2 {width:950px;float:left;padding-bottom:15px;padding-left:15px;display:inline;background-color:#000000;}
div.rightcontent h1 {font-weight:normal;font-family:Verdana, Tahoma, Arial;color:#336799;padding-top:20px;font-size:26px;padding-bottom:5px;}
div.rightcontent h2 {font-weight:normal;font-family:Verdana, Arial, Helvetica, sans-serif;color:#336799;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:#386ACE;font-size:14px;font-weight:normal;margin-top:5px;padding-bottom:0px;}
div.rightcontent h3 {font-weight:normal;font-family:Tahoma, Arial;color:#386ACE;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:950px;padding-bottom:1px;}
div.righttext p {
	font-family:Verdana;
	font-size:12px;
	padding-top:2px;
	color:#646567;
	padding-right:15px;
	line-height:18px;
	padding-bottom:10px;
	font-weight: normal;
}
div.righttext p.small {font-size:11px;}

div.rightitems {
	margin-left:450px;
	margin-top:10px;
}

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;}
 
/* Footer */
div.footer {
	width:100%;
	background-color:#336799;
	display:block;
	clear:both;
	height:115px;
	margin-top:15px;
}

div.footer div.details {
	color:White;
	font-family:Arial;
	font-size:11px;
	margin-right:0px;
	padding-top:15px;
	font-weight:normal;
}
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:#386ACE;font-size:11px;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:13px;color:#386ACE;}
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:#386ACE;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:#386ACE;}
div.newsitem h3 {color:#386ACE;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:#386ACE;padding-bottom:10px;}
div.rssfeeds a {font-family:Arial;font-size:13px;}

/* List items General */
div.rightcontent h2.hlist {color:#386ACE;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:#386ACE;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:#386ACE;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 {background-image:url(../images/box.gif);clear:both;display:block;background-repeat:no-repeat;height:78px;}
div.disclamer p {font-family:Verdana;font-size:11px;margin:10px 10px 10px 10px;padding-top:15px;line-height:18px;}

/* 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;}
.container .rightcontent .righttext strong {
	font-weight: normal;
}
.mainimageclass {
	float: left;
}
.pageimage {
	border:none;
	margin-right: 20px;
}
.container .rightcontent .righttext #frmSS15 .myForm td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #646567;
	bottom: 2px;
}
.bigform {
}
.container .rightcontent .righttext .bigform {
	text-align: left;
	float: left;
}
.container .rightcontent .righttextsubhead {
	font-weight: bold;
}
.container .rightcontent .righttext strong {
	font-weight: normal;
}
.faqs {
	font-weight: bold;

}
.container .rightcontent .righttext .myForm green li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.bullets {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3367A2;
	line-height: 17px;
}

.formheaders strong {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
}
.container .rightcontent #frmSS16 .myForm .formheaders {
	font-weight: lighter;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999

}
.righttextfillout {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #646567;
}
.container .rightcontent .righttext .privacy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}
.thankyou {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #666666;
}

