/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:8pt;
	min-width:1000px;
}
#topbar {
	background:url(images/topbg.gif) repeat-x;
	height:134px;
}
#logo {
	height:109px;
}
#logo img {
	margin:0 0 0 20px;
}
#navi {
	
}
#navi ul {
	list-style:none;
	margin:0 0 0 10px;
	padding:0;
}
#navi ul li {
	float:left;
	margin:0 2px;
	background:url(images/butoff_bg.gif) bottom repeat-x #def3f7;
	height:15px;
	padding: 5px 5px;
	display:block;
}
#navi ul li#current {
	background:url(images/buton_bg.gif) bottom repeat-x #fff;
}
#navi ul li#current a {
	color:#ef7600;
}
#navi ul li a {
	color:#333;
	text-decoration:none;
	font-weight:bold;
}
#navi ul li a:hover {
	color:#ef7600;
}
.topright {
}
#leftbar {
	background:url(images/leftbar_bg.gif) right repeat-y #f3f3f3;
	border:solid 1px #ccc;
}
#leftbar h2 {
	color:#ef7600;
	margin:5px 0 5px 10px;
	padding:0;
	font-size:11pt;
}
#leftbar ul {
	list-style:none;
	margin:0 0 0 12px;
	padding:0;
}
#leftbar ul li {
	color:#333;
	font-weight:bold;
	margin:5px 0;
	background:url(images/dotted2.gif) bottom repeat-x;
	padding: 0 0 5px 0;
}
#leftbar ul li#level3 {
	color:#fff;
	font-weight:normal;
	margin:5px 0;
	background:url(images/dotted2.gif) bottom repeat-x;
	padding: 0 0 5px 0;
}
#leftbar ul li a {
	color:#333;
	text-decoration:none;
}
#leftbar ul li a:hover {
	color:#ef7600;
}
#leftbar ul li ul {
	list-style:square;
	margin:0 0 0 14px;
}
#leftbar li ul li {
	font-size:8pt;
	font-weight:bold;
	margin:7px 0;
	background:none;
	padding:0;
}
#leftbar li ul li a {
	color:#006699;
	text-decoration:none;
}
#leftbar li ul li a:hover {
	color:#ef7600;
}
#rightbar .inp {
	width:150px;
}
.darkhdr {
	background:url(images/dark_topbg.gif) repeat-x;
	height:27px;
	color:#fff;
	font-weight:bold;
	text-indent:5px;
}
.drarkbody input,.drarkbody select {
	font-size:8pt;
}
.drarkbody {
	border:solid 1px #ccc;
	border-top:none;
	font-size:8pt;
}
#footer {
	font-size:8pt;
	color:#333;
}
#footer a {
	color:#ef7600;
	text-decoration:underline;
}
#footer a:hover {
	text-decoration:none;
}
.silverhdr {
	background:url(images/silver_topbg.gif) repeat-x;
	height:27px;
	font-weight:bold;
	text-indent:10px;
}
.silverbody {
	border:solid 1px #ccc;
	border-bottom:none;
	font-size:8pt;
}
.silverfoot {
	background:url(images/silver_botbg.gif) repeat-x bottom;
	height:4px;
}
.productimg {
	border:solid 1px #ccc;
}
.price {
	color:#BB0011;
}
.khuyenmai {
	color:#FF0000; font-size:10pt;
}
.khuyenmai_den {
	color:#000000; font-size:10pt;
}
/* common */
input, select {
	vertical-align:middle;
}
form {
	margin:0;
	padding:0;
}
input.btn {
	background:url(images/inputbtn_bg.gif) repeat-x;
	border:solid 1px #ccc;
	padding:2px 4px;
	font-size:8pt;
}
a {
	color:#006699;
	text-decoration:none;
}
a:hover {
	color:#ef7600;
}
h2 {
	font-size:12pt;
	color:#333;
	margin:0 0 10px 0;
}
h3 {
	font-size:11pt;
	color:#333;
	margin:0 0 10px 0;	
}
.dotted {
	background:url(images/dotted.gif) repeat-x;
	height:5px;
}
.stext {
	font-size:8pt;
}
.product p {
	margin:5px 0;
	padding:0;
}
.paging {
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	background-color: #f8f8f8;
	/*display: block;*/
	height: 15px;
	width: 15px;
	border: 1px solid #cccccc;	
	float:left;
	text-align:center;
	margin:2px;
	padding:1px;
	color:#3366cc;
	text-decoration:none;
}
.paging2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	background-color: #ffffff;
	height: 15px;
	width: 15px;
	border: 1px solid #cccccc;	
	/*display: block;*/
	float:left;
	text-align:center;
	margin:2px;
	color:#333333;
	font-weight:bold;
	padding:1px;
}
.paging3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	background-color: #CCCCCC;
	height: 15px;
	width: 15px;
	border: 1px solid #cccccc;	
	/*display: block;*/
	float:left;
	text-align:center;
	margin:2px;
	color:#ffffff;
	font-weight:bold;
	padding:1px;
	text-decoration:none;
}