@charset "utf-8";
/* CSS Document */

#cwrapper {
	background-color: #fff;
	border-radius: 10px;
	width: auto;
	height: 150px;
	position: relative;
	overflow:hidden;
/*	left: 50%;
	top: 50%;
	margin-top: -75px;
	margin-right: 0;
	margin-bottom: 0;*/
	margin-left: 7px;
			}
			.caroufredsel_wrapper {
				border-radius: 10px;
			}
			#carousel .holder {
				width: 314px;
				height: 150px;
				margin-left: 10px;
				float: left;
			}
			#sprev, #snext {
				background: transparent url(../Triple_Slide/img/carousel_control.png) no-repeat 0 0;
				text-indent: -999px;
				display: block;
				overflow: hidden;
				width: 15px;
				height: 21px;
				position: absolute;
				top: 65px;
				opacity:0.3;
			}
			#sprev {
				background-position: 0 0;
				left: 24px;
			}
			#sprev:hover {
				left: 23px;
				opacity:1;
			}			
			#snext {
				background-position: -18px 0;
				right: 30px;
			}
			#snext:hover {
				right: 29px;
				opacity:1;
			}				
			#pager {
				text-align: center;
				margin: 0 auto;
				padding-top: 20px;
			}
			#pager a {
				background: transparent url(../../files/Triple_Slide/img/carousel_control.png) no-repeat -2px -32px;
				text-decoration: none;
				text-indent: -999px;
				display: inline-block;
				overflow: hidden;
				width: 8px;
				height: 8px;
				margin: 0 5px 0 0;
			}
			#pager a.selected {
				background: transparent url(../../files/Triple_Slide/img/carousel_control.png) no-repeat -12px -32px;
				text-decoration: underline;				
			}#carousel .holder img {
	width: 40%;
}
@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
	#carousel .holder {
				width: 330px;
				/*height: 150px;*/
	}
}
@media only screen and ( max-width: 767px) {
	#carousel .holder {
				/*width: 314px;
				height: 150px;*/
				margin-left: 60px;
			}
}