/**
 * Grocerus browser style.
 *
 * Created by: Jeff Verkoeyen
 *
 * Reminder: Images are from http://iconarchive.com/category/food-icons.html
 *
 */

.category {
  margin: 10px;
  padding: 20px;
  float: left;
  text-align: center;
  font-size: 16pt;
  border: 1px solid #AAA;
  width: 175px;
  height: 175px;
}

.category:hover {
  border: 1px solid #333;
}

.children {
  float: right;
  clear: right;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #aaa;
  text-align: center;
  width: 200px;
}

.children .return {
  font-size: 10pt;
}

.children .up {
  font-size: 14pt;
}

.children .current {
  font-size: 18pt;
  font-weight: bold;
  border-bottom: 1px solid #555;
}

.children img {
  padding-top: 15px;
}

.sale {
  color: #4C4;
}

/**
 * Each row of prices is of the form:
 * <item>
 * <product>Product name (weight)</product>
 *   <price>Price ^time left^ (ratio)</price>
 *   <store>Store location</store>
 * </item>
 */
.item {
  padding-bottom: 10px;
}

.price, .store {
  margin-left: 15px;
}