/* Hide from MAC IE\*/

ul.btnUL { 
	list-style-type: none;
	margin: 0; padding: 0;
	text-align: center;
}
	ul li.btnLI { 
		display: inline;
		margin:  0; padding: 1px 0;  /* for vertical spacing FF */
		line-height: 1.8em;
	}
	ul li.btnLI a {
		margin: 0; padding: 2px 0 5px 10px; /* this adds padding to show background image :: guess >> must equal vertical padding on ul > li > a > span? */
		text-decoration: none; /* need to remove link */
		background: #efefef url(/themes/universal/buttons/default/buttons-generic-css-default.gif) no-repeat 0 0px;
	}
	ul li.btnLI a span {
		margin: 0 0 0 5px; padding: 2px 14px 5px 0; /* margin here lets image on ul > li > a show through */	
		background: #efefef url(/themes/universal/buttons/default/buttons-generic-css-default.gif) no-repeat 100% 0px; /* transparent here lets image on ul > li > a show through */
	}
	
	/* \*/
	* html ul li.btnLI a { 
		padding-top: 0;
	}
		* html ul li.btnLI a span { 
			padding-top: 0;
		}
	/*  */
	
		ul li.btnLI a:hover {
			text-decoration: none;
			background: #efefef url(/themes/universal/buttons/default/buttons-generic-css-default.gif) no-repeat 0 -70px;
		}
		ul li.btnLI a:hover span {
			background: #efefef url(/themes/universal/buttons/default/buttons-generic-css-default.gif) no-repeat 100% -70px; /* transparent here lets image on ul > li > a show through */
		}
	
/*  */