/* CSS Document */
body{ background: #fff url(bg_body.gif) repeat-x top left; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size:12px;}

#swapper { width: 978px; margin: 0px auto; padding: 0px;}
#swapper  .header{ width: 978px; height: 130px;} 
#swapper  .header .right{ width: 220px; margin: 0px ; padding: 0px; float: right; }
#swapper  .header .right ul.submenu{ width: 200px; margin: 12px 0px 0px 20px; padding: 0px; float:right;  }
#swapper  .header .right ul.submenu li{ list-style: none; color:#fff; float: left;}
#swapper  .header .right ul.submenu li.line{ margin: 0px 10px; padding: 0px;}
#swapper  .header .right ul.submenu li a { text-decoration: none; color:#fff;} 
#swapper  .header .right ul.submenu li a:hover { text-decoration: underline; color:#fff;}
#swapper  .header .right ul.ngonngu { color:#dd6200; width:170px; float:right; clear:both; text-align:right; margin: 40px 0px 0px 50px; padding: 0px; }
#swapper  .header .right .ngonngu li { margin: 0px 0px 0px 3px; list-style:none; float:left; } 
#swapper  .header .right .ngonngu li img{ border: 0px; margin: 0px; padding: 0px; }
#swapper  .header .logo{ float: left; width: auto; margin-top: 43px;  }

#swapper .menutop{ width: 948px; height: 40px; background-image:url(bg_menuTop.png);  margin: 0px ; padding: 0px 15px; }
ul#topnav {	margin: 0px; padding: 0px; list-style: none;font-size: 1.1em;clear: both;float: left;width: auto;}
ul#topnav li{margin: 0px; padding: 0px; overflow: hidden; float: left; height:40px;}
ul#topnav a, ul#topnav span {padding: 10px 20px; float: left; text-decoration: none; color: #fff;text-transform: uppercase; clear: both;	height: 20px; line-height: 20px;}
ul#topnav a {	color: #7bc441; }
ul#topnav span {display: none;}
ul#topnav.v2 span{ background: url(a_bg.gif) repeat-x left top;}
ul#topnav.v2 a{	color: #fff; background: url(a_bg.gif) repeat-x left bottom;}
/*--The usual active styling for css--*/
#home li.home span, #about li.about span, #portfolio li.portfolio span, #services li.services span, #blog li.blog span, #contact li.contact span{margin-top: -40px;}
#swapper .menutop .timkiem{ width: auto; float: right; margin-top: 8px;}
#swapper .menutop .timkiem span{ width: auto; margin-left: 5px; }
#swapper .menutop .timkiem span input{ border: 1px solid #ffa307; background-color:#FFFFFF; width: 200px;}
#swapper .menutop .timkiem span .button{ width: 18px; height: 18px; background:url(bg_search.png); border:none; cursor:pointer;}

.swapper_slideshow { width: 978px; height: 330px;  padding: 0px; margin: 10px 0px 0px 0px; float: left; }
.swapper_slideshow .slide{ width: 650px; height: 330px; float: left;}
.swapper_slideshow .product_new{ width: 315px; height: 330px; float:right;}
.swapper_slideshow .product_new .title{ width: 300px; height: 26px; background-image:url(new-product-title-bg.png); color: #fff; padding-left: 15px; padding-top: 13px; font-weight: bold; text-transform:uppercase; font-size: 12px; }
.swapper_slideshow .product_new .bg{ width: 315px; background: #dfdddd url(new-product-bottom.png) no-repeat bottom left; height: 290px;}
ul.newProduct{ width: 295px; padding: 10px; margin: 0px; float:left;} 
ul.newProduct li{ list-style: none; padding: 2px 0px 2px 0px; margin: 0px; height: 60px;background:url(line_list_product.gif) repeat-x bottom left;}
ul.newProduct li .image{ width: 50px; height: 50px; float: left; border: 1px solid  #ca0a0e; background-color:#FFFFFF; margin: 3px 0px 0px 0px; padding: 0xp;} 
ul.newProduct li .image img{ width: 50px; height: 50px; border: 0px; text-align: center;}
ul.newProduct li .info { width: auto; float: left; margin: 0px; padding: 0px;} 
ul.newProduct li .info .productname { padding: 0px; margin: 0px; width: auto;}
ul.newProduct li .info .productname a{ padding-left: 10px; color: #ca0a0e; font-size: 13px; text-decoration: none; float: left; font-weight: bold; padding-bottom: 5px;}
ul.newProduct li .info .productname a:hover { text-decoration: underline;}
ul.newProduct li .info .gia { font-size: 13px; color:#383838; float:left; display: block; padding-left: 10px; clear:both;}

#swapper .content{ width: 978px; padding: 0px; margin: 10px 0px 0px 0px; float: left;}
#swapper .content .left { width: 220px; margin: 0px; padding: 0px; float: left; }
.listProduct{ width: 220px; padding: 0px; margin: 0px 0px 10px 0px;} 
.listProduct .title{ width: 205px; height: 26px; background-image:url(list-Product-title.png); color: #fff; padding-left: 15px; padding-top: 13px; font-weight: bold; text-transform:uppercase; font-size: 12px;}
.listProduct .item{ width: 200px; background-color: #dfdddd; padding: 3px 10px 0px 10px; margin: 0px;}
.arrowlistmenu{ width: 200px; margin: 0px; padding: 0px; position:inherit; }
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/font: bold 14px Arial; color: #363433; background: url(bull_lienketweb_up.png) no-repeat 0px 2px; margin:2px 0px 0px 0px; /*bottom spacing between header and rest of content*/  padding: 6px 0 6px 25px; /*header text is indented 10px*/ cursor: hand; cursor: pointer; border-bottom: 1px solid #b8b8b8;font-size: 12px;}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/background-image: url(bull_lienketweb_down.png); border-bottom: none; color:#ca0a0e; font-weight: bold; font-size: 12px;}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/list-style-type: none;margin: 0;padding: 0;padding-bottom: 8px; /*bottom spacing between each UL and rest of content*/}
.arrowlistmenu ul li{ /*bottom spacing between menu items*/ margin: 0px; padding: 0px;}
.arrowlistmenu ul li a{color: #ca0a0e;background: url(arrowbullet.png) no-repeat 15px 3px; /*custom bullet list image*/display: block;padding: 2px 0;padding-left: 35px; /*link text is indented 19px*/text-decoration: none; font-size: 12px; }
.arrowlistmenu ul li a:hover{ font-weight:bold; text-decoration: underline; }/*hover state CSS*/
.listProduct .bottom{ width: 220px; height: 10px; background:url(list-Product-bottom.png) no-repeat bottom left;}

.box1{ width: 220px; margin: 0px 0px 0px 0px; padding: 0px;} 
.box1 .title{ width: 205px; padding-top: 13px; height: 26px; margin: 0px; color: #FFFFFF; font-size: 12px; font-weight: bold; padding-left: 15px; background-image:url(box1-title.gif); text-transform:uppercase; float: left;}
.box1 .center{ width: 200px; background:url(box1-center.gif) repeat-y top left; padding: 8px 10px 0px 10px; float: left;}
.box1 .bottom{ width: 220px; height: 20px; background:url(box1-bottom.gif) no-repeat top left;float: left; }
ul.online { width: auto; padding: 0px; margin: 0px;}
ul.online li{ list-style: none; padding: 0px; margin: 5px 0px 0px 0px; text-align:center; }
ul.online li a.on{ width: 156px; background:url(icon_online.gif) no-repeat 0px 0px; display:block; height: 32px;margin: 0px auto;}
ul.online li a.off{ width: 156px; background:url(icon_online.gif) no-repeat 0px -32px; display:block; height:32px;margin: 0px auto;} line_list_product
ul.online li .linhvuc{ font-weight: bold; color:#d42e00; width: auto; margin: 0px auto; font-family:Tahoma, Arial, Helvetica, sans-serif; padding-top: 3px; text-transform:uppercase;}
ul.online li .dt{ font-weight: bold; color:#686767; width: auto; margin: 0px auto; font-family:Tahoma, Arial, Helvetica, sans-serif; padding-top: 3px;}

ul.thongke{ width: 200px; margin: 0px auto; padding: 0px;}
ul.thongke li{ list-style: none; color:#686767; font-family:Tahoma, Arial, Helvetica, sans-serif; padding-top: 3px; font-weight:bold;}

#swapper .content .bg{ width: 519px; margin: 0px 0px 10px 9px; padding: 0px; float: left;}
.box2{ width: 519px; margin: 0px 0px 10px 0px; padding: 0px;} 
.box2 .title{ width: 509px; padding-top: 13px; height: 26px; margin: 0px; color: #FFFFFF; font-size: 12px; font-weight: bold; padding-left: 10px; background-image:url(box2-title.gif); text-transform:uppercase;}
.box2 .title a{color: #FFFFFF; font-size: 13px; font-weight: bold; text-decoration: none;}
.box2 .center{ width: 519px; background:url(box2-center.gif) repeat-y top left; padding: 8px 10px 0px 10px; float:left; margin: 0px;}
.box2 .bottom{ width: 519px; height: 10px; background-image:url(box2-bottom.gif); float:left;}
.box2 .clsphantrangtin{text-align:right; color:#686767; float: left; width: 480px;}
.box2 .clsphantrangtin a{ text-decoration: none; color:#686767;}
.box2 .clsphantrangtin a:hover { text-decoration: underline; color:#686767;}

ul.product{ width: 480px; margin: 0px 0px 0px 10px; padding: 0px; } 
ul.product li{ list-style: none; margin: 7px 0px 0px 0px; padding: 0px;  float:left; width: 480px; border-bottom: 1px solid #ebe2c9; height: 125px;}
ul.product li .image{ float: right; width: 180px; height: 114px; background-image:url(bg_product.gif); padding-left: 6px;padding-top: 4px;}
ul.product li .image img{ width: 175px; height: 110px; border: 0px;} 
ul.product li .info{ width: 280px; margin-right: 10px; padding: 0px; float: left;}
ul.product li .info .name{ width: auto; margin: 0px; padding: 0px; }
ul.product li .info .name a{ text-decoration: none; color: #d42e00; text-transform:uppercase; font-size: 15px; display: block; }
ul.product li .info .name a:hover { text-decoration: underline;}
ul.product li .info .vantat{ width: auto; margin: 5px 0px 0px 0px; padding: 0px; color:#686767; display: block; }
ul.product li .info .detail{ width: 280px; margin: 10px 0px 0px 0px; padding: 0px;}
ul.product li .info .detail .gia{ font-size: 15px; font-weight: bold; color:#686767; float: left; padding-top: 3px;} 
ul.product li .info .detail .bt_detail { float:right; width: 101px;}
ul.product li .info .detail .bt_detail a{ width: 101px; background-image:url(bg_xemchitite.gif); color:#FFFFFF; text-align:center; display: block; height: 20px; text-decoration: none; padding-top: 4px;}

#swapper .content .right { width: 220px; margin: 0px; padding: 0px; float: right; } 
ul.lienketweb{ width: 200px; margin: 0px; padding: 0px 10px 0px 0px;}
ul.lienketweb li{ list-style: none; margin: 0px; padding:5px 0px 5px 0px; border-bottom: 1px solid #dfdfdf;  background:url(arrowbullet.png) no-repeat 0px 6px; }
ul.lienketweb li a{ text-decoration: none; padding-left: 18px; color:#686767; display:block; }
ul.lienketweb li a:hover { text-decoration: underline;}

ul.quangcao{ width: 220px; margin: 0px; padding: 0px 10px 0px 0px;}
ul.quangcao li{ list-style: none; margin: 0px 0px 10px 0px; padding: 0px; }
ul.quangcao li img{ border: 0px;}

.footer{ width: 978px; height: 50px; clear: both; border-top: 1px solid #d0d0d0; padding-top: 5px;  }
.footer .copyright{ clear:both; color: #383838; font-size: 12px; margin-top: 3px;} 
.footer .copyright a{ color: #383838; font-weight: bold;}
.footer .copyright a:hover{ text-decoration: none;}
ul.menu_footer{ width: auto; margin: 0px; padding: 0px; float: left;}
ul.menu_footer li{ list-style:none; margin: 0px; padding: 0px; color: #383838; float: left}
ul.menu_footer li.line{ margin: 0px 10px; padding: 0px;}
ul.menu_footer li a{ text-decoration: none; color: #383838; font-weight: bold;}
ul.menu_footer li a:hover { text-decoration: underline;}