/* Homepage Setup for the Slide Carousel */

body.home #WrapperHeader {width:900px; height:200px; background:#FFFFFF url('/English/Images/Misc/Homepage_Banner_Apples.jpg');  float:left; margin-top:20px;}
body.home #Mast h1 {position: absolute; text-indent: -32000em;}
body.home #HomeMastCarousel {
	height: 200px;
	position: relative;
	z-index: 0;
	overflow: hidden;
	width: 900px;
}
	body.home #HomeMastCarousel li { height:200px; position: relative; width:900px;}

	#HomeMastCarousel li h1,
	#HomeMastCarousel li h2 {position: absolute; text-indent: -32000em;}
	#HomeMastCarousel li p {position: absolute; text-indent: -32000em;}
	#HomeMastCarousel li a {
		height: 50px;
		left: 485px;
		position: absolute;
		text-indent: -32000em;
		top: 240px;
		width: 226px;
	}
	#HomeMastCarousel li.one {
		background: url('/English/Images/Slide_Carousel/Apples_900px_01.png') no-repeat 0 0;
	}
	#HomeMastCarousel li.two {
		background: url('/English/Images/Slide_Carousel/Apples_900px_02.png') no-repeat 0 0;
	}
	#HomeMastCarousel li.three {
		background: url('/English/Images/Slide_Carousel/Apples_900px_03.png') no-repeat 0 0;
	}
	#HomeMastCarousel li.four {
		background: url('/English/Images/Slide_Carousel/Apples_900px_04.png') no-repeat 0 0;
	}
	#HomeMastCarousel li.five {
		background: url('/English/Images/Slide_Carousel/Apples_900px_05.png') no-repeat 0 0;
	}
	#HomeMastCarousel li.six {
		background: url('/English/Images/Slide_Carousel/Apples_900px_06.png') no-repeat 0 0;
	}
		#HomeMastCarousel li.one a {top:0px; left:0px; width:900px; height:200px;}
		#HomeMastCarousel li.two a {top:0px; left:0px; width:900px; height:200px;}
		#HomeMastCarousel li.three a {top:0px; left:0px; width:900px; height:200px;}
		#HomeMastCarousel li.four a {top:0px; left:0px; width:900px; height:200px;}
		#HomeMastCarousel li.five a {top:0px; left:0px; width:900px; height:200px;}
		#HomeMastCarousel li.six a {top:0px; left:0px; width:900px; height:200px;}


body.home #Mast .jcarousel-clip {height:200px;}
body.home #Mast .carouselNav {
	bottom: 7px;
	position: absolute;
	right: 7px;
	z-index: 40;
}
	body.home #Mast .carouselNav li {
		background: url('/English/Images/Slide_Carousel/mast-nav-buttons.png') no-repeat 0 0;
		cursor: pointer;
		display: inline;
		float: left;
		font-size: 85%;
		height: 17px;
		margin-left: 20px;
		outline: 0;
		text-indent: -32000em;
		text-decoration: none;
		width: 17px;
	}
		body.home #Mast .carouselNav li.active {
			background: url('/English/Images/Slide_Carousel/mast-nav-buttons.png') no-repeat 100% 0;
		}

/**
 * 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;
		width: 900px;
}


.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: 900px;
    height: 200px;
}

/**
 * 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 {
	display: none;
	z-index: 3;
}

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

/* Utility Classes */
.selfClear:after { /* Make elements self-clearing - see http://positioniseverything.net/easyclearing.html */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}