/* stylesheet.css */
/* 
fbeced pale pink
E977A6 pink
CC0066 dark pink
fbfdf4 off white?
deeab5 pale grreen
578200 medium green
669900 dark green
426200 deep green for text
f8cbdf flower light pink
f287b5 flower med pink
ec0080 flower deep pink
a7cd39 flower leaf
7836c9 purple
8A2BE2 blueviolet
*/

body {
  margin: 0; /*do NOT use em if 0*/
  padding: 0; /*do NOT use em if 0*/
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 14px; /*do not EVER change*/
  color: #426200; /*deep green*/
  line-height: 1.2;
  background-image: url(images/bg-logo-pink.jpg);
}
a:link {
  color: #669900;
  text-decoration: none;
}
a:visited {
  color: #E977A6;
  text-decoration: none;
}
a:hover {
  color: #CC0066;
  text-decoration: none;
  font-weight: bold;
}
a:active {
  color: #CC0066;
  text-decoration: none;
}
#wrapper {
/* --- Forces all interior divs to align to relative position of wrapper div --- */
	position: relative;
	width: 800px;
/* --- centers content. 0 means top and left margin, auto means distribute all remaining pixels no matter what the monitor size is evenly (50/50) */
	margin: 0 auto;
    border: -1;
	text-align: left;
	background-color: #fafcf5;
	}
/* --- div id method to clear floats --- */
#clear {
	clear: both;
	}
#header {
  margin: 0; /*do NOT use em if 0*/
  padding: 0; /*do NOT use em if 0*/
  height: 14em;
  background-image: url(images/header.jpg); 
  background-repeat: no-repeat;
}
#nav {
  float: left;
  display: inline;
  width: 14.2em;
  margin: 0;
  margin-top: -1.5em;
  padding-bottom: .5em;
  padding-left: .8em;
  padding-right: .5em;
  background-color: #fbfdf4;
  color: #669900;
  text-align: left;
  font-size: 1em;
  line-height: 1.1em;
}
#main {
  width: 37em;
  margin-top: -1em;
  margin-left: 16em;
  padding: 0em 1.5em .4em 2em;
  text-align: left;
}
#adminmain {
  width: 37em;
  margin-top: 1em;
  margin-left: 16em;
  padding: 0em 1.5em .4em 2em;
  text-align: left;
}
#footer {
  clear: both;
  width: 71.5em;
  padding-top: .4em;
  padding-bottom: .4em;
  border-top: 1px solid #669900;
  border-bottom: 1px solid #669900;
  background-color: #deeab5;
  font-size: .8em;
  text-align: left;
  color: #669900;
}
h1 {
  font-family: "Trebuchet MS", Arial,sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 1.7em;
  letter-spacing: .05em;
  color: #CC0066;
  margin: 0px;
  padding: 0px;
}
h2 {
  font-family: "Trebuchet MS", Arial,sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.5em;
  color: #CC0066;
  margin: 0px;
  padding: 0px;
}
h3 {
  font-family: "Trebuchet MS", Arial,sans-serif;
  font-size: 1.35em;
  font-weight: normal;
  color: #CC0066;
  margin: 0px;
  padding: 0px;
}
h4 {
  font-family: "Trebuchet MS", Arial,sans-serif;
  font-size: 1em;
  font-weight: normal;
  color: #CC0066;
  margin: 0px;
  padding: 0px;
}
ol {
  font-family: Arial, sans-serif;
  font-size: 1em;
  color: #426200;
}
ul {
  font-family: Arial, sans-serif;
  font-size: 1em;
  color: #426200;
}
hr {
  margin-top: 0em;
  margin-bottom:-1em;
 }
.underline {
  text-decoration: underline;
}
.highlight {
 background-color: #fbeced;
}
.fontLight
{
 color: #999999;
}
.bodyText {
  font-family: Arial, sans-serif;
  font-size: 1.2em;
  text-align: left;
  color: #426200;
}
.bodyNote {
  font-family: Arial, sans-serif;
  font-size: 1.2em;
  text-align: left;
  color: blueviolet;
  font-weight: bold;
  font-style: italic;
}
.bodyAlert {
  font-family: Arial, sans-serif;
  font-size: 1.2em;
  text-align: left;
  color: crimson;
}
.bodyDisclaimer {
  font-family: Arial, sans-serif;
  font-size: 1.2em;
  text-align: left;
  color: purple;
}
.ingredients {
  font-family: Arial, sans-serif;
  font-size: 1em;
  text-align: left;
  color: #426200;
  font-style: italic;
}
.question {
  font-family: Arial, sans-serif;
  font-size: 1.1em;
  text-align: left;
  color: #426200;
  font-weight: bold;
  font-style: italic;
}
.answer {
  font-family: Arial, sans-serif;
  font-size: 1.1em;
  text-align: left;
  color: #426200;
}
.noteHead {
  font-family: "Trebuchet MS", Arial,sans-serif;
  font-weight: bold;
  font-size: 1.3em;
  color: #CC0066;
  margin-bottom: -18px;
}
.indent {
  margin-left: 2em;
}
.hCenter {
  text-align: center;
}
.vCenter {
  vertical-align: center;
}
.allCenter {
  text-align: center;
  vertical-align: center;
}
.hRight {
  text-align: right;
}
.prodName {
  margin-top: 0em;
  margin-bottom: 0em;
  padding-left: .5em;
  font-size: 1.4em;
  color: #CC0066;
}
.desc {
  font-size: 1.2em;
}
.sale {
  font-size: .6em;
  color: #fd15aa;
}
.price {
  font-size: 1.2em;
}
.outOfStock {
 vertical-align: center;
 text-align:center;
 font-size: .75em;
}
.banner {
  margin-top: 0em;
  margin-bottom: 0em;
  padding-left: .7em;
  font-size: 1em;
  color: slateblue; /*#f287b5;*/
  font-style: italic;
}
.comment {
  margin-top: 0em;
  margin-bottom: 0em;
  padding-top: 1.2em;
  padding-left: .9em;
  font-size: 1.1em;
  color: #578200;
  font-style: italic;
}
.subcomment {
  margin-top: 0em;
  margin-bottom: 0em;
  padding-left: .9em;
  font-size: 1em;
  color: #a7cd39;
  font-style: italic;
}
.detailsLink {
  margin-top: 0em;
  margin-bottom: 0em;
  font-size: 1em;
  color: #578200;
  text-decoration: underline;
}
.raveLink {
  margin-top: 0em;
  margin-bottom: 0em;
  font-size: .8em;
  color: #578200;
  text-decoration: underline;
}
img.noBorder {
border-width: 0px;
}
div.printerFriendly {
  width: 8em;
  margin-top: 0em;
  margin-left: 33em;
  margin-bottom: -1.2em;
}
img.floatLeft {
   float: left;
   margin-right: 10px;
   border: 0;
}
img.floatRight {
   float: right;
   margin-left: 10px;
   border: 0;
}