html,body {
  margin: 0px; padding: 0px;
}


body {

  text-align: center;
/*  background: white url(images/headerbg1.gif) repeat-x center top; */
  font-size: 60%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

address {
  font-weight: bold;
  font-style: normal;
  display: inline;
}

a:link, a:visited {
  color: #999999;
  text-decoration: none;
  font-weight: bold;
}

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

#wrapper {
  width: 740px;
  margin: 0 auto;
  text-align: left;
}

#top {
	background-color:#990033;
	margin:0px;
}
#top2 {
	background-color:#990033;
	margin:0px;
}
#header {
  height: 52px;
  background: url(../images/headerlogo.gif) no-repeat 50% 0%;
}

#header2 {
  height: 600px;
  background: url(../images/header/bankcomplaints9.jpg) no-repeat 50% 0%;
}

#indexLinks a {
	background-color:#990033;
	height:15px;
	padding:2px 0px 0px 5px;
	font-family:tahoma;
	font-size:11px;
	color:#FFCC99;
	font-weight:lighter;
	text-transform:uppercase;
}

#menu {
	height:18px;
	background-color:#990033;
}

#main {
  /* position: relative; */
}

.innertube { padding: 0px 10px 0px 10px; }

.sidebar-left {
  background: white url(../images/mainbg-sideleft.gif) repeat-y left top;
}

.sidebar-right #content {
  float: left;
  width: 740px;
}

.clearing { clear: both; }

#footer {
  clear: both;
  background: white;
  text-align: center;
  font-size: 90%;
  color: #999999;
  font-weight: bold;
  padding-top: 12px;
}

h1 { font-size: 180%; margin: 0px 0px 5px 0px; position: relative; height: 28px; overflow: hidden; }
h1 span {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
	left: 0px;
	top: 0px;
}

#home				h1 {height:49px;}
#home 				h1 span { background-image: url(../images/titles/home.gif); }
#about              h1 span { background-image: url(../images/titles/about_us.gif);} 
#testimonials       h1 span { background-image: url(../images/titles/testimonials.gif);}
#editorial          h1 span { background-image: url(../images/titles/editorial.gif);}
#bank_charges       h1 span { background-image: url(../images/titles/bank_charges.gif);}
#how_we_work        h1 span { background-image: url(../images/titles/how_we_work.gif);}
#services           h1 span { background-image: url(../images/titles/services.gif);}
#bank_disputes      h1 span { background-image: url(../images/titles/bank_disputes.gif);}
#bank_complaints    h1 span { background-image: url(../images/titles/bank_complaints.gif);}
#personal           h1 span { background-image: url(../images/titles/personal_customers.gif);}
#sitemap         	h1 span { background-image: url(../images/titles/sitemap.gif);}
#thebook            h1 span { background-image: url(../images/titles/news.gif);}
#ppi	            h1 span { background-image: url(../images/titles/ppi.gif);}
#mortgages          h1 span { background-image: url(../images/titles/mortgage.gif);}
#asset	            h1 span { background-image: url(../images/titles/asset.gif);}
#business_customers h1 span { background-image: url(../images/titles/business_customers.gif);}
#reclaim_charges    h1 span { background-image: url(../images/titles/reclaim_charges.gif);}
#recover_charges    h1 span { background-image: url(../images/titles/recover_charges.gif);}
#contact_us         h1 span { background-image: url(../images/titles/contact.gif);}
#thankyou           h1 span { background-image: url(../images/titles/thankyou.gif);}
#oops               h1 span { background-image: url(../images/titles/oops.gif);}

#contact_us h2 {
  position: relative;
  height: 28px;
  overflow: hidden;
}

#contact_us h2 span {
  position: absolute;
  width: 100%;
  height: 100%;
  background: white url(../images/titles/enquiry.gif) no-repeat left top;
}

#contact_us h2.phone {
  position: relative;
  height: 28px;
  overflow: hidden;
  margin-top: 15px;
}

#contact_us h2.complaint span {
  position: absolute;
  width: 100%;
  height: 100%;
  background: white url(../images/titles/complaints.gif) no-repeat left top;
}

#contact_us h2.complaint {
  position: relative;
  height: 28px;
  overflow: hidden;
  margin-top: 15px;
}

#contact_us h2.phone span {
  position: absolute;
  width: 100%;
  height: 100%;
  background: white url(../images/titles/hours.gif) no-repeat left top;
}

#footer ul {
  list-style: none;
  padding: 0px; margin: 0px;
  display: block;
  text-align: center;
  text-transform: uppercase;
  width: 740px;
}

#footer li {
  display: inline;
  padding: 0em 1ex; margin: 0px;
  border-left: 1px solid #999999;
  list-style: none;
}

#footer li.first {
  border-left: none!important;
}

#footer a:link, #footer a:visited {
  color: #999999;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}

#footer a:hover, #footer a:active {
  color: #FF6600;
  text-decoration: underline;
}

#footer #copyright {
  padding-top: 3px;
}

#footer #copyright1 {
  padding-top: 3px;
}

#content {
  color: #003366;
}

#content p {
  text-align: justify;
  line-height: 200%;
  margin: 0em 0em 2em 0em;
}

#content ul {
  font-weight: bold;
  line-height: 150%;
  list-style: none;
  margin-left: 0em;
  padding-left: 0em;
}

#content ul li {
  list-style: none;
  padding-left: 16px;
  margin: 1em 0em 1.5em 1em;
  background: url(../images/bullets/red.gif) 0% 0.4em no-repeat;
}

#editorial          #content ul li, #services #content ul li { background-image: url(../images/bullets/green.gif); }
#personal           #content ul li { background-image: url(../images/bullets/purple.gif); }
#business_customers #content ul li { background-image: url(../images/bullets/blue.gif); }
#reclaim_charges     #content ul { font-weight: normal; }
#reclaim_charges     #content ul li { background-image: url(../images/bullets/orange.gif); }
#recover_charges        #content ul li { background-image: url(../images/bullets/yellow.gif); }
#bank_charges           #content ul { font-weight: normal; }
#bank_charges           #content ul li { background: transparent; padding-left: 0px; margin-left: 0px; }

#content ul ul {
  margin-top: -2.5em;
}

#content ul ul li {
  background: transparent!important;
  margin: 1em 0em 1em 8em;
}

#content dt {
  padding-left: 16px;
  margin: 1em 0em 1.5em 1em;
  background: url(../images/bullets/blue.gif) 0% 0.4em no-repeat; 
  font-weight: bold;
}

#content dd {
  position: relative;
  margin-left: 230px;
  margin-top: -2.75em;
}

#contact_us #content dl { margin: 0px; padding: 0px; font-size: 120%; }
#contact_us #content dt { background: transparent; padding: 0px; }
#contact_us #content dd { margin-left: 160px; }

#thebook #content dd { margin-left: 100px; }
#thebook #content dt { background: transparent; padding-left: 0px; }

#content h2 {
  font-size: 100%;
  font-weight: bold;
  margin: 0em 0em 2em 0em;
}

#content h3 {
  font-size: 100%;
  font-weight: bold;
  margin: 0em 0em 2em 0em;
}

#content blockquote {
  font-style: italic;
  font-weight: normal;
  margin: 2em 0em;
}

#content cite {
  font-style: italic;
  font-weight: bold;
  margin: 2em 0em;
}

#about #content, #editorial #content, #business_customers #content {
  background: white url(../images/contentbg1.gif) repeat left top;
}

#how_we_work #content {
  background: white url(../images/contentbg2.gif) repeat left top;
}

#bank_charges #content, #reclaim_charges #content {
  background: white url(../images/contentbg3.gif) repeat left top;
}

#thebook #content, #recover_charges #content {
  background: white url(../images/contentbg4.gif) repeat left top;
}

#thebook #content, #sitemap #content {
  background: white url(../images/contentbg4.gif) repeat left top;
}


#personal #content, #services #content {
  background: white url(../images/contentbg5.gif) repeat right top;
}

#bank_disputes #content {
  background: white url(../images/contentbg6.gif) repeat right top;
}

#bank_complaints #content {
  background: white url(../images/contentbg7.gif) repeat right top;
}

#contact_us #content {
  background: #FCFCFC url(../images/contact-back.jpg) no-repeat left bottom;
}

#sidebar h3 {
  background: #b4b4b4;
  color: #333333;
  font-weight: bold;
  margin: 0px 0px 8px 0px;
  padding: 4px;
  font-size: 130%;
}

#sidebar div.contact {
  margin-top: 5px;
  font-size: 140%;
  font-weight: bold;
  color: #333333;
  padding: 5px 5px 5px 5px;
  font-family: Arial, Helvetica, sans-serif;
}

.emailwrapper {
  width: 87px;
  height: 25px;
  background: url(../images/buttons/emailButton_hot.gif) no-repeat left top;
}

.emailwrapper span {
  display: block;
  text-indent: -9000px;
}

.emailwrapper a {
  display: block;
  width: 87px;
  height: 25px;
}

.emailwrapper a:link, .emailwrapper a:visited {
  background: url(../images/buttons/emailButton.gif) no-repeat left top;
}

.emailwrapper a:hover, .emailwrapper a:active {
  background: url(../images/buttons/emailButton_hot.gif) no-repeat left top;
}

.contactwrapper {
  width: 106px;
  height: 31px;
  background: url(../images/buttons/formButton_hot.gif) no-repeat left top;
}

.contactwrapper span {
  display: block;
  text-indent: -9000px;
}

.contactwrapper a {
  display: block;
  width: 106px;
  height: 31px;
}

.contactwrapper a:link, .contactwrapper a:visited {
  background: url(../images/buttons/formButton.gif) no-repeat left top;
}

.contactwrapper a:hover, .contactwrapper a:active {
  background: url(../images/buttons/formButton_hot.gif) no-repeat left top;
}

#content .leftcol {
  float: left;
  width: 49%;
}

#content .rightcol {
  float: right;
  width: 49%;
}

blockquote#slogan {
  overflow: hidden;
  position: relative;
  margin: 20px 5px;
  padding: 0px;
  text-align: center;
  font-style: italic;
  font-size: 120%;
}

blockquote#slogan span {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 0%;
}

#personal           blockquote#slogan      { height: 357px; }
#personal           blockquote#slogan span { background-image: url(../images/slogans/personal.gif) }
#how_we_work        blockquote#slogan      { height: 357px; }
#how_we_work        blockquote#slogan span { background-image: url(../images/slogans/how_we_work.gif) }
#services           blockquote#slogan      { height: 357px; }
#services           blockquote#slogan span { background-image: url(../images/slogans/services.gif) }
#bank_disputes      blockquote#slogan      { height: 357px; }
#bank_disputes      blockquote#slogan span { background-image: url(../images/slogans/disputes.gif) }
#bank_complaints    blockquote#slogan      { height: 357px; }
#bank_complaints    blockquote#slogan span { background-image: url(../images/slogans/complaints.gif) }
#bank_charges       blockquote#slogan      { height: 357px; }
#bank_charges       blockquote#slogan span { background-image: url(../images/slogans/bank_charges.gif) }
#editorial          blockquote#slogan      { height: 357px; }
#editorial          blockquote#slogan span { background-image: url(../images/slogans/editorial.gif) }
#recover_charges    blockquote#slogan      { height: 357px; }
#recover_charges    blockquote#slogan span { background-image: url(../images/slogans/recover_charges.gif) }
#thebook            blockquote#slogan      { height: 357px; }
#thebook            blockquote#slogan span { background-image: url(../images/slogans/book.gif) }
#reclaim_charges    blockquote#slogan      { height: 357px; }
#reclaim_charges    blockquote#slogan span { background-image: url(../images/slogans/reclaim_charges.gif) }
#business_customers blockquote#slogan      { height: 357px; }
#business_customers blockquote#slogan span { background-image: url(../images/slogans/business.gif) }

.box {
  background: #FEFDFB url(../images/box-back.gif) repeat-x left bottom;
  margin: 24px 0px;
}

.box h2 {
  position: relative;
  height: 28px;
  overflow: hidden;
  margin: 0px!important;
  padding: 0px!important;
  
}

.box h2 span { position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 0% 0%; }

.box p {
  margin: 0px!important;
  padding: 0px 5px!important;
  position: relative;
}

.box .boxfooter {
  position: relative;
  height: 52px;
  background: url(../images/moreinfo_hot.gif) no-repeat right top;
}

.box .boxfooter a {
  position: absolute;
  left: 100%;
  margin-left: -150px;
  top: 100%;
  margin-top: -52px;
  display: block;
  background: url(../images/moreinfo.gif) no-repeat right top;
  width: 150px;
  text-indent: -90000px;
  height: 52px;
}

.box .boxfooter a:link, .box .boxfooter a:visited {
  background-image: url(../images/moreinfo.gif);
}

.box .boxfooter a:hover, .box .boxfooter a:active {
  background-image: url(../images/moreinfo_hot.gif);
} 

#box-bank_charges h2 span { background-image: url(../images/titles/bank_charges.gif); }
#box-thebook  h2 span { background-image: url(../images/titles/the_book.gif); }
#box-business h2 span { background-image: url(../images/titles/business_customers.gif); }
#box-services h2 span { background-image: url(../images/titles/services.gif); }
#box-home2 h2 span { background-image: url(../images/titles/home-box-2.gif); }

#box-bank_charges h3 { position: relative; overflow: hidden; height: 60px; }
#box-bank_charges h3 span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/reclaim.gif) no-repeat left top;
	background-image: url(../images/reclaim.jpg);
}

#box-bank_charges blockquote { padding: 0px 10px 0px 10px; }
#box-bank_charges cite { display: block; padding: 0px 10px 0px 10px; margin-bottom: 15px; }

#box-bank_charges div {
  padding: 0px 10px 0px 10px;
  margin-bottom: 5px;
}

#box-bank_charges div h3 { margin: 0px; padding: 0px; }

#box-thebook p { position: relative; overflow: hidden; height: 90px; border-bottom: 2px solid white; }
#box-thebook p span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/book.gif) no-repeat center bottom;
	background-image: url(../images/book.gif);
}

#box-home2 div {
  padding: 0px 10px 0px 10px;
  margin-bottom: 5px;
}
#box-home2 div h3 { margin: 0px; padding: 0px; }


#contact_us .leftcol, #contact_us .rightcol { overflow: hidden; }
form {
  font-size: 120%;
  padding: 0px 5px;
}

form .label {
  float: left;
  width: 40%;
  margin: 5px 0px 5px 0px;
  text-align: left;
  line-height: 16px;
  font-weight: bold;
}

form .txt {
  width: 50%;
  margin: 5px;
  overflow: hidden;
}

.hr {
  height: 2px; overflow: hidden;
  border-bottom: 2px solid #eeecd7;
  margin-right: 10%;
  margin-top: 5px; margin-bottom: 5px;
  margin-left: 5px;
}

.hr hr {
  display: none;
}

form .btnholder {
  margin-left: 40%;
  text-align: center;
}

form .btn {
  margin: 0px 10px 0px 10px;
}

form label .akey {
  text-decoration: underline;
}

form br {
  clear: both;
}

.download {
  padding: 4px;
  margin: 5px 0px 15px 0px;
  background-color: #f2f2f2;
  color: #003366; 
  position: relative;
}

/* Holly hack for IE Win \*/
* html .download { height: 1%; }
/* End Holly hack */

.download .getreader {
  position: absolute;
  left: 100%;
  margin-left: -96px;
  height: 31px;
  width: 88px;
  top: 50%;
  margin-top: -15px;
  background: url(../images/get_adobe_reader.gif) no-repeat 100% 50%;
  text-indent: -90000px;
}

.download .pdf {
  padding-top: 2em;
  font-size: 120%;
}

/* ---------------------------------------- */

#bank_charges #list1 {
  list-style-type: upper-alpha;
  line-height: 150%;
}

#bank_charges #list2 {
  font-weight: bold;
  list-style-type: decimal;
  line-height: 150%;
}

#bank_charges #list1 li, #bank_charges #list1 li {
  margin-bottom: 0.5em;
}
.largetext {
	font-size: 150%;
	line-height: 110%!important;
}	

.MenuText {
	color:#FFFFFF;
	font-size:120%;
	font-weight:bold;
}

.fpmenu_nave{
background-image:url(http://www.bankcomplaints.co.uk/menu/fpnewmenu_r1_c1.jpg);
font-family:tahoma;
font-size:11px;
width: 237px;
color:#000000;
vertical-align:middle;
}
.fpmenu_nave a:link{
font-family:tahoma;
font-size:11px;
width: 237px;
color:#000000;
vertical-align:middle;

}
.fpmenu_nave a:visited{
font-family:tahoma;
font-size:11px;
width: 237px;
color:#000000;
vertical-align:middle;
}

.fpmenu_nave a:hover{
background-image:url(http://www.bankcomplaints.co.uk/menu/fpnewmenu_r1_c1_f2.jpg);
font-family:tahoma;
font-size:11px;
width: 237px;
color:#000000;
display:block;
height: 32px;
vertical-align:middle;
text-decoration:none;
padding-top:19px;
}


.fpmenu_nave12{
background-image:url(http://www.bankcomplaints.co.uk/menu/fpnewmenu_financial_c1.jpg);
font-family:tahoma;
font-size:11px;
width: 237px;
color:#000000;
vertical-align:middle;
}
.fpmenu_nave12 a:link{
font-family:tahoma;
font-size:11px;
width: 237px;
color:#000000;
vertical-align:middle;

}
.fpmenu_nave12 a:visited{
font-family:tahoma;
font-size:11px;
width: 237px;
color:#000000;
vertical-align:middle;
}

.fpmenu_nave12 a:hover{
background-image:url(http://www.bankcomplaints.co.uk/menu/fpnewmenu_r1_c1_f2.jpg);
font-family:tahoma;
font-size:11px;
width: 237px;
color:#000000;
display:block;
height: 32px;
vertical-align:middle;
text-decoration:none;
padding-top:19px;
}

.fpmenu_nave_1{
background-image:url(http://www.bankcomplaints.co.uk/menu/fpnewmenu_r5_c3.jpg);
font-family:tahoma;
font-size:11px;
width: 237px;
color:#000000;
vertical-align:middle;

}

.fpmenu_nave_1 a:link{
font-family:tahoma;
font-size:11px;
width: 237px;
color:#000000;
vertical-align:middle;

}
.fpmenu_nave_1 a:visited{
font-family:tahoma;
font-size:11px;
width: 237px;
color:#000000;
vertical-align:middle;
}


.fpmenu_nave_1 a:hover{
background-image:url(http://www.bankcomplaints.co.uk/menu/fpnewmenu_r5_c3_f2.jpg);
font-family:tahoma;
font-size:11px;
width: 237px;
color:#000000;
display:block;
height: 32px;
vertical-align:middle;
text-decoration:none;
padding-top:19px;
}