/* 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: #000000; font-size: 11px; } p, table, td, th { font-family: Tahoma, Geneva, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #000000; margin-top: 0px; } form { margin: 0px; } a:link { color: #cc0000; text-decoration: none; } a:visited { color: #cc0000; text-decoration: none; } a:hover { color: #000000; text-decoration: underline; } a:active { color: #cc0000; text-decoration: none; } 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: #000000 1px solid; border-bottom: #000000 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: #000000; text-decoration: none; } a.checkout-textcolor:visited { color: #000000; text-decoration: none; } a.checkout-textcolor:hover { color: #000000; text-decoration: underline; } a.checkout-textcolor:active { color: #000000; text-decoration: underline; } 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: #999999; } .actCHECKOUTBG { background-color: #eeeeee; } .actlarger { font-size: 13px; color: #000000; } .actsmaller{ font-size: 10px; color: #000000; } .actxxsmall { font-size: 10px; color: #000000; } .actxsmall { font-size: 11px; color: #000000; } .actsmall { font-size: 11px; color: #000000; } .actregular { font-size: 13px; color: #000000; } .actlarge{ font-size: 16px; color: #000000; } .actxlarge { font-size: 20px; color: #000000; } .actxxlarge { font-size: 20px; color: #000000; } .actwarningcolor { color: #cc0000; } .actrequiredcolor { color: #cc0000; } .actsearchhighlightcolor { color: #cc0000; } .actrequired { color: #cc0000; } .actwarning { font-size: 11px; color: #cc0000; } .actwelcome { font-size: 11px; color: #000000; } .actlogotext { font-size: 11px; color: #D9090E; font-style: normal; font-weight: bold; text-align: center; } .actlogout { font-size: 11px; color: #cc0000; } /* 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; } /* Boxes and borders ------------------------------------------- */ .thinborder1 { border: 1px solid #333333; } .thinborder2 { border: 1px solid #990000; } .thinred { border: solid 1px #333333; border-top: 0px; } .thinred2 { border: solid 1px #990000; border-top: 0px; } .boxheading { font-weight: bold; text-transform: uppercase; color: #ffffff; } a.boxlink:link{ color: #ffffff; text-decoration:none; } a.boxlink:visited{ color: #ffffff; text-decoration:none; } a.boxlink:hover{ color: #ffffff; text-decoration:underline; } a.boxlink:active{ color: #ffffff; text-decoration:none; } * html .boxhead h2 {height: 1%;} .sidebox { background: url('theme_curve4.gif') no-repeat bottom right; font-size: 100%; } .boxhead { background: url('theme_curve2.gif') no-repeat top right; margin: 0; padding: 0; text-align: left; } .boxhead h2 { background: url('theme_curve1.gif') no-repeat top left; margin: 0; padding: 5px 10px 5px; color: #ffffff; font-weight: bold; font-size: 1.2em; line-height: 1em; } .boxbody { background: url('theme_curve3.gif') no-repeat bottom left; margin: 0; padding: 5px 10px 11px; } .boxbody ol { margin: 0; padding: 0; margin-left: 1.2em; padding-left: 1.2em; } .boxbody ol li { margin-bottom: 0.2em; } /* 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 ------------------------------------------- */ div.CheckoutCartSection { margin-top: 0px; margin-bottom: 10px; } table.checkout#idTableCheckoutSection { margin-bottom: 0px; } table.checkout-cart { width: px; border-collapse: collapse; padding: 0px 0px; margin-bottom: 5px; } table.checkout-cart th{ font-weight: bold; background-color: white; border-top: solid 1px #999999; border-bottom: solid 1px #999999; padding: 4px 4px; } table.checkout-cart td{ padding: 4px 4px; } table.checkout { width: px; border-collapse: collapse; padding: 0px 0px; text-align: left; margin-bottom: 5px; } table.checkout th { background-color: white; 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: #990000; border: 1px solid #333333; 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: #990000; border: 1px solid #333333; 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: white; 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: white; border-bottom: solid 1px #999999; } .checkout-cartheading { font-weight: bold; background-color: white; border-top: solid 1px #999999; border-bottom: solid 1px #999999; } .cartheading { background-color: #999999; font-weight: bold; color: #eeeeee; } h2.checkout-heading { background-color: white; font-size: 13px; font-weight: bold; color: white; padding: 5px 2px; border-bottom: solid 3px #ffffff; width: px; } h3.checkout-heading { width: px; padding: 3px 0; background-color: #999999; font-size: 13px; font-weight: bold; color: white; 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: #990000; padding: 5px; border: solid 1px #000000; } input.highlight-button { font-family: Tahoma, Geneva, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; background: #333333; padding: 5px; border: solid 1px #000000; } .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: #000000; background-color: #ffffff; padding: 2px; } .InvoiceField input, .InvoiceField select { font-family: Tahoma, Geneva, sans-serif; font-size: 13px; color: #000000; background-color: #ffffff; padding: 2px; } .DeliverField input, .DeliverField select { font-family: Tahoma, Geneva, sans-serif; font-size: 13px; color: #000000; 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; width: px; } .checkout-field-area p { margin: 0; padding: 4px; } div.checkout-buttons { width: px; height: 50px; margin-top: 20px; } .left { float : left; width : 50%; } .right { float : right; width : 40%; } .spacer { clear : both; } .checkout-help-hide { display: none; } /* 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: #333333; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-1 { width: 150px; height: 19px; background-color: #333333; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-2 { width: 225px; height: 19px; background-color: #333333; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-3 { width: 300px; height: 19px; background-color: #333333; 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 { width: px; 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: #000000; } 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 the site map -------------------------------------------- */ #actinic-sitemap { margin-left: 5px; } #actinic-sitemap ul { margin-bottom: 0; padding-bottom: 0; } /* Formatting for Feefo customer feedback --------------------------------- */ .feefositelogo { margin-top: 10px; text-align: center; } .feefoproductlogo { margin-top: 10px; } /* Recently Viewed Products List Style ------------------------------------ */ #rphtml { display: none; visibility:hidden; } /* Used internally - do not delete */ #recenthtlist { width: 500px; text-align:left; } #recenthtitem { border-spacing: 0px; border-collapse: collapse; } #recenthtitem td { width: 110px; padding: 4px; text-align: center; border-left: 1px solid #cccccc; border-right:1px solid #cccccc; } .recenthtitemimage { border-top: 1px solid #cccccc; } .recenthtitemdesc {} .recenthtitemprice {} .recenthtitemdelete { border-bottom: 1px solid #cccccc; } .recenthtitemspacer { width:2px !important; border:0 !important; padding: 0px !important; } .recenththeader { clear: both; padding: 3px; font-size: 16px; font-weight: 900; margin: 0px; color: #990000; width: 496px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .recenthtbuttonleft { float: left; cursor: pointer; width: 100px; border: 0; background-color: #ffffff; } .recenthtbuttonright { float: right; cursor: pointer; width: 100px; border: 0; background-color: #ffffff; } /* Used by 'CSS Product Layout' ------------------------------------------- */ .content_left { text-align: left; float: left; margin-right: 20px; } .content_right { text-align: left; float: left; } /* Used by 'Standard Layout Using CSS' and related CSS-based product layouts */ .product_list { margin: 20px 0px 20px 0px; } /* headings ----------------------------------------------------------------------------- */ h1 { font-size: 20px; font-weight: 900; margin: 0px; padding: 16px 0px 4px 0px; color: #333333; } h1.subheading { font-size: 13px; font-weight: 900; margin: 0px; padding: 0px 0px 14px 0px; color: #990000; border: 0px; background-color: transparent; } h2 { font-size: 16px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #990000; } h2.clearall { font-size: 16px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #990000; clear:both; } h3.product { font-size: 13px; font-weight: 900; margin: 0px; padding: 0px 0px 6px 0px; color: #990000; } h3.product_price { font-size: 11px; font-weight: 900; margin: 0px; padding: 0px 0px 20px 0px; } .text_heading_left_column { margin: 0px; padding: 19px 0px 4px 0px; line-height:normal; color: #333333; font-weight: 900; font-size: 13px; } /* Default formatting of all text boxes used in store pages ---------------- */ .form_input_general { line-height: normal; font-size : 11px; word-spacing: normal; } /* Styles for 'Quick Search Bar With Larger Button' ------------------------ */ .form_main_search_box { line-height: 13px; width: 76px; height: 16px; margin: 0px 1px 0px 1px; padding: 0px 0px 0px 2px; font-size : 11px; background-color: #eeeeee; border: 1px solid #eeeeee; color: #000000; vertical-align: top; } .form_main_search_box_td { background-color: #990000 } .form_button_quick_search { line-height: 13px; height: 18px; width: 85px; margin: 1px 1px 1px 1px; padding: 0px 0px 0px 12px; font-size : 11px; background-color: #990000; border: 1px solid #333333; color: #ffffff; background-image: url('theme_icon_search.gif'); word-spacing: normal; } /* Styles for the 'Mini' marketing layouts ---------------------------------- */ .product_image_cost { margin: 0px 12px 8px 0px; text-align: center; float: left; } .text_product_small_info { font-size: 10px; line-height: normal; margin: 0px; padding: 0px 0px 6px 0px; } .text_product_small_info_heading { margin: 0px; padding: 10px 0px 12px 0px; line-height:normal; color: #990000; font-weight: 900; font-size: 11px; } .text_product_small_info_price { margin: 0px; padding: 8px 0px 0px 0px; line-height:normal; font-weight: 900; font-size: 11px; } .best_selling_items { padding: 10px; background-color: #ffffff; } .best_selling_items_spacing { padding: 0px 0px 8px 8px; } /* Styles for product image and fragment image placement in some layouts -------------------------- */ .image_float_right { float: right; margin: 16px 0px 15px 20px; } .image_product { margin: 0px 18px 10px 0px; text-align: center; float: left; } /* Links to sections and pages in sidebar menus on some themes -------------------------------------*/ ul.products { line-height: normal; padding: 0px 0px 0px 1px; margin: 3px 0px 4px 15px; font-size: 11px; color: #cc0000; } a.product_section:visited { color : #cc0000; text-decoration : none; } a.product_section:link { color : #cc0000; text-decoration : none; } a.product_section:active { color : #cc0000; text-decoration : none; } a.product_section:hover { color : #000000; text-decoration : none; } /* lines -------------------------------------------------------------------------------- */ .dotted_line_blue { height: 1px; background-color: #990000; background-image:url('theme_dotted_line.gif'); clear:both; } .solid_line_light_blue { height: 1px; padding: 0px; margin: 0px; background-color: #990000; clear:both; } .solid_line_blue { height: 1px; padding: 0px; margin: 0px; background-color: #333333; clear:both; } .dotted_outline_blue { border: 1px dotted #990000; padding: 8px; } /* Styles for 'Compact Parent Section List' ------------------------ */ .text_breadcrumbs { font-size: 10px; color: #333333; margin: 0px; line-height:normal; padding: 2px 0px 10px 0px; } a.link_breadcrumbs:visited { color : #333333; text-decoration : underline; } a.link_breadcrumbs:link { color : #333333; text-decoration : underline; } a.link_breadcrumbs:active { color : #333333; text-decoration : underline; } a.link_breadcrumbs:hover { color : #333333; text-decoration : underline; } /* Page footer --------------------------------------------------------*/ .text_footer { color: #990000; font-size: 10px; padding:0px; margin:4px 0px 0px 0px; } .text_menu_no_space { word-spacing: normal; } a.link_footer:visited { color : #cccccc; text-decoration : underline; } a.link_footer:link { color : #cccccc; text-decoration : underline; } a.link_footer:active { color : #cccccc; text-decoration : underline; } a.link_footer:hover { color : #cccccc; text-decoration : underline; } /* Heading for attributes --------------------------------------------------------*/ .text_options { font-weight: 900; } /* Formatting for 'Add To Cart Button With Cart Icon' ----------------------------------------------*/ .form_button_add_to_cart { line-height: 13px; height: 20px; width: 86px; margin: 0px 1px 0px 0px; padding: 1px 0px 1px 14px; font-size : 11px; background-color: #990000; border: 1px solid #333333; color: #ffffff; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; } /* Styles for CSS Buttons ----------------------------------------------*/ .text_menu { padding: 2px 0px 2px 0px; font-size : 11px; margin: 0px; color : #ffffff; } a.link_menu:visited { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px; color : #ffffff; text-decoration : none; background-color: #990000; border: 1px solid #cccccc; } a.link_menu:link { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px; color : #ffffff; text-decoration : none; background-color: #990000; border: 1px solid #cccccc; } a.link_menu:active { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px; color : #ffffff; text-decoration : none; background-color: #990000; border: 1px solid #cccccc; } a.link_menu:hover { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px; color : #ffffff; text-decoration : none; background-color: #333333; border: 1px solid #cccccc; } /* Styles for 'Top Level Section List In Boxes' and 'Brochure Nav Bar In Boxes' --------------------*/ .tech_main_menu { background-color: #333333 } .tech_menu_bottom { height: 4px; background-color: #333333; } .tech_menu_button_border { width: 121px; border-right: 1px #ffffff solid; border-top: 1px #ffffff solid; } div.tech_menu_button { width: 119px; top: 0px; left: 0px; border: 1px #333333 solid; } div.tech_menu_button_product { width: 119px; top: 0px; left: 0px; border: 1px #333333 solid; } .tech_menu_button_title { width: 122px; border-top: 1px #ffffff solid; background-color: #333333; } .tech_text_product_section { padding: 3px 3px 3px 5px; margin: 0px; color : #ffffff; font-size : 11px; font-weight: 900; } div.tech_menu_button a { width: 113px; color: #ffffff; text-decoration:none; display:block; padding:3px; text-align:left; background-color: #990000; font-size: 11px; } div.tech_menu_button a:visited { color: #ffffff; text-decoration:none; background-color: #990000; } div.tech_menu_button a:active { color: #ffffff; text-decoration:none; background-color: #cccccc; } div.tech_menu_button a:link { color: #ffffff; text-decoration:none; background-color: #990000; } div.tech_menu_button a:hover { color: #ffffff; text-decoration:none; background-color: #cccccc; } div.tech_menu_button_product a { width: 104px; color: #ffffff; text-decoration:none; display:block; padding:3px 3px 3px 12px; text-align:left; background-color: #990000; font-size: 11px; } div.tech_menu_button_product a:visited { color: #ffffff; text-decoration:none; background-color: #333333; background-image:url('theme_arrow.gif'); } div.tech_menu_button_product a:active { color: #ffffff; text-decoration:none; background-color: #333333; background-image:url('theme_arrow.gif'); } div.tech_menu_button_product a:link { color: #ffffff; text-decoration:none; background-color: #333333; background-image:url('theme_arrow.gif'); } div.tech_menu_button_product a:hover { color: #ffffff; text-decoration:none; background-color: #cccccc; background-image:url('theme_arrow.gif'); } /* Start of styles new to v9 */ /* Styles for 'Best Seller List in Boxes' and 'New Products List in Boxes' used on the brochure home page */ .heading_marketing_box { border: 2px solid #333333; width: 229px; margin: 0px 20px 14px 0px; } .heading_marketing_box p.text_product_small_info_heading { background-color: #333333; border-bottom: 2px solid #333333; color: #ffffff; font-weight: 900; font-size: 11px; background-image: url('theme_marketing_header.gif'); margin: 0px; padding: 4px 0px 0px 8px; height: 20px; } .heading_marketing_box p{ padding: 8px; } .heading_marketing_box .product_image_cost { padding: 8px; } /* Rounded header and footer used around the bulk areas in 'Expert' and 'Hotshot' themes, but also used in the lists that have 'Rounded Corners' in the name */ .rounded-heading { background-image: url('theme_curve2.gif'); background-repeat: no-repeat; background-position: top right; } .rounded-heading p.spacer { margin: 0; padding: 3px 0; background-image: url('theme_curve1.gif'); background-repeat: no-repeat; margin-right: 10px; color: #ffffff; } .rounded-footer { background-image: url('expert_rounded_bottom_right.gif'); background-repeat: no-repeat; background-position: bottom right; } .rounded-footer p.spacer { margin: 0; padding: 3px 0; background-image: url('expert_rounded_bottom_left.gif'); background-position: bottom left; background-repeat: no-repeat; margin-right: 10px; color: #ffffff; } .indented-link a { display: block; background-color: #fff; width: 140px; padding: 5px 0 5px 30px; font-weight: bold; text-decoration: none; border-bottom: solid 1px #333333; } .indented-link a:hover { background-color: #cccccc; } /* Style for the 'Graduated Background' for Top Level Section lists and Brochure Page lists */ .graduated-link a { display: block; padding: 5px 0 5px 30px; font-weight: bold; text-decoration: none; border: solid 1px #cccccc; border-bottom: 0; border-right: 0; background-image: url('prime_link_background.gif'); background-repeat: no-repeat; } /* Style for the 'Shaded Background' for Top Level Section lists and Brochure Page lists */ .hotshot-link a { display: block; padding: 5px 0 5px 30px; font-weight: bold; text-decoration: none; border-bottom: solid 1px #ffffff; } .hotshot-link a:hover { background-image: url('hotshot-link-highlight.gif'); background-repeat: no-repeat; } .hotshot-box-main { background-image: url('hotshot-box-main.gif'); background-position: bottom; width: 170px; } .hotshot-box-content { background-image: url('hotshot-box-top.gif'); background-repeat: no-repeat; padding: 10px; } /* Styles for 'Quick Search Bar With Curved Box' layout */ .formbox1 { padding: 0px; margin: 0px; border: 0px; background-image: url('theme-rounded-searchfield-left.gif'); height: 19px; padding-left: 10px; background-repeat: no-repeat; float: left; } .formbox2 { padding: 0px; margin: 0px; border: 0px; height: 19px; background-image: url('theme-rounded-searchfield-right.gif'); background-position: right; background-repeat: no-repeat; padding-right: 10px; } .inputfield { padding: 0px; margin: 1px 0; border: 0px; height: 16px; font-size: 12px; } /* Drop down menus used for top level section lists and brochure page lists in the 'Corporation' and 'Premier' theme */ #corporate_top_menu, #corporate_top_menu ul { /* main menu lists */ padding: 0px; margin: 0px 0px 0px 0px; list-style: none; line-height: 1; font-size: 11px; } #corporate_top_menu a { display: block; color: #ffffff; padding: 3px 6px 3px 13px; margin: 0; font-size: 11px; text-decoration: none; background-image: url('theme_arrow.gif'); background-position: left; background-repeat: no-repeat; background-color: #990000; border-right: 1px solid #000000; } #corporate_top_menu li a:hover { display: block; color: #ffffff; padding: 3px 6px 3px 13px; margin: 0; font-size: 11px; text-decoration: none; background-image: none; background-color: #333333; background-image: url('theme_arrow.gif'); background-position: left; background-repeat: no-repeat; } #corporate_top_menu li { /* all list items */ float: left; padding: 0px; margin: 0; list-style-image: none; line-height: 18px; } #corporate_top_menu li ul { /* second-level lists */ font-size: 100%; width: 150px; display: block; position: absolute; margin: 0px 0px 0px -2px; border-top: 1px solid #000000; list-style-image: none; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } #corporate_top_menu li ul li { /* second-level lists */ width: 150px; display: block; background-image: none; background-color: #990000; border-bottom: 1px solid #000000; } #corporate_top_menu li ul li a { /* second-level lists */ background-image:none; padding: 3px 6px 4px 6px; line-height: 150%; display: block; border-left: 1px solid #000000; border-right: 1px solid #000000; } #corporate_top_menu li ul li a:hover { /* second-level lists */ display: block; border-left: 1px solid #000000; border-right: 1px solid #000000; padding: 3px 6px 4px 6px; background-image:none; background-color: #333333; } #corporate_top_menu li ul ul { /* third-and-above-level lists */ margin: -24px 0px 0px 149px; } #corporate_top_menu li:hover ul ul, #corporate_top_menu li.sfhover ul ul { left: -999em; } #corporate_top_menu li:hover ul, #corporate_top_menu li li:hover ul, #corporate_top_menu li.sfhover ul, #corporate_top_menu li li.sfhover ul { /* lists nested under hovered list items */ left: auto; } .corporate_pages_menu ul { /* brochure list */ padding: 0px; margin: 0px 0px 0px 0px; line-height: 1; font-size: 11px; list-style-image: none; } .corporate_pages_menu ul li { display: block; background-image:none; background-color: #990000; border-bottom: 1px solid #000000; } .corporate_pages_menu li a { color: #ffffff; background-image:none; padding: 3px 6px 4px 6px; line-height: 150%; display: block; } .corporate_pages_menu li a.product_section { color: #ffffff } .corporate_pages_menu li a:hover { color: #ffffff; display: block; padding: 3px 6px 4px 6px; background-image: none; background-color: #333333; } /* 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; } .dotted_line_blue { background: none; border-top: 1px dotted #990000; } .content-area table { border-spacing: 8px 0 0 0; } .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; } .attribute-list li input { border: 0; } .follow-buttons div, .follow-buttons iframe { float: left !important; } html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, input, select, textbox, button { font-family:Tahoma, Geneva, sans-serif; color:#000000; } html {width:100%; -webkit-text-size-adjust:none;} body { width:90%; margin:0 auto; padding:0; font-family:Tahoma, Geneva, sans-serif; font-size:62.5%; background-color: #ffffff; } h1, h2, h3, h4, h5, h6 { clear:both; width:auto; margin:1%; padding:0; } h1 {font-size:3em; line-height:1.2;} h2 {font-size:2.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.5em; padding:0; font-size:1.4em; line-height:1.7em; } .product-text p, .product-text ul, .product-text ol {font-size:1em;} a {color:#cc0000;} a:hover {color:#000000;} a:visited {color:#cc0000;} a:active {color:#cc0000;} ul, ol {clear:both; list-style-position:inside;} span.actlogout {font-size:1em;} form {float:left; position:relative;} form {clear:both; padding:1%;} fieldset {border:none;} input, textarea, select {float:left; margin:0.5em 0 0 0; padding:0.3em;} table {float:left; clear:both; width:100%; margin:0; padding:0;} table tr th, table tr td {margin:0; padding:1%;} .floatLeft, div.set-left {float:left; padding-right:10px;} .floatRight, div.set-right {float:right; padding-left:10px;} div.set-left, div.set-right {clear:none;} .set-centre {float: left; width: 100%;} .set-centre a {display: block; overflow: hidden; Margin: 0; padding: 0;} .set-centre a img {float: none !important; display: block; margin: 1% auto !important; padding: 0; min-width: 1px; width: auto; max-width: 100%; height: auto;} .hide {display:none;} .show {display:block;} /* The desktop styles */ #wrapper { width:100%; } .subHeader {float:left; width:100%; margin-bottom:1%;} .subHeader ol {float: right; text-align:right;} .subHeader ol li {display:inline; float:none; clear:none; width:auto; margin:0 1%;} .header-area, .navigation-bar, .bulk-area, .deepFooter, .miniFooter {background-color:#ffffff;} div[class^="contactInfoTopCol"] span.displayDesktop, div[class^="footerCol"] span.displayDesktop {display:block;} div[class^="contactInfoTopCol"] a.displayMobile, div[class^="footerCol"] a.displayMobile {display:none;} .header-area { float:left; width:99%; margin:0; padding:0.5%; } .header-area div.logo {float:left;} .header-area a img, .header-area .logo img {float:left; margin:0.5em;} .header-area .cart-summary {float:right; margin:0.3em; padding:0;} .cart-summary p {float:left; clear:both;} .header-area ol { float:right; clear:none; width:auto; margin:0.3em; padding:0; list-style-type:none; list-style-position:inside; } .header-area ol li {display:inline; margin:0; padding:0 0.4em;} .header-area ol li a {text-decoration:underline;} .header-area form, .sidebar-element form { float:right; clear:none; margin:0.3em; padding:0; } .header-area .infoLinks { float:none; display:inline-block; width:auto !important; clear:none; margin:2em auto 0 !important; position:relative !important; } .header-area div.quick-search form span.quick-search-button-wrapper {float:left; margin:0 1em; padding:0;} .header-area div.quick-search form input.button.quick-search-button {float:left; margin:0; padding:10%;} .follow-buttons, .social-badges {width:48%;} .follow-buttons {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; } .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; background: #ffffff;} .header-area form .sf_suggestion ul {width:128px !important;} .sf_suggestion {position: relative; z-index: 9999999999; border: 1px solid #990000;} .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 suggest */ .header-area p.headerText { float:left; clear:both; width:99%; margin:0.2% 0%; padding:0; } div.navigation-bar {float:left; width:100%;} div.miniNav {display:none;} /* Start of Mega Menu */ #mega-menu, #brochure-menu {float:left; margin:0 auto; position:relative;} #mega-menu {z-index:999999;} #brochure-menu {z-index:1;} .menuFlex {display:flex; display:-ms-flexbox;} #mega-menu ul, #brochure-menu ul, #brochure-menu ol { float:left; width:100%; min-height:2.7em; margin:0; padding:0; line-height:1.5em; position:relative; z-index:1; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; flex-flow:row wrap; /* Start of IE Flex box */ display: -ms-flexbox !important; -ms-flex-direction: row !important; -ms-flex-wrap:wrap !important; /* End of IE Flex box */ } #mega-menu ul li, #mega-menu ul li:hover, #brochure-menu li, #brochure-menu li:hover { float:left; width:auto; height:auto; margin:0; padding:0; font-size:1em; list-style-type:none; list-style-position:inside; cursor:pointer; -webkit-flex: 0 0 9em; -moz-flex: 0 0 9em; flex: 0 0 9em; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:9em; /* End of IE Flex box */ position:relative; } .IeOnly #mega-menu ul li, .IeOnly #mega-menu ul li:hover, .IeOnly #brochure-menu li, .IeOnly #brochure-menu li:hover, .androidOnly #mega-menu ul li, .androidOnly #mega-menu ul li:hover, .androidOnly #brochure-menu li, .androidOnly #brochure-menu li:hover { width:9em; height:3.5em; } #mega-menu ul li a, #brochure-menu li a { display:block; width:9em; margin:0; padding:1em 0; text-align:center; } .IeOnly #mega-menu ul li a, .IeOnly #brochure-menu li a, .androidOnly #mega-menu ul li a, .androidOnly #brochure-menu li a {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #mega-menu ul li div, #brochure-menu li div { display:none; width:100%; position:absolute; background:#ffffff; z-index:9999999999; } #mega-menu ul li div div, #brochure-menu li div div{ float:left; display:block; width:100%; padding:0 0.5em; position:relative; top:0px; text-align:left; } #mega-menu ul li ul, #brochure-menu li ul, #brochure-menu li ol { width:9em; height:auto; margin:0; padding:0; font-size:1em; text-align:left; } #mega-menu ul li ul li a, #mega-menu ul li:hover ul li a, #brochure-menu li li a, #brochure-menu li:hover li a { width:8em; min-height:2.3em; margin:0; padding:0.1em; text-align:center; } #mega-menu ul li:hover ul li:hover a, #brochure-menu li:hover li:hover a {text-decoration:underline;} /* End of Mega Menu */ .bulk-area {float:left; width:100%; margin-bottom:1%;} #left-area { width:80%; float:left; clear:none; } #left-sidebar, #right-sidebar { float:left; width:19%; margin:1.2% 0; padding:1% 0; } #left-sidebar h2, #right-sidebar h2 {font-size:2em; line-height:2em;} #right-sidebar {float:right;} #left-sidebar p, #right-sidebar p {clear:none;} #left-sidebar .product-image, #right-sidebar .product-image {margin:0; padding:0;} #left-sidebar .product-image img, #right-sidebar .product-image img {clear:left;} #left-sidebar .marketing-list-entry p.product-price, #right-sidebar .marketing-list-entry p.product-price {font-size:1em;} #productFiltersLeft {float:left; width:100%;} .sidebar-filter-element, .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"] {float:left;} .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"] br {display:none !important;} .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"] input {float:left; clear:left; margin-right:0.5em;} .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"] label {display:block; width:78%; margin:0; padding:0;} .sidebar-filter-element, .sidebar-filter-element div.filter-list div[id^="FilterSectionOptions"] {float:left;} .sidebar-filter-element div.filter-list div[id^="FilterSectionOptions"] br {display:none;} .sidebar-filter-element div.filter-list div[id^="FilterSectionOptions"] input {float:left; clear:left; margin-right:0.5em;} .sidebar-filter-element div.filter-list div[id^="FilterSectionOptions"] label {display:block; width:78%; margin:0; padding:0;} .sidebar-filter-element, .sidebar-filter-element div.filter-list div[id^="FilterPriceBandOptions"] {float:left;} .sidebar-filter-element div.filter-list div[id^="FilterPriceBandOptions"] br {display:none;} .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^="FilterPriceBandOptions"] label {display:block; width:78%; margin:0; padding: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:#000000; 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; } .sidebar .info-box form, .info-box form p input {width:90%;} #ContentPage .share-buttons, #ContentPage, .sitemap {float:left; width:100%;} .content-area #product-page-body {float:left; width:100%;} .singleAddToCart fieldset.quantity-box {float:right;} .breadcrumb-top, .breadcrumb-bottom {float:left; clear:both; width:100%;} .sort_by {height:45px;} .sort_by form {width:100% !important; margin:0; padding:0;} .sort_by select {float:right; margin:1em; padding:0;} #search_results_list {float:left; width:100%;} .pagination {float:left; clear:both;} .content-area p.actrequired {float:left;} .content-area .fragment-list { float:left; width: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 22%; -moz-flex:0 0 22%; flex:0 0 22%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:22%; width:22%; /* End of IE Flex box */ margin:1%; } .content-area .marketing-list .products img, .content-area .marketing-list .products p {clear:both;} .content-area .product-list .marketing-list-entry .price p {clear:none;} .section-list, .product-list { float:left; width:99.5%; margin:0; padding:0; } /* Column Counts */ div.sectionListOneColumn, div.sectionListTwoColumn, div.sectionListThreeColumn { display:-webkit-flex; display:-moz-flex; display:flex; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; flex-flow:row wrap; /* Start of IE Flex box */ display: -ms-flexbox !important; -ms-flex-direction: row !important; -ms-flex-wrap:wrap !important; /* End of IE Flex box */ } div.sectionListOneColumn .section-link-details, div.sectionLinkFirstOneColumn .section-link-details:first-child { -webkit-flex:1 0 94.5%; -moz-flex:1 0 94.5%; flex:1 0 94.5%; /* Start of IE Flex box */ -ms-flex-grow:1; -ms-flex-shrink:0; -ms-flex-basis:94.5%; width:94.5%; /* End of IE Flex box */ } div.sectionListTwoColumn .section-link-details, div.sectionLinkFirstTwoColumn .section-link-details:first-child, div.sectionLinkFirstTwoColumn .section-link-details:nth-child(2) { -webkit-flex:0 0 45%; -moz-flex:0 0 45%; flex:0 0 45%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:45%; width:45%; /* End of IE Flex box */ } .IeOnly div.sectionListTwoColumn .section-link-details, .IeOnly div.sectionLinkFirstTwoColumn .section-link-details:first-child, .IeOnly div.sectionLinkFirstTwoColumn .section-link-details:nth-child(2), .androidOnly div.sectionListTwoColumn .section-link-details, .androidOnly div.sectionLinkFirstTwoColumn .section-link-details:first-child, .androidOnly div.sectionLinkFirstTwoColumn .section-link-details:nth-child(2) {float:left; clear:none; height:290px;} div.sectionListThreeColumn .section-link-details, div.sectionLinkFirstThreeColumn .section-link-details:first-child, div.sectionLinkFirstThreeColumn .section-link-details:nth-child(2), div.sectionLinkFirstThreeColumn .section-link-details:nth-child(3) { -webkit-flex:0 0 28.7%; -moz-flex:0 0 28.7%; flex:0 0 28.7%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:28.7%; width:28.7%; /* End of IE Flex box */ } .IeOnly div.sectionListThreeColumn .section-link-details, .IeOnly div.sectionLinkFirstThreeColumn .section-link-details:first-child, .IeOnly div.sectionLinkFirstThreeColumn .section-link-details:nth-child(2), .IeOnly div.sectionLinkFirstThreeColumn .section-link-details:nth-child(3), .androidOnly div.sectionListThreeColumn .section-link-details, .androidOnly div.sectionLinkFirstThreeColumn .section-link-details:first-child, .androidOnly div.sectionLinkFirstThreeColumn .section-link-details:nth-child(2), .androidOnly div.sectionLinkFirstThreeColumn .section-link-details:nth-child(3) {float:left; clear:none; height:290px;} .threeColumns .product-image, .threeColumns .feefoproductlogo img {width:100%;} .threeColumns form.compactProductLayout fieldset, .threeColumns form.compactProductLayout .cart-button-placement {clear:none;} .threeColumns form.compactProductLayout fieldset {float:left;} .threeColumns form.compactProductLayout .cart-button-placement {float:right; margin:0; padding:0;} .threeColumns form.compactProductLayout h2 {float:left; width:100%;} .threeColumns form.compactProductLayout p {clear:both; overflow:hidden;} /* Column Counts */ .section-link-details h2, .product-details h2, .std-product-details h2 { float:none; clear:none; font-size:2em; line-height:2.3em; } .section-link-details img, .product-details img, .std-product-details img { float:left; min-width:1px; width:auto !important; max-width:140px; height:auto; margin:0 1em 1em 0; padding:0; } .section-list h3 {clear:none;} .product-details h2, .product-details h3, .section-link-details h2, .section-link-details h3 {font-size:2em; line-height:1.2em; color:#990000;} .product-details a:hover, .section-link-details a:hover, .product-details a:hover h2, .section-link-details a:hover h3 {color:#000000;} .section-link-details img {margin:1em 1em 0 0;} .section-link-details, .product-details, .std-product-details, .product-list .marketing-list-entry { float:left; clear:both; width:96%; margin:1%; padding:1%; } .attribute-list label {float:left; clear:both; width:auto;} div.attribute-list div label, div.attribute-list div select {width:auto; float:left; clear:none;} form.completeNewProductsItem div.newProductList {display:block; overflow:hidden;} form.completeNewProductsItem div.newProductList p, form.completeNewProductsItem div.newProductList div.feefoproductlogo {display:block; overflow:hidden;} form.completeNewProductsItem div.newProductList fieldset label, form.completeNewProductsItem div.newProductList fieldset input {float:left; clear:none;} form.imageOnLeftTextWrappedAround .share-buttons, form.imageOnRightTextWrappedAround .share-buttons {width:100%;} form.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;} form.completeBestSellerLayout img, form.completeNewProductsItem img {float:left; width:auto;} form.classicProductLayout h2 {line-height:2.6em;} form.completeBestSellerLayout ul, form.completeBestSellerLayout ol, form.completeNewProductsItem ul, form.completeNewProductsItem ol {float:none; clear:none;} form.classicProductLayout fieldset, form compactProductLayout fieldset, form.completeBestSellerLayout fieldset, form.completeNewProductsItem fieldset, body.includingAddToCartButton form fieldset {margin:0; padding:0;} form.regularProductSummary fieldset.product-prompt {clear:both; margin-bottom:1em;} form.regularProductSummary fieldset.product-prompt input[type=text] {width:auto;} form.regularProductSummary p {display:block; clear:right; overflow:hidden;} form.regularProductSummary span[id^="RemoveIfOutOfStock"], form.compactProductLayout span[id^="RemoveIfOutOfStock"] {display:block;} form.compactProductLayout span[id^="RemoveIfOutOfStock"] {top:0;} span span[id^="EnableIfStockOk"] {font-size:1.4em;} form.imageOnLeftTextWrappedAround span span[id^="EnableIfStockOk"], form.imageOnRightTextWrappedAround span span[id^="EnableIfStockOk"] {font-size:1em;} form fieldset {display:inline; margin:0; padding:0; border:none;} form.regularProductSummary span.button-wrapper, form.classicProductLayout span.button-wrapper {float:right;} form.listStyleProductLayout fieldset, form.listStyleProductLayout p.cart-button-placement {float:right; clear:right; position:relative;} form.completeBestSellerLayout fieldset, form.completeBestSellerLayout fieldset input, form.completeNewProductsItem fieldset input, body.includingAddToCartButton form fieldset, body.includingAddToCartButton form fieldset input {width:auto !important;} form.imageOnLeftTextWrappedAround .product-image > img {float:left;} form.imageOnRightTextWrappedAround .product-image > img {float:right; margin:0 0 1em 1em;} .product-image > img { min-width:1px; width:auto !important; max-width:284px; height:auto; } .twoColumns .product-image > img, .threeColumns .product-image > img {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 input[type="number"] {width:33px !important;} form.compactProductLayout fieldset {float:right; margin-right:1em;} form.imageOnLeftTextWrappedAround div.feefoproductlogo, form.imageOnRightTextWrappedAround div.feefoproductlogo, form.completeBestSellerLayout .feefoproductlogo {margin:1em;} form.imageOnLeftTextWrappedAround div.feefoproductlogo {float:left; clear:left;} form.imageOnRightTextWrappedAround div.feefoproductlogo {float:right; clear:right;} form.imageOnLeftTextWrappedAround p.cart-button-placement, form.imageOnRightTextWrappedAround p.cart-button-placement {display:block; overflow:hidden;} form.imageOnLeftTextWrappedAround .set-below-right, form.imageOnRightTextWrappedAround .set-below-right {float:left; width:100%;} form.completeBestSellerLayout .feefoproductlogo {float:left; clear:both;} .product-details form fieldset span[id^="RemoveIfOutOfStock"] {float:right;} .section-link-details form fieldset input, .product-details form fieldset input, .content-area form .content fieldset input {float:left; clear:none;} .productLayoutText {float:left;} form.compactProductLayout div[id^="idVars"] {clear:none;} div[id^="idVars"] .attribute-list { display:block; overflow:hidden; } div[id^="idVars"] .attribute-list input, div[id^="idVars"] .attribute-list textarea { float:left; clear:left; margin:1em 0 0 0; } .selectOptions {float:left;} .selectOptions ul {float:left !important; clear:both !important; list-style-type:none;} .selectOptions ul li {float:left; clear:both;} .ajs-attr {float:left;} .ajs-attr input[type="radio"] {margin:5px 1em 0 0 !important;} .searchButton {display:none;} /* Start of Filter Pages */ div[id^="filter_pagination_links"] {font-size:1.4em; margin:0.5em 0;} #FilterResultElements {padding:1%;} div#SearchResults { display:block; margin-bottom:1%; padding:1%; overflow:hidden; } .std-search-results {float:left; width:100%;} .std-product-details {font-size:1.6em; line-height:1.9em; clear:none;} .std-product-details p {font-size:0.8em;} .std-product-details .feefoproductlogo {margin:1em;} .std-product-details a {display:block;} #FilterResultElements div#SearchResults p, #FilterResultElements div#SearchResults a img, #FilterResultElements div#SearchResults img {float:left;} /* End of Filter Pages */ /* start auto suggest */ .content-area form .sf_suggestion {top:3.5em !important; left:10.7em !important;} /* end auto suggest */ /* Start of Extended Info */ #extended-info, .extended-info {background-image:none;} body#extended-info, body.imageLeftOfProductNameAndInfoText p {float:left;} body.imageLeftOfProductNameAndInfoText h1 {clear:right;} body.includingAddToCartButton form {width:100%;} body.includingAddToCartButton form h1, body.includingAddToCartButton form p, body.includingAddToCartButton form div {clear:none;} body.includingAddToCartButton form p.set-right {float:right;} body.includingAddToCartButton form fieldset p {float:left;} body.includingAddToCartButton form p.cart-button-placement {clear:both;} body#extended-info ul, body#extended-info ol {float:left; clear:both; width:100%;} body#extended-info img { min-width:1px; width:100%; max-width:; 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, .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, .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%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:30%; width:30%; /* End of IE Flex box */ margin:1% 0 0 1%; } .IeOnly .twoColumns .fullWidthSection, .IeOnly .twoColumns .product-details, .IeOnly .twoColumns .std-product-details, .IeOnly .twoColumns .marketing-list-entry, .IeOnly .twoColumns #SearchResults, .IeOnly .threeColumns .fullWidthSection, .IeOnly .threeColumns .product-details, .IeOnly .threeColumns .std-product-details, .IeOnly .threeColumns .marketing-list-entry, .IeOnly .threeColumns #SearchResults, .androidOnly .twoColumns .fullWidthSection, .androidOnly .twoColumns .product-details, .androidOnly .twoColumns .std-product-details, .androidOnly .twoColumns .marketing-list-entry, .androidOnly .twoColumns #SearchResults, .androidOnly .threeColumns .fullWidthSection, .androidOnly .threeColumns .product-details, .androidOnly .threeColumns .std-product-details, .androidOnly .threeColumns .marketing-list-entry, .androidOnly .threeColumns #SearchResults { float:left; clear:none; height:300px; overflow:hidden; } .threeColumns #SearchResults p, .twoColumns #SearchResults p {float:none; clear:none; width:auto;} .twoColumns .product-details a.feefo img, .twoColumns .std-product-details a.feefo img, .twoColumns .marketing-list-entry a.feefo img, .threeColumns .product-details a.feefo img, .threeColumns .std-product-details a.feefo img, .threeColumns .marketing-list-entry a.feefo img {width:100%; height:auto;} .threeColumns div.product-details form.listStyleProductLayout p, .threeColumns div.std-product-details form.listStyleProductLayout p, .threeColumns div.product-details form.listStyleProductLayout div, .threeColumns div.std-product-details form.listStyleProductLayout div, .threeColumns div.product-details form.listStyleProductLayout span, .threeColumns div.std-product-details form.listStyleProductLayout span {clear:both; overflow:hidden;} .threeColumns form.listStyleProductLayout fieldset, .threeColumns form.listStyleProductLayout p.cart-button-placement {float:left; clear:none !important;} .threeColumns form.listStyleProductLayout p.cart-button-placement {margin-top:0; padding:0;} /* Column Counts */ table.comm-table p {width:auto;} table.comm-table tr th:nth-child(1) {width:18%;} table.comm-table tr th:nth-child(2) {width:34%;} table.comm-table tr th:nth-child(3) {width:10%;} table.comm-table tr th:nth-child(4) {width:38%;} table.comm-table a, .CheckoutProgress {float:left; clear:both;} table.comm-table ul, table.comm-table ol {float:left; clear:both; width:100%;} form div.product-marketing-list {float:left; width:100%;} form div.product-marketing-list, form div.product-marketing-list ol, form div.product-marketing-list ul { width:100%; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; flex-flow:row wrap; /* Start of IE Flex box */ display: -ms-flexbox !important; -ms-flex-direction: row !important; -ms-flex-wrap:wrap !important; /* End of IE Flex box */ } form div.product-marketing-list h2, form div.product-marketing-list h3 {width:100%; font-size:1.6em;} form div.product-marketing-list ol li, form div.product-marketing-list ul li {font-size:0.8em;} form div.product-marketing-list ol li p span, form div.product-marketing-list ul li p span {margin:0; padding:0; font-size:1em;} form div.product-marketing-list .marketing-list-entry { margin:1%; padding:2%; -webkit-flex:1 0 20%; -moz-flex:1 0 20%; flex:1 0 20%; /* Start of IE Flex box */ -ms-flex-grow:1; -ms-flex-shrink:0; -ms-flex-basis:20%; width:20%; /* End of IE Flex box */ float:left; } form div.product-marketing-list .marketing-list-entry .product-text p,.product-marketing-list .product-list-price .product-price {float:left; clear:both;} .sitemap div ul, .sitemap div ol {width:100%; margin:0; padding:0;} #product-page-body .marketing-list-entry img {width:100px; height:auto;} /* 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; 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 {text-align:center;} div.recenththeader input.recenthtbuttonright {float:right;} div.recenththeader input.recenthtbuttonleft {float:left;} div.recenththeader input.recenthtbuttonright, div.recenththeader input.recenthtbuttonleft {margin:1em; padding:0;} 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%;} .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;} .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;} .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 .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%;} .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%;} #idBothAddressesTable fieldset {padding:0;} .content-area form .checkout { float:left; clear:both; width:100%; margin-bottom:1%; } .content-area form .checkout label.actrequired {float:left; clear:both;} .content-area form .checkout input[type=checkbox] { float:left; width:auto; margin:1%; position:relative; top:0.8em; } input#idAGREETERMSCONDITIONS { height:20px; margin:10px 0; top:0; } .content-area form .checkout p {float:left;} .content-area form .checkout fieldset { float:left; clear:both; width:100%; padding:1em; } .content-area form#idCheckoutForm {overflow:hidden;} .content-area form .checkout fieldset #idSeparateShipRow {float:left; clear:both; width:100%;} .content-area form .checkout fieldset #idSeparateShipRow #idSeparateShipCell {width:20em;} .content-area form .checkout fieldset #idSeparateShipRow #idSeparateShipCell label {width:80%;} .content-area form .checkout fieldset #idSeparateShipRow #idSeparateShipCell input {clear:none; width:auto;} .content-area form .checkout fieldset .ShowAlways {float:left; width:52%;} .content-area form .checkout fieldset .ShowAlways #idInvoiceAccountAddresses, .content-area form .checkout fieldset .ShowAlways #idDeliverAccountAddresses {display:block;} #idInvoiceAccountAddresses {margin-left:20%;} #idInvoiceAccountAddresses, #idDeliverAccountAddresses {width:30%;} #idInvoiceAccountAddresses table p, #idDeliverAccountAddresses table p {font-size:1.3em;} #idInvoiceAccountAddresses input[type="radio"], #idDeliverAccountAddresses input[type="radio"] {width:2em; margin:1em 0;} .content-area form .checkout fieldset .ShowAlways p { float:left; clear:none; width:37%; margin-left:0.5em; 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:13em;} .content-area form .checkout fieldset .checkout-field-label { width:100%; margin:0; padding:0; } .content-area form .checkout fieldset .checkout-field-label label { width:100%; margin:0; padding:0; } .content-area form .checkout label.rememberMeText, .content-area form .checkout label.invoicePrivacy {width:85%; float:left;} .content-area form .checkout fieldset .InvoiceField, .content-area form .checkout fieldset .DeliverField {float:left; width:25%; margin-left:0.5em;} .content-area form .checkout #idSeparateShipCell {width:auto;} .content-area form .checkout fieldset .InvoiceField input, .content-area form .checkout fieldset .DeliverField input {float:left; width:94%;} .content-area form .checkout fieldset .InvoiceField input.thisAddress, .content-area form .checkout fieldset .InvoiceField input.thatAddress, .content-area form .checkout fieldset .DeliverField input.thisAddress, .content-area form .checkout fieldset .DeliverField input.thatAddress {width:2em; margin-top:1em;} .content-area form .checkout fieldset .InvoiceField select, .content-area form .checkout fieldset .DeliverField select {float:left; width:96%;} .content-area form .checkout fieldset .wideInput {width:52%;} .content-area form .checkout-buttons {float:left; width:100%; height:auto;} div.externalButtons {float:right; clear:both; text-align:center;} .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;} .content-area form table.checkout, .content-area form table.checkout-cart {width:100%; font-size:1.2em;} div#idPaymentMethodTable {width:100%;} .content-area form table.checkout tr td.cartheading, .content-area form table.checkout-cart tr td.checkout-cartheading {background:#999999; 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 {word-wrap:break-word; word-break:break-word; -ms-word-break:break-word;} .content-area form table.checkout-cart tr td.cart input[type="number"] {width:3em;} .content-area form table.checkout-cart tr td.cart div.promptInfo, .content-area form table.checkout-cart tr td.cart div.promptInfo input {float:left; clear:both;} .content-area form table.checkout-cart tr td.cart div.promptInfo {width:87%; margin-bottom:0.5em;} .content-area form table.checkout-cart tr td.cart div.promptInfo span.promptLabel {float:left; clear:both; width:100%;} .content-area form table.checkout-cart tr td.cart div.promptInfo input {width:70%;} .content-area form table tr td.cartheading p.floatLeft, table tr td span.floatLeft {float:left; clear: none;} .content-area form table tr td.cartheading p.floatRight, table tr td span.floatRight {float:right; clear: none;} .content-area form .checkout fieldset label span.actrequired, #idCheckoutForm span.actrequired { float:left; margin-right:1em; font-size:1em; line-height:1.3em; } #idCheckoutForm table tr th.change input.checkout-change-button {float:right; margin-right:1em;} .content-area form table.checkout tr td.longChange {display:none;} .content-area form table.addressConf tr td p.cartheading {display:none;} #idPaymentMethodTable .checkout-field-input { float:left; font-size:1.4em; line-height:2.4em; } #idPaymentMethodTable .checkout-field-input input { float:left; clear:both; margin:0.7em 0.5em 0 0; } .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:1em;} .content-area form.searchResults fieldset div.searchCriteria {float:left; width:100%;} .content-area form.searchResults fieldset div.searchCriteria label {float:left; clear:both; width:7em;} .myaccount-shadow {z-index:999999999;} .myaccount-popup { position:absolute; width:auto; height:auto; margin:0; padding:0; top:10%; left:30%; } #idORDER_TRACKING table tr td span {display:none;} .feefositelogo {margin-top:1.5em;} .feefoFeedback {float:left;} .feefoFeedback div {font-size:1.2em;} .feefoFeedback .comm-table th {font-size:1em;} .feefoFeedback .comm-table a, .feefoFeedback .comm-table p {font-size:1.2em;} .feefoFeedback table.comm-table tr td h3 span {font-size:1em; line-height:2.5em;} .footer-area, div.deepFooter {float:left; width:100%;} .footer-area .housekeeping {float:left;} .footer-area .address-details {float:right;} .footer-area ul {clear:none; list-style-type:none;} .footer-area p {float:left; clear:both;} div.deepFooter { display:-webkit-flex; display:-moz-flex; display:flex; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; flex-flow:row wrap; /* Start of IE Flex box */ display: -ms-flexbox !important; -ms-flex-direction: row !important; -ms-flex-wrap:wrap !important; /* End of IE Flex box */ margin-bottom:1%; } div.deepFooter div, div.miniFooter {float:left; width:100%;} div[class^="footerCol"] { float:left; margin:1%; -webkit-flex:0 0 31%; -moz-flex:0 0 31%; flex:0 0 31%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:31%; width:31%; /* End of IE Flex box */ } .IeOnly div[class^="footerCol"], .androidOnly div[class^="footerCol"] {float:left; clear:none; width:31% !important;} div[class^="footerCol"] ul, div[class^="footerCol"] ol {width:100%;} /* Receipt */ .receipt {margin-bottom:3em !important;} .receipt form, .receipt form table, .receipt form div.CheckoutCartSection, .receipt form span#idShoppingCartGrid { float:left; width:100%; margin:0; padding:0; } .receipt form table.checkout-cart {width:100%;} .receipt form table tr td table tr td.cart p.cartheading {display:none;} .receipt input {width:auto !important;} @media screen and (max-width:1061px) { .header-area .cart-summary {float:right; clear:right;} .header-area ol, .header-area form {float:left; clear:both;} .header-area p.headerText {width:98%;} #left-area {width:76%;} #left-sidebar, #right-sidebar {width:23%;} .content-area {width:76%;} .content-area .product-list .marketing-list-entry {width:97%;} /* Column Counts */ div.sectionListThreeColumn .section-link-details, div.sectionLinkFirstThreeColumn .section-link-details:first-child, div.sectionLinkFirstThreeColumn .section-link-details:nth-child(2), div.sectionLinkFirstThreeColumn .section-link-details:nth-child(3) { -webkit-flex:0 0 45%; -moz-flex:0 0 45%; flex:0 0 45%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:45%; width:45%; /* End of IE Flex box */ } .twoColumns .fullWidthSection, .twoColumns .product-details, .twoColumns .std-product-details, .twoColumns .marketing-list-entry, .threeColumns .fullWidthSection, .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 .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;} #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:#990000 !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 #990000; background:#eeeeee; } .content-area form table.checkout tr:first-child, .content-area form table.checkout-cart tr:first-child {background:#999999;} .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:#999999; } .receipt table#idTableCheckoutSection th {float:none;} .content-area form table.checkout tr td, .content-area form table.checkout-cart tr td {float:left; clear:both; width:98%; border:none;} .content-area form table.checkout tr td span.mobileHeader, .content-area form table.checkout-cart tr td span.mobileHeader, .content-area form table.checkout tr.checkoutMobileTR td:first-child, .content-area form table.checkout-cart tr.checkoutMobileTR td:first-child { float:left; clear:both; width:8em; margin:0 0 0.5em; padding:2% 1%; text-align:left; font-weight:bold; background:#ffffff; } .content-area form table.checkout tr td span.mobileHeader, .content-area form table.checkout-cart tr td span.mobileHeader { margin:0 0 0.5em 3em; padding:0; font-weight:normal; background:none; } .content-area form table.checkout, .content-area form table.checkout {float:right;} .content-area form table.checkout-cart tr td.cart .cartText { float:right; width:92%; margin:0.5em 0; padding:1% 0; font-size:1.2em; } .content-area form table.checkout-cart tr td.cart .cartText:first-of-type { float:left; margin:0; padding:1% 0; width:auto; font-size:1.4em; line-height:2.3em; border:none; } .content-area form table.checkout-cart tr td.cart a { float:left; width:100%; } .content-area form table.checkout-cart tr td.cart img {display:none;} .content-area form table.checkout-cart tr td.cart div.promptInfo {width:100%;} .content-area form table.checkout-cart tr td.cart div.promptInfo select {float:left; clear:both; width:100%;} .content-area form table.checkout tr.checkoutMobileTR, .content-area form table.checkout-cart tr.checkoutMobileTR { width:99%; padding:1% 0 1% 1%; } .content-area form table.checkout tr.checkoutMobileTR td:last-child, .content-area form table.checkout-cart tr.checkoutMobileTR td:nth-child(2) { float:right; width:60%; clear:none; border:none; } .content-area form table.checkout tr td[rowspan$="REMOVEROWSPAN"], .content-area form table.checkout-cart tr td[rowspan$="REMOVEROWSPAN"] { display:none; } .checkout-field-input {float:left; clear:both;} } @media screen and (min-width:482px) and (max-width:514px), (min-width:801px) and (max-width:890px) { form.classicProductLayout p.product-text {clear:both;} } @media screen and (min-width:800px) and (max-width:887px) { form.classicProductLayout h2 {clear:both; width:100%;} form.classicProductLayout div[id$="StaticPrice"], form.classicProductLayout div[id$="DynamicPrice"] {float:left; clear:both;} form.classicProductLayout fieldset {clear:both;} } @media screen and (max-width:481px), (min-width:801px) and (max-width:830px) { div.imageRow, div.descriptionRow, div.priceRow, div.deleteRow {float:left; clear:none; width:32.5%;} div#recenthtitem div.imageRow div.recenthtitemimage {float:left; clear:both;} div#recenthtitem div.imageRow div.recenthtitemimage a img {width:auto; height:55px;} div.descriptionRow div.recenthtitemdesc, div.deleteRow div.recenthtitemdelete {float:left; clear:both; height:58px;} div.recenthtitemdesc a {display:inline-block; padding:1%;} div.recenthtitemdelete a img {display:block; margin:21% auto; padding:0;} } @media screen and (max-device-width:800px) { /* Start of Top contact info */ div[class^="contactInfoTopCol"] span.displayDesktop, div[class^="footerCol"] span.displayDesktop {display:none;} div[class^="contactInfoTopCol"] a.displayMobile, div[class^="footerCol"] a.displayMobile {display:block;} /* End of Top contact info */ .myaccount-popup {height:100%; overflow:scroll;} } @media screen and (max-width:800px) { body {width:95%;} #wrapper {width:100%;} .header-area .logo img {width:100%; height:auto;} .follow-buttons, .social-badges {float:left!important; width:100%; margin:1em 0;} .menuHide {display:none;} .menuShow {display:block;} #mega-menu, #brochure-menu {width:100%;} div.miniNav {display:block; float:right;} p.mainNav, p.mainNav a#mainNav, p.quickSearchTitle, p.quickSearchTitle a#quickSearchTitle, p.shoppingCartSummaryTitle, p.shoppingCartSummaryTitle a#shoppingCartSummaryTitle, p.productFiltersTitle, p.productFiltersTitle a#productFiltersTitle, p.infoBoxTile, p.infoBoxTile a#infoBoxTile, p.storeSectionsTitle, p.storeSectionsTitle a#storeSectionsTitle, p.informationTitle, p.informationTitle a#informationTitle, p.bestSellerTitle, p.bestSellerTitle a#bestSellerTitle, p.newProductTitle, p.newProductTitle a#newProductTitle, p.couponFieldTitle, p.couponFieldTitle a#couponFieldTitle { float:left; display:block; margin:0.5em; padding:0; } /* Start of Mega Menu */ #mega-menu, #brochure-menu {height:auto;} #mega-menu ul, #brochure-menu ul, #brochure-menu ol {display:block; width:100%; height:auto;} #mega-menu ul li, #mega-menu ul li:hover, #brochure-menu li, #brochure-menu li:hover { flex:none; width:100%; height:auto; text-align:left; } body.IeOnly #mega-menu ul li, body.IeOnly #brochure-menu li, body.androidOnly #mega-menu ul li, body.androidOnly #brochure-menu li { height:auto !important; } #mega-menu ul li a, #brochure-menu li a {width:100%; margin:0; padding:0;} #mega-menu ul li div, #brochure-menu li div {position:relative; display:none;} #mega-menu ul li ul, #mega-menu ul li:hover ul, #brochure-menu li ul, #brochure-menu li ol, #brochure-menu li:hover ul, #brochure-menu li:hover ol { width:100%; position:relative; top:0; } #mega-menu ul li ul li, #mega-menu ul li ul li a, #mega-menu ul li:hover ul li a, #brochure-menu li li, #brochure-menu li li a, #brochure-menu li:hover li a, div[id^="tc"] {width:100%;} /* End of Mega Menu */ #left-area, #left-sidebar, .content-area {float:left; clear:both; width:100%;} .marketing-list { display:-webkit-flex; display:-moz-flex; display:flex; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; flex-flow:row wrap; /* Start of IE Flex box */ display: -ms-flexbox !important; -ms-flex-direction: row !important; -ms-flex-wrap:wrap !important; /* End of IE Flex box */ margin:1%; } #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 30%; -moz-flex:0 0 30%; flex:0 0 30%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:30%; width:30%; /* End of IE Flex box */ } .IeOnly .bestSellersMarketingListEntry, .IeOnly .newProductsMarketingListEntry, .androidOnly .bestSellersMarketingListEntry, .androidOnly .newProductsMarketingListEntry {width:30% !important;} .section-link-details, .product-details, .std-product-details {width:93%; margin:2%;} form.regularProductSummary fieldset.product-prompt {width:55%;} form.regularProductSummary fieldset.product-prompt select {float:none; clear:none; width:auto;} form.regularProductSummary fieldset.product-prompt input[type=text] {width:auto;} .content-area fieldset label {float:left; clear:both;} .content-area .login fieldset input.button {margin:2% 1%} .content-area fieldset textarea {width:95.5%;} .content-area fieldset #recaptcha_widget_div {width:97%;} #recaptcha_area td {clear:none;} .IeOnly table.checkout-cart .floatRight input[type="text"], .androidOnly table.checkout-cart .floatRight input[type="text"] {width:28px;} .content-area form .checkout fieldset #idSeparateShipRow {width:100%;} .content-area form .checkout fieldset #idSeparateShipRow #idSeparateShipCell label {width:60%;} .content-area form .checkout fieldset .wideInput {width:65%;} .content-area form .CheckoutCartSection .checkout #idShowHideCart a {width:100%;} .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 47%; -moz-flex:0 0 47%; flex:0 0 47%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:47%; width:47%; /* 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; } } @media screen and (max-width:500px) { .logo {width:60%;} .logo img {width:100%; height:auto;} } @media screen and (max-width:495px) { form.classicProductLayout h2 {clear:both; width:100%;} form.classicProductLayout div[id$="StaticPrice"], form.classicProductLayout div[id$="DynamicPrice"] {float:left; clear:both;} form.classicProductLayout fieldset {clear:both;} .selectOptions {float:left; clear:none !important; width:auto !important;} .content-area form.searchResults fieldset {width:92%;} } @media screen and (max-width:494px) { form.classicProductLayout .product-image {width:100%;} } @media screen and (min-width:800px) and (max-width:869px), (max-width:484px) { .checkout-field-label, .content-area form .checkout fieldset label { width:auto; } .checkout-field-label, .checkout-field-input, .content-area form .checkout fieldset label { float:left; clear:both; width:85%; } .checkout-field-input input {width:95% !important;} } @media screen and (max-width:481px) { .header-area .cart-summary p {clear:none;} div.miniNav {float:left;} #left-sidebar .marketing-list-entry, #right-sidebar .marketing-list-entry { -webkit-flex:0 0 95%; -moz-flex:0 0 95%; flex:0 0 95%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:95%; width:95%; /* End of IE Flex box */ } .content-area .marketing-list .products .marketing-list-entry { -webkit-flex:1 0 95%; -moz-flex:1 0 95%; flex:1 0 95%; /* Start of IE Flex box */ -ms-flex-grow:1; -ms-flex-shrink:0; -ms-flex-basis:95%; width:95%; /* End of IE Flex box */ } .IeOnly .content-area .marketing-list .products .marketing-list-entry, .androidOnly .content-area .marketing-list .products .marketing-list-entry {height:auto;} .twoColumns .fullWidthSection, .twoColumns .product-details, .twoColumns .std-product-details, .twoColumns .marketing-list-entry, .threeColumns .fullWidthSection, .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:#990000;} .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 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 .bestSellersMarketingListEntry, .IeOnly .newProductsMarketingListEntry, .androidOnly .bestSellersMarketingListEntry, .androidOnly .newProductsMarketingListEntry {width:97% !important;} .content-area form fieldset #recaptcha_widget_div {width:90% !important;} .content-area form fieldset #recaptcha_widget_div #recaptcha_area {float:left; width:100%;} .content-area form fieldset table#recaptcha_table {width:100%;} .content-area form fieldset td.recaptcha_image_cell {width:93% !important;} .content-area form fieldset .recaptchatable #recaptcha_response_field {width:180px !important;} .content-area form fieldset .recaptchatable #recaptcha_image {float:left; width:100% !important; padding-top:1em;} .content-area form fieldset .recaptchatable #recaptcha_image #recaptcha_challenge_image {width:100% !important; height:auto;} } @media screen and (max-width:409px) { } @media screen and (max-width:398px) { .IeOnly div#recenthtlist div#recenthtitem, .androidOnly div#recenthtlist div#recenthtitem { width:44%; } .content-area form .checkout fieldset .ShowAlways p#idDeliverHeader {margin-right:1em;} } @media screen and (max-width:367px) { form.regularProductSummary fieldset.product-prompt label, form.regularProductSummary fieldset.product-prompt input[type=text] {width:92%;} .contactUsForm .contactRows label, .contactUsForm .contactRows input, .contactUsForm .contactRows textarea {width:82%;} } @media screen and (max-device-width:360px) { .content-area form table.checkout-cart th {padding:0;} } @media screen and (max-width:360px) { body {width:92%;} .header-area .logo img {width:100% !important; height:auto;} .marketing-list {overflow:visible;} .fullWidthSection img {width:90%; height:auto;} .fullWidthSection p {float:left; clear:both;} .section-link-details img {max-width:99%;} .section-link-details p {float:left; clear:both;} form div.product-marketing-list .marketing-list-entry { -webkit-flex:0 0 94%; -moz-flex:0 0 94%; flex:0 0 94%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:94%; width:94%; /* End of IE Flex box */ } /* Start of Extended Info */ body#extended-info h1 {float:left; width:100%;} body#extended-info .product-image {float:left; width:95%;} body#extended-info .product-image img {width:100%; height:auto;} /* End of Extended Info */ form.regularProductSummary div.set-below-right div img, .twoColumns form.regularProductSummary div.set-below-right div img, .threeColumns form.regularProductSummary div.set-below-right div img {width:100%; height:auto;} form.imageOnLeftTextWrappedAround .product-image img, form.imageOnRightTextWrappedAround .product-image img { float:left; width:100%; height:auto; margin:0; } .product-details .feefoproductlogo, .std-product-details .feefoproductlogo {float:right; width:96%; overflow:hidden;} .content-area form fieldset #recaptcha_widget_div {float:left;} .content-area form fieldset #recaptcha_widget_div #recaptcha_table {width:auto;} .content-area form fieldset #recaptcha_widget_div #recaptcha_table tr td {float:left; clear:both; width:95%;} .content-area form fieldset.passwordIdentity p {float:left; clear:both;} .content-area form .checkout label.actrequired {width:82%;} .content-area form table.checkout-cart tr td.cart div.promptInfo input {width:90%;} .IeOnly div#recenthtlist div#recenthtitem, .androidOnly div#recenthtlist div#recenthtitem { width:95%; } .IeOnly div#recenthtlist div#recenthtitem p.actxxsmall, .androidOnly div#recenthtlist div#recenthtitem p.actxxsmall { height:auto; } } @media screen and (max-width:300px) { .header-area .logo img {width:100%;} #idInvoiceAccountAddresses, #idDeliverAccountAddresses {float:left; clear:both; width:90%;} } /* Firefox */ @-moz-document url-prefix() { .miniNav p div[id^="FilterPropertyOptions"] {color:#000000; 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; } div#recenthtlist div#recenthtitem {margin:0.5em;} } /* The Design Styles for Classic Responsive Design */ body { background: #990000; /* 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, #990000 5em, transparent 5em),url(October-1.gif); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#878787), color-stop(1%,transparent),url(October-1.gif));*/ /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #990000 5em, transparent 5em),url(October-1.gif); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #990000 5em, transparent 5em),url(October-1.gif); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #990000 5em, transparent 5em),url(October-1.gif); /* IE10+ */ background: linear-gradient(to bottom, #990000 5em,transparent 5em),url(October-1.gif); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#878787', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ background-repeat: no-repeat; background-size: 100%; background-attachment: fixed; color:#000000; } h1, h2, h3, h4, h5, h6 {font-weight:normal;} a {color:#cc0000;} a:hover {color:#000000;} a:visited {color:#cc0000;} a:active {color:#cc0000;} input, select, textarea {border:1px solid #990000;} input[type="radio"], input[type="checkbox"] {border:none;} /* This is the code for the top grey bar (subheader) */ .subHeader, .fullWidthSection, .marketing-list {border:none !important;} .subHeader ol {border-right: 1px dotted #ffffff;} .subHeader ol li { margin:0; padding:0 2%; text-align:center; border-left:1px dotted #ffffff; } .subHeader ol li a {font-size:0.8em; line-height:1.1em; color:#ffffff;} /* This is the code for the top Contact Info area */ .topContactInfoDesktop, .header-area, .navigation-bar, .bulk-area, .deepFooter, .miniFooter {border:1px solid #cccccc; box-shadow: 0 0 1em hsla(0, 0%, 0%, 1.0);} .topContactInfoDesktop {padding:0 1% !important;} div[class^="contactInfoTopCol"], table.checkout {border:none;} .contactInfoClick, .quick-search form .button-wrapper { border:1px solid #141414; border-radius:50%; margin:0.5em 1em; width:26px; height:26px; background: #333333; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E0ZGZkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZWFkOWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #4c4c4c 0%, #333333 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(100%,#333333)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #4c4c4c 0%,#333333 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #4c4c4c 0%,#333333 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #4c4c4c 0%,#333333 100%); /* IE10+ */ background:linear-gradient(to bottom, #4c4c4c 0%,#333333 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#333333',GradientType=0 ); /* IE6-8 */ } .IeOnly div[class^="contactInfoTopCol"] .contactInfoClick, .androidOnly div[class^="contactInfoTopCol"] .contactInfoClick {filter:none; background:#333333;} .quick-search form .button-wrapper:hover {background:#cccccc; border:1px solid #cbc216;} .contactInfoClick img {width:100%; height:auto;} .contactInfoP .displayDesktop {font-size:2em; word-break:break-all;} /* This is the code for the header area */ .header-area {border-bottom:none; background: #333333; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E0ZGZkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZWFkOWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #4c4c4c 0%, #333333 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(100%,#333333)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #4c4c4c 0%,#333333 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #4c4c4c 0%,#333333 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #4c4c4c 0%,#333333 100%); /* IE10+ */ background:linear-gradient(to bottom, #4c4c4c 0%,#333333 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#333333',GradientType=0 ); /* IE6-8 */ } .quick-search { float:left; margin:3em 2em; width:50em; } .quick-search form { width:100%; height:5em; margin:0; padding:0; border-radius:7px; border:1px solid #cccccc; background:#F5F5F5; box-shadow:0em 0.2em 0.2em #9e9e9e; } .quick-search form input[type="text"] { float:right; width:35.5em; height:2em; margin:0.5em; border:1px solid #cccccc; position:relative; border-radius:7px; } .androidOnly .header-area div.quick-search form input[type="text"] { height:3.15em; } .quick-search form .button-wrapper { margin:0 !important; width:3.5em; height:3.5em; position:absolute; top:0.6em; right:0.6em; border-radius:7px; } .quick-search form .button-wrapper input { width:2.9em; height:2.9em; background:url('search-icon.png') no-repeat 0.3em 0.4em; border:none; cursor:pointer; text-indent:-99999px; } .quick-search form .sf_suggestion {top:4.1em !important; left:0.8em !important;} .header-element {width:32em; height: 114px;} .cart-summary {margin-top:2em !important; width:100%;} .cart-summary img, .cart-summary .cartArea, .cart-summary .cartAreaButtons {float:left; clear:none; padding-right: 1em;} .cart-summary .cartArea h4 {font-size:1.8em; color:#ffffff;} .cart-summary p {color: #ffffff;} .cart-summary .cartArea {/*width:50%;*/} .cart-summary .cartAreaButtons {margin:7% 1%; width:9em;} .cart-summary .cartAreaButtons a, .checkout-buttons div input, input.checkout-change-button, body.receipt input, #idRegistered .cart input[type="button"], #idRegistered .cart input[type="submit"], .filter-by input[type="submit"], #idLOOKUPORDERSFORM fieldset input[type="submit"], form.login input[type="submit"], form.searchResults input[type="submit"], .contactUsForm .contactRows input[type="submit"], .info-box input[type="submit"] { float:left; clear:both; width:100%; margin:4% 0; font-size:1.3em; line-height:1.9em; font-weight:bold; color:#ffffff; text-align:center; text-transform:uppercase; border:1px solid #ffffff; border-radius:7px; background:#333333; box-shadow:0em 0.2em 0.2em #9e9e9e;; } .cart-summary .cartAreaButtons a:hover, .checkout-buttons div input:hover, input.checkout-change-button:hover, body.receipt input:hover, #idRegistered .cart input[type="button"]:hover, #idRegistered .cart input[type="submit"]:hover, .filter-by input[type="submit"]:hover, #idLOOKUPORDERSFORM fieldset input[type="submit"]:hover, form.login input[type="submit"]:hover, form.searchResults input[type="submit"]:hover, .contactUsForm .contactRows input[type="submit"]:hover, .info-box input[type="submit"]:hover {text-decoration:none; background:#cccccc; cursor:pointer;} .info-box input[type="submit"], .sidebar .info-box input[type="submit"]:hover { width:4em; margin:1em 0; font-size:1em; } /* This is the code for the navigation */ .navigation-bar { background: #333333; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZjYmVhZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZWFkOWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #444444 0%, #333333 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#474747), color-stop(100%,#333333)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #444444 0%,#333333 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #444444 0%,#333333 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #444444 0%,#333333 100%); /* IE10+ */ background: linear-gradient(to bottom, #444444 0%,#333333 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#333333',GradientType=0 ); /* IE6-8 */ border-top:none; border-bottom:1px solid #ffffff; box-shadow:0 0.5em 0.5em #9e9e9e; position:relative; } .nav {box-shadow: 0 0 1em hsla(0, 0%, 0%, 1.0);} #mega-menu ul li, #brochure-menu li { background:none; border-left:none; border-top:1px solid #141414; border-bottom:1px solid #141414; border-right:2px solid #141414; } #brochure-menu li {padding-bottom:0.14em;} .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 {border:1px solid #666666;} #mega-menu ul li:hover, #brochure-menu li:hover {border-bottom:none; margin-bottom:0; padding-bottom:0;} #mega-menu ul li a:hover, #brochure-menu li a, #brochure-menu li a:hover, #mega-menu ul li:hover a, #brochure-menu li:hover a {color:#cccccc; padding:0.97em 0 0.91em;} #mega-menu ul li a:hover, #brochure-menu li a:hover { text-decoration:none; position:relative; top:0; /*border-bottom:3px solid #990000;*/ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZjYmVhZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZWFkOWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #bc0000 0%, #990000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c10000), color-stop(100%,#990000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #bc0000 0%,#990000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #bc0000 0%,#990000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #bc0000 0%,#990000 100%); /* IE10+ */ background: linear-gradient(to bottom, #bc0000 0%,#990000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c10000', endColorstr='#990000',GradientType=0 ); /* IE6-8 */ } #mega-menu ul li a, #brochure-menu li a {color:#ffffff;} #mega-menu ul li div .row, #brochure-menu li div .row, #mega-menu ul li:hover div .row, #brochure-menu li:hover div .row {border:1px solid #cccccc; background:#ffffff;} #mega-menu ul li ul, #brochure-menu li ul, #brochure-menu li ol { float:left; clear:none; width:8em; margin:0; padding:1%; position:relative; z-index:99999; background:#ffffff; } #mega-menu ul li ul li, #brochure-menu li li { width:98%; margin:0; padding:1%; border:none; } #mega-menu ul li ul li:first-child, #brochure-menu li li:first-child {border-bottom:1px dotted #990000;} #mega-menu ul li ul li:hover, #brochure-menu li li:hover {/*border-bottom:3px solid #cccccc;*/} .IeOnly #mega-menu ul li ul li:hover, .IeOnly #mega-menu ul li ul li:hover, .androidOnly #mega-menu ul li ul li:hover, .androidOnly #mega-menu ul li ul li:hover {border-top:none; border-left:none; border-right:none;} #mega-menu ul li ul li a, #brochure-menu li li a {color:#990000;} #mega-menu ul li ul li a:hover, #brochure-menu li li a:hover, #mega-menu ul li:hover ul li a, #brochure-menu li:hover li a {position:relative; top:0; border:none; color:#990000; background:#ffffff;} .bulk-area {width:98% !important; padding:1%; border-top:none;} #left-sidebar, #right-sidebar {padding:0 !important; border:none;} #left-sidebar h1, #right-sidebar h1, #left-sidebar h2, #right-sidebar h2, #left-sidebar h3, #right-sidebar h3, #productFiltersLeft h2, .miniNav > p { background: #990000; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjN2M3OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZTUzNGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #bc0000 0%, #990000 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#bc0000), color-stop(100%,#990000)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #bc0000 0%,#990000 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #bc0000 0%,#990000 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #bc0000 0%,#990000 100%); /* IE10+ */ background:linear-gradient(to bottom, #bc0000 0%,#990000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc0000', endColorstr='#990000',GradientType=0 ); /* IE6-8 */ box-shadow:0em 0.2em 0.2em #9e9e9e; } #left-sidebar h1, #right-sidebar h1, #left-sidebar h2, #right-sidebar h2, #left-sidebar h3, #right-sidebar h3 { margin:0; padding:3% 0; width:100%; font-size:2em; text-align:center; color:#ffffff; height: 35px; line-height: 35px; } .miniNav #productFiltersLeft { margin-top:2em; color:#000000; font-size:0.6em; font-weight:normal; line-height:1em; } .miniNav #productFiltersLeft form {padding-bottom:1em;} .miniNav #productFiltersLeft h2 { margin:0; font-size:2.2em; color:#ffffff; text-align:center; } .miniNav #productFiltersLeft .filter-by input[type="submit"] {margin-top:1em !important;} .miniNav #productFiltersLeft h4 a {display:none !important;} .sidebar div, .sidebar-filter-element {margin:0 0 1em; border:1px solid #cccccc; display: block; margin: 0 auto;} .bx-wrapper {display:inline-block;} .bx-wrapper, .bx-wrapper a img {border:none !important;} .sidebar-element .quick-search {width:80%; margin:1em;} .sidebar-element .quick-search form input[type="text"] {width:90%;} .sidebar-element .quick-search form input[type="submit"] {margin:0;} .sidebar-element .cart-summary { float:left; width:90%; margin:1em !important; padding:0 !important; font-size:1.4em; } .sidebar-filter-element, .sidebar-filter-element form {width:100% !important;} .IeOnly .sidebar-filter-element, .androidOnly .sidebar-filter-element form {filter:none; background:#ffffff;} .sidebar-filter-element form {margin:0; padding:0;} .sidebar-filter-element form h2 {padding:0 !important; line-height:35px !important;} .filter-by input {margin:0 0.6em !important; width:8em !important; font-size:0.5em !important;} .sidebar div div {border:none;} .page-list p, .side-menu ul li, .side-menu ol li {padding:5%;} .page-list p {border-bottom:1px dotted #333333;} .page-list p {width:90%; margin:0;} .page-list p a:hover, .side-menu ul li a:hover, .side-menu ol li a:hover, .page-list p:hover a, .side-menu ul li:hover a, .side-menu ol li:hover a {color:#990000; text-decoration:none;} .page-list p:last-child, .side-menu ul li:last-child, .side-menu ol li:last-child {border-bottom:none;} .IeOnly .sidebar .marketing-list, .androidOnly .sidebar .marketing-list {overflow:hidden;} .sidebar .marketing-list-entry {border-bottom:1px dotted #cccccc;} .sidebar .marketing-list-entry h3 { width:auto !important; margin:0 !important; padding:0 0.5em !important; font-size:1.6em !important; text-align:left !important; background:none !important; box-shadow:none !important; } .IeOnly .sidebar .marketing-list-entry h3, .androidOnly .sidebar .marketing-list-entry h3 {filter:none !important;} .sidebar .marketing-list-entry p a, .marketing-list-entry h3 a, .marketing-list-entry a h3 {color:#990000 !important;} .IeOnly .marketing-list-entry a h3, .androidOnly .marketing-list-entry a h3 {color:#990000 !important;} .sidebar .marketing-list-entry p a:hover, .marketing-list-entry h3 a:hover, .marketing-list-entry a:hover h3 {color:#000000; text-decoration:underline;} .sidebar .marketing-list-entry p.product-info a::after {content:" ";} .sidebar .marketing-list-entry p a:hover {text-decoration:underline;} .sidebar .marketing-list-entry:last-child {border-bottom:none !important;} .sidebar .marketing-list-entry img {padding:2%; border:1px solid #cccccc;} .sidebar .marketing-list-entry ul li ul li {font-size:0.7em;} .content-area .fragment-list .fullWidthSection {padding:1%; border:1px dotted #cccccc !important;} .content-area .marketing-list h1, .content-area .marketing-list h2, table.checkout th, .checkoutCustomers fieldset label:first-child, .checkout h2, #idInvoiceHeader, #idDeliverHeader { padding:0 0.5em; font-size:1.5em; line-height:1.9em; color:#ffffff; background: #990000; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjN2M3OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZTUzNGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #bc0000 0%, #990000 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#bc0000), color-stop(100%,#990000)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #bc0000 0%,#990000 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #bc0000 0%,#990000 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #bc0000 0%,#990000 100%); /* IE10+ */ background:linear-gradient(to bottom, #bc0000 0%,#990000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc0000', endColorstr='#990000',GradientType=0 ); /* IE6-8 */ box-shadow:0em 0.2em 0.2em #9e9e9e; border-bottom:1px solid #ffffff; box-shadow:0em 0.2em 0.2em #9e9e9e; } .content-area .marketing-list-entry {border:1px solid #cccccc;} .bestSellersHomepage h1, .newProductsHomepage h1, .newProductsHomepage h2 {width:100%;} .bestSellersMarketingListEntry, .newProductsMarketingListEntry {border:1px dotted #cccccc;} .IeOnly .bestSellersMarketingListEntry, .IeOnly .newProductsMarketingListEntry, .androidOnly .bestSellersMarketingListEntry, .androidOnly .newProductsMarketingListEntry {width:22%; height:250px;} .bestSellersMarketingListEntry p a:hover, .newProductsMarketingListEntry p a:hover {color:#000000;} .bestSellerImage, .newProductImage { width:80%; height:105px; margin:3% auto; padding:5%; border:2px solid #cccccc; overflow:hidden; } .bestSellerImage:hover, .newProductImage:hover {border:2px solid #000000;} .bestSellerImage img, .newProductImage img { width:auto; height:100%; display:block; margin:0 auto; border:none; } .breadcrumb-top, .breadcrumb-bottom {float:left; width:98%;} .breadcrumb-top {margin-bottom:1em; border-bottom:1px solid #cccccc;} .product-list, .section-list {margin:1em 0 !important;} .product-details, .section-link-details, #product-page-body form, #SearchResults, .std-product-details { background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #ffffff 0%, #fefefe 83%, #e7e7e7 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(83%,#fefefe), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #ffffff 0%,#fefefe 83%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #ffffff 0%,#fefefe 83%,#e7e7e7 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #ffffff 0%,#fefefe 83%,#e7e7e7 100%); /* IE10+ */ background:linear-gradient(to bottom, #ffffff 0%,#fefefe 83%,#e7e7e7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-8 */ border:1px solid #cccccc; } fieldset.quantity-box span.quantityButton {display:none;} .product-details fieldset input, .product-details .selectOptions select, fieldset.product-prompt select {border:1px solid #990000;} p.cart-button-placement input, .cart-button-wrapper input { padding:0.5em; color:#ffffff; background:#990000; border:none; } p.cart-button-placement input:hover, .cart-button-wrapper input:hover {cursor:pointer;} .content-area .sort_by {background:#990000;} .content-area .sort_by select {border:none;} .threeColumns #SearchResults p a, .twoColumns #SearchResults p a {color:#990000;} .contactUsForm .contactRows input[type="submit"] {width:4em;} #idLOOKUPORDERSFORM fieldset label {width:10em;} #idLOOKUPORDERSFORM fieldset input[type="submit"] {width:9em;} .searchResults input[type="submit"] {clear:both !important;} .content-area form .sf_suggestion {left:10.2em !important;} .CheckoutProgress { width:97% !important; margin:0 1%; padding:0; text-align:center; 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; -ms-flex-direction: row; -ms-flex-wrap:wrap; /* End of IE Flex box */ } .CheckoutProgress p { margin:0; padding:0 0.5em; font-size:1.3em; color:#cccccc !important; -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 */ border:1px solid #cccccc; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 30%, #ffffff 30%, #eeeeee 50%, #ffffff 70%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#ffffff), color-stop(30%,#ffffff), color-stop(50%,#eeeeee), color-stop(70%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 30%,#ffffff 30%,#eeeeee 50%,#ffffff 70%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 30%,#ffffff 30%,#eeeeee 50%,#ffffff 70%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 30%,#ffffff 30%,#eeeeee 50%,#ffffff 70%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 30%,#ffffff 30%,#eeeeee 50%,#ffffff 70%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ } .IeOnly .CheckoutProgress p, .androidOnly .CheckoutProgress p {width:20%; height:125px;} .CheckoutProgress p span { float:left; width:100%; font-size:3em; line-height:2em; } .CheckoutProgress p.cpi-active {color:#990000 !important;} .checkoutCustomers input[type="password"],.InvoiceField input, .DeliverField input, .checkout input[type="text"], .checkout select, .checkout textarea {background:#ffffff !important; border:1px solid #990000;} #terms-body p strong {display:block;} table.checkout-cart th {border-top:1px solid #878787;} table.checkout-cart th, .cart, .checkout-cartheading {border-bottom:1px solid #878787;} .cartButtons input {border:none;} h3.checkout-heading {background-color:#333333;} h3.checkout-heading {padding:0 1em;} .checkoutCustomers fieldset, .content-area form .checkout{overflow:hidden; background:#EFEFEF; border:1px solid #cccccc;} .content-area form .checkout {width:98%;} .checkoutCustomers fieldset label {margin:0 0 0 1em; padding:0; width:100%;} .checkoutCustomers fieldset label:first-child {margin:0 !important;} .customerTickBox label { margin:0 !important; padding:0 !important; color:#666666 !important; border:none !important; box-shadow:none !important; background:none !important; filter:none !important; position:relative; left:1em; } .checkoutCustomers fieldset input[type="checkbox"] {margin:1em 0 0 2em !important;} .checkout-buttons div input {font-size:1.1em; padding:0 1em !important;} .checkout h2 {margin:0;} input.checkout-change-button { width:6em; height:2em; margin:0; padding:0; font-size:1em; line-height:1.3em !important; } body.receipt .cartheading p {color:#ffffff !important;} #idRegistered, #idORDER_TRACKING {display:block !important; float:left; width:100%;} #idRegistered h2, #idORDER_TRACKING h2 {color:#990000; font-weight:bold;} #idRegistered .cart {float:left; clear:both; margin:1em 0;} #idRegistered .cart input[type="button"], #idRegistered .cart input[type="submit"] {width:5em; padding:0;} .myaccount-popup input[type="submit"] {float:right !important; clear:none !important;} .breadcrumb-bottom {margin-top:1em; border-top:1px solid #cccccc;} /* This is the code for the recent products block */ .recent-products {width:98% !important; /*border:2px solid #cccccc;*/} #recenthtitem {padding:1%; border:1px dotted #cccccc;} #recenthtitem:hover {border:1px solid #990000;} .recenththeader h2 {color:#990000; font-size: 1.7em;} .recenththeader input[class^="recenthtbutton"] {color:#cc0000; background:none; border:none;} .recenththeader input[class^="recenthtbutton"]:hover {color:#000000;} #recenthtitem a p {font-size:1.2em; color:#333333 !important;} #recenthtitem a:hover, #recenthtitem a:hover p, #recenthtitem a p:hover, #recenthtitem a:hover p:hover {color:#000000 !important;} div.deepFooter {padding: 5px 0;} .deepFooter div[class^="footerCol"] h3 {font-size:1.6em; font-weight:bold;} .deepFooter .footerColLeft h3 {border-bottom:6px solid #990000;} .deepFooter .footerColMid h3 {border-bottom:6px solid #333333;} .deepFooter .footerColRight h3 {border-bottom:6px solid #cccccc;} .deepFooter div[class^="footerCol"] ul {list-style-type:none;} .deepFooter div[class^="footerCol"] ul li::before {content:" ";} .deepFooter div[class^="footerCol"] ul li a {color:#000000;} .deepFooter div[class^="footerCol"] ul li a:hover {color:#990000;} .deepFooter .verylarge {font-size:1.5em; line-height:2.5em; font-weight:bold;} .miniFooter {margin-bottom:2em; background:#333333;} .miniFooter p {color:#ffffff;} /* Media queries */ @media screen and (max-device-width:1450px){ .quick-search {float:right; margin: 0;} } @media screen and (max-device-width:1340px){ .quick-search form input[type="text"] {height:2em;} } @media screen and (max-device-width:1340px) and (orientation:portrait) { .bulk-area {width:98.7% !important;} } @media screen and (max-device-width:1340px) and (orientation:landscape) { .bulk-area {width:98.4% !important;} } @media screen and (min-width:1060px) and (max-width:1340px){ .bestSellerImage img, .newProductImage img {height:75%;} } @media screen and (max-width:1090px){ /* This is the code for the header area */ .quick-search {float:left;} .quick-search, .quick-search form {width:44em;} .quick-search form input[type="text"] {width:31em;} } @media screen and (min-width:801px) and (max-width:1061px), (max-width:560px){ tr.cart td span { float:left; width:98%; margin:0; padding:0 1%; color:#ffffff; background:#878787; } div[id^="idORDER_DETAILS"] { border: 1px solid #666666; float: left; width: 100%; } } @media screen and (max-width:1061px){ .content-area form table.checkout tr:first-child, .content-area form table.checkout-cart tr:first-child { background: #989898; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk4OTg5OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NjY2NjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #989898 0%, #666666 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#989898), color-stop(100%,#666666)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #989898 0%,#666666 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #989898 0%,#666666 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #989898 0%,#666666 100%); /* IE10+ */ background:linear-gradient(to bottom, #989898 0%,#666666 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#989898', endColorstr='#666666',GradientType=0 ); /* IE6-8 */ border-bottom:1px solid #ffffff; box-shadow:0em 0.2em 0.2em #9e9e9e; } table.checkout tr, table.checkout-cart tr {border-top:1px solid #878787;} .content-area form table.checkout-cart tr, .content-area form table.checkout tr.checkoutMobileTR, .content-area form table.checkout-cart tr.checkoutMobileTR { background:#EEEEEE; border-top:1px solid #878787; } .content-area form table.checkout tr { color:#ffffff; background: #989898; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk4OTg5OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NjY2NjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #989898 0%, #666666 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#989898), color-stop(100%,#666666)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #989898 0%,#666666 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #989898 0%,#666666 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #989898 0%,#666666 100%); /* IE10+ */ background:linear-gradient(to bottom, #989898 0%,#666666 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#989898', endColorstr='#666666',GradientType=0 ); /* IE6-8 */ border-bottom:1px solid #ffffff; box-shadow:0em 0.2em 0.2em #9e9e9e; } .content-area form table.checkout th { border:none; filter:none; background:none; box-shadow:none; } .content-area form table.checkout tr td {color:#000000;} .content-area form table.checkout-cart tr { border-top:1px dotted #333333; } } @media screen and (max-width:890px){ /* This is the code for the header area */ .quick-search, .quick-search form {width:37em;} .quick-search form input[type="text"] {width:26em;} } @media screen and (max-width:800px){ /* This is the code for the top grey bar (subheader) */ #wrapper .subHeader { margin:0; background:#ffffff; border-left:1px solid #cccccc !important; border-top:1px solid #cccccc !important; border-right:1px solid #cccccc !important; } .subHeader ol {width:100%;} .subHeader ol li {border:none;} .subHeader ol li a {color:#000000;} .contactInfoClick:hover {background:#cccccc; border:1px solid #cbc216; cursor:pointer;} .IeOnly div[class^="contactInfoTopCol"] .contactInfoClick:hover {background:#cccccc !important; cursor:pointer !important;} div[class^="contactInfoTopCol"] p span {font-size:1.6em;} .header-area {width:100%; padding:0;} .header-area a img, .header-area .logo img {margin: 0 2.5em;} /* This is the code for the header area */ #wrapper .header-area {border-top:none !important;} .quick-search {width:93%;} .quick-search form { float:none; display:block; width:55em; margin:0 auto; } .quick-search form input[type="text"] {width:39.5em;} .contactInfoClick { width:44px; height:44px; margin:0; padding:0; } div[class^="contactInfoTopCol"] p {width:68% !important; margin-left:4em; line-height:2.6em;} .header-element {width:auto;} .cart-summary .cartArea {display:none;} .cart-summary .cartAreaButtons {margin:0;} .cart-summary .cartAreaButtons a { margin:0; padding:0; color:#ffffff; border:none; background:none; box-shadow:none; text-transform:none; font-weight:normal; } .cart-summary .cartAreaButtons a:hover {text-decoration:underline; background:none;} .header-area p {width:96%; margin:2% !important;} /* This is the code for the navigation */ .navigation-bar { background:#ffffff; border-top:none; border-bottom:none; box-shadow:none; } .IeOnly .navigation-bar, .androidOnly .navigation-bar {filter:none !important;} .miniNav {clear:both; width:100%;} .miniNav > p { display:block; float:none; clear:both; width:93%; margin:0.5em auto; padding:1%; position:relative; font-size:1.6em; line-height:2.4em; font-weight:bold; color:#ffffff; } .miniNav > p > a { position:absolute; top:0; right:0; font-size:0.9em; line-height:1.8em; color:#ffffff; padding:0.5% 2% !important; border-radius:5px; border:2px solid #ffffff; background:#333333; } .miniNav > p > a:hover {text-decoration:none; background:#cccccc;} .miniNav .sidebar-element h2, .miniNav .sidebar-element h3 {display:none;} .miniNav .sidebar-element { margin:0 0 4em 0; font-size:0.7em; position:relative; top:2em; border:1px solid #dddddd; } .miniNav .sidebar-filter-element { float:none; width:95% !important; margin:0 auto !important; overflow:hidden; } .miniNav .sidebar-element .marketing-list-entry {border-bottom:1px dotted #dddddd;} #productFiltersLeft {margin-top:0;} #productFiltersLeft .filter-text { float:left; width:50%; padding:0 1em; text-align:left; } .miniNav #productFiltersLeft form {font-size:1.8em;} #productFiltersLeft .filter-by input[type="submit"] {margin:0.5em !important;} #mega-menu, #brochure-menu {width:95%; float:none; margin:0 auto;} #mega-menu ul li, #brochure-menu ul li, #mega-menu ul li:hover, #brochure-menu ul li:hover { margin:0.5% 0; padding:2% 0; background:#EFEFEF; border:none; } .IeOnly #mega-menu ul li, .IeOnly #brochure-menu ul li, .IeOnly #mega-menu ul li:hover, .IeOnly #brochure-menu ul li:hover, .androidOnly #mega-menu ul li, .androidOnly #brochure-menu ul li, .androidOnly #mega-menu ul li:hover, .androidOnly #brochure-menu ul li:hover{width:100%; float:left; clear:both;} #mega-menu ul li a, #brochure-menu ul li a, #mega-menu ul li a:hover, #brochure-menu ul li a:hover, #mega-menu ul li div .row ul li a:hover, #brochure-menu ul li div .row ul li a:hover, #mega-menu ul li:hover a, #brochure-menu ul li:hover a, #mega-menu ul li div .row ul li:hover a, #brochure-menu ul li div .row ul li:hover a { padding:0.5em; color:#990000; text-decoration:none; text-align:left; border:none; } #mega-menu ul li a, #brochure-menu ul li a, #mega-menu ul li div .row ul li a, #brochure-menu ul li div .row ul li a {color:#666666;} #mega-menu ul li a:hover, #brochure-menu ul li a:hover {position:relative; border:none;} #mega-menu ul li div, #brochure-menu ul li div {width:100% !important;} #mega-menu ul li:hover div .row, #brochure-menu ul li:hover div .row {float:left; border:none;} #mega-menu ul li div .row ul, #brochure-menu ul li div .row ul, #mega-menu ul li div .row ul li, #brochure-menu ul li div .row ul li {width:99%; border-right:1px solid #EFEFEF;} #mega-menu ul li div .row ul, #brochure-menu ul li div .row ul {margin:0; padding:0;} #mega-menu ul li div .row ul li a, #brochure-menu ul li div .row ul li a {margin:0; padding:0.5em; text-align:left;} #mega-menu ul li:hover div .row ul li, #brochure-menu ul li:hover div .row ul li {margin:0; border:none;} #mega-menu ul li:hover div .row ul li:first-child, #brochure-menu ul li:hover div .row ul li:first-child {border:none;} .sidebar .marketing-list-entry:last-child {border-bottom:1px dotted #cccccc !important;} .section-link-details {margin:1% !important;} } @media screen and (max-width:645px){ .quick-search form {width:45em;} .quick-search form input[type="text"] {width:32em;} } @media screen and (max-device-width:530px){ .quick-search form input[type="text"] {width:6em;} } @media screen and (max-width:530px){ .quick-search form {width:38em;} .quick-search form input[type="text"] {width:26.5em;} } @media screen and (max-width:481px){ .miniNav .sidebar-element .marketing-list-entry {width:100%;} .miniNav .sidebar-element .marketing-list-entry:last-child {border-bottom:none;} } @media screen and (max-device-width:466px){ .quick-search form input[type="text"] {width:6em;} } @media screen and (max-width:466px){ .logo img {width:100% !important;} } @media screen and (max-width:460px){ .quick-search form {width:30em;} .quick-search form input[type="text"] {width:20.6em;} } @media screen and (max-width:400px){ .ShowAlways #idInvoiceHeader, .ShowAlways #idDeliverHeader {width:44%; padding:0;} } @media screen and (max-width:360px){ .quick-search form {width:24em;} .quick-search form input[type="text"] {width:16.3em;} } @media screen and (min-device-width:1080px) and (orientation:landscape) { .androidOnly .header-area div.quick-search form input[type="text"] { width:43em; } } @media screen and (max-device-width:1080px) and (orientation:portrait) { .androidOnly .header-area div.quick-search form input[type="text"] { width:22em; } } /* iPad */ @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-device-pixel-ratio: 2) and (orientation:landscape) { .quick-search form input[type="text"] {width:38em; height:2.9em;} } @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-device-pixel-ratio: 2) and (orientation:portrait) { .quick-search form input[type="text"] {width:48em; height:2.9em;} } /* iPhone 5 */ @media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation:portrait) { .quick-search form input[type="text"] {width:20em; height:2.8em;} } @media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation:landscape) { .quick-search form input[type="text"] {width:39em; height:2.8em;} } /* iPhone 4S */ @media screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2) and (orientation:portrait) { .quick-search form input[type="text"] {width:20em; height:2.8em;} } @media screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2) and (orientation:landscape) { .quick-search form input[type="text"] {width:32.5em; height:2.8em;} } /* Product Summary Page */ .attribute-list label {margin: 10px 6px 0 0; padding: 0; line-height: 31px;} span[id^="EnableIfInStock"] {display: block !important; font-size: medium; font-weight: bold; color: green;} .qtybox {float: left; margin: 7px 0;} .qtybox label {margin: 0 !important;} .qtybox input {margin: 0;} /*Product Page*/ .quantity-box label {margin: 7px 0; padding: 0 3px 0 0;} /* Engraving add-on */ .eng-option {clear:both; text-align:center;} .eng-button {float:none;} .eng-info {clear:both; text-align:justify;} .eng-table {float:none; clear:both; border:1px solid silver; background-color:#990000; padding:2px; width:auto; line-height:normal !important;} .eng-table td {color:#ffffff !important;} .eng-carttable {float:none; clear:both; border:1px solid silver; background-color:#ffffff; padding:2px; width:auto; line-height:normal !important;} /* Image Upload */ .iupload-div {position:relative; padding: 0px;} .iupload-icon {visibility:hidden; position:absolute;} .iupload-button {float:none;}