.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.noscroll {
  overflow:hidden;
  width:100%;
  height:100%;
  }
  
  .noscroll body {
    width:100%;
    height:100%;
  }
  
  .noscroll .overdivs {
    position:absolute;
  }
  
#dimmer {
        position: fixed;
        width: 100%;
        height: 100%;
     
        background-color: black;
        opacity: 0.5;
        filter: alpha(opacity = 80);
        left: 0px;
        top: 0px;
        display:none;
        z-index: 99990;
    }
    
    .od_mainDiv {
        width:100%;
        height:100%;
        position: fixed;
        background-color: rgba(0,0,0,0.8);
        opacity: 1;
        filter: alpha(opacity = 100);

        z-index: 99999;
        left: 0;
        top: 0;
        
    display:none;
        overflow: auto;
        
    }
  
  
  
  .overdivs {
        position: fixed;
        opacity: 1;
        filter: alpha(opacity = 100);
        top:30px;
        overflow: visible;
        width: 960px;
        height:auto;
    background-color: transparent;
    display:none;  
    }
  
  
  .od_head {
    
    min-height: 25px;
    text-align: left;
  }
  .od_foot {
        
    }
  .od_body {
        overflow:auto;
        position:relative;
    }
  
  .od_close {
  
    height: 32px;
    position: absolute;
    right: -16px;
    top: -16px;
    width: 32px;
  cursor: pointer;
  }



.od_pointer {
  width:32px;
  height:16px;
  background:url(arr_eeeeee_sprite.png) no-repeat 0 0 transparent;
  position: absolute;
  bottom: -16px;
    left: -16px;
}

.od_pointer.right {
  width:16px;
  height:32px;
  
  background-position:-80px 0;
  }

.od_pointer.bottom {
  width:32px;
  height:16px;
  
  background-position: -32px -16px;
}

  #loading {
  
    margin: auto;
    position: fixed;
    text-align: center;
   
   display:none;
   z-index: 999991;
  }

  
  .overdivs.active {
    z-index: 100000;
    
  }
  .overdivs.createActive {
        z-index: 100009;
        
    }
  .overdivs.inactive {
    z-index: 99999;
  }
  
  .css3PIE {
    behavior: url(js/PIE/PIE.htc);
  }

/* CUSTOM DEBUGGING */

#od_debug_console {
  background: none repeat scroll 0 0 #000000;
    bottom: 0;
    
    padding: 10px;
    position: fixed;
    right: 0;
    width: 400px;
    z-index: 99999999;
    border-radius: 10px 0 0 0;
    border:1px solid #666;
    color:#ccc;
    opacity:0.8;
    
}

#od_debug_console_content {
  max-height: 300px;
  overflow:auto;
}

.debug_HL {
   border-bottom: 1px solid #333333;
    color: #666666;
    font-family: monospace;
    font-size: 16px;
    font-weight: bold;
}

.debug_row {
  background: none repeat scroll 0 0 #222222;
    margin: 5px 0;
    padding:2px;
}

.od_debug_handle {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor:pointer;
    color: #666666;
    font-family: monospace;
    font-size: 16px;
    font-weight: bold;
}


/* SLIDER */

.sliderWrapper {
  overflow: hidden;
  
}

.sliderCollection {
  left:0;
  position:relative;
}
.slide {
  float:left;
  overflow-x: hidden;
  overflow-y: auto;
  
}
.next-slide {
    position: absolute;
    right: 0;
    top: 0;
    background: #ccc;
    padding:10px;
    border-radius: 5px 0px 0px 5px ;
    cursor:pointer;
    opacity: 0.8;
    
    font-size:30px;
    line-height:24px;
    text-align:center;
    text-shadow:0 1px 1px #F8F8F8;
    color:#57685C;
    
  }
  .next-slide:after {
    content:'>';
  }
  
  .prev-slide {
    position: absolute;
    left: 0;
    top: 0;
    background: #ccc;
    padding:10px;
    border-radius: 0px 5px 5px 0px ;
    cursor:pointer;
    opacity: 0.8;
    
    font-size:30px;
    line-height:24px;
    text-align:center;
    text-shadow:0 1px 1px #F8F8F8;
    color:#57685C;
  }
  
  .prev-slide:after {
    content:'<';
  }
  
.sliderControls {
  left: 0px;
    position: absolute;
    top: 45%;
    width: 100%;
}

.sliderCount{
  position: absolute;
  right: 30px;
  bottom: 8px;
}