/************************************************** * * CONTAINER STYLES * **************************************************/ #horiz_container_outer { width:100%; overflow-x:hidden; overflow-y:hidden; position:relative; height:200px; margin:5px auto; } #horiz_container_outer_two { width:100%; overflow-x:hidden; overflow-y:hidden; position:relative; height:160px; margin:5px auto; } #horiz_container_outer_three { width:100%; overflow-x:hidden; overflow-y:hidden; position:relative; height:150px; margin:5px auto; } #horiz_container { width:4040px; margin:0px; padding:0px; height:190px; } #horiz_container_two { width:100000px; margin:0px; padding:0px; height:150px; } #horiz_container_three { width:4040px; margin:0px; padding:0px; height:150px; } #horiz_container ul { margin:0px; padding:0px; } #horiz_container_two ul { margin:0px; padding:0px; } #horiz_container_three ul { margin:0px; padding:0px; } #horiz_container_inner { padding:5px; padding-left:0px; } #horiz_container_inner_two { padding:5px; padding-left:0px; } #horiz_container_inner_three { padding:5px; padding-left:0px; } #horiz_container li { list-style:none; display: inline-table; margin:0px; } #horiz_container_two li { list-style:none; display: inline-table; margin:0px; } #horiz_container_three li { list-style:none; display: inline-table; margin:0px; } #horiz_container li img { padding:0px; margin:0px; height:190px; } /************************************************** * * SCROLLING STYLES * **************************************************/ #scrollbar { position:relative; width:815px; height:12px; display:block; font-size:1px; top:0px; margin:0px auto; } #scrollbar_two { position:relative; width:815px; height:12px; display:block; font-size:1px; top:0px; margin:0px auto; } #scrollbar_two_three { position:relative; width:815px; height:12px; display:block; font-size:1px; top:0px; margin:0px auto; } #track { position:absolute; left:0px; top:0; width:815px; height:12px; background: #676767; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } #track_two { position:absolute; left:0px; top:0; width:815px; height:12px; background: #676767; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } #track_three { position:absolute; left:0px; top:0; width:815px; height:12px; background: #676767; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } #dragBar { position:absolute; left:0px; top:0px; width:20px; height:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.39, rgb(229,229,229)), color-stop(0.7, rgb(245,245,245)) ); background-image: -moz-linear-gradient( center bottom, rgb(229,229,229) 39%, rgb(245,245,245) 70% ); } #dragBar_two { position:absolute; left:0px; top:0px; width:20px; height:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.39, rgb(229,229,229)), color-stop(0.7, rgb(245,245,245)) ); background-image: -moz-linear-gradient( center bottom, rgb(229,229,229) 39%, rgb(245,245,245) 70% ); } #dragBar_three { position:absolute; left:0px; top:0px; width:20px; height:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.39, rgb(229,229,229)), color-stop(0.7, rgb(245,245,245)) ); background-image: -moz-linear-gradient( center bottom, rgb(229,229,229) 39%, rgb(245,245,245) 70% ); } #left_scroll { position:absolute; border-color: transparent gray transparent transparent; border-style: solid; border-width: 5px; width: 0; height: 0px; cursor:pointer; top:1px; left:-15px; } #left_scroll_two { position:absolute; border-color: transparent gray transparent transparent; border-style: solid; border-width: 5px; width: 0; height: 0px; cursor:pointer; top:1px; left:-15px; } #left_scroll_three { position:absolute; border-color: transparent gray transparent transparent; border-style: solid; border-width: 5px; width: 0; height: 0px; cursor:pointer; top:1px; left:-15px; } #right_scroll { position:absolute; right:-15px; top:1px; border-color: transparent transparent transparent gray; border-style: solid; border-width: 5px; width: 0; height: 0px; cursor:pointer; } #right_scroll_two { position:absolute; right:-15px; top:1px; border-color: transparent transparent transparent gray; border-style: solid; border-width: 5px; width: 0; height: 0px; cursor:pointer; } #right_scroll_three { position:absolute; right:-15px; top:1px; border-color: transparent transparent transparent gray; border-style: solid; border-width: 5px; width: 0; height: 0px; cursor:pointer; } /* Prevent selection problem */ #scrollbar, #track, #dragBar, #left, #right { -moz-user-select: none; -khtml-user-select: none; } #scrollbar_two, #track_two, #dragBar_two, #left_two, #right_two { -moz-user-select: none; -khtml-user-select: none; } #scrollbar_three, #track_three, #dragBar_three, #left_three, #right_three { -moz-user-select: none; -khtml-user-select: none; }