@charset "utf-8";
/* CSS Document */
/*------------------------	
	date:      27/03/09
	author:    Tran Thi Phuong
	---------------------*/ 
* {
	margin:0;
	padding:0;
}
/* Normalize list styles */
ol, ul,li {
    list-style: none;
	margin:0;
	padding:0;		
} 
li a {
	float:left
}
/* Normalize font style and weight on odd elements */
address, caption, cite, code, dfn, th, var {
	font-style: normal;
    font-weight: normal;
} 
/* Normalize table borders */
table {
	 border-collapse: collapse;
	 border-spacing: 0;
} 
/* Normalize other borders */
fieldset,img {
   border: 0;  
}
 /* Normalize text-alignment */
caption, th {
   text-align: left;
} 
/* Normalize (remove) quotation marks */
q:before, q:after {
   content: '';   
} 
.float-L {
	float:left;
}
.mar-auto {
	margin:0 auto;
}
body {
	text-align:center;
	font-family:Verdana;
	font-size:12px;
	color:#484848;
	margin:0;
	background-color: #fff;
	background-image: url(../images/bg.gif);
	background-repeat: repeat;
	background-position: center top;
}
.wrapper {
	width:1000px;	
	margin:0 auto;
	text-align:left;	
}
.container {
	background:#f8f7ef;
	float:left;
	width:1000px;		
}
.float-L {
	float:left;
}
/*span text*/
span.text3 {
	color:#208a06;
	font-style:italic;
	font-size:18px;
	font-weight:bold;
}
/*header*/
.header {
	height:70px;
}
.support-online {
	border-left:2px solid #c1c1c1;
	float:left;
	margin:15px 0 0 10px;
	padding-left:10px;
}
/* menu*/
.main-menu {
	background:url(../images/menu-bg.gif) repeat-x;
	height:39px;
	padding-top:1px;
	width:1000px;	
}
.content {
	width:1000px;
}
.padding-1 {
	padding:15px 5px;	
}
/*sidebar left*/
/*a */
a {
	color:#3f6117;
	text-decoration:none;
}
a:hover {
	color:#3f6117;
	text-decoration:underline;
}
.side-bar-left {
	width:232px;
	float:left;
}
.side-bar-left .top-bg {
	background:url(../images/side-bar-left-top-bg.gif) no-repeat;
	height:20px;
}
.side-bar-left .bottom-bg {
	background:url(../images/side-bar-left-bottom-bg.gif) no-repeat;
	height:20px;
}
.side-bar-left .menu-L {
	background:#fdfdfc;
	width:202px;
	padding:0 15px;	
}
.side-bar-left .title {	
	height:32px;	
}
.block ul li {
	border:1px solid #f6f6f6;
	background:#fdfdfc;
	height:22px;
	padding:3px 0 0 15px;
	color:#3f6117;
	border-top:none;
}
/*main -content*/
.main-content {
	float:right;
	width:750px;
}
/* search*/
.search {
	width:222px;
	top:42px;
	left:535px;
	position:relative;	
	float:left;
	clear:both;	
	color:#000000;		
}
select {
	font-size:11px;
	color:#3f6117;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.mar-2 {
	margin-top:10px;
}
.mar-4 {
	margin-top:5px;
}
.main-content .banner-vi{
	width:750px;
	height:380px;
	background:url(../images/banner-vi.jpg);
	float:left;
	clear:both;	
}
.main-content .banner-en{
	width:750px;
	height:380px;
	background:url(../images/banner-en.jpg);
	float:left;
	clear:both;	
}
.main-content .pro-top {
	height:45px;
	float:left;
	clear:both;
	width:750px;
}
.pro-top .left-bg {
	background:url(../images/pro-bg-left.gif) no-repeat;
	width:15px;
	float:left;
	height:45px;
}
.pro-top .right-bg {
	background:url(../images/pro-bg-right.gif) no-repeat;
	width:15px;
	float:left;
	height:45px;
}
.pro-top .text {
	width:720px;
	height:30px;
	padding-top:15px;
	float:left;
	font-weight:bold;	
	background:url(../images/pro-bg.gif) repeat-x;
}
.main-pro {
	width:664px;
	padding:20px 43px;
	float:left;	
	background:#fff url(../images/main-pro-bottom-bg.gif) bottom no-repeat;
}
.pro-rows {
	width:664px;
	clear:both;	
	padding-bottom:60px;
	float:left;
	
}
/*IE6 CSS hack*/
* html {
	margin:0;
	padding:0;
}
* html .pro-rows {
	width:664px;
	clear:both;	
	padding-bottom:60px;	
	float:none;
}
.container-pro {
	width:150px;
	float:left;
}
.mar-1 {
	margin-right:105px;
}
.pro-name {
	width:150px;	
	color:#485e1d;
	margin-top:15px;	
	text-align:center;		
}
/* footer*/
.footer {
	width:750px;
	padding:30px 0 40px 0;
	clear:both;
	height:42px;
}
.footer .footer-left-bg {
	background:url(../images/footer-left-bg-t.gif) no-repeat;
	height:42px;
	width:140px;
	float:left;
}
.footer .footer-right-bg {
	background:url(../images/footer-right-bg.gif) no-repeat;
	height:42px;
	width:15px;
	float:left;
}
.footer .footer-text {
	width:595px;
	text-align:right;
	height:30px;
	padding-top:12px;
	float:left;
	background:url(../images/footer-bg.gif) repeat-x;
}
/*Detail*/
.available-colors {	
	width:45px;
	clear:left;
	margin-right:5px;
	float:left;
	height:28px;
	border:1px solid #cccccc;
}
.avai-color-text {
	padding-top:8px;
	height:15px;	
}
.mar-3 {
	margin-top:5px;	
}
.flash-box {
	margin:20px 0 0 0;
	float:left;
	clear:both;
}
span.text4 {
	color:#5ec202;
	font-weight:bold;
	width:300px;
	padding-bottom:20px;
	float:left;	
	font-size:14px;
}
span.text5 {
	color:#98ce2f;
	font-size:16px;
	font-weight:bold;
}
span.text6 {
	color:#be0e32;
	font-size:13px;
	font-weight:bold;
}
span.bold {
	font-weight:bold;
}
span.text7 {
	font-weight:bold;
	width:70px;
	text-align:right;
	float:left;
	margin-right:10px;
}
a.size {
	color:#668dd9;
	text-decoration:underline;
	font-weight:bold;
	font-size:14px;
}
a.size:hover {
	color:#668dd9;
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
}
.detail {
	margin-top:20px;
}
.detail-L {
	width:315px;
	float:left;
}
.detail-R {
	width:330px;
	float:left;
}
.detail-choose {
	width:330px;
	margin:15px 0;
	padding:15px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.detail-text {
	color:#7f7f7f;
	line-height:15px;	
}
.black{
	background:#000000;
}
.brown {
	background:#73482b;
}
.white {
	background:#fff;
}
.red {
	background:#be0e32;
}
.blue {
	background:#326ef8;
}
.navy {
	background:#172540;
}
.burgundy {
	background:#6a2316;
}
.forest-green {
	background:#165c10;
}
.gold {
	background:#e8c763;
}
.purple {
	background:#6e2d7f;
}
.tan {
	background:#fde9c1;
}
.silver {
	background:#e6dee1;
}

.txt {
	font-size: 14px;
	border: 1px solid #7094D0;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 5px;
	height: 25px;
}
.titlebox {
	font-size: 16px;
	color: #C7E93A;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #D4EF67;
	font-weight: bold;
}
.luuy {
	border: 1px solid #FFBB43;
	background-image: url(../images/donhang_09.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding-top: 50px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: top;
}
.underline {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CED8E5;
}
.input {

	font-size: 14px;
	border: 1px solid #7094D0;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.giohang {
	width:750px;
	
	padding-top:20px;
	float:left;
	background:#fff url(../images/main-pro-bottom-bg.gif) bottom no-repeat;
}

.giohang td{
	padding:7px;
}
.row2 {  background-color: #EEEEEE; }
.error{ color:red}
.price0{
	display:none;
}

.dathang-title {

          font-size: 14px;

          color: #91AF14;

          font-weight: bold;

          margin-bottom: 15px;

          border-bottom-width: 1px;

          border-bottom-style: dotted;

          border-bottom-color: #D7D7D7;

          padding-bottom: 3px;

}

.dathang-title a {

          color: #91AF14;

          text-decoration: none;

}

.dathangdetail {

          padding-bottom: 10px;

          line-height: 22px;

}

.traloi {

          width:664px;

          float:left;

          margin-top: 3px;

          padding-top: 20px;

          padding-right: 43px;

          padding-bottom: 20px;

          padding-left: 43px;

          margin-bottom: 2px;

          background-color: #FFFFFF;

}

.buttonAction {

          padding-bottom: 10px;

          background-color: #FFFFFF;

          padding-top: 10px;

}