/*---------------------------------------------------------------- 
  Copyright:
  Copyright (C) 2008 IceTheme. All Rights Reserved
  
  License:
  Copyrighted Commercial Software 
  
  Author:
  IceTheme - http://wwww.icetheme.com
---------------------------------------------------------------- */

.IceSlideShow {
	overflow: hidden;
	position: relative;
	z-index:9999;
	margin:0;}


	.IceSlideShow img {
		border: 0;
		margin: 0;}

	.IceSlideShow .slideElement {
		width: 100%;
		height: 100%;
		background-color: #E6E6E6;
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url(../images/loading.gif);}
	
	
	.IceSlideShow .loadingElement {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background-color: #E6E6E6;
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url(../images/loading.gif);}



	/* InfoPane */
	.IceSlideShow .slideInfoZone{
		position: absolute;
		z-index: 10;
		width: 100%;
		padding:0 10px;
		margin: 0px;
		left: 0;
		bottom: 0;
		height: 45px;
		background: #111;
		border-top:1px solid #777;
		color: #fff;
		text-indent: 0;
		overflow: hidden;}
	
		.IceSlideShow .slideInfoZone h2 {
			padding: 0;
			font-size:1.25em;
			margin:6px 0 3px;
			line-height:1em;
			font-weight: bold;
			color: inherit;}
	
		.IceSlideShow .slideInfoZone p {
			padding: 0;
			font-size: 1em;
			font-family:Arial, Helvetica, sans-serif;
			color: #DEDEDE;}



	/* Image Thumbnails Carousel */
	.IceSlideShow div.carouselContainer {
		position: absolute;
		height: 105px;
		width: 100%;
		z-index: 10;
		margin: 0px;
		left: 0;
		top: 0;}

		.IceSlideShow a.carouselBtn {
			position: absolute;
			bottom: 0;
			right: 30px;
			height: 20px;
			text-align: center;
			padding: 0 10px;
			font-size: 13px;
			background: #333;
			color: #fff;
			cursor: pointer;}

		.IceSlideShow .carousel {
			position: absolute;
			width: 100%;
			margin: 0px;
			left: 0;
			top: 0;
			height: 85px;
			background: #333;
			color: #fff;
			text-indent: 0;
			overflow: hidden;}
		
		.jdExtCarousel {
			overflow: hidden;
			position: relative;}

		.IceSlideShow .carousel .carouselWrapper,
		.jdExtCarousel .carouselWrapper {
			position: absolute;
			width: 100%;
			height: 78px;
			top: 10px;
			left: 0;
			overflow: hidden;}

			.IceSlideShow .carousel .carouselInner, 
			.jdExtCarousel .carouselInner {
				position: relative;	}

			.IceSlideShow .carousel .carouselInner .thumbnail, 
			.jdExtCarousel .carouselInner .thumbnail {
				cursor: pointer;
				background: #000;
				background-position: center center;
				float: left;
				border: solid 1px #fff;}


			.IceSlideShow .wall .thumbnail,
			.jdExtCarousel .wall .thumbnail{
				margin-bottom: 10px;}

			.IceSlideShow .carousel .label, 
			.jdExtCarousel .label {
				font-size: 13px;
				position: absolute;
				bottom: 5px;
				left: 10px;
				padding: 0;
				margin: 0;}

			.IceSlideShow .carousel .wallButton, 
			.jdExtCarousel .wallButton {
				font-size: 10px;
				position: absolute;
				bottom: 5px;
				right: 10px;
				padding: 1px 2px;
				margin: 0;
				background: #222;
				border: 1px solid #888;
				cursor: pointer; }

			.IceSlideShow .carousel .label .number,
			.jdExtCarousel .label .number {
				color: #b5b5b5;}



 /* Left and Right Arrows */
	.IceSlideShow a {
		font-size: 100%;
		text-decoration: none;
		color: inherit;}

		.IceSlideShow a.right, 
		.IceSlideShow a.left{
			position: absolute;
			height: 99%;
			width: 25%;
			cursor: pointer;
			z-index:10;
			filter:alpha(opacity=30);
			-moz-opacity:0.3;
			-khtml-opacity: 0.3;
			opacity: 0.3;}

			.IceSlideShow a.right:hover, 
			.IceSlideShow a.left:hover	{
				filter:alpha(opacity=80);
				-moz-opacity:0.8;
				-khtml-opacity: 0.8;
				opacity: 0.8;}

		.IceSlideShow a.left {
			left: 0;
			top: 0;
			background: url(../images/fleche1.png) no-repeat center left;}


		.IceSlideShow a.right {
			right: 0;
			top: 0;
			background: url(../images/fleche2.png) no-repeat center right;}



/* Decorate the SlideShow link */
	.IceSlideShow a.slideshowlink {
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;}

		.withArrows a.slideshowlink {
			position: absolute;
			top: 0;
			left: 25%;
			height: 99%;
			width: 50%;
			cursor: pointer;
			z-index: 10;
			background: none;
			-moz-opacity:0.8;
			-khtml-opacity: 0.8;
			opacity: 0.8;}

			.withArrows a.slideshowlink:hover { 
				background: url(../images/open.png) no-repeat center center; }