body {font-family:Verdana,Arial,Sans-Serif;color:#622700;font-size:11px;}

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

.clear {clear:both;}

.subpageheader .hideText {display:none;}

a:link, a:visited, a:hover, a:active {color:#b94500;font-size:11px;}
a:hover {text-decoration:none;}

input, select {color:#622700;}
.breadcrumbs {padding-top:20px;margin-left:50px;margin-bottom:30px;color:#b94500;}
.breadcrumbs .selectedbreadcrumb {font-weight:bold;text-decoration:underline;}
.serves {float:left;margin:0 0 25px 50px;width:100%;}
*html .serves {margin:0 0 25px 25px;}
.servesBtn {float:left;}
.view_details {float:left;}
.subpageheader {float:left;min-width:437px;width:437px;}
.subpageheader_photo, .subpageheader {height:107px;float:left;}
.nutritionLeft {width:320px;float:left;}

* html .subpageheader_photo {margin-bottom:-4px;}
* html .subpageheader {/*margin-right:-3px;*/margin-bottom:-4px;}
.subpage {width:745px;background-color:#fefdde;min-height:510px;}
* html .subpage {height:349px;}
.contentColumns {background:transparent url(/images/bg-leftcolumn.gif) repeat-y left top;}
.subpageNutritional {width:745px;background-color:#fefdde;min-height:730px;float:left;}
* html .subpageNutritional {height:349px;width:695px;}
.subpagefooter {background-color:#fefdde;width:0px;height:66px;padding-left:679px;}
* html .subpagefooter {padding-left:0px;width:745px;background-color:transparent;text-align:right;}
* html .subpagefooter .filler{float:left;background-color:#fefdde;height:66px;width:679px;margin-right:-3px;}
.dinnerclublandingpage {margin:0 auto;width:938px;background-color:#FFE098;}

.watermarked {color:#AAA;}
.error {color:#F00;}
.floatclear {clear:both;}
.clearBoth {clear:both;height:1px;overflow:hidden;line-height:0;}


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






/*1/2011 Edits by Smith Bros Agency - Johannes Ma*/

#dinnerideas {
	position: relative;
	margin-top: -10px;}
	
#dinnerideas p {margin: 0;}
	
#dinnerideas p#one a {
	display: block;
	height: 139px;
	width: 155px;
	background: url(/images/btn-dinner-ideas.png) left top no-repeat;
	text-indent: -12345px;
	cursor: pointer;}
	
#dinnerideas p#fam a {
	display: block;
	height: 95px;
	width: 155px;
	background: url(/images/btn-dinner-ideas-f.gif) left top no-repeat;
	text-indent: -12345px;}
	
	/*1/2011 duos landing*/
	
	#duos .clear {
		height: 20px; 
		clear: both;}
	
	#duos #products {
		position: relative;
		width: 746px;
		height: 372px;
		background: url(../Images/01-2011/bg-duos-main.jpg) left -1px no-repeat;
		margin-top: -14px;}
		
		#duos.ie7  #products {margin-top:0;}
		#duos.ie6  #products {margin-top:0;}
		
		#duos #products h2, #duos #products p {
			text-indent: -123456px;}
			
			h3.breadcrumb {
				font-weight: normal;
				font-size: 12px;
				padding: 7px 0 0 50px;
				color: #b34500;}
				
				#sautes h3.breadcrumb,
				#sautes h3.breadcrumb a:link, 
				#sautes h3.breadcrumb a:visited, 
				#sautes h3.breadcrumb a:hover, 
				#sautes h3.breadcrumb a:active {color: #ffffff;}
			
				
		#duos #products ul#meals {
			position: absolute;
			right: 0; top: 6px;
			list-style: none;}
			
			#duos #products li#p1 a, #duos #products li#p2 a, #duos #products li#p3 a {
				width: 189px; height: 100px;
				display: block;
				text-indent: -12346px;
				background: url(../Images/01-2011/p1.png) left top no-repeat;
				margin-bottom: 18px;
				cursor: pointer;
				outline: none;}
				
				#duos #products li#p2 a {background: url(../Images/01-2011/p2.png) left top no-repeat;}
				#duos #products li#p3 a {background: url(../Images/01-2011/p3.png) left top no-repeat;}
			
		
	#duos #fb, #duos #coupon-box, #duos #store, #duos #coupon-box-alt {
		position: relative;
		width: 220px; height: 150px;
		float: left;
		margin-right: 10px;
		padding: 35px 8px 0 10px;} 
		
	#duos #fb h3, #duos #coupon-box h3, #duos #store h3, #duos #coupon-box-alt h3 {
		font-family: Georgia, serif;
		font-size: 15px;
		color: #860102;
		margin: 0 0 2px;}
		
		#duos #fb p, #duos #coupon-box p, #duos #coupon-box-alt p, #duos #store p {margin: 0; color: #424242;}
	
		#duos #fb {
			background: url(../Images/01-2011/bg-fb.gif) left top no-repeat;}
			
			#duos #fb p#play a {
			background: url(../Images/01-2011/btn-play.gif) left top no-repeat;
			width: 79px; height: 19px;
			display: block;
			text-indent: -12345px;
			position: absolute;
			left: 150px; top: 130px;}
			
		#duos #coupon-box {background: url(../Images/01-2011/bg-get-coupon.gif) left top no-repeat;}
		#duos #coupon-box-alt {background: url(../Images/01-2011/bg-get-hot.jpg) left top no-repeat;}
		
		
			#duos #coupon-box p.coupon a {
			background: url(../Images/btn-get-coupon.gif) left top no-repeat;
			width: 79px; height: 19px;
			display: block;
			text-indent: -12345px;
			position: absolute;
			left: 150px; top: 130px;}
			
			#duos #coupon-box p.learn a,
			#duos #fb p.learn a {
			background: url(../Images/btn-learn-more.gif) left top no-repeat;
			width: 79px; height: 19px;
			display: block;
			text-indent: -12345px;
			position: absolute;
			left: 150px; top: 130px;}
			
			#duos #coupon-box-alt p.see-products a {
			background: url(../Images/all-prod.jpg) left top no-repeat;
			width: 95px; height: 19px;
			display: block;
			text-indent: -12345px;
			position: absolute;
			left: 135px; top: 130px;}
			
			#duos #fb p.play a {
			/*background: url(../Images/01-2011/btn-play.gif) left top no-repeat;
			width: 79px; height: 19px;*/
			display: block;
			text-indent: -12345px;
			position: absolute;
			left: 150px; top: 130px;
			
			background: url(../Images/promo-big/but-like.gif) left top no-repeat;
			width: 55px; height: 18px;}
			
		#duos #store {
			background: url(../Images/01-2011/bg-find-store.gif) left top no-repeat;}
			
		 #duos #store select {
		 	margin-bottom: 5px;}
		 	
		#duos #store .searchitem input.fs {
			position: absolute;
			left: 150px; top: 120px; }
			
		#duos #store .product-search select.nestlesitesdropdown {
			width: 200px;}
			
		/*1/2011 promotions/coupon page*/
		
		#promotion {
			width: 747px;
			background: url(../Images/promo-big/promotions/promo-mid.jpg) 0 0 repeat-y;}
		
		#promo-head {
			background: url(../Images/promo-big/promotions/promo-head.jpg) 0 0 no-repeat;
			padding: 130px 33px 20px;}
			
			#promotion h3.breadcrumb {padding: 0 0 20px 20px;}
				
			#promotion h2 {
			font-family: Georgia, serif;
			font-size: 18px;
			color: #860102;
			margin: 10px 0;}
			
			#promo-head p {
				margin-bottom: 10px;
				font-size: 13px;
				color: #232324;}		
		
		.promo-block {
			width: 371px;
			border-top: 1px dashed #b84400;
			margin: 20px 0 0 33px;
			padding: 0 20px 0 290px;
			font-size: 13px;
			color: #232323;
			position: relative;}
			
			#promotion .promo-block h2 {font-size: 17px; margin-bottom: 7px;}
			.promo-block img {
				display: block;
				position: absolute;
				top:0;
				left:0;}
			
			.promo-block .coupon a {
				display: block;
				width: 84px;
				height: 22px;
				text-indent: -123456px;
				background: url(../Images/promo-big/promotions/coupon.gif) 0 0 no-repeat;}
				
		#promo-foot {
			width: 747px;
			height: 65px;
			background: url(../Images/promo-big/promotions/promo-foot.gif) 0 0 no-repeat;}

				
				
/* 2/23 Sautes Promo Page */
#sautes #products {
	position: relative;
	width: 746px;
	height: 372px;
	background: url(../Images/promo-big/sautes/sautes-header.jpg) left -1px no-repeat;
	margin-top: -14px;} 
	
	#sautes #products h2,
	#fh #products h2 {
		text-indent: -123456px;
		height:1px;
		width: 1px;}
	
	#saute-slide ul,
	#fh-slide ul {
		list-style-type: none;
		padding:0;
		margin:0;}
	
	#sautes #fb, #sautes #coupon-box, #sautes #store,
	#fh #fb, #fh #coupon-box, #fh #store,
	.coupon-box-fh	 {
		position: relative;
		width: 220px; height: 150px;
		float: left;
		margin-right: 10px;
		padding: 35px 8px 0 10px;} 
		
	#sautes #fb h3, #sautes #coupon-box h3, #sautes #store h3,
	#fh #fb h3, #fh #store h3,
	.coupon-box-fh h3 {
		font-family: Georgia, serif;
		font-size: 15px;
		color: #860102;
		margin: 0 0 2px;}
	
	#fh #fb h3, #fh #store h3{
		font-size: 13px;
		margin: 4px 0 0;}
		
		.coupon-box-fh h3 {font-size: 13px; margin:3px 0 0; padding:0;}
		
		#sautes #fb p, #sautes #coupon-box p, #sautes #store p,
		#fh #fb p, #fh #coupon-box p, #fh #store p {margin: 0; color: #424242;}
	
		#sautes #fb {background: url(../Images/promo-big/sautes/bg-fb-find.gif) left top no-repeat;}
			
			#sautes #fb p.like a,
			#fh #fb p.like a {
			background: url(../Images/promo-big/but-like.gif) left top no-repeat;
			width: 55px; height: 18px;
			display: block;
			text-indent: -12345px;
			position: absolute;
			left: 150px; top: 130px;}
			
			
			#fh #coupon-s {background:url(../Images/promo-big/farmersharvest/bg-get-new-2.jpg) 0 0 no-repeat; }
			
			#fh #coupon-f {background: url(../Images/promo-big/farmersharvest/coupon-f.jpg) 0 0 no-repeat;}
			
			.coupon-box-fh p {margin-top: 0px;}
			
			#sautes #coupon-box {
			background: url(../Images/promo-big/sautes/bg-share.jpg) left top no-repeat;
			/*background: url(../Images/promo-big/sautes/bg-get-coupon.gif) left top no-repeat;
			background: url(../Images/promo-big/sautes/bg-get-new.jpg) left top no-repeat; */}
		
		
			#sautes #coupon-box p.coupon a {
			background: url(../Images/promo-sm/get.gif) left top no-repeat;
			width: 79px; height: 19px;
			display: block;
			text-indent: -12345px;
			position: absolute;
			left: 150px; top: 130px;}
			
			#fh #coupon-f.coupon-box-fh p.coupon a {left: 10px;}
			
			#hot-content p.learn a,
			#sautes #coupon-box p.learn a {
			background: url(../Images/promo-big/sautes/see-all.gif) left top no-repeat;
			width: 93px; height: 19px;
			display: block;
			text-indent: -12345px;
			position: absolute;
			left: 135px; top: 130px;}
			
				#hot-content p.learn a {left: 160px; top: 75px;}
			
			
			p.amazing a {
			background: url(../Images/promo-big/sautes/check-out.jpg) left top no-repeat;
			width: 125px; height: 20px;
			margin-top: 15px;
			display: block;
			text-indent: -12345px;}
			
			
			#sautes #coupon-box p.amazing {margin:0; padding:0; width: 73px; height:31px;}
			#sautes p.amazing a {margin:25px 0 0 130px; width: 73px; height:31px; background: url(../Images/promo-big/sautes/check-out-2.jpg) left top no-repeat;}
			

			
			#fh .coupon-box-fh p.coupon a {
			background: url(../Images/promo-big/farmersharvest/see-all.jpg) left top no-repeat;
			width: 95px; height: 19px;
			display: block;
			text-indent: -12345px;
			position: absolute;
			left: 10px; top: 130px;}
			
			#sautes #fb p.learn a,
			#fh #coupon-box p.learn a,
			#fh #fb p.learn a {
			background: url(../Images/btn-learn-more.gif) left top no-repeat;
			width: 79px; height: 19px;
			display: block;
			text-indent: -12345px;
			position: absolute;
			left: 150px; top: 130px;}
			
			#sautes #coupon-box p.see a {
			background: url(../Images/btn-see-all.gif) left top no-repeat;
			width: 91px; height: 18px;
			display: block;
			text-indent: -12345px;
			position: absolute;
			left: 141px; top: 130px;}
			
			#sautes #fb p.play a,
			#fh #fb p.play a {
			background: url(../Images/01-2011/btn-play.gif) left top no-repeat;
			width: 79px; height: 19px;
			display: block;
			text-indent: -12345px;
			position: absolute;
			left: 150px; top: 130px;}
			
		#sautes #store,
		#fh #store {background: url(../Images/01-2011/bg-find-store.gif) left top no-repeat;}
			
		#sautes #store select,
		#fh #store select {margin-bottom: 5px;}
		 	
		#fh #store .searchitem input.fs {
			position: absolute;
			left: 150px; top: 120px; }
			
			#sautes #store .searchitem input.fs {
			position: absolute;
			left: 150px; top: 135px; }
		
			
		#sautes #store .product-search select.nestlesitesdropdown,
		#fh #store .product-search select.nestlesitesdropdown {width: 200px;}
		
		#fm-all {
			width: 411px;
			height: 38px;
			position: absolute;
			right: 0;
			bottom: 170px;
			display: block;
			text-indent: -123456px;}
		
#saute-slide {
	width: 636px;
	margin: 181px auto 0;}
	
	#saute-slide ul,
	#fh-slide ul {margin:0; padding:0; list-style-type:none;}
	
	#saute-slide li {width: 159px;}
	
		#saute-slide li a,
		#fh-slide li a  {}
		
		#saute-slide img,
		#saute-slide a,
		#fh-slide img,
		#fh-slide a {display: block; border:0; text-align: center;}
		
		#saute-slide img {margin: 0 0 2px 8px;}
		#saute-slide a,
		#fh-slide a {
			font-family: "Myriad Pro", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
			font-size: 10px; 
			color: #332518;
			text-decoration: none;
			width: 129px;
			margin: 0 15px;}
		
		#saute-try {
			width: 156px;
			height: 21px;
			position: absolute;
			right: 0;
			bottom: 157px;
			display: block;
			text-indent: -123456px;}
			
		
/* 3/7 Farmer's Harvest Promo Page */	

#fh #products {
	position: relative;
	width: 746px;
	height: 372px;
	background: url(../Images/promo-big/farmersharvest/fh-header.jpg) left -1px no-repeat;
	margin-top: -14px;} 
	
	#fh #products #fbl {
		display: block;
		width: 139px;
		height: 30px;
		text-indent: -123456px;
		position: absolute;
		top:0;
		right:0;}
	
	#fh #fb {background: url(../Images/promo-big/farmersharvest/bg-fb-find.gif) left top no-repeat;}
	#fh #fb p.like a {left: 170px;}	
		
	#fh #coupon-box {background: url(../Images/promo-big/farmersharvest/bg-get-new.jpg) left top no-repeat;}	
	#fh #coupon-box h3 {
		font-family: Georgia, serif;
		font-size: 12px;
		color: #860102;
		margin: 0 0 2px;}
	#fh #coupon-box p.see a {
			background: url(../Images/btn-see-all.gif) left top no-repeat;
			width: 91px; height: 18px;
			display: block;
			text-indent: -12345px;
			position: absolute;
			left: 141px; bottom: 13px;}
		
	
	#fh-slide {
	width: 546px;
	margin: 151px auto 0;}
	
	#fh-slide li {width: 182px;}
	#fh-slide img {margin: 0; display: block;}
	
	#fh-slide a {margin:0;}
	#fh-slide a.txt {padding: 0 20px; width: 142px; margin: -10px auto 0; position: relative;}
	
	
	#ctl00_MainContent_ddl_product {width: 180px;}