body{margin:0px; padding:0px; font-family:Verdana; font-size:10px; color:#000; background:url('images/bg.gif') repeat-x; background-color:#8ac424; height:100%}
a{text-decoration:none}
.tc{text-align:center}
img{border:0px}
#content{width:800px; margin:0 auto; border-left:1px solid #000; border-right:1px solid #000;  }
#head{height:120px; width:800px; background:url('images/mmd_header.jpg')}

#top_menu{height:42px; width:800px; background:url('images/top_menu_bg.gif') repeat-x}
#kereses{width:220px; margin:0 auto; padding-top:10px}
.inp{font-family:Verdana; font-size:10px}
.inp2{font-family:Verdana; font-size:10px; width:115px; height:18px}
.subm{font-family:Verdana; font-size:10px; }
.subm2{font-family:Verdana; font-size:10px; top:3px; position:relative }

#cont{clear:both;  background:url('images/page_bg.gif') repeat-x;  background-color:#e8f3cf; overflow:hidden; height:100%}
#left_menu{width:160px; float:left; position:relative; z-index:99}

#left_menu .sima a{color:#0F6892}
#left_menu .sima .sima2 a{color:#0F6892}
#left_menu .sima2 a{color:#0F6892; font-size:10px;}
#left_menu .hover a{color:#FFFFFF}
#left_menu .hover .sima2 a{color:#0F6892}

#left_menu ul{margin:0px; padding:0px}
#left_menu .sima{margin:0px; padding:0px; list-style:none; height:35px; width:150px; background:url('images/left_menu_bg.gif') repeat-x; line-height:35px;  font-size:12px; font-weight:bold; padding-left:10px; border-right:1px solid #79b223}
#left_menu .sima2{margin:0px; padding:0px; list-style:none; height:25px; background:url('images/left_menu_bg.gif') repeat-x; line-height:25px;  font-weight:bold; padding-left:10px; border-right:1px solid #79b223}
#left_menu .hover{margin:0px; padding:0px; list-style:none; height:35px; width:150px; background:url('images/left_menu_bg_hover.gif') repeat-x; line-height:35px; font-size:12px; font-weight:bold; padding-left:10px; border-right:1px solid #79b223}
#left_menu .hover2{margin:0px; padding:0px; list-style:none; height:25px; background:url('images/left_menu_bg_hover.gif') repeat-x; line-height:25px; font-size:10px; font-weight:bold; padding-left:10px; border-right:1px solid #79b223}

#banners{text-align:center; clear:both; position:relative; padding-top:10px; }

#page{width:469px; float:left; overflow:hidden; padding:5px;position:relative;}

#right_menu{width:160px; float:left}
.right_cim{margin:0px; padding:0px; list-style:none; height:35px; background:url('images/left_menu_bg.gif') repeat-x; line-height:35px; color:#0F6892; font-size:11px; font-weight:bold; padding-left:5px; border-left:1px solid #79b223; border-bottom:1px solid #79b223}
.right_text{margin:0px; padding:5px; font-size:11px; border-left:1px solid #79b223; border-bottom:1px solid #79b223}
.feher{color:#FFFFFF}
#right_menu a{color:#0F6892}

#footer{clear:both; height:20px; line-height:20px; text-align:center; border-bottom:1px solid #000; background-color:#e8f3cf;}
#footer a{color:#0F6892}
.message{border:1px solid #396402; text-align:center; background:#aac800; padding:5px; font-weight:bold}
.reg_name{float:left;font-size:12px; line-height:25px;width:150px; text-align:right}
.reg_inp{float:left; line-height:25px; width:300px; padding-left:10px;}
.reg_inp .inp{margin-top:2px; margin-bottom:3px}

/*WEbshop*/
.fo_kategoria{text-align:center; float:left; width:100px; margin-right:5px; overflow:hidden}
.fo_kategoria a{color:#0F6892; font-weight:bold}
.fo_kategoria ul{margin:0px; padding:0px}
.fo_kategoria li{margin:0px; padding:0px; list-style:none; border-bottom:1px dotted #0F6892; line-height:18px}
#kategorias{}
#kategorias a{color:#0F6892}
.fokat{font-weight:normal; margin:0px; border-bottom:1px solid #0F6892; padding-bottom:2px; color:#0F6892; font-size:18px}
.alkat{margin-right:5px; clear:both; margin-top:10px; }
.alkath2{margin:0px; font-size:14px}
.alkat ul{margin:0px; margin-left:5px; padding:0px}
.alkat li{margin:0px; padding:0px; float:left; list-style:none; margin-right:5px; padding-right:5px;}
.termek_h1{font-size:12px; margin:0px; display:inline; }
.desc p{margin:0px; display:inline; line-height:12px}

/*Kosar tartalma*/
#megnev h1{font-weight:normal}
.kosar_sorszam{float:left;width:15px}
.kosar_termek{float:left; width:210px}
.kosar_darab{float:left; width:70px; text-align:center}
.kosar_osszeg{float:left; width:80px; text-align:center}
.kosar_del{float:left; width:20px; text-align:center}

.kosar_adat{position:relative; margin-top:5px}
.kosar_adat1{position:relative; clear:both; margin-top:40px; padding-top:5px; border-top:1px dotted #000}
.kosar_ossz{float:left; width:350px}
.kosar_osszar{float:left; width:100px; text-align:right}
.tovabb{position:relative; margin-top:15px; clear:both}

/*Rendelesi urlap*/
.fejlec{}
.szamla_keret{line-height:20px}
.fejl{text-align:center; font-weight:bold}
.meg_adat{width:300px; text-align:right}
.textar{font-family:Verdana; font-size:10px}
.cent{text-align:center}

/*lapozas*/
#lapozas{width:470px; margin:0 auto; text-align:center; clear:both}

/*Termek*/
.termek_title{text-align:center; font-size:13px; font-weight:normal}
.termek_kep{text-align:center}
.termek_szoveg{clear:both;}

/*Forum*/
.forum_send{overflow:hidden; border-bottom:1px dotted #313332; padding-bottom:5px}
.txtarea{width:465px; height:50px; font-size:12px}
.tema{clear:both}
.temak{clear:both; height:20px; line-height:20px}
.temak a{color:#000; font-weight:bold}
.bold{font-weight:bold}
.uzenetek{border-bottom:1px dotted #999999; overflow:hidden; margin-top:5px}

/*Kerses*/
.keres ul{margin:0px; padding:5px}
.keres li{list-style:none; line-height:16px}

.kivalasztott_szin{height:30px;}
.kivalasztott_szin div {cursor:pointer}
.szinkod{position:relative;float:left;overflow:hidden;width:16px;height:15px;cursor:pointer;margin:2px;border:1px solid #313332;}

table tr td{text-align:left}


.pikachoose{width:460px;margin:0 auto 50px auto;}
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:460px;/*height:180px;*/margin:0;overflow:hidden;}
.pikachoose ul li{float: left;border:1px solid #555;padding:2px;background:white;margin:0 6px 4px 0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;/*height:auto !important;width:auto !important;*/}
/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:454px;height:310px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:2px;left:2px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;border:1px solid #555;background:white;padding:2px;text-align:center;height:302px;overflow:hidden}
.pika_subdiv img, .pika_subdiv a img{border:none;/*height:300px*//*width:450px*/}
.pika_subdiv a img{border:none;height:300px;display:none}
.pika_caption{width:450px;height:40px;padding-top:4px;text-align:center;position:absolute;bottom:4px;left:2px;background:url('images/black.png') top left;color:white}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('play.png') top center no-repeat;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('fastf.png') top right no-repeat;}