/* LAYOUT ONLY!! */
#container
	{
	width: 960px;
	border: 5px solid #fff;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	padding: 3px; /*10px;*/
	background-color: #ff8000;
	}

#header
	{
	padding: 0px;
	margin-bottom: 5px;
	background-color: #ff8000;
	text-align: center;
	}

#content
	{
	margin-left: 175px;
	padding: 20px;
	background-color: #fff;
	float: left; 
	width: 752px; 
	margin: 0 0 10px 0; 
	display: inline; 
	overflow: auto; 
	position: relative;
	margin-top: 0px;
	}

#menu
	{
	float: left;
	width: 153px;
	margin: 0;
	margin-right: 5px;
	padding: px;
	background-color: #ff8000;
	}

#footer
	{
	clear: both;
	padding: 5px;
	margin-top: 5px;
	background-color: #ff8000;
	text-align: center;
	}

/* THE LEFT MENU */
ul#navlist
	{
	width: 158px;
	padding: 0px;
	border: 0px solid #e23831;
	border-top: 0px;
	margin: 0px;
	font: bold 12px verdana,helvetica,arial,sans-serif;
	background: url(images/btn/bal_menu_bg.jpg); #ff8000;
	}

ul#navlist li
	{
	list-style: none;
	margin: 0px;
	border: 0px;
        height: 28px;
	border-top: 0px solid #cccccc;
	background: url(images/btn/bal_menu_bg.jpg); #ff8000;
	}

ul#navlist li a
	{
	display: block;
	width: 139px;
	padding: 4px 8px 4px 8px;
	border: 0px;
	border-left: 0px solid #bbbbbb;
	text-decoration: none;
	text-align: left;
	background: url(images/btn/bal_menu_bg.jpg); #ff8000;
	}

ul#navlist li a:link
	{
	color: #ffffff;
	}

div#navcontainer li a:visited 
	{
	height: 20px;
	color: #ffffff;
	background: url(images/btn/bal_menu_bg.jpg); #ff8000;
	}

ul#navlist li a:hover
	{
	border-color: #999999;
	color: #ff0000;
	height: 20px;
	background: url(images/btn/bal_menu_bg.jpg); #ff8000;
	}

/* THIS IS USED TO DISPLAY A SELECTED GROUP IN THE MENU */
#active a:link, #active a:visited, #active a:hover
	{
	border-color: #666666;
	text-color: #ffffff;
        padding-left: px;
	background: url(images/btn/left_menu_selected.jpg_); #ff8000;
	}

/* THE TOP MENU */
#navcontainer2 ul
	{
	padding-left: 0;
	margin-left: 0;
	background-color: #b20811;
        color: black;
	float: left;
	width: 100%;
	font: bold 12px verdana,helvetica,arial,sans-serif;
        border: 0px #cccccc;
	background: #ff8000;
	}

#navcontainer2 ul li
	{
	display: inline;
	}

#navcontainer2 ul li a
	{
	padding: 0.2em 0.5em;
	color: black;
	text-decoration: none;
	float: center;
	border-right: 0px solid #666666;
	border-left: 0px solid #666666;
	}

#navcontainer2 ul li a:hover
	{
	background-color: #666;
	color: #fff;
	}

/* TEXT MAKEUP AND OTHER COSMETICS HERE!!! */

#hideable
	{
	background-color: white;
	}

/* image properties */
.imgleft
	{
	float: left;
	padding: 6px 10px 6px 0px;	  
	}

.imgright
	{
	float: right;
	padding: 6px 0px 6px 10px;	  
	}
	
img
	{ 
	border-width: 0px; 
	}

/* this image is used in details.php and browse.php, all other images should not have borders */
.borderimg
	{ 
	border-style:solid;
	border-color: #D6DDE6;
	border-width: 1px;
	}

/* general settings */
html
	{
	height: 100%;
	}

body
	{
	height: 100%;
	font: 11px Verdana,Tahoma,Arial,sans-serif;
	background: #444444;
	}

/* the headings you can use */
h1, h2, h3, h4, h5, h6, h7
	{
	margin: 0px;
	padding: 0px;
	color: black;
	}

h1
	{ 
	/* left menu */
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	}

h2
	{
	/* page headers */
	font-size: 14px;
	font-weight: bold;
	} 

h3
	{
	/* slogan under logo */ 
	font-size: 15px; 
	font-weight: bolder;
	position: relative;
	}

h4
	{
	/* back to admin options, and other text links like that */
	font-size: 12px;   
	text-align: center;
	font-weight: normal;
	}

h5
	{
	/* product id in details.php */
	font-size: 12px;
	font-weight: bold;
	} 

h6
	{
	/* the headers in editsettings.php */
	font-size: 13px;   
	text-align: center;
	font-weight: bold;
	color: black;
	border: 1px solid #808080;
	background: url(images/h6_bg.png) #d9dffb;
	}

/* how the links should behave (apart from the menu) */
a{ text-decoration: underline; }
a:link { color: #003366; }
a:visited { color: #003366; }
a:active { color: #003366; }
a:hover { color: #0D4D89; }

/* a link class that is pretty plain */
a.plain { text-decoration: none; }
a.plain:link { color: black; }
a.plain:visited { color: black; }
a.plain:active { color: black; }
a.plain:hover { color: black; }

/* single pixel borders on input boxes */
input, textarea
	{
	background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	}

/* text in tables */
td, th
	{
	font: 11px Verdana,Tahoma,Arial,sans-serif;
	}
	
/* tables of this class have no border */
table#borderless
	{
	border-collapse: collapse;
	border-style: hidden;
	}

table.borderless th,

table.borderless td
	{
	border: 0px;
	padding: 5px;
	border-style: hidden;
	vertical-align: top;
	}

table.borderless caption
	{
	font-size: 14px;
	font-weight: bold;
	color: #33517A;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
	}

/* a class that describes how tables should look */
.mainpage_table
	{
	border: 1px solid #ffffff;
	border-collapse: collapse;
	color: #333333;
	margin-left:auto; 
	margin-right:auto;
	background-color: #ffffff;
	}
	
.mainpage_table td
	{
	border: 1px #666677;	
	padding: 4px;
	text-align: left;
	vertical-align: top;
	}
	
.mainpage_table th
	{
	background-color: #ccccdd;
	font-weight: bold;
	color: #666677;
	text-align: left;
	padding: 4px;
	border: 1px solid #808080;
	background: url(images/h6_bg.png) #d9dffb;
	}

.mainpage_table caption
	{
	font-size: 14px;
	font-weight: bold;
	color: #33517A;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
	}

.mainpage_table tr.altrow
	{
	color: #000000;
	}

/* extra pages style */
.extrapage
	{
	border: 1px solid #666677;
	border-collapse: collapse;
	color: #666666;
	margin-left:auto; 
	margin-right:auto;
	background: #ffffff;
	}

.extrapage td
	{
	border: 1px #666677;	
	padding: 4px;
	text-align: left;
	vertical-align: top;
	}

.extrapage th
	{
	background-color: #ccccdd;
	font-weight: bold;
	color: #666677;
	text-align: left;
	padding: 4px;
	border: 1px solid #808080;
	background: url(images/h6_bg.png) #d9dffb;
	}

.extrapage caption
	{
	font-size: 14px;
	font-weight: bold;
	color: #33517A;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
	}

.extrapage tr.altrow
	{
	color: #000000;
	}

/* a class that describes how tables should look */
.datatable
	{
	border: 1px solid #FFF;
	border-collapse: collapse;
	color: #666666;
	margin-left:auto; 
	margin-right:auto;
	background: #ffffff;
	}

.datatable td
	{
	border: 1px #666677;	
	padding: 4px;
	text-align: left;
	vertical-align: top;
	}

.datatable th
	{
	background-color: #ccccdd;
	font-weight: bold;
	color: #666677;
	text-align: left;
	padding: 4px;
        border: 1px solid #808080;
	background: url(images/h6_bg.png) #d9dffb;
	}

.datatable caption
	{
	font-size: 14px;
	font-weight: bold;
	color: #33517A;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
	}

.datatable tr.altrow
	{
	color: #000000;
	}

/*.datatable tr:hover, .datatable tr.hilite
	{
	color: #000000;
}*/
	
/* (?) popup properties */
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:red; 
    color:#000;
    text-decoration:none;
    font-size: 11px;
    font-weight: normal;
	cursor: help;
}

a.info:hover{z-index:90; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    z-index: 90;
    top:2em; left:1em; width:25em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: left
}

.partnr {
		color: #000000;
		font-size: 10px;
		

}
.in_stock1
	{
	background-image: url(images/termek_bg/keszleten_1_bal.jpg);
	background-repeat: no-repeat;
	color: #000000;
	}
	
.in_stock_cas
	{
	background-image: url(images/termek_bg/keszleten_1_cas.jpg);
	background-repeat: no-repeat;
	color: #000000;
	}
	
.out_stock1
	{
	background-image: url(images/termek_bg/nincs_keszleten_1_bal.jpg);
	background-repeat: no-repeat;
	color: #000000;
	}
	
.backorder1
	{
	background-image: url(images/termek_bg/keszleten_1_bal.jpg);
	background-repeat: no-repeat;
	color: #000000;
	}

.in_stock2
	{
	background-image: url(images/termek_bg/keszleten_1_jobb.jpg);
	background-repeat: no-repeat;
	color: #000000;
	}
	
.out_stock2
	{
	background-image: url(images/termek_bg/nincs_keszleten_1_jobb.jpg);
	background-repeat: no-repeat;
	color: #000000;
	}
	
.backorder2
	{
	background-image: url(images/termek_bg/keszleten_1_jobb.jpg);
	background-repeat: no-repeat;
	color: #000000;
	}
	
.in_stock3
	{
	background-image: url(images/termek_bg/03_keszleten_bg_felso.jpg);
	background-repeat: no-repeat;
	color: #000000;
	}
	
.out_stock3
	{
	background-image: url(images/termek_bg/03_nincs_keszleten_bg_felso.jpg);
	background-repeat: no-repeat;
	color: #000000;
	}
	
.backorder3
	{
background-image: url(images/termek_bg/03_keszleten_bg_felso.jpg);
	background-repeat: no-repeat;
	color: #000000;
	}

.in_stock4
	{
        background-image: url(images/termek_bg/details_instock_bottom.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
        height: 125px;
        padding-top: 5px;
        padding-right: 110px;
        padding-bottom: 10px;
	color: #000000;
	}
	
.out_stock4
	{
        background-image: url(images/termek_bg/details_outstock_bottom.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
        height: 125px;
        padding-top: 5px;
        padding-right: 110px;
        padding-bottom: 10px;
	color: #000000;
	}
	
.backorder4
	{
        background-image: url(images/termek_bg/details_instock_bottom.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
        height: 125px;
        padding-top: 5px;
        padding-right: 110px;
        padding-bottom: 10px;
	color: #000000;
	}
	
.zsu_topmenu_table a:link
	{
	color: #ffffff;
	text-decoration: none;
	}

.zsu_topmenu_table a:visited
	{
	color: #ffffff;
	text-decoration: none;
	}

.zsu_topmenu_table a:active
	{
	color: #ffffff;
	text-decoration: none;
	}
.zsu_topmenu_table a:hover 
	{
	color: #ff8000;
	text-decoration: none;
	}

.zsu_topmenu2_table a:link
	{
	color: #ffffff;
	text-decoration: none;
	}

.zsu_topmenu2_table a:visited
	{
	color: #ffffff;
	text-decoration: none;
	}

.zsu_topmenu2_table a:active
	{
	color: #ffffff;
	text-decoration: none;
	}
.zsu_topmenu2_table a:hover 
	{
	color: #000000;
	text-decoration: none;
	}

.zsu_topmenu_table
	{
	width: 100%;
        background: url(images/btn/kepes_menu_bg.jpg) #000;
        color: #ffffff;
        text-decoration: none;
	}

		

.zsu_topmenu_tr
	{
        color: #ffffff;
	}	
	
.zsu_topmenu_td
	{

        color: #ffffff;	
        
	}	

.zsu_topmenu2_table
	{

        color: #ffffff;	
        width: 100%;
        background: url(images/btn/kepes_menu_bg.jpg);
		background-repeat: repeat-x;
        border-spacing: 0px;
	}	

.zsu_topmenu2_tr
	{
        color: #ffffff;
	}	
	
.zsu_topmenu2_td
	{
	height: 60px;		
	
	vertical-align: bottom;
	text-align: right;
	}

.zsu_topmenu2_td_enter
	{
	}

zsu_topmenu2_td_enter a:link
	{ 
	color: #ffffff;
	background: url(images/btn/top_menu_bg.jpg);
	}

zsu_topmenu2_td_enter a:visited
	{
	background: url(images/btn/top_menu_bg.jpg);
	color: #ffffff;
	}

zsu_topmenu2_td_enter a:active
	{
	background: url(images/btn/top_menu_selected.jpg);
	color: #ffffff;
	}

zsu_topmenu2_td_enterhover
	{
  	background: url(images/btn/top_menu_rollover.jpg);
        color: #ff0000;
	}

.zsu_topmenu2_td_enter
	{
	text-align: left;
	
	}
	
.zsu_topmenu2_search
	{
	height: 20px;
	width: 84%;
	background-color: #ff8000;
	}

.extraprice
	{
	font-size: 14px;
	color: red;
	}

.top_textarea
	{
	font-size: 10px;
        border-color: #ff8000;
	}
	
.top_submit
	{
	font-size: 10px;
        background-color: #666666;
        color: #ff8000;
	}
	
.search_textarea
	{
	font-size: 10px;
border: 0px;	
	}
	
.search_submit
	{
	font-size: 10px;
        background-color: #ffffff;
        color: #aa8000;
        border-color: #CC8000;
	}
	
/* ezzel formazhat a 3 doboz (egysegesen) */
.select2
	{
	width:250px;
	height:200px;
	border:1px solid #000000;
	color:#ffffff;
	font-weight:bold;
	font-size: 12px;
	background: #ff8000;
	font-family: Arial, Helvetica, sans-serif;
	}

/* ezzel formazhato a kosarbarakas gomb es a szambeviteli mezo */
input
	{
	background:#fff;
	color:#000;
	font-size:12px;
	border: 1px solid #000000;
	}

/* ezzel formazhato a lista maga (hatterszin, szegely, vonalak) */
.list
	{
	border: 1px solid #ff0000;
	border: 0px solid #ff8000;
	}

/* ezzel formazhato a lista cimsora */
.title
	{
	width: 100px;
	background: #fff;
	color: #000;
	font-weight: bold;
	text-align:center;
	}

.titleglass
	{
	
	background: #fff;
	color: #000;
	font-weight: bold;
	text-align:center;
	}

/* ezzel formazhatoak a listaban megjeleno rekordok */
.element
	{
	font-weight:bold;
	color: #000000;
	font-size: 12x;
        background: url(images/termek_bg/kaszni_element_1_bg.jpg);	
	text-align:center;
	width:100px;
	height:125px;
	}

.element2
	{
	font-weight:bold;
	color: #000000;
	font-size: 12x;
        background: url(images/termek_bg/kaszni_element_1_bg.jpg);
	text-align:center;
	width:100px;
	height:125px;
	}

.in_stock_
	{
	background-color: #C0FFD0;
	color: #000000;
	}
	
.out_stock_
	{
	background-color: #FCD0C0;
	color: #000000;
	}
	
.backorder_
	{
	background-color: #C0D0FF;
	color: #000000;
	}
	
.kasztni_stock_
	{
	background-color: #EEDD77;
	color: #000000;
	}

.details_in_stock
	{
        background: url(images/termek_bg/details_instock_top.jpg);
	background-repeat: no-repeat;
        background-color: #FFF;
	color: #000000;
	}
	
.details_out_stock
	{
        background: url(images/termek_bg/details_outstock_top.jpg);
	background-repeat: no-repeat;
	background-color: #FFF;
	color: #000000;
	}
	
.details_backorder
	{
        background: url(images/termek_bg/details_instock_top.jpg);
	background-repeat: no-repeat;
        background-color: #FFF;
	color: #000000;
	}

/* szovegmezo bannerekkel */
.kuplung_top1
	{
	}


/* szovegmezo bannerek nelkul */
.kuplung_top2
	{
	}

/* felso banner alatti szovegmezo */
.kuplung1
	{
height: 240px;
padding-left: 20px;
padding-top: 10px;
background: url(images/termek_bg/kuplung1.jpg);
background-repeat: no-repeat;
	}

.kuplung1a
	{
height: 150px;
padding-left: 20px;
padding-top: 10px;
background: url(images/termek_bg/kuplung1.jpg);
background-repeat: no-repeat;
	}

/* kereso */
.kuplung2a
	{
height: 31px;
padding-left: 20px;
padding-top: 10px;
background: url(images/termek_bg/kuplung2a.jpg);
background-repeat: no-repeat;
	}

/* talatati eredmenyek */
.kuplung2b
	{
height: 71px;
padding-left: 20px;
padding-top: 10px;
background: url(images/termek_bg/kuplung2b.jpg);
background-repeat: no-repeat;
	}

/* tal?latok alatti htm */
.kuplung3
	{
height:53px;
padding-left: 20px;
background: url(images/termek_bg/kuplung3.jpg);
background-repeat: no-repeat;
	}

.kuplung_form
{
background: url(images/termek_bg/kuplung_form.jpg);
background-repeat: no-repeat;
}


.kuplung_left
{
text-align: right;
}


.kuplung_right
{
text-align: left;
}


.kuplung_akcio
{
color: red;
font-weight: bold;
font-size:18px;
}

.kuplung_button
	{
	background:#fff;
	color:#000;
	font-size:12px;
	border: 1px solid #000000;
	}

.kuplung_input
	{
	background:#fff;
	color:#000;
	font-size:12px;
	border: 1px solid #000000;
	}

.reftable
	{
        background: url(images/termek_bg/references.jpg);
	background-repeat: no-repeat;
        background-color: #FFF;
	color: #000000;
	}
	
.reftable2
	{
        background: url(images/termek_bg/references.jpg);
	background-repeat: no-repeat;
        background-color: #FFF;
	color: #000000;
	}
	
.stable a:link
	{
	font-weight: bold;
	font-size:14px;
	color: #000000;
	text-decoration: none;
	}

.stable a:visited
	{
	font-weight: bold;
	font-size:14px;
	color: #000000;
	text-decoration: none;
	}

.stable a:active
	{
	font-weight: bold;
	font-size:14px;
	color: #ff8000;
	text-decoration: none;
	}
.stable a:hover 
	{
	font-weight: bold;
	font-size:14px;
	color: #000000;
	text-decoration: none;
	}

.stable
	{
	font-weight: bold;
	font-size:14px;
	color: #000000;
	text-decoration: none;
	}
	
.button2  {
	font-family : "Courier New", Courier, mono;
	font-size : 8pt;
	font-style : normal;
	color : black;
	background-color : lightgreen;
	border-style : double;
	border-width : 1px;
	border-color : #333333;
	font-weight : bold;
}

span.highlighted {
  background-color: #161616;
  font-weight: bold;
}
span.term0 {
  background-color: #161633;
}
span.term1 {
  background-color: #331616;
}
span.term2 {
  background-color: #163316;
}