@import "Mezzocode.Leveler.css";

/*

	HTML STYLE OVERRIDES
	------------------------------------------------

*/

body
{
	background-color: #fcf7ea;

	font-family: "Verdana", "Arial", "Helvetica", Sans-Serif;
	font-size: 13px;
	line-height: 17px;

	/*	Tell iPhone/iTouch platform not to try and resize various text objects
		for readability, so the site renders normally */
	-webkit-text-size-adjust: none;
}

img
{
	border: none !important;	
}

a
{
	cursor: pointer;
	text-decoration: none;
}

p
{
	padding: 0px 0px 10px 0px;
}

h1, h2, h3, h4 
{
	font-family: "Trebuchet MS", "Arial", "Verdana", Sans-Serif;
	color: #983b3e;
	font-weight: normal;
	margin: 0px;
}

h1 
{
	line-height: 150%;
}

input[type="text"], input[type="password"]
{
	font-size:12px;
	padding: 1px 2px;
}





/*

	UTILITY CLASSES
	------------------------------------------------
	General classes used throughout the site

*/

.ContentPadding
{
	padding: 0px 25px 0px 30px;
}

.FieldSpacing
{
	padding: 0px 15px 10px 0px;
}





/*

	FRAMEWORK CLASSES
	------------------------------------------------
	Base site framework classes (global)

*/

.OuterFrame
{
	position: relative;
	width: 996px;
	margin: 0px auto 0px auto;
}

	.HeaderPanel
	{
		position: relative;
		width: 996px;
		padding: 74px 0px 0px 0px;

		background-image: url('/images/logo-nav-bg.jpg');
		background-repeat: no-repeat;
	}

		.HeaderPanel a.Logo
		{
			display: block;
			position: absolute;
			top: 1px;
			left: 1px;
			width: 440px;
			height: 65px;
		}

		.HeaderPanel a.Logo:hover
		{
			text-decoration: none;
		}

		.NavPanel
		{
			position: relative;
			width: 936px;
			height: 28px;
			padding: 0px 30px 0px 30px;

			font-family: "Trebuchet MS", "Verdana", "Arial", "Helvetica", Sans-Serif;
			font-size: 13px;
			line-height: 13px;
			font-weight: bold;
			color: #6c101a;
			text-transform: uppercase;
		}

			.NavPanel a
			{
				color: #7d2017;
			}

				.NavPanel a:hover
				{
					text-decoration: underline;
					color: #333570;
				}
		
				.NavPanel a.Selected
				{
					color: #333570;
				}
			
			.NavPanel span
			{
				position: relative;
				top: -1px;
				padding: 0px 33px 0px 33px;
			}

		.ContentFooterPanel
		{
			position: relative;
			width: 996px;
			padding: 0px 0px 16px 0px;
			z-index: 98;

			background-image: url('/images/panel-bottom.jpg');
			background-repeat: no-repeat;
			background-position: bottom left;
		}

			.ContentMiddlePanel
			{
				position: relative;
				width: 996px;
				z-index: 98;

				background-image: url('/images/panel-bg-tile.jpg');
				background-repeat: repeat-y;
			}

	.Footer
	{
		padding: 10px 0px 10px 0px;
		margin-top: 15px;

		border-top: solid 1px #f0d693;

		font-size: 11px;
		color: #7d2017;
		text-align: center;
	}

		.Footer a
		{
			color:#7D2017;
			cursor:pointer;
			font-weight:bold;
			text-decoration:none;
		}

			.Footer a:hover
			{
				text-decoration: underline;
			}

			.Footer span
			{
				padding: 0px 10px 0px 10px;
			}

	.Breadcrumbs
	{
		padding: 0px 25px 0px 30px;
		font-size: 11px;
	}

		.Breadcrumbs span
		{
			padding: 0px 10px 0px 10px;
		}

		.Breadcrumbs a
		{
			color: #7d2017;
		}

			.Breadcrumbs a.Current
			{
				color: #333570;
			}

		.InnerPageContent
		{
			padding: 0px 0px 0px 30px;
			width: 957px;
		}




/*

	MEGA MENU CLASSES
	------------------------------------------------

*/

.MegaMenu
{
	position: absolute;
	width: 532px;
	top: 92px;
	left: 75px;
	z-index: 99;
	padding: 12px 0px 0px 0px;
	background-image: url("/images/mega-menu-top.png");
	background-repeat: no-repeat;
}

	.MegaMenu .MegaMenuFooter
	{
		width: 532px;
		padding: 0px 0px 12px 0px;
		background-image: url("/images/mega-menu-bottom.png");
		background-repeat: no-repeat;
		background-position: bottom left;
	}

		.MegaMenuFooter .MegaMenuBody
		{
			width: 532px;
			padding: 0px 0px 0px 0px !important;
			background-image: url("/images/mega-menu-tile.png");
			background-repeat: repeat-y;
		}

		.MegaMenuBody .PadTable
		{
			padding: 0px 10px 0px 15px !important;
		}

		.MegaMenu table
		{
			color: White;
		}

			.MegaMenu td strong
			{
				display: block;
				padding: 0px 0px 10px 0px;
				white-space: nowrap;

				font-size: 11px;
				line-height: 13px;
				color: #efe5cc;
			}

			.MegaMenu td
			{
				text-align: left;
				vertical-align: top;
				padding: 0px 15px 0px 0px;
				
				font-size: 10px;
				line-height: 12px;
				color: #efe5cc;
			}

			.MegaMenu td.Line
			{
				padding: 0px 0px 0px 10px;
				border-left: solid 1px #a36157;
			}

			.MegaMenu a
			{
				display: block;
				padding: 0px 0px 7px 0px;
				color: White;
			}

				.MegaMenu a:hover
				{
					text-decoration: underline;
				}

	h1.pageHeader
	{
		color: #333570;
		line-height: 115%;
		padding-top: 15px;
		padding-bottom: 15px;
	}






/*

	OFFERS FORM-SPECIFIC CLASSES
	------------------------------------------------

*/

		.InnerPageContainer
		{
			background-color: Transparent !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: 0px 0px 20px 0px;
			margin: 0px;
		}

		.InnerPageContent .FatButton
		{
			padding: 5px;
		}

		.PushDown
		{
			margin-top: 20px;
		}

		.InnerPageContent .QuestionGroup
		{
			padding-bottom: 20px;
		}

			.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: 745px;
			}

			.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
			{
				margin-right: 15px;
			}

			.QuestionGroup span
			{
				font-size: 85%;
			}

			.RadioList, .RadioList2
			{
				font-size: 13px !important;
				display: block;
				margin-left: 7px;
				margin-top: 7px;
			}

			.RadioList label
			{
				cursor:pointer;
				display:block !important;
				float:left;
				font-size:12px;
				padding-bottom:7px;
				position:relative;
				width: 95%;
			}
			
			.RadioList input
			{
				display:block;
				float:left !important;
				height:13px;
				margin-right:5px;
				margin-top:1px;
				position:relative;
				top:1px !important;
				width:13px;
			}			
			
			.Submit
			{
				margin-top: 15px;
				margin-bottom: 10px;
			}	

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

	.Success
	{
		color: Green;
		font-weight: bold;
	}

	.SuccessMessage
	{
		display: block;
		padding: 5px 0px 5px 0px;
		color: Green;
		text-transform: uppercase;
	}

	.SaucePanel
	{
		background-image: url("/images/Coupon-background.jpg");
		background-position: right 25px;
		background-repeat: no-repeat;
	}

.pageSubHeader
{
	color:  #7d2017;
	font-size: 15px;
	line-height: 150%;
}