/* 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; } a:link { color: #0057a4; text-decoration: none; } a:visited { color: #428400; text-decoration: none; } a:hover { color: #fe534c; text-decoration: underline; } a:active { color: #666666; 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;  } /* Generic text formatting used throughout the store ---------------------------- */ .actCHECKOUTEM { background-color: #0057a4; } .actCHECKOUTBG { background-color: #efefef; } .actlarger { font-size: 13px; color: #666666; } .actsmaller{ font-size: 10px; color: #666666; } .actxxsmall { font-size: 10px; color: #666666; } .actxsmall { font-size: 11px; color: #666666; } .actsmall { font-size: 11px; color: #666666; } .actregular { font-size: 13px; color: #666666; } .actlarge{ font-size: 16px; color: #666666; } .actxlarge { font-size: 20px; color: #666666; } .actxxlarge { font-size: 20px; color: #666666; } .actwarningcolor { color: #ff3300; } .actrequiredcolor { color: #ff3300; } .actsearchhighlightcolor { color: #ff0000; } .actrequired { color: #ff3300; } .actwarning { font-size: 11px; color: #ff3300; } .actwelcome { font-size: 11px; color: #666666; } .actlogotext { font-size: 11px; color: #D9090E; font-style: normal; font-weight: bold; text-align: center; } .actlogout { font-size: 11px; color: #0057a4; } /* 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; } .section-list p { margin: 0 0 0 6%; } .section-list p.indent1, .section-list blockquote { margin: 0 0 0 12%; } .section-list p.indent2 { margin: 0 0 0 18%; } .section-list ul ul li a { font-size: 11px; } /* Compact Product layout ------------------------------------------- */ form.compactProductLayout { margin:1em 0; padding:1em; } form.compactProductLayout fieldset.quantity-box { float:right;  border:none; } form.compactProductLayout fieldset.quantity-box input[type="number"] { width:2em; margin-left:1em; } .quantityButton {display:none;} /* Shopping cart and checkout fields ------------------------------------------- */ a.checkout-checkoutbg { margin-right: 10px; padding-top: 3px; padding-bottom: 3px; padding-left: 8px; padding-right: 8px; border: #efefef 2px solid; border-top: #efefef 2px solid; border-right: #666666 1px solid; border-bottom: #666666 1px solid; } a.checkout-checkoutbg:link { color: #efefef; text-decoration: none; } a.checkout-checkoutbg:visited { color: #efefef; text-decoration: none; } a.checkout-checkoutbg:hover { color: #efefef; text-decoration: underline; } a.checkout-checkoutbg:active { color: #efefef; text-decoration: underline; } a.checkout-textcolor:link { color: #666666; text-decoration: none; } a.checkout-textcolor:visited { color: #666666; text-decoration: none; } a.checkout-textcolor:hover { color: #666666; text-decoration: underline; } a.checkout-textcolor:active { color: #666666; text-decoration: underline; } div.CheckoutCartSection { margin-top: 0px; margin-bottom: 10px; } table.checkout#idTableCheckoutSection { margin-bottom: 0px; } table.checkout-cart { border-collapse: collapse; padding: 0px 0px; margin-bottom: 5px; } table.checkout-cart th{ font-weight: bold; background-color: #efefef; border-top: solid 1px #0057a4; border-bottom: solid 1px #0057a4; padding: 4px 4px; } table.checkout-cart td{ padding: 4px 4px; } table.checkout { border-collapse: collapse; padding: 0px 0px; text-align: left; margin-bottom: 5px; } table.checkout th { background-color: #0057a4; font-size: 13px; font-weight: bold; color: #efefef; text-align: left; padding: 5px 2px; border-bottom: solid 3px #ffffff; } table.checkout th.instruction { font-size: 11px; font-weight: normal; } table.checkout th.change { font-size: 11px; font-weight: bold; padding: 0px 0px; text-align: right; } .checkout-change-button	{ line-height: 13px; height: 20px; width: 86px; margin: 0px 1px 0px 0px; padding: 0px 0px 0px 0px; font-size : 11px; background-color: #0057a4; border: 1px solid #428400; color: #dddddd; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; } .checkout-login-button	{ line-height: 13px; height: 15px; width: 70px; margin: 20px 0px 20px 0px; padding: 3px 20px 2px 0px; font-size : 11px; background-color: #0057a4; border: 1px solid #428400; color: #dddddd; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; } .checkout-login-button a { padding-left: 20px; color: #dddddd; text-decoration: none; } table.checkout td { background-color: #efefef; border-right: solid 1px #ffffff; border-bottom: solid 1px #ffffff; padding: 2px 2px; } table.checkout#idBothAddressesTable col { width: auto; } td#idCheckoutHelpLabel, table.checkout#idBothAddressesTable col.prompt { width: 130px; } .cart { background-color: #efefef; border-bottom: solid 1px #0057a4; } .checkout-cartheading { font-weight: bold; background-color: #efefef; border-top: solid 1px #0057a4; border-bottom: solid 1px #0057a4; } .cartheading { background-color: #0057a4; font-weight: bold; color: #efefef; } h2.checkout-heading { background-color: #0057a4; font-size: 13px; font-weight: bold; color: #efefef; padding: 5px 2px; border-bottom: solid 3px #ffffff; } h3.checkout-heading { padding: 3px 0; background-color: #0057a4; font-size: 13px; font-weight: bold; color: #efefef; border-bottom: solid 3px #ffffff; } .checkout-subheading { font-weight: bold; padding: 0; margin: 0; } img.cartthumbnail { border: 0px; margin-left: 2px; margin-right: 2px; width: 25px; } input.normal-button { font-family: Tahoma, Geneva, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; background: #0057a4; padding: 5px; border: solid 1px #666666; } input.highlight-button { font-family: Tahoma, Geneva, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; background: #428400; padding: 5px; border: solid 1px #666666; } .checkout-field-label { width: 160px; } .checkout-field-input { width: auto; } .checkout-field-input input, .checkout-field-input select { font-family: Tahoma, Geneva, sans-serif; font-size: 13px; color: #666666; background-color: #ffffff; padding: 2px; } .InvoiceField input, .InvoiceField select { font-family: Tahoma, Geneva, sans-serif; font-size: 13px; color: #666666; background-color: #ffffff; padding: 2px; } .DeliverField input, .DeliverField select { font-family: Tahoma, Geneva, sans-serif; font-size: 13px; color: #666666; background-color: #ffffff; padding: 2px; } table.checkout#idBothAddressesTable select { width: 211px; } input.checkbox { background-color: #efefef; border: 0;	 } .checkout-field-area { background: #efefef; border-bottom: solid 2px #ffffff; } .checkout-field-area p { margin: 0; padding: 4px; } div.checkout-buttons { height: 50px;  margin-top: 20px; } .left {  float : left;  width : 50%;  } .right {  float : right;  width : 40%;  } .spacer {  clear : both;  } .checkout-help-hide {  display: none;  } form fieldset .checkout-field-input input[type='radio'] { float: none; width: auto !important; } form fieldset .checkout-field-input { font-size: 13px; font-color: red; } /* Checkout Progress Indicator  ------------------------------------------------ */ p.checkout-progress-heading { width: 300px; margin: 0px auto; } #checkout-progress-indicator { width: 300px; height: 19px; background-image: url('cpi-background.gif'); margin: 0 auto 0px auto; } .checkout-progress-0 { width: 75px; height: 19px; background-color: #428400; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-1 { width: 150px; height: 19px; background-color: #428400; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-2 { width: 225px; height: 19px; background-color: #428400; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-3 { width: 300px; height: 19px; background-color: #428400; background-image: url('cpi-main.gif'); float: left; } #checkout-progress-indicator .cpi-end { width: 8px; padding: 0; margin: 0; border: 0; height: 19px; background-image: url('cpi-end.gif'); background-position: right; background-repeat: no-repeat; float: left; } table#idCheckoutProgress { margin-bottom: 10px; } table#idCheckoutProgress td{ background-repeat:repeat-x; background-color:transparent; border: 0px; padding: 0px; height:19px; text-align:center; } table#idCheckoutProgress td.cpi-left{ background-image:url("cpi-main.gif"); color:white; width:160px; } table#idCheckoutProgress td.cpi-complete{ background-image:url("cpi-main-mid.gif"); color:white; width:160px; } table#idCheckoutProgress td.cpi-incomplete{ background-image:url("cpi-background.gif"); color:black; width:160px; } table.CheckoutProgress { border-collapse: collapse; margin-bottom: 10px; } table.CheckoutProgress td { padding: 0px 0px; background-repeat: repeat-x; background-color: transparent; height: 19px; text-align: center; width: 140px; } table.CheckoutProgress td.cpi-start{ background-image: url("cpi-main.gif"); width: 8px; } table.CheckoutProgress td.cpi-inactive{ background-image: url("cpi-main-mid.gif"); color: #ffffff; } table.CheckoutProgress td.cpi-active{ background-image: url('cpi-background.gif'); font-weight: bold; color: #666666; } table.CheckoutProgress td.cpi-end { background-image: url("cpi-end.gif"); width: 8px; } table.CheckoutProgress td.cpi-spacer { background-image: url("cpi-main-mid.gif"); width: auto; } /* Formatting for Feefo customer feedback --------------------------------- */ /* Default formatting of text boxes used in store pages -------------------- */ .form_input_general	{ line-height: normal; font-size : 11px; word-spacing: normal; } /* My Account pages  --------------------------------------------------------------*/ .myaccount-shadow { display: none; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-image: url('myaccount-popup-bg.png'); background-repeat: repeat; } .myaccount-popup { position: fixed; width: 500px; height: 250px; left: 50%; top: 50%; margin-left: -250px; margin-top: -125px; padding-left: 85px; padding-top: 50px; background-color: #dddddd; } /* start search results sort list */  .sort_by { background-color: #428400; width: 100%; height: 24px; color: #dddddd; text-align: right; } .sort_by select { font-size: 12px; height: 20px; margin-right: 1px; margin-top: 1px; border: #428400 2px solid; border-top: #428400 2px solid; border-right: #428400 1px solid; border-bottom: #428400 1px solid; } .sort_by-submit { background: transparent; height: 20px; color: #dddddd;  font-weight: bold; font-size: 12px; margin-right: 1px; margin-top: 1px; border: 0; } .sort_by-submit:hover { cursor: pointer; text-decoration: underline; } /* end search results sort list */ /* start auto suggession list */ .sf_suggestion { position: absolute; line-height: 15px; z-index: 2147483637; } .sf_suggestion ul { margin: 1px; padding: 0px; background: #ffffff;  border: 1px solid rgb(51, 51, 51); top: 0; left: 0; } .sf_suggestion li{ margin: 0px; padding: 0px; list-style: none; } .sf_suggestion li a { display: block; text-indent: 5px; text-align: left; padding: 5px; text-decoration: none; } .sf_suggestion li.selected a { background: #cccccc; color: #000000; font-weight: normal; } .sf_suggestion li.notselected a{ color: #000000; font-weight: normal; } /* end auto suggession list */ /* start filter loading dialog */ .loading-block	{ display: table; height: 100%; width: 100%; overflow: hidden; margin-left: 50%; z-index: 2147483638; } .loading-gif { display: table-cell; vertical-align: middle; } .loading-shadow { display: none; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-repeat: repeat; opacity:0.9; } /* start filter loading dialog */ /* Recently Viewed Products List Style ------------------------------------ */ #rphtml { display: none;  visibility:hidden; } /* Used internally - do not delete */ /* start clear button */ .clear-button { float: right; -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #dcdcdc; display: inline-block; color: #777777; font-family: arial; font-size: 10px; font-weight: normal; padding: 2px 6px; text-decoration: none; text-shadow: 1px 1px 0px #ffffff; margin-left: 5px; line-height: 10px; background-color: #ededed; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); } .clear-button:hover { background-color: #dfdfdf; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ); background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); } .clear-button:active { position: relative; top: 1px; } /* end clear button */ .mobileHeader {display:none;} /* Site Map */ .sitemap { margin: 20px 0 0 10px; } .sitemap ul { margin: 0 0 0 10px; padding: 0; } .sitemap ol { margin: 0; padding: 0; list-style-type: square; } .sitemap ul li, .sitemap ol li { margin-left: 1em; padding: 3px 0; } /* styles for Minimal Product Summary */ .mini-product-summary { width: 150px; margin: 0 3px 13px; float: left; } .mini-product-summary-image { width: 150px; margin-bottom: 1em; overflow: hidden; } .mini-product-summary-image img { max-width: 150px; } .mini-product-summary h3 { font-size: 13px !important; margin: 0 0em 1em !important; height: 50px;  } .mini-product-summary-price { margin: 0.5em 0; } .mini-product-summary-link { margin: 1em 0; } .mini-product-summary-link a { display: block; background: #0057a4; line-height: 1.5em; color: #dddddd !important; font-weight: bold; text-align: center; font-size: 1.2em; } .mini-product-summary-link a:hover { background: #428400; text-decoration: none; color: #dddddd; } /* Styles for 'Customisable Product Details' */ .cust-product-details { width: 50%; margin-bottom: 1em; } .cust-product-image { width: 45%; margin-bottom: 1em; font-size: 1.35em; } .cust-left { float: left; } .cust-right { float: right; } .cust-product-image img { border: solid 1px #ddd; max-width: 100% !important; } .top-spec-wrapper { width: auto; overflow: auto; margin-bottom: 2em; font-size: 1.35em; } .top-spec-label { float: left; width: 100px; clear: left; font-weight: bold; } .top-spec-value { float: left; } .cust-main-price { padding-bottom: 1em; color: #0057a4; font-weight: bold; font-size: 1.35em; } .cust-stock-message { padding-bottom: 1em; line-height: 1.5em; font-size: 1.35em; } .cust-product-description { clear: both; padding: 1em 0; } .cust-cart-button { font-size: 1.35em; line-height: 1.7em; padding-top: 1em; clear: both; } .description-text { font-size: 1.35em; } .terms-conds { font-size: 1.35em; padding-bottom: 2em; } p.cart-button-placement { padding-top: 1em; } option:disabled { display: none; } /* In Context PSP form style*/ .container-popup { position: relative; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.5); display: none; } #pspwait { height: 5em; min-width:1px; width:8em; max-width:90%; margin: auto; padding:0.5em; position:absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 13px; background:#e6e6e6; text-align: center; border: solid 1px #FFFFFF; } #payment { height: 32em; min-width:1px; width:400px; max-width:90%; margin: auto; padding:0.5em; position:absolute; top:1em; right: 0; bottom: 0; left: 0; background:#eeeeee; } #payment .has-error { color:red; } #payment .form-group { float:left; width:100%; } #payment .form-group label, #payment .form-group div { float:left; margin:0.5em 0; } #payment .form-group label { width:10em; padding:0.3em; } #payment .form-group div { width:55%; } #payment .form-group div input { width:100%; padding:0.3em; } #payment > a, #payment > a:hover { float:left; } #payment button, #payment button:hover { float:right; } #payment button, #payment button:hover, #payment > a, #payment > a:hover { clear:none; width:auto; margin:4% 1em 4% 0; padding:0.2em 0.5em; font-size:1em; line-height:1.9em; font-weight:bold; color:#666666; text-align:center; text-decoration:none; border:none; background:#cccccc; } #payment button:hover, #payment > a:hover { cursor:pointer; background:#ffffff; } #coupon-apply-btn { width: 12em; height: 3em; background: #428400; color: #ffffff; font-weight: bold; text-align: center; margin: 0 5px !important; } .remove-coupon-link { color: #0057a4; cursor: pointer; } #used-coupons { display: inline-block;  margin: 5px;  width: 90%; } .coupon-list-line { width: 100%;  max-width: 150px;  clear: left;  float: left;  margin: 0 5px 5px 5px;  font-size: 11px; } .coupon-list-remove, .remove-coupon-link { float: right; } /***** Wish list *****/ .wishlistmodal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 10px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .wishlistpop { background-color:#FFFFFF; border:1px solid #999999; cursor:default; display:none; position: absolute; top: 0; left: 0; bottom: 0; right: 0;   padding: 25px 25px 20px;   margin: auto; text-align:center; width:194px; height:80px;   z-index:50; } .wishlistpop p, .wishlistpop.div { border-bottom: 1px solid #EFEFEF; margin: 8px 0; padding-bottom: 8px; } .wishlist-required input[type="number"], .wishlist-add input[type="number"] { width: 40px; } a.wl_gotowishlist, a.gotocart {margin-left: 5px} .wishlist-placement {clear: right; width: auto} .wishlist-button-wrapper { display: block; width: auto; height: 3.5em; margin: 0; float: right; clear: both } .wish-list-button-popup input[type=submit], .wish-list-button-popup input[type=submit]:hover { margin: 0; width: auto; height: 3.5em } .singleAddToCart .wishlist-button-wrapper input[type=submit] { width: auto !important;  height: 3.5em !important; } .wishlist-button-wrapper input[type="submit"], .wishlist-button-wrapper input[type="submit"]:hover { font-size: 1em; } .wishlist-share-label {display: block}	 form.wishlist-share {padding: 0;} form.wishlist-share input, form.wishlist-share input:hover {float: left; margin: 0} form.wishlist-share input[type=text] {margin:8px 5px 0 0;} span.wishlist-update input, span.wishlist-cart input, span.wishlist-required input, span.wishlist-remove input, span.wishlist-update input:hover, span.wishlist-cart input:hover, span.wishlist-required input:hover, span.wishlist-remove input:hover { margin: 0 0 5px 0; } .wishlist-image img {width: 75px; margin: 0;} .wishlist-add input[type=number], .wishlist-required input[type=number] {margin: 0 8px 8px 0} form.wishlist-share .fb-share-button {margin: 11px 5px 0 0;} form.wishlist-share .twitter-share-button {float: left; margin: 11px 5px 0 0;} form.wishlist-share span.wish-list-copy-caption {font-weight: bold; float: left; margin: 15px 5px 0 5px;} form.wishlist-row label[for=idPass] {clear: left} form.wishlist-row input#idUser {width: 90% !important} .wish-list-button-popup {height: 3.5em !important;} @media screen and (max-width:600px) { .wishlist-table { background-color: #ffffff; width: 100%; } .wishlist-headers {display: none} .wishlist-body { width: 100%; margin: 1% 0; text-align: center; border: 1px solid #dddddd; } .wishlist-body div {width: 95%} div.wishlist-required, div.wishlist-add, span.wishlist-pair {width: auto} .wishlist-image, .wishlist-name, .wishlist-price, .wishlist-remove, .wishlist-required, .wishlist-ordered, .wishlist-remaining,  .wishlist-add, .wishlist-pair, .wishlist-quantity, .wishlist-cart { text-align: center; display: inline-block; margin: 1%; } .wishlist-price, .wishlist-name {font-size: 13px} .wishlist-remove {width: auto; clear: both} .wishlist-quantity {vertical-align: top} .wishlist-price, .wishlist-name {font-size: 16px} .wishlist-label {font-weight: bold; padding-right: 5px; font-size: 13px} .wishlist-required .wishlist-label {margin: 15px 0 0 0; float: left} .wishlist-required input[type="number"], .wishlist-add input[type="number"] {margin: 9px 5px 0 0} } @media screen and (min-width:601px) and (max-width:1199px) { .wishlist-table { background-color: #ffffff; width: 100%; } .wishlist-headers {display: none} .wishlist-body { width: 100%; margin: 1% 0; float: left; border: 1px solid #dddddd; } .wishlist-price, .wishlist-name {font-size: 13px} .wishlist-image {width: 15%; min-width: 85px; float: left; height: 180px} .wishlist-name, .wishlist-price, .wishlist-price, .wishlist-add {width: 70%} .wishlist-required {width: 35%; text-align: center} .wishlist-ordered, .wishlist-remaining {width: 15%; text-align: center} .wishlist-image, .wishlist-name, .wishlist-price, .wishlist-required, .wishlist-ordered, .wishlist-remaining, .wishlist-add { display: inline-block; float: left; margin: 1%; vertical-align: top; } .wishlist-remove {float: right} .wishlist-label {font-weight: bold; display: block} .wishlist-required .wishlist-label {float: left; margin-bottom: 1%} .wishlist-required input[type="number"] {clear: left} .wishlist-qty {display: block; margin-top: 10px; font-size: 13px} } @media screen and (min-width:1200px) { .wishlist-table { display: table; float: left; border-top: #dddddd 1px solid; background-color: #ffffff; width: 100%; margin: 15px 0; padding 0; } .wishlist-headers, .wishlist-body { margin: 0; padding 0; width: 100%; } .wishlist-table form {  padding: 0;  margin: 0;  width: 100%; } .wishlist-table .wishlist-row {width: 100%;} form.wishlist-row .checkoutCustomers fieldset input[type=email] {float:left; clear:both; width:90%;} .wishlist-image, .wishlist-name, .wishlist-required, .wishlist-ordered, .wishlist-remaining, .wishlist-price, .wishlist-add { display: table-cell; padding: 5px; vertical-align: top; height: 40px; border-bottom: 1px solid #dddddd; } .wishlist-image {width: 16%} .wishlist-name {width: 25%} .wishlist-required {width: 15%} .wishlist-ordered {width: 8%} .wishlist-remaining {width: 8%} .wishlist-price {width: 8%} .wishlist-add {width: 20%} .wishlist-headers {font-weight: bold} .wishlist-update, wishlist-add img {float: right} .wishlist-label {display: none} .wishlist-quantity {float: left} .wishlist-cart {float: right} .wishlist-remove {float: right; clear: both} } @media screen and (min-width:1200px) and (max-width:1499px) { .wishlist-update {float: left: clear: both} } @media screen and (min-width:1500px) { .wishlist-update {float: right} } #coupon-apply-btn { width: 12 em; height: 3 em; background: #428400; color: #ffffff; font-weight: bold; text-align: center; margin: 0 5px !important; } .remove-coupon-link { color: #0057a4; cursor: pointer; } #used-coupons { display: inline-block;  margin: 5px;  width: 90% } .coupon-list-line { width: 100%;  max-width: 150px;  clear: left;  float: left;  margin: 0 5px 5px 5px;  font-size: 11px } .coupon-list-remove, .remove-coupon-link { float: right } fieldset.quantity-box {border: none} 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% 0; padding:0; } h1 {font-size:3em; line-height:1.2;} h2 {font-size:2.6em; line-height:1.2;} h3 {font-size:2.3em; line-height:1.2;} h4, h5, h6 {font-size:2em; 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; } .hide {display:none !important;} 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:#0057a4;} a:hover {color:#fe534c;} a:visited {color:#428400;} a:active {color:#666666;} 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:10px;} .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 div.quick-search form span.quick-search-button-wrapper {float:left; margin:0 1em; padding:0;} .header-area div.quick-search form input.button.quick-search-button {float:left; margin:0; padding:10%;} .follow-buttons, .social-badges {width:48%;} .follow-buttons img, .share-buttons img, .social-badges img {border:none;} .follow-buttons {float:right; clear:right;} .social-badges, .share-buttons, .btn-o, .fb_iframe_widget {float:left; clear:none;} .social-badges a {margin-right:1em;} .follow-buttons iframe, .follow-buttons div, .follow-buttons a, .share-buttons iframe, .share-buttons div, .share-buttons a  { float:left !important; clear:none !important; margin-right:1em !important; } .share-buttons iframe {position:relative; z-index:99999;} .follow-buttons > iframe, .follow-buttons > div, .share-buttons > iframe, .share-buttons > div {height:30px !important;} div[id*="ytsubscribe"] {margin-right:10em !important;}  .fb_iframe_widget {width:auto !important;} .share-buttons {margin:1em 0;} .product-image > a.pin-button > img {display:none;} /* start auto suggest */ .header-area form .sf_suggestion, .content-area form .sf_suggestion {position:absolute;} .header-area form .sf_suggestion {top:3.2em !important; left:-0.1em !important;} .header-area form .sf_suggestion ul, .content-area form .sf_suggestion ul {width:auto !important; padding-right:0.5em;} /* end auto suggest */ .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;} /* Start of Mega Menu */ #mega-menu, #brochure-menu {float:left; margin:0 auto; position:relative;} #mega-menu {z-index:999999;} #brochure-menu {z-index:1;} .menuFlex {display:flex; display:-ms-flexbox;} #mega-menu ul, #brochure-menu ul, #brochure-menu ol { float:left; width:100%; min-height:2.7em; margin:0; padding:0; line-height:1.5em; position:relative; z-index:1;	 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 */	 } #mega-menu ul li, #mega-menu ul li:hover, #brochure-menu li, #brochure-menu li:hover { float:left;  width:auto; height:auto; margin:0; padding:0; font-size:1em; list-style-type:none; list-style-position:inside; cursor:pointer; -webkit-flex: 0 0 9em; -moz-flex: 0 0 9em; flex: 0 0 9em; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:9em; /* End of IE Flex box */ position:relative; } .IeOnly #mega-menu ul li, .IeOnly #mega-menu ul li:hover, .IeOnly #brochure-menu li, .IeOnly #brochure-menu li:hover, .androidOnly #mega-menu ul li, .androidOnly #mega-menu ul li:hover, .androidOnly #brochure-menu li, .androidOnly #brochure-menu li:hover { width:9em; height:3.5em; } #mega-menu ul li a, #brochure-menu li a { display:block; width:9em; margin:0; padding:1em 0; text-align:center; box-sizing:border-box; } .IeOnly #mega-menu ul li a, .IeOnly #brochure-menu li a, .androidOnly #mega-menu ul li a, .androidOnly #brochure-menu li a {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #mega-menu ul li div, #brochure-menu li div { display:none; width:100%; position:absolute; background:#ffffff; z-index:9999999999; } #mega-menu ul li div div, #brochure-menu li div div{ float:left; display:block; width:100%; padding:0 0.5em; position:relative; top:0px; text-align:left; } #mega-menu ul li ul, #brochure-menu li ul, #brochure-menu li ol { width:9em; height:auto; margin:0; padding:0; font-size:1em; text-align:left; } #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:0.1em; text-align:center; } #mega-menu ul li:hover ul li:hover a, #brochure-menu li:hover li:hover a {text-decoration:underline;} /* End of Mega Menu */ .bulk-area {float:left; width:100%; margin-bottom:1%;} #left-area { width:80%; float:left;  clear:none; } #left-sidebar, #right-sidebar { float:left; width:19%; margin: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;} #productFiltersLeft {float:left; width:100%;} .sidebar-filter-element, .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"], .sidebar-filter-element, .sidebar-filter-element div.filter-list div[id^="FilterSectionOptions"], .sidebar-filter-element, .sidebar-filter-element div.filter-list div[id^="FilterPriceBandOptions"] {float:left;} .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"] br, .sidebar-filter-element div.filter-list div[id^="FilterSectionOptions"] br, .sidebar-filter-element div.filter-list div[id^="FilterPriceBandOptions"] br {display:none !important;} .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"] input, .sidebar-filter-element div.filter-list div[id^="FilterSectionOptions"] input, .sidebar-filter-element div.filter-list div[id^="FilterPriceBandOptions"] input {float:left; clear:left; margin-right:0.5em;} .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"] label, .sidebar-filter-element div.filter-list div[id^="FilterSectionOptions"] label, .sidebar-filter-element div.filter-list div[id^="FilterPriceBandOptions"] label {display:block; width:78%; margin:0; padding:0;} .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"] ul, .sidebar-filter-element div.filter-list div[id^="FilterSectionOptions"] ul, .sidebar-filter-element div.filter-list div[id^="FilterPriceBandOptions"] ul { margin:0; list-style-type:none; } .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"] ul li, .sidebar-filter-element div.filter-list div[id^="FilterSectionOptions"] ul li, .sidebar-filter-element div.filter-list div[id^="FilterPriceBandOptions"] ul li { margin:0; padding:0; font-size: 0.7em !important; } .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"] ul li input, .sidebar-filter-element div.filter-list div[id^="FilterSectionOptions"] ul li input, .sidebar-filter-element div.filter-list div[id^="FilterPriceBandOptions"] ul li input { float:none; display:inline; font-size:1em; margin:0.5em 0; } .sidebar-filter-element div.filter-list { display:block; width:90%; margin:0 auto; overflow:hidden; } div.sidebar-filter-element {width:95%;} div.sidebar-filter-element form {width:90%;} .sidebar-filter-element div[id^="FilterPropertyOptions"] {width:100%;} .sidebar-filter-element div[id^="FilterSectionOptions"] {width:100%;} .sidebar-filter-element div[id^="FilterPriceBandOptions"] {width:100%;} .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%; margin:0; padding:0 0.5em; box-sizing:border-box; } .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 {float:left; 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:97.6%; margin:0 0 1%; padding:1%; } .content-area .fragment-list .fullWidthSection {margin-bottom:1%; overflow:hidden;} .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 .set-right, .content-area .fragment-list .fullWidthSection .set-left { min-width:1px; width:auto; max-width:100%; padding:0; } .content-area .fragment-list .fullWidthSection img { float:left;  clear:left;  min-width:1px;  width:auto;  max-width:100%;  height:auto;  margin:0; } .content-area .fragment-list .fullWidthSection p {width:auto;} .content-area .marketing-list {clear:both; display:block; width:98%; margin:1%; overflow:hidden;} .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:0 0 20%; -moz-flex:0 0 20%; flex:0 0 20%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:20%; width:20%; /* 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 div > img, .product-details div > img, .section-link-details div > a img, .product-details div > a img { min-width:1px; width:auto; max-width:100%; height:auto; } .section-link-details form img, #ContentPage .product-details form img { float:left; min-width:1px; width:auto; 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:#0057a4;} .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 { min-width:1px; width:auto; max-width:100%; height:auto; 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%; } 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;} form .product-image {display:inline-block !important; max-width:100%;} .product-image > img, form .product-image > a img, .std-product-details img { min-width:1px; width:auto; max-width:284px; height:auto; margin-right:1em; } form .product-image > a {float:left; max-width:100%;} .twoColumns .product-image a > img, .threeColumns .product-image a > img, .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;} .feefoproductlogo:empty {display:none;} 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 { float:left; display:-webkit-flex; display:flex; -webkit-flex-flow:row wrap; flex-flow:row wrap; width: 100%; margin-top:1em; display:inline-block; } .attribute-list label { float:left; margin:0.5em 0; line-height:2; } div.attribute-list div label,  div.attribute-list div select {width:auto; float:left; clear:none;} div[id^="idVars"] .attribute-list input[type="checkbox"] {margin:0.5em 0.5em 0 0;} div[id^="idVars"] .attribute-list input[type="checkbox"] + label {margin:0;} div[id$="_Table"] {float:left; font-size:1.4em;} div[id$="_Table"] label {font-size:inherit;} div[id^="idVars"] .attribute-list input,  div[id^="idVars"] .attribute-list textarea { float:left; clear:left; margin:0; } .attribute-list label + select {margin-left:0.5em;} div[id^="idVars"] .attribute-list input[type="hidden"] + label {width:100%; margin:0.5em 0 0;} .selectOptions { float:left; clear:both; -webkit-flex:0 0 100%; flex:0 0 100%; } div[id^="idVars"] .attribute-list .twoColumns { clear:none; -webkit-flex:0 0 48%; flex:0 0 48%; } div[id^="idVars"] .attribute-list .threeColumns { clear:none; -webkit-flex:0 0 32%; flex:0 0 32%; } div[id^="idVars"] .attribute-list .twoColumns select, div[id^="idVars"] .attribute-list .threeColumns select {margin:0;} div[id^="idVars"] .attribute-list div[class$="Columns"] label { width:100%; } .selectOptions ul {float:left !important; clear:both !important; list-style-type:none;} .selectOptions ul li {float:left; clear:both; font-size:1rem;} .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"] {display:block; font-size:1.4em; margin:0.5em 0;} #FilterResultElements {clear:both; 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:#0057a4;} .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:auto; max-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 */	 } .product-marketing-list ol {list-style-type:none;} 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;} .product-marketing-list .product-list-price {font-size:0.8em;} .product-marketing-list ol li p .product-list-price {font-size:1em;} .sitemap div ul, .sitemap div ol {width:100%; margin:0; padding:0;} #product-page-body .marketing-list-entry img {width:100px; height:auto;} fieldset.product-prompt {margin:0.5em 0;} fieldset.product-prompt label {float:left; margin:0; padding:0;} fieldset.product-prompt input, fieldset.product-prompt select {margin:0 0.5em;} /* Start of Recent product list */ div#recenthtlist { float:left; width:100%; margin-bottom:2em; 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.recenththeader {width:100%;} div#recenthtlist div#recenthtitem { float:left; -webkit-flex:1 0 100px; -moz-flex:1 0 100px; flex:1 0 100px; margin:1%; /* Start of IE Flex box */ -ms-flex-grow:1; -ms-flex-shrink:0; -ms-flex-basis:100px; width:100px; /* End of IE Flex box */ } div#recenthtlist div#recenthtitem a {float:left; width:100%;} div#recenthtlist div#recenthtitem a img {display:block; margin:0 auto;} div#recenthtlist div#recenthtitem p {display:block; padding:0.5em; text-align:center;} .IeOnly div#recenthtlist div#recenthtitem p.actxxsmall, .androidOnly div#recenthtlist div#recenthtitem p.actxxsmall { height:50px; } /* End of Recent product list */ /* start of Recent product table */ div.recent-products { display:block; clear:both; width:70%; margin:0 auto; overflow:hidden; } div.recent-products textarea {display:none;} div.recenththeader h2 { display:block; margin:0.5em auto; padding:0; text-align:center; } div.recenththeader input.recenthtbuttonright, div.recenththeader input.recenthtbuttonleft {margin:0 0.5em; padding:0;} div.recenththeader input.recenthtbuttonright {float:right;} div.recenththeader input.recenthtbuttonleft {float:left;} div.imageRow, div.descriptionRow, div.priceRow, div.deleteRow {float:left; clear:both; width:100%;} div.recenthtitemimage, div.recenthtitemdesc, div.recenthtitemdelete {float:left; width:100px; text-align:center;} div.recenthtitemimage a { display:block; clear:both; margin:0 auto; text-align:center; } /* End of Recent product table */ .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%;} .content-area form .payPalProButtons { float:left; clear:both; width:100%; margin:0; padding:0; } .content-area form .payPalProButtons + p {float:left; clear:both; width:100%;} .content-area form .payPalProButtons .button-wrapper input {width: auto;} .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%; } .content-area form .checkout > .change {display:inline-block;} #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 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; box-sizing:border-box;} .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:43%; 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:94%;} .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;} .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 {width:100%;} .CreditCardField {float:left; clear:both; width:98%; padding:0.5em;} .CreditCardField div, .CreditCardField div label {float:left; clear:both; margin:0 !important; padding:0;} .CreditCardField div select {float:left; margin:0.5em 0 !important;} .CreditCardField .checkout-field-input span {float:left; margin:0 0.5em;} #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; } #idPaymentMethodTable .checkout-field-input input[type="radio"] {width:1em !important; margin:0.8em 0.5em 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%;} #left-area {width:76%;} #left-sidebar, #right-sidebar {width:23%;} .content-area {width:76%;}   .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: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:#0057a4 !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 #0057a4;  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:100%; border:none; box-sizing:border-box;} .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;} .nav {max-width:100%;} #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%; } #left-sidebar, #right-sidebar {float:left; width:97%; margin:1%;} #left-sidebar .marketing-list-entry, #right-sidebar .marketing-list-entry { -webkit-flex:1 0 45%; -moz-flex:1 0 45%; flex:1 0 45%; width:45%; /* Start of IE Flex box */ -ms-flex-grow:1; -ms-flex-shrink:0; -ms-flex-basis:45%; /* End of IE Flex box */ margin:1% !important; } #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%;} .bestSellersMarketingListEntry, .newProductsMarketingListEntry { -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 */ } .product-image.set-left, .product-image.set-right { float:none !important; display:block !important; margin:0 auto !important; } .product-image, .std-product-details { min-width:1px; width:auto; max-width:100%; } .product-image > img, .std-product-details > img {max-width:100%; height:auto;} .IeOnly .bestSellersMarketingListEntry, .IeOnly .newProductsMarketingListEntry,  .androidOnly .bestSellersMarketingListEntry, .androidOnly .newProductsMarketingListEntry {width:30% !important;} 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:431px) and (max-width:665px), (min-width:801px) and (max-width:1060px){ .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;} } @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 (min-width:801px) and (max-width:1061px), (max-width:500px) { div[id^="idVars"] .attribute-list .threeColumns { -webkit-flex:0 0 48%; flex:0 0 48%; }	 } @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:#0057a4;} .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;  min-width:1px; width:auto; max-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;} } /* The Design Styles for Smart Responsive Design */ body { width:99.7%; margin:0 !important; padding:0 !important; color:#666666; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzg3ODc4NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZTBlMGUwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjZTBlMGUwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #0057a4 6em, #ffffff 16em, #ffffff 11%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0057a4), color-stop(1%,#ffffff), color-stop(11%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0057a4 6em,#ffffff 16em,#ffffff 11%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0057a4 6em,#ffffff 16em,#ffffff 11%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0057a4 6em,#ffffff 16em,#ffffff 11%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #0057a4 6em,#ffffff 16em,#ffffff 11%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0057a4', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ } h1, h2, h3, h4, h5, h6 {font-weight:normal; color:#0057a4;} a h1:hover, a h2:hover, a h3:hover, a h4:hover, a h5:hover, a h6:hover {color:#fe534c;} a {color:#0057a4;} a:hover {color:#fe534c;} a:visited {color:#428400;} a:active {color:#666666;} a img {border:none;} #wrapper {width:100%;} .subHeader, .header-area, .footer-area { width:100%; margin:0; padding:0; } .subHeader {padding:1em 0 0;} .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; } .subHeader ol li img { width:22px; height:22px; margin:0 0.5em; position:relative; top:0.3em; } .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:#54a800; border:2px solid #ffffff; border-radius:100%; position:absolute; bottom:0.5em; left:2.5em; } .topContactInfoDesktop { width:98.3% !important; margin:0 !important; padding:0; background:#0057a4; } .topContactInfoDesktop p, .topContactInfoDesktop p a {color:#ffffff;} .header-area { border:2px solid #ffffff; background: #c6c6c6; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M2YzZjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #c6c6c6 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c6c6c6 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c6c6c6 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c6c6c6 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #c6c6c6 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c6c6', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ } .header-area .header-element { float:right; margin:2em 0 1em; } .header-area ol { line-height:1.2em; border-right:1px solid #0057a4; } .header-area ol li { border-left:1px solid #0057a4; } .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; } .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('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; } #mega-menu ul li, #mega-menu ul li:hover, #brochure-menu li, #brochure-menu li:hover { border-left:1px solid #cccccc; border-right:1px solid #cccccc; box-shadow:inset 0px 0px 0px 1px #ffffff; } #mega-menu ul li:hover, #brochure-menu li:hover, .CheckoutProgress p.cpi-active { background: #428400; /* 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, #54a800 0%, #428400 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#52a400), color-stop(100%,#54a800)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #54a800 0%,#428400 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #54a800 0%,#428400 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #54a800 0%,#428400 100%); /* IE10+ */ background:linear-gradient(to bottom, #54a800 0%,#428400 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54a800', endColorstr='#428400',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 div .row, #brochure-menu li div .row { padding-bottom:0.5em; border:1px solid #cccccc; } #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 { padding:0.5em 0; border:none; background:#ffffff; filter:none; } #mega-menu ul li ul li, #brochure-menu li li { border-bottom:1px dotted #428400; } #mega-menu ul li ul li:hover, #brochure-menu li li:hover { border-bottom:3px solid #428400; } #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:#428400; } #idBreadcrumbsTop, #idBreadcrumbsBottom { float:left; margin:1em 0; } .bulk-area { float:none; clear:both; display:block; width:89.7%; margin:0 auto; padding:1em 0; 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:#ffffff; background:#0057a4; } #left-sidebar h1, #right-sidebar h1, #left-sidebar h2, #right-sidebar h2, #left-sidebar h3, #right-sidebar h3, .sidebar-filter-element, .sidebar-element,  .productFiltersLeft .sidebar-filter-element form, .productFiltersTitle h2 { border-top-left-radius:5px; border-top-right-radius:5px; } .productFiltersTitle .sidebar-filter-element form { font-size:0.6em !important; background:#ffffff; border:1px solid #dddddd; } .sidebar, .side-menu { width:99%; } .sidebar-filter-element, .sidebar-element { width:94%; margin:0 3% 1em; border:1px solid #dddddd; } .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; } #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:#0057a4; } #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:#0057a4; } #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 dotted #dddddd; } .bestSellersHomepage h1, .bestSellersHomepage h2, .newProductsHomepage h1, .newProductsHomepage h2 { width:100%; margin:0; padding:0 0.5em; font-size:2em; line-height:2.3em; border:1px solid #dddddd; box-shadow:inset 0px 0px 0px 1px #ffffff; } .bestSellersMarketingListEntry, .newProductsMarketingListEntry { position:relative; border:1px solid #dddddd; } .bestSellersMarketingListEntry .bestSellerImage, .newProductsMarketingListEntry .newProductImage { width:100%; height:auto; } .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:10%; right:-0.7em; color:#ffffff; background:#54a800; 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:#54a800; 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:#54a800; 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:#0057a4; } div.recenththeader input.recenthtbuttonright, div.recenththeader input.recenthtbuttonleft { font-weight:normal; text-transform:none; color:#428400; background:none; border:none; cursor:pointer; } div#recenthtitem { padding:1em 0; border:1px dotted #dddddd; } div#recenthtitem a, div#recenthtitem a p { color:#0057a4; } 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;} .product-details, .section-link-details, #product-page-body form, #SearchResults, .std-product-details, .product-list .marketing-list-entry, 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; } .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 button.quantityButton { display:block; float:left; width:2em; height:1.5em; margin:0.3em 0.5em; padding:0 0 0.1em; font-size:2em; font-weight:bold; color:#ffffff; text-align:center; border-radius:5px; border:none; } fieldset.quantity-box button.dec { background:#c4c4c4; } fieldset.quantity-box button.inc { background:#0057a4; } fieldset.quantity-box button.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 #428400; background: #428400; /* 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('cart-icon.png'), -moz-linear-gradient(top, #54a800 0%, #428400 100%); /* FF3.6+ */ background:url('cart-icon.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#54a800), color-stop(100%,#428400)); /* Chrome,Safari4+ */ background:url('cart-icon.png'), -webkit-linear-gradient(top, #54a800 0%,#428400 100%); /* Chrome10+,Safari5.1+ */ background:url('cart-icon.png'), -o-linear-gradient(top, #54a800 0%,#428400 100%); /* Opera 11.10+ */ background:url('cart-icon.png'), -ms-linear-gradient(top, #54a800 0%,#428400 100%); /* IE10+ */ background:url('cart-icon.png'), linear-gradient(to bottom, #54a800 0%,#428400 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54a800', endColorstr='#428400',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('cart-icon.png'), -moz-linear-gradient(top, #428400 0%, #54a800 100%); /* FF3.6+ */ background:url('cart-icon.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#428400), color-stop(100%,#54a800)); /* Chrome,Safari4+ */ background:url('cart-icon.png'), -webkit-linear-gradient(top, #428400 0%,#54a800 100%); /* Chrome10+,Safari5.1+ */ background:url('cart-icon.png'), -o-linear-gradient(top, #428400 0%,#54a800 100%); /* Opera 11.10+ */ background:url('cart-icon.png'), -ms-linear-gradient(top, #428400 0%,#54a800 100%); /* IE10+ */ background:url('cart-icon.png'), linear-gradient(to bottom, #428400 0%,#54a800 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#428400', endColorstr='#54a800',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, p#idLookupAgain, p#idLookupAgain: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, #54a800 0%, #428400 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#54a800), color-stop(100%,#428400)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #54a800 0%,#428400 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #54a800 0%,#428400 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #54a800 0%,#428400 100%); /* IE10+ */ background:linear-gradient(to bottom, #54a800 0%,#428400 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54a800', endColorstr='#428400',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, p#idLookupAgain { 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, #428400 0%, #428400 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#428400), color-stop(100%,#54a800)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #428400 0%,#54a800 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #428400 0%,#54a800 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #428400 0%,#54a800 100%); /* IE10+ */ background:linear-gradient(to bottom, #428400 0%,#54a800 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#428400', endColorstr='#54a800',GradientType=0 ); /* IE6-8 */ } p#idLookupAgain, p#idLookupAgain:hover { float:none; display:inline-block; margin:1em !important; padding:0.5em 1em; border: 1px solid #ffffff; border-radius:2px; color:#ffffff; text-transform:uppercase; font-weight:bold; -webkit-box-shadow:inset 0px 0px 0px 2px #428400; -moz-box-shadow:inset 0px 0px 0px 2px #428400; box-shadow:0px 0px 0px 2px #428400; } .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:#428400;} .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:#0057a4; } .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:#428400; } .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 #0057a4; border-bottom:1px solid #0057a4;} .cart, .checkout-cartheading{border-bottom:1px solid #0057a4;} .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:#0057a4; } #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:13px; font-weight:bold; line-height:2.3em; color:#ffffff; background:#0057a4; } #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:"» "} /* In Context PSP form style*/ .container-popup { position: relative; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.5); display: none; } #psptitle { color:#0057a4; } #payment { height: 32em; min-width:1px; width:400px; max-width:90%; margin: auto; padding:0.5em; position:absolute; top: 0; right: 0; bottom: 0; left: 0; background:#efefef; /* This would be the form background palette colour */ } #payment .has-error { color:red; } #payment .form-group { float:left; width:100%; } #payment .form-group label, #payment .form-group div { float:left; margin:0.5em 0; } #payment .form-group label { color:#ff3300; width:10em; padding:0.3em; } #payment .form-group div { width:55%; } #payment .form-group div input { width:100%; padding:0.3em; border:1px solid #a9a9a9; } #payment > a, #payment > a:hover { float:left; } #payment button, #payment button:hover { float:right; } #payment button, #payment button:hover, #payment > a, #payment > a:hover { clear:none; width:auto; margin:4% 1em 4% 0; padding:0.2em 0.5em; font-size:1em; line-height:1.9em; font-weight:bold; color:#ffffff; text-align:center; text-decoration:none; text-transform:uppercase; border:1px solid #ffffff; border-radius:5px; /* #428400 is palette1, #54a800 is  #54a800 */ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E0ZGZkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZWFkOWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #54a800 0%, #428400 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#54a800), color-stop(100%,#428400)); background:-webkit-linear-gradient(top, #54a800 0%,#428400 100%); background:-o-linear-gradient(top, #54a800 0%,#428400 100%); background:-ms-linear-gradient(top, #54a800 0%,#428400 100%); background:linear-gradient(to bottom, #54a800 0%,#428400 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#54a800', endColorstr='#428400',GradientType=0 ); -webkit-box-shadow:0px 0px 0px 3px #428400; -moz-box-shadow:0px 0px 0px 3px #428400; box-shadow:0px 0px 0px 3px #428400; } #payment button:hover, #payment > a:hover { cursor:pointer; /* #428400 is palette1, #54a800 is  #54a800 */ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E0ZGZkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZWFkOWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #428400 0%, #54a800 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#428400), color-stop(100%,#54a800)); background:-webkit-linear-gradient(top, #428400 0%,#54a800 100%); background:-o-linear-gradient(top, #428400 0%,#54a800 100%); background:-ms-linear-gradient(top, #428400 0%,#54a800 100%); background:linear-gradient(to bottom, #428400 0%,#54a800 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#428400', endColorstr='#54a800',GradientType=0 ); -webkit-box-shadow:0px 0px 0px 3px #428400; -moz-box-shadow:0px 0px 0px 3px #428400; box-shadow:0px 0px 0px 3px #428400; } @media screen and (max-width:1183px){ body {width:99.6%;} } @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:#0057a4;} .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:#0057a4; 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 #0057a4; } .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; -webkit-flex:0 0 100%; flex:0 0 100%; } #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%;} }