Scanstrut APT-LB-01 Light Bar For PowerTowers

<style> @media only screen and (max-width: 1023px) { .block.upsell .block.crosssell { display: none; } .ten { width: 15%; } } @media only screen and (min-width: 1024px) { .half td { width: 50%; } } .page-header .product-image-wrapper .navigation { z-index: 0; } .navigation:hover { z-index: 3; } .page-header:hover { z-index: 3; } .modalDialog { position: fixed; font-family: Arial Helvetica sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0 0.8); z-index: 999; display: none; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; overflow-y: initial; } .modalDialog:target { display: block; pointer-events: auto; } .modalDialog>div { width: 100%; max-width: 1024px; height: 85%; position: relative; margin: 2% auto; padding: 0px; border-radius: 10px; background: #fff; background: -moz-linear-gradient(#fff #999); background: -webkit-linear-gradient(#fff #999); background: White; } .stop-button { background: #909090; color: #FFFFFF; line-height: 30px; font-size: 25px; position: absolute; right: 5px; text-align: center; top: 5px; width: 30px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 15px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } .stop-button:hover { background: red; text-decoration: none; } #compatibility { border-collapse: collapse; width: 100%; } #compatibility td #customers th { border: 1px solid #ddd; padding: 8px; } #compatibility tr:nth-child(even) { background-color: #f2f2f2; } #compatibility tr:hover { background-color: #ddd; } #compatibility th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #204387; color: white; } .modal-header { height: fit-content; padding: 1px; } .modal-title { text-align: center; } .modal-footer { height: fit-content; font-size: 1.2rem; background: #fff; border-radius: 10px; padding: 3px 3px 0 3px; } .modal-body { overflow-y: scroll; max-height: 90%; padding: 5px; } </style> <div id=\"links\"> <a class=\"pagebuilder-button-primary\" href=\"#openModal\" style=\"text-align: center; font-weight: normal;\"> <i class=\"fas fa-puzzle-piece\"></i> <span data-element=\"link_text\" style=\"font-weight: 600;\"> Compatible Devices</span> </a> <a class=\"pagebuilder-button-primary\" href=\"https://app.box.com/s/b1fs28pxj8pzqni96mndy68qw48o8zjn\" target=\"_blank\" style=\"text-align: center; font-weight: normal;\"> <i class=\"fas fa-wrench\"></i> <span data-element=\"link_text\" style=\"font-weight: 600;\"> Installation</span> </a> </div> <div id=\"openModal\" class=\"modalDialog\"> <div> <div class=\"modal-header\"> <h3 class=\"modal-title\">Compatible Devices</h3> <a class=\"stop-button\" title=\"Close\" href=\"#close\" onclick=\"go()\">X</a> </div> <div class=\"modal-body\"> <table id=\"compatibility\"> <thead> <tr> <th>Brand</th> <th>Models</th> </tr> </thead> <tbody> <tr> <td>Hella</td> <td>NaviLED 360 Pro 2984 Series</td> </tr> <tr> <td>Aquasignal</td> <td>Series 40 Series 25</td> </tr> <tr> <td>Perko</td> <td>0200 Series 0455 / 0466 Series</td> </tr> <tr> <td>Lopolight</td> <td>Masthead (PE base supplied must be drilled)</td> </tr> </tbody> </table> </div> </div> </div>