#sliderMain{ position: relative; /*Keep the arrows constraint*/	border:1px #555555 solid; border-top:10px #555555 solid; margin-bottom:10px;}
#sliderMain left { float:left; }
#sliderMain right { float:right; }
#sliderMain .slideItems li { clear:left;line-height:21px;}
* html #sliderMain .slideItems li { height:21px;}
.relatedPasses #sliderMain  { border:1px #009DE0 solid; border-top:10px #009DE0 solid; /*background:transparent url(http://static.raileurope-world.com/images/bg_dotted_passes_home.png) no-repeat scroll 0 0;*/ }
.relatedTickets #sliderMain  { border:1px #9f2679 solid; border-top:10px #9f2679 solid; /*background:transparent url(http://static.raileurope-world.com/images/bg_dotted_tickets_home.png) no-repeat scroll 0 0;*/ }

/* The left and right arrows */
a.arrowL, a.arrowR{ position: absolute; top: 70px; width:15px; height:50px; z-index:20;}
a.arrowR{ right:0px; }
a.arrowL { background: url("http://static.raileurope-world.com/images/arrows/left-arrow-passes.jpg") no-repeat center; }
a:hover.arrowL  { background: url("http://static.raileurope-world.com/images/arrows/left-arrow-passes-hover.jpg") no-repeat center; }
a.arrowR { background: url("http://static.raileurope-world.com/images/arrows/right-arrow-passes.jpg") no-repeat center; }
a:hover.arrowR  { background: url("http://static.raileurope-world.com/images/arrows/right-arrow-passes-hover.jpg") no-repeat center; }
.relatedTickets a.arrowL { background: url("http://static.raileurope-world.com/images/arrows/left-arrow-tickets.jpg") no-repeat center; }
.relatedTickets a:hover.arrowL { background: url("http://static.raileurope-world.com/images/arrows/left-arrow-tickets-hover.jpg") no-repeat center;}
.relatedTickets a.arrowR { background: url("http://static.raileurope-world.com/images/arrows/right-arrow-tickets.jpg") no-repeat center; }
.relatedTickets a:hover.arrowR { background: url("http://static.raileurope-world.com/images/arrows/right-arrow-tickets-hover.jpg") no-repeat center; }

a.slideControl{ padding:0 3px 0 3px; text-decoration:none; font-weight:bold; }
#sidebar a:hover.slideControl, #sidebar a.slideControlSelected{	color:#FFFFFF; }
.relatedPasses a:hover.slideControl, .relatedPasses a.slideControlSelected { background-color:#009DE0; color:#FFFFFF; }
.relatedTickets a:hover.slideControl, .relatedTickets a.slideControlSelected { background-color:#9f2679; color:#FFFFFF; }

.slideItems { margin:0; }
.slideItems .item {	width:auto; white-space:nowrap;	overflow:visible; }
.slideItems .itemShort { width:100%; white-space:nowrap; overflow:hidden; }
.slideItems .itemInfo {	width:auto; text-align:right; }	

.slideItems .price{
	/*font-weight:bold;*/
	color:#E51D28;
	white-space:nowrap;
	overflow:hidden;
}

.slideItems {/*de la place pour les fleches*/
	padding-left:15px;
	padding-right:10px;
}

/*JQUERY TOOLS SLIDER*/


.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 220px;
	height:460px;
}

.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable .slideContent {
	float:left;
	margin:0px;
	background-color:#fff;
	padding:2px;
	cursor:pointer;
	width:215px;
	height:400px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

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

#flowtabs {
	line-height:40px;
	text-align:center;
}

#flowtabs a.slideControl{
	text-decoration:none;
	padding:12px 18px 6px 19px;
	color: #565656;
	background: url("http://static.raileurope-world.com/images/arrows/promo-button.jpg") no-repeat bottom;
	font-weight:bold;
	font-size:120%;
	font-family:Arial black;
}

#flowtabs a.current{
	color: white;
	background: url("http://static.raileurope-world.com/images/arrows/promo-button-hover.jpg") no-repeat bottom;
} 