body
{
/* background-color: #ffffff; */
background: url(images/spheres4.jpg) #e1ffe1 repeat;
font-family: georgia,serif;
}
.blackline{color: black;}
.whiteline{color: white;}

table
{
table-layout: fixed;
}
#top-frame
{
	height: 64px;
   width: 750px;
   font-size: 150%;
   text-align: center;
}
#top-frame-left
{
   width: 250px;
   font-size: 150%;
   text-align: center;
}
#top-frame-right
{
   width: 500px;
   font-size: 150%;
   text-align: center;
}
#bottom-frame-left
{
   width: 250px;
   text-align: center;
}
#bottom-frame-right
{
   width: 500px;
   text-align: center;
}
#top-title
{
   font-size: 150%;
   text-align: center;
}
#middle-frame-left
{
        height: 270px;
        width: 250px;
        text-align: center;
        vertical-align: center;
}
#middle-frame-right
{
        width: 500px;
        padding: 20px;
        text-align: justify;
        vertical-align: center;
}
#middle-soap-left
{
        width: 250px;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 130%;
        text-align: center;
        vertical-align: top;
        }
#middle-soap-right
{
        width: 500px;
        border: 20px;
        border-color: #ff0000;
        text-align: center;
        vertical-align: top;
        }
#frame-top
{
        text-align: justify;
        color: #000000;
}
#frame-bottom
{
        text-align: center;
        color: #000000;
        font-size: 70%;
}
#tothetop{
   vertical-align: top;
}
td.patchouli{
    background: url(images/patfract.jpg) #e1ffe1 repeat;
    }
td.egyptianrose{
    background: url(images/rosfract.jpg) #e1ffe1 repeat;
    }
img.patchouli
{
    border-color: #ff0000;
    border-width: 2px 2px 2px 2px;
    border-style: solid;
}
img.lavender
{
    border-color: #cc33cc;
    border-width: 2px 2px 2px 2px;
    border-style: solid;
}
img.sweetmint
{
    border-color: #006600;
    border-width: 2px 2px 2px 2px;
    border-style: solid;
}
img.comfreytea
{
    border-color: #663300;
    border-width: 2px 2px 2px 2px;
    border-style: solid;
}
img.gardenrose
{
    border-color: #cc0000;
    border-width: 2px 2px 2px 2px;
    border-style: solid;
}
img.oatmeal
{
    border-color: #ff6600;
    border-width: 2px 2px 2px 2px;
    border-style: solid;
}
span.patchouli_txt {color: #ff0000;}
span.lavender_txt {color: #cc33cc;}
span.sweetmint_txt {color: #006600;}
span.comfreytea_txt {color: #663300;}
span.gardenrose_txt {color: #cc0000;}
span.oatmeal_txt {color: #ff6600;}
span.smtxt {font-size: 70%;}
span.tothetop {vertical-align: center;}

span.litebckgnd
{
  background: #e1ffe1;
}

div.img
  {
  margin: 2px;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
  }
div.litebckgnd
{
  background: #e1ffe1;
}
div.img img
  {
  opacity: 0.4;
  filter: alpha(opacity=40);
  display: inline;
  margin: 3px;
  border: none;
  }
div.img a:hover img
  {
  /* border: 1px solid #e1ffe1; */
  border: none;
  opacity:1;
  filter:alpha(opacity=100);
  }
div.desc
  {
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
  }