@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

ul, ol {
	list-style: none;
}

img {
	border: 0;
}

a {
	text-decoration: none;
	color:#FFF;
}

a:hover {
	text-decoration: underline;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clear{
	clear:both;
}

.shadow {
  -moz-box-shadow:    0px 0px 19px 6px #666;
  -webkit-box-shadow: 0px 0px 19px 6px #666;
  box-shadow:         0px 0px 19px 6px #666;
}

.round{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.no-background{
	background:none !important;
	font-family:arial, sans-serif;
}

textarea{
	resize: none;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
body{
	background:url(../images/bg.jpg) repeat-x top fixed;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#wrapper{
	width:994px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#container{
	width:994px;
	height:auto;
	float:left;
	background:#6D97C9;
	margin-bottom:10px;
}

#banner{
	float:left;
	width:994px;
	height:188px;
}
/*Css cho menu chính*/
#mennu{
	float:left;
	background:#0850A2;
	display:inline;
	margin-top:60px;
	width:994px;
	height:32px;
	line-height:32px;
	/*padding-left:60px;*/
}

#mennu a{
	font-weight:bold;
}

#mennu ul{
	display:inline;
	float:left;
	width:994px;
}

#mennu ul li{
	float:left;
	display:inline;
	background:url(../images/bg-menu.jpg) no-repeat right center;
	padding-right:1px;
}

#mennu ul li a{
	float:left;
	margin:auto 21px auto 21px;
}

#mennu ul li a:hover, .active{
	background:url(../images/mnu-hover.png) no-repeat bottom center;
	text-decoration:none;
}

#main-contents{
	float:left;
	width:994px;
	height:auto;
	background:#FFF;
}

/*Css cho menu trái*/
#left-cols{
	float:left;
	width:224px;
	*width:201px;
	height:auto;
	display:inline;
}

.slidebar-box{
	float:left;
	width:224px;
	height:auto;
	display:inline;
	background:#FFF;
	margin-top:5px;
	display:inline;	
}

.content-boz-r{
	float:left;
	padding-top:5px;
	padding-bottom:10px;
	background:#FFF;
}

.content-boz-r table tr td{
	font-size:13px !important;
}


.content-boz-r ul li{
	float:left;
	background:url(../images/view-more.jpg) no-repeat left center;
	width:204px;
	height:23px;
	line-height:23px;
	text-indent:20px;
	margin-left:5px;
	display:inline;}
	color:#266ba4;
	cursor:pointer;
}

.content-boz-r select{
	float:left;
	width:186px;
	margin-left:15px;
	display:inline;
}

.content-boz{
	float:left;
	padding-bottom:1px;
}

.content-boz table{
	margin-top:15px;
	float:left;
	width:218px;
	font-size:13px;
}

  #Logo {
    border: 1px solid #CCCCCC;
    border-radius: 50px 50px 50px 50px;
    box-shadow: 0 0 8px #F0F0F0;
    display: inline-block;
    position: absolute; z-index: 299; bottom: -180px;padding-left :60px ;
    float :left;
}
#box-title1{
	float:left;
	padding-top:18px;
	margin-top:5px;
	height:22px;
	width:224px;
	line-height:18px;
	text-transform:uppercase;
	text-indent:55px;
	padding-bottom:5px;
	display:inline;
	background:url(../images/box-title.jpg) no-repeat;
	width:224px;
	height:25px;
	line-height:22px;
	padding-bottom:1px;
}

#main-prod a{
	font-weight:bold;
}

#main-prod ul  {
	
	height:auto;
	
}

#main-prod ul li {
	float:left;
	position: relative;
	width:224px;
	height:auto;
	line-height:22px;
	padding-bottom:1px;
	background:url(../images/left-items.png) no-repeat;
	text-indent:4px;
}

#main-prod ul li a {
	float:left;
	width:206px;
	height:auto;
	text-align:left;
	margin-left:20px;
	font-size:12px;
}

#main-prod ul li a:hover, .activer {
	color:#fdfa04;
	font-weight:bold;
	cursor:pointer;
}

#main-prod ul li:hover a:hover{
	color:#fdfa04;
	cursor:pointer;
}

#main-prod ul li a:hover {
	color: #fff;
	text-decoration: none;
}

#main-prod ul li ul {
	position: absolute;
	top: 0px;
	left: 224px;
	padding-left:3px;
	display: none;
	
}

#main-prod ul li ul li {
	background:url(../images/left-items.jpg) no-repeat;
	width:290px;
	height:23px;
	line-height:23px;
	text-indent:13px;
	padding-top:2px;
	z-index:99999;
}

#main-prod ul li ul li a{
	color:#fff;
	font-style:italic;
	margin-left:10px;
	width:290px;
	
}

#main-prod ul li:hover ul{
	display: block;
	width: 100%;
	cursor:pointer;
}

#title-box{
	background:url(../images/title-box.jpg) no-repeat;
	text-indent:45px;
	float:left;
	width:224px;
	height:32px;
	line-height:32px;
	color:#FFF;
	font-weight: bold;
}

#block-content{
	float:left;
	width:224px;
	height:auto;
	border-bottom:1px dotted #d0cece;
	margin-top:3px;
	padding-bottom:5px;
	width:213px;
	margin-left:3px;
}

.img-intro{
	float:left;
	background:url(../images/bg-imgintro.jpg) no-repeat;
	width:58px;
	height:51px;
	padding-top:5px;
	padding-left:5px;
}

#img-intro p{
	float:left ;
	width:267px !important;
	height:auto;
	line-height:18px;
}

#block-content p{
	float:right;
	font-size:12px;
	margin-left:5px;
	width:145px;
	height:auto;
}

#block-content h2{
	font-size:11px;
	float:right;
	width:140px;
	color:#000;
}

.hotro{
	float:left;
	width:218px;
	height:auto;
	margin-left:5px;
	font-size:13px;
}

#contents{
	width:538px;
	height:auto;
	float:left;
	margin-left:5px;
	padding-bottom:20px;
	display:inline;
	background:white;
	margin-top:5px;margin-bottom:5px;
}

#slide-home{
	float:left;
	width:533px;
	height:302px;
	margin-top:5px;
	padding-top:3px;
	padding-left:5px;
	display:inline;
	background:#FFF;
}

#product{
	float:left;
	width:533px;
	height:auto;
	margin-top:3px;
	background:#FFF;
	line-height:18px;
}

#product a{
	color:#06C;
}

#product img{
	max-width:528px !important;
}

#product p{
	float:left;
	display:inline;
	width:100%;
	margin-left:10px;
}

#title-pro{
	float:left;
	background:url(../images/title-content.jpg) repeat-x;
	width:538px;
	height:auto;	
	line-height:30px;
	color:#FFF;
	font-weight:bold;
}

#title-pro img{
	float:left;
}

#produc-items{
	float:left;	
	width:170px;
	height:auto;
	margin-top:5px;
	margin-left:5px;
	padding-bottom:5px;
}

.name{
	float:left;
	font-weight:bold;
	color:#2488dd;
	width:134px;
	min-height:40px;
	height:40px;
	line-height:15px;
	text-align:center;
	margin-top:10px;
	font-size:12px;
	height:auto;

	
	
}

.imgpro
{
    padding:1px;
	float:left;
	width:144px;
	height:133px;
	margin-left:5px;
	display:inline;
}

.price{
	float:left;
	width:164px !important;
	*width:158px !important;
	margin-left:8px;
	display:inline;
	background:url(../images/bg-price.jpg) no-repeat left center;
	text-indent:6px;
	text-align:left;
	margin-top:5px;
}

.buy-detail{
	float:left;
	width:154px !important;
	height:auto;
	margin-top:5px;
}

.detail{
	float:left;
	color:#5d90bd;
	text-indent:10px;
	display:inline;
	margin-left:7px;
	background:url(../images/detail.jpg) no-repeat left center;
}

.buy{
	float:right;
	color:#5d90bd;
	text-indent:15px;
	background:url(../images/buy.jpg) no-repeat left center;
}

#news-hot{
	width:523px;
	height:auto;
	float:left;
	margin-left:5px;
	display:inline;
}


#news-hot h2{
	float:right;
	width:390px;
	font-size:12px;
	color:#004276;
	margin-top:10px;
	display:inline;
}

#news-hot img{
	float:left;
	width:112px;
	height:86px;
border: 1px solid #D8D8D8;
	display:inline;
	padding:1px;
}

#news-hot p{
	float:right;
	width:390px;
	height:auto;
	text-align:justify;
	display:inline;
}

#news-hot ul{
	float:left;
	margin-top:15px;
	display:inline;
}

#news-hot ul a{
	color:#004276;
	display:inline;
}

#news-hot ul li{
	background:url(../images/li-news.jpg) no-repeat left center;
	width:500px;
	height:15px;
	float:left;
	text-indent:15px;
	display:inline;
}

.view-more{
	float:right;
	background:url(../images/view-more.jpg) no-repeat right center;
	padding-right:10px;
	line-height:20px;
	padding-left:80px;
	width:57px;
	height:20px;
	display:inline;
}

.view-more a{
	color:#033;
}

#advertis img
{
    
	width:222px;
	height:190px;
	float:left;
	margin-top:5px;
	display:inline;
	border:1px solid #d0cece;
}

#right-cols{
	float:right;
	width:224px;
	height:auto;
	display:inline;
}

#right-cols img{
	max-width:217px;
}

.cart
{
    
	float:left;
	width:186px;
	height:30px;
	line-height:30px;
	display:inline;
	margin-left:20px;
	color:#4798f4;
	font-weight:bold;
}

.cart a{
	color:#daa010;
	text-align:center;
}

.adv-r{
	margin-left:2px;
}

.adv img{
	float:left;
	width:209px;
	height:189px;
	border:solid 1px #d0cece;
	margin-left:7px;
	margin-top:7px;
}

#side-bottom{
	float:left;
	width:538px;
	height:98px;
	padding-top:4px;
	background:#FFF;
	margin-top:5px;
}

#slide-boot-l{
	float:left;
	width:6px;
	height:95px;
	margin-left:6px;
	display:inline;
	background:url(../images/slide-boot-l.jpg) no-repeat left center;
}

#slide-boot-m{
	float:left;
	background:url(../images/slide-boot-m.jpg) repeat-x;
	height:86px;
	width:514px;
	padding-top:5px;
	display:inline;
}

#slide-boot-r{
	float:right;
	width:6px;
	height:95px;
	margin-right:6px;
	display:inline;
	background:url(../images/slide-boot-r.jpg) no-repeat right center;
}

#paging{
	float:right;
	display:inline;
	margin-top:10px;
	margin-right:15px;
}

#paging a{
	float:left;
	color:#0066ff;
	width:22px;
	height:20px;
	line-height:20px;
}

#paging ul li{
	display:inline;
	float:left;
	text-align:center;
	border:1px solid #d0cece;
	margin-left:5px;
}

.pg-active{
	background:#0066ff;
	color:#FFF !important;
}

#break_thum{
	float:left;
	width:98%;
	margin-top:10px;
	font-size:12px;
	color:#666;
}

#break_thum a{
	color:#666;
}

#detail{
	color:#666;
	line-height:18px;
}

#img-intro{
	width:35%;
	height:auto;
	text-align:center;
	margin-top:5px;
	float:left;
	border:1px solid #5e5e5e;
}

#img-intro img{
	width:180px;
	height:200px;
}

#img-intro a{
	color:#03F;
}

#info-pro{
	float:right;
	width:325px;
	padding-left:5px;
	display:inline;
	margin-right:5px;	
	margin-top:5px;
	padding-bottom:10px;
}

#bg
{
float: left;
padding-right: 10px;
background: url(../images/bg-label.jpg) no-repeat scroll left center transparent;
padding-left: 15px;
width: 100%;
height: 25px;
padding-top: 3px;
border-bottom: 1px dotted gray;
font-size: 13px;
}

#info-pro p{
	float:left;
	width:239px;
}

#tab-info{
	float:left;
	width:538px;
	height:auto !important;
	background:#FFF;
}

#title-tab{
	float:left;
	background:url(../images/chitiet.jpg) no-repeat;
	width:513px;
	height:36px;
	line-height:36px;
	text-indent:16px;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
}

#title-tab1{
	float:left;
	background:url(../images/baiviet.jpg) no-repeat;
	width:513px;
	height:36px;
	line-height:36px;
	text-indent:16px;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
}

#thongso{
	float:left;
	width:155px;
	height:36px;
	cursor:pointer;
}

#baiviet{
	float:left;
	width:100px;
	height:36px;
	cursor:pointer;
}

#tab1{
	color:#666;
	background:#FFF;
	float:left;
	width:515px;
	height:auto;
	margin-left:10px;
	display:inline;
}

#tab2{
	color:#666;
	background:#FFF;
	float:left;
	width:515px;
	height:auto;
	margin-left:10px;
	display:inline;
	display:none;
}
.magnifyarea{ /* CSS to add shadow to magnified image. Optional */
	box-shadow: 5px 5px 7px #818181;
	-webkit-box-shadow: 5px 5px 7px #818181;
	-moz-box-shadow: 5px 5px 7px #818181;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
	background: white;
}

#footer{
	float:left;
	width:994px;
	height:140px;
	background:#185E9C;
	color:#FFF;
	line-height:18px;
}

#footer ul{
	float:left;
	margin-left:235px;
	width:746px;
}

#footer ul li{
	display:inline;
	margin-bottom:15px;
	padding-left:5px;
	padding-right:5px;
	line-height:30px;
}

* {margin: 0; padding: 0}

div#wraper {
width: 500px;
margin: 40px auto;
line-height: 2em;
font-family: helvetica, arial, tahoma;
font-size: 12px;
}

div#mainNav {
width: 200px;
}

div#mainNav h1 {
font-size: 14px;
background: #3883cc;
color: white;
text-align: center;
-moz-border-radius: 5px 5px 0px 0px;
}

div#mainNav ul {
list-style: none;
border: 1px solid #bccbd8;
}

div#mainNav ul li {
position: relative;
border-bottom: 1px solid #bccbd8;
}

div#mainNav ul li a {
color: #1e5b7e;
text-decoration: none;
padding: 5px;
}

div#mainNav ul li a:hover {
text-decoration: underline;
}

div#mainNav ul li ul {
position: absolute;
top: -1px;
left: 198px;
display: none;
}

div#mainNav ul li:hover ul {
display: block;
width: 100%;
}

.counter
{
   	font-size:11px;
	color:#000;
	margin-top:-20px;
	margin-left:-30px;
	text-align:center;    
    }
    
.pagination {
                text-align: right;
                padding: 0px 0 5px 0;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 10px;
                }
.pagination a {
                margin: 0 5px 0 0;
                padding: 3px 6px;
                }

.pagination a.number {
				border: 1px solid #ddd;
                }

.pagination a.current {
                background: #469400 url('../images/bg-button-green.gif') top left repeat-x !important;
                border-color: #459300 !important;
                color: #fff !important;
                }
				
.pagination a.current:hover {
				text-decoration: underline;
                }