html { margin: 0; padding: 0; }
body { background: rgb(220, 220, 220); text-align: center; margin: 0; padding: 0; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 0.85em; }
.alttext { display: none; }
p { text-align: left; }
a { color: blue; }

#content { margin: 0 auto; padding: 0; width: 600px; }
#content img { margin: 10px 0 10px 0; }

h1 { font-size: 2em; margin: 10px 0 10px 0; padding: 0; }
h4 { margin: 10px 0 10px 0; text-align: left; font-size: 1.2em; color: rgb(100, 100, 100); }

ul { margin: 10px 0px 10px 20px; padding: 0; text-align: left; color: rgb(50, 50, 50); font-size: 0.9em; }
li { margin: 0; padding: 0; }
li a { color: rgb(50, 50, 255); }

.variant { background-color: rgb(240, 240, 240); border: 1px solid rgb(200, 200, 200); -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px 20px 50px 230px; margin: 10px 0; position: relative; min-height: 160px; font-size: 0.95em; }
.variantlogo { position: absolute; top: 0px; left: 10px; }
.variantdetails { margin: 20px 0 0 0; padding: 0; list-style-type: none; }
.variantdetails li { margin: 0; padding: 0; }
.variantdetails li strong { color: rgb(100, 100, 100); width: 6.5em; display: inline; float: left; text-align: right; margin-right: 8px; }
.variantdownload { display: block; border: 0; background: url(../img/download.jpg); width: 200px; height: 30px; position: absolute; bottom: 10px; right: 10px; }
.variantdownload span { display: none; }