@charset "utf-8";
html {font-size: 100.01%;}
body {background-color: #fff;color: #444;font: 82%/1.4em Arial, Helvetica, sans-serif;margin: 0;padding: 0;}
div, p, li {height: 1%;}

/* HEADING */
h1, h2, h3, h4, h5, h6 {font-style: normal;font-weight: normal;line-height: 1.2em;margin: .7em 0 .5em;}
h1 {font-size: 2em;}
h2 {font-size: 1.75em;}
h3 {font-size: 1em;}
h4 {font-size: 1.2em;font-weight: bold;}
h5 {font-size: 1em;font-weight: bold;}
h6 {font-size: 1em;font-style: italic;}

/* LIST */
ul, ol {line-height: 1.2em;margin: .75em 0 .75em 32px;padding: 0;}
ol li {list-style-type: decimal;}
ul li {list-style-type: disc;}
ul ul li {list-style-type: circle;}
ul ul ul li {list-style-type: square;}
ol ol li {list-style-type: lower-alpha;}
ol ol ol li {list-style-type: lower-roman;}
dl {margin: 1em 0;}
dt {margin: 1em 0 0 0;}
dd {margin: .5em 0;}

/* PARAGRAPH */
p {margin: 1em 0; padding:0;}
address {margin: 1em 0;}

/* QUOTE */
blockquote {margin: .75em 0 .75em 20px;padding: 0;}
blockquote p:before, blockquote p:after, q:before, q:after { content: '';}
blockquote p, li p {margin: .75em 0;}

/* LINK */
a{color:#000;text-decoration:none;}
a:hover{ color:#222; text-decoration:underline;}
a:active {outline: none;}
a img {border: none;}

/* MONOSPACE */
pre, tt, code, kbd, samp, var {font-family: "Courier New", Courier, monospace;}

/* INLINE */
sub, sup {font-size: smaller;line-height: 1em;}
sub {vertical-align: sub;}
sup {vertical-align: super;}
img {vertical-align: bottom;}
abbr, acronym, dfn {border-bottom: 1px dotted #333;cursor: help;font-variant: normal;} 

/* FORM */
form, fieldset { border: 0;margin: 0;padding: 0;}
input, button, select, textarea {font: 1em/1.4em Arial, Helvetica, sans-serif;}
input[type="checkbox"], input[type="radio"] {vertical-align: text-bottom;}
button, input[type="submit"], input[type="reset"], input[type="button"], input.button {overflow: visible;padding: 0 .25em;width: 0;}
button, input[type="submit"], input[type="reset"], input[type="button"], input.button[class] {width: auto;padding:2px 20px}
input[type="text"], select, textarea{ border:1px solid #bfbfbf;background:#fff;}

/* TABLE */
table {border: 0;border-collapse: collapse;border-spacing: 0;margin: 0;}
table td, table th { border: 0;padding: 0;text-align: left;vertical-align: top;}


#wrapper {margin: 0 auto;width: auto;}

/* MENU */
#main-menu {background:#222222;font-size: 100%;margin-bottom: 10px;overflow: hidden;width: 100%;}
#main-menu ul {margin: 0;position: relative;}
#main-menu ul li {width:25%;float: left;list-style: none outside none;text-align: center;height: 26px;line-height:26px;}
#main-menu a{ color:#EEE; width:30%;}

/* TIM KIEM */
.search {height: 27px;margin: 10px 5px;}
.search .key-search {color: #777777;float: left;font-size: 100%;height: 14px;padding: 6px 2px;width: 62%;}
.search .btn-search {background: url(../images/bg.png) repeat-x scroll 0 0 transparent;color: #FFFFFF;float: right;height: 27px;    text-transform: uppercase;width: 25%;}

.search .btn-search {background: url("../images/bg.png") repeat-x scroll 0 0 transparent;color: #FFFFFF;float: right;height: 27px;    text-transform: uppercase; width: 25%;}

.btn {background: url(../images/bg.png) repeat-x scroll 0 -236px transparent;border: 0 none;border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 1px #BBBBBB;color: #FFFFFF;display: inline-block;font-weight: bold;height: 23px;line-height: 23px;padding: 0 5px;}

#body { width: 100%-;}
.browse {}
.browse h3.title-tintuc {background: url("../images/bg.png") repeat-x scroll 0 -259px transparent;font-size: 0.8em;line-height: 27px;margin: 0;overflow: hidden; height:27px; border: 1px solid #DBDBDB; border-bottom:none;}
.browse h3 .title{ padding-left:3px;}
.browse h3 a {cursor: pointer;display: block;float: left;padding: 0 0 3px 5px;}
ul.menu-sub li{margin: 5px 0px;}
.menu-mobi li{margin: 5px 0px;}
ul.menu-sub li a span.bullit-menu, .browse h3 span.bullit-title, .fied h3 span.bullit-title, ol.menu-shop li span.bullit-title {
    background: url("../images/bg.png") no-repeat scroll -24px -142px transparent;display: inline-block;float: right;height: 9px;
    margin: 10px 5px 0;width: 9px;}
.browse h3.active span.bullit-title, .fied h3.active span.bullit-title, ol.menu-shop li.active span.bullit-title {background: url("../images/bg.png") repeat-x scroll -33px -142px transparent;}
.fied ul.menu-sub {background: none repeat scroll 0 0 #FFFFFF;font-size: 100%;margin: 1px 5px;opacity: 0.95;}
.fied ul.menu-sub li {background: url("../images/bg.png") no-repeat scroll 100% -468px transparent; padding:0px;}
.fied ul li {border-bottom: 1px solid #EEEEEE;height: auto;line-height: 24px;list-style: none outside none;text-align: left; width: 100%;}
.fied ul.menu-sub li a {color: #444444;display: block;font-weight: bold;margin-right: 10px;padding: 3px 0;height: auto;}
.fied ul li a span {margin: 0;padding: 0;}
.browse ul {margin: 0;}
.browse ul li {border-bottom: 1px dotted #DBDBDB;display: block;font-size: 90%;overflow: hidden;padding: 5px;position: relative;}
.bg-grays {background: none repeat scroll 0 0 #FAFAFA;}
.browse ul li .image-view {border: 1px solid #DBDBDB;float: left;height: 100px;margin: 0 10px 0 0;overflow: hidden;width: 100px;}
.browse ul li img {border: 1px solid #DBDBDB;float: left;margin: 0 10px 0 0;}
.browse ul li h1, .detail h1, .news .news-detail h1, .news .news-list h1, .news .news-content h1 {color: #0083CD;font-size: 1.1em;font-weight: bold;margin: 0 0 5px;}
.browse ul li h1, .browse ul li p {margin: 0 0 5px;}
.price, .compare b {color: #FF0000;font-weight: bold;}
.price{
 font-size:19px;
}
.price1{
 font-size:16px;
font-weight: bold;
}
.btn-top {margin-top: 15px;text-align: right;}
.btn-top a {background: url("../images/bg.png") no-repeat scroll 0 -746px transparent;display: inline-block;padding-left: 18px;}
#footer {border-top: 1px solid #EFEFEF;clear: both;margin: 10px 0;padding-top: 10px;
background:#FF5927;
background-color:#FF5927;
}
.menu-ft { margin-bottom: 10px;text-align: center;}
.menu-ft ul {margin: 0;}
.menu-ft ul li {border-right: 1px solid #0083CD;display: inline-block;margin-right: 5px;padding-right: 5px;}
.ft-ct p {margin: 0;}
.hotline{ margin:0; padding-left:5px; padding-bottom:5px;; color:#F00; font-weight:bold; font-size:1.2em; }
.icon-home {background: url("../images/bg.png") repeat-x scroll -70px -182px transparent;height: 11px;margin: 3px 5px 0 3px;width: 12px;}
.icon-path {background: url("../images/bg.png") no-repeat scroll -13px -138px transparent;display: block;float: left !important; height: 15px;margin-left: 6px;margin-top: 6px;width: 8px;}
.way a{}
.paging {background: none repeat scroll 0 0 #F7F7F7;padding-top: 2px;text-align: center;}
.paging li {border: 0 none;display: inline-block !important;margin: 0;padding: 2px !important;}
.paging li .btn-next {background: none repeat scroll 0 0 transparent;border: 0 none;}
.paging li .btn-prev .icon-prev { background: url("../images/bg.png") repeat-x scroll 0 -136px transparent;margin-right: 5px;}
.image-chitiet{ padding:3px; position:relative;}
.chitiet-sp{ padding-top:5px;}
.chitiet-sp p{
	font-size:16px;
}
.chitiet-sp h1{color: black;font-size: 1.1em;font-weight: bold;margin: 0 0 5px;}
.chitiet-sp p{ padding:0px 0; margin:0;}
.mota-sp{ line-height:100%; font-size:15px;}

.mota-sp img, .image-chitiet img, .banner img, .browse img{
	max-width: 99% !important;
	height:auto !important;

}
.banner img{
	padding-bottom:-59px !important;

}
.banner1 img{
	max-width: 100% !important;
	height:auto !important;
	padding-bottom:-59px !important;

}
mota-sp iframe{
height:200px;
}
.quaylai{ background: url("../images/bg.png") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    height: 27px;
	margin:3px;
	line-height:27px;
}
.quaylai:hover{ color:#F60 !important;}

.paging li a{background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #E8E8E8;color: #444444;margin: 0;padding: 1px 4px 0;	margin-left:2px;}
.paging li span.active{ color:#F60;background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #E8E8E8;margin: 0;padding: 1px 4px 0;	margin-left:2px;}
.pd3{ padding:1px;}
.clr,.clear{ clear:both;}

img.hot {
    border: none !important;
    height: auto;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 30px;
}
img.sale {
    border:none;
    height: auto;
    left: 50px;
    position: absolute;
    bottom: 5px;
    width: 35px;
}
.bg-grays img.sale {
	 width: 35px !important;
	 border:none !important;
}

img.khuyenmai {
    
    left: 50px !important;
	border:none !important;
   
}

 .mota-sp iframe {
	 max-width: 99% !important;
	 height:350px !important;
        
 }
.mota-sp {
line-height:19px;
}
.tong {
    background: url("../../template/images/cart.png") no-repeat scroll left center transparent;
    height: 64px;
}

.xemgio span.nut {
    background: url("../../template/images/viewcart.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    float: left;
    height: 46px;
    width: 143px;
}

.bc-arrow{
	float:left;
	margin-top:10px;
	margin-left:5px;
}
div.giohang {
    color: red;
    font-size: 10px;
    margin-left: 30px;
    margin-top: -15px;
}
td.giohang img{margin-top:-5px;
}
.item-tintuc {
    border-bottom: 1px dotted #CCCCCC;
    padding-bottom: 5px;
    padding-top: 15px;
}
.item-tintuc .ngaydang {
    color: #848484;
    padding: 5px 17px;
}
.item-tintuc .trichdan {
    float: left;
    width: 80%;
}
.item-tintuc .hinhanh {
    float: right;
    padding-right: 10px;
    width: 16%;
}
#phan-trang span.current {
    background-color: #21903C;
    border: 0 none;
    color: #FFFFFF;
}
#phan-trang {
    line-height: 30px;
    margin: 10px 0 5px;
    padding-left: 10px;
}

#phan-trang span {
    border: 1px solid #D7D7D7;
    color: #666666;
    margin: 2px;
    padding: 3px 7px;
}

.img-cart{
	max-width:30%;
	max-height:35px;
	width:80px;
	height:99%;
}
.img-hot{
	max-width:60%;
	width:auto;
	height:27px;
}
.browse h1, .browse h2,.browse h3{
	font-size:20px;
	font-weight:bold !important;
	height:auto !important;
}
div.giohang{
	height: 36px;
    width: 112px;
	background:url('../../images/m-viewcart.png') no-repeat center center;
	float:right;
	font-size:8px;
	font-weight:bold;
	margin:0px;
	padding-left: 30px;
    padding-top: 15px;	
	
}
a.giohang{
	text-transform:uppercase;
	font-family:Tahoma, Geneva, sans-serif;
	padding-left:5px;
	border-left:1px solid #777777;
}
#phan-trang span.current {
    background-color: #21903C;
    border: 0 none;
    color: #FFFFFF;
}

img.hot{ position:absolute; width:30px; height:auto; border:none; left:10px; top:20px;}
img.sale{ position:absolute; width:55px; height:auto; border:none; right:10px; bottom:10px;}
.hinhanh img.sale{ position:absolute; width:55px; height:auto; border:none; right:15px !important; top:120px !important;}
img.khuyenmai-single{
	 height: 25px !important;
    left: 305px !important;
    top: 5px !important;
    width: 50px !important;
}
.image-chitiet img.sale{
	left:225px !important;
	width: 100px !important;

}
.thread-khuvuc{
display:block;
border: 1px solid #CCC;
}
.title-khuvuc{
 border-bottom:1px solid black;
}
.thread-khuvuc ul li{
 border-bottom:none;
list-style: disc inside;
}
.br5258 a{
color:#7A26E6;
font-size:14px;
}
.salex{
position: absolute;
width: 40px;
height: auto;
border: none;
left: 62px;
top: 84px
;background-color:#d4232b;
color:white;
padding:1.5px;
}
.khuyen_mai p{
font-size:15px;
}