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

BODY
{
	font-weight: normal;
	font-size: 10pt;
	margin-top: 0px;
	word-spacing: normal;
	text-transform: none;
	font-family: Verdana, Helvetica, sans-serif;
	letter-spacing: normal;
	background-color: #999966;
}

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


A:link {
	color: #333333;
	text-decoration: none;
}

A:visited {
	color: #333333;
	text-decoration: none;
}

A:active {
	color: #FF0000;
	text-decoration: none;
}

A:hover {
	color: #CCCCCC;
	text-decoration: none;
}
	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

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

UL LI	{	
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	
	
	.FormLabel 
	{
		font-size: 10pt;
		color: Black;
	}
	.ErrorMessage
{
	padding-right: 3px;
	padding-left: 3px;
	font-weight: bold;
	font-size: 8pt;
	padding-bottom: 3px;
	color: red;
	padding-top: 3px;
	background-color: #ffffcc;
}
.MainContent 
{
background-color: White;
padding: 10px;	
}
.SmallText 
{
font-size: 9pt;	
}
.CellUnderline
{
	border-bottom: #999999 1px solid;
	background-color: whitesmoke;
	padding-left: 8px;
	font-size: 10pt;
	font-weight: bold;
	vertical-align: middle;
	height: 40px;
}
.FormField
{
	width: 200px;
	color: #333333;
}
.UserMessageBox
{
	border-right: #ffff33 1px solid;
	padding-right: 8px;
	border-top: #ffff33 1px solid;
	padding-left: 8px;
	padding-bottom: 8px;
	margin: 0px;
	border-left: #ffff33 1px solid;
	padding-top: 8px;
	border-bottom: #ffff33 1px solid;
	background-color: #ffffcc;
	font-size: 9pt;	
}
.ProductThumb 
{
	border: solid 1px #000000;	
	background-image:url(noimage.jpg);
	background-position:middle top;
	background-repeat: repeat-y;
	padding:0px;
}
.ProductThumb2 
{
	border: solid 1px #000000;	
	background-image:url(noimage.jpg);
	background-position:middle top;
	background-repeat: repeat-y;
	padding:0px;
	width: 160px;
}
.ProductName
{
	font-weight: bold;
	font-size: 12pt;
	color: #cc0033;
}
.noclick:hover, .noclick 
{
	color:Black;
	cursor:default;
}
.QtyBox
{
	font-size: 10pt;
	color: #333333;
	text-align: center;
	width: 30px;
}
.pgoff
{
	border-right: lightgrey 1px solid;
	padding-right: 3px;
	border-top: lightgrey 1px solid;
	padding-left: 3px;
	font-size: 8pt;
	background: aliceblue;
	padding-bottom: 2px;
	border-left: lightgrey 1px solid;
	padding-top: 2px;
	border-bottom: lightgrey 1px solid;
	margin: 0px 2px 0px 2px;
	text-align: center;
	width: 20px;
}
a.pgoff:hover
{
	border-right: lightgrey 1px solid;
	padding-right: 3px;
	border-top: lightgrey 1px solid;
	padding-left: 3px;
	font-size: 8pt;
	background: white;
	padding-bottom: 2px;
	border-left: lightgrey 1px solid;
	padding-top: 2px;
	border-bottom: lightgrey 1px solid;
	margin: 0px 2px 0px 2px;
	text-align: center;
	width: 20px;
}
.pgon
{
	text-align: center;
	border-right: black 1px solid;
	padding-right: 3px;
	border-top: black 1px solid;
	padding-left: 3px;
	font-size: 8pt;
	background: darkgray;
	padding-bottom: 2px;
	margin: 0px 2px;
	border-left: black 1px solid;
	color: white;
	padding-top: 2px;
	border-bottom: black 1px solid;
	width: 20px;
}
.pgtitle
{
	border-right: lightgrey 1px solid;
	padding-right: 3px;
	border-top: lightgrey 1px solid;
	padding-left: 3px;
	font-size: 8pt;
	background: white;
	padding-bottom: 2px;
	border-left: lightgrey 1px solid;
	padding-top: 2px;
	border-bottom: lightgrey 1px solid;
	margin: 0px 2px 0px 2px;
	text-align: center;
	width: 20px;
}
.myaccount 
{
	display: block;
	padding: 5px;
	color: White !important;
	background-color:black;
	font-weight: bold;
		border: 1px solid white;
}
.myaccount:hover
{
	color: Black !important;
	border: 1px solid black;
	background-color: White;
}
.switchview 
{
	display: block;
	padding: 5px;
	color:Red !important;
	background-color:Gray;
	font-weight: bold;
		border: 1px solid white;
}
.switchview:hover
{
	color: red !important;
	border: 1px solid black;
	background-color: White;
}
.dept 
{
	margin-top: 5px;
	display:block;
	padding: 3px;
	border-bottom: 1px solid #333333;
	background-color: #dddddd;
}

.subdept 
{
	display:block;
	padding: 1px;
}
.CatThumb 
{
	border: solid 1px #000000;	
	background-color: #DDDDDD;
	background-position:middle top;
	background-repeat: repeat-y;
	padding:0px;
	width: 127px;
	margin: 0 auto;
	margin-right:10px;
	vertical-align: middle;
}
.cattbl 
{
	display: table;
}
.catrow 
{
	display: table-row;
}
.catcl
{
	display: table-cell;
}
.CSH1 a { display:block; line-height:75px; padding-left:100px; border-bottom: 1px solid #cccccc; margin-bottom: 25px; vertical-align:middle;}
	.CSH2 a { display:block; line-height:75px; padding-left:100px; border-bottom: 1px solid #cccccc; margin-left: 10px; margin-bottom: 25px; vertical-align:middle;}
	.CSH3 a { display:block; line-height:75px; padding-left:100px; border-bottom: 1px solid #cccccc; margin-left: 30px; margin-bottom: 25px; vertical-align:middle;}
	.CSH1-PH a { display:block; line-height:75px; padding-left:100px; border-bottom: 1px solid #cccccc; margin-bottom: 25px; vertical-align:middle;}
	.CSH2-PH a { display:block; line-height:75px; padding-left:100px; border-bottom: 1px solid #cccccc; margin-left: 10px; margin-bottom: 25px; vertical-align:middle;}
	.CSH3-PH a { display:block; line-height:75px; padding-left:100px; border-bottom: 1px solid #cccccc; margin-left: 30px; margin-bottom: 25px; vertical-align:middle;}
	.CSH4 a { display:block; line-height:75px; padding-left:100px; border-bottom: 1px solid #cccccc; margin-left: 30px; margin-bottom: 25px; vertical-align:middle;}
	.CSH4-PH a { display:block; line-height:75px; padding-left:100px; border-bottom: 1px solid #cccccc; margin-left: 40px; margin-bottom: 25px; vertical-align:middle;}
	.PH a { display:block; line-height:75px; padding-left:100px; border-bottom: 1px solid #cccccc; margin-bottom: 25px; vertical-align:middle;}