/* ---------- TAGS ---------- */
body {margin:0; padding:0; background:#fff; font-family: Georgia, "Times New Roman", Times, serif; font-size:12px;}
a{text-decoration:none; outline:none; color:#09c;}
h1{margin:0; padding:0; font-weight:normal; font-size:25px; font-family: Georgia, "Times New Roman", Times, serif;}
h2{margin0; padding:0; font-size:20px;}

/* ---------- DIVS ---------- */
#hideBarWrap, #topmenuWrap{width:1000px; margin:auto; clear:both}
#social {float:right; height:20px;}
#logo{background:url(images/logo.png) no-repeat center; float:left; width:134px; height:33px; display:block; height:40px; float:left}
#hideBar{width:100%; line-height:40px; height:40px; background:url(images/hideBar.png) repeat-x; clear:both;}
#hideBarWrap{background:url(images/hideBarWrapBg.png) no-repeat; height:40px}
#head{height:560px; background:url(images/headBg.jpg) top center no-repeat}
#headWrap{width:1000px; margin:auto; position:relative; height:500px;}
#head_people{position:absolute; width:600px; height:475px; left:0; top:-65px; z-index:0;}
#head_people_logo{position:absolute; left:195px; top:170px; width:120px; height:120px;}
#head_people_line{position:relative; top:410px; width:100%; height:67px; background:url(images/people_line_bg.png) repeat-x; z-index:1;}
#head_people_line_wrap{position:relative; left:-100px; top:345px; height:67px; z-index:100;}
#busket{position:absolute; width:423px; height:488px; left:540px; top:-50px; padding:20px; font-family: Arial, Helvetica, sans-serif; background:url(images/busketBg.png) no-repeat; z-index:2;}
#topmenu{width:100%; height:40px; line-height:40px; background:url(images/topmenuBg.png) repeat-x; clear:both;}
#menu{margin:0 0 0 10%; float:left;}
#hideBarWrapBtns{float:right;}
#hideBarWrapBtns a{float:left; margin:10px 10px 0 0;}
#content{width:1000px; margin:auto; background:#fff;}
#left_panel{width:373px; float:left; margin-top:15px;}
#right_panel{float:right; padding:0 20px; width:580px; margin-top:15px;}
#footer, #footer2{clear:both; border:solid 1px #666; border-left:none; border-right:none; height:44px; line-height:44px; color:#666; font-weight:bold; padding:0 10px; margin:20px auto 0 auto; width:980px;}
#footer2{border:none;}
#clear{height:1px; line-height:1px; font-size:1px; clear:both}
#dotted{border-bottom:dotted 1px #ccc; height:1px; line-height:1px; font-size:1px; clear:both;}
#busket_table tr{background:#E8E8E8;}
#busket_table tr:hover{background:#DAEAF4}
#hozzaszolas_box{width:100%; clear:both;}
#avatar{width:50px; float:left; margin:0 8px 0 0; display:block;}
#nickname{color:#000; font-size:13px; margin:2px 0 0 0; display:block; float:left;}
#hozzaszolas{color:#666; float:left; width:310px;}
#hozzaszolas_separator{background:url(images/hozzaszolas_separator.jpg) no-repeat; height:1px; line-height:1px; font-size:1px; width:310px; margin:3px 0; float:left;}
#line{border-bottom:solid 1px #ccc; height:1px; line-height:1px; font-size:1px; margin:15px 0; clear:both;}
#mintak_box{width:120px; margin:0 25px 15px 0; display:block; float:left;}
#product_name{margin:5px 0 0 0; color:#666; font-size:10px; float:left;}
.product_busket{float:right; width:13px; height:14px; display:block; background:url(images/busket.jpg) no-repeat; margin:3px 0 0 0;}

/* ---------- MENU ---------- */
#topmenu ul, #footer ul{margin:0; padding:0; list-style-type:none}
#topmenu li, #footer li{float:left}
#topmenu ul li a, #footer ul li a{text-align:left; padding:0 20px 0 0; color:#ccc; font-weight:bold; display:block;}
#topmenu ul li a:hover{color:#fff;}

#footer ul li a{color:#666;}
#footer ul li a:hover{color:#121212;}
#megbizhato_link{position:absolute;top:85px;left:0px;border:none;}
#megbizhato_link img{border:none;}
/* ---------- FONTS ---------- */

/* ---------- LINKS ---------- */
.termeknavelrejtes{background:url(images/termeknavigatorElrejteseBg.png) no-repeat; width:173px; height:22px; line-height:22px; color:#333; font-size:10px; display:block; padding:0 0 0 12px; cursor:pointer; margin:5px 0 0 5px;}

.termeknavmegjelenites{background: url(images/termeknavigatorMegjeleniteseBg.png) no-repeat; width:173px; height:22px; line-height:22px; color:#333; font-size:10px; display:block; padding:0 0 0 12px; cursor:pointer; margin:5px 0 0 5px;}

/* ---------- FORMS ---------- */
#search_form{margin:0; padding:10px 0 0 15px; background:url(images/searchFormBg.png) no-repeat; width:165px; height:30px; float:right}
#search_form input[type=text]{width:110px; height:15px; font-size:12px;font-family: Georgia, "Times New Roman", Times, serif; line-height:20px; display:block; float:left; background:none; border:none; padding:2px 2px 2px 7px; color:#888;}
#search_form input[type=submit]{width:27px; height:27px; display:block; float:left; background:none; border:none; cursor:pointer;}

#busket_form{margin:10px 0 0 0; clear:both;}
#busket_form label{width:120px; display:block; margin:0 0 4px 0; font-size:10px; color:#636363}
#busket_form select{background:url(images/select_bg.jpg) repeat-x; border:none; padding:2px; outline:none; height:23px;}
#kategoriak{background:url(images/select_bg.jpg) repeat-x; border:none; padding:2px; outline:none; height:23px; position:absolute; right:-17px;}
#busket_form input[type=text]{width:60px;}

#busket_form input[type=submit]{float:left; margin-left:130px; position:relative; background:url(images/kosarba_btn_bg.png) no-repeat; width:110px; height:38px; border:none; cursor:pointer; text-indent:-5000px;}

#rendeles_form input[type=submit]{background:url(images/rendeles_btn_bg.png) no-repeat; width:110px; height:38px; border:none; cursor:pointer; margin:0 0 0 37px; position:absolute; left:280px; bottom:20px;}

#rendeles_form2 input[type=submit]{background:url(images/rendeles_btn_bg.png) no-repeat; width:110px; height:38px; border:none; cursor:pointer; margin:15px 10px 0 0; float:right; position:relative;}

#hozzaszolas_formka input[type=submit]{background: url(images/hozzaszolas_btn.jpg) no-repeat; width:101px; height:25px; border:none; cursor:pointer;}
#hozzaszolas_formka #hozaszolas_area {width:373px; height:70px;}
#regisztracio input[type=submit]{background: url(images/reg_btn.jpg) no-repeat; width:123px; height:38px; border:none; cursor:pointer;}
#belepes input[type=submit]{background: url(images/belepes_btn.jpg) no-repeat; width:80px; height:25px; border:none; cursor:pointer;}
#personal_data input[type=submit]{background: url(images/megrendeles_btn.jpg) no-repeat; width:101px; height:25px; border:none; cursor:pointer;}
#megrendeles input[type=submit]{background: url(images/megrendeles_btn.png) no-repeat; width:101px; height:25px; border:none; cursor:pointer;}

#regisztracio #elkuld, #kapcsolat_form #elkuld{background: url(images/elkuld_btn.jpg) no-repeat; width:123px; height:38px; border:none; cursor:pointer;}
#regisztracio #modositas{background: url(images/modosit_btn.jpg) no-repeat; width:123px; height:38px; border:none; cursor:pointer;}
#regisztracio #feltoltes{background: url(images/feltoltes_btn.jpg) no-repeat; width:123px; height:38px; border:none; cursor:pointer;}

/* FORM */
#contactform {font-size:11px;}
.theinput {width:188px; height:28px; line-height:28px; border:solid 1px #CCC; margin-bottom:6px; padding:1px 0 0 3px; font-size:11px; color:#333; font-family:inherit;}
.thetextarea {width:280px; height:184px; border:solid 1px #CCC; margin-bottom:12px; padding:3px 0 0 3px; font-size:11px; color:#333; font-family:inherit; resize:none;}
.theinput_on {width:188px; height:28px; line-height:28px; border:solid 1px #999; margin-bottom:6px; padding:1px 0 0 3px; font-size:11px; color:#333; font-family:inherit; box-shadow: 0px 0px 2px #999; -webkit-box-shadow: 0px 0px 2px #999; -moz-box-shadow: 0px 0px 2px #999; outline:none;}
.thetextarea_on {width:280px; height:184px; border:solid 1px #999; margin-bottom:12px; padding:3px 0 0 3px; font-size:11px; color:#333; font-family:inherit; resize:none; box-shadow: 0px 0px 2px #999; -webkit-box-shadow: 0px 0px 2px #999; -moz-box-shadow: 0px 0px 2px #999; outline:none;}
#form_left {width:200px; float:left;}
#form_right {width:300px; float:right;}
.submit_btn {background:url(images/submit_btn.jpg) no-repeat; width:55px; height:23px; display:block; border:none; outline:none; float:right; margin-right:16px; cursor:pointer;}

.theinput3 {width:35px; height:16px; line-height:16px; margin-top:2px; border:solid 1px #CCC; padding:5px 0 0 3px; font-size:11px; color:#333; font-family:inherit;}
.theinput3_on {width:35px; height:16px; line-height:16px; border:solid 1px #999; margin-top:2px; padding:5px 0 0 3px; font-size:11px; color:#333; font-family:inherit; box-shadow: 0px 0px 2px #999; -webkit-box-shadow: 0px 0px 2px #999; -moz-box-shadow: 0px 0px 2px #999; outline:none;}

.thetextarea2 {width:373px; height:70px; border:solid 1px #CCC; margin-bottom:12px; padding:3px 0 0 3px; font-size:11px; color:#333; font-family:inherit; resize:none;}
.thetextarea2_on {width:373px; height:70px; border:solid 1px #999; margin-bottom:12px; padding:3px 0 0 3px; font-size:11px; color:#333; font-family:inherit; resize:none; box-shadow: 0px 0px 2px #999; -webkit-box-shadow: 0px 0px 2px #999; -moz-box-shadow: 0px 0px 2px #999; outline:none;}


.theinput2 {width:188px; height:28px; line-height:28px; margin-top:2px; border:solid 1px #CCC; padding:5px 0 0 3px; font-size:11px; color:#333; font-family:inherit;}
.theinput2_on {width:188px; height:28px; line-height:28px; border:solid 1px #999; margin-top:2px; padding:5px 0 0 3px; font-size:11px; color:#333; font-family:inherit; box-shadow: 0px 0px 2px #999; -webkit-box-shadow: 0px 0px 2px #999; -moz-box-shadow: 0px 0px 2px #999; outline:none;}

#regisztracio label, #megrendeles label {float:left; width:150px; height:25px; padding-top:5px;}

#hiba_200 {height:26px; padding-top:15px; padding-left:20px; position:relative; border:solid #9BC8DB 3px; background:#B5D5E2; font-weight:bold; margin-bottom:15px;}
#hiba_100 {height:26px; padding-top:15px; padding-left:20px; position:relative; border:solid #666 2px; background:#CCC; font-weight:bold; margin-bottom:15px;}

#kosar_sz {font-size:10px; color:#636363;}

#menu .facebook { color:#28C; }
#fbutt { color:#059; font-family:tahoma;font-size:11px;}