﻿/*MenuCateHome*/
#MenuCateHome{ width: 960px;margin-top: 20px; margin-bottom: 40px}
#MenuCateHome .Item{ height: 220px;width: 300px;float: left;margin-right: 30px;position: relative;}
#MenuCateHome .Item.Item2{margin-right: 0}
#MenuCateHome .Item .boder_img{ display: block;width: 288px;height: 188px;border: solid 6px #cfa57d;
background: #fff;text-align: center;display: table-cell !important;vertical-align: middle !important; }
#MenuCateHome .Item .boder_img:hover{opacity: 0.9}
#MenuCateHome .Item .boder_img img{ max-width: 288px;max-height: 188px;min-width: 288px; width: auto !important;
height: auto !important;display: table-cell !important;vertical-align: middle !important;}
#MenuCateHome .Item .Name_Menu{ width:258px ;height: 44px;border-radius: 3px;background: url('img/bg_name_menu.png') no-repeat center;position: absolute;
    bottom: 0%;right: 7%;}
#MenuCateHome .Item .Name_Menu:hover{background: url('img/bg_name_menu_hover.png') no-repeat center;}
#MenuCateHome .Item .Name_Menu a{ display: block;width: 90%;text-align: center;padding: 0 5%;font: bold 16px/45px Time new romal;color: #fff; text-transform: uppercase}
/*#MenuCateHome .Item .Name_Menu a:hover{color:#702B1E }*/
/*MenuCateHome--End*/

/*Vertical LeftMenu*/
#VerticalLeftMenu { width: 200px; margin-bottom: 30px}
    #VerticalLeftMenu .caption {width: 202px;height: 30px;background: #702B1E;border-radius: 3px;}
#VerticalLeftMenu .caption a {display: block;color: #FFF;text-decoration: none;font: bold 13px/18px Arial;text-transform: uppercase;padding-top: 6px;text-align: center}
#VerticalLeftMenu .RadMenu_left{ width: 100%;padding-top: 1px;border: solid 1px #e5e5e5; border-top:none }
#VerticalLeftMenu .RadMenu_left .rmVertical{width: 100%}
#VerticalLeftMenu .RadMenu_left .rmVertical .rmItem{ width: 100%; } 
#VerticalLeftMenu .RadMenu_left .rmVertical .rmItem .rmLink { width: 160px;padding: 0 20px;margin-bottom: -1px; 
background: url('img/bg_bottom_rmlink.png')no-repeat bottom}
#VerticalLeftMenu .RadMenu_left .rmVertical .rmItem.rmLast .rmLink{background: none}
#VerticalLeftMenu .RadMenu_left .rmVertical .rmItem .rmLink.expanded,
#VerticalLeftMenu .RadMenu_left .rmVertical .rmItem .rmLink:hover{ background: #cfa57d;}
#VerticalLeftMenu .RadMenu_left .rmVertical .rmItem .rmLink .rmText{display: block;font: normal 13px/18px Arial;padding:7px 0 7px 15px;
background: url('img/butlet_articleref.png') no-repeat left 12px;cursor: pointer; color: #333333}

#VerticalLeftMenu .RadMenu_left .rmVertical .rmItem .rmLink.expanded  .rmText{font-weight: bold;}

/*Menu cấp 2*/
#VerticalLeftMenu .RadMenu_left .rmVertical .rmItem .rmSlide{ width: 200px !important;background: #cfa57d; margin-left: 2px}
#VerticalLeftMenu .RadMenu_left .rmVertical .rmItem .rmSlide .rmLevel1{ width: 100%;}
#VerticalLeftMenu .RadMenu_left .rmVertical .rmItem .rmSlide .rmLevel1 .rmItem .rmLink{border-bottom: solid 1px #e5e5e5}
#VerticalLeftMenu .RadMenu_left .rmVertical .rmItem .rmSlide .rmLevel1 .rmItem .rmLink .rmText{border-bottom: none}

/*Vertical LeftMenu--End*/