<div class="flex">

</div>
<div class="tab cf" id="main">
    <a href="index.php" title="Go Home">
        <img src="images/icon-home.png" alt="" id="home" class="icon main-toolbar-image" width="50" height="70" style="margin-top: 10px;">
    </a>
    <img src="images/icon-save-print.png" alt="Save icon" id="icon-save" class="icon main-toolbar-image" title="Save" width="105" height="70" style="margin-top: 10px;"/>
    <img src="images/icon-info.png" alt="Information Window" id="icon-info" class="icon main-toolbar-image" title="Information Window" width="50" height="70" style="margin-top: 10px;"/>
    <img src="images/icon-separator-bar.png" alt="Separator bar" id="icon-separator-bar" class="main-toolbar-image" title="Separator Bar" width="60" height="80" style="margin-top: 0px;"/>
    <img src="images/icon-dimension-line-horizontal.png" alt="Dimension line" id="icon-dimension-horizontal" class="icon main-toolbar-image" title="Dimension" width="50" height="50" />
    <img src="images/icon-dimension-line-vertical.png" alt="Dimension line" id="icon-dimension-vertical" class="icon main-toolbar-image" title="Dimension" width="50" height="50" />
</div>
<div id="tabs">
	<ul>
		<li data-mod="module-1" data-mod-type="section">
			<a href="#module-1">Mod 1 - Sloping Section</a></li>
		<li data-mod="module-2" data-mod-type="bridge">
			<a href="#module-2">Mod 2 - 4' Bridge Section</a></li>
		<li data-mod="module-3" data-mod-type="platform">
			<a href="#module-3">Mod 3 - 4' 90&deg; Platform</a></li>
        <li data-mod="module-4" data-mod-type="entry">
			<a href="#module-4">Mod 4 - Entry & Exit Section</a></li>
        <li data-mod="module-4v2" data-mod-type="entry">
			<a href="#module-4v2">Mod 4v2 - Entry & Exit Section</a></li>
		<li data-mod="module-6" data-mod-type="entry">
			<a href="#module-6">Mod 6 - Entry & Exit Transition Plate</a></li>
        <li data-mod="module-7" data-mod-type="bridge">
			<a href="#module-7">Mod 7 - 1' Bridge Section</a></li>
        <li data-mod="module-7B" data-mod-type="bridge">
			<a href="#module-7B">Mod 7B - 1' Legged Bridge Section</a></li>
		<li data-mod="module-8" data-mod-type="platform">
			<a href="#module-8">Mod 8 - 5' 90&deg; Platform</a></li>
		<li data-mod="module-9" data-mod-type="platform">
			<a href="#module-9">Mod 9 - 4' Straight Platform</a></li>
		<li data-mod="module-10" data-mod-type="platform">
			<a href="#module-10">Mod 10 - 5' Straight Platform</a></li>
	</ul>

	<div class='tab module-tab' id="module-1">
		<img src='images/modules/1N.webp' alt='Module 1N' id='Module1N' class='module-toolbar-image' data-mod-id="1" data-mod-type="section" data-mod-orientation="N" loading="eager">
		<img src='images/modules/1S.webp' alt='Module 1S' id='Module1S' class='module-toolbar-image' data-mod-id="1" data-mod-type="section" data-mod-orientation="S" loading="eager">
		<img src='images/modules/1W.webp' alt='Module 1W' id='Module1W' class='module-toolbar-image' data-mod-id="1" data-mod-type="section" data-mod-orientation="W" loading="eager">
		<img src='images/modules/1E.webp' alt='Module 1E' id='Module1E' class='module-toolbar-image' data-mod-id="1" data-mod-type="section" data-mod-orientation="E" loading="eager">
	</div>

	<div class='tab module-tab' id="module-2">
		<img src='images/modules/2N.webp' alt='Module 2N' id='Module2N' class='module-toolbar-image' data-mod-id="2" data-mod-type="bridge" data-mod-orientation="N" loading="eager">
		<img src='images/modules/2W.webp' alt='Module 2W' id='Module2W' class='module-toolbar-image' data-mod-id="2" data-mod-type="bridge" data-mod-orientation="W" loading="eager">
	</div>

	<div class='tab module-tab' id="module-3">
		<img src='images/modules/3N.webp' alt='Module 3N' id='Module3N' class='module-toolbar-image' data-mod-id="3" data-mod-type="platform" data-mod-orientation="N" loading="eager">
		<img src='images/modules/3S.webp' alt='Module 3S' id='Module3S' class='module-toolbar-image' data-mod-id="3" data-mod-type="platform" data-mod-orientation="S" loading="eager">
		<img src='images/modules/3W.webp' alt='Module 3W' id='Module3W' class='module-toolbar-image' data-mod-id="3" data-mod-type="platform" data-mod-orientation="W" loading="eager">
		<img src='images/modules/3E.webp' alt='Module 3E' id='Module3E' class='module-toolbar-image' data-mod-id="3" data-mod-type="platform" data-mod-orientation="E" loading="eager">
	</div>

	<div class='tab module-tab' id='module-4'>
        <img src='images/modules/4N.webp' alt='Module 4N' id='Module4N' class='module-toolbar-image' data-mod-id="4" data-mod-type="entry" data-mod-orientation="N" loading="eager">
        <img src='images/modules/4S.webp' alt='Module 4S' id='Module4S' class='module-toolbar-image' data-mod-id="4" data-mod-type="entry" data-mod-orientation="S" loading="eager">
        <img src='images/modules/4W.webp' alt='Module 4W' id='Module4W' class='module-toolbar-image' data-mod-id="4" data-mod-type="entry" data-mod-orientation="W" loading="eager">
        <img src='images/modules/4E.webp' alt='Module 4E' id='Module4E' class='module-toolbar-image' data-mod-id="4" data-mod-type="entry" data-mod-orientation="E" loading="eager">
    </div>

	<div class='tab module-tab' id='module-4v2'>
        <img src='images/modules/4v2N.webp' alt='Module 4v2N' id='Module4v2N' class='module-toolbar-image' data-mod-id="4" data-mod-type="entry" data-mod-orientation="N" loading="eager">
        <img src='images/modules/4v2S.webp' alt='Module 4v2S' id='Module4v2S' class='module-toolbar-image' data-mod-id="4" data-mod-type="entry" data-mod-orientation="S" loading="eager">
        <img src='images/modules/4v2W.webp' alt='Module 4v2W' id='Module4v2W' class='module-toolbar-image' data-mod-id="4" data-mod-type="entry" data-mod-orientation="W" loading="eager">
        <img src='images/modules/4v2E.webp' alt='Module 4v2E' id='Module4v2E' class='module-toolbar-image' data-mod-id="4" data-mod-type="entry" data-mod-orientation="E" loading="eager">
    </div>

	<div class='tab module-tab' id='module-6'>
		<img src='images/modules/6N.webp' alt='Module 6N' id='Module6N' class='module-toolbar-image' data-mod-id="6" data-mod-type="entry" data-mod-orientation="N" loading="eager">
		<img src='images/modules/6S.webp' alt='Module 6S' id='Module6S' class='module-toolbar-image' data-mod-id="6" data-mod-type="entry" data-mod-orientation="S" loading="eager">
		<img src='images/modules/6W.webp' alt='Module 6W' id='Module6W' class='module-toolbar-image' data-mod-id="6" data-mod-type="entry" data-mod-orientation="W" loading="eager">
		<img src='images/modules/6E.webp' alt='Module 6E' id='Module6E' class='module-toolbar-image' data-mod-id="6" data-mod-type="entry" data-mod-orientation="E" loading="eager">
	</div>

	<div class='tab module-tab' id='module-7'>
		<img src='images/modules/7N.webp' alt='Module 7N' id='Module7N' class='module-toolbar-image' data-mod-id="7" data-mod-type="bridge" data-mod-orientation="N" loading="eager">
		<img src='images/modules/7W.webp' alt='Module 7W' id='Module7W' class='module-toolbar-image' data-mod-id="7" data-mod-type="bridge" data-mod-orientation="W" loading="eager">
	</div>

    <div class='tab module-tab' id="module-7B">
        <?php /*   Leaving ID's as Module1 as it works with the adjustment/compatibility code already in place */ ?>
        <img src='images/modules/7B-N.webp' alt='Module 7BN' id='Module7BN' class='module-toolbar-image' data-mod-id="7B" data-mod-type="section" data-mod-orientation="N" loading="eager">
        <img src='images/modules/7B-S.webp' alt='Module 7BS' id='Module7BS' class='module-toolbar-image' data-mod-id="7B" data-mod-type="section" data-mod-orientation="S" loading="eager">
        <img src='images/modules/7B-W.webp' alt='Module 7BW' id='Module7BW' class='module-toolbar-image' data-mod-id="7B" data-mod-type="section" data-mod-orientation="W" loading="eager">
        <img src='images/modules/7B-E.webp' alt='Module 7BE' id='Module7BE' class='module-toolbar-image' data-mod-id="7B" data-mod-type="section" data-mod-orientation="E" loading="eager">
    </div>

    <div class='tab module-tab' id='module-8'>
		<img src='images/modules/8N.webp' alt='Module 8N' id='Module8N' class='module-toolbar-image' data-mod-id="8" data-mod-type="platform" data-mod-orientation="N" loading="eager">
		<img src='images/modules/8S.webp' alt='Module 8S' id='Module8S' class='module-toolbar-image' data-mod-id="8" data-mod-type="platform" data-mod-orientation="S" loading="eager">
		<img src='images/modules/8W.webp' alt='Module 8W' id='Module8W' class='module-toolbar-image' data-mod-id="8" data-mod-type="platform" data-mod-orientation="W" loading="eager">
		<img src='images/modules/8E.webp' alt='Module 8E' id='Module8E' class='module-toolbar-image' data-mod-id="8" data-mod-type="platform" data-mod-orientation="E" loading="eager">
	</div>
	<div class='tab module-tab' id='module-9'>
		<img src='images/modules/9N.webp' alt='Module 9N' id='Module9N' class='module-toolbar-image' data-mod-id="9" data-mod-type="platform" data-mod-orientation="N" loading="eager">
		<img src='images/modules/9S.webp' alt='Module 9S' id='Module9S' class='module-toolbar-image' data-mod-id="9" data-mod-type="platform" data-mod-orientation="S" loading="eager">
		<img src='images/modules/9W.webp' alt='Module 9W' id='Module9W' class='module-toolbar-image' data-mod-id="9" data-mod-type="platform" data-mod-orientation="W" loading="eager">
		<img src='images/modules/9E.webp' alt='Module 9E' id='Module9E' class='module-toolbar-image' data-mod-id="9" data-mod-type="platform" data-mod-orientation="E" loading="eager">
	</div>
	<div class='tab module-tab' id='module-10'>
		<img src='images/modules/10N.webp' alt='Module 10N' id='Module10N' class='module-toolbar-image' data-mod-id="10" data-mod-type="platform" data-mod-orientation="N" loading="eager">
		<img src='images/modules/10S.webp' alt='Module 10S' id='Module10S' class='module-toolbar-image' data-mod-id="10" data-mod-type="platform" data-mod-orientation="S" loading="eager">
		<img src='images/modules/10W.webp' alt='Module 10W' id='Module10W' class='module-toolbar-image' data-mod-id="10" data-mod-type="platform" data-mod-orientation="W" loading="eager">
		<img src='images/modules/10E.webp' alt='Module 10E' id='Module10E' class='module-toolbar-image' data-mod-id="10" data-mod-type="platform" data-mod-orientation="E" loading="eager">
	</div>
</div>
