.carousel-component { 
	position:relative;
}
				
.carousel-component ul.carousel-list { 
	width:238px;
	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;
}

/* For vertical carousel, 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 { 
	position:relative;
	float:left;
}

/**
 * ==============================================================================
 * 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 { 

	padding:0px;
}
.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;
}
.carousel-component .carousel-vertical li { 
}
.carousel-component ul.carousel-vertical { 
}
.carousel-component { 
	/*padding:8px 16px 4px 16px;*/
	/*padding-top: 20px;*/
	margin:0px;
}

.carousel-component .carousel-list li { 
	margin: 1px 4px;
}

.carousel-component .carousel-list li a { 
	
	/*border:1px solid #e2edfa;*/
	outline:none;
}


.carousel-component .carousel-list li img { 
	/*border:1px solid #999;*/
 
}
								
.carousel-component .carousel-prev { 
	position:relative;
	/*top:0px;*/
	z-index:3;
	cursor:pointer; 
	/*width:232px;*/
	/*padding-bottom: -5px;*/
}

.carousel-component .carousel-next { 
	position:relative;
	/*bottom:0px;*/
	z-index:3;
	cursor:pointer; 
	/*width:232px;*/
}


/******** carousel jquery ****/
 div .jcarousel-skin-tango-styles
 {
 	float:left;
 	margin-left:5px;
 }

.jcarousel-skin-tango-styles .jcarousel-container {
    -moz-border-radius: 10px;
    background: #FFFFFF;
    border: 1px solid #CDCDCD;
}
.jcarousel-skin-tango-styles .jcarousel-container-vertical {
    width:238px;
   	height:395px;
}

.jcarousel-skin-tango-styles .jcarousel-clip-vertical {
    width:  238px;
    height: 340px;
    margin-top:30px;
    border-top:1px solid #CDCDCD;
    border-bottom:1px solid #CDCDCD;
}

.jcarousel-skin-tango-styles .jcarousel-item {
    width: 235px;
    height: 20px;
    
}

.jcarousel-skin-tango-styles .jcarousel-item-vertical {
    margin-bottom: 2px;
}

.jcarousel-skin-tango-styles .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}


/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango-styles .jcarousel-next-vertical {
    position: relative;
    bottom: -6px;
    left: 105px;
    width: 32px;
    height: 14px;
    cursor: pointer;
}
.jcarousel1  .jcarousel-next-vertical {
	background: transparent url(/img/sprite/arrow.png) no-repeat 0 -100px;
}
.jcarousel2  .jcarousel-next-vertical {
	background: transparent url(/img/sprite/arrow.png) no-repeat 0 0;
}
.jcarousel3  .jcarousel-next-vertical {
	background: transparent url(/img/sprite/arrow.png) no-repeat 0 -40px;
}
.jcarousel4  .jcarousel-next-vertical {
	background: transparent url(/img/sprite/arrow.png) no-repeat 0 -80px;
}
.jcarousel5  .jcarousel-next-vertical {
	background: transparent url(/img/sprite/arrow.png) no-repeat 0 -60px;
}
/*
.jcarousel-skin-tango-styles .jcarousel-next-vertical:hover {
    background: transparent url(/img/sprite/arrow.png) no-repeat 0 -20px;
}
.jcarousel-skin-tango-styles .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}
*/
.jcarousel-skin-tango-styles .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango-styles .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango-styles .jcarousel-next-disabled-vertical:active {
    cursor: default;
     background: transparent url(/img/sprite/arrow.png) no-repeat 0 -20px;
}

.jcarousel-skin-tango-styles .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 105px;
    width: 32px;
    height: 15px;
    cursor: pointer;
}
.jcarousel1  .jcarousel-prev-vertical {
	background: transparent url(/img/sprite/arrow.png) no-repeat 0 -220px;
}
.jcarousel2  .jcarousel-prev-vertical {
	background: transparent url(/img/sprite/arrow.png) no-repeat 0 -120px;
}
.jcarousel3  .jcarousel-prev-vertical {
	background: transparent url(/img/sprite/arrow.png) no-repeat 0 -160px;
}
.jcarousel4  .jcarousel-prev-vertical {
	background: transparent url(/img/sprite/arrow.png) no-repeat 0 -200px;
}
.jcarousel5  .jcarousel-prev-vertical {
	background: transparent url(/img/sprite/arrow.png) no-repeat 0 -180px;
}
/*
.jcarousel-skin-tango-styles .jcarousel-prev-vertical:hover {
    background: transparent url(/img/sprite/arrow.png) no-repeat 0 -140px;
}
.jcarousel-skin-tango-styles .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}
*/
.jcarousel-skin-tango-styles .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango-styles .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango-styles .jcarousel-prev-disabled-vertical:active {
    cursor: default;
     background: transparent url(/img/sprite/arrow.png) no-repeat 0 -140px;
}