body { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: white; margin: 0; padding: 0; background: #A05432 url(img/fooldal_hatter.jpg) no-repeat; }

h1, h2, h3, h4 { margin: 0; color: #F6C394; }
h1 { font-size: 1.6em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }

form {
	margin: 0;
	padding: 0;
}

table.form { border-collapse: collapse; }
table.form td { padding: 2px; }
table.form h3 { margin: 12px 0; }

#errors { margin: 10px 0; }
#errors p { margin: 1px 0; color: #c29476; font-weight: bold; }
a { color: #F7C394; text-decoration: none; }
#loginBox input.in { width: 97px; height: 12px; padding: 2px; color: black; font-weight: bold; border: 0; background: url(img/input_field.jpg) no-repeat; font-size: 11px; }

input.i { border: 1px solid #3e3e3e; background: url(img/inputmezo_hatter.gif) repeat-x; height: 16px; line-height: 14px; padding: 2px; font-size: 14px; color: black; font-weight: bold; }
input.b { overflow: visible; display: inline; width: 107px; height: 31px; line-height: 31px; background: url(img/gomb_alap.png) no-repeat; text-align: center; font-size: 14px; color: white; border: 0; padding: 0; margin: 0; }

#container { width: 1000px; position: relative; float: left; }
#header { height: 230px; position: relative; }

#loginBox { position: absolute; right: 0; width: 185px; top: 144px; font-size: 11px; }
#loginBox #okbutton { display: block; width: 52px; height: 43px; background: url(img/ok_gomb.png) 0 0 no-repeat; }
#loginBox #okbutton:hover { background-position: 0 -43px; }
#loginBox #okbutton span { display: none;}
#loginBox .ll { float: left; width: 105px; height: 100px; text-align: center; }
#loginBox .lr { float: left; width: 52px; height: 100px; }

#faceBook { position: absolute; top: 15px; right: 170px; }
#faceBook img { border: 0; }

#basketContent { font-size: 11px; text-align: center; width: 220px; }
#basketContent .cart { display: block; height: 173px; width: 220px; }

#menu { margin: 0 0 18px 30px; padding: 0; width: 236px; list-style-type: none; }
#menu #linews { width: 138px; height: 65px; padding: 0; margin: 0; display: block; }
#menu #licontact { width: 171px; height: 65px; padding: 0; margin: 0; display: block; }
#menu li a { padding: 0; margin: 0; display: block; background: url(img/menupontok_uj.png) no-repeat; height: 65px; }
#menu li a span { display: none; }
#menu #linews a { background-position: 0px 0px; }
#menu #linews a:hover { background-position: 0px -65px; }
#menu #licontact a { background-position: -138px 0px; }
#menu #licontact a:hover { background-position: -138px -65px; }


#categories { width: 236px; margin-right: 4px; float: left; }

#categories .x1 { background: url(img/balmenu_top.png) 0 0 no-repeat; padding-top: 6px; }
#categories .x2 { background: url(img/balmenu_bottom.png) 0 100% no-repeat; padding-bottom: 13px; }
#categories .x3 { background: url(img/balmenu_bg.png) repeat-y; }

#categories .cat_ruhak { width: 236px; height: 64px; background: url(img/balmenu_fejlec_ruhak.png) 20px 0 no-repeat; }
#categories .cat_ruhak span { display: none; }

#categories .cat_cipok { width: 236px; height: 70px; background: url(img/balmenu_fejlec_cipok.png) no-repeat; }
#categories .cat_cipok span { display: none; }

#categories .cat_kiegeszitok { width: 236px; height: 86px; background: url(img/balmenu_fejlec_kiegeszitok.png) no-repeat; }
#categories .cat_kiegeszitok span { display: none; }

#categories .subMenuItem { width: 180px; padding-left: 25px; }

#categories .subMenuItem a { border-bottom: 1px solid #864E33; padding: 2px 10px; height: 14px; line-height: 14px; display: block; width: 155px; }
#categories .subMenuItem a.selected { color: black; font-weight: bold; background: url(img/selected.png) 50% 50% no-repeat; }

.terms { display: block; text-align: center; width: 200px; padding: 7px; }
.terms a { color: #F7C394; }

#content { float: left; width: 760px; }
#fbfanbox { padding-top: 230px; float: left; width: 260px; }
#ccontainer { width: 1260px; }

#newscontent { width: 754px; }
#newscontent .x2 { background: url(img/hirek_box_fejlec.png) 0 0 no-repeat; padding-top: 24px; }
#newscontent .x1 { background: url(img/hirek_box_lablec.png) 0 100% no-repeat; padding-bottom: 31px; }
#newscontent .x3 { background: url(img/hirek_box_bal.png) 0 0 repeat-y; padding-left: 11px; }
#newscontent .x4 { background: url(img/hirek_box_jobb.png) 100% 0 repeat-y; padding-right: 11px; }
#newscontent .inner { background: url(img/ismetlodos_hatter.jpg); }
#newscontent .newsitem { padding: 10px 0; }

#newscontent #newstitle { width: 92px; height: 43px; background: url(img/hirek.png) no-repeat; }
#newscontent #newstitle span { display: none; }

.item { position: relative; float: left; height: 296px; width: 215px; background: url(img/lista_box.png) no-repeat; overflow: hidden; padding: 14px 16px; }

.pager {
	width: 741px;
	height: 59px;
	background: url(img/lista_fejlec-lablec.png) no-repeat;
	padding: 12px;
	position: relative;
	overflow: hidden;
	text-align: center;
}

.activenumber, .number { display: block; float: left; padding: 0 6px; }

.dots { float: left; display: block; width: 37px; height: 32px; background: url(img/lapozo_szamok.png) 0px -2px no-repeat; }
.dots span { display: none; }

.num_0 { float: left; display: block; width: 24px; height: 32px; background: url(img/lapozo_szamok.png) -79px -2px no-repeat; }
a:hover .num_0, a.activenumber .num_0 { background-position: -79px -32px; }
.num_0 span { display: none; }

.num_1 { float: left; display: block; width: 24px; height: 32px; background: url(img/lapozo_szamok.png) -114px -2px no-repeat; }
a:hover .num_1, a.activenumber .num_1 { background-position: -114px -32px; }
.num_1 span { display: none; }

.num_2 { float: left; display: block; width: 24px; height: 32px; background: url(img/lapozo_szamok.png) -149px -2px no-repeat; }
a:hover .num_2, a.activenumber .num_2 { background-position: -149px -32px; }
.num_2 span { display: none; }

.num_3 { float: left; display: block; width: 24px; height: 32px; background: url(img/lapozo_szamok.png) -185px -2px no-repeat; }
a:hover .num_3, a.activenumber .num_3 { background-position: -185px -32px; }
.num_3 span { display: none; }

.num_4 { float: left; display: block; width: 24px; height: 32px; background: url(img/lapozo_szamok.png) -222px -2px no-repeat; }
a:hover .num_4, a.activenumber .num_4 { background-position: -222px -32px; }
.num_4 span { display: none; }

.num_5 { float: left; display: block; width: 24px; height: 32px; background: url(img/lapozo_szamok.png) -258px -2px no-repeat; }
a:hover .num_5, a.activenumber .num_5 { background-position: -258px -32px; }
.num_5 span { display: none; }

.num_6 { float: left; display: block; width: 24px; height: 32px; background: url(img/lapozo_szamok.png) -295px -2px no-repeat; }
a:hover .num_6, a.activenumber .num_6 { background-position: -295px -32px; }
.num_6 span { display: none; }

.num_7 { float: left; display: block; width: 24px; height: 32px; background: url(img/lapozo_szamok.png) -330px -2px no-repeat; }
a:hover .num_7, a.activenumber .num_7 { background-position: -330px -32px; }
.num_7 span { display: none; }

.num_8 { float: left; display: block; width: 24px; height: 32px; background: url(img/lapozo_szamok.png) -367px -2px no-repeat; }
a:hover .num_8, a.activenumber .num_8 { background-position: -367px -32px; }
.num_8 span { display: none; }

.num_9 { float: left; display: block; width: 24px; height: 32px; background: url(img/lapozo_szamok.png) -403px -2px no-repeat; }
a:hover .num_9, a.activenumber .num_9 { background-position: -403px -32px; }
.num_9 span { display: none; }

.item .szamlalo { position: absolute; bottom: 0; right: 0; }

.itemImage {
	width: 118px;
	height: 190px;
	float: left;
	margin-right: 3px;
	position: relative;
}

.itemImage .imageImage { width: 118px; height: 158px; overflow: hidden; }

.itemImage .imageLayer { position: absolute; top: 0; left: 0; }

.itemText {
	float: left;
	width: 94px;
	height: 190px;
	position: relative;
}

.tocart {
	width: 83px;
	height: 74px;
	position: absolute;
	bottom: 0;
	left: 8px;
}

.tocart .tocarta { display: block; width: 83px; height: 74px; background: url(img/kosarba.png) no-repeat; }
.tocart .tocarta:hover { display: block; width: 83px; height: 74px; background: url(img/kosarba.png) 0 -74px no-repeat; }
.tocart .tocarts { display: block; width: 83px; height: 74px; background: url(img/kosarba.png) 0 -148px no-repeat; }
.tocart .tocarta span, .tocart .tocarts span { display: none; }

.clr { clear: both; }