{"product_id":"yeti-hopper-flip-12-portable-soft-cooler172953439443622","title":"12 Portable Soft Cooler","description":"\u003cdiv class=\"product__info-description body3 rte\"\u003e\u003cdiv class=\"product-description\"\u003e\u003csection class=\"desc-box richtext-box\"\u003e\u003cdiv class=\"product-description\"\u003e\n\u003c!-- \u003csection class=\"desc-box\" transform-if=\"(info.sizeGuide) \u0026\u0026 info.sizeGuide!= ''\" v-html=\"info.sizeGuide\" \u003e\u003c\/section\u003e--\u003e\u003csection class=\"desc-box richtext-box\"\u003e\u003cdiv class=\"product-description\"\u003e\n\u003c!-- \u003csection class=\"desc-box\" transform-if=\"(info.sizeGuide) \u0026\u0026 info.sizeGuide!= ''\" v-html=\"info.sizeGuide\" \u003e\u003c\/section\u003e--\u003e\u003csection class=\"desc-box richtext-box\"\u003e\u003cdiv\u003e\u003ctable class=\"a-normal a-spacing-micro\"\u003e\u003ctbody\u003e\n\u003ctr class=\"a-spacing-small po-brand\"\u003e\n\u003ctd class=\"a-span3\"\u003e\u003c\/td\u003e\n\u003ctd class=\"a-span9\"\u003e\u003cspan class=\"a-size-base po-break-word\"\u003eYETI\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-small po-color\"\u003e\n\u003ctd class=\"a-span3\"\u003e\u003cspan class=\"a-size-base a-text-bold\"\u003eColor\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd class=\"a-span9\"\u003e\u003cspan class=\"a-size-base po-break-word\"\u003eCharcoal\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-small po-material\"\u003e\n\u003ctd class=\"a-span3\"\u003e\u003cspan class=\"a-size-base a-text-bold\"\u003eMaterial\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd class=\"a-span9\"\u003e\u003cspan class=\"a-size-base po-break-word\"\u003eFoam\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-small po-container.type\"\u003e\n\u003ctd class=\"a-span3\"\u003e\u003cspan class=\"a-size-base a-text-bold\"\u003ePackage Information\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd class=\"a-span9\"\u003e\u003cspan class=\"a-size-base po-break-word\"\u003eCans\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-small po-capacity\"\u003e\n\u003ctd class=\"a-span3\"\u003e\u003cspan class=\"a-size-base a-text-bold\"\u003eCapacity\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd class=\"a-span9\"\u003e\u003cspan class=\"a-size-base po-break-word\"\u003e15 Pounds\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-small po-item_depth_width_height\"\u003e\n\u003ctd class=\"a-span3\"\u003e\u003cspan class=\"a-size-base a-text-bold\"\u003eProduct Dimensions\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd class=\"a-span9\"\u003e\u003cspan class=\"a-size-base po-break-word\"\u003e10\"D x 12.63\"W x 11.5\"H\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-small po-item_weight\"\u003e\n\u003ctd class=\"a-span3\"\u003e\u003cspan class=\"a-size-base a-text-bold\"\u003eItem Weight\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd class=\"a-span9\"\u003e\u003cspan class=\"a-size-base po-break-word\"\u003e1.7 Kilograms\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-small po-special_feature\"\u003e\n\u003ctd class=\"a-span3\"\u003e\u003cspan class=\"a-size-base a-text-bold\"\u003eSpecial Feature\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd class=\"a-span9\"\u003e\u003cspan class=\"a-size-base po-break-word\"\u003ePortable\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-small po-model_name\"\u003e\n\u003ctd class=\"a-span3\"\u003e\u003cspan class=\"a-size-base a-text-bold\"\u003eModel Name\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd class=\"a-span9\"\u003e\u003cspan class=\"a-size-base po-break-word\"\u003ezipper\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-small po-pattern\"\u003e\n\u003ctd class=\"a-span3\"\u003e\u003cspan class=\"a-size-base a-text-bold\"\u003ePattern\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd class=\"a-span9\"\u003e\u003cspan class=\"a-size-base po-break-word\"\u003eLetter Print\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cul class=\"a-unordered-list a-vertical a-spacing-mini\"\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e The 12 has ColdCell Insulation, a closed-cell foam that offers superior cold-holding to ordinary soft coolers, with a capacity of up to 12 cans plus ice\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e Features a 100% leakproof HydroLok Zipper and high-density fabric that withstands punctures and UV rays\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e Its DryHide Shell is waterproof and resistant to punctures, and abrasions so it will hold its own when faced with the hazards of the wild\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e The only personal cooler that鈥檚 game for full days in the tree stand, early mornings in the duck boat, or afternoons on the water\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e The 12 dimensions are 12 5\/8 in long x 10 in wide x 11 陆 in high and an empty weight of 3.1 lbs\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cbr\u003e\u003ctable class=\"a-keyvalue prodDetTable\" id=\"productDetails_techSpec_section_1\" role=\"presentation\"\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Brand\u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥嶻ETI\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Color\u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥嶤harcoal\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Material\u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥嶧oam\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Package Information\u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥嶤ans\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Capacity\u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥5 Pounds\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Product Dimensions\u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥0\"D x 12.63\"W x 11.5\"H\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Item Weight\u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥.7 Kilograms\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Special Feature\u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥嶱ortable\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Model Name\u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥巣ipper\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Pattern\u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥嶭etter Print\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Insulation Material\u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥嶧oam\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Chamber Depth\u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥0 Inches\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Chamber Height\u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥1.5 Inches\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Chamber Width\u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥0 Inches\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Item Package Dimensions L x W x H\u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥4 x 13.62 x 11 inches\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Package Weight\u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥.84 Kilograms\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Item Dimensions LxWxH\u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥4 x 11 x 14 inches\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Brand Name\u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥嶻ETI\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Suggested Users\u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥巑ens\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Number of Items\u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Manufacturer\u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥嶻ETI\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Part Number\u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥8010110002\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Size\u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥 EA\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\n\u003cbr\u003e\u003cdiv cel_widget_id=\"aplus\" class=\"aplus-v2 desktop celwidget\"\u003e\n\u003cstyle type=\"text\/css\"\u003e.aplus-v2.premium-aplus-module-3.premium-module-3-heading { padding-bottom: 40px;}.aplus-v2.premium-aplus-module-3.premium-aplus-four-column { text-align: center; }.aplus-v2.premium-aplus-module-3.premium-aplus-four-column { text-align: inherit;}.aplus-v2.premium-aplus-module-3.premium-aplus-column { display: inline-block; vertical-align: top; width: 25%;}.aplus-v2.premium-aplus-module-3.premium-aplus-column { padding: 0 20px;}.aplus-v2.premium-aplus-module-3.column-heading { padding-top: 20px;}.aplus-v2.premium-aplus-module-3.column-description { padding-top: 10px;}\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.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%;}html[dir=\"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;}html[dir=\"rtl\"].aplus-v2.premium-aplus-module-2.premium-intro-wrapper.left.premium-intro-content-container {\tpadding-left: 0px;\tpadding-right: 40px;}.aplus-v2.premium-aplus-module-2.premium-intro-wrapper.right.premium-intro-content-container { padding-right: 40px;}html[dir=\"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;}\u003c\/style\u003e\n\u003cscript type=\"text\/javascript\"\u003e(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(); var calculatedPadding = $header.innerWidth() + maxChildWidth; \/* set the min-width of each column to the calulated width or minWidth *\/ $columns.css( 'min-width', Math.max(MIN_WIDTH, (calculatedColumnWidth \u003c minColumnWidth ? calculatedColumnWidth: minColumnWidth)) ); $activeColumn.css('width', maxChildWidth); \/* AUI RTL script automatically changes this to padding-right under RTL context *\/ $slider.css('padding-left', calculatedPadding); \/* show the component *\/ $container.removeClass('loading'); })(); \/** * 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); }); }); } });});}));\u003c\/script\u003e\u003cstyle type=\"text\/css\"\u003e\/** * 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%;}\/* left column headers are absolute positioned *\/.aplus-v2.premium-aplus-module-5 td.attribute { position: absolute; width: 300px; top: auto; left: 0;}html[dir=\"rtl\"].aplus-v2.premium-aplus-module-5 td.attribute { right: 0px; left: auto;}.aplus-v2.premium-aplus-module-5 td.active-item { position: absolute; top: auto; left: 300px;}html[dir=\"rtl\"].premium-aplus-module-5 td.active-item { left: auto; right: 300px;}.aplus-v2.premium-aplus-module-5.attribute,.aplus-v2.premium-aplus-module-5.active-item,.aplus-v2.premium-aplus-module-5.description { font-size: 16px; font-family: arial; line-height: 2.5em; white-space:nowrap; color: #000;}.aplus-v2.premium-aplus-module-5.attribute,.aplus-v2.premium-aplus-module-5.active-item,.aplus-v2.premium-aplus-module-5.description { font-family: inherit;}.aplus-v2.premium-aplus-module-5 table.a-bordered td.attribute,.aplus-v2.premium-aplus-module-5 table.a-bordered td.active-item { background-color: #fff; z-index: 100;}.aplus-v2.premium-aplus-module-5 table.a-bordered tr:nth-child(even) td.attribute,.aplus-v2.premium-aplus-module-5 table.a-bordered tr:nth-child(even) td.active-item { background-color: #f0f2f2;}.aplus-v2.premium-aplus-module-5 table.a-bordered tr:nth-child(even):last-child td.attribute { border-bottom: #f0f2f2 solid 1px;}\/* Override AUI - the odd rows have a white background while the even ones have gray background *\/.aplus-v2.premium-aplus-module-5 table.a-bordered tr:nth-child(odd) { background-color: #fff;}.aplus-v2.premium-aplus-module-5 table.a-bordered tr:nth-child(even) { background-color: #f0f2f2;}.aplus-v2.premium-aplus-module-5 table.a-bordered td.attribute.comparison-metric-name { outline-style: none;}.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 td.attribute.empty { height: 332px;}.aplus-v2.premium-aplus-module-5.header-img { padding-top: 10px;}\/* Prevent table borders from overlapping *\/.aplus-v2.premium-aplus-module-5 table { border-collapse: separate;}\/* Override default AUI.a-bordered table borders *\/.aplus-v2.premium-aplus-module-5 table.a-bordered td,.aplus-v2.premium-aplus-module-5 table.a-bordered th,.aplus-v2.premium-aplus-module-5 table.a-bordered { border-width: 0; border-color: #eaeaea; border-style: solid;}.aplus-v2.premium-aplus-module-5 table.a-bordered td { border-right-width: 1px;}.aplus-v2.premium-aplus-module-5 table.a-bordered td:last-child { border-right-width: 0;}html[dir=\"rtl\"].aplus-v2.premium-aplus-module-5 table.a-bordered td:last-child { border-right-width: 1px;}\/* Active column should be surrounded in darker border. *\/.aplus-v2.premium-aplus-module-5 table.a-bordered td.active { border-color: #767676; border-right-width: 1px; border-left-width: 1px;}\/* Top Active column needs border-top *\/.aplus-v2.premium-aplus-module-5 table.a-bordered tr:first-child td.active { border-top-width: 1px; height: 332px;}\/* Bottom column column needs border-bottom *\/.aplus-v2.premium-aplus-module-5 table.a-bordered tr:last-child td.active { border-bottom-width: 1px;}\/* 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;}\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e\/** * 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.*\/\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e\/** * Premium-module 12: Nav Carousel *\/.aplus-v2.premium-aplus-module-12.aplus-carousel-card { position: relative; width: 100%;}.aplus-v2.premium-aplus-module-12.aplus-carousel-container { position: relative;}.aplus-v2.premium-aplus-module-12.aplus-image-carousel-container { \/* Match the aspect ratio of the desktop image uploaded via the editor (1464px x 600px) *\/ padding-top: calc(600 \/ 1464 * 100%); \/* ~40.983% *\/ height: 0;}.aplus-v2.premium-aplus-module-12.aplus-image-carousel-container \u003e div { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}\/* Override AUI styles. It poorly attempts to measure the slide heights before waiting until images load. *\/.aplus-v2.premium-aplus-module-12.a-carousel-viewport { height: 100%!important;}.aplus-v2.premium-aplus-module-12.aplus-card-image img { width: 100%; height: auto;}.aplus-v2.premium-aplus-module-12.aplus-card-details-wrapper { position: absolute; top: 0; width: 50%; height: 100%;}.aplus-v2.premium-aplus-module-12.aplus-card-detail { display: table; width: 100%; height: 100%}.aplus-v2.premium-aplus-module-12.card-description { text-align: left;}html[dir=\"rtl\"].aplus-v2.premium-aplus-module-12.card-description { text-align: right;}.aplus-v2.premium-aplus-module-12.aplus-table-cell { display: table-cell; vertical-align: middle;}.aplus-v2.premium-aplus-module-12.aplus-text-background { padding: 20px;}.aplus-v2.premium-aplus-module-12.aplus-text-background-color { background: rgba(0, 0, 0, 0.5);}.aplus-v2.premium-aplus-module-12.aplus-text-background-color,.aplus-v2.premium-aplus-module-12.aplus-text-background-color h1,.aplus-v2.premium-aplus-module-12.aplus-text-background-color h5,.aplus-v2.premium-aplus-module-12.aplus-text-background-color ol,.aplus-v2.premium-aplus-module-12.aplus-text-background-color ul,.aplus-v2.premium-aplus-module-12.aplus-text-background-color ol.a-list-item,.aplus-v2.premium-aplus-module-12.aplus-text-background-color ul.a-list-item { color: #fff;}.aplus-v2.premium-aplus-module-12.description { padding-top: 20px;}\/* nav *\/.aplus-v2.premium-aplus-module-12.aplus-carousel-actions { position: absolute; top: 20px; width: 100%; text-align: center;}.aplus-v2.premium-aplus-module-12.aplus-goto-btn { display: inline-block; margin: 7px 10px; cursor: pointer; border-radius: 30px; border: 2px solid #000; line-height: 2.5em; min-width: 200px; background-color: #fff; white-space: nowrap; color: #000;}.aplus-v2.premium-aplus-module-12.aplus-carousel-index { display: none;}.aplus-v2.premium-aplus-module-12.aplus-goto-btn.aplus-active { border-color: #fff; background-color: #000; color: #fff;}\/** * Regimen template specific css *\/.aplus-v2.premium-aplus-module-12.aplus-goto-btn.regimen { text-align: left;}html[dir=\"rtl\"].aplus-v2.premium-aplus-module-12.aplus-goto-btn.regimen { text-align: right;}.aplus-v2.premium-aplus-module-12.aplus-carousel-actions.regimen { text-align: right; top: 50%; width: 250px; right: 75px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}html[dir=\"rtl\"].aplus-v2.premium-aplus-module-12.aplus-carousel-actions.regimen { text-align: left; top: 50%; left: 75px; right: auto;}.aplus-v2.premium-aplus-module-12.aplus-goto-btn.regimen { display: inline-block; margin: 10px 10px; cursor: pointer; border-radius: 30px; border: 2px solid #000; line-height: 2.5em; width: 220px; background-color: #fff; white-space: nowrap;}.aplus-v2.premium-aplus-module-12.aplus-goto-btn.regimen.aplus-active { border-color: #fff; background-color: #000; color: #fff;}.aplus-v2.premium-aplus-module-12.aplus-carousel-actions.regimen.aplus-carousel-index { display: inline-block; margin-left: 6px; width: 16px; line-height: 26px; color: #000; text-align: center;}html[dir=\"rtl\"].aplus-v2.premium-aplus-module-12.aplus-carousel-actions.regimen.aplus-carousel-index { margin-left: 0px; margin-right: 6px;}.aplus-v2.premium-aplus-module-12.aplus-goto-btn.regimen.aplus-active.aplus-carousel-index { color: #fff;}.aplus-v2.premium-aplus-module-12.aplus-headline-top.regimen { position: absolute; top: 0; left: 0; width: 100%; background-color: #000; opacity: 0.5; text-align: center;}.aplus-v2.premium-aplus-module-12.aplus-headline-top.regimen.aplus-headline { color: #fff; line-height: 2em;}\/** * Navigation template specific css *\/.aplus-v2.premium-aplus-module-12--top-nav.aplus-carousel-actions { background-color: rgba(0, 0, 0, 0.8); top: 0px;}.aplus-v2.premium-aplus-module-12--top-nav.aplus-goto-btn { padding: 8px; color: #fff; background-color: transparent; border: none;}.aplus-v2.premium-aplus-module-12--top-nav.aplus-goto-btn.aplus-active { text-decoration: underline; text-underline-offset: 0.8em; text-decoration-thickness: 3px; background-color: transparent; border: none;}\u003c\/style\u003e\n\u003cscript type=\"text\/javascript\"\u003e(function(f) {var _np=(window.P._namespace(\"PremiumAplusModule\"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {P.now('premium-module-12-nav-carousel').execute(function(init) { if (init) { return; } P.register('premium-module-12-nav-carousel', function(){ return function() { P.when('A', 'jQuery', 'a-carousel-framework', 'ready').execute(function (A, $, framework) { function initiateCarousel(module) { var MODULE_ID = $(module).data('module-id'); \/** * Carousel button element classname * @const *\/ var GOTO_BTN_CLASS_NAME = \"aplus-goto-btn-\" + MODULE_ID; \/** * Carousel button element active classname * @const *\/ var GOTO_BTN_ACTIVE_CLASS_NAME = \"aplus-active\"; \/** * AUI name for aui carousel * @const *\/ var CAROUSEL_NAME = \"premium-aplus-12-carousel-\" + MODULE_ID; \/** * Module class name * @const *\/ var MODULE_CLASS_NAME = \".aplus-v2.premium-aplus-module-12\"; \/** * Carousel text container class name * @const *\/ var TEXT_CONTAINER_CLASS_NAME = MODULE_CLASS_NAME + \".aplus-carousel-text-container-\" + MODULE_ID; \/** * Carousel text hidden class name * @const *\/ var TEXT_CONTAINER_HIDDEN = \"aplus-hidden\"; \/** * Carousel horizontal scroll container class name * @const *\/ var HORIZONTAL_SCROLL_CONTAINER_CLASS_NAME = MODULE_CLASS_NAME + \".aplus-horizontal-scroll-container-\" + MODULE_ID; function showCarouselText(oldIndex, newIndex) { var oldClass = TEXT_CONTAINER_CLASS_NAME + \"-\" + oldIndex; var newClass= TEXT_CONTAINER_CLASS_NAME + \"-\" + newIndex; $(oldClass).addClass(TEXT_CONTAINER_HIDDEN); $(newClass).removeClass(TEXT_CONTAINER_HIDDEN); } function scrollToCarouselButton(scrollLeft) { if ($(HORIZONTAL_SCROLL_CONTAINER_CLASS_NAME).length) { $(HORIZONTAL_SCROLL_CONTAINER_CLASS_NAME).animate({scrollLeft}, 200); } } \/** * Creates a CarouselButton class for provided carousel instance * @param {object} carousel - AUI Carousel instance * @returns {Class} - CarouselButton Class *\/ function CarouselButtonTemplate(carousel) { \/** * Button for controlling the active slide * @constructor * @param {number} index - slide index * @param {DOMElement} [elem] - optional DOM element to use as this objects DOM representation *\/ function CarouselButton(index, elem) { var self = this; this.index = index; this.carousel = carousel; \/* create the button element *\/ this.elem = this.getElem(elem); this.$elem = $(this.elem); \/* store jquery version *\/ this.elem.addEventListener('click', self.handleClick.bind(self)); \/* add this object to the object manager *\/ CarouselButton.objects.byId[index] = this; CarouselButton.objects.all.push(this); } \/** * Describe behavior for click events on this.elem * @memberOf CarouselButton *\/ CarouselButton.prototype.handleClick = function(e) { e.preventDefault(); this.carousel.gotoPage(this.index); }; \/**\u003c\/script\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"mysite","offers":[{"title":"Canopy Green","offer_id":46885267144865,"sku":"Canopy Green  208667094","price":50.66,"currency_code":"USD","in_stock":true},{"title":"Navy","offer_id":46885267177633,"sku":"Navy  208667090","price":50.66,"currency_code":"USD","in_stock":true},{"title":"Aquifer Blue","offer_id":46885267210401,"sku":"Aquifer Blue  208667080","price":50.66,"currency_code":"USD","in_stock":true},{"title":"Harvest Red","offer_id":46885267243169,"sku":"Harvest Red  208667087","price":50.66,"currency_code":"USD","in_stock":true},{"title":"Bimini Pink","offer_id":46885267275937,"sku":"Bimini Pink  208667082","price":50.66,"currency_code":"USD","in_stock":true},{"title":"Power Pink","offer_id":46885267308705,"sku":"Power Pink  208667083","price":50.66,"currency_code":"USD","in_stock":true},{"title":"Sagebrush Green","offer_id":46885267341473,"sku":"Sagebrush Green  208667078","price":50.66,"currency_code":"USD","in_stock":true},{"title":"King Crab","offer_id":46885267374241,"sku":"King Crab  208667093","price":50.66,"currency_code":"USD","in_stock":true},{"title":"Nordic Blue","offer_id":46885267407009,"sku":"Nordic Blue  208667092","price":50.66,"currency_code":"USD","in_stock":true},{"title":"Black","offer_id":46885267439777,"sku":"Black  208667077","price":50.66,"currency_code":"USD","in_stock":true},{"title":"Fog Gray\/Tahoe Blue","offer_id":46885267472545,"sku":"Fog Gray\/Tahoe Blue  208667089","price":50.66,"currency_code":"USD","in_stock":true},{"title":"Cosmic Lilac","offer_id":46885267505313,"sku":"Cosmic Lilac  208667081","price":50.66,"currency_code":"USD","in_stock":true},{"title":"High Desert Clay","offer_id":46885267538081,"sku":"High Desert Clay  208667091","price":50.66,"currency_code":"USD","in_stock":true},{"title":"Alpine Yellow","offer_id":46885267570849,"sku":"Alpine Yellow  208667079","price":50.66,"currency_code":"USD","in_stock":true},{"title":"Camp Green","offer_id":46885267603617,"sku":"Camp Green  208667085","price":50.66,"currency_code":"USD","in_stock":true},{"title":"Agave Teal","offer_id":46885267636385,"sku":"Agave Teal  208667095","price":50.66,"currency_code":"USD","in_stock":true},{"title":"Charcoal","offer_id":46885267669153,"sku":"Charcoal  208667088","price":50.66,"currency_code":"USD","in_stock":true},{"title":"Nordic Purple","offer_id":46885267701921,"sku":"Nordic Purple  208667086","price":50.66,"currency_code":"USD","in_stock":true},{"title":"Coral","offer_id":46885267734689,"sku":"Coral  208667084","price":50.66,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0700\/9170\/2433\/files\/cfba5ac1136c34208e25d7e0d54c78891b109cbc276ba36068db8d2899677414.webp?v=1786739712","url":"https:\/\/wispoak.com\/products\/yeti-hopper-flip-12-portable-soft-cooler172953439443622","provider":"Wispoak","version":"1.0","type":"link"}