body { background: white; margin: 0; padding: 0; }
body, td { color: black; font: 80% Arial, sans-serif; }

img { border: none; }
div.wf { width: 100%; }

/* layout */
.layout-left { background: #9bbf19 url('/i/boon/layout/bg-left.gif') repeat-y right top; }
.layout-right { background: #9bbf19 url('/i/boon/layout/bg-right.gif') repeat-y left top; }
.layout-left div, .layout-right div { height: 42px; }
.layout-left div { background: url('/i/boon/layout/bg-left-top.gif') no-repeat right top; }
.layout-right div { background: url('/i/boon/layout/bg-right-top.gif') no-repeat left top; }

.hat .top { height: 35px; background: white url('/i/boon/layout/bg-top.gif') repeat-x left top; }
.hat .left .top div { height: 35px; background: url('/i/boon/layout/bg-top-left.gif') no-repeat left top; }
.hat .right .top div { height: 35px; background: url('/i/boon/layout/bg-top-right.gif') no-repeat right top; }

td#counters { background: white; }


/* hat */
.logo { margin-left: 25px; background: #ea7c0f; }

/* navigation */
td#menu { background: white; padding-top: 47px; }
td#menu .level1 { margin: 1.4em 20px 0.3em 25px; color: #666666; }

td#menu .level2,
td#menu .level3,
td#menu .active2,
td#menu .active3 { margin: 0.2em 20px 0.2em 41px; color: #cd6d0d; font-size: 125%; }
td#menu .active2,
td#menu .active3 { font-weight: bold; }
td#menu a { color: #6c8511; }
td#menu a:hover { color: #cd6d0d; }


/* content */
h1 { background: none; color: #ea7c0f; margin: 1em 25px 0.2em 0; font-size: 260%; }
img.ill { float: right; margin: 0 25px 20px 25px; }
p, ul { margin: 0px 20px 1.2em 16px; padding: 0; width: auto; }
p.small-margin { margin-bottom: 0.6em; }

ul li { list-style: none; margin: 0 0 0.5em 0; }
ul li { padding-left: 20px; background: url('/i/boon/li.gif') no-repeat left top; }


/* frontpage products */
div.products { margin: 0px 25px; }
table.products td.tl div, table.products td.bl div,
table.products td.tr div, table.products td.br div,
table.products td.l div, table.products td.r div,
table.products td.t div, table.products td.b div { font-size: 1px; height: 1px; }
table.products td.tl, table.products td.bl,
table.products td.tr, table.products td.br,
table.products td.tl div, table.products td.bl div,
table.products td.tr div, table.products td.br div { width: 13px; height: 13px; }
table.products td.l { border-left: 1px solid #999999; }
table.products td.r { border-right: 1px solid #999999; }
table.products td.t { border-top: 1px solid #999999; }
table.products td.b { border-bottom: 1px solid #999999; }
table.products td.tl div { background: url('/i/boon/prod-tl.png') no-repeat; }
table.products td.tr div { background: url('/i/boon/prod-tr.png') no-repeat; }
table.products td.bl div { background: url('/i/boon/prod-bl.png') no-repeat; }
table.products td.br div { background: url('/i/boon/prod-br.png') no-repeat; }