@charset "utf-8";

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #000;
	text-align: left;
	margin: 0;
	padding: 0;
	color: #000
}

a {
	text-decoration: none;
	outline: none;
	color: #FFF
}

a:hover {
	
}

img {
	border: 0
}

.clear-all {
	clear: both;
}

ul.items, h3.title, p, .nav-left h3 {
	padding: 0;
	margin: 0;
}

ul.items li {
	list-style-type: none;
}

.header-top {
	height: 18px;
	background: #1a1a1a;
	padding: 3px 0 0	
}

.header-top ul li {
	float: right;
	color: #717371;
	font-size: 11px;
}

.header-top ul li a {
	color: #717371;
	font-size: 11px;
	padding-left: 10px;
	padding-right: 10px;	
}

.header-top ul li a.no {
	padding-right: 0;
}

#box, .header-top ul {
	width: 1003px;
	margin: 0 auto;	
}

.nav {
	background: url(../images/nav_bg.gif);
	height: 33px;	
}

.nav li {
	float: left;	
}

.nav li a {
	display: block;
	padding: 10px 14px 0;
	height: 23px;
	text-transform: uppercase;
	font-weight: bold;
	float: left
}

.nav li span {
	color: #fff;
	display: block;
	float: left;
	width: 2px;
	padding: 10px 0 0	
}

.nav li a.current, .nav li a:hover {
	color: #000	
}

.navsub {
	background: #00540b;
	height: 18px;
	color: #ccc;
	padding: 3px 0 0	
}

.navsub li {
	padding: 3px 0 0 10px;	
	float: left;
}

.navsub li a {
	float: left;
	display: block;
	padding: 0 35px 0 0;
}

.slogan {
	color: #ccc;
	height: 5px;
	overflow: hidden	
}

.nav-left, .my-content, .nav-right {
	float: left	
}

.my-content {
	width: 643px;	
}

.nav-left {
	width: 176px;
	padding: 0 4px 0 0;
}

.nav-left h3, .box-new-footer h3, .nav-right h3 {
	background: url(../images/h3bg.gif);
	height: 22px;
	font-size: 12px;
	text-transform: uppercase;
	padding: 9px 0 0;
	text-align: center;
	color: #fff;
	border-bottom: #000 1px solid	
}

.box-search-input {
	background: #fff;
	padding: 5px 0 0;	
}

.box-search-input p {
	padding: 0 0 10px;
	text-align: center	
}

.box-search-input .text {
	width: 158px;	
}

.adv-left {
	text-align: center;
	padding: 5px 0 0	
}

ul.manufacturers, .box-count, .box-items {
	background: #fff;	
}

ul.manufacturers li {
	height: 21px;
	background:url(../images/line.gif) repeat-x left bottom;
	padding: 5px 0 0 30px;
}

ul.manufacturers li a {
	color: #070e07;
	text-transform: uppercase;
	font-weight: bold;
}

.box-count {
	padding: 10px 0;
	text-align: center;
	color: #2e3639;
	font-size: 11px;
}

.box-count p {
	padding-bottom: 10px;	
}

.box-count span {
	color: #b10918;
	font-weight: bold;
}

.box-items {
	padding: 0 0 5px 5px;	
}

.box-items li.border {
	width: 312px;
	height: 200px;
	border: #dcdcdc 1px solid;
	overflow: hidden;
	padding: 8px 0 0 0;
	float: left;
	margin: 4px 4px 0 0	
}

.box-items li.border a.title {
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	color: #339900;
	padding: 0 0 13px 10px;
}

.box-items li.border p.img, .box-items li.border ul {
	float: left	
}

.box-items li.border p.img {
	width: 128px;
	text-align: center;
}

.box-items li.border ul {
	width: 179px;
	font-size: 0.9em;
	font-weight: bold;
	padding: 0 5px 0 0;
	height: 130px;
}

.box-items li.border p.price {
	float: left;
	font-size: 11px;
	padding: 0 0 0 10px;
	width: 156px;
	font-weight: bold;	
}

.box-items li.border p.price span {
	color: #339900;	
}

.box-items li.border p.price span.promo {
	color: #ff0000	
}

.box-items li.border a.buy {
	float: left;	
}

h3.title {
	background: url(../images/h3cbg.gif);
	height: 25px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	text-indent: 10px;
	padding: 10px 0 0
}

.box-new-footer {
	background: url(../images/cbg.gif);
	width: 643px;
}

.box-new-footer h3, .nav-right h3 {
	margin: 0
}

.box-new-footer img {
	float: left;
	margin: 0 10px 5px 10px	
}

.box-new-footer p {
	padding: 0 10px;	
}

.box-new-footer a.title {
	color: #c70100;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	padding: 0 0 5px;
	line-height: 1.5em	
}

.box-new-footer ul {
	padding: 10px;	
}

.box-new-footer ul li {
	background: url(../images/muiten.gif) no-repeat 0 6px;
	padding: 0 0 10px 10px;	
}

.box-new-footer ul li a {
	font-weight: bold;
	color: #000;	
}

.box-service h3, .box-news h3{
	margin-bottom: 10px;
}

.box-service, .box-news {
	float: left;
}

.box-service {
	width: 309px;
	padding-right: 5px;
}

.box-news {
	width: 329px;	
}

.nav-right {
	width: 174px;
	padding: 0 0 0 4px;	
}

.box-cart-items, .support, .tools, .box-profile {
	background: #fff;	
}

.support {
	text-align: center;
	padding: 5px;
	min-height: 50px;
	padding: 10px;
}

.support h4 {
	margin: 0;
	padding: 0 0 5px;;
	font-size: 13px;
	text-transform: uppercase
}

.support p {
	padding: 0 0 5px;
}

.support li {
	padding: 0 0 10px;
}

.support span {
	display: block;
	padding: 0 0 4px;
}

.box-profile {
	padding: 10px 0 0 10px;	
}

.box-contact span.small {
	display: block;
	color: #666;
	padding: 5px 0 0 140px;	
}

.box-profile a {
	color: #000;
	display: block;
	padding: 0 0 5px;	
}

.box-cart h3 {
	margin: 0;
	padding: 10px 0	
}


.ft {
	background:	url(../images/ft.gif) repeat-x;
	height: 172px;
	margin: 29px 0 0;
	text-align: center
}

.ft-menu {
	height: 41px;
	text-align: center;
	padding: 10px 0 0
}

.ft-menu ul li {
	float: left;	
}

.ft-menu ul li a {	
	float: left;
	font-weight: bold;
	padding: 0 13px;
	color: #fff;
	text-transform: uppercase
}

.copyright {
	color: #fff;
	line-height: 1.4em	
}

.tools p {
	width: 160px;
	background: url(../images/bg_thongtin_bg.gif);
	height: 41px;
	text-indent: 60px;	
}

.tools a {
	color: #000;
	font-size: 11px;
	height: 41px;
	display: block;
}

.tools a.thoitiet {
	background: url(../images/thoitiet.gif) no-repeat;	
}

.tools a.tygia {
	background: url(../images/tygia.gif) no-repeat 0 1px;	
}

.tools a.giavang {
	background: url(../images/vang.gif) no-repeat 0 1px;	
}

.tools a span {
	display: block;
	background:url(../images/bg_thongtin.gif) no-repeat right top;
	height: 27px;	
	padding: 14px 0 0
}

.box-cart-items {
	text-align: center;
	padding: 15px 3px 5px;	
}

.box-cart-items p {
	text-align: left;
	color: #333;
	padding: 0 0 7px 10px;	
}

.box-cart-items span {
	color: #fff200;	
}

.box-cart-items a {
	display: block;
	padding: 0 0 5px;
	color: #333;	
}

.box-cart-items a.edit, .box-cart-items a.order {
	float: left;
	background: url(../images/suagiohang.png) no-repeat 0 5px;	
	width: 30px;
	padding: 10px 0 5px 25px;
	display: block;	
}

.box-cart-items a.order {
	background-image: url(../images/guigiohang.png);
	width: 75px;
	float: right	
}

.box-contact {
	padding: 0 10px 20px;
}

.box-login {

}

.box-contact p {
	margin: 0;
	padding: 10px 0;
}

.box-contact p label {
	display: block;
	padding: 0 10px 5px 0;
	font-weight: bold;
	float: left;
	width: 130px;
	text-align: right;
}

.box-contact .text, .texta {
	width: 400px;
	padding: 4px;
}

.texta {
	height: 80px;	
}

.contact-info {
	padding: 10px 10px 0;
	line-height: 20px;
}

.box-contact .input {
	font-weight: bold;
	font-size: 11px;
	padding: 3px 10px;
	cursor: pointer;
	font-family: Verdana, Geneva, sans-serif
}

.box-contact span {
	padding: 0 0 0 10px;
}

.msg ul {
	padding: 10px 0 0 10px;
	margin: 0;
}

.msg2 ul {
	padding: 0;
	margin: 0	
}

.msg ul li, .msg2 ul li {
	list-style-type: none;
	padding: 0 0 5px;
	color: #FF0000;
}

.box-items a {
	color: #000;	
}

.box-page-cart {
	padding: 10px 10px 0 0	
}

.box-page-cart table {
	border-collapse: collapse;
	border: #ccc 1px solid
}

.box-page-cart div.mkh {
	padding: 10px 0;	
}

.detail {
	line-height: 1.7em;
	padding: 0 10px 15px;	
}

.detail h2 {
	margin: 0;
	padding: 10px 0;
	font-size: 18px;	
}

.items-other {
	padding: 15px 0	
}

.items-other h3 {
	margin: 0;
	padding: 0 0 5px;
	color: #00540B;
	font-size: 14px;
	border-bottom: #ccc 1px solid
}

.items-other ul {
	margin: 0;
	padding: 10px 0 0 25px;
}

.items-other ul li {
	list-style-type: square;
	padding: 0 0 5px;
}

.items-other ul li a:hover {
	text-decoration: underline
}

.items-other ul li a:visited {
	color: #666;
}

ul.item li img {
	float: left;
	width: 120px;
	margin: 0 5px 5px 0;		
}

ul.item li {
	padding: 10px 10px 0 10px;
	clear: left;
	float: left;
}

ul.item li a.title {
	color: #C70100;
	font-weight: bold;
	display: block;
	padding: 0 0 5px;
}

ul.item li a.more {
	color: #ff0000;
	padding-left: 10px;
	font-size: 11px;	
}

ul.item li span {
	display: block;
	font-family: "Courier New", Courier, monospace;
	color: #666;	
}

.reg-susses {
	padding: 10px;
	line-height: 20px	
}

.reg-susses a {
	color: #ff0000;	
}

.product-tabs-items {
	height: 250px;
	overflow: auto;
	padding: 10px;	
}

.product-tabs {
	background: url(../images/bg_pro.gif);
	height: 33px;	
}

.product-con h3 {
	margin: 0;
	padding: 5px 0 0 15px;
	font-size: 12px;
	font-weight: bold;	
	background: url(../images/bg_pro.gif);
	height: 28px;	
}

.product-tabs ul li {
	float: left;
}

.product-tabs ul li a {
	float: left;
	display: block;
	padding: 6px 15px 0;
	height: 27px; 	
}

.product-tabs ul li a.selected {
	background:url(../images/nav_bg.gif);
	color: #fff;	
}

.product-table {
	padding: 10px 0	
}

.product-con p {
	padding: 5px 10px;	
}

.product-table span.price {
	display: block;
	font-weight: bold;		
}

.product-table table {
	border: 1px solid #CCC;
	border-collapse: collapse	
}

a.buyitem {
	color: #FF0000;
	font-size: 14px;	
}

.other ul {
	margin: 0;	
}

#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: lightyellow;
	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);
}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}

.login-quick .text {
	width: 157px;
	color: #8b8b8b;
	border: #8b8b8b 1px solid;
	padding: 2px;	
}

.login-quick p {
	padding: 0 5px 5px 3px;
	margin: 0;	
}

.login-quick a {
	color: #8b8b8b;
	font-weight: normal;
	text-decoration: underline	
}

.login-quick .submit {
	background: url(../images/b-login.png) no-repeat right 4px;
	border: 0;
	margin: 0;
	padding: 0 28px 0 0;
	height: 30px;
	width: 95px;
	color: #8b8b8b;
	cursor: pointer;	
}

.box-cart-items ul.menu {
	padding: 0;
	margin: 0;
	text-align: left
}

.box-cart-items ul.menu li {
	position: relative;
	list-style-type: none;	
}

.box-cart-items ul.menu li a {
	height: 20px;
	display: block;
	border-bottom: #ccc 1px solid;
	padding: 5px 0 0 20px;
	color: #000;
	font-weight: bold;
	background: url(../images/huhu.png) no-repeat 10px 10px;
}

.box-cart-items ul.menu li a:hover {
	color: #ff8e00;
}

.box-cart-items ul.menu li ul {
	position: absolute;
	width: 161px;
	top: 0;
	visibility: hidden;
	padding: 0 5px 0 10px;
	z-index: 9999;
	background: url(../images/submenubg.png)
}

.box-cart-items ul.menu li ul li a {
	border-bottom: #ccc 1px solid;
	color: #fff;
	padding-left: 5px;
	background: none
}

* html .box-cart-items ul li { float: left; height: 1%; }
* html .box-cart-items ul li a { height: 1%; }

.notop {
	padding-top: 0;	
}

.intro-box {
	width: 973px;
	margin: 60px auto 0;	
}

.intro-box h2 {
	margin: 0;
	padding: 0 0 5px;
	font-size: 18px;
	border-bottom: #0a7116 5px solid;
	color: #217922;	
}

.intro-h1 {
	padding: 0 0 36px;	
}

.intro-left {
	float: left;	
}

.intro-left {
	height: 320px;
	width: 658px;
	background: #FFF url(../welcome/intro_ltop.png) no-repeat;
	padding: 11px 0 0;	
}

.intro-content-left {
	height: 320px;
	background: url(../welcome/intro_lbottom.png) no-repeat left bottom;
	padding: 0 15px;
	overflow: hidden	
}

.intro-left ul {
	margin: 0;
	padding: 18px 0 0	
}

.intro-left ul li {
	list-style-type: none;
	float: left;
	padding: 0 10px 21px 0	
}

.intro-left ul li a {
	display: block;	
}

.intro-left ul li a.title {
	background: url(../welcome/intro-atitke.png);
	width: 199px;
	height: 22px;
	padding: 5px 0 0;
	text-indent: 30px;
	color: #010101;
	font-weight: bold;
}

.intro-left ul li a:hover.title {
	color: #0f6f0e;	
}

.intro-right {
	background: #fff url(../welcome/intro_rtop.png) no-repeat;
	width: 285px;
	height: 320px;
	padding: 11px 0 0;
	float: right
}

.intro-right div {
	height: 320px;
	padding: 0 11px 0 15px;
	background: url(../welcome/intro_rbottom.png) no-repeat left bottom
}	

.intro-ft {
	padding: 10px 0 0;
	border-top: 5px #666 solid;
	margin: 20px 0 0;	
}

.intro-lang {
	color: #666;
	float: left
}

.intro-lang span {
	padding-right: 10px;
	display: block;
	float: left 	
}

.intro-copyright {
	float: right;
	color: #666;
	text-align: right	
}

#banner {float:left; width:100%;}
* {margin:0; padding:0;}
ol, ul {list-style:none;}
img {border:0px;}
#loopedSlider {float:left; width:643px; height:197px; margin:0; position:relative; background:#fff no-repeat 0 0;}
.container {float:left; width:643px; height:197px; margin:0; position:relative; overflow:hidden;}
ul.slides {position:absolute; top:0; left:0;}
ul.slides li {position:absolute; top:0; left:2px; width:938px; height:255px; display:none;}
ul.slides li img {width:643px; height:197px;}
ul.slides li:hover img {cursor:pointer;}
#loopedSlider a.previous, #loopedSlider a.next {display:none;}
#loopedSlider ul.pagination {position:absolute; bottom:5px; right:5px;}
#loopedSlider ul.pagination li {display:inline;}
#loopedSlider ul.pagination li a {color:#fff; font-size:12px; text-decoration:none; padding:2px 5px; border:1px solid #c0c0c0; border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; opacity:.85; filter:alpha(opacity = 85); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";}
#loopedSlider ul.pagination li a:hover, #loopedSlider ul.pagination li.active a {color:#fff; text-decoration:none;  border:1px solid #0a7117; background:#0a7117;}