body
{
	background-color:#d4d4d4;
	margin:0px;
	padding:0px;
	font-family:Tahoma;
}

img
{
	border:none;
}

		a:link
		{
			font-weight:bold;
			color:#333333;
			text-decoration:none;
		}
		
		a:hover
		{
			font-weight:bold;
			color:#444444;
			text-decoration:underline;
		}
		
		a:visited
		{
			font-weight:bold;
			color:#333333;
			text-decoration:none;
		}


.poof { 
    background: transparent url(images/poof.png) no-repeat 0 0; 
    cursor: pointer; 
    display: none; 
    height: 32px; 
    position: absolute; 
    width: 32px; 
} 

#lap
{
	position:absolute;
	left:50%;
	width:900px;
	margin-left:-450px;
	background:#d4d4d4;
}

		#top
		{
			width:900px;
			height:110px;
			background-position:center center;
			background-image:url('images/top.png');
		}
		
		.gomb
		{
			color:#000000;
			padding:5px;
			background:#cccccc;
			border:1px solid #000000;
			text-decoration:none;
		}

		.gomb:link
		{
			color:#000000;
			padding:5px;
			background:#cccccc;
			border:1px solid #000000;
			text-decoration:none;
		}
		
				.gomb:hover
				{
					color:#000000;
					background:#eeeeee;
					padding:5px;
					border:1px solid #000000;
					text-decoration:none;
				}
				
				.gomb:visited
				{
					color:#000000;
					padding:5px;
					border:1px solid #000000;
					background:#cccccc;
					text-decoration:none;
				}
				
				
		
		#content
		{
			padding:10px 21px 10px 21px;
			width:858px;
			background-image:url('images/content.png');
		}	

				#login
				{
					width:271px;
					height:184px;
					background-image:url('images/login.jpg');
					float:left;
				}
						
						#lang
						{
							position:absolute;
							top:125px;
							left:28px;
						}
						
						#loginBox
						{
							padding-top:10px;
							text-align:center;
							position:absolute;
							top:150px; /*def:150px | in case of noti: 180px / 2lines*/
							left:84px;
							width:153px;
							height:107px;
							background-image:url('images/loginBack.png');
						}
						
						.loginInput
						{
							width:120px;
							padding:3px;
							font-family:Tahoma;
							border:1px solid #000000;
							margin-bottom:6px;
						}

						.loginButton
						{
							width:126px;
							padding:0px;
							font-family:Tahoma;
							background:#494949;
							color:#ffffff;
							border:1px solid #000000;
							margin-bottom:6px;
							cursor:pointer;
						}		
						
								.loginButton:hover
								{
									background:#ffffff;
									color:#494949;
								}
						
						#loginBox a:link
						{
							font-family:Tahoma;
							color:#000000;
							font-size:11px;
							text-decoration:none;
						}
						
						#loginBox a:visited
						{
							font-family:Tahoma;
							color:#000000;
							font-size:11px;
							text-decoration:none;
						}
						
						#loginBox a:hover
						{
							font-family:Tahoma;
							color:#888888;
							font-size:11px;
							text-decoration:none;
						}
				
				#kep
				{
					width:573px;
					height:184px;
					margin-left:11px;
					background-image:url('images/kep.jpg');
					float:left;
				}	
				
				#tartalom
				{
					margin-top:11px;
					width:856px;
					min-height:300px;
					border:1px solid #000000;
				}
				
						#regText
						{
							float:left;
							width:400px;
							padding-top:14px;
							font-size:12px;
							line-height:20px;
							
						}
						
						#regBox
						{
							margin-left:50px;
							width:350px;
							float:left;
						}
						
				
						#menu
						{
							position:absolute;
							height:18px;
							width:858px;
							margin-top:2px;
							border-top:1px solid #000000;
							border-bottom:1px solid #000000;
							background:#c7c2c0;
							left:21px;
							top:314px; /*def:314px | in case of noti: 344px / 2lines*/
						}
						
								#menu a
								{
									height:16px;
									z-index:500px;
									float:left;
									width: 160px;
									font-family:Tahoma;
									font-size:12px;
									font-weight:bold;
									text-align:center;
									padding:2px 10px 0px 10px;
									color:#000000;
									display:block;
									text-transform:uppercase;
									text-decoration:none;
								}
								
								#menu a.activeMenu
								{
									background:#000000;
									color:#ffffff;
								}
								
								#menu a:hover
								{
									background:#000000;
									color:#ffffff;
								}
								
								#cssdropdown, #cssdropdown ul { list-style: none; margin:0px; padding:0px;z-index:500px;}
				
								/* Head links */
								#cssdropdown li.headlink { width: 140px; float: left; }
								
								/* Child lists and links */
								#cssdropdown li.headlink ul { display: none; background:#eeeeee; width: 120px;}
								#cssdropdown li.headlink:hover ul { display: block; width: 177px; background:#eeeeee;}
								
								li.headlink ul li { padding:5px 0px;  width: 120px; }
								li.headlink ul li a {background:#eeeeee;}
								
								li.headlink ul { display: none; }
								li.headlink:hover ul { display: block; }
								
						#contentInner
						{
							padding:20px;
							padding-top:40px;
						}
		
								table.kapcsolatTable
								{
									width:300px;
									border-collapse:collapse;		
								}
								
								table.regTable
								{
									border-collapse:collapse;
								}
								
								table.kapcsolatTable td
								{
									font-family:Tahoma;
									text-transform:uppercase;
									font-size:12px;
									color:#000000;
									border:1px solid #888888;
									vertical-align:top;
									padding:5px;
									background:#eeeeee;
									text-align:left;
									line-height:25px;
								}
								
								table.kapcsolatTable th
								{
									font-family:Tahoma;
									text-transform:uppercase;
									font-size:14px;
									color:#ffffff;
									background:#000000;
									border:1px solid #888888;
									vertical-align:top;
									text-align:left;
									padding:3px;
									line-height:25px;
								}
																
								table.kapcsolatTable th.gomb
								{
									font-family:Tahoma;
									text-transform:uppercase;
									font-size:14px;
									color:#ffffff;
									background:#eeeeee;
									border:1px solid #888888;
									vertical-align:top;
									text-align:center;
									padding:3px;
									line-height:25px;
								}
								
								table.regTable td
								{
									font-family:Tahoma;
									text-transform:uppercase;
									font-size:10px;
									color:#000000;
									border:1px solid #888888;
									vertical-align:top;
									padding:3px;
									background:#eeeeee;
									text-align:left;
								}
								
								table.regTable th
								{
									font-family:Tahoma;
									text-transform:uppercase;
									font-size:10px;
									color:#ffffff;
									background:#000000;
									border:1px solid #888888;
									vertical-align:top;
									text-align:left;
									padding:3px;
								}
								
								.regTable a:link
								{
									color:#dddddd;
								}
								
								.regTable a:visited
								{
									color:#dddddd;
								}
								
								.regTable a:hover
								{
									color:#ffffff;
								}
								
								.galeriaKer td
								{
									font-family:Tahoma;
									font-size:12px;
								}
								
								.listaTable
								{
									width:100%;
								}
								
								.listaTable td
								{
									font-family:Tahoma;
									font-size:12px;
									border:1px solid #888888;
									padding:2px 5px 2px 5px;
									
								}
								
								.listaTable th
								{
									font-family:Tahoma;
									font-size:12px;
									background:#222222;
									color:#ffffff;
									border:1px solid #888888;
									padding:2px;
									
								}
								
								.listaTable tr
								{
									background:#eeeeee;
								}
								
								.listaTable tr.alter
								{
									background:#fafafa;
								}
								
								.piros { background:#880000; }
								.zold { background:#008800; }
								.sarga { background:#000088; }
								
								
						.contacttextinput, .contactselectinput
						{
							width:390px;
						}
	
						.contacttextinputQty 
						{
							width:60px;
						}

						.contacttextinputName 
						{
							width:310px;
						}
						
						
						.textareaKapcsolat
						{
							width:390px;
							height:200px;
						}
						
						.textinput
						{
							width:230px;
							font-size:12px;
						}
						
						.inputSearchArea
						{
							width:150px;
							height:80px;
							font-family:Tahoma;
							font-size:12px;
						}
						
						.textinput2
						{
							width:120px;
							font-size:12px;
						}
						
						.szoveg_notice
						{
							font-family:Tahoma;
							text-transform:uppercase;
							font-size:14px;
							color:#000000;
						}
						
						.message
						{
							
							font-family:Tahoma;
							text-transform:uppercase;
							font-size:11px;
							font-weight:bold;
							padding:5px;
							color:#880000;
						}
						
						h1
						{
							font-size:18px;
							font-family:Tahoma;
						}
						
						table.kereso td
						{
							font-family:Tahoma;
							text-transform:uppercase;
							font-size:12px;
							color:#000000;
							border:1px solid #888888;
							vertical-align:top;
							padding:5px;
							background:#eeeeee;
							text-align:left;
							line-height:25px;
						}
		
		#bottom
		{
			width:900px;
			height:34px;
			background-image:url('images/bottom.png');
		}
		
		
		.arlistaGomb:link, .arlistaGomb:visited
		{
			color:#ffffff;
			padding:10px 5px 5px 5px;
			display:block;
			background:#333333;
			border:1px solid #000000;
			text-decoration:none;
			width:300px;
			height:25px;
		}
		
				.arlistaGomb:hover
				{
					background:#555555;
					
				}
				
				
	#leftcomment
	{
		float:left;
		width:400px;
		font-size:13px;
		margin-right:50px;
	}
	
	#rightcomment
	{
		border:1px solid #333333;
		background:#eeeeee;
		float:left;
		padding:20px;
		width:300px;
	}

		
	/*nagyker_profil_rendeles*/
			
			#orderTopHistory
			{
				width:800px;
				height:26px;
				padding-top:6px;
				margin-bottom:20px;
				
			}

						h1.rendelesCimHistory
						{
							text-align:left;
							font-family:Tahoma;
							color:#f3a000;
							font-size:18px;
						}		

					.orderTopCikkHistory
					{
						float:left;
						font-family:Tahoma;
						font-size:12px;
						color:#000;
						width:75px;
						text-align:center;
						padding:3px 5px 15px 5px;
						margin-left: -10px;
						font-weight:bold;
					}

					.orderTopTermekHistory
					{
						float:left;
						font-family:Tahoma;
						font-size:12px;
						color:#000;
						width:450px;
						text-align:center;
						padding:3px 5px 3px 5px;
						margin-left: 15px;
						font-weight:bold;
					}
					.orderTopDarabHistory
					{
						float:left;
						font-family:Tahoma;
						font-size:12px;
						color:#000;
						width:50px;
						text-align:center;
						padding:3px 8px 3px 0px;
						font-weight:bold;
						margin-left: -2px;
					}
					.orderTopEgysegArHistory
					{
						float:left;
						font-family:Tahoma;
						font-size:11px;
						color:#000;
						width:50px;
						text-align:center;
						padding:3px 3px 3px 5px;
						margin-left: 30px;
						font-weight:bold;
					}
					.orderTopSumHistory
					{
						float:left;
						font-family:Tahoma;
						font-size:11px;
						color:#000;
						width:75px;
						text-align:center;
						padding:3px 5px 3px 5px;
						margin-left: 8px;
						font-weight:bold;
					}

				.orderCikkHistory
			{
				float:left;
				font-family:Tahoma;
				font-size:12px;
				color:#000;
				width:75px;
				text-align:;
				padding:3px 5px 3px 5px;
			}
			
			.orderTermekHistory
			{
				float:left;
				font-family:Tahoma;
				font-size:12px;
				color:#000;
				width:450px;
				text-align:center;
				padding:3px 5px 3px 5px;
				
			}
			
			.orderDarabHistory
			{
				float:left;
				font-family:Tahoma;
				font-size:12px;
				color:#000;
				width:50px;
				text-align:center;
				padding:3px 41px 3px 2px;
			}

			.orderEgysegArHistory
			{
				float:left;
				font-family:Tahoma;
				font-size:11px;
				color:#000;
				width:50px;
				text-align:center;
				padding:5px 0px 3px 5px;
			}
			
			.orderSumHistory
			{
				float:left;
				font-family:Tahoma;
				font-size:11px;
				color:#000;
				width:70px;
				text-align:right;
				padding:5px 5px 30px 5px;
			}
			
			.orderOsszesenHistory
			{
				float:left;
				font-family:Tahoma;
				font-size:12px;
				color:#000;
				width:100px;
				text-align:right;
				margin: 5px -60px 0 500px;
				padding:2px 5px 3px 80px;
			}
			
			
			.orderOsszesenErtekHistory
			{
				float:left;
				font-family:Tahoma;
				font-size:14px;
				font-weight:bold;
				color:#f3a000;
				width:141px;
				text-align:right;
				padding:5px 5px 3px 5px;
			}

			/*MegrendelĂŠs listĂĄzĂĄs*/

			   .orderTopSorszamNagyker
					{
						float:left;
						font-family:Tahoma;
						font-size:12px;
						color:#000;
						width:80px;
						text-align:center;
						padding:3px 5px 3px 15px;
						font-weight:bold;
					}
					
          .orderTopDatumNagyker
					{
						float:left;
						font-family:Tahoma;
						font-size:12px;
						color:#000;
						width:100px;
						text-align:center;
						padding:3px 5px 3px 25px;
						font-weight:bold;
					}

					.orderTopAllapotNagyker
					{
						float:left;
						font-family:Tahoma;
						font-size:12px;
						color:#000;
						width:350px;
						text-align:center;
						padding:3px 5px 3px 60px;
						font-weight:bold;
					}

					.orderTopErtekNagyker
					{
						float:left;
						font-family:Tahoma;
						font-size:12px;
						color:#000;
						width:100px;
						text-align:center;
						padding:3px 5px 3px 42px;
						font-weight:bold;
					}

					.myorderNagyker
					{
						width:800px;
						height:15px;
						margin-bottom:5px;
						padding-top:10px;
					}

					.orderSorszamNagyker
					{
						float:left;
						font-family:Tahoma;
						font-size:12px;
						color:#f000;
						width:80px;
						text-align:center;
						padding:3px 5px 3px 9px;
					}
			
					.orderSorszamNagyker a:link
					{
						font-weight:bold;
						color:#f3a000;
					}
					
					.orderSorszamNagyker a:visited
					{
						font-weight:bold;
						color:#f3a000;
					}
					
					.orderSorszamNagyker a:hover
					{
						font-weight:bold;
						color:#000;
						
					}

					.orderErtekNagyker
					{
						float:left;
						font-family:Tahoma;
						font-size:12px;
						color:#f3a000;
						font-weight:bold;
						width:100px;
						text-align:center;
						padding:3px 5px 3px 50px;
					}
			
					.orderAllapotNagyker
					{
						float:left;
						font-family:Tahoma;
						font-size:12px;
						color:#000;
						width:340px;
						text-align:center;
						padding:3px 5px 3px 40px;
					}

					.orderDatumNagyker
					{
						float:left;
						font-family:Tahoma;
						font-size:12px;
						color:#000;
						width:140px;
						text-align:center;
						padding:3px 5px 3px 15px;
					}

					.stockNotiNk p {
					display: inline;
					}

					.stockNotiNk {
					background-color: #ffb8b8;
					}

					.stockNotiNkO {
 					background-color: white;
					 border: 1px solid white !important;
					}

				
				.szallitasComment
					{
						width:370px;
						height:130px;
						background:#ffffff;
						border:1px solid #636363;
						color:#fea300;
						font-family:Tahoma;
						font-size:12px;
					}
				
					.szallitasAtvetel2
					{
						font-family:Tahoma;
						font-size:12px;
						vertical-align:top;
						color:#ffffff;
						padding:5px 5px 5px 120px;
						text-align:left;
					}

					.comment {
						width: 100%;
						padding: 20px 0 40px 0;
						font-size: 12px;
						text-align: center;
						line-height: 30px;
						font-weight: 900;
					}


#hideMe {
    -moz-animation: cssAnimation 0s ease-in 3s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 3s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 3s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 3s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@keyframes cssAnimation {
    to {
        width:0;
        height:0;
        overflow:hidden;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        width:0;
        height:0;
        visibility:hidden;
    }
}