html, body {height: 100%; width: 100%; margin: 0; padding: 0; text-align: center; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;
	font-size: 11px; line-height: 16px;
}

body {color: #000000; background: url(bg.jpg) repeat-x #464131; background-attachment: scroll; }

div.clearer {clear: both; line-height: 0px; height: 0px;}

.maincontainer {
	padding: 0px;	margin-right: auto;	margin-left: auto;
	width: 960px; height: auto;	display: block;
	background-color: #524B39;
	border: 1px solid #333333;
}

/* head */
.spacer {
	width: 960px; height: 15px;
	background: url(head-top-spacer.jpg) no-repeat;
}

.logo {	width: 960px; height: 85px;	text-align: left;	background: url(head-top-bg.jpg) no-repeat; }
.logopic {float: left;}
.logocim {float: left; vertical-align: middle; padding-top: 20px;}
.logocim a {color: #000000; text-decoration: none;}
.logocim a:hover {color: #000000; text-decoration: underline;}
.logowarn {color: #ffffff; float: right; text-align: right; font-size: 14px; font-weight: bold; line-height: 18px; padding: 0;}
.footwarn {color: #ff2222; float: right; text-align: right; font-size: 14px; font-weight: bold; line-height: 18px; padding: 10px;}

.catpic {	width: 960px; height: 150px; overflow: hidden;	background-color: #333333; }

/* header */
.indexpic {	float:left;	width: 260px; height: 150px;}
.indexmenutext {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-align: left; padding-top: 5px; }
.indexmenulink, .indexmenulink a {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFF00; text-decoration: none; text-align: left;}

/* gyartok */
.gyartopic img {border: 2px solid #333333 };
.gyartokat, .gyartokat h2 { color: #FFFFFF; padding: 5px 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; }
.gyartoname, .gyartoname h3 { color: #FFFFFF; padding: 5px 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; }
.gyartodesc {color: #FFFFFF; padding: 5px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
.gyartourl a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFF00; text-decoration: none; text-align: left;}

/* menu navbar */
.navbar {
	float: left;
	width: 960px; height: 40px;
	background: url(menu-bg.jpg) repeat-x;
}
.navbar .menu {
	padding: 0px 10px 0px 10px;
	margin: 0px;
	height: 40px;
	float: left;
}
.navbar .menu a {
	float: left;
	padding: 0px 0px 0px 15px;
	margin: 0px;
	background-image: url(menu-bigyo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	border-width: 0px;
}

.navbar .menu a>img {
	float: left;
	margin: 0px; padding: 0px; border-width: 0px;
}


.navbar .menu a:hover {
	background: url(menu-bigyo-o.jpg) no-repeat 0px 0px;
}


.navbar .search {	padding: 0px 10px 0px 10px;	margin: 0px;	height: 40px;	float: right;}
.navbar .search form {	padding: 0px; margin: 0px; }
.navbar .search .searchtext {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #000000;background-color: #ffffff;margin: 0px;padding: 1px;	}
.navbar .search .searchtext {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #000000;background-color: #ffffff;margin: 0px;padding: 0px;	}
.navbar .searcbutton{cursor:pointer;border-width: 0px;background:#999;color:#666;font-weight:bold;padding: 0px;background:url(kereses.jpg) repeat-x left top;}

/* content */
.content {
	float: left;
	margin: 0px; padding: 0px;
	width: 960px; height: auto;
	background: url(content-bg.jpg) no-repeat;
}

.content .left {
	float: left; height: auto; min-height: 300px;
	width: 200px !important; /*moz width*/
	width: 200px; /*IE width*/  
	margin: 10px 0px 10px 5px; 
	padding: 0px 0px 0px 0px;
	border: 2px solid #934C12;
	background: #DCD5A0 url(left-bg.jpg) repeat-x;
	text-align: left;
}

.content .leftpad {
	float: left; height: auto; min-height: 300px;
	width: 20px !important; /*moz width*/
	width: 20px; /*IE width*/  
}


.content .right {
	float: left; height: auto;
	width: 736px !important; /*moz width*/
	width: 736px; /*IE width*/  
	margin: 0px; 
	padding: 5px 5px;
	text-align: left;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
/* 	background-color:#333333; */
}

.content .right a { color: #FFcc00 }
.content .right a:hover { color: #FFff00 }

.content .right h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 25px;
	line-height: 30px;
	color:#FFFF00; background-color: transparent;
	padding: 10px 0px;
	margin: 0px;
}

.content .right h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	line-height: 25px;
	color:#FFFFFF; background-color: transparent;
	padding: 0px;
	margin: 0px;
}

/* treepath */
div.treepath {
	margin: 0px;
	padding: 0px;
}


div.treepath ul {
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}
div.treepath li {
	list-style: none;
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
	/* cursor: pointer;*/
  background: url(treepath-bullet.gif)  center left no-repeat;
}
div.treepath>ul>li>a {
	text-decoration: none;
 	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	color: #FFFFFF;
	
}
div.treepath>ul>li>a:hover {
	color: #dddddd;
}

/* product list */
.prodlist {
	margin: 0px;
	padding: 0px;
	background: #ffffff url(prodlist-middle.gif) center repeat-y;
	background-color: #ffffff;
	border-width: 1px 1px 0px 1px;
	border-color: #999999;
	border-style: solid;

}

.prodlist .nav {
	color: #2B271E;	background-color: #cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;	line-height: 30px;
	text-align: center;
	border-bottom: 1px solid #999999;	
}

.prodlist .nav a, .prodlist .nav .selected { 	font-size: 12px; color: #2B271E; text-decoration: none }
.prodlist .nav a:hover { color: #666666 }
.prodlist .nav .selected{ font-weight: bold; font-size: 14px;}

.prodlist .row {
	clear: both;
	color: #2B271E;	
	font-family:  Arial, Helvetica, sans-serif; 	height: 11px; font-size: 11px; line-height: 11px;
	margin: 0px; padding: 0px;
 /*	border-bottom: 1px solid #dddddd;	*/
 
 background: #ffffff url(prodlist-rowbg.gif) center repeat-x;
}
.prodlist .cell1 {   float: left; width: 355px; padding: 5px; /* background-color:#CCCCCC; */ }
.prodlist .cell2 { float: right; width: 355px; padding: 5px; /* background-color:#666666; */}

.prodlist  .pic { width: 152px; clear: right; float: right; margin: 0px; padding: 0px; margin-left: 2px; }
.prodlist  .pic a img { border: 1px solid #CCCCCC; }
.prodlist  .pic a:hover img { border: 1px solid #666666; }

.prodlist .data {/*float: left; width: 550px;*/ padding-left: 8px; };
.prodlist .title {}
.prodlist .prodname>a, .prodlist .prodname{text-decoration: none; color: #666666; padding-bottom: 5px; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; font-weight: bold; text-align: left;}
.prodlist .prodname>a:hover {color: #888888;}
.prodlist .price {clear: left; float: left; color: #990000; padding-right: 10px; 0px; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; font-weight: bold; text-align: left}

.prodlist .desc {clear: left; float: left; width: 100%; color: #444444; font-family:Arial, Helvetica, sans-serif; font-size: 11px; text-align: left}
.prodlist .code {clear: left; float: left; color: #666666;  font-family:Arial, Helvetica, sans-serif; font-size: 11px; text-align: left}
.prodlist .outstock, .prodlist .outstock>a {clear: right; float: right; color: #CC6600; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 11px; text-align: left}
.prodlist .outstock>a:hover {color: #888888;}
.prodlist .instock, .prodlist .instock>a {clear: right; float: right; padding-left: 10px; color: #006600; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 11px; text-align: left}
.prodlist .instock>a:hover {color: #888888;}

/* Put this inside a @media qualifier so Netscape 4 ignores it */
@media screen, print { 
	/* Turn off list bullets */
	ul.mktree  li { list-style: none; font-family: arial; font-size: 12px; line-height: 14px; } 
	/* Control how "spaced out" the tree is */
	ul.mktree, ul.mktree ul , ul.mktree li { margin-left: 0px; padding:0px; }
	/* Provide space for our own "bullet" inside the LI */
	ul.mktree  li           .bullet { padding-left: 15px; }
	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
	ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(tree-minus.gif)  center left no-repeat; }
	ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(tree-plus.gif)   center left no-repeat; }
	ul.mktree  li.liBullet  .bullet { cursor: default; background: url(tree-bullet.gif) center left no-repeat; }
	/* Sublists are visible or not based on class of parent LI */
	ul.mktree  li.liOpen    ul { display: block; }
	ul.mktree  li.liClosed  ul { display: none; }

	/* Format menu items differently depending on what level of the tree they are in */
	/* Uncomment this if you want your fonts to decrease in size the deeper they are in the tree */
/*
	ul.mktree  li ul li { font-size: 90% }
*/

	/* level 1 */
	ul.mktree  li { /* background-color:#FF9900; */ border-bottom: 1px solid #FF6600; }
	ul.mktree  li, ul.mktree  li a { color: #333333; font-family: arial; font-size: 12px; font-weight: bold; line-height: 20px; text-decoration: none; }
	ul.mktree  li a:hover { color: #666666}

	/* level 2 */
/*	ul.mktree  li ul { border-top: 1px solid #FF6600 } */
	ul.mktree  li ul li { /* background-color:#FFCC00; */ padding-left: 10px; border: 0px;}
	ul.mktree  li ul li, ul.mktree  li ul li a { color: #333333; font-family: arial; font-size: 12px; font-weight: normal; line-height: 18px; }
	ul.mktree  li ul li a:hover { color: #666666}

	

}

#author {
font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; line-height: 10px;
position: absolute; bottom: 0; right: 0; 
z-index: 1; padding: 5px; z-index: 200;
text-align: right;
} 
#author a {color: #ffffff; text-decoration: none;}

/* Galéria */
.galerianav {padding: 5px; text-align: center; font-size: 12px;}
.galeriapicbox {float: left; padding: 5px; margin: 5px; background-color:#777777;  }
.galeriapic {width: 150px; height: 112px; overflow:hidden; }