/*
    Created on : Apr 18, 2017, 4:00:15 PM
    Author     : John M. Woodcock <john@userx.co>
*/
/* style to force divs to resize based on content */
.clearfix:after, #main-content.product #left-area:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.clearfix, #main-content.product #left-area {
  display: block; }

html[xmlns] .clearfix, html[xmlns] #main-content.product #left-area, #main-content.product html[xmlns] #left-area {
  display: block; }

* html .clearfix, * html #main-content.product #left-area, #main-content.product * html #left-area {
  height: 1%; }

#main-content.product #left-area .entry-content {
  clear: both; }
#main-content.product #left-area #entry-featured-image {
  height: 300px;
  width: 90%;
  float: left;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat; }
#main-content.product #left-area #color-swatches {
  width: 7%;
  float: right; }
  #main-content.product #left-area #color-swatches > a {
    display: block;
    margin-bottom: 3px; }
    #main-content.product #left-area #color-swatches > a > img {
      display: block;
      width: 100%;
      height: auto; }
    #main-content.product #left-area #color-swatches > a.active {
      outline: 2px solid #73BF43; }

/*# sourceMappingURL=products.css.map */