body {
  width:      100%;
  border:     none;
  padding:    0em;
  margin:     0em;
}

.all {
  width: 	48em;
  margin-left:  auto;
  margin-right: auto;
  padding-bottom: 0.5em;
  border: 	1px solid gray;
  border-top:	none;
  box-shadow: 	1em 1em 1em gray;
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
}

.full {
  width:         48em;
  text-align:    left;
  border:        none;
  border-top: 	 0.1em solid black;
  padding:       0em;
  margin:        0em;
}

th {
  font-size:     larger;
  font-weight:   bolder;
  text-align:    left;
  border-bottom: 1px solid black;
}

td {
  margin:  0em;
  padding: 0em;
}

h1 {
  color: green;
  text-align: center;
}

.header-left {
  width:	34em;
  font-family:  sans-serif;
  font-size:    large;
  font-weight:  bold;
  color:        rgb(128, 128, 128);
}

.header-right {
  width: 14em;
}

.topbar {
  width:            7em;
  font-family:      sans-serif;
  font-size:        90%;
  font-weight:      bold;
  color:            rgb(192, 192, 192);
  text-align:       center;
  vertical-align:   middle;
  float: left;
}

.topbar a:hover {
  display: block;
}

.topbar-filler {
  width: 10em;
}

.even {
  background-color: rgb(240,255,240);
  vertical-align: middle;}

.odd {
  background-color: white;
  vertical-align: middle;
}

.tab-header {
  margin: 0em;
  margin-top: 0.5em;
  padding: 0em;
  border: none;
  width: 100%;
}

.tab-space {
  margin: 0px;
  padding-left: 5px;
  border-bottom: solid black 1px;
  width: 2%;
}

.tab-front {
  margin: 0px;
  padding-left: 10px;
  padding-right: 10px;
  border-top: solid 1px black;
  border-left: solid 1px black;
  border-right: solid 1px black;
  border-bottom: none;
  width: 25%;
}
 
.tab-back {
  margin: 0px;
  padding-left: 10px;
  padding-right: 10px;
  border: solid black 1px;
  width: 25%;
  background: rgb(240,240,240);
}

.tab-right {
  margin: 0px;
  border-bottom: solid black 1px;
  width: 10%;
}

.copyright {
  padding:          0em;
  padding-left:     1em;
  padding-right:    1em;
  font-family:      sans-serif;
  font-size:        small;
  color:            rgb(0, 133, 67);
  background-color: white;
  vertical-align:   top;
}

.main {
  background:     none;
  padding-left:   1em;
  padding-right:  1em;
  vertical-align: top;
  font-family:    serif;
}

.toothpaste {
  width: 	  410px;
  height:	  170px;
  text-align:     center;
  vertical-align: middle;
  font-family:    sans-serif;
  font-size:      x-small;
  color:          rgb(128, 128, 128);
}

.descript {
  text-align: right;
  vertical-align: bottom;
  padding-left: 0em;
  font-family: serif;
  font-size: medium;
  color: black;
}


td.line {
  border: 0px none;
  margin: 0px;
  padding: 0px;
  height: 1px;
  width: 100%;
  background-color: rgb(64, 64, 64);
}

.personname {
  font-weight: bold;
}

.name {
  padding-left: 1em;
  border-right: 1px solid black;
}

.upc {
  text-align: center;
  border-right: 1px solid black;
}

.size {
  text-align: right;
  padding-right: 0.5em;
  border-right: 1px solid black;
}

.quantity {
  text-align: center;
  border-right: 1px solid black;
}

.wholesale {
  text-align: right;
  padding-right: 0.5em;
  border-right: 1px solid black;
}

.retail {
  text-align: right;
}

a {
  font-family: sans-serif;
  font-size: small;
  font-weight: bolder;
  text-decoration: none;
  color: black;
  z-index: 100;
}

a:visited {
  color: rgb(64, 64, 64);
}

a:hover {
  color: black;
  background-color: rgb(202, 255, 9);
}

.label {
  vertical-align: top;
  text-align: right;
  font-weight: bold;
}

td.dist-title {
  background-color: Red;
  color: White;
  font-size: large;
  font-weight: bold;
}

td.distributor {
  vertical-align: top;
  font-family: sans-serif;
}

.products {
  width: 100%;
}

.product {
  border:	  10px solid white;
  width: 	  12em;
  text-align:	  center;
  vertical-align: bottom;
  font-family:    sans-serif;
  font-size:      x-small;
  color:          rgb(128, 128, 128);
}

.product img {
  float: none;
}

.product a {
  font-weight: bold;
}

.product a:hover {
  background-color: rgb(192,255,192);
}

.product a span {
  display: none;
  color: black;
  background-color: rgb(192, 255, 192);
  border: 1px solid black;
  padding: 0.5em;
  position: absolute; left: 2em; width: 42em;
  font-family: times, serif;
  font-size: medium;
  font-weight: normal;
  font-style: italic;
  text-align: left;
  vertical-align: top;
}

.product a:hover span {
  display: block;
}

.product a:hover span img {
  margin: 1em;
}

.copyright a {
  font-family: sans-serif;
  font-size: small;
  font-weight: normal;
  color: rgb(0, 133, 67);
}

.interview {
  float: left;
  margin: 1em;
}

.interview img {
  width: 9em;
  border: 1px solid green;  
  box-shadow: 	1em 1em 1em gray;
}

dt {
  font-weight: bold;
}

dd {
  font-style: italic;
}

img {
  border: 0px none;
}

img.hh {
  width: 540px;
  height: 72px;
}

img.header-image {
  width: 250px;
  height: 192px;
}

img.h-logo {
  width:  72px;
  height: 117px;
}

img.line {
  width: 00%;
  height: 1px;
  background-color: rgb(64, 64, 64);
}

li {
  font-style: italic;
}

transparent {
    color: rgba(100,100,100,0);
}