<!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>StairsAndHandrails | 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="StairsAndHandrails"/>
	</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 = "Shopping" 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 = "Shopping" 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 = "Shopping" storeid = ""><table CellSpacing="0" CellPadding="0" width="100%" class="WebPart-Default-Main" style=""><tr class=""><td align="left" valign="middle" class=""><Span IsSection="True" SectionId="WSEC-10002523" ct="section" class="" style="display:none;"><table width="100%" CellSpacing="0" CellPadding="0" class="Menu-Style Section-Default-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10002523_VisibleController@3@-1@-1" id ="WSEC-10002523_VisibleController@3@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td class="Menu-Style Section-Default-GridCell"></td><td class="Menu-Style Section-Default-GridCell"></td><td align="right" valign="middle" class="Menu-Style Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10000101" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10000101_VisibleController@3@-1@-1" id ="WSEC-10000101_VisibleController@3@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" valign="top" class="Section-Default-GridCell"></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="HtmlGenericControl@3@-1@-1" id ="HtmlGenericControl@3@-1@-1" ct ="Field" ><script>
$(function(){
$(".Menu-HorizontalMenu-Level1Cell").on("touchstart",function(event){
  if($(this).children('a').attr('href')=="#ep"){
    event.preventDefault();
  }
  $(this).mouseover();
});
});
</script></span></td></tr></table></td></tr></table></Span></td></tr></table></td></tr></table></Span></td></tr><tr class=""><td align="left" valign="top" class=""><Span IsSection="True" SectionId="WSEC-10003406" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10003406_VisibleController@3@-1@-1" id ="WSEC-10003406_VisibleController@3@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="APIUrlJS@3@-1@-1" id ="APIUrlJS@3@-1@-1" ct ="Field" ><script>
			var cartCountAPIUrl = 'https://www.krisecloud.com/King_QA/EASYCommerce//REST/JSON/GetCartCount';
		</script></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="HtmlGenericControl1@3@-1@-1" id ="HtmlGenericControl1@3@-1@-1" ct ="Field" ><script>
async function fetchData() {

  try {
    const response = await fetch(cartCountAPIUrl); // Make the GET request

    if (!response.ok) { // Check if the request was successful
      throw new Error(`HTTP error! status: ${response.status}`);
    }

    const data = await response.json(); // Parse the JSON response
    console.log(data); // Process the retrieved data
$("#CartBar span").text(data.Output.Output.ItemCount);
  } catch (error) {
    console.error('Error fetching data:', error);
  }
}
$(function(){
$('#suggestion').attr('placeholder', 'QUICK ORDER/SEARCH');
fetchData();
});
</script>
<style>
.ssimg{
    position: relative;
    left: -10px;
}
</style></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="MenuBar@3@-1@-1" id ="MenuBar@3@-1@-1" ct ="Field" ><nav id="primary_nav_wrap" class="mobile-hide"><ul><li><a id="cssmenu" href="shopping?SortColumn=CategoryCode11&amp;Descending=No&amp;SearchText=&amp;Page=1">Shopping</a><ul id="menuCatalog"><li class="has-sub categoryCode1"><a href="AccessControl"><span>Access Controls</span></a><ul class="categoryCode2"><li><a href="Swing-Operators-and-Actuators">Swing Operators &amp; Actuators</a></li><li><a href="slideoperators">Slide Operators</a></li><li><a href="solar-operators">Solar Operators</a></li><li><a href="cantilever-gate-systems">Cantilever Gate Systems</a></li><li><a href="v-track-and-other-wheels">V-Track &amp; Other Wheels</a></li><li><a href="Safety-Devices-and-Fire-Boxes">Safety Devices &amp; Fire Boxes</a></li><li><a href="Loops-and-Exit-Wands">Loops &amp; Exit Wands</a></li><li><a href="keypads-remotes-phone-entry-and-more">Keypads, Remotes, Phone Entry &amp; More</a></li><li><a href="mechanical-accessories">Mechanical Accessories</a></li><li><a href="power-accessories">Power Accessories</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:100">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="stairsandhandrails"><span>Stairs &amp; Handrails</span></a><ul class="categoryCode2"><li><a href="handrails">Handrails</a></li><li><a href="stainless-steel-railing-systems">Stainless Steel Railing Systems</a></li><li><a href="handrail-ends-and-bends">Handrail Ends &amp; Bends</a></li><li><a href="handrail-brackets">Handrail Brackets</a></li><li><a href="brass-handrails-and-accessories">Brass</a></li><li><a href="aluminum-handrails-and-accessories">Aluminum</a></li><li><a href="punched-channel">Punched Channel</a></li><li><a href="Balusters-and-Newel-Posts2">Balusters &amp; Newel Posts</a></li><li><a href="stair-treads-and-risers">Stair Treads &amp; Risers</a></li><li><a href="shoes">Shoes</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:108%20AND%20CategoryCode2:409%20AND%20CategoryCode2:472%20AND%20CategoryCode4:727">
								Powder Coated Balusters
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=108">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="FenceAndGate"><span>Fencing &amp; Gates</span></a><ul class="categoryCode2"><li><a href="powder-coated-fence-systems">
								Powder Coated Fence Systems
							</a></li><li><a href="finials-spears-and-terminations">
								finials, spears &amp; terminations
							</a></li><li><a href="cantilever-gate-systems">
								Cantilever Gate Systems
							</a></li><li><a href="v-track-and-other-wheels">
								V-Track &amp; Other Wheels
							</a></li><li><a href="plugs-and-inserts">
								Plugs &amp; Inserts
							</a></li><li><a href="post-caps-tops-and-balls">
								Post Caps, Tops &amp; Balls
							</a></li><li><a href="pressed-pickets">
								Pressed Pickets
							</a></li><li><a href="punched-channel">
								Punched Channel
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:104%20AND%20CategoryCode2:450">
								Gate Frames
							</a></li><li><a href="hinges">
								Hinges
							</a></li><li><a href="fence-and-gate-hardware">
								Fence &amp; Gate Hardware
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:104">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="hingesAndhardware"><span>Hinges &amp; Hardware</span></a><ul class="categoryCode2"><li><a href="Base-Plates-and-Weld-Tabs2">
								Base Plates &amp; Weld Tabs
							</a></li><li><a href="v-track-and-other-wheels">
								Tracks &amp; Rolling Hardware
							</a></li><li><a href="fasteners-and-anchors">
								Fasteners &amp; Anchors
							</a></li><li><a href="door-and-gate-hardware">
								Door &amp; Gate Hardware
							</a></li><li><a href="hinges">
								Hinges &amp; Closers
							</a></li><li><a href="paints-and-finishes">
								Paints &amp; Finishes
							</a></li><li><a href="pipe-fittings">
								Pipe Fittings
							</a></li><li><a href="welding-supplies-and-abrasives">
								Welding Supplies &amp; Abrasives
							</a></li><li><a href="locks-and-lockboxes">
								Locks &amp; Lock Boxes
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:715">
								Cement
							</a></li><li><a href="overhead-track-and-barndoor-kits">
								Overhead Track &amp; Barndoor Kits
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:105">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="metalservice"><span>Metal Service Center</span></a><ul class="categoryCode2"><li><a href="angle-bars">
								Angle Bars
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:101%20AND%20CategoryCode2:491">
								Purlins
							</a></li><li><a href="channel-bars">
								Channel Bars
							</a></li><li><a href="expanded-metal">
								Expanded Metal
							</a></li><li><a href="strips-and-flats">
								Strips &amp; Flats
							</a></li><li><a href="plates-and-sheets">
								Plates &amp; Sheets
							</a></li><li><a href="punched-channel">
								Punched Channel
							</a></li><li><a href="solid-bars">
								Solid Bars
							</a></li><li><a href="tubing">
								Tubing
							</a></li><li><a href="pipes-and-fittings">
								Pipes &amp; Pipe Fittings
							</a></li><li><a href="roof-panels">
								Roof Panels
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:101">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="DecorativeComponents"><span>Decorative Components</span></a><ul class="categoryCode2"><li><a href="rings">
								Rings
							</a></li><li><a href="balls-and-hemis">
								Balls &amp; Hemis
							</a></li><li><a href="collars-and-banding">
								Collars &amp; Banding
							</a></li><li><a href="stars">
								Stars
							</a></li><li><a href="baskets">
								Baskets
							</a></li><li><a href="rosettes">
								Rosettes
							</a></li><li><a href="leaves-flowers-and-grapes">
								Leaves, Flowers &amp; Grapes
							</a></li><li><a href="finials-spears-and-terminations">
								Finials
							</a></li><li><a href="animals-bugs-and-seasonal">
								Animals, Bugs &amp; Seasonal
							</a></li><li><a href="scrolls-and-scrollwork">
								Scrolls &amp; Scrollwork
							</a></li><li><a href="furniture-components">
								Furniture Components
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:102">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="balustersandforgings"><span>Balusters &amp; Forgings</span></a><ul class="categoryCode2"><li><a href="Balusters-and-Newel-Posts2">
								Balusters &amp; Newel Posts
							</a></li><li><a href="scrolls-and-scrollwork">
								Scrolls, Scrollwork &amp; Panels
							</a></li><li><a href="baskets">
								Baskets &amp; Bosses
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:718%20AND%20CategoryCode2:408">
								Round &amp; Flattened Balls
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:718%20AND%20CategoryCode2:454">
								Gate Crests &amp; Toppers
							</a></li><li><a href="twisted-hmrd-textured-bar">
								Twisted, Hmrd, Textured Bar
							</a></li><li><a href="rosettes">
								Rosettes
							</a></li><li><a href="collars-and-banding">
								Collars &amp; Banding
							</a></li><li><a href="shoes">
								Shoes
							</a></li><li><a href="aluminum">
								Aluminum
							</a></li><li><a href="rings">
								Rings
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:718%20AND%20CategoryCode4:727">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="DecorativeCastingsPage"><span>Decorative Castings</span></a><ul class="categoryCode2"><li><a href="panels">
								Panels
							</a></li><li><a href="friezes">
								Friezes
							</a></li><li><a href="corner-brackets">
								Corner Brackets
							</a></li><li><a href="picket-castings">
								Picket Castings
							</a></li><li><a href="aluminum-castings">
								Aluminum Castings
							</a></li><li><a href="cast-iron-castings">
								Cast Iron Castings
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode2:481%20AND%20CategoryCode4:724">
								Plastic Picket Castings
							</a></li><li><a href="rosettes">
								Rosettes &amp; Medallions
							</a></li><li><a href="gate-toppers">
								Gate Toppers
							</a></li><li><a href="scrolls-and-scrollwork">
								Scrolls &amp; Scrollwork
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:711%20AND%20CategoryCode2:408">
								Balls
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode5:041">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="interiordecor"><span>Interior Décor</span></a><ul class="categoryCode2"><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:424%20AND%20CategoryCode2:425">
								Ceiling Mounts &amp; Chains
							</a></li><li><a href="overhead-track-and-barndoor-kits">
								Barndoors
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:445">
								Fireplace Accessories
							</a></li><li><a href="urns-and-planters">
								Urns, Planters &amp; Plant Stands
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:460">
								Decorative Hooks
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:417">
								Candelabras &amp; Candle Holders
							</a></li><li><a href="crosses-and-crests">
								Crosses &amp; Crests
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:520">
								Wine Rack
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:414">
								Towel &amp; Tissue Holders
							</a></li><li><a href="furniture-components">
								Furniture Components
							</a></li><li><a href="hand-forged-nails-and-screws">
								Hand Forged Nails &amp; Screws
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="exterioruseanddecor"><span>Exterior Use &amp; Décor</span></a><ul class="categoryCode2"><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:444">
								Firebowls
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:505">
								Sign Bracket
							</a></li><li><a href="urns-and-planters">
								Urns &amp; Planters
							</a></li><li><a href="birdbaths-and-fountains">
								Birdbaths &amp; Fountains
							</a></li><li><a href="cast-post-bases">
								Cast Post Bases
							</a></li><li><a href="lamp-posts-and-sconces">
								Lamp Posts &amp; Sconces
							</a></li><li><a href="letters-and-numbers">
								Letters &amp; Numbers
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:467">
								Mailboxes
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:420">
								Car Stops &amp; Bollards
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:405">
								A/C Security Cages
							</a></li><li><a href="stars">
								Stars
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="aluminumpage"><span>Aluminum</span></a><ul class="categoryCode2"><li><a href="aluminum-balusters">
								Balusters &amp; Newel Posts
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:705%20AND%20CategoryCode4:710%20AND%20CategoryCode4:717%20AND%20CategoryCode4:725%20AND%20CategoryCode4:729%20AND%20CategoryCode2:479%20AND%20CategoryCode2:497%20AND%20CategoryCode2:498">
								Scrollwork &amp; Scrolls
							</a></li><li><a href="aluminum-castings">
								Castings
							</a></li><li><a href="aluminum-handrails-and-accessories">
								Handrails
							</a></li><li><a href="aluminum-shoes">
								Shoes
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:705%20AND%20CategoryCode4:710%20AND%20CategoryCode4:717%20AND%20CategoryCode4:725%20AND%20CategoryCode4:729%20AND%20CategoryCode2:427%20AND%20CategoryCode2:410">
								Collars &amp; Banding
							</a></li><li><a href="aluminum-spears-and-finials">
								Spears &amp; Finials
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:705%20AND%20CategoryCode4:710%20AND%20CategoryCode4:717%20AND%20CategoryCode4:725%20AND%20CategoryCode4:729%20AND%20CategoryCode2:492">
								Rings
							</a></li><li><a href="aluminum-hardware">
								Hardware
							</a></li><li><a href="aluminum-commodity-metals">
								Commodity Aluminum
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:705%20AND%20CategoryCode4:710%20AND%20CategoryCode4:717%20AND%20CategoryCode4:725%20AND%20CategoryCode4:729">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a class="showHideCatalogMenu" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=Status:%22Online%20Specials%22">
						Online Specials
					</a></li><li class="has-sub categoryCode1"><a href="Plasma" class="showHideCatalogMenu">
						Plasma
					</a></li><li class="ShopAllListItem"><a href="quick-order" class="showHideCatalogMenu ShopAll">
						Quick Order
					</a></li></ul></li><li><a href="frequently-asked-questions">FAQ</a><ul><li><a href="metalguide/index.html">Metal Reference Guide</a></li><li><a href="frequently-asked-questions#materialGuide">Family Guide</a></li></ul></li><li id="MyAccount-Dropdown"><a href="Login">
				My Account
			</a><ul><li><a href="Login">Login / Create Account</a></li><li><a href="leaving-notification-Docusign" target="_blank">Apply For Credit</a></li></ul></li><li><a href="eCatalog">Shop by eCatalog</a><ul><li><a href="eCatalog">Shop by eCatalog</a></li><li><a href="Brochures">Shop by Brochure</a></li></ul></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=Status:%22Online%20Specials%22">
				Online Specials
			</a></li><li><a href="contact-us">Contact</a><ul><li><a href="request-literature">Request Literature</a></li></ul></li></ul><div id="CartBar"><a href="shopping-cart"><span>00</span><img src="Icons/cart-ffffff-16px@3x.png" /></a></div><div id="WishListBar"><a href="project-manager-tutorial"><span>00</span><img src="icons/projects-001b72-16px@3x.png" /></a></div></nav><style>
	#primary_nav_wrap #WishListBar span{
	color:#001b72
	}
	
</style></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="MenuCSS@3@-1@-1" id ="MenuCSS@3@-1@-1" ct ="Field" ></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="MenuJS@3@-1@-1" id ="MenuJS@3@-1@-1" ct ="Field" ></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="StyleScriptCatalogMenu1@3@-1@-1" id ="StyleScriptCatalogMenu1@3@-1@-1" ct ="Field" ><script type="text/javascript">
   $(document).ready(function() {
        $("#cssmenu").mouseenter(function(){
        $(".categoryCode2").each(function(index){
	var verticalOffset = $(this).closest(".categoryCode1").position().top * -1;
                var menuHeight = $("#menuCatalog").outerHeight();
	$(this).css('top', verticalOffset);
                $(this).css('height', menuHeight);
        });
});
   });
</script></span></td></tr></table></td></tr></table></Span></td></tr><tr class=""><td align="left" valign="top" class=""><Span IsSection="True" SectionId="WSEC-10003518" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default-Main MobileHeaderSection" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10003518_VisibleController@3@-1@-1" id ="WSEC-10003518_VisibleController@3@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="MobileMenuHtml@3@-1@-1" id ="MobileMenuHtml@3@-1@-1" ct ="Field" ><MobileHtml><div id="mobileScreenDisable"><input type="hidden" /></div><div id="MenuSideNav" class="sidenav navMenu scrollMenu"><ul class="unlisted"><li><a href="#" class="dropdown">Shopping <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu"><li><a href="AccessControl" class="dropdown-lvl2 menu-font">Access Controls <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="Swing-Operators-and-Actuators">Swing Operators &amp; Actuators</a></li><li><a class="submenu-font" href="slideoperators">Slide Operators</a></li><li><a class="submenu-font" href="solar-operators">Solar Operators</a></li><li><a class="submenu-font" href="cantilever-gate-systems">Cantilever Gate Systems</a></li><li><a class="submenu-font" href="v-track-and-other-wheels">V-Track &amp; Other Wheels</a></li><li><a class="submenu-font" href="Safety-Devices-and-Fire-Boxes">Safety Devices &amp; Fire Boxes</a></li><li><a class="submenu-font" href="Loops-and-Exit-Wands">Loops &amp; Exit Wands</a></li><li><a class="submenu-font" href="keypads-remotes-phone-entry-and-more">Keypads, Remotes, Phone Entry &amp; More</a></li><li><a class="submenu-font" href="mechanical-accessories">Mechanical Accessories</a></li><li><a class="submenu-font" href="power-accessories">Power Accessories</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:100">All of this Category</a></li></ul></li><li><a href="stairsandhandrails" class="dropdown-lvl2 menu-font">Stairs &amp; Handrails <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="handrails">Handrails</a></li><li><a class="submenu-font" href="stainless-steel-railing-systems">Stainless Steel Railing Systems</a></li><li><a class="submenu-font" href="handrail-ends-and-bends">Handrail Ends &amp; Bends</a></li><li><a class="submenu-font" href="handrail-brackets">Handrail Brackets</a></li><li><a class="submenu-font" href="brass-handrails-and-accessories">Brass</a></li><li><a class="submenu-font" href="aluminum-handrails-and-accessories">Aluminum</a></li><li><a class="submenu-font" href="punched-channel">Punched Channel</a></li><li><a class="submenu-font" href="Balusters-and-Newel-Posts2">Balusters &amp; Newel Posts</a></li><li><a class="submenu-font" href="stair-treads-and-risers">Stair Treads &amp; Risers</a></li><li><a class="submenu-font" href="shoes">Shoes</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:108%20AND%20CategoryCode2:409%20AND%20CategoryCode2:472%20AND%20CategoryCode4:727">Powder Coated Balusters</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=108">All of this Category</a></li></ul></li><li><a href="FenceAndGate" class="dropdown-lvl2 menu-font">Fencing &amp; Gates <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="powder-coated-fence-systems">Powder Coated Fence Systems</a></li><li><a class="submenu-font" href="finials-spears-and-terminations">finials, spears &amp; terminations</a></li><li><a class="submenu-font" href="cantilever-gate-systems">Cantilever Gate Systems</a></li><li><a class="submenu-font" href="v-track-and-other-wheels">V-Track &amp; Other Wheels</a></li><li><a class="submenu-font" href="plugs-and-inserts">Plugs &amp; Inserts</a></li><li><a class="submenu-font" href="post-caps-tops-and-balls">Post Caps, Tops &amp; Balls</a></li><li><a class="submenu-font" href="pressed-pickets">Pressed Pickets</a></li><li><a class="submenu-font" href="punched-channel">Punched Channel</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:104%20AND%20CategoryCode2:450">Gate Frames</a></li><li><a class="submenu-font" href="hinges">Hinges</a></li><li><a class="submenu-font" href="fence-and-gate-hardware">Fence &amp; Gate Hardware</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:104">All of this Category</a></li></ul></li><li><a href="hingesAndhardware" class="dropdown-lvl2 menu-font">Hinges &amp; Hardware <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="Base-Plates-and-Weld-Tabs2">Base Plates &amp; Weld Tabs</a></li><li><a class="submenu-font" href="v-track-and-other-wheels">Tracks &amp; Rolling Hardware</a></li><li><a class="submenu-font" href="fasteners-and-anchors">Fasteners &amp; Anchors</a></li><li><a class="submenu-font" href="door-and-gate-hardware">Door &amp; Gate Hardware</a></li><li><a class="submenu-font" href="hinges">Hinges &amp; Closers</a></li><li><a class="submenu-font" href="paints-and-finishes">Paints &amp; Finishes</a></li><li><a class="submenu-font" href="pipe-fittings">Pipe Fittings</a></li><li><a class="submenu-font" href="welding-supplies-and-abrasives">Welding Supplies &amp; Abrasives</a></li><li><a class="submenu-font" href="locks-and-lockboxes">Locks &amp; Lock Boxes</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:715">Cement</a></li><li><a class="submenu-font" href="overhead-track-and-barndoor-kits">Overhead Track &amp; Barndoor Kits</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:105">All of this Category</a></li></ul></li><li><a href="metalservice" class="dropdown-lvl2 menu-font">Metal Service Center <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="angle-bars">Angle Bars</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:101%20AND%20CategoryCode2:491">Purlins</a></li><li><a class="submenu-font" href="channel-bars">Channel Bars</a></li><li><a class="submenu-font" href="expanded-metal">Expanded Metal</a></li><li><a class="submenu-font" href="strips-and-flats">Strips &amp; Flats</a></li><li><a class="submenu-font" href="plates-and-sheets">Plates &amp; Sheets</a></li><li><a class="submenu-font" href="punched-channel">Punched Channel</a></li><li><a class="submenu-font" href="solid-bars">Solid Bars</a></li><li><a class="submenu-font" href="tubing">Tubing</a></li><li><a class="submenu-font" href="pipes-and-fittings">Pipes &amp; Pipe Fittings</a></li><li><a class="submenu-font" href="roof-panels">Roof Panels</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:101">All of this Category</a></li></ul></li><li><a href="DecorativeComponents" class="dropdown-lvl2 menu-font">Decorative Components <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="rings">Rings</a></li><li><a class="submenu-font" href="balls-and-hemis">Balls &amp; Hemis</a></li><li><a class="submenu-font" href="collars-and-banding">Collars &amp; Banding</a></li><li><a class="submenu-font" href="stars">Stars</a></li><li><a class="submenu-font" href="baskets">Baskets</a></li><li><a class="submenu-font" href="rosettes">Rosettes</a></li><li><a class="submenu-font" href="leaves-flowers-and-grapes">Leaves, Flowers &amp; Grapes</a></li><li><a class="submenu-font" href="finials-spears-and-terminations">Finials</a></li><li><a class="submenu-font" href="animals-bugs-and-seasonal">Animals, Bugs &amp; Seasonal</a></li><li><a class="submenu-font" href="scrolls-and-scrollwork">Scrolls &amp; Scrollwork</a></li><li><a class="submenu-font" href="furniture-components">Furniture Components</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:102">All of this Category</a></li></ul></li><li><a href="balustersandforgings" class="dropdown-lvl2 menu-font">Balusters &amp; Forgings <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="Balusters-and-Newel-Posts2">Balusters &amp; Newel Posts</a></li><li><a class="submenu-font" href="scrolls-and-scrollwork">Scrolls, Scrollwork &amp; Panels</a></li><li><a class="submenu-font" href="baskets">Baskets &amp; Bosses</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:718%20AND%20CategoryCode2:408">Round &amp; Flattened Balls</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:718%20AND%20CategoryCode2:454">Gate Crests &amp; Toppers</a></li><li><a class="submenu-font" href="twisted-hmrd-textured-bar">Twisted, Hmrd, Textured Bar</a></li><li><a class="submenu-font" href="rosettes">Rosettes</a></li><li><a class="submenu-font" href="collars-and-banding">Collars &amp; Banding</a></li><li><a class="submenu-font" href="shoes">Shoes</a></li><li><a class="submenu-font" href="aluminum">Aluminum</a></li><li><a class="submenu-font" href="rings">Rings</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:718%20AND%20CategoryCode4:727">All of this Category</a></li></ul></li><li><a href="DecorativeCastingsPage" class="dropdown-lvl2 menu-font">Decorative Castings <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="panels">Panels</a></li><li><a class="submenu-font" href="friezes">Friezes</a></li><li><a class="submenu-font" href="corner-brackets">Corner Brackets</a></li><li><a class="submenu-font" href="picket-castings">Picket Castings</a></li><li><a class="submenu-font" href="aluminum-castings">Aluminum Castings</a></li><li><a class="submenu-font" href="cast-iron-castings">Cast Iron Castings</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode2:481%20AND%20CategoryCode4:724">Plastic Picket Castings</a></li><li><a class="submenu-font" href="rosettes">Rosettes &amp; Medallions</a></li><li><a class="submenu-font" href="gate-toppers">Gate Toppers</a></li><li><a class="submenu-font" href="scrolls-and-scrollwork">Scrolls &amp; Scrollwork</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:711%20AND%20CategoryCode2:408">Balls</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode5:041">All of this Category</a></li></ul></li><li><a href="interiordecor" class="dropdown-lvl2 menu-font">Interior Décor <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:424%20AND%20CategoryCode2:425">Ceiling Mounts &amp; Chains</a></li><li><a class="submenu-font" href="overhead-track-and-barndoor-kits">Barndoors</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:445">Fireplace Accessories</a></li><li><a class="submenu-font" href="urns-and-planters">Urns, Planters &amp; Plant Stands</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:460">Decorative Hooks</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:417">Candelabras &amp; Candle Holders</a></li><li><a class="submenu-font" href="crosses-and-crests">Crosses &amp; Crests</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:520">Wine Rack</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:414">Towel &amp; Tissue Holders</a></li><li><a class="submenu-font" href="furniture-components">Furniture Components</a></li><li><a class="submenu-font" href="hand-forged-nails-and-screws">Hand Forged Nails &amp; Screws</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106">All of this Category</a></li></ul></li><li><a href="exterioruseanddecor" class="dropdown-lvl2 menu-font">Exterior Use &amp; Décor <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:444">Firebowls</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:505">Sign Bracket</a></li><li><a class="submenu-font" href="urns-and-planters">Urns &amp; Planters</a></li><li><a class="submenu-font" href="birdbaths-and-fountains">Birdbaths &amp; Fountains</a></li><li><a class="submenu-font" href="cast-post-bases">Cast Post Bases</a></li><li><a class="submenu-font" href="lamp-posts-and-sconces">Lamp Posts &amp; Sconces</a></li><li><a class="submenu-font" href="letters-and-numbers">Letters &amp; Numbers</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:467">Mailboxes</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:420">Car Stops &amp; Bollards</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:405">A/C Security Cages</a></li><li><a class="submenu-font" href="stars">Stars</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103">All of this Category</a></li></ul></li><li><a href="aluminumpage" class="dropdown-lvl2 menu-font">Aluminum <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="aluminum-balusters">Balusters &amp; Newel Posts</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:705%20AND%20CategoryCode4:710%20AND%20CategoryCode4:717%20AND%20CategoryCode4:725%20AND%20CategoryCode4:729%20AND%20CategoryCode2:479%20AND%20CategoryCode2:497%20AND%20CategoryCode2:498">Scrollwork &amp; Scrolls</a></li><li><a class="submenu-font" href="aluminum-castings">Castings</a></li><li><a class="submenu-font" href="aluminum-handrails-and-accessories">Handrails</a></li><li><a class="submenu-font" href="aluminum-shoes">Shoes</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:705%20AND%20CategoryCode4:710%20AND%20CategoryCode4:717%20AND%20CategoryCode4:725%20AND%20CategoryCode4:729%20AND%20CategoryCode2:427%20AND%20CategoryCode2:410">Collars &amp; Banding</a></li><li><a class="submenu-font" href="aluminum-spears-and-finials">Spears &amp; Finials</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:705%20AND%20CategoryCode4:710%20AND%20CategoryCode4:717%20AND%20CategoryCode4:725%20AND%20CategoryCode4:729%20AND%20CategoryCode2:492">Rings</a></li><li><a class="submenu-font" href="aluminum-hardware">Hardware</a></li><li><a class="submenu-font" href="aluminum-commodity-metals">Commodity Aluminum</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:705%20AND%20CategoryCode4:710%20AND%20CategoryCode4:717%20AND%20CategoryCode4:725%20AND%20CategoryCode4:729">All of this Category</a></li></ul></li><li><a href="request-literature" class="menu-font showHideCatalogMenu">Request Literature</a></li><li><a href="Plasma" class="menu-font showHideCatalogMenu">Plasma</a></li><li><a href="quick-order" class="menu-font showHideCatalogMenu ShopAll">Quick Order</a></li></ul></li><li><a href="quick-order">Quick Order</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=Status:%22Online%20Specials%22">Online Specials</a></li><li><a href="contact-us">Contact Us</a></li><li><a href="request-literature">Request Literature</a></li><li><a href="#" class="dropdown">FAQ <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu"><li><a href="metalguide/index.html">Metal Reference Guide</a></li><li><a href="frequently-asked-questions#materialGuide">Family Guide</a></li></ul></li><li><a href="eCatalog">Shop by eCatalog</a></li><li><a href="Brochures">Shop by Brochure</a></li><li><a href="project-manager-tutorial">Project Manager</a></li></ul><script>
			$(window).load(function () {
			$('a.dropdown').on("click", function(e){
			if ($(this).next('ul').is(':visible')) {
			// The dropdown is not hidden
			} else {
			$('.dropdown-submenu').not(this).hide();
			}
			
			$('.dropdown-submenu ul').removeAttr('style');
			$(this).next('ul').toggle();
			e.stopPropagation();
			e.preventDefault();
			});
		
			$('a.dropdown-lvl2').on("click", function(e){
			if ($(this).next('ul').is(':visible')) {
			// The dropdown is not hidden
			} else {
			$('.dropdown-submenu-lvl2').not(this).hide();
			}
			
			$('.dropdown-submenu-lvl2 ul').removeAttr('style');
			$(this).next('ul').toggle();
			e.stopPropagation();
			e.preventDefault();
			});
			});
		</script><style>
			.unlisted {padding: 0px 0px 0px 10px}
			.dropdown-submenu{display: none;}
			.dropdown-submenu-lvl2{display: none;}
			.submenu-font{font-size: 12px !important;}
			.menu-font{font-size: 12px !important;}
			.scrollMenu{overflow-y: auto;}
		
			.expand-symbol {
			transition: transform 0.3s ease; /* Add a smooth transition effect */
			font-family: 'Arial', sans-serif;
			}
		
			.expand-symbol::before {
			content: '\25B6'; /* Unicode character for right-pointing triangle */
			font-size: 0.9em; /* Adjust the font size as needed */
			}
		</style></div><div id="AccountSideNav" class="sidenav navMenu"><a href="Login">Login / Create Account</a><a href="leaving-notification-Docusign">Apply for Credit</a></div><div id="OrdersSubMenu" class="sidenav navMenu" style="display:none;z-index:1000;"><a href="javascript:hideOrdersSubMenu()"><span><strong>&lt; Main Menu</strong></span></a><a href="FindAndTrackOrders">Find &amp; Track</a><a href="BackOrder">Back Orders</a></div><div id="SettingsSubMenu" class="sidenav navMenu" style="display:none;z-index:1000;"><a href="javascript:hideSettingsSubMenu()"><span><strong>&lt; Main Menu</strong></span></a><a href="account-information">Account-Information</a><a href="account-information">Addresses</a><a href="manage-users">Users</a><a href="ManagePayments">Payment Profiles</a></div><script>
		function showOrdersSubMenu(){
		$("#OrdersSubMenu").show();
		}
		function hideOrdersSubMenu(){
		$("#OrdersSubMenu").hide();
		}
		function showSettingsSubMenu(){
		$("#SettingsSubMenu").show();
		}
		function hideSettingsSubMenu(){
		$("#SettingsSubMenu").hide();
		}
	</script><div id="SearchNav" class="navMenu"><div id="easy-suggestion" class="mobileSearch"><div id="suggestion-div"><input id="suggestion" /><img class="ssimg mobileSearchIcon" onclick="ssClickMobile(event);" alt="Search" src="Images/EP_Suggestive_Search_Icon.png?v=1" /></div><script>
				$(document).ready(function(){
				$('#easy-suggestion.mobileSearch #suggestion').keypress(function(e){
				if(e.keyCode==13)
				$('.ssimg.mobileSearchIcon').click();
				});
				});
			</script><style>
				.ssimg{cursor: pointer;}.menu-sub-arrow{float:right;}
			</style></div></div><div id="MobileMenu" class="mobile-only"><div id="LeftIcons"><div id="MenuIcon" class="MobileIcon"><input type="hidden" /></div><div id="AccountIcon" class="MobileIcon"><input type="hidden" /></div></div><div id="RightIcons"><div id="SearchIcon" class="MobileIcon"><input type="hidden" /></div><a href="shopping-cart"><div id="CartIcon" class="MobileIcon"><input type="hidden" /></div></a></div><div id="LogoContainer"><a href="https://www.krisecloud.com/King_QA/EASYCommerce/"><img class="MobileLogo" src="King/Images/kingmetalslogo_1.jpg" /></a></div></div></MobileHtml></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="MobileMenuCSS@3@-1@-1" id ="MobileMenuCSS@3@-1@-1" ct ="Field" ><style>
body {
    font-family: "AvenirLTStd-Book";
}
#MenuBar{
  height:60px;
  padding-left:10px;
  background:#535353;
}
.sidenav {
    height: 100%;
    height: calc(100% - 60px);
    width: 285px;
    display:none;
    position: fixed;
    z-index: 500;
    top: 60px;
    left: 0;
    background-color: #535353;
    overflow-x: hidden;
    transition: 0.5s;
    padding: 0px 16px;
    box-sizing:border-box;
}

.sidenav a {
    padding: 13px 0px;
    text-decoration: none;
    font-size: 16px;
    color: #FFF;
    display: block;
    transition: 0.3s;
//    width:210px;
    height:20px;
    border-bottom:1px solid #FFF;
    text-transform:uppercase;    
    line-height: 20px;
    height: 46px;

}

.sidenav a:focus, .sidenav a:hover {
     color: #FFF !important;
     text-decoration: none !important;
}

#MobileMenu {
  max-width:767px;
  min-width:360px;
  height: 60px;
  width: 100%;
  color: #FFF;
  background-color:white;
  box-shadow:rgba(83,83,83,.25) 0 4px 3px;
}

#MobileMenu #LeftIcons,
#MobileMenu #RightIcons {
  width: 74px;
  height: 34px;
  padding: 1px;
  margin: 13px 8px;
}

#MobileMenu .MobileIcon {
  width: 32px;
  height: 32px;
}

#MobileMenu .MobileIcon{
  width:32px;
  height:32px;
  background-size:cover;
}

#MobileMenu #MenuIcon,
#MobileMenu #SearchIcon{
  margin-right: 8px;
}
#MobileMenu #MenuIcon{
    background-image:url(icons/hamburger-535353-16px@3x.png);
}
#MobileMenu #SearchIcon{
      background-image:url(icons/search-535353-16px@3x.png);
}
#MobileMenu #AccountIcon{
      background-image:url(icons/profile-535353-16px@3x.png);
}
#MobileMenu #CartIcon{
      background-image:url(icons/cart-535353-16px@3x.png);
}

#MobileMenu .MobileLogo
{
  height:auto;
  width:auto;
  margin:13px auto;
  margin-top:20px;
  max-width:200px;
  max-height:20px;
}
#MobileMenu #LeftIcons{
  float:left;
}
#MobileMenu #RightIcons{
  float:right;
}
#MobileMenu #LogoContainer
{
display: -webkit-flex;
    display: flex;
float:none;
margin:auto;
width:auto;
}
#MobileMenu div
{
float:left;
}
#MobileMenu #MenuIcon.active,
#MobileMenu #AccountIcon.active,
#MobileMenu #SearchIcon.active
{
  background-image:url(icons/X-bc4f07-16px@3x.png);
}
#SearchNav{
  width:100%;
  height:54px;
  display:none;
  background:#BC4F07;
  position: fixed;
  z-index: 1;
  top: 60px;
  left: 0;
  text-align:center;
  padding:7px;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow:visible;
}
#SearchNav input{
  height:40px;
  width:80vw;
}
#SearchNav div:not(.tt-suggest-item), #SearchNav span{
  overflow:visible;
}
#SearchNav #easy-suggestion .tt-menu{
left:0px !important;
left:-2% !important;
max-width:96%;
max-width:calc(100vw - 4%);
overflow-y:auto;
}

#LogoContainer a{
	width: 100%;
    display: block;
    text-align: center;
}    
@media only screen and (min-width: 769px) {
    .MobileHeaderSection {display: none;}
}
</style></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="MobileMenuJS@3@-1@-1" id ="MobileMenuJS@3@-1@-1" ct ="Field" ><script>
function disableMobileScreen(){
	$("#mobileScreenDisable").show();
	$('body').addClass('stop-scrolling');
	$('body').bind('touchmove', function(e){e.preventDefault()})
}
function enableMobileScreen(){
	$("#mobileScreenDisable").hide();
	$('body').removeClass('stop-scrolling');
	$('body').unbind('touchmove')
}
function closeAllMenus(){
	$(".active").removeClass("active");
	$(".sidenav").hide();
	closeMenuNav();
	closeAccountNav();
}
function openMenuNav() {
		$(".navMenu").hide();
    $(".active").removeClass("active");
    $("#MenuSideNav").show();
    $("#MenuSideNav, #MenuIcon").addClass("active");
	disableMobileScreen();
}
function closeMenuNav() {
    $("#MenuSideNav").hide();
    $("#MenuSideNav").removeClass("active");
	enableMobileScreen();
}
function toggleMenuNav(){
	  if($("#MenuSideNav.active").length){
    	closeMenuNav();
    }else{
    	openMenuNav();
    }
}
function openAccountNav() {
		$(".navMenu").hide();
    $(".active").removeClass("active");
    $("#AccountSideNav").show();
    $("#AccountSideNav, #AccountIcon").addClass("active");
	disableMobileScreen();
}
function closeAccountNav() {
    $("#AccountSideNav").hide();
    $("#AccountSideNav").removeClass("active");
	enableMobileScreen();
}
function toggleAccountNav(){
	  if($("#AccountSideNav.active").length){
    	closeAccountNav();
    }else{
    	openAccountNav();
    }
}
function openSearchNav() {
	$(".navMenu").hide();
    $(".active").removeClass("active");
    $("#SearchNav").show();
    $("#SearchNav, #SearchIcon").addClass("active");
	enableMobileScreen();
}
function closeSearchNav() {
    $("#SearchNav").hide();
    $("#SearchNav").removeClass("active");
}
function toggleSearchNav(){
	  if($("#SearchNav.active").length){
    	closeSearchNav();
    }else{
    	openSearchNav();
    }
}
$(function(){
$("#MenuIcon").click(function(){
	$(this).toggleClass('active');
	toggleMenuNav();
});
$("#AccountIcon").click(function(){
	$(this).toggleClass('active');
	toggleAccountNav();
});
$("#SearchIcon").click(function(){
	$(this).toggleClass('active');
	toggleSearchNav();
});
$("#mobileScreenDisable").click(function(event){
	enableMobileScreen();
	closeAllMenus();
});
});
</script></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="MobileMLMenuCSS@3@-1@-1" id ="MobileMLMenuCSS@3@-1@-1" ct ="Field" ><style>

/* NEW 2nd-Level Dropdown CSS START 
.dropdown-submenu{position: relative;}
.dropdown-submenu .caret{-webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.dropdown-submenu > .dropdown-menu {top:0; left:100%; margin-top:-6px; margin-left:-1px;}
.dropdown-submenu.open > a:after{border-left-color:#fff;}
.dropdown-submenu.open > .dropdown-menu, .dropdown-submenu.open > .dropdown-menu {display: block;}
.dropdown-submenu .dropdown-menu{margin-bottom: 8px;}
.navbar-default .navbar-nav .open .dropdown-menu .dropdown-submenu ul{background-color: #f6f6f6;}
.navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-submenu ul{background-color:#333;}
.navbar .navbar-nav .open .dropdown-submenu .dropdown-menu > li > a{padding-left: 30px;}
@media screen and (min-width:992px){
    .dropdown-submenu .dropdown-menu{margin-bottom: 2px;}
    .navbar .navbar-nav .open .dropdown-submenu .dropdown-menu > li > a{padding-left: 25px;}
    .navbar-default .navbar-nav .open .dropdown-menu .dropdown-submenu ul{background-color:#fff;}
    .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-submenu ul{background-color:#fff;}
}
 NEW 2nd-Level Dropdown CSS END */

</style></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="MobileMLMenuJS@3@-1@-1" id ="MobileMLMenuJS@3@-1@-1" ct ="Field" ><script>


</script></span></td></tr></table></td></tr></table></Span></td></tr></table></Span></td>
                  </tr>
                  <tr class="LayoutRow" height="25%">
                     <td class="LayoutCell BasicBody" valign="top" editbyid="Basic" editbytype="Template" contentid="Body" contenttype="ContentArea"><table  class = "LayoutTable" CellSpacing = "0" CellPadding = "0" Width = "100%"><tbody><tr  class = "LayoutRow"><td  class = "LayoutCell" valign = "top" editbyid = "StairsAndHandrails" editbytype = "Page" contentid = "WPT-10001270" contenttype = "Webpart"><Span ct = "WebPart" displayProgressType="WebPart" progressAnimationText="" progressAnimationUrl = "/King_QA/EASYCommerce/images/progress.gif" url = "/King_QA/EASYCommerce/" iscms = "True"ctid = "WPT-10001270" instid = "4" ajax = "False" pn = "stairsandhandrails" storeid = ""><html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

<!--    <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">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="owlcarousel/owl.carousel.min.css">
    <link rel="stylesheet" href="owlcarousel/owl.theme.default.min.css">
  
    <title>Stairs & Handrails</title>
    <meta name="description" content="">
    <meta name="keywords" content="">

<style>
  * { 
  
  padding: 0;
  margin: 0;
}

html {
  font-family: 'Avenir', Helvetica, sans-serif;
  padding: 0;
  margin: 0;
}

body {
  padding: 0;
  margin: 0;
    font-family: 'Avenir', Helvetica, sans-serif;
 overflow-x: hidden;
}

@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir.eot?#iefix') format('embedded-opentype'),  url('../fonts/Avenir.woff') format('woff'), url('../fonts/Avenir.ttf')  format('truetype'), url('../fonts/Avenir.svg#Avenir') format('svg');
}

.hero {
    background-image: linear-gradient(rgba(0, 0, 0, 0.09), rgba(0, 0, 0, 0.4)),  url('https://i.redd.it/2weg2rryjff81.jpg');
    background-size:cover;
    background-repeat: no-repeat;
    font-family: 'Avenir', Helvetica, sans-serif;
  }
  /* Button and color Set Up */
.btn-oran {
    background-color: #bc4f07 !important;
    color: white !important;
    font-family: 'Avenir', Helvetica, sans-serif;
}
.bg-oran {
    background-color: #bc4f07 !important;
}
.btn-oran:hover {
    border-color: #bc4f07 !important;
    background-color: white!important;
    color: #bc4f07 !important;
}

.btn {
    font-size: 18px;
    border-radius: 0 !important;
}

/* # TExt-Sizes # */
.top-title {
  text-shadow: 2px 2px 5px gray;
    margin-top: 15%;
    font-size: 100px;
    font-family: 'Avenir', Helvetica, sans-serif;
    font-weight: bold;
}

@media (max-width: 500px){
  .top-title {
    margin-top: 8%;
    font-size: 50px;
    font-family: 'Avenir', Helvetica, sans-serif;
}
 .one-para {
  font-size: 35px !important;
 }

}

.one-para {
  text-shadow: 2px 2px 5px gray;
    font-size: 45px;
    font-family: 'Avenir', Helvetica, sans-serif;
}
.top-button {
    margin-bottom: 28% !important;
    font-family: 'Avenir', Helvetica, sans-serif;
}

.para {
    font-size: 20px !important;
    font-family: 'Avenir', Helvetica, sans-serif;
  }
  
  .paragraph-title {
      font-size: 35px !important;
      font-family: 'Avenir', Helvetica, sans-serif;
  }
  /* # Merdian # */
  .meridian-hero {
    background-image: linear-gradient(rgba(0, 0, 0, 0.09), rgba(0, 0, 0, 0.4)),  url('https://i.ibb.co/GHGtt7h/Meridian-55-R36-FLB55-10165-55-10161.jpg');
    background-size:cover;
    background-repeat: no-repeat;
    font-family: 'Avenir', Helvetica, sans-serif;
  }
  

  .meridian-button {
      margin-bottom: 20%;
      font-family: 'Avenir', Helvetica, sans-serif;
  }

  .merd-logo {
      margin-bottom: 8%;
      margin-top: 30%;
      font-family: 'Avenir', Helvetica, sans-serif;
  }
/* # Brass# */
  .brass-hero {
    background-image: linear-gradient(rgba(0, 0, 0, 0.09), rgba(0, 0, 0, 0.4)), url('https://i.ibb.co/0cCV08F/Plished-Brass-Finals-Post-Balls-13-160-43-6-6007-BRBrass-Handrails-6-400-L-214-6-H1600-E-6-4-X-BR-6.jpg');
    background-size:cover;
    background-repeat: no-repeat;
    font-family: 'Avenir', Helvetica, sans-serif;
  }

  .heading-brass {
    text-shadow: 2px 2px 5px gray;
      margin-top: 40%;
      font-size: 86px;
      margin-bottom: 3%;
      font-family: 'Avenir', Helvetica, sans-serif;
  }

  .brass-button {
      margin-bottom: 5%;
      font-family: 'Avenir', Helvetica, sans-serif;
  }

  @media screen and (max-width: 1721px) and (min-width: 1197px){
    .heading-brass {
        margin-top: 30%;
        font-size: 70px;
        margin-bottom: 3%;
    }
  
}

  @media (max-width: 1196px) and (min-width: 300px){
    .heading-brass {
        margin-top: 20%;
        font-size: 50px;
        margin-bottom: 3%;
    }
  
  }
/* # Cards # */
  .light-beige-bckgrnd {
      background-color: #EFE8E8;
  }
  .section-title {
      margin-top: 2%;
      font-size: 65px;
      text-shadow: 2px 2px 5px gray;
  }

  @media(max-width: 500px){
    .section-title {
      margin-top: 2%;
      font-size: 45px;
  }
  }
.bg-gray {
    background-color: lightgray;
}

.card-alum {
    max-width: 550px;
}
@media (max-width: 3000px) and (min-width: 1196px){
  .mid-card{
    max-width: 370px;
  }
  
}

@media (max-width: 1195px) and (min-width: 300px){
    .mid-card{
      margin-top: 16%;
    }
    
  }

  /* #  Balusters background # */
  .Balusters-bg {
    background-image: url('https://i.ibb.co/qYv5Ybs/forged-baluster-item-13-110-6d-pg-123.jpg');
    background-size:cover;
    background-repeat: no-repeat;
    font-family: 'Avenir', Helvetica, sans-serif;
  }


  /* # The Rotating Marker # */
details summary::-webkit-details-marker { display: none; }
summary::before {
  font-family: "Hiragino Mincho ProN", "Open Sans", sans-serif;
  position: absolute;
  top: 1rem;
  left: 0.8rem;
  transform-origin: center;
 
}
details[open] > summary:before {
  transition: 1s transform ease;
}

/* # The Sliding Summary # */
details { overflow: hidden; }
details summary {
  position: relative;
  z-index: 10;
}

/* # Makes open smooth # */
@keyframes details-show {
  from {
    margin-bottom: -10%;
    transform: translateY(-100%);
  }
}

details > *:not(summary) {
  animation: details-show .08s ease-in-out;
  position: relative;
  z-index: 1;
  transition: all 2s ease-in-out;
}
details[open] > *:not(summary) { color: inherit; }

/* # Style 2 # */
details.style2 summary::before {
  content: "+";
  color: lightgray;
  font-size: 2rem;
  line-height: 1rem;
  top: 1.2rem;
  left: 0.5rem;
  
}
details[open].style2 > summary:before {
  content: "_";
  color: lightgray;
  top: .2rem;
  left: 0.5rem;
  transition: color ease 1s, transform ease 1s;
}

/* # Just Some Pretty Styles # */
body { font-family: "Open Sans", sans-serif}
p { margin: 0; padding-bottom: 10px; }
p:last-child { padding: 0; }
details {
  
  box-sizing: border-box;
  margin-top: 0px;
  background: white;
}
summary {
  border: 4px solid transparent;
  outline: none;
  padding: 1rem;
  display: block;
  background: #666;
  color: white;
  padding-left: 2.2rem;
  position: relative;
  cursor: default;
}
details[open] summary,
details[open] summary strong,
details[open] summary::before {
background-color: #bc4f07 ;
}
.content {
  padding: 18px;
  background-color: lightgray;
  border-top: none;
}

.summary {
    font-size: 18px;
}
.summary-p {
    font-size: 18px;
}


/* Tread Hover Crads */
.card-body {
  background-color: gray;
 
}

.img-card-1{
opacity: 1;
}

.img-card-1:hover {
  opacity: 0;
  transition: all 1s;
  cursor: pointer;
}

.img-card-2 {
  opacity: 0;
  position: absolute;
  transition: all 1s;

}

.img-card-2:hover {
  opacity: 1;
  transition: all 1s;
  cursor: pointer;
}






/* Caurosel */
.carousel-wrap {
  margin: 90px auto;
  width: 50%;
  margin-bottom: 200px;
 
}
/* fix blank or flashing items on carousel */
.owl-carousel .item {
  /* position: relative; */
  padding-left: 9px !important;
  padding-right: 0px !important;
}

/* end fix */
.owl-nav {
  position: relative;
  margin-top: -300px !important;
}

.owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
}

.owl-nav i {
  font-size: 56px;
  color: white;
  background-color: #1c146b;
}

.owl-nav .owl-prev {
  right: 0px;
  position: relative;
  color: white;
  padding: 13px 2px 13px 5px;
}

.owl-nav .owl-next {
  right: 0px;
  position: absolute;
  color: white;
  background-color: #1c146b;
  padding: 20px 2px 20px 5px;
}

/* ... */


.car-card {
  width: 290px;
  
}

.card-body {
  background-color: silver;
}

.card {
  border-radius: 0 !important;
  background-color: silver !important; 
}

.card-button {
  padding: 12px 60px 12px !important;
  font-size: 17px !important;
  box-shadow: 0px 0px 0px transparent;
  border: 0px solid transparent;
  text-shadow: 0px 0px 0px transparent;
  background-color:#bc4f07 !important;
}

.card-button:hover {
  box-shadow: 0px 0px 0px transparent;
  border: 0px solid transparent;
  text-shadow: 0px 0px 0px transparent;
  
}
.card-button:active {
  outline: none;
  border: none;
}
.card-button:focus {
  outline: 0;
}
.card-body-top  {
  background-color: gray;
}
.card-text {
  font-size: 25px !important;
  padding: 0px;
}
.icons {
  padding-top: 12px;
  padding-bottom: 12px;
}

.card-link{
color:white;
text-decoration: none;
}
.card-link:hover{
color:white;
}

@media (max-width: 600px) {
  .carousel-wrap {
    margin: 90px auto;
    width: 90%;
   
  }
}

.alum-button:hover {
 background-color: lightgray !important;
}


@media (max-width: 600px) {
  .dark-top {
    margin-top: 200px !important;
  }
}



</style>

  </head>
  <body>
    <link rel="stylesheet" href="https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/assets/owl.carousel.min.css">
    <link rel="stylesheet" href="https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/assets/owl.theme.default.min.css">

    
     
                <section class='hero'>
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-xl-2 col-lg-0"></div>
                            <div class="col-xl-8 col-lg-12">
                                <h1 class='mb-4 top-title text-white'>Stairs & Handrails </h1>
                                <p class='one-para text-white'>Strength, style & safety</p>
                                <p class='one-para mb-3 text-white top-button'>to match any decor.</p>
                                
                            </div>
                            <div class="col-xl-2 col-lg-0"></div>
                        </div>
                    </div>
                </section>


            <section id="railing">  
                <div class="container-fluid mb-5" >
                    <div class="row">
                        <div class="col-xl-2 col-lg-0"></div>
                        <div class="col-xl-4 col-lg-12 mx-auto mt-5 px-5"> 
                            <img src="https://i.ibb.co/f94PsqL/handrail-photo.png" alt="" class='img-fluid' />
                        </div>
                        <div class="col-xl-4 col-lg-12 mx-auto mt-5 px-5">
                            <h3 class='mb-3 paragraph-title' >Handrails</h3>
                            <p class='mb-3 para'>Have a couple stairs? Then you need a handrail to satisfy 
                                safety regulations and good design. Our handrail selection gives you something 
                                to hold on to, whether you're stepping up from the sidewalk or descending a 
                                grand staircase.</p>
                            <button class='btn btn-oran mx-auto btn-lg px-5 btn-lg'
                            onclick="window.open('https://www.krisecloud.com/King_QA/EASYCommerce/ECCatalog.aspx?SortColumn=CategoryCode10&Descending=Yes&SearchText=handrail&Page=1')"
                            >EXPLORE</button>
                        </div>
                        <div class="col-xl-2 col-lg-0"></div>
                    </div>
                </div>
            </section>

<section class='meridian-hero'>  
                <div class="container">
                    <div class="row">
                        <div class="col-2"></div>
                        <div class="col-8 text-center img-container">
                            <img src="https://i.ibb.co/hHTcyrB/meridian-image-removebg-preview.png" alt="" class='merd-logo img-fluid'/>
                            
                        </div>
                        <div class="col-2"></div>
                    </div>
                    <div class="row">
                        <div class="col-12 text-center">
                            <button class='btn btn-oran mx-auto btn-lg px-5 meridian-button'
                            onclick="window.open('https://www.krisecloud.com/King_QA/EASYCommerce/ECCatalog.aspx?SortColumn=CategoryCode10&Descending=Yes&SearchText=stainless%20steel&Page=1')"
                            >EXPLORE</button>    
                        </div>
                    </div>
                </div>
            </section>
            <!-- Bends -->

            <section>  
                <div class="container mb-5">
                    <div class="row">
                        <div class="col-xl-1 col-lg-0"></div>
                        <div class="col-xl-5 col-lg-12 mx-auto mt-5 px-5">
                            <h3 class='mb-3 paragraph-title'>Handrail Ends & Bends</h3>
                            <p class='mb-3 para'>Handrail ends reinforce the rail as a whole and 
                                help people smoothly move on and off the stairs. Likewise, if your 
                                stairs or balcony takes a turn, the handrail bends will keep everything 
                                aligned for safety and appearance.</p>
                            <button class='btn btn-oran mx-auto btn-lg px-5 btn-lg'
                            onclick="window.open('https://www.krisecloud.com/King_QA/EASYCommerce/ECCatalog.aspx?SortColumn=CategoryCode10&Descending=Yes&SearchText=lambs%20tongue&Page=1')"
                            >EXPLORE</button>
                        </div>
                        <div class="col-xl-5 col-lg-12 mx-auto mt-5 px-5"> 
                            <img src="https://i.ibb.co/t2SRprc/Cast-Iron-Lambs-Tongue-45-902.jpg" alt="" class='img-fluid' />
                        </div>
                        <div class="col-xl-1 col-lg-0"></div>
                    </div>
                    <div class="row">
                        <div class="col-xl-1 col-lg-0"></div>
                        <div class="col-xl-5 col-lg-12 mx-auto mt-5 px-5"> 
                            <img src="https://i.ibb.co/f94PsqL/handrail-photo.png" alt="" class='img-fluid' />
                        </div>
                        <div class="col-xl-5 col-lg-12 mx-auto mt-5 px-5">
                            <h3 class='mb-3 paragraph-title'>Handrail Brackets</h3>
                            <p class='mb-3 para'> Add a decorative touch by using our brackets to attach your handrail to the wall. The right bracket complements the railing without drawing attention to itself, 
                                unobtrusively ensuring the handrail can do its job. </p>
                            <button class='btn btn-oran mx-auto btn-lg px-5 btn-lg'
                            onclick="window.open('https://www.krisecloud.com/King_QA/EASYCommerce/ECCatalog.aspx?SortColumn=CategoryCode10&Descending=Yes&SearchText=Handrail%20Bracket&Page=1')"
                            >EXPLORE</button>
                        </div>
                        <div class="col-xl-1 col-lg-0"></div>
                    </div>
                </div>
            </section>
     
            <section class='brass-hero'>  
                <div class="container">
                    <div class="row">
                        <div class="col-12 text-center img-container">
                            <h1 class='text-white heading-brass'>Brass Components</h1>
                            <button class='btn btn-oran mx-auto btn-lg px-5 brass-button'
                            onclick="window.open('https://www.krisecloud.com/King_QA/EASYCommerce/ECCatalog.aspx?SortColumn=CategoryCode10&Descending=Yes&SearchText=brass&Page=1')"
                            >EXPLORE</button>
                        </div>
                    </div>
                </div>
            </section>


            <section class='light-beige-bckgrnd mb-5'>  
                <div class="container">
                    <div class="row">
                        <div class="col text-center">
                            <h1 class='section-title mb-3'>Aluminum</h1>
                            <p  class='one-para mb-4'>Durable, rugged and simple for indoors or out</p>
                        </div>    
                    </div>
                    <div class="row">
                        <div class="col-xl-1 col-lg-0"></div>
                        <div class="col-xl-3 col-lg-4 ">
                            <div class="card card-alum mx-auto mb-5 mt-5">
                                <img src="https://i.ibb.co/WVV34rJ/13-114-9-0001.jpg" alt=""  class="card-img-top"/>
                                <div class="card-body bg-gray text-center">
                                    <button class='btn btn-oran mx-auto btn-lg px-4  alum-button'
                                    onclick="window.open('https://www.krisecloud.com/King_QA/EASYCommerce/ECCatalog.aspx?SortColumn=CategoryCode10&Descending=Yes&SearchText=aluminum%20handrails&Page=1')"
                                    >EXPLORE MORE</button>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-4">
                            <div class="card mx-auto mb-5 mid-card">
                                <img src="https://i.ibb.co/GpMSWKD/13-114-5-0001.jpg" alt=""  class="card-img-top"/>
                                <div class="card-body bg-gray text-center">
                                    <button class='btn btn-oran mx-auto btn-lg px-4  alum-button'
                                    onclick="window.open('https://www.krisecloud.com/King_QA/EASYCommerce/ECCatalog.aspx?SortColumn=CategoryCode10&Descending=Yes&SearchText=aluminum%20handrails&Page=1')"
                                    >EXPLORE MORE</button>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4">
                            <div class="card card-alum mx-auto mb-5 mt-5">
                                <img src="https://i.ibb.co/qj7w8FY/13-114-A3-0001.jpg" alt=""  class="card-img-top"/>
                                <div class="card-body bg-gray text-center">
                                    <button class='btn btn-oran mx-auto btn-lg px-4 alum-button'
                                    onclick="window.open('https://www.krisecloud.com/King_QA/EASYCommerce/ECCatalog.aspx?SortColumn=CategoryCode10&Descending=Yes&SearchText=aluminum%20handrails&Page=1')"
                                    >EXPLORE MORE</button>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-0"></div>
                    </div>
                </div>
            </section>

            <section>  
                <div class="container mb-5">
                    <div class="row">
                        <div class="col-xl-1 col-lg-0"></div>
                        <div class="col-xl-5 col-lg-12 mx-auto mt-5 px-5"> 
                            <img src="https://i.ibb.co/7bJ7jFy/DSC-0020.jpg" alt="" class='img-fluid' />
                        </div>
                        <div class="col-xl-5 col-lg-12 mx-auto mt-5 px-5">
                            <h3 class='mb-3 paragraph-title'>Punched Channels</h3>
                            <p class='mb-3 para'>Punched channels expand your flexibility with the size 
                                and spacing of the railing's spindles. Decorative spindles need more space between 
                                channels, while simpler spindles run closer together to maintain a good look and utility.</p>
                            <button class='btn btn-oran mx-auto btn-lg px-5 btn-lg'
                            onclick="window.open('https://www.krisecloud.com/King_QA/EASYCommerce/shopping?Page=1&PerPage=10&SortColumn=CategoryCode11&Descending=No&Filters=CategoryCode2:490')"
                            >LEARN MORE</button>
                        </div>
                        <div class="col-xl-1 col-lg-0"></div>
                    </div>
                </div>
            </section>
    <section class='Balusters-bg'>  
                <div class="container">
                    <div class="row">
                        <div class="col-xl-2 col-lg-0"></div>
                        <div class="col-xl-8 mx-auto mt-5 mb-5">
                            <details class="style2">
                                <summary class='summary'> Marble to Metal </summary>
                                    <div class="content">
                                        <p class='summary-p'>
                                            Balusters were originally sculpted from marble or stone, or forged in bronze. Modern metal balusters are steel or aluminum.
                                        </p>
                                    </div>
                            </details>

                            <details class="style2">
                                <summary class='summary'>Always modern</summary>
                                    <div class="content">
                                        <p class='summary-p'>
                                            Balusters were a Renaissance take on classic design. Today, they can reflect any era's tastes and design principles.
                                        </p>
                                    </div>
                            </details>

                            <details class="style2">
                                <summary class='summary'>Which is it?</summary>
                                    <div class="content">
                                        <p class='summary-p'>
                                            Balusters and banisters are easily confused. Banisters usually go with stairs, while balusters apply to any railing.
                                        </p>
                                    </div>
                            </details>
                            <details class="style2">
                                <summary class='summary'>And balustrades?</summary>
                                    <div class="content">
                                        <p class='summary-p'>
                                            Balusters are the supports (also called spindles or pickets), while the balustrade is the railing itself. 
                                        </p>
                                    </div>
                            </details>
                        </div>
                        <div class="col-xl-2 col-lg-0"></div>
                    </div>
                </div>
            </section>
      <section>
            <div class="container-fluid">
                <div class="row">
                        <div class="col-12">
                        <h1 class='section-title text-center mb-5'>Stair Treads & Risers or Stairs</h1>
                        </div>
                    </div>
                <div class="row">
                    <div class="col-xl-2 col-lg-0"></div>
                        <div class="col-xl-4 col-lg-6 col-md-12 mx-auto px-5">
                            <div class="card mb-5">
                                <img class="card-img-top img-card-1" src='https://i.redd.it/4ilkpmsmsff81.png'/>
                                <img class="card-img-top img-card-2" src='https://i.ibb.co/KDCBCLY/staris-1.png'/>
                                    <div class="card-body text-center">
                                        <button class='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=CategoryCode1:108%20AND%20CategoryCode2:509')"
                                        >EXPLORE MORE</button>
                                    </div>
                            </div> 
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-12 mx-auto px-5">
                            <div class="card ">
                                <img class="card-img-top img-card-1" src='https://i.ibb.co/N9QCMt3/DSC-0048-08-51-34-Copy-1.jpg'/>
                                <img class="card-img-top img-card-2" src='https://i.ibb.co/5hfvJYP/riser-1.png'/>
                                    <div class="card-body text-center">
                                        <button class='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=CategoryCode1:108%20AND%20CategoryCode2:509')"
                                        >EXPLORE MORE</button>
                                    </div>
                            </div> 
                        </div>
                        <div class="col-xl-2 col-lg-0"></div>
                    </div>
                    <div class="col-xl-1 col-lg-0"></div>
            </div>
        </section>



<section class='bg-dark dark-top'>
    <div class="container">
        <div class="row">
            <div class="col-xl-1 col-lg-0"></div>
            <div class="col-xl-5 col-lg-12 mx-auto px-5 powd-top mt-5">
                <h3 class=' paragraph-title text-white mb-3'>Powder Coated Balusters</h3>
                <p class=' para text-white mb-3'>Powder coating gives your balusters a smooth, customized 
                    look while adding another layer of protection. Our powder coated forged steel balusters come 
                    in a range of designs, making them a great option for many projects.</p>
                <button class='btn btn-oran mx-auto btn-lg px-5 btn-lg'
                onclick="window.open('https://www.krisecloud.com/King_QA/EASYCommerce/ECCatalog.aspx?SortColumn=CategoryCode10&Descending=Yes&SearchText=powder%20coated&Page=1')"
                >LEARN MORE</button>
            </div>
            <div class="col-xl-5 col-lg-12 mx-auto px-5 mt-5 mb-5"> 
                <img src="https://i.redd.it/oqxbg2b59gf81.jpg" alt="" class='img-fluid' />
            </div>
            <div class="col-xl-1 col-lg-0"></div>
        </div>
    </div> 
</section>




 <!-- Bootstrap -->
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
    
<script>
 $( document ).ready(function() {

          $("#button").click(function() {
          $([document.documentElement, document.body]).animate({
              scrollTop: $("#railing").offset().top
          }, 50);
        });
      });

</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;2026 King Metals &amp; <a href='https://www.krisesystems.com'>K-Rise Systems, Inc.</a></span></span></span></td></tr><tr class=""></tr><tr class=""></tr><tr class=""><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="ChatJS@5@-1@-1" id ="ChatJS@5@-1@-1" ct ="Field" ><style>
#lhnHocButton{
width:auto;
}
#lhnHocButton div{
width:auto;
}
</style>
<script type="text/javascript">
	window.lhnJsSdkInit = function () {
		lhnJsSdk.setup = {
			application_id: "f8ddc19f-9d1f-4264-28be-5a9329753b4b",
			application_secret: "sjue5yak2numcctw9x7r5upjzxlhogs6vnwfn7wb5t0jimwdrz"
		};
		lhnJsSdk.controls = [{
			type: "hoc",
			id: "f2922fc8-3add-48ab-ae48-336e1d0d73b2"
		}];
	};

	(function (d, s) {
		var newjs, lhnjs = d.getElementsByTagName(s)[0];
		newjs = d.createElement(s);
		newjs.src = "https://developer.livehelpnow.net/js/sdk/lhn-jssdk-current.min.js";
		lhnjs.parentNode.insertBefore(newjs, lhnjs);
	}(document, "script"));
</script></span></td></tr></table></td></tr></table></Span></td></tr></table></Span></td>
                  </tr>
               </tbody>
            </table>
         </td>
      </tr>
   </tbody>
</table>
		 
	
	</form>
	</body>
	</html>