HTML {
	SCROLLBAR-FACE-COLOR: #BDBEC0; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #f9f8f4; SCROLLBAR-DARKSHADOW-COLOR: #ffffff
}
BODY {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; bgcolor: #4F7EC9
}
TD {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
P {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.formstyle {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.listmenu {
	FONT-SIZE: 11px; WIDTH: 110px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
A {
	FONT-SIZE: 11px; 
	COLOR:#314986; 
	TEXT-DECORATION: none;
	text-align:center;
}

A:hover {
	COLOR: #dd0000; 
	TEXT-DECORATION: none;
}
.clsTopMenu{
	text-align:center;
	font-weight:bold;
	COLOR:#000000; 
	TEXT-DECORATION: none;
}
.clsTopMenu:link{
	text-align:center;
	COLOR:#000000; 
	font-weight:bold;
	TEXT-DECORATION: none;
}
.clsTopMenu:hover{
	COLOR: #dd0000; 
	text-decoration:none;
}
.clsVacation{
	text-align:center;
	font-weight:bold;
	COLOR:#0066CC; 
	TEXT-DECORATION: none;
}
.clsVacation:link{
	text-align:center;
	COLOR:#0066CC; 
	font-weight:bold;
	TEXT-DECORATION: none;
}
.clsVacation:hover{
	COLOR: #dd0000; 
	text-decoration:underline;
}

.clsLeftCate{
	text-align:center;
	font-weight:bold;
	COLOR:#FFFFFF; 
	TEXT-DECORATION: none;
}
.clsLeftCate:link{
	text-align:center;
	COLOR:#FFFFFF; 
	font-weight:bold;
	TEXT-DECORATION: none;
}
.clsLeftCate:hover{
	COLOR: #dd0000; 
	text-decoration:none;
}

.clsmore{
	FONT-SIZE: 11px; 
	COLOR:#dd0000; 
	FONT-FAMILY: Tahoma; 
	TEXT-DECORATION: none;
	text-align:center;
}
.clsmore:link{
	FONT-SIZE: 11px; 
	COLOR:#dd0000; 
	FONT-FAMILY: Tahoma; 
	TEXT-DECORATION: none;
	text-align:center;
}
.clsmore:hover{
	FONT-SIZE: 11px; 
	COLOR:#003399; 
	FONT-FAMILY: Tahoma; 
	TEXT-DECORATION: none;
	text-align:center;
}
.clsleft{
	FONT-SIZE: 11px; 
	COLOR:#3887D0; 
	FONT-FAMILY: Tahoma; 
	TEXT-DECORATION: none;
	font-weight:bold;
}
.clsleft:link{
	FONT-SIZE: 11px; 
	COLOR:#3887D0; 
	FONT-FAMILY: Tahoma; 
	TEXT-DECORATION: none;
	font-weight:bold;
}
.clsleft:hover{
	COLOR: #dd0000; 
	font-weight:bold;	
}
.clsTitle {
	text-align:center;
	color:#EA003F;
	height:23;
	font-weight:bold;
}
.clsFooter {
	font-weight:bold;
	COLOR:#FF0000; 
	TEXT-DECORATION: none;
	text-align:center;
}
.clsFooter: link {
	font-weight:bold;
	COLOR:#FF0000; 
	TEXT-DECORATION: none;
	text-align:center;
}

.clsFooter:hover {
	COLOR: #dd0000; 
	TEXT-DECORATION: none;
}
.title_category {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #223c7e; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.title_category:link {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #223c7e; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.title_category:hover {	
    FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #1222fc; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none
}
#navcontainer UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#navcategory A {
	text-align:left;
	PADDING-RIGHT: 2px;
	DISPLAY: block;
	PADDING-LEFT: 15px;
	PADDING-BOTTOM: 4px;
	COLOR: #ff0000;
	PADDING-TOP: 4px;
	BORDER-BOTTOM: 1px solid #fff;
	TEXT-DECORATION: none;
	background-image: url(../images/bg_menu_left.jpg);
	font-style:normal; 
	font-variant:normal; 
	font-weight:bold; 
	font-size:11px; 
	font-family:Arial, Helvetica, sans-serif
}
#navcategory A:hover {
	text-align:left;
	COLOR: #cc0000; BORDER-BOTTOM: #fff 1px solid; BACKGROUND-COLOR: #d2e76e
}
#navsubcategory A {
	text-align:left;
	PADDING-RIGHT: 1px;
	DISPLAY: block;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 1px;
	PADDING-TOP: 1px;
	BORDER-BOTTOM: 1px solid #fff;
	TEXT-DECORATION: none;
	background-image: url(../images/bg_menu2_hover.jpg);
	background-repeat: repeat-y;
	color: #000000; font-style:normal; font-variant:normal; font-size:11px; font-family:Arial, Helvetica, sans-serif
}
#navsubcategory A:hover {
	text-align:left;
	COLOR: #cc0000;
	BORDER-BOTTOM: 1px solid #fff;
	background-image: url(../images/bg_menu2_hover.jpg);
	background-repeat: repeat-y
}
#navcategory_listing A {
	PADDING-RIGHT: 4px; DISPLAY: block; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; FONT: bold 11px Arial, Helvetica, sans-serif; COLOR: #cc0000; PADDING-TOP: 4px; BORDER-BOTTOM: #fff 1px solid; BACKGROUND-COLOR: #d2e76e; TEXT-DECORATION: none
}
#navcategory_listing A:hover {
	COLOR: #cc0000; BORDER-BOTTOM: #fff 1px solid; BACKGROUND-COLOR: #d2e76e
}
#navsubcategory_product A {
	PADDING-RIGHT: 1px; DISPLAY: block; PADDING-LEFT: 12px; PADDING-BOTTOM: 1px; FONT: 10px Arial, Helvetica, sans-serif; COLOR: #cc0000; PADDING-TOP: 1px; BORDER-BOTTOM: #fff 1px solid; BACKGROUND-COLOR: #d2e76e; TEXT-DECORATION: none
}
#navsubcategory_product A:hover {
	COLOR: #cc0000; BORDER-BOTTOM: #fff 1px solid; BACKGROUND-COLOR: #d2e76e
}
/* Calendar style */
/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}
.ndpTD {
	border: 1px solid #ece9d8;
	text-decoration:line-through;
	}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
/* End calendar style */