@charset 'UTF-8';


/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}
/*@Font-Face Stack*/
@font-face {
    font-family: 'texgyre';
    src: url('webfonts/texgyre-regular/texgyreadventor-regular-webfont.eot');
    src: url('webfonts/texgyre-regular/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/texgyre-regular/texgyreadventor-regular-webfont.woff') format('woff'),
         url('webfonts/texgyre-regular/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('webfonts/texgyre-regular/texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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



/*TOP-LEVEL styles to manage look of global elements - p, headings, etc -  and major blocks, like html, body, and wrappers */

/*Temporary new site pop-up syles*/
div#popup-wrapper {
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;

  }

  div#popup {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #646464;
    border-radius: 10px;
    font-family: 'texgyre';
    height: 280px;
    left: 25%;
    margin: 0 auto;
    padding: 1%;
    position: absolute;
    top: 25%;
    width: 48%;
    z-index: 10;
  }

  div#popup a {
  	text-decoration: underline;
  	color: #333333;
  	font-size: 1em;
  }

  div#popup h1 {
    color: #646464;
    font-size: 1.3em;
    font-weight: normal;
    text-align: center;
    clear: both;
  }

  div#popup p {
    font-size: 0.9em;
    line-height: 1.3em;
    margin: 0.4em 0;
    text-align: center;
}

  div#popup img {
    display: block;
    margin: 0 auto;
  }

  div#popup p.popup-close {
    color: #646464;
    cursor: pointer;
    display: inline-block;
    float: right;
    padding-right: 5px;
  }

  /*END temporary new pop-up styles */

html {
	font-size: 20px;
	width: 100%;

}

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background: #acd27f url(/images/newSite/Category-Background.jpg) no-repeat top center;
}

body.home {
	background: #cccccc;
}

#outerWrapper {
	max-width: 960px;
	margin: 0 auto;
}

#content {
	padding: 4%;
	padding-right: 0;
	display: block;
	background: #fff;
}

a img {
	border: none;
}

a {
	color: #646464;
	text-decoration: underline;
}

.arrow-right {
	float: right;
}

.arrow-left {
	float: left;
}

.arrow-right, .arrow-left {
	margin-top: 25%;
}

/*HEADER ELEMENTS _________________________________________________*/

header.headerTop {
	position: relative;
}

header .headerBG {
	background: rgba(255,255,255,.8);
	padding-bottom: .5em;
}

.headerBG > span#whats-new {
	display: block;
	float: right;
	padding: 0 .8em 0 0;
	font-weight: normal;
	clear: right;
}

span#whats-new > iframe.whats-new-hover {
	display: none;
	opacity: 0;
}

span#whats-new:hover > iframe.whats-new-hover {
	display: block;
	position: absolute;
	z-index: 10;
	width: 960px;
	left: 0;
	border: none;
	height: 500px;
	padding-top: 45px;
	opacity: 1;
	-webkit-transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;
}

span#whats-new > a.whatsNew {
	color: #EB7212;
	text-decoration: none;
	font-size: .75em;

}

span#whats-new > a.whatsNew .big {
	font-size: 1.5em;
	color: #EB7212;
}

header.headerTop #headerLogo  {
	margin-top: 1.5em;
	margin-left: 1.5em;
}

ul.headerLinks {
	float: right;
}

.headerLinks li {
	font-size: .75em;
	float: left;
	color: #333;
	padding: .5em .8em;
	margin-top: .75em;
	border-right: 1px #333 dotted;
}

.headerLinks li:last-child {
	border-right: none;
	position: relative;
	top: -.5em;
}

.headerLinks a {
	color: #333;
	display: block;
	text-decoration: none;
}

.headerLinks li:hover {
	text-decoration: underline;
}

.headerLinks li:hover:last-child, .headerLinks li:hover:first-child {
	text-decoration: none;
}

.headerLinks li a {
	float: right;
}
.headerLinks li:hover {
	text-decoration: none;
}
.headerLinks li a:first-child {
	float: left;
}

a.cart {
	background: url(/images/newSite/orange_cart.png) no-repeat;
	padding: .65em 0 0 2.2em;
}

header .smalltext {
	font-size: 1em;
}

/*styles the google custom search elements*/
.gsc-control-cse {
    background: none !important;
    border: none !important;
}

.cse .gsc-control-cse, .gsc-control-cse {
    float: right !important;
    padding: 0.5em 1em 0 !important;
    width: 33% !important;
    background-color: none !important;
    border-color: none !important;
}

input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
    background-color: #eb7212 !important;
}

.gsc-completion-title {
    color: #646464 !important;
    font-size: 0.8em;
}

.gsc-completion-snippet {
    font-size: 0.8em;
}


/*end HEADER ELEMENTS _________________________________________________________*/
/*NAVIGATION STYLES ___________________________________________________________*/

#headNavigation .mobile-menu {
		display: none;
		color: white;
		padding-left: 1em;
	}

nav#headNavigation {
	width: 100%;
	background: #aaaaaa; /* Old browsers */
	background: -moz-linear-gradient(top,  #aaaaaa 0%, #999999 48%, #333333 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaaaaa), color-stop(48%,#999999), color-stop(100%,#333333)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #aaaaaa 0%,#999999 48%,#333333 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #aaaaaa 0%,#999999 48%,#333333 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #aaaaaa 0%,#999999 48%,#333333 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #aaaaaa 0%,#999999 48%,#333333 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

nav#headNavigation ul.mainDrop {
	position: absolute;
	left: -9000em;
	padding: 1em 0; <!-- -->
	text-align: left;
	background: #ffffff;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	border: 1px solid #999999;
	border-top: none;
	-moz-box-shadow: 3px 3px 3px #999999;
	-webkit-box-shadow: 3px 3px 3px #999999;
	box-shadow: 3px 3px 3px #999999;
	z-index: 10;
	opacity: .25;
	text-align: left;
}

nav#headNavigation > ul > li {
	display: inline-block;
	font-size: .69em;
	padding: 0 5px 0 5px;
	border-right: 1px solid #999999;
}

nav#headNavigation > ul > li > a {
	color: #fff;
	text-decoration: none;
	display: block;
	width: 100%;
	line-height: 2.5em;
}

a.noLink {
	cursor: default;
}

nav#headNavigation > ul > li:last-child {
	border-right: none;
}

/*TOP-MENU HOVER STYLES*/

nav#headNavigation > ul > li:hover ul.mainDrop {
	left: auto;
	opacity: 1;
	-webkit-transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;
}

ul.mainDrop > div {
	border-right: 1px solid #999999;
	float: left;
	position: relative;
	display: block;
	width: 15.5em;
	height: auto;
}

ul.mainDrop > div:last-child {
	border: none;
}

ul.mainDrop > div.submenuDropWrapperHerbs {
	height: 30em;
}

ul.mainDrop > .submenuDropWrapperSkin {
	height: 19em
}

ul.mainDrop > .submenuDropWrapperSavory {
	height: 10em;
	width: 11.7em;
}

ul.mainDrop li {
	font-size: 1em;
	padding-left: .8em;
	padding-right: .5em;
}

ul.mainDrop li a, ul.mainDrop li.menuTitle {
	color: #666666;
	text-decoration: none;
	display: block;
	padding: .4em 0 .4em 1.5em;
}

ul.mainDrop li a:hover {
	color: #ffffff;
	background: #999999;
}

ul.mainDrop li.menuTitle a:hover {
	color: #666666;
	background: none;
}

ul.mainDrop > div > ul > li.menuTitle > a, ul.mainDrop > div > ul > li.menuTitle {
	font-weight: bold;
	padding-left: 0;
}

ul.mainDrop > div > ul > li.menuTitle {
	padding-top: 0;
	padding-left: .5em;
}

#crumbs {
	width: 100%;
	background: #fff;
	font-size: .6em; 
	color: #646464;
	padding: .5em;
}

/*end NAVIGATION STYLES ______________________________________________________________*/
/* FOOTER STYELS _____________________________________________________________________*/
footer {
	padding: .5em 0 1em 0;
	border-radius: 0 0 0 0;
	width: 100%;
	background: #aaaaaa; /* Old browsers */
	background: -moz-linear-gradient(top,  #aaaaaa 0%, #999999 48%, #333333 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaaaaa), color-stop(48%,#999999), color-stop(100%,#333333)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #aaaaaa 0%,#999999 48%,#333333 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #aaaaaa 0%,#999999 48%,#333333 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #aaaaaa 0%,#999999 48%,#333333 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #aaaaaa 0%,#999999 48%,#333333 100%); /* W3C */
	filter: progid:DXImageT
}

footer a {
	text-decoration: none;
	font-size: .6em;
	color: #fff;
}

footer a:hover {
	text-decoration: underline;
}

nav#footerNavigation {
	max-width: 960px;
	margin: 0 auto;
}

nav#footerNavigation ul {
	float: left;
	width: 25%;
	text-align: center;
}

nav#footerNavigation ul#community {
	text-align: left;
}

.footerPhone {
	display: inline;
}	

#community h6 {
	padding-left: 2.3em;
}
#community #footerBlog, #community #footerFacebook, #community #footerTwitter,  #community #footerInstagram, #community #footerPinterest {
	line-height: 1.7em;
	padding-left: 1.7em;
	background-repeat: no-repeat;
	background-position: left 5px
}

#community #footerBlog {
	background-image: url(/images/newSite/blog_icon.png);
}

#community #footerFacebook {
	background-image: url(/images/newSite/facebook-icon.png);
	line-height: 1.9em;
}

#community #footerTwitter {
	background-image: url(/images/newSite/twitter-icon.png);
	line-height: 1.9em;
}

#community #footerInstagram {
	background-image: url(/images/newSite/instagram-icon.png);
	line-height: 1.9em;
}

#community #footerPinterest {
	background-image: url(/images/newSite/pinterest-icon.png);
	line-height: 1.9em;
}
#footerNavigation h6 {
	margin: .5em 0;
	font-size: .7em;
	color: #fff;
}

img#footer-logo {
	width: 125px;
	padding-top: 10px;
	display: block;
	margin: 20px 0 0 4%;
}

footer p.copyright-notice {
	clear: left;
	display: block;
	color: #aaa;
	font-size: 0.55em;
	max-width: 960px;
	margin: 0 auto;
	text-align: center;
	padding-top: 1em;
}

/*end FOOTER STYLES _______________________________________________________________*/
/*ITEM DETAIL STYLES ______________________________________________________________*/

section.selectedProduct {
	width: 78%;
	float: left;
	display: block;
	margin-bottom: 1em;
	color: rgb(100, 100, 100);
}

#productImageAttributes {
	float: left;
	padding-top: 2.5em;
	display: block;
	width: 8.4%;
}

#productImageAttributes p {
	margin: 1em 0;
	line-height: 1.2em;
}

#productImageAttributes img {
	float: left;
	clear: left;
	margin: .25em 0;
	display: block;
	width: 100%;
}

#productImageAttributes li#VPK img {
	width: 70%;
	padding: 0;
	margin: 0;
	margin-left: .5em;
}

#productImageAttributes ul > li {
	position: relative;
}

#productImageAttributes ul > li > aside {
	position: absolute;
	left: -9000em;
	font-size: .6em;
	width: 25em;
	padding: 1em;
	background: #eeeeee;
	text-align: justify;
	opacity: 0;
}

#productImageAttributes h3 {
	text-align: center;
}

#productImageAttributes ul > li:hover > aside {
	left: -28em;
	opacity: 1;
	-webkit-transition: opacity .25s ease-in;
	-moz-transition: opacity .25s ease-in;
	transition: opacity .25s ease-in;
}

#productImageAttributes ul > li:last-child:hover > aside {
	top: 1em;
}

.productImageAttributes {
	float: left;
	padding-top: 2%;
	display: block;
	width: 37%;
}

.productImageAttributes p {
	margin: 1em 0;
	line-height: 1.2em;
}

.productImageAttributes img {
	float: left;
	clear: left;
	margin: .25em 0;
	display: block;
	width: 100%;
}

.productImageAttributes li.VPK img {
	width: 100%;
	padding: 0;
	margin: 0;
	margin-left: 85%;
}

.productImageAttributes ul > li {
	position: relative;
}

.productImageAttributes ul > li > aside {
	position: absolute;
	left: -9000em;
	font-size: .6em;
	width: 25em;
	padding: 1em;
	background: #eeeeee;
	text-align: justify;
	opacity: 0;
}

.productImageAttributes h3 {
	text-align: center;
}

.productImageAttributes ul > li:hover > aside {
	left: -28em;
	opacity: 1;
	-webkit-transition: opacity .25s ease-in;
	-moz-transition: opacity .25s ease-in;
	transition: opacity .25s ease-in;
}

.productImageAttributes ul > li:last-child:hover > aside {
	top: 1em;
}

.selectedProduct img#mainImage {
	width: 20%;
	float: left;
	margin: 0 1em;
	display: block;
}

.productHeading {
	font-size: 1.1em;
	margin-bottom: 0 0 1em 0;
	font-family: Tahoma;
	font-weight: normal;
	color: rgb(100,100,100);
}

.productPurchase {
	float: left;
	width: 55%;
}

.productPurchase .featuredDescription {
	font-size: .65em;
	margin: 1.2em 0;
	padding-left: 1em
	display: block;
	font-family: tahoma;
	color: rgb(100,100,100);
	line-height: 1.33em;
}

.purchaseForm h2.purchaseHeading {
	font-weight: normal;
	display: inline-block;
	font-size: .8em;
	margin: 0;
	padding: 0;
}

.purchaseForm p.purchasePrice {
	font-weight: normal;
	display: inline-block;
	font-size: .7em;
	font-family: tahoma;
	color: rgb(100,100,100);
	margin: 0;
	padding: 0;
}

.purchaseForm .qty {
	font-size: .6em;
	width: 1.5em;
	display: inline-block;
	font-family: tahoma;
	color: rgb(100,100,100);
}

.purchaseForm input.submit {
	display: inline-block;
	background: #74A758;
	border: solid 1px #646464;
	font-size: .55em;
	color: #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}

.purchaseForm input.submit:hover {
	background: #888888;
}

.socialElements {
	clear: left;
	margin-bottom: 1em;
}

.socialElements div {
	float: left;
	font-size: .8em;
}

.socialElements h3 {
	display: block;
	float:left;
	padding-top: .5em;
	font-size: .9em;
	font-weight: normal;
}


 #reviews {
	z-index: 1;
}

 #reviews h3, .pr_snippet_category h3 {
	font-family: arial;
	font-size: .7em;
	color: rgb(100,100,100);
	font-weight: normal;
	display: block;
	float: none;

}

.socialElements div.socialButtons {
	float: right;
}


/*Controls the PRODUCT INFORMATION boxes____________________________________________________*/

.selectedProduct article {
	clear: both;
	display: block;
}

.selectedProduct a {
	text-decoration: none;
	color: #999999;
}

.selectedProduct a:hover {
	color: #999999;
	text-decoration: underline;
}
.selectedProduct article h5, .selectedProduct article h4, .selectedProduct article h3, .selectedProduct article h2 {
	font-size: 1.2em;
	margin-bottom: .5em;
}

.selectedProduct article h6 {
	font-size: 1em;
	margin-bottom: .5em;
}

.selectedProduct #ingredientPic {
	margin-bottom: 1em;
	margin-right: 1em;
	float: left;
	width: 33%;
}

img#ingredientPic.singleIngr {
	width: auto;
}

img#ingredientPic.doublePic {
	width: 45%;
}

.selectedProduct #suppLabel {
	float: left;
	margin-right: 3em;
}

.selectedProduct p.label-clear-lf {
	clear: left;
}

.selectedProduct .infoKeyword {
	font-weight: bold;
	color: #993300;
}

.selectedProduct section.productDetails {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 2px solid #74a758;
	padding: 1em;
	position: relative;
	font-size: .7em;
}

section.productDetails p {
	line-height: 1.2em;
	margin-bottom: 1em;
}
section.productDetails li {
	list-style: disc inside;
	margin-bottom: 1em;
}

.tabs > ul > li  {
	display: inline-block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #cccccc;
	color: #fff;
	font-weight: normal;
	padding: .5em .5em;
	cursor: pointer;
	margin-bottom: 1em;
	letter-spacing: .1em;
	text-decoration: none;
	list-style-type: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;	
}


.tabs > ul > li:hover {
	background: #74a758;
}


.tabs > ul > li.tabActiveHeader {
	background: #74a758;
}

p.review-disclaimer {
	font-size: 0.8em;
}

/*Controls styles for the RELATED ITEMS component of product details pages____________________*/

aside.relatedProducts {
	width: 20%;
	float: left;
	display: block;
	color: #646464;
}

aside.relatedProducts > div > div {
	margin: 1em 0;
}

.relatedProducts div.relatedWrapper {
	border-left: 1px solid #666666;
	padding-left: .75em;
	padding-top: 1em;
	padding-bottom: 5%;
	width: 100%;
}

aside.relatedProducts img {
	width: 40%;
	display: block;
	float: left;
	margin-right: 2.5%;
}

.relatedProducts .relatedHeader {
	font-size: .75em;
	text-align: center;
	border-top: 1px solid #333333;
	padding-top: .5em;
	margin-left: .75em;
	width: 100%;
}

.relatedProducts .purchaseForm {
	display: inline-block;
	float: left;
	font-size: .75em;
	padding-top: 1em;
	max-width: 50%;
}

.purchaseForm input.qty {
	display: none;
}

.relatedProducts .purchaseForm .submit {
	font-size: .7em;
}

aside.relatedProducts p.purchasePrice {
	display: block;
}

/* CATEGORY PAGE STYLES _________________________________________________*/

.categoryBanner {
	position: relative;
	width: 100%;
	display: block;
	z-index: -1;
}

#categoryBanner {
	position: relative;
	width: 100%;
	display: block;
	z-index: -1;
}

div.leftCol {
	float: left;
	width: 45.5%;
	border-right: 1px solid #646464;
	color: #646464;
	padding: 0 2% 0 0;
	position: relative;
}

div.rightCol {
	float: left;
	width: 45.5%;
	color:#646464;
	padding: 0 4% 0 2%;
}

div.rightCol .purchaseForm, div.leftCol .purchaseForm {
	clear: none;
}

div.rightCol p.featuredDescription, div.leftCol p.featuredDescription {
	font-size: .65em;
	margin-top: .5em;
	margin-bottom: .5em;
	font-family: tahoma;
	color: rgb(100,100,100);
	line-height: 1.33em;
}

div.imageContainer {
	width: 30%;
	margin-right: 3%;
	float:left;
<!--	margin-bottom: 5%; -->
}

div.imageContainerH {
	width: 75%;
	margin-right: 3%;
	float:left;
	margin-bottom: 8%;
}
div.categoryItem {
	height: 16.6em;
	border-bottom: 1px solid #646464;
	padding-top: 1em;
}

div.categoryItem .productHeading {
	margin: 0;
}

div.categoryItem p {
margin-top: 0;
}

div.categoryItem > a, div.categoryItem > p > a  {
	text-decoration: none;
}

div.categoryItem > p.featuredDescription > a {
	text-decoration: underline;
}

div.categoryItem:first-child {
	padding-top: none;
}

div.categoryItem:last-child {
	border-bottom: none;	
}

img.productCategoryImage {
	display: block;
	width: 100%;
}

.topSeller {
	color: rgb(249,0,0);
	margin-bottom: 1em;
	font-size: .7em;
	display: block;
	font-family: arial;
}


div.pr_snippet_category h3 {
font-size: .6em;
margin-bottom: 0;
}

div.pr_snippet_category > div {
	height: 18px;
	overflow: hidden;
}
/*CLEARANCE STYLES*/
p.clearance-reason {
	color: #CF1D1D;
	font-size: .75em;
}

span.old-price {
	text-decoration: line-through;
}

span.new-price {
	color: #CF1D1D;
}

/*end CATEGORY PAGE STYLES_____________________________________________*/
/*RESEARCH, RECIPE PAGE STYLES go here ________________________________________*/
nav#contentMenu {
	font-size: .7em;
	position: relative;
	width: 25%;
	padding: 0 0 2em;;
	float: left;
}
nav#contentMenu a {
	text-decoration: none;
}

p.categoryTitle {
	color: #646464;
	border-bottom: 1px dashed #646464;
	padding-bottom: 1em;
	margin-right: 1.5em;
}

ul.contentSubMenu {
	width: auto;
}

ul.contentSubMenu > li {
	position: relative;
}


ul.contentSubMenu > li:hover {
	background: #CCC;
	border-top: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
}

ul.contentSubMenu > li > a {
	line-height: 2em;
}

.contentDropMenu >  li > a {
	line-height: 1.55em;
}

.contentDropMenu {
	width: 250%;
	background: #CCC;
	border-top: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	padding: 3px;
	position: absolute;
	left: -9000em;
	top: -4%;
	opacity: 0;
}

.contentDropMenu > li > a:hover {
	color: #333333;
	text-shadow: 2px 2px 1px #d5d5d3;
	-webkit-transition: text-shadow .1s ease-in-out;
	-o-transition: text-shadow .1s ease-in-out;
	transition: text-shadow .1s ease-in-out;
}

ul.contentSubMenu > li:hover > .contentDropMenu {
	left: 100%;
	-webkit-transition: opacity .25s ease-in;
	-o-transition: opacity .25s ease-in;
	transition: opacity .25s ease-in;
	opacity: 1;
	z-index: 10;
}

.contentDropMenu > li {
	list-style-type: decimal;
	list-style-position: inside;
	color: #646464;
	
}

ul.contentDropMenu > li {
	list-style-type: disc;
}

article.contentArticle {
	color: #646464;
	width: 50%;
	float: left;
	text-align: justify;
}

article.contentArticle div.infoContentWrapper {
	float: left;
}

article.contentArticle h1, article.contentArticle h2, article.contentArticle h3, article.contentArticle h4, article.contentArticle h5, article.contentArticle h6 {
	font-size: .75em;
	font-weight: normal;
	margin-bottom: 1em;
}

article.contentArticle p, article.contentArticle li {
	font-size: .7em;
	line-height: 1.25em;
	margin-bottom: 1em;
}

article.contentArticle li > p {
	font-size: 1em;
}

article.contentArticle li > ul > li {
	font-size: 1em;
}

article.contentArticle ul, article.contentArticle ol {
	margin: 1em 0;
	
}

article.contentArticle li {
	list-style-type: disc;
	margin-bottom: 0;
	list-style-position: inside;
}

article.contentArticle > ol > li {
	list-style-type: decimal;
}

article.contentArticle table {
	font-size: .6em;
}
article h1.contentHeading {
	margin-left: 20%;
}

article.contentArticle td {
	width: 25%;
	height: 100%;
	position: relative;
}

article.contentArticle {
	text-align: left;
}

article.contentArticle table li {
	font-size: 1em;
	list-style-type: none;
}

article.research-recipes {
	float: right;
	width: 72%;
	padding-right: 3%;
}

article.article-content ol > li {
	list-style-type: decimal;
}

.podcastBox {
	float: right;
	width: 120px;
	padding: 10px;
	text-align: center;
}

div.article aside.relatedProducts{
	float: right;
	margin-left: 1.5em;
}

div.article .relatedProducts div.relatedWrapper {
	border-left: none;
}

article.article-content {
	float: right;
}

article.no-related {
	width: 72%;
	padding-right: 3%;
}

article.related {
	width: 72%;
	padding-right: 3%;
}

article.related div.infoContentWrapper {
	width: 75%;
}
/*MISCELLANEOUS PAGES___________________________________________________*/

.miscContent {
	color: #646464;
	padding-right: 2em;
}

.miscContent h1, .miscContent h2, .miscContent h3, .miscContent h4 {
	font-size: .75em;
	font-weight: bold;
	margin: .75em 0;
}

.miscContent ol li {
	list-style-type: decimal;
	margin: .5em 0 .5em 2em;
	list-style-position: outside;
}

.miscContent p, .miscContent li{
	font-size: .6em;
	margin-bottom: .5em;
}

aside.miscContent  {
	margin-top: 2em;
}

.miscContent form p {
	margin: .5em 0 0 0;
	float: left;
}

.miscContent table img {
	width: 5%;
	float: left;
}

.miscContent form {
	float: left;
	margin-left: 1em;	
}

.miscContent form .submit {
	float: left;
	clear: left;
	margin-top: 1em;
}

.miscContent .heading {
	font-size: 1em;
	margin-top: 1em;
}

.top {
	position: fixed;
	bottom: 0px;
	right: 33%;
	padding: 0 1em;
	display: block;
	line-height: 1.5em;
	background: #dddddd;
}

.longevity {
	background: url(/images/newSite/Longevity_Promo_01.jpg) no-repeat center 0;
	padding-top: 20em;
}

.longevity p, .longevity li, .longevityProducts li {
	font-size: .8em;
	line-height: 1.2em;
}

.longevity h1 {
	text-align: center;
	margin-bottom: 1em;
}

.longevity li, .longevityProducts li {
	list-style-type: disc;
	list-style-position: inside;
}

.longevity table {
	font-size: .8em;
	text-align: center;
	margin-bottom: 2em;
	width: 100%;
}

.longevity .savings {
	color: red;
}

.longevity table td {
	padding: .5em 1em;
}

.longevity thead {
	font-weight: bold;
}

.longevity .signup {
	text-align: center;
	margin-bottom: 2em;
	margin-top: 2em;
}

.longevityProducts {
	background: url(/images/newSite/longevity-products-bg.jpg) no-repeat;
}

.longevityProducts div {
	float: right;
	width: 45%;
}

.longevityProducts h2, .longevityProducts h3, .longevityProducts h4 {
	font-size: .8em;
	margin-bottom: .33em;
}

.longevityProducts p {
	font-size: .8em;
}

.longevityProducts h3, .longevityProducts h4 {
	margin-top: 10em;
}

.longevityProducts ul {
	display: block;
	margin-bottom: 3em;
}

/*Blog-Specific Styles*/
nav#blogMenu {
	float: right;
    height: 20px;
    margin: 45px 0% 45px 0;
}

nav#blogMenu li a {
	color: white;
	text-decoration: none;
	font-family: 'texgyre';
}

nav#blogMenu li {
	color: white; <!-- Andy -->
	font-size: 0.9em !important;
	padding: 0 14px !important;
	letter-spacing: 4px;
}

.blogArticle {

}

.blogArticle p {

}

.blogArticle div.item img {
	float: left;
	margin:0 2em 2em 0;
	width: 75px;
}

.blogArticle div#latest-blog-posts h3 {
	font-family: 'texgyre';
}

.blogArticle div#latest-blog-posts .item {
	padding-top: 1em;
	border-top: 1px solid #ccc;
}

.blogArticle div#latest-blog-posts .item h4 {
	margin: 0;
	font-size: 1em;
}

.blogArticle div#latest-blog-posts .item h4 > a {
	text-decoration: none;
        font-weight: bold;
}

.blogArticle div#latest-blog-posts .item .post-meta {
	font-family: 'texgyre';
	font-size: 0.65em;
	margin-top: 8px;
}

article.blogArticle h1 {
        font-weight: bold;  
	font-size: 1.2em;
}

article.blogArticle > p:first-child {
	font-family: 'texgyre';
}

article.blogArticle li {
	list-style-position: outside;
	margin-left: 2em;
	line-height: 1.5em;
}

article.blogArticle img {
	float: left;
	margin: 0 1em 0 0;
}

/*MOBILE MEDIA QUERIES FOR PHONE DISPLAYS_______________________________________*/
@media screen and (max-width: 720px) {

/*MOBILE BODY ELEMENTS___________________________________________________________*/

	body {
		background-image: none;
	}

	body.home {
		background:none;
	}

	#empty {
		display: none;
	}

	#content {
		padding: 4%;
	}

	/*Mobile header restyling */

	header .headerBG {
	  background-color: rgb(170, 100, 49);
	  padding-bottom: 0.5em;
	}

	header.headerTop #headerLogo {
		width: 150%;
		display: inline-block;
	}

	.cse .gsc-control-cse, .gsc-control-cse {
    	float: right !important;
    	padding: 0.5em 1em 0 !important;
   	 	width: 50% !important;
	}

	ul.headerLinks {
		float: none;
		clear: left;
	}

	.headerLinks li {
		border-right: 1px #000 dotted;
		color: #000;
	}


	ul.headerLinks > li a {
		color: #000;
	}

	ul.headerLinks > li.livePerson {
		display: none;
	}

	a.cart {
		background: url(/images/newSite/cart.png) no-repeat;
	}

	header .smalltext {
		font-size: 1em;
	}

	span#whats-new > a.whatsNew {
			display: none;
	}

	span#whats-new > a.whatsNew .big {
			font-size: 1.5em;
	}

	/*end MOBILE HEADER ELEMENTS _________________________________________________________*/
	/*MOBILE NAVIGATION STYLES ___________________________________________________________*/

	nav#headNavigation {
		border-top: 1px solid #666666;
		border-right: none;
		width: 100%;
		background: #999999;
	}
	
	nav#headNavigation ul.mainDrop {
		position: relative;
		padding: 1em 0;
		text-align: left;
		background: #ffffff;
		-webkit-border-radius: 0 0 0 0;
		border-radius: 0 0 0 0;
		border: none;
		border-top: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		z-index: 0;
		opacity: 1;
		display: none;
	}

	nav#headNavigation > ul > li {
		border-top: 1px solid #666666;
		border-right: none;
		width: 100%;
		background: #999999;
		padding: .5em 0 0 0;
	}

	a.noLink {
		cursor: default;
	}

	nav#headNavigation > ul > li:last-child {
		border-right: none;
	}

	/*TOP-MENU HOVER STYLES*/

	nav#headNavigation > ul > li:hover ul.mainDrop {
		display: block;
		left: auto;
		opacity: 1;
		-webkit-transition: none;
		-moz-transition: none;
		transition: none;
	}

	ul.mainDrop > div {
		float: none;
		position: relative;
		display: block;
		width: 100%;
	}

	ul.mainDrop > div:last-child {
		border: none;
	}

	ul.mainDrop > div.submenuDropWrapperHerbs {
		height: auto;
	}

	ul.mainDrop > .submenuDropWrapperSkin {
		height: auto;
	}

	ul.mainDrop > .submenuDropWrapperSavory {
		height: auto;
		width: auto;
	}

	ul.mainDrop li {
		font-size: .9em;
		padding: 0;
		width: 100%;
	}


	nav#headNavigation > ul > li > a {
		width: auto;
	}

	ul.mainDrop li a, ul.mainDrop li.menuTitle {
		color: #666666;
		text-decoration: none;
		display: block;
		padding: 1.2em 0 1.2em 1.75em;
	}

	ul.mainDrop li a:hover {
		color: #ffffff;
		background: #888888;
	}

	ul.mainDrop li.menuTitle a:hover {
		color: #666666;
		background: none;
	}

	ul.mainDrop > div > ul > li.menuTitle > a, ul.mainDrop > div > ul > li.menuTitle {
		font-weight: bold;
		padding-left: 0;
	}

	ul.mainDrop > div > ul > li.menuTitle {
		padding-top: 0;
		padding-left: .5em;
	}

	#crumbs {
		width: 100%;
		background: #fff;
		font-size: .6em; 
		color: #646464;
		padding: .5em;
	}

	ul.mainDrop div.herbsTopSellers,ul.mainDrop div.herbsDoshas,ul.mainDrop div.herbsOrganic {
		display: none;
	}

/*end MOBILE NAVIGATION STYLES ______________________________________________________________*/
/* MOBILE FOOTER STYELS _____________________________________________________________________*/
		footer {
		width: 100%;
		background: #646464;
		margin: 0 0;
	}

	footer a {
		text-decoration: none;
		font-size: .6em;
		color: #ffffff;
	}

	footer a:hover {
		text-decoration: underline;
	}

	nav#footerNavigation {
		max-width: 960px;
		margin: 0 auto;
	}

	nav#footerNavigation ul {
		float: none;
		width: 100%;
	}

	nav#footerNavigation ul#community {
		text-align: left;
	}

	#community, #shopping, #signUp, #logo-container {
		display: none;
	}

	#community h6 {
		padding-left: 2.3em;
	}
	#community #footerBlog, #community #footerFacebook, #community #footerTwitter, #community #footerInstagram, #community #footerPinterest {
		line-height: 1.7em;
		padding-left: 1.7em;
		background-repeat: no-repeat;
		background-position: left 5px;
	}

	#community #footerBlog {
		background-image: url(/images/newSite/blog_icon.png);
	}

	#community #footerFacebook {
		background-image: url(/images/newSite/facebook-icon.png);
		line-height: 1.9em;
	}

	#community #footerTwitter {
		background-image: url(/images/newSite/twitter-icon.png);
		line-height: 1.9em;
	}

	#community #footerInstagram {
		background-image: url(/images/newSite/instagram-icon.png);
		line-height: 1.9em;
	}

	#community #footerPinterest {
		background-image: url(/images/newSite/pinterest-icon.png);
		line-height: 1.9em;
	}

	#footerNavigation h6 {
		font-size: .7em;
		color: #ffffff;
	}

/*end MOBILE FOOTER STYLES _______________________________________________________________*/
/* MOBILE ITEM DETAIL STYLES ______________________________________________________________*/

	section.selectedProduct {
		width: 100%;
		float: none;
		display: block;
		margin-bottom: 1em;
		color: rgb(100, 100, 100);
	}

	#productImageAttributes {
		float: left;
		padding-top: 2.5em;
		display: block;
		width: 15%;
	}

	#productImageAttributes p {
		margin: 1em 0;
		line-height: 1.2em;
	}

	#productImageAttributes img {
		float: left;
		clear: left;
		margin: .25em 0;
		display: block;
		width: 100%;
	}

		#productImageAttributes ul > li > aside {
		display: none;
	}

	.selectedProduct img#mainImage {
		width: 25%;
		float: left;
		margin: 0 .5em;
		display: block;
	}

		.productPurchase {
		float: right;
		width: 50%;
	}

	.productPurchase p:first-child {
		margin: 0;
	}

	.selectedProduct p.topSeller, .productHeading {
		margin: 0 0 .3em;
	}

	.productHeading {
		font-size: .9em;
	}

	.productPurchase .featuredDescription {
		margin: .75em 0;
		padding-left: 0;
	}


	.purchaseForm h2.purchaseHeading {
		float: left;
		margin: .5em 0 0 0;
	}

	.purchaseForm p.purchasePrice, .purchaseForm input.submit {
		clear: left;
		float:left;
		margin-right: 1em;
		margin-top: .5em;
	}

	.purchaseForm input.submit {
		clear: none;
		margin-top: .75em;
	}

		.socialElements {
		clear: left;
		margin-bottom: 1em;
	}

	.pr_snippet_category {
		width: 35%;
	}

	.pr_snippet_category > div {
		clear: left;
		width: 50%;
	}

	.socialElements div.socialButtons {
		float: right;
		margin-top: 1em;
		width: 65%;
	}

	/*Controls the PRODUCT INFORMATION boxes____________________________________________________*/

	
	.selectedProduct #ingredientPic, img#ingredientPic.singleIngr, img#ingredientPic.doublePic {
		display: none;
	}

	.selectedProduct #suppLabel {
		float: left;
	}

	.selectedProduct article > img + p {
		clear: left;
		padding-top: 1em;
	}

	section.productDetails article li {
		list-style: disc;
		margin: 0 0 1em 1em;
	}

	.tabs > ul > li  {
		display: block;
		padding: 1em .5em;
		margin-bottom: .2em;
	}


	.tabs > ul > li:hover {
		background: #74a758;
	}


	.tabs > ul > li.tabActiveHeader {
		background: #74a758;
	}

	/*Controls styles for the RELATED ITEMS component of product details pages____________________*/

	aside.relatedProducts {
		width: 100%;
		float: none;
		display: block;
		color: #646464;
	}

	aside.relatedProducts > div > div {
		margin: 1em 0;
	}

	.relatedProducts div.relatedWrapper {
		border-left: none;
		padding: 0;
		width: 100%;
	}

	.relatedProducts .relatedHeader {
		font-size: .75em;
		text-align: center;
		border-top: 1px solid #333333;
		padding-top: .5em 0 0 0;
		margin-left: 0;
	}

	aside.relatedProducts img {
		width: 40%;
		display: block;
		float: left;
		margin-right: 10%;
	}

	.relatedProducts > div > div {
		width: 50%;
		float: left;
		display: table-cell;
		height: 7em;
  }

	.relatedProducts .purchaseForm {
		display: block;
		float: left;
		font-size: .75em;
		padding-top: 1em;
		max-width: 50%;
	}

	.relatedProducts .purchaseForm h2 {
		font-size: .75em;
	}

	/* MOBILE CATEGORY PAGE STYLES _________________________________________________*/
	
	.categoryBanner {
		display: none;
	}

	#categoryBanner {
		display: none;
	}

	div.leftCol, div.rightCol {
		float: none;
		width: 100%;
		border: none;
		padding: 0;

	}

	div.rightCol .purchaseForm, div.leftCol .purchaseForm {
		clear: none;
	}

	div.categoryItem {
		height: auto;
		border-bottom: 1px solid #646464;
		padding: 1em 0;
	}

	div.categoryItem p {
		margin: .5em 0;
	}

	div.categoryItem > a > h2.productHeading {
		font-size: .8em;
	}

	div.categoryItem > p.featuredDescription > a {
		text-decoration: underline;
	}

	div.categoryItem:last-child {
		border-bottom: 1px solid #646464;	
	}

	img.productCategoryImage {
		display: block;
		width: 100%;
	}

	div.categoryItem .purchaseForm {
		width: 50%;
		float: right;
		padding-top: .2em;
	}

	.pr_snippet_category {
		width: 50%;
		float: left;
		clear: left;
	}

	div.pr_snippet_category h3 {
	margin: 0 0 .25em;
	}

	p.clearance-reason:last-child {
		clear: both;
	}
	/*end MOBILE CATEGORY PAGE STYLES_____________________________________________*/
	/*MOBLE STYLES FOR ARTICLES (KNOWELDGE, RECIPES, ETC) ________________________*/
	nav#contentMenu {
		width: 100%;
	}

	nav#contentMenu a {
		text-decoration: none;
	}

	ul.contentSubMenu {
		width: 100%;
	}

	ul.contentSubMenu > li {
		position: relative;
	}


	ul.contentSubMenu > li:hover {
		background: #EDEDED;
		border-top: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc
	}

	ul.contentSubMenu > li > a {
		line-height: 2em;
	}

	.contentDropMenu >  li > a {
		line-height: 1.55em;
	}

	.contentDropMenu {
		width: 95%;
		position: relative;
		display: none;
		border: none;
	}


	ul.contentSubMenu > li:hover > .contentDropMenu {
		left: auto;
		display: block;
	}

	.contentDropMenu > li {
		font-size: .9em;
		list-style-position: outside;
		margin-left: 1em;
		line-height: 2em;
	}

	ul.contentDropMenu > li {
		list-style-type: disc;
	}

	article.contentArticle {
		color: #646464;
		width: 100%;
		float: left;
		text-align: justify;
		padding-right: 3%;
	}

	article.contentArticle div.infoContentWrapper {
		width: 100%;
		float: none;
	}

	article.contentArticle h1, article.contentArticle h2, article.contentArticle h3, article.contentArticle h4, article.contentArticle h5, article.contentArticle h6 {
		font-size: .75em;
		font-weight: normal;
		margin-bottom: 1em;
	}

	article.contentArticle p, article.contentArticle li {
		font-size: .7em;
		line-height: 1.25em;
		margin-bottom: 1em;
	}

	article.contentArticle ul, article.contentArticle ol {
		margin: 1em 0;
		
	}

	article.contentArticle li {
		list-style-type: disc;
		margin-bottom: 0;
		list-style-position: inside;
	}

	article.contentArticle > ol > li {
		list-style-type: decimal;
	}

	article.contentArticle table {
		font-size: .6em;
	}
	article h1.contentHeading {
		display: none;
	}

	article.contentArticle td {
		width: 25%;
		height: 100%;
		position: relative;
	}

	article.contentArticle {
		text-align: left;
	}

	article.contentArticle table li {
		font-size: 1em;
		list-style-type: none;
	}

	.podcastBox {
		float: right;
		width: 120px;
		padding: 10px;
		text-align: center;
	}

}

@media screen and (max-width: 925px) {
	nav#headNavigation > ul > li {
		font-size: .67em;
		padding: 0 .95em;
	}
}

@media screen and (max-width: 800px) {
	nav#headNavigation > ul > li {
		font-size: .7em;
		padding: 0 .35em;
	}
}

@media screen and (max-width: 570px) {
	.cse .gsc-control-cse, .gsc-control-cse {
    	float: none !important;
    	clear: left;
    	padding: 0.5em 1em 0 !important;
   	 	width: 95% !important;
	}
}

/* WHAT'S NEW NAV _____________________________________________*/

	#whats-new-nav {
		float: right;
	}
	#whats-new-nav-wrapper {
	
		margin: 0 auto;
		text-align: right;
	}
	#whats-new-nav ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
		position: relative;
		z-index: 10;
	}
	#whats-new-nav ul li {
		display: inline-block;
		margin-left: 20px;
	}
	#whats-new-nav li:hover {
	} 
	#whats-new-nav ul li a,visited {
		color: #CCC;
		display: inline;
		padding-right: 15px;
		text-decoration: none;
	}
	#whats-new-nav ul li a:hover {
	}
	#whats-new-nav ul li:hover ul {
		display: block;
	}
	#whats-new-nav ul ul {
		display: none;
		position: fixed;
	}


/* End of WHAT'S NEW NAV _____________________________________________*/


.mpi-wrapper {width:96%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.mpi-wrapper:before, .mpi-wrapper:after {clear: both;content: ".";display: block;font-size: 0; height: 0;line-height: 0;visibility: hidden;}
.mpi-wrapper .mpi-set {float:left;width:20%;margin:0;padding:0;}
.mpi-wrapper .mpi-set ul li {margin:0;padding:0;}
.mpi-wrapper .mpi-set ul li a {color: rgb(100, 100, 100);font-size: 0.65em;line-height: 1.33em;text-transform:capitalize;text-decoration:none;}
.mpi-wrapper .mpi-set ul li a:hover {text-decoration:underline;}
.mpi-wrapper .mpi-set h5 {color: rgb(100, 100, 100);font-size: 0.75em;line-height: 1.33em;text-transform:capitalize;font-weight:normal;margin:0 0 5px 0;padding:0;}

	.HLProgram	{ font-size: 1em; color: #FFB90F; text-shadow: 1px 1px #646464;}
	div.categoryItem#HLProgram { height: 18.6em;}

	div#clearance-button	{
		display: inline-block;
		background: red;
		border: solid 1px #646464;
		font-size: .55em;
		color: #fff;
		border-radius: 5px;
		cursor: pointer;
		width: 56px;
		height: 15px;
		padding-left: 9px;
	}
	#clearance		{ text-decoration: none;}
	div #clearance p	{ -webkit-margin-before: 0;}
	p#red-comment{
		-webkit-margin-after: 0;
		font-weight: bold;
		color: red;
		font-size: .7em;
		display: block;
		font-family: arial;
	}