/* Default CSS Stylesheet for a new Web Application project */

/*
.BUTTON 
{
	background-color:Gold;
}
*/

/* ******** MATRIX AND GRIDS ******** */
.MATRIXHEADERS /* Heading rows for matrix */
{
	background-color:#444444;
	font-weight:bold;
	color:#CCCC99;
	font-size:small;
}

.MATRIX /* General matrix style */
{
	background-color:White;
}
.MATRIXROWS /* Rows for matrix */
{
	background-color:#CCCC99;

}
.MATRIXROWSALT /* Alternating rows in matrix */
{
	background-color:#999966;
}
.GRIDHEADERS, a.GRIDHEADERS, a.GRIDHEADERS td, .GRIDHEADERS a:Link, .GRIDHEADERS a:Visited, .GRIDHEADERS a:Hover  /* Heading for Grids (used on Catalog List View) */
{
	background-color:#CC0000;
	font-weight:bold;
	font-size:small;
	color:Black;
}
.GRIDFOOTERS /* Footer for Grids */
{
	background-color:#B0D226;
}
.GRID /* General Grid Style */
{
	background-color:White;
}
.GRIDROWS /* Rows for Grids */
{
	background-color:#CCCC99;

}
.GRIDROWSALT /* Alternating rows for Grids */
{
	background-color:#999966;
}
.GRID2HEADERS, .GRID2HEADERS td, a.GRID2HEADERS, .GRID2HEADERS a:Link, .GRID2HEADERS a:Visited, .GRID2HEADERS a:Hover /* Heading for Grid2 (used on shopping cart and order history pages */
{
	background-color:#444444;
	font-weight:bold;
	font-size:x-small;
	color:#dddddd;
}

.GRID2FOOTERS /* Footer for Grid2 */
{
	background-color:#DDDDDD;
}
.GRID2 /* General style for Grid2 */
{
	background-color:White;
}
.GRID2ROWS /* Rows for Grid2 */
{
	background-color:#CCCC99;
}
.GRID2ROWSALT /* Alternating rows for Grid2 */
{
	background-color:#999966;
}


/* ******** MISC ******** */
.HEADERTEXT  /* Welcome and min order text */
{
	color:Black;
	font-family:Comic Sans MS;
	font-size:Small;
	font-weight:bold;
}
.HEADERTEXT2 /* "Your cart contains" text */
{
	color:#CC0000;
	font-family:Comic Sans MS;
	font-size:Small;
	font-weight:bold;
}
.FooterText, a.FooterText, a.FooterText:visited, a.FooterText:link  /* Copyright info */
{
	color:Black;
	font-family:Comic Sans MS;
	font-size:XX-Small;
	font-weight:bold;
}
a.FooterText:hover
{
	color:Red;
}

.SECTIONHEADER /* title bar for sections on regular pages */
{
	text-indent:2px;
	background-color:#CC0000;
	color:Navy;
	font-family:Comic Sans MS;
	font-size:Small;
	font-weight:bold;
	border-style:solid;
	border-bottom-width:2px;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	width:100%
}
.SECTIONHEADER span /* title bar for sections on regular pages */
{
	border:none;
	color:Black;
	font-family:Arial;
	font-size:medium;
	font-weight:bold;
	font-variant:small-caps;
}

TABLE.Section 
{
	border-width:2px;
	text-align:left;
	border-color:Black;
	border-style:solid;
	border-collapse:collapse;
	width:100%;
	background-color:White;
}

TABLE.BUTTON 
{
	text-align:left;
	border-style:none;
	border-collapse:collapse;
	width:100%;
}

TABLE.PageHeading 
{
	text-align:left;
	border-style:none;
	border-collapse:collapse;

}

.TEXTBLOCKCOLORED  /* Text block on search page */
{
	background-color:#999966;
}
.SearchBar /* Search Bar control */
{
	font-size:x-small;
	background-color:#CCCC99;
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 
	PADDING-TOP: 5px; 
}
.Messages /* System message that appear (confirmations, etc) */
{
	color: Red;
	background-color: #ffd3c6;
	font-weight: bold;
	font-size: x-small;
	font-family: Comic Sans MS;
	padding-right: 20px;
	padding-left: 20px;
}


/* ******** CATALOG ******** */
TABLE.CATITEMGROUP
{
	background-color:#CCCC99;
}
.CATITEM	{ /* Individual item codes and names */
	FONT-SIZE: x-small; 
}	
.CATITEMDESC, .CATITEMSUBBRANCH	{ /* Description captions under categories & category menu names */
    FONT-SIZE: 1em;
}	
.CATITEMPRICING	{ /* Names of individual branches (nothing to do with pricing) */
    FONT-SIZE: 0.8em;
}	
.CATQTYUNIT { /* "Qty (Unit)" heading text on STND pages */
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	FONT-SIZE: x-small; 
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px; 
	FONT-FAMILY: 'Times New Roman', Serif; 
	BACKGROUND-COLOR: #CCCC99
}
.CATQTYASSORT { /* Item Assortability (assort group frame/fonts) */
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px; 
	color:#333333;
	text-decoration:underline;
	FONT-FAMILY: Arial Black, 'Comic Sans MS', SansSerif; 
	BACKGROUND-COLOR: #CC9966;
	FONT-SIZE: x-small; 
}
.CATOSNOTE { /* "Out of Stock" note for OS items (links) */
	color: Gray;
	font-style:italic;
	FONT-SIZE: xx-small; 
	FONT-FAMILY: 'Comic Sans MS', sans-serif; 
	line-height: 1;
}
A.CATOSNOTE { /* "Out of Stock" note for OS items (links) */
	font-style:italic;
	FONT-SIZE: xx-small; 
	FONT-FAMILY: 'Comic Sans MS', sans-serif; 
}
.SALE { /* "Save X%" text next to items on sale */
	color: #CC0000;
	font-weight:bold;
	FONT-SIZE: x-small; 
	FONT-FAMILY: 'Comic Sans MS', sans-serif; 
	/*border-style:dashed;*/
	padding:1px,1px,1px,1px;
}
.NEWFLAG { /* "NEW" text next to items for New Items */
	color:#CC0000;
	FONT-SIZE: x-small; 
	font-weight:normal;
	FONT-FAMILY: Arial Black, 'Comic Sans MS', sans-serif; 
	/*border-style:solid;*/
	padding:1px,1px,1px,1px;
}
.OSFLAG { /* "OS" text next to items for Out of Stock Items */
	color:#996600;
	font-weight:bold;
	FONT-SIZE: x-small; 
	FONT-FAMILY: 'Comic Sans MS', sans-serif; 
	/*border-style:solid;*/
	padding:1px,1px,1px,1px;
}
.LISTPRICE { /* List Price for on sale items */
	color: #CC0000;
	text-decoration:line-through;
}
TABLE.GROUPHEADING /* Price section on STND pages*/
{
	background-color:#CCCC99;
}
.CATGROUP  /* Text for Branch names on all Product Pages */
{
	FONT-SIZE:large; 
}
	
.CartDDL /*Drop down list for shopping cart*/
{
	z-index:99999;
}

/* ******** PAGE NAVIGATION BAR (CATALOG TREE) ******** */

SPAN.PageNavigationBar {
	margin: 1em 0;
	font-family: helvetica,Comic Sans MS,sans-serif;
	font-weight: bold;
	font-variant: small-caps;
}
SPAN.PageNavigationBar a
{
	border-left: 1px solid Silver;
	border-top: 1px solid #cecece;
	border-bottom: 2px solid #4a4a4a;
	border-right: 2px solid #4a4a4a;
	padding-left: 0.2em;
	padding-right: 0.2em;
	text-align: center;
	font-size:x-small;
	background-color: #CCCC99;
}

SPAN.PageNavigationBar a.PageNavigationBar:link, SPAN.PageNavigationBar a.PageNavigationBar:visited,
 SPAN.PageNavigationBar a.PageNavigationBar:hover
{
	background-color: #999966;
	color: Black;
	text-decoration: none;
}
 SPAN.PageNavigationBar a.PageNavigationBar:hover
{
	background-color: #CC0000;
}


/* ******** PRODUCT VIEW SELECTOR ******** */

DIV.ProductViewSelector
{
	margin: 1em 0;
	font-family: helvetica,Comic Sans MS,sans-serif;
	font-weight: bold;
	border-bottom: 1px solid Gray;
	font-variant: small-caps;

}
DIV.ProductViewSelector span
{
	margin-right:4px;
}
DIV.ProductViewSelector a
{
	border-left: 1px solid Silver;
	border-top: 1px solid #cecece;
	border-right: 2px solid #4a4a4a;
	padding-left: 0.2em;
	padding-right: 0.2em;
	margin-right:2px;
	text-align: center;
	background-color: #999966;
	font-size:small;
}
DIV.ProductViewSelector a:visited,
DIV.ProductViewSelector a:link {
	background-color:#CCCC99;
	color:Black;
}

DIV.ProductViewSelector a:hover {
	color:Black;
	text-decoration: none;
	background-color: #CC0000;
}

/* ******** MENU ******** */

a.MenuItem, a.MenuItem:visited, a.MenuItem:link, a.MenuItem2, a.MenuItem2:visited, a.MenuItem2:link, a.MenuItem3, a.MenuItem3:visited, a.MenuItem3:link
{
	font-variant: small-caps;
	color:#111111;
	font-weight:bold;
	font-size:small;
}
a.MenuItem2, a.MenuItem2:visited, a.MenuItem2:link
{
	font-size:x-small;
	text-indent:10px;
	color:#444444;
}
a.MenuItem:hover, a.MenuItem2:hover, a.MenuItem3:hover, a.MenuItemCatalog:hover
{
	color:Red;
}

DIV.MenuItem, DIV.MenuItem2, DIV.MenuItem3, TD.MenuItem, TD.MenuItem2, TD.MenuItem3
{
	background-color: #CCCC99;
}

a.MenuItemCatalog, a.MenuItemCatalog:visited, a.MenuItemCatalog:link, a.MenuItemCatalog2, a.MenuItemCatalog2:visited, a.MenuItemCatalog2:link
{
	font-size:xx-small;
	color:#444444;
	font-weight:bold;
	font-variant:small-caps;
	text-indent:10px;
}

a.MenuItemCatalog2, a.MenuItemCatalog2:visited, a.MenuItemCatalog2:link
{
	text-indent:20px;
}

DIV.MenuItemCatalog, DIV.MenuItemCatalog
{
	background-color:#00A6E2;
	font-weight:bold;
	font-variant:small-caps;
}


/* ******** STANDARD STYLES ******** */

BODY
{
	margin-top:10px;
	margin-left:0;
	margin-bottom:10px;
	margin-right:0;
    BACKGROUND-COLOR: #CCCC99;
    FONT-FAMILY: Verdana, Comic Sans MS, Helvetica, sans-serif;
	font-size:x-small;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    background-attachment:fixed;
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT, DT
{
    COLOR: Black;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Verdana, Comic Sans MS, Helvetica, sans-serif;
}
H1	{	
	font-size:	2em;
	font-weight:	700;
	}	
		
H2	{	
	font-size:	1.75em;
	font-weight:	700;
	}	
		
H3	{	
	font-size:	1.58em;
	font-weight:	500;
	}	
		
H4	{	
	font-size:	1.33em;
	font-weight:	500;
	}	
		
H5, DT	{	
	font-size:	1em;
	font-weight:	700;
	}	
		
H6	{	
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	}	
		
TFOOT, THEAD	{	
	font-size:x-small;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:x-small;
	font-weight:	bold;
	}	

P.Instructions	{	
	font-size:	x-small;
	font-family: Comic Sans MS, Helvetica, sans-serif;
	}	


A:link	{	
	text-decoration:	none;
	color:#333399;
	font-weight:bolder;
	}	
		
A:visited	{	
	text-decoration:	none;
	color:	#333399;
	font-weight:bolder;
	}	
		
A:active	{	
	text-decoration:	none;
	color:	#333399;
	font-weight:bolder;
	}	
		
A:hover	{	
	text-decoration:	underline;
	color:#CC0000;
	font-weight:bolder;
	}
	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-size:x-small;
	font-family:	Courier New, monospace;
	}	
	

UL LI	{	
	font-size:x-small;
	list-style-type:	square ;
	}	

UL LI LI	{	
	font-size:x-small;
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	font-size:x-small;
	list-style-type:	circle;
	}	
	
OL LI	{	
	font-size:x-small;
	list-style-type:	decimal;
	}	

OL OL LI	{	
	font-size:x-small;
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	font-size:x-small;
	list-style-type:	lower-roman;
	}	

IMG 	{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
	
P 
{
	font-size:x-small;
}

DIV 
{
	font-size:x-small;
}

SPAN
{
	font-size:x-small;
}

TD
{
	font-size:x-small;
}