/* @override http://localhost:8888/wp-content/themes/pizza-stop/js/jquery.infinite-carousel.css */

#viewport{
	width: 800px; /* Defines the size of the visible part of the carousel
		Attention : if you only want to see plain items in the viewport,
		the width of the viewport should take into account of :
		- the items width
		- the right and left padding of items
		- the number of items you want to see in the viewport
	 */
	overflow:hidden; /* Hides extra elements, those outside the viewport area */
	position:relative;
	padding: 0;
	margin: 0;
}
#viewport ul{
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0 !important; /* Resets default - User Agent - style */
	margin:0 !important;
}
#viewport li{
	width: 800px; /* Defines the size of inner element */
	height: 420px;
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	/* Cosmetic */
	background-color: transparent;
	margin: 0 1px;
	padding: 0;
	text-align:center;
}
#fadeLeft, #fadeRight {
	height: 420px;
	width: 100px;
	background-color: transparent;
	position: absolute;
	top: 5px;
	background: transparent url(../img/sprites.png) no-repeat left top;
}
#fadeLeft {
	left: 0px;
	background-position: 0px -80px !important;
}
#fadeRight {
	right: 0;
	background-position: 20px -500px !important;
}
#next,#prev {
	height: 70px;
	width: 60px;
	display: block !important;
	text-indent: -99999px;
	background-image: url(../img/sprites.png);
	position: absolute;
	top: 350px;
}
.content {
	position: relative;
}
#next {
	right: -45px;
	background-position: -70px 0;

}

#next {
	right: -45px;
	background-position: -70px 0;

}
#prev {
	left: 0px;
	background-position: 0 0;
}
/* Cosmetic */
#prev, #next{
	cursor: pointer;
	
}
.more {
	position: absolute;
	right: -74px;
	top: 410px;
	display: block;
	height: 55px;
	width: 95px;
	text-indent: -900px;
	overflow: hidden;
	background: white url(../img/click.png) no-repeat left top;
}