/*----------------------------------------------------------------
ADANO - CSS carousel.
----------------------------------------------------
designed by  :: // l a t i t u d // :: design studio
----------------------------------------------------
www.estudiolatitud.com
November 24, 2008,  Montevideo. Uruguay.
----------------------------------------------------------------*/


div.carouselContent {
	width:662px;
	height:209px;
	border:3px solid #818080;
	margin:0 auto;
	background: url(../img/carousel_background.gif) repeat top left;
	margin-top:10px;
	padding:10px 0 0 25px;
	position:relative;
}
div.carouselContent h2 {
	font-size:13px;
	color:#dddddd;
	text-transform:uppercase;
	text-align:center;
	margin-bottom:5px;
}
div.carouselContent div.container {
	width: 587px;
	height: 178px;	
	overflow:hidden;
	position:absolute;
	z-index:500;
	top:34px;
	left:50px;
}
div.carouselContent ul.allItems {
	height: 178px;
	width: 9999px;
	position:relative;
}
div.carouselContent ul li.carouselList {
	float:left;
	display:block;
	width:129px;
	height:164px;
	border:2px solid #c25c5c;
	background:#b80000;
	padding:5px;
	margin-right:5px;
}
div.carouselContent ul li.carouselList.gray {
	background:#838383;
	border:2px solid #b5b2b2;
}
div.carouselContent ul li.carouselList img {
	border:2px solid #ffffff;
	margin-bottom:2px;
}
div.carouselContent ul li.carouselList img:hover {
	border-color: #ec0000;
}
div.carouselContent ul li.carouselList ul li.place {
	font-size:12px;
	color:#ffffff;
	text-transform:uppercase;
	text-align:center;
	margin-bottom:0;
}
div.carouselContent ul li.carouselList ul li.info, 
div.carouselContent ul li.carouselList ul li.price {
	font-size:13px;
	color:#ffffff;
	text-align:center;
}
li.info.withPos, li.price.withPos {
	position:relative;
	top:14px;
}
/*CAROUSEL BUTTONS*/
div.carouselContent div.previous_button, 
div.carouselContent div.next_button {
	float:left;
	margin-top:54px;
}
div.carouselContent div.previous_button, 
div.carouselContent div.next_button, 
div.carouselContent div.previous_button.disable, 
div.carouselContent div.next_button.disable{
	display:block;
	width:17px;
	height:62px;
}
div.carouselContent div.previous_button {
	background:url(../img/back_arrow.gif) no-repeat top left;
	margin-right:603px;
}
div.carouselContent div.next_button {
	background:url(../img/forward_arrow.gif) no-repeat top left;
} 
div.carouselContent div.previous_button:hover, 
div.carouselContent div.next_button:hover {
	background-position:bottom left;
	cursor:pointer;
}
div.carouselContent div.previous_button.disable {
	cursor: default;
	background: url(../img/back_arrow_disable.gif) no-repeat top left;
	margin-right:603px;	
}
div.carouselContent div.next_button.disable {
	cursor: default;
	background: url(../img/forward_arrow_disable.gif) no-repeat top left;
}