/*
cranberry - #86190f
woody brown - #6c3706
dark brown - #351f16
faded brn - #6f4223
gray - #968472
lt gray - #e8e8cf
lt blue - #b3e6e4
dk blue - #04223f
orange - #e06b12
lt yellow - #fab24a
*/
div.dimmer{visibility:hidden;position:absolute;left:0px;top:0px;font-weight:bold;padding:40px;z-index:10000;background-image:url(https://www.elementbars.com/images/dimmerBG.png);_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale src='https://www.elementbars.com/images/dimmerBG.png')}
div.dimming{font-size:11px;font-style:normal;background-color:#fff;position:absolute;z-index:10000;visibility:hidden;border-style:solid;border-color:#999;border-width:1px}
table.floatingHeader{background-color:#86190f;color:#e8e8cf}
img{position:relative}
sidebarH1{text-align:left; font:20px/20px Georgia,serif; color:#86190f; font-weight:normal; background:#fab24a; margin:0px 0px 0px 0px; padding:0px; padding:6px 6px 4px 10px; clear:left}
.raq {font: 32px/32px Georgia, serif; color: #ccc;position:relative;bottom:17px;}
.tab{padding:3px 15px;}
.search {font-size:14px;color:#6c3706;}
.caption {font-size:12px;height:30px;width:375px;margin-left:auto;margin-right:auto;position:relative;}
#dSubs,#dSaved,#dOrders {border:solid 1px #c8c8b8;padding-top:15px;clear:left;margin-bottom:30px;}
#tabCont {width:800px;margin:10px auto;padding-top: 10px;}
#about p {padding: 5px 25px 5px 50px;font-size:12px}
#about h1 {font-size:20px}
#sidebar h1{text-align:left; font-size:20px; color:#86190f; font-weight:normal; margin:0px; padding:6px 6px 4px 10px; clear:left;}
#sidebar h2{color: #351f16; font-size: 15px; font-weight:normal; margin:0px; padding:0px; margin-top:20px; }
#sidebar p{font-size:11px; line-height:16px; color:#351f16; margin-top:5px}
#sidebar ul{margin:0px; padding:0px; list-style-type:none}
#sidebar ul li{margin-top:8px; margin-bottom:2px}
#sidebar ul li ul{margin-left:10px}
#sidebar ul li ul li{margin-top:2px; margin-bottom:2px}
body{font: 11px Verdana; margin:0px; margin-top:0px; margin-bottom:70px;background:#E8E8CF;color:#351f16;text-align:center;}
a, a:hover, a:visited, a:active{color:#6c3706}
img{border:0}
.headliner {margin-top:20px;background:#fff;}
#element {width:940px;margin:0 auto 35px;text-align:left;}
#nav {margin:0;padding:0;float:left}
#loggedIn {text-align:right;color:#555;padding:4px 0;}
#header {clear:both;padding-top:4px;height:55px;margin-bottom:15px;}
#mainTableBody {background:#fff;clear:left;padding: 10px;}
#content pre {overflow: auto;cursor:pointer;position:relative; /* make IE work correctly */}
#content pre code {display: block;margin:10px;padding:4px;border:1px solid #ddd;background:#f5f5f5;}
#content{margin-left:20px; margin-right:0px}
#content h1{font-size:18px; font-weight:normal; margin:0 0 10px; padding:0px; padding-bottom:4px; border-bottom:1px dotted #e06b12; clear:left}
#content h2{font-size:15px; font-weight:bold; margin:0px; padding:0px 0px 3px; margin-top:20px;}
#content p{font-size:11px; line-height:1.7; color:#444; margin-left:10px; margin-top:10px}
#content table{margin-left:0px; border:0; padding:0; margin-bottom:0px}
#content table thead th{border-bottom:1px dotted #e06b12; font-weight:bold; color:#444; padding:2px}
#barBase table tbody td{vertical-align:middle; padding:2px; color:#444}
#content table tbody td{vertical-align:top; padding:2px; color:#444}
img.products{float:left;margin-right:10px; cursor:move}
div.cart{border:1px solid #ccc; background-color:#f3cda9; padding:8px; width:600px}
span.title{margin:0; padding:0; margin-top:5px; font-size:12px; color:#351f16; font-weight:normal}
div.butters {border:solid 1px #351f16;padding:3px;float:left;}
div#barPowerKey{width:600px; padding:8px; margin-top:8px; color:#ccc; border:1px solid #968472; font-size:11px; text-align:center}
img.cart-items{z-index:1; float:left; width:32px; height:32px; margin-right:10px}
div.cart div{font-size:16px; font-weight:normal; color:#351f16; clear:left}
#items2 p {padding-top:110px;font-size:16px;}
span.handle{background-color:#E8A400; color:white; cursor:move}
div.cart-active{background-color:#fab24a !important;}
DIV.NutritionFacts TABLE{color:Black}
DIV.NutritionFacts{ position:absolute; top:0; width:240px; border:1px solid black; padding:3px}
DIV.NutritionFacts TD.Indent{padding-left:10px}
DIV.NutritionFacts TD{font-family:Arial Black; font-size:8pt}
DIV.NutritionFacts DIV.NutritionHeader{font-family:Franklin Gothic Heavy,Arial Black; font-size:28px; white-space:nowrap}
DIV.NutritionFacts DIV.Serving{font-family:Arial; font-size:8pt; padding-left:1pt}
DIV.NutritionFacts DIV.Label{float:left; font-family:Arial Black}
DIV.NutritionFacts DIV.LabelLight{float:left; font-family:Arial}
DIV.NutritionFacts DIV.Weight{display:inline; font-family:Arial; padding-left:1px}
DIV.NutritionFacts DIV.DV{display:inline; float:right; font-family:Arial Black}
DIV.NutritionFacts DIV.DVLabel{font-family:Arial Black; text-align:right; font-size:7pt}
DIV.NutritionFacts DIV.Line{border-top:1px black solid}
DIV.NutritionFacts DIV.Footnote{font-size:6pt}
DIV.NutritionFacts TABLE.Info TD{font-family:Helvetica,Arial; font-size:6pt}
DIV.NutritionFacts TABLE.Info TD.Indent{padding-left:4pt}
DIV.NutritionFacts DIV.Footnote{font-family:Arial; font-size:6pt; padding-left:1px}
DIV.NutritionFacts TABLE.Vitamins{width:100%; border-collapse:collapse; margin-bottom:3px}
DIV.NutritionFacts TABLE.Vitamins TD{font-family:Arial; white-space:nowrap; width:33%}
#wrap4{position:absolute;top:10px;right:295px;width:130px;height:15px;background:transparent url(https://www.elementbars.com/images/scrollbar-track-right.png) no-repeat top right}
#track4-left{position:absolute;width:15px;height:15px;background:transparent url(https://www.elementbars.com/images/scrollbar-track-left.png) no-repeat top left}
#track4{position:absolute;width:130px;height:15px}
#handle4{width:37px;height:15px}
.slideTxt {position:absolute; width:220px; top:10px; right:70px; text-align:left;}
#footer{margin-top:8px;color:#6c3706;font-size:11px;text-align:center;}
td.header{font-size:11px;color:#DDD}
a.header, a:hover.header, a:visited.header, a:active.header{font-size:11px;}
td.menu{font-size:12px;color:#351f16;font-weight:bold}
td.menu a{text-decoration:none; color:#6c3706}
td.menu A:hover{text-decoration:underline overline; color:#e06b12}
table.favoritesTable{clear:left;text-align:center;font-size:13px;color: #351f16;font-weight:normal}
td.favoritesBR, th.favoritesBR{border-bottom:1px dotted #6c3706;border-right:1px dotted #6c3706}
td.favoritesR{border-right:1px dotted #6c3706}
td.favoritesB, th.favoritesB{border-bottom:1px dotted #6c3706}
div.ingredientTable{z-index:5;width:30%;padding:10px;background-color:#ECF3E1;border:1px solid #fab24a}
div.ingredientTable img{width:40px}
#selItem{text-align:left;width:680px;margin:10px;border-top:2px dotted #fab24a}
#selItem span{font-style:italic;font-size:22px;color:#351f16}
#barCore img{width:55px}
#barCore .sortMenu{width:160px}
#infoDiv{float:right;padding-left:10px;padding-top:10px;width:320px}
#infoDiv h2{font-style:italic;font-size:22px;border-bottom:1px solid}
#infoDiv h5{display:inline;font: 12px Verdana;font-weight:normal;}
#ingredientDiv ul{list-style-type:none}
#ingredientDiv li{display:block}
.bpTitle{font-variant:small-caps; font-size:18px;color:#351f16}
.profilePage{position:relative}
#fbAdd{position:absolute;top:60px;right:20px;text-align:center;width:200px;height:65px;color:#aaa;border:1px solid;padding:3px;margin:0px 3px 3px 3px}
#fbAdd h1{text-align:left; font-size:14px; color:#ecf3e1; font-weight:normal; background:#86190f; margin:0px 0px 5px 0px; padding:6px 6px 4px 10px; border-bottom:1px dotted #fab24a; clear:left}
.loginInput{width:160px}
.prodImg{display:inline;position:absolute;height:80px}
.prodDesc{display:none;position:absolute;top:75px;left:0px;width:500px;height:35px;color:#f8f8f8;font-size:11px;background:url(https://www.elementbars.com/images/infoWindow.gif) no-repeat}
.prodDesc2{position:absolute;top:-2px}
.prodDesc3{position:absolute;top:0px;left:0px;padding-top:8px;width:500px;text-align:center}
input.custombutton{ font-size:12px;font-weight:bold;color:#FFFFFF;padding:1px;height:25px;background-color:#6c3706;border-style:solid;border-color:#351f16;border-width:2px;width:120}
.question{display:block; margin-top:10px; margin-left:20px; font-weight:bold; font-size:16px; color:#351f16}
.answer{margin:10px 15px 20px 35px; display:block; font-size: 14px; color:#351f16}
span.helpSubheader{display:block; margin-top:10px; margin-left:10px; font-weight:bold; font-size:16px; color:#e8e8cf; background:#86190f; padding:5px}
.helpItems { margin-top:10px;}
.helpItems h1 {	padding-left:10px;}
.thumbnail{position:relative; z-index:0}
.thumbnail:hover{background-color:transparent; z-index:100}
.thumbnail span{position:absolute; background-color:#fab24a; padding:5px; left:-1000px; border:1px dashed #e8e8cf; visibility:hidden; color:black; text-decoration:none}
.thumbnail span img{border-width:0; padding:2px}
.thumbnail:hover span{visibility:visible; top:60px; left:0px}
#varietyPackHeadline { font-size:24px;color: #04223f; margin-right: 40px;}
#varietyPackHeadline img { margin-left: 40px;}
.varietyLabelName {text-align:center;position:absolute;left:-13px;top:28px;font-size:13px;width:170px;font-family:Myriad Pro;font-weight:bold;color: #351f16;}
.varietyLabel {position:relative; width:183px; height:78px; top:5px; background: url(https://www.elementbars.com/images/barLabelSmall.png) no-repeat top}
div.tabs a, div.tabs a:visited {display:block;float:left;position:relative;top:1px;border-style:solid;border-width:1px 1px 0px 1px;border-color:#6c3706;background:#6c3706;color:#fab24a;line-height:20px;font-size:14px;padding:5px 10px;margin:0 2px;text-decoration:none;}
div.tabs a.active, div.tabs a.active:visited {border-color:#e8e8cf;background:#e06b12;color:#e8e8cf;font-weight:bold;}
div.tabs2{font-size:10pt;background:transparent;position:relative;top:-35px;}
div.tabs2 a {display:block;float:left;position:relative;top:1px;border-style:solid;border-width:1px 1px 0px 1px;border-color:#6c3706;padding:2px;margin:0 2px;text-decoration:none;}
div.tabs2 a.active {border-color:#e8e8cf;background: #fab24a;color:#86190f;}
#navH {	position: relative;	padding: 0;	float:right;	background: #fff;	font-family: Times New Roman;	z-index: 9999;}
#navH li {	display: block;	float:left;}
#navH ul li {	display: block;}
#navH a.mNav{	display: block;	height: 36px;	color: #fff;	border-bottom: solid 1px #fff;	margin-right: 2px;	float:left;	text-align: center;	text-decoration: none;	font-size: 34px;		padding: 8px 0 12px;	}
#navH, #navH ul{	list-style: none;	margin-top: 1px;	}
#navH ul {	padding: 5px 0;}
#navH a {	font-size: 11px;	color: #fff;	text-decoration: none;}
#navH ul li{	list-style: none;	float:none;	padding: 0px 10px;}
a.eat, #eat{	background: #3e2322;	width: 105px;	}
#eat a:hover {	color: #E06B12;}
#navH li {	position: relative;}
a.learn, #learn{	background: #e06b12;	width: 105px;}
#eat, #learn, #more{	z-index: 10;	position: absolute;	top: 55px;	font-family: Arial;	border-top: solid 1px #fff;	padding-bottom:5px;	}
#navH li ul{	position: absolute;		left:-999em;}
#navH li:hover ul, #navH li.sfhover ul{	left:auto;	z-index: 10000;}
#learn a:hover {	color: #3e2322;}
#navH a.more{	background: #6c3706 url('https://www.elementbars.com/images/share.gif') no-repeat scroll center center;	width: 34px;	text-indent: -9999px;	padding: 15px 2px 5px;	font-size: 34px;	margin-right: 0px;	}
#eat, #learn {	margin:0;	left: 0;}
#more {	margin: 0;	background: #6c3706;	width: 148px;	right: 0;	text-align: right;}
#more a:hover {	color: #539dbe;}
#more h5 {	margin: 0 10px;	padding: 10px 0 0;	border-top: solid 1px #fff;	color: #fff;}
#more ul li {	display: block;}
#navH ul li.subnav {	padding: 10px 10px 5px;	color: #fff;}
.subnav li {	display: block;}
#social li{	width: 80px;	float:left;}
#social a {	display: block;	padding-left: 10px;}
.wholesale
{
	width:650px;
	margin:0 auto;
}
.wholesale h1
{
	color: #8B2003;
	font-size: 24px;
}
.wholesale p {color:#75451B;font-size:12px}
.wholesale ul { list-style: none;}
.wholesale .feature {background:#E7E5D3;text-align:left;padding:15px 15px 15px 0;}
.feature img {float:left;margin-right:10px;}
.teamMember img {float:left;clear:left}
.headshot {clear:left;float:left;margin:0px 20px 40px;}
#quizDiv {font-size: 1.3em}
#quizDiv p { padding:8px 20px;}
#quizDiv textarea { width: 400px; }
#quizDiv h2 { float:left;margin:15px;text-align:center;width:355px; }
#quizDiv .btnLnk { background:transparent url('../images/goButton.gif') no-repeat scroll right top;
display:block;
float:right;
font-size:1.1em;
font-weight:bold;
height:37px;
padding-right:64px;
padding-top:10px;}
.qNumber {font-size:1.6em;margin-right:10px;color: #e06b12;clear:left;}
/*featured bars*/

#sliderwrap4{
             position:relative;width:210px;height:20px;background:transparent url(https://www.elementbars.com/images/scrollbar-track-right.png) no-repeat top right}
#slider4,#slider5,#slider6{height:15px}
#slider4-left{position:absolute;width:15px;height:15px;background:transparent url(https://www.elementbars.com/images/scrollbar-track-left.png) no-repeat top left}
#handle5,#handle6,#handle4{
position:absolute;
height:15px;
width:37px;
}
div.vHandle {
	width: 8px;
	height: 5px;
	background: #E06B12;
}
div.vSlide {
	width: 10px;
	height: 30px;
}
div.vSlide > div {
	border-right: solid 1px #666;
	height: 30px;
}
div#mainTableBody{
	padding:0;
position:relative;
}

div.featureBar{
	float:right;
	padding: 10px 0;
	margin-top: 30px;
	border-bottom: dotted 1px #E06B12;

}
div.featureTop{	
	width:765px;
	height:68px;
float:left;	
position:relative;
}
div.featureTop h3 {
position:absolute;
right:10px;
top: 15px;
width: 155px;
z-index:10;
font-size: 12px;
font-weight: normal;
text-align: center;
}
div.onImage1{
	
	top:22px; 
	height:68px;
	width:765px; 
	position:absolute; 
	background:#F00;
	display:none;
}
div.onImage2{
	display:none;
	top:22px; 
	height:68px;
	width:765px; 
	position:absolute; 
	background:#0F0;
}
div.onImage3{
	display:none;
	top:22px; 
	height:68px;
	width:765px; 
	position:absolute; 
	background:#C60;
}

div.featuredMenu {
	float:left;
	width: 160px;
	font-family: "Lucida Grande", "Times New Roman";
	text-align: right;
	padding-right: 10px;
	padding-left: 5px;
        background-color:#c5dae0;
        padding-top: 35px;
        
        height: 550px;

}
div.starter {

	padding: 20px 0 20px 20px;
	float:left;
	width: 730px;
}
div.starter p {	
	font-size: 1.2em;
}
.biglinks {
	width:100%;
}
.biglinks a {
	background:transparent url(../images/featured/arrow.gif) no-repeat scroll left 50%;
	display:block;
	float:left;
	font-size:2em;
	padding-left:30px;
	width:280px;
}
div.featuredMenu h3 {
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
	margin-top: 60px;
	padding: 4px;
	background: transperent ;
	text-align: center;
	margin-left: 20px;
}

div.featuredMenu ul {
	list-style-type: none;
	padding: 0;
	
}
div.featuredMenu ul li { margin-top: 4px;}
div.featuredMenu ul ul li { margin-top: 1px;}
div.featuredMenu ul li a {
	color: #3E2322;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
}

div.featuredMenu ul ul li a {
	color: #777;
	font-size: 13px;
	font-weight: normal;
}
div.featuredMenu a.active {
	color: #E06B12;
}
.featuredMenu h5 {
margin:0;
padding:0 15px;
text-align:center;
}

div.featureBars {
	float:left;
	width: 745px;
	padding-left: 20px;
}

div.featureBar h1 {
	border-bottom: solid 3px #E06B12;
	text-align: left;
	margin: 8px 0 15px 0px;
	font-size: 16px;
}
div.featureBar h1 span {
	position: relative;
	top: 3px;
	background: #ffffff;
	color: #E06B12;
	padding: 0px 5px 0px 0px;
}

div.featureBarCol1 {
	width: 280px;
	float: left;
	text-align: center;
	margin-left:25px;
}

div.featureBarCol1 ul {
	text-align: left;
	list-style-type: none;
	padding-left: 20px;
}
ul.aro {
	list-style-type: none;
	font-size: 1.4em;
}
ul.aro li, li.aro {
	
	background: #fff url('../images/featured/arrow.gif') no-repeat scroll left 50%;
	padding-left: 22px;
}

div.featureBarCol2 {
	width: 405px;
	float:left;
	margin-left: 15px;
}
div.featureBarCol2 div {
	margin-bottom: 8px;
}

.featureBarProfile {
	margin: 10px auto;
	border: solid 1px #E06B12;
	border-width: 10px 1px;
	padding: 10px;
	text-align: center;
	width: 80%;
}
.featureBarProfile p {
	
	padding: 4px 10px
}
img.prod {
	width:100%;	
}
.featureBarProfile ul {
	font-size: 16px;
}
.featureBarProfile li {
	margin-bottom: 6px;
}

.featureBar h2 {
	color: #E06B12;
	font-size: 12px;
	margin: 4px 0;
}

p.review {
	padding: 10px 25px;
	color: #3E2322;
}

p.author {
	text-align: right;
	color: #aaa;
}

.styleback
{
	
	background-color: black;
}

a.whatsYourLink {
display: block;
width: 160px;
height: 55px;
border: 0;
background: url('../images/discoverElement.png') no-repeat scroll top left;
text-indent: -9999px;
text-align:left;
margin-top: 30px;
}

div.sliderTable {
background: url('../images/nutsFruitsChocolates.jpg') no-repeat scroll top left;
padding: 39px 0 39px 145px;

}
div.sliderTable p {
  margin-bottom: 5px;
}

.invisibleForm {
display:block;
position:absolute;
top: 240px;
left: 170px;
overflow:hidden;
width: 0px;
margin: 0 auto;
background: #ffffff;
border: solid 1px #E06B12;
border-width: 0px;
padding: 15px 0px;
height: 0;
z-index:999;
}
div.visibleForm {
          width:400px;
          border-width:1px;
          padding-left:20px;
          padding-right:20px;

}
div.addHeight {
           top: 20px;
           height: 450px;
}
div.addHeight2 {
           top: 20px;
           height: 50px;
}
#questionsform form {
    width:410px;
}
div.AboutYourBar {
  padding: 4px 10px;
  margin: 10px 15px;
}

a.closer {
  position:absolute;
  right: 3px;
}

.style4
{
    height: 19px;
}
.style9
{
    width: 326px;
    background-color: black;
}
.style10
{
    width: 17px;
}
.style11
{
    width: 67px;
}
.style12
{
    width: 67px;
    height: 19px;
}
.style13
{
    width: 430px;
    background-color: red;
}
.style14
{
    width: 376px;
    background-color: red;
}
.style15
{
    width: 420px;
    background-color: red;
}
.style16
{
    width: 420px;
    height: 90px;
}
.style17
{
    width: 376px;
    height: 90px;
}
.style18
{
    width: 430px;
    height: 90px;
}
.nobarsfound {
  float:left;
font-size:2em;
margin-left:80px;
padding-top:80px;
width:500px;
}
/*end featured bars*/
.clearfix:after {    content: ".";    display: block;height: 0;    clear: both;    visibility: hidden;}