#index #slides {
	width: 750px;
	height: 450px;
	position:relative;	
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

#index .slides_container {
	width:750px;
	height: 450px;
	overflow:hidden;
	position:relative;
		
}

/*
	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
*/

#index .slides_container div.slide {
	width:750px;
	height:450px;
	display:block;
	margin-bottom: 20px;
}

#index .slides_container div.slide .pic{
	width:750px;
	height:450px;
	display:block;
}


#index .pagination {
	position: absolute;
	top: 460px;
	left: 280px;
	display: inline;
	font-size: 0px;					
}


#index .pagination li{
	list-style:none;	
	float: left;	
	margin: 10px 7px 10px 0;
	background: #DDD;
	width: 14px;
	height: 14px;	
	border-radius:71px;
    -webkit-border-radius:71px;
    -moz-border-radius:71px;	
}

#index .pagination li.active a, .pagination li:hover a, .pagination li.current a{
	background: #7E0016;
	width: 14px;
	height: 14px;
	padding: 0px !important;		
	color: #FFF;	
	border-radius:71px;
    -webkit-border-radius:71px;
    -moz-border-radius:71px;		
}	

#index .pagination li a{
	text-decoration: none;
	display: block;
	padding: 6px;	
}

#index .caption {
	z-index:99;
	position:absolute;
	bottom:0px;
	left:0;
	height:60px;
	padding-top: 40px;		
	background: url(../../../images/multisite/14/caption_bg.png) center right;
	width:521px;
		
}


#index .caption h1 a{
	font-weight: normal; 	
	font-size: 43px;
	color: #FFF;
	text-decoration: none;
	margin: 0 0 0 20px;
}



#index #slides .next, #slides .prev {	
	position:absolute;
	top:205px;	
	width:50px;
	height:50px;	
	display:block;
	z-index:101;
	background-image: url(../../../images/multisite/14/sprite.png);
}

#index #slides .next {	
	right: 0px;
	background-position: -50px 0;
}

#index #slides .prev {	
	left: 0px;
	background-position: 0 0;
}

#index #slides .next:hover {
	background-position: -50px -50px;	
}

#index #slides .prev:hover {
	background-position: 0 -50px;
}




#index table {	
	border-collapse: collapse;
}

#index .box  {
	width: 100%;
	margin: 30px 0 0 0;
	
}

#index .box .entry {		
	padding: 0 0 0 0;
	vertical-align: top;
	width: 32.6666%;
	
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#index .box .entry a {
	color: #FFF;
}

#index .box .entry .img{
	display: block;
	width: 100%;
	height: 150px;
	background-position: center center;
	background-size: cover;
	
	
}

#index .box .entry .txt{	
	display: block;
	padding: 10px;
	background-color: #7E0016;
	background-image: url(../../../images/multisite/14/basket.png);
	background-position: 95% center;
	background-repeat: no-repeat;
}

#index .box .entry img {
	float: right;
}


#index .box .entry:hover .txt{	
	color: #7E0016;
	background-color: #DDD;
	
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;	
}

#index .box .separator {
	width: 2%;
	height: 15px;		
}


#index .box img {
	margin: 0 0 10px 0; 
}

#index .box .entry h1 {	
	width: 210px;
	float: left;
	font-size: 17px;
	font-weight: normal;
}

#index .box .entry h2 {	
	float: right;
	text-align: right;
	font-size: 16px;
	width: 85px;
	height: 30px;
	margin: 0 15px 0 0;
}

#index .box .entry .buy {
	font-size: 14px;
	float: right;
	background: #000;
	padding: 4px 6px 4px 6px; 	
	margin: 0 0 0 0;
	color: #FFF;
}

#index .box .entry .buy:hover {	
	background: #FDE000;
	color: #000;	
}


#index .box .entry a {
	text-decoration: none;	
}