#body ul { margin: 0; padding: 0; list-style-type: none; width: 100%; }
#body ul li { margin: 0; padding: 0; float: left; text-align: center; overflow: hidden; }
#body img { display: block; margin: 0 auto; padding: 0; border: 1px solid white; }
#body #df-type li span, #body #df-color li span, #body #df-breed li ul li span {
  display: block;        overflow: hidden;
  font-size: 0.9em;      line-height: 1.2em;
  text-align: center;
  border: none;          height: 2.6em;
}
#body a { display: block; text-decoration: none; }
#body ul a:hover img { border: 1px solid #000; }
#body a:hover, #body #df-breed li ul li a:hover span { font-weight: bold; }
input.order { display: block; margin: 1em auto; }

/* Step markers */
dl { display: block; position: relative; margin: 0; padding: 0; width: 100%; }
dl.step1 { height: 2.6em; }
dl.step2, dl.step3, dl.step4 { height: 200px; margin-bottom: 5em; }
dl dt, dl dd { width: 33%; margin: 0; padding: 0; text-align: center; }
dl dt { top: 0; font-size: 0.8em; color: #666; }
dl dd { top: 1.2em; }
dl .step1 { position: absolute; left: 0; }
dl .step2 { position: absolute; left: 33%; }
dl .step3 { position: absolute; left: 66%; }
dl.step1 .step1, dl.step2 .step2, dl.step3 .step3 { font-weight: bold; }

/* Quick-access breed alphabet */
#body #df-breed-letters { margin-bottom: 1em; position: relative; }
#body #df-breed-letters li { display: block; float: left; margin: 0 0.4em; }
#body #df-breed-letters a { display: block; width: 2em; height: 1.2em; padding: 0.4em 0; }
#body #df-breed-letters a:hover { background-color: #ddf; }

#body #df-breed li, #body #df-breed li span { display: block; float: none; width: 100%; height: auto; }
#body #df-breed li span {
  font-size: 2em;     line-height: 0.8em;
  text-align: left;   font-weight: bold;
  border-bottom: 1px solid #666;
}
#body #df-breed li { margin-bottom: 1em; position: relative; }
#body #df-breed li ul li { margin-bottom: 0; width: 140px; float: left; }
#body #df-breed li ul li span { font-weight: normal; height: 3.6em; }

#df-type li { width: 185px; }
#df-color li { width: 85px; }

#body div { text-align: center; }