*{
	margin: 0;
}
body{
	margin: 0 auto;
	font-family: Arial, sans-serif;
	font-size: 12px;
	background:#C1C1C1;
}
a{text-decoration:none; color: #303030; font-size: 12px; font-weight: bold; }
a:hover {color: #0066CB;}
p{font-size: 12px;}
ul
{
    list-style:none;
    display:block;
}
img{ border: none;}
#body {
	width: 100%;
	margin: 0 auto;
	background:url(/images/bg.jpg) #dcdcdc repeat-x left top;
	float: left;
}

/******* Main *********/
/******* Header *********/
#header{
	width: 100%;
	margin: 0 auto;
	float: left;
}

#header  div#gb_logo {
	width: 1000px;
	margin: 0 auto;
}

#header  div.logo {
	float: left;
	width: 980px;
	height: 100px; 
	padding: 5px 10px 0 10px;
	position: relative;
}

#header  div.logo img{
	float: left;
	height: 100px;
}
#top-nav {
	width: 100%;
	margin: 0 auto;
	float: left;
	height: 76px;
	background:url(/images/bg_nav.jpg) #dcdcdc repeat-x left top;
}

#top-nav .bg_new {
	width: 100%;
	margin: 0 auto;
	float: left;
	height: 36px;
	line-height: 36px;
	background: #fff;
}

#header #search {
	position: absolute;
	top: 148px;
	right: -100px;
	width: 235px;
	height: 19px;
	padding: 5px 0 5px 10px;
	background: url(/images/bg_search.png) no-repeat left top;
}
#header #search input#keywords {
	float: left;
	width: 195px;
	height: 15px;
	padding: 2px 0;
	background: none;
	border: none;
	height: 16px; 
	color: #197c1f;
}

#header #search input#btn_search {
	float: left;
	width: 32px;
	height: 24px;
	background: none;
	border: none;
	cursor: pointer;
}
#wrapper {
	width: 100%;
	margin: 0 auto;
	background: url(/images/bg_main1.png) repeat-x left top;
	float: left;
	padding-top: 10px;
}
#menu {
	width: 1200px;
	margin: 0 auto;
	height: 34px;
}
/*******End Header *********/

/******* Wrapper *********/
#main {
	width: 1250px;
	margin: 0 auto;
}
#bg_main {
    width: 1190px;
    background: #fff;
    border-radius: 6px;
    padding: 5px;
    margin: 0 auto;
}
#main #slide {
    width: 650px;
    float: left;
    border: 2px solid #0066CB;
    padding: 2px;
    margin: 2px 0 10px 0;
}


#main #content {
	width: 660px;
	float: left;
	background: #ffffff;
	padding-top: 5px;
}

#category_product {
	float: left;
	width: 100%;
	padding: 0 0 10px 0;
}



#category_product .header {
    float: left;
    width: 100%;
    padding: 0 0 0 30px;
    line-height: 32px;
    height: 33px;
    background: url(/images/main_head.png) no-repeat -1px -1px;
    box-sizing: border-box;
	    background-size: 100% 100%;
}

#category_product div.head .header {
	float: left;
	width: 100%;
	padding: 0 0 0 30px;
	line-height: 33px;
	height: 33px;
	background: url(/images/main_head1.png) no-repeat -1px -1px;
 box-sizing: border-box;
    background-size: 100% 100%;
}

#category_product div.head .header a{
	color: #fff;
}
#category_product div.head .header font{
	color: #fff;
}

#category_product .header  h2 a{
	float: left;
	color: #fff;
	text-transform: uppercase;
}



#category_product ul.products {
    float: left;
    width: 100%;
    border: 1px solid #d8d5d5;
    border-top: none;
    padding: 10px 0;
    box-sizing: border-box;
}


#category_product ul.products li.product {
    float: left;
    width: 209px;
    padding: 5px;
    height: 195px;
}



#category_product ul.products li.product a.tooltip {
    float: left;
    width: 100%;
	box-sizing:border-box;
}




#category_product ul.products li.product a.tooltip img{
    float: left;
    width: 100%;
    height: 135px;
    border: 1px solid #d8d5d5;
}




#category_product ul.products li.product h3 {
    float: left;
    width: 100%;
    padding: 5px;
    text-align: center;
    box-sizing: border-box;
}


#category_product ul.products li.product div.price {
    float: left;
    width: 100%;
    padding: 5px;
    text-align: center;
    box-sizing: border-box;
}
#r_tin_content1{
	width:250px !important;
	overflow:hidden;
}


div.cart a {
    float: left;
    width: 120px;
    text-align: center;
    height: 26px;
    line-height: 26px;
    background: #0066CB;
    color: #fff;
}




#new_main {
	width: 540px;
	float: left;
	margin-top: 10px;
	padding: 10px 8px 10px 8px;
	border: 2px solid #0066CB;
}

#new_main  #news{
	float: left; 
	width: 270px;  
	padding-bottom: 20px;
}

#new_main #news h2.header  {
	width: 265px;
	float: left;
	color: #303030;
	line-height: 25px;
	height: 25px;
	font-size: 14px;
	padding-bottom: 6px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
#new_main  #news h2.header a {
	float: left;
	width: 220px;
	color: #303030;
	font-size: 12px;
	padding-left: 50px;
	text-transform: uppercase;
	line-height: 32px;
	height: 25px;
}



#new_main   #news .new {
	float: left;
	width: 255px;
	border-bottom: 1px dotted #4c4c4c;
	padding-bottom: 10px;
}

#new_main   #news .new .img{
	float: left;
	width: 140px;
}
#new_main #news .new .img img{
	width: 125px; 
	height: 85px; 
	border: 1px #dddddd solid; 
	padding: 2px; 
	background: white;
}

#new_main #news .new p.content {
	text-align: justify;
	
}

#new_main #news .new p.content  a{
	float: left;
	width: 115px; 
	padding-bottom: 6px; 
	color: #007102;
	
}

#new_main #news .new p.content  a:hover {
	color: #303030;
	
}


#new_main   #news div.news {
	float: left;
	width: 235px;
	padding: 8px 0 0 15px;
	background: url(/images/ico.png)  no-repeat left 14px;
}
#new_main   #news div.news  a{
	color: #4c4c4c;
}
#new_main   #news div.news  a{
	color: #4c4c4c;
}
/*******End Main *********/
/******* Left *********/
	#right{
		float: left;
		width: 250px;
		padding: 5px 5px 0 10px;
		background: #ffffff;
	}
/*******End  Right *********/
/******* Left *********/
#left {
	float: left;
	width: 250px;
	padding: 5px 10px 0 5px;
	background: #ffffff;
}
#menu_left {
	float: left;
	width: 250px;
	padding: 0px 0 10px 0;
	background: url(/images/bg_left_top.png) no-repeat left top;
}

#menu_left .head  {
	float: left;
	width: 250px;
	background: url(/images/bg_left_main.png) repeat-y left top;
}

#menu_left  h2.head span {
	float: left;
	width: 250px;
	color: #fff;
	font-size: 12px;
	line-height: 36px;
	text-align: center;
	text-transform: uppercase;
	background: url(/images/bg_head_left.png) no-repeat left top;
}

#menu_left .head h2 a span:hover {
	text-decoration: underline;
}

#menu_left ul  {
	float: left;
	width: 250px;
	padding: 0;
	
}	
#menu_left ul.main  {
	float: left;
	width: 190px;
	padding: 0 5px;
	background: url(/images/bg_left_main.png) repeat-y left top;
}

#menu_left ul#menu_bar li {
	float: left;
    width: 240px;
	padding: 0;
	
}

#menu_left ul#menu_bar li a {
	float: left;
	width: 240px;
	padding: 0; 
	border-bottom: 1px solid #e0e0e0;
}

#menu_left ul#menu_bar li a span {
	float: left;
	width: 100%;
	padding: 8px 5px 8px 22px;
	color: #303030;
	background: url(/images/iconb.png) no-repeat 2px 10px;
}

#menu_left ul#menu_bar li li a span {
	background: url(/images/icon.png) no-repeat 2px 10px;
}


#menu_left ul#menu_bar li a span:hover {
	color: #0066CB;
}

#menu_left ul#menu_bar li  li a span:hover {
	color: #0066CB;
	background: url(/images/icon1.png) no-repeat 2px 10px;
}


#menu_left ul#menu_bar li li a span {
    float: left;
    width: 100%;
    padding: 6px 5px 6px 30px;
    color: #303030;
    font-weight: normal;
    background: url(/images/icon.png) no-repeat 18px 10px;
    box-sizing: border-box;
}

#menu_left ul#menu_bar li li a span:hover {
	color: red;
	background: url(/images/icon1.png) no-repeat 18px 10px;
}


#menu_left div.bottom  {
	float: left;
	width: 250px;
	height: 3px;
	background: url(/images/bg_left_bottom.png) no-repeat left bottom;
    background-size: 100% 100%;
}



#menu_left ul.links li  {
    float: left;
    width: 96%;
    text-align: center;
    padding: 0;
    height: 125px;
    box-sizing: border-box;
}

#menu_left ul.links li img {
	width: 100%;
	height: auto;
}

/*******End Right *********/


#menu_left {
	float: left;
	width: 250px;
	padding: 0px 0 10px 0;
	background: url(/images/bg_left_top.png) no-repeat left top;
}

#menu_left .head  {
	float: left;
	width: 250px;
	background: url(/images/bg_left_main.png) repeat-y left top;
	background-size:100% 100%;
}

#menu_left  h2.head span {
	float: left;
	width: 250px;
	color: #fff;
	font-size: 12px;
	line-height: 36px;
	text-align: center;
	text-transform: uppercase;
	background: url(/images/bg_head_left.png) no-repeat left top;
    background-size: 100% 100%;
}

#menu_left .head h2 a span:hover {
	text-decoration: underline;
}

#menu_left ul  {
	float: left;
	width: 250px;
	padding: 0;
	
}	

#menu_left ul  li.l{
	position:relative;z-index:999;
}
#menu_left ul#menu_bar  li ul{
    position: absolute;
    left: 244px;
    top: 0;
    background-color: #f3f3f3;
    display: none;
}
#menu_left ul#menu_bar  li:hover ul{display:block !important}
#menu_left ul.main  {
    float: left;
    width: 250px;
    padding: 0;
    background: url(/images/bg_left_main.png) repeat-y left top;
    background-size: 100% 100%;
    box-sizing: border-box;
}

#menu_left ul#menu_bar1 li {
	float: left;
	width: 240px;
	padding: 0;
	
}

#menu_left ul#menu_bar1 li a {
	float: left;
	width: 240px;
	padding: 0;
	border-bottom: 1px solid #e0e0e0;
}

#menu_left ul#menu_bar1 li a span {
    float: right;
    width: calc( 100% - 65px);
    padding: 5px;
    color: #303030;
    box-sizing: border-box;
    line-height: 24px;
}

#menu_left ul#menu_bar1 li li a span {
	background: url(/images/icon.png) no-repeat 2px 10px;
}


#menu_left ul#menu_bar1 li a span:hover {
	color: #0066CB;
}

#menu_left ul#menu_bar1 li  li :hover a span {
	color: #0066CB;
	background: url(/images/icon1.png) no-repeat 2px 10px;
}


#menu_left ul#menu_bar1 li li a span {
    text-align: right;
    float: left;
    width: auto;
    padding: 5px 10px;
    padding-left: 19px;
    color: #303030;
    font-weight: normal;
    box-sizing: border-box;
    background: url(/images/arrow-r.png) no-repeat center left 7px;
}

#menu_left ul#menu_bar1 li li:hover a span{
	color: red;
    background: url(/images/icon1.png) no-repeat center left 7px;
}



/********** End Style ***********/
#footer{
	width: 100%;
	float: left;	
	padding: 10px 0;
	color: #535352;
	line-height: 20px;
	clear: both;
}
#footer #bottom{
	width: 100%;
	margin: 0 auto;
}

#footer #menu ul
{

	float: left;
	width: 100%;
	padding: 0;
	
}

#footer #menu li
{
	float: left;
	line-height: 30px;
	font-weight: bold;
}

#footer #menu li a
{
	float: left;
}

#footer #menu li a span
{
	float: left;
	padding: 0 20px;
	line-height: 30px;
	text-transform:uppercase;
}

#footer #menu li a span:hover 
{
}

#footer p, #footer b{
	color: #535352;
	font-size: 12px;
	font-weight: bold;

}
#footer  h2{
	color: #ad8121;
	font-size: 12px;
	font-weight: bold;
}
#pt{
 float: right;
 clear:both;
 padding: 10px 20px 10px 0;
 font-size: 12px;
 width: 670px;
 }

 #pt p{
	width: 380px;
	margin: 0;
	float: right;
 }
 #pt a{
	margin-left: 2px;
	border: 1px solid #C6C6C6;
 }
 
 
 
 /*** Tooltip ***/
#tooltip{
	background:#FFFFFF;
	border:1px #CCCCCC solid;
	border-radius:0.5em;
	-moz-border-radius:0.5em;
	padding: 6px ;
	position:absolute;
	z-index:3000;
}
#tooltip.tooltip_content .title{
	color:#e97d13;
	font-size:14px;
	font-weight:bold;
	overflow:hidden;
	margin-bottom:10px;
	text-align:center;
}
#tooltip.tooltip_content .content, #tooltip.tooltip_content .content *{
	line-height:150%;
}
#tooltip.tooltip_picture .name{
	color:#e97d13;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}
#tooltip.tooltip_picture .price_product{
	margin-bottom:5px;
}
#tooltip.tooltip_picture .picture{
	text-align:center;
}
#tooltip.tooltip_product .margin{
	margin-bottom:5px;
}
#tooltip.tooltip_product .city b{
	color:#003399;
	font-weight:normal;
}
#tooltip.tooltip_product .city .suggest{
	color:#FF0000;
	font-family:Tahoma;
}
#tooltip.tooltip_product .quality b{
	color:#003399;
}
#tooltip.tooltip_product .company{
	color:#003399;
	margin-bottom:5px;
}
#tooltip.tooltip_product .estore{
	color:#003399;
}
#tooltip.tooltip_product .teaser{
	font-size:11px;
}
#tooltip.tooltip_review .picture, #tooltip.tooltip_product .picture, #tooltip.tooltip_product .picture_only{
	text-align:center;
}
#tooltip.tooltip_review .name, #tooltip.tooltip_product .name{
	color:#e97d13;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}
#tooltip.tooltip_review .picture, #tooltip.tooltip_product .picture{
	margin-bottom:10px;
}

#tooltip.tooltip_review .picture img, #tooltip.tooltip_product .picture img{
	width: 300px !important;
}
#tooltip.tooltip_review .price_product, #tooltip.tooltip_product .price_product{
	margin-bottom:3px;
}

#da_mua a{
	color:red;
	}	
#xem {
    background-image: url("/images/tt.png");
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    font-weight: bold;
    padding: 10px 10px 10px 40px;
    

}
#xem_chitiet {
    background-image: url("/images/carticon2.png");
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    font-weight: bold;
    padding: 10px 10px 10px 40px;

}


/*shopping-cart*/

#da_mua {
    background-image: url("/images/cart1.png");
    background-position: left center;
    background-repeat: no-repeat;
    color: red;
    font-weight: bold;
    padding: 10px 10px 10px 40px;
	
}
.carticon {
     background-image: url("/images/cart1.png");
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 10px;
    text-align: center;
    padding-left: 21px;
    color: #006699;
    font-weight: bold;
	
}
.gohome{
    background-image: url("/images/back.png");
    color: #006699;
    display: inline-block;
    font-weight: bold;
    padding: 10px 10px 10px 21px;
    background-position: center left;
    background-repeat: no-repeat;
}



.tt {
    background-image: url("/images/tt.png");
    background-position: left center;
    background-repeat: no-repeat;
    color: #006699 ;
    display: inline-block;
    font-weight: bold;
    padding: 10px 10px 10px 31px;
    text-align: center;

}
.tt:hover,#xem_chitiet a:hover,#xem a:hover
{
    color:red;
}
#xem_chitiet a,#xem a
{
    color:#006699;
}
#xem a:hover{
	color:red;
	}
	
#t_toan {
    background-image: url("/images/brie.png");
    background-position: left center;
    background-repeat: no-repeat;
    color: red;
    font-weight: bold;
    padding: 10px 10px 10px 40px;

}
#t_toan a{
	
	}

#t_toan a:hover{
	color:red;
	}
.hotro-x li{
    width: 100%;
    background: url(/images/htro.png) no-repeat center left 10px;
    text-align: left;
    padding-left: 29px;
    padding: 10px 0;
    border-bottom: 1px dotted #cdcdcd;
}
.tieude-tin{
    WIDTH: 100%;
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #f7f7f7;
    border: 1px solid #cdcdcd;
    overflow: hidden;
    padding: 10px;
    margin-bottom: 6px;
    margin-top: 10px;
}
.noidungtin a{
    font-weight: normal;
    padding-left: 10px;
}
#menu_left #menu_bar1 li ul{
	position:absolute;
	right:239px;
	top:0;
    background-color: #f3f3f3;
    display: none;
}
#menu_left #menu_bar1 li:hover ul{display:block;}
#menu_left #menu_bar1 li img{
    height: 35px;
    float: left;
    padding: 5px;
    max-width: 70px;
    box-sizing: border-box;
}
.mxh li{
    float: left;
    padding-right: 10px;
    padding-top: 10px;
}
.mxh li img{
	height:30px; 
}
li.bando-maps {
    width: 100%;
    float: left;
    list-style: none;
    margin: 5px 0;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #cdcdcd;
    box-sizing: border-box;
    box-shadow: 1px 1px 5px #cdcdcd;
    border-radius: 5px;
}
 .footer-4 {
}
.footer-4 div img {
float: right;
    width: 348px;
    height: 200px!important;
    padding-left: 15px;
}
.l-m{
	width:35%;float:left;
}
#footer .bando-maps .l-m  p{
	font-weight:normal;
}
#footer .bando-maps .l-m  p.tieude{
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold;
}
#footer .bando-maps .l-m  a{
    color: #0066CB;
    cursor: pointer;
    margin-top: 10px;
    display: block;
}


.r-m{width:65%;float:left;}