* {
	font-family: tahoma, arial, sans-serif; font-size: 11px; margin: 0px;
}
body 
{
	padding-bottom: 64px;
	margin: 0px; margin-bottom: 32px;
	background: url(../images/bgTest.jpg) #dddddd no-repeat;
	min-width: 900px;
}
a {
	text-decoration: none; font-weight: bold;
	text-align: center;
	color: #000000;
}
a:hover { text-decoration: undeline; }

*[onclick] { cursor: pointer; }

/* ÁLLANDÓ MENÜELEMEK */

	.mainMenu {
		width: 100%;
	}
	.menuWrap { height: 70px;}
	/* FELSŐ SOR */
	.logoAndText {
		width: 100%; height: 70px;
		background: url(../images/_headerBackground.jpg) repeat-x;
	}
		.logoImg { border: 0px; }
		.logoText {}
	/* KÖZÉPSŐ SOR */
	.menuBar {
		width: 100%; height: 70px;
		position: relative; top: -70px;
	}
		.menuBarWrap { float: right; margin-right: 1px; }
			.menuElementHref { height: 70px; line-height: 64px; font-weight: bold; }
			.menuElement {
				width: 192px; height: 64px;
				vertical-align: middle;
				text-align: center; text-transform: uppercase;
				color: #777777;
				border-right: 1px solid #e8e8e8; border-left: 1px solid #d0d0d0;
				float:left;
				cursor: pointer;
			}
			.menuElement:hover {
				background: #f0f0f0;
				color: rgb(242,99,52);
			}
			.menuElement:active {
				background: #f8f8f8;
			}

	/* ALSÓ SOR */
	.menuBarBottom {}

/* FÜGGŐ TARTALMAK
	ebbe a részbe kerülnek az egyes - layereken elhelyezett - figyelmeztető üzenetek stílusai */
	.alertMessagesWrap { display: none;}
	.closeButton {}

	.alertWrap {}
		.alertTitle {}
		.alertText {}

	.infoWrap {}
		.infoTitle {}
		.infoText {}

/* VÁLTOZÓ TARTALMAK */
	/* Globális elemek */
	.contentBoxWrap {
		border: 1px solid #888888; border-left: 1px solid #eeeeee; border-top: 1px solid #f4f4f4;
		background: #e0e0e0;
		padding: 12px;
	}

	/* Típusfüggő elemek */
	.contentsWrap {
		width: 900px; min-height: 200px;
		position: relative; top: 24px; left: 50%; margin-left: -450px;
	}
		.content_info {
			display: block;
				/* CSICSA */
				
		}
			/* Szöveges */
			.contentBox {
				background: #e0e0e0;
				border: 0px solid #f4f4f4;
				padding-bottom: 12px;
			}
				.contentBoxText { padding: 0px; }
				.contentBoxText ul { margin-left: 32px; }
				/*.contentBoxText span { display: none; }*/
				.contentBoxText h1 {
					font-size: 14px; font-weight: bold;
					padding: 4px; padding-left: 8px;
					border-bottom: 1px solid #888888; border-right: 1px solid #888888; background: url(../images/_subHeaderBackground.jpg) #f0f0f0 top repeat-x;
					margin-top: 12px;
				}
				.contentBoxText h1:hover { background: #f4f4f4; }
				/*.contentBoxText h1 span { float: left; line-height: 22px; font-size: 24px; margin-right: 12px; color: #bbccff; display: block;}*/
				.contentBoxText h1 span {
					font-size: 14px; font-weight: bold;
				}
				.contentBoxText h1 span:hover { background: #f4f4f4; }
				.contentBoxText p, .contentBoxText h2 { padding: 4px; padding-left: 8px; padding-right: 8px; }
					.contentBoxText .notaBene {
						border-left: 4px solid #ffffff; padding-left: 12px;
					}
				.contentBoxText h2 { padding-top: 12px;}
				/*.contentBoxText p:hover { background: #e4e4e4; }*/

				.important {
					background: #ffffff; border: 1px solid #dd0000; color: #dd0000; font-weight: bold; padding: 8px; margin-top: 12px; cursor: default; text-transform: uppercase;
				}
				.important:hover {
					background: #dd0000; color: #ffffff;
				}
				/* Rejtett elemek kezelése */
				.switchElement {}
					.hiddenElement {}
			/* Termék keresés */
			/* global */
			input, select { border: 1px solid #cccccc; background: url(../images/_inputTextBackground.jpg) top;}
			option { color: #000000; padding: 2px;}
			select { height: 20px;}
			input:hover, select:hover, option:hover, input:focus, select:focus { background: url(../images/_inputTextBackground.jpg) bottom; color: #000000;}
			
			.searchOpener {cursor:pointer; width:96px ; height: 14px;
				border: 1px solid #cccccc; border-bottom: 1px solid #888888; border-right: 1px solid #888888;
				padding: 5px 20px;
				background: url(../images/_inputButtonBackground.jpg) repeat-x top;}
			.searchOpener:hover, .searchOpener:focus {
				background: url(../images/_inputButtonBackground.jpg) repeat-x bottom;
				border: 1px solid #e0e0e0; border-bottom: 1px solid #444444; border-right: 1px solid #444444;
			}
			.searchOpener:active { background: #f0f0f0;}
			.searchOpenButtonArea { margin-bottom: 4px; }
			.searchCaption { font-weight: bold; margin-bottom: 4px; border-bottom: 1px solid #e0e0e0;}
			.searchGroup { border: 1px solid #f8f8f8; background: #f0f0f0; padding: 8px; margin-bottom: 12px;
			               box-shadow: 1px 1px 1px #999;
								-moz-box-shadow: 1px 1px 1px #999;
								-webkit-box-shadow: 1px 1px 1px #999;
								/* IE 8 */
								-ms-filter: "progid: DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#aaaaaa')";
								/* IE 5.5 - 7 */
								filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#aaaaaa');}
			.searchGroup:hover { background: #f4f4f4; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; }
			.searchDefinition {}
				.col1 { }
				.col2 { margin-left: 32px;}
				.col3 { height: 156px; }
				.col3b { height: 16px; }
				.col4 { float: left; width: 40%; margin-left: 32px;}
				.col4b { float: left; width: 25%; margin-left: 32px;}
				.col4c { float: left; width: 50%; margin-left: 32px;}
				.col4 input{ height: 22px; vertical-align: middle; background: none; border: none; margin: 0px; padding: 0px;}
				.col4 label{ padding-left: 4px;}
			.inputType1 { width: 64px;}
			.inputType2 {
				width: 220px; height: 24px;
				border: 1px solid #cccccc; border-bottom: 1px solid #888888; border-right: 1px solid #888888;
				background: url(../images/_searchButtonBackground.jpg) no-repeat top;
			}
			.inputType2:hover, .inputType2:focus {
				background: url(../images/_searchButtonBackground.jpg) repeat-x bottom;
				border: 1px solid #e0e0e0; border-bottom: 1px solid #444444; border-right: 1px solid #444444;
			}
			.inputType2:active { background: #f0f0f0;}
			.inputType3 {
				width: 220px; height: 24px;
				border: 1px solid #cccccc; border-bottom: 1px solid #888888; border-right: 1px solid #888888;
				background: url(../images/_inputButtonBackground.jpg) repeat-x top;
			}
			.inputType3:hover, .inputType3:focus {
				background: url(../images/_inputButtonBackground.jpg) repeat-x bottom;
				border: 1px solid #e0e0e0; border-bottom: 1px solid #444444; border-right: 1px solid #444444;
			}
			.inputType3:active { background: #f0f0f0;}
			/* Termék keresés eredménye */
			.listWrap {}
				.listRow { cursor: pointer; height: 96px; border-bottom: 1px solid #d0d0d0; border-top: 1px solid #f8f8f8; padding: 4px; }
				.listRow:hover { background: #f0f0f0; }
				.listRow:active { background: #f0f0f0; }
					.listImg {
						height: 96px; width: 140px;
						vertical-align: middle;
						float: left; display: block;
						text-align: center; border-right: 1px solid #d0d0d0; margin-top:-4px; padding-bottom:4px;}
					.listImg  img{ max-width: 128px; max-height: 96px; height: 96px; float: none; vertical-align: middle; margin-top:4px;}
					.listGtin, .listProdName, .listDataProv, .listManufacturer {
						float: left;
						height: 96px; line-height: 96px;
						padding: 4px; margin-top: -4px;
						text-align: center;
						border-left: 1px solid #f8f8f8; border-right: 1px solid #d0d0d0;
					}
					.listGtin {  width: 92px; }
					.listProdName { width: 212px; /*line-height: 12px;*/ }
					.listProdName span { vertical-align: middle; }
					.listDataProv { width: 128px; font-size: 10px; }
					.listManufacturer { width: 220px; border-right: 0px; height: 64px; line-height: 32px; padding-top: 36px;}
					.listManufacturer input {width: 128px;}
					.searchResultCount { display: block; width: 100%; height: 24px; margin-bottom: 8px; line-height: 24px;}
					.pageOfPages {
						font-weight: bold; font-size: 12px;
						padding-right: 12px; float: left;
					}
					.pageFw {
						float: left; text-align: center; margin-right: 4px;
						width: 24px; height: 24px;
						background: url(../images/_headerBackground.jpg) repeat-x top;
						border: 1px solid #d0d0d0; border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0;
						font-size: 14px; font-weight: bold;
						line-height: 24px;
						cursor: pointer;
					}
					.pageFw:hover { background: #f8f8f8;}
					.pageAct {
						color: #aaaaaa;
						cursor: default;
					}
					.pageAct:hover {background: url(../images/_headerBackground.jpg) repeat-x top;}
					.listHeader { height: 32px; line-height: 32px; font-weight: bold; background: #f0f0f0; padding-top: 4px;}
					.listHeader .listDataProv { line-height: 12px;}
						/* Accordion rejtett elemei */
						.accordionContentWrap {
							display: none;
							padding: 8px; padding-left: 132px; padding-top: 0px;
							background: #f0f0f0; border-left: 1px solid #d0d0d0; border-right: 1px solid #f8f8f8;}
						.accordionDetails { border: 1px solid #d0d0d0; border-top: 0px; padding: 8px; padding-top: 0px; cursor: default;}
						.accordionHide { display:none; }
						.accordionShow { display:block; }
						.accordionOpener { cursor:pointer; }
							/* Részletes termékadatok */
							.dataDef {
								width: 196px; float: left; height: 32px;
								font-weight: bold; line-height: 32px;
							}
							.dataDef:hover { color: #000000;}
							.blue { color: #59728F; }
							.orange { color: #CF7000; }
							.green { color: #607F2F; }
							.grey { color: #777777; }
							.dataVal {
								line-height: 32px; height: 32px;
								border-bottom: 1px solid #d0d0d0; border-top: 1px solid #f8f8f8;
								color: #777777;
							}
							.dvT1 {
								border-left: 1px solid #d0d0d0; padding-left: 8px;
							}
		/* Termék adatlapja */
			
				.prodDataHead { font-weight: bold; }
				.prodDataHead span {font-size: 20px;}
				.prodDataImageWrap { max-height: 320px; text-align: left; margin-bottom: 24px;}
					.prodDataImage { display: inline; max-height: 320px; max-width: 600px; border: 1px solid #b0b0b0; }
				.prodDataImageWrap img 
				{
					background: inherit;
								box-shadow: 2px 2px 3px #999;
								-moz-box-shadow: 2px 2px 3px #999;
								-webkit-box-shadow: 2px 2px 3px #999;
								/* IE 8 */
								-ms-filter: "progid: DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#999999')";
								/* IE 5.5 - 7 */
								filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#999999'); }
				.prodDataWrap { background: #e0e0e0; padding: 0px; margin-top: 4px; opacity: 1; filter: aplha=100%;
				                box-shadow: 1px 1px 1px #999;
								-moz-box-shadow: 1px 1px 1px #999;
								-webkit-box-shadow: 1px 1px 1px #999;
								/* IE 8 */
								-ms-filter: "progid: DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#aaaaaa')";
								/* IE 5.5 - 7 */
								filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#aaaaaa');}
				.prodDataWrap:hover {	
								box-shadow: 2px 2px 3px #999;
								-moz-box-shadow: 2px 2px 3px #999;
								-webkit-box-shadow: 2px 2px 3px #999;
								/* IE 8 */
								-ms-filter: "progid: DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#999999')";
								/* IE 5.5 - 7 */
								filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#999999');}
				.prodDataBlockDef { color: #606060; padding-left: 12px; font-size: 14px; font-weight: bold;}
				.prodDataWrap * { font-size: 12px; }
						.grey { color: #777777; margin-bottom: 12px; border-left: 8px solid #777777; }
							.grey:hover { border-left: 8px solid #aaaaaa; }
						.greyT { color: #777777; }
						.blue { color: #59728F; margin-bottom: 12px; border-left: 8px solid #59728F; }
							.blue:hover { border-left: 8px solid #8899aa; }
						.orange { color: #CF7000; margin-bottom: 12px; border-left: 8px solid #CF7000; }
							.orange:hover { border-left: 8px solid #FF8800; }
						.green { color: #607F2F; border-left: 8px solid #607F2F; }
							.green:hover { border-left: 8px solid #88aa00; }
						.admin { color: #000000; border-left: 8px solid #000000; }
					.prodDataCat { border-bottom: 1px solid #d0d0d0; border-top: 1px solid #f0f0f0; border-right: 1px solid #d0d0d0; padding-bottom: 4px; }
					.prodDataCat { height: 28px; line-height: 24px; }
					.prodDataCat * {  padding: 4px; }
					.prodDataCat select { height: 20px; font-size: 11px; padding: 0px; min-width: 40px; width:150px; }
						.prodDataDef { width: 38%; float: left; font-weight: bold; text-indent: 4px; border-right: 1px solid #d0d0d0; height: 25px; max-height: 25px;  overflow:hidden;}
						.prodDataVal1 { width: 48px; float: left; border-left: 1px solid #f0f0f0; border-right: 1px solid #d0d0d0; }
							.left { text-align: left; }
						.prodDataVal1d { line-height: 12px; width: 30%; float: left; border-left: 1px solid #f0f0f0; border-right: 1px solid #d0d0d0; }
						.prodDataVal1d span { line-height: 16px; float: left; }
						.prodDataVal2 { width: 50%; float: left; border-left: 1px solid #f0f0f0; }
						.prodDataVal2 span { line-height: 16px; float: left; }
						.prodDataMeas { width: 20%; float: left; border-left: 1px solid #f0f0f0;}
				input[readonly] { border: 0px; background: none; display: inline; padding: 0px; margin: 0px; height: 100%; line-height: 24px; color: inherit; }
				.prodDataSelect { height: 18px; font-size: 11px; padding: 0px; width: inherit;}
				.prodDataSelect option { height: 16px; font-size: 11px; padding: 0px;}
				.prodExtra{
					float:left;
				}
				.col2 select {
					height: 18px;
				}
				.Hsmall {
					/* IE & Webkit & FFx */
					padding-top: 8px;
					padding-bottom: 0px;
				}

			/* Termék felvétele */
			.regProdWrap {}
				.regProdText {}

			/* Hibaellenőrzés */
			.errorHighlight {}
				.errorHighlight .prodDataDef {color:#FF0000;}