Need help with wayfinder submenu

[[IncludeTemplate? &tpl=`site/parts/head.tpl`]]
<body>
<div id="Wrapper">
[[includeTemplate? &tpl=`site/parts/tpl`]]
<div id="HomeMainImg">
   [[getHomeMainSection]]
   </div>
    
   <div id="HomeMainImg">
      [[getHomeMainSection]]
   </div>
    
   <div id="SectionMenu">
      [!Wayfinder? &level=`1` &startId=`[[GetField? &field=`id` &parent=`1` &parentLevel=`0`]]`!]
   </div>
       
    
   <div id="ProductMain" class="clearfix">
      <div id="ProductSide">
         [[ProductLogo]]
         <nav id="Product Menu">
            [!Wayfinder? &startId=`676` &level=`2` &hideSubMenus=`1`!]
         </nav>
    
      </div>
    
      <div id="ProductContent">
         [[GetField? &field=`ProductBanner` &docid=`200`]]
         <div id="ProductBreadcrumbs">
               [[BreadCrumbs]]
         </div>
         
                    <div class="content">
                    [+phx:if=`[*longtitle:len*]`:gt=`1`:then=
                        `<h1>[*longtitle*]</h1>`
                    :else="+]
                    [*content*]
                </div>
   </div>
      <div>
        [[IncludeTemplate? &tpl=`site/parts/footer.tpl`]]
      </div>
     
    [[IncludeTemplate? &tpl=`site/parts/bottom.tpl`]]
     
</body>
</html>

[[IncludeTemplate? &tpl=`site/xonerate.tpl`]]

[[FirstChildRedirect]]

	
<li[+wf.classes+]>
    <a href="[+wf.link+]" title="[+wf.title+]" class="parent">[+wf.linktext+]</a>
    [+wf.wrapper+]
</li>

      [!Wayfinder? &level=`1` &startId=`[*parent*]`!]

 <div id="ProductMain" class="clearfix">
			<div id="ProductSide">

                <div id="ProductLogoSpacer"></div>
				<nav id="ProductMenu">
					<ul><li class="active"><a href="/www/arysta-na/us-turf-and-ornamental/products/xonerate/overview/how-xonerate-works.html" title="How Xonerate Works" >How Xonerate Works</a></li>
<li class="last"><a href="/www/arysta-na/us-turf-and-ornamental/products/xonerate/overview/trial-information.html" title="Trial Information" >Trial Information</a></li>
</ul>
					
				</nav>
			</div>
			<div id="ProductContent" >
				
				<div id="ProductBreadcrumbs">

				    <span class="B_crumbBox"><span class="B_firstCrumb"><a class="B_homeCrumb" href="/www/arysta-na/home.html" title="Arysta LifeScience, LifeScience">Home</a></span> » <a class="B_crumb" href="/www/arysta-na/us-turf-and-ornamental.html" title="US Turf and Ornamental">US Turf and Ornamental</a> » <a class="B_crumb" href="/www/arysta-na/us-turf-and-ornamental/products.html" title="Products">Products</a> » <a class="B_crumb" href="/www/arysta-na/us-turf-and-ornamental/products/xonerate.html" title="xonerate">XONERATE</a> » <a class="B_crumb" href="/www/arysta-na/us-turf-and-ornamental/products/xonerate/overview.html" title="overview">Overview</a> » <span class="B_lastCrumb"><span class="B_currentCrumb">How Xonerate Works</span></span></span>

				</div>
				<div class="content">
                    <h1>how xonerate works</h1>
				    <p>copy, time, lapse, animation sequences.</p>
<p>How Xonerate works</p>
                </div>

[!Wayfinder? &startId=`[[UltimateParent? &topLevel=`1`]]` &level=`2` &hideSubMenus=`1` !]

Wayfinder Snippet call

<nav id="ProductMenu">
					[!Wayfinder? &startId=`676` &level=`2` &parentRowTpl=`XonerateParentRowTpl`!]
				</nav>

<li[+wf.classes+]>
    <a href="[+wf.link+]" title="[+wf.title+]" class="parent">[+wf.linktext+]</a>
    [+wf.wrapper+]
</li>

/*Xonerate*/
#Xonerate{
}


   #Xonerate #ProductMenu ul ul li{
	  font-size:12px;
   }
   
   #Xonerate #ProductMenu ul ul li.last{
   	border-bottom:0;
   }

   #Xonerate #ProductMenu li.active li.last{
   	border-bottom:0;
   }

   #Xonerate #ProductMenu li.active{
   	background-color:#F4F4F4;
   }

   #Xonerate #ProductMenu li ul{
   	display:none;
   }

   #Xonerate #ProductMneu li ul li a{
   	color:#888888;
   }

   #Xonerate #ProductMenu li ul li.active a{
	  color:#003B7F;
   }

   #Xonerate #ProductMenu li.active ul{
	  display:block;
   }

   #Xonerate #ProductMenu li a.parent{
	  background:url(images/midas-arrow.png) no-repeat 4px 8px;
   }

   #Xonerate #ProductMenu li a.open{
	  background:url(images/midas-arrow-down.png) no-repeat 4px 8px;
   }
   
   #Xonerate #ProductMenu li li a{
	  background-image:none;
   }