	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: 1em; 
	line-height: 1.2em;
}

body {
	background-color: #000000;
	font-size:14px;
	line-height: 20px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}

a {color: #000000; text-decoration: none;}
a:hover {color:#333333}

div.clearer {clear: left; line-height: 0px; height: 0px;}
.rejtett {display:none;}

#maincontainer {
	text-align: left;
	margin: 0px; padding: 0px;
	position:absolute; left: 50%; top: 50%;
	width: 980px; height: 570px;
  margin-left: -480px; /* half of the width */
  margin-top: -295px; /* half of the height */
	/* background-color: #666666; */
}
#contentcontainer {width: 950px; float: left; background: url(../images/content-bg.jpg) #DBDCD7;
			-moz-opacity: 0.2;
			opacity:.20;
			filter: alpha(opacity=20);

}
#bordertop {clear: both; background: url(../images/keret-fent.gif) no-repeat left top; width: 100%; height: 20px; line-height: 0; }
#bordermid {clear: both; float: left; background: url(../images/keret-kozep.gif) repeat-y; width: 100%; }
#borderbottom {clear: both; background: url(../images/keret-lent.gif) no-repeat; width: 100%; height: 20px; line-height: 0; }

#switchcontainer{width: 30px; float: right; height: 450px; /* background-color: #333333; */}

#switchbutt {width: 30px; float: right; height: 450px; cursor: pointer;}
.switchon{ background: url(../images/switch-on.gif) no-repeat;}
.switchoff{ background: url(../images/switch-off.gif) no-repeat;}

#content{	min-height: 400px;	_height: 400px; padding: 15px 35px;  }

#contentend {clear: both; width: 100%; border-bottom: 3px solid #000000; padding-top: 30px;}

#clock {border-top: 3px solid #000000; padding-top: 30px;}

#left{ float: left; width: 250px; /*background-color:#666666; */}

#right{ float:left; width: 590px; padding-left: 40px; background: url(../images/01.gif) no-repeat 0px 50px;}

#right p { background: url(../images/nyil.gif) no-repeat 0px 5px; padding-left: 40px; margin-top: 0px;}

/********************************************************************/

/*
#maincontainer { padding: 0px;	margin-right: auto;	margin-left: auto; width: 980px; display: block; background-image: url(../images/contentbg.gif); background-repeat: repeat-y;}
*/

/* header */
#header {clear: left; width:980px; height: 100px; margin: 0px; padding: 0px; background-image: url(../images/headfoot-bg.jpg); background-position: right; background-repeat: no-repeat;}
#header .logo {float: left; padding: 0px; margin: 0px; width: 240px; height: 100px; margin: 0px; padding: 0px; }

#header .topmenu {float: right;  background-color: #000000; width: 735px; height: 30px; text-align:left; }
#header .topmenu ul#mainlevel-nav {list-style-type: none;  display: block; float: left; height: 30px; line-height: 30px; margin: 0px; padding: 0px; border-right: 1px solid #222222;}
#header .topmenu #mainlevel-nav li {display: inline; list-style-type: none;  margin: 0px; padding: 0px; }
#header .topmenu #mainlevel-nav a.mainlevel-nav {height: 30px;  line-height: 30px;  font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold;
color: #FFFFFF; text-decoration: none; display: block; float: left; border-left: 0px solid #222222;  padding: 0px 10px;
} 
#header .topmenu #mainlevel-nav a.mainlevel-nav:hover,
#header .topmenu #mainlevel-nav #active_menu-nav { color: #B47F21; background-color: #111111; }


.contentpad {width: 980px; padding: 0px;  }

#contentseparator{width: 735px; float: right;}

/* left area */
#leftarea {float: left;  width: 240px; overflow: hidden;}

/* right area */
#rightarea { float: right; width: 140px; overflow: hidden; }


/* mid area */
#midarea { float: left;  width: 580px; margin: 5px 0px 5px 10px;  text-align: center}

/* mid area2 */
#midarea2 { float: left;  width: 580px; margin: 5px 0px 5px 10px; text-align: left}

/* footer */
#footer { clear: both; margin: 0px; padding: 0px; width: 735px; float: right; height: 30px; font-size: 11px; line-height: 30px; background-image: url(../images/headfoot-bg.jpg); background-position: right; background-repeat: no-repeat; }



/* JOOMLA modultable  -2 = xhtml */

div.moduletable { width: 140px; padding-bottom: 5px; border-bottom: 1px dotted #2f2f2f;}
div.moduletable h3 {margin: 0;	text-align:left;	padding: 0px 5px; line-height: 25px;
font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	font-weight:bold;
color:#ffffff; background-color: #000000;
}
div.moduletable .sectiontableentry1 td {text-align: left; padding: 5px 5px; border-bottom: 1px solid #C4DCED; }
div.moduletable .sectiontableentry2 td {text-align: left; padding: 5px 5px;  border-bottom: 1px solid #C4DCED;}
div.moduletable img {margin: 5px 5px 5px 0px; padding: 5px; background-color: #333333; border: 1px solid #CBCBCB;}
div.moduletable hr {color: #333333; height: 1px; border: 0; background-color: #333333;}
div.moduletable td {text-align: left; padding: 3px;}
div.moduletable .contentheading {font-size: 11px; line-height: 14px; padding: 0 3px; margin: 0;}
div.moduletable #login {margin-left: 10px}
div.moduletable .mainlevel {margin: 0px; padding: 0px;}


/* JOOMLA modultabletree */
div.moduletabletree { width: 240px; text-align: center; }
div.moduletabletree h3 {margin: 0px;	text-align:left;	color:#333;	padding-left:28px; 
font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	line-height: 32px; font-weight:bold;
color: #979788;
}


/* JOOMLA moduletablesearch */
div.moduletablesearch{ width: 220px; background: url(../images/menutable-bg.jpg) repeat-y #A3CAE5; border-top: 5px solid #FFFFFF; padding-bottom: 0px; }
div.moduletablesearch h3 {margin: 0px;	text-align:left;	color:#333;	padding-left:28px; 
font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	line-height: 32px; font-weight:bold;
background: url(../images/menutable-h3.png) left top  #A3CAE5 no-repeat; 
}
div.moduletablesearch input, div.moduletablesearch form {padding: 0px; margin: 5px;}

/* JOOMLA moduletablerandom */
div.moduletablerandom { width: 580px; /* background-color:#f5f5f5; */ border: 1px solid #111111; margin-top: 5px; padding-bottom: 5px; }
div.moduletablerandom h3 {margin: 0px;	text-align:left;	color:#333;	padding-left:28px; 
font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	line-height: 32px; font-weight:bold;
background: url(../images/menutable-h3.png) left top  #111111 no-repeat; 
}

/* pathway */
#tpathway { margin-top: 0px; padding: 5px; line-height: 20px; 	text-align: left;	font-size:11px;	color: #666666; border-bottom: 1px solid #333333;}
#tpathway .pathway {color: #666666; }

/* cart */
#cart {float: right; height: 105px; width: 220px; /*border: 1px solid #666666*/}


/* JOOMLA content */
.contentpaneopen {} /* table */
.contentheading { font-size: 16px; line-height: 20px;}

.componentheading {font-size: 16px; line-height: 20px; padding: 5px; font-weight: bold;}
.contentpane td {text-align: left; padding: 2px;}


/* Transmenu mainlevel */
#wrap { background: url(../images/cat-title.jpg) no-repeat top; text-align: left;}
#menu {padding-top: 30px; width: 200px;  text-align: left;/* background-color: #333333; */}
#menu td{text-align: center; border-width: 0px 0px 1px 0px;	border-style: dotted;	border-color: #74601C;	/* background-color: #444444; */}
#menu table {width: 200px; margin-left: 20px;}
#menu a.mainlevel, #menu a.mainlevel_active {font-family: Arial, Helvetica, sans-serif;	font-size: 14px;	line-height: 30px;	
color: #979788;	text-decoration: none; font-weight: bold;	padding-left: 5px;	margin: 0px;	

}
#menu a.mainlevel_active {font-weight: bold;}
#menu a.mainlevel:hover {background-color: #000000}

/* mainbody */
#mainbody h3 {font-size: 18px; line-height: 20px; font-weight: bold; text-align: left; margin: 0px; padding: 5px 0px; font-family: Arial, Helvetica, sans-serif; }
#mainbody h4 {font-size: 14px; line-height: 18px;  font-weight: bold; text-align: left; margin: 0px; padding: 5px 0px; font-family: Arial, Helvetica, sans-serif;}
#mainbody input, #mainbody select {font-size: 11px;}
#mainbody form{margin: 0px; padding: 0px}
#mainbody .sectiontableheader th  {color: #000000; font-size: 12px; line-height: 18px;  background-color: #FFF191; border-bottom: 2px solid #D9BE0B;  border-top: 1px solid #D9BE0B; text-align: left;}
#mainbody .sectiontableentry1 {background-color: #FFFEF0; border-bottom: 1px solid #D9BE0B;}
#mainbody .sectiontableentry2 {border-bottom: 1px solid #D9BE0B;
	background-color: #FFF793;
}

/* formok általában */

.button {
	border:0;
	color: #0092FF;
	height:16px;
	text-align:left;
	padding:0px 0 0 25px;
	margin: 5px;
	font-size:11px;
	font-weight:bold;
	background:url(../images/btn-2.png) top left no-repeat;
	cursor:pointer;
}


/* JOOMLA oldalcímek */
td.contentheading {
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	padding-top:5px;
	line-height:25px;
	font-weight:bold;
	text-align: left;
}


/* VIRTUEMART */
/* flypage */
.flypage td {text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px;}
.flypage h1 {color: #4D4D4D; margin-top: 5px; text-align: left; font-size: 16px; line-height: 20px;}
.flypage .prodcode {color: #999999; font-size: 12px; font-weight: normal;  font-family: Arial, Helvetica, sans-serif; }
.flypage .prodname {margin-top: 5px; color:#B47F21; padding: 0px; font-size: 16px; line-height: 20px; text-align: left; }
.flypage .prodname a { font-weight: bold; color:#B47F21; text-decoration: none; font-family: Arial, Helvetica, sans-serif}
.flypage a {text-decoration: none; }
.flypage .prodimage {margin: 5px; width: 220px; overflow:hidden}
.flypage .prodimage img { padding: 5px; background-color: #444444; border: 1px dotted #111111;}
.flypage hr {color: #333333; height: 1px; border: 0; background-color: #333333;}
.flypage .price {font-size: 14px; padding-top: 10px;  padding-bottom: 10px; color: #990000;}
.flypage .sdescription {color: #979788; font-size: 10px; text-align: left; padding-left: 0px}
.flypage .description {color: #979788; font-size: 12px; text-align: left; padding-left: 0px}
.flypage form, .flypage p {margin: 0px; padding: 0px;}
.flypage input {font-size: 10px;}

/* browse */
.browse {width:100%; margin: 8px 0px; padding-top: 3px; color: #4D4D4D; border-top: 1px dotted #666666; text-align: left;}
.browse .prodimg {float: left; display: block; width: 200px;}
.browse .prodimg img {margin: 3px 3px 3px 0px;padding: 5px; background-color: #444444; border: 1px solid #111111;}
.browse .proddata {float: right; display: block; width: 330px;}
.browse .prodcode {margin-top: 5px; color: #666666; font-size: 10px;  font-family: Arial, Helvetica, sans-serif; }
.browse .prodname {margin: 3px 0px; padding: 0px; }
.browse .prodname h2 {margin: 0px;}
.browse .prodname h2, .browse .prodname a {font-size: 16px; line-height: 20px; font-weight: bold; color:#B47F21; text-decoration: none; font-family: Arial, Helvetica, sans-serif}
.browse hr {color: #333333; height: 1px;}
.browse .price {margin-top: 5px; font-size: 16px; color: #D52D00; font-family:Arial, Helvetica, sans-serif; text-align: right}
.browse a {text-decoration: none; }
.browse .shortdesc {clear: both; margin: 5px 0px; color: #979788; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px;}
.browse form {margin: 0px; padding: 0px;}
.browse label, .browse input {font-size: 9px; font-family: Arial, Helvetica, sans-serif}
.browse .inputbox {width: 20px; font-size: 10px; font-family: Arial, Helvetica, sans-serif}

/* JOOMLA moduletablemainoffer */
div.moduletableoffer { width: 580px; display: block;   padding-bottom: 5px; }
div.moduletableoffer h3 {margin: 0px;	text-align:left;	color:#ffffff;	padding-left:28px; 
font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	line-height: 32px; font-weight:bold;
background: url(../images/menutableoffer-h3.png) left top  #FF8B2E no-repeat; 
}
div.moduletableoffer .mainoffer {padding: 5px;width:570px; background: url(../images/mainoffer-pic.jpg) no-repeat left top #111111; border: 1px solid #5B4E1E;  color: #4D4D4D; text-align: right;}
div.moduletableoffer .mainoffer .prodimg {float: left; display: block; width: 200px; margin-left: 10px;}
div.moduletableoffer .mainoffer .prodimg img {margin: 3px 3px 3px 0px;padding: 5px; background-color: #444444; border: 1px solid #111111;}
div.moduletableoffer .mainoffer .proddatacontainer{float: left; display: block; width: 345px;}
div.moduletableoffer .mainoffer .proddata {float: right; width: 345px;}
div.moduletableoffer .mainoffer .prodcode {margin-top: 5px; color: #666666; font-size: 10px;  font-family: Arial, Helvetica, sans-serif; }
div.moduletableoffer .mainoffer .prodname {margin: 3px 0px; padding: 40px 0 0 0; }
div.moduletableoffer .mainoffer .prodname h2 {margin: 0px;}
div.moduletableoffer .mainoffer .prodname h2, 
div.moduletableoffer .mainoffer .prodname a {font-size: 16px; line-height: 20px; font-weight: bold; color:#B47F21; text-decoration: none; font-family: Arial, Helvetica, sans-serif}
div.moduletableoffer .mainoffer .price {margin-top: 5px; font-size: 14px; line-height: 18px; color: #D52D00; font-family:Arial, Helvetica, sans-serif; text-align: right}
div.moduletableoffer .mainoffer .shortdesc {clear: both; margin: 5px 0px; color: #979788; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px;}


/* sitemap */
.oterkep { margin: 0px; padding-left: 10px; list-style-type: none; }
.oterkep ul{ margin-left: 15px; padding-left: 0px; list-style-type: none;  }
.oterkep li{  font-size: 11px; line-height: 14px; margin: 0; padding: 0; list-style-type: square; color: #FF7300; }
.oterkep a{  text-decoration: none; margin: 0; padding: 0; }
.oterkep a:hover{ text-decoration: underline; } 

/* @group mainmenu */

a.mainlevel:link,
a.mainlevel:visited {
	text-decoration: none;
}

a.mainlevel {
	display: block;
	padding: 4px 0 2px 28px;
	margin-bottom: 3px;
	background: url(../images/menu-bullet.png) 0 0 no-repeat;
}

a.sublevel:link,
a.sublevel:visited {
	text-decoration: none;
}

a.mainlevel:hover {
	text-decoration: underline;
}

a.sublevel:hover {
	text-decoration: none;
}


a#active_menu:link,
a#active_menu:visited {
	color: #333;
}


li.active_menu a:link,
li.active_menu a:visited {
  color: #333;
}



/* @end */

/* mod_vm_catList */
/* level 1 */
.makeMenu { font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px; padding: 0px; text-align: left;}
.makeMenu li { list-style: none;	background: none;	text-align: left;	padding: 0px; margin: 0px; }
.makeMenu li a {font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	line-height: 18px;	
color: #000000;	text-decoration: none;	display: block;	padding-left: 5px;	margin: 0px;	
border-width: 0px 0px 1px 0px;	border-style: solid;	border-color: #0072C7;	
}
.makeMenu li a:hover { text-decoration: underline }
/* level 2 */
.makeMenu li ul { font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px; padding: 0px; text-align: left;}
.makeMenu li ul li { list-style: none;	background: none;	text-align: left;	padding: 0px; margin: 0px; }
.makeMenu li ul li a {font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	line-height: 18px;	
color: #000000;	text-decoration: none;	display: block;	padding-left: 10px;	margin: 0px;	
border-width: 0px 0px 1px 0px;	border-style: solid;	border-color: #0072C7;	
background-attachment: fixed; 	background: url(../images/makemenu-l2-bg.jpg); background-repeat: repeat-y;	background-position: left top;
}
.makeMenu li ul li a:hover { text-decoration: underline }
/* level 3 */
.makeMenu li ul li ul { font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px; padding: 0px; text-align: left;}
.makeMenu li ul li ul li { list-style: none;	background: none;	text-align: left;	padding: 0px; margin: 0px; }
.makeMenu li ul li ul li a {font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	line-height: 18px;	
color: #660000;	text-decoration: none;	display: block;	padding-left: 20px;	margin: 0px;	
border-width: 0px 0px 1px 0px;	border-style: solid;	border-color: #0072C7;	
background-attachment: fixed; 	background: url(../images/makemenu-l2-bg.jpg); background-repeat: repeat-y;	background-position: left top;
}
.makeMenu li ul li ul li a:hover { text-decoration: underline }
