.yellowBox .yellowHeader {
  background-color: #ffdc93;
  margin: 0;
  padding: 5px;
}

.yellowBox .yellowHeader h3,
.purchaseInstructions h3,
.transactionInfo h3 {
  font-size: 14px;
  line-height: 1.5em;
  margin: 0;
  padding: 0;
}

.yellowBox .yellowContent {
  background: #fff7da url(/wastatic/common/img/yellowbox_gradient.gif) repeat-x scroll bottom left;
  border: 1px solid #ffdc93;
  border-width: 0 1px 1px 1px;
  margin: 0 0 0 20px;
}

.yellowBox .yellowContent .textbookCover {
  float: left;
  margin: 7px;
}

.yellowBox .yellowContent .optionsBox {
  margin-left: 100px;
}

.yellowBox,
.purchaseInstructions,
.transactionInfo,
.yellowBox .yellowContent .optionsBox {
  padding: 10px;
}

.yellowBox .yellowContent .optionsBox table {
  width: 600px;
}

.yellowBox .yellowContent p.price,
.yellowBox .yellowContent p.deal {
  font-size: 10px;
}

.yellowBox .yellowContent p.discount {
  font-size: 10px;
  color: #666;
}

.yellowBox .yellowContent td.option {
  width: 20px;
}

.yellowBox .yellowContent td.deal {
  text-align: right;
  min-width: 100px;
}

.yellowBox .yellowContent div.p {
  margin: 0;
  padding: 0;
  color: #333333;
  font: normal 13px/20px arial, helvetica, sans-serif;
}

.yellowBox .yellowContent b {
  color: #070;
}

.yellowBox .yellowContent .optionsBox .cartPrice {
  font-weight: normal;
}

p.priceAmount {
  text-align: right;
  font-weight: bold;
  text-size: 14px;
}

p.total,
p.total .totalLabel {
  margin: 0 21px;
}

hr.purchaseButtonBorder {
  margin: 1em;
  color: #aaa;
  background-color: #aaa;
  border: 0;
  height: 1px;
}

div.purchaseButtons {
  margin: 1em auto;
  width: 200px;
}

.refundInfo {
  text-align: center;
}

.transactionInfo .transInfoLabel {
  margin: 0 0 0 2em;
  width: 12em;
  float: left;
}