<div class="detailmodule_html"><div class="detail-desc-decorate-richtext"><div id="aplus"><p style="text-align:left;margin:0px;margin-bottom:0px;margin-top:0px;margin-left:0px;margin-right:0px" align="left"></p></div><div id="aplus"><div><div><div><p style="text-align:left;margin:0px;margin-bottom:0px;margin-top:0px;margin-left:0px;margin-right:0px" align="left"></p></div></div><div><div></div></div><div><div></div></div></div></div><div>.aplus-v2 .apm-brand-story-carousel-container {<br/>position: relative;<br/>}<br/><br/>.aplus-v2 .apm-brand-story-carousel-hero-container,<br/>.aplus-v2 .apm-brand-story-carousel-hero-container &gt; div {<br/>position: absolute;<br/>width: 100%;<br/>}/*<br/>Ensuring the carousel takes only the space it needs.<br/>The sizes need to be set again on the absolutely positioned elements so they can take up space.<br/>*/<br/>.aplus-v2 .apm-brand-story-carousel-container,<br/>.aplus-v2 .apm-brand-story-carousel-hero-container {<br/>height: 625px;<br/>width: 100%;<br/>max-width: 1464px;<br/>margin-left: auto;<br/>margin-right: auto;<br/>overflow: hidden;<br/>}<br/><br/>.aplus-v2 .apm-brand-story-carousel-hero-container,<br/>.aplus-v2 .apm-brand-story-carousel-hero-container &gt; div {<br/>height: 625px;<br/>}.aplus-v2 .apm-brand-story-carousel.a-carousel-container {<br/>padding: 0px;<br/>}<br/><br/>/*<br/>This centers the carousel vertically on top of the hero image container and after the logo area (125px).<br/>Margin-top = (heroHeight - cardHeight - logoAreaHeight) / 2 + logoAreaHeight<br/>*/<br/>.aplus-v2 .apm-brand-story-carousel .a-carousel-row-inner {<br/>margin-top: 149px;<br/>}<br/><br/>/*<br/>Cards need to have a width set, otherwise they default to 50px or so.<br/>All cards must have the same width. The carousel will resize itself so all cards take the width of the largest card.<br/>The left margin is for leaving a space between each card.<br/>*/<br/>.aplus-v2 .apm-brand-story-carousel .a-carousel-card {<br/>width: 362px;<br/>margin-left: 30px !important;<br/>}<br/><br/>/* styling the navigation buttons so they are taller, flush with the sides, and have a clean white background */<br/>.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left,<br/>.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right {<br/>padding: 0px;<br/>}<br/><br/>.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image,<br/>.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image {<br/>border: none;<br/>margin: 0px;<br/>}<br/><br/>.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner,<br/>.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner {<br/>background: #fff;<br/>padding: 20px 6px;<br/>}<br/><br/>.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner {<br/>border-radius: 0px 4px 4px 0px;<br/>}<br/><br/>.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner {<br/>border-radius: 4px 0px 0px 4px;<br/>}</div></div></div><p><br/></p>