.banner-rotator,
.br-wrapper{
position:relative;
border:0 solid #000;
overflow:hidden;
zoom:1;
}
.br-stage{
position:relative;
width:100%;
height:100%;
}
.br-screen{
position:relative;
width:100%;
height:100%;
background-color:#000;
overflow:hidden;
}
.banner-rotator>ul{
position:absolute;
width:100%;
height:100%;
padding:0;
margin:0;
list-style:none;
}
ul.br-slides{
position:absolute;
width:100%;
height:100%;
padding:0;
margin:0;
list-style:none;
}
li.br-item{
position:absolute;
width:100%;
height:100%;
padding:0;
margin:0;
visibility:hidden;
overflow:hidden;
}
.br-main-img{
position:absolute;
top:0;
left:0;
}
.br-img-link,
.br-item .tt-html, 
.br-item .tt-img{
visibility:hidden;
}
.br-preloader{
position:absolute;
top:50%;
left:50%;
width:40px;
height:40px;
margin-top:-20px;
margin-left:-20px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#000 url(../assets/loader.gif) center no-repeat;
-moz-box-shadow:0 0 2px rgba(0,0,0,0.5);
-webkit-box-shadow:0 0 2px rgba(0,0,0,0.5);
box-shadow:0 0 2px rgba(0,0,0,0.5);
}
.br-links{
position:absolute;
width:100%;
height:100%;
}
.br-main-link{
position:absolute;
width:100%;
height:100%;
background:url(../assets/spacer.png) center no-repeat;
display:none;
}
.br-layers{
position:absolute;
width:100%;
height:100%;
visibility:hidden;
}
.br-layer{
position:absolute;
color:#fff;
line-height:normal;
visibility:visible;
overflow:hidden;
display:none;
-webkit-backface-visibility:hidden;
}
.br-effect-wrapper{
position:absolute;
border:none;
padding:0;
margin:0;
font-size:100%;
background:transparent;
overflow:hidden;
}
.br-side-prev,
.br-side-next{
position:absolute;
top:50%;
width:40px;
height:80px;
margin-top:-40px;
cursor:pointer;
overflow:hidden;
}
.br-side-prev{
left:0;
}
.br-side-next{
right:0;
}
.br-side-prev div,
.br-side-next div{
position:absolute;
top:23px;
left:10px;
width:20px;
height:34px;
background:url(../assets/br-assets.png) no-repeat;
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}
.br-side-prev div{
background-position:-14px 0;
}
.br-side-next div{
background-position:-14px -35px;
}
.br-side-prev:hover div,
.br-side-next:hover div{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
/* control panel */
.br-cpanel-wrapper{
position:absolute;
visibility:hidden;
}
.br-cpanel{
position:relative;
margin:5px;
}
.br-ext-cp{
position:absolute;
}
.br-ext-bg{
position:absolute;
width:100%;
height:100%;
background:#292929;
-moz-box-shadow:0 0 3px rgba(0,0,0,0.5);
-webkit-box-shadow:0 0 3px rgba(0,0,0,0.5);
box-shadow:0 0 3px rgba(0,0,0,0.5);
}
/* thumbnails */
.br-thumbnails{
position:absolute;
overflow:hidden;
}
.br-thumbnails ul{
position:relative;
top:0;
left:0;
padding:0;
margin:0;
list-style:none;
}
.br-thumbnails li{
position:relative;
display:inline;
float:left;
font:12px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:bold;
text-align:center;
color:#fff;
background-color:#1b1b1b;
border:1px solid #000;
overflow:hidden;
cursor:pointer;
padding:0;
margin:0;
}
.br-thumbnails li:hover{
background-color:#bbb;
}
.br-thumbnails li.br-curr{
color:#1b1b1b;
background-color:#fff;
cursor:default;
}
.br-thumbnails li.br-thumb-img img{
position:absolute;
}
.br-thumbnails li.br-thumb-img:hover,
.br-thumbnails li.br-thumb-img.br-curr{
border-color:#fff;
}
.br-thumbnails li.br-thumb-img div{
position:absolute;
width:100%;
height:100%;
background-color:#000;
filter:alpha(opacity=25);
-moz-opacity:0.25;
opacity:0.25;
}
.br-thumbnails li.br-thumb-img:hover div,
.br-thumbnails li.br-thumb-img.br-curr div{
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}
.br-thumbnails li.br-bullet{
width:12px;
height:12px;
margin:8px;
border:none;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
background-color:#bbb;
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}
.br-thumbnails li.br-bullet:hover,
.br-thumbnails li.br-bullet.br-curr{
background-color:#fff;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
/* buttons */
.br-play-button,
.br-prev-button,
.br-next-button{
position:absolute;
background-color:#1b1b1b;
border:1px solid #000;
cursor:pointer;
overflow:hidden;
}
.br-play-button:hover,
.br-prev-button:hover,
.br-next-button:hover{
background-color:#bbb;
}
.br-play-button div,
.br-prev-button div,
.br-next-button div{
position:absolute;
top:50%;
left:50%;
width:14px;
height:14px;
margin-top:-7px;
margin-left:-7px;
font-size:0;
background:url(../assets/br-assets.png) no-repeat;
}
.br-play-button div{
background-position:0 0;
}
.br-pause div{
background-position:0 -14px;
}
.br-prev-button div{
background-position:0 -28px;
}
.br-next-button div{
background-position:0 -42px;
}
.br-up div{
background-position:0 -56px;
}
.br-down div{
background-position:0 -70px;
}
/* tooltip */
.br-tt{
position:absolute;
left:-9999px;
padding:6px;
z-index:999999;
zoom:1;
pointer-events:none;
}
.br-tt-content{
position:relative;
font:15px "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#fff;
background-color:#000;
border:4px solid #000;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
-moz-box-shadow:0 1px 1px rgba(0,0,0,0.25);
-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.25);
box-shadow:0 1px 1px rgba(0,0,0,0.25);
max-width:400px;
min-width:12px;
min-height:12px;
overflow:hidden;
}
.br-tt-tip{
position:absolute;
background:url(../assets/br-assets.png) no-repeat -14px -70px;
}
.br-tt-top .br-tt-tip{
top:0;
left:50%;
width:12px;
height:6px;
margin-left:-6px;
}
.br-tt-bottom .br-tt-tip{
bottom:0;
left:50%;
width:12px;
height:6px;
margin-left:-6px;
background-position:-14px -76px;
}
.br-tt-left .br-tt-tip{
top:50%;
left:0;
width:6px;
height:12px;
margin-top:-6px;
}
.br-tt-right .br-tt-tip{
top:50%;
right:0;
width:6px;
height:12px;
margin-top:-6px;
background-position:-20px -70px;
}
.br-tt img.tt-img{
display:block;
visibility:hidden;
}
/* effects */
.br-effects{
position:absolute;
width:100%;
height:100%;
visibility:hidden;
}
.br-block,
.br-vslice,
.br-hslice,
.br-vslide,
.br-hslide{
position:absolute;
background-repeat:no-repeat;
visibility:hidden;
-webkit-backface-visibility:hidden;
overflow:hidden;
}
.br-vslice{
height:100%;
}
.br-hslice{
width:100%;
}
.br-vslide{
width:100%;
height:200%;
}
.br-hslide{
width:200%;
height:100%;
}
.br-vslide div,
.br-hslide div{
position:relative;
float:left;
background-repeat:no-repeat;
overflow:hidden;
}
.br-vslide div{
width:100%;
height:50%;
}
.br-hslide div{
width:50%;
height:100%;
}
.br-effects img{
position:absolute;
}
/* timer */
.br-bar-timer{
position:absolute;
left:0;
width:0;
height:5px;
font-size:0;
background-color:#fff;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}
.br-bar-timer.br-top{
top:0;
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
box-shadow:0 1px 3px rgba(0,0,0,0.5);
}
.br-bar-timer.br-bottom{
bottom:0;
-moz-box-shadow:0 -1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow:0 -1px 3px rgba(0,0,0,0.5);
box-shadow:0 -1px 3px rgba(0,0,0,0.5);
}
.br-pie-timer{
position:absolute;
width:22px;
height:22px;
margin:10px;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}
.br-pie-timer.br-opacity{
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
}
.br-lside,
.br-rside{
position:absolute;
top:0;
width:50%;
height:100%;
overflow:hidden;
}
.br-lside{
left:0;
}
.br-rside{
right:0;
}
.br-rotate{
position:absolute;
top:0;
width:200%;
height:100%;
background:url(../assets/br-assets.png) no-repeat;
}
.br-lside .br-rotate{
left:0;
background-position:0 -84px;
}
.br-rside .br-rotate{
right:0;
background-position:-22px -84px;
}
/* transition */
.br-opacity-transition{
-webkit-transition:opacity 0.4s;
-moz-transition:opacity 0.4s;
-ms-transition:opacity 0.4s;
-o-transition:opacity 0.4s;
transition:opacity 0.4s;
}
.br-all-transition{
-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
-o-transition:all 0.4s;
transition:all 0.4s;
}
.br-all-color-transition{
-webkit-transition:background-color 0.4s, color 0.4s, border-color 0.4s;
-moz-transition:background-color 0.4s, color 0.4s, border-color 0.4s;
-ms-transition:background-color 0.4s, color 0.4s, border-color 0.4s;
-o-transition:background-color 0.4s, color 0.4s, border-color 0.4s;
transition:background-color 0.4s, color 0.4s, border-color 0.4s;
}