@charset "UTF-8";
/* CSS Document */

/**************************************************************************************/
/**************************************************************************************/
/******************************   ONE FLIGHT UP DESIGN   ******************************/
/**************************************************************************************/
/***********************************   OCT, 2007   ************************************/
/**************************************************************************************/
/**************************************************************************************/


/* * {  0's out the margin, padding & border on everything 
	margin: 0px;
	padding: 0px;
}*/

/* =========================================================
   MAIN BODY CONTAINER & STRUCTURE
============================================================ */

body#bodyBG {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/SPbgSeasonSpring.jpg);
	background-position: 50% -23px;
	background-repeat: no-repeat;
	background-color: transparent;
	/*background-color: #5B7931;*/
/*	text-align: center; / * this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #containerMain selector * /
	color:#000000;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height:1.1;
	background-color: #FFFFFF;
*/
}
#containerFullPage { /***** THIS IS THE MAIN OUTER CONTAINER ON ALL PAGES ******/
	height: 688px;
	width: 861px;
	margin: 0px auto 0px auto;
/*width: 100%;
	width: 537px;
	margin: 0px auto;
	position: relative;
	font-size: 10px;
	font-family: Verdana, Geneva, sans-serif;
	color: #000000;
	text-align: left;*/
}


/* =========================================================
   TEXT STYLES
============================================================ */

p {
	margin-top:0px;
	Margin-bottom:15px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 16px;
}
#prodDesc p {
	font-size: 12px;
	color: #660000;
	/*font-weight: bold;*/
	font-family: Arial, Helvetica, sans-serif;
	margin-top:0px;
	margin-bottom:10px;
	line-height: 1.2;
}
h1 {
	font-size: 15px;
	color: #832124;
	margin-top: 5px;
	margin-bottom: 0px;
	font-family: "Times New Roman", Times, serif;
}

/* =========================================================
   LINK STYLES
============================================================ */

a:visited {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
#bottomText  a   {
	margin-left: 10px;
	margin-right: 10px;
	color: #832124;
	text-decoration: none;
}
#bagLeft a{
	background-image: url(../images/SPproductsItemLeftLeft.jpg);
	height: 0px;
	width: 162px;
	float: left;
	background-position: 0px 0px;
	padding: 223px 0px 0px 0px;
	background-repeat: no-repeat;
}
#bagLeftCenter a{
	background-image: url(../images/SPproductsItemLeftCenter.jpg);
	height: 0px;
	width: 162px;
	float: left;
	background-position: 0px 0px;
	padding: 223px 0px 0px 0px;
	background-repeat: no-repeat;
}
#bagRightCenter a{
	background-image: url(../images/SPproductsItemRightCenter.jpg);
	height: 0px;
	width: 162px;
	float: left;
	background-position: 0px 0px;
	padding: 223px 0px 0px 0px;
	background-repeat: no-repeat;
}
#bagRight a{
	background-image: url(../images/SPproductsItemRightRight.jpg);
	height: 0px;
	width: 163px;
	float: left;
	background-position: 0px 0px;
	padding: 223px 0px 0px 0px;
	background-repeat: no-repeat;
}
#tagLeft a{
	background-image: url(../images/SPproductsBarLeftLeft.jpg);
	height: 0px;
	width: 162px;
	float: left;
	background-position: 0px 0px;
	padding: 30px 0px 0px 0px;
	background-repeat: no-repeat;
}
#tagLeftCenter a{
	background-image: url(../images/SPproductsBarLeftCenter.jpg);
	height: 0px;
	width: 162px;
	float: left;
	background-position: 0px 0px;
	padding: 30px 0px 0px 0px;
	background-repeat: no-repeat;
}
#tagRightCenter a{
	background-image: url(../images/SPproductsBarRightCenter.jpg);
	height: 0px;
	width: 162px;
	float: left;
	background-position: 0px 0px;
	padding: 30px 0px 0px 0px;
	background-repeat: no-repeat;
}
#tagRight a{
	background-image: url(../images/SPproductsBarRightRight.jpg);
	height: 0px;
	width: 163px;
	float: left;
	background-position: 0px 0px;
	padding: 30px 0px 0px 0px;
	background-repeat: no-repeat;
}
#tagRight a{
	background-image: url(../images/SPproductsBarRightRight.jpg);
	height: 30px;
	width: 163px;
	float: left;
	background-repeat: no-repeat;
}
#productDescription1 a, #productDescription2 a, #productDescription3 a, #productDescription4 a {
	text-decoration: none;
	color: #7E401E;
}

#productDescription1 a:hover, #productDescription2 a:hover, #productDescription3 a:hover, #productDescription4 a:hover {
	text-decoration: none;
	color: #000000;
}
#prodDesc a {
	text-decoration: none;
	color: #660000;
	font-weight: bold;
}

#prodDesc a:hover {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
dl#productNutritionFacts a {
	text-decoration: none;
	color: #7E401E;
}
dl#productNutritionFacts a:hover {
	text-decoration: underline;
	color: #7E401E;
}
#homeRecipeFloatLink  a {
	height: 0px;
	/*width: 175px;*/
	width: 150px;
	float: left;
	padding: 140px 0px 0px 0px;
	overflow: hidden;
}
#logoFloatLink  a {
	height: 0px;
	width: 275px;
	float: left;
	padding: 140px 0px 0px 0px;
	overflow: hidden;
}
.siteIndex  a:link {
	color: #832124;
	text-decoration: none;
}
.siteIndex a:hover {
	color: #832124;
	text-decoration: underline;
	font-weight: bold;
}
#buttonVote  a {
	height: 0px;
	width: 158px;
	float: left;
	padding: 29px 0px 0px 0px;
	overflow: hidden;
}
#buttonVote  a:hover {
	opacity: .5;
	filter: alpha(opacity=50);
}

/* =========================================================
   NAVIGATION STYLES
============================================================ */

#navigation {
	background-image: url(../images/SPnavigation.gif);
	height: 343px;
	width: 144px;
	overflow: hidden;
	top: 0px;
	left: 4px;
	float: left;
}
#navigationProd {
	background-image: url(../images/SPnavigationProducts.gif);
	height: 343px;
	width: 144px;
	overflow: hidden;
	top: 0px;
	left: 4px;
	float: left;
}
#product, #store, #health, #news, #recipes, #wheretobuy {
	height: 41px;
	width: 144px;
	overflow: hidden;
}
#product {
	margin-top: 18px;
}
#store {
	margin-top: 15px;
}
#health {
	margin-top: 13px;
}
#news {
	margin-top: 15px;
}
#recipes {
	margin-top: 14px;
}
#wheretobuy {
	margin-top: 14px;
}
#product a, #store a, #health a, #news a, #recipes a, #wheretobuy a {
	background-image: url(../images/SPnavigation.gif);
	overflow: hidden;
	padding: 0px 0px 0px 160px;
	float: left;
	height: 41px;
	width: 0px;
}
#product  a {
	background-position: 0px -18px;
}
#store a {
	background-position: 0px -74px;
}
#health a {
	background-position: 0px -128px;
}
#news a {
	background-position: 0px -184px;
}
#recipes a {
	background-position: 0px -239px;
}
#wheretobuy a {
	background-position: 0px -294px;
}
#product  a:hover {
	background-position: -156px -18px;
}
#store a:hover {
	background-position: -156px -74px;
}
#health a:hover {
	background-position: -156px -128px;
}
#news a:hover {
	background-position: -156px -184px;
}
#recipes a:hover {
	background-position: -156px -239px;
}
#wheretobuy a:hover {
	background-position: -156px -294px;
}

/* =========================================================
   OTHER STYLES
============================================================ */

td {
	margin-top:0px;
	Margin-bottom:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
}
#headerHome {
	background-image: url(../images/SPheaderAwningHome.gif);
	height: 143px;
	width: 861px;
}
#headerLink {
	background-color: #00FF00;
	height: 20px;
	width: 20px;
	float: left;
}
#headerSmall {
	background-image: url(../images/SPheaderAwningSmall.gif);
	height: 143px;
	width: 861px;
}
#headerMedium {
	background-image: url(../images/SPheaderAwningMedium.gif);
	height: 143px;
	width: 861px;
}
#headerLarge {
	background-image: url(../images/SPheaderAwningLarge.gif);
	height: 143px;
	width: 861px;
}
#containerLeft {
	height: 545px;
	width: 160px;
	float: left;
	clear: both;
}
#bottomLeftHome {
	background-image: url(../images/SPedgeBottomLeftHome.gif);
	height: 202px;
	width: 160px;
	clear: both;
}
#navigationSpacerRight {
	background-image: url(../images/SPnavigationRightSpace.jpg);
	float: right;
	height: 343px;
	width: 12px;
}
#navigationSpacerRightShelf {
	float: right;
	height: 343px;
	width: 12px;
	background-image: url(../images/SPnavigationProductsRightSpace.jpg);
}
#navigationSpacerLeft {
	float: left;
	height: 343px;
	width: 4px;
	left: 0px;
	top: 0px;
}
#bottomLeft {
	background-image: url(../images/SPedgeBottomLeft.gif);
	height: 202px;
	width: 160px;
	clear: both;
}
#containerRight {
	height: 545px;
	width: 701px;
	float: right;
}
#containerCenter {
	height: 545px;
	width: 649px;
	float: left;
}
#containerCenter.ProdPage img {
	margin:0px;
	padding:0px;
	float:left;
	position:relative;
}
#homeCenter {
	background-image: url(../images/SPhomeCenter.jpg);
	height: 508px;
	width: 407px;
	float: left;
}

#bottomText {
	font-size: 13px;
	color: #832124;
	position: relative;
	left: 0px;
	top: 13px;
	float: left;
	font-weight: bold;
	text-align: center;
	width: 541px;
}
#homeTopRight {
	height: 173px;
	width: 242px;
	float: right;
	z-index: 10;
	margin: 0px;
	padding: 0px;
}
#homeBottomRight {
	height: 335px;
	width: 242px;
	float: right;
	background-image: url(../images/SPhomeBottomRight.jpg);
	background-repeat: no-repeat;
	/*text-indent: -9999px;
	cursor: pointer;*/
}
#bannerProducts {
	background-image: url(../images/SPproductsBanner.jpg);
	height: 62px;
	width: 649px;
}
#bannerHealth {
	background-image: url(../images/SPhealthNutritionBanner.jpg);
	height: 62px;
	width: 649px;
}
#bannerNews {
	background-image: url(../images/SPnewsBanner.jpg);
	height: 62px;
	width: 649px;
}
#bannerRecipes {
	background-image: url(../images/SPrecipesBanner.jpg);
	height: 62px;
	width: 649px;
}
#bannerFAQ {
	background-image: url(../images/SPfaqBanner.jpg);
	height: 62px;
	width: 649px;
}
#bannerWhereToBuy {
	background-image: url(../images/SPwhereToBuyBanner.jpg);
	height: 62px;
	width: 649px;
}
#bannerAboutUs {
	background-image: url(../images/SPaboutUsBanner.jpg);
	height: 62px;
	width: 649px;
}
#bannerContactUs {
	background-image: url(../images/SPcontactBanner.jpg);
	height: 62px;
	width: 649px;
}
#bannerSiteIndex {
	background-image: url(../images/SPsiteIndexBanner.jpg);
	height: 62px;
	width: 649px;
}
#bannerPrivacy {
	background-image: url(../images/SPprivacyBanner.jpg);
	height: 62px;
	width: 649px;
}
#iFrameBG {
	background-image: url(../images/SPcenterFrame.jpg);
	height: 416px;
	width: 625px;
	padding-top: 30px;
	padding-left: 24px;
}
iframe {
	height: 386px;
	width: 583px;
}
#productBags {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	height: 216px;
	width: 649px;
}
#bagLeft, #bagLeftCenter, #bagRightCenter{
	height: 216px;
	width: 162px;
	overflow: hidden;
	float: left;
}
#bagRight {
	height: 216px;
	width: 163px;
	overflow: hidden;
	float: left;
}
#productTags {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	height: 30px;
}
#tagLeft, #tagLeftCenter, #tagRightCenter{
	height: 30px;
	width: 162px;
	overflow: hidden;
	float: left;
}
#tagRight {
	height: 30px;
	width: 163px;
	overflow: hidden;
	float: left;
}
#productCopy {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	height: 125px;
	float: left;
	top: 20px;
	position: relative;
	left: 21px;
	width: 607px;
}
div#productCopy  div {
	display: inline;
}
#productDescription1 {
	font-size: 12px;
	color: #7E401E;
	width: 115px;
	position: relative;
	font-weight: bold;
	left: 21px;
	top: 10px;
	float: left;
}
#productDescription2 {
	font-size: 12px;
	color: #7E401E;
	width: 115px;
	position: relative;
	font-weight: bold;
	left: 65px;
	top: 10px;
	float: left;
}
#productDescription3 {
	font-size: 12px;
	color: #7E401E;
	width: 115px;
	position: relative;
	font-weight: bold;
	left: 117px;
	float: left;
	top: 10px;
}
#productDescription4 {
	font-size: 12px;
	color: #7E401E;
	width: 115px;
	position: relative;
	font-weight: bold;
	left: 163px;
	float: left;
	top: 10px;
}
#prodDesc {
	width: 370px;
	position: relative;
	left: 21px;
	top: 15px;
	float: left;
}
dl, dt, dd {
	margin:0px;
	padding:0px;
}
dl#productNutritionFacts {
	width: 200px;
	position: relative;
	left: 47px;
	top: 43px;
	float: left;
	color: #7E401E;
}

dl#productNutritionFacts dt {
	font-size: 13px;
	text-align:center;
	margin-bottom:0px;
	clear: both;
	font-weight: bold;
}
dl#productNutritionFacts dd {
	font-size: 11px;
	position: relative;
	padding:0px;
	margin-top:0px;
	margin-bottom:10px;
	text-align:center;
	line-height:1.1;
}
dl#productNutritionFacts dd.left {
	float: left;
	clear: right;
}
dl#productNutritionFacts dd.center {
	text-align:center;
	clear: both;
}
dl#productNutritionFacts dd.right {
	float: right;
}
#footer {
	background-image: url(../images/SPedgeBottom.jpg);
	height: 37px;
	width: 649px;
	clear:both;
}
#footerHome {
	background-image: url(../images/SPfooterHome.jpg);
	height: 37px;
	width: 649px;
	float: left;
}
#productBottom {
	background-image: url(../images/SPproductsBottom.jpg);
	height: 200px;
	width: 649px;
}
#productsTextBg {
	background-image: url(../images/SPproductsTextBg.jpg);
	height: 200px;
	width: 649px;
	clear:both;
}
#edgeRight {
	background-image: url(../images/SPedgeRight.gif);
	height: 545px;
	width: 52px;
	float: right;
}
#edgeRightHome {
	background-image: url(../images/SPedgeRightHome.gif);
	height: 545px;
	width: 52px;
	float: right;
}
#edgeRightShelf {
	background-image: url(../images/SPedgeRightShelf.gif);
	height: 545px;
	width: 52px;
	float: right;
}
.clearFloat   {
	clear: both;
}
.opacity {
	opacity: .5;
	filter: alpha(opacity=50);
}
#frameContent {
	height: auto;
	width: 520px;
	padding: 0px 8px 0px 8px;
}
#frameContent li {
	color: #000000;
	font: 12px "Times New Roman", Times, serif;
	margin-bottom: 7px;
}
.frameImageRight {
	float: right;
	margin: 5px 10px 10px 15px;
	clear: both;
}
.frameImageLeft {
	float: left;
	margin: 5px 15px 15px 0px;
	clear: both;
}
.copyRight {
	font-size: 10px;
	color: #FFFFFF;
	text-align: right;
	margin-right: 20px;
	padding-top: 5px;
	clear: both;
	font-weight: bold;
}
.siteIndex {
	font-size: 15px;
	color: #832124;
	font-family: "Times New Roman", Times, serif;
	list-style-position: outside;
	list-style-type: circle;
	font-weight: bold;
	margin-top: 5px;
}
.siteIndex li {
	margin-bottom: 5px;
}
#homeRecipeFloatLink {
	height: 140px;
	/*width: 175px;*/
	width: 150px;
	top: -197px;
	left: 60px;
	overflow: hidden;
	position: relative;
	float: left;
}

#logoFloatLink {
	height: 140px;
	width: 275px;
	top: 0px;
	left: 292px;
	overflow: hidden;
	position: relative;
}
.FAQ li {
	margin-bottom: 0px;
}
hr {
	border: none 0;
	border-top: 1px solid #EDE09A;
	width: 100%;
	height: 1px;
	margin: 15px auto 15px 0;
	text-align: left;
}
#buttonVote {
	height: 29px;
	width: 158px;
	top: 187px;
	left: 25px;
	overflow: hidden;
	position: relative;
}
#contactTable {
	margin: 0px;
	padding: 2px;
	min-width: 275px;
	border: 0px;
}
#NameBox, #EmailBox, #CompanyBox, #AddressBox, #CityBox, #ZipcodeBox, #PhoneBox, #FlavorBox  {
	width: 175px;
}
#StateSelectBox{
	width: 180px;
}

#BoughtProductsBox, #CommentsBox {
	width: 225px;
}
.NewsletterErrorSpace {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 70px;
}
#flashcontent {
	margin: 110px 0px 0px 30px;
}
.HEALTH th {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

.HEALTH tr.even {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

.HEALTH tr.odd {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
