How to change appearance of NextGen slideshow links

I could really use the help of a PHP and CSS coding expert. In NextGen Gallery the links for “Show as slideshow” and “View with PicLens” show up on top of each other. I want to change this so that the links appear side by side and I also want the link to be a graphic button I created instead of the default text.

I found the below code in the view/gallery.php file and added a css div class called “slideoptions” which I assume could be used to place the buttons next to each other, but I don’t know the best way to code this… maybe a “float:left” command? I’m also wondering if there is something else I must do in the below php excerpt to make them appear side by side.

Then I also need to know what code to replace/add in this php excerpt in order to use a graphic button for the link instead of the default text.

I’ve had no luck finding an answer to this on my own so I’m hoping the solution will be a piece of cake for a PHP and CSS whiz. Thank you in advance to anyone who can help!

<div class="slideoptions">
<?php if ($gallery->show_slideshow) { ?>
	<!-- Slideshow link -->
	<div class="slideshowlink">
		<a class="slideshowlink" href="<?php echo $gallery->slideshow_link ?>">
			<?php echo $gallery->slideshow_link_text ?>
		</a>
	</div>
<?php } ?>

<?php if ($gallery->show_piclens) { ?>
	<!-- Piclense link -->
	<div class="piclenselink">
		<a class="piclenselink" href="<?php echo $gallery->piclens_link ?>">
			<?php _e('[View with PicLens]','nggallery'); ?>
		</a>
	</div>
<?php } ?>
</div>