/* clears */
.col-content:after
{ clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; overflow:hidden;  }

/* Examples - Tiny Scrollbar */
#scrollbar1 { width: 330px; margin: 40px 0 20px 0; }
#scrollbar1 .viewport { width: 310px; height: 148px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url() no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 8px; }
#scrollbar1 .track { background: transparent url(../images/bg-scrollbar-track-y.png) repeat-y 0 100%; height: 100%; width:8px; position: relative; }
#scrollbar1 .thumb { background: transparent url(../images/bar_slide.png) no-repeat ; height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; z-index:9999; }
#scrollbar1 .thumb .end { background: transparent url((../images/bg-scrollbar-track-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 8px; }
#scrollbar1 .disable { display: none; }