/* 
		Name:	ecpSite.css
        Author:	Bob Meinhart (bob@eCommerce-Plus.com)
Description:	 CSS File
      Created:	 11/22/2007
     Updated:	 12/04/2007
*/

/*-----WEBSITE DESIGN STYLES---------------------------------------------------------------------------*/

body {
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	color: #003300;
	font-size: 62.5%;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #000000;
}
#wrapper {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
#wrapper #leftBorder {
	background-color: #000000;
	background-image: url(images/border_left.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}
#wrapper #rightBorder {
	background-color: #000000;
	background-image: url(images/border_right.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
#wrapper #wrapperCenter {
	background-color: #FFFFFF;
}
#pageTable {
	height: 100%;
	width: 100%;
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
#pageTable #menuBackground {
	background-color: #A90000;
}
#pageTable #menuBackground a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}
#pageTable #menuBackground a:hover {
}
#headerTable {
	height: 100%;
	width: 100%;
}
#mainTable {
	height: 100%;
	width: 100%;
}
#mainTable #borderImageLeft {
	background-image: url(images/border_image_left.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
#mainTable #borderImageRight {
	background-image: url(images/border_image_right.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
div.quote {
	background-color: #CEFFCE;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-style: italic;
	line-height: 1em;
	font-weight: normal;
	color: #000033;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
}
div.quoteSource {
	font-size: 0.9em;
	font-style: italic;
	font-weight: normal;
	color: #000033;
	background-color: #CEFFCE;
	padding-right: 10px;
	padding-bottom: 5px;
	text-align: right;
}
#contentTable {
	font-size: 1em;
	height: 100%;
	width: 100%;
}
#rowTable {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
#columnTable {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
#columnTable #column1 {
	width: 200px;
	margin: 0px;
	padding: 10px;
	background-color: #D5D5FF;
}
#columnTable #column2 {
	width: 1px;
	margin: 0px;
	padding: 0px;
}
#columnTable #column3 {
	margin: 0px;
	padding: 10px;
	border: 0px;
}

/*-----HEADER STYLES--------------------------------------------------------------------------------------------*/
#mainTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-style: italic;
	font-weight: bold;
	color: #006600;
	position: absolute;
	left: 170px;
	top: 135px;
	z-index: 3;
}
#mainTitleShadow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-style: italic;
	font-weight: bold;
	color: #BBBBBB;
	position: absolute;
	left: 172px;
	top: 137px;
	z-index: 2;
}

/*-----FOOTER STYLES--------------------------------------------------------------------------------------------*/
#footerContact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: bold;
	line-height: 1.1em;
	color: #006600;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
#footerContact a {
	font-size: 1em;
	color: #006600;
	text-decoration: none;
}
#footerContact a:hover {
	color: #A90000;
	text-decoration: underline;
}
#ecp {
	font-size: 0.85em;
	font-style: italic;
	line-height: 1em;
	color: #888888;
}
#ecp a {
	font-style: italic;
	color: #888888;
	text-decoration: none;
}
#ecp a:hover {
	color: #A90000;
	text-decoration: underline;
}


/*-----MAIN STYLES--------------------------------------------------------------------------------------------*/
#mainTable #menuColumn {
	background-color: #D5D5FF;
}
#sideContact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	font-weight: bold;
	line-height: 1em;
	color: #003300;
	text-align: center;
}
#sideContact a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	line-height: 1em;
	color: #009900;
	text-align: center;
	text-decoration: none;
}
#sideContact a:hover {
	text-decoration: underline;
}
a.TopOfPage:hover {
	color: #A90000;
	text-decoration: underline;
}

/*-----MENU STYLES--------------------------------------------------------------------------------------------*/
#menuTable {
	width: 180px;
	margin: 10px;
}
#menuTable td.menuItem {
	font-size: 0.8em;
	font-style: normal;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	cursor: pointer;
}
#menuTable td.menuSelect {
	font-size: 0.8em;
	font-style: normal;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	background-color: #A90000;
}
#menuTable a {
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#menuTable a:hover {
	text-decoration: none;
}

/*-----PAGE STYLES--------------------------------------------------------------------------------------------*/
#homePage {
	padding-right: 8px;
	padding-left: 8px;
}
#aboutUsPage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.1em;
	color: #003300;
	padding-right: 8px;
	padding-left: 8px;
}
#aboutUsPage p a {
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	color: #006600;
	text-decoration: none;
}
#aboutUsPage a {
	font-size: 0.7em;
	font-style: italic;
	font-weight: bold;
	color: #006600;
	text-decoration: none;
}
#aboutUsPage a:hover {
	color: #A90000;
	text-decoration: underline;
}
#sharingPage {
	padding-right: 8px;
	padding-left: 8px;
}
#contentTable #recipesPage {
	padding-right: 8px;
	padding-left: 8px;
}
#recipesPage div.recipeSubCatTitle a {
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	color: #003300;
	text-decoration: underline;
}
#recipesPage div.recipeSubCatTitle a:hover {
	color: #A90000;
}
#recipesPage div.recipeSubCatDesc {
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	line-height: 1em;
}
#recipesPage td.recipeHeader {
	font-size: 1.1em;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #006600;
}
#recipesPage td.recipeHeader a {
	font-size: 0.7em;
	font-style: normal;
	font-weight: bold;
	color: #FFFF00;
	text-decoration: none;
}
#recipesPage td.recipeHeader a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#recipesPage div.recipeTitle {
	font-size: 1.1em;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}
#recipesPage div.recipeIngredients {
	font-size: 0.9em;
	font-style: normal;
	font-weight: bold;
}
#recipesPage div.recipeDirections {
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
}
#recipesPage span {
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}
#recipesPage hr {
	border: 1px solid #CCCCCC;
}
#llinksPage {
	padding-right: 8px;
	padding-left: 8px;
}
#linksTable div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	line-height: 1em;
	color: #003300;
	font-weight: normal;
	padding: 5px;
}
#linksTable a {
	font-size: 1.1em;
	color: #003300;
	line-height: 1.2em;
	font-weight: bold;
	text-decoration: underline;
}
#productsPage {
	padding-right: 8px;
	padding-left: 8px;
}
table.productsTable {
	width: 95%;
}
table.productsTable div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	line-height: 1em;
	color: #003300;
	padding: 5px;
}
table.productsTable a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	line-height: 1.2em;
	color: #003300;
	text-decoration: underline;
}
table.productsTable a:hover {
	color: #A80000;
}
#contactUsPage {
	padding-right: 8px;
	padding-left: 8px;
}
#contactUsPage td.requiredText {
	font-family: Arial, Helvetica, sans-serif;
	color: #A90000;
	font-size: 0.8em;
	font-weight: bold;
}
#contactUsPage label.contactForm {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 0.8em;
	font-weight: bold;
}
#contactUsPage input.requiredField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: bold;
	color: #A90000;
	background-color: #FFFFAA;
	text-align: left;
	vertical-align: bottom;
	border: 1px #333333 solid;
	padding-left: 5px;
}
#contactUsPage input.optionalField {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 0.8em;
	font-style: normal; 
	font-weight: bold;
	background-color: #FFFFFF;
	text-align: left; 
	vertical-align: bottom;
	border: 1px #333333 solid;
	padding-left: 5px;
}
#contactUsPage input.readOnlyField {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 0.8em;
	font-style: normal;
	font-weight: bold;
	background-color: #EEEECC;
	text-align: left;
	vertical-align: bottom;
	border: 1px #333333 solid;
	padding-left: 5px;
}
#contactUsPage textarea.optionalField {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 0.8em;
	font-style: normal; 
	font-weight: bold;
	background-color: #FFFFFF;
	text-align: left; 
	vertical-align: bottom;
	border: 1px #333333 solid;
	padding-left: 5px;
}
#contactUsPage textarea.requiredField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal; 
	font-weight: bold;
	color: #A90000;
	background-color: #FFFFCC;
	text-align: left; 
	vertical-align: bottom;
	border: 1px #333333 solid;
	padding-left: 5px;
}
#contactUsPage select.optionalField {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 0.8em;
	font-style: normal;
	font-weight: bold;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: bottom;
	border: 1px #333333 solid;
	padding-left: 5px;
}
#contactUsPage select.requiredField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: bold;
	color: #A90000;
	background-color: #FFFFCC;
	text-align: left;
	vertical-align: bottom;
	border: 1px #50301A solid;
	padding-left: 5px;
}
#contactUsPage input.submitButton {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 0.9em;
	font-style: normal;
	font-weight: bold;
	cursor: pointer;
}


#homeTable {
	width: 100%;
	height: 100%;
}
#homeTable #bannerAds {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	color: #003300;
	background-color: #EAFFEA;
	text-align: center;
}
#homeTable div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #003300;
	text-align: center;
}
#homeTable span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: bold;
	color: #003300;
	text-align: center;
}
#homeTable #topName {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
#homeTable p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	font-style: normal;
	font-weight: bold;
	color: #003300;
}
#homeTable a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	color: #009900;
	text-decoration: underline;
}
#homeTable a:hover {
	color: #A90000;
}
#veganTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	color: #006600;
}
#sharingPage  span {
	font-weight: bold;
}
#webring1 {
	position: absolute;
	left: -600px;
	top: -600px;
}
table.sharingTable {
}
td.sharingTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	font-weight: bold;
	color: #006600;
	text-decoration: underline;
}
td.sharingSubTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	color: #006600;
}
td.sharingText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	color: #006600;
	line-height: 1.1em;
}
table.sharingTable a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	color: #006600;
	text-decoration: underline;
}
table.sharingTable a:hover {
	color: #A80000;
}
table.sharingTable span {
	font-weight: bold;
}

table.sharingTable td.backLink a {
	font-size: 0.7em;
	font-style: italic;
	font-weight: bold;
	color: #0000FF;
	text-decoration: underline;
}
table.sharingTable td.backLink a:hover {
	color: #A80000;
}


#sharingCatTable {
	width: 95%;
 }
#sharingCatTable a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	color: #006600;
	text-decoration: underline;
 }
#sharingCatTable a:hover {
 	color: #A80000;
}
table.sharingTitleTable th {
	font-size: 1.1em;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #006600;
}
table.sharingTitleTable th a {
	font-size: 0.7em;
	font-style: normal;
	font-weight: bold;
	color: #FFFF00;
	text-decoration: none;
}
table.sharingTitleTable th a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}