/*	-------------------------------------------------------------
	Fix Knorr
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	.version		0.1
	.url			
	-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	Fix Knorr, Table of Contents
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	1. Imports
	2. Body
	3. Layout
		3.1. Header
		3.2. Body
			3.2.1. Main menu
			3.2.2. Main content
			3.2.3. Sidebar
			3.2.4. Pagination
		3.3. Footer
	4. Main parts
		4.1. Dish
		4.2. Dish list
		4.3. Search results
		4.4. Common dishes list
	5. Additional parts
		5.1.Search
			5.1.1. Basic search
			5.1.2. Advance search
		5.2. To buy list


/*	-------------------------------------------------------------
	1. =Imports
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	@import url(reset.css);



/*	-------------------------------------------------------------
	2. =Body
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	*{
		font-size:100.01%;
	}

	*:focus{
		outline: none;
	}

	body{
		font: normal 62.5% Arial, Geneva, Tahoma, Helvetica, sans-serif; /* 10px */
		color: #000;
		background: #0B7601 url("http://knorr.pl/images/backgrounds/bg_main.jpg") repeat-y scroll center top
	}

	a{
		color: #000;
		text-decoration: underline;
	}

	a:hover,
	a:focus{
		color: #000;
		text-decoration: underline;
	}
	
	.clr{
		clear:both;
		font-size:0;
		height:0;
		line-height:0;
		overflow:hidden;
	}

	
/*	-------------------------------------------------------------
	3. =Layout
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.site-wrapper{
		background: #fdf8d9;
		width: 950px;
		margin: 30px auto;
	}
	
	/*	-------------------------------------------------------------
	3.1. =Header
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.header{
		overflow: hidden;
		zoom: 1;
		background: url("../images/backgrounds/bg_header.gif") repeat-x bottom;
	}
	
	.header img{
		display: block;
	}
	
	.header .today-info{
		overflow: hidden;
		width: 348px;
		height: 216px;
		background: url("../images/backgrounds/bg_header_today_info.gif") no-repeat;
		position: relative;
		float: right;
	}
	
	.header .today-info .logo{
		width: 250px;
		height: 36px;
		background: url("../images/backgrounds/bg_main_header.png") no-repeat;
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 3;
	}
	
	.header .today-info .logo span{
		display: none;
	}
	
	.header .banner-container{
		float: left;
	}
	
	.header .today-info .board{
		background: url("../images/backgrounds/bg_header_today_info_board.gif") no-repeat;
		width: 202px;
		height: 138px;
		position: relative;
		padding: 20px 16px;
		margin: 0 0 24px 18px;
		top: 14px;
		font-family: "Comic Sans MS";
		font-size: 1.0em;
		text-align: center;
		z-index: 2;
	}
	
	.header .today-info .board .date{
		display: block;
		color: #fff;
	}
	
	.header .today-info .board .date strong{
		font-size: 5.0em;
		font-weight: normal;
	}
	
	.header .today-info .board .date span{
		font-size: 1.5em;
	}
	
	.header .today-info .board .dish-title{
		display: block;
		color: #ffed8b;
		font-size: 2.0em;
	}
	
	.header .today-info .packshot{
		position: absolute;
		top: 50px;
		right: 5px;
		z-index: 1;
	}
	
	/*	-------------------------------------------------------------
	3.2. =Body
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		.body{
			overflow: hidden;
			zoom: 1;
			position: relative;
			margin: 0 5px;
			clear: both;
		}
	
	/*	-------------------------------------------------------------
		3.2.1. =Main menu
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
			.body .main-menu{
				width: 70px;
				float: left;
			}
			
			.body .main-menu li.day{
				background-image: url("../images/backgrounds/bg_main_menu_item.gif");
				background-repeat: no-repeat;
				background-position: top left;
				text-align: center;
				padding: 8px 0 13px 0;
				font-size: 2.1em;
			}
			
			.body .main-menu li.on{
				background-position: left -52px;
			}
			
			.body .main-menu li.day a,
			.body .main-menu li.day span{
				
				color: #a12705;
				letter-spacing: 8px;
				
				
			}
			
			.body .main-menu li.special a{
				width: 70px;
				height: 55px;
				display: block;
				background: url("../images/backgrounds/bg_main_menu_item_special.gif") no-repeat;
				
			}
			
			.body .main-menu li.special a span{
				display: none;
			}
	
		/*	-------------------------------------------------------------
		3.2.2. =Main content
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
			.body .main-content{
				float: left;
				width: 520px;
				padding: 0 0 10px 0;
				background: url("../images/backgrounds/bg_main_content_bottom.gif") no-repeat bottom center;
				overflow: hidden;
				zoom: 1;
				position: relative;
			}
			
			.body .main-content .wrapper{
				background: url("../images/backgrounds/bg_main_content.gif") repeat-y center;
				padding: 15px 20px;
				overflow: hidden;
				zoom: 1;
				position: relative;
			}
		
		/*	-------------------------------------------------------------
		3.2.3. =Sidebar
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
			.body .sidebar{
				float: left;
				width: 340px;
				padding: 0 0 0 5px;
			}
			
		/*	-------------------------------------------------------------
		3.2.4. =Pagination
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		.body .pagination{
			clear: both;
			width: 520px;
			margin: 10px 0 0 70px;
			background: url("../images/backgrounds/bg_pagination.gif") no-repeat center top;
			position: relative;
			padding: 25px 0 0 0;
			float: left;
			display: inline /* IE DOUBLE MARGIN BUG */
		}
		
		.body .pagination .next,
		.body .pagination .previous{
			position: absolute;
			top: 25px;
			color: #656457;
			text-decoration: none;
			font-size: 1.1em;
		}
		
		.body .pagination .next{
			right: 0;
		}
		
		.body .pagination .previous{
			left: 0;
		}
		
		.body .pagination ul{
			text-align: center;
		}
		
		.body .pagination ul li{
			display: inline;
			font-size: 1.1em;
		}
		
		.body .pagination ul li a{
			text-decoration: none;
			color: #656457;
		}
		
		.body .pagination ul li.on{
			background: url("../images/backgrounds/bg_pagination_list_item_left.gif") no-repeat left top;
		}
		
		.body .pagination ul li.on span{
			background: url("../images/backgrounds/bg_pagination_list_item_right.gif") no-repeat right top;
			margin: 0 0 0 3px;
			padding: 0 2px 0 0;
			color: #c6c4bd;
		}
		
	/*	-------------------------------------------------------------
	3.3. =Footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.footer{
		background: url("../images/backgrounds/bg_footer.gif") no-repeat center;
		overflow: hidden;
		padding: 8px 15px 5px 25px;
		zoom: 1;
		margin: 5px 0 0 0;
	}
	
	.footer p{
		float: left;
		width: 175px;
	}
	
	.footer p.page-back{
		background: url("../images/buttons/btn_page_back.gif") no-repeat left;
		padding: 0 0 0 20px;
	}
	
	.footer p.note{
		float: right;
		text-align: right;
		
	}
	
/*	-------------------------------------------------------------
	4. =Main parts
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	/*	-------------------------------------------------------------
		4.1. =Dish
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		.dish .main-content .inner{
			padding: 0 0 20px 0;
			overflow: hidden;
			zoom: 1;
		}
		
		.dish .main-content .inner h1{
			font-size: 2.1em;
			color: #a12705;
			width: 350px;
			padding: 0 0 5px 0;
			margin: 0 130px 5px 0;
			border-bottom: 1px solid #d6350d;
		}
		
		.dish .main-content .inner h2 object{
			display: block;
		}
		
		.dish .main-content .dish-day{
			position: absolute;
			top: 0;
			right: 7px;
			width: 102px;
			padding: 37px 0 24px 20px;
			background: url("../images/backgrounds/bg_dish_day.jpg") no-repeat;
			font-size: 2.1em;
		}
		
		.dish .main-content .inner .dish-portion{
			float: right;
			margin: 10px 30px 0 0;
			letter-spacing: 1px;
			width: 52px;
			display: inline; /*DOUBLE IE MARGIN BUG*/
		}
		
		.dish .main-content .inner .dish-portion object{
			display: block;
		}
		
		.dish .main-content .inner .dish-portion span{
			font-size: 1.5em;
			display: block;
			zoom: 1;
		}
		
		.dish .main-content .inner .dish-portion strong{
			zoom: 1;
			display: block;
			font-size: 1.2em;
			background-repeat: no-repeat;
			background-image: url("../images/backgrounds/bg_dish_portion.jpg");
			padding: 15px 0 0 0;
		}
		
		.dish .main-content .inner .dish-portion.value-1 strong{
			background-position: center 0;
		}
		
		.dish .main-content .inner .dish-portion.value-2 strong{
			background-position: center -40px;
		}
		
		.dish .main-content .inner .dish-portion.value-3 strong{
			background-position: center -78px;
		}
		
		.dish .main-content .inner .dish-portion.value-4 strong{
			background-position: center -116px;
		}
		
		.dish .main-content .inner .dish-portion.value-5 strong{
			background-position: center -154px;
		}
		
		.dish .main-content .inner .dish-portion.value-6 strong{
			background-position: center -192px;
		}
		
		.dish .main-content .inner .dish-image{
			padding: 10px 0 0 0;
			border-top: 1px solid #d6350d;
			float: left;
		}
		
		.dish .main-content .inner .product-teaser{
			float: left;
			width: 110px;
			padding: 30px 5px 0 15px;
		}
		
		.dish .main-content .inner .product-teaser p{
			font-size: 1.3em;
			width: 80px;
			margin: 0 auto 10px auto;
		}
		
		.dish .main-content .inner .product-teaser img{
			display: block;
			margin: 0 auto;
		}
		
		.dish .main-content .dish h3{
			font-size: 1.3em;
			color: #997935;
			margin: 25px 0;
		}
		
		.dish .main-content .ingredients{
			float: left;
			width: 130px;
			margin: 0 10px 0 0;
		}
		
		.dish .main-content .ingredients ul{
			font-size: 1.1em;
			color: #997935;
		}
		
		.dish .main-content .preparation{
			float: left;
			width: 340px;
		}
		
		.dish .main-content .preparation p{
			font-size: 1.1em;
			color: #997935;
		}
		
		.dish .main-content .kicker{
			font-size: 20px;
			clear: both;
			padding: 10px 0 5px 0;
		}
		
		.dish .main-content .dish-menu{
			float: right;
			clear: both;
		}
		
		.dish .main-content .dish-menu li{
			float: left;
			font-size: 1.2em;
			letter-spacing: 1px;
			height: 20px;
		}
		
		.dish .main-content .dish-menu li a{
			text-decoration: none;
		}
		
		.dish .main-content .dish-menu li.change{
			padding: 0 15px 0 0;
			background: url("../images/backgrounds/bg_dish_menu_item_change.gif") no-repeat 35px;
			border-right: 1px solid #a59d89;
		}
		
		.dish .main-content .dish-menu li.change a{
			margin: 2px 0 0 0;
			display: block;
		}
		
		.dish .main-content .dish-menu li.print{
			padding: 0 7px;
			border-right: 1px solid #a59d89;
		}
		
		.dish .main-content .dish-menu li.print a{
			background: url("../images/backgrounds/bg_dish_menu_item_print.gif") no-repeat;
			width: 12px;
			height: 12px;
			display: block;
			margin: 4px 0 0 0;
		}
		
		.dish .main-content .dish-menu li.print a object{
				display: none;
		}
		
		.dish .main-content .dish-menu li.pdf{
			padding: 0 7px;
			
		}
		
		.dish .main-content .dish-menu li.pdf a{
			background: url("../images/backgrounds/bg_dish_menu_item_pdf.gif") no-repeat;
			width: 16px;
			height: 16px;
			display: block;
			margin: 3px 0 0 0;
		}
		
		.dish .main-content .dish-menu li.pdf a object{
				display: none;
		}
		
		.dish .main-content .dish-menu li.time{
			border-left: 1px solid #a59d89;
			background: url("../images/backgrounds/bg_dish_menu_item_time.gif") no-repeat 10px 3px;
			padding: 0 0 0 20px;
		}
		
		.dish .main-content .dish-menu li.time object{
			margin: 3px 0 0 7px;
		}
	
	/*	-------------------------------------------------------------
	4.2. =Dish list
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.dishes-list .main-menu{
			margin-top: 45px;
	}
	
	.dishes-list .main-menu li{
		margin-bottom: 66px;
	}
	
	.dishes-list .main-content h1{
		font-size: 2.1em;
		padding: 0 0 5px 0;
	}
	
	.dishes-list .main-content h1 object,
	.dishes-list .main-content .page-back object,
	.dishes-list .main-content .dishes-change object{
		display: block;
	}
	
	.dishes-list .main-content .dishes-change{
		background: url("../images/buttons/btn_dishes_change.gif") no-repeat left 2px;
		padding: 0 0 0 20px;
		font-size: 1.2em;
		float: left;
		letter-spacing: 1px;
	}
	
	.dishes-list .main-content .page-back{
		background: url("../images/buttons/btn_page_back_2.gif") no-repeat right 2px;
		padding: 0 15px 0 0;
		font-size: 1.2em;
		letter-spacing: 1px;
		float: right;
	}
	
	/*	-------------------------------------------------------------
	4.3. =Search results
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.search-results .main-content h1{
		font-size: 2.1em;
		padding: 0 0 5px 0;
	}
	
	.search-results .main-content h1 object,
	.search-results .main-content .page-back object,
	.search-results .main-content .dishes-change object{
		display: block;
	}
	
	.search-results .main-content .page-back{
		background: url("../images/buttons/btn_page_back_2.gif") no-repeat right 2px;
		padding: 0 15px 0 0;
		font-size: 1.2em;
		letter-spacing: 1px;
		float: right;
	}
	
	/*	-------------------------------------------------------------
	4.5. =Common dishes list
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.common-dishes-list{
		overflow: hidden;
	}
	
	.common-dishes-list li{
		border-top: 2px solid #deddd8;
		padding: 10px 0 0 0;
		margin: 0 0 10px 0;
		overflow: hidden;
		zoom: 1;
		position: relative;
	}
	
	.common-dishes-list li h2{
		font-size: 1.7em;
		width: 360px;
		float: left;
	}
	
	.common-dishes-list li p{
		font-size: 1.1em;
		color: #757675;
		width: 360px;
		float: left;
	}
	
	.common-dishes-list li p .see-more{
		background: url("../images/buttons/btn_see_more.gif") no-repeat;
		color: #fff;
		padding: 0 11px;
		text-decoration: none;
	}
	
	.common-dishes-list li img{
		float: right;
	}
	
	.common-dishes-list li .dish-change{
		background: url("../images/buttons/btn_dishes_change.gif") no-repeat right top;
		font-size: 1.2em;
		letter-spacing: 1px;
		padding: 0 10px 0 0;
		position: absolute;
		bottom: 0;
		right: 105px;
	}
	
/*	-------------------------------------------------------------
	5. =Additional parts
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	/*	-------------------------------------------------------------
	5.1. =Search
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.sidebar .search{
		background: url("../images/backgrounds/bg_search.gif") no-repeat bottom;
		padding: 0 0 8px 0;
	}
	
	.sidebar .search .search-submit{
		background: url("../images/buttons/btn_search_submit.gif") no-repeat;
		border: none;
		width: 82px;
		height: 30px;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		cursor: pointer;
		margin: 0 0 0 auto;
		display: block;
	}
		
		/*	-------------------------------------------------------------
			5.1.1. =Basic search
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		.sidebar .search .basic-search{
			background: url("../images/backgrounds/bg_basic_search.gif") no-repeat;
			position: relative;
			z-index: 3;
		}
		
		.sidebar .search .basic-search legend.header span{
			position: absolute;
			width: 340px;
			font-size: 1.7em;
			left: 10px;
			top: 5px;
		}
		
		.sidebar .search .basic-search legend.header span object{
			display: block;
		}
		
		.sidebar .search .basic-search .wrapper{
			padding: 15px 10px 30px 10px;
		}
		
		.sidebar .search .basic-search .wrapper .search-phrase{
			border: none;
			background: none;
			margin: 18px 5px 10px 5px;
			padding: 0;
			width: 310px;
			font-size: 1.1em;
			height: 14px;
			padding: 4px 0;
		}
		
		/*	-------------------------------------------------------------
			5.1.2. =Advance search
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		.sidebar .search .advance-search{
			background: url("../images/backgrounds/bg_advance_search.gif") repeat-y;
			position: relative;
			z-index: 2;
			margin: -1px 0 0 0;
		}
		
		.sidebar .search .advance-search legend.header span{
			position: absolute;
			width: 340px;
			font-size: 1.7em;
			left: 10px;
			top: 5px;
		}
		
		.sidebar .search .advance-search legend.header span object{
			display: block;
		}
		
		.sidebar .search .advance-search .wrapper{
			padding: 15px 10px 0 10px;
		}
		
		.sidebar .search .advance-search .wrapper .list,
		.sidebar .search .advance-search .wrapper .list-2{
			float: left;
			clear: both;
			position: relative;
			width: 100%;
		}
		
		.sidebar .search .advance-search .wrapper .list legend span,
		.sidebar .search .advance-search .wrapper .list-2 legend span{
			color: #5e5f5e;
			font-size: 1.2em;
			font-weight: bold;
			position: absolute;
			top: -20px;
			left: 0;
			width: 340px;
		}
		
		.sidebar .search .advance-search .wrapper .list label,
		.sidebar .search .advance-search .wrapper .list-2 label{
			font-size: 1.1em;
			color: #5e5f5e;
			margin: 0 0 5px 0;
		}
		
		.sidebar .search .advance-search .wrapper .list label input,
		.sidebar .search .advance-search .wrapper .list-2 label input{
			vertical-align: -3px;
		}
		
		
		.sidebar .search .advance-search .wrapper .list{
			margin: 40px 0 0 0;
		}
		
		.sidebar .search .advance-search .wrapper .list-2{
			margin: 30px 0 0 0;
		}
		
		.sidebar .search .advance-search .wrapper .list label{
			float: left;
			width: 140px;
		}
		
		.sidebar .search .advance-search .wrapper .list-2 label{
			float: left;
			width: 100px;
		}
	
	/*	-------------------------------------------------------------
		5.2. =To buy list
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.sidebar .to-buy-list{
		background: url("../images/backgrounds/bg_to_buy_list_bottom.gif") no-repeat bottom;
		padding: 0 0 68px 0;
		position: relative;
		zoom: 1;
	}
	
	.sidebar .to-buy-list h2{
		background: url("../images/backgrounds/bg_to_buy_list_top.gif") no-repeat top;
		font-size: 1.5em;
		padding: 8px 0 4px 10px;
	}
	
	.sidebar .to-buy-list h2 object{
		display: block;
	}
	
	.sidebar .to-buy-list fieldset{
		background: url("../images/backgrounds/bg_to_buy_list_middle.gif") repeat-y;
		
	}
	
	.sidebar .to-buy-list fieldset legend span{
		position: absolute;
		top: 35px;
		left: 10px;
		z-index: 2;
		font-size: 1.4em;
		color: #997935;
		font-style: italic;
	}
	
	.sidebar .to-buy-list fieldset fieldset{
		padding: 28px 10px 0 10px;
	}
	
	.sidebar .to-buy-list fieldset fieldset label{
		display: block;
		color: #997935;
		margin: 0 0 6px 0;
		font-size: 1.1em;
		line-height: 1.0em;
		font-style: italic;
	}
	
	.sidebar .to-buy-list fieldset fieldset label input{
		vertical-align: -3px;
	}
	
	.sidebar .to-buy-list fieldset .to-buy-list-submit{
		background: url("../images/buttons/btn_to_buy_list_submit.gif") no-repeat;
			border: none;
			width: 53px;
			height: 44px;
			font-size: 0;
			line-height: 0;
			text-indent: -9999px;
			cursor: pointer;
			position: absolute;
			bottom: 18px;
			right: 0;
	}