@charset "utf-8";
@import url("core.css");
@import url("form.css");
/* change requests 23 Feb 2010 */

/* 
modifiers : contain no styles 
.sub
.main
*/

/*
c o l o u r s

*/

body {
	background-image:url(../chr/layout_bg_5e0413_1920x640_70.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#5e0413;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%; /* 16px */
	
	padding-bottom:24px;
	}
.wrapper {
	width:960px;
	padding:0;
	}
.white {background-color:#fff;}	

/*
a, a:link 	{color:#912b82;} ????
a:hover		{color:#d52;}	
 */
a,
a:link,
a:visited {color:#bf1e2d}
a:hover	{text-decoration:underline; color:#e00;}

.bodycopy h1, 
.bodycopy h2, 
.bodycopy h3, 
.bodycopy h4, 
.bodycopy h5, 
.bodycopy h6 {color:#004d73;}
h1, h2, h3, h4, h5, h6 {font-family: Verdana, Arial, Helvetica, sans-serif;}/* Tahomas, */

.f-12 h1 {
	font-size:1.6666em; 	/*20px;*/ 	
	line-height:1.35em;	/* 20 > 27 */
	line-height:36px;
	margin-bottom:18px; 

	
	font-size:1.5em; /* 12 > 18 */
	line-height:1em;
	font-weight:normal;	
	}

.f-12 h2 {
	font-size:1.5em;		/*18px;*/ 	
	line-height:1em;		
	margin-top:18px; margin-bottom:9px; 
	margin-top:0; margin-bottom:18px;
	}
.f-12 h3 {
	font-size:1.1666em;	/*14px;*/ 	
	line-height:1.2857em;	
	margin-top:18px; margin-bottom:9px; 
	margin-top:0; margin-bottom:18px;

	}
.f-12 h4, h5	{font-size:1em;			/*12px;*/	line-height:1.5em;}
.f-12 .intro 	{font-size:1.0833em;	/*13px;*/	line-height:1.3846em;}	




/* h e i n z */
/*	
	#8c1316	Daddies Brun
	#fdb913	Amoy Yello
	#bf1e2d	Ketchup Red
	#00aaac	Baked Beanz Bleu
*/
h1, h2, h3, h4, h5, h6 {color:#bf1e2d;}
.intro		{color:#333;}
h2, h3, h4, p {color:#555;}

#header {
	width:960px; 
	min-height:96px; _height:96px;
	background-image:url(../chr/header_bg_1x96.gif);
	background-repeat:repeat-x;
	overflow:hidden;
}
#heinz-food-service {
	float:left;
	/* padding:16px 16px 16px 20px; */
	padding:12px 12px 12px 0;
	}
#heinz-food-service,
#heinz-food-service a,
#heinz-food-service img {
	/* width:108px; height:64px; */
	width:132px; height:72px;
}
#header-image {float:left;}
#header-image,
#header-image img {width:504px; height:96px;}
/*
#heinz-sight-logo {
	float:left;
	padding: 4px 16px 12px 20px;
	background-image:url(../chr/hz_st_bg_196x96.jpg); 
	background-position:bottom right;
	background-repeat:no-repeat;	
	}
#heinz-sight-logo,
#heinz-sight-logo div {width:276px; height:80px;}
#heinz-sight-logo div {background-image:url(../chr/hz_st_logo_276x80_t.gif);}
*/
#heinz-sight-logo {
	float:left;
	padding: 12px 20px 20px 24px;
}
#heinz-sight-logo,
#heinz-sight-logo div {
	width:268px; height:64px;
}
#heinz-sight-logo div {
	background-image:url(../chr/heinzsight_logo_268x64.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	}



#header-bar {
	clear:both; overflow:hidden;
	width:960px;
	min-height:28px; /*_height:28px;*/
	background-image:url(../chr/header_bg_901722_1x28.gif);
	background-position:top;
	background-repeat:repeat-x;	
	background-color:#901722;	
	}
#breadcrumbs {
	float:left;
	padding-left:24px;
	font-size:0.625em; /* 10px; */
	line-height:3em; /* 30px */
	}
#breadcrumbs,
#breadcrumbs a,
#breadcrumbs a:link,
#breadcrumbs a:visited {color:#eee; text-decoration:none;}
#breadcrumbs a:hover {color:#fff; text-decoration:underline;}

#header-bar .search {margin:4px 24px 4px 16px;}
#header-bar .search input {
	font-size:0.75em; 		/* 12 */
	/*line-height:1.1667em;	 12 > 14 ie7 */
	/*height:1.1667em; 		 12 > 14 ie7 */
	background:none;
	border:none;
	padding:0 10px 0 2px;
	}

#header-bar .search .corner {
	background-image:url(../chr/corners/r20_search_sprite.png);
	width:10px; height:10px;
	}
#header-bar .search .side.l,
#header-bar .search .side.r {top:10px; bottom:10px; width:10px;}
#header-bar .search .side.t,
#header-bar .search .side.b {left:10px; right:10px; height:10px;}
#header-bar .search .side.l {background-image:url(../chr/search/search_10x1_L.gif);}
#header-bar .search .side.r {background-image:url(../chr/search/search_10x1_R.gif);}
#header-bar .search .side.t {background-image:url(../chr/search/search_1x10_T.gif);}
#header-bar .search .side.b {background-image:url(../chr/search/search_1x10_B.gif);}
#header-bar .search .middle	{
	left:10px; right:10px;
	top:10px; bottom:10px; 
	background-color:#ddd;
}
#header-bar .search .inner {padding:2px 0 3px 20px;}
#header-bar .search .inner a {
	position:absolute;
	z-index:3;
	left:4px; top:4px;
	width:16px; height:16px;
	}

	


#nav {
	float:left; clear:right;
	/* width:208px; */
	width:216px;
	background-color:#fff;
	padding-top:12px;
	line-height:1.5em; /* 18px */
	}
#main {
	float:left; clear:right;
	}
#footer {
	clear:both;
	width:960px;
	}



	
#nav,
#nav li a,
#nav li a:link,
#nav li a:visited {color:#555;}
#nav li.this a,
#nav li.this a:link,
#nav li.this a:visited {color:#bf1e2d;}
#nav li a.hover,
#nav li a:hover {color:#bf1e2d;}
#nav li.this a.hover,
#nav li.this a:hover {color:#000;}



#nav ul {margin:0 0 24px 24px; padding:0;} /* 0 0 24px 0;  */
#nav ul ul {margin:0;}

#nav li {border-bottom:1px solid #bf1e2d; margin:0; padding:0;}
#nav li li {border-bottom:none; border-top:1px solid #ccc;}


#nav li a,
#nav li a span {display:block;}

#nav li a span {padding-left:16px; /* 24px; */}
#nav li li a span {padding-left:40px;}

#nav li a,
#nav li a.open,
#nav li a.closed {
	background-position:0 7px; /* 5px 7px */
	background-repeat:no-repeat;
	}
#nav li li a,
#nav li li a.open,
#nav li li a.closed {
	background-position:21px 7px;
	background-repeat:no-repeat;
	}	
	
#nav li a.open {
	background-image:url(../chr/nav/nav-ccc-open.gif);
	}
#nav li a.closed {
	background-image:url(../chr/nav/nav-ccc-closed.gif);
	}

#nav li.this a.open {
	background-image:url(../chr/nav/nav-red-open-this.gif);
	}
#nav li.this a,
#nav li.this a.closed {
	background-image:url(../chr/nav/nav-red-closed-this.gif);
	}

.js #nav ul ul {display:none; /* default to avoid flash */}
		
			
			
/* F O O T E R   2 0 0 8 */
#footer {
	position:relative;
	clear: both; overflow:hidden;
	width:960px;
	
	background-image:url(../chr/footer_960x72.gif); /* footer_960x80.gif); */
	background-repeat:no-repeat;
	background-position:0 0;

	color:#ccc;
	background-color:#a71d32; /* #bf1e2d; */
	padding-bottom:6px;
}
#footer a, #footer a:link, #footer a:visited { color:#eee; }
#footer a:hover { color:#fff; }

	
#footer .footer-nav {
	float:left;
	width:344px;
	margin:0;
	padding:110px 0 0 24px;
}	
#footer .product-selector {
	float:left;
	width:496px;
	height:128px;
	}	

#sub-footer {
	padding:12px 24px 0 24px;
	color:#a99;
	}
	
/* T Y P E */
h1					{margin-top:12px; border-bottom:1px solid #cccccc; padding-bottom:6px; margin-bottom:12px !important;}	

.contentItem img	{padding-bottom:12px;}	

div.link-item {
	clear:both; overflow:hidden;
	padding-bottom:12px;
	border-bottom:1px solid #e5e5e5;
	margin-bottom:13px;
	}
.link-item p,
.bl-18 .link-item p	{margin-bottom:0;}
.link-item h3		{color:#000; margin-bottom:6px;}
.link-item a {
	margin-bottom:6px; display:inline-block; color:#BF1E2D; 
	padding-left:16px; background:url(../chr/new_window.gif) no-repeat left center;
	font-size:11px;
	}
.link-item img {float:left; margin-right:12px;}
.link-item a,
.link-item a:link,
.link-item a:visited {text-decoration:none;}
.link-item a:hover {text-decoration:underline;}


/* LINKS PAGE from original */
/*
div.link-item {
    overflow:hidden;
    margin-bottom:0.75em;
	margin-top:0.75em;
	background-image:url(chro/e5_1x1.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	}	
div.link-item p.link {
	float:none;
	font-size:0.625em;  10px 
	line-height:1.8em;  18px 
	margin:0;padding:0;
	margin-bottom:0.9em;	18px 
	padding:0 24px 0 24px;
}

div.link-item h3 {
	margin-top:0em;
	margin-bottom:0em;
	font-weight:bold;
}
div.link-item img, #plate img.meal {
	float:right;
	margin: 0 24px 8px 24px;
	}
		*/		
/* END LINKS PAGE */


.newsBox h2			{font-weight:normal; margin-bottom:6px;}
.newsBox h2 a		{text-decoration:none; color:#BF1E2D;}
.newsBox h2 a:hover	{text-decoration:underline;}

.platePager span	{padding-right:6px;}
.platePager a,
.platePager b		{padding-left:6px;}




/* H O M E P A G E */
#leadArticle		{margin-top:12px;}

#taster	h2			{margin-bottom:6px;}

#baseItems .first	{margin-right:24px;}
.baseItem			{width:216px; float:left;}
.baseItem img		{width:103px; height:103px; background-color:#efefef; display:block; float:right; clear:left; margin-left:6px;}
.baseItem h2		{border-bottom:1px solid #cccccc;  width:100%; min-height:42px;  margin-bottom:9px;}
.baseItem h2 img	{width:45px; height:45px; background-color:#efefef; float:left;margin-left:0; margin-right:5px; margin-bottom:-4px;}

.baseItem img,
.baseItem h3		{clear:left; margin-bottom:4px;}



/* M Y   H E I N Z   P O D */
#sideDish h4		{color:#000000;}
	
#myHeinzPod h3 img	{margin:36px 0 0 0;}
#myHeinzPod h3		{margin-bottom:5px;}
#myHeinzPod	ul		{margin:0; padding:0; list-style:none; }
#myHeinzPod	li		{margin-bottom:4px;float:left; width:100%;}
#myHeinzPod	label	{float:left;}

#myHeinzPod	.login,
#myHeinzPod	.textbox	{float:right;}	

#myHeinzPod h4 {padding:6px 0 6px 0;}
#myHeinzPod .subpod h4 {padding:0;}

#myHeinzPod a			{color:#BF1E2D;}
#promotions	a			{margin-bottom:12px; display:block}

/* M Y   H E I N Z   R E G */
#registration h1	{margin:24px -12px 24px -12px; background:url(../chr/myhzsight_pod_header_720x48.gif) no-repeat left top; height:27px; padding-top:21px; padding-left:42px;  color:#000000; font-size: 1.7em; }

#registration .WizardFinish,
#registration .WizardPrevious,
#registration .WizardNext {background:url(../chr/yellow_button_back.gif) repeat-x center left; height:26px; border:1px solid #b38616; padding:0 24px; text-transform:uppercase; margin-left:24px; cursor:pointer;}

.Wizard			{width:100%;}
.Wizard	h3		{margin-bottom:0;}
.Wizard	h4		{margin-bottom:0; margin-top:12px;}

/* F O R M S */
.formList		{padding:0; list-style:none; margin-left:0;}
.formList li	{margin-bottom:5px;}
.formList label {float:left; display:block;}

		
/* ie6
.cor ner {background-image:url(../chr/corners/r16_004d73_sprite.gif);}
.main.footer {_height:96px;}
*/



/* P R O D U C T S   C H O O S E R */

.js .sliding-panel-frame,
.js .sliding-panel-frame .sliding-panel-group {
	width:576px; /* = .sliding_panel.width + .sliding_panel.padding-left-right */
}
.js .sliding-panel {
	width:528px;
	padding-left:24px; padding-right:24px;
}

/* tabs / brand-links*/
.js .brand-group-wrapper ul.tabs li {
	margin:0; padding-left:4px;
	background-color:transparent;
}
.js .brand-group-wrapper ul.tabs li.this {
	padding-bottom:12px;
	margin-bottom:-12px;
	background-image:url(../chr/brand_edge_160x12.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding-left:4px !important;
}
.js .brand-group-wrapper ul.tabs li a {padding:12px 16px 12px 12px;}
.js .brand-group-wrapper ul.tabs li.this, 
.js .brand-group-wrapper ul.tabs li.this:hover {
	background-color:transparent;
}
.js .brand-group-wrapper ul.tabs li.this a {
	background-color:#fff;
	padding:12px 16px 12px 12px !important;
	border:0 !important;
	cursor:default;
}
.js .brand-group-wrapper ul.tabs li.hover {padding-left:0;}
.js .brand-group-wrapper ul.tabs li.hover a {
	border:2px solid #BF1E2D;
	padding:10px 14px 10px 14px;
}

.js .brand-group-wrapper {
	background-image:url(../chr/brand_bg_160x1.gif);
	background-repeat:repeat-y;
	background-position:8px 0;
	width:736px;
	padding:0 0 0 8px;
}
.js .brand-group-wrapper .summary {
	float:left;
	width:528px;
	padding-left:184px;
	padding-right:24px;
}
.js .brand-group-wrapper .sliding-panel-frame {float:left;}
.js ul.brand-links {
	float:left;
	width:160px;
	padding-bottom:2em;
	margin-top:-12px;
}
.js .brand-group-wrapper .sliding-panel ul  {
	float:left;
	width:192px; 
	padding-left:0px;
	padding-right:24px;
	}
.js .brand-group-wrapper .sliding-panel .description {
	float:left;
	width:312px;
	}
.productDetail {padding-top:32px; padding-bottom:20px;}

/* product detail on right, pasted in from previous css */
.productDetail {}
#sideDish h2 {color:#c00;}

#sideDish h3 {
	/*font-size:1.125em;  16 x 1.125 = 18 */
	/*line-height:1em; 18px*/
	color:#c00;
	text-align:center;
	}
#sideDish img {display:block; margin: 1.125em auto 0 auto; position:relative; text-align:center;} 

#sideDish .productDetail p {
	overflow:hidden;
	clear:both;
	margin-bottom:9px;
	}
#sideDish .productDetail p.m-0 {margin:0;}

#sideDish p.short {
	margin-bottom:0;
	}
#sideDish span.label {
	display:block;
	float:left;
	width:80px;
	}
#sideDish span.item {
	display:block;
	float:left;
	width:136px; /* 144px; */
	}
#sideDish table {
	/*
	font-size:0.625em;  10px; 
	line-height:1.8em;
	*/
	margin-top:0.9em;
	width: 224px;
	margin-left:8px;
	margin-right:8px;
}	
#sideDish table thead {
	font-size:1.2em; /* 12px */
	font-weight:bold;
	color:#666;
	}
a.backFooter {
	display:block;
	/* 12px */
	line-height:1.5em;		/* 18px */
	margin-top:1.5em;		/* 9px */
	margin-bottom:0.75em;	/* 9px */
	}
a.backFooter, a.backFooter:link, a.backFooter:visited {color:#666; text-decoration:underline;}
a.backFooter:hover {color:#e00; text-decoration:underline;}





#plate .newsBox /*, 
#plate .newsAndEventsBox, 
#plate .recipeBox*/ {
	padding-top:1.125em;
	padding-bottom:0.375em;
	/*
	background-image:url(chro/e5_1x1.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	*/
	padding-bottom:0em;
	padding-top:0em;
	margin:0;
	border:0;
	
	border-bottom:1px solid #e5e5e5;
	
	padding-bottom:12px;
	border-bottom:1px solid #e5e5e5;
	margin-bottom:13px;
	}
#plate .newsBox p /*, #plate .newsAndEventsBox p, #plate .recipeBox p */ {
	padding-bottom:6px; /* 0.75em; */
	margin-bottom:6px; /* 0.75em; */
	
	padding:0;
	margin:0;
	}
#plate .newsBox h2, 
#plate .newsAndEventsBox h2, 
#plate .recipeBox h2 {
	font-weight: normal;
	font-size:1.5em; /*18px;*/
	margin-bottom:0.5em;
	margin-top:0.5em;
	
	
	font-size:1.1666em; /* 14px */
	line-height:1.2857em;
	font-weight:bold;
}
/*a.moreInfo {line-height:1.5em;}*/

.loginBox {}
.loginBox ul {
	clear:both;
	overflow:hidden; zoom:1;
	}
.loginBox ul li {overflow:hidden; zoom:1;}
.loginBox .subpod {
	padding-top:12px;
	clear:both;
	}



/* F U F U Z Z Y */
.fuzzy 
{
	position:relative;
	overflow:hidden; /* white */
	}
.fuzzy-left 
{
	position:absolute;
	width:20px;
	left:-20px;
	background-color:Lime;
	height:200px;
	}
.display-false {display:none; /* overide in print.css */}
a.expander,
a.expander:link,
a.expander:visited {color:#bf1e2d; text-decoration:underline;}
a.expander:hover {color:#e00; text-decoration:none;}

/* ie8 slide bug 
#leadArticle p {margin-bottom:18px; zoom:1;}
div#baseItems {margin-top:18px; zoom:1;}
*/





.labelledBox {
	clear:both;
	margin-bottom:12px;
	overflow:hidden; zoom:1;
}
.labelledBox h4.label {
	float:left;
	margin:0;
	padding:0;
	width:152px;
}
.labelledBox h4 {
	font-weight:bold;
	line-height:1.5em;
	margin-bottom:0.75em;
	margin-top:0.75em;
}
.labelledBox p.info {
	float:left;
	margin-bottom:0;
	padding:0;
	width:304px;
}



#plate .contactForm {
	}
#plate ul.contactForm {
	list-style-type:none;list-style-image:none;
	margin-bottom:1.5em;		/* 18px */
	}
#plate ul.contactForm li{
	clear: both;
	min-height:1.5em;		/* 18px */
	margin:0;padding:0;
	margin-bottom:0.75em;
	}
#plate ul.contactForm label {
	display: block;
	float: left;
	/*position: relative;	margin-top: 3px;*/
	
	padding: 0.375em 0 0.375em 0;
	width: 152px;
	}
#plate ul.contactForm input, #plate ul.contactForm textarea {
	border-style:solid;
	border-width:1px;
	}	
#plate ul.contactForm input.textbox {
	padding: 0.375em 4px 0.375em 4px;
	width:224px;
	border-color:#ccc;
	}
#plate ul.contactForm input.button {
	margin-left:152px; /*margin-left:128px; forIE-7*/
	margin-bottom:0.75em;
	
	padding: 0.375em 4px 0.375em 4px;
	background-color:#f9f9f9;
	color: #c00;
	border-color:#900;
	cursor:pointer;
	}


#plate ul.contactForm input.textbox, #plate ul.contactForm textarea {
	background-color:#fdfdfd;
	border-color:#ccc;
}
#plate ul.contactForm span.req {
	color: #c00;
	font-weight: bold;

}
 
   
#plate div.contactFormFeedback ul, #plate ul.contactFormFeedback {
	list-style-type:none;list-style-image:none;
	margin-bottom:1.5em;		/* 18px */
	}
#plate div.contactFormFeedback a {}	
	
#plate .contactFormFeedback a, #plate .contactFormFeedback a:link, #plate .contactFormFeedback a:visited {
	color:#222;text-decoration:underline;
	}
#plate .contactFormFeedback a:hover {
	color:#000;text-decoration:none;
	}