.AccordionPanelContent > table > tbody > tr > td {
  padding: 5px;
}

#salesBody table td {
  padding: 5px;
}

/* The vendor logo beside each photo is shown at its own size, and the existing ones are at most
   305px wide. A larger file would otherwise push the panel wider than the page. */
.AccordionPanelContent > table > tbody > tr:first-child > td + td > img {
  max-width: 305px;
  height: auto;
}

.specialOfferDetails {
  font-size: 11px;
}

@media (width <= 500px) {
  .AccordionPanelContent > table > tbody > tr {
    display: block;
    padding: 10px;
  }

  .AccordionPanelContent > table > tbody > tr:first-child > td {
    width: 100%;
    display: block;
  }

  .AccordionPanelContent > table > tbody > tr:first-child > td:first-child > img {
    width: 100%;
  }
}