@import "Mezzocode.Leveler.css";

body 
{
	font-family: "Arial", "Helvetica", Sans-Serif;
	font-size: 12px;
	text-align: center;
}

a, a:link, a:active, a:visited 
{
	color: #983b3e;
	font-weight: bold;
	text-decoration: none;
}

a:hover 
{
	text-decoration: underline;
}

a.Home
{
	position: absolute;
	display: block;
	height: 85px;
	margin: 0 auto;
	width: 203px;
	left: 390px;
	z-index: 999;
}

h1, h2, h3, h4 
{
	font-family: "Georgia", "Times New Roman", "Times", "", Serif;
	color: #983b3e;
	font-weight: normal !important;
}

h1 
{
	line-height: 150%;
}

#Page
{
	position: relative;
	margin: 10px auto 0 auto;
	width: 990px;
}

#Frame
{
	position: relative;
	background: url(../images/frame-bottom.jpg) no-repeat bottom left;
	padding-bottom: 47px;
}

#Top
{
	position: relative;
	background: url(../images/frame-top.jpg) no-repeat top left;
	height: 88px;
}

	#Top a:hover 
	{
		text-decoration: none !important;
	}

.TopNavigation
{
	position: absolute;
	left: 175px;
	top: 53px;
	clear: none;
	color: #72774e;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	list-style: none;
	padding: 0;
	width: 630px; /* IE6 */
	z-index: 998;
}

.TopNavigation li
{
	clear: none;
	display: inline;
	float: left;
}

.TopNavigation .AfterSeparator
{
	background: url(../images/separator-navigation.jpg) no-repeat top left;
	padding-left: 36px;
	margin-left: 22px
}

.TopNavigation .Split
{
	margin-left: 247px;
}

#MainContent
{
	position: relative;
	background: url(../images/frame-sides.jpg) repeat-y top left;
	text-align: left;
	padding: 0px 50px 0px 50px;
}

#Copyright
{
	clear: both;
	color: #72774e;
	font-family: "Times New Roman", Serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

/* Products */

.BreadCrumb
{
	font-size: 11px;
	color: #72774e;
	clear: both;
	display: block;
	margin-bottom: 10px;
	margin-left: 5px;
}

.BreadCrumb a
{
	color: #72774e;
	font-weight: normal;
}

.BreadCrumb .Selected
{	
	color: #983b3e;
	font-weight: normal;
}

.CategoryMenu
{
	position: relative;
	font-size: 14px;
	width: 175px;
	padding-left: 5px;
}

	.CategoryMenu a
	{
		color: Black;
	}

	.CategoryMenu sup
	{
		font-size: 10px;
		position: relative;
		vertical-align: text-top;
	}

	.CategoryMenu h3
	{
		color: #72774e;
		font-size: 16px;
	}

	.CategoryMenu ul
	{
		padding: 0;
	}

	.CategoryMenu .SauceTypes a
	{
		color: #983b3e;
		font-family: "Georgia", "Times New Roman", "Times", "", Serif;
		font-weight: normal;
		font-size: 15px;
	}

	.CategoryMenu .Sauces a
	{
		color: Black;
		font-weight: normal;
	}

	.CategoryMenu li
	{
		list-style: none;
		margin: 3px 0;
	}

	.CategoryMenu li.Selected span, .CategoryMenu li a span
	{
		color: #72774e !important;
	}

	.CategoryMenu .Sauces
	{
		margin-top: 10px;
	}

		.CategoryMenu .Sauces li
		{
			font-size: 11px !important;
			line-height: 11px !important;
			margin: 0px;
			padding-bottom: 10px;
		}

			.CategoryMenu .Sauces a
			{
				font-family: "Arial", "Helvetica", Sans-Serif !important;
				color: #72774e;
				font-weight: normal;
				font-size: 11px !important;
				line-height: 13px !important;
			}

		.CategoryMenu .Sauces li.Selected a
		{
			font-weight: bold;
		}

.Product
{
	position: relative;
	width: 290px;
}

	.Product h1, .Product h2
	{
		color: #72774e;
		font-weight: bold;
		line-height: 100%;
	}	

	.Product h1
	{
		font-size: 18px;
	}

	.Product h2
	{
		font-size: 14px;
	}

	.Product p
	{
		font-family: "Arial", Sans-Serif;
	}	

	.Product a
	{
		display: block;
		font-family: "Arial", Sans-Serif;
		line-height: 150%;
	}

	.ImageAdjust
	{
		top: -15px;
	}

.Footer
{
	position: relative;
	padding-bottom: 15px;
}