/* ================================
    CSS STYLES NGUYEN THANG
    v2.0, 11/2007
   ================================
*/   

/* background color for the header at the top of the page  */
.HeadBg {background-color: #014E82;}

.LeftBg {background-color:#FFFFFF;}

.MainBg {background-color:#F6F6F6;width:250px;}

.RightBg {background-color:#F6F6F6;width:160px;}

.M-Title{font-size:12px; font-family:Arial ; color:#111111; font-weight:bold;padding-left:5px}

/* background color for the content part of the pages background-color: while; */
Body
{
    background:  -3px 0 url(../images/bg_body.gif) #313131;
	margin: 0 6px 0 6px;
	padding: 0;
	color: #333333;
	
}

.M-left{float:left;background-image: url(../Images/M_left.gif); width:5px; height:24px}
.M-center{float:left;background-image: url(../Images/M_center.gif) ; height:24px}
.M-right{float:right;background-image: url(../Images/M_right.gif); width:5px; height:24px;}

.T-center{margin:0; padding:0; float: left;width: 100%;height:25px;background: black url('../Images/img02.jpg') repeat-x center;}
.S-center{float: left;width: 100%;height:25px;background: black url('../Images/img03.gif') repeat-x center;}
.Search {float: left;width: 100%;height:35px;background: black url('../Images/header_bg.gif') repeat-x center;}
.DropSearch {height: 100px; }

/* PAGE BANNER */
/* style for the text of the site title  */
.SiteTitle {
    font-family: Arial Bold,Verdana Bold, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
}


/* background/border colors for the selected tab:  */
.TabBg {
   background-color: #FFFFFF;
    border-color: #FFFFFF;   }

/* dimgray background/border colors for the unselected tabs 59B40C */
.OtherTabsBg {
    background-color: #3d8a17;
    border-color: #980E10;                
}

/* text style for the selected tab: */
.SelectedTab {
    font-family: Arial, Verdana, Helvetica;
    font-size: 12px;font-weight: Bold;color:Red;text-decoration:none;
}

A.SelectedTab:link    {
    text-decoration:    none;
    color:#222821;
}

A.SelectedTab:visited {
    text-decoration:    none;
    color:#222821;
}

A.SelectedTab:active  {
   text-decoration:    none;
    color:#222821;
}

A.SelectedTab:hover   {
    text-decoration:    underline;
    color:#222821;
}

/*  text style for the unselected tabs */
.OtherTabs {
    font-family: Arial, Verdana, Helvetica;
    font-size: 12px;font-weight: bold;color:white;text-decoration:none;
}

/* hyperlink styles of the unselected tabs */
A.OtherTabs:link    {
    text-decoration:    none;
    color:white;
}

A.OtherTabs:visited {
    text-decoration:    none;
    color:white;
}

A.OtherTabs:active  {
   text-decoration:    none;
    color:white;
}

A.OtherTabs:hover   {
    text-decoration:    underline;
    color:#FD7600;
}
    
/* text style for the site links (at extreme top-right of header) */
.SiteLink {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color:White;
}   

/* #eeeeee hyperlink style for the site links */
A.SiteLink:link {
    text-decoration:    none;
    color:White;
}

A.SiteLink:visited  {
    text-decoration:    none;
    color:White;
}

A.SiteLink:active   {
    text-decoration:    none;
    color:White;
}

A.SiteLink:hover    {
    text-decoration:    underline;
    color:White;
}

/* style for separator between site links */
.Accent
{
    color: red;
    font-weight:    bold;
}

/* MODULE-SPECIFIC */

/* Link background-image: url('../images/bg3_contents.gif');  */
.LinkHead {
font-family: Arial, Verdana, sans-serif; font-size:  14px;font-weight:    bold;
PADDING-RIGHT: 0px; MARGIN-TOP: 0px; PADDING-LEFT: 0px;PADDING-BOTTOM: 5px; PADDING-TOP: 0px;
}

.LinkContent 
{
PADDING-RIGHT: 5px; MARGIN-TOP: 5px; PADDING-LEFT: 5px;PADDING-BOTTOM: 5px; PADDING-TOP: 5px;
}

.LinksH {
    background-color: #F6F6F6;width:120px;
    text-align:left;font-family: Arial Bold,Verdana Bold, Helvetica, sans-serif;font-size: 12px;font-weight: bold;   
}
/* text style for reading messages in Discussion */    
.Message    {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: normal;
    background-color: #eeeeee
}   

/* News */
.ItemTitle    {
    font-family: Arial, Verdana, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #000080;
}

.NewsContent    {
    font-family: Arial, Verdana, sans-serif;
    font-size:  12px; font-weight:    normal;
    background-color:#F6F6F6;
    LINE-HEIGHT: 18px;
    text-align:justify;
    PADDING-RIGHT: 5px; MARGIN-TOP: 10px; PADDING-LEFT: 5px;PADDING-BOTTOM: 5px; PADDING-TOP: 0px;
}

.NewsList{
    font-family: Arial, Verdana, sans-serif;font-size:  13px;LINE-HEIGHT: 20px;
    PADDING-RIGHT: 5px; MARGIN-TOP: 10px; PADDING-LEFT: 5px;PADDING-BOTTOM: 5px; PADDING-TOP: 0px; 
}
.NewsLine{background-color: #73C219;}

.HtmlBox {PADDING-LEFT: 0px;PADDING-RIGHT: 0px;  PADDING-TOP: 0px;PADDING-BOTTOM: 5px;}
/* GENERAL */
/* style for module titles #666644 */
.Head   
{
    font-family: Arial, Verdana, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: #000000;
}

/* style of item titles */
.SubHead    {
    font-family: Arial, Verdana, sans-serif;
    font-size:  14px;
    PADDING-RIGHT: 0px; MARGIN-TOP: -3px; PADDING-LEFT: 0px;PADDING-BOTTOM: 4px; LINE-HEIGHT: 19px; PADDING-TOP: 0px;
    font-weight:    bold;
   
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Arial, Verdana, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: black;
}
/* text style used for most text rendered by modules */
.NormalQL
{
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight:bold;
    line-height: 20px;
}

.NGrey
{
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    color: #CCCCCC;    
}
/* text style used for most text rendered by modules */
.Normal
{
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    color: black; 
    text-align:justify;
}

.NormalCenter
{
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    color:White; text-align:center; 
}

.NormalR
{
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    color: White; 
    text-align:right;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.NormalRed
{
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: red
}

.NormalBold
{
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold
}

/* text style used for most text rendered by modules */

.NormalDouble
{
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px    
}

/* text style used for selects in the admin pages, for Nav compatibility */
.NormalSelect
{
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: normal;
}
/* text style used for controls in the admin and edit pages, for Nav compatibility */
.NormalControl
{
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalCheckBox
{
    margin-left: -4px;
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalRadio
{
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-indent: -5px;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalButton
{
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-indent: -5px;
/*    border-style: solid;
    border-width: 1px;
    border-color: #cccc99; */
    background-color:#ccccaa;    
}

.NormalItalic
{
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px    
}
/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: darkred;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: darkred;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: darkred;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: red;
}
    

/* GENERIC */
H1  {
    font-family: Arial, Verdana, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H2  {
    font-family: Arial, Verdana, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H3  {
    font-family: Arial, Verdana, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: #000080;
}

H4  {
    font-family: Arial, Verdana, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: #000080;
}

H5, DT  {
    font-family: Arial, Verdana, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #000080;
}

H6  {
    font-family: Arial, Verdana, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #000080;
}

TFOOT, THEAD    {
    font-family: Arial, Verdana, sans-serif;
    font-size:  12px;
    color: #000080;
}

TH  {
    vertical-align: baseline;
    font-family: Arial, Verdana, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #000080;
}

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

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

A:active    {
    text-decoration:    none;
    color:  red;
   
}

A:hover {
    text-decoration:    underline;
    color:  red;
}


/* Discuss */
.discussTable 
{   
    border:1px #013DA4 solid;
    background-color:#FFFFFF;
}

.discussTable td
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;

}

.discussTable th 
{
    height: 25px;
    padding: 3px;
    margin: 1px;
    background-image: url('../Images/discussheader.gif');
    background-color: #4455aa;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    font-weight:bold
}


.discussTable a 
{
    color: navy;
    font-size: 11px;
    text-decoration:underline;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}


.discussCell  
{
    padding: 3px;
    margin: 1px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #DDEEFF;
}


.discussCellHilite  
{
    padding: 3px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #D4D9EC;
}

/* ================================
    CSS STYLES SPCMS
   ================================
*/   

.HomeHead
{
    color: #999966;
    font-family: Arial,Verdana;
    font-size: 20px;
    font-weight: bold;
    HEIGHT: 35px
}
.ContentHead
{
    background-color: #dddca3;
    color: dimgray;
    font-family: Arial,Verdana;
    font-size: 20px;
    font-weight: bold;
    height: 35px
}

/* */
.SubContentHead
{
    background-color: #dddca3;
    color: dimgray;
    font-family: Arial,Verdana ;
    font-size: 18px;
    font-weight: bold;
    height: 20px
}

/* */
.UnitCost
{
    color: #808080;
    font-family: Arial,Verdana;
    font-size: 15px;
    line-height: 20pt
}

/* */
.ModelNumber
{
    color: #808080;
    font-family: Arial,Verdana;
    font-size: 11px;
    line-height: 20pt
}

/* */
.ErrorText
{
    color: red;
    font-family: Arial,Verdana;
    font-size: 12px;
    line-height: 20pt
}
.MostPopularHead
{
    background-color: darkred;
    color: white;
    font-family: Arial,Verdana;
    font-size: 11px;
    font-weight: bold
}

A.MostPopularItemText, A.MostPopularItemText:link, A.MostPopularItemText:visited
{
    color: black;
    font-family: Arial,Verdana;
    font-size: 11px;
    text-decoration: none
}

A.MostPopularItemText:hover
{
    color: red;
    font-family: Arial,Verdana;
    font-size: 11px;
    text-decoration: underline
}

.ProductListHead
{
    color: blue;
    font-family: Arial,Verdana ;
    font-size: 13px;
    font-weight: bold;
    line-height: 14pt;
   
   /* text-decoration: underline; */

}
.ProductListCode
{
    color: black;
    font-family: Arial,Verdana;
    font-size: 12px;
    font-weight: bold;
    line-height: 14pt;

}
.ProductListItem
{
    color: black;
    font-family: Arial,Verdana;
    font-size: 10px
}

.CartListHead
{
    background-color: #dddca3;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: black;
    font-family: Verdana, Arial;
    font-size: 11px;
    font-weight: bold;
    line-height: 20pt;
    padding-left: 5px
}

.CartListItem
{
    background-color: #ffffff;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: black;
    font-family: Arial,Verdana;
    font-size: 11px;
    padding-left: 5px
}

.CartListItemAlt
{
    background-color: #f2f2f2;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: black;
    font-family: Arial,Verdana;
    font-size: 11px;
    padding-left: 5px
}

.CartListFooter
{
    background-color: #dddca3;
    line-height: 10pt
}

/* text style for the links */
A.SiteLink, A.SiteLink:link, A.SiteLink:visited
{
    font-family: Arial,Verdana, Helvetica, sans-serif;
    text-decoration: none;
    color: #111111;
    font-size: 12px;
}   

A.SiteLink:hover    
{
    text-decoration: underline;
    color: white;
}

A.SiteLinkBold, A.SiteLinkBold:link, A.SiteLinkBold:visited
{
    color: #dddddd;
    font-family: Arial,Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-size:  12px;
    font-weight: bold
}

A.SiteLinkBold:hover
{
    color: white;
    text-decoration: none;
}

/* */


A.MenuUnselected, A.MenuUnselected:link, A.MenuUnselected:visited
{
    color: Black; 
    font-family: Arial,Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-size:  12px;
    font-weight: bold;
    line-height: 14px;
    padding-left: 0px
}

A.MenuUnselected:hover
{
    color: red;
    text-decoration: underline;
    padding-left: 0px
}

A.MenuSelected
{
    color: white;
    font-family: Arial,Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-size:  12px;
    font-weight: bold;
    line-height: 14px;
    padding-left: 0px
}

A.MenuSelected:hover
{
    color: white;
    font-family: Arial,Verdana, Helvetica, sans-serif;
    text-decoration: none;
    padding-left: 0px
}

/* GENERAL */

/* text style used for textboxes in the edit pages, for Nav compatibility */
.EditTextBox
{
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: normal;
    border-style: solid;
    border-width: 1px;
    border-color: #999966;
    width: 100%;
}

A:link  {
    text-decoration: none;
    color:  black;
}

A, A:hover {
    text-decoration: underline;
    color:  black;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, 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;
}

HR {
    height:1pt;
    text-align:left
}
/* Grid*/
.gridpager, .gridpager td{    
    text-align: right;
    color:Red;    
    font-weight: bold;
    text-decoration: none;
}

.gridpager A{
    color:Black;
    font-family: Arial,Verdana;
    font-size: 12px;
    text-decoration: none; 
}
.gridpager A:hover{
    color:Blue;
    font-size: 16px;
    font-weight: bold;
    font-family: Arial,Verdana;
    text-decoration: underline;
}

DIV.box220grey {
	BACKGROUND: url('../images/box220grey_bg_top.gif') no-repeat 0px 0px; WIDTH: 220px
}
DIV.box220greyin {
	BACKGROUND: url('../images/box220grey_bg_btm.gif') no-repeat left bottom; WIDTH: 220px
}