/****** NOTE: .scrolltabs-dark is the class of our DOM object we've applied scrollTabs() to *******/

        /* Set the content of the arrows to nothing, we will use a background image of our own. */
        .scrolltabs-dark .scroll_tab_left_button::before {
          content: "";
          padding: 0px;
        }

        .scrolltabs-dark .scroll_tab_right_button::before {
          content: "";
          padding: 0px;
        }

        /* Set up our background image (i.e. toolbar for example) behind the tab-set */
        .scrolltabs-dark div.scroll_tab_inner {
          height: 40px;
        }

        /* Setup the appearance of each individual TAB */
        .scrolltabs-dark div.scroll_tab_inner span {
          padding-left: 20px;
          padding-right: 20px;
          line-height: 40px;
          font-size: 14px;
          background: transparent url(/images/centralnew/images/scroll_tab_bg.jpg) no-repeat -24px -80px;
          color: #FFFFFF;
          cursor: pointer;
        }

        /* Style the FIRST tab differently from the rest, inherits from above */
        .scrolltabs-dark div.scroll_tab_inner span.scroll_tab_first {
          background: transparent url(/images/centralnew/images/scroll_tab_bg.jpg) no-repeat -40px -80px;
        }

        /* Style the hover state for each tab */
        .scrolltabs-dark div.scroll_tab_inner span.scroll_tab_over {
          background: transparent url(/images/centralnew/images/scroll_tab_bg.jpg) no-repeat -25px -40px;
        }

        /* Style the hover state for the first tab (Using MULTI-CLASS selectors may not work right in older browsers) */
        .scrolltabs-dark div.scroll_tab_inner span.scroll_tab_first.scroll_tab_over {
        	background: transparent url(/images/centralnew/images/scroll_tab_bg.jpg) no-repeat -60px -160px;
        }

        /* Style the left of the tab set if the arrows are hidden (the are is wide enough to show ALL the tabs */
        .scrolltabs-dark div.scroll_tab_inner span.scroll_tab_left_finisher {
          padding: 0px;
          width: 10px;
          background: transparent url(/images/centralnew/images/scroll_tab_bg.jpg) no-repeat 0px -200px;
        }

        /* AND HOVER STATE */
        .scrolltabs-dark div.scroll_tab_inner span.scroll_tab_left_finisher.scroll_tab_over {
        	background: transparent url(/images/centralnew/images/scroll_tab_bg.jpg) no-repeat -0px -160px;
       }

        /* AND SELECTED STATE */
        .scrolltabs-dark div.scroll_tab_inner span.scroll_tab_left_finisher.tab_selected {
          background-position: 0px -200px;
        }

        /* Style the right of the tab set if the arrows are hidden (the are is wide enough to show ALL the tabs */
        .scrolltabs-dark div.scroll_tab_inner span.scroll_tab_right_finisher {
          padding: 0px;
          width: 10px;
          background: transparent url(/images/centralnew/images/scroll_tab_bg.jpg) no-repeat right -200px;
        }

        /* AND HOVER STATE */
        .scrolltabs-dark div.scroll_tab_inner span.scroll_tab_right_finisher.scroll_tab_over {
          background-position: right -160px !important; 
         }
        
        /* AND SELECTED STATE */
        .scrolltabs-dark div.scroll_tab_inner span.scroll_tab_right_finisher.tab_selected {
          background-position: right -160px;
        }

        /* Style left scrolling button */
        .scrolltabs-dark .scroll_tab_left_button {
          height: 40px;
          background: transparent url(/images/centralnew/images/scroll_tab_bg.jpg) no-repeat 0px -40px;
        }

        /* Style left scrolling button HOVER */
        .scrolltabs-dark .scroll_tab_left_button.scroll_arrow_over {
          background: transparent url(/images/centralnew/images/scroll_tab_bg.jpg) no-repeat 0px 0px;
        }

        /* Style left scrolling button DISABLED */
        .scrolltabs-dark .scroll_tab_left_button.scroll_arrow_disabled {
          background: transparent url(/images/centralnew/images/scroll_tab_bg.jpg) no-repeat 0px -80px;
        }

        /* Style right scrolling button */
        .scrolltabs-dark .scroll_tab_right_button {
          height: 40px;
          background: transparent url(/images/centralnew/images/scroll_tab_bg.jpg) no-repeat -474px -40px;
        }

        /* Style right scrolling button HOVER */
        .scrolltabs-dark .scroll_tab_right_button.scroll_arrow_over {
          background: transparent url(/images/centralnew/images/scroll_tab_bg.jpg) no-repeat -474px 0px;
        }

        /* Style right scrolling button DISABLED */
        .scrolltabs-dark .scroll_tab_right_button.scroll_arrow_disabled{
          background: transparent url(/images/centralnew/images/scroll_tab_bg.jpg) no-repeat -474px -80px;
        }

        /* Style SELECTED (depressed) tab */
        .scrolltabs-dark div.scroll_tab_inner span.tab_selected {
          background: transparent url(/images/centralnew/images/scroll_tab_bg.jpg) no-repeat -25px -80px;
        }

        /* Style SELECTED (depressed) if it's the FIRST tab */
        .scrolltabs-dark div.scroll_tab_inner span.tab_selected.scroll_tab_first {
          background-position: -40px -200px;
        }
        }
        
        /* AND SELECTED STATE */
        .scrolltabs-dark div.scroll_tab_inner span.scroll_tab_right_finisher.tab_selected {
          background-position: right -200px;
        }

        /* Style left scrolling button */
        .scrolltabs-dark .scroll_tab_left_button {
          height: 40px;
          background: transparent url(/images/centralnew/images/scroll_tab_bg.jpg) no-repeat 0px -80px;
        }

        /* Style left scrolling button HOVER */
        .scrolltabs-dark .scroll_tab_left_button.scroll_arrow_over {
          background: transparent url(/images/centralnew/images/scroll_tab_bg.jpg) no-repeat 0px -40px;
        }

        /* Style left scrolling button DISABLED */
        .scrolltabs-dark .scroll_tab_left_button.scroll_arrow_disabled {
          background: transparent url(/images/centralnew/images/scroll_tab_bg.jpg) no-repeat 0px -80px;
        }

        /* Style right scrolling button */
        .scrolltabs-dark .scroll_tab_right_button {
          height: 40px;
          background: transparent url(/images/centralnew/images/scroll_tab_bg.jpg) no-repeat -474px -80px;
        }

        /* Style right scrolling button HOVER */
        .scrolltabs-dark .scroll_tab_right_button.scroll_arrow_over {
          background: transparent url(/images/centralnew/images/scroll_tab_bg.jpg) no-repeat -474px -40px;
        }

        /* Style right scrolling button DISABLED */
        .scrolltabs-dark .scroll_tab_right_button.scroll_arrow_disabled{
          background: transparent url(/images/centralnew/images/scroll_tab_bg.jpg) no-repeat -474px -80px;
        }

        /* Style SELECTED (depressed) tab */
        .scrolltabs-dark div.scroll_tab_inner span.tab_selected {
          background: transparent url(/images/centralnew/images/scroll_tab_bg.jpg) no-repeat -25px -80px;
        }

        /* Style SELECTED (depressed) if it's the FIRST tab */
        .scrolltabs-dark div.scroll_tab_inner span.tab_selected.scroll_tab_first {
          background-position: -40px -200px;
        }