/*

__________     ___.  ___.   .__          ____ ___
\______   \__ _\_ |__\_ |__ |  |   ____ |    |   \______
 |    |  _/  |  \ __ \| __ \|  | _/ __ \|    |   /\____ \
 |    |   \  |  / \_\ \ \_\ \  |_\  ___/|    |  / |  |_> >
 |______  /____/|___  /___  /____/\___  >______/  |   __/
        \/          \/    \/          \/          |__|
                              www.bubbleup.net

*/



/* reset */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} body { margin: 0; line-height: 1; font-size: 13px; } h1,h2,h3,h4,h5,h6 {margin: 0; padding: 0;} body, button, input, select, textarea { font-family: sans-serif; } a {
  color: #000;
} /*a:visited { color: #551a8b; }*/ a:focus { outline: thin dotted; } a:hover, a:active {
  outline: 0;
  color: #000;
} abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ''; content: none; } small { font-size: 75%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol, menu ul, menu ol, nav, menu { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; *margin-left: -7px; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible;} table button, table input { *overflow: auto; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top;} table { border-collapse: collapse; border-spacing: 0; } .clearfix:before, .clearfix:after, header:before, header:after, .layout-main:before, .layout-main:after { content: ""; display: table; } .clearfix:after, header:after, .layout-main:after { clear: both; } .clearfix, header, .layout-main { zoom: 1; }






/*___________ shell ____________________________________________________________*/


@font-face {
    font-family: 'GnuolaneRgRegular';
    src: url('type/gnuolane_rg-webfont.eot');
    src: url('type/gnuolane_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/gnuolane_rg-webfont.woff') format('woff'),
         url('type/gnuolane_rg-webfont.ttf') format('truetype'),
         url('type/gnuolane_rg-webfont.svg#GnuolaneRgRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'gooddogregular';
    src: url('type/gooddog-webfont.eot');
    src: url('type/gooddog-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/gooddog-webfont.woff') format('woff'),
         url('type/gooddog-webfont.ttf') format('truetype'),
         url('type/gooddog-webfont.svg#gooddogregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face { font-family: 'YanoneKaffeesatzThin'; src: url('type/YanoneKaffeesatz-Thin-webfont.eot'); src: url('type/YanoneKaffeesatz-Thin-webfont.eot?#iefix') format('embedded-opentype'), url('type/YanoneKaffeesatz-Thin-webfont.woff') format('woff'), url('type/YanoneKaffeesatz-Thin-webfont.ttf') format('truetype'), url('type/YanoneKaffeesatz-Thin-webfont.svg#YanoneKaffeesatzThin') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'YanoneKaffeesatzLight'; src: url('type/YanoneKaffeesatz-Light-webfont.eot'); src: url('type/YanoneKaffeesatz-Light-webfont.eot?#iefix') format('embedded-opentype'), url('type/YanoneKaffeesatz-Light-webfont.woff') format('woff'), url('type/YanoneKaffeesatz-Light-webfont.ttf') format('truetype'), url('type/YanoneKaffeesatz-Light-webfont.svg#YanoneKaffeesatzLight') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'YanoneKaffeesatzRegular'; src: url('type/YanoneKaffeesatz-Regular-webfont.eot'); src: url('type/YanoneKaffeesatz-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('type/YanoneKaffeesatz-Regular-webfont.woff') format('woff'), url('type/YanoneKaffeesatz-Regular-webfont.ttf') format('truetype'), url('type/YanoneKaffeesatz-Regular-webfont.svg#YanoneKaffeesatzRegular') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'YanoneKaffeesatzBold'; src: url('type/YanoneKaffeesatz-Bold-webfont.eot'); src: url('type/YanoneKaffeesatz-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('type/YanoneKaffeesatz-Bold-webfont.woff') format('woff'), url('type/YanoneKaffeesatz-Bold-webfont.ttf') format('truetype'), url('type/YanoneKaffeesatz-Bold-webfont.svg#YanoneKaffeesatzBold') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'PTSansBoldItalic'; src: url('type/PTS76F-webfont.eot'); src: url('type/PTS76F-webfont.eot?#iefix') format('embedded-opentype'), url('type/PTS76F-webfont.woff') format('woff'), url('type/PTS76F-webfont.ttf') format('truetype'), url('type/PTS76F-webfont.svg#PTSansBoldItalic') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'PTSansBold'; src: url('type/PTS75F-webfont.eot'); src: url('type/PTS75F-webfont.eot?#iefix') format('embedded-opentype'), url('type/PTS75F-webfont.woff') format('woff'), url('type/PTS75F-webfont.ttf') format('truetype'), url('type/PTS75F-webfont.svg#PTSansBold') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'PTSansItalic'; src: url('type/PTS56F-webfont.eot'); src: url('type/PTS56F-webfont.eot?#iefix') format('embedded-opentype'), url('type/PTS56F-webfont.woff') format('woff'), url('type/PTS56F-webfont.ttf') format('truetype'), url('type/PTS56F-webfont.svg#PTSansItalic') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'PTSansRegular'; src: url('type/PTS55F-webfont.eot'); src: url('type/PTS55F-webfont.eot?#iefix') format('embedded-opentype'), url('type/PTS55F-webfont.woff') format('woff'), url('type/PTS55F-webfont.ttf') format('truetype'), url('type/PTS55F-webfont.svg#PTSansRegular') format('svg'); font-weight: normal; font-style: normal; }

@import url("//hello.myfonts.net/count/2ac8ce");

@font-face {font-family: 'thirstyroughboldtwo';src: url('type/32D821_0_0.eot');src: url('type/32D821_0_0.eot?#iefix') format('embedded-opentype'),url('type/32D821_0_0.woff2') format('woff2'),url('type/32D821_0_0.woff') format('woff'),url('type/32D821_0_0.ttf') format('truetype'); font-weight: 400; font-style: normal;}

@font-face {font-family: 'thirstyroughboldtwo';src: url('type/32D821_0_0.eot');src: url('type/32D821_0_0.eot?#iefix') format('embedded-opentype'),url('type/32D821_0_0.woff2') format('woff2'),url('type/32D821_0_0.woff') format('woff'),url('type/32D821_0_0.ttf') format('truetype'); font-weight: 700; font-style: normal;}

@font-face {
    font-family: 'caslon_antiqueregular';
    src: url('type/caslon_antique_regular-webfont.woff2') format('woff2'),
         url('type/caslon_antique_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'caslon_antiqueregular';
    src: url('type/caslon_antique-webfont.woff2') format('woff2'),
         url('type/caslon_antique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


body {
  background: #fff url(images/body_bg.jpg) fixed 50% 0 no-repeat; line-height: 1.55em; font: 14px 'PTSansRegular', Arial, Helvetica, Helvetica Neue, sans-serif; color: #5c3b12;
}


#wrapper {}

#capsule {width: 1000px; margin: 0 auto;}

#main-header {margin: 18px 0 0; padding: 64px 0 0; background: url(images/palm_bg.jpg) 50% 0 no-repeat; border-radius: 15px 15px 0 0; -moz-border-radius: 15px 15px 0 0;  -webkit-border-radius: 15px 15px 0 0; position: relative; z-index: 99;}

#main-logo {display: block; width: 259px; height: 0; overflow: hidden; padding: 144px 0 0; background: url(images/main_logo.png) no-repeat; position: absolute; top: -10px; left: 5px; z-index: 100;}

#main-nav {}
#main-nav > ul { padding-left: 290px; text-align: right; padding-right: 10px; padding-bottom: 5px; }
#main-nav > ul > li {display: inline-block; zoom: 1; *display: inline; position: relative;}
#main-nav > ul > li > a {display: block; padding: 4px 10px 4px; font: 20px/1em  'GnuolaneRgRegular',Helvetica,Arial,sans-serif; color: #fff; text-transform: uppercase; text-decoration: none; border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; text-shadow: 1px 1px 1px #000; }
#main-nav > ul > li > a:hover { color: #fff; background: #3b6298; transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out;-webkit-transition: background .25s ease-in-out;}

#main-nav > ul > li#main-nav-emupdates {display: none;}

#main-nav > ul > li:hover ul {display: block;}
#main-nav ul ul {position: absolute; top: 100%; left: 50%; height: 0; white-space: nowrap; margin-left: -100px; width: 200px; display: none; font-size: 20px; text-align:center; padding: 5px;}
#main-nav ul ul li {padding: 0; display:block; padding: 1px;}
#main-nav ul ul li:first-child {-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
#main-nav ul ul li:last-child {-moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
#main-nav ul ul li a {display: block; padding: 8px 10px; color: #fff!important;  -moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px; font: 18px/1em  'GnuolaneRgRegular',Helvetica,Arial,sans-serif; text-decoration: none; text-transform: uppercase; text-shadow: 1px 1px 1px #000; background: #3b6298; color:#fff;  }
#main-nav ul ul li a:hover {color: #e16e98!important}

#main-nav img {display: block; max-width: 100%; margin: 0 auto;}

#nav-toggle {display: none;}

#main-content {min-height: 300px; position: relative; z-index: 98;}


/*NAV ACTIVES*/

#body-welcome #main-nav-welcome a,
#body-products #main-nav-products a,
#body-recipes #main-nav-recipes a,
#body-find-a-store #main-nav-find-a-store a,
#body-store #main-nav-store a,
#body-foods-direct #main-nav-foods-direct a,
#body-coupons #main-nav-coupons a,
#body-contest #main-nav-contest a,
#body-contact-us #main-nav-contact-us a
{background: url(images/nav_active.png) repeat-x; color: #fff; background-size: 100% 100%;}



/*HEADER UTILITY NAVIGATION*/


#header-utility-nav {}
#header-utility-nav ul {
  width:400px;
  height:35px;
  overflow: hidden;
  float:right;
  position: absolute;
  left: 740px;
  top: 40px;}

#header-utility-nav ul li {display: inline-block; zoom: 1; *display: inline; padding-right:10px;}
#header-utility-nav ul li a {display: block; font: 16px/1em 'GnuolaneRgRegular', sans-serif; color: #2f7a4b; text-decoration: none; text-transform: uppercase;}
#header-utility-nav ul li a:hover {color: #fff;}


#utility-emupdates {
  display: block;
  width: 120px;
  position: absolute;
  right: 20px;
  top: 14px;
  background: url(images/mailinglist_button_bg.png) repeat;
  color: #fff;
  text-decoration: none;
  padding: 9px 10px 5px 10px;
  font-size: 16px;

}
#utility-emupdates:hover{
  color: #fff;
}
#utility-emupdates img{
  width: 100%;
  max-width: 25px;
  float: left;
  margin-right: 10px;
}















#footer {
  position: relative;
  color: #fff;
  text-align: center;
  font-size: 1rem;
  background: #619EB2 url(images/wood.png) center top repeat;
}

#footer:before,
#footer:after {
  content:"";
  display: block;
  clear: both;
}

#footer a {
  color: #fff;
  text-decoration: none;
}

#footer .capsule {
  width: auto;
}

@media (min-width:1024px) {

  #footer {
    margin-top: 120px;
  }
  #footer:before {
    content:"";
    height: 75px;
    position: absolute;
    top: -75px;
    left: 0;
    width: 100%;
    background: url(images/footer_top.png) center top no-repeat;
  }
}



@media (min-width: 768px) {
  #footer-nav-group {
    display: block;
    background: #7CAFBF url(images/wood.png) center top repeat;
    padding: 1.5em 0;
  }
}



#footer-nav {
  font-family: 'GnuolaneRgRegular', sans-serif;
  padding: 1.5em 1.5em 0;
}

#footer-nav li {
  border-bottom: 1px solid rgba(255,255,255,.2);
}

#footer-nav li:last-child {
  border: 0;
}

#footer-nav a {
  display: block;
  padding: .25em;
  font-size: 1.2em;
  text-transform: uppercase;
    letter-spacing: .2em;
    font-weight: 500;
}


  #footer-nav a:hover {
    opacity: .5;
    text-decoration: none;
  }

@media (min-width: 768px) {
  #footer-nav {
    display: inline-block;
    vertical-align: middle;
    margin: 0 1em 0 0;
    padding: 0;
  }

  #footer-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: .8em;
  }

  #footer-nav li {
    float: left;
    border: 0;
  }

  #footer-nav li:before {
    content:"|";
    padding: 0 .25em;
    opacity: .5;
    float: left;
  }

   #footer-nav li:first-child:before {
    display: none;
  }


  #footer-nav a {
    padding: 0 .5em;
    display: block;
    float: left;

    font-size: 1.1em;
  }

}

@media (min-width: 1024px) {

  #footer-nav  a {
    font-size: 1.4em;
  }
}


#footer-bottom {
  padding: 1em 0;
}

@media (min-width: 1024px) {
  #footer-bottom {
    padding: 2em 0;
  }
}



#footer-logo {
  display: inline-block;
  vertical-align: middle;
  width: 12em;
  margin: 0 0 .75em;
}

#footer-logo  img {
  display: block;
  width: 100%;
}

@media (min-width: 1024px) {
  #footer-logo {
    margin: 0 1em 0 0;
  }
}



#footer-social {
  margin: 0 0 1.5em;
}

#footer-social .socials {
  margin: 0;
  padding: 0;
  list-style: none;
}
#footer-social .socials  li {
  display: inline-block;
  vertical-align: top;
  margin: 0 .25em;
}

#footer-social .socials  a {
  display: block;
}

#footer-social .socials  img {
  display: block;
  width: 100%;

}

#footer-social .socials a {

}

@media (min-width: 1024px) {
  #footer-social .socials {
    display: inline-block;
    vertical-align: middle;
  }

  #footer-social .socials a {

  }
}


#copyright {
  font-weight: 500;
  text-transform: uppercase;
  font-size: .9em;
}



#copyright-main {
  margin: 0;
  line-height: 1.35;
  letter-spacing: .2em;
  font-size: .9em;
  font-weight: 500;
}



#copyright-links {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1em;
  margin: 1em 0;
  letter-spacing: .2em;
}

#copyright-links li {
    border-bottom: 1px solid rgba(255,255,255,.2);
}

#copyright-links li:first-child {
  border-top: 1px solid rgba(255,255,255,.2);
}

#copyright-links li a {
    display: block;
    padding: .5em;
}
#copyright-links li a:hover {
  text-decoration: none;
  opacity: .5;
}

@media (min-width: 768px) {

  #copyright-links {
    font-size: .75em;
    display: inline-block;
  }

  #copyright-links li {
    border: 0;
    float: left;
  }

  #copyright-links li:first-child {
    border: 0;
  }

  #copyright-links li:before {
    content:"|";
    padding: 0 .5em;
    display: inline-block;
    opacity: .5;
  }

  #copyright-links li:first-child:before {
    display: none;
  }

  #copyright-links li a {
    display: inline-block;
    padding: 0;
  }
}


#credits {
  margin: 2em 0 0;
}

#core {
  display: inline-block;
}

#core img {
  display: block;
}




/*___________ layout ____________________________________________________________*/


#background {position: fixed; z-index: -1; width: 100%; top: 0; left: 0;}

::-moz-selection { background: #000; color: #fff; text-shadow: none; }
::selection { background: #000; color: #fff; text-shadow: none; }


p {
  line-height: 1.55em;
  margin: 0 0 1em;
  color: #fff;
  font-family: 'PTSansRegular', Arial, Helvetica, "Helvetica Neue", sans-serif;
  font-size: 14px;
}

.disclaimer {
  line-height: 1.25em;
  margin: 0 0 1em;
  color: #5c3b12;
  font-family: 'PTSansRegular', Arial, Helvetica, "Helvetica Neue", sans-serif;
  font-size: 12px;
}

.small {font-size: .9em!important; font-weight: 100; color: #000;}

a { color: #444;}
a:hover { color: #555; text-decoration: none; }
hr {margin: 10px 0; padding: 0; height: 0; overflow: hidden; border-top: 1px solid #222;}

ul.rose {margin: 1em 0; padding: 15px 15px 15px 40px; background: rgba(251, 248, 248, 0.5);}

li.large {font-size: 1.25em; font-weight: 900; color: #ba174e;}

h1, h2, h3, h4, h5, h6 {}

h1 {}
h2 {
  font: 32px/32px;
  font-family: 'YanoneKaffeesatzBold', sans-serif;
  font-weight: normal;
  line-height: 1.45em;
  color: #fff;
  padding-bottom: 10px;
}
h3 {
  font-size: 18px;
  line-height: 1.35em;
  color: #fff;
  font-family: 'YanoneKaffeesatzBold', sans-serif; font-weight: normal;
}
h4 {}
h5 {}
h6 {}

.layout-main-wrapper {background: url(images/content_border.png) no-repeat;}
.layout-main {background: url(images/transwhite.png) repeat; padding: 10px 10px 0; min-height: 280px;}



.layout-2col-left {}
.layout-2col-left .main-col {float: left;}
.layout-2col-left .side-col {
  float: right;
}
.layout-2col-left .side-col-left {
  float: left;
}

.layout-2col-right {}
.layout-2col-right .main-col {float: right;}
.layout-2col-right .side-col {float: left;}

.layout-2col-right .main-col, .layout-2col-left .main-col {width: 62%;}
.layout-2col-right .side-col, .layout-2col-left .side-col {width: 35%;}

.section-block {
  background: url(images/palm_bg.jpg) repeat;
  border: 1px solid #aab2b5;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 0;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
}

.section-block-rose {
  background: url(images/palm_rose_bg.jpg) repeat;
  border: 1px solid #aab2b5;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 0;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  border: solid rgba(186, 23, 78, 0.37) 1px
}




.page-header {
  height: 0; overflow: hidden; padding-top: 30%; position: relative;
  border-top: .2rem solid #fff;
  margin: 0 0 0;
  /*background-image: url(images/page_header_bg.jpg);*/
  background-repeat: no-repeat;
  background-size: 100% auto;
}

/*___________ unique page header images ____________________________________________________________*/


.seafood-header {background-image: url(images/page_seafood_header_bg.jpg)!important;}
.salsa-header {background-image: url(images/page_salsa_header_bg.jpg)!important;}
.tortilla-chips-header {background-image: url(images/page_tortilla_chips_header_bg.jpg)!important;}
.bbq-sauces-header {background-image: url(images/page_bbq_sauces_header_bg.jpg)!important;}
.margarita-mix-header {background-image: url(images/page_margarita_mix_header_bg.jpg)!important;}
.marinades-header {background-image: url(images/page_marinades_header_bg.jpg)!important;}
.seasonings-header {background-image: url(images/page_seasonings_header_bg.jpg)!important;}
.salad-dressing-header {background-image: url(images/page_salad_dressing_header_bg.jpg)!important;}
.margarita-mix-header {background-image: url(images/page_margarita_mix_header_bg.jpg)!important;}
.sweetner-header {background-image: url(images/page_sweetner_header_bg.jpg)!important;}
.cocktail-rimmers-header {background-image: url(images/page_cocktail_rimmers_header_bg.jpg)!important;}
.coffee-header {background-image: url(images/page_coffee_header_bg.jpg)!important;}
.water-enhancers-header {background-image: url(images/page_water_enhancers_header_bg.jpg)!important;}
.freezer-bars-header {background-image: url(images/page_freezer-bars_header_bg.jpg)!important;}
.pie-filling-mix-header {background-image: url(images/page_pie_filling_mix_header_bg.jpg)!important;}
.gelatin-header {background-image: url(images/page_header_bg.jpg);}
.nut-and-fruit-mix-header {background-image: url(images/page_nut_and_fruit_mix_header_bg.jpg)!important;}
.island-tea-header {background-image: url(images/page_header_bg.jpg);}
.flavored-drink-mix-header {background-image: url(images/page_header_bg.jpg);}

.smoothies-and-supplements-header {background-image: url(images/page_lifestyle_products_header_bg.jpg)!important;}
.page-header-details {background-image: url(images/page_detail_page_header_bg.jpg)!important;}

#body-products .page-header {background-image: url(images/page_products_header_bg.jpg)!important;}
#body-locator .page-header {background-image: url(images/page_header_bg.jpg);}
#body-smoothies-supplements .page-header {background-image: url(images/page_lifestyle_products_header_bg.jpg)!important;}
/*#body-smoothies-supplements .page-header {background-image: url(images/MGVL-Life-Contest-Banner.jpg)!important;}*/
#body-recipes .page-header {background-image: url(images/page_recipes_header_bg.jpg)!important;}
#body-icecream .page-header {background-image: url(images/page_ice_cream_header_bg.jpg)!important;}


#body-contact-us .page-header {background-image: url(images/page_contact_header_bg.jpg)!important;}
#body-contact-thank-you .page-header {background-image: url(images/page_contact_header_bg.jpg)!important;}
#body-sitemap .page-header {background-image: url(images/page_header_bg.jpg);}
#body-terms .page-header {background-image: url(images/page_header_bg.jpg);}










.amazon {
  background-image: url(images/page_banner_amazon.jpg);
}

a .amazon-btn  {
  background-image: url(http://s3.amazonaws.com/busites_www/margaritavillefoods2012com/content/amazon-btn.png);
  height:55px;
  width: 150px;
}

a .amazon-btn:hover {
  opacity:.8;
}

.page-header h1 {margin: 0; padding: 0; list-style: none; position: absolute; bottom: 5px; left: 20px; font: 2.5em 'thirstyroughboldtwo', Arial, Helvetica, Helvetica Neue, sans-serif; color:#fff; text-shadow: 2px 2px 1px #000;}
.page-header h1 img {display: block}

.section-header {margin: 0 0 10px;}
.section-header h2 {float: left; margin: 0; padding: 0; list-style: none; line-height: 1em;

  margin: 0;
  font: 2em/1 'GnuolaneRgRegular', sans-serif;
  text-transform: uppercase;
}

.section-footer {
  text-align: center;
  margin: 20px 0 0;
}

.section-footer .button {
  font-size: 1.5em;
  font-family: 'GnuolaneRgRegular', sans-serif;
  padding: .5em 1em;
  line-height: 1;
  font-weight: normal;
}


.side-col .section-block {border: 6px solid #7daebd; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 8px; background: url(images/palm_whitewood.jpg) 50% 0 repeat; font-size: 14px; color: #444;}
.side-col .section-header {
  height: 25px;
  background: url(images/section_header_side_bg.png) repeat-x;
  margin-top: -8px;
  margin-right: -8px;
  margin-bottom: 8px;
  margin-left: -8px;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.side-promo {margin: 0 0 10px; float:right;}

.section-utility ul, .page-utility ul {margin: 0; padding: 0; list-style: none;}
.section-utility ul li, .page-utility ul li {float: left; margin: 0 0 0 5px;}
.section-utility ul li a, .page-utility ul li a {}


.general-table {border-left: 1px dotted #EEEFF4; border-top: 1px dotted #EEEFF4;  font-size: 12px; width: 100%; margin: 0 0 1em;}
.general-table tr {border-bottom: 1px dotted #EEEFF4; }
.general-table tr td {padding: 3px 6px; border-right: 1px dotted #EEEFF4;}
.general-table thead tr {background: #222; color: #fff;}

.rss {display: inline-block; zoom: 1; margin-left:900px; *display: inline; background: #502818; color: #ffffd8; line-height: 25px; padding: 0 10px; font-weight: bold; text-decoration: none; border: 0; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}

.rss:hover, rss:hover, input[type=submit]:hover, #submit:hover, .pagination a:hover {background: #5e3423; color: #fff; text-decoration: none;}



/*___________ tools ____________________________________________________________*/

.fl {float: left;}
.fr {float: right;}
.cl {clear: left;}
.cr {clear: right;}
.cb {clear: both;}
.tac {text-align: center;}
.tar {text-align: right;}
.tal {text-align: left;}
.ttu {text-transform: uppercase;}
.width-auto, .wa {width: auto!important;}


.f11 {font-size: 11px;}
.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f17 {font-size: 17px;}
.f18 {font-size: 18px;}






/*forms*/

form {}

.success, .error {font-weight: bold;}
.success {color: #33CC66;} .error {color: #FF0000;}

.form-row-req-field,
.form-row-errors,
.req-field, .errors {color: #ff0000; font-weight: bold; border: 0; margin: 0!important;}

.general-form {margin: 0; padding: 0; list-style: none; }
.general-form li {margin: 0 0 1em;}
.general-form li:last-child {margin-bottom: 0;}

.recaptcha_title, label {display: block; margin: 0 0 .5em; font-size: .9em;}

input, select, textarea {display: inline-block; vertical-align: middle; background: #fff; border: 1px solid #ccc; width: 100%; margin: 0; outline: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: inset .25em .25em .5em #eee; -webkit-box-shadow: inset .25em .25em .5em #eee; -o-box-shadow: inset .25em .25em .5em #eee; -ms-box-shadow: inset .25em .25em .5em #eee; -khtml-box-shadow: inset .25em .25em .5em #eee; box-shadow: inset .25em .25em .5em #eee; -moz-border-radius: .2em; -webkit-border-radius: .2em; -o-border-radius: .2em; -ms-border-radius: .2em; -khtml-border-radius: .2em; border-radius: .2em; }

button::-moz-focus-inner, input::-moz-focus-inner, select::-moz-focus-inner {border: 0; padding: 0;}

input:focus, select:focus, textarea:focus {border-color: #252525;}

button, input[type=submit], #submit, input, select, textarea {line-height: normal!important; padding: .65em; height: 2.75em;}

input {cursor: text; }
select {padding: .6em; cursor: pointer;}
textarea {cursor: text; height: auto; line-height: 1.45!important; min-height: 8em}

button, input[type=submit], #submit {padding-left: 1.2em; padding-right: 1.2em;}

.general-form .checkbox, .general-form .radio, input[type=checkbox], input[type=radio] {width: auto!important; height: auto!important; margin: 0!important; padding: 0!important; border: 0!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -o-box-shadow: none!important; -ms-box-shadow: none!important; -khtml-box-shadow: none!important; box-shadow: none!important; background: none!important;}

/*ie7 fix*/
.lt-ie8 button, .lt-ie8 input, .lt-ie8 select {height: auto;}




.general-form #zip,
.general-form #mobile {width: 50%}

#datetxt1,
#datetxt2 {width: 30%!important; margin: 0!important; max-width: 100px;}

.form-label-subtext {font-size: .8em;}




/*recaptcha*/
#recaptcha_widget {display: block; max-width: 300px; background: #eee; padding: 10px;  border: 1px solid #ccc;}
#recaptcha_image {width: auto!important; height:auto!important; padding: 10px; margin: -10px -10px 10px; background: #fff; border-bottom: 1px solid #ccc;}
#recaptcha_image embed, #recaptcha_image object {height: 0; overflow: hidden; padding: 0; margin: 0;}
#recaptcha_image img {display: block!important; width: 100%!important; height: auto!important;}
#recaptcha_image br {display: none!important;}
#recaptcha_image span {display: block; cursor: pointer; text-decoration: underline; color: #222;}
.recaptcha_audio_cant_hear_link {line-height: 1.25em; color: #222;}
#recaptcha_options {margin: 0; float: right;}
#recaptcha_options div {float: left; margin: 0 5px 0 0;}
#recaptcha_options div a {display: block; width: 19px; height: 0; overflow: hidden; padding: 19px 0 0; background: #fff url(images/icons/recaptcha_icons.png) no-repeat; border: 1px solid #ccc;}
#recaptcha_options div.recaptcha_get_another a {background-position: 5px 3px;}
#recaptcha_options div.recaptcha_only_if_audio a {background-position: 5px -18px;}
#recaptcha_options div.recaptcha_only_if_image a {background-position: 5px -58px;}
#recaptcha_options div.recaptcha_help a {background-position: 5px -38px;}

.recaptcha_title {display: block; float: left; line-height: 1; margin: 5px 0 0}
.recaptcha_only_if_incorrect_sol {margin: 9px 0 0;}
#recaptcha_response_field {margin: 10px 0 0;}





/*___________ social ____________________________________________________________*/

.social-icons {overflow: hidden;}
.social-icons ul {margin: 0; padding: 0; list-style: none;}
.social-icons ul li {float: left; margin: 0 3px 0 0;}

.gp-plus {width: 38px; height: 24px; overflow: hidden; display: block;}
.fb-like {width: 51px; height: 24px; overflow: hidden; display: block; position:relative;}

.comments_link {display: block; height: 24px; line-height: 24px; background: #222; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 0 5px; color: #fff; text-decoration: none; font-weight: bold; font-size: 11px;}

.st_sharethis_custom,
.st_twitter_custom {background: url(images/icons/sharethis_24.png) 0 0 no-repeat; width: 24px; height: 0; overflow: hidden; padding: 24px 0 0; display: block; cursor: pointer;}
.st_twitter_custom {background: url(images/icons/twitter_24.png) 0 0 no-repeat; }

.social-icons .fb_edge_comment_widget {display: none!important;}

.fb-comments-wrapper {width: 839px;}

.fb_iframe_widget {width: 839px;}







/*___________ buttons ____________________________________________________________*/

.button, button, input[type=submit], #submit, .pagination a {display: inline-block; zoom: 1; *display: inline; background: url(images/mailinglist_button_bg.png) repeat; color: #fff; line-height: 25px; padding: 0 10px; font-weight: bold; text-decoration: none; border: 0; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}

.button:hover, button:hover, input[type=submit]:hover, #submit:hover, .pagination a:hover {background: #6c94a1; color: #fff; text-decoration: none;}


.back, .read-more {line-height: 22px; font-size: 12px;}


.pagination {text-align: right;}
.pagination a,
.pagination span {display: inline-block; zoom: 1; *display: inline;}

.pagination a:hover {}
.pagination a.current {}

.pagination .active {background: #666;}
.pagination .prev_link {}
.pagination .next_link {}
.pagination .first_page {}
.pagination .active_page {}
.pagination .last_page {}

.pagination .pipe_divider, .pagination .ellipses {display: none;}









/*___________ home ____________________________________________________________*/

/*billboard*/
#billboard {margin: 0 0 15px; text-align: center;}
.billboard-slide {width: 100%;}
.billboard-slide img {display: block; width: 100%;}

.billboard-slide img.billboard-sm {display: none;}


#billboard-prev,
#billboard-next {width: 32px; height: 0; overflow: hidden; padding: 86px 0 0; background: url(images/billboard_arrows.png) no-repeat; position: absolute; top: 50%; margin-top: -43px; z-index: 100; cursor: pointer; z-index: 600;}

#billboard-prev {left: 0; background-position: -32px 0;}
#billboard-next {right: 0; background-position: 0 0;}

#billboard-prev:hover {background-position: -32px -93px;}
#billboard-next:hover {background-position: 0 -93px;}

#billboard-pager {display: none;}


#home-tri-promo {margin: 0; padding: 0; list-style: none; margin: 0 0 48px;}
#home-tri-promo li {margin: 0 0 0 12px; float: left; box-shadow: 0 0 3px rgba(0,0,0,.5); -moz-box-shadow: 0 0 3px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.5);}

#home-tri-promo li:first-child {margin: 0;}
#home-tri-promo li a,
#home-tri-promo li a img {display: block;}


#home-social {margin: 0; padding: 0; list-style: none; text-align: center; margin: 0 0 25px;}
#home-social li {
  display: inline-block;
  zoom: 1;
*display: inline;       vertical-align: middle;
  margin-top: 10px;
  margin-right: 5px;
  margin-bottom: 0;
  margin-left: 5px;
}
#home-social li a,
#home-social li a img {display: block; width: 32px;
}

#home-social li a {
  padding: .5em;
  background: #fff;
  border-radius: 100%;
}





.home-section {
  margin: 15px 0;
}

.home-section .layout-main {
  padding: 10px;
  min-height: 0;
}

.home-section .section-block:last-of-type {
  margin-bottom: 0;
}

.home-section .section-header {
  text-align: center;
  margin: 0 0 15px;
}

.home-section .section-header h2 {
  float: none;
}

@media (min-width: 1024px) {
  .home-section .section-header h2 {
    font-size: 2.8em;
  }
}



.a5b5e4 {
  padding-bottom: 15px;
  background: #fff;
}


.home-locator {

  text-align: center;
}

.home-locator h3 {
  font-weight: bold;
  font-size: 2em;
  font-family: 'YanoneKaffeesatzBold', sans-serif;
  font-weight: normal;
  line-height: 1;
  margin: 0 0 .5em;
}

.home-locator p {
  font-size: 1.2em;
  line-height: 1;
}

@media (min-width: 1024px) {
  .home-locator h3 {
    font-size: 2.5em;
  }

  .home-locator p {
    font-size: 1.3em;
  }
}

/*___________ subpage banners (new 9-17 for product lifestyle products) ____________________________________________________________*/

.page-banner-lifestyle {
	padding: .5% 0;
	background:#fff;
}

/*___________ homepage featured products ____________________________________________________________*/

@media (min-width: 400px) {

 ul.featured-products {
	margin:0;
	padding: 0;
  	text-align: center;
}

 ul.featured-products li {
	text-align:center;
	list-style: none;
  }

ul.featured-products li:nth-child(3n+1) {
    clear: both;
}

 ul.featured-products a {
      padding: .5rem;
      display: block;
}

 ul.featured-products img {
      max-width: 100%;
      display: block;
      margin: 0 auto;
      height: auto;
	  border: .5em solid rgba(204, 204, 204, 0.19);

 }
}

@media (min-width: 1024px) {

 ul.featured-products {
	margin:0;
  	text-align: center;
}

 ul.featured-products li {
    float: left;
	text-align:center;
	list-style: none;
	width: 33%;
  }



ul.featured-products li:nth-child(3n+1) {
    clear: both;
}

 ul.featured-products a {
      padding: .5rem;
      display: block;
}

 ul.featured-products img {
      max-width: 100%;
      display: block;
      margin: 0 auto;
      height: auto;
	  border: .5em solid rgba(204, 204, 204, 0.19);

 }
}

/*___________ smoothies and supplements ____________________________________________________________*/

@media (min-width: 400px) {

ul.about-products {
	display:inline-block;
}

ul.about-products li  {
		list-style: none;
		text-align: center;
		width:75%;
		display: inline-block;
 }

ul.about-products li:nth-child(3n+1) {
    clear: both;
}


ul.about-products img {
		border: .5em solid rgba(204, 204, 204, 0.19);
		width: 100%;

  }
}

@media (min-width: 1024px) {

ul.about-products {
	display:inline-block;
	padding: 0;
}

ul.about-products li  {
		list-style: none;
		text-align: center;
		width: 33.333%;
		float: left;
		display: inline-block;
 }


ul.about-products img {
		border: .5em solid rgba(204, 204, 204, 0.19);;
		width: 75%;
 }
}

/***** Featured Products - Shrimp Page *****/
ul.featured-products li.row-max-5 {
  width: 50%;
  list-style-type: none !important;
  float: left;
  clear: none;
}

@media (min-width: 480px){
  ul.featured-products li.row-max-5{
    width:20%;
  }
}

/*___________ news ____________________________________________________________*/


.articles-block {margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #222;}

.articles-date {line-height: 1em; margin-bottom:3px;}

.articles-headline {font-size: 16px; font-weight: bold; margin: 0 0 5px; line-height: 1em; color:#b71955; text-transform:uppercase;}
.articles-headline a {}

.articles-body {margin-left: 115px; line-height: 1.35em;}

.articles-photo {float: left;}
.articles-photo img {display: block; width: 100px;}

#articles-short .articles-photo img {width: 50px;}
#articles-short .articles-body {margin-left: 65px;}

.articles-utility {margin: 10px 0 0;}

.articles-block .social-icons {margin-top: 10px; display: none;}
#articles-details .social-icons {display: block;}


#currents {
  margin: 0 -13px;
}

#currents .slick-slide {
  opacity: .3;
  -moz-transition: opacity .25s linear;
  -webkit-transition: opacity .25s linear;
  transition: opacity .25s linear;
}

#currents .slick-slide.slick-active {
  opacity: 1;
}

.current {
  color: #fff;
  padding: 5px;
  position: relative;
}

.current-image {
  margin: 0 0 10px;
  height: 0;
  overflow: hidden;
  padding: 0px 0px 56.25%;
}

.current-image img {
  display: block;
  width: 100%;
}

.current-caption h3 {
  color: inherit;
  font-weight: bold;
  margin: 0 0 8px;
  line-height: 1;
}

.current-caption h3 a {
  color: inherit;
  text-decoration: none;
}



.currents-prev,
.currents-next {
  position: absolute;
  top: 0;
  padding: 24.5% 0 0;
  width: 7%;
  cursor: pointer;
  z-index: 100;
}

@media (min-width: 971px) {
  .currents-prev,
  .currents-next {
    padding: 16% 0 0;
  }
}


.currents-prev:before,
.currents-next:before {
  content:"";
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  border: 15px solid #D8618D;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  position: absolute;
  top: 50%;
  margin-top: -15px;

}

.currents-prev {
  border-left: 0;
  left: 0px;
}

.currents-next {
  border-right: 0;
  right: 0px;
}

.currents-prev:before {
  border-left: 0;
  left: 10px;
}

.currents-next:before {
  border-right: 0;
  right: 10px;
}

#currents .slick-dots {
  margin: 1em 0;
  position: static;
}

#currents .slick-dots li {
  width: auto;
  height: auto;
}

#currents .slick-dots li button {
  width: 15px;
  height: 15px;
  padding: 0;
}

#currents .slick-dots li button:before {
  background: #fff;
  border-radius: 100%;
  opacity: 1;
  content:"";
  padding: 0;
  width: 15px;
  height: 15px;
}

#currents .slick-dots li.slick-active button:before {
  background: #F3675A;
  opacity: 1;
}
@media (min-width: 971px) {

  .current-image {
    margin: 0;
  }
  .current-caption {
    position: absolute;
    bottom: 5px;
    left: 5px;
    right: 5px;
    padding: 5px;
    background: rgba(243,103,90,.8);
  }

  .current-caption h3 {
    margin: 0;
    font-size: 1.1em;
  }

  .current-utility {
    display: none;
  }
}

/*___________ blog ____________________________________________________________*/

/*history*/
#blog-archive {}
.blog-archive-block {display: block; margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #ccc; }
.blog-archive-headline {}
.blog-archive-date {}
.blog-archive-date span {}


/*main*/
.blog-main {}
#blog-main {}
#blog-short {}

.blog-headline {}
.blog-headline a {}

.blog-date {}
.blog-date span {}

.blog-body {}

.blog-photo {}
.blog-photo img {}

.blog-utility {margin: 10px 0 0;}



/*___________ tour dates ____________________________________________________________*/


.tourdates-block {margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #222; position: relative;}

.tourdates-date {float: left; width: 60px; height: 60px; background: #ccc; text-align: center;}
.tourdates-month {}
.tourdates-day {}

.tourdates-body {margin-left: 75px;}

.tourdates-headline {}
.tourdates-headline a {}

.tourdates-location {}

.tourdates-functions {margin: 0; padding: 0; list-style: none; overflow: hidden;}
.tourdates-functions li {float: left; margin: 0 10px 0 0;}
.tourdates-functions li a {line-height: 22px; font-size: 12px;}

.tourdates-utility {margin: 10px 0 0;}

.tourdates-block .social-icons {position: absolute; top: 0; right: 0;}



/* RSVP */

#rsvp-wrapper {}





/*___________ calendar ____________________________________________________________*/

.cal_wrapper .minical, .cal_wrapper .minical_popup {display: none;}

#cal_topnav {text-align: center; position: relative; margin: 0 0 10px; background: #eee;}
#cal_topnav .cal_nav {}
#cal_topnav #cal_nav_prev {position: absolute; left: 7px; top: 7px;}
#cal_topnav #cal_nav_current {display: inline-block; padding: 10px; font-size: 20px;}
#cal_topnav #cal_nav_next {position: absolute; right: 7px; top: 7px;}

.cal_main {width: 100%;}
.cal_main tr td {width: 14%; padding: 4px 2px 0; margin: 0;}
.cal_main thead {background: #222; color: #fff; text-tranform: uppercase; font-weight: bold; font-size: 11px;}
.cal_main thead tr td {padding: 4px;}

.cal_cell {position: relative; padding: 5px; background: #eee; min-height: 80px; display: block; text-decoration: none;}
.cal_main_date {display: block; margin: -5px -5px 5px 5px; float: right; color: #222; font-weight: bold; font-size: 11px; line-height: 20px; width: 20px; text-align: center;}

.cal_cell_off {}

.cal_cell_on h3 {margin: 0 0 8px; padding: 0; background: none; line-height: 1; font-size: 11px; font-weight: bold;}
.cal_cell_on .cal_cell {background-color: #fff; }

.cal_wrapper_in {}
.cal_wrapper_in #cal_topnav {text-align: left;}








/*___________ photos ____________________________________________________________*/

.photos-wrapper {overflow: hidden;}
#photos-wrapper {}
#gallery-wrapper {}

.photos-breadcrumbs {margin: 0 0 10px; display: block; }

#photos-listing {list-style: none; margin: 0; padding: 0; text-align: center;}
#photos-listing li {margin: 0 2px 4px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;  padding: 5px; background: #000; }
#photos-listing li a {display: block; text-decoration: none; position: relative;}
#photos-listing li a .photo-thumbnail-wrapper {width: 180px; height: 180px; overflow: hidden; position: relative;}
#photos-listing li a .photo-thumbnail-wrapper img {display: block; margin: 0 auto; position: absolute; /*height: 100%;*/}

#photos-listing li a .photo-thumbnail-wrapper img.photo-thumbnail-wide {height: 100%; left: 50%;}
#photos-listing li a .photo-thumbnail-wrapper img.photo-thumbnail-tall {width: 100%; top: 50%;}

#photos-listing li a .photo-title {display: block; position: absolute; bottom: 0; left: 0; background: #000; padding: 5px 6px 0 0; color: #fff; font-size: 10px;}

.photos-wrapper .pagination {clear: both; padding: 10px 0 0; }








/*___________ videos ____________________________________________________________*/

/* YouTube */
.youtube-main {
  overflow:hidden;
  padding-bottom:56.25%;
  position:relative;
  height:0;
  margin-bottom: 10px;
  /* border: 1px solid #fff; */
}

.youtube-main img {
  max-width: 260px;
  max-height: 185px;
}

#youtube-video-container {
  overflow:hidden;
  padding-bottom:56.25%;
  position:relative;
  height:0;
  margin-bottom: 10px;
}
#youtube-video-container iframe, .youtube-main iframe{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}

  /*sidenav*/
#video-list {margin: 0; padding: 0; list-style: none;}
#video-list ul {margin: 0; padding: 0; list-style: none; max-height: 450px; overflow: hidden; overflow-y: auto;}
#video-list li {display: block;}

#video-list .ui-accordion-header {display: block; text-align: center; background: #222; color: #fff; padding: 5px; margin: 2px 0; cursor: pointer; text-decoration: none; color: #888;}
#video-list .ui-accordion-header.ui-state-active {color: #fff;}

.video-list-item {}
.video-list-item a {display: block; padding: 7px; border-bottom: 1px solid #ddd; overflow: hidden; text-decoration: none;}
.video-list-item a .video-list-thumbnail {float: left; width: 100px;}
.video-list-item a .video-list-thumbnail img {display: block; width: 100%;}
.video-list-item a .video-list-title {margin-left: 110px; display: block;}
.video-list-item a.active, .video-list-item a:hover {background: #ddd;}





/*player*/
.video-title {margin-bottom: 10px;}
.video-title h3 {}
.video-title .video-album {display: none;}

.video-player {background: #000; width: 650px; height: 410px;}
.video-player object, .video-player embed, .video-player iframe {width: 100%!important; height: 100%!important;}



/*video info*/
#videos-details {margin: 10px 0 0;}

#video-info {margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #ccc; }
#video-info #video-description {margin: 0 0 10px; display: block;}

#video-info .social-icons {}


/*home video*/
#video-short .video-player {width: 320px!important; height: 240px!important;}









/*___________ discography ____________________________________________________________*/

.discography-wrapper {}

/*ALBUM LISTING*/
#discography-albums-wrapper {}

#discography-albums-listing {text-align: center;}
#discography-albums-listing li.discography-albums-thumb {display: inline-block; zoom: 1; *display: inline;}
#discography-albums-listing li.discography-albums-thumb a {display: block; padding: 10px; margin: 10px; background: #eee;}
#discography-albums-listing li.discography-albums-thumb a .discography-albums-img-wrapper {margin: 0 0 5px;}
#discography-albums-listing li.discography-albums-thumb a .discography-albums-img-wrapper img {display: block; margin: 0 auto;}
#discography-albums-listing li.discography-albums-thumb a .discography-albums-title {text-align: center; }


/*ALBUM DETAILS*/
#discography-details-wrapper {}


/*album details side column*/
#discography-details-side-col {float: left; width: 270px;}
#discography-details-album-photo {margin: 0 0 20px;}
#discography-details-album-photo img {display: block; width: 270px; height: 270px;}

#discography-details-side-col .social-icons {margin: 0 0 20px;}

#discography-details-album-functions {margin: 0 0 20px; padding: 0; list-style: none;}
#discography-details-album-functions li {}
#discography-details-album-functions li a {}
#discography-details-album-functions li.discography-download-album a {}
#discography-details-album-functions li.discography-download-itunes a {}
#discography-details-album-functions li.discography-buy-album a {}

#discography-back-button {}



/*album details right column*/
#discography-details-main-col {margin-left: 290px;}

#discography-details-album-title {}

#discography-details-song-list {margin: 0; padding: 0; list-style: none;}
#discography-details-song-list li.discography-details-song {padding: 5px; background: #eee; margin: 0 0 10px; overflow: hidden;}

#discography-details-song-list li.discography-details-song .discography-details-song-title {float: left; font-weight: bold;}
#discography-details-song-list li.discography-details-song .discography-details-song-title .track-number {float: left; margin: 0 .7em 0 0; font-size: 16px; line-height: 20px; color: #ccc;}
#discography-details-song-list li.discography-details-song .discography-details-song-title .track-title {float: left; font-size: 14px; line-height: 20px;}


.discography-details-song-functions {margin: 0; padding: 0; list-style: none; float: right;}
.discography-details-song-functions li {float: left; margin: 0 0 0 5px;}
.discography-details-song-functions li span, .discography-details-song-functions li a {}

.song-download-song {}
.song-download-itunes {}
.song-buy-song {}

.song-sample-audio {}
.song-sample-audio div {}

.song-lyrics {}


.song-lyrics-block-wrapper {clear: both; display: none; }
.song-lyrics-block {padding: 10px; background: #fff; clear: both;}








/*___________ comments ____________________________________________________________*/

#comments { }
.user_comments {}

.comment_heading {text-align: right; margin: 0 0 10px; overflow: hidden;}
.comment_heading h2 {float: left;}
.comment_heading .button {float: right;}

.comment_item, .comment_form {padding: 10px; margin: 0 0 10px; overflow: hidden; background: #eee;}

.comment_avatar {float: left; width: 50px;}
.comment_avatar img {width: 50px; height: 50px;}

.comment_body {}
.comment-stars {margin-right: 25px;}
.comment_body .star-rating{width:15px;height:15px;}
.comment_username {display: block; font-size: 10px; margin: 5px 0 0;}
.comment_title {font-weight: bold; display: block;}

.comment_form {}



/*REMOVE TO DISPLAY COMMENT SUBJECT*/
#comment_form_subject, .comment_title, .comment_form label {}











/*___________ tabs & accordion ____________________________________________________________*/

.ui-tabs { position: relative; zoom: 1; }
.ui-tabs .ui-tabs-nav {overflow: hidden; padding: 0; margin: 0;}
.ui-tabs .ui-tabs-nav li {list-style: none; float: left; position: relative; }
.ui-tabs .ui-tabs-nav li a {}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: default; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block;}
.ui-tabs .ui-tabs-hide { display: none !important; }

.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; zoom: 1; outline: 0; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header a { display: block; }
.ui-accordion .ui-accordion-content { position: relative; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }








/*___________ scrollpane ____________________________________________________________*/

.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; background: red; }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; }
.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: #dde; position: relative; }
.jspDrag { background: #bbd; position: relative; top: 0; left: 0; cursor: pointer; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }
.jspArrow.jspDisabled { cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }
/* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; }


/*___________ SITEMAP STYLES ____________________________________________________________*/

.sections {
  font-size: 20px;
  line-height: 1.45em;
  color: #7eafbf;
  margin-bottom: 10px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ccc;
}

.sec_data {padding-bottom:3px;}

.sec_data a {padding-bottom:3px; color: #7eafbf}

.sec_name {font-size: 18px; line-height: 1.35em;}

.sec_name_in {
  font-size: 20px;
  line-height: 1.45em;
  color: #7eafbf;
  margin-bottom: 10px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ccc;
}

.page_name {padding-bottom:5px;}

.page_data {padding-bottom:5px;}

.sitemap_back {font-weight:bold;}

.sitemap_back a {color:#7eafbf;}

/*___________ ARBITRARY STYLES ____________________________________________________________*/

.text-divider {
  margin-top:5px;
  margin-bottom:5px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-top-color: #7eafbf;
  border-right-color: #7eafbf;
  border-bottom-color: #7eafbf;
  border-left-color: #7eafbf;
}
.form-wrapper {
  margin-top:5px;
  margin-bottom:5px;
  border:3px solid #7daebd;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 10px;
  background: url(images/palm_whitewood.jpg);
  overflow: auto;
  color: #555;
}
.header-shaws {
  margin-top:5px;
  margin-bottom:5px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 10px;
  background: url(http://busites_www.s3.amazonaws.com/margaritavillefoods2012com/content/img/shaws-header.png);
  overflow: auto;
}



/*___________ RECIPES LANDING PAGE STYLES ____________________________________________________________*/


#recipe-search-container {overflow: hidden; border: 1px solid #7daebd; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background: url(images/palm_whitewood.jpg); padding: 5px 10px; margin: 0 0 10px;  }

.search-box {width: 33.333%; background-color:#eee; border:1px solid #A8B0B7; float:left; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; position: relative; height: 35px; padding: 3px 43px 3px 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 43px; }
.search-box:first-child {margin-left: 0;}


#category-search input, #product-search input {display: none!important;}

.search-box input {display: block; background: #fff; width: 100%; border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border: 1px solid #ccc; height: 35px; line-height: 34px; padding: 0 8px; border-right: 0;}

.search-box select {display: block; background: #fff; width: 100%; border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border: 1px solid #ccc; height: 35px; line-height: 34px; padding: 5px 8px; border-right: 0; }


.search-box button {margin: 0; padding: 0; line-height: 0; text-indent: -9999px; background: url(images/search-btn.png) no-repeat; height: 35px; width: 40px; position: absolute; right: 3px; top: 3px;}



.recipe-nav-content-container {
  border: 1px solid #7daebd;
  padding: 8px;
  background-color: white;
  font-size: 14px;
  color: #444;
  overflow: auto;
  min-height: 160px;
  overflow-x: hidden;
}

#recipes-rotator {
  width: 875px;
  height: 210px;
  overflow: hidden;
  padding-right: 40px;
  padding-left: 40px;
  padding-top:3px;
  padding-bottom:3px;
  margin-bottom:10px;
  margin-right: auto;
  margin-left: auto;
}
.arrow-left {
  width: 50px;
  height: 210px;
  margin-right: 15px;
  float: left;
  position: relative;
  left: -77px;
  top: -211px;
  overflow: hidden;
  margin-left: 40px;
}
.arrow-right {
  width: 50px;
  height: 210px;
  margin-right: 15px;
  float: left;
  position: relative;
  right: -738px;
  top: -211px;
  overflow: hidden;
  margin-left: 40px;
}



#recipe-socials-nav {float: right;}
#recipe-socials-nav ul {
  text-align: right;
}
#recipe-socials-nav ul li {display: inline-block; zoom: 1; *display: inline; margin-left: 7px; }
#recipe-socials-nav ul li a {
  display: block;
}
#recipe-socials-nav ul li a:hover {color: #fff;}

.category-grid-item {float:left; list-style:none; margin:10px;}

.social-fb {background-image: url(images/facebook_32.png); background-repeat: no-repeat; width: 32px; height:32px; border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px;}

.social-twitter {background-image: url(images/twitter_32.png); background-repeat: no-repeat; width: 32px; height:32px; border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px;}

.social-pinterest {background-image: url(images/pinterest_32.png); background-repeat: no-repeat; width: 32px; height:32px; border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px;}

.social-instagram {background-image: url(images/instagram_32.png); background-repeat: no-repeat; width: 32px; height:32px; border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px;}

.social-youtube {background-image: url(images/youtube_32.png); background-repeat: no-repeat; width: 32px; height:32px; border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px;}


/*___________ RECIPES DETAIL PAGE STYLES ____________________________________________________________*/

.section-block-recipe-detail {
  padding: 12px;
  background: url(images/palm_bg.jpg) repeat;
  border: 1px solid #aab2b5;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  overflow: hidden;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 300px;
}

.section-block-recipe-photo-col {
  background: url(images/palm_bg.jpg) repeat;
  border: 1px solid #aab2b5;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  float: left;
  width: 280px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 0;
}

.recipe-photo {padding:10px; max-width: 100%; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  height: auto!important; width: 100%!important;}


.detail-breadcrumbs {font-family:Arial, Helvetica, sans-serif; font-size:12px;  display:block; margin-bottom:10px;color: #fff;}

.detail-breadcrumbs a {text-transform:uppercase; color: #fff;}

.detail-breadcrumbs a:hover {color:#FFF;}




#recipe-detail-container {border: 1px solid #7daebd; padding: 8px; background-color:#FFF; font-size: 14px; color: #444; overflow:auto; min-height:160px; background: url(images/palm_whitewood.jpg) repeat; margin: 0 0 15px;}
#recipe-detail-container h3 { color: #444;}

.recipe-detail-header {font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#b71955; text-transform:uppercase; line-height:1.65em; padding-bottom:15px;}

#recipe-comments-container {width:635px; border: 1px solid #7daebd; padding: 8px; background-color:#FFF 50% 0 repeat; font-size: 14px; color: #444; overflow:auto; min-height:160px;}

#recipe-nav {}
#recipe-nav ul.ui-tabs-nav {background: url(images/nav_bg.png) 0 4px repeat-x; overflow: hidden; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0;}
#recipe-nav ul.ui-tabs-nav li {display: inline-block; zoom: 1; *display: inline;}
#recipe-nav ul.ui-tabs-nav li a {display: block; padding: 4px 10px 0; font: 20px/32px 'GnuolaneRgRegular', sans-serif; color: #fffbcf; text-transform: uppercase; text-decoration: none; border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; text-shadow: 1px 1px 1px #000; outline: 0;}
#recipe-nav ul.ui-tabs-nav li.ui-state-active a {background: url(images/nav_active.png) repeat-x; color: #fff;}
#recipe-nav ul.ui-tabs-nav li a:hover {color: #fff;}


#recipe-nav .recipe-nav-content-container ul li {display: inline-block; zoom: 1; *display: inline;}


.recipes-rotator-item a:hover {background: none;}

#recipe-side-nav {}
#recipe-side-nav ul { overflow: hidden; padding: 10px;}
#recipe-side-nav ul li {display: block; zoom: 1; *display: inline; padding-left: 92px; padding-top: 8px; height: 25px; background-repeat: no-repeat; background-position: top center;}
#recipe-side-nav ul li a {display: block; padding: 4px 90px 0; font: 20px/32px 'GnuolaneRgRegular', sans-serif; color: #fffbcf; text-transform: uppercase; text-decoration: none; text-shadow: 1px 1px 1px #000}
#recipe-side-nav ul li a:hover {color: #fff;}

#recipe-side-nav .st_twitter_custom {height: auto!important; width: auto!important; padding: 0!important; font: 20px/19px 'GnuolaneRgRegular', sans-serif; color: #fffbcf; text-transform: uppercase; text-decoration: none; text-shadow: 1px 1px 1px #000; background: none!important;}




 .recipes-side-navigation {margin: 0 10px 0 0; padding: 0; list-style: none; overflow: hidden; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; width: 200px; float: left;}
 .recipes-side-navigation li {display: block; margin: 0 0 4px;}
 .recipes-side-navigation li a {display: block; padding: 0 10px; font: 20px/32px 'GnuolaneRgRegular', sans-serif; color: #fff; text-transform: uppercase; text-decoration: none; border-radius: 8px; text-shadow: 1px 1px 1px #000; outline: 0; background: url(images/nav_bg.png) 0 0 repeat-x; background-size: 100% 100%; }
 .recipes-side-navigation li.active a,
 .recipes-side-navigation li:hover a {background: url(images/nav_active.png) repeat-x; color: #fff; background-size: 100% 100%;}
 .recipes-side-navigation li a:hover {color: #fff;}


.recipes-grid {
  margin-left: 200px;
  padding: 0 1em;
  text-align: center;
}



.recipes-grid .recipes-rotator-item {display: inline-block; vertical-align: top;}


.recipe-pinthis {background-image: url(images/woodplank-pinthis.png);  }
.recipe-likethis {background-image: url(images/woodplank-likethis.png); }
.recipe-sharethis {background-image: url(images/woodplank-sharethis.png);}

#recipe-side-nav ul li.recipe-pinthis a {
  width: 80px;
  padding: 0px 10px;
  line-height: 22px;
}





.social-print {background-image: url(images/social-print.png); background-repeat: no-repeat; width: 32px; height:32px;}

.social-favorite {background-image: url(images/social-favorite.png); background-repeat: no-repeat; width: 32px; height:32px;}

.social-download {background-image: url(images/social-download.png); background-repeat: no-repeat; width: 32px; height:32px;}

#content-rating {}
div#content-rating {width: 99%;padding: 6px;}
#content-rating label {font-size: 18px;position: relative;bottom: 4px;margin-right: 22px;}
.star-rating {opacity:0.85;filter:alpha(opacity=85);}
.star-rating:hover {opacity:1;filter:alpha(opacity=100); /* For IE8 and earlier */}




.recipes-listing {margin: 0; padding: 0; list-style: none; text-align: center;}
.recipes-listing li {display: inline-block; vertical-align: top;}




/*___________ PRODUCT LANDING, DETAIL & CATEGORY PAGE STYLES ____________________________________________________________*/



.section-block-product-detail {
  padding: 12px;
  background: url(images/palm_bg.jpg) repeat;
  border: 1px solid #aab2b5;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  overflow: hidden;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 300px;
}

.section-block-product-photo-col {
  background: url(images/palm_bg.jpg) repeat;
  border: 1px solid #aab2b5;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  float: left;
  width: 280px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 0;
}

.product-photo {padding:10px; max-width: 100%; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  height: auto!important; width: 100%!important;}



.product-detail-header {font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#b71955; text-transform:uppercase; line-height:1.65em; padding-bottom:15px;}

#product-comments-container {border: 1px solid #7daebd; padding: 8px; background-color:#FFF; font-size: 14px; color: #444; overflow:auto; min-height:160px;}
.product-nav-content-container {border: 1px solid #7daebd; padding: 8px; background-color:#FFF; font-size: 14px; color: #444; overflow:auto; min-height:160px; text-align: center; overflow-x: hidden;}

#product-nav {}
#product-nav ul.ui-tabs-nav {background: url(images/nav_bg.png) 0 4px repeat-x; overflow: hidden; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0;}
#product-nav ul.ui-tabs-nav li {display: inline-block; zoom: 1; *display: inline;}
#product-nav ul.ui-tabs-nav li a {display: block; padding: 4px 10px 0; font: 20px/32px 'GnuolaneRgRegular', sans-serif; color: #fffbcf; text-transform: uppercase; text-decoration: none; border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; text-shadow: 1px 1px 1px #000; outline: 0;}
#product-nav ul.ui-tabs-nav li.ui-state-active a {background: url(images/nav_active.png) repeat-x; color: #fff;}
#product-nav ul.ui-tabs-nav li a:hover {color: #fff;}


#product-nav .product-nav-content-container ul li {display: inline-block; zoom: 1; *display: inline;}



#product-side-nav {}
#product-side-nav ul { overflow: hidden; padding: 10px;}
#product-side-nav ul li {display: block; zoom: 1; *display: inline; padding-left: 92px; padding-top: 8px; height: 25px; background-repeat: no-repeat; background-position: top center;}
#product-side-nav ul li a {display: block; padding: 4px 90px 0; font: 20px/32px 'GnuolaneRgRegular', sans-serif; color: #fffbcf; text-transform: uppercase; text-decoration: none; text-shadow: 1px 1px 1px #000}
#product-side-nav ul li a:hover {color: #fff;}

#product-side-nav .st_twitter_custom {height: auto!important; width: auto!important; padding: 0!important; font: 20px/19px 'GnuolaneRgRegular', sans-serif; color: #fffbcf; text-transform: uppercase; text-decoration: none; text-shadow: 1px 1px 1px #000; background: none!important;}


.product-pinthis {background-image: url(images/woodplank-pinthis.png);  }
.product-likethis {background-image: url(images/woodplank-likethis.png); }
.product-sharethis {background-image: url(images/woodplank-sharethis.png);}


#product-socials-nav {}
#product-socials-nav ul {
  float: right;
}
#product-socials-nav ul li {display: inline-block; zoom: 1; *display: inline;}
#product-socials-nav ul li a {
  display: block;
}
#product-socials-nav ul li a:hover {color: #fff;}

#locator-searchzip form {display: block;position: relative; padding-right: 80px}
#locator-searchzip select {height: 30px; padding-top: 0; padding-bottom: 0;}
#locator-searchzip button {position: absolute; bottom: 0; right: 0; width: 80px; height: 30px; line-height: 30px; padding-top: 0; padding-bottom: 0;}

.product-description,
.product-description p {
  color: #fff;
  /*font-weight: bold;*/
  font-size: 1em;
  line-height: 1.55;
}

.tab-heading {
  display: none;
}

#category-product-container {
  float: inherit;
  width: 550px;
  margin-right: 15px;
  height: 460px;
}

#category-container {
  max-width: 712px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#product-container {
  float: inherit;
  max-width: 712px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#featured-recipes-container {
  width:390px;
  float:right;
  border: 1px solid #7daebd;
  padding: 8px;
  background: url(images/palm_whitewood.jpg) 50% 0 repeat;
  font-size: 14px;
  line-height:1.45em;
  color: #444;
  overflow:inherit;
  min-height:350px;
  margin-bottom:10px;
  position: absolute;
  left: 570px;
  top: 293px;
  display: inline;
}
.category-products {
  height: 225px;
  width: 175px;
  display: inline;
}
.featured-recipes-left {
  height: 230px;
  width: 195px;
  display: inline;
  float: left;
}
.featured-recipes-right {
  height: 230px;
  width: 195px;
  display: inline;
  float: right;
}
.products {
  height: 210px;
  width: 175px;
  display: inline;
  float: inherit;
}



.related-products-carousel {}
.related-products-carousel li {floaT: left; width: 158px;}
.related-products-carousel li img {width: 100%;}


#slick-recipes:not(.slick-slider),
#product-nav .product-nav-content-container #slick-recipes:not(.slick-slider) {
  margin: 0;
  padding: 0;
  list-style: none;
}

#slick-recipes:not(.slick-slider) li,
#product-nav .product-nav-content-container #slick-recipes:not(.slick-slider) li {
  float: left;
  width: 33.33%;
  display: block;
}

#slick-recipes:not(.slick-slider) li:nth-child(3n+1),
#product-nav .product-nav-content-container #slick-recipes:not(.slick-slider) li:nth-child(3n+1) {
  clear: left;
}

#slick-recipes a,
#product-nav .product-nav-content-container #slick-recipes a {
  display: block;
}

#slick-recipes img,
#product-nav .product-nav-content-container #slick-recipes img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

#slick-recipes,
#product-nav .product-nav-content-container #slick-recipes {
  margin-left: 30px;
  margin-right: 30px;
}

#slick-recipes .slick-recipes-prev,
#slick-recipes .slick-recipes-next,
#product-nav .product-nav-content-container #slick-recipes .slick-recipes-prev,
#product-nav .product-nav-content-container #slick-recipes .slick-recipes-next {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 30px;
  cursor: pointer;
}

#slick-recipes .slick-recipes-prev:before,
#slick-recipes .slick-recipes-next:before,
#product-nav .product-nav-content-container #slick-recipes .slick-recipes-prev:before,
#product-nav .product-nav-content-container #slick-recipes .slick-recipes-next:before {
  content:"";
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  border: 15px solid #D8618D;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  position: absolute;
  top: 40%;
  margin-top: -15px;

}

#slick-recipes .slick-recipes-prev,
#product-nav .product-nav-content-container #slick-recipes .slick-recipes-prev {
  border-left: 0;
  left: -30px;
}

#slick-recipes .slick-recipes-next,
#product-nav .product-nav-content-container #slick-recipes .slick-recipes-next {
  border-right: 0;
  right: -30px;
}

#slick-recipes .slick-recipes-prev:before,
#product-nav .product-nav-content-container #slick-recipes .slick-recipes-prev:before {
  border-left: 0;
  left: 0;
}

#slick-recipes .slick-recipes-next:before,
#product-nav .product-nav-content-container #slick-recipes .slick-recipes-next:before {
  border-right: 0;
  right: 0;
}

#recipe-category {overflow: hidden;}
#recipe-category .ui-tabs-nav {width: 200px; float: left;}
#recipe-category .ui-tabs-nav li {float: none; margin: 0 0 4px;}
#recipe-category .ui-tabs-nav li a {display: block; padding: 0 10px 0; font: 20px/32px 'GnuolaneRgRegular', sans-serif; color: #fff; text-transform: uppercase; text-decoration: none; border-radius: 8px 8px; -webkit-border-radius: 8px 8px; -moz-border-radius: 8px 8px; text-shadow: 1px 1px 1px #000; outline: 0; background: #12532F url(images/nav_bg.png) 0 0px repeat-x;}
#recipe-category .ui-tabs-nav li.ui-state-active a {background: url(images/nav_active.png) repeat-x; color: #fff; }
#recipe-category .ui-tabs-nav li.ui-state-active a:hover {background: url(images/nav_bg.png) repeat-x; color: #fff; cursor: pointer; }
#recipe-category .ui-tabs-panel {margin-left: 220px; overflow: hidden;  }
#recipe-category .ui-tabs-panel li.no-rotate {margin-right: 12px;}

#recipe-category .ui-tabs-panel li {display: inline-block; vertical-align: top;}

.recipes-carousel {padding: 0!important; margin: 0; list-style: none; text-align: center;}

.side-promo-coupon img {
  display: block; width: 100%; max-width: 350px; margin: 0 auto;
}

#hp-promo-wrapper {clear: both; overflow: hidden; padding: 15px 0 0;}
#hp-promo-wrapper .side-col-left {-moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; float: left; width: 33.3333%;}

#hp-promo-wrapper .section-block-promo-left {width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box;}




#home-featured-recipes .section-block {overflow: hidden;}

#home-featured-recipes #slick-recipes {margin-top: 11px; margin-bottom: 11px;}

#home-featured-recipes .featured-recipes {overflow: hidden;}

#home-featured-recipes .featured-recipes li {float: left; width: 33.3333%!important;}

#home-featured-recipes .featured-recipes li img {width: 100%; height: auto; max-width: 170px; margin: 0 auto; display: block;}

.products_by_state_labels { color: #fff; font-size: 17px; }

/*___________ HOMEPAGE PROMOS AND COUPON LAYOUT ____________________________________________________________*/



.section-block-promo-left {
  background: url(images/palm_bg.jpg) repeat;
  border: 1px solid #aab2b5;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 0;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 225px;
  padding-left: 12px;
  width: 300px;
  display: block;
}
.side-col-left .section-block-promo-left {
  border: 6px solid #7daebd;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 8px;
  background: url(images/palm_whitewood.jpg) 50% 0 repeat;
  font-size: 14px;
  color: #444;
}
.side-col-left .section-header-promo-left {
  height: 25px;
  background: url(images/section_header_side_bg.png) repeat-x;
  margin-top: -8px;
  margin-right: -8px;
  margin-bottom: 8px;
  margin-left: -8px;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}
.section-block-promo-middle {
  background: url(images/palm_bg.jpg) repeat;
  border: 1px solid #aab2b5;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  padding-top: 12px;
  padding-right: 12px;
  padding-left: 12px;

  display: block;
  margin-left: 8px;
}
.side-col-left .section-block-promo-middle {
  border: 6px solid #7daebd;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 8px;
  background: url(images/palm_whitewood.jpg) 50% 0 repeat;
  font-size: 14px;
  color: #444;
}
.side-col-left .section-header-promo-middle {
  height: 25px;
  background: url(images/section_header_side_bg.png) repeat-x;
  margin-top: -8px;
  margin-right: -8px;
  margin-bottom: 8px;
  margin-left: -8px;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}
.section-block-promo-right {
  background: url(images/palm_bg.jpg) repeat;
  border: 1px solid #aab2b5;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  padding-top: 12px;
  padding-right: 12px;
  padding-left: 12px;

  display: block;
  margin-left: 8px;
}
.side-col-left .section-block-promo-right {
  border: 6px solid #7daebd;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 8px;
  background: url(images/palm_whitewood.jpg) 50% 0 repeat;
  font-size: 14px;
  color: #444;
}
.side-col-left .section-header-promo-right {
  height: 25px;
  background: url(images/section_header_side_bg.png) repeat-x;
  margin-top: -8px;
  margin-right: -8px;
  margin-bottom: 8px;
  margin-left: -8px;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

/*___________ COUPON PAGE STYLES ____________________________________________________________*/


#coupon-grid {
  list-style: none;
  text-align: center;
  overflow: hidden;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 20px;
  padding-left: 0;
}
#coupon-grid li {
  width: 200px;
  display:inline-block;
  font-size: 12px;
  margin-top: 0px;
  margin-right: 10px;
  margin-bottom: 15px;
  margin-left: 10px;
}
#coupon-grid li img {
  width: 200px;
  height:200px;
  padding: 3px;
  margin-top: 0px;
  margin-right: 0;
  margin-bottom: 6px;
  margin-left: 0;
}

.section-header-promo-left h2, .section-header-promo-middle h2, .section-header-promo-right h2{
  font-size: 26px;
}

.product-nav-content-container h3, .product-nav-content-container p { color: #444!important;}


table.location {width: 100%;}


/*___________ STORE LANDING PAGE STYLES ____________________________________________________________*/

.img-responsive {
  display:block;
  height:auto!important;
  width:100%;
}

ul.recipe-images li {

    display: inline-block;
    vertical-align: top;
    margin: 0 1rem 0 0;
  text-align:center;
  }

ul.recipe-images img {

      display: block;
      width: auto;
      height: 300px;
    }

ul.recipe-images img:hover {
      opacity: .9;
    }

div.recipes-block {
  width:70%;
}

.coupon-block {
  max-width:250px;
  float:right;
  margin-right:10px;
}








.emupdates-modal .fancybox-skin {background: none;}
.emupdates-modal.fancybox-opened .fancybox-skin {-moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none}

#emupdates-mini {
  margin: 0px;
  width: 597px;
  max-width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 55% 5% 15%;
  /* Update from 11/23/21 padding: 0px;*/
  font-family: 'GnuolaneRgRegular', sans-serif;
  font-size: 20px;
  font-weight: normal;
  /* background: url(images/emupdates_mini.png) center top no-repeat;*/
  background: url(https://margaritaville.s3.us-east-1.amazonaws.com/enter-to-win/no-sweeps-margaritaville-foods-popup-top_v01.jpg) center top no-repeat;
  background-size: 100% auto;
  background-color: #FFF;
}

 /* Update from 11/23/21 .fancybox-inner {
  max-height:  350px !important;
  overflow-y: hidden !important;
} 


#emupdates-mini .general-form li {
  margin: 0 0 15px;
}

.checkbox .hydrated {
  display: inline-block;
}
.checkbox my-data-text {
  padding-left: 10px;
}
my-data-age-verification .form-group,
my-data-terms-agreement .checkbox {
  margin-top: 15px;
}
.my-data-age-verification-title.my-data-title {
  font-size: 14px;
}

#emupdates-mini .btn {
  font-family: 'GnuolaneRgRegular', sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 25px;
  padding: 0 .5em;
  line-height: 1;
  height: 40px;
}
#emupdates-mini button {
  margin-top: 20px;
}

#emupdates-mini input,
#emupdates-mini select {
  height: 30px;
  line-height: 30px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: 'PTSansRegular', sans-serif;
  font-size: 15px;
}

#emupdates-mini .thank-you {text-align: center; }
#emupdates-mini .thank-you .lead {font-size: 2.2rem; margin: 0 0 1rem; font-family: 'GnuolaneRgRegular', sans-serif;}
#emupdates-mini .thank-you p {color: #444; font-size: 1rem; font-family: 'ptsansregular';}


  #emupdates-mini .form-row-input {
    padding-left: 90px;
    position: relative;
  }
  #emupdates-mini .form-row-input label {
    width: 90px;
    position: absolute;
    top: 0;
    left: 0;
  }


/* 404 Page */

body.page-error-bg {
  background: url(images/pageerror_mobile_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  color: #3a2a2a;
}

body.page-error-bg p{
  color: #3a2a2a;
  font-size: 20px;
}

.e404{
  text-align: center;
  padding-top: 2%;
}

.e404header{
  display: block;
  font-size: 100px;
  margin-bottom: -30px;
}
.return{
  display: block;
  background: #050505;
  position: fixed;
  width: 100%;
  left: 0;
  text-align: center;
  padding: 14px;
  bottom: 0;
  color: #fff;
  text-decoration: none;
  font-size: 25px;
}
.return span{
  color: #a2cb54;
  text-transform: uppercase;
}

.return:hover{
  color: #fff;
}


@media screen and (min-width: 768px) {
    body.page-error-bg {
        background: url(images/pageerror_bg.jpg) center center;
        background-repeat: no-repeat;
      background-size: cover;
    }
    .e404{
      margin: 0 auto;
      width: 400px;
    margin-top: 40%;
    padding: 0;
      overflow: hidden;
  }
  .e404header{
    display: none;
  }
  .caption h1{
    font-size: 40px;
  }
}






.store-result {
  background: rgba(255,255,255,.8);
  padding: 10px;
  margin: 5px 0;
  position: relative;
  border-radius: 5px;
}

@media (min-width: 600px) {

  .store-result {

    padding-right: 100px;
  }

  .store-result .button {
    position: absolute;
    top: 10px;
    right: 10px;
  }
}