/* theme.css contains styles that support different sizes of theme images */ @import url("theme.css"); /* begin general styles for all themes */ body { margin: 0px; padding: 0px; background-color:#ddfbfb; font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; } p, table, td, th { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #000000; margin-top: 0px; } .pinkstyle1 {color: #fa5fb9} .pinkstylelrg {color: #fa5fb9; font-family: Arial, Helvetica, sans-serif; font-size: 14px;} .bluestylelrg {color: #1752c0 ; font-family: Arial, Helvetica, sans-serif; font-size: 14px;} .blackstyle {color: #000000;} form { margin: 0px; } a:link { color: #12b5cd; text-decoration: none; } a:visited { color: #12b5cd; text-decoration: none; } a:hover { color: #076395; text-decoration: underline; } a:active { color: #12b5cd; text-decoration: none; } a.checkout-checkoutbg { margin-right: 10px; padding-top: 3px; padding-bottom: 3px; padding-left: 8px; padding-right: 8px; border: #ffffff 2px solid; border-top: #ffffff 2px solid; border-right: #000000 1px solid; border-bottom: #000000 1px solid; } a.checkout-checkoutbg:link { color: #ffffff; text-decoration: none; } a.checkout-checkoutbg:visited { color: #ffffff; text-decoration: none; } a.checkout-checkoutbg:hover { color: #ffffff; text-decoration: underline; } a.checkout-checkoutbg:active { color: #ffffff; text-decoration: underline; } a.checkout-textcolor:link { color: #000000; text-decoration: none; } a.checkout-textcolor:visited { color: #000000; text-decoration: none; } a.checkout-textcolor:hover { color: #000000; text-decoration: underline; } a.checkout-textcolor:active { color: #000000; text-decoration: underline; } ul { list-style-type: square; } /* Generic text formatting used throughout the store ---------------------------- */ .actCHECKOUTEM { background-color: #67dbeb; } .actCHECKOUTBG { background-color: #ffffff; } .actlarger { font-size: 13px; color: #000000; } .actsmaller{ font-size: 10px; color: #000000; } .actxxsmall { font-size: 10px; color: #000000; } .actxsmall { font-size: 11px; color: #000000; } .actsmall { font-size: 11px; color: #000000; } .actregular { font-size: 13px; color: #000000; } .actlarge{ font-size: 16px; color: #000000; } .actxlarge { font-size: 20px; color: #000000; } .actxxlarge { font-size: 20px; color: #000000; } .actwarningcolor { color: #ff0000; } .actrequiredcolor { color: #ff0000; } .actsearchhighlightcolor { color: #ff0000; } .actrequired { color: #ff0000; } .actwarning { font-size: 11px; color: #ff0000; } .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: #12b5cd; } /* Boxes and borders ------------------------------------------- */ .thinborder1 { border: 1px solid #12b5cd; } .thinborder2 { border: 1px solid #12b5cd; } .thinred { border: solid 1px #12b5cd; border-top: 0px; } .thinred2 { border: solid 1px #12b5cd; border-top: 0px; }  .boxheading { font-weight: bold; text-transform: uppercase; color: #ddfbfb; } a.boxlink:link{ color: #ddfbfb; text-decoration:none; } a.boxlink:visited{ color: #ddfbfb; text-decoration:none; } a.boxlink:hover{ color: #ddfbfb; text-decoration:underline; } a.boxlink:active{ color: #ddfbfb; text-decoration:none; } * html .boxhead h2 {height: 1%;} .sidebox { background: url('theme_curve4.gif') no-repeat bottom right; font-size: 100%; } .boxhead { background: url('theme_curve2.gif') no-repeat top right; margin: 0; padding: 0; text-align: left; } .boxhead h2 { background: url('theme_curve1.gif') no-repeat top left; margin: 0; padding: 5px 10px 5px; color: #ffffff;  font-weight: bold;  font-size: 1.2em;  line-height: 1em; } .boxbody { background: url('theme_curve3.gif') no-repeat bottom left; margin: 0; padding: 5px 10px 11px; } .boxbody ol { margin: 0; padding: 0; margin-left: 1.2em; padding-left: 1.2em; } .boxbody ol li { margin-bottom: 0.2em; } /* Shopping cart and checkout fields ------------------------------------------- */ div.CheckoutCartSection { margin-top: 0px; margin-bottom: 10px; } table.checkout#idTableCheckoutSection { margin-bottom: 0px; } table.checkout-cart { width: 550px; border-collapse: collapse; padding: 0px 0px; margin-bottom: 5px; } table.checkout-cart th{ font-weight: bold; background-color: #ffffff; border-top: solid 1px #67dbeb; border-bottom: solid 1px #67dbeb; padding: 4px 4px; } table.checkout-cart td{ padding: 4px 4px; } table.checkout { width: 550px; border-collapse: collapse; padding: 0px 0px; text-align: left; margin-bottom: 5px; } table.checkout th { background-color: #67dbeb; font-size: 13px; font-weight: bold; color: #ffffff; text-align: left; padding: 5px 2px; border-bottom: solid 3px #ddfbfb; } table.checkout th.instruction { font-size: 11px; font-weight: normal; } table.checkout th.change { font-size: 11px; font-weight: bold; padding: 0px 0px; text-align: right; } .checkout-change-button	{ line-height: 13px; height: 20px; width: 86px; margin: 0px 1px 0px 0px; padding: 0px 0px 0px 0px; font-size : 11px; background-color: #12b5cd; border: 1px solid #12b5cd; color: #ffffff; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; } table.checkout td { background-color: #ffffff; border-right: solid 1px #ddfbfb; border-bottom: solid 1px #ddfbfb; padding: 2px 2px; } table.checkout#idBothAddressesTable col { width: auto; } td#idCheckoutHelpLabel, table.checkout#idBothAddressesTable col.prompt { width: 130px; } .cart { background-color: #ffffff; border-bottom: solid 1px #67dbeb; } .checkout-cartheading { font-weight: bold; background-color: #ffffff; border-top: solid 1px #67dbeb; border-bottom: solid 1px #67dbeb; } .cartheading { background-color: #67dbeb; font-weight: bold; color: #ffffff; } h2.checkout-heading { background-color: <span style='color: #000000;'>#67dbeb</span>; font-size: 13px; font-weight: bold; color: #ffffff; padding: 5px 2px; border-bottom: solid 3px #ddfbfb; width: 550px; } h3.checkout-heading { width: 550px;  padding: 3px 0; background-color: #67dbeb; font-size: 13px; font-weight: bold; color: #ffffff; border-bottom: solid 3px #ddfbfb; } .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: 11px; font-weight: bold; color: #ddfbfb; background: #12b5cd; padding: 5px; border: solid 1px #000000; } input.highlight-button { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ddfbfb; background: #12b5cd; padding: 5px; border: solid 1px #000000; } .checkout-field-label { width: 160px; } .checkout-field-input { width: auto; } .checkout-field-input input, .checkout-field-input select { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; background-color: #ddfbfb; padding: 2px; } .InvoiceField input, .InvoiceField select { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; background-color: #ddfbfb; padding: 2px; } .DeliverField input, .DeliverField select { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; background-color: #ddfbfb; padding: 2px; } table.checkout#idBothAddressesTable select { width: 211px; } input.checkbox { background-color: #ffffff; border: 0;	 } .checkout-field-area { background: #ffffff; border-bottom: solid 2px #ddfbfb; width: 550px; } .checkout-field-area p { margin: 0; padding: 4px; } div.checkout-buttons { width: 550px;  height: 50px;  margin-top: 20px; } .left {  float : left;  width : 50%;  } .right {  float : right;  width : 40%;  } .spacer {  clear : both;  } .checkout-help-hide {  display: none;  } /* Checkout Progress Indicator  ------------------------------------------------ */ p.checkout-progress-heading { width: 300px; margin: 0px auto; } #checkout-progress-indicator { width: 300px; height: 19px; background-image: url('cpi-background.gif'); margin: 0 auto 0px auto; } .checkout-progress-0 { width: 75px; height: 19px; background-color: #12b5cd; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-1 { width: 150px; height: 19px; background-color: #12b5cd; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-2 { width: 225px; height: 19px; background-color: #12b5cd; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-3 { width: 300px; height: 19px; background-color: #12b5cd; background-image: url('cpi-main.gif'); float: left; } #checkout-progress-indicator .cpi-end { width: 8px; padding: 0; margin: 0; border: 0; height: 19px; background-image: url('cpi-end.gif'); background-position: right; background-repeat: no-repeat; float: left; } table#idCheckoutProgress { margin-bottom: 10px; } table#idCheckoutProgress td{ background-repeat:repeat-x; background-color:transparent; border: 0px; padding: 0px; height:19px; text-align:center; } table#idCheckoutProgress td.cpi-left{ background-image:url("cpi-main.gif"); color:white; width:160px; } table#idCheckoutProgress td.cpi-complete{ background-image:url("cpi-main-mid.gif"); color:white; width:160px; } table#idCheckoutProgress td.cpi-incomplete{ background-image:url("cpi-background.gif"); color:black; width:160px; } table.CheckoutProgress { width: 550px; border-collapse: collapse; margin-bottom: 10px; } table.CheckoutProgress td { padding: 0px 0px; background-repeat: repeat-x; background-color: transparent; height: 19px; text-align: center; width: 140px; } table.CheckoutProgress td.cpi-start{ background-image: url("cpi-main.gif"); width: 8px; } table.CheckoutProgress td.cpi-inactive{ background-image: url("cpi-main-mid.gif"); color: #ddfbfb; } table.CheckoutProgress td.cpi-active{ background-image: url('cpi-background.gif'); font-weight: bold; color: #000000; } table.CheckoutProgress td.cpi-end { background-image: url("cpi-end.gif"); width: 8px; } table.CheckoutProgress td.cpi-spacer { background-image: url("cpi-main-mid.gif"); width: auto; } /* Formatting for the site map -------------------------------------------- */ #actinic-sitemap { margin-left: 5px; } #actinic-sitemap ul { margin-bottom: 0; padding-bottom: 0; } /* Formatting for Feefo customer feedback --------------------------------- */ .feefositelogo { margin-top: 10px; text-align: center; }  .feefoproductlogo { margin-top: 10px; } /* Recently Viewed Products List Style ------------------------------------ */ /* Used by 'CSS Product Layout' ------------------------------------------- */ .content_left { text-align: left; float: left; margin-right: 20px; } .content_right { text-align: left; float: left; } /* Used by 'Standard Layout Using CSS' and related CSS-based product layouts */ .product_list	{ margin: 20px 0px 20px 0px; }	 /* headings ----------------------------------------------------------------------------- */ h1	{ font-size: 20px; font-weight: 900; margin: 0px;		 padding: 16px 0px 4px 0px; color: #12b5cd; } h1.subheading	{ font-size: 13px; font-weight: 900; margin: 0px; padding: 0px 0px 14px 0px; color: #12b5cd; } p.focus-address	{ font-size: 13px; font-weight: 900; margin: 0px; padding: 0px 0px 0px 0px; color: #464c56; }	 h2	{ font-size: 16px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #12b5cd; } h2.clearall	{ font-size: 16px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #12b5cd; clear:both; } h3.product	{ font-size: 13px; font-weight: 900; margin: 0px; padding: 0px 0px 6px 0px; color: #12b5cd; } 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: #12b5cd; font-weight: 900; font-size: 13px; } /* Default formatting of all text boxes used in store pages ---------------- */ .form_input_general	{ line-height: normal; font-size : 11px; word-spacing: normal; } /* Styles for 'Quick Search Bar With Larger Button' ------------------------ */ .form_main_search_box	{ line-height: 13px; width: 76px; height: 16px; margin: 0px 1px 0px 1px; padding: 0px 0px 0px 2px; font-size : 11px; background-color: #ffffff; border: 1px solid #ffffff; color: #000000; vertical-align: top; } .form_main_search_box_td	{ background-color: #12b5cd } .form_button_quick_search	{ line-height: 13px; height: 18px; width: 85px; margin: 1px 1px 1px 1px; padding: 0px 0px 0px 12px; font-size : 11px; background-color: #12b5cd; border: 1px solid #12b5cd; color: #ffffff; background-image: url('theme_icon_search.gif'); word-spacing: normal; } /* Styles for the 'Mini' marketing layouts ---------------------------------- */ .product_image_cost	{ margin: 0px 12px 8px 0px; text-align: center; float: left; } .text_product_small_info	{ font-size: 10px; line-height: normal; margin: 0px; padding: 0px 0px 6px 0px; } .text_product_small_info_heading	{ margin: 0px; padding: 10px 0px 12px 0px; line-height:normal; color: #12b5cd; font-weight: 900; font-size: 11px; } .text_product_small_info_price	{ margin: 0px; padding: 8px 0px 0px 0px; line-height:normal; font-weight: 900; font-size: 11px; } .text_product_small_info_price_pink	{ margin: 0px; padding: 0px 0px 1px 0px; line-height:normal; font-weight: 900; color:#fa5fb9; font-size: 11px; } .best_selling_items	{ padding: 10px; background-color: #ffffff; } .best_selling_items_spacing	{ padding: 0px 0px 4px 4px; } /* Styles for product image and fragment image placement in some layouts -------------------------- */ .image_float_right	{ float: right; margin: 16px 0px 15px 20px; } .image_float_center	{ float: center; margin: 0px 0px 0px 0px; } .image_product	{ margin: 0px 18px 10px 0px; text-align: center; float: left; } .qa_bg { width: 161px; margin: 0px 1px 0px 1px; padding: 0px 0px 0px 12px; font-size : 10px; color: #ffffff; background-image: url('qa_background.jpg'); background-repeat: none; word-spacing: normal; } /* 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: #ff0000; } a.product_section:visited  { color : #12b5cd; text-decoration : none; } a.product_section:link  { color : #12b5cd; text-decoration : none; } a.product_section:active  { color : #12b5cd; text-decoration : none; } a.product_section:hover  { color : #076395; text-decoration : none; } /* lines -------------------------------------------------------------------------------- */ .dotted_line_blue	{ height: 1px; background-color: #12b5cd; background-image:url('theme_dotted_line.gif'); clear:both; } .solid_line_light_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #12b5cd; clear:both; } .solid_line_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #12b5cd; clear:both; } .solid_line_clear	{ height: 1px;  padding: 0px; margin: 0px; clear:both; }	 .dotted_outline_blue	{ border: 1px dotted #12b5cd; padding: 8px; }		 .nondotted_outline	{ padding-left: 0px; } /* Styles for 'Compact Parent Section List' ------------------------ */ .text_breadcrumbs	{ font-size: 10px; color: #12b5cd; margin: 0px; line-height:normal; padding: 2px 0px 10px 0px; }	 a.link_breadcrumbs:visited	{	 color : #12b5cd; text-decoration : underline; } a.link_breadcrumbs:link  { color : #12b5cd; text-decoration : underline; } a.link_breadcrumbs:active  { color : #12b5cd; text-decoration : underline; } a.link_breadcrumbs:hover  { color : #12b5cd; text-decoration : underline; } /* Page footer  --------------------------------------------------------*/ .text_footer	{ color: #12b5cd; font-size: 10px; padding:0px; margin:4px 0px 0px 0px; } .text_menu_no_space	{ word-spacing: normal; } .text_menu_no_space_copyright	{ word-spacing: normal; float: right; } a.link_footer:visited  { color : #1752c0; text-decoration : underline; } a.link_footer:link  { color : #1752c0;; text-decoration : underline; } a.link_footer:active  { color : #12b5cd; text-decoration : underline; } a.link_footer:hover  { color : #12b5cd; text-decoration : underline; } /* Heading for attributes  --------------------------------------------------------*/ .text_options	{ font-weight: 900; } /* Formatting for 'Add To Cart Button With Cart Icon' ----------------------------------------------*/ .form_button_add_to_cart	{ line-height: 13px; height: 20px; width: 86px; margin: 0px 1px 0px 0px; padding: 1px 0px 1px 14px; font-size : 11px; background-color: #12b5cd; border: 1px solid #12b5cd; color: #ffffff; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; }	 /* Styles for CSS Buttons ----------------------------------------------*/ .text_menu	{ padding: 2px 0px 2px 0px; font-size : 11px; margin: 0px; color : #ffffff; } a.link_menu:visited  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #12b5cd;  border: 1px solid #12b5cd; } a.link_menu:link  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #12b5cd; border: 1px solid #12b5cd; } a.link_menu:active  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #12b5cd; border: 1px solid #12b5cd; } a.link_menu:hover  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #12b5cd; border: 1px solid #12b5cd; } /* Styles for 'Top Level Section List In Boxes' and 'Brochure Nav Bar In Boxes' --------------------*/ .tech_main_menu	{ background-color: #12b5cd } .tech_menu_bottom	{ height: 4px; background-color: #12b5cd; } .tech_menu_button_border	{ width: 121px;  border-right: 1px #ffffff solid; border-top: 1px #ffffff solid; } div.tech_menu_button { width: 119px;  top: 0px; left: 0px;  border: 1px #12b5cd solid; } div.tech_menu_button_product { width: 119px;  top: 0px; left: 0px;  border: 1px #12b5cd solid; } .tech_menu_button_title	{ width: 122px; border-top: 1px #ffffff solid; background-color: #12b5cd; } .tech_text_product_section	{ padding: 3px 3px 3px 5px; margin: 0px; color : #ffffff; font-size : 11px; font-weight: 900; } div.tech_menu_button a  { width: 113px;  color: #ffffff; text-decoration:none; display:block; padding:3px; text-align:left; background-color: #12b5cd; font-size: 11px; } div.tech_menu_button a:visited { color: #ffffff;  text-decoration:none; background-color: #12b5cd; } div.tech_menu_button a:active { color: #ffffff;  text-decoration:none; background-color: #12b5cd; } div.tech_menu_button a:link { color: #ffffff;  text-decoration:none; background-color: #12b5cd; } div.tech_menu_button a:hover { color: #ffffff; text-decoration:none; background-color: #12b5cd; } div.tech_menu_button_product a   { width: 104px;  color: #ffffff; text-decoration:none; display:block; padding:3px 3px 3px 12px; text-align:left; background-color: #12b5cd; font-size: 11px; } div.tech_menu_button_product a:visited { color: #ffffff;  text-decoration:none; background-color: #12b5cd; background-image:url('theme_arrow.gif'); } div.tech_menu_button_product a:active { color: #ffffff;  text-decoration:none; background-color: #12b5cd; background-image:url('theme_arrow.gif'); } div.tech_menu_button_product a:link { color: #ffffff;  text-decoration:none; background-color: #12b5cd; background-image:url('theme_arrow.gif'); } div.tech_menu_button_product a:hover { color: #ffffff;  text-decoration:none; background-color: #12b5cd; 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 #12b5cd; width: 229px; margin: 0px 20px 14px 0px; } .heading_marketing_box p.text_product_small_info_heading	{ background-color: #12b5cd; border-bottom: 2px solid #12b5cd; color: #ffffff; font-weight: 900; font-size: 11px; background-image: url('theme_marketing_header.gif'); margin: 0px; padding: 4px 0px 0px 8px; height: 20px; } .heading_marketing_box	p{ padding: 8px; } .heading_marketing_box .product_image_cost	{ padding: 8px; } /* Rounded header and footer used around the bulk areas in 'Expert' and 'Hotshot' themes, but also used in the lists that have 'Rounded Corners' in the name */ .rounded-heading { background-image: url('theme_curve2.gif'); background-repeat: no-repeat; background-position: top right; } .rounded-heading p.spacer { margin: 0; padding: 3px 0; background-image: url('theme_curve1.gif'); background-repeat: no-repeat; margin-right: 10px; color: #ffffff; } .rounded-footer { background-image: url('expert_rounded_bottom_right.gif'); background-repeat: no-repeat; background-position: bottom right; } .rounded-footer p.spacer { margin: 0; padding: 3px 0; background-image: url('expert_rounded_bottom_left.gif'); background-position: bottom left; background-repeat: no-repeat; margin-right: 10px; color: #ffffff; } .indented-link a { display: block; background-color: #fff; width: 140px; padding: 5px 0 5px 30px; font-weight: bold; text-decoration: none; border-bottom: solid 1px #12b5cd; } .indented-link a:hover { background-color: #12b5cd; } /* 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 #12b5cd; border-bottom: 0; border-right: 0; background-image: url('prime_link_background.gif'); background-repeat: no-repeat; } /* Style for the 'Shaded Background' for Top Level Section lists and Brochure Page lists */ .hotshot-link a { display: block; padding: 5px 0 5px 30px; font-weight: bold; text-decoration: none; border-bottom: solid 1px #ffffff; } .hotshot-link a:hover { background-image: url('hotshot-link-highlight.gif'); background-repeat: no-repeat; } .hotshot-box-main { background-image: url('hotshot-box-main.gif'); background-position: bottom; width: 170px; } .hotshot-box-content { background-image: url('hotshot-box-top.gif'); background-repeat: no-repeat; padding: 10px;	 } /* Styles for 'Quick Search Bar With Curved Box' layout */ .formbox1 { padding: 0px; margin: 0px; border: 0px; background-image: url('theme-rounded-searchfield-left.gif'); height: 19px; padding-left: 10px; background-repeat: no-repeat; float: left; } .formbox2 { padding: 0px; margin: 0px; border: 0px; height: 19px; background-image: url('theme-rounded-searchfield-right.gif'); background-position: right; background-repeat: no-repeat; padding-right: 10px; } .inputfield { padding: 0px; margin: 1px 0; border: 0px; height: 16px; font-size: 12px; } /* Drop down menus used for top level section lists and brochure page lists in the 'Corporation' and 'Premier' theme */ #corporate_top_menu, #corporate_top_menu ul { /* main menu lists */ padding: 0px; margin: 0px 0px 0px 0px; list-style: none; line-height: 1; font-size: 11px;	 } #corporate_top_menu a { display: block; color: #ffffff; padding: 3px 6px 3px 13px; margin: 0; font-size: 11px;	 text-decoration: none; background-image: url('theme_arrow.gif'); background-position: left; background-repeat: no-repeat; background-color: #12b5cd; border-right: 1px solid #000000;		 } #corporate_top_menu li a:hover { display: block; color: #ffffff; padding: 3px 6px 3px 13px; margin: 0; font-size: 11px;	 text-decoration: none; background-image: none; background-color: #12b5cd; background-image: url('theme_arrow.gif'); background-position: left; background-repeat: no-repeat; } #corporate_top_menu li { /* all list items */ float: left; padding: 0px; margin: 0; list-style-image: none; line-height: 18px; } #corporate_top_menu li ul { /* second-level lists */ font-size: 100%; width: 150px;  display: block; position: absolute; margin: 0px 0px 0px -2px; border-top: 1px solid #000000; list-style-image: none; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } #corporate_top_menu li ul li { /* second-level lists */ width: 150px;  display: block; background-image: none; background-color: #12b5cd; border-bottom: 1px solid #000000; } #corporate_top_menu li ul li a { /* second-level lists */ background-image:none; padding: 3px 6px 4px 6px; line-height: 150%; display: block; border-left: 1px solid #000000; border-right: 1px solid #000000; } #corporate_top_menu li ul li a:hover { /* second-level lists */ display: block; border-left: 1px solid #000000; border-right: 1px solid #000000; padding: 3px 6px 4px 6px; background-image:none; background-color: #12b5cd; } #corporate_top_menu li ul ul { /* third-and-above-level lists */ margin: -24px 0px 0px 149px; } #corporate_top_menu li:hover ul ul, #corporate_top_menu li.sfhover ul ul { left: -999em; } #corporate_top_menu li:hover ul, #corporate_top_menu li li:hover ul, #corporate_top_menu li.sfhover ul, #corporate_top_menu li li.sfhover ul { /* lists nested under hovered list items */ left: auto; } .corporate_pages_menu ul { /* brochure list */ padding: 0px; margin: 0px 0px 0px 0px; line-height: 1; font-size: 11px;	 list-style-image: none; } .corporate_pages_menu ul li { display: block; background-image:none; background-color: #12b5cd; border-bottom: 1px solid #000000; } .corporate_pages_menu li a { color: #ffffff; background-image:none; padding: 3px 6px 4px 6px; line-height: 150%; display: block; } .corporate_pages_menu li a.product_section { color: #ffffff } .corporate_pages_menu li a:hover { color: #ffffff; display: block; padding: 3px 6px 4px 6px; background-image: none; background-color: #ffffff; } #container_inner {  width: 980px;  /* using 20px less than a full  width allows for browser chrome and avoids a horizontal scroll bar */ margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ text-align: left; /* this overrides the text-align: center on the body element. */ padding:1px; margin:1px; padding:0px; background-image: url('white-bg.jpg'); 	background-color: #ffffff; } #container {  width: 988px;  /* using 20px less than a full  width allows for browser chrome and avoids a horizontal scroll bar */ margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ text-align: left; /* this overrides the text-align: center on the body element. */ background-image: url('nav_bg.jpg'); background-color: #ffffff; padding:0px;  }  #sidebar1 { float: left; /* since this element is floated, a width must be given */ width: 201px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */ height:100%;height:auto; /* the background color will be displayed for the length of the content in the column, but no further */ padding: 0px 0px 0px 1px; /* padding keeps the content of the div away from the edges */ } #sidebar2 { /* since this element is floated, a width must be given */ width: 180px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */ /* the background color will be displayed for the length of the content in the column, but no further */ padding: 2px 3px 1px 1px; /* padding keeps the content of the div away from the edges */ } #mainContentnew {  background: #ffffff;  margin: 1px 165px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */ padding: 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */ } .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; margin-left: 8px; } .fltlft { /* this class can be used to float an element left in your page */ float: left; margin-right: 8px; } .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; } #cart-right { width: 161px; } #cart-right .cart-sidebar-list { background-image: url(basket_bg.jpg); padding: 0px; height: auto; } #cart-right .cart-sidebar-list p { padding-right: 2px; padding-left: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #1752c0; font-weight: 700; background-position: left top; margin: 0px; padding-top: 2px; padding-bottom: 2px; } #cart-right-qa { width: 161px; padding: 0px; background-image: url(q_a_lrg_bg.jpg); background-repeat: no-repeat; } #cart-right-qa .cart-sidebar-basket-qa { background-image: url(q_a_lrg_bg.jpg); background-repeat: no-repeat; width: 161px; } #cart-right-qa .cart-sidebar-list-qa { background-image: url('qa_background.jpg'); padding: 0px; height: auto; } #cart-right-qa .cart-sidebar-list-qa p { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #1752c0; font-weight: 700; background-position: left top; margin: 0px; padding: 2px; } #cart-right-qa .cart-sidebar-list-qa-bg { background-image: url('qa_background.jpg'); width: 161px;	 padding:0px; margin: 0px height: auto; } #cart-right-blog { background-image: url(blog_bg.jpg); background-position: left bottom; width: 161px; padding: 0px; } #cart-right-blog .cart-sidebar-list-blog { background-image: url(blog-bg-lrg.jpg); background-repeat: no-repeat; padding: 0px; height: auto; } #cart-right-blog .cart-sidebar-list-blog p { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #1752c0; font-weight: 700; background-position: left top; margin: 0px; padding: 2px; } #cart-right-blog .cart-sidebar-list-blog-bg { width: 161px;	 padding:0px; margin: 0px height: auto; }	 #cart-right-hear { width: 161px; padding: 0px; } #cart-right-hear .cart-sidebar-list-hear { background-image: url(basket_bg.jpg); padding: 0px; height: auto; } #cart-right-hear .cart-sidebar-list-hear p { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #1752c0; font-weight: 700; background-position: left top; margin: 0px; padding: 2px; } #cart-right-hear .cart-sidebar-list-hear-bg { background-image: url('hear_bg.jpg'); width: 161px;	 padding: 0px; height: auto; } #cart-right-delivery { width: 161px; padding: 0px; } #cart-right-delivery .cart-sidebar-basket-delivery { background-image: url(view_basket.jpg); background-repeat: no-repeat; height: auto; width: 161px; } #cart-right-delivery .cart-sidebar-list-delivery { background-image: url('delivery_bg.jpg'); padding: 0px; height: auto; } .delivery-middle { width:150px; padding:2px; } #cart-right-delivery .cart-sidebar-list-delivery p { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #1752c0; font-weight: 700; background-position: left top; margin: 0px; padding: 2px; } #cart-right-delivery .cart-sidebar-list-delivery-bg { background-image: url('hear_bg.jpg'); width: 161px;	 padding: 0px; height: auto; }	 #focus_logo_image { position: absolute; margin: 00px 0px 0px 00px; width: 985px; height: 158px; overflow: hidden; }	 #focus_main_structure_menu	{ margin: 0px 0px 0px 0px; clear: both; background-image:url('premier_header.gif'); }  #focus_main_top_container { padding: ; width: 988px; text-align: left; margin: 0 auto 0 auto; } #focus_main_structure_menu_background_shadow	{	 border-bottom: 0px; padding-bottom:8px; } #focus_main_structure_menu_padding	{ padding: 160px 0px 0px 0px; background-image: url('nav_bg.jpg'); }	 /* featured sidebar ---------------------------- */ #featured-side 	{ font-weight: 900; color: #7DD13B; font-size: 11px; margin: 0px; padding-right:1px; padding-left:1px; }	 .featured-width {width:150px; }	 a.featured-side { color: #ff00cc; text-decoration: none; }	 a.featured-side:link { color: #ff00cc; text-decoration: none; } a.featured-side:visited { color: #000000; text-decoration: none; } a.featured-side:hover { color:  #ff00cc; text-decoration: underline; } a.featured-side:active { color: #000000; text-decoration: underline; }	 /* best sellers sidebar ---------------------------- */ #bs-side 	{ font-weight: 900; color: #7DD13B; font-size: 11px; margin: 0px; } #bs-sidebar-left-main:a  	{ font-weight: 900; color: #FF00cc; font-size: 11px; margin: 0px; align:center; } #bs-sidebar-left-main { width:180px;} a.bs-sidebar-left-main { color:  #ff00cc; text-decoration: none; } #bs-sidebar-left { width: 155px; background: url('best-sellers-bg.jpg');  } .bs-sidebar-body.p { font-size: 10px;  } #bs-side-headalign { width:190px; padding-left:10px; padding-bottom:0px; } .bs-sidebar-body.img { align:center;  } /* best sellers sidebar end---------------------------- */ /* copyright footer structural elements -------------------------------------------- */		 #focus_main_structure_footer	{ margin: 0px 0px 0px 0px; padding-bottom: 0px; padding-top: 0px; width: 988px; background-image:url('copyright_bg.jpg'); height: 44px; margin: 0 auto 0 auto; text-align: left; } #focus_main_structure_footer	p{ font-size: 11px; line-height: 12px; margin: 0px; padding: 5px 8px 5px 12px; color: #1752c0;	 } #focus_main_structure_footer	a{ color: #1752c0;; text-decoration: none; } #focus-address { width: 190px; } #bs-sidebar-left { width: 155px; background: url('best-sellers-bg.jpg');  } .bestsellers-bg { background: url('best_bg.jpg'); width:187px; padding:0px; } .bestsellers-bg p {  display:inline; align: left;} #focus-CTA-green { width: 203px; height:233px; background: url('GREEN-cta.jpg') no-repeat; } #focus-CTA-green p { font-size: 10px; padding: 2px 5px 5px 5px; align:left; } #focus-CTA-pink { width: 203px; height:233px; background: url('PINK-cta.jpg') no-repeat; } #focus-CTA-pink p { font-size: 10px; padding: 2px 5px 5px 5px; align:left; } #focus-CTA-blue { width: 203px; height:233px; background: url('BLUE-cta.jpg') no-repeat; } #focus-CTA-blue p { font-size: 10px; padding: 2px 5px 5px 5px; align:left; } .bestmiddle { width:179px; padding:2px; border: 1px solid; } .hp-middle { width:184px; height:auto; } .featured-bg { background: url('featured_bg.jpg'); width:187px; padding:0px; }   .featured-bg p {  display:inline; align: left;} .focus-sidebar-product-name p {display:inline; align: left;} .focus-sidebar-product-description p {display:inline; align: left;} .featured-bg .focus-sidebar-product-name p { display: inline; } .featured-bg .focus-sidebar-product-name a { font-size: 11px;text-decoration: none; color: #1752c0; } .featured-bg .focus-sidebar-product-name a:link { color: #133f91; font-size: 11px;text-decoration: none; } .featured-bg .focus-sidebar-product-name a:visited{ color: #1752c0; font-size: 11px;text-decoration: none; } .featured-bg .focus-sidebar-product-name a:hover{ color: #133f91; font-size: 11px;text-decoration: none; } .featured-bg .focus-sidebar-product-name a:active{ color: #133f91; font-size: 11px;text-decoration: none; } .bestsellers-bg .focus-sidebar-product-name  { font-size: 11px; padding-left: 3px; } .bestsellers-bg .focus-sidebar-product-name p { display: inline; } .bestsellers-bg .focus-sidebar-product-name a { font-size: 11px;text-decoration: none; color: #1752c0; } .bestsellers-bg .focus-sidebar-product-name a:link { color: #1752c0; font-size: 11px;text-decoration: none; } .bestsellers-bg .focus-sidebar-product-name a:visited{ color: #1752c0; font-size: 11px;text-decoration: none; } .bestsellers-bg .focus-sidebar-product-name a:hover{ color: #133f91; font-size: 11px;text-decoration: none; } .bestsellers-bg .focus-sidebar-product-name a:active{ color: #133f91; font-size: 11px;text-decoration: none; } #featured-item { paddding-left:5px;} .featured-item a { font-size: 11px;text-decoration: underline; color: #7dd139; } .featured-item a:link { color: #7dd139; font-size: 11px;text-decoration: none; } .featured-item a:visited{ color: #7dd139; font-size: 11px;text-decoration: none; } .featured-item a:hover{ color: #5FD35F; font-size: 11px;text-decoration: none; } .featured-item a:active{ color: #5FD35F; font-size: 11px;text-decoration: none; } /* best sellers rollovers control------------------------------------------ */	 .bs-sidebar-body a { font-size: 11px;text-decoration: none; color: #1752c0; } .bs-sidebar-body a:link { color: #1752c0; font-size: 11px;text-decoration: none; } .bs-sidebar-body a:visited{ color: #1752c0; font-size: 11px;text-decoration: none; } .bs-sidebar-body a:hover{ color: #133f91; font-size: 11px;text-decoration: none; } .bs-sidebar-body a:active{ color: #133f91; font-size: 11px;text-decoration: none; } .product_image_cost { padding: 2px 2px 2px 2px; } /* end footer structural elements -------------------------------------------- */	 /* footer structural elements -------------------------------------------- */		 #premier_main_structure_footer	{ margin: 0px 0px 0px 0px; padding-bottom: 0px; width: 988px; background-image:url('footer_bottom.jpg'); background-repeat: no-repeat; height: 37px; margin: 0 auto 0 auto; text-align: left; } #main_structure_header	{ margin: 15px 0px 0px 0px; padding-top: 0px; padding-bottom: 0px; width: 988px; background-image:url('focus-top-curve.jpg'); background-repeat: no-repeat; height: 37px; margin: 0 auto 0 auto; text-align: left; } #main_structure_header		p{ font-size: 12px; line-height: 12px; margin: 0px; padding: 10px 3px 0px 12px; color: #4fcbfa;	 } #premier_main_structure_footer	p{ font-size: 12px; line-height: 12px; margin: 0px; padding: 8px 3px 0px 12px; color: #4fcbfa;	 } #premier_main_structure_footer	a{ color: #d9d9d9; text-decoration: none; } /* end footer structural elements -------------------------------------------- */	 #focus_main_structure_menu_background	{ padding-left: 0px; background-position:top; height: 31px; border-bottom: 0px ; } #focus_search_line 	{	background-image: url('nav_bg.jpg'); background-color: #333333; height: 29px; } #focus_search 	{ padding-left: 1px; padding-top: 1px; padding-bottom: 2px;  background-position:top; height: 28px; border-bottom: 0px ; float:left; } #focus_search.img 	{ padding-left: 1px; } #favourites_button { float:right; padding-right: 5px; padding-top: 4px; } #favourites_button.img { float:right; } /* These layout selectors bring in styles for specific themes, that are ONLY used by that theme. */ /* If you are not using these themes, you can safely remove this code */ /* Start of styles for Silver theme */ /* container -------------------------- */ #silver-shadow-left { width: 967px; padding: 0; background: url('silver-theme-shadow-left.png') left repeat-y; margin: 0 auto; } #silver-shadow-right { background: url('silver-theme-shadow-right.png') right repeat-y; margin-left: 4px; padding: 0; width: 963px; } #silver-container { background: #fff; padding: 0; margin-right: 4px; width: 959px; padding-bottom: 6px; } #silver-page-bottom-rounded { width: 967px; margin: 0 auto; padding: 0; background: url('silver-theme-rounded-footer.png') no-repeat; } /* header area ---------------------------- */ #silver-header img { margin: 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-login-terms p { text-align: center; padding-top: 4px; margin: 0; } #silver-login-terms p a { color: #000000; } #silver-login-terms p a:hover { text-decoration: none; color: #12b5cd; } #silver-cart-checkout { float: right; text-align: right; clear: right; margin-top: 30px; margin-right: 10px; display: inline; text-transform: uppercase; } #silver-cart-checkout p { padding-bottom: 2em; } #silver-cart-checkout p a { color: #000000; } #silver-cart-checkout p a:hover { color: #12b5cd; } .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-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 #999; color: #000000; } #silver-nav-bar-left ul li a:hover { text-decoration: none; color: #12b5cd; } #silver-quick-search-container { float: right; width: 256px; height: 29px; background: url('silver-theme-search-bg.jpg'); } #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; } input.silver-search-field { margin: 2px 0 0 3px; border: 0; float: left; width: 200px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; } input.silver-search-button { float: right; margin: 2px 3px 0 0; } /* sidebar ---------------------------- */ #silver-sidebar-left { float: left; margin: 10px; display: inline; width: 210px; } .silver-sidebar-list { background: url('silver-theme-sidebar-curve-bg.gif'); } .silver-sidebar-list-bottom { background: url('silver-theme-sidebar-curve-bottom.gif') no-repeat bottom; } .silver-sidebar-list-top { background: url('silver-theme-sidebar-curve-top.gif') no-repeat top; padding-bottom: 6px; } .silver-sidebar-list-top h1 { padding: 11px; font-size: 14px; color: #12b5cd; } /* section/brochure lists -------------------------- */ #silver-section-list ul, #silver-brochure-list ul { padding: 0; margin: 0 1px; list-style: none; background: url('silver-theme-section-list-gradient.jpg') repeat-x; border-top: dotted 1px #858585; } #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; border-bottom: dotted 1px #858585; padding: 5px 11px; margin: 0; color: #000000; } #silver-section-list ul li a:hover, #silver-brochure-list ul li a:hover { text-decoration: none; color: #12b5cd; } .silver-sidebar-list-separator { clear: both; background-image: none; background-color: #fff; } /* marketing lists ---------------------------- */ #silver-new-products-list h1, #silver-best-sellers-list h1 { border-bottom: dotted 1px #858585; } .silver-sidebar-product { margin: 0 1px; height: 125px; overflow: hidden; } p.silver-sidebar-product-name { font-weight: bold; padding: 5px 11px; border-bottom: solid 1px #afafaf; background: #fff; margin: 0; } p.silver-sidebar-product-name a { color: #12b5cd; } p.silver-sidebar-product-name a:hover { color: #12b5cd; } .silver-sidebar-product-image { width: 95px; height: 100px; float: left; background: #fff; border-right: solid 1px #afafaf; text-align: center; } .silver-sidebar-product-image img { margin-top: 5px; } .silver-sidebar-product-description { margin: 5px 4px 0 0; padding: 0 0 0 100px; font-size: 10px; } .silver-sidebar-product-more { font-size: 10px; margin: 5px 0; padding: 0 0 0 100px; } .silver-sidebar-product-price { font-weight: bold; margin: 0; padding: 0 0 0 100px; } /* bulk area -------------------------- */ #silver-bulk { float: right; width: 718px; margin: 10px 10px 10px 0; background: url('silver-theme-bulk-bg.gif'); display: inline; } #silver-bulk-bottom { background: url('silver-theme-bulk-bottom.gif') no-repeat bottom; } #silver-bulk-top { background: url('silver-theme-bulk-top.gif') 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 { float: left; display: inline; width: 180px; margin: 10px 20px; height: 68px; font-size: 11px; color: #666; } .silver-copyright-info { float: right; display: inline; margin: 10px 20px; height: 68px; font-size: 11px; color: #666;	 } /* End of styles for Silver theme */