/* CSS Document */

/**
 * 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 behavior outlined below.
 **/
.carousel-component {position:relative; overflow: hidden; visibility: visible; /* 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;}
.carousel-component .carousel-vertical li {float: none; margin-bottom: 0px;}
.carousel-component ul.carousel-vertical {width: auto;}
.carousel-component .carousel-clip-region {overflow: hidden; margin: 0 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 {padding: 0;}
.carousel-component ul.carousel-list {margin: 0; padding: 0;}
.carousel-component .carousel-list li {text-align: center; margin: 0; padding: 0; font-size: 70%; font-weight: bold; color: #fff;}
.carousel-component .carousel-vertical li {}
.carousel-component ul.carousel-vertical {}

/* HTML CAROUSEL */
#html-carousel {float: left; margin: 20px 0;}
#html-carousel .carousel-list li div {margin: auto;}
#html-carousel .carousel-list li {width: 200px;  display: block; margin: 0; color: #fff; text-align: center;}
#html-carousel .carousel-list li a {display: block; text-align: center !important;}
#html-carousel .carousel-list li a img {border: 0px;}
#html-carousel {width: 200px; height: 130px; text-align: center;}

/* BUTTONS */
#prev-arrow-container, #next-arrow-container {float: left; margin: 0;}
#prev-arrow-container {padding: 40px 20px 0 45px;}
#next-arrow-container {padding: 40px 0 0 20px;}
#next-arrow {cursor: pointer;}
#prev-arrow {cursor: pointer;}

#brands-print {display: none;}