#container {
	width:100%;
	padding:9px 22px 0px 22px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#slider {
	width:100%;
	height:413px;
	position:relative;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:912px;
	height:380px;
	overflow:hidden;
	position:relative;
	display:none;
	background: #FFFFFF;
	border:5px solid #FFFFFF;
	border-left: 0px none transparent;
	border-radius:4px;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.298);
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:912px;
	height:360px;
	display:block;
	background: #FFFFFF;
}


/* Next/prev buttons */

#slides .next, #slides .prev {
	position:absolute;
	top:50%;
	margin-top:-20px;
	left:-20px;
	width:9px;
	height:19px;
	display:block;
	z-index:101;
}

#slides .next {left:922px;}


/* Pagination */

.slider-pager {
	margin:9px auto 0;
	width:200px;
}

.slider-pager li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.slider-pager li a {
	background:#9E9E9E;
	border:0px none transparent;
	border-radius:12px;
	float:left;
	font-size:0px;
	width:12px;
	height:12px;
	margin-right:8px;
	text-indent:-9999px;
}

span.dynamic, a.dynamic {
	border-bottom: 1px dashed #282828;
	color: #282828;
	cursor: pointer;
	position: relative;
	text-decoration: none;
}

.slider-pager li.current a {background:#3E3E3E;}


.slide .description {float:left;}

.slide .synopsis {position:absolute; margin: 132px 0 11px 44px;}

.slide .synopsis p {font:17px 'Officina Serif C Regular'; color:#282828; margin-bottom:11px;}

.slide .synopsis .price em {font:41px 'Officina Serif C Bold';}

.slide .synopsis button {margin-top:6px;}

.slide .synopsis a.btn-order {margin-top:6px;}


.slide .slogan {
	position:relative;
	width:99%;
	margin:39px 0 20px;
}

.slide .slogan .title {
	position:absolute;
	display:block;
	padding:5px 44px 5px 44px;
	font:normal 41px 'Officina Serif C Bold';
	color:#282828;
	white-space:nowrap;
	z-index:10;

	background:#F7A700; /* Old browsers */
	background:-moz-linear-gradient(left, #F7A700 0%, #FFE100 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, right top, color-stop(0%,#F7A700), color-stop(100%,#FFE100)); /* Chrome, Safari4+ */
	background:-webkit-linear-gradient(left,  #F7A700 0%,#FFE100 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(left, #F7A700 0%,#FFE100 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(left, #F7A700 0%,#FFE100 100%); /* IE10+ */
	background:linear-gradient(to right, #F7A700 0%,#FFE100 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7A700', endColorstr='#ffe100',GradientType=1 ); /* IE6-9 */
}

.slide .picture {float:right; width:520px;}
.slide .picture img {border-top-right-radius:5px; border-bottom-right-radius:5px;}

