html { overflow-y: scroll; }
p, ul, h1, h2 { margin-top: 1em; margin-bottom: 0.5em; }
h2 p { margin-top: 0px; }
a:link { color: #063; }
a:visited { color: #063 }
body { background: #CCC; color: #000; margin: 0px; }
body, td, input, textarea, select { font-family: "Lucida Grande", Verdana, sans-serif; font-size: 11px; line-height: 14px; }
h1 { font-size: 14px; line-height: 18px; color: white; margin-top: 7px; }
h2 { font-size: 12px; line-height: 15px; }
#main { width: 849px; height: 600px; left: 50%; top: 0px; margin-left: -425px; position: absolute; border: #000 solid 1px; border-top-width: 0px; background: #FFF; }	
img { border: 0px; padding: 0px; margin: 0px; }

.buttonbackground { position: absolute; width: 86px; height: 46px; top: 21px; background: url(/img/buttonbackground2.gif); }

.button_mtd { *position: relative; width: 86px; height: 46px; background: url(/img/button_red.gif); display: table; }
.button_yardman { *position: relative; width: 86px; height: 46px; background: url(/img/button_green.gif); display: table; }
.button_cubcadet { *position: relative; width: 86px; height: 46px; background: url(/img/button_yellow.gif); display: table; }
.button_quadventure { *position: relative; width: 86px; height: 46px; background: url(/img/button_blue.gif); display: table; }

.buttoncontainer { *position: absolute; *top: 50%; display: table-cell; vertical-align: middle; text-align: center; width: 100%; }
.button_mtd .buttoncontainer a { *position: relative; *top: -50%; color: white; text-decoration: none; }
.button_yardman .buttoncontainer a { *position: relative; *top: -50%; color: white; text-decoration: none; }
.button_cubcadet .buttoncontainer a { *position: relative; *top: -50%; color: black; text-decoration: none; }
.button_quadventure .buttoncontainer a { *position: relative; *top: -50%; color: white; text-decoration: none; }

.button1 { position: absolute; top: 21px; left: 25px; }
.button2 { position: absolute; top: 21px; left: 127px; }
.button3 { position: absolute; top: 21px; left: 229px; }
.button4 { position: absolute; top: 21px; left: 331px; }
.button5 { position: absolute; top: 21px; left: 432px; }
.button6 { position: absolute; top: 21px; left: 534px; }
.button7 { position: absolute; top: 21px; left: 636px; }
.button8 { position: absolute; top: 21px; left: 738px; }

#textbox { position: absolute; top: 150px; left: 150px; height: 380px; width: 370px; padding: 10px; overflow: auto; }
#kontaktbox { position: absolute; top: 568px; left: 150px; width: 299px; text-align: center; font-weight: bold; font-size: 12px; }
#menu { position: absolute; top: 149px; left: 0px; }

.padbox { padding: 6px; }
#groupbox { position: absolute; top: 150px; left: 150px; height: 402px; width: 699px; background: #DDD; overflow: auto; }
#productbox { position: absolute; top: 150px; left: 150px; height: 388px; width: 288px; background: #DDD; overflow: auto; padding: 6px; }
.prodline { border-bottom: #FFF solid 1px; width: 680px; }
.proddesc { width: 299px; background: #DDD; }
.prodspec { width: 247px; background: #CCC; overflow: hidden; }
.prodimg { width: 133px; height: 133px; overflow: hidden; }
.largeprodimg { position: absolute; top: 150px; left: 449px; height: 400px; width: 400px; background: #CCC; overflow: hidden; text-align: center; }
.prodname { font-size: 13px; font-weight: bold; }
.prodpris { font-size: 13px; font-weight: bold; }
.proddesc a, #productbox a { color: #000; }

#cartdisplay { position: absolute; display: block; top: 556px; left: 675px; width: 155px; height: 20px; padding: 14px 0px 6px 0px; background: url(/img/cart.png) no-repeat right; color: #000; text-decoration: none; }

#basketbox { position: absolute; top: 150px; left: 450px; height: 388px; width: 387px; background: #FFF; overflow: auto; padding: 6px; background: url(/img/cart_large.png) no-repeat center center; }
#formbox { position: absolute; top: 150px; left: 150px; height: 388px; width: 287px; background: #DDD; overflow: auto; padding: 6px; }

#formtable { width: 286px; }
#formtable input { width: 220px; }