/* rules
.carousel_flip.carousel_container
.carousel_tools
.carousel_tools .arrow_left
.carousel_tools .arrow_right
.carousel_tools .navigation
.carousel_tools .navigation.bullets

.carousel_effect_layer
.carousel_effect_layer .carousel_effect_underlay
.carousel_effect_layer .carousel_effect_overlay

.carousel_items
.carousel_items .carousel_item
.carousel_items .carousel_item .carousel_item_first
.carousel_items .carousel_item .carousel_item_second

*/

.carousel_flip.carousel_container {
	display:block;
	width:976px;
	height:506px;
	background:#ccc;
	overflow:hidden;
	position:relative;
	cursor: pointer;
	margin: 0 10px;
}


.carousel_flip.carousel_container a {
   outline: 0;
}

.carousel_flip .carousel_effect_layers {
	position:relative;
	display:block;
	width:976px;
	height:506px;	
}

.carousel_flip .carousel_effect_layer {
	position:absolute;
	top:550px;
	left:976px;
	display:block;
	width:992px;
	height:506px;		
}

.carousel_flip .carousel_effect_layers .carousel_effect_underlay, 
.carousel_flip .carousel_effect_layers .carousel_effect_overlay {
	background-position:10px -480px;
	background-repeat:no-repeat;
}

.carousel_flip .carousel_effect_layers .carousel_effect_underlay {
	background-image:url('/opfiles/cc/static/assets/common/img/homeCarousel/AFeature_Flip_Bg.png');
	z-index:10;
}

.carousel_flip .carousel_effect_layers .carousel_effect_overlay {
	background-image:url('/opfiles/cc/static/assets/common/img/homeCarousel/AFeature_Flip_Corner.png');
	z-index:30;
}


/* Navigation bullets */
.carousel_flip .carousel_tools ul.navigation.bullets {
	display:block;
	width:auto;
	height:15px;
	padding: 10px;
	position:absolute;
	bottom:0;
	z-index: 50;
	left:45%;
}

.carousel_flip .carousel_tools ul.navigation.bullets li {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	margin:0 5px 0 0;
}

.carousel_flip .carousel_tools ul.navigation.bullets li a {
	display:block;
	width:7px;
	height:7px;
	background:url("/opfiles/cc/static/assets/common/img/homeCarousel/AFeature_Nav_Dot_Off.png") no-repeat left top;
}

.carousel_flip .carousel_tools ul.navigation.bullets li.active a {
	background:url("/opfiles/cc/static/assets/common/img/homeCarousel/AFeature_Nav_Dot_On.png") no-repeat left top;
}


/* Arrows */
.carousel_flip .carousel_tools .arrow {
/*	display:block;*/
	position:absolute;
	width:23px;
	height:34px;
	z-index:50;
	display:block;
}

.carousel_flip .carousel_tools .arrow.arrow_left {
	left:-35px;
	top:250px;
	background-image:url("/opfiles/cc/static/assets/common/img/homeCarousel/AFeature_Arrow_Left.png");
	background-position:0 0;	
}

.carousel_flip .carousel_tools .arrow.arrow_right {
	right:-35px;
	top:250px;
	background-image:url("/opfiles/cc/static/assets/common/img/homeCarousel/AFeature_Arrow_Right.png");
	background-position:0 0;
}

.carousel_items {
	position:absolute;
	top:0;
}

.carousel_items .carousel_item {
	display:block;
	position:relative;
}

.carousel_items .carousel_item .carousel_item_content {
	display:block;
	width:976px;
	height:506px;
}
.carousel_items .carousel_item .carousel_item_content.carousel_item_first {
	position:absolute;
	top:0;
	left:0;
	background-position:left top;
	z-index:5;
}

.carousel_items .carousel_item .carousel_item_content.carousel_item_second {
	position:absolute;
	width:0;
	top:200px;
	right:-992px;
	background-position:right 0;
	z-index:20;
}

/* Any anchor elements that are within carousel_item, don't display the text. */
.carousel_item a {
	text-indent: -9999px;
}