/*
+-------------------------------------------------------------------------+
Title:		Heinz 57 Sauce Website
Version:	1.7
Copyright:	2010 - Smith Brothers Agency
Updated:	05/27/2010 - gjh
+-------------------------------------------------------------------------+
*/


/* 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;
	-webkit-text-size-adjust: none;
	}

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;}

.sup {font-size: .8em;}


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #351a09 url(../images/shared/bg-3.jpg) 0 0 repeat-x;}


#heinz57 {
	width: 1022px;
	height: 800px;
	margin: 0 auto;
	
	position: relative;}
	
	
	/* logo on index page */
	#index h1 {
		width: 258px;
		height: 620px;
		background: url(../images/shared/bottle-b.png) 0 0 no-repeat;
		position: absolute;
		top: 22px;
		left: 0;
		text-indent: -123456px;
		z-index: 500;}
	
	/* logo on sub pages */
	#sub h1 a {
		display: block;
		width: 124px;
		height: 185px;
		background: url(../images/shared/logo-sub.png) 0 0 no-repeat;
		position: absolute;
		top:34px;
		left:127px;
		text-indent: -123456px;
		z-index: 500;}
	
	/* small bottle */
	#tagline {
		width: 138px;
		height: 365px;
		text-indent: -123456px;
		background: url(../images/shared/bottle-s.png) 0 0 no-repeat;
		position: absolute;
		top: 356px;
		right: 18px;
		z-index: 380;}
	

#nav-main {
	width: 483px;
	height: 27px;
	position: absolute;
	top: 27px;
	left: 480px;
	background: url(../images/shared/nav-top-fp-3.png) 0 0 no-repeat;
	z-index: 400;}
	
	#nav-main li {
		height: 27px;
		float: left;}
		
		#nav-main li a {
			display: block; 
			height: 27px;
			background-image: url(../images/shared/nav-top-fp-3.png);
			background-repeat: no-repeat;
			text-indent: -123456px;}
		
		#mn-pro a {width: 81px; background-position: 0 0; margin: 0 6px 0 0;}
			#mn-pro a:hover,
			#mn-pro a.on {width: 81px; background-position: 0 -27px;}
			
		#mn-spe a {width: 89px; background-position: -87px 0; margin: 0 6px 0 0;}
			#mn-spe a:hover,
			#mn-spe a.on {width: 89px; background-position: -87px -27px;}
		
		#mn-rec a {width: 63px; background-position: -182px 0; margin: 0 6px 0 0;}
			#mn-rec a:hover,
			#mn-rec a.on {width: 63px; background-position: -182px -27px;}
		
		#mn-off a {width: 63px; background-position: -251px 0; margin: 0 6px 0 0;}
			#mn-off a:hover,
			#mn-off a.on {width: 63px; background-position: -251px -27px;}
			
		#mn-his a {width: 136px; background-position: -320px 0;}
			#mn-his a:hover,
			#mn-his a.on {width: 136px; background-position: -320px -27px;}
		
		
		#nav-main li#mn-corp {
			float: none;
			width: 112px;
			position: absolute;
			top:-29px;
			right:35px;
			z-index: 5555}
			
			#nav-main li#mn-corp a {
				width: 112px;
				background-image: url(../images/shared/heinz.gif);
				background-position: 0 0;}
				
				#nav-main li#mn-corp a:hover,
				#nav-main li#mn-corp a:active {
				width: 112px;
				background-image: url(../images/shared/heinz.gif);
				background-position: 0 -27px;}

/* Quick Tips */

	/* Quick Tips - Index Page */
	#index #quick-tips {
		width: 181px;
		height: 282px;
		background: url(../images/shared/tips.png) 0 0 no-repeat;
		position: absolute;
		top: 65px;
		right: 32px;
		z-index: 350;}
		
		#index #quick-tips h4 {
			width: 181px;
			height: 62px;
			text-indent: -123456px;}
		
		#index #quick-tips a {
			display: block;
			width: 181px;
			background-image: url(../images/shared/go.gif);
			background-repeat: no-repeat;
			text-indent: -123456px;}
			
			#index #ql-f-wt {height: 66px;	background-position: 136px 44px;}
				#index #ql-f-wt:hover {background-position: -64px 44px;}
			#index #ql-f-tt {height: 67px; background-position: 136px 46px;}
				#index #ql-f-tt:hover {background-position: -64px 46px;}
			#index #ql-f-bb {height: 66px; background-position: 93px 44px;}
				#index #ql-f-bb:hover {background-position: -107px 44px;}


	/* Quick Tips - Sub Page */
	#sub #quick-tips {
		width: 431px;
		height: 421px;
		background: url(../images/shared/napkin.png) 0 0 no-repeat;
		position: absolute;
		top: 0px;
		left: 32px;
		z-index: 350;}
		
		#sub #quick-tips h4 {display: none;}
		
		#sub #quick-tips a {
			display: block;
			text-indent: -123456px;
			background-image: url(../images/shared/nav-left.gif);
			background-repeat: no-repeat;
			position: absolute;}
			
			#sub #ql-f-wt {width: 185px; height: 21px; background-position: 0 0; top:223px; left:45px;}
				#sub #ql-f-wt:hover,
				#sub #ql-f-wt.on {background-position: -186px 0;}
				
			#sub #ql-f-tt {width: 159px; height: 20px; background-position: -26px -38px; top:257px; left:70px;}
				#sub #ql-f-tt:hover,
				#sub #ql-f-tt.on {background-position: -212px -38px;}
				
			#sub #ql-f-bb {width: 148px; height: 25px; background-position: -37px -73px; top:292px; left:84px;}
				#sub #ql-f-bb:hover,
				#sub #ql-f-bb.on {background-position: -223px -73px;}

/* Main Flash */

#main-flash-contain {
	width: 1022px;
	height: 423px;
	position: relative;
	background: url(../images/shared/bg-flash.png) 75px bottom no-repeat;}
	
	#main-flash {
		width: 1022px;
		height: 423px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 300;}
		
		#main-flash img {margin: 57px 0 0 92px;}

/* Ways Slider Flash */
#ways-flash-contain {
	position: absolute;
	width: 712px;
	height: 149px;
	top: 398px;
	right: 101px;
	z-index: 900;}
	
	#ways-flash {
		width: 712px;
		height: 149px;
		/* background: url(../images/shared/temp-flash-scroll.png) 0 0 no-repeat;*/
		background: transparent; }


/* Call Outs */
#call-outs h2 {
	height:0;
	width:0;
	text-indent: -123456px;}
	
	#call-outs a {
		display: block;
		text-indent: -123456px;
		position: absolute;
		z-index: 500;}
	
	#callout-way {		
		width: 197px;
		height: 113px;
		background: url(../images/shared/call-way.png) 0 0 no-repeat;
		top: 406px;
		left:68px;}


	#callout-save {		
		width: 197px;
		height: 134px;
		background: url(../images/shared/call-sav.png) 0 0 no-repeat;
		top: 519px;
		left: 68px;}
		
/* Content Stuff */
#content-contain {
	width: 717px;
	min-height: 674px;
	background: url(../images/shared/bg-sub-content.png) 0 0 no-repeat;
	position: absolute;
	top: 42px;
	right: 51px;
	z-index: 375;}
	
#content {
	width: 677px;
	height: 634px;
	margin: 15px 0 0 17px;
	position: relative;}
	
	/* specific content background styles */
	/* .products #content {background: url(../images/shared/content-bg.gif) 0 549px no-repeat;} */
	.tips #content {background: url(../images/shared/content-bg.gif) bottom left no-repeat;}
	

	/* header - styles */
	#content-header {
		width: 631px;
		height: 141px;
		padding: 31px 24px 0 22px;
		background: url(../images/shared/header-sub-a.jpg) 0 0 no-repeat;
		color: #383838;
		font-size: 11px;
		color: #686868;}
		
		.history #content-header,
		.offers #content-header,
		.sitemap #content-header{
			height: 101px;
			background: url(../images/shared/header-sub-a.jpg) 0 -50px no-repeat;}
		
		
		.recipes #content-header{
			height: 131px;
			background: url(../images/shared/header-sub-a.jpg) 0 -25px no-repeat;}
		
		
		.recipe #content-header {
			height: 115px;
			background: url(../images/shared/header-sub-a.jpg) 0 -25px no-repeat;}		
		
		.your-way #content-header,
		.yourways #content-header {
			height: 131px;
			background: url(../images/shared/header-sub-a.jpg) 0 -15px no-repeat;}
			
			
			
		
		#content-header p {line-height: 1.7em;}
		
		#content-header h2 {
			width: 631px;
			height: 41px;
			text-indent: -123456px;
			background-position: 0 0;
			background-repeat: no-repeat;}
			
			.products #content-header h2 {background-image: url(../images/headers/prod.gif);}
			.history #content-header h2 {background-image: url(../images/headers/history.gif);}
			.recipes #content-header h2,
			.recipe #content-header h2,
			.recipe-feature #content-header h2,
			.recipe-menu #content-header h2 {background-image: url(../images/headers/recipes.gif);}
			.offers #content-header h2 {background-image: url(../images/headers/offers.gif);}
			.your-way #content-header h2 {background-image: url(../images/headers/yourway.gif);}
			.sitemap #content-header h2 {background-image: url(../images/headers/sitemap.gif);}
			.yourways #content-header h2 {background-image: url(../images/headers/yourways.gif);}		
		
		#content-header h3 {
			font-size: 17px;
			color: #004186;}

				
/* Products Page */
.products #content {height: 850px;}

#prod-57-sauce,
#prod-57-steak-sauce,
#prod-57-sauce-honey {
	position: absolute;
	left: 25px;
	color: #727272;}
	
	#prod-57-sauce p,
	#prod-57-steak-sauce p,
	#prod-57-sauce-honey p {line-height: 1.6em;}


#prod-57-sauce {
	width: 297px;
	height: 177px;
	top:175px;
	padding: 45px 145px 0 100px;
	background: url(../images/shared/prod-a-bg.png) 0 0 no-repeat;}
	
	#prod-57-sauce h3 {
		width: 184px;
		height: 19px;
		text-indent: -123456px;
		background: url(../images/headers/heinz-57.gif) 0 0 no-repeat;}
	
	#prod-57-sauce img {
		position: absolute;
		left: 18px;
		bottom: 62px;}	

#prod-57-steak-sauce {
	width: 297px;
	height: 181px;
	top:380px;
	padding: 55px 145px 0 100px;
	background: url(../images/shared/prod-b-bg.png) 0 0 no-repeat;}
	
	#prod-57-steak-sauce h3 {
		width: 267px;
		height: 19px;
		text-indent: -123456px;
		background: url(../images/headers/heinz-57-steak.gif) 0 0 no-repeat;}
		
	#prod-57-steak-sauce img {
		position: absolute;
		left: 18px;
		bottom: 60px;}

#prod-57-sauce-honey {
	width: 297px;
	height: 206px;
	top:600px;
	padding: 30px 145px 0 100px;
	background: url(../images/shared/prod-c-bg.png) 0 0 no-repeat;}
	
	#prod-57-sauce-honey h3 {
		width: 185px;
		height: 40px;
		text-indent: -123456px;
		background: url(../images/headers/heinz-57-honey.gif) 0 0 no-repeat;}
		
	#prod-57-sauce-honey img {
		position: absolute;
		left: 18px;
		bottom: 60px;}

	a.prod-save {
		display: block;
		width: 120px;
		height: 26px;
		background: url(../images/shared/prod-click.png) 0 0 no-repeat;
		text-indent: -123456px;
		margin: 10px 0 0 -5px;
		position: relative;}
		
		a.prod-save:hover {background: url(../images/shared/prod-click.png) 0 -26px no-repeat;}


/* History Page */

		

/* Tip Pages */
#tips-header {
	width: 677px;
	height: 255px;
	position: relative;}
	
	.bbq #tips-header {background: url(../images/banners/ban-bbq.jpg) 0 0 no-repeat;}
	.weeknights #tips-header {background: url(../images/banners/ban-busy.jpg) 0 0 no-repeat;}
	.tailgates #tips-header {background: url(../images/banners/ban-tail.jpg) 0 0 no-repeat;}
	
	#tips-header h2 {
		width: 631px;
		height: 31px;
		margin: 0 0 0 22px;
		position: absolute;
		bottom: 0;
		left:0;
		text-indent: -123456px;}
		
		.bbq #tips-header h2 {background: url(../images/headers/tips-bbq.gif) 0 0 no-repeat;}
		.weeknights #tips-header h2 {background: url(../images/headers/tips-wee.gif) 0 0 no-repeat;}
		.tailgates #tips-header h2 {background: url(../images/headers/tips-tai.gif) 0 0 no-repeat; height: 32px;}
		
	#tips-content {
		font-size: 11px;
		color: #656565;
		margin: 11px 45px 10px 25px;
		line-height: 1.8em;}	
	
	
	#tips-container {
		width: 584px;
		height: 255px;
		position: absolute;
		top: 352px;
		left: 44px;
		background:url(../images/shared/tips-bg.png) 0 15px no-repeat; }
		
		
		#tip-list-min {
			width: 248px;
			height: 222px;
			position: absolute;
			top:0;
			left: 13px;}
			
			/* headers */
			
			#tip-list-min h3 {
				height: 26px;
				width: 248px;
				text-indent: -123456px;
				margin: 3px 0 15px;}			
			
				.bbq #tip-list-min h3 {background: url(../images/headers/bbp.gif) 0 0 no-repeat;}
				.weeknights #tip-list-min h3 {background: url(../images/headers/bws.gif) 0 0 no-repeat;}
				.tailgates #tip-list-min h3 {background: url(../images/headers/tgs.gif) 0 0 no-repeat;}
			
			
			/* list */
			#tip-list-min ol {
				list-style-type: none;
				width: 228px;}
			
				.bbq #tip-list-min ol {					
					height: 440px;
					background: url(../images/shared/list-min-bbq.gif) 0 0 no-repeat;}
				
				.weeknights #tip-list-min ol {					
					height: 265px;
					background: url(../images/shared/list-min-weeknights.gif) 0 0 no-repeat;}
					
				.tailgates #tip-list-min ol {					
					height: 254px;
					background: url(../images/shared/list-min-tailgates.gif) 0 0 no-repeat;}		
			
			
				#tip-list-min li {text-indent: -123456px;}
			
			
			#tip-list-max li p a {padding-left: 13px; background: url(../images/shared/way.gif) 0 1px no-repeat;}
							
		
		#tip-list-max {
			width: 264px;
			height: 223px;
			position: absolute;
			top:0;
			left: 288px;}
			
			#tip-list-max ol {
				list-style-type: none;
				font-size: 10px;
				color: #000000;}
				
				#tip-list-max a {color: #c80b17;}
					#tip-list-max a:hover {text-decoration: none;}
					
				#tip-list-max ol p {margin-bottom: 1em;}
				#tip-list-max ol h4 {
					font-size: 13px;
					margin-bottom: .8em;
					color: #004186;
					font-family: 'Lucida Grande',sans-serif;}							
			
			/* headers */
			#tip-list-max h3 {
				height: 26px;
				width: 260px;
				text-indent: -123456px;
				margin: 3px 0 15px;}
				
			.bbq #tip-list-max h3 {background: url(../images/headers/bbt.gif) 0 0 no-repeat;}
			.weeknights #tip-list-max h3 {background: url(../images/headers/bwt.gif) 0 0 no-repeat;}
			.tailgates #tip-list-max h3 {background: url(../images/headers/tgt.gif) 0 0 no-repeat;}
			
		
		
		.fixed {
			height: 182px;
			overflow: auto;}
			
			.fixed ol  {}
			.fixed ol li {}
		
/* recipe page */
#recipe-nav {
	position: absolute;
	top: 75px;
	left: 20px;
	font-family: 'Lucida Grande', arial, sans-serif;
	font-size: 13px;
	color: #383838;}
	
	#recipe-nav strong {font-size: 10px;  text-transform: uppercase;}
	#recipe-nav a {color: #cb1b26; text-decoration: underline;}
		#recipe-nav a:hover {color: #cb1b26; text-decoration: none;}
		#recipe-nav a.on {color: #cb1b26; text-decoration: none; font-size: 17px;}
	
	
	#ways {
		width: 542px;
		min-height: 400px;
		margin: 0 0 0 15px;
		padding: 0 0 15px 0;
		font-size: 11px;
		font-weight: bold;
		color: #404040;}
		
		#ways li {
			margin: 0 0 12px 0;
			padding: 0 0 10px 125px;
			min-height: 20px;
			width: 417px;
			position: relative;
			background: url(../images/shared/line-y.gif) bottom left repeat-x;
			float: left;}
			
			.recipes #ways li {}	
			
			#ways li.b {min-height: 30px;}
			
			
			#ways li span {display: block; width:30px; float: left;}
				.recipes #ways li span.sup {display: inline; width:auto; float: none;}
				.recipe-menu #ways li span.sup {display: inline; width:auto; float: none;}
				#ways li p {display: block; width:387px; float: right; margin:0; padding:0 0 3px;}
			
		#ways li a {
			position: absolute;
			top:-5px;
			left: 10px;
			display: block;
			width: 93px;
			height: 30px;
			background: url(../images/shared/view-rec.png) 0 0 no-repeat;
			text-indent: -123456px;}			
			
		#ways-list {
			width: 542px;
			margin: 0;
			padding: 0 0 15px 0;
			font-size: 11px;
			font-weight: bold;
			color: #404040;}
		
		#ways-list-contain {
			width: 580px;
			height: 400px;
			margin-left:35px;
			overflow: auto;}
			
			#ways-list li {
				width: 490px;
				margin: 0 0 5px 0;
				padding: 10px 15px 15px;
				position: relative;
				background: url(../images/shared/line-y.gif) bottom left repeat-x;}
		
		p.who {
			color: #004186; 
			margin-top:8px; 
			font-style:italic; 
			font-weight: normal;
			padding-left: 17px;
			background: url(../images/shared/way.gif) 0 2px no-repeat;
			text-transform: capitalize;}
		
			





			
/* Recipe Pages */

#recipe-content {
	font-size: 11px;
	color: #686868;
	margin: 0 25px 10px;}

	
	#ingredients {
		margin: 0 0 15px 25px;
		color: #383838;}
	
	#directions {
		margin: 25px 50px 15px 25px;
		color: #383838;
		font-weight: bold;}
		
		#directions li {
			margin-bottom: 1em; 
			color: #686868;
			font-weight: normal; }
			
	#recipe-meta {
			color:#383838;
			font-weight:bold;
			margin-bottom:15px;}
	
	
	#recipe-other {
		margin: 0 50px 15px 0;
		color: #004186;}
		
		#recipe-other p {margin-bottom: .5em;}
	
	#back {
		display: block;
		width: 54px;
		height: 30px;
		text-indent: -123456px;
		background: url(../images/shared/back.png) 0 0 no-repeat;}
	
	#print-link {
		position: absolute;
		display: block;
		top: 20px;
		right:20px;
		width: 93px;
		height:30px;
		background: url(../images/shared/p-print.png) 0 0 no-repeat;
		text-indent: -123456px;}
		

/* footer */
#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-align: center;
	line-height: 1.7em;}
	
	#index #footer {margin-top: 150px;}
	#sub #footer {margin-top: 720px;}
	
	#footer a {color: #ffffff; text-decoration: none;}
		#footer a:hover {text-decoration: underline;}
	
	#heinz-sm {
		display: block;
		width: 45px;
		height: 19px;
		text-indent: -123456px;
		background: url(../images/shared/logo-sm.png) 0 0 no-repeat;
		margin: 15px auto 0;}






#misc-content {
	font-size: 11px;
	color: #686868;
	margin: 0 25px 10px;}



/* --------------------------------------------------------- */
/* carousel styles  ---------------------------------------- */
/* --------------------------------------------------------- */

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {position: relative; margin: 0;}
.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;}    
.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;}
    
.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 230px;
    height: 155px;}
    
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {z-index: 3; display: none;}
.jcarousel-prev {z-index: 3; display: none;}

    
/* skin */
.jcarousel-skin-57 .jcarousel-container-horizontal {
    width: 255px;
    padding:0;
	margin: 0;}


.jcarousel-skin-57 .jcarousel-clip-horizontal {
    width:  255px;
    height: 155px;
	background: transparent;}

.jcarousel-skin-57 .jcarousel-item {
    width: 255px;
    height: 155px;}
    
.jcarousel-skin-57 .jcarousel-item-placeholder {
    background: #fff;
    color: #000;}
    
/* Horizontal Buttons  */

.jcarousel-skin-57 .jcarousel-next-horizontal {
    position: absolute;
    bottom: -20px;
    right: 0;
    width: 51px;
    height: 16px;
    cursor: pointer;
    background: transparent url(../images/shared/bn.gif) no-repeat -56px 0;}

	.jcarousel-skin-57 .jcarousel-next-horizontal:hover {background-position: -56px -16px;}

.jcarousel-skin-57 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-57 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-57 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0 -150px;}	
	

.jcarousel-skin-57 .jcarousel-prev-horizontal {
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 51px;
    height: 16px;
    cursor: pointer;
    background: transparent url(../images/shared/bn.gif) no-repeat 0 0;}

.jcarousel-skin-57 .jcarousel-prev-horizontal:hover {background-position: 0 -16px;}

.jcarousel-skin-57 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-57 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-57 .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 -150px;}
    

/* --------------------------------------------------------- */
/* scrollbar replacement ----------------------------------- */
/* --------------------------------------------------------- */
    
    
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	width: 16px;
	background: url(../images/shared/scroll.gif) 0 0;}
	
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background: url(../images/shared/scroll.gif) -19px 0;
	height: 52px;}
	
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;}
	
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;}
	
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/shared/scroll.gif) -19px -54px;
	width: 17px;
	height: 13px;}
	
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/shared/scroll.gif) -19px -71px;
	width: 17px;
	height: 13px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}



/* History Slider */

/*#history-navigation {
	height: 30px;
	font-family: 'Lucida Grande',sans-serif;
	font-weight: bold;
	font-size: 13px;
	padding: 0;
	position: absolute;
	top:320px;
	left:0px;
	width: 100%;
	text-align: center;
	}
	*/
	
#history-navigation {
	width: 100%;
	height: 30px;
	font-family: 'Lucida Grande',sans-serif;
	font-weight: bold;
	font-size: 13px;
	padding: 0;
	position: absolute;
	top:320px;
	left:0;
	text-align: center;	}

	#history-navigation a {color: #c80b17; text-decoration: none;}
		#history-navigation a:hover {text-decoration: underline;}
		#history-navigation a.selected {font-size: 15px; color: #004186; border-bottom: 2px solid #004186;}
			#history-navigation a.selected:hover {text-decoration: none;}


#slider {
  width: 542px;
  margin: 0 0 0 50px;
  position: relative;
  background: url(../images/slider/bg.gif) 0 160px no-repeat;}

.history-scroll {
  height: 300px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: transparent;}

.scrollContainer div.panel {
  padding: 20px 0;
  height: 300px;
  width: 542px;
  color: #000000;
  font-size: 12px;}
  
  .scrollContainer div.panel h3 {
  	font-size: 28px;
  	font-family: 'Lucida Grande',sans-serif;
  	color: #004186;
  	width: 280px;
  	height: 30px;
  	padding: 0 10px 10px 0;
  	margin-bottom: 10px;
  	background: url(../images/shared/line.gif) bottom left repeat-x;
  	float: right;}
  	  	
  	
  .scrollContainer div.panel p {
  	line-height: 1.7em;
  	width: 280px;
  	padding: 0 10px 0 0;
  	float: right;}
  
 
	#year-1892 {background: url(../images/history/1892.jpg) 30px 20px no-repeat;}
	#year-1911 {background: url(../images/history/1911.jpg) 30px 20px no-repeat;}
	#year-1913 {background: url(../images/history/1913.jpg) 30px 20px no-repeat;}
	#year-1940 {background: url(../images/history/1940.jpg) 30px 20px no-repeat;}
	#year-1969 {background: url(../images/history/1969.jpg) 10px 30px no-repeat;}
	#year-1976 {background: url(../images/history/1976.jpg) 10px 65px no-repeat;}
	#year-1985 {background: url(../images/history/1985.jpg) 30px 17px no-repeat;}
	#year-1987 {background: url(../images/history/1987.jpg) 50px 20px no-repeat;}
	#year-2007 {background: url(../images/history/2007.jpg) 50px 30px no-repeat;}
	#year-2007 strong {display: block;}
	#year-2010 {background: url(../images/history/2010.jpg) 50px 30px no-repeat;}
 
 
 
	  /* buttons for left/right */
	  
	 .scrollButtons {
	  position: absolute;
	  top: 100px;
	  cursor: pointer;}
	
	.scrollButtons.left {left: -30px; width: 28px;}
	
	.scrollButtons.right {right: -30px; width: 28px;}



/* FORM STYLES */

#form {
	width: 542px;
	min-height: 400px;
	margin: 0 0 0 45px;
	padding: 0 0 15px 0;
	font-size: 11px;
	color: #686868;}
	
	fieldset {margin-bottom: 15px;}

	
	#form-name input,
	#form-address input,
	#form-address select {margin-top:5px;}
	
	#form-name-first,
	#form-name-last {
		width: 190px;
		float: left;}
	
	
	#form-city {clear: both;}
	
	#form-city,
	#form-state {
		width: 190px;
		float: left;}
	
	#form-zip input {width: 70px;}
	
	#comment_label {font-weight: bold; margin-bottom: 10px; display: block; color: #004186; font-size: 1.2em;}
	#form-way textarea {height: 70px; width: 450px}
	#submit p {margin-top:10px;}



#form-info legend {
	font-size: 1.2em;
	font-weight: bold;
	color: #024284;
	padding: 0 0 15px;}

#form-info  p span {display: none;}  	
#form-info label {text-align: right;}

.req {color: #f0513d;}


#thanks-content {
	font-size: 12px;
	color: #686868;
	margin: 0 25px 10px;}
	
	#thanks-content h3 {
		font-size: 1.3em;
		color: #004186;
		margin-bottom: 10px;}
		
		
/* Featured Recipes */
/* Note that the featured recipes change some default styles - specifically dealing with the page height.  Here we go! */

	
	
	.recipe-feature #tagline,
	.recipe-menu #tagline,
	.products #tagline {top: 565px;}
	
	.recipe-feature #content-contain,
	.recipe-menu #content-contain,
	.products #content-contain {
		width: 717px;
		min-height: 874px;
		background: url(../images/recipes/bg-sub-content-recipes.png) 0 0 no-repeat;
		position: absolute;
		top: 42px;
		right: 51px;
		z-index: 375;}
	
	.recipe-feature #content-header,
	.recipe-menu #content-header {
		height: 227px;
		background: url(../images/shared/header-sub-a.jpg) 0 -25px no-repeat;}
		
		.recipe-feature #content-header h2,
		.recipe-menu #content-header h2 {
			height: 30px;}
	
	.recipe-feature #recipe-intro {width: 395px;}
		
		.recipe-feature #ingredients {
			margin-left:0;
			padding-left:0;
			width: 350px;
			color: #1e1e1e;}
			
			.recipe-feature #ingredients li {margin-bottom: .3em;}
	
	
	#sub.recipe-feature #footer,
	#sub.recipe-menu #footer,
	#sub.products #footer {margin-top: 920px;}
	
	.recipe-menu #recipe-content {margin-top: 25px;}
	
	
	/* Recipe Content */
	.recipe-feature #recipe-intro {padding-bottom: 7px;}
	.recipe-feature #recipe-intro h3 {
		font-size: 15px;
		text-transform: uppercase;
		color: #004186;}
	
	.recipe-feature #recipe-photo {
		width: 239px;
		height: 162px;
		background: url(../images/recipes/pic-bg.png) 0 0 no-repeat;
		padding: 1px 0 0 2px;
		position: absolute;
		top:280px;
		right:10px;}
		
		.recipe-feature #recipe-nav,
		.recipe-menu #recipe-nav {
			font-size: .9em;
			position: absolute;
			top:27px;
			right:30px;
			text-align: right;}
		
	.recipe-feature #print-link {
		position: absolute;
		display: block;
		top: 447px;
		right:30px;
		width: 84px;
		height:21px;
		background: url(../images/recipes/buttons.gif) 0 -64px no-repeat;
		text-indent: -123456px;}
		
		.recipe-feature #print-link:hover {background: url(../images/recipes/buttons.gif) -123px -64px no-repeat;}
		
		
		.recipe-feature #ra-send a {
			position: absolute;
			display: block;
			top: 447px;
			right:122px;
			width: 105px;
			height:21px;
			background: url(../images/recipes/buttons.gif) 0 -32px no-repeat;
			text-indent: -123456px;}
		
		.recipe-feature #ra-send a:hover {background: url(../images/recipes/buttons.gif) -123px -32px no-repeat;}
			
		.recipe-feature #ra-back a {
			position: absolute;
			display: block;
			top: 252px;
			right:15px;
			width: 96px;
			height:21px;
			background: url(../images/recipes/buttons.gif) 0 0 no-repeat;
			text-indent: -123456px;}
		
		.recipe-feature #ra-back a:hover {background: url(../images/recipes/buttons.gif) -123px 0 no-repeat;}
	
	
	#featured-recipes {
		height: 180px;
		width: 650px;
		position: absolute;
		top:65px;
		left:15px;
		background: url(../images/shared/line.gif) bottom left repeat-x;}
		
		#featured-recipes h3 {
			width: 631px;
			height: 25px;
			text-indent: -123456px;
			background: url(../images/recipes/check.png) 0 0 no-repeat;}
	
	
	#featured-recipes li {
		width: 130px;
		height: 150px;
		float: left;
		position: relative;
		background: url(../images/recipes/bg-li.png) 0 0 no-repeat;}
		
		#featured-recipes li.on {background: url(../images/recipes/bg-li.png) 0 -153px no-repeat;}
		
		#featured-recipes li a {
			display: block;
			width: 92px;
			height: 25px;
			text-indent: -123456px;
			background: url(../images/recipes/get.gif) 0 0 no-repeat;
			position: absolute;
			bottom: 12px;
			left: 17px;}
			
			#featured-recipes li a:hover {background: url(../images/recipes/get.gif) 0 -25px no-repeat;}				
			#featured-recipes li.on a {display: none;}
		
		#featured-recipes h4 {
			width: 110px;
			height: 102px;
			position: absolute;
			top: 7px;
			left: 8px;
			text-indent: -123456px;
			background-image: url(../images/recipes/li-rec.gif);
			background-repeat: no-repeat;}
		
		
		#fr-nys {}
			#fr-nys h4 {background-position: 0 0;}
		#fr-chi {}
			#fr-chi h4 {background-position: -129px 0;}
		#fr-ppo {}
			#fr-ppo h4 {background-position: -258px 0;}
		#fr-mea {}
			#fr-mea h4 {background-position: -385px 0;}
		#fr-vin {}
			#fr-vin h4 {background-position: -514px 0;}