.views_slideshow_no_display,
.views_slideshow_hidden {
  display: none;
}
img {
	border: 0;
	text-decoration: none;
}
#bodymain {
	width: 660px;
	float: left;
	height: auto;
	padding: 0px 20px 0px 15px;
	margin: 0px;
}
.cacao_bar {
	float:left;
	width:660px;
	height:auto;
	padding-top:24px;
}
#bodright {
	height: auto;
	width: 220px;
	float: left;
	padding-right: 20px;
}

.nutrition  {
	float:left;
	width:178px;
	height:auto;
	padding:0px 20px 10px 0px;
}

.raw_bar  {
	float:right;
	width:462px;
	height:auto;
}
.righteously_raw_lg  {
	float:left;
	height:82px;
	width:234px;
}
.righteously_raw  {
	float:left;
	width:164px;
	height:67px;
	padding:6px 0px 14px 20px;
}

.truffle  {
	width:278px;
	height:87px;
	float:left;
}

.chocolate_bar_type  {
	margin-top:50px;
	margin-left:0px;
	color:#392917;
	padding-bottom:0px;
}

.superfood  {
	margin:.2em .7em .2em 0em;
	float:left;
}

.cacao_bar_ingredients  {
	margin:.3em 1em 1em 1em;
	float: left;
}

.raw_indredients {
	height: auto;
	width: 660px;
	clear: left;
}
.certified_indredients {
	height: auto;
	width: 660px;
	font-size: 90%;
}
.raw_food_info  { 
	float:left;
	padding-top:20px;
	width:660px;
	height:auto;
}
.raw_food_info a { 
	color: #392917;
}
.texbod {
	color: #392917;
}

.texbod a:link {
	text-decoration: none;
	color: #392917;
}

.texbod a:hover {
	text-decoration: underline;
}


.clearfloat {
	clear: both;
}
.spacer10 {
	height: 10px;
	width: auto;
	clear: both;
}

.spacer {
	height: 20px;
	width: auto;
	clear: both;
}
.earth_sun_bar {
	background-image: url(righteously-raw-images/earth-sky-sun_divider.gif);
	background-repeat: no-repeat;
	background-position: left center;
	clear: both;
	float: left;
	height: 3px;
	width: 660px;
	padding-top: 14px;
	padding-bottom: 14px;
}

.smalltext {
	font-size: 10px;
}

body {
	color:#402C00;
	background-color: #DEC9AA;
	font-family: Verdana, Geneva, sans-serif;
	margin: 0;
	padding-top: 0px;
	font-size: 14px;
	background-image: url(righteously-raw-images/chocolate_bg.gif);	/* #DEC9AA background-image: url(righteously-raw-images/BodyBG.png); body_bg chocolate_bg */
	background-attachment: fixed;
	background-repeat: repeat;
	line-height: 1.3em;
	font-style: italic;
}

h1 {
	text-indent:10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#402C00;
	font-style: italic;
}
h2 {
	font-size: 12px;
	margin: 0px;
	text-decoration: none;
	padding: 7px 12px;
}
.title {
	color:#402C00;
	font-size: 12px;
	margin-bottom: 0px;
	padding: 7px 12px;
	text-decoration: underline;
}
.title a:visited {
	color:#402C00;
	font-size: 90%;
	margin-bottom: 0px;
	padding: 7px 12px;
	text-decoration: underline;
}
h3 {
	font-size: 85%;
	margin: 0px;
	text-decoration: none;
	padding: 7px 12px;
}

form {
	display: inline;
}

/* --standard styles end-- */
/* -------Header start------- */
.header {
	width : 980px;
	height: 140px;
	margin: 0 auto;
	background-image: url(righteously-raw-images/header_bg2.png);
	background-repeat: no-repeat;
}
.logo a {
	display: block;
	float: left;
	width: 380px;
	height: 110px;
	background-image: url(righteously-raw-images/Earth_Source_logo2.png);
	background-repeat: no-repeat;
	background-position: left;
	margin-left: 50px;
	margin-top: 28px;
}

.mdlheader {
	font-size: 12px;
	color: #46783F; /* #006699 286A72 244180 346732 3F6D39 */
	font-style: italic;
	font-weight: bold;
	float: left;
	width: 432px;
	height: 92px;
	text-align: center;
	margin-top: 48px;
}

.mdlheader a {
	font-size: 10px;
	color: #6A4800;
	font-style: italic;
	text-align: center;
}
.rtheader {
	float: left;
	width: 118px;
	height: 106px;
	margin-top: 34px;
}
.newsletter {
	font-size:11px;
	height:14px;
	border:1px solid #5C9F53;
	padding-left:4px;
	color:#508747;
}
.signup {
	font-size:11px;
	width:44px;
	color:#FFFFFF;
	background-color:#5C9F53;
	border:1px solid #46783F;
}
/* ----header main navigation tabs start---- */
#fixed_bod {
	height: auto;
	width: 980px;
	margin: 0 auto;
	background-image: url(righteously-raw-images/chocolate-bar_bg.png);
	background-repeat: repeat-y;
	background-position: center top;
}

#navbar {
	height: 36px;
	background-image: url(righteously-raw-images/navbg.png);
	background-repeat: repeat-x;
	width: 935px;
	margin: 0px auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #5a6239;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #993; 
}

#midbar { width: 935px; margin: 0px auto; }
.boxtop {
	background: url(righteously-raw-images/boxtop.png) 0 0 no-repeat;
	height: 44px;
	width: 220px;
	line-height: 2em;	
}
.boxcontent {
	background: url(righteously-raw-images/boxbody.png) 0 0 repeat-y;
	line-height: 1.2em;
	padding-right: 4px;
	padding-left: 10px;
	font-size: 95%;
	width: 206px;
	height:auto;
}
.boxcontent a {
	color: #593D00;
}
.boxcontent a:hover {
	color: #2D1E00;
}
.boxbottom {
	background: url(righteously-raw-images/boxbottom.png) 0 0 no-repeat;
	height: 20px;
	width: 220px;
}
.chocolate_bars {
	text-decoration: none;
	float: left;
	text-align: center;
	width: 25%;
}
.raw_chocolates a {
	text-decoration: none;
	text-align: center;
	width: 50%;
}

.raw_chocolates a:hover {
	text-decoration: none;
	text-align: center;
	width: 50%;
}
/* ------- main navigation tabs---------- */
/* "current page" css (if this and this are true do this)  */
body#home a#homenav { background-color:#464B29; color: #DBE4B4; background-image: url(righteously-raw-images/navbg_on.png); }
body#chocolate a#chocolatenav { background-color:#464B29; color: #DBE4B4; background-image: url(righteously-raw-images/navbg_on.png); }
body#wholesale a#wholesalenav { background-color:#464B29; color: #DBE4B4; background-image: url(righteously-raw-images/navbg_on.png); }
body#packaging a#packagingnav { background-color:#464B29; color: #DBE4B4; background-image: url(righteously-raw-images/navbg_on.png); }
body#certified a#certifiednav { background-color:#464B29; color: #DBE4B4; background-image: url(righteously-raw-images/navbg_on.png); }
body#about a#aboutnav { background-color:#464B29; color: #DBE4B4; background-image: url(righteously-raw-images/navbg_on.png); }
body#contact #contactnav { background-color:#464B29; color: #DBE4B4; background-image: url(righteously-raw-images/navbg_on.png); }

#h_menu, #h_menu * {
	margin : 0;
	padding : 0;
}
#h_menu a {
	color: #DBE4B4;
	margin: 0;
	text-decoration: none;
	display: block;
	position : relative;
	float : left;
	font-size: 14px;
}
#h_menu li ul {
	width : 9em;
	position : absolute;
	display : none;
	left : 0px;
	margin-top: 22px;
	margin-left: 0px;
}
#h_menu li {
	position : relative;
	width : auto;
	float : left;
	list-style-type: none;
	z-index: 1;
}
#h_menu li ul li {
	width : auto;
	height : auto;
	padding : 0;
}
#h_menu li a {
	color : #DBE4B4;
	text-decoration : none;
	float : left;
	height : 36px;
	padding-right: 1.3em;
	padding-left: 1.3em;
	line-height: 2.4em;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #626220;
}

#h_menu li ul li a {
	width : 10.23em; /* 1st level width*/
	position : relative;
	white-space : nowrap;
	line-height : 22px;
	height : 20px;
	color : #DBE4B4;
	background-position : 0 50%;
	background-color: #293015;
	padding-top: .2em;
	padding-right: 1.2em;
	padding-bottom: 0.45em;
	padding-left: 1.2em;
	z-index: auto;
}

#h_menu li ul ul {
	margin-top: -1.2em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 7.6em; /* move drop 2 horiz */
	padding-right: 1em;
	padding-left: 1em;
}

#h_menu li ul ul a {
	background-image: url(images/navoff.gif);
	background-repeat: repeat-x;
	color: #DBE4B4;
	width : 16em; /* 2nd level width*/
	padding-right: 1em;
	padding-left: 1em;
}

#h_menu .arrow {
	color: #DBE4B4;
	width : 6.7em;
	position : relative ;
	white-space : nowrap;
	line-height : 22px;
	height : 20px;
	background-position : 0 50%;
	background-color: #000;
	padding-top: 0em;
	padding-right: 1.9em;
	padding-bottom: 0.25em;
	padding-left: 2em;
	font-size: 14px;
}

#h_menu .arrow:hover {
	background-image: url(images/nav/navorange.gif);
	background-repeat: repeat-x;
	color: #DBE4B4;
	width : 6.7em;
	position : relative ;
	white-space : nowrap;
	line-height : 22px;
	height : 20px;
	background-position : 0 50%;
	background-color: #000;
	padding-top: 0em;
	padding-right: 1.9em;
	padding-bottom: 0.25em;
	padding-left: 2em;
	font-size: 14px;
}

#h_menu li a:hover, #h_menu li a:focus, #h_menu li a:active {
	color : #DBE4B4;
	background-color:#464B29;
	background-image: url(righteously-raw-images/navbg_on.png);
}
#h_menu ul a:hover, #h_menu ul a:focus, #h_menu ul a:active {
	color : #DBE4B4;
}
#h_menu li:hover ul, #h_menu li.msieFix ul {
	display : block;
	top : 1em ; /* moves drop down up and down */
}
/*.main1 #h_menu li#main1 a, .main2 #h_menu li#main2 a, .main3 #h_menu li#main3 a, .main4 #h_menu li#main4 a, .main5 #h_menu li#main5 a, .main6 #h_menu li#main6 a, .main7 #h_menu li#main7 a { 
	color : #fff;
}*/
#h_menu li:hover ul ul, #h_menu li.sfhover ul ul, .main1 #h_menu li#main1 ul, .main2 #h_menu li#main2 ul, .main3 #h_menu li#main3 ul, .main4 #h_menu li#main4 ul, .main5 #h_menu li#main5 ul, .main6 #h_menu li#main6 ul, .main7 #h_menu li#main7 ul { 
	display : block;
	left : -999px;
}

#h_menu li:hover ul ul, #h_menu li.sfhover ul ul, .main1 #h_menu li#main1 ul li a:focus, .main1 #h_menu li#main1 ul li a:active, .main2 #h_menu li#main2 ul li a:focus, .main2 #h_menu li#main2 ul li a:active, .main3 #h_menu li#main3 ul li a:focus, .main3 #h_menu li#main3 ul li a:active, .main4 #h_menu li#main4 ul li a:focus, .main4 #h_menu li#main4 ul li a:active, .main5 #h_menu li#main5 ul li a:focus, .main5 #h_menu li#main5 ul li a:active, .main6 #h_menu li#main6 ul li a:focus, .main6 #h_menu li#main6 ul li a:active, .main7 #h_menu li#main7 ul li a:focus, .main7 #h_menu li#main7 ul li a:active { 
	position : absolute ;
	left : 999px;
}

#h_menu li:hover ul, #h_menu li li:hover ul, #h_menu li.sfhover ul, #h_menus li li.sfhover ul {
	left: auto;
}

.footerwrapper {
	width : 980px;
	background-image: url(righteously-raw-images/footer_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 120px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	font-size: 85%;
}
.footer { width: 936px; margin: 0px auto; }
#footer-message {
	text-align: center;
	margin: 0px auto;
	color: #DEC9AA;
	line-height: 1.4em;
}
#footer-message a {
	color: #DEC9AA;
	text-decoration: none;
	line-height: 1.4em;
}

.content-column-left fieldset.collapsible.collapsed legend {
  background: none;
}
.content-column-left fieldset.collapsible.collapsed,
.content-column-left fieldset.collapsible.collapsed legend { background:none; }
.content-column-left fieldset.collapsible.collapsed legend a {
  color: #1e150b;
  background: url(../../misc/menu-collapsed.png) no-repeat 5px 50%;
  padding-left: 15px;
}
.content-column-left fieldset.collapsible legend {
  padding: 4px 12px 0 0px;
  font-size: 120%
}
.content-column-left fieldset.collapsible legend a {
  color: #1e150b;
}
.content-column-left fieldset.collapsible,
.content-column-left fieldset.collapsible legend {
  background: #d3c0a3 url(../../righteously-raw-images/FieldsetBG.png) repeat-x top right;
  color: #1E150B;
  border: none;
}
.content-column-left fieldset.collapsible legend {
  padding: 4px 12px 0 0px;
  font-size: 120%
}
.content-column-left fieldset .node h2 {
  display:none;
}

/* system overrides 
html.js fieldset.collapsible .fieldset-wrapper { overflow: visible; }

** Collapsing fieldsets
*/
html.js fieldset.collapsed {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  margin-bottom: 0;
  height: 1em;
}
html.js fieldset.collapsed * {
  display: none;
}
html.js fieldset.collapsed legend {
  display: block;
}
html.js fieldset.collapsible legend a {
  padding-left: 15px; /* LTR */
  background: url(../../righteously-raw-images/menu-expanded.png) 5px 75% no-repeat; /* LTR */
}
html.js fieldset.collapsed legend a {
  background-image: url(../../misc/menu-collapsed.png); /* LTR */
  background-position: 5px 50%; /* LTR */
}
/* Note: IE-only fix due to '* html' (breaks Konqueror otherwise). */
* html.js fieldset.collapsed legend,
* html.js fieldset.collapsed legend *,
* html.js fieldset.collapsed table * {
  display: inline;
}
/* For Safari 2 to prevent collapsible fieldsets containing tables from dissapearing due to tableheader.js. */
html.js fieldset.collapsible {
  position: relative;
}
html.js fieldset.collapsible legend a {
  display: block;
}
/* Avoid jumping around due to margins collapsing into collapsible fieldset border */
html.js fieldset.collapsible .fieldset-wrapper {
  overflow: auto;
}
 /* contact form */
 
#contactform {
	height: auto;
	width: 520px;
	margin-right: auto;
	margin-left: auto;
}

#contactform h1 {
	font-size: 130%;
}

#contactform img {
	border: 0px;
}

#contactform .errors {
	color: #ff0000;
}

#contactform .correct {
	color: black;
}

#contactform legend {
	font-size: 120%;
	font-weight: bold;
	color: #392917;
	margin-bottom: 6px;
}

#contactform .title_text {
	color: #392917;
	font-size: 110%;
	padding-top: 6px;
	padding-bottom: 2px;
	padding-left: 12px;
}

#contactform .field {
	color: #2E2112;
	font-size: 100%;
	padding-left: 10px;
}

#contactform .capdiv {
	width: 355px;
	height: 40px;
}

#contactform .capimage {
	padding-right: 5px;
	border-style: none;
	float:left;
	padding-left: 10px;
}

#contactform .capaudio {
	border-style: none;
	vertical-align:top;
}

#contactform .caprefresh {
	border-style: none;
	vertical-align:bottom
}

#contactform .small {
	font-size: 96%;
	padding-left: 10px;
}

#contactform .submitbutton {
	text-decoration: none;
	padding-top: 16px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}