﻿/* UI Widget: Rotator/Slider */
	.ui-widget-rotator{width:450px;position:relative;margin:0 auto;height:200px;overflow:hidden; padding-top:5px}
		.ui-widget-rotator .jcarousel-clip{width:450px;height:200px}
		.ui-widget-rotator li{padding:0;margin:0;list-style:none}
		.ui-widget-rotator ul{padding:0;margin:0}
		.ui-widget-rotator .slide{width:450px;height:200px;display:block}
			.ui-widget-rotator .slide  a{display:block;height:200px}
		.ui-widget-rotator a.btn-prev, .ui-widget-rotator a.btn-next{position:absolute;display:block;width:38px;height:79px;z-index:10;text-indent:-99999px}
		.ui-widget-rotator a.btn-prev{left:20px;top:141px;background:url('../gifs/ui-widget-rotator-btn-prev.png') top left no-repeat}
			.ui-widget-rotator a.btn-prev:hover{background-position:0 -79px}
		.ui-widget-rotator a.btn-next{right:20px;top:141px;background:url('../gifs/ui-widget-rotator-btn-next.png') top left no-repeat}
			.ui-widget-rotator a.btn-next:hover{background-position:0 -79px}
		    
		    
.ui-widget-rotator-controls-450 {
    padding: 10px;
    position: absolute;
    bottom: 12px;
    left: 161px;
    background: url('../gifs/ui-widget-rotator-controls-bg.png') top left no-repeat;
    width: 108px;
    height: 10px;
    z-index: 15;
    display: none;
}

.ui-widget-rotator-controls-450 li {
    float: left;
    display: block;
    width: 19px;
}

.ui-widget-rotator-controls-450 a {
    text-indent: -99999px;
    background: url('../gifs/ui-widget-rotator-dots.png') top left no-repeat;
    display: block;
    width: 9px;
    height: 9px;
}

.ui-widget-rotator-controls-450 a:hover {
    text-indent: -99999px;
    background-position: 0 -9px;
    display: block;
    width: 9px;
    height: 9px;
}

.ui-widget-rotator-controls-450 li.pause {
    width: 9px;
}

.ui-widget-rotator-controls-450 li.pause a.btn-pause {
    background: url('../gifs/ui-widget-rotator-pause.png') top left no-repeat;
}

.ui-widget-rotator-controls-450 li.active-slide a.btn-pause,.ui-widget-rotator-controls-450 li a.btn-pause:hover {
    background-position: 0 -9px !important;
}

.ui-widget-rotator-controls-450 li.active-slide a {
    background-position: 0 -9px;
}	