/* 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: #333333; font-size: 12px; } p, table, td, th { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; margin-top: 0px; } form { margin: 0px; } a:link { color: #0077ef; text-decoration: none; } a:visited { color: #000070; text-decoration: none; } a:hover { color: #000070; text-decoration: underline; } a:active { color: #000070; text-decoration: none; }ul { list-style-type: square; } .embedded-map iframe { width: 100%; } .video-wrapper { position: relative; padding-bottom: 60%; padding-left: 0; padding-right: 0; margin: 0; height: 0; overflow: visible; clear:both; } .video-wrapper iframe { float: left; position: absolute; top: 0; left: 0; width: 95%; height: 95%; } #product-page-body p.product-image { position: relative; } #product-page-body .product-image a[class^="PIN"] { position: absolute !important; left:1em;  bottom:1em;  } /* Generic text formatting used throughout the store ---------------------------- */ .actCHECKOUTEM { background-color: #0077ef; } .actCHECKOUTBG { background-color: #eaeaea; } .actlarger { font-size: 14px; color: #333333; } .actsmaller{ font-size: 11px; color: #333333; } .actxxsmall { font-size: 11px; color: #333333; } .actxsmall { font-size: 12px; color: #333333; } .actsmall { font-size: 12px; color: #333333; } .actregular { font-size: 14px; color: #333333; } .actlarge{ font-size: 16px; color: #333333; } .actxlarge { font-size: 16px; color: #333333; } .actxxlarge { font-size: 16px; color: #333333; } .actwarningcolor { color: #cc0000; } .actrequiredcolor { color: #cc0000; } .actsearchhighlightcolor { color: #cc0000; } .actrequired { color: #cc0000; } .actwarning { font-size: 12px; color: #cc0000; } .actwelcome { font-size: 12px; color: #333333; } .actlogotext { font-size: 12px; color: #D9090E; font-style: normal; font-weight: bold; text-align: center; } .actlogout { font-size: 12px; color: #0077ef; } /* 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; } /* Compact Product layout ------------------------------------------- */ form.compactProductLayout { margin:1em 0; padding:1em; } form.compactProductLayout fieldset.quantity-box { float:right;  border:none; } form.compactProductLayout fieldset.quantity-box input[type="number"] { width:2em; margin-left:1em; } .quantityButton {display:none;} /* Shopping cart and checkout fields ------------------------------------------- */ a.checkout-checkoutbg { margin-right: 10px; padding-top: 3px; padding-bottom: 3px; padding-left: 8px; padding-right: 8px; border: #eaeaea 2px solid; border-top: #eaeaea 2px solid; border-right: #333333 1px solid; border-bottom: #333333 1px solid; } a.checkout-checkoutbg:link { color: #eaeaea; text-decoration: none; } a.checkout-checkoutbg:visited { color: #eaeaea; text-decoration: none; } a.checkout-checkoutbg:hover { color: #eaeaea; text-decoration: underline; } a.checkout-checkoutbg:active { color: #eaeaea; text-decoration: underline; } a.checkout-textcolor:link { color: #333333; text-decoration: none; } a.checkout-textcolor:visited { color: #333333; text-decoration: none; } a.checkout-textcolor:hover { color: #333333; text-decoration: underline; } a.checkout-textcolor:active { color: #333333; text-decoration: underline; } div.CheckoutCartSection { margin-top: 0px; margin-bottom: 10px; } table.checkout#idTableCheckoutSection { margin-bottom: 0px; } table.checkout-cart { border-collapse: collapse; padding: 0px 0px; margin-bottom: 5px; } table.checkout-cart th{ font-weight: bold; background-color: #eaeaea; border-top: solid 1px #0077ef; border-bottom: solid 1px #0077ef; padding: 4px 4px; } table.checkout-cart td{ padding: 4px 4px; } table.checkout { border-collapse: collapse; padding: 0px 0px; text-align: left; margin-bottom: 5px; } table.checkout th { background-color: #0077ef; font-size: 14px; font-weight: bold; color: #eaeaea; text-align: left; padding: 5px 2px; border-bottom: solid 3px #ffffff; } table.checkout th.instruction { font-size: 12px; font-weight: normal; } table.checkout th.change { font-size: 12px; 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 : 12px; background-color: #0077ef; border: 1px solid #000070; 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 : 12px; background-color: #0077ef; border: 1px solid #000070; 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: #eaeaea; 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: #eaeaea; border-bottom: solid 1px #0077ef; } .checkout-cartheading { font-weight: bold; background-color: #eaeaea; border-top: solid 1px #0077ef; border-bottom: solid 1px #0077ef; } .cartheading { background-color: #0077ef; font-weight: bold; color: #eaeaea; } h2.checkout-heading { background-color: #0077ef; font-size: 14px; font-weight: bold; color: #eaeaea; padding: 5px 2px; border-bottom: solid 3px #ffffff; } h3.checkout-heading { padding: 3px 0; background-color: #0077ef; font-size: 14px; font-weight: bold; color: #eaeaea; 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: 12px; font-weight: bold; color: #ffffff; background: #0077ef; padding: 5px; border: solid 1px #333333; } input.highlight-button { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; background: #000070; padding: 5px; border: solid 1px #333333; } .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: 14px; color: #333333; background-color: #ffffff; padding: 2px; } .InvoiceField input, .InvoiceField select { font-family: Tahoma, Geneva, sans-serif; font-size: 14px; color: #333333; background-color: #ffffff; padding: 2px; } .DeliverField input, .DeliverField select { font-family: Tahoma, Geneva, sans-serif; font-size: 14px; color: #333333; background-color: #ffffff; padding: 2px; } table.checkout#idBothAddressesTable select { width: 211px; } input.checkbox { background-color: #eaeaea; border: 0;	 } .checkout-field-area { background: #eaeaea; border-bottom: solid 2px #ffffff; } .checkout-field-area p { margin: 0; padding: 4px; } div.checkout-buttons { height: 50px;  margin-top: 20px; } .left {  float : left;  width : 50%;  } .right {  float : right;  width : 40%;  } .spacer {  clear : both;  } .checkout-help-hide {  display: none;  } /* 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: #000070; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-1 { width: 150px; height: 19px; background-color: #000070; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-2 { width: 225px; height: 19px; background-color: #000070; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-3 { width: 300px; height: 19px; background-color: #000070; background-image: url('cpi-main.gif'); float: left; } #checkout-progress-indicator .cpi-end { width: 8px; padding: 0; margin: 0; border: 0; height: 19px; background-image: url('cpi-end.gif'); background-position: right; background-repeat: no-repeat; float: left; } table#idCheckoutProgress { margin-bottom: 10px; } table#idCheckoutProgress td{ background-repeat:repeat-x; background-color:transparent; border: 0px; padding: 0px; height:19px; text-align:center; } table#idCheckoutProgress td.cpi-left{ background-image:url("cpi-main.gif"); color:white; width:160px; } table#idCheckoutProgress td.cpi-complete{ background-image:url("cpi-main-mid.gif"); color:white; width:160px; } table#idCheckoutProgress td.cpi-incomplete{ background-image:url("cpi-background.gif"); color:black; width:160px; } table.CheckoutProgress { border-collapse: collapse; margin-bottom: 10px; } table.CheckoutProgress td { padding: 0px 0px; background-repeat: repeat-x; background-color: transparent; height: 19px; text-align: center; width: 140px; } table.CheckoutProgress td.cpi-start{ background-image: url("cpi-main.gif"); width: 8px; } table.CheckoutProgress td.cpi-inactive{ background-image: url("cpi-main-mid.gif"); color: #ffffff; } table.CheckoutProgress td.cpi-active{ background-image: url('cpi-background.gif'); font-weight: bold; color: #333333; } table.CheckoutProgress td.cpi-end { background-image: url("cpi-end.gif"); width: 8px; } table.CheckoutProgress td.cpi-spacer { background-image: url("cpi-main-mid.gif"); width: auto; } /* Formatting for Feefo customer feedback --------------------------------- */  /* Default formatting of text boxes used in store pages -------------------- */ .form_input_general	{ line-height: normal; font-size : 12px; word-spacing: normal; } /* My Account pages  --------------------------------------------------------------*/ .myaccount-shadow { display: none; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-image: url('myaccount-popup-bg.png'); background-repeat: repeat; } .myaccount-popup { position: fixed; width: 500px; height: 250px; left: 50%; top: 50%; margin-left: -250px; margin-top: -125px; padding-left: 85px; padding-top: 50px; background-color: #ffffff; } /* start search results sort list */  .sort_by { background-color: #000070; width: 100%; height: 24px; color: #ffffff; text-align: right; } .sort_by select { font-size: 12px; height: 20px; margin-right: 1px; margin-top: 1px; border: #000070 2px solid; border-top: #000070 2px solid; border-right: #000070 1px solid; border-bottom: #000070 1px solid; } .sort_by-submit { background: transparent; height: 20px; color: #ffffff;  font-weight: bold; font-size: 12px; margin-right: 1px; margin-top: 1px; border: 0; } .sort_by-submit:hover { cursor: pointer; text-decoration: underline; } /* end search results sort list */ /* start auto suggession list */ .sf_suggestion { position: absolute; line-height: 15px; z-index: 2147483637; } .sf_suggestion ul { margin: 1px; padding: 0px; background: #ffffff;  border: 1px solid rgb(51, 51, 51); top: 0; left: 0; } .sf_suggestion li{ margin: 0px; padding: 0px; list-style: none; } .sf_suggestion li a { display: block; text-indent: 5px; text-align: left; padding: 5px; text-decoration: none; } .sf_suggestion li.selected a { background: #cccccc; color: #000000; font-weight: normal; } .sf_suggestion li.notselected a{ color: #000000; font-weight: normal; } /* end auto suggession list */ /* start filter loading dialog */ .loading-block	{ display: table; height: 100%; width: 100%; overflow: hidden; margin-left: 50%; z-index: 2147483638; } .loading-gif { display: table-cell; vertical-align: middle; } .loading-shadow { display: none; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-repeat: repeat; opacity:0.9; } /* start filter loading dialog */ /* Recently Viewed Products List Style ------------------------------------ */ #rphtml { display: none;  visibility:hidden; } /* Used internally - do not delete */ /* start clear button */ .clear-button { float: right; -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #dcdcdc; display: inline-block; color: #777777; font-family: arial; font-size: 10px; font-weight: normal; padding: 2px 6px; text-decoration: none; text-shadow: 1px 1px 0px #ffffff; margin-left: 5px; line-height: 10px; background-color: #ededed; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); } .clear-button:hover { background-color: #dfdfdf; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ); background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); } .clear-button:active { position: relative; top: 1px; } /* end clear button */		 /* PRE-SELLERDECK 2013 STYLES ---------------------------------- */ /* Older styles for upgraded sites */ /* Boxes and borders ------------------------------------------- */ .thinborder1 { border: 1px solid #000070; } .thinborder2 { border: 1px solid #0077ef; } .thinred { border: solid 1px #000070; border-top: 0px; } .thinred2 { border: solid 1px #0077ef; 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; } /* 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 #dddddd; border-right:1px solid #dddddd; } .recenthtitemimage { border-top: 1px solid #dddddd; } .recenthtitemdesc	{} .recenthtitemprice	{} .recenthtitemdelete { border-bottom: 1px solid #dddddd; } .recenthtitemspacer { width:2px !important;  border:0 !important; padding: 0px !important; } .recenththeader { clear: both; padding: 3px; font-size: 16px; font-weight: 900;  margin: 0px;  color: #0077ef; width: 496px;  /*border-top: 1px solid #dddddd;*/ border-bottom: 1px solid #dddddd; } .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: 16px; font-weight: 900; margin: 0px;		 padding: 16px 0px 4px 0px; color: #000070; } h1.subheading	{ font-size: 14px; font-weight: 900; margin: 0px; padding: 0px 0px 14px 0px; color: #0077ef; border: 0px; background-color: transparent; } h2	{ font-size: 16px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #0077ef; } h2.clearall	{ font-size: 16px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #0077ef; clear:both; } h3.product	{ font-size: 14px; font-weight: 900; margin: 0px; padding: 0px 0px 6px 0px; color: #0077ef; } h3.product_price	{ font-size: 12px; 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: #000070; font-weight: 900; font-size: 14px; } /* 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 : 12px; background-color: #eaeaea; border: 1px solid #eaeaea; color: #333333; vertical-align: top; } .form_main_search_box_td	{ background-color: #0077ef } .form_button_quick_search	{ line-height: 13px; height: 18px; width: 85px; margin: 1px 1px 1px 1px; padding: 0px 0px 0px 12px; font-size : 12px; background-color: #0077ef; border: 1px solid #000070; 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: 11px; 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: #0077ef; font-weight: 900; font-size: 12px; } .text_product_small_info_price	{ margin: 0px; padding: 8px 0px 0px 0px; line-height:normal; font-weight: 900; font-size: 12px; } .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: 12px; color: #cc0000; } a.product_section:visited  { color : #000070; text-decoration : none; } a.product_section:link  { color : #0077ef; text-decoration : none; } a.product_section:active  { color : #000070; text-decoration : none; } a.product_section:hover  { color : #000070; text-decoration : none; } /* lines -------------------------------------------------------------------------------- */ .dotted_line_blue	{ height: 1px; background-color: #0077ef; background-image:url('theme_dotted_line.gif'); clear:both; } .solid_line_light_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #0077ef; clear:both; } .solid_line_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #000070; clear:both; } .dotted_outline_blue	{ border: 1px dotted #0077ef; padding: 8px; }		 /* Styles for 'Compact Parent Section List' ------------------------ */ .text_breadcrumbs	{ font-size: 11px; color: #000070; margin: 0px; line-height:normal; padding: 2px 0px 10px 0px; }	 a.link_breadcrumbs:visited	{	 color : #000070; text-decoration : underline; } a.link_breadcrumbs:link  { color : #000070; text-decoration : underline; } a.link_breadcrumbs:active  { color : #000070; text-decoration : underline; } a.link_breadcrumbs:hover  { color : #000070; text-decoration : underline; } /* Page footer  --------------------------------------------------------*/ .text_footer	{ color: #0077ef; font-size: 11px; padding:0px; margin:4px 0px 0px 0px; } .text_menu_no_space	{ word-spacing: normal; } a.link_footer:visited  { color : #dddddd; text-decoration : underline; } a.link_footer:link  { color : #dddddd; text-decoration : underline; } a.link_footer:active  { color : #dddddd; text-decoration : underline; } a.link_footer:hover  { color : #dddddd; 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 : 12px; background-color: #0077ef; border: 1px solid #000070; 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 : 12px; 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: #0077ef;  border: 1px solid #dddddd; } a.link_menu:link  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #0077ef; border: 1px solid #dddddd; } a.link_menu:active  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #0077ef; border: 1px solid #dddddd; } a.link_menu:hover  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #000070; border: 1px solid #dddddd; } /* Styles for 'Top Level Section List In Boxes' and 'Brochure Nav Bar In Boxes' --------------------*/ .tech_main_menu	{ background-color: #000070 } .tech_menu_bottom	{ height: 4px; background-color: #000070; } .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 #000070 solid; } div.tech_menu_button_product { width: 119px;  top: 0px; left: 0px;  border: 1px #000070 solid; } .tech_menu_button_title	{ width: 122px; border-top: 1px #ffffff solid; background-color: #000070; } .tech_text_product_section	{ padding: 3px 3px 3px 5px; margin: 0px; color : #ffffff; font-size : 12px; font-weight: 900; } div.tech_menu_button a  { width: 113px;  color: #ffffff; text-decoration:none; display:block; padding:3px; text-align:left; background-color: #0077ef; font-size: 11px; } div.tech_menu_button a:visited { color: #ffffff;  text-decoration:none; background-color: #0077ef; } div.tech_menu_button a:active { color: #ffffff;  text-decoration:none; background-color: #dddddd; } div.tech_menu_button a:link { color: #ffffff;  text-decoration:none; background-color: #0077ef; } div.tech_menu_button a:hover { color: #ffffff; text-decoration:none; background-color: #dddddd; } 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: #0077ef; font-size: 12px; } div.tech_menu_button_product a:visited { color: #ffffff;  text-decoration:none; background-color: #000070; background-image:url('theme_arrow.gif'); } div.tech_menu_button_product a:active { color: #ffffff;  text-decoration:none; background-color: #000070; background-image:url('theme_arrow.gif'); } div.tech_menu_button_product a:link { color: #ffffff;  text-decoration:none; background-color: #000070; background-image:url('theme_arrow.gif'); } div.tech_menu_button_product a:hover { color: #ffffff;  text-decoration:none; background-color: #dddddd; 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 #000070; width: 229px; margin: 0px 20px 14px 0px; } .heading_marketing_box p.text_product_small_info_heading	{ background-color: #000070; border-bottom: 2px solid #000070; color: #ffffff; font-weight: 900; font-size: 12px; 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 #000070; } .indented-link a:hover { background-color: #dddddd; } /* 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 #dddddd; 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: 12px;	 } #corporate_top_menu a { display: block; color: #ffffff; padding: 3px 6px 3px 13px; margin: 0; font-size: 12px;	 text-decoration: none; background-image: url('theme_arrow.gif'); background-position: left; background-repeat: no-repeat; background-color: #0077ef; border-right: 1px solid #000000;		 } #corporate_top_menu li a:hover { display: block; color: #ffffff; padding: 3px 6px 3px 13px; margin: 0; font-size: 12px;	 text-decoration: none; background-image: none; background-color: #000070; 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: #0077ef; 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: #000070; } #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: 12px;	 list-style-image: none; } .corporate_pages_menu ul li { display: block; background-image:none; background-color: #0077ef; 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: #000070; } .dotted_line_blue {  background: none;  border-top: 1px dotted #0077ef;  }		 .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:#333333; } 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; padding:0; font-size:1.4em; line-height:1.7em; } span.actrequiredcolor p span.actrequiredcolor {font-size:0.7em;} .product-text p, .product-text ul, .product-text ol {font-size:1em;} .fragment-text {font-size:1.4em;} .fragment-text p, .fragment-text ul, .fragment-text ol {font-size:1em;} a {color:#0077ef;} a:hover {color:#000070;} a:visited {color:#000070;} a:active {color:#000070;} ul, ol {clear:both; list-style-position:inside;} span.actlogout {font-size:1em;} form {float:left; position:relative;} form {clear:both; padding:1%;} fieldset {border:none;} input, textarea, select {float:left; margin:0.5em 0 0 0; padding:0.3em;} table {float:left; clear:both; width:100%; margin:0; padding:0;} table tr th, table tr td {margin:0; padding:1%;} .floatLeft, div.set-left {float:left; padding-right:10px;} .floatRight, div.set-right {float:right; padding-left:10px;} div.set-left, div.set-right {clear:none;} .hide {display:none;} .show {display:block;} /* The desktop styles */ #wrapper { width:100%; } .header-area, .navigation-bar, .bulk-area, .deepFooter, .miniFooter {background-color:#ffffff;} div[class^="contactInfoTopCol"] span.displayDesktop, div[class^="footerCol"] span.displayDesktop {display:block;} div[class^="contactInfoTopCol"] a.displayMobile, div[class^="footerCol"] a.displayMobile {display:none;} .header-area { float:left; width:99%; margin:0; padding:0.5%; } .header-area div.logo {float:left;} .header-area a img, .header-area .logo img {float:left; margin:0.5em;} .header-area .cart-summary {float:right; margin:0.3em; padding:0;} .cart-summary p {float:left; clear:both;} .header-area ol { float:right; clear:none; width:auto; margin:0.3em; padding:0; list-style-type:none; list-style-position:inside; } .header-area ol li {display:inline; margin:0; padding:0 0.4em;} .header-area ol li a {text-decoration:underline;} .header-area form, .sidebar-element form { float:right; clear:none; margin:0.3em; padding:0; } .header-area .infoLinks { float:none; display:inline-block; width:auto !important; clear:none; margin:2em auto 0 !important; position:relative !important; } .header-area div.quick-search form span.quick-search-button-wrapper {float:left; margin:0 1em; padding:0;} .header-area div.quick-search form input.button.quick-search-button {float:left; margin:0; padding:10%;} .follow-buttons, .social-badges {width:48%;} .follow-buttons img, .share-buttons img, .social-badges img {border:none;} .follow-buttons {float:right; clear:right;} .social-badges, .share-buttons, .btn-o, .fb_iframe_widget {float:left; clear:none;} .social-badges a {margin-right:1em;} .follow-buttons iframe, .follow-buttons div, .follow-buttons a, .share-buttons iframe, .share-buttons div, .share-buttons a  { float:left !important; clear:none !important; margin-right:1em !important; } .share-buttons iframe {position:relative; z-index:99999;} .follow-buttons > iframe, .follow-buttons > div, .share-buttons > iframe, .share-buttons > div {height:30px !important;} div[id*="ytsubscribe"] {margin-right:10em !important;}  .fb_iframe_widget {width:auto !important;} .share-buttons {margin:1em 0;} .product-image > a.pin-button > img {display:none;} /* start auto suggest */ .header-area form .sf_suggestion, .content-area form .sf_suggestion {position:absolute;} .header-area form .sf_suggestion {top:3.2em !important; left:-0.1em !important;} .header-area form .sf_suggestion ul, .content-area form .sf_suggestion ul {width:auto !important; padding-right:0.5em;} /* end auto suggest */ .header-area p.headerText { float:left; clear:both; width:99%; margin:0.2% 0%; padding:0; } div.navigation-bar {float:left; width:100%;} div.miniNav {display:none;} /* Start of Mega Menu */ #mega-menu, #brochure-menu {float:left; margin:0 auto; position:relative;} #mega-menu {z-index:999999;} #brochure-menu {z-index:1;} .menuFlex {display:flex; display:-ms-flexbox;} #mega-menu ul, #brochure-menu ul, #brochure-menu ol { float:left; width:100%; min-height:2.7em; margin:0; padding:0; line-height:1.5em; position:relative; z-index:1;	 display:-webkit-flex; display:-moz-flex; display:flex; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; flex-flow:row wrap; /* Start of IE Flex box */ display: -ms-flexbox !important; -ms-flex-direction: row !important; -ms-flex-wrap:wrap !important; /* End of IE Flex box */	 } #mega-menu ul li, #mega-menu ul li:hover, #brochure-menu li, #brochure-menu li:hover { float:left;  width:auto; height:auto; margin:0; padding:1px; font-size:0.95em; list-style-type:none; list-style-position:inside; cursor:pointer; -webkit-flex: 0 0 8em; -moz-flex: 0 0 8em; flex: 0 0 8em; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:8em; /* 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:8.5em; margin:0; padding:0.5em 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"], .sidebar-filter-element, .sidebar-filter-element div.filter-list div[id^="FilterSectionOptions"], .sidebar-filter-element, .sidebar-filter-element div.filter-list div[id^="FilterPriceBandOptions"] {float:left;} .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"] br, .sidebar-filter-element div.filter-list div[id^="FilterSectionOptions"] br, .sidebar-filter-element div.filter-list div[id^="FilterPriceBandOptions"] br {display:none !important;} .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"] input, .sidebar-filter-element div.filter-list div[id^="FilterSectionOptions"] input, .sidebar-filter-element div.filter-list div[id^="FilterPriceBandOptions"] input {float:left; clear:left; margin-right:0.5em;} .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"] label, .sidebar-filter-element div.filter-list div[id^="FilterSectionOptions"] label, .sidebar-filter-element div.filter-list div[id^="FilterPriceBandOptions"] label {display:block; width:78%; margin:0; padding:0;} .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"] ul, .sidebar-filter-element div.filter-list div[id^="FilterSectionOptions"] ul, .sidebar-filter-element div.filter-list div[id^="FilterPriceBandOptions"] ul { margin:0; list-style-type:none; } .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"] ul li, .sidebar-filter-element div.filter-list div[id^="FilterSectionOptions"] ul li, .sidebar-filter-element div.filter-list div[id^="FilterPriceBandOptions"] ul li { margin:0; padding:0; font-size: 0.7em !important; } .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"] ul li input, .sidebar-filter-element div.filter-list div[id^="FilterSectionOptions"] ul li input, .sidebar-filter-element div.filter-list div[id^="FilterPriceBandOptions"] ul li input { float:none; display:inline; font-size:1em; margin:0.5em 0; } .sidebar-filter-element div.filter-list { display:block; width:90%; margin:0 auto; overflow:hidden; } div.sidebar-filter-element {width:95%;} div.sidebar-filter-element form {width:90%;} .sidebar-filter-element div[id^="FilterPropertyOptions"] {width:100%;} .sidebar-filter-element div[id^="FilterSectionOptions"] {width:100%;} .sidebar-filter-element div[id^="FilterPriceBandOptions"] {width:100%;} .sidebar-element, .sidebar {width:100%; margin:0; padding:0;} .sidebar-element, .sidebar-element form, .sidebar-element .cart-summary, .sidebar-element ul {float:left; clear:both;} .sidebar-element ul, .sidebar-element ol { float:right; width:81%; margin:0; padding:0; list-style-position:outside !important; } .sidebar-element h2, .sidebar-element h3 {width:90%; margin:3% auto;} .sidebar-element .cart-summary p {clear:both;} .sidebar-element ul {list-style-position:inside;} .sidebar-element form, .sidebar-element .cart-summary {float:left; clear:both; margin:0 5%;} #left-sidebar .marketing-list-entry, #right-sidebar .marketing-list-entry { display:block; width:90%; margin:0.5em auto !important; padding:0.5em 0 1.5em; overflow:hidden; } .navigateOnClick:hover {cursor:pointer;} .navigateOnClick:hover a, .navigateOnClick:hover p:first-child a {color:#000070; 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:20px; 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:both;} .content-area .fragment-list .fullWidthSection img {float:left; clear:left; margin:1%;} .content-area .fragment-list .fullWidthSection p {width:auto;} .content-area .marketing-list {clear:both; display:block; width:98%; margin:1%; overflow:hidden;} .content-area .marketing-list .products { float:left; width:100%; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; flex-flow:row wrap; /* Start of IE Flex box */ display: -ms-flexbox !important; -ms-flex-direction: row !important; -ms-flex-wrap:wrap !important; /* End of IE Flex box */	 } .content-area .marketing-list .products .marketing-list-entry { float:left; clear:none; width:auto; margin:1%; padding:1%; -webkit-flex:1 0 29%; -moz-flex:1 0 29%; flex:1 0 29%; /* Start of IE Flex box */ -ms-flex-grow:1; -ms-flex-shrink:0; -ms-flex-basis:29%; width:29%; /* End of IE Flex box */ overflow:hidden; } .IeOnly .content-area .marketing-list .products .marketing-list-entry, .androidOnly .content-area .marketing-list .products .marketing-list-entry {height:450px;} .bestSellersHomepage, .newProductsHomepage { display:-webkit-flex !important; display:-moz-flex !important; display:flex !important; -webkit-flex-flow:row wrap !important; -moz-flex-flow:row wrap !important; flex-flow:row wrap !important; /* Start of IE Flex box */ display: -ms-flexbox !important; -ms-flex-direction: row !important; -ms-flex-wrap:wrap !important; /* End of IE Flex box */	 } .bestSellersHomepage h1, .newProductsHomepage h1, .newProductsHomepage h2 {width:100%;} .bestSellersMarketingListEntry, .newProductsMarketingListEntry { float:left; -webkit-flex:0 0 20%; -moz-flex:0 0 20%; flex:0 0 20%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:20%; width:20%; /* End of IE Flex box */ margin:1%; padding:1%; } .content-area .marketing-list .products img, .content-area .marketing-list .products p {clear:both;} .content-area .product-list .marketing-list-entry .price p {clear:none;} .section-list, .product-list { float:left; width:99.5%; margin:0; padding:0; } /* Column Counts */ div.sectionListOneColumn, div.sectionListTwoColumn, div.sectionListThreeColumn { display:-webkit-flex; display:-moz-flex; display:flex; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; flex-flow:row wrap; /* Start of IE Flex box */ display: -ms-flexbox !important; -ms-flex-direction: row !important; -ms-flex-wrap:wrap !important; /* End of IE Flex box */	 } div.sectionListOneColumn .section-link-details, div.sectionLinkFirstOneColumn .section-link-details:first-child { -webkit-flex:1 0 94.5%; -moz-flex:1 0 94.5%; flex:1 0 94.5%; /* Start of IE Flex box */ -ms-flex-grow:1; -ms-flex-shrink:0; -ms-flex-basis:94.5%; width:94.5%; /* End of IE Flex box */ } div.sectionListTwoColumn .section-link-details, div.sectionLinkFirstTwoColumn .section-link-details:first-child,  div.sectionLinkFirstTwoColumn .section-link-details:nth-child(2) { -webkit-flex:0 0 45%; -moz-flex:0 0 45%; flex:0 0 45%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:45%; width:45%; /* End of IE Flex box */ } .IeOnly div.sectionListTwoColumn .section-link-details, .IeOnly div.sectionLinkFirstTwoColumn .section-link-details:first-child,  .IeOnly div.sectionLinkFirstTwoColumn .section-link-details:nth-child(2),  .androidOnly div.sectionListTwoColumn .section-link-details, .androidOnly div.sectionLinkFirstTwoColumn .section-link-details:first-child,  .androidOnly div.sectionLinkFirstTwoColumn .section-link-details:nth-child(2) {float:left; clear:none; height:290px;} div.sectionListThreeColumn .section-link-details, div.sectionLinkFirstThreeColumn .section-link-details:first-child,  div.sectionLinkFirstThreeColumn .section-link-details:nth-child(2), div.sectionLinkFirstThreeColumn .section-link-details:nth-child(3) { -webkit-flex:0 0 28.7%; -moz-flex:0 0 28.7%; flex:0 0 28.7%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:28.7%; width:28.7%; /* End of IE Flex box */ } .IeOnly div.sectionListThreeColumn .section-link-details, .IeOnly div.sectionLinkFirstThreeColumn .section-link-details:first-child,  .IeOnly div.sectionLinkFirstThreeColumn .section-link-details:nth-child(2), .IeOnly div.sectionLinkFirstThreeColumn .section-link-details:nth-child(3),  .androidOnly div.sectionListThreeColumn .section-link-details, .androidOnly div.sectionLinkFirstThreeColumn .section-link-details:first-child,  .androidOnly div.sectionLinkFirstThreeColumn .section-link-details:nth-child(2), .androidOnly div.sectionLinkFirstThreeColumn .section-link-details:nth-child(3) {float:left; clear:none; height:290px;} .threeColumns .product-image, .threeColumns .feefoproductlogo img {width:100%;} .threeColumns form.compactProductLayout fieldset, .threeColumns form.compactProductLayout .cart-button-placement {clear:none;} .threeColumns form.compactProductLayout fieldset {float:left;} .threeColumns form.compactProductLayout .cart-button-placement {float:right; margin:0; padding:0;} .threeColumns form.compactProductLayout h2 {float:left; width:100%;} .threeColumns form.compactProductLayout p {clear:both; overflow:hidden;} /* Column Counts */ .section-link-details h2, .product-details h2, .std-product-details h2 { float:none; clear:none; font-size:2em; line-height:2.3em; } .section-link-details img, .product-details img { float:left; min-width:1px; width:auto !important; max-width:140px; height:auto; margin:0 1em 1em 0; padding:0; } .section-list h3 {clear:none;} .product-details h2, .product-details h3, .section-link-details h2, .section-link-details h3 {margin:0; font-size:2em; line-height:1.2em; color:#0077ef;} .product-details a:hover, .section-link-details a:hover, .product-details a:hover h2, .section-link-details a:hover h3 {color:#000070;} .section-link-details img {margin:1em 1em 0 0;} .section-link-details, .product-details, .std-product-details, .product-list .marketing-list-entry { float:left; clear:both; width:96%; margin:1%; padding:1%; } .attribute-list label {float:left; clear:both; width:auto; margin:0 0.5em;} div.attribute-list div label,  div.attribute-list div select {width:auto; float:left; clear:none;} form.completeNewProductsItem div.newProductList {display:block; overflow:hidden;} form.completeNewProductsItem div.newProductList p,  form.completeNewProductsItem div.newProductList div.feefoproductlogo {display:block; overflow:hidden;} form.completeNewProductsItem div.newProductList fieldset label,  form.completeNewProductsItem div.newProductList fieldset input {float:left; clear:none;} form.imageOnLeftTextWrappedAround .share-buttons, form.imageOnRightTextWrappedAround .share-buttons {width:100%;} form.imageOnLeftTextWrappedAround p.product-image.set-left {margin-right:1em;} form.regularProductSummary h2, form.classicProductLayout h2, form.compactProductLayout h2,  form.imageOnLeftTextWrappedAround h2, form.imageOnRightTextWrappedAround h2,  form.listStyleProductLayout h2, form.completeBestSellerLayout h2,form.completeNewProductsItem h2,  div.recenththeader h2 {clear:none; margin:0.5em 0;} form.completeBestSellerLayout img, form.completeNewProductsItem img {float:left; width:auto;} form.classicProductLayout h2 {line-height:2.6em;} form.completeBestSellerLayout ul, form.completeBestSellerLayout ol, form.completeNewProductsItem ul, form.completeNewProductsItem ol {float:none; clear:none;} form.classicProductLayout fieldset, form compactProductLayout fieldset, form.completeBestSellerLayout fieldset,  form.completeNewProductsItem fieldset, body.includingAddToCartButton form fieldset {margin:0; padding:0;} form.regularProductSummary fieldset.product-prompt {clear:both; margin-bottom:1em;} form.regularProductSummary fieldset.product-prompt input[type=text] {width:auto;} form.regularProductSummary p {display:block; clear:right; overflow:hidden;} form.regularProductSummary span[id^="RemoveIfOutOfStock"], form.compactProductLayout span[id^="RemoveIfOutOfStock"] {display:block;} form.compactProductLayout span[id^="RemoveIfOutOfStock"] {top:0;} span span[id^="EnableIfStockOk"] {font-size:1.4em;} form.imageOnLeftTextWrappedAround span span[id^="EnableIfStockOk"], form.imageOnRightTextWrappedAround span span[id^="EnableIfStockOk"] {font-size:1em;} form fieldset {display:inline; margin:0; padding:0; border:none;} form.regularProductSummary span.button-wrapper, form.classicProductLayout span.button-wrapper {float:right;} form.listStyleProductLayout fieldset, form.listStyleProductLayout p.cart-button-placement {float:right; clear:right; position:relative;} form.completeBestSellerLayout fieldset, form.completeBestSellerLayout fieldset input,  form.completeNewProductsItem fieldset input, body.includingAddToCartButton form fieldset,  body.includingAddToCartButton form fieldset input {width:auto !important;} form.imageOnLeftTextWrappedAround .product-image > img {float:left;} form.imageOnRightTextWrappedAround .product-image > img {float:right; margin:0 0 1em 1em;} .product-image > img, .std-product-details img { min-width:1px; width:auto !important; max-width:284px; height:auto; margin-right:1em; } .twoColumns .product-image > img, .threeColumns .product-image > img,  .twoColumns .std-product-details img, .threeColumns .std-product-details img {width:100% !important; max-width:94%;} form[class$="RightTextWrappedAround"] ul, form[class$="RightTextWrappedAround"] ol,  form.classicProductLayout ul, form.classicProductLayout ol, form.completeBestSellerLayout fieldset {float:none; clear:none;} form fieldset label, form fieldset input {float:left; clear:none;} fieldset.quantity-box label {line-height:3;} fieldset.quantity-box input[type="number"] {width:33px !important;} form.compactProductLayout fieldset {float:right;} form.imageOnLeftTextWrappedAround div.feefoproductlogo, form.imageOnRightTextWrappedAround div.feefoproductlogo, form.completeBestSellerLayout .feefoproductlogo {margin:1em;} form.imageOnLeftTextWrappedAround div.feefoproductlogo {float:left; clear:left;} form.imageOnRightTextWrappedAround div.feefoproductlogo {float:right; clear:right;} form.imageOnLeftTextWrappedAround p.cart-button-placement, form.imageOnRightTextWrappedAround p.cart-button-placement {display:block; overflow:hidden;} form.imageOnLeftTextWrappedAround .set-below-right, form.imageOnRightTextWrappedAround .set-below-right {float:left; width:100%;} form.completeBestSellerLayout .feefoproductlogo {float:left; clear:both;} .product-details form fieldset span[id^="RemoveIfOutOfStock"] {float:right;} .section-link-details form fieldset input, .product-details form fieldset input,  .content-area form .content fieldset input {float:left; clear:none;} .productLayoutText {float:left;} form.compactProductLayout div[id^="idVars"] {clear:none;} div[id^="idVars"] .attribute-list { display:block; overflow:hidden; } div[id^="idVars"] .attribute-list input,  div[id^="idVars"] .attribute-list textarea { float:left; clear:left; margin:1em 0 0 0; } .selectOptions {float:left;} .selectOptions ul {float:left !important; clear:both !important; list-style-type:none;} .selectOptions ul li {float:left; clear:both;} .ajs-attr {float:left;} .ajs-attr input[type="radio"] {margin:5px 1em 0 0 !important;} .searchButton {display:none;} /* Start of Filter Pages */ div[id^="filter_pagination_links"] {font-size:1.4em; margin:0.5em 0;} #FilterResultElements {padding:1%;} div#SearchResults { display:block; margin-bottom:1%; padding:1%; overflow:hidden; } .std-search-results {float:left; width:100%;} .std-product-details {font-size:1.4em; line-height:1.9em; clear:none;} .std-product-details a h3, .product-details .regularMatchedLayouts a h3 {width:100%; color:#0077ef;} .std-product-details a h3 {font-size:1.4em;} .std-product-details p {display:inline; font-size:0.8em;} .product-details .regularMatchedLayouts p {float:left; line-height:2;} .product-details .regularMatchedLayouts div span br {display:none;} .filteredProductText, .standardSearchText {float:left;} .twoColumns .filteredProductText, .threeColumns .filteredProductText,  .twoColumns .standardSearchText, .threeColumns .standardSearchText {clear:both; width:100%;} .filteredProductText p, .filteredProductText a, .filteredProductText div, .standardSearchText p, .standardSearchText a, .standardSearchText div {float:left; clear:both;} .std-product-details p.product-price {font-size:1em;} .std-product-details .feefoproductlogo {margin:1em;} .std-product-details a, .product-details .regularMatchedLayouts a {float:left;} .product-details .regularMatchedLayouts a {margin-right:0.5em;} .twoColumns .std-product-details a {width:50%;} #FilterResultElements div#SearchResults p, #FilterResultElements div#SearchResults a img,  #FilterResultElements div#SearchResults img {float:left;} .threeColumns .std-product-details p, .threeColumns .product-details .regularMatchedLayouts p {float:left; width:100%; margin:0;} /* End of Filter Pages */ /* start auto suggest */ .content-area form .sf_suggestion {top:3.5em !important; left:10.7em !important;} /* end auto suggest */ /* Start of Extended Info */ #extended-info, .extended-info {background-image:none;} body#extended-info, body.imageLeftOfProductNameAndInfoText p {float:left;} body.imageLeftOfProductNameAndInfoText h1 {clear:right;} body.includingAddToCartButton form {width:100%;} body.includingAddToCartButton form h1, body.includingAddToCartButton form p, body.includingAddToCartButton form div {clear:none;} body.includingAddToCartButton form p.set-right {float:right;} body.includingAddToCartButton form fieldset p {float:left;} body.includingAddToCartButton form p.cart-button-placement {clear:both;} body#extended-info ul, body#extended-info ol {float:left; clear:both; width:100%;} body#extended-info img { min-width:1px; width:100%; height:auto; } /* End of Extended Info */ /* Column Counts */ .twoColumns, #search_results_list .twoColumns { display:-webkit-flex !important; display:-moz-flex !important; display:flex !important; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; flex-flow:row wrap; /* Start of IE Flex box */ display: -ms-flexbox !important; -ms-flex-direction: row !important; -ms-flex-wrap:wrap !important; /* End of IE Flex box */	 } .twoColumns .fullWidthSection { -webkit-flex:0 0 45%; -moz-flex:0 0 45%; flex:0 0 45%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:45%; width:45%; /* End of IE Flex box */ margin:1% auto; } .twoColumns .product-details, .twoColumns .std-product-details, .twoColumns .marketing-list-entry, .twoColumns #SearchResults { -webkit-flex:0 0 46%; -moz-flex:0 0 46%; flex:0 0 46%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:46%; width:46%; /* End of IE Flex box */ margin:1% 0 0 1%; } .threeColumns form.imageOnLeftTextWrappedAround .product-image, .threeColumns form.imageOnRightTextWrappedAround .product-image {width:auto;} .threeColumns form.completeNewProductsItem div.newProductList img, .threeColumns form.imageOnLeftTextWrappedAround .product-image img,  .threeColumns form.imageOnRightTextWrappedAround .product-image img {width:100%; height:auto;} .threeColumns form.imageOnRightTextWrappedAround .product-image, .threeColumns form.imageOnRightTextWrappedAround .product-image img {float:left;} .threeColumns, #search_results_list .threeColumns  { display:-webkit-flex !important; display:-moz-flex !important; display:flex !important; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; flex-flow:row wrap; /* Start of IE Flex box */ display: -ms-flexbox !important; -ms-flex-direction: row !important; -ms-flex-wrap:wrap !important; /* End of IE Flex box */	 } .threeColumns p.resultsFirstP, .twoColumns p.resultsFirstP {float:left; clear:both; width:100%;} .threeColumns .fullWidthSection { -webkit-flex:0 0 28%; -moz-flex:0 0 28%; flex:0 0 28%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:28%; width:28%; /* End of IE Flex box */ margin:1% auto; } .threeColumns .product-details, .threeColumns .std-product-details, .threeColumns .marketing-list-entry, .threeColumns #SearchResults { -webkit-flex:0 0 30%; -moz-flex:0 0 30%; flex:0 0 30%; min-width:30%; /* Firefox fix */ /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:30%; width:30%; /* End of IE Flex box */ margin:1% 0 0 1%; } .IeOnly .twoColumns .fullWidthSection, .IeOnly .twoColumns .product-details, .IeOnly .twoColumns .std-product-details, .IeOnly .twoColumns .marketing-list-entry, .IeOnly .twoColumns #SearchResults, .IeOnly .threeColumns .fullWidthSection, .IeOnly .threeColumns .product-details, .IeOnly .threeColumns .std-product-details, .IeOnly .threeColumns .marketing-list-entry, .IeOnly .threeColumns #SearchResults, .androidOnly .twoColumns .fullWidthSection, .androidOnly .twoColumns .product-details, .androidOnly .twoColumns .std-product-details, .androidOnly .twoColumns .marketing-list-entry, .androidOnly .twoColumns #SearchResults, .androidOnly .threeColumns .fullWidthSection, .androidOnly .threeColumns .product-details, .androidOnly .threeColumns .std-product-details, .androidOnly .threeColumns .marketing-list-entry,  .androidOnly .threeColumns #SearchResults { float:left; clear:none; height:300px; overflow:hidden; } .threeColumns #SearchResults p, .twoColumns #SearchResults p {float:none; clear:none; width:auto;} .twoColumns .product-details a.feefo img, .twoColumns .std-product-details a.feefo img, .twoColumns .marketing-list-entry a.feefo img,  .threeColumns .product-details a.feefo img, .threeColumns .std-product-details a.feefo img, .threeColumns .marketing-list-entry a.feefo img {width:100%; height:auto;} .threeColumns div.product-details form.listStyleProductLayout p,  .threeColumns div.std-product-details form.listStyleProductLayout p, .threeColumns div.product-details form.listStyleProductLayout div,  .threeColumns div.std-product-details form.listStyleProductLayout div,  .threeColumns div.product-details form.listStyleProductLayout span, .threeColumns div.std-product-details form.listStyleProductLayout span {clear:both; overflow:hidden;} .threeColumns form.listStyleProductLayout fieldset,  .threeColumns form.listStyleProductLayout p.cart-button-placement {float:left;	clear:none !important;} .threeColumns form.listStyleProductLayout p.cart-button-placement {margin-top:0; padding:0;} /* Column Counts */ table.comm-table p {width:auto;} table.comm-table tr th:nth-child(1) {width:18%;} table.comm-table tr th:nth-child(2) {width:34%;} table.comm-table tr th:nth-child(3) {width:10%;} table.comm-table tr th:nth-child(4) {width:38%;} table.comm-table a, .CheckoutProgress {float:left; clear:both;} table.comm-table ul, table.comm-table ol {float:left; clear:both; width:100%;} form div.product-marketing-list {float:left; width:100%;} form div.product-marketing-list, form div.product-marketing-list ol, form div.product-marketing-list ul { width:100%; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; flex-flow:row wrap; /* Start of IE Flex box */ display: -ms-flexbox !important; -ms-flex-direction: row !important; -ms-flex-wrap:wrap !important; /* End of IE Flex box */	 } form div.product-marketing-list h2, form div.product-marketing-list h3 {width:100%; font-size:1.6em;} form div.product-marketing-list ol li, form div.product-marketing-list ul li {font-size:0.8em;} form div.product-marketing-list ol li p span, form div.product-marketing-list ul li p span {margin:0; padding:0; font-size:1em;} form div.product-marketing-list .marketing-list-entry { margin:1%; padding:2%; -webkit-flex:1 0 20%; -moz-flex:1 0 20%; flex:1 0 20%; /* Start of IE Flex box */ -ms-flex-grow:1; -ms-flex-shrink:0; -ms-flex-basis:20%; width:20%; /* End of IE Flex box */ float:left; } /*form div.product-marketing-list .marketing-list-entry .product-text p,.product-marketing-list .product-list-price .product-price {float:center; 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;} #searchFields fieldset input[type="text"] {clear:both;} .content-area form fieldset textarea {width:61.5%;} .content-area form fieldset #recaptcha_widget_div {float:left; width:75%; margin:0 0.5em 0 14em;} .content-area form fieldset #recaptcha_widget_div #recaptcha_area {float:left;} #recaptcha_area td img {float:none; width:auto;} .content-area form fieldset label.fullWidth {width:auto;} .content-area form fieldset .radio {float:left; width:auto;} .content-area form fieldset .clearLeft {clear:left;} .content-area form fieldset .shorter {width:24%;} .content-area form fieldset .wider {width:73%;} .content-area form fieldset .radio input {float:left; width:2em;} .content-area form fieldset .radio label {float:left; clear:none; width:auto;} .content-area form fieldset input.button { float:left; clear:none; width:auto; margin-left:2%; } .content-area form fieldset input.login {float:left; clear:both;} .content-area form fieldset.passwordIdentity input[type="button"].passwordIdentityButton {float:right; clear:left;} div#idLOOKUPORDERS p {margin:1em;} .content-area form#idLOOKUPORDERSFORM {padding:1em;} .content-area form#idLOOKUPORDERSFORM fieldset {width:92%;} .content-area form.login fieldset label, .login fieldset p, .content-area form#idPASSWORDFORM fieldset label,  .content-area form#idLOOKUPORDERSFORM fieldset label, .content-area form#idLOOKUPORDERSFORM fieldset input[type=submit], .content-area form#idBUYERFORM fieldset label, .content-area form#idADDRESSFORM fieldset label,  .content-area form.billingAddress fieldset label {float:left; clear:both;} .content-area form#idPASSWORDFORM fieldset input[type="button"], form#idPASSWORDFORM fieldset input[type="submit"] { float:left; clear:both; } .content-area form#idLOOKUPORDERSFORM fieldset label {width:11em; margin:1%;} .content-area form .checkoutCustomers { float:left; clear:both; width:103%; margin-bottom:1em; /*COMMENTING OUT DUE TO WIDTH ISSUE*/ /*	display:-webkit-flex;			*/ /*	display:-moz-flex;				*/ /*	display:flex;						*/ /*	-webkit-flex-flow:row wrap;	*/ /*	-moz-flex-flow:row wrap;		*/ /*	flex-flow:row wrap;				*/ /* Start of IE Flex box */ /*	display: -ms-flexbox !important;		*/ /* -ms-flex-direction: row !important;	*/ /* -ms-flex-wrap:wrap !important;		*/ /* End of IE Flex box */ } .content-area form .checkoutCustomers fieldset { float:left; clear:none; margin:0 1% 0 0; padding:0; -webkit-flex:0 0 48%; -moz-flex:0 0 48%; flex:0 0 48%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:48%; width:48%; /* End of IE Flex box */ } .content-area form .checkoutCustomers fieldset .customerTickBox {float:left; clear:both; width:100%;} .content-area form .checkoutCustomers fieldset .customerTickBox label {width:80%; margin-left:0.5em;} .content-area form .checkoutCustomers fieldset label {float:left;} .content-area form .checkoutCustomers fieldset input {width:auto; margin:2% 3%;} .content-area form .checkoutCustomers fieldset input[type=password] {float:left; clear:both; width:90%;} #idBothAddressesTable {width:100%; padding-top:1em;} #idBothAddressesTable fieldset {padding:0;} .content-area form .checkout { float:left; clear:both; width:100%; margin-bottom:1%; } #idBothAddressesTable .checkout {margin-top:1em; border:none;} .content-area form .checkout label.actrequired {float:left; clear:both;} .content-area form .checkout input[type=checkbox] { float:left;  width:auto; position:relative; top:0.8em; } input#idAGREETERMSCONDITIONS { margin:0.5em; height:26px; top:0; } .content-area form .checkout p {float:left;} .content-area form .checkout fieldset { float:left;  clear:both; width:100%; padding:0 0 1em; } .content-area form#idCheckoutForm {overflow:hidden;} #idCheckoutForm .checkout label, #idCheckoutForm .checkout p, #idCheckoutForm .checkout input,  #idCheckoutForm .checkout select {margin:0.5em;} .content-area form .checkout fieldset #idSeparateShipRow {float:left; clear:both; width:100%; margin-bottom:1em;} .content-area form .checkout fieldset #idSeparateShipRow #idSeparateShipCell {width:18em; margin:0;} .content-area form .checkout fieldset #idSeparateShipRow #idSeparateShipCell label {width:80%;} .content-area form .checkout fieldset #idSeparateShipRow #idSeparateShipCell input {clear:none; width:auto; margin:0;} .content-area form .checkout fieldset .ShowAlways {float:left; width:52%;} .content-area form .checkout fieldset .ShowAlways #idInvoiceAccountAddresses, .content-area form .checkout fieldset .ShowAlways #idDeliverAccountAddresses {display:block;} #idInvoiceAccountAddresses {margin-left:20%;} #idInvoiceAccountAddresses, #idDeliverAccountAddresses {width:30%;} #idInvoiceAccountAddresses table p, #idDeliverAccountAddresses table p {font-size:1.3em;} #idInvoiceAccountAddresses input[type="radio"], #idDeliverAccountAddresses input[type="radio"] {width:2em; margin:1em 0;} .content-area form .checkout fieldset .ShowAlways p { float:left; clear:none; width:37%; margin-left:1em; text-align:center; } .content-area form .checkout fieldset .ShowAlways p#idDeliverHeader {float:right; margin-right:1em;} .content-area form .checkout fieldset .ShowAlways p#idDeliverHeader {float:right;} .content-area form .checkout fieldset label {float:left; clear:left; width:11.5em;} .content-area form .checkout fieldset .checkout-field-label { width:100%; margin:0; padding:0; } .content-area form .checkout fieldset .checkout-field-label label { width:100%; margin:0; padding:0; } .content-area form .checkout label.rememberMeText, .content-area form .checkout label.invoicePrivacy {width:85%; float:left;} .content-area form .checkout fieldset .InvoiceField, .content-area form .checkout fieldset .DeliverField {float:left;  margin-left:0.5em;} .content-area form .checkout #idSeparateShipCell {width:auto;} .content-area form .checkout fieldset .InvoiceField input, .content-area form .checkout fieldset .DeliverField input {float:left; width:94%;} .content-area form .checkout fieldset .InvoiceField input.thisAddress,  .content-area form .checkout fieldset .InvoiceField input.thatAddress, .content-area form .checkout fieldset .DeliverField input.thisAddress,  .content-area form .checkout fieldset .DeliverField input.thatAddress  {width:2em; margin-top:1em;} .content-area form .checkout fieldset .InvoiceField select,  .content-area form .checkout fieldset .DeliverField select {float:left; width:96%;} /*.content-area form .checkout fieldset .wideInput {width:52%;}*/ .content-area form .checkout-buttons {float:left; width:100%; height:auto;} .content-area form .content fieldset .ajs-attr input {float:left; width:auto;} .content-area .button-wrapper {float:left;} .content-area form .checkout-buttons div.floatLeft, .content-area form .checkout-buttons div.floatRight {clear:none;} .content-area form .checkout-buttons div.floatLeft {float:left;} .content-area form .checkout-buttons div.floatRight {float:right;} h3.checkout-heading {width:auto; margin:0; padding:0.5em;} .cartButtons {float:left; clear:both;} .checkoutButtonArea {float:left;} .externalButtons, .externalButtons p, .externalButtons a {float:left; clear:both;} .externalButtons p {width:100%; text-align:center;} .content-area form table.checkout, .content-area form table.checkout-cart {width:100%; font-size:1.2em;} div#idPaymentMethodTable {width:100%;} .content-area form table.checkout tr td.cartheading, .content-area form table.checkout-cart tr td.checkout-cartheading {background:#0077ef; color:#ffffff;} .content-area form table.checkout tr td span.mobileHeader, .content-area form table.checkout-cart tr td span.mobileHeader {display:none;} .content-area form table.checkout-cart tr td.cart .cartText {float:left; clear:right; padding:0 0.5em;} .content-area form table.checkout-cart img {float:left; width:35px; height:auto;} .content-area form table.checkout-cart {table-layout:fixed; border-collapse:inherit; border-spacing:0;} .content-area form table.checkout-cart tr td.cart, table.checkout-cart tr td.cartheading {overflow-wrap:break-word;} .content-area form table.checkout-cart tr td.cart input[type="number"] {width:3em;} .content-area form table.checkout-cart tr td.cart div.promptInfo,  .content-area form table.checkout-cart tr td.cart div.promptInfo input {float:left; clear:both;} .content-area form table.checkout-cart tr td.cart div.promptInfo {width:87%; margin-bottom:0.5em;} .content-area form table.checkout-cart tr td.cart div.promptInfo span.promptLabel {float:left; clear:both; width:100%;} .content-area form table.checkout-cart tr td.cart div.promptInfo input {width:70%;} .content-area form table tr td.cartheading p.floatLeft, table tr td span.floatLeft {float:left; clear: none;} .content-area form table tr td.cartheading p.floatRight, table tr td span.floatRight {float:right; clear: none;} .content-area form .checkout fieldset label span.actrequired, #idCheckoutForm span.actrequired { float:left; margin-right:1em; font-size:1em; line-height:1.3em; } #idCheckoutForm table tr th.change input.checkout-change-button {float:right; margin-right:1em;} .content-area form table.checkout tr td.longChange {display:none;} .content-area form table.addressConf tr td p.cartheading {display:none;} #idPaymentMethodTable .checkout-field-input { float:left; font-size:1.4em; line-height:2.4em; } #idPaymentMethodTable .checkout-field-input input { float:left; clear:both; margin:0.7em 0.5em 0 0; } #paypal-express-chk {float:left; width:100%; margin-top:1em;} #paypal-express-chk div {float:left;} .payPalExRightCol p, .payPalExRightCol a { float:left; margin:0 1em; text-align:center; } .payPalExRightCol .ppImages img { display:block; clear:both; margin:0 auto 1em !important; } .content-area form.searchResults fieldset {width:96%; position:relative;} .content-area form.searchResults fieldset label {float:left; clear:left;} .content-area form.searchResults fieldset div label {clear:none; line-height:2;} .content-area form.searchResults fieldset div.searchCriteria {float:left; width:100%;} .content-area form.searchResults fieldset div.searchCriteria label {float:left; clear:both; width:7em;} .myaccount-shadow {z-index:999999999;} .myaccount-popup { position:absolute; width:auto; height:auto; margin:0; padding:0; top:10%; left:30%; } #idORDER_TRACKING table tr td span {display:none;} .feefositelogo {margin-top:1.5em;} .feefoFeedback {float:left;} .feefoFeedback div {font-size:1.2em;} .feefoFeedback .comm-table th {font-size:1em;} .feefoFeedback .comm-table a, .feefoFeedback .comm-table p {font-size:1.2em;} .feefoFeedback table.comm-table tr td h3 span {font-size:1em; line-height:2.5em;} .footer-area, div.deepFooter {float:left; width:100%;} .footer-area .housekeeping {float:left;} .footer-area .address-details {float:right;} .footer-area ul {clear:none; list-style-type:none;} .footer-area p {float:left; clear:both;} div.deepFooter { display:-webkit-flex; display:-moz-flex; display:flex; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; flex-flow:row wrap; /* Start of IE Flex box */ display: -ms-flexbox !important; -ms-flex-direction: row !important; -ms-flex-wrap:wrap !important; /* End of IE Flex box */ margin-bottom:1%; } div.deepFooter div, div.miniFooter {float:left; width:100%;} div[class^="footerCol"] { float:left; margin:1%; -webkit-flex:0 0 31%; -moz-flex:0 0 31%; flex:0 0 31%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:31%; width:31%; /* End of IE Flex box */ } .IeOnly div[class^="footerCol"], .androidOnly div[class^="footerCol"] {float:left; clear:none; width:31% !important;} div[class^="footerCol"] ul, div[class^="footerCol"] ol {width:100%;} /* Receipt */ .receipt {margin-bottom:3em !important;} .receipt form, .receipt form table, .receipt form div.CheckoutCartSection, .receipt form span#idShoppingCartGrid { float:left; width:100%; margin:0; padding:0; } .receipt form table.checkout-cart {width:100%;} .receipt form table tr td table tr td.cart p.cartheading {display:none;} .receipt input {width:auto !important;} @media screen and (max-width:1061px) { .header-area .cart-summary {float:right; clear:right;} .header-area ol, .header-area form {float:left; clear:both;} .header-area p.headerText {width:98%;} #left-area {width:76%;} #left-sidebar, #right-sidebar {width:23%;} .content-area {width:76%;}   .content-area .product-list .marketing-list-entry {width:97%;} /* Column Counts */ div.sectionListThreeColumn .section-link-details, div.sectionLinkFirstThreeColumn .section-link-details:first-child,  div.sectionLinkFirstThreeColumn .section-link-details:nth-child(2), div.sectionLinkFirstThreeColumn .section-link-details:nth-child(3) { -webkit-flex:0 0 45%; -moz-flex:0 0 45%; flex:0 0 45%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:45%; width:45%; /* End of IE Flex box */ } .twoColumns .fullWidthSection, .threeColumns .fullWidthSection { -webkit-flex:0 0 43%;  -moz-flex:0 0 43%;  flex:0 0 43%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:43%; width:43%; /* End of IE Flex box */ } .twoColumns .product-details, .twoColumns .std-product-details, .twoColumns .marketing-list-entry,  .threeColumns .product-details, .threeColumns .std-product-details, .threeColumns .marketing-list-entry, .threeColumns #SearchResults { -webkit-flex:0 0 46%;  -moz-flex:0 0 46%;  flex:0 0 46%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:46%; width:46%; /* End of IE Flex box */ } /* Column Counts */ a.feefo img, table.comm-table img {width:auto;} #recaptcha_area td {float:left; clear:left;} .content-area form .checkoutCustomers {width:103%;} .content-area form .checkoutCustomers fieldset {width:94%;} .content-area form .checkoutCustomers fieldset input#idCREATEANACCOUNT {float:left; clear:none; width:auto;} .content-area form .checkoutCustomers fieldset input {float:left; clear:both; width:94%;} .content-area form .checkout fieldset #idSeparateShipRow #idSeparateShipCell {margin-bottom:1em;} .content-area form .checkout input[type=checkbox] {margin:0.5em; top:0;} .content-area form .checkout fieldset .ShowAlways {width:100%;} .content-area form .checkout fieldset .InvoiceField {clear:left;} .content-area form .checkout fieldset .InvoiceField, .content-area form .checkout fieldset .DeliverField {width:47%;} .content-area form .checkout fieldset .wideInput {width:96%;} } @media screen and (max-width:676px), (min-width:801px) and (max-width:1694px) { .threeColumns form.regularProductSummary .product-image {width:100%;} } @media screen and (min-width:482px) and (max-width:600px), (min-width:801px) and (max-width:1570px) { .threeColumns form.regularProductSummary div.set-below-right div img {width:100%; height:auto;} } @media screen and (max-width:1350px) { div[id^="idVars"] .attribute-list {float:left; width:100%;} #idInvoiceAccountAddresses {margin-left:26%;} #idInvoiceAccountAddresses, #idDeliverAccountAddresses {width:30%;} } @media screen and (max-width:1304px) { .twoColumns form.classicProductLayout .product-image {width:100%;} } @media screen and (max-width:1220px) { .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"] label {width:70%;} } @media screen and (max-width:600px), (min-width:801px) and (max-width:1170px) { form.listStyleProductLayout fieldset, form.listStyleProductLayout p.cart-button-placement {float:left; clear:none; position:relative;} form.listStyleProductLayout fieldset, form.listStyleProductLayout p.cart-button-placement {top:0;} form.listStyleProductLayout p, form.listStyleProductLayout div,  form.listStyleProductLayout span {clear:both; overflow:hidden;} form.listStyleProductLayout p.cart-button-placement {margin-top:0; padding:0; clear:none;}	 } @media screen and (max-width:1165px) { .twoColumns form.imageOnLeftTextWrappedAround .product-image,  .twoColumns form.imageOnRightTextWrappedAround .product-image {float:left; width:auto;} .twoColumns form.imageOnLeftTextWrappedAround .product-image img,  .twoColumns form.imageOnRightTextWrappedAround .product-image img {float:left; width:100%;} } @media screen and (min-width:1024px) and (max-width:1110px) { .threeColumns #SearchResults { -webkit-flex:0 0 29%;  -moz-flex:0 0 29%;  flex:0 0 29%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:29%; width:29%; /* End of IE Flex box */ } } @media screen and (max-width:481px), (min-width:801px) and (max-width:1110px) { form.regularProductSummary .product-image, form.regularProductSummary div.set-below-right {width:100%;} } @media screen and (max-width:1100px) { .twoColumns form.compactProductLayout h2 {float:left; width:100%;} .twoColumns form.compactProductLayout fieldset, .twoColumns form.compactProductLayout .cart-button-placement {clear:none;} .twoColumns form.compactProductLayout fieldset {float:left;} .twoColumns form.compactProductLayout .cart-button-placement {float:right; margin:0; padding:0;} .twoColumns form.compactProductLayout p {clear:both; overflow:hidden;} } @media screen and (min-width:482px) and (max-width:640px), (min-width:801px) and (max-width:1061px) { .twoColumns .feefoproductlogo img {width:100%;} } @media screen and (min-width:801px) and (max-width:1061px) { .twoColumns form.regularProductSummary div.set-below-right div img {width:100%; height:auto;} } @media screen and (max-width:481px), (min-width:801px) and (max-width:1110px) { form.regularProductSummary .product-image, form.regularProductSummary div.set-below-right {width:100%;} } @media screen and (max-width:1100px) { .twoColumns form.compactProductLayout h2 {float:left; width:100%;} .twoColumns form.compactProductLayout fieldset, .twoColumns form.compactProductLayout .cart-button-placement {clear:none;} .twoColumns form.compactProductLayout fieldset {float:left;} .twoColumns form.compactProductLayout .cart-button-placement {float:right; margin:0; padding:0;} .twoColumns form.compactProductLayout p {clear:both; overflow:hidden;} } @media screen and (min-width:482px) and (max-width:640px), (min-width:801px) and (max-width:1061px) { .twoColumns .feefoproductlogo img {width:100%;} } @media screen and (min-width:801px) and (max-width:1061px) { .twoColumns form.regularProductSummary div.set-below-right div img {width:100%; height:auto;} } @media screen and (max-width:580px), (min-width:801px) and (max-width:1061px) { } @media screen and (min-width:577px) and (max-width:602px), (min-width:1039px) and (max-width:1061px) { .content-area form .checkout p {clear:both;} } @media screen and (max-width:580px), (min-width:801px) and (max-width:1061px) { } @media screen and (min-width:577px) and (max-width:602px), (min-width:1039px) and (max-width:1061px) { .content-area form .checkout p {clear:both;} } @media screen and (max-width:560px), (max-width:592px), (min-width:801px) and (max-width:1061px) { .content-area form .checkoutCustomers fieldset { -webkit-flex: 0 0 99%; -moz-flex: 0 0 99%; flex: 0 0 99%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:99%; width:99%; /* End of IE Flex box */ margin:1% 0; } } @media screen and (max-width:600px), (min-width:801px) and (max-width:1061px) { #idBothAddressesTable {width:99%;} } @media screen and (max-width:560px), (min-width:801px) and (max-width:1061px) { .content-area .marketing-list .products .marketing-list-entry { -webkit-flex:1 0 47%;  -moz-flex:1 0 47%;  flex:1 0 47%; /* Start of IE Flex box */ -ms-flex-grow:1; -ms-flex-shrink:0; -ms-flex-basis:47%; width:47%; /* End of IE Flex box */ } .IeOnly .content-area .marketing-list .products .marketing-list-entry, .androidOnly .content-area .marketing-list .products .marketing-list-entry {height:550px;} #idORDER_TRACKING table tr th {display:none;} #idORDER_TRACKING table tr td { float:left; clear:both; width:98%; text-align:left; } #idORDER_TRACKING table tr td span {display:block;} div#idORDER_TRACKING [id^="idORDER_DETAILS_"] tr td:empty {display:none;} } @media screen and (max-width:481px), (min-width:801px) and (max-width:1061px) { #idInvoiceAccountAddresses {margin-left:0;} #idInvoiceAccountAddresses, #idDeliverAccountAddresses {width:48%;} } @media screen and (max-width:360px), (min-width:801px) and (max-width:1061px) { form.completeNewProductsItem img {width:100%; height:auto;} } @media screen and (min-width:801px) and (max-width:1061px) { form div.product-marketing-list .marketing-list-entry { margin:1%; -webkit-flex:1 0 30%; -moz-flex:1 0 30%; flex:1 0 30%; /* Start of IE Flex box */ -ms-flex-grow:1; -ms-flex-shrink:0; -ms-flex-basis:30%; width:30%; /* End of IE Flex box */ float:left; } } @media screen and (min-width:601px) and (max-width:720px), (min-width:801px) and (max-width:1071px) { .content-area form fieldset #recaptcha_widget_div { float:right; width:auto; margin:0 2em 0 0; } } @media screen and (max-width:1061px) { .content-area #product-page-body form { float:none; display:block; width:93%; margin:1em auto 0 !important; overflow:hidden; } table.confirmCustomerAddress th {display:none;}  table.confirmCustomerAddress th.change {display:block;} table.confirmCustomerAddress tr {overflow:hidden;}  table.confirmCustomerAddress .mobileHeader { width:100% !important; margin:0 !important; padding:0.5em !important; font-size:1.4em; color:#ffffff; background:#0077ef !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 #0077ef;  background:#eaeaea; } .content-area form table.checkout tr:first-child, .content-area form table.checkout-cart tr:first-child {background:#0077ef;} .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:#0077ef; } .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 28%;  -moz-flex:0 0 28%;  flex:0 0 28%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:28%; width:28%; /* End of IE Flex box */ } .product-image.set-left, .product-image.set-right { float:none !important; display:block; margin:0 auto !important; } .product-image, .std-product-details { min-width:1px; width:auto; max-width:100%; } .product-image > img, .std-product-details > img {max-width:100%; height:auto;}	 .IeOnly .bestSellersMarketingListEntry, .IeOnly .newProductsMarketingListEntry,  .androidOnly .bestSellersMarketingListEntry, .androidOnly .newProductsMarketingListEntry {width:30% !important;} .section-link-details, .product-details, .std-product-details {width:93%; margin:2%;} form.regularProductSummary fieldset.product-prompt {width:55%;} form.regularProductSummary fieldset.product-prompt select {float:none; clear:none; width:auto;} form.regularProductSummary fieldset.product-prompt input[type=text] {width:auto;} .content-area fieldset label {float:left; clear:both;} .content-area .login fieldset input.button {margin:2% 1%} .content-area fieldset textarea {width:95.5%;} .content-area fieldset #recaptcha_widget_div {width:97%;} #recaptcha_area td {clear:none;} .IeOnly table.checkout-cart .floatRight input[type="text"],  .androidOnly table.checkout-cart .floatRight input[type="text"] {width:28px;} .content-area form .checkout fieldset #idSeparateShipRow {width:100%;} .content-area form .checkout fieldset #idSeparateShipRow #idSeparateShipCell label {width:60%;} .content-area form .checkout fieldset .wideInput {width:65%;} .content-area form .CheckoutCartSection .checkout #idShowHideCart a {width:100%;} #paypal-express-chk { float:none; display:block; width:17em; margin:0 auto; padding-top:1em; overflow:hidden; } .payPalExRightCol p, .payPalExRightCol a { width:100%; margin:0.5em 0; } .searchButton {display:block;} .searchButton p {text-decoration:underline; cursor:pointer;} .searchButton p:hover {text-decoration:none;} .content-area form.searchResults fieldset input[type=submit] {width:auto;} .myaccount-popup {top:0; left:0;} div[class^="footerCol"] { -webkit-flex:0 0 97%;  -moz-flex:0 0 97%;  flex:0 0 97%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:97%; width:97%; /* End of IE Flex box */ } .IeOnly div[class^="footerCol"], .androidOnly div[class^="footerCol"] {width:97% !important;} } @media screen and (min-width:431px) and (max-width:665px), (min-width:801px) and (max-width:1060px){ .bestSellersMarketingListEntry, .newProductsMarketingListEntry { -webkit-flex:0 0 45%;  -moz-flex:0 0 45%;  flex:0 0 45%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:45%; width:45%; /* End of IE Flex box */ } .IeOnly .bestSellersMarketingListEntry, .IeOnly .newProductsMarketingListEntry,  .androidOnly .bestSellersMarketingListEntry, .androidOnly .newProductsMarketingListEntry {width:47% !important;} } @media screen and (min-width:482px) and (max-width:800px) { .threeColumns form.completeNewProductsItem div.newProductList img {width:auto;} } @media screen and (max-width:680px) { .twoColumns form.regularProductSummary .product-image, form.regularProductSummary div.set-below-right {width:100%;} } @media screen and (max-width:660px) { .cart-summary p {clear:none;} form.regularProductSummary fieldset.product-prompt {width:100%;} .twoColumns form.regularProductSummary div.set-below-right div img {width:100%; height:auto;} } @media screen and (max-width:600px) { .twoColumns form.classicProductLayout .cart-button-placement, .contactUsForm .contactRows input, .contactUsForm .contactRows textarea {width:95%;} .contactUsForm .contactRows label, .contactUsForm .contactRows input, .contactUsForm .contactRows textarea {clear:both;} #recaptcha_widget_div { width:96% !important; margin-left:0.5em !important; } .std-product-details a, .product-details .regularMatchedLayouts a {clear:both;} .std-product-details p, .product-details .regularMatchedLayouts p {float:left; width:100%; margin:0;} } @media screen and (min-width:801px) and (max-width:1100px), (max-width:600px) { .twoColumns .std-product-details a, .twoColumns .product-details .regularMatchedLayouts a {width:100%;} } @media screen and (max-width:500px) { .logo {width:60%;} .logo img {width:100%; height:auto;} } @media screen and (min-width:801px) and (max-width:1061px), (max-width:500px) { div[id^="idVars"] .attribute-list .threeColumns { -webkit-flex:0 0 48%; flex:0 0 48%; }	 } @media screen and (max-width:495px) { form.classicProductLayout h2 {clear:both; width:100%;} form.classicProductLayout div[id$="StaticPrice"], form.classicProductLayout div[id$="DynamicPrice"] {float:left; clear:both;} form.classicProductLayout fieldset {clear:both;} .selectOptions {float:left; clear:none !important; width:auto !important;} .content-area form.searchResults fieldset {width:92%;} } @media screen and (max-width:494px) { form.classicProductLayout .product-image {width:100%;} } @media screen and (min-width:800px) and (max-width:869px), (max-width:484px) { .checkout-field-label, .content-area form .checkout fieldset label { width:auto; } .checkout-field-label, .checkout-field-input, .content-area form .checkout fieldset label { float:left; clear:both; width:85%; } .checkout-field-input input {width:95% !important;} } @media screen and (max-width:481px) { .header-area .cart-summary p {clear:none;} div.miniNav {float:left;} #left-sidebar .marketing-list-entry, #right-sidebar .marketing-list-entry { -webkit-flex:0 0 95%;  -moz-flex:0 0 95%;  flex:0 0 95%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:95%; width:95%; /* End of IE Flex box */ } .content-area .marketing-list .products .marketing-list-entry { -webkit-flex:1 0 95%;  -moz-flex:1 0 95%;  flex:1 0 95%; /* Start of IE Flex box */ -ms-flex-grow:1; -ms-flex-shrink:0; -ms-flex-basis:95%; width:95%; /* End of IE Flex box */ } .IeOnly .content-area .marketing-list .products .marketing-list-entry, .androidOnly .content-area .marketing-list .products .marketing-list-entry {height:auto;} .twoColumns .fullWidthSection, .threeColumns .fullWidthSection { -webkit-flex:0 0 92%;  -moz-flex:0 0 92%;  flex:0 0 92%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:92%; width:92%; /* End of IE Flex box */ } .twoColumns .product-details, .twoColumns .std-product-details, .twoColumns .marketing-list-entry, .threeColumns .product-details, .threeColumns .std-product-details,  .threeColumns .marketing-list-entry, .threeColumns #SearchResults, div.sectionListTwoColumn .section-link-details, div.sectionLinkFirstTwoColumn .section-link-details:first-child,  div.sectionLinkFirstTwoColumn .section-link-details:nth-child(2), div.sectionLinkFirstTwoColumn .section-link-details:nth-child(3),	 div.sectionListThreeColumn .section-link-details, div.sectionLinkFirstThreeColumn .section-link-details:first-child,  div.sectionLinkFirstThreeColumn .section-link-details:nth-child(2), div.sectionLinkFirstThreeColumn .section-link-details:nth-child(3), .twoColumns #SearchResults, .threeColumns #SearchResults { -webkit-flex:0 0 96%;  -moz-flex:0 0 96%;  flex:0 0 96%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:96%; width:96%; /* End of IE Flex box */ } .IeOnly .twoColumns .fullWidthSection, .IeOnly .twoColumns .product-details, .IeOnly .twoColumns .std-product-details, .IeOnly .twoColumns .marketing-list-entry, .IeOnly .threeColumns .fullWidthSection, .IeOnly .threeColumns .product-details, .threeColumns .std-product-details,  .IeOnly .threeColumns .marketing-list-entry, .IeOnly .threeColumns #SearchResults, .IeOnly div.sectionListTwoColumn .section-link-details, .IeOnly div.sectionLinkFirstTwoColumn .section-link-details:first-child,  .IeOnly div.sectionLinkFirstTwoColumn .section-link-details:nth-child(2), .IeOnly div.sectionLinkFirstTwoColumn .section-link-details:nth-child(3),	 .IeOnly div.sectionListThreeColumn .section-link-details, .IeOnly div.sectionLinkFirstThreeColumn .section-link-details:first-child,  .IeOnly div.sectionLinkFirstThreeColumn .section-link-details:nth-child(2), .IeOnly div.sectionLinkFirstThreeColumn .section-link-details:nth-child(3), .IeOnly .twoColumns #SearchResults, .IeOnly .threeColumns #SearchResults,  .androidOnly .twoColumns .fullWidthSection, .androidOnly .twoColumns .product-details, .androidOnly .twoColumns .std-product-details, .androidOnly .twoColumns .marketing-list-entry, .androidOnly .threeColumns .fullWidthSection, .androidOnly .threeColumns .product-details,  .androidOnly .threeColumns .std-product-details, .androidOnly .threeColumns .marketing-list-entry, .androidOnly .threeColumns #SearchResults, .androidOnly div.sectionListTwoColumn .section-link-details, .androidOnly div.sectionLinkFirstTwoColumn .section-link-details:first-child,  .androidOnly div.sectionLinkFirstTwoColumn .section-link-details:nth-child(2), .androidOnly div.sectionLinkFirstTwoColumn .section-link-details:nth-child(3),	 .androidOnly div.sectionListThreeColumn .section-link-details, .androidOnly div.sectionLinkFirstThreeColumn .section-link-details:first-child,  .androidOnly div.sectionLinkFirstThreeColumn .section-link-details:nth-child(2), .androidOnly div.sectionLinkFirstThreeColumn .section-link-details:nth-child(3), .androidOnly .twoColumns #SearchResults, .IeOnly .threeColumns #SearchResults {height:auto;} .content-area .marketing-list .products .marketing-list-entry {width:92%;}  form div.product-marketing-list .marketing-list-entry { -webkit-flex: 1 0 28%;  -moz-flex: 1 0 28%;  flex: 1 0 28%; /* Start of IE Flex box */ -ms-flex-grow:1; -ms-flex-shrink:0; -ms-flex-basis:28%; width:28%; /* End of IE Flex box */ } .content-area fieldset input, .content-area fieldset textarea, .content-area fieldset select { float:left; clear:both; width:94%; margin-left:1%; } form.regularProductSummary fieldset, form.classicProductLayout fieldset, form.compactProductLayout fieldset, form.imageOnLeftTextWrappedAround fieldset, form.imageOnRightTextWrappedAround fieldset, form.listStyleProductLayout fieldset {width:55%;}  form.compactProductLayout fieldset {float:left;} form.compactProductLayout fieldset.quantity-box {width:auto; margin-right:1.5em;} form.compactProductLayout .cart-button-placement {float:right; margin:0 1em 0 0; padding:0;} form.regularProductSummary div.set-below-right div img,  .twoColumns form.regularProductSummary div.set-below-right div img,  .threeColumns form.regularProductSummary div.set-below-right div img {width:auto; height:auto} form.imageOnLeftTextWrappedAround .product-image, form.imageOnRightTextWrappedAround .product-image {float:left; clear:both; width:95%;} form.compactProductLayout p, form.classicProductLayout p {clear:both; overflow:hidden;} form.compactProductLayout fieldset label, form.compactProductLayout fieldset input,  form.imageOnLeftTextWrappedAround fieldset label, form.imageOnRightTextWrappedAround fieldset label,  form.imageOnLeftTextWrappedAround fieldset input, form.imageOnRightTextWrappedAround fieldset input {clear:none;} .content-area fieldset input[type="checkbox"] {clear:none;} .contactUsForm .contactRows label, .contactUsForm .contactRows input,  .contactUsForm .contactRows textarea {clear:both; width:96%;} .content-area form .checkout fieldset #idSeparateShipRow input#idSEPARATESHIP {float:left; clear:none; width:auto;} form.listStyleProductLayout fieldset, form.listStyleProductLayout p.cart-button-placement { float:left;  clear:none;  margin:0; padding:0; top:0 !important; } form.listStyleProductLayout p.product-price {float:left;} .content-area #product-page-body form {width:90%;} .singleAddToCart fieldset.quantity-box {width:100%;} .content-area fieldset.product-prompt label {width:100%;} .content-area form .checkout fieldset #idSeparateShipRow #idSeparateShipCell,  .content-area form .checkout fieldset .ShowAlways {width:100%;} .content-area form .checkout fieldset .ShowAlways p {width:40%;} .content-area form .checkout fieldset .InvoiceField, .content-area form .checkout fieldset .DeliverField {width:45%;} .content-area form .checkout fieldset .InvoiceField {clear:both;} .content-area form .checkout fieldset .wideInput {width:90%;} .content-area form table.checkout-cart th {font-weight:normal;} .content-area form table.checkout-cart th:first-child {width:16%;} .content-area form table tr td.cartheading p.floatRight, table tr td table.dropDown tr th,  table tr td table.dropDown tr td {float:left; clear:both;} .content-area form table tr td table.dropDown tr th, table tr td table.dropDown tr td {width:100%;} .content-area form table tr td.cartheading p.floatRight {width:auto;} .content-area form table.checkout tr th.shortChange, .content-area form table.checkout tr td.shortChange {display:none;} .content-area form table.checkout tr td.longChange {display:block; float:left; width:100%; background:#0077ef;} .content-area form table.addressConf tr th.cartheading {display:none;} .content-area form table.addressConf tr td p.cartheading { display:block; width:99%; margin:-0.5em 0 0 -0.5em; padding:0.5em; font-size:1em; line-height:2em; } .content-area form table tr td.cartheading p.floatRight {float:left;} /* Receipt */ .receipt form table tr td table tr th.cartheading {display:none;} .receipt form table tr td table tr td.cart p.cartheading { display:block; width:100%; margin:0; padding:0; } } @media screen and (min-width:462px) and (max-width:481px) { form.regularProductSummary span[id^="RemoveIfOutOfStock"], form.compactProductLayout span[id^="RemoveIfOutOfStock"] { left:-9em; } } @media screen and (max-width:464px) { /* auto suggest */ .content-area form .sf_suggestion {top:7em !important; left:1em !important;} /* auto suggest */ } @media screen and (max-width:462px) { form.regularProductSummary span[id^="RemoveIfOutOfStock"], form.compactProductLayout span[id^="RemoveIfOutOfStock"] { display:block; top:0; left:0; margin-left:0.5em; } form.compactProductLayout span[id^="RemoveIfOutOfStock"] {float:left;} } @media screen and (max-width:440px) { .header-area {position:relative;} .header-area .logo { width:96%; margin:7em auto 0; } .header-area .logo img { float:left; } .header-area .header-element {position:absolute; top:0; right:0;} form.regularProductSummary fieldset {width:37%;} } @media screen and (max-width:430px){ .bestSellersMarketingListEntry, .newProductsMarketingListEntry { -webkit-flex:0 0 95%;  -moz-flex:0 0 95%;  flex:0 0 95%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:95%; width:95%; /* End of IE Flex box */ } .IeOnly .bestSellersMarketingListEntry, .IeOnly .newProductsMarketingListEntry,  .androidOnly .bestSellersMarketingListEntry, .androidOnly .newProductsMarketingListEntry {width:97% !important;} .content-area form#idLOOKUPORDERSFORM fieldset input[type="text"] {width:100%;} .content-area form fieldset #recaptcha_widget_div {width:90% !important;} .content-area form fieldset #recaptcha_widget_div #recaptcha_area {float:left; width:100%;} .content-area form fieldset table#recaptcha_table {width:100%;} .content-area form fieldset td.recaptcha_image_cell {width:93% !important;} .content-area form fieldset .recaptchatable #recaptcha_response_field {width:180px !important;} .content-area form fieldset .recaptchatable #recaptcha_image {float:left; width:100% !important; padding-top:1em;} .content-area form fieldset .recaptchatable #recaptcha_image #recaptcha_challenge_image {width:100% !important; height:auto;} } @media screen and (max-width:409px) { } @media screen and (max-width:398px) { .IeOnly div#recenthtlist div#recenthtitem, .androidOnly div#recenthtlist div#recenthtitem { width:44%; } .content-area form .checkout fieldset .ShowAlways p#idDeliverHeader {margin-right:1em;} } @media screen and (max-width:367px) { form.regularProductSummary fieldset.product-prompt label,  form.regularProductSummary fieldset.product-prompt input[type=text] {width:92%;} .contactUsForm .contactRows label, .contactUsForm .contactRows input,  .contactUsForm .contactRows textarea {width:82%;} } @media screen and (max-device-width:360px) { .content-area form table.checkout-cart th {padding:0;} } @media screen and (max-width:360px) { body {width:92%;} .header-area .logo img {width:100% !important; height:auto;} .marketing-list {overflow:visible;} .fullWidthSection img {width:90%; height:auto;} .fullWidthSection p {float:left; clear:both;} .section-link-details img {max-width:99%;} .section-link-details p {float:left; clear:both;} form div.product-marketing-list .marketing-list-entry { -webkit-flex:0 0 94%;  -moz-flex:0 0 94%;  flex:0 0 94%; /* Start of IE Flex box */ -ms-flex-grow:0; -ms-flex-shrink:0; -ms-flex-basis:94%; width:94%; /* End of IE Flex box */ } /* Start of Extended Info */ body#extended-info h1 {float:left; width:100%;} body#extended-info .product-image {float:left; width:95%;} body#extended-info .product-image img {width:100%; height:auto;} /* End of Extended Info */ form.regularProductSummary div.set-below-right div img,  .twoColumns form.regularProductSummary div.set-below-right div img,  .threeColumns form.regularProductSummary div.set-below-right div img {width:100%; height:auto;} form.imageOnLeftTextWrappedAround .product-image img, form.imageOnRightTextWrappedAround .product-image img { float:left;  min-width:1px; width:auto; max-width:100%; height:auto;  margin:0; } .product-details .feefoproductlogo, .std-product-details .feefoproductlogo {float:right; width:96%; overflow:hidden;} .content-area form fieldset #recaptcha_widget_div {float:left;} .content-area form fieldset #recaptcha_widget_div #recaptcha_table {width:auto;} .content-area form fieldset #recaptcha_widget_div #recaptcha_table tr td {float:left; clear:both; width:95%;} .content-area form fieldset.passwordIdentity p {float:left; clear:both;} .content-area form .checkout label.actrequired {width:82%;} .content-area form table.checkout-cart tr td.cart div.promptInfo input {width:90%;} .IeOnly div#recenthtlist div#recenthtitem, .androidOnly div#recenthtlist div#recenthtitem { width:95%; } .IeOnly div#recenthtlist div#recenthtitem p.actxxsmall, .androidOnly div#recenthtlist div#recenthtitem p.actxxsmall { height:auto; } } @media screen and (max-width:300px) { .header-area .logo img {width:100%;} #idInvoiceAccountAddresses, #idDeliverAccountAddresses {float:left; clear:both; width:90%;} } /* Firefox */ @-moz-document url-prefix() { .miniNav p div[id^="FilterPropertyOptions"] {color:#333333; font-weight:normal; text-transform:none;} .bestSellersMarketingListEntry, .newProductsMarketingListEntry {margin-top:1.5em;} form div.product-marketing-list, .marketing-list-entry, div.sectionListOneColumn .section-link-details,  div.sectionLinkFirstOneColumn .section-link-details:first-child, div.sectionListTwoColumn .section-link-details,  div.sectionLinkFirstTwoColumn .section-link-details:first-child, div.sectionLinkFirstTwoColumn .section-link-details:nth-child(2),  .threeColumns .product-details, .threeColumns .std-product-details, .threeColumns .marketing-list-entry, .threeColumns #SearchResults,  .twoColumns .product-details, .twoColumns .std-product-details, .twoColumns .marketing-list-entry, .twoColumns #SearchResults { margin:0.5em 0.5% !important; } .twoColumns .product-image > img, .threeColumns .product-image > img,  .twoColumns .std-product-details img, .threeColumns .std-product-details img {margin:0.5em 0;} div#recenthtlist div#recenthtitem {margin:0.5em;} } /* The Design Styles for Classic Responsive Design */ body { color:#333333; background:url('body-bg.png') repeat-x top left; } h1, h2, h3, h4, h5, h6 {font-weight:normal; padding: 0 !important; margin: 0 0 0.5em 0 !important;} a {color:#0077ef;} a:hover {color:#000070;} a:visited {color:#000070;} a:active {color:#000070;} input  {border:1px solid #0077ef;} select, textarea {border:1px solid #0077ef;} input[type="radio"], input[type="checkbox"] {border:none;} #wrapper {padding-top: 2em;} /* 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;} .topContactInfoDesktop {padding:0 1% !important;} div[class^="contactInfoTopCol"], table.checkout {border:none;} .contactInfoClick, .quick-search form .button-wrapper { border:1px solid #000032; border-radius:50%; margin:0.5em 1em; width:26px; height:26px; background: #000070; /* 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, #0000a3 0%, #000070 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#0000a3), color-stop(100%,#000070)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #0000a3 0%,#000070 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #0000a3 0%,#000070 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #0000a3 0%,#000070 100%); /* IE10+ */ background:linear-gradient(to bottom, #0000a3 0%,#000070 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000a3', endColorstr='#000070',GradientType=0 ); /* IE6-8 */ } .IeOnly div[class^="contactInfoTopCol"] .contactInfoClick, .androidOnly div[class^="contactInfoTopCol"] .contactInfoClick {filter:none; background:#000070;} .quick-search form .button-wrapper:hover {background:#dddddd; 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;} .quick-search { float:left; margin:3em 2em; width:30em; } .quick-search form { width:100%; height:4.2em; 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:20.5em; height:1.5em; 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:2.7em; height:2.7em; position:absolute; top:0.6em; right:0.6em; border-radius:4px; } .quick-search form .button-wrapper input { /*width:2.9em;*/ /*height:2.9em;*/ background:url('search-icon.png') no-repeat 0.2em 0.2em; border:none; cursor:pointer; text-indent:-99999px; } .header-area div.quick-search form input.button.quick-search-button {box-shadow: none;} .quick-search form .sf_suggestion {top:4.1em !important; left:0.8em !important;} .header-element {width:27em;} .cart-summary {margin-top:2em !important; width:100%;} .cart-summary img, .cart-summary .cartArea, .cart-summary .cartAreaButtons {float:left; clear:none;} .cart-summary .cartArea h4 {font-size:1.8em; color:#0077ef;} .cart-summary .cartArea {width:50%;} .cart-summary .cartAreaButtons {margin:7% 1%; width:9em;} input[type="submit"], input[type="button"], .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"], .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"] ul li input { float:left; clear:both; /*width:100%;*/ margin:4% 0; font-size:1.2em; line-height:1.9em; font-weight:bold; color:#ffffff; text-align:center; text-transform:uppercase; border:1px solid #ffffff; border-radius:7px; background:#000070; box-shadow:0em 0.2em 0.2em #9e9e9e; } .cart-summary .cartAreaButtons a {width: 100%;} div.recenththeader input.recenthtbuttonright, div.recenththeader input.recenthtbuttonleft { width:auto; clear:none; font-weight:normal; text-transform:none; box-shadow:none; } input[type="submit"]:hover, input[type="button"]:hover,.sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"] ul li input:hover { background:#dddddd; cursor:pointer; } .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"] label { float:left; width:100%; } .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:#dddddd; cursor:pointer;} .info-box input[type="submit"], .sidebar .info-box input[type="submit"]:hover,  .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"] ul li input,  .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"] ul li input:hover { width:4em; margin:1em 0; font-size:1em; } .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"] ul li input,  .sidebar-filter-element div.filter-list div[id^="FilterPropertyOptions"] ul li input:hover { width:auto; padding:0 0.5em; font-size:1.2em; } /* This is the code for the navigation */ .navigation-bar { border-top:0px; border-bottom:1px solid #ffffff; box-shadow:0 0.5em 0.5em #9e9e9e; position:relative; background: #000070; /* 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, #000093 0%, #000070 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000099), color-stop(100%,#000070)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000093 0%,#000070 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000093 0%,#000070 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000093 0%,#000070 100%); /* IE10+ */ background: linear-gradient(to bottom, #000093 0%,#000070 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000099', endColorstr='#000070',GradientType=0 ); /* IE6-8 */ } #mega-menu ul li, #brochure-menu li { background:none; border-left:none; border-top:1px solid #000032; /*border-bottom:1px solid #000032;*/ border-right:2px solid #ffffff; } #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:#dddddd; padding:0.5em 0;} #mega-menu ul li a:hover, #brochure-menu li a:hover { text-decoration:none; position:relative; top:0; /*border-bottom:3px solid #dddddd;*/ /*line-height: 1.5em;*/ } #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:hover, #brochure-menu li:hover{/*line-height: 1.5em;*/} #mega-menu ul li ul li:first-child, #brochure-menu li li:first-child {border-bottom:1px dotted#0077ef;} #mega-menu ul li ul li:hover, #brochure-menu li li:hover {/*border-bottom:3px solid #dddddd;*/} .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:#0077ef;} #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:#0077ef;} .bulk-area {width:98% !important; padding:2em 1% 1%; border-top:none;} #left-sidebar, #right-sidebar {margin:0; 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 { box-shadow:0em 0.2em 0.2em #9e9e9e; background: #000070; /* 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, #000093 0%, #000070 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#000093), color-stop(100%,#000070)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #000093 0%,#000070 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #000093 0%,#000070 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #000093 0%,#000070 100%); /* IE10+ */ background:linear-gradient(to bottom, #000093 0%,#000070 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000093', endColorstr='#000070',GradientType=0 ); /* IE6-8 */ } #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; } #left-sidebar h3, #right-sidebar h3 { padding:3% 0 !important; } .miniNav #productFiltersLeft { margin-top:2em; color:#333333; 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;} .bx-wrapper {display:block; margin:0 auto !important;} .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:3em !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 #000070;} .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:#0077ef; 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:#0077ef !important;} .IeOnly .marketing-list-entry a h3, .androidOnly .marketing-list-entry a h3 {color:#0077ef !important;} .sidebar .marketing-list-entry p a:hover, .marketing-list-entry h3 a:hover, .marketing-list-entry a:hover h3 {color:#000070; 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;} .aboveAll, .belowAll { display:block; width:97%; margin:0 auto; } .aboveAll img, .belowAll img { width:auto; } .content-area .fragment-list .fullWidthSection {padding:0; 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; border-bottom:1px solid #ffffff; box-shadow:0em 0.2em 0.2em #9e9e9e; 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 */ }*/ .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:#000070;} .bestSellerImage, .newProductImage { width:80%; height:105px; margin:3% auto; padding:5%; border:2px solid #cccccc; overflow:hidden; } .bestSellerImage:hover, .newProductImage:hover {border:2px solid #000070;} .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:1em; border-bottom:1px solid #dddddd;} .product-list, .section-list {margin:1em 0 !important;} .product-details, .section-link-details, #product-page-body form, #SearchResults, .std-product-details { border:1px solid #dddddd; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+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 */ } .product-details .regularMatchedLayouts .actxxsmall { margin:0 0.5em; line-height:3; } fieldset.quantity-box input[type="number"] { height:1.5em; margin-left:1em; } fieldset.quantity-box span.quantityButton {display:none;} .product-details fieldset input, .product-details .selectOptions select, fieldset.product-prompt select {border:1px solid #0077ef;} p.cart-button-placement input { padding:0.3em 0.5em; color:#ffffff; border:none; border-radius:0px; box-shadow:none; font-size:0.9em; text-transform:none; font-weight:normal; letter-spacing:1px; } .cart-button-wrapper input { padding:0.3em 0.5em; color:#ffffff; background:#0077ef; border:none; border-radius:0px; box-shadow:none; font-size:0.9em; text-transform:none; font-weight:normal; letter-spacing:1px; } p.cart-button-placement input:hover, .cart-button-wrapper input:hover {cursor:pointer;} .content-area .sort_by {background:#0077ef;} .content-area .sort_by select {border:none;} .threeColumns #SearchResults p a, .twoColumns #SearchResults p a {color:#0077ef;} .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:9.5em !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:#0077ef !important;} .content-area form .checkout fieldset .InvoiceField select,  .content-area form .checkout fieldset .DeliverField select {width:95%;} .checkoutCustomers input[type="password"],.InvoiceField input, .DeliverField input, .checkout input[type="text"],  .checkout select, .checkout textarea {background:#ffffff !important; border:1px solid #0077ef;} #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;} .checkoutButtonArea input { float:none; display:block; margin:0.5em auto; } h3.checkout-heading {background-color:#878787;} 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, .checkoutCustomers fieldset p {margin:0 0 0 1em; padding:0; width:100%;} /*.checkoutCustomers fieldset label:first-child {margin:0 !important;}*/ .payPalExRightCol p, .payPalExRightCol a {margin-top:0;} #paypal-express-chk {width:auto;} #idCheckoutForm p.actrequired {float:left; clear: both;} .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:#0077ef; font-weight:bold;} #idRegistered .cart {float:left; clear:both; width:98%; margin:1em 1%;} .content-area form#idPASSWORDFORM fieldset label, .content-area form#idPASSWORDFORM fieldset input[type="password"], #idRegistered .cart fieldset label, #idRegistered .cart fieldset input[type="text"],  #idRegistered .cart fieldset input[type="tel"] {width:95%;} #idRegistered .cart fieldset select {width:98%;} #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: 0 1em; border-top:1px solid #dddddd;} /* This is the code for the recent products block */ .recent-products {width:98% !important; border:1px solid #dddddd;} #recenthtitem {padding:1%; border:1px dotted #cccccc;} #recenthtitem:hover {border:1px solid #0077ef;} .recenththeader h2 {color:#0077ef;} .recenththeader input[class^="recenthtbutton"] {color:#0077ef; background:none; border:none;} .recenththeader input[class^="recenthtbutton"]:hover {color:#000070;} #recenthtitem a p {font-size:1.2em; color:#000070 !important;} #recenthtitem a:hover, #recenthtitem a:hover p,  #recenthtitem a p:hover, #recenthtitem a:hover p:hover {color:#000070 !important;} .deepFooter div[class^="footerCol"] h3 {font-size:1.6em; font-weight:bold;} .deepFooter .footerColLeft h3 {border-bottom:6px solid #0077ef;} .deepFooter .footerColMid h3 {border-bottom:6px solid #000070;} .deepFooter .footerColRight h3 {border-bottom:6px solid #dddddd;} .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:#333333;} .deepFooter div[class^="footerCol"] ul li a:hover {color:#0077ef;} .deepFooter .verylarge {font-size:1.5em; line-height:2.5em; font-weight:bold;}  .miniFooter {margin-bottom:2em; background:#878787;} .miniFooter > p {margin:0.1em 1em;} .miniFooter p {color:#ffffff;} /* Media queries */ @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){ /* search was originally here */ .quick-search {float:left;} } @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 { border-bottom:1px solid #ffffff; box-shadow:0em 0.2em 0.2em #9e9e9e; 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 */ } 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; border-bottom:1px solid #ffffff; box-shadow:0em 0.2em 0.2em #9e9e9e; 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 */ } .content-area form table.checkout th { border:none; filter:none; background:none; box-shadow:none; } .content-area form table.checkout tr td {color:#333333;} .content-area form table.checkout-cart tr { border-top:1px dotted #000070; } } @media screen and (max-width:890px){  /*search was originally here*/ } @media screen and (max-width:495px), (min-width:801px) and (max-width:866px){ .content-area form .sf_suggestion {top:7em !important; left:0em !important;} } @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:#333333;} .contactInfoClick:hover {background:#dddddd; border:1px solid #cbc216; cursor:pointer;} .IeOnly div[class^="contactInfoTopCol"] .contactInfoClick:hover {background:#dddddd !important; cursor:pointer !important;} div[class^="contactInfoTopCol"] p span {font-size:1.6em;} .header-area {width:100%; padding:0;} /* This is the code for the header area */ #wrapper .header-area {border-top:none !important;} .quick-search {/*width:93%;*/ margin: 0;  padding: 0px 1%;  float: left;  clear: both; } .quick-search form { float:none;  display:block;  /*width:55em;*/ margin:0 auto; } .quick-search form input[type="text"] {/*width:29em;*/} .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:#333333; 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:#000070; } .miniNav > p > a:hover {text-decoration:none; background:#dddddd;} .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:#0077ef; 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;} #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 {width: 100%;} #mega-menu ul li, #mega-menu ul li:hover, #brochure-menu li, #brochure-menu li:hover { flex: none !important; width: 100% !important; height: auto !important; text-align: left; } .sidebar .marketing-list-entry:last-child {border-bottom:1px dotted #cccccc !important;} .section-link-details {margin:1% !important;} #paypal-express-chk, .payPalExLeftCol {width:17em;} div#paypal-express-chk div {width:100%;} div#paypal-express-chk img, div#paypal-express-chk div {margin:0 auto;} .payPalExLeftCol {bottom:5em;} .payPalExRightCol p {top:4.5em} #paypal-express-chk > img {left:6em;} } @media screen and (max-width:645px){ /*Quick Search was originally here*/ } @media screen and (max-device-width:530px){ /*Quick Search was originally here*/ } @media screen and (max-width:530px){ /*Quick Search was originally here*/ } @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 was originally here*/ } @media screen and (max-width:466px){ .logo img {width:100% !important;} } @media screen and (max-width:460px){ .quick-search { width: 25em;} .quick-search form input[type="text"] {width:17em;} } @media screen and (max-width:400px){ .ShowAlways #idInvoiceHeader, .ShowAlways #idDeliverHeader {width:44%; padding:0;} } @media screen and (max-width:360px){ .quick-search {width: 25em; margin: 3%;} .quick-search form {width:27em;} .quick-search form input[type="text"] {width:18.5em;} } @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;} } /*! jQuery UI - v1.9.2 - 2012-12-22 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.tabs.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=2px&bgColorHeader=dddddd&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=50&borderColorHeader=dddddd&fcHeader=444444&iconColorHeader=0073ea&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=dddddd&fcContent=444444&iconColorContent=ff0084&bgColorDefault=f6f6f6&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=100&borderColorDefault=dddddd&fcDefault=0073ea&iconColorDefault=666666&bgColorHover=0073ea&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=25&borderColorHover=0073ea&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=dddddd&fcActive=ff0084&iconColorActive=454545&bgColorHighlight=ffffff&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=cccccc&fcHighlight=444444&iconColorHighlight=0073ea&bgColorError=ffffff&bgTextureError=01_flat.png&bgImgOpacityError=55&borderColorError=ff0084&fcError=222222&iconColorError=ff0084&bgColorOverlay=eeeeee&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0px * Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size:13px; font-size: 0.92857143rem; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ui-tabs { position: relative; padding: 0; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em 0 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: 8px 25px; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: white; border:1px solid #dddddd; } /* Component containers ----------------------------------*/ .tabber .ui-widget { font-family: Tahoma, Geneva, sans-serif; font-size: 1.1em; } .tabber .ui-widget .ui-widget { font-size: 1em; } .tabber .ui-widget input, .tabber .ui-widget select, .tabber .ui-widget textarea, .tabber .ui-widget button { font-family: Tahoma, Geneva, sans-serif; font-size: 1em; } .tabber .ui-widget-content {  } .tabber .ui-widget-content a { color: #444444; } .tabber .ui-widget-header {  } .tabber .ui-widget-header a { color: #444444; } /* Interaction states ----------------------------------*/ .tabber .ui-state-default, .tabber .ui-widget-content .ui-state-default, .tabber .ui-widget-header .ui-state-default { border: 1px solid #dddddd; background: #f6f6f6 url('ui-bg_highlight-soft_100_f6f6f6_1x100.png') 50% 50% repeat-x; font-weight: bold; color: #0073ea; } .tabber .ui-state-default a, .tabber .ui-state-default a:link, .tabber .ui-state-default a:visited { color: #999; text-decoration: none; } .tabber .ui-state-hover, .tabber .ui-widget-content .ui-state-hover, .tabber .ui-widget-header .ui-state-hover, .tabber .ui-state-focus, .tabber .ui-widget-content .ui-state-focus, .tabber .ui-widget-header .ui-state-focus { background: white; } .tabber .ui-state-hover a, .tabber .ui-state-hover a:hover, .tabber .ui-state-hover a:link, .tabber .ui-state-hover a:visited { text-decoration: none; } .tabber .ui-state-active, .tabber .ui-widget-content .ui-state-active, .tabber .ui-widget-header .ui-state-active { border: 1px solid #dddddd; background: #ffffff url('ui-bg_glass_65_ffffff_1x400.png') 50% 50% repeat-x; font-weight: bold; color: #ff0084; } .tabber .ui-state-active a, .tabber .ui-state-active a:link, .tabber .ui-state-active a:visited { color: #333333; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .tabber .ui-state-highlight, .tabber .ui-widget-content .ui-state-highlight, .tabber .ui-widget-header .ui-state-highlight  {border: 1px solid #cccccc; background: #ffffff url('ui-bg_flat_55_ffffff_40x100.png') 50% 50% repeat-x; color: #444444; } .tabber .ui-state-highlight a, .tabber .ui-widget-content .ui-state-highlight a,.tabber .ui-widget-header .ui-state-highlight a { color: #444444; } .tabber .ui-state-error, .tabber .ui-widget-content .ui-state-error, .tabber .ui-widget-header .ui-state-error {border: 1px solid #ff0084; background: #ffffff url('ui-bg_flat_55_ffffff_40x100.png') 50% 50% repeat-x; color: #222222; } .tabber .ui-state-error a, .tabber .ui-widget-content .ui-state-error a, .tabber .ui-widget-header .ui-state-error a { color: #222222; } .tabber .ui-state-error-text, .tabber .ui-widget-content .ui-state-error-text, .tabber .ui-widget-header .ui-state-error-text { color: #222222; } .tabber .ui-priority-primary, .tabber .ui-widget-content .ui-priority-primary, .tabber .ui-widget-header .ui-priority-primary { font-weight: bold; } .tabber .ui-priority-secondary, .tabber .ui-widget-content .ui-priority-secondary,  .tabber .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .tabber .ui-state-disabled, .tabber .ui-widget-content .ui-state-disabled, .tabber .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .tabber .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */ /* Icons ----------------------------------*/ /* states and images */ .tabber .ui-icon { width: 16px; height: 16px; background-image: url('ui-icons_ff0084_256x240.png'); } .tabber .ui-widget-content .ui-icon {background-image: url('ui-icons_ff0084_256x240.png'); } .tabber .ui-widget-header .ui-icon {background-image: url('ui-icons_0073ea_256x240.png'); } .tabber .ui-state-default .ui-icon { background-image: url('ui-icons_666666_256x240.png'); } .tabber .ui-state-hover .ui-icon, .tabber .ui-state-focus .ui-icon {background-image: url('ui-icons_ffffff_256x240.png'); } .tabber .ui-state-active .ui-icon {background-image: url('ui-icons_454545_256x240.png'); } .tabber .ui-state-highlight .ui-icon {background-image: url('ui-icons_0073ea_256x240.png'); } .tabber .ui-state-error .ui-icon, .tabber .ui-state-error-text .ui-icon {background-image: url('ui-icons_ff0084_256x240.png'); } /* positioning */ .tabber .ui-icon-carat-1-n { background-position: 0 0; } .tabber .ui-icon-carat-1-ne { background-position: -16px 0; } .tabber .ui-icon-carat-1-e { background-position: -32px 0; } .tabber .ui-icon-carat-1-se { background-position: -48px 0; } .tabber .ui-icon-carat-1-s { background-position: -64px 0; } .tabber .ui-icon-carat-1-sw { background-position: -80px 0; } .tabber .ui-icon-carat-1-w { background-position: -96px 0; } .tabber .ui-icon-carat-1-nw { background-position: -112px 0; } .tabber .ui-icon-carat-2-n-s { background-position: -128px 0; } .tabber .ui-icon-carat-2-e-w { background-position: -144px 0; } .tabber .ui-icon-triangle-1-n { background-position: 0 -16px; } .tabber .ui-icon-triangle-1-ne { background-position: -16px -16px; } .tabber .ui-icon-triangle-1-e { background-position: -32px -16px; } .tabber .ui-icon-triangle-1-se { background-position: -48px -16px; } .tabber .ui-icon-triangle-1-s { background-position: -64px -16px; } .tabber .ui-icon-triangle-1-sw { background-position: -80px -16px; } .tabber .ui-icon-triangle-1-w { background-position: -96px -16px; } .tabber .ui-icon-triangle-1-nw { background-position: -112px -16px; } .tabber .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .tabber .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .tabber .ui-icon-arrow-1-n { background-position: 0 -32px; } .tabber .ui-icon-arrow-1-ne { background-position: -16px -32px; } .tabber .ui-icon-arrow-1-e { background-position: -32px -32px; } .tabber .ui-icon-arrow-1-se { background-position: -48px -32px; } .tabber .ui-icon-arrow-1-s { background-position: -64px -32px; } .tabber .ui-icon-arrow-1-sw { background-position: -80px -32px; } .tabber .ui-icon-arrow-1-w { background-position: -96px -32px; } .tabber .ui-icon-arrow-1-nw { background-position: -112px -32px; } .tabber .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .tabber .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .tabber .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .tabber .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .tabber .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .tabber .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .tabber .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .tabber .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .tabber .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .tabber .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .tabber .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .tabber .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .tabber .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .tabber .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .tabber .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .tabber .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .tabber .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .tabber .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .tabber .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .tabber .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .tabber .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .tabber .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .tabber .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .tabber .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .tabber .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .tabber .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .tabber .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .tabber .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .tabber .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .tabber .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .tabber .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .tabber .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .tabber .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .tabber .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .tabber .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .tabber .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .tabber .ui-icon-arrow-4 { background-position: 0 -80px; } .tabber .ui-icon-arrow-4-diag { background-position: -16px -80px; } .tabber .ui-icon-extlink { background-position: -32px -80px; } .tabber .ui-icon-newwin { background-position: -48px -80px; } .tabber .ui-icon-refresh { background-position: -64px -80px; } .tabber .ui-icon-shuffle { background-position: -80px -80px; } .tabber .ui-icon-transfer-e-w { background-position: -96px -80px; } .tabber .ui-icon-transferthick-e-w { background-position: -112px -80px; } .tabber .ui-icon-folder-collapsed { background-position: 0 -96px; } .tabber .ui-icon-folder-open { background-position: -16px -96px; } .tabber .ui-icon-document { background-position: -32px -96px; } .tabber .ui-icon-document-b { background-position: -48px -96px; } .tabber .ui-icon-note { background-position: -64px -96px; } .tabber .ui-icon-mail-closed { background-position: -80px -96px; } .tabber .ui-icon-mail-open { background-position: -96px -96px; } .tabber .ui-icon-suitcase { background-position: -112px -96px; } .tabber .ui-icon-comment { background-position: -128px -96px; } .tabber .ui-icon-person { background-position: -144px -96px; } .tabber .ui-icon-print { background-position: -160px -96px; } .tabber .ui-icon-trash { background-position: -176px -96px; } .tabber .ui-icon-locked { background-position: -192px -96px; } .tabber .ui-icon-unlocked { background-position: -208px -96px; } .tabber .ui-icon-bookmark { background-position: -224px -96px; } .tabber .ui-icon-tag { background-position: -240px -96px; } .tabber .ui-icon-home { background-position: 0 -112px; } .tabber .ui-icon-flag { background-position: -16px -112px; } .tabber .ui-icon-calendar { background-position: -32px -112px; } .tabber .ui-icon-cart { background-position: -48px -112px; } .tabber .ui-icon-pencil { background-position: -64px -112px; } .tabber .ui-icon-clock { background-position: -80px -112px; } .tabber .ui-icon-disk { background-position: -96px -112px; } .tabber .ui-icon-calculator { background-position: -112px -112px; } .tabber .ui-icon-zoomin { background-position: -128px -112px; } .tabber .ui-icon-zoomout { background-position: -144px -112px; } .tabber .ui-icon-search { background-position: -160px -112px; } .tabber .ui-icon-wrench { background-position: -176px -112px; } .tabber .ui-icon-gear { background-position: -192px -112px; } .tabber .ui-icon-heart { background-position: -208px -112px; } .tabber .ui-icon-star { background-position: -224px -112px; } .tabber .ui-icon-link { background-position: -240px -112px; } .tabber .ui-icon-cancel { background-position: 0 -128px; } .tabber .ui-icon-plus { background-position: -16px -128px; } .tabber .ui-icon-plusthick { background-position: -32px -128px; } .tabber .ui-icon-minus { background-position: -48px -128px; } .tabber .ui-icon-minusthick { background-position: -64px -128px; } .tabber .ui-icon-close { background-position: -80px -128px; } .tabber .ui-icon-closethick { background-position: -96px -128px; } .tabber .ui-icon-key { background-position: -112px -128px; } .tabber .ui-icon-lightbulb { background-position: -128px -128px; } .tabber .ui-icon-scissors { background-position: -144px -128px; } .tabber .ui-icon-clipboard { background-position: -160px -128px; } .tabber .ui-icon-copy { background-position: -176px -128px; } .tabber .ui-icon-contact { background-position: -192px -128px; } .tabber .ui-icon-image { background-position: -208px -128px; } .tabber .ui-icon-video { background-position: -224px -128px; } .tabber .ui-icon-script { background-position: -240px -128px; } .tabber .ui-icon-alert { background-position: 0 -144px; } .tabber .ui-icon-info { background-position: -16px -144px; } .tabber .ui-icon-notice { background-position: -32px -144px; } .tabber .ui-icon-help { background-position: -48px -144px; } .tabber .ui-icon-check { background-position: -64px -144px; } .tabber .ui-icon-bullet { background-position: -80px -144px; } .tabber .ui-icon-radio-on { background-position: -96px -144px; } .tabber .ui-icon-radio-off { background-position: -112px -144px; } .tabber .ui-icon-pin-w { background-position: -128px -144px; } .tabber .ui-icon-pin-s { background-position: -144px -144px; } .tabber .ui-icon-play { background-position: 0 -160px; } .tabber .ui-icon-pause { background-position: -16px -160px; } .tabber .ui-icon-seek-next { background-position: -32px -160px; } .tabber .ui-icon-seek-prev { background-position: -48px -160px; } .tabber .ui-icon-seek-end { background-position: -64px -160px; } .tabber .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .tabber .ui-icon-seek-first { background-position: -80px -160px; } .tabber .ui-icon-stop { background-position: -96px -160px; } .tabber .ui-icon-eject { background-position: -112px -160px; } .tabber .ui-icon-volume-off { background-position: -128px -160px; } .tabber .ui-icon-volume-on { background-position: -144px -160px; } .tabber .ui-icon-power { background-position: 0 -176px; } .tabber .ui-icon-signal-diag { background-position: -16px -176px; } .tabber .ui-icon-signal { background-position: -32px -176px; } .tabber .ui-icon-battery-0 { background-position: -48px -176px; } .tabber .ui-icon-battery-1 { background-position: -64px -176px; } .tabber .ui-icon-battery-2 { background-position: -80px -176px; } .tabber .ui-icon-battery-3 { background-position: -96px -176px; } .tabber .ui-icon-circle-plus { background-position: 0 -192px; } .tabber .ui-icon-circle-minus { background-position: -16px -192px; } .tabber .ui-icon-circle-close { background-position: -32px -192px; } .tabber .ui-icon-circle-triangle-e { background-position: -48px -192px; } .tabber .ui-icon-circle-triangle-s { background-position: -64px -192px; } .tabber .ui-icon-circle-triangle-w { background-position: -80px -192px; } .tabber .ui-icon-circle-triangle-n { background-position: -96px -192px; } .tabber .ui-icon-circle-arrow-e { background-position: -112px -192px; } .tabber .ui-icon-circle-arrow-s { background-position: -128px -192px; } .tabber .ui-icon-circle-arrow-w { background-position: -144px -192px; } .tabber .ui-icon-circle-arrow-n { background-position: -160px -192px; } .tabber .ui-icon-circle-zoomin { background-position: -176px -192px; } .tabber .ui-icon-circle-zoomout { background-position: -192px -192px; } .tabber .ui-icon-circle-check { background-position: -208px -192px; } .tabber .ui-icon-circlesmall-plus { background-position: 0 -208px; } .tabber .ui-icon-circlesmall-minus { background-position: -16px -208px; } .tabber .ui-icon-circlesmall-close { background-position: -32px -208px; } .tabber .ui-icon-squaresmall-plus { background-position: -48px -208px; } .tabber .ui-icon-squaresmall-minus { background-position: -64px -208px; } .tabber .ui-icon-squaresmall-close { background-position: -80px -208px; } .tabber .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .tabber .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .tabber .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .tabber .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .tabber .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .tabber .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .tabber .ui-corner-all, .tabber .ui-corner-top, .tabber .ui-corner-left, .tabber .ui-corner-tl { } .tabber .ui-corner-all, .tabber .ui-corner-top, .tabber .ui-corner-right, .tabber .ui-corner-tr { } .tabber .ui-corner-all, .tabber .ui-corner-bottom, .tabber .ui-corner-left, .tabber .ui-corner-bl {  } .tabber .ui-corner-all, .tabber .ui-corner-bottom, .tabber .ui-corner-right, .tabber .ui-corner-br {  } /* Overlays */ .tabber .ui-widget-overlay { background: #eeeeee url('ui-bg_flat_0_eeeeee_40x100.png') 50% 50% repeat-x; opacity: .8;filter:Alpha(Opacity=80); } .tabber .ui-widget-shadow { margin: -4px 0 0 -4px; padding: 4px; background: #aaaaaa url('ui-bg_flat_0_aaaaaa_40x100.png') 50% 50% repeat-x; opacity: .6;filter:Alpha(Opacity=60); -moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net *  * Copyright (c) 2008 - 2010 Janis Skarnelis * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. *  * Version: 1.3.4 (11/11/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: *   http://www.opensource.org/licenses/mit-license.php *   http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 9991104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('fancybox.png'); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 9991100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 9991101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 9991102; border: 0px solid #fff; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 9991101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('fancybox.png') -40px 0px; cursor: pointer; z-index: 9991103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('fancy_blank.gif'); z-index: 9991102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 9991102; display: block; } #fancybox-left-ico { background-image: url('fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 9991001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('fancybox-x.png'); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url('fancybox.png'); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('fancybox-y.png'); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('fancybox.png'); background-position: -40px -182px;  } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('fancybox-x.png'); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('fancybox.png'); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('fancybox-y.png'); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url('fancybox.png'); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 9991102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('fancy_title_over.png'); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url('fancybox.png') -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('fancybox-x.png') 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url('fancybox.png') -55px -90px no-repeat; } /* IE6 */ .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_close.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); } #fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } #fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_loading.png', sizingMethod='scale'); } /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg { background: transparent !important; } .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_nw.png', sizingMethod='scale'); } /* Drillpine.biz stuff added below */ /* override CSS to always show nav arrows */ #fancybox-left-ico { top: 0px; left: 20px; } #fancybox-right-ico { top: 0px; right: 20px; left: auto; } 	 /* Drillpine Lightbox Responsive icon positioning with respect to main image */ .lbo-ftab-icons-above 		{float: none !important; text-align:center !important; padding:0px !important;} .lbo-ftab-icons-above br	{clear:both;} .lbo-ftab-icons-above img	{margin:3px !important;} .lbo-ftab-icons-below 		{clear:both !important; float: none !important; text-align:center !important; padding:0px !important;} .lbo-ftab-icons-below br	{clear:both;} .lbo-ftab-icons-below img	{margin:3px !important;} .lbo-ftab-icons-left 		{float:left !important; text-align:center !important; padding:0px !important;} .lbo-ftab-icons-left br		{clear:both;} .lbo-ftab-icons-left img	{margin:3px !important;} .lbo-ftab-icons-right 		{float:right !important; text-align:center !important; padding:0px !important;} .lbo-ftab-icons-right br	{clear:both;} .lbo-ftab-icons-right img	{margin:3px !important;} .lbo-ptab						{} .lbo-ptab-icons-above		{float:none !important; text-align:center !important; padding:0px !important;} .lbo-ptab-icons-above img	{margin-right:2px !important;} .lbo-ptab-icons-below		{float:none !important; text-align:center !important; padding:0px !important;} .lbo-ptab-icons-below img	{margin-right:2px !important;} .lbo-ptab-icons-left 		{float:left !important; text-align:center !important; padding:0px !important; padding-right:5px !important;} .lbo-ptab-icons-left img	{margin-right:2px !important;} .lbo-ptab-icons-right 		{float:left !important; margin-left: 5px; text-align:center !important; padding:0px !important;} .lbo-ptab-icons-right img	{margin-right:2px !important;} .lbo-xtab						{padding: 0px;} .lbo-xtab img					{float: none !important; text-align:center !important; margin: 5px !important; padding:0px} .lbo-xtab-icons-above 		{float: none !important; text-align:center !important; padding:0px !important;} .lbo-xtab-icons-below 		{clear:both; float: none !important; text-align:center !important; padding:0px !important;} .lbo-xtab-icons-left 		{float:left !important; margin-left:20px !important; text-align:center !important; padding:0px !important;} .lbo-xtab-icons-right 		{float:right !important; margin-left:20px !important; text-align:center !important; padding:0px !important;} .lbicon							{padding: 2px !important; border:1px solid silver !important; width:auto !important;} .lb-auxbutton					{cursor:pointer; width:auto !important; height:auto !important;} #multiimages {min-width: 300px;padding-right: 10px;} } .product-image p { margin-right: 20px;} h1 {font-size:3em; line-height:1.2;} h2 {font-size:2.0em; line-height:1.2;} h3 {font-size:1.3em; line-height:1.2;} .fullWidthSection h2 {font-color: #0077ef:} #mainarea  {width: 100%;  } #leftcontent { position: relative; width: 40%; left: 0; top: 0;  float:left; } #rightcontent { position: relative; width: 55%; right: 0; top: 0;  float:right; margin-left:10px; }   @media screen and (max-width:600px){ #leftcontent { width: 100%; margin-right: 4%; float: none; } #rightcontent { width: 100%; float: none; } } .hpboxes { float: left;		 padding:1px 0; min-width:100%; text-align: center; } .hpboxes img { display: block; margin: 0 auto !important; float: none !important; max-width: 100%; } .hpboxes .h2 {font-color: #0077ef:} .product-image > img, .std-product-details img { width:auto; max-width: 100%;} .section-link-details .section-link-name { text-align: center; } .section-link-details .section-link-image img { display: block; margin: 0 auto; float: none; } .section-link-details .section-link-description { text-align: center; } .section-list p { padding: 0 1em; border-bottom: 1px dotted #dddddd; background: #0077ef; /* 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, #1489ff 0%, #0077ef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#198bff), color-stop(100%,#0077ef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1489ff 0%,#0077ef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1489ff 0%,#0077ef 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1489ff 0%,#0077ef 100%); /* IE10+ */ background: linear-gradient(to bottom, #1489ff 0%,#0077ef 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#198bff', endColorstr='#0077ef',GradientType=0 ); /* IE6-8 */ } .section-list p:hover { background: #dddddd; /* 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, #efefef 0%, #dddddd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #efefef 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #efefef 0%,#dddddd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #efefef 0%,#dddddd 100%); /* IE10+ */ background: linear-gradient(to bottom, #efefef 0%,#dddddd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#dddddd',GradientType=0 ); /* IE6-8 */ } .section-list p a {color: white !important;} .side-menu .section-list { margin: -6px 0 !important; padding: 0; } form.regularProductSummary p {max-width: 100%;} .overlay h2 { background: #000070; /* 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, #000093 0%, #000070 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000099), color-stop(100%,#000070)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000093 0%,#000070 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000093 0%,#000070 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000093 0%,#000070 100%); /* IE10+ */ background: linear-gradient(to bottom, #000093 0%,#000070 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000099', endColorstr='#000070',GradientType=0 ); /* IE6-8 */ padding: 0!important; margin: 0px !important; color: white; text-align: center; width: 100%; } #left-sidebar .marketing-list-entry p.product-price, #right-sidebar .marketing-list-entry p.product-price{text-align:center; font-weight: 600;} .marketing-list-entry p a { text-align: center; margin: 0 auto; display: block; } .tabber .ui-widget-content a {color:#0077ef;} 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){ margin: 14px auto; } .backbutton input { width: 70px; height: 2em; line-height: 1em; padding: 0; margin: 0; float: right; } span.product-price { font-weight: 600; } div[id*="StaticPrice"] span.product-price{ line-height: 1em; } .marketing-list-entry img { display: block; margin: 3px auto !important; align-content: center; float: none !important; } a.product_section:link {width: 100%; display: block;} /*********************************************************************** Bee Web Design Modifications  ************************************************************************/ .header-area .cSummary { font-size:1.2em; border:1px solid #dddddd; margin:0 !important; } .header-area .cSummary .cartArea {  padding:0 10px; box-sizing:border-box; line-height:47px;  font-weight:bold; } .header-area .cSummary .cartAreaButtons { margin:0; width:50%;} .header-area .cSummary .cartAreaButtons a { float:left; margin:0; width:auto; padding:10px; border-radius:0; border:none; clear:none; box-shadow:none; } .header-area .cSummary .cartAreaButtons a:first-child { border-right:1px solid white; } .bwdMods .topContactInfoDesktop, .bwdMods .header-area, .bwdMods .navigation-bar, .bwdMods .bulk-area, .bwdMods .deepFooter, .bwdMods .miniFooter { border:none; } .bwdMods .header-area {background:transparent; padding:20px 0 0 0; width:100%; } .bwdMods .bulk-area { padding:2em 0% 1%; width:100% !important; } .bwdMods .quick-search { margin:0 2%; } .bwdMods .quick-search form input[type="text"] { width:100%; border-radius:0; padding:15px; margin:0; border:1px solid #dddddd; color:#999; float:none; box-sizing:border-box; height:auto; } .bwdMods .quick-search form .button-wrapper, .bwdMods .quick-search form .button-wrapper { background:white !important;  border:none;  color:#000070; } .bwdMods .quick-search form .button-wrapper {top:5px; } .bwdMods .quick-search form .button-wrapper input {  background:none !important; text-indent:0; box-shadow:none; border-radius:0; color:#999; padding:0; font-size:2em; font-family:FontAwesome; height:auto; } /* Re coding the css for the header, think its better in percentages than ems */ .bwdMods .header-area div.logo {	width:30%;} .bwdMods .quick-search {	width:30%; margin-top:10px;} .bwdMods .header-element {	width:34%; margin-top:10px;} .bwdMods .header-area a img, .bwdMods .header-area .logo img {max-width:100%; height:auto; margin:0; } .bwdMods .header-area .cSummary .cartAreaButtons a { box-sizing:border-box; } /* Mega Menu mods */ .bwdMods .navigation-bar {  box-shadow:none;  border:1px solid #dcdcdc; margin-top:10px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,dddddd+100 */ background: rgb(239,239,239); /* Old browsers */ background: -moz-linear-gradient(top,  rgba(239,239,239,1) 0%, rgba(221,221,221,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(221,221,221,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,  rgba(239,239,239,1) 0%,rgba(221,221,221,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */ border-radius:5px; } .bwdMods #mega-menu ul li, .bwdMods #brochure-menu li { border:none;  background:url('border-separator.png') no-repeat top right;  padding:10px 0; } .bwdMods #mega-menu ul li a, .bwdMods #brochure-menu li a {color:#000070; } /* Side Bars */ .bwdMods #left-sidebar h1, .bwdMods #right-sidebar h1, .bwdMods #left-sidebar h2, .bwdMods #right-sidebar h2, .bwdMods #left-sidebar h3, .bwdMods #right-sidebar h3 { font-size:1.5em;  font-weight:bold; padding:15px 0 !important; box-shadow:none; } .bwdMods #left-sidebar h2, .bwdMods #right-sidebar h2 { line-height:1.2; } /* Headings */ .bwdMods .overlay h2 {  padding:10px !important; box-sizing:border-box; font-size:1.5em; font-weight:bold; min-height:60px; height:auto !important; height:60px; } .bwdMods div#recenthtlist div#recenthtitem {  flex-grow:0; } .bwdMods div#recenthtlist div#recenthtitem a { text-align:center; } .bwdMods div.recenththeader input.recenthtbuttonright, .bwdMods div.recenththeader input.recenthtbuttonleft { line-height:100%; font-size:0.875em; margin:0 1% 0 0; color:#666; } .bwdMods .recenththeader h2 { margin:0 !important; font-size:1em; font-weight:bold; text-transform:uppercase; } .bwdMods form div.product-marketing-list .marketing-list-entry { text-align:center; background: white; border:1px solid #ccc;} .bwdMods .content-area .fragment-list .fullWidthSection { border:none !important; } .bwdMods .homepage .content-area .fragment-list .fullWidthSection { border:1px solid #ccc !important; } .bwdMods h1 { color:#000070; font-weight:bold; } /* Mega menu mods */ .bwdMods #mega-menu, #brochure-menu {float:none; } .bwdMods #mega-menu ul li a, #brochure-menu li a { width:100%; font-weight:bold; } .bwdMods #mega-menu ul li, #mega-menu ul li:hover, #brochure-menu li, #brochure-menu li:hover { flex:none; width:12.5%; } .bwdMods #mega-menu ul li div .row, .bwdMods #brochure-menu li div .row, .bwdMods #mega-menu ul li:hover div .row, .bwdMods #brochure-menu li:hover div .row { border:none; box-sizing:border-box; border-bottom:1px solid #ccc; } .bwdMods #mega-menu ul li div .row:last-child, .bwdMods #brochure-menu li div .row:last-child, .bwdMods #mega-menu ul li:hover div .row:last-child, .bwdMods #brochure-menu li:hover div .row:last-child { border-bottom:none !important;  } .bwdMods #mega-menu ul li ul { box-sizing:border-box; width:155px; } .bwdMods #mega-menu ul li > div { border:1px solid #ccc; box-sizing:border-box; top:55px; } .bwdMods #mega-menu ul li ul li {  width:auto;  border:none;  background:none; padding:0; } .bwdMods #mega-menu ul li ul li a { font-size:0.75em; text-align:left; color:#000070; line-height:120%; font-weight:normal; } .bwdMods #mega-menu ul li ul li a:hover {  color:#0077ef; } .bwdMods #mega-menu ul li ul li a::before { content:"\f054"; font-family:FontAwesome; padding:0 3% 0 0; font-size:12px; float:left; display:block; width:15px; height:40px; }	 /* Sign up form */ .bwdMods #mc_embed_signup label, .bwdMods #mc_embed_signup input { display:block; width:100%; box-sizing:border-box; } .bwdMods .mc-field-group { padding:10px; clear:both; } .bwdMods #mc_embed_signup input[type="submit"] { margin:4% 10px; box-sizing:border-box; width:55%;} .bwdMods #right-sidebar p {padding: 0 10px; } .bwdMods .hpboxes span { padding:0 10px; display:inline-block; } .bwdMods .hpboxes { padding:0; } .bwdMods div.recent-products { margin-top:20px; } /* Foooter */ .bwdMods .footer-area, .bwdMods div.deepFooter { background:#000070; } .bwdMods .deepFooter div[class^="footerCol"] h3 { color:white; border-bottom:none; padding:10px 0 !important; } .bwdMods .deepFooter div[class^="footerCol"] ul li a { color:white; } .bwdMods .deepFooter div[class^="footerCol"] ul li::before { content: ""; } .bwdMods div[class^="footerCol"] { flex: 0 0 23%; } .bwdMods .footerColMid a:link, .bwdMods .footerColMid a:visited, .bwdMods .footerColMid a:active { color:white; } .bwdMods .footerColMid a:hover, .bwdMods .deepFooter div[class^="footerCol"] ul li a:hover { text-decoration:underline; } .bwdMods .footer-area p {float:right; padding:10px 0;} .bwdMods .footer-area .aCards {  padding:10px; } .bwdMods .miniFooter { margin-bottom:0; background:#0077ef;} /* Sections */ .bwdMods .product-details h2, .bwdMods .product-details h3, .bwdMods .section-link-details h2, .bwdMods .section-link-details h3 { padding:10px 0 !important; font-weight:bold; font-size:1.5em; } .content-area .fragment-list .fullWidthSection div.fragment-text, .content-area .section-link-details .section-link-description { min-height:150px; height:auto !important; height:150px; } .bwdMods .section-link-details a.button:link, .bwdMods .section-link-details a.button:visited, .bwdMods .section-link-details a.button:active { text-align:center; background:#000070; border:1px solid white; margin:10px auto; text-transform:uppercase; padding:10px; display:block; color:white; font-size:1.2em; font-weight:bold; } .bwdMods .section-link-details a.button:hover { background:#0077ef; text-decoration:none; }	 /* Product Layout */ .bwdMods .pLayout { position:relative; } .bwdMods .pLeft { float:left; width:38%; margin-right:2%; } .bwdMods .pRight { float:right; width:60%; } .bwdMods .productPage, .bwdMods .checkoutPage { width:100%; } .bwdMods .product-details { border:none; background:white; margin:0; padding:0; } .bwdMods .pImage {  text-align:center; border:1px solid #ddd; padding:10px; box-sizing:border-box; overflow:hidden; } .bwdMods .product-details .pImageFullWidth { float:none; max-width:100%; } .bwdMods .pRight h1 {  padding:0 !important; color:#000070; font-size:2em; } .bwdMods .pRight .pPrice { display:block; font-size:3em; color:#0077ef; line-height:100%; } .bwdMods .pRight .addToCart input { clear:both; display:block; background:#7FBA22; font-weight:bold; text-transform:uppercase; padding:20px 20%; font-size:1.2em; } .bwdMods .pRight .addToCart input:hover { background:#0077ef; } .bwdMods .tabber { font-size:1.2em; } .bwdMods .ui-tabs .ui-tabs-panel {border:1px solid #ddd !important; } /* Contact Us Page */ .contactform {  float:left; width:70%; margin:0px 2% 30px 0; } .contactform fieldset { border:none; padding:0; margin:0; } .contactform label { float:left; text-align:right;  color:#000070; font-weight:700; font-family:Tahoma, Geneva, sans-serif; margin:0 10px 0 0; width:30%; padding:10px 0 0 0; } .contactform input, .contactform textarea { border:1px solid #ddd; padding:10px; font-family:Tahoma, Geneva, sans-serif; margin:0 0 10px 0; width:60%; } .contactform input[type="submit"] { background:#000070; text-align:center; color:white; height:3.875em; text-transform:uppercase; font-family:Tahoma, Geneva, sans-serif; font-weight:900; border:none;  font-size:0.750em; cursor:pointer; display:block; margin-left:31%; width:30%; } .contactform input[type="submit"]:hover { background:#71CA2F; } .contactform .requiredfield { font-size:0.750em; text-align:center; font-family:Tahoma, Geneva, sans-serif; color:#999; text-align:center; } .contactinfo { float:right; width:28%; font-family:Tahoma, Geneva, sans-serif; margin:0px 0 30px 0; } .contactinfo h4 { text-transform:uppercase; margin:0 0 10px 0; padding:0; } .contactinfo p { border-bottom:1px solid #ddd; margin:10px 0 10px 0; padding:0 0 10px 0; } * Login Page  and Recent Orders*/ .login, .recentOrders { width:60%; margin:30px auto; } .login fieldset, .recentOrders fieldset { border-radius:5px;  border:1px solid #ddd; background:#efefef; font-family:Tahoma, Geneva, sans-serif; padding:10px; text-align:center; } .login label, .login input, .recentOrders label, .recentOrders input { display:block; margin:5px auto !important; } .login label, .recentOrders label { width:100% !important; } .login input, .recentOrders input { border:1px solid #ddd; padding:10px; min-width:50%; max-width:100%; box-sizing:border-box; float:none !important; } .login input[type="submit"], .recentOrders input[type="submit"] { background:#000070; text-align:center; color:white; height:3.875em; text-transform:uppercase; font-family:Tahoma, Geneva, sans-serif; font-weight:900; border:none;  font-size:0.750em; cursor:pointer; display:block; width:30%; float:left; border-right:1px solid white; margin:0; } .recentOrders input[type="submit"] { float:none; } .login input[type="submit"]:hover, .recentOrders input[type="submit"] { background:#71CA2F; } .bwdMods .content-area form fieldset input.button { margin-left:0; } .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 { background:#0077ef; } /***************************************************** Responsive Checkout Progress ******************************************************/ .cp_wrap_container { width:100%; border:1px solid #dddddd; background:white; margin-bottom:10px; } .cp_wrap { width:100%; display:table; border-collapse: collapse; } .cp_wrap ul { list-style-type:none; padding:0; margin:0; display:table-row; } .cp_wrap li { display:table-cell; color:#999; font-size:100%; padding:10px 0 5px 0; } .cp_wrap li:first-child { padding-left:10px; } .cp_highlight { color:#000070 !important; font-weight:700; } .cp_bar {  clear:both; background:#eee;  border:1px solid #dddddd; height:30px; margin:0 auto 10px auto; width:97.68009768009767%; -moz-border-radius: 8px 0px 0px 8px; -webkit-border-radius: 8px 0px 0px 8px; -khtml-border-radius: 8px 0px 0px 8px; behavior: url('border-radius.htc'); border-radius: 8px 0px 0px 8px; } .cp_bar div { background:#0077ef; height:100%; content:"."; -moz-border-radius: 8px 0px 0px 8px; -webkit-border-radius: 8px 0px 0px 8px; -khtml-border-radius: 8px 0px 0px 8px; behavior: url('border-radius.htc'); border-radius: 8px 0px 0px 8px; background-color: #000070; background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); background-size:50px 50px; } .pg_1 { 	width:20%; } .pg_2 { 	width:40%; } .pg_3 { 	width:80%; } .pg_4 { 	width:100%; } .desktop_progress { display:block; } .mob_progress { display:none; } @media only screen and (max-width: 767px) { .mob_progress { display:block; } .desktop_progress { display:none; } } /* Checkout Pages - General */ .formDetails .heading, .checkoutCart .heading { margin-top:10px !important; } .formDetails p { text-align:left; font-family:Tahoma, Geneva, sans-serif; font-size:0.875em; } .checkoutCart { float:right; width:37%;  } .CheckoutCartSection { position: relative; background: white ; } /*.CheckoutCartSection:after, .CheckoutCartSection:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .CheckoutCartSection:after { border-color: rgba(136, 183, 213, 0); border-top-color: #000070; border-width: 30px; margin-left: -30px; } .CheckoutCartSection:before { border-color: rgba(194, 225, 245, 0); border-top-color: #efefef; border-width: 36px; margin-left: -36px; }*/ .formDetails { float:left; width:62%; margin-right:1%; } table.checkout th { background:#000070; border-bottom:none; } a.showOrderBtn:link, a.showOrderBtn:visited, a.showOrderBtn:active {  text-align:center; font-weight:900; padding:10px; text-transform:uppercase; font-family:Tahoma, Geneva, sans-serif; display:block; color:white; width:100% !important; box-sizing:border-box; } a.showOrderBtn:hover { color:white; text-decoration:none;  } div.CheckoutCartSection { margin-bottom:40px; } div.CheckoutCartSection td { padding:10px 20px; color:#000070; font-weight:400; font-size:0.875em; font-family:Tahoma, Geneva, sans-serif; border:none !important;  } .checkoutCartTotal { font-weight:900 !important; float:right; } .cartQty { float:right; } .checkoutCartTotals td {  padding:5px 20px !important; width:100% !important;  } /* Full Details Area */ .checkoutCustomers { border:1px solid #ddd; padding:10px; overflow:auto; width:100% !important; box-sizing:border-box; } .newCustomer { border:none; padding:10px; box-sizing:border-box; font-family:Tahoma, Geneva, sans-serif; float:right; width:77% !important; } .newCustomer .accountPassword input { border:1px solid #ddd; } .existingCustomer { border:none; padding:10px; box-sizing:border-box; font-family:Tahoma, Geneva, sans-serif; float:left;  width:20% !important; text-align:center; } .accountheading, .existingCustomer label { font-weight:900; text-transform:uppercase; color:#000070; margin:0; padding:0; float:none !important; } .accountPassword { text-align:left; font-size:0.750em; } .accountPassword label {  float:left !important;  margin:0 10px 0 0 !important; width:35% !important; padding-top:5px !important; clear:both; } .accountPassword label span { margin:0 !important; } .accountPassword input { width:60% !important; border:1px solid #dddddd !important; padding:5px !important; margin:0 0 5px 0 !important; clear:none !important; } .bothAddresses, .checkout { margin:0px 0; clear:both; } .bothAddresses fieldset, .checkout fieldset { border:none; text-align:left; font-family:Tahoma, Geneva, sans-serif; padding:0; } .bothAddresses label, .checkout label { float:left; text-align:right; font-weight:normal; font-size:1.2em; width:30% !important; margin:5px 10px 0 0 !important; font-family:Tahoma, Geneva, sans-serif; } .content-area form .checkout fieldset label span.actrequired, #idCheckoutForm span.actrequired { float:none; } .bothAddresses .InvoiceField .bothAddresses .DeliverField  {  float:right; width:75%; } .bothAddresses input[type="text"], .bothAddresses select, .bothAddresses input[type="tel"], .bothAddresses input[type="email"] .checkout input[type="text"], .checkout select, .checkout input[type="tel"], .checkout input[type="email"], .checkout input { padding:5px; border:1px solid #ddd; font-family:Tahoma, Geneva, sans-serif; margin:0 0 10px 0; } .noFloat { float:none !important; width:auto; } div.checkout-buttons { width:69%; } div.checkout-buttons .floatRight { float:right; } .InvoiceHeader, .DeliverHeader, .checkout h2, .paymentpage table.checkout th, #idInvoiceHeader  { background:#000070 !important; color:white; font-weight:900; text-transform:uppercase; padding:5px !important; text-align:left !important; font-family:Tahoma, Geneva, sans-serif; font-size:1.2em; width:100%; box-shadow:none; border:none; } .checkoutCustomers fieldset, .content-area form .checkout { background:white; border:none; } .content-area form .checkout fieldset .InvoiceField, .content-area form .checkout fieldset .DeliverField { margin-left:0; } .paymentpage { text-align:left; font-family:Tahoma, Geneva, sans-serif; font-size:0.875em; } .paymentpage .change { width:20%; text-align:right; } .paymentpage .change input { font-family:Tahoma, Geneva, sans-serif; } .longchange { text-align:right; } /*.paymentpage .checkout td:first-child { padding-top:10px; } .paymentpage .checkout td:last-child { padding-bottom:10px;}*/ .checkout .change {text-align:right !important; } .checkout-change-button, .editicon {  font-size:0.8em; margin:0 10px 0 0 ; background:transparent; border:none !important; padding:5px 10px 5px 0 !important; height:auto; line-height:100%; color:white; text-align:center; cursor:pointer; width:auto !important; } .editicon {  padding-left:0 !important;  padding-right:0 !important;  font-family: FontAwesome !important; border:none; } .content-area form { padding:0; } .button-wrapper input, .linkButton a:link, .linkButton a:visited, .linkButton a:active {  background:#000070; text-align:center; color:white; height:3.875em; text-transform:uppercase; font-family:Tahoma, Geneva, sans-serif; font-weight:900; border:none;  font-size:1.2em; cursor:pointer; display:block; } .linkButton input:hover, .linkButton a:hover { background:#71CA2F; text-decoration:none; } .linkButton a:link, .linkButton a:visited, .linkButton a:hover, .linkButton a:active { line-height:3.875em; margin:10px 0 0 0; } .checkoutCustomers fieldset label, .checkoutCustomers fieldset p {  float:none; } .bothAddresses h3 { font-size:1.5em; color:#000070; font-weight:bold; padding:20px 0 !important; } .content-area form .checkout fieldset #idSeparateShipRow #idSeparateShipCell label { width:85% !important; } .content-area form .checkout-buttons { width:62%; } #recenthtitem { border:1px solid #dddddd; } .recent-products { width:100% !important; } .content-area form .checkout fieldset .ShowAlways p#idDeliverHeader { float:left; } @media only screen and (max-width: 767px) { .bwdMods .header-area div.logo, .bwdMods .header-element, .bwdMods .quick-search, .bwdMods .pLeft, .bwdMods .pRight, .formDetails, .checkoutCart { margin:0; float:none; width:100%; position:relative; } .bwdMods div[class^="footerCol"] { flex: 0 0 100%; } .formDetails { clear:both; } .bothAddresses label, .bothAddresses input[type="text"] { width:100%; float:none; } .checkout-field-label, .checkout-field-input, .content-area form .checkout fieldset label { width:100%; float:none; display:block; text-align:left; } .floatRight, div.set-right { padding-left:4px; box-sizing:border-box; } .header-area .logo img { width:auto; } } @media only screen and (min-width: 768px) and (max-width: 1070px) { .formDetails, .checkoutCart { margin:0; float:none; width:100%; position:relative; } .bothAddresses label, .bothAddresses input[type="text"] { width:100%; float:none; } .checkout-field-label, .checkout-field-input, .content-area form .checkout fieldset label { width:100%; float:none; display:block; text-align:left; } } .fa-shopping-cart { font-size: 30px; }