/* theme.css contains styles that support different sizes of theme images */ @import url("theme.css"); /* begin general styles for all themes */ html,body { margin: 0px; padding: 0px; background-color:#99ccff; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: medium; } .logoimage { border: 0 none; margin: 0; } p { font-size: 0.8em; margin-top: 0px; } form { margin: 0px; } a:link { color: #003366; text-decoration: none; } a:visited { color: #003399; text-decoration: none; } a:hover { color: #003399; text-decoration: underline; } a:active { color: #003399; text-decoration: none; } ul { list-style-type: square; } .actCHECKOUTEM { background-color: #e3efff; } .actCHECKOUTBG { background-color: #ffffff; } .actlarger { font-size: 0.85em; color: #000000; } .actsmaller{ font-size: 0.72em; color: #000000; } .actxxsmall { font-size: 0.72em; color: #000000; } .actxsmall { font-size: 0.8em; color: #000000; } .actsmall { font-size: 0.8em; color: #000000; } .actregular { font-size: 0.85em; color: #000000; } .actlarge{ font-size: 1em; color: #000000; } .actxlarge { font-size: 1.1em; color: #000000; } .actxxlarge { font-size: 1.1em; color: #000000; } .actwarningcolor { color: #ff3300; } .actrequiredcolor { color: #ff3300; } .actsearchhighlightcolor { color: #ff0000; } .actrequired { color: #ff3300; } .actwarning { font-size: 0.8em; color: #ff3300; } .actwelcome { font-size: 0.8em; color: #000000; } .actlogotext { font-size: 0.8em; color: #D9090E; font-style: normal; font-weight: bold; text-align: center; } .actlogout { font-size: 0.8em; color: #003366; } .tinytext {font-size: 0.5em;} .thinborder1 { border: 1px solid #ffffff; } .thinborder2 { border: 1px solid #6699cc; } .thinred { border: solid 1px #ffffff; border-top: 0px; } .thinred2 { border: solid 1px #6699cc; 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: #99ccff; } a.boxlink:link{ color: #99ccff; text-decoration:none; } a.boxlink:visited{ color: #99ccff; text-decoration:none; } a.boxlink:hover{ color: #99ccff; text-decoration:underline; } a.boxlink:active{ color: #99ccff; text-decoration:none; } table.checkout td { background-color: #ffffff; } table.checkout th { background-color: #e3efff; } .cart { background-color: #ffffff; } .cartheading { background-color: #e3efff; 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: #99ccff;  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 ------------------------------------------------------ */ .maincontainer { width: 960px; margin: 0 auto; border: 0 none; background: #ffffff; } /* page header fomatting elements ----------------------------------------------------- */ .page_header { background-color: #ffffff; align: center; } .page_header_content	{ width: 960px; text-align: left; height: 80px; } .page_header_home_search_box	{ padding: 1px; margin: 1px; background-image:url('theme_dotted_line_2.gif'); background-color: #6699cc; } .page_header_logo_container	{ float: left; } .page_header_menu_cart_login_spacing	{ padding-left: 2px; } .page_header_main_navigation	{ text-align: left; } .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-color:#003399;  border-top: 1px solid #6699cc; border-bottom: 1px solid #6699cc; } .page_header_menu_cart_items	{ padding: 3px 5px 4px 5px; background-color:#003399;	 border-left: 1px solid #6699cc; border-top: 1px solid #6699cc; border-bottom: 1px solid #6699cc; } .page_header_menu_login	{ padding: 3px 5px 4px 17px; background-color: #003399;  border-top: 1px solid #6699cc; border-bottom: 1px solid #6699cc; } /* end page header fomatting elements ------------------------------------------------- */ /* page menu fomatting elements ------------------------------------------------------- */ .page_menu	{ background-color: #003399; background-image: url('navbkd.gif'); background-repeat: repeat-x; width: 960px; height: 21px; margin: 0; } .heading_text { color: #ffffff; font-size: 0.8em; font-weight: bold; margin: 0;		 padding: 2px 0 2px 12px; float: left; } .phone_number { color: #ffffff; font-size: 0.8em; font-weight: bold; margin: 0;		 padding: 2px 12px 2px 0; float: right; } .page_menu_items	{  background-color: #ffffff; padding: 0px; font-size: 0.85em; margin: 5px 0 5px 0; } .page_menu_items_search	{ background-color: #ffffff; margin: 1px 3px 0 0; padding: 0px; float: right; } /* end page menu fomatting elements ---------------------------------------------------- */ /* page body fomatting elements -------------------------------------------------------- */ .page_body	{ padding: 0; } .page_body_content { width: 960px; background-color: #ffffff; background-image: url('http://www.helapet.com/images/left_column_bg.gif'); background-position: top left; background-repeat: repeat-y; text-align: left; margin: 0; } .page_body_content_left_column	{ float: left;  width: 170px; margin: 0 10px 0 5px; background: #e7efff; } .page_body_content_right_column	{ float: right;  width: 770px; margin: 0 0 0 0; } .othercontent {font-size: 0.8em; margin: 0 20px 10px 0;} /* end page body fomatting elements ----------------------------------------------------- */ /* page footer fomatting elements ------------------------------------------------------- */ .page_footer	{ padding: 30px 0px 30px 0px; clear:both; } .page_footer_content	{ width: 960px; 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: #6699cc; background-image:url('theme_dotted_line.gif'); clear:both; } .solid_line_light_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #6699cc; clear:both; } .solid_line_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #6699cc; clear:both; } .dotted_outline_blue	{ border: 1px dotted #6699cc; padding: 8px; }		 /* end lines ---------------------------------------------------------------------------- */ .best_selling_items	{ padding: 10px; background-color: #99ccff; } .best_selling_items_spacing	{ padding: 0px 0px 8px 8px; } .product_image_cost	{ margin: 0px 12px 8px 0px; text-align: center; float: left; } .product_list	{ width: 760px; margin: 0px; }	 .section_list	{ width: 760px; margin: 15px 0px 0px 0px; }	 .title_product	{ padding: 20px 0 20px 0; }	 .text_product	{ font-size: 0.8em; margin: 0px 180px 10px 170px; position: relative; }	 .info_product	{ width: 160px; margin: 0; text-align: left; float: right; }	 .extra_info_anchor { margin: 0; padding: 0; } .extra_info	{ width: 160px; margin: 0; text-align: left; position: absolute; top: 45px; left: 430px; } .attribute_list	{ margin: 0; text-align: right; } .component_list	{ margin: 0; text-align: right; } .text_fragment { font-size: 0.85em; padding: 0px; margin: 0 15px 15px 0; }	 .tight {padding: 0; margin: 0;} /* PRODUCT FORMATTING ELEMENTS AND LINE ELEMENTS -------------------------------------------- */ /* IMAGE FORMATTING ELEMENTS ------------------------------------------------------------ */ .image_float_right	{ float: right; margin: 16px 0px 15px 20px; } .image_product	{ position: relative; width: 160px; margin: 5px; text-align: center; float: left; } .image_fragment	{ margin: 5px 15px 5px 5px; text-align: center; float: left; } /* END OF IMAGE FORMATTING ELEMENTS ----------------------------------------------------- */ /* TEXT FORMATTING ELEMENTS ------------------------------------------------------------- */ /* headings ----------------------------------------------------------------------------- */ h1	{ font-size: 1.1em; font-weight: 900; margin: 10px 10px 20px 0px;		 padding: 0px; color: #003399; } h1.subheading	{ font-size: 0.85em; font-weight: 900; margin: 0px; padding: 0px 0px 14px 0px; color: #003399; } h2	{ font-size: 1em; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #003399; } h2.clearall	{ font-size: 1em; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #003399; clear:both; } h3.product	{ font-size: 0.85em; font-weight: 900; margin: 0px; padding: 0px 0px 6px 0px; color: #003399; } h3.product_price	{ font-size: 0.8em; 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: #003399; font-weight: 900; font-size: 0.85em; } /* end headings ------------------------------------------------------------------------- */ /* list fomatting ----------------------------------------------------------------------- */ ul	{ line-height: 150%; padding: 0px 0px 0px 1px; margin: 0px 0px 18px 15px; font-size: 0.8em; } ul.products	{ line-height: normal; padding: 0px 0px 0px 1px; margin: 3px 3px 4px 15px; font-size: 0.8em; color: #ff3300; } ul.mainul {padding: 0px; margin: 3px 3px 4px 30px; color: #000000; line-height: normal;} /* end list fomatting ------------------------------------------------------------------- */ /* menu text --------------------------------------------------------------------------- */ .text_menu	{ padding: 2px; font-size : 0.8em; margin: 0px; color: #6699cc; } .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: 0.72em; 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: #6699cc; font-weight: 900; font-size: 0.8em;} .text_product_small_info_price	{ margin: 0px; padding: 8px 0px 0px 0px; line-height:normal; font-weight: 900; font-size: 0.8em; } /* end product text -------------------------------------------------------------------- */ .text_breadcrumbs	{ font-size: 0.72em; color: #003399; margin: 0px; line-height:normal; padding: 25px 0px 15px 0px; }	 .text_footer	{ color: #6699cc; font-size: 0.72em; padding:0px; margin:4px 0px 0px 0px; } .text_options	{ font-weight: normal; } .text_word_spacing_8px	{ word-spacing: 8px; } .text_terms_conditions	{ color: #6699cc; font-size: 0.8em; border: 0; margin: 0; padding: 0; } .footer {clear: both; width: 960px; background-color: #ffffff; border-top: 1px solid #6699cc;} .footerleft {float: left; margin: 0; padding: 0; background-color: #ffffff;} .footerright {float: right; width: 770px; margin: 0; padding: 0; text-align: left; background-color: #ffffff;} .utilities {color: #000000; font-size: 0.65em; font-family: verdana,arial,helvetica,sans-serif; margin: 5px 0 5px 5px;} .utilityimage {border: 0 none; margin: 1px 2px 1px 2px; vertical-align: middle;} .address {color: #000000; font-size: 0.65em; font-family: verdana,arial,helvetica,sans-serif; margin: 5px 5px 5px 0;} .copyright {color: #000000; font-size: 0.65em; font-family: verdana,arial,helvetica,sans-serif; margin: 5px 5px 5px 0;} .webmaster {color: #000000; font-size: 0.65em; font-family: verdana,arial,helvetica,sans-serif; padding: 5px 0 5px 5px; margin: 0; text-align: right; background-color: #99ccFF;} /* END OF TEXT FORMATTING ELEMENTS ----------------------------------------------------- */ /* FORM FORMATTING ELEMENTS ------------------------------------------------------------ */ /* buttons ----------------------------------------------------------------------------- */ .form_button	{ margin: 0px 1px 0px 0px; font-size : 0.8em; font-weight: bold; }	 .form_button_quick_search	{ font-size: 0.8em; } .form_button_add_to_cart	{ margin: 3px 1px 1px 1px; font-size: 1em; float: right; font-weight: bold; cursor: pointer; }	 /* end buttons ------------------------------------------------------------------------- */ .form_input_general	{ line-height: normal; font-size : 0.8em; word-spacing: normal; } .form_main_search_box	{ font-size: 0.8em; border: 1px solid #000000; margin: 1px 0 2px 0; } .form_main_search_box_td	{ background-color: #6699cc } /* END OF FORM FORMATTING ELEMENTS ------------------------------------------------------ */ /* LINK FORMATTING ELEMENTS ------------------------------------------------------------- */ a.product_section:visited  { color : #003399; text-decoration : none; } a.product_section:link  { color : #003366; text-decoration : none; } a.product_section:active  { color : #003399; text-decoration : none; } a.product_section:hover  { color : #003399; text-decoration : none; } /* ------------------------ */ a.link_menu:visited  {	 color: #003399; text-decoration : none; /* background-color: #003399; */ /* border: 1px solid #6699cc; */ } a.link_menu:link  {;	 color: #003399; text-decoration : none; /* background-color: #003399; */ /* border: 1px solid #6699cc; */ } a.link_menu:active  {	 color: #003399; text-decoration : none; /* background-color: #003399; */ /* border: 1px solid #6699cc; */ } a.link_menu:hover  {	 color: #003399; text-decoration : underline; /* background-color: #ffffff; */ /* border: 1px solid #6699cc; */ } /* ------------------------ */ a.link_footer:visited  { color: #003399; text-decoration : underline; } a.link_footer:link  { color: #003399; text-decoration : underline; } a.link_footer:active  { color: #003399; text-decoration : underline; } a.link_footer:hover  { color: #003399; text-decoration : none; } /* ------------------------ */ a.link_breadcrumbs:visited	{	 color: #003399; text-decoration : underline; } a.link_breadcrumbs:link  { color: #003399; text-decoration : underline; } a.link_breadcrumbs:active  { color: #003399; text-decoration : underline; } a.link_breadcrumbs:hover  { color: #003399; text-decoration : underline; } /* ------------------------ */ a.link_cart:visited	{	 color : #ffffff; text-decoration : underline; } a.link_cart:link  { color : #ffffff; text-decoration : underline; } a.link_cart:active  { color : #ffffff; text-decoration : underline; } a.link_cart:hover  { color : #ffffff; text-decoration : underline; } /* ------------------------ */ a.link_terms_conditions:visited	{	 color : #003399; text-decoration : underline; } a.link_terms_conditions:link  { color : #003399; text-decoration : underline; } a.link_terms_conditions:active  { color : #003399; text-decoration : underline; } a.link_terms_conditions:hover  { color : #003399; text-decoration : underline; } /* ------------------------ */ /* END OF LINK FORMATTING ELEMENTS ------------------------------------------------------ */ /* BOX FORMATTING ------------------------------------------------------ */ .rightbox {margin: 0 0 0 0; background-color: #E3EFFF;} .rightboxcontent {padding: 5px; font-size: 0.8em;} .menubox {margin: 0 10px 0 0; background-color: #E3EFFF;} .menuboxcontent {padding: 7px; font-size: 0.8em;} .prodlinkinfo {font-size: 0.9em; padding: 0; text-indent: -10px; margin: 0 0 0 10px;} .leftbox {margin: 10px 20px 10px 10px; background-color: #FFE7E7;} .leftboxcontent {padding: 5px; font-size: 0.7em} .imageboxcontent {padding: 2px;} .ledge_blue { background-position: left top; background-image: url(v_blue.gif); background-repeat: repeat-y } .uedge_blue { background-position: right top; background-image: url(v_blue.gif); background-repeat: repeat-x } .redge_blue { background-position: right top; background-image: url(v_blue.gif); background-repeat: repeat-y } .bedge_blue { background-position: left bottom; background-image: url(v_blue.gif); background-repeat: repeat-x } .ulcorner_blue { background-position: left top; background-image: url(tl_blue.gif); background-repeat: no-repeat } .urcorner_blue { background-position: right top; background-image: url(tr_blue.gif); background-repeat: no-repeat } .blcorner_blue { background-position: left bottom; background-image: url(bl_blue.gif); background-repeat: no-repeat } .brcorner_blue { background-position: right bottom; background-image: url(br_blue.gif); background-repeat: no-repeat } .section_intro_box {margin: 0 10px 0 0; background-color: #DFE8F7;} .section_intro_content {padding: 5px;} .section_intro_text {padding: 5px;} .ledge { background-position: left top; background-image: url(v.gif); background-repeat: repeat-y } .uedge { background-position: right top; background-image: url(v.gif); background-repeat: repeat-x } .redge { background-position: right top; background-image: url(v.gif); background-repeat: repeat-y } .bedge { background-position: left bottom; background-image: url(v.gif); background-repeat: repeat-x } .ulcorner { background-position: left top; background-image: url(tl.gif); background-repeat: no-repeat } .urcorner { background-position: right top; background-image: url(tr.gif); background-repeat: no-repeat } .blcorner { background-position: left bottom; background-image: url(bl.gif); background-repeat: no-repeat } .brcorner { background-position: right bottom; background-image: url(br.gif); background-repeat: no-repeat } /* BOX FORMATTING ------------------------------------------------------ */