@charset "utf-8";
/* ********* Set Defaults to Zero ******* */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
/* fix modal backdrop shift */
.modal-open {
  padding-right: 0 !important;
}
html {
  overflow-y: scroll !important;
}

/* remember to define focus styles! */

html {overflow-y: scroll;}


/* To secure correct HTML5 behavior in older browsers */
header, section, footer, aside, nav, mark, main, article, figure {
    display: block;
} 

/* get rid of those system borders being generated for A tags */
a:active {
    outline:none;
}

a:focus {
    -moz-outline-style:none;
	outline: none;
}

/* Remove blue outline on buttons in Chrome */

button {outline:none;}

/* This makes the text left justified & keeps font large in the CS debug area */
.cfdebug {text-align:left; font-size:12px;}
.cfdebug code{ font-size:12px;}
.cfdebug pre{ font-size:12px;}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* !!!!!!!!!! YOU MUST RESTYE THE ABOVE AS NEEDED !!!!!!!!!!!!!  */
/* 
font-family:'Museo W01_100';
 */

/* set global paragraph margin */
p { margin:0 0 10px 0;}
/* Apply left margin only to the few elements that need it: */
dd, blockquote { margin-left: 1em; }

ul { list-style:disc; margin-bottom:10px;}
ol { list-style-type:decimal; margin-bottom:10px; }
li { margin-left: 2em; }

.floatleft { float:left;}
.floatright { float:right;}
.clear { clear:both;}

a:link {color: #662e8e;	text-decoration: underline;}
a:visited {color: #662e8e; text-decoration: underline;}
a:hover {color: #0033CC; text-decoration: underline;}
a:active, a:focus {color: #662e8e; text-decoration: underline;}

img { max-width:100%;}

body { 
	font-size: 15px; /* 100% of browser default is 16px */
	font-family:Arial, Helvetica, sans-serif !important;
	}

input, select, textarea { 
	font-size: 1em; /* 16px */ 
	font-family: Arial, Helvetica, sans-serif;
	}
	
input { vertical-align:middle;}
select { vertical-align:middle;}
/*  NOTE - the percentages below will scale off of the font size set in the body selector style above */
/* Header tag styles */

.test-box div {margin-bottom:10px;padding:4px;border:1px solid #ccc;}


h1 { 
	font-size:2.5em; /* 40px/16=2.5 */
	font-family:'Museo W01_100';
  color:#662E8E; 
	font-weight:bold; 
	margin-bottom:6px;
	}

h2 { 
	font-size:1.5em; /* 24px/16=1.5 */
	font-family:'Museo W01_100';
  color:#662E8E; 
	font-weight:bold; 
	margin-bottom:6px;
	}
	
	
h3 { 
	font-size:1.125em; /* 18px/16=1.125 */
	color:#5DAE81; 
	font-weight:bold; 
	margin-bottom:6px;
	}
	
h4 { 
	font-size:1em; /* 16px */
	color:#5DAE81; 
	font-weight:bold; 
	margin-bottom:6px;
	}

.centered { text-align:center;}
.align-right { text-align:right;}
.align-left { text-align:left;}

.small-text {font-size:0.75em;}

.txt-required {color:#000;}

/* default mobile styles (below 768px) ------------------------------------------------------ */
/* mobile menu styles */

.row {
  margin-left: 0px;
  margin-right: 0px;
}

.show-full {display:none;}

.navbar-default {
    background-color: transparent;
    border: none;
    margin-left:140px;;
}


.navbar-toggle {
    background-color: #BCD34C;
    background-image: none;
    border: none;
    padding: 7px 8px;
    margin-right:20px;
    }
    
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 5px;
}



.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #50B948;
  }
  
.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
    width:40px;
    height:4px;
    border-radius: 0;
}

.navmenu-default, .navbar-default .navbar-offcanvas {
    border:none;
    background: #FFF;
    margin-top:80px;
   /*  -webkit-box-shadow: 0px 0px 13px -1px rgba(224,224,224,1);
-moz-box-shadow: 0px 0px 13px -1px rgba(224,224,224,1);
box-shadow: 0px 0px 13px -1px rgba(224,224,224,1); */
}

.navmenu-default .navmenu-brand, .navbar-default .navbar-offcanvas .navmenu-brand {
    color: #606262;
    text-decoration: none;
    font-family:'Museo W01_100';
    font-weight:bold;
    font-size:20px;
    margin: 0 10px 0 0;
    padding: 10px 15px;
    border-bottom:1px solid #E1E1E1;
  }

.navmenu-default .navmenu-brand:hover {
    color: #00853E;
    text-decoration: none;
    font-weight:bold;
  }
  
  
.mobile-menu button.close{
  position:absolute;
  right:0;
  top:5px;
  font-size:34px;
  padding-right:10px;
  color:#50B948;
  opacity:1;
  }

.mobile-menu img{
  margin:2px 0 15px 5px;
  }
  
/* 88888888888888888888888 */
.navbar-toggle .icon-bar:nth-of-type(2) {
    top: 0px;
}
.navbar-toggle .icon-bar {
    position: relative;
    transition: all 500ms ease-in-out;
}
.navbar-toggle.active .icon-bar:nth-of-type(1) {
    width:35px;
    top: 9px;
    left:2px;
    transform: rotate(45deg);
    /* Firefox */
    -moz-transform: rotate(45deg);
    /* WebKit */
    -webkit-transform: rotate(45deg);
    /* Opera */
    -o-transform: rotate(45deg);
    }
.navbar-toggle.active .icon-bar:nth-of-type(2) {
    background-color: transparent;
}
.navbar-toggle.active .icon-bar:nth-of-type(3) {
    width:35px;
    top: -8px;
    left:2px;
    transform: rotate(-45deg);
    /* Firefox */
    -moz-transform: rotate(-45deg);
    /* WebKit */
    -webkit-transform: rotate(-45deg);
    /* Opera */
    -o-transform: rotate(-45deg);
    
}

/* 888888888888888888888888 */

/* structure -------------------------- */
.container-fluid {
  padding:0;
  max-width:1100px;
  }
  
.top-full {display:none;}
.top-mobile {
  display:block;  
  position:relative;
  height:85px;
  background:url(../img/bg-top-mobile.png) no-repeat;
  }
  
.main-logo {display:none;}

.main-logo-mobile {
  display:block;
  position:absolute;
  top:2px;
  left:5px;
  }
  
.display-full {display:none;}  
.display-mobile {display:block;}

/* Home page */

.home-teaser-mobile {
  background-color:#50B948;
  font-size:15px;
  font-family:'Museo W01_100';
  color:#FFF;
  text-align:center;
  padding:10px;
  margin-top:-7px;
  margin-bottom:7px;
  }

/* all natural call out */ 
.home-an-text-mobile {
  background-color:#ffffff;
  font-size:16px;
  text-align:center;
  padding:20px 0;
  }
  
.home-an-text-mobile h1 {
  font-size:28px;
  margin-bottom:15px;
  color:#ff7f3f;
  }

  
.home-an-text-mobile p{
  color:#000;
  padding:10px 15px;
  }

  .home-an-text-mobile span{
    font-size:14px;
  }
 
/* products call out */ 
.home-prd-text-mobile {
  background-color:#f1f6d9;
  font-size:16px;
  text-align:center;
  padding:20px 0;
  }
  
.home-prd-text-mobile h1 {
  font-size:28px;
  margin-bottom:15px;
  }
  
.home-prd-text-mobile p{
  color:#000;
  padding:10px 15px;
  }

/* Recipes call out */  
.home-rec-text-mobile {
  background-color:#E4EDAC;
  font-size:16px;
  text-align:center;
  padding:20px 0;
  margin-top:7px;
  }
  
.home-rec-text-mobile h1 {
  font-size:28px;
  margin-bottom:15px;
  }
  
.home-rec-text-mobile p{
  color:#000;
  padding:10px 15px;
  }
  
/* Merchantiing call out */  
.home-mer-text-mobile {
  background-color:#51B948;
  font-size:16px;
  text-align:center;
  padding:20px 0;
  margin-top:7px;
  }
  
.home-mer-text-mobile h1 {
  font-size:28px;
  margin-bottom:15px;
  color:#FFF;
  }
  
.home-mer-text-mobile p{
  color:#FFF;
  padding:10px 15px 0 15px;
  margin:0;
  }
  
.home-mer-text-mobile a:link, .home-mer-text-mobile a:hover, .home-mer-text-mobile a:active, .home-mer-text-mobile a:focus, .home-mer-text-mobile a:visited{
  color:#FFF;
  font-size:18px;
  text-decoration:none;
  font-family:'Museo W01_100';
  font-weight:bold;
  }
  
/* Challange call out */  
.home-cha-text-mobile {
  background-color:#008441;
  font-size:16px;
  text-align:center;
  padding:20px 0;
  margin-top:7px;
  }
  
.home-cha-text-mobile h1 {
  font-size:28px;
  margin-bottom:15px;
  color:#FFF;
  }
  
.home-cha-text-mobile p{
  color:#FFF;
  padding:10px 15px 0 15px;
  margin:0;
  }
  
.home-cha-text-mobile a:link, .home-cha-text-mobile a:hover, .home-cha-text-mobile a:active, .home-cha-text-mobile a:focus, .home-cha-text-mobile a:visited{
  color:#FFF;
  font-size:18px;
  text-decoration:none;
  font-family:'Museo W01_100';
  font-weight:bold;
  }
  
/* Products ----------------------------------- */

/* login styles */
.modal-header {
    border-bottom:none;
}

.modal-title-login {
  color:#76449B;
  font-family:'Museo W01_100';
  font-size:1.5em;
  text-align:center;
  padding-bottom:10px;
  font-weight:bold;
  }
  
  
#jennieo-k12-getPassword {
  color:#76449B;
  font-size:.8em;
  padding-bottom:10px;
  cursor:pointer;
  cursor:hand;
  }
  
#jennieo-k12-goSignUp, #jennieo-k12-goToLogin {
  color:#76449B;
  padding-top:10px;
  padding-bottom:20px;
  font-family:'Museo W01_100';
  cursor:pointer;
  cursor:hand;
  font-weight:bold;
  }
  
.login-button {
    background: url("../img/btn-login.png") no-repeat scroll 0 0;
    border: medium none;
    height: 47px;
    width: 128px;
    color:#FFF;
    font-family:'Museo W01_100';
    font-size:1.3em;
}

.modal-login-success {
  text-align:center;
  padding-bottom:20px;
  }
  
.modal-register-success {
  text-align:center;
  padding-bottom:20px;
  }
  
/* ------------------------------- */

.mobile-prd-info {
  text-align:center;
  }

.mobile-prd-info h1{
  font-size:2em;
  }

.mobile-prd-thn {
  margin-top:40px!important;
  }
  
.carousel {
  margin: 0 10%;
  background-color:transparent;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
  margin: 0 auto;
}

.carousel-inner a:link, .carousel-inner a:hover, .carousel-inner a:active, .carousel-inner a:focus, .carousel-inner a:visited {
  color:#FFF;
  text-decoration:none;
  }

.carousel-caption {
  bottom: 0;
  padding-bottom: 5px;
  padding-top: 0;
  line-height:1em;
  font-size:13px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
} 

.carousel-control {
    bottom: 0;
    color: #fff;
    font-size: 20px;
    left: 0;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    top: 0;
    width: 10%;
}

.carousel-control.left {
  background-image: none;
  left: -10%;
  }
  
  
.carousel-control.right {
  background-image: none;
  right: -10%;
  }
  
a.carousel-control { 
  color:#000; 
  opacity:0.5; 
  text-decoration:none;
  }

.mobile-prd-content {
  height:265px;
  margin:0 20px;
  text-align:center;
  }
  
.mobile-prd-content h1{ font-size:28px; }

h2.prd-cat-hdr {
    background-color: #f1f6d9;
    margin: 20px 0;
    padding: 10px 80px;
    text-align:center;
}

.prd-tagline-mobile {
  border-top:2px solid #662E8E;
  margin-top:30px;
  padding-top:40px;
  }
  
.prd-table-mobile {
  width:90%;
  margin:0 auto;
  font-size:13px;
  
  }

.prd-table-mobile td{ 
  vertical-align:top;
  padding:4px;
  }
  
.prd-table-mobile td.cell-1{ 
  width:25%;
  }
  
.prd-table-mobile td.cell-2{ 
  width:75%;
  }
  
.prd-div-line {
  width:90%;
  height:10px;
  margin:0 auto;
  margin-bottom:10px;
  border-bottom:1px solid black;
  }
  
.back-to-top-mobile {
  width:90%;
  margin:0 auto;
  font-size:13px;
  text-align:right;
  }
  
.prd-spec-links a {
  background-color: #e6ece6;
  color: #151713;
  font-size: 13px;
  line-height: 2em;
  padding: 4px;
  text-decoration: none;
  white-space: nowrap;
  }
  
.back-to-top-mobile a:link, .back-to-top-mobile a:hover, .back-to-top-mobile a:active, .back-to-top-mobile a:focus, .back-to-top-mobile a:visited {
  color: #151713;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  }
  
/* Recipes ----------------------------------------------------- */

.rec-list-top {
  height:auto;
  text-align:center;
  background-color:#E4EDAC;
  padding-bottom:15px;
  }
  
.rec-list-top h1{ 
  font-size:1.8em;
  margin:0 5% 20px 5%;
  padding:20px 0 10px 0;
  border-bottom:2px solid #662E8E;
  }
  
.rec-list-top p{ 
  font-size:1.1em;
  padding:0 9%;
  }
  
.rec-filter-bar {
  background-color:#F1F6D9;
  margin-top:7px;
  margin-bottom:25px;
  padding:12px 0;
  text-align:center;
  }
  
.rec-filter-bar h2{ margin:0 }  

.rec-list-items {
  width:90%;
  margin:0 auto;
  margin-bottom:10px;
  }
  
.rec-list-label {
  padding:5% 0;
  }
  

.rec-list-label p{
  padding:10% 0;
  font-size:14px;
  font-weight:bold;
  }
  
.rec-list-label a:link, .rec-list-label a:hover, .rec-list-label a:active, .rec-list-label a:focus, .rec-list-label a:visited {
  color:#333;
  text-decoration:none;
  }
  
.accordion-content a:link {color: #787878;	text-decoration: none;}
.accordion-content a:visited {color: #787878; text-decoration: none;}
.accordion-content a:hover {color: #787878; text-decoration: none;}
.accordion-content a:active, .accordion-content a:focus {color: #787878; text-decoration: none;}
  
/* recipe item page ------------------------ */

.rec-title-bar {
  background-color:#F1F6D9;
  margin:7px 0 0 0;
  text-align:center;
  padding-bottom:10px;
  }
  
.rec-title-bar h1{ 
  font-size:22px;
  margin: 12px 0 10px 0;
  }  
  
.rec-portion-size {
  padding-left:0;
  padding-bottom:20px;
  }
  
.rec-img-mobile {
  padding:15px;
  text-align:center;
  }
  
.rec-directions {
  padding: 0 15px;
  }
  
.rec-directions h2{
  font-family:Arial, Helvetica, sans-serif;
  font-size:17px;
  color:#00853E; 
  }
  
.rec-directions li {
  font-weight:bold;
  margin-left:1em;
  padding-right:30px;
  }
  
.rec-directions li span{
  font-weight:normal;
  }
  
/* following 5 stlye blocks are used for recipes and merchandise oreder form */
.row-green {
  background-color:#F1F6D9;
  padding:15px;
  }

.row-white {
  background-color:#FFF;
  padding:15px;
  }
  
.row-white-green:nth-of-type(odd) {
  background-color:#FFF;
  padding:15px;
}
.row-white-green:nth-of-type(even) {
    background-color:#F1F6D9;
  padding:15px;
}
  
.mobile-info {
  font-size:13px;
  }
  
.mobile-info h2{
  font-family:Arial, Helvetica, sans-serif;
  font-size:15px;
  color:#42AD4D;
  padding:0;
  margin:0;
  }
  
.mobile-info input[type="text"] {
  width:80px;
  margin-bottom:10px;
  }
  
/* above 5 stlye blocks are used for recipes and merchandise oreder form */  
  
.mobile-info-table h2{
  font-family:Arial, Helvetica, sans-serif;
  font-size:15px;
  color:#42AD4D;
  padding:0;
  margin:0;
  }
  
.mobile-info-table td.cell-1 {
  padding-bottom:10px;
  }
  
.mobile-info-table td.cell-2 {
  font-size:13px;
  }
  
.mobile-info-table td.cell-3 {
  font-size:13px;
  padding-left:30px;
  }
  
.mobile-info-table td.cell-2 h2, .mobile-info-table td.cell-3 h2 {
  font-size:13px;
  }
  
.rec-nutrients {
 
  margin-top: 30px;
  border:none;
  
  }
  
.rec-nutrients thead tr td { 
  background-color:#42AD4D;
  border:1px solid #42AD4D;
  color:#FFF;
  font-weight:bold;
  padding-left:15px;
  }
  
.rec-nutrients tbody tr td { 
  border-bottom:1px solid #42AD4D;
  }
  
.rec-nutrients tbody tr td.rec-nutrients-rline { 
  width:50%;
  padding:4px 4px 4px 15px;
  border-right:1px solid #42AD4D;
  }
  
.rec-nutrients tbody tr td.cell-2 {
  width:50%;
  padding:4px 4px 4px 15px;
  }
  
.rec-serv-info {
  padding-left:15px;
  padding-right:15px;
  font-weight:bold;
  }
  
.rec-footnote {
  padding:20px 15px 40px 15px;
  font-size:12px;
  }
  
/* merchandise & rewards -------------------------------------- */
.merch-order-total {
  background-color:transparent;
  border:none;
  width:80px;
  margin:0 0 2px 0 !important;
  }
  
.mer-list-top {
  height:auto;
  text-align:center;
  background-color:#51B948;
  padding-bottom:15px;
  margin-bottom:30px;
  }
  
.mer-list-top h1{ 
  font-size:1.8em;
  margin:0 5% 20px 5%;
  padding:20px 0 10px 0;
  border-bottom:2px solid #FFF;
  color:#FFF;
  }
  
.mer-list-top p{ 
  font-size:1.1em;
  padding:0 9%;
  color:#FFF;
  }
  
.mer-hdr {text-align:center;}

.mer-h2 {font-size:25px;}

.mer-items > tbody > tr > td{
  border:none;
  text-align:center;
  font-weight:bold;
  color:#787878;
  line-height:1.2em;
  }
  
.mer-items > tbody > tr > td span {
  font-size:13px;
  }
  
.mer-divider {
  height:4px;
  background-color:#F1F6D9;
  margin:20px 0 30px 0 ;
  }

.mer-rewards {
  margin:0 15px 30px 15px;
  text-align:center;
}

/* Broker Locator ------------------------- */

.loc-divider {
  height:4px;
  background-color:#F1F6D9;
  margin:20px 0 5px 0 ;
  }

.loc-list-top {
  height:auto;
  text-align:center;
  background-color:#51B948;
  padding-bottom:15px;
  margin-bottom:30px;
  }
  
.loc-list-top h1{ 
  font-size:1.8em;
  margin:0 5% 20px 5%;
  padding:20px 0 10px 0;
  border-bottom:2px solid #FFF;
  color:#FFF;
  }
  
.loc-list-top p{ 
  font-size:1.1em;
  padding:0 9%;
  color:#FFF;
  }

.loc-zipform {
  font-size:16px;
  color:#FFF;
  text-align:center;
  } 

.zipcode-input {
  width:190px;
  height:47px;
  border:none;
  margin-right:12px;
  margin-top:10px;
  color:#474848;
  padding-left:10px;
  }
  
.zipcode-button {
  width:81px;
  height:47px;
  margin-top:10px;
  background:url(../img/btn_go.png) no-repeat;
  border:none;
  }  
  
.loc-J-O-info {
  padding:0 15px 40px 15px;
  text-align:center;
  }
  
.loc-J-O-info2 {
  padding-top:15px;
  }
  
.loc-search-results {
  color:#FFF;
  font-size:18px;
  padding-top:15px;
  }
  
.loc-broker {
  padding:0 15px;
  text-align:center;
  }
  
.loc-logo {
  min-height:70px;
  text-align:center;
  margin-top:20px; 
  }
  
.loc-broker-info {
  padding-top:20px;
  font-size:15px;
  }

.loc-broker-info strong{ 
  font-size:16px;
  }
  
/* order merchandise */

h2.mer-hdr {
  background-color:#F1F6D9;
  padding:10px 80px;
  margin:20px 0;
  }
  
.btn-submit {
  width:164px;
  height:47px;
  background:url(../img/btn-submit.png) no-repeat;
  border:none;
  }
  
.mobil-form-group {
  padding: 20px;
  }
  
.pos-qty {
  width:80px;
  }
  
/* Broker Locator */
.loc-profile {padding:0 30px 20px 30px;}  

/* Snack Sticks */
.snack-sticks-left {
  padding:0;
  min-height:200px;
  background:url(../img/snack-sticks-landing2.jpg) center no-repeat #F7F6F1;
  background-size:cover;
  }

.snack-sticks-right {
  background-color:#E4EDAC;
  min-height:none;
  height:auto;
  padding:35px 50px 15px 35px;
  }

.smart-snack-left {
  padding:0;
  }
  
.smart-snack-left h1 {
  text-align:center;
  margin-top:40px;
  font-size:2.4em;
  }
  
.smart-snack-right {
  text-align:center;
  }
  
.send-request-btn {
  width:213px;
  height:47px;
  background:url(../img/btn-send-request.png) no-repeat;
  border:none;
  background-color:none;
  margin-top:15px;
  margin-bottom:15px;
  }

.sample-from {
  padding: 0 10px;
  }
  
.thankyou {
  color:#5dae81;
  margin-top:20px;
  }
  
.request-hdr {
  padding-left:10px;
  }



/* All Natural Landing Page */
.all-natural-left {
  padding:0;
  min-height:388px;
  background:url(../all-natural/img/all-natural-landing.jpg) center no-repeat #F7F6F1;
  background-size:cover;
  }

.all-natural-right {
  background-color:#ffffff;
  min-height:none;
  height:auto;
  padding:35px 50px 15px 35px;
  }

  .all-natural-right h1{
    color:#ff7f3f;
  }


  .all-natural-right span{
    font-size:12px;
  }

  .all-natural-right .contact-btn{
    margin-top:25px;
  }

.cell-2.all-nat-sku{
    background: url(../all-natural/img/all-natural-landing-leaf-icon.png) 4px 13px no-repeat;
    padding-left: 21px;
}


td.mobile-desc{
    background: url(../all-natural/img/all-natural-landing-leaf-icon.png) 0 7px no-repeat;
    padding-left: 21px;
}

h2.an{
  color:#bdd24e;
  font-size:40px;
  text-align:center;
  margin-bottom:20px;
  margin-top:50px;
}


#an-contact{
  max-width:525px;
  margin-left:auto;
  margin-right:auto;
}
  

.prd-table.AN tr:last-child td{
  border-bottom:0;
}

p.an-contact-center{
  text-align:center;
  margin:40px auto;
}



  
/* end default mobile styles (below 768px) -----------------++++++++++++++++++++++++++++++----------------------------- */
  
/* Full (tablets, 768px and up) ----------------------------++++++++++++++++++++++++++++++----------------------------- */
@media only screen and (min-width: 768px) { 
/* ---------------------------------------------------------++++++++++++++++++++++++++++++----------------------------- */

/* Snack Sticks */
.snack-sticks-left {
  padding:0;
  min-height:388px;
  background:url(../img/snack-sticks-landing2.jpg) center no-repeat;
  }

.snack-sticks-right {
  background-color:#E4EDAC;
  min-height:388px;
  padding:41px 50px 15px 35px;
  }

.smart-snack-left {
  padding:0;
  }
  
.smart-snack-left h1 {
  text-align:right;
  margin-top:50px;
  font-size:2.4em;
  }
  
.smart-snack-right {
  text-align:left;
  }
  
.sample-form {
  padding: 0;
  }
  
.request-hdr {
  padding-left:0;
  }
  
/* top */
.show-full {display:block;}

.navmenu {display:none;}

.top-mobile {display:none;}
.top-full {
  display:block;
  position:relative;
  height:182px;
  background:url(../img/bg-top.png) no-repeat;
  }
  
.main-logo-logo {display:none;}
.main-logo {
  display:block;
  position:absolute;
  top:20px;
  left:75px;
  }
  
.menu-full {
  padding-top:142px;
  color:#474848;
  font-family:'Museo W01_100';
  font-size:20px;
  text-align:right;
  padding-right:40px
  }
  
.menu-full a:link, .menu-full a:visited{
  color:#474848;
  font-weight:700;
  text-decoration:none;
  }
  
.menu-full a:focus, .menu-full a:hover, .menu-full a:active {
  color:#00853E;
  font-weight:700;
  text-decoration:none;
  }
  
.menu-full a.current:link, .menu-full a.current:visited{
  color:#00853E;
  font-weight:700;
  text-decoration:none;
  }

.display-mobile {display:none;}  
.display-full {display:block;}

.comm-calc {
  position:relative;
  z-index:1000;
  float:right;
  margin-top:10px;
  }   

/* Home - full */

.home-prd-box-full {
  margin-top:0;
  background-color:#F1F6D9;
  margin-left:0;
  margin-right:0;
  }

.home-prd-text-full {
  margin-top:2px;
  background-color:#F1F6D9;
  margin-left:0;
  margin-right:0;
  padding-left:14.5%;
  padding-right:30px;
  }
  
.home-prd-text-full h1{
  margin-top:30px;
  }
  
.home-prd-text-full p{
  margin-left:10px;
  }
  
.home-prd-text-full img{
  margin-left:10px;
  margin-top:20px;
  }
  
.home-prd-img-full {
  min-height:340px;
  padding-right:0;
  background:url(../img/home-product-shots-full.jpg) no-repeat;
  background-size: 100%;
  text-indent: -1000px;
  }

/* snack sticks */
.home-snk-img-full {
  min-height:345px;
  padding-left:0;
  padding-right:0;
  background:url(../img/home-snack-sticks-full.jpg) no-repeat;
  background-size: 100%;
  text-indent: -1000px;
  }
  
.home-snk-box-full {
  margin-bottom:7px;
  background-color:#E4EDAC;
  margin-left:0;
  margin-right:0;
  }


  /* all natural */
.home-an-img-full {
  min-height:345px;
  padding-left:0;
  padding-right:0;
  background:url(../img/home-all-natural-full.jpg) no-repeat;
  background-size: 100%;
  text-indent: -1000px;
  }
  
.home-an-box-full {
  margin-bottom:7px;
  background-color:#ffffff;
  margin-left:0;
  margin-right:0;
  }


.home-an-text-full {
  margin-top:2px;
  background-color:#ffffff;
  margin-left:0;
  margin-right:0;
  padding-left:14.5%;
  padding-right:30px;
  }
  
.home-an-text-full h1{
  margin-top:30px;
  color:#ff7f3f;
  }
  
.home-an-text-full p{
  margin-left:10px;
  }
  
.home-an-text-full img{
  margin-left:10px;
  margin-top:20px;
  }

  .home-an-text-full span{
    font-size:12px;
  }



/* recipes */  
.home-rec-box-full {
  margin-top:7px;
  background-color:#E4EDAC;
  margin-left:0;
  margin-right:0;
  }
  
.home-rec-img-full {
  min-height:345px;
  padding-left:0;
  padding-right:0;
  background:url(../img/home-recipes-k12-full.jpg) no-repeat;
  background-size: 100%;
  text-indent: -1000px;
  }
  

  
.home-rec-text-full h1{
  margin:30px 20px 15px 30px;
  }
  
.home-rec-text-full p{
  margin-left:40px;
  margin-right:70px;
  }
  
.home-rec-text-full img{
  margin-left:40px;
  margin-top:20px;
  }
  
.home-mercha-box-full {
  margin-top:7px;
  margin-left:0;
  margin-right:0;
  }
  
.home-mer-full {
  background:url(../img/home-eating-well-bg-full.png) center bottom no-repeat #51B948;
  background-size: 100%;
  min-height:345px;
  padding-left:6.875%;
  xheight:435px;
  min-height:364px;
  }
  
.home-mer-text-full h1{
  margin:30px 20px 15px 0;
  color:#FFF;
  font-size:32px;
  }
  
.home-mer-text-full p{
  margin-left:10px;
  margin-right:18%;
  color:#FFF;
  }
  
.home-mer-text-full a:link, .home-mer-text-full a:hover, .home-mer-text-full a:active, .home-mer-text-full a:focus, .home-mer-text-full a:visited{
  color:#FFF;
  font-size:18px;
  text-decoration:none;
  font-family:'Museo W01_100';
  font-weight:bold;
  }
  
.home-mer-img-full {
  float:right;
  margin-top:-20px;
  }
  
.home-cha-full {
  background:url(../img/home-right-direction-bg-full.png) center bottom no-repeat #008441;
  background-size: 100%;
  min-height:364px;
  padding-left:0;
  }
  
.home-cha-text-full h1{
  margin:30px 20px 15px 30px;
  color:#FFF;
  font-size:32px;
  }
  
.home-cha-text-full p{
  margin-left:40px;
  margin-right:10%;
  color:#FFF;
  }
  
.home-cha-img-full {
  float:right;
 margin-top:-10px;
  }
  
.home-cha-text-full a:link, .home-cha-text-full a:hover, .home-cha-text-full a:active, .home-cha-text-full a:focus, .home-cha-text-full a:visited{
  color:#FFF;
  font-size:18px;
  text-decoration:none;
  font-family:'Museo W01_100';
  font-weight:bold;
  }
  
/* Products page -------------------------------------------------- */

/* login styles */
.modal-header {
    border-bottom:none;
}

.modal-title-login {
  color:#76449B;
  font-family:'Museo W01_100';
  font-size:1.5em;
  text-align:center;
  padding-bottom:10px;
  font-weight:bold;
  }
  
.modal-dialog {
  width: 450px;
  }
  
#jennieo-k12-getPassword {
  color:#76449B;
  font-size:.8em;
  padding-bottom:10px;
  cursor:pointer;
  cursor:hand;
  }
  
#jennieo-k12-goSignUp, #jennieo-k12-goToLogin {
  color:#76449B;
  padding-top:10px;
  padding-bottom:20px;
  font-family:'Museo W01_100';
  cursor:pointer;
  cursor:hand;
  font-weight:bold;
  }
  
.login-button {
    background: url("../img/btn-login.png") no-repeat scroll 0 0;
    border: medium none;
    height: 47px;
    width: 128px;
    color:#FFF;
    font-family:'Museo W01_100';
    font-size:1.3em;
}

.modal-login-success {
  text-align:center;
  padding-bottom:20px;
  }
  
.modal-register-success {
  text-align:center;
  padding-bottom:20px;
  }
  
/* ------------------------------- */

.nav-tabs {
  border-bottom: none;
  width:866px;
  margin:0 auto;
  margin-top:12px;
  }
  
.nav-tabs > li {
    width:98px;
    float: left;
    margin-bottom: -1px;
    text-align:center;
    margin-left:1.4em;
}
  
.nav-tabs > li > a {
    border: none;
    border-radius: 0;
    line-height: 1.42857;
    margin-right: 2px;
    line-height:120%;
    font-size:0.80em;
    color: #787878;
    padding:0;
    font-weight:bold;
    text-decoration:none;
    opacity:0.75;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #fff;
    border:none;
    border-image: none;
    cursor: pointer;
    opacity:1;
}

.nav-tabs li a:hover, .nav-tabs li a:focus {
    background-color: #fff;
    border:none;
    border-image: none;
    cursor: pointer;
    opacity:1;
  }
  
.prd-top {
  text-align:center;
  margin-top:40px;
  border-bottom:2px solid #662E8E;
  margin:40px 100px 20px 100px;
  }
  
.prd-top h1{ font-size:54px; }
  
.prd-tagline {
  text-align:center;
  font-size:18px;  
  margin-bottom:27px;
  }

.prd-cat-box {
  background-color:#F1F6DA;
  max-height:291px;
  }
 /* All Natural */ 
.prd-cat-img-AN {
  padding-right:0;
  background:url(../img/Jennie-O-All-Natural.jpg) 0 0 no-repeat;
  background-size:cover;
  min-height:291px;
  text-indent:-2000px;
  }
/* Crumbles Meatballs & Franks */  
.prd-cat-img-CMF {
  padding-right:0;
  background:url(../img/prd-cat-CMF.jpg) 0 0 no-repeat;
  background-size:cover;
  min-height:291px;
  text-indent:-2000px;
  }
/* Pre Sliced */
.prd-cat-img-PS {
  padding-right:0;
  background:url(../img/prd-cat-sliced.jpg) 0 0 no-repeat;
  background-size:cover;
  min-height:291px;
  text-indent:-2000px;
  }
/* Classic Boil in Bag */
.prd-cat-img-CBB {
  padding-right:0;
  background:url(../img/prd-cat-boilbag.jpg) 0 0 no-repeat;
  background-size:cover;
  min-height:291px;
  text-indent:-2000px;
  }
/* Diced Chunked & Toppings */
.prd-cat-img-DCT {
  padding-right:0;
  background:url(../img/prd-cat-diced.jpg) 0 0 no-repeat;
  background-size:cover;
  min-height:291px;
  text-indent:-2000px;
  }
/* Breasts Roasts & Steaks */
.prd-cat-img-BRS {
  padding-right:0;
  background:url(../img/prd-cat-BRS.jpg) 0 0 no-repeat;
  background-size:cover;
  min-height:291px;
  text-indent:-2000px;
  }
/* Breakfast */
.prd-cat-img-B {
  padding-right:0;
  background:url(../img/prd-cat-breakfast.jpg) 0 0 no-repeat;
  background-size:cover;
  min-height:291px;
  text-indent:-2000px;
  }  
  
.prd-cat-info {
  padding-left:0;
  }
  
.prd-cat-info div{ 
  width:80%;
  padding-top:50px;
  margin-left:20px;
  }
  
.prd-cat-info div img{ 
  float:right;
  margin-right:15px;
  }
  
.prd-cat-info div h1 {font-size:30px;}

h2.prd-cat-hdr {
  width:98%;
  background-color:#F1F6D9;
  padding:10px 80px;
  margin:20px auto;
  }
  
.prd-table {
  width:92%;
  margin: 0 auto;
  
  }
  
.prd-table td{ 
  vertical-align:top;
  padding:10px;
  font-size:13px;
  
  }
  
.prd-table thead td{ 
  font-weight:bold;
  color:#151713;
  }
  
.prd-table thead td.cell-1{ 
  text-align:left;
  border-right:1px solid #B2B2B2;
  padding-left:0;
  
  }
  
.prd-table tbody td.cell-1{ 
  width:8%;
  text-align:right;
  border-right:1px solid #B2B2B2;
  border-bottom:1px solid #B2B2B2;
  }
  
.prd-table thead td.cell-2{ 
  border-right:1px solid #B2B2B2;
  }
  
.prd-table tbody td.cell-2{ 
  width:44%;
  border-right:1px solid #B2B2B2;
  border-bottom:1px solid #B2B2B2;
  }
  
.prd-table thead td.cell-3{ 
  border-right:1px solid #B2B2B2;
  }
  
.prd-table tbody td.cell-3{ 
  width:8%;
  border-right:1px solid #B2B2B2;
  border-bottom:1px solid #B2B2B2;
  }
  
 
.prd-table tbody td.cell-4{ 
  width:40%;
  border-bottom:1px solid #B2B2B2;
  }
  
.prd-table tbody td.cell-4 a{ 
  background-color:#E6ECE6;
  padding:4px;
  font-size:13px;
  color:#151713;
  text-decoration:none;
  line-height:2em;
  white-space: nowrap;
  }

.prd-table tbody td.cell-4 a:link, .prd-table tbody td.cell-4 a:active, .prd-table tbody td.cell-4 a:hover, .prd-table tbody td.cell-4 a:focus, .prd-table tbody td.cell-4 a:active {
  text-decoration:none;
  color:#151713;
  }
  
.back-to-top-link {
  text-align:right;
  }
  
.back-to-top-link a:link, .back-to-top-link a:hover, .back-to-top-link a:active, .back-to-top-link a:focus, .back-to-top-link a:visited{
  font-size:13px;
  color:#151713;
  text-decoration:none;
  font-weight:bold;
  }
  
/* Recipes ----------------------------------------------------- */

.rec-list-top {
  height:294px;
  text-align:center;
  background-color:#E4EDAC;
  }
  
.rec-list-top h1{ 
  font-size:3.7em;
  margin:0 10% 20px 10%;
  padding:58px 0 15px 0;
  border-bottom:2px solid #662E8E;
  }
  
.rec-list-top p{ 
  font-size:1.3em;
  padding:0 19%;
  }
  
.rec-filter-bar {
  min-height:50px;
  background-color:#F1F6D9;
  margin:7px 0 25px 0;
  padding:12px 20px 0 10px;
  text-align:left;
  }
  
.rec-filter-bar h2{ 
  font-size:22px;
  margin:0;
  float:left;
  }  

.rec-list-items {
  width:82%;
  margin:0 auto;
  margin-bottom:16px;
  }
  
.rec-list-items .col-sm-4{
  padding-left:8px;
  padding-right:8px;
  }

.rec-list-img {
  position:relative;
  }
  
.rec-list-label {
  position:absolute;  
  top:77.5%;
  width:94.68%;
  height:65px;
  background-color:#868685;
  xmargin-top:-65px;
  z-index:10;
  opacity:0.8;
  color:#FFF;
  font-size:1em;
  line-height:16px;
  font-weight:bold;
  padding:15px 15px 15px 15px;
  }
  
.rec-list-label a:link, .rec-list-label a:hover, .rec-list-label a:active, .rec-list-label a:focus, .rec-list-label a:visited {
  color:#FFF;
  text-decoration:none;
  }
  
/* recipe item page ------------------------ */

.rec-title-bar {
  min-height:47px;
  background-color:#F1F6D9;
  margin:7px 0 0 0;
  padding:0 20px 0 0;
  text-align:left;
  }
  
.rec-title-bar h1{ 
  font-size:22px;
  margin: 12px 0 10px 0;
  }  
  
.rec-portion-size {
  padding-left:25px;
  padding-bottom:20PX;
  }
  
.rec-img {
  padding-left:25px;
  }
  
.rec-directions h2, .rec-ingredient-table h2{
  font-family:Arial, Helvetica, sans-serif;
  font-size:17px;
  color:#00853E;  
  }
  
.rec-directions li {
  font-weight:bold;
  margin-left:1em;
  padding-right:30px;
  }
 
.rec-directions li span { 
  font-weight:normal;
  } 
  
.rec-ingredient-table {
  width:94.5%;
  margin:10px 0 10px 10px;
  }

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #F1F6D9;
}
  
/* .table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: #F1F6D9;
  } */
  
.table > thead > tr > th {
  border-bottom: none;
  padding:4px 8px;
  }
  
.table > thead > tr.rec-thead-row > th{
  border-top: none;
  }
  
.rec-td-right-line {
  border-right:1px solid #938A8B;
  }
  
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 4px 8px;
    border-top: none;
    border-bottom: 1px solid #938A8B;
}

.table > thead > tr.no-line > th{border-bottom:none;}

.rec-nutrients {
  width:100%;
  margin-left:10px;
  margin-top: 30px;
  border:none;
  border-left:1px solid #42AD4D;
  border-right:1px solid #42AD4D;
  }
  
.rec-nutrients thead tr td { 
  background-color:#42AD4D;
  border:1px solid #42AD4D;
  color:#FFF;
  font-weight:bold;
  }
  
.rec-nutrients tbody tr td { 
  border:none;
  border-bottom:1px solid #42AD4D;
  }
  
.rec-nutrients tbody tr td.rec-nutrients-rline { 
  border-right:1px solid #42AD4D;
  }
  
.rec-nutrients tbody tr td.cell-1 { width:20%;}
.rec-nutrients tbody tr td.cell-2 { width:13%;}
.rec-nutrients tbody tr td.cell-3 { width:20%;}
.rec-nutrients tbody tr td.cell-4 { width:13%;}
.rec-nutrients tbody tr td.cell-5 { width:20%;}
.rec-nutrients tbody tr td.cell-6 { width:14%;}
  
.rec-serv-info {
  font-weight:bold;
  padding-left:25px;
  padding-right:50px;
  }
  
.rec-footnote {
  padding-top:20px;
  padding-left:25px;
  padding-bottom:40px;
  font-size:12px;
  }
  
/* merchandise & rewards -------------------------------------- */

.merch-order-total {
  background-color:transparent;
  border:none;
  width:80px;
  }

.mer-list-top {
  height:294px;
  text-align:center;
  background-color:#51B948;
  margin-bottom:40px;
  }
  
.mer-list-top h1{ 
  font-size:3.7em;
  margin:0 10% 20px 10%;
  padding:58px 0 15px 0;
  border-bottom:2px solid #FFF;
  color:#FFF;
  }
  
.mer-list-top p{ 
  font-size:1.3em;
  padding:0 19%;
  color:#FFF;
  }
  
.mer-hdr {text-align:left;}

.mer-h2 {font-size:25px;}

.mer-items > tbody > tr > td{
  border:none;
  text-align:center;
  font-weight:bold;
  color:#787878;
  line-height:1.2em;
  }
  
.mer-items > tbody > tr > td span {
  font-size:13px;
  }
  
.mer-divider {
  height:4px;
  background-color:#F1F6D9;
  margin:20px 0 30px 0 ;
  }
  
.mer-rewards {
  margin:0;
  text-align:left;
} 

/* order merchandise */

h2.mer-hdr {
  background-color:#F1F6D9;
  padding:10px 80px;
  margin:20px 0;
  }

.mer-order-table h2{
  font-family:Arial, Helvetica, sans-serif;
  font-size:17px;
  color:#00853E;  
  }

.mer-order-table td.cell-1 {
  padding-top:7px;
  width:11%;
  }
  
.mer-order-table td.cell-2 {
  padding-top:7px;
  width:58%;
  }
  
.mer-order-table td.cell-3 {
  width:14%;
  text-align: center;
  }
  
/*   .mer-order-table td.cell-3 input[type="text"] {
    width:95%;
    }  */
  
.mer-order-table td.cell-4 {
  padding-top:7px;
  width:17%;
  }
  
.btn-submit {
  width:164px;
  height:47px;
  background:url(../img/btn-submit.png) no-repeat;
  border:none;
  }
  


/* Broker Locator ------------------------- */

.loc-divider {
  height:4px;
  background-color:#F1F6D9;
  margin:20px 0 5px 0 ;
  }

.loc-list-top {
  min-height:294px;
  text-align:center;
  background-color:#51B948;
  margin-bottom:40px;
  }
  
.loc-list-top h1{ 
  font-size:3.7em;
  margin:0 10% 20px 10%;
  padding:58px 0 15px 0;
  border-bottom:2px solid #FFF;
  color:#FFF;
  }
  
.loc-list-top p{ 
  font-size:1.3em;
  padding:0 19%;
  color:#FFF;
  }

.loc-form-hdr {
  font-size:20px;
  padding-left:.5%;
  padding-right:0;
  text-align:center;
  line-height:115%;
  }

.loc-zipform {
  color:#FFF;
  text-align:left;
  } 

.zipcode-input {
  width:40%;
  height:47px;
  border:none;
  margin-right:12px;
  color:#474848;
  padding-left:10px;
  margin-top:0;
  }
  
.zipcode-button {
  width:81px;
  height:47px;
  background:url(../img/btn_go.png) no-repeat;
  border:none;
  margin-top:0;
  }
  
.loc-J-O-info {
  padding:0 0 40px 0;
  text-align:left;
  }
  
  
.loc-J-O-info2 {
  padding-top:15px;
  }
  
.loc-search-results {
  color:#FFF;
  font-size:20px;
  padding-top:15px;
  }
  
.loc-broker {
  padding:0;
  text-align:left;
  }

.loc-logo {
  width:auto;
  min-height:70px;
  margin-top:20px;
  text-align:left;
  }
  
.loc-broker-info {
  padding-top:40px;
  font-size:15px;
  }

.loc-broker-info strong{ 
  font-size:16px;
  }
  
.loc-profile {padding:0 0 20px 0;} 
  
/* -------------------------------------------------------------- */
}
/* end Full (tablets, 768px and up) -------------------- */


/* Footer */
#footer {
	padding:10px;
	margin:7px 0 15px 0;
	background-color:#E5EBE6; 
	text-align:center;
	font-family:'Museo W01_100';
  font-size:15px;
  color:#474848;
	}
  
#footer a:link, #footer a:hover, #footer a:active, #footer a:focus, #footer a:visited {
  color:#474848;
  text-decoration:none;
  } 
  
#footer2 {
  text-align:center;
  font-size:12px;
  line-height:150%;
  margin-bottom:20px;
  }



@media only screen and (min-width:992px){


.menu-full {
  font-size:20px;
  }



}