<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* 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 &gt; 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 &gt; li &gt; 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  &gt; li &gt; 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 &gt; ul{ display: block;border:1px solid rgb(61,61,61);}
#vertical-navigation &gt; li &gt; 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 &gt; li:hover &gt; ul  li  a,#vertical-navigation &gt; 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 &gt; li:hover &gt; ul  li  a:hover,#vertical-navigation &gt; 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 &gt; li:hover &gt; ul  li  a:hover,#vertical-navigation &gt; ul  li  a:hover{color: rgb(255, 255, 255);  background: none rgb(61, 61, 61);}

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










</pre></body></html>