/* ***************************************** 
	This file contains 6 sections:
	* Imported Styles
	* Header Styles
	* Sidebar Styles
	* Footer Styles
	* Main Content Styles
	* Default Styles

	Each section contains 3 subsections
	* Font Styles
	* Table Styles
	* Link Styles
***************************************** */

/* ******************************
 * Imported Styles */
 
/* Global Styles - Affects all efollett.com sites. */
@import url(global_styles.css);

/* ****************************** 
 * Header Styles -> Font Styles */

/* Regular text used in the header */
div.headerFooter {font-family: arial, helvetica, sans-serif;font-size: 11px;font-weight: normal;color: #FFFFFF;padding-bottom: 3px;padding-left: 5px;padding-right: 5px;padding-top: 2px;}
/* Header Styles -> Link Styles */
a.headerFooterLinks:link {font-family: arial, helvetica, sans-serif;font-size: 11px;font-weight: normal;color: #FFFFFF;padding: 0px;margin: 0px;text-decoration: none;}
a.headerFooterLinks:visited {font-family: arial, helvetica, sans-serif;font-size: 11px;font-weight: normal;color: #FFFFFF;padding: 0px;margin: 0px;text-decoration: none;}
a.headerFooterLinks:active {font-family: arial, helvetica, sans-serif;font-size: 11px;font-weight: normal;color: #FFFFFF;padding: 0px;margin: 0px;text-decoration: underline;}
a.headerFooterLinks:hover {font-family: arial, helvetica, sans-serif;font-size: 11px;font-weight: normal;color: #FFFFFF;padding: 0px;margin: 0px;text-decoration: underline;}

a.BackLink:link {font-size: 5px; color: #006633;text-decoration: none;}
a.BackLink:visited {font-size: 5px; color: #006633;text-decoration: none;}
a.BackLink:active {font-size: 5px; color: #006633;text-decoration: none;}
a.BackLink:hover {font-size: 5px; color: #006633;text-decoration: none;}
/*h2 {font-family: arial, helvetica, sans-serif;text-decoration: none;} */
/* Header Styles -> Table Styles */

/* Background for the a.headerlinks and other Header content */
td.headerFooter {background-color: #006633;}
/* Secondary Color below header */
td.headerFooterBreak {background-color: #FF9900;}
/* Background for the a.categoryLinks links */
td.categoryLinks {background-color: #99CC99;}

/* Category link .DIV style */
div.categoryLinks {padding-bottom: 0px;padding-left: 1px;  padding-right: 1px;  padding-top: 0px;}
div.subCategory {padding-bottom: 0px;padding-left: 13px;  padding-right: 1px;  padding-top: 0px;}
div.subCategory2 {padding-left: 22px;  padding-right: 1px;  padding-top: 0px;  padding-bottom: 0px;}
div.subCategory3 {padding-left: 40px;  padding-right: 3px;  padding-top: 0px;  padding-bottom: 0px;}
/* Category link style */
a.categoryLinks:link {font-family: arial, helvetica, sans-serif;text-decoration: none;font-size: 12px;color: #006633;font-weight: bold;}
a.categoryLinks:visited {font-family: arial, helvetica, sans-serif;text-decoration: none;font-size: 12px;color: #006633;font-weight: bold;}
a.categoryLinks:active {font-family: arial, helvetica, sans-serif;text-decoration: none;font-size: 12px;color: #FF9900;font-weight: bold;}
a.categoryLinks:hover {font-family: arial, helvetica, sans-serif;text-decoration: none;font-size: 12px;color: #FF9900;font-weight: bold;}
/* subCategory link style */
a.subCategory:link {font-family: arial, helvetica, sans-serif;text-decoration: none;font-size: 11px;color: #006633;font-weight: bold;}
a.subCategory:visited {font-family: arial, helvetica, sans-serif;text-decoration: none;font-size: 11px;color: #006633;font-weight: bold;}
a.subCategory:active {font-family: arial, helvetica, sans-serif;text-decoration: underline;font-size: 11px;color: #FFFFFF;font-weight: bold;}
a.subCategory:hover {font-family: arial, helvetica, sans-serif;text-decoration: underline;font-size: 11px;color: #FFFFFF;font-weight: bold;}
/* subCategory2 link style */
a.subCategory2:link {font-family: arial, helvetica, sans-serif;text-decoration: none;font-size: 11px;color: #333333;font-weight: bold;}
a.subCategory2:visited {font-family: arial, helvetica, sans-serif;text-decoration: none;font-size: 11px;color: #333333;font-weight: bold;}
a.subCategory2:active {font-family: arial, helvetica, sans-serif;text-decoration: underline;font-size: 11px;color: #FFFFFF;font-weight: bold;}
a.subCategory2:hover {font-family: arial, helvetica, sans-serif;text-decoration: underline;font-size: 11px;color: #FFFFFF;font-weight: bold;}
/* subCategory3 link style */
a.subCategory3:link {font-family: arial, helvetica, sans-serif;text-decoration: none;font-size: 11px;color: #333333;font-weight: bold;}
a.subCategory3:visited {font-family: arial, helvetica, sans-serif;text-decoration: none;font-size: 11px;color: #333333;font-weight: bold;}
a.subCategory3:active {font-family: arial, helvetica, sans-serif;text-decoration: underline;font-size: 11px;color: #333333;font-weight: bold;}
a.subCategory3:hover {font-family: arial, helvetica, sans-serif;text-decoration: underline;font-size: 11px;color: #333333;font-weight: bold;}

/* Sidebar Styles -> Font Styles */

/* Paragraph text used in the sidebar */
p.sideText {font-family: arial, helvetica, sans-serif;font-size: 11px;color: #333333;text-decoration: none;}
/* Paragraph text used in the sidebar */
div.sideText           {font-family: arial, helvetica, sans-serif;font-size: 11px;color: Black;text-decoration: none;  padding: 2px 5px 3px 5px; }
div.sideTextForMatList {font-family: arial, helvetica, sans-serif;font-size: 11px;color: Black;text-decoration: none;  padding: 2px 5px 3px 5px; }
/* Heading text in the sidebar. See td.mainHeading */
div.sideHeading {font-family: arial, helvetica, sans-serif;font-size: 13px;font-weight: bold;color: Black;text-decoration: none;  padding: 2px 5px 3px 5px; }

/* Sidebar Styles -> Link Styles */
a.sidebarLinks:link {font-family: arial, helvetica, sans-serif;text-decoration: underline;font-size: 8pt;color: #6B6C6C;font-weight: bold;padding: 0px;margin: 0px;line-height: 10pt;}
a.sidebarLinks:visited {font-family: arial, helvetica, sans-serif;text-decoration: underline;font-weight: bold;color: #6B6C6C;font-weight: bold;padding: 0px;margin: 0px;line-height: 10pt;}
a.sidebarLinks:active {font-family: arial, helvetica, sans-serif;text-decoration: underline;font-weight: bold;color: #6B6C6C;font-weight: bold;padding: 0px;margin: 0px;line-height: 10pt;}
a.sidebarLinks:hover {font-family: arial, helvetica, sans-serif;text-decoration: none;font-weight: bold;color: black;font-weight: bold;padding: 0px;margin: 0px;line-height: 10pt;}
a.sidebarsubLinks:link {font-family: arial, helvetica, sans-serif;text-decoration: none;font-weight: normal;color: #CC6600;font-size: 8pt;}
a.sidebarsubLinks:visited {font-family: arial, helvetica, sans-serif;text-decoration: none;font-weight: normal;color: #CC6600; font-size: 8pt;}
a.sidebarsubLinks:active {font-family: arial, helvetica, sans-serif;text-decoration: underline;font-weight: normal;color: #CC6600; font-size: 8pt;}
a.sidebarsubLinks:hover {font-family: arial, helvetica, sans-serif;text-decoration: underline;font-weight: normal;color: #CC6600; font-size: 8pt;}

/* Sidebar Styles -> Table Styles */
/* The background & style of the sidebar */
td.sidebar {background-color: #999999;}
/* The background & style of the sidebar Heading*/
td.sideHeading {background-color: #CCCCCC;  border-bottom-width: 1px;  border-color: #333333;  border-style: solid;  border-left-width: 0px;  border-right-width: 0px;  border-top-width: 0px;}
/* The background & style of the sidebar Heading*/
th.sideHeading {background-color: #CCCCCC;border-left-width: 0px;  border-right-width: 0px;  border-top-width: 0px;border-bottom-width: 1px;  border-color: #333333;  border-style: solid;}
td.nonactiveLinks {font-family: arial, helvetica, sans-serif;font-size: 8pt;color: #B5B5B5;font-weight: bold;line-height: 10pt;}
td.sidebarsubLinks {font-family: arial, helvetica, sans-serif;}
/* Background for the sideText text */
td.sideText {background-color: White;}
/* When viewing Sub categories, a list of them is displayed on the sidebar and the current category is highlighted. Background for class a.subCategory*/
td.subCategory {background-color: #CCCCCC;}
/* Background for class a.subCategory2*/
td.subCategory2 {background-color: #CCCCCC;}
/* Background for class a.subCategory3*/
td.subCategory3 {background-color: #FFFFFF;}

/* ****************************** 
 * Footer Styles -> Font Styles */
font.footerText {font-family: arial, helvetica, sans-serif;font-size: 11px;font-weight: normal;color: White;text-decoration: none;}
div.footer {font-family: arial, helvetica, sans-serif;font-size: 11px;font-weight: normal;color: White;text-decoration: none;padding-bottom: 3px;padding-left: 5px;padding-right: 5px;padding-top: 2px;}
/* Footer Styles -> Link Styles*/
a.footerLinks:link {font-family: arial, helvetica, sans-serif;font-size: 8pt;color: #FFFFFF;padding: 0px;margin: 0px;text-decoration: none;font-weight: normal}
a.footerLinks:visited {font-family: arial, helvetica, sans-serif;font-size: 8pt;color: #FFFFFF;padding: 0px;margin: 0px;text-decoration: none;color: #FFFFFF;font-weight: normal;}
a.footerLinks:active {font-family: arial, helvetica, sans-serif;font-size: 8pt;color: #FFFFFF;padding: 0px;margin: 0px;text-decoration: underline;color: #FFFFFF;font-weight: normal;}
a.footerLinks:hover {font-family: arial, helvetica, sans-serif;font-size: 8pt;color: #FFFFFF;padding: 0px;margin: 0px;text-decoration: underline;color: #FFFFFF;font-weight: normal;}

/* Footer Styles -> Table Styles*/
td.footer {background-color: #003366;}
/* Secondary color above footer*/
td.footerBreak {background-color: #FF9900;}

/* Feature category text */
a.featured:link { color: white; text-decoration: underline}
a.featured:active { color: white; text-decoration: underline  }
a.featured:visited { color: white; text-decoration: underline }
a.featured:hover { color: white; text-decoration: underline  }
th.featuretext {color: White;font-family: arial, helvetica, sans-serif;font-size: 12px;padding: 3px;}


/* ************************************
 * Main Content Styles -> Font Styles */

/* General store text */
font.text {font-family: arial, helvetica, sans-serif;font-size: 12px;padding: 0px;margin: 0px;text-decoration: none;}
/* General store text */
.text {font-family: arial, helvetica, sans-serif;font-size: 12px;padding: 3px;}
/* Labels for Fields */
div.fieldLabel {font-family: arial, helvetica, sans-serif;font-size: 12px;  font-weight: bold;  color: Black;}
/* General store text & Text color of store buttons(See td.buttonStyle) */
font.strongtext, font.buttonStyle {font-family: arial, helvetica, sans-serif;font-size: 8pt;font-weight: bold;color: black;padding: 0px;margin: 0px;text-decoration: none;}
/* General store text in red */
font.redText {font-family: arial, helvetica, sans-serif;font-size: 10px;color: red;text-decoration: none;}
/* General store text in red */
.redText {font-family: arial, helvetica, sans-serif;color: #CC0000;padding: 0px;margin: 0px;text-decoration: none;}
/* Used for all dollar values */
font.price {font-family: arial, helvetica, sans-serif, verdana;font-size: 9pt;color: black;padding: 0px;margin: 0px;}
/* Used for all dollar values */
.price {font-family: arial, helvetica, sans-serif, verdana;font-size: 12px;color: black;padding: 0px;margin: 0px;}
/* General store strong text in red */
font.strongRedText {font-family: arial, helvetica, sans-serif;font-size: 12px;font-weight: bold;color: red;padding: 0px;margin: 0px;text-decoration: none;}
/* General store strong text in red */
div.strongRedText {font-family: arial, helvetica, sans-serif;font-size: 12px;font-weight: bold;color: red;padding: 0px;margin: 0px;text-decoration: none;}
/* Used for all dollar values in red*/
font.redPrice {font-family: arial, helvetica, sans-serif, verdana;font-size: 9pt;color: red;padding: 0px;margin: 0px;}
/* Used for all bold dollar values */
font.strongPrice {font-family: arial, helvetica, sans-serif, verdana;font-size: 12px;font-weight: bold;color: black;padding: 0px;margin: 0px;}
/* Used for all dollar values */
.strongPrice {font-family: arial, helvetica, sans-serif, verdana;font-size: 12px;font-weight: bold;color: black;padding: 0px;margin: 0px;}
/* The top heading on each page */
font.pageHeading {font-family: arial, helvetica, sans-serif;font-size: 14pt;font-weight: bold;text-align: left;color: black;}
/* The top heading on each page */
.pageHeading {font-family: arial, helvetica, sans-serif;font-size: 14pt;font-weight: bold;text-align: left;color: black;    padding-bottom: 15px;  padding-left: 3px;   }
/* After the top heading on some pages appears a secondary heading */
font.subHeading {font-family: arial, helvetica, sans-serif;font-size: 12px;font-weight: bold;color: White;}
/* After the top heading on some pages appears a secondary heading */
div.subHeading {font-family: arial, helvetica, sans-serif;font-size: 12px;font-weight: bold;color: White;  padding: 2px 3px;}
div.subHeadingForMatList {font-family: arial, helvetica, sans-serif;font-size: 12px;font-weight: bold;color: White;  padding: 1px 2px;}
/* After the top heading on some pages appears a secondary heading */
div.blackHeading {font-family: arial, helvetica, sans-serif;font-size: 12px;font-weight: bold;color: White;  padding: 2px 3px;}
/* Used on asterisks (*) to indicate a required field on a form */
font.requiredInputText {font-family: arial, helvetica, sans-serif;font-size: 8pt;font-weight: bold;color: red;padding: 0px;margin: 0px;text-decoration: none;}
/* Sets the phone number format text.  Text is: (xxx-xxx-xxxx) */
font.phoneNumberFormat {font-family: arial, helvetica, sans-serif;font-size: 7pt;color: #666666;padding: 0px;margin: 0px;}
/* Various styles that share the same attributes
* font.textCustomColor -> A different color of text in the site
* font.productName -> Used for displaying product names
* textOverBackground -> Text in the main content area that is over the background style td.textOverBackground*/
font.textCustomColor, font.productName, font.textOverBackground {font-family: arial, helvetica, sans-serif;font-size: 10pt;font-weight: bold;text-align: left;color: #666666;padding: 0px;margin: 0px;}
/* On the login and My Account pages there is text over another color. See td.textOverBackgroundMyAccount for the background color */
font.textOverBackgroundMyAccount {font-family: arial, helvetica, sans-serif;font-size: 8pt;font-weight: bold;color: white;padding: 0px;margin: 0px;text-decoration: none;}
/* Defines font text for chart headings.  Ex.  The Shopping cart page shows a chart of all items in the customers cart.  The chart has headings such as'item' & 'quantity'.  See th.textOverBackgroundCharts for background color */
font.textOverBackgroundCharts {font-family: arial, helvetica, sans-serif;font-size: 8pt;font-weight: bold;color: white;padding: 0px;margin: 0px;text-decoration: none;}
/* Labels for form elements */
font.label {font-family: arial, helvetica, sans-serif;font-size: 12px;font-weight: bold;text-align: left;color: #000000;padding: 0px;margin: 0px;}
/* Used to highlight the name identifying an address */
font.addressName {font-family: arial, helvetica, sans-serif;font-size: 10pt;font-weight: bold;text-align: left;color: #666666;padding: 0px;margin: 0px;}
/* Used to display the remaining part of each address */
font.address {font-family: arial, helvetica, sans-serif;font-size: 10pt;color: black;padding: 0px;margin: 0px;}
/* Used to callout important information */
#alertBox { border: 1px solid #999886; background: #FFFFCC; padding: 10px; }
#alertBox h1 { color: #CC0000; font-size: 25px; margin: 0px 0px 10px; padding: 0px; line-height: 19px; }
#alertBox p { font-size: 13px; margin: 0px; padding: 0px; }

/* Main Content Styles -> Link Styles */
/* Main Content Styles -> Table Styles */
table.outlined { border: 1px solid #666666;}
/* Defines the color of the font.subHeading, goes above mainContent - 
background color, spacing, ... */
td.subHeading {background-color: #FF9900;  border: 1px;  border-color: #333333;  border-style: solid;   }
/* background color, spacing, ... */
th {background-color: #336699;  border: 1px;  border-color: #330000;  border-style: solid;  text-align: left;}
/* Black subheading values ... */
td.blackHeading {background-color: #000000;}
/* Defines the style of the main frame - background color, spacing, ... */
td.mainContent {background-color: #ffffff;}
/* General table spacing used throughout site */
td.topspace {padding-left: 3px;margin-left: 3px;padding-top: 5px;}
/* General spacing.  Usually used before a pageHeading or subHeading */
td.categoryspace {padding-left: 0px;margin-left: 0px;padding-top: 4px;padding-bottom: 2px;}
/* The background color of the buttons. See font.buttonStyle */
td.buttonStyle {background-color: #E4CDCD;}
/* We have a privacy policy whenever a personal information is asked for */
td.privacyStatement {background-color: #E4CDCD;}
/* See class font.textOverBackground */
td.textOverBackground {background-color: #C6C6C6;padding-top: 1px;padding-bottom: 1px;padding-left: 3px;margin: 0px;}
/* See class font.textOverBackgroundMyAccount */
td.textOverBackgroundMyAccount {background-color: #9A0B0B;padding-top: 1px;padding-bottom: 1px;padding-left: 3px;margin: 0px;}
/* See class  th.textOverBackgroundCharts */
th.textOverBackgroundCharts {background-color: #9A0B0B;padding-top: 1px;padding-bottom: 1px;padding-left: 3px;margin: 0px;}
td.textOverBackgroundCharts {background-color: #9A0B0B;padding-top: 1px;padding-bottom: 1px;padding-left: 3px;margin: 0px;}
/* For highlighted cells. See Product Catalog */
td.highlight {background-color: #FFCC66;}
/* **************** 
 * Default Styles */

body {margin-top: 0px;margin-left: 0px;padding-top: 0px; background-color: #F8F8F8;}
a:link {font-family: arial, helvetica, sans-serif;text-decoration: underline;font-size: 12px;color: #CC6600;font-weight: bold;}
a:visited {font-family: arial, helvetica, sans-serif;text-decoration: underline;font-size: 12px;color: #993300;font-weight: bold;}
a:active {font-family: arial, helvetica, sans-serif;text-decoration: underline font-size : 12px;color: #FF9900;font-weight: bold;}
a:hover {font-family: arial, helvetica, sans-serif;text-decoration: none;font-size: 12px;color: #FF9900;font-weight: bold;}
div.subHeading a, div.subHeading a:hover {color: #FFFFFF; text-decoration: underline;}
p {font-family: arial, helvetica, sans-serif;font-size: 12px;color: black;  padding: 3px; }
select {font-family: arial, helvetica, sans-serif;font-size: 11px;font-weight: normal;font-style: normal;text-align: top;}
input {font-family: arial, helvetica, sans-serif;font-size: 11px;font-weight: normal;font-style: normal;}
ul {font-family: arial, helvetica, sans-serif;font-size: 12px;color: black;text-decoration: none;}
li {font-family: arial, helvetica, sans-serif;font-size: 12px;font-weight: normal;font-style: normal;text-align: top;}
.inlineform { FONT-WEIGHT: normal; FONT-FAMILY: Arial, sans-serif; display:inline}