/**
 * Copyright (c) 2006-2007, 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.
 *
 * Version 1.0 - 10.21.2008
 */

/**
 * 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;   /* causes the clipping */
	/*display:none;  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;
	
    
}

/**
 * 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 { 
	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 { 
	padding:0px;
	/*-moz-border-radius:6px;*/
	color:#618cbe;
}
.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 { 
}


/**
 * ==============================================================================
 * over rides
 * ==============================================================================
 **/
#rotator {width:946px !important; height: 420px;background-color: #fff;background-position: 0 -894px; margin-top:7px;}
	#rotator .tube { position: relative; }
.carousel-component { padding:0; margin:0; }
	.carousel-component .carousel-list li { margin:0; width:920px; height:304px; color: #555; }
		.carousel-component .carousel-list li a { display:block;outline:none;}
		.carousel-component .carousel-list li a:hover { }
		.carousel-component .carousel-list li p { font-size: 12px; text-align: center; padding: 5px; line-height: 1.35em; margin-bottom: 10px; }
		.carousel-component .carousel-list li p a { display: inline; color: #333; text-decoration: none; font-style: italic;  }
		.carousel-component .carousel-list li p a span { color: #ffa; }
		.carousel-component .carousel-list li img { display:block; }
	.carousel-component .carousel-nav {  height: 28px; overflow: hidden;}
	.carousel-component .carousel-results { margin: 0 60px; color: #fff; font-size: 10px; text-align: center; }
	.carousel-component .carousel-prev { cursor:pointer; float: left; padding: 5px; }
	.carousel-component .carousel-next { cursor:pointer; float: right;padding: 5px;}
	.carousel-component .carousel-main {}
.carousel-img { width: 502px; height: 298px; display: block; background-repeat: no-repeat; background-position: 50% 50%; margin: 0 auto; }
.carousel-teaser { height: 218px; overflow: hidden; color: #fff; }
.ie6 .carousel-teaser { zoom: 1; }

#rotator-content {position: absolute; left: 20px; top: 20px; z-index: 100; }
	#rotator-content  h2 { font-size: 22px; margin: 0 0 5px 0; font-weight: normal;}
		#rotator-content  h2 a { color: #dacf9f; }
	#rotator-content .col1 { float: left; width: 502px;height:298px; padding:4px; text-align: center; }
	#rotator-content .col2 { float: left; width: 328px;height:218px; padding: 24px 24px 20px 24px; margin-left: 20px; }
	#rotator-content .options { list-style: none;  text-align: center; font-style: normal; }
		#rotator-content .options, #rotator-content .options li { height: auto; width: auto; margin: 0; padding: 0;  }
		#rotator-content .options li { float: none; display: inline; margin-left: 10px; }
			#rotator-content .options li.first { margin-left: 0; } 
	#rotator-content .sprites { background-position: -375px -846px; width: 123px; height: 27px; display: inline-block;}
		#rotator-content .sprites, #rotator-content .sprites span { color: #fff; }
		#rotator-content .sprites span { line-height: 23px; padding: 10px; text-transform: uppercase; font-size: 10px; }
	
#rotator-nav {position: absolute; left: 573px; width: 330px; top: 295px; z-index: 200; }