<!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>DecorativeCastingsPage | 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="DecorativeCastingsPage"/>
	</head>

	<body>

	<form method="post" runat="server" id="form1" enctype="multipart/form-data">
        <input  name = "ModelStateData" type = "hidden" value = "{&quot;ControlState&quot;:[]}" class = ""  ></input>
	<script type="text/javascript">
	//<![CDATA[
	var theForm = document.forms['form1'];
	if (!theForm) {
	    theForm = document.form1;
	}
	function __doPostBack(eventTarget, eventArgument) {
	    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
		theForm.__EVENTTARGET.value = eventTarget;
		theForm.__EVENTARGUMENT.value = eventArgument;
		theForm.submit();
	    }
	}
	//]]>
	</script>


	<table class="LayoutTable" width="100%" style="margin:auto;" cellpadding="0" cellspacing="0">
   <tbody>
      <tr class="LayoutRow">
         <td class="LayoutCell ActiveSection">
            <table class="LayoutTable" width="100%" cellpadding="0" cellspacing="0">
               <tbody>
                  <tr class="LayoutRow" height="25%">
                     <td class="LayoutCell BasicHeader" valign="top" editbyid="Basic" editbytype="Template" contentid="Header" contenttype="ContentArea"><Span ct = "WebPart" displayProgressType="Control" progressAnimationText="" progressAnimationUrl = "/King_QA/EASYCommerce/images/ep_progress.gif" url = "/King_QA/EASYCommerce/" iscms = "True"ctid = "WPT-10000109" instid = "1" ajax = "False" pn = "ECItemMainPage" storeid = ""><table CellSpacing="0" CellPadding="0" width="100%" class="WebPart-SiteHeader-Main" style=""><tr class=""><td align="center" valign="top" class=""><Span IsSection="True" SectionId="WSEC-10002526" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default-Main" style="background-color: transparent;"><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10002526_VisibleController@1@-1@-1" id ="WSEC-10002526_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" valign="top" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10002537" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default-Main" style="background-color: transparent;"><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10002537_VisibleController@1@-1@-1" id ="WSEC-10002537_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><Span ct = "WebPart" displayProgressType="WebPart" progressAnimationText="" progressAnimationUrl = "/King_QA/EASYCommerce/images/ep_progress.gif" url = "/King_QA/EASYCommerce/" iscms = "True"ctid = "WPT-10000652" instid = "2" ajax = "False" pn = "ECItemMainPage" storeid = ""><table CellSpacing="0" CellPadding="0" width="100%" class="WebPart-Default-Main" style=""><tr class=""><td align="left" valign="top" class=""><Span IsSection="True" SectionId="WSEC-10003283" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10003283_VisibleController@2@-1@-1" id ="WSEC-10003283_VisibleController@2@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><a   class="HyperLink-Default" name ="SiteLogoButton@2@-1@-1" id ="SiteLogoButton@2@-1@-1" ct ="Field" style="height: 34px;margin: 18px 0px 18px 36px;"  href ="Default"><img src="https://www.krisecloud.com/king_qa/easycommerce/king/images/kinglogos-24.png" border="0" class="" style="" /></a></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="HtmlGenericControl@2@-1@-1" id ="HtmlGenericControl@2@-1@-1" ct ="Field" ><style>
a[name^="SiteLogoButton"] > img{
    height: 34px;
    margin-top: 13px;
}
</style></span></td></tr></table></td></tr></table></Span></td></tr></table></Span></td></tr></table></td></tr></table></Span></td><td align="right" valign="top" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10003924" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10003924_VisibleController@1@-1@-1" id ="WSEC-10003924_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="right" valign="top" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10002528" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-HeaderRight-Main" style="background-color: transparent;"><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10002528_VisibleController@1@-1@-1" id ="WSEC-10002528_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" valign="middle" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10002680" ct="section" class="" style="display:none;"><table width="450px" CellSpacing="0" CellPadding="0" class="Section-Default-Main" style="background-color: transparent;"><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="450px" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10002680_VisibleController@1@-1@-1" id ="WSEC-10002680_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td class="Section-Default-GridCell"></td></tr><tr class=""><td align="left" valign="middle" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10002682" ct="section" class="" style="display:none;"><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default-Main" style="background-color: transparent;"><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10002682_VisibleController@1@-1@-1" id ="WSEC-10002682_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" valign="top" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10002683" ct="section" class=""><table width="450px" CellSpacing="0" CellPadding="0" class="Section-Default-Main" style="background-color: transparent;"><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="450px" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10002683_VisibleController@1@-1@-1" id ="WSEC-10002683_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" valign="middle" class="Section-Default-GridHeaderCell"><span   >Impersonating Customer:</span></td><td align="left" valign="middle" class="Section-Default-GridHeaderCell"><span   ></span></td></tr><tr class="Section-Default-GridRow"><td align="left" valign="middle" class="Section-Default-GridCell"><Span   class="Label-Red" name ="NowImpersonating@1@-1@-1" id ="NowImpersonating@1@-1@-1" ct ="Field" style="FONT-WEIGHT:bold; COLOR:red;" >Impersonating customer:</Span></td><td align="left" valign="middle" class="Section-Default-GridCell"><a href="#"  border = "0"  class="Button-Default-Link" name ="StopImpersonating@1@-1@-1" id ="StopImpersonating@1@-1@-1" ct ="Field" style=";CURSOR:pointer;"  onclick="return EP_CallFieldProcess(event,{&quot;parameter&quot;:[{&quot;Enabled&quot;:&quot;True&quot;,&quot;FieldId&quot;:&quot;WFLD-10008884&quot;,&quot;FieldName&quot;:&quot;StopImpersonating&quot;,&quot;CausesValidation&quot;:&quot;Yes&quot;,&quot;ValidationGroup&quot;:&quot;&quot;,&quot;ViewSubmitType&quot;:&quot;&quot;,&quot;ActionType&quot;:&quot;ButtonClick&quot;,&quot;EnableStateStore&quot;:&quot;False&quot;,&quot;DisableStateRestore&quot;:&quot;False&quot;}]});" isdefault="false"  >Stop Impersonation</a></td></tr></table></td></tr></table></Span></td></tr><tr class=""><td class="Section-Default-GridCell"></td></tr></table></td></tr></table></Span></td></tr></table></td></tr></table></Span></td><td align="right" valign="top" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10003390" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-HeaderLinks-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10003390_VisibleController@1@-1@-1" id ="WSEC-10003390_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" valign="top" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10004240" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10004240_VisibleController@1@-1@-1" id ="WSEC-10004240_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><a   class="HyperLink-Default" name ="LoginLink@1@-1@-1" id ="LoginLink@1@-1@-1" ct ="Field"  href ="Login">login /       create account</a></td></tr></table></td></tr></table></Span></td></tr><tr class=""><td align="left" valign="top" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10004241" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-HeaderAccLinks-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10004241_VisibleController@1@-1@-1" id ="WSEC-10004241_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><Field FieldId="WFLD-10013874" FieldName="AccountLink" Desc="True" class=""></td><td align="right" valign="middle" class="Section-Default-GridCell"><Field FieldName="AccountLink" FieldId="WFLD-10013874" class=""></td><td align="left" class="Section-Default-GridHeaderCell"><Field FieldId="WFLD-10013875" FieldName="Logout" Desc="True" class=""></td><td align="left" valign="middle" class="Section-Default-GridCell"><Field FieldName="Logout" FieldId="WFLD-10013875" class=""></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="HtmlGenericControl4@1@-1@-1" id ="HtmlGenericControl4@1@-1@-1" ct ="Field" style="display:none;" ><style>
  .Section-HeaderAccLinks-Main .Section-Default-GridCell:nth-child(4){
width:58px;
}
  .Section-HeaderAccLinks-Main .Section-Default-GridCell:nth-child(4) a{
width:50px;
display:inline-block;
}
</style></span></td></tr></table></td></tr></table></Span></td></tr></table></td></tr></table></Span></td><td align="right" valign="top" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10003277" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-SuggestedSearch-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10003277_VisibleController@1@-1@-1" id ="WSEC-10003277_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="" name ="SuggestedSearch@1@-1@-1" id ="SuggestedSearch@1@-1@-1" ct ="Field" ><div id="easy-suggestion" class="desktopSearch"><div id="suggestion-div"><input id="suggestion" /><img class="ssimg" onclick="ssClick(event);" alt="Search" src="/King_QA/EASYCommerce/Images/EP_Suggestive_Search_Icon.png?v=1" /></div><script>
			$(document).ready(function(){
			$('#easy-suggestion.desktopSearch #suggestion').keypress(function(e){
			if(e.keyCode==13)
			$('.desktopSearch .ssimg').click();
			});
		    $("#suggestion").attr('autocomplete','nope');
			});

     		</script><style>.ssimg{cursor: pointer;}</style></div></span></td></tr></table></td></tr></table></Span></td></tr></table></td></tr></table></Span></td></tr></table></td></tr></table></Span></td></tr></table></td></tr></table></Span></td></tr><tr class=""><td align="left" valign="top" class=""><Span IsSection="True" SectionId="WSEC-10004353" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10004353_VisibleController@1@-1@-1" id ="WSEC-10004353_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="HtmlGenericControl5@1@-1@-1" id ="HtmlGenericControl5@1@-1@-1" ct ="Field" ><script>
$(function(){
$("#AccountNav").remove();
});

</script></span></td></tr></table></td></tr></table></Span></td></tr></table></Span></td>
                  </tr>
                  <tr class="LayoutRow" height="25%">
                     <td class="LayoutCell BasicNav" valign="top" editbyid="Basic" editbytype="Template" contentid="Menu" contenttype="ContentArea"><Span ct = "WebPart" displayProgressType="Control" progressAnimationText="" progressAnimationUrl = "/King_QA/EASYCommerce/images/ep_progress.gif" url = "/King_QA/EASYCommerce/" iscms = "True"ctid = "WPT-10000206" instid = "3" ajax = "False" pn = "ECItemMainPage" storeid = ""><table CellSpacing="0" CellPadding="0" width="100%" class="WebPart-Default-Main" style=""><tr class=""><td align="left" valign="middle" class=""><Span IsSection="True" SectionId="WSEC-10002523" ct="section" class="" style="display:none;"><table width="100%" CellSpacing="0" CellPadding="0" class="Menu-Style Section-Default-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10002523_VisibleController@3@-1@-1" id ="WSEC-10002523_VisibleController@3@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td class="Menu-Style Section-Default-GridCell"></td><td class="Menu-Style Section-Default-GridCell"></td><td align="right" valign="middle" class="Menu-Style Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10000101" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10000101_VisibleController@3@-1@-1" id ="WSEC-10000101_VisibleController@3@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" valign="top" class="Section-Default-GridCell"></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="HtmlGenericControl@3@-1@-1" id ="HtmlGenericControl@3@-1@-1" ct ="Field" ><script>
$(function(){
$(".Menu-HorizontalMenu-Level1Cell").on("touchstart",function(event){
  if($(this).children('a').attr('href')=="#ep"){
    event.preventDefault();
  }
  $(this).mouseover();
});
});
</script></span></td></tr></table></td></tr></table></Span></td></tr></table></td></tr></table></Span></td></tr><tr class=""><td align="left" valign="top" class=""><Span IsSection="True" SectionId="WSEC-10003406" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10003406_VisibleController@3@-1@-1" id ="WSEC-10003406_VisibleController@3@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="HtmlGenericControl1@3@-1@-1" id ="HtmlGenericControl1@3@-1@-1" ct ="Field" ><script>
$(function(){
$('#suggestion').attr('placeholder', 'QUICK ORDER/SEARCH');
});
</script>
<style>
.ssimg{
    position: relative;
    left: -10px;
}
</style></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="MenuBar@3@-1@-1" id ="MenuBar@3@-1@-1" ct ="Field" ><nav id="primary_nav_wrap" class="mobile-hide"><ul><li><a id="cssmenu" href="shopping?SortColumn=CategoryCode11&amp;Descending=No&amp;SearchText=&amp;Page=1">Shopping</a><ul id="menuCatalog"><li class="has-sub categoryCode1"><a href="AccessControl"><span>Access Controls</span></a><ul class="categoryCode2"><li><a href="Swing-Operators-and-Actuators">Swing Operators &amp; Actuators</a></li><li><a href="slideoperators">Slide Operators</a></li><li><a href="solar-operators">Solar Operators</a></li><li><a href="cantilever-gate-systems">Cantilever Gate Systems</a></li><li><a href="v-track-and-other-wheels">V-Track &amp; Other Wheels</a></li><li><a href="Safety-Devices-and-Fire-Boxes">Safety Devices &amp; Fire Boxes</a></li><li><a href="Loops-and-Exit-Wands">Loops &amp; Exit Wands</a></li><li><a href="keypads-remotes-phone-entry-and-more">Keypads, Remotes, Phone Entry &amp; More</a></li><li><a href="mechanical-accessories">Mechanical Accessories</a></li><li><a href="power-accessories">Power Accessories</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:100">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="stairsandhandrails"><span>Stairs &amp; Handrails</span></a><ul class="categoryCode2"><li><a href="handrails">Handrails</a></li><li><a href="stainless-steel-railing-systems">Stainless Steel Railing Systems</a></li><li><a href="handrail-ends-and-bends">Handrail Ends &amp; Bends</a></li><li><a href="handrail-brackets">Handrail Brackets</a></li><li><a href="brass-handrails-and-accessories">Brass</a></li><li><a href="aluminum-handrails-and-accessories">Aluminum</a></li><li><a href="punched-channel">Punched Channel</a></li><li><a href="Balusters-and-Newel-Posts2">Balusters &amp; Newel Posts</a></li><li><a href="stair-treads-and-risers">Stair Treads &amp; Risers</a></li><li><a href="shoes">Shoes</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:108%20AND%20CategoryCode2:409%20AND%20CategoryCode2:472%20AND%20CategoryCode4:727">
								Powder Coated Balusters
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=108">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="FenceAndGate"><span>Fencing &amp; Gates</span></a><ul class="categoryCode2"><li><a href="powder-coated-fence-systems">
								Powder Coated Fence Systems
							</a></li><li><a href="finials-spears-and-terminations">
								finials, spears &amp; terminations
							</a></li><li><a href="cantilever-gate-systems">
								Cantilever Gate Systems
							</a></li><li><a href="v-track-and-other-wheels">
								V-Track &amp; Other Wheels
							</a></li><li><a href="plugs-and-inserts">
								Plugs &amp; Inserts
							</a></li><li><a href="post-caps-tops-and-balls">
								Post Caps, Tops &amp; Balls
							</a></li><li><a href="pressed-pickets">
								Pressed Pickets
							</a></li><li><a href="punched-channel">
								Punched Channel
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:104%20AND%20CategoryCode2:450">
								Gate Frames
							</a></li><li><a href="hinges">
								Hinges
							</a></li><li><a href="fence-and-gate-hardware">
								Fence &amp; Gate Hardware
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:104">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="hingesAndhardware"><span>Hinges &amp; Hardware</span></a><ul class="categoryCode2"><li><a href="Base-Plates-and-Weld-Tabs2">
								Base Plates &amp; Weld Tabs
							</a></li><li><a href="v-track-and-other-wheels">
								Tracks &amp; Rolling Hardware
							</a></li><li><a href="fasteners-and-anchors">
								Fasteners &amp; Anchors
							</a></li><li><a href="door-and-gate-hardware">
								Door &amp; Gate Hardware
							</a></li><li><a href="hinges">
								Hinges &amp; Closers
							</a></li><li><a href="paints-and-finishes">
								Paints &amp; Finishes
							</a></li><li><a href="pipe-fittings">
								Pipe Fittings
							</a></li><li><a href="welding-supplies-and-abrasives">
								Welding Supplies &amp; Abrasives
							</a></li><li><a href="locks-and-lockboxes">
								Locks &amp; Lock Boxes
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:715">
								Cement
							</a></li><li><a href="overhead-track-and-barndoor-kits">
								Overhead Track &amp; Barndoor Kits
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:105">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="metalservice"><span>Metal Service Center</span></a><ul class="categoryCode2"><li><a href="angle-bars">
								Angle Bars
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:101%20AND%20CategoryCode2:491">
								Purlins
							</a></li><li><a href="channel-bars">
								Channel Bars
							</a></li><li><a href="expanded-metal">
								Expanded Metal
							</a></li><li><a href="strips-and-flats">
								Strips &amp; Flats
							</a></li><li><a href="plates-and-sheets">
								Plates &amp; Sheets
							</a></li><li><a href="punched-channel">
								Punched Channel
							</a></li><li><a href="solid-bars">
								Solid Bars
							</a></li><li><a href="tubing">
								Tubing
							</a></li><li><a href="pipes-and-fittings">
								Pipes &amp; Pipe Fittings
							</a></li><li><a href="roof-panels">
								Roof Panels
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:101">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="DecorativeComponents"><span>Decorative Components</span></a><ul class="categoryCode2"><li><a href="rings">
								Rings
							</a></li><li><a href="balls-and-hemis">
								Balls &amp; Hemis
							</a></li><li><a href="collars-and-banding">
								Collars &amp; Banding
							</a></li><li><a href="stars">
								Stars
							</a></li><li><a href="baskets">
								Baskets
							</a></li><li><a href="rosettes">
								Rosettes
							</a></li><li><a href="leaves-flowers-and-grapes">
								Leaves, Flowers &amp; Grapes
							</a></li><li><a href="finials-spears-and-terminations">
								Finials
							</a></li><li><a href="animals-bugs-and-seasonal">
								Animals, Bugs &amp; Seasonal
							</a></li><li><a href="scrolls-and-scrollwork">
								Scrolls &amp; Scrollwork
							</a></li><li><a href="furniture-components">
								Furniture Components
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:102">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="balustersandforgings"><span>Balusters &amp; Forgings</span></a><ul class="categoryCode2"><li><a href="Balusters-and-Newel-Posts2">
								Balusters &amp; Newel Posts
							</a></li><li><a href="scrolls-and-scrollwork">
								Scrolls, Scrollwork &amp; Panels
							</a></li><li><a href="baskets">
								Baskets &amp; Bosses
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:718%20AND%20CategoryCode2:408">
								Round &amp; Flattened Balls
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:718%20AND%20CategoryCode2:454">
								Gate Crests &amp; Toppers
							</a></li><li><a href="twisted-hmrd-textured-bar">
								Twisted, Hmrd, Textured Bar
							</a></li><li><a href="rosettes">
								Rosettes
							</a></li><li><a href="collars-and-banding">
								Collars &amp; Banding
							</a></li><li><a href="shoes">
								Shoes
							</a></li><li><a href="aluminum">
								Aluminum
							</a></li><li><a href="rings">
								Rings
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:718%20AND%20CategoryCode4:727">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="DecorativeCastingsPage"><span>Decorative Castings</span></a><ul class="categoryCode2"><li><a href="panels">
								Panels
							</a></li><li><a href="friezes">
								Friezes
							</a></li><li><a href="corner-brackets">
								Corner Brackets
							</a></li><li><a href="picket-castings">
								Picket Castings
							</a></li><li><a href="aluminum-castings">
								Aluminum Castings
							</a></li><li><a href="cast-iron-castings">
								Cast Iron Castings
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode2:481%20AND%20CategoryCode4:724">
								Plastic Picket Castings
							</a></li><li><a href="rosettes">
								Rosettes &amp; Medallions
							</a></li><li><a href="gate-toppers">
								Gate Toppers
							</a></li><li><a href="scrolls-and-scrollwork">
								Scrolls &amp; Scrollwork
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:711%20AND%20CategoryCode2:408">
								Balls
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode5:041">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="interiordecor"><span>Interior Décor</span></a><ul class="categoryCode2"><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:424%20AND%20CategoryCode2:425">
								Ceiling Mounts &amp; Chains
							</a></li><li><a href="overhead-track-and-barndoor-kits">
								Barndoors
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:445">
								Fireplace Accessories
							</a></li><li><a href="urns-and-planters">
								Urns, Planters &amp; Plant Stands
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:460">
								Decorative Hooks
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:417">
								Candelabras &amp; Candle Holders
							</a></li><li><a href="crosses-and-crests">
								Crosses &amp; Crests
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:520">
								Wine Rack
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:414">
								Towel &amp; Tissue Holders
							</a></li><li><a href="furniture-components">
								Furniture Components
							</a></li><li><a href="hand-forged-nails-and-screws">
								Hand Forged Nails &amp; Screws
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="exterioruseanddecor"><span>Exterior Use &amp; Décor</span></a><ul class="categoryCode2"><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:444">
								Firebowls
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:505">
								Sign Bracket
							</a></li><li><a href="urns-and-planters">
								Urns &amp; Planters
							</a></li><li><a href="birdbaths-and-fountains">
								Birdbaths &amp; Fountains
							</a></li><li><a href="cast-post-bases">
								Cast Post Bases
							</a></li><li><a href="lamp-posts-and-sconces">
								Lamp Posts &amp; Sconces
							</a></li><li><a href="letters-and-numbers">
								Letters &amp; Numbers
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:467">
								Mailboxes
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:420">
								Car Stops &amp; Bollards
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:405">
								A/C Security Cages
							</a></li><li><a href="stars">
								Stars
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="aluminumpage"><span>Aluminum</span></a><ul class="categoryCode2"><li><a href="aluminum-balusters">
								Balusters &amp; Newel Posts
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:705%20AND%20CategoryCode4:710%20AND%20CategoryCode4:717%20AND%20CategoryCode4:725%20AND%20CategoryCode4:729%20AND%20CategoryCode2:479%20AND%20CategoryCode2:497%20AND%20CategoryCode2:498">
								Scrollwork &amp; Scrolls
							</a></li><li><a href="aluminum-castings">
								Castings
							</a></li><li><a href="aluminum-handrails-and-accessories">
								Handrails
							</a></li><li><a href="aluminum-shoes">
								Shoes
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:705%20AND%20CategoryCode4:710%20AND%20CategoryCode4:717%20AND%20CategoryCode4:725%20AND%20CategoryCode4:729%20AND%20CategoryCode2:427%20AND%20CategoryCode2:410">
								Collars &amp; Banding
							</a></li><li><a href="aluminum-spears-and-finials">
								Spears &amp; Finials
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:705%20AND%20CategoryCode4:710%20AND%20CategoryCode4:717%20AND%20CategoryCode4:725%20AND%20CategoryCode4:729%20AND%20CategoryCode2:492">
								Rings
							</a></li><li><a href="aluminum-hardware">
								Hardware
							</a></li><li><a href="aluminum-commodity-metals">
								Commodity Aluminum
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:705%20AND%20CategoryCode4:710%20AND%20CategoryCode4:717%20AND%20CategoryCode4:725%20AND%20CategoryCode4:729">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a class="showHideCatalogMenu" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=Status:%22Online%20Specials%22">
						Online Specials
					</a></li><li class="has-sub categoryCode1"><a href="Plasma" class="showHideCatalogMenu">
						Plasma
					</a></li><li class="ShopAllListItem"><a href="quick-order" class="showHideCatalogMenu ShopAll">
						Quick Order
					</a></li></ul></li><li><a href="frequently-asked-questions">FAQ</a><ul><li><a href="metalguide/index.html">Metal Reference Guide</a></li><li><a href="frequently-asked-questions#materialGuide">Family Guide</a></li></ul></li><li id="MyAccount-Dropdown"><a href="Login">
				My Account
			</a><ul><li><a href="Login">Login / Create Account</a></li><li><a href="leaving-notification-Docusign" target="_blank">Apply For Credit</a></li></ul></li><li><a href="eCatalog">Shop by eCatalog</a><ul><li><a href="eCatalog">Shop by eCatalog</a></li><li><a href="Brochures">Shop by Brochure</a></li></ul></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=Status:%22Online%20Specials%22">
				Online Specials
			</a></li><li><a href="contact-us">Contact</a><ul><li><a href="request-literature">Request Literature</a></li></ul></li></ul><div id="CartBar"><a href="shopping-cart"><span>00</span><img src="Icons/cart-ffffff-16px@3x.png" /></a></div><div id="WishListBar"><a href="project-manager-tutorial"><span>00</span><img src="icons/projects-001b72-16px@3x.png" /></a></div></nav><style>
	#primary_nav_wrap #WishListBar span{
	color:#001b72
	}
	
</style></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="MenuCSS@3@-1@-1" id ="MenuCSS@3@-1@-1" ct ="Field" ></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="MenuJS@3@-1@-1" id ="MenuJS@3@-1@-1" ct ="Field" ></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="StyleScriptCatalogMenu1@3@-1@-1" id ="StyleScriptCatalogMenu1@3@-1@-1" ct ="Field" ><script type="text/javascript">
   $(document).ready(function() {
        $("#cssmenu").mouseenter(function(){
        $(".categoryCode2").each(function(index){
	var verticalOffset = $(this).closest(".categoryCode1").position().top * -1;
                var menuHeight = $("#menuCatalog").outerHeight();
	$(this).css('top', verticalOffset);
                $(this).css('height', menuHeight);
        });
});
   });
</script></span></td></tr></table></td></tr></table></Span></td></tr><tr class=""><td align="left" valign="top" class=""><Span IsSection="True" SectionId="WSEC-10003518" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default-Main MobileHeaderSection" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10003518_VisibleController@3@-1@-1" id ="WSEC-10003518_VisibleController@3@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="MobileMenuHtml@3@-1@-1" id ="MobileMenuHtml@3@-1@-1" ct ="Field" ><MobileHtml><div id="mobileScreenDisable"><input type="hidden" /></div><div id="MenuSideNav" class="sidenav navMenu scrollMenu"><ul class="unlisted"><li><a href="#" class="dropdown">Shopping <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu"><li><a href="AccessControl" class="dropdown-lvl2 menu-font">Access Controls <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="Swing-Operators-and-Actuators">Swing Operators &amp; Actuators</a></li><li><a class="submenu-font" href="slideoperators">Slide Operators</a></li><li><a class="submenu-font" href="solar-operators">Solar Operators</a></li><li><a class="submenu-font" href="cantilever-gate-systems">Cantilever Gate Systems</a></li><li><a class="submenu-font" href="v-track-and-other-wheels">V-Track &amp; Other Wheels</a></li><li><a class="submenu-font" href="Safety-Devices-and-Fire-Boxes">Safety Devices &amp; Fire Boxes</a></li><li><a class="submenu-font" href="Loops-and-Exit-Wands">Loops &amp; Exit Wands</a></li><li><a class="submenu-font" href="keypads-remotes-phone-entry-and-more">Keypads, Remotes, Phone Entry &amp; More</a></li><li><a class="submenu-font" href="mechanical-accessories">Mechanical Accessories</a></li><li><a class="submenu-font" href="power-accessories">Power Accessories</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:100">All of this Category</a></li></ul></li><li><a href="stairsandhandrails" class="dropdown-lvl2 menu-font">Stairs &amp; Handrails <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="handrails">Handrails</a></li><li><a class="submenu-font" href="stainless-steel-railing-systems">Stainless Steel Railing Systems</a></li><li><a class="submenu-font" href="handrail-ends-and-bends">Handrail Ends &amp; Bends</a></li><li><a class="submenu-font" href="handrail-brackets">Handrail Brackets</a></li><li><a class="submenu-font" href="brass-handrails-and-accessories">Brass</a></li><li><a class="submenu-font" href="aluminum-handrails-and-accessories">Aluminum</a></li><li><a class="submenu-font" href="punched-channel">Punched Channel</a></li><li><a class="submenu-font" href="Balusters-and-Newel-Posts2">Balusters &amp; Newel Posts</a></li><li><a class="submenu-font" href="stair-treads-and-risers">Stair Treads &amp; Risers</a></li><li><a class="submenu-font" href="shoes">Shoes</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:108%20AND%20CategoryCode2:409%20AND%20CategoryCode2:472%20AND%20CategoryCode4:727">Powder Coated Balusters</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=108">All of this Category</a></li></ul></li><li><a href="FenceAndGate" class="dropdown-lvl2 menu-font">Fencing &amp; Gates <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="powder-coated-fence-systems">Powder Coated Fence Systems</a></li><li><a class="submenu-font" href="finials-spears-and-terminations">finials, spears &amp; terminations</a></li><li><a class="submenu-font" href="cantilever-gate-systems">Cantilever Gate Systems</a></li><li><a class="submenu-font" href="v-track-and-other-wheels">V-Track &amp; Other Wheels</a></li><li><a class="submenu-font" href="plugs-and-inserts">Plugs &amp; Inserts</a></li><li><a class="submenu-font" href="post-caps-tops-and-balls">Post Caps, Tops &amp; Balls</a></li><li><a class="submenu-font" href="pressed-pickets">Pressed Pickets</a></li><li><a class="submenu-font" href="punched-channel">Punched Channel</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:104%20AND%20CategoryCode2:450">Gate Frames</a></li><li><a class="submenu-font" href="hinges">Hinges</a></li><li><a class="submenu-font" href="fence-and-gate-hardware">Fence &amp; Gate Hardware</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:104">All of this Category</a></li></ul></li><li><a href="hingesAndhardware" class="dropdown-lvl2 menu-font">Hinges &amp; Hardware <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="Base-Plates-and-Weld-Tabs2">Base Plates &amp; Weld Tabs</a></li><li><a class="submenu-font" href="v-track-and-other-wheels">Tracks &amp; Rolling Hardware</a></li><li><a class="submenu-font" href="fasteners-and-anchors">Fasteners &amp; Anchors</a></li><li><a class="submenu-font" href="door-and-gate-hardware">Door &amp; Gate Hardware</a></li><li><a class="submenu-font" href="hinges">Hinges &amp; Closers</a></li><li><a class="submenu-font" href="paints-and-finishes">Paints &amp; Finishes</a></li><li><a class="submenu-font" href="pipe-fittings">Pipe Fittings</a></li><li><a class="submenu-font" href="welding-supplies-and-abrasives">Welding Supplies &amp; Abrasives</a></li><li><a class="submenu-font" href="locks-and-lockboxes">Locks &amp; Lock Boxes</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:715">Cement</a></li><li><a class="submenu-font" href="overhead-track-and-barndoor-kits">Overhead Track &amp; Barndoor Kits</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:105">All of this Category</a></li></ul></li><li><a href="metalservice" class="dropdown-lvl2 menu-font">Metal Service Center <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="angle-bars">Angle Bars</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:101%20AND%20CategoryCode2:491">Purlins</a></li><li><a class="submenu-font" href="channel-bars">Channel Bars</a></li><li><a class="submenu-font" href="expanded-metal">Expanded Metal</a></li><li><a class="submenu-font" href="strips-and-flats">Strips &amp; Flats</a></li><li><a class="submenu-font" href="plates-and-sheets">Plates &amp; Sheets</a></li><li><a class="submenu-font" href="punched-channel">Punched Channel</a></li><li><a class="submenu-font" href="solid-bars">Solid Bars</a></li><li><a class="submenu-font" href="tubing">Tubing</a></li><li><a class="submenu-font" href="pipes-and-fittings">Pipes &amp; Pipe Fittings</a></li><li><a class="submenu-font" href="roof-panels">Roof Panels</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:101">All of this Category</a></li></ul></li><li><a href="DecorativeComponents" class="dropdown-lvl2 menu-font">Decorative Components <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="rings">Rings</a></li><li><a class="submenu-font" href="balls-and-hemis">Balls &amp; Hemis</a></li><li><a class="submenu-font" href="collars-and-banding">Collars &amp; Banding</a></li><li><a class="submenu-font" href="stars">Stars</a></li><li><a class="submenu-font" href="baskets">Baskets</a></li><li><a class="submenu-font" href="rosettes">Rosettes</a></li><li><a class="submenu-font" href="leaves-flowers-and-grapes">Leaves, Flowers &amp; Grapes</a></li><li><a class="submenu-font" href="finials-spears-and-terminations">Finials</a></li><li><a class="submenu-font" href="animals-bugs-and-seasonal">Animals, Bugs &amp; Seasonal</a></li><li><a class="submenu-font" href="scrolls-and-scrollwork">Scrolls &amp; Scrollwork</a></li><li><a class="submenu-font" href="furniture-components">Furniture Components</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:102">All of this Category</a></li></ul></li><li><a href="balustersandforgings" class="dropdown-lvl2 menu-font">Balusters &amp; Forgings <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="Balusters-and-Newel-Posts2">Balusters &amp; Newel Posts</a></li><li><a class="submenu-font" href="scrolls-and-scrollwork">Scrolls, Scrollwork &amp; Panels</a></li><li><a class="submenu-font" href="baskets">Baskets &amp; Bosses</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:718%20AND%20CategoryCode2:408">Round &amp; Flattened Balls</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:718%20AND%20CategoryCode2:454">Gate Crests &amp; Toppers</a></li><li><a class="submenu-font" href="twisted-hmrd-textured-bar">Twisted, Hmrd, Textured Bar</a></li><li><a class="submenu-font" href="rosettes">Rosettes</a></li><li><a class="submenu-font" href="collars-and-banding">Collars &amp; Banding</a></li><li><a class="submenu-font" href="shoes">Shoes</a></li><li><a class="submenu-font" href="aluminum">Aluminum</a></li><li><a class="submenu-font" href="rings">Rings</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:718%20AND%20CategoryCode4:727">All of this Category</a></li></ul></li><li><a href="DecorativeCastingsPage" class="dropdown-lvl2 menu-font">Decorative Castings <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="panels">Panels</a></li><li><a class="submenu-font" href="friezes">Friezes</a></li><li><a class="submenu-font" href="corner-brackets">Corner Brackets</a></li><li><a class="submenu-font" href="picket-castings">Picket Castings</a></li><li><a class="submenu-font" href="aluminum-castings">Aluminum Castings</a></li><li><a class="submenu-font" href="cast-iron-castings">Cast Iron Castings</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode2:481%20AND%20CategoryCode4:724">Plastic Picket Castings</a></li><li><a class="submenu-font" href="rosettes">Rosettes &amp; Medallions</a></li><li><a class="submenu-font" href="gate-toppers">Gate Toppers</a></li><li><a class="submenu-font" href="scrolls-and-scrollwork">Scrolls &amp; Scrollwork</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:711%20AND%20CategoryCode2:408">Balls</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode5:041">All of this Category</a></li></ul></li><li><a href="interiordecor" class="dropdown-lvl2 menu-font">Interior Décor <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:424%20AND%20CategoryCode2:425">Ceiling Mounts &amp; Chains</a></li><li><a class="submenu-font" href="overhead-track-and-barndoor-kits">Barndoors</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:445">Fireplace Accessories</a></li><li><a class="submenu-font" href="urns-and-planters">Urns, Planters &amp; Plant Stands</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:460">Decorative Hooks</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:417">Candelabras &amp; Candle Holders</a></li><li><a class="submenu-font" href="crosses-and-crests">Crosses &amp; Crests</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:520">Wine Rack</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:414">Towel &amp; Tissue Holders</a></li><li><a class="submenu-font" href="furniture-components">Furniture Components</a></li><li><a class="submenu-font" href="hand-forged-nails-and-screws">Hand Forged Nails &amp; Screws</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106">All of this Category</a></li></ul></li><li><a href="exterioruseanddecor" class="dropdown-lvl2 menu-font">Exterior Use &amp; Décor <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:444">Firebowls</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:505">Sign Bracket</a></li><li><a class="submenu-font" href="urns-and-planters">Urns &amp; Planters</a></li><li><a class="submenu-font" href="birdbaths-and-fountains">Birdbaths &amp; Fountains</a></li><li><a class="submenu-font" href="cast-post-bases">Cast Post Bases</a></li><li><a class="submenu-font" href="lamp-posts-and-sconces">Lamp Posts &amp; Sconces</a></li><li><a class="submenu-font" href="letters-and-numbers">Letters &amp; Numbers</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:467">Mailboxes</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:420">Car Stops &amp; Bollards</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:405">A/C Security Cages</a></li><li><a class="submenu-font" href="stars">Stars</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103">All of this Category</a></li></ul></li><li><a href="aluminumpage" class="dropdown-lvl2 menu-font">Aluminum <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="aluminum-balusters">Balusters &amp; Newel Posts</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:705%20AND%20CategoryCode4:710%20AND%20CategoryCode4:717%20AND%20CategoryCode4:725%20AND%20CategoryCode4:729%20AND%20CategoryCode2:479%20AND%20CategoryCode2:497%20AND%20CategoryCode2:498">Scrollwork &amp; Scrolls</a></li><li><a class="submenu-font" href="aluminum-castings">Castings</a></li><li><a class="submenu-font" href="aluminum-handrails-and-accessories">Handrails</a></li><li><a class="submenu-font" href="aluminum-shoes">Shoes</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:705%20AND%20CategoryCode4:710%20AND%20CategoryCode4:717%20AND%20CategoryCode4:725%20AND%20CategoryCode4:729%20AND%20CategoryCode2:427%20AND%20CategoryCode2:410">Collars &amp; Banding</a></li><li><a class="submenu-font" href="aluminum-spears-and-finials">Spears &amp; Finials</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:705%20AND%20CategoryCode4:710%20AND%20CategoryCode4:717%20AND%20CategoryCode4:725%20AND%20CategoryCode4:729%20AND%20CategoryCode2:492">Rings</a></li><li><a class="submenu-font" href="aluminum-hardware">Hardware</a></li><li><a class="submenu-font" href="aluminum-commodity-metals">Commodity Aluminum</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:705%20AND%20CategoryCode4:710%20AND%20CategoryCode4:717%20AND%20CategoryCode4:725%20AND%20CategoryCode4:729">All of this Category</a></li></ul></li><li><a href="request-literature" class="menu-font showHideCatalogMenu">Request Literature</a></li><li><a href="Plasma" class="menu-font showHideCatalogMenu">Plasma</a></li><li><a href="quick-order" class="menu-font showHideCatalogMenu ShopAll">Quick Order</a></li></ul></li><li><a href="quick-order">Quick Order</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=Status:%22Online%20Specials%22">Online Specials</a></li><li><a href="contact-us">Contact Us</a></li><li><a href="request-literature">Request Literature</a></li><li><a href="#" class="dropdown">FAQ <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu"><li><a href="metalguide/index.html">Metal Reference Guide</a></li><li><a href="frequently-asked-questions#materialGuide">Family Guide</a></li></ul></li><li><a href="eCatalog">Shop by eCatalog</a></li><li><a href="Brochures">Shop by Brochure</a></li><li><a href="project-manager-tutorial">Project Manager</a></li></ul><script>
			$(window).load(function () {
			$('a.dropdown').on("click", function(e){
			if ($(this).next('ul').is(':visible')) {
			// The dropdown is not hidden
			} else {
			$('.dropdown-submenu').not(this).hide();
			}
			
			$('.dropdown-submenu ul').removeAttr('style');
			$(this).next('ul').toggle();
			e.stopPropagation();
			e.preventDefault();
			});
		
			$('a.dropdown-lvl2').on("click", function(e){
			if ($(this).next('ul').is(':visible')) {
			// The dropdown is not hidden
			} else {
			$('.dropdown-submenu-lvl2').not(this).hide();
			}
			
			$('.dropdown-submenu-lvl2 ul').removeAttr('style');
			$(this).next('ul').toggle();
			e.stopPropagation();
			e.preventDefault();
			});
			});
		</script><style>
			.unlisted {padding: 0px 0px 0px 10px}
			.dropdown-submenu{display: none;}
			.dropdown-submenu-lvl2{display: none;}
			.submenu-font{font-size: 12px !important;}
			.menu-font{font-size: 12px !important;}
			.scrollMenu{overflow-y: auto;}
		
			.expand-symbol {
			transition: transform 0.3s ease; /* Add a smooth transition effect */
			font-family: 'Arial', sans-serif;
			}
		
			.expand-symbol::before {
			content: '\25B6'; /* Unicode character for right-pointing triangle */
			font-size: 0.9em; /* Adjust the font size as needed */
			}
		</style></div><div id="AccountSideNav" class="sidenav navMenu"><a href="Login">Login / Create Account</a><a href="leaving-notification-Docusign">Apply for Credit</a></div><div id="OrdersSubMenu" class="sidenav navMenu" style="display:none;z-index:1000;"><a href="javascript:hideOrdersSubMenu()"><span><strong>&lt; Main Menu</strong></span></a><a href="FindAndTrackOrders">Find &amp; Track</a><a href="BackOrder">Back Orders</a></div><div id="SettingsSubMenu" class="sidenav navMenu" style="display:none;z-index:1000;"><a href="javascript:hideSettingsSubMenu()"><span><strong>&lt; Main Menu</strong></span></a><a href="account-information">Account-Information</a><a href="account-information">Addresses</a><a href="manage-users">Users</a><a href="ManagePayments">Payment Profiles</a></div><script>
		function showOrdersSubMenu(){
		$("#OrdersSubMenu").show();
		}
		function hideOrdersSubMenu(){
		$("#OrdersSubMenu").hide();
		}
		function showSettingsSubMenu(){
		$("#SettingsSubMenu").show();
		}
		function hideSettingsSubMenu(){
		$("#SettingsSubMenu").hide();
		}
	</script><div id="SearchNav" class="navMenu"><div id="easy-suggestion" class="mobileSearch"><div id="suggestion-div"><input id="suggestion" /><img class="ssimg mobileSearchIcon" onclick="ssClickMobile(event);" alt="Search" src="Images/EP_Suggestive_Search_Icon.png?v=1" /></div><script>
				$(document).ready(function(){
				$('#easy-suggestion.mobileSearch #suggestion').keypress(function(e){
				if(e.keyCode==13)
				$('.ssimg.mobileSearchIcon').click();
				});
				});
			</script><style>
				.ssimg{cursor: pointer;}.menu-sub-arrow{float:right;}
			</style></div></div><div id="MobileMenu" class="mobile-only"><div id="LeftIcons"><div id="MenuIcon" class="MobileIcon"><input type="hidden" /></div><div id="AccountIcon" class="MobileIcon"><input type="hidden" /></div></div><div id="RightIcons"><div id="SearchIcon" class="MobileIcon"><input type="hidden" /></div><a href="shopping-cart"><div id="CartIcon" class="MobileIcon"><input type="hidden" /></div></a></div><div id="LogoContainer"><a href="https://www.krisecloud.com/King_QA/EASYCommerce/"><img class="MobileLogo" src="King/Images/kingmetalslogo_1.jpg" /></a></div></div></MobileHtml></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="MobileMenuCSS@3@-1@-1" id ="MobileMenuCSS@3@-1@-1" ct ="Field" ><style>
body {
    font-family: "AvenirLTStd-Book";
}
#MenuBar{
  height:60px;
  padding-left:10px;
  background:#535353;
}
.sidenav {
    height: 100%;
    height: calc(100% - 60px);
    width: 285px;
    display:none;
    position: fixed;
    z-index: 500;
    top: 60px;
    left: 0;
    background-color: #535353;
    overflow-x: hidden;
    transition: 0.5s;
    padding: 0px 16px;
    box-sizing:border-box;
}

.sidenav a {
    padding: 13px 0px;
    text-decoration: none;
    font-size: 16px;
    color: #FFF;
    display: block;
    transition: 0.3s;
//    width:210px;
    height:20px;
    border-bottom:1px solid #FFF;
    text-transform:uppercase;    
    line-height: 20px;
    height: 46px;

}

.sidenav a:focus, .sidenav a:hover {
     color: #FFF !important;
     text-decoration: none !important;
}

#MobileMenu {
  max-width:767px;
  min-width:360px;
  height: 60px;
  width: 100%;
  color: #FFF;
  background-color:white;
  box-shadow:rgba(83,83,83,.25) 0 4px 3px;
}

#MobileMenu #LeftIcons,
#MobileMenu #RightIcons {
  width: 74px;
  height: 34px;
  padding: 1px;
  margin: 13px 8px;
}

#MobileMenu .MobileIcon {
  width: 32px;
  height: 32px;
}

#MobileMenu .MobileIcon{
  width:32px;
  height:32px;
  background-size:cover;
}

#MobileMenu #MenuIcon,
#MobileMenu #SearchIcon{
  margin-right: 8px;
}
#MobileMenu #MenuIcon{
    background-image:url(icons/hamburger-535353-16px@3x.png);
}
#MobileMenu #SearchIcon{
      background-image:url(icons/search-535353-16px@3x.png);
}
#MobileMenu #AccountIcon{
      background-image:url(icons/profile-535353-16px@3x.png);
}
#MobileMenu #CartIcon{
      background-image:url(icons/cart-535353-16px@3x.png);
}

#MobileMenu .MobileLogo
{
  height:auto;
  width:auto;
  margin:13px auto;
  margin-top:20px;
  max-width:200px;
  max-height:20px;
}
#MobileMenu #LeftIcons{
  float:left;
}
#MobileMenu #RightIcons{
  float:right;
}
#MobileMenu #LogoContainer
{
display: -webkit-flex;
    display: flex;
float:none;
margin:auto;
width:auto;
}
#MobileMenu div
{
float:left;
}
#MobileMenu #MenuIcon.active,
#MobileMenu #AccountIcon.active,
#MobileMenu #SearchIcon.active
{
  background-image:url(icons/X-bc4f07-16px@3x.png);
}
#SearchNav{
  width:100%;
  height:54px;
  display:none;
  background:#BC4F07;
  position: fixed;
  z-index: 1;
  top: 60px;
  left: 0;
  text-align:center;
  padding:7px;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow:visible;
}
#SearchNav input{
  height:40px;
  width:80vw;
}
#SearchNav div:not(.tt-suggest-item), #SearchNav span{
  overflow:visible;
}
#SearchNav #easy-suggestion .tt-menu{
left:0px !important;
left:-2% !important;
max-width:96%;
max-width:calc(100vw - 4%);
overflow-y:auto;
}

#LogoContainer a{
	width: 100%;
    display: block;
    text-align: center;
}    
@media only screen and (min-width: 769px) {
    .MobileHeaderSection {display: none;}
}
</style></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="MobileMenuJS@3@-1@-1" id ="MobileMenuJS@3@-1@-1" ct ="Field" ><script>
function disableMobileScreen(){
	$("#mobileScreenDisable").show();
	$('body').addClass('stop-scrolling');
	$('body').bind('touchmove', function(e){e.preventDefault()})
}
function enableMobileScreen(){
	$("#mobileScreenDisable").hide();
	$('body').removeClass('stop-scrolling');
	$('body').unbind('touchmove')
}
function closeAllMenus(){
	$(".active").removeClass("active");
	$(".sidenav").hide();
	closeMenuNav();
	closeAccountNav();
}
function openMenuNav() {
		$(".navMenu").hide();
    $(".active").removeClass("active");
    $("#MenuSideNav").show();
    $("#MenuSideNav, #MenuIcon").addClass("active");
	disableMobileScreen();
}
function closeMenuNav() {
    $("#MenuSideNav").hide();
    $("#MenuSideNav").removeClass("active");
	enableMobileScreen();
}
function toggleMenuNav(){
	  if($("#MenuSideNav.active").length){
    	closeMenuNav();
    }else{
    	openMenuNav();
    }
}
function openAccountNav() {
		$(".navMenu").hide();
    $(".active").removeClass("active");
    $("#AccountSideNav").show();
    $("#AccountSideNav, #AccountIcon").addClass("active");
	disableMobileScreen();
}
function closeAccountNav() {
    $("#AccountSideNav").hide();
    $("#AccountSideNav").removeClass("active");
	enableMobileScreen();
}
function toggleAccountNav(){
	  if($("#AccountSideNav.active").length){
    	closeAccountNav();
    }else{
    	openAccountNav();
    }
}
function openSearchNav() {
	$(".navMenu").hide();
    $(".active").removeClass("active");
    $("#SearchNav").show();
    $("#SearchNav, #SearchIcon").addClass("active");
	enableMobileScreen();
}
function closeSearchNav() {
    $("#SearchNav").hide();
    $("#SearchNav").removeClass("active");
}
function toggleSearchNav(){
	  if($("#SearchNav.active").length){
    	closeSearchNav();
    }else{
    	openSearchNav();
    }
}
$(function(){
$("#MenuIcon").click(function(){
	$(this).toggleClass('active');
	toggleMenuNav();
});
$("#AccountIcon").click(function(){
	$(this).toggleClass('active');
	toggleAccountNav();
});
$("#SearchIcon").click(function(){
	$(this).toggleClass('active');
	toggleSearchNav();
});
$("#mobileScreenDisable").click(function(event){
	enableMobileScreen();
	closeAllMenus();
});
});
</script></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="MobileMLMenuCSS@3@-1@-1" id ="MobileMLMenuCSS@3@-1@-1" ct ="Field" ><style>

/* NEW 2nd-Level Dropdown CSS START 
.dropdown-submenu{position: relative;}
.dropdown-submenu .caret{-webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.dropdown-submenu > .dropdown-menu {top:0; left:100%; margin-top:-6px; margin-left:-1px;}
.dropdown-submenu.open > a:after{border-left-color:#fff;}
.dropdown-submenu.open > .dropdown-menu, .dropdown-submenu.open > .dropdown-menu {display: block;}
.dropdown-submenu .dropdown-menu{margin-bottom: 8px;}
.navbar-default .navbar-nav .open .dropdown-menu .dropdown-submenu ul{background-color: #f6f6f6;}
.navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-submenu ul{background-color:#333;}
.navbar .navbar-nav .open .dropdown-submenu .dropdown-menu > li > a{padding-left: 30px;}
@media screen and (min-width:992px){
    .dropdown-submenu .dropdown-menu{margin-bottom: 2px;}
    .navbar .navbar-nav .open .dropdown-submenu .dropdown-menu > li > a{padding-left: 25px;}
    .navbar-default .navbar-nav .open .dropdown-menu .dropdown-submenu ul{background-color:#fff;}
    .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-submenu ul{background-color:#fff;}
}
 NEW 2nd-Level Dropdown CSS END */

</style></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="MobileMLMenuJS@3@-1@-1" id ="MobileMLMenuJS@3@-1@-1" ct ="Field" ><script>


</script></span></td></tr></table></td></tr></table></Span></td></tr></table></Span></td>
                  </tr>
                  <tr class="LayoutRow" height="25%">
                     <td class="LayoutCell BasicBody" valign="top" editbyid="Basic" editbytype="Template" contentid="Body" contenttype="ContentArea"><table  class = "LayoutTable" CellSpacing = "0" CellPadding = "0" Width = "100%"><tbody><tr  class = "LayoutRow"><td  class = "LayoutCell" valign = "top" editbyid = "DecorativeCastingsPage" editbytype = "Page" contentid = "WPT-10001278" contenttype = "Webpart"><Span ct = "WebPart" displayProgressType="WebPart" progressAnimationText="" progressAnimationUrl = "/King_QA/EASYCommerce/images/progress.gif" url = "/King_QA/EASYCommerce/" iscms = "True"ctid = "WPT-10001278" instid = "4" ajax = "False" pn = "DecorativeCastingsPage" 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">
    <title>Decorative Castings</title>
    <meta name="description" content="Go beyond functional. add a touch of style to your gates, entrances, archways and fences. Our decorative castings in metal and plastic match any look and price.">
    <meta name="keywords" content="Metal friezes, cast iron corner brackets, forged steel cast iron decorations, decorative metal castings, plastic picket castings, decorative metal rosettes medallions, cast iron panels, metal iron steel gate toppers, metal picket castings ">
<!--    <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>
    .hero {
    background-image:linear-gradient(rgba(0, 0, 0, 0.09), rgba(0, 0, 0, 0.4)), url('https://i.redd.it/9pi5oj8om9h81.jpg');
    background-size:cover !important;
    background-repeat: no-repeat;
    font-family: 'Avenir', Helvetica, sans-serif;
   
  }

  @media (max-width: 1449px) {
      .hero {
        background-position: 0px 0px;
      }
  }
  .one-para {
    font-size: 35px;
   
    text-shadow: 2px 2px 5px black;
  }
  .top-title {
    text-shadow: 2px 2px 5px black;
    margin-top: 18% !important;
    font-size: 90px !important;
  }
  .top-btn {
    margin-bottom: 30% !important;
  }
  

.cast {
    background-image: url('https://preview.redd.it/azu9hk1v2vc81.jpg?width=960&crop=smart&auto=webp&s=96b21df185168beee8a52ac7e3b64f32541cc37e');
    background-size:cover !important;
    background-repeat: no-repeat;
    font-family: 'Avenir', Helvetica, sans-serif;

  }

  .cast-title {
        text-shadow: 2px 2px 5px black;
        margin-top: 10% !important;
        font-size: 90px !important;
  }

  .cast-para {
    font-size: 35px;
    text-shadow: 2px 2px 5px black;
  }

  .cast-btn {
      margin-bottom: 10%;
  }

  .topper {
    background-image: url('https://i.redd.it/wzxreteadvc81.jpg');
    background-size:cover !important;
    background-repeat: no-repeat;
    font-family: 'Avenir', Helvetica, sans-serif;

  }

  .topper-title {
        text-shadow: 2px 2px 5px black;
        margin-top: 10% !important;
        font-size: 90px !important;
  }

  .topper-para {
    font-size: 35px;
    text-shadow: 2px 2px 5px black;
  }

  .topper-btn {
      margin-bottom: 10%;
  }

  .ball {
    background-image: url('https://i.redd.it/pafpk9pafvc81.jpg');
    background-size:cover !important;
    background-repeat: no-repeat;
    font-family: 'Avenir', Helvetica, sans-serif;
    background-position: 0px ;

  }

  .ball-title {
        text-shadow: 2px 2px 5px black;
        margin-top: 10% !important;
        font-size: 90px !important;
  }

  .ball-para {
    font-size: 35px;
    text-shadow: 2px 2px 5px black;
  }

  .ball-btn {
      margin-bottom: 10%;
  }



/* set up */

@media (max-width: 700px) {
    .top-title {
       font-size: 60px !important;

   }
   
   .one-para {
     font-size: 25px !important;
 
     }

     .ball-title {
     
      font-size: 60px !important;
}

.ball-para {
  font-size: 25px;

}
      
.topper-title {

  font-size: 60px !important;
}

.topper-para {
font-size: 25px;

}
.cast-title {

  font-size: 60px !important;
}

.cast-para {
font-size: 25px;

}

   }



* {
    padding: 0px;
    margin: 0px;
  }
  
  html {
    overflow-x: hidden;
    padding: 0px;
    margin: 0px;
  }

.bg-lightgray {
    background-color: lightgray;
  }
  
  .para {
    font-size: 21px;
  
  }
  .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;
  }
  
  @media(max-width: 700px) {
    .btn{
      font-size: 18px !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;
  }
  
  
  
  .door-card{
    max-width: 400px;
  }
  
  .sub-head{
    font-size: 28px;
  }
  
  .card-heading-title {
  font-size: 50px;
  }
  
  @media(max-width: 700px) {
  .card-heading-title {
    font-size: 40px;
  }
  
  }
  
  .door-card {
    max-width: 300px;
  }
  .card-text {
  font-size: 25px;
  }
  
.card-oran{
    background-color: #bc4f07;
}
  
  .card-btn{
      background-color: #bc4f07 !important;
      color: white !important;
  }
  .card-btn {
      background-color: #bc4f07 !important;
  }
  .card-btn:hover {
      border-color: white !important;
      background-color: gray !important;
      color: white !important;
  }

  .img-card-1{
    opacity: 1;
    }
    
    .img-card-1:hover {
      opacity: 0;
      transition: all 1s;
      cursor: pointer;
    }
    
    .img-card-2 {
      opacity: 0;
      position: absolute;
      transition: all 1s;
    
    }
    
    .img-card-2:hover {
      opacity: 1;
      transition: all 1s;
      cursor: pointer;
    }
      
    .alum-button:hover {
      background-color: gray !important;
      }

.bg-gray {
    background-color: gray;
}
  /* set up end  */

.card{
  border: 1px solid gray;
  background-color: gray;
}

a {
  color: white;
  text-decoration: none;
}


.card { 
  max-width: 370px !important;
}

  </style>


</head>
<body>


    <div id="Hero"></div>
    <div id="PanelsAndFriezes"></div>
    <div id="Corner"></div>
    <div id="PicketAndAluminum"></div>
    <div id="CastIron"></div>
    <div id="PlasticPicket"></div>
    <div id="Rosettes"></div>
    <div id="Toppers"></div>
    <div id="Scroll"></div>
    <div id="Balls"></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 Castings</h1>
                        <p className='text-white one-para top-btn'>Metal and plastic decorative castings to put the final touches on any project</p>
                        
                    </div>
                    <div className="col-xl-3 col-lg-12"></div>
                    <div className="col-xl-2 col-lg-0"></div>
                </div>
            </div>
        </section>
      )
    }
    ReactDOM.render(<Hero />, document.getElementById('Hero'))


    $(document).ready(function() {
        $("#button").click(function() {
            $([document.documentElement, document.body]).animate({
                scrollTop: $("#panels").offset().top
            }, 50)
        })
    })
  </script>


<script type='text/babel'>

    const PanelsAndFriezes = () => {
        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/gbl2qrsg2vc81.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' id="panels">Panels</h3>
                                    <p className='mb-4 para'>Cast iron is the perfect choice for
                                         decorative panels. Their delicate and ornate appearance 
                                         belies their strength and durability. Outside or inside, 
                                         cast iron panels provide the look and long life 
                                         to match any project.
                                    </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=CategoryCode5:041%20AND%20CategoryCode2:421')}
                                    >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'>Friezes</h3>
                                    <p className='mb-4 para'>Friezes are an iconic decorative component,
                                         highlighting the overall feel of the room or building.
                                          Our forged steel, cast iron and aluminum friezes come 
                                          in a range of styles to complement any entrance, 
                                          wall or archway. 
                                    </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=CategoryCode5:041%20AND%20CategoryCode2:447')}
                                    >EXPLORE</button>
                                </div>

                                <div className="col-xl-5 col-lg-12 mx-auto mt-5 px-5"> 
                                    <img src="https://i.redd.it/a5eq9luk2vc81.jpg" 
                                    alt="ring pic" className='img-fluid mb-5' />
                                </div>
                                <div className="col-xl-1 col-lg-0"></div>
                            </div>
                    </div>
                </section>
            </>
        )
    }
    ReactDOM.render(<PanelsAndFriezes />, document.getElementById('PanelsAndFriezes'))
</script>

<script type='text/babel'>

    const Corner =() => {
        return (
            <>
                <section className='bg-dark'>
                        <div className="container-fluid">
                            <div className="row">
                                <h1 className='text-center card-heading-title mt-4 text-white'>Corner Brackets</h1> 
                                <h4 className='mb-5 text-center sub-head text-white'>Don't cut corners - accentuate them with stylish cast iron corner brackets</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-04000-392_0001-WEB-500.jpg" alt="#13-04000-392" className='card-img-top'/>
                                        <div className="card-body text-center card-oran">
                                          <a href="https://www.krisecloud.com/King_QA/EASYCommerce/shopping?Page=1&PerPage=10&SortColumn=CategoryCode11&Descending=No&Filters=CategoryCode5:041%20AND%20CategoryCode2:429"> <p className='text-white card-text'>#13-04000-392</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-80-B_0001.jpg" alt="#45-80-B" className='card-img-top'/>
                                        <div className="card-body text-center card-oran">
                                            <a href="https://www.krisecloud.com/King_QA/EASYCommerce/shopping?Page=1&PerPage=10&SortColumn=CategoryCode11&Descending=No&Filters=CategoryCode5:041%20AND%20CategoryCode2:429"><p className='text-white card-text'>#45-80-B</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-8028_0001-WEB-500.jpg" alt="#45-8028" className='card-img-top'/>
                                        <div className="card-body text-center card-oran">
                                          <a href="https://www.krisecloud.com/King_QA/EASYCommerce/shopping?Page=1&PerPage=10&SortColumn=CategoryCode11&Descending=No&Filters=CategoryCode5:041%20AND%20CategoryCode2:429"><p className='text-white card-text'>#45-8028</p></a>
                                        </div>
                                    </div>
                                </div>
                            <div className="col-xl-2 col-lg-0"></div>
                            </div>
                        </section>
            </>
        )
    }

ReactDOM.render(<Corner />, document.getElementById('Corner'))

</script>

<script type='text/babel'>

    const PicketAndAluminum = () => {
        return (
            <>
            <div className="container-fluid">
                            <div className="row">
                                <h1 className='text-center card-heading-title mt-4 mb-4'>Pickets & Aluminum Castings</h1> 
                               
                            </div>    
                        </div>
            <section className="bg-white">
                <div className="container align-items-center text-center mx-auto ">
                    <div className="row mx-auto align-items-center text-center">
                        <div className="col-xl-1 col-lg-0"></div>
                        <div className="col-xl-5 col-lg-6 col-md-12 mx-auto px-5 align-items-center text-center">
                            <div className="card mb-5 mx-auto">
                                <img className="card-img-top img-card-1" src='https://i.redd.it/f9wca7uo2vc81.jpg'/>
                                <img className="card-img-top img-card-2" src='https://preview.redd.it/j4dzvmmeqmg81.png?width=745&format=png&auto=webp&s=0c0d3fa6c8b3c60c2a8d2b6958cab85dc93dc58a'/>
                                    <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:481')}
                                        >EXPLORE</button>
                                    </div>
                            </div> 
                        </div>
                        <div className="col-xl-5 col-lg-6 col-md-12 mx-auto px-5 align-items-center text-center">
                            <div className="card mb-5 mx-auto">
                                <img className="card-img-top img-card-1" src='https://i.redd.it/t1z49uuq2vc81.jpg'/>
                                <img className="card-img-top img-card-2" src='https://preview.redd.it/783xylmeqmg81.png?width=745&format=png&auto=webp&s=bcbcbbaf761370166382c806cfdb2951fc6e2a55'/>
                                    <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=CategoryCode5:041%20AND%20CategoryCode4:710')}
                                        >EXPLORE</button>
                                    </div>
                            </div> 
                        </div>
                        <div className="col-xl-1 col-lg-0"></div>
                    </div>
                </div>
            </section>
            </>
        )
    }
ReactDOM.render(<PicketAndAluminum />, document.getElementById('PicketAndAluminum'))
</script>


<script type='text/babel'>
    const CastIron = () => {
        return (
            <section className='cast'>
                <div className="container-fluid">
                    <div className="row text-center align-items-center">
                        <div className="col-12">
                            <h1 className='text-white mb-2 cast-title'>Cast Iron Casting</h1>
                            <p className='text-white cast-para'>Balusters, brackets, shoes, curls… help yourself to any cast iron accent</p>
                            <button className='btn btn-oran mx-auto btn-lg px-5 cast-btn'
                            onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/ECCatalog.aspx?SortColumn=CategoryCode10&Descending=Yes&SearchText=cast%20iron&Page=1')}
                            >EXPLORE</button>
                        </div>
                        <div className="col-xl-3 col-lg-12"></div>

                    </div>
                </div>
            </section>
        )
    }
    ReactDOM.render(<CastIron/>, document.getElementById('CastIron'))
</script>


<script type='text/babel'>

    const PlasticPicket =() => {
        return (
            <>
                <section className='bg-white'>
                        <div className="container-fluid">
                            <div className="row">
                                <h1 className='text-center card-heading-title mt-4'>Plastic Picket Casting </h1> 
                                <h4 className='mb-5 text-center sub-head '>Put the finishing touches on your fence.</h4>   
                            </div>    
                        </div>
                            <div className="row">
                            <div className="col-xl-2"></div>
                                <div className="col-xl-2 col-lg-4 col-md-6 col-sm-12 mx-auto px-3">
                                    <div className="card mx-auto mb-5 loop-card card-width ">
                                        <img src="https://www.krisecloud.com/King_QA/EASYCommerce/King/images/ProductImages/13-15060-116_0001.jpg" alt="#13-15060-116" className='card-img-top'/>
                                        <div className="card-body text-center card-blue">
                                          <a href="https://www.krisecloud.com/King_QA/EASYCommerce/ECCatalog.aspx?SortColumn=CategoryCode10&Descending=Yes&SearchText=plastic%20spear&Page=1"><p className='text-white card-text'>#13-15060-116</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/13-12042-432_0001.jpg" alt="#13-12042-432" className='card-img-top'/>
                                        <div className="card-body text-center card-blue">
                                            <a href="https://www.krisecloud.com/King_QA/EASYCommerce/ECCatalog.aspx?SortColumn=CategoryCode10&Descending=Yes&SearchText=plastic%20spear&Page=1"><p className='text-white card-text'>#13-12042-432</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/13-12042-431_0001-WEB-500.jpg" alt="#13-12042-431" className='card-img-top'/>
                                        <div className="card-body text-center card-blue">
                                          <a href="https://www.krisecloud.com/King_QA/EASYCommerce/ECCatalog.aspx?SortColumn=CategoryCode10&Descending=Yes&SearchText=plastic%20spear&Page=1"><p className='text-white card-text'>#13-12042-431</p></a>
                                        </div>
                                    </div>
                                </div>
                            <div className="col-xl-2 col-lg-0"></div>
                            </div>
                        </section>
            </>
        )
    }

ReactDOM.render(<PlasticPicket />, document.getElementById('PlasticPicket'))

</script>


<script type='text/babel'>

    const Rosettes = () => {
        return (
            <>
                <section className='bg-dark'>
                    <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-4"> 
                                    <img src="https://i.redd.it/06twatpx2vc81.jpg" 
                                    alt="rosette 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 text-white'>Rosettes & Medallions </h3>
                                    <p className='mb-4 para text-white'>Have a favorite motif or pattern? Maybe
                                         something you saw once that left a long-lasting impression? Chances 
                                         are we have a cast iron rosette or medallion that matches what you 
                                         have in mind to make your project just as memorable. 
                                    </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=CategoryCode2:495')}
                                    >EXPLORE</button>
                                </div>
                                
                                <div className="col-xl-1 col-lg-0"></div>
                            </div>
                    </div>
                </section>
            </>
        )
    }

    ReactDOM.render(<Rosettes />, document.getElementById('Rosettes'))
</script>

<script type='text/babel'>

    const Toppers = () => {
        return (
            <section className='topper'>
                <div className="container-fluid">
                    <div className="row text-center align-items-center">
                        <div className="col-12">
                            <h1 className='text-white mb-2 topper-title'>Gate Toppers</h1>
                            <p className='text-white topper-para'>Take your gate beyond simply functional with an iron or steel gate topper</p>
                            <button className='btn btn-oran mx-auto btn-lg px-5 topper-btn'
                            onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/shopping?Page=1&PerPage=10&SortColumn=CategoryCode11&Descending=No&Filters=CategoryCode5:041%20AND%20CategoryCode2:454')}
                            >EXPLORE</button>
                        </div>
                        <div className="col-xl-3 col-lg-12"></div>
                    </div>
                </div>
            </section>
        )
    }

ReactDOM.render(<Toppers />, document.getElementById('Toppers'))
</script>

<script type='text/babel'>
    const Scroll = () => {
        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">
                                    <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=CategoryCode4:711%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-4"> 
                                    <img src="https://i.redd.it/b6py31a33vc81.jpg" 
                                    alt="scroll pic" className='img-fluid mb-5' />
                                </div>
                                <div className="col-xl-1 col-lg-0"></div>
                            </div>
                    </div>
                </section>
            </>
        )
    }
ReactDOM.render(<Scroll />, document.getElementById('Scroll'))
</script>


<script type='text/babel'>

    const Balls = () => {
        return (
            <section className='ball'>
                <div className="container-fluid">
                    <div className="row text-center align-items-center">
                        <div className="col-12">
                            <h1 className='text-white mb-2 ball-title'>Balls</h1>
                            <p className='text-white ball-para'>Top off any fence post or picket with a sturdy, well-fitted cast iron ball</p>
                            <button className='btn btn-oran mx-auto btn-lg px-5 ball-btn'
                            onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/shopping?Page=1&PerPage=10&SortColumn=CategoryCode11&Descending=No&Filters=CategoryCode4:711%20AND%20CategoryCode2:408')}
                            >EXPLORE</button>
                        </div>
                        <div className="col-xl-3 col-lg-12"></div>

                    </div>
                </div>
            </section>
        )
    }

    ReactDOM.render(<Balls />, document.getElementById('Balls'))
</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 = "ECItemMainPage" 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;2024 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>