@charset "utf-8";

#content_block {height:100%; padding:0 0; position:relative}
#content_block .customScrollBox{position:relative; height:100%; overflow:hidden;}
#content_block .customScrollBox .container{position:relative; width:810px; top:0; float:left;}
#content_block .customScrollBox .content{clear:both; overflow:hidden}

#content_block .dragger_container{position:relative; width:20px; height:100%; float:right; margin:0; cursor:pointer;
	background:url(../img/bg_scrollbar.png) repeat;}
#content_block .dragger {position:absolute; width:20px; height:60px; background:url(../img/bg_drag.png) repeat; margin-left:0px; overflow:hidden; cursor:pointer;}
#content_block .dragger_pressed {position:absolute; width:20px; height:60px; background:url(../img/bg_drag_hover.png) repeat; margin-left:0px; overflow:hidden; cursor:pointer;}

#content_block .scrollUpBtn {background:url(../img/btn_up.png) no-repeat top; width:20px; height:20px; position:absolute; top:0; right:0}
#content_block .scrollDownBtn {background:url(../img/btn_down.png) no-repeat top; width:20px; height:20px; position:absolute; bottom:0; right:0}
#content_block .scrollDownBtn:hover, #content_block .scrollUpBtn:hover { background-position:bottom}

@media only screen and (min-width: 300px) and (max-width: 1024px) {
	#content_block .customScrollBox{position:relative; height:100%; overflow:auto!important;}
	#content_block .dragger_container, #content_block .scrollUpBtn, #content_block .scrollDownBtn { display:none!important}
}