/* CSS Document */

body {
	background-color: #9A8BB6;
	font-family:Arial, Helvetica, sans-serif;
	margin: 10px 0px 0px 0px !important;
	font-size:75%;
	margin: 0 auto;
	xtext-align:center;
	background-image: url(/assets/images/bgBar.jpg);
	background-repeat:repeat;
	background-attachment: fixed;
}

img {
	border:0px;
}

#page {

}

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

.table {
	border: 0px;
}


/******************
HEADER
*******************/

#container {
	display: block;
	position:relative;
	width: 694px;
 	padding: 0;
	margin: 0px auto;
	clear: both;
	z-index:1;
}

#header {
	height:30px;
	width: 724px;
	text-align:left;
	color:#FFFFFF;
}

#header a,
#header a:link,
#header a:visited {
	color:#FFFFFF;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
}


#header ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#header li {
	float: left;
	position: relative;
	padding-left:30px;
	top:4px;
}

#header li ul {
	display: none;
	position: absolute; 
	top: 1em;
	padding-top:10px;
	width:600px;
	left:20px !important;
}

#header li ul a,
#header li ul a:link,
#header li ul a:visited {
	font-size:0.9em;
	font-weight:bold;
	text-decoration:none;
}

#header li > ul {
	top: auto;
	left: auto;
}

#header li ul li {
	float:left;
	position: relative;
	padding-left:10px;
	top:4px;
	left:0px !important;

}

.headerSubMenu {
	position:relative;
	left:0px;	
}

#topBar1{
	height: auto;
	background-color:#FFFFFF;
}


#subNav {
	display:block;
	height:20px;
	width: 694px;
	text-align:left;
	color:#FFFFFF;
}

#subNav a,
#subNav a:link,
#subNav a:visited {
	color:#FFFFFF;
	font-size:0.9em;
	font-weight:normal;
	text-decoration:none;
}


#subNav ul {
	position:absolute;
	padding: 0;
	margin: 0;
	list-style: none;
	left:20px;
}

#subNav li {
	float: left;
	position: relative;
	padding-left:10px;

}




/* ------------------- */


#topBar2{
	height: 20px;
	background-color:#FFFFFF;
}


/************************
CONTENT SECTION
**************************/
#content {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	background-image: url(../assets/images/accessible/mainHeaderBorder.jpg);
	background-repeat:no-repeat;
	position:relative; 
	z-index:1; 
	clear:left;
	top:15px;
}

#content h1 {
	font-size:1.2em;
	line-height:1.2em;
}

.title {
	font-size:1.5em;
	line-height:1.5em;
	font-weight:bold;
	color:#320E00;

}

#contentHeader {
	position:relative;
	display:block;
	background-image: url(../assets/images/accessible/mainHeaderGuitar.jpg);
	background-repeat:no-repeat;
	height:356px;
	margin:0px 14px 0px 14px;
	top:15px;
	z-index:1;
}

#homeContentHeader {
	position:relative;
	display:block;
	height:165px;
	background-image: url(../assets/images/accessible/homeMainHeader.jpg);
	background-repeat:no-repeat;
	margin: 0px 14px 0px 14px;
	top:15px;
	z-index:1;
}


#textContentHeader {
	position:relative;
	display:block;
	height:165px;
	background-image: url(../assets/images/accessible/mainHeaderProducts.jpg);
	background-repeat:no-repeat;
	margin: 0px 14px 0px 14px;
	top:15px;
	z-index:1;
}

#nutritionContentHeader {
	position:relative;
	display:block;
	height:165px;
	background-image: url(../assets/images/accessible/nutritionMainHeader.jpg);
	background-repeat:no-repeat;
	margin: 0px 14px 0px 14px;
	top:15px;
	z-index:1;
}

#recipesContentHeader {
	position:relative;
	display:block;
	height:165px;
	background-image: url(../assets/images/accessible/recipesMainHeader.jpg);
	background-repeat:no-repeat;
	margin: 0px 14px 0px 14px;
	top:15px;
	z-index:1;
}

#funStuffContentHeader {
	position:relative;
	display:block;
	height:165px;
	background-image: url(../assets/images/accessible/funstuff_header.jpg);
	background-repeat:no-repeat;
	margin: 0px 14px 0px 14px;
	top:15px;
	z-index:1;
}


/** text paragraphs **/

#homeTitleHeader {
	position:relative;
	display:block;
	background-image: url(../assets/images/accessible/homeTextHeader.jpg);
	background-repeat:no-repeat;
	top:0px;
	padding:25px 0px 0px 50px;
	margin:0px 0px 0px 0px;
	height:75px;
	font-size:1.2em;
	line-height:1.2em;
	font-weight:bold;
	color:#320E00;
	text-align:left;
	z-index:1;
}

#titleHeader {
	position:relative;
	display:block;
	background-image: url(../assets/images/accessible/textHeader.jpg);
	background-repeat:no-repeat;
	top:0px;
	padding:25px 0px 0px 50px;
	margin:0px 0px 0px 0px;
	height:75px;
	font-size:1.2em;
	line-height:1.2em;
	font-weight:bold;
	color:#320E00;
	text-align:left;
	z-index:1;
}

#nutritionTitleHeader {
	position:relative;
	display:block;
	background-image: url(../assets/images/accessible/nutritionTextHeader.jpg);
	background-repeat:no-repeat;
	top:0px;
	padding:25px 0px 0px 50px;
	margin:0px 0px 0px 0px;
	height:75px;
	font-size:1.2em;
	line-height:1.2em;
	font-weight:bold;
	color:#320E00;
	text-align:left;	
	z-index:1;
}


#recipesTitleHeader {
	position:relative;
	display:block;
	background-image: url(../assets/images/accessible/recipesTextHeader.jpg);
	background-repeat:no-repeat;
	top:0px;
	padding:25px 0px 0px 50px;
	margin:0px 0px 0px 0px;
	height:75px;
	font-size:1.2em;
	line-height:1.2em;
	font-weight:bold;
	color:#320E00;
	text-align:left;	
	z-index:1;
}

#recipesTitleHeader2 {
	position:relative;
	display:block;
	background-image: url(../assets/images/accessible/recipesTextHeader2.jpg);
	background-repeat:no-repeat;
	top:0px;
	padding:25px 0px 0px 50px;
	margin:0px 0px 0px 0px;
	height:75px;
	font-size:1.2em;
	line-height:1.2em;
	font-weight:bold;
	color:#320E00;
	text-align:left;	
	z-index:1;
}

.recipesBackButton {
	padding:0px 0px 0px 402px;
	bottom:20px;
	width:201px;
	height:25px;
}

.nutritionBackButton {
	padding:0px 0px 0px 352px;
	bottom:20px;
	width:201px;
	height:25px;

}
#recipesPrintButton {
	position:relative;
	display:block;
	top:5px !important;
	top:-5px;


}

#productsTitleHeader {
	position:relative;
	display:block;
	background-image: url(../assets/images/accessible/productsTextHeader.jpg);
	background-repeat:no-repeat;
	top:0px;
	padding:25px 0px 0px 50px;
	margin:0px 0px 0px 0px;
	height:75px;
	font-size:1.2em;
	line-height:1.2em;
	font-weight:bold;
	color:#320E00;
	text-align:left;	
	z-index:1;
}

#nutritionTitleHeader2 {
	position:relative;
	display:block;
	background-image: url(../assets/images/accessible/nutritionTextHeader2.jpg);
	background-repeat:no-repeat;
	top:0px;
	padding:25px 0px 0px 50px;
	margin:0px 0px 0px 0px;
	height:75px;
	font-size:1.2em;
	line-height:1.2em;
	font-weight:bold;
	color:#320E00;
	text-align:left;	
	z-index:1;
}


#mid-section {
	position:relative;
	display:block;	
	left:0;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	padding: 0px 0px 0px 0px;
	width:694px;
	text-align:left;
	background-image: url(../assets/images/accessible/mainContentBg.jpg);
	background-repeat:repeat-y;
	font-size:1em;
	line-height:1.3em;
	z-index:1;
}

#mid-recipes {
	position:relative;
	display:block;	
	left:0;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	padding: 0px 0px 0px 0px;
	width:694px;
	text-align:left;
	background-image: url(../assets/images/accessible/mainContentBg.jpg);
	background-repeat:repeat-y;
	font-size:1em;
	line-height:1.3em;
	top:10px !important;
	top:4px;
	z-index:1;
}

#mid-section-1 {
	position:relative;
	display:block;	
	left:0;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	padding: 0px 0px 0px 0px;
	width:694px;
	xheight:405px;
	text-align:left;
	background-image: url(../assets/images/accessible/home_featureBackground.jpg);
	background-repeat:no-repeat;
	font-size:1em;
	line-height:1.3em;
	z-index:1;
}
#mid-section-2 {
	position:relative;
	display:block;	
	left:0;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	padding: 0px 0px 0px 0px;
	width:694px;
	xheight:405px;
	text-align:left;
	background-image: url(../assets/images/accessible/home_featureBackground.jpg);
	background-repeat:no-repeat;
	font-size:1em;
	line-height:1.3em;
	z-index:1;
}
#mid-section-2 a {
	display: block;
	padding: 2px;
	text-decoration: none;
}
#mid-section-2 a:hover {
	background-color: #B8AFCC;
}
#mid-section-2 img {
	border: 0;
}

.mid-col-1 {
	padding:10px 25px 10px 50px;
	width:350px;
	z-index:1;

}

.mid-col-2 {
	float:right;
	padding:0px 65px 0px 0px !important;
	padding:0px 50px 0px 0px;
	width:200px;
	z-index:1;

} 

#pusher {
	clear:both;
	z-index:1;
}


.mid-links-col-1 {
	padding:10px 25px 10px 50px;
	width:588px;
	z-index:1;
}

.mid-innovation-1 {
	padding:10px 0px 10px 0px;
	width:580px;
	z-index:1;
}



.mid-white-1-table {
	margin: 0px 40px 0px 0px;
	font-size:1em;
	line-height:1.3em;
	width:302px;
	vertical-align:top;
	color:#FFFFFF;
}

.mid-black-1-title {
	padding:20px 50px 0px 20px;
	font-size:1.5em;
	line-height:1.5em;
	vertical-align:top;
	text-align:left;
	color:#000000;
}

.mid-black-1-text {
	padding:20px 50px 0px 20px;
	font-size:1em;
	line-height:1.3em;
	vertical-align:top;
	color:#000000;
}

.mid-purple-1-smallText {
	padding:0px 50px 10px 20px;
	font-size:0.9em;
	line-height:0.9em;
	font-weight:bold;
	vertical-align:top;
	color:#7C6BA2;
}

.mid-black-1-smallText {
	padding:0px 50px 10px 40px;
	font-size:0.9em;
	line-height:1.4em;
	vertical-align:top;
	color:#000000;
}

.mid-black-2-smallText {
	padding:0px 50px 10px 20px;
	font-size:0.9em;
	line-height:1.4em;
	vertical-align:top;
	text-align:left;
	color:#000000;
}

#mid-products {
	position:relative;
	display:block;	
	left:0;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	padding: 0px 0px 0px 0px;
	width:694px;
	text-align:left;
	background-image: url(../assets/images/accessible/productsContentBg.jpg);
	background-repeat:repeat-y;
	z-index:1;
}

.mid-products-1 {
	padding:0px 25px 0px 30px;
	width:632px;
}

.mid-products-1-text {
	padding:20px 50px 50px 20px;
	font-size:1em;
	line-height:1.3em;
	color:#FFFFFF;
}

.mid-products-line {
	position:relative;
	display:block;	
	left:0;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	padding: 0px 0px 0px 0px;
	width:694px;
	height:18px;
	text-align:left;
	background-image: url(../assets/images/accessible/productsContentLine.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}


.mid-products-title {
	position:relative;
	display:block;	
	left:0;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	padding: 0px 0px 0px 0px;
	width:694px;
	height:60px;
	text-align:left;
	background-image: url(../assets/images/accessible/productsContentTitle.jpg);
	background-repeat:no-repeat;
}

.mid-products-1-title {
	padding:10px 0px 20px 60px;
	font-size:1.5em;
	line-height:1.5em;
	color:#FFFFFF;
}

.mid-products-content2 {
	position:relative;
	display:block;	
	left:0;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	padding: 10px 0px 10px 0px;
	width:694px;
	text-align:left;
	background-image: url(../assets/images/accessible/productsContentBgWhite.jpg);
	background-repeat:repeat-y;
}

.mid-products-1-content {
	padding:20px 20px 30px 60px;
	font-size:1em;
	line-height:1.3em;
	color:#000000;
}

.mid-products-1-brownTitle {
	padding:0px 0px 10px 60px;
	font-size:1.5em;
	line-height:1.5em;
	color:#4C3337;
}

.mid-nutrition-2-brownTitle {
	padding:0px 0px 10px 0px;
	font-size:1.5em;
	line-height:1.5em;
	color:#4C3337;
}

.mid-products-1-brownPrint {
	padding:0px 0px 50px 60px;
	font-size:0.9em;
	line-height:0.9em;
	font-weight:bold;
	color:#4C3337;
}

.mid-nutrition-2-brownPrint {
	padding:10px 0px 10px 30px;
	font-size:1em;
	line-height:1.2em;
	font-weight:bold;
	color:#4C3337;
}

.mid-nutrition-2-brownText {
	padding:0px 0px 10px 0px;
	font-size:0.8em;
	line-height:1.2em;
	color:#4C3337;
	width:260px;
}

.brownText {
	padding:0px 0px 0px 0px;
	font-size:0.8em;
	line-height:1.2em;
	color:#4C3337;
}

.mid-thins {
	padding:0px 0px 0px 50px !important;
	padding:0px 0px 0px 50px;
	width:581px;
} 

.mid-thins-title {
	font-size:1.2em;
	line-height:1.2em;
	color:#320E00;
	font-weight:bold;
	padding:0px 0px 0px 20px;
}

.mid-thins-content {
	font-size:1em;
	line-height:1.3em;
	padding:0px 0px 0px 20px;
}

#bottom-section-recipe {
	position:relative;
	display:block;	
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	padding: 0px 0px 0px 0px;
	width:694px;
	height:89px;
	background-image: url(../assets/images/accessible/home_featureFooter.jpg);
	background-repeat:no-repeat;
	top:0px !important;
	top:-6px;
	z-index:1;
}

#bottom-section {
	position:relative;
	display:block;	
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	padding: 0px 0px 0px 0px;
	width:694px;
	height:83px;
	background-image: url(../assets/images/accessible/home_featureFooter.jpg);
	background-repeat:no-repeat;
	top:0px !important;
	top:-6px;
	z-index:1;
}




#bottom-nutrition {
	position:relative;
	display:block;	
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	padding: 0px 0px 0px 0px;
	width:694px;
	height:119px;
	background-image: url(../assets/images/accessible/nutritionMainFooter.jpg);
	background-repeat:no-repeat;
	z-index:1;
}


#bottom-nutrition2 {
	position:relative;
	display:block;	
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	padding: 0px 0px 0px 0px;
	width:694px;
	height:83px;
	background-image: url(../assets/images/accessible/home_featureFooter.jpg);
	background-repeat:no-repeat;
	z-index:1;
}

/* --------------------------- */
.nutrition {
	width: 280px;
	padding: 0px 20px 20px 0px;
	display: block;
	float: left;
}



.nutritionTable {
	position:relative;
	width: 280px;
	border-top: 2px solid #320E00;
	font-size:0.9em;
	color:#320E00;
} 

.nutritionTable TD {
	border-bottom: 1px solid #CCC3BE;		

} 



.division {
	font-weight: bold;
	text-align: left;
	padding: 4px 0px 4px 0px;	
}

.amount { 
	position:relative;
	text-align: left;
	width: 200px;
	vertical-align: top;
}

.amountMinerals { 
	position:relative;
	text-align: left;
	width:280px;
	vertical-align: top;
	font-size:0.9em;
	
}

.daily {
	text-align: right;
	vertical-align: middle;
}

.productImage {
	padding-top: 40px;
	display: block;
	float: left;
}

/* ----------------- */
/*  Site Map         */
/* ----------------- */

.mainLevel {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	color:#320E00;
	text-decoration:none;


}

.mainLevel a,
.mainlevel a:link,
.mainLevel a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#320E00; 
	text-decoration:none;


}

.mainLevel a:visited:hover,
.mainLevel li a:hover {
	text-decoration:underline;
	color:#331C76;
}

.secondLevel a,
.secondLevel a:link,
.secondLevel a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#320E00;
	text-indent:30px;
	text-decoration:none;
}

.secondLevel a:visited:hover,
.secondLevel a:hover {
	text-decoration:underline;
	color:#331C76;
}



/*********************
FOOTER
**********************/

#bottomNav{
	position:relative;
	display:block;	
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	padding: 10px 0px 10px 0px;
	width:694px;
	top:0px !important;
	top:-6px;
}

#bottomNav ul{
	position:relative;
	margin:0 0 0 0;

}

#bottomNav li  {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #786D8E;
	padding: 0px 10px 0px 10px;
	float:left;

}

#bottomNav li.first {
	border-left: 0px;
}

#bottomNav li a,
#bottomNav li a:link,
#bottomNav li a:visited {
	color: #786D8E;
	text-decoration:none;
	font-weight:bold;
}

#bottomNav li a:visited:hover,
#bottomNav li a:hover {
	text-decoration:none;
	color:#666666;
}