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

.IceSlideShow {
	position: relative;
	z-index:9;
	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: 96%;
		padding:0 2%; 
		margin: 0px;
		left: 0;
		bottom: 0;
		height: 70px;
		background: #111;
		color: #fff;
		text-indent: 0;
		overflow: hidden;}
	
		.IceSlideShow .slideInfoZone h2 {
			padding: 0;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:1.75em;
			text-shadow:1px 1px 1px #000;
			margin:13px 0 4px;
			line-height:1em;
			color: inherit;}
	
		.IceSlideShow .slideInfoZone p {
			filter:alpha(opacity=70);
			-moz-opacity:0.7;
			-khtml-opacity: 0.7;
			opacity: 0.7;
			padding: 0;
			font-size: 1.2em;
			font-family:Arial, Helvetica, sans-serif;}
		
		.IceSlideShow .slideInfoZone p a {
			text-decoration:underline}	



	/* 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: 54px;
			width:50px;
			top:42%;
			cursor: pointer;
			background: url(../images/arrows.png) no-repeat center 0;}
			
		.IceSlideShow a.left {
			left:-26px;
			right:auto;}

		.IceSlideShow a.right {
			right:-26px;
			background-position:center -108px;}
		
		.IceSlideShow a.left:hover {	
			background-position:center -54px;}
		
		.IceSlideShow a.right:hover {	
			background-position:center -162px;}	



/* 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; }