/**
 * 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 0.6.0 - 07.01.2007
 * $Id: carousel.css,v 1.9 2009/04/07 23:14:36 mok Exp $
 *
 */
/**
 * 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 */
border: 1px solid;
border-color: transparent;
_border-color: #fff;
border-top: none;
background-color: #f3f3f3;
border-color: #ddd;
}
#content-pocket .carousel-component {
margin-left: -12px;
_margin-right: -12px;
background: #f3f3f3;
}
#content-body .carousel-component h3,
#content-pocket .carousel-component h3,
div.carousel-component h3 {
margin: 0;
background: #ddd;
border: none;
padding: 0.25em 8px;
}
.carousel-component ul.carousel-list { 
width:10000000px;
position:relative;
z-index:1;.
padding:0;
margin: 0;
}
.carousel-component .carousel-list .carousel-container { 
float:left;
list-style:none;
overflow:hidden;
position: relative;
}
.carousel-component .carousel-clip-region { 
overflow:hidden; /* Secret to the clipping */
position:relative;
left: 16px;
}
/* Safari 2 and 3 not adjusting carousel width well */
body:last-child:not(:root:root) .carousel-component { padding-right: 9px; }
body:first-of-type .carousel-component { padding-right: 9px; }
body:last-child:not(:root:root) .carousel-component h3 { margin-right: -9px !important }
body:first-of-type .carousel-component h3 { margin-right: -9px !important }
.carousel-component,
.carousel-component ul.carousel-list { 
padding:0;
margin: 0;
}
.carousel-component { margin-bottom: 2em; }
.carousel-component ul.carousel-list { line-height:0px; }
.carousel-component .carousel-list li:first-child {	margin-left: 0; }
.carousel-component .carousel-list .carousel-container { 
border-right: 1px solid;
margin: 0;	
color: #555;
width: 166px; 	/* 183px - 16px */
height: 12.333em;	/* 188px - 40px */
_width: 183px;	/* ie6 */
_height: 15.667em; 	/* ie6 */
padding: 20px 8px;
border-color: #DDDDDD;
background-color: #f3f3f3;
}
.with-wide-pocket .carousel-component .carousel-list .carousel-container {
width: 164px; 	/* 180px - 16px */
_width: 180px;	/* ie6 */
}
.with-pocket #content-pocket .carousel-component .carousel-list .carousel-container { 
width: 159px; /* 182px - 19px  */
_width: 178px; /* ie6 */
}
.with-wide-pocket #content-pocket .carousel-component .carousel-list .carousel-container { 
width: 353px; /* 182px - 19px  */
_width: 372px; /* ie6 */
}
.carousel-component .carousel-list .carousel-container:hover { background-color: #fff; }
.carousel-component .carousel-list li.hover { background-color: #fff !important; }
.carousel-component .carousel-prev,
.carousel-component .carousel-next {
position:absolute;
cursor:pointer; 
height: 15.667em;
text-indent: -9999px;
background-repeat: no-repeat;
background-position: center center;
width: 16px;	
}
.carousel-component .prev-null,
.carousel-component .prev-null:hover,
.carousel-component .next-null,
.carousel-component .next-null:hover { cursor: default; } 
.carousel-component  .carousel-prev:hover,
.carousel-component  .carousel-prev { background-image: url(carousel_prev_over.gif); }
.carousel-component .prev-null,
.carousel-component .prev-null:hover { 	background-image: url(carousel_prev.gif); }
.carousel-component .carousel-next,
.carousel-component .carousel-next:hover { background-image: url(carousel_next_over.gif); right: 0; }
.carousel-component .next-null,
.carousel-component .next-null:hover { 	background-image: url(carousel_next.gif); }
.carousel-component  .carousel-prev:hover,
.carousel-component  .carousel-next:hover { background-color: #fafafa }
.carousel-component  .carousel-next,
.carousel-component  .carousel-prev,
.carousel-component  .prev-null:hover,
.carousel-component  .next-null:hover { background-color: #f3f3f3; }
/* IE Hover Arrows */
.carousel-component .carousel-prev { _behavior: url("/lib/yui/extensions/carousel/prev_hover.htc"); } /* adds prev-hover to class */
.carousel-component .carousel-next { _behavior: url("/lib/yui/extensions/carousel/next_hover.htc"); } /* adds next-hover to class */
.carousel-component  .prev-hover,
.carousel-component  .next-hover   { _background-color: #fafafa }
.carousel-component .prev-hover  { background-image: url(carousel_prev_over.gif); }
.carousel-component .next-hover { background-image: url(carousel_next_over.gif); }
.carousel-component .prev-null { 	_background-image: url(carousel_prev.gif); }
.carousel-component .next-null { 	_background-image: url(carousel_next.gif); }
.carousel-component .hover .carousel-container { background-image: none; }
.carousel-component  .next-null,
.carousel-component  .prev-null { _background-color: #f3f3f3 !important; }
.carousel-component .carousel-list .carousel-container h3 {
background-color: transparent !important;
border: none !important;
margin: 0 0 1em !important;
padding: 0 !important;
}
.carousel-component .carousel-container blockquote.pullquote {
border: none !important;
padding: 1em 0;
}
.carousel-component .carousel-container blockquote.pullquote p { 
font-size: 1.333em;
line-height: 1.25em;
}
.carousel-component .carousel-container blockquote.pullquote cite { 
font-size: 	1em;
font-style: italic;
font-weight: normal;	
color: #7d7d7d;
margin: 0;
}
.carousel-spotlight {
position: absolute;
bottom: -8px;
_bottom: -12px;
right: 10px;
}
.carousel-spotlight li {
width: 10px;
height: 10px;
background: url(carousel_item_invisible.gif) center center no-repeat;
}
.carousel-spotlight .visible { background-image: url(carousel_item_visible.gif); }