#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(close.png);}
#sb-nav-next{background-image:url(next.png);}
#sb-nav-previous{background-image:url(previous.png);}
#sb-nav-play{background-image:url(play.png);}
#sb-nav-pause{background-image:url(pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

 .stripViewer .panelContainer .panel ul {
  text-align: left;
  margin: 0 15px 0 30px;
  }
  .slider-wrap { 
  margin: 20px 0;
  position: relative;
  width: 100%;
  }
  .csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
  .csw .loading {margin: 200px 0 300px 0; text-align: center}
 .stripViewer { 
  position: relative;
  overflow: hidden; 
   margin: auto;
  width: 710px; 
  height: 355px;
  clear: both;
  background: #fff;
  }
  .stripViewer .panelContainer {
  position: relative;
  left: 0; top: 0;
  width: 100%;
  list-style-type: none;
  }
  .stripViewer .panelContainer .panel { 
  float:left;
  height: 100%;
  position: relative;
  width: 710px; 
  }
  .stripViewer .panelContainer .panel .wrapper { 

  }
  .stripNav { 
  margin: auto;
  }
  .stripNav ul { 
  list-style: none;
  }
  .stripNav ul li {
  float: left;
  margin-right: 2px; 
  }
  .coda-nav  a { 
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  height: 104px;
  background: #c6e3ff;
  color: #fff;
  text-decoration: none;
  display: block;

  }
.coda-nav li.tab1 a { width: 140px; margin-left:2px;  }
.coda-nav li.tab2 a { width: 256px;  }
.coda-nav li.tab3 a { width: 141px;  } 
.coda-nav li.tab4 a { width: 163px;  }

  .coda-nav li.tab1 a:hover  { background: url("http://static2.insales.ru/files/1/6368/317664/original/Мебель_ярк_2.jpg") }
  .coda-nav li.tab2 a:hover  { background:  url("http://static2.insales.ru/files/1/6838/277174/original/ПЕРЕГОРОДКИ_ЯРК_256х260.jpg") }
  .coda-nav li.tab3 a:hover  { background:  url("http://static2.insales.ru/files/1/6821/277157/original/Дизайн_ярк.jpg") }
  .coda-nav li.tab4 a:hover  { background:  url("http://static2.insales.ru/files/1/6826/277162/original/ПЕРЕЕЗД_ЯРК.jpg") }

   .coda-nav li.tab1 a  { background: url("http://static2.insales.ru/files/1/6367/317663/original/Мебель_тусклый_2_142х104.jpg") }
  .coda-nav li.tab2 a  { background:  url("http://static2.insales.ru/files/1/1108/287828/original/перегородки_256х104_туск_БОРДО.jpg") }
  .coda-nav li.tab3 a  { background:  url("http://static2.insales.ru/files/1/1116/287836/original/БИЗАЙН_-_БОРДО.jpg") }
  .coda-nav li.tab4 a  { background:  url("http://of2of.myinsales.ru/assets/1/3292/52444/2.jpg?1346147576") } 

   .coda-nav li.tab1 a.current   { background: url("http://static2.insales.ru/files/1/6368/317664/original/Мебель_ярк_2.jpg") }
  .coda-nav li.tab2 a.current   { background:  url("http://static2.insales.ru/files/1/6838/277174/original/ПЕРЕГОРОДКИ_ЯРК_256х260.jpg") }
  .coda-nav li.tab3 a.current   { background:  url("http://static2.insales.ru/files/1/6821/277157/original/Дизайн_ярк.jpg") }
  .coda-nav li.tab4 a.current   { background:  url("http://static2.insales.ru/files/1/6826/277162/original/ПЕРЕЕЗД_ЯРК.jpg") } 


  .stripNavL, .stripNavR { 
  position: absolute;
  top: 230px;
  text-indent: -9000em;
  }
  .stripNavL a, .stripNavR a {
  display: block;
  height: 40px;
  width: 40px;
  }
  .stripNavL {
  left: 0;
  }
  .stripNavR {
  right: 0;
  }
  .stripNavL {
  background: url("images/arrow-left.gif") no-repeat center;
  }
  .stripNavR {
  background: url("images/arrow-right.gif") no-repeat center;
  }







.coda-slider-wrapper {
  padding: 0px 0; 
}
  
  .coda-slider-wrapper .coda-slider {
   
    background: #f2f2f2;
    
    width: 700px; 
  }
    
    .coda-slider-wrapper .coda-slider .panel {

      width: 700px; 
    }
      
.coda-slider-wrapper .coda-slider .panel 

        padding: 0px; 
      }
  

   .panel-wrapper {display:none;} 

    .coda-slider-wrapper .coda-nav-left a, .coda-slider-wrapper .coda-nav-right a {
      /******************************************************
      * 
      * Arrow Styles 
      *
      *******************************************************/
      background: #000;
      color: #fff;
      padding: 5px;
      width: 100px; 
    }
  
  .coda-slider-wrapper .coda-nav-left-arrow {
    /******************************************************
    * 
    * Graphical arrow styles 
    *
    *******************************************************/
    width: 25px;
    height: 25px;
    background: url(../img/arrow.png) no-repeat top left; 
    margin-top:50px;
  }

.coda-slider-wrapper .coda-nav-left-arrow a {
    /******************************************************
    * 
    * Graphical arrow styles 
    *
    *******************************************************/
    width: 0;
    height: 0;
    border:none;
  }

  .coda-slider-wrapper .coda-nav-left-arrow:hover {
    /************************************************
    * 
    * Graphical arrows hover left
    *
    *************************************************/
    background: url(../img/arrow.png) no-repeat bottom left; 
  }
  
  .coda-slider-wrapper .coda-nav-right-arrow {
    /******************************************************
    * 
    * Graphical arrow styles 
    *
    *******************************************************/
    width: 25px;
    height: 25px;
    background: url(../img/arrow.png) no-repeat top right; 
    margin-top:50px;
  }
.coda-slider-wrapper .coda-nav-right-arrow a {
    /******************************************************
    * 
    * Graphical arrow styles 
    *
    *******************************************************/
    width: 0;
    height: 0;
    background: none; 
    margin-top:0;
    border:none;
  }

  .coda-slider-wrapper .coda-nav-right-arrow:hover {
    /************************************************
    * 
    * Graphical arrows hover right
    *
    *************************************************/
    background: url(../img/arrow.png) no-repeat bottom right; 
  }

  .coda-slider-wrapper .coda-nav-left-arrow:active, .coda-slider-wrapper .coda-nav-right-arrow:active {
    /************************************************
    * 
    * Graphical arrows active
    *
    *************************************************/
    margin-top: 55px; 
  }
  
  .coda-slider-wrapper .loading {
    /******************************************************
    * 
    * Style for preloader 
    *
    *******************************************************/
    height: 100%;
    padding: 20px;
    text-align: center; 
  }

  


.arrows .coda-slider {
  /******************************************************
  * 
  * Margin between slider and arrows 
  *
  *******************************************************/
  margin: 0 10px; 
}

/**********************************************************************
*
* Don't change anything below here unless you know what you're doing 
*
***********************************************************************/

.coda-slider-wrapper {
  /************************************************
  * 
  * Wrapper styles 
  *
  *************************************************/
  clear: both;
  overflow: auto; 
}
  
  .coda-slider-wrapper .coda-slider {
    /************************************************
    * 
    * slider styles 
    *
    *************************************************/
    float: left;
    overflow: hidden;
    position: relative; 
  }
    
    .coda-slider-wrapper .coda-slider .panel-container {
      /************************************************
      * 
      * Panel container styles 
      *
      *************************************************/
      position: relative; 
    }
      
      .coda-slider-wrapper .coda-slider .panel-container .panel {
        /************************************************
        * 
        * Panel styles 
        *
        *************************************************/
        display: block;
        float: left; 
      }
  
  .coda-slider-wrapper .coda-nav {
    /************************************************
    * 
    * Navigation tabs 
    *
    *************************************************/ 
  }
    
    .coda-slider-wrapper .coda-nav ul {
      /************************************************
      * 
      * Navigation tabs 
      *
      *************************************************/
      clear: both;
      display: block;
      margin: auto;
      overflow: hidden; 
    }
      
      .coda-slider-wrapper .coda-nav ul li {
        /************************************************
        * 
        * Navigation tabs 
        *
        *************************************************/
        display: inline; 
      }
        
        .coda-slider-wrapper .coda-nav ul li a {
          /************************************************
          * 
          * Navigation tabs 
          *
          *************************************************/
          display: block;
          float: left;
          text-decoration: none; 
        }
  
  .coda-slider-wrapper .coda-nav-left-arrow, .coda-slider-wrapper .coda-nav-right-arrow {
    /************************************************
    * 
    * Graphical arrows 
    *
    *************************************************/
    cursor: pointer;
    float: left;
  }
    
    .coda-slider-wrapper .coda-nav-left-arrow a, .coda-slider-wrapper .coda-nav-right-arrow a {
      /************************************************
      * 
      * Graphical arrows 
      *
      *************************************************/
      display: block; 
    }
  
  .coda-slider-wrapper .coda-nav-left, .coda-slider-wrapper .coda-nav-right {
    /************************************************
    * 
    * Html arrows 
    *
    *************************************************/
    float: left; 
  }
    
    .coda-slider-wrapper .coda-nav-left a, .coda-slider-wrapper .coda-nav-right a {
      /************************************************
      * 
      * Html arrow styles 
      *
      *************************************************/
      display: block;
      text-align: center;
      text-decoration: none; 
    }
  
  .coda-slider-wrapper .coda-nav-left, .coda-slider-wrapper .coda-nav-left-arrow {
    /************************************************
    * 
    * Html and graphical arrow styles 
    *
    *************************************************/
    clear: both; 
  }