/* the bit that does the work */
html {
  overflow: hidden;
}
body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  background:#fff; 
  font-size:76%;
  overflow: hidden;}

/* for internet explorer */
* html body {
	padding-top: 120px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;}

#container {
	font-family:"times new roman", serif;
	font-size: 1.2em;
	position: fixed;
	z-index: -10;
	top:120px;
	left:0;
	bottom:0px;
	right:0;
	overflow: auto;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(im-elements/bg-pg.jpg);
	background-repeat: repeat-y;
	height: auto;*/
	margin-bottom: 0px;
}

* html #container {
	height:100%;
	width:100%;
}


.left-menu {
	position: fixed;
	_position: absolute;
	top: 120px;
	left: 0;
	width: 190px;
	height: auto;
	overflow: auto;
	background-color: #E4E9F1;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #878787;
	}




#header {
	position:absolute;
	top:90px;
	left:0px;
	width:100%;
	overflow:visible;
	z-index: 5;
	height: 20px;
	background-color: #FF3333;}
* html #header {
}


/* -- start of menu -- */
#menu {
	padding:0;
	width:0;
	margin: 0;}

#menu li {
	list-style-type:none;
	width:170px;
	height:20px;
	clear:both;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 2;}

#menu a, #menu a:visited {
	position:relative;
	display:block;
	width:150px;
	height:20px;
	background-color:#FAFBFD;
	color:#333333;
	padding-left:3px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;}

#menu a span, #menu a:visited span {display:none;}

#menu a:hover {
	color:#FF0000;
	background-color:#FFFFFF;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-left: 15px;}

#menu a:hover span {
	position:absolute;
	display:block;
	left:0px;
	top:0;
	width:0px;
	height:0px;
	font-size:1px;
	line-height:0;
	border-top-width: 8px;
	border-bottom-width: 8px;
	border-left-width: 8px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #c00;}

* html #menu a:hover span {width:8px; height:16px; w\idth:0; he\ight:0;}
/* -- end of menu -- */

/* -- start of left menu -- */
	
.left-menubox {
	text-align: left;
	background-image: url(im-elements/left-menusepar-bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 1px;
	padding-left: 4px;}
	
.left-menubox-2 {
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 1px;
	padding-left: 4px;}
	
#left-menubox-act {
	background-color: #FAFBFD;
	padding-top: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF0000;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;}

.leftnav {
	margin-left:5px;
	display:block;
	color:#333333;
	text-decoration:none;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-right: 0px;
	letter-spacing: 1px;
	padding-bottom: 4px;
	padding-top: 6px;}

a.leftnav, a.leftnav:visited {
	margin-left:8px;
	display:block;
	color:#003399;
	text-decoration:none;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-top: 6px;
	margin-right: 0px;
	letter-spacing: 1px;
	padding-bottom: 4px;
	padding-left: 5px;}
	
a.leftnav:hover {
	color:#FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;}

.leftnav-act_title {
	color:#FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
	margin-left:5px;
	display: block;
	margin-right: 0px;
	letter-spacing: 1px;
	padding-bottom: 4px;
	padding-top: 6px;}

a.leftnav-act, a.leftnav-act:visited {
	margin-left:12px;
	display:block;
	width:160px;
	height:20px;
	color:#000099;
	text-decoration:none;
	text-align:left;
	background-color: #FAFBFD;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E9F1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding-top: 4px;
	margin-right: 0px;
	padding-bottom: 2px;}
	
a.leftnav-act:hover {
	color:#FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;}

.menulist-1 {
	padding-left: 10px;
	font-size: 1em;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 2em;}
	
.menulist-2 {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;}
	
.menulist-3 {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;}
	
#akcios-boxcontainer {
	font-size: 1em;
	font-weight: bold;
	background-color: #FF0000;
	width: 175px;
	text-indent: 2px;
	padding: 1px;
	margin-left: 5px;
	margin-right: 0px;}
	
#akcios-boxhead {
	font-size: 1em;
	font-weight: bold;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;}

	
#akcios-boxcontent {
/*	font-size: 1em;*/
/*	font-weight: bold;*/
	background: #FFFFFF;
/*	padding-top: 4px;*/
/*	padding-right: 4px;*/
/*	padding-bottom: 4px;*/
/*	padding-left: 4px;*/
	text-align: center;
}

.img-promotion {
	margin-left: 10%;
	margin-right: 10%;}
	
.contentright {
	width:185px;
	float:right;
	padding-left: 2px;
	text-align: left;
	padding-bottom: 10px;
}	
	
.right-menubox {
	text-align: left;
	font-size: 1em;
	background-image: url(im-elements/right-menusepar-bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 1px;
	padding-left: 3px;}
	
.rightnav {
	margin-left:0px;
	display:block;
	color:#333333;
	text-decoration:none;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-right: 0px;
	letter-spacing: 1px;}

a.rightnav, a.rightnav:visited {
	display:block;
	color:#FF0000;
	text-decoration:none;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	padding-top: 2px;
	padding-left: 18px;
	text-indent: 0px;
	padding-bottom: 5px;
	font-weight: bold;
}
	
a.rightnav:hover{
	color:#006699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}
	
a.rightnav2, a.rightnav2:visited {
	display:block;
	color:#FF0000;
	text-decoration:none;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 6px;
	height: 20px;
	padding-bottom: 3px;
	font-weight: bold;
	padding-left: 2px;
	letter-spacing: 1px;
}
	
a.rightnav2:hover {
	color:#006699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}

a.bullet2 {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CCFFCC;
	line-height: 18px;
	font-weight: bold;
	padding: 0;
}

a.bullet2:hover {
	text-decoration: none;
	color: #FF0000;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;}

a .bullet {
	background-image: url(im-elements/but-submenuicon-2.gif);
	background-repeat: no-repeat;
	background-position: left;
	color: #FF0000;
	padding-left: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

a:hover .bullet {
	padding-left: 4px;
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
	
#hirek-box {
	float: right;
	font-family: "Times New Roman", Times, serif;
	/*margin-bottom: 10px;*/
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 4px;
	background-color: #F9F9F2;}
	
.hir-text {
	color:#666666;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	display: table;
}

.bovebb {
	padding-left: 90px;
	padding-top: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	padding-bottom: 4px;
}
	
a.bovebb {
	color:#003399;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	padding-left: 90px;
	padding-top: 10px;
}	
	
a.bovebb:hover {
	color:#FF0000;
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	padding-left: 90px;
	padding-top: 10px;
}	

	
.hir-separator {
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	padding-left: 80px;}
	
#ujtermek-boxcontainer {
	font-size: 1em;
	font-weight: bold;
	background-color: #33CC33;
	width: 175px;
	text-indent: 2px;
	padding: 1px;
	margin-left: 5px;
	margin-right: 0px;
	float: right;
/*	margin-top: 8px;*/
}
	
#ujtermek-boxhead {
	font-size: 1em;
	font-weight: bold;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;}
	
#ujtermek-boxcontent {
	font-size: 1em;
	font-weight: bold;
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
	text-align: center;}



/* end of bit that does the work */

.cim {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333399;
	text-align: left;
	display: block;
	margin-left: 200px;
	margin-top: 20px;
	word-spacing: 5px;
	height: auto;
	margin-bottom: 0px;
	padding-bottom: 10px;
	vertical-align: text-bottom;
	padding-top: 10px;
}

a, a:visited {
  text-decoration:none;}

a:hover {
  color:#FF0000; 
  text-decoration:none;}

.text-1 {
	color:#333333;}
	
.text-2 {
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 2px;}
	
.prod-name {
	font-size: 13px;
	color: #003399;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;}
	
.proddetail-name {
	font-size: 16px;
	color: #003399;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}
	
	
.prod-price {
	font-size: 13px;
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
	
.prod-box {
	margin-top: 4px;
	margin-bottom: 4px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #C0C0C0;
}
	
.prod-detailbox {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}
	
.prod-description {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	background-position: left top;
	width: 100%;
	text-align: justify;
}	

img#mascot {float:right;}

/* -- start of head -- */

#head-container {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:120px;
	overflow:hidden;
	z-index: 2;
	background-repeat: repeat-x;
	background-position: top;
	background-image: url(im-elements/bg-headcontainer.jpg);
}
* html #head-container {height:120px;}

.head-logo {
	width:185px;
	float:left;
	text-align:justify;
	height: 98px;}

.head-promo {
	height: 98px;
	background-repeat: no-repeat;
	background-position: left;
	text-align: right;
	background-image: url(im-elements/bg-headpromo.jpg);
}
	
.head-telefon {
position: absolute;
left: 0;
	width: 200px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #264A97;
	letter-spacing: 1px;
	padding-top: 1px;
	height: 19px;
	_height: 20px;
	float: left;}

.head-navbar {
	height: 20px;
	background-color: #FF3333;
	color: #FFFFFF;
	width: auto;}

.head-navbar {
height: 20px;
background-color: #264A97;
	background-repeat: no-repeat;
	background-position: left;
	text-align: right;}

#header ul {
	clear:both;
	text-align:center;
	border-top:1px solid #73a2bd;}

#header ul {
	margin:0;
	padding:0;
	list-style-type:none;
	background:transparent;
	height:3em;}

#header ul li {
  display:inline; 
  color:#73a2bd;}
	
#menu2 {
  display:table;
  padding:0; 
  margin:0 auto; 
  list-style-type:none;
  white-space:nowrap;}
#menu2 li {
  display:table-cell;  }
* html #menu2 li {
  float:left;}
  
#menu2 a {
	width:auto;
	display:block;
	color:#fff;
	text-decoration:none;
	background-color: #264A97;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #D4D8E3;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}
* html #menu2 a {
  float:left;}
#menu2 a:hover {
	color:#FFFFFF;
	background-color: #D92119;}

.top-navigation {
	text-decoration:none;}
* html .top-navigation {}


/* -- start of content -- */
.contentbody {
	margin-left: 210px;
	margin-right: 210px;
	height: 100%;
	margin-bottom: 40px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #999999;
}
* html .contentbody {
}
	
.contentbody a, .contentbody a:visited {
font-size:1em; color:#000; text-decoration:underline;}
.contentbody a:hover {
color:#888; text-decoration:none;}


.contentfooter {
	color: #003399;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	border-top: #264A97 1px solid;
/*	border-top-width: 1px;*/
/*	border-top-style: solid;*/
/*	border-top-color: #264A97;*/
	padding-top: 5px;
}
* html .contentfooter {
/*	border-top-width: 0;*/
/*	border-right-width: 0;*/
/*	border-bottom-width: 0;*/
/*	border-left-width: 0;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003399;
}
	
.contentfooter a, .contentfooter a:visited {
	font-size:12px;
	color:#003399;
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
}
.contentfooter a:hover {
	color:#FF0000;
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#promo-boxcontainer {
	font-size: 1em;
	font-weight: bold;
	width: 180px;
	text-indent: 2px;
	padding: 1px;
	margin-left: 8px;
	margin-right: 0px;
	float: right;}
	
#promo-boxhead {
	font-size: 1em;
	font-weight: bold;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;}
	
#promo-boxcontent {
	font-size: 1em;
	font-weight: bold;
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
	text-align: center;}
	
a.title-1, a.title-1:visited {
	color:#FF0000;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;}
	
a.title-1:hover {
	color:#003399;
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;}

.navinfo {
	color:#FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	word-spacing: 4px;
}
	
a.navinfo, a.navinfo:visited {
	color:#FF0000;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	word-spacing: 4px;}
	
a.navinfo:hover {
	color:#003399;
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	word-spacing: 4px;}

hr {
	border:0;
	height:1px;
	color:#CCCCCC;
	background-color:#CCCCCC;
	margin-right: 10px;
	margin-left: 200px;}
	
.sep-line {
	width: 175px;
	font-size: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #E4E9F1;
	color: #FFFFFF;
	margin-top: 4px;
	margin-bottom: 4px;}	

.al_float-rgt {
	float:right;
	margin-left: 6px;
	margin-top: 6px;
	margin-bottom: 14px;
}
	
.al_float-lft {
	float:left;
	margin-right: 14px;
	margin-top: 6px;
	margin-bottom: 6px;
}
	
.buttonicon-lft {
	float:left;
	margin-top: 8px;
	margin-right: 3px;
	margin-left: 2px;}


h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;}

h1 {font-size:4em; margin:0; padding:0;}
h2 {color: #99C4E6;}
h4 {font-size: 1em;

	color: #003366;}	
h5 {font-size: 1em;
	color: #333333;
	padding-top: 0px;
	vertical-align: top;}	
h6 {font-size: 12px;
	color: #000066;
	font-weight: bold;
	margin: 0px;
	padding: 0px;}

.title-1 {
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;}
	
.title-2 {
	font-size: 13px;
	color: #003399;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}
	
.title-3 {
	font-size: 16px;
	color: #3C5B9E;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 1px;}