/* Default Store Styles ================================================ This is the default stylesheet for the store related elements. */ .siteOverlay .overlayBack { position: absolute; top: 15px; left: 15px; cursor: pointer; z-index: 5; color: #ffffff; font-weight: bold; text-transform: uppercase; } .siteOverlay a.overlayBack,#whiteRedesign .siteOverlay a.overlayBack {color: #000} .siteOverlay .overlayQ { float: left; margin-top: -10px; /* width: 450px;*/ text-align: left; } #whiteRedesign .siteOverlay .overlayQ {margin-top: 0; padding: 15px 0;} .siteOverlay .overlayQq { font-size: 13px; font-weight: bold; } .siteOverlay .overlayQa { font-size: 12px; } /* ## General Store Styles ## */ .imgLabel {background-repeat:no-repeat; background-position:0 0; text-indent:-9999em;} .sale {color:#ea0000; font-weight:bold;} .regular {color:#000; font-weight:bold;} .divCertificates .btnWrapper {width: 100%;} .divCertificates .btnWrapper input {margin: 0 0 10px 0;} .divCertificates .formRow > .EditOrder {margin: 0 !important} #whiteRedesign input:focus, #whiteRedesign select:focus, #whiteRedesign textarea:focus { outline: 2px solid #E61E28; } @media only screen and (max-width: 61em) { #whiteRedesign .divCertificates .altPayment tr:first-child{ display: none; } #whiteRedesign .divCertificates .altPayment tr td{ text-align: center; padding: 5px 0px; } #whiteRedesign .divCertificates .altPayment tr td:before{ font-weight: bold; } #whiteRedesign .divCertificates .altPayment tr td:nth-child(1){ display: block; width: 100%; border-bottom: 1px dotted #000; } #whiteRedesign .divCertificates .altPayment tr td:nth-child(1):before{ content: "WeatherTech Gift Card #: "; } #whiteRedesign .divCertificates .altPayment tr td:nth-child(2), #whiteRedesign .divCertificates .altPayment tr td:nth-child(3), #whiteRedesign .divCertificates .altPayment tr td:nth-child(4){ display: inline-block; width: 33%; } #whiteRedesign .divCertificates .altPayment tr td:nth-child(2):before{ content: "Balance: "; display: block; } #whiteRedesign .divCertificates .altPayment tr td:nth-child(3):before{ content: "Charged: "; display: block; } #whiteRedesign .divCertificates .altPayment tr td:nth-child(4):before{ content: "Remaining Balance: "; display: block; } #whiteRedesign .divCertificates .altPayment tr td:nth-child(5){ display: block; width: 100%; border-top: 1px dotted #000; } } #whiteRedesign .pageSection.pageFooter {padding-top: 0;} #whiteRedesign .pageSection.pageFooter h3.hdng3 {font-weight: 700; font-size: 1.3em; color: #000;} #whiteRedesign .pageSection.pageFooter .helpLinks {font-size: .9em;} #whiteRedesign .pageSection.pageFooter .helpLinks a, #whiteRedesign .pageSection.pageFooter .helpLinks a:visited {color: #000; font-weight: 700;} #whiteRedesign .pageSection.pageFooter hr {height: 1px; background: #ccc;} /* ##block modules used for "grid" of layout ## */ /* LEGACY CODE TO BE REMOVED */ .block175, .block320, .block323, .block432, .block438, .block502, .block630, .block765 {float:left; display:inline;} .block175 {width:175px;} .block320 {width:320px;} .block323 {width:323px;} .block432 {width:432px;} .block438 {width:438px;} .block502 {width:502px;} .block630 {width:630px;} .block765 {width:765px;} .marginB10 { margin-bottom:10px; } .marginR5 { margin-right:5px; } .marginR10 { margin-right:10px; } .marginT10 { margin-top:10px; } .pad10 {padding:10px;} .padS10 {padding-left:10px; padding-right:10px;} .padL10 {padding-left:10px;} .padT5 {padding-top:5px;} .padT10 {padding-top:10px;} .padB5 {padding-bottom:5px;} /* ## Shop By Menu Theme ## */ .shopBy {position:relative; height:30px; padding:0 10px 0 21px; margin-bottom:4px; z-index:110;} .shopBy .imgLabel {float:left;} .shopBy .sf-menu {float:left;} .shopBy .sf-menu a, .shopBy .sf-menu a:link, .shopBy .sf-menu a:visited {height:30px; color:#13a; text-decoration:none; text-indent:-9999em;} .shopBy .sf-menu li {} .shopBy .sf-menu li ul {background-color:#fff; border:1px solid #c7c7c7;} .shopBy .sf-menu li li {background-color:#fff;} .shopBy .sf-menu li li li {} .shopBy .sf-menu li li a, .shopBy .sf-menu li li a:link, .shopBy .sf-menu li li a:visited {height:auto; padding:5px 10px; text-indent:0; background:url(/cms/images/layout/arrow_right_blue.gif) no-repeat 2px -999px;} .shopBy .sf-menu li.sfHover a {background-position:0 -30px;} .shopBy .sf-menu li li a:hover, .shopBy .sf-menu li li a:active {background-position:3px 8px;} .shopBy .sf-menu li:hover, .shopBy .sf-menu li.sfHover, .shopBy .sf-menu a:focus, .shopBy .sf-menu a:hover, .shopBy .sf-menu a:active {outline:0;} /* Site Defaults */ .backToInternational {float:left; border-right:1px solid #3a3a3a; padding:10px 20px 10px 0; margin:5px 20px 0 0;} .backToInternational a {text-decoration:none; color:#ffffff; font-weight:700;} #whiteRedesign .backToInternational {padding: 0 20px 0 0; margin: 3px 20px 0 0; z-index: 100; position: relative;} .continueShopping {float:left; border-right:1px solid #3a3a3a; padding:10px 20px 10px 0; margin:5px 20px 0 0;} .continueShopping a {text-decoration:none; color:#ffffff; font-weight:700;} .continueShoppingAVM {float:left; border-right:1px solid #3a3a3a; padding:10px 20px 10px 0; margin:5px 20px 0 0;} .continueShoppingAVM a {text-decoration:none; color:#ffffff; font-weight:700;} .continueShoppingCart {float:right; } .continueShoppingCart .sep {border-right:1px solid #3A3A3A; height:40px; padding:0 0 0 15px; margin:0 15px 0 0; display:inline-block; float:left;} .continueShoppingCart a {text-decoration:none; color:#CB171F; font-weight:700; float:left; margin:10px 0 0 0;} .hdng {margin:5px 0 20px 0; padding:0; font-size:1.750em; font-weight:700; background:none; border:0;} .hdng2 {margin:0 0 20px 0; padding:0; font-size:1.400em; font-weight:700; background:none; color:#cb171f; } .hdng3 {margin:0 0 10px 0; padding:0; font-size:1.375em; font-weight:700; background:none; color:#ffffff; } .hdng4 {margin:0 0 10px 0; padding:0; font-size:1.375em; font-weight:700; background:none; color:#a5080e; } .prodhdng {margin:5px 0 20px 0; padding:0; font-size:1.250em; font-weight:700; background:none; border:0; padding-bottom:5px;} .withBorder {position:relative; line-height:1; display:table;} .withBorder span {display:table-cell; position:relative; z-index:2; padding:0 10px 0 0; white-space:nowrap;} .withBorder span span {display:inline; padding:0px;} .withBorder:after {content:''; display:table-cell; right:0px; bottom:1px; width:100%; left:auto; -webkit-box-shadow: 0 1px 0 0 #8a0005;box-shadow: 0 1px 0 0 #8a0005; display: none;} .imghdng {margin:5px 0; background-position:0 0; background-repeat:no-repeat; text-indent:-9999em;} .hdngbox {margin:0; padding:3px 10px; font-size:16px; font-weight:bold; color:#fff; background-color:#999;} .pageHeading {position:relative; display:table; min-width: 125px;} /*#whiteRedesign .withBorder span {white-space: nowrap;} #whiteRedesign h2.withBorder span{white-space: normal;}*/ @media only screen and (max-width: 480px) { #whiteRedesign #relatedItemsMain h2.hdng2.withBorder {padding-left: 10px;} } .vanityContent {margin:-25px 0 0 0;} .vanityContent a.site {float:left; color:#ffffff; font-size:1.875em; font-weight:bold; margin:0 0 20px 10px;} .vanityContent .call {float:right; font-size:1.875em; font-weight:bold; color:#ffffff; margin:0 10px 20px 0;} .vanityContent .call .red {color:#cc171f;} .vanityContent .call .small {font-weight:normal;} .homeBannerContainer {padding:20px 0 0 0; position:relative;} .startHere {position:absolute; width:134px; position:absolute; top:10px; left:50%; margin-left:-67px; z-index:5;} .startHere a {text-decoration:none; width:134px; height:134px; display:block; text-indent:-9999em; background:url(/cms/images/layout/icon_startHere.png) no-repeat 0 100%;} .startHereSP a {background:url(/cms/images/layout/icon_startHere_sp.png) no-repeat 0 100%;} .startHereIT a {background:url(/cms/images/layout/icon_startHere_it.png) no-repeat 0 100%;} .startHereDE a {background:url(/cms/images/layout/icon_startHere_de.png) no-repeat 0 100%;} .startHereFR a {background:url(/cms/images/layout/icon_startHere_fr.png) no-repeat 0 100%;} .startHereES a {background:url(/cms/images/layout/icon_startHere_es.png) no-repeat 0 100%;} .startHereDA a {background:url(/cms/images/layout/icon_startHere_da.png) no-repeat 0 100%;} .startHereNL a {background:url(/cms/images/layout/icon_startHere_nl.png) no-repeat 0 100%;} .startHereFI a {background:url(/cms/images/layout/icon_startHere_fi.png) no-repeat 0 100%;} .startHereNO a {background:url(/cms/images/layout/icon_startHere_no.png) no-repeat 0 100%;} .startHereSV a {background:url(/cms/images/layout/icon_startHere_sv.png) no-repeat 0 100%;} .startHerePL a {background:url(/cms/images/layout/icon_startHere_pl.png) no-repeat 0 100%;} .startHereOverlay {width:100%; height:100%; background:#000000; position:absolute; top:0px; left:0px; z-index:4; display:none;} .start-menu-active .startHere a {background-position:0 0;} .start-menu-active .startHereOverlay {display:block;} .homeBanner {display:block; margin:0 0 10px 0; text-align:center; position:relative;} .homeBanner .content {position:absolute; bottom:20px; left:0px; width:100%; color:#ffffff; font-size:1em; font-weight:700; } .homeBannerSmall .content {font-size:.875em;} .homeBanner img.fluid{width: 100%;margin-top: auto;} #whiteRedesign .homeBanner {display:block; margin:0; text-align:initial; position:relative;} #whiteRedesign .homeBanner.hpFlex {display: flex; flex-direction: column; height: 100%;} #whiteRedesign .homeBanner .content { position:relative; bottom:0px; left:0px; color:#000; font-size:1em; font-weight:normal;} #whiteRedesign .homeBanner .content .title { font-size:.938em; display:block; padding:3px 0 0 0; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; font-weight:bold; /*Ticket:#358200*/ } #whiteRedesign .sub {font-size:.75em; font-style:italic; display:block; min-height: 35px;word-wrap: break-word;} #whiteRedesign .homeBanner .sub { min-height: auto !important; margin-bottom: 3px; font-size: .75em; font-style: italic; color: #000; } .homeBannerSmall .content {font-size:.875em;} .homeCallouts { padding:50px 0 20px 0; max-width:900px; margin:0 auto;} .homeCallouts .homeCallout {text-decoration:none; max-width:194px; margin:0 auto 15px; display:block; position:relative;} .homeCallouts .homeCallout .title {position:absolute; width:100%; text-align:center; text-transform:uppercase; bottom:0px; left:0px; background:#a10b0f; margin:0px; padding:5px 5px; font-size:.875em; font-weight:bold; color:#ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow:-3px 3px 0 0px #7b0404, 3px 3px 0 0px #7b0404;} .homeCallouts .homeCallout.blue .title {background:#033e7c; box-shadow:-3px 3px 0 0px #032056, 3px 3px 0 0px #032056;} .shopForVehicleHome { padding:0px 0 14px; background:#222222; display:none;} .shopForVehicleHome .title { color:#ffffff; font-weight:bold; margin:11px 0 10px 45px; } .shopForVehicleHome .title span {font-size:2.4em; line-height:0; position:relative; top:10px; margin:0 10px 0 0;} .shopForVehicleHome select {width:100%; padding:6px 10px; border-radius:3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .shopForVehicleHome .buttons {} .shopForVehicleHome .buttons .btn, .shopForVehicleHome .buttons a.btn {padding:8px 6px 8px 20px;} .shopForVehicleHome .buttons a#lnkGo.btn {padding: 8px 17px;} .shopForVehicleHome .buttons a#lnkGo.btn[disabled=disabled] {opacity: 0.4; cursor: default; pointer-events: none;} #whiteRedesign .shopForVehicleHome .buttons .btn:focus { background-color: #FFF !important; color: #000 !important; outline: 0 !important; } .shopForVehicleHome .buttons .or {color:#ffffff; font-weight:bold; padding:0 16px;} .shopForVehicleHome_make{ float: left; display: inline-block; width: 267px; margin-right: 15px; } .shopForVehicleHome_year{ float: left; display: inline-block; width: 247px; margin-right: 15px; } .shopForVehicleHome_model{ float: left; display: inline-block; width: 247px; margin-right: 15px; } .shopForVehicleHome_buttons{ float: left; display: inline-block; width: 330px; margin-right: 0px; } .banners {margin:10px 0 20px 0;} .banners .banner, .banners a.banner { display:block; text-align:Center;} .banners img {margin:0 0 10px 0;} .interior .banners {margin:10px 0 30px 0;} .storeBanner {} .storeBanner .media {display: table-cell; text-align: center; vertical-align: middle;} .storeBanner .content { display: table-cell; padding:5px 20px; vertical-align: middle; width: 100%;} .bannerStyle1 {padding:0 20px 30px 20px;} #whiteRedesign .storeBanner .content {padding: 5px 20px 5px 0;} #whiteRedesign .bannerStyle2 .grid_12 {padding-left: 0 !important;} .bannerStyle1 .inner {background:#151514; padding:25px; border:1px solid #222222; margin:0 0 15px 0;} .bannerStyle1 .title {color:#cb171f; font-size:1.500em; font-weight:700; line-height:1.3; margin:0 0 10px 0; font-style:italic;} .bannerStyle1 p {color:#9b9b9b; font-weight:bold;} #whiteRedesign .bannerStyle1 {padding: 0 10px} #whiteRedesign .bannerStyle1 .grid_12 {padding: 0 !important;} #whiteRedesign .bannerStyle1 .inner {background: #DDDDDD; border:none;} #whiteRedesign .bannerStyle1 .inner .media {padding: 0 10px 0 0;} #whiteRedesign .bannerStyle1 .title {color: #000; font-style: normal; font-size: 1.2em;} .bannerStyle2 {padding:0 20px 30px 20px; } .bannerStyle2 .inner {border-top:2px solid #a5080e;} .bannerStyle2 .title {font-size:1.500em; font-weight:700; line-height:1.3; margin:0 0 15px 0; font-style:italic;} .bannerStyle2 p {color:#9b9b9b; font-weight:bold;} .bannerStyle3 {padding:40px 35px 20px; border:1px solid #8b8a8a; background: rgb(235,235,235); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIzJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjM2M0YzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(247,247,247,1) 23%, rgba(195,196,195,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,235,235,1)), color-stop(23%,rgba(247,247,247,1)), color-stop(100%,rgba(195,196,195,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(247,247,247,1) 23%,rgba(195,196,195,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(247,247,247,1) 23%,rgba(195,196,195,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(247,247,247,1) 23%,rgba(195,196,195,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(235,235,235,1) 0%,rgba(247,247,247,1) 23%,rgba(195,196,195,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#c3c4c3',GradientType=0 ); /* IE6-8 */ } .bannerStyle3 .inner {} .bannerStyle3 .content {text-align:center; padding:0 40px;} .bannerStyle3 .media {} .bannerStyle3 .media .sub {color:#000000; text-align:right; font-size:0.875em; padding:2px 0 0 0;} .bannerStyle3 .title {color:#000000; font-size:2.250em; font-weight:400; line-height:1.3; margin:0 0 15px 0; text-transform:uppercase;} .bannerStyle3 .title span {color:#7d7d7d;} .bannerStyle3 p {color:#7d7d7d; text-transform:uppercase; margin:0 0 20px 0; font-weight:normal;} .bannerStyle3 p.seeMore {margin:0px; text-align:center; } .bannerStyle3 p.seeMore a {color:#000000;} .lBannerWrap {padding: 0 30px;} .listingBanner {border:1px solid #222222; text-align:center; font-size:1.500em; color:#cb171f; font-style:italic; font-weight:bold; margin:0 0 20px 0;} .listingBanner .inner {padding:20px 20px;} .listingBanner a {color:#ffffff;} .listingBanner .lrg {font-style:normal; font-size:1.250em;} .leftRailContainer .rBanner {margin:0 0 30px 0; text-align:center;} /* ## Store Buttons ## */ .btnAddToCart { margin:0 0 20px 0;} .btnAddToCart .btn{font-size:1.4em; padding:14px 24px;} .selectCarOpt{ width: 100%; text-align: center; } .btnWishlist {background:transparent;} .btnWishlist .btn{padding:1px 2px; font-size:14px; font-weight:normal; color:#000; background:transparent; border:0; text-align:center; text-decoration:none; cursor:pointer;} .btnContinueShopping {background-color:#005e8f;} .btnContinueShopping .btn{width:172px; padding:3px 2px; font-size:16px; font-weight:normal; color:#fff; background-color:#407abc; border:1px solid #97b3cd; text-align:center; text-decoration:none; cursor:pointer;} .hline {width:100%; margin:20px 0; border-bottom:1px solid #D2D2D2;} /* ## text field styles ## */ input.text, textarea.text {padding:6px 4px; border:1px solid #969696; border-right:1px solid #efefef; border-bottom:1px solid #efefef;} .blur {color:#ccc;} select {padding:1px; border:1px solid #969696; border-right:1px solid #efefef; border-bottom:1px solid #efefef;} /* interior styles */ .deptImage { margin-bottom:7px; overflow:hidden; } .deptImage img {display:block;} .pageControl {float:right; text-align:right; color:#b0b0b0;} .pageControl a, .pageControl a:link, .pageControl a:visited {text-decoration:none;} .pageControl a:hover, .pageControl a:active {text-decoration:underline;} .pageControl a.prev, .pageControl a.prev:link, .pageControl a.prev:visited {margin:0 5px 0 0; padding-left:10px; background:url(/cms/images/layout/arrow_left_blue.gif) no-repeat 0 4px;} .pageControl a.next, .pageControl a.next:link, .pageControl a.next:visited {margin:0 0 0 5px; padding-right:10px; background:url(/cms/images/layout/arrow_right_blue.gif) no-repeat 100% 4px;} /* item list */ .pageSectionFeatured {-webkit-box-shadow:none; box-shadow:none; border:1px solid #171717; position:relative; background: rgb(33,33,33); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iNzglIiBzdG9wLWNvbG9yPSIjMjEyMTIxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjMTMxMzEzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-radial-gradient(center, ellipse cover, rgba(33,33,33,1) 78%, rgba(19,19,19,1) 99%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(78%,rgba(33,33,33,1)), color-stop(99%,rgba(19,19,19,1))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, rgba(33,33,33,1) 78%,rgba(19,19,19,1) 99%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, rgba(33,33,33,1) 78%,rgba(19,19,19,1) 99%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, rgba(33,33,33,1) 78%,rgba(19,19,19,1) 99%); /* IE10+ */ background: radial-gradient(ellipse at center, rgba(33,33,33,1) 78%,rgba(19,19,19,1) 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#131313',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ } .pageSectionFeatured:before { display:block !important; height:100px; margin:-30px -20px -100px; position:absolute; content:''; width:100%; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzIwMjAyMCIgc3RvcC1vcGFjaXR5PSIwLjY3Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMDIwMjAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(32,32,32,0.67) 33%, rgba(32,32,32,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(33%,rgba(32,32,32,0.67)), color-stop(100%,rgba(32,32,32,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(32,32,32,0.67) 33%,rgba(32,32,32,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(32,32,32,0.67) 33%,rgba(32,32,32,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(32,32,32,0.67) 33%,rgba(32,32,32,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(32,32,32,0.67) 33%,rgba(32,32,32,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00202020',GradientType=0 ); /* IE6-8 */ } .pageSectionFeatured:after {position:absolute; height:1px; width:100%; content:''; left:0px; top:-1px; background: rgb(68,68,68); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ0NDQ0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2I0YjRiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIxJSIgc3RvcC1jb2xvcj0iIzdhN2E3YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iIzNmM2YzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzM5MzczOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(left, rgba(68,68,68,1) 0%, rgba(180,180,180,1) 10%, rgba(122,122,122,1) 21%, rgba(63,63,63,1) 39%, rgba(57,55,56,1) 44%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(68,68,68,1)), color-stop(10%,rgba(180,180,180,1)), color-stop(21%,rgba(122,122,122,1)), color-stop(39%,rgba(63,63,63,1)), color-stop(44%,rgba(57,55,56,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(68,68,68,1) 0%,rgba(180,180,180,1) 10%,rgba(122,122,122,1) 21%,rgba(63,63,63,1) 39%,rgba(57,55,56,1) 44%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(68,68,68,1) 0%,rgba(180,180,180,1) 10%,rgba(122,122,122,1) 21%,rgba(63,63,63,1) 39%,rgba(57,55,56,1) 44%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(68,68,68,1) 0%,rgba(180,180,180,1) 10%,rgba(122,122,122,1) 21%,rgba(63,63,63,1) 39%,rgba(57,55,56,1) 44%); /* IE10+ */ background: linear-gradient(to right, rgba(68,68,68,1) 0%,rgba(180,180,180,1) 10%,rgba(122,122,122,1) 21%,rgba(63,63,63,1) 39%,rgba(57,55,56,1) 44%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#393738',GradientType=1 ); /* IE6-8 */ } .productList { margin:0 -20px; padding:30px 0 0 0; border-top:2px solid #a5080e;} .departmentList {border:0px; padding:10px 0 0 0;} .productList .itemWrapper {position:relative; margin:0 0 20px; overflow:hidden;} .productList .last { } .itemWrapper a.itemLink {display:block; text-decoration:none; padding:0 0 10px 0; margin:0px;} .itemWrapper .itemImage {display:block; margin:0 auto 5px auto; padding:0; border-bottom:1px solid #8a0005;} .itemWrapper a.itemLink{ position:relative;} /* Ticket: #378414 - Add Product Flag Functionality*/ .itemWrapper .divProductFlag, .newsletter_v2 .floormatsLanding > .product .divProductFlag, #whiteRedesign .homeBanner.hpFlex .divProductFlag { position: absolute; top: 0; left: 0; background-color: #fecc2f; color: #000; font-size: 12px; font-weight: bold; padding: 3px 10px; } /* Ticket: #378414 - Add Product Flag Functionality*/ .itemWrapper .itemContent {padding:0;} .itemWrapper .itemTitle {display:block; padding:0 0 7px 0; margin:0px; font-size:1.125em; font-weight:700;} .itemWrapper .itemTitle a, .itemWrapper .itemTitle a:link, .itemWrapper .itemTitle a:visited {text-decoration:none;} .itemWrapper .itemSku {display:block; margin-bottom:10px; font-size:.9em; color:#999999;} .itemWrapper .itemDesc {color:#9b9b9b; font-weight:bold; font-size:0.813em;} .itemWrapper .itemPrice { font-size:1.1em; } .itemWrapper .itemCallouts {margin:0; text-align:center;} .itemWrapper .itemCO {padding:3px 5px;} .itemWrapper .reviewItem {margin:0 0 8px 0; padding:0; border:0;} .itemWrapper .reviewItem .imgLabel {float:left; display:inline; margin-right:10px;} .productList .viewAll {} .productList .viewAll a.itemLink {position:relative;} .productList .viewAll .itemImage {border:0px; background:url(/cms/images/layout/bg_pattern_overlay.png) repeat 0 0 #ae0303; max-height:173px !important;} .productList .viewAll a.itemLink span {font-size:1.125em; font-weight:700; position:absolute; top:25%; width:100%; text-align:center; padding:0 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .productList .viewAll a.itemLink span span {font-size:1em; position:static; width:auto; margin:0px; padding:0px;} .productList .viewAll .itemContent {} .productList .viewAll .itemTitle {} .itemWrapperWide {} .itemWrapperWide .itemTitle {min-height:0 !important; font-size:1.875em; margin:0 0 15px 0;} .itemWrapperWide a.itemLink {display:table-cell; vertical-align:top; padding:0 15px 0 0;} .itemWrapperWide a.itemLink .itemImage {max-width:none !important;} .itemWrapperWide .itemContent {display:table-cell; vertical-align:top; width:100%; padding:0 0 0 15px;} .itemWrapperWide .itemContent p {font-size:1em; font-weight:normal; color:#9b9b9b; line-height:1.5;} /* white my vehicle page */ #whiteRedesign .mvpWrapper {margin: 0;} #whiteRedesign .mvpListingWrpr {width: 20%;float: left;box-sizing: border-box;position: relative; padding: 0 10px; } #whiteRedesign .mvpListing {background: #dddddd; padding: 10px} #whiteRedesign .itemWrapper a.itemLink {padding: 0 0 5px 0; font-size: 0} #whiteRedesign .itemWrapper .itemTitle {color: #000;font-weight: 700;letter-spacing: -0.04em;word-wrap: break-word;} #whiteRedesign .itemWrapper .itemImage {border: none;} #whiteRedesign .mvpListing .btn {background: #c21118; padding: 7px 10px; box-shadow: 1px 1px 1px #aeaeae; font-size: .8em; font-weight: 600} #whiteRedesign .mvpListing .shopBtn {float: left;} #whiteRedesign .mvpListing .shopPrice {float: right; font-size: .7em; font-style: italic; margin: 6px 0 0 0;} #whiteRedesign .mvpListing .shopPrice span {font-size: 1.2em} #whiteRedesign .mvpListing span.itemSubtitle {font-size: .75em; font-style: italic; font-weight: normal; letter-spacing: -.02em; display: block; margin: 2px 0 3px 0;} #whiteRedesign .mvpListing .mvpListingDetails ul {list-style-type: none; margin: 0; padding: 0 0 10px 8px;} #whiteRedesign .mvpListing .mvpListingDetails ul li {font-size: .8em; margin: 0 0 8px 0; position: relative;} #whiteRedesign .mvpListing .mvpListingDetails ul li:before {content: "\2022"; position: absolute; left: -7px; top: 0px;} #whiteRedesign h2.hdng2.withBorder {font-size: 1.6em; font-weight: 500; letter-spacing: -.04em; margin-left: -10px; margin-bottom:2px} #whiteRedesign h2.hdng2.withBorder span span {display: none;} #whiteRedesign .bannerShipBundle {background: #c21118; text-align: center; margin: 0 0 13px 0;} #whiteRedesign .bannerShipBundle .bannerShipIcons {color: #fff; opacity: .6; font-weight: bold; font-size: 1.6em; vertical-align: top; display: none;} #whiteRedesign .bannerShipBundle .bannerShipIcons span {font-size: .75em; vertical-align: top; line-height: 1.7; display: inline-block; margin: 0 25px;} #whiteRedesign .bannerShipBundle a {display: inline-block; color: #fff; font-weight: 900; font-size: 1.1em; text-transform: uppercase; line-height: 2.1em; margin: 0 60px;} #whiteRedesign .bannerShipBundle a span {font-weight: 500; font-size: .8em; text-transform: none; display: inline-block; margin: 0 0 0 35px;} #whiteRedesign .bannerShipBundle a span:nth-child(1) {font-size: 1em; font-weight: 900;} /* Start Ticket: #355790 Banner ship bundle update */ #whiteRedesign .bannerShipBundleNew { background: #F3F3F3; border: 1px solid #DDD; padding: 12px; color: #000; font-size: 1em; margin-bottom: 20px; text-align:center; } #whiteRedesign .bannerShipBundleNew .desc { display: inline-block; font-weight: 800; font-size: 1.85em; vertical-align: middle; padding: 0px 10px 0 0; } #whiteRedesign .bannerShipBundleNew .desc span { color: #CE181E; } #whiteRedesign .rightSection { display: inline-block; } #whiteRedesign .bannerShipBundleNew .rightArrow { display: inline-block; width: 40px; max-width: 100%; vertical-align: middle; } #whiteRedesign .bannerShipBundleNew .btn { display: inline-block; background-color: #C75300 !important; vertical-align: middle; padding: 15px 40px; margin: 0 auto; font-weight: bold; font-size: 1.1em; } @media screen and (max-width: 943px){ .bannerShipBundleNew .desc { font-size: 1.54em !important; } } @media screen and (max-width: 768px){ .bannerShipBundleNew .desc { font-size: 1.4em !important; } } @media screen and (max-width: 736px){ .bannerShipBundleNew .desc { font-size: 1.4em !important; } } @media screen and (max-width: 732px){ .bannerShipBundleNew .desc { font-size: 1.3em !important; } } @media screen and (max-width: 667px){ .bannerShipBundleNew .desc { font-size: 1.23em !important; } } @media screen and (max-width: 640px){ .bannerShipBundleNew .desc { font-size: 1.17em !important; } } @media screen and (max-width: 600px){ .bannerShipBundleNew .desc { font-size: 1em !important; } } @media screen and (max-width: 568px){ .bannerShipBundleNew .desc { font-size: 1.7em !important; margin-bottom:20px; } .bannerShipBundleNew .rightSection, .bannerShipBundleNew .rightSection .btn { display: block !important; } } @media screen and (max-width: 533px){ .bannerShipBundleNew .desc { font-size: 1.64em !important; padding:0 !important; } } @media screen and (max-width: 480px){ .bannerShipBundleNew .desc { font-size: 1.46em !important; } } @media screen and (max-width: 414px){ .bannerShipBundleNew .desc { display: block; font-size: 1.23em !important; padding: 0 !important; } .bannerShipBundleNew .rightSection, .bannerShipBundleNew .rightSection .btn { display: block !important; } #whiteRedesign .rightSection { display: block; } } @media screen and (max-width: 412px){ .bannerShipBundleNew .desc { font-size: 1.22em !important; } } @media screen and (max-width: 384px){ .bannerShipBundleNew .desc { font-size: 1.13em !important; } } @media screen and (max-width: 375px){ .bannerShipBundleNew .desc { font-size: 1em !important; } } @media screen and (max-width: 360px){ .bannerShipBundleNew .desc { padding:0 !important; } } @media screen and (max-width: 320px){ .bannerShipBundleNew .desc { font-size: .9em !important; } } /* End Ticket: #355790 Banner ship bundle update */ /* Start Ticket: #353895 Generic floor mats landing page */ .floormatsLanding { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center; } .newsletter_v2 .floormatsLanding { -ms-flex-justify-content: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; } .newsletter_v2 .floormatsLanding > .product { -ms-flex: unset !important; -webkit-flex: unset !important; flex: unset !important; border-top: transparent !important; margin:10px 20px 10px 0; padding:0; position: relative; } @media screen and (max-width:512px){ .newsletter_v2 .floormatsLanding > .product { display:block; width:100%; margin:0; padding:10px; } .newsletter_v2 .floormatsLanding > .product img { width:100%; } } .floormatsLanding > .product { -ms-flex: 1 1 12em; -webkit-flex: 1 1 12em; flex: 1 1 12em; text-align: left; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -ms-flex-align-items: center; -webkit-align-align-items: center; align-items: center; max-width: 100%; padding: 10px; border-top: 3px solid #E1E1E1; } .floormatsLanding > .product > .topItem { -ms-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1; position: relative; } @media all and (-ms-high-contrast:none){ .foo { color: green } /* IE10 */ *::-ms-backdrop, .floormatsLanding > .product > .topItem { width:100% } /* IE11 */ } .floormatsLanding h3 { margin-top:10px; } .floormatsLanding span.itemSubtitle { font-size: .64em; font-style: italic; font-weight: normal; letter-spacing: -.02em; display: block; margin: 2px 0 3px 0; } .floormatsLanding .bottomItem { font-weight: bold; margin-bottom:5px; -ms-flex-align-self: flex-start; -webkit-align-self: flex-start; align-self: flex-start; } .floormatsLanding .itemTitle a { color: #000000 !important; } .floormatsLanding .shopPrice { margin-bottom: 5px; } @media only screen and (max-width: 847px) { .floormatsLanding > .product { -ms-flex: 1 1 10em; -webkit-flex: 1 1 10em; flex: 1 1 10em; } } @media only screen and (max-width: 732px) { .floormatsLanding > .product { -ms-flex: 1 1 15em; -webkit-flex: 1 1 15em; flex: 1 1 15em; } .floormatsLanding .bottomItem { -ms-flex-align-self: center; -webkit-align-self: center; align-self: center; width: 84%; } .newsletter_v2 .floormatsLanding .bottomItem { -ms-flex-align-self: flex-start; -webkit-align-self: flex-start; align-self: flex-start; width: auto; } .floormatsLanding .shopPrice { float:left; } .floormatsLanding .shopBtn { float:right; } } @media only screen and (max-width: 667px) { .floormatsLanding > .product { -ms-flex: 1 1 13em; -webkit-flex: 1 1 13em; flex: 1 1 13em; } .floormatsLanding .bottomItem { width: 92%; } } @media only screen and (max-width: 600px) { .floormatsLanding .bottomItem { width: 100%; } } @media only screen and (max-width: 544px) { .floormatsLanding .shopPrice, .floormatsLanding .shopBtn { float: none; } } @media only screen and (max-width: 480px) { .floormatsLanding > .product:first-of-type { border-top:transparent; padding-top: 0; } .floormatsLanding > .product { -ms-flex: 1 1 14em; -webkit-flex: 1 1 14em; flex: 1 1 14em; display: block; } .topItem img { width:100% } .floormatsLanding .shopPrice { float:left; } .floormatsLanding .shopBtn { float:right; } } /* End Ticket: #353895 Generic floor mats landing page */ @media only screen and (max-width: 480px) { #whiteRedesign h2.hdng2.withBorder { margin-left: 10px; font-size: 1.1em; } /*#whiteRedesign h2.hdng2.withBorder:after {width: 100%; display: table-cell}*/ #whiteRedesign .productList { margin: 0; } #whiteRedesign .mvpListingWrpr { width: 50%; padding: 0; } #whiteRedesign .mvpListingWrpr:nth-child(odd) { padding: 0 5px 0 0 } #whiteRedesign .mvpListingWrpr:nth-child(even) { padding: 0 0 0 5px } #whiteRedesign .mvpListing { padding: 7px; } #whiteRedesign .itemWrapper .itemTitle { line-height: .95em; } #whiteRedesign .itemWrapper .itemTitle a, #whiteRedesign .itemWrapper .itemTitle span:nth-child(1) { font-size: .8em } #whiteRedesign .mvpListing span.itemSubtitle { margin: 5px 0 3px } #whiteRedesign .mvpListingDetails { display: none } #whiteRedesign .mvpListing .shopPrice { float: none; text-align: left; font-size: .7em } #whiteRedesign .mvpListing .shopPrice span { font-size: 1em; } #whiteRedesign .mvpListing .shopBtn { float: none; } #whiteRedesign .mvpListing .btn { display: block; } } @media only screen and (min-width: 481px) and (max-width: 1024px) { #whiteRedesign .itemList.productList.departmentList.sw_1half { margin: 0 -15px; } #whiteRedesign .mvpListingWrpr { width: 25%; padding: 0 5px } #whiteRedesign .mvpListing .shopPrice { float: none; text-align:left; } #whiteRedesign .mvpListing .shopPrice span { font-size: 1em; } #whiteRedesign .mvpListing .shopBtn { float: none; } #whiteRedesign .mvpListing .btn { display: block; } #whiteRedesign .bannerShipBundle { font-size: .85em; } } @media only screen and (min-width: 481px) and (max-width: 767px) { #whiteRedesign .productList { margin: 0 -10px; } #whiteRedesign h2.hdng2.withBorder { font-size: 1.2em; margin-left: 20px; } #whiteRedesign .sdvp { bottom: -27px !important } } @media only screen and (max-width: 767px) { #whiteRedesign .bannerShipBundle { font-size: .85em } #whiteRedesign .bannerShipBundle .bannerShipIcons { display: none; } #whiteRedesign .bannerShipBundle a { line-height: 1.5em; margin: 6px 0; font-size: 1em; } #whiteRedesign .bannerShipBundle a span { display: block; margin: 0; font-size: .9em; } } @media only screen and (max-width: 780px) { #whiteRedesign .bannerStyle1 #mvpVideo .content br { display: none; } } @media only screen and (max-width: 780px) { #whiteRedesign .bannerStyle1 #mvpVideo .content br { display: none; } } /* Custom Select Box */ .customSelect { margin: 0 0 20px 0; display: inline-block; min-width: 290px; } .customSelect .selectContainer { position: relative; } .customSelect .selectContainer select { position: absolute; width:100%; bottom: 0px; top: 0px; left: 0px; z-index: 5; opacity: 0; filter: alpha(opacity=0); height: 100%; } .customSelect .selectContainer .optionSelector { display: block; text-align: left; position: relative; background: #fbf5f5; padding: 15px 35px 15px 15px; line-height: 1; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; -webkit-box-shadow: 0 0 1px 0px #444444; box-shadow: 0 0 1px 0px #444444; position: relative; z-index: 5; } .customSelect .selectContainer .optionSelector .small { display: block; color: #af0003; font-size: 1em; text-transform: uppercase; font-weight:bold; } .customSelect .selectContainer .optionSelector:after { position:absolute; content: ''; right: 15px; top: 15px; border-bottom: 6px solid #000000; border-left: 5px solid transparent; border-right: 5px solid transparent; z-index: 10; } .customSelect .selectContainer .optionSelector:before { position: absolute; content: ''; right: 15px; } @media only screen and (max-width: 480px) { #whiteRedesign h2.hdng2.withBorder {margin-left: 10px; font-size: 1.1em;} /*#whiteRedesign h2.hdng2.withBorder:after {width: 100%; display: table-cell}*/ #whiteRedesign .productList {margin: 0;} #whiteRedesign .mvpListingWrpr {width: 50%; padding: 0;} #whiteRedesign .mvpListingWrpr:nth-child(odd) {padding: 0 5px 0 0} #whiteRedesign .mvpListingWrpr:nth-child(even) {padding: 0 0 0 5px} #whiteRedesign .mvpListing {padding: 7px;} #whiteRedesign .itemWrapper .itemTitle {line-height: .95em; } #whiteRedesign .itemWrapper .itemTitle a, #whiteRedesign .itemWrapper .itemTitle span:nth-child(1) {font-size: .8em} #whiteRedesign .mvpListing span.itemSubtitle {margin: 5px 0 3px} #whiteRedesign .mvpListingDetails {display: none} #whiteRedesign .mvpListing .shopPrice {float: none; text-align: left; font-size: .7em} #whiteRedesign .mvpListing .shopPrice span {font-size: 1em;} #whiteRedesign .mvpListing .shopBtn {float: none; } #whiteRedesign .mvpListing .btn {display: block;} } @media only screen and (min-width: 481px) and (max-width: 1024px) { #whiteRedesign .itemList.productList.departmentList.sw_1half {margin: 0 -15px;} #whiteRedesign .mvpListingWrpr {width: 25%; padding: 0 5px} #whiteRedesign .mvpListing .shopPrice {float: none; text-align: left;} #whiteRedesign .mvpListing .shopPrice span {font-size: 1em;} #whiteRedesign .mvpListing .shopBtn {float: none; } #whiteRedesign .mvpListing .btn {display: block;} #whiteRedesign .bannerShipBundle {font-size: .85em;} } @media only screen and (min-width: 481px) and (max-width: 767px) { #whiteRedesign .productList {margin: 0 -10px;} #whiteRedesign h2.hdng2.withBorder {font-size: 1.2em; margin-left: 20px;} #whiteRedesign .sdvp {bottom: -27px !important} } @media only screen and (max-width: 767px) { #whiteRedesign .bannerShipBundle {font-size: .85em} #whiteRedesign .bannerShipBundle .bannerShipIcons {display: none;} #whiteRedesign .bannerShipBundle a {line-height: 1.5em; margin: 6px 0; font-size: 1em;} #whiteRedesign .bannerShipBundle a span {display: block; margin: 0; font-size: .9em;} } @media only screen and (max-width: 780px) { #whiteRedesign .bannerStyle1 #mvpVideo .content br { display: none; } } @media only screen and (max-width: 780px) { #whiteRedesign .bannerStyle1 #mvpVideo .content br { display: none; } } /* Custom Select Box */ .customSelect {margin:0 0 20px 0; display:inline-block; min-width:290px;} .customSelect .selectContainer {position:relative; } .customSelect .selectContainer select {position:absolute; width:100%; bottom:0px; top:0px; left:0px; z-index:5; opacity:0; filter:alpha(opacity=0); height:100%;} .customSelect .selectContainer .optionSelector {display:block; text-align:left; position:relative; background:#fbf5f5; padding:15px 35px 15px 15px; line-height:1; -webkit-border-radius: 3px; border-radius: 3px; cursor:pointer; -webkit-box-shadow:0 0 1px 0px #444444; box-shadow:0 0 1px 0px #444444; position:relative; z-index:5;} .customSelect .selectContainer .optionSelector .small {display:block; color:#af0003; font-size:1em; text-transform:uppercase; font-weight:bold; } .customSelect .selectContainer .optionSelector:after {position:absolute; content:''; right:15px; top:15px; border-bottom:6px solid #000000; border-left:5px solid transparent; border-right:5px solid transparent; z-index:10;} .customSelect .selectContainer .optionSelector:before {position:absolute; content:''; right:15px; top:26px; border-top:6px solid #000000; border-left:5px solid transparent; border-right:5px solid transparent; z-index:10;} .itemSwatches {margin-bottom:7px; padding:0;} .itemSwatches .swatchTitle { font-size:0.8em; } .itemSwatches ul.swatchList li {margin:0 3px 3px 0;} .itemSwatches ul.swatchList li.last {margin-right:0;} ul.swatchList {margin:0; padding:0; list-style-type:none;} ul.swatchList li {float:left; margin:0 2% 0 2%; width:29%;} #whiteRedesign .swatchList .hide, #whiteRedesign .swatchListSpecial .hide { display: none !important; } body#whiteRedesign ul.swatchList:not(.swatchListSpecial) li { flex: 0 1 20%; clear: none; } /*ul.swatchList:not(.small) li:nth-child(3n+1) {clear:both;}*/ ul.swatchList li.last {margin-right:0;} ul.swatchList .swatchAlt {display:none;} ul.swatchList li img {} ul.swatchList li a {display:block; overflow:hidden; text-align:center; color:#9b9b9b; font-size:.813em; font-weight:700; padding: 4px 0;} ul.swatchList li a span {display:block; margin-top: 5px;} ul.swatchList li a:hover, ul.swatchList li a:active {} ul.swatchList li a img, ul.swatchList li input + label img {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 4px solid #000;} ul.swatchList li a.active {color:#cb171f;} ul.swatchList li a.active img {border:4px solid #cb171f;} ul.swatchList.small li {float:left; margin:0 2% 0 2%; width:15%;} ul.swatchList.small li:nth-child(5n+1) {clear:both;} ul.textLink {margin:0; padding:0; list-style-type:none;} ul.textLink li {float:left; display:inline; margin:0 5px 0 0;} ul.textLink li a, ul.textLink li a:link, ul.textLink li a:visited {display:block; width:18px; height:13px; border:1px solid #cccccc; overflow:hidden;} ul.textLink li a:hover, ul.textLink li a:active {border-color:#000;} ul.textLink li a.active, ul.textLink li a.active:link, ul.textLink li a.active:visited {border-color:#000;} .enlargeSwatch {display:none;} .productDetails {border-top:2px solid #a5080e; padding:15px 0 0 0;} .productDetails .productDetailsHdng {font-size:1.250em; color:#9b9b9b; font-weight:bold; margin:0 0 10px 0; } .itemSku {position:absolute; bottom:8px; font-size:.75em; color:#9b9b9b; font-weight:700;} .productDetails ul.textLink li a, .productDetails ul.textLink li a:link, .productDetails ul.textLink li a:visited, .productDetails ul.textLink li a.disabled { display:block; width:auto; height:26px; margin-bottom:5px; padding:1px 3px; text-decoration:none; line-height:25px; text-align:center; font-weight:bold; background:#f6f6f6; border:2px solid #d9d9d9; overflow:hidden; } .productDetails ul.textLink li a.disabled {background:#ddd;border:2px solid #fff;color:#fff;} .productDetails ul.textLink li a.disabled:hover {cursor:default;background:#ddd;} .productDetails ul.textLink li a.active, .productDetails ul.textLink li a.active:link, .productDetails ul.textLink li a.active:visited {border-color:#000;background:#fff;} .productDetails ul.textLink li a:hover, .productDetails ul.textLink li a:active {background:#f9f9f9;} .productDetails div.radioList label {margin-right:7px;} .productDetails .itemSku {margin-bottom:5px; color:#999999;} .productDetails .reviewItem {padding:0; margin-bottom:10px; border:0;} .productDetails .itemDesc {color:#9b9b9b; font-size:1em; font-weight:700; margin:0 0 50px 0;} #whiteRedesign .productDetails .itemDesc { margin: 6px 0 0 0 !important;} .productDetails .customFitDetails { border-bottom:2px solid #a5080e; padding:0 0 15px 0; margin:0 0 15px 0;} .detailsRow {margin-bottom:15px;} .detailsRow select, .detailsRow .text {display:block; margin-bottom:5px; background:#5c5c5c; color:#ffffff; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:0.750em; font-weight:600; padding:5px 5px;} #whiteRedesign .detailsRow select, .detailsRow .text {background: #fff; color: #000;} .detailsRow .note {width:60%; font-size:.9em; color:#666;} .csr-prod-warning {top: 32px !important; z-index: 3000;} div[data-class='ProdWarning'] { height: inherit !important; position: absolute; top: 55%; left: 0; text-align: center; transform: translateY(-50%); } .prodNAText { font-size:1.05em; font-weight:bold; } .prodNALink { margin:0 14px; width:240px; font-size:0.92em; } .rowLabel {display:block; margin-bottom:3px; font-weight:bold; color:#cb171f; font-size:1em;} .customFitDetails .rowLabel {font-size:1em; float:none; width:auto;} .customFitDetails .rowLabel .edit {margin:0 0 0 15px; /*font-size:0.875em;*/ font-size:0.7rem;} .selectedOptions {color:#9b9b9b; font-size:.875em;} #whiteRedesign .selectedOptions {font-size: 1em;} .selectedOptions .optionType {font-weight:700;} .selectedOptions .option {color:#ffffff;} #whiteRedesign .selectedOptions .option {color:#000; display: block;} .vatText {display: block;font-size: 12px !important;font-weight: bold;margin-top: 4px;line-height: 1.35em;} .detailsRow#pVehicleDtl .selectedOptions {display:inline-block;} .customFitDetails .selectOptions {text-align:center;} .fitNotes {padding:3px 0 3px 40px; background:url(/cms/images/layout/icon_fitnote.png) no-repeat 0 50%; font-size:.75em; color:#ffffff; font-weight:700;} .item-availability-msg { font-size: 14px;} .selectionList {display:table; width:100%;} @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media { .selectionList {display:block;} }} .selectionList .rowLabel {display:table-cell; vertical-align:top; padding:0 10px 10px 0; width:125px;} .selectionList .swatchList {display:table-cell;} .productDetailsBottom {padding:0 0 15px 20%; position: relative;} .productDetails .itemPrice {font-weight:bold; font-size:2.025em; display:inline-block; padding:4px 20px 10px 0; margin:0 0 15px 0;} .productDetails .note {color:#9b9b9b; font-size:.875em; font-style:italic; font-weight:700;} .productDetails .note a {background: #FFFFEB;} #whiteRedesign .aLaCarteProduct .productDetails .note {color: #000; font-size: 13px; font-style: normal; margin: 20px 0 0 0; } .productDetailsBottom .btnAddToCart {float:right;text-align: right !important;} #whiteRedesign .aLaCarteProduct .alcHeader {background: #EEEEEE; padding: 5px 10px; font-weight: bold; font-size: 14px; border:1px solid #DEDEDE } @media only screen and (max-width: 767px) { #whiteRedesign .aLaCarteProduct .productDetails .note {padding: 10px;} #whiteRedesign .aLaCarteProduct .alcHeader {margin: 0 -10px;} #whiteRedesign .altViewsContainer div.altViews > div { width: 100% !important; padding-bottom: 10px; } } .avmLocatorButton { border-top:2px solid #333333; padding:15px 0 0 0; text-align:center;} .avmLocatorButton .or {font-weight:bold; margin:0 10px 0 0;} .productImage {position:relative; margin-bottom:10px; border-top:2px solid #a5080e; border-bottom:2px solid #a5080e; text-align:center;} .productImage img.mainImage {display:block; width:100%} .productImage .iconEnlarge {position:absolute; bottom:10px; right:10px; cursor:pointer; color:#ffffff; font-size:1.6em; } .productImage .videoWrapper {margin:20px 0 20px 0;} .productImage .zoomText, .productImage .zoomText_PrimaryItem, .productImage .zoomText {position:absolute; bottom:10px; right:10px; font-size:.75em; font-weight:bold; text-transform:uppercase; padding:5px; color:#cccccc; background-color:rgba(0,0,0,0.5);} .productImage .imageMask, .productImage .imageMask_PrimaryItem, .productImage .imageMask {position:absolute; width:100%; height:100%; top:0px; left:0px; display:none; z-index:100; background:url(/cms/images/spacer.gif) repeat 0 0;} .productImage .shownIn {color: #ccc; background-color:rgba(0,0,0,0.5); font-weight: bold; text-align: left; position: absolute; top: 20px; left: 0; padding: 5px; font-size: 0.75em; text-transform:uppercase;} .productImage .videoWrapper_PrimaryItem, .productImage .videoWrapper {display:none; position:relative; z-index:2;} .isVideo .videoWrapper_PrimaryItem, .isVideo .videoWrapper {display:block;} .isVideo .mainImage_PrimaryItem, .isVideo .zoomText_PrimaryItem, .isVideo .imageMask_PrimaryItem, .isVideo img.mainImage, .isVideo .zoomText, .isVideo .imageMask {display:none;} .altViewsHeader {padding: 0px 0px 3px 12px;} .altViewsHeader .altViewsHeaderSpan {font-weight:700; font-size:0.875em;} .altViewsContainer {position:relative; margin:0 0 15px 0; padding:0px 10px 15px 10px;} .altViewsContainer .shown {position:absolute; top:0px; left:0px; font-size:0.750em; color:#9b9b9b; font-weight:bold;} ul.altViews {margin:0 0 0 0; padding:0; list-style-type:none; max-height:170px; overflow:hidden; -webkit-transition: all .4s linear; -moz-transition: all .4s linear; -ms-transition: all .4s linear; -o-transition: all .4s linear; transition: all .4s linear; } ul.altViews li {float:none; display:inline-block; margin:0 9px 15px 9px; text-align:center; position:relative;} ul.altViews li.last {margin-right:0;} ul.altViews li img {border:1px solid #a5080e; cursor:pointer;} ul.altViews li .active img {border:1px solid #a5080e;} ul.altViews li .videoIcon {position:absolute; width:100%; height:100%; background:url(/cms/images/layout/icon_play.png) no-repeat 50% 50%; cursor:pointer;} .altViewsContainer .trigger {position:absolute; bottom:0px; left:12px; font-size:.875em; font-weight:700; cursor:pointer;} .count0 .trigger, .count1 .trigger, .count2 .trigger {display:none;} .active ul.altViews {max-height:1000px;} .protectionPackageDetails ul.altViews li {margin:0 7px 15px;} #whiteRedesign .protectionPackageDetails {margin: 10px 0 20px;} .configImageView {display:table; width:100%; margin:0 0 20px 0; padding:20px 0 0 0;} .configImageView .imageBlock {display:table-cell;} .imageBlock button { background: transparent; border: 0; } .imageBlock button:hover, .imageBlock button:focus { outline: 2px dotted red; outline-offset: -2px; } .configImageView .or {display:table-cell; padding:40px 20px 0; text-align:center; font-weight:bold; font-size:1.3em; vertical-align:top;} .configImageView .imageBlock a {display:block; text-decoration:none; padding:3px; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor:pointer;} .configImageView .imageBlock img {border:2px solid #000000; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .configImageView .imageBlock .title {padding:15px 0px; font-size:1.2em; font-weight:bold; color:#ffffff; display:block; margin:0px; text-align:left; text-align:center;} .configImageView .imageBlock .desc {font-size:.813em; font-weight:bold; text-align:left;} .configImageView .imageBlock a.active {background:#ffffff;} .configImageView .imageBlock a.active:after, .configImageView .imageBlock button.active:after {position:absolute; z-index:3; content:''; top:45px; left:50%; margin-left:-70px; width:140px; height:140px; background:url(/cms/images/layout/green-check-vehoptions.png) no-repeat 50% 50%; background-size:100%;} .configImageView .imageBlock a.active img {border:2px solid #ffffff;} .configImageView .imageBlock a.active .title {color:#AE0002; } .configImageView2 {width:auto; margin:0px; text-align:center; display:block;} .configImageView2 .imageBlock {display:inline-block; margin:0 0 20px 0; position:relative; max-width:310px; padding:0 0 0 50px; vertical-align:top;} .configImageView2 .imageBlock:nth-child(2n+1) {padding:0px;} .configImageView2 .imageBlock .or {display:inline-block; position:absolute; padding:40px 0; left:13px;} .configImageView2 .imageBlock:nth-child(2n+1) .or {display:none;} .configImageVie2w .imageBlock a {} .configImageView2 .imageBlock img {width:auto;} .configImageView2 .imageBlock .title {} .configImageView2 .imageBlock .desc {} .configImageView3 { margin:0px; text-align:center; display:block; overflow:auto; padding:0px;} .configImageView3 .inner {width:auto; white-space:nowrap;} .configImageView3 .imageBlock {display:inline-block; margin:0; position:relative; max-width:288px; padding:0 10px; vertical-align:top; white-space:normal;} .configImageView3 .imageBlock a {display:block; text-decoration:none; padding:3px; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor:pointer;} .configImageView3 .imageBlock img {border:2px solid #000000; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .configImageView3 .imageBlock .title {padding:15px 0px; font-size:1.2em; font-weight:bold; color:#000; display:block; margin:0px; text-align:left; text-align:center;} .configImageView3 .imageBlock .desc {font-size:.813em; font-weight:bold; text-align:left;} .configImageView3 .imageBlock a.active {background:#ffffff;} .configImageView3 .imageBlock a.active:after, .configImageView3 .imageBlock button.active:after {position:absolute; z-index:3; content:''; top:45px; left:50%; margin-left:-70px; width:140px; height:140px; background:url(/cms/images/layout/green-check-vehoptions.png) no-repeat 50% 50%; background-size:100%;} .configImageView3 .imageBlock a.active img {border:2px solid #000;} .configImageView3 .imageBlock a.active .title {color:#000; } .siteOverlay .productImage { border:1px solid #222222; max-width:320px; margin:0 auto 10px auto;} .siteOverlay .productImage .video {position:absolute; right:-1px; bottom:10px; background:#000000; padding:7px 12px; font-size:0.875em; font-weight:bold;} .siteOverlay .productImage .video .iconCont {float:left; width:32px; font-size:1.2em; background:#202020; -webkit-border-radius: 5px; border-radius: 5px; margin:0 8px 0 0;} .siteOverlay .productDetails {border:0px; padding:0px;} .siteOverlay .productDetails .customFitDetails {border:0px; margin:0px; padding:0px;} .siteOverlay .productDetails .productDetailsHdng {color:#ffffff; font-size:1.875em;} .siteOverlay .productDetails p {font-size:.875em; font-weight:normal;} .siteOverlay .productDetails .selectionList {padding:20px 0 20px 0; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff;} .siteOverlay .productDetails .selectionList .rowLabel {color:#ffffff;} .siteOverlay .productDetails ul.swatchList li {width:auto;} .siteOverlay .productDetails ul.swatchList li a {color:#ffffff;} .siteOverlay .productDetails ul.swatchList li a img{-webkit-box-sizing:inherit; -moz-box-sizing: inherit; box-sizing: inherit; border:0px; margin:4px; } .siteOverlay .productDetails ul.swatchList li a img.active {border:4px solid #ffffff; margin:0px;} .siteOverlay .productDetails .productDetailsBottom {padding:20px 0 0 0;} .siteOverlay .productDetails .itemPrice {padding:2px 20px 2px 0; font-size:2em;} .siteOverlay .productDetails .itemPrice .small {font-size:.65em;} .siteOverlay .productDetails .btnAddToCart .btn {background:#ffffff; color:#cb171f; font-size:1.313em; padding:10px 22px;} /* Protection Packages */ .protectionPackages {} .protectionPackages .protectionPackage {border:2px solid #313131; margin:40px 0 40px 0;} .protectionPackages .protectionHeader {background:#252525; padding:15px 0; margin:0 0 30px 0;} .protectionPackages .protectionHeader .title {font-size:1.500em; color:#ffffff; font-weight:bold; margin:0px;} .protectionPackages .protectionHeader .viewOptions {float:right; margin:10px 0 0 0; font-weight:bold; font-size:.875em;} .protectionPackages .protectionHeader .vehicle {float:right; font-size:1.250em; color:#9b9b9b; font-weight:bold; margin:5px 15px 0 0;} .protectionPackages .protectionHeader .toolTip {width:250px; z-index:9999; top:40px !important;} #whiteRedesign .protectionPackages .protectionPackage {border:1px solid #DEDEDE; margin:0 0 40px 0; padding:0 0 20px;} #whiteRedesign .protectionPackages .protectionHeader {background:#EEEEEE; padding:10px 0; margin:0 0 20px 0; border-bottom:1px solid #DEDEDE;} #whiteRedesign .protectionPackages .protectionHeader .title {font-size:1.2em; color:#232323 !important; font-weight:bold !important; margin:0px;} #whiteRedesign .protectionPackages .protectionHeader .viewOptions {float:right; margin:5px 0 0 0; font-weight:bold; font-size:.875em;} #whiteRedesign .protectionPackages .protectionHeader .vehicle {float:right; font-size:1.2em; color:#555555; font-weight:bold; margin:0px 15px 0 0;} .protectionPackages .protectionPackage .productDetails {padding:0px; border:0px;} #whiteRedesign .protectionPackages .productImage { margin:0 0 10px !important;} #whiteRedesign .protectionPackages .protectionPackage .productDetails .rowLabel {background:#EEEEEE; padding:10px; margin:0 0 10px 0; border:1px solid #DEDEDE; display:block; color:#232323; font-weight:bold; font-size:1.125em !important;} #whiteRedesign .protectionPackages .protectionPackage .productDetails #ultimate {display:block; counter-reset:li; margin:0px; padding:0px; list-style-type:none;} #whiteRedesign .protectionPackages .protectionPackage .productDetails #ultimate > li {position:relative; padding:0 0 0 30px; margin:0 0 8px;} #whiteRedesign .protectionPackages .protectionPackage .productDetails #ultimate > li:before {content:counter(li); counter-increment:li; position:absolute; left:0px; top:0px; width:24px; padding:2px 0; text-align:center; background:#777777; color:#ffffff; border-radius:50px;} #whiteRedesign .protectionPackages .protectionPackage .productDetails #ultimate > li .optionType {color:#000000; display:block; font-weight:bold;} #whiteRedesign .protectionPackages .protectionPackage .productDetails #ultimate > li .option {color:#757575; display:block;} .protectionPackages .protectionPackage .productDetails .customFitDetails {border:0px;} .protectionPackages .protectionPackage .productDetails .customFitDetails .rowLabelLarge {display:inline-block; float:left; margin:0 20px 0 0; font-size:1.250em;} .protectionPackages .protectionPackage .productDetails .customFitDetails .selectedOptionsRadio {display:inline-block; padding:5px 0 0 0;} .protectionPackages .protectionPackage .productDetails .customFitDetails .selectedOptionsRadio .optionType {display:block; color:#9B9B9B; margin:0 0 5px 0;} .protectionPackages .protectionPackage .productDetails .customFitDetails .selectedOptionsRadio .optionType input {margin:0 5px 0 0;} .protectionPackages .protectionPackage .productDetails .selectedOptions .optionType {display:block; color:#ffffff;} .protectionPackages .protectionPackage .productDetails .selectedOptions .option {display:block; font-weight:bold; margin:0 0 8px 0; color:#9b9b9b;} .protectionPackages .protectionPackage .productDetailsBottom {text-align:right;} #whiteRedesign .protectionPackages .protectionPackage .productDetailsBottom {text-align:center; display:block !important;} .protectionPackages .protectionPackage .productDetails .itemPrice {padding:0px; display:block;} #whiteRedesign .protectionPackages .protectionPackage .productDetails .btnAddToCart {display:inline-block !important; margin-bottom:0; width:auto !important;} @media only screen and (min-width:48em) { #whiteRedesign .overlay-cart.addtocart_full .current .grid_6 .btn { width: 100%; } #whiteRedesign .cartwrpr.newCart .cartHeader .flexItem .btnWrapper.btnLarge button{ float:right; } #whiteRedesign .cartwrpr.newCart .cartHeader .flexItem div:only-child .btnWrapper.btnLarge button{ max-width:312px; } #whiteRedesign .protectionPackages .protectionPackage .productDetailsBottom {text-align:right;} #whiteRedesign #chkoutlogincenter #btnLogin { margin-top: 8px; } #whiteRedesign #chkoutloginleft #btnCreateGuest, #whiteRedesign #chkoutlogincenter #btnLogin { padding:5px 10px; } #whiteRedesign #chkoutloginleft .mod { padding: 0 40px 0 0; } #whiteRedesign #chkoutlogincenter .btnWrapper { margin-right:15%; } #whiteRedesign #chkoutlogincenter .help { white-space:nowrap; } } @media only screen and (max-width: 40.625em) { #whiteRedesign #chkoutloginleft { margin-bottom: 30px; } } @media only screen and (max-width:767px) { #whiteRedesign .protectionPackages .protectionHeader .vehicle {float: left; font-size: 1em} #whiteRedesign .packageSummary .itemContent {font-size: 1.2em} #whiteRedesign .protectionPackageDetails .itemWrapper a.change {font-size: .8em} #whiteRedesign #pVehicleDtl {margin-bottom: 20px;} #whiteRedesign #pVehicleDtl .rowLabel {background: transparent; border: none; padding: 0; margin: 0;} #whiteRedesign .protectionPackage .productWrapper .productDetails ul.swatchList li a span {font-size: .9em} #whiteRedesign .productDetails .selectCarOpt {font-size: .8em;} #whiteRedesign .productDetailsBottom {margin-top: 40px;} #whiteRedesign .ltsos {padding-left: 0;} #whiteRedesign .productToolsWrapper.mobileptw .productToolsHolder {padding: 0 0 30px 0;} } #whiteRedesign .protectionPackages .protectionPackage .productDetails .btnAddToCart .btn {max-width:400px !important;} .protectionPackageDetails {margin:0 0 20px 0;} .protectionPackageDetails .protectionPackage {margin:0 0 2px 0; padding:0px;} .protectionPackageDetails .protectionHeader {margin:0 0 -1px 0; cursor: pointer;} #whiteRedesign .protectionPackageDetails .protectionHeader [class*="grid_"] {padding:0 10px !important;} .protectionPackageDetails .protectionHeader .title {color:#6c6c6c;} #whiteRedesign .protectionPackageDetails .protectionHeader .title {color:#777777 !important; position:relative;} #whiteRedesign .protectionPackageDetails .protectionHeader .title .icon {position:absolute; right:0; top:50%; margin-top:-18px; font-size:26px;} #whiteRedesign .protectionPackageDetails .activeStep .protectionHeader .title .icon {top:42%;} #whiteRedesign .protectionPackage .packageItemSummary {color: #666666; font-weight: 600; margin: 0;} .protectionPackageDetails .activeStep .protectionHeader {margin:0 0 30px 0;} #whiteRedesign .protectionPackageDetails .activeStep .protectionPackage { padding:0 0 20px;} .protectionPackageDetails .activeStep .protectionHeader .title {color:#ffffff;} #whiteRedesign .protectionPackageDetails .activeStep .protectionHeader .title {color:#000000 !important;} .protectionPackageDetails .protectionPackage .productDetails {border-top:2px solid #A5080E; padding:15px 0 0 0;} .protectionPackageDetails .protectionPackage .productDetails .customFitDetails {border-bottom:2px solid #A5080E;} .protectionPackageDetails .protectionPackage .productDetails .selectedOptions .optionType {color:#565656; display:inline;} .protectionPackageDetails .protectionPackage .productDetails .selectedOptions .option {display:inline; color:#9b9b9b;} .protectionPackageDetails .stepsTable {width:100%; margin:0 0 25px 0;} .protectionPackageDetails .stepsTable th {text-align:left; padding:0 5px 5px; background:none;} .protectionPackageDetails .stepsTable th.first {text-align:center; width:42px;} #whiteRedesign .protectionPackageDetails .stepsTable th span {display:block; background:#EEEEEE; padding:5px 10px; border:1px solid #DEDEDE; font-size:.9em;} .protectionPackageDetails .stepsTable td {padding:5px; font-weight:bold;} .protectionPackageDetails .stepsTable td.first {text-align:center;} .protectionPackageDetails .stepsTable .stepIcon {background:#CB171F; color:#ffffff; text-align:center; padding:5px 0; width:32px; -webkit-border-radius: 18px; border-radius: 18px; display:inline-block;} #whiteRedesign .protectionPackageDetails .stepsTable .stepIcon {background:#777777; color:#ffffff; text-align:center; padding:3px 0; width:28px; -webkit-border-radius: 18px; border-radius: 18px; display:inline-block;} .protectionPackageDetails .packageItemSummary {list-style-type:none; margin:0 0 10px 0; padding:0px; font-size:.813em; font-weight:bold; color:#333;} .protectionPackageDetails .itemWrapper a.change {font-weight:bold;} .packageSummary .grid_3:nth-child(4n+1) {clear:both;} .packageSummary .itemWrapper {margin-bottom:20px;} #whiteRedesign .packageSummary .itemWrapper {padding:0 10px;} .packageTotalPrice {padding:20px;} .packageTotalPrice .itemPrice {font-weight:bold; font-size:1.1em; margin:0 0 10px 0;} #whiteRedesign .packageTotalPrice .itemPrice {font-weight:bold; font-size:1.1em !important; margin:0 0 10px 0; display:block !important;} /* Carousels */ .carousel {margin:0 0 20px 0; position:relative;} .scrollable {position:relative; overflow:hidden; margin:0 23px;} .scrollable .itemList { margin:0; } .scrollable .items { /* this cannot be too large */ width:20000em; position:absolute; clear:both; } .scrollable .items .itemWrapper {float:left; width:174px; padding:0; margin:0 5px 0 0;} /* prev, next, prevPage and nextPage buttons */ .carousel a.prev, .carousel a.next, .carousel a.prevPage, .carousel a.nextPage {position:absolute; display:block; width:22px; height:45px; top:0; cursor:pointer;} .carousel a.prev, .carousel a.prevPage {left:0; background:url(/cms/images/layout/ui/carousel_left.gif) no-repeat 50% 0;} .carousel a.next, .carousel a.nextPage {right:0; background:url(/cms/images/layout/ui/carousel_right.gif) no-repeat 50% 0;} /* mouseover state */ .carousel a.prev:hover, .carousel a.next:hover, .carousel a.prevPage:hover, .carousel a.nextPage:hover {background-position:50% -45px;} /* disabled navigational button */ .carousel a.disabled, .carousel a.disabled:link, .carousel a.disabled:visited, .carousel a.disabled:hover, .carousel a.disabled:active {background-position:50% -90px; cursor:default;} /* carousel navi */ .carousel .navi {margin-left:22px; width:200px; height:20px;} .carousel .navi a, .carousel .navi a:link, .carousel .navi a:visited {width:8px; height:8px; float:left; margin:3px; background:url(/cms/images/layout/ui/carousel_navigator.png) 0 0 no-repeat; cursor:pointer; overflow:hidden;} .carousel .navi a:hover, .carousel .navi a:hover:active {background-position:0 -8px;} .carousel .navi a.active, .carousel .navi a.active:link, .carousel .navi a.active:visited {background-position:0 -16px;} /* END carousels */ /* dialog windows */ .uiModal {display:none;} .recentDialog .recentlyViewed {border-bottom:1px solid #e5e5e5;} .recentDialog .itemWrapper {float:left; display:inline; width:215px; padding:0 10px 0 0; margin-bottom:20px;} .recentDialog .itemWrapper a.itemLink, .recentDialog .itemWrapper a.itemLink:link, .recentDialog .itemWrapper a.itemLink:visited {float:left; display:inline; width:103px; margin-right:5px;} .recentDialog .itemWrapper .itemImage {padding:0; border:1px solid #d2d2d2;} .recentDialog .itemWrapper .itemDetails {float:left; display:inline; width:105px;} .recentDialog .itemWrapper .itemTitle a, .recentDialog .itemWrapper .itemTitle a:link, .recentDialog .itemWrapper .itemTitle a:visited {color:#000;} .recentDialog .itemWrapper .itemSku {margin-bottom:5px;} .recentDialog .itemWrapper .itemPrice {font-size:1em; font-weight:normal; color:#000;} .imageViewer .mainImage {float:left; display:inline; width:585px;} .imageViewer .mainImage img {border:1px solid #d2d2d2;} .imageViewer .thumbnails {float:left; width:103px;} /* Item added to cart */ #item-dialog { display:none; background:#fff; border:solid 2px #005e8f; position:absolute; top:176px; left:626px; width:320px; z-index:5000; } .hdng-item-dialog { padding:6px 0; text-align:center; font-size:1.4em; background-color:#ecf1f8; border-bottom:solid 1px #ccd1d8; } .item-dialog-content { padding:6px 0 8px 0; margin:0 12px; } .item-dialog-details { color:#444; } /* KKODE 2016/03/28 START */ #cartOverlay_divItemGroups, .cartSlick{ display: none; } /* KKODE 2016/03/28 END */ /* Error Markers */ .fieldlbl {padding:4px 2px 0 0; text-align:right;} .field {padding-left:2px;} .fieldpad {padding-bottom:2px;} .fieldtext {color:#000000;} .fielderror {color:#f00;} .fieldnorm {width:16px; height:20px;} .req, .fieldreq {} .error, .fieldred {} .errorMessage {margin:0 0 25px 0; text-align:left; background-color:#FCD5D5; border:1px solid #ff0000 ;} .help {font-size:.9em; color: #666;} .formee .req, .formee .fieldreq { padding-left: 12px; padding-right: 0; background-position: 0 2px; } .errorWrap {} .errorWrap input, .errorWrap select {color: #881414; background: none repeat scroll 0 0 #FCD5D5; border-color: #881414;} .shipmethod {position:relative; display:inline-block;} .shipalert {position:absolute; right:-198px; top:0; padding:7px 20px 7px 7px; width:160px; border:solid 1px #9baab7; background:#E0E0E0;} .shipalert .arrowTab {position:absolute; top:-1px; left:-9px; width:8px; height:9px; background:url(/cms/images/layout/arrow_left_gray.gif) no-repeat 0 0;} .shipalert .close {position:absolute; top:2px; right:2px; width:13px; height:13px; background:url(/cms/images/layout/icon_x.gif) no-repeat 0 0; text-indent:-9999em;} /* sub-mini cart */ .subCart {margin-bottom:20px;} .subCart th {background:transparent;} /* checkout process */ ul.processSteps {margin:0; padding:0; list-style-type:none;} ul.processSteps li {float:left; display:inline; padding:5px 7px; margin:0 3px 10px 0;} ul.processSteps li.active {background-color:#2F679B; color:#fff; border:1px solid #2F679B;} ul.processSteps li.prevStep {background:#E0E0E0;} ul.processSteps li.prevStep a, ul.processSteps li.prevStep a:link, ul.processSteps li.prevStep a:visited {color:#666;} .userMessage {width:46%; padding:10px 15px; margin-bottom:10px; background:#E0E0E0; border:1px solid #c7c7c7;} /* send to friend */ .friendPopup {width:660px; padding:10px; margin:0 auto;} .friendPopup dl.forms dt {width:90px;} /* Limit Textbox */ .txtlimitbx {background-color:#1c4e87;} .txtlimitbx2 {background-color:#a8c6e0;} /* faq */ ul.faqLinks {margin:5px 0 10px 15px; padding:0; list-style-type:none;} ul.faqLinks li {padding-bottom:5px;} dl.faqList {} dl.faqList dt {font-weight:bold; margin-bottom:3px;} dl.faqList dd {position:relative; padding-left:20px; margin:0 0 7px 0;} dl.faqList .answerLabel {position:absolute; top:0; left:0; font-weight:bold;} /* Edit Customer Order */ .eco {float:right;padding:5px;border:solid 1px #000;background:#fff;margin:5px;position:relative;z-index:1000; color:#f00;line-height:1.5em;} .eco a {color:#f00;font-weight:bold;} /* dropcart */ .dropCart {margin:0 auto; display:none;} .dropCartHeader {padding:5px; font-weight:bold; font-size:12px; background:#D9D9D9; color:#333;} .dropCartHeader .closebtn {float:right; display:inline; width:24px; height:22px; margin:3px 6px 0 0; background:url(/cms/images/layout/dc_close.gif) no-repeat 0 0; text-indent:-9999em; cursor:pointer;} .cartContainer {padding:7px 8px 16px 8px; border-left:1px solid #D9D9D9; border-right:1px solid #D9D9D9; background:#fff;} .dropCart .dropCartContent {padding:10px 0;} .dropCartBase .hdrBannerBar {position:static; height:28px; z-index:1; padding:4px 0 0 10px; border-left:1px solid #D9D9D9; border-bottom:1px solid #999;} .dropCartBase .checkoutBlock {background:#fff; } .dropCartBase .chkoutBoxes {margin-bottom:0; border-right:1px solid #0079AA;} .dropCartBase .chkoutBoxes .chkoutRow {border-left:1px solid #0079AA;} .dropCartBase .chkoutBoxes .chkoutSubtotal {border-left:0; margin-left:1px;} .dropCartBase .chkoutBoxes .chkoutRow .title {height:25px; padding-bottom:0;} .dropCartButtons {padding:5px; text-align:center;} /* recent cart */ .recent-cart {display:none; position:fixed; top:10px; right:10px; width:287px; z-index:1000; background:#fff; border:1px solid #949494;} .recent-cart .itemWrapper {float:none; display:block; width:auto; height:auto; padding:0 10px;} .recent-cart .itemWrapper .itemLink, .recent-cart .itemWrapper .itemLink:link, .recent-cart .itemWrapper .itemLink:visited {float:left; width:101px;} .recent-cart .itemWrapper .itemContent {margin-left:110px;} .recent-cart .itemWrapper .itemTitle {font-weight:bold;} /* collection items */ .collectionItems {border:solid 3px #ddd;padding:10px;height:350px;overflow:auto;} .collectionItems .itemWrapper {padding:10px;} .collectionItems .itemWrapper a.itemLink, .collectionItems .itemWrapper a.itemLink:link, .collectionItems .itemWrapper a.itemLink:visited {float:left; display:inline; width:226px;} .collectionItems .itemWrapper .itemDetails {float:left; display:inline; width:40%; margin-left:10px;} .collectionItems .itemWrapper .itemTitle {display:inline;} .collectionItems .itemWrapper .detailsRow {margin:10px 0;} .collectionItems .itemWrapper .itemQuantity {float:right; display:inline; width:150px;} .collectionItems .itemWrapper .itemQuantity .rowLabel {float:left; display:inline; margin-right:5px; padding-top:3px;} .toolTipTrigger {cursor:pointer;} .toolTip { display:none; color:#ffffff; width:220px; padding:5px; text-align:left; border:2px solid #222222; background:#000000; left:250px !important; z-index:999; } .toolTip ul {margin:0px; padding:0px; list-style-type:none;} .checkoutCart .itemContent .toolTip {left:15px !important;} #whiteRedesign .toolTip {background: #fff;} @media only screen and (max-width: 30.063em) { .toolTip {left:0 !important;} } .Bannerrotate ul, .Bannerrotate ul li {display:block; width:100%; text-align:center; margin:0; padding:0; list-style-type:none;} .RadioButtonList label {margin-right:10px;} /* site tags */ .tagsWrapper {padding:5px; border:1px solid #ccc;} .tagsWrapper .taghdng {font-weight:bold; color:#000; text-decoration:none;} .tagList {display:inline; margin:0; padding:0; list-style-type:none;} .tagList li {display:inline; margin:0 2px;} .tagList a, .tagList a:link, .tagList a:visited {color:#666;} .addTag-trigger{text-decoration:underline; cursor:pointer;} .addTagWrapper {display:none;} .hTagcloud .tagList {display:block; margin:0 auto; text-align:center;} .tagList .popular1 {} .tagList .popular2 {font-size:1.2em;} .tagList .popular3 {font-size:1.4em;} .tagList .popular4 {font-size:1.6em;} .tagList .popular5 {font-size:1.8em;} /* overlay quick view */ .qvWrapper .qvLeft {float:left; display:inline; width:250px; margin-bottom:10px;} .qvWrapper .qvRight {float:right; display:inline; width:250px; margin-bottom:10px; padding-top:5px;} .qvWrapper .productImage {position:relative;} .qvWrapper .productImage img {display:block; margin:0 auto;} .qvWrapper .reviewItem {margin-bottom:18px; padding:10px 0;} .qvWrapper .textRating {display:none;} .qvWrapper .averageCount {margin-left:7px; font-style:italic; color:#2d7ac0;} .qvWrapper .itemPrice {margin:10px 0; padding:0; border:0; line-height:normal;} .qvWrapper .itemButtons {position:absolute; bottom:14px; left:43px; right:43px;} .qvWrapper .itemButtons a.detailsButton, .qvWrapper .itemButtons a.detailsButton:link, .qvWrapper .itemButtons a.detailsButton:visited {display:block; height:28px; margin-bottom:4px; line-height:28px; font-size:10px; font-weight:bold; color:#fff; text-align:center; text-decoration:none; text-transform:uppercase; background:#000; border:1px solid #6e6d6a;} .qvWrapper .itemButtons a.detailsButton:hover, .qvWrapper .itemButtons a.detailsButton:active {background:#6e6d6a;} .qvWrapper .tabnav li a, .qvWrapper .tabnav li a:link, .qvWrapper .tabnav li a:visited {padding:5px 20px; font-size:11px;} .qvWrapper .tabnav li.ui-tabs-selected a, .qvWrapper .tabnav li.ui-tabs-selected a:link, .qvWrapper .tabnav li.ui-tabs-selected a:visited {font-size:11px; padding:6px 20px;} /* ## Member Saved Orders ## */ .savedOrders {} .savedOrders li { padding:10px; border-top:1px dashed #999; } .savedOrders li:first-child { border-top:0; } /* return form */ .returnForminner .cartWrapper {border:2px solid #343434; margin: 20px 0;} .returnForminner .cartList .item{ padding: 5px 20px} .returnForminner .cartList .item .returnPart {display: inline-block; width: 20%;} .returnForminner .cartList .item .returnPrice {display: inline-block; width: 20%;} .returnForminner .cartList .item .returnQty {display: inline-block} #whiteRedesign .returnForminner .cartWrapper {border: none; border-top:1px solid #ccc; margin: 20px 0 50px;} #whiteRedesign .returnForminner .cartList .item{background: #fff; border-bottom: 1px solid #ccc; padding: 5px 20px} #whiteRedesign .returnForminner .cartList .item .returnPart {display: inline-block; width: 20%;} #whiteRedesign .returnForminner .cartList .item .returnPrice {display: inline-block; width: 20%;} #whiteRedesign .returnForminner .cartList .item .returnQty {display: inline-block} @media only screen and (max-width: 960px) { .returnForminner .cartList .item .returnPart {width: 35%;} .returnForminner .cartList .item .returnPrice {width: 35%;} #whiteRedesign .returnForminner .cartList .item .returnPart {width: 35%;} #whiteRedesign .returnForminner .cartList .item .returnPrice {width: 35%;} } /* Cloud Zoom CSS. (c)2012-2013 Star Plugins. */ /* CSS for lens */ .cloudzoom-lens { border:3px solid #A5080E; width:100px; height:100px; box-shadow: -0px -0px 10px rgba(0,0,0,0.40); cursor:crosshair; z-index: 10; } /* CSS for zoom window. */ .cloudzoom-zoom { border:1px solid #888; width:500px; height:200px; box-shadow: -0px -0px 10px rgba(0,0,0,0.40); z-index:1000; } /* CSS for zoom window in 'inside' mode. */ .cloudzoom-zoom-inside { border:none; box-shadow:none; z-index:1000; } /* CSS for captions */ .cloudzoom-caption { display:none; /* CSS captions should be hidden initially */ text-align: left; background-color:#000; color:#fff; font-weight:bold; padding:10px; font-family: sans-serif; font-size:11px; } /* A blank image .cloudzoom-blank { background-image:url(blank.png); }*/ /* The animated ajax loading image */ .cloudzoom-ajax-loader { background-image:url('/cms/images/layout/ajax-loader.gif'); width:32px; height:32px; } .nhlContent.selectionList .rowLabel{ width: 50px; padding-right: 5px; } .nhlContent ul.swatchList li{ margin: 0 1%; width: 18%; } .nhlContent ul.swatchList li a img{ width: auto !important; height: auto !important; } .nhlContent ul.swatchList li a span{ font-size: 0.78em; } .cflContent.selectionList .rowLabel{ width: 75px; padding-right: 5px;} .cflContent ul.swatchList li{ margin: 0 1%; width: 31%;} .cflContent ul.swatchList li a img{ width: auto !important; height: auto !important;} .cflContent ul.swatchList li a span{ font-size: 1em;} @media only screen and (min-width:48em) and (max-width:62.5em){.cflContent ul.swatchList li a span{ font-size: 0.815em;}} @media only screen and (max-width:48.001em) {.cflContent.selectionList .rowLabel{ width: 125px; padding: 0 10px 10px 0;}} .isVideo .imageMask, .isVideo .imageMask_PrimaryItem, .isVideo .imageMask {display:none;} /* Vehicle Measurement */ .conf-table { display: table; border-collapse: collapse; } .conf-cell { display: table-cell; padding: 2px; } .veh-container { display: table; text-align: center; } .veh-row input { border-radius: 0px; } .veh-row { display: table-row; width: 100%; color: #000; font-size: .70em; font-weight: bold; } .veh-row-head { display: table-header-group; font-weight: bold; font-size: .85em; color: #000000; line-height: 1em; } .veh-cell { padding: 5px; margin: 1px; min-width: 61px; max-width: 200px; display: table-cell; border: 0px #000 solid; background-color: #FFFFFF; vertical-align: top; position: relative; font-weight: normal; } .veh-cell-head { padding: 3px; margin: 1px; min-width: 60px; max-width: 200px; display: table-cell; border: 0px #000 solid; background-color: #FFFFFF; vertical-align: middle; border-right: #000 solid 1px; border-bottom: #000 solid 1px; } .veh-cell-head:last-child { border-right: none; } .veh-cell .btn { font-size: 1.45em; padding: 1px 8px; margin-right: 2px; } .veh-row-bottom { display: table-caption; } .inner-fat { padding: 0px !important; overflow-x: auto; } .sdvp { margin-bottom: 0px; float: right; margin-right: 25px; font-size: 0.8em; position: relative; z-index: 500; } #whiteRedesign .sdvp {position: absolute; right: 0px; bottom: -30px; margin-right: 11px; color: #000} @media only screen and (max-width: 30em) { .sdvp { display: none !important; } #pageHeading.hdng span {display: block;} } @media only screen and (max-width: 30em) { .productRequestForm .blockhdng { font-size: 1.0em; } #whiteRedesign .siteHeader h1.sitelogo, #whiteRedesign .siteHeader a.sitelogo, #whiteRedesign .siteHeader a.sitelogo:link, #whiteRedesign .siteHeader a.sitelogo:visited{ width: 320px !important; } } ul.checklist { padding-left: 25px; text-align: left; color: #000; } ul.checklist li { background: url('/cms/images/tick.png') no-repeat left top; padding: 3px 0px 5px 25px; /* reset styles (optional): */ list-style: none; margin: 0; color: #000; font-weight: normal; } .borderLeft { position: absolute; bottom: 0px; left: 0px; width: 99%; border-bottom: 1px dashed #a9a9a9; } .step-edit { float: right; color: #ffffff; font-size: .75em; padding: 5px 5px 0px; } .formee div:after { content: none; } .productRequestForm .inner ul{ font-weight: normal !important; } /*Google Tracking Pixel - Confirmation page to fix broken image link*/ [name='google_conversion_frame']{position:absolute; top:0px; left:0px; z-index:-1000; } img[src*='googleadservices.com/pagead/']{position:absolute; top:0px; left:0px; z-index:-1000; } .detailsRow#pVehicleDtl .selectedOptions { display: inline-block; } .aChangeVehicleHolder { display: block; font-size: .7em; } .aChangeVehicleHolder a#aChangeVehiclePrimaryItem { margin-left:0px; } .donationcontent li { font-size: 0.875em !important; font-weight: 700 !important; } /* ================================================================= Media Queries ===================================================================*/ @media only screen and (max-width:68.750em) { .vanityContent .call {width:500px;} } @media only screen and (max-width:58.750em) { .pageHeading {display:block; clear:both;} .continueShoppingCart {display:block; float:none; clear:both;} .itemSku {position:static; margin:-23px 0 15px 0;} .continueShopping {border:0px;} .itemWrapper .itemTitle {font-size:1em;} /*.productList .itemWrapper .itemTitle {min-height: 65px !important;}*/ .siteInner p {font-size:.813em;} .itemDetailWarranty .contentBlock .media {display:block;} .vanityContent {font-size:.813em;} .vanityContent a.site {float:none;} .vanityContent .call {width:280px; margin:0 0 10px 10px;} } @media only screen and (min-width:11.250em) and (max-width:47.938em) { .homeBanner .content {width:130px; margin-left:-65px; left:50%;} .homeBanner .content {width:130px; /*margin-left:-65px;*/ left:50%;} .continueShopping {margin:0px; padding-top:0px; font-size:.9em;} .productImage .iconEnlarge {display:none;} .productImage .imageMask, .productImage .imageMask_PrimaryItem, .productImage .imageMask {display:block;} .productImage .zoomText, .productImage .zoomText_PrimaryItem, .productImage .zoomText {display:none;} .isVideo .mainImage_PrimaryItem, .isVideo .zoomText_PrimaryItem, .isVideo .imageMask_PrimaryItem, .isVideo img.mainImage, .isVideo .zoomText, .isVideo .imageMask {display:none;} ul.altViews {max-height:85px; text-align:center;} .productDetailsBottom {padding:0 0 15px 0;} .productDetails .itemPrice {font-size:1.4em; padding:8px 0 5px 0; margin:0 0 5px 0;} .btnAddToCart .btn {font-size:1.15em; padding:11px 14px;} .storeBanner .content {display:block; width:auto; padding:5px 0;} .storeBanner .media {display:block;} .productList {margin:0 10px;} .productList .itemWrapper .itemContent {max-width:230px; margin:0 auto;} .productList .viewAll a.itemLink span {max-width:170px; margin-left:-85px; left:50%;} .itemWrapperWide .itemTitle {font-size:1.5em;} .itemWrapperWide a.itemLink {display:block; float:left; width:40%; text-align:left;} .productList .itemWrapperWide .itemContent {max-width:1000px; padding:0px;} .itemWrapperWide a.itemLink .itemImage {max-width:100% !important;} .itemWrapperWide .itemContent p {font-size:.813em;} .banners {text-align:center;} .bannerStyle1 .inner {padding:15px;} .bannerStyle3 {padding:15px;} .withBorder:after {display:none;} .withBorder span {display:block; white-space:normal; } .pageSection .videoWrapper {min-width:0px !important;} .selectionList {display:block; width:auto;} .selectionList .rowLabel {display:block;} .selectionList .swatchList {display:block;} .continueShoppingCart a {float:none; display:inline-block; margin:0 0 10px 0;} .continueShoppingCart .sep {border:0px; border-bottom:1px solid #3a4a4a; height:1px; margin:0 0 10px 0; display:block; float:none;} .vanityContent {font-size:.813em; padding:160px 0 0 0;} .vanityContent a.site {float:none;} .vanityContent .call {width:auto; float:none; margin:0 0 10px 10px;} .configImageView {display:block; width:auto; padding:0px; margin:0;} .configImageView .imageBlock {display:block; text-align:center;} .configImageView .imageBlock a {margin:0 12px 10px;} .configImageView .imageBlock img {max-width:220px !important; width:auto;} .configImageView .imageBlock .title {font-size:1em;} .configImageView .or {display:none;} .configImageView2 {} .configImageView2 .imageBlock {display:inline-block; padding:0 !important;} .configImageView2 .imageBlock .or {display:none;} .configImageView2 .imageBlock img {max-width:260px !important;} .configImageView3 {text-align:left;} .configImageView3 .imageBlock {display:inline-block;} .configImageView3 .imageBlock a {margin:0px;} } @media only screen and (min-width:47em) and (max-width:67em) { .nhlContent ul.swatchList li a span{ font-size: 0.55em; } } @media only screen and (min-width:20em) and (max-width:27em) { .nhlContent ul.swatchList li a span{ font-size: 0.55em; } } @media only screen and (max-width:30em){ .hdng {font-size:1.25em;} .protectionPackages .protectionHeader {margin:0px; padding:15px; font-size:.9em;} #whiteRedesign .protectionPackages .protectionHeader {margin:0px; padding:15px 0; font-size:.9em;} .protectionPackages .protectionHeader .title {font-size:1.2em;} .protectionPackages .protectionPackage .productDetails {padding:0 10px;} .protectionPackages .protectionPackage .productDetailsBottom {padding:0 0 15px 0; text-align:Center;} .protectionPackages .protectionPackage .productDetails .itemPrice {font-size:1.8em;} .detailsRow select, .detailsRow .text {font-size:1em;} #whiteRedesign .detailsRow.selectionList.gcDen select{ font-size: .7em; } .siteOverlay .overlayHdng {font-size:1.1em;} .bannerStyle1 .inner {padding:10px; margin:0 -10px;} .bannerStyle3 {padding:20px;} .siteOverlay .productDetails .itemPrice {display:block; text-align:center;} .siteOverlay .productDetailsBottom .btnAddToCart {display:block; text-align:center; float:none;} } /* Alt view count hide/show more */ @media only screen and (min-width:34.375em){ .count0 .trigger, .count1 .trigger, .count2 .trigger, .count3 .trigger, .count4 .trigger, .count5 .trigger, .count6 .trigger, .count7 .trigger, .count8 .trigger {display:none;} } @media only screen and (min-width:41.875em){ .count0 .trigger, .count1 .trigger, .count2 .trigger, .count3 .trigger, .count4 .trigger {display:none;} } @media only screen and (min-width:34.500em){ .count0 .trigger, .count1 .trigger, .count2 .trigger, .count3 .trigger, .count4 .trigger, .count5 .trigger {display:none;} } @media only screen and (min-width:48.063em){ .count0 .trigger, .count1 .trigger, .count2 .trigger, .count3 .trigger, .count4 .trigger {display:none;} } @media only screen and (min-width:52.875em){ .count0 .trigger, .count1 .trigger, .count2 .trigger, .count3 .trigger, .count4 .trigger, .count5 .trigger, .count6 .trigger {display:none;} } @media only screen and (min-width:70.250em){ .count0 .trigger, .count1 .trigger, .count2 .trigger, .count3 .trigger, .count4 .trigger, .count5 .trigger, .count6 .trigger, .count7 .trigger, .count8 .trigger {display:none;} } @media only screen and (min-width:48em){ .shopForVehicleHome {display:block;} } @media only screen and (max-width:48em){ #whiteRedesign .siteHeader { border-bottom: 2px solid #e1e1e1; } } @media only screen and (max-width:47.938em){ #whiteRedesign.preventScroll { position:fixed; overflow:hidden; } } @media only screen and (max-width:71.250em){ .shopForVehicleHome .container16{ width: 100%; max-width: 768px; } .shopForVehicleHome select{ -webkit-appearance: none; padding: 7px 10px 8px; background-color: white; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAvklEQVQoFY2QMQqEMBBFv7ERa/EMXkGw11K8QbDXzuN4BHv7QO6ifUgj7v4UAdlVM8Uwf+b9YZJISnlqrfEUZVlinucnBGKaJgghbiHOyLyFKIoCbdvecpyReYvo/Ma2bajrGtbaC58kCdZ1RZ7nl/4/4d5EsO/7nzl7IUtodBexMMagaRrs+06JLMvcNWmaOv2W/C/TMAyD58dxROgSmvxFFMdxoOs6lliWBXEcuzokXRbRoJRyvqqqQvye+QDMDz1D6yuj9wAAAABJRU5ErkJggg==); background-position : right center; background-repeat: no-repeat; padding-right: 1.5em; } .shopForVehicleHome_make{ width: 21%; margin: 0 1%; } .shopForVehicleHome_year{ width: 17%; margin-right: 1%; } .shopForVehicleHome_model{ width: 21%; margin-right: 1%; } .shopForVehicleHome_buttons{ width: 37%; margin: 0; } .shopForVehicleHome .container16 .buttons .btn{ padding: 8px 12px; } #whiteRedesign .shopForVehicleHome .container16 .buttons .btn{ padding: 8px 6px 8px 20px; } #whiteRedesign .shopForVehicleHome .container16 .buttons #lnkGo.btn{ padding: 8px 12px; } .shopForVehicleHome .buttons .or{ padding: 0 4px; } } @media only screen and (min-width:48em){ .homeBannerContainer {background:url(/cms/images/layout/bg_home.jpg) no-repeat 50% 100% #000000; padding:40px 0 0 0;} #whiteRedesign .homeBannerContainer { background-image: none; background-color: #FFFFFF; padding:15px 0 0 0;} .storeBanner .media img {max-width:none !important;} } @media only screen and (min-width:58.750em){ .startHere {margin-left:-280px; } .hasVanity .startHere {top:60px;} } @media only screen and (max-width: 47.938em) { .siteOverlay .overlayQ { /* width: 450px;*/ } } @media only screen and (max-width: 38.25em) { .siteOverlay .overlayQ { /* width: 320px;*/ } } @media only screen and (max-width: 30.25em) { .siteOverlay .overlayQ { width: 250px; margin-top: -6px; } #whiteRedesign .siteOverlay .overlayQ { width: 250px; margin: 5px auto 0px; float: none; } .siteOverlay .overlayQq { font-size: 11px; font-weight: bold; } .siteOverlay .overlayQa { font-size: 10px; } } @media only screen and (max-width: 25.25em) { /* .test{ text-align: center !important; }*/ .siteOverlay .overlayQ { width: 70%; padding-top: 20px; padding-left: 15%; padding-bottom: 10px; } } @media only screen and (min-width: 320px) and (max-width: 767px) { .altViewsContainer{ width: auto; padding: 15px 0px; overflow-x: scroll; overflow-y: hidden; /*background: #e400ff;*/ } .altViewsContainer ul.altViews{ position: relative; box-sizing: border-box; -moz-box-orient:horizontal; -ms-box-orient:horizontal; -webkit-box-orient:horizontal; -o-box-orient:horizontal; box-orient:horizontal; display:-moz-box; display:-ms-box; display:-webkit-box; display:-o-box; display:box; list-style-type:none; margin:0; padding:0; overflow: visible; } @keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } @-moz-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } @-ms-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } @-o-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } .altViewsContainer .trigger{ display: none; } .altViewsContainer ul.altViews li{ box-sizing: border-box; display: list-item; position: inherit; width: 97px; height: 73px; margin: 0px 9px; } ul.altViews li .videoIcon{ left: 0px; top: 0px; right: 0px; bottom: 0px; } .altViewsContainer ul.altViews li img{ display: block; } } @media only screen and (max-width:48em){ .fitNotes{ font-size: 0.6em; } .aChangeVehicleHolder{ display: block; } .detailsRow{ margin-bottom: 0px; } .prodNAText { /*font-size:1.05em;*/ font-weight:bold; } .prodNALink { margin:0 14px; width:240px; /*font-size:0.92em;*/ } ul.swatchList li a{ padding-top: 0px; } ul.swatchList li a span{ font-size: .7em; } .pageSectionGradient{ box-shadow: none; padding: 0px; margin-bottom: 5px; } .collapseWrpr .hdng2{ padding-top: 10px; padding-bottom: 10px; padding-left: 10px; margin: 0px; color: #FFFFFF; background: rgb(76,76,76); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjNGM0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMTIxMjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: url(/cms/images/layout/bg_pattern_overlay.png), -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(33,33,33,1) 100%); /* FF3.6+ */ background: url(/cms/images/layout/bg_pattern_overlay.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(100%,rgba(33,33,33,1))); /* Chrome,Safari4+ */ background: url(/cms/images/layout/bg_pattern_overlay.png), -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(33,33,33,1) 100%); /* Chrome10+,Safari5.1+ */ background: url(/cms/images/layout/bg_pattern_overlay.png), -o-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(33,33,33,1) 100%); /* Opera 11.10+ */ background: url(/cms/images/layout/bg_pattern_overlay.png), -ms-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(33,33,33,1) 100%); /* IE10+ */ background: url(/cms/images/layout/bg_pattern_overlay.png), linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(33,33,33,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#212121',GradientType=0 ); /* IE6-8 */ } .collapseWrpr .hdng2::before{ top: 13%; } .test .hdng2 span{ text-align: left !important; } /*.interior .omega .largeLink*/ .footer .footerTop .largeLink{ font-size: .8em; } .footer .largeLink .sep { display: inline; } .footer .largeLink .iconCont{ width: 20px; height: auto; } .footer .largeLink .num{ display: inline-block; margin: 0px; } .interior .banners, .interior .advList{ /*display: none;*/ } .footerMid > div[class*="grid_"]{ margin-top: 0px; } .pageSection { padding-top: 2px; margin-bottom: 0px; } .relatedItemTitle{ padding-top: 30px; } .continueShopping{ padding-bottom: 5px; } .hdng { line-height: 1.1em; } .itemSku{ padding-top: 5px; margin-bottom: 5px; } .grid_6 .altViewsContainer{ padding: 5px 0; margin-bottom: 10px; } .productDetails .itemDesc{ /*padding: 5px 0 0;*/ } .productDetails .vehproduct{ display: none; } .productDetails .customFitDetails{ margin: 0 0 5px; padding: 0 0 5px; } .selectionList .rowLabel{ padding: 0 10px 0 0; } .productListContainer .container .grid_3{ margin-top: 0px; } .siteInner{ margin-bottom: 0px; } ul.socialFollow{ margin-bottom: 5px; } .customFitDetails .rowLabel .edit{ /*margin: 0px;*/ } .headerLinks .productLinkList .grid_3{ margin-top: 4px; } .footerMid .grid_3{ margin-bottom: 5px; } .footerMid .grid_2 br{ display: none; } .customerServiceBlocks .serviceBlocks a.serviceBlock{ margin: 0 auto 20px; } #cartOverlay_divItemGroups{ display: block; } #cartOverlay_divItemGroups_Static{ display: none; } } @media only screen and (max-width: 63em) { .cartSlick{ display: block; } .cartNoSlick{ display: none; } } @media only screen and (min-width: 52.875em) { .hdnDesktop { display: none; } } /* CART SUMMARY POPUP */ .overlay-cart { position:relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:2px solid #CB1720; background:#fff; padding:0px; width:1080px; min-width:318px; display:none; min-height:490px; margin: 56px auto; /*position:absolute; margin:56px auto auto auto; min-height:490px; max-height:530px; top: 0; left: 0; bottom: 0; right: 0; z-index:9999;*/ } .overlay-cart.addtocart_full { border: transparent; margin: auto; width: auto; } .mfp-content .overlay-cart { display:block; } .overlay-cart a { color:#4E4E4E; } .overlay-cart .grid_8 { padding:2%; width:66.66%; display:block; float:left; border-right:1px solid #CACACA; } .overlay-cart.addtocart_full .grid_8 { border-top:1px solid #CACACA; padding:20px 0 0 0 !important; } .overlay-cart .grid_8.pullLeft {padding-top:0;} .overlay-cart:not(.addtocart_full) .grid_4 { padding:2%; width:24.0%; display:block; float:left; min-height:490px; padding-bottom:25px; } @media screen and (min-width:63.813em){ .overlay-cart.addtocart_full .grid_4.continueButton { min-height:auto; } } .overlay-cart .grid_4.pushRight { float:right; padding-bottom:100px; } @media only screen and (min-width:67.5em) { .overlay-cart .grid_4.pushRight{ border-left:1px solid #CACACA; /* padding-left: 24px;*/ margin-left: -1px; } } .overlay-cart .grid_3 { padding:0; width:24%; display:block; float:left; } .overlay-cart hr { border-top:1px dashed #CACACA !important; margin:10px auto; clear:both; width:100%; float:left; } .overlay-cart h1 { padding:0; font-size:1.55em; } .overlay-cart.addtocart_full h1 { font-size:1.2em; } .overlay-cart h1 span.checkmark:before { width:36px; height:35px; content:''; display:inline-block; margin:0 15px -8px 0; background:transparent url(/cms/images/layout/icon_check.png) no-repeat 50% 50%; background-size:contain; } .added-to-cart-heading h1 span.checkmark:before { width:26px; height:27px; margin:0 8px -6px 5px; } .overlay-cart .btn { padding: 14px 24px; min-width:260px; margin-bottom:15px; font-size:1.3em; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .overlay-cart.addtocart_full #cartOverlay_btnViewCart { margin-bottom:5px; } .btnWrapper.btnLarge.checkoutbtn{ background-color: #cb171f; border-radius: 3px; } .overlay-cart input[id$="_btnCheckout"]{ background-color: rgba(0,0,0,0); position: relative; z-index: 9; margin-bottom: 0; } .overlay-cart .btn.alt { background-color:#fff; color:#CB171F; border:1px solid #CB171F; font-size:1.2em; } .overlay-cart.addtocart_full .continueWrpr .btn.alt { font-size:1em; } .overlay-cart .btn.orange { background-color:#E75C01; min-width:196px; font-size: 0.89em; } .overlay-cart .btnSmall .btn.orange { min-width:125px; max-width:125px; font-size:1em; padding: 10px 14px; } .btnWrapper .icon-secure_shopping { color: #fff; /* font-size: 1.3em; position: absolute; margin: 17px 0 0 50px; */ z-index: 10; } .overlay-cart .cart-summary { background:#F0F0F0; padding:10px 10px 15px; margin-bottom:15px; } .overlay-cart .cart-summary h3 { text-transform:normal; margin-bottom:0px; } .overlay-cart .cart-summary hr { margin:15px auto; } .overlay-cart .cart-summary .totalPrice { font-weight:bold; font-size:0.89em; } .overlay-cart .cart-summary .totalPrice .itemCount { font-weight:normal; color:#CB1720; padding-left:3px; } .overlay-cart .cart-summary .totalPrice .price { float:right; } .overlay-cart .continueWrpr { text-align:center; font-size: 1.125em; /*position:absolute;*/ /*bottom:10px;*/ } .overlay-cart .prodPhoto img { width:215px !important; height:auto !important; } .overlay-cart.addtocart_full .prodPhoto img { width:230px !important; height:auto !important; } .overlay-cart .current { clear:both; float:left; width:100%; margin:10px 0 15px; font-size: 1.12em; line-height:1.55em; } .overlay-cart .current .fleft { float:left; width:70%; } .overlay-cart.addtocart_full .current .fleft { width:50%; } .overlay-cart .current .fleft .sku { font-size: 0.75em; color: #9B9B9B; font-weight: 700; margin: 0px 0px 10px; } .overlay-cart .current .fleft .prodPhoto { width:230px; float:left; } .overlay-cart.addtocart_full .current .prodPhoto { width:25%; float:left; margin-bottom:10px; } .overlay-cart.addtocart_full .current .prodPhoto + div { float:left; width:75%; } .overlay-cart .current .fright { float:right; text-align:right; position: relative; min-height:150px; } .overlay-cart .current .priceCut { font-size: 0.675em; font-weight: 600; color: #ff0000;} .overlay-cart .addBag .fright.stack, .overlay-cart .addBag .fleft.stack { width:100%; } @media screen and (min-width:515px) and (max-width:780px){ .overlay-cart .addBag .fright.stack #cartOverlay_divUpsellSelections {padding-left:15px;} } .overlay-cart .addBag .fright #cartOverlay_divUpsellSelections select {margin-bottom:10px;} .overlay-cart .addBag .fright.stack .btnWrapper {display:block; text-align:center;} .overlay-cart .addBag .forget { display:none; } #whiteRedesign .overlay-cart.addtocart_full .addBag .forget, #whiteRedesign .newCart .addBagContainer .accordionTrigger h2 { font-weight:bold; font-size:1.8rem; } #whiteRedesign .overlay-cart.addtocart_full .addBag .forget + h3, #whiteRedesign .newCart .addBagContainer .accordionTrigger h4 { font-weight:normal; font-size:1rem; width: auto; } @media screen and (max-width:768px) { #whiteRedesign .overlay-cart.addtocart_full .addBag .forget, #whiteRedesign .newCart .addBagContainer .accordionTrigger h2 { font-size:1.2rem; } } #whiteRedesign .addBagColor{ text-align: center; font-weight:bold; padding-top:10px; } .overlay-cart .current .large { font-size:1.25em; } .overlay-cart .addWrpr { font-size:1.2em; } .overlay-cart .addWrpr {line-height:1; margin-top:0; padding:0px 10px 10px;} .overlay-cart.addtocart_full .addWrpr {padding:0px 0px 10px;} .overlay-cart .addWrpr .fleft {float:left; width:65%; } .overlay-cart.addtocart_full .addWrpr .fleft {float:left; width:auto; } .overlay-cart .addWrpr .fleft h2 {font-size: 1.292em; line-height: 1.12em;} #whiteRedesign .overlay-cart.addtocart_full .addWrpr .fleft h2 {font-size: 1.2em;} .overlay-cart .addWrpr .fright {float:right;} .overlay-cart .addWrpr .fright .prodPhoto {padding-right:5px;} .overlay-cart .addWrpr .detail {font-size:0.7em; width:48%; margin:5px 15px 15px 0; float:left; line-height: 1.275em;} .overlay-cart .addWrpr .viewDetailWrpr {float:right; max-width:215px; text-align:center; margin:10px 0 20px;} .overlay-cart.addtocart_full .addWrpr .viewDetailWrpr {float:none; margin:10px 0 20px 255px;} .overlay-cart .addWrpr .viewDetailWrpr a {font-size: 0.689em;} .overlay-cart:not(.addtocart_full) .addBag {margin-top:10px; min-height: 240px;} .overlay-cart .addBag .fleft {/*float:left; width:130px;*/ display:block;} .overlay-cart .addBag .fleft .giftBag {width:96px; margin-left:12px;} .overlay-cart .addBag .fleft.stack .giftBag {width:96px; margin:0 auto; display:block;} .overlay-cart .addBag .fright {/*float:left; width:120px; min-height:150px;*/ display:block;} .overlay-cart .addBag .fright .small {font-size:0.73em; display:block; text-align:center;} .overlay-cart .addBag h3 {color:#000; font-style:normal; font-size: 0.98em;text-align: left;} .overlay-cart.addtocart_full .addBag h3 {text-align: center;} .overlay-cart .addBag h3:after {display:none;} .overlay-cart .addBag .price {text-align:center; width:100%; font-weight:bold;} #whiteRedesign .addBag .fleft .giftBag{ margin: 0; width: auto; } #whiteRedesign .addBag .fright { /*width:105px;*/ min-height: auto; /*margin-left: 15px;*/ text-align: center; } #whiteRedesign .page-cart .addBag .fright { font-size: 1.3em; } #whiteRedesign .addBag .fright .swatchListWrpr { width: auto; float: none; } #whiteRedesign .addBag .fright li{ /*float: none;*/ margin: 0 2%; } #whiteRedesign .addBag .fbottom { width: 100%; /*max-width: 235px;*/ margin: 15px auto 0; float: left; text-align: center; } #whiteRedesign .addBag .btnSmall .btn.orange{ max-width: initial; } #whiteRedesign .newCart .addBag .btnSmall .btn.orange { max-width: 250px; width:100%; font-size: 1rem } #whiteRedesign .overlay-cart.addtocart_full .addBag .btnSmall .btn.orange{ max-width: 250px; width: 100%; font-size: 1rem; } #whiteRedesign .addBag .fbottom .small { display: block; font-size: 0.73em; text-align: center; } @media only screen and (min-width:48.063em) { #whiteRedesign .overlay-cart.addtocart_full .accordionBag { display: block !important; } } @media only screen and (min-width:48.063em) { #whiteRedesign .overlay-cart.addtocart_full .grid_4.pushRight .addBag .accordionTrigger { pointer-events: none; } } @media only screen and (max-width:48em) { #whiteRedesign .page-cart .addBag{ display: table; width: 80%; max-width: 400px; padding: 20px 10%; margin: 0 auto; } #whiteRedesign .newCart .page-cart .addBag{ display: block; width: 100%; max-width: 100%; padding:0; margin: 0; background: transparent; } #whiteRedesign .addtocart_full .grid_12.suggested h4 { text-align:center; } #whiteRedesign .overlay-cart.addtocart_full .addBag .forget + h3, #whiteRedesign .newCart .addBagContainer .accordionTrigger h4 { max-width: 85%; } #whiteRedesign .overlay-cart.addtocart_full #cartOverlay_divUpsellItemWrpr { border: 1px solid #000; background: #e8e8e8; } #whiteRedesign .overlay-cart.addtocart_full .accordionTrigger { margin: 0 10px; } #whiteRedesign .overlay-cart.addtocart_full .grid_4.pushRight .addBag .accordionTrigger { text-align: left !important; } #whiteRedesign .overlay-cart.addtocart_full .accordionTrigger span { margin: 0; text-align:left; } #whiteRedesign .overlay-cart.addtocart_full .accordionTrigger h3 { text-align: left !important; } #whiteRedesign .overlay-cart.addtocart_full .accordionTrigger button { width: 4rem; height: 4rem; color: #000; border: 0; position: absolute; right: 0; top: -0.1rem; background: transparent; } #whiteRedesign .overlay-cart.addtocart_full .accordionTrigger button span:first-of-type { top: 25%; bottom: 25%; width: 4px; left: 47%; } #whiteRedesign .overlay-cart.addtocart_full .accordionTrigger.open span:first-of-type { top: 50%; bottom: 50%; } #whiteRedesign .overlay-cart.addtocart_full .accordionTrigger button span:last-of-type { left: 25%; right: 25%; height: 4px; top: 46%; } #whiteRedesign .overlay-cart.addtocart_full .accordionTrigger button span { content: ""; position: absolute; transition: .3s; background: #000; } #whiteRedesign .overlay-cart.addtocart_full .accordionBag { display: none; } } @media only screen and (min-width: 56.563em) and (max-width:64em) { .page-cart .addBag{ text-align: center; } .page-cart .addBag .fright, .page-cart .addBag .fleft { float: none; display: inline-block; vertical-align: top; } } @media only screen and (max-width:63.75em) { #whiteRedesign #overlay-cart.overlay-cart:not(.addtocart_full) .addBag{ display: table; width: 450px; margin: 0 auto; text-align: center; } #whiteRedesign #overlay-cart.overlay-cart:not(.addtocart_full) .addBag .fleft, #whiteRedesign #overlay-cart.overlay-cart .addBag .fright{ display: none; vertical-align: middle; /*width: 47%;*/ } #whiteRedesign #overlay-cart.overlay-cart .addBag .fright{ min-width: 105px; } #whiteRedesign #overlay-cart.overlay-cart .addBag .fleft.show, #whiteRedesign #overlay-cart.overlay-cart .addBag .fright.show{ display: inline-block; float: none; } #whiteRedesign #overlay-cart.overlay-cart .addBag .fbottom.show{ display: block; } #whiteRedesign .overlay-cart .addBag .fleft .giftBag{ width: auto; } #whiteRedesign .overlay-cart.addtocart_full .addBag .fleft .giftBag, #whiteRedesign .newCart .addBag.accordionBag img { max-width: 80% !important; } } @media only screen and (max-width: 28.125em) { #whiteRedesign #overlay-cart.overlay-cart .addBag{ width: 100%; } } .overlay-cart #cartOverlay_divUpsellSelections { text-align: center; font-weight:bold; padding-top: 10px; } .overlay-cart .swatchListWrpr { padding-top: 10px; } .overlay-cart .swatchListWrpr ul.swatchList li { min-height: 40px !important; } .overlay-cart .swatchListWrpr ul.swatchList li a { border: 2px solid #fff; padding:0px; } .overlay-cart .swatchListWrpr ul.swatchList li a img { box-sizing: border-box; border: 2px solid #fff; width:140px !important; height:28px !important; } .overlay-cart .swatchListWrpr ul.swatchList li a.active { border: 2px solid #000; } .overlay-cart .swatchListWrpr ul.swatchList li a:hover img{ border: 2px solid #CB171F; } .overlay-cart .mfp-close { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border:2px solid #CB1720; background:#000; color:#fff; opacity:0.8; font-size: 3em; line-height: 0.90em; margin: -22px -22px 0 0; } .overlay-cart:not(.addtocart_full) .suggested { margin:15px 10px 0; } .overlay-cart .suggested .prodImage img { width:142px !important; height:auto !important; min-width: 125px; max-width: 142px; margin:0 auto; display:block; max-height:105px; } .overlay-cart .suggested .price {width:100%; display:block; font-size:1em; font-weight:bold; margin:10px 0 5px;} .overlay-cart .suggested .title {width:100%; display:block; font-size:0.75em; min-width: 125px; max-width: 142px; margin:4px auto 6px; display:block; min-height:34px;} .overlay-cart .suggested .btnWrapper {min-width: 125px; max-width: 142px; margin:0 auto; display:block;} .overlay-cart .suggested .btn.orange {min-width: 125px; max-width: 142px;} .overlay-cart .current .fleft .attributes {margin-top:10px; font-size:0.75em; line-height:1.275;} .overlay-cart .current .fleft .attributes li {margin-left:14px; font-size:0.875em;} .overlay-cart .current .fright .remove { position: absolute; bottom: 0px; font-size: 0.85em; text-align: right; width: 100%; display: block; } .overlay-cart .scrollable {height:255px; width:300px;} .overlay-cart .scrollable .grid_3 {max-width:150px; width:auto; float:none; display:inline-block; margin-right:25px;} .overlay-cart .slick-slider {margin-bottom:0;} .overlay-cart .addBag .btnMobileAddBagDetails {display:none;} #whiteRedesign .mfp-slide-in.mfp-ready.mfp-bg {opacity: .4} #whiteRedesign .overlay-cart .addBag ul.swatchList li, #whiteRedesign .page-cart .addBag ul.swatchList li {width: 30px;} #whiteRedesign .overlay-cart.addtocart_full .addBag ul.swatchList li { float: none; display: inline-block; } #whiteRedesign .overlay-cart .addBag ul.swatchList li a.active img, #whiteRedesign .page-cart .addBag ul.swatchList li a.active img {border:2px solid #fff;} #whiteRedesign .overlay-cart .swatchListWrpr ul.swatchList li a:hover, #whiteRedesign .page-cart .swatchListWrpr ul.swatchList li a:hover {border:2px solid #CB171F} @media only screen and (min-width:941px) and (max-width:1002px) { #whiteRedesign .mfp-content .overlay-cart {margin-top: 125px;} } @media only screen and (min-width:781px) and (max-width:940px) { #whiteRedesign .mfp-content .overlay-cart {margin-top: 225px;} } @media only screen and (min-width:768px) and (max-width:780px) { #whiteRedesign .mfp-content .overlay-cart {margin-top: 10px;} } @media only screen and (max-width:63.8em) { .overlay-cart {width:96%;} .overlay-cart.addtocart_full { position: relative; left: 0; } .overlay-cart:not(.addtocart_full) .grid_8, .overlay-cart:not(.addtocart_full) .grid_4 {border:none; width:96%; padding-bottom:5px; min-height:100px;} .overlay-cart .grid_4.pushRight {padding-bottom:5px;} .overlay-cart .grid_8.pullLeft {padding-bottom:90px;} .overlay-cart .current .fright .remove {display:none;} .overlay-cart .cart-summary h3 {float:left; margin-right:6px} .overlay-cart .cart-summary hr {display:none;} .overlay-cart .cart-summary .totalPrice {float:right; font-weight:normal;} .overlay-cart .cart-summary .totalPrice .itemCount {margin-right:6px;} .overlay-cart .cart-summary .totalPrice .price {font-weight:bold; float:none;} .overlay-cart .slick-slider {margin-bottom:45px;} .overlay-cart.addtocart_full .slick-slider {margin-bottom:10px;} .overlay-cart.addtocart_full .slick-dots {position:relative;} .overlay-cart:not(.addtocart_full) .addBag .forget { display:block; color: #000; font-weight: bold; font-size: 0.98em; width: 100%; text-align: left !important; } } #whiteRedesign .overlay-cart.addtocart_full #cartOverlay_divItemGroups_Static .grid_3 input.btn, #whiteRedesign .overlay-cart.addtocart_full #cartOverlay_divItemGroups .grid_3 input.btn { width:80%; min-width:auto; } #whiteRedesign .overlay-cart.addtocart_full .grid_4.pushRight.continueButton {padding:20px;} @media screen and (max-width:48em){ #whiteRedesign .overlay-cart.addtocart_full .grid_4.pushRight.continueButton {padding:0px;} } #whiteRedesign .overlay-cart.addtocart_full #cartOverlay_divItemGroupsWrpr { font-weight:normal; } #whiteRedesign .overlay-cart.addtocart_full #cartOverlay_divHitchPinUpsell:empty { display:none; } @media screen and (min-width:769px){ #whiteRedesign .overlay-cart.addtocart_full #cartOverlay_divHitchPinUpsellSelections:empty + #cartOverlay_divItemGroupsWrpr { margin-bottom:150px; } } @media screen and (max-width:767px){ #whiteRedesign .overlay-cart.addtocart_full #cartOverlay_divItemGroups .grid_3 input.btn { width:100%; } } #whiteRedesign .overlay-cart.addtocart_full #cartOverlay_divItemGroups .grid_3 input.btn { font-size:1em; } html[lang="es"] #whiteRedesign .overlay-cart.addtocart_full #cartOverlay_divItemGroups .grid_3 input.btn { font-size:0.8em; } #whiteRedesign .overlay-cart.addtocart_full { border: transparent; } @media screen and (min-width:480px){ #whiteRedesign .overlay-cart.addtocart_full { width: auto; margin: -20px -20px auto; } } #whiteRedesign .overlay-cart.addtocart_full .current .grid_6:last-child { text-align:center; } @media screen and (max-width:767px){ #whiteRedesign .overlay-cart.addtocart_full .current .grid_6:last-child { padding:0; } } @media screen and (max-width:736px) { #whiteRedesign .overlay-cart.addtocart_full .current .grid_6:last-child, #whiteRedesign .overlay-cart.addtocart_full .grid_4.pushRight.omega { padding:0; } } #whiteRedesign .cartwrpr.newCart .continueWrpr .btn.alt.continue {padding: 14px 0px; font-size:1em;} .cartHeader .grid_6.alpha.omega { padding:0; } .cartHeader .grid_6 .sub-total .alpha.omega { display:inline-block; float:left; } .cartHeader .grid_6 .sub-total .alpha.omega:last-child, .cartHeader .grid_6 .sub-total .alpha.omega + #spanCartTotal { padding-left:5px; } .cartHeader .grid_6 .sub-total .alpha.omega #spanCartTotal { display:block; } @media only screen and (min-width: 62.550em) { #whiteRedesign .overlay-cart {width: 97%; max-width:1100px; margin-top: 125px; } #whiteRedesign .overlay-cart .btnWrapper, #whiteRedesign .page-cart .btnWrapper {display: block;} #whiteRedesign .overlay-cart.addtocart_full .grid_7.omega { float:right; } #whiteRedesign .overlay-cart.addtocart_full .grid_6.omega .btnWrapper, #whiteRedesign .cartHeader .grid_6:last-child > div {float:right;width: 47%;} #whiteRedesign .overlay-cart.addtocart_full .grid_6.omega .btnWrapper:first-child, #whiteRedesign .cartHeader .grid_6.omega .payPal {float:left; margin-right:10px;} #whiteRedesign .overlay-cart .btnWrapper .btn, #whiteRedesign .page-cart .btnWrapper {width: 100%; min-width: initial !important;} #whiteRedesign .overlay-cart.addtocart_full .grid_6.omega .btnWrapper .btn {width: 100%; padding:14px 0px;} #whiteRedesign .overlay-cart .continueWrpr .btn, #whiteRedesign .page-cart .btnWrapper, #whiteRedesign .cartwrpr.newCart .continueWrpr .btn.alt.continue {padding: 14px 0px;} #whiteRedesign .overlay-cart .addWrpr .detail {width: 45%;} #whiteRedesign .overlay-cart .addWrpr .viewDetailWrpr {width: 200px; margin-right: 10px;} /* #whiteRedesign .btnWrapper .icon-secure_shopping {margin-left: 40px;} */ #whiteRedesign .overlay-cart .grid_4.pushRight {border-left: none;} /* #whiteRedesign .overlay-cart.addtocart_full .btnWrapper .icon-secure_shopping {margin-left: 40px;} */ /* #whiteRedesign .btnWrapper .icon-secure_shopping {margin-left: 50px;} */ #whiteRedesign .overlay-cart.addtocart_full .current .grid_6:first-child, .cartHeader .grid_6:first-child { width: 41.666%; padding-right:10px !important; } #whiteRedesign .overlay-cart.addtocart_full .current .grid_6:last-child, .cartHeader .grid_6:last-child { width: 58.333%; } } @media screen and (max-width:100px){ .cartHeader .flexItem:first-child, .cartHeader .flexItem:last-child { width: 50%; } } /* @media screen and (max-width:1024px) { #whiteRedesign .overlay-cart.addtocart_full .btnWrapper .icon-secure_shopping { margin: 17px 0 0 40px; } } */ @media screen and (max-width:1000px) { #whiteRedesign .overlay-cart.addtocart_full .grid_6.omega .btnWrapper { width: 100%; } #whiteRedesign .cartHeader .grid_6:last-child .btnWrapper.btnLarge {margin-bottom:5px;} /* #whiteRedesign .overlay-cart.addtocart_full .btnWrapper .icon-secure_shopping { left: 10%; margin: 17px 0 0 40px; } */ html[lang="nl"] #whiteRedesign .overlay-cart.addtocart_full .btnWrapper .icon-secure_shopping { margin: 17px 0 0 35px; } } @media screen and (max-width:780px) and (min-width:768px){ #whiteRedesign .overlay-cart.addtocart_full .current .grid_6:first-child { width: 58.333%; padding-right:10px; } #whiteRedesign .overlay-cart.addtocart_full .current .grid_6:last-child { width: 41.666%; } } @media screen and (max-width:767px){ .overlay-cart.addtocart_full .current .prodPhoto, .overlay-cart.addtocart_full .current .prodPhoto + div { float: left; width: 70%; } .overlay-cart.addtocart_full .current .prodPhoto { width: 30%; } #whiteRedesign .overlay-cart.addtocart_full .current .grid_6:first-child { border: 1px solid #CCC; padding: 5px; margin-bottom: 5px; } } @media only screen and (max-width:1104px) and (min-width:1021px) { #whiteRedesign .overlay-cart.addtocart_full #cartOverlay_divItemGroups_Static .grid_3 input.btn { width:90%; } } @media only screen and (min-width: 1000px) and (max-width:1100px) { /* #whiteRedesign .btnWrapper .icon-secure_shopping {margin-left: 40px;} */ #whiteRedesign .overlay-cart .addWrpr .detail{width: 44%;} #whiteRedesign .overlay-cart .prodPhoto img {width: 210px !important} #whiteRedesign .overlay-cart .current .fleft {width: 77%;} } #whiteRedesign .overlay-cart.addtocart_full .grid_4.pushRight .addBag { text-align:center; } @media screen and (min-width:769px) { #whiteRedesign .overlay-cart.addtocart_full .grid_4.pushRight .addBag { padding-left:20px; } } #whiteRedesign .overlay-cart.addtocart_full .addBag .fbottom a, #whiteRedesign .newCart .addBag .fbottom a { margin-bottom: 10px; font-size: 0.875rem; } @media only screen and (min-width:48em) { /*#cartOverlay_divItemGroups{ display: block; }*/ #whiteRedesign .overlay-cart.addtocart_full .grid_12 .suggested { padding:0 10px; margin:10px 0; } #whiteRedesign .overlay-cart.addtocart_full .grid_12 .suggested #cartOverlay_divItemGroups_Static { margin-left: -20px; text-align:center; } #whiteRedesign .overlay-cart.addtocart_full .grid_4.pushRight:not(.continueButton) {border-top:1px solid #CACACA;} .addtocart_full .grid_4 .addBag + .continueButton { border-top: 1px solid #CACACA; display:block; } #whiteRedesign .overlay-cart.addtocart_full .grid_4.pushRight.continueButton { display:none; } .addtocart_full .grid_4 .addBag + .continueButton .continueWrpr { padding: 20px; } #whiteRedesign .overlay-cart.addtocart_full .grid_4.pushRight { padding-left:0px; margin-bottom:10px;} #whiteRedesign .overlay-cart.addtocart_full .addWrpr .detail {width: auto;} #whiteRedesign .overlay-cart.addtocart_full .grid_8.pullLeft #cartOverlay_divItemGroupBanner { border-bottom:1px solid #CACACA; position:relative; } #whiteRedesign .overlay-cart.addtocart_full .grid_8.pullLeft #cartOverlay_divItemGroupBanner #cartOverlay_h2BannerHeader, #whiteRedesign .overlay-cart.addtocart_full .grid_8.pullLeft #cartOverlay_divItemGroupBanner .detail { margin-left:255px; } #whiteRedesign .overlay-cart.addtocart_full .grid_8.pullLeft #cartOverlay_divItemGroupBanner .prodPhoto { position:absolute; top:0; left:auto; } } #whiteRedesign .overlay-cart.addtocart_full .grid_12 .suggested #cartOverlay_divItemGroups { text-align:center; } @media only screen and (max-width:48em) { .addtocart_full .grid_4 .addBag + .continueButton { display:none; } #whiteRedesign .overlay-cart.addtocart_full .grid_4.pushRight.continueButton { display:block; } #whiteRedesign .overlay-cart.addtocart_full .grid_4.pushRight, #whiteRedesign .overlay-cart.addtocart_full .grid_8.pullLeft, #whiteRedesign .overlay-cart.addtocart_full .grid_8.pullLeft #cartOverlay_divItemGroupBanner {border:transparent !important;} #whiteRedesign .overlay-cart.addtocart_full .grid_8.pullLeft { padding-top:5px !important; } #whiteRedesign .overlay-cart.addtocart_full .grid_4.pushRight, .overlay-cart.addtocart_full .grid_8 { width:100%; padding:0px; } .overlay-cart.addtocart_full .addBag .btnMobileAddBagDetails { display:inline-block; width:42%; font-weight:bold; text-align:right; float:right; } } @media only screen and (max-width:48.750em) { .overlay-cart .current {width:96%; padding-left:10px;} #whiteRedesign .overlay-cart.addtocart_full .current {width:100%; padding-left:0px;} .overlay-cart .current .fleft {width:96%;} .overlay-cart .current .fright {width:96%; float:left; text-align:left; margin-top:10px; min-height:40px; width:52%; margin-left:230px;} .overlay-cart .addWrpr .fleft {width:96%;} .overlay-cart .addWrpr .fright {width:96%; float:left;} .overlay-cart .addWrpr .detail {width:96%;} .overlay-cart .addWrpr .viewDetailWrpr {float:none; text-align:left;} .overlay-cart .addWrpr .viewDetailWrpr .btn {margin-bottom:0px;} .overlay-cart .addBag .fright {float:left;} .overlay-cart .grid_3 {width:49%; margin-right:1%;} .overlay-cart .grid_8.pullLeft {padding-bottom:110px;} /* MOBILE FULL*/ .mfp-slide-in.mfp-ready.mfp-bg {opacity:0; display:none;} #whiteRedesign .mfp-slide-in.mfp-ready.mfp-bg {opacity:0.8; /*display:none;*/} .mfp-container {position:relative;} .mfp-wrap {top:192px !important;} .overlay-cart { width:99%; margin-top:-5px; padding-top:60px; -webkit-border-radius: 0%; -moz-border-radius: 0%; border-radius: 0%; } .overlay-cart.addtocart_full { padding-top:0; } #whiteRedesign .overlay-cart {margin-top: 0;} #whiteRedesign .overlay-cart.addtocart_full {margin-top: -30px;} .overlay-cart .mfp-close:before { content:'< Back'; position:absolute; width:80px; height: 50px; text-indent:0; margin:0; padding:0; z-index: 99; font-size:16px; font-weight:bold; left:0; color:#000; } .overlay-cart .mfp-close { background:none; text-indent:-999em; -webkit-border-radius: 0%; -moz-border-radius: 0%; border-radius: 0%; border:none; right:inherit; width:150px; margin:0; width:100%; height:55px; -webkit-box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.6); -moz-box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.6); box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.6); } .overlay-cart .addBag {display:block; float:left; clear:both; margin:10px 0 0; min-height:10px;} .overlay-cart:not(.addtocart_full) .addBag .fleft, .overlay-cart .addBag .fright, .overlay-cart:not(.addtocart_full) .addBag .fbottom {display:none;} .overlay-cart .addBag h3 {color:#CB171F; font-style:italic; font-size:1em; width:55%; display:inline-block; } #whiteRedesign #overlay-cart.overlay-cart .addBag .fleft{ padding-left: 0; } REM.overlay-cart .addBag h3:after {content:'Click For Details +'; display:inline-block; font-size:0.89em; background:#999; padding:4px 20px; color:#fff; cursor:pointer; position:absolute; right:10px; right:27px; text-align:center; font-size:1em; padding:7px 10px; width:33%; max-width:195px; } REM.overlay-cart .addBag h3.open:after {content:'Details -';} .overlay-cart:not(.addtocart_full) .addBag .btnMobileAddBagDetails { display:inline-block; width:42%; font-weight:bold; text-align:right; float:right; } .overlay-cart .addBag .btnMobileAddBagDetails .DetailHidden {display:inline-block; font-size:0.789em; background:#999; padding:7px 4px; color:#fff; cursor:pointer; text-align:center; width:90%; max-width:205px;} .overlay-cart .addBag .btnMobileAddBagDetails .DetailShown {display:none; font-size:0.789em; background:#999; padding:7px 15px; color:#fff; cursor:pointer; text-align:center; } .overlay-cart .addBag .btnMobileAddBagDetails.open .DetailHidden {display:none;} .overlay-cart .addBag .btnMobileAddBagDetails.open .DetailShown {display:inline-block;} .overlay-cart .grid_4 div.cart-summary + span.btnWrapper { z-index:9999; position:absolute; top:10px; right:215px; } .overlay-cart .grid_4 div.cart-summary + span.btnWrapper .btn { padding:4px 10px; min-width:180px; } .overlay-cart .grid_4 div.cart-summary + span.btnWrapper + span.btnWrapper { z-index:9999; position:absolute; top:10px; right:10px; } .overlay-cart .grid_4 div.cart-summary + span.btnWrapper + span.btnWrapper .btn { padding:4px 0 4px 14px; min-width:190px; } .overlay-cart .continueWrpr {position:absolute; bottom:20px; left:0; right:0; padding-top:20px;} .overlay-cart.addtocart_full .continueWrpr { position:relative; bottom:0px; } .btnWrapper .icon-secure_shopping {color:#fff; /* font-size:1.3em; position:absolute; margin:8px 0 0 10px; */} .overlay-cart:not(.addtocart_full) .suggested {border-bottom: 1px dashed #CACACA !important;} #whiteRedesign .overlay-cart .suggested .slick-dots{ bottom: -25px; } #whiteRedesign .overlay-cart.addtocart_full .suggested .slick-dots{ bottom: -20px; } #whiteRedesign .cartwrpr .cartSlick .slick-dots{ bottom: -45px; } .overlay-cart .cart-summary h3 { font-size:0.8789em; float:left; margin-right:6px} .overlay-cart .cart-summary .totalPrice {font-size: 0.8789em; float:right; font-weight:normal;} .overlay-cart .addBag {float:none;} .overlay-cart .addBag .fleft {padding-left:15%;} .overlay-cart .addBag .fright {min-height:130px;} .overlay-cart .addBag .fright #cartOverlay_divUpsellSelections select {margin:10px 0;} .overlay-cart .addWrpr .fleft h2 {font-size: 1.172em; } .overlay-cart .addWrpr .fleft {width:50%;} .overlay-cart .addWrpr .fright {width:50%; text-align:right;} .overlay-cart .addBag .fright.stack {width: 130px;} .overlay-cart .addBag .fleft.stack {width: 120px; } .overlay-cart .addBag .fright.stack .btnWrapper {display:block;} .slick-active {border:none !important;} .btnMobileAddBagDetails{ margin-top: -16px; } } @media screen and (max-width:346px) { #whiteRedesign .overlay-cart.addtocart_full .current {width:96%;} #whiteRedesign .overlay-cart.addtocart_full .grid_4.pushRight, .overlay-cart.addtocart_full .grid_8 { width:96%; float:left; } } @media only screen and (min-width:48.750em) and (max-width:63em) { #whiteRedesign .cartwrpr .cartSlick .slick-dots { bottom: -45px; } } @media screen and (min-width:48em){ .overlay-cart.addtocart_full #cartOverlay_divHitchPinUpsell { border-bottom:1px solid #CCC; } } @media screen and (max-width:48em){ .overlay-cart.addtocart_full #cartOverlay_divHitchPinUpsell { float: none; text-align: center; border: 2px solid red; padding: 10px; border-radius: 5px; margin-bottom:20px; } } @media screen and (max-width:47.938em){ .overlay-cart.addtocart_full .addWrpr .fleft { float: none; text-align: center; border: 2px solid red; padding: 10px; border-radius: 5px; } .overlay-cart.addtocart_full .addWrpr .viewDetailWrpr { margin: auto; } } @media only screen and (max-width:44.063em) { .overlay-cart .addBag h3:after {margin-top:-20px;} } @media only screen and (max-width:32.125em) { .overlay-cart .grid_4 div.cart-summary + span.btnWrapper { z-index:9999; position:absolute; top:10px; right:168px; } .overlay-cart .grid_4 div.cart-summary + span.btnWrapper .btn {min-width:80px; width:auto;} .overlay-cart .grid_4 div.cart-summary + span.btnWrapper + span.btnWrapper .btn {min-width:150px; } /*.overlay-cart .grid_4 hr {display:none;}*/ .overlay-cart .addBag h3 {font-size:.9em; width:60%;} .overlay-cart .grid_4 hr.addBagHr{display:none;} .overlay-cart h1.checkmark {font-size: 1.05em;} .overlay-cart h1 span.checkmark:before { width: 26px; height: 25px; margin: 0 10px -8px 0; } .overlay-cart .current {font-size:0.879em;} .overlay-cart .current .large {font-size:1em;} .overlay-cart .current .fleft .prodPhoto {width: 50%; float: left;} .overlay-cart .prodPhoto img {width: 90% !important; height: auto !important;} .overlay-cart .current .fright {width:100%; float:right; width:52%; margin-top:-10px;} .overlay-cart .addWrpr .fleft h2 {font-size: 0.8em; } .overlay-cart:not(.addtocart_full) .addWrpr .detail {font-size:0.5em; min-height:60px;} .overlay-cart .addWrpr .viewDetailWrpr .btn {min-width:140px;} .overlay-cart .current .fleft .attributes {display:none;} .overlay-cart .addBag .fright.stack, .overlay-cart .addBag .fleft.stack { width:100%; text-align:center; padding:0; } .overlay-cart .addBag .fleft.stack .price {width:100%;} .overlay-cart .addBag .fright.stack #cartOverlay_divUpsellSelections { text-align:center; } .overlay-cart .addBag h3 {width:50%;} .overlay-cart.addtocart_full .addBag h3 {width:auto;} .overlay-cart .addBag h3:after { width:auto; padding:7px 5px; margin-top:30px; max-width:155px; display:block; margin:10px auto; position:relative; right:inherit; position:absolute; right:10px; } } @media only screen and (max-width:30em) { .overlay-cart .addBag .btnMobileAddBagDetails {width:47%;} .overlay-cart .addBag .fleft {padding-left:0%;} .avmFlyout p.topText {font-size:1.05em; font-weight:normal; margin:auto;display:inherit;text-align:center;} #whiteRedesign .headerLinks > ul > li{ width: 25%; } #whiteRedesign .headerLinks a.navItem{ height: 65px; } #whiteRedesign .headerLinks a.navItem .iconCont{ margin-bottom: 6px; } #whiteRedesign .headerLinks a.navItem .inner{ padding: 8px 0px 0px; } #whiteRedesign .siteHeader h1.sitelogo, #whiteRedesign .siteHeader a.sitelogo, #whiteRedesign .siteHeader a.sitelogo:link, #whiteRedesign .siteHeader a.sitelogo:visited{ /*background-size: 300px auto !important;*/ } } @media only screen and (max-width:22.500em) { .overlay-cart {left: -7px;} .overlay-cart .grid_4 div.cart-summary + span.btnWrapper, .overlay-cart .grid_4 div.cart-summary + span.btnWrapper + span.btnWrapper {margin-top:3px;} .overlay-cart .grid_4 div.cart-summary + span.btnWrapper .btn {min-width:105px; max-width:105px; font-size:0.857em;} .overlay-cart .grid_4 div.cart-summary + span.btnWrapper + span.btnWrapper .btn {min-width:125px; font-size: 0.98em;} .btnWrapper .icon-secure_shopping {font-size:1em;} X.overlay-cart {padding-top:120px;} X.overlay-cart .mfp-close {height:110px;} X.overlay-cart .mfp-close:before {margin-top:25px;} .overlay-cart .mfp-close:before { width:60px; font-size:12px;} X.overlay-cart .grid_4 div.cart-summary + span.btnWrapper {right:inherit;} .overlay-cart .grid_4 div.cart-summary + span.btnWrapper {right:148px;} .overlay-cart .current .fleft {font-size: .9em;} .overlay-cart .current .fright {width:100%; width:52%; margin-top:-10px;} .overlay-cart .addBag .fleft {padding-left: 0%;} .overlay-cart .addWrpr .viewDetailWrpr {text-align:center; margin-right:-50%; float:right;} } .overlay-cart .slickScroll .grid_3 .slick-item {width:142px !important; text-align:center;} .overlay-cart .slickScroll .grid_3 .slick-item .title {text-align:left; min-height:34px !important;} /*PHASE1*/ .overlay-cart .current #cartOverlay_lblYour {display:none;} /* LOCALIZATION */ html[lang="es"] .overlay-cart #cartOverlay_btnAddToCart {font-size:0.8em;} .overlay-cart #cartOverlay_btnAddToCart[value="Ajouter au panier"] {font-size:0.68em;} .overlay-cart #cartOverlay_btnContinueShopping[value="Continuez à magasiner"] {font-size:1em;} .overlay-cart .suggested .btn.orange[value="Achetez Maintenant"] {font-size:0.68em;} html[lang="nl"] .overlay-cart #cartOverlay_btnViewCart {font-size:1em;} html[lang="nl"] .overlay-cart.addtocart_full #cartOverlay_btnViewCart {padding: 17px 10px !important;} html[lang="nl"] .overlay-cart #cartOverlay_btnContinueShopping {font-size:0.9em;} html[lang="fr"] .overlay-cart .suggested .btn.orange {font-size:0.68em;} html[lang="fr"] .overlay-cart #cartOverlay_btnViewCart {font-size:1em;} html[lang="fr"] .overlay-cart.addtocart_full #cartOverlay_btnViewCart {font-size:1.2em;} html[lang="fr"] .overlay-cart #cartOverlay_btnContinueShopping {font-size:0.9em;} @media only screen and (max-width:48.750em) { html[lang="es"] .overlay-cart:not(.addtocart_full) #cartOverlay_btnViewCart { font-size:0.85em; line-height:25px; padding:5px 5px; } } @media only screen and (max-width:32.125em) { .overlay-cart:not(.addtocart_full) #cartOverlay_btnViewCart[value="Voir le panier"] {min-width:125px; max-width:125px; font-size:0.857em;} .overlay-cart #cartOverlay_btnCheckout[value="Paiement"] {min-width:125px; font-size: 0.98em;} html[lang="nl"] .overlay-cart:not(.addtocart_full) #cartOverlay_btnViewCart {min-width:125px; max-width:130px; font-size:0.6em; line-height:25px; padding:4px 5px; } html[lang="nl"] .overlay-cart:not(.addtocart_full) #cartOverlay_btnCheckout {min-width:125px; font-size: 0.8em; line-height:25px;} html[lang="nl"] .overlay-cart .grid_4 div.cart-summary + span.btnWrapper {right:148px;} .overlay-cart:not(.addtocart_full) #cartOverlay_btnViewCart[value="Ver carrito"] {min-width:105px; max-width:125px; font-size:0.857em;} .overlay-cart #cartOverlay_btnCheckout[value="Finalizar "] {min-width:125px; font-size: 0.98em;} .overlay-cart #addToCart_PrimaryItem[value="Agregar al Carro"] {font-size: 1.05em;} html[lang="it"] .overlay-cart:not(.addtocart_full) #cartOverlay_btnViewCart {min-width:125px; max-width:130px; font-size:0.8em; line-height:25px; padding:4px 5px; } html[lang="it"] .overlay-cart:not(.addtocart_full) #cartOverlay_btnCheckout {min-width:125px; font-size: 0.8em; line-height:25px;} html[lang="it"] .overlay-cart .grid_4 div.cart-summary + span.btnWrapper {right:148px;} html[lang="es"] .overlay-cart:not(.addtocart_full) #cartOverlay_btnViewCart {min-width:125px; max-width:130px; font-size:0.65em; line-height:25px; padding:4px 5px; } html[lang="es"] .overlay-cart #cartOverlay_btnCheckout {min-width:125px; font-size: 0.8em; line-height:25px;} html[lang="es"] .overlay-cart .grid_4 div.cart-summary + span.btnWrapper {right:148px;} html[lang="de"] .overlay-cart:not(.addtocart_full) #cartOverlay_btnViewCart {min-width:125px; max-width:130px; font-size:0.65em; line-height:25px; padding:4px 5px; } html[lang="de"] .overlay-cart:not(.addtocart_full) #cartOverlay_btnCheckout {min-width:125px; font-size: 0.8em; line-height:25px;} html[lang="de"] .overlay-cart .grid_4 div.cart-summary + span.btnWrapper {right:148px;} html[lang="fr"] .overlay-cart #cartOverlay_btnViewCart {min-width:125px; max-width:130px; font-size:0.65em; line-height:25px; padding:4px 5px; } html[lang="fr"] .overlay-cart.addtocart_full #cartOverlay_btnViewCart {font-size:1.2em; max-width: 100% !important; min-width:100%; padding:14px 24px;} html[lang="fr"] .overlay-cart #cartOverlay_btnCheckout {min-width:125px; font-size: 1.3em; line-height:25px;} html[lang="fr"] .overlay-cart .grid_4 div.cart-summary + span.btnWrapper {right:148px;} } @media only screen and (max-width:22.500em) { .overlay-cart:not(.addtocart_full) #cartOverlay_btnViewCart[value="Voir le panier"] {min-width:105px; max-width:105px; font-size:0.790em; padding: 5px 10px;} .overlay-cart #cartOverlay_btnCheckout[value="Paiement"] {min-width:125px; font-size: 0.98em;} html[lang="nl"] .overlay-cart:not(.addtocart_full) #cartOverlay_btnViewCart {min-width:125px; font-size:0.57em;} html[lang="nl"] .overlay-cart:not(.addtocart_full) #cartOverlay_btnCheckout {min-width:115px; font-size:0.8em; padding:5px 0px 5px 15px;} html[lang="nl"] .overlay-cart .grid_4 div.cart-summary + span.btnWrapper {right:128px;} html[lang="it"] .overlay-cart:not(.addtocart_full) #cartOverlay_btnViewCart {min-width:125px; font-size:0.757em;} html[lang="it"] .overlay-cart:not(.addtocart_full) #cartOverlay_btnCheckout {min-width:115px; font-size:0.8em; padding:5px 0px 5px 15px;} html[lang="it"] .overlay-cart .grid_4 div.cart-summary + span.btnWrapper {right:128px;} html[lang="es"] .overlay-cart:not(.addtocart_full) #cartOverlay_btnViewCart {min-width:125px; font-size:0.57em;} html[lang="es"] .overlay-cart:not(.addtocart_full) #cartOverlay_btnCheckout {min-width:115px; font-size:0.8em; padding:5px 0px 5px 15px;} html[lang="es"] .overlay-cart .grid_4 div.cart-summary + span.btnWrapper {right:128px;} html[lang="de"] .overlay-cart:not(.addtocart_full) #cartOverlay_btnViewCart {min-width:125px; font-size:0.57em;} html[lang="de"] .overlay-cart:not(.addtocart_full) #cartOverlay_btnCheckout {min-width:115px; font-size:0.8em; padding:5px 0px 5px 15px;} html[lang="de"] .overlay-cart .grid_4 div.cart-summary + span.btnWrapper {right:128px;} html[lang="fr"] .overlay-cart:not(.addtocart_full) #cartOverlay_btnViewCart {min-width:125px; font-size:0.57em;} html[lang="fr"] .overlay-cart:not(.addtocart_full) #cartOverlay_btnCheckout {min-width:115px; font-size:0.8em; padding:5px 0px 5px 15px;} html[lang="fr"] .overlay-cart .grid_4 div.cart-summary + span.btnWrapper {right:128px;} } /* END - CART SUMMARY POPUP */ .ltsos{ padding-left: 10px; margin-top: 20px; font-weight: 700; font-size: 1em; cursor: pointer; } @media only screen and (max-width:70em) { div[data-class='ProdWarning']{ position: relative; width: 100%; top: 0; transform: translateY(0); } div[data-class='ProdWarning'] .prodNALink{ margin: 0 auto; } } @media only screen and (max-width:50em){ #divAccDetailsPop{ overflow-y: scroll; } } /* #321061 - Product Page Quantity - (PM) */ .productDetails .ltsos {font-size:0.82em; text-align:center; margin:30px 15px 15px 0;} .productDetails .ltsos strong {color:#cb171f;} @media screen and (max-width:767px){ .productDetails .ltsos {font-size:0.72em;} #whiteRedesign .cartHeader .grid_6:last-child {margin-top:5px;} #whiteRedesign .cartHeader .grid_6:first-child {text-align: center;} #whiteRedesign .cartHeader .grid_6:first-child .sub-total .alpha.omega {float:none;} .cartHeader .grid_6 .sub-total .alpha.omega #spanCartTotal { display: inline-block; } } /* END - #321061 - Product Page Quantity - (PM) */ /* #320746 - Multiple Checkbox Selection in Optional Accessories - (PM) */ #cartOverlay_divAccessory .sku {display:block;} #cartOverlay_divAccessory .divAccessoryHead h3 {font-size:1em;} .divAccessoriesItem {margin:0 auto 15px;} .divAccessories label {max-width: 399px;} @media only screen and (max-width: 390px) { .divAccessoriesItem btn {float: right !important; clear: both; width:auto; margin:0 auto;} .divAccessories label {width:50%;} } #whiteRedesign .overlay-cart.addtocart_full #cartOverlay_divAccessory .fleft, #whiteRedesign .overlay-cart.addtocart_full #itemQtyPrice .fleft {width:auto !important; float:left; min-height: initial !important;} #whiteRedesign .overlay-cart.addtocart_full #itemQtyPrice .fleft, #whiteRedesign .overlay-cart.addtocart_full #cartOverlay_divAccessory .fleft { padding-right:5px; } @media screen and (min-width:1000px){ #whiteRedesign .overlay-cart:not(.addtocart_full) #cartOverlay_divAccessory .divAccessoryHead {float:left; width:225px;} #whiteRedesign .overlay-cart:not(.addtocart_full) #cartOverlay_divAccessory .divAccessoryContent {float:left; width:69%;} #cartOverlay_divAccessory .fleft {width:65% !important;} #whiteRedesign .overlay-cart.addtocart_full #cartOverlay_divAccessory .fleft + fleft {padding-left:5px;} #cartOverlay_divAccessory .fright {width:35%;} } @media screen and (max-width:1138px){ #cartOverlay_divAccessory .divAccessoryContent {float:left; width:100%;} } @media screen and (max-width:768px){ #cartOverlay_divAccessory .divAccessoryContent {display:table; width:100%;} #cartOverlay_divAccessory .divAccessoryContent .fleft {float:none; display:table-cell; width:60%; vertical-align:bottom; padding-bottom:15px;} #cartOverlay_divAccessory .divAccessoryContent .fright {float:none; display:table-cell; width:40%; vertical-align:bottom; padding-bottom:15px; margin-top:0;} #cartOverlay_divAccessory .divAccessoryContent .clear {display:table-row;} #cartOverlay_divAccessory .divAccessoryContent .sku {margin-bottom:0px;} } @media screen and (max-width:560px) { #divAccDetailsPop {float:left;overflow: auto;max-height: 80%;} #divAccDetailsPop .inner {position: relative; z-index: 9999;} #divAccDetailsPop .overlayClose {position: absolute; top: initial; right: 0; color: #fff; margin: -36px 3px 0 0; color: #000; background: #fff; padding: 8px 15px; -webkit-border-bottom-left-radius: 12px; -moz-border-radius-bottomleft: 12px; border-bottom-left-radius: 12px; border-left: 0px solid #ae0303; border-bottom: 0px solid #ae0303; z-index: 10999; } .ltsos a > div {width:80%; margin:0 auto;} .ltsos a > div + div {width:70%; margin-top:10px;} } /* END - #320746 - Multiple Checkbox Selection in Optional Accessories - (PM) */ /* Ticket #323518 */ .pageSectionFeatured {border:none;} /*removes top dark border*/ .pageSectionFeatured::after {display:none;} /*removes top light border*/ @media only screen and (max-width:48em){ .pageSectionFeatured::before {margin: -2px 0px -30px;} /* compensate for -30/-2px padding jump */ } #whiteRedesign .overlay-cart .current .attributes li {font-size: 1em;} #whiteRedesign .overlay-cart .current .attributes li span {font-weight: 700} #whiteRedesign .overlay-cart .btn.alt {border:1px solid #c50606; background: #fff; color: #c50606} #whiteRedesign .overlay-cart .btn.orange {background: #DF5D00} #whiteRedesign .overlay-cart.addtocart_full #cartOverlay_divItemGroupsWrpr .btn.orange {background: #e8e8e8; color:#000; box-sizing: border-box;} #whiteRedesign .overlay-cart:not(.addtocart_full) .addBag { padding-top: 15px; } #whiteRedesign .overlay-cart .addBag a, #whiteRedesign .overlay-cart .addBag a:visited {color: #000;} #whiteRedesign .overlay-cart .current .fright {font-size: 1.1em;} #whiteRedesign .overlay-cart .current .priceCut { font-size: 0.675em; font-weight: 600; color: #ff0000;} #whiteRedesign .overlay-cart .current .fullPrice { text-decoration:line-through;} #whiteRedesign .overlay-cart .suggested #cartOverlay_divItemGroups_Static {font-size: .75em} #whiteRedesign .overlay-cart.addtocart_full .suggested#cartOverlay_divItemGroupsWrpr .title strong { font-weight:normal; } html[lang="en"] #whiteRedesign .overlay-cart.addtocart_full .suggested#cartOverlay_divItemGroupsWrpr .title strong { -moz-hyphens:none; -ms-hyphens:none; -webkit-hyphens: none; hyphens:none; } #whiteRedesign .overlay-cart .suggested .title {font-size: 1em; word-wrap: break-word; -ms-word-break: break-all; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } #whiteRedesign .overlay-cart .suggested .tagline {display: block;} #whiteRedesign .cartpopItem {line-height: 1em; font-size: 1.1em} #whiteRedesign .overlay-cart.addtocart_full .cartpopItem, #whiteRedesign .overlay-cart.addtocart_full .cartpopItem ~ div {padding-left:40px;font-size: 1.12em} #whiteRedesign .overlay-cart.addtocart_full #cartOverlay_divAccessory h3 { margin:0; } #whiteRedesign .cartpopSub {line-height: 1em; font-size: .8em; margin: 5px 0;} #whiteRedesign .cartpopVehicle {font-size: .7em; line-height: 1.1em;} #whiteRedesign .overlay-cart .current .fleft .sku {color: #000; font-size: .7em; font-weight: normal; margin:0; line-height: 1.275em;} #whiteRedesign .overlay-cart .current .fleft .attributes {font-size: .7em; margin: 0; display: block;} #whiteRedesign .overlay-cart .suggested .title {max-width: 142px; margin: 0 auto;} #whiteRedesign .overlay-cart.addtocart_full .suggested .title { text-align: center; margin: 0 auto 10px; } #whiteRedesign .overlay-cart .suggested .btn.orange {font-size: 1.3em;} #whiteRedesign .overlay-cart.addtocart_full .suggested .btn.orange, #whiteRedesign .overlay-cart.addtocart_full .suggested .title, #whiteRedesign .newCart .alsoBought .btn.shopNow, #whiteRedesign .newCart .alsoBought .item .title { font-size: .87rem; } #whiteRedesign .newCart .alsoBought .item .title, #whiteRedesign .newCart .alsoBought .title .titlesub { font-weight: normal; } #whiteRedesign .popcartAccessory {font-size: .875em;} #whiteRedesign .popcartOptLabel {float: left; width: 230px; font-size: 1.1em; font-weight: 700;} #whiteRedesign .popcartOptItem {float: left;} #whiteRedesign .popcartOptItem .attributes {font-size: .875em} #whiteRedesign .popcartOptPrice {float: right; text-align: right;} @media only screen and (max-width: 767px) { #whiteRedesign .overlay-cart .current .fright {margin-top: 0;} #whiteRedesign #cartOverlay_divItemGroups {font-size: .875em} #whiteRedesign .mfp-wrap {top: 200px !important;} #whiteRedesign .overlay-cart:not(.addtocart_full) .continueWrpr .btn.alt {width: 70%;} } @media only screen and (max-width: 480px) { #whiteRedesign .mfp-wrap {top: 158px !important;} #whiteRedesign .overlay-cart.addtocart_full .addWrpr .fleft h2 { font-size: .8em; } } /* WHITE HEADER */ #whiteRedesign .btn, #whiteRedesign a.btn, #whiteRedesign .cartwrpr.newCart .cartHeader .flexItem .btnWrapper.btnLarge button, #whiteRedesign .cartwrpr.newCart .cartHeader .grid_6 .btnWrapper.btnLarge button{ background-color: #e5020b; color: #fff; } #whiteRedesign .cartwrpr.newCart .cartHeader .flexItem .btnWrapper.btnLarge button{ padding: 12px 10px !important; white-space:nowrap; } #whiteRedesign .btn:focus { background-color: #000 !important; outline: 0; color: #fff; } #whiteRedesign .overlay-cart.addtocart_full #cartOverlay_divItemGroupsWrpr .btn.orange:focus, #whiteRedesign .newCart .alsoBought a.btn:focus { color:#FFF !important; } #whiteRedesign .btnAlt, #whiteRedesign a.btnAlt { background-color: #737373; color: #FFF; } #whiteRedesign #chkoutlogincenter #btnLogin { margin-top: 8px; } #whiteRedesign #chkoutloginleft #btnCreateGuest, #whiteRedesign #chkoutlogincenter #btnLogin { padding:5px 10px; } #whiteRedesign #chkoutloginleft .mod, #whiteRedesign #chkoutlogincenter .mod { padding: 0 20px 0 0; } #whiteRedesign .btn .icon-arrow-right::before, #whiteRedesign .btnAlt .icon-arrow-right::before{ position: relative; top: 3px; } #whiteRedesign .siteHeader .container, #whiteRedesign .siteHeader .container .grid_12, #whiteRedesign .siteHeader .headerInner{ position: inherit; } @media only screen and (max-width: 75em) { #whiteRedesign .siteHeader > .container > .grid_12 {padding-right: 0 !important;} } #whiteRedesign .siteHeader{ background: #FFFFFF; background-image: none; } #whiteRedesign .siteHeader h1.sitelogo, #whiteRedesign .siteHeader a.sitelogo, #whiteRedesign .siteHeader a.sitelogo:link, #whiteRedesign .siteHeader a.sitelogo:visited { background: url("/cms/images/layout/white/weathertech.svg") no-repeat; background-size: 100% auto; text-indent: 0; } #whiteRedesign .headerLinks a.navItem .inner{ background: none; border-left: 1px solid #e1e1e1; } #whiteRedesign .headerLinks a.navItem{ background: none; color: #000000; font-weight: normal; } #whiteRedesign .headerLinks a.navItem::before, #whiteRedesign .headerLinks a.navItem::after{ display: none; } #whiteRedesign .headerLinks a.navItem .iconCont .icon-shopping_cart{ background: url("/cms/images/layout/white/icon-cart.png") no-repeat 0 4px / 28px auto; } #whiteRedesign .navItem .icon-shop_by_vehicle{ font-size: 3em; } .siteSelection{ width: 166px; height: 96px; padding: 0; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; font-size: 0.67em; line-height: 1.1; text-align: center; text-transform: uppercase; position: relative; display: inline-table; } .siteSelection.active{ background: #303030; color: #FFFFFF; } .activeCountry, .langSelection button{ display: table-cell; vertical-align: middle; cursor: pointer; } .langSelection button { background: transparent; border: 0; color: #FFF; text-transform: uppercase; line-height: 1.1; text-align: center; padding: 5px 0; } .langSelection button:focus { outline: 2px dotted #E61E28 !important; } .activeCountry img{ width: 16px; } #whiteRedesign .activeCountry img, .langSelection button img { width: auto; display: block; margin: 0 auto 7px; } .activeCountry .downCarrot {position: relative} header nav > ul li:not(.countryNotListed):last-child .downCarrot::after, .activeCountry .downCarrot:after{content: "";position: absolute;left:0;top:5px;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #000;transition: transform 0.5s ease;} header nav > ul li:not(.countryNotListed):last-child .downCarrot::after { left: auto; top: 60%; right: 18%; } .activeCountry:hover .downCarrot::after, .activeCountry:focus .downCarrot::after, .active .activeCountry .downCarrot::after, header nav > ul li:not(.countryNotListed):last-child button:hover .downCarrot::after, header nav > ul li:not(.countryNotListed):last-child button:focus .downCarrot::after, header nav > ul li:not(.countryNotListed):last-child .active .downCarrot::after {border-top-color: #fff;} header nav > ul li:not(.countryNotListed):last-child .active .downCarrot::after, .active .activeCountry .downCarrot:after {transform:rotate(180deg);} .ssList{ display: none; position: absolute; top: 96px; right: -50px; z-index: 100; width: 420px; border: 1px solid #505050; border-top: 0; background: #303030; text-transform: initial; text-align: center; /*padding: 40px;*/ padding: 20px; } #whiteRedesign .ssList {right: -20px} .ssList ul{ padding: 0; display: flex; flex-flow: column wrap; height: 425px; margin-bottom: 0; } .footerBot .ssList ul{ height: 355px; } @media screen and (max-width:409px) { .footerBot .ssList ul, .ssList ul{ height: 340px; } } .ssList li{ /* display: inline-table; */ /*float: left;*/ width: 50%; /* list-style: none; */ /* margin-bottom: 15px; */ /* text-align: left; */ /* padding: 0 10px; */ } @media screen and (max-width:409px) { .ssList li:nth-child(8){ margin-bottom: 15px; } .ssList li:nth-child(9){ margin-bottom: 0; } } .ssListLeft{ display: table-cell; width: 23%; } .ssListRight{ display: table-cell; vertical-align: top; width: 78%; } .ssCountry{ color: #FFFFFF; font-size: 1rem; font-weight: bold; } .ssLanguage{ color: #9E9E9E; font-size: .9rem; } #whiteRedesign .ssLanguage a{ color: #9E9E9E; text-decoration: underline; } #whiteRedesign .navFlyoutVehicle{ background: none; background: #303030; } #whiteRedesign .navFlyout .inner{ max-width: 72em; min-width: 16em; padding-top: 0; padding-bottom: 20px; margin: 0 auto; background-image: none; } #whiteRedesign .navFlyoutVehicle .title{ margin: 30px 0 0; font-size: 2em; } #whiteRedesign .vehiclePicker{ width: 100%; max-width: 900px; } #whiteRedesign .vehiclePicker .vehiclePickerRow{ position: relative; } #whiteRedesign .naPop .updateHolder a.btn{ display: block; } #whiteRedesign .vehiclePicker .optionContainer select{ display: none; } #whiteRedesign .overlayContent .vehiclePicker .optionContainer select{ display: block; } #whiteRedesign .vehiclePicker .vehiclePickerRow.vehiclePickerMobileAdd{ display: none; } #whiteRedesign .vehiclePicker .optionContainer{ padding-bottom: 5px; width: 16.5%; } #whiteRedesign .dealerLocator .vehiclePicker .optionSeperator{ padding: 0 15px; } #whiteRedesign .vehiclePicker .optionSeperator{ padding: 0; width: 4%; } #whiteRedesign .headerLinks .vehiclePicker .optionSeperator [class^="icon-"]{ color: #FFFFFF; } #whiteRedesign .vehiclePicker .optionContainerSmall { width: 12%; } #whiteRedesign .vehiclePicker .optionContainerLarge { width: 60%; } #whiteRedesign .vehiclePicker .optionContainerSmall .title{ font-size: 1em; display: inline; } .optionContainer div[class $= 'DD'] { position: absolute; left: 0; z-index: 500; box-sizing: border-box; width: 100%; max-width: 47.75em; min-width: 16em; height: 320px; padding: 21px; background: #FFFFFF; display: flex; flex-flow: column wrap; border:1px solid #303030; border-top: none; } #whiteRedesign .optionContainer div[class $= 'DD'] {min-width: 11em;} .drpResponsiveMakeDD{ min-height: 440px; max-height: 440px; } .drpResponsiveYearDD{ min-height: 250px; max-height: 250px; } .drpResponsiveModelDD{ min-height: 270px; /* max-height: 270px; */ } .optionContainer div[class $= 'DD'] span:first-child{ display: none; } .optionContainer div[class $= 'DD'] span{ display: inline-block; box-sizing: border-box; padding: 1px 5px; margin: 0 10px 0 0; font-size: 0.9em; cursor: pointer; } .optionContainer.smallDrop{ position: relative; } .optionContainer.largeDrop{ position: relative; } .optionContainer.largeDrop .drpResponsiveYearDD{ width: 550px; } .optionContainer .drpResponsiveMakeDD span{ /*width: 16%;*/ } .optionContainer .drpResponsiveYearDD span{ width: auto; } .optionContainer .drpResponsiveModelDD span{ width: auto; } .optionContainer div[class $= 'DD'] span:hover{ background: #e6e6e6; } #whiteRedesign #dealerExternalInner{ background: #FFFFFF; color: #000; } #whiteRedesign .navFlyoutVehicle .close{ position: relative; z-index: 2; } #whiteRedesign .navFlyoutVehicle .vehiclePickerContainer{ position: relative; z-index: 1; } #whiteRedesign .vehiclePicker .optionContainer .optionSelector.itemSel{ padding-top: 17px; padding-bottom: 17px; background: #fff; } #whiteRedesign .vehiclePicker .optionContainer.optionSize1 .optionSelector.itemSel .large, #vehicle-picker .selectContainer.optionSize1 .optionSelector .large { line-height: 35px; } #whiteRedesign .vehiclePicker .optionContainer.optionSize1.optionSize2 .optionSelector.itemSel .large, #vehicle-picker .selectContainer.optionSize1.optionSize2 .optionSelector .large{ line-height: inherit; } #whiteRedesign .vehiclePicker .optionContainer.optionSize1.optionSize3 .optionSelector.itemSel .large, #vehicle-picker .selectContainer.optionSize1.optionSize3 .optionSelector .large { line-height: 35px; } #whiteRedesign .vehiclePicker .optionContainer .optionSelector .large, #vehicle-picker .selectContainer .large { font-weight: 500; } #whiteRedesign .navFlyoutVehicle p{ font-weight: 500; letter-spacing: -.05px; } #whiteRedesign .navFlyoutVehicle .title [class^="icon-"], header #vehicle-picker .icon-shop_by_vehicle { font-size: 2.2em; line-height: .6em; } #whiteRedesign .navFlyoutVehicle .vehiclePicker .optionContainer .viewProducts{ background-color: #cb171f; background-image: none; } #whiteRedesign .navFlyoutVehicle .vehiclePicker .optionContainer .disabled .viewProducts{ background-color: #FF0000; } #whiteRedesign .cantFind.picker{ text-align: center; margin-bottom: 0; max-width: 900px; width: 100%; } #whiteRedesign .cantFind.picker a{ background: none; padding-right: 3px; color: #FFFFFF; } #whiteRedesign .overlayContent .cantFind.picker a{ color: #cb171f; } #whiteRedesign .activeNav{ background: #303030; } #whiteRedesign .headerLinks .activeNav a.navItem{ color: #FFFFFF; } /*@media (hover:hover) {*/ #whiteRedesign .headerLinks > ul li:hover {background: #303030} #whiteRedesign .headerLinks > ul li:hover a.navItem:hover {color: #fff;} #whiteRedesign .headerLinks > ul li a:focus {color: #fff; outline:0;} #whiteRedesign .headerLinks > ul li a.navItem:focus .inner {background: #303030} /*}*/ #whiteRedesign .headerLinks > ul li:hover a.navItem .iconCont .icon-shopping_cart {background:rgba(0, 0, 0, 0) url(/cms/images/layout/white/icon-cart-white.png) no-repeat 0 4px / 28px auto } #whiteRedesign .headerLinks > ul li a.navItem:focus .iconCont .icon-shopping_cart {background:rgba(0, 0, 0, 0) url(/cms/images/layout/white/icon-cart-white.png) no-repeat 0 4px / 28px auto } #whiteRedesign .siteSelection:hover, .activeCountry:focus {background: #303030; color: #fff;} #whiteRedesign .headerLinks > ul li li:hover {background: transparent;} #whiteRedesign .navProductsOuter{ position: relative; } #whiteRedesign .navFlyoutProducts{ width: 100%; width: 845px; left: -210px; background: none; } #whiteRedesign .navFlyoutProducts img {width: auto !important;} #whiteRedesign .navFlyoutProducts .inner{ width: 99%; max-width: 845px; padding: 0; background: #303030; font-size: 0; } #whiteRedesign .productLinkList{ /*position: initial;*/ position: inherit; } #whiteRedesign .productLinkList ul > li{ margin: 0; } #whiteRedesign .productLinkList ul ul{ display: none; } #whiteRedesign .productLinkList ul li.active ul{ display: inline-block; position: absolute; right: 1px; top: 0; width: 536px; padding: 38px 38px 19px 38px; box-sizing: border-box; } #whiteRedesign .productLinkList ul li.active ul.flyoutoverride li { width: 100%; text-align: center; } #whiteRedesign .productLinkList ul li.active ul.flyoutoverride li { width: 100%; text-align: center; } #whiteRedesign .productLinkList .item_container{ width: 100%; } #whiteRedesign .navFlyout .productLinkList{ padding: 15px 0; border-left: 1px solid #505050; border-bottom: 1px solid #505050; box-sizing: border-box; } #whiteRedesign .navFlyout .productLinkList .item_container:last-child ul a{ /*color: #e3000a;*/ margin-top: 10px; } #whiteRedesign .navFlyout .productLinkList .item_container:last-child .listhdng:before{ content: " "; position: absolute; border-top: 1px solid #747474; width: 80%; height: 1px; margin: 0 10%; } #whiteRedesign .productLinkList .item_container > ul{ margin: 0px; } #whiteRedesign .navFlyout .productLinkList.pll_left ul .listhdng { border: none; position: relative; z-index: 2; margin-bottom: 0; } #whiteRedesign .navFlyout .productLinkList.pll_left ul a { box-sizing: border-box; border: none; display: inline-block; width: 100%; padding: 7px 0px 7px 35px; margin: 0; font-size: 16px; line-height: 1.2em; color: #FFFFFF; cursor: pointer; } #whiteRedesign .productLinkList .item_container:last-child .listhdng{ color: #f8000a; padding-bottom: 0; margin-bottom: 0; } /*#whiteRedesign .navFlyout .productLinkList ul .active .listhdng a{ padding-top: 0; padding-bottom: 0; border-top: 1px solid #b0b0b0; border-bottom: 1px solid #b0b0b0; }*/ #whiteRedesign .navFlyout .productLinkList ul a:hover, #whiteRedesign .navFlyout .productLinkList ul .active a { background: #FFF; color: #000; } #whiteRedesign .navFlyout .productLinkList ul a:focus { background: #FFF !important; color: #000; } #whiteRedesign .navFlyout .productLinkList .item_container:last-child ul a:hover, #whiteRedesign .navFlyout .productLinkList .item_container:last-child ul a:hover{ background: none; } #whiteRedesign .navFlyoutProducts.removeProdFly .inner {background: transparent;} #whiteRedesign .navFlyoutProducts.removeProdFly .productLinkList.pll_left{background: #303030} #whiteRedesign .navFlyoutProducts.removeProdFly div.item_container:last-child a {background: transparent} #whiteRedesign .navFlyoutProducts.removeProdFly1 .inner {background: transparent;} #whiteRedesign .navFlyoutProducts.removeProdFly1 .productLinkList.pll_left{background: #303030} #whiteRedesign .navFlyoutProducts.removeProdFly1 div.item_container:last-child a, #whiteRedesign .navFlyoutProducts.removeProdFly1 div.item_container:last-child a:hover {background: #fff} #whiteRedesign .navFlyoutProducts.removeProdFly1 .productLinkList ul li.active ul {display: none;} #whiteRedesign .navFlyoutProducts.removeProdFly1 .inner {background: transparent;} #whiteRedesign .navFlyoutProducts.removeProdFly1 .productLinkList.pll_left{background: #303030} #whiteRedesign .navFlyoutProducts.removeProdFly1 div.item_container:last-child a {background: transparent;} #whiteRedesign .navFlyoutProducts.removeProdFly1 .productLinkList ul li.active ul {display: none;} #whiteRedesign .pll_right ul a{ background: none; padding: 0; font-size: 12px; } #whiteRedesign .pll_left{ display: inline-block; width: 305px; } #whiteRedesign .pll_right{ display: inline-block; width: 536px; min-height: 100%; vertical-align: top; background: #ECECEC; border: 1px solid #b0b0b0; } #whiteRedesign .pll_right ul{ display: none; } #whiteRedesign .pll_left a{ font-size: 1em; color: #FFFFFF; } #whiteRedesign .pll_right li{ display: inline-block; width: 33%; /*min-height: 160px !important;*/ text-align: center; vertical-align: top; box-sizing: border-box; padding: 5px; } #whiteRedesign .navFlyout .productLinkList.pll_left ul.pll_right a{ padding: 0; color: #000000; text-align: left; } #whiteRedesign .navFlyout .productLinkList.pll_left ul.pll_right a p { margin-bottom: 0; line-height: 1.3em; } #whiteRedesign .navFlyout .productLinkList.pll_left ul.pll_right a .sub { line-height: 1em; min-height:auto; font-weight:normal; } #whiteRedesign .pageSectionGradient{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #whiteRedesign .hdng2{ color: #000000; background: transparent; border: none; } #whiteRedesign .withBorder:after{ box-shadow: 0 1px 0 0 #b2b2b2; } #whiteRedesign #relatedProducts .slick-dots, #whiteRedesign #relatedProductsUni .slick-dots{ bottom: -10px; } #whiteRedesign #relatedProducts .relatedItemSingle, #whiteRedesign #relatedProductsUni .relatedItemSingle{ /* padding: 10px; */ /* background: #dddddd; */ } #whiteRedesign #relatedProducts .grid_3c, #whiteRedesign #relatedProductsUni .grid_3c{ /* width: 20%; */ /* padding: 10px; */ min-height: auto !important; } #whiteRedesign #relatedProducts .viewAll{ overflow: visible; float: right; } #whiteRedesign #relatedProducts .viewAll a{ color: #f5000b; } #whiteRedesign .productList .viewAll a.itemLink span{ position: relative; top: auto; } #whiteRedesign .itemWrapper .itemTitle{ font-size: 1em; color: #000000; } #whiteRedesign .itemWrapper .itemSubTitle{ font-size: .75em; font-style: italic; display: block; min-height: auto !important; font-weight: normal; margin: 2px; } #whiteRedesign #relatedItemsMain .viewAll span.icon-caret-right { margin-top: 4px; } #whiteRedesign .itemWrapper .container{ min-width: 0px; } #whiteRedesign #relatedProductsParent .itemWrapper .flexBottom .itemShopLink.btn, #whiteRedesign #relatedItemsMain .itemWrapper .flexBottom .itemShopLink.btn{ background: #C44D03 !important; color: #fff; /* font-size: .9em; */ display: block; text-align: center; border-radius: 5px; /* line-height: 2.5em; */ } #whiteRedesign .itemWrapper .container{ display: table; width: 100%; margin: 0; } #whiteRedesign .itemWrapper .relatedItemSingleLeft{ display: table-cell; width: 43%; } #whiteRedesign .itemWrapper .relatedItemSingleRight{ display: table-cell; vertical-align: middle; width: 56%; } #whiteRedesign .itemWrapper .itemsPricing{ font-size: .7em; font-style: italic; text-align: center; /*line-height: 2.5em;*/ } #whiteRedesign #relatedItemsMain .viewAll span{ float: right; } /*kkkkkkkkkkkkkkkkk*/ /* SITE BODY */ body#whiteRedesign { background: #FFF; } body#whiteRedesign.FS { background: #222; /* Factory Store */ } #whiteRedesign.interior .siteHeader{ /*border: 2px solid #e1e1e1;*/ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; z-index: 1042; border-bottom: 2px solid #e1e1e1 } #whiteRedesign.interior .siteBody{ background: #fff; padding-top: 10px; } #whiteRedesign .siteInner{ background: #fff; color: #000000; /*margin: 0 0 30px;*/ } #whiteRedesign.FS .siteInner{ min-height:62vh; /* Factory Store */ } #whiteRedesign .pageSection{ /* padding: 20px 0px 15px; */ padding-top: 20px; padding-bottom: 0; } #whiteRedesign .pageSection.storeBanner {position: relative; padding-top: 0;} #whiteRedesign .pageSection.storeBanner.bannerStyle2 {font-size: .85em} #whiteRedesign .pageSection.pageSectionGradient { padding: 6px 0 0 0; } #whiteRedesign .rowLabel{ color: #000000; font-size: .9em; } #whiteRedesign #divQty { display: block; width: 100%; } #whiteRedesign .selectionList .rowLabel, #whiteRedesign .divAccessories .rowLabel, #whiteRedesign #divQty .rowLabel{ box-sizing: border-box; display: block; width: 100%; padding-bottom: 0; padding-left: 13px; background: #eeeeee; border: 1px solid #dedede; line-height: 34px; } #whiteRedesign .qtyItem { float: right; } #whiteRedesign .qtyItem_minus, #whiteRedesign .qtyItem_plus { font-size: 1em; border: 1px solid #000000; padding: 0 6px; cursor: pointer; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; background: transparent; } #whiteRedesign .qtyItem_minus:focus, #whiteRedesign .qtyItem_plus:focus { outline: solid 2px #E61E28; } #whiteRedesign .qtyItem_minus {padding: 0 8px} #whiteRedesign .qtyItem_count { width: 30px; display: inline-block; text-align: center; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; } #whiteRedesign .divAccessories{ border: 0; } #whiteRedesign .divAccessoriesItem{ margin-top: 13px; margin-left: 10px; display: flex; flex-direction: row; flex-wrap: nowrap; } #whiteRedesign .divAccessories label{ width: 50%; max-width: 399px !important; } #whiteRedesign .divAccessories label { width: 100%; } @media screen and (max-width: 1000px) { #whiteRedesign .divAccessories label{ width: 65%; } } @media screen and (max-width: 767px) { #whiteRedesign .divAccessoriesItem { justify-content: space-between; } #whiteRedesign .divAccessories label{ width: 50%; max-width: unset !important; float: none; } #whiteRedesign .divAccessories label { width: 70%; } #whiteRedesign .divAccessories .acc_btns{ float: none !important; } #whiteRedesign .divAccessories .acc_btns btn{ max-width:90%; margin: auto; } #whiteRedesign .divAccessoriesItem .accImgWraper, #whiteRedesign .divAccessoriesItem .accContWraper { /* width: auto !important; */ } } @media screen and (max-width: 500px) { #whiteRedesign .divAccessoriesItem .btnAlt, #whiteRedesign .divAccessoriesItem .acc_btns .viewDetailsBtn { min-width: 85px !important; width: 100% !important; max-width: 135px; } } @media screen and (max-width: 420px) { #whiteRedesign .divAccessories .acc_btns{ width: 31.5%; } #whiteRedesign .divAccessoriesItem .acc_btns .viewDetailsBtn { margin: auto; } } @media screen and (max-width: 390px) { #whiteRedesign .divAccessories .acc_btns btn{ margin: 10px auto 0 !important; } } @media screen and (max-width: 380px) { #whiteRedesign .divAccessoriesItem .accContWraper { max-width: 50%; } } @media screen and (max-width: 370px) { #whiteRedesign .divAccessories .acc_btns { width: 30%; } } @media screen and (max-width:350px) { #whiteRedesign .divAccessoriesItem { flex-wrap: wrap; } #whiteRedesign .divAccessories label { margin-bottom: 1em; } #whiteRedesign .divAccessories .acc_btns .selectBtn { max-width: 100%; } .acc_btns, #whiteRedesign .divAccessories label { width: 100% !important; } .acc_btns { width: 100% !important; } #whiteRedesign .divAccessoriesItem .btnAlt, #whiteRedesign .divAccessoriesItem .acc_btns .viewDetailsBtn { width: 135px !important; } } #whiteRedesign .divAccessoriesItem p { display: inline-block !important; min-width: 105px; margin-bottom: 0; } #whiteRedesign .divAccessories input { vertical-align: super; -ms-transform: scale(2.5); -moz-transform: scale(2.5); -webkit-transform: scale(2.5); -o-transform: scale(2.5); margin: 6px 4px 4px 4px; } #whiteRedesign .divAccessoriesItem .btnAlt{ background: #eeeeee none repeat scroll 0 0; border: 1px solid #000; border-radius: 0; color: #000000; cursor: pointer; font-weight: bold; padding: 7px; } #whiteRedesign .divAccessoriesItem .btnAlt.selected{ background: #3b9c00; color: #FFF; } #whiteRedesign .divAccessoriesItem img { height: auto !important; } #whiteRedesign .divAccessoriesItem .accImgWraper { width: 30%; float: left; } #whiteRedesign .divAccessoriesItem .accContWraper { width: 64%; margin-left: 10px; float: left; /* width: auto; */ } #whiteRedesign .divAccessoriesItem .btnAlt:hover, #whiteRedesign .divAccessoriesItem .btnAlt:focus { background: #3b9c00 none repeat scroll 0 0 !important; border-color: #cbcbcb !important; color: #FFF !important; } @media screen and (max-width:48em) { #whiteRedesign .divAccessoriesItem .btnAlt:not(.selected):hover, #whiteRedesign .divAccessoriesItem .btnAlt:not(.selected):focus{ background: #eee; border-color: #cbcbcb; color: #fff; } } #whiteRedesign .divAccessoriesItem .viewDetailsBtn:hover, #whiteRedesign .divAccessoriesItem .viewDetailsBtn:focus{ color: #e5020b !important; text-decoration: underline; background-color: #FFF !important; } #whiteRedesign .divAccessoriesItem .red::before { content: ''; background: url(/cms/images/global/icon_alert.gif); width:26px; height:23px; position: absolute; left: 0; } #whiteRedesign .divAccessoriesItem .red + br { display:none; } #whiteRedesign .divAccessoriesItem .red, #whiteRedesign .divAccessoriesItem .red ~ span { padding-left: 27px; position: relative; display:block; } #whiteRedesign .rowLabel .option{ font-weight: 500; } #whiteRedesign .selectedOptions .optionType{ font-weight: 500; color: #000000; } #whiteRedesign .productDetailsBottom .itemPrice{ width: 50%; box-sizing: border-box; } #whiteRedesign .productDetailsBottom #divQty{ position: relative; /*width: 32%;*/ } #whiteRedesign .productDetailsBottom #divQty:before { content: "QTY: (\00a0\00a0\00a0\00a0\00a0)"; line-height: 57px; color: #FFFFFF; position: absolute; top: 0; left: 10px; pointer-events: none; font-size: 1em; font-weight: 700; } #whiteRedesign .productDetailsBottom #divQty:after { content: "\e60c"; line-height: 57px; color: #FFFFFF; position: absolute; top: 0; left: 90px; pointer-events: none; font-family: "icomoon"; font-size: 1em; font-weight: 700; } #whiteRedesign #drpQty_PrimaryItem { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 114px; height: 55px; padding: 0; padding-left: 60px; margin: 0; text-align: center; font-size: 1em; font-weight: 700; } #whiteRedesign #drpQty_PrimaryItem option{ text-align: right } #whiteRedesign .ltsos{ padding-left: 10px; margin-top: 20px; font-weight: 700; font-size: 0.8em; cursor: pointer; } #whiteRedesign .ltsos a:focus { outline: 2px dotted #E61E28; display: block; } #whiteRedesign .ltsos a { color: #000000; } #whiteRedesign.FS .ltsos a{ display:none; } #whiteRedesign .continueShopping { border: none; padding-top: 0; margin-top: 0; margin-right: 0; float: none; } #whiteRedesign .continueShopping a{ color: #C21118; font-size: .95em; } #whiteRedesign a:focus, .allFeaturedPosts .slick-prev:focus, .allFeaturedPosts .slick-next:focus, .ReadMorePost a:focus { outline: 2px dotted #E61E28 !important; } #whiteRedesign .pageHeading{ display: block; } #whiteRedesign .hdng{ margin: 0 0 3px 0; color: #000000; font-size: 1.25em; text-align: left; /*float: left;*/ } #whiteRedesign .hdng em{ display: block; font-size: .7em; font-weight: 500; } #whiteRedesign .productWrapper{ margin-bottom: 20px; } #whiteRedesign .productHeader .grid_6{ display: table; } #whiteRedesign .productHeader .grid_6 div[class*="grid_"]{ display: table-cell; vertical-align: bottom; } #whiteRedesign .productHeader .grid_4{ text-align: right; position: absolute; bottom: 0; right: 11px; } #whiteRedesign .pageHeading .warrantyHolder { width: 100%; max-width: 250px; display: inline-block; margin-bottom: 10px; cursor: pointer; } #whiteRedesign .pageHeading .warrantyHolder a, #whiteRedesign .pageHeading .warrantyHolder a:visited {color: #000} #whiteRedesign .pageHeading .warrantyText { display: inline-block; text-align: center; font-weight: bold; max-width: 125px; font-size: .8em; line-height: 1em; margin-top: 8px; } #whiteRedesign .pageHeading .warrantyBadge{ display: inline-block; /*margin-bottom: 10px;*/ /*position: absolute; bottom: 0; right: 20px;*/ } #whiteRedesign .pageHeading .warrantyBadge img { max-width: 35px !important; } #whiteRedesign .pageToolsWrapper .label{ color: #000000; font-weight: 500; } #whiteRedesign .productImage{ border: none; margin-top: 10px; } #whiteRedesign .homeBannerContainer .grid_3 { margin-bottom: 5px; } /*#whiteRedesign .productImage .shownIn{ display: none !important; }*/ @media only screen and (max-width:30.0em) { #whiteRedesign .grid_3.lgrid{ /*max-height: 415px;*/ } } @media only screen and (max-width:28.0em) { #whiteRedesign .grid_3.lgrid{ /*max-height: 380px;*/ } } #whiteRedesign .productDetails .productDetailsHdng{ color: #000000; } #whiteRedesign .productDetails{ border-top: none; padding-top: 0; margin-bottom: 20px; } #whiteRedesign .detailsRow { margin-bottom: 0px; } #whiteRedesign .sizingGuide { color: #5c5c5c; margin: 4px 0 10px 0; } #whiteRedesign .aChangeVehicleHolder{ display: inline-block; } #whiteRedesign .customFitDetails .rowLabel .edit, #whiteRedesign .aChangeVehicleHolder{ float: right; } #whiteRedesign .productToolsWrapper{ min-height: 50px; text-align: center; margin-bottom: 50px; } #whiteRedesign .productToolsWrapper.mobileptw{ display: none; } #whiteRedesign .productToolsHolder{ display: none; } #whiteRedesign .productToolsHolder a, #whiteRedesign .productToolsHolder a:hover{ color: #666666; font-size: 1.5em; padding: 12px 17px; margin-right: 5px; border: 1px solid #d1d1cf; border-radius: 100px; } #whiteRedesign .productToolsWrapper .addthis_default_style .addthis_separator, #whiteRedesign .productToolsWrapper .addthis_default_style .at4-icon, #whiteRedesign .productToolsWrapper .addthis_default_style .at300b, #whiteRedesign .productToolsWrapper .addthis_default_style .at300bo, #whiteRedesign .productToolsWrapper .addthis_default_style .at300bs, #whiteRedesign .productToolsWrapper .addthis_default_style .at300m{ float: none; } #whiteRedesign .customFitDetails .rowLabel .edit, #whiteRedesign .productToolsWrapper .label{ color: #000000; padding: 7px; border: 1px solid #dedede; border-radius: 5px; background: #eeeeee; font-weight: 600; cursor: pointer; min-width: 70px; text-align: center; } #whiteRedesign .productToolsWrapper .label{ padding: 7px 35px 7px 15px; background: url('/cms/images/sharearrow.png') no-repeat #eeeeee right 12px center; } #whiteRedesign .productDetails .customFitDetails{ border-bottom: none; padding: 0; } #whiteRedesign .fitNotes{ margin-top: 15px; color: #000000; background-position: 0 10px; } #whiteRedesign .groupfitNotes{ padding:3px 0 3px 40px; background:url(/cms/images/layout/icon_fitnote.png) no-repeat 0 50%; font-size:.75em; color:#000000; font-weight:700; background-position: 0 10px; margin-left: 20px; } #whiteRedesign .aLaCarteProduct .fitNotes {width: 80%; margin-left: 20px;} #whiteRedesign .VehicleOptions { margin-top: 15px; border-top: 1px solid #dedede; background: #EEEEEE; } #whiteRedesign .VehicleOptions .selectedOptions{ font-size: .75em; line-height: 1.5em; display: table; width: 100%; } #whiteRedesign .VehicleOptions .optionType { box-sizing: border-box; /*display: inline-block;*/ display: table-cell; width: 50%; padding-left: 15px; background: #eeeeee; border: 1px solid #dedede; border-right: none; border-top: none; vertical-align: middle; } #whiteRedesign .VehicleOptions .option{ box-sizing: border-box; /*display: inline-block;*/ display: table-cell; width: 50%; padding-left: 15px; border: 1px solid #dedede; border-left: none; border-top: none; color: #000000; background: #FFFFFF; } #whiteRedesign .optionsList.selectionList{ display: block; } #whiteRedesign .optionsList .rowLabel{ box-sizing: border-box; display: block; width: 100%; /*padding: 10px;*/ margin: 0 0 10px 0; border: 1px solid #dedede; background: #eeeeee; } #whiteRedesign ul.swatchList li a, #whiteRedesign ul.swatchList li input + label span { color: #000000; font-weight: 500; /*display: inline-block;*/ } #whiteRedesign .optionsList.selectionList .swatchList, #whiteRedesign .selectionList .swatchList { display: flex; flex-wrap: wrap; justify-content: flex-start; } #whiteRedesign ul.swatchList li a img{ border: 1px solid #000000; max-height: 90px; } #whiteRedesign ul.swatchList li input + label img{ border: 1px solid #000000; max-height: 60px; } #whiteRedesign ul.swatchList li input + label { display: block; padding: 4px 0; text-align: center; } #whiteRedesign ul.swatchList li input + label span {display:block;margin-top: 5px;font-size: .813em;/* text-align: center; */} #whiteRedesign ul.swatchList li a.active img, #whiteRedesign ul.swatchList li input.active + label img, #whiteRedesign ul.swatchList li input + label:hover img{ border: 4px solid #cb171f; } #whiteRedesign ul.swatchList li input { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #whiteRedesign ul.swatchList li input + label:hover { cursor: pointer; } #whiteRedesign ul.swatchList li input:focus + label { outline: 2px dotted #E61E28 !important; } #whiteRedesign ul.swatchList li a.active span, #whiteRedesign ul.swatchList li input.active + label span{ color: #cb171f; font-weight: bold; } ul.swatchList li.gray { box-sizing: border-box; opacity: 0.4;} #whiteRedesign ul.swatchList li.gray a img { border: 1px solid #bbb;} #whiteRedesign ul.swatchList li.gray a.active img {border: 4px solid #cb171f;} option.gray {color: #ccc;} option.active {font-weight: 700;} .swatch-list {justify-content: center !important;} .swatch__item {} .swatch__item--lg {flex-grow: 1 !important;flex-shrink: 1 !important;flex-basis: auto !important;max-width: 200px !important;} .swatch__img {} .swatch__img--lg {width: 100% !important;height: auto !important;max-height: 150px !important;} #whiteRedesign .productDetails .itemPrice{ font-family: helvetica neue,helvetica,arial,sans-serif; color: #000000; padding: 0 0 0 10px; margin: 0; } #whiteRedesign .btnAddToCart .btn{ font-family: helvetica neue,helvetica,arial,sans-serif; font-size: 1.5em; background: #e3000a; padding: 13px 24px; max-width: 190px; } #whiteRedesign .btnAddToCart .btn.disabled { opacity: 0.4; } #whiteRedesign .btnAddToCart .btn.syv{ max-width: 100%; } #whiteRedesign .productDetailsBottom{ display: table; padding: 0; padding-top: 12px; width: 100%; table-layout: fixed; border-top: 1px solid #000; } #whiteRedesign.csr .productDetailsBottom{ border-top: transparent; } #whiteRedesign .itemPrice, #whiteRedesign .btnAddToCart{ display: table-cell; float: none; text-align: center; vertical-align: middle; width: 50%; align: right; } #whiteRedesign .btnWrapper.btnAddToCart.selectCarOpt {width: 100%; display: inline-block;} #whiteRedesign .btnWrapper.btnAddToCart.selectCarOpt input {width: 100%;} .tabList_top{ /*display: table;*/ /*display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display: flex; flex-direction: row;*/ display: flex; justify-content: space-between; width: 100%; padding: 0; margin: 0; border-bottom: 1px solid #dd0000; } .tabList_top.numChild-1, .tabList_top.numChild-2, .tabList_top.numChild-3, .tabList_top.numChild-4 { justify-content: normal; } .tabList_top li{ display: inline-block; list-style: none; text-align: center; cursor: pointer; border: 1px solid #FFFFFF; border-top: 2px solid #FFFFFF; /*font-size: .95em;*/ /*font-size: .7vw;*/ font-size: 1.1vw; width: 18%; line-height: 2.2em; padding: 0; } .tabList_top li:focus {outline: 2px dotted #E61E28;} .numChild-6.tabList_top li{ font-size: 1vw; width: 16%; /*FS*/ } .numChild-6.tabList_top li:last-child{ width: 10%; } @media screen and (min-width: 80.5em){ .tabList_top li{ font-size: .85em; height: 40px; display: flex; align-items: center; line-height: 1.3em; justify-content: center; } .numChild-6.tabList_top li{ font-size: .75em; } } @media screen and (max-width: 47em){ .tabList_top li{ width: 97%; } } .tabList_top li.active{ position: relative; z-index: 100; bottom: -1px; font-weight: bold; color: #dd0000; border: 1px solid #dd0000; border-top: 2px solid #dd0000; border-bottom: 1px solid #FFFFFF; } .tabList_body .collapseInner{ padding: 25px; } .tabList_body .collapseInner.padding15 {padding: 15px; margin: -25px -35px;} .infoItemWrpr {padding: 25px 0px 25px 6px; border-bottom: 1px solid #dedede; margin: 0px -25px;} .tabList_body > div{ display: none; } #whiteRedesign .tabList_body .pageSectionGradient.collapseWrpr{ padding-top: 0; } #whiteRedesign .tabList_body #FAQcontainer{ margin-top:-60px; padding-top:60px; } .tabList_body .hdng2.withBorder span, .tabList_body .hdng2.withBorder .trigger{ display: none; } .tabList_body .hdng2.withBorder{ margin: 0; padding: 0; } .tabList_body .hdng2.withBorder span { background: #dddddd; /*text-indent: 7px;*/ padding: 26px 34px 27px; font-size: 1.2em; width: 100%; } #whiteRedesign .collapseWrpr .hdng2:before{ display: none; } #whiteRedesign .siteInner h3{ color: #000000; font-weight: 700; } .tabList_body .close{ display: none; } .tabList_container{ float: left; width: 100%; } .tabList_body div:focus { outline: 0; } .tabList_container.oneTab{ position: relative; } .oneTab .tabList_top{ display: block; } .oneTab .tabList_top:before{ content: ""; width: 100%; height: 1px; border-bottom: 1px solid #dd0000; position: absolute; top: 34px; z-index: 1; } .oneTab .tabList_top li.active{ padding: 0 20px; border-bottom: 1px solid #FFFFFF; position: relative; z-index: 10; } @media only screen and (min-width: 961px) { #whiteRedesign .tabList_container .tabList_body .pageSection > .grid_12 {padding: 0 10px;} #whiteRedesign .tabList_container .tabList_body .pageSection > .grid_12 .innerPadding.educationalVideoList {padding: 20px 0;} } @media only screen and (min-width: 768px) and (max-width: 960px) { #whiteRedesign .tabList_container .tabList_body .pageSection > .grid_12 .innerPadding.educationalVideoList .itemVideoWrapper iframe {min-height: auto !important;} } #whiteRedesign a.truncateMore, #whiteRedesign a.truncateLess { color: #FFFFFF; } #whiteRedesign .productLinkList ul .listhdng .trigger{ display: none; } #whiteRedesign .productImage .repText{ display: none; } #whiteRedesign .productImage .shownIn{ position: absolute; top: auto; bottom: 10px; left: 10px; font-size: .65em; font-weight: bold; padding: 3px; color: #FFFFFF; background-color: #e3000a; max-height: 20px; } #whiteRedesign .productImage .zoomText{ /*background: none; right: 0; bottom: 0; padding: 0; pointer-events: none;*/ display:none; } #whiteRedesign p.repreText{ font-weight: 500; font-size: .7em; } #whiteRedesign .altViewsContainer{ padding: 0; } #whiteRedesign .cloudzoom-zoom-inside img { background: #FFF; } #whiteRedesign div.altViews{ max-height: 197px; /* max-height: 229px; */ overflow: hidden; } #whiteRedesign .active div.altViews { max-height: none; /* Ticket: #368840 - Removing height to allow all content to show */ } #whiteRedesign div.altViews > div{ display: inline-block; margin: 0 13px 15px 0; position: relative; width: 22%; padding-bottom: 16.5%; } #whiteRedesign .testimonial p{ color: #FFFFFF; } #whiteRedesign .testimonial .icon-zoom-in{ color: #000000; } #whiteRedesign div.altViews > div:nth-child(4n+4){ margin-right: 0; } #whiteRedesign div.altViews > div .videoIcon { position:absolute; width:100%; height:100%; background:url(/cms/images/layout/icon_play.png) no-repeat 50% 50%; cursor:pointer; z-index: 100; top: 0; left: 0; } #whiteRedesign div.altViews > div img, #whiteRedesign div.altViews > div button { width: 100% !important; border:1px solid #a5080e; cursor:pointer; position: relative; top: 1px; left: 1px; } #whiteRedesign div.altViews > div button { border: transparent; background: transparent; position: absolute; width: 100%; height: 100%; padding: 0; } #whiteRedesign div.altViews > div button:focus { border: none; } #whiteRedesign div.altViews > div button:focus img { outline: 2px dotted red; /* border: transparent; */ } #whiteRedesign .altViewsContainer .trigger{ left: 0; bottom: -20px; } #whiteRedesign .altViewsContainer button.trigger{ background: transparent; border: 0; } #whiteRedesign .altViewsContainer button.trigger:hover, #whiteRedesign .altViewsContainer button.trigger:focus{ text-decoration: underline; border: 0; color: #cb171f; } #whiteRedesign .altViewsContainer button.trigger:focus{ outline: 2px dotted #cb171f; } #whiteRedesign .ckbutton{ display: inline-block; height: 0; width: 7px; } #whiteRedesign .headerLinks a.navVehicle:hover .num, #whiteRedesign .headerLinks .activeNav a.navVehicle .num {background:#ba1e1f;} #whiteRedesign .hpviewall_wrapper{ margin-top: 40px; } #whiteRedesign .ftrAmManFlag a {color: #fff;} #whiteRedesign .ftrAmManFlag a:hover {color: #fff;} #whiteRedesign .footer .hasToolTip{ position: relative; } #whiteRedesign .footer .toolTip{ left: -50px !important; } #whiteRedesign .testimonial{ background: #dddddd; border: none; } #whiteRedesign .testimonial .hdng3{ color: #000000; } #whiteRedesign .testimonialList .testimonial .specs .spec span{ color: #000000; font-weight: bold; } #whiteRedesign .testimonialList .testimonial .specs .spec{ font-weight: 500; color: #000000; } #whiteRedesign .testimonialList .testimonial p{ font-weight: 500; color: #000000; } /*#whiteRedesign hr{ border: none; }*/ #whiteRedesign .reviewDetail .specs .spec span{ color: #000000; font-weight: 700; } #whiteRedesign .reviewDetail .specs .spec{ color: #000000; } #whiteRedesign .testimonialWrapper .desc{ color: #000000; font-weight: 500; } #whiteRedesign .productPageFAQ a{ color: #000000; } #whiteRedesign .productPageFAQ a:hover, #whiteRedesign .productPageFAQ a:active{ color: #cb171f; } #whiteRedesign .productPageFAQ h3{ display: none; } #whiteRedesign .productPageFAQ .faq_title{ color: #000000; font-weight: 700; margin-bottom: 2px; } /* #whiteRedesign #overlay-addvehicle {background: #303030; border: none;color: #fff;} #whiteRedesign #overlay-addvehicle.siteOverlay p {color: #fff;} #whiteRedesign #overlay-addvehicle .vehiclePicker .optionSeperator [class^="icon-"] {color: #fff;}*/ #whiteRedesign .aLaCarteProduct input.selectBtn {background: #636363; border-radius: 10px; width: 104px; border: none; color: #fff;text-transform: uppercase; font-weight: 900; padding: 7px 0px; font-size: .8em; } #whiteRedesign .aLaCarteProduct input.selectBtn.selected {background: #2f841d url(/cms/images/white/iconCheck.jpg) no-repeat 10px center; text-indent: 23px; font-size: .65em; padding: 9px 0;} #whiteRedesign .aLaCarteProduct .detailsRow.selectionList {border-top:2px solid #a5080f; padding:15px 0 0 0; } #whiteRedesign .aLaCarteProduct .detailsRow.selectionList:nth-child(3) {border-top: none;} #whiteRedesign .aLaCarteProduct .detailsRow.selectionList .alcImgTitleSwatch > span {float: left; position: relative; font-size: .75em; cursor: pointer } #whiteRedesign .aLaCarteProduct .detailsRow.selectionList .alcImgTitleSwatch > span > img {border:1px solid #c1161e; width: 139px !important; float: left;} #whiteRedesign .detailsRow.selectionList.gcDen{ position: relative; } #whiteRedesign .detailsRow.selectionList.gcDen select{ position: absolute; top: 3px; right: 2px; width: 25%; } #whiteRedesign .aLaCarteProduct .alcImgTitleSwatch {display: table-cell} #whiteRedesign .aLaCarteProduct .alcTypePart {float: left;margin-left: 13px;width: 48%;} #whiteRedesign .aLaCarteProduct fieldset .alcTypePart {width: 74.5%;} #whiteRedesign .aLaCarteProduct .alcTypePart > div, #whiteRedesign .aLaCarteProduct .alcTypePart h3 {font-weight: bold; font-size:.9em } #whiteRedesign .aLaCarteProduct .alcTypePart .detailsRow {margin-bottom: 0px} #whiteRedesign .aLaCarteProduct .alcTypePart .detailsRow .rowLabel {background: none; border: none; padding: 0; white-space: nowrap} #whiteRedesign .aLaCarteProduct .alcTypePart .detailsRow .rowLabel .optionType {color: #636363} #whiteRedesign .aLaCarteProduct .alcTypePart .detailsRow .rowLabel .option {} #whiteRedesign .aLaCarteProduct ul.swatchList {float: left; width: 55%; margin-left: 5px} #whiteRedesign .aLaCarteProduct fieldset ul.swatchList {width: 100%;x} #whiteRedesign .aLaCarteProduct ul.swatchList .clear {display: none;} #whiteRedesign .aLaCarteProduct ul.swatchList li {width: 20%; min-height: 66px !important;} #whiteRedesign .aLaCarteProduct ul.swatchList li a img, #whiteRedesign .aLaCarteProduct ul.swatchList li input + label img {width: 53px !important;max-height: 90px;} #whiteRedesign .aLaCarteProduct ul.swatchList li a.active img, #whiteRedesign .aLaCarteProduct ul.swatchList li input.active + label img {border:3px solid #cb171f} #whiteRedesign .aLaCarteProduct ul.swatchList li input + label {font-size: .813em} #whiteRedesign .aLaCarteProduct ul.swatchList li a span, #whiteRedesign .aLaCarteProduct ul.swatchList li input + label span {font-size: .8em} #whiteRedesign .aLaCarteProduct .alcPriceSelect {display: table-cell; text-align: center; vertical-align: top; } #whiteRedesign .aLaCarteProduct .itemPrice {font-size: .9em; padding: 0; float: none; display: block; margin: 0 3% 50px 0} #whiteRedesign .aLaCarteProduct .alcTypePart .pricing-code {margin-top: -10px; margin-bottom: 10px; font-size: 0.8em !important;} .alcTypePart .pricing-code .optionType {color: #636363;} #whiteRedesign .aLaCarteProduct .productDetailsBottom {border-top: 2px solid #a5080f; padding-top: 30px; margin: 20px 3% 0 3%;} #whiteRedesign .aLaCarteProduct .productDetailsBottom .btnWrapper.btnAddToCart {float: right; width: 45%;} #whiteRedesign .aLaCarteProduct .productDetailsBottom span:first-child {font-size: 2em; font-weight: 900; float: left; width: 50%; text-align: center;} #whiteRedesign .alcThumbPopImg {padding: 40px;} #whiteRedesign #error404 h1{ font-size: 1.5em; margin-bottom: 1em; } #whiteRedesign #error404 h2{ font-size: 1em; font-style: italic; margin-bottom: 0.75em; } #whiteRedesign #error404 ul{ padding: 0 0 0 20px; } #whiteRedesign #error404 li{ margin-bottom: 0.55em; } #whiteRedesign #error404 p{ font-style: italic; } #whiteRedesign #error404 h3{ font-style: italic; color: #e5020b; font-size: 1.1em; letter-spacing: 0.5px; margin-bottom: 1em; } #whiteRedesign #error404 .btn{ padding-left: 10px; padding-right: 10px; } #whiteRedesign #error404 [class^="icon-"]{ display: inline-block; width: 90px; position: relative; top: 20px; font-size: 4.5em; line-height: 0em; } #whiteRedesign #error404 .btn_text{ position: relative; top: -5px; line-height: 1em; font-size: 1.3em; } @media only screen and (min-width: 768px) and (max-width: 960px) { #whiteRedesign .aLaCarteProduct .alcImgTitleSwatch {display: block;} #whiteRedesign .aLaCarteProduct .alcPriceSelect {display: block; clear: both; padding: 20px 0 0 0; max-width: 315px;} #whiteRedesign .aLaCarteProduct .itemPrice {display: inline-block; text-align: right; margin-right: 10px; margin-bottom: 0; width: auto !important} #whiteRedesign .aLaCarteProduct input.selectBtn {display: inline-block; margin-left: 10px;} #whiteRedesign .itemPrice, #whiteRedesign .btnAddToCart {vertical-align: baseline} #whiteRedesign .aLaCarteProduct .detailsRow.selectionList .alcImgTitleSwatch > img {width: 125px !important} #whiteRedesign .aLaCarteProduct .productDetailsBottom span:first-child {width: 40%;} #whiteRedesign .aLaCarteProduct .productDetailsBottom .btnWrapper.btnAddToCart {width: 45%; margin-right:10%;} #whiteRedesign .aLaCarteProduct .alcTypePart {max-width: 164px;} #whiteRedesign .aLaCarteProduct ul.swatchList {max-width: 175px;} } @media only screen and (max-width: 768px) { #whiteRedesign .aLaCarteProduct .detailsRow.selectionList {width: 94%;} #whiteRedesign .aLaCarteProduct .detailsRow.selectionList {margin: 10px 10px 0;} } @media only screen and (min-width: 537px) { #whiteRedesign .productLinkList ul li.active ul { display:none; } } @media only screen and (max-width: 500px) { #whiteRedesign .aLaCarteProduct .alcImgTitleSwatch {display: block;} #whiteRedesign .aLaCarteProduct .alcPriceSelect {display: block; clear: both; padding: 20px 0 0 0;} #whiteRedesign .aLaCarteProduct .itemPrice {display: inline-block; text-align: right; margin-right: 10px; margin-bottom: 0; width: auto !important} #whiteRedesign .aLaCarteProduct input.selectBtn {display: inline-block; margin-left: 10px;} #whiteRedesign .itemPrice, #whiteRedesign .btnAddToCart {vertical-align: baseline} #whiteRedesign .aLaCarteProduct .detailsRow.selectionList .alcImgTitleSwatch > img {width: 125px !important} #whiteRedesign .aLaCarteProduct ul.swatchList {float: none; clear: both; margin: 0 auto; width: 100%; text-align: center; padding: 25px 0 0 0;} body#whiteRedesign .aLaCarteProduct ul.swatchList li {float: none; width: 18%;} #whiteRedesign .aLaCarteProduct ul.swatchList li a img {width: auto !important} #whiteRedesign .aLaCarteProduct .alcPriceSelect {padding-top: 10px;} #whiteRedesign .btnAddToCart .btn {font-size: 1.2em; padding: 13px 20px;} #whiteRedesign .aLaCarteProduct .productDetailsBottom span:first-child {font-size: 1.6em; line-height: 1.9em;} } @media only screen and (min-width:20em) and (max-width:35.5em) { #whiteRedesign .siteHeader h1.sitelogo, #whiteRedesign .siteHeader a.sitelogo, #whiteRedesign .siteHeader a.sitelogo:link, #whiteRedesign .siteHeader .headerInner a.sitelogo:visited{ margin: 22px auto 0; } .lgrid, .sgrid, .w_two{ border: 1px solid #FFFFFF; display: inline-block; } #whiteRedesign .overlay-cart .addBag{ padding-top:0; } #whiteRedesign .overlay-cart .grid_4.pushRight{ min-height: 70px; padding-top: 0; padding-bottom: 0; } } @media only screen and (max-width:780px) { #whiteRedesign .overlay-cart .grid_4.pushRight .addBag{ margin: 0; padding-top: 0; } #whiteRedesign .overlay-cart .current .fright{ margin-top: -12px; } } @media only screen and (max-width:32em){ #whiteRedesign .navFlyout .productLinkList.pll_left ul.pll_right li{ width: 50%; } #whiteRedesign .ltsos{ font-size: .75em; } #whiteRedesign .vehiclePicker .optionContainer.optionSize1.optionSize2 .optionSelector.itemSel .large, #vehicle-picker .selectContainer.optionSize1.optionSize2 .optionSelector .large { font-size: 1.2em; } } @media only screen and (max-width: 24em){ #whiteRedesign .vehiclePicker .optionContainer.optionSize1.optionSize2 .optionSelector.itemSel .large, #vehicle-picker .selectContainer.optionSize1.optionSize2 .optionSelector .large { font-size: 1em; line-height: 1.5em; } #whiteRedesign .navFlyout .productLinkList.pll_left ul a.lngDept{ font-size: 13px; line-height: 51px; } #whiteRedesign .navFlyout .productLinkList ul .listhdng a.lngDept::before{ font-size: 2em; } } @media only screen and (max-width:56.25){ #whiteRedesign #relatedProducts .relatedItem.grid_3c, #whiteRedesign #relatedProductsUni .relatedItem.grid_3c{ width: 50%; } } @media only screen and (max-width:768px){ #relatedProducts.flexproductList { padding-bottom: 20px; } } @media only screen and (max-width: 47.999em) { #whiteRedesign.interior .siteHeader.tabsopen {display: none;} #whiteRedesign .productWrapper .repreText, #whiteRedesign .productWrapper .itemDesc { margin: 10px 10px !important; } #whiteRedesign .bannerStyle1 .title br { display: none; } .tabList_top{ display: block; } .tabList_top li{ position: relative; display: block; padding: 10px; background: #eeeeee; text-align: left; font-weight: bold; border-bottom: 1px solid #dedede; width:97% !important; } .tabList_top li:after{ content: ""; /*position: absolute; top: 0; right: 0;*/ margin-top: 8px; float: right; line-height: 2.2em; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 17.3px; border-color: transparent transparent transparent #000000; } .tabList_top li.active{ border-bottom: 1px solid #dedede; border-top: none; border-right: none; border-left: none; color: inherit; } .tabList_container{ /*float: left;*/ width: 100%; /*padding-top: 35px;*/ } #whiteRedesign .collapseWrpr .collapseInner{ display: block; } #whiteRedesign .tabList_body .collapseInner.padding15 { margin: -25px -0; padding-top: 0 !important; } #whiteRedesign .nopadding, #whiteRedesign .nopadding .grid_12{ padding: 0 !important; } .tabList_body{ position: fixed; box-sizing: border-box; top: 0; right: -100%; background: #eeeeee; width: 100%; height: 100%; z-index: 1500; overflow: scroll; transition-duration: 1s; } .tabList_body.active{ right: 0; } .tabList_body .close{ display: table; position: absolute; top: 0px; left: 0px; width: 100%; height: 76px; z-index: 10; font-weight: bold; font-size: 1.5em; text-transform: uppercase; cursor: pointer; } .tabList_body .close .icon-arrow-left { display: table-cell; vertical-align: middle; text-indent: 10px; } #whiteRedesign .tabList_body h2.hdng2.withBorder { margin: 0; z-index: 5; } .tabList_body.apat h2.hdng2 { position: fixed; top: 0; left: 0; width: 100%; } .tabList_body.apat .close { position: fixed; } .tabList_body.apat .collapseInner { padding-top: 101px; } .tabList_body .hdng2.withBorder span:first-child{ display: block; } #whiteRedesign .siteInner .tabList_body.active h3{ color: #000000; } .tabList_body .html5VideoWrapper { width: 85%; } .tabList_body iframe { min-height: initial !important; } .siteHeader.tabsopen{ z-index: 5; } #whiteRedesign .configImageView3 .imageBlock a.active:after{ top: 12px; } #whiteRedesign .testimonialWrapper{ margin-top: 15px; } #whiteRedesign .reviewDetail .specs{ margin-top: 0; } } @media only screen and (max-width: 47.99em){ #whiteRedesign div.altViews{ overflow: initial; } #whiteRedesign .altViewsContainer .trigger{ display: none; } #whiteRedesign .VehicleOptions { margin-left: -10px; margin-right: -10px; } } /* Start Ticket#377286 */ @media only screen and (max-width: 31.250em) { .collapseInner.padding15 .infoImg { text-align: center; } .tabList_body .collapseInner.padding15 { padding: 0; } .tabList_body .collapseInner.padding15 .infoItemWrpr{ padding-left:0; margin: 0; } } /* End Ticket#377286 */ @media only screen and (max-width: 48em) { .overlay-cart.addtocart_full .cartpopItem, .overlay-cart.addtocart_full .cartpopItem ~ div {font-size: 0.897em !important;} #whiteRedesign .altViewsContainer { overflow: initial; width: 100%; } #whiteRedesign div.altViews > div { display: block; margin: 0; } #whiteRedesign div.altViews > div .videoIcon { /*background-position: calc(50%-20px) calc(50% - 14px);*/ } #whiteRedesign div.altViews > div img{ position: relative; } #whiteRedesign .altViews .slick-slide { position: relative; margin-right: 10px; } #whiteRedesign .altViews .slick-dots { margin: 0; } #whiteRedesign div.altViews > div img { width: 100% !important; } #whiteRedesign .navProductsOuter { position: inherit; } #whiteRedesign .navFlyoutProducts { /* display: table;*/ width: 100%; } #whiteRedesign .navFlyout .productLinkList { margin: 0; } #whiteRedesign .navFlyoutVehicle .vehiclePicker .optionContainer .optionSelector:last-child { padding: 11px 0px; width: 145px; top: 0px; } #whiteRedesign .navFlyoutVehicle div[id *='vehicle'] .optionContainer .optionSelector:last-child { top: 12px; } #whiteRedesign .navFlyout .productLinkList { padding: 0; } #whiteRedesign .navFlyoutVehicle .vehiclePicker .optionContainer .viewProducts .large, #whiteRedesign .navFlyoutVehicle .vehiclePicker .optionContainer .viewProducts .small, #vehicle-picker button#viewProductsBtn .small, #vehicle-picker button#viewProductsBtn .large { font-size: .95em !important; font-weight: 500; padding: 0; } #whiteRedesign .navFlyoutProducts .inner { width: 100%; } #whiteRedesign .pll_left { width: 100%; } #whiteRedesign .productLinkList ul li.active ul { display: block; position: relative; right: inherit; top: inherit; width: 100%; padding: 0px; padding-bottom: 25px; } #whiteRedesign .navFlyout .productLinkList.pll_left ul a { line-height: 3.2em; border-bottom: 1px solid #777777; } #whiteRedesign .navFlyout .productLinkList .item_container:last-child ul a { border-bottom: none; } #whiteRedesign .navFlyout .productLinkList ul a:hover, #whiteRedesign .navFlyout .productLinkList ul a:focus, #whiteRedesign .navFlyout .productLinkList ul .active .listhdng a { background: #FFF; color: #000; } #whiteRedesign .navFlyout .productLinkList ul .listhdng a:before { color: #FFFFFF; border: none; padding: 0; display: none; } #whiteRedesign .productLinkList ul .active .listhdng a:before { content: "_"; border: none; top: -10px; font-weight: bold; } #whiteRedesign .navFlyout .productLinkList .item_container:last-child ul a:before { display: none; } #whiteRedesign .navFlyout .productLinkList .item_container:last-child .listhdng:before { display: none; } #whiteRedesign .navFlyout .productLinkList.pll_left ul.pll_right li { box-sizing: border-box; padding: 25px 25px 0px 45px; width: 100%; } #whiteRedesign .navFlyout .productLinkList.pll_left ul.pll_right a { text-align: left; line-height: 1.1em; border: none; background: none; padding:10px 40px; font-size: 20px; } #whiteRedesign .navFlyout .productLinkList.pll_left ul.pll_right li img { width: 100%; } #whiteRedesign .continueShopping { margin-left: 10px; } #whiteRedesign .productHeader .grid_6 div[class*="grid_"] { position: relative; bottom: inherit; right: inherit; text-align: center; } #whiteRedesign .hpviewall_wrapper { margin-top: 0; } #whiteRedesign .continueShopping { /* display: none; */ } #whiteRedesign #itemInfo, #whiteRedesign #itemInfo_1, #whiteRedesign #itemInfo_2 { margin: 10px; } #whiteRedesign .productDetailsBottom { display: block; } #whiteRedesign .itemPrice { display: block; width: 100%; font-size: 2.3em; } #whiteRedesign .productDetails .itemPrice {padding-left: 0;} #whiteRedesign #divQty{ display: inline-block; width: 39%; margin: 0 0 0 1%; } #whiteRedesign .btnAddToCart { display: inline-block; width: 57%; margin: 0 1% 0 0; } #whiteRedesign .pageHeading { text-align: center; } #whiteRedesign .pageHeading .warrantyBadge { float: none; position: static; } #whiteRedesign .productDetails .selectCarOpt { width: 100%; text-align: center; } #whiteRedesign .productDetails .selectCarOpt input { margin: 0 auto; width: 100%; max-width: 390px; } #whiteRedesign .ltsos { text-align: center; } .container .homeCallouts { width: 100%; margin: 0 auto; padding-bottom: 0; padding-top: 25px; } .container .homeCallouts .grid_3 { width: 25% !important; } #whiteRedesign .productDetails .itemDesc p{ margin: 0; } #whiteRedesign .optionsList .rowLabel{ text-align: left; } #whiteRedesign .productDetails .itemPrice{ width: 100%; text-align: center; margin-bottom: 10px; } #whiteRedesign #divQty, #whiteRedesign .btnAddToCart{ display: inline-block; text-align: right; } #whiteRedesign #divQty{ text-align: center; width: 100%; margin: 0; } #whiteRedesign .siteOverlay .vehiclePickerContainer .optionContainer{ display: block; } #whiteRedesign .siteOverlay .vehiclePickerContainer .optionSeperator{ display: none; } #whiteRedesign .productToolsWrapper{ min-height: 70px; margin-top: 30px; } #whiteRedesign .productToolsWrapper.mobileptw .label{ display: none; } #whiteRedesign .productToolsWrapper.mobileptw .productToolsHolder{ display: block; } #whiteRedesign .productToolsWrapper.mobileptw .productToolsHolder p{ margin: 25px 0; font-weight: bold; } #whiteRedesign .btnWrapper{ width: auto; } #whiteRedesign .addtocart_full .continueWrpr .btnWrapper{ width: 100%; } #whiteRedesign .productDetailsBottom .btnWrapper{ width: 100%; text-align: center !important; } #whiteRedesign .btnWrapper .icon-secure_shopping{ color: #FFFFFF; } #whiteRedesign .bannerFooter{ min-height: 175px; } #whiteRedesign .bannerFooter:empty { min-height: 0; } #whiteRedesign .pageSectionGradient .viewAll { margin-bottom: 15px; text-align: center; } #whiteRedesign #relatedItemsMain .viewAll span { float: none } body#whiteRedesign ul.swatchList li { width: 20%; margin: 0 2% 0 3%; clear: none; box-sizing: border-box; float: left; display: inline-block; } body#whiteRedesign .nhlContent ul.swatchList li {width: 20%; margin: 0 2% 0 3%;} } @media only screen and (max-width: 400px){ .homeCallouts .homeCallout .title{ font-size: .7em; } #whiteRedesign h2.hdngSmall{ font-size: .7em; } } @media only screen and (max-width: 500px){ #whiteRedesign .footer .bannerFooter{ height: auto; min-height: 0; padding-bottom: 18%; margin: 10px 0; } #whiteRedesign .footerimg{ position: absolute; top: 0; left: 0; min-height: 0; width: 100%; } #whiteRedesign .productToolsWrapper{ display: none; } #whiteRedesign .productToolsWrapper.mobileptw{ display: block; margin-bottom: 0px; } } @media only screen and (max-width: 600px){ #whiteRedesign h2.hdngSmall{ font-size: .9em; } } @media only screen and (min-width: 48em) and (max-width: 52.8125em){ #whiteRedesign .navFlyoutProducts{ width: 48em; } #whiteRedesign .pll_left{ width: 30.25%; } #whiteRedesign .pll_right{ width: 63.5%; } } @media only screen and (max-width: 48em){ #whiteRedesign .pll_left{ width: 100%; } #whiteRedesign .productLinkList ul .listhdng a::before { display: block; } } @media only screen and (min-width: 48em) and (max-width: 59.938em) { #whiteRedesign .headerLinks{ width: 78%; } #whiteRedesign.csr .headerLinks { width: auto; } #whiteRedesign.FS .headerLinks{ width:100%; /* Factory Store */ } .siteSelection.langSelection{ width: 22%; display: inline-table; /*float: right; margin-top: 89px;*/ border-top: 1px solid #e1e1e1; /*border-bottom: 1px solid #e1e1e1;*/ position: absolute; bottom: 0; left: 78%; box-sizing:border-box; height:98px; } .ssList{ right: 0; } #whiteRedesign .footerMid.m_1half > [class*="grid_"] { width: 33%; } #whiteRedesign .footerMid.m_1half > [class*="pull_"] { left: -34%; } #whiteRedesign .footerMid.m_1half > [class*="push_"] { left: 33%; } } /* WHITE FOOTER */ #whiteRedesign .footer{ background: #222222; } #whiteRedesign .footerTop{ margin-top: 30px; border: none; } #whiteRedesign .footerTop .grid_4{ display: table; } #whiteRedesign .footerTopItem{ min-height: 195px; padding: 1em; background: #343434; text-align: center; display: table-cell; vertical-align: middle; } #whiteRedesign .footerTopItem .topper{ padding-bottom:10px; } #whiteRedesign .footerTopItem .topper .sbs{ width: 46%; display: inline-block; text-align: center; } #whiteRedesign .footerTopItem .topper .sbs-top{ width: 100%; display: block; } #whiteRedesign .footerTopItem h5{ font-size: 1.05em; margin-bottom: 10px; } #whiteRedesign .footerTopItem p{ margin: 0; } #whiteRedesign .footerTopItem h5, #whiteRedesign .footerTopItem p{ color: #FFFFFF; } #whiteRedesign .footerTopItem input.text{ padding: 11px 4px; vertical-align: top; color: #000000; font-size: .8em; font-weight: 700; width: 70%; max-width: 240px; } #whiteRedesign .footerTopItem p{ font-weight: 300; font-size: .95em; line-height: 1.7em; } #whiteRedesign .footerTopItem a{ color: #FFFFFF; } #whiteRedesign .footer a.showRoom { display: inline-block; } #whiteRedesign .footerTopItem input{ border-radius: 3px; } #whiteRedesign .footerTopItem ul.socialFollow{ padding-top: 10px; } #whiteRedesign .footerTopItem .socialFollow li{ margin: 0 4px; } #whiteRedesign .footerTopItem .socialFollow li a{ color: #FFFFFF; } #whiteRedesign .footerTopItem .socialFollow li a img{ width: 24px; vertical-align: text-bottom; } #whiteRedesign .bannerFooter{ margin: 20px 0; } #whiteRedesign .bannerFooterGroup .slick-prev{ height: 100%; top: 0; left: 0; z-index: 1000; width: 48px; margin-top: 0; background: #a7a7a7; } #whiteRedesign .bannerFooterGroup .slick-prev::before{ content: "\e605"; font-family: icomoon; font-weight: 300; font-size: 40px; } #whiteRedesign .bannerFooterGroup .slick-next{ height: 100%; top: 0; right: 0; z-index: 1000; width: 48px; margin-top: 0; background: #a7a7a7; } #whiteRedesign .bannerFooterGroup .slick-next::before{ content: "\e606"; font-family: icomoon; font-weight: 300; font-size: 40px; } #whiteRedesign .footerMid{ width: 100%; padding-top: 0; text-align: center; color: #FFFFFF; font-style: bold; display: table; } #whiteRedesign .footerMid > div.grid_4 { display: table-cell; float: none; vertical-align: bottom; } #whiteRedesign.FS .footerMid > div.grid_4 { float: unset; /* Factory Store */ } #whiteRedesign .footerMid h6{ font-size: 1.1em; margin-bottom: 15px; } #whiteRedesign .footerBot{ text-align: center; border: none; } #whiteRedesign .securitySymbol{ display: inline-block; margin-left: 15px; background: #fff; } #whiteRedesign .footerBot .siteSelection{ float: none; border: none; margin: 10px auto 0; height: 46px; display: none; color: #FFFFFF; } #whiteRedesign .footerBot .ssList{ bottom: 46px; width: 175%; z-index: 3000; right: -48%; padding: 10px; top: auto; } #whiteRedesign .configImageView .imageBlock .title{ color: #ae0002; } #whiteRedesign .siteOverlay{ background: #FFFFFF; border: 4px solid #ae0303; color: #000000; } #whiteRedesign .siteOverlay > .overlayClose { z-index: 7; background: transparent; border: 0; } #whiteRedesign .siteOverlay > .overlayClose:hover, #whiteRedesign .siteOverlay > .overlayClose:focus { color: #ae0303; text-decoration: underline; } #whiteRedesign .siteOverlay > .overlayClose:focus { outline: 2px dotted #ae0303; } #whiteRedesign .siteOverlay:focus{ outline: 0; } #whiteRedesign .siteOverlay .checkoutOverlay { color: #000000; } #whiteRedesign #overlay-addvehicle.siteOverlay{ background: #303030; border: 4px solid #303030; color: #FFFFFF; } #whiteRedesign .siteOverlay .overlayBar .overlayClose, #whiteRedesign .siteOverlay h2.title, #whiteRedesign .siteOverlay .topText, #whiteRedesign .siteOverlay .vehiclePickerContainer [class^="icon-"], #whiteRedesign .siteOverlay .vehiclePickerContainer .cantFind.picker a{ color: #000000; } #whiteRedesign #overlay-addvehicle.siteOverlay .overlayBar .overlayClose, #whiteRedesign #overlay-addvehicle.siteOverlay h2.title, #whiteRedesign #overlay-addvehicle.siteOverlay .topText, #whiteRedesign #overlay-addvehicle.siteOverlay .vehiclePickerContainer [class^="icon-"], #whiteRedesign #overlay-addvehicle.siteOverlay .vehiclePickerContainer .cantFind.picker a{ color: #FFFFFF; } #whiteRedesign .siteOverlay h2.title{ font-size: 2em; } #whiteRedesign .title .icon-shop_by_vehicle, header #vehicle-picker .icon-shop_by_vehicle { font-size: 2.2em; line-height: .6em; display: inline-block; height: 37px; overflow: hidden; } #whiteRedesign .shopForVehicleHome .title .icon-shop_by_vehicle { position: absolute; left: -45px; top: -9px; line-height: 1.2em; } #whiteRedesign .siteOverlay #addVehicleBtn{ background: #cb171f; } #whiteRedesign .siteOverlay.gfAlert { text-align: center; } #whiteRedesign .siteOverlay.gfAlert .overlayButtons{ text-align: center; margin-bottom: 15px; } #whiteRedesign .siteOverlay.gfAlert .overlayButtons .btn:first-child{ margin-right: 30%; } #whiteRedesign .configImageView .imageBlock a.active{ /*background: #ae0002;*/ /*border: 2px solid #ae0002;*/ color: #FFFFFF; } #whiteRedesign p.mobileNote { font-size: .913em; text-align: center; margin: 0 0 10px; display: none; color: #cb171f; } #whiteRedesign .siteOverlay .overlayHdng{ color: #000000; } #whiteRedesign .configImageView .imageBlock a.active .title{ color: #ae0002; } #whiteRedesign .productDetails .vehiclePickerContainer .title{ color: #000000; } #whiteRedesign .productDetails .vehiclePickerContainer{ /*background: #303030;*/ background: #ededed; background-image: none; /*border: 4px solid #ae0303;*/ } #whiteRedesign .productDetails .vehiclePickerContainer .vehiclePicker .optionContainer .optionSelector .large{ height: auto !important; } #whiteRedesign .configImageView .or{ display: none; } #whiteRedesign .productDetails .vehiclePicker .optionContainer .optionSelector{ background: #FFFFFF; border-radius: 7px; box-shadow: none; } #whiteRedesign .productDetails .vehiclePicker .optionContainer{ width: 100%; } #whiteRedesign .productDetails .vehiclePicker .optionContainer.priceSpan{ font-weight: bold; padding: 10px 0 0 15px; font-size: 1.2em; } #whiteRedesign .productDetails .vehiclePicker .optionContainer.continue .optionSelector.viewProducts{ background: #cb171f; } #whiteRedesign .productDetails .vehiclePicker .optionContainer select{ display: block; background-color: #FFFFFF; } #whiteRedesign .productDetails .vehiclePicker .optionContainer select:focus + .optionSelector { outline:2px solid #E61E28; } #whiteRedesign .productDetails .vehiclePicker .optionContainer .optionSelector .small{ width: 0; height: 0; border-style: solid; border-width: 15px 10px 0 10px; border-color: #000000 transparent transparent transparent; overflow: hidden; } #whiteRedesign .productDetails .vehiclePicker .noVehicle a:hover{ color: #ae0303; } #whiteRedesign .productDetails .vehiclePicker .optionContainer .optionSelector .large{ color: #000000; } #whiteRedesign .productDetails .vehiclePicker .continue .optionSelector{ font-size: 1.625em; } #whiteRedesign .productDetails .vehiclePicker .continue .optionSelector .large{ color: #FFFFFF; height: auto; } #whiteRedesign .productDetails .vehiclePicker .continue{ padding-top: 0; } #whiteRedesign .productDetails .vehiclePicker .noVehicle{ font-size: .7em; padding-left: 15px; } #whiteRedesign .productDetails .vehiclePicker .noVehicle a{ color: #000000; } @media only screen and (max-width: 42em){ #whiteRedesign .bannerFooterGroup{ width: 265px; margin: 0 auto; z-index: 1; } #whiteRedesign .footerMid > div.grid_4{ display: inherit; width: 100%; padding: 0; margin: 10px 0; } #whiteRedesign.FS .footerMid > div.grid_4{ display: table-cell; } #whiteRedesign .footerTop .grid_4{ display: table; } #whiteRedesign .footerTop .footerTopItem{ display: table-cell; vertical-align: middle; } } @media only screen and (min-width: 42em) and (max-width:54em){ #whiteRedesign .footerTopItem{ /*min-height: auto !important;*/ } #whiteRedesign .footerTopItem .topper, #whiteRedesign .footerTopItem .bottomer{ width: 48%; display: inline-block; } #whiteRedesign .container .bannerFooterGroup{ width: 95%; margin: 0 auto 10px; } #whiteRedesign .container .footerMid { width: 95%; margin: 0 auto 10px; } .slick-initialized .slick-slide:nth-child(2n) a{ float: right; } #whiteRedesign .slick-initialized .slick-slide:nth-child(2n) a{ float: none; } #whiteRedesign .footerMid > div.grid_4[data-bannername="FooterBannerLeft"] { float: left; text-align: center; max-width: 50%; width: auto; } #whiteRedesign .footerMid > div.grid_4[data-bannername="FooterBannerRight"] { float: right; text-align: center; max-width: 50%; left: 0; width: auto; } #whiteRedesign .footerMid > div.grid_4.pull_4 { display: inline-block; width: 100% !important; margin: 0px auto; padding-top: 15px; left: 0; } #whiteRedesign .bannerFooterGroup { margin-bottom: 10px; } } @media only screen and (max-width:54em){ #whiteRedesign .footerTop .container .grid_4{ width: 100%; margin-bottom: 20px; } #whiteRedesign .footerTop .container .grid_4:last-child{ margin-bottom: 0; } #whiteRedesign .divAccessoriesItem p.opacc_price { margin-left: 10px; min-width: 50px; } } @media only screen and (max-width:60em){ #whiteRedesign .headerLinks{ border-top: 1px solid #e1e1e1; /*border-bottom: 1px solid #e1e1e1;*/ box-sizing: border-box; } #whiteRedesign .navFlyoutVehicle .close{ margin: 20px 0; } #whiteRedesign .navFlyoutVehicle .title{ display: none; } #whiteRedesign .navFlyoutVehicle p.cantFind{ margin-top: -10px; } #whiteRedesign .vehiclePicker{ max-width: inherit; } #whiteRedesign .vehiclePicker .optionContainer{ width: 100%; } #whiteRedesign .cantFind.picker{ width: 100%; text-align: center; } #whiteRedesign .vehiclePicker .optionContainerSmall{ width: 12%; } #whiteRedesign .vehiclePicker .optionContainerSmall .title{ display: none; } #whiteRedesign .navFlyoutVehicle .vehiclePicker .optionContainer .viewProducts{ float: none; margin: 0 auto; background-color: #cb171f; /*background-color: #ff0000;*/ background-image: none; width: 170px; top: 0px; } #whiteRedesign .navFlyoutVehicle .vehiclePicker .optionContainerLarge { width: 86%; } #whiteRedesign .navFlyoutVehicle .vehiclePicker .optionContainer .optionSelector{ padding: 16px 15px; } #whiteRedesign .navFlyoutVehicle .vehiclePicker .optionContainer:last-child{ margin-bottom: 25px; } #whiteRedesign .footerMid{ /* display: inherit;*/ padding-top: 0; } #whiteRedesign .footerBot{ padding-top: 0; } } @media only screen and (max-width: 47.99em) { .container .homeCallouts{ width: 100%; max-width: 400px; margin: 0 auto; padding-bottom: 0; padding-top: 25px; } .container .homeCallouts .grid_3{ width: 50% !important; } #whiteRedesign .hdng{ float: none; text-align: center; } #whiteRedesign h2.hdng{ float: none; text-align: left; } #whiteRedesign .productHeader .grid_6 div[class*="grid_"]{ width: 100%; } #whiteRedesign .pageHeading .warrantyHolder { float: none; text-align: center; margin: 0 auto; display: block; } #whiteRedesign .productHeader .grid_4.alpha.omega { position: relative; } .siteSelection{ display: none; } .ssListLeft{ width: 26%; } .ssListRight{ width: 74%; } #whiteRedesign .securitySymbol{ margin: 0; /* display: inline-flex; */ margin-top: 4px; } #whiteRedesign .footerBot .siteSelection{ display: inline-table; width: 100px; margin-left: 50px; margin-top: 0; } #whiteRedesign .footerBot .ssList{ width: 420px; right: 20%; transform: translateX(25%); position: absolute; } } @media screen and (max-width:460px) { #whiteRedesign .footerBot .ssList{ width: 290px; right: 50%; padding: 5px; } #lang-picker-footer { height: 340px; font-size: 1.2em !important; padding: 0 !important; } #lang-picker-footer .ssLanguage { font-size: 1em !important; } } @media only screen and (min-width: 60em) and (max-width: 69em){ #whiteRedesign .siteHeader h1.sitelogo, #whiteRedesign .siteHeader a.sitelogo, #whiteRedesign .siteHeader a.sitelogo:link, #whiteRedesign .siteHeader a.sitelogo:visited{ height: 39px; margin-top: 38px; background-size: 100%; } #whiteRedesign.csr .siteHeader h1.sitelogo, #whiteRedesign.csr .siteHeader a.sitelogo, #whiteRedesign.csr .siteHeader a.sitelogo:link, #whiteRedesign.csr .siteHeader a.sitelogo:visited { margin-top: 35px; } #whiteRedesign .siteHeader.ckNew a.sitelogo, #whiteRedesign .siteHeader.ckNew a.sitelogo:link, #whiteRedesign .siteHeader.ckNew a.sitelogo:visited{ margin-top: 10px; } .siteSelection{ float: right; } #whiteRedesign .headerLinks { float: right; padding: 0; } #whiteRedesign .lgrid{ min-height: 390px; } } /*FS Start*/ @media only screen and (min-width: 68em) and (max-width: 69em){ #whiteRedesign.FS .siteHeader a.sitelogo, #whiteRedesign.FS .siteHeader a.sitelogo:link, #whiteRedesign.FS .siteHeader a.sitelogo:visited{ height: 39px; margin-top: 38px; background-size: 100%; } #whiteRedesign.FS .siteSelection{ float: right; } #whiteRedesign.FS .headerLinks { float: right; padding: 0; } #whiteRedesign.FS .lgrid{ min-height: 390px; } } @media only screen and (min-width: 67em) and (max-width: 69.375em){ #whiteRedesign .siteHeader h1.sitelogo, #whiteRedesign .siteHeader a.sitelogo, #whiteRedesign .siteHeader a.sitelogo:link, #whiteRedesign .siteHeader a.sitelogo:visited{ width: 370px !important; margin-right: 0; } #whiteRedesign .siteHeader.ckNew a.sitelogo, #whiteRedesign .siteHeader.ckNew a.sitelogo:link, #whiteRedesign .siteHeader a.sitelogo:visited{ width: 100% !important; } #whiteRedesign.FS .siteHeader a.sitelogo, #whiteRedesign.FS .siteHeader a.sitelogo:link, #whiteRedesign.FS .siteHeader a.sitelogo:visited{ width: 322px !important; } #whiteRedesign.csr .siteHeader h1.sitelogo, #whiteRedesign.csr .siteHeader a.sitelogo, #whiteRedesign.csr .siteHeader a.sitelogo:link, #whiteRedesign.csr .siteHeader a.sitelogo:visited { width: inherit !important; margin-right: 0; } #whiteRedesign.csr .siteHeader.ckNew a.sitelogo, #whiteRedesign.csr .siteHeader.ckNew a.sitelogo:link, #whiteRedesign.csr .siteHeader a.sitelogo:visited { width: inherit !important; } #whiteRedesign.FS.csr .siteHeader a.sitelogo, #whiteRedesign.FS.csr .siteHeader a.sitelogo:link, #whiteRedesign.FS.csr .siteHeader a.sitelogo:visited { width: inherit !important; } } @media only screen and (min-width: 69em){ #whiteRedesign.FS .siteHeader a.sitelogo, #whiteRedesign.FS .siteHeader a.sitelogo:link, #whiteRedesign.FS .siteHeader a.sitelogo:visited{ width: 370px; margin-right: 0; } } @media only screen and (min-width: 71.063em){ #whiteRedesign.FS .siteHeader a.sitelogo, #whiteRedesign.FS .siteHeader a.sitelogo:link, #whiteRedesign.FS .siteHeader a.sitelogo:visited{ width: 406px; } } @media only screen and (min-width: 67.01em) and (max-width: 68.938em){ #whiteRedesign.FS .siteHeader a.sitelogo, #whiteRedesign.FS .siteHeader a.sitelogo:link, #whiteRedesign.FS .siteHeader a.sitelogo:visited{ width: 322px; } } /*FS End*/ @media only screen and (min-width: 27em) and (max-width: 67em) { #whiteRedesign .siteHeader h1.sitelogo, #whiteRedesign .siteHeader a.sitelogo, #whiteRedesign .siteHeader a.sitelogo:link, #whiteRedesign .siteHeader a.sitelogo:visited{ width: 295px; margin: 38px auto 0; } #whiteRedesign .siteHeader.ckNew a.sitelogo, #whiteRedesign .siteHeader.ckNew a.sitelogo:link, #whiteRedesign .siteHeader.ckNew a.sitelogo:visited{ margin: 10px auto 0; } } @media only screen and (max-width: 63em) { #whiteRedesign .siteHeader h1.sitelogo, #whiteRedesign .siteHeader a.sitelogo, #whiteRedesign .siteHeader a.sitelogo:link, #whiteRedesign .siteHeader a.sitelogo:visited{ background-size: 100%; } #whiteRedesign #overlay-cart.overlay-cart .addBag .fbottom.show{ width: 100%; } #whiteRedesign #overlay-cart.overlay-cart .addBag .fbottom.show .btn.orange{ max-width: initial; width: initial; min-width:60%; } #whiteRedesign #overlay-cart.overlay-cart .addBag .fbottom.show .btnWrapper.btnSmall{ display:block; } } @media only screen and (max-width: 62.5em) { #whiteRedesign .siteHeader h1.sitelogo, #whiteRedesign .siteHeader a.sitelogo, #whiteRedesign .siteHeader a.sitelogo:link, #whiteRedesign .siteHeader a.sitelogo:visited{ width: 260px; } #whiteRedesign .footerTop .grid_4{ padding: 0; } #whiteRedesign.FS .footerMid > div.grid_4 { float: unset; /* Factory Store */ } #whiteRedesign.FS .footerMid.m_1half > [class*="grid_"] { width: 33% !important; } #whiteRedesign.FS .footerMid > div.grid_4 { /*display: inherit;*/ } } /*FS Start*/ @media only screen and (max-width: 64.063em) { #whiteRedesign.FS .siteHeader a.sitelogo, #whiteRedesign.FS .siteHeader a.sitelogo:link, #whiteRedesign.FS .siteHeader a.sitelogo:visited{ width: 200px; } /*FS End*/ #whiteRedesign .footerTop .grid_4{ padding: 0; } #whiteRedesign.FS .footerMid > div.grid_4 { float: unset; /* Factory Store */ } #whiteRedesign.FS .footerMid.m_1half > [class*="grid_"] { width: 33% !important; } #whiteRedesign.FS .footerMid > div.grid_4 { /*display: inherit;*/ } } @media only screen and (min-width:58.750em) { #whiteRedesign .vehiclePicker .optionContainer select{ display: none; } #whiteRedesign .dealerLocator .vehiclePicker .optionContainer select{ display: block; } #whiteRedesign .dealerLocator .vehiclePicker .optionContainer select{ display: block; } } @media only screen and (max-width:58.750em) { #whiteRedesign .navFlyoutProducts{ left: 0; border-top: 1px solid #3c3c3c; } /**FS & WT**/ #whiteRedesign .siteHeader h1.sitelogo, #whiteRedesign .siteHeader a.sitelogo, #whiteRedesign .siteHeader a.sitelogo:link, #whiteRedesign .siteHeader a.sitelogo:visited, #whiteRedesign.FS .siteHeader a.sitelogo, #whiteRedesign.FS .siteHeader a.sitelogo:link, #whiteRedesign.FS .siteHeader a.sitelogo:visited{ width:100%; max-width:450px; display:block; margin:22px auto 0; } #whiteRedesign .vehiclePicker .optionContainer select{ display: block; } /*#whiteRedesign .productList .itemWrapper .itemTitle { min-height: 35px !important; }*/ } @media screen and (max-width: 58.688em){ #whiteRedesign .overlay-cart.addtocart_full .grid_12 .suggested #cartOverlay_divItemGroups { display:block; } #whiteRedesign .overlay-cart.addtocart_full .grid_12 .suggested #cartOverlay_divItemGroups_Static { display:none; } } @media only screen and (min-width:25.375em) and (max-width:38.5em) { #whiteRedesign .headerLinks a.navItem .inner {padding-left: 11px; padding-right: 11px} } @media only screen and (min-width:38.5625em) and (max-width:46.625em) { #whiteRedesign .headerLinks a.navItem .inner {padding-left: 24px; padding-right: 24px;} #whiteRedesign.FS .headerLinks a.navItem .inner {padding-left: 20px; padding-right: 20px;} /* Factory Store */ } @media only screen and (min-width:46.6875em) and (max-width:47.9375em) { #whiteRedesign .headerLinks a.navItem .inner {padding-left: 27px; padding-right: 27px;} #whiteRedesign.FS .headerLinks a.navItem .inner {padding-left: 20px; padding-right: 20px;} /* Factory Store */ } @media only screen and (min-width:48em) and (max-width:56.625em) { #whiteRedesign .headerLinks a.navItem .inner {padding-left: 20px; padding-right: 20px;} } @media only screen and (min-width:56.6875em) and (max-width:58.750em) { #whiteRedesign .headerLinks a.navItem .inner {padding-left: 25px; padding-right: 25px;} #whiteRedesign.FS .headerLinks a.navItem .inner {padding-left: 15px; padding-right: 15px;} } @media only screen and (min-width:941px) and (max-width:962px) { #whiteRedesign .siteHeader h1.sitelogo, #whiteRedesign .siteHeader a.sitelogo, #whiteRedesign .siteHeader a.sitelogo:link, #whiteRedesign .siteHeader a.sitelogo:visited {width: 200px;} } @media only screen and (max-width:72em) { #whiteRedesign div.altViews > div:nth-child(4n+4) { margin-right: 21px; } } @media only screen and (max-width:25em){ .container16 .sgrid:nth-last-child(1), .container16 .sgrid:nth-last-child(2){ /*min-height: auto !important;*/ } #whiteRedesign .productDetails .selectCarOpt input{ font-size: 1.2em; } } @media only screen and (min-width:25em) and (max-width:26em) { .grid_3.lgrid, .grid_6.w_two{ /*min-height: 425px;*/ } } @media only screen and (min-width: 60em) and (max-width: 70em){ #whiteRedesign .footerMid h6{ font-size: .9em; } } @media only screen and (max-width:26em) { #whiteRedesign .footerTop{ margin-top: 15px; } #whiteRedesign .footerTop .container .grid_4{ margin-bottom: 10px; } #whiteRedesign .footerMid{ padding-bottom: 10px; } } @media only screen and (max-width:28em) { #whiteRedesign .itemWrapper .container{ display: flex; flex-direction: column; } #whiteRedesign .itemWrapper .relatedItemSingleLeft{ order: 2; -webkit-order: 2; width: 100%; } #whiteRedesign .itemWrapper .relatedItemSingleRight.itemsPricing{ order: 1; -webkit-order: 1; width: 100%; margin-bottom: 10px; } #whiteRedesign .productReviews .testimonialTools .backTo { border: none; display: block; padding: 0; margin: 0 0 15px 0; } #whiteRedesign .productReviews a[id*="aViewAllTestimonials"] { } } @media only screen and (max-width: 47.938em) and (min-width: 11.25em){ #whiteRedesign p.mobileNote { display: block; } } @media only screen and (max-width: 48em){ #whiteRedesign div.altViews > div{ padding-bottom: 0; } } @media only screen and (min-width: 47.9em) and (max-width:72em) { #whiteRedesign div.altViews > div { width: 21% !important; margin: 0px 4% 14px 0px; display: inline-block; float: left; } #whiteRedesign .productWrapper div.altViews > div img { width: 100% !important; } #whiteRedesign .altViewsContainer div.altViews > div:nth-child(4n+4) { margin-right: 0px; } #whiteRedesign div.altViews { max-height: 0px; padding-bottom: 38%; } #whiteRedesign div.altViewsContainer.count1 div.altViews, #whiteRedesign div.altViewsContainer.count2 div.altViews, #whiteRedesign div.altViewsContainer.count3 div.altViews, #whiteRedesign div.altViewsContainer.count4 div.altViews { padding-bottom: 19%; } #whiteRedesign .active div.altViews { padding-bottom: 0; } } @media only screen and (max-width: 49em){ #whiteRedesign div.altViews > div button { position: relative; padding: 0; } /* #whiteRedesign div.altViews > div { width: 100% !important; } */ } #whiteRedesign .divAccessories input[type="checkbox"]:checked + label::after { content: ''; position: absolute; width: 1.5em; height: .5em; background: rgba(0, 0, 0, 0); top: 1em; left: .3em; border: 3px solid green; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #whiteRedesign .divAccessories input[type="checkbox"] { line-height: 2.1ex; } #whiteRedesign .divAccessories input[type="radio"], #whiteRedesign .divAccessories input[type="checkbox"] { position: absolute; left: -999em; } #whiteRedesign .divAccessories input[type="checkbox"] + label { position: relative; overflow: hidden; cursor: pointer; padding-left: 2.5em; } #whiteRedesign .divAccessories input[type="checkbox"] + label::before { content: ""; display: inline-block; height: 2em; width: 2em; background-color: white; border: 1px solid rgb(166, 166, 166); border-radius: 4px; box-shadow: inset 0 2px 5px rgba(0,0,0,0.25); margin-right: 0.5em; position: absolute; left: 0; top: 4px; } @media only screen and (min-width: 48px) and (max-width: 54.125em) { #whiteRedesign .btnAddToCart #chooseOptions_ { font-size: 1.3em; } } @media only screen and (min-width: 48px) and (max-width: 58em) { #whiteRedesign .productDetails .vehiclePickerContainer .title{ font-size: 1.3em; } #whiteRedesign .title .icon-shop_by_vehicle{ line-height: 1em; } } @media only screen and (min-width:27.75em) and (max-width:1023px) { #whiteRedesign .overlay-cart .mfp-close { background: none; text-indent: -999em; -webkit-border-radius: 0%; -moz-border-radius: 0%; border-radius: 0%; border: none; right: inherit; width: 150px; margin: 0; width: 100%; height: 55px; -webkit-box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.6); -moz-box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.6); box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.6); } #whiteRedesign .overlay-cart .grid_4 div.cart-summary + span.btnWrapper { z-index: 9999; position: absolute; top: 10px; right: 215px; } #whiteRedesign .overlay-cart .grid_4 div.cart-summary + span.btnWrapper + span.btnWrapper { z-index: 9999; position: absolute; top: 10px; right: 10px; } #whiteRedesign .overlay-cart .grid_4 div.cart-summary + span.btnWrapper .btn { padding: 4px 10px; min-width: 180px; } #whiteRedesign .overlay-cart .grid_4 div.cart-summary + span.btnWrapper + span.btnWrapper .btn { padding: 4px 0 4px 14px; min-width: 190px; } #whiteRedesign .btnWrapper .icon-secure_shopping { color: #fff; /* font-size: 1.3em; position: absolute; margin: 8px 0 0 10px; */ } #whiteRedesign .overlay-cart .continueWrpr .btnWrapper { display: inline-block; } #whiteRedesign .overlay-cart .continueWrpr .btn { padding: 14px 24px; } #whiteRedesign .overlay-cart.addtocart_full .continueWrpr .btn { padding: 14px 14px; min-width:auto; } #whiteRedesign .overlay-cart:not(.addtocart_full) .addBag{ margin: 50px 0; } } @media only screen and (min-width:1021px) and (max-width:1104px) { #whiteRedesign .overlay-cart .addBag .fright{ /*width: 85px;*/ float: none; } #whiteRedesign .overlay-cart .btnSmall .btn.orange{ padding: 10px 5px; } } /* #348414 - p2: homepage alignment issues */ .shopForVehicleHome .container16 {padding: 0 6px;} .shopForVehicleHome_buttons {float:right;} .shopForVehicleHome .buttons {text-align:right;} /* Ticket#376511 - Correcting shop by vehicle grid */ @media screen and (min-width : 62em) { #whiteRedesign .footerTopItem ul.socialFollow{ position: relative; left: 50%; bottom: 6px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; } } #whiteRedesign .flex { min-width: 11em; max-width: 72em; margin: 0 auto; } #whiteRedesign .flex h2 { margin-left:10px !important; } #whiteRedesign .flexproductList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #ffffff; margin: auto 0; } #whiteRedesign .flexproductList:after { content: ""; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } #whiteRedesign.csr #whiteRedesign .flexproductList:after { display: none; } #whiteRedesign .flex .itemWrapper { width:18%; -webkit-box-sizing:border-box; box-sizing:border-box; background:#DDD; padding: 8px; margin:10px 1%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; position: relative; } #whiteRedesign .flex .itemTitle { font-size: 1em; } #whiteRedesign .flex .itemSubtitle { font-size: .75em; font-style: italic; font-weight: normal; letter-spacing: -.02em; display: block; margin: 2px 0 3px; } #whiteRedesign .flex .mvpListingDetails ul { list-style-type: none; margin: 0; padding: 0 0 10px 8px; } #whiteRedesign .flex .mvpListingDetails ul li { font-size: .8em; margin: 0 0 8px 0; position: relative; } #whiteRedesign .flex .mvpListingDetails ul li::before { content: "\2022"; position: absolute; left: -7px; top: 0px; } #whiteRedesign .flexBottom { margin-top: auto; display:flex; flex-direction:row-reverse; justify-content: space-between; align-items: center; } #whiteRedesign .flexBottom .shopPrice { float:right; font-size: .66em; font-style: italic; margin: auto 0; } #whiteRedesign .flexBottom .shopBtn { float: left; margin: 5px 0; } #whiteRedesign .flexBottom .shopBtn a.btn:focus, #whiteRedesign .flexBottom .shopBtn a.btn:hover, #whiteRedesign #relatedProductsParent .itemWrapper .flexBottom .itemShopLink.btn:focus, #whiteRedesign #relatedProductsParent .itemWrapper .flexBottom .itemShopLink.btn:hover { background-color: #000 !important; } #whiteRedesign .flexBottom .shopBtn .btn { background-color: #c21118 !important; padding: 7px 7px; box-shadow: 1px 1px 1px #aeaeae; font-size: .7em; font-weight: 600; } #whiteRedesign .flexproductList a.itemLink { min-height: 1px; } @media screen and (max-width:1153px) and (min-width:1025px){ #whiteRedesign .flexBottom { display: block; } #whiteRedesign .flexBottom .shopPrice { float:none; } #whiteRedesign .flexBottom .shopBtn { width: 100%; } #whiteRedesign .flexBottom .shopBtn .btn { width: 90%; } } html[lang="fr"] #whiteRedesign .overlay-cart.addtocart_full .viewDetailWrpr #cartOverlay_btnBannerButton { padding:14px 0px !important; } @media screen and (max-width:899px) and (min-width:769px){ #whiteRedesign .flexBottom { display: block; } #whiteRedesign .flexBottom .shopPrice { float:none; } #whiteRedesign .flexBottom .shopBtn { width: 100%; } #whiteRedesign .flexBottom .shopBtn .btn { width: 90%; } #whiteRedesign .overlay-cart.addtocart_full .viewDetailWrpr #cartOverlay_btnBannerButton { max-width:100px !important; width: 100% !important; min-width: 1px !important; } html[lang="fr"] #whiteRedesign .overlay-cart.addtocart_full .viewDetailWrpr #cartOverlay_btnBannerButton { max-width:200px !important; } } @media screen and (max-width:661px) and (min-width:481px){ #whiteRedesign .flexBottom { display: block; } #whiteRedesign .flexBottom .shopPrice { float:none; } #whiteRedesign .flexBottom .shopBtn { width: 100%; } #whiteRedesign .flexBottom .shopBtn .btn { width: 90%; } } @media screen and (max-width:440px) and (min-width:321px){ #whiteRedesign .flexBottom { display: block; } #whiteRedesign .flexBottom .shopPrice { float:none; text-align: center; } #whiteRedesign .flexBottom .shopBtn { width: 100%; } #whiteRedesign .flexBottom .shopBtn .btn { width: 90%; } } @media screen and (max-width:1024px){ #whiteRedesign .flex .itemWrapper { width:23%; } } @media screen and (max-width:768px){ #whiteRedesign .flex .itemWrapper { width:31%; } #whiteRedesign .overlay-cart.addtocart_full .continueWrpr .btn { width:100%; } } @media screen and (max-width:480px){ #whiteRedesign .flex .itemWrapper { width:48%; } #whiteRedesign .flex .flexproductList .slick-dots { padding: 0; margin-bottom: 5px; } } @media screen and (max-width:320px){ #whiteRedesign .flex .itemWrapper { width:100%; } } #whiteRedesign .tabList_container li a { color: #000; } @media screen and (max-width:767px) { #whiteRedesign div.altViews > div img { width: 100% !important; height: 100% !important; } } #closeVideo { display:none; } @media only screen and (max-width: 50em) and (min-width:48em) { #whiteRedesign #responsiveCustomFitDetailsSpecialPrimaryItem .detailsRow.clearfix { padding-bottom:10px; } } @media only screen and (max-width: 26em) { #whiteRedesign #responsiveCustomFitDetailsSpecialPrimaryItem .detailsRow.clearfix { padding-bottom:10px; } } @media only screen and (max-width: 47.9375em) { #whiteRedesign .continueShopping { text-align: center; background-color: #EEE; margin: -20px 0 20px; padding: 0; } #whiteRedesign .continueShopping a { display: block; padding: 10px; } #whiteRedesign .continueShopping a span.icon-caret-left { display: none; } #closeVideo { position: absolute; z-index: 9999; background: #FFF; right: 12px; color: #000; font-weight: bold; top: 5px; display:block; padding:5px } #closeVideo::before { content: 'X'; } } @media screen and (max-width:29.938em) { #closeVideo { right: 5px; } } /* Ticket: #404149 Standardize on New Special Offers Layout */ .specialOffers.opt * { -webkit-box-sizing: border-box; box-sizing: border-box; } .specialOffers.opt > ul { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: distribute; justify-content: space-around; margin: 25px -10px; padding: 0; } .specialOffers.opt > ul li { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 30%; margin: 0 10px 25px; border: 1px solid #bcbcbc; text-align: center; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .specialOffers.opt > ul li img { margin: 0 auto; } .specialOffers.opt .content { margin: 40px; font-size: 1.15em; text-align: left; } .specialOffers.opt .content .h3 { font-size: 1.25em; line-height: 1.14; margin-bottom: 25px; } .specialOffers.opt .bottom { margin: auto 40px 30px; text-align: left; bottom: 0; } .specialOffers.opt .bottom a { display: block; color: #d0171d !important; font-size: 1.3em; } @media screen and (max-width:500px){ .specialOffers.opt > ul li { width: 100%; } } /*Shopping History Homepage Section - Ticket#393173*/ .shopping-history { height: 130px; width: 100%; font-size: .8em; display: flex; border: 2px solid #ddd; border-radius: 3px; box-sizing: border-box; } .history-tile.history-tile-1 { flex: 1 1 12%; background: #222; color: #fff; margin: 0; max-width: 268px; } .history-tile:nth-child(2), .history-tile:nth-child(3) { border-right: 1px solid #ddd; } .history-tile { flex: 1 1 16%; margin: 10px 0; display: flex; position: relative; padding: 0 5px; flex-wrap: wrap; max-width: 27%; } .history-tile h2 { position: absolute; top: 50%; left: 56%; transform: translate(-50%, -50%); line-height: 1.1; } .history-img, .history-info { padding: 0 10px; } .history-img { width: 29%; } .history-info { flex: 1; } .history-info .history-status, .history-info h3 { margin: 0; } .history-info .history-status { font-size: 0.75em; color: #555; text-transform: uppercase; } .history-info h3 { font-size: 1em; min-height: 4.5em; line-height: 1.1; } .history-shop { position: relative; } .history-btn.btn { font-size: .8em; padding: 5px; display: inline-block; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); background-color: #c1161f; } #whiteRedesign .history-btn.btn:focus, #whiteRedesign .history-btn.btn:hover { background-color: #222; } .history-price { position: absolute; right: 0; bottom: 0; margin: 0; top: initial; font-size: 0.85em; font-weight: 700; width: 57%; text-align: right; font-style: italic; } .history-tile h2::before { content: ''; display: block; width: 30px; height: 30px; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDUxMCA1MTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMCA1MTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0iaGlzdG9yeSI+CgkJPHBhdGggc3R5bGU9Im9wYWNpdHk6MC45O2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7IiBkPSJNMjY3Ljc1LDEyLjc1Yy04OS4yNSwwLTE2OC4zLDQ4LjQ1LTIwOS4xLDEyMi40TDAsNzYuNXYxNjUuNzVoMTY1Ljc1ICAgIGwtNzEuNC03MS40YzMzLjE1LTYzLjc1LDk2LjktMTA3LjEsMTczLjQtMTA3LjFDMzcyLjMsNjMuNzUsNDU5LDE1MC40NSw0NTksMjU1cy04Ni43LDE5MS4yNS0xOTEuMjUsMTkxLjI1ICAgIGMtODQuMTUsMC0xNTMtNTMuNTUtMTgxLjA1LTEyNy41SDMzLjE1YzI4LjA1LDEwMiwxMjIuNCwxNzguNSwyMzQuNiwxNzguNUM0MDIuOSw0OTcuMjUsNTEwLDM4Ny42LDUxMCwyNTUgICAgQzUxMCwxMjIuNCw0MDAuMzUsMTIuNzUsMjY3Ljc1LDEyLjc1eiBNMjI5LjUsMTQwLjI1VjI3MC4zbDExOS44NSw3MS40bDIwLjQtMzMuMTVsLTEwMi02MS4ydi0xMDcuMUgyMjkuNXoiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K); background-size: cover; background-repeat: no-repeat; position: absolute; left: -35px; } .history-noitem-text { flex: 0 1 100%; margin: 0; } .history-continue-shopping { display: inline-block; } .history-tile.history-tile-noitem { text-align: left; color: #555; border-right: 0; padding-left: 10px; font-weight: 600; max-width: 100%; } a.history-continue-shopping, a.history-continue-shopping:link { font-size: 1.25em; color: #000 !important; position: relative; font-weight: 700; } .history-continue-shopping::after { content: ''; width: 7px; height: 7px; border-top: 2px solid #000; border-right: 2px solid #000; position: absolute; right: -15px; top: 20%; transform: rotate(45deg) translateY(-50%); } @media screen and (max-width:60.5em) { .history-tile h2 { left: 60%; } } @media screen and (max-width:58em) { .history-img { width: 29%; padding: 0 2px; } .shopping-history { font-size: .85em; } } @media screen and (max-width:52.5em) { .history-img, .history-info { padding: 0 5px; } } @media screen and (max-width:51em) { .history-tile { padding: 0; } .history-tile h2 { font-size: 1em; } .history-info h3 { font-size: 0.9em; } .history-price { position: relative; display: inline-block; width: 43%; float: right; } } @media screen and (max-width:48em) { .shopping-history { margin: 15px 0; flex-wrap: wrap; height: auto; font-size: 1em; } .history-tile:nth-child(2), .history-tile:nth-child(3) { border-right: 0; border-bottom: 1px solid #ddd; } .history-tile.history-tile-noitem:nth-child(2), .history-tile.history-tile-noitem:nth-child(3) { border-bottom: 0; } .history-tile { flex: 1 1 100%; margin: 0 15px; max-width: 100%; padding: 5px 0; } .history-tile h2 { left: 50%; font-size: 1.5em; } .history-tile.history-tile-1 { padding: 30px 0; max-width: 100%; } .history-price { width: auto; position: absolute; } .history-img { width: 32%; padding: 10px; } .history-info h3 { min-height: 4.5em; } .history-continue-shopping::after { top: 50%; } .history-noitem-text, .history-continue-shopping { margin: 5px 0; } } @media screen and (max-width:31.25em) { .history-tile h2 { font-size: 2em; width: 100%; text-align: center; } .history-tile h2::before { width: 24px; height: 24px; left: auto; top: auto; margin-right: 5px; position: relative; display: inline-block; } .history-info h3 { min-height: 3.5em; } .history-info, .history-img { padding: 15px 5px; } } @media screen and (max-width:23em) { .history-price { width: 45%; } } #whiteRedesign .vidpopup .popup-youtube { display: flex; width: 100%; justify-content: center; align-items: center; color: #000; font-weight: 600; margin: 0 auto 40px; cursor: pointer; } .vidicon { background: #cb171f; width: 40px; height: 30px; display: inline-block; border-radius: 7px; margin: 0 10px 0 0; position: relative; } .vidicon::before { content: '\0025BA'; position: absolute; color: #fff; left: 50%; transform: translatex(-50%); font-size: .7em; line-height: 28px; } @media screen and (max-width: 48em) { #whiteRedesign .vidpopup .popup-youtube { display: block; width: 325px; margin: 15px auto; } .vidpopup .popup-youtube span, .vidpopup .popup-youtube .vidicon { display: block; margin: auto; } } @media screen and (max-width:31.25em) { #whiteRedesign .vidpopup .popup-youtube { display: block; } #whiteRedesign .vidpopup .popup-youtube span { display: block; margin: auto; } #whiteRedesign .pdpSpecial .detailsRow:first-of-type .setSpecialSwatch2x2 li { width: 49% !important; } } #whiteRedesign .pdpSpecial #itemInfoSpecial .detailsRow:last-of-type ul.swatchListSpecial li:not(:only-child):nth-last-child(-n+3):first-child, #whiteRedesign .pdpSpecial #itemInfoSpecial .detailsRow:last-of-type ul.swatchListSpecial li:not(:only-child):nth-last-child(-n+3):first-child ~ li, #whiteRedesign .pdpSpecial #itemInfoSpecial .optionsList:first-child ul.swatchListSpecial li:not(:only-child):nth-last-child(-n+3):first-child { margin: auto; } #whiteRedesign .pdpSpecial #itemInfoSpecial .selectionList.optionsList:nth-child(1) .swatchListSpecial li { padding: 5px; margin: 0 auto !important; } #whiteRedesign .pdpSpecial #itemInfoSpecial .selectionList.optionsList:nth-child(3) .swatchListSpecial li { width: auto !important; } /*this datalist test*/ /*Start CSR Specific Styles*/ #whiteRedesign.csr .flex .itemWrapper { width: 13.75%; margin: .15em; } #whiteRedesign.csr .productDetailsBottom #divQty:before, #whiteRedesign.csr .productDetailsBottom #divQty:after { content: ""; } #whiteRedesign.csr .siteHeader .headerInner a.sitelogo, #whiteRedesign.csr .siteHeader .headerInner a.sitelogo:link { width: 36%; padding: 15px 0; } #whiteRedesign.csr .siteHeader h1.sitelogo, #whiteRedesign.csr .siteHeader a.sitelogo, #whiteRedesign.csr .siteHeader a.sitelogo:link, #whiteRedesign.csr .siteHeader a.sitelogo:visited { margin: 10px 0; } #whiteRedesign.csr .siteHeader .headerInner a.sitelogo img { display: none; } .csr .subFooter .center img { display: block; margin: 10px auto 30px; } .csr .subFooter .center .copyright { padding-bottom: 15px; } @media only screen and (max-width: 65.5em) { #whiteRedesign.csr .siteHeader .headerInner a.sitelogo, #whiteRedesign.csr .siteHeader .headerInner a.sitelogo:link { width: 29%; margin-left: 15px; } .csr .headerLinks a.navItem { width: 90px; } #whiteRedesign.csr .flexproductList { justify-content: flex-start; margin-left: 5px; } #whiteRedesign.csr .flex .itemWrapper { flex: 0 1 19%; } } @media only screen and (max-width: 58.75em) { #whiteRedesign.csr .siteHeader .headerInner a.sitelogo, #whiteRedesign.csr .siteHeader .headerInner a.sitelogo:link { width: 50%; margin: 10px auto; } .csr .headerLinks > ul { display: flex; } .csr .headerLinks > ul > li { flex-grow: 1; } } @media only screen and (max-width: 50em) { #whiteRedesign.csr .flex .itemWrapper { flex: 0 1 24%; } } @media only screen and (max-width: 35em) { #whiteRedesign.csr .flex .itemWrapper { flex: 0 1 31%; } #whiteRedesign.csr .flexproductList { margin-left: 20px; } } @media only screen and (max-width: 20em) { #whiteRedesign.csr .flexproductList { margin-left: 5px; } } /*Google Doc changes*/ #whiteRedesign.csr .productWrapper .itemPrice { font-weight: 700; font-size: 2.125em; } #whiteRedesign.csr .pnlMain .itemPrice { float: left; } #whiteRedesign.csr .pnlMain .btnWrapper.btnAddToCart, #whiteRedesign.csr .productWrapper .btnAddToCart { float: right; } #whiteRedesign.csr .productWrapper .productDetails:before { content: ''; clear: both; display: table; } #whiteRedesign.csr ul.swatchList input + label { background: #000; color: #fff; border-radius: 3px; } #whiteRedesign.csr ul.swatchList input + label span { color: #fff !important; } #whiteRedesign.csr .swatchList input.active + label { background: #2f841d; } #whiteRedesign.csr #productInstallation .pageSection .hdng2 { border-bottom: 2px solid red; } #whiteRedesign.csr #productInstallation .pageSection .hdng2 span:nth-child(1) { border-left: 2px solid red; border-right: 2px solid red; border-top: 2px solid red; border-bottom: 4px solid white; display: inline-block; margin-bottom: -3px; padding: 5px 5px 0; } #whiteRedesign.csr .flexproductList { justify-content: flex-start; } #whiteRedesign.csr .detailsRow { margin-top: 10px; } #whiteRedesign.csr .alcPriceSelect .selectBtn { margin-bottom: 5px; } #whiteRedesign.csr .alcPriceSelect #div_InventoryInfo .icon-caret-right { display: none; } #whiteRedesign.csr .cartList .cartItemDetails .itemQty .formee select { max-width: 100% !important; } #whiteRedesign.csr .shoppingCart select.qtySpinnerContainer { width: 164px !important; } #whiteRedesign.csr .cartList .cartItemDetails .itemQty .formee select { font-size: 1em; } #whiteRedesign.csr .shoppingCart .contentExtra.itemQty .formee { text-align: right; } #whiteRedesign.csr .shoppingCart .contentExtra.itemQty .formee .qtyUP, #whiteRedesign.csr .shoppingCart .contentExtra.itemQty .formee .qtyDown { margin-right: 3px; } #whiteRedesign.csr .shoppingCart .contentExtra.itemQty .formee select { border: 1px solid #000; } #whiteRedesign.csr .productDetailsBottom .itemPrice { width: 40%; display: inline-block; margin-top: 5px; } #whiteRedesign.csr .container.productWrapper .grid_6:nth-child(1) { text-align: center; } #whiteRedesign.csr ul.swatchList li a span { margin-top: 0px; } #whiteRedesign.csr .siteHeader h1.sitelogo, #whiteRedesign.csr .siteHeader a.sitelogo, #whiteRedesign.csr .siteHeader a.sitelogo:link, #whiteRedesign.csr .siteHeader a.sitelogo:visited { background: url("/cms/images/layout/white/csr-website-logo.jpg") no-repeat; background-size: 100% auto; text-indent: 0; } #whiteRedesign.csr .productDetails .detailsRow .swatchList li input + label span, #whiteRedesign.csr .productDetails .detailsRow .swatchList li input + label span:link { padding: 10px; } #whiteRedesign.csr .aLaCarteProduct .alcImgTitleSwatch .swatchList { width: 80%; } #whiteRedesign.csr .aLaCarteProduct .alcImgTitleSwatch .swatchList li a, #whiteRedesign.csr .aLaCarteProduct .alcImgTitleSwatch .swatchList li a:link { padding: 0; background: transparent; color: #000; } #whiteRedesign.csr .aLaCarteProduct .alcImgTitleSwatch .swatchList li a.active span { color: red; } #whiteRedesign.csr .productDetailsBottom div[data-class='ProdWarning'] { top: 40%; } #whiteRedesign.csr .productDetailsBottom .prodNALink { margin: auto; } #whiteRedesign.csr .order-number { margin-bottom: 10px; } @media only screen and (max-width: 850px) { #whiteRedesign.csr .cartList .cartItemDetails .itemQty .formee select { max-width: auto !important; } #whiteRedesign.csr .shoppingCart select.qtySpinnerContainer { width: 112px !important; } #whiteRedesign.csr .cartList .cartItemDetails .itemQty .formee select { font-size: .8em; } } /*End Google Doc changes*/ /*End CSR Specific Styles*/ .csr .swatchList li { margin-top: 3px; margin-bottom: 3px; } /* Ticket: #440215 - Move PC onto WT */ @font-face { font-family: 'flux_architect'; src: url('/cms/fonts/Flux_Architect_Bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @media screen and (min-width:73.063em) { .spec-text h3 { font-size: 1.12em; } /* .spec-text p { font-size: 0.875em !important; } */ } @media screen and (max-width:73em) and (min-width: 48em) { .spec-text h3 { font-size: 1.34vw !important; } .spec-text p { font-size: 1.2vw !important; } } .lmp-specs h2 { text-align: center; font-size: 2em; margin: 0; font-weight: 600; padding: 15px 0; } .spec-text p { margin: 0 0 5px; } @media only screen and (min-width: 48em) { li[id*="spec-text"]::after, li[id*="spec-text"]::before { width: 25px; height: 25px; padding-top: 2px; background: #FFF; text-align: center; position: absolute; border-radius: 50%; border: solid 1px #000; font-size: 1.2em; } #spec-text-1::after { content: '1'; } #spec-text-2::after { content: '2'; } #spec-text-3::before { content: '3'; } #spec-text-4::before { content: '4'; } #spec-text-5::after { content: '5'; } .spec-text h3 { margin: 0; font-family: 'flux_architect'; } .product-blueprint-bg { margin: 0 -35px 15px; } .main-diagram, .fpo-icon, .spec-content > img { display:none !important; } /* Feeding System blueprint images */ #low-0 .lmp-specs { background-image: url(https://assets.weathertech.com/assets/1/7/PC_diagram_single_low.jpg); } #high-0-0 .lmp-specs { background-image: url(https://assets.weathertech.com/assets/1/7/PC_diagram_single_high.jpg); } #low-1 .lmp-specs { background-image: url(https://assets.weathertech.com/assets/1/7/PC_diagram_double_low.jpg); } #high-1-0 .lmp-specs { background-image: url(https://assets.weathertech.com/assets/1/7/PC_diagram_double_high_standard.jpg); } #high-1-1 .lmp-specs { background-image: url(https://assets.weathertech.com/assets/1/7/PC_diagram_double_high_XL.jpg); } #bp-pcbowls .lmp-specs { background-image: url(https://assets.weathertech.com/assets/1/7/blueprint-pet-bowl.jpg); } /* Extra Bowls Position/Bullets */ #bp-pcbowls #spec-text-1 { width: 30vw; max-width: 320px; display: block; left: 10%; top: 15%; } #bp-pcbowls #spec-text-1::after { right: -10px; bottom: -140%; } #bp-pcbowls #spec-text-2 { width: 32vw; left: auto; max-width: 360px; display: block; right: 2%; top: 14%; } #bp-pcbowls #spec-text-2::after { left: -12px; bottom: -129%; } #bp-pcbowls #spec-text-3 { max-width: 365px; display: block; right: 26%; bottom: 3%; } #bp-pcbowls #spec-text-3::before { top: -260%; right: -12px; z-index: 1; } #bp-pcbowls #spec-text-4 { max-width: 300px; display: block; left: 6%; bottom: 17%; } #bp-pcbowls #spec-text-4::before { top: -80%; right: -14px; z-index: 1; } #bp-pcbowls #spec-text-5::after { right: -63%; bottom: -12px; } #bp-pcbowls #spec-text-5 { max-width: 250px; width: 20vw; display: block; left: 2%; bottom: 44%; } /* Single Low Feeding System Position/Bullets */ #low-0 #spec-text-1 { width: 30vw; max-width: 320px; display: block; left: 13%; top: 15%; } #low-0 #spec-text-1::after { right: -10px; bottom: -120%; } #low-0 #spec-text-2 { width: 32vw; left: auto; max-width: 360px; display: block; left: 1%; top: 39%; } #low-0 #spec-text-2::after { right: -19%; bottom: -13px; } #low-0 #spec-text-3 { max-width: 300px; display: block; left: 65%; top: 20%; } #low-0 #spec-text-3::before { bottom: -220%; left: -13px; z-index: 1; } #low-0 #spec-text-4 { max-width: 415px; display: block; left: 52%; bottom: 10%; } #low-0 #spec-text-4::before { top: -200%; left: -14px; z-index: 1; } #low-0 #spec-text-5::after { right: -13px; top: -120%; } #low-0 #spec-text-5 { max-width: 300px; width: 20vw; display: block; left: 14%; bottom: 9%; } /* Double Low Feeding System Position/Bullets */ #low-1 #spec-text-1 { width: 30vw; max-width: 320px; display: block; left: 2%; top: 15%; } #low-1 #spec-text-1::after { right: -10px; bottom: -78px; } #low-1 #spec-text-2 { width: 35vw; left: auto; max-width: 360px; display: block; left: 51%; top: 16%; } #low-1 #spec-text-2::after { left: 50%; bottom: -90px; } #low-1 #spec-text-3 { max-width: 300px; display: block; left: 68%; bottom: 20%; } #low-1 #spec-text-3::before { top: -143%; left: -13px; z-index: 1; } #low-1 #spec-text-4 { max-width: 415px; display: block; left: 47%; bottom: 5%; } #low-1 #spec-text-4::before { top: -275%; left: -14px; z-index: 1; } #low-1 #spec-text-5::after { right: -13px; top: -120%; } #low-1 #spec-text-5 { max-width: 300px; width: 20vw; display: block; left: 2%; bottom: 9%; } /* Single High Feeding System Position/Bullets */ #high-0-0 #spec-text-1 { width: 30vw; max-width: 320px; display: block; left: 6%; top: 18%; } #high-0-0 #spec-text-1::after { right: -50px; bottom: -12px; } #high-0-0 #spec-text-2 { width: 31vw; max-width: 360px; display: block; left: 63%; top: 13%; } #high-0-0 #spec-text-2::after { left: -14px; bottom: -50px; } #high-0-0 #spec-text-3 { max-width: 300px; display: block; left: 64%; bottom: 30px; } #high-0-0 #spec-text-3::before { top: -169%; left: -12px; z-index: 1; } #high-0-0 #spec-text-4 { max-width: 320px; display: block; right: 42%; bottom: 4%; } #high-0-0 #spec-text-4::before { top: -110px; right: -13px; z-index: 1; } #high-0-0 #spec-text-5::after { right: -13px; top: 180%; } #high-0-0 #spec-text-5 { max-width: 300px; width: 23vw; display: block; left: 2%; bottom: 50%; } /* Double High Feeding System Position/Bullets */ #high-1-0 #spec-text-1 { width: 30vw; max-width: 320px; display: block; left: 2%; top: 20%; } #high-1-0 #spec-text-1::after { right: -50px; bottom: -12px; } #high-1-0 #spec-text-2 { width: 35vw; left: auto; max-width: 200px; display: block; left: 70%; top: 13%; } #high-1-0 #spec-text-2::after { left: -7%; bottom: -50px; } #high-1-0 #spec-text-3 { max-width: 300px; display: block; left: 70%; bottom: 20%; } #high-1-0 #spec-text-3::before { top: -110%; left: -9px; z-index: 1; } #high-1-0 #spec-text-4 { max-width: 300px; display: block; left: 52%; bottom: 4%; } #high-1-0 #spec-text-4::before { top: -180%; left: -14px; z-index: 1; } #high-1-0 #spec-text-5::after { right: -13px; top: -120%; } #high-1-0 #spec-text-5 { max-width: 300px; width: 20vw; display: block; left: 2%; bottom: 9%; } /* End Feeding System Bullets */ .lmp-specs { background-size: cover; background-repeat: no-repeat; background-position: top center; padding-bottom: 50.25%; margin-top: 15px; position: relative; max-width: 85em; margin: auto; } .lmp-specs li { display: none; position: absolute; } span.spec-content { background: rgba(255,255,255,0.4); padding: 4px; display: inline-block; border-bottom: 1px dotted #000; } span.spec-content::after, span.spec-content::before { display: block; } /* Extra Bowls arrows */ #bp-pcbowls #spec-text-1 span.spec-content::after { content: ''; border-right: 1px dotted #000; height: 101%; width: 2px; position: absolute; right: 0; bottom: -99%; } #bp-pcbowls #spec-text-2 span.spec-content::after { content: ''; border-left: 1px dotted #000; height: 100%; bottom: 0; position: absolute; left: 0; width: 2px; bottom: -99%; } #bp-pcbowls #spec-text-3 span.spec-content::before { content: ''; border-right: 1px dotted #000; height: 340%; top: -240%; position: absolute; right: 0; border-bottom: 0; } #bp-pcbowls #spec-text-4 span.spec-content::before { content: ''; border-right: 1px dotted #000; height: 170%; bottom: 0; position: absolute; right: 0; border-bottom: 0; } #bp-pcbowls #spec-text-5 span.spec-content::after { content: ''; border-bottom: 1px dotted #000; height: 1px; width: 57%; bottom: 0; position: absolute; right: -57%; /* border-bottom: 0; */ } /* Single Low Feeding System arrows */ #low-0 #spec-text-1 span.spec-content::after { content: ''; border-right: 1px dotted #000; height: 61px; width: 2px; position: absolute; right: 0; bottom: -60px; } #low-0 #spec-text-2 span.spec-content::after { content: ''; border-bottom: 1px dotted #000; height: 2px; bottom: 0; position: absolute; right: -13%; width: 13%; } #low-0 #spec-text-3 span.spec-content::before { content: ''; border-right: 1px dotted #000; height: 182%; bottom: -179%; position: absolute; left: 0; border-bottom: 0; } #low-0 #spec-text-4 span.spec-content::before { content: ''; border-right: 1px dotted #000; height: 300%; bottom: 0; position: absolute; left: 0; border-bottom: 0; } #low-0 #spec-text-5 span.spec-content::after { content: ''; border-right: 1px dotted #000; height: 190%; bottom: 0; position: absolute; right: 0; border-bottom: 0; } /* Double Low Feeding System arrows */ #low-1 #spec-text-1 span.spec-content::after { content: ''; border-right: 1px dotted #000; height: 61px; width: 2px; position: absolute; right: 0; bottom: -60px; } #low-1 #spec-text-2 span.spec-content::after { content: ''; border-right: 1px dotted #000; height: 70px; bottom: -70px; position: absolute; left: 54%; border-bottom: 0; } #low-1 #spec-text-3 span.spec-content::before { content: ''; border-right: 1px dotted #000; height: 235%; bottom: 0; position: absolute; left: 0; border-bottom: 0; } #low-1 #spec-text-4 span.spec-content::before { content: ''; border-right: 1px dotted #000; height: 340%; bottom: 0; position: absolute; left: 0; border-bottom: 0; } #low-1 #spec-text-5 span.spec-content::after { content: ''; border-right: 1px dotted #000; height: 190%; bottom: 0; position: absolute; right: 0; border-bottom: 0; } /* Single High Feeding System arrows */ #high-0-0 #spec-text-1 span.spec-content::after { content: ''; border-bottom: 1px dotted #000; height: 4px; width: 41px; position: absolute; right: -30px; } #high-0-0 #spec-text-2 span.spec-content::after { content: ''; border-right: 1px dotted #000; height: 40px; bottom: -40px; position: absolute; left: 0; border-bottom: 0; } #high-0-0 #spec-text-3 span.spec-content::before { content: ''; border-right: 1px dotted #000; height: 240%; bottom: 0; position: absolute; left: 0; border-bottom: 0; } #high-0-0 #spec-text-4 span.spec-content::after { content: ''; border-right: 1px dotted #000; height: 162px; bottom: 0; position: absolute; right: 0; border-bottom: 0; } #high-0-0 #spec-text-5 span.spec-content::after { content: ''; border-right: 1px dotted #000; height: 71px; bottom: -71px; position: absolute; right: 0; border-bottom: 0; } /* Double High Feeding System arrows */ #high-1-0 #spec-text-1 span.spec-content::after { content: ''; border-bottom: 1px dotted #000; height: 4px; width: 41px; position: absolute; right: -30px; } #high-1-0 #spec-text-2 span.spec-content::after { content: ''; border-right: 1px dotted #000; height: 40px; bottom: -40px; position: absolute; left: 0%; border-bottom: 0; } #high-1-0 #spec-text-3 span.spec-content::before { content: ''; border-right: 1px dotted #000; height: 210%; bottom: 0; position: absolute; left: 0; border-bottom: 0; } #high-1-0 #spec-text-4 span.spec-content::before { content: ''; border-right: 1px dotted #000; height: 247%; bottom: 0; position: absolute; left: 0; border-bottom: 0; } #high-1-0 #spec-text-5 span.spec-content::after { content: ''; border-right: 1px dotted #000; height: 211%; bottom: 0; position: absolute; right: 0; border-bottom: 0; } } @media only screen and (min-width: 65.938em){ #high-1-0 #spec-text-2 { width: 35vw; left: auto; max-width: 280px; display: block; left: 69%; top: 13%; } #high-1-0 #spec-text-2::after { left: -5%; bottom: -50px; } } @media only screen and (min-width: 64.375em) { /* Extra Bowls arrows */ #bp-pcbowls #spec-text-4 { left: 13%; } /* Double Low Feeding System arrows */ #low-1 #spec-text-1 span.spec-content::after { content: ''; border-right: 1px dotted #000; height: 73px; width: 2px; position: absolute; right: 0; bottom: -72px; } /* Single High Feeding System arrows */ #high-0-0 #spec-text-1 span.spec-content::after { border-right: 1px dotted #000; height: 40px; bottom: -40px; position: absolute; right: 0; border-bottom: 0; } #high-0-0 #spec-text-4 span.spec-content::after { height: 172px; } /* Double High Feeding System arrows */ #high-1-0 #spec-text-1 span.spec-content::after { border-right: 1px dotted #000; height: 40px; bottom: -40px; position: absolute; right: 0; border-bottom: 0; } /* Double Low Feeding System Position/Bullets */ #low-1 #spec-text-1 { left: 6%; top: 15%; } #low-1 #spec-text-1::after { right: -10px; bottom: -100px; } #low-1 #spec-text-2 { width: 35vw; left: auto; max-width: 360px; display: block; left: 52.5%; top: 16%; } /* Single High Feeding System Position/Bullets */ #high-0-0 #spec-text-1 { left: 14%; top: 13%; } #high-0-0 #spec-text-1::after { right: -12px; bottom: -50px; } /* Double High Feeding System Position/Bullets */ #high-1-0 #spec-text-1 { left: 9%; top: 13%; } #high-1-0 #spec-text-1::after { right: -12px; bottom: -50px; } } @media only screen and (min-width: 70em) { #high-1-0 #spec-text-4 { max-width: 320px; } } @media only screen and (min-width: 48em) and (max-width: 60em) { .product-blueprint-bg { margin: 0 -45px 15px; } } @media only screen and (max-width: 47.938em) { .lmp-specs ol { margin: auto; padding: 0; text-align: center; } .lmp-specs ol li { margin-top: 80px; } #bp-pcbowls .lmp-specs ol li { margin-top: 63px; } .lmp-specs li, .lmp-specs li span { display: block; position: relative; } span.fpo-icon::before { width: 38px; height: 34px; left: 50%; top: -50px; padding-top: 2px; background: #FFF; text-align: center; position: absolute; border-radius: 50%; border: solid 2px #000; font-size: 1.75em; font-weight: 900; transform: translateX(-50%); } #spec-text-1 span.fpo-icon::before { content: '1'; } #spec-text-2 span.fpo-icon::before { content: '2'; } #spec-text-3 span.fpo-icon::before { content: '3'; } #spec-text-4 span.fpo-icon::before { content: '4'; } #spec-text-5 span.fpo-icon::before { content: '5'; } .spec-content > img { width: 95%; max-width: 400px; padding: 15px 0; } .fpo-icon img { max-width: 128px !important; display: block; margin: 10px auto; } .spec-text h3 { margin: 5px 0; text-transform: uppercase; margin: 15px; font-size: 1.125em !important; text-align: center; } .spec-text p { font-size: 1em !important; } } /* Feeding System Product Features Icons */ .learn-more-product-features { display: flex; flex-wrap: wrap; justify-content: center; } .lmp-feature-tile { flex: 1; box-sizing: border-box; margin: 20px; text-align: center; max-width: 20%; } .lmp-img { min-height: 71px; } .lmp-title { margin: 0; color: #cd171e; font-size: 1.25em; } .learn-more-product-features .lmp-img { width: 45%; display: block; margin: auto; } .fs_description .container div[class*='grid'] { margin-bottom: 10px; } @media only screen and (min-width: 48em) { .fs_description > .container:first-of-type .grid_4 h3 { display:none; } } @media only screen and (max-width: 62.5em) { .lmp-feature-tile { margin: 5px; } } @media screen and (max-width: 47.938em) { .fs_description h3 { text-align: center; } .fs_description > .container:first-of-type .grid_8 h3 { display:none; } .learn-more-product-features { border: 1px solid #e7e7e7; margin: 2%; border-radius: 10px; background: #FFF; } .lmp-feature-tile { max-width: 100%; } .lmp-feature-tile { display: flex; text-align: left; } .lmp-feature-tile { flex: 1 100%; border-bottom: 1px solid #e7e7e7; margin: 1.5em 0 0; } .learn-more-product-features .lmp-img { margin: 0; min-width: 20%; padding-left: 10px; } .learn-more-product-features .lmp-img { max-width: 20%; } .lmp-img { text-align: center; } .lmp-text { padding: 5px 10px; } .lmp-title { font-size: 1.5em; } } @media screen and (max-width: 31.25em) { .lmp-title { max-width: 248px; } } /* Extra bowls selector overlay */ .htm-Bowls-ContentContainer { padding: 40px 0 9px !important; } .htm-Bowls-ContentContainer .slide_1, .htm-Bowls-ContentContainer div[class*="option_"] { text-align: center; } .htm-Bowls-ContentContainer .htm_error, .htm-fs_error { font-weight: bold; color: #cd171e !important; display: none; } .htm-Bowls-ContentContainer .imageBlock a, .htm-Bowls-ContentContainer div[class*="option_"] .imageBlock { display: block; border: 1px solid #000; margin: auto; max-width: 300px; cursor: pointer; } .htm-Bowls-ContentContainer .imageBlock a.selected:after, .htm-Bowls-ContentContainer a.imageBlock.selected:after { position: absolute; z-index: 3; content: ''; top: 45px; left: 50%; margin-left: -70px; width: 140px; height: 140px; background: url(/cms/images/layout/green-check-vehoptions.png) no-repeat 50% 50%; background-size: 100%; } .extra-bowls-back { float: left; position: absolute; top: -30px; } /* Department Category Banners */ .landHero { display: table; width: 100%; margin: 0 auto 8px; } .landHero .fleft { display: table-cell; width: auto; } .landHero .fleft:nth-child(1) { width: 27.1%; } .landHero h1 { font-size: 2.5rem; } .landHero .blackGrad { width: auto; color: #fff; background: #1b1b1b; background: -moz-linear-gradient(-45deg, #1b1b1b 0%, #2e2e2e 100%); background: -webkit-linear-gradient(-45deg, #1b1b1b 0%,#2e2e2e 100%); background: linear-gradient(135deg, #1b1b1b 0%,#2e2e2e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b1b1b', endColorstr='#2e2e2e',GradientType=1 ); text-align: center; font-size: 2.5em; font-weight: 700; padding: 0; } .landHero .blackGrad span { display: block; font-size: 1.5rem; font-style: italic; font-weight: 400; } @media (max-width: 30em) { .landHero h1 { font-size: 1.25rem; } } @media (min-width: 30em) and (max-width: 60em) { .landHero h1 { font-size: 1.50rem; } } @media (max-width:60em) { .landHero .blackGrad span { font-size: 1.15rem; } } @media (max-width:48em) { .landHero { margin: 0 auto 8px; } .landHero .fleft, .landHero .fleft:nth-child(1) { display: block; width: 100%; box-sizing: border-box; margin: 0 auto; text-align: center; } .landHero .blackGrad { padding: 30px 15px; } } /*Checkout page redesign (after AB test)*/ .checkout-remove-header-footer .siteHeader, .checkout-remove-header-footer header, .checkout-remove-header-footer .headerLinks, .checkout-remove-header-footer .siteSelection, .checkout-remove-header-footer .memberBar { display: none !important; } #whiteRedesign.checkout-remove-header-footer .pageHeading .hdng { text-align: center; margin: 0 0 15px 0; } .checkout-remove-header-footer .pageHeading .hdng::before { content: ''; display: inline-block; width: 200px; height: 17px; background: url("https://www.weathertech.com/cms/images/layout/white/weathertech.svg") no-repeat; background-size: 100% auto; margin: 15px 20px 0 0; } #whiteRedesign.checkout-remove-header-footer .pageSection { padding-top: 0; } #whiteRedesign.checkout-remove-header-footer .pageSection hr { border-width: 3px; } #whiteRedesign.checkout-remove-header-footer .securitySymbol { display: none !important; } .checkout-remove-header-footer .pageSection.pageFooter, #whiteRedesign.checkout-remove-header-footer .bannerFooter, #whiteRedesign.checkout-remove-header-footer .bannerFooterGroup, #whiteRedesign.checkout-remove-header-footer .footerMid, #whiteRedesign.checkout-remove-header-footer .footerTop { display:none !important; } @media (max-width:767px) { .checkout-remove-header-footer .pageHeading .hdng::before { display: block; width: 100%; background-position: 50% 0; background-size: 200px auto; margin-bottom: 5px; } } .checkoutProcess .note-req .formee-req { left: 5px !important; } [class *= "to-fade"]{ opacity: 0; } .animated { animation-duration: 1s; animation-fill-mode: both; } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } .productDetails .itemDesc .item-details-list ul { color:#000; font-weight:normal; margin-left:15px; } .productDetails .itemDesc .item-details-list ul li { margin-bottom:5px; line-height:1.25; } .productDetails .itemDesc .item-details-list + a.readMore-shortDesc { display: none; } html:not([lang="en"]) #blog-link { display:none; } /*shopping history widget related styles*/ .homeBannerContainer.flexGrid { display: flex; flex-flow: column nowrap; width: 100%; } .shopping-history.hide { display: none; } .shopping-history { order: -1; margin: 0 auto 15px; background: #ffffff; border-width: 1px; } .history-tile:nth-child(2), .history-tile:nth-child(3) { border-color: #000000; } .history-info h3 { font-size: 0.9rem; } .history-tile.history-tile-1 { order: 0; max-width: 186px; } .history-tile-2 { order: 2; border: none !important; } .history-tile.history-tile-noitem { border-left: 1px solid #ddd; border-right: 0; } .history-tile-3 { order: 1 } .history-tile-4 { border-right: 1px solid #ddd } .history-tile.history-tile-noitem { order: 3; } .history-tile:nth-child(2), .history-tile:nth-child(3) { border-color: #ddd; } .history-img { width: 22%; max-width: 61px; padding: 5px 0 5px 10px; } #whiteRedesign .siteInner p.history-price { font-weight: 600; font-size: 0.7rem; } @media (min-width:1000px) { #whiteRedesign .siteInner p.history-price { font-size: 0.8rem; } } @media (max-width:768px) { .history-tile.history-tile-1 { order: 0; max-width: 100%; } .history-tile-4 { border-right: 0 solid #ddd; border-bottom: 1px solid #ddd } .history-img, .history-info { padding: 5px 5px 5px 5px; } #whiteRedesign .siteInner .history-info h3 { min-height: 2.5em; font-size: 0.8em; } .history-tile h2 { font-size: 1.35em; } #whiteRedesign .siteInner p.history-price { width: 50%; font-size: 0.8rem; } } @media (max-width:400px) { #whiteRedesign .siteInner p.history-price { width: 50%; font-size: 0.7rem; } } @media only screen and (max-width: 48em) { #whiteRedesign .siteInner .history-shop p { font-size: .75em !important; } } .history-tile.history-tile-noitem * { display: none !important; } .egift-checkout {margin:-10px 10px 10px 19px;} .shoppingCart .egift-checkout { margin: 0 0 10px 10px; } .egift__card {display:flex;flex-direction:row;padding:0 0 8px;border-bottom:1px solid #cecece;margin-bottom:8px;} .egift__card:last-of-type {border-bottom:0px;} .card__details {flex-grow:1;flex-shrink:1;flex-basis:auto;} .details__row {display:flex;flex-direction:row;flex-grow:1;flex-shrink:1;flex-basis:auto;} .egift__card .card__details .details__row span {padding-right:4px;font-weight:bold;} .egift__card .card__details .details__row p {margin:0;padding:0;margin-bottom:4px;font-size:1em;} .card__btn {flex-grow:1;flex-shrink:1;flex-basis:auto;text-align:right;min-width: 40px;} #whiteRedesign .egift__card .card__lnk:hover, #whiteRedesign .egift__card .card__lnk:focus {cursor:pointer;} #whiteRedesign .egift .egift__info {font-size: 15px; line-height: 1.6; padding: 8px 15px;} #whiteRedesign .egift .egift__form {margin-top: 15px; padding-left: 15px;} .egift .form-row { display: flex; flex-direction: row; } .egift .form-row label {flex-grow: 1; flex-shrink: 0; flex-basis: 90px; max-width: 90px; font-weight: 600;} .egift .form-row .form__group { flex-grow: 1; flex-shrink: 1; flex-basis: 60%;} .egift-input {width: 90%; border-radius: 3px; margin: 5px 0 10px; border: 1px solid #adadad; padding: 3px 5px; } @media only screen and (min-width: 48em) { #whiteRedesign .egift .egift__info {padding: 8px 0 8px 15px;} } @media only screen and (min-width: 60em) { .egift-input {width: 80%;} } .itemImageWrapper { position: relative; } .itemWrapper .itemImage { cursor: pointer; } #cartOverlay_divItemGroups_Static img { cursor: pointer; } #cartOverlay_btnBannerButton { font-size: .9em; padding: 17px 24px; } #cartOverlay_imgBanner { cursor: pointer; } #whiteRedesign.csr .mvpListingWrpr .itemTitle a, #whiteRedesign.csr .mvpListingWrpr .itemTitle a:link, #whiteRedesign.csr .mvpListingWrpr .itemTitle a:visited { color: #000; } #divAccessoriesPrimaryItem .divAccessoriesItem a.viewDetailsBtn:hover, #divAccessoriesPrimaryItem .divAccessoriesItem a.viewDetailsBtn:focus { color: #e5020b; } .footerTopItem button.btnAlt, .topper.colThree button.btnAlt { padding: 9.5px 20px; } #relatedItemsAllProducts { padding: 30px 10px; display: inline-block; float: right; } @media (max-width: 768px) { #relatedItemsAllProducts { padding: 15px 10px 30px; } } @media (max-width: 767px) { #whiteRedesign #divQty .rowLabel { text-align: left; font-size: 1em; } } @media (max-width: 500px) { #relatedItemsAllProducts { padding: 15px 10px; float: none; display: block; text-align: center; } } #whiteRedesign .productDetails .detailsRow legend { width: 100%; } #whiteRedesign .overlay-cart.addtocart_full #cartOverlay_divItemGroupsWrpr .btn.orange { color: #000 !important; } @media only screen and (max-width: 768px){ #whiteRedesign #relatedProductsParent .flex .flexproductList .mvpListingWrpr.itemWrapper { margin-bottom: 5px; } #whiteRedesign #relatedProductsParent .flex .flexproductList { margin-bottom: 30px; } #whiteRedesign #relatedProductsParent .flex .flexproductList .slick-dots { margin-bottom: 0; bottom: -20px; } #whiteRedesign #relatedProductsParent .flex .flexproductList .slick-track { margin-bottom: 5px; } .overlay-cart .suggested h2 { text-align: center; } } @media (max-width: 500px) { #whiteRedesign .flex .itemWrapper { margin: 10px .5%; } } .added-to-cart-heading h1 { font-size: 1.2em; } .overlay-cart h1 .checkmark:before { margin: 0 5px -8px 0; } .productImage:not(.isVideo) .ADATranscriptLink { display: none; } /* Start Ticket: #358200 Standardizing on Homepage Product Label Variation */ #whiteRedesign .homeBannerContainer.flexGrid { min-width: 11em; max-width: 72em; margin: 0 auto; } .homeBannerGridContainer .block { -webkit-box-flex: 1; -ms-flex: 1 1 12em; flex: 1 1 12em; } .homeBannerGridContainer .block > div { height: 100%; } .homeBannerGridContainer .content { margin-bottom: 3px; width: 100% !important; margin-left: 0 !important; text-align: left; height: 1; } .homeBannerGridContainer .topItem { -ms-flex-grow: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .homeBannerGridContainer .topItem, .homeBannerGridContainer .bottomItem { -ms-flex-align-self: flex-start; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; width: 100%; } .homeBannerGridContainer .topItem .homeBanner .content .title { font-weight: bold; } .homeBannerGridContainer .topItem .sub { min-height: unset !important; } .homeBannerGridContainer .subGrid { display: inherit; width: 40%; } @media only screen and (max-width: 311px) { .homeBannerGridContainer .subGrid { width: 100% !important; } .homeBannerGridContainer .subGrid .block:nth-child(2) { position: unset !important; } } @media only screen and (min-width: 312px) and (max-width: 343px) { .homeBannerGridContainer .block { -ms-flex: 1 1 9em !important; -webkit-box-flex: 1 !important; flex: 1 1 9em !important; } .homeBannerGridContainer .subGrid { width: 50% !important; } .homeBannerGridContainer .topItem .title { font-size: .75em !important; } .homeBannerGridContainer .topItem .sub { font-size: .7em !important; } } @media only screen and (max-width: 360px) { .homeBannerGridContainer .subGrid { width: 100% !important; } .homeBannerGridContainer .subGrid .block:nth-child(2) { position: relative !important; } } @media only screen and (min-width: 344px) and (max-width: 480px) { .homeBannerGridContainer .block { -ms-flex: 1 1 10em !important; -webkit-box-flex: 1 !important; flex: 1 1 10em !important; } .homeBannerGridContainer .topItem .title { font-size: .85em !important; } } @media only screen and (min-width: 361px) and (max-width: 484px) { .homeBannerGridContainer .subGrid { width: 50% !important; } } @media only screen and (max-width: 532px) { .homeBannerGridContainer .block { -ms-flex: 1 1 9em; -webkit-box-flex: 1; flex: 1 1 9em; } } @media only screen and (min-width: 533px) and (max-width: 628px) { .homeBannerGridContainer .block { -ms-flex: 1 1 10em; -webkit-box-flex: 1; flex: 1 1 10em; } .homeBannerGridContainer .topItem .title { font-size: .9em !important; } } @media only screen and (max-width: 650px) { #whiteRedesign .homeBannerContainer.flexGrid .container .homeCallouts { padding-top: 0; } } @media only screen and (max-width: 767px) { .homeBannerGridContainer .subGrid { width: 33%; position: relative; display: block; } .homeBannerGridContainer .subGrid .block:nth-child(2) { position: absolute; bottom: 0; } #whiteRedesign .productWrapper { margin-bottom: 0 !important; } } @media only screen and (min-width: 768px) and (max-width: 779px) { .homeBannerGridContainer .topItem .title { font-size: .72em !important; } .homeBannerGridContainer .topItem .sub { font-size: .7em !important; } } @media only screen and (min-width: 780px) and (max-width: 960px) { .homeBannerGridContainer .topItem .title { font-size: .92em !important; } } @media only screen and (min-width: 800px) and (max-width: 960px) { .homeBannerGridContainer .topItem .title { font-size: .75em !important; } .homeBannerGridContainer .topItem .sub { font-size: .7em !important; } } @media only screen and (max-width: 1020px) and (min-width: 877px) { .homeBannerGridContainer .block { -webkit-box-flex: 1; -ms-flex: 1 1 11em; flex: 1 1 11em; } } @media only screen and (min-width: 960px) and (max-width: 1020px) { .homeBannerGridContainer .topItem .title { font-size: .72em !important; } } @media only screen and (max-width: 1036px) and (min-width: 1021px) { .homeBannerGridContainer .block { -webkit-box-flex: 1; -ms-flex: 1 1 11em; flex: 1 1 11em; } } @media screen and (min-width: 72em) { #whiteRedesign .homeBanner .content .title { font-size: .938em; } } @media screen and (max-width: 71.938em) { #whiteRedesign .homeBanner .content .title { font-size: 1.31vw; } } @media screen and (max-width: 62.563em) { #whiteRedesign .homeBanner .content .title { font-size: 1.5vw; } } @media screen and (max-width: 49.375em) { #whiteRedesign .homeBanner .content .title { font-size: 1.6vw; } } @media screen and (max-width: 47.938em) { #whiteRedesign .homeBanner .content .title { font-size: 1.9vw; } } @media screen and (max-width: 42.938em) { #whiteRedesign .homeBanner .content .title { font-size: 2.3vw; } } @media screen and (max-width: 35.563em) { #whiteRedesign .homeBanner .content .title { font-size: 2.5vw; } } .homeBannerGridContainer, .subGrid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .homeBannerGridContainer .block { max-width: 218px; margin-bottom: 10px; margin: 0 6px 10px; padding: 0; } .homeBanner span.title { margin-bottom: 0; font-size: .938em; font-weight: bold; color: #000; } #whiteRedesign .homeBanner:hover, #whiteRedesign .homeBanner:focus { outline: 2px dotted #cb171f; } @media only screen and (max-width: 956px) and (min-width: 880px) { .homeBannerGridContainer .block { -webkit-box-flex: 1; -ms-flex: 1 1 10em; flex: 1 1 10em; } } @media only screen and (max-width: 879px) and (min-width: 797px) { .homeBannerGridContainer .block { -webkit-box-flex: 1; -ms-flex: 1 1 9em; flex: 1 1 9em; } } @media only screen and (max-width: 796px) and (min-width: 768px) { .homeBannerGridContainer .block { -webkit-box-flex: 1; -ms-flex: 1 1 8em; flex: 1 1 8em; } } @media only screen and (max-width: 360px) { .homeBannerGridContainer .block { max-width: 100% !important; } .homeBannerGridContainer .block > div { max-width: 218px; margin: auto; } .homeBanner span.title { font-size: .938em !important; } } @media screen and (max-width: 71.938em) { #whiteRedesign .homeBanner .title { font-size: 1.31vw; } } @media screen and (max-width: 62.563em) { #whiteRedesign .homeBanner .title { font-size: 1.5vw; } } @media screen and (max-width: 49.375em) { #whiteRedesign .homeBanner .title { font-size: 1.6vw; } } @media screen and (max-width: 47.938em) { #whiteRedesign .homeBanner .title { font-size: 1.9vw; } } @media screen and (max-width: 42.938em) { #whiteRedesign .homeBanner .title { font-size: 2.3vw; } } @media screen and (max-width: 35.563em) { #whiteRedesign .homeBanner .title { font-size: 2.5vw; } } /* End Ticket: #358200 Standardizing on Homepage Product Label Variation */ .tabList_container li button { background: none; border: none; padding: 0; margin: 0; } .tabList_container li.active button { font-weight: bold; } .tabList_container li button:focus { outline: none; } .tabList_body .close button { background: none; border: none; padding: 0; margin: 0; } .tabList_body .close .icon-arrow-left { margin-bottom: -36px; } /* Lock icon on mobile added to cart fix */ @media screen and (max-width: 767px) { /* #whiteRedesign .overlay-cart.addtocart_full .btnWrapper .icon-secure_shopping { display: none !important; } */ .overlay-cart .btn { margin-bottom: 0; } } .tabList_container .tabList_body .innerPadding.collapseInner.clearfix { padding: 25px !important; }