a.jScrollArrowUp { background: url(../images/basic_arrow_up.gif) repeat-x 0 0; }
a.jScrollArrowUp:hover { background-position: 0 -16px; }
a.jScrollArrowDown { background: url(../images/basic_arrow_down.gif) repeat-x 0 0; }
a.jScrollArrowDown:hover { background-position: 0 -16px; }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-position: 0 -32px; }

.orange-bar .jScrollPaneTrack { background: #f60; }
.orange-bar .jScrollPaneDrag { background: #00f url(../images/drag_grab.gif) no-repeat 50% 50%; }
.orange-bar .scroll-pane { background: #69f; }
			
.holder { float: left; margin: 10px; }

.scroll-pane { width: 240px; height: 200px; overflow: auto; background: #fff; float: left; }

.wide { width: 400px; }
.super-wide { width: 700px; }

.tall { height: 400px; }


#contact-details-panel-title { float: left; width: 240px; height: 40px; background: #8C825F url(../images/fr/images-contact-titre-nos-regions.gif) no-repeat left top; }
#pane1 { float: left; width: 230px; height: 280px; background-color: #9E977D; padding: 0 0 10px 10px; }
.jScrollPaneContainer { float: left; }