﻿body 
{
	font-size:11px;
	/*background-color:#9BDEFF;*/
	/*background-image:url(images/bg.gif);*/
	color:black;
	margin:0px;
	font-family:Tahoma;
	line-height:15px;
}

table
{
	margin:0px;
}

.layout
{
	background-color:White;
	border-color:#F0FFF0;
	
}

/* menu item */

.menuItem
{
	color:white;
	background-color:#1B75CF;
	font-weight:bold;
}
.menuItem a:link
{
	color:white;
	text-decoration:none;
	
}
.menuItem a:visited
{
	color:white;
	text-decoration:none;
	
}
.menuItem a:hover
{
	text-decoration:none;
	color:white;
}
/* menu sub item */

.menuSubItem
{
	
	background-color:white;
	font-weight:bold;
}
.menuSubItem a:link,a:visited
{
	
	text-decoration:none;
	
}
.menuSubItem a:hover
{
	text-decoration:underline;
	
}


/*Menu Left*/
.menuLeft
{
	color:white;
	text-align:left;
}
.menuLeft a:link
{
	text-decoration:none;
	/*color:#1A75CE;*/
	color:#1A75CE;
}
.menuLeft a:visited
{
	text-decoration:none;
	color:#1A75CE;
}
.menuLeft a:hover
{
	text-decoration:none;
	color:#1A75CE;
	/*color:#FFFFB6;*/
}
/*Menu Left sub*/
.menuLeftSub
{
	color:black;
	font-weight:normal;
}
.menuLeftSub a:link
{
	text-decoration:none;
	/*color:#1A75CE;*/
	font-weight:normal;
	color:black;
}
.menuLeftSub a:visited
{
	text-decoration:none;
	font-weight:normal;
	color:black;
}
.menuLeftSub a:hover
{
	text-decoration:underline;
	font-weight:normal;
	color:black;
}
/*menu bottom*/
.menuBottom
{
	text-align:center;
	font-size:small;
	color:black;
	/*background-color:#E9E9E9;*/
	line-height:18px;
	font-weight:normal;
	margin:0 auto;
}
.menuBottom a:link
{
	text-decoration:underline;
	color:Black;
	font-weight:normal;
}
.menuBottom a:visited
{
	text-decoration:underline;
	color:black;
	font-weight:normal;
}
.menuBottom a:hover
{
	text-decoration:none;
	color:black;
	font-weight:normal;
}

/*san pham*/
.pro
{
	color:black;
}
.pro a:link
{
	text-decoration:none;
	color:#1B75CF;
}
.pro a:visited
{
	font-weight:normal;
	text-decoration:none;
	color:#1B75CF;
}
.pro a:hover
{
	text-decoration:none;
	font-weight:normal;
	color:red;
}

#imgProductDetail
{
	text-align:center;
}
#ProductDetailDesc
{
	margin-left:20px;
}

/*button links*/
.ButtonLink
{
	color:black;
	font-weight:bold;
	text-align:center;
}
.ButtonLink a:link
{
	text-decoration:underline;
	color:#1B75CF;
}
.ButtonLink a:visited
{
	text-decoration:underline;
	color:#1B75CF;
}
.ButtonLink a:hover
{
	text-decoration:underline;
	color:#1B75CF;
}
/*news*/
.news
{
	color:black;
	text-align:left;
}
.news a:link
{
	text-decoration:none;
	color:#1B75CF;
}
.news a:visited
{
	text-decoration:none;
	color:#1B75CF;
}
.news a:hover
{
	text-decoration:underline;
	color:red;
}

/* main item */
.mainItem 
{
	
	text-align:left;
}

/*music*/
.music
{
	color:black;
	text-align:left;
}
.music a:link
{
	text-decoration:none;
	color:#1B75CF;
}
.music a:visited
{
	text-decoration:none;
	color:#1B75CF;
}
.music a:hover
{
	text-decoration:underline;
	color:#1B75CF;
}

/* style for table*/
.style1
{
	text-align:left;
	border-right: #E3EAEB 1px solid; 
	border-top: #E3EAEB 0px solid; 
	border-left: #E3EAEB 1px solid; 
	border-bottom: #E3EAEB 1px solid; 
	border-collapse:collapse;
	margin-left:5px;
}
.style2
{
	text-align:left;
	border-right:  1px solid; 
	border-top: #1B75CF 1px solid; 
	border-left: #1B75CF 1px solid; 
	border-bottom: #1B75CF 1px solid; 
	border-collapse:collapse;
}
.style3
{
	text-align:left;
	border-right: #33BF24 1px solid; 
	border-top: #33BF24 1px solid; 
	border-left: #33BF24 1px solid; 
	border-bottom: #33BF24 1px solid; 
	border-collapse:collapse;
}

/* style for td background*/
.bgtd1
{
	background-image:url(images/LineContent1.gif);
	background-repeat:no-repeat;
	text-align:left;
	height:27px;
	margin-left:5px;
	padding-left:8px;
	color:White;
	font-weight:bold;
	border-bottom: #2063c5 1px solid; 
}

/* style for Icon Menu #1B75CF*/
.iconMenu1
{
	background-image:url(images/Node1.gif);
	text-align:left;
	padding-left: 5px;
	color:White;
	border-right: #2063c5 0px solid; 
	border-top: #2063c5 0px solid; 
	border-left: #2063c5 0px solid; 
	border-bottom: #2063c5 1px solid; 
	border-collapse:collapse;
	height:27px;
}
/* khung cho table */
.boxMenu1
{
	border-right: #E3EAEB 1px solid; 
	border-top: #E3EAEB 1px solid; 
	border-left: #E3EAEB 1px solid; 
	border-bottom: #E3EAEB 1px solid; 
	border-collapse:collapse;
	
}
/* style for Icon Menu #33BF24*/
.iconMenu2
{
	/*background-image:url(images/menuIcon2.gif);*/
	background-image:url(images/Node1.gif);
	text-align:left;
	height:27px;
	padding-left: 5px;
	color:White;
	border-bottom: #E3EAEB 1px solid; 
	border-collapse:collapse;
}

/* khung cho table 33BF24*/
.boxMenu2
{
	border-right: #E3EAEB 1px solid; 
	border-top: #E3EAEB 1px solid; 
	border-left: #E3EAEB 1px solid; 
	border-bottom: #E3EAEB 1px solid; 
	border-collapse:collapse;
	text-align:left;
	
}
/* new products layout */
.newpro
{
	width:100%;
	border-right: #1B75CF 1px solid; 
	border-top: #1B75CF 1px solid; 
	border-left: #1B75CF 1px solid; 
	border-bottom: #1B75CF 1px solid; 
	border-collapse:collapse;

}

.note 
{
	text-align:right;
	font-weight:bold;
}
.note a:link,a:active,a:visited, a:hover
{
	font-weight:bold;
	text-decoration:none;
	color:Black;
}
.note a:active
{
	font-weight:bold;
	text-decoration:none;
	color:Black;
}
.note a:visited
{
	font-weight:bold;
	text-decoration:none;
	color:Black;
}
.note a:hover
{
	font-weight:bold;
	text-decoration:none;
	color:Black;
}
/* news temp */

#newsCenter
{
	width:570px;
	margin:5px;
}
#newsCenterL
{
	float:left;
	width:100px;
}
#newsCenterR
{
	float:left;
	width:460px;
}
#newsBottom
{
	text-align:right;
}

/*==========div=========*/
#MainLayOut
{
	width:100%;
	height:100%;
	
}

#Main
{
	width:100%;
	height:100%;
}

#Top
{
	width:100%;
}
.TopContent
{
	width:900px;
	margin:0 auto;
}

#Bottom
{
	width:100%;
}

#Center
{
	width:100%;
	height:100%;
}
#CenterContent
{
	margin:0 auto;
	width:900px;
	height:100%;
}
#Left
{
	width:150px;
	float:left;
}
#Content
{
	margin:0 auto;
	float:left;
	width:742px;
}
#Right
{
	width:150px;
	float:right;
}
/*box product*/
#Product
{
	margin:0 auto;
	border-collapse: collapse;
	border: solid 0px ;
	width:240px;
	padding-top:10px;
}
#ProductLeft
{
	float:left;
	border-collapse: collapse;
	border: solid 0px ;
	width:85px;
	margin-left:7px;
}
#ProductRight
{
	text-align:left;
	float:left;
	border-collapse: collapse;
	border: solid 0px ;
	width:140px;
}



/* banner */
#Banner
{
	width:900px;
	margin: 0 auto;
	height:150px;
}
#BannerLine
{
	width:100%;
	/*background-color:#2063c5;*/
	background-image:url(images/main_top.jpg);
	background-repeat:repeat-x;
	height:14px;
	min-width:900px;
	/*margin-top:150px;*/
}
#BannerLine1
{
	width:100%;
	background-image:url(images/LineBottom.gif);
	height:14px;
	min-width:900px;
	/*margin-top:150px;*/
}
#BottomLine
{
	margin:0px;
	padding:0px;
	width:100%;
	min-width:900px;
	background-image:url(images/TopBanner.gif);
	height:2px;
}
.menuBottom
{	
	min-width:900px;
	width:900px;
}
.menuBottomLeft
{
	background-image:url(images/left_bottom.jpg);	
	width:11px;
	height:69px;
	background-repeat:no-repeat;
}
.menuBottomRight
{
	background-image:url(images/right_bottom.jpg);	
	width:11px;
	height:69px;
	background-repeat:no-repeat;
}
.menuBottomMid
{
	background-image:url(images/bg_menu_bottom.jpg);
	width:878px;
	height:60px;
	background-repeat:repeat-x;
}
.hotNewsLeft
{
	background-image:url(images/left_bottom.jpg);	
	width:11px;
	height:27px;
	background-repeat:no-repeat;
}
.hotNewsRight
{
	background-image:url(images/right_bottom.jpg);	
	width:11px;
	height:27px;
	background-repeat:no-repeat;
}
.hotNewsMid
{
	background-image:url(images/bg_menu_bottom.jpg);
	width:720px;
	height:27px;
	background-repeat:repeat-x;
}
.proMid
{
	background-image:url(images/bg_menu_bottom.jpg);
	width:720px;
	height:27px;
	background-repeat:repeat-x;
}
.iconMenuNews
{
	width:742px;
}
.menuBottomContent
{
	/*border-right:1px solid #2063c5;
	border-left:1px solid #2063c5;*/
	margin-top:25px;
	width:878px;
	height:70px;
}
/* for tab */
#MenuTop
{
	width:900px;
	margin:0 auto;
}
#Tab
{
	font-size:13px;
	text-align:center;
	height:30px;	
	/*border:1px solid red;*/

}
#Tab ul
{
	list-style:none;
	margin:0px;
	padding:0px;
/*	border:1px solid red;*/
}
#Tab ul li
{
	font-size:13px;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	height:25px;
	float:left;
	width:120px;	
	color:white;
	margin-right:1px;
	text-decoration:none;	
}
#Tab ul li a
{
	font-size:13px;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	height:25px;
	float:left;
	width:120px;
	background-image:url(images/Tab2.gif);
	background-repeat:no-repeat;
	padding-top:5px;
	color:white;
	margin-right:1px;
	text-decoration:none;
}
#Tab ul li a.TabActive, a.TabActive:hover
{
	font-size:13px;
	color:White;
	text-align:center;
	vertical-align:middle;
	height:25px;
	float:left;
	width:120px;
	background-image:url(images/Tab1.gif);
}

#Tab ul li a:hover
{
	text-align:center;
	font-size:13px;
	vertical-align:middle;
	height:25px;
	float:left;
	width:120px;
	background-image:url(images/Tab1.gif);
	color:white;	
}
.FloatRight
{
	float:right;
	text-align:right;
}
.FloatLeft
{
	float:left;
}
#BestSell
{
	text-align:center;
}

#MiniCart
{	
	margin-right:10px;
	width:900px;
	margin:0 auto;
	border:1px solid #2063C5;
	height:25px;	
}

#BannerAndLogo
{
	float:left;
	width:740px;
}

#Paging
{
	float:right;
	margin-right:10px;
}
/* bao gia 
.BaoGia a:link,a:visited
{
	color:Red;
	font-weight:bold;
}

.BaoGia a:hover
{
	color:Red;
	text-decoration:underline;
	
}
*/
#dhtmltooltip{
position: absolute;
width: 300px;
border: 1px solid #7b68ee;
padding: 2px;
background-color: #f5f5dc;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

/*link product detail o tren line content*/
.TopLinkProDetail
{
	color:white;
	font-weight:bold;
}
.TopLinkProDetail a:link, a:visited,a:hover,a:active
{
	text-decoration:none;
	/*color:white;*/
	font-weight:bold;
}
.MarginLeft5px
{
	margin-left:5px;
}
.Padding2px
{
	padding:2px;
}
.AdminLink
{
	color:black;
}
.AdminLink a:link
{
	color:Blue;
	font-weight:normal;
}
.AdminLink a:hover
{
	color:Blue;
	font-weight:normal;
}
.AdminLink a:active
{
	color:Blue;
	font-weight:normal;
}
.AdminLink a:visited
{
	color:Blue;
	font-weight:normal;
}
.float_left
{
	float:left;
}
.margin_top_10px
{
	margin-top:10px;
}
.margin_left_5px
{
	margin-left:5px;
}
* html .margin_left_5px
{
	margin-left:2px;
}
.margin_top_8px_right_3px
{
	margin-top:8px;
	margin-right:3px;
}
.margin_left_10px
{
	margin-left:10px;
}
* html .margin_left_10px
{
	margin-left:7px;
}
.margin_top_2px
{
	margin-top:2px;
}
.boxChiNhanh
{
	border:1px solid #2063c5;
	width:340px;
	float:left;
	margin-left:5px;
}
#divLoading
{
	position:fixed;
	float:right;
	background-image:url(images/loading.gif);
	top:1px;
	padding-left:45px;
	width:95px;
	height:35px;
	background-repeat:no-repeat;
}
