<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="https://www.w3.org/1999/xhtml">
  <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport" content="width=device-width" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<link rel="preconnect" href="https://hello.myfonts.net">
<script type="text/javascript" language="javascript" src="/King_QA/EASYCommerce/scripts/plugins/jquery/jquery-1.10.2.min.js"></script>

<!-- Bootstrap library and plugins -->
<!--<script type="text/javascript" src="/King_QA/EASYCommerce/scripts/plugins/bootstrap/bootstrap.js"></script>
<script type="text/javascript" src="/King_QA/EASYCommerce/scripts/plugins/bootstrap/bootstrap-dialog.min.js"></script>-->
<script type="text/javascript" src="/King_QA/EASYCommerce/scripts/plugins/bootstrap/EC_King_Bootstrap.js"></script>	
<script type="text/javascript" src="/King_QA/EASYCommerce/scripts/plugins/bootstrap/bootstrap-maxlength.min.js"></script>
<script type="text/javascript" src="/King_QA/EASYCommerce/scripts/plugins/jquery/jquery.showLoading.min.js"></script>

<!-- EASYProcess scripts -->
<script type="text/javascript" language="javascript" src="/King_QA/EASYCommerce/scripts/EC_King_unified.js?v8810"></script>
<script type="text/javascript" language="javascript" src="/King_QA/EASYCommerce/scripts/lazysizes.min.js?v8810"></script>

<!--<link href="/King_QA/EASYCommerce/styles/EP_Utils.css?v8810" rel="stylesheet" type="text/css" />-->
<!--<link href="/King_QA/EASYCommerce/styles/showLoading.css?v8810" rel="stylesheet" type="text/css" />-->
<!--<link href="/King_QA/EASYCommerce/styles/style.css?v8810" rel="stylesheet" type="text/css" />-->

<link href="/King_QA/EASYCommerce/scripts/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="/King_QA/EASYCommerce/scripts/plugins/bootstrap/css/bootstrap-dialog.min.css" rel="stylesheet" type="text/css" />
<link fetchpriority="high" rel="preload" href="/images/our-offerings-mainSlider-koenig_1800x600.avif" as="image">
<!--[if lt IE 9]>
<script type="text/javascript" language="javascript" src="/King_QA/EASYCommerce/scripts/json2.js"></script>
<script type="text/javascript" src="/King_QA/EASYCommerce/scripts/plugins/bootstrap/html5shiv.js"></script>
<script type="text/javascript" src="/King_QA/EASYCommerce/scripts/plugins/bootstrap/respond.min.js"></script>
<![endif]-->

<base target="_self"></base>
<meta http-equiv="Pragma" content="no-cache">
		<link rel="shortcut icon" href="/King_QA/EASYCommerce/King/Images/KingLogo.ico"/><title>FenceAndGate | King Architectural Metals</title><link type="text/css" rel="stylesheet" media="screen" href=" /King_QA/EASYCommerce/styles/MyFontsWebfontsKit.css?v8810"/><link type="text/css" rel="stylesheet" media="screen" href=" /King_QA/EASYCommerce/King/Styles/King_Unified_Style.min.css?v8810"/><script type="text/javascript" language="javascript" src="/King_QA/EASYCommerce/scripts/KingUnifiedScript_2.js?v8810"></script><script type="text/javascript" language="javascript" src="/King_QA/EASYCommerce/Scripts/EC_SuggestiveSearch.js?v8810"></script><link type="text/css" rel="stylesheet" media="only screen and (max-width:1px)" href=" King/Styles/King_Unified_Style.min.css?v8810"/><link type="text/css" rel="stylesheet" media="screen" href=" King/Styles/King_Unified_Style.min.css?v8810"/><link rel="canonical" href="FenceAndGate"/>
	</head>

	<body>

	<form method="post" runat="server" id="form1" enctype="multipart/form-data">
        <input  name = "ModelStateData" type = "hidden" value = "{&quot;ControlState&quot;:[]}" class = ""  ></input>
	<script type="text/javascript">
	//<![CDATA[
	var theForm = document.forms['form1'];
	if (!theForm) {
	    theForm = document.form1;
	}
	function __doPostBack(eventTarget, eventArgument) {
	    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
		theForm.__EVENTTARGET.value = eventTarget;
		theForm.__EVENTARGUMENT.value = eventArgument;
		theForm.submit();
	    }
	}
	//]]>
	</script>


	<table class="LayoutTable" width="100%" style="margin:auto;" cellpadding="0" cellspacing="0">
   <tbody>
      <tr class="LayoutRow">
         <td class="LayoutCell ActiveSection">
            <table class="LayoutTable" width="100%" cellpadding="0" cellspacing="0">
               <tbody>
                  <tr class="LayoutRow" height="25%">
                     <td class="LayoutCell BasicHeader" valign="top" editbyid="Basic" editbytype="Template" contentid="Header" contenttype="ContentArea"><Span ct = "WebPart" displayProgressType="Control" progressAnimationText="" progressAnimationUrl = "/King_QA/EASYCommerce/images/ep_progress.gif" url = "/King_QA/EASYCommerce/" iscms = "True"ctid = "WPT-10000109" instid = "1" ajax = "False" pn = "ECItemMainPage" storeid = ""><table CellSpacing="0" CellPadding="0" width="100%" class="WebPart-SiteHeader-Main" style=""><tr class=""><td align="center" valign="top" class=""><Span IsSection="True" SectionId="WSEC-10002526" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default-Main" style="background-color: transparent;"><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10002526_VisibleController@1@-1@-1" id ="WSEC-10002526_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" valign="top" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10002537" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default-Main" style="background-color: transparent;"><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10002537_VisibleController@1@-1@-1" id ="WSEC-10002537_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><Span ct = "WebPart" displayProgressType="WebPart" progressAnimationText="" progressAnimationUrl = "/King_QA/EASYCommerce/images/ep_progress.gif" url = "/King_QA/EASYCommerce/" iscms = "True"ctid = "WPT-10000652" instid = "2" ajax = "False" pn = "ECItemMainPage" storeid = ""><table CellSpacing="0" CellPadding="0" width="100%" class="WebPart-Default-Main" style=""><tr class=""><td align="left" valign="top" class=""><Span IsSection="True" SectionId="WSEC-10003283" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10003283_VisibleController@2@-1@-1" id ="WSEC-10003283_VisibleController@2@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><a   class="HyperLink-Default" name ="SiteLogoButton@2@-1@-1" id ="SiteLogoButton@2@-1@-1" ct ="Field" style="height: 34px;margin: 18px 0px 18px 36px;"  href ="Default"><img src="https://www.krisecloud.com/king_qa/easycommerce/king/images/kinglogos-24.png" border="0" class="" style="" /></a></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="HtmlGenericControl@2@-1@-1" id ="HtmlGenericControl@2@-1@-1" ct ="Field" ><style>
a[name^="SiteLogoButton"] > img{
    height: 34px;
    margin-top: 13px;
}
</style></span></td></tr></table></td></tr></table></Span></td></tr></table></Span></td></tr></table></td></tr></table></Span></td><td align="right" valign="top" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10003924" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10003924_VisibleController@1@-1@-1" id ="WSEC-10003924_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="right" valign="top" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10002528" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-HeaderRight-Main" style="background-color: transparent;"><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10002528_VisibleController@1@-1@-1" id ="WSEC-10002528_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" valign="middle" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10002680" ct="section" class="" style="display:none;"><table width="450px" CellSpacing="0" CellPadding="0" class="Section-Default-Main" style="background-color: transparent;"><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="450px" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10002680_VisibleController@1@-1@-1" id ="WSEC-10002680_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td class="Section-Default-GridCell"></td></tr><tr class=""><td align="left" valign="middle" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10002682" ct="section" class="" style="display:none;"><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default-Main" style="background-color: transparent;"><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10002682_VisibleController@1@-1@-1" id ="WSEC-10002682_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" valign="top" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10002683" ct="section" class=""><table width="450px" CellSpacing="0" CellPadding="0" class="Section-Default-Main" style="background-color: transparent;"><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="450px" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10002683_VisibleController@1@-1@-1" id ="WSEC-10002683_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" valign="middle" class="Section-Default-GridHeaderCell"><span   >Impersonating Customer:</span></td><td align="left" valign="middle" class="Section-Default-GridHeaderCell"><span   ></span></td></tr><tr class="Section-Default-GridRow"><td align="left" valign="middle" class="Section-Default-GridCell"><Span   class="Label-Red" name ="NowImpersonating@1@-1@-1" id ="NowImpersonating@1@-1@-1" ct ="Field" style="FONT-WEIGHT:bold; COLOR:red;" >Impersonating customer:</Span></td><td align="left" valign="middle" class="Section-Default-GridCell"><a href="#"  border = "0"  class="Button-Default-Link" name ="StopImpersonating@1@-1@-1" id ="StopImpersonating@1@-1@-1" ct ="Field" style=";CURSOR:pointer;"  onclick="return EP_CallFieldProcess(event,{&quot;parameter&quot;:[{&quot;Enabled&quot;:&quot;True&quot;,&quot;FieldId&quot;:&quot;WFLD-10008884&quot;,&quot;FieldName&quot;:&quot;StopImpersonating&quot;,&quot;CausesValidation&quot;:&quot;Yes&quot;,&quot;ValidationGroup&quot;:&quot;&quot;,&quot;ViewSubmitType&quot;:&quot;&quot;,&quot;ActionType&quot;:&quot;ButtonClick&quot;,&quot;EnableStateStore&quot;:&quot;False&quot;,&quot;DisableStateRestore&quot;:&quot;False&quot;}]});" isdefault="false"  >Stop Impersonation</a></td></tr></table></td></tr></table></Span></td></tr><tr class=""><td class="Section-Default-GridCell"></td></tr></table></td></tr></table></Span></td></tr></table></td></tr></table></Span></td><td align="right" valign="top" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10003390" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-HeaderLinks-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10003390_VisibleController@1@-1@-1" id ="WSEC-10003390_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" valign="top" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10004240" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10004240_VisibleController@1@-1@-1" id ="WSEC-10004240_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><a   class="HyperLink-Default" name ="LoginLink@1@-1@-1" id ="LoginLink@1@-1@-1" ct ="Field"  href ="Login">login /       create account</a></td></tr></table></td></tr></table></Span></td></tr><tr class=""><td align="left" valign="top" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10004241" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-HeaderAccLinks-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10004241_VisibleController@1@-1@-1" id ="WSEC-10004241_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><Field FieldId="WFLD-10013874" FieldName="AccountLink" Desc="True" class=""></td><td align="right" valign="middle" class="Section-Default-GridCell"><Field FieldName="AccountLink" FieldId="WFLD-10013874" class=""></td><td align="left" class="Section-Default-GridHeaderCell"><Field FieldId="WFLD-10013875" FieldName="Logout" Desc="True" class=""></td><td align="left" valign="middle" class="Section-Default-GridCell"><Field FieldName="Logout" FieldId="WFLD-10013875" class=""></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="HtmlGenericControl4@1@-1@-1" id ="HtmlGenericControl4@1@-1@-1" ct ="Field" style="display:none;" ><style>
  .Section-HeaderAccLinks-Main .Section-Default-GridCell:nth-child(4){
width:58px;
}
  .Section-HeaderAccLinks-Main .Section-Default-GridCell:nth-child(4) a{
width:50px;
display:inline-block;
}
</style></span></td></tr></table></td></tr></table></Span></td></tr></table></td></tr></table></Span></td><td align="right" valign="top" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10003277" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-SuggestedSearch-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10003277_VisibleController@1@-1@-1" id ="WSEC-10003277_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="" name ="SuggestedSearch@1@-1@-1" id ="SuggestedSearch@1@-1@-1" ct ="Field" ><div id="easy-suggestion" class="desktopSearch"><div id="suggestion-div"><input id="suggestion" /><img class="ssimg" onclick="ssClick(event);" alt="Search" src="/King_QA/EASYCommerce/Images/EP_Suggestive_Search_Icon.png?v=1" /></div><script>
			$(document).ready(function(){
			$('#easy-suggestion.desktopSearch #suggestion').keypress(function(e){
			if(e.keyCode==13)
			$('.desktopSearch .ssimg').click();
			});
		    $("#suggestion").attr('autocomplete','nope');
			});

     		</script><style>.ssimg{cursor: pointer;}</style></div></span></td></tr></table></td></tr></table></Span></td></tr></table></td></tr></table></Span></td></tr></table></td></tr></table></Span></td></tr></table></td></tr></table></Span></td></tr><tr class=""><td align="left" valign="top" class=""><Span IsSection="True" SectionId="WSEC-10004353" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10004353_VisibleController@1@-1@-1" id ="WSEC-10004353_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="HtmlGenericControl5@1@-1@-1" id ="HtmlGenericControl5@1@-1@-1" ct ="Field" ><script>
$(function(){
$("#AccountNav").remove();
});

</script></span></td></tr></table></td></tr></table></Span></td></tr></table></Span></td>
                  </tr>
                  <tr class="LayoutRow" height="25%">
                     <td class="LayoutCell BasicNav" valign="top" editbyid="Basic" editbytype="Template" contentid="Menu" contenttype="ContentArea"><Span ct = "WebPart" displayProgressType="Control" progressAnimationText="" progressAnimationUrl = "/King_QA/EASYCommerce/images/ep_progress.gif" url = "/King_QA/EASYCommerce/" iscms = "True"ctid = "WPT-10000206" instid = "3" ajax = "False" pn = "ECItemMainPage" storeid = ""><table CellSpacing="0" CellPadding="0" width="100%" class="WebPart-Default-Main" style=""><tr class=""><td align="left" valign="middle" class=""><Span IsSection="True" SectionId="WSEC-10002523" ct="section" class="" style="display:none;"><table width="100%" CellSpacing="0" CellPadding="0" class="Menu-Style Section-Default-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10002523_VisibleController@3@-1@-1" id ="WSEC-10002523_VisibleController@3@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td class="Menu-Style Section-Default-GridCell"></td><td class="Menu-Style Section-Default-GridCell"></td><td align="right" valign="middle" class="Menu-Style Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10000101" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10000101_VisibleController@3@-1@-1" id ="WSEC-10000101_VisibleController@3@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" valign="top" class="Section-Default-GridCell"></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="HtmlGenericControl@3@-1@-1" id ="HtmlGenericControl@3@-1@-1" ct ="Field" ><script>
$(function(){
$(".Menu-HorizontalMenu-Level1Cell").on("touchstart",function(event){
  if($(this).children('a').attr('href')=="#ep"){
    event.preventDefault();
  }
  $(this).mouseover();
});
});
</script></span></td></tr></table></td></tr></table></Span></td></tr></table></td></tr></table></Span></td></tr><tr class=""><td align="left" valign="top" class=""><Span IsSection="True" SectionId="WSEC-10003406" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10003406_VisibleController@3@-1@-1" id ="WSEC-10003406_VisibleController@3@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="APIUrlJS@3@-1@-1" id ="APIUrlJS@3@-1@-1" ct ="Field" ><script>
			var cartCountAPIUrl = 'https://www.krisecloud.com/King_QA/EASYCommerce//REST/JSON/GetCartCount';
		</script></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="HtmlGenericControl1@3@-1@-1" id ="HtmlGenericControl1@3@-1@-1" ct ="Field" ><script>
async function fetchData() {

  try {
    const response = await fetch(cartCountAPIUrl); // Make the GET request

    if (!response.ok) { // Check if the request was successful
      throw new Error(`HTTP error! status: ${response.status}`);
    }

    const data = await response.json(); // Parse the JSON response
    console.log(data); // Process the retrieved data
$("#CartBar span").text(data.Output.Output.ItemCount);
  } catch (error) {
    console.error('Error fetching data:', error);
  }
}
$(function(){
$('#suggestion').attr('placeholder', 'QUICK ORDER/SEARCH');
fetchData();
});
</script>
<style>
.ssimg{
    position: relative;
    left: -10px;
}
</style></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="MenuBar@3@-1@-1" id ="MenuBar@3@-1@-1" ct ="Field" ><nav id="primary_nav_wrap" class="mobile-hide"><ul><li><a id="cssmenu" href="shopping?SortColumn=CategoryCode11&amp;Descending=No&amp;SearchText=&amp;Page=1">Shopping</a><ul id="menuCatalog"><li class="has-sub categoryCode1"><a href="AccessControl"><span>Access Controls</span></a><ul class="categoryCode2"><li><a href="Swing-Operators-and-Actuators">Swing Operators &amp; Actuators</a></li><li><a href="slideoperators">Slide Operators</a></li><li><a href="solar-operators">Solar Operators</a></li><li><a href="cantilever-gate-systems">Cantilever Gate Systems</a></li><li><a href="v-track-and-other-wheels">V-Track &amp; Other Wheels</a></li><li><a href="Safety-Devices-and-Fire-Boxes">Safety Devices &amp; Fire Boxes</a></li><li><a href="Loops-and-Exit-Wands">Loops &amp; Exit Wands</a></li><li><a href="keypads-remotes-phone-entry-and-more">Keypads, Remotes, Phone Entry &amp; More</a></li><li><a href="mechanical-accessories">Mechanical Accessories</a></li><li><a href="power-accessories">Power Accessories</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:100">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="stairsandhandrails"><span>Stairs &amp; Handrails</span></a><ul class="categoryCode2"><li><a href="handrails">Handrails</a></li><li><a href="stainless-steel-railing-systems">Stainless Steel Railing Systems</a></li><li><a href="handrail-ends-and-bends">Handrail Ends &amp; Bends</a></li><li><a href="handrail-brackets">Handrail Brackets</a></li><li><a href="brass-handrails-and-accessories">Brass</a></li><li><a href="aluminum-handrails-and-accessories">Aluminum</a></li><li><a href="punched-channel">Punched Channel</a></li><li><a href="Balusters-and-Newel-Posts2">Balusters &amp; Newel Posts</a></li><li><a href="stair-treads-and-risers">Stair Treads &amp; Risers</a></li><li><a href="shoes">Shoes</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:108%20AND%20CategoryCode2:409%20AND%20CategoryCode2:472%20AND%20CategoryCode4:727">
								Powder Coated Balusters
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=108">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="FenceAndGate"><span>Fencing &amp; Gates</span></a><ul class="categoryCode2"><li><a href="powder-coated-fence-systems">
								Powder Coated Fence Systems
							</a></li><li><a href="finials-spears-and-terminations">
								finials, spears &amp; terminations
							</a></li><li><a href="cantilever-gate-systems">
								Cantilever Gate Systems
							</a></li><li><a href="v-track-and-other-wheels">
								V-Track &amp; Other Wheels
							</a></li><li><a href="plugs-and-inserts">
								Plugs &amp; Inserts
							</a></li><li><a href="post-caps-tops-and-balls">
								Post Caps, Tops &amp; Balls
							</a></li><li><a href="pressed-pickets">
								Pressed Pickets
							</a></li><li><a href="punched-channel">
								Punched Channel
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:104%20AND%20CategoryCode2:450">
								Gate Frames
							</a></li><li><a href="hinges">
								Hinges
							</a></li><li><a href="fence-and-gate-hardware">
								Fence &amp; Gate Hardware
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:104">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="hingesAndhardware"><span>Hinges &amp; Hardware</span></a><ul class="categoryCode2"><li><a href="Base-Plates-and-Weld-Tabs2">
								Base Plates &amp; Weld Tabs
							</a></li><li><a href="v-track-and-other-wheels">
								Tracks &amp; Rolling Hardware
							</a></li><li><a href="fasteners-and-anchors">
								Fasteners &amp; Anchors
							</a></li><li><a href="door-and-gate-hardware">
								Door &amp; Gate Hardware
							</a></li><li><a href="hinges">
								Hinges &amp; Closers
							</a></li><li><a href="paints-and-finishes">
								Paints &amp; Finishes
							</a></li><li><a href="pipe-fittings">
								Pipe Fittings
							</a></li><li><a href="welding-supplies-and-abrasives">
								Welding Supplies &amp; Abrasives
							</a></li><li><a href="locks-and-lockboxes">
								Locks &amp; Lock Boxes
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:715">
								Cement
							</a></li><li><a href="overhead-track-and-barndoor-kits">
								Overhead Track &amp; Barndoor Kits
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:105">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="metalservice"><span>Metal Service Center</span></a><ul class="categoryCode2"><li><a href="angle-bars">
								Angle Bars
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:101%20AND%20CategoryCode2:491">
								Purlins
							</a></li><li><a href="channel-bars">
								Channel Bars
							</a></li><li><a href="expanded-metal">
								Expanded Metal
							</a></li><li><a href="strips-and-flats">
								Strips &amp; Flats
							</a></li><li><a href="plates-and-sheets">
								Plates &amp; Sheets
							</a></li><li><a href="punched-channel">
								Punched Channel
							</a></li><li><a href="solid-bars">
								Solid Bars
							</a></li><li><a href="tubing">
								Tubing
							</a></li><li><a href="pipes-and-fittings">
								Pipes &amp; Pipe Fittings
							</a></li><li><a href="roof-panels">
								Roof Panels
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:101">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="DecorativeComponents"><span>Decorative Components</span></a><ul class="categoryCode2"><li><a href="rings">
								Rings
							</a></li><li><a href="balls-and-hemis">
								Balls &amp; Hemis
							</a></li><li><a href="collars-and-banding">
								Collars &amp; Banding
							</a></li><li><a href="stars">
								Stars
							</a></li><li><a href="baskets">
								Baskets
							</a></li><li><a href="rosettes">
								Rosettes
							</a></li><li><a href="leaves-flowers-and-grapes">
								Leaves, Flowers &amp; Grapes
							</a></li><li><a href="finials-spears-and-terminations">
								Finials
							</a></li><li><a href="animals-bugs-and-seasonal">
								Animals, Bugs &amp; Seasonal
							</a></li><li><a href="scrolls-and-scrollwork">
								Scrolls &amp; Scrollwork
							</a></li><li><a href="furniture-components">
								Furniture Components
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:102">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="balustersandforgings"><span>Balusters &amp; Forgings</span></a><ul class="categoryCode2"><li><a href="Balusters-and-Newel-Posts2">
								Balusters &amp; Newel Posts
							</a></li><li><a href="scrolls-and-scrollwork">
								Scrolls, Scrollwork &amp; Panels
							</a></li><li><a href="baskets">
								Baskets &amp; Bosses
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:718%20AND%20CategoryCode2:408">
								Round &amp; Flattened Balls
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:718%20AND%20CategoryCode2:454">
								Gate Crests &amp; Toppers
							</a></li><li><a href="twisted-hmrd-textured-bar">
								Twisted, Hmrd, Textured Bar
							</a></li><li><a href="rosettes">
								Rosettes
							</a></li><li><a href="collars-and-banding">
								Collars &amp; Banding
							</a></li><li><a href="shoes">
								Shoes
							</a></li><li><a href="aluminum">
								Aluminum
							</a></li><li><a href="rings">
								Rings
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:718%20AND%20CategoryCode4:727">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="DecorativeCastingsPage"><span>Decorative Castings</span></a><ul class="categoryCode2"><li><a href="panels">
								Panels
							</a></li><li><a href="friezes">
								Friezes
							</a></li><li><a href="corner-brackets">
								Corner Brackets
							</a></li><li><a href="picket-castings">
								Picket Castings
							</a></li><li><a href="aluminum-castings">
								Aluminum Castings
							</a></li><li><a href="cast-iron-castings">
								Cast Iron Castings
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode2:481%20AND%20CategoryCode4:724">
								Plastic Picket Castings
							</a></li><li><a href="rosettes">
								Rosettes &amp; Medallions
							</a></li><li><a href="gate-toppers">
								Gate Toppers
							</a></li><li><a href="scrolls-and-scrollwork">
								Scrolls &amp; Scrollwork
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:711%20AND%20CategoryCode2:408">
								Balls
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode5:041">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="interiordecor"><span>Interior Décor</span></a><ul class="categoryCode2"><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:424%20AND%20CategoryCode2:425">
								Ceiling Mounts &amp; Chains
							</a></li><li><a href="overhead-track-and-barndoor-kits">
								Barndoors
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:445">
								Fireplace Accessories
							</a></li><li><a href="urns-and-planters">
								Urns, Planters &amp; Plant Stands
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:460">
								Decorative Hooks
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:417">
								Candelabras &amp; Candle Holders
							</a></li><li><a href="crosses-and-crests">
								Crosses &amp; Crests
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:520">
								Wine Rack
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:414">
								Towel &amp; Tissue Holders
							</a></li><li><a href="furniture-components">
								Furniture Components
							</a></li><li><a href="hand-forged-nails-and-screws">
								Hand Forged Nails &amp; Screws
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="exterioruseanddecor"><span>Exterior Use &amp; Décor</span></a><ul class="categoryCode2"><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:444">
								Firebowls
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:505">
								Sign Bracket
							</a></li><li><a href="urns-and-planters">
								Urns &amp; Planters
							</a></li><li><a href="birdbaths-and-fountains">
								Birdbaths &amp; Fountains
							</a></li><li><a href="cast-post-bases">
								Cast Post Bases
							</a></li><li><a href="lamp-posts-and-sconces">
								Lamp Posts &amp; Sconces
							</a></li><li><a href="letters-and-numbers">
								Letters &amp; Numbers
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:467">
								Mailboxes
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:420">
								Car Stops &amp; Bollards
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:405">
								A/C Security Cages
							</a></li><li><a href="stars">
								Stars
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="aluminumpage"><span>Aluminum</span></a><ul class="categoryCode2"><li><a href="aluminum-balusters">
								Balusters &amp; Newel Posts
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:705%20AND%20CategoryCode4:710%20AND%20CategoryCode4:717%20AND%20CategoryCode4:725%20AND%20CategoryCode4:729%20AND%20CategoryCode2:479%20AND%20CategoryCode2:497%20AND%20CategoryCode2:498">
								Scrollwork &amp; Scrolls
							</a></li><li><a href="aluminum-castings">
								Castings
							</a></li><li><a href="aluminum-handrails-and-accessories">
								Handrails
							</a></li><li><a href="aluminum-shoes">
								Shoes
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:705%20AND%20CategoryCode4:710%20AND%20CategoryCode4:717%20AND%20CategoryCode4:725%20AND%20CategoryCode4:729%20AND%20CategoryCode2:427%20AND%20CategoryCode2:410">
								Collars &amp; Banding
							</a></li><li><a href="aluminum-spears-and-finials">
								Spears &amp; Finials
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:705%20AND%20CategoryCode4:710%20AND%20CategoryCode4:717%20AND%20CategoryCode4:725%20AND%20CategoryCode4:729%20AND%20CategoryCode2:492">
								Rings
							</a></li><li><a href="aluminum-hardware">
								Hardware
							</a></li><li><a href="aluminum-commodity-metals">
								Commodity Aluminum
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:705%20AND%20CategoryCode4:710%20AND%20CategoryCode4:717%20AND%20CategoryCode4:725%20AND%20CategoryCode4:729">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a class="showHideCatalogMenu" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=Status:%22Online%20Specials%22">
						Online Specials
					</a></li><li class="has-sub categoryCode1"><a href="Plasma" class="showHideCatalogMenu">
						Plasma
					</a></li><li class="ShopAllListItem"><a href="quick-order" class="showHideCatalogMenu ShopAll">
						Quick Order
					</a></li></ul></li><li><a href="frequently-asked-questions">FAQ</a><ul><li><a href="metalguide/index.html">Metal Reference Guide</a></li><li><a href="frequently-asked-questions#materialGuide">Family Guide</a></li></ul></li><li id="MyAccount-Dropdown"><a href="Login">
				My Account
			</a><ul><li><a href="Login">Login / Create Account</a></li><li><a href="leaving-notification-Docusign" target="_blank">Apply For Credit</a></li></ul></li><li><a href="eCatalog">Shop by eCatalog</a><ul><li><a href="eCatalog">Shop by eCatalog</a></li><li><a href="Brochures">Shop by Brochure</a></li></ul></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=Status:%22Online%20Specials%22">
				Online Specials
			</a></li><li><a href="contact-us">Contact</a><ul><li><a href="request-literature">Request Literature</a></li></ul></li></ul><div id="CartBar"><a href="shopping-cart"><span>00</span><img src="Icons/cart-ffffff-16px@3x.png" /></a></div><div id="WishListBar"><a href="project-manager-tutorial"><span>00</span><img src="icons/projects-001b72-16px@3x.png" /></a></div></nav><style>
	#primary_nav_wrap #WishListBar span{
	color:#001b72
	}
	
</style></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="MenuCSS@3@-1@-1" id ="MenuCSS@3@-1@-1" ct ="Field" ></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="MenuJS@3@-1@-1" id ="MenuJS@3@-1@-1" ct ="Field" ></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="StyleScriptCatalogMenu1@3@-1@-1" id ="StyleScriptCatalogMenu1@3@-1@-1" ct ="Field" ><script type="text/javascript">
   $(document).ready(function() {
        $("#cssmenu").mouseenter(function(){
        $(".categoryCode2").each(function(index){
	var verticalOffset = $(this).closest(".categoryCode1").position().top * -1;
                var menuHeight = $("#menuCatalog").outerHeight();
	$(this).css('top', verticalOffset);
                $(this).css('height', menuHeight);
        });
});
   });
</script></span></td></tr></table></td></tr></table></Span></td></tr><tr class=""><td align="left" valign="top" class=""><Span IsSection="True" SectionId="WSEC-10003518" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default-Main MobileHeaderSection" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10003518_VisibleController@3@-1@-1" id ="WSEC-10003518_VisibleController@3@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="MobileMenuHtml@3@-1@-1" id ="MobileMenuHtml@3@-1@-1" ct ="Field" ><MobileHtml><div id="mobileScreenDisable"><input type="hidden" /></div><div id="MenuSideNav" class="sidenav navMenu scrollMenu"><ul class="unlisted"><li><a href="#" class="dropdown">Shopping <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu"><li><a href="AccessControl" class="dropdown-lvl2 menu-font">Access Controls <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="Swing-Operators-and-Actuators">Swing Operators &amp; Actuators</a></li><li><a class="submenu-font" href="slideoperators">Slide Operators</a></li><li><a class="submenu-font" href="solar-operators">Solar Operators</a></li><li><a class="submenu-font" href="cantilever-gate-systems">Cantilever Gate Systems</a></li><li><a class="submenu-font" href="v-track-and-other-wheels">V-Track &amp; Other Wheels</a></li><li><a class="submenu-font" href="Safety-Devices-and-Fire-Boxes">Safety Devices &amp; Fire Boxes</a></li><li><a class="submenu-font" href="Loops-and-Exit-Wands">Loops &amp; Exit Wands</a></li><li><a class="submenu-font" href="keypads-remotes-phone-entry-and-more">Keypads, Remotes, Phone Entry &amp; More</a></li><li><a class="submenu-font" href="mechanical-accessories">Mechanical Accessories</a></li><li><a class="submenu-font" href="power-accessories">Power Accessories</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:100">All of this Category</a></li></ul></li><li><a href="stairsandhandrails" class="dropdown-lvl2 menu-font">Stairs &amp; Handrails <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="handrails">Handrails</a></li><li><a class="submenu-font" href="stainless-steel-railing-systems">Stainless Steel Railing Systems</a></li><li><a class="submenu-font" href="handrail-ends-and-bends">Handrail Ends &amp; Bends</a></li><li><a class="submenu-font" href="handrail-brackets">Handrail Brackets</a></li><li><a class="submenu-font" href="brass-handrails-and-accessories">Brass</a></li><li><a class="submenu-font" href="aluminum-handrails-and-accessories">Aluminum</a></li><li><a class="submenu-font" href="punched-channel">Punched Channel</a></li><li><a class="submenu-font" href="Balusters-and-Newel-Posts2">Balusters &amp; Newel Posts</a></li><li><a class="submenu-font" href="stair-treads-and-risers">Stair Treads &amp; Risers</a></li><li><a class="submenu-font" href="shoes">Shoes</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:108%20AND%20CategoryCode2:409%20AND%20CategoryCode2:472%20AND%20CategoryCode4:727">Powder Coated Balusters</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=108">All of this Category</a></li></ul></li><li><a href="FenceAndGate" class="dropdown-lvl2 menu-font">Fencing &amp; Gates <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="powder-coated-fence-systems">Powder Coated Fence Systems</a></li><li><a class="submenu-font" href="finials-spears-and-terminations">finials, spears &amp; terminations</a></li><li><a class="submenu-font" href="cantilever-gate-systems">Cantilever Gate Systems</a></li><li><a class="submenu-font" href="v-track-and-other-wheels">V-Track &amp; Other Wheels</a></li><li><a class="submenu-font" href="plugs-and-inserts">Plugs &amp; Inserts</a></li><li><a class="submenu-font" href="post-caps-tops-and-balls">Post Caps, Tops &amp; Balls</a></li><li><a class="submenu-font" href="pressed-pickets">Pressed Pickets</a></li><li><a class="submenu-font" href="punched-channel">Punched Channel</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:104%20AND%20CategoryCode2:450">Gate Frames</a></li><li><a class="submenu-font" href="hinges">Hinges</a></li><li><a class="submenu-font" href="fence-and-gate-hardware">Fence &amp; Gate Hardware</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:104">All of this Category</a></li></ul></li><li><a href="hingesAndhardware" class="dropdown-lvl2 menu-font">Hinges &amp; Hardware <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="Base-Plates-and-Weld-Tabs2">Base Plates &amp; Weld Tabs</a></li><li><a class="submenu-font" href="v-track-and-other-wheels">Tracks &amp; Rolling Hardware</a></li><li><a class="submenu-font" href="fasteners-and-anchors">Fasteners &amp; Anchors</a></li><li><a class="submenu-font" href="door-and-gate-hardware">Door &amp; Gate Hardware</a></li><li><a class="submenu-font" href="hinges">Hinges &amp; Closers</a></li><li><a class="submenu-font" href="paints-and-finishes">Paints &amp; Finishes</a></li><li><a class="submenu-font" href="pipe-fittings">Pipe Fittings</a></li><li><a class="submenu-font" href="welding-supplies-and-abrasives">Welding Supplies &amp; Abrasives</a></li><li><a class="submenu-font" href="locks-and-lockboxes">Locks &amp; Lock Boxes</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:715">Cement</a></li><li><a class="submenu-font" href="overhead-track-and-barndoor-kits">Overhead Track &amp; Barndoor Kits</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:105">All of this Category</a></li></ul></li><li><a href="metalservice" class="dropdown-lvl2 menu-font">Metal Service Center <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="angle-bars">Angle Bars</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:101%20AND%20CategoryCode2:491">Purlins</a></li><li><a class="submenu-font" href="channel-bars">Channel Bars</a></li><li><a class="submenu-font" href="expanded-metal">Expanded Metal</a></li><li><a class="submenu-font" href="strips-and-flats">Strips &amp; Flats</a></li><li><a class="submenu-font" href="plates-and-sheets">Plates &amp; Sheets</a></li><li><a class="submenu-font" href="punched-channel">Punched Channel</a></li><li><a class="submenu-font" href="solid-bars">Solid Bars</a></li><li><a class="submenu-font" href="tubing">Tubing</a></li><li><a class="submenu-font" href="pipes-and-fittings">Pipes &amp; Pipe Fittings</a></li><li><a class="submenu-font" href="roof-panels">Roof Panels</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:101">All of this Category</a></li></ul></li><li><a href="DecorativeComponents" class="dropdown-lvl2 menu-font">Decorative Components <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="rings">Rings</a></li><li><a class="submenu-font" href="balls-and-hemis">Balls &amp; Hemis</a></li><li><a class="submenu-font" href="collars-and-banding">Collars &amp; Banding</a></li><li><a class="submenu-font" href="stars">Stars</a></li><li><a class="submenu-font" href="baskets">Baskets</a></li><li><a class="submenu-font" href="rosettes">Rosettes</a></li><li><a class="submenu-font" href="leaves-flowers-and-grapes">Leaves, Flowers &amp; Grapes</a></li><li><a class="submenu-font" href="finials-spears-and-terminations">Finials</a></li><li><a class="submenu-font" href="animals-bugs-and-seasonal">Animals, Bugs &amp; Seasonal</a></li><li><a class="submenu-font" href="scrolls-and-scrollwork">Scrolls &amp; Scrollwork</a></li><li><a class="submenu-font" href="furniture-components">Furniture Components</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:102">All of this Category</a></li></ul></li><li><a href="balustersandforgings" class="dropdown-lvl2 menu-font">Balusters &amp; Forgings <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="Balusters-and-Newel-Posts2">Balusters &amp; Newel Posts</a></li><li><a class="submenu-font" href="scrolls-and-scrollwork">Scrolls, Scrollwork &amp; Panels</a></li><li><a class="submenu-font" href="baskets">Baskets &amp; Bosses</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:718%20AND%20CategoryCode2:408">Round &amp; Flattened Balls</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:718%20AND%20CategoryCode2:454">Gate Crests &amp; Toppers</a></li><li><a class="submenu-font" href="twisted-hmrd-textured-bar">Twisted, Hmrd, Textured Bar</a></li><li><a class="submenu-font" href="rosettes">Rosettes</a></li><li><a class="submenu-font" href="collars-and-banding">Collars &amp; Banding</a></li><li><a class="submenu-font" href="shoes">Shoes</a></li><li><a class="submenu-font" href="aluminum">Aluminum</a></li><li><a class="submenu-font" href="rings">Rings</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:718%20AND%20CategoryCode4:727">All of this Category</a></li></ul></li><li><a href="DecorativeCastingsPage" class="dropdown-lvl2 menu-font">Decorative Castings <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="panels">Panels</a></li><li><a class="submenu-font" href="friezes">Friezes</a></li><li><a class="submenu-font" href="corner-brackets">Corner Brackets</a></li><li><a class="submenu-font" href="picket-castings">Picket Castings</a></li><li><a class="submenu-font" href="aluminum-castings">Aluminum Castings</a></li><li><a class="submenu-font" href="cast-iron-castings">Cast Iron Castings</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode2:481%20AND%20CategoryCode4:724">Plastic Picket Castings</a></li><li><a class="submenu-font" href="rosettes">Rosettes &amp; Medallions</a></li><li><a class="submenu-font" href="gate-toppers">Gate Toppers</a></li><li><a class="submenu-font" href="scrolls-and-scrollwork">Scrolls &amp; Scrollwork</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:711%20AND%20CategoryCode2:408">Balls</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode5:041">All of this Category</a></li></ul></li><li><a href="interiordecor" class="dropdown-lvl2 menu-font">Interior Décor <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:424%20AND%20CategoryCode2:425">Ceiling Mounts &amp; Chains</a></li><li><a class="submenu-font" href="overhead-track-and-barndoor-kits">Barndoors</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:445">Fireplace Accessories</a></li><li><a class="submenu-font" href="urns-and-planters">Urns, Planters &amp; Plant Stands</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:460">Decorative Hooks</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:417">Candelabras &amp; Candle Holders</a></li><li><a class="submenu-font" href="crosses-and-crests">Crosses &amp; Crests</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:520">Wine Rack</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:414">Towel &amp; Tissue Holders</a></li><li><a class="submenu-font" href="furniture-components">Furniture Components</a></li><li><a class="submenu-font" href="hand-forged-nails-and-screws">Hand Forged Nails &amp; Screws</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106">All of this Category</a></li></ul></li><li><a href="exterioruseanddecor" class="dropdown-lvl2 menu-font">Exterior Use &amp; Décor <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:444">Firebowls</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:505">Sign Bracket</a></li><li><a class="submenu-font" href="urns-and-planters">Urns &amp; Planters</a></li><li><a class="submenu-font" href="birdbaths-and-fountains">Birdbaths &amp; Fountains</a></li><li><a class="submenu-font" href="cast-post-bases">Cast Post Bases</a></li><li><a class="submenu-font" href="lamp-posts-and-sconces">Lamp Posts &amp; Sconces</a></li><li><a class="submenu-font" href="letters-and-numbers">Letters &amp; Numbers</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:467">Mailboxes</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:420">Car Stops &amp; Bollards</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:405">A/C Security Cages</a></li><li><a class="submenu-font" href="stars">Stars</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103">All of this Category</a></li></ul></li><li><a href="aluminumpage" class="dropdown-lvl2 menu-font">Aluminum <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="aluminum-balusters">Balusters &amp; Newel Posts</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:705%20AND%20CategoryCode4:710%20AND%20CategoryCode4:717%20AND%20CategoryCode4:725%20AND%20CategoryCode4:729%20AND%20CategoryCode2:479%20AND%20CategoryCode2:497%20AND%20CategoryCode2:498">Scrollwork &amp; Scrolls</a></li><li><a class="submenu-font" href="aluminum-castings">Castings</a></li><li><a class="submenu-font" href="aluminum-handrails-and-accessories">Handrails</a></li><li><a class="submenu-font" href="aluminum-shoes">Shoes</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:705%20AND%20CategoryCode4:710%20AND%20CategoryCode4:717%20AND%20CategoryCode4:725%20AND%20CategoryCode4:729%20AND%20CategoryCode2:427%20AND%20CategoryCode2:410">Collars &amp; Banding</a></li><li><a class="submenu-font" href="aluminum-spears-and-finials">Spears &amp; Finials</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:705%20AND%20CategoryCode4:710%20AND%20CategoryCode4:717%20AND%20CategoryCode4:725%20AND%20CategoryCode4:729%20AND%20CategoryCode2:492">Rings</a></li><li><a class="submenu-font" href="aluminum-hardware">Hardware</a></li><li><a class="submenu-font" href="aluminum-commodity-metals">Commodity Aluminum</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:705%20AND%20CategoryCode4:710%20AND%20CategoryCode4:717%20AND%20CategoryCode4:725%20AND%20CategoryCode4:729">All of this Category</a></li></ul></li><li><a href="request-literature" class="menu-font showHideCatalogMenu">Request Literature</a></li><li><a href="Plasma" class="menu-font showHideCatalogMenu">Plasma</a></li><li><a href="quick-order" class="menu-font showHideCatalogMenu ShopAll">Quick Order</a></li></ul></li><li><a href="quick-order">Quick Order</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=Status:%22Online%20Specials%22">Online Specials</a></li><li><a href="contact-us">Contact Us</a></li><li><a href="request-literature">Request Literature</a></li><li><a href="#" class="dropdown">FAQ <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu"><li><a href="metalguide/index.html">Metal Reference Guide</a></li><li><a href="frequently-asked-questions#materialGuide">Family Guide</a></li></ul></li><li><a href="eCatalog">Shop by eCatalog</a></li><li><a href="Brochures">Shop by Brochure</a></li><li><a href="project-manager-tutorial">Project Manager</a></li></ul><script>
			$(window).load(function () {
			$('a.dropdown').on("click", function(e){
			if ($(this).next('ul').is(':visible')) {
			// The dropdown is not hidden
			} else {
			$('.dropdown-submenu').not(this).hide();
			}
			
			$('.dropdown-submenu ul').removeAttr('style');
			$(this).next('ul').toggle();
			e.stopPropagation();
			e.preventDefault();
			});
		
			$('a.dropdown-lvl2').on("click", function(e){
			if ($(this).next('ul').is(':visible')) {
			// The dropdown is not hidden
			} else {
			$('.dropdown-submenu-lvl2').not(this).hide();
			}
			
			$('.dropdown-submenu-lvl2 ul').removeAttr('style');
			$(this).next('ul').toggle();
			e.stopPropagation();
			e.preventDefault();
			});
			});
		</script><style>
			.unlisted {padding: 0px 0px 0px 10px}
			.dropdown-submenu{display: none;}
			.dropdown-submenu-lvl2{display: none;}
			.submenu-font{font-size: 12px !important;}
			.menu-font{font-size: 12px !important;}
			.scrollMenu{overflow-y: auto;}
		
			.expand-symbol {
			transition: transform 0.3s ease; /* Add a smooth transition effect */
			font-family: 'Arial', sans-serif;
			}
		
			.expand-symbol::before {
			content: '\25B6'; /* Unicode character for right-pointing triangle */
			font-size: 0.9em; /* Adjust the font size as needed */
			}
		</style></div><div id="AccountSideNav" class="sidenav navMenu"><a href="Login">Login / Create Account</a><a href="leaving-notification-Docusign">Apply for Credit</a></div><div id="OrdersSubMenu" class="sidenav navMenu" style="display:none;z-index:1000;"><a href="javascript:hideOrdersSubMenu()"><span><strong>&lt; Main Menu</strong></span></a><a href="FindAndTrackOrders">Find &amp; Track</a><a href="BackOrder">Back Orders</a></div><div id="SettingsSubMenu" class="sidenav navMenu" style="display:none;z-index:1000;"><a href="javascript:hideSettingsSubMenu()"><span><strong>&lt; Main Menu</strong></span></a><a href="account-information">Account-Information</a><a href="account-information">Addresses</a><a href="manage-users">Users</a><a href="ManagePayments">Payment Profiles</a></div><script>
		function showOrdersSubMenu(){
		$("#OrdersSubMenu").show();
		}
		function hideOrdersSubMenu(){
		$("#OrdersSubMenu").hide();
		}
		function showSettingsSubMenu(){
		$("#SettingsSubMenu").show();
		}
		function hideSettingsSubMenu(){
		$("#SettingsSubMenu").hide();
		}
	</script><div id="SearchNav" class="navMenu"><div id="easy-suggestion" class="mobileSearch"><div id="suggestion-div"><input id="suggestion" /><img class="ssimg mobileSearchIcon" onclick="ssClickMobile(event);" alt="Search" src="Images/EP_Suggestive_Search_Icon.png?v=1" /></div><script>
				$(document).ready(function(){
				$('#easy-suggestion.mobileSearch #suggestion').keypress(function(e){
				if(e.keyCode==13)
				$('.ssimg.mobileSearchIcon').click();
				});
				});
			</script><style>
				.ssimg{cursor: pointer;}.menu-sub-arrow{float:right;}
			</style></div></div><div id="MobileMenu" class="mobile-only"><div id="LeftIcons"><div id="MenuIcon" class="MobileIcon"><input type="hidden" /></div><div id="AccountIcon" class="MobileIcon"><input type="hidden" /></div></div><div id="RightIcons"><div id="SearchIcon" class="MobileIcon"><input type="hidden" /></div><a href="shopping-cart"><div id="CartIcon" class="MobileIcon"><input type="hidden" /></div></a></div><div id="LogoContainer"><a href="https://www.krisecloud.com/King_QA/EASYCommerce/"><img class="MobileLogo" src="King/Images/kingmetalslogo_1.jpg" /></a></div></div></MobileHtml></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="MobileMenuCSS@3@-1@-1" id ="MobileMenuCSS@3@-1@-1" ct ="Field" ><style>
body {
    font-family: "AvenirLTStd-Book";
}
#MenuBar{
  height:60px;
  padding-left:10px;
  background:#535353;
}
.sidenav {
    height: 100%;
    height: calc(100% - 60px);
    width: 285px;
    display:none;
    position: fixed;
    z-index: 500;
    top: 60px;
    left: 0;
    background-color: #535353;
    overflow-x: hidden;
    transition: 0.5s;
    padding: 0px 16px;
    box-sizing:border-box;
}

.sidenav a {
    padding: 13px 0px;
    text-decoration: none;
    font-size: 16px;
    color: #FFF;
    display: block;
    transition: 0.3s;
//    width:210px;
    height:20px;
    border-bottom:1px solid #FFF;
    text-transform:uppercase;    
    line-height: 20px;
    height: 46px;

}

.sidenav a:focus, .sidenav a:hover {
     color: #FFF !important;
     text-decoration: none !important;
}

#MobileMenu {
  max-width:767px;
  min-width:360px;
  height: 60px;
  width: 100%;
  color: #FFF;
  background-color:white;
  box-shadow:rgba(83,83,83,.25) 0 4px 3px;
}

#MobileMenu #LeftIcons,
#MobileMenu #RightIcons {
  width: 74px;
  height: 34px;
  padding: 1px;
  margin: 13px 8px;
}

#MobileMenu .MobileIcon {
  width: 32px;
  height: 32px;
}

#MobileMenu .MobileIcon{
  width:32px;
  height:32px;
  background-size:cover;
}

#MobileMenu #MenuIcon,
#MobileMenu #SearchIcon{
  margin-right: 8px;
}
#MobileMenu #MenuIcon{
    background-image:url(icons/hamburger-535353-16px@3x.png);
}
#MobileMenu #SearchIcon{
      background-image:url(icons/search-535353-16px@3x.png);
}
#MobileMenu #AccountIcon{
      background-image:url(icons/profile-535353-16px@3x.png);
}
#MobileMenu #CartIcon{
      background-image:url(icons/cart-535353-16px@3x.png);
}

#MobileMenu .MobileLogo
{
  height:auto;
  width:auto;
  margin:13px auto;
  margin-top:20px;
  max-width:200px;
  max-height:20px;
}
#MobileMenu #LeftIcons{
  float:left;
}
#MobileMenu #RightIcons{
  float:right;
}
#MobileMenu #LogoContainer
{
display: -webkit-flex;
    display: flex;
float:none;
margin:auto;
width:auto;
}
#MobileMenu div
{
float:left;
}
#MobileMenu #MenuIcon.active,
#MobileMenu #AccountIcon.active,
#MobileMenu #SearchIcon.active
{
  background-image:url(icons/X-bc4f07-16px@3x.png);
}
#SearchNav{
  width:100%;
  height:54px;
  display:none;
  background:#BC4F07;
  position: fixed;
  z-index: 1;
  top: 60px;
  left: 0;
  text-align:center;
  padding:7px;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow:visible;
}
#SearchNav input{
  height:40px;
  width:80vw;
}
#SearchNav div:not(.tt-suggest-item), #SearchNav span{
  overflow:visible;
}
#SearchNav #easy-suggestion .tt-menu{
left:0px !important;
left:-2% !important;
max-width:96%;
max-width:calc(100vw - 4%);
overflow-y:auto;
}

#LogoContainer a{
	width: 100%;
    display: block;
    text-align: center;
}    
@media only screen and (min-width: 769px) {
    .MobileHeaderSection {display: none;}
}
</style></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="MobileMenuJS@3@-1@-1" id ="MobileMenuJS@3@-1@-1" ct ="Field" ><script>
function disableMobileScreen(){
	$("#mobileScreenDisable").show();
	$('body').addClass('stop-scrolling');
	$('body').bind('touchmove', function(e){e.preventDefault()})
}
function enableMobileScreen(){
	$("#mobileScreenDisable").hide();
	$('body').removeClass('stop-scrolling');
	$('body').unbind('touchmove')
}
function closeAllMenus(){
	$(".active").removeClass("active");
	$(".sidenav").hide();
	closeMenuNav();
	closeAccountNav();
}
function openMenuNav() {
		$(".navMenu").hide();
    $(".active").removeClass("active");
    $("#MenuSideNav").show();
    $("#MenuSideNav, #MenuIcon").addClass("active");
	disableMobileScreen();
}
function closeMenuNav() {
    $("#MenuSideNav").hide();
    $("#MenuSideNav").removeClass("active");
	enableMobileScreen();
}
function toggleMenuNav(){
	  if($("#MenuSideNav.active").length){
    	closeMenuNav();
    }else{
    	openMenuNav();
    }
}
function openAccountNav() {
		$(".navMenu").hide();
    $(".active").removeClass("active");
    $("#AccountSideNav").show();
    $("#AccountSideNav, #AccountIcon").addClass("active");
	disableMobileScreen();
}
function closeAccountNav() {
    $("#AccountSideNav").hide();
    $("#AccountSideNav").removeClass("active");
	enableMobileScreen();
}
function toggleAccountNav(){
	  if($("#AccountSideNav.active").length){
    	closeAccountNav();
    }else{
    	openAccountNav();
    }
}
function openSearchNav() {
	$(".navMenu").hide();
    $(".active").removeClass("active");
    $("#SearchNav").show();
    $("#SearchNav, #SearchIcon").addClass("active");
	enableMobileScreen();
}
function closeSearchNav() {
    $("#SearchNav").hide();
    $("#SearchNav").removeClass("active");
}
function toggleSearchNav(){
	  if($("#SearchNav.active").length){
    	closeSearchNav();
    }else{
    	openSearchNav();
    }
}
$(function(){
$("#MenuIcon").click(function(){
	$(this).toggleClass('active');
	toggleMenuNav();
});
$("#AccountIcon").click(function(){
	$(this).toggleClass('active');
	toggleAccountNav();
});
$("#SearchIcon").click(function(){
	$(this).toggleClass('active');
	toggleSearchNav();
});
$("#mobileScreenDisable").click(function(event){
	enableMobileScreen();
	closeAllMenus();
});
});
</script></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="MobileMLMenuCSS@3@-1@-1" id ="MobileMLMenuCSS@3@-1@-1" ct ="Field" ><style>

/* NEW 2nd-Level Dropdown CSS START 
.dropdown-submenu{position: relative;}
.dropdown-submenu .caret{-webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.dropdown-submenu > .dropdown-menu {top:0; left:100%; margin-top:-6px; margin-left:-1px;}
.dropdown-submenu.open > a:after{border-left-color:#fff;}
.dropdown-submenu.open > .dropdown-menu, .dropdown-submenu.open > .dropdown-menu {display: block;}
.dropdown-submenu .dropdown-menu{margin-bottom: 8px;}
.navbar-default .navbar-nav .open .dropdown-menu .dropdown-submenu ul{background-color: #f6f6f6;}
.navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-submenu ul{background-color:#333;}
.navbar .navbar-nav .open .dropdown-submenu .dropdown-menu > li > a{padding-left: 30px;}
@media screen and (min-width:992px){
    .dropdown-submenu .dropdown-menu{margin-bottom: 2px;}
    .navbar .navbar-nav .open .dropdown-submenu .dropdown-menu > li > a{padding-left: 25px;}
    .navbar-default .navbar-nav .open .dropdown-menu .dropdown-submenu ul{background-color:#fff;}
    .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-submenu ul{background-color:#fff;}
}
 NEW 2nd-Level Dropdown CSS END */

</style></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="MobileMLMenuJS@3@-1@-1" id ="MobileMLMenuJS@3@-1@-1" ct ="Field" ><script>


</script></span></td></tr></table></td></tr></table></Span></td></tr></table></Span></td>
                  </tr>
                  <tr class="LayoutRow" height="25%">
                     <td class="LayoutCell BasicBody" valign="top" editbyid="Basic" editbytype="Template" contentid="Body" contenttype="ContentArea"><table  class = "LayoutTable" CellSpacing = "0" CellPadding = "0" Width = "100%"><tbody><tr  class = "LayoutRow"><td  class = "LayoutCell" valign = "top" editbyid = "FenceAndGate" editbytype = "Page" contentid = "WPT-10001272" contenttype = "Webpart"><Span ct = "WebPart" displayProgressType="WebPart" progressAnimationText="" progressAnimationUrl = "/King_QA/EASYCommerce/images/progress.gif" url = "/King_QA/EASYCommerce/" iscms = "True"ctid = "WPT-10001272" instid = "4" ajax = "False" pn = "FenceAndGate" storeid = ""><!doctype html>
<html lang="en">
  <head>
 
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
    <link rel="stylesheet" href="styles.css">

<!--    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> -->

    <!-- Meta title -->
    <title>Fencing & Gates</title>
    <meta name="description" content="Ensure the security and appearance of your property boundaries by choosing the right design, materials and accessories for your metal picket fences and gates.">
    <meta name="keywords" content="Metal fence panels, picket fence finials, picket fence toppers, fence post plugs, powder coated fences, metal fence hardware, gate hardware, fence gate hinges, fence post toppers, metal gate hardware ">


    <style>
      
@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir.eot?#iefix') format('embedded-opentype'),  url('../fonts/Avenir.woff') format('woff'), url('../fonts/Avenir.ttf')  format('truetype'), url('../fonts/Avenir.svg#Avenir') format('svg');
  }
  
  html {
    overflow-x: hidden;
  }
  body {
    font-family: 'Avenir', Helvetica, sans-serif;
  }
.one-para {
margin-bottom: 35% !important;
}
  .hero {
    background-image: linear-gradient( rgba(0, 0, 0, 0.6), rgba(10, 10, 10, 0)), url('https://i.redd.it/u1j5ldsi9vg81.jpg');
    background-size:cover;
    background-repeat: no-repeat;
    font-family: 'Avenir', Helvetica, sans-serif;

  }
.top-btn {

}

  /* set up */
  .btn-oran{
    background-color: #bc4f07 !important;
    color: white !important;
}
.bg-oran {
    background-color: #bc4f07 !important;
}
.btn-oran:hover {
    border-color: #bc4f07 !important;
    background-color: white !important;
    color: #bc4f07 !important;
}

.btn {
    font-size: 25px !important;
    border-radius: 0 !important;
}

 
.btn-blu {
    color:white !important;
    background-color: #1c146b !important;
}

.btn-blu:hover {
    border-color: #1c146b !important;
    background-color: white !important;
    color: #1c146b !important;
}

.bg-blu {
    background-color: #1c146b !important;
}

.underline {
    width: 200px !important;
    height: 4px !important;
    text-align: center !important;
    display: inline-flex  !important;
}

.text-oran {
    color: #bc4f07 !important;
}
.bg-muteOran {
    background-color: rgb(216, 201, 193) !important;
  }

.bg-muted {
	background-color: rgb(228, 228, 228) !important;
}

.bg-mutedsuccess {
	background-color: #deebde !important;
}

.text-oran {
    color:#bc4f07;
}

@media screen and (max-width: 1721px) and (min-width: 1197px){
    .sales-para{
     font-size: 18px;
    }
  
    .sales-title{
      font-size: 50px;
    }
  
  }
  
  @media (max-width: 876px) and (min-width: 300px){
    .sales-para{
     font-size: 14px;
    }
  
    .sales-title{
      font-size: 40px ;
    }
  }
  
  .underline {
    width: 300px;
    height: 2px;
   
}
.para-title {
    font-weight: 600 !important;
}

.sales-para {
    font-size: 20px;
 }
.sales-title {
    font-size: 50px;
}




p {
  font-family: 'Avenir', Helvetica, sans-serif;
}

h1, h2, h3, h4 {
  font-family: 'Avenir', Helvetica, sans-serif;
}

h1 {
  font-weight: 450 !important;
}

/* set up end  */


.card-text{
    font-size: 18px;
}

.card-body {
  background-color: #1c146b !important;
 
}

.card-btn{
    background-color: #bc4f07 !important;
    color: white !important;
}
.card-btn {
    background-color: #bc4f07 !important;
}
.card-btn:hover {
    border-color: white !important;
    background-color: gray !important;
    color: white !important;
}

.img-card-1{
opacity: 1;
}

.img-card-1:hover {
  opacity: 0;
  transition: all 1s;
  cursor: pointer;
}

.img-card-2 {
  opacity: 0;
  position: absolute;
  transition: all 1s;

}


.img-card-2:hover {
  opacity: 1;
  transition: all 1s;
  cursor: pointer;
}


.loop-card {
transition: all 3s;
}

.loop-card:hover {
  cursor: pointer !important;
  animation: upAndDown;
  animation-duration: 3s;
  transition: all 3s;
}
.sub-head{
    font-size: 28px;
}


@keyframes upAndDown {
0% {
  transform: translateY(-10px)
}

15%{
  transform: translateY(0px)
}
50% {
  transform: translateY(-20px)
}
75% {
  transform: translateY(0px)
}
100% {
  transform: translateY(-20px)
}

}

.top-title {
  margin-top: 30% !important;
  font-size: 94px !important;
}

@media (max-width: 700px) {
    .top-title {
  margin-top: 10% !important;
  font-size: 60px !important;
}
.one-para {
  font-size: 25px;
  
}
.hero {
  background-position: 0px;
}
   
}
.one-para {
  font-size: 35px;
  
}


.para {
  font-size: 19px !important;
}

.paragraph-title {
    font-size: 30px !important;
}

.display-3 {
    font-size: 63px !important;
}

@media (max-width: 500px) {
    .display-3 {
    font-size: 40px !important;
}

}

/* vtrack */
.vt-card-body {
    background-color: gray;
}
.picket {
    background-image: url('https://i.redd.it/qi6ihj0a8q581.jpg');
    background-size:cover;
    background-repeat: no-repeat;
    font-family: 'Avenir', Helvetica, sans-serif;
  }

  .picket-title {
    margin-top: 8% !important;
    font-size: 70px !important;
  }
  .picket-button {
      margin-bottom: 100%;
  }
  
  .frame {
    background-image: url('https://preview.redd.it/avlyzf37fq581.jpg?width=960&crop=smart&auto=webp&s=51d15ec157ae4f056556223df64b36dd0534223f');
    background-size:cover;
    background-repeat: no-repeat;
    font-family: 'Avenir', Helvetica, sans-serif;
  }

  .frame-title {
    margin-top: 12% !important;
    font-size: 70px !important;
  }
  .frame-button {
      margin-bottom: 100%;
  }
  .hinge-card-body {
       background-color: gray;
  }
  .card-width {
    max-width: 400px;
  }

  .img-fluid {
    width: 100% !important;
  }
  .logo-img {
    max-width: 400px;
  }

    </style>
  </head>

  <body>
    
    <div id="Hero"></div>
    <div id="Powdered"></div>
    <div id="Finials"></div>
    <div id="Cantilever"></div>
    <div id="VTrack"></div>
    <div id="PlugsAndPosts"></div>
    <div id="Picket"></div>
    <div id="Punched"></div>
    <div id="Frames"></div>
    <div id="Hinges"></div>
    <div id="Hardware"></div>
    <div id="Footer"></div>
    
    <!-- Header-->


<script type='text/babel'>

const Hero = () => {
    return (
        <section className='hero'>
            <div className="container-fluid">
                <div className="row">
                    <div className="col-xl-2 col-lg-0"></div>
                    <div className="col-xl-5 col-lg-12">
                        <h1 className='text-white mb-2 top-title'>Fencing & Gates</h1>
                        <p className='text-white one-para'>Security without sacrificing design.</p>
                    </div>
                    <div className="col-xl-3 col-lg-12"></div>
                    <div className="col-xl-2 col-lg-0"></div>
                </div>
            </div>
        </section>
    )
}

ReactDOM.render(<Hero />, document.getElementById('Hero'))
   $( document ).ready(function() {

          $("#button").click(function() {
          $([document.documentElement, document.body]).animate({
              scrollTop: $("#powder").offset().top
          }, 50);
        });
      });
      
</script>

<!-- Powdered-->
<script type='text/babel'>
    const Powdered = () => {
        return (
         <section>
            <div className="container mb-5">
                <div className="row">
                    <div className="col-xl-1 col-lg-0"></div>
                    <div className="col-xl-5 col-lg-12 mx-auto mt-5 px-5"> 
                        <img src="https://preview.redd.it/ubg4lm8fxp581.jpg?width=960&crop=smart&auto=webp&s=b7a2e52453fe0a76198650412fe35567f85e3668" alt="" className='img-fluid' />
                    </div>
                    <div className="col-xl-5 col-lg-12 mx-auto mt-5 px-5">
                        <img src="https://i.redd.it/j5kzeat5bvg81.png" alt="" className='logo-img img-fluid mb-4' id="powder" />
                        
                        <p className='mb-4 para'>All of our pre-fabricated fence panels are assembled with premium welds, 
                        treated to a 4 step galvanization process, 
                        and then powder coated with a high gloss black 
                        finish to ensure added corrosion protection.
                        </p>
                        <button className='btn btn-oran mx-auto btn-lg px-4'
                        onClick={() => window.open('https://www.krisecloud.com/King_dv/EASYCommerce/ECCatalog.aspx?SortColumn=CategoryCode10&Descending=Yes&SearchText=Pressed%20Point&Page=1')}
                        >EXPLORE</button>
                    </div>
                    <div className="col-xl-1 col-lg-0"></div>
                </div>
            </div>
        </section>
        )
    }

    ReactDOM.render(<Powdered />, document.getElementById('Powdered'))
</script>

<!-- Finials -->

<script type='text/babel'>

    const Finials = () => {
        return (
            <>
                <section className='bg-muted'>
                    <div className="container-fluid">
                        <div className="row">
                            <h1 className='text-center display-3 mt-4'>Finials & Spears</h1> 
                            <h4 className='mb-5 text-center sub-head'>Put the finishing touches on your fence.</h4>   
                        </div>    
                    </div>
                    <div className="row">
                        <div className="col-xl-2"></div>
                            <div className="col-xl-2 col-lg-4 col-md-6 col-sm-12 mx-auto px-3">
                                <div className="card mx-auto mb-5 loop-card card-width">
                                    <img src="https://www.krisecloud.com/King_QA/EASYCommerce/King/images/ProductImages/74-BANANA-12_0001-WEB-500.jpg" 
                                    alt="" 
                                    className='card-img-top'
                                    onClick={() => window.open('https://www.krisecloud.com/King_dv/EASYCommerce/ECItemMainPage.aspx?ItemId=ITM-10125133')}
                                    />
                                    <div className="card-body text-center">
                                        <p className='text-white card-text'># 74-BANANA-12</p>
                                    </div>
                                </div>
                            </div>

                            <div className="col-xl-2 col-lg-4 col-md-6 col-sm-12 mx-auto px-3">
                                <div className="card mx-auto mb-5 loop-card card-width">
                                    <img src="https://www.krisecloud.com/King_QA/EASYCommerce/King/images/ProductImages/74-QUADBALL-12_0001-WEB-500.jpg"
                                     alt="" 
                                     className='card-img-top'
                                     onClick={() => window.open('https://www.krisecloud.com/King_dv/EASYCommerce/ECItemMainPage.aspx?ItemId=ITM-10125137')}
                                     />
                                    <div className="card-body text-center">
                                        <p className='text-white card-text'>#74-QUADBALL-12</p>
                                    </div>
                                </div>
                            </div>
                            <div className="col-xl-2 col-lg-4 col-md-6 col-sm-12 mx-auto px-3">
                                <div className="card mx-auto mb-5 loop-card card-width">
                                    <img src="https://www.krisecloud.com/King_QA/EASYCommerce/King/images/ProductImages/74-BCAP2_0001.jpg" 
                                    alt="" 
                                    className='card-img-top'
                                    onClick={() => window.open('https://www.krisecloud.com/King_dv/EASYCommerce/ECCatalog.aspx?SortColumn=CategoryCode10&Descending=Yes&SearchText=finial&Page=1')}
                                    />
                                    <div className="card-body text-center">
                                        <p className='text-white card-text'>#74-BCAP2</p>
                                    </div>
                                </div>
                            </div>
                        <div className="col-xl-2 col-lg-0"></div>
                    </div>
                </section>
            </>
          )
       }
ReactDOM.render(<Finials />, document.getElementById("Finials"))
</script>
<!-- Cantilever-->
<script type='text/babel'>
    const Cantilever = ()=> {
        return (
            <section>
                <div className="container-fluid">
                    <div className="row">
                        <div className="col-12">
                        <h1 className='text-center display-3 mt-5 mb-4'>Cantilever Systems</h1> 
                        <h4 className='mb-5 text-center sub-head'>Cantilever gates are like slide gates without the track.</h4>
                        </div>
                    </div>
                    <div className="row">
                        <div className="col-xl-5 col-lg-0"></div>
                        <div className="col-xl-2 col-lg-12 text-center">
                            <button className='btn btn-oran mx-auto btn-lg px-5'
                            onClick={() => window.open('https://www.krisecloud.com/King_dv/EASYCommerce/ECCatalog.aspx?SortColumn=CategoryCode10&Descending=Yes&SearchText=Cantilever&Page=1')}
                            >EXPLORE</button>
                        </div>
                        <div className="col-xl-5 col-lg-0"></div>
                    </div>
                    <div className="row">
                        <div className="col-xl-2 col-lg-0"></div>
                            <div className="col-xl-8 col-lg-12">
                                <img src="https://i.ibb.co/hMMkdRy/Cantilever-GUide-1.png" alt="" className='img-fluid' />
                            </div>
                        <div className="col-xl-2 col-lg-0"></div>
                    </div>
                </div>
            </section>
        )
    }
    
    ReactDOM.render(<Cantilever />, document.getElementById('Cantilever'))
    
    </script>
    <!-- End of Cantilever-->

<!-- V-Track -->

<script type='text/babel'>

    const VTrack = () => {
    return (
        <section className='bg-muted'>
            <div class="container-fluid">
                <div class="row">
                        <div class="col-12">
                        <h1 className='text-center display-3 mt-5 mb-4'>{'V-Track & Other Wheels'}</h1> 
                        <h4 className='mb-5 text-center'></h4>
                        </div>
                    </div>
                <div class="row">
                    <div class="col-xl-2 col-lg-0"></div>
                        <div class="col-xl-4 col-lg-6 col-md-12 mx-auto px-5">
                            <div class="card mb-5">
                                <img class="card-img-top img-card-1" src='https://preview.redd.it/kljstes8rl281.jpg?width=960&crop=smart&auto=webp&s=363c76ea4345c14def93daa102abe043e9b0695d'/>
                                <img class="card-img-top img-card-2" src='https://i.redd.it/x09qhioct4481.png'/>
                                    <div class="vt-card-body text-center p-3">
                                        <button className='btn card-btn mx-auto btn-lg px-5'
                                        onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/ECCatalog.aspx?SortColumn=CategoryCode10&Descending=Yes&SearchText=v-track&Page=1')}
                                        >EXPLORE VTRACK</button>
                                    </div>
                            </div> 
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-12 mx-auto px-5">
                            <div class="card mb-5">
                                <img class="card-img-top img-card-1" src='https://i.ibb.co/vmHzLbS/Gate-Tracks-Wheels-30-400-WBX.jpg'/>
                                <img class="card-img-top img-card-2" src='https://i.redd.it/5er9tklut4481.png'/>
                                    <div class="vt-card-body text-center p-3">
                                        <button className='btn card-btn mx-auto btn-lg px-5'
                                        onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/ECCatalog.aspx?SortColumn=CategoryCode10&Descending=Yes&SearchText=wheels&Page=1')}
                                        >EXPLORE WHEELS</button>
                                    </div>
                            </div> 
                        </div>
                        <div class="col-xl-2 col-lg-0"></div>
                    </div>
                    <div class="col-xl-1 col-lg-0"></div>
                
            </div>
        </section>
        )
    }
    
    
    ReactDOM.render(<VTrack />, document.getElementById('VTrack'))
    </script>
    
    
    <!--End of V-Track -->

    <!--PlugsAndPosts-->
    <script type='text/babel'>
        const PlugsAndPosts = () => {
            return (
             <section>
                <div className="container mb-5">
                    <div className="row">
                        <div className="col-xl-1 col-lg-0"></div>
                        <div className="col-xl-5 col-lg-12 mx-auto mt-5 px-5">
                            <h3 className='mb-4 paragraph-title'>Plugs & Inserts</h3>
                            <p className='mb-4 para'>Plugs and inserts help protect 
                                your fence, keeping things out of the hollow fence posts. 
                                Don't let rain, moisture, debris or even small animals 
                                reduce the life and strength of your fence by building 
                                up within your fence posts or pickets.
                            </p>
                            <button className='btn btn-oran mx-auto btn-lg px-5'
                            onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/shopping?Page=1&PerPage=10&SortColumn=CategoryCode11&Descending=No&Filters=CategoryCode1:104%20AND%20CategoryCode2:486')}
                            >EXPLORE</button>
                        </div>
                        <div className="col-xl-5 col-lg-12 mx-auto mt-5 px-5"> 
                            <img src="https://i.redd.it/l0yxim0kgaf81.jpg" alt="" className='img-fluid' />
                        </div>
                        <div className="col-xl-1 col-lg-0"></div>
                    </div>
                </div>
                <div className="container mb-5">
                    <div className="row">
                        <div className="col-xl-1 col-lg-0"></div>
                        <div className="col-xl-5 col-lg-12 mx-auto mt-5 px-5"> 
                            <img src="https://preview.redd.it/8dsy63qx5q581.jpg?width=960&crop=smart&auto=webp&s=9cb0be6a2dc4e439887edf25b72cd62a4de60589" alt="" className='img-fluid' />
                        </div>
                        <div className="col-xl-5 col-lg-12 mx-auto mt-5 px-5">
                            <h3 className='mb-4 paragraph-title'>Post Caps, Tops and Balls</h3>
                            <p className='mb-4 para'>Fence posts stand above the rest of the
                                 fence, making them some of the most visible details. Fence 
                                 post caps, tops and balls complete the look, complementing 
                                 the fence itself and the property it surrounds.
                            </p>
                            <button className='btn btn-oran mx-auto btn-lg px-5'
                            onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/shopping?Page=1&PerPage=10&SortColumn=CategoryCode11&Descending=No&Filters=CategoryCode1:104%20AND%20CategoryCode2:486')}
                            >EXPLORE</button>
                        </div>
                        <div className="col-xl-1 col-lg-0"></div>
                    </div>
                </div>
            </section>
            )
        }
    
        ReactDOM.render(<PlugsAndPosts />, document.getElementById('PlugsAndPosts'))
    </script>
    
    <script type='text/babel'>
        const Picket = () => {
            return (
                <section className='picket'>
                    <div className="container-fluid">
                        <div className="row">
                            <div className="col-xl-2 col-lg-0"></div>
                            <div className="col-xl-8 col-lg-12 text-center">
                                <h1 className='mb-3 picket-title'>Pressed Point Pickets</h1>
                                <h4 className='mb-5 text-center sub-head'>The original and still the most popular picket top.</h4>
                            </div>
                            <div className="col-xl-2 col-lg-0"></div>
                        </div>
                        <div className="row">
                            <div className="col-xl-5 col-lg-0"></div>
                            <div className="col-xl-2 col-lg-12 text-center">
                                <button className='btn btn-oran mx-auto btn-lg  picket-button px-5'
                                onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/shopping?Page=1&PerPage=10&SortColumn=CategoryCode11&Descending=No&Filters=CategoryCode2:489')}
                                >EXPLORE </button>
                            </div>
                            <div className="col-xl-5 col-lg-0"></div>
                        </div>
                    </div>
                </section>
            )
        }
        
        ReactDOM.render(<Picket />, document.getElementById('Picket'))
        
        </script>
    
     <!--Punched-->
     <script type='text/babel'>
        const Punched = () => {
            return (
             <section>
                <div className="container mb-5">
                    <div className="row">
                        <div className="col-xl-1 col-lg-0"></div>
                        <div className="col-xl-5 col-lg-12 mx-auto mt-5 px-5"> 
                            <img src="https://preview.redd.it/mt0ckk36jq581.jpg?width=960&crop=smart&auto=webp&s=4b4806d19c96e25e0616719163ff977648f68ade" alt="" className='img-fluid' />
                        </div>
                        <div className="col-xl-5 col-lg-12 mx-auto mt-5 px-5">
                            <h3 className='mb-4 paragraph-title'>Punched Channels</h3>
                            <p className='mb-4 para'>Punched channels expand your 
                                flexibility with the size and spacing of the railing's 
                                spindles. Decorative spindles need more space between 
                                channels, while simpler spindles run closer together 
                                to maintain a good look and utility.
                            </p>
                            <button className='btn btn-oran mx-auto btn-lg px-5'
                            onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/shopping?Page=1&PerPage=10&SortColumn=CategoryCode11&Descending=No&Filters=CategoryCode2:490')}
                            >EXPLORE</button>
                        </div>
                        <div className="col-xl-1 col-lg-0"></div>
                    </div>
                </div>
            </section>
            )
        }
    
        ReactDOM.render(<Punched />, document.getElementById('Punched'))
    </script>

<script type='text/babel'>
    
    const Frames = () => {
        return (
            <section className='frame'>
                <div className="container-fluid">
                    <div className="row">
                        <div className="col-xl-2 col-lg-0"></div>
                        <div className="col-xl-8 col-lg-12 text-center">
                            <h1 className='mb-2 frame-title'>Gate Frames</h1>
                            <h4 className='mb-5 text-center sub-head'>Support the gate for years of opening and closing.</h4>
                        </div>
                        <div className="col-xl-2 col-lg-0"></div>
                    </div>
                    <div className="row">
                        <div className="col-xl-5 col-lg-0"></div>
                        <div className="col-xl-2 col-lg-12 text-center">
                            <button className='btn btn-oran mx-auto btn-lg frame-button px-5'
                            onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/shopping?Page=1&PerPage=10&SortColumn=CategoryCode11&Descending=No&Filters=CategoryCode1:104%20AND%20CategoryCode2:450')}
                            >EXPLORE</button>
                        </div>
                        <div className="col-xl-5 col-lg-0"></div>
                    </div>
                </div>
            </section>
        )
    }
    
    ReactDOM.render(<Frames />, document.getElementById('Frames'))
    
    </script>


<!-- Hinges -->
<script type='text/babel'>
    const Hinges = () => {
        return (
            <>
            <section className='bg-muted'>
                    <div className="container-fluid">
                        <div className="row">
                            <h1 className='text-center display-3 mt-4'>Hinges</h1> 
                            <h4 className='mb-5 text-center sub-head'>Smooth movement and rugged strength.</h4>   
                        </div>    
                    </div>
                    <div className="row">

                        <div className="col-xl-2"></div>

                            <div className="col-xl-2 col-lg-4 col-md-6 col-sm-12 mx-auto px-3">
                                <div className="card mx-auto mb-5 loop-card card-width">
                                    <img src="https://www.krisecloud.com/King_QA/EASYCommerce/King/images/ProductImages/21-KF3ABLS_0001.jpg" alt="" className='card-img-top'/>
                                    <div className="hinge-card-body text-center p-3">
                                        <p className='text-white card-text'>KwikFit Hinge </p>
                                        <button className='btn card-btn mx-auto btn-lg'
                                        onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/ECCatalog.aspx?SortColumn=CategoryCode10&Descending=Yes&SearchText=KwikFit&Page=1')}
                                        >EXPLORE</button>
                                    </div>
                                </div>
                            </div>

                            <div className="col-xl-2 col-lg-4 col-md-6 col-sm-12 mx-auto px-3">
                                <div className="card mx-auto mb-5 loop-card card-width">
                                    <img src="https://www.krisecloud.com/King_QA/EASYCommerce/King/images/ProductImages/44-11_0001.jpg" alt="" className='card-img-top'/>
                                    <div className="hinge-card-body text-center p-3">
                                        <p className='text-white card-text'>Male Bat Wing Hinge</p>
                                        <button className='btn card-btn mx-auto btn-lg '
                                        onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/ECCatalog.aspx?SortColumn=CategoryCode10&Descending=Yes&SearchText=Bat%20Wing&Page=1')}
                                        >EXPLORE</button>
                                    </div>
                                </div>
                            </div>

                            <div className="col-xl-2 col-lg-4 col-md-6 col-sm-12 mx-auto px-3">
                                <div className="card mx-auto mb-5 loop-card card-width">
                                    <img src="https://www.krisecloud.com/King_QA/EASYCommerce/King/images/ProductImages/44-2100_0001.jpg" alt="" className='card-img-top'/>
                                    <div className="hinge-card-body text-center p-3">
                                        <p className='text-white card-text'>Roller Bearing Hinge</p>
                                        <button className='btn card-btn mx-auto btn-lg '
                                        onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/ECCatalog.aspx?SortColumn=CategoryCode10&Descending=Yes&SearchText=Roller%20Bearing&Page=1')}
                                        >EXPLORE</button>
                                    </div>
                                </div>
                            </div>
                        <div className="col-xl-2 col-lg-0"></div>
                    </div>
                </section>
            </>
          )
       }


ReactDOM.render(<Hinges  />, document.getElementById("Hinges"))

</script>


  <!--Hardware-->
  <script type='text/babel'>
    const Hardware = () => {
        return (
         <section>
            <div className="container mb-5">
                <div className="row">
                    <div className="col-xl-1 col-lg-0"></div>
                    
                    <div className="col-xl-5 col-lg-12 mx-auto mt-5 px-5">
                        <h3 className='mb-4 paragraph-title'>Fence and Gate Hardware</h3>
                        <p className='mb-4 para'>Behind the fence posts, panels and gates 
                            are the hardware that hold them all together. Find the right 
                            brackets, hinges, cover plates and other accessories 
                            to ensure the security and appearance your property 
                            deserves.
                        </p>
                        <button className='btn btn-oran mx-auto btn-lg px-5'
                        onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/ECCatalog.aspx?SortColumn=CategoryCode10&Descending=Yes&SearchText=Gate%20Hardware&Page=1')}
                        >EXPLORE</button>
                    </div>
                    <div className="col-xl-5 col-lg-12 mx-auto mt-5 px-5"> 
                        <img src="https://i.redd.it/zt4lzlohg9f81.jpg" alt="" className='img-fluid' />
                    </div>
                    <div className="col-xl-1 col-lg-0"></div>
                </div>
            </div>
        </section>
        )
    }

    ReactDOM.render(<Hardware />, document.getElementById('Hardware'))
</script>

    
<!-- bootstrap -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>

<!-- Font Awesome -->
<script src="https://kit.fontawesome.com/1bc0474039.js" crossorigin="anonymous" clas></script>

<!-- React -->
<script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin></script>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>

  </body>

</html></td></tr></tbody></table></td>
                  </tr>
                  <tr class="LayoutRow" height="25%">
                     <td class="LayoutCell BasicFooter" valign="top" editbyid="Basic" editbytype="Template" contentid="Footer" contenttype="ContentArea"><Span ct = "WebPart" displayProgressType="Control" progressAnimationText="" progressAnimationUrl = "/King_QA/EASYCommerce/images/ep_progress.gif" url = "/King_QA/EASYCommerce/" iscms = "True"ctid = "WPT-10000438" instid = "5" ajax = "False" pn = "Shopping" storeid = ""><table CellSpacing="0" CellPadding="0" width="100%" class="WebPart-SiteFooter-Main" style=""><tr class=""><td align="left" valign="top" class=""><Span IsSection="True" SectionId="WSEC-10003407" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-FooterTop-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10003407_VisibleController@5@-1@-1" id ="WSEC-10003407_VisibleController@5@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" valign="top" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10003516" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-FooterNav-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10003516_VisibleController@5@-1@-1" id ="WSEC-10003516_VisibleController@5@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" valign="top" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10003514" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10003514_VisibleController@5@-1@-1" id ="WSEC-10003514_VisibleController@5@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><a  target = "_blank" title = "Facebook"  class="HyperLink-SocialMedia" name ="Facebook@5@-1@-1" id ="Facebook@5@-1@-1" ct ="Field"  href ="https://www.facebook.com/KingArchMetals/"><img src="icons/facebook@2x.png" border="0" class="" style="" /></a></td><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><a  target = "_blank" title = "Instagram"  class="HyperLink-SocialMedia" name ="Instagram@5@-1@-1" id ="Instagram@5@-1@-1" ct ="Field"  href ="https://www.instagram.com/kingmetals"><img src="icons/Instagram@2x.png" border="0" class="" style="" /></a></td><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><a  target = "_blank" title = "Youtube"  class="HyperLink-SocialMedia" name ="Youtube@5@-1@-1" id ="Youtube@5@-1@-1" ct ="Field"  href ="https://www.youtube.com/user/KingMetalsInc"><img src="icons/youtube@2x.png" border="0" class="" style="" /></a></td><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><a  target = "_blank" title = "Pinterest"  class="HyperLink-SocialMedia" name ="Pinterest@5@-1@-1" id ="Pinterest@5@-1@-1" ct ="Field"  href ="https://www.pinterest.com/kingmetals/"><img src="icons/pinterest@2x.png" border="0" class="" style="" /></a></td></tr></table></td></tr></table></Span></td><td align="left" valign="top" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10003515" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-FooterLinksRight-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10003515_VisibleController@5@-1@-1" id ="WSEC-10003515_VisibleController@5@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><a   class="HyperLink-Default" name ="Contact@5@-1@-1" id ="Contact@5@-1@-1" ct ="Field"  href ="contact-us">contact us</a></td><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><a   class="HyperLink-Default" name ="PrivacyPolicy@5@-1@-1" id ="PrivacyPolicy@5@-1@-1" ct ="Field"  href ="privacy">privacy</a></td><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><a   class="HyperLink-Default" name ="TermsAndConditions@5@-1@-1" id ="TermsAndConditions@5@-1@-1" ct ="Field"  href ="terms-and-conditions">terms & conditions</a></td></tr></table></td></tr></table></Span></td><td class="Section-Default-GridCell"></td></tr></table></td></tr></table></Span></td></tr></table></td></tr></table></Span></td></tr><tr class=""><td align="left" valign="top" class=""><Span IsSection="True" SectionId="WSEC-10003408" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-FooterBottom-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10003408_VisibleController@5@-1@-1" id ="WSEC-10003408_VisibleController@5@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" valign="middle" class="Section-Default-GridCell"><a   class="phone" name ="PhoneLink@5@-1@-1" id ="PhoneLink@5@-1@-1" ct ="Field"  href ="tel:+1-800-542-2379">800.542.2379</a></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="HtmlGenericControl2@5@-1@-1" id ="HtmlGenericControl2@5@-1@-1" ct ="Field" ><span id="PoweredByContainer" class='copyright'><a href='https://www.krisesystems.com/e-commerce/' rel='nofollow'>Powered by EASYCommerce -</a><span> &copy;2026 King Metals &amp; <a href='https://www.krisesystems.com'>K-Rise Systems, Inc.</a></span></span></span></td></tr><tr class=""></tr><tr class=""></tr><tr class=""><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="ChatJS@5@-1@-1" id ="ChatJS@5@-1@-1" ct ="Field" ><style>
#lhnHocButton{
width:auto;
}
#lhnHocButton div{
width:auto;
}
</style>
<script type="text/javascript">
	window.lhnJsSdkInit = function () {
		lhnJsSdk.setup = {
			application_id: "f8ddc19f-9d1f-4264-28be-5a9329753b4b",
			application_secret: "sjue5yak2numcctw9x7r5upjzxlhogs6vnwfn7wb5t0jimwdrz"
		};
		lhnJsSdk.controls = [{
			type: "hoc",
			id: "f2922fc8-3add-48ab-ae48-336e1d0d73b2"
		}];
	};

	(function (d, s) {
		var newjs, lhnjs = d.getElementsByTagName(s)[0];
		newjs = d.createElement(s);
		newjs.src = "https://developer.livehelpnow.net/js/sdk/lhn-jssdk-current.min.js";
		lhnjs.parentNode.insertBefore(newjs, lhnjs);
	}(document, "script"));
</script></span></td></tr></table></td></tr></table></Span></td></tr></table></Span></td>
                  </tr>
               </tbody>
            </table>
         </td>
      </tr>
   </tbody>
</table>
		 
	
	</form>
	</body>
	</html>