/*************************************************************************
' Function : CSS defintions for the store.
' Product  : Saolinh Store Frontend
' Version  : 3.3
' Modified : January 2005
' Copyright: Copyright (C) 2004 Saolinh.Com 
'            See "license.txt" for this product for details regarding 
'            licensing, usage, disclaimers, distribution and general 
'            copyright requirements. If you don't have a copy of this 
'            file, you may request one at webmaster@Saolinh.com
'**************************************************************************/

/* General Tag specifications */
BODY, td, p {COLOR: black; FONT-FAMILY:  Arial, Verdana ,Tahoma ; FONT-SIZE: 8pt; line-height: 165%; }


.test   {COLOR: #CCCCCC; FONT-FAMILY: Arial, Tahoma , Verdana ; FONT-SIZE: 15px;}
.testTD   {COLOR: #CCCCCC; FONT-FAMILY: Arial, Tahoma , Verdana ; FONT-SIZE: 15px;}
/* Info Box WITHOUT Headings */
.CPbox1            {COLOR: #333333;  BACKGROUND-COLOR: ; BORDER: 0px solid #EAEAEA}
.CPbox1 A:link     {COLOR: #333333; FONT-SIZE: 10pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.CPbox1 A:visited  {COLOR: #333333; FONT-SIZE: 10pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.CPbox1 A:hover    {COLOR: #996666; FONT-SIZE: 10pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

/* Info Box WITH Headings ( H = Heading cell ; B = Body cell ) */
.CPbox2            {COLOR: #333333; BORDER: 1px solid #BBC3D3;margin-left: 0px}
.CPbox2H           {COLOR: #333333; BACKGROUND-COLOR: #CCCCCC; PADDING: 1px}
.CPbox2H B         {COLOR: #333333;}

/* Box - Prodview.asp */
.CPbox2B           {COLOR: black; BACKGROUND-COLOR: #F5F5F5}
.CPbox2B A:link    {COLOR: black; FONT-SIZE: 11px; TEXT-DECORATION: none}
.CPbox2B A:visited {COLOR: black; FONT-SIZE: 11px; TEXT-DECORATION: none}
.CPbox2B A:hover   {COLOR: green; FONT-SIZE: 11px; TEXT-DECORATION: underline}

.slbox           {line-height:165%}
.slbox A:link    {FONT-SIZE: 11pt; COLOR: white; TEXT-DECORATION: none; font-weight:bold}
.slbox A:visited {FONT-SIZE: 11pt; COLOR: white;  TEXT-DECORATION: none; font-weight:bold}
.slbox A:hover   {FONT-SIZE: 11pt; COLOR: Yellow;  TEXT-DECORATION: underline; font-weight:bold}

.CPcolsView1hang           {line-height:165%}
.CPcolsView1hang A:link    {FONT-SIZE: 11pt; COLOR: white; TEXT-DECORATION: none; font-weight:bold}
.CPcolsView1hang A:visited {FONT-SIZE: 11pt; COLOR: white;  TEXT-DECORATION: none; font-weight:bold}
.CPcolsView1hang A:hover   {FONT-SIZE: 11pt; COLOR: Yellow;  TEXT-DECORATION: underline; font-weight:bold}



.clr3           {COLOR: white;FONT-SIZE: 8pt; line-height:165%;}
.clr3 A:link    {FONT-SIZE: 8pt; COLOR: #04315B; TEXT-DECORATION: none; font-weight:normal}
.clr3 A:visited {FONT-SIZE: 8pt; COLOR: #04315B;  TEXT-DECORATION: none; font-weight:normal}
.clr3 A:hover   {FONT-SIZE: 8pt; COLOR: red;  TEXT-DECORATION: underline; font-weight:bold}

.clr4           {COLOR: black;FONT-SIZE: 6pt; line-height:160%; text-align:justify}
.clr4 A:link    {FONT-SIZE: 8pt; COLOR: black; TEXT-DECORATION: none; font-weight:bold}
.clr4 A:visited {FONT-SIZE: 8pt; COLOR: black;  TEXT-DECORATION: none; font-weight:bold}
.clr4 A:hover   {FONT-SIZE: 8pt; COLOR: red;  TEXT-DECORATION: underline; font-weight:bold}


.CPbox2B1           {COLOR: white}
.CPbox2B1 A:link    {COLOR: white; FONT-SIZE: 11px; TEXT-DECORATION: none}
.CPbox2B1 A:visited {COLOR: white; FONT-SIZE: 11px; TEXT-DECORATION: none}
.CPbox2B1 A:hover   {COLOR: blue; FONT-SIZE: 11px; TEXT-DECORATION: underline}

.CPbox2BmenuQC           {COLOR: black; BACKGROUND-COLOR: #E5E5E5}


/* Box - Page Headings */
.CPpageHead {BORDER-BOTTOM: 2px solid #CCCCCC; PADDING-BOTTOM: 4px}

/* Box - Page Navigation */
.CPpageNav {BACKGROUND-COLOR:}

/* Box - General Headings */
.CPgenHeadings {BACKGROUND-COLOR: #EEEEEE}

/* Box - Product Image (Home page) */
.CPhomeImg {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #CCCCCC}

/* Box - Product Description (Home page) */
.CPhomeDesc {BORDER-BOTTOM: 1px solid #CCCCCC}

/* Horizontal and Vertical lines */
.CPlines {BACKGROUND-COLOR: #CCCCCC}

/* Product Short Description (Except Detail page) */
.CPprodDesc           {COLOR: #04315B;FONT-SIZE: 9pt; }
.CPprodDesc A:link    {COLOR: #04315B; FONT-SIZE: 9pt; TEXT-DECORATION: none}
.CPprodDesc A:visited {COLOR: #04315B; FONT-SIZE: 9pt; TEXT-DECORATION: none}
.CPprodDesc A:hover   {COLOR: red; FONT-SIZE: 9pt; TEXT-DECORATION: underline}

/* Product Short Description (Detail page only) */
.CPprodDescDet {FONT-SIZE: 9pt}

/* Product Long Description */
.CPprodDescLong {FONT-FAMILY:  Arial, Tahoma , Verdana; FONT-SIZE:9pt; }
.CPprodDescLongManu {COLOR: #00552B; FONT-FAMILY: Arial, Tahoma , Verdana; FONT-SIZE: 10pt}
/* Product Detail */
.CPprodDet {line-height: 175%}

/* Product SKU */
.CPprodSKU {}

/* Product Price - Text Label */
.CPprodPriceT {COLOR: #800000}

/* Product Price - Price Value */
.CPprodPriceV {COLOR: #800000; font-size: 9pt}
.CPprodPriceVP {COLOR: green; font-size: 11px}

.CPprodPriceVAT{font-size:11px;COLOR: green}
/* Product List Price - Text Label */
.CPprodLPriceT { font-size:11px}

/* Product List Price - Price Value */
.CPprodLPriceV {TEXT-DECORATION: line-through; font-size:11px}

/* Product Sale Price - Text Label */
.CPprodSPriceT {font-size:11px}

/* Product Sale Price - Price Value */
.CPprodSPriceV {COLOR: green; font-size:11px}
.CPprodSPriceVP {COLOR: green; font-size:11px}
/* Free Shipping text */
.CPfreeShipMsg {COLOR: #888888}

/* In Stock text */
.CPinStock {COLOR: #888888}

/* Out of Stock text */
.CPoutStock {COLOR: green}

/* No Image text */
.CPnoImgT {COLOR: #800000}

/* Category List */
.CPcatDescList {}

/* Category Description - No products linked to it */
.CPcatDesc {}

/* Category Description - Has products linked to it */
.CPcatDescProd {FONT-WEIGHT: bold}

/* Option Description for "Optional" options */
.CPoptDesc {FONT-STYLE: italic}

/* Option Select box */
.CPoptSel {FONT-FAMILY: Arial, Tahoma , Verdana ; FONT-SIZE: 10pt}

/* Option Text box */
.CPoptTxt {FONT-FAMILY: Arial, Tahoma , Verdana ; FONT-SIZE: 10pt}

/* ------------------- */
/* ADDED - Version 2.3 */
/* ------------------- */

/* Box - 2, 3 and 4 Column Layout for product list page */
.CPcolsView {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #CCCCCC}
.CPcolsView A:link    {COLOR: #000099; TEXT-DECORATION: none}
.CPcolsView A:visited {COLOR: #000099; TEXT-DECORATION: none}
.CPcolsView A:hover   {COLOR: #996666; TEXT-DECORATION: underline}

/* System Messages */
.CPsysMsg    {FONT-SIZE: 9pt}
.CPsysMsgErr {COLOR: green; FONT-SIZE: 9pt}
.CPsysMsgURL {FONT-SIZE: 9pt}

/* ------------------- */
/* ADDED - Version 2.4 */
/* ------------------- */

/* Highlights used in search results */
.CPhighlight {COLOR: #000000; BACKGROUND-COLOR: #ffff66}

/* ------------------- */
/* ADDED - Version 2.5 */
/* ------------------- */

/* Radio Button options */
.CPoptRadio {FONT-FAMILY: Arial, Tahoma , Verdana ; FONT-SIZE: 10pt}

/* Option Description for "Mandatory" options*/
.CPoptDescM {FONT-STYLE: italic; color: green}


/* ---------------------*/
/* ADDED -- Version 3.0 */
/* ---------------------*/
.CPcloseWindow {FONT-SIZE: 10pt; TEXT-DECORATION: none;}
.install { 
	BORDER: 1px solid #BBC3D3
}

.nenbody
{	
	background-image:url(../background/background.jpg) ;
	background-repeat:repeat; 
	padding-top: 5px;
	padding-bottom: 5px;
	
}

.nenbody1
{	
	background-image:url(../background/nenbody1.jpg) ;
	
}
.nenfooter
{	
	background-image:url(../background/background.jpg) ;
	background-repeat:repeat; 
	padding-top: 5px;
	
}
.nenbanner
{	
	background-image:url(../background/background.jpg) ;
	background-repeat:repeat; 
	
}

.nendoc
{	
	background-image:url(../background/nendoc.jpg) ;
	background-repeat:repeat; 
	
}
#menu2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 500; BACKGROUND: ; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; BORDER-BOTTOM: #edb 0px solid; FONT-FAMILY: tahoma, arial, verdana; LIST-STYLE-TYPE: none; POSITION: relative; HEIGHT: 20px
}
#menu2 LI.top {
	DISPLAY: block; FLOAT: left
}
#menu2 LI A.top_link {
	PADDING-RIGHT: 15px; BORDER-bottom: #999900 1px solid; DISPLAY: block; PADDING-LEFT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 11px; FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #edb; LINE-HEIGHT: 22px; PADDING-TOP: 0px; HEIGHT: 25px; TEXT-DECORATION: none
}
#menu2 LI A.top_link:hover {
	BORDER-LEFT-COLOR: #a52; BORDER-BOTTOM-COLOR: #a52; COLOR: #CCFF00; BORDER-TOP-COLOR: #a52; BORDER-RIGHT-COLOR: #a52
}
#menu2 LI:hover > A.top_link {
	BORDER-LEFT-COLOR: #a52; BORDER-BOTTOM-COLOR: #CCFF00; COLOR: #CCFF00; BORDER-TOP-COLOR: #a52; BORDER-RIGHT-COLOR: #a52
}
#menu2 TABLE {
	LEFT: 0px; WIDTH: 0px; POSITION: absolute; TOP: 0px; BORDER-COLLAPSE: collapse; HEIGHT: 0px
}
#menu2 A:hover {
	Z-INDEX: 200; VISIBILITY: visible; POSITION: relative
}
#menu2 LI:hover {
	Z-INDEX: 200; POSITION: relative
}
#menu2 UL {
	PADDING-RIGHT: 0px; PADDING-LEFT:0px; LEFT: -9999px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: -9999px; HEIGHT: 0px
}
#menu2 :hover UL UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: -9999px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: -9999px; HEIGHT: 0px
}
#menu2 :hover UL :hover UL UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: -9999px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: -9999px; HEIGHT: 0px
}
#menu2 :hover UL :hover UL :hover UL UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: -9999px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: -9999px; HEIGHT: 0px
}
#menu2 :hover UL :hover UL :hover UL :hover UL UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: -9999px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: -9999px; HEIGHT: 0px
}
#menu2 :hover UL.sub {
	Z-INDEX: 300; BACKGROUND: url(trans.gif) ; LEFT: 0px; WIDTH: 220px; PADDING-TOP: 8px; WHITE-SPACE: nowrap; TOP: 25px; HEIGHT: auto
}
#menu2 :hover UL.sub LI {
	DISPLAY: block; FLOAT: left; WIDTH: 100%; HEIGHT: 20px
}
#menu2 :hover UL.sub LI SPAN {
	DISPLAY: block; FONT-WEIGHT: normal; FLOAT: left; WIDTH: 145px; HEIGHT: 20px
}
#menu2 :hover UL.sub LI B {
	DISPLAY: block; FONT-WEIGHT: normal; FLOAT: left; WIDTH: 30px; HEIGHT: 20px
}
#menu2 :hover UL.sub LI A {
	DISPLAY: block; FONT-SIZE: 11px; BACKGROUND: url(../inc/trans.gif); WIDTH: 220px; COLOR: #edb; TEXT-INDENT: 10px; LINE-HEIGHT: 25px; MARGIN-RIGHT: -30px; POSITION: relative; HEIGHT: 20px; TEXT-DECORATION: none
}
#menu2 :hover UL.sub LI SPAN A:hover {
	COLOR: #f97
}
#menu2 :hover UL.sub LI:hover > SPAN A {
	COLOR: #f97
}
#menu2 :hover UL :hover UL {
	Z-INDEX: 400; LEFT: 130px; WIDTH: 300px; WHITE-SPACE: nowrap; TOP: 0px; HEIGHT: auto /* Khoang cach giua cac fly*/
}
#menu2 :hover UL :hover UL :hover UL {
	Z-INDEX: 400; LEFT: 120px; WIDTH: 120px; WHITE-SPACE: nowrap; TOP: 0px; HEIGHT: auto
}
#menu2 :hover UL :hover UL :hover UL :hover UL {
	Z-INDEX: 400; LEFT: 120px; WIDTH: 120px; WHITE-SPACE: nowrap; TOP: 0px; HEIGHT: auto
}
#menu2 :hover UL :hover UL :hover UL :hover UL :hover UL {
	Z-INDEX: 400; LEFT: 120px; WIDTH: 150px; WHITE-SPACE: nowrap; TOP: 0px; HEIGHT: auto
}
#menu2 :hover UL.wide {
	WIDTH: 150px
}
#menu2 :hover UL.wide LI SPAN {
	WIDTH: 150px
}
#menu2 :hover UL.wide LI A {
	WIDTH: 150px
}
#menu2 :hover UL.narrow {
	WIDTH: 150px
}
#menu2 :hover UL.narrow LI SPAN {
	WIDTH: 155px /* Chieu dai sub */
}
#menu2 :hover UL.narrow LI A {
	WIDTH: 100px
}
#menu2 :hover UL.narrow :hover UL {
	LEFT: 100px
}
#menu2 :hover UL :hover UL.narrow :hover UL {
	LEFT: 100px ;
}
#menu2 :hover UL :hover UL :hover UL.narrow :hover UL {
	LEFT: 100px
}
#menu2 :hover UL :hover UL :hover UL :hover UL.narrow :hover UL {
	LEFT: 90px
}
#menu2 LI > SPAN {
	BACKGROUND: url(../inc/tab-midleft.png)  #550000
}
#menu2 LI > B {
	BACKGROUND: url(../inc/tab-midright.png) #550000
}
#menu2 LI.fly > B {
	BACKGROUND: url(../inc/tab-midright-sub.png)  #550000
}
#menu2 LI.subtop > SPAN {
	BACKGROUND: url(../inc/tab-topleft.png) #550000
}
#menu2 LI.flytop > SPAN {
	BACKGROUND: url(../inc/tab-topleft.png) #550000
}
#menu2 LI.subtop > B {
	BACKGROUND: url(../inc/tab-topright.png)  #550000
}
#menu2 LI.flytop > B {
	BACKGROUND: url(../inc/tab-topright-sub.png)  #550000
}
#menu2 LI.subbot > SPAN {
	BACKGROUND: url(../inc/tab-botleft.png) #550000; HEIGHT: 35px! important
}
#menu2 LI.flybot > SPAN {
	BACKGROUND: url(../inc/tab-botleft.png) #550000; HEIGHT: 35px! important
}
#menu2 LI.subbot > B {
	BACKGROUND: url(../inc/tab-botright.png) #550000; HEIGHT: 35px! important
}
#menu2 LI.flybot > B {
	BACKGROUND: url(../inc/tab-botright-sub.png) #550000; HEIGHT: 35px! important
}