/**
 * coupons.css
 * 
 * formatting for the coupons widget
 * all classes prepended with "w-coup-"
 * 
 */

h2.w-coup-title {
  color : #F93;
}

table.w-coup-table {
  width     : 420px;
  font-size : 11px;
}

table.w-coup-table thead tr {
  height      : 32px;
}

table.w-coup-table thead th {
  color           : #FFFFFF;
  vertical-align  : middle;
  padding         : 0 0.5em;
}

table.w-coup-table thead th.w-coup-company {
  background  : transparent url(../images/table-head.png) scroll no-repeat top left;
}

table.w-coup-table thead th.w-coup-offer {
  background  : transparent url(../images/table-head.png) scroll no-repeat -150px 0px;
}

table.w-coup-table thead th.w-coup-date {
  background  : transparent url(../images/table-head.png) scroll no-repeat top right;
}

table.w-coup-table tbody tr {
  border  : none;
}

table.w-coup-table tbody td {
  padding : 2px 0.5em;
}

table.w-coup-table tbody td.w-coup-date {
  width : 130px;
}

table.w-coup-table tbody td.w-coup-company {
  width : 160px;
}

.w-coup-detail {
  width       : 650px;
  margin      : auto;
  background  : #F1F1F1 url(../images/CouponLogo.png) scroll no-repeat center left;
  border      : 4px dashed  #777;
}

.w-coup-detail .w-coup-content {
  text-align  : center;
  margin      : 15px 15px 0 200px;
  width       : 450px;
}

.w-coup-detail .w-coup-expired {
  height  : 200px;
  margin  : 15px 15px 0 200px;
  width   : 450px;
}