<?xml version='1.0' encoding='utf-8' ?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template name="Style1" 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 align="left">ID</TH>
      <TH align="left">Name</TH>
      <TH align="left">Price</TH>
	   <TH align="left">Quantity</TH>
    </TR>
    <xsl:for-each select="catalog/product">
    <xsl:sort select="name" />
    <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>
    </body>
    
Total Products:  <xsl:value-of select="count(catalog/product)"/>
 
  
  </html>


</xsl:template>

</xsl:stylesheet>
