.carousel-component { 
position:relative; 
overflow:hidden; /* causes the clipping */ 
display:none; /* 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; 
} /** * VERTICAL CAROUSEL DEFAULTS **/ 
.carousel-component .carousel-vertical li { 
margin-bottom:0px; /* Fix for extra spacing in IE */ 
float:left; 
clear:left; /* Force the LI to respect the HEIGHT specified */ 
overflow:hidden; 
display:block; 
} 
.carousel-component .carousel-clip-region { 
overflow:hidden;
margin:0px auto; 
position:relative; 
bottom:8px; 
} 
/** * ============================================================================== * 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 ul.carousel-list { 
margin:0px; 
padding:0px; 
line-height:0px; 
} 
.carousel-component .carousel-list li { 
text-align:center; 
margin:0px; 
padding:0px; 
font:10px verdana,arial,sans-serif; 
color:#666; 
background: transparent none; 
} 
.carousel-component { 
padding:8px 16px 4px 16px; 
margin-left:2px; 
background: #cbcbcb url(http://www.imperial.ac.uk/carousel/carousel_bg.jpg) repeat-x 0% 0%; 
} 
#mycarousel .carousel-component .carousel-list ul li { 
list-style-type:none; 
} 

.carousel-component .carousel-list li { 
margin: 0px 5px 0px 5px; 
width:119px;/* img width + a.border-left + a.border-right + img.border-left  + img.border-right */ 
height:100px;
} 
.carousel-component .carousel-list li a { 
display:block; 
outline:none; 
} 
.carousel-component .carousel-list li img { 
border:3px solid #758EAC; 
display:block; 
} 
.carousel-component h2 { 
margin-top:0px; 
padding:0px; 
color: #d9d9d9; 
background: transparent none; 
} 
.carousel-component .carousel-prev { 
position:absolute; 
top:40px; 
z-index:3; 
cursor:pointer; 
left:5px; 
} 
.carousel-component .carousel-next { 
position: absolute; 
top:40px; 
z-index:3; 
cursor:pointer; 
right:5px; 
} 
.carousel-component ul li a:link, .carousel-component ul li a:visited, .carousel-component ul li a:active { 
font-size: 1.1em; 
color: #333; 
display: block; 
}