/*..... General Reset .....*/
* {margin: 0px; padding: 0px;}
* html li {vertical-align:bottom;}
* html img {vertical-align: middle;}
* html input {vertical-align: middle;} 
html, body {height: 100%;}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
input, select {vertical-align:middle;}
body {width:100%; background:#fff; font-family: Arial;}
.left{float:left; display:inline;}
.right{float:right; display:inline;}
.bold{font-weight:bold;}
.clr{clear:both; font-size:0; display:block; height:0;}
.no_bg{background: none !important;}
.no_margin{margin-left:0px !important;}

#wrapper{width:100%; position: relative; background: #e4127d;}
.ban_left{width:33%; position:absolute; margin-top:1%; /*height:98%;*/ height:94%; z-index:99999;}
.ban_left a{display:block; height:100%;}
.ban_left img{display:block; max-height:100%;}
.slider{float:right; width:72%; height: 100%; padding-top:2px; padding-bottom:2px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.slider ul li{float:left; margin-left:10px; list-style:none;}
.slider ul li a{display:block; position:relative;}
.slider ul li a img.model{max-width:100%;}
.slider ul li a .bottom{position:absolute; bottom:3%; padding: 4px 0px 4px 0px; left: 2%; width:96%; box-shadow: inset 0 0 0 1px #92DB69; -webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;}
.slider ul li a:hover .bottom{background: #b4477b !important; cursor:pointer; box-shadow: inset 0 0 0 1px #FF00A3; -webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;}
.slider ul li a span.title{font-weight:bold; display:block; text-transform:capitalize; text-align:center;}
.slider ul li a span.status{font-family: 'Arial', sans-serif; display:block;  font-weight:bold; text-align:center;}
.slider a.slidesjs-next{position:absolute; width:4%; border-radius:4px 0px 0px 4px;right:0px; top:4%; height:90%; background:#181818 url(../images/live/arrow.png) no-repeat center center; background-size: auto 10%; display:block; z-index:999999; text-indent: -9999px;}
.slider a.slidesjs-previous{display:none;}

.slider ul li a.online .status_icon{position:absolute; top:3%; right:4%; z-index:9999; width: 12px; height: 12px; border-radius: 50%; background: url(../images/live/on.gif) no-repeat 0px 0px;}
.slider ul li a.offline .status_icon{position:absolute; top:3%; right:4%; z-index:9999; width: 12px; height: 12px; border-radius: 50%; background-color: #751616; border: 1px solid #999999;}

.slider ul li a.online span.status{color:#aaff7b;}
.slider ul li a.online .bottom{background:#3c9908;}
.slider ul li a.online span.title{color:#fff;}

.slider ul li a.offline span.status{color:#D16565;}
.slider ul li a.offline .bottom{background:#751616; box-shadow: inset 0 0 0 1px #AC0000 !important; -webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;}
.slider ul li a.offline span.title{color:#FFAEAE;}

.caroufredsel_wrapper{width:100% !important;}