body {
  background:url(/images/hp-body-background.png) center repeat-y;

}


#headerctr{
  background: url(/images/hp-header.jpg) top center no-repeat;
}

#header {
  margin:0 auto 0 auto;
  padding:0 27px 0 22px;
  height: 184px;
}

#header img{
  display:block;
  float:left;
  padding-right:23px;
}

#header .headings {
  display: inline;
  float: left;
  width: 497px;
  padding: 0px 40px 0 3px;
}
#header .headings div#title span, #header .headings div#strapline span {
  display: none;
}
#header .headings div#title {
  background: url(/images/hp-welcome-heading.gif) no-repeat;
  margin-top:27px;
  float:left;
  width: 337px;
  height: 51px;

}
#header .headings div#strapline {
  width: 243px;
  height: 46px;
  margin: 0;
  float:left;
  background: url(/images/hp-making-the-consumer-voice-header-heading.gif) no-repeat;
}
#header form {
  float: right;
  text-align: left;
  padding-top: 33px;
  width: 306px;
  height:103px;
}
#header form p {
  margin: 0;
}

#header form label {
  line-height:20px;
  color: #fff;
  font-weight: bold;
  float:left;
  padding-right:8px;
}
#header form input#search-field {
  border:1px solid #858585;
  width:140px;
  height:18px;
}

#header form input{
  float:left;
}

#header ul#topnav{
  list-style:none;
  float:right;
  margin:1px 0 0 0;
  padding:0;
  width:558px;
}

#header ul#topnav li{
  float:right;
  line-height:28px;
  background:url(/images/header-li.gif) no-repeat;
}

#header ul#topnav li.first{
  background:none;
}

#header ul#topnav li a{
  display:block;
  color:#000000;
  font-weight:bold;
  text-decoration:none;
  padding:0 19px 0 19px;
}




#main #intro {
  margin-top:5px;
  float: left;
  overflow: hidden;
}
#main #intro a {
  color: #000000;
}
#intro td p {
  font-size: 1.35em !important;
  margin: 0px 50px 0px 0px !important;
  padding: 0px 0px 20px 0px !important;
  line-height: 1.35em !important;
}
#intro a {
  color: #ffffff;
}

#main #intro #homepage-content {
  float: left;
  width: 700px;
}
/*
#main #intro #petition {
  float: left;
  margin:0px 10px 10px 0px;
  width: 200px;
}
*/
#main #intro #welcome {
  font-size: 1.2em;
  padding-top: 12px;
}
#main #intro #petition {
  background:url(/images/sign-box-bg.gif) no-repeat;
  float: right;
  margin:0px 0 10px 10px;
  width: 181px;
  height:166px
}

 #petition h2 {
   margin:37px 15px 10px 15px;;
   font-size:12px;
   text-transform:uppercase;
 }
  #petition p {
    text-align:center;
  }

#getwidget{
  font-family:Arial;
  font-size:10px;
  margin-top: 0px;
  padding:2px 4px;
  background-color:#364950;
  width: 181px;
  w\idth: 173px;
}
#getwidget p{
  color: #fff;
  text-align:center;
  margin:0;
  padding:0;
}
#getwidget p a {
  color:#ffffff !important;
  text-decoration:none;
}


#main #santa {
  margin: 0 0 6px 0;
  padding: 0;
}
#main .homepage-left-column {
  float: left;
  width: 188px;
  overflow:hidden;
  margin:0;
  padding:0;
  background:none !important;
}
div.homepage-left-column div#social-networks {
  overflow: hidden;
  text-align: center;
  margin: 0 0 5px 0;
  padding: 10px 15px 10px 15px;
  width: 150px;
}
div.homepage-left-column div#social-networks h2 {
  color: #4F2F94;
}

#main .homepage-left-column .section-buttons,
#main .homepage-right-column .section-buttons {
  list-style: none;
  margin: 0;
  padding: 0;
}
#main .homepage-left-column .section-buttons li,
#main .homepage-right-column .section-buttons li {
  margin: 0 0 11px 0;
  _margin-bottom: 8px;
  padding: 0;
  _height: 1%;
  border: none;
}
#main .homepage-left-column .newsroom {
  width:100%;
  padding:0 0 9px 0;
  margin:0 0 11px 0;
}
#main .homepage-left-column .newsroom h3 {
  color:#000000;
  background: url(/images/newsroom-panel-top.gif) no-repeat;
  font-size:1.2em;
  font-weight:bold;
  width:100%;
  margin:0;
  padding:12px 23px 12px 23px;

}
#main .homepage-left-column .newsroom ul {
  background:url(/images/newsroom-ul.gif);
  float:left;
  width:100%;
}
#main .homepage-left-column .newsroom ul li {
  background:url(/images/newsroom-li-bg.gif) no-repeat;
  margin:0;
  padding:0 27px 23px 27px;
  border:none;
}

#main .homepage-left-column .newsroom ul li div.date{
  color:#c12b3b;
}

#main .homepage-left-column .newsroom a#newsroom-base{
  background:url(/images/hp-newsroom-left-link.jpg) no-repeat;
  color:#000000;
  font-weight:bold;
  text-decoration:none;
  width:119px;
  height:40px;
  padding:18px 14px 0 55px;
  display:block;
  float:left;
}


#main #homepage-centre{
  width:527px;
  float:left;
}

#main #homepage-centre ul#hp-buttons{
  margin:0;
  padding:0;
}

#main #homepage-centre ul#hp-footer-buttons{
  margin:0;
  padding:0;
  /*width: 348px;*/
}

#main #homepage-centre ul#hp-buttons li,
#main #homepage-centre ul#hp-footer-buttons li {
  float:left;
  width:149px;
  background:none;
  border:none;
  padding:0 0 20px 25px;
  margin:0;
}

#main #homepage-centre ul#hp-footer-buttons li {
  padding: 0 0 28px 25px;
}
#main #homepage-centre ul#hp-footer-buttons li.right {
  padding-left:0px;
  float:right;
}

#main #homepage-centre ul#hp-buttons li a,
#main #homepage-centre ul#hp-footer-buttons li a{
  text-decoration:none;
  display:block;
  text-align:center;
  color:#000000;
  line-height:20px;
}

img#winter-tips-2011 {
  padding: 0 0 0 25px;
}

#main #homepage-centre ul#hp-buttons li a img,
#main #homepage-centre ul#hp-footer-buttons li a img{
  display:block;
}

#main #homepage-centre ul#hp-buttons li a:hover,
#main #homepage-centre ul#hp-footer-buttons li a:hover{
  color:#bf1e2e;
}


#main .homepage-left-column .newsroom a#newsroom-base span{
  color:#f33322;
}


#moneyweeklink {
  float:right;
}
ul#homepage-icons li {
  float: left;
  margin: 0;
  padding: 0 19px 15px 0;
  width: 138px !important;
  border: 0;
  background: none;
}
ul#homepage-icons li.right {
  padding: 0;
}

#main .whats-new {
float:none;
clear:both;
  background: url(/images/whats-new-panel-bottom.gif) left bottom no-repeat;
  padding-bottom: 9px;
  margin-bottom: 11px;
  _height: 1%;
}
#main  .whats-new h3 {
  height: 28px;
  he\ight: 22px;
  background: url(/images/whats-new-panel-top.gif) no-repeat;
  font-size: 1em;
  padding: 6px 0 0 25px;
  margin: 0;
  color: #fff;
}
#main  .whats-new #marqueecontainer {
  position: relative;
  width: 295px; /*marquee width */
  height: 50px; /*marquee height */
  overflow: hidden;
  background: #f90;
}
#pscroller1 {
  height: 50px;
  margin: 0.5em 0 0 0;
  padding: 5px 10px 5px 15px;
  color : #420050;
  font-weight: bold;
  width: 295px;
  w\idth: 270px;
}
#pscroller1 a {
  display: block;
  width: 270px;
  margin: 0 0 1em 0;
}

/* DISCUSSION PANEL */
#main .homepage-right-column #discussion-panel {
  background: #4D2E91 url(/images/your-story.gif) no-repeat top left;
  margin: 0px 0px 10px 0px;
  padding: 88px 0px 0px 0px;
  color: #ffffff;
}
#main .homepage-right-column #discussion-panel a {
  font-weight: normal;
  text-decoration: none;
}
#main .homepage-right-column #discussion-panel div.title {
  padding: 10px;
}
#discussion-panel ul {
  list-style: none;
  border: 0;
  margin: 0px 8px 0px 8px;
  padding: 0;
}
#discussion-panel ul li {
  background: #9D8CC3 url(/images/discussion-home-li-top.gif) no-repeat top left;
  list-style: none;
  border: 0;
  margin: 0px 0px 1px 0px;
  padding: 8px 0px 0px 0px;
}
#discussion-panel ul li p.comment {
  padding: 0px 10px 0px 20px;
}
#discussion-panel ul li p.name {
  background: #9D8CC3 url(/images/discussion-home-li-bot.gif) no-repeat bottom left;
  padding: 0px 10px 5px 20px;
}
#discussion-panel p {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
#discussion-panel #discussion-enter {
  background: #4D2E91 url(/images/discussion-enter.gif) no-repeat bottom left;
  height: 35px;
}
#discussion-panel #discussion-enter a {
  display: none;
}


/* KEY ISSUES */
#main .homepage-right-column #key-issues {
  float: left;
  margin: 0;
  padding: 0;
  width: 295px;
}
#main .homepage-right-column #key-issues img {
  display: block;
}
#main .homepage-right-column #key-issues ul.issues {
  margin: 0 0 15px 0;
  padding: 0;
  overflow: hidden;
  display: inline-block;
}
#main .homepage-right-column #key-issues ul.issues {
  display: block;
}
#main .homepage-right-column #key-issues ul.issues li {
  float: left;
  margin: 1px 0px 0px 0px;
  padding: 6px 2px 6px 13px;
  font-size: 0.85em;
  background: #FEF7B2 url(/images/list-arrow.gif) left no-repeat;
  border: 1px solid #dfdda2;
  width: 130px;
}
#main .homepage-right-column #key-issues ul.issues li.smaller {

}
#main .homepage-right-column #key-issues ul.issues li.blank {
  background: #FEF7B2;
}
#main .homepage-right-column #key-issues ul.issues li.blank a.blank {
  text-decoration: none;
}
#main .homepage-right-column #unfair {
  margin: 15px 0 15px 0;
  padding: 0;
}
#main .homepage-right-column .whats-new ul {
  list-style: none;
  margin: 0;
  padding: 10px 25px 10px 25px;
  background: #f90;
}
#main .homepage-right-column .whats-new ul li {
  margin: 0 0 1em 0;
  padding: 0px;
  line-height: 1.3em;
  color: #575757;
  background: none;
  border: none;
}
#main .homepage-right-column .whats-new ul li.last {
  margin-bottom: 0;
}
#main .homepage-right-column .whats-new ul li a {
  font-weight: bold;
  color: #420050;
}
#main .homepage-right-column .whats-new ul li em {
  font-size: 0.9em;
  font-style: normal;
}

/* REFUND AMOUNT */
#main .homepage-right-column #refund-amount {
  margin: 0px 0px 10px 0px;
}

#main .homepage-right-column .got-a-complaint,
#main .homepage-left-column .got-a-complaint {
  width: 294px;
  background: #5D41A6;
  color: #fff;
  margin-bottom: 11px;
}
#main .homepage-right-column .got-a-complaint h3,
#main .homepage-left-column .got-a-complaint h3 {
  float: left;
  background: url(/images/complaints-panel-top-2.gif) top left no-repeat;
  font-size: 1.3em;
  padding: 10px 0 10px 15px;
  margin: 0;
  color: #fff;
  width: 294px;
  _width: 279px;
}
img.con-line {
  _margin-left: 2px;
}
#main .homepage-left-column .got-a-complaint h3 a.complaints{
  color: #fc0;
  text-decoration: none;
}
#main .homepage-right-column .got-a-complaint p,
#main .homepage-left-column .got-a-complaint p {
  padding: 0 15px 0 15px;
  margin: 0;
}
#main .homepage-right-column .got-a-complaint p a,
#main .homepage-left-column .got-a-complaint p a {
  color: #fc0;
  font-weight: bold;
  text-decoration: none;
}
#main .homepage-right-column .got-a-complaint .phone-number,
#main .homepage-left-column .got-a-complaint .phone-number {
  text-align: right;
  font-size: 2.5em;
  font-weight: bold;
  margin: 3px 10px 0 0;
}
#main .homepage-right-column .got-a-complaint .bottom,
#main .homepage-left-column .got-a-complaint .bottom {
  padding: 144px 0px 0px 15px;
  background: #fff url(/images/complaints-panel-bottom-2.gif) no-repeat;
  height: 138px;
  he\ight: 20px;
}
#main .homepage-right-column .consumerline {
  padding: 0 0 6px 0;
  background: url(/images/consumerline-panel-bottom.gif) no-repeat;
  background-position: bottom;
}
#main .homepage-right-column .consumerline h3 {
  float: left;
  height: 50px;
  padding: 0px 0px 0px 20px;
  background: url(/images/consumerline-panel-top.gif) no-repeat;
  font-size: 0em;
  margin: 0;
  color: #10233C;
}
#main .homepage-right-column .consumerline p {
  padding: 6px 10px 6px 10px;
  width: 290px;
  w\idth: 270px;
}
#main .homepage-right-column .consumerline p a {
  font-weight: bold;
}

a.christmas-banner {
  float: right;
  margin: 0 10px 10px 0;
}