﻿
/*

	FRAMEWORK; Site-Specific Framework Styles
	-------------------------------------------------------------------------
	Author: Michael Argentini; magic@mezzocode.com
	05/18/2008

*/

@media print
{
	.HideForPrint
	{
		background-image: none !important;
		background-color: White !important;
		display: none !important;
		padding: 0px !important;
		margin: 0px !important;
	}
}

body
{
	background-color: #C01424;
	background-image: url(../images/bg-tile.jpg);
	background-repeat: repeat-x;
}

	a
	{
		color: Blue;
	}

	.RightColumn
	{
		width: 300px;
	}

	.LeftColumn
	{
		width: 580px;
	}
	
	.PadLeft
	{
		margin-left: 15px;
		margin-bottom: 15px;
	}

	.BumpDown
	{
		margin-top: 15px;
	}

	.FeatureCol
	{
		width: 290px;
		margin-left: 10px;
		margin-bottom: 10px;
	}

		.FeatureCol img
		{
			margin-bottom: 15px;
			border: none;
		}
	
		.MainBody
		{
			width: 503px;
		}

		.InnerMainBody
		{
			/* background-color: White; */
			padding: 15px 0px 0px 20px;
		}
		






/*

	FOOTER LINK PANEL; Framework Area Styles
	-------------------------------------------------------------------------
	Author: Michael Argentini; magic@mezzocode.com
	05/18/2008

*/

	.FooterPanel
	{
		text-align: center;
		padding: 0px 0px 0px 0px;
		color: White;
	}

		.FooterPanel a
		{
			font-weight: bold;
			color: White;
			text-decoration: none;
		}

		.FooterPanel a:hover
		{
			color: White;
			text-decoration: underline;
		}

		.FooterPanel span
		{
			padding: 0px 0px 0px 0px;
		}



/*

	GLOBAL STYLES; Framework Area Styles
	-------------------------------------------------------------------------
	Author: Michael Argentini; magic@mezzocode.com
	05/18/2008

*/

	h1
	{
		font-family: "Helvetica Neue", "Arial", "Helvetica", Sans-Serif;
		font-weight: lighter;
		color: #C01424;
		font-size: 20px;
		line-height: 24px;
		padding-bottom: 5px;
		margin-bottom: 0px;
	}
	
	h1 sup
	{
		position: relative;
		vertical-align: text-top;
		top: 3px;
		left: 1px;
		font-size: 12px;
		line-height: 12px;
	}

	p sup, div sup
	{
		position: relative;
		vertical-align: text-top;
		top: 2px;
		left: 1px;
		font-size: 8px;
		line-height: 8px;
	}

		h1.Orange
		{
			color: #ff9100 !important;
			font-size: 20px;		
		}

	h2
	{
		font-family: "Helvetica Neue", "Arial", "Helvetica", Sans-Serif;
		font-weight: lighter;
		color: #C01424;
		font-size: 18px;
		line-height: 22px;
		padding-top: 10px;
	}

	h2.First
	{
		padding-top: 0px;
	}

	h3
	{
		font-family: "Helvetica Neue", "Arial", "Helvetica", Sans-Serif;
		font-weight: 100;
		color: #C01424;
		font-size: 12px;
		padding-bottom: 0px;
	}

	.Error
	{
		color: Red;
		font-weight: bold;
	}

	.ErrorMessage
	{
		font-size: 11px;
		color: Red;
		font-weight: bold;
	}

	.ErrorMessage2
	{
		display: block;
		padding: 15px 0px 15px 0px;
		color: Red;
	}

	.ErrorBox
	{
		display: block;
		padding: 7px 15px 7px 15px;
		margin-bottom: 15px;
		background-color: #AB0000;
		color: White;
		font-weight: bold;
		text-align: center;
	}

	.Success
	{
		color: Green;
		font-weight: bold;
	}

	.SuccessMessage
	{
		display: block;
		padding: 5px 0px 5px 0px;
		color: Green;
		text-transform: uppercase;
	}




/*

	WHITE PANEL; Framework Area Styles
	-------------------------------------------------------------------------
	Author: Michael Argentini; magic@mezzocode.com
	05/18/2008

*/

	.InnerPageContainer
	{
		background-color: #8d0205;
		width: 635px;
	}

	.InnerPageTop
	{
		width: 635px;
	}
	
	.InnerPageFooter
	{
		width: 635px;
	}
	
	.InnerPageContent
	{
		width: 635px;
	}

		.InnerPageContent p
		{
			margin: 0px !important;
			padding: 0px 0px 15px 0px;
		}

		.InnerPageContent table
		{
			margin: 7px;
		}

		.InnerPageContent .QuestionGroup
		{
			padding-bottom: 5px;
		}

			.WhiteBG
			{
				/* background-color: White; */
				/* padding: 5px 0px 0px 0px; */
			}

			.TopBlueBar
			{
				background-color: #0E579B;
			}

			.Separator
			{
				border-top: solid 3px #C01424;
				padding-top: 10px;
				margin-top: 25px;
			}

			.TeaserArea
			{
				border-top: solid 1px #CDCDCD;
				padding-top: 10px;
				margin-top: 10px;
				width: 468px;
			}

			.TeaserSeparator
			{
				border-top: solid 1px #ABABAB;
				padding-top: 10px;
				margin-top: 10px;
			}

			.LoadButton
			{
				margin-top: 4px;
			}

			.QuestionGroup input[type='radio']
			{
				margin: 0px 5px 0px 0px;
			}

			.QuestionGroup label
			{
				font-size: 12px !important;
				margin-right: 15px;
			}

			.QuestionGroup span
			{
				font-size: 85%;
			}

			.BlueBG
			{
				background-color: #BBCDFF;
			}

			.YellowBG
			{
				background-color: #FFEFCD !important;
			}

		.InnerPageContent textarea
		{
			margin-top: 5px !important;
			padding: 2px !important;
		}

		.InnerPageContent input[type='text'], .InnerPageContent input[type='password'], .InnerPageContent select
		{
			margin-top: 5px !important;
			padding: 2px !important;
			width: 150px;
		}

		.AdminSelect
		{
			width: 250px !important;
		}

		.InnerPageContent .FormRow
		{
			clear: left;
			padding-top: 10px;
		}

		.InnerPageContent .FatButton
		{
			padding: 5px;
		}

		.PushDown
		{
			margin-top: 20px;
		}

	a.CorporateLink
	{
		display: block;
		position: absolute;
		background-image: url("/images/heinz-corporate-site.gif");
		background-repeat: no-repeat;
		top: 5px;
		left: 815px;
		height: 13px;
		width: 105px;
		text-decoration: none;
	}

		a.CorporateLink:hover
		{
			background-image: url("/images/heinz-corporate-site-over.gif");
			text-decoration: none;
		}

