/*
stylesheet for new design
*/
/* 
    Created on : 30.5.2014, 7:03:12
    Author     : toretak
*/
body{
    -webkit-text-size-adjust: 100%;
}
#newSetOverview{
    width: 970px;
    overflow: hidden;
    position: relative;
    padding-bottom: 2px;
    height: 546px; 
}
#newsetFLV{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 970px;
}
.greyInfoBox.newGreyInfoBox .video-detailinfo{
    text-align: left;
    padding-left: 10px;
}
.greyInfoBox.newGreyInfoBox .video-moreinfo{
    right: 20px;
    top: 3px;
    left:auto;
}
#newsetFLV #join_block{
    width: 970px;
}
.greyInfoBox.newGreyInfoBox{
    width: 960px;
}

#newSetBar{
    
}
#newSetBar ul{
    list-style-type: none;
    margin:10px 0 0 0;
    padding: 0;
}
#newSetBar ul li{
    background: #1c1c1c;
    float:left;
    width: 190px;
    height: 90px;
    padding:0;
    margin: 0 5px 5px 0;
    text-align: center;
}
#newSetBar ul li.noM{
    margin: 0;
}
#newSetBar ul li a{
    font-size: 14px;
    height: 90px;
    width: 190px;
    padding-top: 46px;
    display: block;
}
#newSetBar ul li a:hover,#newSetBar ul li.video_fullhd a:hover{
    color:#fff!important;
}
#newSetBar ul li .white,#newSetBar ul li span{
    color:#fff;
    text-transform: none;
    font-weight: normal;
line-height: 2;
font-size: 13px;
}
.compatibility{
    line-height: 40px;
    padding: 0 200px 0 0;
    margin: 0;
    background: url(../images/compatibility.png) no-repeat center right;
    float:right;
}
h2.photos{
    font-weight: normal;
    padding: 0 0 0 10px;
    margin: 0;
    line-height: 40px;
    font-size: 22px;
    color:#686868;
    float:left;
}
.playnow{
    color:#7fc233;
    font-weight: bold;
    text-transform: uppercase;
}
.ultrahd,#newSetBar ul li.video_fullhd a,#newSetBar ul li.video_winhd a{
    color:#e3aa2d;
}
.setButtons{
    list-style-type: none;
    overflow: hidden;
    width: 480px;
    margin: 0;
    padding: 0;
}
.setButtons li span{
    display: block;
    color:#fff;
}
.setButtons li{
    width: 235px;
    height: 74px;
    background-color: #1c1c1c !important;
    text-align: center;
    margin-bottom: 6px;
    margin-right: 10px;
    float: left;
    overflow: hidden;
    position: relative;
}
.setButtons li.freeR {
    margin-right: 0px;
}
.setButtons li a{
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    height: 74px;
    display: block;
    width: 236px;
    text-align: center;
    padding-top: 30px;
}
.setButtons li.lh{
    line-height: 74px;
    padding:0;
}
.setButtons li.lh a{
    padding: 0;
    line-height: 74px;
}
.newBoxes .photo_htmlhd{
    
}
.newBoxes ul#setLeftPhotos li{
    background: #1c1c1c;
    width: 236px;
    height: 74px;
    margin-bottom: 6px;
    overflow: hidden;
}

.newBoxes ul#setLeftPhotos li a{
    display:block;
    font-size: 14px;
    height:74px;
    font-size:14px;text-decoration:none;
    color:#808080;
    padding: 20px 10px 0 50px;
    text-align: center;
}
#newSetBar li.video_fla{
    background: #1c1c1c url(../images/playnow.png) no-repeat center 10px;
}
#newSetBar li.download{
    background: #1c1c1c url(../images/download.png) no-repeat center 5px;
}
.newBoxes #setLeftPhotos  li.download{
    background: #1c1c1c url(../images/download.png) no-repeat 15px center;
}
.newBoxes #setLeftPhotos  li.slideshow{
    background: #1c1c1c url(../images/flaslideshow.png) no-repeat 15px center;
}
.newBoxes #setLeftPhotos li.htmlgal{
    background: #1c1c1c url(../images/gallery.png) no-repeat 10px center;
}
.newBoxes ul#setLeftPhotos li A span {
    color:#fff;
    font-weight: normal;
    text-align: center;
line-height: 2;
font-size: 13px;
}
.newBoxes ul#setLeftPhotos li A:hover {
    color:#fff;
}

.nbu{
    position: absolute;
    color:#7fc233;
    text-transform: uppercase;
    left: 20px;
    top: 20px;
    font-size: 17px!important;
    width: auto!important;
    height: auto!important;
    padding:0!important;
}
.njoin{
    position: absolute;
    color:#e3aa2d;
    text-transform: uppercase;
    font-weight: bold;
    width: auto!important;
    height: auto!important;
    right: 20px;
    top: 25px;
    font-size: 26px!important;
    padding:0!important;
}
.nas{
    text-transform: uppercase;
    color:#e3aa2d;
    font-weight: bold;
}
.nor{
    font-weight: normal;
    font-size: 18px;
    line-height:50px;
}
.newJWc{
    position: absolute;
    top: 515px;
}

ul#mainNav.new{
    background: none;
    width:736px;
}
ul#mainNav.new li{
    position: relative;
    height:40px;
    width:100px;
    background: #1c1c1c;
    margin: 0 6px 0 0;
    overflow: hidden;
}
ul#mainNav.new li.active, ul#mainNav.new li:hover{
    background: #535353;
    color: #fff;
}
ul#mainNav.new li a:hover{
    background: none;
}
ul#mainNav.new li.join{
    background: #b60000;
}
ul#mainNav.new li.last{
    margin:0;
}
ul#mainNav.new li.join a{
    font-size: 17px;
}
ul#mainNav.new li a{
    display: block;
    width: 100px;
    font-size: 13px;
    padding: 0 0;
    height: 43px;
    line-height: 43px;
    text-transform: uppercase;
    color:#fff;
}
ul#mainNavF{
    position: relative;
    height: 70px;
    background: none;
    list-style-type: none;
    padding:0;
    margin:0;
}
ul#mainNavF.ext {
    width: 970px;
    margin: 0 auto;
}
ul#mainNavF.new li{
    margin: 0 3px 0 0;
}
ul#mainNavF li{
    text-align: center;
    float:left;
    height:48px;
    width:134px;
    background: #1c1c1c;
    margin: 0 5px 0 0;
}
ul#mainNavF li.active, ul#mainNavF li:hover{
    background: #535353;
    color: #fff;
}
ul#mainNavF li.last{
    margin:0;
}
ul#mainNavF li.join{
    background: #b60000;
}
ul#mainNavF li.join a{
    font-size: 17px;
}
ul#mainNavF li a{
    display: block;
    width: 134px;
    font-size: 13px;
    padding: 0 0;
    height: 49px;
    line-height: 49px;
    text-transform: uppercase;
    color:#fff;
}
ul#mainNavF li a.orange{
    color:#e3ad39;
}
ul#mainNavF li a.red{
    color:#ee0000;
}
div#footer.new{
    height:27px;
}
ul#footerNav.new{
    
}
ul#footerNav.new li{
    /*width:138px;*/
    line-height: 27px;
    background: none;
    border:none;
}
ul#footerNav.new li a{
    font-weight: normal;
    font-size: 13px;
    color: #707070;
}
ul#footerNav.new li a:hover{
    background: none;
    color:#fff;
}
div#paticka.new , div#paticka.new > *{
    font-size: 12px;
    font-weight: normal;
    color:#505050;
}
div.bspacer{
    background: none;
    border-top: 1px solid #3c3c3c;
}
#shopping-cart{
    position: absolute;
    width:300px;
}
#shopping-cart A{
    float:right;
    margin-right:10px;
    color:#fff;
    font-size: 13px;
    padding:2px 0 2px 30px;
    line-height: 19px;
    background: url(../images/basket_icon.png)no-repeat center left;
}
#shopping-cart p{
    float:right;
    color:#fff;
    font-size: 12px;
    line-height: 23px;
}
#top{
    height:94px;
    margin-bottom:10px;
}
.set-info h2{
    font-size: 13px;
}
.set-info h2.lu{
    color:#ee0000;
}
.set-info h2.cs{
    color:#e3ad39;
}
input#frmsearchForm-search{
    padding:2px 4px;
}
#main-theme{
    padding: 0 0 10px 0;
    margin-bottom: 5px;
}
h1{
    font-weight: normal;
    font-size: 18px;
    text-transform: uppercase;
    color:#bdbdbd;
    padding:0;
    margin: 0 0 10px 0;
    text-align: center;
}
#ajax-loader{
    width:100%;
    height:80px;
    background: #050505 url(../images/ajax-loader.gif)no-repeat center center;
}
.sortby{
    margin:0 10px 0 15px;
}
a.active{
    color:#f00;
}
.newpaginator{
    width:100%;
    margin-top:20px;
}
.newpaginator a{
    font-size:12px;
    padding:10px;
    background:#1A1A1A;
    min-width: 40px;
}
.newpaginator a.btn{
    font-size:12px;
    color:#fff;
    padding:10px;
    background:#850000;
    text-transform: uppercase;
}
.newpaginator span{
    font-size:12px;
    padding:10px;
    font-weight: bold;
    background:#4A4A4A;
    cursor: default;
}
.newpaginator span.dots{
    background: none;
    cursor: default;
}
.newpaginator .calin{
    margin-top:10px;
    width:730px;
}
.newpaginator .w150{
    display: block;
    font-weight: bold;
    width:100px;
}
.newpaginator .w150 span{
    cursor: default;
}

a span.updates {
    display: block;
    font-size: 14px;
    font-family: Helvetica,sans-serif;
    font-weight: normal;
    color: white;
    text-align: center;
    line-height: 2.2;
    width: 120px;
    height: 30px;
    background-color: #373737;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.55);
}

a:hover span.updates {
    display: block;
    font-size: 14px;
    font-family: Helvetica,sans-serif;
    font-weight: normal;
    color: white;
    text-align: center;
    line-height: 2.2;
    width: 120px;
    height: 30px;
    background-color: #707070;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.55);
}

span.calendar {
    display: block;
    float: right;
    font-size: 14px;
    font-family: Helvetica ,sans-serif;
    font-weight: normal;
    color: white;
    text-align: center;
    line-height: 2.2;
    width: 120px;
    height: 30px;
    background-color: #707070;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.55);
}

.pagination {
    position: relative;
    width: 100%;
    margin: 8px 0;
}

.pagination div{
    float:left
}
.pagination .pagination_center{
    width:527px;
    position: relative;
}
.pagination ul {
    margin: 0px auto;
    display: table;
    zoom: 1;
    list-style-type: none;
    text-align: left;
    padding:0;
}

.pagination ul li {
    margin-left: 1px;
    float: left;
    font-size: 14px;
    font-family: Helvetica ,sans-serif;
    text-align: center;
    line-height: 2.2;
    height: 30px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.55);
}

.pagination .updates {
margin-right: 25px;   
}

.pagination ul li a,.pagination ul li.current span {
    width: 34px;
    height: 30px;
    display: block;
    font-size: 14px;
    font-weight:normal;
    background: #373737;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.55);
    color: #FFF
}
.pagination ul li.current span{
    background: #707070;
}
.pagination ul li a:hover, .pagination ul li.current {
    background: #707070;
    width: 34px;
    color: #FFF;
}


.pagination .prev-next a {
    text-align: center;
    line-height: 1.4;
    white-space: nowrap;
    width: 80px;
    height: 30px;
    display: block;
    background: #bb0000;
}

.pagination .prev-next a:hover {
    background: #dd0000;
    width: 80px
}

.pagination .updates a {
    width: 120px;
    height: 30px;
    display: block;
    background: #373737;
}

.pagination .updates a:hover {
    background: #707070;
    width: 120px
}

.pagination .updates_current span {
    margin-right: 20px;
    background: #707070;
    color: #ffffff;
    width: 120px;
    display: block;
    cursor: default;
}

.pagination .calendar a {
    width: 120px;
    height: 30px;
    display: block;
    background: #373737;
}

.pagination .calendar a:hover {
    background: #707070;
    width: 120px
}

.pagination .calendar {
    margin-left: 20px;
}

.pagination .arch a {
  width: 70px
}

.pagination .arch a:hover {
  width: 70px;
  background: #707070;
}

.pagination .prev-next a span {
    position: relative;
    font-size: 20px;
    top: 0
}

.pagination .prevNextSpan {
    font-size: 1em !important;
    top: -2px !important
}

.pagination .updates, .pagination .arch,.pagination .prev-next,.pagination .updates_current, .pagination .calendar, .pagination .calendar_current{
    margin-left: 1px;
    display: block;
    float: left;
    font-size: 14px;
    font-family: Helvetica ,sans-serif;
    text-align: center;
    line-height: 2.2;
    height: 30px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.55);
}
.pagination .calendar_current {
    float: right;
    margin-left: 20px;
    background: #707070;
    color: #ffffff;
    width: 120px;
}
.pagination .calendar_current span {
    width: 120px;
    height: 30px;
    display: block;
    background: #707070;
    cursor: default;
}
.pagination .calendar {
    margin-left: 20px;
}

.pagination div a{
    width: 34px;
    height: 30px;
    display: block;
    font-size: 14px;
    font-weight:normal;
    background: #373737;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.55);
    color: #FFF
}
.pagination .pagination_right{
    float:right;
}

div.calendar-paginator {
    top:47px;
}

div.submenu{
    height: auto!important;
}

div.clear{
    float:none;
}
table.roof{
    margin-bottom: 35px;
}
/** slider **/
div.series{
    position: relative;
    margin:0 0 15px 0;
    border-bottom: 1px solid #3c3c3c;
}
div.series h2{
    text-align: center;
}
div.series .slider-wrapper{
    position: relative;
    width:970px;
    height:190px;
    overflow: hidden;
}
div.slider{
    position: absolute;
    width:100000px;
}
.set-slideshow{
    margin-right:5px;
}
.set-slideshow, .set-slideshow img{
    float:left;
    width:320px;
    height: 156px;
}
.set-slideshow .set-duration{
    font-size:8px;
    bottom:-13px;
    right:2px;
}
.slider-shadow {
    position: absolute;
    top:33px;
    width:28px;
    height:210px;
    background: url(../images/slider_shadows.png)no-repeat;
}
.slider-shadow.left{
    left:0;
    background-position: top right;
}
.slider-shadow.right{
    right:0;
    background-position: top left;
}
.slider-arrow{
    position: absolute;
    top:80px;
    left:-40px;
    width:40px;
    height:82px;
    background: url(../images/round_arrows.png)no-repeat;
}
.slider-arrow.left:hover{
    background-position: 0 -82px;
}
.slider-arrow.right{
    background-position: top right;
    left:970px;
}
.slider-arrow.right:hover{
    background-position: right -82px;
}
.setButtons li a.bigRed{
    font-size: 18px;
    color: #e32d2d;
    padding-top: 20px;
}
.bigRed span{
    font-size: 14px;
}
.join_fallback{
    text-align: center;
    font-size: 15px;
    color: #fff;
}
.join_fallback a{
    font-weight: lighter;
    font-size: 15px;
    color: #fff;
}
.join_fallback a:hover{
    font-size: 15px;
    color: #e32d2d;
}

a.cc-btn.cc-dismiss {
    background-color: rgb(255,192,0);
}

div.cc-window {
    background-color: rgba(21, 21, 21, 0.95)!important;
    border-top: 1px solid rgba(51, 51, 51, 1);
}
#try_beta { float: right; position: relative; display: block; top: 67px; }
#try_beta a { color: #000; font-size:12px; background: #ffc000; padding: 5px; }
#try_beta a:hover { background: #ff6701; }