/* root element for scrollable */
div.scrollable.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 550px;
	width: 200px;
}

.LTP-items{
	/*margin-left:26%;*/
}

.crl-logo{
	margin-left:10px;
}

.items-found{
	margin-left:10px;
	margin-bottom:5px;
	font-weight:bold;
	color:#666666;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	width:180px;
}

.item-title{
	cursor: pointer;
	font-size: 11px;
	font-weight:bold;
	white-space:normal;
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(http://widget.latransparencedesprix.com/widgets/tests/google/img/up.png) no-repeat;
	cursor:pointer;
	font-size:1px;
	margin-left:93px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(http://widget.latransparencedesprix.com/widgets/tests/google/img/down.png);
	clear:right;	
}



/* root element for scrollable items */
div.scrollable.vertical div.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:2000em;
	width:100%;
	margin: 0px;
	
}

/* override item style defined in scrollable.css */
div.scrollable div.items div.item {
	float:none;
	margin:3px 0px;
	width:100%;
}

/* single scrollable item */
div.scrollable div.items div.item {
	float:left;
	
	/* background image */
	/*background: #000 url(http://widget.latransparencedesprix.com/widgets/tests/google/img/whitexxl.jpg) no-repeat 0 0;*/
	
	
	/* text/font settings */
	/*
	text-align:left;
	width:200px;
	height:86px;
	padding:8px 4px 40px 8px;
	margin-right: 10px;	
	cursor:pointer;
	*/
}


/* mouseover state */
div.scrollable div.items div.item:hover {	
	background-position:-200px 0px;
}

/* clicked state */
div.scrollable div.items div.item:active {	
	background-position:-400px 0;
}

/* active item */
div.scrollable div.items div.active {	
	background-position:-600px 0;
	cursor:default;
}

/* CAROUSEL PROMO (TOP) */

.promo-source{
	color:#000000;
}
/* root element for scrollable */
div.scrollable-promo.vertical-promo {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	
	/* vertical scrollers have typically larger height than width */	
	height: 50px;
	width: 480px;
	top:-4px;

}

/* root element for scrollable items */
div.scrollable-promo.vertical-promo div.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:2000em;
	width:100%;
	margin: 0px;
	text-align:right;
}

/* override item style defined in scrollable.css */
div.scrollable-promo div.items div.item {
	float:none;
	margin:3px 0px;
	width:100%;
}

/* single scrollable item */
div.scrollable-promo div.items div.item {
	float:left;
	font-size:12px;
	height:64px;
	/* background image */
	/*background: #000 url(http://widget.latransparencedesprix.com/widgets/tests/google/img/whitexxl.jpg) no-repeat 0 0;*/
	
	
	/* text/font settings */
	/*
	text-align:left;
	width:200px;
	height:86px;
	padding:8px 4px 40px 8px;
	margin-right: 10px;	
	cursor:pointer;
	*/
}


/* mouseover state */
div.scrollable-promo div.items div.item:hover {	
	background-position:-200px 0px;
}

/* clicked state */
div.scrollable-promo div.items div.item:active {	
	background-position:-400px 0;
}

/* active item */
div.scrollable-promo div.items div.active {	
	background-position:-600px 0;
	cursor:default;
}