/* SignatureSoapWorks.com */
a:link {
  color: blue;
  text-decoration: none;
}
a:visited {
  color: blue;
  text-decoration: none;
}
a:hover {
  color: #9400D3;
  text-decoration: none;
}
a { cursor:pointer; }
body.menu {
  background: #fafad2 url("../sidebar_files/bkgrnd.gif") top left fixed no-repeat;
  font: normal;
  font-size: 14pt;
  font-weight: 400;
  font-family: "Comic Sans MS", Garamond, sans-serif;
  margin: 2px 0px 20px 0px;
  scrollbar-3dlight-color: #fafad2;
  scrollbar-highlight-color: LightGray;
  scrollbar-arrow-color: blue;
  scrollbar-base-color: gray;
  scrollbar-track-color: WhiteSmoke;
  scrollbar-darkshadow-color: gray;
  scrollbar-face-color: Ivory;
  scrollbar-shadow-color: black;
}
body.content {
  margin: 0;
  background-color: LightGoldenrodYellow;
  color: black;
  font-family: "Comic Sans MS", Garamond, sans-serif;
}
div.welcome {
  position: absolute;
  top: 20px;
  height: 100%;
  width: 100%;
}
div.content {
  position: absolute;
  top: 0;
  width: 550px;
}
div.content2 {
  position: absolute;
  top: 0;
  padding-right: 10px;
}
div.welcomeMain {
  margin: 20px 7% 150px 7%;
  text-align: center;
}
div.main {
  margin: 60px 10px 120px 20px;
  text-align: left;
}
div.title1 {
  margin: 20px 0px 20px 0px;
  font-size: 18pt;
  text-align: center;
}
div.title2 {
  font-size: 24pt;
  font-weight: 800;
  text-align: left;
  margin-bottom: 20px;
}
p.title3 {
  font-size: 12pt;
  font-weight: 600;
  text-indent: 0px;
  text-align: justify;
  margin-bottom: 0;
}
p.title4 {
  font-size: 12pt;
  font-weight: 600;
  text-indent: 0px;
  text-align: center;
  margin-bottom: 10px;
  background-color: #9400D3;
  color: silver;
}
div.menu {
  width: 120px;
  margin: 0px 5px 2px 10px;
}
p.content {
  font-size: 12pt;
  text-indent: 0px;
  text-align: justify;
  margin: 10px 0 10px 0;
}
img.quote {position:absolute;
  width: 500px; height: 50px;
  filter: revealTrans(duration=10, transition=12);
}
#quote1 { visibility: hidden; }
#quote2 { visibility: hidden; }
#quote3 { visibility: hidden; }
p.menu {
  margin: 10px 0px 10px 0px;
}
div.question {
  margin-top: 30px;
  font-weight: 600;
  text-decoration: underline;
}
div.footer {
  position: absolute;
  bottom: 0px;
  text-align: center;
  font-size: 8pt;
  margin: 0px 20px 20px 40px;
  width: 90%;
}
a:link.footer { color: black; }
a:visited.footer { color: black; }
a:hover.footer { color: #9400D3; }
hr.footer {
  height: 2px;
  width: 100%;
  text-align: center;
  border-style: inset;
}
div.prodImg {
  float: left;
  width: 200px;
  height: 150px;
  text-align: center;
  color: gray;
  border: 1px solid black;
}
p.products {
  font-size: 12pt;
  text-indent: 0px;
  text-align: justify;
  margin: 0px 100px 0px 210px;
  min-height: 150px;
  height: 150px;
}
/* Netscape hack */
body[class] p.products {
   height:auto;
   }
div.formBtn {
  float: right;
  padding-top: 10px;
  font-size: 16pt;
  text-align: center;
  width: 90px;
  height: 150px;
}
div.subBlock {
  width: 300px;
  margin: 0 0 0 30px;
}
div.b1 {
  width: 150px;
  float: left;
}
div.b2 {
  width: 100px;
  float: right;
}
#q1 {
  height: 1px;
  visibility: hidden;
}
#q2 {
  height: 1px;
  visibility: hidden;
}
#q3 {
  height: 1px;
  visibility: hidden;
}
#plug {
  font-family: "Comic Sans MS";
  text-align: right;
  color: gray;
  }
span.name { background: silver; }

/* Netscape hack for footer */
html, body.content, div.content, div.welcome {
  min-height: 100%;
  height: 100%;
}
/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */
html>body.content, html>body div.content, html>body div.welcome {
  height: auto;
}