/*---------------------------------------------------------------- 
  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:9;
	margin:0;}


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

	.IceSlideShow .slideElement {
		width: 380px;
		height: 100%;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		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-repeat: no-repeat;
		background-position: center center;
		background-image: url(../images/loading.gif);}



	/* InfoPane */
	.IceSlideShow .slideInfoZone{
		position: absolute;
		z-index: 10;
		width: 580px;
		padding:0;
		margin: 0px;
		left:0;
		bottom: 0;
		height: 100%;
		border-left:none;
		border-right:none;
		color: #777;
		text-indent: 0;
		overflow: hidden;}
	
		.IceSlideShow .slideInfoZone h3 {
			padding: 0;
			font-size:1.85em;
			line-height:1em;
			margin:0 0 10px;}
			.IceSlideShow .slideInfoZone h3 a {
				color:#777;}
				.IceSlideShow .slideInfoZone h3 a:hover {
					color:#222;
					text-decoration:none;}
	
		.IceSlideShow .slideInfoZone p {
			padding: 0;}



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

		.IceSlideShow a.carouselBtn {
			position: absolute;
			bottom: 0;
			left:36%;
			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 .label a, 
					.jdExtCarousel .label a {
						color:#fff}
			

			.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:50px;
			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 {
			right:380px;
			margin-right:-50px;
			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 {
		right: 0;
		top: 0;
		width: 100%;
		height: 100%;}

		.withArrows a.slideshowlink {
			position: absolute;
			top: 0;
			right:10%;
			height: 99%;
			width: 20%;
			cursor: pointer;
			z-index: 100;
			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; }