/* Start:/bitrix/components/promosite/imgcarousel/templates/.default/style.css*/

<p>/* CONTAINER */ .carousel { 	position : relative; 	margin : 0 auto; 	width : 1000px; 	height : auto; 	border : none; 	overflow : hidden; } /* SLIDES */ /* slide container */ .carousel .slides { 	margin : 0; 	padding : 0; 	border : none; 	list-style : none; 	position : relative; 	overflow : visible; } /* slide item */ .carousel .slides .slideItem { 	position : absolute; 	cursor : pointer; 	overflow : hidden; 	padding : 0; 	margin : 0; 	border : none; } .carousel .slides .slideItem a { 	display: block; 	text-decoration : none; 	margin : 0; 	padding : 0; 	border : none; 	outline : none; } .carousel .slides .slideItem img { 	margin : 0; 	padding : 0; 	border : none; 	width : 100%; 	height : 100%; } /* DIRECTION BUTTON */ .carousel .nextButton { 	position : absolute; 	right : 10px; 	top : 133px; 	width : 35px; 	height : 35px; 	background : url('/bitrix/components/promosite/imgcarousel/templates/.default/&quot;images/next_button.png&quot;') no-repeat center; 	cursor : pointer; 	z-index : 999; } .carousel .prevButton { 	position : absolute; 	left : 10px; 	top : 133px; 	width : 35px; 	height: 35px; 	background : url('/bitrix/components/promosite/imgcarousel/templates/.default/&quot;images/prev_button.png&quot;'); 	cursor : pointer; 	z-index : 999; } /* NAVIGATION BUTTON */ /* buttons container */ .carousel .buttonNav { 	position : relative; 	margin : 0 auto; 	z-index : 999; } /* numbers */ .carousel .buttonNav .numbers { 	position : relative; 	float : left; 	margin : 5px; 	color : #828282; 	cursor : pointer; 	font-weight : bold; 	text-decoration : none; 	font-size : 1em; 	font-family : Arial, Verdana; } .carousel .buttonNav .numbers:hover { 	color: #000; 	text-decoration : underline; } .carousel .buttonNav .numberActive { 	background : none; 	color : #000; 	cursor : default; } /* bullets */ .carousel .buttonNav .bullet { 	position : relative; 	float : left; 	width : 16px; 	height : 16px; 	background : url('/bitrix/components/promosite/imgcarousel/templates/.default/images/Bullet-White.png') no-repeat center; 	margin : 5px; 	float : left; 	cursor : pointer; } .carousel .buttonNav .bullet:hover { 	background : url('/bitrix/components/promosite/imgcarousel/templates/.default/images/Bullet-Black.png') no-repeat center; } .carousel .buttonNav .bulletActive { 	background : url('/bitrix/components/promosite/imgcarousel/templates/.default/images/Bullet-Black.png') no-repeat center; 	cursor : default; } /* VIDEO */ .carousel .slides .videoOverlay { 	background: url('/bitrix/components/promosite/imgcarousel/templates/.default/images/video.png') no-repeat;background-position:46.5% 100px;width:550px !important;height:400px !important;position:absolute !important;right:220px !important; /* play button */ } .carousel .slides .spinner { 	background : #000 url('/bitrix/components/promosite/imgcarousel/templates/.default/images/loading.gif') no-repeat center; /* video preloader */ } /* SHADOW */ .carousel .shadow { 	width : 100%; 	height : 82px; } .carousel .shadow .shadowLeft { 	background : url('/bitrix/components/promosite/imgcarousel/templates/.default/&quot;images/shadowLeft.png&quot;') no-repeat; 	width : 100px; 	height : 82px; 	/* fix png problems in ie */ 	-ms-filter: &quot;progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowLeft.png, sizingmethod=scale)&quot;; /* IE8 */ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowLeft.png, sizingmethod=scale); /* IE6 &amp; 7 */ } .carousel .shadow .shadowMiddle { 	height : 82px; 	background: url('/bitrix/components/promosite/imgcarousel/templates/.default/&quot;images/shadowTile.png&quot;') repeat-x; 	/* fix png problems in ie */ 	-ms-filter: &quot;progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowTile.png, sizingmethod=scale)&quot;; /* IE8 */ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowTile.png, sizingmethod=scale); /* IE6 &amp; 7 */ } .carousel .shadow .shadowRight { 	width : 100px; 	height : 82px; 	background: url('/bitrix/components/promosite/imgcarousel/templates/.default/&quot;images/shadowRight.png&quot;') no-repeat; 	/* fix png problems in ie */ 	-ms-filter: &quot;progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowRight.png, sizingmethod=scale)&quot;; /* IE8 */ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowRight.png, sizingmethod=scale); /* IE6 &amp; 7 */ } /* REFLECTION GRADIENT */ /* gradient color for Opera */ .carousel .gradient { 	background-image : url('/bitrix/components/promosite/imgcarousel/templates/.default/scripts/gradient.svg'); }</p>

/* End */
/* /bitrix/components/promosite/imgcarousel/templates/.default/style.css */