/* CSS Document */

@media screen {
* {
	margin: 0;
	padding: 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, tt, var, dl, dd, dt, ol, ul, li fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	font-family: inherit;
	vertical-align: baseline;
}
ul, ol {
	list-style: none;
}
article, aside, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
.group:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.group {
	display: inline-block;
	clear: both;
}
* html .group {
	height: 1%;
}
.group {
	display: block;
}
body {
	font: 14px/2 "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #62bb47;
}
h1, h2, h3, h4, h5 {
}
a img {
	border: 0;
}
a {
	/* color: #48a12d; */
	text-decoration: none;
}
.zoomer.active {
	top: 0;
}
/* ===================================================================*/
.left {
	float: left;
}
.right {
	float: right;
}
.indent {
	margin: 0px 10px;

}
.clear {
	clear: both;
}
#page-wrap {
	width: 1200px;
	margin: 0 auto;
	box-shadow:1px 1px 7px #D7D7D7;
	background-color: white;
}
#header #menu-top {
	background:#E6E6E6;
}
#header #menu-top ul {
	height: 25px;
	width: 100%;
	padding: 5px 0px;
}
#header #menu-top ul li {
	border-right: 2px solid #575757;
	float: left;
}
#header #menu-top ul li:last-child {
	border-right: none;
}
#header #menu-top ul li a {
	color: #000000;
	padding: 0px 17px;
	line-height: 25px;
	font-size: 12px;
	font-weight:bold;
}
#header #menu-top ul li#current a {
	color: #000000;
}
#header #top-container {
	margin: 5px 10px 0px 10px;
}
#header #top-container #logo {
	width: 330px;
	height: 130px;
}
#header #top-container #ads {
	width: 500px;
	margin: 0px 10px;
	height: 130px;
}
#header #top-container #login-cart {
	width: 330px;
}
#header #top-container #login-cart #box-login ul {
	padding: 10px 0px;
	overflow: hidden;
}
#header #top-container #login-cart #box-login ul li {
	border-left: 1px solid #666;
	float: left;
	line-height: 16px;
}
#header #top-container #login-cart #box-login ul li:first-child {
	border: none;
}
#header #top-container #login-cart #box-login ul li:last-child {
	margin-left:20px;
	border: none;
}
#header #top-container #login-cart #box-login ul li:last-child a {
	font-weight: normal;
	color: #999;
}
#header #top-container #login-cart #box-login ul li a {
	font-size: 12px;
	color: #333;
	padding: 5px;
	font-weight: bold;
}
#header #top-container #login-cart #box-login #my-acc {
	width: 273px;
	height: 40px;
	background: url("images/bg_tk_cuatoi.png") no-repeat scroll left top;
	line-height: 40px;
	text-align: center;
}
#header #top-container #login-cart #box-login #my-acc a {
	color: #000;
	font-size: 14px;
	font-weight:bold;
	display: block;
}
#header #top-container #login-cart #box-cart {
	border: 1px solid #333;
	border-bottom: none;
	margin-top: 5px;
}
#header #top-container #login-cart #box-cart ul li {
	padding: 10px 12px 0px 13px;
	float: left;
	border-right: 1px solid #333;
	height: 40px;
}
#header #top-container #login-cart #box-cart ul li:last-child {
	border: none;
}
#header #top-container #login-cart #box-cart #cart img, #header #top-container #login-cart #box-cart #cart h3, #header #top-container #login-cart #box-cart #cart p {
	float: left;
}
#header #top-container #login-cart #box-cart #cart {
	width: 129px;
}
#header #top-container #login-cart #box-cart #cart a {
	background-image: url(images/icon-cart.png);
	padding-left: 40px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
}
#header #top-container #login-cart #box-cart #cart h3 {
	color: red;
	font-weight: bold;
	width: 100%;
	line-height: 18px;
}
#header #top-container #login-cart #box-cart #cart p {
	line-height: 18px;
	color: black;
}
#header #top-container #login-cart #box-cart #cart p span {
	color: rgb(103,195,47);
}
/*===================== top navigation ==================================*/
#header #top-nav {
	background-color: #62bb47;
	height: 30px;
	line-height: 40px;
	
	background-position: top left;
	background-repeat: no-repeat;
	line-height: 35px;
	padding: 2px 0px;
	overflow:hidden;
	border-radius: 8px;
}
#header #top-nav ul li {
	float: left;
}
#header #top-nav ul li a {
	display: block;
	padding: 0px 10px;
	margin: 0px 5px;
	color: rgb(235,235,235);
	font-size: 15px;
	text-transform: uppercase;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	border-radius: 8px;
}
#header #top-nav ul li a:hover {
	background:#ffffff;
	height: 30px;
	color: blue;
}
#header #top-nav ul li.selected a {
	background:#FFFFFF;
	height: 30px;
	color: #F52035
}
#header #top-nav ul li a img {
	margin-top: 3px;
}

/*menu top hover*/
.top-nav-child{
 background-color: #ececec;
 position: absolute;
 left: 85px;
 z-index: 999;
 display: none;
}
.top-nav-child a{
 color: #000!important;
}

.top-nav-child a{
 background: none!important;
 height: auto!important;
}
.top-nav-child a p{
 margin-left: 10px;
 line-height: 20px;
}
.top-nav-child a .parent{
 margin-left: 0px;
 color: #9E0B0F!important;
}
.top-nav-child a h3{
 margin-left: 5px;
  font-weight: bold;
 line-height: 20px;
}
.top-nav-child td{
 width: 213px
}
.hover{
 background-color: #9D0B0E;
    height: 30px;
}




#header #sort ul {
	color: rgb(235,235,235);
	background-color: #E6E6E6;
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100% 100%;
	height: 20px;
	line-height: 20px;
	padding: 8px 0px;
}
#header #sort ul li {
	float: left;
	padding: 0px 10px;
	border-right: 1px solid #FF0000;
}
#header #sort ul li a {
	color: #080707;
	font-size: 13px;
	padding:0 10px;
	font-weight: bold;
}
#header #sort ul li:first-child{
	padding-left:0px;	
}



#main-container {
	margin: 5px 0px 10px;
}
#main-container #left-siderbar {
	margin-left: 8px;
	width: 212px;
	float: left;
}
#main-container #main-content {
	float: left;
	width: 960px;
	margin: 0px 10px;
}
#main-container #right-siderbar {
	float: left;
	width: 330px;
}
/*====================== left siderbar=============================*/
#main-container #left-siderbar h2.title {
	background:#62bb47;
	height: 30px;
	color: rgb(235,235,235);
	font-weight: bold;
	line-height: 30px;
	padding-left: 10px;
	border-radius: 7px;
	font-size: 14px;
}
#main-container #left-siderbar #left-nav h2.title {
	background: #62bb47;
	font-weight: normal;
	border-radius: 7px;
}
#main-container #left-siderbar #left-nav > ul > li > a {
	height: 30px;
	line-height: 30px;
	display: block;
	color: #48a12d;
	font-weight: bold;
	font-size: 14px;
	margin-top: 5px;
	padding-left: 5px;
	background-color: #D7D7D7;
	background-image: url(images/line-menu-left.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#main-container #left-siderbar #left-nav > ul > li ul li {
	padding: 0px 10px;
	background-color: #FAFDFF;
}
#main-container #left-siderbar #left-nav > ul > li ul li ul{
	display:none;
	}
#main-container #left-siderbar #left-nav > ul > li ul li ul li a{
	border-bottom:none;
	}
#main-container #left-siderbar #left-nav > ul > li ul li a {
	color: rgb(41,41,41);
	border-bottom: 1px solid #0F48F5;
	display: block;
	font-weight: bold;
}
#main-container #left-siderbar #left-nav > ul > li ul li:last-child a {
	border-bottom: none;
}
#main-container #left-siderbar #left-nav > ul > li ul li a:hover {
	color: blue;
	font-weight:bold;
}
#main-container #left-siderbar #left-nav > ul > li ul li a.active{
	font-weight:bold;
	}
/*------------------------- support----------------------------------------------*/
#main-container #left-siderbar #support-client {
	margin: 5px 0px;
	line-height: 20px;
}
#main-container #left-siderbar #support-client ul li {
	background-color: #FAFDFF;
	overflow: hidden;
	background-image: url(images/line-sup.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	padding-bottom:10px;
}
#main-container #left-siderbar #support-client ul li:last-child, #main-container #left-siderbar #support-client ul li:last-child a {
	background-image: none;
}
#main-container #left-siderbar #support-client ul li a {
	display: block;
	background-image: url(images/icon-shop.png);
	background-repeat: no-repeat;
	color: #2DABCD;
	padding-left: 40px;
	background-position: 10px -2px;
	margin-top: 5px;
	margin-bottom:10px;
}
#main-container #left-siderbar #support-client ul li .left {
	/*width: 75px;*/
	padding-left: 5px;
}
#main-container #left-siderbar #support-client ul li .right {
	width: 130px;
}
#main-container #left-siderbar #support-client ul li img {
	float: left;
	margin: 0px 10px;
}
/* --------------------------- hot product-----------------------------------------*/	
#main-container #left-siderbar #hot-product h2.title {
	position: relative;
	font-weight: normal;
}
#main-container #left-siderbar #hot-product .title > img {
	position: absolute;
	top: 0px;
	right: 0px;
}
#main-container #left-siderbar #hot-product .product img{
	width:65px;
	max-height:140px;
}
#main-container #left-siderbar #hot-product .product {
	background-color: #FAFDFF;
	border: 1px solid #999;
	border-top: none;
	text-align: center;
}
#main-container #left-siderbar #hot-product .product h3 {
	font-weight: 600;
	color: #666;
}
#main-container #left-siderbar #hot-product .product .price {
	border-top: 1px solid #999;
	text-align: left;
	margin-top: 10px;
}
#main-container #left-siderbar #hot-product .product .price p {
	line-height: 20px;
	padding-left: 10px;
	background-color: #D7D7D7;
}
#main-container #left-siderbar #partner {
	text-align: center;
	border: 1px solid #999;
	background-color: #ECECEC;
	margin-top: 5px;
	padding-bottom: 5px;
	border-radius: 8px;
}
#main-container #left-siderbar #partner h2{
	margin-bottom: 5px;
}
#main-container #left-siderbar #partner img {
	width:200px;
	height:auto;
	border:none;
}
/*img slide*/
#slide-left{
	position: relative;
}
#slide-left #pager{
 left: 5px;
    position: absolute;
    bottom: 12px;
    width: 320px;
    z-index: 9;
    }
    #slide-left #pager a {
    background: url("images/circles.png") no-repeat scroll 0 0 transparent;
    color: transparent;
    display: inline-block;
    float: none;
    height: 19px;
    margin-right: 8px;
    padding: 0;
    width: 19px;
}
#slide-left #pager .activeSlide {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("images/circle_active.png");
    background-origin: padding-box;
    background-position: left bottom !important;
    background-repeat: no-repeat;
    background-size: auto auto;
}


/*======================== right siderbar ====================================*/
#main-container #right-siderbar #search {
	background: url("images/tab_red_39.png") repeat-x scroll left top;
	color: rgb(235,235,235);
	border-radius: 8px;
	height: 30px;
	padding: 5px;
}
#main-container #right-siderbar #search input[type='text'] {
	border-radius: 8px;
	height: 30px;
	border: none;
	width: 220px;
	padding: 0px 10px;
}
#main-container #right-siderbar #search input[type='submit'] {
	border: none;
	background:none;
	color: rgb(235,235,235);
	font-weight: bold;
}
#main-container #right-siderbar #online {
	border: 1px solid #959595;
	border-top: none;
	border-radius: 7px;
}
#main-container #right-siderbar #online ul.tabs-online {
	margin-top: 5px;
	background:url(images/tab_red_31.png) left top repeat-x;
	padding-top: 5px;
	overflow: hidden;
	height: 25px;
	border-radius: 7px;
}
#main-container #right-siderbar #online ul.tabs-online li {
	float: left;
	width: 164px;
	text-align: center;
}
#main-container #right-siderbar #online ul.tabs-online li a {
	color: black;
	display: block;
	background-color: #F9FDE9;
	border-top: 1px solid #959595;
	cursor:pointer !important;
}
#main-container #right-siderbar #online ul.tabs-online li a.active {
	background-color: transparent;
	border: none;
	color: rgb(235,235,235);
}
#main-container #right-siderbar #online .tabs-online-container .tabs-online-content {
	border-bottom: 1px solid #959595;
	text-align: center;
}
#main-container #right-siderbar #online .tabs-online-container .tabs-online-content:last-child {
	border: none;
}
#main-container #right-siderbar #online .tabs-online-container .tabs-online-content ul li {
	color: #2DABCD;
	border-bottom: 1px solid #959595;
	padding-top: 3px;
	background-color: #FAFDFF;
}
#main-container #right-siderbar #online .tabs-online-container .tabs-online-content ul li:last-child {
	border-bottom: none;
	height:50px;
}
#main-container #right-siderbar #online .tabs-online-container .tabs-online-content ul li .box {
	font-weight: bold;
	overflow: hidden;
}
#main-container #right-siderbar #online .tabs-online-container .tabs-online-content ul li p {
	color: rgb(63,63,63);
	padding-left: 30px;
	background-repeat: no-repeat;
	float: left;
	height: 35px;
}
#main-container #right-siderbar #online .tabs-online-container .tabs-online-content ul li p.tel {
	background-image: url(images/icon-tel.png);
	width: 120px;
	background-position: 5px 3px;
}
#main-container #right-siderbar #online .tabs-online-container .tabs-online-content ul li p.mobile {
	background-image: url(images/icon-mobile.png);
	padding-left: 20px;
	background-position: 0px -2px;
}
#main-container #right-siderbar #online .tabs-online-container .tabs-online-content ul li img {
	margin-left: 8px;
}
#main-container #right-siderbar #deal {
	height: auto;
	margin: 5px 0px;
}
#main-container #right-siderbar #gift {
	position:relative;
	margin: 5px 0px;
	width:330px;
}
#main-container #right-siderbar #gift .title {
	height: 30px;
	line-height: 30px;
	background:url(images/tab_red_31.png) left top repeat-x;
	position: relative;
	padding-left: 50px;
	color: rgb(235,235,235);
	border-radius: 7px 7px 0 0;
}
#main-container #right-siderbar #gift .title img {
	position: absolute;
	top: 3px;
	left: 5px;
}
#main-container #right-siderbar #gift ul {
	border-right: 1px solid #959595;
	border-left: 1px solid #959595;
	background-color: #ECECEC;
}
#main-container #right-siderbar #gift ul li {
	border-bottom: 1px solid #959595;
	height: auto;
	width:328px !important;
}
#main-container #right-siderbar #gift ul li img {
	min-height:250px !important;
	width:328px !important;
}
#gift #pager1{
 	left: 5px;
    position: absolute;
    bottom: 12px;
    width: 320px;
    z-index: 9;
}
#gift #pager1 a {
    background: url("images/circles.png") no-repeat scroll 0 0 transparent;
    color: transparent;
    display: inline-block;
    float: none;
    height: 19px;
    margin-right: 8px;
    padding: 0;
    width: 19px;
}
#gift #pager1 .activeSlide {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("images/circle_active.png");
    background-origin: padding-box;
    background-position: left bottom !important;
    background-repeat: no-repeat;
    background-size: auto auto;
}
/*===================== news ================================*/
#main-container #right-siderbar #news {
	border: 1px solid #959595;
	border-top: none;
	border-radius: 7px 7px 0 0;
}
#main-container #right-siderbar #news ul.tabs-news {
	margin-top: 5px;
	background:url(images/tab_red_31.png) left top repeat-x;
	padding-top: 5px;
	overflow: hidden;
	height: 25px;
	border-radius: 7px;
}
#main-container #right-siderbar #news ul.tabs-news li {
	float: left;
	width: 164px;
	text-align: center;
}
#main-container #right-siderbar #news ul.tabs-news li a {
	color: black;
	display: block;
	background-color: #D7D7D7;
	border-top: 1px solid #959595;
	cursor:pointer !important;
}

#main-container #right-siderbar #news ul.tabs-news li a.active {
	background-color: transparent;
	border: none;
	color: rgb(235,235,235);
}
#main-container #right-siderbar #news .tabs-news-container ul li {
	border-top: 1px solid #2DABCD;
	overflow: hidden;
}
#main-container #right-siderbar #news .tabs-news-container ul li img {
	float: left;
	margin: 10px;
	width: 70px;
	height: auto;
}
#main-container #right-siderbar #news .tabs-news-container ul li h3 {
	float: left;
	width: 230px;
}
#main-container #right-siderbar #news .tabs-news-container ul li h3 a {
	font-weight: bold;
	color: #3f3f3f;
	line-height: 25px;
}
#main-container #right-siderbar #news .tabs-news-container ul li div {
	float: left;
	width: 230px;
	line-height: 18px;
}
#main-container #right-siderbar #news .tabs-news-container ul li p {
	text-align: right;
	padding-right: 10px;
}
#main-container #right-siderbar #news .tabs-news-container ul li p a {
	font-style: italic;
	color: #9e0b0f;
}
/*===================== new product =================================*/
#main-container #right-siderbar #new-product {
	overflow: hidden;
	margin: 5px 0px;
	border-left: 1px solid #959595;
	border-radius: 7px 7px 0 0;
}
#main-container #right-siderbar #new-product .title {
	background:url(images/tab_red_31.png) left top repeat-x;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	color: #ebebeb;
	position: relative;
	padding-left: 20px;
	border-bottom: 1px solid #959595;
	border-radius: 7px;
}
#main-container #right-siderbar #new-product .title img {
	position: absolute;
	top: 2px;
	right: 2px;
}
#main-container #right-siderbar #new-product .pro {
	background-color: #FAFDFF;
	border-right: 1px solid #959595;
	border-bottom: 1px solid #959595;
	width: 163px;
	float: left;
	text-align: center;
}
#main-container #right-siderbar #new-product .pro h3 {
	color: #3f3f3f;
	font-weight: bold;
	height:40px;
	overflow:hidden;
	line-height:normal;
	padding-top:5px;
}
#main-container #right-siderbar #new-product .pro img {
	margin-bottom: 10px;
    max-height: 120px;
    max-width: 120px;
}
.value {
	line-height: 20px;
	padding: 5px 4px;
	text-align: left;
	background-color: #F9FDE9;
	border-top: 1px solid #959595;
	color: #3f3f3f;
	font-size:13px;
}
.value span {
	float: right;
	color: #2DABCD;
}
.value .price-old span {
	background-image: url(images/line-price.png);
	background-repeat: no-repeat;
	background-position: center;
}
/* ==================== new comment================================ */
#main-container #right-siderbar #new-comment .title {
	background:url(images/tab_red_31.png) left top repeat-x;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	color: #ebebeb;
	padding-left: 20px;
	border-radius: 7px;
}
#main-container #right-siderbar #new-comment ul {
	border: 1px solid #959595;
}
#main-container #right-siderbar #new-comment ul li {
	border-bottom: 1px solid #959595;
	overflow: hidden;
}
#main-container #right-siderbar #new-comment ul li:last-child {
	border-bottom: none;
}
#main-container #right-siderbar #new-comment ul li img {
	float: left;
	margin: 10px;
	width: 70px;
	height: auto;
}
#main-container #right-siderbar #new-comment ul li h3 {
	float: left;
	width: 230px;
}
#main-container #right-siderbar #new-comment ul li h3 a {
	font-weight: bold;
	color: #3f3f3f;
	line-height: 25px;
}
#main-container #right-siderbar #new-comment ul li div {
	float: left;
	width: 230px;
	line-height: 18px;
}
#main-container #right-siderbar #new-comment ul li p {
	text-align: right;
	padding-right: 10px;
}
#main-container #right-siderbar #new-comment ul li p a {
	font-style: italic;
	color: #9e0b0f;
}
/*footer*/
#footer {
	height: 200px;
	/* background-color: #105708; */
}
/*----------------------Guide-----------------------------*/
#guide > ul {
	padding-left: 45px;
	padding-right: 45px;
	height: 183px
}
#guide > ul li {
	float: left;
	text-align: center;
	width: 220px;
	border-left: 1px dotted #666;
	height: 100%
}
#guide ul li:last-child {
	border-right: 1px dotted #666;
}
#guide > ul li span {
	background: url("images/bg-huongdan.png") repeat scroll 0 0 transparent;
	color: #FFFFFF;
	display: block;
	height: 31px;
	margin: 0 auto;
	width: 204px;
	padding-top: 5px;
	margin-bottom: 15px;
	border-radius: 7px;
}
#guide > ul li span a{
	color: #FFFFFF;
}
#guide ul li ul li{ border:none !important; padding-left:7px;}
#guide ul li ul li span{
	padding-left: 25px;
	text-align: left;
	height: auto;
	margin-bottom:0px;
	padding-top:0px;
	border: none!important;
	background: url("images/point.png") no-repeat scroll 15px center transparent;
}
#guide ul li ul li span a {
	color: #636363
}
/*----------------------Bottom-nav-----------------------------*/
#bottom-nav {
	background: url("images/bg-huongdan.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	height: 35px;
	font-weight: bold;
	width: 1200px;
	margin-top: 10px;
	border-radius: 7px;
}
#bottom-nav > ul {
	margin: 0 auto;
	width: 620px;
}
#bottom-nav li {
	border-right: 1px solid #747373;
	float: left;
	padding: 0 25px;
	margin-top: 5px;
	height: 25px
}
#bottom-nav li a {
	color: #fff
}
#contact img {
	margin: 20px 55px 0px 10px
}
#contact .box {
	width: 370px;
	margin-top: 10px
}
#contact .box:last-child {
	margin-left: 80px
}
#contact .box h3 {
	color: #e73802;
	margin-bottom: 0px;
}
/*logo slide*/
.featuredLogo {
	background-color: #D7D7D7;
	overflow: hidden;
	width: 1200px;
}
.featuredLogoSet {
	height: 74px;
	margin-bottom: 12px;
	margin-top: 12px;
	width: 1200px;
}
#logo-slide .logo.firstSlide {
	margin-left: 60px;
}
#logo-slide .logo {
	float: left;
	width: 207px;
}
#logo-slide {
	position: relative;
	margin-bottom: 10px;
}
.featuredPrev {
	background: url("images/logo-slide-left.png") repeat scroll 0 0 transparent;
	height: 74px;
	position: absolute;
	width: 16px;
	z-index: 9999;
}
.featuredNext {
	background: url("images/logo-slide-right.png") repeat scroll 0 0 transparent;
	height: 74px;
	position: absolute;
	width: 16px;
	z-index: 9999;
	right: 0px
}
/*=========================================================================================
===================================== main content ========================================
=========================================================================================*/	
/* ======================main tab ============================= */
#main-container #main-content #slide{
	margin-bottom:5px;
	}

#main-container #main-content #main-tab ul.main-tabs {
	background:url(images/tab_red_31.png) left top repeat-x;
	height: 25px;
	padding-top: 5px;
	overflow: hidden;
	border-radius: 5px;
}
#main-container #main-content #main-tab ul.main-tabs li {
	float: left;
	width: 206px;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
}
#main-container #main-content #main-tab ul.main-tabs li a {
	background-color: #F9FDE9;
	display: block;
	color: #3f3f3f;
	line-height: 25px;
	border-right: 1px solid #959595;
}
#main-container #main-content #main-tab ul.main-tabs li a.active {
	background-color: transparent;
	color: rgb(235, 235, 235);
	border: none;
}
#main-container #main-content #main-tab .tabs-main-container{
	position:relative;
	border:1px solid #2DABCD;
	
	}
#main-container #main-content #main-tab .tabs-main-container > a{
	position:absolute;
	z-index:99999;
	bottom:0px;
	right:5px;
	color:#333;
	}
#main-container #main-content #main-tab .tabs-main-container ul li{
	float:left;
	}
#main-container #main-content #main-tab .tabs-main-container ul li:last-child .name{
	border-right:none;
	}
	
	/*============================= gold time ========================================*/
#main-container #main-content #gold-time{
	margin-top:5px;
	border:1px solid #959595;
	border-top:none;
	border-right:none;
	}
#main-container #main-content #gold-time h2.title{
	background-image:url(images/bg-title.png);
	height:30px;
	line-height:30px;
	color:white;
	position:relative;
	padding-left:50px;
	padding-right:10px;
	}
#main-container #main-content #gold-time h2.title img{
	position:absolute;
	top:-10px;
	left:3px;
	}
#main-container #main-content #gold-time h2.title span {
	float:right;
	}
#main-container #main-content #gold-time .box-product-gold-time{
	float:left;
	width:153px;
	text-align:center;
	border-right:1px solid #959595;
	}
#main-container #main-content #gold-time .box-product-gold-time:last-child{
	width:155px;
	
	}
#main-container #main-content #gold-time .box-product-gold-time h3 a{
	color:#3f3f3f;
	font-weight:bold;
	}
#main-container #main-content #gold-time .box-product-gold-time img{
	margin-bottom:10px;
	}
#main-container #main-content #gold-time .box-product-gold-time .info{
	padding:5px;
	line-height:20px;
	border-top:1px solid #959595;
	background-color:rgb(215, 215, 215);
	}
#main-container #main-content #gold-time .box-product-gold-time .info span{
	float:left;
	background-image:url(images/line-price.png);
	background-repeat:no-repeat;
	background-position:center;
	color:#9e0b0f;
	}	
#main-container #main-content #gold-time .box-product-gold-time .info b{
	color:#9e0b0f;
	float:right;
	font-size:15px;
	
	}
#main-container #main-content #gold-time .box-product-gold-time .info p{
	text-align:left;
	float:left;
	}	
#main-container #main-content #gold-time .box-product-gold-time .info p a{
	color:#9e0b0f;
	}	

/*======================= box product ============================*/
.box-pro{
	width:184px;
	margin-right: 5px;
	border: 1px solid #16F268;

	}
.box-pro:hover{
	border: 1px solid #B5BAB7;
}
.cate-product .box-pro:last-child{
	border-right:1px solid #959595;
	}
.cate-product .box-pro:last-child .name{
	border-right:none;
	}
.box-pro .name{
	text-align:center;

	}
#none-border .name{
	border-right: none;
}
.box-pro .name h1 a{
	font-weight:bold;
	color:#3f3f3f;
	}
.box-pro .name img{
	max-width:120px;
	max-height:120px;
	margin-bottom:10px;
	}
.box-pro .choose{
	padding-left:5px;
	font-size:13px;
	background-color: #F5F6F7;
	}
/*========================= box pro ngang================================*/
#main-content .box-pro-2{
	border-bottom:1px solid #959595;
	overflow:hidden;
	padding:10px;
}
#main-content .box-pro-2:last-child{
	border-bottom:none;
}
#main-content .box-pro-2 img{
	max-width:120px;
	max-height:120px;
	margin-bottom:10px;
}
#main-content .box-pro-2 .info{
	width:270px;
	margin-left:30px;
	float:left;
	}
#main-content .box-pro-2 .info h3{
	font-weight:bold;
	
	}
#main-content .box-pro-2 .value{
	margin-top:30px;
	border:none;
	background-color:transparent;
	float:right;
	width:155px;
}
#main-content .box-pro-2 .value p{
	font-size:12px;
}
/* ===================== cate product ===========================*/
#main-content .cate-product{
	position:relative;
	margin-bottom:5px;
	border-radius: 7px;
	}
#main-content .cate-product h2.title{

	height:30px;
	padding-left:10px;
	color:black;
	font-weight:bold;
	margin-bottom: 9px;
	font-size:13px;
	line-height:27px;
	border-radius: 7px;
	background: url("images/category.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	} 
#main-content .cate-product h2.title span{
	float:left;
	height:20px;
	margin:-2px 5px 5px 26px;
	padding: 0 6px 4px;
	font-size: 17px;
	border-bottom: 2px solid #62bb47;
	}
#main-content .cate-product h2.title span select{float:left;width:120px;}
#main-content .cate-product h2.title span a{float:left;background-position:center;width:20px;
	height:20px;
	display:block;
	margin-left:8px;
	opacity:0.5;
	}
#main-content .cate-product h2.title span a.xem{
	background-image:url(images/nut-xem.png);
	}
#main-content .cate-product h2.title span a.xem-ngang{
	background-image:url(images/nut-xem-ngang.png);
	}
#main-content .cate-product h2.title span a:hover{
	opacity:1;
	}
#main-content .cate-product h2.title span a.active{
	opacity:1;
	
	}
#main-content .cate-product .box-pro{float:left;}
#main-content .cate-product > a {
	position:absolute;
	color:#666;
	bottom:0px;
	right:3px;
	}
#main-content .cate-product > a:hover {color:#000;}

.cate-product #sort_count{
	width:40%;
	position:absolute;
	top:4px;
	right:10px;
	text-align:right;
}
.cate-product #sort_count span{ color:#fff;}
/* ===================== end cate product ===========================*/

/*============================ news details ====================================*/
#main-content #news-details #news-single{
	line-height:20px;
	border:1px solid #959595;
	padding:10px;
	}

#main-content #news-details #news-single h2{
	color:#3f3f3f;
	font-weight:bold;
	margin-bottom: 15px;
	}
h2.title_red{
	color: #9E0B0F !important;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #9e0b0f;
}	
#main-content #news-details #news-single #info{
	margin:10px 0px;
	font-style:italic;
	}	
#main-content #news-details #news-single #info img{
	float:left; margin-right:10px;}

#main-content #view-more h2{
	line-height:30px;
	height:30px;
	background: #62bb47;
	padding-left:20px;
	color:#ebebeb;
	margin-top:10px;
	}
	
#main-content #view-more ul li a{
	background-image:url(images/point.png);
	background-position:left center;
	background-repeat:no-repeat;
	margin-left:10px;
	padding-left:15px;
	color:#2e2e2e;
	}
#main-content #view-more ul li span{
	color:#959595;
	margin-left:10px;
	}
/*============================ end news details ====================================*/

/*trang tin tuc*/
.news{
	margin-top: 5px;
	margin-bottom: 5px
}
.top-news
{
	border: 1px solid #747373;
	margin-bottom: 10px
}
.main-top-news{
	width: 572px;
}
.main-top-news ul{
	background: url("images/tab_red_31.png") repeat-x scroll left top rgba(0, 0, 0, 0);
	height: 30px;
	border-radius: 6px;
}
.main-top-news ul span{
		color: #fff;
	font-weight: bold;
	font-size: 14px;
	margin-left: 10px
}
.main-top-news ul li{
	border-bottom: 1px solid #747373;
    display: block;
    height: 113px;
}
.main-top-news ul li:last-child{
	border-bottom: none!important;
}
.main-top-news ul li img{
	margin : 7px;
}
.main-top-news ul li div {
    width: 440px;
}
.main-top-news ul li div p{
font-size: 12px;
    line-height: 16px;}
.main-top-news ul li div a{
	 color: #9E0B0F;
    font-size: 12px;
    font-style: italic;
    margin-right: 8px;
    margin-top: -5px;
}
.block-news {
    border: 1px solid #747373;
    float: left;
    margin-right: 2.5px;
    width: 202px;
    height:255px;
}
.last{
	margin-right: 0px;
}
.block-news a{
	margin-left: 5px;
}
.two-block-news{
	margin-bottom: 5px;
    margin-top: 5px;
}
.child-block{
	border: 1px solid #747373;
    width: 476px;
	height:280px;
	border-radius: 7px 7px 0 0;
}
.child-block .left{
	padding-left: 7px;
	padding-top: 7px
}
.child-block div{
	width: 335px;
}
.child-block .right p {letter-spacing: -0.5px; line-height: 18px}
.child-block .right h3{font-weight: bold;
    line-height: 18px;
    margin-top: 5px;}
    .child-block .right a{
    	margin-top: -5px;
    	margin-right: 10px;
    }
.child-block ul{
	margin-top: 10px;
	margin-left:15px;
}
.child-block ul li{
 	background: url("images/mui-ten.png") no-repeat scroll 0 10px transparent;
    padding-left: 20px;}
.child-block ul li a{
	line-height:15px !important;
}
.news .title{
	width: 97%!important;
	background: url("images/tab_red_31.png");
	height: 30px;
	color:#fff;
	padding-left: 10px;
	font-weight: bold;
	border-radius: 6px;
}

.news .title a{
	color:#fff;
	font-weight: bold;
}
.one-block-news{
	border:   1px solid #747373;
	width: 100%;
	margin-top: 5px;
	border-radius: 7px;
}
.news .one-block-news .title{
	width: 98.5%!important;
}
.one-block-news .left{
	 padding: 10px;
    width: 297px;
}
.one-block-news .left h3{
 font-weight: bold;
    line-height: 18px;
	min-height:35px;
    }
    .one-block-news .left p{
    line-height: 18px;
  	font-size: 13px
    }
    .one-block-news   img{
    	  margin: 10px 0px
    }
 .last-block ul{margin-left: 0px}
  .last-block ul li{padding-left: 0px}
    .last-block ul li div {
    
    margin-left: 5px;
    width: 200px;
    }
    .last-block ul li div p{	font-size: 13px;
    letter-spacing: -0.5px;margin-top: -5px; line-height: 18px}
    .last-block ul li div h3{ font-weight: bold;
    margin-top: -6px;}
    .last-block ul li div .right {
    	margin-top: -4px;
    	font-style: italic;
    }


/*css login*/

/*Begin login*/
#main-content > div#container-login {
    float: left;
    margin-top: 5px;
    width: 620px;
    font-family:Arial,serif,Helvetica;
}

#container-login > div#title-login {
    background: none repeat scroll 0 0 #900809;
    color: #FFFFFF;
    height: 32px;
    line-height: 32px;
    padding-left:62px;
    font-size: 14px;
}
#container-login > div#title-login img{
    margin-left: -31px;
    margin-top: 3px;
    position: absolute;
}

#container-login > div.main-login {
    border: 1px solid #959595;
    height: 160px;
    padding: 12px;
    width: 594px;
}
#container-login > div.main-login > div.box-login{
    width:430px;
    height:170px;
    float:left;
    padding: 8px 0px 0px 4px;
}
    #container-login > div.main-login > div.box-login table tr td{
        color:#4c4c4c;
        font-size: 14px;
        text-align: inherit;
    }
    #container-login > div.main-login input[type='text'],
     #container-login > div.main-login input[type='password']{
        border:1px solid #959595;
        height:22px;
        width:150px;
        background: #ececec;
        margin-left:13px;
    }
    #container-login > div.main-login input[type='checkbox']{
        margin-left: 13px;
    }
    #container-login > div.main-login .button{
        width:100px;
        height:24px;
        background: #91070a;
        color:#FFF;
        font-size: 14px;
        line-height: 24px;
        border:none;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius:5px;
        -webkit-border-radius:5px;
        margin-left: 13px;
    }
     #container-login > div.main-login button{ cursor: pointer;}
    #container-login > div.main-login > div#main-images{
        float:right;
        width: 156px;
        height:156px;
        padding: 1px;
        border:1px solid #959595;
    
}
    #container-login > div.main-login > div#main-images > div#img-login{
        background:#CCC;
        width: 156px;
        height:156px;
        float:left;
    }
    #container-login > div.main-login > div.box-login > div.main-action{
        width: 320px;
        float:left;
        
    }    
    #container-login > div.main-login > div.box-login > div.main-action a{
        color:#9e0b0f;
    }
    #container-login > div.main-login > div.box-login > div.main-action a:hover{ color: #CE9702;}
    #container-login > div.main-login > div.box-login > div.main-action ul{ list-style: disc;
      margin-left: 20px;
    }
    #container-login > div.main-login > div.box-login > div.main-action ul li{
        line-height: 20px;
        margin-top: 2px;
    }
.permiss{ color:#9e0b0f;
         line-height: 20px;
         text-transform: uppercase;
}
/*End login*/
/*Begin cart*/
#main-content > div#container-cart {
    float: left;
    margin-top: 5px;
    width: 620px;
    font-family:Arial,serif,Helvetica;
}
.value-cart {
	line-height: 20px;
	padding: 5px;
	text-align: left;
	color: #3f3f3f;
        margin-top: 10px;
}
.value-cart span {
	float: right;
	color: #000;
}
.value-cart .price-old span {
	background-image: url(images/line-price.png);
	background-repeat: no-repeat;
	background-position: center;
}
#main-content div#container-cart table{
    border:1px solid #959595;
    width: 620px;
    border-bottom: none;
}
#main-content div#container-cart table tr th#title-cart{
    border-bottom: 1px solid #959595;
    height: 32px;
    background: #ececec;
    color:#b3474a;
    line-height: 32px;
    padding: 0px;
    font-family:Arial,serif,Helvetica;
}
#main-content div#container-cart table tr th{
    font-size: 14px;
    border-bottom: 1px solid #959595;
    vertical-align:  middle;
    padding: 15px;
    font-family:Arial,serif,Helvetica;
}
#main-content div#container-cart table tr th span#del-left{
    float: left;
    padding-left: 13px;
}
#main-content div#container-cart table tr th span#monny-right{
    float:right;
    padding-right: 13px;
}
#main-content div#container-cart table.jshop{
	border:none;	
}
#main-content div#container-cart a{
   color:#b3474a; 
   text-decoration:none;
}
#main-content div#container-cart a:hover{
  color: #CE9702;
  text-decoration: underline;
}
#main-content div#container-cart table tr th p.title-product{
    font-weight: bold;
}
#main-content div#container-cart table tr th select{
    width: 46px;
    height: 18px;
}
#main-content div.submit-cart{
    text-align: right;
    margin-top:5px;
    float: right;
    width: 960px;
}
#main-content div.submit-cart > a > div.sub-cal{
    width: auto;
    height:34px;
    margin-left: 10px;
    background: #91070a;
    color:#FFF;
    font-size: 14px;
    line-height: 34px;
    border:none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius:5px;
    -webkit-border-radius:5px;
    float:left;
    padding: 0 20px;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
}
/*End cart*/
/*Begin detail product*/
#main-container #container-cart #view-img-product{
    width:244px;
    float:left;
}
#main-container #container-cart #main-detail{
    width:600px;
    float: right;
    height:auto;
	overflow:hidden;
}
#main-container #container-cart #img-main{
    width: 240px;
    height:254px;
    float: left;
    border:1px solid #dadada;
    padding: 1px;
}
#main-container #container-cart #img-main #picture{
   width: 240px;
   height:254px; 
   background: #d7d7d7;
}
#main-container #container-cart #main-picture-detail{
    width: 244px;
    height:68px;
    float: left;
    margin-top: 5px;
}
#main-container #container-cart #main-picture-detail .main-picture{
    width:54px;
    height:64px;
    float: left;
    border:1px solid #dadada;
    padding: 1px;
    margin-right:4px;
}
#main-container #container-cart #main-picture-detail .nav-img{
    width:54px;
    height:64px;
    float: left;
    background: #d7d7d7;
}
#main-container #container-cart #main-picture-detail .un-margin-right{ margin-right: 0px;}
/*Begin Price*/
#main-container #container-cart #view-img-product #main-price{
   width:234px;
   height:auto;
   float: left;
   margin-top: 10px;
   border: none;
   background: #d7d7d7;
   padding: 5px;
}
#main-container #container-cart #view-img-product #main-price table#table-price{ 
   width: 234px;
   border:none;
   font-family:Arial,serif,Helvetica;
   font-size: 14px;
}
#main-container #container-cart #view-img-product #main-price table#table-price tr td{
    border-bottom: 1px dotted #9c9c9c;
}
#main-container #container-cart #view-img-product #main-price table#table-price tr td{
    height: 25px;
    vertical-align: middle;
    width:53%; 
}
#main-container #container-cart #view-img-product #main-price table#table-price tr td.format-price{
    color:#E73802;
    height: 25px;
    vertical-align: middle;
    text-align: left;
}
#main-add-cart{
width:200px;
   height:40px;
   float: left;
   margin-top: 10px;
   border: none;
   vertical-align: middle;
   text-align: center;
   padding-left: 40px;
   
}
#main-add-cart .btn-add-cart{
    width: 152px;
    height:40px;
    background:#69A1F0 url(images/img-btn.png) 6px center no-repeat;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius:5px;
    -webkit-border-radius:5px;
    vertical-align: middle;
    text-align: center;
    line-height: 40px;
    color:#FFF;
    padding: 0 14px 0 39px;
    font-weight: bold; 
	
}
/*End price*/
#main-container #container-cart #main-detail table#detail-product{
    width: 600px;
    border:none;
    font-family:Arial,serif,Helvetica;
    font-size: 14px;
}
#main-container #container-cart #main-detail table#detail-product tbody tr:last-child td table{
	border: none;
}

#main-container #container-cart #main-detail table#detail-product tr td#title-product{font-weight: bold;}
#main-container #container-cart #main-detail table#detail-product tr td{
    border-bottom: 1px dotted #bebebe;
}
#main-container #container-cart #view-img-product #main-price table#table-price tr td.unborder-bottom{border-bottom: none;}
/*End detail product*/

/*tab intro*/
#main-content #intro-product{
	margin-top:50px;
	}
#main-content #intro-product > h2{
	color:3f3f3f;
	font-weight:bold;
	}
#main-content #intro-product ul.tabs-intro{
	padding-top:1px;
	border-radius: 7px;
	height:25px;
	overflow:hidden;
	background: url("images/tab_red_31.png") repeat-x scroll left top rgba(0, 0, 0, 0);
	width:355px;
	border-left:1px solid #959595;
	border-right:1px solid #959595;
	}
#main-content #intro-product ul.tabs-intro li{
	float:left;
	cursor: pointer;
	}
#main-content #intro-product ul.tabs-intro li a{
	background-color: #D7D7D7;
	color:#3f3f3f;
	display:block;
	padding:0px 15px;
	}
#main-content #intro-product ul.tabs-intro li a.active{
	background: url("images/tab_red_31.png") repeat-x scroll left top rgba(0, 0, 0, 0);
	color: rgb(235, 235, 235);
	}
#main-content #intro-product .tab-intro-container{
	border:1px solid #959595;
	padding:10px;
	}
#main-content #intro-product .tab-intro-container #table{
	border-bottom:1px solid #959595;
	width: 550px;
	margin-bottom: 10px;
	}
#intro-product .tab-intro-container table.intro{
	text-align:center;
	vertical-align:middle;
	color:#3f3f3f;
	
	}
#intro-product .tab-intro-container table.intro td{
	border-left:1px solid #959595;
	border-top:1px solid #959595;
	}
#intro-product .tab-intro-container table.intro td:last-child{
	border-right:1px solid #959595;
	}
#intro-product .tab-intro-container table.intro .bg{
	background-color: #D7D7D7;
	}
#intro-product .tab-intro-container table.intro td[colspan="4"]{
	
	color: rgb(158, 11, 15);
	font-weight: bold;
	padding-left: 10px;
	background-color: #D7D7D7;	
	}
#intro-product .tab-intro-container table.intro #ma{border-left:none;}
#intro-product .tab-intro-container table.intro #name img{
	margin-top:-10px;
	}
#intro-product .tab-intro-container table.intro .box-product{
	float: left;
	margin:10px 10px 0 10px;
	color: rgb(158, 11, 15);
	font-size: 40px;
	font-weight: bold;
	max-width:140px;
}
#intro-product .tab-intro-container  table.intro .box-product h3{
	font-size: 11px;
	line-height: 18px;
	color: #3f3f3f;
}
#intro-product .tab-intro-container  table.intro .box-product img{
	width: auto;
	max-height: 130px;
}
#intro-product .tab-intro-container table.intro #gop td{
	padding-left: 20px;
}
#intro-product .tab-intro-container  table.intro td span{
	margin-left: 5px;
	color: rgb(158, 11, 15);
}

#intro-product .tab-intro-container  input[type='submit']{
	border: none;
	background-color: transparent;
	background-image: url('images/bg-button-sell-deal.png');
	width: 150px;
	height: 30px;
	background-size:100% 100%;
	color: #D7D7D7;
	font-weight: bold;
}
#intro-product .tab-intro-container  p{
	text-align: center;
	padding-bottom: 6px;
	font-size: 15px;
}
#intro-product .tab-intro-container  b{
	margin-bottom: 50px;
}

#intro-product .tab-intro-container  #khdt table td, #intro-product .tab-intro-container  #khdt table th{
	text-align: left;
	vertical-align: middle;
	border-bottom: 10px solid white;
}
#intro-product .tab-intro-container  #khdt table tr{
	background-color: rgb(215, 215, 215);
}
#intro-product .tab-intro-container  #khdt table img{
	width: 40px;
	height: 75px;
}
#intro-product .tab-intro-container  #khdt table p{
	margin: 0px;
	padding: 0px;
	text-align: left;
}
}
#intro-product .tab-intro-container #khdt table th[scope="row"]{
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	padding: 10px;
	line-height: 40px;
	color: #3f3f3f;
}
#intro-product .tab-intro-container #khdt table th[scope="row"] b{
	font-size: 50px;
}
#intro-product .tab-intro-container #khdt table td[colspan="3"]{
	background-color: white;
	text-align: center;
	padding-top: 20px;
}
#intro-product .tab-intro-container #khdt table td span{
	color: rgb(159, 10, 16);
}
#intro-product .tab-intro-container #khdt table td em{
	color: #999;
	margin-right: 10px;
}


/*End tab intro*/

/*Begin comment product*/
#main-container .main-comment-product{
    border:1px solid #bfbfbf;
    width: 960px;
    height: auto;
    float:left;
    margin-top: 32px;
}
#main-container .main-comment-product .title-comment{
    width: 610px;
    height:32px;
    float:left;
    background: #d7d7d7;
    border-bottom: 1px solid #bfbfbf;
    padding-left: 10px;
    line-height: 32px;
    color:#a0272c;
    font-family:Arial,serif,Helvetica;
    font-size: 14px;
}
#main-container .main-comment-product .form-comment{
    padding: 10px;
    width: 600px;
    float:left;
}
#main-container .main-comment-product .form-comment h4{ line-height: 20px;}
#main-container .main-comment-product .form-comment table.tb-comment tr th{
    color:#9d0c13;
    font-weight: bold;
    padding-right: 5px;
    vertical-align:top;
}
#main-container .main-comment-product .form-comment table.tb-comment tr td select{
    width: 84px;
    height:18px;
}
#main-container .main-comment-product .form-comment table.tb-comment tr td textarea{
    width: 524px;
    height:50px;
    margin-top: 5px;
}
#main-container .main-comment-product .form-comment table.tb-comment tr td.dang{
    text-align: right;
    color:#9d0c13;
}
/*End comment product*/
/*Begin display comment*/
#main-container .display-comment{
    border:1px solid #bfbfbf;
    width: 600px;
    float:left;
    margin-top:5px;
    padding:0px 10px 10px 10px;
}
#main-container .display-comment .container-content-comment{
    width:600px;
    height:110px;
    float:left;
    border-bottom:1px dotted #d7d7d7;
    padding-top: 10px;
}
#main-container .display-comment .container-content-comment .main-avata{
    width: 74px;
    height:110px;
    float:left;
    
}
#main-container .display-comment .container-content-comment .main-avata p{
    vertical-align: middle;
    text-align: center;
}
#main-container .display-comment .container-content-comment .main-avata .avata{
    width: 72px;
    height:72px;
    float:left;
    border: 1px solid #d7d7d7;
    padding: 1px;
}
#main-container .display-comment .container-content-comment .main-avata .avata .pic-avata{
    width: 72px;
    height:72px;
    background: #d7d7d7;
}
#main-container .display-comment .container-content-comment .start{
    width: 110px;
    height: 110px;
    float: left;
    vertical-align: middle;
    text-align: center;
}
#main-container .display-comment .container-content-comment .start p{  line-height: 18px;}
#main-container .display-comment .container-content-comment .info-content-comment{
    width: 400px;
    height: 110px;
    float: right;
    line-height: 18px;
}
/*End display comment*/

/*trag thanh toan*/
.title-top {
    background: url('images/bg-title.png');
    color: #FFFFFF;
    font-weight: bold;
    padding-left: 10px;
    height: 30px;
    margin-bottom: 10px;
}
.client-info{
	 border: 1px solid #6C6C6C;
    width: 355px;
    padding-bottom: 10px
}
.client-info input[type="text"]{
	margin-right: 10px;
	height: 23px;
	width: 245px;
}
.client-info p{
	margin-left: 15px
}
.checkout-info{
		 border: 1px solid #6C6C6C;
    width: 255px;
     padding-bottom: 10px;
     height:238px;
}
.left.address {
    margin-right: 10px;
    width: 104px;
    margin-bottom: 8px
}
.left.address.first{
	margin-left: 15px
}
.left.address.last{
	margin-right: 0px;
}
.left.address select{
	width: 100%;
	height: 22px;
}
.check-box{
	 background-color: #ECECEC;
    margin-left: 15px;
    margin-right: 10px;
    padding-left: 10px;
}
.checkout-info .check-box{
	color: #9E0B0F;
	margin-left: 10px
}
.checkout-info p{
	margin-left: 10px;
	margin-right:10px;
}

.right.checkout-info > input {
    height: 20px;
    margin-left: 10px;
    width: 233px;
}

.right.checkout-info > select {
    height: 25px;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-top: 5px;
    width: 235px;
}
.info-cart{
	margin-top: 10px;
    width: 400px;
}
.title-top .right{
	margin-right: 10px;
	color: #999999;
}
.info-cart table{
	border:1px solid #959595;
	width:100%;}
.info-cart table th{
	background-color: #ECECEC;
}
.info-cart table td{
	text-align:center;
	vertical-align:middle;
	text-align:center;
	border-top:1px solid #959595;
}
.info-cart table td img{
	width:60px;
	height:90px;
	}
.info-cart table td h3{
	font-weight:bold;
	color:#3f3f3f;
	}
.info-cart table td input[type="text"]{
	width:20px;
	text-align:center;
	}
.info-cart table tr:last-child td{
	background-color: #ECECEC;
	color: rgb(158, 11, 15);
	}
.info-cart .title-top{
	margin-bottom:0px;
	} 
.order{
	padding-top:50px;
	width:210px;
	text-align:center;
	}
.order a{
	padding:10px 20px;
	background-color:rgb(158, 11, 15);
	font-weight:bold;
	font-size:18px;
	color:#ECECEC;
	border-radius:8px;
	}
.order p{
	margin-top:10px;
	font-style:italic;
	text-align:left;
	}


/*Begin register*/
#main-content #container-register {
    float: left;
    margin-top: 5px;
    width: 620px;
    font-family:Arial,serif,Helvetica;
    height:auto;
}
#container-register > div#title-register {
    background: none repeat scroll 0 0 #900809;
    color: #FFFFFF;
    height: 32px;
    line-height: 32px;
    padding-left:16px;
    font-size: 14px;
}
#container-register .main-register{
    width:598px;
    height: auto;
    border:1px solid #959595;
    float:left;
    padding:5px 10px 10px 10px;
}
#container-register .main-register table.register tr td input[type='text'],
#container-register .main-register table.register tr td input[type='password'],
#container-register .main-register table.register tr td input[type='email']{
    width:220px;
    border:1px solid #d7d7d7;
    height:18px;
    padding: 2px;
    margin-top:8px;
}
#container-register .main-register table.register tr th{
    text-align: right;
    padding-right: 16px;
    vertical-align: middle;
}
#container-register .main-register table.register tr td select{
    width: 67px;
    height:22px;
    margin-right: 8px;
}
#container-register .main-register table.register tr td .date-month{
    width:280px;
    height:25px;
    float:left;
}
#container-register .main-register table.register tr td .gt{
    float:right;
    width: 180px;
    text-align: right;
}
#container-register .main-register table.register tr td input[type='radio']{
    margin-left:12px;
}
#container-register .main-register table.register tr td .address{
    width:106px;
    margin-right:10px;
    float: left;
}
#container-register .main-register table.register tr td .address select{
    width:106px;
    height: 22px;
}
#container-register .main-register table.register tr td .img-captchar{
    width:104px;
    height:40px;
    float:left;
    margin: 8px 5px 8px 0;
    background: #CCC;
}
#container-register .main-register table.register tr td .input-cap{
    width: 345px;
    height: 40px;
    float: left;
    margin: 8px 0;
}
#container-register .main-register table.register tr td input#captchar{
    width: 96px;
    padding: 2px;
    height: 18px;
    margin-top: 2px;
}
#container-register .main-register table.register tr td .input-cap p{
    line-height: 15px;
    font-size: 12px;
}
#container-register .main-dk{
    height: 225px;
    width:598px;
    border:1px solid #959595;
    float:left;
    padding:5px 10px 10px 10px;
}
#main-content .agree{
    font-weight: bold;
    margin-top: 5px;
}
#main-content .submit-register{
    vertical-align: middle;
    margin-top: 20px;
    text-align: center;
}
#main-content .submit-register button{
    width:auto;
    height:28px;
    padding: 0 15px;
    background: #9a0b0d;
    border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius:5px;
        -webkit-border-radius:5px;
    line-height: 28px;
    color:#FFF;
    border:none;
    margin: 0 auto;
}
#main-content .submit-register button:hover{
    cursor: pointer;
}
/*End register*/

.cate-product{
	position: relative;
	margin-top:5px;
	
}
.firstnews{
	width:376px;
	height:362px;
	float:left;	
	position:relative;
}
.firstnews img{
	width:376px;
	height:325px;
	border:none;
}
.firstnews .title-image{
	width:356px;
	height:auto;
	position:absolute;
	bottom:0px;
	left:0px;
	padding:10px;
	line-height:normal;
	background:#333;
	opacity:0.8;
}
.firstnews .title-image a{
	color:#fff;
	font-weight:bold;
}

/* --- for category blog --*/

.group:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.group {
	display: inline-block;
	clear: both;
}
* html .group {
	height: 1%;
}
.group {
	display: block;
}
.hosting .info{
	float:left;
	width:535px;
	border-bottom:1px dotted #9E0B0F;
	}
.hosting .info p{
	line-height:18px;
	}
.hosting .info img.pic{
	width:120px;
	height:100px;
	float:left;
	margin-right:10px;
	margin-top:10px;
	}
.title_red, .title_red a{
	color: #9E0B0F;
	font-size:13px;
	font-weight:bold;
}
.title_red{
	border-bottom:1px solid #9e0b0f;	
}
#page{
	text-align:center;
	}
#page a{
	margin:2px;
	padding: 3px 7px;
 	background-color: #0CBAFB;
	color:white;
	font-weight:bold;
	}
#content-wrap #page a:hover{
	color:red;
}
/* --- for category blog --*/
/*

/* for category list */

.category-list .category .cat-list-row{
	height: 160px;
	width: 100%;
	border-bottom: 1px solid #2DABCD;
	float: left;
	margin-top: 12px;
}

.category-list .category .cat-list-row .img{
	float: left;
	height: 150px;
	width: 200px;
}

.category-list .category .cat-list-row .img img{
	float: left;
	height: 150px;
	width: 200px;
}

.category-list .category .cat-list-row .list-title{
	height: 115px;
	width: 744px;
	float: left;
	overflow: hidden;
	margin-left: 12px;

}
/**/

 * Page
 */
.pagination{
	height:20px;
	width:auto;
	text-align:center;
}

.pagination a{
	color:#0095FD;
	font-size:10px;
	padding:5px 8px;
	line-height:20px;
	margin:0 5px;
	border:1px solid #9E0B0F;
}

.pagination span{	
	color:#9E0B0F;
	font-size:11px;
	padding:5px 8px;
	margin:0 5px;
	border:1px solid #9E0B0F;
}
.pagination span span{	
	background:#9E0B0F;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	padding:5px 8px;
	margin:0 5px;
	border:1px solid #9E0B0F;
}
.pagination a:hover{
	color:#BA8748;
}
/*
 * Page 
 */
 #main-content .block_sorting_count_to_page{
 	display: none;
 }
 #main-content .block_sorting_count_to_page a{float:left;background-position:center;width:20px;
	height:20px;
	display:block;
	margin-left:8px;
	opacity:0.5;
	}
#main-content .block_sorting_count_to_page a.xem{
	background-image:url(images/nut-xem.png);
	}
#main-content .block_sorting_count_to_page a.xem-ngang{
	background-image:url(images/nut-xem-ngang.png);
	}
#main-content .block_sorting_count_to_page a:hover{
	opacity:1;
	}
#main-content .block_sorting_count_to_page a.active{
	opacity:1;
	
	}
#main_image{
	padding-top:14px !important;
	max-width:220px !important;
	min-width:40px !important;
	max-height:220px !important;
	min-height:50px !important;
	width:auto !important;
	height:auto !important;
}
#detail-product tr td span { color: #E73802 !important}
ul li.title{
 background-image: url("images/icon-shop.png");
    background-position: 10px -2px;
    background-repeat: no-repeat;
    color: #2dabcd;
    display: block;
    margin-bottom: 10px;
    margin-top: 5px;
    padding-left: 40px;
}
p.title{
	border-bottom: 2px solid blue;
	padding-bottom: 5px;
}

.featcatsthanhthem h3{ margin: 0 5px 0 -9px;	background: #62bb47;    color: #f5f7fa;    font-weight: bold;    height: 30px;    line-height: 30px;    padding-left: 20px;}.featcatsthanhthem h3 a{	color: white}

.featcatsfooter-thanhthem .featcat {
	padding: 0 8px 0 10px;
	margin-top: 10px;
}
.featcatsfooter-thanhthem li h3{
	background-color: #62bb47;
    border-radius: 7px;
    padding: 3px 0 3px 6px;
}
.featcatsfooter-thanhthem-clear li h3{
	background-color: #62bb47;
    border-radius: 7px;
    padding: 3px 0 3px 6px;
}

.featcatsfooter-thanhthem .fc_leading h4{
	height: 23px; 
	overflow: hidden;
}
.featcatsfooter-thanhthem-clear .fc_leading h4{
	height: 23px; 
	overflow: hidden;
}

.featcatsfooter-thanhthem .fc_leading li{
	padding: 1px 0 !important;
	list-style-image: url("images/icon_menu_left1.gif");
    margin-left: 21px;
    padding: 1px 0 !important;
}
.featcatsfooter-thanhthem-clear .fc_leading li{
	padding: 1px 0 !important;
	list-style-image: url("images/icon_menu_left1.gif");
    margin-left: 21px;
    padding: 1px 0 !important;
}
.featcatsfooter-thanhthem li h3 a{
	color: white;
}
.featcatsfooter-thanhthem-clear li h3 a{
	color: white;
}

.featcatsfooter-thanhthem li h4 a{
	color: black;
	font-weight: bold;
}
.last .featcat {
border: none;
}
#thanhthemnewsslide h3{
	display: none;
}

#thanhthemnewsslide h4{
	display: none;
}
#newsinslideshow{
	width: 400px; 
	height: 200px;
	float:right; 
	border: 1px solid #C1C7C1; 
	border-radius: 5px;
	box-shadow: 0px 0px 5px 1px #E8E3E5;
	overflow: hidden;
}
#newsinslideshow p{
	padding-right: 22px;
	text-align: justify;
}
#social{
	position: absolute;
	right: 0px;
	width: 70px;
	top: 20%;
}

#popupquangcao{
	background: none repeat scroll 0 0 #fff;
    border: 0 solid red;
    bottom: 0;
    position: fixed;
    right: 0;
    width: 300px;
    z-index: 9999;
    border: 2px solid #93B028;
}
#popupquangcao .quangcaothumb{
 	float: left;
    height: 80px;
    text-align: center;
    width: 80px;
}
#popupquangcao .quangcaothumb a{
 font-weight: bold;
}
#popupquangcao .quangcaodescription{
	float: left;
    padding: 0 10px;
    text-align: justify;
    width: 180px;
}
#popupquangcao li{
	border-bottom: 2px solid #cdcdcd;
    float: left;
    font-weight: normal;
    padding: 5px 0;
    text-align: left;
    width: 100%;

}
#headtitle span{
	width: 50%;
	float: left;
	color: white;
	text-align: center;
	font-family: cursive;
	background-color: #ee457d;
}
/*phung*/
.price-old
{
display:none;
}
#popupquangcao
{
display:none;
}
.item166
{
display:none;
}
/*gọi điện*/
#goidien {
    background: #090;
    height: 38px;
    line-height: 38px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #fff;
    padding: 0 7px 0px 25px;
    position: fixed;
    z-index: 9999;
    left: 0;
    bottom: 10px;
    font-weight: 600;
    font-size: 15px;
    display: none;
}
#goidien img
{
	width: 20px;
	position: absolute;
    top: 8px;
    left: 5px;
}	
@media all and (max-width: 480px) {

#goidien {
    display: block;
}
}
/*<a href="tel:0943722465" id="goidien">	<img src="/images/banners/phone.png">&nbsp;Gọi Ngay</a>*/
/*end gọi điện*/

/*start responsive*/

@media all and (max-width: 480px) {

	#page-wrap{
		width: 100%;
		overflow: hidden;
	}
	#header{
		width: 100%;
	}
	#box-login{
		display: none;
	}
	#header #top-container #logo{
		width: 20%;
		height: 100%;
		display:none;
	}
	#header #top-container #ads{
		max-width:100% !important;
		height: auto !important;
		width:100% !important;
		overflow: hidden;
		margin: 0 auto !important;
	}
	#slide{
		/* display:none; */
		width: 100%;
	}
	#showplus_images_slideshow
	{
		width:100% !important;
		height: 100px !important;
	}
	#showplus_images_slideshow .showplus
	{
		width:100% !important;
	}
	.showplus-images
	{
		width:100% !important;
	}
	.showplus-images span
	{
		background-repeat: no-repeat;
	    	background-color: white;
		left:0px !important;
		height:60px;
		background-size: contain;
		margin-top: -20px;
		/* background: none no-repeat scroll center center white; */
	}
	#header #menu-top ul li a{
		padding: 0px 6px;
	}
	#header #top-container #ads img{
		width: 100%;
	}
	#main-container #left-siderbar{
		width: 100% !important;
		margin-left: 0px;
	}
	#main-container #left-siderbar #hot-product{
		display: none !important;
	}
	.featcatsthanhthem{
		margin-right: 16px;
	}
	#main-container #right-siderbar{
		width: 100% !important;
	}
	#header #top-container #logo img{
		width: 100%;
	}
	#sort{
		display: none;
	}
	#main-container #main-content{
		width: 100% !important;
		margin: 0px 2px !important;
	}
	#logo-slide{
		display:none;
	}
	#news-details{
		width:98%;
	}
	#news-details img{
		max-width: 100% !important;
		height: auto !important;
	}
	#main-content #intro-product{
		width: 96% !important;
	}
	#main-container #main-content #main-tab .tabs-main-container ul li{
		width: 48% !important;
	}
	.box-pro{
		width: 100% !important;	
	}
	#main-container #right-siderbar #new-product{
		display: none !important;	
	}
	#main-content .cate-product .box-pro{
		width: 49% !important;	
		margin: 0px auto !important;
	}
	.box_products_sorting{
		display: none !important;
	}
	.jshop_list_product .box_products_count_to_page{
		display: none !important;
	}
	#main-container .main-comment-product{
		display: none;
	}
	#gt img{
		max-width: 100% !important;
		height: auto !important;
	}
	#main-content > div#container-cart{
		width: 100% !important;
	}
	#main-content div#container-cart table{
		width: 100% !important;
	}
	#main-content div#container-cart table tr th{
		padding: 0px !important;
		vertical-align: baseline;
	}
	#main-container #container-cart #main-detail{
		width: 90% !important;
	}
	#main-content div.submit-cart{
		float:left !important;
	}
	div.jshop_register{
		width: 100% !important;
	}
	.address_block .jshop_register .name {
		width: 20% !important;
	}
	div.jshop_register .inputbox {
		width: 79% !important;
	}
	.main-top-news{
		width: 100% !important;
	}
	.main-top-news ul li img{
		width: 20% !important;
	}
	.main-top-news ul li div{
		width: 69% !important;
	}
	.main-top-news ul li{
		height: 95px !important;
	}
	.block-news{
		width: 98% !important;
	}
	.block-news img{
		width: 100% !important;
	}

	.child-block{
		width: 100% !important;
		height: auto !important;
	}
	.child-block div{
		width: 70% !important;
	}
	.child-block img{
		width: 22% !important;
	}
	.category-list .category .cat-list-row .img{
		width: 20% !important;
	}
	.category-list .category .cat-list-row .img img {
		width: 100% !important;
	}
	.category-list .category .cat-list-row .list-title{
		width: 23% !important;
		height: auto;
	}
	.category-list .category .cat-list-row{
		height: 160;
		overflow: hidden;
	}
	#search{
		display:none;
	}
	#online{
		display:none;
	}
	#left-nav > ul{
		 display: none; 
	}
	
	#top-nav{
		/* display: none !important; */
	}
	#header #top-nav
	{
		background: #20AC25;
		height:auto !important;
	}
	#main-container #left-siderbar #left-nav h2.title{
		background-color: #AD0A0D;
		border-radius: 14px;
	}
	#left-nav{
		/* margin-right: 25px; */
	}
	#left-siderbar div:not(#left-nav, #support-client){
		display: none;
	}
	#left-siderbar > p{
		display: none;
	}
	#left-siderbar > ul{
		display: none;
	}
}

@media all and (max-width: 800px) {

	#page-wrap{
		width: 100%;
	}
	#header{
		width: 100%;
	}
	#box-login{
		display: none;
	}
	#sort{
		display: none;
	}
	#main-container #left-siderbar{
		width: 22%;
	}
	#slide{
		/* display:none; */
	}
	#main-container #main-content{
		width: 69%;
	}
	#main-container #right-siderbar{
		width: 23%
	}
	#logo-slide{
		display:none;
	}
	#news-details{
		width:98%;
	}
	#news-details img{
		max-width: 100% !important;
		height: auto !important;
	}
	#main-container #main-content #main-tab .tabs-main-container ul li{
		width: 48%;
	}
	.box-pro{
		width: 100%;	
	}
	#main-content .cate-product .box-pro{
		width: 48%;
	}
	#main-container .main-comment-product{
		display: none;
	}
	#gt img{
		max-width: 100% !important;
		height:auto !important;
	}
	#header #top-container #logo{
		width: 20%;
		height: 100%;
	}
	#header #top-container #ads{
		width: 71%;
		height: 100%;
	}
	#header #top-container #ads img{
		width: 100%;
	}
	#header #top-container #logo img{
		width: 100%;
	}
	.price-old{
		display: none;
	}
		#main-container #right-siderbar #news{
		display: none;
	}
	#main-container #right-siderbar #search input[type='text']{
		width: 36%;
	}
	.main-top-news{
		width: 100%;
	}
	.main-top-news ul li div{
		float: left;
		width: 72%;
	}
	#social{
		display: none;
	}
	.featcatsfooter-thanhthem{
		width: 94%;
	}
	#main-container #left-siderbar #left-nav h3.title{
		background-color: sienna !important;
		color: white;
		background: url('images/Click-Here-Icon.png') no-repeat scroll right center;
		background-size: 33px;
	}
} 