/**Custom styles**/ .bestp a {font-weight:bold } .fullWidthSection p a {font-weight:bold } /* Pull in Core Styles */ /* begin general styles for all themes */ body { margin: 0px; padding: 0px; background-color:#ffffff; font-family: Tahoma, Geneva, sans-serif; color: #666666; font-size: 11px; } p, table, td, th { font-family: Tahoma, Geneva, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; margin-top: 0px; } form { margin: 0px; padding: 0px; } a:link { color: #de0c1c; text-decoration: none; } a:visited { color: #de0c1c; text-decoration: none; } a:hover { color: #fe534c; text-decoration: underline; } a:active { color: #de0c1c; text-decoration: none; } ul { list-style-type: square; } .embedded-map iframe { width: 100%; } .video-wrapper { position: relative; padding-bottom: 60%; padding-left: 0; padding-right: 0; margin: 0; height: 0; overflow: visible; clear:both; } .video-wrapper iframe { float: left; position: absolute; top: 0; left: 0; width: 95%; height: 95%; } #product-page-body p.product-image { position: relative; } #product-page-body .product-image a[class^="PIN"] { position: absolute !important; left:1em; bottom:1em; } /* General positioning ------------------------------------------- */ .set-left { float: left; } .set-right { float: right; } .set-below-left { float: left; clear: left; } .set-below-right { clear: right; float: right; } .inline li { display: inline; list-style: none; padding: 0 5px 0 5px; } html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, input, select, textbox, button { font-family:Tahoma, Geneva, sans-serif; color:#666666; } html {width:100%; -webkit-text-size-adjust:none;} body { width:90%; margin:0 auto; padding:0; font-family:Tahoma, Geneva, sans-serif; font-size:62.5%; background-color: #ffffff; } h1, h2, h3, h4, h5, h6 { clear:both; width:auto; margin:1%; padding:0; } h1 { font-size:3em; line-height:1.2; } h2 { font-size:2.4em; line-height:1.2; } h3 { font-size:2em; line-height:1.2; } h4, h5, h6 { font-size:1.8em; line-height:1.2; } table {float:left; clear:both;} p, span.product-price, ul, ol, label, table, .product-text { margin:0; padding:0; font-size:1.4em; line-height:1.7em; } span.actrequiredcolor p span.actrequiredcolor {font-size:0.7em;} .product-text p, .product-text ul, .product-text ol {font-size:1em;} .fragment-text {font-size:1.4em;} .fragment-text p, .fragment-text ul, .fragment-text ol {font-size:1em;} a {color:#de0c1c;} a:hover {color:#fe534c;} a:visited {color:#de0c1c;} a:active {color:#de0c1c;} ul, ol {clear:both; list-style-position:inside;} span.actlogout {font-size:1em;} form {float:left; position:relative;} form {clear:both; padding:1%;} fieldset {border:none;} input, textarea, select {float:left; margin:0.5em 0 0 0; padding:0.3em;} table {float:left; clear:both; width:100%; margin:0; padding:0;} table tr th, table tr td {margin:0; padding:1%;} .floatLeft, div.set-left { float:left; padding-right:20px; } .floatRight, div.set-right {float:right; padding-left:10px;} div.set-left, div.set-right {clear:none;} .hide {display:none;} .show {display:block;} /* The desktop styles */ #wrapper { width:100%; } .header-area, .navigation-bar, .bulk-area, .deepFooter, .miniFooter {background-color:#ffffff;} div[class^="contactInfoTopCol"] span.displayDesktop, div[class^="footerCol"] span.displayDesktop {display:block;} div[class^="contactInfoTopCol"] a.displayMobile, div[class^="footerCol"] a.displayMobile {display:none;} .header-area { float:left; width:99%; margin:0; padding:0.5%; } .header-area div.logo {float:left;} .header-area a img, .header-area .logo img {float:left; margin:0.5em;} .header-area .cart-summary {float:right; margin:0.3em; padding:0;} .cart-summary p {float:left; clear:both;} .header-area ol { float:right; clear:none; width:auto; margin:0.3em; padding:0; list-style-type:none; list-style-position:inside; } .header-area ol li {display:inline; margin:0; padding:0 0.4em;} .header-area ol li a {text-decoration:underline;} .header-area form, .sidebar-element form { float:right; clear:none; margin:0.3em; padding:0; } .header-area .infoLinks { float:none; display:inline-block; width:auto !important; clear:none; margin:2em auto 0 !important; position:relative !important; } .header-area p.headerText { float:left; clear:both; width:99%; margin:0.2% 0%; padding:0; } div.navigation-bar {float:left; width:100%;} div.miniNav {display:none;} .bulk-area {float:left; width:100%; margin-bottom:1%;} #left-area { width:100%; float:left; clear:none; } #left-sidebar, #right-sidebar { float:right; width:19%; margin:1.2% 0; padding:1% 0; } #left-sidebar h2, #right-sidebar h2 {font-size:2em; line-height:2em;} #right-sidebar {float:right;} #left-sidebar p, #right-sidebar p {clear:none;} #left-sidebar .product-image, #right-sidebar .product-image {margin:0; padding:0;} #left-sidebar .product-image img, #right-sidebar .product-image img {clear:left;} #left-sidebar .marketing-list-entry p.product-price, #right-sidebar .marketing-list-entry p.product-price {font-size:1em;} .sidebar-element, .sidebar {width:100%; margin:0; padding:0;} .sidebar-element, .sidebar-element form, .sidebar-element .cart-summary, .sidebar-element ul {float:left; clear:both;} .sidebar-element ul, .sidebar-element ol { float:right; width:81%; margin:0; padding:0; list-style-position:outside !important; } .sidebar-element h2, .sidebar-element h3 {width:90%; margin:3% auto;} .sidebar-element .cart-summary p {clear:both;} .sidebar-element ul {list-style-position:inside;} .sidebar-element form, .sidebar-element .cart-summary {float:left; clear:both; margin:0 5%;} #left-sidebar .marketing-list-entry, #right-sidebar .marketing-list-entry { display:block; width:90%; margin:0.5em auto !important; padding:0.5em 0 1.5em; overflow:hidden; } .navigateOnClick:hover {cursor:pointer;} .navigateOnClick:hover a, .navigateOnClick:hover p:first-child a {color:#fe534c; text-decoration:underline;} .marketing-list-entry a img, .marketing-list-entry img {float:left; margin:0 0.7em; border:none;} .marketing-list-entry a img, .content-area .marketing-list .products img {width:75px; height:auto;} #left-sidebar .marketing-list-entry ul, #left-sidebar .marketing-list-entry ul, ol, #right-sidebar .marketing-list-entry ul, #right-sidebar .marketing-list-entry ol {width:86%;} .side-menu .page-list p, #terms-body p {float:left; clear:both;} .content-area { float:right; width:80%; padding:0; margin-top: 1.2%; margin-right: 0; margin-bottom: 0; margin-left: 0; } .sidebar .info-box form, .info-box form p input {width:90%;} #ContentPage .share-buttons, #ContentPage, .sitemap {float:left; width:100%;} .content-area #product-page-body {float:left; width:100%;} .singleAddToCart fieldset.quantity-box {float:right;} .breadcrumb-top, .breadcrumb-bottom {float:left; clear:both; width:100%;} .sort_by {height:45px;} .sort_by form {width:100% !important; margin:0; padding:0;} .sort_by select {float:right; margin:1em; padding:0;} #search_results_list {float:left; width:100%;} .pagination {float:left; clear:both;} .content-area p.actrequired {float:left;} .content-area .fragment-list { float:left; width:96.5%; padding-right: 1%; padding-bottom: 1%; padding-left: 1%; margin: 0; } .content-area .fragment-list .fullWidthSection { margin-bottom: 1%; } .content-area .fragment-list .fullWidthSection h2 {clear:none;} .content-area .fragment-list .fullWidthSection div.fragment-text, .content-area .section-link-details .section-link-description {font-size:1.4em; line-height:1.7em; clear:none;} .content-area .fragment-list .fullWidthSection img { clear:left; margin:1%; width:100%; height:auto } .content-area .fragment-list .fullWidthSection p {width:auto;} .content-area .marketing-list { clear:both; display:block; width:98%; overflow:visible; margin-right: 1%; margin-left: 1%; margin-bottom: 1%; } .content-area .marketing-list .products { float:left; width:100%; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; flex-flow:row wrap; /* Start of IE Flex box */ display: -ms-flexbox !important; -ms-flex-direction: row !important; -ms-flex-wrap:wrap !important; /* End of IE Flex box */ } .content-area .marketing-list .products .marketing-list-entry { float:left; clear:none; width:auto; margin:1%; padding:1%; -webkit-flex:1 0 29%; -moz-flex:1 0 29%; flex:1 0 29%; /* Start of IE Flex box */ -ms-flex-grow:1; -ms-flex-shrink:0; -ms-flex-basis:29%; width:29%; /* End of IE Flex box */ overflow:hidden; } .IeOnly .content-area .marketing-list .products .marketing-list-entry, .androidOnly .content-area .marketing-list .products .marketing-list-entry {height:450px;} .bestSellersHomepage, .newProductsHomepage { display:-webkit-flex !important; display:-moz-flex !important; display:flex !important; -webkit-flex-flow:row wrap !important; -moz-flex-flow:row wrap !important; flex-flow:row wrap !important; /* Start of IE Flex box */ display: -ms-flexbox !important; -ms-flex-direction: row !important; -ms-flex-wrap:wrap !important; /* End of IE Flex box */ } .bestSellersHomepage h1, .newProductsHomepage h1, .newProductsHomepage h2 { width:100%; } .bestSellersMarketingListEntry, .newProductsMarketingListEntry { float:left; -webkit-flex:29%; -moz-flex:29%; flex:29%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:29%; width:29%; /* End of IE Flex box */ margin:1%; padding:1%; } .content-area .marketing-list .products img, .content-area .marketing-list .products p {clear:both;} .content-area .product-list .marketing-list-entry .price p {clear:none;} .section-list, .product-list { float:left; width:99.5%; margin:0; padding:0; } /* Column Counts */ div.sectionListOneColumn, div.sectionListTwoColumn, div.sectionListThreeColumn { display:-webkit-flex; display:-moz-flex; display:flex; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; flex-flow:row wrap; /* Start of IE Flex box */ display: -ms-flexbox !important; -ms-flex-direction: row !important; -ms-flex-wrap:wrap !important; /* End of IE Flex box */ } div.sectionListOneColumn .section-link-details, div.sectionLinkFirstOneColumn .section-link-details:first-child { -webkit-flex:1 0 94.5%; -moz-flex:1 0 94.5%; flex:1 0 94.5%; /* Start of IE Flex box */ -ms-flex-grow:1; -ms-flex-shrink:0; -ms-flex-basis:94.5%; width:94.5%; /* End of IE Flex box */ } div.sectionListTwoColumn .section-link-details, div.sectionLinkFirstTwoColumn .section-link-details:first-child, div.sectionLinkFirstTwoColumn .section-link-details:nth-child(2) { -webkit-flex:0 0 45%; -moz-flex:0 0 45%; flex:0 0 45%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:45%; width:45%; /* End of IE Flex box */ } .IeOnly div.sectionListTwoColumn .section-link-details, .IeOnly div.sectionLinkFirstTwoColumn .section-link-details:first-child, .IeOnly div.sectionLinkFirstTwoColumn .section-link-details:nth-child(2), .androidOnly div.sectionListTwoColumn .section-link-details, .androidOnly div.sectionLinkFirstTwoColumn .section-link-details:first-child, .androidOnly div.sectionLinkFirstTwoColumn .section-link-details:nth-child(2) {float:left; clear:none; height:290px;} div.sectionListThreeColumn .section-link-details, div.sectionLinkFirstThreeColumn .section-link-details:first-child, div.sectionLinkFirstThreeColumn .section-link-details:nth-child(2), div.sectionLinkFirstThreeColumn .section-link-details:nth-child(3) { -webkit-flex:0 0 28.7%; -moz-flex:0 0 28.7%; flex:0 0 28.7%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:28.7%; width:28.7%; /* End of IE Flex box */ } .IeOnly div.sectionListThreeColumn .section-link-details, .IeOnly div.sectionLinkFirstThreeColumn .section-link-details:first-child, .IeOnly div.sectionLinkFirstThreeColumn .section-link-details:nth-child(2), .IeOnly div.sectionLinkFirstThreeColumn .section-link-details:nth-child(3), .androidOnly div.sectionListThreeColumn .section-link-details, .androidOnly div.sectionLinkFirstThreeColumn .section-link-details:first-child, .androidOnly div.sectionLinkFirstThreeColumn .section-link-details:nth-child(2), .androidOnly div.sectionLinkFirstThreeColumn .section-link-details:nth-child(3) {float:left; clear:none; height:290px;} .threeColumns .product-image, .threeColumns .feefoproductlogo img {width:100%;} .threeColumns form.compactProductLayout fieldset, .threeColumns form.compactProductLayout .cart-button-placement {clear:none;} .threeColumns form.compactProductLayout fieldset {float:left;} .threeColumns form.compactProductLayout .cart-button-placement {float:right; margin:0; padding:0;} .threeColumns form.compactProductLayout h2 {float:left; width:100%;} .threeColumns form.compactProductLayout p {clear:both; overflow:hidden;} /* Column Counts */ .section-link-details h2, .product-details h2, .std-product-details h2 { float:none; clear:none; font-size:2em; line-height:2.3em; } .section-link-details img, .product-details img { float:left; min-width:1px; width:auto !important; max-width:140px; height:auto; margin:0 1em 1em 0; padding:0; } .section-list h3 {clear:none;} .product-details h2, .product-details h3, .section-link-details h2, .section-link-details h3 {margin:0; font-size:2em; line-height:1.2em; color:#feac01;} .product-details a:hover, .section-link-details a:hover, .product-details a:hover h2, .section-link-details a:hover h3 {color:#fe534c;} .section-link-details img {margin:1em 1em 0 0;} .section-link-details, .product-details, .std-product-details, .product-list .marketing-list-entry { float:left; clear:both; width:96%; margin:1%; padding:1%; } .attribute-list label {float:left; clear:both; width:auto; margin:0 0.5em;} div.attribute-list div label, div.attribute-list div select {width:auto; float:left; clear:none;} form.completeNewProductsItem div.newProductList {display:block; overflow:hidden;} form.completeNewProductsItem div.newProductList p, form.completeNewProductsItem div.newProductList div.feefoproductlogo {display:block; overflow:hidden;} form.completeNewProductsItem div.newProductList fieldset label, form.completeNewProductsItem div.newProductList fieldset input {float:left; clear:none;} form.imageOnLeftTextWrappedAround .share-buttons, form.imageOnRightTextWrappedAround .share-buttons {width:100%;} form.imageOnLeftTextWrappedAround p.product-image.set-left {margin-right:1em;} form.regularProductSummary h2, form.classicProductLayout h2, form.compactProductLayout h2, form.imageOnLeftTextWrappedAround h2, form.imageOnRightTextWrappedAround h2, form.listStyleProductLayout h2, form.completeBestSellerLayout h2,form.completeNewProductsItem h2, div.recenththeader h2 {clear:none; margin:0.5em 0;} form.completeBestSellerLayout img, form.completeNewProductsItem img {float:left; width:auto;} form.classicProductLayout h2 {line-height:2.6em;} form.completeBestSellerLayout ul, form.completeBestSellerLayout ol, form.completeNewProductsItem ul, form.completeNewProductsItem ol {float:none; clear:none;} form.classicProductLayout fieldset, form compactProductLayout fieldset, form.completeBestSellerLayout fieldset, form.completeNewProductsItem fieldset, body.includingAddToCartButton form fieldset {margin:0; padding:0;} form.regularProductSummary fieldset.product-prompt {clear:both; margin-bottom:1em;} form.regularProductSummary fieldset.product-prompt input[type=text] {width:auto;} form.regularProductSummary p {display:block; clear:right; overflow:hidden;} form.regularProductSummary span[id^="RemoveIfOutOfStock"], form.compactProductLayout span[id^="RemoveIfOutOfStock"] {display:block;} form.compactProductLayout span[id^="RemoveIfOutOfStock"] {top:0;} span span[id^="EnableIfStockOk"] {font-size:1.4em;} form.imageOnLeftTextWrappedAround span span[id^="EnableIfStockOk"], form.imageOnRightTextWrappedAround span span[id^="EnableIfStockOk"] {font-size:1em;} form fieldset {display:inline; margin:0; padding:0; border:none;} form.regularProductSummary span.button-wrapper, form.classicProductLayout span.button-wrapper {float:right;} form.listStyleProductLayout fieldset, form.listStyleProductLayout p.cart-button-placement {float:right; clear:right; position:relative;} form.completeBestSellerLayout fieldset, form.completeBestSellerLayout fieldset input, form.completeNewProductsItem fieldset input, body.includingAddToCartButton form fieldset, body.includingAddToCartButton form fieldset input {width:auto !important;} form.imageOnLeftTextWrappedAround .product-image > img {float:left;} form.imageOnRightTextWrappedAround .product-image > img {float:right; margin:0 0 1em 1em;} .product-image > img, .std-product-details img { min-width:1px; width:auto !important; max-width:284px; height:auto; margin-right:1em; } .twoColumns .product-image > img, .threeColumns .product-image > img, .twoColumns .std-product-details img, .threeColumns .std-product-details img {width:100% !important; max-width:94%;} form[class$="RightTextWrappedAround"] ul, form[class$="RightTextWrappedAround"] ol, form.classicProductLayout ul, form.classicProductLayout ol, form.completeBestSellerLayout fieldset {float:none; clear:none;} form fieldset label, form fieldset input {float:left; clear:none;} fieldset.quantity-box label {line-height:3;} fieldset.quantity-box input[type="number"] {width:33px !important;} form.compactProductLayout fieldset {float:right;} form.imageOnLeftTextWrappedAround div.feefoproductlogo, form.imageOnRightTextWrappedAround div.feefoproductlogo, form.completeBestSellerLayout .feefoproductlogo {margin:1em;} form.imageOnLeftTextWrappedAround div.feefoproductlogo {float:left; clear:left;} form.imageOnRightTextWrappedAround div.feefoproductlogo {float:right; clear:right;} form.imageOnLeftTextWrappedAround p.cart-button-placement, form.imageOnRightTextWrappedAround p.cart-button-placement {display:block; overflow:hidden;} form.imageOnLeftTextWrappedAround .set-below-right, form.imageOnRightTextWrappedAround .set-below-right {float:left; width:100%;} form.completeBestSellerLayout .feefoproductlogo {float:left; clear:both;} .product-details form fieldset span[id^="RemoveIfOutOfStock"] {float:right;} .section-link-details form fieldset input, .product-details form fieldset input, .content-area form .content fieldset input {float:left; clear:none;} .productLayoutText {float:left;} form.compactProductLayout div[id^="idVars"] {clear:none;} div[id^="idVars"] .attribute-list { display:block; overflow:hidden; } div[id^="idVars"] .attribute-list input, div[id^="idVars"] .attribute-list textarea { float:left; clear:left; margin:1em 0 0 0; } .selectOptions {float:left;} .selectOptions ul {float:left !important; clear:both !important; list-style-type:none;} .selectOptions ul li {float:left; clear:both;} .ajs-attr {float:left;} .ajs-attr input[type="radio"] {margin:5px 1em 0 0 !important;} .searchButton {display:none;} /* Start of Filter Pages */ div[id^="filter_pagination_links"] {font-size:1.4em; margin:0.5em 0;} #FilterResultElements {padding:1%;} div#SearchResults { display:block; margin-bottom:1%; padding:1%; overflow:hidden; } .std-search-results {float:left; width:100%;} .std-product-details {font-size:1.4em; line-height:1.9em; clear:none;} .std-product-details a h3, .product-details .regularMatchedLayouts a h3 {width:100%; color:#feac01;} .std-product-details a h3 {font-size:1.4em;} .std-product-details p {display:inline; font-size:0.8em;} .product-details .regularMatchedLayouts p {float:left; line-height:2;} .product-details .regularMatchedLayouts div span br {display:none;} .filteredProductText, .standardSearchText {float:left;} .twoColumns .filteredProductText, .threeColumns .filteredProductText, .twoColumns .standardSearchText, .threeColumns .standardSearchText {clear:both; width:100%;} .filteredProductText p, .filteredProductText a, .filteredProductText div, .standardSearchText p, .standardSearchText a, .standardSearchText div {float:left; clear:both;} .std-product-details p.product-price {font-size:1em;} .std-product-details .feefoproductlogo {margin:1em;} .std-product-details a, .product-details .regularMatchedLayouts a {float:left;} .product-details .regularMatchedLayouts a {margin-right:0.5em;} .twoColumns .std-product-details a {width:50%;} #FilterResultElements div#SearchResults p, #FilterResultElements div#SearchResults a img, #FilterResultElements div#SearchResults img {float:left;} .threeColumns .std-product-details p, .threeColumns .product-details .regularMatchedLayouts p {float:left; width:100%; margin:0;} /* End of Filter Pages */ /* start auto suggest */ .content-area form .sf_suggestion {top:3.5em !important; left:10.7em !important;} /* end auto suggest */ /* Start of Extended Info */ #extended-info, .extended-info {background-image:none;} body#extended-info, body.imageLeftOfProductNameAndInfoText p {float:left;} body.imageLeftOfProductNameAndInfoText h1 {clear:right;} body.includingAddToCartButton form {width:100%;} body.includingAddToCartButton form h1, body.includingAddToCartButton form p, body.includingAddToCartButton form div {clear:none;} body.includingAddToCartButton form p.set-right {float:right;} body.includingAddToCartButton form fieldset p {float:left;} body.includingAddToCartButton form p.cart-button-placement {clear:both;} body#extended-info ul, body#extended-info ol {float:left; clear:both; width:100%;} body#extended-info img { min-width:1px; width:100%; height:auto; } /* End of Extended Info */ /* Column Counts */ .twoColumns, #search_results_list .twoColumns { display:-webkit-flex !important; display:-moz-flex !important; display:flex !important; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; flex-flow:row wrap; /* Start of IE Flex box */ display: -ms-flexbox !important; -ms-flex-direction: row !important; -ms-flex-wrap:wrap !important; /* End of IE Flex box */ } .twoColumns .fullWidthSection { -webkit-flex:0 0 45%; -moz-flex:0 0 45%; flex:0 0 45%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:45%; width:45%; /* End of IE Flex box */ margin:1% auto; } .twoColumns .product-details, .twoColumns .std-product-details, .twoColumns .marketing-list-entry, .twoColumns #SearchResults { -webkit-flex:0 0 46%; -moz-flex:0 0 46%; flex:0 0 46%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:46%; width:46%; /* End of IE Flex box */ margin:1% 0 0 1%; } .threeColumns form.imageOnLeftTextWrappedAround .product-image, .threeColumns form.imageOnRightTextWrappedAround .product-image {width:auto;} .threeColumns form.completeNewProductsItem div.newProductList img, .threeColumns form.imageOnLeftTextWrappedAround .product-image img, .threeColumns form.imageOnRightTextWrappedAround .product-image img {width:100%; height:auto;} .threeColumns form.imageOnRightTextWrappedAround .product-image, .threeColumns form.imageOnRightTextWrappedAround .product-image img {float:left;} .threeColumns, #search_results_list .threeColumns { display:-webkit-flex !important; display:-moz-flex !important; display:flex !important; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; flex-flow:row wrap; /* Start of IE Flex box */ display: -ms-flexbox !important; -ms-flex-direction: row !important; -ms-flex-wrap:wrap !important; /* End of IE Flex box */ } .threeColumns p.resultsFirstP, .twoColumns p.resultsFirstP {float:left; clear:both; width:100%;} .threeColumns .fullWidthSection { -webkit-flex:0 0 28%; -moz-flex:0 0 28%; flex:0 0 28%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:28%; width:28%; /* End of IE Flex box */ margin:1% auto; } .threeColumns .product-details, .threeColumns .std-product-details, .threeColumns .marketing-list-entry, .threeColumns #SearchResults { -webkit-flex:0 0 30%; -moz-flex:0 0 30%; flex:0 0 30%; min-width:30%; /* Firefox fix */ /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:30%; width:30%; /* End of IE Flex box */ margin:1% 0 0 1%; } .IeOnly .twoColumns .fullWidthSection, .IeOnly .twoColumns .product-details, .IeOnly .twoColumns .std-product-details, .IeOnly .twoColumns .marketing-list-entry, .IeOnly .twoColumns #SearchResults, .IeOnly .threeColumns .fullWidthSection, .IeOnly .threeColumns .product-details, .IeOnly .threeColumns .std-product-details, .IeOnly .threeColumns .marketing-list-entry, .IeOnly .threeColumns #SearchResults, .androidOnly .twoColumns .fullWidthSection, .androidOnly .twoColumns .product-details, .androidOnly .twoColumns .std-product-details, .androidOnly .twoColumns .marketing-list-entry, .androidOnly .twoColumns #SearchResults, .androidOnly .threeColumns .fullWidthSection, .androidOnly .threeColumns .product-details, .androidOnly .threeColumns .std-product-details, .androidOnly .threeColumns .marketing-list-entry, .androidOnly .threeColumns #SearchResults { float:left; clear:none; height:300px; overflow:hidden; } .threeColumns #SearchResults p, .twoColumns #SearchResults p {float:none; clear:none; width:auto;} .twoColumns .product-details a.feefo img, .twoColumns .std-product-details a.feefo img, .twoColumns .marketing-list-entry a.feefo img, .threeColumns .product-details a.feefo img, .threeColumns .std-product-details a.feefo img, .threeColumns .marketing-list-entry a.feefo img {width:100%; height:auto;} .threeColumns div.product-details form.listStyleProductLayout p, .threeColumns div.std-product-details form.listStyleProductLayout p, .threeColumns div.product-details form.listStyleProductLayout div, .threeColumns div.std-product-details form.listStyleProductLayout div, .threeColumns div.product-details form.listStyleProductLayout span, .threeColumns div.std-product-details form.listStyleProductLayout span {clear:both; overflow:hidden;} .threeColumns form.listStyleProductLayout fieldset, .threeColumns form.listStyleProductLayout p.cart-button-placement {float:left; clear:none !important;} .threeColumns form.listStyleProductLayout p.cart-button-placement {margin-top:0; padding:0;} /* Column Counts */ table.comm-table p {width:auto;} table.comm-table tr th:nth-child(1) {width:18%;} table.comm-table tr th:nth-child(2) {width:34%;} table.comm-table tr th:nth-child(3) {width:10%;} table.comm-table tr th:nth-child(4) {width:38%;} table.comm-table a, .CheckoutProgress {float:left; clear:both;} table.comm-table ul, table.comm-table ol {float:left; clear:both; width:100%;} form div.product-marketing-list {float:left; width:100%;} form div.product-marketing-list, form div.product-marketing-list ol, form div.product-marketing-list ul { width:100%; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; flex-flow:row wrap; /* Start of IE Flex box */ display: -ms-flexbox !important; -ms-flex-direction: row !important; -ms-flex-wrap:wrap !important; /* End of IE Flex box */ } form div.product-marketing-list h2, form div.product-marketing-list h3 {width:100%; font-size:1.6em;} form div.product-marketing-list ol li, form div.product-marketing-list ul li {font-size:0.8em;} form div.product-marketing-list ol li p span, form div.product-marketing-list ul li p span {margin:0; padding:0; font-size:1em;} form div.product-marketing-list .marketing-list-entry { margin:1%; padding:2%; -webkit-flex:1 0 20%; -moz-flex:1 0 20%; flex:1 0 20%; /* Start of IE Flex box */ -ms-flex-grow:1; -ms-flex-shrink:0; -ms-flex-basis:20%; width:20%; /* End of IE Flex box */ float:left; } form div.product-marketing-list .marketing-list-entry .product-text p,.product-marketing-list .product-list-price .product-price {float:left; clear:both;} .sitemap div ul, .sitemap div ol {width:100%; margin:0; padding:0;} #product-page-body .marketing-list-entry img {width:100px; height:auto;} .CheckoutProgress {width:100%;} .CheckoutProgress p {float:left; clear:none;} .content-area form {width:98%;} .content-area #product-page-body form {width:96%;} .content-area form .CheckoutCartSection .checkout #idShowHideCart a {float:left; width:50%;} .contactUsForm p {clear:both;} .contactUsForm .contactRows { float:left; clear:both; width:100%; margin:0.5em 0; } .contactUsForm .contactRows label, .content-area form.login fieldset label {float:left; clear:none; width:9em;} .content-area form fieldset input, .content-area form fieldset textarea, .content-area form fieldset select, .content-area form fieldset input[type=button], .content-area form fieldset input[type=submit] {float:left; clear:none; width:auto;} #searchFields fieldset input[type="text"] {clear:both;} .content-area form fieldset textarea {width:61.5%;} .content-area form fieldset #recaptcha_widget_div {float:left; width:75%; margin:0 0.5em 0 14em;} .content-area form fieldset #recaptcha_widget_div #recaptcha_area {float:left;} #recaptcha_area td img {float:none; width:auto;} .content-area form fieldset label.fullWidth {width:auto;} .content-area form fieldset .radio {float:left; width:auto;} .content-area form fieldset .clearLeft {clear:left;} .content-area form fieldset .shorter {width:24%;} .content-area form fieldset .wider {width:73%;} .content-area form fieldset .radio input {float:left; width:2em;} .content-area form fieldset .radio label {float:left; clear:none; width:auto;} .content-area form fieldset input.button { float:left; clear:none; width:auto; margin-left:2%; } .content-area form fieldset input.login {float:left; clear:both;} .content-area form fieldset.passwordIdentity input[type="button"].passwordIdentityButton {float:right; clear:left;} div#idLOOKUPORDERS p {margin:1em;} .content-area form#idLOOKUPORDERSFORM {padding:1em;} .content-area form#idLOOKUPORDERSFORM fieldset {width:92%;} .content-area form.login fieldset label, .login fieldset p, .content-area form#idPASSWORDFORM fieldset label, .content-area form#idLOOKUPORDERSFORM fieldset label, .content-area form#idLOOKUPORDERSFORM fieldset input[type=submit], .content-area form#idBUYERFORM fieldset label, .content-area form#idADDRESSFORM fieldset label, .content-area form.billingAddress fieldset label {float:left; clear:both;} .content-area form#idPASSWORDFORM fieldset input[type="button"], form#idPASSWORDFORM fieldset input[type="submit"] { float:left; clear:both; } .content-area form#idLOOKUPORDERSFORM fieldset label {width:11em; margin:1%;} .content-area form .checkoutCustomers { float:left; clear:both; width:100%; margin-bottom:1em; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; flex-flow:row wrap; /* Start of IE Flex box */ display: -ms-flexbox !important; -ms-flex-direction: row !important; -ms-flex-wrap:wrap !important; /* End of IE Flex box */ } .content-area form .checkoutCustomers fieldset { float:left; clear:none; margin:0 1% 0 0; padding:0; -webkit-flex:0 0 48%; -moz-flex:0 0 48%; flex:0 0 48%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:48%; width:48%; /* End of IE Flex box */ } .content-area form .checkoutCustomers fieldset .customerTickBox {float:left; clear:both; width:100%;} .content-area form .checkoutCustomers fieldset .customerTickBox label {width:80%; margin-left:0.5em;} .content-area form .checkoutCustomers fieldset label {float:left;} .content-area form .checkoutCustomers fieldset input {width:auto; margin:2% 3%;} .content-area form .checkoutCustomers fieldset input[type=password] {float:left; clear:both; width:90%;} #idBothAddressesTable {width:97.3%; padding-top:1em;} #idBothAddressesTable fieldset {padding:0;} .content-area form .checkout { float:left; clear:both; width:100%; margin-bottom:1%; } #idBothAddressesTable .checkout {margin-top:1em; border:none;} .content-area form .checkout label.actrequired {float:left; clear:both;} .content-area form .checkout input[type=checkbox] { float:left; width:auto; position:relative; top:0.8em; } input#idAGREETERMSCONDITIONS { margin:0.5em; height:26px; top:0; } .content-area form .checkout p {float:left;} .content-area form .checkout fieldset { float:left; clear:both; width:100%; padding:0 0 1em; } .content-area form#idCheckoutForm {overflow:hidden;} #idCheckoutForm .checkout label, #idCheckoutForm .checkout p, #idCheckoutForm .checkout input, #idCheckoutForm .checkout select {margin:0.5em;} .content-area form .checkout fieldset #idSeparateShipRow {float:left; clear:both; width:100%; margin-bottom:1em;} .content-area form .checkout fieldset #idSeparateShipRow #idSeparateShipCell {width:18em; margin:0;} .content-area form .checkout fieldset #idSeparateShipRow #idSeparateShipCell label {width:80%;} .content-area form .checkout fieldset #idSeparateShipRow #idSeparateShipCell input {clear:none; width:auto; margin:0;} .content-area form .checkout fieldset .ShowAlways {float:left; width:52%;} .content-area form .checkout fieldset .ShowAlways #idInvoiceAccountAddresses, .content-area form .checkout fieldset .ShowAlways #idDeliverAccountAddresses {display:block;} #idInvoiceAccountAddresses {margin-left:20%;} #idInvoiceAccountAddresses, #idDeliverAccountAddresses {width:30%;} #idInvoiceAccountAddresses table p, #idDeliverAccountAddresses table p {font-size:1.3em;} #idInvoiceAccountAddresses input[type="radio"], #idDeliverAccountAddresses input[type="radio"] {width:2em; margin:1em 0;} .content-area form .checkout fieldset .ShowAlways p { float:left; clear:none; width:37%; margin-left:1em; text-align:center; } .content-area form .checkout fieldset .ShowAlways p#idDeliverHeader {float:right; margin-right:1em;} .content-area form .checkout fieldset .ShowAlways p#idDeliverHeader {float:right;} .content-area form .checkout fieldset label {float:left; clear:left; width:11.5em;} .content-area form .checkout fieldset .checkout-field-label { width:100%; margin:0; padding:0; } .content-area form .checkout fieldset .checkout-field-label label { width:100%; margin:0; padding:0; } .content-area form .checkout label.rememberMeText, .content-area form .checkout label.invoicePrivacy {width:85%; float:left;} .content-area form .checkout fieldset .InvoiceField, .content-area form .checkout fieldset .DeliverField {float:left; width:25%; margin-left:0.5em;} .content-area form .checkout #idSeparateShipCell {width:auto;} .content-area form .checkout fieldset .InvoiceField input, .content-area form .checkout fieldset .DeliverField input {float:left; width:94%;} .content-area form .checkout fieldset .InvoiceField input.thisAddress, .content-area form .checkout fieldset .InvoiceField input.thatAddress, .content-area form .checkout fieldset .DeliverField input.thisAddress, .content-area form .checkout fieldset .DeliverField input.thatAddress {width:2em; margin-top:1em;} .content-area form .checkout fieldset .InvoiceField select, .content-area form .checkout fieldset .DeliverField select {float:left; width:96%;} .content-area form .checkout fieldset .wideInput {width:52%;} .content-area form .checkout-buttons {float:left; width:100%; height:auto;} .content-area form .content fieldset .ajs-attr input {float:left; width:auto;} .content-area .button-wrapper {float:left;} .content-area form .checkout-buttons div.floatLeft, .content-area form .checkout-buttons div.floatRight {clear:none;} .content-area form .checkout-buttons div.floatLeft {float:left;} .content-area form .checkout-buttons div.floatRight {float:right;} h3.checkout-heading {width:auto; margin:0; padding:0.5em;} .cartButtons {float:left; clear:both;} .checkoutButtonArea {float:left;} .externalButtons, .externalButtons p, .externalButtons a {float:left; clear:both;} .externalButtons p {width:100%; text-align:center;} .content-area form table.checkout, .content-area form table.checkout-cart {width:100%; font-size:1.2em;} div#idPaymentMethodTable {width:100%;} .content-area form table.checkout tr td.cartheading, .content-area form table.checkout-cart tr td.checkout-cartheading {background:#0057a4; color:#dddddd;} .content-area form table.checkout tr td span.mobileHeader, .content-area form table.checkout-cart tr td span.mobileHeader {display:none;} .content-area form table.checkout-cart tr td.cart .cartText {float:left; clear:right; padding:0 0.5em;} .content-area form table.checkout-cart img {float:left; width:35px; height:auto;} .content-area form table.checkout-cart {table-layout:fixed; border-collapse:inherit; border-spacing:0;} .content-area form table.checkout-cart tr td.cart, table.checkout-cart tr td.cartheading {overflow-wrap:break-word;} .content-area form table.checkout-cart tr td.cart input[type="number"] {width:3em;} .content-area form table.checkout-cart tr td.cart div.promptInfo, .content-area form table.checkout-cart tr td.cart div.promptInfo input {float:left; clear:both;} .content-area form table.checkout-cart tr td.cart div.promptInfo {width:87%; margin-bottom:0.5em;} .content-area form table.checkout-cart tr td.cart div.promptInfo span.promptLabel {float:left; clear:both; width:100%;} .content-area form table.checkout-cart tr td.cart div.promptInfo input {width:70%;} .content-area form table tr td.cartheading p.floatLeft, table tr td span.floatLeft {float:left; clear: none;} .content-area form table tr td.cartheading p.floatRight, table tr td span.floatRight {float:right; clear: none;} .content-area form .checkout fieldset label span.actrequired, #idCheckoutForm span.actrequired { float:left; margin-right:1em; font-size:1em; line-height:1.3em; } #idCheckoutForm table tr th.change input.checkout-change-button {float:right; margin-right:1em;} .content-area form table.checkout tr td.longChange {display:none;} .content-area form table.addressConf tr td p.cartheading {display:none;} #idPaymentMethodTable .checkout-field-input { float:left; font-size:1.4em; line-height:2.4em; } #idPaymentMethodTable .checkout-field-input input { float:left; clear:both; margin:0.7em 0.5em 0 0; } #paypal-express-chk {float:left; width:100%; margin-top:1em;} #paypal-express-chk div {float:left;} .payPalExRightCol p, .payPalExRightCol a { float:left; margin:0 1em; text-align:center; } .payPalExRightCol .ppImages img { display:block; clear:both; margin:0 auto 1em !important; } .content-area form.searchResults fieldset {width:96%; position:relative;} .content-area form.searchResults fieldset label {float:left; clear:left;} .content-area form.searchResults fieldset div label {clear:none; line-height:2;} .content-area form.searchResults fieldset div.searchCriteria {float:left; width:100%;} .content-area form.searchResults fieldset div.searchCriteria label {float:left; clear:both; width:7em;} .myaccount-shadow {z-index:999999999;} .myaccount-popup { position:absolute; width:auto; height:auto; margin:0; padding:0; top:10%; left:30%; } #idORDER_TRACKING table tr td span {display:none;} .feefositelogo {margin-top:1.5em;} .feefoFeedback {float:left;} .feefoFeedback div {font-size:1.2em;} .feefoFeedback .comm-table th {font-size:1em;} .feefoFeedback .comm-table a, .feefoFeedback .comm-table p {font-size:1.2em;} .feefoFeedback table.comm-table tr td h3 span {font-size:1em; line-height:2.5em;} .footer-area, div.deepFooter {float:left; width:100%;} .footer-area .housekeeping {float:left;} .footer-area .address-details {float:right;} .footer-area ul {clear:none; list-style-type:none;} .footer-area p {float:left; clear:both;} div.deepFooter { display:-webkit-flex; display:-moz-flex; display:flex; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; flex-flow:row wrap; /* Start of IE Flex box */ display: -ms-flexbox !important; -ms-flex-direction: row !important; -ms-flex-wrap:wrap !important; /* End of IE Flex box */ margin-bottom:1%; } div.deepFooter div, div.miniFooter {float:left; width:100%;} div[class^="footerCol"] { float:left; margin:1%; -webkit-flex:0 0 31%; -moz-flex:0 0 31%; flex:0 0 31%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:31%; width:31%; /* End of IE Flex box */ } .IeOnly div[class^="footerCol"], .androidOnly div[class^="footerCol"] {float:left; clear:none; width:31% !important;} div[class^="footerCol"] ul, div[class^="footerCol"] ol {width:100%;} /* Receipt */ .receipt {margin-bottom:3em !important;} .receipt form, .receipt form table, .receipt form div.CheckoutCartSection, .receipt form span#idShoppingCartGrid { float:left; width:100%; margin:0; padding:0; } .receipt form table.checkout-cart {width:100%;} .receipt form table tr td table tr td.cart p.cartheading {display:none;} .receipt input {width:auto !important;} @media screen and (max-width:1061px) { .header-area .cart-summary {float:right; clear:right;} .header-area ol, .header-area form {float:left; clear:both;} .header-area p.headerText {width:98%;} .content-area .product-list .marketing-list-entry {width:97%;} /* Column Counts */ div.sectionListThreeColumn .section-link-details, div.sectionLinkFirstThreeColumn .section-link-details:first-child, div.sectionLinkFirstThreeColumn .section-link-details:nth-child(2), div.sectionLinkFirstThreeColumn .section-link-details:nth-child(3) { -webkit-flex:0 0 45%; -moz-flex:0 0 45%; flex:0 0 45%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:45%; width:45%; /* End of IE Flex box */ } .twoColumns .fullWidthSection, .threeColumns .fullWidthSection { -webkit-flex:0 0 43%; -moz-flex:0 0 43%; flex:0 0 43%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:43%; width:43%; /* End of IE Flex box */ } .twoColumns .product-details, .twoColumns .std-product-details, .twoColumns .marketing-list-entry, .threeColumns .product-details, .threeColumns .std-product-details, .threeColumns .marketing-list-entry, .threeColumns #SearchResults { -webkit-flex:0 0 46%; -moz-flex:0 0 46%; flex:0 0 46%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:46%; width:46%; /* End of IE Flex box */ } /* Column Counts */ a.feefo img, table.comm-table img {width:auto;} #recaptcha_area td {float:left; clear:left;} .content-area form .checkoutCustomers {width:100%;} .content-area form .checkoutCustomers fieldset {width:94%;} .content-area form .checkoutCustomers fieldset input#idCREATEANACCOUNT {float:left; clear:none; width:auto;} .content-area form .checkoutCustomers fieldset input {float:left; clear:both; width:94%;} .content-area form .checkout fieldset #idSeparateShipRow #idSeparateShipCell {margin-bottom:1em;} .content-area form .checkout input[type=checkbox] {margin:0.5em; top:0;} .content-area form .checkout fieldset .ShowAlways {width:100%;} .content-area form .checkout fieldset .InvoiceField {clear:left;} .content-area form .checkout fieldset .InvoiceField, .content-area form .checkout fieldset .DeliverField {width:47%;} .content-area form .checkout fieldset .wideInput {width:96%;} } @media screen and (max-width:676px), (min-width:801px) and (max-width:1694px) { .threeColumns form.regularProductSummary .product-image {width:100%;} } @media screen and (min-width:482px) and (max-width:600px), (min-width:801px) and (max-width:1570px) { .threeColumns form.regularProductSummary div.set-below-right div img {width:100%; height:auto;} } @media screen and (max-width:1350px) { div[id^="idVars"] .attribute-list {float:left; width:100%;} #idInvoiceAccountAddresses {margin-left:26%;} #idInvoiceAccountAddresses, #idDeliverAccountAddresses {width:30%;} } @media screen and (max-width:1304px) { .twoColumns form.classicProductLayout .product-image {width:100%;} } @media screen and (max-width:1220px) { .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"] label {width:70%;} } @media screen and (max-width:600px), (min-width:801px) and (max-width:1170px) { form.listStyleProductLayout fieldset, form.listStyleProductLayout p.cart-button-placement {float:left; clear:none; position:relative;} form.listStyleProductLayout fieldset, form.listStyleProductLayout p.cart-button-placement {top:0;} form.listStyleProductLayout p, form.listStyleProductLayout div, form.listStyleProductLayout span {clear:both; overflow:hidden;} form.listStyleProductLayout p.cart-button-placement {margin-top:0; padding:0; clear:none;} } @media screen and (max-width:1165px) { .twoColumns form.imageOnLeftTextWrappedAround .product-image, .twoColumns form.imageOnRightTextWrappedAround .product-image {float:left; width:auto;} .twoColumns form.imageOnLeftTextWrappedAround .product-image img, .twoColumns form.imageOnRightTextWrappedAround .product-image img {float:left; width:100%;} } @media screen and (min-width:1024px) and (max-width:1110px) { .threeColumns #SearchResults { -webkit-flex:0 0 29%; -moz-flex:0 0 29%; flex:0 0 29%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:29%; width:29%; /* End of IE Flex box */ } } @media screen and (max-width:481px), (min-width:801px) and (max-width:1110px) { form.regularProductSummary .product-image, form.regularProductSummary div.set-below-right {width:100%;} } @media screen and (max-width:1100px) { .twoColumns form.compactProductLayout h2 {float:left; width:100%;} .twoColumns form.compactProductLayout fieldset, .twoColumns form.compactProductLayout .cart-button-placement {clear:none;} .twoColumns form.compactProductLayout fieldset {float:left;} .twoColumns form.compactProductLayout .cart-button-placement {float:right; margin:0; padding:0;} .twoColumns form.compactProductLayout p {clear:both; overflow:hidden;} } @media screen and (min-width:482px) and (max-width:640px), (min-width:801px) and (max-width:1061px) { .twoColumns .feefoproductlogo img {width:100%;} } @media screen and (min-width:801px) and (max-width:1061px) { .twoColumns form.regularProductSummary div.set-below-right div img {width:100%; height:auto;} } @media screen and (max-width:580px), (min-width:801px) and (max-width:1061px) { } @media screen and (min-width:577px) and (max-width:602px), (min-width:1039px) and (max-width:1061px) { .content-area form .checkout p {clear:both;} } @media screen and (max-width:580px), (min-width:801px) and (max-width:1061px) { } @media screen and (min-width:577px) and (max-width:602px), (min-width:1039px) and (max-width:1061px) { .content-area form .checkout p {clear:both;} } @media screen and (max-width:560px), (max-width:592px), (min-width:801px) and (max-width:1061px) { .content-area form .checkoutCustomers fieldset { -webkit-flex: 0 0 99%; -moz-flex: 0 0 99%; flex: 0 0 99%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:99%; width:99%; /* End of IE Flex box */ margin:1% 0; } } @media screen and (max-width:600px), (min-width:801px) and (max-width:1061px) { #idBothAddressesTable {width:99%;} } @media screen and (max-width:560px), (min-width:801px) and (max-width:1061px) { .content-area .marketing-list .products .marketing-list-entry { -webkit-flex:1 0 47%; -moz-flex:1 0 47%; flex:1 0 47%; /* Start of IE Flex box */ -ms-flex-grow:1; -ms-flex-shrink:0; -ms-flex-basis:47%; width:47%; /* End of IE Flex box */ } .IeOnly .content-area .marketing-list .products .marketing-list-entry, .androidOnly .content-area .marketing-list .products .marketing-list-entry {height:550px;} #idORDER_TRACKING table tr th {display:none;} #idORDER_TRACKING table tr td { float:left; clear:both; width:98%; text-align:left; } #idORDER_TRACKING table tr td span {display:block;} div#idORDER_TRACKING [id^="idORDER_DETAILS_"] tr td:empty {display:none;} } @media screen and (max-width:481px), (min-width:801px) and (max-width:1061px) { #idInvoiceAccountAddresses {margin-left:0;} #idInvoiceAccountAddresses, #idDeliverAccountAddresses {width:48%;} } @media screen and (max-width:360px), (min-width:801px) and (max-width:1061px) { form.completeNewProductsItem img {width:100%; height:auto;} } @media screen and (min-width:801px) and (max-width:1061px) { form div.product-marketing-list .marketing-list-entry { margin:1%; -webkit-flex:1 0 30%; -moz-flex:1 0 30%; flex:1 0 30%; /* Start of IE Flex box */ -ms-flex-grow:1; -ms-flex-shrink:0; -ms-flex-basis:30%; width:30%; /* End of IE Flex box */ float:left; } } @media screen and (min-width:601px) and (max-width:720px), (min-width:801px) and (max-width:1071px) { .content-area form fieldset #recaptcha_widget_div { float:right; width:auto; margin:0 2em 0 0; } } @media screen and (max-width:1061px) { .content-area #product-page-body form { float:none; display:block; width:93%; margin:1em auto 0 !important; overflow:hidden; } table.confirmCustomerAddress th {display:none;} table.confirmCustomerAddress th.change {display:block;} table.confirmCustomerAddress tr {overflow:hidden;} table.confirmCustomerAddress .mobileHeader { width:100% !important; margin:0 !important; padding:0.5em !important; font-size:1.4em; color:#ffffff; background:#feac01 !important; position:relative; left:-2px; } .content-area form .checkout #idSeparateShipCell {width:100% !important;} .content-area form .checkout #idSeparateShipCell label {width:auto !important;} .content-area form .checkout fieldset .ShowAlways p#idInvoiceHeader {margin-left:0.5em;} .content-area form .checkout fieldset .ShowAlways p#idDeliverHeader {margin-right:2em;} .content-area form table.checkout, .content-area form table.checkout-cart {font-size:1em;} .content-area form table.checkout tr, .content-area form table.checkout-cart tr { float:left; clear:both; width:100%; border-top:1px solid #feac01; background:#efefef; } .content-area form table.checkout tr:first-child, .content-area form table.checkout-cart tr:first-child {background:#0057a4;} .content-area form table.checkout-cart tr th {display:none;} .content-area form table.checkout tr th.thShow, .content-area form table.checkout-cart tr th.thShow, .content-area form table.checkout tr td span.mobileHeader, .content-area form table.checkout-cart tr td span.mobileHeader {display:block;} .content-area form tablecheckout tr td span.floatLeft::before { content:"Ref "; } #idCheckoutForm table tr th {float:left; clear:none; width:30%;} #idCheckoutForm table tr th.change {float:right;} table.checkout th, .cartheading, h3.checkout-heading, .content-area form table.checkout tr.checkoutMobileTR:last-child, .content-area form table.checkout-cart tr.checkoutMobileTR:last-child, #idCheckoutForm table.checkout-cart tr.checkoutMobileTR:last-child, #idCheckoutForm table.checkout-cart tr.checkoutMobileTR:last-child { background:#0057a4; } .receipt table#idTableCheckoutSection th {float:none;} .content-area form table.checkout tr td, .content-area form table.checkout-cart tr td {float:left; clear:both; width:98%; border:none;} .content-area form table.checkout tr td span.mobileHeader, .content-area form table.checkout-cart tr td span.mobileHeader, .content-area form table.checkout tr.checkoutMobileTR td:first-child, .content-area form table.checkout-cart tr.checkoutMobileTR td:first-child { float:left; clear:both; width:8em; margin:0 0 0.5em; padding:2% 1%; text-align:left; font-weight:bold; background:#ffffff; } .content-area form table.checkout tr td span.mobileHeader, .content-area form table.checkout-cart tr td span.mobileHeader { margin:0 0 0.5em 3em; padding:0; font-weight:normal; background:none; } .content-area form table.checkout, .content-area form table.checkout {float:right;} .content-area form table.checkout-cart tr td.cart .cartText { float:right; width:92%; margin:0.5em 0; padding:1% 0; font-size:1.2em; } .content-area form table.checkout-cart tr td.cart .cartText:first-of-type { float:left; margin:0; padding:1% 0; width:auto; font-size:1.4em; line-height:2.3em; border:none; } .content-area form table.checkout-cart tr td.cart a { float:left; width:100%; } .content-area form table.checkout-cart tr td.cart img {display:none;} .content-area form table.checkout-cart tr td.cart div.promptInfo {width:100%;} .content-area form table.checkout-cart tr td.cart div.promptInfo select {float:left; clear:both; width:100%;} .content-area form table.checkout tr.checkoutMobileTR, .content-area form table.checkout-cart tr.checkoutMobileTR { width:99%; padding:1% 0 1% 1%; } .content-area form table.checkout tr.checkoutMobileTR td:last-child, .content-area form table.checkout-cart tr.checkoutMobileTR td:nth-child(2) { float:right; width:60%; clear:none; border:none; } .content-area form table.checkout tr td[rowspan$="REMOVEROWSPAN"], .content-area form table.checkout-cart tr td[rowspan$="REMOVEROWSPAN"] { display:none; } .checkout-field-input {float:left; clear:both;} } @media screen and (min-width:482px) and (max-width:514px), (min-width:801px) and (max-width:890px) { form.classicProductLayout p.product-text {clear:both;} } @media screen and (min-width:800px) and (max-width:887px) { form.classicProductLayout h2 {clear:both; width:100%;} form.classicProductLayout div[id$="StaticPrice"], form.classicProductLayout div[id$="DynamicPrice"] {float:left; clear:both;} form.classicProductLayout fieldset {clear:both;} } @media screen and (max-width:481px), (min-width:801px) and (max-width:830px) { div.imageRow, div.descriptionRow, div.priceRow, div.deleteRow {float:left; clear:none; width:32.5%;} div#recenthtitem div.imageRow div.recenthtitemimage {float:left; clear:both;} div#recenthtitem div.imageRow div.recenthtitemimage a img {width:auto; height:55px;} div.descriptionRow div.recenthtitemdesc, div.deleteRow div.recenthtitemdelete {float:left; clear:both; height:58px;} div.recenthtitemdesc a {display:inline-block; padding:1%;} div.recenthtitemdelete a img {display:block; margin:21% auto; padding:0;} } @media screen and (max-device-width:800px) { /* Start of Top contact info */ div[class^="contactInfoTopCol"] span.displayDesktop, div[class^="footerCol"] span.displayDesktop {display:none;} div[class^="contactInfoTopCol"] a.displayMobile, div[class^="footerCol"] a.displayMobile {display:block;} /* End of Top contact info */ .myaccount-popup {height:100%; overflow:scroll;} } @media screen and (max-width:800px) { body {width:95%;} #wrapper {width:100%;} .header-area .logo img {width:100%; height:auto;} .follow-buttons, .social-badges {float:left!important; width:100%; margin:1em 0;} .menuHide {display:none;} .menuShow {display:block;} #mega-menu, #brochure-menu {width:100%;} div.miniNav {display:block; float:right;} p.mainNav, p.mainNav a#mainNav, p.quickSearchTitle, p.quickSearchTitle a#quickSearchTitle, p.shoppingCartSummaryTitle, p.shoppingCartSummaryTitle a#shoppingCartSummaryTitle, p.productFiltersTitle, p.productFiltersTitle a#productFiltersTitle, p.infoBoxTile, p.infoBoxTile a#infoBoxTile, p.storeSectionsTitle, p.storeSectionsTitle a#storeSectionsTitle, p.informationTitle, p.informationTitle a#informationTitle, p.bestSellerTitle, p.bestSellerTitle a#bestSellerTitle, p.newProductTitle, p.newProductTitle a#newProductTitle, p.couponFieldTitle, p.couponFieldTitle a#couponFieldTitle { float:left; display:block; margin:0.5em; padding:0; } /* Start of Mega Menu */ #mega-menu, #brochure-menu {height:auto;} #mega-menu ul, #brochure-menu ul, #brochure-menu ol {display:block; width:100%; height:auto;} #mega-menu ul li, #mega-menu ul li:hover, #brochure-menu li, #brochure-menu li:hover { flex:none; width:100%; height:auto; text-align:left; } body.IeOnly #mega-menu ul li, body.IeOnly #brochure-menu li, body.androidOnly #mega-menu ul li, body.androidOnly #brochure-menu li { height:auto !important; } #mega-menu ul li a, #brochure-menu li a {width:100%; margin:0; padding:0;} #mega-menu ul li div, #brochure-menu li div {position:relative; display:none;} #mega-menu ul li ul, #mega-menu ul li:hover ul, #brochure-menu li ul, #brochure-menu li ol, #brochure-menu li:hover ul, #brochure-menu li:hover ol { width:100%; position:relative; top:0; } #mega-menu ul li ul li, #mega-menu ul li ul li a, #mega-menu ul li:hover ul li a, #brochure-menu li li, #brochure-menu li li a, #brochure-menu li:hover li a, div[id^="tc"] {width:100%;} /* End of Mega Menu */ #left-area, #left-sidebar, .content-area {float:left; clear:both; width:100%;} .marketing-list { display:-webkit-flex; display:-moz-flex; display:flex; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; flex-flow:row wrap; /* Start of IE Flex box */ display: -ms-flexbox !important; -ms-flex-direction: row !important; -ms-flex-wrap:wrap !important; /* End of IE Flex box */ margin:1%; } #ContentPage.share-buttons, .content-area .share-buttons { float:none !important; display:block; width:95% !important; margin:0 auto; overflow:hidden; } #productFiltersLeft .filter-text {display:none;} .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"] label {width:78%;} .content-area .marketing-list .products p, .content-area .marketing-list .products span.product-price {float:left; clear:none;} .IeOnly .content-area .marketing-list .products .marketing-list-entry, .androidOnly .content-area .marketing-list .products .marketing-list-entry {height:650px;} .content-area, .product-list {width:99.8%;} .content-area .product-list .marketing-list-entry {width:96%;} .section-link-details, .product-details, .std-product-details {width:93%; margin:2%;} form.regularProductSummary fieldset.product-prompt {width:55%;} form.regularProductSummary fieldset.product-prompt select {float:none; clear:none; width:auto;} form.regularProductSummary fieldset.product-prompt input[type=text] {width:auto;} .content-area fieldset label {float:left; clear:both;} .content-area .login fieldset input.button {margin:2% 1%} .content-area fieldset textarea {width:95.5%;} .content-area fieldset #recaptcha_widget_div {width:97%;} #recaptcha_area td {clear:none;} .IeOnly table.checkout-cart .floatRight input[type="text"], .androidOnly table.checkout-cart .floatRight input[type="text"] {width:28px;} .content-area form .checkout fieldset #idSeparateShipRow {width:100%;} .content-area form .checkout fieldset #idSeparateShipRow #idSeparateShipCell label {width:60%;} .content-area form .checkout fieldset .wideInput {width:65%;} .content-area form .CheckoutCartSection .checkout #idShowHideCart a {width:100%;} #paypal-express-chk { float:none; display:block; width:17em; margin:0 auto; padding-top:1em; overflow:hidden; } .payPalExRightCol p, .payPalExRightCol a { width:100%; margin:0.5em 0; } .searchButton {display:block;} .searchButton p {text-decoration:underline; cursor:pointer;} .searchButton p:hover {text-decoration:none;} .content-area form.searchResults fieldset input[type=submit] {width:auto;} .myaccount-popup {top:0; left:0;} div[class^="footerCol"] { -webkit-flex:0 0 97%; -moz-flex:0 0 97%; flex:0 0 97%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:97%; width:97%; /* End of IE Flex box */ } .IeOnly div[class^="footerCol"], .androidOnly div[class^="footerCol"] {width:97% !important;} } @media screen and (min-width:482px) and (max-width:800px) { .threeColumns form.completeNewProductsItem div.newProductList img {width:auto;} } @media screen and (max-width:680px) { .twoColumns form.regularProductSummary .product-image, form.regularProductSummary div.set-below-right {width:100%;} } @media screen and (max-width:660px) { .cart-summary p {clear:none;} form.regularProductSummary fieldset.product-prompt {width:100%;} .twoColumns form.regularProductSummary div.set-below-right div img {width:100%; height:auto;} } @media screen and (max-width:600px) { .twoColumns form.classicProductLayout .cart-button-placement, .contactUsForm .contactRows input, .contactUsForm .contactRows textarea {width:95%;} .contactUsForm .contactRows label, .contactUsForm .contactRows input, .contactUsForm .contactRows textarea {clear:both;} #recaptcha_widget_div { width:96% !important; margin-left:0.5em !important; } .std-product-details a, .product-details .regularMatchedLayouts a {clear:both;} .std-product-details p, .product-details .regularMatchedLayouts p {float:left; width:100%; margin:0;} } @media screen and (min-width:801px) and (max-width:1100px), (max-width:600px) { .twoColumns .std-product-details a, .twoColumns .product-details .regularMatchedLayouts a {width:100%;} } @media screen and (max-width:500px) { .logo {width:60%;} .logo img {width:100%; height:auto;} } @media screen and (max-width:495px) { form.classicProductLayout h2 {clear:both; width:100%;} form.classicProductLayout div[id$="StaticPrice"], form.classicProductLayout div[id$="DynamicPrice"] {float:left; clear:both;} form.classicProductLayout fieldset {clear:both;} .selectOptions {float:left; clear:none !important; width:auto !important;} .content-area form.searchResults fieldset {width:92%;} } @media screen and (max-width:494px) { form.classicProductLayout .product-image {width:100%;} } @media screen and (min-width:800px) and (max-width:869px), (max-width:484px) { .checkout-field-label, .content-area form .checkout fieldset label { width:auto; } .checkout-field-label, .checkout-field-input, .content-area form .checkout fieldset label { float:left; clear:both; width:85%; } .checkout-field-input input {width:95% !important;} } @media screen and (max-width:481px) { .header-area .cart-summary p {clear:none;} div.miniNav {float:left;} #left-sidebar .marketing-list-entry, #right-sidebar .marketing-list-entry { -webkit-flex:0 0 95%; -moz-flex:0 0 95%; flex:0 0 95%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:95%; width:95%; /* End of IE Flex box */ } .content-area .marketing-list .products .marketing-list-entry { -webkit-flex:1 0 95%; -moz-flex:1 0 95%; flex:1 0 95%; /* Start of IE Flex box */ -ms-flex-grow:1; -ms-flex-shrink:0; -ms-flex-basis:95%; width:95%; /* End of IE Flex box */ } .IeOnly .content-area .marketing-list .products .marketing-list-entry, .androidOnly .content-area .marketing-list .products .marketing-list-entry {height:auto;} .twoColumns .fullWidthSection, .threeColumns .fullWidthSection { -webkit-flex:0 0 92%; -moz-flex:0 0 92%; flex:0 0 92%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:92%; width:92%; /* End of IE Flex box */ } .twoColumns .product-details, .twoColumns .std-product-details, .twoColumns .marketing-list-entry, .threeColumns .product-details, .threeColumns .std-product-details, .threeColumns .marketing-list-entry, .threeColumns #SearchResults, div.sectionListTwoColumn .section-link-details, div.sectionLinkFirstTwoColumn .section-link-details:first-child, div.sectionLinkFirstTwoColumn .section-link-details:nth-child(2), div.sectionLinkFirstTwoColumn .section-link-details:nth-child(3), div.sectionListThreeColumn .section-link-details, div.sectionLinkFirstThreeColumn .section-link-details:first-child, div.sectionLinkFirstThreeColumn .section-link-details:nth-child(2), div.sectionLinkFirstThreeColumn .section-link-details:nth-child(3), .twoColumns #SearchResults, .threeColumns #SearchResults { -webkit-flex:0 0 96%; -moz-flex:0 0 96%; flex:0 0 96%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:96%; width:96%; /* End of IE Flex box */ } .IeOnly .twoColumns .fullWidthSection, .IeOnly .twoColumns .product-details, .IeOnly .twoColumns .std-product-details, .IeOnly .twoColumns .marketing-list-entry, .IeOnly .threeColumns .fullWidthSection, .IeOnly .threeColumns .product-details, .threeColumns .std-product-details, .IeOnly .threeColumns .marketing-list-entry, .IeOnly .threeColumns #SearchResults, .IeOnly div.sectionListTwoColumn .section-link-details, .IeOnly div.sectionLinkFirstTwoColumn .section-link-details:first-child, .IeOnly div.sectionLinkFirstTwoColumn .section-link-details:nth-child(2), .IeOnly div.sectionLinkFirstTwoColumn .section-link-details:nth-child(3), .IeOnly div.sectionListThreeColumn .section-link-details, .IeOnly div.sectionLinkFirstThreeColumn .section-link-details:first-child, .IeOnly div.sectionLinkFirstThreeColumn .section-link-details:nth-child(2), .IeOnly div.sectionLinkFirstThreeColumn .section-link-details:nth-child(3), .IeOnly .twoColumns #SearchResults, .IeOnly .threeColumns #SearchResults, .androidOnly .twoColumns .fullWidthSection, .androidOnly .twoColumns .product-details, .androidOnly .twoColumns .std-product-details, .androidOnly .twoColumns .marketing-list-entry, .androidOnly .threeColumns .fullWidthSection, .androidOnly .threeColumns .product-details, .androidOnly .threeColumns .std-product-details, .androidOnly .threeColumns .marketing-list-entry, .androidOnly .threeColumns #SearchResults, .androidOnly div.sectionListTwoColumn .section-link-details, .androidOnly div.sectionLinkFirstTwoColumn .section-link-details:first-child, .androidOnly div.sectionLinkFirstTwoColumn .section-link-details:nth-child(2), .androidOnly div.sectionLinkFirstTwoColumn .section-link-details:nth-child(3), .androidOnly div.sectionListThreeColumn .section-link-details, .androidOnly div.sectionLinkFirstThreeColumn .section-link-details:first-child, .androidOnly div.sectionLinkFirstThreeColumn .section-link-details:nth-child(2), .androidOnly div.sectionLinkFirstThreeColumn .section-link-details:nth-child(3), .androidOnly .twoColumns #SearchResults, .IeOnly .threeColumns #SearchResults {height:auto;} .content-area .marketing-list .products .marketing-list-entry {width:92%;} form div.product-marketing-list .marketing-list-entry { -webkit-flex: 1 0 28%; -moz-flex: 1 0 28%; flex: 1 0 28%; /* Start of IE Flex box */ -ms-flex-grow:1; -ms-flex-shrink:0; -ms-flex-basis:28%; width:28%; /* End of IE Flex box */ } .content-area fieldset input, .content-area fieldset textarea, .content-area fieldset select { float:left; clear:both; width:94%; margin-left:1%; } form.regularProductSummary fieldset, form.classicProductLayout fieldset, form.compactProductLayout fieldset, form.imageOnLeftTextWrappedAround fieldset, form.imageOnRightTextWrappedAround fieldset, form.listStyleProductLayout fieldset {width:55%;} form.compactProductLayout fieldset {float:left;} form.compactProductLayout fieldset.quantity-box {width:auto; margin-right:1.5em;} form.compactProductLayout .cart-button-placement {float:right; margin:0 1em 0 0; padding:0;} form.regularProductSummary div.set-below-right div img, .twoColumns form.regularProductSummary div.set-below-right div img, .threeColumns form.regularProductSummary div.set-below-right div img {width:auto; height:auto} form.imageOnLeftTextWrappedAround .product-image, form.imageOnRightTextWrappedAround .product-image {float:left; clear:both; width:95%;} form.compactProductLayout p, form.classicProductLayout p {clear:both; overflow:hidden;} form.compactProductLayout fieldset label, form.compactProductLayout fieldset input, form.imageOnLeftTextWrappedAround fieldset label, form.imageOnRightTextWrappedAround fieldset label, form.imageOnLeftTextWrappedAround fieldset input, form.imageOnRightTextWrappedAround fieldset input {clear:none;} .content-area fieldset input[type="checkbox"] {clear:none;} .contactUsForm .contactRows label, .contactUsForm .contactRows input, .contactUsForm .contactRows textarea {clear:both; width:96%;} .content-area form .checkout fieldset #idSeparateShipRow input#idSEPARATESHIP {float:left; clear:none; width:auto;} form.listStyleProductLayout fieldset, form.listStyleProductLayout p.cart-button-placement { float:left; clear:none; margin:0; padding:0; top:0 !important; } form.listStyleProductLayout p.product-price {float:left;} .content-area #product-page-body form {width:90%;} .singleAddToCart fieldset.quantity-box {width:100%;} .content-area fieldset.product-prompt label {width:100%;} .content-area form .checkout fieldset #idSeparateShipRow #idSeparateShipCell, .content-area form .checkout fieldset .ShowAlways {width:100%;} .content-area form .checkout fieldset .ShowAlways p {width:40%;} .content-area form .checkout fieldset .InvoiceField, .content-area form .checkout fieldset .DeliverField {width:45%;} .content-area form .checkout fieldset .InvoiceField {clear:both;} .content-area form .checkout fieldset .wideInput {width:90%;} .content-area form table.checkout-cart th {font-weight:normal;} .content-area form table.checkout-cart th:first-child {width:16%;} .content-area form table tr td.cartheading p.floatRight, table tr td table.dropDown tr th, table tr td table.dropDown tr td {float:left; clear:both;} .content-area form table tr td table.dropDown tr th, table tr td table.dropDown tr td {width:100%;} .content-area form table tr td.cartheading p.floatRight {width:auto;} .content-area form table.checkout tr th.shortChange, .content-area form table.checkout tr td.shortChange {display:none;} .content-area form table.checkout tr td.longChange {display:block; float:left; width:100%; background:#feac01;} .content-area form table.addressConf tr th.cartheading {display:none;} .content-area form table.addressConf tr td p.cartheading { display:block; width:99%; margin:-0.5em 0 0 -0.5em; padding:0.5em; font-size:1em; line-height:2em; } .content-area form table tr td.cartheading p.floatRight {float:left;} /* Receipt */ .receipt form table tr td table tr th.cartheading {display:none;} .receipt form table tr td table tr td.cart p.cartheading { display:block; width:100%; margin:0; padding:0; } } @media screen and (min-width:462px) and (max-width:481px) { form.regularProductSummary span[id^="RemoveIfOutOfStock"], form.compactProductLayout span[id^="RemoveIfOutOfStock"] { left:-9em; } } @media screen and (max-width:464px) { /* auto suggest */ .content-area form .sf_suggestion {top:7em !important; left:1em !important;} /* auto suggest */ } @media screen and (max-width:462px) { form.regularProductSummary span[id^="RemoveIfOutOfStock"], form.compactProductLayout span[id^="RemoveIfOutOfStock"] { display:block; top:0; left:0; margin-left:0.5em; } form.compactProductLayout span[id^="RemoveIfOutOfStock"] {float:left;} } @media screen and (max-width:440px) { .header-area {position:relative;} .header-area .logo { width:96%; margin:7em auto 0; } .header-area .logo img { float:left; } .header-area .header-element {position:absolute; top:0; right:0;} form.regularProductSummary fieldset {width:37%;} } @media screen and (max-width:430px){ .bestSellersMarketingListEntry, .newProductsMarketingListEntry { -webkit-flex:0 0 95%; -moz-flex:0 0 95%; flex:0 0 95%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:95%; width:95%; /* End of IE Flex box */ } .IeOnly .bestSellersMarketingListEntry, .IeOnly .newProductsMarketingListEntry, .androidOnly .bestSellersMarketingListEntry, .androidOnly .newProductsMarketingListEntry {width:97% !important;} .content-area form#idLOOKUPORDERSFORM fieldset input[type="text"] {width:100%;} .content-area form fieldset #recaptcha_widget_div {width:90% !important;} .content-area form fieldset #recaptcha_widget_div #recaptcha_area {float:left; width:100%;} .content-area form fieldset table#recaptcha_table {width:100%;} .content-area form fieldset td.recaptcha_image_cell {width:93% !important;} .content-area form fieldset .recaptchatable #recaptcha_response_field {width:180px !important;} .content-area form fieldset .recaptchatable #recaptcha_image {float:left; width:100% !important; padding-top:1em;} .content-area form fieldset .recaptchatable #recaptcha_image #recaptcha_challenge_image {width:100% !important; height:auto;} } @media screen and (max-width:409px) { } @media screen and (max-width:398px) { .IeOnly div#recenthtlist div#recenthtitem, .androidOnly div#recenthtlist div#recenthtitem { width:44%; } .content-area form .checkout fieldset .ShowAlways p#idDeliverHeader {margin-right:1em;} } @media screen and (max-width:367px) { form.regularProductSummary fieldset.product-prompt label, form.regularProductSummary fieldset.product-prompt input[type=text] {width:92%;} .contactUsForm .contactRows label, .contactUsForm .contactRows input, .contactUsForm .contactRows textarea {width:82%;} } @media screen and (max-device-width:360px) { .content-area form table.checkout-cart th {padding:0;} } @media screen and (max-width:360px) { body {width:92%;} .header-area .logo img {width:100% !important; height:auto;} .marketing-list {overflow:visible;} .fullWidthSection img {width:90%; height:auto;} .fullWidthSection p {float:left; clear:both;} .section-link-details img {max-width:99%;} .section-link-details p {float:left; clear:both;} form div.product-marketing-list .marketing-list-entry { -webkit-flex:0 0 94%; -moz-flex:0 0 94%; flex:0 0 94%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:94%; width:94%; /* End of IE Flex box */ } /* Start of Extended Info */ body#extended-info h1 {float:left; width:100%;} body#extended-info .product-image {float:left; width:95%;} body#extended-info .product-image img {width:100%; height:auto;} /* End of Extended Info */ form.regularProductSummary div.set-below-right div img, .twoColumns form.regularProductSummary div.set-below-right div img, .threeColumns form.regularProductSummary div.set-below-right div img {width:100%; height:auto;} form.imageOnLeftTextWrappedAround .product-image img, form.imageOnRightTextWrappedAround .product-image img { float:left; width:100%; height:auto; margin:0; } .product-details .feefoproductlogo, .std-product-details .feefoproductlogo {float:right; width:96%; overflow:hidden;} .content-area form fieldset #recaptcha_widget_div {float:left;} .content-area form fieldset #recaptcha_widget_div #recaptcha_table {width:auto;} .content-area form fieldset #recaptcha_widget_div #recaptcha_table tr td {float:left; clear:both; width:95%;} .content-area form fieldset.passwordIdentity p {float:left; clear:both;} .content-area form .checkout label.actrequired {width:82%;} .content-area form table.checkout-cart tr td.cart div.promptInfo input {width:90%;} .IeOnly div#recenthtlist div#recenthtitem, .androidOnly div#recenthtlist div#recenthtitem { width:95%; } .IeOnly div#recenthtlist div#recenthtitem p.actxxsmall, .androidOnly div#recenthtlist div#recenthtitem p.actxxsmall { height:auto; } } @media screen and (max-width:300px) { .header-area .logo img {width:100%;} #idInvoiceAccountAddresses, #idDeliverAccountAddresses {float:left; clear:both; width:90%;} } /* Firefox */ @-moz-document url-prefix() { .miniNav p div[id^="FilterPropertyOptions"] {color:#666666; font-weight:normal; text-transform:none;} .bestSellersMarketingListEntry, .newProductsMarketingListEntry {margin-top:1.5em;} form div.product-marketing-list, .marketing-list-entry, div.sectionListOneColumn .section-link-details, div.sectionLinkFirstOneColumn .section-link-details:first-child, div.sectionListTwoColumn .section-link-details, div.sectionLinkFirstTwoColumn .section-link-details:first-child, div.sectionLinkFirstTwoColumn .section-link-details:nth-child(2), .threeColumns .product-details, .threeColumns .std-product-details, .threeColumns .marketing-list-entry, .threeColumns #SearchResults, .twoColumns .product-details, .twoColumns .std-product-details, .twoColumns .marketing-list-entry, .twoColumns #SearchResults { margin:0.5em 0.5% !important; } .twoColumns .product-image > img, .threeColumns .product-image > img, .twoColumns .std-product-details img, .threeColumns .std-product-details img {margin:0.5em 0;} div#recenthtlist div#recenthtitem {margin:0.5em;} } /* Custom by PGR */ .actrequired {font-weight: bold;} .breadcrumb-top, .breadcrumb-bottom {padding-left:10px;width:80%;} .BlackBox{ color: #F0F0F0; line-height: 18px; font-size: 12px; } .BlackBox h3{ COLOR: #F9BB1C; } .BlackBox A:link { COLOR: #F9BB1C; TEXT-DECORATION: none; font-weight: bold; } .BlackBox A:visited { COLOR: #F9BB1C; TEXT-DECORATION: none; font-weight: bold; } .BlackBox A:hover { COLOR: #F9BB1C; font-weight: bold; text-decoration: underline; } .BlackBox A:active { COLOR: #F9BB1C; TEXT-DECORATION: underline; font-weight: bold; } /* Buttons */ .btn-primary, .btn-primary.active, .btn-primary:hover { color:#ffffff !important; text-decoration:none; height:18px; width:175px; text-align:center; display:block; margin-bottom:10px; margin-right:auto; margin-left:auto; position:relative; padding-bottom: 10px; padding-top: 5px; } .btn-primary.active,.btn-primary { background-color: #c10101; background-image: -webkit-linear-gradient(-90deg, #c10101 0, #4f0101 100%); background-image: -moz-linear-gradient(180deg, #c10101 0, #4f0101 100%); background-image: linear-gradient(180deg, #c10101 0, #4f0101 100%); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; clear: both; color: #ffffff; } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { background-color: #4f0101; background-image: -webkit-linear-gradient(90deg, #c10101 0, #4f0101 100%); background-image: -moz-linear-gradient(0deg, #c10101 0, #4f0101 100%); background-image: linear-gradient(0deg, #c10101 0, #4f0101 100%); color: #ffffff; } .center {margin-right:auto; margin-left:auto; position:relative; } .content-area { float:left; width:70%; position: relative; } @media (max-width: 1300px) { .content-area {width:69%;} } @media (max-width: 1200px) { .content-area {width:67%;} } @media (max-width: 1135px) { .content-area {width:65%;} } @media screen and (max-width:1135px){ body {width:99.6%;} .content-area {width:100%;} #left-sidebar, #right-sidebar {display:none;} } #left-sidebar, #right-sidebar { width:28%; min-width:323px; } .FBtop { } .feature { position: relative;} .feature img{ -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .feature ul{ padding-left: 30px; padding-top: 20px; padding-bottom: 20px; padding-right: 10px; line-height: 18px; margin-right: 2%; margin-left: 2%; margin-bottom:10px; margin-top: 15px; color: #FFFFFF; background-color: #4f0101; background-image: -webkit-linear-gradient(90deg, #c10101 0, #4f0101 100%); background-image: -moz-linear-gradient(0deg, #c10101 0, #4f0101 100%); background-image: linear-gradient(0deg, #c10101 0, #4f0101 100%); border: none; -webkit-border-radius: 5px; border-radius: 5px; font-weight: normal; } .feature li{ margin-bottom:5px;} .container { margin-right: auto; margin-left: auto; width:1005px; *zoom: 1; position: relative; } .container:before,.container:after {display: table; content: "";} .container:after {clear: both;} /* Reponsive - Landscape phones and down */ @media (max-width: 480px) { .container { padding: 0 9px; width:100%;} } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { } @media (max-width:979px){ .container { padding: 0 9px; width:90%;} } @media (max-width: 1024px) { } /* Small desktop */ @media (max-width: 1200px) { } /* Large desktop */ @media (min-width: 1200px) { } .content-area .button-wrapper {margin-left:3em;} /* Copyright footer */ .copy { padding-right: 0; padding-left: 0; width: 100%; float: left; margin-top: 30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999; position: relative; color:#000000; background-color:#FC3; background-image: -webkit-linear-gradient(90deg, rgba(255,255,0,1) 0, rgba(255,175,2,1) 100%); background-image: -moz-linear-gradient(0deg, rgba(255,255,0,1) 0, rgba(255,175,2,1) 100%); background-image: linear-gradient(0deg, rgba(255,255,0,1) 0, rgba(255,175,2,1) 100%); background-position: 50% 50%; -webkit-background-origin: padding-box; background-origin: padding-box; -webkit-background-clip: border-box; background-clip: border-box; -webkit-background-size: auto auto; background-size: auto auto; } /* Footer */ footer { background-color: #000; padding-top: 15px; width: 100%; display: block; float: left; padding-bottom: 20px; } .Foot4 p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 2em; color: #FFF; text-align: center; } .Foot4 a, .Foot4 a:hover, .Foot4 a:active, .Foot4 a:visited {color: #ccc;font-weight: normal;} .Foot4 span {color:#F00;} .footimg{ height: 65px; width: 84px; background-image: url('../acatalog/icons.png'); background-position: 0px -432px; background-repeat: no-repeat; margin-right: auto; margin-left: auto; position: relative; } .Foot4{ width: 25%; float: left; position: relative; } .Foot4I { padding-left:5%; padding-right:5%; margin-bottom:5%; } .Foot4I h1{ font-size:16px; text-align:center; padding:0px; margin-bottom: .5em; } @media only screen and (max-width : 850px){ .Foot4 {width: 100%;} .Foot4I {padding-left:0%; padding-right:0%;} } /* End Footer */ .fragment-text {font-size:1.4em;} .fragment-text p, .fragment-text ul, .fragment-text ol {font-size:14px;} .google-maps { position: relative; padding-bottom: 50%; // This is the aspect ratio height: 0; overflow: hidden; } .google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .gsc-search-box-tools .gsc-search-box .gsc-input .gsc-input-box,.gsc-search-box-tools .gsc-search-box .gsc-input .gsc-input-box-focus { -webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px;} .gs-webResult {border: 1px solid #eee;padding: 2px;} .gsc-result-info {display: none;} .gcsc-branding {display: none;} .form .gsc-thumbnail {display: none;} .gs-title a { font-size: 14px; } .gs-snippet {font-size: 12px;} .gs-title b, .gs-snippet b {font-weight: normal;} .gsc-url-top, .gsc-url-bottom { display: none;} .icons2 { background-position:0px -0px; background-image: url('../acatalog/icons2.webp'); position: relative; width: 110px; height:75px; background-position:center 0px; margin-left:auto; margin-right:auto; margin-top: 1em; margin-bottom: 1em; background-repeat: no-repeat; } .icons2 a { float: left; display: block; position: relative; text-decoration:none; margin: 1px; width: 100%; height:100%; } .icons2:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; cursor:pointer; } .icons2xx { background-position:0px -0px; background-image: url('../acatalog/icons2.png'); position: absolute; width: 110px; height:72px; background-position:center 0px; background-repeat: no-repeat; top: -30px; right: -30px; z-index: 1000; } .icons2xx a { display: block; text-decoration:none; width: 100%; height:100%; } .icons2xx:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; cursor:pointer; } .iconsyy { background-position:0px -0px; background-image: url('../acatalog/icons.png'); position: absolute; width: 84px; height:72px; background-position:center 0px; background-repeat: no-repeat; top: 1%; right: 2%; z-index: 1000; } .imgsize{ width:100% !important; height:auto !important; text-decoration:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; float:none !important; margin-left:auto !important; margin-right:auto !important; margin-bottom: 0.0em !important; position:relative !important; } img {} img {max-width: 100%; vertical-align: middle;border: 0;-ms-interpolation-mode: bicubic;} .center {margin-left:auto; margin-right:auto; position:relative;} .content-area p { padding-bottom:0.5em; padding-top:0.5em; font-weight: normal; font-size: 12px; } /* Jumbo */ .jumbotron { padding-top: 1%; padding-right: 1%; padding-bottom: 20px; padding-left: 1%; position: relative; background-color: #333; *background-color: #333; background-image: -webkit-linear-gradient(90deg, #6b6868 0, #050505 100%); background-image: -moz-linear-gradient(0deg, #6b6868 0, #050505 100%); background-image: linear-gradient(0deg, #6b6868 0, #050505 100%); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; width: 95%; margin-top: 2%; margin-bottom: 2%; margin-left: auto; margin-right: auto; clear: both; } .jumbotron h1 { text-align: center; font-size: 30px; letter-spacing: -1px; line-height: 35px; color: #FC0; padding: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .jumbotron h1 span{color: #F00;} .jumbotron p { text-align: center; color: #FFF; line-height: normal; } .jumbotron .btn-primary.active, .jumbotron .btn-primary { background-color: #000; *background-color: #000; background-image: -webkit-linear-gradient(90deg, #6b6868 0, #050505 100%); background-image: -moz-linear-gradient(0deg, #6b6868 0, #050505 100%); background-image: linear-gradient(0deg, #6b6868 0, #050505 100%); } .jumbotron .btn-primary:hover, .jumbotron .btn-primary:active, .jumbotron .btn-primary.active { background-image: -webkit-linear-gradient(-90deg, #6b6868 0, #050505 100%); background-image: -moz-linear-gradient(180deg, #6b6868 0, #050505 100%); background-image: linear-gradient(180deg, #6b6868 0, #050505 100%); background-color: #6b6868; } @media (max-width:767px){ .jumbotron h1 { font-size:20px;} } /* End Jumbo */ #JumpPass { width:100%; background-color:#C6221A; cursor:pointer; color:#ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background-image: -webkit-linear-gradient(-145deg, rgba(255,48,25,1) 0, rgba(207,4,4,1) 100%); background-image: -moz-linear-gradient(235deg, rgba(255,48,25,1) 0, rgba(207,4,4,1) 100%); background-image: linear-gradient(235deg, rgba(255,48,25,1) 0, rgba(207,4,4,1) 100%); background-position: 47% 80%; -webkit-background-origin: padding-box; background-origin: padding-box; -webkit-background-clip: border-box; background-clip: border-box; -webkit-background-size: auto auto; background-size: auto auto; } .leadface { background-image: url('../acatalog/icons.png'); background-repeat: no-repeat; background-position: 0px -40px; width:70px; height:50px; margin-right: auto; margin-left: auto; padding-top: 25px; padding-left: 60px; margin-top: 1%; position: relative; clear: both; z-index: 200; } .leadfaceW { width:90px; margin-right: auto; margin-left: auto; margin-top: 10px; position: relative; } .leadphone { background-image: url('../acatalog/icons.webp'); font-size: 18px; line-height: 60px; color: #fff; background-repeat: no-repeat; background-position: 5px -258px; width:140px; margin-right: auto; margin-left: auto; padding-left:50px; margin-bottom: 1%; display: block; } .Leafx{ position: absolute; top: -20px; left: -30px; z-index: 1000000; width: 30%; height: auto; } .product-details h2, .product-details h3, .section-link-details h2, .section-link-details h3 {margin-bottom: 0.5em; margin-top: 0.3em; font-size:22px;} @media (max-width: 767px) {.product-details h2, .product-details h3, .section-link-details h2, .section-link-details h3 {font-size:18px;} } .product-info { font-weight:bold; float:right; clear: both; } .product-info a::after {content:'\00a0\25b8';} .product-name { font-weight:bold; clear: both; } .pull-left {float: left;padding: 10px;} .pull-right {float: right; text-align: right; margin-top:2em;} @media (max-width:767px) {.pull-right { display:none; }} .quantity-box{margin-bottom:2em; margin-left:3em;} .quick-search input[type="text"] { -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .quick-search { max-width:400px; } .section-link-details, .product-details, .std-product-details, .product-list .marketing-list-entry { margin-top: 0%; padding-top: 0%;} .selectOptions ul {margin-left: 1em;} .Review{ width:75px; height:78px; background-image:url(../acatalog/75BestSellers.jpg); background-repeat: no-repeat; background-position: center 0px; margint:0 0.7em; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; float: left; clear: both; margin-top: 0.8em; margin-right: 1em; margin-bottom: 0.2em; margin-left: 1em; } .Review a { display: block; text-decoration:none; width: 100%; height:100%; } .Review:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; cursor:pointer; } /* ========================================================================= Mobile Slick Nav ========================================================================== */ .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; } .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; } .slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; } .slicknav_menu .slicknav_no-text { margin: 0 } .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em } .slicknav_nav { clear: both } .slicknav_nav ul, .slicknav_nav li { display: block } .slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; } .slicknav_nav .slicknav_item { display: block; cursor: pointer; } .slicknav_nav a { display: block } .slicknav_nav .slicknav_item a { display: inline } .slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; } .slicknav_menu:after { clear: both } /* IE6/7 support */ .slicknav_menu { *zoom: 1 } .slicknav_menu { font-size:16px; } /* Button */ .slicknav_btn { text-decoration:none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #000; background-image:url('../acatalog/icons.webp'); background-repeat: no-repeat; background-position: 5px -317px; padding-left:25px; margin-top: 3px; margin-right: 5px; margin-bottom: 3px; margin-left: 25px; } /* Button Text */ .slicknav_menu .slicknav_menutxt { color: #FFF; font-weight: bold; text-shadow: 0 1px 3px #000; font-size: 13px; line-height:22px; } .slicknav_menutxt span{ color: #FFCC00; } /* Button Lines */ .slicknav_menu .slicknav_icon-bar { background-color: #f5f5f5; } .slicknav_menu { background-color:#000; padding:0px; } .slicknav_nav { color:#fff; margin:0; padding:0; font-size:0.875em; } .slicknav_nav, .slicknav_nav ul { list-style: none; overflow:hidden; } .slicknav_nav ul { padding:0; margin:0 0 0 20px; } .slicknav_nav .slicknav_item { padding:5px 10px; margin:2px 5px; } .slicknav_nav a{ padding:5px 10px; margin:2px 5px; text-decoration:none; color:#fff; } .slicknav_nav .slicknav_item a { padding:0; margin:0; } .slicknav_nav .slicknav_item:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background:#ccc; color:#fff; } .slicknav_nav a:hover{ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color:#222; background-color: #FC3; } .slicknav_nav .slicknav_txtnode { margin-left:15px; } .slicknav_menu { display:none; } #menu { display:none; } /* ========================================================================= End Slick Nav ========================================================================== */ /* Social*/ .social1 { position: relative; width: 200px; height:45px; float: left; } .social1 a { width: 40px; height:40px; float: left; display: block; position: relative; text-decoration:none; margin: 1px; } .social1 .twitter1:hover, .social1 .facebook1:hover,.social1 .linkedin1:hover, .social1 .google1:hover, .social1 .pinterest1:hover, .social1 .youtube1:hover, social1 .linkedin1:hover { margin-top:4px;} .social1 a, .social1 .twitter1:hover, .social1 .facebook1:hover,.social1 .linkedin1:hover, .social1 .google1:hover, .social1 .pinterest1:hover, .social1 .youtube1:hover, social1 .linkedin1:hover { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3 ease-in-out; -ms-transition: all 0.3s ease-in-out; } .social1 .twitter1 { background-position: right -122px; background-image: url(../acatalog/icons.webp); } .social1 .facebook1 { background-position: left -122px; background-image: url(../acatalog/icons.webp); } .social1 .linkedin1 { background-position: right -168px; background-image: url(../acatalog/icons.webp); } .social1 .google1 {background-position: left -168px;background-image: url('../acatalog/icons.png');} .social1 .pinterest1 {background-position: left -214px;background-image: url('../acatalog/icons.png');} .social1 .youtube1 { background-position: right -214px; background-image: url(../acatalog/icons.webp); } /*** Superfish mega menu ***/ .sf-menu { position: relative; margin: 0; padding: 0; list-style: none; float: left; width: 100%; top: 100%; z-index: 300; box-shadow: 2px 3px 6px rgba(0,0,0,.2); } .sf-menu > li { float: left; width:14.2857%; *background: #BE1705; background-color: #4f0101; background-image: -webkit-linear-gradient(90deg, #c10101 0, #4f0101 100%); background-image: -moz-linear-gradient(0deg, #c10101 0, #4f0101 100%); background-image: linear-gradient(0deg, #c10101 0, #4f0101 100%); } .sf-menu li:hover > .sf-mega,.sf-menu li.sfHover > .sf-mega {display: block;} .sf-menu > li > a { display: block; position: relative; border-left: 1px solid #fff; border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */ border-top: 1px solid rgba(255,255,255,.5); padding: 1em .5em; text-decoration: none; zoom: 1; /* IE7 */ color: #FFF; text-align:center; } .sf-menu > li:hover, .sf-menu > li.sfHover { background-color: #c10101; background-image: -webkit-linear-gradient(-90deg, #c10101 0, #4f0101 100%); background-image: -moz-linear-gradient(180deg, #c10101 0, #4f0101 100%); background-image: linear-gradient(180deg, #c10101 0, #4f0101 100%); } /*** mega menu dropdown ***/ .sf-mega { position: absolute; display: none; top: 100%; z-index: 300; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border: none; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -o-text-overflow: ellipsis; text-overflow: ellipsis; background: rgba(173,10,10,1); -webkit-box-shadow: 0 0 69px 20px rgba(104,1,1,0.91) inset; box-shadow: 0 0 69px 20px rgba(104,1,1,0.91) inset; width:610px; float:left; left: 2em; color:#F5F5F5; padding-top: 1em; padding-right: 0.5em; padding-bottom: 0.5em; padding-left: 1.5em; } .sf-mega-section h1 { margin: .5em 0; color: #FC0; font-size:16px; } .sf-mega p, .sf-mega ul{ font-size: 14px; color: #ffffff; line-height: 2em; } .sf-mega ul { list-style-type: auto; margin: 0; padding-left: 1em; } .sf-mega li {margin-left: 0;} .sf-mega li a{color:#fff;} .sf-mega li a:hover {color:#CCC} .sf-mega-section { float: left; width: 175px; margin-right: .5em; padding-top: 0; padding-right: .5em; padding-bottom: .5em; padding-left: 0; } @media only screen and (max-width : 480px) { /* Smartphone view: */ .sf-menu {display:none;} } @media only screen and (max-width : 650px) { /* Tablet view: */ .sf-menu {display:none;} .js #menu {display:none;} .js .slicknav_menu {display:block;} } @media only screen and (max-width : 767px) and (min-width : 481px) { .sf-mega {display:none !important;} } /* Slide Show */ .swrap { overflow: hidden; margin: 5px; } .sbox { float: left; position: relative; width: 33.333333%; padding-bottom: 33.333333%; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1 ease-in-out; -ms-transition: all 1s ease-in-out; } .sboxI { position: absolute; left: 5px; right: 5px; top: 5px; bottom: 5px; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .sboxI img { width:100%; height:auto; text-decoration: none; } body.no-touch .sboxI:hover .titleBox, body.touch .sboxI.touchFocus .titleBox { margin-bottom: 0; } @media only screen and (max-width : 480px) { /* Smartphone view: 1 tile */ .sbox { width: 100%; padding-bottom: 100%; } } @media only screen and (max-width : 650px) and (min-width : 481px) { /* Tablet view: 2 tiles */ .sbox { width: 50%; padding-bottom: 50%; } } @media only screen and (max-width : 1050px) and (min-width : 651px) { /* Small desktop / ipad view: 3 tiles */ .sbox { width: 33.3%; padding-bottom: 33.3%; } } @media only screen and (max-width : 1290px) and (min-width : 1051px) { /* Medium desktop: 4 tiles */ .sbox { width: 25%; padding-bottom: 25%; } } /* End Slide Show */ /*** End Luap Yeldir superfish ***/ /* End Custom by PGR */ /* The Design Styles for Nicola's 2nd Responsive Design */ body { width:99.7%; margin:0 !important; padding:0 !important; color:#666666; } h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#000; } a h1:hover, a h2:hover, a h3:hover, a h4:hover, a h5:hover, a h6:hover {color:#fe534c;} a {color:#de0c1c;} a:hover {color:#fe534c;} a:hover { text-decoration: none !important;} a:visited {color:#de0c1c;} a:active {color:#de0c1c;} a img {border:none;} #wrapper {width:100%;} .subHeader, .header-area, .footer-area { width:100%; margin:0; padding:0; } .subHeader { background-color: #050505; *background-color: #050505; background-image: -webkit-linear-gradient(90deg, #6b6868 0, #050505 100%); background-image: -moz-linear-gradient(0deg, #6b6868 0, #050505 100%); background-image: linear-gradient(0deg, #6b6868 0, #050505 100%); position: relative; float: left; padding-top: 1em; padding-right: 0; padding-bottom: 0; padding-left: 0; border-top-width: 1px; border-top-style: solid; border-top-color: #CCC; } .subHeader .housekeeping, .header-area .headerContent, .deepFooter, .miniFooter { display:block; width:90%; margin:0 auto; } .subHeader ol { float:right; text-align:right; } .subHeader ol li { display:inline; margin-right:1em; position:relative; top:-0.5em; } .subHeader ol li, .subHeader ol li a { color:#ffffff; text-transform:uppercase; line-height: 2.0em; } .subHeader ol li img { width:22px; height:22px; margin:0 0.5em; top:0.1em; } .subHeader ol li img.shoppingCart { width:auto; height:auto; margin-right:1em; top:0.5em; } .subHeader ol li div.itemNumber { display:inline-block; width:1em; height:1em; padding:0.5em; font-size:0.8em; line-height:0.9em; text-align:center; background:#f31b2b; border:2px solid #ffffff; border-radius:100%; position:absolute; bottom:0.5em; left:2.5em; top: -5px; } .topContactInfoDesktop { width:98.3% !important; margin:0 !important; padding:0; background:#feac01; } .topContactInfoDesktop p, .topContactInfoDesktop p a {color:#ffffff;} .header-area { border:1px solid #ffffff; background-color: #050505; } .header-area .header-element { float:right; margin:2em 0 1em; } .header-area ol { line-height:1.2em; border-right:1px solid #feac01; } .header-area ol li { border-left:1px solid #feac01; } .header-area ol li a { text-decoration:none; } .header-area ol li a:hover { text-decoration:underline; } .quick-search { float:right; clear:right; width:70em; margin:0; padding:0; background-color: #000; } .quick-search form { width:100%; position:relative; } .quick-search input[type="text"] { width:99%; height:3em; font-style:italic; border:1px solid #d0d0d0 } .quick-search form span.quick-search-button-wrapper { margin:0; padding:0; position:absolute; top:1.3em; right:-0.8em; } .quick-search form span.quick-search-button-wrapper, .quick-search input[type="submit"], .quick-search input[type="submit"]:hover { width:35px; height:35px; } .quick-search input[type="submit"], .quick-search input[type="submit"]:hover { background:url('../acatalog/search-icon.png'); border:none; text-align:left; text-indent:-9999px; } .quick-search .sf_suggestion { margin-top:2.4em; } .social-badges {clear:both;} .navigation-bar, .CheckoutProgress p { float:left; width:100%; border:1px solid #cccccc; box-shadow:inset 0px 0px 0px 1px #ffffff; background: #efefef; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmRmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #efefef 0%, #dddddd 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #efefef 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #efefef 0%,#dddddd 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #efefef 0%,#dddddd 100%); /* IE10+ */ background:linear-gradient(to bottom, #efefef 0%,#dddddd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dddddd',GradientType=0 ); /* IE6-8 */ } .nav { display:block; width:90%; margin:0 auto; max-width:1103px; margin-top: 0; clear: both; padding: 0px; width:90.5%; } #mega-menu ul, #brochure-menu ul, #brochure-menu ol { border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #FFF; border-left-color: #FFF; width:100%; } #mega-menu ul li, #mega-menu ul li:hover, #brochure-menu li, #brochure-menu li:hover { box-shadow:inset 0px 0px 0px 1px #ffffff; width 12.5%; text-decoration:none; } #mega-menu ul li:hover, #brochure-menu li:hover, .CheckoutProgress p.cpi-active { background: #de0c1c; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyYTQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0Mjg0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #f31b2b 0%, #de0c1c 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#52a400), color-stop(100%,#f31b2b)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #f31b2b 0%,#de0c1c 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #f31b2b 0%,#de0c1c 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #f31b2b 0%,#de0c1c 100%); /* IE10+ */ background:linear-gradient(to bottom, #f31b2b 0%,#de0c1c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f31b2b', endColorstr='#de0c1c',GradientType=0 ); /* IE6-8 */ } #mega-menu ul li:hover a, #mega-menu ul li:hover a:hover, #brochure-menu li:hover a, #brochure-menu li:hover a:hover { color:#ffffff; text-decoration:none; } #mega-menu ul li ul, #brochure-menu li ul, #brochure-menu li ol { float:left; clear:none; width:8.9em; } #mega-menu ul li ul li, #mega-menu ul li ul li:hover, #brochure-menu li li, #brochure-menu li li:hover { border:none; background-color: #EF101E; filter:none; color: #FFF; text-decoration: none; padding-right: 0; padding-bottom: 0.5em; padding-left: 0; padding-top: 0.5em; } #mega-menu ul li ul li, #brochure-menu li li,#mega-menu ul li ul li a, { text-decoration:none; } #mega-menu ul li ul li:hover, #brochure-menu li li:hover { color: #FFF; text-decoration: none; background-color: #EF101E; } #mega-menu ul li div div, #brochure-menu li div div{ padding:0 0;} #mega-menu ul li div, #brochure-menu li div {background:none;} #mega-menu ul li:hover ul li a, #mega-menu ul li:hover ul li a:hover, #brochure-menu li:hover li a, #brochure-menu li:hover li a:hover {color:#FFF; text-decoration:none;} #mega-menu ul li, #mega-menu ul li:hover, #brochure-menu li, #brochure-menu li:hover {cursor:default;} #mega-menu ul li ul li a, #mega-menu ul li:hover ul li a, #brochure-menu li li a, #brochure-menu li:hover li a { width:8em; min-height:2.3em; margin:0; padding-left:0.5em; padding-top: 0.1em; padding-right: 0.1em; padding-bottom: 0.1em; text-align:center;color:#ffffff;} #mega-menu ul li:hover ul li:hover a, #brochure-menu li:hover li:hover a { text-decoration:none;} #idBreadcrumbsTop, #idBreadcrumbsBottom { float:left; margin:1em 0; } .bulk-area { float:none; clear:both; display:block; width:89.7%; max-width:1100px; margin:0 auto; padding-bottom:1%; overflow:hidden; border-left:1px solid #dddddd; border-right:1px solid #dddddd; box-shadow:0 0 10px 6px #f4f4f4; } #left-sidebar, #right-sidebar { padding-top:0; } #left-sidebar h1, #right-sidebar h1, #left-sidebar h2, #right-sidebar h2, #left-sidebar h3, #right-sidebar h3, .productFiltersTitle h2 { width:100%; margin:0; padding:0; font-size:2em; line-height:2.3em; text-align:center; color:#000000; background-color:#FC3; background-image: -webkit-linear-gradient(90deg, rgba(255,255,0,1) 0, rgba(255,175,2,1) 100%); background-image: -moz-linear-gradient(0deg, rgba(255,255,0,1) 0, rgba(255,175,2,1) 100%); background-image: linear-gradient(0deg, rgba(255,255,0,1) 0, rgba(255,175,2,1) 100%); background-position: 50% 50%; -webkit-background-origin: padding-box; background-origin: padding-box; -webkit-background-clip: border-box; background-clip: border-box; -webkit-background-size: auto auto; background-size: auto auto; } .sidebar-filter-element, .sidebar-element, .productFiltersLeft .sidebar-filter-element form, { } .productFiltersTitle .sidebar-filter-element form { font-size:0.6em !important; background:#ffffff; border:1px solid #dddddd; } .sidebar, .side-menu { width:99%; overflow: } .sidebar-filter-element, .sidebar-element { width:94%; margin:0 3% 1em; border:1px solid #dddddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .sidebar-element .side-menu { float:left; } .sidebar-filter-element form, .sidebar-element .page-list p { float:left; clear:both; width:100%; margin:0; padding:0; } .sidebar-filter-element form {width:100% !important; margin-bottom:1em;} .sidebar-element .page-list p, .bestSellersHomepage h1, .bestSellersHomepage h2, .newProductsHomepage h1, .newProductsHomepage h2 { width:89%; padding:4% 6%; border-bottom:1px solid #dddddd; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */ background:linear-gradient(to bottom, #ffffff 0%,#efefef 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-8 */ } .sidebar-element .page-list p:last-child { border-bottom:none;} .sidebar-element .page-list p:hover { background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #efefef 0%, #ffffff 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #efefef 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #efefef 0%,#ffffff 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #efefef 0%,#ffffff 100%); /* IE10+ */ background:linear-gradient(to bottom, #efefef 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ } #left-sidebar .marketing-list-entry, #right-sidebar .marketing-list-entry { padding-bottom:2em; box-shadow:0px 7px 10px -8px #000000; } .product-description p{ font-weight: normal; font-size: 12px; line-height: 1.7em; } #left-sidebar .marketing-list-entry:last-child, #right-sidebar .marketing-list-entry:last-child { box-shadow:none; } #left-sidebar .marketing-list-entry p, #right-sidebar .marketing-list-entry p, #left-sidebar .marketing-list-entry .product-price, #right-sidebar .marketing-list-entry .product-price { font-weight: bold; } #left-sidebar .marketing-list-entry h3, #right-sidebar .marketing-list-entry h3 { background:none; } #left-sidebar .marketing-list-entry a h3, #left-sidebar .marketing-list-entry h3 a, #right-sidebar .marketing-list-entry a h3, #right-sidebar .marketing-list-entry h3 a { font-size:1.4em; font-weight:bold; text-align:left; color:#de0c1c; } #left-sidebar .marketing-list-entry a:hover h3, #left-sidebar .marketing-list-entry h3 a:hover, #right-sidebar .marketing-list-entry a:hover h3, #right-sidebar .marketing-list-entry h3 a:hover { color:#fe534c; } #left-sidebar .product-image img, #right-sidebar .product-image img { padding:2%; } #left-sidebar .product-image img:hover, #right-sidebar .product-image img:hover { border:none; } #left-sidebar .marketing-list-entry .product-price, #right-sidebar .marketing-list-entry .product-price { color:#000; } #left-sidebar .marketing-list-entry p.product-price, #right-sidebar .marketing-list-entry p.product-price, #left-sidebar .marketing-list-entry p.product-text, #right-sidebar .marketing-list-entry p.product-text { font-size:1.2em; } #left-sidebar .marketing-list-entry p.product-text, #right-sidebar .marketing-list-entry p.product-text { font-weight:normal; } .content-area .fragment-list .fullWidthSection { padding:1em; border:1px solid #dddddd; margin-left:.6em; margin-left:0.6em; overflow: hidden; } .bestSellersHomepage h1, .bestSellersHomepage h2, .newProductsHomepage h1, .newProductsHomepage h2 { width:98%; font-size:2em; line-height:2.3em; border:1px solid #dddddd; box-shadow:inset 0px 0px 0px 1px #ffffff; margin-right: 1%; margin-left: 1%; padding-top: 0; padding-right: 0.5em; padding-bottom: 0; padding-left: 0.5em; } .bestSellersMarketingListEntry, .newProductsMarketingListEntry { position:relative; border:1px solid #dddddd; } .bestp, .newp { font-size:12px; } .bestSellersMarketingListEntry .bestSellerImage, .newProductsMarketingListEntry .newProductImage { width:100%; height:auto; margin-right:auto; margin-left:auto; max-width:300px; } .bestSellersMarketingListEntry .bestSellerImage img, .newProductsMarketingListEntry .newProductImage img { width:92%; height:auto; padding: 4%; } .bestSellersMarketingListEntry span.product-price, .newProductsMarketingListEntry span.product-price { margin:0; padding:0.2em 0.5em; position:absolute; top:25%; right:-0.7em; color:#ffffff; background:#f31b2b; text-align:right; font-weight:bold; line-height:1.9em; } .bestSellersMarketingListEntry span.product-price:empty, .newProductsMarketingListEntry span.product-price:empty { background:none; } .bestSellersMarketingListEntry span.product-price:after, .newProductsMarketingListEntry span.product-price:after, .bestSellersMarketingListEntry span.product-price:before, .newProductsMarketingListEntry span.product-price:before { right:100%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; } .bestSellersMarketingListEntry span.product-price:after, .newProductsMarketingListEntry span.product-price:after { border-color: rgba(82, 164, 0, 0); border-right-color:#f31b2b; border-width:0; margin-top:4px; } .bestSellersMarketingListEntry span.product-price:before, .newProductsMarketingListEntry span.product-price:before { border-color: rgba(82, 164, 0, 0); border-right-color:#f31b2b; border-width:1.22em; margin-top:-1.22em; } .bestSellersMarketingListEntry span.product-price:after, .newProductsMarketingListEntry span.product-price:after { content:''; position: absolute; top:1.9em; right:0; height:0; width:0; border-top:10px solid black; border-right:10px solid transparent; } .bestSellersMarketingListEntry span.product-price:empty:after, .newProductsMarketingListEntry span.product-price:empty:after, .bestSellersMarketingListEntry span.product-price:empty:before, .newProductsMarketingListEntry span.product-price:empty:before { border:none; background:none; } .recent-products { margin-top:2em !important; border:1px solid #dddddd; } .recenththeader h2 { font-size:2.2em !important; color:#feac01; } div.recenththeader input.recenthtbuttonright, div.recenththeader input.recenthtbuttonleft { font-weight:normal; text-transform:none; color:#de0c1c; background:none; border:none; cursor:pointer; } div#recenthtitem { padding:1em 0; border:1px dotted #dddddd; } div#recenthtitem a, div#recenthtitem a p { color:#de0c1c; } div#recenthtitem a:hover, div#recenthtitem a:hover p, div#recenthtitem a p:hover, div#recenthtitem a:hover p:hover { color:#fe534c; } .content-area .marketing-list-entry {border:1px solid #dddddd;} .form.login, form.contactUsForm fieldset { background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2MSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWZlZmVmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background:-moz-linear-gradient(top, #ffffff 61%, #efefef 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(61%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #ffffff 61%,#efefef 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #ffffff 61%,#efefef 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #ffffff 61%,#efefef 100%); /* IE10+ */ background:linear-gradient(to bottom, #ffffff 61%,#efefef 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-8 */ background-repeat:no-repeat; background-position:99% 97%; border:1px solid #dddddd; border-radius:5px; } .product-details, .section-link-details, #product-page-body form, #SearchResults, .std-product-details, .product-list .marketing-list-entry{ } .actxxsmall {font-style:italic;} fieldset.quantity-box input[type="number"] { height:1.6em; margin-top:0.7em; -moz-appearance:textfield; } fieldset.quantity-box input[type="number"]::inner-spin-button, fieldset.quantity-box input[type="number"]::outer-spin-button { -webkit-appearance:none; margin:0; } #product-page-body fieldset.quantity-box input[type="number"], .compactProductLayout fieldset.quantity-box input[type="number"], .imageOnLeftTextWrappedAround fieldset.quantity-box input[type="number"], .imageOnRightTextWrappedAround fieldset.quantity-box input[type="number"], .completeNewProductsItem fieldset.quantity-box input[type="number"] { height:1.2em; } fieldset.quantity-box span.quantityButton { display:block; float:left; width:2em; height:1.3em; font-size:2em; font-weight:bold; color:#ffffff; text-align:center; border-radius:3px; margin-top: 0.45em; margin-right: 0.5em; margin-bottom: 0.3em; margin-left: 0.5em; padding-top: 0.1em; padding-right: 0; padding-bottom: 0; padding-left: 0; } fieldset.quantity-box span.dec { background:#c4c4c4; } fieldset.quantity-box span.inc { background:#feac01; } fieldset.quantity-box span.quantityButton:hover {cursor:pointer; background:#fe534c;} span[id^="EnableIfStockOk"] { background:url("in-stock.png"); } span[id^="EnableIfOutOfStock"] { background:url("out-stock.png"); } span[id^="EnableIfStockOk"], span[id^="EnableIfOutOfStock"] { background-repeat:no-repeat; background-position:0 100%; padding-left:1.5em; } input[type="submit"], input[type="submit"]:hover, input[type="button"], input[type="button"]:hover, .cart-button-wrapper input[type="submit"], .cart-button-wrapper input[type="submit"]:hover, form.completeNewProductsItem input.cart-button, form.completeNewProductsItem input.cart-button:hover, #idRegistered form input[type="button"], #idRegistered form input[type="button"]:hover { width:12em; height:3.5em; margin:0; padding:0 1em 0 0; color:#ffffff; font-size:1em; font-weight:bold; text-align:right; text-transform:uppercase; border-radius:5px; box-shadow:inset 0 0 0 1px #ffffff; border:2px solid #de0c1c; background: #de0c1c; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyYTQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0Mjg0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('../acatalog/cart-icon.png') , -moz-linear-gradient(top, #f31b2b 0%, #de0c1c 100%); /* FF3.6+ */ background:url('../acatalog/cart-icon.png') , -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f31b2b), color-stop(100%,#de0c1c)); /* Chrome,Safari4+ */ background:url('../acatalog/cart-icon.png') , -webkit-linear-gradient(top, #f31b2b 0%,#de0c1c 100%); /* Chrome10+,Safari5.1+ */ background:url('../acatalog/cart-icon.png') , -o-linear-gradient(top, #f31b2b 0%,#de0c1c 100%); /* Opera 11.10+ */ background:url('../acatalog/cart-icon.png') , -ms-linear-gradient(top, #f31b2b 0%,#de0c1c 100%); /* IE10+ */ background:url('../acatalog/cart-icon.png') , linear-gradient(to bottom, #f31b2b 0%,#de0c1c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f31b2b', endColorstr='#de0c1c',GradientType=0 ); /* IE6-8 */ background-repeat:no-repeat; background-position:3%; } .cart-button-wrapper input[type="submit"]:hover, form.completeNewProductsItem input.cart-button:hover { cursor:pointer; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyYTQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0Mjg0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:url('../acatalog/cart-icon.png') , -moz-linear-gradient(top, #de0c1c 0%, #f31b2b 100%); /* FF3.6+ */ background:url('../acatalog/cart-icon.png') , -webkit-gradient(linear, left top, left bottom, color-stop(0%,#de0c1c), color-stop(100%,#f31b2b)); /* Chrome,Safari4+ */ background:url('../acatalog/cart-icon.png') , -webkit-linear-gradient(top, #de0c1c 0%,#f31b2b 100%); /* Chrome10+,Safari5.1+ */ background:url('../acatalog/cart-icon.png') , -o-linear-gradient(top, #de0c1c 0%,#f31b2b 100%); /* Opera 11.10+ */ background:url('../acatalog/cart-icon.png') , -ms-linear-gradient(top, #de0c1c 0%,#f31b2b 100%); /* IE10+ */ background:url('../acatalog/cart-icon.png') , linear-gradient(to bottom, #de0c1c 0%,#f31b2b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de0c1c', endColorstr='#f31b2b',GradientType=0 ); /* IE6-8 */ background-repeat:no-repeat; background-position:3%; } input[type="submit"], input[type="submit"]:hover, input[type="button"], input[type="button"]:hover, input.login, input.forgotpassword, .searchResults input[type="submit"], .contactRows input[type="submit"], #idCheckoutForm input[type="submit"], .filter-by input[type="submit"], .filter-list input[type="submit"], .receipt input[type="submit"], #idLOOKUPORDERSFORM fieldset input[type=submit], #idRegistered form input[type="button"], #idRegistered form input[type="submit"], input.login:hover, input.forgotpassword:hover, .searchResults input[type="submit"]:hover, .contactRows input[type="submit"]:hover, #idCheckoutForm input[type="submit"]:hover, .filter-by input[type="submit"]:hover, .filter-list input[type="submit"]:hover, .receipt input[type="submit"]:hover, #idLOOKUPORDERSFORM fieldset input[type=submit]:hover, #idRegistered form input[type="button"]:hover, #idRegistered form input[type="submit"]:hover, .info-box input[type="submit"], .info-box input[type="submit"]:hover { width:auto; margin:1em 0; padding:0 1em; font-size:1.4em; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyYTQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0Mjg0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #f31b2b 0%, #de0c1c 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f31b2b), color-stop(100%,#de0c1c)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #f31b2b 0%,#de0c1c 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #f31b2b 0%,#de0c1c 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #f31b2b 0%,#de0c1c 100%); /* IE10+ */ background:linear-gradient(to bottom, #f31b2b 0%,#de0c1c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f31b2b', endColorstr='#de0c1c',GradientType=0 ); /* IE6-8 */ } .receipt input[type="submit"], .receipt input[type="submit"]:hover {margin:2em;} input[type="submit"]:hover, input[type="button"]:hover, input.login:hover, input.forgotpassword:hover, .searchResults input[type="submit"]:hover, .contactRows input[type="submit"]:hover, #idCheckoutForm input[type="submit"]:hover, .filter-by input[type="submit"]:hover, .filter-list input[type="submit"]:hover, .receipt input[type="submit"]:hover, #idLOOKUPORDERSFORM fieldset input[type=submit]:hover, #idRegistered form input[type="button"]:hover, .info-box input[type="submit"]:hover { cursor:pointer; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyYTQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0Mjg0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #de0c1c 0%, #de0c1c 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#de0c1c), color-stop(100%,#f31b2b)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #de0c1c 0%,#f31b2b 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #de0c1c 0%,#f31b2b 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #de0c1c 0%,#f31b2b 100%); /* IE10+ */ background:linear-gradient(to bottom, #de0c1c 0%,#f31b2b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de0c1c', endColorstr='#f31b2b',GradientType=0 ); /* IE6-8 */ } .info-box input[type="submit"] {font-size:1em;} .singleAddToCart input[type="submit"] { width:20em !important; height:4em !important; } #idRegistered .cart form fieldset {width:100%;} #idRegistered label, #idRegistered input[type="password"], #idBUYERFORM label, #idBUYERFORM input[type="text"], #idBUYERFORM input[type="tel"], #idADDRESSFORM label, #idADDRESSFORM input[type="text"], #idADDRESSFORM input[type="tel"] {width:95%;} #idADDRESSFORM select {width:98%;} #idRegistered input[type="button"] {clear:both !important; margin-right:1em !important;} .content-area form#idPASSWORDFORM fieldset input[type="button"], form#idPASSWORDFORM fieldset input[type="submit"] { clear:none; } form div input.cart-button, form div input.cart-button:hover {width:19em; height:4.5em;} .productDiscount {font-weight:bold; color:#de0c1c;} .content-area form .sf_suggestion {left:9.5em !important;} .searchResults input[type="submit"] {float:left !important; clear:both !important;} .filter-by input[type="submit"], .filter-by input[type="submit"]:hover, .filter-list input[type="submit"], .filter-list input[type="submit"]:hover {margin-left:1em; font-size:0.4em;} .sort_by { width:98%; margin-bottom:1em; padding:0 1%; background:#feac01; } .sort_by select {border:1px solid #dddddd;} .CheckoutProgress { display:-webkit-flex; display:flex; -webkit-flex-flow:row wrap; flex-flow:row wrap; } .CheckoutProgress p { padding:1em 0; text-align:center; -webkit-flex:1 0 23%; -moz-flex:1 0 23%; flex:1 0 23%; /* Start of IE Flex box */ -ms-flex-grow:1; -ms-flex-shrink:0; -ms-flex-basis:23%; /* End of IE Flex box */ color:#de0c1c; } .CheckoutProgress p.cpi-active {color:#ffffff;} .CheckoutProgress p span {display:block; margin-bottom:0.5em; font-size:1.6em;} table.checkout-cart th {border-top:1px solid #feac01; border-bottom:1px solid #feac01;} .cart, .checkout-cartheading{border-bottom:1px solid #feac01;} .checkoutCustomers fieldset, #idBothAddressesTable {border:1px solid #dddddd;} .checkoutCustomers fieldset label, .checkoutCustomers fieldset p {margin: 0 1em;} .checkoutCustomers fieldset label:first-child {width:96%;} .checkoutCustomers fieldset label:first-child, #idInvoiceHeader, #idDeliverHeader { margin:0; padding:2%; color:#ffffff; background:#feac01; } #idInvoiceHeader, #idDeliverHeader {margin-left:1em;} .checkoutCustomers fieldset .customerTickBox label {color:#666666; background:none;} .checkout {border:1px solid #dddddd;} .checkout h2 { margin:0; padding:0 2%; font-size:2em; line-height:2.3em; color:#ffffff; background:#feac01; } #idCheckoutForm span.actrequired {float:left;} input.checkout-change-button {font-size:1em !important;} #terms-body p strong {display:block;} .footer-area {float:left; background:#333333;} .footer-area h3, .footer-area h4, .footer-area p, .footer-area a, .footer-area ul, .footer-area ol, .footer-area span {color:#ffffff;} .deepFooter, .miniFooter { background:none; color:#ffffff; } .deepFooter ul, .deepFooter ol {list-style:none;} .deepFooter ul li::before, .deepFooter ol li::before {content:"ยป "} @media screen and (max-width:1135px){ .quick-search {width:60em;} } @media screen and (max-width:1061px){ table.checkout th {border:none;} .content-area form table.checkout tr.checkoutMobileTR, .content-area form table.checkout-cart tr.checkoutMobileTR {background:#eeeeee;} } @media screen and (max-width:1060px){ .topContactInfoDesktop {margin-top:-0.5em !important;} } @media screen and (max-width:1024px){ .quick-search {width:50em;} } @media screen and (max-width:912px){ .quick-search {width:37em;} } @media screen and (max-width:892px){ body {width:99.5%;} } @media screen and (max-width:495px), (min-width:801px) and (max-width:866px){ .content-area form .sf_suggestion {top:7.5em !important; left:-0.1em !important;} } @media screen and (max-width:818px){ .subHeader ol {width:100%;} } @media screen and (max-width:800px){ div[class^="contactInfoTopCol"] div.contactInfoClick {margin-right:0.5em; background:#feac01;} .sidebar-element .marketing-list {margin:0; padding:0;} .navigation-bar { filter:none; background:none; border:none; box-shadow:none; } .navigation-bar .miniNav {width:100%;} .miniNav > p { float:left; width:90%; margin:0; padding:0 5%; font-size:1.6em; line-height:3em; font-weight:bold; color:#feac01; text-transform:uppercase; border:1px solid #cccccc; box-shadow:inset 0px 0px 0px 1px #ffffff; background: #efefef; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmRmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #efefef 0%, #dddddd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #efefef 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #efefef 0%,#dddddd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #efefef 0%,#dddddd 100%); /* IE10+ */ background: linear-gradient(to bottom, #efefef 0%,#dddddd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dddddd',GradientType=0 ); /* IE6-8 */ } .miniNav > p > a { float:right !important; width:1em; margin:0 !important; font-size:2em; text-align:center; } .miniNav > p > a:hover {text-decoration:none;} .miniNav p div {font-size:0.9em;} .miniNav .marketing-list, .miniNav .sidebar-element { border-radius:0; background:#ffffff; } .miniNav h2, .miniNav h3 {display:none;} .miniNav .marketing-list { display:-webkit-flex; display:flex; -webkit-flex-flow:row wrap; flex-flow:row wrap; } .miniNav .marketing-list-entry { margin:0.5em; -webkit-flex:1 0 30%; flex:1 0 30%; /* Start of IE Flex box */ -ms-flex-grow:1; -ms-flex-shrink:0; -ms-flex-basis:30%; width:30%; /* End of IE Flex box */ border:1px dotted #feac01; } .nav {width:100%;} #mega-menu ul, #brochure-menu ul { float:none; width:90%; margin:0 auto; border:1px solid #dddddd; overflow:hidden; } #mega-menu ul li, #brochure-menu ul li, #mega-menu ul li:hover, #brochure-menu ul li:hover { border:none; width:100% !important; margin:0; padding:0; border-bottom:1px dotted #dddddd; } #mega-menu ul li:last-child, #brochure-menu ul li:last-child {border-bottom:none;} #mega-menu ul li a, #brochure-menu ul li a, #mega-menu ul li a:hover, #brochure-menu ul li a:hover {width:96%; margin:0; padding:2%;} #mega-menu ul li div, #brochure-menu ul li div {float:left; width:99.7% !important;} #mega-menu ul li div ul li, #mega-menu ul li div ul li:hover, #brochure-menu ul li div ul li, #brochure-menu ul li div ul li:hover {border-bottom:none;} #mega-menu ul li div ul li:hover a, #mega-menu ul li div ul li:hover a:hover, #brochure-menu ul li div ul li:hover a, #brochure-menu ul li div ul li:hover a:hover {color:#fe534c;} #left-sidebar .marketing-list-entry:last-child, #right-sidebar .marketing-list-entry:last-child {box-shadow:0px 7px 10px -8px #000000;} form.login { float:none; display:block; width:90%; margin:0 auto; } div.sidebar-filter-element { float:none; width:90%; margin:0 auto; padding:1em 0; overflow:hidden; border-radius:0; } .filter-list h4 a { width:4em; font-size:0.6em; } } @media screen and (max-width:768px){ .quick-search {width:27em;} } @media screen and (max-width:732px){ .subHeader ol {width:94%;} .subHeader ol li:first-child {float:left;} .subHeader ol li span {display:none;} .subHeader ol li img {width:auto; height:auto; top:0.5em;} } @media screen and (max-width:717px){ body {width:99.4%;} } @media screen and (max-width:685px){ .header-area div.logo, .header-area div.logo span {width:100%;} .header-area .logo img { float:none; display:block; width:auto; margin:0 auto; } .header-area ol {display:none;} .quick-search { float:none; display:block; margin:0 auto; width:44em; } } @media screen and (max-width:600px){ body {width:99.3%;} } @media screen and (max-width:593px){ .housekeeping {width:100% !important;} } @media screen and (max-width:517px){ body {width:99.2%;} } @media screen and (max-width:514px){ .quick-search {width:34em;} } @media screen and (max-width:500px){ .logo {width:100%;} } @media screen and (min-width:462px) and (max-width:481px) { form.regularProductSummary span[id^="RemoveIfOutOfStock"], form.compactProductLayout span[id^="RemoveIfOutOfStock"] {left:0;} } @media screen and (max-width:481px) { form.regularProductSummary fieldset, form.classicProductLayout fieldset, form.compactProductLayout fieldset, form.imageOnLeftTextWrappedAround fieldset, form.imageOnRightTextWrappedAround fieldset, form.listStyleProductLayout fieldset {width:100%;} form.completeBestSellerLayout fieldset, form.completeNewProductsItem fieldset {width:100% !important;} form.compactProductLayout .cart-button-placement {margin-right:1em;} form.compactProductLayout fieldset.quantity-box a.dec {clear:both;} } @media screen and (max-width:454px){ body {width:99.1%;} } @media screen and (max-width:440px){ .header-area .logo {float:left; margin:0;} .header-area .header-element {position:relative;} } @media screen and (max-width:430px){ .bestSellersMarketingListEntry, .newProductsMarketingListEntry { -webkit-flex:0 0 94%; -moz-flex:0 0 94%; flex:0 0 94%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:94%; width:94%; /* End of IE Flex box */ } .IeOnly .bestSellersMarketingListEntry, .IeOnly .newProductsMarketingListEntry, .androidOnly .bestSellersMarketingListEntry, .androidOnly .newProductsMarketingListEntry {width:94% !important;} } @media screen and (max-width:420px){ .quick-search {width:26em;} } @media screen and (max-width:405px){ body {width:98.9%;} } @media screen and (max-width:371px){ .subHeader .housekeeping, .header-area .header-element, .header-area .header-element .housekeeping {width:100%;} } @media screen and (max-width:360px){ .subHeader ol li {margin-right:0;} .quick-search {width:77%;} } @media screen and (max-width:430px){ .bestSellersMarketingListEntry, .newProductsMarketingListEntry { -webkit-flex:0 0 94%; -moz-flex:0 0 94%; flex:0 0 94%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:94%; width:94%; /* End of IE Flex box */ } .IeOnly .bestSellersMarketingListEntry, .IeOnly .newProductsMarketingListEntry, .androidOnly .bestSellersMarketingListEntry, .androidOnly .newProductsMarketingListEntry {width:94% !important;} } @media screen and (min-width:431px) and (max-width:768px){ .bestSellersMarketingListEntry, .newProductsMarketingListEntry { -webkit-flex:0 0 45%; -moz-flex:0 0 45%; flex:0 0 45%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:45%; width:45%; /* End of IE Flex box */ } .IeOnly .bestSellersMarketingListEntry, .IeOnly .newProductsMarketingListEntry, .androidOnly .bestSellersMarketingListEntry, .androidOnly .newProductsMarketingListEntry {width:47% !important;} } /*Border Radius*/ .bestSellersHomepage h1, .bestSellersHomepage h2, .newProductsHomepage h1, .newProductsHomepage h2, .bestSellersMarketingListEntry, .newProductsMarketingListEntry, .content-area .fragment-list .fullWidthSection {-webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px;-ms-border-radius: 3px;border-radius: 3px;} /*End Border Radius*/ /* -------------------------------- Price List Components -------------------------------- */ .cd-header { height: 100px; line-height: 170px; position: relative; } .cd-header h1 { text-align: center; color: #FFFFFF; font-size: 2.2rem; } @media only screen and (min-width: 768px) { .cd-header { height: 160px; line-height: 280px; } .cd-header h1 { font-size: 3.6rem; font-weight: 300; } } .cd-pricing-container { width: 90%; max-width: 1170px; margin: 4em auto; } @media only screen and (min-width: 768px) { .cd-pricing-container { margin: 6em auto; } .cd-pricing-container.cd-full-width { width: 100%; max-width: none; } } .cd-pricing-switcher { text-align: center; } .cd-pricing-switcher .fieldset { display: inline-block; position: relative; padding: 2px; border-radius: 50em; border: 1px solid #225b78; } .cd-pricing-switcher input[type="radio"] { position: absolute; opacity: 0; } .cd-pricing-switcher label { position: relative; z-index: 1; display: inline-block; float: left; width: 90px; height: 40px; line-height: 40px; cursor: pointer; font-size: 1.4rem; color: #FFFFFF; } .cd-pricing-switcher .cd-switch { /* floating background */ position: absolute; top: 2px; left: 2px; height: 40px; width: 90px; background-color: #0c1f28; border-radius: 50em; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; } .cd-pricing-switcher input[type="radio"]:checked + label + .cd-switch, .cd-pricing-switcher input[type="radio"]:checked + label:nth-of-type(n) + .cd-switch { /* use label:nth-of-type(n) to fix a bug on safari with multiple adjacent-sibling selectors*/ -webkit-transform: translateX(90px); -moz-transform: translateX(90px); -ms-transform: translateX(90px); -o-transform: translateX(90px); transform: translateX(90px); } .no-js .cd-pricing-switcher { display: none; } .cd-pricing-list { margin: 2em 0 0; } .cd-pricing-list > li { position: relative; margin-bottom: 1em; } @media only screen and (min-width: 768px) { .cd-pricing-list { margin: 3em 0 0; } .cd-pricing-list:after { content: ""; display: table; clear: both; } .cd-pricing-list > li { width: 33.3333333333%; float: left; } .cd-has-margins .cd-pricing-list > li { width: 32.3333333333%; float: left; margin-right: 1.5%; } .cd-has-margins .cd-pricing-list > li:last-of-type { margin-right: 0; } } .cd-pricing-wrapper { /* this is the item that rotates */ position: relative; } .touch .cd-pricing-wrapper { /* fix a bug on IOS8 - rotating elements dissapear*/ -webkit-perspective: 2000px; -moz-perspective: 2000px; perspective: 2000px; } .cd-pricing-wrapper.is-switched .is-visible { /* totate the tables - anticlockwise rotation */ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-animation: cd-rotate 0.5s; -moz-animation: cd-rotate 0.5s; animation: cd-rotate 0.5s; } .cd-pricing-wrapper.is-switched .is-hidden { /* totate the tables - anticlockwise rotation */ -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); -webkit-animation: cd-rotate-inverse 0.5s; -moz-animation: cd-rotate-inverse 0.5s; animation: cd-rotate-inverse 0.5s; opacity: 0; } .cd-pricing-wrapper.is-switched .is-selected { opacity: 1; } .cd-pricing-wrapper.is-switched.reverse-animation .is-visible { /* invert rotation direction - clockwise rotation */ -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-animation: cd-rotate-back 0.5s; -moz-animation: cd-rotate-back 0.5s; animation: cd-rotate-back 0.5s; } .cd-pricing-wrapper.is-switched.reverse-animation .is-hidden { /* invert rotation direction - clockwise rotation */ -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); -webkit-animation: cd-rotate-inverse-back 0.5s; -moz-animation: cd-rotate-inverse-back 0.5s; animation: cd-rotate-inverse-back 0.5s; opacity: 0; } .cd-pricing-wrapper.is-switched.reverse-animation .is-selected { opacity: 1; } .cd-pricing-wrapper > li { background-color: #FFFFFF; -webkit-backface-visibility: hidden; backface-visibility: hidden; /* Firefox bug - 3D CSS transform, jagged edges */ outline: 1px solid transparent; } .cd-pricing-wrapper > li::after { /* subtle gradient layer on the right - to indicate it's possible to scroll */ content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 50px; pointer-events: none; background: -webkit-linear-gradient( right , #FFFFFF, rgba(255, 255, 255, 0)); background: linear-gradient(to left, #FFFFFF, rgba(255, 255, 255, 0)); } .cd-pricing-wrapper > li.is-ended::after { /* class added in jQuery - remove the gradient layer when it's no longer possible to scroll */ display: none; } .cd-pricing-wrapper .is-visible { /* the front item, visible by default */ position: relative; z-index: 5; } .cd-pricing-wrapper .is-hidden { /* the hidden items, right behind the front one */ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .cd-pricing-wrapper .is-selected { /* the next item that will be visible */ z-index: 3 !important; } @media only screen and (min-width: 768px) { .cd-pricing-wrapper > li::before { /* separator between pricing tables - visible when number of tables > 3 */ content: ''; position: absolute; z-index: 6; left: -1px; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 50%; width: 1px; background-color: #b1d6e8; } .cd-pricing-wrapper > li::after { /* hide gradient layer */ display: none; } .cd-popular .cd-pricing-wrapper > li { box-shadow: inset 0 0 0 3px #e97d68; } .cd-has-margins .cd-pricing-wrapper > li, .cd-has-margins .cd-popular .cd-pricing-wrapper > li { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); } .cd-secondary-theme .cd-pricing-wrapper > li { background: #3aa0d1; background: -webkit-linear-gradient( bottom , #3aa0d1, #3ad2d1); background: linear-gradient(to top, #3aa0d1, #3ad2d1); } .cd-secondary-theme .cd-popular .cd-pricing-wrapper > li { background: #e97d68; background: -webkit-linear-gradient( bottom , #e97d68, #e99b68); background: linear-gradient(to top, #e97d68, #e99b68); box-shadow: none; } :nth-of-type(1) > .cd-pricing-wrapper > li::before { /* hide table separator for the first table */ display: none; } .cd-has-margins .cd-pricing-wrapper > li { border-radius: 4px 4px 6px 6px; } .cd-has-margins .cd-pricing-wrapper > li::before { display: none; } } @media only screen and (min-width: 1500px) { .cd-full-width .cd-pricing-wrapper > li { padding: 2.5em 0; } } .no-js .cd-pricing-wrapper .is-hidden { position: relative; -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); margin-top: 1em; } @media only screen and (min-width: 768px) { .cd-popular .cd-pricing-wrapper > li::before { /* hide table separator for .cd-popular table */ display: none; } .cd-popular + li .cd-pricing-wrapper > li::before { /* hide table separator for tables following .cd-popular table */ display: none; } } .cd-pricing-header { position: relative; z-index: 1; height: 80px; padding: 1em; pointer-events: none; background-color: #3aa0d1; color: #FFFFFF; } .cd-pricing-header h2 { margin-bottom: 3px; font-weight: 700; text-transform: uppercase; } .cd-popular .cd-pricing-header { background-color: #e97d68; } @media only screen and (min-width: 768px) { .cd-pricing-header { height: auto; padding: 1.9em 0.9em 1.6em; pointer-events: auto; text-align: center; color: #173d50; background-color: transparent; } .cd-popular .cd-pricing-header { color: #e97d68; background-color: transparent; } .cd-secondary-theme .cd-pricing-header { color: #FFFFFF; } .cd-pricing-header h2 { font-size: 1.8rem; letter-spacing: 2px; } } .cd-currency, .cd-value { font-size: 3rem; font-weight: 300; } .cd-duration { font-weight: 700; font-size: 1.3rem; color: #8dc8e4; text-transform: uppercase; } .cd-popular .cd-duration { color: #f3b6ab; } .cd-duration::before { content: '/'; margin-right: 2px; } @media only screen and (min-width: 768px) { .cd-value { font-size: 7rem; font-weight: 300; } .cd-currency, .cd-duration { color: rgba(23, 61, 80, 0.4); } .cd-popular .cd-currency, .cd-popular .cd-duration { color: #e97d68; } .cd-secondary-theme .cd-currency, .cd-secondary-theme .cd-duration { color: #2e80a7; } .cd-secondary-theme .cd-popular .cd-currency, .cd-secondary-theme .cd-popular .cd-duration { color: #ba6453; } .cd-currency { display: inline-block; margin-top: 10px; vertical-align: top; font-size: 2rem; font-weight: 700; } .cd-duration { font-size: 1.4rem; } } .cd-pricing-body { overflow-x: auto; -webkit-overflow-scrolling: touch; } .is-switched .cd-pricing-body { /* fix a bug on Chrome Android */ overflow: hidden; } @media only screen and (min-width: 768px) { .cd-pricing-body { overflow-x: visible; } } .cd-pricing-features { width: 600px; } .cd-pricing-features:after { content: ""; display: table; clear: both; } .cd-pricing-features li { width: 100px; float: left; padding: 1.6em 1em; font-size: 1.4rem; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cd-pricing-features em { display: block; margin-bottom: 5px; font-weight: 600; } @media only screen and (min-width: 768px) { .cd-pricing-features { width: auto; } .cd-pricing-features li { float: none; width: auto; padding: 1em; } .cd-popular .cd-pricing-features li { margin: 0 3px; } .cd-pricing-features li:nth-of-type(2n+1) { background-color: rgba(23, 61, 80, 0.06); } .cd-pricing-features em { display: inline-block; margin-bottom: 0; } .cd-has-margins .cd-popular .cd-pricing-features li, .cd-secondary-theme .cd-popular .cd-pricing-features li { margin: 0; } .cd-secondary-theme .cd-pricing-features li { color: #FFFFFF; } .cd-secondary-theme .cd-pricing-features li:nth-of-type(2n+1) { background-color: transparent; } } .cd-pricing-footer { position: absolute; z-index: 1; top: 0; left: 0; /* on mobile it covers the .cd-pricing-header */ height: 80px; width: 100%; } .cd-pricing-footer::after { /* right arrow visible on mobile */ content: ''; position: absolute; right: 1em; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 20px; width: 20px; background: url(../img/cd-icon-small-arrow.svg); } @media only screen and (min-width: 768px) { .cd-pricing-footer { position: relative; height: auto; padding: 1.8em 0; text-align: center; } .cd-pricing-footer::after { /* hide arrow */ display: none; } .cd-has-margins .cd-pricing-footer { padding-bottom: 0; } } .cd-select { position: relative; z-index: 1; display: block; height: 100%; /* hide button text on mobile */ overflow: hidden; text-indent: 100%; white-space: nowrap; color: transparent; } @media only screen and (min-width: 768px) { .cd-select { position: static; display: inline-block; height: auto; padding: 1.3em 3em; color: #FFFFFF; border-radius: 2px; background-color: #0c1f28; font-size: 1.4rem; text-indent: 0; text-transform: uppercase; letter-spacing: 2px; } .no-touch .cd-select:hover { background-color: #112e3c; } .cd-popular .cd-select { background-color: #e97d68; } .no-touch .cd-popular .cd-select:hover { background-color: #ec907e; } .cd-secondary-theme .cd-popular .cd-select { background-color: #0c1f28; } .no-touch .cd-secondary-theme .cd-popular .cd-select:hover { background-color: #112e3c; } .cd-has-margins .cd-select { display: block; padding: 1.7em 0; border-radius: 0 0 4px 4px; } } /* -------------------------------- xkeyframes -------------------------------- */ @-webkit-keyframes cd-rotate { 0% { -webkit-transform: perspective(2000px) rotateY(0); } 70% { /* this creates the bounce effect */ -webkit-transform: perspective(2000px) rotateY(200deg); } 100% { -webkit-transform: perspective(2000px) rotateY(180deg); } } @-moz-keyframes cd-rotate { 0% { -moz-transform: perspective(2000px) rotateY(0); } 70% { /* this creates the bounce effect */ -moz-transform: perspective(2000px) rotateY(200deg); } 100% { -moz-transform: perspective(2000px) rotateY(180deg); } } @keyframes cd-rotate { 0% { -webkit-transform: perspective(2000px) rotateY(0); -moz-transform: perspective(2000px) rotateY(0); -ms-transform: perspective(2000px) rotateY(0); -o-transform: perspective(2000px) rotateY(0); transform: perspective(2000px) rotateY(0); } 70% { /* this creates the bounce effect */ -webkit-transform: perspective(2000px) rotateY(200deg); -moz-transform: perspective(2000px) rotateY(200deg); -ms-transform: perspective(2000px) rotateY(200deg); -o-transform: perspective(2000px) rotateY(200deg); transform: perspective(2000px) rotateY(200deg); } 100% { -webkit-transform: perspective(2000px) rotateY(180deg); -moz-transform: perspective(2000px) rotateY(180deg); -ms-transform: perspective(2000px) rotateY(180deg); -o-transform: perspective(2000px) rotateY(180deg); transform: perspective(2000px) rotateY(180deg); } } @-webkit-keyframes cd-rotate-inverse { 0% { -webkit-transform: perspective(2000px) rotateY(-180deg); } 70% { /* this creates the bounce effect */ -webkit-transform: perspective(2000px) rotateY(20deg); } 100% { -webkit-transform: perspective(2000px) rotateY(0); } } @-moz-keyframes cd-rotate-inverse { 0% { -moz-transform: perspective(2000px) rotateY(-180deg); } 70% { /* this creates the bounce effect */ -moz-transform: perspective(2000px) rotateY(20deg); } 100% { -moz-transform: perspective(2000px) rotateY(0); } } @keyframes cd-rotate-inverse { 0% { -webkit-transform: perspective(2000px) rotateY(-180deg); -moz-transform: perspective(2000px) rotateY(-180deg); -ms-transform: perspective(2000px) rotateY(-180deg); -o-transform: perspective(2000px) rotateY(-180deg); transform: perspective(2000px) rotateY(-180deg); } 70% { /* this creates the bounce effect */ -webkit-transform: perspective(2000px) rotateY(20deg); -moz-transform: perspective(2000px) rotateY(20deg); -ms-transform: perspective(2000px) rotateY(20deg); -o-transform: perspective(2000px) rotateY(20deg); transform: perspective(2000px) rotateY(20deg); } 100% { -webkit-transform: perspective(2000px) rotateY(0); -moz-transform: perspective(2000px) rotateY(0); -ms-transform: perspective(2000px) rotateY(0); -o-transform: perspective(2000px) rotateY(0); transform: perspective(2000px) rotateY(0); } } @-webkit-keyframes cd-rotate-back { 0% { -webkit-transform: perspective(2000px) rotateY(0); } 70% { /* this creates the bounce effect */ -webkit-transform: perspective(2000px) rotateY(-200deg); } 100% { -webkit-transform: perspective(2000px) rotateY(-180deg); } } @-moz-keyframes cd-rotate-back { 0% { -moz-transform: perspective(2000px) rotateY(0); } 70% { /* this creates the bounce effect */ -moz-transform: perspective(2000px) rotateY(-200deg); } 100% { -moz-transform: perspective(2000px) rotateY(-180deg); } } @keyframes cd-rotate-back { 0% { -webkit-transform: perspective(2000px) rotateY(0); -moz-transform: perspective(2000px) rotateY(0); -ms-transform: perspective(2000px) rotateY(0); -o-transform: perspective(2000px) rotateY(0); transform: perspective(2000px) rotateY(0); } 70% { /* this creates the bounce effect */ -webkit-transform: perspective(2000px) rotateY(-200deg); -moz-transform: perspective(2000px) rotateY(-200deg); -ms-transform: perspective(2000px) rotateY(-200deg); -o-transform: perspective(2000px) rotateY(-200deg); transform: perspective(2000px) rotateY(-200deg); } 100% { -webkit-transform: perspective(2000px) rotateY(-180deg); -moz-transform: perspective(2000px) rotateY(-180deg); -ms-transform: perspective(2000px) rotateY(-180deg); -o-transform: perspective(2000px) rotateY(-180deg); transform: perspective(2000px) rotateY(-180deg); } } @-webkit-keyframes cd-rotate-inverse-back { 0% { -webkit-transform: perspective(2000px) rotateY(180deg); } 70% { /* this creates the bounce effect */ -webkit-transform: perspective(2000px) rotateY(-20deg); } 100% { -webkit-transform: perspective(2000px) rotateY(0); } } @-moz-keyframes cd-rotate-inverse-back { 0% { -moz-transform: perspective(2000px) rotateY(180deg); } 70% { /* this creates the bounce effect */ -moz-transform: perspective(2000px) rotateY(-20deg); } 100% { -moz-transform: perspective(2000px) rotateY(0); } } @keyframes cd-rotate-inverse-back { 0% { -webkit-transform: perspective(2000px) rotateY(180deg); -moz-transform: perspective(2000px) rotateY(180deg); -ms-transform: perspective(2000px) rotateY(180deg); -o-transform: perspective(2000px) rotateY(180deg); transform: perspective(2000px) rotateY(180deg); } 70% { /* this creates the bounce effect */ -webkit-transform: perspective(2000px) rotateY(-20deg); -moz-transform: perspective(2000px) rotateY(-20deg); -ms-transform: perspective(2000px) rotateY(-20deg); -o-transform: perspective(2000px) rotateY(-20deg); transform: perspective(2000px) rotateY(-20deg); } 100% { -webkit-transform: perspective(2000px) rotateY(0); -moz-transform: perspective(2000px) rotateY(0); -ms-transform: perspective(2000px) rotateY(0); -o-transform: perspective(2000px) rotateY(0); transform: perspective(2000px) rotateY(0); } } /* -------------------------------- End Price List Components -------------------------------- */