/* begin general styles for all themes */ body { margin: 0px; padding: 0px; background-image: url("Body-Background.jpg") repeat-y center fixed; font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 12px; } p, table, td, th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; margin-top: 0px; } form { margin: 0px; } a:link { color: #c20000; text-decoration: none; } a:visited { color: #c20000; text-decoration: none; } a:hover { color: #ef7b24; text-decoration: underline; } a:active { color: #ef7b24; 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: #c20000; } .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: 20px; color: #333333; } .actxxlarge { font-size: 20px; color: #333333; } .actwarningcolor { color: #c20000; } .actrequiredcolor { font-size: 16px; color: #c20000; font-weight: bold; } .actsearchhighlightcolor { color: #c20000; } .actrequired { color: #c20000; } .actwarning { font-size: 12px; color: #c20000; } .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: #c20000; } /* General positioning ------------------------------------------- */ .set-left { float: left; } .set-right { float: right; } .set-below-left { float: left; clear: left; } .set-below-right { clear: right; float: right; } .inline li { display: inline; list-style: none; padding: 0 5px 0 5px; } .section-list p { margin: 0 0 0 6%; } .section-list p.indent1, .section-list blockquote { margin: 0 0 0 12%; } .section-list p.indent2 { margin: 0 0 0 18%; } .section-list ul ul li a { font-size: 12px; } /* 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 { width: 553px; border-collapse: collapse; padding: 0px 0px; margin-bottom: 5px; } table.checkout-cart th{ font-weight: bold; background-color: #eaeaea; border-top: solid 1px #c20000; border-bottom: solid 1px #c20000; padding: 4px 4px; } table.checkout-cart td{ padding: 4px 4px; } table.checkout { width: 553px; border-collapse: collapse; padding: 0px 0px; text-align: left; margin-bottom: 5px; } table.checkout th { background: url("palette-bg.jpg") repeat-x 0px 0px; font-size: 14px; font-weight: bold; color: #fff; text-align: left; padding: 5px 2px; border-bottom: solid 3px #f7f4ee; } 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: #2aaf6d; border: 1px solid #c20000; 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: #ef7b24; border: 1px solid #c20000; 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 #f7f4ee; border-bottom: solid 1px #f7f4ee; 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 #c20000; } .checkout-cartheading { font-weight: bold; background-color: #eaeaea; border-top: solid 1px #c20000; border-bottom: solid 1px #c20000; } .cartheading { background: url("palette-bg.jpg") repeat-x 0px 0px; font-weight: bold; color: #eaeaea; } h2.checkout-heading { background: url("palette-bg.jpg") repeat-x 0px 0px; font-size: 14px; font-weight: bold; color: #fff; padding: 5px 2px; border-bottom: solid 3px #f7f4ee; width: 553px; } h3.checkout-heading { width: 553px; padding: 5px 2px; background: url("palette-bg.jpg") repeat-x 0px 0px; font-size: 14px; font-weight: bold; color: #fff; border-bottom: solid 3px #f7f4ee; } .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: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #f7f4ee; background: #ef7b24; padding: 5px; border: solid 1px #333333; } input.highlight-button { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #f7f4ee; background: #c20000; 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: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; background-color: #f7f4ee; padding: 2px; } .InvoiceField input, .InvoiceField select { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; background-color: #f7f4ee; padding: 2px; } .DeliverField input, .DeliverField select { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; background-color: #f7f4ee; padding: 2px; } table.checkout#idBothAddressesTable select { width: 211px; } input.checkbox { background-color: #eaeaea; border: 0;	 } .checkout-field-area { background: #eaeaea; border-bottom: solid 2px #f7f4ee; width: 553px; } .checkout-field-area p { margin: 0; padding: 4px; } div.checkout-buttons { width: 553px;  height: 50px;  margin-top: 20px; } .left {  float : left;  width : 50%;  } .right {  float : right;  width : 40%;  } .spacer {  clear : both;  } .checkout-help-hide {  display: none;  } /* 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: #c20000; width: 100%; height: 24px; color: #ffffff; text-align: right; } .sort_by select { font-size: 12px; height: 20px; margin-right: 1px; margin-top: 1px; border: #c20000 2px solid; border-top: #c20000 2px solid; border-right: #c20000 1px solid; border-bottom: #c20000 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 ---------------------------------- */ /* 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 */ #recenthtitem { border-spacing: 0px; border-collapse: collapse; } #recenthtitem td { width: 102px; padding: 4px; text-align: center; border-left: 1px solid #2aaf6d; border-right:1px solid #2aaf6d; } .recenthtitemimage { border-top: 1px solid #2aaf6d; } .recenthtitemdesc	{font-size: 10px;} .recenthtitemprice	{} .recenthtitemdelete { border-bottom: 1px solid #2aaf6d; } .recenthtitemspacer { width:2px !important;  border:0 !important; padding: 0px !important; } .recenththeader { clear: both; padding: 3px; font-size: 16px; font-weight: bold; margin: 20px 0px 10px 0px; color: #c20000; width: 544px; border-top: 2px solid #c20000; border-bottom: 2px solid #c20000; } .recenthtbuttonleft { float: left; cursor: pointer; width: 100px; border: 0; background-color: #f7f4ee; } .recenthtbuttonright { float: right; cursor: pointer; width: 100px; border: 0; background-color: #f7f4ee; } /* Used by 'CSS Product Layout' ------------------------------------------- */ .content_left { text-align: left; float: left; margin-right: 20px; } .content_right { text-align: left; float: left; } /* headings ----------------------------------------------------------------------------- */ h1	{ font-size: 20px; font-weight: 900; margin: 0px; color: #c20000; } h1.subheading	{ font-size: 14px; font-weight: 900; margin: 0px; color: #c20000; border: 0px; background-color: transparent; } h2	{ font-size: 16px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #c20000; } h2.clearall	{ font-size: 16px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #c20000; clear:both; } h1.product	{ font-size: 14px; font-weight: bold; margin: 0px 0px 2px 0px; padding: 0px; color: #c20000; } h2.product	{ font-size: 14px; font-weight: bold; margin: 0px 0px 2px 0px; padding: 0px; color: #c20000; } h3	{ font-size: 14px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #c20000; } h3.productPrice	{ font-size: 14px; color: #333333; font-weight: bold; margin: 12px 0px 0px 0px; padding: 0px; } .text_heading_left_column	{ margin: 0px; padding: 19px 0px 4px 0px; line-height:normal; color: #c20000; font-weight: 900; font-size: 14px; } /* 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; } /* Heading for attributes  --------------------------------------------------------*/ .text_options	{ font-weight: 900; } /* 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: #ef7b24;  border: 1px solid #2aaf6d; } a.link_menu:link  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #ef7b24; border: 1px solid #2aaf6d; } a.link_menu:active  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #ef7b24; border: 1px solid #2aaf6d; } a.link_menu:hover  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #c20000; border: 1px solid #2aaf6d; } /* 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 #c20000; width: 229px; margin: 0px 20px 14px 0px; } .heading_marketing_box p.text_product_small_info_heading	{ background-color: #c20000; border-bottom: 2px solid #c20000; 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; } /* 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; }		 .dotted_line_blue {  background: none;  border-top: 1px dotted #ef7b24;  }		 .content-area table {  border-spacing: 8px 0 0 0;  }		 .dotted_line_blue {  background: none;  border-top: 1px dotted #ef7b24;  }		 .content-area table {  border-spacing: 8px 0 0 0;  } /* July '15 */ table.checkout-cart a:link { color: #000; text-decoration: none; } table.checkout-cart a:visited { color: #000; text-decoration: none; } table.checkout-cart a:hover { color: #ef7b24; text-decoration: underline; } /* styles for Minimal Product Summary */ .mini-product-summary { width: 150px; margin: 0 3px 13px; float: left; } .mini-product-summary-image { width: 150px; margin-bottom: 1em; overflow: hidden; } .mini-product-summary-image img { max-width: 150px; } .mini-product-summary h3 { font-size: 14px !important; margin: 0 0em 1em !important; height: 50px;  } .mini-product-summary-price { margin: 0.5em 0; } .mini-product-summary-link { margin: 1em 0; } .mini-product-summary-link a { display: block; background: #ef7b24; line-height: 1.5em; color: #ffffff !important; font-weight: bold; text-align: center; font-size: 1.2em; } .mini-product-summary-link a:hover { background: #c20000; text-decoration: none; color: #ffffff; } /* Styles for 'Customisable Product Details' */ .cust-product-details { width: 50%; margin-bottom: 1em; } .cust-product-image { width: 45%; margin-bottom: 1em; font-size: 1.35em; } .cust-left { float: left; } .cust-right { float: right; } .cust-product-image img { border: solid 1px #ddd; max-width: 100% !important; } .top-spec-wrapper { width: auto; overflow: auto; margin-bottom: 2em; font-size: 1.35em; } .top-spec-label { float: left; width: 100px; clear: left; font-weight: bold; } .top-spec-value { float: left; } .cust-main-price { padding-bottom: 1em; color: #ef7b24; font-weight: bold; font-size: 1.35em; } .cust-stock-message { padding-bottom: 1em; line-height: 1.5em; font-size: 1.35em; } .cust-product-description { clear: both; padding: 1em 0; } .cust-cart-button { font-size: 1.35em; line-height: 1.7em; padding-top: 1em; clear: both; } .description-text { font-size: 1.35em; } .terms-conds { font-size: 1.35em; padding-bottom: 2em; } p.cart-button-placement { padding-top: 1em; } /* In Context PSP form style*/ .container-popup { position: relative; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.5); display: none; } #pspwait { height: 5em; min-width:1px; width:8em; max-width:90%; margin: auto; padding:0.5em; position:absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 14px; background:#e6e6e6; text-align: center; border: solid 1px #FFFFFF; } #payment { height: 32em; min-width:1px; width:400px; max-width:90%; margin: auto; padding:0.5em; position:absolute; top:1em; right: 0; bottom: 0; left: 0; background:#eeeeee; } #payment .has-error { color:red; } #payment .form-group { float:left; width:100%; } #payment .form-group label, #payment .form-group div { float:left; margin:0.5em 0; } #payment .form-group label { width:10em; padding:0.3em; } #payment .form-group div { width:55%; } #payment .form-group div input { width:100%; padding:0.3em; } #payment > a, #payment > a:hover { float:left; } #payment button, #payment button:hover { float:right; } #payment button, #payment button:hover, #payment > a, #payment > a:hover { clear:none; width:auto; margin:4% 1em 4% 0; padding:0.2em 0.5em; font-size:1em; line-height:1.9em; font-weight:bold; color:#666666; text-align:center; text-decoration:none; border:none; background:#cccccc; } #payment button:hover, #payment > a:hover { cursor:pointer; background:#ffffff; }				 .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; } option:disabled { color: #dddddd; } .MM:link, .MM:visited, .MM:hover, .MM:active {width:100px;}  td {vertical-align: top;} img { border: 0; } .navigation-bar { margin: 0px; background: url("palette-bg.jpg") repeat-x 0px 0px; border-top: 1px solid #fff; height: 41px; } body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 12px; background: #f7f4ee; } /* Secondary Structures */ #siteCont { width: 1001px; border: 1px solid #c20000; margin: 1px auto; padding: 0px; background: #FFF; } #headerCont { height: 140px; padding: 0px; margin: 0px; /* background: url("header-cont-bg.jpg") top right no-repeat; */ } #logoCont { position: relative; width: 240px; height: 140px; margin: 0px; padding: 0px; float: left; } #siteNavCont { margin: 0px; padding: 0px 0px 0px 0px; height: 20px; float: left; width: 740px;	 } #siteNav { margin: 0px; padding: 0px 0px 0px 0px; list-style-type: none; float: left; } #siteNav li { margin: 0px; padding: 0px; float: left; } #siteNav a { float: left; color: #c20000; text-decoration: none; height: 16px; padding: 2px 9px; font-weight: bold; } #siteNav a:hover { color: #ef7b24; padding: 3px 9px 1px 9px; } #newsletterCont { width: 540px; height: 120px; margin: 0px; float: left; text-align: center; } #cartContCentre { margin: 0px; } #cartCont { background: url("cart-bg.gif") no-repeat top right; width: 180px; height: 90px; margin: 0px auto; padding: 30px 10px 0px 10px; float: left; } #cart { margin: 0px auto; padding: 0px; text-align: center; color: #333333; } #cart a { text-decoration: none; clear: both; display: block; font-weight: bold; padding: 1px 0px; margin: 3px 0px; background: url("palette-bg.jpg") repeat-x 0px -100px; color: #fff; line-height: 1.4em; } #cart a:hover { background: url("palette-bg.jpg") repeat-x 0px -50px; } #left { width: 200px; float: left; padding: 0px 8px 10px 8px; margin: 0px; clear: both; } #searchCont { margin: 0px 0px 10px 0px; padding: 10px 0px 10px 5px; border: 1px solid #c20000; border-top: none; } .sidebarHeader { padding: 5px 0px 5px 5px; margin: 12px 0px 0px 0px; font-weight: bold; font-size: 14px; background: url("palette-bg.jpg") repeat-x 0px 0px; color: #fff; } .sidebarHeader a { color: #fff; } #deptNavCont { width: 200px; margin: 0px 0px 12px 0px; } #deptNav { padding: 0px; margin: 0px; list-style-type: none; width: 200px; } #deptNav li { padding: 0px; margin: 0px; } #deptNav a { display: block; color: #FFF; background: url("palette-bg.jpg") repeat-x 0px -50px; border-top: 1px solid #fff; text-decoration: none; padding: 3px 0px 3px 5px; line-height: 1.3em; font-weight: bold; } #deptNav a:hover { color: #FFF; background: url("palette-bg.jpg") repeat-x 0px -100px; } .sidebarMktCont { border: 1px solid #c20000; border-top: none; padding: 5px 3px; margin: 0px 0px 15px 0px; } .sidebarMktCont a:link, .sidebarMktCont a:visited { text-decoration: none; } .sidebarMktCont a:hover, .sidebarMktCont a:active { text-decoration: underline; } .sidebarMridularCont { border: 1px solid #c20000; border-top: none; } .sidebarCont { margin: 12px 0px; } #main { width: 553px; float: left; padding: 12px 8px; margin: 0px; background-color: #FFF; } #freeDeliveryImage { width: 553px; height: 26px; float: left; margin: 0px 0px 12px 0px; background: url("free-delivery.gif") top right no-repeat; } #adBanner { width: 553px; height: 235px; float: left; margin: 0px 0px 6px 0px; background: url("XMas-Shipping-Dates-banner.jpg") top right no-repeat; } .clearFloats { clear:both; } #right { width: 200px; float: left; padding: 0px 8px 10px 8px; margin: 0px; } #fadeshow1 { margin: 0px 0px 12px 0px; position: relative; z-index: 1000; } #footerLinksCont { margin: 0px; padding: 0px 0px 10px 0px; clear: both; background: #ef7b24 url("footer-cont-bg.jpg") repeat-x; color: #fff; } .footerLinks { margin: 0px; padding: 5px 10px; width: 180px; float: left; } .footerLinks h4 { margin: 10px 0px 5px 0px; font-size: 14px; font-weight: bold; color: #fff; } .footerLinks ul { margin: 0px 0px 0px 0px; color: #fff; list-style-type: disc; } .footerLinks li { margin: 0px 0px 0px -25px; } .footerLinks a:link, .footerLinks a:visited { color: #fff; } .footerLinks a:hover, .footerLinks a:active { color: #fff; } #footer { clear: both; text-align: center; padding: 5px 0px 2px 0px; margin: 0px; background: url("palette-bg.jpg") repeat-x 0px -50px; color: #FFF; height: 18px; } #footer a { text-decoration: none; color: #FFF; } #footer a:hover { color: #FFF; text-decoration: underline; } .searchFormDiv { width: 540px; text-align:center;  line-height: 85px; right:0; left:0; } .sidebar { background-color: #2aaf6d; border: 1px solid #c20000; margin: 0; padding: 0; width: auto; } .footer-area { background-color: #c20000; font-size: 12px; color: #ffffff; clear: both; height: 75px; width: 1000px; padding: 10px 0; margin: 0; } .minus-one { width: 790px; } .content-minus-one { width: 778px; margin-top: 0; } .content-minus-two { width: 578px; float: right; margin-top: 0; } /* Functional Elements */ .headerCont form { display: inline; } .extralargesearchbox { max-width:50% !important; width: 50%; height: 30px; padding-left: 10px; color: #c2c2c2; border: 1px solid #c20000; vertical-align:middle; font-size:24px !important; } .extralargesearchbox:focus { color: #2aaf6d; }  .extralargesearchbox_btn { background: url("palette-bg.jpg") repeat-x 0px -100px; /* Old browsers */ height: 34px !important; width: auto !important; vertical-align:middle; }  .headerCont .quick-search-button { background: url('button_background_left1.gif') left no-repeat; height: 26px; } .headerCont .quick-search-button-wrapper { margin: 0; } #newsletterCont .quick-search-text { height: 20px; font-size: 14px; } .cart-button { height: 28px; } .logo { float: left; padding-left: 10px; padding-top: 5px; } .button-wrapper { display: inline-block; height: 26px; background: url('button_background_right.gif') right no-repeat; padding: 0 10px 0 0; } .button { background: url('button_background_left.gif') left no-repeat; cursor:pointer; color: #ffffff; height: 26px; padding: 0 0 0 10px; margin: 0; border: 0; font-family: Arial, Helvetica; font-size: 11px; font-weight: bold; } .subscribebutton { background: url("palette-bg.jpg") repeat-x 0px -100px; cursor:pointer; color: #ffffff; height: 26px; margin: 10px 0px; border: 0; font-family: Arial, Helvetica; font-size: 11px; font-weight: bold; } .sidebar .button, .sidebar-filter-element .button { background: url('button_background_left3.gif') left no-repeat; } .quantity-box input { width: 20px; } /* Content */ .product-list-image img { max-width: 75px; } .info-box p { padding: 0 4px 10px 4px; } .content-area p { font-size: 12px; color: #333333; } .content-area li a:link { font-size: 12px; color: #c20000; } .content-area h1 { margin: 0; padding: 6px 0px 6px 0; line-height:normal; font-size: 20px; color: #c20000; } .content-area h2 { font-size: 16px; font-weight: bold; color: #c20000; } .content-area h3 { font-size: 14px; color: #2aaf6d; margin: 0 5px 0 0; display: inline; } #product-page-body { border-bottom: 1px dotted #c20000; } div#product-page-body { float: left; width: 100%; } .product-list table, .fragment-list table, .section-list table, .content-area .marketing-list table { width: 100%; border-spacing: 0px; margin: 0px; clear:both; } .product-list td, .section-list td, .fragment-list table td, .content-area .marketing-list table td { vertical-align: top; } .section-link-image { float: left; padding: 2px 10px 0 0; } .product-list img { padding: 0 10px 10px 0; float: left; } .product-list .set-right img { margin-left: 10px; float: right; } .product-list table td { width: 30%; } .fragment table { width: 100%; } .section-list table td { width: 30%; } .attribute-list *  { vertical-align: middle; } .attribute-list, .attribute-list ul { width: auto; padding: 0; margin-top: 0; list-style: none; } .attribute-list li { text-align: left; margin: 0; } .attribute-list table { width: auto; margin: 0; border-spacing: 0; } .attribute-list table td, .attribute-list table th { border: none; padding: 0 10px 5px 0; vertical-align: top; text-align: left; width: auto; } .attribute-list table th { font-weight: bold; } .attribute-list select, .component-text select, .component-text input { vertical-align: middle; font-size: 12px; } .attribute-list .push-button-grid table { border-spacing: 5px; } .attribute-list .push-button-grid table td { vertical-align: middle; } p.component-text { padding-top: 5px; } .feefoproductlogo { display: inline; } .feefoproductlogo img { padding: 5px 0 0 0; } .product-details {align:center;} /* Recently Viewed Products List styles ------------------------------------ */ #rphtml { display: none;  visibility:hidden; } /* Used internally - do not delete */ .content-area #recentstlist { overflow: hidden; border: 1px dotted #ef7b24; } #recenthtlist { overflow: hidden; text-align: left; width: 550px; padding: 0; } .recenththeader { text-align: center; } .content-area .recenththeader { padding: 0; margin-top: 15px } .content-area #recenthtitem {  clear: none; float: left; width: 110px; border-collapse: collapse; text-align: center; } .content-area #recenthtitem td { padding: 5px; border-left: 1px solid #2aaf6d; border-right: 1px solid #2aaf6d; } .content-area .recenthtitemimage img { margin-left: auto; margin-right: auto; border: none; width: 110px; } .content-area #recenthtitem .recenthtitemimage { border-top: 1px solid #2aaf6d; padding-left: 5px; } .sidebar #recentstlist { overflow: hidden; } .sidebar #recenthtitem {  margin-top: 10px; clear: left; text-align: center; border-collapse: collapse; } .sidebar #recenthtitem p { color: #c20000; font-size: 12px; font-weight: bold; margin: 0; padding: 6px 0 6px 0; } .sidebar #recenthtitem img { padding: 0; margin: 0; border: none; } .recenthtitemdesc	{} .recenthtitemprice	{} /* Nav bar styles */ .navigation-bar ul { width: 100%; border: none; float: left; list-style-type: none; margin: 0px; padding: 0px; } .navigation-bar ul li { margin: 0; padding: 0; border-right: 1px solid #fff; border-top: none; border-bottom: none; } .navigation-bar li a {  font-family: Arial, Helvetica; font-weight: bold; font-size: 12px; color: #fff; text-decoration: none; width: 100px; } .navigation-bar li a:link, .navigation-bar li a:visited {  text-decoration: none; } .navigation-bar li a:hover {  color: #ef7b24; } .navigation-bar ul li a { padding-left: 5px; padding-right: 5px; } .navigation-bar ol { list-style-type: none; clear: left; float: left; margin: 0 0 0 2px; padding: 0; } .navigation-bar ol li a { color: #c20000; font-size: 11px; height: 36px; line-height: 20px; font-weight: normal; margin-right: 5px; } .navigation-bar .page-list h3 { display: none; } /*############################################ MEGA MENU STYLES  Background images, styles and formatting  of Mega Menu controlled below ############################################*/ .navigation-bar { z-index:999999; } .navigation-bar ul { list-style-type:none; margin:0px; padding:0px; } .navigation-bar ul li { list-style-type:none !important; position:relative; float:left; margin:0px; padding:0px; }  .navigation-bar ul li ul li { border-left: none; }  .navigation-bar ul li#last { } .navigation-bar ul ul { border-right: none; border-left: none;  background: none; } .navigation-bar ul ul li a {  color: #ef7b24; text-decoration: none; } .navigation-bar a { float:left; margin:0px; padding:5px 5px 0px 5px; text-decoration:none; color:#ef7b24; font-weight: bold; height: 36px; background: url("palette-bg.jpg") repeat-x 0px 0px; font-size:12px; } /* Used to style hover/selected action on top level links */ .navigation-bar ul li a.sel:link,  .navigation-bar ul li a.sel:visited,  .navigation-bar ul li a.sel:active,  .navigation-bar ul li a:hover { color: #fff; text-decoration:none; background: url("palette-bg.jpg") repeat-x 0px -50px; } /* Drop Down Box */ .navigation-bar ul li div { position:absolute; top:40px; text-align:left; display:none; border:2px solid #c20000; background-color:white; padding:7px; width:4110px; z-index:999999; } .navigation-bar ul li div div{ text-align:left; display:block; position:relative; top:0px; width:100%; } .lastMenudiv { right:0px; } .navigation-bar ul li div ul { width:125px; float:left; margin:0px 5px 0px 0px; } .navigation-bar ul li div ul.last { border-right:none; margin-right:0px; } .navigation-bar ul li div ul li { float:none; background:none; padding:1px 0; } .navigation-bar ul li div ul li a { color:#333333; text-align:left; float:none; padding:0px; height:auto; line-height:normal; background:none; } .navigation-bar ul li div ul li a:hover { text-decoration:none; background-image:none; background: none; }  /* Styles for each row of links */ .navigation-bar ul li div .row { clear:both; height: 1%; overflow: hidden;	 background:none; border:none; } /* Used to overwrite id's styles */ a.dropheading { background: url("palette-bg.jpg") repeat-x 0px 0px !important; padding:2px 4px !important; margin:0px !important; height:auto !important; line-height:normal !important; display:block; color: #fff !important; width: 115px !important; } a.dropheading:hover { background: #c20000 url("palette-bg.jpg") repeat-x 0px -50px !important; color: #fff !important; } a.droplink, a.dropfooter { color: #c20000 !important; background: #fff !important; display:block;  font-weight:normal !important; padding:2px 4px !important; width: 115px !important; } a.droplink:hover, a.dropfooter:hover { background: #c20000 url("palette-bg.jpg") repeat-x 0px 0px !important; color: #fff !important; } a.droplinkNB:link, a.droplinkNB:visited, a.droplinkNB:hover, a.droplinkNB:active { color: #c20000 !important; background: #fff !important; display:block;  font-weight:normal !important; padding:2px 4px !important; } a.droplinkNB:hover { text-decoration: underline; color: #ef7b24 !important; } /* end mega menu */ /* start product filtering list */ .filter-list { font-size: 12px; color: #333333; line-height: 10px; padding: 0px 3px 15px 5px; } .filter-list h4 { clear: left; font-size: 12px; font-weight: bold; padding: 0; line-height: 150%;	 } .filter-list ul { padding: 0pt; list-style: none outside none; text-align: left; margin: 0pt; } .filter-list li { padding: 0pt 3pt 5px; list-style: none outside none; margin: 0pt; border-bottom: none; } .filter-list li{  color: #c20000; } .filter-link{ background: #2aaf6d; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 0px; border-width: 0;   color: transparent; width: 0; } .filter-link-label{ text-decoration: underline; } .filter-link-label:hover{ cursor:pointer; } .filter-submit{ background: transparent; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding: 0 3px; border-width: 0; padding: 4px;	 } .filter-submit:hover{ cursor: pointer; text-decoration: underline;	 } .sidebar-filter-element h2 { overflow: hidden; background-color: #c20000; border-bottom: 1px solid #c20000; border-top: 1px solid #c20000; font-size: 14px; font-weight: bold; color: #ffffff; line-height: 25px; margin: 0px 0px 5px 0px; padding: 6px 0px 6px 6px; } .sidebar-filter-element .button-wrapper { margin-left: 130px;; } .filter-text{ float: left; } .filter-by{ float: right; margin-right: 10px; } /* end product filtering list */ /* Extended information pages -------------------------- */ #extended-info { width: auto; padding: 15px; } #extended-info .product-text { overflow: hidden; margin: 0; padding: 0 0 5px 0; } #extended-info ul { overflow: hidden; } #extended-info ul li { padding: 0 0 0 25px; } #extended-info .product-price { padding: 0; } #extended-info .product-image img { padding: 0; margin: 0 10px; } /* Additional pages ------------------------------------ */ #search-body, #contact-body { width: 98%; padding: 10px; margin: 10px 10px 20px 0px; } /* Login page */ #idTblLogin { width: 325px; margin-top: 20px; margin-left: auto; margin-right: auto; overflow: hidden; text-align: right; } #idTblLogin p { padding-top: 5px; clear: both; } #idTblLogin .input-text { height: 16px; font-size: 12px; width: 200px; } /* Terms and Conditions page */ #terms-body { padding-left: 10px; font-size: 12px; } #terms-body h3 { display: inline; font-size: 12px; font-weight: bold; } /* Search and Search Results */ #search-body table { border-spacing: 8px; margin: 0 -7px; } #search-body td { text-align: left; vertical-align: top; padding: 0; } #search-body .input-text { height: 16px; width: 310px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; } #search-body select { font-size: 12px; font-family: Arial, Helvetica, sans-serif; } #search-body .searchable-properties table { width: auto; border-spacing: 0; margin: 0; padding: 0; } #search-body .searchable-properties table td { padding: 3px 0; } #search-body .searchable-properties  select { margin-left: 5px; } #SearchResults { clear: left; } /* Contact Us page */ #contact-body p { margin: 10px 0 10px 3px; } #contact-body .input-text { height: 16px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; width: 300px; } #contact-body textarea { font-size: 12px; font-family: Arial, Helvetica, sans-serif; width: 400px; } /*! jQuery UI - v1.10.1 - 2013-03-06 * Actually Smoothness Theme - drillpine renamed for compatibility * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.tabs.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright (c) 2013 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: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-front { z-index: 100; } /* 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: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 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: .5em 1em; 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, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } /* Component containers ----------------------------------*/ .tabber .ui-widget { font-family: Verdana,Arial,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: Verdana,Arial,sans-serif; font-size: 1em; } .tabber .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url('ui-bg_flat_75_ffffff_40x100.png') 50% 50% repeat-x; color: #222222; } .tabber .ui-widget-content a { color: #C200000; } .tabber .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url('ui-bg_highlight-soft_75_cccccc_1x100.png') 50% 50% repeat-x; color: #222222; font-weight: bold; } .tabber .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .tabber .ui-state-default, .tabber .ui-widget-content .ui-state-default, .tabber .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url('ui-bg_glass_75_e6e6e6_1x400.png') 50% 50% repeat-x; font-weight: normal; color: #555555; } .tabber .ui-state-default a, .tabber .ui-state-default a:link, .tabber .ui-state-default a:visited { color: #555555; 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 { border: 1px solid #999999; background: #dadada url('ui-bg_glass_75_dadada_1x400.png') 50% 50% repeat-x; font-weight: normal; color: #212121; } .tabber .ui-state-hover a, .tabber .ui-state-hover a:hover, .tabber .ui-state-hover a:link, .tabber .ui-state-hover a:visited { color: #212121; text-decoration: none; } .tabber .ui-state-active, .tabber .ui-widget-content .ui-state-active, .tabber .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url('ui-bg_glass_65_ffffff_1x400.png') 50% 50% repeat-x; font-weight: normal; color: #212121; } .tabber .ui-state-active a, .tabber .ui-state-active a:link, .tabber .ui-state-active a:visited { color: #212121; 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 #fcefa1; background: #fbf9ee url('ui-bg_glass_55_fbf9ee_1x400.png') 50% 50% repeat-x; color: #363636; } .tabber .ui-state-highlight a, .tabber .ui-widget-content .ui-state-highlight a, .tabber .ui-widget-header .ui-state-highlight a { color: #363636; } .tabber .ui-state-error, .tabber .ui-widget-content .ui-state-error, .tabber .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url('ui-bg_glass_95_fef1ec_1x400.png') 50% 50% repeat-x; color: #cd0a0a; } .tabber .ui-state-error a, .tabber .ui-widget-content .ui-state-error a, .tabber .ui-widget-header .ui-state-error a { color: #cd0a0a; } .tabber .ui-state-error-text, .tabber .ui-widget-content .ui-state-error-text, .tabber .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .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-position: 16px 16px; } .tabber .ui-icon, .tabber .ui-widget-content .ui-icon { background-image: url('ui-icons_222222_256x240.png'); } .tabber .ui-widget-header .ui-icon { background-image: url('ui-icons_222222_256x240.png'); } .tabber .ui-state-default .ui-icon { background-image: url('ui-icons_888888_256x240.png'); } .tabber .ui-state-hover .ui-icon, .tabber .ui-state-focus .ui-icon { background-image: url('ui-icons_454545_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_2e83ff_256x240.png'); } .tabber .ui-state-error .ui-icon, .tabber .ui-state-error-text .ui-icon { background-image: url('ui-icons_cd0a0a_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 { border-top-left-radius: 4px; } .tabber .ui-corner-all, .tabber .ui-corner-top, .tabber .ui-corner-right, .tabber .ui-corner-tr { border-top-right-radius: 4px; } .tabber .ui-corner-all, .tabber .ui-corner-bottom, .tabber .ui-corner-left, .tabber .ui-corner-bl { border-bottom-left-radius: 4px; } .tabber .ui-corner-all, .tabber .ui-corner-bottom, .tabber .ui-corner-right, .tabber .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .tabber .ui-widget-overlay { background: #aaaaaa url('ui-bg_flat_0_aaaaaa_40x100.png') 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); } .tabber .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url('ui-bg_flat_0_aaaaaa_40x100.png') 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); border-radius: 8px; } /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ .BoxedCont { margin: 5px auto; padding: 0px; width: 175px; border: 2px solid #fff; } .BoxedCont:hover { border: 2px dashed #2aaf6d; } .BoxedTitle { margin: 0px auto; padding: 2px; text-align: center; font-weight: bold; font-size: 11px; } .BoxedFeedback { margin: 0px; align: center; } .BoxedTitle a:link, .BoxedTitle a:visited, .FragBoxedTitle a:link, .FragBoxedTitle a:visited { display: block; padding: 2px 0px; color: #c20000; text-decoration: none; } .BoxedTitle a:hover, .BoxedTitle a:active, .FragBoxedTitle a:hover, .FragBoxedTitle a:active { color: #2aaf6d; } .BoxedImage { margin: 0px auto; text-align: center; width: 175px; height: 175px; overflow: hidden; } .BoxedImage img { border: none; } .BoxedText { margin: 0px auto; padding: 3px; text-align: center; font-size: 11px; } .BoxedPrice { margin: 0px auto; padding: 2px; text-align: center; font-weight: bold; font-size: 14px; } .marketingTable { border: 1px solid #cccccc; border-top: none; border-right: none; border-collapse: collapse; width: 100%; } .marketingTable td { border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; width: 25%; text-align: center; vertical-align: bottom; } h4.marketing { font-size: 16px; margin: 20px 0px 0px 0px; padding: 7px 0px 7px 10px; background: url("palette-bg.jpg") repeat-x 0px -50px; color: #FFF; } .divider { margin: 6px 0px; border-bottom: 1px solid #2aaf6d; height: 1px; padding: 0px; clear: both; } .leftProdCont { width: 250px; float: left; margin: 0px; padding: 0px; text-align: center; } .rightProdCont { width: 296px; float: left; margin: 0px 2px; padding: 0px; } .mktName { margin: 5px 2px; padding: 0px; text-align: center; clear: both; } .mktName a { font-size: 11px; font-weight: bold; } .mktImage { margin: 10px 2px; padding: 0px; text-align: center; clear: both; } .mktImage img { border: none; } .mktPrice { margin: 10px 2px; padding: 0px; font-weight: bold; font-size: 14px; text-align: center; clear: both; } .sidebarMktImage { padding: 0px; float: left; margin: 0px 5px 5px 0px; width: 85px; } .sidebarMktImage img { border: none; } .sidebarMktName { margin: 0px 0px 4px 0px; padding: 0px; float: left; width: 100px; font-size: 11px; } .sidebarMktPrice { margin: 4px 0px; padding: 0px; font-weight: bold; font-size: 14px; float: left; color: #c20000; } .addToCart { margin: 15px 0px; } .BC_Div { padding: 8px 0px 0px 0px; clear:both; } .breadcrumb	{ font-size: 12px; color: #c20000; margin: 0px; line-height: normal; padding: 2px 0px; clear:both; } .breadcrumb14px	{ font-size: 14px; color: #c20000; margin: 0px; line-height: normal; padding: 2px 0px; clear:both; } h1.sectionHeading { margin: 5px 0px; font-size: 20px; color: #c20000; font-weight: bold; border-top: 2px solid #c20000; padding: 3px 0px 0px 0px; } .clear { clear: both; } input.actinic-button { padding: 1px; margin: 0px; font-size: 11px; } .prodRef { margin: 3px 0px; font-weight: bold; font-size: 11px; color: #ef7b24; } .productList { margin: 10px 0px; } .testimonialCont { border: 2px solid #cccccc; background: url("footer-cont-bg.jpg") repeat-x center center; padding: 10px; margin: 15px 0px; color: #fff; clear: both; } .testimonialText { font-size: 12px; margin: 0px; padding: 0px; font-style: italic; } .testimonialText a { color: #FFF; text-decoration: none; font-weight: bold; } .testimonialName { text-align: right; margin: 0px; padding: 0px; font-weight: bold; } .paginationCont { margin: 12px 0px; line-height: 30px; } .paginationCont a { text-decoration: none; font-family: Verdana, Geneva, sans-serif; margin-top: 5px; padding: 5px; text-align: center; background: url("palette-bg.jpg") repeat-x 0px -100px; color: White; font-weight: bold; font-size: 12px; border-radius: 3px; display: inline; white-space: nowrap; } .paginationCurrent { text-decoration: none; font-family: Verdana, Geneva, sans-serif; margin-top: 5px; padding: 5px; text-align: center; background: url("palette-bg.jpg") repeat-x 0px 0px; color: White; font-weight: bold; font-size: 12px; border-radius: 3px; display: inline; white-space: nowrap; } .paginationCont a:hover { background: url("palette-bg.jpg") repeat-x 0px -50px; } .paginationContOrig a { padding: 3px; border: 1px solid #c20000; color: #c20000; background: #cccccc; } .paginationCurrentOrig { padding: 3px; width: 8px; font-size: 12px; font-weight: bold; text-align: center; border: 1px solid #c20000; color: #fff; background: #c20000; display: inline; } .DeliveryTable td { font-size: 12px; } .soiDiscountText { COLOR: #FF0000; FONT-WEIGHT: bold; } .actwelcome { color: #FFFFFF; font-weight: bold; } .imageContainer { position: relative; top: 0; left:0; } .productMain { position: relative; top: 0; left: 0; } .productClear { width: ; height: ; position: absolute; top: 0; left: 0; } #socialMedia { position:absolute; right: -138px; bottom: 15px; width: 275px; Align: left; } .hiddenDiv{ display:none; } .hiddenText { text-align:center;  display:inline-block;  width:100%; } /***  Cookie box  ***/ #cooktab { position: absolute; top:0px; left:0px; width:100%; height:auto; background:#001833; opacity:.80; -ms-filter: "alpha(opacity=80)"; filter: alpha(opacity=80); -khtml-opacity: .80; -moz-opacity: .80;	 font-size:14px; color:#FFFFFF; text-align:	center; z-index:1000; } #cooktab p { font-size:14px; display: inline; } #cooktab a {color:white; text-decoration:none;} #cooktab a:hover {color:white; text-decoration:underline;} #inwardly { position:relative; height:auto; width:90%; padding:12px; margin-left:auto; margin-right:auto; font-family: Georgia, "Times New Roman", Times, serif; } span.byebye {cursor:pointer;color: #fff; text-decoration:underline; } span:hover.byebye {text-decoration:underline; } /* ########################################### Nutrition Table ############################################*/ .nutritionCenter { margin-left: auto; margin-right: auto; width: 75%; } .nutritionTable { margin:0px;padding:0px; box-shadow: 5px 5px 3px #888888; border: 1px solid #f1791a !important; -moz-border-radius-bottomleft:14px; -webkit-border-bottom-left-radius:14px; border-bottom-left-radius:14px; -moz-border-radius-bottomright:14px; -webkit-border-bottom-right-radius:14px; border-bottom-right-radius:14px; -moz-border-radius-topright:14px; -webkit-border-top-right-radius:14px; border-top-right-radius:14px; -moz-border-radius-topleft:14px; -webkit-border-top-left-radius:14px; border-top-left-radius:14px; overflow: hidden; } .nutritionTable table{ border-collapse: collapse; border-spacing: 0; width:100%; height:100%; margin:0px;padding:0px; } .nutritionTable tr:last-child td:last-child { -moz-border-radius-bottomright:14px; -webkit-border-bottom-right-radius:14px; border-bottom-right-radius:14px; } .nutritionTable table tr:first-child td:first-child { -moz-border-radius-topleft:14px; -webkit-border-top-left-radius:14px; border-top-left-radius:14px; } .nutritionTable table tr:first-child td:last-child { -moz-border-radius-topright:14px; -webkit-border-top-right-radius:14px; border-top-right-radius:14px; }.nutritionTable tr:last-child td:first-child{ -moz-border-radius-bottomleft:14px; -webkit-border-bottom-left-radius:14px; border-bottom-left-radius:14px; } .nutritionTable tr:hover td{background-color:#ffffff;} .nutritionTable td{ vertical-align:middle;	 background-color:#ffffff !important; border:1px solid #f1791a !important; border-width:0px 1px 1px 0px !important; text-align:left !important; padding:7px !important; font-size:12px; font-family:Verdana; font-weight:normal; color:#000000; } .nutritionTable tr:last-child td{border-width:0px 1px 0px 0px !important;} .nutritionTable tr td:last-child{border-width:0px 0px 1px 0px !important;} .nutritionTable tr:last-child td:last-child{border-width:0px 0px 0px 0px !important;} .nutritionTable tr:first-child td{ background:-o-linear-gradient(bottom, #fc8819 5%, #dc6219 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fc8819), color-stop(1, #dc6219) ); background:-moz-linear-gradient( center top, #fc8819 5%, #dc6219 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fc8819", endColorstr="#dc6219");	background: -o-linear-gradient(top,#fc8819,dc6219); background-color:#fc8819; border:0px solid #f1791a; text-align:center; border-width:0px 0px 1px 1px !important; font-size:14px; font-family:Verdana; font-weight:bold; color:#FFF; } .nutritionTable tr:first-child:hover td{ background:-o-linear-gradient(bottom, #fc8819 5%, #dc6219 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fc8819), color-stop(1, #dc6219) ); background:-moz-linear-gradient( center top, #fc8819 5%, #dc6219 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fc8819", endColorstr="#dc6219");	background: -o-linear-gradient(top,#fc8819,dc6219); background-color:#fc8819; } .nutritionTable tr:first-child td:first-child{border-width:0px 0px 1px 0px !important;} .nutritionTable tr:first-child td:last-child{border-width:0px 0px 1px 1px !important;} /*End Nutrition table ****************************************/ /* Mobile Only Styles, hidden on desktop */ .mob_catheading { display:none; } .mob_cartlink { display:none; } .collapse1 { display:block !important; } .btn_desktop_display { float:left; width:50%; } .btn_desktop_display_right { float:right; width:40%;} .mob_progress, .mob_filters, #collapse2, .mob_checkout { display:none; } /* ########################################### Media Queries ############################################*/ /**************************************************** Smart Phones Portrait *****************************************************/ @media only screen and (max-width: 479px) { body { width:98%; background-color: #f7f4ee;	 overflow-x: hidden; -webkit-overflow-scrolling:touch;  } #siteCont { background:#ffffff; overflow-x: hidden; overflow-y: hidden; width:98%; padding:5px; margin:0 auto; position:relative; } .headerCont { clear:both; background:none; width:100%; } #logoCont { clear:both; text-align:center; padding:10px 0; } #siteNavCont { clear:both; width:100% !important; height:auto;} #searchCont { clear:both; width:100%; } #newsletterCont { clear:both !important; width:100% !important; height:auto; } .searchFormDiv {line-height:60px; width:100%; } .extralargesearchbox { background:url('search-box-bg-mobile.png') no-repeat; width:294px !important; line-height:100%; } .extralargesearchbox_btn { right:4px; } #cartContCentre { margin: 0 auto; width: 50% } #main { max-width:94% !important; position:relative !important; } #freeDeliveryImage { width: 254px; background: url("free-delivery-mobile.gif") top right no-repeat; } #cartCont { clear:both; margin: 0 auto; float: left; } #left {display:none; } #right {display:none; } #footerLinksCont {display:none; } .product-list table td, .fragment-list table td, .section-list table td {width: 100%; } .section-link-details { clear:both; } .navigation-bar { clear:both; } .logoimage { position:relative; top:auto; left:auto; width:100%; } .product-list td, .section-list td { float:left; clear:both; width:90%; } #recenthtlist { display: none !important; } .alsoBought { display: none !important; } .subnav { display:none; } .sd2014_carticon { } .cartdetails, .sd2014_cartsummary_btns { display:none; } .sd2014_cartsummary { width:auto; position:absolute; top:0px; right:5px;} .headerCont .housekeeping { display:none; } .headerCont { padding:0; } .sf_suggestion, .sf_suggestion ul { width:280px !important; } /* Put mega menu into 1 col, hide sub sections */ .navigation-bar { background:none; height:auto;} .navigation-bar ul { float:none; } .navigation-bar ul li { background:none; float:none; display:block; } .navigation-bar ul li a:link, .navigation-bar ul li a:visited { color:#fff; padding-left:9px; width:97%; } .navigation-bar ul li a { float:none; } .navigation-bar ul li div {display:none; visibility:hidden; } /* Mobile Navigation Styling */ .navigation-bar ul li a { display:block; background:#c20000; margin:3px 0; padding:3px; width:100%; } .navigation-bar { width:99%; margin:5px 0 5px 0; } .navigation-bar ul li a { padding:0; } .navigation-bar ul li a:hover { border:none; color:#c20000; } #collapse1  {display:none; } .nav-toggle { background:#ef7b24; border:2px solid #ffffff; text-align:center; border-radius:5px; padding:5px 10px; color:#ffffff; font-weight:bold; position:absolute; top:7px; right:5px; font-family:Arial, Helvetica, sans-serif;} /* hide columns / and content */ .recent-products { display:none !important; } .desktop_filters { display:none; } .desktop_checkout { display:none; } /* make content area full width */ .content-area {float:none; width:100%; } h2.featuredheading { width:97%; } .featbox { margin-bottom:10px; } /* Overide Flex Slider Styles */ .flexslider { height:auto !important; width:98% !important; background:none !important; border:1px solid #ccc; border-radius:0px !important; } .fragment-text { padding:0 0 5px 0; } .content-minus-two { padding:0; margin:0;} .slidermargin { margin:0; } #left-area { margin:0; width:100% !important; float:none;} #left { float:none; width:100%;  } #right { float:none; width:100%; } .sidebar-element { width:100%; } .sidebar-element-social { width:100%; float: left; } /* Filtering */ .mob_filters { display:block; } .collapse2 { display:block; } .sidebar-filter-element { width:100%; } .sidebar-filter-element h2 { padding:0; background:none !important; height: auto !important; border:none; line-height:100%; } .mob_filters h2 { display:block; padding:5px 0 5px 5px; margin:0; width:98%; /*background:#2aaf6d; */ color:#ffffff; font-weight:normal; font-size:20px; } .filter-text { color:#333333; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; } .filter-list { padding-bottom:0; } /* Footer */ .footer-area { width:300px; padding:5px; border:none; } .footercol { width:100%; } .footer-grey { width:300px; padding:5px; } .footercol { margin:0; } /* Homepage Styles */ .featbox { width:30%; } .featbox_img {width:auto;} .upsellcontainer { width:22%; margin-bottom:10px; } .upsell_img {width:auto; height:78px; display:table-cell;	vertical-align:middle; text-align:center; } .content-area h1 { font-size:30px; } .content-area .marketing-list .product-image img { width:60px; } /* Mobile Only Styles */ .mob_catheading {  display:block;  /*background:#c20000; */ color:white; font-size:20px; padding:5px 0 5px 5px; margin:0; width:99%; position:relative; font-family:'pacificoregular', Arial, Helvetica, sans-serif; /* Heading Drop Shadow */ box-shadow:0 3px 3px 0px #9e9e9e; moz-box-shadow:0 3px 3px 0px #9e9e9e; -webkit-box-shadow:0 3px 3px 0px #9e9e9e; } a.mob_cartlink:link, a.mob_cartlink:visited, a.mob_cartlink:active {  display:block;  float:right;  text-decoration:underline;  color:#333333; font-size:11px; padding-top:10px; } a.mob_cartlink:hover { text-decoration:underline; color:#c20000;} .mb_search_table { table-layout:fixed; width:290px !important; } /* Checkout / Shopping Cart Styles */ .mob_checkout { display:block; } table.checkout-cart { width:100%;} table.checkout { width:100%; table-layout:fixed} table.checkout-cart td { padding:3px; } .mob_qty input { width:10px; } .btn_desktop_display { float:none; width:100%; } .btn_desktop_display_right { float:none; width:100%;} .btn_desktop_display td { padding:4px 0; } table.checkout-cart th { padding:3px; } .checkout-login-button { border:none; } .checkout-field-input select, .InvoiceField select, .DeliverField select, .checkout-field-input input, .InvoiceField input, .DeliverField input { width:90%; border:1px solid #ccc; } div.checkout-buttons { width: 100%; } table#idBothAddressesTable.checkout select { width:100%; } a.checkout-checkoutbg { font-size:11px; border-width:1px; padding:3px; } .CheckoutProgress {display:none; } .mob_progress { font-size:14px; color:#c20000; font-weight:bold; display:block; padding:5px 0;} /* Other SellerDeck Pages */ #contact-body .input-text { border:1px solid #ccc; width:90%; } #contact-body textarea { border:1px solid #ccc; width:100%; } .recaptcha_image_cell { width:100% !important; } .recaptchatable #recaptcha_response_field { width:100% !important; } .recaptchatable .recaptcha_image_cell center img #idTblLogin, #search-body, #contact-body { padding:0; } #search-body { width:95%; padding:0px 5px; } #search-body table { margin:0; table-layout:fixed; width:100%; } } /**************************************************** This is meant to be for mobile devices landscape *****************************************************/ @media only screen and (min-width: 480px) and (max-width: 767px) { body { width:98%; background-color: #f7f4ee;	 overflow-x: hidden; -webkit-overflow-scrolling:touch;  } #siteCont { background:#ffffff; overflow-x: hidden; overflow-y: hidden; width:98%; padding:5px; margin:0 auto; position:relative; } .headerCont { clear:both; background:none; width:100%; } #logoCont { text-align:center; padding:10px 0; } #siteNavCont { width:100% !important; height:auto;} #searchCont { width:300px; } #newsletterCont { width:250px !important; height:auto; } .searchFormDiv {line-height:60px; width:100%; } .extralargesearchbox { background:url('search-box-bg-mobile.png') no-repeat; width:294px !important; line-height:100%; } .extralargesearchbox_btn { right:4px; } #cartContCentre { margin: 0 auto; width: auto; } #main { width:98%; position:relative !important; } #freeDeliveryImage { width: 553px; background: url("free-delivery.gif") top right no-repeat; } #cartCont { margin: 0 auto; float: left; } #left {display:none; } #right {display:none; } #footerLinksCont {display:none; } .product-list table td, .fragment-list table td, .section-list table td {width: 100%; } .section-link-details { clear:both; } .navigation-bar { clear:both; } .logoimage { position:relative; top:auto; left:auto; width:100%; } .product-list td, .section-list td { float:left; clear:both; width:90%; } #recenthtlist { display: none !important; } .alsoBought { display: none !important; } /* Put mega menu into 1 col, hide sub sections */ .navigation-bar { background:none; height:auto;} .navigation-bar ul { float:none; } .navigation-bar ul li { background:none; float:none; display:block; } .navigation-bar ul li a:link, .navigation-bar ul li a:visited { color:#fff; padding-left:9px; width:97%; } .navigation-bar ul li a { float:none; } .navigation-bar ul li div {display:none; visibility:hidden; } /* Mobile Navigation Styling */ .navigation-bar ul li a { display:block; background:#c20000; margin:3px 0; padding:3px; width:100%; } .navigation-bar { width:100%; margin:5px 0 5px 0; } .navigation-bar ul li a { padding:0; } .navigation-bar ul li a:hover { border:none; color:#c20000; } #collapse1  {display:none; } .nav-toggle { background:#ef7b24; border:2px solid #ffffff; text-align:center; border-radius:5px; padding:5px 10px; color:#ffffff; font-weight:bold; position:absolute; top:7px; right:5px; font-family:Arial, Helvetica, sans-serif;} /* hide columns / and content */ .desktop_filters { display:none; } .desktop_checkout { display:none; } .recent-products { display:none; } /* make content area full width */ .content-area {float:none; width:100%; } h2.featuredheading { width:97%; } .featbox { margin-bottom:10px; } /* Overide Flex Slider Styles */ .flexslider { height:auto !important; width:98% !important; background:none !important; border:1px solid #ccc; border-radius:0px !important; } .fragment-text { padding:0 0 5px 0; } .content-minus-two { padding:0; margin:0;} .slidermargin { margin:0; } .main { max-width:auto; position:relative; } #left-area { margin:0; width:100% !important; float:none;} #left { float:none; width:100%;  } #right { float:none; width:100%; } .sidebar-element { width:100%; } .sidebar-element-social { width:100%; float: left;} /* Filtering */ .mob_filters { display:block; } .collapse2 { display:block; } .sidebar-filter-element { width:100%; } .sidebar-filter-element h2 { padding:0; background:none !important; height: auto !important; border:none; line-height:100%; } .mob_filters h2 { display:block; padding:5px 0 5px 5px; margin:0; width:98%; /*background:#2aaf6d;*/ color:#ffffff; font-weight:normal; font-size:20px; } .filter-text { color:#333333; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; } .filter-list { padding-bottom:0; } /* Footer */ .footer-area { width:450px; padding:5px; border:none; } .footercol { width:100%; } .footer-grey { width:450px; padding:5px; } .footercol { margin:0; } .footer-area li a { font-size:12px; } /* Homepage Styles */ .featbox { width:31%; } .featbox_img {width:auto;} .upsellcontainer { width:23%; } .upsell_img {width:auto; height:78px; display:table-cell;	vertical-align:middle; text-align:center; } .content-area h1 { font-size:30px; } .content-area .marketing-list .product-image img { width:60px; } /* Mobile Only Styles */ .mob_catheading {  display:block;  /*background:#c20000; */ color:white; font-size:20px; padding:5px 0 5px 5px; margin:0; width:98%; position:relative; font-family:'pacificoregular', Arial, Helvetica, sans-serif; /* Heading Drop Shadow */ box-shadow:0 3px 3px 0px #9e9e9e; moz-box-shadow:0 3px 3px 0px #9e9e9e; -webkit-box-shadow:0 3px 3px 0px #9e9e9e; } a.mob_cartlink:link, a.mob_cartlink:visited, a.mob_cartlink:active {  display:block;  float:right;  text-decoration:underline;  color:#333333; font-size:11px; padding-top:10px; } a.mob_cartlink:hover { text-decoration:underline; color:#c20000;} /* Checkout / Shopping Cart Styles */ .mob_checkout { display:block; } table.checkout-cart { width:100%;} table.checkout { width:100%; table-layout:fixed} table.checkout-cart td { padding:3px; } .mob_qty input { width:10px; } .btn_desktop_display { float:none; width:100%; } .btn_desktop_display_right { float:none; width:100%;} .btn_desktop_display td { padding:4px 0; } table.checkout-cart th { padding:3px; } .checkout-login-button { border:none; } .checkout-field-input select, .InvoiceField select, .DeliverField select, .checkout-field-input input, .InvoiceField input, .DeliverField input { width:90%; border:1px solid #ccc; } div.checkout-buttons { width: 100%; } table#idBothAddressesTable.checkout select { width:100%; } a.checkout-checkoutbg { font-size:11px; border-width:1px; padding:3px; } .CheckoutProgress {display:none; } .mob_progress { font-size:14px; color:#c20000; font-weight:bold; display:block; padding:5px 0;} /* Other SellerDeck Pages */ #contact-body .input-text { border:1px solid #ccc; width:90%; } #contact-body textarea { border:1px solid #ccc; width:100%; } .recaptcha_image_cell { width:100% !important; } .recaptchatable #recaptcha_response_field { width:100% !important; } .recaptchatable .recaptcha_image_cell center img #idTblLogin, #search-body, #contact-body { padding:0; } #search-body table { margin:0; table-layout:fixed; width:100%;} } /**************************************************** iPad Portrait *****************************************************/ @media screen and (min-width: 768px) and (max-width: 959px) {  #left {display:none; } #right {display:none; } #footerLinksCont {display:none; } #siteNavCont { width:100% !important; height:auto;} #cartCont { margin: 0 auto; float: left; } #searchCont { width:300px; } #newsletterCont { width:250px !important; height:auto; } .searchFormDiv {line-height:60px; width:100%; } .extralargesearchbox { background:url('search-box-bg-mobile.png') no-repeat; width:294px !important; line-height:100%; } .navigation-bar { height: 72px; background-color:#2aaf6d; clear:both; background:none;} #main { width:98%; position:relative !important; } .navigation-bar ul li div { top:36px; } #freeDeliveryImage { width: 553px; background: url("free-delivery.gif") top right no-repeat; } body { width:95%; } #siteCont{ width:98%; } .headerCont { padding:10px 0; } .navigation-bar ul li a { padding:0 6px; } .footer-area { width:88%; } .footercol { width:31%; margin-right:10px; } .verylarge { font-size:30px; } #left-area { width:98%; } .content-minus-two { /*max-width:490px;*/ width:71.5%; margin:0; } #right { display:none;  } .extralargesearchbox { line-height:100%; } .headerCont .housekeeping { display:none; } .sd2014_cartsummary { top:0px; } .footer-grey { width:89%; } /* #left { margin-top:10px; width:21%;} */ /* Homepage Styles */ .featbox { width:31.2%; } .featbox_img { width:100%; } h2.featuredheading { width:98.7%; max-width:100%; } .upsellcontainer { width:23.4%; } .upsell_img { width:120px; display:table-cell;	vertical-align:middle; text-align:center;} .flexslider { margin:-bottom:10px !important; background:none !important; height:auto !important; width:99% !important; } /* Checkout Styles */ table.checkout { width:100%; table-layout:fixed; } table.checkout-cart { width:100%; } .btn_desktop_display { float:none; width:30%; text-align:center; } .btn_desktop_display_right { float:none; width:30%; text-align:center;} .btn_desktop_display td { padding:4px 0; } .CheckoutProgress {display:none; } .mob_progress { font-size:14px; color:#c20000; font-weight:bold; display:block; padding:5px 0;} div.checkout-buttons { width:100%; } .checkout-field-input select, .InvoiceField select, .DeliverField select, .checkout-field-input input, .InvoiceField input, .DeliverField input { width:90%; } table#idBothAddressesTable.checkout select { width: 95%; } } /**************************************************** Tablet Landscape - Devices and Browsers  *****************************************************/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .navigation-bar { height: 72px; background-color:#2aaf6d; clear:both; background:none;} .navigation-bar ul li div { top:41px; } #right {display:none; } #footerLinksCont {display:none; } body { } } /**************************************************** 1024 resolution Desktop Styles *****************************************************/ @media only screen and (min-width: 960px) and (max-width: 1050px) { .navigation-bar { height: 72px; background-color:#2aaf6d; clear:both; background:none;} .navigation-bar ul li div { top:41px; } #right {display:none; } #footerLinksCont {display:none; } body { width:95%; } #siteCont { max-width:960px; width:98%; } /* Column Widths */  .content-minus-two { width:74%; } /* #right { margin-right:10px; width:17.5%; } #left-area { width:80%; } #left { width:20%;} */ .flexslider { width:99% !important; } .featbox { width:31.40%;; } .featbox_img { width:100%; } .lastbox { margin-right:0 !important; } .content-area .fragment-list h2, h2.featuredheading { width:98.6%; } .upsellcontainer { width:23.57%; } .upsell_img  { width:120px; } .footer-area { max-width:940px; width:93%; } .footer-grey { max-width:940px; width:93%; } .footercol { width:260px; } .extralargesearchbox { line-height:100%; } /* Checkout Styles */ table.checkout, .table.checkout-cart { width:100%; } } /**************************************************** iPad / Tablet Landscape,  only shows on tablet not on website  *****************************************************/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { body { } #siteCont{ width:98%; } .headerCont { padding:10px 0; } .footer-area { width:94%; } .footercol { width:31%; margin-right:10px; } /* #left-area { width:80%; } #left { width:160px;} */ .content-minus-two {max-width:580px !important; width:100%; margin:0; } #right { margin-right:10px; width:160px; } .extralargesearchbox { line-height:100%; } #footerLinksCont {display:none; } /* Checkout Styles */ table.checkout { width:100%; table-layout:fixed; } table.checkout-cart { width:100%; } table.CheckoutProgress { width:100%; } .checkout-field-input select, .InvoiceField select, .DeliverField select, .checkout-field-input input, .InvoiceField input, .DeliverField input { width:90%; } table#idBothAddressesTable.checkout select { width:90%; } div.checkout-buttons { width:100%; } /* Homepage Only Styles */  .featbox { width:183px; } .featbox_img { width:100%; } h2.featuredheading { width:100%; max-width:590px; } .upsellcontainer { width:137px; } .upsell_img { width:100%; } .lastbox { width:184px; } .product-details {position:relative;} .dsPosition, .dsPositionListStyle { position:absolute; right:10px; z-index:1; } .dsListStyleProductLayout { position:relative; z-index:9999; } .dsColumnCount2 .dsPosition , .dsColumnCount3 .dsPosition, .dsColumnCount3 .dsPositionListStyle { float:right !important; position:relative; right:0; } .dsColumnCount2 .dsPosition {width:38% !important;} .dsColumnCount3 .dsPosition, .dsColumnCount3 .dsPositionListStyle {width:10% !important;} .dsColumnCount3 .product-details a h3 {width:50%;} .dsColumnCount3 .dsListStyleProductLayout a h3 { width:45% !important; position:absolute; top:10px; } .product-details span[id^="RemoveIfOutOfStock"] { float:left; clear:both; } .dsFloatLeft, .dsImageOnRightTextWrappedAround, .dsListStyleProductLayout {float:left;} .dsClassicProductLayout, .dsImageOnLeftTextWrappedAround, .dsImageOnLeftTextInColumn, .dsRegularProductSummary {float:right !important;} .dsImageOnRightTextWrappedAround, .dsImageOnLeftTextWrappedAround, .dsClassicProductLayout, .dsImageOnLeftTextInColumn, .dsListStyleProductLayout, .dsRegularProductSummary { clear:none !important; width:68% !important; } .dsImageOnLeftTextInColumn div, .dsImageOnLeftTextInColumn p.quantity-box, .dsImageOnLeftTextInColumn  p.cart-button-placement, .dsImageOnLeftTextInColumn  p.product-text, .dsImageOnLeftTextInColumn  p {margin:0 !important;} } /***************************************** /* Social Media */ .follow-buttons, .share-buttons { vertical-align: top; padding: 0; height: 28px; } .follow-buttons { float: right; clear: right; } .follow-buttons, .social-badges { margin: 10px; } .social-badges { clear: left; } .social-badges img { padding: 0 3px; border: none; } .twitter-follow-button, .twitter-share-button, .fb-like, .fb-send, a.pin-follow { float: left; vertical-align: top; margin: 0 4px 0 0; } .fb-share { float: left; vertical-align: top; margin: 0 0 0 -10px; padding: 0; } .fb-follow { float: left; vertical-align: top; margin: 0 10px 0 0; width: 56px; text-align: left; } .g-follow, .g-ytsubscribe { float: left; margin: 0 4px 0 0; } a.pin-button img { border: 0; } .embedded-map { margin: 20px 0; } .embedded-map iframe { border: 1px #c20000 solid; } fieldset.quantity-box, fieldset.product-prompt { border: 0; } .sidebar .product-list-text { text-align: center; overflow: hidden; padding: 0 10px 10px 10px; } .sidebar .product-list-text a:link { color: #c20000; font-weight: bold; float: left; width: 100%; } .sidebar .product-list-text p { font-size: 14px; padding: 0; float: left; width: 100%; } .sidebar .product-list-text p.product-price { margin: 0 0 10px 0; }