/*OpenWeb Framework Version 3.5 - Phạm Tuấn Anh - INGA Co.,Ltd */
/***********************************************************************/
/***********************************************************************/

/*MENU*/
/*Main Menu*/
#top-menu {width:100%; background:url('../templates/owebframework/mnbg.gif');height:39px;}
#top-menu .left{width:5px;}
#top-menu .bg{height:39px;}
#top-menu .right{width:190px;height:28px; text-align:right; padding:3px 5px 2px 0px; font-size:10px; color:white}
.lgname{display:inline;padding:3px 5px 2px 0px; height:18px;color:black}
.lgicon{display:inline;}
.lgicon img{border:solid 1px white;}

#topmenu_cus {height: 28px;z-index: 10;}
.menu_top {height:28px;position:relative;font-size:11px;margin: 0;}
.menu_top ul li a {display:inline-block;text-decoration:none;color:#0480c6;
	height:22px;text-align:center;border-bottom: 0;
	line-height:28px; font-size:15px; overflow:hidden;padding:0 10px ;
}
.menu_top ul li a:hover {text-decoration:underline;color:#fff;font-size:15px
}
.menu_top .one {
	background:url('../pic/menus/customer/1a.png');
	padding-left: 1px;
	margin-right: -1px;
}
.menu_top .three {
	background:url('../pic/menus/customer/3a.png');
}

.menu_top ul {padding:0; margin:0; list-style: none;}
.menu_top ul li {float:left; position:relative;}
.menu_top ul li ul {display: none;}
.menu_top ul li.seperator{width:0px;height:22px;     background: url('../pic/menus/customer/seperatorwhite.png');}
/* button hover properties 
.menu_top ul li a:hover {color:#043454; background: url('../pic/menus/customer/2b.png');}
.menu_top ul li:hover ul {display:block; position:absolute; top:42px; left:0; width:152px; margin: 0; padding: 0;}

.menu_top ul li ul li a.two:hover {background:#6a3; color:#fff;}
.menu_top ul li ul li:hover a.two:hover {background:#6fc; color:#544a3a;}
.menu_top ul li:hover ul li ul {display: none;}

.menu_top ul li .one:hover {color:#043454; background: url('../pic/menus/customer/2b.png');}
.menu_top ul li .three:hover {color:#043454; background: url('../pic/menus/customer/2b.png');}*/

/* dropdown properties */
.menu_top ul li ul li a:hover {background-image: none; display:block;height: 28px; line-height: 28px; color:#043454; width:142px; text-align:left; margin: 0; padding:0 0 0 11px;font-weight:normal;}
.menu_top ul li:hover ul {margin: 0 0 0 3px;padding: 0;background: url('../pic/menus/customer/ddbg.png');background-repeat:no-repeat;background-position:bottom left; }
.menu_top ul li:hover ul .hlight {background: url('../pic/menus/customer/hlight2.png');margin-right: 1px;}
/* dropdown selected properties */
.menu ul li:hover ul li a:hover {color:#fff; background: url('../pic/menus/customer/hlight.png');}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}
/*------*/
/*--------*/
/***********************************************************************/
/*CONTENT BOX*/

/*TAB BOX*/
.bxtab_l_,.bxtab_bg_,.bxtab_r_{height:27px;line-height:27px;}
    .bxtab_l_{padding-left:4px; background:url('../templates/owebframework/tabbxol_l.gif') no-repeat;}
    .bxtab_bg_{background:url('../templates/owebframework/tabbxol_bg.gif'); font-weight:bold; font-size:11px; padding-left:4px}
    .bxtab_r_{padding-right:4px; background:url('../templates/owebframework/tabbxol_r.gif') no-repeat right top;}

.tbitem .topnewstitle .fimg {border:none ; width:180px ;}
/*------*/

/*Content box with tab panel*/
.bxct_t_l_,.bxct_t_bg_,.bxct_t_r_{height:34px;line-height:34px;}
    .bxct_t_l_{padding-left:4px; background:url('../templates/owebframework/tabbxct_t_l.gif') no-repeat;}
    .bxct_t_bg_{background:url('../templates/owebframework/tabbxct_t_bg.gif'); font-weight:bold; font-size:15px; padding-left:4px}
    .bxct_t_r_{padding-right:4px; background:url('../templates/owebframework/tabbxct_t_r.gif') no-repeat right top;}
    
    .bxct-content{border-left:solid 1px #f7f7f7;border-right:solid 1px #f7f7f7;background-color:#f7f7f7}
    .bxct-content .bxct-content-padding{padding:5px;}
    .bxct_b_l_,.bxct_b_bg_,.bxct_b_r_{height:4px;line-height:4px;}
    .bxct_b_l_{padding-left:4px; background:url('../templates/owebframework/tabbxct_b_l.gif') no-repeat;}
    .bxct_b_bg_{background:url('../templates/owebframework/tabbxct_b_bg.gif')}
    .bxct_b_r_{padding-right:4px; background:url('../templates/owebframework/tabbxct_b_r.gif') no-repeat right top;}
/*------*/
/*Content box not tab panel*/
.bxct_nt_l_,.bxct_nt_bg_,.bxct_nt_r_{height:4px;line-height:4px;}
    .bxct_nt_l_{padding-left:4px; background:url('../templates/owebframework/bxct_t_l.gif') no-repeat;}
    .bxct_nt_bg_{background:url('../templates/owebframework/bxct_t_bg.gif'); font-weight:bold; font-size:15px; padding-left:4px}
    .bxct_nt_r_{padding-right:4px; background:url('../templates/owebframework/bxct_t_r.gif') no-repeat right top;}
    
    .bxct-nt-content{border-left:solid 1px #d9d7d7;border-right:solid 1px #d9d7d7;background-color:#f7f7f7}
    .bxct-nt-content .bxct-content-padding{padding:5px;}
    .bxct_nb_l_,.bxct_nb_bg_,.bxct_nb_r_{height:4px;line-height:4px;}
    .bxct_nb_l_{padding-left:4px; background:url('../templates/owebframework/bxct_b_l.gif') no-repeat;}
    .bxct_nb_bg_{background:url('../templates/owebframework/bxct_b_bg.gif')}
    .bxct_nb_r_{padding-right:4px; background:url('../templates/owebframework/bxct_b_r.gif') no-repeat right top;}
/*------*/

/*Content box with border only*/
.bxctol_t_l_,.bxctol_t_bg_,.bxctol_t_r_{height:12px;}
    .bxctol_t_l_{padding-left:12px; background:url('../templates/owebframework/bxtl.gif') no-repeat;}
    .bxctol_t_bg_{background:url('../templates/owebframework/bxt.gif') repeat-x;  padding-left:12px;  }
    .bxctol_t_r_{padding-right:12px; background:url('../templates/owebframework/bxtr.gif') no-repeat right top;}


    .bxctol_c_l_{padding-left:12px; background:url('../templates/owebframework/bxl.gif') repeat-y;}
    .bxctol_c_content{}
    .bxctol_c_r_{padding-right:12px; background:url('../templates/owebframework/bxr.gif') repeat-y 100% 0;}


    .bxctol_b_l_,.bxctol_b_bg_,.bxctol_b_r_{height:12px;line-height:12px;}
    .bxctol_b_l_{padding-left:12px; background:url('../templates/owebframework/bxbl.gif') no-repeat;}
    .bxctol_b_bg_{background:url('../templates/owebframework/bxb.gif') repeat-x;}
    .bxctol_b_r_{padding-right:12px; background:url('../templates/owebframework/bxbr.gif') no-repeat right top;}
/*------*/

/*TAB ITEMS*/
#tabitems a.tabctttl {font-size:12px;font-weight:bold;color:black}
#tabitems a.tabctttl:hover {font-size:12px;font-weight:bold;color:white}

#tabitems a.tabitmttl{font-size:12px;font-weight:normal;color:black}
#tabitems a.tabitmttl:hover {font-size:12px;font-weight:normal;color:white}
/*--------*/


/***********************************************************************/
/***********************************************************************/
/*OBJECT FONTS*/

/*Vertical Menu Category Link*/
a.vmnucatelnk{font-size:11px; font-weight:bold; color:#0480c6;display:block;height:20px}
a.vmnucatelnk:hover{font-size:11px; font-weight:bold;color:black;text-decoration:none;display:block;height:20px}
a.vmnusubcatelnk{font-size:11px; font-weight:normal; color:black; display:block; height:20px;padding:2px 2px 2px 15px; text-align:left}
a.vmnusubcatelnk:hover{font-size:11px; font-weight:normal;color:#0480c6;text-decoration:none; display:block; height:20px;padding:2px 2px 2px 15px;text-align:left}

a.vmnusubcatelnk_selected
{font-size:11px; font-weight:normal; color:black; display:block; height:20px;padding:2px 2px 2px 15px;text-align:left}
a.vmnusubcatelnk_selected
:hover{font-size:11px; font-weight:normal;color:#0480c6;text-decoration:none;; display:block; height:20px;padding:2px 2px 2px 15px;text-align:left}


a.vmnucatelnk2{font-size:11px; color:black; display:block}
a.vmnucatelnk2:hover{font-size:11px; color:#0480c6;text-decoration:none;display:block}

a.vmnucatelnk3{font-size:10px; color:black; display:block; height:20px; padding:3px 2px 2px 15px;}
a.vmnucatelnk3:hover{font-size:10px; color:#0480c6;text-decoration:none; display:block; height:20px; padding:3px 2px 2px 15px;}

a.vmnucatelnk4{font-size:10px; color:black; display:block; height:20px; padding:3px 2px 2px 20px;}
a.vmnucatelnk4:hover{font-size:10px; color:#0480c6;text-decoration:none; display:block; height:20px; padding:3px 2px 2px 20px;}

.vmnuseparator{height:1px; background-color:white;}
/*---*/

.divseperator{display:block;height:1px; background-color:Silver}
.divseperatorgreen{display:block;height:1px; background-color:#62a12e}
.lblcontentboxcaption{color:#008506; font-size:12px; font-weight:bold;}
/*--------*/
/***********************************************************************/
/***********************************************************************/
/*UTILITIES*/

/*Search Button*/
.btnsrchibx{display:block; height:19px; width:31px; background:url('../templates/owebframework/search.gif') no-repeat; border:none;}
.txtsrchibx{height:16px;font-size:11px;width:125px; margin-left:3px}
.nutimg{display:block; height:4px; width:4px; background:url('../templates/owebframework/nut.gif') no-repeat; margin:6px 3px 2px 0px}
.spacer1{display:block;height:1px}
.spacer2{display:block;height:2px}
.spacer3{display:block;height:3px}
.spacer4{display:block;height:4px}

/*Noborder search box*/
#nobdr-srchbx {}
#nobdr-srchbx .ttl{padding-top:4px;font-size:11px;color:black; display:none}

#siteroad {padding:3px 2px 2px 2px;}
a.roadlink{display:inline block;height:18px; font-size:10px; color:#0078c9;}
a.roadlink:hover{display:inline block;height:18px; font-size:10px; color:black;}
.roadsep{display:inline block;height:18px; font-size:10px; color:black;margin:0px 5px 0px 5px;}
/*--------*/

/*WEATHER*/
.weather-box{}
.weather-box .container{width:160px}
.weather-box .weather-city{font-size:14px; font-weight:bold;color:black;display:block}
.weather-box .weather-temp{font-size:18px; font-weight:bold;color:black;display:block}
.weather-box .imgcolumn{width:55px}

/*--------*/

/***********************************************************************/
/***********************************************************************/
/*VIDEOS*/

#mdlvideo{}
#mdlvideo .fvdbx{text-align:left; padding-bottom:5px}
#mdlvideo .fvdbx a.ftlt{font-size:12px; font-weight:bold;color:#0480c6; display:block; text-align:left;padding:4px 3px 7px 3px;}

#mdlvideo .fvdbx .nxtitem{padding:3px 2px 3px 2px;}
#mdlvideo .fvdbx a.nxttlt{font-size:12px;color:#0480c6;display:inline-block;padding:0px 2px 3px 3px}
#mdlvideo .fvdbx .nxtimg{width:75px; border:solid 1px silver}
#mdlvideo .fvdbx .nwtlt{font-size:11px; font-weight:bold;color:black; height:20px;}

#mdlvideo .viditmlst .viditm{padding:5px 3px 5px 2px}
#mdlvideo .viditmlst .viditm a.ttl{display:inline;font-size:12px;font-weight:bold; color:#0078c9; padding:3px 3px 5px 2px;}
#mdlvideo .viditmlst .viditm .dsc{display:block;font-size:12px; color:black; padding:3px 3px 5px 2px;}
#mdlvideo .viditmlst .viditm .img{width:75px; border:solid 1px silver}

#mdlvideo .viditmlst {padding:10px 0px 10px 0px;}
#mdlvideo .viditmlst .videoitem{text-align:left;padding:3px 5px 3px 3px}
#mdlvideo .viditmlst .videoitem a.vtlt{color:#0078c9; font-size:12px;font-weight:bold;text-decoration:none}
#mdlvideo .viditmlst .videoitem a.vtlt:hover{color:#939393; font-size:12px;text-decoration:none}
#mdlvideo .viditmlst .videoitem .vdesc{display:block;margin-top:5px;color:black; font-size:12px}
#mdlvideo .viditmlst .videoitem .vimg{border:solid 1px silver; margin:3px 3px 3px 0px;}
#mdlvideo .viditmlst .videoitem .vview{font-size:10px; color:#585858; padding-top:5px}

/*topvideo*/
#topvideo .item{padding:3px 2px 5px 2px; border-bottom:solid 1px white}
#topvideo a.ttl{color:#0078c9; font-size:12px;display:block;margin:0px 0px 3px 0px;}
#topvideo a.ttl:hover{color:#50aeec; font-size:12px;display:block;margin:0px 0px 3px 0px;}
#topvideo .desc{font-size:11px;}
#topvideo img{border:solid 1px silver; width:196px; margin-right:3px}
#topvideo .vview{font-size:10px; color:#585858; padding-top:5px}
/*------*/
/*videobox*/
#vidbx .fttl{color:black; font-size:13px;font-weight:bold;display:block;margin:0px 0px 3px 0px;}
#vidbx a.nttl{color:#0078c9; font-size:12px;display:block;margin:7px 0px 5px 0px;}
#vidbx a.nttl:hover{color:#0078c9; font-size:12px;display:block;margin:7px 0px 5px 0px;}

/*------*/

/*Video- Trang chi tiet media*/
#mdlvideo .vdetail .catename{display:none;margin:3px 0px 2px px; font-size:10px; font-weight:bold;color:black}
#mdlvideo .vdetail .tlt{color:#0480c6; font-size:15px; font-weight:bold;display:block;margin:3px 0px 3px 0px;}
#mdlvideo .vdetail .time{color:silver; font-size:11px;display:block;margin:3px 0px 7px 0px;}
#mdlvideo .vdetail .view{font-size:11px;color:black}
#mdlvideo .vdetail .detail{font-size:12px; color:black;display:block;margin:3px 0px 7px 0px;}
#mdlvideo .vdetail .author{color:black; font-size:11px;display:inline-block;}
#mdlvideo .vdetail .singer{color:black; font-size:11px;display:inline-block;}
#mdlvideo .vdetail .player{padding-top:5px; text-align:center}

#mdlvideo .vdetail .ovitem{padding:3px 2px 7px 2px;}
#mdlvideo .vdetail .ovnut{display:inline;background:url('../templates/owebframework/nut.gif') no-repeat;width:10px; height:18px;margin-top:5px; padding:3px 10px 2px 3px;}
#mdlvideo .vdetail a.ovtlt{float:left;color:blue; display:inline-block; padding:0px 3px 5px 2px;}



/*--------*/
/***********************************************************************/
/***********************************************************************/
/*NEWS*/
/*NewsIndex - Trang chu tin tuc, danh muc tin tuc*/
.mdlnws .catename{display:block;margin:5px 0px 10px 0px; font-size:15px; font-weight:bold;color:#0480c6}
.mdlnws .nwsindex .nwslstitem{margin:1px 0px 10px 0px}
.mdlnws .nwsindex .nwsitem {margin:1px 0px 10px 0px}
.mdlnws .nwsindex .nwsitem a.ntlt{display:block;margin:5px 0px 2px 0px;color:black; font-size:12px; font-weight:bold;text-decoration:none}
.mdlnws .nwsindex .nwsitem a.ntlt:hover{display:block;margin:5px 0px 2px 0px;color:#939393; font-size:12px; font-weight:bold;text-decoration:none}
.mdlnws .nwsindex .nwsitem .ndesc{display:block;margin-top:5px; margin-left:2px;color:black; font-size:11px}
.mdlnws .nwsindex .nwsitem .nimg{border:solid 1px silver; margin:3px 3px 3px 0px; width:135px}
.mdlnws .nwsindex .nwsitem .divimg{float:left}
.mdlnws .nwsindex .nwsitem a.nvwdetail{font-size:10px; color:#0480c6}
.mdlnws .nwsindex .nwsitem a.othernews{color:#0480c6; font-size:11px;text-decoration:none}
.mdlnws .nwsindex .nwsitem a.othernews:hover{color:black; font-size:11px;text-decoration:none}

.mdlnws .nwsindex a.nwsctelst{color:black;font-size:12px;font-weight:bold}

/*NewsDetail - Trang chu chi tiet tin tuc*/
.mdlnws .nwsdetail .catename{display:none;margin:3px 0px 2px px; font-size:10px; font-weight:bold;color:black}
.mdlnws .nwsdetail .tlt{color:#0480c6; font-size:15px; font-weight:bold;display:block;margin:3px 0px 3px 0px;}
.mdlnws .nwsdetail .time{color:silver; font-size:11px;display:block;margin:3px 0px 7px 0px;}
.mdlnws .nwsdetail .desc{display:block;margin-top:5px;color:black; font-size:11px; font-weight:bold;display:block;margin:3px 0px 7px 0px;}
.mdlnws .nwsdetail .detail{font-size:12px; color:black;display:block;margin:3px 0px 7px 0px;}
.mdlnws .nwsdetail .author{color:black; font-size:12px;display:block;}

/*------*/
/*News*/
#topnews .item{padding:3px 2px 5px 2px; border-bottom:solid 1px white}
#topnews a.ttl{color:#0078c9; font-size:12px;display:block;margin:0px 0px 3px 0px;}
#topnews a.ttl:hover{color:#50aeec; font-size:12px;display:block;margin:0px 0px 3px 0px;}
#topnews .desc{font-size:11px;}
#topnews img{border:solid 1px silver; width:75px; margin-right:3px}
/*------*/
/*News Paging*/
.mdlnws .pagetotal{padding:5px 2px 3px 2px;}
.mdlnws .paging{text-align:right;padding:5px 2px 3px 2px;}
.mdlnws .paging a.page{display:inline block; height:20px;width:20px; padding:2px 2px 1px 1px; border:solid 1px silver; margin:0px 3px 0px 3px;background-color:#e3e3e3;color:#0480c6}
.mdlnws .paging a.pageprv{display:inline block; height:20px;width:55px; padding:2px 2px 1px 1px; border:solid 1px silver; margin:0px 3px 0px 3px;background-color:#e3e3e3;color:#0480c6}
.mdlnws .paging a.pagenxt{display:inline block; height:20px;width:45px; padding:2px 2px 1px 1px; border:solid 1px silver; margin:0px 3px 0px 3px;background-color:#e3e3e3;color:#0480c6}
.mdlnws .paging .pagecrnt{display:inline block; height:20px;width:20px; padding:2px 2px 1px 1px;; border:solid 1px silver; margin:0px 3px 0px 3px;background-color:#ffbff7;color:black;font-weight:bold}
/*------*/


/*--------*/


/***********************************************************************/
/***********************************************************************/
/*PRODUCTS*/
#mdlindex{padding-top:16px}


/*--------*/

/***********************************************************************/
/***********************************************************************/
/*PRODUCTS*/
/*Product In Cate - Thuong dung de hien thi ngoai trang chu*/
.mdlpro .proincate .cteitem {margin:1px 0px 10px 0px;}
.mdlpro .proincate .cteitem a.ctetlt{font-size:15px;font-weight:bold;color:black;display:inline block;float:left; }
.mdlpro .proincate .cteitem a.vwall{font-size:11px;color:#0480c6;display:inline block;float:right;position:relative; }

.mdlpro .proincate .cteitem .proitem{}
.mdlpro .proincate .cteitem .proitem a.ptlt{color:black; font-size:12px; font-weight:bold;text-decoration:none}
.mdlpro .proincate .cteitem .proitem a.ptlt:hover{color:#939393; font-size:12px; font-weight:bold;text-decoration:none}
.mdlpro .proincate .cteitem .proitem .pid{display:block;margin-top:10px;color:black; font-size:10px; font-weight:bold}
.mdlpro .proincate .cteitem .proitem .pdesc{display:block;margin-top:5px;color:black; font-size:10px}
.mdlpro .proincate .cteitem .proitem .nehosa{color:black}
.mdlpro .proincate .cteitem .proitem .nehosa .new{background:url(../templates/owebframework/new.gif) no-repeat;height:14px;width:30px;display:inline-block;margin:0px 2px 0px 2px}
.mdlpro .proincate .cteitem .proitem .nehosa .hot{background:url(../templates/owebframework/hot.gif) no-repeat;height:14px;width:30px;display:inline-block;margin:0px 2px 0px 2px}
.mdlpro .proincate .cteitem .proitem .nehosa .sale{background:url(../templates/owebframework/sale.gif) no-repeat;height:14px;width:30px;display:inline-block;margin:0px 2px 0px 2px}
.mdlpro .proincate .cteitem .proitem .pprice{color:black}
.mdlpro .proincate .cteitem .proitem .poldprice{color:black}
.mdlpro .proincate .cteitem .proitem .pnewprice{color:black}
.mdlpro .proincate .cteitem .proitem .pcart{color:black}
.mdlpro .proincate .cteitem .proitem .pimg{border:solid 1px silver; margin:3px 3px 3px 0px}
.mdlpro .proincate .cteitem .proitem a.pcartlnk{color:black; display:block; height:20px; width:35px; background:url(../templates/owebframework/addtocart.gif) no-repeat;}
.mdlpro .proincate .cteitem a.prdctelst{font-size:12px; font-weight:bold;color:black;}
.mdlpro .proincate .cteitem a.prdctelst:hover{font-size:12px; font-weight:bold;color:#0480c6;}
/*-------*/
/*Product Index - Trang chu module san pham, trang danh muc cung su dung*/
.mdlpro .catename{display:block;margin:5px 0px 10px px; font-size:15px; font-weight:bold;color:#0480c6}
.mdlpro .proindex .prolstitem{}

.mdlpro .proindex .proitem{}
.mdlpro .proindex .proitem a.ptlt{color:black; font-size:12px; font-weight:bold;text-decoration:none}
.mdlpro .proindex .proitem a.ptlt:hover{color:#939393; font-size:12px; font-weight:bold;text-decoration:none}
.mdlpro .proindex .proitem .pid{display:block;margin-top:10px;color:black; font-size:10px; font-weight:bold}
.mdlpro .proindex .proitem .pdesc{display:block;margin-top:5px;color:black; font-size:10px}
.mdlpro .proindex .proitem .nehosa{color:black}

.mdlpro .proindex .proitem .nehosa .new{background:url(../templates/owebframework/new.gif) no-repeat;height:14px;width:30px;display:inline-block;margin:0px 2px 0px 2px}
.mdlpro .proindex .proitem .nehosa .hot{background:url(../templates/owebframework/hot.gif) no-repeat;height:14px;width:30px;display:inline-block;margin:0px 2px 0px 2px}
.mdlpro .proindex .proitem .nehosa .sale{background:url(../templates/owebframework/sale.gif) no-repeat;height:14px;width:30px;display:inline-block;margin:0px 2px 0px 2px}

.mdlpro .proindex .proitem .pprice{color:black}
.mdlpro .proindex .proitem .poldprice{color:black}
.mdlpro .proindex .proitem .pnewprice{color:black}
.mdlpro .proindex .proitem .pcart{color:black}
.mdlpro .proindex .proitem .pimg{border:solid 1px silver; margin:3px 3px 3px 0px}
.mdlpro .proindex .proitem a.pcartlnk{color:black; display:block; height:20px; width:35px; background:url(../templates/owebframework/addtocart.gif) no-repeat;}

/*--------*/
/*Product Detail- Chi tiet module san pham*/
.mdlpro .prodetail .pdetail{display:block;margin:5px 0px 10px px; font-size:15px; font-weight:bold;color:#0480c6}
.mdlpro .prodetail .ptitle{display:block;margin:5px 0px 10px px; font-size:14px; font-weight:bold;color:black}
.mdlpro .prodetail .information{display:block;margin:5px 0px 10px px; font-size:13px; font-weight:bold;color:black}
.mdlpro .prodetail a.vwlrgimg{color:black;font-size:10px}
.mdlpro .prodetail a.pcartlnk{color:black; display:inline-block; height:20px; width:35px; background:url(../templates/owebframework/addtocart.gif) no-repeat;}
/*--------*/

/*Product Paging*/
.mdlpro .paging{text-align:center}
.mdlpro .paging a.page{display:inline block; height:20px;width:20px; padding:2px 2px 1px 1px; border:solid 1px silver; margin:0px 3px 0px 3px;background-color:#e3e3e3;color:#0480c6}
.mdlpro .paging a.pageprv{display:inline block; height:20px;width:55px; padding:2px 2px 1px 1px; border:solid 1px silver; margin:0px 3px 0px 3px;background-color:#e3e3e3;color:#0480c6}
.mdlpro .paging a.pagenxt{display:inline block; height:20px;width:45px; padding:2px 2px 1px 1px; border:solid 1px silver; margin:0px 3px 0px 3px;background-color:#e3e3e3;color:#0480c6}
.mdlpro .paging .pagecrnt{display:inline block; height:20px;width:20px; padding:2px 2px 1px 1px;; border:solid 1px silver; margin:0px 3px 0px 3px;background-color:#ffbff7;color:black;font-weight:bold}


/*------*/
/*TabProducts*/
#tabitems a.topnewstitle{color:black; font-size:12px;display:block;margin:0px 0px 3px 0px;}
#tabitems a.topnewstitle:hover{color:#0480c6; font-size:12px;display:block;margin:0px 0px 3px 0px;}
#tabitems img{border:solid 1px silver; width:125px; margin-right:3px}
/*------*/



/*--------*/
/***********************************************************************/
/***********************************************************************/
/*CONTENT*/
.mldcontent .title{font-size:15px;color:#0480c6; display:block; margin:5px 0px 15px 0px;}
.mldcontent .contentcate {padding:5px;0px;}
.mldcontent .lsttitle{font-size:12px;color:black; display:block; margin:5px 0px 15px 0px;}
.mldcontent .content{font-size:12px;}
.mldcontent a.gototop{font-size:10px; color:#0480c6; background:url(../templates/owebframework/go_top.gif) no-repeat; width:75px;height:18px}

#viewConentPage{}
#viewConentPage .title{font-size:12px;font-weight:bold;display:block;padding-bottom:5px;}
#viewConentPage .content{font-size:11px;padding-bottom:15px;}
#viewConentPage a.listitems{padding:3px 0px;font-weight:bold;font-size:11px;display:block;}

#viewAllPage{}
#viewAllPage .ptitle{font-size:12px;font-weight:bold;clear:both;}
#viewAllPage .pcontent{font-size:11px;padding:2px 0 10px 0;}

#viewAllPageCollap{}
#viewAllPageCollap .items{padding-bottom:10px;}
#viewAllPageCollap .ptitle a,#viewAllPageCollap .ptitle a:hover{font-size:11px;font-weight:bold;display:block; color:black}
#viewAllPageCollap .pcontent{font-size:11px;padding:2px 0 10px 0;}

#viewListTitlePage{}
#viewListTitlePage .ptitle a,#viewListTitlePage .ptitle a:hover{font-size:12px;font-weight:bold;padding-bottom:10px;display:block;}


/*--------*/

/***********************************************************************/
/***********************************************************************/

/*CONTACT*/
.mldcontact .title{font-size:15px;color:#0480c6; display:block;font-weight:bold; margin:5px 0px 15px 0px;}
.mldcontact .content{font-size:12px;color:black; display:block; margin:5px 0px 15px 0px;}

/*--------*/
/***********************************************************************/
/***********************************************************************/
/*FILES LIBRARY*/
.mdlflibrary{}
.mdlflibrary .list{padding:10px 0px 20px 0px}

.mdlflibrary .list .header{font-size:11px;font-weight:bold;background:silver;height:20px}
.mdlflibrary .list .item {height:22px;border-bottom:solid 1px silver;}
.mdlflibrary .list .item .ctettl{color:#001d92;font-size:12px; font-weight:bold; }
.mdlflibrary .list .item .ttl{color:#0480c6;font-size:11px;padding:3px;}
.mdlflibrary .list .item .dsc{font-size:11px;color:black}
.mdlflibrary .list .item a.lnk{font-size:11px;color:#0480c6}


/*--------*/
/***********************************************************************/
/***********************************************************************/
/*FORUM*/


/*--------*/

/***********************************************************************/
/***********************************************************************/
/*SEARCH*/
.mdlsearch .mdltitl{font-size:15px;color:#0480c6; display:block;font-weight:bold; margin:5px 0px 15px 0px;}

.mdlsearch .itemlist {display:block;margin:10px 0px 30px 0px;}
.mdlsearch .itemlist a.tlt{font-size:12px;color:#0480c6;font-weight:bold}
.mdlsearch .itemlist a.cname{font-size:12px;color:black}
.mdlsearch .itemlist .desc{font-size:11px;color:black; display:block;}
.mdlsearch .itemlist .lnk{font-size:11px;color:#0480c6}
.mdlsearch .itemlist .time{font-size:11px;color:silver}
/*--------*/

/***********************************************************************/
/***********************************************************************/
/*ITEMS COMMENTS*/
.mdlitcmt .cmctlt{font-size:12px;font-weight:bold;color:black}
.mdlitcmt .ctotal{font-size:12px;font-weight:bold;color:#585858}
.mdlitcmt .userinfo {display:block;height:18px}
.mdlitcmt .userinfo .user{font-size:11px;color:blue;font-weight:bold; display:inline;}
.mdlitcmt .userinfo .time{font-size:11px;color:#585858; display:inline;}
.mdlitcmt .ttl{font-size:12px;font-weight:bold;color:black;height:20px;}
.mdlitcmt .dsc{font-size:11px;color:#585858; display:block;margin-bottom:10px}
.mdlitcmt .sep{display:block;background-color:silver}


/*--------*/
/***********************************************************************/
/***********************************************************************/
/*ITEM UTILITIES*/
.itmutlties a.aulnk{font-size:11px;color:blue; display:inline-block;margin-left:7px}
/*--------*/



/*VOTE*/

.mdlvote{padding:3px 3px 3px 7px;}
.mdlvote .msg{color:Blue;font-size:11px;padding:3px 0px 5px 0px;}
.mdlvote .ttl{font-weight:bold;font-size:11px;color:Black}
.mdlvote .dsc{font-size:11px;color:Black;display:block;padding:3px 0px 5px 0px;}
.mdlvote .optionlst{}
.mdlvote .optionlst .optionitm{font-size:11px;color:Black; height:20px;}
.mdlvote .optionlst .optionitm input{font-size:9px}
.mdlvote .vbtn{text-align:center; padding-top:5px;}
.mdlvote .vbtn .btnvote{cursor:pointer;background:#c5c5c5;height:50px;width:120px;padding:5px;font-size:12px}
.mdlvote .vbtn .btnresult{background:#c5c5c5;cursor:pointer;height:50px;width:120px;padding:5px;font-size:12px}

/*--------*/



/***********************************************************************/
/***********************************************************************/
/*HEADER*/

/*BANNER*/
#banner {height:65px}

/*UPPER BANNER*/
.upperbanner{background:url(../templates/owebframework/cb_bg.jpg);height:22px; color:white; padding:3px 2px 0px 2px; text-align:left}
.upperbanner a.lnk{font-size:10px; color:#0451c5; display:inline-block;margin:1px 5px 1px 5px;text-decoration:underline}
.upperbanner .left{width:450px;}
.upperbanner .right{text-align:right}
/*--------*/


/***********************************************************************/
/***********************************************************************/
/*FOOTER*/
.footerline{height:1px; width:100%; background-color:#006eb9; margin:3px 0px 2px 0px;display:block}
.footerstyle{height:81px; width:100%; background:url(../templates/owebframework/p.footer.gif) repeat-x;color:#444444}
.footerstyle .left{padding:5px; text-align:left}
.footerstyle .right{padding:5px; text-align:right}
.footerstyle a{color:#006eb9}
.footerstyle a.lnk{font-size:10px; color:#006eb9; display:inline-block;margin:1px 5px 1px 3px}

/*--------*/


/*MEMBERS*/

#mdlmember .notice{}
#mdlmember .notice .text{color:white;font-size:11px}
#mdlmember .notice a.lnk{color:white;text-decoration:none;font-size:11px}
#mdlmember .notice a.lnk:hover{color:silver;text-decoration:none;font-size:11px}
#mdlmember .notice a.gomlnk{color:white;text-decoration:none;font-size:11px}
#mdlmember .notice a.gomlnk:hover{color:silver;text-decoration:none;font-size:11px}

#mdlmember .tool .toolttl{font-size:14px;font-weight:bold;color:black}
#mdlmember .tool a.tlnk{display:block;height:22px;font-size:12px}

#mdlmember .mbrbx .bxttl{font-size:12px;z-index:100;font-weight:bold;color:black; padding:5px 3px 10px 3px}
#mdlmember .mbrbx .lft{font-size:11px;width:115px; padding:3px 2px 3px 5px}
#mdlmember .mbrbx .vlue{font-size:11px;font-weight:bold; padding:3px 2px 3px 5px}
/*--------*/


/*@import url('../cms/display/utilities/temp/menu-ngang/ddlevelsmenu-sidebar.css');*/


/***********************************************************************/
/***********************************************************************/
/*EXTRA STYLES: Menu đổ ngang*/
.markermenu{width: 100%;clear: left;position: relative;background-color:white;}
.markermenu ul{list-style-type: none;margin: 0px 0px;padding: 0;}
.markermenu span.nutimg
{
	background:url(../templates/owebframework/nut.gif) no-repeat; 
	border:solid 0px blue;
	display:block inline ; 
	width:5px; 
	height:6px;
	float:left;}
.markermenu ul li a,
.markermenu ul li a:hover
{
	background: white ;
	font-weight: bold;
	font-size: 11px;
	color:#0480c6;
	display:block;
	padding:3px 0;
	padding-left: 3px;
	text-decoration: none;
	border-bottom: 1px solid white;
	width:auto; 
	border:solid 0px red;
	height:18px;
}


* html .markermenu ul li a,* html .markermenu ul li a:hover{width: 100%;}
.markermenu ul li a:visited, .markermenu ul li a:active{color: #0480c6;}/*mausac menu*/
.markermenu ul li a:hover, .markermenu ul li a.selected{color: black;background-color: white;}
.markermenu ul li a.current{color: #0480c6;background-color: white;}

.ddsubmenustyle ul{list-style-type: none;margin: 0px 0px;padding: 0;}
.ddsubmenustyle, .ddsubmenustyle ul
{	
    border: 1px solid #ebabe3;/*mau cua khoi submenu*/
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;
	background: white;	
    border-bottom-width: 0;
    visibility: hidden;
    z-index: 0;
    background-color: #ffbff7;/*mau nen cua tung menu*/
}
* html .ddsubmenustyle li{display: inline block;width: 100%;height:20px;padding:0px;margin:0;padding-bottom:0px;margin-bottom:0px;}

.ddsubmenustyle li a
{
	display: block;
	width: 170px; 
	color: black;
	text-decoration: none;
	padding: 5px 5px 5px 20px;
	border-bottom: 1px dotted #white;	
}
.ddsubmenustyle li a:hover
{
	background-color:#ebabe3;
	color: black;
	text-decoration:none;
}/*mau nen khi re chuot vao*/

.downarrowpointer{padding-left: 4px;padding-top:7px;border: 0;}
.rightarrowpointer{position: absolute;left: 140px;border: 0;margin-top:3px}/*arrow*/
.ddiframeshim{position: absolute;z-index: 500;background: transparent;border-width: 0;width: 0;height: 0;display: block;}

/*--------*/
/*EXTRA STYLES: Menu top - khi rê chuột thì hiện menu con phía dưới*/
#top-menu-w-submenus{background:url('../templates/owebframework/mnbg.gif');height:32px;clear:both;border-top:solid 0px white;padding:0 10px;}
#top-menu-w-submenus ul {margin:0;list-style-type:none;height:24px;float:left;}
#top-menu-w-submenus li {float:left;margin-right:1px;}
#top-menu-w-submenus li a {padding:0px 7px 0px 7px;line-height:24px;display:inline-block;color:#0480c6;font-size:11px;font-weight:bold;	border-top:solid 0px #023473;text-decoration:none;}
#top-menu-w-submenus li a:hover,#top-menu-w-submenus li a.current{background-color:#ebbfeb;border-top:solid 0px #52cf01;}
#top-menu-w-submenus li.seperator span{width:1px;height:24px;display:inline block;}

#top-menu-inner-w-submenus{height:22px;line-height:22px;background-color:#ebbfeb;padding-right:10px;vertical-align:middle;}
#top-menu-inner-w-submenus .submenu{border:solid 0px #0480c6;height:20px;line-height:22px;display:inline-block;	}
#top-menu-inner-w-submenus .submenu a,#top-menu-inner-w-submenus .submenu a:hover{padding-right:10px;padding-left:12px; color:black;font-size:11px;}
#top-menu-inner-w-submenus .submenu .innercontent{z-index:100;position:absolute;}
	
/*--------*/

/*--------*/
/*EXTRA STYLES: Menu dropdown- khi rê chuột thì dropdown menu con phía dưới*/
.ddsmoothmenu{font-weight: bold;font-size: 12px; width: 100%;text-align: left;}
    .ddsmoothmenu ul{z-index: 100;margin: 0;padding: 0;list-style-type: none;}
    /*Top level list items*/
    .ddsmoothmenu ul li{position: relative;display: inline;float: left;}
    /*Top level menu link items style*/
    .ddsmoothmenu ul li a{display: block;
        padding: 7px 10px; /*border-left: 1px solid #778;color: white*/;text-decoration:none;}
    * html .ddsmoothmenu ul li a{display:inline-block;text-decoration: none;}
    .ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{color: white;}
    .ddsmoothmenu ul li a:hover{text-decoration: none;color: #293d6b;}
    /*1st sub level menu*/
    .ddsmoothmenu ul li ul{position: absolute;left: 0;display: none;visibility: hidden;}
    /*Sub level menu list items (undo style from Top level List Items)*/
    .ddsmoothmenu ul li ul li{display: list-item;float: none;margin-left:12px;}
    /*All subsequent sub menu levels vertical offset after 1st level sub menu */
    .ddsmoothmenu ul li ul li ul
    {
        top: 0;
    }
    /* Sub level menu links style */
    .ddsmoothmenu ul li ul li a
    {
        font-family: Tahoma;
        font-weight: bold;
        font-size: 11px;
        width: 190px; 
        padding: 5px 14px 5px 10px;
        margin: 0;
        border-top-width: 0;
        border-bottom: 1px solid #88d1ff;
        color: white;
        background-color:#74bdff;
    }
    .ddsmoothmenu ul li ul li a:hover
    {
        font-family: Tahoma;
        font-weight: bold;
        font-size: 11px;
        width: 190px; 
        padding: 5px 14px 5px 10px;
        margin: 0;
        border-top-width: 0;
        border-bottom: 1px solid #88d1ff;
        color: #00458b;
        background-color:#54a1ee;
    }
    .downarrowclass
    {
        position: absolute;
        top: 12px;
        right: 12px;
    }
    .rightarrowclass
    {
        position: absolute;
        top: 10px;
        right: 5px;
    }
    .ddshadow
    {
        position: absolute;
        left: 0;
        top: 0;
        width: 2;
        height: 2;
    }
    .toplevelshadow
    {
        opacity: 0.8;
    }
    .ddsmoothmenu, .ddsmoothmenu ul li a, .ddsmoothmenu ul li ul li a
    {
        color: White;
    }
    .ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li ul li a:hover
    {
    }
	
/*--------*/


/*OpenWeb Framework Version 3.5 - Vietnamese's Product*/
/*Copyright by Phạm Tuấn Anh - INGA Co.,Ltd.*/
/*Contact: contact@inga.com.vn - pta30000@gmail.com*/