.carousel-component {    
	position:relative;
	overflow:hidden;
	visibility:visible; /* component turns it on when first item is rendered */
}
				
.carousel-component ul.carousel-list { 
	width:10000000px;
	position:relative;
	z-index:1; 
}

.carousel-component .carousel-list li { 
	float:left;
	list-style:none;
	overflow:hidden;
}

.carousel-component ul.carousel-vertical { 
	height:10000000px;
	position:relative;
	z-index:1; 
}
.carousel-component .carousel-vertical li { 
	float:left;
	list-style:none;
	overflow:hidden;	
}



.carousel-component .carousel-clip-region { 
	overflow:hidden;
	margin:0px 0px 0px 0px;
	position:relative;     
}

/**
 * Safe to override. It is safe to override background, padding, margin, color,
 * text alignment, fonts, etc. Define a separate CSS file and override your style
 * preferences.
 **/

.carousel-component { 
	background:#E6E5E5;	
	padding:0px 0px 0px 0px;	
}

.carousel-component ul.carousel-list { 
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.carousel-component .carousel-list li { 
    text-align:center;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;  
	font:11px verdana;
    color: #000000;
    font-weight: bold;
}
.carousel-component .carousel-list li a{      
    font-weight: normal;
    text-decoration: none;
    color: #000000;    
}

.carousel-component .carousel-list li .rd { 
    color: #FF0000;
    font-weight: bold;
    text-decoration: underline;
}

.carousel-component ul.carousel-vertical { 
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.carousel-component .carousel-vertical li { 
    text-align:center;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;  
	font:11px verdana;
    color: #000000;
    font-weight: bold;
}
.carousel-component .carousel-vertical li a{      
    font-weight: bold;
    text-decoration: none;
    color: #000000;    
}

.carousel-component .carousel-vertical li .rd { 
    color: #FF0000;
    font-weight: bold;
    text-decoration: underline;
}

#html-carousel { 
    background: #E6E5E5;	
	margin: 0px 0px 0px 0px;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-x;
}

#html-carousel-ver { 
    background: #E6E5E5;	
	margin: 0px 0px 0px 0px;
}

#html-carousel .carousel-list li { 
    width: 77px; 
    padding:  8px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	font-family:arial;
	font-size:11px;
	color:#521414;
	font-weight:bold;
	text-decoration:none;
}

#html-carousel-ver .carousel-vertical li {     
	height: 90px;
	width:80px;
    padding:  0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	text-align:center;	
	font-family:arial;
	font-size:11px;
	color:#521414;
	font-weight:bold;
	text-decoration:none;
	display:block;
}

#html-carousel .carousel-list li img { 
	padding:  0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
}

#html-carousel-ver .carousel-vertical li img { 
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}

#html-carousel {
    padding:  0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
    float: left;
    width: 385px;
}

#html-carousel-ver 
{
    margin: 0px 0px 0px 0px;
    float: left;   
	height: 400px;
	width:80px;
}

/* BUTTONS */
#prev-arrow-container {
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

 #next-arrow-container {    
    float:left;
    margin: 0px;
    padding: 0px;
}

#next-arrow { 
    cursor:pointer; 
}

#prev-arrow { 
    cursor:pointer; 
}

.verticaltext
{
	text-align:center;
	vertical-align:top;
	font-family:arial;
	font-size:12px;
	color:#521414;
	font-weight:bold;
	text-decoration:none;
}

.selectedstage
{
	display:block;
	background-color:#EDC9C9;
	height:89px;
}

.selectedcase
{
	display:block;
	background-color:#EDC9C9;
	height:80px;
}