/* Стили горизонтального контейнера */



.jscarousal-horizontal {

	width: 1250px !important;

	height: 238px !important;

	background-color: #121212;

	border: solid 1px #7A7677;

	margin: 0;

	padding: 0;

	padding: 2px 8px 32px 8px;

	position: relative;
    margin: 0 auto;}



.jscarousal-horizontal-back, .jscarousal-horizontal-forward {

	float: left;

	width: 23px;

	height: 98px;

	//background-color: #121212;

	color: White;

	position: relative;

	top: 76px;

	cursor: pointer;}



.jscarousal-horizontal-back {

	background-image: url(/js/left.png);

	background-repeat: no-repeat;

	background-position: left;}



.jscarousal-horizontal-forward {

	background-image: url(/js/right.png);

	background-repeat: no-repeat;

	background-position: right;}



.jscarousal-contents-horizontal {

	width: 1200px;

	height: 264px;

	float: left;

	position: relative;

	overflow: hidden;}



.jscarousal-contents-horizontal > div {

	position: absolute;

	width: 100%;

	//height: 224px;
}



.jscarousal-contents-horizontal > div > div {

	float: left;

	margin-left: 8px;

	margin-right: 8px;}



.jscarousal-contents-horizontal img {


	max-height: 184px;

	max-width: 320px;
}



/* Стили вертикального контейнера */



.jscarousal-vertical {

	width: 140px !important;

	//height: 460px !important;

	background-color: #121212;

	border: solid 1px #7A7677;

	margin: 0;

	padding: 0;

	position: relative;}



.jscarousal-vertical-back, .jscarousal-vertical-forward {

	width: 100%;

	height: 30px;

	background-color: #121212;

	color: White;

	position: relative;

	cursor: pointer;

	z-index:100;}



.jscarousal-vertical-back {

	background-image: url(/js/top_arrow.jpg);

	background-repeat: no-repeat;

	background-position: bottom;}



.jscarousal-vertical-forward {

	background-image: url(/js/bottom_arrow.jpg);

	background-repeat: no-repeat;

	background-position: top;}



.jscarousal-contents-vertical {

	overflow: hidden;

	//width: 140px;

	//height: 410px;
}



.jscarousal-contents-vertical > div {

	position: absolute;

	//top: 40px;

	width: 100%;

	//height: 820px;
}



.jscarousal-contents-vertical > div > div {

	width: 140px;

	height: 125px;

	margin: 8px;

	margin-left: 14px;}



.jscarousal-contents-vertical > div > div span {

	display: block;

	width: 70%;

	text-align: center;}



.jscarousal-contents-vertical img {

	width: 110px;

	height: 80px;

	border: solid 1px #7A7677;}



/* Стили слайдов */



.thumbnail-active {

	filter: alpha(opacity=100);

	opacity: 1.0;

	cursor: pointer;}



.thumbnail-inactive {

	filter: alpha(opacity=20);

	opacity: 0.2;

	cursor: pointer;}



.thumbnail-text {

	color: #7A7677;

	font-weight: bold;

	text-align: left;

	display: block;

	padding: 4px;

	width: 114px;}



/* Общие стили */



#carousel {overflow: hidden; width: 0px; height: 0px;}

#carousel a {text-decoration: none;}

.hidden {display: none;}

.visible {display: block;
height: 250px;
}

#carousel a.description {
    text-decoration: none;
    padding: 5px;
display: block;
    width: 330px;
text-align: center;
background-color: #f5f5f5;
margin-top: -5px;
    padding-bottom: 10px;
}
.thumbnail-inactive {
    filter: alpha(opacity=20);
    opacity: 1;
//0.2;
    cursor: pointer;
    list-style: none;
}
.thumbnail-inactive ul{
list-style: none;
}
.thumbnail-active ul{
list-style: none;
}
.jscarousal-horizontal {
    background: none repeat scroll 0% 0% rgb(219, 219, 219);
border: 1px solid rgb(255, 153, 51);
    border-radius: 5px;}
#carousel {
    margin-top: 5px;
}


#carousel a.description {
    height: 32px;
}