$(function() {
		
	//ANIMATES NAV ON HOVER
	$(".nav li a").hover(function(){
    	$(this).stop().animate({
    		paddingLeft: "15px"
    	}, 400);
    }, function() {
    	$(this).stop().animate({
    		paddingLeft: 0
    	}, 400);
    });

	//ADDS A DIV WITH CLASS CLEAR AFTER EVERY 3 ITEMS ON PRODUCT-LIST PAGE SINCE FLOATS NEED TO BE CLEARED
	$(document).ready(function(){
		$('div.product:nth-child(3n+1)').after('<div class="clear">&nbsp;</div>');
	});

});