/*
+-------------------------------------------------------------------------+
Title:		Bagel Bites Internets
Version:	1.3
Updated:	2/16/2010
+-------------------------------------------------------------------------+
*/

/* reset ----------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */

html, body, div, span, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
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;}

address, caption, cite, code, dfn, th, var { 
	font-style:normal; 
	font-weight:normal;} 
	
caption, th {text-align:left;}

table {
	border-collapse: collapse;
	border-spacing: 0;}

ul {list-style: none;}

blockquote, q {quotes: none;}

/* Additional */
form label {cursor: pointer;}
fieldset {border: none;}
abbr, acronymn {text-decoration: none; border:0;}

.clear {clear: both;}

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


body {
	background: #d42922;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #1e1e1e;}
	
p {margin: 0 0 .9em 0;}
	
	
#bagel-bites {
	width: 793px;
	margin: 0 auto;
	background:url(../images/shared/cheese-t.png) 40px 43px no-repeat;
	position: relative;}
	
		
/* Header Logo */
#header {height: 134px;}
#header h1 {
	width: 212px;
	height: 173px;
	position: absolute;
	top: 7px;
	left:0;
	z-index: 500;}
	
	#header h1 a {
		display: block;
		width: 212px;
		height: 173px;
		text-indent: -123456px;
		background: url(../images/shared/logo.png) 0 0 no-repeat;}
		

/* Main Nav */
#nav li {position: absolute; height: 111px; z-index: 500;}
#nav li a {display: block; height: 111px; background-image: url(../images/shared/nav.png); background-repeat: no-repeat; text-indent: -123456px;}


#nav-op {width: 98px; top:33px; left:227px;}
	#nav-op a {width: 98px; background-position: 0 0;}
	#nav-op a:hover,
	#nav-op.on a {width: 98px; background-position: 0 -127px;}

#nav-no {width: 94px; top:8px; left:339px;}
	#nav-no a {width: 94px; background-position: -112px 0;}
	#nav-no a:hover,
	#nav-no.on a {width: 94px; background-position: -112px -127px;}

#nav-ss {width: 94px; top:33px; left:447px;}
	#nav-ss a {width: 94px; background-position: -220px 0;}
	#nav-ss a:hover,
	#nav-ss.on a {width: 94px; background-position: -220px -127px;}

#nav-us {width: 94px; top:19px; left:555px;}
	#nav-us a {width: 94px; background-position: -328px 0;}
	#nav-us a:hover,
	#nav-us.on a {width: 94px; background-position: -328px -127px;}

#nav-os {width: 94px; top:15px; left:664px;}
	#nav-os a {width: 94px; background-position: -439px 0;}
	#nav-os a:hover,
	#nav-os.on a {width: 94px; background-position: -439px -127px;}


/* Gutter */
#gutter {
	width: 793px;
	height: 300px;
	background: url(../images/shared/cheese-b.gif) 68px 65px no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
	

#gutter-content {
	position: relative;
	width: 620px;
	height: 242px;
	margin: -41px 68px 0 104px;
	background: url(../images/shared/footer-bgb.png) 0 0 no-repeat;
	z-index: 400;}
	
	
	/* Callout A - How to Build a BB & Callout C - Crisper When Baked*/
	#callout-a{
		width: 282px;
		float: left;
		margin: 18px 0 0 25px;}
		
	#callout-c {
		width: 282px;
		float: left;
		margin: 21px 0 0 25px;}
		
		#callout-a h3 {
			width: 282px;
			height: 83px;
			text-indent: -123456px;
			background: url(../images/shared/callout-build-t2.gif) 0 0 no-repeat;}
			
		#callout-c h3 {
			width: 282px;
			height: 77px;
			text-indent: -123456px;
			background: url(../images/shared/callout-crisp-t.gif) 0 0 no-repeat;}
			
		#callout-a-content,
		#callout-c-content {
			background: url(../images/shared/callout-bg.gif) bottom left no-repeat;
			text-align: center;
			font-size: 10px;
			padding: 0 40px;
			height: 95px;}
			
			#callout-c-content {padding: 0 25px;}
		
		#callout-a a.learn-more,
		#callout-c a.learn-more {margin: 5px auto 0;}
	
	#callout-b {
		width: 278px; 
		height: 146px; 
		background: url(../images/shared/callout-b-save.gif) 0 0 no-repeat;
		float: right;
		margin: 49px 22px 0 0;}
		
		#callout-b a {
			display: block;
			width: 278px;
			height: 146px;
			text-indent: -123456px;}
			
			#callout-b a:hover {
			background: url(../images/shared/buck.gif) 135px 17px no-repeat;}
		
		#callout-b p {height:0; width:0; text-indent: -123456px;}
		
	
	#callout-d {
		width: 293px;
		float: left;
		margin: 21px 0 0 15px;}
		
		#callout-d h3 {
			width: 293px;
			height: 79px;
			text-indent: -123456px;
			background: url(../images/shared/callout-d-top.gif) 0 0 no-repeat;}
		
		#callout-d-content {
			background: url(../images/shared/callout-2-bg.gif) bottom left no-repeat;
			text-align: center;
			font-size: 10px;
			padding: 0 40px;
			height: 95px;}
		
		#callout-d a.learn-more {margin: 5px auto 0;}
		#callout-d img {
			width:99px;
			height:91px;
			position: absolute;
			top: 100px;
			left:10px;}
	
	
	#callout-e {
		width: 277px;
		float: right;
		margin: 32px 22px 0 0;}
		
		#callout-e h3 {
			width: 277px;
			height: 64px;
			text-indent: -123456px;
			background: url(../images/shared/callout-e-top.gif) 0 0 no-repeat;}
		
		#callout-e-content {
			background: url(../images/shared/callout-e-bg.gif) bottom left no-repeat;
			text-align: center;
			font-size: 10px;
			padding: 0 40px;
			height: 100px;}
		
		#callout-e a.play-more {
			margin: 5px auto 0;
			display: block;
			height: 36px;
			width: 178px;
			text-indent: -123456px;
			background: url(../images/shared/hotshot.png) 0 0 no-repeat;}
			
			#callout-e a.play-more:hover {
			height: 36px;
			width: 178px;
			background: url(../images/shared/hotshot.png) 0 -47px no-repeat;}
		
/* Footer */
	
#footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	height: 100px;}
	
	#footer a {color: #fde707; text-decoration: none;}
		#footer a:hover {color: #fde707; text-decoration: underline;}
	#footer p {margin-bottom: .5em; width: 300px; float: left; clear: left; padding: 25px 0 0 140px;}
	#footer p+p {padding-top:0;}
	#footer img {float: right; display: block; width:257px; height:69px; padding: 0 69px 0 0;}




/* Content Styles */
#content {
	width: 620px;
	min-height: 298px;
	margin: 0 0 0 104px;
	padding: 0 0 41px 0;
	position: relative;
	z-index: 300;
	
	background: #ffffff;}
	
	#home #content {padding-bottom: 6px;}
	
	#content-mask {
		width: 620px; 
		height: 64px; 
		position: absolute; 
		top:0; 
		left:0; 
		background: url(../images/shared/cheese-t.png) -64px -91px no-repeat;
		z-index: 400;}




/* Here is the main subnavigation thing. */
#sub-nav {
	width: 197px;
	height: 230px;
	padding: 56px 0 0 37px;
	background: url(../images/shared/subnav-bg.png) 0 0 no-repeat;
	position: absolute;
	top: 195px;
	left: -84px;
	z-index: 500;}
	
	#sub-nav h5 {width: 165px; height: 28px; text-indent: -123456px; }	
		#sn-prod {background: url(../images/banners/sub-nav.gif) 0 0 no-repeat;}
		#sn-smart {background: url(../images/banners/sub-nav.gif) 0 -30px no-repeat;}
		#sn-soccer {background: url(../images/banners/sub-nav.gif) 0 -60px no-repeat;}
		#sn-story {background: url(../images/banners/sub-nav.gif) 0 -90px no-repeat;}
	
	#sub-nav a {
		display: block;
		font-size: 12px;
		font-weight: bold;
		color: #1f1f1f;
		text-decoration: none;}
		
		#sub-nav a:hover {color: #ea622c;}
		#sub-nav li.on a {color: #ea622c;}
		
		
	#sub-nav ul {width: 155px; margin: 0 0 0 5px;}
		#sub-nav ul li {
			border-bottom: 1px dotted #8fafcf;
			padding: 3px 4px 4px 8px;}
	
	
		



/* Page Specific Styles */

/* Homepage */
#flash-contain {
	width: 620px;
	height: 298px;}
	
	
	#flash-home {
		width: 620px;
		height: 298px;
		background: url(../images/shared/alt-hp.jpg) 0 0 no-repeat;}
	
	#flash-home h3,
	#want {height:0; width:0; text-indent: -123456px;}
	#flash-home a {
		width: 620px;
		height: 298px;
		display: block;
		text-indent: -123456px;}
	
	
	


/* Our Products */
#product-menu {
	width: 620px;
	height: 309px;
	position: relative;
	background: url(../images/shared/products-bg.gif) 208px 19px no-repeat;
	margin: 15px 0 30px;}
	
	#product-menu dl {position: absolute;}	
		#product-menu dt {height:0; width:0; text-indent: -123456px;}
		#product-menu img {position: absolute; top:0; left:0;}
		#product-menu a {
			display: block;
			background-image:url(../images/shared/products-names.gif);
			background-repeat: no-repeat;
			position: absolute;
			bottom:0;
			top:0; text-indent: -123456px;}
		
	
	#prod-tc 	{width: 167px;	height: 156px; 	top:11px; 	left:38px;}
		#prod-tc a {width: 167px;	height: 156px; background-position: 0 117px;}
		#prod-tc a:hover {width: 167px;	height: 156px; background-position: -378px 117px;}
		
	#prod-cp 	{width: 155px; 	height: 165px;	top:2px; 	left:229px;}
		#prod-cp a {width: 155px; 	height: 165px; background-position: 3px -29px;}
		#prod-cp a:hover {width: 155px; 	height: 165px; background-position: -377px -29px;}
		
	#prod-csp 	{width: 164px; 	height: 162px;	top:5px; 	left:420px;}
		#prod-csp a	{width: 164px; 	height: 162px; background-position: 6px -208px;}
		#prod-csp a:hover	{width: 164px; 	height: 162px; background-position: -374px -208px;}
		
	#prod-s 	{width: 164px; 	height: 140px;	top:169px; 	left:136px;}
		#prod-s a	{width: 164px; 	height: 140px; background-position: 0 -388px;}
		#prod-s a:hover	{width: 164px; 	height: 140px; background-position: -380px -388px;}
		
	#prod-m 	{width: 164px; 	height: 142px;	top:167px; 	left:324px;}
		#prod-m a 	{width: 164px; 	height: 142px; background-position: 10px -541px;}
		#prod-m a:hover	{width: 164px; 	height: 142px; background-position: -370px -541px;}


/* Individual Product Pages */

#product-content {
	background: url(../images/shared/product-bg.gif) 0 0 no-repeat;
	margin: -33px 0 0 0;
	min-height: 170px;
	padding: 270px 0 0 0;
	position: relative;
	font-size: 11px;}
	
	#prod-box,
	#prod-shot {display: block; position: absolute;}
	

	#product-info {
		width: 275px;
		margin: 0 0 30px 25px;}
		
		#product-info h3 {
			font-size: 13px;
			margin-bottom: .5em;}
	
	
	#nutritional-info {
		width: 206px;
		height: 204px;
		position: absolute;
		top: 230px;
		right: 50px;}
		
		#nutritional-info h4 {
			width: 206px;
			height: 204px;
			text-indent: -123456px;
			background: url(../images/shared/nutri.png) 0 0 no-repeat;}
		
		#nutritional-info a {
			width: 206px;
			height: 204px;
			position: absolute;
			top:0;
			left:0;
			text-indent: -123456px;
			background: url(../images/shared/but-learn.png) 53px 148px no-repeat;}
			#nutritional-info a:hover {background: url(../images/shared/but-learn.png) -485px 148px no-repeat;}

	

/* Three Cheese */
#three-cheese #prod-box {width: 205px; height: 217px; top:55px; left: 42px;}
#three-cheese #prod-shot {width: 230px; height: 186px; top:51px; left: 300px;}

/* Pepperoni & Cheese */
#pepperoni #prod-box {width: 211px; height: 219px; top:55px; left: 42px;}
#pepperoni #prod-shot {width: 210px; height: 213px; top:44px; left: 303px;}

/* Sausage, Pepperoni & Cheese */
#sausage #prod-box {width: 205px; height: 217px; top:55px; left: 42px;}
#sausage #prod-shot {width: 216px; height: 208px; top:46px; left: 305px;}


/* Supreme */
#supreme #prod-box {width: 205px; height: 217px; top:55px; left: 42px;}
#supreme #prod-shot {width: 222px; height: 184px; top:46px; left: 305px;}

/* Mozzarella */
#mozzarella #prod-box {width: 242px; height: 184px; top:87px; left: 42px;}
#mozzarella #prod-shot {width: 231px; height: 213px; top:46px; left: 305px;}


/* News & Offers */
#form {
	width: 410px;
	margin: 0 auto;
	font-size: 11px;}
	
	#offers #form,
	#contact #form {margin: 25px 100px;}
	
	
	
	/* Contact Info Fieldset */
	#info-contact {padding: 0 0 10px;}
	#info-contact p {
		width: 410px;
		clear: left;
		height: auto;}
	
		#info-contact label {
			display: block;
			width: 100px;
			padding: 0 15px 0 0;
			float: left;
			text-align: right;
			font-weight: bold;}
		
		#info-contact input {
			float: left;
			width: 175px;
			height: 14px;
			margin: 0 0 10px}
		
	
	#info-select div {
		width: 410px;
		clear: both;}
		
		#info-select p {
			width: 100px;
			padding-right: 15px;
			float: left;
			text-align: right;
			font-weight: bold;}
		
		
	#info-optin {
		background: url(../images/shared/dash.gif) bottom center no-repeat;
		padding: 0 0 10px;
		margin-bottom: 15px;}
		
	#info-optin p {
		width: 410px;
		clear: both;}
		
		#info-optin input {
			float: left;
			margin-left: 80px;}
		
		#info-optin label {
			float: right;
			width: 300px;
			font-weight: bold;
			margin: 0 0 10px;}
			
	
	#info-survey div {clear: both; margin-bottom: 10px;}
	#info-survey p {font-weight: bold; margin-bottom: .2em;}
	#info-survey p.select-instruct {font-weight: normal; margin-bottom: 1em;}
	#info-survey label {padding-left: 5px;}
	
	#form ul {
			float: left;
			width: 200px;
			margin:0 0 10px;
			padding:0;}
			
			#form #info-survey ul {width: 400px;}
		
		#form li {height: 20px; float: left; margin: 0 10px 10px 0;}
		#form #info-survey li {margin-right: 20px;}
	
	
	p.submit {text-align: center;}
	#submit {
			width: 100px;
			height: 43px;
			padding: 43px 0 0;
			margin: 0 auto;
			border: 0;
			background: transparent url(../images/shared/submit.gif) no-repeat center top;
			overflow: hidden;
			cursor: pointer;}
			
		/* For non-IE browsers*/	
		#form>#submit {height: 0px;}
	
	/* Contact Us Form */
		
	/* errors */
	#contact #form ul {
		float:none;
		margin: 0 auto 25px;
		padding: 10px;
		border: 1px solid #000000;
		background: #d42922;
		color: #ffffff;
		font-size: .8em;}
	#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 */
	#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;}
	
	
	
	


/* Smarter Snacking */
#smart-snack-menu {
	width: 620px;
	height: 309px;
	position: relative;
	background: url(../images/shared/bg-ss.gif) 222px 0 no-repeat;
	margin: 15px 0 30px;
	position: relative;
	font-size: 11px;}
	
	#smart-snack-menu li {float: left;}	
	#smart-snack-menu h2 {text-indent: -123456px;}
	#smart-snack-menu p {text-align: center;}
	
	#menu-ss-sct {width: 222px;}
		#menu-ss-sct h2 {
			width: 149px;
			height: 135px;
			margin: 0 0 0 51px;
			background: url(../images/shared/head-sct.jpg) 0 0 no-repeat;}
			#menu-ss-sct p {width: 162px; margin: 3px 0 15px 43px;}
			
			#menu-ss-sct a.try-it {position:absolute; top:245px; left: 75px;}
			
		
	#menu-ss-htb {width: 205px;}		
		#menu-ss-htb h2 {
			width: 188px;
			height: 130px;
			margin: 0 0 0 18px;
			background: url(../images/shared/head-htb.jpg) 0 0 no-repeat;}
			
			#menu-ss-htb p {width: 162px; margin: 10px 0 15px 25px;}
			#menu-ss-htb a.see-it {margin: 0 auto;}
			
	
	#menu-ss-vs {width: 193px;}
		#menu-ss-vs h2 {
			width: 181px;
			height: 121px;
			margin: 10px 0 0 12px;
			background: url(../images/shared/head-vs.jpg) 0 0 no-repeat;}
			
			#menu-ss-vs p { margin: 10px 20px 15px;}
			#menu-ss-vs a.learn-more {position:absolute; top:245px; right: 45px;}
	
	
		#mini-comp-bb span {
			display:block;
			width: 75px;
			height: 58px;
			text-indent: -123456px;
			background: url(../images/shared/mini-bb.jpg) 0 0 no-repeat;
			float: left;}
		
		#mini-comp-to span {
			display:block;
			width: 75px;
			height: 43px;
			text-indent: -123456px;
			background: url(../images/shared/mini-tot.jpg) 0 0 no-repeat;
			float: left;}
			
/* Snack Comparison */

#snack-compare-contain {
	width: 620px;
	height: 520px;
	position: relative;
	margin: -24px 0 0;}
	
	#snack-compare-flash p {margin:0; padding:0;}
	#snack-compare-flash a {
		display: block;
		width: 620px;
		height: 520px;
		text-indent: -123456px;
		background: url(../images/shared/alt-compare.jpg) 0 0 no-repeat;}

/* How to Build */
#build-contain {
	width: 619px;
	height: 444px;}
	
	#build-flash p {
		width: 619px;
		height: 444px;
		background: url(../images/shared/alt-build.jpg) 0 0 no-repeat;
		text-indent: -123456px;}


/* Compare */
#compare-them {
	width: 620px;
	height: 370px;
	background: url(../images/shared/vs.jpg) 0 0 no-repeat;
	font-size: 11px;}
	
	#compare-them h2 {
		width: 272px;
		height: 28px;
		text-indent: -123456px;
		background: url(../images/banners/sm-no-compare.gif) 0 0 no-repeat;
		margin: 0 auto;}
	
	#compare-them div {}
	#compare-them li {
		padding: 0 0 5px 20px;
		background: url(../images/shared/bul.gif) 0 2px no-repeat; }
		
	#compare-foot {
			margin: 0 30px 20px 40px;
			font-size: 10px;}
	
	#compare-bb {
		width: 200px;
		margin: 207px 0 0 103px;
		float: left;}
		
		#compare-bb h3 {
			width: 168px;
			height: 29px;
			text-indent: -123456px;
			margin: 0;
			background: url(../images/banners/vs-bb.gif) 0 0 no-repeat;}
			
		
		
	#compare-pr {
		width: 240px;
		margin: 207px 22px 0 0;
		float: right;}
		
		#compare-pr h3 {
		width: 193px;
		height: 29px;
		text-indent: -123456px;
		background: url(../images/banners/vs-pr.gif) 0 0 no-repeat;}
		
		#compare-pr ul {margin-left: 40px;}


/* Instructions */
#cooking-menu {
	background: url(../images/shared/bg-cooking-nav.jpg) 0 65px no-repeat;
	min-height: 245px;
	font-size: 11px;
	position: relative;}
	
	#cooking-menu p {
		width: 310px;
		margin: 0 auto;
		text-align: center;
		position: relative;
		z-index: 1000}
	
	#cooking-menu p#bestest {
		width: 240px;
		height: 44px;
		text-indent: -123456px;
		background: url(../images/banners/bestest.gif) 0 0 no-repeat;}
		
		#cooking-menu ul li {
			position: absolute;
			height: 158px;
			top: 70px}
			
			#cooking-menu ul li a {
				display: block;
				height: 158px;
				text-indent: -123456px;
				background-image:url(../images/shared/cooking-nav.gif);
				background-repeat: no-repeat; }
		
		#inst-oven {width: 141px; left: 91px;}
			#inst-oven a {width: 141px; background-position: 50px 140px;}
			#inst-oven a:hover {width: 141px; background-position: 50px -18px;}
			
			#inst-oven.on {
				width: 193px; 
				height: 193px; 
				text-indent: -123456px; 
				background:url(../images/shared/big-oven.gif) 0 0 no-repeat;
				top: 44px; left: 59px;
				z-index: 900 }	
			
		#inst-toas {width: 122px; left: 248px;}			
			#inst-toas a {width: 122px; background-position: -137px 115px;}
			#inst-toas a:hover {width: 122px; background-position: -137px -43px;}
			
			#inst-toas.on {
				width: 172px; 
				height: 172px; 
				text-indent: -123456px; 
				background:url(../images/shared/big-toaster.gif) 0 0 no-repeat;
				top: 76px; left: 224px;
				z-index: 900 }
			
		#inst-micr {width: 124px; left: 396px;}
			#inst-micr a {width: 124px; background-position: -352px 115px;}
			#inst-micr a:hover {width: 124px; background-position: -352px -43px;}

			#inst-micr.on {
				width: 164px; 
				height: 159px; 
				text-indent: -123456px; 
				background:url(../images/shared/big-micro.gif) 0 0 no-repeat;
				top: 77px; left: 373px;
				z-index: 900}
	
	
#cooking-instructions {
	width: 619px;
	min-height: 200px;
	background: url(../images/shared/bg-inst-list.gif) 0 0 no-repeat;
	font-size: 11px;
	padding: 40px 0 0;}
	
#cooking-instructions p.warn {margin: 0 0 20px 120px; text-transform: uppercase; font-weight: bold;}
	

#cooking-instructions h2 {height:0; width:0; text-indent: -123456px;}

#cooking-instructions ol,
#facts-content ol {
	width: 443px;
	margin: 0 0 0 60px;
	list-style-type: none;}
	
	#cooking-instructions li,
	#facts-content li {
		background-image: url(../images/shared/ol.gif);
		background-repeat: no-repeat;
		min-height: 42px;
		padding: 0 0 0 60px;
		margin: 0 0 10px}
		
		.l1 {background-position: 0 0;}
		.l2 {background-position: 0 -125px;}
		.l3 {background-position: 0 -250px;}
		.l4 {background-position: 0 -375px;}
		.l5 {background-position: 0 -500px;}
		.l6 {background-position: 0 -625px;}
		
		#facts-content li.l1 {background-position: 0 10px;}
		#facts-content li.l2 {background-position: 0 -115px;}
		#facts-content li.l3 {background-position: 0 -240px;}
		#facts-content li.l4 {background-position: 0 -365px;}
		#facts-content li.l5 {background-position: 0 -490px;}
		#facts-content li.l6 {background-position: 0 -615px;}
		
		
		#cooking-instructions li p,
		#facts-content li p {
			padding: 10px 0 20px;
			background: url(../images/shared/ol-p.gif) bottom left no-repeat;}
			
			#cooking-instructions li p.last {background: none;}
			
/* Soccer */
#soccer-content {
	width: 620px;
	min-height: 358px;
	background: url(../images/shared/bg-soccer.jpg) 0 0 no-repeat;
	position: relative;
	margin: -34px 0 0 0;
	font-size: 11px;
	z-index: 50}
	
	#soccer-intro {
		width: 275px;
		padding: 260px 0 0;
		margin: 0 0 20px 25px;}
		
		#score {
			width: 190px;
			height: 56px;
			text-indent: -123456px;
			background: url(../images/banners/shoot.gif) 0 0 no-repeat;}
	
	#mom-link {
		width: 243px;
		height: 259px;
		background: url(../images/shared/mom-link.jpg) 0 -1px no-repeat;
		position: absolute;
		top: 234px;
		right: 32px;}
		
		#mom-link a {
			display: block;
			width: 243px;
			height: 259px;
			text-indent: -123456px;}
			
			#mom-link a:hover {
				background: url(../images/shared/mom-link.gif) 75px 206px no-repeat;}

#soccer-tips-content {
	padding-top: 240px;
	background: url(../images/shared/s-tips-c-bg.jpg) 0 300px no-repeat;}
	
	#soccer-tips-content h2 {
		width: 319px;
		height: 83px;
		text-indent: -123456px;
		background: url(../images/banners/s-tips-intro.gif) 0 0 no-repeat;
		margin: 0 auto;}
		
	#soccer-content ul {
		width: 384px;
		margin: 0 auto;
		background: url(../images/shared/ol-p.gif) 0 0 no-repeat;
		padding: 5px 0 20px;}
		
		#soccer-content li {
			padding: 15px 0 20px;
			background: url(../images/shared/ol-p.gif) bottom left no-repeat;}
			
			#soccer-content li p {
				margin:0; 
				padding:0 0 0 20px;
				background: url(../images/shared/bul.gif) 0 4px no-repeat;}
		
		#soccer-content p.remainder {text-align: center; width: 35%; margin: 0 auto 20px;}
			#soccer-content #soccer-about-content p.remainder {text-align: center; width: 80%; margin: 0 auto 20px;}
		#soccer-content a {color: #d42922; font-weight: bold; text-decoration: none;}
			#soccer-content a:hover {text-decoration: underline;}

#soccer-about-content {
	padding: 240px 110px 0;
	background: url(../images/shared/s-abo-c-bg.jpg) 460px 300px no-repeat;}
	
	#t-usys {
		width: 355px;
		height: 75px;
		text-indent: -123456px;
		background: url(../images/banners/s-usys.gif) 0 10px no-repeat;
		margin: 0 auto;}

/* Our Story */
#story-content {
	padding: 240px 0 0;
	background: url(../images/shared/bg-story.jpg) 0 0 no-repeat;
	position: relative;
	margin: -34px 0 0;
	min-height: 300px;
	font-size: 11px;}
	
	#story-intro {
		padding: 65px 100px 140px;
		background: url(../images/shared/huh.jpg) bottom left no-repeat;}
	
	#story-continue {
		margin: 0 100px 30px;}
		
		#story-content a {color: #d42922; font-weight: bold; text-decoration: none;}
			#story-content a:hover {color: #d42922; text-decoration: underline;}
	
	#story-end {
		padding-bottom: 170px;
		background: url(../images/shared/the-end.jpg) bottom center no-repeat;}

/* Fun Facts */
#facts-content {
	padding: 240px 0 0;
	background: url(../images/shared/bg-fun.jpg) 0 0 no-repeat;
	position: relative;
	margin: -34px 0 0;
	min-height: 300px;
	font-size: 11px;}
	
	#fun-intro {
		width: 356px;
		height: 88px;
		text-indent: -123456px;
		background: url(../images/banners/fun-sm.gif) 0 0 no-repeat;
		margin: 0 auto;}



/* All Basic Pages */
#basic {
	width: 560px;
	margin: 0 auto;
	font-size: 11px;}	
	
	#offers #basic {text-align: center;}



/* Shared Styles */

#intro {
	font-size: 11px;
	margin: 0 150px 0;
	text-align: center;
	line-height: 1.5em;}
	



a.learn-more {display: block; width: 98px; height: 36px; text-indent: -123456px; background: url(../images/shared/but-learn.png) 0 0 no-repeat;}
	a.learn-more:hover {display: block; width: 98px; height: 36px; text-indent: -123456px; background: url(../images/shared/but-learn.png) -538px 0 no-repeat;}
	
a.try-it {display: block; width: 96px; height: 36px; text-indent: -123456px; background: url(../images/shared/but-try.png) -1px 0 no-repeat;}
	a.try-it:hover {display: block; width: 96px; height: 36px; text-indent: -123456px; background: url(../images/shared/but-try.png) -539px 0 no-repeat;}

a.see-it {display: block; width: 96px; height: 36px; text-indent: -123456px; background: url(../images/shared/but-see.png) -1px 0 no-repeat;}
	a.see-it:hover {display: block; width: 96px; height: 36px; text-indent: -123456px; background: url(../images/shared/but-see.png) -539px 0 no-repeat;}


	





/* Headers */
#content h1 {
	width: 620px;
	height:100px;
	text-indent: -123456px;
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
	z-index: 60}
	
	#snack-compare #content h1,
	#build #content h1 {height: 90px;}
	
#our-products 		#content h1 {background-image: url(../images/banners/our-prod.gif);}
#three-cheese 		#content h1 {background-image: url(../images/banners/three-cheese.gif);}
#pepperoni	 		#content h1 {background-image: url(../images/banners/pepperoni.gif);}
#sausage	 		#content h1 {background-image: url(../images/banners/sausage.gif);}
#supreme	 		#content h1 {background-image: url(../images/banners/supreme.gif);}
#mozzarella	 		#content h1 {background-image: url(../images/banners/mozzarella.gif);}

#offers	 			#content h1 {background-image: url(../images/banners/offers.gif);}

#smarter-snacking	#content h1 {background-image: url(../images/banners/smart-snack.gif);}
#snack-compare		#content h1 {background-image: url(../images/banners/snack-compare.gif);}
#build				#content h1 {background-image: url(../images/banners/build.gif);}
#compare			#content h1 {background-image: url(../images/banners/vs.gif);}
#instructions		#content h1 {background-image: url(../images/banners/instructions.gif);}

#soccer				#content h1 {background-image: url(../images/banners/soccer.gif);}
#soccer-tips		#content h1 {background-image: url(../images/banners/soccer-tips.gif);}
#soccer-about		#content h1 {background-image: url(../images/banners/soccer-about.gif);}

#our-story			#content h1 {background-image: url(../images/banners/story.gif);}
#fun-facts			#content h1 {background-image: url(../images/banners/fun-facts.gif);}

#contact			#content h1 {background-image: url(../images/banners/contact.gif);}

#error				#content h1 {background-image: url(../images/banners/error.gif);}

/* Additional Custom Headers */

#thanks {
	width: 250px;
	height: 50px;
	text-indent: -123456px;
	background: url(../images/banners/thanks.gif) 0 0 no-repeat;
	margin: 0 auto;}
	
	#go-back {
		display: block;
		width: 172px;
		height: 43px;
		text-indent: -123456px;
		background: url(../images/shared/go-back.gif) 0 0 no-repeat;
		margin: 35px auto;}
	
	sup {
		height: 0;
		line-height: 1;
		position: relative;
		top: -3px;
		vertical-align: baseline !important;
		vertical-align: bottom;
		font-size: .9em; }


	
#print {
	display: block;
	width: 57px;
	height: 36px;
	text-indent: -123456px;
	background: url(../images/shared/print.gif) 0 0 no-repeat;
	position: absolute;
	top:380px;
	right:100px;}
	
	#print:hover {background: url(../images/shared/print.gif) -57px 0 no-repeat;}
	
	
	
/** 
 * 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;}