@charset "UTF-8"; /* begin general styles for all themes */ body {margin: 0px; padding: 0px; background-image: url('site-bg.jpg'); background-repeat: repeat; background-color: #226; font-family: Tahoma, Geneva, sans-serif; color: #000099; font-size: 11px;} extbody {background-color: #FFF;} p, table, td, th {font-family: Tahoma, Geneva, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #000099; margin-top: 10px;} form {margin: 0px;} a:link {color: #000099; text-decoration: none;} a:visited {color: #000099; text-decoration: none;} a:hover {color: #0000ff; text-decoration: underline;} a:active {color: #0000ff; text-decoration: underline;} a.checkout-checkoutbg {margin-right: 10px; padding-top: 0px; padding-bottom: 3px; padding-left: 8px; padding-right: 8px; border: #999999 1px solid; border-top: #999999 1px solid; border-right: #999999 1px solid; border-bottom: #999999 1px solid;} a.checkout-checkoutbg:link {color: #FFF; text-decoration: none;} a.checkout-checkoutbg:visited {color: #FFF; text-decoration: none;} a.checkout-checkoutbg:hover {color: #FFF; text-decoration: underline;} a.checkout-checkoutbg:active {color: #FFF; text-decoration: underline;} a.checkout-textcolor:link {color: #000099; text-decoration: none;} a.checkout-textcolor:visited {color: #000099; text-decoration: none;} a.checkout-textcolor:hover {color: #0000ff; text-decoration: underline;} a.checkout-textcolor:active {color: #0000ff; text-decoration: underline;} ul {list-style-type: square;} /* Generic text formatting used throughout the store ---------------------------- */ .actCHECKOUTEM {background-color: #999999;} .actCHECKOUTBG {background-color: #eeeeee;} .actlarger {font-size: 13px; color: #000099;} .actsmaller {font-size: 10px; color: #000099;} .actxxsmall {font-size: 10px; color: #000099;} .actxsmall {font-size: 11px; color: #000099;} .actsmall {font-size: 11px; color: #000099;} .actregular {font-size: 13px; color: #000099;} .actcontent {font-size: 13px; color: #000099; line-height: 140%; padding: 0px;} .actcontent a {color: #0000ff; text-decoration: underline;} .actcontent a:hover {color: #ff0000; text-decoration: underline;} .actlarge {font-size: 16px; color: #000099;} .actxlarge {font-size: 20px; color: #000000;} .actxxlarge {font-size: 20px; color: #000000;} .actwarningcolor {color: #cc0000;} .actrequiredcolor {color: #cc0000;} .actsearchhighlightcolor {color: #cc0000;} .actrequired {color: #cc0000;} .actwarning {font-size: 11px; color: #cc0000;} .actwelcome {font-size: 11px; color: #000000;} .actlogotext {font-size: 11px; color: #D9090E; font-style: normal; font-weight: bold; text-align: center;} .actlogout {font-size: 11px; color: #cc0000;} .page-heading h1 {width: 100%; border-bottom: 1px solid #333333;} /* Boxes and borders ------------------------------------------- */ .thinborder1 {border: 1px solid #333333;} .thinborder2 {border: 1px solid #990000;} .thinred {border: solid 1px #333333; border-top: 0px;} .thinred2 {border: solid 1px #990000; border-top: 0px;} .boxheading {font-weight: bold; text-transform: uppercase; color: #FFF;} a.boxlink:link {color: #FFF; text-decoration: none;} a.boxlink:visited {color: #FFF; text-decoration: none;} a.boxlink:hover {color: #FFF; text-decoration: underline;} a.boxlink:active {color: #FFF; 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: #FFF; 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;} /* Shopping cart and checkout fields ------------------------------------------- */ 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; font-size: 13px; background-color: #eeeeee; border-top: solid 1px #999999; border-bottom: solid 1px #999999; padding: 2px 2px;} 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: ; background-image: url('silver-theme-nav-bar-bg.jpg'); background-repeat: repeat-x; font-size: 13px; font-weight: normal; color: #FFF; text-align: left; padding: 3px 5px 6px; border-bottom: solid 3px #FFF;} table.checkout th.instruction {font-size: 11px; font-weight: normal;} table.checkout th.change {font-size: 11px; font-weight: bold; padding: 0px 0px; text-align: right;} .checkout-change-button {line-height: 13px; height: 20px; width: 86px; margin: 0px 5px 0px 0px; padding: 0px 0px 2px 14px; font-size: 11px; background-color: #222266; border: 0px solid #333333; color: #FFF; background-image: url('addtobasket.gif'); background-repeat: no-repeat; word-spacing: normal;} .checkout-login-button {line-height: 13px; height: 15px; width: 70px; margin: 20px 0px 20px 0px; padding: 3px 20px 2px 0px; font-size: 11px; background-color: #990000; border: 1px solid #333333; color: #FFF; background-image: url('theme_icon_add_to_cart.jpg'); word-spacing: normal;} .checkout-login-button a {padding-left: 25px; color: #FFF; text-decoration: none;} table.checkout td {background-color: #eeeeee; border-right: solid 1px #FFF; border-bottom: solid 1px #FFF; padding: 2px 2px;} table.checkout#idBothAddressesTable col {width: auto;} td#idCheckoutHelpLabel, table.checkout#idBothAddressesTable col.prompt {width: 130px;} .cart {background-color: #eeeeee; border-bottom: solid 1px #999999;} .checkout-cartheading {font-weight: bold; background-color: #eeeeee; border-top: solid 1px #999999; border-bottom: solid 1px #999999;} .cartheading {background-color: #eeeeee; font-weight: bold; color: #000099; border-bottom: solid 1px #999999;} h2.checkout-heading {background-image: url('silver-theme-nav-bar-bg.jpg'); background-repeat: repeat-x; font-size: 13px; font-weight: bold; color: #FFF; padding: 5px 2px; border-bottom: solid 3px #FFF;} h3.checkout-heading {padding: 5px 0px 6px 3px; background-image: url('silver-theme-nav-bar-bg.jpg'); background-repeat: repeat-x; font-size: 13px; font-weight: normal; color: #FFF; border-bottom: solid 3px #FFF;} .checkout-subheading {font-weight: bold; padding: 0; margin: 0;} img.cartthumbnail {border: 0px; margin-left: 2px; margin-right: 2px; width: 25px;} .button-wrapper {display: inline-block; background: url('button_background_right.jpg') right no-repeat; padding: 0 10px 0 0;} .button {background: url('button_background_left.jpg') left no-repeat; cursor: pointer; color: #FFF; padding: 0 0 0 10px; margin: 0; border: 0; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; font-weight: bold;} .cart-button {height: 28px;} .form_button_add_to_cart {height: 20px; width: 86px;} input.normal-button {font-family: Tahoma, Geneva, sans-serif; font-size: 13px; font-weight: bold; color: #FFF; background: #222266; padding: 5px; border: solid 1px #000000;} input.highlight-button {font-family: Tahoma, Geneva, sans-serif; font-size: 13px; font-weight: bold; color: #FFF; background: #222266; padding: 5px; border: solid 1px #000000;} .checkout-field-input {width: auto;} .checkout-field-input input, .checkout-field-input select {font-family: Tahoma, Geneva, sans-serif; font-size: 13px; color: #000000; background-color: #FFF; padding: 2px;} .InvoiceField input, .InvoiceField select {font-family: Tahoma, Geneva, sans-serif; font-size: 13px; color: #000000; background-color: #FFF; padding: 2px;} .DeliverField input, .DeliverField select {font-family: Tahoma, Geneva, sans-serif; font-size: 13px; color: #000000; background-color: #FFF; padding: 2px;} input.checkbox {background-color: #eeeeee; border: 0;} .checkout-field-area {background: #eeeeee; border-bottom: solid 2px #FFF;} .checkout-field-area p {margin: 0; padding: 4px;} .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 {margin: 0px auto;} #checkout-progress-indicator {background-image: url('cpi-background-new.jpg'); margin: 0 auto 0px auto;} .checkout-progress-0 {background-color: #333333; background-image: url('cpi-main-new.jpg'); float: left;} .checkout-progress-1 {background-color: #333333; background-image: url('cpi-main-new.jpg'); float: left;} .checkout-progress-2 {background-color: #333333; background-image: url('cpi-main-new.jpg'); float: left;} .checkout-progress-3 {background-color: #333333; background-image: url('cpi-main-new.jpg'); float: left;} #checkout-progress-indicator .cpi-end {width: 8px; padding: 0; margin: 0; border: 0; height: 26px; background-image: url('cpi-main-new.jpg'); 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: 26px; text-align: center;} table#idCheckoutProgress td.cpi-left {background-image: url("cpi-main-new.jpg"); color: white;} table#idCheckoutProgress td.cpi-complete {background-image: url("cpi-main-new.jpg"); color: white;} table#idCheckoutProgress td.cpi-incomplete {background-image: url("cpi-background-new.jpg"); color: black;} table.CheckoutProgress {border-collapse: collapse; margin-bottom: 10px;} table.CheckoutProgress td {padding: 0px 0px; background-repeat: repeat-x; background-color: transparent; height: 26px; text-align: center;} table.CheckoutProgress td.cpi-start {background-image: url("cpi-main-new.jpg"); width: 8px;} table.CheckoutProgress td.cpi-inactive {background-image: url("cpi-main-new.jpg"); color: #FFF;} table.CheckoutProgress td.cpi-active {background-image: url('cpi-background-new.jpg'); font-weight: bold; color: #000099;} table.CheckoutProgress td.cpi-end {background-image: url("cpi-main-new.jpg"); width: 8px;} table.CheckoutProgress td.cpi-spacer {background-image: url("cpi-main-new.jpg"); width: auto;} /* Formatting for the site map -------------------------------------------- */ #actinic-sitemap {margin-left: 5px;} #actinic-sitemap ul {margin-bottom: 0; padding-bottom: 0;} /* Formatting for Feefo customer feedback --------------------------------- */ .feefositelogo {margin-top: 10px; text-align: center;} .feefoproductlogo {margin-top: 10px;} /* Recently Viewed Products List Style ------------------------------------ */ /* 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: 5px 0px 0px 0px;} /* headings ----------------------------------------------------------------------------- */ h1 {font-size: 20px; font-weight: bold; margin: 0px; padding: 10px 0px 10px 0px; color: #000099;} h1.subheading {font-size: 13px; font-weight: normal; margin: 0px; padding: 0px 0px 14px 0px; color: #000099;} h2 {font-size: 15px; font-weight: bold; margin: 0px; padding: 2px 0px 14px 0px; color: #000099;} h2.clearall {font-size: 16px; font-weight: normal; margin: 0px; padding: 2px 0px 14px 0px; color: #990000; clear: both;} h3.product {font-size: 13px; font-weight: normal; margin: 0px; padding: 0px 0px 0px 0px; color: #000099;} .product a {color: #000099;} .product a:hover {color: #000099; text-decoration: none;} h3.product_price {font-size: 11px; font-weight: 900; margin: 0px; padding: 0px 0px 20px 0px;} .text_heading_left_column {margin: 0px; padding: 19px 0px 4px 0px; line-height: normal; color: #000099; font-weight: 900; font-size: 13px;} /* Default formatting of all text boxes used in store pages ---------------- */ .form_input_general {line-height: normal; font-size: 11px; word-spacing: normal;} /* Styles for 'Quick Search Bar With Larger Button' ------------------------ */ .form_main_search_box {line-height: 13px; margin: 0px 1px 0px 1px; padding: 0px 0px 0px 2px; font-size: 11px; background-color: #eeeeee; border: 1px solid #eeeeee; color: #000000; vertical-align: top;} .form_main_search_box_td {background-color: #990000} .form_button_quick_search {line-height: 13px; margin: 1px 1px 1px 1px; padding: 0px 0px 0px 12px; font-size: 11px; background-color: #990000; border: 1px solid #333333; color: #FFF; 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: 6px 0px 6px 0px;} p.text_product_small_info_heading {margin: 0px; padding: 0px 0px 12px 0px; line-height: normal; color: #000099; font-weight: bold; text-align: center; font-size: 15px;} p.text_product_small_info_heading a {color: #000099;} p.text_product_small_info_heading a:hover {color: #000099; text-decoration: none;} .text_product_small_info_price {margin: 0px; padding: 10px 0px 0px 0px; line-height: normal; font-weight: 900; font-size: 12px;} .best_selling_items {padding: 10px; background-color: #FFF;} .best_selling_items_spacing {padding: 0px 0px 10px 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 0px 10px 0px; text-align: center; float: center;} .product-image {padding-right: 10px;} /* Links to sections and pages in sidebar menus on some themes -------------------------------------*/ ul.products {line-height: normal; padding: 0px 0px 0px 1px; margin: 3px 0px 4px 15px; font-size: 11px; color: #cc0000;} a.product_section:visited {color: #cc0000; text-decoration: none;} a.product_section:link {color: #cc0000; text-decoration: none;} a.product_section:active {color: #cc0000; text-decoration: none;} a.product_section:hover {color: #000000; text-decoration: none;} /* lines -------------------------------------------------------------------------------- */ .dotted_line_blue {height: 1px; background-color: #5050bb; background-image: url('theme_dotted_line.gif'); clear: both;} .solid_line_light_blue {height: 1px; padding: 0px; margin: 0px; background-color: #5050bb; clear: both;} .solid_line_blue {height: 1px; padding: 0px; margin: 0px; background-color: #5050bb; clear: both;} .dotted_outline_blue {border: 1px dotted #5050bb; padding: 8px;} /* Styles for 'Compact Parent Section List' ------------------------ */ .text_breadcrumbs {font-size: 10px; color: #000099; margin: 0px; line-height: normal; padding: 2px 0px 10px 0px;} a.link_breadcrumbs:visited {color: #000099; text-decoration: none;} a.link_breadcrumbs:link {color: #000099; text-decoration: none;} a.link_breadcrumbs:active {color: #0000ff; text-decoration: underline;} a.link_breadcrumbs:hover {color: #0000ff; text-decoration: underline;} /* Page footer --------------------------------------------------------*/ .text_footer {color: #990000; font-size: 10px; padding: 0px; margin: 4px 0px 0px 0px;} .text_menu_no_space {word-spacing: normal;} a.link_footer:visited {color: #cccccc; text-decoration: underline;} a.link_footer:link {color: #cccccc; text-decoration: underline;} a.link_footer:active {color: #cccccc; text-decoration: underline;} a.link_footer:hover {color: #cccccc; text-decoration: underline;} /* Heading for attributes --------------------------------------------------------*/ .text_options {font-weight: 900;} /* 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; background-color: #FFF;} /* Formatting for 'Add To Cart Button With Cart Icon' ----------------------------------------------*/ .form_button_add_to_cart {line-height: 13px; margin: 0px 1px 0px 0px; padding: 1px 0px 1px 18px; font-size: 10px; background-color: #222266; border: 0px solid #333333; color: #FFF; background-image: url('addtobasket.jpg'); background-repeat: no-repeat; word-spacing: normal;} /* Styles for CSS Buttons ----------------------------------------------*/ .text_menu {padding: 2px 0px 2px 0px; font-size: 11px; margin: 0px; color: #FFF;} a.link_menu:visited {padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px; color: #FFF; text-decoration: none; background-color: #990000; border: 1px solid #cccccc;} a.link_menu:link {padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px; color: #FFF; text-decoration: none; background-color: #990000; border: 1px solid #cccccc;} a.link_menu:active {padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px; color: #FFF; text-decoration: none; background-color: #990000; border: 1px solid #cccccc;} a.link_menu:hover {padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px; color: #FFF; text-decoration: none; background-color: #333333; border: 1px solid #cccccc;} /* Styles for 'Top Level Section List In Boxes' and 'Brochure Nav Bar In Boxes' --------------------*/ .tech_main_menu {background-color: #333333} .tech_menu_bottom {height: 4px; background-color: #333333;} .tech_menu_button_border {border-right: 1px #FFF solid; border-top: 1px #FFF solid;} div.tech_menu_button {top: 0px; left: 0px; border: 1px #333333 solid;} div.tech_menu_button_product {top: 0px; left: 0px; border: 1px #333333 solid;} .tech_menu_button_title {border-top: 1px #FFF solid; background-color: #333333;} .tech_text_product_section {padding: 3px 3px 3px 5px; margin: 0px; color: #FFF; font-size: 11px; font-weight: 900;} div.tech_menu_button a {color: #FFF; text-decoration: none; display: block; padding: 3px; text-align: left; background-color: #990000; font-size: 11px;} div.tech_menu_button a:visited {color: #FFF; text-decoration: none; background-color: #990000;} div.tech_menu_button a:active {color: #FFF; text-decoration: none; background-color: #cccccc;} div.tech_menu_button a:link {color: #FFF; text-decoration: none; background-color: #990000;} div.tech_menu_button a:hover {color: #FFF; text-decoration: none; background-color: #cccccc;} div.tech_menu_button_product a {color: #FFF; text-decoration: none; display: block; padding: 3px 3px 3px 12px; text-align: left; background-color: #990000; font-size: 11px;} div.tech_menu_button_product a:visited {color: #FFF; text-decoration: none; background-color: #333333; background-image: url('theme_arrow.gif');} div.tech_menu_button_product a:active {color: #FFF; text-decoration: none; background-color: #333333; background-image: url('theme_arrow.gif');} div.tech_menu_button_product a:link {color: #FFF; text-decoration: none; background-color: #333333; background-image: url('theme_arrow.gif');} div.tech_menu_button_product a:hover {color: #FFF; text-decoration: none; background-color: #cccccc; background-image: url('theme_arrow.gif');} /* Start of styles new to v9 */ /* Styles for 'Best Seller List in Boxes' and 'New Products List in Boxes' used on the brochure home page */ .heading_marketing_box {border: 2px solid #333333; margin: 0px 20px 14px 0px;} .heading_marketing_box p.text_product_small_info_heading {background-color: #333333; border-bottom: 2px solid #333333; color: #FFF; font-weight: 900; font-size: 11px; background-image: url('theme_marketing_header.gif'); margin: 0px; padding: 4px 0px 0px 8px; height: 20px;} .heading_marketing_boxp {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: #FFF;} .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: #FFF;} .indented-link a {display: block; background-color: #fff; padding: 5px 0 5px 30px; font-weight: bold; text-decoration: none; border-bottom: solid 1px #333333;} .indented-link a:hover {background-color: #cccccc;} /* Style for the 'Graduated Background' for Top Level Section lists and Brochure Page lists */ .graduated-link a {display: block; padding: 5px 0 5px 30px; font-weight: bold; text-decoration: none; border: solid 1px #cccccc; border-bottom: 0; border-right: 0; background-image: url('prime_link_background.gif'); background-repeat: no-repeat;} /* 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;} .quantity-box input {width: 35px;} /* Styles for post-v11 inner layouts if used in pre-v11 themes */ .content-area p {font-size: 11px; color: #000000;} .content-area li a:link {font-size: 11px; color: #333333;} /* start search results sort list */ .sort_by {background-color: #000099; width: 100%; height: 24px; color: #FFF; text-align: right;} .sort_by select {font-size: 12px; height: 20px; margin-right: 1px; margin-top: 1px; border: #333333 2px solid; border-top: #333333 2px solid; border-right: #333333 1px solid; border-bottom: #333333 1px solid;} .sort_by-submit {background: transparent; height: 20px; color: #FFF; font-weight: bold; font-size: 12px; margin-right: 1px; margin-top: 1px; border: 0;} .sort_by-submit:hover {cursor: pointer; text-decoration: underline;} /* start auto suggestion list */ .sf_suggestion {position: absolute; line-height: 15px; z-index: 2147483637;} .sf_suggestion ul {margin: 1px; padding: 0px; background: #FFF; 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;} /* 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;} /* Some basic formatting for filter lists in upgraded themes */ .sidebar-filter-element {margin: 10px;} .sidebar-filter-element h2 {display: block; font-size: 13px;} .filter-by {float: right;} .sidebar-filter-element .button-wrapper {float: right; margin-bottom: 10px;} /*#################################### SILVER THEME #################################### */ /* container -------------------------- */ #silver-container {background-color: #222266; margin: auto; padding-top: 0px; padding-bottom: 10px; border-style: double; border-width: 3px; border-color: #666699;} /* header area ---------------------------- */ #silver-login-terms p {text-align: center; padding-top: 4px; margin: 0;} #silver-login-terms p a {color: #FFF;} #silver-login-terms p a:hover {text-decoration: underline; color: #ffcc00;} #silver-cart-checkout p a {color: #ffcc00; text-decoration: none;} #silver-cart-checkout p a:hover {color: #FFF; text-decoration: underline;} .silver-cart-link {padding-left: 20px; background: url('theme_icon_cart.gif') no-repeat left;} #silver-nav-bar {clear: both; margin: 0 10px; height: 29px; background: url('silver-theme-nav-bar-bg.jpg');} #silver-nav-bar a:hover {height: 29px; background: url('silver-theme-nav-bar-hover.jpg');} #silver-nav-bar-left {background: url('silver-theme-nav-bar-left.jpg') no-repeat;} #silver-nav-bar-left ul {margin: 0; padding: 0; list-style: none; padding-left: 5px; height: 29px;} #silver-nav-bar-left ul li {display: inline;} #silver-nav-bar-left ul li a {display: block; float: left; line-height: 29px; padding: 0 10px; border-right: solid 1px #c4c4f9; color: #FFF;} #silver-nav-bar-left ul li a:hover {text-decoration: none; color: #000099;} #silver-quick-search {background: url('silver-theme-search-end-left.jpg') no-repeat; height: 29px;} #silver-quick-search-field {background: url('silver-theme-search-end-right.jpg') right no-repeat; height: 25px; padding-top: 4px;} /* sidebar ---------------------------- */ .silver-sidebar-list {background: url('silver-theme-sidebar-curve-bg.jpg');} .silver-sidebar-list-bottom {background: url('silver-theme-sidebar-curve-bottom.jpg') no-repeat bottom;} .silver-sidebar-list-top {background: url('silver-theme-sidebar-curve-top.jpg') no-repeat top; padding-bottom: 6px;} .silver-sidebar-list-top h1 {padding: 11px; font-size: 12px; color: #FFF;} /* section/brochure lists -------------------------- */ #silver-section-list ul, #silver-brochure-list ul {padding: 0; margin: 0 1px; border-bottom: dotted 0px #c4c4f9; list-style: none;} #silver-section-list ul li, #silver-brochure-list ul li {padding: 0; margin: 0;} #silver-section-list ul li a, #silver-brochure-list ul li a {display: block; padding: 5px 11px; margin: 0; color: #000099; border-bottom: dotted 1px #c4c4f9;} #silver-section-list ul li a:hover, #silver-brochure-list ul li a:hover {text-decoration: none; color: #222266;} #silver-section-list ul li a:hover, #silver-brochure-list ul li a:hover {background: url('silver-theme-left-nav-bar-bg.jpg');} .silver-sidebar-list-separator {clear: both; background-image: none; background-color: #222266;} /* marketing lists ---------------------------- */ .silver-sidebar-product {border-bottom: dotted 1px #c4c4f9; margin: 0 1px; background: #FFF; overflow: hidden;} p.silver-sidebar-product-name {font-weight: bold; font-size: 13px; text-align: center; padding: 5px 5px; border-bottom: solid 0px #c4c4f9; background: #fff; margin: 0;} p.silver-sidebar-product-name a {color: #000099;} p.silver-sidebar-product-name a:hover {color: #000099; text-decoration: none;} .silver-sidebar-product-image {background: #fff; border-right: solid 0px #c4c4f9; text-align: center;} .silver-sidebar-product-image img {margin-top: 5px;} /* bulk area -------------------------- */ #silver-bulk {background: url('silver-theme-bulk-bg.jpg'); display: inline;} #silver-bulk-bottom {background: url('silver-theme-bulk-bottom.jpg') no-repeat bottom;} #silver-bulk-top {background: url('silver-theme-bulk-top.jpg') no-repeat top; padding: 10px;} /* footer ---------------------------- */ #silver-footer {margin: 0 10px; background: url('silver-theme-footer-bg.jpg'); clear: both;} #silver-footer-left {background: url('silver-theme-footer-left.jpg') no-repeat;} #silver-footer-right {background: url('silver-theme-footer-right.jpg') no-repeat right; height: 88px;} .silver-address-box {font-size: 11px; color: #ffcc00;} .silver-address-box a {text-decoration: none; color: #ffcc00;} .silver-address-box a:hover {text-decoration: underline; color: #FFF;} .silver-copyright-info {font-size: 11px; color: #ffcc00;} .silver-copyright-info a {text-decoration: none; color: #ffcc00;} .silver-copyright-info a:hover {text-decoration: underline; color: #FFF;} #silver-sidebar-left .sidebar-filter-element {margin: 0 0 15px 0; background: #FFF; border: 1px solid #999; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; overflow: hidden;} #silver-sidebar-left .sidebar-filter-element h2 {font-size: 14px; color: #333333; font-weight: bold; padding: 10px; background: #fff; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin: 0; overflow: hidden; border-bottom: dotted 1px #999;} #silver-sidebar-left .filter-list {font-size: 12px; color: black; line-height: 10px; padding: 0px 5px 15px 5px;} #silver-sidebar-left .filter-list h4 {clear: left; font-size: 12px; font-weight: bold; padding: 0; margin: 10px 0;} #silver-sidebar-left .filter-list ul {padding: 0pt; list-style: none outside none; text-align: left; margin: 0pt;} #silver-sidebar-left .filter-list li {padding: 0pt 3pt 5px; list-style: none outside none; margin: 0pt; border-bottom: none;} #silver-sidebar-left .filter-list li {color: #333333;} #silver-sidebar-left .filter-link {background: #cccccc; font-size: 12px; font-family: Tahoma, Geneva, sans-serif; padding: 0px; border-width: 0; color: transparent; width: 0;} #silver-sidebar-left .filter-link-label {text-decoration: underline;} #silver-sidebar-left .filter-link-label:hover {cursor: pointer;} #silver-sidebar-left .filter-submit {background: transparent; color: #333333; font-family: Tahoma, Geneva, sans-serif; font-weight: bold; padding: 0 3px; border-width: 0;} #silver-sidebar-left .filter-submit:hover {cursor: pointer; text-decoration: underline;} #silver-sidebar-left .sidebar-filter-element .button {line-height: 26px;} .text_heading_left_column {clear: both;} .sidebar .sidebar-filter-element {margin: 0; padding: 0; overflow: hidden;} .sidebar .smart-sidebar-filter .sidebar-filter-element {border: 1px solid #990000; margin-bottom: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;} .sidebar .sidebar-filter-element h2 {padding: 5px; color: #000000; font-size: 11px;} .sidebar .sidebar-filter-element .button-wrapper, .sidebar .sidebox .sidebar-filter-element .button {margin: 0; padding: 0;} .sidebar .sidebar-filter-element .button-wrapper {border-right: 1px solid #888888; float: right; margin-bottom: 10px;} .sidebar .sidebar-filter-element .button {background: #333333; color: #FFF; padding: 0 10px; height: 20px; font-weight: normal;} .sidebar .sidebar-filter-element h2 input {float: right; clear: none; margin-bottom: 0;} .sidebar .sidebar-filter-element .filter-text {display: inline; line-height: 20px;} .sidebar .filter-by {float: right;} .sidebar .filter-by input {display: inline-block; font-size: 11px; font-family: Tahoma, Geneva, sans-serif; font-weight: normal; background: #333333; padding: 0 10px; border-left: 1px solid #888888; height: 20px;} .sidebar .filter-submit {cursor: pointer; border: none; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; color: #FFF;} .sidebar .filter-list {padding: 0 5px;} .filter-submit {background: transparent; color: #FFF; font-family: Tahoma, Geneva, sans-serif; font-weight: bold; padding: 0 3px; border-width: 0; padding: 4px;} .filter-submit:hover {cursor: pointer; text-decoration: underline;} .clear-button { float: right; -moz-box-shadow: inset 0px 1px 0px 0px #FFF; -webkit-box-shadow: inset 0px 1px 0px 0px #FFF; box-shadow: inset 0px 1px 0px 0px #FFF;  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'); background-color: #ededed; -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 #FFF; } .clear-button:hover { 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'); background-color: #dfdfdf; } .clear-button:active {position: relative; top: 1px;} /* CUSTOM TTL STYLES */ .box-feature {width: 100%; padding: 0px; overflow: hidden;} .floatLeftBox {float: left; margin: 5px;} .box {border: 1px solid #DDD; margin: 5px; padding: 2px;} .boxTitle {background: #3A4199; width: 92%; height: 36px; margin: 0 auto; color: #FFF; font: bold 12px/15px Arial; text-align: center; padding: 5px 4% 0;} .boxDescription {margin: 0 auto; padding: 6px 0; font: bold 10px/16px helvetica, arial, sans-serif; color: #2F2F2F; text-align: center;} .boxPrice {font-size: 20px; font-weight: bold; color: #55F;} a.boxButton { background: #ffd65e; background: -moz-linear-gradient(top, #ffd65e 0%, #febf04 100%); /* FF3.6+ */ background: -webkit-linear-gradient(top, #ffd65e 0%,#febf04 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(to bottom, #ffd65e 0%,#febf04 100%); /* W3C */ border-radius: 6px; width: 96%; height: 30px; margin: 3px auto; display: block; text-align: center; text-decoration: none; color: #333 !important; text-shadow: #FFF 1px 1px 0; font: bold 11px/30px verdana, arial, sans-serif; } a.boxButton:hover {background: #F90;} #silver-container {border: none !important;} #silver-cart-checkout {position: relative; top: -8px;} #silver-footer {background-position: bottom; background-repeat: repeat-x; position: releative; width: 98%;} #silver-nav-bar-left ul li a {border-right: none;} .side-section-title {color: #FFF; position: relative; font: bold 12px tahoma, geneva, sans-serif; padding: 11px;} /* ######### NORMAL SCREENS (DESKTOPS) ######### */ @media screen and (min-width: 960px) { table.checkout, table.checkout-cart, h3.checkout-heading, .checkout-field-area, table.CheckoutProgress {width: 720px;} h2.checkout-heading {width: 715px;} .checkout-field-label {width: 160px;} table.checkout#idBothAddressesTable select {width: 211px;} div.checkout-buttons {width: 720px; height: 50px; margin-top: 20px;} p.checkout-progress-heading {width: 300px;} #checkout-progress-indicator {width: 300px; height: 26px;} .checkout-progress-0 {width: 75px; height: 26px;} .checkout-progress-1 {width: 150px; height: 26px;} .checkout-progress-2 {width: 225px; height: 26px;} .checkout-progress-3 {width: 300px; height: 26px;} table#idCheckoutProgress td.cpi-left {width: 160px;} table#idCheckoutProgress td.cpi-complete {width: 160px;} table#idCheckoutProgress td.cpi-incomplete {width: 160px;} table.CheckoutProgress td, .indented-link a {width: 140px;} .form_main_search_box {width: 76px; height: 16px;} .form_button_quick_search {height: 18px; width: 85px;} .myaccount-popup {width: 500px; height: 250px; left: 50%; top: 50%; margin-left: -250px; margin-top: -125px; padding-left: 85px; padding-top: 50px;} .tech_menu_button_border {width: 121px;} div.tech_menu_button, div.tech_menu_button_product {width: 119px;} .tech_menu_button_title {width: 122px;} div.tech_menu_button a {width: 113px;} div.tech_menu_button_product a {width: 104px;} .heading_marketing_box {width: 229px;} #silver-container {width: 970px;} #silver-header {overflow: hidden; width: 970px; height: 75px; padding: 0; margin: 0;} #silver-header img {margin: 0px 0px 0px 10px; float: left; display: inline;} #silver-login-terms {width: 101px; height: 24px; background: url('silver-theme-login-box.jpg'); float: right; margin-right: 10px; display: inline;} #silver-cart-checkout {float: right; position: absolute; top: 15px; text-align: right; margin-top: 5px; margin-right: 11px; display: inline; line-height: 200%; text-transform: none;} #silver-cart-checkout p {padding-bottom: 2em;} #silver-quick-search-container {float: right; width: 256px; height: 29px; background: url('silver-theme-search-bg.jpg');} input.silver-search-field {margin: 2px 0 0 3px; border: 0; float: left; width: 196px; font-size: 11px; font-family: Tahoma, Geneva, sans-serif;} input.silver-search-button {float: right; margin: 2px 6px 0 0;} #silver-sidebar-left {float: left; margin: 10px; display: inline; width: 200px;} #silver-section-list ul, #silver-brochure-list ul {width: 185px;} .silver-sidebar-product {height: 150px; width: 185px;} .silver-sidebar-product-image {width: 115px; height: 120px; float: left;} .silver-sidebar-product-description {margin: 5px 4px 0 0; padding: 0 0 0 100px; font-size: 10px;} .silver-sidebar-product-more {font-size: 11px; margin: 5px 0; padding: 5px 0 0 100px;} .silver-sidebar-product-price {font-weight: bold; font-size: 12px; margin: 0; padding: 25px 0 0 100px;} #silver-bulk {float: right; width: 740px; margin: 10px 10px 10px 0;} .silver-address-box {float: left; display: inline; width: 190px; margin: 10px 20px; height: 68px;} .silver-copyright-info {float: right; display: inline; margin: 10px 20px; height: 68px;} #silver-sidebar-left .sidebar-filter-element .button-wrapper {margin-left: 80px; margin-right: 3px;} #silver-sidebar-left .filter-text {float: left;} #silver-sidebar-left .filter-by {float: right; margin-right: 3px;} .box {float: left; width: 123px; height: 232px;} .boxImage {display: block; width: 100px; height: 100px; margin: 4px auto;} .twoCol {float: left; border: 1px solid #cdcdcd; width: 260px; height: 232px; margin: 0 8px; padding: 2px;} .threeCol {float: left; border: 1px solid #cdcdcd; width: 402px; height: 232px; margin: 5px; padding: 2px;} } /* ######### MEDIUM SCREENS (TABLETS) ######### */ @media screen and (max-width: 960px) { body {-webkit-text-size-adjust: none;} h1 {padding-top: 0; margin-top: 0;} #silver-container {width: 100%;} #silver-header {background: url('new-site-logo-mob.png') transparent center 20px no-repeat; position: relative; overflow: hidden; width: 100%; height: auto; min-height: 200px; padding: 24px 0 0; margin: 0;} #silver-header img {display: none;} #silver-login-terms {background: #2f2fbe; position: absolute; top: 0; right: 10px; width: auto; float: none; display: block; text-align: left !important; border-radius: 0 0 6px 6px; padding: 5px 10px;} #silver-login-terms a {font-size: 12px;} #silver-cart-checkout {float: none; position: absolute; top: 0; left: 10px; text-align: center; display: block; line-height: auto; text-transform: none;} #silver-cart-checkout p {padding-bottom: none;} #silver-cart-checkout br {display: none;} .silver-cart-link {margin-left: 10px;} #silver-nav-bar {background: none !important; margin: 0 5px; height: auto !important;} #silver-nav-bar-left {background: none !important;} #silver-nav-bar-left ul {margin: 0; padding: 0; height: auto;} #silver-nav-bar-left ul li {position: relative; display: inline;} #silver-nav-bar-left ul li a { background-image: url('poker-chip-ornament.png'); background-position: 20px 7px; background-repeat: no-repeat; background-size: 30px 22px; background-color: transparent; position: relative; display: block; font-size: 14px; float: none; line-height: 36px; border-right: none; text-indent: 60px; margin-top: 6px; border-bottom: 1px solid #449; } #silver-nav-bar-left ul li a:after {position: absolute; width: 20px; height: 36px; right: 80px; top: -2px; color: #FFF; content: '>'; font: bold 30px/36px arial, sans-serif;} #silver-nav-bar-left ul li a:hover { background-image: url('poker-chip-ornament.png'); background-position: 20px 7px; background-repeat: no-repeat; background-size: 30px 22px; background-color: #FFF; height: auto; color: #226 !important; text-decoration: none; border-radius: 6px; } #silver-quick-search-container {background: none !important; position: relative; float: none; width: 98%; margin: auto; height: 40px; background: none;} #silver-quick-search, #silver-quick-search-field {background: none;} input.silver-search-field {border: none; float: none; width: 90%; padding-right: 10%; font-size: 14px; height: 30px; border-radius: 6px; font-family: Tahoma, Geneva, sans-serif; text-indent: 10px;} input.silver-search-button {position: absolute; top: 11px; right: 8px;} #silver-sidebar-left {display: none;} #silver-bulk {float: none; overflow: hidden;} #silver-bulk-top {background: #FFF; position: relative; width: 94%; padding: 0 2% 10px; margin: 10px auto; border-radius: 6px; padding-top: 0; overflow: auto;} #silver-bulk-bottom {background: none;} .content-area {padding-top: 0;} #silver-footer {width: 96%; margin: auto;} #silver-footer, #silver-footer-left, #silver-footer-right {background: none; height: auto;} .silver-address-box {display: inline-block; width: 33%; min-width: 200px; margin: 10px 20px; height: auto; color: #FFF; font-size: 14px !important; line-height: 30px;} .silver-address-box strong {color: #FFF !important;} .silver-copyright-info {display: inline; margin: 10px 20px; font-size: 14px !important;} .box {float: left; width: 123px; height: 232px;} .boxImage {display: block; width: 100px; height: 100px; margin: 4px auto;} .twoCol {float: left; border: 1px solid #cdcdcd; width: 260px; height: 232px; margin: 0 8px; padding: 2px;} .threeCol {float: left; border: 1px solid #cdcdcd; width: 402px; height: 232px; margin: 5px; padding: 2px;} .product-image {max-width: 100%; height: auto !important;} table, thead, tbody, th, td, tr {display: inline-block;} td {position: relative; overflow: hidden; width: auto !important;} table td.dotted_outline_blue {min-width: 90%; margin: auto; clear: both; overflow: hidden;} table.checkout tbody, table.checkout-cart tbody {display: table; margin: 10px 0;} table.checkout tr, table.checkout-cart tr {display: table-row;} table.checkout td, table.checkout th, table.checkout-cart td, table.checkout-cart th {display: table-cell; padding: 5px 10px;} table.CheckoutProgress {background: #226 !important; width: 100%;} table.CheckoutProgress td {background: #226 !important; display: table-cell; padding: 0 5px; height: 30px; line-height: 12px; margin: 0;}  table.CheckoutProgress td.cpi-active {background: #FFF !important; border: 4px solid #226;} table.CheckoutProgress td.cpi-start, table.CheckoutProgress td.cpi-spacer {display: none;} } /* ######### SMALL SCREENS (MOBILES) ######### */ @media screen and (max-width: 500px) { #silver-header {background-position: center 70px; background-size: 320px; min-height: 160px; padding-top: 50px;} #silver-cart-checkout {background-color: #114; width: 100%; left: 0;} #silver-login-terms {position: absolute; background: #338; margin: auto; top: 30px; right: 0; width: 100%;} #silver-login-terms p {text-align: right;} td a {font-size: 12px;} }