<?xml version="1.0"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
  <html>
  
  
<head>
  <style type="text/css">
  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="2" >
      <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>
  </body>
  </html>
</xsl:template>
</xsl:stylesheet>