/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.nano .contentNanoScroll {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano .contentNanoScroll:focus {
  outline: thin dotted;
}
.nano .contentNanoScroll::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar .contentNanoScroll::-webkit-scrollbar {
  visibility: visible;
}
.nano > .pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01; 
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;  
  border-radius         : 5px;
  border: 1px solid #DDDDDD;
}
.nano > .pane > .slider {
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;  
  border-radius         : 3px;
}
.nano:hover > .pane, .pane.active, .pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}

.nano {
  position : relative;
  width    : 100%;
  /*height   : 100%;*/
  overflow : hidden;
}
.newclass{ float:left; width:100%; max-height:310px; overflow:hidden;}

#about.nano {float:left; width:100%; height:310px; }
#about.nano .pane   { background: #fff; }
#about.nano .slider { background: #ccc; }

#reviews.nano {float:left; width: 100%; height:350px;  }
#reviews.nano .pane   { background: #fff; }
#reviews.nano .slider { background:rgba(0, 0, 0, 0.75); }

#categoryScroll.nano {float:left; width: 100%; height:554px;  }
#categoryScroll.nano .pane   { background: #fff; }
#categoryScroll.nano .slider { background: red; }

#orderSummaryScroll.nano {float:left; width: 103%; height:150px;  }
#orderSummaryScroll.nano .pane   { background: #fff; }
#orderSummaryScroll.nano .slider { background: red; }