/*  
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(img/bg.jpg) repeat-x;}
body.plain { background: url(img/bgsmall.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.bankcharges.com/wp-content/uploads/2010/07/bankcharges-test-header.png) no-repeat; margin-top:  30px;}

#videobox2 { width: 640px; height: 376px; background: url(http://www.bankcharges.com/wp-content/uploads/2010/02/fillinform-newheadline.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; margin: 0 auto; padding-top: 75px;}

#main { margin-top: 40px;}

#col1, #col2, #sidebar { float: left;}
#col1  { width: 320px; margin-right: 30px;}
#col1 p { color: #5A7DAF; 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: #5A7DAF; 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: #5A7DAF; 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, #gform_wrapper_3 input { border: none;}

.gfield_required { display: none;}

#gform_wrapper_1,#gform_wrapper_2, #gform_wrapper_3  { 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, #gform_wrapper_3 .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; }