(function($){
 $.fn.extend({
 
 	customStyle : function(options) {
	  if(!$.browser.msie || ($.browser.msie&&$.browser.version>6)){
	  return this.each(function() {
	  
			var currentSelected = $(this).find(':selected');
			$(this).after('<span class="customStyleSelectBox"><span class="customStyleSelectBoxInner">'+currentSelected.text()+'</span></span>').css({position:'absolute', opacity:0,fontSize:$(this).next().css('font-size')});
			var selectBoxSpan = $(this).next();
			var selectBoxWidth = parseInt($(this).width()) - parseInt(selectBoxSpan.css('padding-left')) -parseInt(selectBoxSpan.css('padding-right'));			
			var selectBoxSpanInner = selectBoxSpan.find(':first-child');
			selectBoxSpan.css({display:'inline-block'});
			selectBoxSpanInner.css({width:selectBoxWidth, display:'inline-block'});
			var selectBoxHeight = parseInt(selectBoxSpan.height()) + parseInt(selectBoxSpan.css('padding-top')) + parseInt(selectBoxSpan.css('padding-bottom'));
			$(this).height(selectBoxHeight).change(function(){
				// selectBoxSpanInner.text($(this).val()).parent().addClass('changed');   This was not ideal
			selectBoxSpanInner.text($(this).find(':selected').text()).parent().addClass('changed');
				// Thanks to Juarez Filho & PaddyMurphy
			});
			
	  });
	  }
	}
 });
})(jQuery);

jQuery(document).ready(function($){
	$('#color-toggle-box').hover(function(){
			$(this).addClass('color-toggle-box');
			$('.color-filter').show();
		
	},function(){
			$(this).removeClass('color-toggle-box');
			$('.color-filter').hide();
	});
	$('.color-filter').hover(function(){
		$('#color-toggle-box').addClass('color-toggle-box');
	},function(){
		$('#color-toggle-box').removeClass('color-toggle-box');
	});
	
	$('.color-filter a').hover(function(e){
		var label = $(this).attr('data-label');
		var cont = $(this).parent();
		$('<div />').addClass('title').html(label).css('position','absolute').css('top', '42px').appendTo(cont);
		$('.title').css('left',0);
	},function(){
		$('.title').remove();
	});
});