/* ========================================================= */
/*                      Product Page Styles                  */
/* ========================================================= */


/*** Image Area ***/

.imageMain {
  position:relative;
  float:right;
  width:520px;
  max-width:83.33%;
  text-align:right;
  padding-right:20px;
}
.imageMain.loadingImage:after {
  position:absolute;
  top:50%;
  left:50%;
  width:120px;
  height:30px;
  margin-left:-60px;
  margin-top:-15px;
  background-color:#fff;
  background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/loader.gif?5752523801438582849);
  background-repeat:no-repeat;
  background-position:right 10px center;
  box-shadow: 0 0 10px #888;
  border-radius:2px;
  padding-left:17px;
  content:'Loading';
  text-align:left;
  font-size:14px;
  line-height:30px;
  color:#000;
}
.imageMain a {
  cursor:zoom-in;
}
.imageThumbnails {
  float:left;
  width:50px;
  max-width:16.67%;
}
.imageThumbnails ul {
  list-style:none;
  padding:0;
  margin:0;
  text-align:center;
}
.imageThumbnails ul li {
  width:100%;
  max-width:100%;
  margin:0 0 6px 0;
  box-shadow:0 0 1px 0px rgba(0,0,0,0.3);
}
.imageThumbnails ul li img {
  display:block;
  margin:0 auto;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:50px;
  -webkit-transition: opacity 200ms;
  -moz-transition: opacity 200ms;
  transition: opacity 200ms;
}
.imageThumbnails ul li .activeThumb img {
  opacity:0.7;
}


/************** Product Image Popup **************/

.productImagePopup {
  position:absolute;
  z-index:1600;
  top:0;
  left:0;
  width:100%;
  min-height:100%;
  
  visibility:hidden;
  opacity:0;
}
.productImagePopup.popupVisible {
  visibility:visible;
  opacity:1;
}
.productImagePopup.fadeOut {
  -webkit-transition: opacity 600ms, visibility 600ms;
  -moz-transition: opacity 600ms, visibility 600ms;
  transition: opacity 600ms, visibility 600ms;
}
.productImagePopup .popupBody {
  width:100%;
  background-color:#fff;
}
.productImagePopup .popupFoot {
  width:100%;
  height:120px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ 
}
.productImagePopup .centerContainer {
  /* height:100%; */
}
.productImagePopup .centerContainer:after {
  content:'';
  clear:both;
  display:table;
}
.productImagePopup .imageMain {
  float:right;
  width:calc(100% - 100px);
  max-width:none;
  /* height:100%; */
  text-align:center;
  padding:30px;
}
.productImagePopup .imageMain img {
  cursor:zoom-out;
}
.productImagePopup .imageThumbnails {
  float:left;
  width:100px;
  max-width:none;
  padding:30px 0;
}
.productImagePopup .imageThumbnails ul li {
  margin:0 0 8px 0;
}
.productImagePopup .imageThumbnails ul li img {
  width:auto;
  max-width:100%;
  height:auto;
  max-height:100px;
}


.closeProductImagePopup {
  display:block;
  position:absolute;
  top:0;
  right:0;
  padding:45px 60px;
  cursor:pointer;
  font-size:28px;
  color:#000;
}

/************** End Product Image Popup **************/



/*** Options Area ***/

.productTitle h1 {
  font-size:28px;
}

.learnMoreDropdown {
  position:absolute;
  z-index:1500;
  top:0;
  right:0;
  margin-right:60px;
  margin-top:45px;
  width:300px;
  background:#ddd;
  border-radius:4px;
  padding:35px;
  text-align:center;
  line-height:1.9;
    
  display:none;
}
  
.learnMoreDropdown:before {
  content:'';
  position:absolute;
  top:0;
  left:50%;
  margin-left:-20px;
  margin-top:-20px;
  width:0;
  height:0;
  border-left:20px solid transparent;
  border-right:20px solid transparent;
  border-bottom:20px solid #ddd;
}

ul.quickDetails {
  margin:0;
  padding:10px 0;
  list-style:none;
}
ul.quickDetails li {
  padding:0 0 10px;
}
ul.quickDetails li > a {
  border-bottom:2px dotted #ccc;
}
ul.quickDetails li > a:hover {
  color:#34657F !important; 
  border-bottom:2px dotted #34657F;
}


/************** Product Options **************/

.productOptions {
  width:100%;
  position:relative; /* because of loading overlay within */
}
.productOptions .optionSet {
  width:100%;
  border-top:1px solid #ddd;
  padding:10px 0; 
}
.productVariantButtons .optionSet {
  
}

.optionSet ul.optionList {
  list-style:none;
  padding:0;
  margin:0;
}
.optionSet ul.optionList a {
  text-decoration:none;
  color:inherit;
}
.optionSet ul.optionList li {
  position:relative;
}
.optionSet ul.optionList li span {
  display:block;
  width:100%;
  font-size:12px;
  font-weight:bold;
  text-transform:uppercase;
  color:#6f6f6f;
}
.optionSet ul.optionList li.selected span,
.optionSet ul.optionList li.available a:hover span {
  color:#000;
}
.optionSet ul.optionList li.notAvailable span {
  opacity:0.5;
}
.optionSet-flavor ul.optionList li.notAvailable span {
  opacity:1;
  position:relative;
}
.optionSet-flavor ul.optionList li.notAvailable span:after {
  content:'';
  position:absolute;
  top:50%;
  left:50%;
  width:16px;
  margin-left:-8px;
  height:4px;
  margin-top:-2px;
  background-color:#fff;
  border-radius:3px;
}
  

/* Not Available Message */
.optionSet ul.optionList li.notAvailable:before {
  content:'Not available';
  position:absolute;
  top:0;
  width:190px;
  height:30px;
  margin-top:-36px;
  background-color:#444C55;
  border-radius:3px;
  color:#fff;
  font-size:12px;
  line-height:1;
  font-weight:normal;
  text-align:center;
  padding:8px 2px 2px;
  display:none;
}
.optionSet ul.optionList li.notAvailable:after {
  content:'';
  position:absolute;
  top:0;
  width:0;
  height:0;
  margin-left:-5px;
  margin-top:-6px;
  border-left:8px solid transparent;
  border-right:8px solid transparent;
  border-top:8px solid #444C55;
  display:none;
}
.optionSet ul.optionList li.notAvailable:hover:after,
.optionSet ul.optionList li.notAvailable:hover:before {
  display:block;
}
/* --- */


/* optionSet-size (or optionSet-form, or anything that's not flavor) */

.optionSet:not(.optionSet-flavor) ul.optionList li {
  display:block;
  width:100%;
  padding:5px 0;
}
.optionSet:not(.optionSet-flavor) ul.optionList li span {
  height:25px;
  line-height:25px;
  background-repeat:no-repeat;
  background-position:right top;
  background-size:25px;
  background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/blueCheckCircle.png?5752523801438582849);
}
.optionSet:not(.optionSet-flavor) ul.optionList li.selected span {
  background-position:right bottom;
}

.optionSet:not(.optionSet-flavor) ul.optionList li.notAvailable:before {
  content:'Not available in selected flavor';
  left:auto;
  right:0;
  margin-left:0;
  margin-right:-10px;
}
.optionSet:not(.optionSet-flavor) ul.optionList li.notAvailable:after {
  left:auto;
  right:5px;
}



/* optionSet-flavor */

.optionSet-flavor .optionLabel {
  float:left;
  width:100px;
  padding:6px 0 0;
}
.optionSet-flavor .optionLabel h6 {
  position:relative;
  min-height:32px;
  padding:0;
  margin-bottom:-5px;
}
.optionSet-flavor .optionLabel h6 .additionalInfo {
  position:absolute;
  left:0;
}
.optionSet-flavor .optionLabel .hoveredFlavor {
  display:none;
}
.optionSet-flavor .optionLabel.showingHoveredFlavor .selectedFlavor {
  display:none;
}
.optionSet-flavor .optionLabel.showingHoveredFlavor .hoveredFlavor {
  display:initial;
}
.optionSet-flavor ul.optionList {
  float:right;
  width:calc(100% - 100px);
  text-align:right;
  padding:6px 0;
}
.optionSet-flavor ul.optionList li {
  display:inline-block;
  padding:5px 0 5px 5px;
}
.optionSet-flavor ul.optionList li span {
  width:30px;
  height:30px;
  border-radius:50%;
  border:3px solid #fff;
  background-color:#ddd;
  text-align:left;
  text-indent:-9999px;
}
.optionSet-flavor ul.optionList li.selected span {
  box-shadow:0 0 3px #6e6e6e;
}

.optionSet-flavor ul.optionList li.notAvailable:before {
  content:'Not available in selected size';
  left:50%;
  margin-left:-95px;
}
.optionSet-flavor.otherOptionSetIs-form ul.optionList li.notAvailable:before {
  content:'Not available in selected form';
}
.optionSet-flavor ul.optionList li.notAvailable:after {
  left:50%;
}


/* Flavor Icon BG Colors */

.optionSet-flavor ul.optionList li.classic span,
.optionSet-flavor ul.optionList li.unflavored span {
  background-color:#c9d6e7;
}
#product-container-whey-isolate-glutamine .optionSet-flavor ul.optionList li.unflavored span,
#product-container-isolate .optionSet-flavor ul.optionList li.unflavored span {
  background-color:#FFD700;
}
#product-container-bcaa .optionSet-flavor ul.optionList li.unflavored span {
  background-color:#7955be;
}
#product-container-bcaa .productOptionsCurrentVariant-capsules-unflavored .optionSet-flavor ul.optionList li.unflavored span {
  background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/pillIconWhite.png?5752523801438582849);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:15px auto;
}
.optionSet-flavor ul.optionList li.capsules span,
.optionSet-flavor ul.optionList li.unflavored-capsules span {
  background-color:#7955be;
  background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/pillIconWhite.png?5752523801438582849);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:15px auto;
}
.optionSet-flavor ul.optionList li.capsules.notAvailable span,
.optionSet-flavor ul.optionList li.unflavored-capsules.notAvailable span {
  opacity:0.5;
}
.optionSet-flavor ul.optionList li.capsules.notAvailable span:after,
.optionSet-flavor ul.optionList li.unflavored-capsules.notAvailable span:after {
  background-color:#000;
}
#product-container-puffs .optionSet-flavor ul.optionList li.unflavored span {
  background-color:#3ebeb7;
}
#product-container-recovery .optionSet-flavor ul.optionList li.unflavored span {
  background-color:#dd3a4d;
}
#product-container-puffs .optionSet-flavor ul.optionList li.chocolate span {
  background-color:#986A5D;
}
.optionSet-flavor ul.optionList li.chocolate span,
.optionSet-flavor ul.optionList li.raw-chocolate span {
  background-color:#b67b38;
}
.optionSet-flavor ul.optionList li.recovery-raw-chocolate span,
#product-container-recovery .optionSet-flavor ul.optionList li.chocolate span,
#product-container-recovery .optionSet-flavor ul.optionList li.raw-chocolate span {
  background-color:#444444;
  background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/chocolateRecoveryMetallicBG.png?5752523801438582849);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:24px 24px;
}
.optionSet-flavor ul.optionList li.vegan-b12 span {
  background-color:#42b149;
}
.productContainer-shared-product-vegan .optionSet-flavor ul.optionList li.chocolate span {
  background-color:#ffb6c1;
  background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/veganChocolateNewImproved.png?5752523801438582849);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:24px 24px;
}
.productContainer-shared-product-vegan .optionSet-flavor ul.optionList li.raw-chocolate span {
  background-color:#ffb6c1;
}
.optionSet-flavor ul.optionList li.peanut-butter span {
  background-color:#e0c354;
}
.optionSet-flavor ul.optionList li.chocolate-peanut-butter span {
  background-color:#416bb4;
}
#product-container-peanut-butter-protein .optionSet-flavor ul.optionList li.peanut-butter span {
  background-color:#E9CEB0;
}
#product-container-peanut-butter-protein .optionSet-flavor ul.optionList li.chocolate-peanut-butter span {
  background-color:#B88E6E;
}
.optionSet-flavor ul.optionList li.organic-pea-protein span {
  background-color:#d5e6bf;
}
.optionSet-flavor ul.optionList li.vanilla span {
  background-color:#e5e2d4;
}
.optionSet-flavor ul.optionList li.whey-isolate-glutamine span,
.optionSet-flavor ul.optionList li.unflavored-glutamine span {
  background-color:#F4F5F6;
}
.optionSet-flavor ul.optionList li.master-pack span {
  background-color:#FEE47F;
}
.optionSet-flavor ul.optionList li.cherry-limeade span {
  background-color:#DF1995;
}
.optionSet-flavor ul.optionList li.natural span {
  background-color:#cccccc;
}
.optionSet-flavor ul.optionList li.orange span {
  background-color:#ff6633;
}
.optionSet-flavor ul.optionList li.lemon-lime span {
  background-color:#cccc33;
}
.optionSet-flavor ul.optionList li.organic-energy span {
  background-color:#42b149;
}
.optionSet-flavor ul.optionList li.lemonade span {
  background-color:#FFD700;
}
.optionSet-flavor ul.optionList li.wildberry span {
  background-color:#3B91C4;
}
.optionSet-flavor ul.optionList li.strawberry-lemonade span {
  background-color:#E58877;
}
.optionSet-flavor ul.optionList li.limeade span {
  background-color:#cccc33;
}
.optionSet-flavor ul.optionList li.tingle-free-lemonade span {
  background-color:#FFD700;
}
.optionSet-flavor ul.optionList li.raspberry-lemonade span {
  background-color:#dd3a4d;
}
.optionSet-flavor ul.optionList li.optimal-chocolate span {
  background-color:#1d4c59;
}

.optionSet-flavor ul.optionList li.zero-one-ingredient span {
  background-color:#34657F;
  background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/oneIconWhite.png?5752523801438582849);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:15px 15px;
}
.optionSet-flavor ul.optionList li.zero-instant-mix span {
  background-color:#34657F;
  background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/plusIconWhite.png?5752523801438582849);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:15px 15px;
}
.optionSet-flavor ul.optionList li.zero-vita-min span {
  background-color:#34657F;
  background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/vIconWhite.png?5752523801438582849);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:15px 15px;
}
.optionSet-flavor ul.optionList li.energy-drink span {
  background-color:#a1a1a1;
  background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/energyDrinkIconBG.png?5752523801438582849);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:24px;
}
.optionSet-flavor ul.optionList li.athlete-vitamin span {
  background-color:#a1a1a1;
  background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/athleteVitaminIconBG.png?5752523801438582849);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:24px;
}


/* End Flavor icon bg colors */



/*** Fancy Quantity ***/

.fancyQuantity button,.fancyQuantity input {
  display:inline-block;
  vertical-align:middle;
  margin:5px;
}
.fancyQuantity button {
  -webkit-appearance:none;
  width:25px;
  height:25px;
  border-radius:50%;
  border:1px solid #ccc;
  color:#ccc;
  font-size:20px;
  line-height:normal;
  text-align:center;
  padding:0 !important;
}
.fancyQuantity button span {
  display:block;
  margin-top:-3px;
}
.fancyQuantity button:active {
  outline:none;
}
.fancyQuantity button:hover {
  border:1px solid #E07B66;
  color:#E07B66;
}

.fancyQuantity input {
  width:50px;
  border:1px solid #ccc;
  text-align:center;
}

/*** End Fancy Quantity ***/



/*** Product Standard Dropdown ***/

.optionSet-variant-dropdown {
  border-top:0 !important;
  padding-bottom:20px !important;
}
.productStandardDropdown select {
  width:100%;
  background:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/arrow-dark.png?5752523801438582849) right 10px center no-repeat;
  -webkit-appearance: none;
  padding-right:20px;
}


/*** Add To Cart ***/

.optionSet-addtocart .buttonPrimary {
  width:100%;
  margin-top:10px;
}



/**** Out of Stock ****/

h5.outOfStockText  {
  padding:8px 0 0;
}

/* Start Re-stock app styles */

div#dd-restock-notification-container {
  margin-top:0 !important;
}
.da-restock-notification {
  padding:5px 0 0;
  font-size:12.5px;
  line-height:1.4;
  color:#9d9d9d;
}
div#dd-restock-notification-msg {
  font-size:12.5px;
  line-height:1.4;
  background-color: #fff !important;
  color: #9d9d9d !important;
  border-radius: 0 !important;
  padding: 5px 0 0 !important;
  border: none !important;
}
div#dd-restock-notification-container .da-restock-notification p {
  font-size:12.5px;
  line-height:1.4;
  color: #9d9d9d !important;
  padding: 0 !important;
}
div#dd-restock-notification-container .da-restock-notification form {
  padding:0 !important;
  background-color:#fff !important;
}
div#dd-restock-notification-container .da-restock-notification:after, /* in case form gets removed by app (happens when it detects its inside another form, like product options form) */
div#dd-restock-notification-container .da-restock-notification form:after {
  display:table;
  content:'';
  clear:both;
}
div#dd-restock-notification-container .da-restock-notification input[type=text] {
  display:block;
  float:left;
  width:62%;
  margin-right:2%;
  font-size:13px;
  margin-top:10px;
}
div#dd-restock-notification-container .da-restock-notification button {
  display:block;
  float:left;
  width:36%;
  padding-left:0;
  padding-right:0;
  background-color:#34657F;
  border:1px solid #34657F;
  color:#fff;
  font-size:13px;
  text-transform:uppercase;
  margin-top:10px;
}
div#dd-restock-notification-container .da-restock-notification button:hover {
  background-color:#000;
  border:1px solid #000;
}


/* End Re-stock app styles */

/**** End Out of Stock ****/


/** ReCharge app styles **/

div#rc_container {
  margin-top:-5px !important;
  margin-bottom:5px !important;
  font-size:13px !important;
}
div#rc_container label {
  font-size:13px !important;
}

div.rc_block__type {
  padding:4px 8px !important;
}

div.rc_popup {
  display:none !important;
}



/*** Product Options Loading Overlay ***/

.productOptions .loadingOverlay {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-color:rgba(255,255,255,0.6);
  background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/loader.gif?5752523801438582849);
  background-repeat:no-repeat;
  background-position:center center;
  
  display:none;
}
.productOptions.loading .loadingOverlay {
  display:block;
}


/************** End Product Options **************/



/************** Product Bullets **************/

.productBullets {
  width:100%;
  padding:20px 0;
  background-color:#34657F;
}
.productBullets-peanut-butter-protein {
  background-color:#e1c09e; 
}
.productBullets ul {
  list-style:none;
  padding:0;
  margin:0;
  width:100%;
  display:table;
  border-spacing:4px;
}
.productBullets ul li {
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  border-radius:5px;
}
.productBullets h3 {
  text-transform:uppercase;
  font-size:16px;
  line-height:1;
  color:#000;
}
.productBullets h3 .large {
  font-size:22px;
  line-height:26px;
}
.productBullets h3 .small {
  font-size:14px;
  line-height:13px;
}
.productBullets h3 .smaller {
  font-size:10px;
  line-height:9px;
  font-weight:normal;
}
.productBullets p {
  font-size:16px;
  line-height:1.2;
  color:#000;
}
  
.productBulletsTopRow ul {
  
}
.productBulletsTopRow ul li {
  padding:16px 10px 14px;
  background-color:#fff;
}
  
.productBulletsTopRow ul li.bulletTitle {
  width:17%;
}
.productBulletsTopRow ul li.bulletDescription {
  width:50%;
}
.productBulletsTopRow ul li.bulletMisc1,
.productBulletsTopRow ul li.bulletMisc2,
.productBulletsTopRow ul li.bulletMisc3 {
  width:11%;
}
.bigMisc3 ul li.bulletMisc1,
.bigMisc3 ul li.bulletMisc2 {
  width:9%;
}
.bigMisc3 ul li.bulletMisc3 {
  width:15%;
}
    
.productBulletsTopRow ul li.blankBullet {
  background-color:#e5e5e4;
  border:0;
  display:none;
}

.productBulletsBottomRow {
  margin-top:10px;
}
.productBulletsBottomRow ul {
  border-spacing:12px;
}
.productBulletsBottomRow ul li {
  position:relative;
  width:14.28%;
  padding:2px 5px 8px;
  background-color:#fff;
  cursor:pointer;
  background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/clickArrowDownBlue.png?5752523801438582849);
  background-repeat:no-repeat;
  background-position:center bottom 4px;
  background-size:14px;
}
.productBulletsBottomRow ul li.activeBullet {
    background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/clickArrowUpBlue.png?5752523801438582849);
}
.productBulletsBottomRow ul li h3 {
    color:#000;
    padding:4px 0 8px;
}
.productBulletsBottomRow ul li:hover h3 {
    color:#34657F;
}
.productBulletsBottomRow ul li.withNoPopup {
  cursor:default;
  background-image:none !important;
}
.productBulletsBottomRow ul li.withNoPopup:hover h3 {
  color:#000;
}
  
.productBulletsBottomRow ul li .infoPopup {
    position:absolute;
    width:150%;
    left:-25%;
    bottom:100%;
    margin-bottom:25px;
    background-color:#000;
    color:#fff;
    padding:20px;
    display:none;
}
.productBulletsBottomRow ul li.activeBullet .infoPopup {
    display:block;
}
.productBulletsBottomRow ul li .infoPopup:after {
    content:'';
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-20px;
    margin-bottom:-20px;
    width:0;
    height:0;
    border-left:20px solid transparent;
    border-right:20px solid transparent;
    border-top:20px solid #000;
}
  
.productBulletsBottomRow ul li:first-of-type .infoPopup {
    left:0;
}
.productBulletsBottomRow ul li:first-of-type .infoPopup:after {
    left:33.33%;
}
.productBulletsBottomRow ul li:last-of-type .infoPopup {
    left:auto;
    right:0;
}
.productBulletsBottomRow ul li:last-of-type .infoPopup:after {
    left:66.66%;
}
  
.productBulletsBottomRow ul li.blankBullet {
    display:none;
}
  
.productBulletsBottomRow ul li .infoPopup .fakeCloseX {
    color:#fff;
    display:block;
    position:absolute;
    top:0;
    right:0;
    width:15px;
    height:15px;
    line-height:11px;
    text-align:center;
    border-radius:50%;
    border:1px solid #fff;
    margin:5px;
    padding:1px 0 0 1px; /* to account for border */
}
  
  
.productBullets .leftSideContainer {
    display:inline-block;
    vertical-align:middle;
    padding-right:15px;
    width:60%;
}
.productBullets .rightSideContainer {
    display:inline-block;
    vertical-align:middle;
    padding-left:15px;
    width:40%;
}
.productBullets .rightSideContainer img {
  display:inline-block;
  vertical-align:middle;
  width:50%;
}

/************** End Product Bullets **************/


/**** Product Tips (on stumptown template, but could be on any template) ****/

.productTips h3 {
  padding:10px 0 5px;
  font-size:14px;
  color:#6f6f6f;
}
.productTips p {
  font-size:13px;
  line-height:1.4;
  color:#9d9d9d;
  padding:0;
}

/**** Product Additional -> Product Description (on stumptown template, but could be on any template) ****/

@font-face {
  font-family: "Century Gothic";
  font-weight:normal;
  src: 
    url('CenturyGothic.woff') format('woff'), /* Modern Browsers */
    url('CenturyGothic.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: "Century Gothic";
  font-weight:bold;
  src: 
    url('CenturyGothic-Bold.woff') format('woff'), /* Modern Browsers */
    url('CenturyGothic-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
}

.productDescription h3 {
  font-family:'Century Gothic',sans-serif;
  font-size:18px;
  letter-spacing:0.5px;
  font-weight:bold;
  line-height:1.4;
  padding:10px 0 5px;
  color:#34657F;
  text-transform:uppercase;
}
.productDescription h4 {
  font-family:'Century Gothic',sans-serif;
  font-size:18px;
  letter-spacing:0.5px;
  font-weight:bold;
  line-height:1.4;
  padding:10px 0;
  color:#34657F;
  text-transform:uppercase;
}
.productDescription,
.productDescription p {
  font-family:'Century Gothic',sans-serif;
  font-size:14px;
  line-height:1.5;
  color:#000;
}
.productDescription p {
  padding:5px 0 10px;
}


/*** Zero Product Content ***/

.zeroProductContent h3 {
  padding:15px 0 0 60px;
}
.zeroProductContent ul {
  list-style:none;
  padding:0;
  margin:0;
  font-family:'Century Gothic',sans-serif;
  font-size:14px;
  letter-spacing:0.5px;
  font-weight:normal;
  line-height:1.2;
  color:#000;
  text-transform:uppercase;
}
.zeroProductContent ul li {
  padding:15px 0 15px 60px;
  background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/zero-icon-check-mark.png?5752523801438582849);
  background-repeat:no-repeat;
  background-position:left center;
  background-size:40px auto;
}



.zeroProductContent ul li.list-item-athletes-students {
  
  background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/zero-icon-athletes-students.png?5752523801438582849);
}

.zeroProductContent ul li.list-item-busy-professionals {
  
  background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/zero-icon-busy-professionals.png?5752523801438582849);
}

.zeroProductContent ul li.list-item-weight-management {
  
  background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/zero-icon-weight-management.png?5752523801438582849);
}

.zeroProductContent ul li.list-item-whey-isolate {
  
  background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/zero-icon-whey-isolate.png?5752523801438582849);
}

.zeroProductContent ul li.list-item-sunflower-lecithin {
  
  background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/zero-icon-sunflower-lecithin.png?5752523801438582849);
}

.zeroProductContent ul li.list-item-vitamins-minerals {
  
  background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/zero-icon-vitamins-minerals.png?5752523801438582849);
}

.zeroProductContent ul li.list-item-nothing-else {
  
  background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/zero-icon-nothing-else.png?5752523801438582849);
}

.zeroProductContent ul li.list-item-no-soy {
  
  background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/zero-icon-no-soy.png?5752523801438582849);
}

.zeroProductContent ul li.list-item-no-gluten {
  
  background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/zero-icon-no-gluten.png?5752523801438582849);
}

.zeroProductContent ul li.list-item-no-gmos {
  
  background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/zero-icon-no-gmos.png?5752523801438582849);
}

.zeroProductContent ul li.list-item-multi-vitamin {
  
  background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/zero-icon-multi-vitamin.png?5752523801438582849);
}

.zeroProductContent ul li.list-item-mixes-instantly {
  
  background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/zero-icon-mixes-instantly.png?5752523801438582849);
}

.zeroProductContent ul li.list-item-3rd-party-tested {
  
  background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/zero-icon-3rd-party-tested.png?5752523801438582849);
}

.zeroProductContent ul li.list-item-questions {
  
  background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/zero-icon-questions.png?5752523801438582849);
}

.zeroProductContent ul li.list-item-our-guarantee {
  
  background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/zero-icon-our-guarantee.png?5752523801438582849);
}

.zeroProductContent ul li.list-item-clean-taste {
  
  background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/zero-icon-clean-taste.png?5752523801438582849);
}

.zeroProductContent ul li.list-item-one-ingredient {
  
  background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/zero-icon-one-ingredient.png?5752523801438582849);
}

.zeroProductContent ul li.list-item-best-blended {
  
  background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/zero-icon-best-blended.png?5752523801438582849);
}


.zeroProductContent ul li h3 {
  padding:10px 0 5px 0;
}
.zeroProductContent ul li p {
  padding:0;
  font-size:13px;
  letter-spacing:0;
  line-height:1.4;
}

.zeroProductContent .contentSectionTwo ul li {
  background-position:left top 30px;
  background-size:auto 50px;
}


/*** More About Product ***/

.moreAboutProduct h3 {
  font-family:'Century Gothic',sans-serif;
  font-size:20px;
  letter-spacing:0.5px;
  font-weight:bold;
  line-height:1.3;
  padding:0;
  color:#34657F;
  text-transform:uppercase;
}
.moreAboutProduct h4 {
  font-family:'Century Gothic',sans-serif;
  font-size:16px;
  letter-spacing:0.5px;
  font-weight:bold;
  line-height:1.3;
  padding:0;
  color:#34657F;
  text-transform:uppercase;
}
.moreAboutProduct p {
  font-family:'Century Gothic',sans-serif;
  font-size:16px;
  line-height:1.3;
  padding:0 0 15px;
  color:#000;
}

.zeroQuestionsAndAnswers {
  border-top:2px solid #34657F;
  padding-top:10px;
}
.zeroQuestionsAndAnswers h4,
.zeroQuestionsAndAnswers p {
  font-size:18px;
}

.zeroRecipe {
  width:100%;
  padding:60px 0 30px;
  border-top:2px solid #34657F;
  background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/zeroRecipeBackground.jpg?5752523801438582849);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center top;
}
.zeroRecipe h2 {
  font-family:'Century Gothic',sans-serif;
  font-size:26px;
  letter-spacing:0.5px;
  font-weight:bold;
  line-height:1.3;
  padding:5px 0 30px;
  color:#34657F;
  text-transform:uppercase;
}
.zeroRecipe h3 {
  font-family:'Century Gothic',sans-serif;
  font-size:24px;
  letter-spacing:0;
  font-weight:bold;
  line-height:1.3;
  padding:5px 0 0;
  color:#fff;
  text-transform:none;
}



/**************** STUMPTOWN TEMPLATE *****************/

#stumptownTemplate.templateLoading {
  background-color:#fff;
  background-image:url(//cdn.shopify.com/s/files/1/0507/9565/t/12/assets/loader.gif?5752523801438582849);
  background-repeat:no-repeat;
  background-position:center top 300px;
}
#stumptownTemplate > .body {
  -webkit-transition: opacity 300ms, visibility 300ms;
  -moz-transition: opacity 300ms, visibility 300ms;
  transition: opacity 300ms, visibility 300ms;
}
#stumptownTemplate.templateLoading > .body {
  opacity:0;
  visibility:hidden;
}

#stumptownTemplate > .body > .productContainer {
  width:100%;
  position:relative;
}
#stumptownTemplate .productMainLeft {
  position:relative;
  float:left;
  width:60%;
  padding:30px 30px 30px;
}
#stumptownTemplate .productMainRight {
  float:left;
  width:40%;
  padding:30px 30px 0;
}

#stumptownTemplate .productInfo .infoInterior {
  width:350px;
  max-width:100%;
  padding:10px 20px 0;
}

#stumptownTemplate .productAdditional {
  width:100%;
  border-top:1px solid #ddd;
}
#stumptownTemplate .productAdditional .productDescription { /* emulate cc, just narrower */
  width:1000px;
  max-width:96%;
  padding:30px; 
  margin:0 auto;
}

#stumptownTemplate .productAdditional .zeroProductContent .contentSectionOne {
  float:left;
  width:50%;
  padding-right:30px;
}
#stumptownTemplate .productAdditional .zeroProductContent .contentSectionTwo {
  float:left;
  width:50%;
  padding-left:30px;
}

/* withLeftSideScrolling */

#stumptownTemplate.withLeftSideScrolling .productMain {
  position:fixed;
  top:0;
  right:calc(2% + 30px);
  width:calc(.72 * (96% - 60px));
  height:100%;
  padding-top:70px; /* approximate height of header */
}
#stumptownTemplate.withLeftSideScrolling .productMain.scrollable {
  position:absolute;
  top:auto;
  bottom:0;
}
#stumptownTemplate.withLeftSideScrolling .productMainLeft {
  position:relative;
  float:left;
  width:63%;
  height:100%;
  padding:30px 0 0;
}
#stumptownTemplate.withLeftSideScrolling .productMainRight {
  float:left;
  width:37%;
  padding:40px 0 0;
}

#stumptownTemplate.withLeftSideScrolling .productInfo .infoInterior {
  padding-right:0;
}

#stumptownTemplate.withLeftSideScrolling .productAdditional {
  position:relative;
  margin-top:0; /* adding top margin makes #mainContainer start where this starts because everything else is either fixed or absolute */
  padding-top:25%;
  width:28%;
  border-top:0;
}
#stumptownTemplate.withLeftSideScrolling .productAdditional .productDescription {
  width:100%;
  max-width:100%;
  padding:0 0 30px 30px; 
  margin:0;
}

#stumptownTemplate.withLeftSideScrolling .productAdditional .zeroProductContent .contentSectionOne {
  float:none;
  width:100%;
  padding-right:0;
}
#stumptownTemplate.withLeftSideScrolling .productAdditional .zeroProductContent .contentSectionTwo {
  float:none;
  width:100%;
  padding-left:0;
}

#stumptownTemplate.withLeftSideScrolling .productImages {
  width:100%;
  height:100%;
}
#stumptownTemplate.withLeftSideScrolling .productImages .imageMain {
  height:100%;
  text-align:center;
}
#stumptownTemplate.withLeftSideScrolling .productImages .imageMain img {
  width:auto;
  max-width:100%;
  height:auto;
  max-height:100%;
}
#stumptownTemplate.withLeftSideScrolling .productImages .imageThumbnails {
  margin-top:40px;
}

#stumptownTemplate .belowProduct {
  width:100%;
  padding:30px 0;
  background:#fff;
}


/**************** PRODUCT LANDING TEMPLATE *****************/

.productLandingTemplate .head {
  text-align:left; 
}
.productLandingTemplate .head .productLandingTitle {
  text-align:left; 
  padding:5px 0;
}
.productLandingTemplate .head .productLandingDescription,
.productLandingTemplate .head .productLandingDescription p {
  font-family:'Century Gothic',sans-serif;
  font-size:14px;
  line-height:1.5;
  color:#000;
  padding:0;
}
.productLandingTemplate .head .productLandingDescription p + p {
  padding:5px 0;
}

.productLandingTemplate .sharedProductGrid .gridItem {
  
}
.productLandingTemplate .sharedProductGrid .gridItem.intendedVariant {
  border:4px solid rgba(52, 101, 127, 0.7);
}
.productLandingTemplate .sharedProductGrid .gridItem a.productContainer {
  text-decoration:none;
}
.productLandingTemplate .sharedProductGrid .gridItem .imageArea {
  padding:0;
}
.productLandingTemplate .sharedProductGrid .gridItem a.productContainer .imageArea .image {
  -webkit-transition: left 200ms,right 200ms,top 200ms,bottom 200ms;
  -moz-transition: left 200ms,right 200ms,top 200ms,bottom 200ms;
  transition: left 200ms,right 200ms,top 200ms,bottom 200ms;
}
.productLandingTemplate .sharedProductGrid .gridItem a.productContainer:hover .imageArea .image {
  left:-5px;
  right:-5px;
  top:-5px;
  bottom:-5px;
}
.productLandingTemplate .sharedProductGrid .gridItem.intendedVariant a.productContainer .imageArea .image {
  left:-5px;
  right:-5px;
  top:-5px;
  bottom:-5px;
}
.productLandingTemplate .sharedProductGrid .gridItem .infoArea {
  
}
.productLandingTemplate .sharedProductGrid .gridItem .infoArea h4 {
  font-size:16px;
  font-weight:bold;
  text-transform:uppercase;
  color:#000;
  -webkit-transition: color 200ms;
  -moz-transition: color 200ms;
  transition: color 200ms;
}
.productLandingTemplate .sharedProductGrid .gridItem a.productContainer .infoArea h4:hover {
  color:#34657F;
}
.productLandingTemplate .sharedProductGrid .gridItem .infoArea h6 {
  -webkit-transition: color 200ms;
  -moz-transition: color 200ms;
  transition: color 200ms;
}
.productLandingTemplate .sharedProductGrid .gridItem .infoArea h6:hover {
  color:#34657F;
}
  


@media only screen and (max-width:1200px) {
  
  .optionSet-flavor ul.optionList li.notAvailable:before {
    left:auto;
    right:0;
    margin-left:0;
    margin-right:-10px;
  }
    
  /* Product Bullets */
  
  .productBullets .leftSideContainer {
      padding-right:15px;
      width:75%;
  }
  .productBullets .rightSideContainer {
      padding-left:15px;
      width:25%;
  }
  .productBullets .rightSideContainer img {
      width:100%;
  }
  
} /* End Media Query max-width 1200 */
  
@media only screen and (max-width:850px) { 
  
  /* Image Area */
  
  .imageMain {
    float:none;
    width:310px;
    max-width:100%;
    margin:0 auto;
    text-align:center;
    padding-right:0;
  }
  .imageThumbnails {
    float:none;
    width:316px;
    max-width:100%;
    margin:0 auto;
    padding-top:20px;
  }
  .imageThumbnails ul li {
    width:50px;
    display:inline-block;
    vertical-align:top;
    margin:0 3px 6px 3px;
  }
  
  .productImagePopup {
    display:none;
  }
  
  /* Product Bullets */
  
  .productBullets ul {
      display:block;
  }
  .productBullets ul li {
      display:inline-block;
  }
    
  .productBulletsTopRow ul li {
      width:100% !important;
    margin:2px 0;
  }
    
  .productBulletsBottomRow ul li {
      width:100% !important;
    margin:12px 0 4px;
  }
    
  .productBulletsBottomRow ul li .infoPopup {
      width:100% !important;
      left:0 !important;
  }
  .productBulletsBottomRow ul li .infoPopup:after {
      left:50% !important;
  }
    
  .productBullets .leftSideContainer {
      padding-right:0;
      width:100%;
  }
  .productBullets .rightSideContainer {
      padding-left:8px;
      padding-right:8px;
      padding-top:30px;
      padding-bottom:10px;
      width:100%;
      text-align:center;
  }
  .productBullets .rightSideContainer img {
      width:360px;
      max-width:100%;
  }
  
  #stumptownTemplate .productMainLeft {
    width:100%;
  }
  #stumptownTemplate .productMainRight {
    width:100%;
    padding-top:0;
    padding-bottom:30px;
  }

  #stumptownTemplate .productInfo .infoInterior {
    margin:0 auto;
    padding-left:0;
    padding-right:0;
  }

  #stumptownTemplate .productAdditional .productDescription { 
    width:100%;
    max-width:100%;
  }
  
  #stumptownTemplate .productAdditional .zeroProductContent .contentSectionOne {
    float:none;
    width:100%;
    padding-right:0;
  }
  #stumptownTemplate .productAdditional .zeroProductContent .contentSectionTwo {
    float:none;
    width:100%;
    padding-left:0;
  }
    
} /* End Media Query max-width 850 */