.offscreen {
    display: block;
    height: 1px;
    left: -2000px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}
.offscreenText {position:absolute;left:-99999px; display:block;height:1px;overflow:hidden;}
.component-container { text-align:center;}

.carousel-container {
	position:relative;
}
.carousel-viewport {
	margin:0;
	padding:0;
	overflow:hidden;
	position:relative;
}
.carousel-viewport ul,
.carousel-viewport ul li {
	margin:0;
	padding:0;
	position:relative;
}
.carousel-viewport ul li {
	float:left;	
	display:block;
}
.carousel-viewport ul .slide {
	float:left;
}
.carousel-pagination,
.carousel-pagination li {
	margin:0;
	padding:0;
	position:relative;
}
.carousel-pagination li {
	float:left;	
	display:block;
}
.carousel-pagination li a {
	width:19px; height:20px; 
	display:block;
}
/*
    Render the element invisible to screen readers to make 
    sure the content is ignored. This is used when 
    the element needs to take up space in the document
    flow for dimension calculations.
    The name is taken from the ARIA attribute aria-hidden="true",
    which is not yet fully supported.
*/
.aria-hidden {
    visibility:hidden;
}
/*
    Render the element visible to all. This is used when 
    the element needs to visible durign animations.
    The name is taken from the ARIA attribute aria-busy="true",
    which is not yet fully supported.
*/
.aria-busy .carousel-panel {
    visibility:visible;
}
/* Carousel -----*/
#openContainerContent {
	width:950px; height: 400px; 
	overflow:hidden; 
	margin-bottom:10px; 
	position:relative;
	top: -23px;
}
.c9_slide { width:950px; height:400px;}
.c9_slide a { position:absolute; display:block; top:0; left:0; width:950px; height:352px; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bolder; background-color:#FFF; filter:alpha(opacity=0); opacity:.0;}
.c9_slide a:link {color:#0069ff; text-decoration:none; }
.c9_slide a:visited {color:#0069ff; text-decoration:none; }
.c9_slide a:hover {color:#0069ff;  text-decoration:underline;}
.c9_slide a:active {color:#0069ff; text-decoration:none; }
#c9_slides .carousel-viewport ul li {
	width:950px; height:400px; 
	margin-bottom:-2px !important;
	text-align:center;
	border-right:dotted 0px #9ea9b2;
}

#c9_slides .prevFrame {width:13px; height:20px; cursor:pointer; z-index:5000 !important; position:absolute; bottom:13px; left:394px; 
	background: url(http://tgtfiles.target.com/everestOpenContainers/080411_C9/images/arrow-prev.png);
}
#c9_slides .prevFrame:hover { cursor:pointer;
	background: url(http://tgtfiles.target.com/everestOpenContainers/080411_C9/images/arrow-prev.png);
}

#c9_slides .nextFrame {width:13px; height:20px; cursor:pointer; z-index:5000 !important; position:absolute; bottom:13px; right:397px; 
	background: url(http://tgtfiles.target.com/everestOpenContainers/080411_C9/images/arrow-next.png);
}
#c9_slides .nextFrame:hover { cursor:pointer;
	background: url(http://tgtfiles.target.com/everestOpenContainers/080411_C9/images/arrow-next.png);
}
#navBkg {
	position:absolute;
	top:352px;
	left:1px;
	z-index:1;
	display:none;
}
#c9_slides .carousel-pagination { 
	position:absolute; 
	width: 532px;
	height:16px;
	padding:15px 0 17px 418px;
	background:url(http://tgtfiles.target.com/everestOpenContainers/C9/012012/images/navBkg.png) 0 0 no-repeat;	
	bottom:0px;
    left: 0px;
	z-index:200;
}
ul.carousel-pagination li { width:26px;}
#c9_slides .carousel-pagination li a {
	display: block;
	width:19px; height:20px;
	padding: 10px 0 0 0;
	overflow: hidden;
	float: left;
	cursor: pointer;
	margin: 0 10px 0 0;
	background-position:0 0px;	
	background-repeat:no-repeat;
	background-image:url(http://tgtfiles.target.com/everestOpenContainers/080411_C9/images/pagination2.png);
}
#c9_slides .carousel-pagination li a.current {	
	background-image:url(http://tgtfiles.target.com/everestOpenContainers/080411_C9/images/pagination2.png); background-position:0 -20px; width:19px; height:20px;
}