#recipe-slideshow-info {
	line-height: 100%;
	float: right;
	width: 155px;
	height: 240px;
	position: relative;
	top: 0px;
	left: 0px;
}
#recipe-slideshow-controls {
	line-height: 0px;
	font-size: 0px;
}
#recipe-slideshow-controls-previous {
	float: left;
}
#recipe-slideshow-controls-next {
	float: right;
}
#recipe-slideshow-controls-stop,
#recipe-slideshow-controls-start {
	padding-top: 5px;
	clear: both;
}

#recipe-slideshow-thumbs-instructions {
	color: #666666;
	font: normal 12px Helvetica, sans-serif;
}


#recipe-slideshow-thumbs {
	width: 481px;
}
#recipe-slideshow-thumbs-carousel {
	position: relative; /*leave this value alone*/
	left: -7;
	top: 0;
	overflow: scroll; /*leave this value alone*/
	height: 230px; /*Height should enough to fit largest content's height*/
}

.recipe-slideshow-thumbs-carousel-belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.recipe-slideshow-thumbs-carousel-panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 96px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	font: bold 14px Helvetica, sans-serif;
	color: #000000;
	cursor: pointer;
}
.recipe-slideshow-thumbs-carousel-panel span {
	white-space: nowrap;
}
.recipe-slideshow-thumbs-carousel-panel div {
	margin: 2px 7px;
}


#recipe-slideshow-large-carousel {
	position: relative; /*leave this value alone*/
	left: 0;
	top: 0;
	overflow: scroll; /*leave this value alone*/
	height: 232px; /*Height should enough to fit largest content's height*/
}

.recipe-slideshow-large-carousel-belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.recipe-slideshow-large-carousel-panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 325px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	font: bold 14px Helvetica, sans-serif;
	color: #000000;
}

.recipe-slideshow-carousel-image {
	font-size: 0px;
	line-height: 0px;
}

.current img {
	opacity: .5;
	filter:alpha(opacity=50);
}

.recipe-slideshow-item-alternate {
	display: none;
}
