/** initial setup **/
#main{ height:195px; 	margin: auto; }
.small.nano {background: #000; height: 100px; margin-top: 0px;}

.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.nano .content {  position : absolute;  overflow-x: hidden;overflow-y: scroll; top : 0;  right: -17px !important;  bottom: 0;  left: 0;  color:#FFF;}
.nano .content li{ margin-right:25px;}
.nano .content:focus { outline: thin dotted;}
.nano .content::-webkit-scrollbar { visibility: hidden;}
.has-scrollbar .content::-webkit-scrollbar { visibility: visible;}
.nano > .pane {
  margin:5px 0;
  background :#f2f0f0;  position:absolute;  width:6px;
  right: 0 !important;  top: 0;  bottom: 0 !important;  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity: .01;   -webkit-transition: .2s;  -moz-transition: .2s;  -o-transition: .2s;  transition: .2s;
}
.nano > .pane > .slider {  background: #999;	cursor:pointer;  position: relative;  margin:0 1px;	top:0px;}
.nano:hover > .pane, .pane.active, .pane.flashed {  visibility : visible\9; /* Target only IE7 and IE8 with this hack */  opacity: 0.99;}