<?xml version='1.0' encoding='utf-8' ?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<HTML>
<HEAD>
   
  <STYLE>
	H1 {COLOR: red; FONT-FAMILY: Arial; FONT-SIZE: 14pt;}
	H2 {COLOR: darkblue; FONT-FAMILY: Arial; FONT-SIZE: 12pt;}
	.subhead {COLOR: darkblue; FONT-FAMILY: Arial; FONT-SIZE: 12pt;}
	.text {COLOR: black; FONT-FAMILY: Arial; FONT-SIZE: 12pt;}
	TH {COLOR: white; FONT-FAMILY: Arial; background-color:	darkblue;}
	TD {COLOR: blue; FONT-FAMILY: Arial}
	TR { background-color: beige; }
	BODY { background-color: beige; }
</STYLE>
</HEAD>

<BODY>
	<H1>Product Listing</H1>
	<TABLE BORDER="1">
	   <TR>
		<TH>ID</TH><TH>Name</TH><TH>Price</TH><TH>Quantity</TH>
           </TR>
	<xsl:for-each select="catalog/product">
	<xsl:sort select="prodid"/>
	   <TR>
		<TD><xsl:value-of select="prodid"/></TD>
		<TD><xsl:value-of select="name"/></TD>
		<TD><xsl:value-of select="price"/></TD>
		<TD><xsl:value-of select="quantity"/></TD>

	  </TR>
	  </xsl:for-each> 
	</TABLE>
	Total Employees:<xsl:value-of select="count(catalog/product/name)"/>
   
   
</BODY>
</HTML>
</xsl:template>
</xsl:stylesheet>
