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

body {
  width : 650px;
  margin  : 18px auto;
  font-size : 12px;
  line-height : 18px;
  font-family : Arial, Helvetica, sans-serif;
  color       : #333;
  text-align  : center;
}

h1.w-coup-head {
  margin      : 0 0 -18px 0;
  height      : 145px;
  color       : #00B3CC;
  padding     : 0;
  border      : 1px solid #00b3cc;
  border-bottom : none;
}
h1.w-coup-head img {
  float: left;
}
h1,
.w-coup-content h2 {
  line-height : 36px;
  font-family : georgia, "Times New Roman", Times, serif;
}

h1 {
  font-size       : 28px;
}

.w-coup-content h2 {
  font-size   : 18px;
}

.w-coup-content p,
.w-coup-content address,
h1,
.w-coup-content h2 {
  margin  : 18px 0;
}

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

.w-coup-detail .w-coup-expired {
  height  : 200px;
}

.w-coup-buttons {
  margin  : 9px 0;
}

.w-coup-break {
  Page-Break-After  : Always;
  clear             : both;
}