/***************************/
/*                         */
/*       www.dgp.hu        */
/*       common.css        */
/*       build # 0.1       */
/*       2009.09.25.       */
/*                         */
/***************************/


body{
	margin:			0;
	padding:		0;
	background:		#443d15 url(../images/main-bg.jpg) repeat-x top left;
	font-family:	"Lucida Sans Unicode",Lucida,Verdana,sans-serif;
	font-size:		11px;
	color:			#444;
	font-weight:	normal;
	line-height:	1.8em;
	}
	
img{ border:none; }
img.png{ behavior: url(css/png2.htc); }

a{ color: #45a4e0; text-decoration: underline; cursor: pointer; outline: none !important; }
a:hover{ color: #000; }


	/*Percents*/
	
	.w100{ width: 100%; }
	.w95{ width: 95%; }
	.w90{ width: 90%; }
	.w80{ width: 80%; }
	.w75{ width: 75%; }
	.w70{ width: 70%; }
	.w60{ width: 60%; }
	.w50{ width: 50%; }
	.w40{ width: 40%; }
	.w30{ width: 30%; }
	.w25{ width: 25%; }
	.w20{ width: 20%; }
	.w10{ width: 10%; }
	
	/*Pixels*/
	
	.w50px{ width: 50px; }
	.w100px{ width: 100px; }
	.w130px{ width: 130px; }
	.w150px{ width: 150px; }
	.w200px{ width: 200px; }
	.w250px{ width: 250px; }
	.w300px{ width: 300px; }
	.w350px{ width: 350px; }
	.w400px{ width: 400px; }
	.w450px{ width: 450px; }
	.w500px{ width: 500px; }
	.w550px{ width: 550px; }
	.w600px{ width: 600px; }
	.w650px{ width: 650px; }
	.w700px{ width: 700px; }

/* HEIGHTS */
	.s5{ height: 5px; overflow: hidden; float: none; clear: both; }
	.s10{ height:10px; overflow: hidden; float: none; clear: both; }
	.s15{ height:15px; overflow: hidden; float: none; clear: both; }
	.s20{ height:20px; overflow: hidden; float: none; clear: both; }
	
	.h10{height: 10px !important;}
	.h20{height: 20px !important;}
	.h30{height: 30px !important;}

	
/* ADDONS */
span.NameSpan{
		font-size: 20px;
		font-weight: normal;
		color:		#444;
		font-family: Times New Roman, Sans Serif !important;
		}
.noborder{ border: none; }
.strong{ font-weight: bold; }
.smallbig{ font-size: 14px; }
.kicsitab{ padding-left: 20px; }
.small{ font-size: 11px; letter-spacing: 0.5px; }
.verysmall{ font-size: 9px; color: #999; }
.link{cursor: pointer; }
.help{cursor: help; }
.und{ text-decoration: underline; }
.underlined:hover{ text-decoration: underline !important; }
.absmiddle{ vertical-align: middle !important; }
.verybig{ font-size: 28px; }
.redhover:hover{ color: #f00;}
.orange{ color: #ed6a00 !important;}
.green{color:#558911 !important;}
.red{color:#8c280d !important;}
.grey{color:#999 !important;}
.nofloat{float: none !important; clear: both !important; overflow: hidden !important; width: 100%; height: 0px;}

/* FORM */
form{ padding: 0px; margin: 0px; }

/* FLOATS */

.fleft{float: left !important;}
.fright{float: right !important;}
.clear{float: none !important; clear: both !important; height: 0px !important; overflow: hidden !important;}

.sub{display: none !important;}


/* LAYOUT START */

div.frame{
	width:		960px;
	height:		auto;
	margin:		10px 0 10px 0;
	padding:	0 0 0 0;
	border:		none;
	overflow:	hidden;
	text-align:	left;
	}
	
	div.frame div.Header{
		width:		960px;
		height:		94px;
		background:	transparent url(../images/header-bg.png) no-repeat top left;
		}
		div.frame div.Header.hun{
		background:	transparent url(../images/header-bg-hun.png) no-repeat top left;
		}
		div.frame div.Header.eng{
		background:	transparent url(../images/header-bg-eng.png) no-repeat top left;
		}
		div.frame div.Header a.logo{
			display:	block;
			width:		129px;
			height:		94px;
			border:		none;
			float:		left;
			}
		div.frame div.Header div.search{
			width:		831px;
			height:		94px;
			float:		left;
			}
			div.frame div.Header div.search div.spacer{
				padding:	34px 18px 34px 585px;
				overflow:	hidden;
				}
				div.frame div.Header div.search div.spacer input.keyword{
					width:			192px;
					height:			24px;
					font-size:		12px;
					color:			#999;
					overflow:		hidden;
					border:			none;
					padding:		4px 0 0 5px;
					margin:			0;
					background:		transparent;
					font-weight:	bold;
					float:			left;
					}
				div.frame div.Header div.search div.spacer input.sr-submit{
					width:		31px;
					height:		26px;
					float:		left;
					border:		none;
					cursor:		pointer;
					}
					
	div.frame div.mainMenu{
		width:		960px;
		height:		304px;
		border:		none;
		float:		none;
		margin:		16px 0 0 0;
		background:	transparent url(../images/menu-bg.png) no-repeat top left;
		}
		
	div.frame div.mainContent{
		width:		960px;
		height:		auto;
		margin:		16px 0 0 0;
		padding:	0 0 0 0;
		float:		none;
		border:		none;
		}
		
		div.frame div.mainContent div.top{
			width:		960px;
			height:		11px;
			border:		none;
			overflow:	hidden;
			background:	transparent url(../images/content-bg-top.png) no-repeat top left;
			}
		div.frame div.mainContent div.bottom{
			width:		960px;
			height:		13px;
			border:		none;
			overflow:	hidden;
			background:	transparent url(../images/content-bg-bottom.png) no-repeat top left;
			}
			
		div.frame div.mainContent div.middle{
			width:		960px;
			height:		auto;
			border:		none;
			overflow:	hidden;
			margin:		0;
			padding:	30px 40px 30px 40px;
			background:	transparent url(../images/content-bg-middle.png) repeat-y top left;
			}
			
			/* INNER LEFT CONTENT */
			
			div.frame div.mainContent div.middle div.leftContent{
				width:		640px;
				height:		auto;
				margin:		0;
				padding:	0;
				float:		left;
				}
				div.frame div.mainContent div.middle div.leftContent div.inner{
					width:		600px;
					padding:	0 40px 0 0;
					}
					
					div.frame div.mainContent div.middle div.leftContent div.inner div.leftLink{
						display:	block;
						width:		150px;
						height:		auto;
						float:		left;
						}
					
					div.frame div.mainContent div.middle div.leftContent div.inner div.title{
						margin:	0 0 5px 0;
						}
						
						div.frame div.mainContent div.middle div.leftContent div.inner div.title img{
							display:	block;
							width:		61px;
							height:		38px;
							float:		left;
							}
						div.frame div.mainContent div.middle div.leftContent div.inner div.title h1{
							display:			block;
							width:				539px;
							height:				auto;
							margin:				0 0 0 0;
							padding:			10px 0 0 0;
							color:				#222;
							font-size:			24px;
							font-weight:		normal;
							text-decoration:	none;
							text-transform:		uppercase;
							float:				left;
							}
						
					div.frame div.mainContent div.middle div.leftContent div.inner div.text{
						margin:	0 0 15px 0;
						}
						
						div.frame div.mainContent div.middle div.leftContent div.inner div.text h2{
							display:		inline;
							font-size:		11px;
							font-weight:	normal;
							}
						div.frame div.mainContent div.middle div.leftContent div.inner div.text h3{
							display:		inline;
							font-size:		11px;
							font-weight:	normal;
							}
							
						div.frame div.mainContent div.middle div.leftContent div.inner div.subtext h2{
							display:		block;
							font-weight:	bold;
							font-size:		11px;
							margin:			0 0 0 0;
							padding:		0 0 0 0;
							}
						div.frame div.mainContent div.middle div.leftContent div.inner div.subtext h3{
							display:		inline;
							font-size:		11px;
							font-weight:	normal;
							}
							
					div.frame div.mainContent div.middle div.leftContent div.inner div.list{
						margin:	0 0 15px 0;
						}
						div.frame div.mainContent div.middle div.leftContent div.inner div.list h2{
							display:		block;
							font-weight:	bold;
							font-size:		11px;
							margin:			0 0 0 0;
							padding:		0 0 0 0;
							}
						div.frame div.mainContent div.middle div.leftContent div.inner div.list h3{
							display:		inline;
							font-weight:	normal;
							font-size:		11px;
							margin:			0 0 0 0;
							padding:		0 0 0 0;
							}
							
						div.frame div.mainContent div.middle div.leftContent div.inner div.list ul{
							display:	block;
							margin:		0;
							padding:	0 0 0 0;
							float:		none;
							clear:		both;
							}
							div.frame div.mainContent div.middle div.leftContent div.inner div.list ul li{
								display:				block;
								width:					280px;
								height:					auto;
								margin:					0 0 0 0;
								padding:				0 0 0 0;
								background:				transparent url(../images/ul-li-square.jpg) no-repeat center left;
								background-position:	0 8px;
								float:					left;
								}
								
							div.frame div.mainContent div.middle div.leftContent div.inner div.list ul li.clear{
								float:	none;
								clear:	both;
								width:	100%;
								height:	1px;
								overflow:	hidden;
								background:	none;
								}
								div.frame div.mainContent div.middle div.leftContent div.inner div.list ul li h3{
									display:		block;
									width:			260px;
									height:			auto;
									margin:			0;
									padding:		0 0 0 10px;
									font-size:		11px;
									font-weight:	normal;
									}
			
					div.frame div.mainContent div.middle div.leftContent div.inner div.links{
						width:		560px;
						height:		25px;
						margin:		15px 0 15px 0;
						padding:	0 20px 0 20px;
						float:		none;
						clear:		both;
						background:	transparent url(../images/links-more-bg.jpg) no-repeat top left;
						text-align:	right;
						}
					div.frame div.mainContent div.middle div.leftContent div.inner div.links a.back{
						display:	block;
						width:		120px;
						height:		auto;
						float:		left;
						text-align:	left;
						}
						
					div.frame div.mainContent div.middle div.leftContent div.inner div.detailer{
						width:		560px;
						height:		25px;
						margin:		15px 0 15px 0;
						padding:	0 20px 0 20px;
						float:		none;
						clear:		both;
						background:	transparent url(../images/links-more-bg.jpg) no-repeat top left;
						text-align:	left;
						}
						div.frame div.mainContent div.middle div.leftContent div.inner div.detailer div#pCatHolder , div#pFamHolder{
							display:	block;
							float:		left;
							}
							
							div.frame div.mainContent div.middle div.leftContent div.inner div.detailer select{
								font-size:	10px;
								color:		#444;
								}
			
	div.frame div.mainContent div.middle div.leftContent div.inner div.twoProd{
		width:		600px;
		height:		auto;
		border:		none;
		overflow:	hidden !important;
		}
		div.frame div.mainContent div.middle div.leftContent div.inner div.twoProd a#pagerLeft{
			display:	block;
			width:		11px;
			height:		53px;
			padding:	28px 0 29px 0;
			float:		left;
			overflow:	hidden !important;
			}
		div.frame div.mainContent div.middle div.leftContent div.inner div.twoProd div#pagerEmptyLeft{
			display:	block;
			width:		11px;
			height:		53px;
			padding:	28px 0 29px 0;
			float:		left;
			}
		div.frame div.mainContent div.middle div.leftContent div.inner div.twoProd a#pagerRight{
			display:	block;
			width:		11px;
			height:		110px;
			padding:	28px 0 29px 0;
			float:		left;
			}
		div.frame div.mainContent div.middle div.leftContent div.inner div.twoProd div#pagerEmptyRight{
			display:	block;
			width:		11px;
			height:		110px;
			padding:	28px 0 29px 0;
			float:		left;
			}
		div.frame div.mainContent div.middle div.leftContent div.inner div.twoProd div.prodHolder{
			width:		578px;
			height:		auto;
			border:		none;
			float:		left;
			}
			div.frame div.mainContent div.middle div.leftContent div.inner div.twoProd div.prodHolder div.prods{
				padding:	0 21px 0 21px;
				overflow:	hidden !important;
				}
				div.frame div.mainContent div.middle div.leftContent div.inner div.twoProd div.prodHolder div.prods div.item{
					width:		268px;
					height:		110px;
					border:		none;
					float:		left;
					margin:		0 0 15px 0;
					padding:	0;
					overflow:	hidden !important;
					}
					div.frame div.mainContent div.middle div.leftContent div.inner div.twoProd div.prodHolder div.prods div.item a.thumb{
						display:	block;
						width:		106px !important;
						height:		auto !important;
						background:	#fff;
						border:		1px solid #e2e1dc;
						float:		left;
						margin:		0;
						padding:	0;
						overflow:	hidden !important;
						}
						div.frame div.mainContent div.middle div.leftContent div.inner div.twoProd div.prodHolder div.prods div.item a.thumb img{
							display:	block;
							width:		100px;
							height:		auto;
							border:		none;
							cursor:		pointer;
							margin:		3px;
							float:		none;
							clear:		both;
							}
							
					div.frame div.mainContent div.middle div.leftContent div.inner div.twoProd div.prodHolder div.prods div.item div.info{
						width:		150px;
						height:		110px;
						float:		left;
						overflow:	hidden !important;
						}
						div.frame div.mainContent div.middle div.leftContent div.inner div.twoProd div.prodHolder div.prods div.item div.info h2{
							display:		block;
							width:			130px;
							height:			20px;
							margin:			0 0 5px 20px;
							padding:		0 0 0 0;
							font-size:		11px;
							font-weight:	bold;
							color:			#a39e6f;
							overflow:		hidden !important;
							}
						div.frame div.mainContent div.middle div.leftContent div.inner div.twoProd div.prodHolder div.prods div.item div.info h3{
							display:		block;
							width:			130px;
							height:			60px;
							margin:			0 0 0 20px;
							padding:		0;
							font-size:		11px;
							font-weight:	normal;
							color:			#a39e6f;
							overflow:		hidden !important;
							}
						div.frame div.mainContent div.middle div.leftContent div.inner div.twoProd div.prodHolder div.prods div.item div.info a.goto{
							display:			block;
							width:				114px;
							height:				21px;
							border:				none;
							padding:			0 0 0 16px;
							margin:				0 0 0 20px;
							text-align:			left;
							text-decoration:	none;
							color:				#a39e6f;
							font-weight:		normal;
							background:			transparent url(../images/prod-goto-link-bg.jpg) no-repeat top left;
							}
							div.frame div.mainContent div.middle div.leftContent div.inner div.twoProd div.prodHolder div.prods div.item div.info a.goto:hover{
								background:transparent url(../images/prod-goto-link-bg-over.jpg) no-repeat top left;
								color:	#000;
								}
								
								
div#prodLoader{
	width:		32px;
	height:		32px;
	padding:	39px 284px 39px 284px;
	background:	#fff;
	position:	absolute;
	}
	
div.frame div.mainContent div.middle div.rightContent{
	width:		240px;
	height:		auto;
	margin:		0;
	padding:	0;
	float:		left;
	}
	
	div.frame div.mainContent div.middle div.rightContent div.rightbox{
		width:		240px;
		height:		auto;
		overflow:	hidden;
		}
		div.frame div.mainContent div.middle div.rightContent div.rightbox div.head{
			width:			196px;
			height:			11px;
			padding:		13px 22px 20px 22px;
			}
			
			div.frame div.mainContent div.middle div.rightContent div.rightbox div.head h1{
				display:		inline;
				font-size:		14px;
				color:			#222 !important;
				text-transform:	uppercase;
				font-weight:	normal;
				}
			
			div.frame div.mainContent div.middle div.rightContent div.rightbox div.head.green{
				background:	transparent url(../images/rightbox-head-green.jpg) no-repeat top left;
				}
			div.frame div.mainContent div.middle div.rightContent div.rightbox div.head.blue{
				background:	transparent url(../images/rightbox-head-blue.jpg) no-repeat top left;
				}
				
		div.frame div.mainContent div.middle div.rightContent div.rightbox div.bottom{
			width:		240px;
			height:		10px;
			background:	transparent url(../images/rightbox-bottom.jpg) repeat-y top left;
			overflow:	hidden;
			}
			
	div.frame div.mainContent div.middle div.rightContent div.rightbox div.middlec{
			width:		240px !important;
			height:		auto;
			background:	transparent url(../images/rightbox-middle.jpg) repeat-y top left;
			overflow:	hidden;
			}
			
			div.frame div.mainContent div.middle div.rightContent div.rightbox div.middlec div.list{
				width:		240px !important;
				height:		auto;
				padding:	0;
				}
			div.frame div.mainContent div.middle div.rightContent div.rightbox div.middlec div.list div.listitem{
				width:			200px;
				height:			25px;
				padding:		9px 20px 5px 20px;
				font-size:		11px;
				font-weight:	normal;
				background:		transparent url(../images/rightbox-list-item-bg.jpg) no-repeat bottom left;
				}
				
				div.frame div.mainContent div.middle div.rightContent div.rightbox div.middlec div.list div.listitem h3{
					display:			inline;
					font-weight:		normal;
					font-size:			11px;
					margin:				0;
					padding:			0;
					}
					div.frame div.mainContent div.middle div.rightContent div.rightbox div.middlec div.list div.listitem h3 a{
						color:				#3f7410;
						text-decoration:	none;
						}
						
				div.frame div.mainContent div.middle div.rightContent div.rightbox div.middlec div.list div.listitem h4{
					display:			inline;
					font-weight:		normal;
					font-size:			11px;
					margin:				0;
					padding:			0 0 0 20px;
					}
					div.frame div.mainContent div.middle div.rightContent div.rightbox div.middlec div.list div.listitem h4 a{
						color:				#08c;
						text-decoration:	none;
						}
						
				div.frame div.mainContent div.middle div.rightContent div.rightbox div.middlec a{
					color:				#08c;
					text-decoration:	none;
					}
					div.frame div.mainContent div.middle div.rightContent div.rightbox div.middlec a:hover{
						text-decoration:	underline;
						}
						
				div.frame div.mainContent div.middle div.rightContent div.rightbox div.middlec div.infotext{
					width:			200px;
					padding:		10px 20px 2px 20px;
					text-align:		left;
					line-height:	1.8em;
					font-size:		11px;
					color:			#444;
					}
					
					
div.footer{
	width:		960px;
	height:		auto;
	margin:		5px 0 20px 0;
	color:		#ccc;
	}
	div.footer div.left{
		width:	880px;
		float:	left;
		text-align:	left;
		padding:	5px 0 0 0;
		}
		div.footer div.left a{
			color:				#fff;
			text-decoration:	underline;
			}
	div.footer div.right{
		width:	80px;
		float:	left;
		text-align:	right;
		}
		
div.prodDetail{
	width:		539px;
	height:		auto;
	margin:		15px 0 15px 0;
	padding:	0 0 0 0;
	border:		none;
	}
	
	div.prodDetail div.picture{
		width:	225px;
		float:	left;
		}
	
	div.prodDetail div.pictureHolder{
		width:		195px;
		height:		auto;
		padding:	5px;
		background:	#fff;
		border:		1px solid #e2e1dc;
		}
		
	div.prodDetail div.prodInfo{
		width:	314px;
		height:	auto;
		float:	left;
		}
		
		div.prodDetail div.prodInfo h2{
			display:		inline;
			font-size:		11px;
			font-weight:	normal;
			}
		div.prodDetail div.prodInfo h3{
			display:		inline;
			font-size:		11px;
			font-weight:	normal;
			}
			
div.coItemHolder{
	display:	block;
	width:		300px;
	height:		auto;
	margin:		0;
	padding:	0;
	border:		none;
	float:		left;
	}
	div.coItemHolder div.coItem{
		width:	285px;
		overflow:	hidden;
		}
		
		div.coItemHolder div.coItem h2{
			display:		inline;
			font-size:		11px;
			font-weight:	normal;
			}
		div.coItemHolder div.coItem h3{
			display:		inline;
			font-size:		11px;
			font-weight:	normal;
			}
			
input.textfield{
	width:		200px;
	height:		13px;
	font-size:	11px;
	color:		#444;
	background:	#e5e4de;
	border:		1px solid #a39e6f;
	padding:	0 2px 2px 2px;
	}
	
textarea.normal{
	width:			400px;
	height:			200px;
	font-size:		11px;
	color:			#444;
	background:		#e5e4de;
	border:			1px solid #a39e6f;
	padding:		2px 2px 2px;
	font-family:	"Lucida Sans Unicode",Lucida,Verdana,sans-serif;
	font-weight:	normal;
	line-height:	1.8em;	
	}
	
div.emailSucces{
	width:			600px;
	height:			auto;
	margin:			0;
	padding:		15px;
	color:			#464c3b;
	font-size:		11px;
	font-weight:	bold;
	background:		#fcfcfc;
	border:			1px solid #cdec97;
	}
	
div.posList ul{
display:	block;
margin:		0;
padding:	0 0 0 0;
float:		none;
clear:		both;
list-style:	none;
}
div.posList ul li{
	margin:					0 0 0 10px;
	padding:				0 0 0 15px;
	background:				transparent url(../images/ul-li-square.jpg) no-repeat center left;
	background-position:	0 8px;
	}
	
a.posTrigger{
	display:			block;
	font-size:			18px;
	color:				#444;
	font-weight:		bold;
	text-decoration:	none;
	margin:				10px 0 0 0;
	}
	a.posTrigger:hover{
		text-decoration:	underline;
		color:				#45a4e0;
		}
	
a.posTrigger span{
	color:				#45a4e0;
	}
	
div.posContent{
	padding:	0 0 0 17px;
	}