#products #main_flash	{ margin-left:-10px; position:relative; left:-15px; padding-top: 10px; }

#footer_slogan { margin:auto; width:354px; height:34px; margin-top:30px;  }

/*MENU*/

#menu_slogan { width:186px; background: url('layout/knorr_header_text.jpg') no-repeat transparent; }
#menu_slogan a { width:186px; background: url('layout/knorr_header_text.jpg') no-repeat transparent; }

#menu_nyitolap	 { width:79px; background: url('menu_v2/menu_00.jpg') top left no-repeat transparent; }
#menu_nyitolap a { width:79px; background: url('menu_v2/menu_00.jpg') top left no-repeat transparent; }
#menu_nyitolap a:hover, #menu_nyitolap.current a { background: url('menu_v2/menu_00_h.jpg') top left no-repeat transparent; }

#menu_aknorrol { width:72px; background: url('menu_v2/menu_01.jpg') top left no-repeat transparent; }
#menu_aknorrol a { width:72px; background: url('menu_v2/menu_01.jpg') top left no-repeat transparent; }
#menu_aknorrol a:hover, #menu_aknorrol.current a { background: url('menu_v2/menu_01_h.jpg') top left no-repeat transparent; }

#menu_hirek { width:57px; background: url('menu_v2/menu_02.jpg') top left no-repeat transparent; }
#menu_hirek a { width:57px; background: url('menu_v2/menu_02.jpg') top left no-repeat transparent; }
#menu_hirek a:hover, #menu_hirek.current a { background: url('menu_v2/menu_02_h.jpg') top left no-repeat transparent; }

#menu_termekek { width:86px; background: url('menu_v2/menu_03.jpg') top left no-repeat transparent; }
#menu_termekek a { width:86px; background: url('menu_v2/menu_03.jpg') top left no-repeat transparent; }
#menu_termekek a:hover, #menu_termekek.current a { background: url('menu_v2/menu_03_h.jpg') top left no-repeat transparent; }

#menu_receptek{ width:80px; background: url('menu_v2/menu_04.jpg') top left no-repeat transparent; }
#menu_receptek a { width:80px; background: url('menu_v2/menu_04.jpg') top left no-repeat transparent; }
#menu_receptek a:hover, #menu_receptek.current a { background: url('menu_v2/menu_04_h.jpg') top left no-repeat transparent; }

#menu_socsokkentes	 { width:108px; background: url('menu_v2/menu_05.jpg') top left no-repeat transparent; }
#menu_socsokkentes a { width:108px; background: url('menu_v2/menu_05.jpg') top left no-repeat transparent; }
#menu_socsokkentes a:hover, #menu_socsokkentes.current a { background: url('menu_v2/menu_05_h.jpg') top left no-repeat transparent; }

#menu_tarsoldalak { width:99px; background: url('menu_v2/menu_06.jpg') top left no-repeat transparent; }
#menu_tarsoldalak a { width:99px; background: url('menu_v2/menu_06.jpg') top left no-repeat transparent; }
#menu_tarsoldalak a:hover, #menu_tarsoldalak.current a { background: url('menu_v2/menu_06_h.jpg') top left no-repeat transparent; }

#menu_kapcsolat { width:85px; background: url('menu_v2/menu_07.jpg') top left no-repeat transparent; }
#menu_kapcsolat a { width:85px; background: url('menu_v2/menu_07.jpg') top left no-repeat transparent; }
#menu_kapcsolat a:hover, #menu_kapcsolat.current a { background: url('menu_v2/menu_07_h.jpg') top left no-repeat transparent; }

#main #main_helpbox a.left {
    background: url('layout/nyito_segithetunk_btn_01.jpg') no-repeat transparent 111px 34px;
}
#main #main_helpbox a.right {
    background: url('layout/nyito_segithetunk_btn_02.jpg') no-repeat transparent 111px 26px
}

#main .help_title,
#contact .help_title { 
    background: url('titles/nyito_segithetunk_title.png') no-repeat transparent;
}

#recipes .left_col h2 ,
#recipe_search .left_col h2 {
	width:89px;
	height:28px;
    background: url('titles/title_recipes_hu.png') no-repeat transparent;
}

#recipe .right_col h2 ,
#recipes .right_col h2 {
	width:175px;
	height:30px;
	position:relative;
	left:20px;
    background: url('titles/title_more_recipes_hu.png') no-repeat transparent;
}

#recipe_search .right_col h2 {
	width:104px;
	height:32px;
	background: url('titles/title_new_search_hu.png') no-repeat transparent;
}

#recipe .left_col h3,
#recipe .left_col h3, a { line-height: normal; text-decoration: none; }

#productitem .left_arrow {
	background-image: url('layout/termek_lapozo_prev_hu.jpg');
}
#productitem .right_arrow {
	background-image: url('layout/termek_lapozo_next_hu.jpg');
}


/* main page */


.scrollable #items		{ position: absolute; width: 30000px;	left: 0px; }
.scrollable #items .page 	{ float: left; width: 955px; position: relative; z-index: 10 }


.scroll_arrow			{ position: absolute; width: 955px; height: 200px; left: 0px; top: 200px; z-index:200; }

.disabled { visibility: hidden; }

/* socsokkentes */

#socsokkentes 							 { color: #111111; font-size: 15px; line-height: 20px; }
#socsokkentes .scroll-handler			{ position: relative; width: 955px; height: 495px; }
#socsokkentes .scroll-handler	.btn_fws{ width: 100%; padding-top: 10px; background-position: bottom left; }

#socsokkentes .scrollable				{ position: relative; width: 955px; height: 423px; left:0px; overflow: hidden; z-index: 1; }
#socsokkentes .scrollable .items div.scroll-pane,
#socsokkentes .scrollable .items div.scroll-pane div	{ float: none; }
#socsokkentes .scrollable .item_container { position: relative; background: url(layout/socsokkentes/bg_all.jpg) top center repeat-x; }

#socsokkentes .leftscrollimg		{ width: 101px; height: 101px; z-index: 20; position:absolute; left: 0px; top: 170px; display: none; background: url('layout/page_prev.png') top left no-repeat; }
#socsokkentes .rightscrollimg	{ width: 101px; height: 101px; z-index: 20; position:absolute; right: 0px; top: 170px; display: none; background: url('layout/page_next.png') top left no-repeat; }
#socsokkentes .leftscrollimg:hover,
#socsokkentes.rightscrollimg:hover	{ background-position:0px -101px; }

#socsokkentes  .item_container .text					{ position: absolute; top: 87px; left: 497px; width: 330px; height: 230px; text-align: left; }
#socsokkentes  .item_container .small_text			{ line-height: 18px; }

#socsokkentes #main_title					 { display: block; position: absolute; top: 10px; left: 355px; }

#socsokkentes .slide_box				{ float: none; position: absolute; width: 661px; height: 341px; padding-left: 40px; padding-right:40px; padding-top: 40px;  left: 110px; top: 20px; background: url(layout/socsokkentes/popup_bg.png) top left no-repeat; /*visibility: hidden;*/ }
#socsokkentes .slide_box.hidden		{ display: none; }
#socsokkentes .slide_box	 .close		{ position: absolute; width: 38px; height: 38px; right: 35px; top: 30px; background: url(layout/socsokkentes/popup_close_btn.gif) top left no-repeat; cursor: pointer; }
#socsokkentes .slide_box	 .close:hover	{ background-position:0px -38px; }
#socsokkentes .slide_box	 .title		{ width: 600px; height: 40px; display: block; font-size: 18px; line-height: 20px; padding-bottom: 20px; text-align: left; position: relative; top:-8px; }
#socsokkentes .slide_box	 .desc		{ font-size: 14px; display: block; width: 660px; height:258px; text-align: left; position: relative; top:-10px; }

.jspContainer .jspVerticalBar	{ height: 230px !important; } 
.jspContainer .jspTrack 	{ width: 26px; height: 258px !important; background: url(layout/socsokkentes/popup_scroll_bg.gif) no-repeat scroll right top transparent;  }
.jspContainer .jspDrag 	{ width: 20px; height: 20px; background:url(layout/socsokkentes/popup_scroll.png) transparent no-repeat right center; left: 3px; }


#socsokkentes #btn_1					{ position: absolute; left: 32px; top: 20px; display: block; width: 121px; height: 132px; background: url(layout/socsokkentes/kerdes_btn_01.png) top center no-repeat;  }
#socsokkentes #btn_1:hover			{ background-position:0px -132px; }

#socsokkentes #btn_2					{ position: absolute; left: 72px; top: 130px; display: block; width: 146px; height: 145px; background: url(layout/socsokkentes/kerdes_btn_02.png) top center no-repeat;  }
#socsokkentes #btn_2:hover			{ background-position:0px -145px; }

#socsokkentes #btn_3					{ position: absolute; left: 208px; top: 63px; display: block; width: 149px; height: 149px; background: url(layout/socsokkentes/kerdes_btn_03.png) top center no-repeat;  }
#socsokkentes #btn_3:hover			{ background-position:0px -149px; }

#socsokkentes #btn_4					{ position: absolute; display: block; left: 102px; bottom: 22px; width: 125px; height: 125px; background: url(layout/socsokkentes/kerdes_btn_04.png) top center no-repeat;  }
#socsokkentes #btn_4:hover			{ background-position:0px -125px; }

#socsokkentes #btn_5					{ position: absolute; display: block; left: 225px; top: 218px; width: 152px; height: 161px; background: url(layout/socsokkentes/kerdes_btn_05.png) top center no-repeat;  }
#socsokkentes #btn_5:hover			{ background-position:0px -161px; }

#socsokkentes #btn_6					{ position: absolute; display: block; left: 351px; top: 123px; width: 157px; height: 156px; background: url(layout/socsokkentes/kerdes_btn_06.png) top center no-repeat; }
#socsokkentes #btn_6:hover			{ background-position:0px -156px; }

#socsokkentes #btn_7					{ position: absolute; display: block; left: 460px; top: 244px; width: 147px; height: 147px; background: url(layout/socsokkentes/kerdes_btn_07.png) top center no-repeat;  }
#socsokkentes #btn_7:hover			{ background-position:0px -147px; }

#socsokkentes #btn_8					{ position: absolute; display: block; left: 506px; top: 87px; width: 156px; height: 156px; background: url(layout/socsokkentes/kerdes_btn_08.png) top center no-repeat;  }
#socsokkentes #btn_8:hover			{ background-position:0px -156px; }

#socsokkentes #btn_9					{ position: absolute; display: block; left: 665px; top: 53px; width: 149px; height: 149px; background: url(layout/socsokkentes/kerdes_btn_09.png) top center no-repeat;  }
#socsokkentes #btn_9:hover			{ background-position:0px -149px; }

#socsokkentes #btn_10				{ position: absolute; display: block; right: 132px; top: 206px; width: 213px; height: 211px; background: url(layout/socsokkentes/kerdes_btn_10.png) top center no-repeat;  }
#socsokkentes #btn_10:hover			{ background-position:0px -211px; }

#socsokkentes #btn_11				{ position: absolute; display: block; right: 35px; top: 154px; width: 137px; height: 121px; background: url(layout/socsokkentes/kerdes_btn_irany_az_elso_kerdes.png) top center no-repeat;  }
#socsokkentes #btn_11:hover			{ background-position:0px -121px; }



#socsokkentes #read_more_1			{ position: absolute; display: block; width: 148px; height: 39px; bottom: 110px; right: 145px; background: url(layout/socsokkentes/btn_tudj_meg_tobbet_01.png) top center no-repeat; cursor: pointer; }
#socsokkentes #read_more_1:hover		{ background-position:0px -39px; }

#socsokkentes #read_more_2			{ position: absolute; display: block; width: 148px; height: 39px; bottom: 90px; right: 145px; background: url(layout/socsokkentes/btn_tudj_meg_tobbet_02.png) top center no-repeat; cursor: pointer; }
#socsokkentes #read_more_2:hover		{ background-position:0px -39px; }

#socsokkentes #read_more_3			{ position: absolute; display: block; width: 148px; height: 39px; bottom: 90px; right: 145px; background: url(layout/socsokkentes/btn_tudj_meg_tobbet_03.png) top center no-repeat; cursor: pointer; }
#socsokkentes #read_more_3:hover		{ background-position:0px -39px; }

#socsokkentes #read_more_4			{ position: absolute; display: block; width: 148px; height: 39px; bottom: 90px; right: 145px; background: url(layout/socsokkentes/btn_tudj_meg_tobbet_04.png) top center no-repeat; cursor: pointer; }
#socsokkentes #read_more_4:hover		{ background-position:0px -39px; }

#socsokkentes #read_more_5			{ position: absolute; display: block; width: 148px; height: 39px; bottom: 90px; right: 145px; background: url(layout/socsokkentes/btn_tudj_meg_tobbet_05.png) top center no-repeat; cursor: pointer; }
#socsokkentes #read_more_5:hover		{ background-position:0px -39px; }

#socsokkentes #read_more_6			{ position: absolute; display: block; width: 148px; height: 39px; bottom: 90px; right: 145px; background: url(layout/socsokkentes/btn_tudj_meg_tobbet_06.png) top center no-repeat; cursor: pointer; }
#socsokkentes #read_more_6:hover		{ background-position:0px -39px; }

#socsokkentes #read_more_7			{ position: absolute; display: block; width: 148px; height: 39px; bottom: 90px; right: 145px; background: url(layout/socsokkentes/btn_tudj_meg_tobbet_07.png) top center no-repeat; cursor: pointer; }
#socsokkentes #read_more_7:hover		{ background-position:0px -39px; }

#socsokkentes #read_more_8			{ position: absolute; display: block; width: 148px; height: 39px; bottom: 90px; right: 145px; background: url(layout/socsokkentes/btn_tudj_meg_tobbet_08.png) top center no-repeat; cursor: pointer; }
#socsokkentes #read_more_8:hover		{ background-position:0px -39px; }

#socsokkentes #read_more_9			{ position: absolute; display: block; width: 148px; height: 39px; bottom: 90px; right: 145px; background: url(layout/socsokkentes/btn_tudj_meg_tobbet_09.png) top center no-repeat; cursor: pointer; }
#socsokkentes #read_more_9:hover		{ background-position:0px -39px; }

#socsokkentes #read_more_10			{ position: absolute; display: block; width: 148px; height: 39px; bottom: 90px; right: 145px; background: url(layout/socsokkentes/btn_tudj_meg_tobbet_10.png) top center no-repeat; cursor: pointer; }
#socsokkentes #read_more_10:hover		{ background-position:0px -39px; }


#scroll_pager				{ position: absolute; left: 0px; bottom: -20px; width: 935px; height: 92px; z-index: 100; background: url(layout/socsokkentes/pagination_bg.jpg) top center no-repeat; padding-left:20px; }
#scroll_pager a				{ display: inline-block; float: left; width: 55px; height: 54px; margin: 10px 0px 0px 10px; }

#scroll_pager .pager_arrow		{ display: inline-block; float: left; width: 9px; height: 9px; background: url(layout/socsokkentes/pagination_arrow.png) top center no-repeat; position: relative; top: 22px; }

#scroll_pager .page0			{ background: url(layout/socsokkentes/page_00.png) top center no-repeat; }
#scroll_pager .page0_active,
#scroll_pager .page0:hover	{ background: url(layout/socsokkentes/page_00.png) top center no-repeat; background-position: 0px -54px; }

#scroll_pager .page1			{ background: url(layout/socsokkentes/page_01.png) top center no-repeat; }
#scroll_pager .page1_active,
#scroll_pager .page1:hover	{ background: url(layout/socsokkentes/page_01.png) top center no-repeat; background-position: 0px -54px; }

#scroll_pager .page2			{ background: url(layout/socsokkentes/page_02.png) top center no-repeat; }
#scroll_pager .page2_active,
#scroll_pager .page2:hover	{ background: url(layout/socsokkentes/page_02.png) top center no-repeat; background-position: 0px -54px; }

#scroll_pager .page3			{ background: url(layout/socsokkentes/page_03.png) top center no-repeat; }
#scroll_pager .page3_active,
#scroll_pager .page3:hover	{ background: url(layout/socsokkentes/page_03.png) top center no-repeat; background-position: 0px -54px; }

#scroll_pager .page4			{ background: url(layout/socsokkentes/page_04.png) top center no-repeat; }
#scroll_pager .page4_active,
#scroll_pager .page4:hover	{ background: url(layout/socsokkentes/page_04.png) top center no-repeat; background-position: 0px -54px; }

#scroll_pager .page5			{ background: url(layout/socsokkentes/page_05.png) top center no-repeat; }
#scroll_pager .page5_active,
#scroll_pager .page5:hover	{ background: url(layout/socsokkentes/page_05.png) top center no-repeat; background-position: 0px -54px; }

#scroll_pager .page6			{ background: url(layout/socsokkentes/page_06.png) top center no-repeat; }
#scroll_pager .page6_active,
#scroll_pager .page6:hover	{ background: url(layout/socsokkentes/page_06.png) top center no-repeat; background-position: 0px -54px; }

#scroll_pager .page7			{ background: url(layout/socsokkentes/page_07.png) top center no-repeat;}
#scroll_pager .page7_active,
#scroll_pager .page7:hover	{ background: url(layout/socsokkentes/page_07.png) top center no-repeat; background-position: 0px -54px; }

#scroll_pager .page8			{ background: url(layout/socsokkentes/page_08.png) top center no-repeat; }
#scroll_pager .page8_active,
#scroll_pager .page8:hover	{ background: url(layout/socsokkentes/page_08.png) top center no-repeat; background-position: 0px -54px;  }

#scroll_pager .page9			{ background: url(layout/socsokkentes/page_09.png) top center no-repeat; }
#scroll_pager .page9_active,
#scroll_pager .page9:hover	{ background: url(layout/socsokkentes/page_09.png) top center no-repeat; background-position: 0px -54px;  }

#scroll_pager .page10		{ background: url(layout/socsokkentes/page_10.png) top center no-repeat; }
#scroll_pager .page10_active,
#scroll_pager .page10:hover	{ background: url(layout/socsokkentes/page_10.png) top center no-repeat; background-position: 0px -54px;  }
