90% Sun Shade Fabric, 8x50ft Sun-Block Net Mesh Shade with Clips for Pergola Cover Porch Vertical Screen, Beige
<div class="detailmodule_html"><div class="detail-desc-decorate-richtext"><div class="a-section a-spacing-large bucket" id="aplus">
<h1 class="a-size-large a-spacing-none" id="title" style="box-sizing: border-box; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px !important; margin-left: 0px; text-rendering: optimizelegibility; font-weight: 400; font-size: 24px !important; line-height: 32px !important; color: rgb(15, 17, 17); font-family: "Amazon Ember", Arial, sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:16px;"><strong><span class="a-size-large product-title-word-break" id="productTitle" style="box-sizing: border-box; text-rendering: optimizelegibility; word-break: break-word; line-height: 32px !important;">90% Sun Shade Fabric, 8x50ft Sun-Block Net Mesh Shade with Clips for Pergola Cover Porch Vertical Screen, Beige</span></strong></span></span></h1>
<span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:16px;"><strong> </strong></span></span>
<div class="celwidget" data-cel-widget="productOverview_feature_div" data-csa-c-asin="B0BX6B3P8C" data-csa-c-content-id="productOverview" data-csa-c-id="yq7uax-bnrcpw-3dsj3s-sdcxaa" data-csa-c-is-in-initial-active-row="false" data-csa-c-slot-id="productOverview_feature_div" data-csa-c-type="widget" data-feature-name="productOverview" id="productOverview_feature_div" style="box-sizing: border-box; color: rgb(15, 17, 17); font-family: "Amazon Ember", Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
<div class="a-section a-spacing-small a-spacing-top-small" style="box-sizing: border-box; margin-bottom: 0px; margin-top: 8px !important;">
<table class="a-normal a-spacing-micro" style="box-sizing: border-box; margin-bottom: 0px !important; border-collapse: collapse; width: 513.264px;">
<tbody style="box-sizing: border-box;">
<tr class="a-spacing-small po-size" style="box-sizing: border-box; margin-bottom: 8px !important;">
<td class="a-span3" style="box-sizing: border-box; vertical-align: top; padding: 0px 3px 3px 0px; float: none !important; margin-right: 0px; width: 134.358px;"><span class="a-size-base a-text-bold" style="box-sizing: border-box; font-weight: 700 !important; font-size: 14px !important; line-height: 20px !important;">Size</span></td>
<td class="a-span9" style="box-sizing: border-box; vertical-align: top; padding: 0px 0px 3px 3px; float: none !important; margin-right: 0px; width: 378.906px;"><span class="a-size-base po-break-word" style="box-sizing: border-box; font-size: 14px !important; line-height: 20px !important; word-break: break-word;">8x50ft</span></td>
</tr>
<tr class="a-spacing-small po-color" style="box-sizing: border-box; margin-bottom: 8px !important;">
<td class="a-span3" style="box-sizing: border-box; vertical-align: top; padding: 3px 3px 3px 0px; float: none !important; margin-right: 0px; width: 134.358px;"><span class="a-size-base a-text-bold" style="box-sizing: border-box; font-weight: 700 !important; font-size: 14px !important; line-height: 20px !important;">Color</span></td>
<td class="a-span9" style="box-sizing: border-box; vertical-align: top; padding: 3px 0px 3px 3px; float: none !important; margin-right: 0px; width: 378.906px;"><span class="a-size-base po-break-word" style="box-sizing: border-box; font-size: 14px !important; line-height: 20px !important; word-break: break-word;">wheat</span></td>
</tr>
<tr class="a-spacing-small po-material" style="box-sizing: border-box; margin-bottom: 8px !important;">
<td class="a-span3" style="box-sizing: border-box; vertical-align: top; padding: 3px 3px 3px 0px; float: none !important; margin-right: 0px; width: 134.358px;"><span class="a-size-base a-text-bold" style="box-sizing: border-box; font-weight: 700 !important; font-size: 14px !important; line-height: 20px !important;">Material</span></td>
<td class="a-span9" style="box-sizing: border-box; vertical-align: top; padding: 3px 0px 3px 3px; float: none !important; margin-right: 0px; width: 378.906px;"><span class="a-size-base po-break-word" style="box-sizing: border-box; font-size: 14px !important; line-height: 20px !important; word-break: break-word;">High Density Polyethylene (HDPE)</span></td>
</tr>
<tr class="a-spacing-small po-style" style="box-sizing: border-box; margin-bottom: 8px !important;">
<td class="a-span3" style="box-sizing: border-box; vertical-align: top; padding: 3px 3px 0px 0px; float: none !important; margin-right: 0px; width: 134.358px;"><span class="a-size-base a-text-bold" style="box-sizing: border-box; font-weight: 700 !important; font-size: 14px !important; line-height: 20px !important;">Style</span></td>
<td class="a-span9" style="box-sizing: border-box; vertical-align: top; padding: 3px 0px 0px 3px; float: none !important; margin-right: 0px; width: 378.906px;"><span class="a-size-base po-break-word" style="box-sizing: border-box; font-size: 14px !important; line-height: 20px !important; word-break: break-word;">Classic</span></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="celwidget" data-cel-widget="featurebullets_feature_div" data-csa-c-asin="B0BX6B3P8C" data-csa-c-content-id="featurebullets" data-csa-c-id="ss2ucd-twtodp-j3ccor-tx8oeh" data-csa-c-is-in-initial-active-row="false" data-csa-c-slot-id="featurebullets_feature_div" data-csa-c-type="widget" data-feature-name="featurebullets" id="featurebullets_feature_div" style="box-sizing: border-box; color: rgb(15, 17, 17); font-family: "Amazon Ember", Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
<div class="a-section a-spacing-medium a-spacing-top-small" id="feature-bullets" style="box-sizing: border-box; margin-top: 8px !important; margin-bottom: 0px;">
<hr aria-hidden="true" class="a-divider-normal" style="box-sizing: border-box; background-color: transparent; border-width: 1px 0px 0px; border-top-style: solid; border-top-color: rgb(213, 217, 217); display: block; height: 1px; line-height: 19px; margin-bottom: 14px; margin-top: 0px;">
<h1 class="a-size-base-plus a-text-bold" style="box-sizing: border-box; padding: 0px 0px 4px; margin: 0px; text-rendering: optimizelegibility; font-weight: 700 !important; font-size: 1.25rem !important; line-height: 24px !important; color: rgb(15, 17, 17) !important; font-family: "Amazon Ember" !important;">About this item</h1>
<ul class="a-unordered-list a-vertical a-spacing-mini" style="box-sizing: border-box; margin: 0px 0px 0px 18px; color: var(--__N4QdCheV6mGo,#0f1111); padding: 0px;">
<li class="a-spacing-mini" style="box-sizing: border-box; list-style: disc; overflow-wrap: break-word; margin: 0px;"><span class="a-list-item" style="box-sizing: border-box; color: var(--__N4QdCheV6mGo,#0f1111);">Durability Material - manufactured of High Density Polyethylene (HDPE). Knitted construction resists tearing and fraying</span></li>
<li class="a-spacing-mini" style="box-sizing: border-box; list-style: disc; overflow-wrap: break-word; margin: 0px;"><span class="a-list-item" style="box-sizing: border-box; color: var(--__N4QdCheV6mGo,#0f1111);">Protection - shade cloth blocks up to 90% of sun, works great for keeping the heat out from the sun on pergola patio deck</span></li>
<li class="a-spacing-mini" style="box-sizing: border-box; list-style: disc; overflow-wrap: break-word; margin: 0px;"><span class="a-list-item" style="box-sizing: border-box; color: var(--__N4QdCheV6mGo,#0f1111);">Breathable Fabric - keep the air fresh and allow hot air to be pushed out of shade fabric, and water drops through. Easily clean with a garden hose</span></li>
<li class="a-spacing-mini" style="box-sizing: border-box; list-style: disc; overflow-wrap: break-word; margin: 0px;"><span class="a-list-item" style="box-sizing: border-box; color: var(--__N4QdCheV6mGo,#0f1111);">Easy Installation - shade fabric comes with raw edge, it can be cut to size. Just staple fabric on top of pergola skylights deck as shade cover, or hang it on porch balcony for privacy fence</span></li>
<li class="a-spacing-mini" style="box-sizing: border-box; list-style: disc; overflow-wrap: break-word; margin: 0px;"><span class="a-list-item" style="box-sizing: border-box; color: var(--__N4QdCheV6mGo,#0f1111);">Size - Folded package. We offer you 100% Risk-Free Satisfaction Guarantee to let you buy with confidence; no questions asked. However, we are quite sure that you will be super impressed with shatex pergola cover / porch fence which is not only durable but reasonably priced too</span></li>
</ul>
</div>
</div>
<span style="font-family:Arial,Helvetica,sans-serif;"> <span style="font-size:16px;"><strong></strong></span></span> </div>
<div class="a-row feature" data-feature-name="productDescription" data-template-name="productDescription" id="productDescription_feature_div"><!-- Used to set table width because AUI is overriding the width attribute of the tables coming in description -->
<style type="text/css">#productDescription h3 {
margin: 0.75em 0px 0.375em -1px;
}
</style>
</div>
<style type="text/css">.aplus-v2 .container-with-background-image {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
}
</style>
<style type="text/css">.aplus-v2 .apm-brand-story-carousel-container {
position: relative;
}
.aplus-v2 .apm-brand-story-carousel-hero-container,
.aplus-v2 .apm-brand-story-carousel-hero-container > div {
position: absolute;
width: 100%;
}
</style>
<style type="text/css">/*
Ensuring the carousel takes only the space it needs.
The sizes need to be set again on the absolutely positioned elements so they can take up space.
*/
.aplus-v2 .apm-brand-story-carousel-container,
.aplus-v2 .apm-brand-story-carousel-hero-container {
height: 625px;
width: 100%;
max-width: 1464px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.aplus-v2 .apm-brand-story-carousel-hero-container,
.aplus-v2 .apm-brand-story-carousel-hero-container > div {
height: 625px;
}
</style>
<style type="text/css">.aplus-v2 .apm-brand-story-carousel.a-carousel-container {
padding: 0px;
}
/*
This centers the carousel vertically on top of the hero image container and after the logo area (125px).
Margin-top = (heroHeight - cardHeight - logoAreaHeight) / 2 + logoAreaHeight
*/
.aplus-v2 .apm-brand-story-carousel .a-carousel-row-inner {
margin-top: 149px;
}
/*
Cards need to have a width set, otherwise they default to 50px or so.
All cards must have the same width. The carousel will resize itself so all cards take the width of the largest card.
The left margin is for leaving a space between each card.
*/
.aplus-v2 .apm-brand-story-carousel .a-carousel-card {
width: 362px;
margin-left: 30px !important;
}
/* styling the navigation buttons so they are taller, flush with the sides, and have a clean white background */
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left,
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right {
padding: 0px;
}
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image,
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image {
border: none;
margin: 0px;
}
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner,
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner {
background: #fff;
padding: 20px 6px;
}
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner {
border-radius: 0px 4px 4px 0px;
}
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner {
border-radius: 4px 0px 0px 4px;
}
</style>
</div></div>
$250.88
$86.63
- Category : Home & Garden
- Brand : globaltrend_hub_store GlobalTrend Hub Store
Colors
Sizes
-
+
<div class="detailmodule_html"><div class="detail-desc-decorate-richtext"><div class="a-section a-spacing-large bucket" id="aplus">
<h1 class="a-size-large a-spacing-none" id="title" style="box-sizing: border-box; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px !important; margin-left: 0px; text-rendering: optimizelegibility; font-weight: 400; font-size: 24px !important; line-height: 32px !important; color: rgb(15, 17, 17); font-family: "Amazon Ember", Arial, sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:16px;"><strong><span class="a-size-large product-title-word-break" id="productTitle" style="box-sizing: border-box; text-rendering: optimizelegibility; word-break: break-word; line-height: 32px !important;">90% Sun Shade Fabric, 8x50ft Sun-Block Net Mesh Shade with Clips for Pergola Cover Porch Vertical Screen, Beige</span></strong></span></span></h1>
<span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:16px;"><strong> </strong></span></span>
<div class="celwidget" data-cel-widget="productOverview_feature_div" data-csa-c-asin="B0BX6B3P8C" data-csa-c-content-id="productOverview" data-csa-c-id="yq7uax-bnrcpw-3dsj3s-sdcxaa" data-csa-c-is-in-initial-active-row="false" data-csa-c-slot-id="productOverview_feature_div" data-csa-c-type="widget" data-feature-name="productOverview" id="productOverview_feature_div" style="box-sizing: border-box; color: rgb(15, 17, 17); font-family: "Amazon Ember", Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
<div class="a-section a-spacing-small a-spacing-top-small" style="box-sizing: border-box; margin-bottom: 0px; margin-top: 8px !important;">
<table class="a-normal a-spacing-micro" style="box-sizing: border-box; margin-bottom: 0px !important; border-collapse: collapse; width: 513.264px;">
<tbody style="box-sizing: border-box;">
<tr class="a-spacing-small po-size" style="box-sizing: border-box; margin-bottom: 8px !important;">
<td class="a-span3" style="box-sizing: border-box; vertical-align: top; padding: 0px 3px 3px 0px; float: none !important; margin-right: 0px; width: 134.358px;"><span class="a-size-base a-text-bold" style="box-sizing: border-box; font-weight: 700 !important; font-size: 14px !important; line-height: 20px !important;">Size</span></td>
<td class="a-span9" style="box-sizing: border-box; vertical-align: top; padding: 0px 0px 3px 3px; float: none !important; margin-right: 0px; width: 378.906px;"><span class="a-size-base po-break-word" style="box-sizing: border-box; font-size: 14px !important; line-height: 20px !important; word-break: break-word;">8x50ft</span></td>
</tr>
<tr class="a-spacing-small po-color" style="box-sizing: border-box; margin-bottom: 8px !important;">
<td class="a-span3" style="box-sizing: border-box; vertical-align: top; padding: 3px 3px 3px 0px; float: none !important; margin-right: 0px; width: 134.358px;"><span class="a-size-base a-text-bold" style="box-sizing: border-box; font-weight: 700 !important; font-size: 14px !important; line-height: 20px !important;">Color</span></td>
<td class="a-span9" style="box-sizing: border-box; vertical-align: top; padding: 3px 0px 3px 3px; float: none !important; margin-right: 0px; width: 378.906px;"><span class="a-size-base po-break-word" style="box-sizing: border-box; font-size: 14px !important; line-height: 20px !important; word-break: break-word;">wheat</span></td>
</tr>
<tr class="a-spacing-small po-material" style="box-sizing: border-box; margin-bottom: 8px !important;">
<td class="a-span3" style="box-sizing: border-box; vertical-align: top; padding: 3px 3px 3px 0px; float: none !important; margin-right: 0px; width: 134.358px;"><span class="a-size-base a-text-bold" style="box-sizing: border-box; font-weight: 700 !important; font-size: 14px !important; line-height: 20px !important;">Material</span></td>
<td class="a-span9" style="box-sizing: border-box; vertical-align: top; padding: 3px 0px 3px 3px; float: none !important; margin-right: 0px; width: 378.906px;"><span class="a-size-base po-break-word" style="box-sizing: border-box; font-size: 14px !important; line-height: 20px !important; word-break: break-word;">High Density Polyethylene (HDPE)</span></td>
</tr>
<tr class="a-spacing-small po-style" style="box-sizing: border-box; margin-bottom: 8px !important;">
<td class="a-span3" style="box-sizing: border-box; vertical-align: top; padding: 3px 3px 0px 0px; float: none !important; margin-right: 0px; width: 134.358px;"><span class="a-size-base a-text-bold" style="box-sizing: border-box; font-weight: 700 !important; font-size: 14px !important; line-height: 20px !important;">Style</span></td>
<td class="a-span9" style="box-sizing: border-box; vertical-align: top; padding: 3px 0px 0px 3px; float: none !important; margin-right: 0px; width: 378.906px;"><span class="a-size-base po-break-word" style="box-sizing: border-box; font-size: 14px !important; line-height: 20px !important; word-break: break-word;">Classic</span></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="celwidget" data-cel-widget="featurebullets_feature_div" data-csa-c-asin="B0BX6B3P8C" data-csa-c-content-id="featurebullets" data-csa-c-id="ss2ucd-twtodp-j3ccor-tx8oeh" data-csa-c-is-in-initial-active-row="false" data-csa-c-slot-id="featurebullets_feature_div" data-csa-c-type="widget" data-feature-name="featurebullets" id="featurebullets_feature_div" style="box-sizing: border-box; color: rgb(15, 17, 17); font-family: "Amazon Ember", Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
<div class="a-section a-spacing-medium a-spacing-top-small" id="feature-bullets" style="box-sizing: border-box; margin-top: 8px !important; margin-bottom: 0px;">
<hr aria-hidden="true" class="a-divider-normal" style="box-sizing: border-box; background-color: transparent; border-width: 1px 0px 0px; border-top-style: solid; border-top-color: rgb(213, 217, 217); display: block; height: 1px; line-height: 19px; margin-bottom: 14px; margin-top: 0px;">
<h1 class="a-size-base-plus a-text-bold" style="box-sizing: border-box; padding: 0px 0px 4px; margin: 0px; text-rendering: optimizelegibility; font-weight: 700 !important; font-size: 1.25rem !important; line-height: 24px !important; color: rgb(15, 17, 17) !important; font-family: "Amazon Ember" !important;">About this item</h1>
<ul class="a-unordered-list a-vertical a-spacing-mini" style="box-sizing: border-box; margin: 0px 0px 0px 18px; color: var(--__N4QdCheV6mGo,#0f1111); padding: 0px;">
<li class="a-spacing-mini" style="box-sizing: border-box; list-style: disc; overflow-wrap: break-word; margin: 0px;"><span class="a-list-item" style="box-sizing: border-box; color: var(--__N4QdCheV6mGo,#0f1111);">Durability Material - manufactured of High Density Polyethylene (HDPE). Knitted construction resists tearing and fraying</span></li>
<li class="a-spacing-mini" style="box-sizing: border-box; list-style: disc; overflow-wrap: break-word; margin: 0px;"><span class="a-list-item" style="box-sizing: border-box; color: var(--__N4QdCheV6mGo,#0f1111);">Protection - shade cloth blocks up to 90% of sun, works great for keeping the heat out from the sun on pergola patio deck</span></li>
<li class="a-spacing-mini" style="box-sizing: border-box; list-style: disc; overflow-wrap: break-word; margin: 0px;"><span class="a-list-item" style="box-sizing: border-box; color: var(--__N4QdCheV6mGo,#0f1111);">Breathable Fabric - keep the air fresh and allow hot air to be pushed out of shade fabric, and water drops through. Easily clean with a garden hose</span></li>
<li class="a-spacing-mini" style="box-sizing: border-box; list-style: disc; overflow-wrap: break-word; margin: 0px;"><span class="a-list-item" style="box-sizing: border-box; color: var(--__N4QdCheV6mGo,#0f1111);">Easy Installation - shade fabric comes with raw edge, it can be cut to size. Just staple fabric on top of pergola skylights deck as shade cover, or hang it on porch balcony for privacy fence</span></li>
<li class="a-spacing-mini" style="box-sizing: border-box; list-style: disc; overflow-wrap: break-word; margin: 0px;"><span class="a-list-item" style="box-sizing: border-box; color: var(--__N4QdCheV6mGo,#0f1111);">Size - Folded package. We offer you 100% Risk-Free Satisfaction Guarantee to let you buy with confidence; no questions asked. However, we are quite sure that you will be super impressed with shatex pergola cover / porch fence which is not only durable but reasonably priced too</span></li>
</ul>
</div>
</div>
<span style="font-family:Arial,Helvetica,sans-serif;"> <span style="font-size:16px;"><strong></strong></span></span> </div>
<div class="a-row feature" data-feature-name="productDescription" data-template-name="productDescription" id="productDescription_feature_div"><!-- Used to set table width because AUI is overriding the width attribute of the tables coming in description -->
<style type="text/css">#productDescription h3 {
margin: 0.75em 0px 0.375em -1px;
}
</style>
</div>
<style type="text/css">.aplus-v2 .container-with-background-image {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
}
</style>
<style type="text/css">.aplus-v2 .apm-brand-story-carousel-container {
position: relative;
}
.aplus-v2 .apm-brand-story-carousel-hero-container,
.aplus-v2 .apm-brand-story-carousel-hero-container > div {
position: absolute;
width: 100%;
}
</style>
<style type="text/css">/*
Ensuring the carousel takes only the space it needs.
The sizes need to be set again on the absolutely positioned elements so they can take up space.
*/
.aplus-v2 .apm-brand-story-carousel-container,
.aplus-v2 .apm-brand-story-carousel-hero-container {
height: 625px;
width: 100%;
max-width: 1464px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.aplus-v2 .apm-brand-story-carousel-hero-container,
.aplus-v2 .apm-brand-story-carousel-hero-container > div {
height: 625px;
}
</style>
<style type="text/css">.aplus-v2 .apm-brand-story-carousel.a-carousel-container {
padding: 0px;
}
/*
This centers the carousel vertically on top of the hero image container and after the logo area (125px).
Margin-top = (heroHeight - cardHeight - logoAreaHeight) / 2 + logoAreaHeight
*/
.aplus-v2 .apm-brand-story-carousel .a-carousel-row-inner {
margin-top: 149px;
}
/*
Cards need to have a width set, otherwise they default to 50px or so.
All cards must have the same width. The carousel will resize itself so all cards take the width of the largest card.
The left margin is for leaving a space between each card.
*/
.aplus-v2 .apm-brand-story-carousel .a-carousel-card {
width: 362px;
margin-left: 30px !important;
}
/* styling the navigation buttons so they are taller, flush with the sides, and have a clean white background */
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left,
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right {
padding: 0px;
}
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image,
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image {
border: none;
margin: 0px;
}
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner,
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner {
background: #fff;
padding: 20px 6px;
}
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner {
border-radius: 0px 4px 4px 0px;
}
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner {
border-radius: 4px 0px 0px 4px;
}
</style>
</div></div>
Related Product
Browse The Collection of Top Products.
