@import 'css/master/settings/settings';

#couponModalInfo, #couponErrorContainer {
  background: none repeat scroll 0 0 $white;
  min-height: 100px;
  padding: $commonPadding * 3 $commonPadding * 8   $commonPadding * 3  $commonPadding * 3;
  width: 550px;

  p {
    margin: 4px 0 6px;

    &.coupon_header {
      color: $gray;
      text-transform: uppercase;
    }

    &.coupon_error {
      color: $red;
      margin-bottom: $commonPadding * 4;
    }
  }
  li {
    &.link_button , &.button  {
       padding-right: $commonPadding * 3;

      &.first {
        padding-left: 0;
      }
    }

  }

}

#validCouponDisplay {
  tr {
    display: block;
    position: relative;
    padding-bottom: 1.6em;
    margin-bottom: .4em;
  }

   td {
     display: inline;
     line-height: 1em;
   }

  th {
    display: inline;
    color: #666;
    font-weight: normal;
    position: absolute;
    bottom: .1em;

    &:before {
      content: '(';
    }

    &:after {
      content: ')';
    }

  }
}