/*  
Theme Name: PPI REFUNDS 
Theme URI: http://www.boltonwebdesign.co.uk
Description: Custom Theme <br> - Designed by <a href="http://www.boltonwebdesign.co.uk">Jigsaw Internet Solutions</a> 
Author: Shaun Barnes
Author URI: http://www.boltonwebdesign.co.uk
� 2008, Jigsaw Internet Solutions. All rights reserved. 
*/

/* RESET BUILT IN BROWSER STYLES */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td{margin:0;padding:0;}
table{border-collapse:collapse;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var{font-style:normal;font-weight:normal;}
ul,li {list-style-type:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
a{text-decoration:none;}

body { font-family: Arial, Helvetica, sans-serif; margin-bottom: 10px;}

a:link, a:visited { color: #1578BE;}
a:hover, a:active { text-decoration: underline;}

span.bluetext { font-weight: bold;  color: #1578BE;}

#wrapper { width: 1036px; margin: 0 auto;}

#header { width: 1036px; height: 120px; background: url(img/bg-header.png) no-repeat; position: relative;}

#header img { margin: 30px 0 0 30px;}

ul#nav { position: absolute; bottom: 0; left: 30px;}

ul#nav li { float: left; 
	width: 100px; 
	height: 30px;
	margin-right: 5px; }

#nav li a { 
	float: left; 
	width: 100px; 
	height: 30px; 
	background: url(img/bg-nav-off.png) no-repeat;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	line-height: 30px;
	text-transform: uppercase;
	color: #fff; }
	
#nav li a:hover, .front #nav li a#hometab,  #contact #nav li a#contacttab, #faq #nav li a#faqtab, #more-faq #nav li a#faqtab { background: url(img/bg-nav-on.png); color: #000; text-decoration: none;}

#inner { width: 976px; margin: 0 auto; overflow: auto;}

ul#secondnav { margin: 20px 0 0 0; overflow: hidden;}
ul#secondnav li { width:191px; height:31px; float: left; margin-right: 5px;}
ul#secondnav li a { width:191px; height:31px; float: left; line-height: 31px; background: url(img/secondnav.png) no-repeat; color: #000; font-size: 12px; font-weight: bold; text-transform: uppercase; padding-left: 15px;}
ul#secondnav li a:hover { background: url(img/secondnav-on.png) no-repeat; text-decoration: none;}
ul#secondnav li.end { margin-right: 0;}

#breadcrumbs { margin: 10px; font-size: 13px; }

#main { overflow: auto;}
#faq #main, #more-faq #main { margin-bottom: 20px;}

#content { width: 324px; height: 382px; background: url(img/bg-home-main.png) no-repeat; padding-top: 20px; float: left; margin-right: 8px;}a
#main-form #content { width: 324px; height: 218px; background: url(img/bg-mainform-body.png) no-repeat; padding-top: 20px; float: left; margin-right: 8px;}

#content h2, #content h3, #content h4, #content p, #content2 h2, #content2 p, #content2 ul, #content3 h2, #content3 p, #content3 ul  { margin: 0.5em 20px 0 20px;}
#content p, #faq #main p, #more-faq #main p { font-size: 15px; color: #8a889b; }
.front #content p, .page #content p { font-family: "Arial Narrow", Arial, Helvetica, sans-serif; }
#content p#calltoaction { font-family: Arial, Helvetica, sans-serif; font-size: 16px; padding-top: 30px; color: #231f42;}


#content2 { width: 487px; height: 430px; background: url(img/bg-home-body2.png) no-repeat; float: left; margin-right: 2px; }
#content3 { width: 487px; height: 623px; background: url(img/bg-home-body3.png) no-repeat;float: left;}

#content2, #content3, #bodytext, #faq #main p, #more-faq #main p { font-size: 13px; }
#content2 ul, #content3 ul { color: #231F42; margin-top: 20px; }
#content2 p, #content3 p, #bodytext {color:#8A889B;}
#bodytext { width: 950px; margin: 0 auto; margin-bottom: 20px;}
#bodytext p, #bodytext h2, #bodytext h1 { margin-bottom: 10px; padding-left: 10px;}
#content2 ul li, #content3 ul li { background: url(img/bullet-tick.png) no-repeat; padding-left: 30px; margin-bottom: 10px;}

#lists { width: 480px; overflow: auto;}

#content2 ul.list1, #content3 ul.list1 { width: 190px; float: left;}
#content2 ul.list2, #content3 ul.list2 { width: 200px; float: left;}

#col1, #col2 { float: left;}
#col1 { width: 230px;} #col2 { width: 220px;}
#col1 p, #col2 p { margin-bottom: 15px;}

#faq #col1, #faq #col2 { width: 488px; }
#more-faq #col1, #more-faq #col2 { width: 488px; }

.faqbox { width: 488px;  background: url(img/faqbox-top.png) no-repeat top; padding-top: 20px; margin-bottom: 10px;}
.faqinner {width: 488px; background: url(img/faqbox-bottom.png) no-repeat bottom; padding-bottom: 15px;}

.faqbox p { padding: 0 20px;}



img.claimbutton { display: block; margin: 20px auto; clear: both;}

#content3 { margin-bottom: 30px;}

#contact #content h3 { margin-bottom: 0; padding-bottom: 0;}
#contact #content p { margin-top: 0; padding-top: 0;}
#contact #content a:link, #contact #content a:visited { color: #231F42; font-weight: bold;}

#footer {  border-bottom: 2px solid #d9d8de; overflow: auto; padding-bottom: 20px; margin-bottom: 10px;clear: both; }
#footer, #address { font-size: 12px; color: #a7a5b3;}
#footer ul { width: 186px; float: left; border-top: 2px solid #d9d8de; margin-right: 11px; padding-top: 10px;}
#footer ul.end { margin-right: 0;}
#footer ul li a:link, #footer ul li a:visited { color: #65627b;}
#footer ul li a:hover { text-decoration: underline;}
#footer ul li { margin-bottom: 3px;}

#address p { float: left;}
p#registered { float: right; text-align: right;}


h1 { font-size: 26px;color: #231F42; }
h2 { font-size: 21px; color: #231F42;}
h3 { font-size: 16px; color: #1578be; font-weight: bold; padding: 5px 0;}
h4 { color: #312d4e; font-weight: bold;}


#content2 h2, #content3 h2 { letter-spacing: -1px; margin: 0.75em 20px 0.5em 20px;}

#faq h1, #more-faq h1 { font-size: 21px; color: #fff; background: url(img/bg-faq-heading.png) no-repeat; width: 956px; height: 56px; line-height: 56px; padding-left: 20px; margin-bottom: 20px;}
#faq h2, #more-faq h2 { margin-bottom: 15px; padding: 0 20px; line-height: 22px;}

.blog { background: #231F42;}
.blog #wrapper { width: 740px; background: #fff; margin-top: 20px;}
.blog #header { width: 740px; height: 218px; background: url(img/blog-header.jpg) no-repeat; }
.blog #header img { margin: 50px 0 0 50px;}
.blog #footer { width: 740px; height: 19px; background: url(img/blog-footer.jpg) no-repeat; border-bottom: none; padding-bottom: 0; margin-bottom: 50px;}
.blog #sidebar { width: 222px; float: right; font-size: 13px; margin-top: 20px; margin-right: 15px;}
.blog #sidebar h3 { color: #231f42;margin-left: 20px;}
.blog #sidebar ul li { margin-bottom: 5px; padding-right: 30px;}
#blogmain { width: 470px; margin: 20px 0 10px 20px; }
.blog h2 { color: #2480c2; }
.blog p, .blog .post ul, .blog .post ol, #bodytext ul, #bodytext ol { color: #8A889B; font-size: 13px; margin-bottom: 10px;}
.blog .post ul li, #bodytext ul li { list-style-type: disc; margin: 0 0 4px 20px;}
.blog .post ol li, #bodytext ol li { list-style-type: decimal; margin: 0 0 4px 20px;}
.blog p.date {color: #231f42;font-size: 14px; margin-bottom: 10px;}
p.postmetadata { color: #231f42; margin-top: 20px;}
.blog .post { margin-bottom: 30px;}

#searchform { margin-bottom: 15px; width: 222px; height: 27px; margin-left: 5px;}
input#s { width: 139px; height: 27px; background: url(img/bg-search.png) no-repeat; border: 0; padding-left: 5px; float: left; margin-right: 5px; line-height: 27px;}
input#searchsubmit { width: 62px; height: 27px; background: url(img/button-search.png) no-repeat;border: 0; margin:0;padding:0;float: left; }


.widget { 
width: 222px; background: url(img/widget-bg.png) no-repeat bottom; margin-left: 0; }
.widget ul { width: 222px; margin: 10px 0 20px 20px;}



li.widget { margin-bottom: 10px; padding-bottom: 10px;   }

div.widgetbox { width: 222px; background: url(img/widget-top.png) no-repeat top; padding-top: 17px;}


/* IMAGES */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

/* COMMENTS */

textarea#comment { 
	width: 450px;
}
ul.comment-list { 
	margin: 0; 
	padding:0;
}
.comment-info h4 { 
	margin:0; 
	font-size: 13px;
}

.comment-info { 
	left:10px;
	padding:0 20px 0 0;
	position:absolute;
	top:10px;
	width:130px;
		}

.comment-body { 
	margin:0 0 0 160px;
	min-height:100px;
	padding:0 10px 0 0;
	 }

ul li.comment { 
	border-bottom: 3px solid #e5e4e8; 
	padding: 10px 0 10px;
	position: relative;
	list-style-type: none; }
	
#respond h3, h3#comments { margin-top: 50px; border-bottom:  3px solid #e5e4e8; padding-bottom: 10px;}
	
h3#respond { margin-top: 35px;}
	
p.commentdate { margin: 0; padding:0; font-size: 10px; font-weight: bold; line-height: 14px;}
	
.comment-info h4 { margin:0; padding:0;}
	
#commentform input, #commentform textarea { border: 1px solid #e5e4e8; }

#submit { padding: 5px; background: #ececec;}

#homeform { width: 644px; height: 381px; background: url(img/bg-form.png) no-repeat; float: left; font-size: 13px; color: #fff; padding-top: 20px; }
#main-form #homeform { height: 601px; background: url(img/bg-mainform.png) no-repeat;  }
#homeform h2 { font-size: 21px; color: #fff;  padding-left: 20px;}
p#requiredfields { font-size: 12px; text-align: right;margin-bottom: 10px; margin-right: 20px; color: #74A9D3; }
#contact p#requiredfields, #main-form p#requiredfields, #home-form-2 p#requiredfields { margin-bottom: 3px;}
.homeform1 input, .contactform input, .mainform input   { background: url(img/bg-input.png) no-repeat; width: 290px; height: 27px; border: 0; padding-left: 3px; line-height: 27px;}

.mainform .iva input, .mainform .debts input { background: none; height: 15px; width: 30px;}

.contactform textarea {width: 600px; height: 131px; background: url(img/bg-textarea.png) no-repeat; border: 0; padding-left: 3px; padding-top: 10px;}
.homeform1 .gfield, .contactform input, .mainform input { margin-bottom: 10px;}

.gform_footer input { width: 603px; height: 31px; background: none; display: block; margin: 0 auto; padding-top: 30px;}
.contactform .gform_footer input { padding-top: 10px; }
.mainform .gform_footer input { height: 61px;padding-top:7px; }
.ginput_container select { width: 293px; height: 27px; line-height: 27px; }

.gform_footer, .bank, .postcode, .loans { clear: both;}
.bank, .messagebox, .postcode, .loans, .title  {  margin-left: 20px;}
.firstname, .telephone, .email, .houseno, .homephone, .bankaccounts, .iva { float: left; margin-left: 20px;}
li.surname, .othertelephone, .confirmemail, .citytown, .mobilephone, .creditcards, .debts { float: right; margin-right: 20px;}


.mainform select { margin-bottom: 7px; line-height: 27px;}

.iva li, .debts li { width: 70px; float: left;}

.mainform .gfield_radio { margin-top: 3px;}



#homeform .homeform2 { font-size: 16px;}

.firstname2 input, .surname2 input, .email2 input, .telephone2 input   { background: url(img/bg-input-small.png) no-repeat; width: 184px; height: 26px; border: 0; padding-left: 3px; line-height: 26px;}

.homeform2 { position: relative; margin-left: 20px; height: 290px; margin-top: 10px; line-height: 27px;}
.homeform2 .firstname2 label { position: absolute; top: 1px; left: 1px; }
.homeform2 .firstname2 input { position: absolute; top: 1px; left: 180px;}
.homeform2 .surname2 input { position: absolute; top: 1px; left: 370px;}
span#andi { position: absolute; top: 1px; left: 563px;}
span#thinkive { position: absolute; top:35px; left: 1px;}
.telephone2 label { position: absolute; top: 66px; left: 1px;}
.telephone2 input { position: absolute; top: 66px; left: 160px;}
.telephone2 .gfield_description { position: absolute; top: 66px; left: 350px;}
.email2 label { position: absolute; top: 97px; left: 1px;}
.email2 input { position: absolute; top: 97px; left: 140px;}
.email2 .gfield_description { position: absolute; bottom: 100px; left: 1px;}
#torichard { font-weight: bold; font-size: 16px; margin-left: 20px;margin-top:15px;}
.yesaswell { position: absolute; bottom: 60px; left: 1px; font-size: 13px; line-height: 16px;}
.yesaswell label { padding-right: 10px;}
.yesaswell input { margin-right: 5px;}
.homeform2 .gform_footer input { position: absolute; bottom: 18px; left: 1px;}

.validation_message { display: none;}
#thank-you #bodytext { min-height: 300px;}

div.validation_error { position: absolute; top:255px; left:750px; color: red; font-weight: bold; } 

#gform_4 div.validation_error {
color:red;
font-weight:bold;
left:250px;
position:absolute;
top:-70px;
}