Aoxun 5×2.7 FT Outdoor Metal Storage Shed – Durable Water-Resistant Galvanized Steel, Sloping Roof Design, Lockable Door – Ideal for Tool Storage on Lawn, Patio & Backyard (Black)

.aplus-v2 .premium-aplus-module-13 .aplus-carousel-container { position: relative; } .aplus-v2 .premium-aplus-module-13 .aplus-carousel-element { position: relative; width: 100%; } .aplus-v2 .premium-aplus-module-13 .aplus-card-link-button { text-align: center; padding-top: 20px; } .aplus-v2 .premium-aplus-module-13 .aplus-text-background. .aplus-v2 .premium-aplus-module-13 .aplus-text-background h1. .aplus-v2 .premium-aplus-module-13 .aplus-text-background h5. .aplus-v2 .premium-aplus-module-13 .aplus-text-background ol. .aplus-v2 .premium-aplus-module-13 .aplus-text-background ul. .aplus-v2 .premium-aplus-module-13 .aplus-text-background ol .a-list-item. .aplus-v2 .premium-aplus-module-13 .aplus-text-background ul .a-list-item { color: #fff; }
/** * Premium-module 11: FAQs – Common Styles (All Devices) */.aplus-v2 .premium-aplus-module-11 { background: #fff; position: relative;}.aplus-v2 .premium-aplus-module-11.aplus-secondary-color { background: #000;}.aplus-v2 .premium-aplus-module-11 .aplus-question..aplus-v2 .premium-aplus-module-11 .aplus-answer { width: 100%; margin: 0;}.aplus-v2 .premium-aplus-module-11 .aplus-answer { visibility: hidden; opacity: 0; height: 0; transition: display 0.1s linear. opacity 0.1s linear. height 0.1s linear; transition-behavior: allow-discrete;}.aplus-v2 .premium-aplus-module-11 .aplus-active .aplus-answer { visibility: visible; opacity: 1; height: auto; height: calc-size(auto); min-height: 40px;}.aplus-v2 .premium-aplus-module-11 .faq-list { margin: 0;}.aplus-v2 .premium-aplus-module-11 .faq-block { position: relative; list-style-type: none; cursor: pointer; border: 2px solid #E6E6E6; background: #fff; border-radius: 3px; margin-bottom: 10px;}.aplus-v2 .premium-aplus-module-11.aplus-secondary-color .faq-block { border: none;}.aplus-v2 .premium-aplus-module-11 .aplus-question::before..aplus-v2 .premium-aplus-module-11 .aplus-answer::before { text-align: center; border-radius: 3px; display: inline-block; font-weight: 500; position: absolute; color: #fff; top: 10px; left: 10px;}htmldir=”rtl” .aplus-v2 .premium-aplus-module-11 .aplus-question::before.htmldir=”rtl” .aplus-v2 .premium-aplus-module-11 .aplus-answer::before { right: 10px;}.aplus-v2 .premium-aplus-module-11 .aplus-question::before { content: “Q”; background: #505050; transition: background 0.1s linear; z-index: 2;}.aplus-v2 .premium-aplus-module-11 .aplus-answer::before { content: “A”; background: #DF7600; color: #000000; z-index: 1; transform: translateY(0px); transition: transform 0.1s linear;}.aplus-v2 .premium-aplus-module-11 .faq-block.aplus-active .aplus-question::before { background: #404040;}.aplus-v2 .premium-aplus-module-11 .faq-block.aplus-active .aplus-answer::before { transform: translateY(40px);}.aplus-v2 .premium-aplus-module-11 .faq-arrow { position: absolute; top: 25px; border: 10px solid transparent; border-top-color: #505050;}htmldir=”rtl” .aplus-v2 .premium-aplus-module-11 .faq-arrow { right: auto;}.aplus-v2 .premium-aplus-module-11 .aplus-active .faq-arrow { top: 15px; border-top-color: transparent; border-bottom-color: #404040;}
.aplus-v2 .premium-aplus-module-2 .premium-background-wrapper { position: relative;}.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper { position: absolute; width: 50%; height: 100%; top: 0;}.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right { left: 50%;}htmldir=”rtl” .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right { left: auto; right: 50%;}.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.secondary-color { color: #fff;}.aplus-v2 .premium-aplus-module-2 .premium-intro-background { padding: 20px;}.aplus-v2 .premium-aplus-module-2 .aplus-module-2-topic { padding-bottom: 10px;}.aplus-v2 .premium-aplus-module-2 .aplus-module-2-heading { padding-bottom: 20px;}.aplus-v2 .premium-aplus-module-2 .aplus-module-2-description { line-height: 1.5em;}.aplus-v2 .premium-aplus-module-2 .premium-intro-background.white-background { background: rgba(255.255.255.0.5);}.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background { background: rgba(0.0.0.0.5);}.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background..aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background h1..aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background h5..aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ol..aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ul..aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ol .a-list-item..aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ul .a-list-item { color: #fff;}.aplus-v2 .premium-aplus-module-2 .premium-intro-content-container { display: table; height: 100%;}.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.left .premium-intro-content-container { padding-left: 40px;}htmldir=”rtl” .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.left .premium-intro-content-container { padding-left: 0px; padding-right: 40px;}.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right .premium-intro-content-container { padding-right: 40px;}htmldir=”rtl” .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right .premium-intro-content-container { padding-right: 0px; padding-left: 40px;}.aplus-v2 .premium-aplus-module-2 .premium-intro-content-column { display: table-cell; vertical-align: middle;}

(function(f) {var _np=(window.P._namespace(“PremiumAplusModule”));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {P.now(‘premium-module-5-comparison-table-scroller’).execute(function(init){ if (init) { return; } P.register(‘premium-module-5-comparison-table-scroller’. function(){ return function() { P.when(‘jQuery’. ‘a-popover’. ‘A’. ‘ready’).execute(function($. popover. A) { function initCompTable(module) { /** * Premium comparison table: popover trigger module */ var comparisonName = $(module).data(‘comparison-name’); (function() { var $additionalInfo = $(‘.aplus-v2 .aplus-popover-trigger’); $additionalInfo.each(function(i. trigger) { return popover.create(trigger. $(trigger).data()); }); $additionalInfo.hover( function() { $(this).focus(); } ); })(); /** * Premium comparison table: adjust column width module */ (function() { var VISIBLE_COLUMNS = 4.2; /* How many visible columns on load */ var MIN_WIDTH = 230; var getWidth = function() { return $(this).outerWidth(); } /* cache selectors */ var $container = $(‘.aplus-v2 .comparison-table #’+comparisonName). $header = $(‘.aplus-v2 .comparison-table #’+comparisonName+’ td.attribute’). $slider = $(‘.aplus-v2 .comparison-table #’+comparisonName+’ .table-slider’). $columns = $(‘.aplus-v2 .comparison-table #’+comparisonName+’ .aplus-data-column’). $activeColumn = $(‘.aplus-v2 .comparison-table #’+comparisonName+’ .aplus-data-column.active.active-item’); /* Formula for determining desired column width */ var calculatedColumnWidth = Math.floor( ($container.innerWidth() – $header.innerWidth()) / VISIBLE_COLUMNS ); var childWidths = $activeColumn.map(getWidth).get(); var maxChildWidth = Math.max(MIN_WIDTH. Math.max.apply(Math. childWidths)); var minColumnWidth = $columns.innerWidth(); /* set the min-width of each column to the calulated width or minWidth */ $columns.css( ‘min-width’. Math.max(MIN_WIDTH. (calculatedColumnWidth { for (let entry of entries) { const bounds = entry.target.getBoundingClientRect().width; const activeCellWidth = window.getComputedStyle(fixedColumn).left; if (bounds + “px” !== activeCellWidth) { const activeCells = document.querySelectorAll(‘.aplus-data-column.active’); activeCells.forEach(cell => cell.style.left = bounds + “px”); } } }) attributeColumnObserver.observe(header) })(); /** * Premium comparison table: top scroll bar */ (function() { /* cache selectors */ var $header = $(‘.aplus-v2 .comparison-table #’+comparisonName+’ td.attribute’). $fixedColumn = $(‘.aplus-v2 .comparison-table #’+comparisonName+’ td.active’). $scrollWrapperTop = $(‘.aplus-v2 .comparison-table #’+comparisonName+’ .scroll-wrapper-top’). $scrollWrapperBottom = $(‘.aplus-v2 .comparison-table #’+comparisonName+’ .scroll-wrapper-bottom’). $scrollWidth = $(‘.aplus-v2 .comparison-table #’+comparisonName+’ .scroll-width’). $scrollBar = $(‘.aplus-v2 .comparison-table #’+comparisonName+’ .scroll-bar’); /* confirm fixed column exists and can add width to the total width of the scroll bar */ var fixedColumnWidth = $fixedColumn.innerWidth(); if ( fixedColumnWidth === null ) { fixedColumnWidth = 0; } /* set width of scrollBar */ $scrollBar.css(‘width’. $scrollWidth.innerWidth() + fixedColumnWidth + $header.innerWidth()); /* connect scrolls together */ $scrollWrapperTop.scroll(function() { $scrollWrapperBottom.scrollLeft($scrollWrapperTop.scrollLeft()); }); $scrollWrapperBottom.scroll(function() { $scrollWrapperTop.scrollLeft($scrollWrapperBottom.scrollLeft()); }); })(); } $(‘.aplus-v2 .premium-aplus-module-5 .table-container’).each(function(index. module) { initCompTable(module); }); }); } });});})); /** * Common event handler for click and keydown events. * @param {Event} event – The event object. * @param {Function} handleClickOrEnter – Function to handle click or Enter key events. * @param {Function} handleEsc – Function to handle Esc key events. */ // TODOAplusMantle-8064 Create common event handler util(key events. click events) in AplusModuleResources function handleClickAndKeyEvents(event. handleClickOrEnterOrSpace) { const ENTER_KEY_CODE = 13; const ESCAPE_KEY_CODE = 27; const SPACE_KEY_CODE = 32; const isClick = event.type === ‘click’; const isKeydown = event.type === ‘keydown’; const isEnter = isKeydown && event.keyCode === ENTER_KEY_CODE; const isSpace = isKeydown && event.keyCode === SPACE_KEY_CODE; const isEsc = isKeydown && event.keyCode === ESCAPE_KEY_CODE; if (isClick || isEnter || isSpace) { handleClickOrEnterOrSpace(); } else if (isEsc) { handleEsc(event); } } /** * Function to handle esc key event. * @param {Event} event – The event object. */ function handleEsc(event) { event.target.blur() // force remove focus }

/** * Premium-module 5: Comparision table – scroller */.aplus-v2 .premium-aplus-module-5 h1 { padding-bottom: 30px;}/* position column-headers relative to this table */.aplus-v2 .premium-aplus-module-5 .table-container { position: relative; opacity: 1;}.aplus-v2 .premium-aplus-module-5 .table-container.loading { opacity: 0;}.aplus-v2 .premium-aplus-module-5 .table-slider { overflow-x: scroll; overflow-y: visible; width: 100%;}.aplus-v2 .premium-aplus-module-5 td.attribute { min-width: 300px; top: auto; left: 0; z-index: 100;}htmldir=”rtl” .aplus-v2 .premium-aplus-module-5 td.attribute { right: 0px; left: auto;}.aplus-v2 .premium-aplus-module-5 td.active-item..aplus-v2 .premium-aplus-module-5 th.active-item { top: auto; left: 300px; z-index: 100;}htmldir=”rtl” .premium-aplus-module-5 td.active-item.htmldir=”rtl” .premium-aplus-module-5 th.active-item { left: auto; right: 300px;}.aplus-v2 .premium-aplus-module-5 .attribute..aplus-v2 .premium-aplus-module-5 .active-item{ position: sticky;}.aplus-v2 .premium-aplus-module-5 table.a-bordered td..aplus-v2 .premium-aplus-module-5 table.a-bordered th { background-color: #fff;}.aplus-v2 .premium-aplus-module-5 table.a-bordered td.attribute .aplus-popover-trigger::after { content: “?”; display: inline-block; font-size: 12px; position: relative; bottom: 5px;}.aplus-v2 .premium-aplus-module-5 .product-title { font-size: 15px; padding: 10px 0;}.aplus-v2 .premium-aplus-module-5 .scroll-width { overflow-x: scroll; overflow-y: visible;}.aplus-v2 .premium-aplus-module-5 td.attribute.empty { height: 300px;}.aplus-v2 .premium-aplus-module-5 .header-img { padding-top: 10px;}/* Override default AUI .a-bordered table borders */.aplus-v2 .premium-aplus-module-5 table.a-bordered { border-width: 0; border-color: #eaeaea; border-style: solid;}/* Size the top scroller */.aplus-v2 .premium-aplus-module-5 .scroll-wrapper-top { width: 100%; height: 20px; overflow-x: scroll; overflow-y: visible;}.aplus-v2 .premium-aplus-module-5 .scroll-bar { height: 1px;}.aplus-v2 .premium-aplus-module-5 .add-to-cart { line-height: font-weight: normal;}.aplus-v2 .premium-aplus-module-5 .review { font-size: 14px;}
/** * Premium modules global styles */.aplus-v2.desktop { max-width: 1464px; min-width: 800px; margin-left: auto; margin-right: auto; word-wrap: break-word; overflow-wrap: break-word; word-break: break-word;}/* Undo this for tech-specs because it breaks table layout */.aplus-v2.desktop .premium-aplus .aplus-tech-spec-table { word-break: initial; }.aplus-v2 .premium-aplus..aplus-v2 .premium-aplus .aplus-h1..aplus-v2 .premium-aplus .aplus-h2..aplus-v2 .premium-aplus .aplus-p1..aplus-v2 .premium-aplus .aplus-p2..aplus-v2 .premium-aplus .aplus-p3..aplus-v2 .premium-aplus .aplus-accent1..aplus-v2 .premium-aplus .aplus-accent2{ font-family: Arial. sans-serif; }.aplus-v2 .premium-aplus..aplus-v2 .premium-aplus .aplus-h1..aplus-v2 .premium-aplus .aplus-h2..aplus-v2 .premium-aplus .aplus-p1..aplus-v2 .premium-aplus .aplus-p2..aplus-v2 .premium-aplus .aplus-p3..aplus-v2 .premium-aplus .aplus-accent1..aplus-v2 .premium-aplus .aplus-accent2{ font-family: inherit; }/* type */.aplus-v2 .premium-aplus .aplus-h1 { font-size: 32px; line-height: 1.2em; font-weight: 500; }.aplus-v2 .premium-aplus .aplus-h2 { font-size: 26px; line-height: 1.25em; font-weight: 500; }.aplus-v2 .premium-aplus .aplus-h3 { font-size: 18px; line-height: 1.25em; font-weight: 500; }.aplus-v2 .premium-aplus .aplus-p1 { font-size: 20px; line-height: 1.3em; font-weight: 300; }.aplus-v2 .premium-aplus .aplus-p2 { font-size: 16px; line-height: 1.4em; font-weight: 300; }.aplus-v2 .premium-aplus .aplus-p3 { font-size: 14px; line-height: 1.4em; font-weight: 300; }.aplus-v2 .premium-aplus .aplus-accent1 { font-size: 16px; line-height: 1.4em; font-weight: 600; }.aplus-v2 .premium-aplus .aplus-accent2 { font-size: 14px; line-height: 1.4em; font-weight: 600; }/* spacing */.aplus-v2 .aplus-container-1 { padding: 40px; }.aplus-v2 .aplus-container-1-2 { padding: 40px 80px; }.aplus-v2 .aplus-container-2 { padding: 80px; }.aplus-v2 .aplus-container-3 { padding: 40px 0; }/* Display */.aplus-v2 .premium-aplus .aplus-display-table { display: table; }.aplus-v2 .premium-aplus .aplus-display-table-cell { display: table-cell; }.aplus-v2 .premium-aplus .aplus-display-inline-block { display: inline-block; }/* Aplus display table with min-width 1000px and fill remaining space inside parent */.aplus-v2.desktop .premium-aplus .aplus-display-table-width { min-width: 1000px; width: 100% }/*** Padding and margin for element should be 10. 20. 40. or 80 px. Considering mini 10. small 20. medium 40. large 80.*/
/** * Premium-module 11: FAQs */.aplus-v2 .premium-aplus-module-11 .aplus-question { line-height: 25px; padding-bottom: 10px;}.aplus-v2 .premium-aplus-module-11 .faq-block { padding: 10px 80px 15px 100px;}htmldir=”rtl” .aplus-v2 .premium-aplus-module-11 .faq-block { padding-left: 80px; padding-right: 100px;}.aplus-v2 .premium-aplus-module-11 .faq-block.aplus-active { padding-bottom: 35px;}.aplus-v2 .premium-aplus-module-11 .aplus-question::before..aplus-v2 .premium-aplus-module-11 .aplus-answer::before { width: 80px; line-height: 40px; font-size: 25px;}.aplus-v2 .premium-aplus-module-11 .faq-arrow { right: 40px;}htmldir=”rtl” .aplus-v2 .premium-aplus-module-11 .faq-arrow { left: 40px;}

(function(f) {var _np=(window.P._namespace(“PremiumAplusModule”));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {P.now(‘premium-module-11-faq’).execute(function(init) { if (init) { return; } P.register(‘premium-module-11-faq’. function() { return function() { P.when(‘A’. ‘jQuery’. ‘ready’).execute(function(A. $){ function initFaq(module) { const MODULE_CLASS_NAME = ‘premium-aplus-module-11’; const FAQ_CONTAINER_CLASS_NAME = ‘faqs-container’; const FAQ_BLOCK_CLASS_NAME = ‘faq-block’; const moduleId = $(module).data(‘faq-block’); const $faqBlocks = $(‘.aplus-v2 .’ + MODULE_CLASS_NAME + ‘ .’ + FAQ_CONTAINER_CLASS_NAME + ‘.’ + moduleId + ‘ .’ + FAQ_BLOCK_CLASS_NAME); /** * Function to handle click or Enter or Space key events. * @param {Element} element – The this object from which the event is dispatched * @param {faqBlocks} faqBlocks – List of all the Question and Answer blocks. */ function handleClickOrEnterOrSpace(element. faqBlocks) { const $element = $(element); const isActive = $element.hasClass(‘aplus-active’); faqBlocks.removeClass(‘aplus-active’); faqBlocks.find(‘data-faq-question’).attr(‘aria-expanded’. ‘false’); if (!isActive) { $element.addClass(‘aplus-active’); $element.find(‘data-faq-question’).attr(‘aria-expanded’. ‘true’); } } /* Using jQuery event namespace for preventing duplicate binding on twister refresh */ $faqBlocks.unbind(‘click keydown.premiumAplusModule11ClickHandler’).bind(‘click keydown.premiumAplusModule11ClickHandler’. function(event) { handleClickAndKeyEvents(event. () => handleClickOrEnterOrSpace(this. $faqBlocks)); }); } $(“.aplus-v2 .premium-aplus-module-11 .faqs-container”).each(function(index. module) { initFaq(module); }); }); }; });});}));

/** * Premium-module 13: Carousel */.aplus-v2 .premium-aplus-module-13 .aplus-card-description-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}.aplus-v2 .premium-aplus-module-13 .aplus-card-description { display: table; width: 50%; height: 100%; color: #fff;}.aplus-v2 .premium-aplus-module-13 .aplus-card-table-cell { display: table-cell; vertical-align: middle; text-align: left;}htmldir=”rtl” .aplus-v2 .premium-aplus-module-13 .aplus-card-table-cell { text-align: right;}.aplus-v2 .premium-aplus-module-13 .aplus-text-background { background: rgba(0. 0. 0. 0.6);}.aplus-v2 .premium-aplus-module-13 .aplus-card-body { padding: 20px 40px 0 0;}htmldir=”rtl” .aplus-v2 .premium-aplus-module-13 .aplus-card-body { padding: 20px 0 0 40px;}.aplus-v2 .premium-aplus-module-13 .aplus-pagination-wrapper { position: absolute; top: 92%; width: 100%;}