/* File: document-styles.css Created: May 12, 2002 Copyright: Copyright © 2002 Ag-Pak Purpose: This file defines the cascading style sheet definitions used for page layout and rendering within the Ag-Pak Internet web site (agpak.com). Compliance: All definitions within this file are compliant with the w3c cascading style sheet specification as defined in www.w3.org/TR/REC-CSS2. Comments: Please do not alter style classes defined below as these definitions affect the entire AgPak web site. */ /* */ .contentHeader { font-family: Arial, Verdana, Serif; font-style: normal; font-weight: bold; font-size: 11px; text-align: left; background-color: #FF8080; color: #FFFFFF; padding-left: 10px; padding-bottom: 3px; padding-top: 3px } /* Defines the header text and link styles employed throughout page header, which presents white text or white hyperlinks on the header background. */ .headerLink { font-family: Verdana, Arial, Serif; font-style: normal; font-size: 10px; text-decoration: none; color: #FFFFFF } .headerSmlText { font-family: Verdana, Arial, Serif; font-style: normal; font-size: 9px; padding-left: 4px; padding-top: 4px; color: #FFFFFF } .headerMedText { font-family: Verdana, Arial, Serif; font-style: normal; font-size: 10px; padding-left: 4px; padding-top: 4px; color: #FFFFFF } .headerStdText { font-family: Verdana, Arial, Serif; font-style: normal; font-size: 11px; padding-left: 4px; padding-top: 4px; color: #FFFFFF } .headerLrgText { font-family: Verdana, Arial, Serif; font-style: normal; font-size: 12px; padding-left: 4px; padding-top: 4px; color: #FFFFFF } /* Define the menu header block and associated text links used for the sidebar menu presented throughout the site. */ .menuHeader { font-family: Verdana, Arial, Serif; font-weight: bold; font-style: normal; font-size: 12px; padding-left: 4px; padding-top: 5px; padding-bottom: 5px; color: #FFFFFF } .menuLink { font-family: Arial, Verdana, Serif; font-weight: bold; font-style: normal; font-size: 11px; text-decoration: none; color: #196950 } /* Defines the standard text and large text fonts for use throughout the site. */ .stdText { font-family: Arial, Verdana, Serif; font-style: normal; font-size: 11px } .smallText { font-family: Arial, Verdana, Serif; font-style: normal; font-size: 10px } .largeText { font-family: Arial, Verdana, Serif; font-style: normal; font-size: 12px } .redText { font-family: Arial, Verdana, Serif; font-style: normal; color: red; font-size: 11px } /* Defines the standard link style used with the page body throughout the site. */ .stdTextLink { font-family: Arial, Verdana, Serif; font-style: normal; font-size: 11px; text-decoration: underline; color: #FF0000 } .largeTextLink { font-family: Arial, Verdana, Serif; font-style: normal; font-size: 12px; text-decoration: underline; color: #FF8040 } .siteTextLink { font-family: Arial, Verdana, Serif; font-style: normal; font-size: 9px; text-decoration: underline; color: #FF8040 } /* Defines the text and link styles for the page footers used throughout the site. Presents white text on the footer background. */ .footerLink { font-family: Verdana, Arial, Serif; font-style: normal; font-weight: bold; font-size: 10px; text-decoration: none; vertical-align: center; color: #FFFFFF } .footerText { font-family: Verdana, Arial, Serif; font-style: normal; font-size: 10px; text-decoration: none; color: #FFFFFF } /* Title definitions */ .titleHeader { font-family: Verdana, Arial, Serif; font-weight: bold; font-style: normal; font-size: 12px; margin-left: 4px; margin-bottom: 0px; margin-top: 4px; padding-left: 8px; padding-bottom: 0px; padding-top: 5px; height: 24px; width: 100%; background-color: #DDDDDD; color: #196950 } /* Defines the text format for the title section of the page content. */ .contentTitleText { font-family: Verdana, Arial, Serif; font-weight: bold; font-style: normal; font-size: 12px; text-indent: 15px; padding-top: 15px } /* Defines the display characteristics used for the column header for the table displayed on the upcoming events page. */ .columnHeader { font-family: Arial, Verdana, Serif; font-style: normal; font-weight: bold; font-size: 10px; text-decoration: none; text-align: left; background-color: #A5B9A5; color: #000000; padding-left: 5px; padding-bottom: 5px; padding-top: 5px } /* Defines the display characteristics used for the column data elements for the table displayed on the upcoming events page. */ .columnData { font-family: Arial, Verdana, Serif; font-style: normal; font-size: 10px; text-decoration: none; text-align: left; color: #000000; padding-left: 5px; padding-bottom: 5px; padding-top: 5px } /* Defines the display characteristics used for the column header for the table displayed on the upcoming events page. */ .reviewHeader { font-family: Arial, Verdana, Serif; font-style: normal; font-size: 11px; text-decoration: none; text-align: left; background-color: #A5B9A5; color: #000000; padding-left: 5px; padding-bottom: 5px; padding-top: 5px } /* Defines the display characteristics used for the column header for the table displayed on the upcoming events page. */ .techHeader { font-family: Arial, Verdana, Serif; font-style: normal; font-weight: bold; font-size: 10px; text-decoration: none; text-align: left; background-color: #8080FF; color: #FFFFFF; padding-left: 5px; padding-bottom: 5px; padding-top: 5px } /* Defines the display characteristics used for the technical specification data employed on the product description pages */ .techData { font-family: Arial, Verdana, Serif; font-style: normal; font-size: 10px; text-decoration: none; text-align: center; color: #000000; padding-bottom: 5px; padding-top: 5px } .techText { font-family: Arial, Verdana, Serif; font-style: normal; font-size: 10px; text-decoration: none; vertical-align: top; color: #000000; padding-left: 10px; padding-bottom: 5px; padding-top: 5px } .descripText { font-family: Arial, Verdana, Serif; font-style: normal; font-size: 11px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px } .salesFrame { padding-top: 10px; padding-right: 10px } .imageFrame { padding-left: 10px } .imageRight { padding-right: 16px } .menuTab { font-family: Arial, Verdanda, Serif; font-style: normal; font-weight: bold; font-size: 11px; text-decoration: none; text-align: center; color: #FFFFFF; width: 58px; padding-right: 8px; padding-left: 8px; padding-top: 4px; padding-bottom: 4px } .menuItem { font-family: Arial, Verdanda, Serif; font-style: normal; font-weight: bold; font-size: 10px; text-decoration: underline; text-align: center; color: #FFFFFF; width: 75px; padding-right: 8px; padding-left: 8px; padding-top: 4px; padding-bottom: 4px } .activeItem { font-family: Arial, Verdanda, Serif; font-style: normal; font-weight: bold; font-size: 10px; text-decoration: underline; text-align: center; color: #FF0000; width: 75px; padding-right: 8px; padding-left: 8px; padding-top: 4px; padding-bottom: 4px } .activeTab { font-family: Arial, Verdanda, Serif; font-style: normal; font-weight: bold; font-size: 11px; text-decoration: underline; text-align: center; color: #FF0000; width: 70px; padding-right: 8px; padding-left: 8px; padding-top: 4px; padding-bottom: 4px } .menuDate { font-family: Arial, Verdanda, Serif; font-style: normal; font-size: 10px; text-decoration: none; color: #FFFFFF; padding-right: 8px; padding-left: 8px; padding-top: 5px; padding-bottom: 5px }