/*------------------------------------------------------*/
/* A pénztár gombjának megjelenítése */
/*------------------------------------------------------*/

table.kosar_tartalma th{
	font-size: 16px;
	height: 25px;
	padding-left: 6px;
}


.kuldo_gomb{
	width: 155px;
	height: 30px;
	border: none;
  background-color: rgb(244,101,33);
  color: white;
  font-weight: bold;
  font-size: 13px;
}


.adatmodositas_gomb{
	background-image: url(/images/adatmodositas_1.jpg);
	width: 150px;
	height: 40px;
	border: none;	
}

.adatmodositas_gomb:hover{
	background-image: url(/images/adatmodositas_2.jpg);
	width: 150px;
	height: 40px;
	border: none;	
}

.uj_jelszo_gomb{
	background-image: url(/images/uj_jelszo_1.jpg);
	width: 150px;
	height: 40px;
	border: none;	
}

.uj_jelszo_gomb:hover{
	background-image: url(/images/uj_jelszo_2.jpg);
	width: 150px;
	height: 40px;
	border: none;	
}

/*------------------------------------------------------*/
/* A pénztár kosárának megjelenítése */
/*------------------------------------------------------*/

#penztar_fejlec{
	color: rgb(243,101,35);
	margin-top: 0px;
	margin-bottom: 5px; 
}


div#penztar{
	padding: 3px 0px 10px 0px;
}
table.kosar_penztar{
	width: 100%;
	margin-bottom: 15px;
	border-collapse: collapse;
}

table.kosar_penztar td{
  padding: 10px 5px 20px 5px; 
}

tr.sor_elso{
	background-color: white;
}

tr.sor_masodik {
	background-color: #e0e0e0;
}

table.kosar_penztar td{
	border: solid 1px white;
	padding-left: 5px;
	padding-bottom: 3px;
}

table.kosar_penztar th{
	background-color: rgb(243,101,35);
	border: solid 1px white;
	font-size: 14px;
	height: 25px;
	padding: 4px;
	color: white;
}


td.kosar_penztar_megnevezes{
	font-weight: bold;
}

td.kosar_penztar_egysegar{
  width: 65px;
	text-align: right;
	padding-right: 5px;	
}

td.kosar_penztar_db{
	text-align: center;
}

td.kosar_penztar_osszesen{
  width: 65px;
	font-weight: bold;
	text-align: right;
	padding-right: 5px;	
}

td.penztar_aruk_osszesen_megnevezes{
	text-align: right;
  vertical-align: middle;
	color: white;
	background-color: rgb(243,101,35);
	padding-right: 5px;	
	font-size: 110%;
}

td.penztar_aruk_osszesen_osszeg{
	font-weight: bold;
	color: white;
	text-align: right;
	background-color: rgb(243,101,35);	
	padding-right: 5px;	
	font-size: 110%;
}

td.penztar_szallitasi_megnevezes{
	text-align: right;
	color: black;
	background-color: white;
	padding-right: 5px;	
	font-size: 110%;
}

td.penztar_szallitasi_osszeg{
	font-weight: bold;
	color: black;
	text-align: right;
	background-color: white;	
	padding-right: 5px;	
	font-size: 110%;
}

td.penztar_osszesen_megnevezes{
	text-align: right;
	color: white;
	background-color: rgb(243,101,35);
	padding-right: 5px;	
	font-size: 110%;
}

td.penztar_osszesen_osszeg{
	font-weight: bold;
	color: white;
	text-align: right;
	background-color: rgb(243,101,35);	
	padding-right: 5px;	
	font-size: 110%;
}

/*------------------------------------------------------*/
/* A termék megjelenítése                               */
/*------------------------------------------------------*/
 td.termek_leiras{
 	vertical-align: top;
 }


/*------------------------------------------------------*/
/* Navigáció sor ürítés, folytatás, pénztár             */
/*------------------------------------------------------*/

table.navigacio{
	width: 100%;
	height: 30px;
} 

table.navigacio td{
	padding: 10px 10px 10px 0px;
 	vertical-align: middle;
}

/*------------------------------------------------------*/
/* Az összesen fizetendő megjelenítése                  */
/*------------------------------------------------------*/

div.osszesen_selected {
	width: 100%;
	border: solid 1px silver;
	margin-bottom: 15px;
  padding-left: 8px;
}

table.osszesito{
  width: 96%;
	float: right;
	margin: 8px;
	background-color: white;
	border-collapse: collapse;
	font-size: 14px;
}

td.osszesito_mod_selected{
	font-weight: bold;
	font-size: 120%;
	text-align: left;
	vertical-align: middle;
	padding-bottom: 10px;
}


td.osszesito_megnevezes_selected{
	font-weight: bold;
	text-align: left;
	padding: 6px 8px 4px 8px;
	width: 50%;
}

td.osszesito_osszeg_selected{
	font-weight: bold;
	color:  #c40000;
	text-align: right;
	padding: 6px 8px 4px 10px;
	width: 49%;
}

td.osszesito_suly_megnevezes_selected{
	font-weight: normal;
	text-align: left;
	padding: 10px 8px 4px 8px;
	width: 50%;
}

td.osszesito_suly_osszeg_selected{
	font-weight: normal;
	color:  #c40000;
	text-align: right;
	padding: 10px 8px 4px 10px;
	width: 49%;
}

div.osszesen {
	background-color: #e4e4e4;
	width: 100%;
	border: solid 1px silver;
	margin-bottom: 15px;
  padding-left: 8px;
}

td.osszesito_mod{
	background-color: #e4e4e4;
	font-weight: normal ;
	font-size: 120%;
	text-align: left;
	vertical-align: middle;
	padding-bottom: 10px;
}

td.osszesito_megnevezes{
	font-weight: normal;
	text-align: left;
	padding: 6px 8px 4px 8px;
	width: 50%;
}

td.osszesito_osszeg{
	font-weight: normal;
	color: #9a9a9a;
	text-align: right;
	padding: 6px 8px 4px 10px;
	width: 49%;
}

td.osszesito_suly_megnevezes{
	font-weight: normal;
	text-align: left;
	padding: 10px 8px 4px 8px;
	width: 50%;
}

td.osszesito_suly_osszeg{
	font-weight: normal;
	color: #9a9a9a;
	text-align: right;
	padding: 10px 8px 4px 10px;
	width: 49%;
}

/*------------------------------------------------------*/
/* A kosár tartalmának megjelenítése */
/*------------------------------------------------------*/

td.kosar_osszefoglalo{
	padding: 10px;
	vertical-align: middle;
	border-right: solid 1px silver;
}

td.kosar_osszeg{
	padding: 10px;
	vertical-align: middle;
	border-right: solid 1px silver;
	border-bottom: solid 1px silver;
	font-weight: bold;
}

table.kosar_tartalma{
	width: 100%;
	margin-bottom: 15px;
	border-collapse: collapse;
}

td.kosar_ar{
	font-size: 16px;
	font-weight: bold;
  padding: 5px;
	width: 100px;
	vertical-align: middle;
	text-align: center;
	border-left: solid 1px silver;
}

td.kosar_kep{
	padding: 10px 2px 10px 2px;
	width: 20%;
	vertical-align: middle;
	text-align: center;
	border-left: solid 1px silver;
}

td.kosar_kep img{
  width: 80%;
  min-width: 80px;
	/*max-height: 80px;*/
}

td.kosar_torles{
	padding: 10px 2px 10px 0px;
	vertical-align: middle;
	border-left: solid 1px silver;
	border-bottom: solid 1px silver;
	text-align: center;
}


/*------------------------------------------------------*/
/* A bejelentkezéshez szükséges beállítások */
/*------------------------------------------------------*/

.hibauzenet{
	color: red;
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 0px;
}

.no_gomb{
	border: none; 
	background: none;
	color: blue;
	text-decoration: underline;
}

.kosarba{
  border: none;
  margin:0px; 
  padding-left: 5px;
}

#popupcontent{
  position: absolute;
  visibility: hidden;
  overflow: hidden;
  border:1px solid #CCC;
  background-color: #b1fcb2;
  border:1px solid #333;
  padding:5px;
}


div#jelszo{
	border: 1px solid black;  
	padding: 5px;
/*	width: 100%; */
	margin-bottom: 15px;
}

table#jelszo td{
	padding: 3px;
}

table#jelszo{
	width: 100%;
}

.elfelejtett_jelszo{
	margin: 0px;	
	padding-left: 3px;
	text-decoration: none;
}



div#bejelentkezes_keret{
	border: 1px solid black;  
	padding: 0px;
	width: 100%;
	margin-bottom: 5px;
}

div#bejelentkezes_keret input{
	padding-left: 3px;
}

table#bejelentkezes{
	width: 100%;
  margin: 10px 3px 10px 5px;
}

table#bejelentkezes td{
	padding: 3px;
}

div#regisztracio_keret{
	border: 1px solid black;  
	padding: 10px 0px 10px 0px;
	width: 100%;
}

div#regisztracio_keret input{
	padding-left: 3px;
}

table#regisztracio{
	width: 100%;
  margin: 7px 3px 10px 5px;
  
}

table#regisztracio input{
	font-weight: normal;
}

/*------------------------------------------------------*/
/* A termékek után megjelenő esetleges plusz képek */
/*------------------------------------------------------*/

div.plussz_kepek img{
	margin: 10px;
}