div#categories {
    position:relative;
    margin:0;
    top:0;
    width:50%;
    padding:0 25%;}
    
    #categories li.category a span {
        padding-top:0;}
        
    #categories li.category a, #categories li.category a:hover {
        border-bottom:1px solid #dadada;
        background:transparent;}
        
    #categories li.category ul {
        top:100%;}
        
        #categories li.category ul li a {
            background:#fff;
            border:none;}
            

    
#scrollPanePrevious, #scrollPaneNext {
    position:absolute;
    top:50%;
    z-index:101;}

#scrollPanePrevious {
    left:50px;}
    
#scrollPaneNext {
    right:50px;}
    
    .scrollPaneDisabled {
        opacity:.3;}

#scrollPane {
    overflow-y:hidden; /* important for non-js */
    overflow-x:scroll; /* important for non-js */
    width:100%;
    height:89.5%;
    position:relative;
    z-index:100;
    float:left;
    top:1%;}
    
    #scrollPaneContent {
        position:relative;
        width:10000px; /* this should be written dynamically to the style tag for non-js users */
        height:100%;}
    
    #scrollPaneContent img {
        position:relative;
        float:left;
        height:100%;
        margin:0 20px;
        width: auto !important;}