/*	-------------------------------------------------------------
	Knorr - Brandowy (Recipe)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	.version		1.0
	.url			knorr.pl
	-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	Knorr - Brandowy (Recipe), Table of Contents
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

*/

/*	-------------------------------------------------------------
	1. =Recipe page
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.recipe-page .head1{
		background: url("../images/headers/h_recipe_page.gif") no-repeat;
		height: 27px;
		margin: 10px 0 20px 0;
	}

	.recipe-page .head1 span{
		display: none;
	}

	/*	-------------------------------------------------------------
	1.1. =Description
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.recipe-page .description{

	}

	.recipe-page .description .inner{
		overflow: hidden;
	}

		/*	-------------------------------------------------------------
		1.1.2. =Content
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		.recipe-page .description .content{
/*			width: 348px;*/
/*			padding: 0 0 0 22px;*/
/*			float: right;*/
			overflow: hidden;
			margin: 15px 0 0 0;
		}

		.recipe-page .description .content h2,
		.recipe-page .description .content h1{
			font-size: 3.0em;
			color: #0b7601;
			font-weight: normal;
			margin: 0 0 10px 0;
		}

		.recipe-page .description .content .wrapper{
			overflow: hidden;
			zoom: 1;
			margin: 0 0 10px 0;
		}

		.recipe-page .description .content .wrapper p{
			float: left;
			margin: 2px 5px 0 0;
			font-size: 1.2em;
		}

    .recipe-page .description .content .wrapper p.recipe-feedback {
      margin-left: 10px;
    }

		.recipe-page .description .content .wrapper .rate{
			float: left;
		}

		.recipe-page .description .content .info{
		color: #737373;
		font-size: 1.1em;
	}

		.recipe-page .description .content .info .time{
			background: url("../images/icons/ico_time.gif") no-repeat left center;
			padding: 0 0 0 15px;
		}

		.recipe-page .description .content .info .portion{
			background: url("../images/icons/ico_portion.gif") no-repeat left center;
			padding: 0 0 0 13px;
		}

		.recipe-page .description .content dl{
			font-size: 1.2em;
		}

		.recipe-page .description .content dl dt{
			margin: 20px 0 10px 0;
			font-weight: bold;
		}

		.recipe-page .description .content dl dd{
			font-size: 1.0em;
			margin: 0 0 4px 0;
		}

		.recipe-page .description .content .categories{
			font-size: 1.2em;
			margin: 20px 0 0 0;
		}

		/*	-------------------------------------------------------------
		1.1.3. =Sidebar
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		.recipe-page .description .sidebar{
			float: left;
/*			width: 276px;*/
			margin: 15px 20px 0 0;
		}


		.recipe-page .description .sidebar .carousel-recipe{
			width: 278px;
			height: 210px;
			overflow-x: auto;
		}

		.recipe-page .description .sidebar .carousel-recipe ul{
			width: 2250px;

		}

		.recipe-page .description .sidebar .carousel-recipe ul li{
			float: left;
		}

		.recipe-page .description .sidebar .carousel-recipe ul li .photo{
			display: block;
			padding: 0 1px 1px 0;
			border-bottom: 1px solid #c7c7c7;
			border-right: 1px solid #c7c7c7;
		}

		.recipe-page .description .sidebar .carousel-controler{
			background: url("../images/backgrounds/bg_recipe_page_recipe_carousel_controler.gif") no-repeat right;
			color: #fff;
			padding: 0 5px 0 0;
			float: left;
			margin: 10px 0 0 0;
		}

		.recipe-page .description .sidebar .carousel-controler li{
			float: left;
			font-weight: bold;
			color: #fff;
		}

		.recipe-page .description .sidebar .carousel-controler li a{
			width: 40px;
			display: block;
			text-align: center;
			color: #00882d;
			padding: 3px 0;
			border-top: 1px solid #c9e1c7;
			border-bottom: 1px solid #c9e1c7;
		}

		.recipe-page .description .sidebar .carousel-controler li.on a,
		.recipe-page .description .sidebar .carousel-controler li a:hover{
			background: url("../images/backgrounds/bg_recipe_page_recipe_carousel_controler_item_on.gif") no-repeat left 2px;
			color: #fff;
		}

		.recipe-page .description .sidebar .carousel-controler li a img{
			display: block;
		}

		.recipe-page .description .sidebar .carousel-controler li.first{
			background: url("../images/backgrounds/bg_recipe_page_recipe_carousel_controler_first_item.gif") no-repeat left;
			padding-left: 5px;
		}

		.recipe-page .description .sidebar .used-products{
			background: url("../images/backgrounds/bg_recipe_page_used_products_top.gif") no-repeat left top;
			clear: both;
			float: left;
			margin: 25px 0 0 0;
			width: 100%;
		}

		.recipe-page .description .sidebar .used-products p{
			margin: 4px 0 0 0;
			padding: 8px 12px 12px 12px;
			background: #f3f6e7 url("../images/backgrounds/bg_recipe_page_used_products_bottom.gif") no-repeat left bottom;
			overflow: hidden;
			font-size: 1.2em;
		}

		.recipe-page .description .sidebar .used-products p a{
			margin: 20px 0 0 0;
			display: block;
			width: 175px;
			font-weight: bold;
		}

		.recipe-page .description .sidebar .used-products p .packshot{
			float: right;
			margin: 5px 0 0 0;
			width: auto;
		}

                .recipe-page .description .sidebar .like-button{
			clear: both;
			float: left;
			margin: 25px 0 0 0;
			width: 100%;
		}

		/*	-------------------------------------------------------------
		1.1.4. =Additional resources
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		.recipe-page .description .additional-resources{
			position: absolute;
			top: 0;
			right: 0;
			width: 100%;
			font-size: 1.1em;
			color: #737373;
		}

		.recipe-page .description .additional-resources .favourites{
			float: left;
			margin: 0 0 0 20px;
			padding: 9px 0 0 20px;
			background: url("../images/icons/ico_favourites.gif") no-repeat left bottom;
		}

		.recipe-page .description .additional-resources ul{
			float: right;
			border-left: 1px solid #9eccac;
			padding: 0 0 0 12px;
		}

		.recipe-page .description .additional-resources ul li{
			float: left;
		}

		.recipe-page .description .additional-resources ul .print{
			border-right: 1px solid #9eccac;
			padding: 9px 12px 0 25px;
			background: url("../images/icons/ico_print.gif") no-repeat left bottom;
		}

		.recipe-page .description .additional-resources ul .print a{
			color: #737373;
			font-weight: bold;
		}

		.recipe-page .description .additional-resources ul .author{
			padding: 9px 12px 0 12px;
		}

		.recipe-page .description .additional-resources ul .author a{
			color: #0d7802;
			font-weight: bold;
		}



	/*	-------------------------------------------------------------
	1.2. =Popular
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.recipe-page .popular{
		margin: 27px 0 0 0;
		background: url("../images/backgrounds/bg_recipe_page_popular.gif") no-repeat left bottom;
	}

	.recipe-page .popular h2{
		background: url("../images/headers/h_recipe_page_popular.gif") no-repeat left top;
		height: 27px;
		margin: 0 0 5px 0;
	}

	.recipe-page .popular h2 span{
		display: none;
	}

	.recipe-page .popular .common-content-scroller .wrapper .gallery li{
/*		width: 170px;*/
		border-right: 1px solid #fff;
	}

	/*	-------------------------------------------------------------
	1.3. =Comments
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.recipe-page .comments h2{
		background: url("../images/headers/h_recipe_page_comments.gif") no-repeat left top;
		height: 29px;
		margin-bottom: 10px;
	}



	/*	-------------------------------------------------------------
	1.5. =Last favourites
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


	.recipe-page .last-favourites h2{
		background: url("../images/headers/h_recipe_page_last_favourites.gif") no-repeat;
		height: 46px;
		margin: 0 0 10px 0;
	}

	.recipe-page .last-favourites h2 span{
		display: none;
	}

	.recipe-page .last-favourites .see-more-button{
		width: 177px;
		height: 28px;
		display: block;
		background: url("../images/buttons/btn_recipe_page_last_favourites_see_more.gif") no-repeat;
		margin: 20px auto 0 auto;
	}

	.recipe-page .last-favourites .see-more-button span{
		display: none;
	}

	/*	-------------------------------------------------------------
	1.6. =Video recipes
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/*        .video-recipes .video-desc{
            font-size:1.2em;
        }
        .video-recipes .thumbnail{
            text-align:center;
            width:128px;
            top:0px;
                 position:absolute;
        }
        .video-recipes .thumbnails{
            width:640px;
            height:140px;
            position:relative;
            overflow-x:scroll;
            overflow-y:hidden;
            position:relative;
        }*/

.video-recipe-page .head1,
.video-recipe-page .head2{
  height: 27px;
  margin: 10px 0 20px 0;
}

.video-recipe-page .head1 span,
.video-recipe-page .head2 span{
  display: none;
}

.video-recipe-page .head1{
  background: url("../images/headers/h_przepisy_video.gif") no-repeat;
}

.video-recipe-page .head2{
  margin: 20px 0;
  background: url("../images/headers/h_pozostale_przepisy_wideo.gif") no-repeat;
}

.video-recipes{
  margin:0 0 10px;
}

.video-recipes .inner h1,
.video-recipes .inner h2{
  color:#0B7601;
  font-size:3em;
  font-weight:normal;
  margin:0 0 10px;;
}

.video-recipes .video-desc{
  position:relative;
  color:#0B7601;
  font-size:1.2em;
}

.video-opis-btn{
  display:block;
  padding:15px 0 5px;
}

.video-desc p{
  color:#737373;
}

.video-desc ul
.video-desc p{
  width:350px;
}

.video-desc .like-button{
  width:235px;
  height:45px;
  position:absolute;
  right:0;
  top:0;
}

#video-thumbnails .thumb-title{
  display:block;
  color:#0B7601;
  font-size:1em;
  font-weight: bold;
  width:120px;
  text-align:center;
}

#video-thumbnails{
  /*overflow:hidden;*/
  background:url("/images/backgrounds/videothumbs-bg.jpg") no-repeat scroll 0 0 transparent;
  width:680px;
  padding:10px 0 0 12px;
  height: 172px;
}

#video-thumbnails-inner{
  width:656px;
  height: 160px;
}

#video-thumbnails ul{
  height:150px;
  display:block;
}

#video-thumbnails ul li{
  /*top:0px;
  position:absolute;*/
  float:left;
  height:126px;
  width:134px;
  display:block;
}

#video-thumbnails .thumb-title{
  display:block;
  color:#0B7601;
  font-size:1em;
  font-weight: bold;
  width:120px;
  text-align:center;
}
#video-thumbnails .jScrollPaneTrack{
  background:none;
}
#video-thumbnails .jScrollPaneDrag{
  background:url('/images/horizontalscroll/bg.png') repeat-x;
}

#video-thumbnails .jScrollPaneDragLeft{
  background:url('/images/horizontalscroll/left.png') no-repeat;
  width:17px;
}

#video-thumbnails .jScrollPaneDragRight{
  background:url('/images/horizontalscroll/right.png') no-repeat;
  width:15px;
}

#video-thumbnails .jScrollArrowLeft, #video-thumbnails .jScrollArrowRight{
  height:19px;
  background-image:url("/images/jcarousel/buttons.gif");
  background-repeat:no-repeat;
  cursor:pointer;
}

#video-thumbnails .jScrollArrowRight{
  background-position:0 -19px;
}

#video-thumbnails-small{
  /*overflow:hidden;*/
  background:url("/images/jcarousel/back.gif") no-repeat scroll 0 0 transparent;
  width:620px;
  padding:5px 16px 37px 10px;
  height: 90px;
}

#video-thumbnails-small .jScrollPaneContainer{
	width:620px;
}

#video-thumbnails-small-inner{
  width:620px;
  height: 115px;
}

#video-thumbnails-small ul{
  height:90px;
  display:block;
}

#video-thumbnails-small ul li{
  float:left;
  height:90px;
  width:124px;
  display:block;
}

#video-thumbnails-small .thumb-title{
  display:block;
  color:#0B7601;
  font-size:1em;
  font-weight: bold;
  width:120px;
  text-align:center;
}
#video-thumbnails-small .jScrollPaneTrack{
  background:none;
}
#video-thumbnails-small .jScrollPaneDrag{
  background:url('/images/horizontalscroll/bg.png') repeat-x;
}

#video-thumbnails-small .jScrollPaneDragLeft{
  background:url('/images/horizontalscroll/left.png') no-repeat;
  width:17px;
}

#video-thumbnails-small .jScrollPaneDragRight{
  background:url('/images/horizontalscroll/right.png') no-repeat;
  width:15px;
}

#video-thumbnails-small .jScrollArrowLeft, #video-thumbnails-small .jScrollArrowRight{
  height:19px;
  background-image:url("/images/jcarousel/buttons.gif");
  background-repeat:no-repeat;
  cursor:pointer;
}

#video-thumbnails-small .jScrollArrowRight{
  background-position:0 -19px;
}

/**video-thumbnails2**/
 #video-thumbnails-small2{
  /*overflow:hidden;*/
  background:url("/images/jcarousel/back692_133.gif") no-repeat scroll 0 0 transparent;
   width:671px;
   padding:10px 16px 37px 5px;
   height: 85px;
 }

 #video-thumbnails-small2-inner{
   width:671px;
   height: 110px;
 }

 #video-thumbnails-small2 ul{
   height:85px;
   display:block;
 }

 #video-thumbnails-small2 ul li{
   float:left;
   height:85px;
   width:108px;
   padding:0 2px 0 2px;
   display:block;
 }

 #video-thumbnails-small2 .thumb-title{
   display:block;
   color:#0B7601;
   font-size:1em;
   font-weight: bold;
   width:112px;
   text-align:center;
 }

 #video-thumbnails-small2 .jScrollPaneTrack{
   background:none;
 }

 #video-thumbnails-small2 .jScrollPaneDrag{
   background:url('/images/horizontalscroll/bg.png') repeat-x;
 }

 #video-thumbnails-small2 .jScrollPaneDragLeft{
   background:url('/images/horizontalscroll/left.png') no-repeat;
   width:17px;
 }

 #video-thumbnails-small2 .jScrollPaneDragRight{
   background:url('/images/horizontalscroll/right.png') no-repeat;
   width:15px;
}

 #video-thumbnails-small2 .jScrollArrowLeft, #video-thumbnails-small2 .jScrollArrowRight{
  height:19px;
   background-image:url("/images/jcarousel/buttons.gif");
  background-repeat:no-repeat;
   cursor:pointer;
 }

 #video-thumbnails-small2 .jScrollArrowRight{
   background-position:0 -19px;
 }