a.swatch {
  text-decoration: none
}

div.swatchdiv {
  clear: both;
}

.swatches {
  line-height: 4pt;
  font-size: 6pt;
  padding: 0;
  margin: 0;
}
.swatch { line-height: 4pt; font-size: 6pt; }
a.swatch { text-decoration: none; }

div.tn {
  float: left;
  padding-bottom: 4px;
}
div.image {
  float: left;
}

div.image a.lti {
  display: block;
  background: url(/~liam/g/bg-640x500.jpg) no-repeat;
  background-position: bottom right;
  margin: 0px;
  text-decoration: none;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 10px;
  padding-bottom: 10px;
}
div.image a.lti img {
  border: none;
}
div.filterdesc {
  font-size: larger;
  text-align: left;
  color: red;
}
div.suggestions {
  clear: both;
  margin-top: 1em;
  padding-top: 1em;
}
div.history {
  clear: both;
  margin-top: 1em;
  padding-top: 1em;
}
div.category {
  clear: both;
  padding-top: 8px;
}

div.category h2 {
  border-top: 1px solid;
  margin: 0;
  padding: 0;
  margin-top: 48px;
}



.farbtastic {
  position: relative;
}
.farbtastic * {
  position: absolute;
  cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
  width: 195px;
  height: 195px;
}
.farbtastic .color, .farbtastic .overlay {
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}
.farbtastic .wheel {
  background: url(wheel.png) no-repeat;
  width: 195px;
  height: 195px;
}
.farbtastic .overlay {
  background: url(mask.png) no-repeat;
}
.farbtastic .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden; 
  background: url(marker.png) no-repeat;
}

div.instructions {
    float: right;
}