Changing pagination bubbles with multiple sliders

[barchard]

Hi-

How do you recommend changing the pagination bubbles with multiple sliders on a page?

This works, but would apply to all sliders on a page:

<div id="flex-control-nav-container-1" class="flex-control-nav-container"></div>

.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(bg_control_nav_blue.png) no-repeat; cursor: pointer; text-indent: -999em;}

This, however, only shows the 'empty' bubbles that do not animate to active:

#flex-control-nav-container-1 .flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(bg_control_nav_blue.png) no-repeat; cursor: pointer; text-indent: -999em;}

Thanks
Greg

[barchard]

Figured it out, sorry. Had to add:

#flex-control-nav-container-1 .flex-control-nav li a:hover {background-position: 0 -13px;}
#flex-control-nav-container-1 .flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}