/* Circular Content Carousel Style */

.ca-container {
	position:relative;
	width:1020px;
	height:400px;
	margin:0px auto;
}
.ca-wrapper {
	position:relative;
	width:100%;
	height:100%;
}
.ca-item {
	position:relative;
	float:left;
	width:33.36%;
	height:100%;
}
.ca-more {
	position: absolute;
	bottom: 10px;
	right: 0;
	padding: 9px 11px;
	text-align:center;
	color: #fff;
	font-size:13px;
	background: #dddddd;
}

.ca-more:hover {
	background: #1C1C1C;
	color: #fff;
}

.ca-close {
	position:absolute;
	top:0px;
	right:5px;
	width:44px;
	height:100%;
	background:#d7212e url('../images/close-on.png') center center no-repeat; 
	text-indent:-9000px;
	outline:none;
}
.ca-close:hover {
	background:#000000 url('../images/close-hover.png') center center no-repeat;
}
.ca-item-main {
	position:absolute;
	top:0px;
	left:5px;
	right:5px;
	bottom:0px;
	background:#ffffff;
	overflow: hidden;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
}

.ca-item-img-wrap { 
	position: absolute;
}
.ca-item-img-wrap:after {
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	background-color:#000000;
	opacity: 0.55;
}

.ca-item-img {
	width: auto;
	max-width: 100%;
}

.ca-item-main .item_title {
	padding: 0 50px 30px 50px;
	position: absolute;
	bottom: 0;
}
.ca-item-with-img .item_title a {
	color:#ffffff;
}
.ca-item-with-img .item_title a:hover {
	color:#eeeeee;
}

.ca-item-with-img .item_desc {
	color:#ffffff;
	opacity: 0.7;
}
.ca-item-main .item_title h3 {
	margin:10px 0 10px 0;
	font-size:34px;
	line-height: 1;
	font-weight: 600;
}

span.cprice {
	position: relative;
	display: inline-block;
	padding: 16px; 
	font-size: 28px;
	font-weight: bold;
	background-color: #d7212e;
	color:#ffffff;
}

/* width:0px; = expands to width of the wrapper minus 1 element */ 
.ca-content-wrapper {
	position:absolute;
	top: 0;
	bottom: 0;
	width: 0;
	overflow:hidden;
	text-align:left;
	z-index:10000;
}
.ca-content{
	height:100%;
	padding:40px 80px 40px 40px;	
	background:#fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
}

.ca-content-text {
	font-size: 14px;
	font-style: italic;
	margin:10px 20px;
	padding:10px 20px;
	line-height:24px;
}

.ca-nav span {
	width:17px;
	height:38px;
	background:transparent url(../images/arrows.png) no-repeat top left;
	position:absolute;
	top:50%;
	margin-top:-19px;
	left:-40px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	z-index:100;
}
.ca-nav span.ca-nav-next {
	background-position:top right;
	left:auto;
	right:-40px;
}
.ca-nav span:hover {
	opacity:1.0;
}