@charset "utf-8";

/* Content slider starts */

/* Content slider's size and properties */

.contentSlider {
	height: auto;
	overflow: hidden;
	position: relative;
	/* max-width: 340px; */

}

.contentSliderTransparentBg {
	background: url(../images/grey_bg.png) 0 0 repeat !important;
	background: none;
	background-color: transparent !important;
	background-color: #000;
}

/* Disabled because of the ie filter security problems
.contentSliderRotation {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	rotation: 90deg;
}*/

.contentSliderMoveBack, .contentSliderMoveNext {
	color: #fff;
	display: none;
	padding: 5px 5px 5px 4px;
	position: absolute;
	z-index: 9999;
}

.contentSliderMoveNext {
	padding: 5px 4px 5px 5px;
}

.contentSliderMoveTop {
	padding: 4px 5px 5px 5px;
}

.contentSliderMoveBottom {
	padding: 5px 5px 4px 5px;
}

.contentSliderMoveBack span, .contentSliderMoveNext span {
	background: url( ../images/previous_arrow.png ) no-repeat 0 0 !important;
	background: url( ../images/previous_arrow.gif ) no-repeat 0 0;
	display: block;
	height: 16px;
	width: 17px;
}

.contentSliderMoveNext span {
	background: url( ../images/next_arrow.png ) no-repeat 0 0 !important;
	background: url( ../images/next_arrow.gif ) no-repeat 0 0;
}

.contentSliderMoveTop span, .contentSliderMoveBottom span {
	background: url( ../images/top_arrow.png ) no-repeat 0 0 !important;
	background: url( ../images/top_arrow.gif ) no-repeat 0 0;
	height: 17px;
	width: 16px;
}

.contentSliderMoveBottom span {
	background: url( ../images/bottom_arrow.png ) no-repeat 0 0 !important;
	background: url( ../images/bottom_arrow.gif ) no-repeat 0 0;
}

.contentSliderElements {
	left: 0;
	position: relative;
	top: 0;
	height: auto;
}

/* Set div's outer size to match container's size.
* If need to use with older browsers (example IE6) then make class for the element divs */
.contentSliderElements > div {
	/* height: 254px; */
	/* max-width: 340px; */
}

.contentSliderElements .elementNavTitle {
	display: none;
}


/* Used background image over opacity for valid css (ie's alpha filters), better browser support and because it's future proof */
.contentSliderNavigation {
	bottom: 0;
	display: none;
	left: 0;
	padding: 0 0 10px;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 9999;
}
.contentSliderNavigation a {
	background-color: #000 !important;
	background-color: #333;
	color: #888;
	display: inline-block;
	font-size: 1.166em; /* Font-size 14px */
	height: 26px;
	line-height: 26px;
	margin: 10px 10px 0 0;
	outline-style: none;
	padding: 0 10px;
	text-decoration: none;
}

.contentSliderNavigation a:hover{
	background-color: #A36100 !important;
	color: white;
}

.contentSliderNavigation a.selected {
	color: #fff;
}

/* Content slider ends */