<!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>DecorativeComponents | 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="DecorativeComponents"/>
	</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"><table  Width = "100%" CellSpacing = "0" CellPadding = "0" class = "LayoutTable"><tbody><tr  class = "LayoutRow"><td  class = "LayoutCell" valign = "top" editbyid = "Header" editbytype = "Page" contentid = "WPT-10000206" contenttype = "Webpart"><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></tbody></table></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 = "DecorativeComponents" editbytype = "Page" contentid = "WPT-10001276" contenttype = "Webpart"><Span ct = "WebPart" displayProgressType="WebPart" progressAnimationText="" progressAnimationUrl = "/King_QA/EASYCommerce/images/progress.gif" url = "/King_QA/EASYCommerce/" iscms = "True"ctid = "WPT-10001276" instid = "4" ajax = "False" pn = "DecorativeComponents" storeid = ""><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- SEO info -->
    <title>Decorative Components: Exterior and Interior</title>
    <meta name="description" content="Metal decorations bring a little bit extra to any indoor or outdoor project, whether it's a finial for a picket fence or a classic symbol hanging on the wall.">
    <meta name="keywords" content="Metal decorations, metal picket fence finials, metal fence post toppers, metal iron steel rosettes, metal collars balusters railings, metal s scroll, metal c scroll, metal furniture components, metal table legs, metal baskets balusters pickets">
    
<!--    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
   <style>

.paragraph-title {
  font-size: 25px;
}
     * {
    padding: 0;
    margin: 0;
}

html {
    overflow-x: hidden;
}


.header {
  width: 100% !important;
}

.hero {
  background-image: url('https://i.redd.it/1mmjm26yspc81.jpg');
  background-size:cover !important;
  background-repeat: no-repeat;
  font-family: 'Avenir', Helvetica, sans-serif;
  background-position: 0px -500px;
}

@media (max-width:1615px) {
  .hero {
    background-position: 0px -200px;
  }
}
@media (max-width:1202px) {
  .hero {
    background-position: 0px 0px;
  }
}
/* 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;
}


.card-blue {
  background-color: #1c146b !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;
}

.one-para {
  font-size: 35px;
  
  text-shadow: 2px 2px 5px black;
}
.top-title {
  text-shadow: 2px 2px 5px black;
  margin-top: 15% !important;
  font-size: 90px !important;
}
.top-btn {
  margin-bottom: 30% !important;
}

@media (max-width: 700px) {
 .top-title {
    font-size: 60px !important;
    margin-top: 20% !important;
}

.one-para {
  font-size: 25px !important;
  margin-bottom: 40% !important;
  }
   
}

.card-width{
    max-width: 320px;
}
  
.sub-head{
    font-size: 28px;
}

.card-heading-title {
  font-size: 50px;
}

@media(max-width: 700px) {
  .card-heading-title {
    font-size: 40px;
  }
  
}

.card-text {
  font-size: 20px;
}

a {
  color: white;
  text-decoration: none;
}

.para {
  font-size: 21px;

}
.bg-lightgray {
  background-color: lightgray;
}
@media(max-width: 700px) {
  .btn{
    font-size: 18px !important;
  }
}

.card-oran {
  background-color: #bc4f07;
}

.bg-gray {
  background-color: gray;
}
.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;
  }
    
  .alum-button:hover {
    background-color: gray !important;
    }
  /* set up end  */


.rosettes {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, .2)), url('https://i.redd.it/gokdxgl7thb81.jpg');
    
}
.collars {
  background-image:  linear-gradient(rgba(83, 83, 83, 0.5), rgba(65, 65, 65, 0.5)), url('https://i.redd.it/ihtw4yigthb81.jpg');
}
.stars {
  background-image:linear-gradient(rgba(68, 68, 68, 0.5), rgba(65, 65, 65, 0.5)), url('https://i.redd.it/tzw58gunthb81.jpg');
}
.leaves {
  background-image:  url('https://i.redd.it/lw5tx8zke9h81.jpg');
}

.head-title {
  text-shadow: 2px 2px 5px black;
  font-size: 65px !important;
  font-weight: bold;
  margin-top: 20%;
}

.col-subhead {
  text-shadow: 2px 2px black;
  font-size: 35px;
}

.col-subhead-btn {
  margin-bottom: 20%;
}



   </style>
</head>
<body>

    <div id="Hero"></div>
    <div id="Finials"></div>

    <div class="container-fluid">
        <div class="row text-center">
            <div class="col-xl-6 col-lg-6 rosettes">
                <h1 class="text-white head-title">Rosettes </h1>
                <p class="text-white col-subhead">More than just roses: Iron and steel rosettes</p>
                <button class='btn btn-oran mx-auto px-5 col-subhead-btn'
                onclick="window.open('https://www.krisecloud.com/King_QA/EASYCommerce/shopping?Page=1&PerPage=10&SortColumn=CategoryCode11&Descending=No&Filters=CategoryCode1:102%20AND%20CategoryCode2:495')"
                >EXPLORE</button>
            </div>
            <div class="col-xl-6 col-lg-6 collars">
                <h1 class="text-white  head-title">Collars & Banding</h1>
                <p class="text-white col-subhead">Take balusters and railings to the next level</p>
                <button class='btn btn-oran mx-auto px-5 col-subhead-btn'
                onclick="window.open('https://www.krisecloud.com/King_QA/EASYCommerce/shopping?Page=1&PerPage=10&SortColumn=CategoryCode11&Descending=No&Filters=CategoryCode1:102%20AND%20CategoryCode2:410%20AND%20CategoryCode2:427')"
                >EXPLORE</button>
            </div>
        </div>
        <div class="row text-center">
            <div class="col-xl-6 col-lg-6 stars">
                <h1 class="text-white  head-title">Stars</h1>
                <p class="text-white col-subhead">Not big and bright, but at the heart of decor</p>
                <button class='btn btn-oran mx-auto px-5 col-subhead-btn'
                onclick="window.open('https://www.krisecloud.com/King_QA/EASYCommerce/shopping?Page=1&PerPage=10&SortColumn=CategoryCode11&Descending=No&Filters=CategoryCode1:102%20AND%20CategoryCode2:510')"
                >EXPLORE</button>
            </div>
            <div class="col-xl-6 col-lg-6 leaves">
                <h1 class="text-white  head-title">Leaves, Flowers & Grapes</h1>
                <p class="text-white col-subhead">Add a classical touch with vine-inspired accents</p>
                <button class='btn btn-oran mx-auto px-5 col-subhead-btn'
                onclick="window.open('https://www.krisecloud.com/King_QA/EASYCommerce/shopping?Page=1&PerPage=10&SortColumn=CategoryCode11&Descending=No&Filters=CategoryCode1:102%20AND%20CategoryCode2:446%20AND%20CategoryCode2:456%20AND%20CategoryCode2:462%20AND%20CategoryCode2:470')"
                >EXPLORE</button>
            </div>
        </div>
    </div>
    <div id="RingsAndScrolls"></div>    
    <div id="Baskets"></div>
    <div id="AnimalsAndBalls"></div>
    <div id="Furniture"></div>

    
  <!-- hero -->
  <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'>Decorative Componets</h1>
                        <p className='text-white one-para'>Metal Decorative Components: Exterior and Interior Projects</p>
                        <button 
                        className='btn btn-oran top-btn' 
                        type="button" 
                        id="button"
                        onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/ECCatalog.aspx?SortColumn=UnitPrice&Descending=Yes&SearchText=decorative&Page=1')}
                        >GET STARTED</button>
                    </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: $("#finials").offset().top
            }, 50);
        }) 
    })
</script>


<script type='text/babel'>

    const Finials = () => {
      return (
                <>
                    <section className='bg-muted'>
                        <div className="container-fluid">
                            <div className="row">
                                <h1 className='text-center card-heading-title mt-4' id="finials">Finials</h1> 
                                <h4 className='mb-5 text-center sub-head'>Hundreds of picket fence toppers in iron, steel, aluminum or plastic</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'/>
                                        <div className="card-body text-center card-blue">
                                          <a href=""><p className='text-white card-text'
                                            onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/ECCatalog.aspx?SortColumn=CategoryCode10&Descending=Yes&SearchText=banana%20finial&Page=1')}
                                            >#74-BANANA-12</p></a>
                                        </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/10-6010_0001-WEB-500.jpg" alt="" className='card-img-top'/>
                                        <div className="card-body text-center card-blue">
                                          <a href=""><p className='text-white card-text'
                                            onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/ECCatalog.aspx?SortColumn=CategoryCode10&Descending=Yes&SearchText=10-6010&Page=1')}
                                            >#10-6010</p></a>
                                        </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/45-841-H_0001-WEB-500.jpg" alt="" className='card-img-top'/>
                                        <div className="card-body text-center card-blue">
                                          <a href=""><p className='text-white card-text'
                                            onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/ECItemMainPage.aspx?ItemId=ITM-10088511')}
                                            >#45-841-H</p></a>
                                        </div>
                                    </div>
                                </div>
                            <div className="col-xl-2 col-lg-0"></div>
                            </div>
                        </section>
                    </>
                )
            }
        ReactDOM.render(<Finials/>, document.getElementById('Finials'))
  </script>


<script type='text/babel'> 
    const RingsAndScrolls = () => {
        return (
            <>
                <section className='bg-white'>
                    <div className="container ">
                            <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://i.redd.it/oo1kkg00f9h81.jpg" 
                                    alt="ring pic" 
                                    className='img-fluid mb-5' />
                                </div>
                                <div className="col-xl-5 col-lg-12 mx-auto mt-5 px-5">
                                    <h3 className='mb-4 paragraph-title'>Rings</h3>
                                    <p className='mb-4 para'>Whatever your project, you'll like it even 
                                    more after you put a ring on it. From traditional circular rings to squares, 
                                    ellipses and complex shapes, these can draw attention to something within the 
                                    ring or stand on their own.
                                    </p>
                                    <button className='btn btn-oran mx-auto btn-lg px-5 mb-5'
                                    onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/shopping?Page=1&PerPage=10&SortColumn=CategoryCode11&Descending=No&Filters=CategoryCode1:102%20AND%20CategoryCode2:492')}
                                    >EXPLORE</button>
                                </div>
                                
                                <div className="col-xl-1 col-lg-0"></div>
                            </div>
                            <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'>Scrolls, Scrollwork Panels</h3>
                                    <p className='mb-4 para'>Take your time scrolling through our 
                                        selection of iron, steel and aluminum scrolls and panels. 
                                        Start with the simple S's and C's, then make your way through
                                         the ornate, detailed metalwork to find the look you want.
                                    </p>
                                    <button className='btn btn-oran mx-auto btn-lg px-5 mb-5'
                                    onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/shopping?Page=1&PerPage=10&SortColumn=CategoryCode11&Descending=No&Filters=CategoryCode1:102%20AND%20CategoryCode2:479%20AND%20CategoryCode2:497%20AND%20CategoryCode2:498')}
                                    >EXPLORE</button>
                                </div>

                                <div className="col-xl-5 col-lg-12 mx-auto mt-5 px-5"> 
                                    <img src="https://i.redd.it/ddu29goanpc81.jpg" 
                                    alt="ring pic" className='img-fluid mb-5' />
                                </div>
                                <div className="col-xl-1 col-lg-0"></div>
                            </div>
                    </div>
                </section>
            </>
        )
    }
    ReactDOM.render(<RingsAndScrolls/>, document.getElementById('RingsAndScrolls'))
</script>



<script type='text/babel'>

    const Baskets = () => {
        return (
            <>
                <section className=''>
                        <div className="container-fluid">
                            <div className="row">
                                <h1 className='text-center card-heading-title mt-4'>Baskets</h1> 
                                <h4 className='mb-5 text-center sub-head'>Add an extra dimension to pickets or balusters with forged steel baskets</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/13-158-B1_0001.jpg" 
                                        onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/ECItemMainPage.aspx?ItemId=ITM-10087113')}
                                        alt="" className='card-img-top'/>
                                        <div className="card-body text-center card-oran">
                                            <p className='text-white card-text'>#13-158-B1</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/13-158-B8_0001.jpg" 
                                        onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/ECItemMainPage.aspx?ItemId=ITM-10087116')}
                                        alt="" className='card-img-top'/>
                                        <div className="card-body text-center card-oran">
                                            <p className='text-white card-text'>#13-158-B8</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/13-03027-484_0001.jpg" 
                                        onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/ECCatalog.aspx?SearchText=baskets&PerPage=12&SortColumn=CategoryCode10&Descending=Yes&Filters=&Page=2')}
                                        alt="" className='card-img-top'/>
                                        <div className="card-body text-center card-oran">
                                            <p className='text-white card-text'>#13-03027-484</p>
                                        </div>
                                    </div>
                                </div>
                            <div className="col-xl-2 col-lg-0"></div>
                            </div>
                        </section>
            </>
        )
    }

    ReactDOM.render(<Baskets/>, document.getElementById('Baskets'))
</script>

<script type='text/babel'>

    const AnimalsAndBalls = () => {
        return (
            <>
            <section className="bg-muted">
                <div className="container-fluid">
                    <div className="row">
                        <h1 className='text-center card-heading-title mt-5 mb-5'>Animals, Seasonals and Balls</h1>            
                    </div>    
                </div>
                <div className="container align-items-center text-center">
                    <div className="row mx-auto align-items-center text-center">
                        <div className="col-xl-1 col-lg-0 mx-auto"></div>
                        <div className="col-xl-5 col-lg-6 col-md-12 mx-auto px-5">
                            <div className="card mb-5 mx-auto">
                                <img className="card-img-top img-card-1" src='https://i.redd.it/v78y5ezarpc81.jpg'/>
                                <img className="card-img-top img-card-2" src='https://i.redd.it/ces8d46412d81.png'/>
                                    <div className="card-body text-center bg-gray">
                                        <button className='btn btn-oran mx-auto btn-lg px-5 alum-button'
                                        onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/shopping?Page=1&PerPage=10&SortColumn=CategoryCode11&Descending=No&Filters=CategoryCode2:483')}
                                        >EXPLORE</button>
                                    </div>
                            </div> 
                        </div>
                        <div className="col-xl-5 col-lg-6 col-md-12 mx-auto px-5">
                            <div className="card mb-5 mx-auto">
                                <img className="card-img-top img-card-1" src='https://i.redd.it/vriw67gerpc81.jpg'/>
                                <img className="card-img-top img-card-2" src='https://i.redd.it/u1g6dewc12d81.png'/>
                                    <div className="card-body text-center bg-gray">
                                        <button className='btn btn-oran mx-auto btn-lg px-5 alum-button'
                                        onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/ECCatalog.aspx?SortColumn=CategoryCode10&Descending=Yes&SearchText=stainless%20steel&Page=1')}
                                        >EXPLORE</button>
                                    </div>
                            </div> 
                        </div>
                        <div className="col-xl-1 col-lg-0"></div>
                    </div>
                </div>
            </section>
            </>
        )
    }
    ReactDOM.render(<AnimalsAndBalls/>, document.getElementById('AnimalsAndBalls'))
</script>


<script type='text/babel'> 
    const Furniture = () => {
        return (
            <>
                <section className='bg-dark text-white'>
                    <div className="container ">
                            <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://i.redd.it/zln7k45dspc81.jpg" 
                                    alt="ring pic" className='img-fluid mb-5' />
                                </div>
                                <div className="col-xl-5 col-lg-12 mx-auto mt-5 px-5">
                                    <h3 className='mb-4 paragraph-title'>Furniture Component</h3>
                                    <p className='mb-4 para'>Find the metal components you need 
                                        for your DIY furniture project. Legs, feet, handles, 
                                        pulls and decorative components, all in metal for a 
                                        look and construction that will hold up for years. 
                                    </p>
                                    <button className='btn btn-oran mx-auto btn-lg px-5 mb-5'
                                    onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/ECCatalog.aspx?Page=1&PerPage=10&SortColumn=UnitPrice&Descending=Yes&Filters=%0ACategoryCode2:%22Furniture%20Components%22')}
                                    >EXPLORE</button>
                                </div>
                                <div className="col-xl-1 col-lg-0"></div>
                            </div>
                        </div>
                </section>
            </>
        )
    }
    ReactDOM.render(<Furniture/>, document.getElementById('Furniture'))
</script>


    <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>

    <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>