.SeparateRow .RetailStoreArea {
  background-color: white; color: #202020; padding: 0.5rem 1rem;
  font-family: Roboto, Arial, sans-serif;
}

.ProductsHeader { text-align: center; margin-top: 0.3rem; margin-bottom: 0.5rem; font-size: 1.5rem; }
.NoAvailabilityAlert {
  border: solid 1px #ffaaaa; padding: 0.5rem 1.2rem;
  margin: 0.5rem 0; font-size: 1.2rem; color: red;
}

.RetailGridTable { width: 100%; height: 100%; border-spacing: 0; }
.RetailGridTable .ProductCell {
  width: 50%; height: 100%; box-sizing: border-box;
  border: solid 1px #f0f0f0; border-left: none; border-top: none;
  padding: 0; vertical-align: top;
}
.RetailGridTable .ProductRow:first-child .ProductCell { border-top: solid 1px #f0f0f0; }
.RetailGridTable .ProductCell:first-child { border-left: solid 1px #f0f0f0; }
.RetailGridTable .ProductArea {
  width: 100%; height: 100%; box-sizing: border-box;
  border: solid 1px transparent;
  padding: 1.4rem 1.4rem;
}
.RetailGridTable .ProductArea:hover { border: solid 1px #c8c8c8; }

.ProductImageContainer { text-align: center; }
.ProductPicture {
  display: inline-block; max-width: 25.5rem; max-height: 12rem;
  text-align: center;
}
.ProductNameContainer {
  margin: 0.5rem 0 0.5rem;
  font-size: 1.05rem; font-weight: bold; color: #606060;
}

.AttributesTable { border-collapse: collapse; width: 100%; }
.AttributesTable > tbody > tr > td { vertical-align: top; padding: 0.25rem 0; }
.AttributesTable .attributeCell { width: 35%; font-size: 0.95rem; }
.AttributesTable .valueCell { white-space: nowrap; }
.AttributesTable .price { font-weight: bold; }
.AttributesTable select { margin-top: -0.13rem; }

.AddButtonContainer { margin-top: 0.6rem; }
.AddButtonContainer button {
  background-color: #5cb5a5;
  border: none; border-radius: .25rem;
  padding: .45rem .75rem;
  font-size: 1rem; color: white;
  cursor: pointer;
}