/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

body {
	font-family:Tahoma;
	font-size: 11px;
	padding:0px;
	margin:0px;
}



#wrapper {
	width: 200px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}
#faux {
	clear: left;
	width: 200px;
}
a.linkxanh,a.linkxanh:link,a.linkxanh:visited,a.linkxanh:active
{
	color:#0000FF;
	font-weight:bold;
	text-decoration:none;
	list-style-type:none;
	font-family: Tahoma;
	font-size: 11px;
}
a.linkxanh:hover
{
		color:#FF0080;

}
a.linkxanh_small,a.linkxanh_small:link,a.linkxanh_small:visited,a.linkxanh_small:active
{
	color:#0033FF;
	font-weight:bold;
	text-decoration:none;
	list-style-type:none;
	font-family:Tahoma;
	font-size:11px;
}
a.linkxanh_small:hover
{
		color:#FF0080;

}
a.linkxam,a.linkxam:link,a.linkxam:visited,a.linkxam:active
{
	color:#0033FF;
	font-weight:normal;
	text-decoration:none;
	list-style-type:none;
	font-family:Tahoma;
	font-size:11px;
}
a.linkxam:hover
{
	color:#FFCCCC;
	font-family: Tahoma;
	font-size: 11px;
}

a.linkcam,a.linkcam:link,a.linkcam:visited,a.linkcam:active
{
	color:#f24208;
	font-weight:bold;
	text-decoration:none;
	list-style-type:none;
	font-size:11px;
	font-family:tahoma;
}
a.linkcam:hover
{
		color:#FF0080;

}
.color_xam
{
	color:#FFCCCC;
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
	font-weight: bold;
}
h3 {
	color: #FFCCCC;
	font-weight: bold;
	font-size: 18px;
	font-family: "Times New Roman", Times, serif;
	padding: 0;
	margin: 15px 0 0 0;
}
/*contact*/
.block_form {
	width: 500px;
}
#contact-content {
	background-image: url(../images/bg_green.gif);
	width: 200px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}
#contact-text {
	background-image: url(../images/contact-header.png);
	height: 35px;
	width: 167px;
	text-indent: -9999px;
	margin-bottom: 30px;
}
/*contact*/
.td_linegrey
{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFCCCC;
}
.color_xam_big
{
	color:#FFCCCC;
	font-size:12px;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
}
.color_price
{
	color:#7b7b7b;
	font-size:10px;
	font-weight:bold;
	font-family:tahoma;
}
.font_xanh
{
		color:#429abc;

}
.font_xanh_10
{
	color:#429abc;
	font-size:11px;
	font-weight:bold;
	font-family:tahoma;

}
.title_pro
{
	background-image:url(../images/introduce.jpg);
	background-repeat:no-repeat;
	height:23px;
	width:766px;
	padding-top: 5px;
	padding-left: 10px;
}
.td_line
{
	background-image:url(../images/dot.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}
#header {
	color: #333;
	width: 990px;
	padding: 10px 0px 10px 17px;
	height: 47px;
	margin: 0px;
}
#header #leftcol {
	float: left;
	padding: 0px;
	width: 670px;
	display: inline;
}
#header #rightcol {
	display: inline;
	color: #333;
	margin: 0px;
	padding: 10px 0px 0px 18px;
	width: 170px;
	float: right;
	background-image: url(../images/tab_gioithieu.png);
	background-repeat: no-repeat;
	height: 39px;
}
#navigation {
	padding: 0px;
	margin: 0px;
	height: 245px;
}
#navigation #position_tab
{
	background-image: url(../images/bottom_banner.gif);
	height: 37px;
	background-repeat: no-repeat;
	position: relative;
}
#navigation #leftcol {
	float: left;
	padding: 0px;
	width: 728px;
	
}
#navigation #leftcol a#tab_navigation_home
{
	position:absolute;
	left: 0px;
	top: 0px;
	background-image: url(../images/tab_home.jpg);
	width: 119px;
	background-repeat: no-repeat;
	height: 37px;
}
#navigation #leftcol a#tab_navigation_newpro
{
	position:absolute;
	left: 120px;
	top: 0px;
	background-image: url(../images/link_product.jpg);
	width: 145px;
	background-repeat: no-repeat;
	height: 37px;
}
#navigation #leftcol a#tab_navigation_bestpro
{
	position:absolute;
	left: 259px;
	top: 0px;
	background-image: url(../images/best_pro.jpg);
	width: 176px;
	background-repeat: no-repeat;
	height: 37px;
}
#navigation #rightcol {
	margin: 0px;
	padding: 0px;
	width: 244px;
	float: right;
	background-image: url(../images/advs1.jpg);
	background-repeat: no-repeat;
	height: 243px;
	position: relative;
}

#rightcolumn {
	color: #333;
	padding: 0px;
	float: left;
	width: 200px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#leftcolumn {
	float: left;
	color: #333;
	padding: 0px;
	width: 200px;
	display: inline;
	position: relative;
	height: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#contet_title
{
	background-image:url(images/repeat_title.jpg);
	background-repeat:repeat-y;
	margin: 0px;
	font-family: Tahoma;
	font-size: 11px;
}
#footer {
	width: 982px;
	clear: both;
	color: #333;
	margin: 0px;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	height: 68px;
	text-align: right;
	padding-right: 10px;
	padding-top: 15px;
}
.clear { clear: both; background: none; }
/*--------------------------------------------navigation---------------------------------------*/
 #navcontainer {
	margin-left: 0px;
	padding-bottom: 5px;
	width: 200px;
}

#navcontainer ul
{
	margin: 0;
	padding: 0px;
	list-style-type: none;
	font-family: Tahoma;
	width: 200px;
	font-size: 11px;
}

#navcontainer li {
	margin: 0 0 1px 0;
}

#navcontainer a
{
	display: block;
	width: 200px;
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
	font-family:Tahoma;
	font-size: 11px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 9px;
	padding-left: 24px;
	background-image: url(images/arrow/arrow1.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-transform: uppercase;
}

#navcontainer a:hover
{
	color: #FF0000;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	background-image: url(images/arrow/arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-transform: uppercase;
}

#navcontainer ul ul li { margin: 0 0 1px 0; }

#navcontainer ul ul a
{
	display: block;
	width: 200px;
	color: #0000FF;
	text-decoration: none;
	font-size:11px;
	font-weight:bold;
	font-family:Tahoma;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 31px;
	background-image: url(images/arrow/arrow3.png);
	background-repeat: no-repeat;
	background-position: 13px center;
	text-transform: uppercase;
}

#navcontainer ul ul a:hover
{
	color: #FF0000;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 11px;
	background-image: url(images/arrow/arrow2.png);
	background-repeat: no-repeat;
	background-position: 13px center;
}
/* GLOBAL SEARCH */
#globalsearch {
	width: 163px;
	height: 36px;
	position: absolute;
	top: 203px;
	right: 76px;
	background-position: 100% 0;
	background-repeat: no-repeat;
}
#globalsearch.active { background-position: 100% -38px; }
#globalsearch input.g-prettysearch {
	width:140px;
	height: 24px;
	margin-top: 9px;
	margin-left: 11px;
}
#globalsearch .search-wrapper {
	position: relative;
	width: 140px;
	margin-top: 6px;
	margin-left: 15px;
}
#globalsearch .search-wrapper input.g-prettysearch { width: 110px; margin-left: 20px; *margin-top:-1px; *margin-right:-2px; *margin-left:10px; }
#globalsearch .search-wrapper .left, 
#globalsearch .search-wrapper .right { behavior:url(../images/iepngfix.htc); }
#globalsearch .search-wrapper .left {
	display: block;
	position: absolute;
	left: -12px;
	top: 0;
	width: 20px;
	height: 24px;
	background:url(../images/left_search.gif);
	background-position:left top;
	background-repeat:no-repeat;
	
}
#globalsearch .search-wrapper .right {
	display: block;
	position: absolute;
	right: 2px;
	top: 0;
	width: 20px;
	height: 24px;
	background: url(../images/right_search.gif);
	background-position:right top;
	background-repeat: no-repeat;
}
#globalsearch .search-wrapper.empty.blurred input { color: #7E7E7E; }
#globalsearch .search-wrapper .reset { position: absolute; width: 11px; height: 11px; overflow:hidden; z-index: 1; right: 4px; top: 4px; background: url(http://images.apple.com/global/nav/images/close.gif); display: block; cursor: pointer; _cursor:hand; }
#globalsearch .search-wrapper.empty .reset { display: none; }
#globalsearch .search-wrapper input.g-prettysearch {
	position: absolute;
	width: 140px;
	top: 0;
	right: 10px;
	background: url(../images/repeat_search.gif);
	background-position:center top;
	background-repeat: repeat-x;
	border: 0px;
	margin: 0px;
	padding: 3px 0 0 0;
	font: 11px "Lucida Grande", Geneva, Arial, sans-serif;
}
#globalsearch label .prettyplaceholder { display: none; }
/*tab hover*/
.menu {
	margin : 0;
	padding-bottom : 19px;
	padding-left : 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.menu ul, .menu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
	width: 200px;
}

	
.menu a:link, .menu a:visited	{
	color : #FF0000;
	float : left;
	font-size : 11px;
	font-weight : bold;
	line-height : normal;
	text-decoration : none;
	font-family: Tahoma;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 2px;
	width: 200px;
}

.menu a:link.active, .menu a:visited.active	{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
	width: 200px;
}

.menu a:hover	{
	color : #f00;
	width: 200px;
}

	
.section_1 .menu li#nav-1 a, 
.section_2 .menu li#nav-2 a,
.section_3 .menu li#nav-3 a,
.section_4 .menu li#nav-4 a {
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
	width: 200px;
}

.menu #subnav-1,
.menu #subnav-2,
.menu #subnav-3,
.menu #subnav-4 {
	display : inline;
	color: #000000;
	position: absolute;
}

.section_1 .menu ul#subnav-1, 
.section_2 .menu ul#subnav-2,
.section_3 .menu ul#subnav-3,
.section_4 .menu ul#subnav-4 {
	left : 454px;
	top : 577px;
}

.section_1 .menu ul#subnav-1 a, 
.section_2 .menu ul#subnav-2 a,
.section_3 .menu ul#subnav-3 a,
.section_4 .menu ul#subnav-4 a {
	background : #fff;
	border : none;
	border-left : 1px solid #ccc;
	color : #999;
	font-size : smaller;
	font-weight : bold;
	line-height : 10px;
	margin-right : 4px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

 .menu ul a:hover {
	color : #f00 !important;
}

#contents {
	background : #fff;
	border : 1px solid #ccc;
	border-top : none;
	clear : both;
	margin : 0px;
	padding : 1px;
	width: 200px;
}

.pagenumstatic {
	BORDER-RIGHT: #d1d6dc 1px solid;
	PADDING-RIGHT: 0px;
	BORDER-TOP: #d1d6dc 1px solid;
	PADDING-LEFT: 1px;
	PADDING-BOTTOM: 1px;
	MARGIN: 0px;
	BORDER-LEFT: #d1d6dc 1px solid;
	WIDTH: 200px;
	COLOR: #000000;
	PADDING-TOP: 1px;
	BORDER-BOTTOM: #d1d6dc 1px solid;
	BACKGROUND-COLOR: #ffffff;
	TEXT-DECORATION: none
}
.pagenum A:link {
	BORDER-RIGHT: #a6afbb 1px solid;
	PADDING-RIGHT: 1px;
	BORDER-TOP: #a6afbb 1px solid;
	PADDING-LEFT: 1px;
	PADDING-BOTTOM: 1px;
	MARGIN: 0px;
	BORDER-LEFT: #a6afbb 1px solid;
	WIDTH: 200px;
	COLOR: #9a9a9a;
	PADDING-TOP: 1px;
	BORDER-BOTTOM: #a6afbb 1px solid;
	BACKGROUND-COLOR: #ffffff;
	TEXT-DECORATION: none
}
.pagenum A:visited {
	BORDER-RIGHT: #a6afbb 1px solid;
	PADDING-RIGHT: 1px;
	BORDER-TOP: #a6afbb 1px solid;
	PADDING-LEFT: 1px;
	PADDING-BOTTOM: 1px;
	MARGIN: 0px;
	BORDER-LEFT: #a6afbb 1px solid;
	WIDTH: 200px;
	COLOR: #9a9a9a;
	PADDING-TOP: 1px;
	BORDER-BOTTOM: #a6afbb 1px solid;
	BACKGROUND-COLOR: #ffffff;
	TEXT-DECORATION: none
}
.pagenum A:active {
	BORDER-RIGHT: #a6afbb 1px solid;
	PADDING-RIGHT: 1px;
	BORDER-TOP: #a6afbb 1px solid;
	PADDING-LEFT: 1px;
	PADDING-BOTTOM: 1px;
	MARGIN: 0px;
	BORDER-LEFT: #a6afbb 1px solid;
	WIDTH: 200px;
	COLOR: #9a9a9a;
	PADDING-TOP: 1px;
	BORDER-BOTTOM: #a6afbb 1px solid;
	BACKGROUND-COLOR: #ffffff;
	TEXT-DECORATION: none
}
.pagenum A:hover {
	BORDER-RIGHT: #738294 1px solid;
	PADDING-RIGHT: 1px;
	BORDER-TOP: #738294 1px solid;
	PADDING-LEFT: 1px;
	PADDING-BOTTOM: 1px;
	MARGIN: 0px;
	BORDER-LEFT: #738294 1px solid;
	WIDTH: 200px;
	COLOR: #666666;
	PADDING-TOP: 1px;
	BORDER-BOTTOM: #738294 1px solid;
	BACKGROUND-COLOR: #ecfffb;
	TEXT-DECORATION: none
}