/* CSS Stylesheet | Digital Texts 2.0 | stylesheets/carousel.css | Creative Creature (www.creativecreature.ca) */

/* CAROUSEL */
	div.carousel {
		width: 620px;
		height: 150px;
		padding: 10px 0 0 17px;
		margin: -10px 0 0 -10px;
		background-image: url("../images/carousel_bg.png");
		background-repeat: no-repeat;
	}	
	div.carousel_item a:link, div.carousel_item a:visited, div.carousel_item_empty {
		background-image: url("../images/carousel_item_bg.png");
		background-position: center;
		background-repeat: no-repeat;
		display: block;
		float: left;
		width: 93px;
		height: 110px;
		padding: 15px 9px 15px 7px;
		text-align: center;
		margin: 0; 
		font-size: 9px; 
		line-height: 1.25em; 
		color: #FFF;
	}
	div.carousel_item a:hover, div.carousel_item a:active {
		background-image: url("../images/carousel_item_hover.png");
		text-decoration: none;
	}

/* ARROWS */
	div.arrows {
		float: right;
		margin: 0 30px 0 0;
	}
	div#carousel_prev_arrow, div#carousel_next_arrow {
		float: left; 
		margin: 0;
	}
	div#carousel_prev_arrow a, div#carousel_next_arrow a {
		width: 15px;
		height: 56px;
		padding: 85px 7px 0 0;
		display: block;
		background-repeat: no-repeat;
		background-position: center;
		outline: none;
	}
	div#carousel_prev_arrow a:link, div#carousel_prev_arrow a:visited { background-image: url("../images/carousel_prev.png"); }
	div#carousel_next_arrow a:link, div#carousel_next_arrow a:visited { background-image: url("../images/carousel_next.png"); }
	div#carousel_prev_arrow a:hover, div#carousel_prev_arrow a:active { background-image: url("../images/carousel_prev_hover.png"); }
	div#carousel_next_arrow a:hover, div#carousel_next_arrow a:active { background-image: url("../images/carousel_next_hover.png"); }
	
/* SLIDES */
	div.slide { width: 600px; }
	div.active_slide { display: block; }	
	
/* PAGE MARKERS */
	div.carousel_pages {
		margin: 0 auto 15px auto;
		height: 18px;
		text-align: right;
		float: right;
	}	
	div.carousel_pages ul {
		padding: 0;
		margin: 0;
		text-align: center;
	}
	div.carousel_pages ul li {
		width: 18px;
		height: 18px;
		margin: 0;
		padding: 0;
		list-style-type: none;
		display: inline;
	}
	div.carousel_pages ul li a, div.carousel_pages ul li a:link, div.carousel_pages ul li a:visited {
		display: block;
		float: left;
		width: 18px;
		height: 18px;
		background-image: url("../images/carousel_page_marker.png");
		background-position: center;
		background-repeat: no-repeat;
	}
	div.carousel_pages ul li a:hover, div.carousel_pages ul li a.active {
		background-image: url("../images/carousel_page_active.png");
	}