/* 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:#ffffff; font-family: Arial, Helvetica, sans-serif; color: #055485; font-size: 11px; background-image:url('bg2.gif'); background-repeat: repeat-x; } p, table, td, th { font:11px Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #163b82; margin-top: 0px; } a:link { color: #0F97C9; font-weight: bold; text-decoration: none; } a:visited { color: #0F97C9; font-weight: bold; text-decoration: none; } a:hover { color: #0FccC9; font-weight: bold; text-decoration: underline; } a:active { color: #0F97C9; font-weight: bold; text-decoration: none; } form { margin: 0px; } li { color:#163B82; list-style-type:disc; } ol { color:#163B82; } ul { color:#163B82; list-style-type:disc; } H1, H2, H3, H4, H5, H6 { font-family:Arial, Helvetica, sans-serif; color:#0F97C9; } /*--------------------- Generic text formatting used throughout the store ---------------------------- */ .actCHECKOUTEM { background-color: #055485; } .actCHECKOUTBG { background-color: #dde3ed; } .actlarger { font-size: 13px; color: #FFFFFF; } .actsmaller{ font-size: 10px; color: #FFFFFF; } .actxxsmall { font-size: 10px; color: #0f97c9; font-weight:400;}/*FCF*/  .actxsmall { font-size: 11px; color: #000000; } .actsmall { font-size: 11px; color: #000000; } .actregular { font-size: 13px; color: #000000; } .actlarge{ font-size: 16px; color: #FFFFFF; } .actxlarge { font-size: 20px; color: #000000; } .actxxlarge { font-size: 20px; color: #000000; } .actlogotext { font-size: 11px; color: #D9090E; font-style: normal; font-weight: bold; text-align: center; } .actsmaller{ font-size: smaller; color: #163B82; } .actxxsmall, .actxsmall, .actsmall, .actregular {font-size:11px; color:#163B82;} /*-----  ???  ---------*/ .actlarge{font-size:12px; color:#163B82;} .actxlarge{font-size:14px; color:#163B82;}  /*-----  ???  ---------*/ .actxxlarge{font-size:16px; color:#163B82;} /*-----  ???  ---------*/ .actlarger { font-size: larger; color: #163B82; } .actwarningcolor,  .actrequiredcolor,  .actsearchhighlightcolor,  .actrequired,  .actwarning,  {font-size: 11px; color:#ff0000;} .actwelcome{font-size: 11px; color:#163b82;} .actlogotext { font-family:bold x-small Arial, Helvetica, sans-serif;  color: #000000;  font-style: normal;  text-align: center; } .actlogout { font-size:x-small; color:#0f97c9; } /* -----------------------------------------Boxes and borders ------------------------------------------- */ .thinborder1 { border: 1px solid #678298; } .thinborder2 { border: 1px solid #828baa; } .thinred { border: solid 1px #678298; border-top: 0px; } .thinred2 { border: solid 1px #828baa; border-top: 0px; }  .boxheading { font-weight: bold; text-transform: uppercase; color: #ffffff; } a.boxlink:link, a.boxlink:visited, a.boxlink:active { color: #ffffff; text-decoration:none; } a.boxlink:hover{ color: #ffffff; text-decoration:underline; } * 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 ------------------------------------------- */ table.checkout td { background-color: #dde3ed; color:#FFFFFF; } table.checkout th { background-color: #055485; color:#FFFFFF;} .cart { background-color: #dde3ed; } .cartheading { background-color: #055485; color:#FFFFFF;  font-weight: bold; } /* Checkout Progress Indicator  ------------------------------------------------ */ p.checkout-progress-heading { width: 300px; margin: 10px auto; } #checkout-progress-indicator { width: 300px; height: 19px; background-image: url('../cpi-background.gif'); margin: 0 auto 20px auto; } .checkout-progress-0 { width: 75px; height: 19px; background-color: #055485; background-image: url('../cpi-main.gif'); float: left; } .checkout-progress-1 { width: 150px; height: 19px; background-color: #055485; background-image: url('../cpi-main.gif'); float: left; } .checkout-progress-2 { width: 225px; height: 19px; background-color: #055485; background-image: url('../cpi-main.gif'); float: left; } .checkout-progress-3 { width: 300px; height: 19px; background-color: #055485; 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; } /* Formatting for the site map -------------------------------------------- */ #actinic-sitemap { margin-left: 5px; } #actinic-sitemap ul { margin-bottom: 0; padding-bottom: 0; } /* 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: #055485; } h1.subheading	{ font-size: 13px; font-weight: 900; margin: 0px; padding: 0px 0px 14px 0px; color: #828baa; } h2	{ font-size: 16px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #828baa; } h2.clearall	{ font-size: 16px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #828baa; clear:both; } h3.product	{ font-size: 15px; font-weight: 900; margin: 0px; padding: 0px 0px 6px 0px; color: #0f97c9; } h3.product_price	{ font-size: 14px; 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: #055485; font-weight: 900; font-size: 13px; } h4 	{ font-size: 12px; font-weight: 900; margin: 0px; color:#0F97C9; } /* 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: #dde3ed; border: 1px solid #eeeeee; color: #000000; vertical-align: top; } .form_main_search_box_td	{ background-color: #828baa } .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: #828baa; border: 1px solid #055485; 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: #828baa; 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; } /* -------------------------Sidebar menus Links to sections and pages in   -----------------------------*/ ul.products	{ line-height: normal; padding: 0px 0px 0px 1px; margin: 3px 0px 4px 15px; font-size: 11px; color: #0f97c9; } .product_section a:link, .product_section a:visited, .product_section a:active   { color : #0f97c9; text-decoration : none; } a.product_section:hover  { color : #163b82; text-decoration : underline; } /* lines -------------------------------------------------------------------------------- */ .dotted_line_blue	{ height: 1px; background-color: #bec9dd; clear:both; } .solid_line_light_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #828baa; clear:both; } .solid_line_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #bec9dd; clear:both; } .dotted_outline_blue	{ border: 1px dotted #828baa; padding: 8px; }		 /* Styles for 'Compact Parent Section List' ------------------------ */ .text_breadcrumbs	{ font-size: 10px; color: #678298; margin: 0px; line-height:normal; font-style:italic; padding: 2px 0px 10px 0px; }	 a.link_breadcrumbs:link , a.link_breadcrumbs:visited, a.link_breadcrumbs:hover, a.link_breadcrumbs:active	{	 color : #678298; text-decoration : underline; }	 /* Page footer  --------------------------------------------------------*/ .text_footer	{ color: #0F97C9; font-size: 10px; padding:0px; margin:4px 0px 0px 0px; } .text_menu_no_space	{ word-spacing: normal; } a.link_footer:link, a.link_footer:visited, a.link_footer:hover, a.link_footer:active { color : #f0f0f0; 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: 76px; margin: 0px 1px 0px 0px; padding: 1px 0px 1px 14px; font-size : 11px; background-color: #828baa; border: 1px solid #678298; 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: #828baa;  border: 1px solid #f0f0f0; } a.link_menu:link  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #828baa; border: 1px solid #f0f0f0; } a.link_menu:active  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #828baa; border: 1px solid #f0f0f0; } a.link_menu:hover  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #055485; border: 1px solid #f0f0f0; } /* Styles for 'Top Level Section List In Boxes' and 'Brochure Nav Bar In Boxes' --------------------*/ .tech_main_menu	{ background-color: #678298 } .tech_menu_bottom	{ height: 4px; background-color: #678298; } .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 #678298 solid; } div.tech_menu_button_product { width: 119px;  top: 0px; left: 0px;  border: 1px #678298 solid; } .tech_menu_button_title	{ width: 122px; border-top: 1px #ffffff solid; background-color: #678298; } .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: #828baa; font-size: 11px; } div.tech_menu_button a:visited { color: #ffffff;  text-decoration:none; background-color: #828baa; } div.tech_menu_button a:active { color: #ffffff;  text-decoration:none; background-color: #f0f0f0; } div.tech_menu_button a:link { color: #ffffff;  text-decoration:none; background-color: #828baa; } div.tech_menu_button a:hover { color: #ffffff; text-decoration:none; background-color: #f0f0f0; } 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: #828baa; font-size: 11px; } div.tech_menu_button_product a:visited { color: #ffffff;  text-decoration:none; background-color: #678298; background-image:url('../theme_arrow.gif'); } div.tech_menu_button_product a:active { color: #ffffff;  text-decoration:none; background-color: #678298; background-image:url('../theme_arrow.gif'); } div.tech_menu_button_product a:link { color: #ffffff;  text-decoration:none; background-color: #678298; background-image:url('../theme_arrow.gif'); } div.tech_menu_button_product a:hover { color: #ffffff;  text-decoration:none; background-color: #f0f0f0; 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 #678298; width: 229px; margin: 0px 20px 14px 0px; } .heading_marketing_box p.text_product_small_info_heading	{ background-color: #678298; border-bottom: 2px solid #678298; 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 #678298; } .indented-link a:hover { background-color: #f0f0f0; } /* 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 #f0f0f0; border-bottom: 0; border-right: 0; background-image: url('../prime_link_background.gif'); background-repeat: no-repeat; } /* PAGE MAIN FORMATTING ELEMENTS ------------------------------------------------------ */ /* page header fomatting elements ----------------------------------------------------- */ .page_header	{ background-color: #055485; margin: 0px 0px 0px 0px; } .page_header_content	{ width: 762px; text-align: left; height: 63px; } .page_header_home_search_box	{ padding: 1px; margin: 0px; background-image:url('../theme_dotted_line_2.gif'); background-color: #828baa; } .page_header_logo_container	{ float: left; } .page_header_menu_cart_login_spacing	{ padding-left: 2px; } .page_header_terms_cart_login_container	{ float: right; text-align: right; } .page_header_terms_container	{ height: 38px; } .page_header_menu_cart	{ padding: 3px 5px 4px 19px; background-image:url('../theme_icon_cart.gif'); background-color:#f0f0f0;  border-top: 1px solid #828baa; border-bottom: 1px solid #828baa; } .page_header_menu_cart_items	{ padding: 3px 5px 4px 5px; background-color:#f0f0f0;	 border-left: 1px solid #828baa; border-top: 1px solid #828baa; border-bottom: 1px solid #828baa; } .page_header_menu_login	{ padding: 3px 5px 4px 17px; background-image:url('../theme_icon_login.gif'); background-color:#f0f0f0;  border-top: 1px solid #828baa; border-bottom: 1px solid #828baa; } /* end page header fomatting elements ------------------------------------------------- */ /* page menu fomatting elements ------------------------------------------------------- */ .page_menu	{ background-color: #828baa; margin: 0px 0px 0px 0px; } .page_menu_content	{ width: 762px; height: 21px; } .page_menu_items	{ background-color: #828baa; padding: 0px 0px 0px 1px; height: 21px; float: left; width: 65%; } .page_menu_items_search	{ background-color: #828baa; padding: 0px 0px 0px 1px; height: 21px; float: right; width: 30%; } /* end page menu fomatting elements ---------------------------------------------------- */ /* page body fomatting elements -------------------------------------------------------- */ .page_body	{ padding: 10px 0px 0px 0px; } .page_body_content	{ width: 762px; text-align: left; } .page_body_content_left_column	{ float: left;  width: 170px; } .page_body_content_right_column	{ float: right;  width: 552px; } /* end page body fomatting elements ----------------------------------------------------- */ /* page footer fomatting elements ------------------------------------------------------- */ .page_footer	{ padding: 30px 0px 30px 0px; clear:both; } .page_footer_content	{ width: 762px; text-align: left; } /* end of page footer fomatting elements ------------------------------------------------ */ /* END OF PAGE MAIN FORMATTING ELEMENTS ------------------------------------------------- */ /* TEXT FORMATTING ELEMENTS AND LINK ELEMENTS -------------------------------------------- */ /* menu text --------------------------------------------------------------------------- */ .text_menu_cart	{ padding: 0px; margin: 0px; line-height: normal; } .text_menu_cart_items	{ padding: 0px; margin: 0px; line-height: normal; font-weight: 900; }	 .text_word_spacing_8px	{ word-spacing: 8px; } .text_terms_conditions	{ color: #828baa; font-size: 11px; border: 0; margin: 0; padding: 0; } /*CUSTOM CSS CLASSES*/ .topnav { color: #FFFFFF; text-decoration: none; } a.topnav:Hover { color: #FFFFFF; text-decoration: none; } /* .leftnav a:link .leftnav a:visited, .leftnav a:active { font:bold 11px Arial, Helvetica, sans-serif; line-height: 15px; color: #0FccC9; /*0F97C9 text-decoration: underline; text-align:left; } .leftnav a:hover { font:bold 11px Arial, Helvetica, sans-serif; color:#6FC1DD ;  /*#163B82 text-decoration: underline; } */ .offerheadline { font:bold 11px Arial, Helvetica, sans-serif; line-height: 12px; color: #0F97C9; text-decoration: none; } .bodycopy { font:11px Arial, Helvetica, sans-serif; line-height: 15px; color: #163B82; text-decoration: none; } .prodSectionHead { font:bold 12px Arial, Helvetica, sans-serif; line-height: 15px; color: #0F97C9; text-decoration: none; } a { color: #0F97C9; text-decoration: none; } a:hover {	 color: #0F97C9; text-decoration: underline } .forms { font:11px Arial, Helvetica, sans-serif; color: #163B82; background-color: #FFFFFF; } .buttons { font:11px Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: normal; background-color: #0F97C9; } .cartcontents { font-family:10px Arial, Helvetica, sans-serif; line-height: 14px; color: #0F97C9; text-decoration: none; } .catalogProductTitle { font-family:bold 18px Arial, Helvetica, sans-serif; line-height: 21px; color: #0F97C9; text-decoration: none; } .catalogPrice { font:bold 18px Arial, Helvetica, sans-serif; line-height: 18px; color: #0F97C9; text-decoration: none; } select { font:11px Arial, Helvetica, sans-serif; color: #163B82; } input { font:11px Arial, Helvetica, sans-serif; color: #163B82; } textarea { font:11px Arial, Helvetica, sans-serif; color: #163B82; } .basketheader { font:bold 11px Arial, Helvetica, sans-serif; line-height: 12px; color: #FFFFFF; text-decoration: none; font-weight: ; background-color: #055081; } .footer { font:11px Arial, Helvetica, sans-serif; line-height: 16px; color: #6FC1DD; text-decoration: none; } /*---------------------------------------------------test this--------------------------------------*/ .small....text { font:10px Arial, Helvetica, sans-serif; line-height: 12px; color: #ADADAD; text-decoration: none; } .smallprint  { font:11px Arial, Helvetica, sans-serif; line-height: 14px; color: #6FC1DD; text-decoration: none; } .smallprint a:link, .smallprint a:visited, .smallprint a:active,{ font:11px Arial, Helvetica, sans-serif; line-height: 14px; color: #6FC1DD; text-decoration: none; } .smallprint a:hover { color: #163B82; text-decoration: underline; } hr { color:"#BEC9DD"; } #white {	 background-image:url('white.jpg'); background-repeat: repeat-x; } /*-------------------------------------------------- body specific-------------------------------------------*/ .actCHECKOUTEM, .actCHECKOUTBG {background-color:#FFFFFF;} .actlarger { font-size: larger; color: #163B82; } .actsmaller{ font-size: smaller; color: #163B82; } .actxxsmall, .actxsmall, .actsmall, .actregular {font-size:11px; color:#163B82;} .actlarge{font-size:12px; color:#163B82;} .actxlarge{font-size:14px; color:#163B82;} .actxxlarge{font-size:16px; color:#163B82;} .actwarningcolor,  .actrequiredcolor,  .actsearchhighlightcolor,  .actrequired,  .actwarning,  {color:#ff0000;} .actwelcome{color:#163b82;} .actlogotext { font-family:bold x-small Arial, Helvetica, sans-serif;  color: #000000;  font-style: normal;  text-align: center; } .actlogout { font-size:x-small; color:#0f97c9; } /* ---------------------------------Default formatting of all text boxes used in store pages ---------------- */ .form_input_general	{ line-height: normal; font-size : 11px; word-spacing: normal;	} /* 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; }