html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
  background-color: #F3EBCF;
  background-image: url(../images/bg.jpg);
  background-repeat: repeat-y;
  background-position: center 0;
}
* {
margin: 0;
padding: 0; /* mindent kinullazunk */
font-family: Arial, Helvetica, sans-serif; /* beallitjuk az oldalon a font keszletet */
font-size: 12px; /* a kulon nem meghatarozott fontok merete */
}

h1 {
font-size: 18px;
color: #4c200b;
}

.generalColumnBox h1 {
font-size: 15px;
}


h2 {
font-size: 14px;
margin-bottom: 2px;
}

h3 {
font-size: 12px;
}


ul, li {
list-style-type: none;
}

a {
text-decoration: none;
font-weight:bold;
color:#e17802;
}

a:hover {
color: #4c200b;
}

a.iconBullet {
display: inline;
background-repeat: no-repeat;
padding: 0 0 0 18px;

}

a.toCart {
background-image:url(../images/cart.gif);
}

a.productDetails {
background-image:url(../images/details.gif);
}

a.productDetails {
}

/* cikkeket es termekeket elvalaszto hr */
hr {
clear:both;
height:1px;
border:0;
border-bottom:1px #E0D7B8 solid; /* itt kell megadni a vonal szinet */
color:#522504;
margin: 0 0 8px 0;
padding: 10px 0 0 0;
}

input, select, textarea {
padding: 2px;
border: 1px solid black;
}

input.submitButton {
cursor:pointer;
background-color: #e0e0e0;
margin-top: 5px;
}

input.submitButton:hover {
background-color: #fff;
}

input.radio {
border: none;}

/* OK gomb adatai */
input.buttonOK {
width: 30px !important;
}

.error {
color: red;
font-weight:bold;
}

/* az egesz befoglalo div */
#wholeStuff {
width: 770px;
margin: 0 auto 0 auto;

}

/* header - teljes oldalt felul vegigero sav */
#header {
width: 770px;
height: 141px;
background-image:url(../images/header.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}

/* leftColumn - bal oszlop */
#leftColumn {
width: 150px;
float: left;
/*background-color: #ecbe8f; */
}

/* mainColumn - kozepso oszlop */
#mainColumn {
width: 620px;
float: left;
background-color: #f6f0db;
}


/* a dobozok megegyezo tulajdonasagai */
div.generalBox {
padding: 5px 10px 10px 10px;
}

/* az oszlopokban levu dobozok megegyezo tulajdonasagai */
div.generalColumnBox {
background-image:url(../images/columnbox.gif);
}

/* az oszlopokban levu dobozok h1 fejlecenek megegyezo tulajdonasagai */
div.generalColumnBox h1{
margin-bottom:5px;
padding: 0 0 0 28px;
background-image:url(../images/tappancs.gif);
background-repeat: no-repeat;
background-position: 0 1px;
}

/* a kozepso oszlopban levu dobozok h1 fejlecenek megegyezo tulajdonasagai */
div.mainColumnBox h1{
margin: 10px 0;
padding: 0 0 0 28px;
background-image:url(../images/tappancs.gif);
background-repeat: no-repeat;
background-position: 0 1px;
clear: both;
}

/* a kozepso oszlopban levu dobozok h2 fejlecenek megegyezo tulajdonasagai */
div.mainColumnBox h2 a{
font-size: 14px;
}

div.generalColumnBox form input{
width: 100px;
}

div.generalColumnBox form select{
width: 100px;
}

/* az oszlopok megegyezo tulajdonasagai */
div.generalColumn {

}

/* szelso oszlopban levo lista alapu menu elemei */
div.columnMenu {
}

.columnMenu ul li ul li{
margin-left: 10px; /* a lista menu masodik kategoria szint ennyivel beljebb */
}

.columnMenu ul li ul li a{
font-size: 11px; /* masodik kategoria szint fontmerete */
color: #be6e00; /* masodik kategoria szint link szine */
}

.columnMenu ul li ul li a:hover{
color: black; /* masodik kategoria szint link hover szine */
}

.columnMenu ul li ul li ul li a{
font-size: 10px; /* harmadik kategoria szint fontmerete */
color: #666; /* harmadik kategoria szint link szine */
font-weight: normal;
}

.columnMenu ul li ul li ul li a:hover{
font-size: 10px; /* harmadik kategoria szint fontmerete */
color: #000; /* harmadik kategoria szint link hover szine */
font-weight: normal;
}

/* vizszintes menu adatai */

.horizontalMenu {
padding: 5px;
background-color: #000; /* vizszintes menu blokk hatterszine */
off background-image;
}

.horizontalMenu ul li {
display:inline;
margin-left: 5px; /* vizszintes menu linkjeinek egymastol valo tavolsaga */
}

.horizontalMenu ul li a{
color: #ddd; /* vizszintes menu linkjeinek szine */
}

.horizontalMenu ul li a:hover{
color: #fff; /* vizszintes menu linkjeinek hover szine */
}

/* a szelso oszlopban levo thumbnail kep */
a.thumbnailColumn {
display:block;
text-align: center;
/* background-color: #f3eccf; */
/*
width: 130px;
height: 130px;
margin: 2px 0;
*/
width: 110px; /* a height es width az oszlop szelessegetol 20px-el kevesebb, az img legnagyobb meretnel 20px-el nagyobb */
margin: 0; /* kis margo hogy ne tapadjanak a feliratok */
padding: 0 !important;
}

a.thumbnailColumn:hover {
/* background-color:#f4e8b5; */
}

a.thumbnailColumn img{
margin-top: 0 !important;
border: 1px solid black; /* a dian beluli kep kerete */
}

a.thumbnailColumn:hover img{
border: 1px solid white; /* a dian beluli kep kerete hover eseten*/
}

/* cikk vagy termeklista thumbnail */
a.thumbnailList {
float:left;
margin: 0 5px 0 0;
}

h1.productColumnName {
margin-top: 10px; /* a diak tavolsaga */
}

h1.productColumnName a{
font-size: 14px; /* a termek nevenek font merete */
}

/* lista jellegu boxok a szelso oszlopokban pl. TOP10 */
.listBox {
}

.listBox ol li{
list-style-type:decimal;
margin: 0 0 0 20px;
}

p.partnerName {
margin: 0 0 10px 0;
}

/* lapozo */

div.pager {
padding: 10px;
}

div.pager ul li{
display:block;
float:left;
width: 30px;
}

div.pager ul li a{
display: block;
text-align:center;
width: 25px;
height: 20px; /* a height es a fuggoleges padding osszege = a width-el ha negyzetet akarunk */
padding: 5px 0 0 0;
border: 1px solid #999;
background-color:white;
}

div.pager ul li a:hover{
background-color:#eee; /* lapozo elemek hatterszine hoverkor - bg kep is lehet */
}

div.pager ul li.actualPage { /* aktualis oldal li eleme, nem kattinthato */
display: block;
text-align:center;
width: 25px;
height: 20px; /* a height es a fuggoleges padding osszege = a width-el ha negyzetet akarunk */
padding: 5px 0 0 0;
border: 1px solid #000;
background-color: #000;
color: white;
margin: 0 3px 0 0;
}

.clearfix:after { /* div.clearing helyett */
content: ".";
display: block;
height: 0;
_height: 1%;
clear: both;
visibility: hidden;
}

p.categoryLeader { /* cikk es termekkategoria ROVAT bevezeto */
background-color: #492503;
padding: 10px;
color: #fff;
margin: 0 0 10px 0;
}

p.cartLeader { /* kosar bevezeto */
background-color: #492503;
padding: 10px;
color: #fff;
margin: 0 0 10px 0;
}

.breadCrumb {
padding: 5px;
background-color:#492503;
margin-top: 3px;
}

.breadCrumb a{
color: #fff;
font-size: 10px;
font-weight: bold;
}

.breadCrumb a:hover{
color:#fc0;
}

ul.productDetailsPage { /* reszletes termekoldal ar és kosar link lista */
margin: 10px 0;
}

ul.productDetailsPage li.price { /* reszletes termekoldal ar */
padding: 5px 0;
color: #red;
font-size: 14px;
font-weight:bold;
width:100px;
}

p.productShortDesc { /* termek rovidleiras */
}

p.productLongDesc { /* termek hosszuleiras */
}

p.newsShortDesc { /* cikk rovid leiras */
font-weight: bold;
}

p.newsLongDesc { /* cikk hosszu leiras */
}

div.productShortDesc { /* termek rovidleiras */
}

div.productLongDesc { /* termek hosszuleiras */
}

div.newsShortDesc { /* cikk rovid leiras */
font-weight: bold;
}

div.newsLongDesc { /* cikk hosszu leiras */
}

ul.productDetailsPage li.toCartProductDetailsPage a{ /* reszletes termekoldal kosarba linkje*/
display: block;
width:60px;
padding: 5px 10px 5px 20px;
font-size: 14px;
font-weight:bold;
background-image:url(../images/cart.gif);
background-repeat: no-repeat;
background-position: 5% 50%;
background-color: #eee;
border: 1px solid #aaa;
}

ul.productDetailsPage li.toCartProductDetailsPage a:hover{ /* reszletes termekoldal kosarba linkje*/
background-color: #fff;
border: 1px solid #000;
color: black;
}


div.mediumProductPic { /* reszletes termekoldal kep */
float:left;
margin-right: 10px;
}

div.mediumNewsPic { /* reszletes termekoldal kep */
float:right;
margin-left: 10px;
}

ul.attachments { /* kapcsolodo elemek altalanos tulajdonsagai */
}

ul.attachments li{
margin: 1px 0;
padding: 0 0 0 15px;
background-repeat: no-repeat;
background-position:0 50%;
}

ul.attachedNews li{
background-image:url(../images/li-news.gif);
}

ul.attachedFiles li{
background-image:url(../images/li-files.gif);
}

ul.attachedProducts li{
background-image:url(../images/li-product.gif);
}

ul.attachedLinks li{
background-image:url(../images/li-links.gif);
}

div.attachedGallery { /* kapcsolodo galeriak tulajdonsagai */
}

div.attachedGallery h3 { /* kapcsolodo galeriak címei */
margin: 10px 0 0 0;
}

div.attachedGallery p { /* kapcsolodo galeriak rövid bevezetoi */
margin: 5px 0;
}

div.attachedGallery a {
display:block;
width: 130px; /* a height es width az oszlop szelessegetol 20px-el kevesebb, az img legnagyobb meretnel 20px-el nagyobb */
height: 130px;
text-align: center;
background-color: #eee; /* a dia hatterszine, ide lehet hatterkepet is tenni */
margin: 2px 0; /* kis margo hogy ne tapadjanak a feliratok */
float: left;
margin: 0 10px 15px 0;
border: 1px solid #ccc;
}

div.attachedGallery a:hover {
background-color: #fff;
}

div.attachedGallery a img{
border: 1px solid black;
}

/* vendégkönyv és hozzászólások */
div#messageFormBox {
}
#messageFormBox .swinging {
	display: none; /* Js jeleníti meg, elrejtjük. */
}
#messageFormBox label {
	margin: 10px 0 0 0;
	display: block;
}
#messageFormBox textarea {
	width: 440px;
	height: 100px;
}
div.tImage img {
	border: 1px solid #777;
	margin: 5px 0;
}

/* forum */
table.forumThemeList {
width: 450px;
}

table.forumThemeList, table.forumThemeList tr td { /* a tablazat racshalozata*/
border: 1px solid #999;
border-collapse: collapse;
}

table.forumThemeList tr th {
background-color: #666;
color: #fff;
font-weight: bold;
}

table.forumThemeList tr th, table.forumThemeList tr td { /* a td-k es a th kozos tulajdonsagai */
padding: 2px 5px;
}

table.forumThemeList tr td{ /* a tema lista mindenmásodik sora kicsit mas hatterszinu */
background-color: #e6e6e6;
}

table.forumThemeList tr.secondRow td{ /* a tema lista mindenmásodik sora kicsit mas hatterszinu */
background-color: #eee;
}

span.date,
span.dateTime { /* a tema lista datum */
font-size: 9px;
}

ul.plusMinus {  /* a kosarban a termek melletti plussz minusz gombok */
float: left;
}

ul.plusMinus li{
padding: 5px 0;
}

ul.plusMinus li a:hover {
background-color: #fff;
}

a.cartButton { /* a kosarban levo gombok altalanos adatai */
display:block;
float: left;
padding: 2px 5px;
margin-right: 5px;
border: 1px solid black;
background-color: #eee;
}


a.cartButton:hover {
background-color: #fff;
}

/* a kosarban levo gombokat itt lehet egyenkent allitani */

a.cartButtonPlus {
}


a.cartButtonMinus {
}

a.emptyCart {
}

input.cartButtonLeft {
float: left;
}

input.cartButtonRight {
float: right;
color: red;
font-weight: bold;
}

li.totalPrice {
clear: both;
font-size: 14px;
font-weight: bold;
padding: 5px 0;
}

p.totalFullPrice { /* a kosarban a teljes ar kiirasa*/
font-size: 16px;
background-color:#444;
color: #fff;
padding: 5px;
margin: 5px 0;
}

p.totalFullPrice strong{
font-size: 16px;
}

div.regForm { /* a regisztracios oldal */
}

div.regForm fieldset {
padding: 0 10px 10px 10px; /* a top ertek 0, mivel a labelnak van felso margoja */
margin: 10px 0;
border: 1px solid #333;
}

div.regForm fieldset legend{
font-size: 14px;
font-weight: bold;
}

div.regForm label {
display: block;
margin: 5px 0 0 0;
}

div.linkListPage { /* linkes lista oldal */
}

div.linkListPage ul{
}

div.linkListPage ul li{
font-size: 14px;
margin: 2px 0 2px 10px;
font-weight: bold;
}

div.linkListPage ul li ul{
margin: 0 0 10px 0;
}

div.linkListPage ul li ul li{
font-weight: normal;
}

div.linkListPage ul li a{
background-image: url(../images/li-links.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding-left: 15px;
}

div.linkListPage ul li.linkCategory a{
background-image: url(../images/li-category.gif);
}

div.linkListPage ul li.back a{
background-image: url(../images/li-category.gif);
}

.blockLabel {
display:block;
}


/* sitemap - lista elemei */
/* a kepes termeklista adatai */
div.productListBox {
height: 210px;
margin-right: 20px;
_margin-right: 18px;
off background: red;
}

div.productListBox, div.productListBox ul {
width: 130px;
float: left;
}

div.productListBox a {
}

/* újság adatai */
#rightWideColumn {
margin-left: 10px;
margin-right: 10px;
}

#rightWideColumn h1 {
text-align: left;
border-bottom: 1px solid black;
margin: 10px 0;
clear: both;

}

#issueList {
width: 450px;

}

#issueList img {
border: none;
margin: 5px;
}

#issueList a {
margin:2px;
float: left;
display: block;
width: 145px;
height: 200px;
text-align: center;
background: #c2c2c2;
}

#issueList a:hover {
background: #f9f9f9;
}

#issueContent {
margin: 5px;
}


/* Fórum */

#forumtemak {
 width: 426px;
 margin: 10px 0 20px 7px;
 padding: 0;
 border: 0;
 background: #F2F2F2;
}

#forumtemak td {
 border-bottom: 1px solid #8B8B8B;
 padding: 1px 4px 1px 4px;
}

#forumtemak tr.cim {
 background: #D8D8D8;
 font-weight: bold;
}

#forumtemak tr.lab {
 height: 20px;
 background: #a36c6b;
}

#forumtemak td.lab {
 border: 0;
}

#forumtemak tr.valto {
 background: #E9E9E9;
}

#forumtemak td.td1 {
 padding-top: 2px;
 padding-bottom: 2px;
 width: 232px;
}
#forumtemak td.td2 {
 width: 152px;
}
#forumtemak td.td3 {
 width: 18px;
 text-align: right;
}

#forumtemak span {
 color: #090;
 font-weight: bold;
}

#forumtemak img {
 width: 9px;
 height: 7px;
 padding-left: 5px;
 border: 0;
}



#orderMenu {
 padding: 0 8px 12px 8px;
}

div.firstMSG {
 padding: 3px 8px 12px 8px;
}




/* Új hozzászólás */

#forumNewText {
 padding: 3px 8px 12px 8px;
}

#forumNewText textarea {
 width: 420px;
 height: 100px;
 margin: 3px 0 10px 0;
}

#forumNewText input.mentorTitle {
 width: 420px;
 margin: 3px 0 10px 0;
}


/* Új téma */

#forumNewTopic {
 padding: 3px 8px 12px 8px;
}

#forumNewTopic input {
 width: 420px;
 margin: 3px 0 10px 0;
}

#forumNewTopic input.button {
 width: 70px;
 margin: 0 0 10px 0;
}

#forumNewTopic textarea {
 width: 420px;
 height: 100px;
 margin: 3px 0 10px 0;
}




#forum {
 width: 426px;
 margin: 0 0 10px 7px;
 padding: 0;
 border: 0;
}

#forum table {
 margin: 0 0 15px 0;
 background: #F2F2F2;
}

#forum td {
 border-bottom: 1px solid #CBCACA;
 padding: 1px 4px 1px 4px;
}

#forum td.bal {
 width: 366px;
 font-weight: normal;
 background: #E9E9E9;
}
#forum td.jobb {
 text-align: right;
 background: #E9E9E9;
}

#forum td.szoveg {
 padding: 8px 4px 8px 4px;
}

#forum td.szoveg_rc {
 padding: 8px 4px 8px 4px;
 color: #000;
 background-color: #FDF7EE;
}

#forum div.antecedent {
 width: 410px;
 margin: 10px 0 0 1px;
 padding: 4px 2px 4px 2px;
 background-color: #E9E9E9;
 border: 1px solid #CBCACA;
 font-style: italic;
 color: #595959;
}

#forum div.antecedent_rc {
 width: 410px;
 margin: 10px 0 0 1px;
 padding: 4px 2px 4px 2px;
 background-color: #E9E9E9;
 border: 1px solid #CBCACA;
 font-style: italic;
 color: #595959;
}

/* voteBox */

.voteBox .voteItem {
 width: 137px;
 clear: both;
}

.voteBox .question {
 margin-bottom: 10px;
}

.voteBox fieldset {
 margin-bottom: 10px;
}

.voteBox .radio {
 width: 18px;
 height: 18px;
 float: left;
}

.voteBox label {
 width: 110px;
 margin: 0;
 padding-left: 5px;
 float: left;
}

/* voteBox end*/

.binding{
color: red;
}

.languagePopup{}

.languagePopup img{
border: none;
}

.onlyPrint, .hide {
	display: none;
}
.notPrint {
}

@media print {
	@page {
		size: 21cm 29.7cm;
	}
	.horizontalMenu, .upperMenu, .mainMenu, .eMail,
	#leftColumn, #rightColumn, #breadCrumb, #footer {
		/* A headert nem távolítjuk el. Tartalmazza az oldal címét. */
		display: none;
	}

	html, body, #wholeStuff, #mainColumn,
	#header, #header h1, #header h1 a {
		/* Azért importan, hogy több elemnél is biztosan használható legyen. */
		text-align: left;
		margin: 0 auto;
		border: none !important;
		width: auto !important;
		height: auto !important;
		display: block !important;
		position: static !important;
		text-indent: 0 !important;
		color: black !important;
		background: white none !important;
	}
	html, body {
		text-align: center;
	}
	#header, #header h1, #header h1 a {
		font: bold 24pt Garamound, Times;
	}
	#header {
		margin: 0 0 1em 0;
	}
	p {
		text-align: justify;
	}

	/* ---------------------------------- */
	.notPrint {
		display: none;
	}
	.onlyPrint {
		display: block;
	}
}



/* dl */

#mainFooter {
width: 750px;
height: 96px;
padding: 44px 10px 0 10px;
background-image:url(../images/footer.jpg);
background-repeat: no-repeat;
background-position: 0 0;
clear: both;
}

#mainFooter a {
color:#4c200b;
}

#mainFooter a:hover {
color: #4c200b;
}

.verticalMenu {
 margin-top: 10px;
}

#messageFormBox input,
#messageFormBox textarea,
input.submitButton {
 background-color: #FEDEA6;
}

#messageFormBox img {
 padding: 4px;
 offbackground-color: #FFD180;
 border: 1px solid #000;
}

#messageFormBox textarea {
 margin-right: 130px;
 margin-bottom: 10px;
}

#messageFormBox .submitButton,
input.submitButton {
padding: 3px 0 3px 28px;
background-color: #FFD180;
background-image: url(../images/tappancs.gif);
background-repeat: no-repeat;
background-position: 2px 3px;
}

input.submitButton:hover,
#messageFormBox .submitButton:hover {
 background-color: #F9B742;
}

/* láblác aion infó */
#aionInfo {
	border: 1px solid #777;
	border-left: none;
	border-right: none;
	margin: 5px 0 0 0;
}
#aionInfo * {
	font-size: 90%;
}

.onlyPrint,
.hide {
	display: none;
}
.notPrint {
}

@media print {
	@page {
		size: 21cm 29.7cm;
	}
	.horizontalMenu, .upperMenu, .mainMenu, .eMail,
	#leftColumn, #rightColumn, #breadCrumb {
		/* A headert nem távolítjuk el. Tartalmazza az oldal címét. */
		display: none;
	}

	html, body,
	#wholeStuff, #mainColumn, #container,
	#header, #header h1, #header h1 a, #footer {
		/* Azért importan, hogy több elemnél is biztosan használható legyen. */
		text-align: left;
		margin: 0 auto;
		border: none !important;
		width: auto !important;
		height: auto !important;
		display: block !important;
		position: static !important;
		text-indent: 0 !important;
		color: black !important;
		background: white none !important;
	}
	html, body,
	div#wholeStuff, div#mainColumn, div#container, div#header {
		width: 99.7% !important;
	}
	html, body {
		text-align: center;
	}
	#header, #header h1, #header h1 a {
		font: bold 24pt Garamound, Times;
	}
	#header {
		margin: 0 0 1em 0;
	}
	#footer {
		border-top: 2px solid #777 !important;
		margin-top: 12px;
	}
	p {
		text-align: justify;
	}

	/* ---------------------------------- */
	.notPrint {
		display: none;
	}
	.onlyPrint {
		display: block;
	}
}
div.siteMap table.siteMapTable
{
	width: 100%;
	table-layout: fixed;
	
}
div.siteMap table.siteMapTable td
{
	vertical-align: top;
}
div.siteMapBox
{
border: 1px solid black;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
padding: 0px 3px 3px 3px;
margin: 6px 3px 3px 3px;
}
div.siteMapBox h1
{ 
	margin: 0px;
	text-align: center;
}

div.siteMapBox ul li a
{
	font-weight: normal;	
}