/**
 * Main Stylesheet
 *
 * @author Brad Chen <brad.chen@70ms.com>
 */

.french #header #logo {
  background: url(images-fr/logo-scotiabank.gif) no-repeat;
  width: 241px;
  height: 34px;
}

.french #wrapper h1 {
  background: url(images-fr/h1-cash-back-calculator.png) no-repeat;
}

.french #wrapper .subtitle {
  background: url(images-fr/subtitle-fill-in-purchases.png) no-repeat;
}

.french #wrapper #main ul.input li {
  margin: 0 0 5px;
  padding: 0 0 0 60px;
}

.french #wrapper #main ul.input li .label {
  width: 200px;
}

.french #wrapper #main ul.input li.grocery-store .label {
  background: url(images-fr/label-grocery-store.png) left 2px no-repeat;
  height: 22px;
}

.french #wrapper #main ul.input li.gas-station .label {
  background: url(images-fr/label-gas-station.png) left 6px no-repeat;
  height: 20px;
}

.french #wrapper #main ul.input li.drug-store .label {
  background: url(images-fr/label-drug-store.png) left 7px no-repeat;
  height: 22px;
}

.french #wrapper #main ul.input li.recurring-bills .label {
  background: url(images-fr/label-recurring-bills.png) left 5px no-repeat;
  height: 23px;
}

.french #wrapper #main ul.input li.other .label {
  background: url(images-fr/label-other.png) left 5px no-repeat;
  height: 20px;
}

.french #wrapper #main #monthly-total {
  padding: 6px 0 2px 465px;
}

.french #wrapper #main #monthly-total .label {
  background: url(images-fr/label-monthly-total.png) left 1px no-repeat;
  width: 116px;
  height: 16px;
  margin-right: 24px;
}

.french #wrapper #main #result-box h2 span.image-text {
  background: url(images-fr/h2-estimated-cash-back.png) no-repeat;
  width: 482px;
}

.french #wrapper #main #result-box #cards #infinite h3 {
  background: url(images-fr/card-infinite.png) no-repeat;
}

.french #wrapper #main #result-box #cards #regular h3 {
  background: url(images-fr/card-regular.png) no-repeat;
}

.french #wrapper #main #result-box #cards #no-fee h3 {
  background: url(images-fr/card-no-fee.png) no-repeat;
}

.french #card-comparison .infinite h3 {
  background: url(images-fr/card-infinite.png) no-repeat;
}

.french #card-comparison .regular h3 {
  background: url(images-fr/card-regular.png) no-repeat;
}

.french #card-comparison .no-fee h3 {
  background: url(images-fr/card-no-fee.png) no-repeat;
}

.french #card-comparison .mc h3 {
  background: url(images-fr/card-mastercard.png) no-repeat;
}

.french #wrapper #main #result-box #cards .special-offer {
  background: url(images-fr/bg-special-offer.gif) right top no-repeat;
}

.french #wrapper #main #result-box #cards dl.rewards dd .label {
  font-size: 0.7em;
  padding-top: 7px;
  width: 46px;
}

.french #wrapper #main #result-box #cards dl.rewards dd.other .label {
  width: 80px;
}

.french #wrapper #main #result-box #cards .apply-now {
  background: url(images-fr/btn-apply-now.png) no-repeat;
/*  width: 184px;*/
}

.french #wrapper #main #result-box #cards .branch-loc {
  background: url(images-fr/btn-branch-loc.png) no-repeat;
/*  width: 184px;*/
}

.french #wrapper #main #result-box #compare-cards-link {
  background: url(images-fr/btn-compare-cards.png) no-repeat;
}

.french #card-comparison h2 span.image-text {
  background: url(images-fr/h2-comparison-chart.png) left 4px no-repeat;
}

.french #card-comparison .column {
  width: 228px !important;
}

.french #legal-footnotes h2 span.image-text {
  background: url(images-fr/h2-legal-footnotes.png) no-repeat;
}

.french #legal-footnotes p sup {
  font-size: 0.8em;
  line-height: 1em;
}

.french .mid-section h4 {
  font-size:0.75em;
}