/* We remove the margin, padding, and list style of UL and LI components */
#menuwrapper ul, #menuwrapper ul li{
    margin:0;
    padding:0;
    list-style:none;
}

#sidemenu{
	background:rgb(255, 255, 255);
    width:210px;
    height:465px;
}
/* We apply background color and border bottom white and width to 150px */
#menuwrapper ul li{
    background-color:rgb(255, 255, 255);
     width:210px;
    cursor:pointer;
    text-align:left;
}

/* We apply the background hover color when user hover the mouse over of the li component */
#menuwrapper ul li:hover{
    /*position:relative;*/
    
}

/* We apply the link style */
#menuwrapper ul li a{    border-bottom: 1px solid rgb(230, 231, 232);
    width:210px; 
   padding: 10px 0px 10px 2px;
    color:#4b4b4d;
    display:inline-block;
    text-decoration:none;
}

#menuwrapper ul li a.selected{
 	color:#37b200;   
}
#menuwrapper ul li a:hover{
	color:#37b200;
    transition:color 0.3s ease;
    -o-transition:color 0.3s ease;
    -webkit-transition:color 0.3s ease;
    -moz-transition:color 0.3s ease;
}

#menuwrapper ul li a:hover:after {
    content: "  ";
    display: inline-block;
    border-bottom: 0.8em solid transparent;
    border-left: 0.8em solid transparent;
    border-right: 0.8em solid #fff;
    border-top: 0.8em solid transparent;
    height: 0px;
    margin-top: -2px;
    position: absolute;
    left: 188px;
    width: 1px;
    transition:border-right 1s ease;
    -o-transition:border-right 1s ease;
    -webkit-transition:border-right 1s ease;
    -moz-transition:border-right 1s ease;
}

#menuwrapper ul li a.noflyout:hover:after {
	border-right: 0.8em solid transparent;
    transition:none;
    -o-transition:none;
    -webkit-transition:none;
    -moz-transition:none;
}
/**** SECOND LEVEL MENU ****/
/* We make the position to absolute for flyout menu and hidden the ul until the user hover the parent li item */
#menuwrapper ul li ul{
    position:absolute;
    display:block;
    visibility:hidden;
    height:100%;
   background:none;
    width:0px;
   color:#000;
    
}

#menuwrapper ul li ul li{
    color:#000;
    background:none;
    padding:5px;
}
/* When user has hovered the li item, we show the ul list by applying display:block, note: 150px is the individual menu width.  */

#menuwrapper ul li:hover ul{
    left:210px;
    top:1px;
    display:block;
    visibility:visible;
    width:960px;
    background:#fff;
    transition:background-color 0.5s ease;
    -o-transition:background-color 0.5s ease;
    -webkit-transition:background-color 0.5s ease;
    -moz-transition:background-color 0.5s ease;
    
}

#menuwrapper ul li ul li a {
    border-bottom: 0;
   background: none;
    padding: 5px;
   color:#000;
    display: inline-block;
    text-decoration: none;
}
#menuwrapper ul li ul li a:hover {

   color:#ac0404;
   
}
.pacorp_menu_cot{ float: left; margin: 5px;}
.pacorp_menu_cot1,.pacorp_menu_cot2,.pacorp_menu_cot3,.pacorp_menu_cot4{ float: left; margin: 5px;}
.pacorp_menu_cot1{  width: 225px}
.pacorp_menu_cot2{  width: 225px}
.pacorp_menu_cot3{  width: 225px}
.pacorp_menu_cot4{ width: 230px}
a.menucap2{ font-weight: bold }
a.menucap3{font-size: 12px;}