body {
	background-color:#F3F3F3;
	background-image:url(htmlBg.jpg);
	background-position:center;
	background-repeat:repeat-y;
	margin:0;
	font-family:arial;
	font-size:11px;
	color:#606060;
}
a,a:hover,a:visited,a:active {
	font-size:11px;
	font-family:arial;
	color:#606060;
	text-decoration:none;
}
a:hover {
	color:#8096BB;
}

html, body {
  margin: 0;
  padding: 0;
  height: 100%; /* Required */
}

h1 {
	margin:0;
}

#tartalom strong {
	font-weight:bold;
	color:#8096BB;
}

/*a legkülso div*/
#contents {
	border:solid 0px #ff0099;
	width:1000px;/* az oldal max szélessége,  footer,header- nél is meg kell adni */
	background-repeat:repeat-y;
	text-align: left;
	position: relative;
	min-height: 100%; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	height: 100%; /* For IE */
	margin:0 auto;
}

/*-----------------------------------------HEADERHEADERHEADERHEADERHEADERHEADERHEADERHEADERHEADER----------------------------------------------------*/
#header {
	width:990px;/* az oldal max szélessége,  footer,header- nél is meg kell adni */
	height:150px;
	background-image:url(headerBg.gif);
	background-repeat:no-repeat;
	background-color:#fff;
	background-position:255px 0px;
	border:dotted 0px #fff;
	margin-left:5px;
}

*html #header{
margin-left:6px;
}

#header h1  span {
	position:absolute;
	display:none;
}
/*---headerPic----*/
#headerPic {
	position:absolute;
	margin-left:280px;

}

#headerPic a {
	display:block;
	width:700px;
	height:72px;
	background-image:url(headPic.gif);
	background-position:0 -73px;
	}
#headerPic a span {
	display:none;
}
#headerPic a:hover {
	background-position:0 -73px;
}

#logo {
margin-top:7px;
position:absolute;
}

/*--------headerMenu--------*/
#headerMenu {
	padding:0px;
	position:absolute;
	margin:77px 0px 0px 310px;
	list-style-type:none;
	display:block;
	margin-left:500px;
}

#headerMenu li {
	display:inline;
}
#headerMenu li a {
	padding:3px 7px 3px 7px;
	font:Arial;
	font-size:11px;
	color:#606060;
	text-decoration:none;
}

#headerMenu li a:hover {
	background-color:#8096BB;
	color:#fff;
}

/*--------------Kereses----------------*/
#keresCntr {
	position:absolute;
	margin:121px 0px 0px 562px;
}

#keresIn {
	position:absolute;
	behavior:  url(hover.htc);
	border-width:0px;
	background-color:transparent;
	background-image:url(keresesIn.gif);
	margin:0px;
	padding:2px 0 0 3px;
	width:112px;
	height:17px;
	font-family:arial;
	font-size:11px;;
	color:#5B5545;
	margin-left:250px;
}
#keresIn.hover {
	background-position: 0 -19px;
}
#keresIn:hover {
	background-position: 0 -19px;
}

/*keresBtn*/
#keresBtn {
	position:absolute;
	margin:0px 0px 0px 125px;
	padding:0px;
	behavior: url(hover.htc);
	cursor:pointer;
	border:0px;
	background-image:url(keresBtn.gif);
	display:block;
	width:52px;
	height:21px;
	margin-left:370px;
}
#keresBtn.hover {
	cursor:hand;
	background-position: 0 -21px;
}
#keresBtn:hover {
	cursor:hand;
	background-position: 0 -21px;
}

/*-------------IKONOK----------------*/
/*homeBtn*/
#isoLogo {
	position:absolute;
	margin:95px 0px 0px 230px;
}
#isoLogo img, #isoLogo a {
	border:none;
}
#lyonessLogo {
	position:absolute;
	margin:95px 0px 0px 355px;
}
#lyonessLogo img, #lyonessLogo a {
	border:none;
}
#homeBtn {
	position:absolute;
	margin:95px 0px 0px 480px;
	
}
#homeBtn a { 
	width:52px;
	height:50px;
	display:block;
	background-image:url(homeBtn.jpg);
}
#homeBtn a span {
	display:none;
}
#homeBtn a:hover {
	background-position:0 -50px;
}

/*kosarBtn*/
#kosarBtn {
	position:absolute;
	margin:95px 0px 0px 530px;
}
#kosarBtn a { 
	width:47px;
	height:50px;
	display:block;
	background-image:url(kosarBtn.jpg);
}
#kosarBtn a span {
	display:none;
}
#kosarBtn a:hover {
	background-position:0 -50px;
}

/*helpBtn*/
#helpBtn {
	position:absolute;
	margin:95px 0px 0px 580px;
}
#helpBtn a { 
	width:53px;
	height:50px;
	display:block;
	background-image:url(helpBtn.jpg);
}
#helpBtn a span {
	display:none;
}
#helpBtn a:hover {
	background-position:0 -50px;
}

/*chatBtn*/
#chatBtn {
	position:absolute;
	margin:95px 0px 0px 630px;
}
#chatBtn a { 
	width:55px;
	height:50px;
	display:block;
	background-image:url(chatBtn.jpg);
}
#chatBtn a span {
	display:none;
}
#chatBtn a:hover {
	background-position:0 -50px;
}


/*mailBtn*/
#mailBtn {
	position:absolute;
	margin:95px 0px 0px 680px;
}
#mailBtn a { 
	width:46px;
	height:50px;
	display:block;
	background-image:url(mailBtn.jpg);
}
#mailBtn a span {
	display:none;
}
#mailBtn a:hover {
	background-position:0 -50px;
}


/*-------------------------------------------------------FOOTERFOOTERFOOTERFOOTERFOOTERFOOTERFOOTERFOOTER------------------------------------------------------*/

#footer {
	width:990px;/* az oldal max szélessége,  footer nél is meg kell adni */
	border:solid 0px #ff0000;
	background-color:#E5E5E5;
	/*background-image:url(footerBg.gif);*/
	position: absolute;
	bottom: 0 !important;
	bottom: -1px; /* For Certain IE widths */
	text-align:center;
	margin-left:5px;
}

*html #footer{
margin-left:6px;}



#main {
	padding-bottom:80px;
	width:1000px;
	margin:0 auto;
	
}


#main:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html #main  {height: 1%;
}
/* End hide from IE-mac */



/*-------------------------------------------------------LEFTLEFTLEFTLEFTLEFTLEFTLEFTLEFTLEFTLEFTLEFTLEFTLEFTLEFT------------------------------------------------------*/

#leftContent {
	border:solid 0px red;
	margin:0 0 0 5px;
	width:170px;
	text-align:left;
	float:left;
}
*html{
	padding-left:1px;
}
/*------------------------------KATEGEGÓRIÁK MENU---------------------------------*/
#kategoriakBlock {
	width:170px;
	border:solid 0px #fff;
	margin:0 0 0 0px;
}
#kategoriakBlock ul {
	list-style-type:none;
	padding:0;
	margin:0px;
}
#kategoriakBlockLabel {
	background-image:url(katTop.gif);
	margin:0 0 0 2px;
	padding:0px;
	width:149px;
	height:32px;
	text-indent:-200px;
}
#kategoriakBlock li {
	display:block;
	padding:0;
	margin:0;
}
#kategoriakBlock li.mp1 a {
	background-image:url(mp1.gif);
	display:block;
	padding-top: 9px;
	color:#606060; 
	text-decoration:none;
	font-family: Arial;
	font-size: 11px;
	width:149px;
	height:21px;
	text-indent:25px;
}
#kategoriakBlock li.mp1 a:hover {
	background-position:0px -30px;
	text-indent:35px;
	color:#242424;
}

#kategoriakBlock li.mp2 a {
	background-image:url(mp2.gif);
	display:block;
	padding-top: 9px;
	color:#606060; 
	text-decoration:none;
	font-family: Arial;
	font-size: 11px;
	width:149px;
	height:21px;
	text-indent:25px;
}
#kategoriakBlock li.mp2 a:hover {
	background-position:0px -30px;
	text-indent:35px;
	color:#242424;
}

#kategoriakBlock li.mp3 a {
	background-image:url(mp3.gif);
	display:block;
	padding-top: 9px;
	color:#606060; 
	text-decoration:none;
	font-family: Arial;
	font-size: 11px;
	width:149px;
	height:21px;
	text-indent:25px;
}
#kategoriakBlock li.mp3 a:hover {
	background-position:0px -30px;
	text-indent:35px;
	color:#242424;
}

#kategoriakBlock li.mp4 a {
	background-image:url(mp4.gif);
	display:block;
	padding-top: 9px;
	color:#606060; 
	text-decoration:none;
	font-family: Arial;
	font-size: 11px;
	width:149px;
	height:21px;
	text-indent:25px;
}
#kategoriakBlock li.mp4 a:hover {
	background-position:0px -30px;
	text-indent:35px;
	color:#242424;
}

#kategoriakBlock li.mp5 a {
	background-image:url(mp5.gif);
	display:block;
	padding-top: 9px;
	color:#606060; 
	text-decoration:none;
	font-family: Arial;
	font-size: 11px;
	width:149px;
	height:21px;
	text-indent:25px;
}
#kategoriakBlock li.mp5 a:hover {
	background-position:0px -30px;
	text-indent:35px;
	color:#242424;
}

/*akcioBtn*/
#akcioBtn {
	position:absolute;
	margin:0px 0px 0px 0px;
}
#akcioBtn a { 
	width:130px;
	height:45px;
	display:block;
	background-image:url(akc_term.jpg);
	text-decoration:none;
	font-family: Arial;
	font-size: 11px;
	color:#888;
	font-weight:bold;
}
#akcioBtn a span {
	position:absolute;
	width:100px;
	border:solid 0px red;
	margin:10px 0px 0px 45px;
}
#akcioBtn a:hover {
	color:#333;
	background-position:0 -45px;
}

#kategoriakBlockEnd {
	background-image:url(katEnd.gif);
	width:149px;
	height:61px;
}


/*------------------------------LOGIN---------------------------------*/
#loginBlock {
	width:170px;
	border:solid 0px red;
	margin:10px 0 0 0px;
}
#loginBlockLabel {
	background-image:url(loginTop.gif);
	padding:0px;
	width:149px;
	height:32px;
	text-indent:-200px;
}
#loginBlockEnd {
background-image:url(boxEnd.gif);
	width:149px;
	height:12px;
	border:solid 0px red;
}
.loginBlockCenter{
	margin:10px 0px 10px 17px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#606060; 
}
.loginBlockCenter span{
	display:block;
	margin-top:10px;
}

#loginIn {
	behavior:  url(hover.htc);
	border-width:0px;
	background-color:transparent;
	background-image:url(loginIn.gif);
	background-repeat:no-repeat;
	width:115px;
	height:15px;
	font-family:arial;
	font-size:11px;
	padding:2px;
	padding-left:7px;
	text-align:left;
	color:#666256;
}
#loginIn.hover {
	background-position: 0 -19px;
}
#loginIn:hover {
	background-position: 0 -19px;
}

#enterBox {
	margin:10px 0px 5px  0px;
	border:solid 0px red;
	height:20px;
}

.regText {
	position:absolute;
	display:block;
	margin:0px;
	padding-top:4px;
}


.regText a {
	text-decoration:none;
	color:#606060;
}

.regText a:hover {
	text-decoration:none;
	color:#8096BB;
}

#enterBtn {
	border:0px;
	margin-left: 65px;
	position:absolute;
	padding:0px;
	font-size:9px;
	behavior: url(hover.htc);
	background-image:url(loginBtn.gif);
	cursor:pointer;
	width:50px;
	height:21px;
}
#enterBtn.hover {
	cursor:hand;
	background-position: 0 -21px;
}
#enterBtn:hover {
	cursor:hand;
	background-position: 0 -21px;
}

/*------------------------------HELP---------------------------------*/
#helpBlock {
	width:170px;
	border:solid 0px red;
	margin:10px 0 0 0;
}
#helpBlockLabel {
	background-image:url(helpTop.gif);
	padding:0px;
	width:149px;
	height:32px;
	text-indent:-200px;
}

#helpBlock ul {
	padding:0;
	margin:0px 0 10px 3px;
}
#helpBlock li {
	margin-bottom:2px;
	display:block;
}
#helpBlock li a {
	background-color:#F5F5F5;
	display:block;
	padding: 2px;
	color:#606060; 
	text-decoration:none;
	font-family: Arial;
	font-size: 11px;
	width:140px;
	height:13x;
	text-indent:5px;
}
#helpBlock li a:hover {
	background-color:#8096BB;
	color:#fff;
}

#helpBlockEnd {
	background-image:url(boxEnd.gif);
	width:149px;
	height:12px;
	border:solid 0px red;
}

/*--------------------------------------CENTERCENTERCENTERCENTERCENTERCENTERCENTERCENTER-----------------------------------------*/
#centerContent {
	border:solid 0px red;
	margin:0 0 0 0px;
	width:822px;
	text-align:left;
	float:left;
}

*html #centerContent{
	width:815px;
}

#centerContent:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html #centerContent  {height: 1%;}
/* End hide from IE-mac */

#aktBox{
	background-image:url(aktBg.gif);
	width: 814px;
	height:27px;
	padding:5px 0px 0px 5px;
	margin:0px;
	color:#606060;
}

*html #aktBox{
width:810px;
}

#tartalom {
	margin:15px 10px 15px 10px;
	border:solid 0px red;
	text-align:justify;
}

img {
border:solid 2px #8096BB;
margin:4px 0 10px 0;
}

#hirBlock {
margin:15px 0 15px 0;
border:solid 0px red;
padding:5px 10px 0px 10px;
background-color:#f9f9f9;
background-image:url(hirekEndBg.gif);
background-position:bottom;
background-repeat:repeat-x;
}

.hirPic {
width:85px;
float:left;
}

.fotgalHirek {border:2px; border-thickness: 1px; border-color: #E6E6E6; border-style: solid; margin:0}
A:hover, A:active {border-color: #E6E6E6; border:2px;}
A:hover .fotgalHirek, A:active .fotgalHirek {border:2px; border-thickness: 1px; border-color: #8096BB; border-style:solid;}

.hirText {
min-height:100px;
margin-bottom:10px;
}

.hirText2 {
min-height:100px;
margin-bottom:10px;
float:left;
width:650px;
}

.hirDate {
color:#8096BB;
font-weight:bold;
}

.hirLead {
font-weight:bold;
}

.tovabb {
	padding-bottom:2px;
	font-size:11px;
	text-align:right;
	font-weight:bold;
}


/*-------------------------------KAPCSOLAT------------------------------*/
#kapcsTable {
width:450px;
margin-top:20px;
border:solid 2px #e3e3e3;
}

#kapcsTable td{
padding:5px;
}

#kapcsTable tr{
height:25px;
}

#kapcsTable tr {
background-color:#f3f3f3;
}
#kapcsTable tr.hover {
background-color:#e2e9f4;
}
#kapcsTable tr:hover {
background-color:#e2e9f4;
}




/*-------------------------------MEGRENDELÉS---------------------------*/
.ar {
	color:#8096BB;
}
	
.megrendelesBox {
	padding-bottom:10px;
	text-align:left;
}

.leiras {
padding-top:10px;
}

#megrendelemBtn {	
	width:96px;
	height:17px;
	border:0px;
	margin: 2px 0 0 430px;
	padding:0px;
	border:solid 0px red;
	font-size:9px;
	behavior: url(hover.htc);
	background-image:url(megrendelemBtn.gif);
	cursor:pointer;
}
#megrendelemBtn.hover {
	cursor:hand;
	background-position: 0 -17px;
}
#megrendelemBtn:hover {
	cursor:hand;
	background-position: 0 -17px;
}

.dbBox {
	position:absolute;
	border:solid 0px red;
	margin:0 0 0 370px;
}
*html .dbBox {
	margin:0 0 0 180px;
}

#dbIn {	
	width:25px;
	margin:0px;
	padding:3px 1px 0px 0;
	height:16px;
	border:solid 0px red;
	behavior:  url(hover.htc);
	background-color:transparent;
	background-image:url(dbIn.gif);
	background-repeat:no-repeat;
	font-family:arial;
	font-size:11px;
	padding-left:7px;
	text-align:left;
	color:#666256;
}
#dbIn.hover {
	background-position: 0 -19px;
}
#dbIn:hover {
	background-position: 0 -19px;
}



/*--------------------------------------TERMÉKLISTA-----------------------------------------*/
#termekekListTable {
	width:540px;
	border:solid 0px red;
	margin-left:10px;
}

#termekListTableTermek {
	background-image:url(akcioBoxBg.gif);
	background-repeat:no-repeat;
	background-color:#F3F3F3;
	background-position:100px 5px;
	margin-top:10px;
	margin-right:20px;
}

#termekListTableTermek_sima {
	background-image:url(BoxBg.gif);
	background-repeat:no-repeat;
	background-color:#F3F3F3;
	background-position:100px 5px;
	margin-top:10px;
	margin-right:20px;
}
#termekListTableTermek  a {
	font-weight:bold;
	text-decoration:none;
	color:#666;
}
#termekListTableTermek  a:hover {
	font-weight:bold;
	text-decoration:none;
	color:#8096BB;
}
#termekListMenu {
	text-align:center;
	width: 360px;
	height:14px;
	margin-bottom:4px;
	margin-top:4px;
	background-color:#E5E5E5;
	padding:3px;
}
*html #termekListMenu {
	border-bottom:solid 0px #F3F3F3;
	color:#999;
}
.termekListTermekLeiras {
	padding-top:3px;
	padding-right:7px;
}

.termekListTermekLeiras p{
	padding:0px;
	margin:0px 0 5px 0;
}
.termekListaAr {
font-weight:bold;
color: #8096BB;
}


/*------------------------------- Terméklista termékképei --------------------------------*/
.fotgal {border:1px; border-thickness: 1px; border-color: #E6E6E6; border-style: solid;}
A:hover, A:active {border-color: #E6E6E6; border:1px;}
A:hover .fotgal, A:active .fotgal {border:1px; border-thickness: 1px; border-color: #8096BB; border-style:solid;}


/*--===KIEMELT TERMÉKEK===*/
#kiemeltTermekek {
margin-top:10px;
border:solid 0px red;
}
/*------------------------------- ALMENU --------------------------------*/

/*------------------------------- KiemeltTerméklista termékképei --------------------------------*/
.fotgalKiemelt {border:1px; border-thickness: 1px; border-color: #E6E6E6; border-style: solid;}
A:hover, A:active {border-color: #E6E6E6; border:1px;}
A:hover .fotgalKiemelt, A:active .fotgalKiemelt {border:1px; border-thickness: 1px; border-color: #8096BB; border-style:solid;}

#almenuLista {
margin: 20px 0px 0px 25px;
}
#almenuLista tr {
height:18px;
behavior: url(hover.htc);
background-color:#f5f9ff;
}
#almenuLista td {
padding-right:5px;
text-indent:5px;
color:#505d73;
}
#almenuLista tr.hover {
background-color:#e2e9f4;
}
#almenuLista tr:hover {
background-color:#e2e9f4;
}

.fokat {
font-weight:bold;
color:#505d73;
background-color:#e2e9f4;
}


/*----------------------REGISZTRÁCIÓ--------------------------------*/

#regTable {
margin:0 auto;
margin-top: 40px;
width:500px;
border:solid 3px #f3f3f3;
background-color:#fff;
}

#regTable tr td{
color:#606060;
padding:3px;
height:40px;
border-bottom:dotted 1px #f3f3f3;
}

.regBg {
padding:0px;
background-color:#f3f3f3;
}

.regTrLabel {
background-color:#f3f3f3;
}

.sInfo{
font-size:10px;
color:#999;
}
.csillag{
color:#FF0000;
font-size:12px;
}

.sorszam{
color:#8096BB;
font-size:13px;
font-weight:bold;
padding-right:5px;
}

#regTable  .textField {
	behavior:  url(hover.htc);
	border-width:0px;
	background-color:transparent;
	background-image:url(loginIn.gif);
	background-repeat:no-repeat;
	width:152px;
	height:15px;
	font-family:arial;
	font-size:11px;
	padding:2px;
	padding-left:7px;
	padding-right:8px;
	text-align:left;
	color:#666256;
}
#regTable  .textField.hover {
background-position: 0 -19px;
color:#333;
}
#regTable  .textField:hover {
background-position: 0 -19px;
color:#333;
}


/*---regisztralBtn----*/
#regisztralBtn {
margin:4px 0px 4px 100px;
padding:0px;
behavior: url(hover.htc);
cursor:pointer;
border:0px;
background-image:url(regBtn.gif);
display:block;
width:70px;
height:21px;
}
#regisztralBtn .hover {
cursor:hand;
background-position: 0 -21px;
}
#regisztralBtn:hover {
cursor:hand;
background-position: 0 -21px;
}
#regisztralBtn span{ 
visibility:hidden;
}

/*-----------------------------------------KOSÁR-----------------------------------------------------*/
#kosarTable {
width: 544px;
background-color:#fff;
border:solid 3px #f3f3f3;
margin-top:30px;
}
#kosarTable td{
padding:3px;
}
#kosarTable tr {
behavior: url(hover.htc);
background-color:#fff;
}
#kosarTable tr.hover {
background-color:#f3f3f3;
}
#kosarTable tr:hover {
background-color:#f3f3f3;
}
.topTd { 
color:#606060;
height:20px;
background-color:#f3f3f3;
}
.termekTd {
height:20px;
}
.osszTd {
color:#606060;
height:20px;
background-color:#f3f3f3;
}

/*---TörlésBtn----*/
#torlesBtn {
margin-right:2px;
}
#torlesBtn a {
display:block;
width:21px;
height:21px;
background-image:url(torlesBtn.gif);
}
#torlesBtn a span {
display:none;
}
#torlesBtn a:hover {
background-position:0 -21px;
}

/*---MegrendelésBtn----*/
#megrendelesBtn {
margin: 15px 0px 20px 270px;
}
#megrendelesBtn a {
display:block;
width:72px;
height:21px;
background-image:url(megrendelesBtn.gif);
}
#megrendelesBtn a span {
display:none;
}
#megrendelesBtn a:hover {
background-position:0 -21px;
}
.clearer{
	clear:both;
}





