@import url( sidebar.css );
@import url( menu_top.css );
@import url( sortable.css );
/*#################### PAGE ####################*/
body{
	background-color:#CCCCCC; 
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	background-attachment:fixed; 
	background-image:url("../images/dtbg.gif"); 
	background-position: fixed;
	background-repeat: repeat-x;
	padding-top:0px 0px 0px 0px;
	background-color:#FFFFFF;
}
.vip {color:#FF0000;}
.other_product {
	font-weight:bold;
	font-size:13px;
	color:#006699;
	padding-bottom:2px;
	padding-top:2px;
	background-image:url(../images/line.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	}
.status_0
	{
	color:#666666;
	}
.status_1
	{
	color:#CC0000;
	}
.status_2
	{
	color:#3300FF;
	}

h1{
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; 
	font-size:12px; 
	font-weight:bold; 
	color:#FE7E03; 
	margin:0px
	}
h3{
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; 
	font-size:15px; 
	font-weight:bold; 
	color:#3399CC; 
	margin:0px
	}
img	{
	border:none
	}
img hover{
	border:solid;
	border-color:#CC0000;
	}	
/*#################### HEADER ####################*/
/*        validation           */
.validation-advice {
	padding: 5px;
	color:#FF0000;
	font-weight: normal;
}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required, select.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed, select.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed, select.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}
/*        validation           */
/*-------- TOPLINE --------*/
#TopLine{
	font-family:Arial,Helvetica,sans-serif; 
	font-size:10px; 
	color:#FFF; 
	margin:0px; 
	padding-top:2px; 
	padding-right:10px; 
	padding-bottom:2px; 
	padding-left:10px; 
	text-align:right; 
	background-image:url("../images/bg_00.gif"); 
	background-repeat:repeat
	}
#TopLine a{
	color:#FFF; 
	text-decoration:none
	}
#TopLine a:hover{
	color:#999; 
	text-decoration:underline
	}
/*-------- end TOPLINE --------*/

/*-------- TOP BANNER --------*/
#TopBanner{
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px;
	height:143px;
	background-image:url("../images/topbanner.jpg"); 
	background-repeat:no-repeat; 
	background-color:#FFF
	}
#TopBannerTitle{
	padding-top:10px; 
	padding-left:20px; 
	font-family:Arial,Helvetica,sans-serif; 
	color:#25340C; 
	font-size:12px
	}
#TopBannerTitle b{
	font-family:Tahoma,Arial,Helvetica,sans-serif; 
	font-size:36px; 
	font-weight:bold; 
	color:#FFF
	}
#TopBannerTitle b sup{
	color:#B3CF2C; 
	font-size:30px
	}
/*-------- end TOP BANNER --------*/

/*-------- TOPINFO --------*/
#Cartline{
	display:block; 
	margin-top:5px; 
	text-align:right; 
	font-family:Verdana,Arial,Helvetica,sans-serif; 
	color:#464646; 
	font-size:10px; 
	padding-top:2px; 
	padding-right:10px; 
	padding-bottom:2px; 
	padding-left:2px; 
	background-color:#EFEFEF
	}
/*-------- end TOPINFO --------*/


/*#################### NAVIGATOR ####################*/

/*-------- MENU --------*/
#Menu{
	padding-top:2px; 
	padding-right:10px; 
	padding-bottom:2px;  	
	background-color:#FFF; 
	background-image:url("../images/grad-bg.jpg"); 
	background-repeat:repeat-x; 
	background-position:center bottom; 
	border:1px solid #dcdcdc; 
	margin-top:5px;
	color:#5690B4; 
	}
	
#Menu a{
	font-family:Arial,Helvetica,sans-serif; 
	font-size:11px; 
	font-weight:bold; 
	text-transform:uppercase; 
	color:#5690b4;
	text-decoration:none; 
	line-height:20px;

	}
#Menu a:hover{
	text-decoration:none;
	color:#60871D;  
/*	color:#60871D;*/
	padding-top:5px;
	border-top:#3FBEFF solid 1px;
	}

#Menu ul li
{
	display:inline;
	list-style:none;

	}
#Menu ul
{
	display:inline;
	list-style:none;
	position:relative;
	}

/*-------- end MENU --------*/
/*#################### CONTENT ####################*/
/*-------- NOSCRIPT--------*/
.block_noscript a:link,
.block_noscript a:hover{
	display:block;
	background:#CC0000;
	font-family:tahoma;
	font-size:11px;
	color:#FFFFFF;
    text-decoration: none;
	text-align:center;
	}
.block_noscript a:visited
{
	display:none;
	}	
/*-------- end  NOSCRIPT--------*/

#Container{
	margin:0px auto 0px auto; 
	width:1000px; 
	background-color:#FFFFFF; 
	border:0px solid #e1e1e1; 
	/*position:relative;*/
	padding:0px 0px 0px 0px;
	}


#MainHolder{
	background-color:#FFFFFF; 
	margin-bottom:0px; 
	padding-bottom:10px; 
	position:relative; 
	clear:both; 
	height:auto; 
	/*width:1000px; */
	margin:0px 0px 0px 0px  
	}

#button_detail a:link,
#button_detail a:visited {
  width: 53px;
  height: 18px;
  background: url(../images/details_2.gif) no-repeat;
  display: block;
  font-family:tahoma,arial;
  font-size:10px;
  font-weight:normal;
  padding-top:2px
}

#button_detail a:hover{
  background-position: 0 -18px;
  font-weight:bold;
}

#button_detail ul li{
	display:inline;
	list-style:none;
}
#button_detail ul li{
	display:inline;
	list-style:none;
}


#button_buy a {
  width: 53px;
  height: 18px;
  background: url(../images/buy.gif) no-repeat;
  display: block;
}

#button_buy a:hover {
  background-position: 0 -18px;
}


.opacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.opacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.opacity img{
/*
border: 1px solid #ccc;*/
}

/*-------- RIGHT --------*/
#Right{
	float:right; 
	width:181px; 
	padding:5px;
	margin-top:5px; 
	margin-right:0px; 
	margin-bottom:5px; 
	margin-left:0px; 
	border:0px solid #dcdcdc; 
	font-family:Verdana,Arial,Helvetica,sans-serif; 
	font-size:10px; 
	color:#5690B4; 
	}
/*-------- END RIGHT --------*/
/*-------- LEFT --------*/
#Left{
	float:left; 
	width:181px; 
	padding:5px; 
	margin-top:5px; 
	margin-right:0px; 
	margin-bottom:5px; 
	margin-left:0px; 
	border:0px solid #dcdcdc; 
	font-family:Verdana,Arial,Helvetica,sans-serif; 
	font-size:10px; 
	color:#5690B4; 
	}
.leftDIV{
	background-color:#EFEFEF; 
	margin-top:5px; 
	font-size:11px;
	/*border:1px solid #DCDCDC; */

	}
.leftDIV a{
	color:#C60;
	text-decoration:none;
}
.leftDIV a:hover{
	color:#99C06D; 
	text-decoration:none
	}
.leftDIV h2{
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	color:#3F8AB8;
	text-align:center;

	}
	
.News-Title 
	{
	background-color:#EFEFEF; 
	margin-top:5px; 
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FF9900;
	border:1px #CCCCCC solid;
	background:url(../images/bg_title.jpg);
	background-repeat:repeat-x;
	height:24px;
	}
.News-Title a
	{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FF9900;
	text-decoration:none;
	}
.News-Title a:hover
	{
	text-decoration:underline;
	}
/*-------- LOGIN --------*/
UL.windowOrange {
	MARGIN-TOP: 5px; 
	LIST-STYLE-IMAGE: none; 
	MARGIN-LEFT: 5px; 
	margin-bottom: 0px; 
	margin-right: 0px;
	LIST-STYLE-TYPE: none;
	padding-left:5px;
}
UL.windowOrange LI {
	BACKGROUND-POSITION: left top; 
	PADDING-LEFT: 24px;
	BACKGROUND-IMAGE: url(../images/list3.gif); 
	MARGIN-BOTTOM: 5px;
	COLOR: #666666; 
	BACKGROUND-REPEAT: no-repeat; 
	LIST-STYLE-TYPE: none;
	margin-left:0px;
	margin-right:0px;
}
UL.windowOrange a{
color:#999999;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
UL.windowOrange a:hover{
text-decoration:underline;
}
/*-------- SURVEY --------*/

.survey{
	margin-top:5px; 
	border:1px solid #DCDCDC; 
	padding:5px;
	text-align:left;
	color:#2C88C1
	}

.survey_title{
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	color:#2C88C1;
	text-align:left;
	padding:2px 0 3px 10px;
	background:#EAEAEA;
	}
	
.survey_question{
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	color:#3F8AB8;
	text-align:left;
	padding:10px 0px 3px 10px;
	}

.survey_option ul li{
	margin: -5px 0 0 -20px;
	list-style:none;
	}
.survey_option ul li a:hover{
	background:#F6F6F6
	}	
.survey_option ul li a:link,
.survey_option ul li a:visited{
	font-family:tahoma;
	font-size:11px;
	font-weight:normal;
	color:#0963B5;
	text-align:left;
	text-decoration:none;
	width:100%;
	display:block;
	margin:5px 0 10px 0;

	}	
.survey h2{
	font-family:tahoma;
	font-size:12px;
	font-weight:bold;
	color:#2C88C1;
	text-align:center;
	margin:0px 0 0 -6px;
	}	
.survey a:link,
.survey a:hover,
.survey a:visited{
	text-decoration:none;
	color:#2C88C1;	
	}
/*-------- end SURVEY --------*/
/*#################### RIGHT ####################*/
#Center{
	float:right; 
	width:600px; 
	padding:0px; 
	margin-top:10px; 
	margin-right:0px; 
	margin-bottom:5px; 
	margin-left:0px; 
	border:0px solid #dcdcdc; 
	background-color:#FFF; 
	
	}
#Center p{
	font-family:Arial,Helvetica,sans-serif; 
	color:#666; 
	font-size:10px; 
	font-weight:normal; 
	margin-top:0px; 
	margin-right:0px; 
	margin-bottom:0px; 
	margin-left:0px; 
	padding-top:10px 0px 0px 0px ;
	}
#Center a{
	color:#336699; 
	text-decoration:none;
	}
#Center a:hover{
	color:#336699; 
	text-decoration:underline;
	}


#ThreeFavourites{
	width:100%; 
	clear:both; 
	margin-top:-10px;
	}
#ThreeFavourites p{
	text-align:left
}
#ThreeFavourites a{
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; 
	font-size:12px; 
	font-weight:normal; 
	color:#FE7E03; 
	text-decoration:none
	}
#ThreeFavourites a:hover{
	color:#6E9633; 
	text-decoration:underline}
#ThreeFavourites img{
	float:none;	
	}
#ThreeFavourites h4{
	font-family:Tahoma,	Arial,Helvetica,sans-serif; 
	font-size:12px; 
	color:#0467C2; 
	padding-left:0px; 
	padding-top:2px; 
	padding-right:0px; 
	padding-bottom:2px; 
	background-image:url("../images/detail_title_gb.jpg"); 
	background-position:left bottom; 
	background-repeat:no-repeat;
/*	background-repeat:repeat-x; */
	background-color:#FFF;
	margin-top:5px; 
	margin-right:0px; 
	margin-bottom:0px; 
	margin-left:0px
}
#ThreeFavourites h4 img{
	padding-right:10px; 
}

#ThreeFavourites-THREE{
	width:32%; 
	float:left; 
	text-align:center;
	padding-top:10px
	}
	
#ThreeFavourites-THREE img{
	width:100px;
	height:100px;
	}
#ThreeFavourites-THREE-title{
	width:80%;	
	height:30px;
	font-family:tahoma;
	color:#CC0000;
	font-size:12px;
	text-align:center;
	margin-left:10px;
	padding-bottom:5px;
	}	


.pricetag{
	font-family:Tahoma,Arial,Helvetica,sans-serif; 
	color:#666; 
	font-size:16px; 
	font-weight:normal;
	font-size:10px
	}

.ListItemView{
	overflow:auto;
	width:505px; 
	padding:5px; 
	clear:both;
	font-family:Arial,Helvetica,sans-serif; 
	font-size:10px; color:#666; 
	background-image:url("../images/prodlist_item_bg.gif"); 
	background-repeat:no-repeat; 
	background-position:right top; 
	margin:0 10px 2px 0;

	}

.ListItemViewRight{
	float:right; 
	display:block;
	width:70%;
	height:100%;
	text-align:left;
	font-family:Tahoma,Arial,Helvetica,sans-serif; 
	font-size:11px; 
	font-weight:normal; 
	color:#343434;
	text-decoration:none;	
	}

.ListItemViewRight a:hover{	
/*	background:#CCC;*/
	text-decoration:none;
	}

.ListItemViewRight li{
	list-style:none;
	margin: 0 0 0 10px;

	}

.ListItemViewRight h3{
	font-family:Tahoma,Arial,Helvetica,sans-serif; 
	font-size:12px; 
	font-weight:bold; 
	color:#C25B00; 
	margin:0px; 
	padding:0px;
	}

.ListItemViewLeft img{
	width:100px;
	height:100px
	}
			
.ListItemViewLeft{
	width:100px; 
	float:left
	}
.ListItemPrice{
	font-family:Tahoma,"Times New Roman",Times,serif; 
	color:#069; 
	text-align:center; 
	font-size:11px; 
	font-weight:bold; 
	}

#next a:link,
#next a:visited
{
	font-family:Tahoma,"Times New Roman",Times,serif; 
	color:#5E5E5E; 
	text-align:center; 
	font-size:10px; 
	font-weight:normal; 
	}
#next a:hover {
	font-family:Tahoma,"Times New Roman",Times,serif; 
	color:#0099FF; 
	text-align:center; 
	font-size:10px; 
	font-weight:normal; 
	}

.textarea-input{
	border:1px solid #CCC; 
	font-family:Tahoma,Helvetica,sans-serif; 
	font-size:12px; color:#666; 
	font-weight:normal; 
	margin-top:0px 5px 0 0;
	padding-top:2px 10px 2px 10px; 
	background-image:url("../images/detail_title_gb.gif"); 
	background-repeat:repeat-x; 
	background-position:left bottom; 
	background-color:#FFF
	}
label{
	float:left; 
	width:120px; 
	font-weight:bold; 
	font-family:Arial,Helvetica,sans-serif; 
	color:#666;
	font-size:12px; 
	margin:0px; 
	padding-top:0px 0px 0px 10px
	}
	
	
	
/*-------- LIST PRODUCT --------*/

.itmdetailsdiv{
	width:250px; 
	background-color:#f8f8f8; 
	border:1px solid #dcdcdc; 
	font-family:Arial,Helvetica,sans-serif; 
	color:#666; 
	font-size:10px; 
	text-align:left; 
	padding-left:10px; 
	float:right; 
	margin-top:2px; 
	display:inline; 
	overflow:hidden; 
	height:20px; 
	line-height:20px
	}
.itmdetailsdiv b{
	font-weight:bold; 
	color:#C30; 
	font-family:Verdana,Arial,Helvetica,sans-serif; 
	font-size:10px
	}

#Itemdetails1{
	width:505px; 
	text-align:right; 
	padding:0px 10px 5px 10px; 
	overflow:hidden; 
	border:1px solid #CCC; 
	margin:0px
	}

#Itemdetails1 img{
	float:left; 
	margin:0px; 
	padding:5px 5px 5px 0px
	}
#Itemdetails1 p{
	padding:5px 0px 0px 0px; 
	margin:0px
	}
#Itemdetails1 h1{
	font-family:Arial,Helvetica,sans-serif; 
	text-align:right; 
	font-size:20px; 
	color:#666;
	margin:0px; 
	padding:10px 0px 0px 0px
	}

#Itemstrip{
	width:505px; 
	text-align:left; 
	margin:5px 0x 5px 0px; 
	padding:0px 10px 0px 10px; 
	overflow:hidden; 
	border:1px solid #CCC; 
	font-family:Arial,Helvetica,sans-serif; 
	font-size:11px; 
	color:#666; 
	background-image:url("images/grad-bg.jpg"); 
	background-repeat:repeat-x; 
	background-position:left top; 
	line-height:20px
	}
#Itemstrip a{
	color:#C30; 
	text-decoration:underline
	}
#Itemstrip a:hover{
	color:#666; 
	text-decoration:none
	}
#SmallImagesOutput{
	width:505px; 
	margin:0px; 
	padding:0px 0px 0px 10px
	}
#SmallImagesOutput img{
	border:1px solid #CCC; 
	padding:0px; 
	margin:0px 10px 0px 0px;
	}
#Itemdescription{
	width:505px; 
	text-align:justify; 
	margin:0px; 
	padding:10px 10px 0px 10px; 
	overflow:hidden; 
	border:1px solid #CCC; 
	/*font-family:Tahoma,Arial,Helvetica,sans-serif; 
	font-size:12px; color:#666; 
	background-image:url("images/item-details-top-bg3.jpg"); 
	background-repeat:repeat-x*/
	}
#Itemdescription p{
	font-family:Tahoma,Arial; 
	font-size:12px; 
	color:#666
	}
#Itemdescription a{
	color:#930; 
	text-decoration:underline
	}
#Itemdescription a:hover{
	color:#0CC; 
	text-decoration:none
	}

/*-------- end LIST P

/*-------- end LIST PRODUCT --------*/	



/*#################### FOOTER ####################*/	
#Footer{
	background-color:#ebebeb; 
	font-family:Arial,Helvetica,sans-serif; 
	font-size:10px; 
	font-weight:normal; 
	color:#666; 
	border:1px solid #dcdcdc; 
	clear:both; 
	margin:0px; 
	padding:0px 0px 0px 0px;
	}
#Footer p{
	padding-top:2px; 
	padding-right:5px; 
	padding-bottom:2px; 
	padding-left:5px; 
	margin:0px
	}
#Footer a{
	color:#666; 
	text-decoration:underline
	}
#Footer a:hover{
	color:#6F9532; 
	text-decoration:none
	}
/*#################### ICON ####################*/
#UnderFooter{
	margin-top:0px; 
	margin-right:auto; 
	margin-bottom:0px; 
	margin-left:auto; 
	width:750px; 
	padding-top:5px;
	padding-right:10px; 
	padding-bottom:1px; 
	padding-left:10px; 
	font-family:Arial,Helvetica,sans-serif; 
	color:#666; 
	font-size:12px}

/*-------- end LEFT --------*/

/*-------- FAQ --------*/
#txt_faqs
	{
	font-family: Impact, Times New Roman;
	color:#FF7800;
	font-size:16px;
	font-weight:normal;
	text-decoration: none;
	text-align:center;
	vertical-align:top;
	background-image:url(../images/bgr_no_faq.jpg);
	width:59px;
	margin-left:5px;
	margin-right:30px;
	float:left;
	}
	
#txt_trichdan_B
	{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#003399;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	width:450px;
	margin-left:-40px;
	float:right;
	}	
#txt_trichdan_B a:link, #txt_trichdan_B a:hover, #txt_trichdan_B a:visited 
	{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#003399;
	font-size:11px;
	font-weight:bold;
	text-decoration: none;		
	}	

#txt_xemtiep2, #txt_xemtiep2 a:link, #txt_xemtiep2 a:visited 
	{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#888888;
	font-size:10px;
	font-weight:normal;
	text-decoration: none;	
	width:50px;
	}				
#txt_xemtiep2 a:hover 
	{	
    color:#003399;
	width:50px;
	}	
	
#txt_trichdan
	{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#444545;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	width:450px;
	margin-left:-40px;
	float:right;
	}	
#txt_trichdan a:link, #txt_trichdan a:hover, #txt_trichdan a:visited 
	{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#444545;
	font-size:10px;
	font-weight:bold;
	text-decoration: none;		
	}	
	
.txt_title_news, .txt_title_news a:link, .txt_title_news a:visited, .txt_title_news a:hover 
	{	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #F87B00;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	margin-left:20px;		
	}	
.txt_trichdan  a:hover {	
    color:#003399;
	}	
.text_browse
	{
	color:#000000;
	border:solid 1px #999999;
	}
.text_browse td{
	border-bottom:border:solid 1px #6699CC;
	}

.ch9
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#8184FC;
	font-weight:bold;
	}
.ch8
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0066CC;
	}
.news_content
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}
.news_img
	{
	padding-right:5px;
	}
.print {background-image:url(../images/print.gif);background-repeat:no-repeat;background-position:bottom
;float:right;padding-left:50px;}