/* Client-specific CSS definitions */

/* 

Use tool at 'http://www.dejeu.net/tools/ColorScheme/' to come up with an acceptable color scheme.

NOTE: Gradients work in IE6.  Some browsers do not support this feature.  
    The filter uses an ActiveX plugin 
    (i.e. will work fine if turned on, will issue a warning if set to warn, or will not work if turned off)

If using a color gradient in the header:
    For bgndDark1:
	- use the bgndDark as the background-color
	- use the bgndDark as the filter's StartColorStr
	- use the bgndMed as the filter's EndColorStr
    For bgndDark2:
	- use the bgndDark as the background-color
    For bgndMed1:
	- use the bgndMed as the background-color
	- use the bgndMed as the filter's StartColorStr
	- use the bgndDark as the filter's EndColorStr
    For bgndLite1:
	- use the bgndLite as the background-color

If NOT using a color gradient in the header, remove the 'filter' line (or surround in comments)
    For bgndDark1:
	- use the bgndDark as the background-color
    For bgndDark2:
	- use the bgndDark as the background-color
    For bgndMed1:
	- use the bgndMed as the background-color
    For bgndLite1:
	- use the bgndLite as the background-color
	
	
Text color is defined with the 'color' attribute. Use any acceptable value you want,
      taking care to ensure sufficient contrast for readability.  
      Use '#FFFFFF' for white, and '#000000' for black.
      Shades of gray are created with all three HEX RGB values equal (ex. '#E1E1E1', '#CCCCCC', '#A9A9A9').
  
'td.bgndMed1 a' defines the text color for anchors (or hyperlinks) 
      encased within '<td class="bgndMed1">' blocks on the web page.

The GradientType in the filter is '1' for horizontal gradients.  Change value to '0' if you want a vertical gradient.
*/


/* PAGE BACKGROUNDS (Header, Side Panel, Footer) */
td.bgndDark1 { 
	background-color:#336699; 
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#336699', EndColorStr='#6699CC');
	color:#FFFFFF;
	}
th.bgndDark1, td.bgndDark2 { 
	background-color:#336699; 
	color:#FFFFFF; 
	}
th.bgndDark1, td.bgndMed1 { 
	background-color:#6699CC; 
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#6699CC', EndColorStr='#336699');
	color:#FFFFFF;
	}
.bgndMed2, td.bgndMed2 { 
	background-color:#6699CC; 
	color:#FFFFFF;
	}
td.bgndMed1 a { 
	color:#CCCCFF; 
	}
td.bgndLite1, body.bgndLite1 { 
	background-color:#D5E0F7; 
	}
	
	
	
/* DATA TABLES */
/* 
Usually set the data table borders and th (table header) colors to 'bgndDark2' 
    and td.category-together to 'bgndLite1' or 'bgndMed2'.
Review the 'Show All Previously Purchased Items' table on your site when adding items to an order
*/
table.data {
	border:#336699 1px solid; 
	background-color: #FFFFFF;
	color: #000000; 
	}
table.data td {
	border: #336699 1px solid; 
	}
table.data th {
	background-color: #336699;
	color: #FFFFFF; 
	border: #336699 1px solid; 
	}
table.data tr.alternate {
	background-color: #FFFF99;
	}
/* 'BCBI Sales Group' Rows */
table.data td.group-together {
	background-color: #FFFF99;
	color: #000000; 
	font-size: 12px; 
	}
/* 'BCBI Category' Rows */
table.data td.category-together {
	background-color: #D5E0F7;
	color: #000000; 
	font-size: 10px; 
	}