body{margin:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;  background:#fff;}
a{color:#1b4588;text-decoration:none;font-weight:bold;}
a:hover{text-decoration:none;color:#f60309;}
a img{ border:none;}
.clear{clear:both;}
.flt{float:left}

#h1{ position:relative; padding:10px 0;}
#h1 #topbanner { float:left;}
#h1 #topbanner img{ max-height:90px; width:100%;}
#h1 #cart{ float:right; width:172px; height:67px; background:url(../images/bgcart.png);}
#h1 #cart a{ font-size:11px; color:#3b3a3a;}
#h1 #cart a span{ color:#f30707;}



#h2{ background:url(../images/topmenu1.jpg);}
#h2 ul{ margin:0; padding:0; list-style:none;}
#h2 ul li { float:left; color:#c8e5f0; font-weight:bold; text-transform:uppercase; background:url(../images/line_menu.jpg) right no-repeat; width:16%; height:36px; line-height:36px; overflow:hidden;}
#h2 ul li > a{ display:block; color:#fff; text-transform:uppercase; text-align:center;}
#h2 ul li > a:hover{ color:#dbe8f1;background:url(../images/item-menu-hov.jpg) repeat-x;}
#h2 ul li:last-child{ padding-right:0;}
.cmenutop{text-decoration:none;background:url(../images/bg_menu_hov.jpg) center repeat-x;color:#000;}
#h2 ul li#lang{ background:none;}
#h2 ul li#pricing{ background:none;}

#h2 ul li#pricing{text-align:center; float:right; background:url(../images/topmenu2.jpg) repeat-x;}
#h2 ul li#pricing a{ color:#fff; display:block;}

#h3{margin-top:8px;}
#h321{position:relative; height:279px; overflow:hidden;}
#h3221{float:left;width:534px;}
#h3222{float:right;width:203px;}

#h4{ background:url(../images/bgbottom.jpg) repeat-x; height:36px ; line-height:36px; font-weight:bold; color:#fff; padding-left:15px;}

.cate{width:100%; color:#00F; font-weight:bold; padding-top:7px;}
.cate1{ padding:8px 0px; padding-left:15px;;background:url(../images/line_left_menu.jpg) center bottom repeat-x;}
.cate1 a{color:#4f4545;height:25px;}
.cate1 a:hover{color:#ffae00;}

.title{border-left:1px solid #c0c0c0; background:url(../images/title.jpg) right no-repeat;height:29px;text-transform:uppercase;text-align:left;padding-left:22px;line-height:29px;font-weight:bold; color:#3b3a3a;}
.pan{border:1px solid #c0c0c0; border-top:none; margin-bottom:10px;}
.stitle{background:url(../images/stitle.jpg) repeat-x; height:30px;text-transform:uppercase;text-align:center;line-height:30px;font-weight:bold; color:#fff;}
.span{ border-left:1px solid #c0c0c0; border-right:1px solid #c0c0c0;}
.sbot{ background:url(../images/sbot.jpg) no-repeat; height:9px; margin-bottom:6px;}
.stitle1{background:url(../images/stitle1.jpg) repeat-x; height:28px;text-transform:uppercase;text-align:center;line-height:28px;font-weight:bold; color:#fff;}
.span1{ border:1px solid #bdd1dd; border-top:none; margin-bottom:6px;}

#hotline{background:url(../images/bghotline.jpg) center no-repeat; height:96px; margin:5px 0;}
#inhotline{ padding:8px 20px; color:#fff;}
#inhotline a{ text-decoration:underline; font-weight:normal; color:#fff;}
.panpro{ margin-left:-5px;}
.title_sp{background:#333131;height:28px; color:#ffae00; font-weight:bold; text-align:center}
.ttsanpham{ font-weight:bold; color:#004c7d; text-align:left;height:30px; padding-right:5px;}
.ttlienhe{text-align:right;padding-right:7px;font-weight:bold;font-size:11px;height:27px;}
.blabold{color:#000000;font-weight:bold;}
.redbold{color:#FF0000;font-weight:bold;}
.orgbold{color:#ffae00;font-weight:bold;}
.blubold{color:#0567a6;font-weight:bold;}
.gra{color:#a0a7a6;font-weight:bold;}
.cur{cursor:pointer;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f15{font-size:15px;}
.pad5{padding:5px;}
.pad10{padding:10px;}
.margin10{margin:10px;}
.martop8{margin-top:8px;}
.padtop8{padding-top:8px;}
.pleft10{padding-left:10px;}
.nobold{font-weight:normal;}
.cont{padding:6px;}
.paging{cursor:pointer;font-size:11px;}
.cell{text-align:right;padding-right:7px;font-weight:bold;height:30px;font-size:11px;}
.border1{border:1px solid #fff;}
.border2{border:1px solid #8e9d9a;}
.noborder{ border:none; border-bottom:1px solid #999}
.bordersp{
border:1px solid #18181a;
padding:5px;
}
.btn{background:url(../images/bg_button.jpg) repeat-x;font-weight:bold;color:#FFFFFF;padding:0 10px;border:1px solid #1d87cb;height:22px;}
#msg {display:none; position:absolute; z-index:200; background:url(../images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px; color:#000000;}
#ultilities{ padding:0; margin:0; list-style:none; padding-top:12px; padding-left:5px;}
#ultilities li{ float:left; height:32px;}
#ultilities li a{ color:#000; font-size:10px; }

.item_pro{width:19%; height:250px; float:left; margin-bottom:12px;}
.item_pro .in{ padding:8px; margin:8px; border-right:1px dotted #ccc; border-bottom:1px dotted #ccc;}
.img_pro{background:#fff; height:125px; margin-bottom:8px; }
.img_pro .helper{display: inline-block; height: 100%; vertical-align: middle;}
.img_pro img{ width:100%; max-height:125px; vertical-align: middle;}
.item_pro .cpro{ float:left; color:#d30a10;font-size:11px; font-weight:bold;}
.item_pro .dpro{ float:right; background:url(../images/bgorder.jpg) no-repeat; width:66px; height:19px; text-align:center; }
.item_pro .dpro a{ color:#fff; font-size:11px;}
.item_pro .title_pro{ text-align:center;}
.item_pro .title_pro a{ color:#000; font-size:11px; font-weight:normal;}

.price{ color:#c90a0f; padding-right:6px;}
.allpost a{ color:#6dc0e5;}
.ttpost{ color:#fff;}
.ttpost:hover{ color:#fff594;}
.tthotline{text-transform:uppercase; font-weight:bold; color:#b32807;}

#adv{ margin:0; padding:0; list-style:none;}
#adv li{}
#adv li img{ max-width:205px;}

#spleft{ float:left; width:20%; background:#eaebeb; overflow:auto;}
#spright{ float:right; width:80%;}
.vps{ text-transform:uppercase; color:#446c08;}

.item_spr{ width:50%; display:inline-block;}
.item_spr .in{ padding:5px;}

#cspt{ margin:0; padding:0; list-style:none;}
#cspt li{ float:left; padding:0 18px;}

#dtsup { padding:20px 50px;}
#dtsup ul{ margin:0; padding:0; list-style:none;}
#dtsup li{ float:left; padding:0 18px;}

.contp{ margin:15px; border:1px solid #ccc;}
.ttPro{background:#107bae;min-height:20px;color:#fff;font-weight:bold;padding:8px 10px;width:300px;}
.ctPro{background: #e4e0d4;color:#000;font-weight:normal;width:300px;min-height:100px;position:absolute;padding:10px;}
.i-clive{ padding:8px 5px; border-bottom:1px dashed #ccc;}


.arrowlistmenu{
width: 190px; /*width of accordion menu*/
text-align:left;
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font-weight:bold;
margin-bottom: 9px; /*bottom spacing between header and rest of content*/
height:23px; line-height:23px;
text-align:left; /*header text is indented 10px*/
padding-left:5px;
padding-right:5px;
cursor: hand;
cursor: pointer;
background:url(../images/item_left_menu.jpg) no-repeat;
color:#1F6AAE;
text-transform:uppercase;
overflow:hidden;
}
.arrowlistmenu h3{
	margin:0;
	padding:0;
	font-weight: bold;
}
.arrowlistmenu h3 a{
	color:#34001b;
}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
color: #ff9308;
}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 2px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a{
display: block;
color:#000066;
padding: 2px 0;
padding-left: 20px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
}
.arrowlistmenu ul li a:visited{
color: #000066;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #ff9308;
}