/* theme.css contains styles that support different sizes of theme images */ @import url("theme.css"); /* begin general styles for all themes */ html,body { margin: auto; padding: 0px; background-color:#ffffff; font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; max-width: 75em; } p, table, td, th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #000000; margin-top: 0px; } form { margin: 0px; } a:link { color: #433162; text-decoration: underline; } a:visited { color: #5f4589; text-decoration: underline; } a:active { color: #ff0000; text-decoration: none; } a:hover { color: #ff9900; text-decoration: underline; } a.leftnav:link{ color: #433162; text-decoration: none; } a.leftnav:visited { color: #433162; text-decoration: none; } a.leftnav:hover { color: #ff9900; text-decoration: none; } a.leftnav:active { color: #433162; text-decoration: none; } a.homepage:link{ color: white; text-decoration: underline; } a.homepage:visited { color: white; text-decoration: underline; } a.homepage:hover { color: #573f7d; text-decoration: underline; } a.homepage:active { color: white; text-decoration: underline; } a.toplinks:link { color: #ffffff; font-weight:bold; text-decoration: none; } a.toplinks:visited { color: #ffffff; font-weight:bold; text-decoration: none; } a.toplinks:hover { color: #ff9900; font-weight:bold; text-decoration: none; } a.toplinks:active { color: #ffffff; font-weight:bold; text-decoration: none; } ul { list-style-type: square; } .centeralign {text-align:center} .actCHECKOUTEM { background-color: #a5a8ad; } .actCHECKOUTBG { background-color: #eeeeee; } .actlarger { font-size: 13px; color: #000000; } .actsmaller{ font-size: 11px; color: #000000; } .actxxsmall { font-size: 11px; color: #000000; } .actxsmall { font-size: 12px; color: #000000; } .actsmall { font-size: 12px; color: #000000; } .actregular { font-size: 13px; color: #000000; } .redtext { color: red; } .whitetext { color: white; } .actlarge{ font-size: 15px; color: #000000; } .actxlarge { font-size: 19px; color: #000000; } .actxxlarge { font-size: 19px; color: #000000; } .actwarningcolor { color: #000000; } .actrequiredcolor { color: #000000; } .greentext { color: #573f7d } .actsearchhighlightcolor { color: #573f7d; } .actrequired { color: #000000; } .topbarheader { color: #ffffff; font-size: 10px; letter-spacing: 2px;	 } a.topbarheader:link{ color: #ffffff; font-size: 10px; text-decoration: none; } a.topbarheader:visited { color: #ffffff; font-size: 10px; text-decoration: none; } a.topbarheader:hover { color: #ff9900; font-size: 10px;	 text-decoration: none; } a.topbarheader:active { color: #ffffff; font-size: 10px; text-decoration: none; } .actwarning { font-size: 12px; color: #000000; } .actwelcome { font-size: 12px; color: #000000; } .actlogotext { font-size: 12px; color: #D9090E; font-style: normal; font-weight: bold; text-align: center; } .actlogout { font-size: 12px; color: #433162; } .thinborder1 { border: 1px solid #573f7d; } .thinborder2 { border: 1px solid #a5a8ad; } .thinred { border: solid 1px #573f7d; border-top: 0px; } .thinred2 { border: solid 1px #a5a8ad; border-top: 0px; }  .content_left { text-align: left; float: left; margin-right: 20px; } .content_right { text-align: left; float: left; } .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; } /*SMALL LINKS*/ a.small:link{ font-size:xx-small; } a.small:visited{ font-size:xx-small; } a.small:hover{ font-size:xx-small; } a.small:active{ font-size:xx-small; } table.checkout td { background-color: #eeeeee; } table.checkout th { background-color: #a5a8ad; } .cart { background-color: #eeeeee; } .cartheading { background-color: #ff9900; font-weight: bold; } * 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; } /* end of general styles for all themes */ /* CSS Specific to 'Executive' */ /* PAGE MAIN FORMATTING ELEMENTS ------------------------------------------------------ */ /* page header fomatting elements ----------------------------------------------------- */ .page_header	{ background-color: #573f7d; 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: #a5a8ad; } .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:#ff9900;  border-top: 1px solid #a5a8ad; border-bottom: 1px solid #a5a8ad; } .page_header_menu_cart_items	{ padding: 3px 5px 4px 5px; background-color:#ff9900;	 border-left: 1px solid #a5a8ad; border-top: 1px solid #a5a8ad; border-bottom: 1px solid #a5a8ad; } .page_header_menu_login	{ padding: 3px 5px 4px 17px; background-image:url('theme_icon_login.gif'); background-color:#ff9900;  border-top: 1px solid #a5a8ad; border-bottom: 1px solid #a5a8ad; } /* end page header fomatting elements ------------------------------------------------- */ /* page menu fomatting elements ------------------------------------------------------- */ .page_menu	{ background-color: #a5a8ad; margin: 0px 0px 0px 0px; } .page_menu_content	{ width: 762px; height: 21px; } .page_menu_items	{ background-color: #a5a8ad; padding: 0px 0px 0px 1px; height: 21px; float: left; width: 65%; } .page_menu_items_search	{ background-color: #a5a8ad; 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 ------------------------------------------------ */ /* page left column fomatting elements -------------------------------------------------- */ .left_column_product_image_description	{ margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; } /* end page left column fomatting elements ---------------------------------------------- */ /* END OF PAGE MAIN FORMATTING ELEMENTS ------------------------------------------------- */ /* PRODUCT FORMATTING ELEMENTS & LINE ELEMENTS --------------------------------------------------- */ /* lines -------------------------------------------------------------------------------- */ .dotted_line_blue	{ height: 1px; background-color: #ffffff; background-image:url('theme_dotted_line.gif'); clear:both; } .solid_line_light_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #a5a8ad; clear:both; } .solid_line_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #573f7d; clear:both; } .dotted_outline_blue	{ border: 1px dotted #a5a8ad; padding: 8px; }		 /* end lines ---------------------------------------------------------------------------- */ .best_selling_items	{ padding: 10px; background-color: #ffffff; } .best_selling_items_spacing	{ padding: 0px 0px 8px 8px; } .product_image_cost	{ margin: 0px 12px 8px 0px; text-align: center; float: left; } .product_list	{ margin: 20px 0px 20px 0px; }	 /* PRODUCT FORMATTING ELEMENTS AND LINE ELEMENTS -------------------------------------------- */ /* IMAGE FORMATTING ELEMENTS ------------------------------------------------------------ */ .image_float_right	{ float: right; margin: 16px 0px 15px 20px; } .image_product	{ margin: 0px 18px 10px 0px; text-align: center; float: left; } /* END OF IMAGE FORMATTING ELEMENTS ----------------------------------------------------- */ /* TEXT FORMATTING ELEMENTS ------------------------------------------------------------- */ /* headings ----------------------------------------------------------------------------- */ h1	{ font-size: 19px; font-weight: 900; margin: 0px;		 padding: 5px 0px 5px 0px; color: #573f7d; } h1.subheading	{ font-size: 13px; font-weight: 900; margin: 0px; padding: 0px 0px 2px 0px; color: #573f7d; } h2	{ font-size: 15px; font-weight: 900; margin: 0px; padding: 2px 0px 2px 0px; color: #573f7d; } h2.clearall	{ font-size: 15px; font-weight: 900; margin: 0px; padding: 2px 0px 2px 0px; color: #573f7d; clear:both; } h3.product	{ font-size: 15px; font-weight: 900; margin: 0px; padding: 0px 0px 2px 0px; color: #573f7d; } h3.product_price	{ font-size: 12px; font-weight: 900; margin: 0px; padding: 0px 0px 2px 0px; } h3.headergap	{ font-size: 19px; font-weight: 900; margin: 0px;		 padding: 2px 0px 10px 0px; color: #000000; }			 .text_heading_left_column	{ margin: 0px; padding: 19px 0px 4px 0px; line-height:normal; color: #573f7d; font-weight: 900; font-size: 13px; } /* end headings ------------------------------------------------------------------------- */ /* list fomatting ----------------------------------------------------------------------- */ ul	{ line-height: 150%; padding: 0px 0px 0px 1px; margin: 0px 0px 18px 15px; font-size: 12px; } ul.products	{ line-height: normal; padding: 0px 0px 0px 1px; margin: 3px 0px 4px 15px; font-size: 12px; color: #000000; } /* end list fomatting ------------------------------------------------------------------- */ /* menu text --------------------------------------------------------------------------- */ .text_menu	{ padding: 2px 0px 2px 0px; font-size : 12px; margin: 0px; color : #ffffff; } .text_menu_no_space	{ word-spacing: normal; } .text_menu_cart	{ padding: 0px; margin: 0px; line-height: normal; } .text_menu_cart_items	{ padding: 0px; margin: 0px; line-height: normal; font-weight: 900; }	 /* end menu text ----------------------------------------------------------------------- */ /* product text ------------------------------------------------------------------------ */ .text_product_small_info	{ font-size: 11px; 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: #a5a8ad; font-weight: 900; font-size: 12px;} .text_product_small_info_price	{ margin: 0px; padding: 8px 0px 0px 0px; line-height:normal; font-weight: 900; font-size: 12px; } /* end product text -------------------------------------------------------------------- */ .text_breadcrumbs	{ font-size: 11px; color: #573f7d; margin: 0px; line-height:normal; padding: 2px 0px 10px 0px; }	 .text_footer	{ color: #a5a8ad; font-size: 11px; padding:0px; margin:4px 0px 0px 0px; } .text_options	{ font-weight: 900; } .text_word_spacing_8px	{ word-spacing: 8px; } .text_terms_conditions	{ color: #a5a8ad; font-size: 12px; border: 0; margin: 0; padding: 0; } /* END OF TEXT FORMATTING ELEMENTS ----------------------------------------------------- */ /* FORM FORMATTING ELEMENTS ------------------------------------------------------------ */ /* buttons ----------------------------------------------------------------------------- */ .form_button	{ line-height: normal; width: 76px; margin: 0px; padding: 0px 0px 0px 12px; font-size : 12px; background-color: #a5a8ad; border: 1px solid #573f7d; color: #ffffff; word-spacing: normal; }	 .form_button_quick_search	{ line-height: 13px; height: 18px; width: 85px; margin: 1px 1px 1px 1px; padding: 0px 0px 0px 12px; font-size : 12px; background-color: #a5a8ad; border: 1px solid #573f7d; color: #ffffff; background-image: url('theme_icon_search.gif'); word-spacing: normal; } .form_button_add_to_cart	{ line-height: 13px; height: 20px; width: 76px; margin: 0px 1px 0px 0px; padding: 1px 0px 1px 14px; font-size : 12px; background-color: #a5a8ad; border: 1px solid #573f7d; color: #ffffff; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; }	 /* end buttons ------------------------------------------------------------------------- */ .form_input_general	{ line-height: normal; font-size : 12px; word-spacing: normal; } .form_main_search_box	{ line-height: 13px; width: 76px; height: 16px; margin: 0px 1px 0px 1px; padding: 0px 0px 0px 2px; font-size : 12px; background-color: #eeeeee; border: 1px solid #eeeeee; color: #000000; vertical-align: top; } .form_main_search_box_td	{ background-color: #a5a8ad } /* END OF FORM FORMATTING ELEMENTS ------------------------------------------------------ */ /* LINK FORMATTING ELEMENTS ------------------------------------------------------------- */ a.product_section:visited  { color : #5f4589; text-decoration : none; } a.product_section:link  { color : #433162; text-decoration : none; } a.product_section:active  { color : #ff0000; text-decoration : none; } a.product_section:hover  { color : #ff9900; text-decoration : none; } /* ------------------------ */ a.link_menu:visited  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #a5a8ad;  border: 1px solid #ff9900; } a.link_menu:link  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #a5a8ad; border: 1px solid #ff9900; } a.link_menu:active  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #a5a8ad; border: 1px solid #ff9900; } a.link_menu:hover  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #573f7d; border: 1px solid #ff9900; } /* ------------------------ */ a.link_footer:visited  { color : #ff9900; text-decoration : underline; } a.link_footer:link  { color : #ff9900; text-decoration : underline; } a.link_footer:active  { color : #ff9900; text-decoration : underline; } a.link_footer:hover  { color : #ff9900; text-decoration : underline; } /* ------------------------ */ a.link_breadcrumbs:visited	{	 color : #573f7d; text-decoration : underline; } a.link_breadcrumbs:link  { color : #573f7d; text-decoration : underline; } a.link_breadcrumbs:active  { color : #573f7d; text-decoration : underline; } a.link_breadcrumbs:hover  { color : #ff9900; text-decoration : underline; } /* ------------------------ */ a.link_cart:visited	{	 color : #573f7d; text-decoration : underline; } a.link_cart:link  { color : #573f7d; text-decoration : underline; } a.link_cart:active  { color : #573f7d; text-decoration : underline; } a.link_cart:hover  { color : #573f7d; text-decoration : underline; } /* ------------------------ */ a.link_terms_conditions:visited	{	 color : #ff9900; text-decoration : underline; } a.link_terms_conditions:link  { color : #ff9900; text-decoration : underline; } a.link_terms_conditions:active  { color : #ff9900; text-decoration : underline; } a.link_terms_conditions:hover  { color : #ff9900; text-decoration : underline; } /* ------------------------ */ /* END OF LINK FORMATTING ELEMENTS ------------------------------------------------------ */ /* Elements Specific to the Technical Theme */ /* PAGE MAIN FORMATTING ELEMENTS ------------------------------------------------------ */ .tech_page_background	{ height: 100%; } .tech_page_content	{ width: 762px; text-align: left; height: 100%; bottom: 0px; background-color: #ffffff; border-right: 1px solid #573f7d; border-left: 1px solid #573f7d; padding: 0px 1px 0px 1px; } /* page header fomatting elements ----------------------------------------------------- */ .tech_page_header_content	{ width: 762px; text-align: left; height: 65px; border-bottom: 4px solid #573f7d; } .tech_page_header_logo_container	{ float: left; padding: 0px 0px 0px 15px; } .tech_page_header_menu	{ background-color: #573f7d; border-bottom: 1px solid #ff9900; height: 27px; } .tech_page_header_terms_cart_login_container	{ float: right; text-align: right; } .tech_page_header_terms_container	{ height: 38px; } .tech_page_header_menu_cart	{ padding: 3px 3px 2px 3px; border-left: 1px solid #ff9900; height: 21px; } .tech_page_header_menu_cart_items	{ padding: 3px 5px 4px 5px; border-left: 1px solid #ff9900; border-top: 1px solid #ff9900; border-bottom: 1px solid #ff9900; } .tech_page_header_menu_search	{ padding: 3px 3px 2px 1px; } /* end page header fomatting elements ------------------------------------------------- */ /* page menu formatting elements ------------------------------------------------------- */ .tech_main_menu	{ background-color: #573f7d } .tech_menu_bottom	{ height: 4px; background-color: #573f7d; } .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 #573f7d solid; } div.tech_menu_button_product { width: 119px;  top: 0px; left: 0px;  border: 1px #573f7d solid; } .tech_menu_button_title	{ width: 122px; border-top: 1px #ffffff solid; background-color: #573f7d; } /* end page menu fomatting elements ---------------------------------------------------- */ /* page body fomatting elements -------------------------------------------------------- */ .tech_page_body_content	{ width: 762px; text-align: left; } .tech_page_body_content_left_column	{ float: left;  width: 126px; } .tech_page_body_content_right_column	{ float: right; width: 574px; padding: 6px 36px 0px 0px; } /* end page body fomatting elements ----------------------------------------------------- */ /* END OF PAGE MAIN FORMATTING ELEMENTS ------------------------------------------------- */ /* PRODUCT FORMATTING ELEMENTS & LINE ELEMENTS --------------------------------------------------- */ /* lines -------------------------------------------------------------------------------- */ .tech_solid_line_blue	{ height: 1px; background-color: #573f7d; clear:both; } .tech_solid_line_light_blue	{ height: 1px; background-color: #ff9900; clear:both; } .tech_outline_blue	{ border: 1px solid #ff9900; padding: 0px; }	 /* end lines ---------------------------------------------------------------------------- */ .tech_product_image_cost	{ padding: 0px 12px 8px 0px; margin: 0px; text-align: center; float: left; } .tech_product_mini_title	{ background-color: #ff9900; margin: 0px; padding: 0px; } .tech_product_mini_padding	{ margin: 8px 8px 0px 8px; } /* PRODUCT FORMATTING ELEMENTS & LINE ELEMENTS -------------------------------------------- */ /* menu text --------------------------------------------------------------------------- */ .tech_text_product_section	{ padding: 3px 3px 3px 5px; margin: 0px; color : #ffffff; font-size : 12px; font-weight: 900; } .tech_text_menu_cart	{ padding: 2px 0px 2px 0px; font-size : 12px; margin: 0px; color : #ffffff; background-color: #573f7d;} .tech_text_menu_cart_items	{ color : #ffffff; padding: 0px 5px 0px 3px; margin: 0px; line-height: normal; font-weight: 900; }	 /* end menu text ----------------------------------------------------------------------- */ /* best seller and new product text ------------------------------------------------------------------------ */ .tech_text_product_small_info	{ font-size: 11px; line-height: normal; margin: 0px; padding: 0px 0px 8px 0px; } .text_product_small_info_price	{ margin: 0px; padding: 8px 0px 0px 0px; line-height:normal; color: #a5a8ad; font-weight: 900; font-size: 13px; } .tech_text_product_mini_title	{ color: #ffffff; font-weight: 900; padding: 3px 3px 3px 5px; margin: 0px; } /* end product text -------------------------------------------------------------------- */ /* END OF TEXT FORMATTING ELEMENTS ----------------------------------------------------- */ /* LINK FORMATTING ELEMENTS ------------------------------------------------------------- */ /* View Cart and Checkout In Top Bar */ a.tech_link_menu_cart_left:visited  { padding: 2px 5px 2px 5px; margin: 0px 0px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #a5a8ad;  border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } a.tech_link_menu_cart_left:link  { padding: 2px 5px 2px 5px; margin: 0px 0px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #a5a8ad; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } a.tech_link_menu_cart_left:active  { padding: 2px 5px 2px 5px; margin: 0px 0px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #ff9900; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } a.tech_link_menu_cart_left:hover  { padding: 2px 5px 2px 5px; margin: 0px 0px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #ff9900; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } a.tech_link_menu_cart_right:visited  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #a5a8ad;  border-left: 1px dotted #ffffff; border-right: 1px solid #ffffff; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } a.tech_link_menu_cart_right:link  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #a5a8ad; border-left: 1px dotted #ffffff; border-right: 1px solid #ffffff; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } a.tech_link_menu_cart_right:active  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #ff9900; border-left: 1px dotted #ffffff; border-right: 1px solid #ffffff; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;} a.tech_link_menu_cart_right:hover  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #ff9900; border-left: 1px dotted #ffffff; border-right: 1px solid #ffffff; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;} /* ------------------------ */ /* Links in Sidebar Menus */ div.tech_menu_button a  { width: 113px;  color: #ffffff; text-decoration:none; display:block; padding:3px; text-align:left; background-color: #a5a8ad; font-size: 11px; } div.tech_menu_button a:visited { color: #ffffff;  text-decoration:none; background-color: #a5a8ad; } div.tech_menu_button a:active { color: #ffffff;  text-decoration:none; background-color: #ff9900; } div.tech_menu_button a:link { color: #ffffff;  text-decoration:none; background-color: #a5a8ad;} div.tech_menu_button a:hover { color: #ffffff; text-decoration:none; background-color: #ff9900; } 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: #a5a8ad; font-size: 12px; } div.tech_menu_button_product a:visited { color: #ffffff;  text-decoration:none; background-color: #573f7d; background-image:url('theme_arrow.gif'); } div.tech_menu_button_product a:active { color: #ffffff;  text-decoration:none; background-color: #573f7d; background-image:url('theme_arrow.gif'); } div.tech_menu_button_product a:link { color: #ffffff;  text-decoration:none; background-color: #573f7d; background-image:url('theme_arrow.gif'); } div.tech_menu_button_product a:hover { color: #ffffff;  text-decoration:none; background-color: #ff9900; background-image:url('theme_arrow.gif'); } /* END OF LINK FORMATTING ELEMENTS ------------------------------------------------------ */ /* Styles for Contemporary Theme */ #maincontent { margin: 0 auto; background-color: #ffffff; height: 100%; padding: 7px; width: 776px; voice-family: "\"}\""; voice-family: inherit; width: 762px; } html>div#maincontent { width: 776px; } #contemporary_top_bar { width: auto; background-color: #573f7d; height: 64px; background-image:url('theme_topbar_background.gif'); background-position:right; background-repeat:no-repeat; } #contemporary_second_bar { width: auto; background-image: url('theme_secondbar_background.gif'); background-repeat: repeat-x; padding: 12px 5px 5px 5px; } #contemporary_parent_section_list { width: auto; padding: 5px 5px 0 5px; } .contemporary_body_content	{ width: 762px; text-align: left; } .contemporary_left_column	{ float: left;  width: 120px; } .contemporary_right_column	{ float: right; width: 574px; padding: 0px 36px 0px 0px; } /* End of Styles for Contemporary Theme */ /* DROP DOWN MENU */ #menuh-container { position: relative; } #menuh { font-size: 13px; font-family: Arial; width:100%;	 } #menuh a { font-size: 13px; text-align: left; display:block;		 /* border-right: 1px solid #ffffff; */ white-space:nowrap; margin:0; padding: 0.2em; } #menuh a, #menuh a:visited	/* menu at rest */ { color: #000000; background-color: #573f7d; text-decoration:none; } #menuh a:hover	/* menu at mouse-over  */ { background-color: #a5a8ad; }	 #menuh a.top_parent, #menuh a.top_parent:hover { letter-spacing:1px; /* background-image: url(navdown_white.gif); */ /* background-position: 10em 50%; */ /* background-repeat: no-repeat; */ } #menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */ { background-image: url(nav_white.gif); background-position: right center; background-repeat: no-repeat; } #menuh ul { list-style:none; margin:0; padding:0; float:left; width:13em;	/* width of all menu boxes */	 } #menuh li { position:relative; min-height: 1px; 	/* Sophie Dennis contribution for IE7 */ vertical-align: bottom; /* Sophie Dennis contribution for IE7 */	 } #menuh ul ul { position:absolute; z-index:500; top:auto; display:none; padding: 1em; margin:-1em 0 0 -1em;	 } #menuh ul ul ul { top:0; left:100%; } div#menuh li:hover { cursor:pointer; z-index:100; } div#menuh li:hover ul ul, div#menuh li li:hover ul ul, div#menuh li li li:hover ul ul, div#menuh li li li li:hover ul ul {display:none;} div#menuh li:hover ul, div#menuh li li:hover ul, div#menuh li li li:hover ul, div#menuh li li li li:hover ul {display:block;} /* End CSS Drop Down Menu */ /* NEW *********************** */ #multicols ul { /* margin: 20px 0 1em 100px; padding: 0; 	  list-style: none; */			 } #multicols li { /* line-height: 1.3em;  padding: 0;  margin: 0 0 0 .5em;  list-style: none; */ } #multicols .col1 { margin-left: 0em; } #multicols .col2 {margin-left: 10.5em;} #multicols .col3 {margin-left: 21em;} #multicols .coltopper {margin-top: -11.5em;} #multicols a { display: block;  position: relative;  width: 10.2em;  color: #000000; background-color: #a5a8ad; text-decoration: none;  padding-left: 0.2em; font-size: 12px; } #multicols a:visited	/* menu at mouse-over  */ { background-color: #a5a8ad; } #multicols a:hover	/* menu at mouse-over  */ { background-color: #b1b1b1; text-decoration:underline; }		 /* END OF NEW ********************* */ /* LEFT NAV MENU ELEMENTS START ********************* */ #leftnavcol { text-align: left; margin: 0; padding: 0; border-top: 0; } #leftnavcol ul { margin: 0; padding: 0; font-size: 13px;	 } #leftnavcol ul li { background: white; border-bottom: 1px solid #573f7d; list-style-type: none; } #leftnavcol ul li.leftnavcol-active { background: #573f7d; } #leftnavcol ul li.leftnavcol-sub1 { background: #A6A9AE; border-bottom: 1px solid #7A6367; } #leftnavcol ul li.leftnavcol-sub1-active { background: #ff9900; border-bottom: 1px solid #7A6367; background-image: url('small-arrow-leftnavsub1.gif'); background-position: 10px 0.52em; background-repeat: no-repeat;	 } #leftnavcol ul li.leftnavcol-sub2 { background: #AE604E; border-bottom: 1px solid #d6ada3; } a.leftnavtop:link { vertical-align: middle; line-height: 20px; padding-left: 13px;	 color: black; text-decoration: none; } a.leftnavtop:visited { vertical-align: middle; line-height: 20px; padding-left: 13px;	 color: black; text-decoration: none; } a.leftnavtop:hover { vertical-align: middle; line-height: 20px; padding-left: 13px;	 color: #ff9900; text-decoration: none; background-image: url('small-arrow.gif'); background-position: 3px 0.4em; background-repeat: no-repeat;	 } a.leftnavtop:active { vertical-align: middle; line-height: 20px; padding-left: 13px;	 color: black; text-decoration: none; } a.leftnavtop-button:link { vertical-align: middle; line-height: 25px; padding-left: 13px;	 color: black; text-decoration: none; } a.leftnavtop-button:visited { vertical-align: middle; line-height: 25px; padding-left: 13px;	 color: black; text-decoration: none; } a.leftnavtop-button:hover { vertical-align: middle; line-height: 25px; padding-left: 13px;	 color: red; text-decoration: none; } a.leftnavtop-button:active { vertical-align: middle; line-height: 25px; padding-left: 13px;	 color: black; text-decoration: none; } a.leftnavtop-active:link { vertical-align: middle; line-height: 20px; padding-left: 13px;	 color: white; text-decoration: none; background-image: url('small-arrow-leftnavtop.gif'); background-position: 3px 0.4em; background-repeat: no-repeat;	 } a.leftnavtop-active:visited { vertical-align: middle; line-height: 20px; padding-left: 13px;	 color: white; text-decoration: none; background-image: url('small-arrow-leftnavtop.gif'); background-position: 3px 0.4em; background-repeat: no-repeat;	 } a.leftnavtop-active:hover { vertical-align: middle; line-height: 20px; padding-left: 13px;	 color: #a5a8ad; text-decoration: none; background-image: url('small-arrow-leftnavtop.gif'); background-position: 3px 0.4em; background-repeat: no-repeat;	 } a.leftnavtop-active:active { vertical-align: middle; line-height: 20px; padding-left: 13px;	 color: white; text-decoration: none; background-image: url('small-arrow-leftnavtop.gif'); background-position: 3px 0.4em; background-repeat: no-repeat;	 } a.leftnavsub1:link { vertical-align: middle; line-height: 20px; padding-left: 20px;	 color: black; text-decoration: none; } a.leftnavsub1:visited { vertical-align: middle; line-height: 20px; padding-left: 20px;	 color: black; text-decoration: none; } a.leftnavsub1:hover { vertical-align: middle; line-height: 20px; padding-left: 20px;	 color: #573f7d; text-decoration: none; background-image: url('small-arrow-leftnavsub2.gif'); background-position: 10px 0.4em; background-repeat: no-repeat;	 } a.leftnavsub1:active { vertical-align: middle; line-height: 20px; padding-left: 20px;	 color: black; text-decoration: none; } a.leftnavsub1-active:link { vertical-align: middle; line-height: 20px; padding-left: 20px;	 color: #372851; text-decoration: none; } a.leftnavsub1-active:visited { vertical-align: middle; line-height: 20px; padding-left: 20px;	 color: #372851; text-decoration: none; } a.leftnavsub1-active:hover { vertical-align: middle; line-height: 20px; padding-left: 20px;	 color: #F3F3F3; text-decoration: none; } a.leftnavsub1-active:active { vertical-align: middle; line-height: 20px; padding-left: 20px;	 color: #372851; text-decoration: none; } a.leftnavsub2:link { vertical-align: middle; line-height: 20px; padding-left: 27px;	 color: black; text-decoration: none; } a.leftnavsub2:visited { vertical-align: middle; line-height: 20px; padding-left: 27px;	 color: black; text-decoration: none; } a.leftnavsub2:hover { vertical-align: middle; line-height: 20px; padding-left: 27px;	 color: #d6ada3; text-decoration: none; background-image: url('small-arrow-leftnavsub2.gif'); background-position: 17px 0.4em; background-repeat: no-repeat;		 } a.leftnavsub2:active { vertical-align: middle; line-height: 20px; padding-left: 27px;	 color: black; text-decoration: none; } /* LEFT NAV MENU ELEMENTS END   ********************* */ table.topright { border-color: #000000; border-width: 1px 0 0 0; border-style: solid; background-color: #573f7d; } td.topright { border-color: #000000; border-width: 0 1px 1px 0; border-style: solid; margin: 0; padding: 4px; background-color: #573f7d; } td.topright-corner { border-color: #000000; border-width: 0 0 0 0; border-style: solid; margin: 0; background-color: #573f7d; } td.topright-left { border-color: #000000; border-width: 0 1px 1px 0; border-style: solid; margin: 0; padding-right: 4px; background-color: #573f7d; } td.topright-right { border-color: #000000; border-width: 0 0 1px 0; border-style: solid; margin: 0; padding-left: 4px; background-color: #573f7d; } /* --- NEW FOR TOP NAV DROP DOWN MENU --- */ div#menu a {text-decoration:none !important;} div#menu span a:hover {border: 0px;} div#menu span table a:hover {border:0px;text-decoration:underline !important; color: #ff9900 !important;} #menu h1, h2, h3, h4, h5, h6  {color:#444444; margin:0; padding:0;} #menu h3 {font-size:1.4em} ul.nav  {margin-bottom:10px; padding:0; !important; line-height:1.4em;} ul.nav li {margin:0 0 0 0; padding:0; !important; list-style:none outside none !important;  background: none !important; color: #AE604E;} ul.nav li a {color : #333333 !important;} ul.nav li h4 {color: #333333; margin-bottom:0px; font-size:1.2em !important;} div.border { border-right:solid 1px #CCCCCC;} div.threecolumn ul, div.fourcolumn ul, div.twocolumn ul, div.khandlesThreeColumn ul {padding:0px; margin:0px; height:100%;margin-left:10px; margin-right:5px;} /*********** Doors, Worktops and Sinks Tab ***********/ div#menu a#khandlesTab span.normal {display:inline; position:relative; top:0px; left:0px; margin-right:-3px;} div#menu a#khandlesTab span.hover { display:none; } div#menu a#khandlesTab:hover span.normal {display:none;} div#menu a#khandlesTab:hover span.hover {display:inline; position:relative; top:0px; left:0px; margin-right:-3px;} div#menu span#khandlesTabMenuItem:hover span.hover {display:inline; position:relative; top:0px; left:0px; margin-right:-3px;} /** This is for IE **/ div#menu a#khandlesTab #khandles {display:none; postion: absolute;} div#menu a#khandlesTab:hover #khandles {display: inline; position: absolute; top: 93px; left: 285px; width: 360px; border: 2px solid #ff9900; background-color:#fff; z-index:200; padding-bottom:10px} /** This is for Mozilla **/ div#menu span#khandlesTabMenuItem #khandles {display:none; postion: absolute;} div#menu span#khandlesTabMenuItem:hover span.normal {display:none;} div#menu span#khandlesTabMenuItem:hover #khandles {display: block; position: absolute; top: 97px; left: 5px; width: 365px; border: 2px solid #ff9900; background-color:#fff; z-index:200;} div.fourcolumn  { float:left; padding:0px; margin:0px; _height:340px; height:340px; width:24.5%;} div.khandlesThreeColumn { float:left; padding:0px; margin:0px; _height:230px; height:230px; width:32.5%;} div.twocolumn { float:left; padding:0px; margin:0px; _height:230px; height:230px; width:49.5%;} div#menu #khandles tr td { font-size: 1.09em !important; padding-bottom: 5px; padding-top: 7px; padding-left:12px; text-decoration:none; } #khandles h3 {color:#333333; padding-bottom:8px;padding-left:10px;} /*********** Drawers and Storage Tab ***********/ div#menu a#doorsTab span.normal {display:inline; position:relative;top:0px;left:0px; margin-right:-3px;} div#menu a#doorsTab span.hover {display:none;} div#menu a#doorsTab:hover span.normal {display:none;} div#menu a#doorsTab:hover span.hover {display:inline; position:relative;top:0px;left:0px; margin-right:-3px;} div#menu span#doorsMenuItem:hover span.hover {display:inline; position:relative; top:0px; left:0px; margin-right:-3px;} /** This is for IE **/ div#menu a#doorsTab #doors {display:none;} div#menu a#doorsTab:hover #doors {display: inline; position: absolute; top: 93px; left: 510.5px; width: 425px; border: 2px solid #ff9900; background-color:#fff; z-index:200;} /** This is for Mozilla **/ div#menu span#doorsMenuItem #doors {display:none;} div#menu span#doorsMenuItem:hover span.normal {display:none} div#menu span#doorsMenuItem:hover #doors { display: block; position: absolute; top: 97px; left: 205px; width: 420px; border: 2px solid #ff9900; background-color:#fff; z-index:200;} div#menu #doors tr td { font-size: 1.09em !important; padding-bottom: 5px; padding-top: 7px; padding-left:14px; text-decoration:none; } div.threecolumn { float:left; padding:0px; margin:0px; _height:240px; height:240px; width:32.5%;} #doors h3 {padding-bottom:8px; padding-left:10px;} /*********** Handles and Accessories Tab ***********/ div#menu a#accessoriesTab span.normal {display:inline; position:relative; top:0px; left:0px; margin-right:-3px;} div#menu a#accessoriesTab:hover span.normal {display:none;} div#menu a#accessoriesTab span.hover {display:none;} div#menu a#accessoriesTab:hover span.hover {display:inline; position:relative; top:0px; left:0px;  margin-right:-3px;} div#menu span#accessoriesMenuItem:hover span.hover {display:inline; width:144px; position:relative; top:0px; left:0px; margin-right:-3px;} /** This is for IE **/ div#menu a#accessoriesTab #accessories {display:none;} div#menu a#accessoriesTab:hover #accessories {display: inline; position: absolute; top: 93px; left: 631.5px; width: 460px; border: 2px solid #ff9900; background-color:#fff; z-index:200;} /** This is for Mozilla **/ div#menu span#accessoriesMenuItem #accessories {display:none;} div#menu span#accessoriesMenuItem:hover span.normal {display:none} div#menu span#accessoriesMenuItem:hover #accessories { display: block; position: absolute; top: 97px; left: 365px; width: 455px; border: 2px solid #ff9900; background-color:#fff; z-index:200;} div#menu #accessories tr td { font-size: 1.09em !important; padding-bottom: 5px; padding-top: 7px;  padding-left:12px; text-decoration:none; } #accessories h3 {padding-bottom:8px; padding-left:10px;} /*********** Customer Care Tab ***********/ #custcare ul { margin:0 0 0 0;  padding:0; } div#menu a#custcareTab span.normal {display:inline; position:relative; top:0px; left:0px; margin-right:-3px;} div#menu a#custcareTab:hover span.normal {display:none;} div#menu a#custcareTab span.hover {display:none;} div#menu a#custcareTab:hover span.hover {display:inline; position:relative; top:0px; left:0px;  margin-right:-3px;} div#menu span#custcareMenuItem:hover span.hover {display:inline; width:154px; position:relative; top:0px; left:0px; margin-right:-3px;} /** This is for IE **/ div#menu a#custcareTab #custcare {display:none;} div#menu a#custcareTab:hover #custcare {display: inline; position: absolute; top: 93px; left: 631.5px; width: 178px; border: 2px solid #ff9900; background-color:#fff; z-index:200;} /** This is for Mozilla **/ div#menu span#custcareMenuItem #custcare {display:none;} div#menu span#custcareMenuItem:hover span.normal {display:none} div#menu span#custcareMenuItem:hover #custcare { display: block; position: absolute; top: 97px; left: 554px;  width: 178px; border: 2px solid #ff9900; background-color:#fff;  z-index:200;} div#menu #custcare tr td { font-size: 1.09em !important; padding-bottom: 5px; padding-top: 7px;  padding-left:12px; text-decoration:none; } #custcare h3 {padding-bottom:3px;} /* New Addition for removing margins */ .noMargin		{ margin-left: 0 !important; padding-left: 0 !important; } .noTopMargin    { margin-top:0px !important;}