html, body {
  margin:0;
  padding:0;
  border-width:0;
  font-family:Tahoma,sans-serif;
  font-size:11pt;
}

a {
  font-weight:bold;
  color:#226;
}

a:hover {
  text-decoration:underline;
  color:#55b;
}

h1 {
  font-size:18pt;
  margin:0;
}

h2 {
  font-size:14pt;
  margin:5px 0 0 0;
}

h3 {
  font-size:11pt;
  text-decoration:underline;
  margin:5px 0 0 0;
}

h4 {
  font-size:10pt;
  margin:5px 0 0 0;
}

p {
  margin:10px 0;
  padding:0;
}

sup {
  font-size:x-small;
  vertical-align:top;
}

#index, #cat, #static {
  width:750px;
  position:relative;
  margin:auto;
}

#toc {
  position:absolute;
  top:0; left:0;
  width:750px;
  border-right:1px black solid;
}

#toc2 {
  width:155px;
  border-right:1px black solid;
  padding:0 0 0 15px;
  font:bold 14pt "Comic Sans MS", sans-serif;
}

#line1 {
  position:absolute;
  top:0; left:0;
  height:400px;
  width:1px;
  background:black;
}

#line2 {
  position:absolute;
  top:0; left:170px;
  height:600px;
  width:1px;
  background:white;
}

#toc h3 {
  font-size:12pt;
  margin:3px 0 8px 0;
  padding:0;
  text-decoration:underline;
  text-transform:uppercase;
  color:#115;
}

#toc a {
  display:block;
  font-size:9pt;
  /* compress line-height and expand margin so short lines stay the same, but
   * if a long line wraps it still looks like a single toc item. */
  line-height:8pt;
  margin:5px 0 5px 0;
  color:#004;
  text-decoration:none;
}

#toc a:hover {
  color:#55b;
}

#toc a.sub {
  font-size:7pt;
  line-height:6pt;
  margin:4pt 0 4pt 5pt;
}

#index #main {
  position:relative;
  margin-left:170px;
  text-align:center;
  color:#502;
}

#index #main img {
  border-width:0;
  padding:0;
  margin:0 0 45px 0;
  display:block;
  width:580px;
  height:552px;
}

#index #main h1 {
  margin:0 0 0 0;
  font-size:11pt;
}

#index .footer {
  margin-top:20px;
}

.footer {
  text-align:center;
  color:#555;
  clear:both;
}

.footer td {
  text-align:center;
}

.footer td.spacer {
  font-size:14pt;
  padding:0 10px;
}

.footer a {
  font-weight:bold;
  font-size:9pt;
  line-height:11pt;
  text-decoration:underline;
}

.footer a.bold {
  font-size:11pt;
}

.footer .copyright {
  font-size:8pt;
  padding:20px 0 0 0;
}

.footer table {
  margin:0 auto;
}

#cat .footer table {
  width:100%;
}

#cat .footer table td {
  width:30%;
}

#cat .header {
  top:0;
  width:750px;
  background:white;
}

#cat .footer {
  border-top:1px black solid;
  margin-top:5px;
  padding-top:5px;
}

#cat .header .footer {
  border:1px black solid;
  border-width:0 0 1px 0;
  padding:5px 0;
}

#cat .footer img {
  vertical-align:middle;
  border-width:0;
  margin:0 5px;
}

#cat #main {
  /* extra 20px to accomodate the 20px right margin on the item blocks */
  width:770px;
  margin-top:15px;
}

.section {
  margin-bottom:15px;
}

.section h3, .section h4 {
  margin:0 0 5px 0;
  clear:left;
  text-decoration:none;
}

.section .name {
  font-weight:bold;
  font-size:12pt;
  padding:4px 12px;
  background:black;
  color:white;
  margin-right:20px;
}

.section h4 .name {
  font-size:10pt;
}

.section .latin, .section .headerunits {
  font-weight:bold;
  font-size:10pt;
  margin-right:20px;
}

.section .latin {
  font-size:11pt;
  font-style:italic;
}

.item {
  font-size:10pt;
  width:365px;
  float:left;
  margin:0px 20px 15px 0;
}

.item .soldout {
  color:red;
  font-size:12pt;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:underline;
  margin-right:5px;
}

.item .catno {
  font-weight:bold;
  margin-right:3px;
}

.item .section, .item .variety {
  font-weight:bold;
  background:black;
  color:white;
  padding:0 5px;
  margin-right:3px;
}

.item .section {
  margin-right:0;
  padding-right:0;
}

.item .cert {
  font-weight:bold;
  text-decoration:underline;
  color:black;
  margin-right:5px;
}

.item a.cert:hover {
  color:#55b;
}

.item .sale, .item .new {
  color:#700;
  font-weight:bold;
  font-style:italic;
  margin-right:5px;
}

.item .or {
  margin:0 4px;
}

.item .latin {
  font-weight:bold;
  font-style:italic;
  margin-right:5px;
}

.item .days {
  font-weight:bold;
  margin-right:3px;
}

.item .grownby {
  font-style:italic;
}

.item .certprices {
  text-decoration:underline;
}

.item .certprices .sale {
  font-style:normal;
}

.item .soldoutprices td * {
  text-decoration:line-through;
}

.item img {
	padding: 0 0 4px 4px;
	border: 0;
}

.section td, .item td {
  padding:1px 5px 1px 1px;
  font-weight:bold;
  font-size:9pt;
}

.section .packet, .item .packet {
  display:block;
  float:left;
  border:1px black solid;
  padding:0 4px;
  margin:0 4px 0 0;
}

.section .price, .item .price {
  display:block;
  float:left;
  padding:0 4px;
  margin:0 4px 0 0;
}

.update {
  margin-bottom:30px;
  clear:both;
}

.update .date {
  font-weight:bold;
  font-size:9pt;
  border-bottom:1px black solid;
  width:450px;
  clear:both;
  margin-bottom:5px;
}

.update .title {
  font-size:11pt;
  color:#400;
}

.update .updatedesc {
  color:red;
  display:block;
  clear:both;
  margin-bottom:5px;
  font-style:italic;
  font-size:11pt;
}

#static #header {
  padding:0 0 20px 0;
}

#static #header h1 {
  margin:20px 0 0 0;
  padding-bottom:20px;
  float:right;
  text-align:right;
  width:600px;
  border-bottom:1px black solid;
}

#static #header a {
  display:block;
  float:left;
  text-align:center;
  margin-right:20px;
  text-transform:uppercase;
  font-size:10pt;
}

#static #header form {
  display:block;
  float:right;
  margin-top:20px;
}

#static #header img {
  display:block;
  border-width:0;
}

#static #after-header {
  clear:both;
}

.pledge {
  border:3px black solid;
  padding:0 20px;
}

.pledge h3 {
  text-align:center;
  font-size:14pt;
  padding:0;
  margin:4px 0;
}

#static .footer {
  border-top:1px black solid;
  margin-top:40px;
  padding-top:10px;
}