@import url(Reset.css);
@import url(Common.css);
@import url(/App_/ROOT/PageFrame/HtmlTextEditorStyleSheet.css);

body 
{
	background: #CBD4DB url(Images/Background.jpg) top repeat-x;
	text-align: center;
	margin: 0 0 80px 0;
	font-family: Tahoma, Arial, Verdana;
	font-size: 16px;
	line-height: 16px;
}

/***** Frame ******************************************************/
#container,#header,#main {width: 810px;}
#container {text-align: left;margin: 0 auto;}
#header {position: relative;}
#main  {background-color: #fff; padding: 1px 0 23px 0;}
#content {padding: 0 23px 0 22px; font-size: .8em; }
#content { color:#545454; }
#content a { color: #969A4E; text-decoration: none; }
#content a:hover { text-decoration: underline; }

/****** Header ******************************************************/
#headerLogo { height:158px; width:195px; }
#headerLogo a {display:block;}
#header a { color: #527a3f; text-decoration: none; }
#header a:hover { text-decoration: underline; }
#utilityNav .login *, #utilityNav .search * { vertical-align: middle; }
#utilityNav 
{
	position: absolute;
	top: 20px; right: 0;
	font-size: .8em;
	z-index: 10;
}
#utilityNav .login input.text, div.search .form 
{
	border: 1px solid #999;
	padding: 4px 4px 0 4px;
	height: 21px;
	background:#fff;
}
#utilityNav .login { position: relative; }
#utilityNav .login span.controlError { position: absolute; width:500px; }
#utilityNav .login input.text, span.labelHint {width: 80px;	margin-left: 10px;}
#utilityNav .login input.image { margin-left: 5px; }
#utilityNav .login, #utilityNav .links, #utilityNav .search { float: left; }
div.search { width: 150px; }
div.search input.text {border:0; padding-right: 20px;width: 110px;  }
div.search .form { position: relative; }
div.search img.image { position: absolute; top: 0; right: 8px; }
#utilityNav .links { padding: 8px 15px; }
#utilityNav .links ul, #utilityNav .links li { padding:0;margin:0;list-style-type:none; }
#utilityNav .links li { display: inline; padding-left:10px;margin-left:10px;border-left:1px solid #527a3f;}
#utilityNav .links li.firstChild {border-left:0;padding-left:0;margin-left:0;}
	
/******* Main Navigation *********************************************************************/
#mainNav { height: 89px; margin-left: 195px; position: absolute; top: 69px;background-color: #fff;width:615px;}
#mainNav ul, #mainNav li {margin: 0; padding: 0; list-style-type: none;}
#mainNav ul { width: 100%; float: left; position: relative;  }
#mainNav li { float: left; }
#mainNav li a, #mainNav li a span 
{
	height: 68px;
	display: block;
	background-repeat:  no-repeat;
	background-position: top left;
	cursor: pointer;
}
#mainNav li a span 
{
	background-position: 0 -68px;
	overflow: hidden;
	text-indent: -9999px;
}
#mainNav li a:hover span, #mainNav li.selected a span { background-position: 0 0; }

#mn_AboutUsSection a { background-image: url(Images/Nav/AboutUs_O.gif); width: 145px; }
#mn_EatWellSection a { background-image: url(Images/Nav/EatWell_O.gif); width: 131px; }
#mn_LiveWellSection a { background-image: url(Images/Nav/LiveWell_O.gif); width: 136px; }
#mn_MyNaturewellSection a { background-image: url(Images/Nav/MyNaturewell_O.gif); width: 203px; }

#mn_AboutUsSection a span { background-image: url(Images/Nav/AboutUs_X.gif); width: 145px; }
#mn_EatWellSection a span { background-image: url(Images/Nav/EatWell_X.gif); width: 131px; }
#mn_LiveWellSection a span { background-image: url(Images/Nav/LiveWell_X.gif); width: 136px; }
#mn_MyNaturewellSection a span { background-image: url(Images/Nav/MyNaturewell_X.gif); width: 203px; }

/******* Footer *************************************************************/
#footer { padding: 1px 0; color:#545454; }
#footer a { color: #6f715b; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer {background: #C7CFCF url(Images/Footer_Background.gif) top repeat-x; font-size:.8em;}
#footer .links {padding: 0 40px; margin-bottom: 15px;}
#footer .links .col { width: 25%; float: left;}
#footer .links ul, #footer .links li { padding:0;margin:0;list-style-type:none;}
#footer .links h3  
{
	margin:25px 10px 10px 10px; padding:0;
	height: 13px;
	background-repeat: no-repeat;
	background-position: top left;
	overflow: hidden;
	text-indent: -9999px;
}
#footer_AboutUsSection h3 { background-image: url(Images/Footer_AboutUs.gif);  }
#footer_LiveWellSection h3 { background-image: url(Images/Footer_LiveWell.gif); }
#footer_EatWellSection h3 { background-image: url(Images/Footer_EatWell.gif); }
#footer_MyNaturewellSection h3 { background-image: url(Images/Footer_MyNatureWell.gif); }
#footer .links ul {margin: 0 10px;}
#footer .bottom { margin: 0 50px; padding-bottom: 15px; }
#footer .bottom .nav ul, #footer .bottom .nav li { padding: 0;margin:0;list-style-type:none;}
#footer .bottom .nav li { display: inline; }
#footer .bottom .nav li { display: inline; padding-left:10px;margin-left:10px;border-left:1px solid #6f715b;}
#footer .bottom .nav li.firstChild {border-left:0;padding-left:0;margin-left:0;}
#footer .bottom .nav, #footer .bottom .copyright { float: left; width: 49%; }
#footer .bottom .copyright { text-align: right; }

/****** Modal ***************************************************/
#control_overlay { background-color:#000; } 
.modal { background-color:#fff;padding:10px;border:solid 1px #969A4E;} 
.modal_overlay { background-color:#fff; }
.printModal {background: #222;padding: 5px 15px 15px;}

/****** Form ***************************************************/
div.hr 
{
	background: url(/App_/ROOT/PageFrame/Standard/Images/RightColumn_Divider.gif) top left repeat-x;
	height: 2px;
	margin: 10px 0;
	line-height: 0;
	overflow: hidden;
}
table.engineTable td { vertical-align:top; }
table.engineTable td table td { padding:0; }
span.error { color:red; font-weight:bold; }
label.error { color:red; font-weight:bold; }
span.fieldHint { font-size:0.8em; color:#999999; }
span.labelHint { font-size:0.8em; }
div.searchHeadline {
	background-color: #f0f4fb;
	padding: 4px 15px;
	font-weight: bold;
	text-decoration: underline;
}
img.couponImage {
	width: 550px;
	height: 267px;
}