.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:80px}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

	#slider1 a{color:#348;text-decoration:none;outline:none;}
	#slider1 a:hover{color:#67a;}
	 .caption{font-style:italic; padding-left: 5px;color:black;  line-height: 25px; position: absolute; z-index:2;  background: #cccccc; display: block; width: 455px; height: 25px;  left: 0; font-family: arial; text-align: left;}
	 
	 .caption span {font-weight: bold; color: #b3081b; }
	#slider1 .demo{position:relative;margin-top:2em;}
	#slider1 .gallery_demo, #slider2Content {width:702px;margin:0 auto;}
	#slider1 .gallery_demo li, #slider2Content li{width:80px;height:80px;border:3px double #111;margin: 0 4px 0 0;background:#000; line-height: 80px; }
	#slider2Content li img, .gallery_demo img {
vertical-align: middle;
	}
	
	#slider1 img {
    border: 1px solid #ccc;
  }
	#slider1 .gallery_demo li div{left:240px}
	#slider1 .gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}

#slider1 	#main_image, .galerie {margin:0 auto 60px auto; height:438px;width:700px;background:black; cursor: pointer; overflow: hidden;}


.otherSlide{display: none;}
#slider1 	.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}

#slider1 	.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
#slider1 	.info p{margin-top:1.6em;}
#slider1 {
 width: 266px;
}

#main_image, .galerie {
  /*width: 460px;*/
  height: 300px;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
}

.player, .galerie {
 width: 460px;
 margin:auto;
}

#right a {
  outline: none;
}

.galleria_wrapper {
  line-height: 295px;
	}

#main_image img, .galerie img {
	vertical-align: middle;
}




/*** CAROUSEL ***/
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.btnPrev {
	background: url(/_img/row-next.gif) no-repeat center;
	cursor: pointer;
}
.btnNext {
  cursor: pointer;
  background: url(/_img/row-prev.gif) no-repeat center;
}




.clear {clear: both}
.btnNext{left:5px;}
.btnPrev{right: 5px;}
.btnPrev, .btnNext{
 text-indent: -5000px;
 position: absolute;
 height: 85px;
 width: 30px;}



#diaporama .tabs-nav li , #oxbow-tv .tabs-nav li {min-width: 40px;  font-family: arial}
#diaporama, #oxbow-tv { margin-bottom: 10px; border: 1px solid #666;}
.tabs-nav a span {min-width: 40px; padding: 5px 0px 0; font-size: 11px;}
.tabs-nav a {padding: 0;}

#diaporama #main_image {
  background-color: #999;
}


#left #article .galerie img {
	height:auto;
	width: auto;
}


.jcarousel-prev-disabled, .jcarousel-next-disabled
{
	display: none;
}