body {
text-align: center;
min-width: 960px;
margin: 0 auto;
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
SCROLLBAR-FACE-COLOR: #5078B8;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #ffffff;
SCROLLBAR-3DLIGHT-COLOR: #cccccc;
SCROLLBAR-ARROW-COLOR: #e8e8e8;
SCROLLBAR-TRACK-COLOR: #eeeeee;
SCROLLBAR-DARKSHADOW-COLOR: darkgray;
}
#wrapper {
width: 980px;
margin: 0 auto;
text-align: left;
position: relative;
}
#loading {
border-bottom: 5px #efefef solid;
padding: 3px;
background: yellow;
color: #2244FF;
z-index:100;
filter:alpha(opacity=80);
opacity:.80;
position: fixed;
top: 0;
right: 0;
width: 100%;
text-align: center; 
font-size: 18pt;
display: none;
}
	#logo {
	color: #FFF;
	font: bold 12px Verdana, Helvetica, sans-serif;
	background: transparent;
	height: 105px;
	width:175px;
	}
	#index {
	background: transparent;
	background: url('images/danhmuc.jpg') no-repeat center left; /*custom bullet list image*/
	height: 34px;
	}
	#tigia {
	background: transparent;
	background: url('images/tigia.jpg') no-repeat center left; /*custom bullet list image*/
	height: 34px;
	}
	#quangcao {
	background: transparent;
	background: url('images/quangcao.jpg') no-repeat center left; /*custom bullet list image*/
	height: 34px;
	}
	#sanphamuachuong {
	background: transparent;
	background: url('images/sanphamuachuong.jpg') no-repeat center left; /*custom bullet list image*/
	height: 34px;
	}
	#banner {
	background: transparent;
	height: 115px;
	text-align: left;
	}
	#search {
	background: transparent;
	position:absolute;
	right:0px;
	#right:10px;
	top:30px;
	}
#tablist{
padding: 0px 0px 0px 154px;
position:absolute;
margin-bottom: 0;
mar/gin-top: 0.6em;
hei/ght: 17px;
top: 0px;
font: bold 12px Verdana;
}

html* #tablist{
padding: 0px 0px 2px 194px;
position:absolute;
margin-bottom: 0;
height: 17px;
font: bold 12px Verdana;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
wi/dth: 115px;
paddin/g-left: 12px;
padd/ing-right: 11px;
}

#tablist li a{
text-decoration: none;
padding-top: 10px;
marg/in-right: 3px;
paddin/g-right: 10px;
padd/ing-left: 10px;
border: none;
width:87px;
border-bottom: none;
background: transparent;
}

#tablist li a:link, #tablist li a:visited{
color: #fff;
}

#tablist li a:hover{
color: a05c07;
backgro/und: url('images/tigia.jpg') no-repeat center left;
}

#tablist li a.current{
color: a05c07;
backg/round: url('images/tigia.jpg') no-repeat center left;
}
.glossymenu{
margin: 0;
padding:0 0 15px;
-moz-border-radius:0 0 6px 6px;
backgro/und: url('images/bgmenu.jpg') repeat-x top left;
width: 180px;
#width: 182px; /*width of menu*/
border-left: 1px solid #CDE9F8;
border-right: 1px solid #CDE9F8;
border-bottom: 1px solid #CDE9F8;
}



.glossymenu a.menuitem{
/*background: black url(images/glossyback.gif) repeat-x bottom left;*/
background-color: transparent;
font: bold 12px Verdana, Helvetica, sans-serif;
color: #222;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
border-bottom:1px solid #CDE9F8;
padding:8px 0 8px 5px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #666;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
/*background-image: url(images/glossyback2.gif);*/
background-color: #CDE9F8;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: transparent;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom:1px solid #CDE9F8;
color: #A70303;
margin-left: 5px;
background: url('images/arrowbullet.png') no-repeat center left; /*custom bullet list image*/
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 12px Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding:8px 0 8px 16px;
padding-left: 16px;
}

.glossymenu div.submenu ul li a:hover{
background-color: #75ACD6;
color: white;
background-image: url('images/arrowbullet.png') no-repeat center left; /*custom bullet list image*/
}

/*----support---->?*/
.support ul{
list-style-type: none;
color: #222;
margin: 0;
padding:0 0 15px;
border-left: 1px solid #CDE9F8;
border-right: 1px solid #CDE9F8;
border-bottom: 1px solid #CDE9F8;
backg/round: url('images/bgmenu.jpg') repeat-x top left;
-moz-border-radius:0 0 6px 6px;
}

.support ul li{
border-bottom:1px solid #CDE9F8;
margin: 0 5px 0 5px;
color: #222;
}

.support ul li a{
display: block;
font: bold 12px Verdana, Helvetica, sans-serif;
color: #222;
text-decoration: none;
padding: 5px;
}

.support ul li a:hover{
background-color: #CDE9F8;
}
#marqueecontainer{
position: relative;
font-size: 10pt;
width: 176px; /*marquee width */
height: 170px; /*marquee height */
backg/round: url('images/affbg.gif') no-repeat center;
overflow: hidden;
border: 1px solid #CDE9F8;
padd/ing: 2px;
padding-left: 4px;
-moz-border-radius:0 0 6px 6px;
margin-bottom:20px;
}
#advs{
position: relative;
font-size: 10pt;
padding:15px 0 15px;
width: 180px;
#width: 182px;
border-left: 1px solid #CDE9F8;
border-right: 1px solid #CDE9F8;
border-bottom: 1px solid #CDE9F8;
-moz-border-radius:0 0 6px 6px;
text-align: center;
overflow: hidden;
backg/round: url('images/bgmenu.jpg') repeat-x top left;
}

#stats{
position: relative;
font-size: 10pt;
padding:15px 0 15px;
width: 180px;
#width: 182px;
border-left: 1px solid #CDE9F8;
border-right: 1px solid #CDE9F8;
border-bottom: 1px solid #CDE9F8;
border-top: 1px solid #CDE9F8;
-moz-border-radius:6px 6px 6px 6px;
text-align: center;
overflow: hidden;
backg/round: url('images/bgmenu.jpg') repeat-x top left;
}


#header {
background: url('images/header.jpg') no-repeat center;
height: 316px;
}


/*------------------phần thân*/
  #col1 { 
  float: left; 
  width: 182px;
  }
  #col1_content { 
	background-image: url('images/col1_bg.gif');
	background-repeat: repeat-y;
  }
  #col1_end { 
  height: 25px;
	background-image: url('images/col1_end.gif');
	background-repeat: repeat-x;
  }

  #col2 { 
  margin-left: 193px; 
  margin-right: 0; 
  background-color: transparent;
  }
  #col2_content { 
  margin-top: 0;
  paddi/ng: 2px 5px 10px 5px;
  background-color:transparent;
  }
  #product_detail{
  position:relative;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	background-color:#ffffff;
	border:1px solid #CDE9F8;
	width:762px;
	font-size: 10pt;
	padding:10px;
  }
  
  #home_idx{
  position:relative;
	width:100%;
	padding:0;
  }
  #news{
  position:relative;
  float: left;
  background-color: transparent;
  width:580px;
  #width:575px;
  -moz-border-radius:6px 6px 6px 6px;
  border:1px solid #CDE9F8;
  padding: 5px;
 # margin-bottom: 15px;
  #margin-right: 0px;
  #margin-right: 0px;
  font-size: 12px;
  }

  #r_sidebar{
  margin-left:600px;
	width:182px;
	top:0;
  right:0:
  }
  
   html* #r_sidebar{
  margin-left:0px;
	width:182px;
	top:0;
  right:0:
  }
  
  #r_sidebar_content{
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
  background-color: #FFF;
  font-size:10pt;
  text-align:center;
  }
  #frm_advs{
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
  background-color: #FFF;
  font-size:10pt;
  text-align:left;
  padding: 10px;
  }
/*--------------- phần chân web*/
	#footer { 
	clear:both;
    color:#ffffff; 
    background: #3C3B41;
    padding: 10px;
    text-align: center;
	-moz-border-radius:6px 6px 6px 6px;
	font-size:80%;
	margin-top: 15px;
	margin-bottom: 15px;
  }

/* Images */

.drop-shadow
{
	float: left;
	position: relative;
	padding: 5px;
	width: 162px;
	height:160px;
	text-align: center;
	font-size:10pt;
	border-top: solid 1px #eee;
	border-left: solid 1px #eee;
	border-right: solid 1px #eee;
	border-bottom: solid 1px #eee;
	margin: 5px 3px 8px 10px !important;
	back/ground: transparent url(images/drop_shadow.png) bottom right no-repeat !important;
	backg/round: transparent url(images/drop_shadow_ie.gif) bottom right no-repeat;
}

.drop-shadow img
{
	padding: 4px;
	display: block;
	position: relative;
	background-color: transparent;
}

p.more{background:#F3F3F3; color:#003D5C; height:11px; margin:15px 0; padding:0px; line-height:11px; font-size:11px; }
p.more a{display:block; width:70px; height:11px; background:#fff; color:#F00; text-decoration:none; margin:0 0 0 200px; line-height:11px; text-align:center; padding:0px; text-transform:uppercase;}
p.more a:hover{display:block; width:70px; height:11px; background:#E0DEDE; color:#003D5C; text-decoration:none;}

  html * { font-size: 100.01% }
  
  /* (en) reset monospaced elements to font size 16px in Gecko browsers */
  /* (de) Schriftgröße von monospaced Elemente auf 16 Pixel setzen */
input,select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border: 1px solid #6291D1;
	font-size: 10pt;
	background-color: #FFF;
	color: #222;	
	}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: none;
	border: 1px solid #6291D1;
	font-size: 11pt;
	background-color: #FFF;
	}
form input:focus,
form input:hover,
form textarea:focus,
form textarea:hover
{
	border: none;
	border: 1px solid #6291D1;
	color: #222;
	background-color: #FEFFEF;
}
.button {
	border: solid 1px #6291D1;
	background-color: #DCDCDC;
	background: url(images/button_bg.png) repeat-x;
	font-size:11px;	
	color:#9E3307;
	font-weight:bold;
	height:20px;
	cursor:pointer;
	}

  /* Form Styles */
#search input,#search select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: none;
	font-size: 10pt;
	background-color: transparent;
	color: #96959b;	
	font-weight: normal;
	}
#search textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: none;
	font-size: 11pt;
	background-color: transparent;
	}
#search form input:focus,
#search form input:hover,
#search form textarea:focus,
#search form textarea:hover
{
	border: none;
	color: #96959b;
	background-color: transparent;
}
input .checkbox,radio {
	border: none;
	vertical-align: center;
	}
fieldset {
	position: expression('relative'); /* Fixes IE problem with fieldset+legend boundaries */
	padding: 8px 4px 15px 4px;
	color: #555;
	background-color: transparent;
	margin: 15px 8px 4px 0;
	border: 1px solid #6593CF;
}
fieldset fieldset  {
	border: 1px solid #6593CF;
	color: #555;
	background-color: transparent;
}
legend {
	position: expression('absolute'); 
	top: expression('-12px'); /* Fixes IE problem with fieldset+legend boundaries */
	padding: 0 5px 0 5px;
	height: 20px;
	color:#555;
	line-height: 20px;
	text-align: center;
	border: none;
	font-weight: bold;
}
fieldset fieldset legend {
	font-size: 12px;
	color:#555;
}
#search .button {
	border: none;
	background: transparent;
	font-size:11px;	
	color:#9E3307;
	font-weight:bold;
	height:20px;
	cursor:pointer;
	width: 30px;
	}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.cssform p{
width: 380px;
margin: 0;
font-size:10pt;
padding: 5px 0 8px 0;
padding-left: 115px; /*width of left column containing the label elements*/
}

.cssform label{
font-weight: bold;
float: left;
text-align: left;
margin-left: -115px; /*width of left column*/
width: 110px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 150px;
}

.cssform textarea{
width: 250px;
height: 100px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
  pre, tt, code {
	font-family:"Courier New", Courier, monospace;  	
  }
	img { 
	border: none;
	}
	
	#address img { 
	border: none;
	position: absolute;
	right:12px;
	top:100px;
	width:200px;
	}
	
	.highlightit img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	}

	.highlightit:hover img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	}
  h1,h2,h3,h4,h5,h6 { 
  	font-family:"times new roman",times,serif; 
  	font-weight:bold; 
  	color:#ff0000;
  	margin: 0 0 0.25em 0; 
  }

  h1 { 
	font-size: 150%;
	text-transform:uppercase;
  	font-family:"times new roman",times,serif; 
  	font-weight:bold; 
  	color:#ff0000;
  	margin: 0 0 0.25em 0; 
    }                        /* 24px */
  h2 { font-size: 200%; color:#182E7A}          /* 24px */
  h3 { font-size: 150% }                        /* 18px */
  h4 { font-size: 133.33% }                     /* 16px */
  h5 { font-size: 116.67% }                     /* 14px */
  h6 { font-size: 116.67%; font-style:italic }  /* 14px */

  p { line-height: 1.5em; margin: 0 0 1em 0; }

  /* ### Lists | Listen  #### */

  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em }

  dt { font-weight: bold }
  dd { margin: 0 0 1em 2em }

  /* ### text formatting | Textauszeichnung ### */

  cite, blockquote { font-style:italic }
  blockquote { margin: 0 0 1em 1.5em }

  strong,b { font-weight: bold }
  em,i { font-style:italic }

  pre, code { font-family: monospace; font-size: 1.1em; }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }
  
  .note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
  .important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
  .warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}

  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
  .center { text-align:center; margin: 0.5em auto }

  /**
   * External Links
   *
   * (en) Formatting of hyperlinks
   * (de) Gestaltung von Hyperlinks
   *
   */

  a {color: #4D87C7; text-decoration:none;}
  a:focus,
  a:hover,
  a:active {color:#182E7A; text-decoration:none;}
  
  
  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed }

  th,td { padding: 0.5em; }
  thead th { background: #444; color: #fff }
  tbody th { background: #ccc; color: #333 }
  tbody th.sub { background: #ddd; color: #333 }
.row_tile {
	color: #154d89; 
	background-color: white;
	padding: 2px 5px 2px 5px;
	font-weight: bold;
	text-align: left;
	}
.row_sub_tile {
	color: #154d89; 
	
	padding: 10px 5px 10px 5px;
	text-align: right;
	font-weight: bold;
	}
.row1 {
	font-size: 11px;
	color: #33E; 
	background: F0F0EA;
	border-top: 1px solid gray;
	padding: 2px 5px 2px 5px;
	text-align: left;
	}
.cell1{
	font-size: 11px;
	color: #F22; 
	background-color: #FEFEFE;
	border-top: 1px dotted gray;
	padding: 2px 5px 2px 5px;
	text-align: left;
}
.cell2{
	font-size: 11px;
	color: #222; 
	background: white;
	border-top: 1px dotted gray;
	padding: 2px 5px 2px 5px;
	text-align: left;
}
.cell3{
	font-size: 11px;
	color: #222; 
	background: white;
	border-top: 3px solid gray;
	padding: 2px 5px 2px 5px;
	text-align: left;
}
.cell3active{
	color: #F33; 
	font-size: 11px;
	border-top: 3px solid #FFC73C;
}
.cell3 a{
	color: #33F; 
}
.cell4{
	font-size: 11px;
	color: #33E; 
	background-color: white;
	padding: 2px 5px 2px 5px;
	border-top: 1px dotted gray;
	text-align: right;
}

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 2px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 5px 7px;
margin-right: 5px;
border: none;
bord/er-top: 2px solid gray;
color: #2d2b2b;
back/ground: #EFEFEF;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: none;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */

}

.shadetabs li a.selected{ /*selected main tab style */

}

.shadetabs li a.selected:hover{ /*selected main tab style */

}

.tabcontent{
font-size:10pt;
padding: 5px 10px 5px 10px;
background: white;
}
@media print {
.tabcontent {
display:block !important;
}
}
div.pagination a {
	padding: 0px 5px 0px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
    background-color: none;
	text-decoration: none; /* no underline */
	color: #154d89;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #154d89;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #000099;
		font-weight: bold;
		background-color: #154d89;
		color: #FFF;
	}
div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}
	
.bando {
	position: absolute;

}
.col_1{
    float:left;
    width:200px;
    text-align:left;

}
.col_2{
    font-size: 90%;
	width:300px;
}
#mainPro{
	width:100%;
    border-bottom:1px  solid #eaeaea;
    margin-bottom:10px;
}
.pagination {
	text-align: right;
}

#product_detail .pagination {
	position:absolute;
	right:9px;
	text-align:right;
	top:13px;
}