/* =====================================
    CSS Styles For Commerce Server Site
    v1.0, 10/2001
   =====================================
*/

/* ============= HTML Tags ============= */
/* */

/* */

body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #000000;
    background-color: whitesmoke;
}
Table
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
   
    color: #000000;
   
}
/* ============= Classes =========== */
A
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

/* */
A:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #8a8b51;
    text-decoration: underline;
}

/* ---------- USER Controls -------- */

.localeBkg
{
	background-image: url(DarkBkg.jpg)
}

.localeTitle
{
	width: 320px;
	background-image: url(BoxLt_Top2.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000
}

.localeTopMiddleRight
{
	background-image: url(BoxLt_Top.gif)
}


.linkOnLocalesPg
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	text-decoration: none
}

.linkOnLocalesPg1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #568578;
	text-decoration: none
}

.linkOnLocalesPg1:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
	text-decoration: none
}

.linkOnLocalesPg2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #65A997;
	text-decoration: none
}

.linkOnLocalesPg2:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
	text-decoration: none
}

.linkOnLocalesPg3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #A3D0C5;
	text-decoration: none
}

.linkOnLocalesPg3:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
	text-decoration: none
}

.linkOnLocalesPg4
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #D2E5D3;
	text-decoration: none
}

.linkOnLocalesPg4:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
	text-decoration: none
}

.linkOnLocalesPg5
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CABC99;
	text-decoration: none
}

.linkOnLocalesPg5:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
	text-decoration: none
}

.linkOnLocalesPg6
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5FA6AE;
	text-decoration: none
}

.linkOnLocalesPg6:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
	text-decoration: none
}

.linkOnLocalesPg:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
	text-decoration: none
}


.linkOnLocalesPg:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
	text-decoration: underline
}


.textOnLocalesPg
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC
}

.roundedCorner 
{  
	background-image: url(RoundedCorner.jpg);
	background-repeat: no-repeat
}

.secGrauTitle
{
	font-family: Verdana;
	font-size: 32px;
	color: #D0DAE0;
	text-decoration: none;
}

.secGrauTitle:focus
{
	font-size: 32px;
	color: #D0DAE0;
	text-decoration: none;
}

.secGrauTitle:active
{
	font-size: 32px;
	color: #D0DAE0;
	text-decoration: none;
}

.secGrauTitle:visited
{
	font-size: 32px;
	color: #D0DAE0;
    text-decoration:none;
}

.secGrauTitle:hover
{
	font-size: 32px;
	color: #D0DAE0;
    text-decoration:none;
}



/* ============= ====== ============= */


.secGrauTitleSmall
{
	font-size: 17px;
	color: darkgray;
	font-family: Tahoma;
	text-decoration: none;
}

.secGrauTitleSmall:focus
{
	font-size: 24px;
	color: #D0DAE0;
	text-decoration: none;
}

.secGrauTitleSmall:active
{
	font-size: 24px;
	color: #D0DAE0;
	text-decoration: none;
}

.secGrauTitleSmall:visited
{
	font-size: 24px;
	color: #D0DAE0;
    text-decoration:none;
}

.secGrauTitleSmall:hover
{
	font-size: 24px;
	color: #D0DAE0;
    text-decoration:none;
}


/* ============= ====== ============= */


.secProdTitle
{
	font-family: Verdana;
	font-size: 14px;
	color: #018CCF;
	font-weight: bold;
	text-decoration: none;	
}

.secProdTitle:focus
{
	font-size: 14px;
	color: #018CCF;
	text-decoration: none;
}

.secProdTitle:active
{
	font-size: 14px;
	color: #018CCF;
	text-decoration: none;
}

.secProdTitle:visited
{
	font-size: 14px;
	color: #018CCF;
	text-decoration: none;
}

.secProdTitle:hover
{
	font-size: 14px;
	color: #F5A3A3;
	text-decoration: none;
}

/* ============= ====== ============= */


.secProdTitleParts
{
	font-family: Verdana;
	font-size: 14px;
	color: #735B88;
	font-weight: bold;
	text-decoration: none;	
}

.secProdTitleParts:focus
{
	font-size: 14px;
	color: #735B88;
	text-decoration: none;
}

.secProdTitleParts:active
{
	font-size: 14px;
	color: #735B88;
	text-decoration: none;
}

.secProdTitleParts:visited
{
	font-size: 14px;
	color: #735B88;
	text-decoration: none;
}

.secProdTitleParts:hover
{
	font-size: 14px;
	color: #F5A3A3;
	text-decoration: none;
}


/* ============= ====== ============= */

/* ============= ====== ============= */


.secFormTableCell
{
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	BORDER-RIGHT: white 1px solid;
}

.secFormTableCellRechtsauf
{
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}

.secFormTableCell:focus
{
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

.secFormTableCell:active
{
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

.secFormTableCell:visited
{
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

.secFormTableCell:hover
{
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

/* ============= ====== ============= */

.secFormTableCellZu
{
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:right;
}

.secFormTableCellZu:focus
{
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

.secFormTableCellZu:active
{
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

.secFormTableCellZu:visited
{
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

.secFormTableCellZu:hover
{
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

/* ============= ====== ============= */


/* ============= ====== ============= */

.secGrauLink
{
    font-size: 11px;
    color: black;
    font-family: arial;
    text-decoration: none;
}
.secGrauLink:unknown
{
    FONT-SIZE: 10px;
    COLOR: #b7b7b7;
    TEXT-DECORATION: none
}
.secGrauLink:hover
{
    font-size: 11px;
    color: goldenrod;
    font-family: Arial, Verdana ;
    text-decoration: none;
}

/* ============= ====== ============= */


.secFormMessage
{
	font-family: Verdana;
	font-size: 9px;
	color: #21A0DC;
	text-decoration: none;
}

.secFormMessage:focus
{
	font-size: 9px;
	color: #21A0DC;
	text-decoration: none;
}

.secFormMessage:active
{
	font-size: 9px;
	color: #21A0DC;
	text-decoration: none;
}

.secFormMessage:visited
{
	font-size: 9px;
	color: #21A0DC;
    text-decoration:none;
}

.secFormMessage:hover
{
	font-size: 9px;
	color: #21A0DC;
    text-decoration:none;
}

/* ============= ====== ============= */

/* ============= ====== ============= */


/* ============= ====== ============= */


.secFormCellA
{
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 7px;
    padding-bottom: 7px;
    background-color:#EBF6FA;
}

.secFormCellB
{
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 7px;
    padding-bottom: 7px;
    background-color:#D3EBF7;
}
.secFormCellC
{
	border-right: ghostwhite 1px solid;
	padding-right: 11px;
	border-top: ghostwhite 1px solid;
	padding-left: 11px;
	padding-bottom: 7px;
	border-left: ghostwhite 1px solid;
	padding-top: 7px;
	border-bottom: ghostwhite 1px solid;
	background-color: ghostwhite;
}
.secFormCellD
{
	padding-right: 11px;
	padding-left: 11px;
	padding-bottom: 7px;
	padding-top: 7px;
	background-color: lightskyblue;
}


Table
{
	text-justify: auto;
	font-size: 8pt;
	vertical-align: baseline;
	color: black;
	font-family: Verdana;
	text-align: justify;
}
.content
{
	padding-right: 7px;
	padding-left: 7px;
	font-size: 8pt;
	padding-bottom: 4px;
	margin: 7px;
	padding-top: 7px;
	font-family: Verdana;
	text-align: justify;
}
input.textbox
{
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	font-size: 7pt;
	border-left: darkgray 1px solid;
	color: dimgray;
	border-bottom: darkgray 1px solid;
	font-family: Verdana;
}
.textbox_in
{
    border-right: darkgray 1px solid;
    border-top: darkgray 1px solid;
    font-size: 7pt;
    border-left: darkgray 1px solid;
    color: dimgray;
    border-bottom: darkgray 1px solid;
    font-family: Verdana;
    border: 2px groove #0099CC;
}
.main_bg
{
	background-position: left top;
	background-attachment: fixed;
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
}
.TopMenu
{
    background-color: lightblue;
    width: 70px;
    height: 40px;
    vertical-align: middle;
    text-align: center;
}
A.TopMenu
{
    background-color: lightblue;
     width: 70px;
    height: 40px;
    
}
A.TopMenu:hover
{
     background-color: red;
     width: 70px;
    height: 40px;
}
.main_frame
{
    font-size: 10pt;
    color: gray;
    font-family: Arial;
    background-color: white;
    background-image: url(main_bg.jpg);
}
/* ------------------------------------------------------------------
Base
Styles to be used globally throughout a site
------------------------------------------------------------------ */


/* Reset CSS
----------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul {margin-left:0;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}


/* Fonts
----------------------------------------------- */
/**
 * 84.5% for !IE, keywords for IE
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE < 6 and IE6 quirks mode.
 * 
 */
body {font:11px arial,helvetica,clean,sans-serif;*font-size:71%;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.42em;}


/* Tags
------------------------------------------------------------------ */

p { margin-bottom: 15px; } 
ul { margin-bottom: 15px; margin-left: 25px; list-style-type: square; }
ol { margin-bottom: 15px; margin-left: 25px; list-style-type: decimal; }
dl { margin-bottom: 15px; }
dl dt { padding-left: 0; margin-top: 10px; }
dl dd { margin-left: 15px; }
blockquote { background: #f8f8f8; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; color: #444; font-size: 90%; padding: 15px 15px 0 15px; margin-bottom: 15px; }
table { font-size: 100%; border-collapse: collapse; border-spacing: 0; }
td, th {vertical-align: top; } 
h1, h2, h3, h4, h5 { color: #8fa1ac; text-transform: uppercase; font-weight: bold; margin-bottom: 7px; letter-spacing: -1px; } 
h1 { font-size: 180%; margin-bottom: 15px; line-height: 110%; } 
h2 { font-size: 140%; line-height: 110%; } 
h3 { font-size: 125%; line-height: 110%; } 
h4 { font-size: 110%; line-height: 110%; } 
h5 { font-size: 100%; line-height: 110%; } 
small { font-size: 90%; } 



.img_home
{
    border-right: lightgrey 1px solid;
    border-top: lightgrey 1px solid;
    border-left: lightgrey 1px solid;
    border-bottom: lightgrey 1px solid;
}
.big_title
{
    font-weight: bold;
    font-size: 8.5pt;
    text-transform: uppercase;
    color: firebrick;
    font-family: Tahoma, Arial;
    text-decoration: underline;
}
.footer
{
	font-size: 7.5pt;
}
.Block_3
{
	font-size: 8.5pt;
	background-color: #ffffcc;
	color: dimgray;
}

.ddl_s
{
	background-color: #ffff99;
	font-size: 8pt;
	color: #000000;
	font-family: verdana;
}
.bor_L{
			border-left-color:#a0a0a0;
			border-left-style:solid;
			border-left-width:1px;
		}
.bor_R{
			border-right-color:#a0a0a0;
			border-right-style:solid;
			border-right-width:1px;
		}
.bor_TB{
			border-top-color:#a0a0a0;
			border-top-style:solid;
			border-top-width:1px;
			border-bottom-color:#a0a0a0;
			border-bottom-style:solid;
			border-bottom-width:1px;
		}
.bor_hotnews_table{
					border-top-color:#e2e5ea;
					border-top-style:solid;
					border-top-width:1px;
					border-left-color:#e2e5ea;
					border-left-style:solid;
					border-left-width:1px;
					border-right-color:#e2e5ea;
					border-right-style:solid;
					border-right-width:1px;
					border-bottom-color:#e2e5ea;
					border-bottom-style:solid;
					border-bottom-width:1px;
				
				}
/*bor content*/
.bor_content_LR{
				border-left-color:#cecece;
				border-left-style:solid;
				border-left-width:1px;
				border-right-color:#cecece;
				border-right-style:solid;
				border-right-width:1px;
				
				}
.gach_content_RED{
					border-bottom-color:#cecece;
					border-bottom-style:solid;
					border-bottom-width:8px;}
.canh_content{
				padding-left:25px;
				padding-right:10px;
				padding-top:16px;
				padding-bottom:8px;
			}
			.content {
				font-family:Arial;
				font-size:12px;
				font-weight:normal;
				color:#666666;
				text-decoration:none;
				line-height:18px;
			}
			
.contentwhite{
				font-family:Arial;
				font-size:12px;
				font-weight:normal;
				color:#ffffff;
				text-decoration:none;
				line-height:22px;
			}
.contentwhite a{
				font-family:Arial;
				font-size:12px;
				font-weight:normal;
				color:#ffffff;
				text-decoration:none;
			}
.contentwhite a:hover{
				font-family:Arial;
				font-size:12px;
				font-weight:normal;
				color:#ffffff;
				text-decoration:underline;
			}

.content_Redmax{
				font-family:Arial;
				font-size:18px;
				font-weight:normal;
				color:#cc0000;
				text-decoration:none;
			}
.content_Red{
				font-family:Arial;
				font-size:12px;
				font-weight:normal;
				color:#cc0000;
				text-decoration:none;
			}
.content_Red a{
				font-family:Arial;
				font-size:12px;
				font-weight:normal;
				color:#cc0000;
				text-decoration:none;
			}
.content_Red a:hover{
						font-family:Arial;
						font-size:12px;
						font-weight:normal;
						color:#cc0000;
						text-decoration:underline;
					}
.content_Red_bold_{
				font-family:Arial;
				font-size:12px;
				font-weight:bold;
				color:#cc0000;
				text-decoration:underline;
			}
.content_blue_tde{
				font-family:Arial;
				font-size:12px;
				font-weight:bold;
				color:#114375;
				text-decoration:none;
			}
.content_blue{
				font-family:Arial;
				font-size:12px;
				font-weight:bold;
				color:#3b5d77;
				text-decoration:none;
			}
.content_blue a{
				font-family:Arial;
				font-size:12px;
				font-weight:bold;
				color:#3b5d77;
				text-decoration:none;
			}
.content_blue a:hover{
				font-family:Arial;
				font-size:12px;
				font-weight:bold;
				color:#3b5d77;
				text-decoration:underline;
			}
			
/*content of hotnews*/
.content_Red_bold{
				font-family:Arial;
				font-size:11px;
				font-weight:bold;
				color:#cc0000;
				text-decoration:none;
			}
.content_hotnews{
				font-family:Arial;
				font-size:11px;
				font-weight:normal;
				color:#333333;
				text-decoration:none;
			}
.content_hotnews a{
					font-family:Arial;
					font-size:11px;
					font-weight:normal;
					color:#333333;
					text-decoration:none;
			}
.content_hotnews a:hover{
						font-family:Arial;
						font-size:11px;
						font-weight:normal;
						color:#333333;
						text-decoration:none;
			}
			.du_doan{	font-family:Arial;
						font-size:12px;
						font-weight:normal;
						color:#000000;
					}
					/* all button  */
.btn {
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
		color:#333333;
	}
.btn a{
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
		color:#333333;
		text-decoration:none;
	}

.btn a:hover{
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
		color:#333333;
		text-decoration:none;
	}
	
.btn_dky {
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
		color:#666666;
	}
.btn_dky a{
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
		color:#666666;
		text-decoration:none;
	}

.btn_dky a:hover{
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
		color:#666666;
		text-decoration:none;
	}
	
.btn_white{
			font-family:Arial;
			font-size:12px;
			font-weight:bold;
			color:#FFFFFF;
			text-decoration:none;
			}
.btn_white a{
			font-family:Arial;
			font-size:12px;
			font-weight:bold;
			color:#FFFFFF;
			text-decoration:none;
			}
.btn_white a:hover{
					font-family:Arial;
					font-size:12px;
					font-weight:bold;
					color:#a1d8ff;
					text-decoration:none;
			}