 /*  ******************************************************* */  
/*    This CSS is set for eugenecommerce.com              */  
/*   ******************************************************* */  


/*   **********Hover effects and colors*********************************** */  

a:link {color: #7B358B; text-decoration: none;}
a:visited {color: #7B358B; text-decoration: none;}
a:hover {color: #0490DD; text-decoration: underline;}

/*   ********** Opt1 & Opt2 Hover effects and colors - Set this one to look good on your normal background       */ 
/* and near your primary dark color and your above main link colors on your primary dark color  ******* */ 

a:link.Opt1 {color: #07A800; text-decoration: none;}
a:visited.Opt1 {color: #07A800; text-decoration: none;}
a:hover.Opt1 {color: #09CA01; text-decoration: underline;}

a:link.Opt2 {color: #DA251D; text-decoration: none;}
a:visited.Opt2 {color: #DA251D; text-decoration: none;}
a:hover.Opt2 {color: #FFCB1B; text-decoration: underline;}

/*   **********Hover effects and colors - Set this one to look good REVERSE,  ON your primary dark color  ******* */  

a:link.Opt3 {color: #A8ECFF; text-decoration: none;}
a:visited.Opt3 {color: #A8ECFF; text-decoration: none;}
a:hover.Opt3 {color: #DDF0FF; text-decoration: underline;}

/*   **********LEFT RED PANEL Hover effects and colors - Set this one to look good REVERSE, ON RED/PURPLE dark color  ******* */  

a:link.Opt4 {color: #FFFFFF; text-decoration: none;}
a:visited.Opt4 {color: #FFFFFF; text-decoration: none;}
a:hover.Opt4 {color: #000000; text-decoration: underline;}

a:link.Opt5 {color: #FFCB1B; text-decoration: none;}
a:visited.Opt5 {color: #FFCB1B; text-decoration: none;}
a:hover.Opt5 {color: #FFFFFF; text-decoration: underline;}



/*   *********** Help Button Hover Effect Nav Bar, white bg and red bg    *****************

a imgHelpNav {height: 30px; width: 23px; border-width: 0; background: top left no-repeat;}
a imgHelpWht {height: 19px; width: 18px; border-width: 0; background: top left no-repeat;}
a imgHelpRed {height: 19px; width: 18px; border-width: 0; background: top left no-repeat;}


a#HelpNav img {background-image: url(/ECnav/images/help_dot_yel_nav_off.gif);}
a#HelpWht img {background-image: url(/ECnav/images/help_dot_yel_whtbg_off.gif);}
a#HelpRed img {background-image: url(/ECnav/images/help_dot_yel_redbg_off.gif);}

a#HelpNav:visited img {background-image: url(/ECnav/images/help_dot_yel_nav_off.gif);}
a#HelpWht:visited img {background-image: url(/ECnav/images/help_dot_yel_whtbg_off.gif);}
a#HelpRed:visited img {background-image: url(/ECnav/images/help_dot_yel_redbg_off.gif);}

a#HelpNav:hover img {background-image: url(/ECnav/images/help_dot_yel_nav_on.gif);}
a#HelpWht:hover img {background-image: url(/ECnav/images/help_dot_yel_whtbg_on.gif);}
a#HelpRed:hover img {background-image: url(/ECnav/images/help_dot_yel_redbg_on.gif);}

a#HelpNav:active img {background-image: url(/ECnav/images/help_dot_yel_nav_on.gif);}
a#HelpWht:active img {background-image: url(/ECnav/images/help_dot_yel_whtbg_on.gif);}
a#HelpRed:active img {background-image: url(/ECnav/images/help_dot_yel_redbg_on.gif);}


/*  ************************************************************************************** */  
/*   Mostly Fred's Table Styles I've added a few new styles like FormHeader_FONT8 & 10.    */
/*   FormHeaderTD is Fred's ASP tag, but the others and FormCell's are mine, for setting   */
/*   cell background color & font color.     Note: Set InvoiceTD to same as FormHeaderTD	  */ 
/*   and set the InvoiceDataTD to a very light color.          								  */ 
/*  ************************************************************************************** */  

/*  Database root styles for Programing and most of CART - 11 tags   */

.PageBODY {background-color: #FFFFFF; color: #000000;  font-size: 10pt; font-family:  Arial, Tahoma, Verdana, Helvetica; margin-left: 0; margin-top: 0; margin-bottom: 0; margin-right: 0;   

scrollbar-face-color: #DA251D;
scrollbar-shadow-color: #A92A1D;
scrollbar-highlight-color: #F03406;
scrollbar-3dlight-color: #FF8B83; 
scrollbar-darkshadow-color: #6D191C;
scrollbar-track-color: #000000; 
scrollbar-arrow-color: #FFDB4C;

 }

.FormTABLE {background-color: FFFFFF; }
.FormHeaderTD 	{background-color: #7A4EA0; font-size: 12pt; color: #A8ECFF; text-align: Center; font-style: normal; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica; }
.FormHeaderFONT {font-family: Arial, Tahoma, Verdana, Helvetica; font-size: 12pt; color: #FFCB1B; font-style: normal; font-weight: bold; }
.FieldCaptionTD {background-color: #0091D5; }
.FieldCaptionFONT {font-family: Arial, Tahoma, Verdana, Helvetica; font-size: 10pt; color: White; font-weight: bold; }
.DataTD {background-color: #DDF0FF; }
.RecordSeparatorTD {background-color: #E8F1F6; color: #386868; }
.DataFONT {font-family: Arial, Tahoma, Verdana, Helvetica; font-size: 8pt; color: #000000; }
.ColumnFONT {font-family: Arial, Tahoma, Verdana, Helvetica; font-size: 8pt; color: #2C0055; font-weight: bold; }
.ColumnTD {background-color: #A8ECFF; color: #000000; }
  /*  Added for nav panels   */
.Nav1TD {background-color: #000000; }
.Nav1FONT {color: #FFFFFF; font-family: Arial, Tahoma, Verdana, Helvetica; font-size: 8pt; font-weight: bold; }
.Nav2TD {background-color: #DA251D; }
.Nav2FONT {color: #FFCB1B; font-family: Arial, Tahoma, Verdana, Helvetica; font-size: 10pt; font-weight: bold; }
.PanelTD {background-color: #DA251D; }
.PanelFONT {color: #000000; font-family: Arial, Tahoma, Verdana, Helvetica; font-size: 8pt; font-weight: bold; }


  /*  Expansions to root tags to make the CART layout nicer,   */
  /*  Make colors the same as root versions above                     */

.FormHeaderTD2 	{background-color: #009ECE; font-size: 10pt; color: #020A76; text-align: left; font-style: normal; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica; }
.FormHeaderTD3 	{background-color: #622C8F; font-size: 10pt; color: #020A76; text-align: left; font-style: normal; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica; }

.FormHeaderFONT8 {font-family: Arial, Tahoma, Verdana, Helvetica; font-size: 8pt; color: #A8ECFF; font-style: normal; font-weight: bold; }
.FormHeaderFONT10 {font-family: Arial, Tahoma, Verdana, Helvetica; font-size: 10pt; color: #A8ECFF; font-style: normal; font-weight: bold; }

  /*  Additions to make the cart layout nicer, make colors the same as root versions above   */

.FONTPrice8B {font-size: 8pt; color: #FF0000; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONTPrice10B {font-size: 10pt; color: #FF0000; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONTPrice12B {font-size: 12pt; color: #FF0000; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}

  /*    Note: Set InvoiceTD to same as FormHeaderTD	and it's font color same as FormHeaderFont color  */ 
  /*    and set the InvoiceDataTD to a very light color.      */ 

.InvoiceTD       {background-color: #622C8F; border: 4 solid #622C8F ; font-size: 12pt; color: #A8ECFF; font-style: normal; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica; }
.InvoiceDataTD {background-color: #F4FBFF;}

  /*  This sets the submit form back ground color, optionally set to backgound color. */

.FormBackground {background-color: #FFFFFFF;}

  /*   Form Madness section. This is is used to remove the space before/after a FORM      */
  /*   The first one sets normal margin for forms in lists, the second is for view1.asp            */
  /*   Head spacing - Applies after in addition to Theme Settings                                             */
  /*   The "margin-top" property specifies the space above and the                                         */
  /*   "margin-bottom" specifies the space below.					                                                	 */
.FORM {margin-top: 2; margin-bottom: 0;}
.FORM2 {margin-top: 0; margin-bottom: -5;}

/*  End CART TAGs - Note some fonts defined below are used in the cart,  */
/* and some of the CART tags get used in other sections, like FONTPrice.  */


/*  ********************** */  
/*    Vote Box Styles      */  
/*  ********************** */  

/*  **** Voting Modual -  Note set same as FormHeaderFont color. *****  */
.VoteFormHeaderFONT {font-size: 12pt; color: #A8ECFF; font-weight: bold; text-decoration: none; text-align: left; font-style: normal; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica; }
.VoteFormCaptionFONT {font-size: 8pt; color: #A8ECFF; font-weight: bold; text-decoration: none; text-align: left; font-style: normal; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica; }
/*  **** Voting Modual -  Note set same as ColumnTD   *****  */
.VoteDataFONT {font-size: 8pt; color: #A8ECFF; font-weight: bold; text-decoration: none; text-align: left; font-style: normal; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica; }
/*  ****  Note Leave blank   *****  */
.VoteColumnTD {}
.VoteDataTD {}

.Votehr100 {width: 100%; size: 4; color: #00FF00;}
.Votehr120 {width: 120; size: 4; color: #00FF00;}


/*  ************************************************************************************************************* */  
/*    This section is general page Formating Styles. They are used on many store pages and in the cart.    */  
/*    Fonts are for the Store_Lobby, Store_Lobby_sub_cat, summary page, detail pages                              */  
/*    Additional Styles are included on these pages for the newsletter sign up box (news.css)                        */  
/*   ************************************************************************************************************* */  

.FONTNews	{font-family: Arial, Swiss, Helvetica; font-size: 8pt; line-height: 6pt; font-weight: bold; color: Yellow;}


.FONT8BK  {font-size: 8pt; color: #000000; font-weight: normal; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT8BKB {font-size: 8pt; color: #000000; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT8C1  {font-size: 8pt; color: #39006E; font-weight: normal; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT8C1B {font-size: 8pt; color: #39006E; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT8C2  {font-size: 8pt; color: #009ECE; font-weight: normal; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT8C2B {font-size: 8pt; color: #009ECE; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT8C3  {font-size: 8pt; color: #A8ECFF; font-weight: normal; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT8C3B {font-size: 8pt; color: #A8ECFF; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT8C4  {font-size: 8pt; color: #FFCB1B; font-weight: normal; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT8C4B {font-size: 8pt; color: #FFCB1B; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}

.FONT10BK  {font-size: 10pt; color: #000000; font-weight: normal; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT10BKB {font-size: 10pt; color: #000000; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT10C1  {font-size: 10pt; color: #39006E; font-weight: normal; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT10C1B {font-size: 10pt; color: #39006E; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT10C2  {font-size: 10pt; color: #009ECE; font-weight: normal; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT10C2B {font-size: 10pt; color: #009ECE; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT10C3  {font-size: 10pt; color: #009ECE; font-weight: normal; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT10C3B {font-size: 10pt; color: #009ECE; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT10C4  {font-size: 10pt; color: #FFCB1B; font-weight: normal; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT10C4B {font-size: 10pt; color: #FFCB1B; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}

.FONT12BK  {font-size: 12pt; color: #000000; font-weight: normal; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT12BKB {font-size: 12pt; color: #000000; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT12C1  {font-size: 12pt; color: #39006E; font-weight: normal; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT12C1B {font-size: 12pt; color: #39006E; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT12C2  {font-size: 12pt; color: #009ECE; font-weight: normal; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT12C2B {font-size: 12pt; color: #009ECE; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT12C3  {font-size: 12pt; color: #009ECE; font-weight: normal; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT12C3B {font-size: 12pt; color: #009ECE; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT12C4  {font-size: 12pt; color: #FFCB1B; font-weight: normal; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT12C4B {font-size: 12pt; color: #FFCB1B; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}

.FONT14BK  {font-size: 14pt; color: #000000; font-weight: normal; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT14BKB {font-size: 14pt; color: #000000; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT14C1  {font-size: 14pt; color: #39006E; font-weight: normal; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT14C1B {font-size: 14pt; color: #39006E; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT14C2  {font-size: 14pt; color: #009ECE; font-weight: normal; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT14C2B {font-size: 14pt; color: #009ECE; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}

.FONT16BK  {font-size: 16pt; color: #000000; font-weight: normal; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT16BKB {font-size: 16pt; color: #000000; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT16C1  {font-size: 16pt; color: #39006E; font-weight: normal; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT16C1B {font-size: 16pt; color: #39006E; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT16C2  {font-size: 16pt; color: #009ECE; font-weight: normal; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT16C2B {font-size: 16pt; color: #009ECE; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}

.FONT18BK  {font-size: 18pt; color: #000000; font-weight: normal; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT18BKB {font-size: 18pt; color: #000000; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT18C1  {font-size: 18pt; color: #39006E; font-weight: normal; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT18C1B {font-size: 18pt; color: #39006E; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT18C2  {font-size: 18pt; color: #009ECE; font-weight: normal; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT18C2B {font-size: 18pt; color: #009ECE; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}

.FONT20BK  {font-size: 20pt; color: #000000; font-weight: normal; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT20BKB {font-size: 20pt; color: #000000; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT20C1  {font-size: 20pt; color: #39006E; font-weight: normal; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT20C1B {font-size: 20pt; color: #39006E; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT20C2  {font-size: 20pt; color: #009ECE; font-weight: normal; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT20C2B {font-size: 20pt; color: #009ECE; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}

.FONT24BK  {font-size: 24pt; color: #000000; font-weight: normal; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT24BKB {font-size: 24pt; color: #000000; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT24C1  {font-size: 24pt; color: #39006E; font-weight: normal; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT24C1B {font-size: 24pt; color: #39006E; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT24C2  {font-size: 24pt; color: #009ECE; font-weight: normal; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT24C2B {font-size: 24pt; color: #009ECE; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}

.FONT36BK  {font-size: 36pt; color: #000000; font-weight: normal; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT36BKB {font-size: 36pt; color: #000000; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT36C1  {font-size: 36pt; color: #39006E; font-weight: normal; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT36C1B {font-size: 36pt; color: #39006E; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT36C2  {font-size: 36pt; color: #009ECE; font-weight: normal; font-family: Arial, Tahoma, Verdana, Helvetica;}
.FONT36C2B {font-size: 36pt; color: #009ECE; font-weight: bold; font-family: Arial, Tahoma, Verdana, Helvetica;}

/*   Horizontal Rules   */
.hr1 {width: 80%; size: 4; color: #622C8F;}
.hr2 {width: 50%; size: 4; color: #622C8F;}
.hr100 {width: 100%; size: 4; color: #622C8F;}
.hr90 {width: 90%; size: 4; color: #622C8F;}
.hr80 {width: 80%; size: 4; color: #622C8F;}
.hr60 {width: 60%; size: 4; color: #622C8F;}
.hr50 {width: 50%; size: 4; color: #622C8F;}
.hr600 {width: 600; size: 4; color: #622C8F;}
.hr550 {width: 550; size: 4; color: #622C8F;}
.hr500 {width: 500; size: 4; color: #622C8F;}
.hr450 {width: 450; size: 4; color: #622C8F;}
.hr400 {width: 400; size: 4; color: #622C8F;} 