html,body {  margin: 0px; height: 100%; background-color: #ededed }
.header { position:absolute; width:100%; height:203px; background:url("img/header.gif") top center no-repeat; }

.main { width:100%; height:100%; }
.main .lside { background: url("img/shadow_r.gif") top right repeat-y; width:18%; }
.main .rside { background: url("img/shadow_l.gif") top left repeat-y; width:18%; }
.main .content { height: 100%; background: #EAEEED url("img/contentbg.gif") repeat; width: 64%; padding-top: 203px; vertical-align: top; }
.main .content { font-family: tahoma; font-weight: normal; font-size: 13px; color: #636363; padding-left: 10px; padding-right: 10px; }
.main .bricks { background: url("img/brick.gif") bottom left repeat; height:104px; }
.main .footer { height: 20px; }
.main .footer td { text-align: center; vertical-align: middle; }
.main .footer img,a { border: 0; }

.menu { width:522px; height:26px; background:url("img/menubg.gif") bottom left no-repeat;  }
.menu td { width: 25%; text-align:center; vertical-align:middle; }
.menu a { text-decoration: none; font-size:14px; height: 25px; font-family: tahoma; color: #636363; font-weight: normal; padding-bottom:3px; }
.menu a:hover { background:url("img/underline.gif") bottom left repeat-x; height: 25px; padding-bottom:3px; }

.products { width:100%; }
.products .product_tr { height: 150px; }
.products .product_td { width: 33%; }
.products .image { width: 150px; height: 150px; border: 2px solid #aaaaaa; }
.products .image:hover {border: 2px solid #777777; }


.termekek {font-size: 13px; color: #636363; font-family: tahoma; text-decoration: none}
.termekek:hover {text-decoration: underline; color:#993300;}

.link {font-size: 13px; color: #636363; font-family: tahoma; text-decoration: none}
.link:hover {text-decoration: underline; font-weight: bold; color:#000000}

.image {cursor: pointer;}