/* Navigator */

ul.navi li {
   padding: 0 !important;
   background: none !important;
   cursor: pointer;
}

.navi li a {
   display: block;
   padding: 6px;
   line-height: 1.25;
   font-weight: bold;
   color: #666;
   background: #f0f0f0;
   border-bottom: 1px solid #fff;
}

.navi li a:hover {
   color: #333;
}

.navi li a em {
   display: block;
   font-weight: normal;
}

.navi li.active a {
   background: #0079BB;
   color: #fff;
}

.scrollable {
   /* required settings */
   background: url(/SiteData/images/grey-grad-10x500.png) repeat-x;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   position:relative;
   overflow:hidden;
   width: 440px;
   height: 1000px;

   /* custom decorations */
   /*border:1px solid #ccc;
   background:url(/img/global/gradient/h300.png) repeat-x;*/
}

.scrollable .items {
   /* this cannot be too large */
   width:20000em;
   position:absolute;
   clear:both;
}

/* single scrollable item */
.scrollable .items div.item {
   float:left;
   width: 410px;
   padding: 15px;
}

/* active item */
.scrollable .active {
   border:2px solid #000;
   z-index:9999;
   position:relative;
}

/* Buttons */

.buttons { position: relative; margin: 0 -50px; top: 100px; }

.buttons a.browse {
   background:url(/SiteData/js/hori_large.png) no-repeat;
   display:block;
   position:absolute;
   width:30px;
   height:30px;
   cursor:pointer;
   font-size:1px;
}

/* right */
.buttons a.right { right: 0; background-position: 0 -30px;}
.buttons a.right:hover { background-position:-30px -30px; }
.buttons a.right:active { background-position:-60px -30px; } 


/* left */
.buttons a.left { left: 0;} 
.buttons a.left:hover { background-position:-30px 0; }
.buttons a.left:active { background-position:-60px 0; }

/* disabled navigational button */
.buttons a.disabled {
   visibility:hidden !important;		
}