/* BASE ELEMENTS ****************************************************************************************************************************************************/ body {background:url(../images/bg_body.jpg) repeat 0 0 #f2f2f2; color:#373f3e; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:14px; line-height:18px; font-weight:normal; -webkit-font-smoothing:antialiased;} a {color:#8d9d9a; outline:medium none; text-decoration:none; cursor:pointer; -webkit-transition:color 0.2s, background-color 0.2s, border-color 0.2s, opacity 0.2s; -moz-transition:color 0.2s, background-color 0.2s, border-color 0.2s, opacity 0.2s; -o-transition:color 0.2s, background-color 0.2s, border-color 0.2s, opacity 0.2s; transition:color 0.2s, background-color 0.2s, border-color 0.2s, opacity 0.2s;} a:hover {text-decoration:underline;} .clearfix:after {clear:both; content:" "; display:block; font-size:0; height:0; visibility:hidden;} .visually-hidden {border:0 none; height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;} .ie7 .visually-hidden {width:1px !important;} .clear {clear:both;} .pre {white-space:pre;} li.clear {clear:both!important; float:none!important; margin:0!important; padding:0!important; width:0!important; height:0!important; visibility:hidden!important;} .orange {color:#e36519!important;} a.orange:hover {color:#c95b18!important;} input.placeholder-active, textarea.placeholder-active{color:#999999 !important;} svg { text-rendering: geometricPrecision; shape-rendering: geometricPrecision; } h1{font-size:2em;margin:.67em 0; text-transform:uppercase; font-weight:normal;} h2{font-size:1.5em;margin:.83em 0; text-transform:uppercase; font-weight:normal;} h3{font-size:1.17em;margin:1em 0; text-transform:uppercase; font-weight:normal;} h4{font-size:1em;margin:1.33em 0; text-transform:uppercase; font-weight:normal;} h5{font-size:0.83em;margin:1.67em 0; font-weight:normal;} h6{font-size:0.75em;margin:2.33em 0; font-weight:normal;} /* GENERAL PAGE LAYOUT **********************************************************************************************************************************************/ .cookie-warning-container {background-color:rgb(0,0,0);background-color:rgba(0, 0, 0, 0.5);bottom:0;position:fixed;width:100%;z-index:1000;} .cookie-warning {color:#F2F2F2;font-weight:bold;margin-left:auto;margin-right:auto;max-width:996px;overflow:hidden;padding:5px 30px;text-transform:uppercase;} .cookie-warning div {float:left;padding-bottom:0;padding-top:4px;line-height:19px;width:80%;} .cookie-warning__agree-button {border:1px solid #F2F2F2;border-radius:2px;color:#F2F2F2;cursor:pointer;float:right;font-family:Arial,sans-serif;font-size:14px;line-height:14px;font-weight:normal;text-transform:none;padding:2px 6px 3px 6px;text-decoration:none !important;} .cookie-warning__agree-button:before {content:"";display:block;} #wrapper {overflow:hidden; min-width:1024px;} #wrapper.pt_product-details {min-width:1224px;} #header-wrapper {background:#fff; min-width:1024px;} #header {max-width: 1170px; min-width:970px; padding:0 27px; margin:0 auto; height:99px; position:relative; font-family:'HelveticaNeueConds', sans-serif; background:#fff;} .breadcrumb-wrapper {background:#f2f2f2; min-width:1024px;} .breadcrumb-inner {width:970px; padding:17px 27px; margin:0 auto; font-size:14px; line-height:16px; min-height:16px; text-transform:uppercase; font-family:'HelveticaNeueConds', sans-serif;} #main-wrapper {background:#fff; min-width:1024px;} #main {background:#fff;} #main .main-content {width:970px; margin:0 auto; padding:0 27px; background:#fff;} #main #product-nav-container-top {display: none;} #main-top-wrapper {background:url(../images/bg_asphalt.jpg) repeat center top #373f3e; color:#fff; height:50px; height:auto; min-height:50px; position:relative;} #main-top {width:970px; padding:0 27px; margin:0 auto; text-transform:uppercase; font-size:14px; line-height:20px; color:#fff; font-family:'HelveticaNeueConds', sans-serif; background:url(../images/bg_asphalt.jpg) repeat center top #373f3e; } #footer-wrapper {min-width:1024px;} #footer {padding:38px 0 50px 0; min-width:1024px;} #footer-inner {width:913px; padding:0 0 0 57px; margin:0 auto; text-transform:uppercase; font-size:14px; line-height:18px; font-family:'HelveticaNeueConds', sans-serif;} .primary-content {float:right; padding:0 0 20px 0; width:721px; position:relative;} #secondary {float:left; width:223px; padding:35px 0 0 0; position:relative;} .primary-focus .primary-content {float:left; margin:0; width:721px;} .primary-focus #secondary {float:right; width:223px;} .full-width .primary-content{width:100%; float:none;} .page-content .primary-content {width:721px;} .page-title, .seo-block h1 {text-transform:uppercase; font-size:45px; line-height:47px; padding:30px 0 15px 0; margin:0 0 40px 0; text-align:center; background:url(../images/bg_underline_grey_70.png) no-repeat center bottom transparent; font-family:'Rama Gothic E SemiBold', sans-serif; letter-spacing:0.02em;} .page-title .smaller-text {color:#8d9d9a; font-size:28px; line-height:30px;} .sticky { position:-webkit-sticky; position:-moz-sticky; position:-o-sticky; position:-ms-sticky; position:sticky; z-index:1;} .absolute {position:absolute;} .mobile-only {display:none!important;} /* HEADER ***********************************************************************************************************************************************************/ #header .primary-logo {position:absolute; left:44px; top:25px; z-index:1; width:auto;} #header .primary-logo a, #header .primary-logo img {display:block; width:auto;} #header .primary-logo span {text-indent:-999em; position:absolute; z-index:1; display:block; width:auto;} #header .header-top-right {position:absolute; right:45px; top:15px; z-index:201; width:auto; text-transform:uppercase; font-size:13px;} #header.header-checkout {height:63px;} #header.header-checkout .continue-shopping {position:absolute; right:20px; top:15px; z-index:1; width:auto;} /* primary navigation */ .header-nav {position:absolute; width:100%; margin:0; text-align:center; z-index:100; top:60px; left:0;} .header-nav ul.level-1 {display:inline-block; text-align:left; text-transform:uppercase; margin:0; padding:0; height:39px; list-style:none; font-family:'Rama Gothic E SemiBold', sans-serif;} .header-nav ul.level-1 li {display:inline-block; vertical-align:top; padding:0; margin:0; height:39px; background-color:transparent; background-position:0 9999em; background-repeat:no-repeat; list-style:none; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;} .header-nav ul.level-1 li .level-1 {color:#373f3e; display:block; font-size:20px; line-height:20px; padding:1px 16px 8px; -webkit-transition:color 0ms, padding 0.2s; -moz-transition:color 0ms, padding 0.2s; -o-transition:color 0ms, padding 0.2s; transition:color 0ms, padding 0.2s;} .header-nav ul.level-1 li .level-1:hover {text-decoration:none;} .header-nav ul.level-1 li .level-1 span {display:block; padding-bottom:4px; border-bottom:4px solid transparent; -webkit-transition:border-color 0.2s ease-in-out; -moz-transition:border-color 0.2s ease-in-out; -o-transition:border-color 0.2s ease-in-out; transition:border-color 0.2s ease-in-out;} .header-nav ul.level-1 li .level-1.active span {border-color:#373f3e;} .header-nav ul.level-1 li.hover {background-color:#363f3e;} .header-nav ul.level-1 li.hover .level-1, .header-nav ul.level-1 li.hover .level-1.active {padding-top:8px; padding-bottom:2px; color:#fff; text-decoration:none;} .header-nav ul.level-1 li.hover.mega-dropdown-theme-dark .level-1, .header-nav ul.level-1 li.hover.mega-dropdown-theme-dark .level-1.active {color:#373f3f;} .header-nav ul.level-1 li.hover a.level-1 span, .header-nav ul.level-1 li.hover a.level-1.active span {border-color:#fff;} .header-nav ul.level-1 li.hover.mega-dropdown-theme-dark .level-1 span, .header-nav ul.level-1 li.hover.mega-dropdown-theme-dark .level-1.active span {border-color:#373f3f;} .header-nav ul.level-1 li.hover.no-flyout {background:transparent!important;} .header-nav ul.level-1 li.hover.no-flyout .level-1, .header-nav ul.level-1 li.hover.no-flyout .level-1.active {padding-top:1px; color:#373f3e;} .header-nav ul.level-1 li.hover.no-flyout .level-1 span, .header-nav ul.level-1 li.hover.no-flyout .level-1.active span {border-color:#373f3e;} .header-nav ul.level-1 li.outlet.outlet-red .level-1 {color:#9b0707;} .header-nav ul.level-1 li.outlet.outlet-red.hover .level-1 {color:#FFFFFF;} .header-nav ul.level-1 li.outlet.outlet-red.hover .level-1 span {border-color:#9b0707;} .header-nav ul.level-1 li.outlet.outlet-green .level-1 {color:#60a29b;} .header-nav ul.level-1 li.outlet.outlet-green.hover .level-1 {color:#FFFFFF;} .header-nav ul.level-1 li.outlet.outlet-green.hover .level-1 span {border-color:#60a29b;} .header-nav ul.level-1 li.outlet.outlet-orange .level-1 {color:#E36626;} .header-nav ul.level-1 li.outlet.outlet-orange.hover level-1 {color:#FFFFFF;} .header-nav ul.level-1 li.outlet.outlet-orange.hover .level-1 span {border-color:#E36626;} .header-nav ul.level-1 li.sale .level-1 {color:#373F3E;} .header-nav ul.level-1 li.sale.highlighted .level-1 {color:#E36626;} .header-nav ul.level-1 li.sale.hover .level-1, .header-nav ul.level-1 li.sale.hover .level-1.active {color:#FFFFFF;} .header-nav ul.level-1 li.sale.hover.highlighted .level-1.active {color:#E36626;} .header-nav ul.level-1 li.sale.hover .level-1 span, .header-nav ul.level-1 li.sale.hover.mega-dropdown-theme-dark .level-1.active span, .header-nav ul.level-1 li.sale.hover .level-1.active span {border-color:#FFFFFF;} .header-nav ul.level-1 li.sale.hover.highlighted .level-1 span, .header-nav ul.level-1 li.sale.hover.highlighted.mega-dropdown-theme-dark .level-1.active span, .header-nav ul.level-1 li.sale.hover.highlighted .level-1.active span {border-color:#E36626;} .header-nav .menu-wrapper ul.level-2 li.sale a.level-2, .header-nav .menu-wrapper ul.level-2 ul.level-3 li.sale a {color:#FFFFFF;} .header-nav .menu-wrapper ul.level-2 li.sale.highlighted a.level-2, .header-nav .menu-wrapper ul.level-2 ul.level-3 li.sale.highlighted a {color:#E36626;} .header-nav .menu-wrapper ul.level-2 ul.level-3 li.outlet-red a {color:#9b0707;} .header-nav .menu-wrapper ul.level-2 ul.level-3 li.outlet-green a {color:#60a29b;} .header-nav .menu-wrapper ul.level-2 ul.level-3 li.outlet-orange a {color:#E36626;} .header-nav div.level-2 {height:0; overflow:hidden; opacity:0; padding:0; position:absolute; color:#fff; z-index:3; width:1010px; left:0; top:39px; background:url(../images/bg_asphalt.jpg) repeat center top #373f3e; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .header-nav div.level-2 .menu-wrapper {text-align:center;} .header-nav ul.level-1 li.first div.level-2 {-webkit-border-radius:0 2px 2px 2px; -moz-border-radius:0 2px 2px 2px; border-radius:0 2px 2px 2px;} .header-nav ul.level-1 li.hover div.level-2 {height:auto; opacity:1;} .header-nav div.level-2 ul {display:inline-block; width:1010px; text-align:left; margin:0; padding:0; overflow:hidden; font-family:'Rama Gothic E SemiBold', sans-serif;} .header-nav div.level-2 li {display:block; float:left; width:124px; padding:30px 25px 0 20px; margin:0 0 35px 0; height:auto; background:url(../images/bg_separator_dashed_horizontal.png) no-repeat right bottom transparent; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;} .header-nav div.level-2 li:hover {background-color:transparent; background-position:right bottom;} .header-nav div.level-2 li.last-in-row {background:transparent; padding-right:21px;} .header-nav div.level-2 li a {display:block; color:#fff; font-size:28px; line-height:30px; padding:0; margin:0 0 25px 0; overflow:hidden;} .header-nav div.level-2 li a span {position:relative; display:inline-block; padding:0 0 15px 0;} .header-nav div.level-2 li a span:after {position:absolute; display:block; width:68px; height:6px; background-color:#fff; content:""; bottom:0; left:0; -webkit-transition: width 0.2s ease-in-out; -moz-transition: width 0.2s ease-in-out; -o-transition: width 0.2s ease-in-out; transition: width 0.2s ease-in-out;} .header-nav div.level-2 li a:hover span:after {width:100%;} .header-nav div.level-2 li span.unclickable {display:block; color:#fff; font-size:28px; line-height:30px; padding:0; margin:0 0 25px 0; overflow:hidden;} .header-nav div.level-2 li a:hover {text-decoration:none;} .header-nav div.level-2 li a span {word-wrap:break-word; display:inline-block; max-width:100%; -webkit-transition:padding 0 0; -moz-transition:padding 0 0; -o-transition:padding 0 0; transition:padding 0 0;} .header-nav div.level-2 .image-container {height:177px; position:relative; background-color:#b2c4c1; background-position:0 -39px;} .header-nav div.level-2 .image-container .discover-more {width:auto; position:absolute; left:150px; top:60px; z-index:1; font-size:16px; line-height:20px; height:20px; padding:15px 20px; background-color:transparent; color:#fff; border-color:#fff;} .header-nav div.level-2 .image-container .discover-more:hover {background-color:#8d9d9a!important; border-color:#8d9d9a!important;} .header-nav div.level-2 .image-container .close {background: url("../images/bg_overlay_close.png") no-repeat 7px -43px transparent; height:27px; min-height:27px; width:27px; float:right; border:1px solid #fff; margin:0; text-indent:-9999em; padding:0; display:none; position:absolute; right:26px; top:26px;} .header-nav div.level-2 .image-container .close:hover {background-color:#8d9d9a; background-position:7px 7px;} .header-nav .mega-dropdown-theme-dark div.level-2 .image-container .discover-more {background-color:transparent; color:#373f3f; border-color:#b1c4c2;} .header-nav .mega-dropdown-theme-dark div.level-2 .image-container .discover-more:hover {background-color:#363e3e!important; border-color:#363e3e!important; color:#fff!important;} .header-nav .mega-dropdown-theme-dark div.level-2 .image-container .close {border:1px solid #b1c4c2; } .header-nav .mega-dropdown-theme-dark div.level-2 .image-container .close:hover {background-color:#363e3e;} .header-nav div.level-2 ul div.level-3 ul {padding:0; font-family:'HelveticaNeueConds', sans-serif; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;} .header-nav div.level-2 ul div.level-3 li {float:none; padding:0 0 10px 0; margin:0; background:transparent;} .header-nav div.level-2 ul div.level-3 li:hover {background:transparent;} .header-nav div.level-2 ul div.level-3 li a {font-size:16px; line-height:18px; padding:0; margin:0; background:transparent;} .header-nav div.level-2 ul div.level-3 li a:hover {text-decoration:underline;} .header-nav div.level-2 ul div.level-3 li.more a {color:#b1c4c2;} .header-nav div.level-2 ul div.level-3 li span.unclickable {font-size:16px; color:#b1c4c2; line-height:18px; padding:0; margin:0; background:transparent;} /* country / language selector */ .countryselector, .languageselector {float:left; width:auto; margin:0 0 0 24px; position:relative; cursor:pointer;} .countryselector {background:url(../images/bg_icon_countryselector.png) no-repeat 1px 8px transparent; padding-left:16px;} .languageselector {background:url(../images/bg_icon_languageselector.png) no-repeat 0 10px transparent; padding-left:19px; margin-right:326px;} .countryselector .currentCountry, .languageselector .currentLanguage {height:32px; line-height:32px; color:#8d9d9a; cursor:pointer; padding:0 17px 0 0; background:url(../images/bg_header_arrow.png) no-repeat right 12px transparent;} .countryselector:hover .currentCountry, .languageselector:hover .currentLanguage {text-decoration:underline;} /*.countryselector:hover .currentCountry {background-position:0 -24px;}*/ /*.languageselector:hover .currentLanguage {background-position:0 -22px;}*/ .countryselector.expanded .currentCountry, .languageselector.expanded .currentLanguage {background-position:right 13px;} .countryselector-marker, .languageselector-marker {display:none; width:32px; height:8px; position:absolute; left:7px; top:27px; z-index:1; background:url(../images/bg_header_overlay_arrow.png) no-repeat 0 0 transparent;} .availableCountries, .availableLanguages {display:none; position:absolute; width:auto; z-index:1; top:35px; cursor:default; } .availableCountries {right:0;} .availableLanguages {right:140px;} .availableCountriesInner, .availableLanguagesInner {background:#8d9d9a; color:#fff; padding:35px 30px 25px;} .availableCountriesInner {width:471px;} .availableLanguagesInner {width:200px;} .availableCountries .overlay-title, .availableLanguages .overlay-title {font-size:15px; line-height:20px; padding:0 0 0 20px; margin:0 0 35px 0; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold; display: block;} .availableCountries .overlay-title {background:url(../images/bg_icon_countryselector.png) no-repeat 5px -98px transparent;} .availableLanguages .overlay-title {background:url(../images/bg_icon_languageselector.png) no-repeat 0 -96px transparent;} .availableCountries a, .availableLanguages a {color:#fff;} .availableCountries ul, .availableLanguages ul {margin:0; padding:0 0 0 20px; list-style-type:none; float:left; width:auto;} .availableCountries ul li, .availableLanguages ul li {width:127px; padding:0 10px 10px 0;} .availableCountries ul li.col-title {padding-bottom:15px; font-size:14px; font-family:'HelveticaNeueConds', sans-serif;} .availableCountries ul li.hidden {display:none!important;} .availableCountries .showmorecountries{color:#000000;margin-left:5px;} .availableCountries .showmorecountries:hover{text-decoration:underline;} /* utility menu */ .menu-utility {float:left; width:auto; margin:0; padding:0; text-transform:uppercase; overflow:hidden;} .menu-utility li {color:#8d9d9a; float:left; list-style:none outside none; margin:0 0 0 20px; padding:0; white-space:nowrap; line-height:32px;} /* search */ .header-search {width:auto; margin:0; position:absolute; right:0; top:2px; z-index:1;} .header-search form {width:312px; position:relative; background-color:#f2f2f2;-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} .header-search .input-box {width:auto;} .header-search .inputfield {float: left; font-size: 0.9em; background:url(../images/bg_header_searchicon.png) no-repeat 6px 6px transparent; border:0 none; margin:0; padding:5px 5px 5px 20px; text-indent:8px; height:20px; line-height:20px; width:211px;} .header-search .search-button {float: right; text-transform: none; font-weight: normal; padding: 0 5px 0 5px; margin: 2px; line-height: 25px; min-height: initial; background: #619990; color: #fff;} .header-search .search-close {display: none;} .header-search legend.active {font-size: 0.9em; padding:1px 0 0 0; color:#60A29B; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; text-transform:none; left:32px; width:68px; position:absolute; height:30px; line-height:30px; background:none repeat scroll 0 0 transparent;} /* search suggestions */ .ui-autocomplete {background:url(../images/bg_searchsuggestions.png) no-repeat center top transparent; color: #fff; padding:38px 30px 30px 30px; width:112px; display:none; position:absolute; z-index:100;} .ui-autocomplete li {padding:5px 0!important; display:block; margin:0; text-indent:0; border-bottom:1px solid #fff; text-transform:uppercase; font-size:14px; line-height:16px; font-family:'HelveticaNeueConds', sans-serif;} .ui-autocomplete li.last {border:0 none;} .ui-autocomplete li a {color:#fff; margin:0!important; padding:0!important;} .ui-autocomplete li a:hover {cursor:pointer; text-decoration:underline;} .ui-autocomplete li .product-suggestion img {display:block; background-color:#fff; float:left; width:40px;} .ui-autocomplete li .product-suggestion span {display:block;} .ui-autocomplete li .product-suggestion .suggestion-text {display:block; margin:0 0 0 47px; padding-top:5px; line-height:16px;} /* minicart */ #mini-cart {position:relative; z-index:99; width:auto; display:inline-block; text-align:left; vertical-align:top;} #mini-cart .mini-cart-total {padding:0; margin:0; height:39px; text-transform:uppercase; font-family:'Rama Gothic E SemiBold', sans-serif; background-color:transparent; background-position:right 9999em; background-repeat:no-repeat; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; } #mini-cart .mini-cart-total a {color:#373f3e; display:block; font-size:20px; line-height:20px; padding:1px 20px 0; text-indent:23px; -webkit-transition:color 0ms, padding 0.2s; -moz-transition:color 0ms, padding 0.2s; -o-transition:color 0ms, padding 0.2s; transition:color 0ms, padding 0.2s;} #mini-cart .mini-cart-total a span.mini-cart-label {display:block; background:url(../images/bg_minicart_total.png) no-repeat 2px 2px transparent; padding-top:1px; padding-bottom:2px; border-bottom:4px solid transparent; white-space:nowrap; -webkit-transition:border-color 0.2s ease-in-out; -moz-transition:border-color 0.2s ease-in-out; -o-transition:border-color 0.2s ease-in-out; transition:border-color 0.2s ease-in-out;} #mini-cart.hover .mini-cart-total {background-position:right 0; background-color:#b2c4c1;} #mini-cart.hover .mini-cart-total a {color:#fff; text-decoration:none; padding-top:7px;} #mini-cart.hover .mini-cart-total a span.mini-cart-label {border-color:#fff; background-position:0 -49px;} #mini-cart .mini-cart-content {background-color:#b2c4c1; background-position:right -39px; padding:0; height:0; opacity:0; overflow:hidden; position:absolute; right:0; top:39px; width:376px; z-index:1; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-border-radius:2px 0 2px 2px; -moz-border-radius:2px 0 2px 2px; border-radius:2px 0 2px 2px; -webkit-transition: opacity 250ms 200ms, height 250ms 200ms; -moz-transition: opacity 250ms 200ms, height 250ms 200ms; -o-transition: opacity 250ms 200ms, height 250ms 200ms; transition: opacity 250ms 200ms, height 250ms 200ms;} #mini-cart.hover .mini-cart-content, #mini-cart:hover .mini-cart-content {height:auto; opacity:1;} #mini-cart .mini-cart-content .mini-cart-content-inner {background:#fff; padding:20px; margin:35px;} #mini-cart .mini-cart-content .confirm-msg {padding:10px 10px; margin:0 0 20px 0; background:#ffc; text-transform:uppercase; font-size:12px; text-align:center;} #mini-cart .mini-cart-content .confirm-msg-inner {display:inline-block; padding:0 0 0 20px; background:url(../images/bg_minicart_confirm.png) no-repeat 0 3px transparent;} #mini-cart .mini-cart-content .mini-cart-products {max-height:399px; overflow:auto;} #mini-cart .mini-cart-content .mini-cart-product {padding:0 0 10px 0; margin:0 0 15px 0; border-bottom:1px solid #f2f2f2;} #mini-cart .mini-cart-content .mini-cart-product.last {margin-bottom:0;} #mini-cart .mini-cart-content .mini-cart-name {font-size:16px; line-height:17px; margin:0 0 15px 0; text-transform:uppercase; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} #mini-cart .mini-cart-content .mini-cart-name a {color:#373f3e;} #mini-cart .mini-cart-content .mini-cart-image {float:left; width:80px; height:80px;} #mini-cart .mini-cart-content .mini-cart-image img {max-width:100%; max-height:100%; display:block; margin:auto;} #mini-cart .mini-cart-content .mini-cart-attributes {float:right; width:150px; margin:0 0 15px 0; line-height: 21px;} #mini-cart .mini-cart-content .mini-cart-attributes .attribute .label {text-transform:uppercase; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} #mini-cart .mini-cart-content .mini-cart-attributes .attribute .value {color:#8c9d9a; padding-left:5px; text-transform:none;} #mini-cart .mini-cart-content .mini-cart-pricing {float:right; width:150px; font-size:16px; line-height:18px;} #mini-cart .mini-cart-content .mini-cart-pricing .price-part3 {font-size: 10px;line-height: 10px;margin-left: -1px;vertical-align: 5px;} #mini-cart .mini-cart-content .product-availability-list {float:right; width:150px; margin:0 0 15px 0; padding:0; font-size:12px; line-height:14px;} #mini-cart .mini-cart-content .product-availability-list li {margin:0;} #mini-cart .mini-cart-content .mini-cart-approaching-shipping-discount {padding:10px 0; color:#8c9d9a; border-bottom:1px solid #f2f2f2;} #mini-cart .mini-cart-content .bonus-discount-container {padding:10px 0; color:#8c9d9a; border-bottom:1px solid #f2f2f2;} #mini-cart .mini-cart-content .bonus-discount-container .tooltip, #mini-cart .mini-cart-content .bonus-discount-container .buttonbar {display:none;} #mini-cart .mini-cart-content .mini-cart-subtotals {padding:15px 0; border-bottom:1px solid #f2f2f2; font-size:16px; line-height:17px; text-transform:uppercase;} #mini-cart .mini-cart-content .mini-cart-subtotals .label {float:left; width:auto; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} #mini-cart .mini-cart-content .mini-cart-subtotals .value {float:right; width:auto; color:#8d9d9a;} #mini-cart .mini-cart-content .mini-cart-subtotals .value .price-part3 {font-size: 10px; line-height: 10px; margin-left: -1px;vertical-align: 5px;} #mini-cart .mini-cart-content .mini-cart-bottom {padding:20px 0 0 0;} #mini-cart .mini-cart-content .mini-cart-bottom .payment-methods {float:left; width:127px; padding:6px 0 0 0;} #mini-cart .mini-cart-content .mini-cart-bottom .payment-methods p {margin: 0; padding: 0;} #mini-cart .mini-cart-content .mini-cart-bottom .payment-methods img {max-width:100%; display:block;} #mini-cart .mini-cart-content .mini-cart-bottom .button { display: block; line-height: 32px; padding-left:5px; padding-right:5px; vertical-align: middle; } #mini-cart .mini-cart-content .mini-cart-bottom button.quickcheckout-minicart { width: 100%; height: 48px;} #mini-cart .mini-cart-content .mini-cart-bottom form.cart-action-checkout {display: block;} #mini-cart .mini-cart-content .mini-cart-bottom .spacer {width: 12px; display: table-cell;} #mini-cart .mini-cart-total.empty {background-color:#fff!important; background-image:none!important;} #mini-cart .mini-cart-total.empty a {color:#373f3e!important; padding-top:1px!important;} #mini-cart .mini-cart-total.empty a span.mini-cart-label {background-position:3px 2px!important;} #mini-cart:hover .mini-cart-total.empty a span {border-color:#373f3e;} /* breadcrumb */ .breadcrumb {float:left; width:auto; max-width:55%; margin:0; padding:0;} .breadcrumb ul {overflow:hidden;} .breadcrumb li {display:inline; list-style:none outside none;} .breadcrumb li.breadcrumb-last .separator {display:none;} .breadcrumb a.breadcrumb-last {color:#373f3e;} .breadcrumb h1 {display:inline; font-size:1em;} .breadcrumb h1 .paging-current-page {left:-999em; position:absolute; } .breadcrumb-refinement-name{background:none repeat scroll 0 0 transparent !important;font-family:Georgia,serif;font-style:italic;} .breadcrumb-refinement-value{background:none repeat scroll 0 0 transparent !important;font-family:Georgia,serif;font-style:italic;} a.breadcrumb-relax{background:none repeat scroll 0 0 transparent !important;font-family:Georgia,serif;font-style:italic;padding:0 5px 0 0;} .breadcrumb-result-text a {float:none} .breadcrumb-promo {float:right; width:auto; max-width:35%; text-align:right;font-size:13px;} /* FOOTER ***********************************************************************************************************************************************************/ #footer-logo {height:71px; width:282px; margin:0 auto; padding:50px 0 0 0; background:url(../images/bg_footer_logo.png) no-repeat 0 50px transparent;} #footer .footer-col {float:left; width:166px; margin:0 26px 0 0;} #footer .footer-col-2 {width:179px;} #footer .footer-col-3 {width:179px;} #footer .footer-col-4 {width:250px; margin-right:0;} #footer .footer-col h3, #footer .footer-col .footer-heading {display:inline-block; font-size:20px; line-height:22px; padding:10px 0 5px 0; margin:0 0 15px 0; border-bottom:4px solid #373f3e; font-family:'Rama Gothic E SemiBold', sans-serif; letter-spacing:0.03em;} #footer .footer-col .payment-subheadline {text-transform:none; margin:0 0 10px 0; font-size:15px; line-height:18px;} #footer .footer-col ul {margin:0 0 5px 0; padding:0; list-style:none;} #footer .footer-col li {margin:0; padding:0 0 12px 0; list-style:none; position:relative;} #footer .footer-col-3 ul li {position:relative; padding-left:11px;} #footer .footer-col-3 ul li:before { background-color: #8C9D9A; content: ""; height: 2px; left: 0; position: absolute; top: 8px; width: 2px; } #footer .footer-col li a {color:#373f3e;} #footer .footer-col li.sale a {color:#e36626;} #footer .footer-col ul.with-bullets {list-style:disc inside none;} #footer .footer-col ul.with-bullets li {list-style:disc inside none;} .newsletter-widget {margin:0 0 35px 0; text-transform:none;} .newsletter-widget .form-row, .newsletter-popup .form-row {margin-bottom:15px;} .newsletter-widget .form-row-button, .newsletter-popup .form-row-button {margin:0;} .newsletter-widget .form-row-button .button, .newsletter-popup .form-row-button .button {margin-right:0; width:105px; height:34px; background:transparent; border-color:#b2c4c1; padding-left:5px; padding-right:5px; padding-top:6px;} .newsletter-widget .form-row-button .button:hover, .newsletter-popup .form-row-button .button:hover {background:#373f3e; border-color:#373f3e;} .newsletter-widget .form-row-button .button span {background:url(../images/bg_newsletter_btn.png) no-repeat -999em -999em transparent;} .newsletter-widget .form-row-button .button-women span {padding-left:19px; background-position:0 0;} .newsletter-widget .form-row-button .button-women:hover span,.newsletter-popup .form-row-button .button-women:hover span {background-position:0 -100px;} .newsletter-widget .form-row-button .button-men span {padding-left:21px; background-position:0 -49px;} .newsletter-widget .form-row-button .button-men:hover span, .newsletter-popup .form-row-button .button-men:hover span {background-position:0 -149px;} .newsletter-widget input[type="text"], .newsletter-popup input[type="text"] {width:224px; height:19px; padding:8px 11px; font-size:16px;} .newsletter-widget .or {float:left; width:37px; font-size: 15px; line-height:32px; text-align:center; font-style:italic;} .newsletter-widget span.error, .newsletter-popup span.error {margin: 0;} .subscription-widget .form-row-button .button{float:right; margin-right:0;} .subscription-widget .form-row.newsletter-subscribe label{margin-left:0; display:inline-block;} .subscription-widget .form-row.newsletter-subscribe span{margin-left:0;} .newsletter-popup {position: fixed; background-color: #fff; z-index:990; max-height: 500px; overflow: auto; width: 700px; -moz-box-shadow:1px 1px 10px #a0a0a0; /* Firefox */ -webkit-box-shadow:1px 1px 10px #a0a0a0; /* Chrome, Safari */ -khtml-box-shadow:1px 1px 10px #a0a0a0; /* Konqueror */ box-shadow:1px 1px 10px #a0a0a0; /* CSS3 */} .newsletter-popup .wrapper {position:relative;} .newsletter-popup.center {top: calc(50vh - 126px); left: calc(50vw - 234px);} .newsletter-popup.top {top: 20px; left: calc(50vw - 234px);} .newsletter-popup.top_right {top: 20px; right: 20px;} .newsletter-popup.right {top: calc(50vh - 126px); right: 20px;} .newsletter-popup.bottom_right {bottom: 20px; right: 20px;} .newsletter-popup.bottom {bottom: 20px; left: calc(50vw - 234px);} .newsletter-popup.bottom_left {bottom: 20px; left: 20px;} .newsletter-popup.left {top: calc(50vh - 126px); left: 20px;} .newsletter-popup.top_left {top: 20px; left: 20px;} .newsletter-popup .left {width: 350px; height:100%; left:0; top:0; position:absolute;} .newsletter-popup .left img {min-width: 350px; min-height: 500px;} .newsletter-popup .right {margin-left:350px;} .newsletter-popup .right-wrapper {padding:80px 30px 90px;} .newsletter-popup .content-asset {font-family:'Rama Gothic E SemiBold', sans-serif;} .newsletter-popup .content-asset .newsletter-popup-title {color: #8c9d9a; text-align: center; display: block; margin-bottom: 20px; font-size: 4em; line-height:45px;} .newsletter-popup .newsletter-popup-content {margin-bottom:5px; text-align: center; text-transform: uppercase; font-size: 2.6em; line-height: 32px;} .newsletter-popup .newsletter-popup-content.success {font-size:1.5em; line-height:28px;} .newsletter-popup .right .close {float: right; cursor: pointer; margin: 10px 15px 0 0; width:27px; height:31px; color: #8c9d9a; text-indent:-9999px; padding:0; background:url(../images/close_w_border.png) no-repeat center center transparent; background-size:cover; border:0;} .newsletter-popup .right form .input-text {width:268px; background: #f2f2f2;} .newsletter-popup .right form .form-row-button {padding-left: 30px; padding-right: 30px; background: #fff;} .newsletter-popup .right form .form-row-button .button {background: #f2f2f2;} .newsletter-popup .right form .button-women {float: left;} .newsletter-popup .right form .button-men {float: right;} .newsletter-popup-form {margin: 0 auto;} /* Newsletter Subscription Include */ .newsletter-include {width: 370px; background-color: #8c9d9a; padding: 20px 0 0 0;} .newsletter-include .subscription-container {margin: 0 20px 0 20px;} .newsletter-include .subscription-container .form-row-button {display: flex; flex-direction: row; justify-content: space-evenly; margin: 0 0 20px 0;} .newsletter-include .subscription-container .form-row-button button {border: 1px solid; border-radius: 0; float:none; margin-right: 0} .newsletter-include .subscription-container .form-row-button .or {padding-top: 6px; font-size: 20px; line-height: 22px; font-family: 'Rama Gothic E SemiBold',sans-serif; color: white;} .newsletter-include .subscription-container .form-row-button .outlet-red {background-color: #9b0707; color: white; border-color: #9b0707;} .newsletter-include .subscription-container .form-row-button .outlet-red:hover {background-color: white; color: #9b0707;} .newsletter-include .subscription-container .form-row-button .outlet-green {background-color: #60a29b; color: white; border-color: #60a29b;} .newsletter-include .subscription-container .form-row-button .outlet-green:hover {background-color: white; color: #60a29b;} .newsletter-include .subscription-container .form-row-button .outlet-black {background-color: #000000; color: white; border-color: #000000;} .newsletter-include .subscription-container .form-row-button .outlet-black:hover {background-color: white; color: #000000;} .newsletter-include .subscription-container .form-row-button .outlet-orange {background-color: #E36626; color: white; border-color: #E36626;} .newsletter-include .subscription-container .form-row-button .outlet-orange:hover {background-color: white; color: #E36626;} .newsletter-include div.newsletter-callout {width: 330px; display: block; margin:0 0 20px 20px; font-size: 20px; line-height: 22px; font-family: 'Rama Gothic E SemiBold',sans-serif; color: white;} .newsletter-include div.newsletter-callout.result {text-align: center; padding-bottom:20px; margin: auto; margin-top: -20px;} .newsletter-include div.newsletter-callout .content-asset {padding-bottom: 0; text-align: start;} /* Welcome Journey Include */ .welcomejourney-include div.flexbox {display:flex; justify-content:space-evenly;} .welcomejourney-include button {margin:auto;} .welcomejourney-include .callout {font-family: 'HelveticaNeueConds', sans-serif;font-weight: bold;} #footer .content-asset .footer-col .footer-social {margin:0 0 15px 0; /*width:200px;*/} #footer .content-asset .footer-col .footer-social ul {overflow:hidden; margin-bottom:0;} #footer .content-asset .footer-col .footer-social li {float:left; width:auto; padding:0;} #footer .content-asset .footer-col .footer-social a {display:block; margin:0 10px 10px 0; text-indent:-9999em; width:38px; height:38px; background:url(../images/bg_footer_social.png) no-repeat -9999em -9999em transparent;} #footer .content-asset .footer-col .footer-social a.youtube {background-position:0 0;} #footer .content-asset .footer-col .footer-social a.youtube:hover {background-position:0 -50px;} #footer .content-asset .footer-col .footer-social a.instagram {background-position:0 -100px;} #footer .content-asset .footer-col .footer-social a.instagram:hover {background-position:0 -150px;} #footer .content-asset .footer-col .footer-social a.twitter {background-position:0 -200px;} #footer .content-asset .footer-col .footer-social a.twitter:hover {background-position:0 -250px;} #footer .content-asset .footer-col .footer-social a.tumblr {background-position:0 -300px;} #footer .content-asset .footer-col .footer-social a.tumblr:hover {background-position:0 -350px;} #footer .content-asset .footer-col .footer-social a.facebook {background-position:0 -400px;} #footer .content-asset .footer-col .footer-social a.facebook:hover {background-position:0 -450px;} #footer .content-asset .footer-col .footer-social a.pinterest {background-position:0 -500px;} #footer .content-asset .footer-col .footer-social a.pinterest:hover {background-position:0 -550px;} #footer .content-asset .footer-col .footer-social a.google {background-position:0 -600px;} #footer .content-asset .footer-col .footer-social a.google:hover {background-position:0 -650px;} #footer.footer-checkout #footer-inner {padding-left:46px; padding-right:46px; width:918px;} #footer.footer-checkout .footer-col-1, #footer.footer-checkout .footer-col-2, #footer.footer-checkout .footer-col-3, #footer.footer-checkout .footer-col-4 {width:210px;} #footer.footer-checkout .footer-col h3 {padding-top:0;} #footer.footer-checkout .button {background:transparent; border-color:#b2c4c1;} #footer.footer-checkout .button:hover {background:#373f3e; border-color:#373f3e;} .footer-banner {background:transparent; min-width:1024px;} .footer-banner p {margin:0; padding:0;} .footer-banner img {display:block; margin:auto;} .footer-banner .banner-container {background-position:center top; background-repeat:no-repeat; background-size:cover;} #copyright {background-color:#373f3e; color:#b2c4c1; text-align:center; padding:15px 0; font-family:'HelveticaNeueConds', sans-serif;} #copyright a {color:#b2c4c1; text-transform:uppercase; font-weight:bold;} #copyright-inner {width:970px; padding:0 15px; margin:auto;} /* PAGE ELEMENTS ****************************************************************************************************************************************************/ /* jQuery Ui // js-specific*/ .dialog-helper-container {position:fixed; left:0; top:0; display:none;} .ui-widget-overlay {background:#37403f; opacity:0.7; filter: alpha(opacity = 70); z-index:300;} .ui-dialog {background:#fff; padding:26px 0; z-index:301;} .ui-dialog .ui-widget-header {position: absolute; right: 0; top: 26px;} .ui-dialog.video-dialog .ui-widget-header {top: 0;} .ui-dialog .ui-dialog-title {float:none; display:block; margin:0; white-space:normal; width:auto; text-indent:-9999em;} .ui-dialog .ui-dialog-titlebar-close {background:url("../images/bg_overlay_close.png") no-repeat 7px 7px #fff; height:27px; min-height:27px; width:27px; position:absolute; right:26px; top:0; z-index:1; border:1px solid #9b9f9e; margin:0; padding:0; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} .ui-dialog .ui-dialog-titlebar-close.ui-state-hover, .ui-dialog .ui-dialog-titlebar-close:hover {background-color:#363f3e; border-color:#363f3e; background-position:7px -43px;} .ui-dialog .ui-dialog-titlebar-close span {margin:0; padding:0; display:block; position:absolute; top:0; left:0; height:25px; width:25px; z-index:1; text-indent:-999em;} .ui-dialog .ui-dialog-content {padding:0 26px 0 26px; overflow:auto;} .ui-dialog .page-title {padding-top:0; text-align:left; background-position:left bottom;} .ui-dialog .dialog-required {display:block;text-align:right;} .ui-tabs .ui-tabs-nav{background:none repeat scroll 0 0 transparent;border:0 none;height:2.45em;padding:0;} .ui-tabs .ui-tabs-nav li{-moz-border-bottom-colors:none;-moz-border-image:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background:none repeat scroll 0 0 #EFEFEF;border-color:#D9D9D9 #D9D9D9 #FFFFFF;border-style:solid;border-width:1px;font-family:georgia;font-style:italic;list-style:none outside none !important;margin:0 1em -1px 0;} .ui-tabs .ui-tabs-nav li.ui-state-active{background:none repeat scroll 0 0 #FFFFFF;} .ui-tabs .ui-tabs-nav li.ui-state-active a{color:#666666;} .ui-tabs .ui-tabs-nav li a{color:#999999;} .ui-tabs .ui-tabs-panel{background:none repeat scroll 0 0 #FFFFFF;border-color:#D9D9D9;border-radius:0 0 0 0;border-style:solid;border-width:1px;box-shadow:4px 2px 10px 0 rgba(66,66,66,0.1);color:#414141;font-size:0.9em;line-height:1.5em;margin:0;padding:20px 10px;} .loader {position:absolute;left:0;top:0;width:100%;height:100%; z-index:9999;} .loader-bg {position:absolute;width:100%;height:100%;background-color:#fff;opacity:0.7;} .loader-indicator {z-index:100;position:absolute;left:50%;top:50%;width:64px;height:64px;background:url("../images/loading-small.gif") no-repeat;} .product-tile:hover .quickviewbutton {display:block;} #dialog-container.dialog-content{display:none;} /* JqueryUI dialog for video overlays */ .ui-dialog.video-dialog {background:transparent; position:fixed!important;padding:0;} .ui-dialog.video-dialog .video-wrapper { overflow: hidden;} .ui-dialog.video-dialog iframe {width: 100%; height: 100%;} .ui-dialog.video-dialog .ui-dialog-content {text-align: center;} /* Scrollbars */ .jspContainer {overflow: hidden; position: relative;} .jspPane {position: absolute;} .jspPane .scroll-pane-inner {padding-right:10px;} .jspVerticalBar {position: absolute; top: 0; right: 0; width: 4px; height: 100%; background:transparent;} .jspHorizontalBar {position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background:transparent;} .jspVerticalBar *, .jspHorizontalBar * {margin: 0; padding: 0;} .jspCap {display: none;} .jspHorizontalBar .jspCap {float: left;} .jspTrack {background:transparent; position: relative;} .jspDrag {background: #8D9D9A; position: relative; top: 0; left: 0; cursor: pointer; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;} .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%;} .jspArrow {background:transparent; text-indent: -20000px; display: block; cursor: pointer;} .jspArrow.jspDisabled {cursor: default; background: #808080;} .jspVerticalBar .jspArrow {height:0;} .jspHorizontalBar .jspArrow {width: 0; float: left; height: 0;} .jspVerticalBar .jspArrow:focus{ outline: none;} .jspCorner {background: #eeeef4; float: left; height: 100%;} .scroll-pane {position:relative; width:100%; overflow:hidden;} /* pdp-main Carousel & bonus-product choise carousel*/ .pdp-main .carousel .carouselcontainer, .bonus-product-list .carousel .carouselcontainer {overflow:hidden; width:500px;} .pdp-main .carousel .carousellist, .pdp-main .carousel .carousellist-secondary, .bonus-product-list .carousel .carousellist {overflow:hidden; list-style-type:none; clear:both; margin:0; padding:0;} .pdp-main .carousel .carousellist li, .pdp-main .carousel .carousellist-secondary li, .bonus-product-list .carousel .carousellist li{float:left; width:100px; height:100px;} .pdp-main .carousel .carouselnav .prev, .bonus-product-list .carousel .carouselnav .prev {position:absolute; top:0; left:0; cursor:pointer;} .pdp-main .carousel .carouselnav .next, .bonus-product-list .carousel .carouselnav .next {position:absolute; top:0; right:0; cursor:pointer;} .pdp-main .carousel .carouselnav .prev.disabled, .bonus-product-list .carousel .carouselnav .prev.disabled {cursor:default;} .pdp-main .carousel .carouselnav .next.disabled, .bonus-product-list .carousel .carouselnav .next.disabled {cursor:default;} .pdp-main .carousel.carouselvertical .carouselcontainer, .bonus-product-list .carousel.carouselvertical .carouselcontainer {height:500px; width:auto;} .pdp-main .carousel.carouselvertical .carousellist, .bonus-product-list .carousel.carouselvertical .carousellist {height:10000px; width:auto;} .pdp-main .carousel.carouselvertical .carousellist li, .bonus-product-list .carousel.carouselvertical .carousellist li {float:none; width:auto; height:auto;} .pdp-main .carousel.carouselvertical .carouselnav .prev {top:-20px;} .pdp-main .carousel.carouselvertical .carouselnav .next {bottom:-20px; top:auto; left:0;} .bonus-product-list .product-variations .attributes .swatches li.imageswatch {margin:0 3px 6px 3px;} .bonus-product-list .product-variations .attributes .attribute.color .carousel .carouselcontainer {margin:0 16px 0 16px; width: 190px;} .pdp-main .product-images-container .carousel .carouselcontainer, .bonus-product-list .carousel .carouselcontainer {overflow:hidden; width:500px;} .pdp-main .product-images-container .carousel .carousellist {overflow:hidden; list-style-type:none; clear:both; margin:0; padding:0;} .pdp-main .product-images-container .carousel .carouselnav .prev, .bonus-product-list .carousel .carouselnav .prev {position:absolute; top:0; left:0; cursor:pointer;} .pdp-main .product-images-container .carousel .carouselnav .next, .bonus-product-list .carousel .carouselnav .next {position:absolute; top:0; right:0; cursor:pointer;} .pdp-main .product-images-container .carousel .carouselnav .prev.disabled, .bonus-product-list .carousel .carouselnav .prev.disabled {cursor:default;} .pdp-main .product-images-container .carousel .carouselnav .next.disabled, .bonus-product-list .carousel .carouselnav .next.disabled {cursor:default;} .carousel .carousellist, .carousel .carousellist-secondary {width:10000px;} /* BEGIN: new PDP designs */ .pt_product-details #main .main-content {width: 1170px;} .pdp-main .product-images-container .product-image-container .text {display: table; font-family: "HelveticaNeueConds",sans-serif; color:black; font-size: 15px; margin: 50px auto 0 auto;} /* PDP recommendations */ .pdp-main .pdp-recommendation .grid-tile {margin: 0 25px 26px 0;} .pdp-main .pdp-recommendation .recommendation-items li:last-of-type {margin-right: 0;} .pdp-main .pdp-recommendation .recommendation-items {width: auto;} /* PDP image carousel*/ .pt_product-details .pdp-main .product-images-container {width:800px; height: auto;} .pdp-main .product-images-container .carousel {width: 800px; position: relative;} .pdp-main .product-images-container .carousel .carouselcontainer {margin: 0 auto 22px auto; width:723px; height: 450px;} .pdp-main .product-images-container .carousel .carousellist {height: 450px;} .pdp-main .product-images-container .carousel .carousellist li {width:241px; height: auto; min-height: 100px;} .pdp-main .product-images-container .carousel .carousellist li img {width:100%; height: auto;} .pdp-main .product-images-container .carousel .carousellist li:not(.center) {cursor: default !important; -ms-transform: scale(0.527); -webkit-transform: scale(0.527); transform: scale(0.527); opacity: 0.3;} .pdp-main .product-images-container .carousel .carousellist li.left {-ms-transform-origin: left; -webkit-transform-origin: left; transform-origin: left;} .pdp-main .product-images-container .carousel .carousellist li.center {-ms-transform: scale(1.867); -webkit-transform: scale(1.867); transform: scale(1.867); -ms-transform-origin: top; -webkit-transform-origin: top; transform-origin: top;} .pdp-main .product-images-container .carousel .carousellist li.right {-ms-transform-origin: right; -webkit-transform-origin: right; transform-origin: right;} .pdp-main .product-images-container .carousel .carousellist li.animate {-webkit-transition-duration: 0.5s; transition-duration: 0.5s;} .pdp-main .product-images-container .pdp-highlights {display: none; left: 38px; position: absolute; top: 0; width: 723px; z-index: 1;} .pdp-main .product-images-container .carousel .carouselnav .prev, .pdp-main .product-images .carousel .carouselnav .next {height: 100%; position: absolute; width: 50px; cursor: pointer; display: block; z-index: 1; transition: opacity 200ms, background-position 200ms;} .pdp-main .product-images-container .carousel .carouselnav .prev.disabled, .pdp-main .product-images .carousel .carouselnav .next.disabled {opacity: 0.3;} .pdp-main .product-images-container .carousel .carouselnav .prev {left: 0; background: url(../images/bg_carousel_prev.png) no-repeat 0 center transparent; background-size: 25px 95px;} .pdp-main .product-images-container .carousel .carouselnav .next {right: 0; background: url(../images/bg_carousel_next.png) no-repeat 18px center transparent; background-size: 25px 95px;} .pdp-main .product-images-container .carousel iframe.product-video {height: 407px; top: 21px; position: absolute; left: 0; width: 723px;} .pdp-main .product-images-container .carousel .product-video-container {height: 450px; left: 38px; position: absolute; top: 0; width: 723px; background-color:#fff; z-index:1;} .pdp-main .product-images-container .carousel .carouselnavbubbles {position: absolute; bottom: -22px; width: 100%;} .pdp-main .product-images-container .carousel .carouselnavbubbles .carouselnavbubbles-inner {list-style: none; margin: auto; display: table;} .pdp-main .product-images-container .carousel .carouselnavbubbles .carouselnavbubbles-inner .nav-bubble {float: left; margin: 0 20px 0 0; padding: 0; list-style: none; display: block; height: 10px; width: 10px; background: transparent; border: 1px solid #373f3e; border-radius: 6px; cursor: pointer; transition: background-color ease-out 200ms;} .pdp-main .product-images-container .carousel .carouselnavbubbles .carouselnavbubbles-inner .nav-bubble.active {background-color: #373f3e;} /* END: new PDP designs */ /* tooltips */ .tooltip-top, .tooltip-bottom {position:relative; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif!important; font-weight:normal!important;} .tooltip-arrow {display:block; text-indent:-9999em; position:absolute; left:3px; width:10px; height:5px; z-index:2; background:url(../images/bg_tooltip_arrow_top.png) repeat 0 0 transparent;} .tooltip-top .tooltip-arrow {top:-8px; background:url(../images/bg_tooltip_arrow_top.png) repeat 0 0 transparent;} .tooltip-bottom .tooltip-arrow {bottom:-8px; background:url(../images/bg_tooltip_arrow_bottom.png) repeat 0 0 transparent;} .tooltip-box {display:block; text-indent:0; position:absolute; left:-20px; width:auto; z-index:2; padding:7px 7px; color:#fff; background:url(../images/bg_trans_black_60.png) repeat 0 0 transparent; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform:none; font-size:14px; line-height:18px; height:18px; white-space:nowrap; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} .tooltip-top .tooltip-box {top:-40px;} .tooltip-bottom .tooltip-box {bottom:-40px;} /* tables used for product lists (wishlist, gift reg) */ .item-list {width:100%;} .item-list th {padding:25px 26px; font-size:15px; line-height:20px; text-transform:uppercase; text-align:left; background:#fafafa; color:#8c9d9a; white-space:nowrap; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .item-list th.header-total-price {background:#f2f2f2; color:#373f3e; text-align:center; width:280px;} .item-list th.header-quantity {width:100px;} .item-list tbody tr {border-bottom:1px solid #f2f2f2;} .item-list td {padding:26px 26px; vertical-align:middle;} .item-list td.item-image {padding-right:0; vertical-align:top; width:140px;} .item-list td.item-details {text-transform:uppercase; font-size:14px; line-height:20px; vertical-align:top;} .item-list td.item-details .product-list-item .name {font-size:15px; line-height:17px; margin:0 0 20px 0; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .item-list td.item-details .product-list-item .name a {color:#373f3e;} .item-list td.item-details .product-list-item .label {font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .item-list td.item-details .product-list-item .value {color:#8c9d9a; text-transform:none; padding-left:8px;} .item-list td.item-details .item-edit-details {margin:17px 0 0 0;} .item-list td.item-details .item-edit-details .button {display:inline-block;} .item-list td.item-details .product-list-item .promo {color:#e36519;} .item-list td.item-details .product-list-item .price-standard {color:#b2c4c1; text-decoration:line-through;} .item-list td.item-details .editdetailscart {width:50%;margin-top:10px;} .item-list td.item-quantity .item-quantity-inner {margin:0 0 15px 0;} .item-list td.item-quantity .quantity {float:left; width:auto;} .item-list td.item-quantity select {width:68px; margin:0;} .item-list td.item-quantity .selector {width:68px!important; padding-left:0; margin:0;} .item-list td.item-quantity .selector span {width:40px!important; padding-right:28px; text-align:center;} .item-list td.item-quantity .product-availability-list {font-size:12px; line-height:14px;} .item-list td.item-quantity .item-user-actions {float:left; width:auto; padding:8px 0 0 10px;} .item-list td.item-quantity-details ul {list-style:none outside none; margin:0; padding:0;} .item-list td.item-total {text-align:right; font-size:16px; color:#8c9d9a;} .item-list td.item-total .promo-container {float:left; width:180px; font-size:12px; line-height:14px; padding:2px 0 0 0; color:#e36626;} .item-list td.item-total .promo-container .promo-adjustment {margin:0 0 10px 0;} .item-list td.item-total .price-container {float:right; width:90px;} .item-list td.item-total .price-adjusted-total {color:#e36626;} .item-list td.item-total .price-total .price-part3, .item-list td.item-total .price-adjusted-total .price-part3 {font-size:10px; line-height:10px; vertical-align:5px; margin-left:-1px;} .item-list td.item-total .price-unadjusted {text-decoration:line-through; font-size:14px; margin:10px 0 0 0;} .item-list td.item-total .price-unadjusted span.price-part3 {font-size: 9px; line-height: 10px; margin-left: -1px; vertical-align: 3px;} .item-list .cart-row-promo td.item-details .product-list-item .name {margin-bottom:0;} .item-list .cart-row-promo td.bonus-item-details {font-size:15px; line-height:17px; color:#e36519; text-transform:uppercase; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .item-list .cart-row-promo td.bonus-item-details .bonus-items-selected {color:#8c9d9a; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform:none; margin:10px 0 0 0; font-weight:normal;} .item-list .cart-row-promo td.bonus-item-actions {padding-left:0; padding-right:0;} .item-list .cart-row-bonusproduct td.item-quantity .quantity {line-height:32px;} td.item-dashboard{color:#AAAAAA;width:250px;} td.item-dashboard .label{display:inline;float:none;font-size:1em;padding:0;width:auto !important;} td.item-dashboard label{display:inline;float:none;font-size:1em;padding:0;width:auto !important;} td.item-dashboard .input-text{margin:0;text-align:center;} td.item-dashboard .input-select{margin:0;padding:8px;width:auto !important;} td.item-dashboard .input-checkbox{margin:0 5px;} td.item-dashboard .item-option{clear:both;font-size:1em;margin:0 0 0.5em;} td.item-dashboard .item-option .form-row{display:inline;} td.item-dashboard .option-date-added .value{color:#333333;} td.item-dashboard .option-quantity-desired input{padding:0;width:20px;} td.item-dashboard .option-priority .label{color:#333333;} td.item-dashboard .option-priority label{color:#333333;} td.item-dashboard .option-add-to-cart .label{color:#333333;font-size:1.1em;text-transform:uppercase;} td.item-dashboard .option-add-to-cart label{color:#333333;font-size:1.1em;text-transform:uppercase;} td.item-dashboard .option-add-to-cart input{padding:0.8em 0.3em 0.7em;width:50px;} td.item-dashboard .option-quantity-purchased span.exceeded {color:#ff0000} /* base tool tip */ .tooltip {cursor:help; position:relative; text-transform:none; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;} .tooltip .tooltip-content {background:#bababa; color:#fff; display:none; font-size:12px; line-height:16px; font-style:normal; left:100%; max-width:300px; min-width:200px; opacity:0; position:absolute; text-decoration:none; top:100%; visibility:hidden; z-index:10; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;} .tooltip:hover .tooltip-content{display:block; opacity:1; overflow:visible; visibility:visible; padding:2px;} #tooltip{background-color:#FFFFFF;border:1px solid #111111;opacity:0.95;padding:5px;position:absolute;z-index:3000;} #tooltip .small{width:300px;} #tooltip .medium{width:500px;} #tooltip .recommendation-tooltip-header{background:none repeat scroll 0 0 #CCCCCC;font-size:1.2em;;padding:10px;} #tooltip .recommendation-tooltip-description{padding:10px;} #tooltip .recommendation-tooltip-attributes{padding:10px;} /* content assets and slots */ .slot-grid-header p{margin:0;padding:0;} .product-listing-1x4{background:none repeat scroll 0 0 #FFFFFF;overflow:hidden;padding:10px 0;} .product-listing-1x4 ul.search-result-items .grid-tile{margin:0 1% 0 2%;width:18%;} .content-asset ul li{list-style:disc outside none;} .content-asset .product-include ul li.grid-tile{list-style:none outside none;} .content-asset ol li{list-style:decimal outside none;} .content-asset ul.account-options{margin:0;padding:0;} .content-asset ul.account-options li{border-bottom:1px solid #D9D9D9;float:left;height:80px;list-style:none outside none !important;margin:0 0 0 4%;padding:20px 0 0;position:relative;width:46%;} .content-asset ul.account-options li a{display:block;font-size:1.5em;line-height:30px;padding:0 0 0 55px;} .content-asset ul.account-options li img{left:0;position:absolute;top:10px;} .content-asset ul.account-options li p{margin:0;padding-left:55px;} .content-asset .highlight {background: #fafafa; padding: 25px; margin: 25px 0;} .content-asset .highlight .section-header {padding: 0 0 10px 0; background: none; display: block;} .content-asset .highlight .headline {display: block; margin-bottom: .83em; text-transform: uppercase; font-family: 'HelveticaNeueConds', sans-serif; margin-top: 0; font-weight: bold; font-size: 20px;} .content-asset .highlight .underlined {background: transparent url(../images/bg_underline_grey_50.png) no-repeat bottom left; padding-bottom: 10px;} .content-asset .highlight .list {margin-bottom: 0; font-family: 'Rama Gothic E SemiBold', sans-serif; font-size: 23px; padding-left: 35px;} .content-asset .highlight .list li {position: relative; padding: 7px 0 12px 12px;} .content-asset .highlight .list li * {vertical-align: top;} .content-asset .highlight .list li p {margin-bottom: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px;} .content-asset .highlight .list li .bullet {width: 32px; height: 32px; background: transparent url(../images/bg_highlighted-list.png) no-repeat 0 0; position: absolute; top: 0; left: -33px;} .content-asset img {max-width:100%;} .browser-compatibility-alert {padding:0 0 26px 0; background:#fff;} .browser-compatibility-alert-inner {background:#e36626; color:#fff; margin:0 auto; padding:15px 26px; width:918px;} .browser-compatibility-alert p {margin:0; padding:0;} /* primary region elements */ .col-1 {float:left; margin:0; width:48%;} .col-2 {float:right; margin:0; width:48%;} .section-header {background:#fafafa; margin:0; padding:24px 26px; position:relative; text-transform:uppercase; font-size:20px; line-height:24px; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} /* secondary region elements */ #category-level-1 {padding:0; margin:0; text-transform:uppercase; font-size:15px; line-height:26px; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold; overflow:hidden;} #category-level-1 li {margin:17px 0; padding:0 0 0 30px;} #category-level-1 > li.expandable {padding-left:0;} #category-level-1 > li.expandable > a {padding-left:30px; background:url("../images/interface/icon-category-expand-off.png") no-repeat scroll 0 8px transparent;} #category-level-1 > li.active > a {background-position:-490px 8px;} #category-level-1 a.refinement-link {background:transparent; padding:0; color:#373f3e; display:block;} #category-level-1 a.active, #category-level-1 a.active:hover {cursor:default; color:#373f3e; text-decoration:none;} #category-level-2 {padding:0 0 0 30px; font-size:14px;} #category-level-2 li {margin:5px 0; padding-left:0;} #category-level-2 li.expandable {background:transparent;} #category-level-2 a.refinement-link, #category-level-2 span.unclickable {color:#8d9d9a;} #category-level-2 a.active, #category-level-2 a.active:hover, #category-level-2 a.active, #category-level-2 a.active:hover {color:#373f3e; background:url(../images/bg_refinement_cat_marker.png) no-repeat left bottom transparent;} #category-level-3 {padding:5px 0 0 0; text-transform:none; line-height:26px; font-family:'HelveticaNeueConds', sans-serif; font-weight:normal;} #category-level-3 li {margin:0; padding-left:20px;} #category-level-3 a.active, #category-level-3 a.active:hover {background:transparent; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .scrollable{height:10em;overflow:auto;} .nav ul{border:0 none;list-style:none outside none;margin:7px 0;padding:0;} .nav ul li{list-style:none outside none !important;margin:0 0 7px !important;} .nav .toggle{background:url("../images/interface/icon-toggle-arrow.png") no-repeat scroll left 12px transparent;border:0 none;display:block;font-size:1em;margin:10px 0 7px;padding:8px 0 0 15px;text-transform:uppercase;} .nav .expanded{background-position:left -96px;} .nav .toggle span{background:none repeat scroll 0 0 transparent;} /* recommendations */ .recommendations-container {padding:0 0 45px 0;} .recommendations-container .page-title {padding:0 0 20px 0; margin:0 0 20px 0;} .recommendations-top {padding: 35px 0 15px; text-align: center;} ul.recommendation-items {margin:0; padding:0; width:996px;} /* prices */ .price-sales {color:#e36519;} .price-standard {color:#8c9d9a; text-decoration:line-through;} /* send to friend */ #send-to-friend-main .send-to-friend-product {margin-top:26px; padding-top:26px; padding-bottom:26px; border-top:1px solid #dce1e1; border-bottom:1px solid #dce1e1;} #send-to-friend-main .send-to-friend-product .product-image {float:left; width:auto;} #send-to-friend-main .send-to-friend-product .product-image img {display:block;} #send-to-friend-main .send-to-friend-product .product-description {margin-left:166px;} #send-to-friend-main .send-to-friend-product .product-description .name {font-size:15px; line-height:17px; margin:0 0 20px; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} #send-to-friend-main .send-to-friend-product .product-description .product-number, #send-to-friend-main .send-to-friend-product .product-description .attribute {text-transform:uppercase; font-size:14px; line-height:20px;} #send-to-friend-main .send-to-friend-product .product-description .label {font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} #send-to-friend-main .send-to-friend-product .product-description .value {color:#8c9d9a; text-transform:none; padding-left:8px;} #send-to-friend-main .send-to-friend-product .page-title {font-size:24px; line-height:26px; padding:0 0 15px 0; margin:0 0 35px 0; background: url(../images/bg_underline_grey_50.png) no-repeat left bottom transparent; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} #send-to-friend-main .preview-msg {padding-top:26px; border-top:1px solid #dce1e1;} #send-to-friend-main .hint {padding:15px 0; background-color:#fff6f0; color:#e36519; display:block; width:100%; font-size: 15px; margin:26px 0;} #send-to-friend-main .hint span{padding-left:24px;} /* FORM COMPONENTS ****************************************************************************************************************************************************/ /* form-row */ .form-row {margin:0 0 20px 0;} .form-row-button {margin-top:30px; overflow:hidden;} .form-row-button button, .form-row-button .button {margin-right:11px; float:left; width:auto;} .form-indent {margin-left:115px;} .form-caption, .char-count {display:block; margin:3px 0 3px 115px; width:auto; color:#8d9d9a; font-size:12px; line-height:14px;} .form-indent .form-caption, .form-indent .char-count {margin-left:0;} .form-row input[type="text"], .form-row input[type="email"], .form-row input[type="password"], .form-row textarea, .form-row select, .form-row div.selector {margin-left:115px;} .form-row.no-label input[type="text"], .form-row.no-label input[type="password"], .form-row.no-label textarea, .form-row.no-label select, .form-row.no-label div.selector {margin-left:0;} .form-row.hint {margin-left:115px; float:none; width:auto;} .form-row.hint label {width:auto; padding:0 0 0 0; font-size:13px; font-weight:normal;margin-top:-10px;} .form-row-zip .input-text {width:65px;} .form-row-street-and-number {margin-bottom:15px;} .form-row-street-and-number .form-row-street {float:left; width:354px; margin:0 10px 0 0;} .form-row-street-and-number .form-row-street .input-text {width:199px;} .form-row-street-and-number .form-row-number {float:left; width:auto; margin:0;} .form-row-street-and-number .form-row-number .input-text {width:42px; margin-left:0;} .form-row-street-and-number .form-row-number span.error {width: 330px;margin-left: -250px;text-align: right;} /* form-elements */ legend {background:url("../images/interface/icon-double-line-header.png") repeat-x scroll left top #EFEFEF;border-bottom:1em solid #FFFFFF;font-size:1.1em;margin:0;padding:14px 2% 10px;position:relative;text-transform:uppercase;width:96%;} .ie7 legend {width:94%;} legend span {position:absolute;right:1em;text-transform:none;top:1em;} legend span em {color:#333333;} input[type="text"], input[type="email"], input[type="password"], textarea {border:1px solid #dce1e1; font-size:14px; line-height:16px; height:auto; padding:7px 19px; text-indent:0; width:291px; margin:0 0 5px 0; display:block; color:#373f3e; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -moz-box-shadow:0 0 0 #fff; -webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff; -webkit-appearance:none;} textarea {max-width:291px; min-width:291px; height:120px;} input[type="text"]:hover, input[type="text"]:focus, input[type="password"]:hover, input[type="password"]:focus, textarea:hover, textarea:focus {border-color:#8c9d9a;} select {cursor:pointer; display:block; height:32px; line-height:30px; border:1px solid #dce1e1; padding:1px 1px 1px 19px; margin:0 0 5px 0; text-indent:0; width:331px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;} select:hover, select:focus {border-color:#8c9d9a;} input[type="checkbox"] {margin:6px 5px 7px 0; height:19px; width:19px;} input[type="radio"] {margin:6px 5px 7px 0; height:19px; width:19px;} input[disabled] {color:#666; border-color:#bbb!important;} .form-inline form{background:url("../images/interface/icon-double-line-header.png") repeat-x scroll left bottom transparent;padding:0 0 2em;width:98%;} .form-inline .form-row{clear:none;float:left;margin:5px 2% 0 0;width:28%;} .form-inline label{padding:0 0 0.75em;text-transform:uppercase;width:auto;} .form-inline input[type="text"]{margin-left:0;width:95%;} .form-inline select{margin-left:0;width:95%;} .form-inline .form-row-button{float:left;margin:30px 0 0;width:10%;} .form-inline button{padding-left:0;padding-right:0;width:100%;} .row-inline{display:inline;} .row-inline label{width:auto;} .required-indicator {color:#8c9d9a; display:inline-block; width:7px; margin-left:-10px; text-indent:-999em; background:url(../images/bg_required_indicator.png) no-repeat 0 0 transparent;} .form-field-tooltip{float:right;margin:-36px 0 0;width:21%;} .with-helper-text{margin-top:-59px;} /* label */ label, .form-label-text {display:block; float:left; font-size:14px; line-height:16px; padding:8px 15px 0 0; text-align:left; width:100px; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .form-value-text {padding:8px 0 0 0; font-size:14px; line-height:16px;} .form-label-text span {margin-right:5px;} .label-inline label {display:inline-block;float:none;font-size:1em;text-align:left;width:90%;} .label-inline input {float:left;margin:0.8em 2%;} .label-above label {float:none;text-align:left;width:auto;} .label-above input {margin-left:0;} .label-above select {margin-left:0;} .label-above textarea {margin-left:0;} .label-above .form-caption {margin-left:0;width:auto;} .label-removed label {left:-999em;position:absolute;} .label-hidden label {text-align:left;text-indent:-999em;} /* form-error */ .error-message, .error-form {border:2px solid #e36519; background-color:#fff6f0; color:#e36519; padding:15px 24px; text-indent:0; margin:26px 0; font-size:15px;} .error, .country-error, .error input[type="text"], .error input[type="password"], .error textarea, .error select, .error div.selector {background-color:#ffeee5; border-color:#e36519; color:#e36519;} .error div.selector span, .error div.selector.focus span {background-color:#ffeee5;} .error label {color:#373f3e;} input.error, textarea.error, .error select, .error div.selector, input.error:hover, textarea.error:hover, .error select:hover, .error div.selector.hover, input.error:focus, textarea.error:focus, .error select:focus, .error div.selector.focus {border-color:#e36519;} span.error, span.country-error{background:none repeat scroll 0 0 transparent; display:block; margin:3px 0 3px 115px; font-size:12px; line-height:14px;} div.error{background:none repeat scroll 0 0 transparent;} /* checkboxes */ .form-row-checkbox {overflow:hidden;} .form-row-checkbox .checker, .form-row-checkbox input[type="checkbox"] {float:left;} .form-row-checkbox label {float:none; margin-left:40px; padding-right:0; width:auto; cursor:pointer;} div.checker {width:19px; height:19px; cursor:pointer;} div.checker input, div.checker span {width:17px; height:17px; cursor:pointer;} div.checker {position:relative; margin:6px 5px 7px 0;} div.checker input {margin:0; padding:0; float:none!important;} div.checker span {background:url(../images/bg_checkbox.png) no-repeat 0 0 #fff; border:1px solid #b2c4c1; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;} div.checker:hover span, div.checker.hover span {background-position:0 0!important; border-color:#8c9d9a!important;} div.checker span.checked, div.checker:hover span.checked, div.checker.hover span.checked, div.checker.disabled span.checked, div.checker.disabled:hover span.checked, div.checker.disabled.hover span.checked {background-position:0 -100px!important;} div.checker.disabled, div.checker.disabled.active {background-position:0 0!important; opacity:0.5;} div.checker.disabled span, div.checker.disabled:hover span, div.checker.disabled.hover span {background-position:0 0!important; border-color:#b2c4c1!important;} /* radio buttons */ .form-row-radio {overflow:hidden;} .form-row-radio .radio, .form-row-radio input[type="radio"] {float:left;} .form-row-radio label {float:none; margin-left:40px; padding-right:0; width:auto; cursor:pointer;} div.radio {width:19px; height:19px; cursor:pointer;} div.radio input, div.radio span {width:17px; height:17px; cursor:pointer;} div.radio {position:relative; margin:6px 5px 7px 0; } div.radio input {margin:0; padding:0; float:none!important;} div.radio span {background:url(../images/bg_radio.png) no-repeat 0 0 #fff; border:1px solid #b2c4c1; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px;} div.radio:hover span, div.radio.hover span {background-position:0 0!important; border-color:#8c9d9a!important;} div.radio span.checked, div.radio:hover span.checked, div.radio.hover span.checked, div.radio.disabled span.checked, div.radio.disabled:hover span.checked, div.radio.disabled.hover span.checked {background-position:0 -100px!important;} div.radio.disabled, div.radio.disabled.active {background-position:0 0!important; opacity:0.5;} div.radio.disabled span, div.radio.disabled:hover span, div.radio.disabled.hover span {background-position:0 0!important; border-color:#b2c4c1!important;} /* selects */ div.selector {width:310px!important; display:block; font-size:14px; line-height:30px; height:30px; padding:0 0 0 19px; margin:0 0 5px 0; position:relative; overflow:hidden; border:1px solid #dce1e1; background:#fff; cursor:pointer; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;} div.selector:hover, div.selector.hover, div.selector:focus, div.selector.focus {border-color:#8c9d9a;} div.selector span, div.selector:focus span, div.selector.focus span {color:#373f3e; text-overflow:ellipsis; display:block; overflow:hidden; white-space:nowrap; background-position:right 0; height:30px; line-height:30px; padding-right:40px; cursor:pointer; width:100%; background:url(../images/bg_select.png) no-repeat right 0 #fff; text-shadow:none;} div.selector:hover span, div.selector.hover span, div.selector:focus span, div.selector.focus span {background-position:right 0!important;} div.selector select {display:block; opacity: 0; filter:alpha(opacity=0); border:0 none; background:#fff; position:absolute; height:30px; top:0; left:0; width:100%; z-index:1; font-size:14px; line-height:18px; margin:0; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;} /* buttons */ button, .button, input[type="button"] {color:#37403f; border:1px solid #9b9f9e; cursor:pointer; display:block; width:auto; font-size:14px; line-height:16px; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold; height:16px; height:auto; min-height:16px; padding:7px 20px; text-align:center; text-transform:uppercase; background:#fff; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -moz-transition:background-color 0.2s, border-color 0.2s, color 0.2s; -webkit-transition:background-color 0.2s, border-color 0.2s, color 0.2s; -o-transition:background-color 0.2s, border-color 0.2s, color 0.2s; transition:background-color 0.2s, border-color 0.2s, color 0.2s;} button[disabled]:hover, .button[disabled]:hover {background:#fff; color:#37403f; border-color:#9b9f9e; text-decoration:none;} button, button:hover, button[disabled]:hover, button.button, button.button:hover, button.button[disabled]:hover {height:32px; height:auto; min-height:32px; text-decoration:none;} button:hover, .button:hover, input[type="button"]:hover {background-color:#373f3e; border-color:#373f3e; color:#fff; text-decoration:none;} .button-large {font-size:20px; line-height:20px; height:auto; min-height:20px; padding:16px 15px;} button.button-large, button.button-large:hover, button.button-large[disabled]:hover {height:52px; height:auto; min-height:52px;} .button-small {font-size:12px; padding:4px 10px;} button.button-small, button.button-small:hover, button.button-small[disabled]:hover {height:24px; height:auto; min-height:24px;} .button-grey, .button-grey[disabled]:hover {border-color:#363f3e; background-color:#363f3e; color:#fff;} .button-grey:hover {border-color:#9b9f9e; background-color:#fff; color:#373f3e;} .button-lightgrey, .button-lightgrey[disabled]:hover {border-color:#b2c4c1; background-color:#b2c4c1; color:#fff;} .button-lightgrey:hover {border-color:#373f3e; background-color:#373f3e; color:#fff;} .button-orange, .button-orange[disabled]:hover {border-color:#e36519; background-color:#e36519; color:#fff;} .button-orange:hover {border-color:#e36519; background-color:#fff; color:#e36519;} .button-blue, .button-blue[disabled]:hover {border-color:#60a29b; background-color:#60a29b; color:#fff;} .button-blue:hover {border-color:#60a29b; background-color:#fff; color:#60a29b;} .button-transparent, .button-transparent[disabled]:hover {background:transparent; border-color:#373f3e;} .button-text {background:transparent; border:0 none; padding:8px 0; text-decoration:none; font-family:'HelveticaNeueConds', sans-serif;} .button-text:hover {background:transparent; border:0 none; text-decoration:underline; color:#37403f;} .button-red, .button-red[disabled]:hover {border-color:#b8202f; background-color:#b8202f; color:#fff;} .button-red:hover {border-color:#b8202f; background-color:#fff; color:#b8202f;} button.simple-submit{display:none;} .button-remove {height:15px; min-height:15px; width:15px; padding:0; margin:0; border:0 none; text-indent:-999em; background:url(../images/bg_button_remove.png) no-repeat 0 0 transparent;} .button-remove:hover {height:15px; min-height:15px; width:15px; padding:0; margin:0; border:0 none; background-color:transparent; background-position:0 -50px;} .checkoutlater-button {margin-top:10px;} /* PRODUCTLISTING ***************************************************************************************************************************************************/ /* misc */ #main-top .page-title, .seo-block h1 {text-align:left; margin:12px 0; padding:0; font-size:24px; line-height:26px; height:26px; overflow:hidden; background:transparent; float:left; width:280px;} /* styles for rendering the information panel in the middle of the title bar of category pages */ #extended-category-description-panel .page-title{ float: left; text-align: right; max-width: 200px; font-family: "HelveticaNeueConds",sans-serif; font-size:20px; } #extended-category-description-panel .appendix{ float: left; font-size: large; } #extended-category-description-panel .pop-up-icon { float: left; background-color: transparent; background-image: url("../images/bg_select.png"); background-position: 1px -150px; background-repeat: no-repeat; border: 1px solid; border-color: #8b9e9c; border-radius: 2px; margin: 10px; text-indent: -9999em; padding-left: 10px; } #extended-category-description-panel .pop-up-icon:hover, #extended-category-description-panel .pop-up-icon.expanded { background-image: url("../images/bg_select.png"); background-position: 0 -214px; background-size: 103% auto; cursor: pointer; } #extended-category-description-panel .pop-up-pane { left: 0; min-width: 1010px; overflow: hidden; position: absolute; top: 49px; width: 100%; z-index: 6; background-color: #f2f2f2; display: none; } #extended-category-description-panel .pop-up-pane .content-wrapper { background-image: url("../images/bg_refinements_arrow_dark.png"); background-repeat: no-repeat; background-position: 68% 0; margin: auto; width: 1006px; padding: 0 0 26px; color: #373f3e; } #extended-category-description-panel .pop-up-pane .content-wrapper .content{ padding: 33px; } #extended-category-description-panel .pop-up-pane .content-wrapper .html-slot-container{ float: left; margin-top: 18px; margin-right: 25px; margin-bottom: 20px; } #extended-category-description-panel .pop-up-pane .content-wrapper .content-title{ background-image: url("../images/bg_underline_grey_50.png"); background-position: 0 bottom; background-repeat: no-repeat; margin-bottom: 20px; margin-left: 585px; padding-bottom: 15px; font-family: 'Rama Gothic E SemiBold',sans-serif; font-size: 24px; line-height: 26px; } #extended-category-description-panel .pop-up-pane .content-wrapper .content-text { margin-left: 585px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 18px; text-transform: none; } #extended-category-description-panel .pop-up-pane .content-wrapper .content-links { margin-top: 30px; padding-left: 585px; } #extended-category-description-panel .pop-up-pane .content-wrapper .content-links ul { margin: 0 0 15px; float: left; width: 420px; } #extended-category-description-panel .pop-up-pane .content-wrapper .content-links ul li { text-decoration: underline; float: left; min-width: 210px; } #extended-category-description-panel .pop-up-pane .content-wrapper .content-links ul li a { color: black; } #extended-category-description-panel .pop-up-pane .content-wrapper .controls { float: right; } #extended-category-description-panel .pop-up-pane .content-wrapper .controls .button { background: transparent; } #extended-category-description-panel .pop-up-pane .content-wrapper .controls .button:hover { background: none repeat scroll 0 0 #37403f; } /* options */ .refinements-toggle:hover {cursor:pointer;} .pagination ul {margin:0; padding:0; overflow:hidden;} .pagination li {display:block; float:left; width:auto; list-style:none outside none; padding:5px;} /* infinite scroll amendments */ .infinite-scroll .pagination ul{display:none} .infinite-scroll .pagination .current-page-label{display:none} .infinite-scroll .items-per-page {display:none} .infinite-scroll div.search-result-content .infinite-scroll-loading {text-align: center; background: url("../images/infinite-loading-indicator.gif") center no-repeat; height: 35px; width: 100%} .disable-infinite-scroll div.search-result-content .page-element {display:none} /* sub lists headline*/ .pt_product-search-result #secondary {padding:0;} .pt_product-search-result #secondary .back-to-top {display:block; height:76px; width:248px; z-index:4; left:0; top:0; background:#fff;} .pt_product-search-result #secondary .back-to-top.sticky-supported {border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; height:82px;} .pt_product-search-result #secondary .back-to-top.fixed {position: fixed; border-right:0 none;} .pt_product-search-result #secondary .back-to-top .inner {display:block; padding:21px 0 22px;} .pt_product-search-result #secondary .back-to-top .text {padding-left:10px; display:inline-block;white-space:nowrap; line-height:32px; height:32px; font-size:12px; text-transform:uppercase; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold; cursor:pointer;} .pt_product-search-result #secondary .back-to-top .button {display:inline-block; width:30px; height:30px; line-height:30px; text-indent:-9999em; padding:0; background-image:url(../images/bg_back_to_top.png); background-position:10px 12px; background-repeat:no-repeat;} .pt_product-search-result #secondary .back-to-top .button:hover {background-position:10px -38px;} .sub-search-result-top .back-to-top {position: absolute; display:block; height:76px; width:248px; z-index:4; top:0; left:0;} .sub-search-result-top .back-to-top.fixed {position: fixed; border-right:0 none;} .sub-search-result-top .back-to-top .inner {display:block; padding:21px 0 22px 0;} .sub-search-result-top .back-to-top .text {padding-left:10px; display:inline-block;white-space:nowrap; line-height:32px; height:32px; font-size:12px; text-transform:uppercase; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold; cursor:pointer;} .sub-search-result-top .back-to-top .button {display:inline-block; width:30px; height:30px; line-height:30px; text-indent:-9999em; padding:0; background-image:url(../images/bg_back_to_top.png); background-position:10px 12px; background-repeat:no-repeat;} .sub-search-result-top .back-to-top .button:hover {background-position:10px -38px;} .splitpage .sticky-supported.sub-search-result-top .sub-search-result-top-inner, .keyword-search .sticky-supported.sub-search-result-top .sub-search-result-top-inner {margin-right:0; margin-left:249px; border-left:1px solid #f2f2f2;} .pt_product-search-result #secondary #category-navigation.fixed {position:fixed;} #wrapper.sticky-supported {overflow:visible;} .sticky-supported .sub-search-result {padding-top:105px; position:relative; } .sub-search-result .sub-search-result-content {position:relative;} .sub-search-result .sub-search-result-content.single-grid {padding-top:28px;} .sub-search-result .sub-search-result-content .content-slot .html-slot-container, .sub-search-result .sub-search-result-content .content-slot .content-asset {margin-bottom:30px;} .sub-search-result .sub-search-result-content .search-result-items, .search-result-content.keyword-search .sub-search-result .search-result-items {padding-top:0;} .sub-search-result-top {z-index:3; border-bottom:1px solid #f2f2f2; border-top:1px solid #f2f2f2; padding:0; top:0; left:0; width:100%; background:#fff;} .search-result-content.keyword-search .sub-search-result-top {opacity:0;} .sub-search-result-top .sub-search-result-top-inner {width:721px; margin:auto;} .sub-search-result-top .sub-search-result-top-inner .headline .search-phrase, .main-content .keyword-search .page-title .search-phrase {color:#8D9D9A;} .sub-search-result-top .headline {position:relative; z-index:5;} .sub-search-result-top .headline .title, .sub-search-result-top .sub-nav-link {display:block !important; width:325px; float:left; padding:10px 0 0 26px; margin:0 0 20px; font-size:28px; line-height:45px; height:45px; overflow:hidden; text-transform:uppercase; font-family:'Rama Gothic E SemiBold', sans-serif; background:url(../images/bg_underline_grey_50.png) no-repeat 26px bottom transparent; cursor:pointer;} .sub-search-result-top .headline .title#sub-nav-phrase {cursor:auto;} .sub-search-result-top .headline .sorting {float:right; margin:0 100px 0 0;} .sub-search-result-top .headline .refinements-toggle-container {display:none; float:right; width:auto; padding:19px 0 19px 15px;} .sub-search-result-top .headline .refinements-toggle {width:auto; width:30px; height:30px; text-indent:-9999em; display:block; padding:0; background-image:url(../images/bg_icon_filter.png); background-repeat:no-repeat; background-position:10px -40px;} .sub-search-result-top .headline .refinements-toggle:hover {background-position:10px 10px;} .sub-search-result-top .headline .refinements-toggle.expanded {background-color:#373f3e; border-color:#373f3e; background-position:10px 10px;} .sub-search-result-top .headline .refinements-toggle.expanded:hover {background-color:#fff; border-color:#9b9f9e; background-position:10px -40px;} .sub-search-result-top .headline .additional-info-toggle-container {border-right:1px solid #f2f2f2; position:relative; z-index:15; float:right; width:auto; margin-right:0;} .sub-search-result-top .headline .additional-info-toggle {display:none; margin:29px 15px 30px 15px; width:15px; height:15px; border:1px solid #9b9f9e; background:url(../images/bg_icon_collapse.png) no-repeat 3px 3px #fff; text-indent:-9999em; cursor:pointer; -moz-transition:background-color 0.2s, border-color 0.2s, color 0.2s; -webkit-transition:background-color 0.2s, border-color 0.2s, color 0.2s; -o-transition:background-color 0.2s, border-color 0.2s, color 0.2s; transition:background-color 0.2s, border-color 0.2s, color 0.2s; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;} .sub-search-result-top .headline .additional-info-toggle:hover {background-position:3px -47px; background-color:#373f3e; border-color:#373f3e;} .sub-search-result-top .headline .additional-info-toggle.expanded {background-color:#373f3e; border-color:#373f3e; background-position:3px -147px; } .sub-search-result-top .headline .additional-info-toggle.expanded:hover {background-color:#fff; border-color:#9b9f9e; background-position:3px -97px;} .sub-search-result-top .headline .category-description {float:left; width:249px; padding-left:26px; height:54px; margin:11px 0; overflow:hidden;} .sub-search-result-top .headline .category-description-inner {display:table-cell; height:54px; line-height:18px; width:305px; vertical-align:middle;} .sub-search-result-top .refinements-content {top:76px; left:0; width:100%;} .additional-info-content {position:absolute; z-index:6; background:#373f3e; color:#fff; opacity:0; display:none; top:76px; left:0;} .additional-info-content-inner {position:relative;margin:0 auto; padding:0; width:721px; min-height:52px;} .additional-info-content .close {position:absolute; right:15px; top:10px; z-index:1; background: url("../images/bg_overlay_close.png") no-repeat 10px -40px transparent; height:30px; min-height:30px; width:30px; border:1px solid #fff; margin:0; text-indent:-9999em; padding:0;} .additional-info-content .close:hover {border-color:#fff; background-color:#fff; background-position:10px 10px;} .additional-info-content .col-left {float:left; width:274px; text-align:center; padding:40px 0 0 26px;} .additional-info-content .col-left .subheadline {color:#b2c4c1; text-transform:uppercase; font-style:italic; font-size:16px; padding:0 0 5px 0; font-family:'HelveticaNeueConds', sans-serif;} .additional-info-content .col-left .page-title {font-family: 'Rama Gothic E Light', sans-serif; background-image:url(../images/bg_underline_white_70.png); padding-top:0; padding-bottom:20px; margin-bottom:20px;} .additional-info-content .col-right {float:right; width:395px; overflow:hidden;} .additional-info-content .col-right img {display:block;} .additional-info-content-inner .arrow {position:absolute; left:299px; top:0; z-index:1; width:60px; height:20px; background: url(../images/bg_refinements_arrow.png) no-repeat 0 0 transparent;} /* .sub-search-result-top.fixed .additional-info-content-inner {width:970px;} .sub-search-result-top.fixed .additional-info-content .close {right:35px;} .sub-search-result-top.fixed .additional-info-content .col-left {padding-left:0;} .sub-search-result-top.fixed .additional-info-content .col-right {width:670px;} .sub-search-result-top.fixed .additional-info-content-inner .arrow {left:293px;} */ .sub-search-result-top.fixed .additional-info-content {left: 269px;} .sub-search-result-top .category-sub-navigation {opacity:0; display:none; position:absolute; left:-1px; top:76px; z-index:3; background:#fff; width:672px; border:1px solid #f2f2f2; border-top:0 none; padding:0;} .sub-search-result-top .category-sub-navigation .sub-nav-link {float:none; width:auto; height:auto; padding:0 25px 10px 25px; margin:0; background:transparent; text-transform:none; font-size:13px; line-height:15px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:normal;} .sub-search-result-top .category-sub-navigation .sub-nav-link .cat-name {display:inline; text-transform:uppercase; font-size:15px; line-height:18px; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .sub-search-result-top .category-sub-navigation .sub-nav-link .cat-name:hover {text-decoration:underline;} .sub-search-result-top .category-sub-navigation .sub-nav-link .cat-description {color:#999; padding:5px 0 0 0;} .sub-search-result-top.fixed.hide-buttons .category-sub-navigation {top:75px;} #search-result-content {position:relative;} .search-result-content-split-page .split-page-content-slot {text-align:center;} .search-result-content-split-page .split-page-content-slot .html-slot-container {display:inline-block;text-align:left;} .search-result-content-split-page .split-page-content-slot .html-slot-container .col-left, .search-result-content-split-page .split-page-content-slot .html-slot-container .col-right {float:left;overflow:hidden;} .refinement ul {list-style:none outside none;margin:0;padding:8px 7px 5px;} .refinement li {padding:3px 2px 5px 5px;} .refinements-content .clearfilters {float: right; padding: 10px 15px 0 0;} .refinements-content .inner {padding:0 0 26px 0;} .refinements-content .content-container {margin:0;} .refinements-content .controls {padding:0 18px;} .refinements-content .controls .sorting {float:left; width:auto;} .refinements-content .controls .sorting label {display:none;} .refinements-content .controls .button {display:block; float:right; background:transparent; color:#37403f;} .refinements-content .controls .button:hover {display:block; float:right; background:#37403f; color:#fff;} .refinements-content .refinement {font-family:'HelveticaNeueConds', sans-serif; text-transform:uppercase;} .refinements-content .refinement ul {padding:0; list-style:none outside none; margin:0; max-height:162px;} .refinements-content .refinement ul li {padding:0; margin:9px 0;} .refinements-content .refinement .refinement-link {padding:0 0 0 19px; font-size:14px; line-height:18px; background:url(../images/bg_refinement_check.png) no-repeat 0 3px transparent;} .refinements-content .refinement .inactive .refinement-link {background-position:-999em -999em;} .refinements-content .refinement .selected .refinement-link {color:#373f3e; font-weight:bold; background-position:0 -97px;} .refinements-content .refinement .refinement-headline {text-transform:uppercase; margin:0; padding:0 0 10px 0; font-size:16px; line-height:18px; font-weight:bold;} .refinements-content {position:absolute; z-index:2; background:#f2f2f2; opacity:0; filter:alpha(opacity=0);} .refinements-content .inner {margin:auto; width:1006px; background:url(../images/bg_refinements_arrow.png) no-repeat right 0 transparent;} .sticky-supported .refinements-content .inner {background-image:url(../images/bg_refinements_arrow_small.png);} .refinements-content .refinement-link {background:url("../images/interface/icon-refine-link-check.png") no-repeat scroll left top transparent;border:0 none;padding:0 0 0 1.5em;} .refinements-content .selected .refinement-link {background-position:left bottom;} .refinements-content .refinement {float:left; width:16%; padding:35px 2% 0 0; margin:0 0 26px 2%; background:url(../images/bg_separator_dashed_horizontal.png) no-repeat right bottom; } .refinements-content .refinement.last-in-row {background:transparent; padding-right:0;} .refinements-content .refinement .swatches {margin:0; padding:0; list-style:none; position:relative;} .refinements-content .refinement .swatches li {float:left; width:auto; margin:2px 7px 6px 0;} .refinements-content .refinement .swatches li .refinement-link {display:block; text-transform:uppercase; text-align:center; min-width:24px; height:22px; line-height:22px; font-size:16px; padding:4px 3px; border:1px solid #b1c4c2; background:transparent; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} .refinements-content .refinement .swatches li .refinement-link:hover {color:#b2c4c1; background-color:#373f3e; border-color:#373f3e; text-decoration:none;} .refinements-content .refinement .swatches li.selected .refinement-link {color:#fff; background-color:#373f3e; border-color:#373f3e; text-decoration:none;} .refinements-content .refinement .swatches li.selected .refinement-link:hover {color:#b2c4c1;} .refinements-content .refinement .swatches li.unselectable .refinement-link {opacity:0.5; filter:alpha(opacity = 50); cursor:default; } .refinements-content .refinement .swatches li.unselectable .refinement-link:hover {color:#8d9d9a; background-color:transparent; border-color:#b1c4c2;} .refinements-content .refinement .swatches.refinementColor li .refinement-link {text-indent:-9999em; width:32px; height:32px; padding:0; background:#b2c4c1; border:0 none;} .refinements-content .refinement .swatches.refinementColor li .refinement-link .link-inner {display:block; height:32px;} .refinements-content .refinement .swatches.refinementColor li.selected .refinement-link .link-inner {background-image:url(../images/bg_refinement_check.png); background-position:15px -185px; background-repeat:no-repeat;} .refinements-content .refinement .swatches.refinementColor li.selected .refinement-link.white .link-inner {background-image:url(../images/bg_refinement_check.png); background-position:15px 15px; background-repeat:no-repeat;} .refinements-content .refinement .swatches.refinementColor li.inactive .refinement-link {opacity:0.5; filter:alpha(opacity = 50);} .refinements-content .refinement .swatches.refinementColor li.inactive .refinement-link:hover {opacity:1; filter:alpha(opacity = 100);} .refinements-content .refinement .swatches.refinementColor li .refinement-link.green {background:#4b9837;} .refinements-content .refinement .swatches.refinementColor li .refinement-link.purple {background:#735da8;} .refinements-content .refinement .swatches.refinementColor li .refinement-link.pink {background:#dd768b;} .refinements-content .refinement .swatches.refinementColor li .refinement-link.red {background:#c0232e;} .refinements-content .refinement .swatches.refinementColor li .refinement-link.grey {background:#7d726e;} .refinements-content .refinement .swatches.refinementColor li .refinement-link.brown {background:#b28647;} .refinements-content .refinement .swatches.refinementColor li .refinement-link.beige {background:#c6b598;} .refinements-content .refinement .swatches.refinementColor li .refinement-link.black {background:#000000;} .refinements-content .refinement .swatches.refinementColor li .refinement-link.yellow {background:#f0d04e;} .refinements-content .refinement .swatches.refinementColor li .refinement-link.white {background:#ffffff;} .refinements-content .refinement .swatches.refinementColor li .refinement-link.orange {background:#ea992f;} .refinements-content .refinement .swatches.refinementColor li .refinement-link.blue {background:#4558ac;} .refinements-content .refinement .swatches.refinementColor li .refinement-link.multi {background:url(../images/bg_color_multi.png) no-repeat 0 0 #b2c4c1;} .refinements-content .refinement .price .slider-container {margin: 10px;} .refinements-content .refinement .price .slider-container .labels {margin-bottom: 15px;} .refinements-content .refinement .price .slider-container .label.price-min, .refinements-content .refinement .price .slider-container .label.price-max {display: inline-block;text-align: center;min-width: 30px;height: 18px;line-height: 18px;padding: 4px 3px;border: 1px solid #b1c4c2;background: transparent;font-family: 'HelveticaNeueConds', sans-serif;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;} .refinements-content .refinement .price .slider-container .label.price-min {float: left;} .refinements-content .refinement .price .slider-container .label.price-max {float: right;} .refinements-content .refinement .price .price-refinement-slider.ui-widget {height: 5px; border: none; background: #b2c4c1; color: #b2c4c1;} .refinements-content .refinement .price .price-refinement-slider.ui-widget .ui-corner-all {border-radius: 5px;} .refinements-content .refinement .price .price-refinement-slider.ui-widget .ui-slider-range {background: #7a8b89; color: #7a8b89;} .refinements-content .refinement .price .price-refinement-slider.ui-widget .ui-slider-handle {width:15px; height:15px; border-radius: 15px; margin-top: -1px; border: none;} .refinements-content .refinement .price .price-refinement-slider.ui-widget .ui-slider-handle.ui-state-default {background: #424c4b; color: #424c4b;} .refinements-content .refinement .price .price-refinement-slider.ui-widget .ui-slider-handle.ui-state-hover {background: #7a8b89; color: #7a8b89;} .refinements-content .refinement .price .price-refinement-slider.ui-widget .ui-slider-handle.ui-state-active {background: #7a8b89; color: #7a8b89;} .search-result-options {float:right; width:auto; color:#373f3e;} .search-result-options .selects-container {float:left; width:auto; padding:9px 0 0 0;} .search-result-options .selects-container .sort-by label {display:none;} .search-result-options .selects-container .sort-by .selector {float:right;} .search-result-options .refinements-toggle-container {float:left; padding:10px 15px 10px 15px; margin:0 0 0 15px; border-left:1px solid #8c9d9a; border-right:1px solid #8c9d9a; position:relative; z-index:5; background-color:rgba(255, 255, 255, 0.25);} .search-result-options .refinements-toggle-container .label {margin-right: 10px; padding: 6px; font-weight: bold; color: #fff; float: left;} .search-result-options .refinements-toggle-container .button{float: left;} .search-result-options .refinements-toggle {width:auto; width:30px; height:30px; text-indent:-9999em; display:block; padding:0; border-color:#8b9e9c; background-color:transparent; background-image:url(../images/bg_icon_filter.png); background-repeat:no-repeat; background-position:10px -90px;} .search-result-options .refinements-toggle.expanded {background-color:#fff; border-color:#fff; background-position:10px -40px;} .search-result-options .refinements-toggle:hover, .search-result-options .refinements-toggle.expanded:hover {background-color:#8c9d9a; border-color:#8c9d9a; background-position:10px 10px;} .search-result-options .refinements-content {position:absolute; top:49px; left:0; width:100%; min-width:1010px; z-index:6; overflow:hidden;} .search-result-options .refinements-content .inner {margin:auto; width:1006px; background-image:url(../images/bg_refinements_arrow_bright.png);} .search-result-options .refinements-content .inner .content-container {margin-left:0;} .search-result-options .selector {background:transparent; border-color:#8b9e9c; width:139px!important; font-weight:bold;} .search-result-options .selector span , .search-result-options .selector.focus span{color:#fff; background-color:transparent; background-position:right -150px; width:99px!important;} .search-result-options .selector:hover span, .search-result-options .selector.hover span, .search-result-options .selector.focus span {background-position: right -200px!important;} .search-result-options select {width:160px;} .sub-search-result-top.fixed {position:fixed; z-index:4; border-top:0 none; background-color:#fff;} .sub-search-result-top.fixed.hide-buttons {border-bottom:0;} .sub-search-result-top.fixed .sub-search-result-top-inner {padding:0 20px 0 269px; position: relative;} .sub-search-result-top.fixed.hide-buttons .headline .toggle, .sub-search-result-top.fixed.hide-buttons .headline .refinements-toggle-container, .sub-search-result-top.fixed.hide-buttons .headline .back-to-top-wrapper {display:none;} .sub-search-result-top.fixed .headline {border-left:1px solid #f2f2f2; background-color:#fff;} .sub-search-result-top.fixed.hide-buttons .headline {border-bottom:1px solid #f2f2f2;} .sub-search-result-top.fixed .headline .title {padding-left:25px; background-position:25px bottom;} .sub-search-result-top.fixed .headline .back-to-top-wrapper {display:block;} .sub-search-result-top.fixed .headline .refinements-toggle-container {display:block;} .sub-search-result-top .headline .refinements-toggle-container div.selector {max-width: 75px !important;} .sub-search-result-top.hide-buttons .headline .additional-info-toggle-container {margin-right:47px;} .sub-search-result-top.sticky-supported .refinements-content .inner {width:100%;} #secondary .category-refinement {margin: 11px 0 0 0;} #secondary .category-refinement.fixed {position:fixed; width:223px; border:0 none;} #secondary #category-navigation .refinement ul {max-height: none;} #secondary #category-navigation .content-block {margin: 0 10px 30px 15px; position: relative; font-family: 'Rama Gothic E Light', sans-serif;} .active-search-refinements-container {top:0; left:0; opacity:0; display:none; width:100%; z-index:5; background:#f2f2f2; margin-top:-1px;} .active-search-refinements-container.absolute {position:absolute;} .active-search-refinements-container.fixed {position:fixed;} .active-search-refinements-container-inner {margin:auto; padding:0 26px; background:url(../images/bg_refinements_arrow.png) no-repeat right 0 transparent;} .active-search-refinements-container .content-container {margin:0;} .active-search-refinements-container td.list {padding:20px 26px 10px 0; vertical-align:middle;} .active-search-refinements-container td.actions {padding:20px 0 20px 0; border-left:1px solid #dee1e0; width:1px; white-space:nowrap;vertical-align:middle;} .active-search-refinements-container td.actions .active-refinements-edit-link, .active-search-refinements-container td.actions .refinement-relax-link {cursor:pointer; display:inline; display:inline-block; line-height:32px; padding:0 0 0 26px; font-size:14px; font-family:'HelveticaNeueConds', sans-serif; color:#8d9d9a; text-decoration:none;} .active-search-refinements-container td.actions .active-refinements-edit-link:hover, .active-search-refinements-container td.actions .refinement-relax-link:hover {text-decoration:underline;} .active-search-refinements {list-style-type:none; margin:0; padding:0; overflow:hidden;} .active-search-refinements li {float:left; width:auto; margin:0 10px 10px 0;} .active-search-refinements li .refinement-relax-link {display:block; height:32px; line-height:32px; padding:0 28px 0 10px; color:#fff; font-size:14px; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold; background: url("../images/bg_refinements_relaxlink.png") no-repeat right 12px #b2c4c1; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} .active-search-refinements li .refinement-relax-link:hover {text-decoration:none; background-color:#8d9d9a;} #active-search-refinements-container_main {position:relative; opacity:1; display:block;} #active-search-refinements-container_main .active-search-refinements-container-inner {width:970px; padding:0 18px; background:url(../images/bg_refinements_arrow_dark.png) no-repeat right 0 transparent;} #active-search-refinements-container_main .content-container {margin-left:0;} #active-search-refinements-container_fixed .active-search-refinements-container-inner {width:970px; padding:0 20px 0 20px; margin:0 auto;} #active-search-refinements-container_fixed.sticky-supported .active-search-refinements-container-inner {width:668px; padding:0 26px; background:transparent;} .pt_product-search-result .primary-content.splitpage {width:100%;} .search-result-content-split-page .split-page-title {float:left; width:auto; padding:10px 0 0 33px; margin:0 26px 0 0; font-size:28px; line-height:45px; height:45px; overflow:hidden; text-transform: uppercase; font-family:'Rama Gothic E SemiBold', sans-serif; background:url(../images/bg_underline_grey_50.png) no-repeat 33px bottom transparent; position:relative;} .search-result-content-split-page .split-page-title a {color:#373f3e; text-decoration:none;} .search-result-content-split-page .split-page-title a:hover {text-decoration:none;} .search-result-content-split-page .anchor-container {float:left; width:auto; padding:24px 0 0 0; text-transform: uppercase; font-size:20px; line-height:20px; font-family:'Rama Gothic E SemiBold', sans-serif; position:relative;} .search-result-content-split-page .anchor-container .anchor-label {display:inline-block; margin-right:22px;} .search-result-content-split-page .anchor-container a {color:#e36519; display:inline-block; margin-right:22px;} .search-result-content-split-page .anchor-container a:last-child {margin-right:0;} .search-result-content-split-page .split-page-result.left {width:472px; float:left;} .search-result-content-split-page .split-page-result.right {width:472px; float:right; padding-left:26px; background:url(../images/bg_splitpage_separator.png) repeat-y 11px top transparent;} .search-result-content-split-page .sub-search-result {margin:26px 0 0 0;} .search-result-content-split-page .sub-search-result .search-result-items.single-grid {padding-top:0; width:498px;} #product-filter .refinements-content {margin: 0 10px 30px 15px; position: relative; opacity: 1; filter: alpha(opacity=100);} #product-filter .refinements-content .inner {width: auto; background: none; padding: 20px 15px;} #product-filter .refinements-content .refinement {float: none; clear: both; height: auto !important; width: auto; margin: 0 0 20px; padding: 0; background: none;} #product-filter .refinements-content .refinement:last-child {margin-bottom: 0;} /* no search results in refined search */ #primary .no-hits-message{padding-top: 28px; text-align:center; min-height:24px; font-size:20px; line-height:24px; text-transform:uppercase; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} /* product finder */ .pt_product-search-result #main .productfinder-wrapper .main-content-inner {min-height: 313px; z-index: 1; background: transparent url(../images/productfinder/bg_productfinder-wrapper.png) no-repeat -15px 0; max-width: 1105px; background-color: transparent; height: 100%;position: relative;} .productfinder-wrapper .main-content-inner .productfinder {position: relative;} .productfinder-slot {background-color: #42514f; text-align: center;} .productfinder-slot .video-container {position: relative;padding-bottom: 18.25%;padding-top: 30px; height: 0; overflow: hidden;} .productfinder-slot .video-container iframe, .productfinder-slot .video-container object, .productfinder-slot .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .productfinder-wrapper {min-width: 1010px; min-height: 313px; background: #42514f url(../images/productfinder/bg_productfinder_raster.png) top left repeat; color: #fff;position: relative;overflow: hidden;-webkit-box-shadow: inset -1px 10px 31px 0 rgba(0, 0, 0, 0.5);-moz-box-shadow: inset -1px 10px 31px 0 rgba(0, 0, 0, 0.5);box-shadow: inset -1px 10px 31px 0 rgba(0, 0, 0, 0.5);} .productfinder-wrapper:after {z-index: 0; content: ""; height: 510px; position: absolute;top: 0;width: 10%;padding: 2.5em;background: #74a29b;left: 0;;} .productfinder-wrapper:before {content: "";position: absolute;width: 100%;background: #000;right: 0; bottom: 0; height: 55px; z-index: 0;-webkit-box-shadow: 0 -10px 31px 0 rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 -10px 31px 0 rgba(0, 0, 0, 0.5);box-shadow: 0 -10px 31px 0 rgba(0, 0, 0, 0.5);} .productfinder .productfinder-inner {padding-top: 45px; position: relative; z-index: 1;} .productfinder .productfinder-inner .switch {text-align: center; float: left;width: 220px;} .productfinder .productfinder-inner .switch .switch-content {width: 180px;} .productfinder .productfinder-inner .switch h1 {margin: 0;color: #ceffe4; text-transform: uppercase; font-size: 22px; font-family: 'Rama Gothic E SemiBold', sans-serif;} .productfinder .productfinder-inner .buttons {padding-top: 10px;} .productfinder .productfinder-inner .buttons span:hover {cursor: pointer;} .productfinder .productfinder-inner .buttons .divider {display: inline; font-size: 19px; color: #fff; font-weight: bold;font-family: 'HelveticaNeueConds', sans-serif;padding: 0 5px;} .productfinder .productfinder-inner .buttons span {color: #fff;text-transform: uppercase;text-align: center;min-width: 24px;height: 22px;line-height: 22px;font-size: 16px;padding: 7px 11px;background: transparent;font-family: 'HelveticaNeueConds', sans-serif;font-weight: bold;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;} .productfinder .productfinder-inner .buttons span:hover {background-color: #373f3e;border-color: #373f3e;text-decoration: none;} .productfinder .productfinder-inner .buttons span a {display:none;} .productfinder .productfinder-inner .buttons .active {border: 1px solid #b1c4c2;} .productfinder .productfinder-inner .animation {min-height: 200px;} .productfinder .productfinder-inner .animation .image {float: left;} .productfinder .productfinder-inner .animation .image a {display: block;} .productfinder .productfinder-inner .animation .image img {max-height: 200px; max-width: 160px;} .productfinder .productfinder-inner .finders {float: right; visibility: hidden;} .productfinder .productfinder-inner .finders ul {margin: 0; width: 100%; display: table;} .productfinder .productfinder-inner .finders .finder { display: table-cell; text-align: center; list-style: none; width: auto; background: -moz-radial-gradient(152px center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255,255,255,0) 60%); /* FF3.6+ */ background: -webkit-gradient(radial, 152px center, 0, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(0%, rgba(0, 255, 170, 0.1)), color-stop(60%, rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(152px center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255,255,255,0) 60%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(152px center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255,255,255,0) 60%); /* Opera 12+ */ background: -ms-radial-gradient(152px center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255,255,255,0) 60%); /* IE10+ */ background: radial-gradient(at 152px center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255,255,255,0) 60%); /* W3C */ } .productfinder .productfinder-inner .finders .finder.first { background: -moz-radial-gradient(center center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255,255,255,0) 60%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(0%, rgba(0, 255, 170, 0.1)), color-stop(60%, rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255,255,255,0) 60%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255,255,255,0) 60%); /* Opera 12+ */ background: -ms-radial-gradient(center center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255,255,255,0) 60%); /* IE10+ */ background: radial-gradient(at center center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255,255,255,0) 60%); /* W3C */ } .productfinder .productfinder-inner .finders .finder.last .configurator {margin-right: 0;} .productfinder .productfinder-inner .finders .finder .headline {background-repeat: no-repeat; background-position: 92% center; padding: 12px 20px 14px 20px; border: 1px solid #fff;font-size: 20px; color: #fff; text-transform: uppercase;font-family:'Rama Gothic E SemiBold', sans-serif;} .productfinder .productfinder-inner .finders .finder .headline.extended {padding-right: 57px;} .productfinder .productfinder-inner .finders .finder.deactivated {opacity: 0.5; filter:alpha(opacity=50);} .productfinder .productfinder-inner .finders .finder.deactivated .noUi-connect {background: none;} .productfinder .productfinder-inner .finders .finder.finder-1 {padding-left: 3px;} .productfinder .productfinder-inner .finders .finder .configurator {margin: 0 auto; width: 221px; position: relative; margin-top: 20px; min-height: 132px;} .productfinder .productfinder-inner .finders .finder .configurator.extended {width: 279px;} .productfinder .productfinder-inner .finders .finder .configurator .values {display: inline-block; width: 100%; position: relative; z-index: 4;} .productfinder .productfinder-inner .finders .finder .configurator .value {position: relative; height: 46px; color: #fff; display: inline-block; width: 32%; line-height: 9px;font-size: 14px;text-transform: uppercase;font-family:'Rama Gothic E SemiBold', sans-serif;} .productfinder .productfinder-inner .finders .finder .configurator .value.unselectable {color: #959E9D;} .productfinder .productfinder-inner .finders .finder .configurator .value a {display: none;} .productfinder .productfinder-inner .finders .finder .configurator .value:hover {cursor: pointer;} .productfinder .productfinder-inner .finders .finder .configurator .value.unselectable:hover {cursor: default;} .productfinder .productfinder-inner .finders .finder .configurator .value:before {position: absolute; top: 2px; right: 0; content: ""; display: block; width: 1px; height: 5px; border-right: 1px solid #fff;} .productfinder .productfinder-inner .finders .finder .configurator .value.last:before {width: 0; height: 0; border: none;} .productfinder .productfinder-inner .finders .finder .configurator .value.selected {color: #ff3d09;} .productfinder .productfinder-inner .finders .finder .configurator.extended .values {width: 100%;} .productfinder .productfinder-inner .finders .finder .configurator.extended .values .value {width: 24%;} .productfinder .productfinder-inner .finders .finder .configurator.extended .values .value.first {width: 22%;} .productfinder .productfinder-inner .finders .finder .configurator.extended .values .value.first {opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";} .productfinder .productfinder-inner .finders .finder .configurator .images {position: relative; height: 85px;} .productfinder .productfinder-inner .finders .finder .configurator .image {position: absolute; top: 0;left: 0;width: 100%;z-index: 1;opacity: 0;filter:alpha(opacity=0);} .productfinder .productfinder-inner .finders .finder .configurator .image.stage {opacity: 1;filter:alpha(opacity=100);} .productfinder .productfinder-inner .finders .finder .configurator .labels {padding: 0 5px 0 9px;} .productfinder .productfinder-inner .finders .finder .configurator .labels .label {text-align: center; float: left;display: block;font-size: 14px;text-transform: uppercase;font-family:'Rama Gothic E SemiBold', sans-serif; letter-spacing: 1px;} .productfinder .productfinder-inner .finders .finder .configurator .labels.unselectable .zero span {opacity: 0; filter:alpha(opacity=0); visibility: hidden;} .productfinder .productfinder-inner .finders .finder .configurator .labels.zero-active .zero span {color: #ff3d09;} .productfinder .productfinder-inner .finders .finder .configurator .labels {position: absolute; bottom: 5px;} .productfinder .productfinder-inner .finders .finder .configurator .tech {width: 209px; padding-left: 3px;} .productfinder .productfinder-inner .finders .finder .configurator .tech span {text-align: center;} .productfinder .productfinder-inner .finders .finder .configurator .zero {width: 50px;} .productfinder .productfinder-inner .finders .finder .configurator .zero-active .tech span {color: #42514f;} .productfinder .productfinder-inner .finders .finder .configurator span {color: #42514f;} /*define the widths of the controls bars*/ .productfinder .productfinder-inner .finders .finder .configurator .control-ctr {width: 100%; text-align: left;z-index: 1;} .productfinder .productfinder-inner .finders .finder .configurator .control-ctr {position: absolute; bottom: 4px;} .productfinder .productfinder-inner .finders .finder .configurator .productfinder-control {height: 0; z-index: 11; bottom: 5px;} .productfinder .productfinder-inner .finders .finder .configurator .productfinder-control:hover {cursor: pointer;} .productfinder .productfinder-inner .finders .finder .configurator .noUi-handle {position: absolute; bottom: 0; width:21px; height: 15px; left: -10px; background: transparent url(../images/productfinder/productfinder_slider_control.png) 0 0 no-repeat;} .productfinder .productfinder-inner .finders .finder .configurator.normal .noUi-horizontal.noUi-extended {padding-right: 68px;} .productfinder .productfinder-inner .finders .finder .configurator .noUi-horizontal.noUi-extended {padding-right: 68px;} .productfinder .productfinder-inner .finders .finder .configurator .noUi-horizontal.noUi-extended .noUi-handle {left: 25px;} .productfinder .productfinder-inner .finders .finder .configurator .noUi-horizontal.noUi-extended .noUi-origin {right: -68px; height: 0;} .productfinder .productfinder-inner .finders .finder .configurator.extended .control-ctr {height: 56px;} .productfinder .productfinder-inner .finders .finder .configurator.normal .noUi-horizontal.noUi-extended .noUi-handle {left: 30px;} .productfinder .productfinder-inner .finders .finder .normal .noUi-horizontal {width: 94%;} .productfinder .productfinder-inner .finders .finder .normal .limit-2.noUi-horizontal {width: 63%;} .productfinder .productfinder-inner .finders .finder .normal .limit-1.noUi-horizontal {width: 0;} .productfinder .productfinder-inner .finders .finder .extended .zero-unselectable.noUi-horizontal {width: 72%; left: 72px;} .productfinder .productfinder-inner .finders .finder .extended .zero-unselectable.limit-2.noUi-horizontal {width: 50%;} .productfinder .productfinder-inner .finders .finder .extended .zero-unselectable.limit-1.noUi-horizontal {width: 25%;} .productfinder .productfinder-inner .finders .finder .extended .zero-selectable.noUi-horizontal {width: 99%;} .productfinder .productfinder-inner .finders .finder .extended .zero-selectable.limit-2.noUi-horizontal {width: 73%;} .productfinder .productfinder-inner .finders .finder .extended .zero-selectable.limit-1.noUi-horizontal {width: 48%;} .productfinder .productfinder-inner .finders .finder .extended .zero-selectable.limit-0.noUi-horizontal {width: 0;} /*set classes and bg-positions for slider backgrounds*/ .productfinder .productfinder-inner .finders .finder .configurator .control-ctr {height: 56px; background-image: url(../images/productfinder/bg_configurator_sprite.png); background-repeat: no-repeat; background-position: 0 -2456px;} .productfinder .productfinder-inner .finders .finder .configurator .control-ctr.limit-1 {background-position: 0 -2005px;} .productfinder .productfinder-inner .finders .finder .configurator .control-ctr.limit-2 {background-position: 0 -2231px;} .productfinder .productfinder-inner .finders .finder.deactivated .configurator .control-ctr {background-position: 0 -1779px;} /*extended slider backgrounds*/ .productfinder .productfinder-inner .finders .finder .configurator.extended .control-ctr {background-position: 0 -875px;} .productfinder .productfinder-inner .finders .finder.deactivated .configurator.extended .control-ctr {background-position: 0 29px;} .productfinder .productfinder-inner .finders .finder .configurator.extended .control-ctr.limit-0 {background-position: 0 -197px;} .productfinder .productfinder-inner .finders .finder .configurator.extended .control-ctr.limit-1 {background-position: 0 -423px;} .productfinder .productfinder-inner .finders .finder .configurator.extended .control-ctr.limit-2 {background-position: 0 -649px;} .productfinder .productfinder-inner .finders .finder .configurator.extended .zero-unselectable.limit-1 {background-position: 0 -1101px;} .productfinder .productfinder-inner .finders .finder .configurator.extended .zero-unselectable.limit-2 {background-position: 0 -1327px;} .productfinder .productfinder-inner .finders .finder .configurator.extended .zero-unselectable.limit-3 {background-position: 0 -1553px;} /*productfinder refinements*/ .productfinder-wrapper .productfinder .refinements-content {min-width: 760px; max-width: 910px; width: 80%;height: 35px;position: absolute; z-index: 3; opacity: 1; filter:alpha(opacity=100); background-color: transparent; right: 0; bottom: -3px;} .productfinder-wrapper .productfinder .refinements-content .refinement .swatches {background-color: #000;} .productfinder-wrapper .productfinder .refinements-content .refinement .swatches li {margin: 0 7px 7px 0;} .productfinder-wrapper .productfinder .refinements-content .refinement .refinementColor li.last {margin-right: 0;} .productfinder-wrapper .productfinder .refinements-content .refinement {float: none; position: absolute; height: 35px; overflow: hidden; visibility: hidden; width: auto; background-image: none; padding: 0 0 0 0; margin: 0;} .productfinder-wrapper .productfinder .refinements-content .refinement.size {padding-right: 20px; left: 0;} .productfinder-wrapper .productfinder .refinements-content .refinement.refinementColor {right: 0;} .productfinder-wrapper .productfinder .refinements-content .refinement .swatches {float: left;} .productfinder-wrapper .productfinder .refinements-content .refinement .size-refinement {padding-right: 0;} .productfinder-wrapper .productfinder .refinements-content .refinement .refinement-headline {color: #888888; float: left; padding: 10px 30px 0 0;} .productfinder-wrapper .productfinder .refinements-content .refinement .toggle-trigger {background-color: #000; float: left;display: block;text-transform: uppercase; text-align: center; min-width: 24px; height: 22px; line-height: 22px; font-size: 16px; padding: 4px 3px; border: 1px solid #b1c4c2; font-family: 'HelveticaNeueConds', sans-serif;font-weight: bold;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;} .productfinder-wrapper .productfinder .refinements-content .refinement .toggle-trigger:hover {cursor: pointer;color: #b2c4c1;background-color: #373f3e;border-color: #373f3e;text-decoration: none;} .productfinder-wrapper .productfinder .refinements-content .refinement.active {height: auto; overflow: visible; background-color: #000; -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 1); -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 1); box-shadow: 0 0 10px 2px rgba(0, 0, 0, 1);} .productfinder-wrapper .productfinder .refinements-content .refinement.active ul {background-color: #000;} .productfinder-wrapper .productfinder .refinements-content .refinement.active .toggle-trigger {float: right;} .productfinder-wrapper .productfinder .refinements-content .refinement.shadow ul {top: -7px; padding-left: 7px;-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 1); -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 1);box-shadow: 0 0 12px 0 rgba(0, 0, 0, 1);} .productfinder-wrapper .productfinder .refinements-content .refinement.shadow ul li {border-top: 7px #000 solid; margin-top: 0;} .productfinder-wrapper .productfinder .refinements-content .refinement .swatches.refinementColor li .refinement-link {border: 1px solid #b1c4c2;} /*ie8*/ .ie8 .productfinder-wrapper:after {background-color: transparent;} .ie8 .productfinder .productfinder-inner .switch .buttons {padding-top: 10px;} .ie8 .pt_product-search-result #main .productfinder-wrapper .main-content-inner {background: none;} /* product tiles */ ul.search-result-items {margin:0; padding:25px 0 40px 0; width:747px;} .last-visited {text-align:center; width:996px; height:223px;} .last-visited .lastvisited-items {margin:0; padding:0; display:inline-block;} .grid-tile {float:left; list-style:none outside none; margin:0 26px 26px 0; padding:0; width:223px; height:320px; position:relative;} .grid-tile.has-swatches {height:385px;} .grid-tile .new-row {clear:both;} .grid-tile .invisible {display:none;} .grid-tile .triangle-container{position:relative; background-image: url("../images/bg_refinements_arrow.png"); background-repeat: no-repeat; background-size: 115% auto; top: 345px; left: 65px; height: 70px; width: 95px; z-index: 1;} .grid-tile-placeholder-inner {padding:5px; border:1px solid #f2f2f2; height:308px; line-height:308px; text-align:center; background:url(../images/tile-loader.gif) no-repeat center center #fff; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} .product-tile {position:absolute; text-align:center; width:223px; height:320px!important; background:#fff; z-index:1; left:0; top:0; overflow:hidden; -moz-transition:height 0.2s; -webkit-transition:height 0.2s; -o-transition:height 0.2s; transition:height 0.2s;} .product-tile.has-swatches {height:385px!important;} .product-tile .product-image {position:relative; height:223px;} .product-tile .product-image a {display:block;} .product-tile .product-image img {margin:auto; display:block;} .product-tile .product-image a .front {opacity:1; height:auto;} .product-tile .product-image a .back {opacity:0; height:0;} .product-tile .product-color-swatches {width:100%; text-align:center; position:relative; padding-top:6px;} .product-tile .product-color-swatches .carouselcontainer {width:138px; overflow:hidden; display:inline-block;} .product-tile .product-color-swatches ul {text-align:center; list-style:none; margin:15px 0 0; width:10000px;} .product-tile .product-color-swatches ul li {float:left; width:auto; margin:0 2px 0 2px} .product-tile .product-color-swatches .list {width:168px; overflow:hidden; display:inline-block;} .product-tile .product-color-swatches .carouselnav div {position:absolute; bottom:22px; cursor: pointer; height: 16px; text-indent: -999em; width: 16px; background:url(../images/bg_carousel_nav.png) no-repeat -999em -999em transparent;} .product-tile .product-color-swatches div.prev {background-position:-3px 2px; left:32px;} .product-tile .product-color-swatches div.prev:hover {background-position:-3px -98px;} .product-tile .product-color-swatches div.next {background-position:6px -48px; right:32px;} .product-tile .product-color-swatches div.next:hover {background-position:6px -148px;} .product-tile .product-color-swatches div.disabled {opacity:0.4; cursor:default;} .product-tile .product-color-swatches img {width:42px;} .product-tile .product-name {font-size:16px; line-height:18px; height:36px; overflow:hidden; text-transform:none; margin:25px 0 3px; padding:0 10px; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .product-tile .product-name a, .mix-match-form .productname a {color:#373f3e;} .product-tile .product-pricing {font-size:28px; line-height:32px; margin:5px 0 0 0; white-space:nowrap; font-family:'Rama Gothic E Light', sans-serif; color:#8D9D9A;} .product-tile .product-pricing .product-price {color: #8d9d9a; display: block; margin: 0;} .product-tile .product-pricing .product-price .price-standard {padding-right: 5px;} .product-tile .product-pricing .price-part1 {font-size:22px; line-height:22px; vertical-align:0; padding-right:2px;} .product-tile .product-pricing .price-part3 {font-size:18px; line-height:18px; vertical-align:5px; margin-left:-3px;} .product-tile .product-pricing .price-standard {font-size:18px; line-height:18px; vertical-align:7px; padding-left:5px;} .product-tile .product-pricing .price-standard .price-part1, .product-tile .product-pricing .price-standard .price-part3 {font-size:18px; line-height:18px; vertical-align:0; padding:0; margin:0;} .product-tile .product-buttons {display:none;} .product-tile .product-buttons .button {padding-left:4px; padding-right:4px; width:215px;} .product-tile .product-buttons .button.quickviewbutton {float:left; width:100px;} .product-tile .product-buttons .button.details {float:right; width:100px;} .product-tile.no-details-button .product-buttons .button.quickviewbutton {float:none; width:215px;} .product-tile.no-quickview-button .product-buttons .button.details {float:none; width:215px;} .product-tile .product-badges .badge {position:absolute; z-index:1; background:url(../images/bg_badges.png) no-repeat -999em -999em transparent; color:#fff; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold; text-transform:uppercase; text-align:center;} .product-tile .product-badges .badge-save {top:180px; left:45px; width:62px; height:62px; background-position:0 0;} .product-tile .product-badges .badge-save.outlet-green {background-position:0 -324px;} .product-tile .product-badges .badge-save.outlet-red {background-position:0 -212px;} .product-tile .product-badges .badge-save.outlet-black {background-position:0 -424px;} .product-tile .product-badges .badge-save .top {line-height:18px; font-size:18px; padding:18px 0 0 0;} .product-tile .product-badges .badge-save .center {line-height:18px; font-size:17px; padding:21px 0 0 0;} .product-tile .product-badges .badge-save .bottom {line-height:14px; font-size:12px;} .product-tile .product-badges .badge-new {top:180px; left:45px; width:62px; height:62px; background-position:0 -100px; line-height:62px; font-size:17px;} .product-tile .product-badges .badge-comingsoon {top:204px; left:0; width:223px;} .product-tile .product-badges .badge-comingsoon .badge-inner {border:1px dashed #9ab51a; padding:4px; display:inline-block;} .product-tile .product-badges .badge-comingsoon .badge-inner-inner {color:#fff; background:#9ab51a; padding:4px 10px; border:1px solid #869e15; font-size: 16px; line-height:18px; height:18px; overflow:hidden; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} .product-tile .product-badges .badge-lastchance {top:227px; left:0; width:223px;} .product-tile .product-badges .badge-lastchance .badge-inner {color:#e16525; font-size:12px; line-height:15px; height:15px; overflow:hidden;} .product-tile .product-badges .badge-promo {top:227px; left:0; width:223px;} .product-tile .product-badges .badge-promo .badge-inner {color:#e4ad15; font-size:12px; line-height:15px; height:15px; overflow:hidden;} .product-tile.hover { padding:20px; border:1px solid #b2c4c1; top:-21px; left:-21px; z-index:2;} .product-tile.hover.has-swatches {height:415px!important;} .product-tile.hover .product-badges .badge-save, .product-tile.hover .product-badges .badge-new {top:200px; left:65px;} .product-tile.hover .product-badges .badge-comingsoon {top:224px; left:20px;} .product-tile.hover .product-badges .badge-lastchance, .product-tile.hover .product-badges .badge-promo {top:247px; left:20px;} /* .product-tile.hover .product-buttons {display:block; margin:9px 0 0 0;} */ .product-tile.no-buttons.hover {height:320px!important;} .product-tile.no-buttons.hover.has-swatches {height:385px!important;} .grid-tile.imagesize-smallTile {width:140px; height:223px;} .product-tile.imagesize-img-140 {width:140px; height:223px!important;} .product-tile.imagesize-img-140 .product-image {height:140px;} .product-tile.imagesize-img-140 .product-name {font-size:15px; line-height:16px; height:32px; margin:15px 0 3px; padding:0} .product-tile.imagesize-img-140 .product-pricing {font-size:24px; line-height:28px; margin:5px 0 0 0;} .product-tile.imagesize-img-140 .product-pricing .price-part1 {font-size:18px; line-height:18px; vertical-align:0; padding-right:2px;} .product-tile.imagesize-img-140 .product-pricing .price-standard {font-size:16px; line-height:16px; vertical-align:5px; padding-left:4px;} .product-tile.imagesize-img-140 .product-pricing .price-standard .price-part1, .product-tile.imagesize-img-140 .product-pricing .price-standard .price-part3 {font-size:16px; line-height:16px; vertical-align:0; padding:0; margin:0;} .product-tile.imagesize-img-140 .product-buttons .button {width:140px;} .product-tile.imagesize-img-140.no-details-button .product-buttons .button.quickviewbutton {width:132px;} .product-tile.imagesize-img-140.no-quickview-button .product-buttons .button.details {width:132px;} .product-tile.imagesize-img-140 .product-badges .badge {background-image:url(../images/bg_badges_small.png);} .product-tile.imagesize-img-140 .product-badges .badge-save {top:107px; left:25px; width:46px; height:46px; background-position:0 0;} .product-tile.imagesize-img-140 .product-badges .badge-save .top {line-height:14px; font-size:14px; padding:11px 0 0 0;} .product-tile.imagesize-img-140 .product-badges .badge-save .bottom {line-height:11px; font-size:11px;} .product-tile.imagesize-img-140 .product-badges .badge-save .center {line-height:13px; font-size:13px; padding-top:17px;} .product-tile.imagesize-img-140 .product-badges .badge-new {top:107px; left:25px; width:46px; height:46px; background-position:0 -100px; line-height:46px; font-size:14px;} .product-tile.imagesize-img-140 .product-badges .badge-comingsoon {top:124px; left:0; width:140px;} .product-tile.imagesize-img-140 .product-badges .badge-comingsoon .badge-inner {padding:2px;} .product-tile.imagesize-img-140 .product-badges .badge-comingsoon .badge-inner-inner {padding:3px 7px; line-height:14px; height:14px; font-size:12px;} .product-tile.imagesize-img-140 .product-badges .badge-lastchance {top:141px; left:0; width:140px;} .product-tile.imagesize-img-140 .product-badges .badge-lastchance .badge-inner {line-height:14px; height:14px; font-size:12px;} .product-tile.imagesize-img-140 .product-badges .badge-promo {top:141px; left:0; width:140px;} .product-tile.imagesize-img-140 .product-badges .badge-promo .badge-inner {line-height:14px; height:14px; font-size:12px;} .product-tile.imagesize-img-140:hover {height:254px!important;} .product-tile.imagesize-img-140:hover .product-badges .badge-save, .product-tile.imagesize-img-140:hover .product-badges .badge-new {top:127px; left:45px;} .product-tile.imagesize-img-140:hover .product-badges .badge-comingsoon {top:144px; left:20px;} .product-tile.imagesize-img-140:hover .product-badges .badge-lastchance, .product-tile.imagesize-img-140:hover .product-badges .badge-promo {top:161px; left:20px;} .product-tile.imagesize-img-140.no-buttons:hover {height:223px!important;} /* Keywordsearch */ .pt_product-search-result #main .main-content {width:100%; padding:0;} .pt_product-search-result #main .main-content-inner {padding:0 20px; margin:auto; width:970px; background:#fff;} .pt_product-search-result .keyword-search {width:970px;} .pt_product-search-result .keyword-search ul.search-result-items {width:996px;} /* no-hits */ .no-hits {background-color:#fff; background-position:center top; background-repeat:no-repeat; height:450px; color:#fff;} .no-hits a {color:#fff; text-decoration:underline;} .no-hits a:hover {color:#fff; text-decoration:none;} .no-hits .page-title {background-image:url(../images/bg_underline_white_70.png); padding-top:50px;} .no-hits-text {width:600px; margin:0 auto 40px auto; text-align:center; min-height:24px; font-size:20px; line-height:24px; text-transform:uppercase; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .no-hits-search, .error-page-search {padding:0 0 30px 0; margin:0 auto; text-align:center; width:600px;} .no-hits-search label, .error-page-search label {display:none; padding:0 0 7px 0; text-align:center; font-size:16px; line-height:22px; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .no-hits-search .form-row, .error-page-search .form-row {margin-bottom:0;} .no-hits-search .form-row input[type="text"], .error-page-search .form-row input[type="text"] {width:505px; color:#fff; margin-left:0; padding:18px 25px 18px 70px; border:0 none; background:url(../images/bg_trans_black_60.png) repeat 0 0 transparent; text-transform:uppercase; font-size:20px; line-height:16px; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} .no-hits-search .form-row.searchfield, .error-page-search .form-row.searchfield {position:relative;} .no-hits-search .form-row.searchfield .loupe, .error-page-search .form-row.searchfield .loupe {position:absolute; z-index:1; width:24px; height:24px; top:18px; left:24px; background:url(../images/bg_icon_search.png) no-repeat center center transparent; text-indent:-9999em;} .no-hits-search .form-row-button {margin-top:50px;} .no-hits-search .form-row-button .button, .error-page-search .form-row-button .button {margin:0 auto; float:none; display:inline-block;} /* inline-block safari fix */ .error-page .content-asset {color: #fff; text-transform: uppercase; font-family: 'Rama Gothic E SemiBold', sans-serif; letter-spacing: 0.02em; line-height: 60px; font-size: 35px; text-align: center;} .error-page .content-asset a {color: #fff; text-decoration: underline;} .error-page .sphere {border-radius: 50%; display: inline-block; width: 15px; height: 15px; background-color: #fff; border-width: 2px; margin-bottom: 5px;} .error-page-search .button {color: #fff; border-color: #fff} .error-page-search .button:hover {color: #000; border-color: #000; background-color: #fff;} .pt_product-search-result .primary-content.no-hits-result {width:970px; float:none; margin:auto;} .pt_product-search-result .primary-content.no-hits-result .no-hits {margin-top:30px;} /* SEO Block */ .seo-block {display: block; background: #f2f2f2; font-size: 0.85em;} .seo-block h1 {float: none;} .seo-block .seo-top {min-height: 200px;} .seo-block .seo-top .seo-col-1, .seo-block .seo-top .seo-col-2 {float:left; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .seo-block .seo-top.image-left .seo-col-1, .seo-block .seo-top.image-left .seo-col-2 {float:right;} .seo-block .seo-top .seo-col-1 {padding: 15px 15px 10px 25px; width: 100%;} .seo-block .seo-top.sticker .seo-col-1 {width: calc(100% - 170px);} .seo-block .button {margin: 20px 0 0 0; float: right; background-color: #f2f2f2;} .seo-block .button:hover {background-color: #373f3e;} .seo-block .seo-top.sticker .seo-col-2 {position: relative; width: 170px;} .seo-block .seo-top .seo-image {display: none;} .seo-block .seo-top .seo-sticker {position: absolute; top: 15px; right: 30px; width: 120px; height: auto;} .seo-block .seo-bottom {display:none; padding: 15px 15px 65px 25px; background: #f2f2f2; position:relative;} .seo-block .seo-bottom .button {position:absolute; right:75px; bottom:20px;} /* PRODUCTDETAIL ***************************************************************************************************************************************************/ /* misc */ .pdp-section {margin:35px 0;} .pdp-section-top {padding:0 0 15px; text-align:center;} .pdp-section-title {font-size:45px; line-height:47px; padding:0 0 20px 0; margin:0 0 20px 0; background: url(../images/bg_underline_grey_70.png) no-repeat center bottom transparent; font-family:'Rama Gothic E SemiBold', sans-serif;} .pdp-section-subtitle {font-size:17px; line-height:20px; margin:0 auto 20px; width:500px;} /* top */ #main-top #product-nav-container-top {float:right; width:auto;} #main-top #product-nav-container-top .placeholder, #main-top #product-nav-container-top .prev, #main-top #product-nav-container-top .next, #main-top .product-nav-back {display:none; background:url(../images/bg_arrow_back.png) no-repeat 10px 19px transparent; float:left; width:auto; padding:15px 26px; color:#fff;} #main-top #product-nav-container-top .prev {min-width:59px; text-align:left;} #main-top #product-nav-container-top .next {min-width:59px; text-align:right;} #main-top #product-nav-container-top .placeholder {color:#888;} /* sticky part */ .add-to-cart-sticky {background:#fff; height:0; opacity:0; overflow:hidden; transition:opacity 0.2s;} .add-to-cart-sticky .add-to-cart-sticky-inner {width:970px; margin:auto; padding:0 0 19px 0;} .add-to-cart-sticky .addtocart-button {float:right; width:auto; margin-left:26px;} .add-to-cart-sticky .addtocart-button .button {width:181px;} .add-to-cart-sticky .add-to-cart-sticky-pname {float:left; width:290px; height:44px; overflow:hidden; margin:0 0 0 16px; padding:6px 0 0 0; font-family: 'Rama Gothic E SemiBold', sans-serif; text-transform:uppercase; font-size:20px; line-height:22px;} .add-to-cart-sticky .add-to-cart-sticky-pname-inner {height:44px; overflow:hidden; display:table-cell; vertical-align:middle;} .add-to-cart-sticky .add-to-cart-sticky-extratext {float:right; width:auto; font-family:'HelveticaNeueConds',sans-serif;font-size:16px;} .add-to-cart-sticky .add-to-cart-sticky-price {float:right; width:auto; margin:12px 0 0 26px;} .add-to-cart-sticky .add-to-cart-sticky-price .product-price {margin:0;} .add-to-cart-sticky .add-to-cart-sticky-price.adjust-top-margin {margin-top:0;} .add-to-cart-sticky .add-to-cart-sticky-price.adjust-top-margin .product-price {float:right;} .add-to-cart-sticky .add-to-cart-sticky-pimage {float:left; width:auto;} .add-to-cart-sticky .add-to-cart-sticky-pimage img {display:block;} .add-to-cart-sticky .back-to-top {float:left; width:160px; padding:11px 16px 0 0;} .add-to-cart-sticky .back-to-top .text {padding-left:10px; display:inline-block;white-space:nowrap; line-height:32px; height:32px; font-size:12px; text-transform:uppercase; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .add-to-cart-sticky .back-to-top .button {display:inline-block; width:30px; height:30px; line-height:30px; text-indent:-9999em; padding:0; background-image:url(../images/bg_back_to_top.png); background-position:10px 12px; background-repeat:no-repeat;} .add-to-cart-sticky .back-to-top .button:hover {background-position:10px -38px;} .add-to-cart-sticky.sticky {position:fixed; right:0; top:0; z-index:300; width:100%; border-bottom:1px solid #f2f2f2; height:auto; opacity:1;} .add-to-cart-sticky.sticky .add-to-cart-sticky-inner {padding-top:20px; } /* main */ .pdp-main {padding:40px 0 0;} .pdp-main .product-images-container {float:left; width:721px; position:relative; z-index:3;} .pdp-main .product-primary-image {margin:0 0 0 177px; position:relative; float:left;} .pdp-main .product-primary-image iframe {position:relative;right:43px;} /* cursor is specified inline to support IE */ .pdp-main .product-primary-image a.main-image {display:block; width:450px; /*cursor:url(../images/cursor_larger.png), pointer;*/} .pdp-main .product-primary-image img.primary-image {display:block;} .pdp-main .product-primary-image .zoomPreload {position:absolute; left:26px; top:26px; width:auto; z-index:1;} .pdp-main .product-primary-image .zoomcontainer {position:absolute; left:-69px; top:-40px; width:862px; height:490px; z-index:2; background:#fff; overflow:hidden;} .pdp-main .product-primary-image .zoomcontainer a.zoomer img.primary-image {z-index:0;} .pdp-main .product-primary-image .zoomcontainer a.zoomer .zoomPad {position:absolute;left:200px;} .pdp-main .pdp-zoom-container {position: absolute; top:0; left:0; width:800px; height:450px; z-index:4; background:#FFF; display:none;} /* cursor is specified inline to support IE */ .pdp-main .pdp-zoom-container #simple-zoom {width:100%; height:100%; /*cursor:url(../images/cursor_loupe.cur), crosshair;*/ overflow:hidden; padding:0; margin:0; border:none;} .pdp-main .pdp-zoom-container #simple-zoom .simple-zoom-image {position:absolute; top:0; left:0; padding:0; margin:0; line-height:0; z-index:1;} .pdp-main .pdp-zoom-container #simple-zoom .simple-zoom-image img {padding:0; margin:0; line-height:0;} .pdp-main .pdp-zoom-container .close {position:absolute; top:15px; right:26px; z-index:1; background:url("../images/bg_overlay_close.png") no-repeat 8px 8px #fff; height:27px; min-height:27px; width:27px; float:right; border:1px solid #37403f; margin:0; text-indent:-9999em; padding:0;} .pdp-main .pdp-zoom-container .close:hover {background-color:#37403f; background-position:8px -42px;} .pdp-main .product-col-2 {float:right; width:350px; z-index:1;} .pdp-main .product-content .product-name {font-size:30px; line-height:47px; margin:0 0 10px 0; padding:0 0 10px 0; background:url(../images/bg_underline_grey_70.png) no-repeat left bottom transparent; text-transform:uppercase; font-family:'Rama Gothic E SemiBold', sans-serif;} .pdp-main .product-price-and-promo {margin:10px 0 20px 0;} .pdp-main .product-price-and-promo .col-price, .pdp-main .product-price-and-promo .col-promo {width:80%; padding:0;} .pdp-main .product-price, .mix-match .product-price {display: flex; font-family: "Rama Gothic E SemiBold",sans-serif; font-size: 26px; line-height: 26px; margin-bottom: 0; margin-right: 0; margin-top: 20px; text-align: center; white-space: nowrap;} .pdp-main .product-price .price-standard , .mix-match .product-price .price-standard {padding-right: 15px;} .order-totals-table .savings, .pdp-main .product-price .saving, .mix-match .product-price .saving {color: #008000; flex-basis: 100%; font-family: "HelveticaNeueLT Std",sans-serif; font-size: 14px; letter-spacing: 0.02em; text-align: right; text-transform: uppercase;} .pdp-main .product-mixmatch-button {background: url(../images/mixmatch/add_bikini_mixer.png) no-repeat 0 center #61a29c; background-size: 39px; border-radius: 2px; margin-top: 9px;} .pdp-main .product-mixmatch-button.bottom {background-image: url(../images/mixmatch/add_bikini_mixer_bottom.png)} .pdp-main .product-mixmatch-button:hover {background: url(../images/mixmatch/add_bikini_mixer_hover.png) no-repeat 0 center #fff;} .pdp-main .product-mixmatch-button.bottom:hover {background-image: url(../images/mixmatch/add_bikini_mixer_bottom_hover.png)} .pdp-main .product-mixmatch-button a {color: #fff; border-radius: 2px; background: none; padding: 1px 0 1px 40px; text-align: left; line-height:35px;} .pdp-main .product-mixmatch-button a:hover {border-color: #61a29c; color:#61a29c;} .pdp-main .promotion {font-family:'Rama Gothic E Light', sans-serif; font-size:20px; line-height:22px; color:#8c9d9a;} .pdp-main .product-delivery {color:#373f3e; font-family:'Rama Gothic E Light', sans-serif; font-size:16px; font-weight:bold; line-height:18px; padding:14px 0 0 0; text-align:center; text-transform:uppercase;} .pdp-main .availability-msg {font-size:15px; line-height:18px; margin:20px 0 20px 0; text-transform:uppercase; color:#8d9d9a; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .pdp-main .availability-msg p {margin:0;} .pdp-main .availability-msg .not-available-msg, .pdp-main .availability-msg .in-stock-date-msg {color:#e36519;} .pdp-main .product-sizechart, .product-set-item .product-sizechart, .mix-match-form .product-sizechart {font-size:15px; line-height:18px; margin:-15px 0 20px 0; text-transform:uppercase; font-family:'HelveticaNeueConds', sans-serif;} .mix-match-form .product-sizechart {padding-top:6px;} .product-set-item .product-sizechart {margin-top:5px; margin-bottom:0;} .pdp-main .product-sizechart a, .product-set-item .product-sizechart a {color:#37403f;} .pdp-main .product-add-to-cart {margin:30px 0 0 0;} .pdp-main .product-add-to-cart .button {width:100%;} .pdp-main .product-sizechart {float:right; margin: 20px 0 0 0; padding: 7px 0; width: 120px;} .pdp-main .product-sizechart:hover {background-color: #9b9f9e; border-color: #9b9f9e;} .pdp-main .product-sizechart a:hover, .pdp-main .product-sizechart:hover a {color: #fff; text-decoration: none;} /* product share*/ .pdp-main .product-share div a {margin-left: 10px;} .pdp-main .product-content .product-share {width: 217px; padding-left: 0; float:left;} /* variations on pdp*/ .pdp-main .product-variations .attributes .attribute .value {float:right;} .pdp-main .product-variations .attributes .swatches li {float:right;} .pdp-main .product-variations .attributes .swatches li:hover .availability {height:0; opacity:0;} .pdp-main .product-variations .availabilitymessage-swatches {font-weight:normal; margin-right:10px; padding:0; float:right; font-size:15px; line-height:38px; height:38px; color:#008000;} /* productsets */ .psp-main-wrapper .main-content, .psp-main-wrapper .psp-main {padding:0 !important;width:1010px !important;} .psp-main-wrapper .productset-topimage {margin:0 auto;display:block;} .psp-banner img {display:block;} /*.bonus-product-list .bonus-product-items {width:524px; float:left; border:1px solid #f2f2f2; border-bottom:0 none;} .bonus-product-list .bonus-product-items .product-list {margin:0; padding:0; list-style:none;}*/ .product-set-item {padding:20px 26px; width:452px; float:left;} .product-set-item.pspTop {border-top:1px solid #f2f2f2;} .product-set-item.pspLeft {border-right:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;} .product-set-item.pspRight {border-bottom:1px solid #f2f2f2;} .product-set-item .product-name {margin:0 0 5px 0; font-size:20px; line-height:24px; height:24px; overflow:hidden; text-transform:none; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .product-set-item .product-name a {color:#373F3E;} .product-set-item .product-pricing .product-price {margin:0 0 5px;} .product-set-item .product-set-image {float:left; width:183px;} .product-set-item .product-set-image img {display:block;} .product-set-item .product-set-product-details {float:right; width:229px;} .product-set-item .availability {padding:0 0 7px 0; font-size:14px; line-height:18px; height:18px; overflow:hidden; text-transform:uppercase; color:#8d9d9a; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .product-set-item .productset-buttons {padding-top:16px;} .product-set-item .productset-buttons .button {float:left;padding-left:26px;padding-right:26px;} .product-set-item .productset-buttons .product-add-to-cart {float:left; margin-left:10px;} .product-set-item .productset-buttons button {width:80px !important;padding:0 !important;} .product-set-item .product-variations .attributes .attribute.color .carousel .carouselnav .prev, .product-set-item .product-variations .attributes .attribute.color .carousel .carouselnav .next, .bonus-product-item .product-variations .attributes .attribute.color .carousel .carouselnav .prev, .bonus-product-item .product-variations .attributes .attribute.color .carousel .carouselnav .next {top:21px;} .product-set-details .product-image {float:left; width:223px;} .product-set-details .product-variations, .product-set-details .product-buttons {margin:0;} .psp-main .slider-product-set-main .prev-container {float:left; width:auto;} .psp-main .slider-product-set-main .next-container {float:right; width:auto;} .psp-main .slider-product-set-inner {margin-bottom:35px;} .psp-main .slider-product-set-wrapper {margin:20px 0 20px 0;} .psp-main .slider-product-set-wrapper .prev-container a, .psp-main .slider-product-set-wrapper .next-container a, .psp-main .slider-product-set-wrapper .prev-container .placeholder, .psp-main .slider-product-set-wrapper .next-container .placeholder {color:#373f3e; display:block; width:auto; text-transform:uppercase; font-family:'HelveticaNeueConds', sans-serif; background:url(../images/bg_arrow_psnav.png) no-repeat -999em -999em transparent;} .psp-main .slider-product-set-wrapper .prev-container .placeholder, .psp-main .slider-product-set-wrapper .next-container .placeholder {opacity:0.35;} .psp-main .slider-product-set-wrapper .prev-container a, .psp-main .slider-product-set-wrapper .prev-container .placeholder {padding-left:26px; background-position:0 -46px;} .psp-main .slider-product-set-wrapper .next-container a, .psp-main .slider-product-set-wrapper .next-container .placeholder {padding-right:26px; background-position:right 4px;} .psp-main .slider-product-set.prev {float:left; width:auto;} .psp-main .slider-product-set.next {float:right; width:auto;} .psp-main .slider-product-set.prev img, .psp-main .slider-product-set.next img {display:block;} .psp-main .slider-product-set h3 {font-size:14px;text-align:center;} .product-variations {margin:20px 0 20px 0;} .product-variations .attributes {margin:0; padding:0; list-style:none;} .product-variations .attributes .attribute {margin:0 0 20px 0; padding:0; position:relative;} .product-variations .attributes .attribute.with-swatches {margin-bottom:10px;} .product-variations .attributes .attribute.with-swatches li {float: left;} .product-variations .attributes .attribute.variant-dropdown {padding-bottom:5px;} .product-variations .attributes .attribute.last {margin-bottom:0;} .product-variations .attributes .attribute h3, .product-variations .attributes .attribute label, .product-variations .attributes .attribute .label {display:none;} .product-variations .attributes .select {margin:0; padding:0; list-style:none; position:relative;} .product-variations .attributes .swatches {margin:0; padding:0; list-style:none; position:relative;} .product-variations .attributes .swatches li {float:left; width:auto; margin:0 0 6px 6px;} .product-variations .attributes .swatches li img {display:block;} .product-variations .attributes .swatches li a {display:block; text-transform:uppercase; text-align:center; min-width:24px; height:22px; font-size:16px; line-height:22px; padding:4px 3px; border:1px solid #b1c4c2; background:transparent; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} .product-variations .attributes .swatches li a:hover {color:#b2c4c1; background-color:#373f3e; border-color:#373f3e; text-decoration:none;} .product-variations .attributes .swatches li.selected a {color:#fff; background-color:#373f3e; border-color:#373f3e; text-decoration:none;} .product-variations .attributes .swatches li.selected a:hover {color:#b2c4c1;} .product-variations .attributes .swatches li.unselectable a {opacity:0.5; filter:alpha(opacity = 50); cursor:default; } .product-variations .attributes .swatches li.unselectable a:hover {color:#8d9d9a; background-color:transparent; border-color:#b1c4c2;} .product-variations .attributes .attribute.color .carousel .carouselcontainer {width:310px; margin:0 16px 0 22px;} .product-variations .attributes .attribute.color .carousel .carouselcontainer .carousellist li {height:auto; float:left;} .product-variations .attributes .attribute.color .carousel .carouselcontainer .carousellist-secondary li {float:left;} .product-variations .attributes .attribute.color .carousel .carouselnav .prev, .product-variations .attributes .attribute.color .carousel .carouselnav .next {top:51px; z-index:1; height:16px; width:16px; text-indent:-999em; cursor:pointer; background:url(../images/bg_carousel_nav.png) no-repeat -999em -999em transparent;} .product-variations .attributes .attribute.color .carousel .carouselnav .prev, .product-variations .attributes .attribute.color .carousel .carouselnav .prev.disabled, .product-variations .attributes .attribute.color .carousel .carouselnav .prev.disabled:hover {left:0; background-position:-3px 2px;} .product-variations .attributes .attribute.color .carousel .carouselnav .prev:hover {background-position:-3px -98px;} .product-variations .attributes .attribute.color .carousel .carouselnav .next, .product-variations .attributes .attribute.color .carousel .carouselnav .next.disabled, .product-variations .attributes .attribute.color .carousel .carouselnav .next.disabled:hover {right:0; background-position:6px -48px;} .product-variations .attributes .attribute.color .carousel .carouselnav .next:hover {background-position:6px -148px;} .product-variations .attributes .attribute.color .carousel .carouselnav .disabled {opacity:0.4; cursor:default;} .product-variations .attributes .swatches li.imageswatch {float: right;} .product-variations .attributes .swatches li.imageswatch a {height:auto; padding:0; border-color:#fff; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;} .product-variations .attributes .swatches li.imageswatch a:hover {background-color:#fff; border-color:#b1c4c2;} .product-variations .attributes .swatches li.imageswatch.selected a, .product-variations .attributes .swatches li.imageswatch.selected a:hover {background-color:#fff; border-color:#37403f;} .product-variations .attributes .swatches li.imageswatch.unselectable a:hover {border-color:#fff;} .product-variations .attributes .swatches li .availability {height:0; opacity:0; position:absolute; z-index:1; width:223px; top:-25px; left:0; background:#fff; font-size:14px; line-height:18px; overflow:hidden; text-transform:uppercase; color:#008000; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold; -moz-transition:opacity 200ms 100ms; -webkit-transition:opacity 200ms 100ms; -o-transition:opacity 200ms 100ms; transition:opacity 200ms 100ms;} .product-variations .attributes .swatches li:hover .availability {height:18px; opacity:1;} .product-variations .attributes select {width:223px; margin:0;} .product-variations .attributes .selector {width:202px!important; margin:0;} .product-variations .attributes .selector span {width:162px!important;} .product-variations .availabilitymessage-swatches {padding:0 0 7px 0; font-size:14px; line-height:18px; height:18px; overflow:hidden; text-transform:uppercase; color:#008000; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold; visibility: hidden;} /* benefits */ .content-asset .benefits {background-color: #F2F2F2; list-style: none; overflow: hidden;} .content-asset .benefits li {display: table; padding: 10px;} .content-asset .benefits img {display:table-cell; height:27px; margin-top: 3px; width: 27px;} .content-asset .benefits .text {display: table-cell; font-size: 13px; line-height: 14px; padding-left: 10px; vertical-align: middle;} .content-asset .benefits .text span {font-weight: bold;} /* description */ .pdp-description {background:url(../images/bg_pdp_description.png) no-repeat center top transparent;} .pdp-description .pdp-description-inner {position:relative;} .pdp-description .left {float:left; width:249px; padding:50px 57px 35px 26px;} .pdp-description .right {float:right; width:638px; padding:10px 0 0 0; margin:0 0 20px 0; background:url(../images/bg_separator_dashed_horizontal.png) no-repeat 316px bottom transparent;} .pdp-description .description-title {font-size:24px; line-height:26px; padding:0 0 30px 0; margin:0 0 35px 0; background: url(../images/bg_underline_grey_70.png) no-repeat left bottom transparent; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .pdp-description .specifications {list-style-type:disc; list-style-position:outside; padding:0 0 0 20px;} .pdp-description .features-col-1 {float:left; padding: 0 0 0 57px; width:233px;} .pdp-description .features-col-1 .text {padding:40px 26px 20px 0;} .pdp-description .features-col-2 {float:right; width:320px;} .pdp-description .features-col-2 .text {padding:40px 26px 20px 62px;} .pdp-description .features-col-2 .image img {display:block;} .pdp-description .features-col-2.additional-elements-1 {margin-top:-105px;} .pdp-description .features-col-2.additional-elements-2 {margin-top:-195px;} .pdp-description .features-col-2.additional-elements-3 {margin-top:-290px;} .pdp-description .features-col-both {float:left; width:638px;} .pdp-description .features-col-both .image {width:638px; background-color:#f2f2f2; background-position:0 0; background-repeat:no-repeat; background-size:cover; position:absolute; bottom:0; right:0; padding:0;} .pdp-description .indicators .indicator {float:left; margin:40px 36px 20px 0; padding:38px 0 10px 0; width:45px; text-align:center; position:relative; font-size:13px;line-height:15px; font-family:'HelveticaNeueConds', sans-serif; color:#b2c4c1; background:url(../images/bg_pdp_feature_indicator.png) no-repeat center -9999em transparent; text-transform:lowercase;} .pdp-description .indicators .indicator.last {margin-right:0;} .pdp-description .indicators .indicator-value-0 {background-position:center 0;} .pdp-description .indicators .indicator-value-1 {background-position:center -100px;} .pdp-description .indicators .indicator-value-2 {background-position:center -200px;} .pdp-description .indicators .indicator-value-3 {background-position:center -300px;} .pdp-description .indicators .indicator .indicator-label {width:75px; margin-left:-15px; text-align:center;} .pdp-description .indicators .indicator .indicator-value {position:absolute; width:auto; left:-100px; top:-100px; z-index:1; visibility:hidden;} .pdp-description .features-list {margin:0; padding:0; list-style:none; font-size:16px; line-height:20px; text-transform:uppercase; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .pdp-description .features-list li {color:#8D9D9A; padding:0 0 15px 0;} .pdp-description .features-list li a {display:block; display:inline-block; padding:0 0 0 26px; background:url(../images/bg_pdp_featurelist.png) no-repeat 0 4px transparent;} .pdp-description .features-list li span {display:block; display:inline-block; padding:0 0 0 26px;} .pdp-description .features-list li a span {padding:0;} .pdp-description .features-list li a.active, .pdp-description .features-list li a.active:hover {cursor:default; color:#373f3e; text-decoration:none;} .pdp-description .image {width:320px; background-color:#f2f2f2; background-position:5px 0; background-repeat:no-repeat; background-size:cover; position:absolute; bottom:0; right:0; padding:0 0 0 5px;} .pdp-description-overlay {background-color: #37403f; color: #fff; display: none; height: 100%; padding: 20px; position: absolute; right:0; top: 0; width: calc(100% - 40px); z-index: 5;} .pdp-description-overlay .overlay-close { margin-bottom:3px;} .pdp-description-overlay .overlay-close .close {background:url("../images/bg_overlay_close.png") no-repeat 7px -43px #37403f; height:27px; min-height:27px; width:27px; float:right; border:1px solid #fff; margin:0; text-indent:-9999em; padding:0;} .pdp-description-overlay .overlay-close .close:hover {background-color:#fff; background-position:7px 7px; border-color:#fff;} .pdp-description-overlay .overlay-title {padding: 0 0 35px 0;} .pdp-description-overlay .overlay-title h3 {font-size:24px; line-height:26px; margin: 0; padding:0 0 20px 0; background: url(../images/bg_underline_white_70.png) no-repeat left bottom transparent; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .pdp-description-overlay .jspDrag {background-color:#8b9e9c;} /* tech highlights */ .pdp-highlights .pdp-highlights-inner {background:url(../images/bg_pdp_highlights_small.png) repeat-y 0 0 #f2f2f2;} .pdp-highlights .highlights-nav {float:left; width:130px;} .pdp-highlights .highlights-nav .tab {width:130px; height:130px; cursor:pointer; text-align:center; color:#808080; -webkit-transition:color 0.2s, background-color 0.2s; -o-transition:color 0.2s, background-color 0.2s; -moz-transition:color 0.2s, background-color 0.2s; transition:color 0.2s, background-color 0.2s;} .pdp-highlights .highlights-nav .tab:hover {background-color:#c1c1c1; color:#fff;} .pdp-highlights .highlights-nav .tab.active, .pdp-highlights .highlights-nav .tab.active:hover {background:url(../images/bg_pdp_highlights_small.png) repeat-y -169px 0 #b1c4c2; color:#333; cursor:default; text-decoration: underline;} .pdp-highlights .highlights-nav .tab .icon {padding:17px 0 0 0;} .pdp-highlights .highlights-nav .tab .icon img {margin:auto;} .pdp-highlights .highlights-nav .tab .icon img.active, .pdp-highlights .highlights-nav .tab.active .icon img.inactive, .pdp-highlights .highlights-nav .tab:hover .icon img.inactive {display:none;} .pdp-highlights .highlights-nav .tab.active .icon img.active, .pdp-highlights .highlights-nav .tab:hover .icon img.active, .pdp-highlights .highlights-nav .tab .icon img.inactive {display:block;} .pdp-highlights .highlights-nav .tab .title {margin:16px 10px 0 10px; text-transform:uppercase; font-size:15px; line-height:19px; font-family:'HelveticaNeueConds', sans-serif;} .pdp-highlights .highlights-nav .tab .title strong {font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .pdp-highlights .highlights-content {float:right; width:573px; color:#fff; padding:10px; font-size:15px; height:430px;} .pdp-highlights .highlights-content .content {display:none;} .pdp-highlights .highlights-content .content.active {display:block; overflow:auto; height:100%;} .pdp-highlights .highlights-content a.technical-highlight-link {color:#fff;} .pdp-highlights .highlights-content .col-left {float:left; width:220px; text-align:center;} .pdp-highlights .highlights-content .col-left img {display:block; margin:auto;} .pdp-highlights .highlights-content .col-right {float:right; width:316px;} .pdp-highlights .highlights-content .col-right .image {margin:0 0 50px 0;} .pdp-highlights .highlights-content .col-right .image img {display:block;} .pdp-highlights .highlights-content .col-right .title {margin:0 0 20px 0; text-transform:uppercase; font-size:30px; color:black; line-height:48px; font-weight:normal; font-family:'Rama Gothic E Light', sans-serif;} .pdp-highlights .highlights-content .col-right .text {padding:0 0 10px 0; margin: 20px auto 0 auto;} .pdp-highlights .highlights-content .col-right .title strong {font-family:'Rama Gothic E SemiBold', sans-serif;} .pdp-highlights .highlights-content .col-right .view-all {border-color:#fff; color:#fff; background-color:transparent; float:left;} .pdp-highlights .highlights-content .col-right .view-all:hover {border-color:#fff; color:#b1c4c2; background-color:#fff;} .pdp-highlights .highlights-content .technical-highlight-link-container {margin-left:236px;} .pdp-highlights .highlights-content .technical-highlight-link {display:inline-block; color:#fff; background-color:#333; border-color:#333;} .pdp-highlights .highlights-content .technical-highlight-link:hover {color:#000000; background-color:#fff; border-color:#000000;} /* care instructions */ .pdp-care .care-sprite {background: url(../images/careinstructionsprite_small.png) no-repeat top left; display:block; float: left; text-indent:-999em; margin:0 5px 10px 5px;} .pdp-care .careinstructionA1 {background-position: 0 5px; width: 80px; height: 60px;} .pdp-care .careinstructionA10 {background-position: 0 -60px; width: 80px; height: 60px;} .pdp-care .careinstructionA11 {background-position: 0 -115px; width: 80px; height: 60px;} .pdp-care .careinstructionA12 {background-position: 0 -177px; width: 80px; height: 60px;} .pdp-care .careinstructionA13 {background-position: 0 -240px; width: 80px; height: 60px;} .pdp-care .careinstructionA14 {background-position: 0 -300px; width: 80px; height: 60px;} .pdp-care .careinstructionA15 {background-position: 0 -353px; width: 80px; height: 60px;} .pdp-care .careinstructionA2 {background-position: 0 -417px; width: 80px; height: 60px;} .pdp-care .careinstructionA3 {background-position: 0 -474px; width: 80px; height: 60px;} .pdp-care .careinstructionA4 {background-position: 0 -534px; width: 80px; height: 60px;} .pdp-care .careinstructionA5 {background-position: 0 -597px; width: 80px; height: 60px;} .pdp-care .careinstructionA6 {background-position: 0 -654px; width: 80px; height: 60px;} .pdp-care .careinstructionA7 {background-position: 0 -717px; width: 80px; height: 60px;} .pdp-care .careinstructionA8 {background-position: 0 -774px; width: 80px; height: 60px;} .pdp-care .careinstructionA9 {background-position: 0 -836px; width: 80px; height: 60px;} .pdp-care .careinstructionB1 {background-position: 0 -891px; width: 80px; height: 60px;} .pdp-care .careinstructionB2 {background-position: 0 -951px; width: 80px; height: 60px;} .pdp-care .careinstructionB3 {background-position: 0 -1011px; width: 80px; height: 60px;} .pdp-care .careinstructionB4 {background-position: 0 -1073px; width: 80px; height: 60px;} .pdp-care .careinstructionC1 {background-position: 0 -1140px; width: 80px; height: 60px;} .pdp-care .careinstructionC10 {background-position: 0 -1200px; width: 80px; height: 60px;} .pdp-care .careinstructionC2 {background-position: 0 -1260px; width: 80px; height: 60px;} .pdp-care .careinstructionC3 {background-position: 0 -1320px; width: 80px; height: 60px;} .pdp-care .careinstructionC4 {background-position: 0 -1380px; width: 80px; height: 60px;} .pdp-care .careinstructionC5 {background-position: 0 -1440px; width: 80px; height: 60px;} .pdp-care .careinstructionC6 {background-position: 0 -1500px; width: 80px; height: 60px;} .pdp-care .careinstructionC7 {background-position: 0 -1560px; width: 80px; height: 60px;} .pdp-care .careinstructionC8 {background-position: 0 -1620px; width: 80px; height: 60px;} .pdp-care .careinstructionC9 {background-position: 0 -1680px; width: 80px; height: 60px;} .pdp-care .careinstructionD1 {background-position: 0 -1738px; width: 80px; height: 60px;} .pdp-care .careinstructionD2 {background-position: 0 -1798px; width: 80px; height: 60px;} .pdp-care .careinstructionD3 {background-position: 0 -1858px; width: 80px; height: 60px;} .pdp-care .careinstructionD4 {background-position: 0 -1918px; width: 80px; height: 60px;} .pdp-care .careinstructionE1 {background-position: 0 -1975px; width: 80px; height: 60px;} .pdp-care .careinstructionE2 {background-position: 0 -2030px; width: 80px; height: 60px;} .pdp-care .careinstructionE3 {background-position: 0 -2095px; width: 80px; height: 60px;} .pdp-care .careinstructionF1 {background-position: 0 -2157px; width: 80px; height: 60px;} .pdp-care .careinstructionF2 {background-position: 0 -2217px; width: 80px; height: 60px;} .pdp-care .careinstructionF3 {background-position: 0 -2271px; width: 80px; height: 60px;} #product-content #descriptiontabs {display: block; height: auto; margin: 20px 0 0; position: relative; width: 100%;} #product-content #descriptiontabs .tabparent {height: auto; left: 0; position: absolute; top: 26px; width: 100%;} #product-content #descriptiontabs .tabparent h2 a {color: #37403f; font-family: "HelveticaNeueConds",sans-serif; font-size: 15px; text-transform: uppercase;} #product-content #descriptiontabs .tabparent h2 {background-color: #fff; border-radius: 3px 3px 0 0; border-width: 1px; left: 0; padding: 5px; position: absolute; text-align: center; top: -47px; width: calc(30% - 12px); z-index: 2;} #product-content #descriptiontabs .tabparent:nth-child(2) h2 {left: 30%; width: calc(40% - 12px); z-index: 1;} #product-content #descriptiontabs .tabparent:nth-child(3) h2 {left: 70%; z-index: 0;} #product-content #descriptiontabs .tabparent .tabcontent {background-color:#f2f2f2; border: 0px solid #9b9f9e; padding: 10px 15px; position: absolute; z-index: 1; left: 0; top: 0; width: calc(100% - 32px);} #product-content #descriptiontabs .tabparent .tabcontent ul {margin-left: 15px;} #product-content #descriptiontabs .tabparent .tabcontent ul.features-list {list-style-type: none;} #product-content #descriptiontabs .tabparent .tabcontent ul.features-list li {font-weight: bold; margin-bottom: 10px; padding-left: 10px; text-transform: uppercase;} #product-content #descriptiontabs .tabparent .tabcontent ul.features-list li:before {content: "+"; margin-left: -1.5em; position: absolute;} #product-content #descriptiontabs .tabparent.active h2 {background-color:#f2f2f2; border-width: 1px 1px 0; z-index: 4;} #product-content #descriptiontabs .tabparent.active .tabcontent {z-index: 3;} #product-content #descriptiontabs .icon {float:left; width:auto; margin:6px;} #product-content #descriptiontabs .icon.additional {margin-top:10px;} #product-content #descriptiontabs .icon a img.active {display:none;} #product-content #descriptiontabs .icon a.active img.active {display:block;} #product-content #descriptiontabs .icon a.active img.inactive {display:none;} #product-content #descriptiontabs #tab_technical .icon img {width:66px; height:66px;} #product-content #extratab {background-color:#f2f2f2; border: 1px solid #9b9f9e; margin-top: 20px; padding: 10px 15px; width: calc(100% - 32px);} .below-variations div {font-family: "HelveticaNeueConds",sans-serif; font-size: 15px; text-align: right; text-transform: uppercase;} /* recommendations */ .pdp-recommendation.recommendations-container {padding-bottom:10px;} .pdp-recommendation .recommendations-top {color: #373f3e; background: #f2f2f2; font-family: 'HelveticaNeueConds', sans-serif; font-weight: bold; font-size: 16px; padding:0} .pdp-recommendation .recommendations-top .pdp-section-title {font-size: 14px; font-weight: bold; background:none; padding:15px; line-height:20px; font-family: 'HelveticaNeueConds', sans-serif;} /* comments */ .pdp-comments .pdp-comments-inner {background:#f2f2f2;} .pdp-comments .left {float:left; width:249px; padding:50px 57px 50px 26px;} .pdp-comments .right {float:right; width:555px; padding:50px 26px 50px 57px;} .pdp-comments .comments-title {font-size:24px; line-height:26px; padding:0 0 20px 0; margin:0 0 35px 0; background: url(../images/bg_underline_grey_70.png) no-repeat left bottom transparent; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} /* nav */ #product-nav-container-bottom {opacity: 0.5; transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out;} #product-nav-container-bottom:hover {opacity: 1;} #product-nav-container-bottom .pdp-nav .pdp-nav-top {color:#373f3e; background:#f2f2f2; font-family:'HelveticaNeueConds', sans-serif; font-weight: bold; font-size:16px;} #product-nav-container-bottom .pdp-nav .pdp-nav-top .left, .pdp-nav .pdp-nav-top .middle, .pdp-nav .pdp-nav-top .right {float:left; text-align:center; font-size:14px; line-height:20px; text-transform:uppercase; width:145px;} #product-nav-container-bottom .pdp-nav .pdp-nav-top .middle {width:480px; padding:15px} #product-nav-container-bottom .pdp-nav .pdp-nav-top .placeholder, #product-nav-container-bottom .pdp-nav .pdp-nav-top a {background:transparent; color:#373f3e; padding:15px 0; display:block; text-align:center;} #product-nav-container-bottom .pdp-nav .pdp-nav-top .placeholder {color:#888;} #product-nav-container-bottom .pdp-nav .pdp-nav-inner {padding:10px 0 0 0;} #product-nav-container-bottom .pdp-nav .pdp-nav-inner .left {float:left; width:165px; height:auto; min-height:223px; padding:21px 0 0 0; background:url(../images/bg_separator_dashed_horizontal.png) no-repeat 150px bottom transparent;} #product-nav-container-bottom .pdp-nav .pdp-nav-inner .middle {float:left; width:495px; height:auto; min-height:223px; padding:21px 0 0 0; background:url(../images/bg_separator_dashed_horizontal.png) no-repeat 482px bottom transparent;} #product-nav-container-bottom .pdp-nav .pdp-nav-inner .right {float:left; width:140px; height:auto; min-height:223px; padding:21px 0 0 0;} #product-nav-container-bottom .pdp-nav .pdp-nav-inner .last-visited {width:100%;} #product-nav-container-bottom .pdp-nav .single-item {margin:0; padding:0; width:165px;} #product-nav-container-bottom .pdp-nav .grid-tile {margin: 0 25px 26px 0;} #product-nav-container-bottom .pdp-nav .grid-tile .product-price {color: #8d9d9a; display: block; margin: 0;} /* video */ .pdp-video .pdp-video-inner {padding:0 0 0 0; background:#f2f2f2;} .pdp-video .pdp-video-inner iframe {border:0 none; display:block; width: 100%;} /* bonus products */ .bonus-product-list .bonus-product-items {width:524px; float:left; border:1px solid #f2f2f2; border-bottom:0 none;} .bonus-product-list .bonus-product-items .product-list {margin:0; padding:0; list-style:none;} .bonus-product-list .bonus-product-item {position:relative; padding:26px; border-bottom:1px solid #f2f2f2;} .bonus-product-list .bonus-product-item .product-name {margin:0 0 26px 0; font-size:20px; line-height:24px; text-transform:none; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .bonus-product-list .bonus-product-item .product-image {float:left; width:223px;} .bonus-product-list .bonus-product-item .product-variations, .bonus-product-list .bonus-product-item .below-variations, .bonus-product-list .bonus-product-item .product-buttons {float:right; width:223px; margin:0;} .bonus-product-list .bonus-product-summary {width:223px; float:right;} .bonus-product-list .bonus-product-summary .bonus-product-summary-header {text-transform:none; font-size:20px; line-height:24px; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold; margin:0 0 18px 0; color:#8c9d9a;} .bonus-product-list .bonus-product-summary .selected-bonus-items {margin:0; padding:15px 0 0 0; list-style:none; border-top:1px solid #f2f2f2;} .bonus-product-list .bonus-product-summary .selected-bonus-item {margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:1px solid #f2f2f2; text-transform:uppercase; font-size:15px; line-height:17px; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .bonus-product-list .bonus-product-summary .selected-bonus-item .button-remove {float:left;} .bonus-product-list .bonus-product-summary .selected-bonus-item .item-name {margin:0 0 15px 22px;} .bonus-product-list .bonus-product-summary .selected-bonus-item .item-attributes {font-size:14px; line-height:20px; margin:0 0 0 22px; padding:0; list-style:none;} .bonus-product-list .bonus-product-summary .selected-bonus-item .item-attributes .display-value {color:#8c9d9a; text-transform:none; padding-left:8px; font-family:'Helvetica Neue', Helvetica, Arial, Arial, sans-serif;} .bonus-product-list .bonus-product-summary .add-to-cart-bonus {width:223px;} /* size charts */ .sizinginformation{border:0 none;padding:10px;} .sizinginformation th{background:none repeat scroll 0 0 #F3F3F3;} .sizinginformation td,.sizinginformation th{border-bottom:1px solid #F3F3F3;padding:10px;} .sizinginformation td{border-left:1px solid #F3F3F3;} .sizinginformation .ui-tabs-nav{height:33px;} .sizinginformation .sizing-charts{border:0 none;} .sizinginformation .tips-list{padding:0 !important;} .sizinginformation .tips-list li{list-style:none outside none !important;} /* quick view */ .quickview-dialog {width:100%; height:460px; display:none; background-color:whitesmoke;} .quickview-dialog .dialog-control {text-align: right; padding: 8px 8px 0 0;} .quickview-dialog .dialog-control .ui-button {background-image: url("../images/bg_overlay_close.png");background-repeat: no-repeat;background-position: 53% 7px; height: 27px; width: 27px; min-height: 27px;} .quickview-dialog .dialog-control .ui-button:hover {background-position: 53% -42px;} .pdp-main.quickview {margin:0; padding:0;} .pdp-main.quickview .page-title {margin-bottom:26px; padding-right: 35px;} .qv-inline .pdp-main.quickview {height:460px; width:730px;} .qv-inline .pdp-main.quickview .page-title {background-position: 2% bottom; padding: 0 0 15px 15px; text-align: left;} .pdp-main.quickview .product-col-1 {float:left; width:300px;margin:0 0 0 170px;} .pdp-main.quickview .product-col-1 .col-info {float:left; width:141px;} .pdp-main.quickview .product-col-1 .col-image {float:right; width:300px;} .pdp-main.quickview .product-primary-image {margin-left:0;} .pdp-main.quickview .product-primary-image a.main-image {width:300px;} .pdp-main.quickview .product-col-2 {float:right; width:223px; position:relative;} .pdp-main.quickview .product-col-2 .quickview-col-left {position:absolute; display:block; top:0; left: -493px; width:155px;} .pdp-main.quickview .product-col-2 .quickview-col-left .col-price, .pdp-main.quickview .product-col-2 .quickview-col-left .col-promo {display:block; width:100%;} .pdp-main.quickview .product-col-2 .quickview-col-left .product-price-and-promo {margin-top:0;} .pdp-main.quickview .product-col-2 .quickview-col-left .product-price {color: #8c9d9a; margin:0; padding:0;} .pdp-main.quickview .product-col-2 .quickview-col-left .product-price .saving {display: none;} .pdp-main.quickview .product-col-2 .quickview-col-left .col-promo .promotion {color: #b2c4c1; margin-top: 46px; position: absolute; text-align: left;} .pdp-main.quickview .product-variations .attributes .availabilitymessage-swatches {margin: 0; text-align: right; width: 100%;} .pdp-main.quickview .product-sizechart {border: none; margin: 0 0 20px; padding: 0; text-align: right;} .pdp-main.quickview .product-sizechart a {font-weight: normal;} .pdp-main.quickview .product-sizechart:hover {background-color: #fff; border-color: #fff;} .pdp-main.quickview .product-sizechart:hover a {color: #37403f; text-decoration: underline;} .pdp-main.quickview .product-variations {margin-top:0;} .pdp-main.quickview .button.details {margin-top:10px;} .pdp-main.quickview .icons .icon {float:left; width:auto; margin:40px 20px 0 0;} .pdp-main.quickview .icons .icon.last {margin-right:0;} .pdp-main.quickview .indicators {display:block;} .pdp-main.quickview .indicators .indicator {margin:0 0 20px 11px; padding:38px 0 0 0; width:45px; text-align:center; position:relative; font-size:13px;line-height:15px; font-family:'HelveticaNeueConds', sans-serif; color:#b2c4c1; background:url(../images/bg_pdp_feature_indicator.png) no-repeat center -9999em transparent; text-transform:lowercase;} .pdp-main.quickview .indicators .indicator.last {margin-bottom:0;} .pdp-main.quickview .indicators .indicator-value-0 {background-position:center 0;} .pdp-main.quickview .indicators .indicator-value-1 {background-position:center -100px;} .pdp-main.quickview .indicators .indicator-value-2 {background-position:center -200px;} .pdp-main.quickview .indicators .indicator-value-3 {background-position:center -300px;} .pdp-main.quickview .indicators .indicator .indicator-label {width:75px; margin-left:-15px; text-align:center;} .pdp-main.quickview .indicators .indicator .indicator-value {position:absolute; width:auto; left:-100px; top:-100px; z-index:1; visibility:hidden;} /* MIX & MATCH ***************************************************************************************************************************************************/ .pt_mixandmatch #main .main-content {width:1170px; padding-bottom:50px;} .mix-match .mix-match-cols {position:relative; margin: 40px 0;} .mix-match .mix-match-cols .mix-match-col {float:left; position:relative;} .mix-match .mix-match-left, .mix-match .mix-match-right {float: left;} .mix-match .headline-select, .mix-match .headline-rightcol, .mix-match .headline-form {text-transform:uppercase; font-size:15px; line-height:18px; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold; margin:0 0 25px 0; padding:0 0 10px 0;} .mix-match .headline-rightcol {margin-bottom:40px; width:223px; float:right;} .mix-match .mix-match-col-swatches {width:360px;} .mix-match .mix-match-selection {float:left; width:360px; margin-bottom:35px;} .mix-match .mix-match-selection .type-list {margin:0; padding:0; list-style:none;} .mix-match .mix-match-selection .type {height:50px; width:42px; cursor:pointer; position:relative; margin:0; padding:0 2px 20px; list-style:none; float:left; background:url(../images/mixmatch/bg_type_shadow.png) no-repeat center 48px transparent;} .mix-match .mix-match-selection .type img {display:block; margin:0 auto; transition:margin 200ms; opacity:0.5;} .mix-match .mix-match-selection .type.selected img {opacity:1;} .mix-match .mix-match-selection .type:hover img {margin-top:-5px;} .mix-match .mix-match-selection .type .arrow {opacity:0; transition:opacity 200ms; position:absolute; bottom:-1px; left:11px; width:24px; height:12px; z-index:1; background:url(../images/mixmatch/bg_type_selected.png) no-repeat 0 0 transparent;} .mix-match .mix-match-selection .type.selected .arrow {opacity:1;} .mix-match .mix-match-selection .variations {display:none; min-height:84px; background:url(../images/mixmatch/bg_box_360.png) no-repeat 0 0 transparent; padding:5px 20px 0; width:320px;} .mix-match .mix-match-selection .variations.init {display:block;} .mix-match .mix-match-selection .variation-list {margin:0; padding:5px 0 0 0; list-style:none;} .mix-match .mix-match-selection .variation {cursor:pointer; margin:0; list-style:none; float:left;} .mix-match .mix-match-selection .variation .image-container {height:32px; width:32px; cursor:pointer; border-radius:26px; padding:1px; border:3px solid transparent; margin:0 3px 3px; overflow:hidden;} .mix-match .mix-match-selection .variation.selected .image-container {border-color:#ff6f00;} .mix-match .mix-match-selection .variation img {display:block; border-radius:21px;} .mix-match .mix-match-col-preview {width:498px; margin-left: 11px;} .mix-match .preview-top .next, .mix-match .preview-top .prev {top: 257px;} .mix-match .preview-bottom .next, .mix-match .preview-bottom .prev {top: 402px;} .mix-match .mix-match-preview {width:498px; overflow:hidden;} .mix-match .mix-match-preview-images {margin:0; padding:0; list-style:none; width:100000px;} .mix-match .mix-match-preview-images li {margin:0; padding:0; list-style:none; display:block; width:498px; float:left;} .mix-match .mix-match-preview-images li img {display:block; margin:auto; width:100%;} .mix-match .slider {position:absolute; z-index:3; width:30%; cursor:pointer; height:55px; background:no-repeat transparent;} .mix-match .prev {padding-left:40px; background-image:url(../images/mixmatch/bg_arrow_prev_big.png); background-position: left 20px center; left: 0;} .mix-match .next {padding-right:40px; background-image:url(../images/mixmatch/bg_arrow_next_big.png); background-position: right 20px center; text-align:right; right: 0;} .mix-match .prev .text, .mix-match .next .text {opacity:0; transition:opacity 200ms; font-size:14px; line-height:55px; } .mix-match .next, .mix-match .prev, .mix-match .next .text, .mix-match .prev .text, .mix-match .mix-match-row-turn .turn {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .mix-match .prev:hover .text, .mix-match .next:hover .text {opacity:1;} .mix-match .mix-match-suggestions {padding-left:20px;} .mix-match .mix-match-col-forms, .mix-match .mix-match-col-suggestions {width:290px; margin-left:11px;} .mix-match .mix-match-form {padding: 20px 0 0 20px; width:270px;} .mix-match .mix-match-form .attributes select {width: 100%} .mix-match .mix-match-form .product-sizechart a {font-weight: bold; color:#526d68;} .mix-match .mix-match-form .productname {margin:0; font-size: 15px; line-height:18px; text-transform:uppercase; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .mix-match .mix-match-form .product-variations {margin-top:10px;} .mix-match .mix-match-form .add-to-cart-container {display:flex; flex-direction:column;} .mix-match .mix-match-form .add-to-cart-container .price {float:left; width:auto; white-space:nowrap; font-size:18px; line-height:26px; text-transform:uppercase; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .mix-match .mix-match-form .add-to-cart-container .btn {float:right; width:auto;} .mix-match .mix-match-form .add-to-cart-container .product-add-to-cart {float: right;} .mix-match .add-set-to-cart-container .button-large {font-size:18px; padding: 16px 0;} .mix-match .add-set-to-cart-container {padding: 10px 0 0 20px; width: 270px;} .mix-match .add-set-to-cart-container .button, .mix-match .add-set-to-cart-container .button button-large:hover, .mix-match .add-set-to-cart-container .button button-large[disabled]:hover, .mix-match .add-set-to-cart-container .button button.button:hover, .mix-match .add-set-to-cart-container .button button.button[disabled]:hover {width:100%;} .mix-match .mix-match-row-turn {text-align:center; padding-top:15px;} .mix-match .mix-match-row-turn .turn, .mix-match .mix-match-row-turn .shuffle {display:inline-block; font-size: 21px;} .mix-match .mix-match-row-turn .turn[disabled], .mix-match .mix-match-row-turn .shuffle[disabled] {opacity: 0.4;} .mix-match .mix-match-row-turn .turn {background-image: url(../images/mixmatch/bg_turn.png); background-position-x: 10px; background-position-y: center; background-size: 22%; background-repeat: no-repeat; padding: 15px 30px 15px 52.5px;} .mix-match .mix-match-row-turn .turn:hover {background-image: url(../images/mixmatch/bg_turn_WHITE.png);} .mix-match .availability {font-size:13px; line-height:18px; text-transform:uppercase; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold; color:#e36519; float: right; width: 70%;} .mix-match .mix-match-share, .pdp-main .product-share {display: flex; display: -webkit-flex; width: 270px; padding: 20px 0 0 20px;} .mix-match .mix-match-share .button, .pdp-main .product-share .button {padding:7px 10px;} .mix-match .mix-match-share .toggle.button:hover, .pdp-main .product-share .toggle.button:hover {background-color: #9b9f9e; border-color: #9b9f9e;} .mix-match .mix-match-share .mix-match-addthis, .pdp-main .product-share .product-addthis {display: flex; display: -webkit-flex; float: left;} .mix-match .mix-match-share .mix-match-addthis span, .pdp-main .product-share .product-addthis span {text-indent:-999px; background: none !important;} .mix-match .mix-match-share a, .pdp-main .product-share a {background: url("../images/mixmatch/share_sprite.png") no-repeat; width: 27px !important; height: 27px; margin: 2px 0 2px 18px;} .mix-match .mix-match-share .mix-match-addthis .addthis_button_twitter, .pdp-main .product-share .product-addthis .addthis_button_twitter {background-position: -44px 0;} .mix-match .mix-match-share .mix-match-addthis .addthis_button_pinterest, .pdp-main .product-share .product-addthis .addthis_button_pinterest {background-position: -88px 0;} .mix-match .mix-match-share .send-to-friend, .pdp-main .product-share .send-to-friend {background-position: -133px 0; float:left;} .mix-match .mix-match-row-turn .shuffle {padding: 15px 30px;} #send-to-friend-main .send-to-friend-product.mix-match-send-to-friend-product .product-description .value {padding-left:0;} .mix-match .pdp-zoom-container {top:0; left:371px; width:498px; position:absolute; z-index:3;} .mix-match #simple-zoom {overflow: hidden; width:100%; height:100%} .mix-match #simple-zoom.loading {background:url("../images/loading-small.gif") center center no-repeat #fff;} .mix-match #simple-zoom.loading img {display:none;} .mix-match .pdp-zoom-container .close {position: absolute; top: 4px; right: 5px; z-index: 1; background: url("../images/bg_overlay_close.png") no-repeat scroll 8px 8px #FFF; height: 27px; min-height: 27px; width: 27px; float: right; border: 1px solid #37403F; margin: 0; text-indent: -9999em; padding: 0;} .mix-match .pdp-zoom-container .simple-zoom-image {position: absolute;} .mix-match .mix-match-video-container {position: absolute; top: 0; left: 371px; z-index: 2; display: none;} .mix-match .mix-match-video-container .animated-gif {position: relative; width: 498px;} .pt_mixandmatch .seo-block, .pt_mixandmatch .seo-block .seo-bottom {font-size: 1em; background: #f5faf3;} .pt_mixandmatch .seo-block .seo-top .seo-col-1, .pt_mixandmatch .seo-block .seo-top .seo-col-2 {width: 50%;} .pt_mixandmatch .seo-block .seo-top .seo-image {width: 585px; display: block;} .pt_mixandmatch .seo-block .seo-top .seo-image img {width: 100%;} .pt_mixandmatch .seo-block .seo-top .seo-sticker {width: 150px;} /* MIX & MATCH SUGGESTIONS****************************************************************************************************************************************/ .mix-match .mix-match-suggestions ul {list-style: none; width: auto; overflow: hidden; list-style-type: none; clear: both; margin: 0;} .mix-match .mix-match-suggestions ul li img {border: 1px solid #fff; cursor:pointer; height: 122px;} .mix-match .mix-match-suggestions ul li {float:left;} .mix-match .mix-match-suggestions ul li.selected img, .mix-match .mix-match-suggestions ul li.selected img:hover {border-color: #37403f;} .mix-match .mix-match-suggestions ul li img:hover {border-color: #b1c4c2;} /* MIX & MATCH CAROUSEL****************************************************************************************************************************************/ .mix-match-suggestions .carousel.carouselvertical {overflow: hidden; position: relative;} .mix-match-suggestions .carousel.carouselvertical .carouselcontainer {height:380px; margin:46px 0 36px 0; overflow: hidden; width: auto;} .mix-match .carousel.carouselvertical .mix-match-suggestions ul {padding: 0 0 0 64px;} .mix-match .carousel.carouselvertical .mix-match-suggestions ul li {float:none;} .mix-match-suggestions .carousel.carouselvertical .carouselnav .prev, .mix-match-suggestions .carousel.carouselvertical .carouselnav .next {height:20px; width:40px; margin:0; padding:0; position: absolute; left:105px; text-indent:999em; cursor:pointer; opacity: 0.4;} .mix-match-suggestions .carousel.carouselvertical .carouselnav .prev, .mix-match-suggestions .carousel.carouselvertical .carouselnav .prev.disabled, .mix-match-suggestions .carousel.carouselvertical .carouselnav .prev.disabled:hover {top:0; background:url(../images/mixmatch/bg_arrow_up.png) no-repeat center transparent;} .mix-match-suggestions .carousel.carouselvertical .carouselnav .prev:hover {opacity:0.7;} .mix-match-suggestions .carousel.carouselvertical .carouselnav .next, .mix-match-suggestions .carousel.carouselvertical .carouselnav .next.disabled, .mix-match-suggestions .carousel.carouselvertical .carouselnav .next.disabled:hover {bottom:0; background:url(../images/mixmatch/bg_arrow_down.png) no-repeat center transparent; } .mix-match-suggestions .carousel.carouselvertical .carouselnav .next:hover {opacity:0.7;} .mix-match-suggestions .carousel.carouselvertical .carouselnav .disabled {opacity:0.1 !important; cursor:default;} .mix-match .mix-match-content-slot .slider-include .slider-headline {font-size: 46px; line-height: 46px;} /* CHECKOUT ***************************************************************************************************************************************************/ /* shopping cart */ .cart-footer, .order-summary-footer, .order-detail-footer {padding:10px 0 10px 26px;} .cart-footer .cart-coupon-code {float:left; width:384px; padding:30px 0 0 0;} .cart-footer .cart-coupon-code label {float:none; display:block; font-size:16px; line-height:22px; text-align:left; text-transform:uppercase; width:250px; padding:0 0 10px 0; margin:0; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .cart-footer .cart-coupon-code input {float:left; width:220px; margin-left:0;} .cart-footer .cart-coupon-code .button {float:right; padding-left:5px; padding-right:5px; width:114px;} .cart-footer .cart-coupon-code .cart-coupon-entered {padding:10px 0 0 0; font-size:12px; line-height:15px; color:#8c9d9a;} .cart-footer .cart-coupon-code .coupon-details .button-remove {float:right;} .cart-footer .cart-coupon-code .coupon-details .coupon-details-text {margin:0 30px 0 0; text-align:right;} .cart-footer .cart-coupon-code .coupon-details .not-applied {color:#e36519;} #cart-table .item-total .product-price {font-size:16px; line-height:32px; margin:20px 0 20px 0; color:#8D9D9A;} #cart-table .item-total .product-price .price-standard {font-size:14px; line-height:18px; width:90px;} #cart-table .item-total .product-price .price-standard .price-part1 {padding-right:5px;} #cart-table .item-total .product-price .price-standard .price-part3 {font-size: 9px;line-height: 10px;margin-left: -1px;vertical-align: 3px;} #cart-table .item-total .product-price .price-sales {width:90px;} #cart-table .item-total .product-price .price-sales .price-part1{padding-right:5px;} #cart-table .item-total .product-price .price-sales .price-part3 {font-size: 10px;line-height: 10px;margin-left: -1px;vertical-align: 5px;} .cart-footer .cart-order-totals, .order-summary-footer .place-order-totals, .order-detail-footer .order-detail-summary {float:right; width:272px; background:#fafafa; padding:25px 30px 25px 30px;} .cart-footer .cart-order-totals .order-totals-table th, .order-summary-footer .place-order-totals .order-totals-table th, .order-detail-footer .order-detail-summary .order-totals-table th {display:none;} .cart-footer .cart-order-totals .order-totals-table td, .order-summary-footer .place-order-totals .order-totals-table td, .order-detail-footer .order-detail-summary .order-totals-table td {padding:6px 10px; vertical-align:top; text-transform:uppercase; position:relative;} .cart-footer .cart-order-totals .order-totals-table td.left, .order-summary-footer .place-order-totals .order-totals-table td.left, .order-detail-footer .order-detail-summary .order-totals-table td.left {font-size:15px; line-height:20px; padding-left:0; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .cart-footer .cart-order-totals div.savings, .order-summary-footer .place-order-totals div.savings, .order-detail-footer .order-detail-summary div.savings {padding:0; color: #008000; flex-basis: 100%; font-family: "HelveticaNeueLT Std",sans-serif; font-size: 14px; letter-spacing: 0.02em; text-align: right; text-transform: uppercase;} .cart-footer .cart-order-totals .order-totals-table td.right, .order-summary-footer .place-order-totals .order-totals-table td.right, .order-detail-footer .order-detail-summary .order-totals-table td.right {font-size:16px; line-height:20px; color:#8c9d9a; padding-right:0; text-align:right; white-space:nowrap;} .cart-footer .cart-order-totals .order-totals-table td.right .price-part3, .order-summary-footer .place-order-totals .order-totals-table td.right .price-part3, .order-detail-footer .order-detail-summary .order-totals-table td.right .price-part3 {font-size:10px; line-height:10px; vertical-align:5px; margin-left:-1px;} .cart-footer .cart-order-totals .order-subtotal td.left span.totalcallout, .order-summary-footer .place-order-totals .order-subtotal td.left span.totalcallout, .order-detail-footer .order-detail-summary .order-subtotal td.left span.totalcallout {font-size:20px;} .cart-footer .cart-order-totals .order-subtotal td.left span.vatcallout, .order-summary-footer .place-order-totals .order-subtotal td.left span.vatcallout, .order-detail-footer .order-detail-summary .order-subtotal td.left span.vatcallout {font-size:14px; text-transform:none;} .cart-footer .cart-order-totals .order-shipping td.left .inner, .cart-footer .cart-order-totals .order-shipping-discount td.left .inner, .order-summary-footer .place-order-totals .order-shipping td.left .inner, .order-detail-footer .order-detail-summary .order-shipping td.left .inner {position:relative;} .cart-footer .cart-order-totals .approaching-shipping-discount-tooltip .cart-approaching-shipping-discount, .order-summary-footer .place-order-totals .order-shipping .cart-approaching-shipping-discount, .order-detail-footer .order-detail-summary .order-shipping .cart-approaching-shipping-discount {position:absolute; font-weight:normal; left:-234px; top:-37px; background:#bababa; width:197px; padding:13px 13px; z-index:1; color:#fff; font-size:13px; line-height:16px; text-transform:none; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} .cart-footer .cart-order-totals .approaching-shipping-discount-tooltip td {height: 0; padding: 0;} .cart-footer .cart-order-totals .approaching-shipping-discount-tooltip .cart-approaching-shipping-discount .arrow, .order-summary-footer .place-order-totals .order-shipping .cart-approaching-shipping-discount .arrow, .order-detail-footer .order-detail-summary .order-shipping .cart-approaching-shipping-discount .arrow {position:absolute; right:-6px; top:15px; width:6px; height:11px; z-index:1; background:url(../images/bg_cart_summary_hint_arrow.png) no-repeat 0 0 transparent;} .cart-footer .cart-order-totals .approaching-shipping-discount-tooltip.discount .cart-approaching-shipping-discount {background:#ff9f63;} .cart-footer .cart-order-totals .approaching-shipping-discount-tooltip.discount .cart-approaching-shipping-discount .arrow {background:url(../images/bg_cart_summary_hint_arrow_2.png) no-repeat 0 0 transparent;} .cart-footer .cart-order-totals .order-discount td.left, .order-summary-footer .place-order-totals .order-discount td.left, .order-detail-footer .order-detail-summary .order-discount td.left, .cart-footer .cart-order-totals .order-discount td.right, .order-summary-footer .place-order-totals .order-discount td.right, .order-detail-footer .order-detail-summary .order-discount td.right {color:#e36519;} .cart-footer .cart-order-totals .order-total td, .order-summary-footer .place-order-totals .order-total td, .order-detail-footer .order-detail-summary .order-total td {padding-top:35px;} .cart-footer .cart-order-totals .order-total td.left, .order-summary-footer .place-order-totals .order-total td.left, .order-detail-footer .order-detail-summary .order-total td.left {font-size:20px; background:url(../images/bg_underline_grey_50.png) no-repeat 0 10px transparent;} .cart-footer .cart-order-totals .order-total td.right, .order-summary-footer .place-order-totals .order-total td.right, .order-detail-footer .order-detail-summary .order-total td.right {color:#373f3e;} .cart-footer .discount .left, .cart-footer .discount .right, .checkout-mini-summary .checkout-mini-summary-inner .discount .left, .checkout-mini-summary .checkout-mini-summary-inner .discount .right, .order-summary-footer .discount .left, .order-summary-footer .discount .right, .order-detail-footer .discount .left, .order-detail-footer .discount .right {color:#e36626!important;} .cart-actions {margin:0 0 40px 0;} .cart-actions .cart-promo {float:left; width:592px; padding:0 0 0 30px; font-size:14px; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .cart-actions .cart-action-checkout {float:right; width:auto;} .cart-actions .cart-action-checkout .form-row-checkbox {margin:10px 0 20px 0;} .cart-actions .cart-action-checkout .button {width:332px;} .cart-promo .cart-promo-discount-value {font-weight:normal; color:#e36519;} ul.product-availability-list{margin:0;padding:0;} ul.product-availability-list li{list-style:none outside none;margin:5px 0;} ul.product-availability-list .on-order, ul.product-availability-list .not-available {color:#e36519;} .cart-lastvisited .lastvisited-top {color:#fff; background:url(../images/bg_asphalt.jpg) repeat center top #373f3e; font-family:'HelveticaNeueConds', sans-serif;} .cart-lastvisited .lastvisited-top {text-align:center; font-size:14px; line-height:20px; text-transform:uppercase; padding:15px;} .cart-lastvisited .lastvisited-inner {padding:31px 0 12px 0;} .continue-checkout-sticky .quickcheckout-button {float:right; width:auto; margin-left:26px;} .continue-checkout-sticky .quickcheckout-button button {width:332px;} .continue-checkout-sticky .quickcheckout-checkbox {float:right; width:auto; padding-top:11px; white-space:nowrap;} .continue-checkout-sticky {background:#fff;} .continue-checkout-sticky .continue-checkout-sticky-inner {width:970px; margin:auto; padding:0 0 20px 0;} .continue-checkout-sticky.sticky {position:fixed; right:0; top:0; z-index:100; width:100%; border-bottom:1px solid #f2f2f2;} .continue-checkout-sticky.sticky .continue-checkout-sticky-inner {padding-top:20px;} .pt_cart .back-to-top {display:none; position:absolute; top:34px; width:223px; z-index:1;} .pt_cart .back-to-top .text {padding-left:10px; display:inline-block;white-space:nowrap; line-height:32px; height:32px; font-size:12px; text-transform:uppercase; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .pt_cart .back-to-top .button {display:inline-block; width:30px; height:30px; line-height:30px; text-indent:-9999em; padding:0; background-image:url(../images/bg_back_to_top.png); background-position:10px 12px; background-repeat:no-repeat;} .pt_cart .back-to-top .button:hover {background-position:10px -38px;} /* checkout later */ .checkoutlater-wrapper {padding-bottom:40px;} .checkoutlater-wrapper p {text-align:center;} .checkoutlater-wrapper .button {margin:auto;} .checkoutlater-wrapper .form-row {display:table; margin:0 auto; padding-bottom:15px;} .checkoutlater-wrapper .form-row input[type="text"] {margin-left:0;} .checkoutlater-wrapper .form-row input[type="text"]::-moz-placeholder {text-align:center;} .checkoutlater-wrapper .form-row input[type="text"]::-webkit-input-placeholder {text-align:center;} .checkoutlater-wrapper .form-row input[type="text"]:-ms-input-placeholder {text-align:center;} .checkoutlater-wrapper .callout {width:90%; max-width:600px; margin:auto; padding-bottom:20px;} /* checkout */ .checkout-progress-indicator {background-color:#fff; background-position:150px 70px; background-repeat:no-repeat; background-image:url(../images/bg_checkout_indicator.jpg); color:#b2c4c1; font-size:16px; line-height:20px; white-space:nowrap; text-transform:uppercase; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .checkout-progress-indicator-inner {padding:40px 35px 40px 35px; height:86px; background:url(../images/bg_checkout_indicator_mask.png) no-repeat center top transparent;} .checkout-progress-indicator .step {width:300px; height:65px; text-align:center; float:left; background:url(../images/bg_checkout_indicator_marker.png) no-repeat -999em -999em transparent;} .checkout-progress-indicator .step .text {padding:0 20px; display:inline-block;} .checkout-progress-indicator .step.done .text {color:#373f3e; background:url(../images/bg_checkout_indicator_check.png) no-repeat right 4px transparent;} .checkout-progress-indicator .step a {color:#373f3e;} .checkout-progress-indicator .step.active {color:#373f3e; cursor:default;} .checkout-progress-indicator .step.active:hover {text-decoration:none;} .checkout-progress-indicator .step-1.active {background-position:0 0;} .checkout-progress-indicator .step-1.done {background-position:0 -100px;} .checkout-progress-indicator .step-2.active {background-position:0 -200px;} .checkout-progress-indicator .step-2.done {background-position:0 -300px;} .checkout-progress-indicator .step-3.active {background-position:0 -400px;} .checkout-progress-indicator .step-3.done {background-position:0 -400px;} .checkout-addresses .section-header a.anchor {color:#373f3e; cursor: default;} .checkout-addresses .section-header a.anchor:hover {text-decoration:none;} .checkout-addresses .checkout-left {float:left; width:446px; padding:40px 0 25px 26px;} .checkout-addresses .checkout-right {float:right; width:446px; padding:40px 26px 25px 0;} .checkout-addresses .form-row-button .next {margin-right:0; float: right;} .select-address {margin:0 0 20px 0; border-bottom:1px solid #dce1e1;} .select-address .form-row-button {display:none;} #shipping-method-list {border-top:1px solid #dce1e1; margin-left:115px;} #shipping-method-list .form-row {padding:15px 0 20px 0; border-bottom:1px solid #dce1e1; margin:0;} #shipping-method-list .shipping-method-left {float:left; width:185px; display:block;} #shipping-method-list .shipping-method-right {float:right; width:100px; text-align:right; display:block;} #shipping-method-list .shipping-method-right .standard-shipping {color:#8c9d9a; text-decoration:line-through; font-family:'HelveticaNeueConds' sans-serif;} #shipping-method-list .shipping-method-right .price-part3 {font-size: 10px;line-height: 10px;vertical-align: 3px;margin-left: -1px;} #shipping-method-list span.clear {display:block;} #shipping-method-list .shipping-description {display:block; margin:5px 0 0 0; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:normal;} #shipping-method-list .shipping-promos {display:block; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; color:#e36626;} #shipping-method-list .shipping-promos .shipping-promo {display:block; margin:5px 0 0 0;} #shipping-method-list .no-shipping-methods {margin-top:10px;} .checkout-mini-summary {padding:26px; background-color:#b2c4c1; background-repeat:no-repeat; background-position:0 0; background-image:url(../images/bg_mini_summary.jpg); -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} .checkout-mini-summary .checkout-mini-summary-inner {background:#fff; color:#8d9d9a;} .checkout-mini-summary .section-header {background:#fff; padding-left:40px;} .checkout-mini-summary .checkout-mini-cart {max-height:180px; overflow:auto; margin:0 5px 0 0;} .checkout-mini-summary .checkout-mini-cart .checkout-mini-cart-inner {padding:0 0 0 40px; width:299px;} .checkout-mini-summary .checkout-mini-cart .mini-cart-product {padding:0 0 12px 0;} .checkout-mini-summary .checkout-mini-cart .mini-cart-name {float:left; width:190px; text-transform:uppercase; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .checkout-mini-summary .checkout-mini-cart .mini-cart-pricing {float:right; width:85px; text-align:right; white-space:nowrap;} .checkout-mini-summary .checkout-mini-cart .mini-cart-pricing .price-part3 {font-size:10px; line-height:10px; vertical-align:3px; margin-left:-1px;} .checkout-mini-summary .checkout-order-totals {background:url(../images/bg_underline_grey_20.png) no-repeat 40px 6px transparent; padding:26px 55px 24px 40px;} .checkout-mini-summary .checkout-order-totals .order-totals-table thead {display:none;} .checkout-mini-summary .checkout-order-totals .order-totals-table td {padding:0 0 12px 0;} .checkout-mini-summary .checkout-order-totals .order-totals-table td.left {text-transform:uppercase; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .checkout-mini-summary .checkout-order-totals .order-totals-table td.right {width:85px; text-align:right; white-space:nowrap;} .checkout-mini-summary .checkout-order-totals .order-totals-table td.right .price-part3 {font-size:10px; line-height:10px; vertical-align:3px; margin-left:-1px;} .checkout-mini-summary .checkout-order-totals .order-totals-table .order-total td.right .price-part3 {vertical-align:5px;} .checkout-mini-summary .checkout-order-totals .order-totals-table .order-total td {color:#373f3e; font-size:16px; padding-top:28px;} .checkout-mini-summary .checkout-order-totals .order-totals-table .order-total td.left {background:url(../images/bg_underline_grey_20.png) no-repeat 0 6px transparent;} .checkout-right .benefits {background: none;} .checkout-right .benefits .benefit{width: 203px;} .checkout-right .benefits .benefit, .checkout-right .benefits .benefit img, .checkout-right .benefits .benefit .text {display: block; float: left;} .checkout-right .benefits .benefit .text {width: 166px;} .checkout-summary #summary-table th.header-quantity {width:110px;} .checkout-summary #summary-table td.item-quantity {vertical-align:bottom;} .checkout-summary #summary-table td.item-quantity .editdetails {line-height:20px; margin:20px 0 0 0;} .checkout-summary #summary-table td.item-quantity .editdetails .button {display:inline-block;} .checkout-summary .submit-order .form-actions {margin-bottom:65px; position:relative;} .checkout-summary .submit-order .form-row-checkbox {margin:10px 0 20px 0;} .checkout-summary .submit-order .left {float:left; width:500px;} .checkout-summary .submit-order .right {float:right; width:332px;} .checkout-summary .submit-order .button.back {position:absolute; left:0; bottom:11px; width:auto; z-index:1;} .checkout-summary .submit-order .button.place-order {width:332px;} .checkout-summary .cart-approaching-shipping-discount {display:none;} .confirmation-register .inner {width:1020px; min-height:192px; margin:10px 0; background:url(../images/bg_confirmation_register_benefits.png) no-repeat right 0 transparent;} .confirmation-register .left {float:left; width:446px; padding:26px 0 6px 26px;} .confirmation-register .left .form-row-button {margin-top:0;} .confirmation-register .right {float:right; width:300px; padding:20px 170px 10px 0; text-transform:uppercase; font-family:'HelveticaNeueConds', sans-serif;} .confirmation-register .right .header-larger {font-size:45px; line-height:47px; font-family:'Rama Gothic E SemiBold', sans-serif;} .confirmation-register .right .header-smaller {font-size:28px; line-height:30px; margin:0 0 10px 0; font-family:'Rama Gothic E Light', sans-serif;} .confirmation-register .right .because {font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .confirmation-register .right ul {margin:3px 0;} .checkout-confirmation .page-title {padding-top:0;} .checkout-confirmation .confirmation-number-and-date {margin:0 0 30px 0; text-align:center; font-size:16px; line-height:20px; text-transform:uppercase; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .checkout-confirmation .confirmation-contact {margin:0 auto 40px; text-align:center; font-size:16px; line-height:20px; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .checkout-confirmation .confirmation-contact-us {width:auto; margin:15px auto 0; line-height:24px;} .checkout-confirmation .confirmation-contact-us a.contactform-link {padding:0 15px 0 23px; background:url(../images/bg_confirmation_contact_right.png) no-repeat 0 6px transparent;} .checkout-confirmation .confirmation-print-button {margin: 15px auto 0;} .checkout-confirmation .confirmation-print-button .button.print-page {display: inline-block;} .checkout-confirmation .item-list th.header-quantity {width:110px;} .checkout-confirmation .actions .button {float:right; margin-left:11px; margin-right:0;} .checkout-confirmation .order-paymentinfo-table {width:80%;margin:auto;font-weight:bold;} .checkout-confirmation .order-paymentinfo-table-inner {width:80%;margin:auto;line-height:14px;font-weight:normal;} /* adyen */ .adyen-redirect-container {padding:50px 50px 30px 50px; width:300px; text-align:center; background:#fff; margin:100px auto 0 auto; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} .adyen-redirect-container .form-row-button {text-align:center;} .adyen-redirect-container .form-row-button .button {float:none;display:inline-block; margin:0;} /* MY ACCOUNT ********************************************************************************************************************************************************/ .pt_account .welcome-container {padding:26px 26px 0 0; height:100%;} .pt_customer-service .welcome-container {border-bottom:1px solid #f2f2f2; padding:26px 26px 0 0; height:129px;} .pt_account .welcome-container .customer-welcome, .pt_customer-service .welcome-container .text-smaller {font-size:18px; line-height:22px; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .pt_account .welcome-container .customer-name, .pt_account .welcome-container .benefits-head, .pt_customer-service .welcome-container .text-larger, .pt_customer-service .text-larger {font-size:20px; line-height:24px; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold; text-transform:uppercase;} .pt_customer-service .text-larger a {color:#373F3E;} .pt_account .welcome-container .benefits-head {padding-top:5px;} .pt_account .welcome-container .account-logout {font-family:'HelveticaNeueConds', sans-serif; text-transform:uppercase; margin:15px 0 0 0;} .pt_account .welcome-container .benefits-list {padding-right:26px; width:197px; background:#fff;} .pt_account .welcome-container .benefits-list ul {padding-left:20px; margin:5px 0 0 0;} .pt_account .welcome-container .benefits-list ul li {margin:0!important; list-style-type:disc!important;} .pt_account .primary-content, .pt_customer-service .primary-content {width:747px; padding-bottom:70px;} .pt_account #secondary, .pt_customer-service #secondary {padding-top:0; padding-bottom:70px;} .pt_account .content-top {clear: both;} .pt_account .content-top, .pt_customer-service .content-top {border-bottom:1px solid #f2f2f2; border-left:1px solid #f2f2f2; padding-left:26px; height:155px; position:relative;} .pt_account .orderdetails .content-top {border-bottom:1px solid #f2f2f2; border-left:1px solid #f2f2f2; padding-left:26px; padding-bottom:26px; min-height:155px; height:auto; position:relative;} .pt_account .content-top .page-title {float: left;} .pt_account .content-top .page-title, .pt_customer-service .content-top .page-title {text-align:left; background-position:bottom left; margin-bottom:0;} .pt_account .content-top .buttons .button, .pt_customer-service .content-top .buttons .button {min-width:181px;} .pt_account .content-top .buttons, .pt_customer-service .content-top .buttons{float: right; width: auto; max-width: 220px; text-align: right; padding-top: 35px;} .pt_account .content-top .buttons button.button, .pt_customer-service .content-top .buttons button.button {min-width:223px;} .pt_account .content-body, .pt_customer-service .content-body {padding:20px 0 20px 0;} .secondary-navigation {margin:30px 0 30px 0;} .secondary-navigation ul {margin:0; padding-right:26px; font-size:14px; line-height: 26px; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold; text-transform:uppercase;} .secondary-navigation li {padding:0; margin:5px 0;} .secondary-navigation li a {display:block; display:inline-block;} .secondary-navigation li a.active, .secondary-navigation li a.active:hover {color:#373f3e; background:url(../images/bg_refinement_cat_marker.png) no-repeat left bottom transparent; text-decoration:none;} #PasswordResetForm fieldset {position: relative;} #PasswordResetForm .form-row {margin:0;} #PasswordResetForm .button {position:absolute; z-index:1; top:0; right:0; width:181px;} #PasswordResetForm button.button {width:176px;} .setnewpassword, .setnewpassword-confirm {margin:0 210px 30px;} .setnewpassword .form-row-button button {margin:auto; float:none;} .setnewpassword-confirm {text-align:center; font-size:16px; line-height:20px;} /* addresses */ #addresses ul.address-list {padding:0; margin:0; overflow:hidden;} #addresses ul.address-list li {float:left; list-style:none outside none; margin:0 26px 10px 0; height:190px; height:auto; min-height:190px; padding:26px 26px 110px 26px; width:171px; position:relative;} #addresses ul.address-list address {font-style:normal;} #addresses ul.address-list .mini-address-title {margin:0 0 15px 0; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} #addresses ul.address-list .mini-address-name, #addresses ul.address-list .mini-address-location div {margin:0 0 8px 0;} #addresses ul.address-list .actions {position:absolute; bottom:26px; left:26px; width:171px; z-index:1;} #addresses ul.address-list .actions a {display:block; font-family:'HelveticaNeueConds', sans-serif; text-transform:uppercase; line-height:22px; height:22px;} #addresses ul.address-list li.default {background:#f2f2f2;} #addresses ul.address-list li.default .actions {bottom:48px;} #addresses .no-addresses {padding:20px 0 0 26px; font-size:18px; line-height:22px; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} #edit-address-form .form-row-button {width:342px;} #edit-address-form .form-row-button .button {margin-right:11px; min-width:118px;} #edit-address-form .form-row-button button.button {min-width:160px;} /* order history */ .order-history-items {margin:20px 0;} .order-history-table td {padding-right:0; color:#8c9d9a;} .order-history-table .header {border:0 none;} .order-history-table .header td {color:#373f3e; white-space:normal; font-size:15px; line-height:20px; text-transform:uppercase; background:#fafafa; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .order-history-table .order-pending td {color:#373f3e;} .order-history-table .order-status {width:200px} .order-history-table .order-status .image {float:left; width:auto; margin-right:15px; position:relative;} .order-history-table .order-status .image img {display:block;} .order-history-table .order-status .image .ammount-overlay {position:absolute; right:-10px; bottom:-10px; background:#373f3e; color:#fff; padding:0 5px; font-family:'HelveticaNeueConds', sans-serif;} .order-history-table .order-status .status {float:left; width:105px; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold; white-space:normal; padding-top:18px;} .order-history-table .order-total-price {text-align:right;} .order-history-table .order-total-price .price-part3 {font-size: 10px;line-height: 10px;margin-left: -1px;vertical-align: 5px;} .order-history-table .order-actions {padding-right:26px;} .order-history-table .order-actions .button-return {margin-top: 5px;} .orderdetails .content-top .page-title {max-width: 535px;} .orderdetails .order-detail-options {float: right; width:auto; max-width:220px; text-align: right; padding-top: 35px;} .orderdetails .order-detail-options .back-to-overview {text-align: center; font-family: 'HelveticaNeueConds', sans-serif; text-transform: uppercase; padding-bottom: 7px; display: block;} .orderdetails .order-detail-options .button {margin-bottom: 5px;} .orderdetails .order-history-table td {color:#373f3e;} .orderdetails .order-history-table .order-total-price {padding-right:26px;} .orderdetails .order-history-table .order-actions {padding:0;} .orderdetails .hint {padding:30px 26px;} .orderdetails .item-list th.header-quantity, .orderdetails .item-list td.item-quantity {width:auto; white-space:nowrap;} .orderdetails .item-list td.item-details {padding-left:15px;} .orderdetails .item-list td.item-image {width:55px;} .orderdetails .item-list td.item-image img {width:55px; height:55px;} table.order-information td {color:#8c9d9a; padding:26px 26px; width:203px;} table.order-information td.order-billing, table.order-information td.order-shipment-address {padding-right:0;} table.order-information td.order-billing .order-billing-inner, table.order-information td.order-shipment-address .order-shipment-address-inner {padding-bottom:36px; min-height:90px; position:relative;} table.order-information td.order-billing .order-billing-inner .button, table.order-information td.order-shipment-address .order-shipment-address-inner .button {position:absolute; left:0; bottom:0; width:auto; z-index:1;} table.order-information .mini-address-title {display:none;} table.order-information td.order-payment-instruments .payment-amount .price-part3 {font-size: 10px;line-height: 10px;vertical-align: 5px;margin-left: -1px;} .orderdetails table.order-information td {width:147px;} .order-detail-footer .order-detail-summary .order-shipping .cart-approaching-shipping-discount {display:none;} .order-history-table li.hidden {display:none;} #orderhistory .no-orders {padding:20px 0 0 26px; font-size:18px; line-height:22px; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} /* personal information */ .edit-profile .content-body {padding-top:0;} .edit-profile .form-section {padding:27px 0 17px 26px;} .edit-profile .data-section {float:left; width:472px;} .edit-profile .button-section {float:right; width:223px; margin:0 26px 0 0;} .edit-profile .button-section .form-row-button {margin:0;} .edit-profile .button-section .button {min-width:181px; float:none; margin-right:0;} .edit-profile .button-section button.button {min-width:223px;} .edit-profile .button-section .button.apply {margin-bottom:20px;} /* registration */ #registration .form-section {padding:27px 0 17px 26px;} #registration .ref-content-top {padding:0 0 0 26px;} #registration .form-section .form-row-button .button {margin-right:11px; min-width:160px;} #registration .registration-selection label {font-size:18px; line-height:22px; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold; padding-top:5px;} /* newsletter / loyalty card */ .newsletter-loyaltycode .box {width:360px; background:#f2f2f2; padding-bottom:84px; position:relative; height:335px; height:auto; min-height:335px;} .newsletter-loyaltycode .box.newsletter {float:left;} .newsletter-loyaltycode .box.loyalty-card {float:right;} .newsletter-loyaltycode .box .head {padding-top:170px; position:relative;} .newsletter-loyaltycode .box.newsletter .head {background:url(../images/bg_account_box_newsletter.jpg) no-repeat 0 0 transparent;} .newsletter-loyaltycode .box.loyalty-card .head {background:url(../images/bg_account_box_lcard.jpg) no-repeat 0 0 transparent;} .newsletter-loyaltycode .box .head .box-title {margin:0; padding:20px 26px 10px 26px; font-size:45px; line-height:47px; font-family: 'Rama Gothic E SemiBold', sans-serif;} .newsletter-loyaltycode .box .more-info {position:absolute; width:auto; top:176px; right:26px; z-index:1; font-size:12px; line-height:14px;} .newsletter-loyaltycode .box .text {font-size:18px; line-height:24px; font-family:'HelveticaNeueConds', sans-serif;} .newsletter-loyaltycode .box .contentbox {padding:0 26px;} .newsletter-loyaltycode .box .contentbox .bottom {padding:10px 0 0 0; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold;} .newsletter-loyaltycode .box .contentbox label {padding:0 0 10px 0; float:none; width:auto; font-size:18px; line-height:24px; font-family:'HelveticaNeueConds', sans-serif;} .newsletter-loyaltycode .box .contentbox .input-text {width:268px; margin-left:0;} .newsletter-loyaltycode .box .contentbox .form-caption.error {margin: 3px 0 3px 3px;} .newsletter-loyaltycode .box .form-row-button {width:318px; position:absolute; bottom:26px; left:26px; z-index:1; margin:0;} .newsletter-loyaltycode .box .form-row-button .button {width:137px; float:left; margin-right:10px; padding-left:5px; padding-right:5px;} .newsletter-loyaltycode .box .form-row-button button.button {width:149px;} .newsletter-loyaltycode .NewsletterForm .unsubscribe-row {padding:5px 0 0 25px;width:320px;} .newsletter-data.unsubscribe {margin-left:250px;width:500px;} .newsletter-data.unsubscribe .NewsletterForm .unsubscribe-row {margin-top:15px;} .newsletter-date.unsubscribe .unsubscribereasonfreetext {width:300px;} #uniform-unsubscribe_reason {width:270px!important;} #unsubscribe_reason {width:290px;} div.selector span, div.selector:focus span, div.selector.focus span{width:auto!important;} .newsletter-loyaltycode .unsubscribereasonfreetext {width:250px;min-width:250px!important;} .newsletter-data.unsubscribe #unsubscribereasonfreetext{min-width:250px!important;width:250px!important;} /* login pages */ .login-page .col-1 {float:left; width:472px; margin:0;} .login-page .col-2 {float:right; width:472px; margin:0;} .login-box {margin:0 0 25px 0;} .login-box h3 {margin:0;} .login-box input[type="text"], .login-box input[type="password"] {width:265px;} .login-box .form-row-button {margin-top:0;} .login-box-content {padding:20px 26px;} .login-box .form-row-button #password-reset {float:left; width:auto;} .login-box .form-row-button #login-button {float:right; width:auto; margin-right:0;} .login-box.guest-checkout .guest-checkout-hint, .login-box.login-create-account .create-account-hint {min-height:131px; padding:0 0 20px 0;} .login-box.guest-checkout .form-row-button .button, .login-box.login-create-account .form-row-button .button {float:right; width:auto; margin-right:0;} .login-box .login-box-content.socials button {height: 50px; width: 50px; margin-right: 15px; border : none; display: inline-block;} .login-box .login-box-content.socials button:hover {background-color: transparent;} .login-box .login-box-content.socials button.icon-b_fb {background:url(../images/bg_button_fb.png) no-repeat center top transparent;} .login-box .login-box-content.socials button.icon-b_goo {background:url(../images/bg_button_google.png) no-repeat center top transparent;} /* category landing page */ .bottom-banner-container{overflow:hidden;} .bottom-banner-container .bottom-banner-cell{float:left;overflow:hidden;text-align:center;} .bottom-banner-container .banner-cell-1{width:33%;} .bottom-banner-container .banner-cell-2{width:34%;} .bottom-banner-container .banner-cell-3{width:33%;} /* store locator */ .store-locator-header{background:url("../images/interface/icon-double-line-header.png") repeat-x scroll left top transparent;font-family:Georgia,serif;font-size:1.75em;font-style:italic;margin:20px 0 0;padding:20px 0;} .store-information{background:none repeat scroll 0 0 #E8E8E8;border-bottom:1px solid #FFFFFF;} .store-name{margin:0 0 10px;} .store-address,.store-map{border-bottom:1px solid #E8E8E8;} .store-locator-details{float:left;width:44%;} .store-locator-details img{max-width:100%;} .store-locator-details h1,.store-locator-details p{margin:0.25em 0;} .store-locator-details-map{float:right;width:50%;} .store-locator-details-map img{max-width:100%;} /* error pages */ .error-page {position:relative;} .error-page.error-404 {height:1250px; height:auto; background-color:#fff; background-repeat:no-repeat; background-position:center top;} .error-page.error-404 .page-title {padding-top:50px;} .error-page.offline {height:750px; background:url(../images/bg_error_offline.jpg) no-repeat center top transparent; width:970px; margin:50px auto; overflow:hidden;} .error-page.offline .page-title {margin-top:20px;} .error-page-search {margin-top:30px;} .error-page .error-page-footer-slot {margin:auto; padding: 30px 0 30px 0; width:918px; overflow:hidden;} .error-page-hint {margin-top: 350px;} .error-page-content-row {padding-top: 30px} .error-page .error-page-footer-slot p {margin:0; padding:0;} .error-page .error-page-footer-slot img {display:block;} /* CUSTOMER SERVICE ********************************************************************************************************************************************************/ #freestickers, #contactus {padding:0 0 0 26px;} #freestickers .confirmation-msg, #contactus .confirmation-msg {padding:10px 0 0 0;} .customer-service-overview {margin:5px 0 0 26px;} .customer-service-overview li {padding:0 0 10px 0;} .faq-container {position:relative; background:url(../images/bg_faq_container.png) no-repeat 710px 37px #8c9d9a; padding:26px 26px 10px 26px; margin:0 0 20px 0; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -o-transition:background-color 0.2s; -moz-transition:background-color 0.2s; -webkit-transition:background-color 0.2s; color:#fff; transition:background-color 0.2s, color 0.2s; cursor:pointer;} .faq-container h3 {margin:0 0 16px 0; font-size:28px; line-height:30px; font-family:'Rama Gothic E Regular', sans-serif; letter-spacing:1px;} .faq-container .toggle-content {display:none;} .faq-container p {margin:0 0 16px 0;} .faq-container ol, .faq-container div ul {margin:0 0 16px 20px;} .faq-container.expanded {background-color:#f2f2f2; color:#373f3e; background-position:-2290px 37px;} .faq-container .back-to-top-container {text-align:center; font-family:'Rama Gothic E SemiBold', sans-serif; text-transform:uppercase; font-size:16px; line-height:20px; margin-top:20px; margin-bottom: 12px;} .faq-container .back-to-top-container a {text-decoration:underline; color:#526d68;} .faq-container .back-to-top-container a:hover {text-decoration:none;} .sizechart-description {margin-bottom:30px; table-layout:fixed; background-color:#8d9d9a; background-repeat:no-repeat; background-position:0 0;} .sizechart-description-men {background:url(../images/bg-sizechart-men.png) no-repeat 0 0 #8d9d9a;} .sizechart-description-women {background:url(../images/bg-sizechart-women.png) no-repeat 0 0 #8d9d9a;} .sizechart-description-boys {background:url(../images/bg-sizechart-boys.png) no-repeat 0 0 #8d9d9a;} .sizechart-description-girls {background:url(../images/bg-sizechart-girls.png) no-repeat 0 0 #8d9d9a;} .sizechart-description .sizechart-description-cell-left {color:#fff; vertical-align:middle; padding:45px 0 45px 15px; height:337px;} .sizechart-description .sizechart-description-cell-right {color:#fff; vertical-align:middle; width:230px; padding:45px 55px 45px 150px; text-align:center;} .sizechart-description .anchors-headline {font-family:'Rama Gothic E SemiBold', sans-serif; color:#cfd5d3; font-size:24px; line-height:30px; text-transform:uppercase; margin:0 0 15px 0;} .sizechart-description .anchors-list {margin:0; padding:0; list-style:none;} .sizechart-description .anchors-list li {margin:0 0 15px 0; padding:0; list-style:none;} .sizechart-description .anchors-list li:last-child {margin-bottom:0;} .sizechart-description .anchors-list .anchor-link {display:block; background:transparent; text-decoration:none; color:#fff; border:1px solid #fff; font-size:18px; line-height:20px; font-family:'Rama Gothic E SemiBold', sans-serif; height:auto; padding:8px 10px; text-align:center; text-transform:uppercase; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -moz-transition:background 0.2s, border 0.2s, color 0.2s; -webkit-transition:background 0.2s, color 0.2s; -o-transition:background 0.2s, color 0.2s; transition:background 0.2s, color 0.2s;} .sizechart-description .anchors-list .anchor-link:hover {text-decoration:none; color:#8d9d9a; background:#fff;} .sizechart-description .description-list {margin:0; padding:0; list-style:none; font-family:'Rama Gothic E SemiBold', sans-serif;} .sizechart-description .description-list li {margin:0 0 20px 0; padding:0; list-style:none;} .sizechart-description .description-list li:last-child {margin-bottom:0;} .sizechart-description .description-list .description-headline {text-transform:uppercase; font-size:22px; line-height:26px;} .sizechart-description .description-list .description-text {font-family:'HelveticaNeueConds', sans-serif;} .sizechart-title {font-family:'Rama Gothic E SemiBold', sans-serif; text-transform:uppercase; font-size:24px; line-height:30px; margin-bottom:10px; margin-top:0; color:#526d68;} .sizechart-table th {background-color:#8d9d9a; border:0 none; text-align:center; color:#fff; font-family:'Rama Gothic E SemiBold', sans-serif; font-size:18px; line-height:24px; text-transform:uppercase; padding:5px;} .sizechart-table td {border:0 none; border-bottom:1px solid #8d9d9a; text-align:center; color:#8d9d9a; font-family:'Rama Gothic E SemiBold', sans-serif; font-size:18px; line-height:24px; text-transform:uppercase; padding:5px;} .sizechart-table td.cell-first, .sizechart-table td:first-child {background-color:#cfd5d3;} .sizechart-link {width:100%; text-align:center; margin-top:30px; margin-bottom:5px;} .sizechart-link a {font-family:'Rama Gothic E SemiBold', sans-serif; text-decoration: underline; text-transform:uppercase; font-size:18px; line-height:30px; color:#526d68;} .dialog-content .sizechart-table {min-width:1000px;} #loyaltycustomerregistration .loyaltycustomer-form {margin-left:205px;} #loyaltycustomerregistration .confirmation-msg {margin:0 0 50px 0;} /* navigation */ .customerservice-navigation {margin:30px 26px 30px 0;} .customerservice-navigation .level-1 {list-style:none; margin:0; padding:0; font-size:14px; line-height:18px; font-family:'HelveticaNeueConds', sans-serif; font-weight:bold; text-transform:uppercase;} .customerservice-navigation .level-1 li {list-style:none; margin:0 0 15px 0!important; padding:0;} .customerservice-navigation .level-1 li.expandable a {background: url("../images/interface/icon-category-expand-off.png") no-repeat scroll -9999em -9999em transparent;} .customerservice-navigation .level-1 li.expandable a.toggle {background-position:0 4px;} .customerservice-navigation .level-1 li.expandable a.toggle.expanded {background-position:-490px 4px;} .customerservice-navigation .level-1 li.expandable.expanded a.toggle {background-position:-490px 4px;} .customerservice-navigation .level-1 li.expandable.expanded a.toggle.expanded {background-position:0 4px;} .customerservice-navigation .level-1 li a {display:inline-block; padding:0 0 0 30px;} .customerservice-navigation .level-1 li a .inner {display:block; padding:0 0 3px 0;} .customerservice-navigation .level-1 li a.active, .customerservice-navigation .level-1 li a.active:hover {cursor:default; color:#373f3e; text-decoration:none;} .customerservice-navigation .level-1 li a.active .inner, .customerservice-navigation .level-1 li a.active:hover .inner {background:url(../images/bg_refinement_cat_marker.png) no-repeat left bottom transparent;} .customerservice-navigation .level-2 {margin:0; padding:2px 0 0 0; font-family:'HelveticaNeueConds', sans-serif;} .customerservice-navigation .level-1 li.expandable.collapsed .level-2 {display:none;} .customerservice-navigation .level-2 li {margin:0!important; padding:5px 0 0 0; line-height:18px;} .customerservice-navigation .level-2 li a {background:transparent!important;} .customerservice-navigation .level-2 li a.active, .customerservice-navigation .level-2 li a.active:hover {color:#373f3e; background:transparent;} /* sitemap */ .sitemap-title {margin: 10px 30px 18px; font-family:'Rama Gothic E SemiBold',sans-serif;} .sitemap-category { float:left; margin: 0 30px; font-family:'HelveticaNeueConds',sans-serif; font-size:14px; text-transform:uppercase;} .sitemap-category h2 { font-weight:bold; } .sitemap-category ul { list-style:none; min-height:50px; } /* order return */ .orderreturn {padding-top: 10px;} .orderreturn .content .content-asset {width: 640px;margin: 0 auto;text-align: center; padding-bottom: 35px;} .orderreturn .content .content-asset h2 {font-size: 18px;line-height: 22px;font-family: 'HelveticaNeueConds', sans-serif;font-weight: bold;text-transform: inherit;} .orderreturn .content .content-asset p {font-size: 14px;line-height: 18px;font-family: 'HelveticaNeueConds', sans-serif; margin-bottom: 0;} .orderreturn .center-ctr form {max-width: 570px; width: 100%; margin: 0 auto; padding-bottom: 50px;} .orderreturn .center-ctr form .form-row-button {text-align: center;} .orderreturn .center-ctr form .form-row-button .button {float: none;display: inline-block;} .orderreturn .error-reason {padding: 20px; background-color: #fff6f0; border: 1px solid #e36519; margin-bottom: 40px;} .orderreturn .error-reason.error-qty {margin-bottom: 20px;} .orderreturn .error-reason.error-qty.error-return-select {float: left; margin-bottom: 20px;} .orderreturn .error-reason .error-text, .orderreturn .error-reason .error-text a {color: #e36519;} .orderreturn .error-reason .error-text a {text-decoration: underline;} .orderreturn .error-reason .error-text p:last-child {margin-bottom: 0;} .orderreturn.order-actions .error-text {font-size: 11px; max-width: 120px; line-height: 13px;} .orderreturn.order-actions .error-text p {margin-bottom: 10px;} .orderreturn.order-actions .error-reason {padding-top: 15px; margin-top: 5px;} .orderreturn .success {padding: 20px; background-color: #e1f9c7; color: #74b53d; border: 1px solid #74b53d;} .orderreturn .success p:last-child {margin-bottom: 0;} .returnlogin .login-box .content-asset {padding: 0 26px;} .returnlogin .login-box .form-row-button button {float: right;} .how-to-proceed {padding-right: 20px;} .how-to-proceed h3 {font-size: 14px; font-weight: bold; line-height: 18px; text-transform: inherit; color: #373f3e;} .how-to-proceed ul {padding-left: 20px;} .how-to-proceed ul li {list-style-type: disc !important; margin: 0 !important; padding: 0;} .how-to-proceed ul li.active p {color: #373f3e; font-weight: bold;} .how-to-proceed ul li p {color: #999999; margin: 0; font-size: 11px;} .how-to-proceed .content-asset {padding: 6px 26px 17px 20px; background: #f2f2f2; margin-top: 43px;} .orderreturn .digital-return-form .item-list td {padding: 0; vertical-align: top;} .orderreturn .digital-return-form .item-list .item-return {max-width: 330px;} .orderreturn .digital-return-form .item-list .item-quantity {text-align: center; max-width: 340px;} .orderreturn .digital-return-form .item-list th.header-quantity, .orderreturn .digital-return-form .item-list td.item-quantity {text-align: center;} .orderreturn .digital-return-form .item-list td.item-quantity {white-space: normal;} .orderreturn .digital-return-form .item-list .item-ctr {padding: 25px;} .orderreturn .digital-return-form .item-list .item-image .item-ctr {padding-right: 25px;} .orderreturn .digital-return-form .item-list .item-details .item-ctr {padding-left: 0; padding-right: 10px; width: 150px;} .orderreturn .digital-return-form .item-list .item-list th.header-total-price {width: auto;} .orderreturn .digital-return-form .item-list .item-return .item-ctr .digitalreturn-returned-hint {color: #8D9D9A; line-height: 21px; vertical-align: bottom; font-size: 14px; display: inline-block; padding-bottom: 18px;} .orderreturn .digital-return-form .item-list .item-return .return-select {float: left; margin-bottom: 0;} .orderreturn .digital-return-form .item-list .item-return .return-select.return-qty {float: left; margin-bottom: 10px; padding-top:10px;} .orderreturn .digital-return-form .item-list .item-return .return-select div.selector {margin-left: 0;} .orderreturn .digital-return-form .item-list .item-return .return-select div.selector {width: 172px!important;} .orderreturn .digital-return-form .item-list .item-return .return-select label {color: #8d9d9a; font-weight: normal; padding-bottom: 5px; font-size: 12px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;} .orderreturn .digital-return-form .item-list .item-return .return-reorderdetails {display: none; padding-left: 60px;} .orderreturn .digital-return-form .item-list .item-return .return-refunddetails {display: none; padding-left: 60px;} .orderreturn .digital-return-form .item-list .item-return .return-border {border-bottom: 1px solid #f2f2f2; padding-bottom: 12px;} .orderreturn .digital-return-form .item-list .item-return .return-reorder {margin: 0 0 0 0; margin-top: 12px;} .orderreturn .digital-return-form .item-list .item-return .return-refund {margin: 0 0 0 0; margin-bottom: 12px;} .orderreturn .digital-return-form .return-number-reason .return-reorderdetails.visible {display: block;} .orderreturn .digital-return-form .return-number-reason .return-refunddetails.visible {display: block;} .orderreturn .digital-return-form .return-number-reason .return-reorderdetails .invisible {display: none;} .orderreturn .digital-return-form .item-list .item-return .notfirst {padding-top: 12px;} .orderreturn .digital-return-form .confirm {float: right;} .addreason-digitalreturn-button {color: #8d9d9a; font-size: 14px; vertical-align: bottom; line-height: 21px;} .addreason-digitalreturn-button:before {padding-top: 18px; display: inline-block; content: "+"; color: #8d9d9a; font-size: 21px; font-weight: bold; padding-right: 5px;} .addreason-digitalreturn-button:hover {cursor: pointer;} .orderreturn .success-bottom {padding-top: 10px;} .orderreturn .success-bottom .register-benefits {width: 45%; float: right; background: transparent url(../images/bg_highlighted-asset.png) no-repeat 15px 72px;} .orderreturn .success-bottom .register-benefits .inner {padding-left: 25px; text-transform: uppercase;} .orderreturn .success-bottom .register-benefits .inner .highlight {position: relative; margin-top: 0; background: #f2f2f2; padding: 20px 30px 50px 30px;} .orderreturn .success-bottom .register-benefits .inner .highlight img {position: absolute; top: 0; right: -105px;} .orderreturn .success-bottom .register-benefits .inner .headline {margin-bottom: 0; line-height: 30px; padding-bottom: 15px; display: block; font-weight: bold; font-size: 40px; font-family: 'Rama Gothic E SemiBold', sans-serif;} .orderreturn .success-bottom .register-benefits .inner .subheadline {font-family: 'Rama Gothic E Light', sans-serif; display: block; font-size: 30px; line-height: 30px;} .orderreturn .success-bottom .register-benefits .inner .highlight .text {max-width: 200px;} .orderreturn .success-bottom .register-benefits .inner .highlight ul {list-style-position: outside;} .orderreturn .success-bottom .register-benefits .inner .highlight ul li {font-size: 11px; } .orderreturn .success-bottom .register-account {width: 55%; float: left;} .orderreturn .success-bottom .register-account .inner {padding: 25px 0 0 25px;} .orderreturn .success-bottom .register-account .return-confirmation-register {width: 225px;} .orderreturn .content-asset .highlight .button-orange {display: inline-block;} /* CONTENTPAGES ***************************************************************************************************************************************************/ /* General */ .pt_homepage .primary-content, .pt_categorylanding .primary-content, .pt_content .primary-content {padding-bottom:0;} .pt_homepage #main .main-content, .pt_categorylanding #main .main-content, .pt_content #main .main-content {width:100%; min-width:1024px; padding-left:0; padding-right:0;} .pt_categorylanding #main-top-wrapper .page-title {width:100%; float:none;} .home-content, .category-landing-content, .contentpage-content, .herobanner-overlay .content-row {width:auto; min-width:970px; max-width:1468px; margin:0 auto; padding:0 27px;} /* ONEILL-1134: category landing page with lefthand navigation */ .category-landing-content.has-sidebar {width: calc(100% - 54px); padding: 0;} .category-landing-content.has-sidebar .primary-content {width: calc(100% - 223px);} .category-landing-content.has-sidebar .slider-include, .category-landing-content.has-sidebar .slider-include .carouselslide, .category-landing-content.has-sidebar .slider-include .carouselcontainer, .category-landing-content.has-sidebar .herobanner-container {min-width: 747px;} .category-landing-content.has-sidebar .contentpage-content {min-width: 0;} .category-landing-content.has-sidebar .slider-include .slider-content {top:60px;} .category-landing-content.has-sidebar .slider-include .slider-headline {font-size: 46px; line-height: 46px;} .category-landing-content.has-sidebar .product-include.product-carousel-container {max-width: 970px;} .contentpage-seo {background:#f2f2f2;} .contentpage-seo-inner {margin:0 auto; padding:50px 0 35px; width:80%; text-align:center;} .contentpage-seo-title {margin:0 0 30px; font-size:30px; line-height:32px; letter-spacing: 0.02em; text-decoration:none; text-transform:uppercase; font-family:'Rama Gothic E SemiBold', sans-serif;} .bordered-content {border:5px solid #f4f4f4; padding:25px;} .bordered-content .page-title {text-align:left; background-position: left bottom;} .contentpage-benefits {background:#373f3e; color:#fff; text-transform:uppercase; font-weight:bold; font-size:12px; line-height:14px; text-align:center; padding:5px 27px; min-width:970px;} .contentpage-benefits ul {margin:0; padding:0; list-style:none;} .contentpage-benefits ul li {margin:0 25px; padding:5px 0; list-style:none; display:inline-block;} .contentpage-benefits ul li img {display:block; float:left; padding-right:10px; vertical-align:bottom;} .contentpage-benefits ul li .text {float:left; white-space:nowrap; vertical-align:bottom; padding:5px 0;} .look-tile {display:block; position:relative; padding-bottom:70px; overflow:hidden;} .look-tile img {display:block; width:100%; height:auto;} .look-tile .buy {display:block; position:absolute; z-index:1; width:100%; min-height:70px; left:0; bottom:0; text-align:center; background:#f2f2f2; color:#373f3e; font-size:30px; line-height:32px; letter-spacing: 0.02em; text-decoration:none; text-transform:uppercase; font-family:'Rama Gothic E SemiBold', sans-serif;} a.look-tile:hover .buy {text-decoration:underline;} .look-tile .buy .text {display:block; padding:19px 5px;} .look-tile .buy .arrow {display:block; position:absolute; z-index:1; top:-16px; left:0; width:100%; height:16px; background:url(../images/bg_look_tile_arrow.png) no-repeat top center transparent;} .rider-tile {display:block; position:relative; padding-bottom:140px; overflow:hidden;} .rider-tile img {display:block; width:100%; height:auto;} .rider-tile .rider {display:block; position:absolute; z-index:1; width:100%; min-height:140px; left:0; bottom:0; background:#f2f2f2; text-transform:uppercase;} a.rider-tile:hover .rider .name {text-decoration:underline;} .rider-tile .rider .country {display:block; padding:15px 15px 0;} .rider-tile .rider .name {display:block; padding:15px; color:#373f3e; font-size:30px; line-height:32px; letter-spacing: 0.02em; text-decoration:none; text-transform:uppercase; font-family:'Rama Gothic E SemiBold', sans-serif;} .rider-tile .rider .section {display:block; padding:0 15px 15px;} .rider-tile .rider .arrow {display:block; position:absolute; z-index:1; top:-16px; left:0; width:100%; height:16px; background:url(../images/bg_look_tile_arrow.png) no-repeat top center transparent;} .rider-detail-tile {display:block; position:relative; overflow:hidden;} .rider-detail-tile img {display:block; width:100%; height:auto;} .rider-detail-tile .rider {display:block; width:100%; background:#f2f2f2; position:relative;} .rider-detail-tile .rider .name {display:block; color:#373f3e; font-size:45px; line-height:47px; letter-spacing: 0.02em; text-decoration:none; text-transform:uppercase; font-family:'Rama Gothic E SemiBold', sans-serif; margin: 0 0 30px 0; padding:20px 15px 15px 15px; background:url(../images/bg_underline_grey_70.png) no-repeat 15px bottom transparent;} .rider-detail-tile .rider .text {display:block; padding:0 15px 10px;} .rider-detail-tile .rider .text .attribute {display:block; padding:0 0 10px;} .rider-detail-tile .rider .text .label {font-weight:700;} .rider-detail-tile .rider .arrow {display:block; position:absolute; z-index:1; top:-16px; left:0; width:100%; height:16px; background:url(../images/bg_look_tile_arrow.png) no-repeat top center transparent;} .image-tile {display:block; position:relative; padding-bottom:42px; overflow:hidden; background-color:#373f3e;} .image-tile img {display:block; width:100%; height:auto;} .image-tile .text {display:block; position:absolute; left:0; bottom:0; width:90%; padding:5px 5%; min-height:32px; z-index:1; background:#373f3e; text-decoration:none; color:#fff; text-transform:uppercase; font-size:30px; line-height:32px; font-family:'Rama Gothic E SemiBold', sans-serif; letter-spacing:0.02em; text-align:center;} a.image-tile:hover .text {text-decoration:underline;} .herobanner-overlay .content-row {overflow:visible;} .herobanner-overlay .image-tile {box-shadow:0 0 100px rgba(0,0,0,0.25); overflow:visible;} .content-tile {display:block; position:relative; padding-bottom:210px; color:#373f3e; text-decoration:none; overflow:hidden;} .content-tile:hover {text-decoration:none;} .content-tile img {display:block; width:100%; height:auto;} .content-tile-content {display:block; position:absolute; z-index:2; width:100%; left:0; bottom:0; text-align:left; background:#f2f2f2; min-height:210px;} .content-tile-content .headline {display:block; padding:25px 20px 17px; margin:0; font-weight:bold; text-transform:uppercase; font-size:22px; line-height:24px; font-family:'Rama Gothic E SemiBold', sans-serif; letter-spacing:0.02em; background: url(../images/bg_underline_grey_50.png) no-repeat 20px bottom transparent;} a.content-tile:hover .headline {text-decoration:underline;} .content-tile-content .text {display:block; padding:25px 20px 19px; font-family:'Rama Gothic E Regular', sans-serif; font-size:18px; line-height:20px;} .content-tile-text-over-image {display:block; position:absolute; top:0; left:0; width:100%; text-align:center; z-index:1; color:#fff;} .content-tile-text-over-image-inner {display:block; padding:35px 20px 0; font-weight:bold; text-transform:uppercase; font-size:40px; line-height:42px; font-family:'Rama Gothic E SemiBold', sans-serif; letter-spacing:0.02em;} a.content-tile:hover .content-tile-text-over-image-inner {text-decoration:underline;} .content-tile-content .arrow {display:block; position:absolute; z-index:1; top:-16px; left:0; width:100%; height:16px; background:url(../images/bg_look_tile_arrow.png) no-repeat top center transparent;} .product-include .single-grid {margin:0 -26px 0 0; padding:21px 0 35px;} .product-carousel-nav {display: none;} .product-carousel-nav.active, .product-carousel-nav.always-active {display: block;} .product-carousel-container, .product-include .product-grid {margin:0 auto; position:relative; max-width:1468px;} .category-landing-content.has-sidebar .product-include .product-grid {max-width: 1244px;} .product-carousel {overflow:hidden; margin:0 -21px 0 -26px; padding:21px 21px 35px 26px;} .product-carousel-items {margin:0; padding:0;} .product-carousel-nav .prev, .product-carousel-nav .next {position:absolute; width:50px; height:125px; z-index:1; top:135px; cursor:pointer; opacity:0.3; display:block; transition:opacity 200ms, background-position 200ms;} .product-carousel-nav .prev.disabled, .product-carousel-nav .prev.disabled:hover, .product-carousel-nav .next.disabled, .product-carousel-nav .next.disabled:hover {cursor:default; opacity:0.05; background-position:center center;} .product-carousel-nav .prev:hover, .product-carousel-nav .next:hover {opacity:1;} .product-carousel-nav .prev {left:-65px; background:url(../images/bg_carousel_prev.png) no-repeat center center transparent; background-size:24px 83px;} .product-carousel-nav .prev:hover {background-position:7px center;} .product-carousel-nav .next {right:-65px; background:url(../images/bg_carousel_next.png) no-repeat center center transparent; background-size:24px 83px;} .product-carousel-nav .next:hover {background-position:20px center;} .slider-include {min-width:1024px;} .slider-include.carousel {position:relative; margin: auto;float: none;display: block;} .slider-include .carouselcontainer {margin:0 auto; overflow:hidden; min-width:1024px;} .slider-include .carousellist {margin:0; padding:0; list-style:none;} .slider-include .carouselslide {margin:0; padding:0; list-style:none; float:left;position:relative; min-width:1024px;} .slider-include .slider-image .vjs-poster {background-repeat: no-repeat; background-position: 50% 50%; background-size: auto; cursor: pointer; margin: 0; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0;} .slider-include .slider-image .vjs-poster img {display: block; margin: 0 auto; max-height: 100%; padding: 0; width: 100%;} /* Hide the poster after the video has started playing */ .slider-include .slider-image .video-js.vjs-has-started .vjs-poster {display: none;} .slider-include .slider-image .video-js.vjs-controls-disabled .vjs-control-bar, .slider-include .slider-image .video-js.vjs-controls-disabled .vjs-error-display, .slider-include .slider-image .video-js.vjs-controls-disabled .vjs-caption-settings, .slider-include .slider-image .video-js .vjs-hidden {display: none;} .slider-include .slider-image .video-js video {display: block; width: 100%;} .slider-include .slider-image {display:block; position:absolute; z-index:1; bottom:0; left:0; width:100%;} .slider-include .slider-image img {display:block; width:100%; height:auto;} .slider-include .slider-content {position:absolute; top:100px; width:100%; z-index:1; left:0;} .slider-include .slider-content-inner {width:auto; max-width:1468px; margin:0 auto; padding:0 100px;} .slider-include .slider-content .slider-content-inner-inner {text-align:center;} .slider-include .slider-content.align-left .slider-content-inner-inner {text-align:left;} .slider-include .slider-content.align-right .slider-content-inner-inner {text-align:left; float:right;} .slider-include .slider-headline {font-size:87px; line-height:82px; font-family:'Rama Gothic E SemiBold', sans-serif; letter-spacing:0.02em; font-weight:bold; text-transform:uppercase; margin:0 0 50px;} .slider-include .slider-headline.medium {font-size:72px; line-height:67px; margin-bottom:40px;} .slider-include .slider-headline.small {font-size:57px; line-height:52px; margin-bottom:30px;} .slider-include .slider-headline .light {font-family:'Rama Gothic E Light', sans-serif; font-weight:normal; font-style:normal;} .slider-include .slider-headline .regular {font-family:'Rama Gothic E Regular', sans-serif; font-weight:normal; font-style:normal;} .slider-include .slider-headline .bold {font-family:'Rama Gothic E SemiBold', sans-serif; font-weight:normal; font-style:normal;} .slider-include .slider-buttons .button {display:inline-block; min-width:300px; margin:0 0 10px 0;} .slider-include .countdown {display:inline-block; font-family:'Rama Gothic E SemiBold', sans-serif; letter-spacing: 0.02em; text-transform:uppercase; margin-bottom:50px;} .slider-include .countdown .days, .slider-include .countdown .hours, .slider-include .countdown .minutes, .slider-include .countdown .seconds {float:left; width:71px; text-align:center;} .slider-include .countdown .values {background-color:#333c3b; color:#fff; padding:15px 0; -webkit-border-radius:2px; font-size:40px; line-height:40px; font-weight: bold; -moz-border-radius:2px; border-radius:2px;} .slider-include .countdown .values .days, .slider-include .countdown .values .hours, .slider-include .countdown .values .minutes, .slider-include .countdown .values .seconds {width:70px; height:40px; border-right:1px solid #fff;} .slider-include .countdown .values .seconds {width:71px; border-right:0 none;} .slider-include .countdown .labels .days, .slider-include .countdown .labels .hours, .slider-include .countdown .labels .minutes, .slider-include .countdown .labels .seconds {padding:10px 0 0 0; font-size:26px; line-height:26px;} .content-row .countdown {display:inline-block; font-family:'Rama Gothic E SemiBold', sans-serif; letter-spacing: 0.02em; text-transform:uppercase; margin-bottom:50px;} .content-row .countdown .days, .content-row .countdown .hours, .content-row .countdown .minutes, .content-row .countdown .seconds {float:left; width:71px; text-align:center;} .content-row .countdown .values {background-color:#333c3b; color:#fff; padding:15px 0; -webkit-border-radius:2px; font-size:40px; line-height:40px; font-weight: bold; -moz-border-radius:2px; border-radius:2px;} .content-row .countdown .values .days, .content-row .countdown .values .hours, .content-row .countdown .values .minutes, .content-row .countdown .values .seconds {width:70px; height:40px; border-right:1px solid #fff;} .content-row .countdown .values .seconds {width:71px; border-right:0 none;} .content-row .countdown .labels .days, .content-row .countdown .labels .hours, .content-row .countdown .labels .minutes, .content-row .countdown .labels .seconds {padding:10px 0 0 0; font-size:26px; line-height:26px;} .slider-include .carouselnav.centernav .prev, .slider-include .carouselnav.centernav .next {height: 100%;} .slider-include .carouselnav .prev, .slider-include .carouselnav .next {position:absolute; top:0; height:65%; min-height:125px; width:100px; cursor:pointer; display:block; z-index:1; transition:opacity 200ms, background-position 200ms;} .slider-include .carouselnav .prev {left:0; background:url(../images/bg_carousel_prev.png) no-repeat 40px center transparent; background-size:32px 125px;} .slider-include .carouselnav .prev:hover {background-position:24px center;} .slider-include .carouselnav .next {right:0; background:url(../images/bg_carousel_next.png) no-repeat 24px center transparent; background-size:32px 125px;} .slider-include .carouselnav .next:hover {background-position:40px center;} .slider-include .carouselnav .prev.disabled, .slider-include .carouselnav .prev.disabled:hover {background-position:40px center; cursor:default; opacity:0.3;} .slider-include .carouselnav .next.disabled, .slider-include .carouselnav .next.disabled:hover {background-position:24px center;cursor:default; opacity:0.3;} .slider-include .carouselnavbubbles {position:absolute; z-index:2; top:30px; left:0; width:100%;} .slider-include .carouselnavbubbles-inner {max-width:1112px; margin:0 auto; padding:0 100px; list-style:none;} .slider-include .carouselnavbubbles-inner li {float:left; margin:0 20px 0 0; padding:0; list-style:none; display:block; height:10px; width:10px; background:transparent; border:1px solid #373f3e; border-radius:6px; cursor:pointer; transition:background-color ease-out 200ms;} .slider-include .carouselnavbubbles-inner li:hover, .slider-include .carouselnavbubbles-inner li.active {background-color:#373f3e} .slider-include .white-elements {color:#fff;} .slider-include .white-elements .button-transparent, .slider-include .white-elements .button-transparent[disabled]:hover {border-color:#fff; color:#fff;} .slider-include .white-elements .button-transparent:hover {border-color:#373f3e;} .slider-include .white-elements.carouselnav .prev {background-image:url(../images/bg_carousel_prev_white.png);} .slider-include .white-elements.carouselnav .next {background-image:url(../images/bg_carousel_next_white.png);} .slider-include .white-elements .countdown .values {background-color:#fff; color:#333c3b;} .slider-include .white-elements .countdown .values .days, .slider-include .white-elements .countdown .values .hours, .slider-include .white-elements .countdown .values .minutes, .slider-include .white-elements .countdown .values .seconds {border-color:#333c3b;} .slider-include .white-elements .carouselnavbubbles-inner li {border-color:#fff;} .slider-include .white-elements .carouselnavbubbles-inner li:hover, .slider-include .white-elements .carouselnavbubbles-inner li.active {background-color:#fff} .content-row .white-elements .countdown .values {background-color:#fff; color:#333c3b;} .content-row .white-elements .countdown .values .days, .content-row .white-elements .countdown .values .hours, .content-row .white-elements .countdown .values .minutes, .content-row .white-elements .countdown .values .seconds {border-color:#333c3b;} .first-asset .content-asset {padding-bottom: 30px;} .herobanner-container {position:relative; min-width:970px;} .herobanner-container.overlapping {padding-bottom:70px;} .herobanner-overlay {position:absolute; z-index:2; width:100%; left:0; bottom:75px;} .herobanner-overlay .content-row .image-link {box-shadow:0 0 75px rgba(0,0,0,0.3);} .content-row {padding:0 0 30px 0;} .content-row.no-margin {padding-top:0; padding-bottom:0;} .content-row-title {font-size:45px; line-height:47px; padding:0 0 20px 0; margin:0 0 30px 0; background:url(../images/bg_underline_grey_70.png) no-repeat center bottom transparent; font-family:'Rama Gothic E SemiBold', sans-serif; letter-spacing:0.02em; text-align:center; text-transform:uppercase;} .content-row-title.title-orange {color:#e36519; background:url(../images/bg_underline_orange_70.png) no-repeat center bottom transparent;} .home-content .content-asset:first-child .content-row, .category-landing-content .content-asset:first-child .content-row, .contentpage-content .content-asset:first-child .content-row {padding-top:30px;} .content-grid {margin:0 -1.03%;} .content-grid .col {float:left; width:auto;} .content-grid .nested-cell {margin:0 0 30px 0;} .content-grid .nested-cell:last-child {margin-bottom:0;} .content-video-and-carousel .row-top {border:1px solid #b2c4c1; border-bottom:none;} .content-video-and-carousel .row-bottom {background:#f2f2f2;} .content-video-and-carousel .col-left {float:left; width:532px;} .content-video-and-carousel .col-left a {display:block;} .content-video-and-carousel .col-left img {display:block; width:100%; height:auto;} .content-video-and-carousel .row-top .col-right {margin-left:532px;} .content-video-and-carousel .product-carousel-container {max-width:721px;} .content-video-and-carousel .product-carousel {padding-top:75px; padding-bottom: 65px;} .content-video-and-carousel .row-bottom .col-right {margin-left:533px; position:relative; padding:19px 15px; font-size:30px; line-height:32px; font-family:'Rama Gothic E SemiBold', sans-serif; letter-spacing:0.02em; text-align:center; text-transform:uppercase;} .content-video-and-carousel .row-bottom .col-right .arrow {position:absolute; z-index:1; top:-16px; left:0; width:100%; height:16px; background:url(../images/bg_look_tile_arrow.png) no-repeat top center transparent;} .video-link {position:relative; display:block;} .video-link:after {content:""; position:absolute; left:50%; top:50%; margin-top:-40px; margin-left:0; border-top:40px solid transparent; border-bottom:40px solid transparent; border-left:24px solid white; z-index:1;} .video-link:before{content:""; position:absolute; width:180px; height:180px; left:50%; top:50%; margin-left:-90px; margin-top:-90px; border-radius:50%; border:3px solid #fff; -webkit-transition:0.2s all; -moz-transition:0.2s all; transition:0.2s all; z-index:1;} .video-link:hover:before {width:170px; height:170px; margin-left:-85px; margin-top:-85px;} /*** 4 cols ***/ .content-grid-25-25-25-25 .col {width:25%;} .content-grid-25-25-25-25 .col .col-inner {padding:0 4%;} /*** 3 cols ***/ .content-grid-33-33-33 .col {width:33.3%;} .content-grid-33-33-33 .col .col-inner {padding:0 3%;} .content-grid-50-25-25 .col-1 {width:50%;} .content-grid-50-25-25 .col-1 .col-inner {padding:0 2%;} .content-grid-50-25-25 .col-2, .content-grid-50-25-25 .col-3 {width:25%;} .content-grid-50-25-25 .col-2 .col-inner, .content-grid-50-25-25 .col-3 .col-inner {padding:0 4%;} .content-grid-25-50-25 .col-2 {width:50%;} .content-grid-25-50-25 .col-2 .col-inner {padding:0 2%;} .content-grid-25-50-25 .col-1, .content-grid-25-50-25 .col-3 {width:25%;} .content-grid-25-50-25 .col-1 .col-inner, .content-grid-25-50-25 .col-3 .col-inner {padding:0 4%;} .content-grid-25-25-50 .col-3 {width:50%;} .content-grid-25-25-50 .col-3 .col-inner {padding:0 2%;} .content-grid-25-25-50 .col-1, .content-grid-25-25-50 .col-2 {width:25%;} .content-grid-25-25-50 .col-1 .col-inner, .content-grid-25-25-50 .col-2 .col-inner {padding:0 4%;} .content-grid-10-80-10 .col-2 {width:80%;} .content-grid-10-80-10 .col-2 .col-inner {padding:0 1.25%;} .content-grid-10-80-10 .col-1, .content-grid-10-80-10 .col-3 {width:10%;} .content-grid-10-80-10 .col-1 .col-inner, .content-grid-10-80-10 .col-3 .col-inner {padding:0 10%;} /*** 2 cols ***/ .content-grid-50-50 .col {width:50%;} .content-grid-50-50 .col .col-inner {padding:0 2%;} .content-grid-66-33 .col-1 {width:66.6%;} .content-grid-66-33 .col-1 .col-inner {padding:0 1.5%;} .content-grid-66-33 .col-2 {width:33.3%;} .content-grid-66-33 .col-2 .col-inner {padding:0 3%;} .content-grid-33-66 .col-1 {width:33.3%;} .content-grid-33-66 .col-1 .col-inner {padding:0 3%;} .content-grid-33-66 .col-2 {width:66.6%;} .content-grid-33-66 .col-2 .col-inner {padding:0 1.5%;} .content-grid-75-25 .col-1 {width:75%;} .content-grid-75-25 .col-1 .col-inner {padding:0 15px;} .content-grid-75-25 .col-2 {width:25%;} .content-grid-75-25 .col-2 .col-inner {padding:0 15px;} .content-grid-25-75 .col-1 {width:25%;} .content-grid-25-75 .col-1 .col-inner {padding:0 4%;} .content-grid-25-75 .col-2 {width:75%;} .content-grid-25-75 .col-2 .col-inner {padding:0 1.3%;} /*** 1 col ***/ .content-grid-100 .col {width:100%; float:none;} .content-grid-100 .col-1 .col-inner {padding:0 1.03%;} /* COUNTRYSELECTIONPAGE ***************************************************************************************************************************************************/ .countryselection .primary-logo {padding:36px 0 10px;} .countryselection .primary-logo img {display:block; margin:auto;} .countryselection .country-list {margin:0; text-align:center;} .countryselection .country-list .col {display:inline-block; padding:0 60px 50px 0; vertical-align:top; text-align:left; min-height:316px;} .countryselection .country-list .col.first {padding:0 30px 30px 30px;} .countryselection .country-list .col .col-title {display: block; font-size:14px; line-height:18px; text-transform:uppercase; text-decoration:underline; margin:0 0 25px 0;} .countryselection .country-list .col-asset {padding-right:0;} .countryselection .country-list .col-asset .content-asset {max-width:193px;} .countryselection .country-list .col-asset .content-asset img {display:block; width:100%;} .countryselection .country-list .col-region ul {list-style:none; margin:0; padding:0 0; float:left; width:130px;} .countryselection .country-list .col-region.first ul {width:200px;} .countryselection .country-list .col-region ul.second-inner-col {padding-left:60px;} .countryselection .country-list .col-region ul li {list-style:none; margin:0; padding:0;} .countryselection .country-list .col-region ul li a {display:block; padding:5px 0; color:#626d6b;} .countryselection-container {position:fixed; z-index:9999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7);} .countryselection-container > img {width:100%; height:100%;} .countryselection-container .flex-container {position:absolute; top:0; left:0; height:100%; width:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center;} .countryselection-container .countryselection { z-index:1; width:auto; background:#fff; overflow-y:auto;} .countryselection .page-title {float: left; background: white; padding-left: 30px; font-size: 36px; max-width: 60%;} .countryselection .primary-logo {float: right;} /* STORELOCATOR ***************************************************************************************************************************************************/ .pt_storelocator #main .main-content {padding:0; width:100%;} .storelocator-head {background:url(../images/bg_storelocator_head.jpg) no-repeat center top transparent; min-height:275px;} .storelocator-map {background:#f2f2f2; height:725px; position:relative;} .storelocator-head-inner, .storelocator-stores-inner {width:auto; min-width:970px; max-width:1468px; margin:0 auto; padding:0 20px;} .storelocator-head .page-title {padding-top:60px;} .storelocator-form {text-align:center; padding-bottom:50px;} .storelocator-form select, .storelocator-form div.selector, .storelocator-form input[type="text"] {margin:0;} .storelocator-form .field {display:inline-block; vertical-align:bottom;} .storelocator-form .storelocator-form-select, .storelocator-form .storelocator-form-input {display:inline-block; vertical-align:bottom; text-align:left; margin:0; padding:0 25px; position:relative;} .storelocator-form .storelocator-form-select label, .storelocator-form .storelocator-form-input label {width:auto; font-family:'Rama Gothic E SemiBold', sans-serif; letter-spacing:0.02em; text-transform:uppercase; font-size:26px; line-height:28px; padding-top:17px;} .storelocator-form input[type="text"] {font-size:16px; line-height:44px; height:44px; background:#464646; border-color:#464646; color:#fff; text-transform:uppercase; font-weight:bold; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding-right:60px; width:250px;} .storelocator-form select {height: 60px; line-height: 58px; background-color:#464646; border-color:#464646; margin:0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:16px; color:#fff; font-weight:bold; text-transform:uppercase;} .storelocator-form option {color:#373f3e} .storelocator-form optgroup {color:#373f3e} .storelocator-form div.selector {line-height:58px; height:58px; background-color:#464646; border-color:#464646;} .storelocator-form div.selector select {height:60px; line-height:48px;} .storelocator-form div.selector option {color:#373f3e} .storelocator-form div.selector span, .storelocator-form div.selector:focus span, .storelocator-form div.selector.focus span {font-size:16px; color:#fff; font-weight:bold; text-transform:uppercase; height:58px; line-height:58px; background:url(../images/bg_select_large.png) no-repeat right center #464646; padding-right:60px;} .storelocator-form .button-search, .storelocator-form .button-search:hover {position:absolute; right:28px; top:3px; z-index:1; width:54px; height:54px; border-color:#fff; text-indent:-999em; background:url(../images/bg_storelocator_loupe.png) no-repeat center center #fff;} .storelocator-store {background:#fff;} .storelocator-store-inner {padding:30px;} .storelocator-store-name {font-size:26px; line-height:28px; font-family:'Rama Gothic E SemiBold', sans-serif; letter-spacing:0.02em; text-transform:uppercase; margin:0 0 12px 0; padding:0 0 15px 0; border-bottom:1px dashed #000;} .storelocator-store-details td {padding-top:8px; padding-bottom:8px; padding-right:20px;} .storelocator-store-details td:last-child {padding-right:0; width:180px;} .storelocator-store-details tr:last-child td {padding-bottom:0;} .storelocator-store-details-cell.cell-right .storelocator-store-details-cell-inner {position:relative; padding-bottom:45px; min-height:120px;} .storelocator-store-details .store-details-address {padding:0 0 30px 0;} .storelocator-store-details .store-street, .storelocator-store-details .store-zip, .storelocator-store-details .store-city {white-space:nowrap;} .storelocator-store-details .store-email {padding-left:25px; margin-bottom:15px; background:url('../images/bg_storelocator_mail.png') no-repeat 0 0 transparent; position:relative;} .storelocator-store-details .store-email a {color: #373f3e; display:block; height:18px; overflow:hidden; word-break:break-word;} .storelocator-store-details .store-email .fade-out {width:20px; height:18px; position:absolute; top:0; right:0; z-index:1; background:url('../images/fade-out.png') no-repeat 0 0 transparent;} .storelocator-store-details .store-phone {padding-left:25px; margin-bottom:15px; background:url('../images/bg_storelocator_phone.png') no-repeat 0 0 transparent;} .storelocator-store-details .store-opening-link {display:inline-block; padding-top:7px;} .storelocator-store-details .button-map, .storelocator-store-details .button-phone {display:block; white-space:nowrap; width:138px; position:absolute; z-index:1; left:0; bottom:0; text-align:center;} .storelocator-store-details .store-opening-hours .week-row:first-child {padding-top:5px;} .storelocator-store-details .producttype{color:#8d9d9a} .storelocator-store-list {margin:0 -30px; list-style:none; padding:40px 0 20px;} .storelocator-store-list .storelocator-store-inner {padding-top:40px; padding-bottom:40px;} .storelocator-store-list .storelocator-store {float:left; width:33.3%;} .storelocator-store-list .storelocator-store:nth-child(4), .storelocator-store-list .storelocator-store:nth-child(7), .storelocator-store-list .storelocator-store:nth-child(10), .storelocator-store-list .storelocator-store:nth-child(13), .storelocator-store-list .storelocator-store:nth-child(16), .storelocator-store-list .storelocator-store:nth-child(19), .storelocator-store-list .storelocator-store:nth-child(22), .storelocator-store-list .storelocator-store:nth-child(25), .storelocator-store-list .storelocator-store:nth-child(28), .storelocator-store-list .storelocator-store:nth-child(31) {clear:left;} .storelocator-no-results {margin:60px 0 40px; text-align:center; font-size:26px; line-height:28px; font-family:'Rama Gothic E SemiBold', sans-serif; letter-spacing:0.02em; text-transform:uppercase;} .storelocator-no-results .regular {font-family:'Rama Gothic E Regular', sans-serif;} .storelocator-map .storelocator-store-details .button-map {display:none!important} .storelocator-map .storelocator-store-details .button-phone {display:inline-block!important} /* COOKIE WALL / COOKIE SETTINGS ***********************************************************************************************************************************************************/ .cookie-wall-container {position:fixed; z-index:9999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7);} .cookie-wall-container .cookie-wall {position:absolute; z-index:1; top:50px; left:50%; width:680px; max-height:calc(100vh - 100px); margin-left:-340px; background:#fff; overflow-y:auto;} .cookie-wall-container .cookie-wall-content {padding:25px 25px 0 25px;} .cookie-wall-container .cookie-wall-content .cookie-wall-image {margin:-25px -25px 25px -25px;} .cookie-wall-container .cookie-wall-content h2 {font-size:45px; line-height:47px; padding:0; margin:0 0 30px 0; font-family:'Rama Gothic E SemiBold', sans-serif; letter-spacing:0.02em; text-transform:uppercase;} .cookie-wall-container .cookie-wall-content a {color:#373f3e; text-decoration:underline;} .cookie-wall-container .cookie-wall-content a:hover {color:#373f3e; text-decoration:none;} .cookie-wall-container .cookie-wall-content img {display:block; width:100%; height:auto;} .cookie-wall-container .cookie-wall-button {padding:0 25px 25px 25px; margin-top:25px; text-align:left;} .cookie-wall-container .cookie-wall-button .button {display:inline-block; width:auto; padding-left:30px; padding-right:30px;} .cookie-settings .cookie-settings-herobanner {max-width:1668px; margin:0 auto 40px; position:relative;} .cookie-settings .cookie-settings-herobanner-image img {display:block; width:100%; height:auto;} .cookie-settings .cookie-settings-herobanner-text {position:absolute; left:0; top:50%; width:100%; height:auto; z-index:1; margin-top:-67px;} .cookie-settings .cookie-settings-herobanner-text-inner {max-width:1170px; min-width:970px; width:auto; padding:0 27px; margin:0 auto; font-size:72px; line-height:67px; font-family:'Rama Gothic E SemiBold', sans-serif; letter-spacing:0.02em; font-weight:bold; text-transform:uppercase;} .cookie-settings .cookie-settings-content {max-width:1170px; min-width:970px; width:auto; padding:0 27px 40px; margin:0 auto;} .cookie-settings .cookie-settings-content ul {margin-left:23px;} .cookie-settings .cookie-settings-tabs {max-width:1170px; min-width:970px; width:auto; padding:0 27px 60px; margin:0 auto;} .cookie-settings .cookie-settings-tabs li.tab.active div.toggle-label{background: url(../images/checkmark-green.png) 7px 9px no-repeat; background-size: 40px;} /* TABS ***********************************************************************************************************************************************************/ .tabs .tabs-list {margin:0; padding:0 0 0 1px; list-style:none;} .tabs .tabs-list .tab {margin:0; padding:0; list-style:none; float:left; text-align:center; cursor:pointer;} .tabs .tabs-list .tab div.toggle-label {display:block; margin:4px 0 0 -1px; padding:24px 10px; color:#373f3e; font-family: 'Rama Gothic E Regular', sans-serif; font-size:20px; line-height:20px; background:#edeef0; border:1px solid #d7d9da; text-transform:uppercase;} .tabs .tabs-list .tab.active div.toggle-label {border-bottom:1px solid #fff; background:#fff; margin-top:0; padding-top:28px; border-radius: 3px 3px 0 0;} .tabs-content .tabs-content-list {margin:0 0 20px 0; padding:30px 20px; list-style:none; border:1px solid #d7d9da; border-top:0 none;} .tabs-content .tabs-content-list .tab-content {margin:0; padding:0; list-style:none; display:none;} .tabs-content .tabs-content-list .tab-content.active {display:block;} .tabs-content .tabs-content-list .tab-content ul {margin-left:23px;} /* RESPONSIVE ***************************************************************************************************************************************************/ @media all and (max-width: 1010px) { #mini-cart .mini-cart-total a span span.mini-cart-label-text {display:none;} .productfinder-wrapper:after { width: 9%; } .keyword-search .grid-tile.first-3 {clear:left;} } @media all and (max-width: 1645px) and (min-width: 1396px) { .product-include.product-carousel-container {max-width:1219px;} } @media all and (max-width: 1395px) and (min-width: 1146px) { .product-include.product-carousel-container {max-width:970px;} .category-landing-content.has-sidebar .product-include.product-carousel-container {max-width:721px;} .category-landing-content.has-sidebar .slider-include .slider-content {top: 30px;} .category-landing-content.has-sidebar .slider-include .slider-content .slider-buttons .button {padding: 10px 0; font-size: 16px;} .category-landing-content.has-sidebar .slider-include .carouselnavbubbles {top: 12px;} } @media all and (max-width: 1145px) and (min-width: 846px) { .product-include.product-carousel-container {max-width:721px;} .category-landing-content.has-sidebar .product-include.product-carousel-container {max-width:481px;} .category-landing-content.has-sidebar .slider-include .slider-headline {font-size: 32px; line-height: 32px;} .category-landing-content.has-sidebar .slider-include .slider-headline.small {font-size: 29px;line-height: 29px;} .category-landing-content.has-sidebar .slider-include .slider-content {top: 42px;} .category-landing-content.has-sidebar .slider-include .slider-content .slider-buttons {margin-top: -12px;} .category-landing-content.has-sidebar .slider-include .carouselnavbubbles {top: 20px;} .category-landing-content.has-sidebar .slider-include .slider-content .slider-buttons .button {padding: 10px 0; font-size: 16px;}} @media all and (min-width: 1550px) { .product-include .product-grid {width:1468px;} .category-landing-content.has-sidebar .product-include .product-grid {width:1244px;} } @media all and (max-width: 1539px) and (min-width: 1291px) { .product-include .product-grid {width:1219px;} .category-landing-content.has-sidebar .product-include .product-grid {width: 990px;} .slider-include .slider-content {top:70px;} .slider-include .slider-headline {font-size:77px; line-height:72px; margin-bottom:40px;} .slider-include .slider-headline.medium {font-size:60px; line-height:55px; margin-bottom:30px;} .slider-include .slider-headline.small {font-size:50px; line-height:45px; margin-bottom:20px;} } @media all and (max-width: 1290px) { .product-include .product-grid {width:970px;} .slider-include .slider-content {top:60px;} .slider-include .slider-headline {font-size:62px; line-height:57px; margin-bottom:30px;} .slider-include .slider-headline.medium {font-size:42px; line-height:42px; margin-bottom:20px;} .slider-include .slider-headline.small {font-size:37px; line-height:32px; margin-bottom:15px;} .storelocator-store-list .storelocator-store {width:50%;} .storelocator-store-list .storelocator-store:nth-child(even) {clear:none;} .storelocator-store-list .storelocator-store:nth-child(odd) {clear:left;} .category-landing-content.has-sidebar .slider-include .slider-content .slider-buttons {margin-top: -10px;} .category-landing-content.has-sidebar .product-include .product-grid {width: 747px;} } @media all and (max-width: 1539px) and (min-width: 1260px) { .pt_product-search-result #main .main-content-inner, .pt_product-search-result #main .main-content .keyword-search, .search-result-content-split-page .split-page-content-slot {width:1219px;} .pt_product-search-result .seo-block {font-size: 0.95em;} .pt_product-search-result .seo-block .seo-top.sticker .seo-col-2 {width: 185px;} .pt_product-search-result .seo-block .seo-top.sticker .seo-col-1 {width: calc(100% - 185px);} .pt_product-search-result .seo-block .seo-top .seo-sticker {width: 135px;} .pt_product-search-result .primary-content {width:970px;} .pt_product-search-result ul.search-result-items {width:996px;} .pt_product-search-result .keyword-search ul.search-result-items {width:1245px;} .search-result-content-split-page div.sub-search-result-content, .search-result-content-split-page .search-result-items .split-page-result .content-slot {width:100%;} .search-result-content-split-page .split-page-result.right {padding-left:275px; background-position:132px 0;} .sub-search-result-top .sub-search-result-top-inner {width:970px;} .sub-search-result-top .sub-search-result-top-inner .headline .title {width:447px;} .sub-search-result-top .sub-search-result-top-inner .headline .category-description, .sub-search-result-top .sub-search-result-top-inner .headline .category-description-inner {width:306px;} .sub-search-result-top .sub-search-result-top-inner .category-sub-navigation {width:921px;} .sub-search-result-top .refinements-content .inner {width:1255px;} .sub-search-result-top .additional-info-content-inner {width:970px;} .sub-search-result-top .additional-info-content-inner .col-right {width:644px;} .sub-search-result-top.fixed .additional-info-content {left:269px;} .sub-search-result-top.fixed .additional-info-content-inner .col-left {padding-left:26px;} .sub-search-result-top.fixed .additional-info-content-inner .col-right {width:644px;} .sub-search-result-top.fixed .additional-info-content-inner .arrow {left:567px;} #active-search-refinements-container_fixed .active-search-refinements-container-inner {width:1219px;} #active-search-refinements-container_fixed.sticky-supported .active-search-refinements-container-inner {width:917px;} .productfinder-wrapper:after { width: 12%; } .productfinder .productfinder-inner .finders .finder.last .headline {margin-left: 50px;} .productfinder .productfinder-inner .finders .finder.finder-1 {padding-left: 15px;} .content-video-and-carousel .product-carousel-container {max-width:519px;} .content-video-and-carousel .product-carousel {max-width:498px;} .category-search .grid-tile.first-4 {clear:left;}} @media all and (max-width: 1259px) { .content-video-and-carousel .product-carousel-container {max-width:223px;} .content-video-and-carousel .product-carousel {max-width:228px;} .category-search .grid-tile.first-3 {clear:left;}} @media all and (min-width: 1540px) { .pt_product-search-result #main .main-content-inner, .pt_product-search-result #main .main-content .keyword-search, .search-result-content-split-page .split-page-content-slot {width:1468px;} .pt_product-search-result .primary-content, .pt_product-search-result div.sub-search-result-content {width:1219px;} .pt_product-search-result .seo-block {font-size: 1em;} .pt_product-search-result .seo-block .seo-top .seo-col-1, .pt_product-search-result .seo-block .seo-top .seo-col-2 {width: 50%;} .pt_product-search-result .seo-block .seo-top .seo-image {width: 610px; display: block;} .pt_product-search-result .seo-block .seo-top .seo-sticker {width: 150px;} .pt_product-search-result ul.search-result-items {width:1245px;} .pt_product-search-result .keyword-search ul.search-result-items {width:1494px;} .search-result-content-split-page div.sub-search-result-content, .search-result-content-split-page .search-result-items .split-page-result .content-slot {width:100%;} .search-result-content-split-page .split-page-result.left, .search-result-content-split-page .split-page-result.right {width:721px;} .search-result-content-split-page .sub-search-result .search-result-items.single-grid {width:747px;} .sub-search-result-top .sub-search-result-top-inner {width:1219px;} .sub-search-result-top .sub-search-result-top-inner .headline .title {width:447px;} .sub-search-result-top .sub-search-result-top-inner .headline .category-description, .sub-search-result-top .sub-search-result-top-inner .headline .category-description-inner {width:554px;} .sub-search-result-top .sub-search-result-top-inner .category-sub-navigation {width:1170px;} .sub-search-result-top .refinements-content .inner {width:1504px;} .sub-search-result-top .refinements-content .content-container {margin-left:275px;} .sub-search-result-top .additional-info-content-inner {width:1219px;} .sub-search-result-top .additional-info-content-inner .col-left {width:497px; padding-left:26px;} .sub-search-result-top .additional-info-content-inner .col-right {width:670px;} .sub-search-result-top .additional-info-content-inner .arrow {left:522px;} .sub-search-result-top.fixed .additional-info-content {left:269px;} .sub-search-result-top.fixed .additional-info-content-inner {width:1219px;} .sub-search-result-top.fixed .additional-info-content-inner .col-left {width:497px; padding-left:26px;} .sub-search-result-top.fixed .additional-info-content-inner .col-right {width:670px;} .sub-search-result-top.fixed .additional-info-content-inner .arrow {left:790px;} #active-search-refinements-container_fixed .active-search-refinements-container-inner {width:1468px;} #active-search-refinements-container_fixed.sticky-supported .active-search-refinements-container-inner {width:1166px;} .productfinder-wrapper:after { width: 19%; } .productfinder .productfinder-inner .finders .finder.last .headline {margin-left: 50px;} .productfinder .productfinder-inner .finders .finder.finder-1 {padding-left: 15px;} .grid-tile.first-5 {clear:left;} } @media all and (min-width: 2000px) { .productfinder-wrapper:after { width: 26%; } } @media all and (min-width: 2600px) { .productfinder-wrapper:after { width: 31%; } } @media all and (-webkit-min-device-pixel-ratio:0) { #extended-category-description-panel .pop-up-icon:hover, #extended-category-description-panel .pop-up-icon.expanded { background-position: 0 -224px; background-size: 105% auto; } } @media screen\0 { #extended-category-description-panel .pop-up-icon:hover, #extended-category-description-panel .pop-up-icon.expanded { background-position: 0 -221px; background-size: 106% auto; } } @media all and (max-width: 700px) { #mini-cart .mini-cart-total a span span.mini-cart-label-text {display:none;} .productfinder-wrapper:after { width: 9%; } .cookie-wall-container .cookie-wall {width:calc(100vw - 50px); left:15px; margin-left:0;} } @media all and (max-width: 1180px) { .languageselector {margin-right:185px;} .header-search form {width:162px;} .header-search .inputfield {width:137px;} .header-search .search-button{display:none;} } @media all and (max-width: 1223px) { /* MIX & MATCH ***************************************************************************************************************************************************/ .mix-match #simple-zoom .simple-zoom-image {top: 0 !important; height: 100%;} .mix-match #simple-zoom .simple-zoom-image img {height: 100%;} } @media all and (min-width: 1024px) and (max-width: 1223px) { /* MIX & MATCH ***************************************************************************************************************************************************/ .pt_mixandmatch #main .main-content {width:1002px; padding: 0 11px;} .mix-match .preview-top .prev, .mix-match .preview-top .next {top: 143px} .mix-match .preview-bottom .prev, .mix-match .preview-bottom .next {top:288px;} .mix-match .mix-match-col-preview, .mix-match .mix-match-preview, .mix-match .mix-match-preview-images li {width:340px;} .mix-match .mix-match-col-forms, .mix-match .mix-match-col-suggestions {width: 280px;} .mix-match .mix-match-col-forms .mix-match-form, .mix-match .add-set-to-cart-container, .mix-match .mix-match-share {width: 260px;} .mix-match .pdp-zoom-container, .mix-match .mix-match-video-container {top: 0; left: 371px; width: 340px;} .mix-match .mix-match-video-container img.animated-gif{width:340px;} .pt_mixandmatch .seo-block {font-size: 1em;} .pt_mixandmatch .seo-block .seo-top .seo-col-1, .pt_mixandmatch .seo-block .seo-top .seo-col-2 {width: 50%;} .pt_mixandmatch .seo-block .seo-top .seo-image {width: 501px; display: block;} .pt_mixandmatch .seo-block .seo-top .seo-sticker {width: 100px;} .keyword-search .grid-tile.first-4 {clear:left;} } @media all and (max-width: 1023px) { /* MIX & MATCH ***************************************************************************************************************************************************/ .pt_mixandmatch#wrapper, .pt_mixandmatch #main-wrapper {min-width: 768px;} .pt_mixandmatch #main .main-content {width:746px; padding: 0 11px;} .mix-match .preview-top .prev, .mix-match .preview-top .next {top: 182px} .mix-match .preview-bottom .prev, .mix-match .preview-bottom .next {top:327px;} .mix-match .mix-match-col-preview, .mix-match .mix-match-preview, .mix-match .mix-match-preview-images li {width:394px;} .mix-match .mix-match-cols .mix-match-col {float: none; margin:0 auto;} .mix-match .pdp-zoom-container, .mix-match .mix-match-video-container {left:0; top:443px; width:394px;} .mix-match .mix-match-video-container img.animated-gif{width:394px;} .mix-match .mix-match-col-swatches .headline-select {margin: 0;} .pt_mixandmatch .seo-block {font-size: 1em;} .pt_mixandmatch .seo-block .seo-top .seo-col-1, .pt_mixandmatch .seo-block .seo-top .seo-col-2 {width: 50%;} .pt_mixandmatch .seo-block .seo-top .seo-image {width: 384px; display: block;} .pt_mixandmatch .seo-block .seo-top .seo-sticker {width: 100px;} .keyword-search .grid-tile.first-3 {clear:left;} } @media all and (min-width: 1279px) { .keyword-search .grid-tile.first-5 {clear:left;} }