.carousel-component 
{ 
	position:relative;
	overflow:hidden;   /* causes the clipping */
	display:none; /* component turns it on when first item is rendered */
	z-index:0;
	
}
				
.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 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;
}

/* For vertical , not set, width defaults to auto */
/* Note if you explicitly set width to auto, this might cause */
/* problems with Safari... as in up/down button not working in some examples. */	 
.carousel-component ul.carousel-vertical 
{
/*	width:auto;*/
}

.carousel-component .carousel-clip-region 
{ 
	overflow:hidden; /* Secret to the clipping */
	margin:0px auto;
	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:#fff;
	padding:0px;	
	color:#cc0000;
}
.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:12px arial,helvetica,verdana,sans-serif;
	color:#666;
}
.carousel-component .carousel-vertical li 
{ 
    text-align:center;
	margin:0px;
	padding:0px;
	font:12px arial,helvetica,verdana,sans-serif;
	color:#666;
}
.carousel-component ul.carousel-vertical 
{ 
    margin:0px;
	padding:0px;
	line-height:0px;
}




	
		
			#left 
			{
				width:300px; 
			}
		  
			.carousel-component 
			{ 
				padding:0px 0px 2px 0px;
				margin:0px;
				background: transparent;	
			
				width: 200px;
				height:600px;
			}
			
			#carouselVideos .carousel-list li 
			{
			    margin:0 0 0 0; 
				width:181px;
				height:auto;
				text-align:left;
				
			  
			}
			
			.carousel-component .carousel-list li 
			{
			  margin:0 5px 0 5px; 
				width:124px;
				height:auto;
				text-align:left;
			}
			
			.carousel-component .carousel-list li a 
			{ 
				display:block;
				padding:2px;
				border:1px solid #fff;
				outline:none;
				text-decoration:none;
				line-height:16px;								
			}
			
		  .carousel-component .carousel-list li a:hover 
		  
		  {
			 border:1px solid #ccc;
			 background-color:#f3f3f3;
		 }
		  .carousel-component .carousel-list li em 
		  { 
			color:#cc0000;
		    font-weight:bold;
		    text-decoration:underline;
		    font-size:14px;
		    line-height:18px; 
		  }
		  .carousel-component .carousel-list li b 
		  { 
			color:#000;
		    font-size:16px;
		    font-weight:bold; 
		    line-height:20px;
		  }
 
		  .carControls 
		  {
			 float:none ; 
		  }
														
			.carousel-component .carousel-prev 
			{ 
				cursor:pointer; 
				float:left;
				width:21px;
				margin:0px 10px;
			}
			
			.carousel-component div.navdot 
			{
				 float:left;
				 width:10px; 
				 margin-right:5px;
				 margin-left:5px;
				 margin-top:6px;
				 display:inline;
			 }	
			
			.carousel-component .carousel-next
		 { 
				cursor:pointer; 
				float:left;
				width:21px;
				margin:0px 10px;
			}
			
				
				
/*================================================================
Text decoration of silder

===================================================================*/				
.carouselViewMore 
{
	 float:right;
	 padding-top:5px;
	 padding-bottom:5px;
 }
.carouselViewMore a 
{ 
	text-decoration:underline;
	font-size:11px; 
	color:#333;
    padding:2px;
 }