﻿.carousel-component { 
	background-color: #fff;
    padding:4px;
    margin:auto;
    width:620px!important; /* seems to be needed for safari SP- was 100*/
}

.carousel-component .carousel-list li { 
    margin:0px;
    padding:4px;    
    width:105px;/*SP- was 100*/
}

/* Applies only to vertical carousels */
.carousel-component .carousel-vertical li { 
    margin-bottom:4px;
    height:160px; /* enough for some text also */
}

.carousel-component .carousel-list li a {  
    display:block;
    border-width: 0px;
    outline:none;
    text-decoration: none!important;
}
.carousel-component .carousel-list li a img { 
	border: 1px solid #cccccc;
}
	.carousel-component .carousel-list li a:hover img { 
	    border: 1px solid #fc6e01;
	}

.carousel-component .carousel-list li a:hover { 
    border-width: 0px;
}

.carousel-component .carousel-list li img { 
    display:block; 
}
.carousel-component .carousel-list li div { 
    text-align: left;
    text-decoration: none;
    font-size: 115%;
    font-family: arial;
    font-weight: bold;
}
	.carousel-component .carousel-list li #name { 
		color: #1f4b94;
		margin-top: 5px;
	}
	.carousel-component .carousel-list li #moreinfo { 
		color: #0066ff;
	}
	.carousel-component .carousel-list li #price { 
		color: #fc6e01;
	}
	.carousel-component .carousel-list li #price #sale{ 
		color: #ff2222;
	}
#up-arrow { 
    cursor:pointer; 
    margin-top: 5px;
}

#down-arrow { 
    cursor:pointer; 
    margin-bottom: 5px;
}

