/* carousel */


/* remember to define focus styles! */
:focus {
	outline: 0;
}

#carouselContainer {
	width:880px;
	height:262px;
	overflow:hidden;
	position:relative;
}
#carouselStrip {
	width:6160px;
	height:222px;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
.slidePos1 {
	left:0px;
}
.slidePos2 {
	left:-880px;
}
.slidePos3 {
	left:-1760px;
}
.slidePos4 {
	left:-2640px;
}
.slidePos5 {
	left:-3520px;
}
.slidePos6 {
	left:-4400px;
}
.slidePos7 {
	left:-5280px;
}
#carouselSlide1,
#carouselSlide2,
#carouselSlide3,
#carouselSlide4,
#carouselSlide5,
#carouselSlide6,
#carouselSlide7 {
	width:880px;
	height:222px;
	float:left;
}
#lefttab {
	position:absolute;
	bottom:0px;
	left:0px;
	height:50px;
	width:70px;
	text-align:left;
	z-index:100;
	background: url(/images/lefttab.png) no-repeat 0px 10px;
	float:left;
}
#carouselMenu {
	position:absolute;
	bottom:0px;
	right:0px;
	height:50px;
	width:880px;
	text-align:left;
	z-index:100;
	background: url(/images/rollbarcore1.png) no-repeat 0px 9px;
	float:left;
}
#carouselMenu a {
	height: 50px;
	display: block;
	float: left;
	text-indent:-8765px;
}
a.activeCarouselStep,
#carouselMenu a:hover {
	background-image: url(/images/rollbarcore1.png);
}
a#carouselMenu1.activeCarouselStep,
a#carouselMenu1,
a#carouselMenu1:hover  {
	width: 294px;
	background-position: 0px -42px;
}
a#carouselMenu2.activeCarouselStep,
a#carouselMenu2,
a#carouselMenu2:hover {
	width: 293px;
	background-position: -293px -42px;
}
a#carouselMenu3.activeCarouselStep,
a#carouselMenu3,
a#carouselMenu3:hover {
	width: 293px;
	background-position: -587px -42px;
}
a#carouselMenu2.activeCarouselStep,
a#carouselMenu2,
a#carouselMenu2:hover {
	width: 293px;
	background-position: -293px -42px;
}