/* 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: #1e1f21; font-size: 11px; overscroll-behavior-y: none; /* Disables pull-to-refresh and overscroll glow effect.Still keeps swipe navigations. */ width:100%; } 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: #7d458c; text-decoration: none; } a:visited { color: #7d458c; text-decoration: none; } a:hover { color: #1e1f21; text-decoration: underline; } a:active { color: #7d458c; 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: #ffffff; } .actCHECKOUTBG { background-color: #eeeeee; } .actlarger { font-size: 13px; color: #1e1f21; } .actsmaller{ font-size: 10px; color: #1e1f21; } .actxxsmall { font-size: 10px; color: #1e1f21; } .actxsmall { font-size: 11px; color: #1e1f21; } .actsmall { font-size: 11px; color: #1e1f21; } .actregular { font-size: 13px; color: #1e1f21; } .actlarge{ font-size: 16px; color: #1e1f21; } .actxlarge { font-size: 20px; color: #1e1f21; } .actxxlarge { font-size: 20px; color: #1e1f21; } .actwarningcolor { color: #cc0000; } .actrequiredcolor { color: #cc0000; } .actsearchhighlightcolor { color: #cc0000; } .actrequired { color: #cc0000; } .actwarning { font-size: 11px; color: #cc0000; } .actwelcome { font-size: 11px; color: #1e1f21; } .actlogotext { font-size: 11px; color: #D9090E; font-style: normal; font-weight: bold; text-align: center; } .actlogout { font-size: 11px; color: #7d458c; } /* 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: #eeeeee 2px solid; border-top: #eeeeee 2px solid; border-right: #1e1f21 1px solid; border-bottom: #1e1f21 1px solid; } a.checkout-checkoutbg:link { color: #eeeeee; text-decoration: none; } a.checkout-checkoutbg:visited { color: #eeeeee; text-decoration: none; } a.checkout-checkoutbg:hover { color: #eeeeee; text-decoration: underline; } a.checkout-checkoutbg:active { color: #eeeeee; text-decoration: underline; } a.checkout-textcolor:link { color: #1e1f21; text-decoration: none; } a.checkout-textcolor:visited { color: #1e1f21; text-decoration: none; } a.checkout-textcolor:hover { color: #1e1f21; text-decoration: underline; } a.checkout-textcolor:active { color: #1e1f21; 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: #eeeeee; border-top: solid 1px #ffffff; border-bottom: solid 1px #ffffff; 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: #7d458c; font-size: 13px; font-weight: bold; color: #eeeeee; 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: #7d458c; border: 1px solid #ffffff; color: #ffffff; 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: #7d458c; border: 1px solid #ffffff; color: #ffffff; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; } .checkout-login-button a { padding-left: 20px; color: #ffffff; text-decoration: none; } table.checkout td { background-color: #eeeeee; 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: #eeeeee; border-bottom: solid 1px #ffffff; } .checkout-cartheading { font-weight: bold; background-color: #eeeeee; border-top: solid 1px #ffffff; border-bottom: solid 1px #ffffff; } .cartheading { background-color: #ffffff; font-weight: bold; color: #eeeeee; } h2.checkout-heading { background-color: #ffffff; font-size: 13px; font-weight: bold; color: #eeeeee; padding: 5px 2px; border-bottom: solid 3px #ffffff; } h3.checkout-heading { padding: 3px 0; background-color: #7d458c; font-size: 13px; font-weight: bold; color: #eeeeee; 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: #7d458c; padding: 5px; border: solid 1px #1e1f21; } input.highlight-button { font-family: Tahoma, Geneva, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; background: #ffffff; padding: 5px; border: solid 1px #1e1f21; } .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: #1e1f21; background-color: #ffffff; padding: 2px; } .InvoiceField input, .InvoiceField select { font-family: Tahoma, Geneva, sans-serif; font-size: 13px; color: #1e1f21; background-color: #ffffff; padding: 2px; } .DeliverField input, .DeliverField select { font-family: Tahoma, Geneva, sans-serif; font-size: 13px; color: #1e1f21; background-color: #ffffff; padding: 2px; } table.checkout#idBothAddressesTable select { width: 211px; } input.checkbox { background-color: #eeeeee; border: 0;	 } .checkout-field-area { background: #eeeeee; 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: #ffffff; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-1 { width: 150px; height: 19px; background-color: #ffffff; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-2 { width: 225px; height: 19px; background-color: #ffffff; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-3 { width: 300px; height: 19px; background-color: #ffffff; 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: #1e1f21; } 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: #ffffff; } /* start search results sort list */  .sort_by { background-color: #ffffff; width: 100%; height: 24px; color: #ffffff; text-align: right; } .sort_by select { font-size: 12px; height: 20px; margin-right: 1px; margin-top: 1px; border: #ffffff 2px solid; border-top: #ffffff 2px solid; border-right: #ffffff 1px solid; border-bottom: #ffffff 1px solid; } .sort_by-submit { background: transparent; height: 20px; color: #ffffff;  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 ------------------------------------ */ /* 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 */<div class="mini-product-summary"><a name=""></a><div class="mini-product-summary-image">	<img src="theme-section-image.png" border="0" title="" alt="" /><br class="clearfloat" /></div><div style="height:50px;"></div><div class="mini-product-summary-price"><Actinic:PRICES PROD_REF="" RETAIL_PRICE_PROMPT="Price:"></Actinic:PRICES></div></div><br class="clearfloat" /><div class="mini-product-summary-link"> More Info</div> /* 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: #7d458c; 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; } .terms-conds table, .terms-conds table th, .terms-conds table td { font-size: 16px; } 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: #ffffff; color: #ffffff; font-weight: bold; text-align: center; margin: 0 5px !important; } .remove-coupon-link { color: #7d458c; 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; } span.product-price {display: block} /***** 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 #f0f0f0; } .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 #f0f0f0; } .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: #f0f0f0 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 #f0f0f0; } .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: #ffffff; color: #ffffff; font-weight: bold; text-align: center; margin: 0 5px !important; } .remove-coupon-link { color: #7d458c; 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} #paypal-express-chk .payPalExLeftCol, #paypal-express-chk .payPalExRightCol{ margin-bottom: 10px; } #paypal-express-chk .payPalExLeftCol>*, #paypal-express-chk .payPalExRightCol>* { padding: 0 10px; text-align: center; box-sizing: border-box; } #paypal-express-chk img{ max-width: 100%; } #addressBookWidgetDiv{ clear: both; min-width: 300px;  max-width: 100%; min-height: 228px;  height: 300px; } #walletWidgetDiv{ margin-top: 5px; min-width: 300px;  max-width: 100%; min-height: 228px;  height: 240px; } @media screen and (min-width: 991px){ #paypal-express-chk .payPalExLeftCol>div, #paypal-express-chk .payPalExLeftCol>a { width: 80%; } #paypal-express-chk .payPalExLeftCol>p { width: 20%; } } @media screen and (min-width: 768px){ #paypal-express-chk { display: flex; flex-wrap: wrap; align-items: flex-start; margin: 0.5em 0 0 0; } #paypal-express-chk .payPalExLeftCol { display: flex; align-items: flex-start; flex-wrap: wrap; } #paypal-express-chk .payPalExLeftCol>p { padding: 0 5px; } } @media screen and (max-width: 767px){ #paypal-express-chk{ width: 22em !important; } } /* payment accordion css */ #idPaymentMethodTable .instruction{ display: none; } #idPaymentMethodTable input,#idPaymentMethodTable textarea, #idPaymentMethodTable select{ float: initial; } .payment-accordion{ position: relative; float: left; width: 100%; } .payment-accordion > div{ position: relative; float: left; width: 100%; } .payment-accordion > div > input{ position: absolute; left: 6px; top: 7px; } .payment-accordion > div > label{ display: block; padding: 0 0 0 23px; position: relative; } .payment-accordion > div:has(input[type="radio"]:checked) { background-color: #eeeeee; } .PayPalCheckoutDetails { float: left; width: 100%; } #idPaymentMethodTable .CartBNPLmessage{ width: 75%; float:none; margin: 5px; text-align: center; } .card_container .paypal-card-message{ padding:0; text-align: center; background: #fff; padding-top: 15px; justify-content: center; } div.externalButtons{ width:200px !important; } #externalButtons .paypal-buttons{ float:none; width:100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } #idPaymentMethodTable .paypal-buttons{ max-width: 500px; float:none; width:100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } #idPaymentMethodTable .paypal-button-container { border-radius: 5px; background-color: #FFFFFF; padding: 20px; max-width: 760px; width: 500px; margin: 0 auto; } .card_container { box-sizing: border-box; border-radius: 5px; background-color: #FFFFFF; padding: 0px 20px 20px 20px; max-width: 760px; width: 100%; margin: 0 auto; } .card_container .card_field{ width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; margin-top: 6px; margin-bottom: 16px; resize: vertical; height:40px; background:white; font-size:17px; color:#3a3a3a; font-family:helvetica, tahoma, calibri, sans-serif; } .card_container .card_field_50{ width: 50%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; margin-top: 6px; margin-bottom: 16px; resize: vertical; height:40px; background:white; font-size:17px; color:#3a3a3a; font-family:helvetica, tahoma, calibri, sans-serif; } .card_container .card_field_75{ width: 75%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; margin-top: 6px; margin-bottom: 16px; resize: vertical; height:40px; background:white; font-size:17px; color:#3a3a3a; font-family:helvetica, tahoma, calibri, sans-serif; } .PayPalCheckoutDetails .row { display: -ms-flexbox; /* IE10 */ display: flex; -ms-flex-wrap: wrap; /* IE10 */ flex-wrap: wrap; margin: 0 -16px; } .PayPalCheckoutDetails .col-25 { -ms-flex: 25%; /* IE10 */ flex: 25%; } .PayPalCheckoutDetails .col-50 { -ms-flex: 50%; /* IE10 */ flex: 50%; } .PayPalCheckoutDetails input[type=submit] { background-color: #4CAF50; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; } .PayPalCheckoutDetails .message_container { border-radius: 5px; background:#FFFFFF; font-size:13px; font-family:monospace; padding: 20px; } #loading { width: 100%; height: 100%; top: 0; left: 0; position: fixed; display: block; opacity: 0.7; background-color: #fff; z-index: 99; text-align: center; } #loading-image { position: absolute; z-index: 15; top: 50%; left: 50%; margin: -100px 0 0 -150px; } .PayPalCheckoutDetails .spinner { position: fixed; top: 50%; left: 50%; margin-left: -50px; /* half width of the spinner gif */ margin-top: -50px; /* half height of the spinner gif */ text-align:center; z-index:1234; overflow: auto; width: 100px; /* width of the spinner gif */ height: 102px; /* height of the spinner gif +2px to fix IE8 issue */ } .PayPalCheckoutDetails .button_container { display: flex; justify-content: center; } .PayPalCheckoutDetails button:hover { background-color: powderblue; } .PayPalCheckoutDetails button { width:229px; height:49px; background:lightblue; border:1px dotted black; font-size:17px; color:#3a3a3a; padding: 12px 20px; border-radius: 4px; cursor: pointer; margin: 0 auto; } .PayPalCheckoutDetails .btn_small{ width:130px; height:39px; background:lightblue; border:1px dotted black; font-size:14px; color:#3a3a3a; } .PayPalCheckoutDetails .btn_small:hover { background-color: powderblue; } .pp-pay-later-message {clear: both; padding-top: 0.7em} .ClearAcceptDetails{ float: left; width: 100%; } .clearaccept-card-message { padding:0; text-align: left; padding-top: 15px; justify-content: center; margin-left: 15px; margin-bottom: 20px; color: green; font-size: 15px; } .clearaccept-fields { } .clearaccept-field { height:30px; } .clearaccept-field-error { color: #f39c12; margin-bottom: 10px; font-size: 11px; text-align: right; font-weight: 400; font-size: 14px; margin-top: 10px; } .clearaccept-card-message{ margin-bottom: 10px; } .credit-card{ margin: 0 300px 0 10px; } .expiry-cvv{ display: flex; justify-content: space-between; margin: 0 409px 0 5px; } .expiry-cvv .clearaccept-fields{ margin: 0 5px; } .cvv-img{ position: absolute; top: -15px; right: -109px; } .ekmpsco-validation-icon { display: none; position: absolute; top: 15px; right: 15px; font-size: 22px; } .ekmpsco-field-row.attention.invalid .ekmpsco-validation-icon.warning { display:-moz-inline-stack; display:inline-block; zoom:1; vertical-align:top; vertical-align:middle } .errors-parent{ position: relative; } .exclamation{ display: none; position: absolute; right: 16px; top: 4px; } .errors-parent.invalid .exclamation{ display: block; } #idPaymentMethodTable .instruction{ display: none; } #idPaymentMethodTable input,#idPaymentMethodTable textarea, #idPaymentMethodTable select{ float: initial; } #idClearAcceptStoredCards li > div { display: none; } #idClearAcceptStoredCards li label div { display: inline-block; margin: 0 10px;  } #idClearAcceptStoredCards ul { list-style-type: none; } #idClearAcceptStoredCards label { font-size: 1rem; } #idClearAcceptCardFields.show-cvv-only .credit-card,  #idClearAcceptCardFields.show-cvv-only .expiry,  #idClearAcceptCardFields.show-cvv-only .store-card-selection{ display: none; } #idStoreCard { top: 0; } @media (max-width: 768px){ .expiry-cvv{ display: block; } .credit-card,.expiry-cvv{ margin: 0 5px; } .cvv-img{ position: static; }	 } @media (min-width: 769px) and (max-width: 800px){ .credit-card { margin: 0 221px 0 10px; } .expiry-cvv{ margin: 0 325px 0 5px; } } @media (min-width: 801px) and (max-width: 992px){ .credit-card { margin: 0 10px 0 10px; } .expiry-cvv { margin: 0 5px 0 5px; } .cvv-img{ position: static; } } @media (min-width: 993px) and (max-width: 1440px){ .credit-card { margin: 0 10px 0 10px; } .expiry-cvv{ margin: 0 146px 0 5px; } } body.paymentOverlayActive > div.paymentOverlay { z-index: 199; background: rgba(0,0,0,0.5); transition: opacity 100ms; position: fixed; top: 0; bottom: 0; left: 0; right: 0; } html, body, p, ol, ul, input, select, textbox, button { font-family:Tahoma, Geneva, sans-serif; color:#1e1f21; } 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; overscroll-behavior-y: none; /* Disables pull-to-refresh and overscroll glow effect.Still keeps swipe navigations. */ } h1, h2, h3, h4, h5, h6 { clear:both; width:auto; margin:1% 0; padding:0; color:#7d458c; } 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:#7d458c;} a:hover {color:#1e1f21;} a:visited {color:#7d458c;} a:active {color:#7d458c;} 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, .set-left {float:left; padding-right:10px!Important;} .floatRight, div.set-right, .set-right {float:right; padding-left:10px!Important;} div.set-left img, div.set-right img {vertical-align:middle;} div.set-left, div.set-right {clear:none;} .hide {display:none;} .show {display:block;} /* The desktop styles */ .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 0 0 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:2em; margin:0; padding:0; line-height:2.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.5em 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%; max-width:1280px; margin:0 auto;  margin-bottom:1%; } #left-area { width:100%; 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:#1e1f21; 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:250px; 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:#7d458c;} .product-details a:hover, .section-link-details a:hover, .product-details a:hover h2, .section-link-details a:hover h3 {color:#1e1f21;} .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:#7d458c;} .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, .content-area form .checkout label.invoiceMoving {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:#ffffff; color:#ffffff;} .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;} .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 {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-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:#7d458c !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 #7d458c;  background:#eeeeee; } .content-area form table.checkout tr:first-child, .content-area form table.checkout-cart tr:first-child {background:#ffffff;} .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:#ffffff; } .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 Brochure Page Mega Menu */ div.page-list {width:100%;} div.page-list ul li, div.page-list ul li a {width:100% !important;} /* End of Brochure Page 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:#7d458c;} .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:#1e1f21; 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;} } /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling *    user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox less tahn 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. *    Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` *    and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type *    `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome *    (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* * Skeleton V2.0.4 * Copyright 2014, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 12/29/2014 */ /* Table of contents 末末末末末末末末末末末末末末末末末末末末末末末末末 - Grid - Base Styles - Typography - Lists - Code - Tables - Spacing - Utilities - Clearing - Media Queries */ /* Grid 末末末末末末末末末末末末末末末末末末末末末末末末末 */ #wrapper { max-width:100%; width:100%; position: relative; margin: 0 auto; box-sizing: border-box; } .column, .columns { width: 100%; float: left; box-sizing: border-box; } /* For devices larger than 550px */ @media (min-width: 550px) { .column, .columns { margin-left: 1%; } .column:first-child, .columns:first-child { margin-left: 0; } .column.alpha, .columns.alpha { margin-left: 0; } .one.column, .one.columns                    { width: 7.3333333333%;  } .two.columns                    { width: 15.6666666667%; } .three.columns                  { width: 24%;            } .four.columns                   { width: 32.3333333333%; } .five.columns                   { width: 40.6666666667%; } .six.columns                    { width: 49%;            } .seven.columns                  { width: 57.3333333333%; } .eight.columns                  { width: 65.6666666667%; } .nine.columns                   { width: 74.0%;          } .ten.columns                    { width: 82.3333333333%; } .eleven.columns                 { width: 90.6666666667%; } .twelve.columns                 { width: 100%; margin-left: 0; } .one-third.column               { width: 32.3333333333%; } .two-thirds.column              { width: 65.6666666667%; } .one-half.column                { width: 48%; } /* Offsets */ .offset-by-one.column, .offset-by-one.columns          { margin-left: 7.3333333333%; } .offset-by-two.column, .offset-by-two.columns          { margin-left: 15.6666666667%; } .offset-by-three.column, .offset-by-three.columns        { margin-left: 24%;            } .offset-by-four.column, .offset-by-four.columns         { margin-left: 32.3333333333%; } .offset-by-five.column, .offset-by-five.columns         { margin-left: 40.6666666667%; } .offset-by-six.column, .offset-by-six.columns          { margin-left: 49%;            } .offset-by-seven.column, .offset-by-seven.columns        { margin-left: 57.3333333333%; } .offset-by-eight.column, .offset-by-eight.columns        { margin-left: 65.6666666667%; } .offset-by-nine.column, .offset-by-nine.columns         { margin-left: 74.0%;          } .offset-by-ten.column, .offset-by-ten.columns          { margin-left: 82.3333333333%; } .offset-by-eleven.column, .offset-by-eleven.columns       { margin-left: 90.6666666667%; } .offset-by-one-third.column, .offset-by-one-third.columns    { margin-left: 32.3333333333%; } .offset-by-two-thirds.column, .offset-by-two-thirds.columns   { margin-left: 65.6666666667%; } .offset-by-one-half.column, .offset-by-one-half.columns     { margin-left: 49%; } } .columnx, .columnsx { width: 100%; float: left; box-sizing: border-box; } /* For devices larger than 550px */ @media (min-width:550px) and (max-width: 699px)  { .columnx, .columnsx { width: 50%; float: left; box-sizing: border-box; } } /* For devices larger than 801px */ @media (min-width:801px) { .columnx, .columnsx { margin-left: 1%;word-break: break-all; white-space:normal; } .columnx:first-child, .columnsx:first-child { margin-left: 0; } .columnx.alpha, .columnsx.alpha { margin-left: 0; } .one.columnx, .one.columnsx                    { width: 7.3333333333%;  } .two.columnsx                    { width: 15.6666666667%; } .three.columnsx                  { width: 24%;            } .four.columnsx                   { width: 32.3333333333%; } .five.columnsx                   { width: 40.6666666667%; } .six.columnsx                    { width: 49%;            } .seven.columnsx                  { width: 57.3333333333%; } .eight.columnsx                  { width: 65.6666666667%; } .nine.columnsx                   { width: 74.0%;          } .ten.columnsx                    { width: 82.3333333333%; } .eleven.columnsx                 { width: 90.6666666667%; } .twelve.columnsx                 { width: 100%; margin-left: 0; } .one-third.columnx               { width: 32.3333333333%; } .two-thirds.columnx              { width: 65.6666666667%; } .one-half.columnx                { width: 49%; } /* Offsets */ .offset-by-one.columnx, .offset-by-one.columnsx          { margin-left: 7.3333333333%; } .offset-by-two.columnx, .offset-by-two.columnsx          { margin-left: 15.6666666667%; } .offset-by-three.columnx, .offset-by-three.columnsx        { margin-left: 24%;            } .offset-by-four.columnx, .offset-by-four.columnsx         { margin-left: 32.3333333333%; } .offset-by-five.columnx, .offset-by-five.columnsx         { margin-left: 40.6666666667%; } .offset-by-six.columnx, .offset-by-six.columnsx          { margin-left: 49%;            } .offset-by-seven.columnx, .offset-by-seven.columnsx        { margin-left: 57.3333333333%; } .offset-by-eight.columnx, .offset-by-eight.columnsx        { margin-left: 65.6666666667%; } .offset-by-nine.columnx, .offset-by-nine.columnsx         { margin-left: 74.0%;          } .offset-by-ten.columnx, .offset-by-ten.columnsx          { margin-left: 82.3333333333%; } .offset-by-eleven.columnx, .offset-by-eleven.columnsx       { margin-left: 90.6666666667%; } .offset-by-one-third.columnx, .offset-by-one-third.columnsx    { margin-left: 32.3333333333%; } .offset-by-two-thirds.columnx, .offset-by-two-thirds.columnsx   { margin-left: 65.6666666667%; } .offset-by-one-half.columnx, .offset-by-one-half.columnsx     { margin-left: 49%; } } .columnxx, .columnsxx { width: 100%; float: left; box-sizing: border-box; } /* For devices larger than 801px */ @media (min-width:801px) { .columnxx, .columnsxx { margin-left: 1%;word-break: break-all; white-space:normal; } .columnxx:first-child, .columnsxx:first-child { margin-left: 0; } .columnxx.alpha, .columnsxx.alpha { margin-left: 0; } .one.columnxx, .one.columnsxx                    { width: 7.3333333333%;  } .two.columnsxx                    { width: 15.6666666667%; } .three.columnsxx                  { width: 24%;            } .four.columnsxx                   { width: 32.3333333333%; } .five.columnsxx                   { width: 40.6666666667%; } .six.columnsxx                    { width: 49%;            } .seven.columnsxx                  { width: 57.3333333333%; } .eight.columnsxx                  { width: 65.6666666667%; } .nine.columnsxx                   { width: 74.0%;          } .ten.columnsxx                    { width: 82.3333333333%; } .eleven.columnsxx                 { width: 90.6666666667%; } .twelve.columnsxx                 { width: 100%; margin-left: 0; } .one-third.columnxx               { width: 32.3333333333%; } .two-thirds.columnxx              { width: 65.6666666667%; } .one-half.columnxx                { width: 49%; } /* Offsets */ .offset-by-one.columnxx, .offset-by-one.columnsxx          { margin-left: 7.3333333333%; } .offset-by-two.columnxx, .offset-by-two.columnsxx          { margin-left: 15.6666666667%; } .offset-by-three.columnxx, .offset-by-three.columnsxx        { margin-left: 24%;            } .offset-by-four.columnxx, .offset-by-four.columnsxx         { margin-left: 32.3333333333%; } .offset-by-five.columnxx, .offset-by-five.columnsxx         { margin-left: 40.6666666667%; } .offset-by-six.columnxx, .offset-by-six.columnsxx          { margin-left: 49%;            } .offset-by-seven.columnxx, .offset-by-seven.columnsxx        { margin-left: 57.3333333333%; } .offset-by-eight.columnxx, .offset-by-eight.columnsxx        { margin-left: 65.6666666667%; } .offset-by-nine.columnxx, .offset-by-nine.columnsxx         { margin-left: 74.0%;          } .offset-by-ten.columnxx, .offset-by-ten.columnsxx          { margin-left: 82.3333333333%; } .offset-by-eleven.columnxx, .offset-by-eleven.columnsxx       { margin-left: 90.6666666667%; } .offset-by-one-third.columnxx, .offset-by-one-third.columnsxx    { margin-left: 32.3333333333%; } .offset-by-two-thirds.columnxx, .offset-by-two-thirds.columnsxx   { margin-left: 65.6666666667%; } .offset-by-one-half.columnxx, .offset-by-one-half.columnsxx     { margin-left: 49%; } } p { margin-top: 0; } /* Lists 末末末末末末末末末末末末末末末末末末末末末末末末末 */ ul { list-style: circle inside; } ol { list-style: decimal inside; } ol, ul { padding-left: 0; margin-top: 0; } ul ul, ul ol, ol ol, ol ul { margin: 1.5rem 0 1.5rem 3rem; font-size: 90%; } li { margin-bottom: 1rem; } /* Code 末末末末末末末末末末末末末末末末末末末末末末末末末 */ code { padding: .2rem .5rem; margin: 0 .2rem; font-size: 90%; white-space: nowrap; background: #F1F1F1; border: 1px solid #E1E1E1; border-radius: 4px; } pre > code { display: block; padding: 1rem 1.5rem; white-space: pre; } /* Tables 末末末末末末末末末末末末末末末末末末末末末末末末末 */ th, td { padding: 12px 15px; text-align: left; border-bottom: 1px solid #E1E1E1; } th:first-child, td:first-child { padding-left: 0; } th:last-child, td:last-child { padding-right: 0; } /* Utilities 末末末末末末末末末末末末末末末末末末末末末末末末末 */ .u-full-width { width: 100%; box-sizing: border-box; } .u-max-full-width { max-width: 100%; box-sizing: border-box; } .u-pull-right { float: right; } .u-pull-left { float: left; } /* Misc 末末末末末末末末末末末末末末末末末末末末末末末末末 */ hr { clear:both; margin-top: 0.5; margin-bottom: 0.5rem; border-width: 0; -moz-box-sizing: content-box; box-sizing: content-box; color: #ffffff; background-color: #ffffff; height: 1px; z-index: 9000; width: 100%; } .undred img { max-width:100%; height:auto; } .undredsb img { max-width: 99%; height: auto; } .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; margin-left: 8px; } .fltlft { /* this class can be used to float an element left in your page */ float: left; margin-right: 8px; } /* Clearing 末末末末末末末末末末末末末末末末末末末末末末末末末 */ /* Self Clearing Goodness */ #wrapper:after, .rowskel:after, .u-cf { content: ""; display: table; clear: both; } .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; } /* Media Queries 末末末末末末末末末末末末末末末末末末末末末末末末末 */ /* Note: The best way to structure the use of media queries is to create the queries near the relevant code. For example, if you wanted to change the styles for buttons on small devices, paste the mobile query code up in the buttons section and style it there. */ /* Larger than mobile */ @media (min-width: 400px) {} /* Larger than phablet (also point when grid becomes active) */ @media (min-width: 550px) {} /* Larger than tablet */ @media (min-width: 750px) {} /* Larger than desktop */ @media (min-width: 1000px) {} /* Larger than Desktop HD */ @media (min-width: 1200px) {} /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-custom .fancybox-skin { box-shadow: 0 0 50px #222; } .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 1008020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 1008030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 1008060; } #fancybox-loading div { width: 44px; height: 44px; background: url('fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 1008040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 1008040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 1008040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 1008010; background: url('fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 1008050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 1008050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } #fancybox-buttons { position: fixed; left: 0; width: 100%; z-index: 1008050; } #fancybox-buttons.top { top: 10px; } #fancybox-buttons.bottom { bottom: 10px; } #fancybox-buttons ul { display: block; width: 166px; height: 30px; margin: 0 auto; padding: 0; list-style: none; border: 1px solid #111; border-radius: 3px; -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); background: rgb(50,50,50); background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51))); background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 ); } #fancybox-buttons ul li { float: left; margin: 0; padding: 0; } #fancybox-buttons a { display: block; width: 30px; height: 30px; text-indent: -9999px; background-color: transparent; background-image: url('fancybox_buttons.png'); background-repeat: no-repeat; outline: none; opacity: 0.8; } #fancybox-buttons a:hover { opacity: 1; } #fancybox-buttons a.btnPrev { background-position: 5px 0; } #fancybox-buttons a.btnNext { background-position: -33px 0; border-right: 1px solid #3e3e3e; } #fancybox-buttons a.btnPlay { background-position: 0 -30px; } #fancybox-buttons a.btnPlayOn { background-position: -30px -30px; } #fancybox-buttons a.btnToggle { background-position: 3px -60px; border-left: 1px solid #111; border-right: 1px solid #3e3e3e; width: 35px } #fancybox-buttons a.btnToggleOn { background-position: -27px -60px; } #fancybox-buttons a.btnClose { border-left: 1px solid #111; width: 35px; background-position: -56px 0px; } #fancybox-buttons a.btnDisabled { opacity : 0.4; cursor: default; } #fancybox-thumbs { position: fixed; left: 0; width: 100%; overflow: hidden; z-index: 1008050; } #fancybox-thumbs.bottom { bottom: 2px; } #fancybox-thumbs.top { top: 2px; } #fancybox-thumbs ul { position: relative; list-style: none; margin: 0; padding: 0; } #fancybox-thumbs ul li { float: left; padding: 1px; opacity: 0.5; } #fancybox-thumbs ul li.active { opacity: 0.75; padding: 0; border: 1px solid #fff; } #fancybox-thumbs ul li:hover { opacity: 1; } #fancybox-thumbs ul li a { display: block; position: relative; overflow: hidden; border: 1px solid #222; background: #111; outline: none; } #fancybox-thumbs ul li img { display: block; position: relative; border: 0; padding: 0; max-width: none; } .dpdate.checkformdate.hasDatepicker { margin-top: .5em; } .ajs-attr input[type="radio"] {margin-top:1.5em!Important;} .cust-cart-button input:hover {opacity:.8;} body { width:100%; margin:0 !important; padding:0 !important; color:#1e1f21; /*background: #7d458c;  background: -moz-linear-gradient(top, #7d458c 0%, #f0f0f0 20%);  background: -webkit-linear-gradient(top, #7d458c 0%,#f0f0f0 20%);  background: linear-gradient(to bottom, #7d458c 0%,#f0f0f0 20%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d458c', endColorstr='#f0f0f0',GradientType=0 ); */ 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, #7d458c 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, #7d458c 6em,#ffffff 16em,#ffffff 11%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7d458c 6em,#ffffff 16em,#ffffff 11%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7d458c 6em,#ffffff 16em,#ffffff 11%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #7d458c 6em,#ffffff 16em,#ffffff 11%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d458c', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ } } h1, h2, h3, h4, h5, h6 {font-weight:bold; color:#7d458c;} /* make headings bold */ a h1:hover, a h2:hover, a h3:hover, a h4:hover, a h5:hover, a h6:hover {color:#1e1f21;} a {color:#7d458c;} a:hover {color:#1e1f21;} a:visited {color:#7d458c;} a:active {color:#7d458c;} a img {border:none;} .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:100%; max-width:1280px; 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:#ffffff; 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:#7d458c; } .topContactInfoDesktop p, .topContactInfoDesktop p a {color:#ffffff;} .header-area { border-top :2px solid #7d458c; /* lose the white border at the sides */ background: #ffffff; } .header-area .header-element { float:right; margin:2em 0 1em; } .header-area ol { line-height:1.2em; border-right:1px solid #7d458c; } .header-area ol li { border-left:1px solid #7d458c; color:#ffffff; } .header-area ol li a { text-decoration:none;	 color:#ffffff; } .header-area ol li a:hover { text-decoration:underline; } .quick-search { float:right; clear:right; width:90%; margin:0; padding:0; } .quick-search form { width:100%; position:relative; } .quick-search input[type="text"] { background:#ffffff; color:#888888; width:99%; height:2.5em; font-style:italic; border:1px solid #000000; -webkit-border-radius: 1em; -moz-border-radius: 1em;  border-radius:1em; } .quick-search form span.quick-search-button-wrapper { margin:0; padding:0; position:absolute; top:.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;} .CheckoutProgress p { float:left; width:100%; 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, #eeeeee 0%, #ffffff 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* IE10+ */ background:linear-gradient(to bottom, #eeeeee 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ } .nav { display:block; width: 100%; max-width:1280px; margin:0 auto; } /* This is the code for the navigation */ .navigation-bar { float:left; width:99.9%; border-top:0px; border-bottom:1px solid #ffffff; position:relative; background: #7d458c;  } #mega-menu ul li, #mega-menu ul li:hover, #brochure-menu li, #brochure-menu li:hover { border-left:1px solid #5F356A; border-right:1px solid #5F356A; } #mega-menu ul li a, #brochure-menu li a { color: #ffffff; height: auto !important; } #mega-menu ul li:hover, #brochure-menu li:hover, .CheckoutProgress p.cpi-active { text-decoration: none !important; background: #7d458c; /* 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, #9250a4 0%, #7d458c 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#52a400), color-stop(100%,#9250a4)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #9250a4 0%,#7d458c 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #9250a4 0%,#7d458c 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #9250a4 0%,#7d458c 100%); /* IE10+ */ background:linear-gradient(to bottom, #9250a4 0%,#7d458c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9250a4', endColorstr='#7d458c',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: 0; } #mega-menu ul li ul li:hover, #brochure-menu li li:hover { border-bottom:0 ; background: #f0f0f0; } #mega-menu ul li ul li a, #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:#ffffff; text-decoration: none; } #idBreadcrumbsTop, #idBreadcrumbsBottom { float:left; margin:1em 0; } .breadcrumb-top {margin-bottom:1em; border-bottom:1px solid #f0f0f0;} /* chd improve appearance of breadcrumbs in Smart */ .bulk-area { float:none; clear:both; display:block; width:99.9%; /* chd make it span the full width of available space */ margin:0 auto; padding-bottom:1%; overflow:hidden; border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0; /* box-shadow:0 0 10px 6px #f4f4f4; chd don't need the box shadow */ } #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:1.5em; /* chd knock down the font size in the sidebar headings */ line-height:2.3em; text-align:left; color:#888888; border-bottom:1px solid #7d458c; } .productFiltersTitle .sidebar-filter-element form { font-size:0.6em !important; background:#ffffff; border:1px solid #f0f0f0; } .sidebar { width:99%; } .side-menu { width:100%; } /*.page-list p a, .section-list p a { background: #f0f0f0; } .page-list p a:hover, .section-list p a:hover { background: #ffffff; }*/ .page-list p { border-bottom: 1px dotted #428400; display: block; width: 97%; padding-left:5px; } .page-list p:hover { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #eeeeee 0%, #ffffff 100%) repeat scroll 0 0; } .sidebar .marketing-list { background: #f0f0f0; padding-bottom: 1em; } .sidebar-filter-element, .sidebar-element { width:94%; margin:0 3% 1em; border:1px solid #f0f0f0; } .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;} #left-sidebar .marketing-list-entry, #right-sidebar .marketing-list-entry { padding-bottom:2em; box-shadow:0px 7px 10px -8px #000000; background: #ffffff; } #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:normal; /* chd take off the 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:normal; /* chd take off the bold */ text-align:left;  color:#7d458c; } #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:#1e1f21; } #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:#7d458c; } #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; chd use default font-size */ } #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; } .bestSellersHomepage h1, .bestSellersHomepage h2, .newProductsHomepage h1, .newProductsHomepage h2 { width:100%; margin:0; padding:0 0.5em; font-size:2em; line-height:2.3em; } .bestSellersMarketingListEntry, .newProductsMarketingListEntry { position:relative; border:1px solid #f0f0f0; } .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:#ffffff; 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:#ffffff; 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:#ffffff; 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 #f0f0f0; } .recenththeader h2 { font-size:2.2em !important; color:#7d458c; } div.recenththeader input.recenthtbuttonright, div.recenththeader input.recenthtbuttonleft { font-weight:normal; text-transform:none; color:#ffffff; background:none; border:none; cursor:pointer; } div#recenthtitem { padding:1em 0; border:1px dotted #f0f0f0; } div#recenthtitem a, div#recenthtitem a p { color:#7d458c; } div#recenthtitem a:hover, div#recenthtitem a:hover p, div#recenthtitem a p:hover, div#recenthtitem a:hover p:hover { color:#1e1f21; } .content-area .marketing-list-entry {border:1px solid #f0f0f0;} .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%, #eeeeee 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(61%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #ffffff 61%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #ffffff 61%,#eeeeee 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #ffffff 61%,#eeeeee 100%); /* IE10+ */ background:linear-gradient(to bottom, #ffffff 61%,#eeeeee 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */ background-repeat:no-repeat; background-position:99% 97%; border:1px solid #ffffff; 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 span.quantityButton { display:block; float:left; width:2em; height:1.4em; margin:0.3em 0.5em; padding:0.1em 0 0; font-size:2em; font-weight:bold; color:#ffffff; text-align:center; border-radius:5px; } fieldset.quantity-box span.dec { background:#d6d6d6; } fieldset.quantity-box span.inc { background:#7d458c; } fieldset.quantity-box span.quantityButton:hover {cursor:pointer; background:#1e1f21;} 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 #7d458c; background: #7d458c; /* 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, #9250a4 0%, #7d458c 100%); /* FF3.6+ */ background:url('cart-icon.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9250a4), color-stop(100%,#7d458c)); /* Chrome,Safari4+ */ background:url('cart-icon.png'), -webkit-linear-gradient(top, #9250a4 0%,#7d458c 100%); /* Chrome10+,Safari5.1+ */ background:url('cart-icon.png'), -o-linear-gradient(top, #9250a4 0%,#7d458c 100%); /* Opera 11.10+ */ background:url('cart-icon.png'), -ms-linear-gradient(top, #9250a4 0%,#7d458c 100%); /* IE10+ */ background:url('cart-icon.png'), linear-gradient(to bottom, #9250a4 0%,#7d458c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9250a4', endColorstr='#7d458c',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, #7d458c 0%, #9250a4 100%); /* FF3.6+ */ background:url('cart-icon.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d458c), color-stop(100%,#9250a4)); /* Chrome,Safari4+ */ background:url('cart-icon.png'), -webkit-linear-gradient(top, #7d458c 0%,#9250a4 100%); /* Chrome10+,Safari5.1+ */ background:url('cart-icon.png'), -o-linear-gradient(top, #7d458c 0%,#9250a4 100%); /* Opera 11.10+ */ background:url('cart-icon.png'), -ms-linear-gradient(top, #7d458c 0%,#9250a4 100%); /* IE10+ */ background:url('cart-icon.png'), linear-gradient(to bottom, #7d458c 0%,#9250a4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d458c', endColorstr='#9250a4',GradientType=0 ); /* IE6-8 */ background-repeat:no-repeat; background-position:3%; } input[type="submit"], input[type="submit"]:hover, input[type="button"], input[type="button"]:hover, input.login, input.forgotpassword, .searchResults input[type="submit"], .contactRows input[type="submit"],  #idCheckoutForm input[type="submit"], .filter-by input[type="submit"], .filter-list input[type="submit"], .receipt input[type="submit"], #idLOOKUPORDERSFORM fieldset input[type=submit], #idRegistered form input[type="button"],  #idRegistered form input[type="submit"], input.login:hover, input.forgotpassword:hover, .searchResults input[type="submit"]:hover, .contactRows input[type="submit"]:hover, #idCheckoutForm input[type="submit"]:hover,  .filter-by input[type="submit"]:hover, .filter-list input[type="submit"]:hover, .receipt input[type="submit"]:hover, #idLOOKUPORDERSFORM fieldset input[type=submit]:hover, #idRegistered form input[type="button"]:hover,  #idRegistered form input[type="submit"]:hover, .info-box input[type="submit"], .info-box input[type="submit"]:hover { width:auto; margin:1em 0; padding:0 1em; font-size:1.4em; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyYTQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0Mjg0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #9250a4 0%, #7d458c 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#9250a4), color-stop(100%,#7d458c)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #9250a4 0%,#7d458c 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #9250a4 0%,#7d458c 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #9250a4 0%,#7d458c 100%); /* IE10+ */ background:linear-gradient(to bottom, #9250a4 0%,#7d458c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9250a4', endColorstr='#7d458c',GradientType=0 ); /* IE6-8 */ } .receipt input[type="submit"], .receipt input[type="submit"]:hover {margin:2em;}  input[type="submit"]:hover, input[type="button"]:hover, input.login:hover, input.forgotpassword:hover, .searchResults input[type="submit"]:hover, .contactRows input[type="submit"]:hover, #idCheckoutForm input[type="submit"]:hover,  .filter-by input[type="submit"]:hover, .filter-list input[type="submit"]:hover, .receipt input[type="submit"]:hover, #idLOOKUPORDERSFORM fieldset input[type=submit]:hover, #idRegistered form input[type="button"]:hover,  .info-box input[type="submit"]:hover { cursor:pointer; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyYTQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0Mjg0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #7d458c 0%, #7d458c 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d458c), color-stop(100%,#9250a4)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #7d458c 0%,#9250a4 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #7d458c 0%,#9250a4 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #7d458c 0%,#9250a4 100%); /* IE10+ */ background:linear-gradient(to bottom, #7d458c 0%,#9250a4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d458c', endColorstr='#9250a4',GradientType=0 ); /* IE6-8 */ } .info-box input[type="submit"] {font-size:1em;} .singleAddToCart input[type="submit"] { width:20em !important; height:4em !important; } #idRegistered .cart form fieldset {width:100%;} #idRegistered label, #idRegistered input[type="password"], #idBUYERFORM label, #idBUYERFORM input[type="text"], #idBUYERFORM input[type="tel"], #idADDRESSFORM label, #idADDRESSFORM input[type="text"], #idADDRESSFORM input[type="tel"] {width:95%;} #idADDRESSFORM select {width:98%;} #idRegistered input[type="button"] {clear:both !important; margin-right:1em !important;} .content-area form#idPASSWORDFORM fieldset input[type="button"], form#idPASSWORDFORM fieldset input[type="submit"] { clear:none; } form div input.cart-button, form div input.cart-button:hover {width:19em; height:2.7em;} .productDiscount {font-weight:bold; color:#ffffff;} .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:1em;} .sort_by { width:98%; margin-bottom:1em; padding:0 1%; background:#7d458c; } .sort_by select {border:1px solid #f0f0f0;} .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:#ffffff; } .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 #7d458c; border-bottom:1px solid #7d458c;} .cart, .checkout-cartheading{border-bottom:1px solid #7d458c;} .checkoutCustomers fieldset, #idBothAddressesTable {border:1px solid #f0f0f0;} .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:#7d458c; } #idInvoiceHeader, #idDeliverHeader {margin-left:1em;} .checkoutCustomers fieldset .customerTickBox label {color:#1e1f21; background:none;} .checkout {border:1px solid #f0f0f0;} .checkout h2 { margin:0; padding:0 2%; font-size:2em; line-height:2.3em; color:#ffffff; background:#7d458c; } .checkout h2.tcs { margin:0; padding:0 2%; font-size:1.8em; line-height:2.0em; color:#ffffff; background:#7d458c; font-weight:normal; } #idCheckoutForm span.actrequired {float:left;} input.checkout-change-button {font-size:1em !important;} #terms-body p strong {display:block;} #terms-body h3 {color:#7d458c;font-size:1.6em;} .footer-area { background:#ffffff; margin: 0 auto; width:100%; max-width:100%; border-top: 3px solid #7d458c; border-bottom: 3px solid #7d458c; } .footer-area p, .footer-area a, .footer-area ul, .footer-area ol, .footer-area span {color:#888888;} .footer-area h3, .footer-area h4 {color:#888888;font-weight:normal;} .deepFooter, .miniFooter { float:none !important; max-width:1280px; width:100%; background:none; color:#888888; }  .deepFooter ul, .deepFooter ol {list-style:none;} .deepFooter ul li::before, .deepFooter ol li::before {content:"ｻ "} @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:#7d458c;} .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:#7d458c; text-transform:capitalize; border:1px solid #cccccc; box-shadow:inset 0px 0px 0px 1px #ffffff; background: #eeeeee; /* 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, #eeeeee 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',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 #7d458c; } .nav {width:100%;} #mega-menu ul, #brochure-menu ul { float:none; width:90%; margin:0 auto; border:1px solid #f0f0f0; 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 #f0f0f0; -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:#1e1f21;} #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%;} } .contactusstuff, div.miniFooter p {padding:1%;} .red {color: red;} .footer-area ul li, .footer-area ol li {margin-bottom:0;} @media (min-width:801px) { .nowyouseeit {display:block;} .nowyoudont {display:none;} .nowyoudonot {display:none;} } @media (max-width:800px) { .nowyouseeit {display:none;} .nowyoudont {display:block;} #mega-menu ul li a, #brochure-menu li a { text-shadow: none; color: #111111; text-align:left; } #brochure-menu ul li a, #brochure-menu ul li a:hover { padding:1%; margin: 0 0 0 6%; } .side-menu .section-list p a {font-size:14px!Important;} .navigation-bar {background:none;} } .centered {text-align:center;} .centered img {clear:both!Important;float:none!Important;max-width:100%;height:auto;} .headerContent h3, .headerContent h3 a{color:#888888;font-weight:normal;} .headerContent h3 {margin-top:1em;} .header-area form {margin-top:0;} .quick-search input[type="text"] {margin-top:0;} .header-area .social-badges {margin-top:1em;} @media (max-width:800px) { #brochure-menu { width: 94%; margin: 0 3% 1em 8%; border: none; } #brochure-menu p { font-size: 1.4em; line-height: 1.7em; } #brochure-menu li a {color:#7d458c;} #brochure-menu li:hover a, #brochure-menu li:hover a:hover { color:#111111; text-decoration:underline; } #brochure-menu li:hover {background:none;} #brochure-menu ul, #brochure-menu ol {line-height: 1.6em;} #brochure-menu ul li a, #brochure-menu ul li a:hover {margin:0;font-size:14px;line-height:1.7;} } .social-badgesf img {border:none;float:right;clear:left;margin-left:1em!Important;} .social-badgesf {float:left; clear:none;} .social-badgesf a {margin-left:1em!Important;} .strapline { width: 98%;  max-width: 98%; text-align:center; color:#733485; font-size:1.3em; font-weight:bold; border:4px solid #a984b5; padding:6px; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius: 12px; } .straplinef { width: 95%;  max-width: 95%; text-align:center; color:#733485; font-size:1.0em; font-weight:bold; border:4px solid #a984b5; padding:6px; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius: 12px; } .straplinef p { color:#733485; font-size:1.0em; font-weight:bold; float:none; } .pjnt-border { border: 4px solid #a984b5; width: 98%; background-color: #1e73be; border-color: #a984b5; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius: 12px; } .pjnt-label { float: left; margin: 0 7px } .pjnt-box { overflow: hidden } .pjnt-content { white-space: nowrap; display: inline-block; position: relative; left: 0px; font-size:1.4em; line-height: 1.5; font-style:italic; color:#733485; padding:6px; } .pjnt-spacer { margin: 0 25px } .pjnt-item a {color:#333333; font-style:italic; text-decoration: none;} .pjnt-item a:hover {color:#000000;} .content-area .fragment-list {padding-top:0;} .share-buttons {margin-bottom:0;} .sidebar-element .page-list p {margin-left:6%;border:0;} .hpsld { text-align:center; margin-bottom:1em; border: 1px solid #ffffff; position:relative; padding-bottom:50px; } .hpsld .section-link-image img {float:none;} .hpsld .section-link-image img:hover {opacity:0.8;} .hpsld h3, .hpsld a h3 { font-size:1.7em; color:#ffffff; display:block; width:92%; background:#7d458c; font-weight:normal; padding:2px; margin:0; } .hpsld a h3 { position:absolute; bottom:0; } .hpsld a:hover h3, .hpsld a h3:hover {color:#ffffff;text-decoration:none;} .hpsld p {margin:0;margin-left:0;} .plsld { text-align:center; margin-bottom:1em; border: 1px solid #ffffff; position:relative; } .plsld .mini-product-summary-image, .plsld .mini-product-summary {max-width:100%; width:auto;} .plsld .mini-product-summary {padding-bottom: 10px;} .plsld .mini-product-summary-price {font-weight:bold;} .plsld mini-product-summary-image img, .plsld img, #ContentPage .product-details.plsld form img, .mini-product-summary-image img {float:none;max-width:100%; width:auto;} .plsld mini-product-summary-image img:hover, .plsld img:hover, #ContentPage .product-details.plsld form img:hover, .mini-product-summary-image img:hover {opacity:0.8;} .plsld h2, .plsld a h2 { font-size:1.7em; } .plsld a:hover h2, .plsld a h2:hover {color:#ffffff;text-decoration:none!Important;} .plsld p {margin:0;margin-left:0;} .plsld .mini-product-summary-link { color:#ffffff; display:block; width:92%; background:#7d458c; font-weight:normal; padding:2px; margin:0; position:absolute; bottom:0; } .plsld form { clear: both; padding: 1%; height: 97%; } .alion { height:0; font-size: 1px; line-height: 0px; border-top: 1px solid #7d458c; width:auto; width:100%; margin:10px 0; } .agerestrict {clear:left;float:left;display:inline-block;color:#CC0000;font-weight:bold;margin-top:1em; font-size:1.8em;width:100%;} .agerestrict img {margin-right:8px;vertical-align:middle;display:inline;} .custimage {width:100%;max-width:100%;text-align:center;} .custimage img, .custimage div img {width:auto;max-width:100%;float:none;border:1px solid #ffffff;} .custimage div {float:none!Important;margin:0 auto;} form.custimagex .product-image > img {float:none;} form.custimagex h3 {font-family:Arial;font-size:1.6em;color:#111111;} form.custimagex .cust-product-price {font-weight:bold;} form.custimagex fieldset {display:block;} form.contactUsForm fieldset {border:none;} .topleft h2, .topleft h5, .taggline h2 { float:none; clear:both; text-align:center; color:#888888; margin:0;padding:0; font-weight:normal; }  .topleft {text-align:center;} .headerContent .columnxx h3 {  clear:both;  float:right;  text-align:right; margin:0;padding:0; padding-bottom:.7em; } .quick-search {width:90%;} .header-area ol {display:block; float: right;} .header-area div.quick-search form input.button.quick-search-button { box-shadow:none; } .header-area ol li, .header-area ol li a {color:#888888;}  div .mini-product-summary a h2:hover {color:#7d458c!Important;} .specificationtext h5 { font-size: 1.1em; display:block; width:100%; padding:.5em; background:#E6E6E6; color:#000000; } /*.mini-product-summary-image img {max-height:130px;}*/ .rwd-table { margin: 0 0 1em 0; min-width: 300px; } .rwd-table tr { border-bottom: 1px solid #ddd; } .rwd-table th { display: none; } .rwd-table td { display: block; } .rwd-table td:first-child { padding-top: .5em; } .rwd-table td:last-child { padding-bottom: .5em; } @media (min-width: 550px) { .rwd-table td:before { display: none; } } .rwd-table th, .rwd-table td { text-align: left; } @media (min-width: 550px) { .rwd-table th, .rwd-table td { display: table-cell; padding: .25em .5em; } .rwd-table th:first-child, .rwd-table td:first-child { padding-left: 0; } .rwd-table th:last-child, .rwd-table td:last-child { padding-right: 0; } } .rwd-table th, .rwd-table td { margin: .5em 1em; } @media (min-width: 550px) { .rwd-table { width:800px; } }