// mouseover product images on products.html highlights product description
$(document).ready(function(){
    $('#productList li a img').mouseover(function(){
        $(this).parent().next().children().css({color:'#2598c3', textDecoration:'underline'});
    }).mouseout(function(){
        $('#productList li p a').css({color:'#a8bac3', textDecoration: 'none'});
    })
    
    // previous function messes with css rules so we recreate them here.
    $('#productList li p a').mouseover(function(){
        $(this).css('color','#2598c3');
    }).mouseout(function(){
        $('#productList li p a').css('color','#a8bac3');
    })
})