body {
  margin: 0;
  background-color: white;
  font-size: small;
  color:#2C2C2C;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

#topleft { background-color: #fff; height: 100; text-align:center;}
#lhsmenu, #topright { background-color: #9966CC;}
#bar { background-color: #999999; height: 25; }
#topright {width: 100%; text-align: right;}
#lhsmenu {text-align:center;}
#main { height: 100%;}
#topleft, #topright, #lhsmenu, #main { padding: 5;}

table, td {
 /* border: thin solid black;*/
}

H1, H2,H3, HR {color:#8E47B1 }

img { border:none;}

a, img {color: #000; text-decoration: underline; border: none;}
a:hover {color: #8E47B1;}

a.topmenu {color: #fff; text-decoration: none; border: none;}
a.topmenu:hover {color: #8E47B1;}

a.catmenu {color: #000; text-decoration: none; border: none;}
a.catmenu:hover {color: #fff;}

a.onpurple {color: #000; text-decoration: none; border: none;}
a.onpurple:hover {color: yellow;}

a.yellow {color: yellow; text-decoration: none; border: none;}
a.yellow:hover {color: yellow; text-decoration: underline;}

input {
  font-size: xx-small;
  height: 18px;
  border: 1px solid #8E47B1;
}

.btn_img {
  border: none;
}
.titles {
  color: white;
  font-size: 16px;
  font-weight: bold;
}

.greeting {
  font-size: x-small;
  color: yellow;
}

.tinytext {
  font-size: 9px;
}

table.products {
  font-size: x-small;
  width: 100%;
  border: 1px solid #8E47B1;
  vertical-align: top;
}


