/* A simple Browser Reset */

*
{
	margin: 0;
	padding: 0;
}
img
{
	border: 0;
}
/*****hover*********************/
a
{
	/* visited link */
	color: black;
	text-decoration: none;
}
a:visited
{
	/* visited link */
	color: black;
	text-decoration: none;
}
a:focus
{
	color: black;
	text-decoration: underline;
}
a:hover
{
	/* mouse over link */
	color: black;
	text-decoration: underline;
}
a:active
{
	/* selected link */
	color: black;
	text-decoration: underline;
}

/* General Layout
________________________________*/

body{ /*canh giữa cho layout*/
	margin:0 auto;
	
	font-family:Arial;
	font-size:12px;
	color:#191a19;
	width:960px; 		/*SET WIDTH CHO TOÀN BỘ BODY*/
}
#header{
	clear:both; 		
 
    
    margin-bottom:10px;
    height:196px;
    margin-bottom:20px;
}
#page{/*div lớn của toàn bộ layout*/
    min-height:100%;
    position:absolute;
    
    width:960px; 		/*SET WIDTH CHO LAYOUT, = WIDTH BODY*/
}

#footer{
    position:relative;
    bottom:0;
    z-index:2;
    width:100%;
    clear:both; 		/*không đổi*/
    
    border-top:solid 5px #dbdbdb;
    padding-top:20px;
    height:60px;
}
/* We have to set the z-index of the real content to 2 to bring it back on top of the columns. As the actual 
content is not positionned absolutelly, the footer still behave normally and is pushed down by it. */
            
#content { /*center, do not change anything*/
	float:left;
    width:100%;
    margin-right:-100%;
    position:relative;
    z-index:2;
    height:100%;
}
.column {
    float:left;	
    
    padding:0 0 10px; /*SET PADDING BOTTOM = HEIGHT FOOTER + PADDING MONG MUỐN*/
}
/* -- compensating the padding on sidebars -- multiply the padding of columns by 2, and remove
it from the width of each sidebar. */
            
#left{
	position:relative;
    z-index:2;

    width:186px;		/*SET WIDTH CỦA LEFT = WIDTH(.LEFT) - [PADDING + MARGIN + (BORDER WIDTH x 2)] nếu có */
    margin:0;
}    
#right{
	position:relative;
    z-index:2;
    
	width:186px;		/* SET WIDTH CỦA RIGHT = WIDTH(.RIGHT) - [PADDING + MARGIN + (BORDER WIDTH x 2)] nếu có */

}   
            
/* You can easily change the layout proportions by just changing the matching values. For example,
to have a 100px left sidebar, I just have to change all the 220 to 100 (and the -220 to -100).*/
            
#content-inner {
	float:none;
	min-height:100%;
	
    margin-left: 0px;   /* SET LEFT Sidebar width, = WIDTH TRONG .LEFT + MARGIN (nếu có) 190 +5 */
    margin-right: 186px;  /* SET RIGHT Sidebar width, = WIDTH TRONG .RIGHT + MARGIN (nếu có) 220 + 5 */
 /*  	border:1px orange solid;*/
	padding-left:11px;
	padding-right:11px;

}   
#content-inner1
{
    float:none;
	min-height:100%;
	
    margin-left: 186px;   /* SET LEFT Sidebar width, = WIDTH TRONG .LEFT + MARGIN (nếu có) 190 +5 */
    margin-right: 0;  /* SET RIGHT Sidebar width, = WIDTH TRONG .RIGHT + MARGIN (nếu có) 220 + 5 */
 /*  	border:1px orange solid;*/
}                    
.left {
	width: 186px;         /* LEFT Sidebar width, CỘNG CẢ PADDING, MARGIN VÀ BORDER CỦA LEFT COL */
    /*margin-right:-195px;   LEFT Sidebar width, = WIDTH .LEFT */
}                       
.right{                 
	float:right;          
	width: 186px;         /* RIGHT Sidebar width, CỘNG CẢ PADDING, MARGIN VÀ BORDER CỦA RIGHT COL */
}
            
/* Equal Height Columns 
________________________________*/
            
/* The columns are created using empty DIV that have to be inside the main wrapper (#page) and should be 
positionned relative. Each DIV have the same width as its corresponding columns (done by using class), and by 
postionning them absolutelly (bottom) and giving them a height of 100%, the DIVs fill the entire space that the 
columns should fill.*/
            
.bg{/*do not change anything*/
	position:absolute;
    bottom:0;
    height:100%;
}
#bgleft{
	left:0;
	
	background-color:#d7ecff; /*SET BG COLOR CHO LEFT COLUMN*/
}
#bgright{
	right:0;
	
	background-color:#fff2d7; /*SET BG COLOR CHO RIGHT COLUMN*/
}
#bgcenter{
	right:0;
    width:100%;
    
/*    background-color:#969; SET BG COLOR CHO CENTER*/
}
/***************************************
.top-menu ul{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	
	height:32px;
	background-repeat:repeat-x;
}
.top-menu li{
	padding:0;	
	margin:0;
	display:inline;
	display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;   
     
    font-size:14px;
    font-weight:bold;	
    text-align:center;
}
******************border cong***********************/
.border{
	padding:0;
	background-color:#FDF;
	margin:0;
}
p{
	padding:0 10px;
	margin:0;
}
.border1{
	text-align:right;
	background:#fdf url('images/p1botleft.gif') left bottom no-repeat;
}
.border2{
	text-align:left;
	background:#fdf url('images/p1topleft.gif') right top no-repeat;
}
h2{
	margin:0;
	padding:0;
	background:#fdf url('images/p2toprt.gif') top right no-repeat;
	font-size:11px
}
/**************************contact & about us***************************/
.contact-tbox
{
    width:250px;
    margin-left:10px;
}
.required
{
    background-color:#fbe0b3;
}
.aboutus
{
    padding:0 5px 10px 5px;
    line-height:1.6em;
    text-align:justify;
    margin-left:5px;
    margin-top:5px;
}
/*************************header**********************************/
.top-menu
{
	height:53px;
	float:left;
	width: 100%;
}
.top-menu ul
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	
	height:53px;
}
.top-menu li
{
	padding:0;	
	margin:0;
	display:inline;
	display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;   
     
    font-size:12px;
    text-align:center;
}
.top-menu li a
{
	padding:0;	
	margin:0;
	display:inline;
	display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;   
     
      background-image:url('images/bg-menu.gif');
      background-repeat:repeat-x;
      padding: 16px 13px 0 13px;
      height:37px;
      margin-right:1px;
}
.top-menu li a:visited
{
	padding:0;	
	margin:0;
	display:inline;
	display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;   
     
      background-image:url('images/bg-menu.gif');
      background-repeat:repeat-x;
      padding: 16px 13px 0 13px;
      height:37px;
      margin-right:1px;
}
.top-menu li a:hover
{
	padding:0;	
	margin:0;
	display:inline;
	display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;   
     
      background-image:url('images/bg-menuhover.gif');
      background-repeat:repeat-x;
      padding: 16px 13px 0 13px;
      height:37px;
      margin-right:1px;
      text-decoration:none;
}
.top-menu li a:focus
{
	padding:0;	
	margin:0;
	display:inline;
	display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;   
     
      background-image:url('images/bg-menuhover.gif');
      background-repeat:repeat-x;
      padding: 16px 13px 0 13px;
      height:37px;
      margin-right:1px;
      text-decoration:none;
}
.top-menu li a:active
{
	padding:0;	
	margin:0;
	display:inline;
	display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;   
     
      background-image:url('images/bg-menuhover.gif');
      background-repeat:repeat-x;
      padding: 16px 13px 0 13px;
      height:37px;
      margin-right:1px;
      text-decoration:none;
}

.footer-left
{
	color:#514f4f;
	line-height:1.5em;
	float:left;
}
.footer-right
{
	 float:right;
	 color:#514f4f;
}
.footer-right a
{
	color:#514f4f;
	padding:10px;
}
/**********************************************************/
.bg-col
{
	background-color:#e4e6e0;
	padding:5px;
	margin-bottom:10px;
}
.bg-col h1
{
	font-size:14px;
	text-align:center;
	line-height:2.5em;
	color:#292929;
}
.bg-col ul
{
	margin:0;
	padding:0;
	list-style:none;
	
	display:block;
	background-color:#ffffff;
	border:solid 1px #dcdcdc;
	padding:10px;
}
.bg-col li
{
	padding:0;	
	margin:0;
	display:block;
	border-bottom:dotted 1px #c3c3c3;
}
.bg-col li a
{
	display:block;
	font-style:italic;
	line-height:1.5em;
}
.bg-col li a:visited
{
	display:block;
	font-style:italic;
	line-height:1.5em;
}
.bg-col li a:hover
{
	display:block;
	font-style:italic;
	line-height:1.5em;
	color:#ff6d00;
	text-decoration:none;
}
.bg-col li a:focus
{
	display:block;
	font-style:italic;
	line-height:1.5em;
	color:#ff6d00;
	text-decoration:none;
}
.bg-col li a:active
{

	display:block;
	font-style:italic;
	line-height:1.5em;
	color:#e45800;
	text-decoration:none;
}
.bg-col1
{
	background-color:#e4e6e0;
	padding:5px;
	margin-bottom:10px;
}
.bg-col1 h1
{
	font-size:14px;
	text-align:center;
	line-height:2.5em;
	color:#292929;
}
.bg-col1 ul
{
	margin:0;
	padding:0;
	list-style:none;
	
	display:block;
	background-color:#ffffff;
	border:solid 1px #dcdcdc;
	padding:10px;
}
.bg-col1 li
{
	padding:0;	
	margin:0;
	display:block;
	border-bottom:dotted 1px #c3c3c3;
	padding:3px 0px;
}
.bg-col1 li a
{
	display:block;
	line-height:1.5em;
}
.bg-col1 li a:visited
{
	display:block;
	line-height:1.5em;
}
.bg-col1 li a:hover
{
	display:block;
	line-height:1.5em;
	color:#ff6d00;
	text-decoration:none;
}
.bg-col1 li a:focus
{
	display:block;
	line-height:1.5em;
	color:#ff6d00;
	text-decoration:none;
}
.bg-col1 li a:active
{

	display:block;
	line-height:1.5em;
	color:#e45800;
	text-decoration:none;
}
.danhmucsanpham
{
	margin-bottom:10px;
}
.danhmucsanpham ul
{
	margin:0;
	padding:0;
	list-style:none;
	display:block;
	padding:5px;
}
.danhmucsanpham li
{
	padding:0;	
	margin:0;
	display:block;
	padding:3px;
}
.danhmucsanpham li img
{
	margin-right:10px;
}
.danhmucsanpham li a
{
	display:block;
	font-weight:bold;
	color:#32302f;
}
.danhmucsanpham li a:visited
{
	display:block;
	font-weight:bold;
	color:#32302f;
}
.danhmucsanpham li a:hover
{
	display:block;
	font-weight:bold;
	color:#ff6d00;
	text-decoration:none;
}
.danhmucsanpham li a:focus
{
	display:block;
	font-weight:bold;
	color:#ff6d00;
	text-decoration:none;
}
.danhmucsanpham li a:active
{
	display:block;
	font-weight:bold;
	color:#ff6d00;
	text-decoration:none;
}
.support ul
{
	display:block;
	margin-bottom:10px;
	list-style:none;
}
.support li
{
	display:block;
	border-bottom:dotted 1px #c3c3c3;
	padding:7px 0px;
}
.bg-khuyenmai
{
	background-image:url('images/bg-khuyenmai.gif');
	background-repeat:no-repeat;
	height:115px;
	padding-top:7px;
	padding-left:19px;
	margin-bottom:10px;
}
.view
{
	background-color:#dbdbdb;
	padding:5px;
	display:block;
	height:25px;
	width:556px;
	margin-bottom:10px;
}
.viewgirid
{
	background-color:#ffffff;
	padding:5px;
	width:170px;
	float:left;
}
.btn-viewgirid a
{
	background-image:url('images/grid.gif');
	background-repeat:no-repeat;
	padding-left:17px;
	margin-right:20px;
	float:left;
	font-size:11px;
}
.btn-viewgirid a:hover
{
	background-image:url('images/grid.gif');
	background-repeat:no-repeat;
	padding-left:17px;
	margin-right:20px;
	float:left;
	font-size:11px;
	text-decoration:none;
	color:#ff6b00;
}
.btn-print a
{
	background-image:url('images/print.gif');
	background-repeat:no-repeat;
	padding-left:17px;
	font-size:11px;
}
.btn-print a:hover
{
	background-image:url('images/print.gif');
	background-repeat:no-repeat;
	padding-left:17px;
	font-size:11px;
	text-decoration:none;
	color:#ff6b00;
}
.btn-go a
{
	background-image:url('images/bg-go.gif');
	background-repeat:no-repeat;
	height:18px;
	padding-top:3px;
	text-align:center;
	float:right;
	color:#ff6b00;
	font-weight:bold;
	width:36px;
	margin-left:10px;
}
.btn-go a:hover
{
	background-image:url('images/bg-go.gif');
	background-repeat:no-repeat;
	height:18px;
	padding-top:3px;
	text-align:center;
	float:right;
	color:#000000;
	font-weight:bold;
	width:36px;
	margin-left:10px;
	text-decoration:none;
}
.paging
{
	/*clear:left;*/
	display:block;
	margin-bottom:10px;
}
.paging a
{
	padding:5px;
}
.paging a:visited
{
	padding:5px;
}
.paging a:focus
{
	padding:5px;
	color:#ff6b00;
	text-decoration:none;
}
.paging a:hover
{
	padding:5px;
	color:#ff6b00;
	text-decoration:none;
}
.paging a:active
{
	padding:5px;
	color:#ff6b00;
	text-decoration:none;
}
.bg-sp
{
	 background-image:url('images/bg-line-sp.gif');
	 background-repeat:repeat-y;
	 width:566px;
}
.bg-sp td
{
	vertical-align:top;
}
.bg-sp span
{
	display:block;
	margin-top:10px;
}
.bg-rating
{
	background-image:url('images/bg-bottom-sp.gif');
	background-repeat:no-repeat;
	height:23px;
	padding-top:5px;
	padding-left:30px;
	width:536px;
	font-size:11px;
}
.btn-addprice a
{
	background-image:url('images/addprice.gif');
	background-repeat:no-repeat;
	padding-left:16px;
	color:#575656;
	margin:0 15px;
}
.rating
{
	margin-right:15px;
	color:#575656;
}
.email a
{
	background-image:url('images/email.gif');
	background-repeat:no-repeat;
	background-position:left inherit;
	padding-left:18px;
	color:#575656;
	margin:0 15px;
}
.img-sp
{
	width:117px;
	height:104px;
	margin:0 10px 10px 10px;
}
.h1 a
{
	font-size:14px;
	color:#ff6b00;
	margin-bottom:5px;
	display:block;
}
.h1 a:hover
{
	font-size:14px;
	color:#b1b1b1;
	margin-bottom:5px;
	display:block;
	text-decoration:none;
}
.h2
{
	color:#488308;
	font-size:14px;
	display:block;
	margin:10px 0;
	background-color:Transparent;
}
.btn-dathang a
{
	background-image:url('images/bg-dathang.gif');
	background-repeat:no-repeat;
	height:18px;
	padding-top:4px;
	padding-left:25px;
	width:71px;
	color:#ffffff;
	float:right;
	text-align:left;
	text-decoration:none;
}
.btn-dathang a:hover
{
	background-image:url('images/bg-dathang-hover.gif');
	background-repeat:no-repeat;
	height:18px;
	padding-top:4px;
	padding-left:25px;
	width:71px;
	color:#ffffff;
	float:right;
	text-align:left;
	text-decoration:none;
}
.bg-col2
{
	background-color: #e4e6e0;
	padding: 5px;
	margin-bottom: 10px;
}
.bg-col2 h1
{
	font-size: 14px;
	text-align: center;
	line-height: 2.5em;
	color: #292929;
}
.boder
{
	border: solid 1px #dcdcdc;
	background-color: #ffffff;
	padding: 7px;
	color:#363636;
}
.bg-col2 ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	margin-bottom:8px;
}
.bg-col2 li
{
	padding: 0;
	margin: 0;
	display: block;
	padding: 2px 0px 2px 17px;
}
.bg-col2 li a
{
	background:url('images/check.gif') left center no-repeat;
	padding-left:15px;
	text-decoration:none;
	color:#595959;
}
.bg-col2 li a:hover
{
	background:url('images/check-hover.gif') left center no-repeat;
	padding-left:15px;
	text-decoration:none;
	color:#595959;
}
.bg-col2 ul span
{
	font-weight: bold;
	padding-left: 17px;
	background: url( 'images/icon-4.gif' ) left center no-repeat;
	text-decoration:none;
	color: #ff6d00;
}
.bg-col2 ul span:hover
{
	background: url( 'images/icon-4-hover.gif' ) left center no-repeat;
	color: #ff6d00; 
	text-decoration:none;
}
.title
{
	background-color:#ff6600;
	padding:5px;
	color:#ffffff;
	margin-bottom:10px;
}
.title a
{
	color:#ffffff;
	padding: 0 10px;
	font-weight:bold;
}
.about
{
	padding:0 10px;
	text-align:justify;
	line-height:1.5em;
	
}
.daily
{
	border-bottom:dotted 1px #9a9a9a;
	margin: 0 10px;
	padding:10px 0;
	line-height:1.5em;
}
.tin
{
	border-bottom:dotted 1px #9a9a9a;
	margin: 0 10px;
	padding:10px 0;
	line-height:1.5em;
	min-height:106px;
}
.img-tin
{
	width:134px;
	height:106px;
	float:left;
	margin-right:10px;
}
.margin-top10px
{
	margin-top:10px;
}
.bg-1
{
	background:url('images/bg-top-sp.gif') no-repeat top left;
	padding-top:17px;
}
.bg-2
{
	background:url('images/bg-bottom.gif') no-repeat bottom left;
	padding-bottom:15px;
}
.bg-3
{
	 background-image:url('images/bg-line-sp.gif');
	 background-repeat:repeat-y;
	 text-align:justify;
	 line-height:1.5em;
	 padding:5px 15px;
}
.bg-4
{
	 background-image:url('images/bg-line-sp.gif');
	 background-repeat:repeat-y;
	 line-height:1.5em;
}
.tinkhac
{
	padding:15px;
}
.tinkhac h1
{
	font-size:16px;
	color:#ff6600;
	line-height:2.5em;
}
.tinkhac ul
{
	list-style: none;
	display: block;
	margin-bottom:10px;
}
.tinkhac li a
{
	margin-left:15px;
	display: block;
	padding-bottom:5px;
	color:#545454;
	text-decoration:none;
}
.tinkhac li a:hover
{
	padding-bottom:5px;
	color:#ff6600;
	text-decoration:none;
}
.text-right
{
	text-align:right;
}
.text-center
{
	text-align:center;
}
.btn-send a
{
	background-image:url('images/bg-send.gif');
	background-repeat:no-repeat;
	height:20px;
	padding-top:2px;
	padding-left:25px;
	width:49px;
	color:#ffffff;
	float:left;
	text-align:left;
	text-decoration:none;
	margin-right:10px;
}
.btn-send a:hover
{
	background-image:url('images/bg-send-hover.gif');
	background-repeat:no-repeat;
	height:20px;
	padding-top:2px;
	padding-left:25px;
	width:49px;
	color:#ffffff;
	float:left;
	text-align:left;
	text-decoration:none;
	margin-right:10px;
}
.tuyendung
{
	border:solid 1px #c9c9c9;
	width:100%;
	margin-bottom:15px;
}
.tuyendung td
{
	padding:10px;
}
.tuyendung a
{
	color:#ff6600;
	font-weight:bold;
}
.boder-b
{
	border-bottom:solid 1px #c9c9c9;
}
.boder-r
{
	border-right:solid 1px #c9c9c9;
}
.boder-t
{
	border-right:solid 1px #ffffff;
}
.btn-search a
{
	background-image:url('images/btn-download.gif');
	background-repeat:no-repeat;
	height:18px;
	width:60px;
	padding-top:3px;
	text-align:center;
	float:right;
	text-decoration:none;
	color:#ff6600;
	margin-left:10px;
}
.btn-search a:hover
{
	background-image:url('images/btn-download.gif');
	background-repeat:no-repeat;
	height:18px;
	width:60px;
	padding-top:3px;
	text-align:center;
	float:right;
	text-decoration:none;
	color:#353535;
	margin-left:10px;
}
.td
{
	padding:10px;
	border-bottom:dotted 1px #979696;
}
.bg-menu-sp
{
	background:url('images/bg-top-sp1.gif') no-repeat bottom left;
	width:546px;
	height:50px;
	padding-left:20px;
	margin-top:20px;
}
.bg-menu-sp a
{
	background:url('images/tab-left.gif') no-repeat scroll bottom right;
	padding-right:15px;
	margin-right:2px;
	height:34px;
	float:left;
	text-decoration:none;
	font-weight:bold;
}
.bg-menu-sp a:hover
{
	background:url('images/tab-left.gif') no-repeat scroll top right;
	padding-right:15px;
	margin-right:2px;
	height:34px;
	float:left;
}
.bg-menu-sp a span
{
	background:url('images/tab-right.gif') no-repeat bottom left;
	padding:10px 0px 0 15px;
	height:24px;
	float:left;
	font-weight:bold;
	color:#707070;
}
.bg-menu-sp a span:hover
{
	background:url('images/tab-right.gif') no-repeat top left;
	padding:10px 0px 0 15px;
	height:24px;
	float:left;
	font-weight:bold;
	color:#000000;
}
.sp-gird
{
	background-image:url('images/center-gird.gif');
	background-repeat:repeat-y;
	padding:0 10px;
	width:278px;
}
.sp-gird td
{
	vertical-align:top;
}
.table1
{
	float:left;
	width:278px;
	margin-bottom:10px;
}
.sendmail
{
	background-image:url('images/bottom-gird.gif');
	background-repeat:no-repeat;
	width:258px;
	height:23px;
	padding-top:5px;
	padding-left:20px;
}
.margin-right10
{
	margin-right:10px;
}