/* TABS */
    #homeTabs {
    width:660px;
    height: 300px;
    background-image: url(/images/generic/tabs_bg.png);
    margin-bottom: 20px;
    overflow: hidden;
    }
    div.panes div {
    background-color: #FFF;
    background-image: url(/images/generic/tabs_bg.png);
    background-position: -10 -10px;
    }
    #homeTabs ul {
    width: 165px;
    height: 300px;
    margin: 0; padding: 0;
    float:left;
    list-style:none;
    display: block;
    }
    #homeTabs h1 {
    border: 0;
    margin-top:3px;
    }
    #homeTabs ul li{
    margin: 0;
    padding: 0;
    width:165px;
    height:100px;
    }
    #content #homeTabs ul li a {
    display:block;
    width:140px;
    height:70px;
    text-align:left;
    font-size:1.4em;
    color: black;
    padding: 40px 0 0 25px;
    text-decoration: none;
    border: 0;
    }
    #content #homeTabs ul li a#tab3 {
    padding: 30px 0 0 25px;
    }
    #homeTabs ul li a#tab1 {
    background-image:url(/images/generic/homepage-tabs_bg.png);
    background-position: 0 0;
    background-repeat:no-repeat;
    }
    #homeTabs ul li a#tab1:hover {
    background-image:url(/images/generic/homepage-tabs_bg.png);
    background-position: 0 -300px;
    background-repeat:no-repeat;
    }
    #homeTabs ul li a#tab2 {
    background-image:url(/images/generic/homepage-tabs_bg.png);
    background-position: 0 -100px;
    background-repeat:no-repeat;
    }
    #homeTabs ul li a#tab2:hover {
    background-image:url(/images/generic/homepage-tabs_bg.png);
    background-position: 0 -400px;
    background-repeat:no-repeat;
    }
    #homeTabs ul li a#tab3 {
    background-image:url(/images/generic/homepage-tabs_bg.png);
    background-position: 0 -200px;
    background-repeat:no-repeat;
    }
    #homeTabs ul li a#tab3:hover {
    background-image:url(/images/generic/homepage-tabs_bg.png);
    background-position: 0 -500px;
    background-repeat:no-repeat;
    }
    #homeTabs ul li a#tab3.active {
    background-image:url(/images/generic/homepage-tabs_bg.png);
    background-position: 0 -500px ;
    background-repeat:no-repeat ;
    }
    #homeTabs ul li a#tab2.active {
    background-image:url(/images/generic/homepage-tabs_bg.png);
    background-position: 0 -400px ;
    background-repeat:no-repeat ;
    }
    #homeTabs ul li a#tab1.active {
    background-image:url(/images/generic/homepage-tabs_bg.png);
    background-position: 0 -300px ;
    background-repeat:no-repeat ;
    }
    #homeTabs div {
    width: 465px;
    height:290px;
    float:right;
    padding: 10px 20px 10px 10px;
    }
    #homeTabs div div {padding: 0}
    /* END TABS */
    /* SCROLL */
    /* this makes it possible to add next button beside scrollable */
    div.scrollable {
    }
    div.scrollable a:active {
    outline:none;
    }
    #content div.navi a, #content div.navi a:hover {
    text-decoration: none;
    border-width: 0px;
    }
    :focus {
    -moz-outline-style:none;
    }
    /* prev, next, prevPage and nextPage buttons */
    a.prev, a.next, a.prevPage, a.nextPage {
    display:block;
    width:72px;
    height:21px;
    background:url(/images/generic/prev-scroll_bg.gif) no-repeat;
    float:left;
    position:relative;
    z-index: 100;
    cursor:pointer;
    font-size:1px;
    }
    /* mouseover state */
    #content a.prev:hover, #content a.next:hover, #content a.prevPage:hover, #content a.nextPage:hover {
    background-position:0px -21px;
    border-width: 0px;
    }
    /* disabled navigational button */
    a.disabled {
    visibility:hidden !important;
    }
    /* next button uses another background image */
    a.next, a.nextPage {
    background-image:url(/images/generic/next-scroll_bg.gif);
    clear:right;
    }
    /*********** navigator ***********/
    /* position and dimensions of the navigator */
    div.navi {
    padding-left:228px;
    width:210px;
    height:20px;
    float:left;
    }
    /* items inside navigator */
    div.navi a {
    width:10px;
    height:10px;
    float:left;
    margin:3px;
    background:url(/images/generic/scroll-nav-dots_bg.png) 0 0 no-repeat;
    display:block;
    font-size:1px;
    }
    /* mouseover state */
    div.navi a:hover {
    background-position:0 -10px;
    }
    /* active state (current page state) */
    div.navi a.active {
    background-position:0 -20px;
    }
    /* root element for the whole scrollable setup */
    div#scrollContainer {
    background-image: url(/images/generic/scroll_bg.gif);
    width: 660px;
    height:204px;
    margin-bottom: 20px;
    }
    div.scrollable {
    position:relative;
    overflow:hidden;
    width: 650px;
    height:183px;
    margin: 0 5px
    }
    /*
    root element for scrollable items. It is
    absolutely positioned with large width.
    */
    #thumbs {
    position:absolute;
    width:20000em;
    clear:both;
    margin: 20px 10px 10px
    }
    /* custom positioning for navigational links */
    a.prev, a.next {
    }
    /* single item */
    #thumbs div {
    float:left;
    width:210px;
    color:#000;
    border-left:0px;
    cursor:pointer;
    text-align:center;
    }
    #thumbs div a:link, #thumbs div a:visited {
    border: 0px;
    }
    /* style when mouse is over the item */
    #thumbs div.hover {
    }
    /* style when element is active (clicked) */
    #thumbs div.active {
    cursor:default;
    }
    #thumbs div.active div.scrDescript {
    }
    #thumbs .scrDescript {
    position:relative; top:-180px; width: 160px; height: 33px; text-align:left; opacity: 0.8;filter:alpha(opacity=80); line-height: 1em;
    background-image: url(../../images/generic/scroll-tab_bg.gif);
    margin-left: 25px;
    }
    #content .scrDescript a {
    cursor: pointer;
    color: #756152;
    margin:0; display: block;
    border: 0px;
    width:152px;
    height:25px;
    padding:4px;
    line-height:12px;
    }
    #content .scrDescript a strong {
    color:#000;	 width:152px; display:block
    }
    #content .scrDescript a:hover {
    color: #000
    }
    #thumbs span {
    float:right;
    width: 100px;
    text-align:right;
    margin-top:3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:0.8em;
    }
    /* END SCROLL */