﻿body {
	font-size: 10pt;
	background-color: #FFFFFF;
	font-family: Helvetica, Verdana, Arial, Times New Roman;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	outline: none;
}

.addtocartbutton
{
	background-image: url(images/addtocart.gif);
	outline: none;
}

#container 
{
	position: relative;
	top: 0px;
	margin: 0;
	padding: 0;
}

#footer 
{
	height: 320px;
	position: relative;
	clear: both;
}

/*
.clearfooter 
{
	width: 1000px;
	height: 40px;
	
	background-color: #FFFFFF;
}
*/

.header
{		
	color: #066EA2;
	padding: 0px;
}

#siteheader
{	
	position: relative;	
	z-index: 2;
	top: 0px;
	padding: 0px;
	/* border: 1px solid fuchsia; */
}

.formText
{
	font-size: 8pt;
	font-family: Helvetica, Verdana, Arial, Times New Roman;
	font-weight: 900;
	color: #000000;
}

.noOutline
{
	outline: none;
}

a
{
	text-decoration: none;
	outline: 0;
}

a img 
{
	border: none;
}

a.home 
{
	color: #FFFFFF;
	display:block;
	background-position:top left;
	width: 482px;
	height: 108px;
	background-image:url(images/ESP_web_logo_new.jpg);
}

a.home:hover 
{
	color: #FFFFFF;
	display:block;
	background-position:top left;
	width: 482px;
	height: 108px;
	background-image:url(images/ESP_web_logo_new.jpg);
}

.Links, .Links A:link, .Links A:visited
{
	text-decoration: none;
	/* color: #000000; */
}

/*
.Links a:hover 
{	
	text-decoration: underline;
	color: #000000;
}
*/

.settingsLinks, .settingsLinks A:link, .settingsLinks A:visited
{
	text-decoration: none;
/* 	color: #000000; */
}

.settingsLinks A:hover 
{	
	text-decoration: underline;
	color: #066EA2;
}

.MainLinksStyle
{
	text-decoration: none;
	color: #FFFFFF;
	font-family: Helvetica, Verdana, Arial, Times New Roman;
	font-size: 12pt;
	font-weight: bold;
}

td.MainLinks
{
	background-image: url(images/button_sliver.jpg);
 	background-repeat: repeat-x;
	text-decoration: none;
	color: #FFFFFF;
	font-family: Helvetica, Verdana, Arial, Times New Roman;
	font-size: 12pt;
	font-weight: bold;
}

td.MainLinks:hover 
{	
 	background-image: url(images/button_sliver_over.jpg);
 	background-repeat: repeat-x;
	text-decoration: none;
	color: #FFFFFF;
	font-family: Helvetica, Verdana, Arial, Times New Roman;
	font-size: 12pt;
	font-weight: bold;
	cursor: pointer;
}

.MainLinksTop, .MainLinksTop A:link, .MainLinksTop A:visited
{
	text-decoration: none;
	color: #FFFFFF;
	font-family: Helvetica, Verdana, Arial, Times New Roman;
	font-weight: 800;
}

.MainLinksTop A:hover 
{	
	text-decoration: underline;
	color: #FFFFFF;
	font-family: Helvetica, Verdana, Arial, Times New Roman;
	font-weight: 800;
}

.menuborder
{
	border: 1px solid #eaeaea;
	border-top: none;
	outline: 0;
}

td.menuborder:hover
{
	border: 1px solid #eaeaea;
	border-top: none;
	background-color: #D8E4E9;
}

.PLLinks, .PLLinks A:link, .PLLinks A:visited
{
	text-decoration: none;
	color: #066EA2;
	font-family: Helvetica, Verdana, Arial, Times New Roman;
	font-size: 9pt;
	font-weight: 500;
}

.PLLinks A:hover 
{	
	text-decoration: underline;
	color: #066EA2;
	font-family: Helvetica, Verdana, Arial, Times New Roman;
	font-size: 9pt;
	font-weight: 500;
}

.BlueLinks, .BlueLinks A:link, .BlueLinks A:visited
{
	text-decoration: none;
	color: #066EA2;
	font-family: Helvetica, Verdana, Arial, Times New Roman;
	font-size: 11pt;
	font-weight: bold;
}

.BlueLinks A:hover 
{	
	text-decoration: underline;
	color: #066EA2;
	font-family: Helvetica, Verdana, Arial, Times New Roman;
	font-size: 11pt;
	font-weight: bold;
}

a.descLinks, .descLinks a:link, .descLinks a:visited
{
	text-decoration: none;
	color: #066EA2;
}

.descLinks a:hover 
{	
	text-decoration: underline;
	color: #066EA2;
}

.linksOnWhite, .linksOnWhite A:link, .linksOnWhite A:visited
{
	text-decoration: none;
	color: #000000;
	font-family: Helvetica, Verdana, Arial, Times New Roman;
	font-size: 10pt;
	font-weight: 500;
}

.linksOnWhite A:hover 
{	
	text-decoration: underline;
	color: #066EA2;
	font-family: Helvetica, Verdana, Arial, Times New Roman;
	font-size: 10pt;
	font-weight: 500;
}

.PLSelectedFont
{
	text-decoration: none;
	color: #066EA2;
	font-family: Helvetica, Verdana, Arial, Times New Roman;
	font-size: 9pt;
	font-weight: 900;
}

.ESLinks, .ESLinks A:link, .ESLinks A:visited, .ESLinks A:hover
{
	text-decoration: none;
	color: #066EA2;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
	font-weight: bold;
}

.linkStripped, .linkStripped A:link, .linkStripped A:visited, .linkStripped A:hover
{
	text-decoration: none;
	/* color: #000000; */
}

.linkStrippedWhite, .linkStrippedWhite A:link, .linkStrippedWhite A:visited, .linkStrippedWhite A:hover
{
	text-decoration: none;
	/* color: #000000; */
}

.recipeCategoryHeader
{
	font-size: 18pt;
	font-weight: bold;
}

.recipeItemHeader
{
	font-size: 14pt;
	font-weight: bold;
	font-style: italic;
}

.textBox
{
	height: 20px;
	padding: 2px 0 0 2px;
	border: 1px solid #6B6B6B;
	background-color: #F0F8FF;
}

.submitbutton
{
	background-image: url(images/submit_order.jpg);
	cursor: pointer;
	outline: none;
	border-style: none;
}

input.submitbutton:hover
{
	background-image: url(images/submit_order_over.jpg);
	cursor: pointer;
	outline: none;
	border-style: none;
}

.button
{
	background-image: url(images/button_sliver.jpg);
	background-repeat: repeat-x;
	padding: 0 4px 0 4px;
	color: #FFFFFF;
	font-size: 12pt;
	font-family: Helvetica, Verdana, Arial, Times New Roman;
	height: 25px;
	font-weight: bold;
	border-style: none;
	cursor: pointer;
	outline: none;
}

input.button:hover
{
	background-image: url(images/button_sliver_over.jpg);
	background-repeat: repeat-x;
	padding: 0 4px 0 4px;
	color: #FFFFFF;
	font-size: 12pt;
	font-family: Helvetica, Verdana, Arial, Times New Roman;
	height: 25px;
	font-weight: bold;
	border-style: none;
}

.buttonToLink
{
	background-color: #E6E6E6;
	border-style: none;
	color: Blue;
	cursor: pointer;
	font-size: 9pt;
	font-family: Helvetica, Verdana, Arial, Times New Roman;
}

.roundedHeader 
{
   background: #6B6B6B;
}

.roundedHeader_Top div 
{
   background: url(images/top_left.png) no-repeat top left;
}

.roundedHeader_Top 
{
   background: url(images/top_right.png) no-repeat top right;
}

.roundedHeader_Bottom div 
{
   background: url(images/bottom_left.png) no-repeat bottom left;
}

.roundedHeader_Bottom 
{
   background: url(images/bottom_right.png) no-repeat bottom right;
}

.roundedHeader_Top div, .roundedHeader_Top, 
.roundedHeader_Bottom div, .roundedHeader_Bottom 
{
   width: 100%;
   height: 7px;
   font-size: 1px;
}

.roundedHeader_Content 
{ 
	margin: 0 7px; 
	color: #FFFFFF;
}

.watermarked 
{
	height: 20px;
	padding: 2px 0 0 2px;
	border: 1px solid #6B6B6B;
	background-color: #F0F8FF;
	color: gray;
	font-style: italic;
}	

.watermarkedlogin
{
	height: 15px;
	padding: 2px 0 0 2px;
	border: 1px solid #6B6B6B;
	background-color: #F0F8FF;
	color: gray;
}	

.ultimategreen
{
	color: #066EA2;
    text-decoration: underline;
    font-weight: bold;
}

.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}

.MaskedEditError
{
    background-color: #ffcccc;
}

/*------------------------------------------------------- REWORK BY DEP 09-2011 */

/*TEST BONES*/

.Rbone {
border:1px solid red;
}

.Gbone {
border:1px solid green;
}

.Bbone {
border:1px solid blue;
}

.Pbone {
border:1px solid fuchsia;
}

.Grbone {
border:2px solid gray;
}

#footerContainer {
position: relative;
background-image: url('images/footer_gradient_sliver_dep.jpg');
background-repeat: repeat-x;
height: 340px;
padding: 0 0 0 0;
width: 1000px;
background-color: #FFFFFF;
/* border: 1px solid red; */
}

/*UNIFORMS-------------------------------------*/

article, aside, figure, footer, header, nav, section, div {
display: block;
}

#headerBar {
margin: 0;
padding: 18px 0;
text-align: center;
font-size: 20pt;
/* letter-spacing: 1px; */
color: #fff;
text-shadow: 1px 1px 1px #555;
}

/* DEFAULT PAGE ---------------------*/


#welcomeRomance {
position: relative;
width: 1000px;
padding: 30px 0 0 0;
}


#welcomeRomance hgroup {
font-size: 130%;
}

#welcomeRomance p {
font-size: 14pt;
color: #777;
position: relative;
padding: 0 60px 20px 60px;
}

/* CONTACT US PAGE ------- */

.listRomance {
font-size: 16pt;
font-style: italic;
color: #ebb463;
}

.listRomance li {
margin: 0 0 20px 0;
}

.strongPoint {
font-weight: bolder;
color: #d48f29;
}


/* REWORK BY DEP 10-03-2011 */

#FAQList {
padding: 10px 40px 0 40px;
}

#FAQList dt {
text-align: left;
margin: 0 0 5px 10px;
font-size: 15pt;
font-weight: bold;
color: #206d48;
}

#FAQList dd {
text-align: left;
margin: 0 0 40px 10px;
font-size: 12pt;
font-weight: bold;
color: #33a870;
}

/* REWORK BY DEP 10-04-11 
site header */
.shadowEffect {
position: absolute;
left: 0px;
bottom: -20px;
height: 20px;
width: 100%;
background-image: url(../images/shadowDown1.png);
}

/* REWORK BY DEP 10-10-11 
sitefooter amend
*/

td div a {
color: #777;
}

td div a:hover {
	text-decoration: underline;
	color: #000000;
}

/* REWORK BY DEP 10-12-11
Affiliate Program Page
*/

.purpleRounded {
font-weight: bold;
font-size: 15pt;
color: #785b96;
font-family: Arial Rounded, Arial, sans-serif 
}

.greenHelvetica {
list-style: none;
text-align: left;
text-indent: 20px;
font-weight: bold;
font-size: 14pt;
color: #6eb441;
font-family: Helvetica, sans-serif; 
}

#affiliateProgramPoints {
color: #6eb441;
font-weight: bold;
font-size: 14pt;
text-align: left;
}

#affiliateProgramPoints li {
margin: 10px 0;
}

/*REWORK BY DEP 10-19-11
RECIPE MENU PAGE**************************************
*/

.recipe {
margin: 10px 0 50px 0;
font-family: helvetica, sans-serif;
}

.recipe hgroup {
marin: 0 0 0 0;
padding: 2px 10px 5px 10px;
color: #fff;
}

.recipe h2 {
margin: 10px 0 0 10px;
padding: 0 0 0 0;
font-style: italic;
font-weight: bold;
color: #47123b; 
}

.recipe h3 {
margin: 3px 0 7px 20px;
padding: 0 0 0 0;
color: #a5418f;
letter-spacing: 1px;
}

.ingredientsList {
margin: 15px 0 0 0; 
color: #222;
list-style: none;
}

.stepsList {
margin: 15px 0 20px 0; 
color: #222;
list-style: none;
line-height: 35px;
}

li {
margin: 5px 0;
}

.ServingCount {
margin: 0 0 0 0;
padding: 0 7px 0 27px;
}

.servings {
color: #7dceec;
margin: 0 0 0 3px	;
font-size: 16pt;
font-weight: bold;
}

.note {
color: #d65aa4;
font-weight: bold;
font-style: oblique;
}

.categoryHeading {
width: 300px;
margin: 15px;
padding: 7px 7px 3px 7px;
font-family: helvetica, sans-serif;
font-size: 20pt;
color: #fff;
text-transform: uppercase;
font-weight: bolder;
background-color: #d65aa4; 
}

/*RECIPE MENU*/

#recipeMenuContainer {
position: relative;
margin: 20px 0 0 0;
width: 715px;
float: right;
font-family: helvetica, sans-serif;
}

#recipeMenuContainer ul {
padding: 7px 0 4px 0;
list-style: none;
}

#recipeMenuContainer ul li {
float: left;
/* display: inline; */
margin:  0 0 0 0;
padding: 7px 25px 4px 25px;
border: 1px solid #ddd;
background-color: #e4f1f7;
}

#recipeMenuContainer ul li a {
width: 200px;
margin: 0 0 0 0;
color: #0079ab;
font-size: 9pt;
text-decoration: none;
width: 100%;
}

#recipeMenuContainer ul li a:hover {
color: #6ed3fd;
}

.topLink {
position: relative;
left: 20px;
margin-bottom: 40px;
}

.topLink a {
font-family: helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
}

/*REWORK BY DEP 11-18-11
Organic Fulvic PAGE***************************************/

#pageDisplayOF {
position: relative;
width: 100%;
min-height: 800px;
padding: 30px 0;
background-color: #fff532;
background-image: url(../images/petro2_green.png);
background-repeat: no-repeat;
background-position: bottom center;
background-size: 100%; 
}

.productRomanceContainer {
text-align: left;
width: 740px;
line-height: 20px;
}

/*REWORK BY DEP 12-01-11
Terms & Conditions PAGE***************************************/

#termsCopy {
width: 600px;
margin: 0 auto;
}

.termsList {
width: 600px;
margin: 0 0 0 40px;
}

.termsPoint {
font-weight: bold;
margin: 15px 0 0 0;
}

.termsList dd {
margin: 10px 0 0 20px;
}

#returnsAddress {
list-style: none;
text-align: center;
font-weight: bold;
letter-spacing: 1px;
}

/*REWORK BY DEP 12-19-11
Newsletters PAGE***************************************/

#newsLetterStackContainer {
margin: 40px 0;
min-height: 500px;
}

.newsLetterContainer {
height: 40px;
cursor: pointer;
}

.newsLetterHeader {
padding: 7px 0;
font-size: 16pt;
font-weight: bold;
color: #ffffff;
background-color: #ebb463;
}

/*
.scroll {
overflow: scroll;
}
*/

.hidden {
overflow: hidden;
}

/*REWORK BY DEP 01-09-12
Terms & Conditions PAGE***************************************/

#featureBCContent {
position: relative;
width: 600px;
padding: 30px 0 50px 0;
}

#intro {
text-align: center;
}

#featureBCContent p {
text-indent: 25px;
text-align: left;
}

#benefitsBC {
position: relative;
left: 130px;
text-align: left;
width: 500px;
}


#pointsOfAging {
text-align: left;
width: 500px;
}

.featureBCHeader {
color: #0f9bdd;
text-align: center;
}

#fastLife {
position: relative;
left: -100px;
color: #777;
display: block;
padding: 20px 0;
font-weight: bold;
font-style: italic;
line-height: 20px;
}


/*REWORK BY DEP 02-02-12
Deal of the Day Tab on Default.aspx*****************************/

#dealDayContainer {
position: absolute;
height: 136px;
width: 136px;
z-index: 1;
}

