/*************************************************************************
' 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,  P, td     {COLOR: black; FONT-FAMILY: Arial, Verdana, Tahoma  ; FONT-SIZE: 9pt;
}

/* Info Box WITHOUT Headings */
.CPbox1            {COLOR: #CCCCCC;  BACKGROUND-COLOR: ; BORDER: 0px solid #EAEAEA}
.CPbox1 A:link     {COLOR: #CCCCCC; FONT-SIZE: 7pt; FONT-WEIGHT: normal; TEXT-DECORATION: none}
.CPbox1 A:visited  {COLOR: #CCCCCC; FONT-SIZE: 7pt; FONT-WEIGHT: normal; TEXT-DECORATION: none}
.CPbox1 A:hover    {COLOR: #00FF00; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

/* Info Box WITH Headings ( H = Heading cell ; B = Body cell ) */
.CPbox2            {COLOR: #333333; BORDER: 1px solid #BBC3D3}
.CPbox2 A:link    {COLOR: black; FONT-SIZE: 11px; TEXT-DECORATION: none}
.CPbox2 A:visited {COLOR: black; FONT-SIZE: 11px; TEXT-DECORATION: none}
.CPbox2 A:hover   {COLOR: red; FONT-SIZE: 11px; TEXT-DECORATION: underline}


.Description            {COLOR: #333333; BORDER: 1px solid #BBC3D3; height:190px; padding:6px;line-height:150% ; FONT-SIZE: 12px;}
.Description A:link    {COLOR: black; FONT-SIZE: 12px; TEXT-DECORATION: underline;font-weight:bold}
.Description A:visited {COLOR: black; FONT-SIZE: 12px; TEXT-DECORATION: underline}
.Description A:hover   {COLOR: red; FONT-SIZE: 12px; TEXT-DECORATION: none}


.CPbox2home            {COLOR: #333333; FONT-SIZE: 11px; BORDER: 0px solid #BBC3D3; height:55px}
.CPbox2home A:link    {COLOR: black; FONT-SIZE: 12px; TEXT-DECORATION: none;font-weight:bold;}
.CPbox2home A:visited {COLOR: black; FONT-SIZE: 12px; TEXT-DECORATION: none;font-weight:bold;}
.CPbox2home A:hover   {COLOR: red; FONT-SIZE: 12px; TEXT-DECORATION: underline;font-weight:bold;}


.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: red; FONT-SIZE: 11px; TEXT-DECORATION: underline}


.CPbox2BmenuQC           {COLOR: black; BACKGROUND-COLOR: #E5E5E5}
.maincontent			{PADDING: 10px}

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

/* Box - Page Navigation */
.CPpageNav           {COLOR: black; BACKGROUND-COLOR: #F8F8F8}
.CPpageNav A:link    {COLOR: black; FONT-SIZE: 11px; TEXT-DECORATION: underline}
.CPpageNav A:visited {COLOR: black; FONT-SIZE: 11px; TEXT-DECORATION: underline}
.CPpageNav A:hover   {COLOR: red; FONT-SIZE: 11px; TEXT-DECORATION: none}
/* Box - General Headings */
.CPgenHeadings {BACKGROUND-COLOR: #EEEEEE}

/* Box - Product Image (Home page) */
.CPhomeImg {BACKGROUND-COLOR: ; BORDER: 0px solid #E9E9E9;line-height:145%}
.CPhomeImg1 {BACKGROUND-COLOR: ; BORDER: 1px solid #E9E9E9;line-height:105%}
/* 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: #000066}
.CPprodDesc A:link    {COLOR: #000066; FONT-SIZE: 8.5pt; TEXT-DECORATION: none}
.CPprodDesc A:visited {COLOR: #000066; FONT-SIZE: 8.5pt; TEXT-DECORATION: none}
.CPprodDesc A:hover   {COLOR: #0033FF; FONT-SIZE: 8.5pt; TEXT-DECORATION: underline}
/* Product Short Description (Detail page only) */
.CPprodDescDet {FONT-SIZE: 10pt}

/* Product Short Description (Except Detail page) */
.CPprodDesctt           {COLOR: #000066;font-weight:normal}
.CPprodDesctt A:link    {COLOR: #000066; FONT-SIZE: 8pt; TEXT-DECORATION: none;font-weight:normal}
.CPprodDesctt A:visited {COLOR: #000066; FONT-SIZE: 8pt; TEXT-DECORATION: none;font-weight:normal}
.CPprodDesctt A:hover   {COLOR: #0033FF; FONT-SIZE: 8pt; TEXT-DECORATION: underline;font-weight:normal}


/* Product Long Description */
.CPprodDescLong {FONT-FAMILY: Tahoma , Verdana, Arial; FONT-SIZE:8pt}
.CPprodkhuyenmai{COLOR: #0033FF;FONT-FAMILY: Tahoma , Verdana, Arial; FONT-SIZE:8pt}
.CPprodDescLongManu {COLOR: #00552B; FONT-FAMILY: Tahoma , Verdana, Arial; FONT-SIZE: 8pt}
/* Product Detail */
.CPprodDet {}

/* Product SKU */
.CPprodSKU {}

.ml2 {
	FONT-SIZE: 12px; COLOR: red; TEXT-DECORATION: none; font-weight:bold
}
.ml2:hover {
	TEXT-DECORATION: underline
}

/*ADDED for CPMods.com Multiple Image Support */

#lightbox{
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	color: black;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: ;
	filter:alpha(opacity=100);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

.footer           {COLOR: #9e9e9e; FONT-SIZE: 11px; line-height: 150%;	padding-top: 10px;
	padding-right: 20px;
	padding-left: 30px;
}
.footer A:link    {COLOR: #9e9e9e; FONT-SIZE: 11px; font-weight:normal; TEXT-DECORATION: none; }
.footer A:visited {COLOR: #9e9e9e; FONT-SIZE: 11px; font-weight:normal;TEXT-DECORATION: none; }
.footer A:hover   {COLOR: white; FONT-SIZE: 11px; font-weight:normal;TEXT-DECORATION: none; }

.footer1           {COLOR: #9e9e9e; FONT-SIZE: 11px; line-height: 150%;	padding-top: 10px;
}
.footer1 A:link    {COLOR: #9e9e9e; FONT-SIZE: 11px; font-weight:normal; TEXT-DECORATION: none; }
.footer1 A:visited {COLOR: #9e9e9e; FONT-SIZE: 11px; font-weight:normal;TEXT-DECORATION: none; }
.footer1 A:hover   {COLOR: white; FONT-SIZE: 11px; font-weight:normal;TEXT-DECORATION: none; }

.fotter_copyrights {
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: 150%;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin: 0px;
	color: white;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 30px;
}

.fotter_designed1 {
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	color: #d0b003;
	line-height: 150%;	padding-top: 10px;
	padding-right: 20px;
	padding-left: 30px;
}
.test           {PADDING: 10px; line-height:150%}
.test A:link    {COLOR: black; FONT-SIZE: 11px; font-weight:normal; TEXT-DECORATION: none}
.test A:visited {COLOR: black; FONT-SIZE: 11px; font-weight:normal;TEXT-DECORATION: none}
.test A:hover   {COLOR: red; FONT-SIZE: 12px; font-weight:bold;TEXT-DECORATION: none}

.openextra           {padding:5px; PADDING-right: 150px; font: bold 12px Verdana;
background: url(../images/nenheader.jpg) #414141;line-height:150%}
.openextra A:link    {COLOR: #E2E2E2; FONT-SIZE: 12px; font-weight:bold; TEXT-DECORATION: none}
.openextra A:visited {COLOR: #E2E2E2; FONT-SIZE: 12px; font-weight:bold;TEXT-DECORATION: none}
.openextra A:hover   {COLOR: #666666; FONT-SIZE: 12px; font-weight:bold;TEXT-DECORATION: none}


/*------------------------------------------------topheader--------------------*/
#topheader{
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #dcd66e;
	text-decoration: none;
	padding: 0px;
	float: none;
	background-repeat: no-repeat;
}
.topmenu_area {
	margin: 0px;
	float: right;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
}

.home {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../2009/top_menu_01.gif);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 41px;
	width: 32px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 67px;
}
.home:hover {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #ed5400;
	text-decoration: none;
	background-image: url(../2009/top_menu1_01.gif);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 41px;
	width: 32px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 67px;
}
.about {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../2009/top_menu_02.gif);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 41px;
	width: 35px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 27px;
}
.about:hover {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #ed5400;
	text-decoration: none;
	background-image: url(../2009/top_menu1_02.gif);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 41px;
	width: 35px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 27px;
}
.search {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../2009/top_menu_03.gif);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 41px;
	width: 109px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
}
.search:hover {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #ed5400;
	text-decoration: none;
	background-image: url(../2009/top_menu1_03.gif);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 41px;
	width: 109px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
}

.PortfolioTop {color:#FFFFFF; font-family: Arial; color:#FFFFFF; font-size:13px; background-image:url(../images2/portfolio_top.gif);padding-left:9px;}
.PortfolioBG {color:#FFFFFF; background-image:url(../images2/portfolio_bg.gif); background-position:bottom; background-repeat:no-repeat; background-color:#8D2F0B; padding:9px}

#dottedline {height:1px; background-image:url(../images2/dotted_line.gif); background-repeat:repeat-x}

#PortfolioBox {background-color:#084154; color:#FFFFFF; padding:11px; width:175px}
.PortfolioImage {padding-bottom:10px;}
#PortfolioBar {background-image:url(../images2/portfolio_bar.gif); height:34px; width:650px}

.Green16Treb {FONT-FAMILY: Arial, Verdana, Tahoma; FONT-SIZE: 18px; margin-bottom: 0px; margin-top: 0px; color:#387f15; font-weight:bold}

.Blue14Treb {color:#116581; font-weight:bold; FONT-FAMILY: Arial, Verdana, Tahoma;font-size:13px}
.Blue14Treb A:link    {COLOR: #116581; TEXT-DECORATION: none}
.Blue14Treb A:visited {COLOR: #116581; TEXT-DECORATION: none}
.Blue14Treb A:hover   {COLOR: #1b90b8; TEXT-DECORATION: underline}

.Green18Treb {FONT-FAMILY: Arial, Verdana, Tahoma; FONT-SIZE: 12px; margin-bottom: 0px; margin-top: 0px; color:#387f15; font-weight:bold}

.floatLeft {float:left; padding-right:7px; padding-top:3px}
.floatLeft2 {float:left; padding-right:15px; padding-top:3px}
.floatLeft3 {float:left; padding-top:3px; margin-right:20px}
.floatRight {float:right; padding-left:7px}

.DotRight {background-image:url(../images2/dot_vert.jpg); background-repeat:repeat-y; background-position:right; padding-right:5px; padding-bottom:15px}

h1 {FFONT-FAMILY: Arial, Verdana, Tahoma; FONT-SIZE: 18px; margin-bottom: 0px; margin-top: 0px; color:#387f15; font-weight:bold}
h1 A:link    {COLOR: #387f15; TEXT-DECORATION: none}
h1 A:visited {COLOR: #387f15; TEXT-DECORATION: none}
h1 A:hover   {COLOR: #387f15; TEXT-DECORATION: underline}

.ActionBoxFloat {float:right; padding-left:15px; padding-bottom:15px; padding-top:15px}
.BoxTop {color:#FFFFFF; font-family: Arial; color:#FFFFFF; font-size:13px; background-image:url(../images2/box_top.gif);padding-left:9px;}
.BoxBG {color:#FFFFFF; background-image:url(../images2/box_bg.gif); background-position:bottom; background-repeat:no-repeat; background-color:#12627e; padding:9px}

.BoxAction {color:#0b465b; font-weight:bold; background-image:url(../images2/light_blue_bg.gif); padding-left:9px; padding-right:6px}
.BoxAction A:link    {COLOR: #0b465b; TEXT-DECORATION: none}
.BoxAction A:visited {COLOR: #0b465b; TEXT-DECORATION: none}
.BoxAction A:hover   {COLOR: #489311; TEXT-DECORATION: underline}

.WebDesignBox {float:right; padding-left:25px; padding-bottom:25px;}
#ServiceLeft {width:240px; float:left;}
#ServiceRight{width:210px; float:right;}
.Blue12textBold {FONT-FAMILY: Arial; COLOR: #0C5371; FONT-SIZE: 12px; font-weight:bold}

.Blue11text {FONT-FAMILY: Arial; COLOR: #046399; FONT-SIZE: 11px}
.Blue11text A:link    {COLOR: #858585; TEXT-DECORATION: none}
.Blue11text A:visited {COLOR: #858585; TEXT-DECORATION: none}
.Blue11text A:hover   {COLOR: #858585; TEXT-DECORATION: underline}