body
{
	margin: 0px;
	padding:0px;
	font-family: "Courier New";
	background-color: #f5f6f6;
	font-size:12px;
}

a{
color: #ed1c24;
text-decoration: none;
}
a:hover{
color: #ed1c24;
text-decoration: underline;
}

img
{
	border:0px;
}
#logo
{
	margin-left:40px;
	margin-top:40px;
	position:relative;
	z-index:20;
}





#container
{
	margin: 0 auto;
	margin-top: 20px;
	width: 1023px;
	height:570px;
	background-image: url(img/ws-bg1.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #eaebed;
	border:solid 1px #000000;
	border-bottom: solid 0px #000000;
	overflow: hide;
}
#foother
{
	margin: 0 auto;
	margin-top: -20px;
	width: 1023px;
	height: 44px;
	background-image: url(img/hatter-programajanlo-bottom2.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #eaebed;
	border:solid 1px #000000;
	border-top: solid 1px #000000;
	margin-bottom: 0px;
	text-align: center;
	color: #808080;
}

#foother a
{
	z-index:1;
	left:570px;
	position: absolute;
	color: #FFFFFF;
}
#header
{
	float: left;
	width: 1023px;
	height: 30px;
	color: #FFFFFF;
	background-color: #000000;
}
#header2
{
	float: left;
	margin-left:205px;
	width: 823px;
	height: 34px;
	color: #FFFFFF;
	background-color: transparent;
}
#facebook
{
	margin: 0 auto;
	width: 1023px;
	height: 160px;
	background-color: #eaebed;
	border:solid 1px #000000;
	margin-bottom:20px;
	text-align: center;
	color: #808080;
}
#facebook2
{
	margin: 0 auto;
	width: 1003px;
	height: 240px;
	background-color: #FFFFFF;
	border:solid 1px #000000;
	margin-bottom:20px;
	text-align: center;
	color: #808080;
	padding: 10px;
}
#morzsa 
{
	padding-top: 7px;
	margin-left: 15px;
	width: 400px;
	height: 23px;
	float: left;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	z-index:2;
	top: -105px;
}
#morzsa a
{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
#morzsa a:hover
{
	color: #ed1c24;
}
#topmenu 
{
	position: relative;
	z-index:2;
	top: -105px;
	margin-right:15px;
	width: 593px;
	height: 30px;
	float: left;
	text-align: right;
}
#topmenu a
{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
#topmenu a:hover
{
	color: #ed1c24;
}

#articleGroupMenu
{
	float: left;
	margin-top: -20px;
	width: 150px;
	margin-left:-1px;
}

#main
{
	float: left;
	width: 554px;
	margin-left:20px;
	margin-top:60px;
}
#rightside
{
	float: left;
	width: 246px;
	position:relative;
	left:70px;
	top:-34px;
}
.articleGroup
{
	float: left;
	background-image:url(img/articleGroup.png);
	width:130px;
	height:23px;
	color: #FFFFFF;
	padding-top:5px;
	padding-right:20px;
	text-align: right;
}
.articleGroupSub
{
	display: block;
	float: left;
	background-image:url(img/articleGroupSub.png);
	width:130px;
	height:23px;
	color: #FFFFFF;
	padding-top:5px;
	padding-right:20px;
	text-align: right;
}
.articleGroupOwnDesign
{
	float: left;
	background-image:url(img/articleGroupOwnDesign.png);
	width:130px;
	height:23px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right:20px;
	text-align: right;
}
.articleGroupAkcio
{
	float: left;
	background-image:url(img/akciok_menu2.png);
	width:115px;
	height:47px;
	color: #FFFFFF;
	padding-top: 15px;
	padding-right:20px;
	text-align: right;
	position: relative;
	left: 0px;
	top: 330px;
	z-index: 1;
	
}
.articleGroupAkcio a
{
	color: #FFFFFF;
}

.ajandekutalvanypaca
{
	display: block;
	background-image:url(img/ajandekutalvanypaca.png);
	background-repeat: no-repeat;
	width:143px;
	height:105px;
	color: #FFFFFF;
	text-align: right;
	position: relative;
	left: 640px;
	top: 20px;
	z-index: 1;	
}
.karacsony2010
{
	
	background-image:url(img/karacsonyfa.png);
	background-repeat: no-repeat;
	width:111px;
	height:100px;
	color: #FFFFFF;
	text-align: right;
	position: relative;
	left: 0px;
	top: 120px;
	z-index: 2;	
}
.articleGroupSelected1
{
	float: left;
	background-image:url(img/articleGroupSelected1.png);
	width:130px;
	height:25px;
	color: #FFFFFF;
	padding-top:5px;
	padding-right:20px;
	text-align: right;
}
.imageframe
{

}
.articleGroupSelected2
{
	float: left;
	background-image:url(img/articleGroupSelected2.png);
	width:130px;
	color: #FFFFFF;
	padding-top:5px;
	padding-right:20px;
	text-align: right;
	z-index: 1;
	position: relative;
}
.articleGroupSelected3
{
	float: left;
	background-image:url(img/articleGroupSelected3.png);
	width:150px;
	height:20px;
}
.articleGroupOwnDesignBg
{
	float: left;
	background-image:url(img/articleGroupOwnDesignBg.png);
	width:130px;
	height:98px;
	color: #FFFFFF;
	padding-top:5px;
	padding-right:20px;
	text-align: right;
}
.articleGroupOwnDesignBg a
{
	color: #000000;
}


.articleGroupOwnDesign:hover
{
	color: #000000;
}

.topmenubg2
{
	float: left;
	background-image:url(img/topmenubg.png);
	width:115px;
	height:29px;
	padding-top:5px;
	padding-right:10px;
	text-align: right;
	position: relative;
	z-index:2;
}

.topmenubg-on
{
	float: left;
	background-image:url(img/topmenubg-on.png);
	width:115px;
	height:29px;
	padding-top:5px;
	padding-right:10px;
	text-align: right;
	position: relative;
	z-index:2;
}
.topmenubg2 a 
{
	color: #FFFFFF;
}
.topmenubg-on a
{
	color: #FFFFFF;
}

.ContentBg0
{
	width: 500px;
	float: left;
	height: 400px;
	overflow: auto;
	padding-right: 10px;
}

.ContentBg1
{
	width: 510px;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 40px;
	overflow: auto;
	background-image:url(img/ContentBg1.png);
	position: relative;
	top: -94px;
	left: 20px;
}

.ContentBg2
{
	width: 550px;
	float: left;
	height: 27px;
	background-image:url(img/ContentBg2.png);
	position: relative;
	top: -94px;
	left: 20px;
}

.textBg1
{
	float: left;
	background-image:url(img/textBg1.png);
	width:470px;
	padding:20px;
	padding-top: 40px;
	color: #FFFFFF;
	position: relative;
	left: 40px;
	top: -94px;
}
.textBg1 h3
{
	color:#000000;
	
}
.textBg2
{
	float: left;
	background-image:url(img/textBg2.png);
	width:510px;
	height: 40px;
	position: relative;
	left: 40px;
	top: -104px;
	z-index:1;
}
.ArticleBox
{
	float: left;
	width:590px;
	height:323px;
}

.articleImg
{
	float: left;
	background-image:url(img/article3.png);
	width:283px;
	height:323px;
	color: #FFFFFF;
	padding-top:0px;
	padding-left: 0px;
	text-align: left;
	color: #000000;
	position: relative;

	z-index: 2;
}
.articleInfoFrame
{
	float: left;
	width:290px;
	position: relative;
	left: 275px;
}
.articleInfo1
{
	background-image:url(img/articleInfo1.png);
	background-repeat: no-repeat;
	background-position: bottom;
	width:290px;
	height:43px;
}
.articleInfo3
{
	float: left;
	background-image:url(img/articleInfo3.png);
	width:290px;
	height:20px;
}
.articleInfo2
{
	float: left;
	background-image:url(img/articleInfo2.png);
	width:250px;
	color: #FFFFFF;
	padding-top:0px;
	padding-left:10px;
	padding-right:20px;
	text-align: left;
	color: #000000;

}
label
{
	color: #6F6F6F;
	font-size: 12px;

}
.articleImgFrame
{
	float: left;
	width:283px;

	left: -280px;
	position: relative;
}
.articleIconsFrame
{
	float: left;
	left: 30px;
	top: -20px;
	position: relative;
}
.articleIconImages1
{
	float: left;
	width:210px;
	color: #FFFFFF;
	padding-top:16px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:0px;
	text-align: left;
	color: #000000;
	background-image:url(img/articleIconsBg2.png);

}
.articleIconImages2
{
	float: left;
	width:250px;
	height: 20px;
	color: #FFFFFF;
	text-align: left;
	color: #000000;
	background-image:url(img/articleIconsBg1.png);
	background-position: bottom;

}
.articleInfo2 h3
{
	margin:0px;
	text-align: center;
	color: #ed1c24;
	font-size: 18px;

}
.articleInfo2 img
{
	border: solid 2px #000000;
}
.articleImgFrame img
{
	border: solid 0px #000000;

}

.articleIconImages1 img
{
	border: solid 2px #000000;
}


.articleInfo2 h4
{
	margin:0px;
	text-align: center;
	font-size: 15px;
}
.btnKosarba
{
	background-image:url(img/btnKosarba.png);
	width: 69px;
	height: 67px;
	border: 0px;
	padding: 0px;
	text-indent: -4000px;
}
.btnBakancs
{
	background-image:url(img/btnBakancs.jpg);
	width: 150px;
	height: 24px;
	border: 0px;
	padding: 0px;
	text-indent: -4000px;
	cursor: pointer;
}
#infouzenet
{
	background-image:url(img/zold_uzenet.png);
	float:left;
	width: 370px;
	height: 380px;
	padding: 20px;
	padding-right: 60px;	
	position: absolute;
	left: 350px;
	top: 25px;
	z-index: 200;
	font-size: 22px;
	color: #FFFFFF;
}
#hibauzenet
{
	background-image:url(img/piros_uzenet.png);
	float:left;
	width: 370px;
	height: 380px;
	padding: 20px;
	padding-right: 60px;	
	position: absolute;
	left: 350px;
	top: 25px;
	z-index: 200;
	font-size: 22px;
	color: #FFFFFF;
}
#Comfort
{
	background-image:url(img/confort.png);
	float:left;
	width: 350px;
	height: 320px;
	position: absolute;
	left: -70px;
	top: -80px;
	z-index: 100;
	font-size: 22px;
	color: #FFFFFF;
	display: none;
}
#Moon
{
	background-image:url(img/moon.png);
	float:left;
	width: 350px;
	height: 320px;
	position: absolute;
	left: -70px;
	top: -80px;
	z-index: 100;
	font-size: 22px;
	color: #FFFFFF;
	display: none;
}
#Melrose
{
	background-image:url(img/melrose.png);
	float:left;
	width: 350px;
	height: 320px;
	position: absolute;
	left: -70px;
	top: -80px;
	z-index: 100;
	font-size: 22px;
	color: #FFFFFF;
	display: none;
}
#Coconut
{
	background-image:url(img/coconut.png);
	float:left;
	width: 350px;
	height: 320px;
	position: absolute;
	left: -70px;
	top: -80px;
	z-index: 100;
	font-size: 22px;
	color: #FFFFFF;
	display: none;
}
#bakkancs_meret
{
	background-image:url(img/bakkancs2.png);
	float:left;
	width: 330px;
	height: 540px;
	height: 540px;
	position: absolute;
	left: -150px;
	top: -120px;
	z-index: 100;
	font-size: 12px;
	color: #000000;
	display: none;
	padding-right: 10px;
}
#meretbuborek
{
	background-image:url(img/meretbuborek2.png);
	float:left;
	width: 820px;
	height: 150px;
	position: absolute;
	left: -300px;
	top: -50px;
	z-index: 110;
	font-size: 12px;
	color: #000000;
	display: none;
	padding-right: 0px;
}

#bakkancs_meret table td
{
	font-size: 12px;
	letter-spacing: -1px;
	line-height: 10px;
	text-align: right;
	
}

.tableTD2 th
{
	background-color: #ed1c24;
	color: #FFFFFF;
	padding: 2px;	
}
.tableTD2 .td1
{
	background-color: #E6E6E6;
	padding: 2px;
}
.tableTD2 .td2
{
	background-color: #F7F7F7;
	padding: 2px;	
}



#RegBoxOld
{
	background-image:url(img/regBg22.png);
	background-position: right bottom;
	width: 180px;
	position: absolute;
	z-index: 5;
	padding: 10px;
	padding-top: 60px;
	padding-bottom: 30px;
	left: 0px;
	top: 0px;
	font-size: 11px;
	overflow: auto;

}
#RegBox
{
	background-image:url(img/regBg22.png);
	background-position: right bottom;
	width: 180px;
	position: absolute;
	z-index: 5;
	padding: 10px;
	padding-top: 60px;
	padding-bottom: 30px;
	left: 0px;
	top: 0px;
	font-size: 11px;
	overflow: auto;
	margin-top: 5px;

}
#rightBasket
{
	position: absolute;
	z-index: 4;
	left: 20px;
	top: 150px;
	background-image:url(img/right_basket2.png);
	background-position: right bottom;
	width: 85px;
	height: 170px;
	display: block;

}
#RightPaca
{
	position: absolute;
	z-index: 3;
	left: 10px;
	top: 160px;
	background-image:url(img/right_paca.png);
	background-position: right bottom;
	width: 195px;
	height: 319px;
	display: block;
}

#RegBigBox
{
	background-image:url(img/RegBgBig.png);
	background-position: bottom;
	width: 285px;
	position: relative;
	padding: 10px;
	padding-top: 60px;
	padding-bottom: 30px;
	left: -80px;
	top: -80px;

}

.infobox
{
	position: relative;
	float: left;	
	z-index: 100;
	left: 614px;
	top: -200px;
	width: 219px;
	
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;	
	padding-bottom: 32px;
	background-color: transparent;
	color: #FFFFFF;
	background-image:url(img/infoboxbottom.png);	
	background-position: left bottom;
	background-repeat: no-repeat;
}

.infobox h2
{
	color: #e70b22;
}



div.pagination {
	padding: 3px;
	margin: 3px;
	margin-bottom: 10px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000000;
	
	text-decoration: none; /* no underline */
	color: #330066;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #ed1c24;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #ed1c24;
		
		font-weight: bold;
		background-color: #ed1c24;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}


	/*////////////////////////////////////*/

	/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	width:523px;
	height:280px;
	position:relative;
	margin-top:0px;
	margin-left: 40px;
}
#slideshow #slidesContainerTop 
{
	position: relative;
	z-index: 100;
	left: -260px;
	top: 0px;
	width: 450px;
	height: 52px;
	padding-left: 335px;
	padding-top: 45px;	
	background-image: url("img/slides_container_top.png");
	font-size: 30px;
	font-weight: bold;
	color: #FFFFFF;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:523px;
  height:250px;
  overflow: hidden; 
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:523px;
  height:280px;
  overflow: auto;
}
#slideshow #slidesContainer .slide p {
  margin-left:25px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
 
  width:10px;
  height:10px;
  cursor: pointer;
 display: inline-block;
}
#leftControl {
  top:0;
  left:0;
}
#rightControl {
  top:0;
  right:0;
}

/** 
 * Style rules for Demo page
 */



#slideInner{
float:left;
width:3250px;
}

#slideIndex
{
	float: left;
	margin-left: 400px;
}
.numbers
{
	width: 10px;
	height: 10px;
	display: inline-block;
	color: #777;
	text-align: center;
	margin: 1px;
	cursor: pointer;
	font: normal 12px;
	padding:1px;
}
.active
{
	color: #ed1c24;
}


#SearchBox
{
	width: 190px;
	z-index: 10;
	position: relative;
	left: 30px;
	top: 0px;
	
	background-color: #000000;	
}

#kereso
{
	width: 218px;
	min-height: 35px;
	padding: 10px;
	padding-right: 22px;
	padding-bottom: 22px;
	position:relative;
	z-index: 10;
	top: 0px;
	left: -50px;	
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;		
	background-image: url(img/SearchBg.png);
	background-repeat: no-repeat;
	background-position: left bottom;		
	
}




#keresof
{
	float: right;
	width: 300px;
	text-align: right;
	
}
#keresoclose a
{
	color: #FFFFFF;
	cursor: pointer;
	
}
#keresop
{
	display: none;
	background-color: #FFFFFF;
	color: #000000;
	padding: 5px;
	margin-top: 5px;
	width: 205px;
	float: left;
	margin-bottom: 5px;
	font-size: 10px;
	
}
#searchText
{
	width: 124px;
	height: 20px;
	background-image: url(programajanlo/img/input-search-bg.jpg);
	border: 0px;
	padding: 5px;
	padding-left:10px;
	margin: 0px;
	float:left;
}
#btnSearch
{
	width: 26px;
	height: 30px;
	background-image: url(programajanlo/img/input-search-button-bg.jpg);
	border: 0px;
	padding: 0px;
	margin: 0px;
	text-indent: -4000px;
	font-size:0px;
	float:left;
}
.submit_input
{
	width: 108px;
	height: 19px;
	background-image: url(img/btn1.png);
	border: 0px;	
	margin: 0px;
	font-size:12px;
	padding-top: 0px;
	line-height: 12px;
	font-family: "Courier New";

}

.submit_input_piros
{
	width: 108px;
	height: 19px;
	background-image: url(img/btnPiros.png);
	border: 0px;
	margin: 0px;
	font-size:12px;
	padding-top: 0px;
	line-height: 12px;
	font-family: "Courier New";
	color: #FFFFFF;
}

.submit_input70
{
	width: 75px;
	height: 19px;
	background-image: url(img/btn3.png);
	background-repeat: no-repeat;
	border: 0px;
	margin: 0px;	
	font-size:12px;
	padding-top: 2px;
	line-height: 12px;
	font-family: "Courier New";
}
.input1
{
	width: 160px;
	height: 18px;
	background-image: url(img/input1.png);
	border: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-top: 1px;
	margin: 0px;
	font-size:12px;
	font-family: "Courier New";
	background-color: transparent;
}
.input2
{
	width: 103px;
	height: 19px;
	background-image: url(img/input2.png);
	border: 0px;
	padding: 0px;
	padding-left: 5px;
	margin: 0px;
	font-size:11px;
	font-family: "Courier New";
	background-color: transparent;
	
}
.Box1
{
	float: left;
	font-size:14px;
}
#keresoclose
{
	display: none;
	padding: 5px;
	padding-bottom: 0px;
	float: right;
}

.infoText
{
	float: left;
	font-size: 12px;
}

.infoText h2
{
	margin: 0px;
}

.ContentBg0 
{
	float: left;
	width: 480px;
	background-color: #C0C0C0;
	margin-bottom: 10px;
	color: #808080;


}