/**
 * Copyright (c) 2006, Bill W. Scott
 * All rights reserved.
 *
 * This work is licensed under the Creative Commons Attribution 2.5 License. To view a copy 
 * of this license, visit http://creativecommons.org/licenses/by/2.5/ or send a letter to 
 * Creative Commons, 543 Howard Street, 5th Floor, San Francisco, California, 94105, USA.
 *
 * This work was created by Bill Scott (billwscott.com, looksgoodworkswell.com).
 * 
 * The only attribution I require is to keep this notice of copyright & license 
 * in this original source file.
 *
 * Standard Configuration. It is advised that this section NOT be modified as the
 * carousel.js expects the behaviour outlined below.
 *
 */
.carousel-component {
	position: relative;
	overflow: hidden;
	visibility: visible;
}

.carousel-component ul.carousel-list {
	width: 10000000px;
	position: relative;
	z-index: 1;
	top: 0;
}

.carousel-component .carousel-list li {
	float: left;
	list-style: none;
	overflow: hidden;
	font-size: 10px;
	height: 120px; /* The height is fixed so we can get clean keylines between items */ 
}

.carousel-component .carousel-vertical li {
	float: none;
	margin-bottom: 0;
}

.carousel-component ul.carousel-vertical {
	width: auto;
}

.carousel-component .carousel-clip-region {
	overflow: hidden;
	margin: 0 auto;
}

#video-carousel-0,#video-carousel-1,#gallery-carousel-0,#gallery-carousel-1
	{
	background-color: #fff;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 9px 0;
}

#html-carousel,#html-carousel-2,#html-carousel-3,#html-carousel-4 {
	background: #fff;
	float: left;
	width: 280px;
}

#html-carousel .carousel-list li,
#html-carousel-2 .carousel-list li,
#html-carousel-3 .carousel-list li,
#html-carousel-4 .carousel-list li
	{
    border: 3px solid #fff;
    display: block;
	margin: 0;
	padding: 0;
	width: 64px;
	color: #3F3F3F;
	text-align: left;
	line-height: 14px;
}

#html-carousel .carousel-list li a img,
#html-carousel-2 .carousel-list li a img,
#html-carousel-3 .carousel-list li a img,
#html-carousel-4 .carousel-list li a img
	{
	border: 2px solid #fff;
	display: block;
}

#html-carousel .carousel-list li a:hover img,#html-carousel-2 .carousel-list li a:hover img,#html-carousel-3 .carousel-list li a:hover img,#html-carousel-4 .carousel-list li a:hover img
	{
	border: 2px solid #92B8DA;
	display: block;
}

#prev-arrow-container,#next-arrow-container,#prev-arrow-container-2,#next-arrow-container-2,#prev-arrow-container-3,#next-arrow-container-3,#prev-arrow-container-4,#next-arrow-container-4
	{
	float: left;
	margin: 0;
	padding: 0;
	width: 19px;
}

#next-arrow,#prev-arrow,#next-arrow-2,#prev-arrow-2,#next-arrow-3,#prev-arrow-3,#next-arrow-4,#prev-arrow-4
	{
	cursor: pointer;
}