/*HOMEFINEART css*/

body{color:#fff; background:#723F2F; font-family: Arial, Helvetica, sans-serif;}

img {border:none;}
img.kiskocka {height:8px; margin:0px 10px 0 10px;}

#pozitor {position:absolute; top:50%; width:100%; height:1px; overflow:visible; background:red;}

/*#all {position: absolute; left:50%; margin:-345px 0 0 -485px; width:970px; height:650px; background:purple;}*/
#all {margin:0px auto 0px auto; width:970px; /*height:650px;*/ background:#111;}

#fejlec {width:770px; height:/*180px*/135px; float:left; background:#111; padding-top:8px;}
#fejlec ul {margin:2px 0 0 0; padding:0;}
#fejlec ul li {display:block; float:left; width:600px;  padding:0 0 0 10px; list-style-type:none; font-size:12px; font-weight:bold;}
#fejlec ul li.nyelv { width:150px; text-align:right; padding:0;}
#fejlec ul li a {color:#fff; text-decoration:none;}
#fejlec ul li a:hover {text-decoration:underline;}
#fejlec ul li span {color:#FA9F33;}

#bal{width:200px; /*height:630px;*/ float:left; background:#111;}
#bal #logo {
margin:15px 0 0 20px;
padding:0;
width:160px;
height:160px;
background:#111 url("../pic/logo.jpg") no-repeat;
}
#bal #logo a {display:block; margin:0px 0 0 0px; width:160px; height:100px; background:transparent; border:none;}
#bal #logo ul {margin:28px 0 0 0; padding:0;}
#bal #logo ul li {list-style:none; text-align:center; width:160px; font-size:14px; color:#FA9F33; font-weight:bold;}

#menu {width:160px; height:160px; margin:0px 0 0 20px; background:#111; clear:both; font-size:16px;}

#menu ul {margin:0px 0 5px 0; padding:0px 0 0 0px/*100px*/; background:transparent;}
#menu ul li {width:150px height: 17px; margin:2px 0 2px 0px; padding:0 0 0 10px; list-style-type:none; background:url('../pic/li_bg.gif') no-repeat 0px -15px; }
#menu ul li.ittvagyok {background:url('../pic/li_bg.gif') no-repeat 0px 2px; color:#FA9F33; font-weight:bold; padding:2px 0 0 20px; font-size:14px;} 
#menu ul li a {display:block; width:140px; padding:2px 0 0px 10px; text-decoration:none; font-size:14px; font-weight:bold; background-color:transparent; }
#menu ul li a:link {color:#fff;}
#menu ul li a:visited {color:#fff;}
#menu ul li a:hover {color:#FA9F33; font-weight:bold; text-decoration:none;}
#menu ul li a:active {color:#4268AB;}

#login {width:200px; height:100px; margin:0px 0 0 0px; padding-left:0px; border-top:8px solid #FA9F33; background:#fff; clear:both;}
#login h1 {font-size:14px; font-weight:bold; width:150px; text-align:left; color:#FA9F33; height:20px; margin:0; padding-top:5px; padding-left:22px; /*background:blue;*/}
#login ul {margin:0 0 5px 0; padding:0px 0 0 0px/*100px*/; background:transparent;}
#login ul li {width:150px height:17px; margin:0px 0 2px 0px; padding:0 0 0 22px; list-style-type:none; color:#FA9F33; font-size:12px;}
#login ul li.link {margin:5px 0 2px 0px; padding:0 0 0 32px; background:url('../pic/li_bg2.gif') no-repeat 22px 6px; }

#login #bevitelimezok {float:left; width:155px; background:transparent; margin:0; padding-top:2px;}
#login #gomb {float:left; width:40px; height:55px; background:transparent; margin:0; }

#login form.labeledinput label {
	display:block;
	font-size:9px;
	width:52px;
	float:left;
	padding-right:5px;
	text-align:right;
	color:#FA9F33;
}

#login form.labeledinput input {
	/*display:block;*/
	/*width:20px;*/
	margin-bottom:5px;
	/*float:left;*/
	border:1px #666 solid;
	font-size:10px;
	background-color:#eee;
}

#login form.labeledinput input.text {width:65px;}

#login form.labeledinput input.img_gomb {
	background:#FA9F33; width:37px; font-weight:bold; font-size:11px; color:#fff; border:none; margin-top:0px;
}

#login ul.linkek {margin:0; padding:0;}
#login ul.linkek li {display:block; float:left; /*width:50px;*/  padding:4px 0 0 10px; list-style-type:none; font-size:9px; font-weight:bold; text-align:center;}
#login ul.linkek li.kocka {width:6px;}
#login ul.linkek li.tavtarto {width:3px; background:transparent;}

#login a {color:#FA9F33; font-weight:bold; text-decoration:none;}
#login a:hover {text-decoration:underline;}

#kosar {width:200px; height:140px; background:#FA9F33; margin:0;}
#kosar h1 {font-size:14px; font-weight:bold; width:150px; text-align:left; color:#000; height:20px; margin:0; padding-top:5px; padding-left:22px; /*background:blue;*/}
#kosar #szaggatott {width:175px; height:2px; border-top:2px dotted #000; margin-left:20px; background:transparent; font-size:1px;}
#kosar ul {margin:0 0 5px 0; padding:0px 0 0 0px/*100px*/; background:transparent;}
#kosar ul li {width:150px display:block; height:17px; margin:0px 0 2px 0px; padding:0 0 0 22px; list-style-type:none; color:#000; font-size:12px;}
#kosar ul li.link {margin:10px 0 2px 0px; padding:0px 0 0 22px;}
#kosar a {color:#000; text-decoration:none; font-weight:bold; font-size:12px;}
#kosar a:hover {text-decoration:underline;}

#tartalom{width:600px; height:442px; float:left; background:#FA9F33;}
#statusz {width:600px; height:22px; margin:0; background:#FA9F33;}
#statusz ul {margin:0; padding:0;}
#statusz ul li {display:block; float:left; /*width:80px;*/ padding:4px 10px 0 10px; list-style-type:none; font-size:12px; font-weight:bold; text-align:center;}
#statusz ul li.ittvagyok {color:#000;}
#statusz ul li.kocka {width:6px;}
#statusz ul li a {color:#fff; text-decoration:none;}
#statusz ul li a:hover {text-decoration:underline;}
#statusz ul li span {color:#FA9F33;}
#statusz marquee{font-size:12px; font-weight:bold; margin:2px 0 0 10px; width:580px;}

#tartalom #textlayer {
	position:relative; width:566px; height:400px; z-index:auto; overflow: auto; visibility: visible; padding:8px 7px 0 7px; margin:0px 0 0px 10px;
	border: 1px none #dddddd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 18px;
	text-align: left;
	background:#fff;
	SCROLLBAR-FACE-COLOR: #000; /*#FA9F33; /*#c5224B;*/
	SCROLLBAR-HIGHLIGHT-COLOR: #ddd;
	SCROLLBAR-SHADOW-COLOR: #ddd;
	SCROLLBAR-ARROW-COLOR: #fff;
	SCROLLBAR-TRACK-COLOR: #ddd;
	SCROLLBAR-BASE-COLOR: #FA9F33;
	scrollbar-darkshadow-color: #000;
	scrollbar-3dlight-color: #fff;
}

#tartalom #textlayer h1{font-size:16px; color:#FA9F33; margin:5px 0 5px 5px;}
#tartalom #textlayer h2{font-size:13px; color:#FA9F33; margin:5px 0 5px 0px; padding:0;}

#tartalom #textlayer p.product_leiras {font-size:12px; color:#000; margin:2px 0 0 10px;}
#tartalom #textlayer p.szallitas {font-size:12px; color:#000; margin:10px 0 0 10px;}

#tartalom #textlayer #felsorol_float {float:left; padding-top:20px; width:250px;}
#tartalom #textlayer #terkepnek {float:left; padding-top:40px;}
#tartalom #textlayer #felsorol_float a {color:#FA9F33; text-decoration:none; font-weight:bold;}
#tartalom #textlayer #felsorol_float a:hover {text-decoration:underline;}

#tartalom img.index_dekor {margin:10px 0 0 60px; /*border:1px solid #000;*/}
#tartalom img.product_dekor {}
#tartalom img.erdekesseg {float:left; border:5px solid #fff;}

#tartalom p.leiras {
margin:10px 0px 0 65px;
width:440px;
padding:0;
color:#666;
line-height:180%;
font-weight:bold;
text-align:justify;
}

#tartalom #textlayer #hasznalati_tavtarto {height:500px; width:135px; float:left; margin:0; padding:0;}
#tartalom #textlayer p.product_hasznalat  {font-size:12px; color:#000; margin:2px 0 0 10px; height:155px;}

/*A másik stilus.ccs-be átrakandó!!!*/
#tartalom #textlayer #product_felsorol
{float:left; width:129px; border:1px solid #ccc; background:transparent; margin-left:5px; padding:0;}
#tartalom #textlayer #product_felsorol h2{text-align:center; width:110px; font-size: 12px; font-weight:bold;}
#tartalom #textlayer #product_felsorol ul{ margin:0; padding:0; }
#tartalom #textlayer #product_felsorol ul li{list-style-type:none; margin-left:0px; padding:0; font-size:10px; line-height:140%; border-bottom: 1px solid #ccc;}


#tartalom #szeparator {width:400px; height:5px; /*float:left;*/ margin:0; padding:0; background:black;}

#tartalom hr {width:550px; color:#FA9F33; height:1px; float:left;}

#tartalom #termekfoto {width:170px; background:transparent;  float:left; text-align:right;}
#tartalom #termekfoto p{margin:5px 10px 0 0;}
#tartalom #termekfoto p img{margin:0 3px 0 0;}

#tartalom #textlayer #termekfoto p a {margin:0; color:#000; padding:5px 0px 5px 30px; background:#fff url('../pic/nagyito.gif') no-repeat; text-decoration:none; }
#tartalom #textlayer #termekfoto p a:hover {color:#FA9F33;}

#tartalom #termekleiras {width:350px; background:transparent; float:left;}
#tartalom #termekleiras h1 {margin:5px 0 5px 0; color:#111; font-size:14px; font-weight:bold;}
#tartalom #termekleiras h2 {margin:5px 0 5px 0; color:#111; font-size:12px; font-weight:bold;}
#tartalom #termekleiras ul {margin:0; padding:0 0 0 25px;}
#tartalom #termekleiras ul li { margin:0px 0 0px 0px;  font-size:12px;}
#tartalom #termekleiras ul li.ar {list-style-type:none; font-size:14px; font-weight:bold; margin-top:10px;}
#tartalom #termekleiras ul li.bevitelimezo {list-style-type:none;  font-weight:bold; margin-top:2px;}

#tartalom #termekleiras #input_mezo {float:left; width:80px; height:26px; background:transparent;}
#tartalom #termekleiras #input_gomb {float:left; width:100px; height:26px; padding-top:3px;}
#tartalom #termekleiras #input_mezo span {margin-top:5px;}
#tartalom #termekleiras input {border:none;}
#tartalom #termekleiras input.mezo {background:#ddd; width:50px; margin-top:3px;}
#tartalom #termekleiras input.img_gomb {}



#tartalom #termekleiras table {}


#tartalom form.labeledinput label {
	display:block;
	width:100px;
	float:left;
	padding-right:10px;
	text-align:right;
	color:#000;
}
#tartalom form.labeledinput label.reg {width:130px;}


#tartalom form.labeledinput input.submit {
	background:#FA9F33; font-weight:bold; font-size:11px; color:#fff; width:240px;
}

#tartalom form.labeledinput input {
	/*display:block;*/
	width:100px;
	margin-bottom:5px;
	/*float:left;*/
	border:1px #666 solid;
	font-size:11px;
	background-color:#eee;
}

/*----------------Regisztracio----------------*/
#reg_privat {float:left; width:260px; height:250px;}
#reg_transport {float:left; width:260px; height:250px;}
#tartalom #reg_privat h2.reg { margin-left: 10px; color:red; font-size:14px;}
#tartalom #reg_transport h2.reg { margin-left: 10px; color:red; font-size:14px;}




/*Kosarral kapcsolatos*/
table.kosaram {
width:555px;
}
table.kosaram td {text-align:center;}
table.kosaram td.szumma {text-align:right; font-weight:bold;}
table.kosaram td.ures {text-align:center; font-weight:bold; color:#FA9F33;}
table.kosaram td.elvalaszt {background:#000;}

form.labeledinput_order2 input.darabsz {width:20px; text-align:right; background:#ddd; font-size:10px; border:none; height:12px;}
form.labeledinput_order2 input.vissza {width:150px; background:#fff; height:20px; color:#000; font-size:11px; font-weight:bold;}
form.labeledinput_order2 input.friss {width:70px; margin-left:20px; background:#FA9F33; height:20px; color:#fff; font-size:11px; font-weight:bold;}
form.labeledinput_order2 input.tovabb {width:120px; margin-left:190px; background:red; height:20px; color:#fff; font-size:11px; font-weight:bold;}

#textlayer #v_adatok {width:350px; float:left; background:#fff; }
#textlayer #v_megj {width:200px; float:left; background:#fff; }
#textlayer #v_megj h1.megj {font-size:12px;}

#jobb{width:170px; height:442px; float:left; background:#111;}
#jobb h2 {margin:4px 0 0 10px; font-size:18px; color:#fff; font-weight:bold;}
#jobb p {margin:5px 0 0 10px; width:155px; font-size:11px; color:#fff; line-height:145%; }
#jobb p strong {color:#FA9F33;}

#jobb #bannerek {width:170px; margin:10px 0 15px 0; text-align:center;}
#jobb #szaggatott {width:150px; height:5px; border-top:2px dotted #fff; margin-left:10px; background:transparent; font-size:2px;}

#jobb a {color:#FA9F33; text-decoration:none; font-weight:bold; font-size:10px;}
#jobb a:hover {text-decoration:underline;}


#lablec{/*display:block;*/ float:left; width:965px; height:16px; background:#111; text-align:left; font-size:10px; margin:0; padding:2px 0px 2px 5px;}
#lablec span { margin:0 700px 0 20px; padding:0;}