/*/ ====== Variables ====== /*/
@font-face {
  font-family: "jennasue";
  src: url("/content/fonts/jennasue/jennasue.otf");
  src: url("/content/fonts/jennasue/jennasue.eot?#iefix") format("embedded-opentype"), url("/content/fonts/jennasue/jennasue.woff") format("woff"), url("/content/fonts/jennasue/jennasue.ttf") format("truetype"), url("/content/fonts/jennasue/jennasue.svg#jennasue") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'myriad';
  src: url("/content/fonts/myriad/myriad.otf");
  src: url("/content/fonts/myriad/myriad.eot?#iefix") format("embedded-opentype"), url("/content/fonts/myriad/myriad.woff") format("woff"), url("/content/fonts/myriad/myriad.ttf") format("truetype"), url("/content/fonts/myriad/myriad.svg#myriad") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'myriadcon';
  src: url("/content/fonts/myriadcon/myriadcon.otf");
  src: url("/content/fonts/myriadcon/myriadcon.eot?#iefix") format("embedded-opentype"), url("/content/fonts/myriadcon/myriadcon.woff") format("woff"), url("/content/fonts/myriadcon/myriadcon.ttf") format("truetype"), url("/content/fonts/myriadcon/myriadcon.svg#myriadcon") format("svg");
  font-weight: normal;
  font-style: normal; }
/*/ ====== Mixins ====== /*/
/*/ ====== Media Queries ====== /*/
/*/ ====== Base Layout ====== /*/
body, html {
  font-family: helvetica, sans-serif;
  font-size: 13px;
  color: #555454; }
  body a, html a {
    color: #555454;
    text-decoration: none; }

@media (max-width: 980px) and (min-width: 0px) {
  html {
    min-height: 100%;
    float: left; }
    html.active {
      position: relative; }
      html.active .fauxmobbg {
        position: absolute;
        display: block;
        width: 38%;
        height: 100%;
        right: -38%;
        z-index: 0;
        background-color: #f36278;
        background-image: url('/content/images/mobgrad.png');
        background-repeat: repeat-y;
        background-position: top left; } }
      @media (max-width: 980px) and (min-width: 0px) and (max-width: 780px) and (min-width: 601px) {
        html.active .fauxmobbg {
          width: 42%;
          right: -42%; } }
      @media (max-width: 980px) and (min-width: 0px) and (max-width: 600px) and (min-width: 0px) {
        html.active .fauxmobbg {
          width: 66%;
          right: -66%; } }

html.stripe {
  background-image: url('/content/images/stripebg.png'); }

.gridclear {
  display: none;
  width: 100%;
  float: left;
  height: 10px; }

#wrapper .mobmenu {
  display: none; }
@media (max-width: 980px) and (min-width: 0px) {
  #wrapper.active {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 138%;
    height: 100%;
    float: left; }
    #wrapper.active .maininner {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 72.464%;
      float: left; }
    #wrapper.active .mobmenu {
      display: block;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 27.536%;
      float: right;
      position: relative;
      z-index: 10;
      text-align: center; }
      #wrapper.active .mobmenu .mobcontrols {
        width: 100%;
        float: left;
        font-size: 17px;
        color: #f68194;
        font-family: 'myriadcon';
        text-transform: uppercase;
        margin: 30px 0px 60px 0px; }
        #wrapper.active .mobmenu .mobcontrols a {
          color: #fff;
          margin: 0px 10px; }
      #wrapper.active .mobmenu > ul {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        margin: 0px;
        padding: 0px;
        float: left;
        list-style: none;
        border-top: 1px #f68194 solid;
        float: right;
        width: 90%;
        margin-right: 5%; }
        #wrapper.active .mobmenu > ul > li {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          display: block;
          margin: 0px;
          padding: 0px;
          float: left;
          list-style: none;
          width: 100%;
          border-bottom: 1px #f68194 solid;
          font-family: 'myriadcon';
          font-size: 30px; }
          #wrapper.active .mobmenu > ul > li a {
            padding: 16px 0px;
            color: #fff;
            width: 100%;
            float: left; }
          #wrapper.active .mobmenu > ul > li .lihead {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: block;
            width: 100%;
            float: left;
            padding: 10px;
            cursor: pointer; } }
@media (max-width: 780px) and (min-width: 601px) {
  #wrapper.active {
    width: 142%; }
    #wrapper.active .maininner {
      width: 70.423%; }
    #wrapper.active .mobmenu {
      width: 29.577%; } }
@media (max-width: 600px) and (min-width: 0px) {
  #wrapper.active {
    width: 166%; }
    #wrapper.active .maininner {
      width: 60.241%; }
    #wrapper.active .mobmenu {
      width: 39.7590%; } }

.container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 1200px;
  margin: 0px auto; }
  @media (max-width: 1240px) and (min-width: 980px) {
    .container {
      padding: 0px 20px; } }
  @media (max-width: 980px) and (min-width: 601px) {
    .container {
      padding: 0px 2%; } }
  @media (max-width: 600px) and (min-width: 0px) {
    .container {
      padding: 0px 4%; } }

.headcontrols {
  float: right;
  font-family: 'myriadcon';
  font-size: 13px;
  text-transform: uppercase;
  color: #e7e7e7; }
  .headcontrols a {
    color: #555454;
    font-size: 15px; }
  .headcontrols span {
    margin: 0px 6px; }

header {
  width: 100%;
  float: left;
  padding-top: 20px; }
  header .brow {
    width: 100%;
    float: left;
    height: 20px;
    border-bottom: 1px #e5e5e5 solid; }

.togglenav {
  cursor: pointer;
  float: right;
  margin-top: 44px;
  margin-left: 26px; }

.megamenu, .brandmenu {
  display: none; }

.logo {
  float: left; }

.mainnav {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  margin: 0px;
  padding: 0px;
  float: left;
  list-style: none;
  float: left;
  padding-left: 38px;
  margin-top: 54px; }
  @media (max-width: 1060px) and (min-width: 980px) {
    .mainnav {
      margin-top: 58px; } }
  .mainnav > li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin: 0px;
    padding: 0px;
    float: left;
    list-style: none;
    font-size: 24px;
    font-family: 'myriadcon';
    font-weight: normal; }
    @media (max-width: 1060px) and (min-width: 980px) {
      .mainnav > li {
        font-size: 20px; } }
    .mainnav > li.active a, .mainnav > li:hover a {
      color: #f36278; }
    .mainnav > li a {
      color: #555454;
      display: block;
      padding-right: 20px; }

.searchwrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  width: calc(100% - 840px);
  height: 39px;
  margin-top: 20px;
  border: 1px #dedede solid;
  background-color: #fff; }
  @media (max-width: 1060px) and (min-width: 980px) {
    .searchwrap {
      width: calc(100% - 760px); } }
  @media (max-width: 980px) and (min-width: 601px) {
    .searchwrap {
      width: calc(100% - 238px);
      max-width: 390px;
      margin-top: 36px; } }
  @media (max-width: 600px) and (min-width: 0px) {
    .searchwrap {
      width: 100%; } }
  .searchwrap input[type="text"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 30px);
    float: left;
    height: 37px;
    padding-left: 10px;
    border: 1px #fff solid; }
  .searchwrap button {
    border: 0px;
    padding: 0px;
    background-color: transparent;
    float: right;
    height: 37px;
    width: 30px; }

.generic-form {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  float: left; }
  .generic-form label {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 30%;
    float: left;
    padding-top: 8px; }
    .generic-form label.miniinp {
      width: 15%; }
    .generic-form label.r {
      float: right; }
  .generic-form input[type="text"], .generic-form input[type="password"], .generic-form input[type="email"], .generic-form input[type="number"], .generic-form textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px #dedede solid;
    width: 70%;
    float: left;
    padding-left: 6px; }
    .generic-form input[type="text"].miniinp, .generic-form input[type="password"].miniinp, .generic-form input[type="email"].miniinp, .generic-form input[type="number"].miniinp, .generic-form textarea.miniinp {
      width: 32%; }
    .generic-form input[type="text"].r, .generic-form input[type="password"].r, .generic-form input[type="email"].r, .generic-form input[type="number"].r, .generic-form textarea.r {
      float: right; }
  .generic-form.full label {
    width: 100%; }
  .generic-form.full input[type="text"], .generic-form.full input[type="password"], .generic-form.full input[type="email"], .generic-form.full input[type="number"], .generic-form.full textarea {
    width: 100%; }
  .generic-form input[type="text"], .generic-form input[type="password"], .generic-form input[type="email"], .generic-form input[type="number"] {
    height: 34px; }
  .generic-form textarea {
    height: 200px;
    padding: 6px; }
  .generic-form .formclear {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    float: left;
    height: 8px; }
  .generic-form.full label, .generic-form.full textarea, .generic-form.full input[type="text"], .generic-form.full input[type="password"], .generic-form.full input[type="email"], .generic-form.full input[type="number"] {
    width: 100%; }
    .generic-form.full label.miniinp, .generic-form.full textarea.miniinp, .generic-form.full input[type="text"].miniinp, .generic-form.full input[type="password"].miniinp, .generic-form.full input[type="email"].miniinp, .generic-form.full input[type="number"].miniinp {
      width: 49%; }
    .generic-form.full label.r, .generic-form.full textarea.r, .generic-form.full input[type="text"].r, .generic-form.full input[type="password"].r, .generic-form.full input[type="email"].r, .generic-form.full input[type="number"].r {
      float: right; }
  .generic-form.full label {
    padding-top: 0px;
    padding-bottom: 3px; }
  .generic-form button[type="submit"] {
    margin-top: 10px; }

footer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  float: left;
  border-top: 20px #fff solid;
  padding-top: 28px;
  background-image: url('/content/images/stripebg.png'); }
  footer h3 {
    margin: 0px;
    font-family: 'jennasue';
    font-weight: normal;
    color: #f36278;
    font-size: 40px;
    margin: 0px 0px 8px 0px; }
  footer form {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    float: left;
    margin: 0px 0px 0px 0px;
    position: relative;
    border: 1px #dedede solid;
    height: 39px; }
    @media (max-width: 980px) and (min-width: 601px) {
      footer form {
        margin-bottom: 20px; } }
    @media (max-width: 600px) and (min-width: 0px) {
      footer form {
        margin-bottom: 20px; } }
    footer form input {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: calc(100% - 56px);
      float: left;
      padding: 0px 12px;
      height: 37px;
      border: 0px; }
    footer form button {
      position: absolute;
      height: 100%;
      width: 56px;
      top: 0px;
      right: 0px;
      background-color: #f36278;
      color: #fff;
      border: 1px #f36278 solid;
      font-size: 19px;
      font-family: 'myriadcon';
      text-transform: uppercase; }
  footer .container .gridcol {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    min-height: 198px;
    width: calc(50% - 210px);
    float: left;
    padding-right: 30px; }
    @media (max-width: 980px) and (min-width: 601px) {
      footer .container .gridcol {
        width: 420px; }
        footer .container .gridcol.dtTab {
          width: calc(100% - 420px); } }
    @media (max-width: 780px) and (min-width: 601px) {
      footer .container .gridcol {
        width: 380px; }
        footer .container .gridcol.dtTab {
          width: calc(100% - 380px); } }
    @media (max-width: 600px) and (min-width: 0px) {
      footer .container .gridcol {
        padding-right: 0px;
        width: 100%; } }
    footer .container .gridcol.dtOnly {
      width: 420px;
      padding: 0px; }
  footer .linkslist {
    display: block;
    margin: 0px;
    padding: 0px;
    float: left;
    list-style: none;
    float: left;
    width: calc(100% - 277px); }
    @media (max-width: 980px) and (min-width: 601px) {
      footer .linkslist {
        padding-top: 30px; } }
    @media (max-width: 600px) and (min-width: 0px) {
      footer .linkslist {
        padding-top: 30px;
        width: 30%; } }
    footer .linkslist li {
      display: block;
      margin: 0px;
      padding: 0px;
      float: left;
      list-style: none;
      width: 100%;
      margin-bottom: 6px; }
      footer .linkslist li img {
        max-width: 100%; }
  footer .alyfoot {
    float: right; }
    @media (min-width: 981px) {
      footer .alyfoot {
        position: absolute;
        top: -50px;
        right: 0px; } }
    @media (max-width: 600px) and (min-width: 0px) {
      footer .alyfoot {
        width: 70%; }
        footer .alyfoot img {
          max-width: 100%; } }

/*/ ====== Pages ====== /*/
/*/ HOME /*/
.page-home {
  width: 100%;
  float: left;
  margin-top: 30px; }

.banner-wrap {
  width: 100%;
  margin-bottom: 30px; }
  .banner-wrap img {
    width: 100%;
    display: block; }

.featrecipe {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 64%;
  float: left;
  margin-bottom: 26px; }
  @media (max-width: 980px) and (min-width: 601px) {
    .featrecipe {
      width: 100%; } }
  @media (max-width: 600px) and (min-width: 0px) {
    .featrecipe {
      width: 100%; } }
  .featrecipe h2 {
    font-family: 'jennasue';
    color: #f36278;
    font-size: 50px;
    font-weight: normal;
    margin: 0px; }
  .featrecipe p {
    color: #454545;
    font-size: 15px;
    line-height: 22px; }
  .featrecipe .recipelist {
    display: block;
    margin: 0px;
    padding: 0px;
    float: left;
    list-style: none;
    width: 11.42%;
    height: 12px;
    padding-bottom: 52.5%;
    float: left;
    overflow: hidden;
    position: relative; }
    .featrecipe .recipelist li {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
      margin: 0px;
      padding: 0px;
      float: left;
      list-style: none;
      width: 100%;
      height: 33.33%;
      position: absolute;
      padding-bottom: 12px;
      cursor: pointer; }
      .featrecipe .recipelist li:nth-child(2) {
        top: 33.33%; }
      .featrecipe .recipelist li:nth-child(3) {
        top: 66.66%; }
      .featrecipe .recipelist li img {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 100%;
        float: left; }
      .featrecipe .recipelist li.active img {
        border: 2px #f36278 solid; }
  .featrecipe .mainrecipe {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    width: 87%; }
    @media (max-width: 600px) and (min-width: 0px) {
      .featrecipe .mainrecipe {
        width: 100%; } }
  .featrecipe .mainpic {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 40%;
    float: left; }
    .featrecipe .mainpic img {
      width: 100%; }
    @media (max-width: 600px) and (min-width: 0px) {
      .featrecipe .mainpic {
        width: 100%; } }
  .featrecipe .maintext {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 60%;
    float: left;
    padding-left: 26px; }
  .featrecipe .pinkbutton {
    margin-right: 12px; }
  @media (max-width: 600px) and (min-width: 0px) {
    .featrecipe .pinkbutton, .featrecipe .greybutton {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      margin: 0px; } }

.recipenotes {
  display: block;
  margin: 0px;
  padding: 0px;
  float: left;
  list-style: none;
  width: 100%;
  font-size: 17px;
  color: #454545;
  font-family: 'myriadcon';
  margin-bottom: 20px; }
  .recipenotes img {
    margin-right: 8px;
    position: relative;
    top: 3px; }
  .recipenotes li {
    display: block;
    margin: 0px;
    padding: 0px;
    float: left;
    list-style: none;
    padding-right: 16px; }

.warehouserecipes {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 33.33%;
  float: right;
  background-color: #fff;
  padding: 20px;
  -webkit-box-shadow: 1px 1px 3px 1px #C7C7C7;
  box-shadow: 1px 1px 3px 1px #C7C7C7;
  margin-bottom: 26px; }
  @media (max-width: 980px) and (min-width: 601px) {
    .warehouserecipes {
      width: 100%; } }
  @media (max-width: 600px) and (min-width: 0px) {
    .warehouserecipes {
      width: 100%; } }
  .warehouserecipes .recipelink {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    float: left;
    border-bottom: 1px #eaeaea solid;
    padding: 0px 0px 18px 0px; }
    @media (max-width: 980px) and (min-width: 601px) {
      .warehouserecipes .recipelink {
        width: 50%;
        padding-right: 60px;
        border-bottom: 0px; } }
    .warehouserecipes .recipelink h3 {
      color: #4a4a4a;
      font-family: 'jennasue';
      font-size: 48px;
      line-height: 30px;
      margin: 10px 0px 6px 0px;
      font-weight: normal; }
    .warehouserecipes .recipelink h4 {
      color: #f36278;
      font-family: 'myriadcon';
      font-size: 27px;
      margin: 18px 0px;
      font-weight: normal;
      line-height: 26px;
      width: 100%;
      float: left; }
    .warehouserecipes .recipelink .imgwrap {
      float: left; }
    .warehouserecipes .recipelink .textwrap {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: calc(100% - 120px);
      float: right; }
      .warehouserecipes .recipelink .textwrap img {
        max-width: 100%; }
  .warehouserecipes ul {
    display: block;
    margin: 0px;
    padding: 0px;
    float: left;
    list-style: none;
    width: 100%; }
    @media (max-width: 980px) and (min-width: 601px) {
      .warehouserecipes ul {
        width: 50%; } }
  .warehouserecipes li {
    display: block;
    margin: 0px;
    padding: 0px;
    float: left;
    list-style: none;
    width: 100%;
    border-bottom: 1px #eaeaea solid;
    padding: 18px 0px; }
    .warehouserecipes li:last-child {
      border-bottom: 0px;
      padding-bottom: 0px; }
    .warehouserecipes li .imgwrap {
      float: left; }
    .warehouserecipes li .textwrap {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 15px;
      line-height: 22px;
      color: #454545;
      width: calc(100% - 190px);
      float: left;
      padding: 0px 12px;
      font-size: 15px;
      line-height: 18px;
      font-family: helvetica; }
      @media (max-width: 600px) and (min-width: 0px) {
        .warehouserecipes li .textwrap {
          width: calc(100% - 100px);
          margin-bottom: 12px; } }
    .warehouserecipes li .pinkbutton {
      border: 0px;
      font-size: 17px;
      line-height: 17px;
      display: block;
      padding: 10px 10px 8.3333333333px 10px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      float: right; }
      @media (max-width: 600px) and (min-width: 0px) {
        .warehouserecipes li .pinkbutton {
          float: left;
          margin-left: 112px; } }

.articlerow {
  width: 100%;
  float: left;
  padding: 20px 0px 30px 0px;
  border-top: 1px #eaeaea solid; }
  @media (min-width: 981px) {
    .articlerow .gridcol {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      margin-right: 2%;
      width: 48%; }
      .articlerow .gridcol:nth-child(3) {
        margin-right: 0px; }
    .articlerow .gridclear {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .articlerow .gridclear:nth-child(6n) {
        display: block; }
      .articlerow .gridclear:last-child {
        display: none; } }
  @media (max-width: 980px) and (min-width: 601px) {
    .articlerow .gridcol {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      margin-right: 2%;
      width: 48%; }
      .articlerow .gridcol:nth-child(3) {
        margin-right: 0px; }
    .articlerow .gridclear {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .articlerow .gridclear:nth-child(6n) {
        display: block; }
      .articlerow .gridclear:last-child {
        display: none; } }
  @media (max-width: 600px) and (min-width: 0px) {
    .articlerow .gridcol {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      margin-right: 1%;
      width: 100%; }
      .articlerow .gridcol:nth-child(2n-1) {
        margin-right: 0px; }
    .articlerow .gridclear {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .articlerow .gridclear:nth-child(2n) {
        display: block; }
      .articlerow .gridclear:last-child {
        display: none; } }
  .articlerow h2 {
    color: #f36278;
    font-family: 'jennasue';
    font-weight: normal;
    margin: 0px 0px 16px 0px;
    font-size: 50px;
    width: 100%;
    float: left; }
  .articlerow .imgwrap {
    width: 100%;
    float: left;
    margin-bottom: 16px; }
  .articlerow .textwrap {
    width: 100%;
    float: left;
    font-size: 13px;
    line-height: 16px;
    color: #454545; }
    .articlerow .textwrap a {
      color: #f36278;
      font-family: 'myriadcon';
      font-size: 17px;
      text-transform: uppercase;
      font-weight: normal;
      width: 100%;
      float: left;
      margin-top: 12px; }
  .articlerow .gridcol {
    margin-bottom: 30px; }

.midrecipes {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  float: left;
  color: #555454;
  padding: 26px 0px; }
  @media (min-width: 981px) {
    .midrecipes .gridcol {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      margin-right: 2%;
      width: 32%; }
      .midrecipes .gridcol:nth-child(6n-1) {
        margin-right: 0px; }
    .midrecipes .gridclear {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .midrecipes .gridclear:nth-child(6n) {
        display: block; }
      .midrecipes .gridclear:last-child {
        display: none; } }
  @media (max-width: 980px) and (min-width: 601px) {
    .midrecipes .gridcol {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      margin-right: 2%;
      width: 49%; }
      .midrecipes .gridcol:nth-child(4n-1) {
        margin-right: 0px; }
    .midrecipes .gridclear {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .midrecipes .gridclear:nth-child(4n) {
        display: block; }
      .midrecipes .gridclear:last-child {
        display: none; } }
  @media (max-width: 600px) and (min-width: 0px) {
    .midrecipes .gridcol {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      margin-right: 0%;
      width: 100%; }
      .midrecipes .gridcol:nth-child(2n-1) {
        margin-right: 0px; }
    .midrecipes .gridclear {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .midrecipes .gridclear:nth-child(2n) {
        display: block; }
      .midrecipes .gridclear:last-child {
        display: none; } }
  .midrecipes h3, .midrecipes h4 {
    font-family: 'myriadcon';
    font-weight: normal;
    width: 100%;
    float: left;
    margin: 0px; }
  .midrecipes h4 {
    font-size: 17px;
    text-transform: uppercase; }
    @media (max-width: 600px) and (min-width: 0px) {
      .midrecipes h4 {
        margin-top: 12px; } }
    .midrecipes h4 a {
      color: #f36278; }
    .midrecipes h4 img {
      margin-left: 6px; }
  .midrecipes h3 {
    font-size: 27px;
    color: #f36278; }
  .midrecipes .imgwrap {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left; }
  .midrecipes .textwrap {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 14px;
    float: left;
    width: calc(100% - 100px); }
  .midrecipes .ii-wrap {
    width: 100%;
    float: left;
    border-top: 1px #eaeaea solid;
    border-bottom: 1px #eaeaea solid;
    margin: 10px 0px 14px 0px; }
    @media (max-width: 600px) and (min-width: 0px) {
      .midrecipes .ii-wrap {
        display: none; } }
  .midrecipes .infoitem {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.33%;
    float: left;
    padding: 8px 6px;
    border-right: 1px #eaeaea solid; }
    .midrecipes .infoitem:nth-child(1) {
      padding-left: 0px; }
    .midrecipes .infoitem:nth-child(3) {
      padding-right: 0px;
      border-right: 0px; }
    .midrecipes .infoitem .grey {
      text-transform: uppercase;
      font-family: helvetica;
      font-size: 9px;
      font-weight: bold; }

/*/ CATEGORY /*/
/*/ PRODUCT /*/
/*/ ARTICLES /*/
.page-articles {
  width: 100%;
  float: left;
  padding-bottom: 30px; }

.article-categs {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url('/content/images/stripebg.png');
  width: 100%;
  float: left;
  margin-bottom: 30px;
  padding: 30px;
  color: #f36278; }
  @media (max-width: 600px) and (min-width: 0px) {
    .article-categs {
      padding: 20px; } }
  @media (min-width: 981px) {
    .article-categs .inner .gridcol {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      margin-right: 2%;
      width: 23.5%; }
      .article-categs .inner .gridcol:nth-child(8n-1) {
        margin-right: 0px; }
    .article-categs .inner .gridclear {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .article-categs .inner .gridclear:nth-child(8n) {
        display: block; }
      .article-categs .inner .gridclear:last-child {
        display: none; } }
  @media (max-width: 980px) and (min-width: 601px) {
    .article-categs .inner .gridcol {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      margin-right: 2%;
      width: 23.5%; }
      .article-categs .inner .gridcol:nth-child(8n-1) {
        margin-right: 0px; }
    .article-categs .inner .gridclear {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .article-categs .inner .gridclear:nth-child(8n) {
        display: block; }
      .article-categs .inner .gridclear:last-child {
        display: none; } }
  @media (max-width: 600px) and (min-width: 0px) {
    .article-categs .inner {
      display: none; } }
  .article-categs h2 {
    font-family: 'myriadcon';
    font-size: 36px;
    margin: 0px;
    font-weight: normal; }
  .article-categs ul {
    display: block;
    margin: 0px;
    padding: 0px;
    float: left;
    list-style: none;
    width: 100%; }
  .article-categs li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin: 0px;
    padding: 0px;
    float: left;
    list-style: none;
    width: 100%;
    margin-bottom: 4px;
    padding-right: 10px; }
    .article-categs li.active a, .article-categs li:hover a {
      background-image: url('/content/images/littlex.png');
      background-repeat: no-repeat;
      background-position: 96% 50%;
      border-color: #e9e9e9;
      background-color: #fff; }
    .article-categs li a {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-border-radius: 12px;
      -moz-border-radius: 12px;
      border-radius: 12px;
      color: #f36278;
      width: 100%;
      float: left;
      padding: 5px 10px;
      border: 1px transparent solid;
      max-width: 160px; }
  .article-categs .showall {
    width: 100%;
    float: left;
    color: #f36278;
    margin-top: 30px; }

.articleslist {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  float: left; }

.articleitem {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
  padding-right: 12px;
  margin-bottom: 12px; }
  @media (max-width: 980px) and (min-width: 601px) {
    .articleitem {
      width: 33.33%; } }
  @media (max-width: 600px) and (min-width: 0px) {
    .articleitem {
      width: 100%;
      text-align: center;
      padding-right: 0px;
      margin-bottom: 14px; } }
  .articleitem .inner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    float: left;
    -webkit-box-shadow: 1px 1px 3px 1px #D1D1D1;
    box-shadow: 1px 1px 3px 1px #D1D1D1; }
    @media (max-width: 600px) and (min-width: 0px) {
      .articleitem .inner {
        float: none;
        max-width: 290px;
        display: inline-block; } }
  .articleitem .hoverbox {
    display: none; }
  .articleitem .imgwrap {
    position: relative; }
    .articleitem .imgwrap:hover .hoverbox {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      background-image: url('/content/images/pinkhover.png');
      display: block;
      position: absolute;
      width: 100%;
      height: 100%; }
      .articleitem .imgwrap:hover .hoverbox img {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -15px;
        margin-left: -15px; }
  .articleitem .textwrap {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px;
    width: 100%;
    float: left;
    text-align: left; }
    @media (max-width: 600px) and (min-width: 0px) {
      .articleitem .textwrap {
        text-align: left; } }
    .articleitem .textwrap h3 {
      font-family: 'myriadcon';
      color: #f36278;
      font-weight: normal;
      font-size: 23px;
      margin: 0px 0px 0px 0px;
      width: 100%;
      float: left; }
    .articleitem .textwrap p {
      width: 100%;
      float: left; }
    .articleitem .textwrap .grey {
      width: 100%;
      float: left;
      font-weight: bold;
      text-transform: uppercase;
      font-size: 11px; }

/*/ ARTICLE DETAIL /*/
.page-articledetail {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  float: left; }
  .page-articledetail h1, .page-articledetail h2, .page-articledetail h3, .page-articledetail h4 {
    font-weight: normal;
    margin: 0px; }
  .page-articledetail h1, .page-articledetail h2, .page-articledetail h3, .page-articledetail a {
    color: #f36278; }
  .page-articledetail h2, .page-articledetail h3, .page-articledetail h4 {
    font-family: 'myriadcon'; }
  .page-articledetail h1, .page-articledetail h2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 100%;
    padding-right: 356px; }
    @media (max-width: 780px) and (min-width: 601px) {
      .page-articledetail h1, .page-articledetail h2 {
        padding-right: 0px; } }
    @media (max-width: 600px) and (min-width: 0px) {
      .page-articledetail h1, .page-articledetail h2 {
        padding-right: 0px; } }
  .page-articledetail h1 {
    font-family: 'jennasue';
    font-size: 60px; }
  .page-articledetail h2 {
    font-size: 23px; }
  .page-articledetail h3 {
    font-size: 27px;
    padding: 20px 0px; }
  .page-articledetail h4 {
    font-size: 21px; }
  .page-articledetail .recipenotes {
    float: left;
    width: auto;
    font-family: sans-serif; }
  .page-articledetail .headerwrap {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding: 46px 0px;
    position: relative; }
    @media (max-width: 780px) and (min-width: 601px) {
      .page-articledetail .headerwrap {
        padding: 30px 0px 20px 0px; } }
    @media (max-width: 600px) and (min-width: 0px) {
      .page-articledetail .headerwrap {
        padding: 30px 0px 20px 0px; } }
  .page-articledetail .articlepic {
    position: absolute;
    top: 50px;
    right: 0px; }
    @media (max-width: 780px) and (min-width: 601px) {
      .page-articledetail .articlepic {
        position: static;
        width: 100%;
        float: left;
        text-align: center;
        margin-top: 30px; } }
    @media (max-width: 600px) and (min-width: 0px) {
      .page-articledetail .articlepic {
        position: static;
        width: 100%;
        float: left;
        text-align: center;
        margin-top: 30px; } }
  .page-articledetail .leftcontent {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: calc(100% - 356px);
    padding: 30px 0px;
    line-height: 18px; }
    @media (max-width: 780px) and (min-width: 601px) {
      .page-articledetail .leftcontent {
        width: 100%; } }
    @media (max-width: 600px) and (min-width: 0px) {
      .page-articledetail .leftcontent {
        width: 100%; } }
    .page-articledetail .leftcontent ul, .page-articledetail .leftcontent ol {
      margin: 0px 0px 0px 11px;
      padding: 0px 0px 0px 0px; }
    .page-articledetail .leftcontent ul li {
      margin-bottom: 8px; }
    .page-articledetail .leftcontent ol li {
      margin-bottom: 20px; }
    @media (max-width: 980px) and (min-width: 601px) {
      .page-articledetail .leftcontent h2 {
        margin: 30px 0px;
        padding: 0px;
        line-height: 26px; } }
  .page-articledetail .articlelinks {
    width: 100%;
    float: left;
    margin-top: 30px; }
    @media (max-width: 600px) and (min-width: 0px) {
      .page-articledetail .articlelinks {
        text-align: center; } }
    .page-articledetail .articlelinks h4 {
      float: left;
      margin-right: 20px;
      margin-top: 6px; }
      @media (max-width: 600px) and (min-width: 0px) {
        .page-articledetail .articlelinks h4 {
          width: 100%;
          float: left;
          margin: 0px 0px 20px 0px; } }

.headerinfo {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(100% - 400px);
  float: left; }
  @media (max-width: 780px) and (min-width: 601px) {
    .headerinfo {
      width: 100%; } }
  @media (max-width: 600px) and (min-width: 0px) {
    .headerinfo {
      width: 100%; } }
  .headerinfo h1 {
    float: left;
    margin-top: 0px;
    width: auto;
    padding: 0px;
    line-height: 50px; }
  .headerinfo .articlelinks {
    width: auto;
    float: right;
    margin-top: 0px;
    padding-top: 10px; }
    @media (max-width: 980px) and (min-width: 601px) {
      .headerinfo .articlelinks {
        float: left;
        padding-top: 20px; } }
    @media (max-width: 780px) and (min-width: 601px) {
      .headerinfo .articlelinks {
        display: none; } }
    @media (max-width: 600px) and (min-width: 0px) {
      .headerinfo .articlelinks {
        display: none; } }
  .headerinfo .recipenotes {
    padding-top: 10px; }
    @media (max-width: 980px) and (min-width: 601px) {
      .headerinfo .recipenotes {
        padding-top: 30px; } }
  .headerinfo .pinkoutlinebutton {
    float: right;
    margin-bottom: 20px; }
    @media (max-width: 980px) and (min-width: 601px) {
      .headerinfo .pinkoutlinebutton {
        margin-bottom: 0px;
        margin-top: 10px; } }
    @media (max-width: 780px) and (min-width: 601px) {
      .headerinfo .pinkoutlinebutton {
        float: left; } }
    @media (max-width: 600px) and (min-width: 0px) {
      .headerinfo .pinkoutlinebutton {
        float: left; } }

.commentsect {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(100% - 356px);
  float: left;
  border-top: 1px #dedede solid;
  margin-bottom: 30px; }
  @media (max-width: 980px) and (min-width: 601px) {
    .commentsect {
      width: 100%; } }
  @media (max-width: 600px) and (min-width: 0px) {
    .commentsect {
      width: 100%; } }
  .commentsect form {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    float: left;
    background-color: #f7f7f7;
    padding: 18px;
    margin-bottom: 30px; }
  .commentsect .commentitem {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    float: left;
    margin-bottom: 20px; }
    .commentsect .commentitem .imgwrap {
      float: left; }
    .commentsect .commentitem .textwrap {
      float: right;
      width: calc(100% - 96px); }

.smico {
  float: left;
  margin-right: 10px;
  width: 27px;
  height: 27px;
  background-position: center top;
  background-repeat: no-repeat; }
  @media (max-width: 600px) and (min-width: 0px) {
    .smico {
      float: none;
      display: inline-block;
      text-align: center;
      margin: 0px 10px; } }
  .smico:hover {
    background-position: center bottom; }

.ico-twt {
  background-image: url('/content/images/smico-twt.png'); }

.ico-fb {
  background-image: url('/content/images/smico-fb.png'); }

.ico-pinterest {
  background-image: url('/content/images/smico-pinterest.png'); }

/*/ RECIPES /*/
.page-recipes {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  float: left; }
  .page-recipes.about {
    margin-bottom: 60px; }
  .page-recipes .controlswrap {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    background-image: url('/content/images/stripebg.png');
    width: 100%;
    float: left; }
    .page-recipes .controlswrap .selwrap {
      float: left;
      margin-right: 20px;
      max-width: 250px; }
      @media (max-width: 980px) and (min-width: 601px) {
        .page-recipes .controlswrap .selwrap {
          max-width: 210px;
          margin-right: 14px; } }
      @media (max-width: 780px) and (min-width: 601px) {
        .page-recipes .controlswrap .selwrap {
          margin-right: 0px;
          max-width: none; } }
      @media (max-width: 600px) and (min-width: 0px) {
        .page-recipes .controlswrap .selwrap {
          margin-right: 0px;
          max-width: none; } }
    .page-recipes .controlswrap .paginationwrap {
      float: right; }
      @media (max-width: 780px) and (min-width: 601px) {
        .page-recipes .controlswrap .paginationwrap {
          float: left;
          width: 100%;
          margin-top: 12px;
          text-align: left; } }
  .page-recipes .recipeslist {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    float: left; }
    @media (min-width: 981px) {
      .page-recipes .recipeslist .gridcol {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin-right: 3%;
        width: 17.6%; }
        .page-recipes .recipeslist .gridcol:nth-child(10n-1) {
          margin-right: 0px; }
      .page-recipes .recipeslist .gridclear {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        .page-recipes .recipeslist .gridclear:nth-child(10n) {
          display: block; }
        .page-recipes .recipeslist .gridclear:last-child {
          display: none; } }
    @media (max-width: 980px) and (min-width: 601px) {
      .page-recipes .recipeslist .gridcol {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin-right: 3%;
        width: 22.75%; }
        .page-recipes .recipeslist .gridcol:nth-child(8n-1) {
          margin-right: 0px; }
      .page-recipes .recipeslist .gridclear {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        .page-recipes .recipeslist .gridclear:nth-child(8n) {
          display: block; }
        .page-recipes .recipeslist .gridclear:last-child {
          display: none; } }
    @media (max-width: 600px) and (min-width: 0px) {
      .page-recipes .recipeslist .gridcol {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin-right: 4%;
        width: 48%; }
        .page-recipes .recipeslist .gridcol:nth-child(4n-1) {
          margin-right: 0px; }
      .page-recipes .recipeslist .gridclear {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        .page-recipes .recipeslist .gridclear:nth-child(4n) {
          display: block; }
        .page-recipes .recipeslist .gridclear:last-child {
          display: none; } }
    .page-recipes .recipeslist .gridcol {
      padding-top: 30px; }
      .page-recipes .recipeslist .gridcol:hover .textwrap {
        color: #f36278; }
    .page-recipes .recipeslist .gridclear {
      height: 25px;
      border-bottom: 1px #ededed solid; }
    .page-recipes .recipeslist .imgwrap {
      position: relative;
      width: 100%;
      float: left; }
      .page-recipes .recipeslist .imgwrap:hover .hoverbox {
        display: block; }
      .page-recipes .recipeslist .imgwrap img {
        width: 100%;
        display: block; }
      .page-recipes .recipeslist .imgwrap .hoverbox {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-image: url('/content/images/pinkhover.png');
        display: none;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px; }
    .page-recipes .recipeslist .textwrap {
      width: 100%;
      float: left;
      padding-top: 12px;
      font-size: 15px;
      color: #454545;
      font-family: helvetica, sans-serif; }
    .page-recipes .recipeslist .magnify, .page-recipes .recipeslist .addlist {
      position: absolute;
      height: 30px;
      width: 30px;
      text-align: center;
      line-height: 30px;
      top: 50%;
      margin-top: -15px;
      cursor: pointer; }
      .page-recipes .recipeslist .magnify img, .page-recipes .recipeslist .addlist img {
        width: auto;
        height: auto; }
    .page-recipes .recipeslist .magnify {
      left: 50%;
      margin-left: -32px; }
    .page-recipes .recipeslist .addlist {
      right: 50%;
      margin-right: -32px; }

.paginationwrap {
  float: left;
  width: auto;
  text-align: center;
  height: 38px; }
  @media (max-width: 600px) and (min-width: 0px) {
    .paginationwrap {
      width: 100%;
      padding: 30px 0px 0px 0px; } }
  .paginationwrap.center {
    width: 100%;
    margin-top: 26px;
    padding: 30px 0px 20px 0px;
    border-top: 1px #ededed solid; }
    @media (max-width: 600px) and (min-width: 0px) {
      .paginationwrap.center {
        padding: 30px 0px 20px 0px; } }
  .paginationwrap .pagitem {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    width: 30px;
    height: 36px;
    margin: 0px 2px 12px 2px;
    border: 1px #e2e2e2 solid;
    text-align: center;
    color: #a2a2a2;
    padding-top: 10px;
    cursor: pointer;
    vertical-align: middle;
    letter-spacing: 0px; }
    .paginationwrap .pagitem.active, .paginationwrap .pagitem:hover {
      color: #f36278;
      border-color: #f36278; }
    .paginationwrap .pagitem.ellipsis {
      border-color: transparent;
      padding-top: 22px;
      margin: 0px 0px 12px 0px; }
    .paginationwrap .pagitem.prev, .paginationwrap .pagitem.next {
      padding-top: 12px; }

.addtobutton {
  position: relative;
  cursor: pointer; }
  .addtobutton.active .addtobox {
    display: block;
    width: 194px;
    margin: 0px;
    text-transform: none;
    top: -1px;
    right: -1px; }
    @media (max-width: 600px) and (min-width: 0px) {
      .addtobutton.active .addtobox {
        right: auto;
        left: -1px; } }
  .addtobutton .addtobox {
    display: none;
    color: #454545;
    font-size: 13px;
    font-family: sans-serif;
    letter-spacing: 0px; }

.aboutbanner {
  width: 100%;
  float: left;
  margin: 20px 0px 0px 0px;
  text-align: center; }
  .aboutbanner p {
    font-size: 17px;
    line-height: 22px;
    color: #f36278;
    text-align: left;
    margin-bottom: 0px; }

/*/ COOKBOOK /*/
.page-cookbook {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  float: left;
  padding: 40px 0px 60px 0px; }
  .page-cookbook h1, .page-cookbook h2, .page-cookbook h3, .page-cookbook h4 {
    font-weight: normal;
    margin: 0px;
    width: 100%;
    float: left; }
  .page-cookbook h1, .page-cookbook h2, .page-cookbook h4 {
    font-family: 'myriadcon'; }
  .page-cookbook h1, .page-cookbook h3, .page-cookbook h4 {
    color: #f36278; }
  .page-cookbook h1 {
    font-size: 33px;
    margin-bottom: 10px; }
  .page-cookbook h2 {
    font-size: 25px;
    margin-bottom: 46px; }
  .page-cookbook h3 {
    font-family: 'jennasue';
    font-size: 50px;
    margin-bottom: 20px; }
  .page-cookbook h4 {
    font-size: 25px;
    margin-top: 16px; }
  .page-cookbook .forgpw {
    font-size: 11px;
    margin-top: 30px;
    float: left;
    width: 100%; }

.cb-signup-wrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  float: left;
  border: 1px #dedede solid;
  position: relative;
  z-index: 10; }
  .cb-signup-wrap:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 33.33%;
    background-color: #f7f7f7;
    top: 0px;
    left: 0px;
    z-index: 6; }
    @media (max-width: 980px) and (min-width: 601px) {
      .cb-signup-wrap:before {
        height: 350px;
        width: 100%; } }
    @media (max-width: 600px) and (min-width: 0px) {
      .cb-signup-wrap:before {
        height: 350px;
        width: 100%; } }
  .cb-signup-wrap .loginform, .cb-signup-wrap .createaccform, .cb-signup-wrap .membershipinfo {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.33%;
    float: left;
    padding: 24px 38px 36px 38px;
    position: relative;
    z-index: 10; }
  @media (max-width: 980px) and (min-width: 601px) {
    .cb-signup-wrap .loginform {
      width: 100%; } }
  @media (max-width: 600px) and (min-width: 0px) {
    .cb-signup-wrap .loginform {
      width: 100%; } }
  @media (max-width: 980px) and (min-width: 601px) {
    .cb-signup-wrap .createaccform {
      width: 50%; } }
  @media (max-width: 600px) and (min-width: 0px) {
    .cb-signup-wrap .createaccform {
      width: 100%; } }
  @media (max-width: 980px) and (min-width: 601px) {
    .cb-signup-wrap .membershipinfo {
      width: 50%; } }
  @media (max-width: 600px) and (min-width: 0px) {
    .cb-signup-wrap .membershipinfo {
      display: none; } }
  .cb-signup-wrap .membershipinfo ul {
    padding: 0px 0px 0px 12px;
    margin: 30px 0px 0px 0px;
    width: 100%;
    float: left; }
  .cb-signup-wrap .membershipinfo li {
    margin-bottom: 8px;
    line-height: 18px; }

/*/ COOKBOOK MEMBER /*/
.page-cookbookmember {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  float: left;
  padding: 40px 0px 30px 0px; }
  @media (max-width: 600px) and (min-width: 0px) {
    .page-cookbookmember {
      padding: 0px; } }
  .page-cookbookmember h1, .page-cookbookmember h2, .page-cookbookmember h3 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #f36278;
    margin: 0px;
    width: 100%;
    float: left;
    font-weight: normal; }
  .page-cookbookmember h1, .page-cookbookmember h3 {
    font-family: 'jennasue'; }
  .page-cookbookmember h2, .page-cookbookmember .intropara, .page-cookbookmember .chapterlist {
    font-family: 'myriadcon'; }
  .page-cookbookmember h1 {
    font-size: 55px;
    margin-bottom: 12px; }
  .page-cookbookmember h2 {
    font-size: 40px;
    margin-bottom: 12px; }
    @media (max-width: 600px) and (min-width: 0px) {
      .page-cookbookmember h2 {
        margin-top: 30px; } }
  .page-cookbookmember h3 {
    font-size: 35px;
    margin-bottom: 12px; }
    @media (max-width: 600px) and (min-width: 0px) {
      .page-cookbookmember h3 {
        font-family: 'myriadcon';
        font-size: 20px;
        text-transform: uppercase;
        margin: 10px 0px 0px 0px;
        width: 100%;
        float: left;
        cursor: pointer; }
        .page-cookbookmember h3 img {
          margin-left: 12px;
          position: relative;
          top: -4px; } }
  .page-cookbookmember .intropara {
    color: #555454;
    font-size: 23px; }
  .page-cookbookmember .chapterlist {
    display: block;
    margin: 0px;
    padding: 0px;
    float: left;
    list-style: none;
    width: 100%;
    font-size: 23px;
    margin-bottom: 60px; }
    .page-cookbookmember .chapterlist li {
      display: block;
      margin: 0px;
      padding: 0px;
      float: left;
      list-style: none;
      width: calc(100% + 1px);
      position: relative;
      right: 1px;
      border-bottom: 1px #ededed solid; }
      .page-cookbookmember .chapterlist li:first-child {
        border-top: 1px #ededed solid; }
      .page-cookbookmember .chapterlist li.active, .page-cookbookmember .chapterlist li:hover {
        border-right: 1px #fff solid; }
        .page-cookbookmember .chapterlist li.active a, .page-cookbookmember .chapterlist li:hover a {
          color: #f36278; }
      .page-cookbookmember .chapterlist li a {
        width: 100%;
        float: left;
        padding: 8px 0px; }
  .page-cookbookmember .leftcol {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 210px;
    float: left; }
    @media (max-width: 600px) and (min-width: 0px) {
      .page-cookbookmember .leftcol {
        width: 100%;
        padding: 20px;
        background-image:('/content/images/stripebg.png'); } }
  .page-cookbookmember .rightcol {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 210px);
    float: left;
    padding-left: 30px;
    border-left: 1px #ededed solid; }
    @media (max-width: 600px) and (min-width: 0px) {
      .page-cookbookmember .rightcol {
        width: 100%;
        padding: 0px;
        border: 0px; } }
  .page-cookbookmember .generic-form {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 20px; }
    @media (max-width: 600px) and (min-width: 0px) {
      .page-cookbookmember .generic-form {
        display: none;
        margin-top: 20px; }
        .page-cookbookmember .generic-form.active {
          display: block; } }
  .page-cookbookmember .recipeslist {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    float: left; }
    @media (min-width: 981px) {
      .page-cookbookmember .recipeslist .gridcol {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin-right: 3%;
        width: 22.75%; }
        .page-cookbookmember .recipeslist .gridcol:nth-child(8n-1) {
          margin-right: 0px; }
      .page-cookbookmember .recipeslist .gridclear {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        .page-cookbookmember .recipeslist .gridclear:nth-child(8n) {
          display: block; }
        .page-cookbookmember .recipeslist .gridclear:last-child {
          display: none; } }
    @media (max-width: 980px) and (min-width: 601px) {
      .page-cookbookmember .recipeslist .gridcol {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin-right: 3%;
        width: 31.3333333333%; }
        .page-cookbookmember .recipeslist .gridcol:nth-child(6n-1) {
          margin-right: 0px; }
      .page-cookbookmember .recipeslist .gridclear {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        .page-cookbookmember .recipeslist .gridclear:nth-child(6n) {
          display: block; }
        .page-cookbookmember .recipeslist .gridclear:last-child {
          display: none; } }
    @media (max-width: 600px) and (min-width: 0px) {
      .page-cookbookmember .recipeslist .gridcol {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin-right: 4%;
        width: 48%; }
        .page-cookbookmember .recipeslist .gridcol:nth-child(4n-1) {
          margin-right: 0px; }
      .page-cookbookmember .recipeslist .gridclear {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        .page-cookbookmember .recipeslist .gridclear:nth-child(4n) {
          display: block; }
        .page-cookbookmember .recipeslist .gridclear:last-child {
          display: none; } }
    .page-cookbookmember .recipeslist .gridcol {
      padding-top: 20px; }
      .page-cookbookmember .recipeslist .gridcol:hover .textwrap {
        color: #f36278; }
    .page-cookbookmember .recipeslist .imgwrap {
      position: relative;
      width: 100%;
      float: left; }
      .page-cookbookmember .recipeslist .imgwrap:hover .hoverbox {
        display: block; }
        @media (max-width: 980px) and (min-width: 601px) {
          .page-cookbookmember .recipeslist .imgwrap:hover .hoverbox {
            display: none; } }
        @media (max-width: 600px) and (min-width: 0px) {
          .page-cookbookmember .recipeslist .imgwrap:hover .hoverbox {
            display: none; } }
      .page-cookbookmember .recipeslist .imgwrap img {
        width: 100%; }
      .page-cookbookmember .recipeslist .imgwrap .hoverbox {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-image: url('/content/images/pinkhover.png');
        display: none;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px; }
    .page-cookbookmember .recipeslist .textwrap {
      width: 100%;
      float: left;
      padding-top: 12px;
      font-size: 15px;
      color: #454545;
      font-family: helvetica, sans-serif; }
    .page-cookbookmember .recipeslist .magnify, .page-cookbookmember .recipeslist .removelist {
      position: absolute;
      height: 30px;
      width: 30px;
      text-align: center;
      line-height: 30px;
      top: 50%;
      margin-top: -15px;
      cursor: pointer; }
      .page-cookbookmember .recipeslist .magnify img, .page-cookbookmember .recipeslist .removelist img {
        width: auto;
        height: auto; }
    .page-cookbookmember .recipeslist .magnify {
      left: 50%;
      margin-left: -32px; }
    .page-cookbookmember .recipeslist .removelist {
      right: 50%;
      margin-right: -32px; }

.remicon {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer; }

/*/ CART /*/
/*/ CONTACT /*/
.page-contact {
  width: 100%;
  margin: auto;
  max-width: 500px;
  padding-top: 1px; }
  @media (max-width: 780px) and (min-width: 601px) {
    .page-contact {
      width: 100%;
      float: left;
      max-width: none;
      padding-top: 30px; } }
  @media (max-width: 600px) and (min-width: 0px) {
    .page-contact {
      width: 100%;
      float: left;
      max-width: none;
      padding-top: 30px; } }
  .page-contact h1 {
    font-family: 'jennasue';
    color: #f36278;
    margin: 60px 0px 30px 0px;
    font-size: 60px;
    font-weight: normal; }
    @media (max-width: 780px) and (min-width: 601px) {
      .page-contact h1 {
        margin-top: 0px; } }
    @media (max-width: 600px) and (min-width: 0px) {
      .page-contact h1 {
        margin-top: 0px; } }
  .page-contact a {
    color: #f36278; }
  .page-contact td {
    padding-bottom: 20px; }
  .page-contact button[type="submit"] {
    width: 100px;
    text-align: left; }
    .page-contact button[type="submit"] img {
      float: right; }
  .page-contact form {
    width: 100%;
    float: left;
    padding-bottom: 130px; }
    @media (max-width: 600px) and (min-width: 0px) {
      .page-contact form {
        padding-bottom: 60px; } }

/*/ POPUPS /*/
.curtain {
  background-image: url('/content/images/greybg.png');
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 666; }

.popup {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
  z-index: 999;
  background-color: #fff;
  -webkit-box-shadow: 0 0 3px 1px #ABABAB;
  box-shadow: 0 0 3px 1px #ABABAB;
  top: 50%;
  left: 50%; }
  .popup .closepop {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer; }

.login-popup {
  width: 510px;
  height: 340px;
  margin-top: -170px;
  margin-left: -255px;
  padding: 30px 30px 80px 30px; }
  @media (max-width: 600px) and (min-width: 0px) {
    .login-popup {
      width: 92%;
      margin-left: 4%;
      left: 0px;
      top: 0px;
      margin-top: 100px;
      height: auto;
      padding: 30px 30px 100px 30px; } }
  .login-popup h1 {
    color: #f36278;
    font-weight: normal;
    margin-top: 0px;
    width: 100%;
    float: left;
    font-family: 'jennasue';
    font-size: 50px;
    margin-bottom: 20px; }
  .login-popup .forgpw {
    font-size: 11px;
    float: right;
    margin-top: 30px; }
  .login-popup .lowergrey {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f4f4f4;
    font-size: 15px;
    text-align: center;
    padding: 14px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    border-radius: 0px 0px 6px 6px;
    -webkit-border-radius: 0px 0px 6px 6px; }
    .login-popup .lowergrey a {
      color: #f36278; }

.signup-popup {
  width: 890px;
  height: 520px;
  margin-top: -260px;
  margin-left: -445px; }
  @media (max-width: 920px) and (min-width: 0px) {
    .signup-popup {
      width: 92%;
      margin-left: 4%;
      left: 0px;
      top: 0px;
      margin-top: 100px; } }
  @media (max-width: 600px) and (min-width: 0px) {
    .signup-popup {
      height: auto; } }
  .signup-popup .leftcol, .signup-popup .rightcol {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 30px 60px 60px;
    float: left;
    width: 50%; }
    @media (max-width: 980px) and (min-width: 601px) {
      .signup-popup .leftcol, .signup-popup .rightcol {
        padding: 30px; } }
    @media (max-width: 600px) and (min-width: 0px) {
      .signup-popup .leftcol, .signup-popup .rightcol {
        padding: 20px;
        width: 100%; } }
  .signup-popup h1, .signup-popup h2 {
    color: #f36278;
    font-weight: normal;
    margin-top: 0px;
    width: 100%;
    float: left; }
  .signup-popup h1 {
    font-family: 'jennasue';
    font-size: 40px;
    margin-bottom: 20px; }
  .signup-popup h2 {
    font-family: 'myriadcon';
    font-size: 25px; }
  .signup-popup ul {
    margin: 30px 0px 30px 11px;
    padding: 0px;
    width: 100%;
    float: left; }
    @media (max-width: 980px) and (min-width: 601px) {
      .signup-popup ul {
        margin: 10px 0px 10px 11px; } }
    @media (max-width: 600px) and (min-width: 0px) {
      .signup-popup ul {
        margin: 10px 0px 10px 11px; } }
  .signup-popup li {
    margin: 0px 0px 10px 0px; }

/*/ CHECKOUT - CHECKOUT 1 /*/
/*/ YOUR DETAILS - CHECKOUT 2 /*/
/*/ PAYMENT - CHECKOUT 3 /*/
/*/ CONFIRMATION - CHECKOUT 4 /*/
/*/ Bake it beautifully - Competition page /*/
.page-bake-it-beautifully {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff; }
  .page-bake-it-beautifully:before, .page-bake-it-beautifully:after {
    content: "";
    display: block;
    clear: both; }
  .page-bake-it-beautifully .container-wrap {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 0;
    background-image: url('/content/images/stripebg.png'); }
    .page-bake-it-beautifully .container-wrap:before, .page-bake-it-beautifully .container-wrap:after {
      content: "";
      display: block;
      clear: both; }
    .page-bake-it-beautifully .container-wrap .container {
      position: relative; }
      .page-bake-it-beautifully .container-wrap .container h3 {
        font-family: 'jennasue';
        font-weight: normal;
        color: #f36278;
        font-size: 40px;
        margin: 0 0 8px 0;
        max-width: 66%; }
      .page-bake-it-beautifully .container-wrap .container p {
        color: #f36278;
        font-family: 'myriadcon';
        font-size: 23px;
        max-width: 66%; }
    .page-bake-it-beautifully .container-wrap .bake-it-banner-wrap {
      position: absolute;
      max-width: 33%;
      right: 0;
      top: 0; }
      .page-bake-it-beautifully .container-wrap .bake-it-banner-wrap .banner {
        float: left;
        width: 100%;
        margin-bottom: 10px; }
        .page-bake-it-beautifully .container-wrap .bake-it-banner-wrap .banner img {
          display: block;
          width: 100%; }
      .page-bake-it-beautifully .container-wrap .bake-it-banner-wrap .half-banner {
        width: 49%;
        margin-right: 2%; }
        .page-bake-it-beautifully .container-wrap .bake-it-banner-wrap .half-banner:last-of-type {
          margin-right: 0; }
  .page-bake-it-beautifully .bake-it-form-wrap {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 20px; }
    .page-bake-it-beautifully .bake-it-form-wrap:before, .page-bake-it-beautifully .bake-it-form-wrap:after {
      content: "";
      display: block;
      clear: both; }
    .page-bake-it-beautifully .bake-it-form-wrap p {
      margin: 20px 0; }
      .page-bake-it-beautifully .bake-it-form-wrap p.bold {
        font-weight: bold; }
      .page-bake-it-beautifully .bake-it-form-wrap p:first-of-type {
        margin-top: 30px; }
      .page-bake-it-beautifully .bake-it-form-wrap p:last-of-type {
        margin-bottom: 30px; }
    .page-bake-it-beautifully .bake-it-form-wrap .bake-it-form {
      overflow: hidden; }
      .page-bake-it-beautifully .bake-it-form-wrap .bake-it-form .pinkbutton {
        outline: 0;
        width: 150px;
        text-align: left; }
        .page-bake-it-beautifully .bake-it-form-wrap .bake-it-form .pinkbutton img {
          float: right; }
      .page-bake-it-beautifully .bake-it-form-wrap .bake-it-form .grey-question-wrap {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px;
        background: #f7f7f7; }
        .page-bake-it-beautifully .bake-it-form-wrap .bake-it-form .grey-question-wrap:before, .page-bake-it-beautifully .bake-it-form-wrap .bake-it-form .grey-question-wrap:after {
          content: "";
          display: block;
          clear: both; }
      .page-bake-it-beautifully .bake-it-form-wrap .bake-it-form .pink-question-wrap {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px;
        background: #feeff1; }
        .page-bake-it-beautifully .bake-it-form-wrap .bake-it-form .pink-question-wrap:before, .page-bake-it-beautifully .bake-it-form-wrap .bake-it-form .pink-question-wrap:after {
          content: "";
          display: block;
          clear: both; }
  .page-bake-it-beautifully .instruc {
    color: #939393;
    background: #fff;
    margin: 0;
    width: 50%; }
    @media (max-width: 600px) and (min-width: 0px) {
      .page-bake-it-beautifully .instruc {
        width: 100%; } }
  @media (max-width: 1200px) and (min-width: 0px) {
    .page-bake-it-beautifully .container-wrap .bake-it-banner-wrap {
      right: 20px; } }
  @media (max-width: 600px) and (min-width: 0px) {
    .page-bake-it-beautifully .container-wrap .bake-it-banner-wrap {
      position: static;
      max-width: 100%; }
    .page-bake-it-beautifully .container-wrap .container h3 {
      width: 100%;
      max-width: 100%; }
    .page-bake-it-beautifully .container-wrap .container p {
      width: 100%;
      max-width: 100%; }
    .page-bake-it-beautifully .bake-it-form-wrap {
      width: 100%; } }

@media (max-width: 980px) and (min-width: 601px) {
  .dtOnly {
    display: none !important; } }
@media (max-width: 780px) and (min-width: 601px) {
  .dtOnly {
    display: none !important; } }
@media (max-width: 600px) and (min-width: 0px) {
  .dtOnly {
    display: none !important; } }
@media (max-width: 420px) and (min-width: 0px) {
  .dtOnly {
    display: none !important; } }
@media (max-width: 240px) and (min-width: 0px) {
  .dtOnly {
    display: none !important; } }

@media (max-width: 600px) and (min-width: 0px) {
  .dtTab {
    display: none !important; } }
@media (max-width: 420px) and (min-width: 0px) {
  .dtTab {
    display: none !important; } }
@media (max-width: 240px) and (min-width: 0px) {
  .dtTab {
    display: none !important; } }

@media (min-width: 981px) {
  .tabOnly {
    display: none !important; } }
@media (max-width: 600px) and (min-width: 0px) {
  .tabOnly {
    display: none !important; } }
@media (max-width: 420px) and (min-width: 0px) {
  .tabOnly {
    display: none !important; } }
@media (max-width: 240px) and (min-width: 0px) {
  .tabOnly {
    display: none !important; } }

@media (min-width: 981px) {
  .tabMob {
    display: none !important; } }

@media (min-width: 981px) {
  .mobOnly {
    display: none !important; } }
@media (max-width: 980px) and (min-width: 601px) {
  .mobOnly {
    display: none !important; } }
@media (max-width: 780px) and (min-width: 601px) {
  .mobOnly {
    display: none !important; } }

.hidden {
  display: none !important; }

.floatLeft {
  float: left !important; }

.floatRight {
  float: right !important; }

.selwrap select {
  border: 0px;
  background-color: transparent;
  -webkit-appearance: none; }

textarea, input {
  outline: none; }

.respimg {
  max-width: 100%; }

.pinkbutton {
  border: 0px;
  font-size: 18px;
  line-height: 18px;
  display: block;
  padding: 14px 14px 11.6666666667px 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background-color: #f36278;
  color: #fff;
  font-family: 'myriadcon';
  float: left; }
  .pinkbutton img {
    margin-left: 6px; }

.pinkoutlinebutton {
  border: 0px;
  font-size: 18px;
  line-height: 18px;
  display: block;
  padding: 14px 14px 11.6666666667px 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background-color: transparent;
  color: #f36278;
  font-family: 'myriadcon';
  float: left;
  border: 1px #f36278 solid; }
  .pinkoutlinebutton img {
    margin-left: 6px; }

.greybutton {
  border: 0px;
  font-size: 18px;
  line-height: 18px;
  display: block;
  padding: 14px 14px 11.6666666667px 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background-color: #c5c5c5;
  color: #fff;
  font-family: 'myriadcon';
  float: left; }
  .greybutton img {
    margin-left: 6px; }

.imgbutton {
  border: 0px;
  display: block;
  background-color: transparent;
  -webkit-appearance: none; }

.pink {
  color: #f36278 !important; }

.was, .grey {
  color: #9b9b9b !important; }

.now {
  color: #f20000 !important; }

.selwrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url('/content/images/ico-selarr.png');
  background-repeat: no-repeat;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px #e2e2e2 solid;
  width: 100%;
  height: 34px;
  margin-bottom: 7px;
  background-repeat: no-repeat;
  background-position: 96% 12px;
  overflow: hidden;
  background-color: #fff; }
  .selwrap select {
    border: 0px;
    background-color: transparent;
    -webkit-appearance: none;
    width: 120%;
    margin-top: 8px;
    text-indent: 0px;
    margin-left: 8px;
    cursor: pointer;
    color: #454545; }

.fleft {
  width: 100%;
  float: left; }

.whitebg {
  width: 100%;
  float: left;
  background-color: #fff; }

.stripebg {
  background-image: url('/content/images/stripebg.png');
  width: 100%;
  float: left; }

.imgwrap img {
  max-width: 100%; }

.addtobox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  position: absolute;
  width: 90%;
  margin-left: 5%;
  background-color: #fff;
  padding: 16px;
  margin-top: 20px;
  -webkit-box-shadow: 0 0 3px 1px #B8B8B8;
  box-shadow: 0 0 3px 1px #B8B8B8; }
  .addtobox .closepop {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer; }
  .addtobox h4 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'jennasue';
    font-size: 30px;
    color: #f36278;
    font-weight: normal;
    width: 100%;
    float: left;
    margin: 10px 0px 0px 0px; }
  .addtobox ul {
    display: block;
    margin: 0px;
    padding: 0px;
    float: left;
    list-style: none;
    width: 100%;
    margin: 12px 0px; }
  .addtobox li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin: 0px;
    padding: 0px;
    float: left;
    list-style: none;
    width: 100%;
    margin-bottom: 6px;
    position: relative;
    padding-left: 20px;
    cursor: pointer; }
    .addtobox li:hover:before, .addtobox li.active:before {
      background-color: #f36278;
      -webkit-box-shadow: 0 0 0 1px #dedede;
      box-shadow: 0 0 0 1px #dedede; }
    .addtobox li:hover:after, .addtobox li.active:after {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      content: '';
      width: 10px;
      height: 10px;
      border: 1px #fff solid;
      left: 1px;
      top: 1px;
      position: absolute;
      display: block; }
    .addtobox li:before {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      content: '';
      width: 12px;
      height: 12px;
      border: 1px #dedede solid;
      left: 0px;
      top: 0px;
      position: absolute;
      display: block; }
  .addtobox button img {
    width: auto !important;
    height: auto;
    float: right; }

.centertext {
  text-align: center; }