/**
 * You can place your custom CSS statements here
 * it is better to write everything custom here
 * because this file won't be replaced during upgrade
 * Don't forget to rename this file to "site.css"
***to find the product ID code  i.e. product-5551-18197 - in chrome ... then more tools > developer tools > application is default then > search at BOTTOM of screen and enter "product-" it will then show the product ID followed by the unique ID that you will need to enter below. (if using ctrl and F it will not find the product on the page.)
 */

.am-body-content img {
    max-width: none;
}


label[for=product-2-2] {
  display: block;
  text-align: center;
  border: 2px dashed red;
  padding: 2em;
  background: lightyellow;
  font-size: 1.2rem;
  cursor: pointer;
  margin-bottom: -1.8em;
}

label[for=product-4615-16953] {
  display: block;
  text-align: center;
  border: 3px dashed red;
  padding: 1em;
  background: lightyellow;
  font-size: 1.8rem;
  cursor: pointer;
  margin-bottom: -1.2em;
}

label[for=product-4912-17313] {
  display: block;
  text-align: center;
  border: 2px dashed red;
  padding: 2em;
  background: lightyellow;
  font-size: 1.2rem;
  cursor: pointer;
  margin-bottom: -1.8em;
}

label[for=product-5551-18197] {
  display: block;
  text-align: center;
  border: 3px dashed red;
  padding: 1em;
  background: lightyellow;
  font-size: 1.8rem;
  cursor: pointer;
  margin-bottom: -1.2em;
}