/* CSS Document */

body,td,th {

	font-family: Arial;
	font-size: 12px;
	color: #000000;
	text-decoration:none;
	line-height: 18px;
}
body {
	margin: 0px;
}
.topbg1 {
	background-image: url(../images/co_topbg1.gif);
	background-repeat: repeat-y;
}
.menutext1      { font-family: Arial; font-size: 13px; color: #B2B298; font-weight: bold; 
               text-decoration:none;	padding-top: 16px;}
.menutext1 a:visited     { color: #B2B298; text-decoration: none}
.menutext1 a:link      {color: #B2B298;	text-decoration: none}
.menutext1 a:hover      { color: #CC0000; text-decoration: underline}

.menubg1 {
	background-color: #D9D9D9;
}
.menutext2      {
	font-family: Arial;
	font-size: 13px;
	color: #000000;
	font-weight: normal;
	text-decoration:none;
	padding-top: 5px;
	padding-bottom: 5px;
}
.menutext2 a:visited     { color: #000000; text-decoration: none}
.menutext2 a:link      {color: #000000;	text-decoration: none}
.menutext2 a:hover      { color: #CC0000; text-decoration: underline}

.topbg2 {
	background-image: url(../images/co_bg1.gif);
	background-repeat: repeat-x;
}
.text      {
	font-family: Arial;
	font-size: 13px;
	color: #000000;
	text-decoration:none;
	line-height: 18px;
	text-align:justify;
	
}
.text a:visited     { color: #CC0000; text-decoration: underline}
.text a:link      {color: #CC0000;	text-decoration: underline}
.text a:hover      { color: #CC0000; text-decoration: none}

.textlink      {
	font-family: Arial;
	font-size: 13px;
	color: #000000;
	text-decoration:none;
	line-height: 18px;
	
}
.textlink a:visited     { color: #CC0000; text-decoration: underline}
.textlink a:link      {color: #CC0000;	text-decoration: underline}
.textlink a:hover      { color: #CC0000; text-decoration: none}

.text1      {
	font-family: Arial;
	font-size: 16px;
	color: #DA6700;
	font-weight: bold;
	text-decoration:none;
	padding-top: 12px;
	padding-bottom: 10px;
}
.text1 a:visited     { color: #DA6700; text-decoration: none}
.text1 a:link      {color: #DA6700;	text-decoration: none}
.text1 a:hover      { color: #CC0000; text-decoration: underline}
.text2      {
	font-family: Arial;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	text-decoration:none;
	padding-top: 12px;
	padding-bottom: 10px;
}
.text2 a:visited     { color: #DA6700; text-decoration: none}
.text2 a:link      {color: #DA6700;	text-decoration: none}
.text2 a:hover      { color: #CC0000; text-decoration: underline}
.text3      {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration:none;
	line-height: 18px;
}
.text3 a:visited     { color: #666666; text-decoration: none}
.text3 a:link      {color: #666666;	text-decoration: none}
.text3 a:hover      { color: #CC0000; text-decoration: underline}
.loginbg {
	background-image: url(../images/co_loginbg.gif);
	background-repeat: repeat-x;
}
.textlogin      {
	font-family: Arial;
	font-size: 13px;
	color: #FF9A38;
	text-decoration:none;
}
.style1 {
	color: #FF9A38;
	font-size: 13px;
	font-family: Arial;
}
.textlogin a:visited     { color: #000000; text-decoration: none}
.textlogin a:link      {color: #000000;	text-decoration: none}
.textlogin a:hover      { color: #CC0000; text-decoration: underline}
.boxbg1 {
	background-color: #DFDFD0;
}
.boxbg2 {
	background-color: #F0ECE0;
}
.textbox1      {
	font-family: Arial;
	font-size: 14px;
	color: #000000;
	text-decoration:none;
	line-height: 14px;
}
.textbox1 a:visited     { color: #000000; text-decoration: none}
.textbox1 a:link      {color: #000000;	text-decoration: none}
.textbox1 a:hover      { color: #CC0000; text-decoration: underline}
.bghoidap {
	background-color: #E28151;
}
.bghoidap1 {
	background-color: #D4D4D4;
}
.texthoidap      {
	font-family: Arial;
	font-size: 14px;
	color: #999999;
	text-decoration:none;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align:left;
}
.texthoidap a:visited     { color: #000000; text-decoration: none}
.texthoidap a:link      {color: #000000;	text-decoration: none}
.texthoidap a:hover      { color: #CC0000; text-decoration: underline}
.bghoidap2 {
	background-color: #FFFCF2;
}
.textfooter      {
	font-family: Verdana;
	font-size: 13px;
	color: #000000;
	text-decoration:none;
	line-height: 14px;
}
.textfooter a:visited     { color: #006699; text-decoration: none}
.textfooter a:link      {color: #006699;	text-decoration: none}
.textfooter a:hover      { color: #CC0000; text-decoration: underline}



.title_lbl{ font-size:13px; font-weight:bold; text-align:center;}
.table_Form{BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid; BORDER-COLLAPSE: collapse}
.table_content{BORDER-RIGHT: #FFFFFF 1px solid; BORDER-TOP: #FFFFFF 1px solid; BORDER-LEFT: #FFFFFF 1px solid; BORDER-BOTTOM: #FFFFFF 1px solid; BORDER-COLLAPSE: collapse}

hr{color:#CCCCCC;}
.verticalAlignMiddle{VERTICAL-ALIGN: middle}
.txt_form{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0066FF; border-collapse:collapse; border-top:none; border-left:none; border-right:none; border-bottom:dashed; border-bottom-width:1px; border-bottom-color:#CCCCCC;}
.txt_form_untype{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0066FF; border-collapse:collapse; border-top:none; border-left:none; border-right:none; border-bottom:dashed; border-bottom-width:1px; border-bottom-color:#FFF;}
.txt_formright{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0066FF; border-collapse:collapse; border-top:none; border-left:none; border-right:none; border-bottom:dashed; border-bottom-width:1px; border-bottom-color:#CCCCCC;text-align:right}
.txt_formcenter{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0066FF; border-collapse:collapse; border-top:none; border-left:none; border-right:none; border-bottom:dashed; border-bottom-width:1px; border-bottom-color:#CCCCCC;text-align:center}
.txt_formhid{color:#FFFFFF; border-collapse:collapse; border-top:none; border-left:none; border-right:none; border-bottom:none;text-align:right}
.txt_form_none{ border-collapse:collapse; border-top:none; border-left:none; border-right:none; border-bottom:none;text-align:left}
.bkColorOftd{background:#DA6700;}
.hnav { color:#fff; font-size:9pt; font-weight:bold; height:23px;background:#DA6700;}
.hnav a:link, .hnav a:visited , a.lwhite:hover {color:#fff; text-decoration:none;}
.hnav a:hover, a.lwhite:link, a.lwhite:visited {color:#fff; text-decoration:underline;}

.copyright {color:#fff; font-size:8pt;background:#DA6700;}
.vcol {font-size:8pt; color:#fff; background:#EEEEEE;}
ul.llist { margin: 5px 0 5px 20px; list-style:square;}
ul.llist li {margin-bottom:5px;}
.vheader {background:#DA6700; color:#fff; font-weight:bold; font-size:8pt; text-align:center;vertical-align:middle; height:20px;}
ul.list2 { margin: 5px 0 5px 20px; list-style:square;}
.swhite {color:#fff; font-size:8pt;} .sgrey {color:#333; font-size:8pt;}
.vsgrey {color:#666; font-size:7pt;}
.txtsmall {font-size:7pt; vertical-align:middle;}
.btnsmall {font-size:7pt; background:#F99B1B; border:solid 1px #ccc; color:#333; vertical-align:middle;}
form {margin:0; padding:0;}
a.lgrey:link, a.lgrey:visited {color:#333; text-decoration:underline;}
a.lgrey:hover {color:#333; text-decoration:none;}
.dotted {background:url(/images/dotted.gif) repeat-x bottom}
h1 {font-size:11pt; margin:2px 0 0 0;}

a:link { color:#DA6700; text-decoration:none;}
a:hover { color:#DA6700; text-decoration:none;}
a:visited { color:#DA6700; text-decoration:none;}

a.newstitle:link { color:#000000; text-decoration:none;font-size: 14px;}
a.newstitle:hover { color:#000000; text-decoration:none;font-size: 14px;}
a.newstitle:visited { color:#000000; text-decoration:none;font-size: 14px;}

img.newsimg {border:solid 1px #ccc; float:left; margin-right:10px;}
img.productthumb {border:solid 1px #ccc;}
.ytitle {color:#cc6600; font-size:10pt; font-weight:bold;}

.TitleLink:link {color: #0066cc;text-decoration:none;}
.TitleLink:hover {color: #0066cc;text-decoration:none;}
.TitleLink:visited {color: #0066cc;text-decoration:none;}
.TitleLink {color: #0066cc;  font-size: 18px;text-decoration:none;}

.FooterLine{background:url(../images/co_footerline.gif) repeat-x; width:987px;height:4px}
.co_loginpic{background:url(../images/co_banner_qc1.jpg) repeat-x; width:200px;height:210px}
.co_loginXKHK{background:url(../images/co_loginXKHK.jpg) repeat-x; width:200px;height:47px}
.menu
{
	background:#DA6700; color:#fff; font-weight:bold; font-size:8pt; text-align:right; height:20px;
}
.alignRight { text-align:right}
.PriceStyle { text-decoration:line-through;color:Red}
.PriceStyleNew { color:Blue}
.grdStyle
{
	border-width:0;
	text-align:center;
	letter-spacing:normal;
	background-color:White;
}
.grdHeaderStyle
{
	font-size: 12px;
	padding-bottom: 3px;
	color: #FF0000;
	padding-top: 3px;
	padding-left: 6px;
	padding-right: 6px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	background-image: url(../Admin/Images/admin_bg2.gif);
	height:25px;
	border:solid 1px #3366CC
	
	
}
.grdItemStyle
{
	background-color:#f8f8f8;
	font-size:8pt;
	
	
}
.grdFooterStyle
{
	height:25px;
	border:solid 3px #FFF;
	
	
}
select
{
	font-size:8pt;
	
}
input
{
	font-size:9pt;
	
}
span
{
	color:#333333;font-size:13px;
}
.NarrowInput
{
	font-size:8pt;width:75px; 
}
.ParentType
{
	/*background:#999999; color:#fff; font-weight:bold; font-size:8pt; text-decoration:none;
	vertical-align:middle;padding-left:5px;padding-top:3px;padding-bottom:3px;
*/
}
.ChildrenType
{
	vertical-align:middle;padding-left:10px;padding-top:3px;padding-bottom:3px;
}

.SpecialLink
{
	cursor:hand;
	color:#999999;
}
.Border
{
	color:#fff;
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid;
	height:25px;background-color:Orange; vertical-align:middle; text-align:center;
	font-weight:bold; font-size:8pt;text-decoration:none;padding-left:10px;padding-top:3px;padding-bottom:3px;padding-right:10px;
}
.Border:visited 
{
	color:#fff;
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid;
	height:25px;background-color:Orange; vertical-align:middle; text-align:center;
	font-weight:bold; font-size:8pt;text-decoration:none;padding-left:10px;padding-top:3px;padding-bottom:3px;padding-right:10px;
}
.Border:link 
{
	color:#fff;
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid;
	height:25px;background-color:Orange; vertical-align:middle; text-align:center;
	font-weight:bold; font-size:8pt;text-decoration:none;padding-left:10px;padding-top:3px;padding-bottom:3px;padding-right:10px;
}
.Border:hover 
{
	color:#fff;
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid;
	height:25px;background-color:#DA6700; vertical-align:middle; text-align:center;
	font-weight:bold; font-size:8pt;padding-left:10px;padding-top:3px;padding-bottom:3px;padding-right:10px;
}
/* -------------------------
 For Admin style
----------------------------*/
.lgbg1 {
	background-image: url(../Admin/Images/coa_lgbg1.gif);
	height: 215px;
	width: 616px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C1B67B;
	border-right-color: #C1B67B;
	border-bottom-color: #C1B67B;
	border-left-color: #C1B67B;
}

/* -------------------------
 For Vertical Dropdown menu
----------------------------*/

.menustyle{background-color:#fff;border:1px;border-bottom-color:gray;border-top-color:gray;border-left-color:gray;border-right-color:gray;border-style:solid; font-weight:bold}
.menuitem{width:200px;color:#393737;font-family:verdana;font-size:10pt;padding:5px;padding-left:5px;padding-right:15px;border:1px;border-style:solid;border-left-color:white;border-top-color:white;border-right-color:white;border-bottom-color:white;}
.mouseup{width:200px;background-color:#e8e7e7;color:white;font-family:verdana;font-size:10pt;padding:5px;padding-left:5px;padding-right:15px;border:1px;border-color:#FFF;border-style:solid;cursor:hand;font-weight:bold}
.mouseover{width:200px;background-color:#acacab;color:white;font-family:verdana;font-size:10pt;padding:5px;padding-left:5px;padding-right:15px;border:1px;border-color:3F3F3F;border-left-color:black;border-top-color:black;border-right-color:black;border-bottom-color:black;border-style:ridge;cursor:hand;font-weight:bold}
.mousedown{width:200px;background-color:#696867;color:white;font-family:verdana;font-size:10pt;padding:5px;padding-left:5px;padding-right:15px;border:1px;border-color:3F3F3F;border-right-color:black;border-bottom-color:black;border-left-color:black;border-top-color:black;border-style:solid;cursor:hand;font-weight:bold}

.khung1
{
	border-left:solid 1px #aaaaaa;
	border-right:solid 1px #aaaaaa;
}