@charset "UTF-8";
/* CSS Document */

/**************************************************************************************/
/*******************************   styles by SUNSHINE   *******************************/
/*************************************   c2009   **************************************/
/**************************************************************************************/

* {   /* 0's out the margin & padding on everything */
	margin: 0px;
	padding: 0px;
}

/* =========================================================
				MAIN BODY CONTAINER & STRUCTURE
============================================================ */

html {
	height: 100% 
	}
body {
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.0;
	color: #990033;	
	background-image: url(images/bf-bg-header.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #ffd632;
	}
#container { /***** THIS IS THE MAIN OUTER CONTAINER ON ALL PAGES ******/
	width: 703px; /*965*/
	margin: 0px auto;
	position: relative;
	/*min-height: 595px;
	height: auto !important;
	height: 595px;
	overflow: auto;*/
	text-align: left;
	padding: 205px 120px 20px 142px;
	}
#footer {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #990033;
	padding-top: 10px;
	margin-top: 60px;
	overflow: auto;
	border-top: dashed 1px #eca733;
	}

/* =========================================================
				TEXT STYLES
============================================================ */

p {
	line-height: 1.2;
	margin-bottom: 15px;
	}
dl.product dd.ingredients p {	
	font-size: 12px;
	color: #000000;
	}
h1 {
	display: block;
	width: 525px;
	height: 55px;
	position: absolute;
	top: 55px;
	left: 325px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	}
h1.faq {
	background-image: url(images/bf-pg-title-faq.png);
	}
h1.prodinfo {
	background-image: url(images/bf-pg-title-product-information.png);
	}
h2 {
	font-size: 20px;
	text-indent: -28px;
	margin-left: 28px;
	color: #000000;
	margin-bottom: 10px;
	}
h3 {
	line-height: 1.2;
	font-size: 18px;
	font-weight: normal;
	text-indent: -24px;
	margin-left: 24px;
	color: #990033;
	margin-bottom: 10px;
	}
li h3 {
	text-indent: 0px;
	margin-left: 0px;
	margin-bottom: 5px;
	}
dt small {
	font-size: 80%;
	font-weight: normal;
	}

/* =========================================================
				LINK STYLES
============================================================ */

a, a:visited {
	text-decoration: underline;
	color: #990033;
	cursor: pointer;
	}
a:hover, a:active {
	text-decoration: none;
	}
a:active, a:focus {
	outline: 0;
	}
a#logo {
	display: block;
	width: 289px;
	height: 138px;
	position: absolute;
	top: 21px;
	left: 18px;
	text-indent: -9999px;
	background-image: url(images/bf-logo.png);
	background-repeat: no-repeat;
	}
#footer a {
	text-decoration: none;
	color: #990033;
	}
#footer a:hover {
	color: #000000;
	}
a#backhome {
	position: absolute;
	top: 5px;
	left: 10px;
	color: #AB1600;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	}
a#backhome:hover {
	text-decoration: underline;
	}
a#backtop {
	color: #AB1600;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	}
a#backtop:hover {
	text-decoration: underline;
	}
	
/* =========================================================
				LIST STYLES
============================================================ */

ul, ol {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 2em;
	padding-left: 2em;
	margin-bottom: 20px;
	}
ol {
	list-style-type: decimal;
	}
ul.nobull {
	list-style-type: none;
	}
li {
	line-height: 1.4;
	margin-bottom: 10px;
	}

/* =========================================================
				UNIVERSAL STYLES
============================================================ */

img {
	border:none;
	}
.clearfloat {
	clear:both;
	}
.backtotop  {
	font-size: 12px;
	text-decoration: none;
}
.fltlt { /* float an element left */
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}
.fltrt { /* float an element right */
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	}

/* =========================================================
				FOOTER STYLES
============================================================ */

#footleft {
	float: left;
	}
#footright {
	float: right;
	}
#footright li {
	display: inline;
	padding: 0px 8px;
	border-right: dashed 1px #eca733;
	}
#footright li.rgt {
	padding-right: 0px;
	border-right: none;
	}
	
/* =========================================================
				OTHER STYLES
============================================================ */

table {
	border-collapse:collapse;
}
.rule {
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: dashed 1px #eca733;
	}

/* =========================================================
				PRODUCTS PAGE
============================================================ */
	
dl.product {
	padding-bottom: 15px;
	margin-bottom: 25px;
	border-bottom: dashed 1px #eca733;
	background-image: url(images/bf-prod-bg.png);
	background-repeat: no-repeat;
	overflow: auto;
	}
dl.product#cherrycreamcheese {
	padding-bottom: 0px;
	border-bottom: none;
	}
dl.product dt {
	font-size: 24px;
	font-weight: normal;
	color: #990033;
	margin-bottom: 20px;
	}
dl.product dd {
	float: left;
	clear: both;
	}
dl.product dd.ingredients {
	float: left;
	clear: none;
	width: 340px;
	padding: 290px 31px 0px 31px;
	background-repeat: no-repeat;
	}
dl.product#original dd.ingredients {
	background-image: url(images/original.png);
	}	
dl.product#cinnamon dd.ingredients {
	background-image: url(images/cinnamon.png);
	}
dl.product#strawberry dd.ingredients {
	background-image: url(images/strawberry.png);
	}
dl.product#wholegrain dd.ingredients {
	background-image: url(images/wholegrain.png);
	}
dl.product#chive dd.ingredients {
	background-image: url(images/chive.png);
	}
dl.product#blueberry dd.ingredients {
	background-image: url(images/blueberry.png);
	}
dl.product#strawberrycreamcheese dd.ingredients {
	background-image: url(images/strawberrycreamcheese.png);
	}
dl.product#applecinnamoncreamcheese dd.ingredients {
	background-image: url(images/applecinnamoncreamcheese.png);
	}
dl.product#cherrycreamcheese dd.ingredients {
	background-image: url(images/cherrycreamcheese.png);
	}
	
/* =========================================================
				PRODUCT NUTRITION PANEL STYLES
============================================================ */

dl.product dd.nutripanel {
	float: right;
	clear: none;
	/*width: 214px;*/
	width: 200px;
	border: 3px solid #000000;
	padding: 7px;
	margin-left: 15px;
	background-color: #ffffff;
	}
#nutritionfacts {
	width: 200px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:11px;
	font-weight: normal;
	line-height: 1.3;
	}
#nutritionfacts thead {
	border-bottom: 7px solid #000000;
	}
#nutritionfacts thead th {
	text-align: center;
	}
#nutritionfacts thead th img {
	/*width: 235px;
	height: 23px;*/
	width: 200px;
	height: 20px;
	}
#nutritionfacts thead td, #nutritionfacts tbody td, #nutritionfacts tfoot td {
	padding: 5px 0px;
	color: #000000;
	}
#nutritionfacts tbody {
	border-bottom: 7px solid #000000;
	}
#nutritionfacts tbody td, #nutritionfacts tfoot td {
	border-bottom: 1px solid #000000;
	}
#nutritionfacts .indent {
	margin-left: 10px;
	}
#nutritionfacts strong, #nutritionfacts span.indent {
	margin-right: 7px;
	}
#nutritionfacts em {
	font-style: normal;
	font-weight: bold;
	}
#nutritionfacts .rule {
	border-bottom: 3px solid #000000;
	}
#nutritionfacts .end {
	border-bottom: none;
	}
#nutritionfacts col#FACT {
	/*width: 192px;*/
	}
#nutritionfacts col#VALUE {
	/*width: 43px;
	text-align: right;*/
	}

/**************************************************************************************/
/*******************************   END SUNSHINE STYLES   ******************************/
/**************************************************************************************/