/* --- Grid Sizing --- */
/* --- Breakpoints --- */
/* --- Fonts, Colors, and Spacing --- */
/* --- Mixins --- */
/* --- Style Overrides --- */
header .secondary {
  background-color: #6EB706;
  background-repeat: no-repeat; }
  header .secondary nav ul li.open ul {
    background: #6EB706; }
  header .secondary nav ul li.open #follow-link {
    border-color: transparent !important;
    background: #6EB706; }
  header .secondary nav ul li a.active {
    border-color: #461899; }
header .primary nav ul li a {
  font-size: 20px;
  color: #461899; }
  header .primary nav ul li a.active, header .primary nav ul li a.selected {
    border-color: #6EB706 !important; }
  header .primary nav ul li a.nav-buy-now {
    color: #6EB706; }
    @media only screen and (max-width: 568px) {
      header .primary nav ul li a.nav-buy-now {
        color: #461899 !important; } }
    header .primary nav ul li a.nav-buy-now:after {
      top: -10px;
      right: -50px;
      width: 60px;
      background-image: url(/shared/images/nav-saf-t-pop.jpg);
      background-size: cover; }
      @media only screen and (max-width: 1100px) {
        header .primary nav ul li a.nav-buy-now:after {
          top: -12px;
          width: 50px; } }
header #menu {
  background: #461899 !important; }

#page-header .pages a.selected:after {
  background: #6EB706 !important; }

#home-featured .span8 {
  margin-bottom: 1.9em; }

#callouts {
  background: #FC8E00 url(../images/callout-bg.jpg) no-repeat top center !important; }

h2 span {
  background: #6EB706 !important; }

.button {
  background: #6EB706; }
  .button:hover {
    background: #7dd007; }

aside .lucy-dropdown {
  background: #FC8E00 !important; }
  aside .lucy-dropdown li {
    color: #FC8E00; }
    aside .lucy-dropdown li.selected {
      background: #FC8E00 !important; }
  aside .lucy-dropdown.alt {
    background: #ffa530 !important; }

a, a:active, a:visited {
  color: #6EB706; }

footer:before, footer:after {
  content: '';
  position: absolute;
  z-index: 2;
  left: 0;
  width: 100%;
  height: 11px; }
footer:before {
  top: 0;
  background: transparent url(/images/cutout-top-white.png) repeat-x 0 0; }
footer:after {
  bottom: 0;
  background: transparent url(/images/cutout-bottom-grey.png) repeat-x bottom left; }
footer nav form {
  float: left;
  margin-bottom: 30px; }
  footer nav form input[type="text"] {
    margin-top: 0; }
  footer nav form a {
    margin-top: 0;
    background: #6EB706; }

.callout img {
  width: 100%;
  margin: 0 0 1.9em 0; }

/* --- Saf-T-Pop Styles --- */
#top-fan-flavors {
  position: relative;
  z-index: 1; }
  @media only screen and (max-width: 568px) {
    #top-fan-flavors {
      padding-bottom: 0; } }
  #top-fan-flavors .span6 p {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 155%; }
    #top-fan-flavors .span6 p.title {
      font-size: 28px;
      line-height: 120%;
      color: #461899;
      font-family: "Proxima N W01 Bold", Helvetica, Arial, sans-serif; }
  #top-fan-flavors .span17 {
    position: relative;
    height: 195px;
    color: #C5C8CA;
    font-family: "Proxima N W01 Bold", Helvetica, Arial, sans-serif;
    font-size: 13px; }
    @media only screen and (max-width: 568px) {
      #top-fan-flavors .span17 {
        height: auto;
        padding-top: 3.8em; } }
    #top-fan-flavors .span17 .pop {
      position: absolute;
      display: inline-block;
      width: auto; }
      #top-fan-flavors .span17 .pop p {
        height: 21px;
        line-height: 21px; }
      #top-fan-flavors .span17 .pop .image {
        position: absolute;
        z-index: 0;
        background-color: transparent;
        background-repeat: no-repeat; }
        #top-fan-flavors .span17 .pop .image .mask {
          position: absolute;
          top: 1px;
          left: 5px;
          width: 93px;
          height: 92px;
          line-height: 100px;
          font-size: 38px;
          color: #FFF;
          text-align: center;
          font-family: "Proxima N W01 Xbold", Helvetica, Arial, sans-serif;
          overflow: hidden;
          border-radius: 50%;
          -moz-border-radius: 50%;
          -webkit-border-radius: 50%;
          -o-border-radius: 50%;
          -ms-border-radius: 50%;
          background-clip: padding-box;
          -moz-background-clip: padding-box;
          -webkit-background-clip: padding-box;
          -o-background-clip: padding-box;
          -ms-background-clip: padding-box; }
          #top-fan-flavors .span17 .pop .image .mask span {
            position: relative;
            z-index: 1;
            filter: alpha(opactiy=0);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            -moz-opacity: 0;
            -khtml-opacity: 0;
            opacity: 0;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out; }
            #top-fan-flavors .span17 .pop .image .mask span em {
              font-style: normal;
              font-size: 16px; }
          #top-fan-flavors .span17 .pop .image .mask .fill {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 0;
            filter: alpha(opactiy=60);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
            -moz-opacity: 0.6;
            -khtml-opacity: 0.6;
            opacity: 0.6;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out; }
      #top-fan-flavors .span17 .pop.cherry {
        top: 180px;
        left: 0; }
        @media only screen and (max-width: 1100px) {
          #top-fan-flavors .span17 .pop.cherry {
            left: -20px; } }
        #top-fan-flavors .span17 .pop.cherry .image {
          top: -100px;
          left: 50px;
          width: 102px;
          height: 203px;
          background-image: url(../images/pops/cherry.png); }
          #top-fan-flavors .span17 .pop.cherry .image .mask .fill {
            background: #C30200; }
        #top-fan-flavors .span17 .pop.cherry .radio-button.filled:after {
          background: #FF4738; }
      #top-fan-flavors .span17 .pop.apple {
        top: 85px;
        left: 175px; }
        @media only screen and (max-width: 1100px) {
          #top-fan-flavors .span17 .pop.apple {
            top: 60px;
            left: 120px; } }
        #top-fan-flavors .span17 .pop.apple .image {
          top: -80px;
          left: 55px;
          width: 108px;
          height: 198px;
          background-image: url(../images/pops/apple.png); }
          #top-fan-flavors .span17 .pop.apple .image .mask {
            left: 11px; }
            #top-fan-flavors .span17 .pop.apple .image .mask .fill {
              background: #6CA100; }
        #top-fan-flavors .span17 .pop.apple .radio-button.filled:after {
          background: #6EB706; }
      #top-fan-flavors .span17 .pop.grape {
        top: 185px;
        left: 340px; }
        @media only screen and (max-width: 1100px) {
          #top-fan-flavors .span17 .pop.grape {
            left: 230px; } }
        #top-fan-flavors .span17 .pop.grape .image {
          top: -100px;
          left: 30px;
          width: 122px;
          height: 191px;
          background-image: url(../images/pops/grape.png); }
          #top-fan-flavors .span17 .pop.grape .image .mask .fill {
            background: #8A0074; }
        #top-fan-flavors .span17 .pop.grape .radio-button.filled:after {
          background: #9B4AA3; }
      #top-fan-flavors .span17 .pop.orange {
        top: 125px;
        left: 510px; }
        @media only screen and (max-width: 1100px) {
          #top-fan-flavors .span17 .pop.orange {
            left: 380px; } }
        #top-fan-flavors .span17 .pop.orange .image {
          top: -110px;
          left: 55px;
          width: 102px;
          height: 203px;
          background-image: url(../images/pops/orange.png); }
          #top-fan-flavors .span17 .pop.orange .image .mask .fill {
            background: #CA7200; }
        #top-fan-flavors .span17 .pop.orange .radio-button.filled:after {
          background: #FC8E00; }
      @media only screen and (max-width: 568px) {
        #top-fan-flavors .span17 .pop {
          position: relative;
          top: auto !important;
          left: auto !important;
          float: left;
          width: 50%;
          display: inline;
          height: 280px;
          text-align: center; }
          #top-fan-flavors .span17 .pop p {
            display: block; }
          #top-fan-flavors .span17 .pop .image {
            position: relative;
            top: auto !important;
            left: auto !important;
            display: inline-block; } }
    #top-fan-flavors .span17.results .pop.cherry .image {
      background-position: -102px 0; }
    #top-fan-flavors .span17.results .pop.apple .image {
      background-position: -108px 0; }
    #top-fan-flavors .span17.results .pop.grape .image {
      background-position: -122px 0; }
    #top-fan-flavors .span17.results .pop.orange .image {
      background-position: -102px 0; }
    #top-fan-flavors .span17.results .pop .mask span {
      filter: alpha(opactiy=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1; }

/* --- Retailers --- */
#retailers .span15.inset-r1 {
  padding-top: 3.8em; }
#retailers h3 {
  margin-top: 1.9em; }
#retailers .styled-table {
  table-layout: fixed; }

/* --- Products --- */
#products-left {
  padding-top: 3.8em; }
  #products-left #products-list {
    margin-top: 3.8em; }
  #products-left .product {
    margin-top: 1.9em;
    padding-top: 1.9em;
    border-top: 1px solid #DDD; }
    #products-left .product .span10 {
      padding-top: 1.9em; }