@import url('/css/jquery/scrollable-horizontal.css');
@import url('/css/jquery/scrollable-buttons.css');

/* position and dimensions of the navigator */
.navi, .navi2, .navi3 {margin-top:5px; margin-left:auto; margin-right:auto; width:210px; height:10px; background:none; border:0; padding-left:10px; padding-right:10px;  z-index:2000; position:relative; top:0px;}
/* items inside navigator */
.navi a, .navi2 a, .navi3 a {width:10px; height:10px; float:left; margin:0 4px 0 0; background:url(/img/navigator-10px.png) 0 0 no-repeat; display:block; font-size:1px; position:relative; top:0px;}
/* mouseover state */
.navi a:hover, .navi2 a:hover, .navi3 a:hover {background-position:0 -11px;}
/* active state (current page state) */
.navi a.active, .navi2 a.active, .navi3 a.active {background-position:0 -22px;}


/* position and dimensions of the navigator */
.navRotate {position:absolute;bottom:20px;left:2px;z-index:150; background:none; border:0;}
/* items inside navigator */
.navRotate a {width:12px; height:12px; float:left; margin:0 6px 0 0; background:url(/img/navigator-12px.png) 0 0 no-repeat; display:block; font-size:1px; position:relative; top:0px;}
/* mouseover state */
.navRotate a:hover {background-position:0 -13px;}
/* active state (current page state) */
.navRotate a.active {background-position:0 -26px;}