/* 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-image: url("background1.gif"); 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; } form { margin: 0px; } a:link { color: #0000b9; text-decoration: none; } a:visited { color: #7c22ce; text-decoration: none; } a:hover { color: #000080; text-decoration: underline; } a:active { color: #000080; 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: #aeb0d0; } .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: #6803e4; } .actrequiredcolor { color: #6803e4; } .actsearchhighlightcolor { color: #ff0000; } .actrequired { color: #6803e4; } .actwarning { font-size: 11px; color: #6803e4; } .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: #0000b9; } /* Boxes and borders ------------------------------------------- */ .thinborder1 { border: 1px solid #c0c0c0; } .thinborder2 { border: 1px solid #c0c0c0; } .thinred { border: solid 1px #c0c0c0; border-top: 0px; } .thinred2 { border: solid 1px #c0c0c0; border-top: 0px; }  .boxheading { font-weight: bold; text-transform: uppercase; color: #ffffff; } a.boxlink:link{ color: #ffffff; text-decoration:none; } a.boxlink:visited{ color: #ffffff; text-decoration:none; } a.boxlink:hover{ color: #ffffff; text-decoration:underline; } a.boxlink:active{ color: #ffffff; text-decoration:none; } * html .boxhead h2 {height: 1%;} .sidebox { background: url('theme_curve4.gif') no-repeat bottom right; font-size: 100%; } .boxhead { background: url('theme_curve2.gif') no-repeat top right; margin: 0; padding: 0; text-align: left; } .boxhead h2 { background: url('theme_curve1.gif') no-repeat top left; margin: 0; padding: 5px 10px 5px; color: #ffffff;  font-weight: bold;  font-size: 1.2em;  line-height: 1em; } .boxbody { background: url('theme_curve3.gif') no-repeat bottom left; margin: 0; padding: 5px 10px 11px; } .boxbody ol { margin: 0; padding: 0; margin-left: 1.2em; padding-left: 1.2em; } .boxbody ol li { margin-bottom: 0.2em; } /* Shopping cart and checkout fields ------------------------------------------- */ div.CheckoutCartSection { margin-top; 0px; margin-bottom: 10px; } table.checkout#idTableCheckoutSection { margin-bottom: 0px; } table.checkout-cart { width: 600px; border-collapse: collapse; padding: 0px 0px; margin-bottom: 5px; } table.checkout-cart th{ font-weight: bold; background-color: #ffffff; border-top: solid 1px #aeb0d0; border-bottom: solid 1px #aeb0d0; padding: 4px 4px; } table.checkout-cart td{ padding: 4px 4px; } table.checkout { width: 600px; border-collapse: collapse; padding: 0px 0px; text-align: left; margin-bottom: 5px; } table.checkout th { background-color: #aeb0d0; font-size: 13px; font-weight: bold; color: #ffffff; text-align: left; padding: 5px 2px; border-bottom: solid 3px #ffffff; } table.checkout th.instruction { font-size: 11px; font-weight: normal; } table.checkout th.change { font-size: 11px; font-weight: bold; padding: 0px 0px; text-align: right; } .checkout-change-button	{ line-height: 13px; height: 20px; width: 86px; margin: 0px 1px 0px 0px; padding: 0px 0px 0px 0px; font-size : 11px; background-color: #c0c0c0; border: 1px solid #c0c0c0; color: #ffffff; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; } table.checkout td { background-color: #ffffff; border-right: solid 1px #ffffff; border-bottom: solid 1px #ffffff; padding: 2px 2px; } table.checkout#idBothAddressesTable col { width: auto; } td#idCheckoutHelpLabel, table.checkout#idBothAddressesTable col.prompt { width: 130px; } .cart { background-color: #ffffff; border-bottom: solid 1px #aeb0d0; } .checkout-cartheading { font-weight: bold; background-color: #ffffff; border-top: solid 1px #aeb0d0; border-bottom: solid 1px #aeb0d0; } .cartheading { background-color: #aeb0d0; font-weight: bold; color: #ffffff; } h2.checkout-heading { background-color: #aeb0d0; font-size: 13px; font-weight: bold; color: #ffffff; padding: 5px 2px; border-bottom: solid 3px #ffffff; width: 600px; } h3.checkout-heading { width: 600px;  padding: 3px 0; background-color: #aeb0d0; font-size: 13px; font-weight: bold; color: #ffffff; border-bottom: solid 3px #ffffff; } .checkout-subheading { font-weight: bold; padding: 0; margin: 0; } h3.product      { font-size: 16; color: 606060; font-weight: 900; margin: 0px; padding: 0px 0px 6px 0px; } h3.product_price        { font-size: 15; color: red; font-weight: 900; margin: 0px; padding: 0px 0px 20px 0px; } h3.product_description  { font-size: 13; text-align:justify; color: grey; font-weight: 200; margin: 0px; padding: 0px 0px 20px 0px; } h3.product_descriptionsection   { font-size: 12; text-align:justify; color: black; font-weight: 200; margin: 0px; padding: 0px 0px 0px 0px; } 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: #ffffff; background: #c0c0c0; padding: 5px; border: solid 1px #000000; } input.highlight-button { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; background: #c0c0c0; padding: 5px; border: solid 1px #000000; } .checkout-field-label { width: 160px; } .checkout-field-input { width: *; } .checkout-field-input input, .checkout-field-input select { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; background-color: #ffffff; padding: 2px; } .InvoiceField input, .InvoiceField select { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; background-color: #ffffff; padding: 2px; } .DeliverField input, .DeliverField select { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; background-color: #ffffff; padding: 2px; } table.checkout#idBothAddressesTable select { width: 211px; } input.checkbox { background-color: #ffffff; border: 0;	 } .checkout-field-area { background: #ffffff; border-bottom: solid 2px #ffffff; width: 600px; } .checkout-field-area p { margin: 0; padding: 4px; } div.checkout-buttons { width: 600px;  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: #c0c0c0; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-1 { width: 150px; height: 19px; background-color: #c0c0c0; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-2 { width: 225px; height: 19px; background-color: #c0c0c0; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-3 { width: 300px; height: 19px; background-color: #c0c0c0; 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: 600px; border-collapse: collapse; margin-bottom: 10px; } table.CheckoutProgress td { padding: 0px 0px; background-repeat: repeat-x; background-color: transparent; height: 19px; text-align: center; width: 140px; } table.CheckoutProgress td.cpi-start{ background-image: url("cpi-main.gif"); width: 8px; } table.CheckoutProgress td.cpi-inactive{ background-image: url("cpi-main-mid.gif"); color: #ffffff; } table.CheckoutProgress td.cpi-active{ background-image: url('cpi-background.gif'); font-weight: bold; color: #000000; } table.CheckoutProgress td.cpi-end { background-image: url("cpi-end.gif"); width: 8px; } table.CheckoutProgress td.cpi-spacer { background-image: url("cpi-main-mid.gif"); width: auto; } /* Formatting for the site map -------------------------------------------- */ #actinic-sitemap { margin-left: 5px; } #actinic-sitemap ul { margin-bottom: 0; padding-bottom: 0; } /* Formatting for Feefo customer feedback --------------------------------- */ .feefositelogo { margin-top: 10px; text-align: center; }  .feefoproductlogo { margin-top: 10px; } /* Recently Viewed Products List Style ------------------------------------ */ /* 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: #c0c0c0; } h1.subheading	{ font-size: 13px; font-weight: 900; margin: 0px; padding: 0px 0px 14px 0px; color: #c0c0c0; } h2	{ font-size: 16px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #c0c0c0; } h2.clearall	{ font-size: 16px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #c0c0c0; clear:both; } h3.product	{ font-size: 13px; font-weight: 900; margin: 0px; padding: 0px 0px 6px 0px; color: #c0c0c0; } 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: #c0c0c0; 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: #c0c0c0 } .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: #c0c0c0; border: 1px solid #c0c0c0; 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: #c0c0c0; font-weight: 900; font-size: 11px; } .text_product_small_info_price	{ margin: 0px; padding: 8px 0px 0px 0px; line-height:normal; font-weight: 900; font-size: 11px; } .best_selling_items	{ padding: 10px; background-color: #ffffff; } .best_selling_items_spacing	{ padding: 0px 0px 8px 8px; } /* Styles for product image and fragment image placement in some layouts -------------------------- */ .image_float_right	{ float: right; margin: 16px 0px 15px 20px; } .image_product	{ margin: 0px 18px 10px 0px; text-align: center; float: left; } /* Links to sections and pages in sidebar menus on some themes -------------------------------------*/ ul.products	{ line-height: normal; padding: 0px 0px 0px 1px; margin: 3px 0px 4px 15px; font-size: 11px; color: #6803e4; } a.product_section:visited  { color : #7c22ce; text-decoration : none; } a.product_section:link  { color : #0000b9; text-decoration : none; } a.product_section:active  { color : #000080; text-decoration : none; } a.product_section:hover  { color : #000080; text-decoration : none; } /* lines -------------------------------------------------------------------------------- */ .dotted_line_blue	{ height: 1px; background-color: #c0c0c0; background-image:url('theme_dotted_line.gif'); clear:both; } .solid_line_light_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #c0c0c0; clear:both; } .solid_line_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #c0c0c0; clear:both; } .dotted_outline_blue	{ border: 1px dotted #c0c0c0; padding: 8px; }		 /* Styles for 'Compact Parent Section List' ------------------------ */ .text_breadcrumbs	{ font-size: 10px; color: #c0c0c0; margin: 0px; line-height:normal; padding: 2px 0px 10px 0px; }	 a.link_breadcrumbs:visited	{	 color : #c0c0c0; text-decoration : underline; } a.link_breadcrumbs:link  { color : #c0c0c0; text-decoration : underline; } a.link_breadcrumbs:active  { color : #c0c0c0; text-decoration : underline; } a.link_breadcrumbs:hover  { color : #c0c0c0; text-decoration : underline; } /* Page footer  --------------------------------------------------------*/ .text_footer	{ color: #c0c0c0; font-size: 10px; padding:0px; margin:4px 0px 0px 0px; } .text_menu_no_space	{ word-spacing: normal; } a.link_footer:visited  { color : #0000ff; text-decoration : underline; } a.link_footer:link  { color : #0000ff; text-decoration : underline; } a.link_footer:active  { color : #0000ff; text-decoration : underline; } a.link_footer:hover  { color : #0000ff; 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: #c0c0c0; border: 1px solid #c0c0c0; 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: #c0c0c0;  border: 1px solid #0000ff; } a.link_menu:link  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #c0c0c0; border: 1px solid #0000ff; } a.link_menu:active  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #c0c0c0; border: 1px solid #0000ff; } a.link_menu:hover  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #c0c0c0; border: 1px solid #0000ff; } /* Styles for 'Top Level Section List In Boxes' and 'Brochure Nav Bar In Boxes' --------------------*/ .tech_main_menu	{ background-color: #c0c0c0 } .tech_menu_bottom	{ height: 4px; background-color: #c0c0c0; } .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 #c0c0c0 solid; } div.tech_menu_button_product { width: 119px;  top: 0px; left: 0px;  border: 1px #c0c0c0 solid; } .tech_menu_button_title	{ width: 122px; border-top: 1px #ffffff solid; background-color: #c0c0c0; } .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: #c0c0c0; font-size: 11px; } div.tech_menu_button a:visited { color: #ffffff;  text-decoration:none; background-color: #c0c0c0; } div.tech_menu_button a:active { color: #ffffff;  text-decoration:none; background-color: #0000ff; } div.tech_menu_button a:link { color: #ffffff;  text-decoration:none; background-color: #c0c0c0; } div.tech_menu_button a:hover { color: #ffffff; text-decoration:none; background-color: #0000ff; } 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: #c0c0c0; font-size: 11px; } div.tech_menu_button_product a:visited { color: #ffffff;  text-decoration:none; background-color: #c0c0c0; background-image:url('theme_arrow.gif'); } div.tech_menu_button_product a:active { color: #ffffff;  text-decoration:none; background-color: #c0c0c0; background-image:url('theme_arrow.gif'); } div.tech_menu_button_product a:link { color: #ffffff;  text-decoration:none; background-color: #c0c0c0; background-image:url('theme_arrow.gif'); } div.tech_menu_button_product a:hover { color: #ffffff;  text-decoration:none; background-color: #0000ff; 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 #c0c0c0; width: 229px; margin: 0px 20px 14px 0px; } .heading_marketing_box p.text_product_small_info_heading	{ background-color: #c0c0c0; border-bottom: 2px solid #c0c0c0; 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 #c0c0c0; } .indented-link a:hover { background-color: #0000ff; } /* 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 #0000ff; 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: #c0c0c0; 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: #c0c0c0; 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: #c0c0c0; 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: #c0c0c0; } #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: #c0c0c0; 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: #c0c0c0; } /*Menu Horizontal Menu Triggers required to show triggers*/ /*TRIGGERS and CUURENT MARK RULES The Closed state relates to trigger items when their child menus are not showing The Open state relates to trigger items when their child menus are showing Selectors appended with _left Automatically change arrow position and orientation if sub levels are set to fly out to the left*/ .p7PMMh01 UL A.trig_closed, .p7PMMh01 UL A.trig_closed_left { background-image: url(p7pmm/img/pmm_south_dark.gif); background-repeat: no-repeat; background-position: right center; } .p7PMMh01 UL A.trig_closed_up { background-image: url(p7pmm/img/pmm_north_dark.gif); background-repeat: no-repeat; background-position: right center; } /*Sub Level*/ .p7PMMh01 UL UL A.trig_closed { background-image: url(p7pmm/img/pmm_east_light.gif); background-repeat: no-repeat; background-position: right center; } .p7PMMh01 UL UL A.trig_closed_left { background-image: url(p7pmm/img/pmm_west_dark.gif); background-repeat: no-repeat; background-position: left center; } .p7PMMh01 UL A.trig_open, .p7PMMh01 UL A.trig_open_up { color: #CCC !important; background-color: #333 !important; } .p7PMMh01 UL UL A.trig_open { color: #EEE !important; background-color: #666 !important; } /*The Current Marker (You are here) links*/ .p7PMMh01 .current_mark { font-weight: bold; color: #FFFFFF !important; } /*Utility Rule used for Clearing floats in Horizontal Menus*/ .p7pmmclearfloat { clear: both; height: 0; line-height: 0; font-size: 0; } #ver-minimalist { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; margin: 10px; width: 180px; text-align: left; border-collapse: collapse; } #ver-minimalist th { padding: 2px 2px; font-weight: normal; font-size: 14px; border-bottom: 2px solid #6678b1; border-right: 20px solid #fff; border-left: 20px solid #fff; color: #039; } #ver-minimalist td { padding: 12px 2px 0px 2px; border-right: 10px solid #fff; border-left: 10px solid #fff; color: #669; } /*Menu Outer Wrapper*/ .p7PMMh01 { width: auto; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: inherit; border-top: 1px solid #ECECEC; background-color: #CCC; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #ECECEC; text-align: left; line-height: normal; } .p7PMMh01 .p7PMM { margin: 0 auto; } /*Hide Sub-Menu in Design View*/ .p7PMMh01 ul div { display: none; } /* TOP LEVEL MENU */ .p7PMMh01 ul { margin: 0; padding: 0; } .p7PMMh01 li { list-style-type: none; float: left; width: 120px; margin-top: 0px; } /* Hide from IE5 Mac \*/ .p7PMMh01 li {width: auto;} /* End Hiding */ /*Top Level Links*/ .p7PMMh01 a { display: block; text-decoration: none; padding: 8px 16px 8px 12px; color: #000 !important; background-color: #CCC !important; border-left: 1px solid #000; text-align: left; } .p7PMMh01 a:hover { color: #FFF !important; border-color: #000; background-color: #333 !important; } /* Syntax for special classes programatically assigned to first and last links and also LIs See user guide for more information */ .p7PMMh01 ul a.pmmfirst { } .p7PMMh01 ul a.pmmlast { border-right: 1px solid #000; } .p7PMMh01 ul ul a.pmmlast { border-right: 0; } .p7PMMh01 ul li.pmmfirst { } .p7PMMh01 ul li.pmmlast { } /*First Sub Level*/ .p7PMMh01 ul ul { width: 200px; border-bottom: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000; background-color: #333; } .p7PMMh01 ul ul li { float: none; } .p7PMMh01 ul ul a { padding: 4px 12px; color: #CCC !important; border-left: 0; background-color: #333 !important; text-align: left; overflow: hidden; } .p7PMMh01 ul ul a:hover { color: #EEE !important; background-color: #666 !important; } /*Third Level (Flyouts in horizontal menu)*/ .p7PMMh01 ul ul ul { border: 1px solid #000; } /* SPECIAL IMAGE-BASED RULES */ .p7PMMh01 img { border: 0; } .p7PMMh01 .p7PMM_img { padding: 0; border: 0; } /*Special Multicolor Rules*/ *  ----------------------------------- Pop Menu Magic 2 by Project Seven Development www.projectseven.com Menu Type: Vertical Style Theme: 01 - Multicolor ----------------------------------- */ /*Menu Outer Wrapper*/ .p7PMMv01 { width: auto; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: inherit; text-align: left; line-height: normal; /*Hide Sub-Menu in Design View*/ .p7PMMv01 ul div { display: none; /* TOP LEVEL MENU */ .p7PMMv01 ul { margin: 0; padding: 0; .p7PMMv01 li { list-style-type: none; margin-bottom: 6px; /*Top Level Links*/ .p7PMMv01 a { display: block; text-decoration: none; padding: 6px 12px; color: #000 !important; background-color: #FFF !important; border: 1px solid #999; text-align: left; .p7PMMv01 a:hover { color: #FFF !important; border-color: #000; background-color: #333 !important; /*Sub Level*/ .p7PMMv01 ul ul { z-index: 10000; width: 200px; border: 1px solid #000; background-color: #FFF; .p7PMMv01 ul ul li { margin: 0; .p7PMMv01 ul ul a { border: 0; padding: 6px 12px; text-align: left; overflow: hidden; /*Third Level (Flyouts in horizontal menu)*/ .p7PMMv01 ul ul ul {} /* Syntax for special classes programatically assigned to first and last links and also LIs See user guide for more information */ .p7PMMv01 ul a.pmmfirst { .p7PMMv01 ul a.pmmlast { .p7PMMv01 ul li.pmmfirst { .p7PMMv01 ul li.pmmlast { /* SPECIAL IMAGE-BASED RULES */ .p7PMMv01 img { border: 0; .p7PMMv01 .p7PMM_img { padding: 0; border: 0; background-image: none; background-color: transparent; /*Special Multicolor Rules*/ .p7PMMv01 .root_1 li, .p7PMMv01 .root_1 ul a, .p7PMMv01 .root_1 a:hover, .p7PMMv01 .root_1 a.trig_open, .p7PMMv01 .root_1 a.trig_open_left { background-color: #333 !important; color: #D8D8D8 !important; border-color: #000; .p7PMMv01 .root_2 li, .p7PMMv01 .root_2 ul a, .p7PMMv01 .root_2 a:hover, .p7PMMv01 .root_2 a.trig_open, .p7PMMv01 .root_2 a.trig_open_left { background-color: #956F84 !important; color: #FFF !important; border-color: #000; .p7PMMv01 .root_3 li, .p7PMMv01 .root_3 ul a, .p7PMMv01 .root_3 a:hover, .p7PMMv01 .root_3 a.trig_open, .p7PMMv01 .root_3 a.trig_open_left { background-color: #669CC4 !important; color: #FFF !important; border-color: #000; .p7PMMv01 .root_4 li, .p7PMMv01 .root_4 ul a, .p7PMMv01 .root_4 a:hover, .p7PMMv01 .root_4 a.trig_open, .p7PMMv01 .root_4 a.trig_open_left { background-color: #C1DF4A !important; color: #000 !important; border-color: #000; .p7PMMv01 .root_5 li, .p7PMMv01 .root_5 ul a, .p7PMMv01 .root_5 a:hover, .p7PMMv01 .root_5 a.trig_open, .p7PMMv01 .root_5 a.trig_open_left { background-color: #FFDB4A !important; color: #000 !important; border-color: #000; .p7PMMv01 .root_1 ul a:hover, .p7PMMv01 .root_1 ul a.trig_open, .p7PMMv01 .root_1 ul a.trig_open_left { background-color: #666 !important; color: #FFF !important; .p7PMMv01 .root_2 ul a:hover, .p7PMMv01 .root_2 ul a.trig_open, .p7PMMv01 .root_2 ul a.trig_open_left { background-color: #A68898 !important; color: #000 !important; .p7PMMv01 .root_3 ul a:hover, .p7PMMv01 .root_3 ul a.trig_open, .p7PMMv01 .root_3 ul a.trig_open_left { background-color: #98BDD8 !important; color: #000 !important; .p7PMMv01 .root_4 ul a:hover, .p7PMMv01 .root_4 ul a.trig_open, .p7PMMv01 .root_4 ul a.trig_open_left { background-color: #9EBE21 !important; color: #FFF !important; .p7PMMv01 .root_5 ul a:hover, .p7PMMv01 .root_5 ul a.trig_open, .p7PMMv01 .root_5 ul a.trig_open_left { background-color: #333 !important; color: #FFF !important; /* TRIGGERS and CUURENT MARK RULES The Closed state relates to trigger items when their child menus are not showing The Open state relates to trigger items when their child menus are showing Selectors appended with _left Automatically change arrow position and orientation if sub levels are set to fly out to the left */ /*Sub Level*/ .p7PMMv01 ul a.trig_closed { background-image: url(img/pmm_east_dark.gif); background-repeat: no-repeat; background-position: right center; .p7PMMv01 ul a.trig_closed_up { background-image: url(img/pmm_north_dark.gif); background-repeat: no-repeat; background-position: right center; .p7PMMv01 ul a.trig_closed_left { background-image: url(img/pmm_west_dark.gif); background-repeat: no-repeat; background-position: left center; .p7PMMv01 ul ul a.trig_closed { background-image: url(img/pmm_east_light.gif); background-repeat: no-repeat; background-position: right center; .p7PMMv01 ul ul a.trig_closed_left { background-image: url(img/pmm_west_light.gif); background-repeat: no-repeat; background-position: left center; .p7PMMv01 ul a.trig_open, .p7PMMv01 ul a.trig_open_left { color: #FFF !important; background-color: #000 !important; .p7PMMv01 ul ul a.trig_open, .p7PMMv01 ul ul a.trig_open_left { color: #FFF !important; background-color: #000 !important; /*The Current Marker (You are here) links*/ .p7PMMv01 .current_mark { font-weight: bold; .p7PMMv01 ul ul .current_mark { font-weight: bold;