
ul.ProductPageColorSwatch li {
	/* Reuben, centering did not match left aligned labels.
/*  text-align: center; */
  float: left;
    width: 100px;
  height: 110px;
  overflow: hidden;
  margin: 1%;
  position: relative;
}


div.ColorSwatchIMG { max-height: 80px; overflow:hidden; margin-bottom:20px;}

ul.ProductPageColorSwatch li img {
  max-height: 80px;
}

ul.ProductPageColorSwatch li .ColorSwatchOption {
  display:block;
  top: 80px;
  position:absolute;
  font-size: 10px;
  line-height: 15px;
  text-align: left;
}

.ColorSwatchOption .priceWrap {
    display: block;
}

/* new rows/flex basis */

ul.ProductPageColourSwatchRows li {
    float: none;
    margin: 2%;
    overflow: hidden;
}

ul.ProductPageColourSwatchRows li .ColorSwatchIMG {
  max-height: none;
}

ul.ProductPageColorSwatch li

@media (min-width: 640px) {

  ul.ProductPageColourSwatchRows li div#ColorSwatch {
    display: flex;
    overflow: hidden;
  }

  ul.ProductPageColourSwatchRows li .ColorSwatchIMG {
  width: 25%;
  }

  ul.ProductPageColourSwatchRows li .ColorSwatchOption  {
    position: relative;
    top: auto;
    width: 75%;
    overflow: hidden;
  }
	ul.ProductPageColourSwatchRows li label input  {
	  float: left;  margin: 2%;
	}

  ul.ProductPageColourSwatchRows .variantDetail  {
    overflow: hidden;
  }

}

/* wrap prompt floats; */
.variantDetail>div  {
  clear:both;
  overflow: hidden;
}

@media (max-width: 640px) {
  .variantDetail .cmsFormPrompt ,
  .variantDetail .cmsFormData {
    float: none; width: 100%;
  }
}

