/* Payment Methods CSS Document */

/* Direct Debit Promo Styles */

div#mainContent div#columnOne div#ddPromo {
  border:1px solid #666;
  margin:0 0 20px 0;
  padding:15px;
  position: relative;
}

div#mainContent div#columnOne div#ddPromo h3 {
  margin:0;
  padding:0;
}

div#mainContent div#columnOne div#ddPromo h3 a {
  background:url(/images/directdebit/promoBoxHeader.gif) no-repeat;
  display:block;
  height:62px;
  text-indent:-9999px;
  width:565px;
}

div#mainContent div#columnOne div#ddPromo p.downloadText {
  float:left;
  font-size:11px;
  margin:0;
  padding:0;
  width:185px;
}

div#mainContent div#columnOne div#ddPromo p.faqText {
  background:url(/images/directdebit/qMark.jpg) no-repeat 0 0;
  float:left;
  margin:10px 0 0 0;
  padding:0 0 0 35px;
  width:140px;
}

div#mainContent div#columnOne div#ddPromo p.faqText strong {
  color:#D90;
}

div#mainContent div#columnOne div#ddPromo p.defaultText {
  border-left:1px solid #CCC;
  border-right:1px solid #CCC;
  color:#999;
  float:left;
  font-size:11px;
  margin:0 7px;
  padding:5px 10px;
  width:171px;
}

div#mainContent div#columnOne div#ddPromo p.defaultText strong {
  color:#000;
  font-size:12px;
}

div#mainContent div#columnOne div#ddPromo p.downloadText span.fileSize {
  color:#999;
}

div#mainContent div#columnOne div#ddPromo a.ddButton {
  background: url(/images/directdebit/ddPromoButton.jpg) no-repeat;
  display:block;
  height:32px;
  margin-bottom:5px;
  text-indent:-9999px;
  width:154px;
}

/* Table Styles */

div#mainContent div#columnOne table#paymentsMethodTable {
  border-left:1px solid #E0E0E0;
  border-top:1px solid #E0E0E0;
  width:99%;
}

div#mainContent div#columnOne table#paymentsMethodTable th,
div#mainContent div#columnOne table#paymentsMethodTable td {
  border-bottom:1px solid #E0E0E0;
  border-right:1px solid #E0E0E0;
  vertical-align:top;
}

div#mainContent div#columnOne table#paymentsMethodTable thead tr th {
  background-color:#EBE6E0;
  color:#565A5C;
  font-size:14px;
  padding:3px 3px 3px 8px;
  text-align:left;
  width:33%;
}

div#mainContent div#columnOne table#paymentsMethodTable tbody tr td {
  padding:10px 3px 15px 8px;
}

div#mainContent div#columnOne table#paymentsMethodTable tbody tr td p {
  margin-top:0;
  padding-top:0;
}

div#mainContent div#columnOne table#paymentsMethodTable tbody tr td ul {
  margin:0 0 15px 15px;
  padding:0;
}

div#mainContent div#columnOne table#paymentsMethodTable tbody tr td em {
  color:#DD9900;
  font:normal bold 12px Arial, Helvetica, sans-serif;
}

/* Right Column Styles */

div#mainContent div#columnTwo div#rightContainer div.ebillText  {
  border-top:1px solid #EAE5DF;
  font-size:11px;
  margin:5px;
  text-align:left;
}

div#mainContent div#columnTwo div#rightContainer div.ebillText h3 {
  color:#D90;
  margin:8px 0;
  padding:0;
}

div#mainContent div#columnTwo div#rightContainer div.ebillText h4 {
  color:#999;
  font-size:11px;
  margin:0 0 5px 0;
  padding:0;
}

div#mainContent div#columnTwo div#rightContainer div.ebillText p.headerText {
  color:#D90;
  margin:5px 0 8px 0;
  padding:0;
}

div#mainContent div#columnTwo div#rightContainer div.ebillText ul {
  margin:0 0 10px 10px;
  padding:0 0 0 10px;
}

div#mainContent div#columnTwo div#rightContainer div.ebillText ol {
  margin:0 0 10px 13px;
  padding:0 0 0 10px;
}

div#mainContent div#columnTwo div#rightContainer div.ebillText ul li,
div#mainContent div#columnTwo div#rightContainer div.ebillText ol li {
  background:none;
  margin:0 !important;
  padding:0 !important;
}

div#mainContent div#columnTwo div#rightContainer div.ebillText ul li {
  list-style:disc;
}