/* Vertical Navigation */
#vertical-navigation{list-style: none; margin-right: 0px; padding: 0px 10px 0px 0px; font-size: 1.2em; float: left; position: relative; margin-left: 10px; background-color: transparent;}

/* CSS for each Parent Item */
#vertical-navigation > li{float: left; position: relative; height: 42px; background-image: url(http://login.twizzit.com/public/cssbgimages/menu-separator.png);  background-position: 100% 50%; background-repeat: no-repeat;}

#vertical-navigation > li > a{float: left; display: block; padding: 10px 25px; text-decoration: none; font-size: 15px;}

/* Change background color and font color of parent items when mouse hover */


/* Apply to group of Child ItemsEach Child Item will be invisible by default*/


#vertical-navigation  ul{ display: none;float: none; position: absolute; width:240px; list-style: none; margin: 0px; padding: 0px; top:0px; left: 100%; z-index: 2; background-color: rgb(71, 71, 71);}

#vertical-navigation  > li > ul{left: 0px; top: 42px; box-shadow: rgb(33, 33, 33) 0px 2px 5px 0px; -webkit-box-shadow: rgb(33, 33, 33) 0px 2px 5px 0px;padding: 10px 0px; }

/* Each Child Item will be visible if mouse hover */


#vertical-navigation  li:hover > ul{ display: block;border:1px solid rgb(61,61,61);}
#vertical-navigation > li > ul  li{float: none; clear: none; margin: 0px; padding: 0px; color: rgb(40, 40, 40); font-size: 14px; position: relative;}


/* Reset and re style link of each child item*/
#vertical-navigation > li:hover > ul  li  a,#vertical-navigation > ul  li  a{display: block;padding: 10px;float: none;text-align:left;color: #fff;background: none;-webkit-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition: ease-in-out 200ms; -o-transition: ease-in-out 200ms; transition: ease-in-out 200ms;}

#vertical-navigation > li:hover > ul  li  a:hover,#vertical-navigation > ul  li  a:hover{background: none;color: #ffffff;-webkit-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition: ease-in-out 200ms ; -o-transition: ease-in-out 200ms ; transition: ease-in-out 200ms ; }

#vertical-navigation > li:hover > ul  li  a:hover,#vertical-navigation > ul  li  a:hover{color: rgb(255, 255, 255);  background: none rgb(61, 61, 61);}

#vertical-navigation > li:hover > a,#vertical-navigation > li  a:hover{text-decoration:underline;}