/*>>Base element styles>>*/ 
html {
height:100%;
}

body {
font-size:100%;
/*background:#F5F5F5 url(../images/layout/headerstripe.jpg) repeat-x 0 0;*/

height:100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,span {
margin:0;
padding:0;
font-family:Arial, Verdana, sans-serif;
/*font-family:Georgia;*/
line-height:145%;
/*F:#666;*/
color:#3F3F3F;
}

#reg
{
color:#F5F5F5;
}

a 
{
cursor:pointer;
color:#666;
text-decoration:none;
}

ul#menuList a:hover, a.current 
{
/*text-decoration:underline;
color:#666*/
background:#EFF4FF none repeat scroll 0 0;
border-color:#EFF4FF #EFF4FF #EFF4FF;
color:#FFFFFF;
}




p { 
margin:0 0 10px 0;
font-size:0.8em; /* 13px */
}

ul {
margin:0 0 0 20px;
/*list-style-image:url(../images/layout/blue_tick.gif);*/
}

ul li {
margin:0 0 10px 0;
font-size:0.8em; /* 13px */
/*list-style:square;*/
list-style-image:url(../images/layout/blue_tick.gif);
}

table {
border-collapse:collapse;
border-spacing:0;
}

fieldset,img { border:0; }

address,caption,cite,code,dfn,th,var {
font-style:normal;
font-weight:normal;
}

li { list-style:none; }

caption,th { text-align:left; }

h1,h2,h3,h4,h5,h6 {
font-weight:bold;
color:#3F3F3F;
margin:0 0 7px 0;
font-family:Georgia,"Times New Roman",Times,serif;
}

h1 { font-size:1.25em;} /* 20px */
h2 { font-size:1em;} /* 16px */
h3 { font-size:1em;} 
/*h3 { font-size:0.875em;font-weight:400; } /* 14px */
h3.faq { margin:0 0 2px 0;font-weight:700; }

q:before,q:after { content:''; }

abbr,acronym {
border:0;
font-variant:normal;
}

sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }

input, textarea, select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}

/* Resizing for IE */
input,textarea,select { font-size:100%; }
legend { color:#333; }
legend { color:#333; }
del,ins { text-decoration:none; }

/*<<Base element styles<<*/ 

/*>>LAYOUT ELEMENTS>>*/

#wrapper {
/*min-height:100%;*/
position:relative;
background:url(../images/layout/content.jpg) repeat-y 0 0;
}

#wrapper,
#header, 
#contents,
#footer {
width:770px;
margin:auto;
}



#contents {
padding:20px 12px 10px 12px;
width:746px;
}

#contents a {
/*font-weight:700;*/
color:#2200CC;
/*text-decoration:underline;*/
}

.underlines{
/*font-weight:700;*/

text-decoration:underline;
color: #2200CC;
}

.textarea {
width:561px;
float:right;
}

#footer {

position:relative;
background:#6cf;
background:url(http://www.ppirefundsuk.co.uk/images/layout/footer.jpg) repeat-y 0 0;*/
padding:5px 0 0 0;
bottom:0;
/*height:226px;*/
}

#colorBlock
{
background:url(http://www.ppirefundsuk.co.uk/images/layout/colorblock.jpg) repeat-y 0 0;
}

#footer #blog {
margin:0 0 6px 15px;
color:#666;
}

img.logocentered {
display: block;
margin-left: auto;
margin-right: auto;
}

#footer ul{
list-style:none;
}

.footerblogitem,
#footabout {
width:233px;
padding:0 10px;
float:left;
height:145px;
}

.footerblogitem a {
line-height:1.4em;
color:#666;
margin:0 0 5px 0;
display:block;
}

.footerblogitem  {
width:230px;
padding:0 15px;
height:175px;
}

.footerblogitem strong {
font-size:.8em;
}

#footabout {
position:absolute;
right:0;
top:5px;
z-index:50;
}


#footabout h2 {
margin:0 0 6px 0;
}
#footabout h2 a{
color:#666;
}

#footerlinks {
width:770px;
position:relative;
padding-left:8px;
float:left;
background:#F5F5F5;
}

#footerlinks p {
margin:0 0 8px 0;
float:left;
}

#footerlinks{
margin:0 0 8px 0;
left:100px;
}

#footerlinks p.copy {
float:left;
margin:0 0 0 0;
}

#footerlinks ul {
position:absolute;
right:15px;

}

#footerlinks ul li {
display:inline;
list-style:none;
}

#directorynav.mac #dn-cola {
/*width:120px;*/
}

#directorynav{
padding:10px 0 50px 0px;
}

#directorynav .column {
/*padding:9px 0 4px 18px;*/
width:160px;
color:D0D0D0;

}
/*
#emptyspace{
width:160px;
height:160px;
}*/

.column.first{
margin-left:0 !important;
width:120px !important;

}
.column.last {
margin-left:0 !important;
width:160px !important;

}
.column {
float:left;
}

#footerstuff li{
list-style-type: none;
list-style-image: none;
font-size:0.6em;
line-height:100%;
}
.extraLinks{
list-style-type: none;
list-style-image: none;
float:left;
font-size:0.6em;
line-height:10%;
}


#footertext {
margin:1px 0 0 0;
text-align: center;
}

#footerlinks img {
left:100;
}


#details{
position:relative;
}

#header {
height:127px;
background:#F5F5F5 url(http://www.ppirefundsuk.co.uk/images/layout/headerstripe.jpg) repeat-x 0 0;
position:relative;
}

#header img {
position:absolute;
bottom:00px;
}

#logo {
top:10px;
left:10px;
}

#calltoaction {
right:5px;
}

ul#nav {
position:absolute;
left:5px;
bottom:0;
height:26px;
margin:0;
padding:0;
}

ul#nav li{
display:block;
margin:0 5px 0 0;
float:left;
padding:0;
}

ul#nav li a{
background-image:url(http://www.ppirefundsuk.co.uk/images/layout/nav.jpg);
float:left;
height:26px;
text-indent:-3000px;
width:91px;
}

ul#nav li.navhome a{ background-position:0 -52px}
ul#nav li.navabout a{background-position:-182px -52px}
ul#nav li.navfaq a{background-position:-273px -52px}
ul#nav li.navblog a{background-position:-91px -52px}

ul#nav li.navhome a:hover { background-position:0 -26px }
ul#nav li.navabout a:hover{ background-position:-182px -26px }
ul#nav li.navfaq a:hover{ background-position:-273px -26px }
ul#nav li.navblog a:hover{ background-position:-91px -26px }

ul#nav li.navhome a.active{ background-position:0 0 }
ul#nav li.navabout a.active{ background-position:-182px 0 }
ul#nav li.navfaq a.active{ background-position:-273px 0 }
ul#nav li.navblog a.active{ background-position:-91px 0 }

div.subnav,
div#sidebar {
width:175px;
float:left;
margin:0 10px 5px 0;
}

#contents div.subnav a,
#contents div#sidebar a,
#contents h3 a {
color:#000000;
}

#contents h2 a {
color:#2200CC;
}

#privacylink a {
color:#2200CC;
font-size:0.8em;
font-weight:400;
text-decoration:underline;

}


#footer a {text-decoration:underline;}
#footer a:hover {text-decoration:none;}
#footer a.alt-link {color:#7F7F7;font-weight:700;text-decoration:none;}
#footer a.alt-link:hover {text-decoration:underline;}

div#sidebar ul{
margin:0;
}

div#sidebar {
float:left;
}

div.subnav form {
width:155px;
padding:5px 10px;
background:#99C2FA;
padding:8px 10px;
}

#rightcol {
width:197px;
float:right;
margin:0 0 10px 10px;
/*background:url(../images/layout/rightcolbg.gif) no-repeat 0 0;*/
position:relative;
padding:10px 0;
text-align:center;
line-height:1em;
}

#rightcol a {
font-size:.8em;
}

#rightcol a img {
margin:14px 20px 2px 20px ;
}

#rightcol h3 {
width:133px;
color:#000000;
background:#C3D5FB;
padding:2px 10px;
margin:5px 0 0 2px;
text-align:left;
}

#rightcol img {
display:block;
}

.colitem {
width:100%;
height:130px;
border:1px solid #eee;
margin:10px 0 0 0;
float:right;
}

.colfoot {
/*background:url(../images/layout/rightcol_bottom.gif) no-repeat 0 0;*/
display:block;
width:158px;
height:7px;
position:absolute;
bottom:0;
left: 0;
}

#sidesearchsubmit {
background:url(../images/layout/subnavsearchbutton.jpg) no-repeat 0 0;
height:16px;
width:16px;
border:none;
cursor:pointer;
margin:0 0 0 3px;
}



#sidesearchquery {
padding:1px 2px;
border:none;
}

.subhead,
.subfoot {
width:175px;
height:6px;
/*background:#FD99CB url(../images/layout/subhead.jpg) no-repeat 0 0;*/
display:block;
font-size:0;
}

.subfoot {
/*background:#FD99CB url(../images/layout/subfoot.jpg) no-repeat 0 0;*/
}

div.subnav ul {
margin:0;

}

div.subnav ul li,
div#sidebar ul li{
background:#C3D5FB;
padding:0;
font-weight:700;
font-size:0.75em;
margin:0;
list-style:none;
}

div.subnav ul#menuList li a{
padding:4px 10px;
display: block;
}

#yarpp{
display:none;
}

div#sidebar h2,
div.subnav h2{
background:#C3D5FB;
width:155px;
color:#000;
padding:0 10px 3px 10px;
margin:0;
float:left;
font-size:.85em;
padding: 4px 10px;

}



div.subnav ul li.alt,
div#sidebar ul li.cat-item-2, 
div#sidebar ul li.cat-item-4, 
div#sidebar ul li.cat-item-6, 
div#sidebar ul li.cat-item-8, 
div#sidebar ul li.cat-item-10,
div#sidebar ul li.cat-item-12, 
div#sidebar ul li.cat-item-14, 
div#sidebar ul li.cat-item-16, 
div#sidebar ul li.cat-item-18 {
padding:4px 10px;
background:#111111;
font-size:.85em;
list-style-image: none;
}
div#sidebar ul li.cat-item { width: 155px !important; clear: both; list-style-image: none;}

ul#sitemap, ul#sitemap ul {
list-style:none;
margin:0;
padding:0 0 0 10px;
line-height:100%;
}
ul#sitemap p{
font-size:0.90em;
line-height:100%;
}

ul#sitemap ul li a {
font-size:0.90em;
line-height:100%;
}

ul#sitemap li {
background:url(../images/layout/page.gif) no-repeat 0 2px;
margin:10px;
padding:0 0 0 15px;
list-style:none;
line-height:100%;
}

ul#sitemap ul li {
padding-top:2px;
line-height:100%;
}


/* BLOG */

div.post {
margin:0 0 10px 0;
}

div.post small {
margin:0 0 5px 0;
display:block;
}

div.post h2 {
margin:0;
border-top:1px solid #efefef;
padding:4px 0 0 0;
}

h3#respond{
margin:10px 0;
}

.commentlist li{
padding:5px;
font-size:0.8em;
position:relative;
border-top:1px solid #e9e9e9;
}

.commentlist cite{
}

.commentlist li img{
float:left;
margin:0 10px 0 0;
}

.commentlist li a{
font-size:1em;
}

.commentlist li p{
font-size:1em;
margin:5px 0 0 0;
}

small {
font-size:.75em;
}

.commentlist li.alt{background:#f5f5f5;}
.post{margin:0 0 10px 0}

.sociable ul {margin:0;}
.sociable ul li {list-style:none;display:inline;margin:0 5px 0 0;}

#recent-comments { border-top:1px solid #efefef;padding:7px 0 0 0; }
#recent-comments ul {margin:0;}
#recent-comments ul li {list-style:none;}


/* BLOG */

/*<<LAYOUT ELEMENTS<<*/

/*>>FORMS>>*/

dd span {
font-size:0.8em;
}

#quickfrm {
background:#C3D5FB;
margin:0 0 10px 0;
border:1px solid #4077EF;
position:relative;
width:100%;
}

#quickfrmcontent {
padding:15px;
}

#quickfrmbottom {
padding:0 0 0 15px;
height:30px;
background:#4C66A1;
text-align: center;
font-weight: bold;
}

#quickfrmbottom span {
color:#C3D5FB;
font-size:.8em;
margin-right:5px;
}

#quickfrmbottom .send {

margin:2px 0 0 0;
}

#quickfrm.alt{
background:#666;
width:370px;
padding:10px;
margin:0 0 10px 0;
}

#quickfrm h3 {
font-weight:700;
}

/*
#quickfrm label {
width:260px;
float:left;
}

*/

#quickfrm .text {
border-left:2px solid #999;
border-bottom:1px solid #CCC;
border-right:1px solid #CCC;
}

#quickfrm.alt h3,#quickfrm.alt a {
color:#e5e5e5;
}

#quickfrm p {
margin:0 0 10px 0;
}

#quickfrm.alt p, #quickfrm.alt label {
color:#efefef;
}

#quickfrm.alt .text {
border:1px solid #555;
padding:2px;
color:#333;
}

#quickleft, #quickright,
#tellafriendleft, #tellafriendright {
width:240px;
float:left;
margin:0 0 10px 0;
}

#quickfrmcontent .contactus
{
width:600px;
float:left;
margin:0 0 10px 0;
}

#quickleft span {
width:700px;
float:left;
margin:0 0 10px 0;
}

#tellafriendleft {
width:255px;
} 

#tellafriendleft label, #tellafriendright label {
width:75px;
float:left;
}

#quickright {
width:288px;
}

#quickleft label {
float:left;
width:88px;
}

#quickright label {
float:left;
width:125px;
}

#quickleft dt, #quickright dt {
/*height:22px;*/
}

#quickleft dd, #quickright dd,
#tellafriendleft dd, #tellafriendright dd {
margin:0 0 5px 0;
}

#quickleft dd a, #quickright dd a {
font-size:.8em;
}

#contactform dd,
#commentform dd {
margin:0 0 5px 0;
}

#contactform dt,
#commentform dt {
margin:0 0 2px 0;
}

#contactleft,
#contactright {
width:560px;
float:left;
}



label {
font-size:0.8em;
font-weight:400;
}

input, select, textarea {
font-size:0.75em;
padding:2px;
}

input.send {
padding:2px 5px;
cursor:pointer;
margin:15px 0 0 0;
}

#quicklender {
width:150px;
}

#bank_lender {
width:150px;
}

#quickleft #captcha ,
#tellafriendleft #captcha{
height:35px;
margin:20px 0 0 0;
}

#quickleft #captcha img,
#tellafriendleft #captcha img {
border:1px solid #999;
}

.alt #quickleft #captcha img,
.alt #tellafriendleft #captcha img {
border:1px solid #555;
}

#on_market span,
#price_concession span {
margin:0 10px 0 3px;
}

/*<<FORMS<<*/

/* switches */
.borderbottom {border-bottom:1px solid #000}
.bordertop {border-bottom:1px solid #000}
.noborder {border:none;}
#quickleft .nofloat,#quickright .nofloat,#tellafriendleft .nofloat,#tellafriendright .nofloat { float:none;} 
.floatleft {float:left}
.floatright {float:right}
.nomargin {margin:0}
.nopadding {padding:0}
.autoof {overflow:auto}
.hiddenof {overflow:hidden}
.paddingten {padding:10px 0}
.marginten {margin:10px 0}
.marginfive {margin:5px 0}
.relative {position:relative}
.absolute {position:absolute}
.smalltext {font-size:0.625em}
.alignright {text-align:right}
.autoheight {height:auto}
.red, .errorTitle 
{
color:#C10000;
text-decoration:underline;
}
.red, .error 
{
color:#C10000;

}
#frmliltitle .lilTitle 
{
color:#C10000;

}
.strong, strong {font-weight:700}
.weak {font-weight:400}
.nounderline {text-decoration:none}
.yellow {color:#FFFF00}
.white {color:#fff}
.last { border:none}

/* switches */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}