#uMenuDiv1 a {color:#000;cursor:pointer;}
#uMenuDiv1 li{
width: 180px;
padding: 10px;
background: #c5d5e6;
border-radius: 5px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.5);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.5);
}
#uMenuDiv1:before, #uMenuDiv1:after {
content: '';
position: absolute;
}
#uMenuDiv1:before {
top: 10px;
right: 12px;
width: 15px;
height: 15px;
background: #59718a;
border-radius: 3px;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.4);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.4);
}
#uMenuDiv1 a {color:#fff;cursor:pointer;}
#uMenuDiv1 li{
width: 180px;
padding: 10px;
background: #df3100;
border-radius: 5px;
}
#uMenuDiv1:before, #uMenuDiv1:after {
content: '';
position: absolute;
}
#uMenuDiv1:before {
top: 10px;
right: 12px;
width: 15px;
height: 15px;
background: #59718a;
border-radius: 3px;
}
#uMenuDiv1:after {
top: 14px;
right: 13px;
border: 4px solid transparent;
border-left: 4px solid #ecf1f7;
}
#uMenuDiv1 a:hover {
color: orange;
text-shadow: 0 1px rgba(0, 0, 0, 0.4);
background-clip: border-box;
}
у вас основной даже и не красный, а более оранжевый, вам решать, но этот цвет слишком яркий и быстро утомляет глаза.