<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;">17" Square Ottoman with Storage, Small Blue Storage Ottoman Foot Rest with Hinged Lid & Solid Wood Legs, Linen Fabric Foot Stool for Living Room & Bedroom</span></strong></span></span></h1>
<span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:16px;"><strong> </strong></span></span>
<br>
<div class="celwidget" data-cel-widget="productOverview_feature_div" data-csa-c-asin="B07T65NLF9" data-csa-c-content-id="productOverview" data-csa-c-id="jjmtck-gw7qeb-5329f2-h1e8mh" 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-expander-collapsed-height a-row a-expander-container a-spacing-none a-expander-partial-collapse-container" data-a-expander-collapsed-height="210" data-a-expander-name="product_overview" id="poExpander" style="box-sizing: border-box; width: 298.34px; margin-bottom: 0px !important; overflow: hidden; position: relative; max-height: none; height: auto;">
<div class="a-expander-content a-expander-partial-collapse-content a-expander-content-expanded" data-expanded="true" style="box-sizing: border-box; overflow: hidden; position: relative; padding-bottom: 24px;">
<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" role="list" style="box-sizing: border-box; margin-bottom: 0px !important; border-collapse: collapse; width: 298.34px;">
<tbody style="box-sizing: border-box;">
<tr class="a-spacing-small po-item_depth_width_height" role="listitem" style="box-sizing: border-box; margin-bottom: 8px !important;">
<td class="a-span3" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 0px 3px 3px 0px; float: none !important; margin-right: 0px; width: 118.691px;"><span class="a-size-base a-text-bold" style="box-sizing: border-box; font-weight: var(--__SARCET4AB,700) !important; font-size: 14px !important; line-height: 20px !important;">Product Dimensions</span></td>
<td class="a-span9" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 0px 0px 3px 3px; float: none !important; margin-right: 0px; width: 179.648px;"><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;">17.5"D x 17.5"W x 17.1"H</span></td>
</tr>
<tr class="a-spacing-small po-color" role="listitem" style="box-sizing: border-box; margin-bottom: 8px !important;">
<td class="a-span3" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 3px 3px 3px 0px; float: none !important; margin-right: 0px; width: 118.691px;"><span class="a-size-base a-text-bold" style="box-sizing: border-box; font-weight: var(--__SARCET4AB,700) !important; font-size: 14px !important; line-height: 20px !important;">Color</span></td>
<td class="a-span9" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 3px 0px 3px 3px; float: none !important; margin-right: 0px; width: 179.648px;"><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;">Blue</span></td>
</tr>
<tr class="a-spacing-small po-brand" role="listitem" style="box-sizing: border-box; margin-bottom: 8px !important;">
<td class="a-span3" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 3px 3px 3px 0px; float: none !important; margin-right: 0px; width: 118.691px;"> </td>
<td class="a-span9" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 3px 0px 3px 3px; float: none !important; margin-right: 0px; width: 179.648px;"> </td>
</tr>
<tr class="a-spacing-small po-fabric_type" role="listitem" style="box-sizing: border-box; margin-bottom: 8px !important;">
<td class="a-span3" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 3px 3px 3px 0px; float: none !important; margin-right: 0px; width: 118.691px;"><span class="a-size-base a-text-bold" style="box-sizing: border-box; font-weight: var(--__SARCET4AB,700) !important; font-size: 14px !important; line-height: 20px !important;">Fabric Type</span></td>
<td class="a-span9" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 3px 0px 3px 3px; float: none !important; margin-right: 0px; width: 179.648px;"><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;">Linen</span></td>
</tr>
<tr class="a-spacing-small po-base.material" role="listitem" style="box-sizing: border-box; margin-bottom: 8px !important;">
<td class="a-span3" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 3px 3px 3px 0px; float: none !important; margin-right: 0px; width: 118.691px;"><span class="a-size-base a-text-bold" style="box-sizing: border-box; font-weight: var(--__SARCET4AB,700) !important; font-size: 14px !important; line-height: 20px !important;">Base Material</span></td>
<td class="a-span9" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 3px 0px 3px 3px; float: none !important; margin-right: 0px; width: 179.648px;"><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;">Wood</span></td>
</tr>
<tr class="a-spacing-small po-frame.material" role="listitem" style="box-sizing: border-box; margin-bottom: 8px !important;">
<td class="a-span3" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 3px 3px 3px 0px; float: none !important; margin-right: 0px; width: 118.691px;"><span class="a-size-base a-text-bold" style="box-sizing: border-box; font-weight: var(--__SARCET4AB,700) !important; font-size: 14px !important; line-height: 20px !important;">Frame Material</span></td>
<td class="a-span9" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 3px 0px 3px 3px; float: none !important; margin-right: 0px; width: 179.648px;"><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;">Wood</span></td>
</tr>
<tr class="a-spacing-small po-seat.height" role="listitem" style="box-sizing: border-box; margin-bottom: 8px !important;">
<td class="a-span3" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 3px 3px 3px 0px; float: none !important; margin-right: 0px; width: 118.691px;"><span class="a-size-base a-text-bold" style="box-sizing: border-box; font-weight: var(--__SARCET4AB,700) !important; font-size: 14px !important; line-height: 20px !important;">Seat Height</span></td>
<td class="a-span9" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 3px 0px 3px 3px; float: none !important; margin-right: 0px; width: 179.648px;"><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;">17.1 Inches</span></td>
</tr>
<tr class="a-spacing-small po-care_instructions" role="listitem" style="box-sizing: border-box; margin-bottom: 8px !important;">
<td class="a-span3" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 3px 3px 3px 0px; float: none !important; margin-right: 0px; width: 118.691px;"><span class="a-size-base a-text-bold" style="box-sizing: border-box; font-weight: var(--__SARCET4AB,700) !important; font-size: 14px !important; line-height: 20px !important;">Product Care Instructions</span></td>
<td class="a-span9" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 3px 0px 3px 3px; float: none !important; margin-right: 0px; width: 179.648px;"><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;">Wipe with Dry Cloth</span></td>
</tr>
<tr class="a-spacing-small po-maximum_weight_recommendation" role="listitem" style="box-sizing: border-box; margin-bottom: 8px !important;">
<td class="a-span3" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 3px 3px 3px 0px; float: none !important; margin-right: 0px; width: 118.691px;"><span class="a-size-base a-text-bold" style="box-sizing: border-box; font-weight: var(--__SARCET4AB,700) !important; font-size: 14px !important; line-height: 20px !important;">Maximum Weight Recommendation</span></td>
<td class="a-span9" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 3px 0px 3px 3px; float: none !important; margin-right: 0px; width: 179.648px;"><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;">350 Pounds</span></td>
</tr>
<tr class="a-spacing-small po-is_assembly_required" role="listitem" style="box-sizing: border-box; margin-bottom: 8px !important;">
<td class="a-span3" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 3px 3px 0px 0px; float: none !important; margin-right: 0px; width: 118.691px;"><span class="a-size-base a-text-bold" style="box-sizing: border-box; font-weight: var(--__SARCET4AB,700) !important; font-size: 14px !important; line-height: 20px !important;">Assembly Required</span></td>
<td class="a-span9" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 3px 0px 0px 3px; float: none !important; margin-right: 0px; width: 179.648px;"><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;">Yes</span></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="a-expander-header a-expander-partial-collapse-header" id="poToggleButton" style="box-sizing: border-box; outline: 0px; position: absolute; bottom: 0px; width: 298.34px; background-color: var(--__dChNmAmGoMXsPxT,#fff); z-index: 2; opacity: 1; display: block;">
<a class="a-declarative" data-a-expander-toggle="{"allowLinkDefault":true, "expand_prompt":"See more", "collapse_prompt":"See less"}" data-action="a-expander-toggle" href="" role="button" style="box-sizing: border-box; text-decoration: none; color: var(--__dChsbGMXsw4B,#2162a1); display: inline-block; min-height: 24px; align-content: center;"><i class="a-icon a-icon-extender-collapse" style="box-sizing: border-box; font-style: italic; background-image: none; background-size: 400px 900px; background-repeat: no-repeat; display: inline-block; vertical-align: baseline; position: relative; margin-right: 0.385em; width: 7px; height: 7px; background-position: -94px -293px; border-style: solid; border-color: rgb(15, 17, 17); border-image: initial; border-width: 0px 2px 2px 0px; padding: 3px; opacity: 1; margin-left: 2px; transform: rotate(-135deg); margin-top: -1px;"></i><span class="a-expander-prompt" style="box-sizing: border-box; overflow-wrap: break-word;">See less</span></a>
</div>
</div>
<div class="a-section a-spacing-top-base" id="glance_icons_div" style="box-sizing: border-box; margin-top: 12px !important; margin-bottom: 0px;">
<hr aria-hidden="true" class="a-divider-normal" style="box-sizing: border-box; background-color: transparent; border-color: var(--__dChNmAwPaMXsTxp,#d5d9d9); border-width: 1px 0px 0px; border-top-style: solid; display: block; height: 1px; line-height: 19px; margin-bottom: 14px; margin-top: 0px;">
<table class="a-normal" style="box-sizing: border-box; margin-bottom: 0px !important; border-collapse: collapse; width: 298.34px;">
<tbody style="box-sizing: border-box;">
<tr class="a-spacing-base" style="box-sizing: border-box; margin-bottom: 12px !important;">
<td class="a-span6" style="box-sizing: border-box; vertical-align: top; padding: 0px 3px 3px 0px; float: none !important; margin-right: 0px; width: 156.406px;">
<table class="a-normal" style="box-sizing: border-box; margin-bottom: 0px !important; border-collapse: collapse; width: 153.418px;">
<tbody style="box-sizing: border-box;">
<tr style="box-sizing: border-box;">
<td style="box-sizing: border-box; vertical-align: top; padding: 0px 3px 0px 0px; width: 39px;"> </td>
<td style="box-sizing: border-box; vertical-align: top; padding: 0px 0px 0px 3px;"><span class="a-size-base handle-overflow a-text-bold" style="box-sizing: border-box; font-weight: var(--__SARCET4AB,700) !important; font-size: 14px !important; line-height: 20px !important; word-break: break-word;">Top Material Type</span><br style="box-sizing: border-box;"> <span class="a-size-base handle-overflow" style="box-sizing: border-box; font-size: 14px !important; line-height: 20px !important; word-break: break-word;">Linen</span></td>
</tr>
</tbody>
</table> </td>
<td class="a-span6" style="box-sizing: border-box; vertical-align: top; padding: 0px 0px 3px 3px; float: none !important; margin-right: 0px; width: 141.934px;">
<table class="a-normal" style="box-sizing: border-box; margin-bottom: 0px !important; border-collapse: collapse; width: 138.945px;">
<tbody style="box-sizing: border-box;">
<tr style="box-sizing: border-box;">
<td style="box-sizing: border-box; vertical-align: top; padding: 0px 3px 0px 0px; width: 39px;"> </td>
<td style="box-sizing: border-box; vertical-align: top; padding: 0px 0px 0px 3px;"><span class="a-size-base handle-overflow a-text-bold" style="box-sizing: border-box; font-weight: var(--__SARCET4AB,700) !important; font-size: 14px !important; line-height: 20px !important; word-break: break-word;">Base Type</span><br style="box-sizing: border-box;"> <span class="a-size-base handle-overflow" style="box-sizing: border-box; font-size: 14px !important; line-height: 20px !important; word-break: break-word;">Legs</span></td>
</tr>
</tbody>
</table> </td>
</tr>
<tr class="a-spacing-base" style="box-sizing: border-box; margin-bottom: 12px !important;">
<td class="a-span6" style="box-sizing: border-box; vertical-align: top; padding: 3px 3px 0px 0px; float: none !important; margin-right: 0px; width: 156.406px;">
<table class="a-normal" style="box-sizing: border-box; margin-bottom: 0px !important; border-collapse: collapse; width: 153.418px;">
<tbody style="box-sizing: border-box;">
<tr style="box-sizing: border-box;">
<td style="box-sizing: border-box; vertical-align: top; padding: 0px 3px 0px 0px; width: 39px;"> </td>
<td style="box-sizing: border-box; vertical-align: top; padding: 0px 0px 0px 3px;"><span class="a-size-base handle-overflow a-text-bold" style="box-sizing: border-box; font-weight: var(--__SARCET4AB,700) !important; font-size: 14px !important; line-height: 20px !important; word-break: break-word;">Shape</span><br style="box-sizing: border-box;"> <span class="a-size-base handle-overflow" style="box-sizing: border-box; font-size: 14px !important; line-height: 20px !important; word-break: break-word;">Square</span></td>
</tr>
</tbody>
</table> </td>
<td class="a-span6" style="box-sizing: border-box; vertical-align: top; padding: 3px 0px 0px 3px; float: none !important; margin-right: 0px; width: 141.934px;">
<table class="a-normal" style="box-sizing: border-box; margin-bottom: 0px !important; border-collapse: collapse; width: 138.945px;">
<tbody style="box-sizing: border-box;">
<tr style="box-sizing: border-box;">
<td style="box-sizing: border-box; vertical-align: top; padding: 0px 3px 0px 0px; width: 39px;"> </td>
<td style="box-sizing: border-box; vertical-align: top; padding: 0px 0px 0px 3px;"><span class="a-size-base handle-overflow a-text-bold" style="box-sizing: border-box; font-weight: var(--__SARCET4AB,700) !important; font-size: 14px !important; line-height: 20px !important; word-break: break-word;">Item Weight</span><br style="box-sizing: border-box;"> <span class="a-size-base handle-overflow" style="box-sizing: border-box; font-size: 14px !important; line-height: 20px !important; word-break: break-word;">15 Pounds</span></td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="celwidget" data-cel-widget="productDetailsVoyagerIngress_feature_div" data-csa-c-asin="B07T65NLF9" data-csa-c-content-id="productDetailsVoyagerIngress" data-csa-c-id="3lyugr-jyt7gw-2mfkaw-yw2d95" data-csa-c-is-in-initial-active-row="false" data-csa-c-slot-id="productDetailsVoyagerIngress_feature_div" data-csa-c-type="widget" data-feature-name="productDetailsVoyagerIngress" id="productDetailsVoyagerIngress_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>
<div class="celwidget" data-cel-widget="featurebullets_feature_div" data-csa-c-asin="B07T65NLF9" data-csa-c-content-id="featurebullets" data-csa-c-id="apg8rf-j02khs-8nuw3q-s4zou5" 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-color: var(--__dChNmAwPaMXsTxp,#d5d9d9); border-width: 1px 0px 0px; border-top-style: solid; display: block; height: 1px; line-height: 19px; margin-bottom: 14px; margin-top: 0px;">
<h2 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</h2>
<ul class="a-unordered-list a-vertical a-spacing-mini" style="box-sizing: border-box; margin: 0px 0px 0px 18px; color: var(--__dChNmAmGoMXsw4B,#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(--__dChNmAmGoMXsw4B,#0f1111);">Spacious Square Storage Ottoman for Everyday Living—This 17.5" x 17.5" x 17.1" navy blue square ottoman offers ample hidden storage (13.2" x 13.2" x 9.5") for organizing blankets, books, and toys. A perfect storage ottoman for anyone needing smart space-saving furniture in their living room or bedroom.</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(--__dChNmAmGoMXsw4B,#0f1111);">Heavy-Duty Design with Solid Wood Frame & Legs—Built to support up to 350 lbs, this ottoman foot rest features a durable hardwood frame and sturdy solid wood legs. Whether used as a footstool, extra seating, or a compact coffee table, it’s ideal for adults, teens, and guests alike.</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(--__dChNmAmGoMXsw4B,#0f1111);">Scratch-Resistant Linen Fabric in Modern Blue—Wrapped in a stylish, scratch-resistant linen-look fabric, this ottoman with storage adds a pop of color and texture to your space. Perfect for someone who need a durable yet attractive ottoman that fits into any modern or traditional decor.</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(--__dChNmAmGoMXsw4B,#0f1111);">Premium Safety Hinges Tested Over 8,000 Times—The storage ottoman lid opens smoothly with high-quality industrial hinges—tested for over 8,000 cycles—to ensure quiet, safe, and reliable use. Ideal for busy households where safety and convenience matter.</span></li>
</ul>
</div>
</div>
<span style="font-family:Arial,Helvetica,sans-serif;"> <span style="font-size:16px;"><strong></strong></span></span>
<br>
<br>
</div>
<div class="a-section a-spacing-large bucket" id="aplus">
<div cel_widget_id="aplus" class="aplus-v2 desktop celwidget">
<div cel_widget_id="aplus-premium-module-5-comparison-table-scroller" class="celwidget aplus-module premium-module-5-comparison-table-scroller aplus-premium">
<div class="premium-aplus premium-aplus-module-5 aplus-container-3 comparison-table">
<div class="a-section a-spacing-none table-container loading" data-comparison-name="comparison-table-container-5" id="comparison-table-container-5">
</div>
</div>
</div>
</div>
</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>
<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 .aplus-review-right-padding {
padding-right: 0.1rem;
}
</style>
<style type="text/css">.aplus-v2 .aplus-review-right-padding {
padding-right: 0.1rem;
}
</style>
<style type="text/css">.aplus-v2 .aplus-review-right-padding {
padding-right: 0.1rem;
}
</style>
<style type="text/css">.aplus-v2 .aplus-review-right-padding {
padding-right: 0.1rem;
}
</style>
<style type="text/css">.aplus-v2 .aplus-review-right-padding {
padding-right: 0.1rem;
}
</style></div></div>