/*
+-------------------------------------------------------------------------+
Title:		Bagel Bites 2011
Version:	1.0
Copyright:	2011 - Smith Brothers Agency

gjh
+-------------------------------------------------------------------------+
*/


/* reset -------------------------------------------------------------------- */
/* version 3.0 - 11.04.10, gjh nods to html5 boilerplate, yui and eric meyer.
/* -------------------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del {text-decoration: line-through;}	

blockquote, q {quotes: none;}

table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

ul, ol {list-style: none;}
li {margin-bottom: 1.2em;}

:focus {outline:0;}

caption, th {text-align:left;}

/* Additional */
label, input[type=button], input[type=submit], button {cursor: pointer;}
button, input, select, textarea { margin: 0; }

a.img {border: none;}

sup {
	height: 0;
	line-height: 1;
	position: relative;
	top: -3px;
	vertical-align: baseline !important;
	vertical-align: bottom;
	font-size: .9em; }

.clear {clear: both;}
.group:after {
	content: ".";
	display: block;
	height:0;
	clear:both;
	visibility: hidden;}

/* for image replacement */
.ir,
#nav-main a { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.*/
.vh { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.vh.focusable:active,
.vh.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}

#skip, 
.hide,
#logo-print {display: none;}

body {background:url(../img/bg-top.jpg) 0 0 repeat-x;}

#bagel-bites {
	width: 960px;
	margin: 0 auto;}
	

/* Page Header */
#header {
	width: 830px;
	height: 90px;
	padding: 53px 0 0;
	overflow: visible;
	margin: 0 auto;
	position: relative;}
	
#header h1 {
	width: 350px;
	height: 197px;
	position: absolute;
	top:0;
	left:240px;
	background: url(../img/logo.png) 0 0 no-repeat;}
	
	#header h1 a {
		width: 160px;
		height: 150px;
		margin: 0 auto;
		position: relative;}

/* Main Navigation */
#nav-main {
	width: 830px;
	height: 90px;
	background: url(../img/nav-b.png) 0 0 no-repeat;}	
	
	#nav-main ul {
		width: 830px;
		height: 90px;
		position: relative;}
		
		.wholesome #nav-main ul {background: url(../img/nav-b.png) 0 -90px no-repeat;}
		.products #nav-main ul {background: url(../img/nav-b.png) 0 -180px no-repeat;}
		.smart #nav-main ul {background: url(../img/nav-b.png) 0 -270px no-repeat;}
		.offers #nav-main ul {background: url(../img/nav-b.png) 0 -360px no-repeat;}
		.about #nav-main ul {background: url(../img/nav-b.png) 0 -450px no-repeat;}
		.contact #nav-main ul {background: url(../img/nav-b.png) 0 -540px no-repeat;}
	
	#nav-main li {
		height: 90px;
		position: absolute;
		top:0;}
		
	#nav-main li a {
		height: 90px;
		position: relative;
		z-index: 25;
		background-image: url(../img/nav-b.png);}
	
	#nav-sw {width: 123px;left:0;}		
		#nav-sw a,
		.wholesome #nav-sw a:hover {width: 123px;background-position: 0 -630px;}
		#nav-sw a:hover {background-position: 0 -720px;}		
		
	#nav-pr {width: 99px;left: 123px;}		
		#nav-pr a,
		.products #nav-pr a:hover {width: 99px;	background-position: -123px -630px;}
		#nav-pr a:hover {background-position: -123px -720px;}
		
	#nav-sm {width: 102px;left: 222px;}		
		#nav-sm a,
		.smart #nav-sm a:hover {width: 102px;background-position: -222px -630px;}
		#nav-sm a:hover {background-position: -222px -720px;}
		
	#nav-ne {width: 94px;right: 227px;}		
		#nav-ne a,
		.offers #nav-ne a:hover {width: 94px;	background-position: -509px -630px;}
		#nav-ne a:hover {background-position: -509px -720px;}
		
	#nav-ab {width: 99px;right: 128px;}		
		#nav-ab a,
		.about #nav-ab a:hover {width: 99px;background-position: -603px -630px;}
		#nav-ab a:hover {background-position: -603px -720px;}
		
	#nav-co {width: 128px;right: 0;}		
		#nav-co a,
		.contact #nav-co a:hover {width: 128px; background-position: -702px -630px;}
		#nav-co a:hover {background-position: -702px -720px;}
		

/* Sub Navigations */

/* Products */
#sub-products {
	width: 724px;
	height: 50px;
	margin: 30px auto 0;
	position: relative;
	z-index: 100;
	background: url(../img/subnav/sub-products.png) 0 0 no-repeat;}
	
	#sub-products li {
		height: 50px;
		float: left;}
	
	#sub-products li a {
		height: 50px;
		background-image: url(../img/subnav/sub-products.png);}
	
	#sn-cheese {width: 102px;}
		#sn-cheese a {width: 102px; background-position: 0 0;}
		#sn-cheese a:hover,
		.three-cheese #sn-cheese a {background-position: 0 -50px;}
		
	#sn-pepper {width: 121px;}
		#sn-pepper a {width: 121px; background-position: -102px 0;}
		#sn-pepper a:hover,
		.pepperoni #sn-pepper a {background-position: -102px -50px;}
	
	#sn-deluxe {width: 220px;}
		#sn-deluxe a {width: 220px; background-position: -223px 0;}
		#sn-deluxe a:hover,
		.deluxe #sn-deluxe a {background-position: -223px -50px;}
	
	#sn-suprem {width: 63px;}
		#sn-suprem a {width: 63px; background-position: -443px 0;}
		#sn-suprem a:hover,
		.supreme #sn-suprem a {background-position: -443px -50px;}
	
	#sn-mozzar {width: 82px;}
		#sn-mozzar a {width: 82px; background-position: -506px 0;}
		#sn-mozzar a:hover,
		.mozzarella  #sn-mozzar a {background-position: -506px -50px;}
	
	#sn-instru {width: 136px;}
		#sn-instru a {width: 136px; background-position: -588px 0;}
		#sn-instru a:hover,
		.instructions #sn-instru a {background-position: -588px -50px;}

#sub-smart {
	width: 338px;
	height: 36px;
	margin: 30px auto 0;
	position: relative;
	z-index: 100;
	background: url(../img/subnav/sub-smart.png) 0 0 no-repeat;}
	
	#sub-smart li {
		height: 36px;
		float: left;}
	
	#sub-smart li a {
		height: 36px;
		background-image: url(../img/subnav/sub-smart.png);}
		
	#sn-compar {width: 115px;}
		#sn-compar a {width: 115px; background-position: 0 0;}
		#sn-compar a:hover,
		.snack-compare #sn-compar a {background-position: 0 -50px;}
	
	#sn-versus {}
		#sn-versus a {width: 223px; background-position: -115px 0;}
		#sn-versus a:hover,
		.compare #sn-versus a {background-position: -115px -50px;}
		
#fb-like {margin-top: 15px;}


	
/* Header Z-Indexes */
#header {z-index: 2;}
#header h1 {z-index: 4;}
#header h1 a {z-index: 5;}



/* Content */
/* Different for lots of pages and stuff.  Great. */

#content {
	width: 960px;
	padding: 0;
	margin: 0 0 25px;
	position: relative;
	z-index: 1;
	font-size: 13px;
	color: #1e1e1e;
	font-family: Verdana, Arial, Helvetica, sans-serif; }	
	
	.home #content {margin-bottom: 0px;}
	
/* Shared Content Styles */

.blurb {
	text-align: center;
	margin: 0 auto 1em;
	line-height: 1.9em;}
	
.warn {
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 1.2em;}

.foot {font-size: 10px;}

	/* SLIDE 1 */
	#slide-1 {
		background: url(../img/homepage/slide2/bg.jpg) 300px 47px no-repeat;
		width: 860px;
		height: 330px;
		margin: 0 auto;
		position: relative;}
		
	#slide-1 h2 {
		width: 357px;
		height: 160px;
		background-image: url(../img/homepage/slide2/wholesome.gif);
		background-position: 40px 31px;}
	
	#slide-1 a {
		width: 208px;
		height: 27px;
		background-image: url(../img/buttons.png);
		background-position: 0 -60px;
		margin: 0 0 0 90px;}
		#slide-1 a:hover {background-position: 0 -90px;}
	
	#slide-1 p.ing {
		width: 320px;
		height: 68px;
		margin: 61px 0 0 385px;
		background-image: url(../img/homepage/slide2/simple2.gif);}

	
	
/* Call Outs - Every Page */
#call-outs {
	width: 870px;
	margin: 0 auto;
	background: url(../img/callouts/line.gif) top center no-repeat;
	padding-top: 45px;}
	
#call-outs ul {
	width: 870px;
	height: 220px;}
	
	#call-outs li {
		width: 290px;
		height: 220px;
		float: left;
		text-align: center;
		background-position: 0 44px;
		background-repeat: no-repeat;}
	
	#call-outs li h3 {
		width: 290px;
		height: 36px;
		background-position: top center;}
	
	#call-outs li a {
		height: 27px;
		background-image: url(../img/buttons.png);}
		
		#call-a {background-image: url(../img/callouts/wholesome/yum.jpg);}
			#call-a h3 {background-image: url(../img/callouts/wholesome/simply-wholesome.gif);}
			#call-a a {width: 208px; background-position: 0 -60px; margin: 105px 0 0 40px;}
				#call-a a:hover {background-position: 0 -90px;}

		#call-b {background-image: url(../img/callouts/smart/yummy.jpg);}
			#call-b h3 {background-image: url(../img/callouts/smart/smart-snacking.gif);}
			#call-b a {width: 175px; background-position: 0 -120px; margin: 105px 0 0 57px;}
				#call-b a:hover {background-position: 0 -150px;}

		#call-c {background-image: url(../img/callouts/coupons/bagel-bites.jpg);}
			#call-c h3 {background-image: url(../img/callouts/coupons/want-special-offers.gif);}
			#call-c a {width: 125px; background-position: 0 -180px; margin: 105px 0 0 135px;}
				#call-c a:hover {background-position: 0 -210px;}


/* Simply Wholesome */
#wholesome {
	width: 835px;
	height: 198px;
	margin: 0 auto;}

.wholesome .blurb {width: 610px;}

#wholesome-anim {
	width: 950px;
	height: 280px;
	margin: 0 auto;
	background: #ffffff url(../img/wholesome/arrows.gif) center 70px no-repeat;
	position: relative;}
	
	#wholesome-anim p {
		background-image: url(../img/wholesome/whole.gif);
		position: absolute;}
	
	#wholesome-anim img {
		display: block;
		position: absolute;}
		
		#js-cheese p {
			width: 186px;
			height: 62px;
			background-position: 0 -100px;
			top: 75px;
			left: 10px;}
			#js-cheese p.on {background-position: 0 0;}
			
		#js-cheese img {
			width:201px;
			height:166px;
			top: 92px;
			left: 148px;}
			
		#js-sauce p {
			width: 222px;
			height: 48px;
			background-position: -250px -100px;
			top: 57px;
			left: 220px;}
			#js-sauce p.on {background-position: -250px 0;}
		
		#js-sauce img {
			width:226px;
			height:198px;
			top: 70px;
			left: 369px;}
			
		#js-dough p {
			width: 236px;
			height: 48px;
			background-position: -500px -100px;
			top: 42px;
			right: 10px;}
			#js-dough p.on {background-position: -500px 0;}
		
		#js-dough img {
			width:172px;
			height:157px;
			top: 92px;
			left:598px;}
			
		

/* Our Products */
.products .blurb {width: 590px; margin-top: -20px;}
	
#ourproducts {
	width: 880px;
	margin: 25px auto 0;
	height: 165px;}
	
	#ourproducts div {
		width: 168px;
		float: left;
		position: relative;
		text-align: center;}
	
	#ourproducts h3 {
		width: 168px;
		height: 165px;
		position: absolute;
		top:0;
		left:0;}
	
	#ourproducts a {
		width: 168px;
		height: 165px;
		background-image: url(../img/flavors.gif);}
		
		#bb-three-cheese {}
		#bb-three-cheese a {background-position: 40px 122px;}
			#bb-three-cheese a:hover {background-position: -210px 122px;}
			
		#bb-cheese {margin: 0 5px;}
		#bb-cheese a {background-position: 25px -53px;}
			#bb-cheese a:hover {background-position: -225px -53px;}
		
		#bb-deluxe {margin: 0 5px;}
		#bb-deluxe a {background-position: 26px -228px;}
			#bb-deluxe a:hover {background-position: -224px -228px;}
		
		#bb-supreme {margin: 0 5px;}
		#bb-supreme a {background-position: 57px -403px;}
			#bb-supreme a:hover {background-position: -193px -403px;}
		
		#bb-mozzarella {}
		#bb-mozzarella a {background-position: 53px -578px;}
			#bb-mozzarella a:hover {background-position: -197px -578px;}

/* Individual Product Pages */
#bagel-bite {
	width: 480px;
	margin: 25px auto;
	position: relative;
	min-height: 250px;
	padding: 0 0 0 270px;
	font-size: 11px;}
	
	#prod-shot {
		display: block;
		position: absolute;
		top:0;
		left:0;}
	
	#product-info {
		width: 300px;
		line-height: 1.5em;
		margin-bottom: 1.3em;}
		
	#product-availability {
		width: 300px;
		font-weight: bold;
		font-size: 12px;}
		
		#prod-availability img {
			position: absolute;
			right: 95px;
			bottom: 65px;}
	
	#nutritional-info a {
		height: 27px;
		width: 190px;
		margin: 15px 0 0 -5px;
		background-image: url(../img/buttons.png);
		background-position: 0 -240px;}
		
		#nutritional-info a:hover {
			background-position: 0 -270px;}

/* Cooking Instructions */

#instructions-menu {
	width: 525px;
	height: 150px;
	margin: 0 auto;
	background: url(../img/instructions/ovens-bg.jpg) 0 0 no-repeat;}
	
	.instrucciones #instructions-menu {
		width: 540px;
		background: url(../img/instructions/ovens-bg-sp.jpg) 0 0 no-repeat;}
	
	#instructions-menu li {
		width: 175px;
		height: 150px;
		float: left;
		background-image: url(../img/instructions/ovens.jpg);
		background-repeat: no-repeat;}
		
	#instructions-menu a {
		width: 175px;
		height: 150px;
		background-image:url(../img/instructions/txt.png);
		background-repeat: no-repeat;}
		
		.instrucciones #instructions-menu a {background-image:url(../img/instructions/txt-sp.png);}
		
		#inst-oven {background-position: 0 0;}		
			#inst-oven a {background-position: 38px 0;}
				#inst-oven a:hover {background-position: 38px -150px;}	
					
		#inst-micr {background-position: -175px 0;}
			#inst-micr a {background-position: -171px 0;}
				#inst-micr a:hover {background-position: -171px -150px;}
						
		#inst-toas {background-position: -350px 0;}
			#inst-toas a {background-position: -350px 0;}
				#inst-toas a:hover {background-position: -350px -150px;}
				
				.instrucciones #inst-toas,
				.instrucciones #inst-toas a {width: 190px;}
		
		#instructions-menu li.on {text-indent: -123456px; background: none;}
		
		#need {
			text-align: right;
			width: 600px;
			margin: 0 auto;}
			
		#need a {color: #f2261d;}
			#need a:hover {text-decoration: none;}
	


.instructions .blurb {width: 590px; margin-top: -20px;}

#cooking-instructions {
	width: 540px;
	margin: 20px auto;
	font-size: 11px;}
	
#instruct li {
	padding: 0 0 0 25px;
	background-image: url(../img/nums.gif);
	background-repeat: no-repeat;
	min-height: 20px;}
	
	.i1 {background-position: -9px -33px;}
	.i2 {background-position: -9px -83px;}
	.i3 {background-position: -9px -133px;}
	.i4 {background-position: -9px -183px;}
	.i5 {background-position: -9px -233px;}
	.i6 {background-position: -9px -283px;}
	
/* Smart Snacking */
#smart-menu {
	width: 540px;
	height: 170px;
	margin: -25px auto 0;}

	#smart-menu li {
		width: 241px;
		height: 241px;
		position: relative;}
		
		#smart-menu a {
			position: absolute;
			top:0;
			left:0;
			width: 241px;
			height: 241px;
			background-image: url(../img/smart/compare-over.png);}
		
	#smart-compare {
		background: url(../img/smart/compare-snacks.png) 0 0 no-repeat;
		float: left;}
		
		#smart-compare a {background-position: 6000px 6000px;}
		#smart-compare a:hover {background-position: 62px 164px;}
		
	#smart-vs {
		background: url(../img/smart/vs.png) 0 0 no-repeat;
		float: right;}
		
		#smart-vs a {background-position: 6000px 6000px;}
		#smart-vs a:hover {background-position: -204px 168px;}

/* Snack Comparison */
.compare .blurb {width: 590px; margin-top: -20px;}
.snack-compare p.foot {width: 450px; margin: 0 auto;}
.compare img {
	display: block;
	margin: 25px auto;}
	
#compare-nav {
	width: 516px;
	height: 69px;
	margin: 15px auto 30px;}
	
	#compare-nav li {
		width: 69px;
		height: 69px;
		float: left;}
		
		#cnav0 {margin-right: 26px;}
		#cnav1 {margin-right: 20px;}
		#cnav2 {margin-right: 20px;}
		#cnav3 {margin-right: 17px;}
		#cnav4 {margin-right: 19px;}
		#cnav5 {}
	
	#compare-nav a {
		display: block;
		width: 69px;
		height: 69px;
		background-image: url(../img/compare/nav.jpg);}
		
		#cnav0 a {background-position: 0 0;}
			#cnav0 a:hover, 
			#cnav0.activeSlide a {background-position: 0 -75px;}
		
		#cnav1 a {background-position: -95px 0;}
			#cnav1 a:hover, 
			#cnav1.activeSlide a {background-position: -95px -75px;}
		
		#cnav2 a {background-position: -184px 0;}
			#cnav2 a:hover, 
			#cnav2.activeSlide a {background-position: -184px -75px;}
		
		#cnav3 a {background-position: -273px 0;}
			#cnav3 a:hover, 
			#cnav3.activeSlide a {background-position: -273px -75px;}
		
		#cnav4 a {background-position: -359px 0;}
			#cnav4 a:hover, 
			#cnav4.activeSlide a {background-position: -359px -75px;}
		
		#cnav5 a {background-position: -447px 0;}
			#cnav5 a:hover, 
			#cnav5.activeSlide a {background-position: -447px -75px;}

#compare-slides {
	margin: 0 0 0 120px;
	width: 779px;
	min-height: 125px;
	background: url(../img/compare/bg.gif) 0 0 no-repeat;
	position: relative;}
	
	#compare-slides div {background-color: transparent !important;}
	
	#compare-slideshow {
	height: 500px;
	margin: 0 0 15px;}

	#compare-slides p {
		width: 509px;
		height: 125px;
		background-image: url(../img/compare/compares.gif);
		margin: 0 0 0 90px;}		
		
		#compare-slides p.foot {
				width: 500px;
				height: auto;
				background-image: none;
				margin:0 auto;
				position: absolute;
				top: 295px;
				left:110px;}
		
		#compare-1 p {background-position: 0 0;}			
		#compare-2 p {background-position: 0 -125px;}
		#compare-3 p {background-position: 0 -250px;}
		#compare-4 p {background-position: 0 -375px;;}
		#compare-5 p {background-position: 0 -500px;}
		#compare-6 p {background-position: 0 -625px;}
	
	#bb-stats {
		width: 779px;
		height: 149px;
		background: url(../img/compare/bagel-bites.jpg);
		margin: 0 0 0 118px;}



/* VS */
#compare-them {
	width: 450px;
	height: 100px;
	margin: 0 auto;
	background: url(../img/smart/tot.jpg) 0 0 no-repeat;
	padding: 355px 0 0;
	position: relative;}
	
	#compare-them div {width: 210px; position: absolute; top:155px;}
	#compare-them ul{
		padding-top: 10px;
		font-size: .9em;
		list-style-type: disc;}
	
	#compare-bb {left: -20px;}
	#compare-pr {right: -60px;}
		
		#compare-them li {margin-left: 20px;}
		
/* News & Offers */
.offers .blurb {width: 590px; margin-top: -20px;}

#news-form {
	width: 640px;
	margin: 35px auto;
	font-size: 11px;}

#news-form div {margin-bottom: 10px;}
	
	#news-form fieldset {line-height: 2em;}
	#news-form fieldset {width: 300px;}
	#offers-personal {float: left;}
	#offers-other {float: right;}	
	
	#offers-personal label,
	#news-form h4 {font-weight: bold; }
	#offers-personal label {
		display: block;
		width: 100px;
		float: left;}
	
	#offers-personal input {width: 175px; float: left;}
	#offers-other label {padding: 0 6px 0 5px;}
	
	#agree_terms {margin: 10px 0; width: 280px;}
	#agree_terms label {
		font-size: .9em;
		width: 250px;
		float: right;
		margin: -3px 0 0;}
	
	#agree_terms input {
		width: auto;
		height: auto;
		float: left;
		margin: 1px 0 0;
		padding:0;}	
	
	#submit  {
		width: 82px;
		height: 35px;
		padding: 35px 0 0;
		margin: 5px 0 0;
		border: 0;
		background:  url(../img/submit.jpg) 0 0 no-repeat;
		overflow: hidden;
		cursor: pointer; /* hand-shaped cursor */
		cursor: hand; /* for IE 5.x */	}
		
		 #submit:hover {background-position: 0 -33px;}
	
	form>#submit  { /* For non-IE browsers*/
		height: 0px;}
		
/* About */
#about-bagel-bites {
	width: 640px;
	margin: -10px auto 0;}
	
	#about-bagel-bites p {margin-bottom: 1.2em; line-height: 1.5em;}
	#about-bagel-bites img {
		display: block;
		margin: 10px auto;}

/* Content Banners */
h2.banner {
	height: 50px;
	width: 582px;
	margin: 25px auto;
	background-image: url(../img/banners.gif);}
	
#b-whole {background-position: 102px 0;}

#b-produ {background-position: 150px -50px;}
#b-three {background-position: 146px -100px;}
#b-peppe {background-position: 84px -150px;}
#b-delux {background-position: 86px -200px; height: 100px;}
#b-supre {background-position: 201px -300px;}
#b-mozza {background-position: 180px -350px;}

#b-smart {background-position: 126px -400px; height: 36px;}
#b-compa {background-position: 0 -450px;}
#b-totin {background-position: 52px -500px; height: 100px;}

#b-newss {background-position: 41px -600px; height: 68px;}

#b-about {background-position: 196px -700px;}

#b-conta {background-position: 178px -750px;}

#b-instr {background-position: 77px -800px;}
#b-instr-s {width: 618px; background-position: 0 -850px;}
	
		
/* Footer - Every Page */
#footer {
	width: 100%;
	height: 100px;
	border-top: 1px solid #f5eddf;
	padding: 20px 0 0;
	text-align: center;
	background: url(../img/bg-bot.jpg) bottom left repeat-x;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
	font-size: 10px;
	color: #ed1b2f;
	line-height: 2em;}
	
	#footer-txt {}
	
	#footer a {
		color: #ed1b2f;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: 1px;}
		
		#footer a:hover {text-decoration: underline;}
		
	#footer p#copy {
		font-size: 11px;
		color: #4e0000;}
		
	a#oi {
		width: 66px;
		height: 30px;
		margin: 5px auto 0;
		background-image: url(../img/oreida.gif);
		position: relative;
		z-index: 10000;}

	#fb-fan {
		width: 930px;
		height: 70px;
		margin: -70px auto 0;
		text-align: right;}
		

/* Nutritional Styles */
/** 
 * nutrition.css
 * The following code formats a table for a nutrition label. Feel free to use it as you wish.
 * Crediting the author is always appreciated.
 * Jonathon Eric Cihlar, January 2007
*/

/* #nutri {display: none;} */

#nutrition-info {background: #ffffff;}
#nutrition-facts {
	margin:0;
	padding:0;}

table.nutrition {
	width : 275px;
	background-color: #fff;
	color: #000;
	border : 1px solid black;
	border-collapse : collapse;
	table-layout : auto;
	margin: 4px;}

.nutrition caption {
	font-family : Arial;
	font-size : small;
	font-style: italic;}

.nutrition tr#calories td {border-bottom : 4px solid black;}
.nutrition tr#servings td {border-bottom : 6px solid black;}
.nutrition tr#minerals td {border-top : 4px solid black;}

.nutrition th {
	background-color : transparent;
	padding : 3px;
	border : 0;
	font-family : Arial;
	font-size : large;
	font-weight : bolder;}	

.nutrition td {
	padding : 3px;		
	font-family : Arial;
	font-size : x-small;
	border : 0;
	border-bottom : 1px solid black;
	text-align : left;}

.nutrition td.dv {
	font-weight : bold;
	text-align : right;}

.nutrition td.sub {text-indent : 10px;}

.nutrition td.disclaimer {font-size : xx-small;}

.nutrition strong {font-weight : bold;}


/* Legacy from old site / heinz Code */
/* Contact Message */
/* errors */

#content #form {font-size: 11px;}
	#contact #form ul {
		float:none;
		margin: 0 auto 25px;
		padding: 10px;
		border: 1px solid #000000;
		background: #d42922;
		color: #ffffff;
		font-size: 11px;}
	#contact #form ul li {
		float:none; margin:0;}
		
	label abbr {color: #d42922;}
	
	
	
	#contact-personal {padding: 0 0 10px;}
	#contact-personal p {
		width: 410px;
		clear: left;
		height: auto;}
	
	
	#contact-personal label {
		display: block;
		width: 100px;
		padding: 0 15px 0 0;
		float: left;
		text-align: right;
		font-weight: bold;}
		
		#contact-personal label:after {content: ":";}
		
		#contact-personal input {
			float: left;
			width: 175px;
			height: 14px;
			margin: 0 0 10px}
			
			/* Zip Code Inputs */
					
			#contact-personal input#strZip,
			#contact-personal input#strZip2 {display: inline; float:none;}
			
			
			
	/* Contact - Opt-In */
	#contact-optin {
		background: url(../images/shared/dash.gif) bottom center no-repeat;
		padding: 0 0 10px;
		margin-bottom: 15px;}
		
	#contact-optin p {
		width: 410px;
		clear: both;}
		
		#contact-optin input {
			float: left;
			margin-left: 80px;}
		
		#contact-optin label {
			float: right;
			width: 300px;
			font-weight: bold;
			margin: 0 0 10px;}
			
	#contact-message {
	background: url(../images/shared/dash.gif) bottom center no-repeat;
	padding: 0 0 10px;
	margin-bottom: 15px;}
	
	#contact-message p {
	width: 410px;
	clear: left;
	height: auto;}
	
	#contact-message label {
	display: block;
	width: 100px;
	padding: 0 15px 0 0;
	float: left;
	text-align: right;
	font-weight: bold;}
	
		#contact-message label:after {content: ":";}
	
		#contact-message p.textbox label {
			width: auto; 
			float: none; 
			padding: 10px 0 13px; 
			text-align: left;}
	
	#contact-message input {
		float: left;
		width: 175px;
		height: 14px;
		margin: 0 0 10px}
		
			#contact-message p.textbox textarea {
				width: 100%; 
				float: none; 
				padding: 3px; 
				font-family: Verdana,Arial,Helvetica,sans-serif; 
				font-size: 11px;}


/* Contact Product */
#contact-product {padding: 0 0 10px;}
#contact-product p.intro {margin-bottom: 15px; font-size: .9em;}

#contact-product p {
	width: 410px;
	clear: left;
	height: auto;}
	
	#contact-product label {
	display: block;
	padding: 0 0 10px;
	margin:0;
	font-weight: bold;}
	
		#contact-product label:after {content: ":";}
	
	#contact-product input {
		width: 100%;
		height: 14px;
		margin: 0;}
		
	#contact-product p.textbox textarea {
		width: 100%; 
		float: none; 
		padding: 3px; 
		font-family: Verdana,Arial,Helvetica,sans-serif; 
		font-size: 11px;}
	
/* Contact Reply */
#contact-reply {
	background: url(../images/shared/dash.gif) bottom center no-repeat;
	padding: 0 0 10px;
	margin-bottom: 15px;
	font-weight: bold;}
	
	#contact-reply label {font-weight: bold;}


/* Contact Privacy */
#contact-privacy {font-size: .9em;}
		

#contact-submit {text-align: center;}

#reset-but {border:0; color: #ffffff;}


/* Dynamic Print */
#print {
	width: 62px;
	height: 30px;
	background-image: url(../img/print.gif);
	background-position: 0 0;
	margin: 0 auto;}
	
	#print:hover {background-position: 0 -30px;}
	
.instrucciones #print {
	width: 76px;
	height: 30px;
	background-image: url(../img/print-sp.gif);
	background-position: 0 0;
	margin: 0 auto;}
	
	.instrucciones #print:hover {background-position: 0 -30px;}
	
	
	
	
/* instrucciones */
.instrucciones #nav-main,
.instrucciones #call-outs ul,
.instrucciones #sub-products {display: none;}
.instrucciones #call-outs {background: none;}



/* Sticky Footer Stuffs -- http://www.cssstickyfooter.com/ */
html, body {height: 100%;}
#bagel-bites {min-height: 100%;}
#call-outs{
	overflow:auto;
	padding-bottom: 100px;}  /* must be same height as the footer */
#footer {
	position: relative;
	margin-top: -100px; /* negative value of footer height */
	clear:both;}
	
/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}