﻿body 
{
	background:#cccccc;
	}
#main
{
	background:#ffffff;
	}	
/*********************************************************************************************************************/
/************************************      Box color           *******************************************************/
/*********************************************************************************************************************/

/* box header background image */
.box .header
{
	
	
}
/* box header text color */
.box .header h1 
{
	color: #000000;
	background: url(images/boxheader.gif) repeat right top; 
	padding :0 1em  0 0;
}

/* box header link color*/
.box .header h1 a 
{
	color: #000000;
}
/* box header link hover color*/
.box .header h1 a:hover 
{
	color: #FF0000;
}

.box .header h1 span
{
	background: url(images/boxheader.gif) no-repeat left top; 
	padding :0.8em 0.1em 0.63em 2em;
	display:block;
}
 .box .header  div
{
	padding:0	;
}

/*** box in main content column **/
#home .box .header,.tabbox .tab-header
{
	background: url(images/boxheader-blue.gif) repeat-x left bottom; 
	padding-bottom:22px;
}

#home .box .header h1 ,.tabbox .tab-header h2 
{
	padding:0;
	float:left;
	background: url(images/boxheader-blue.gif) no-repeat right top; 
	padding : 0 2em 6px 0;
	margin : 0 0em 0 1em;
	font-size:1.1em;
}
#home .box .header h1 span,.tabbox .tab-header h2 span
{
	background: url(images/boxheader-blue.gif) no-repeat left top; 
	padding :0.8em 0.1em 1em 2em;
	display:block;
}
#home .box .header h1 span,.tabbox .tab-header h2 span, #home .box .header h1 a
{
	color:#FFFFFF;
	}
#home .box .header  div,.tabbox .tab-header  div
{
	padding:0 0.5em 1em 0;
}

/*********************************************************************************************************************/
/************************************      menu top color      *******************************************************/
/*********************************************************************************************************************/
/* menu bar background image **/
#menu
{
	height:auto;
	margin-bottom:0px;
	}
.menutop
{
	background: url(images/menubg.gif) repeat-x left bottom; 
	padding-bottom:19px;
	height:auto;
}
/* menu active item background image **/

.menutop #active a span, .menutop a:hover span
{
	background :url(images/menu_active.gif) transparent scroll no-repeat left top;
	padding: 1em 0 0 0.5em;
	margin: 0em 0px 0 0px;
	display:block;
	float:left;
	height:35px;
}
.menutop #active a , .menutop a:hover 
{
	background :url(images/menu_active.gif) transparent scroll no-repeat right  top;
	padding: 0 1em 0 0;
	height:47px;
	margin:0em 0em 0.8em 0em;
	display:block;
	float:left;
}
/* menu item background image **/
.menutop li a
{
	background :url(images/menu_item.gif) transparent scroll no-repeat right top;
	padding: 0 1em 0 0;
	height:30px;
	margin:8px 1px 0 0 ;
	display:block;
	float:left;
}
.menutop a span
{
	background :url(images/menu_item.gif) transparent scroll no-repeat left top;
	padding: 0.5em 0 0 0.5em;
	margin: 0em 0 0 0;
	height:23px;
	display:block;
	float:left;
	
}

.menutop ul
{
	width:auto;
	}

/* menu item link color **/
.menutop a, .menutop a span
{
	color: #ff6600;
}
/* menu active item link color **/
.menutop #active a span,.menutop a:hover span
{
	color: #ffffff;
}

/* menu top icon */
.menutop ul span img
{
	width:20px;
	vertical-align:inherit;
	margin:-0.2em 0.5em 0 0.5em;
	clear:both;
	text-align:center;
	visibility:visible;
}	
.menutop ul span 
{

	vertical-align:middle;

}	
/*********************************************************************************************************************/
/************************************   product menu color     *******************************************************/
/*********************************************************************************************************************/
/* menu bar background color & image **/
.menuProduct
{
	background-color: #f5f8ff;
}
/* menu current item background color & image **/
.menuProduct #current, .menuProduct li:hover
{
	background:url(images/menu_product_active.gif) repeat-x;
	
}
/* menu item link color **/
.menuProduct a, .menuProduct a span
{
	color: #000000;
}
/* menu current item link color **/
.menuProduct #current a, .menuProduct #current a span,.menuProduct li:hover a,.menuProduct li:hover a span
{
	color:#FF0000;
}


/*********************************************************************************************************************/
/************************************           news color     *******************************************************/
/*********************************************************************************************************************/

.newsGroup a, .newsGroup a:visited
{
	color:Blue;
}
.newsGroup .newsTitle
{
	color:Blue;	
}

.newsTitle
{
	color:Blue;
	
}
.fontDateTime
{
	color:Gray;
}

.otherNewsBox h1
{
	color:Blue;

}
.productGroup
{
}

.productGroup .title a
{
	color: Blue;
	font-weight: bold;
}
	

/*** master ***/
#footer
{
	border-top: 1px solid #E6F2FF;
	background:url(images/footerbg.png) repeat;
	}

#left, #right
{
	border-color:#E6F2FF;
}
.box
{
	/*border-bottom: #004e95 1px solid;
	border-left: #004e95 1px solid;
	border-top: #004e95 0px solid;
	border-right: #004e95 1px solid;*/
}
/*** link **/
.viewall, .viewdetail,.viewall:visited, .viewdetail:visited
{
	color:Blue
}
.hotline
{
	color:Red;
}
.hotline .number
{
	color:Black;
}
/*** contact **/
.contact .company
{
	color:Blue;
}