@charset "utf-8";
/* CSS Document */
 @font-face {
      font-family: "UTMSwissCondensed";
      src: url(../font/UTM_Swiss.ttf) format('truetype');
 }
*{margin:0; padding:0;outline:0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, img, embed  {
margin: 0;
padding: 0;
outline: 0;
border: 0;
}
ol,ul {list-style: none;}
:focus {outline:0;}
.uppercase {text-transform: uppercase;}
.bold {font-weight: bold;}
.inline{display: inline}
.clear{clear:both}
p{ line-height:150%}
body{
color:#000000; font-family: Tahoma, verdana, Times New Roman, Arial, sans-serif ;
font-size:12px;background: #ffffff;
}
a {text-decoration: none;color:#000;font-weight:bold}
a img {border: none;}
a:hover {color: #C10928}
img {vertical-align: center;border:0; border-spacing:0;}
table {border-collapse: collapse;border-spacing: 0;}
tr,td,h1,h2,h3,h4,h5,h6 {font-size:12px;}
h1,h2,h3,h4,h5,h6{font-weight:bold;}
td { padding:5px;}

#wrapper {
margin:0 auto;
text-align:center;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.47);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.47);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.47);
}
#header {margin:0 auto; text-align:center;
background: #fff;
}
#frmsearch,#frmsearch-m{
	position:absolute;
	top:5px; right:0;
	margin: 0 auto;	
	width: 50px;
	height: 30px;
	text-align:right;
	z-index:0;	
}
#frmsearch:hover,#frmsearch:focus{
	width: 180px;
	background:#fff;
	-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #ccc;
}
#txtsearch,#txtsearch-m{
	display: inline-block;	
	margin: 0 auto;
	padding:0;
	width: 0;	
	height: 30px;
	line-height:30px;
	border: none;
	-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
#frmsearch #txtsearch:focus, #frmsearch:hover #txtsearch{width: 130px; padding:0; margin-left:-130px;-ms-transition: width 1s; /* Safari */
	-webkit-transition: width 1s; /* Safari */
    transition: width 1s;}
#btnsearch,#btnsearch-m{
	background: url("../images/search_icon.png") center center no-repeat;
	display: inline-block;	
	margin: 0 auto;	
	width: 40px;
	height: 30px;
	cursor:pointer;
	border: none;
}
#frmsearch-m{
	position:absolute;
	top:1px; right:5px;
	display:none;
	width: 170px;
	height: 30px;
	float:right;
	text-align:right;
	margin-top:2px;
	background:#fff;
	border:1px solid #CCC;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;	
}
#txtsearch-m{
	width: 125px;	
}
#vline{
background: url("../images/linedoc.png") top center no-repeat;
margin:0 auto;
width:7px;
height:60px;
padding:0;
float:left;
}
#menu{
margin: 0 auto;
text-align: center;
height:40px;
z-index:10;
background: #fff;
border-bottom:2px solid #C10928;
}
#menu .nav-toggle{display:none;color:#fff;
text-align:left;
font-family: 'UTMSwissCondensed';
font-size:24px;
font-weight:normal;
padding-top:0px;
}
#menu-mobile{ display:none}
#slideshow-wrap{
	margin:15px 0;	
	background: #C10928;
}
#slideshow{
	width:1100px;
	height:300px;
	margin:0 auto;
	text-align:center;
	position:relative;
}

#body {
margin:0 auto;
width: 1100px;
clear:both;
padding:10px 0;
text-align:left;
}
#left-panel {
width:260px;
text-align: left;
margin:0;
padding:0;
float:left;
}
#body-panel {
text-align: left;
margin:0;
width:820px;
padding:0;
float:right;
}
#right-panel {
display:none;
width:0;
text-align: left;
padding:0;
margin:0;
float:left;
}
.vide {
}
.vide10 {
height:10px;
clear:both;
}
#footer {
margin:0 auto;
text-align: center;
line-height:150%;
padding: 10px 0;
background:#C10928;
color:#fff;
border-top:3px solid #333;
}
#footer a{
color:#fff;
}
#footer-wrapper {
margin: 0 auto;
width:1100px;
text-align:center;
}
#footer-copyright {
width:730px;
float:left;
text-align:left;
}
#footer-stats {
width:200px;
float:left;
text-align:left;
margin:0 20px;
}
#footer-stats p{
	font-weight:bold;
	text-transform:uppercase;
}
#footer-map {
width:300px;
float:right;
text-align:right;
}
#footer-designed {
margin:0 auto;
text-align: center;
line-height:150%;
padding: 5px 0;
background:#333;
color:#fff;
}
#footer-designed a{color:#fff;}
#menudmsp{
	list-style:none;
	margin:-7px -10px -18px -10px;
	background:#c7051c;
	border-top:1px solid #333;
}
#menudmsp ul{}
#menudmsp li a{
	display:block;
	padding:8px 8px 8px 18px;
	text-transform:uppercase;
	border-top:1px solid #ef041f;
	position:relative;
	color:#fff;
	font-weight:normal;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#menudmsp li a:hover{background: #b20320;font-weight:bold;padding:8px 8px 8px 25px;}
#menudmsp li a:before{
	content:"";
	display:block;
	height:5px; width:5px;
	position:absolute; top:13px; left:6px;
	background:#eee;
	-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
#menudmsp li ul{display:none;}
#menudmsp li:hover ul,#menudmsp li.selected ul{display: block;}
#menudmsp li ul li{position:relative}
#menudmsp li ul li:before{
    content: '»'; color:#fff;
    position: absolute;
    left: 18px;
    top: 4px;
}
#menudmsp li ul li a{
	padding:5px 5px 5px 30px;
	background: none;
	text-transform: none;
	font-weight:normal;
	border-top: none;
}
#menudmsp li ul li a:before{
	content:"";
	height:0; width:0;
}
.box_tblr{
	background:#fff;
	width:260px;
	border:0;
	padding: 0;
	margin-bottom: 13px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(128,126,128,0.5);
-moz-box-shadow: 0px 0px 10px 0px rgba(128,126,128,0.5);
box-shadow: 0px 0px 10px 0px rgba(128,126,128,0.5);
}
.box_top{	
	font-weight:normal;
	padding: 0 5px 0 10px;
	margin: 0; position:relative;
	text-transform:uppercase;
	font-family: 'UTMSwissCondensed';font-size: 16px;
	height: 36px;
	line-height:36px;	
	color:#fff;
	background: #C10928;
}
.box_top span{
}
.box_top a{color:#fff;}
.box_body{
	padding: 7px 10px;
}
.box_bottom{
	height: 10px;
}
.boxbody_tbl{
	background:#fff;
	margin-bottom: 16px;
	width:820px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(128,126,128,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(128,126,128,0.5);
	box-shadow: 0px 0px 10px 0px rgba(128,126,128,0.5);
}
.boxbody_top{	
	font-weight:normal;
	padding: 0 10px;
	margin: 0;
	text-transform:uppercase;
	font-family: 'UTMSwissCondensed';font-size: 16px;
	height: 35px;
	line-height:35px;
	border-bottom:2px solid #C10928;
	background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ebebeb 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ebebeb));
background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ebebeb 100%);
background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ebebeb 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ebebeb 100%);
background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ebebeb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0 );
}
.boxbody_top span{
	display:inline-block;
	padding:0 10px;
	background-color:#C10928;
	color:#fff;
	height: 35px;
	line-height:35px;
}
.boxbody_top span a{font-weight:normal;color:#fff;}
.boxbody_top span a:hover{font-weight:normal;color:#fff;}
.boxbody_top h1, .boxbody_top h2{font-size: 16px; font-weight:normal}
.boxbody_top p.viewall{
	text-align:right;
	text-transform:none;
	float:right;
	font-style:italic;
	margin-top:5px;
}
.boxbody_body{
	margin:0;
	padding: 8px;
}
.boxbody_body img{
	max-width:100% !important;
}
.boxbody_body table{
	width:100% !important;
	overflow:auto;
}
.boxbody_body p{
	margin:10px 0;
	line-height:140%;
}
.boxbody_bottom{
	height: 5px;
}

/* hien san pham dang table*/
.box-sanpham{
padding: 0;
width:191px;
display: block;
float:left;
text-align:center;
vertical-align:top;
margin:0 10px 10px 0;
position: relative;
border:1px solid #ededed;
-webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);   
}
.box-sanpham:hover{
	background-color:#eee;
-webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.2);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.2);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.2);
    transition: all 200ms ease-in;
    transform: scale(1.2);
	z-index:200;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
}
.product-info{

}
.sp-img-wrapper{
padding:3px;
width: 185px;
height: 130px;
overflow:hidden;
margin-bottom:5px;
position:relative; 
}
.sp-img{
width: 185px;
height: 130px;
position:absolute;
margin:3px auto;
top:0; left:0; right:0; bottom:0;
}
a.product-name{
display:block;
padding:2px; line-height:140%;
height:30px; overflow:hidden;
}
.product-price{
display:block;
padding:3px 0 10px 0;
color:#FF0000;
font-weight:bold;
}
a.product-detail{
display: inline-block;
width: 68px;
height:27px;
padding:0;
background: url("../images/btn_detail_vn.gif") center center no-repeat;
text-indent:-9000px;
margin:5px 5px 10px 5px;
}
a.product-order{
display: inline-block;
width: 68px;
height:27px;
padding:0;
background: url("../images/btn_order_vn.gif") center center no-repeat;
text-indent:-9000px;
margin:5px 5px 10px 5px;
}
.product-code{ display:none}
.icon-saleoff{ position:absolute; top:-5px; left:-3px; width:40px; display:none}
.icon-hot{ position:absolute; top:-5px; right:0; width:40px; display:none}
.icon-new{ position:absolute; top:0; left:71px; width:40px; display:none}
/* hien san pham dang list*/
.produc-item-list{
width:100%;
min-height: 150px; 
height:auto !important; 
height: 150px;
position:relative;
display:block;
clear:both;
border-top: 1px dotted #CCCCCC;
background: #FFFFFF;
margin-top:10px;
padding: 5px 0;
}
.pil-img-wrapper{
width: 160px;
height: 160px;
/*background: url("../images/box-sp-bg.png") center center no-repeat;*/
overflow:hidden;
margin: 0 auto;
position:absolute;
top:5px;
left:0;
}
.pil-img{
width: 154px;
height: auto;
padding:2px;border:1px solid #ccc;
}
.pil-info{
position:absolute;
top:5px;
left: 175px;
line-height:150%;
}
.pil-info .product-name{ font-size:16px; padding:0;}
.pil-info .product-price{
padding:0; font-size:15px;
color:#FF0000;
font-weight:bold;
}
.small-produc-img{margin:2px;border:1px solid #CCC;}
.box-dungchung{
background: #FFF url("../images/bgshare.png") bottom repeat-x;
padding: 7px;
margin: 0 0 10px 0;
border:1px solid #CCCCCC;
line-height:150%;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
display:inline-block;
}
/* san pham chi tiet*/
.product-detail-img{float:left; width:380px;}
.product-detail-info{float:left;font-size:16px; width:310px; margin-left:20px;}

.phantrang {
/*background: #414141;*/ /*background of menu bar (default state)*/
width: 100%;
clear:both;
margin: 0 auto;
text-align:center;
}

.phantrang ul{
margin: 0;
padding: 5px;
list-style-type: none;
}

/*Top level list items*/
.phantrang ul li{
position: relative;
display: inline-block;
margin-left:-1px;
color:#555;
background: #eee;
}
.phantrang ul li:first-child a{
	-moz-border-radius:3px 0 0 3px;
	-webkit-border-radius:3px 0 0 3px;	
	border-radius:3px 0 0 3px;
}
.phantrang ul li:last-child a{
	-moz-border-radius:0 3px 3px 0;
	-webkit-border-radius:0 3px 3px 0;
	border-radius:0 3px 3px 0;
}
/*Top level menu link items style*/
.phantrang ul li a{
display: inline-block;
text-decoration: none;
border:1px solid #ccc;
padding:7px 10px;
}
.phantrang ul li.bacham{
}
* html .phantrang ul li a,* html .phantrang ul li.bacham{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}
.phantrang ul li a:link, .phantrang ul li a:visited{

}
.phantrang ul li a:hover,.phantrang ul li a.selected{
	background: #C10928;
	border:1px solid #C10928;
	color:#fff;
}
.phantrang ul li a.selected{
}
.button{
	display: inline-block;
	border:1px solid #0a6296;
	padding:7px;
	margin-top:5px;
	color:#fff;
	background: #C10928;
}
.button:hover{
	background: #0a6296;
	color:#fff;
	cursor:pointer;
}
.textwhite-shadow {
	color:#FFF;
	text-shadow:1px 1px 1px #000;
}
.textblack-shadow {
	color:#000;
	text-shadow:1px 1px 1px #fff;
}
.floating-banner-left,.floating-banner-right{
	position:fixed;
	top:0;
	width:150px;
	height:100%
}
.floating-banner-left{text-align:right}
.floating-banner-right{text-align:left}

#usertextbox{
	background: url("../images/username_bg.png") top center no-repeat;
	border:0;
	width:100px;
	height:20px;
	padding-left:14px;
	text-indent:12px;
}
#passtextbox{
	background: url("../images/password_bg.png") top center no-repeat;
	color:#333;
	border:0;
	width:100px;
	height:20px;
	padding-left:14px;
	text-indent:12px;
}
#slideads{
	position:absolute;
	visibility: hidden;
	z-index:1000;
	height:1px;
}
#slideads1{
	float:left;	
}
#slideads2{
	float:right;
}
/* Clearfix */
* html .clearfix {
	height: 1%; /* IE5-6 */
}

.clearfix {
	display: inline-block; /* IE7xhtml*/
}

html[xmlns] .clearfix { /* O */
	display: block;  
}

.clearfix:after { /* FF, O, etc. */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.left {
	float:left;	
}

.bar {
margin:0 auto;
text-align: center;
color:#555;
text-shadow:1px 1px 1px #fff;
font-weight:bold;
padding: 5px;
height:40px;
background: #FFF url("../images/header.png") top center;
}
.scat-bar {
margin:0 auto;
text-align: left;
color:#555;
text-shadow:1px 1px 1px #fff;
font-weight:bold;
padding: 5px 10px;
height:26px;
background: #FFF url("../images/header.png") top center;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:1px solid #DCDCDC;
}
.share-box{
	background: url('../images/bgshare.png') center center;
	padding:5px;
	margin-top:10px;
	border:1px solid #ddd;
	text-align:center;
	clear:both;
}

/*Tin tuc*/
.news{
width:100%;
position:relative;
clear:both;
border-bottom:1px dashed #CCCCCC;
padding:5px 0;
}
.news img{width:160px; float:left; margin:5px 10px 10px 0; padding:2px; border:1px solid #D0D0D0; background:#FFFFFF;}
.news h2 a,.news h3 a{font-size:15px;}
.news p.posted-date{color:#959595;font-size:11px;}
.news a.btn-detail{display:inline-block;width:79px; height:19px; background: url("../images/xemtiep.gif"); text-indent:-10000px; float:right;}
.news .summary{text-align:justify; line-height:140%;}

.news-detail { clear:both;}
.news-detail img.news-image{width:270px; margin:5px 10px 10px 0; padding:3px; border:1px solid #D0D0D0; background:#FFFFFF;}
.news-detail h2,.news-detail h3{font-size:15px; color:#000000;}
.news-detail p.posted-date{color:#959595;}
.news-detail .summary{text-align:justify; font-weight:bold}
.news-detail .detail{text-align:justify;}

ul.li-news li {margin-left:20px; line-height:150%;}
ul.li-news li a{font-weight:normal;}
ul.li-news li a:hover{}

ul.li-left {list-style:disc inside; margin:0;}
ul.li-left li {line-height:150%;margin:0; padding:0;}
ul.li-left li a{font-weight:normal;}
ul.li-left li a:hover{}

a.tag{ font-weight:normal;}

p.view-sort{text-align:right; vertical-align:middle; line-height:20px; margin-bottom:7px;}
a.view-list{ display:block; float:right;width:20px; height:20px; background: url("../images/view-list.gif") center center no-repeat; text-indent:-9000px; margin-right:5px;cursor:pointer}
a.view-table{ display:block; float:right;width:20px; height:20px; background: url("../images/view-table.gif") center center no-repeat; text-indent:-9000px; margin-right:5px;cursor:pointer}
/* jCarousel Lite */
.jCarousel ul li{}
.jCarousel-vertical-arrow{float:right; margin-top:-7px;}
.jCarousel-vertical-arrow .prev{height:0; width:0; background:none;
	border-top:7px solid transparent;
	border-bottom:7px solid transparent;
	border-right:7px solid #fff;
	border-left:7px solid transparent;
}
.jCarousel-vertical-arrow .next{height:0; width:0; background:none;
	border-top:7px solid transparent;
	border-bottom:7px solid transparent;
	border-left:7px solid #fff;
	border-right:7px solid transparent;
}
.jCarousel-spbc ul li{border-bottom:1px dotted #bbb; padding:7px 0; text-align:center}
.jCarousel-spbc ul li img{width:240px; height:170px; margin-bottom:5px;}
.end-row{margin-right:0}
.box-support{text-align:center;margin-bottom:5px}
.support-name{background:#CCC;font-weight:bold;color:#0E2BFF;padding:5px 0px;}
.box-connect{display:inline-block;width:110px}
.box-connect img{
    width:110px;height:80px;
}