/*  

Theme Name: Bank Charges

Theme URI: http://www.boltonwebdesign.co.uk

Description: Custom Theme - Designed by Jigsaw Internet Solutions

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, Verdana, sans-serif; background: url(http://www.ppiclaimsuk.co.uk/wp-content/uploads/2009/12/bg2.png) repeat-x;}

body.plain { background: url(http://www.ppiclaimsuk.co.uk/wp-content/uploads/2009/12/bg-small2.png) repeat-x;}

body.front2 { background: url(http://www.ppiclaimsuk.co.uk/wp-content/uploads/2010/07/bg-test-ppi-claims.png) repeat-x;}


a:link, a:visited { color: #5A7DAF; text-decoration: none;}

a:hover, a:active { text-decoration: underline;}



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



#header { padding-top: 35px; height: 65px;}



#videoform { height: 440px;}

.plain #videoform { height: 60px;}



#videobox { width: 640px; height: 376px; background: url(http://www.ppiclaimsuk.co.uk/wp-content/uploads/2010/05/fillinform2-new.png) no-repeat; margin-top:  30px;}



#videobox2 { width: 640px; height: 376px; background: url(http://www.ppiclaimsuk.co.uk/wp-content/uploads/2010/07/fill-in-form-test-black-new.png) no-repeat; margin-top:  30px;}



#smallform { background: url(img/miniform.png) no-repeat; width: 312px; height: 283px; float: right; margin:25px 20px 0 0; }



#video { width: 390px; height: 258px; padding-top: 75px;}



#main { margin-top: 40px;}



#col1, #col2, #sidebar { float: left;}

#col1  { width: 320px; margin-right: 30px;}

#col1 p { color: #000000; font-size: 16px; font-weight: bold;}

#sidebar { width: 250px; margin-bottom: 30px;}

.plain #sidebar { margin-top: 46px;}

.post { float: right;}

#col2, .post { width: 650px; color: #58595B; font-size: 12px; margin-bottom: 30px;}

#col2 h2,.post h2{ font-size: 16px; color: #A0A0A0; margin-bottom: 20px;}

#col2 p, .post p { margin-bottom: 1em;}

.post { width: 700px;}



p { margin-bottom: 0.5em;}



#linkbox { overflow: auto; border-top: 1px solid #CBCCD0; border-bottom: 1px solid #CBCCD0; clear: both; padding: 20px 0; margin-bottom: 20px;}



#linkbox ul { float: left; margin-right: 130px;}

#linkbox ul.end { margin-right: 0;}



#linkbox ul li a:link, #linkbox ul li a:visited { color: #5A7DAF; text-decoration: none; font-size: 14px;}

#linkbox ul li a:hover { text-decoration: underline;}



#footer { font-size: 12px; color: #A6A8AB;}



#footerlinks { float: right;}

#footerlinks a { font-size: 12px; color: #A6A8AB;}





#sidebar h3 { color: #2B3040; font-weight: bold; font-size: 18px; margin: 10px 0; }



#sidebar a:link, #sidebar a:visited, p.postmetadata a:link,p.postmetadata a:visited  { text-decoration: none; color: #5A7DAF; }

#sidebar a:hover, #sidebar a:active, p.postmetadata a:hover,p.postmetadata a:active  { text-decoration: underline;}



#main h2, #main h2 a:link, #main h2 a:visited { color: #A0A0A0; font-size: 22px;  font-weight: bold; text-decoration: none;}



#main h2 a:hover, #main h2 a:active { color: #FF571A;}



a:link, a:visited { color: #2B3040; text-decoration: none; }

a:hover, a:active {  text-decoration: underline; }



#sidebar ul { margin-bottom: 20px;}

#sidebar ul li { list-style-position: outside; margin-bottom: 3px; font-size: 14px;}



.postmetadata { border-top: 1px solid #2B3040; padding: 5px 0; margin-top: 10px;}



.post { margin-bottom: 20px;}





.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}



.alignleft {

   float: left;

}



.alignright {

   float: right;

}





textarea#comment { width: 450px;}



ul.comment-list { margin: 0; padding:0;}



.comment-info h4 { margin:0; font-size: 14px;}



.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;

	 }



li.comment { 

	border-bottom: 1px solid #B4BDBF; 

	padding: 10px 0 10px;

	position: relative;

	list-style-type: none; }

	

	#respond h3, h3#respond, h3#comments { font-size: 16px; margin-top: 50px; padding-bottom: 10px;}

	

	h3#respond { border-bottom: 0;}



p { margin-bottom: 0.5em;}	

	

#main ul,#main ol,#main dl{margin:0 0 5px;padding:0;}

#main ul li{list-style-type: circle;list-style-position: inside;}

#main ol li { list-style-type:decimal; list-style-position: inside;}



#main #sidebar ul li, #main ul.comment-list li { list-style-type: none;}









#gform_wrapper_1 input { border: none;}



.gfield_required { display: none;}



#gform_wrapper_1,#gform_wrapper_2  { position: relative;}



.gform_footer a { display: none;}



#gform_wrapper_1 input, .mainform input { width: 250px; height: 20px; font-size: 14px;}

.mainform input { font-size: 18px;border: none;  height: 26px; width: 260px; }

.miniform label,.mainform label { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #2B3040; font-weight: bold;}
.miniform label, .mainform label { margin-bottom: 3px;}
.miniform input { margin-top: 5px;}
.miniform .firstname { position: absolute; left: 33px; top: 22px;}
.miniform .surname { position: absolute; left: 33px; top: 84px;}
.miniform .phone { position: absolute; left: 33px; top: 147px;}
.miniform .email { position: absolute; left: 33px; top: 215px;}


.miniform #gform_fields input { margin-top: 10px;}
/*
.mainform #gform_fields input { margin-top: 3px;}

*/

.mainform .firstname { position: absolute; left: 33px; top: 72px;}
.mainform .surname { position: absolute; left: 33px; top: 128px;}
.mainform .street { position: absolute; left: 33px; top: 185px;}
.mainform .city { position: absolute; left: 33px; top: 241px;}
.mainform .postcode { position: absolute; left: 33px; top: 300px;}
.mainform .phone { position: absolute; left: 33px; top: 358px;}
.mainform .mobile { position: absolute; left: 33px; top: 413px;}
.mainform .email { position: absolute; left: 33px; top: 470px;}
.mainform .bankaccounts { position: absolute; left: 33px; top: 530px;width: 270px;}
.mainform .creditcards { position: absolute; left: 33px; top: 590px;width: 270px;}
.mainform .loans { position: absolute; left: 33px; top: 640px;width: 270px;}
.mainform .iva { position: absolute; left: 33px; top: 710px;width: 270px;}
.mainform .debts { position: absolute; left: 33px; top: 770px; width: 270px;}



#gform_wrapper_1 .gform_footer input,#gform_wrapper_2 .gform_footer input  {height:51px;
position:absolute;
right:1px;
top:295px;
width:195px;}
#gform_wrapper_2 .gform_footer input {  position: absolute; right: 35px; top: 835px;}

ul#input_2_13 li, ul#input_2_14 li { display: inline; margin-right: 7px;}



.mainform #gform_fields_2 ul#input_2_13 li input,.mainform #gform_fields_2 ul#input_2_14 li input{ margin-right: 5px; width: 15px; margin-top:0;}

#main .mainform ul li { list-style-type: none;}


.mainform { width: 260px; margin: 0 0 40px 35px; padding-top: 20px; }

#longform {
background:transparent url(img/longform.png) no-repeat;
height:915px;
width:335px;
float: left;
margin-bottom: 20px;
}

#mainformcontent { float: right; width: 650px;}

.main-form #main { width: 590px;}
.main-form #sidebar { width: 335px;}
.main-form #sidebar ul { margin-bottom:0;}

#tellafriend { padding-top: 10px; margin: 20px 0; clear: both; font-size: 22px;}

.validation_message { color: red; margin-top: 5px;font-size: 12px;}

.validation_error { display: none; }