.ddsmoothmenu { margin:0; } #nav, #nav ul { list-style: none; margin: 0; padding: 0; } #nav li { position: relative; z-index:1111; display:inline; } #nav a { display:inline-block; text-decoration: none; text-align:center;} #nav a:hover, #nav a:focus { color: #fff } #nav ul a { background: none; width: 192px; color:#fff; font-weight:normal; padding: 7px 15px 7px 15px; margin: 0; text-align:left; line-height:18px; -webkit-transition:none; -ms-transition:none; -o-transition: none; transition: none; } #nav ul a:hover, #nav ul a:focus, #nav ul a.selected { color:#fff; } #nav ul .hover > a { color:#fff; } #nav ul ul { left: 215px; top: 0px; } #nav ul { background:#BB2F30; position: absolute; z-index:124; width:222px; left: -1px; top:43px; padding:0px;} #nav ul li { float: left; height: auto; margin:0px; padding:0 0px; width:222px; border-bottom:1px dotted #972324; z-index:123; } #nav ul li ul { z-index:110; top:0px; left: 222px;} #nav .MenuLiLast, #nav .MenuLi9, #nav .MenuLi8, #nav .MenuLi10 { z-index:120; } #nav .MenuLiLast { padding:0; } #nav .firstMenuLi { padding-top:0px; } #nav .MenuLiLast { background-image:none; } #nav .MenuLiLast .menuSubUl { left:-96px; } #nav .menuFirstNode .rightarrowclass { display:none; } .rightArrowImg { position:absolute; right:6px; top:14px; } #nav li.MenuLi1 { width: 60px;} #nav li.MenuLi2 { width: 105px;} #nav li.MenuLi3 { width: 95px;} #nav li.MenuLi4 { width: 60px;} #nav li.MenuLi5 { width: 100px;} #nav li.MenuLi6 { width: 80px;} #nav li.MenuLi7 { width: 95px;} #nav li.MenuLi8 { width: 190px;} #nav li.MenuLi9 { width: 110px;} #nav li.MenuLi10 {width: 105px;} /* ------------------ NoJS CSS (do not change anything under this) ---------------------*/ #nav li:hover > a, #nav li.hover > a, #nav li > a:hover, #nav li > a:focus, #nav li > a:active, #nav li ul li:hover > a, #nav li ul li.hover > a, #nav li ul li > a:hover, #nav li ul li:hover ul li:hover > a, #nav li ul li.hover ul li.hover > a, #nav li ul li:hover ul li > a:hover { background: #a92425; color: #fff; } .noJS #nav ul {display:block !important;} #nav ul, #nav :hover ul ul, #nav .hover ul ul { margin-left: -9999px; } #nav li:hover > ul, #nav li.hover > ul, #nav a:focus + ul, #nav ul ul, #nav .hover a:focus { margin-left: 0px; } #nav ul a:focus, #nav ul a:focus + ul { margin-left: 9999px; } #nav ul a:active { margin-left:0px; } #nav .MenuLiLast:hover > ul, #nav .MenuLiLast.hover > ul, #nav .MenuLiLast a:focus + ul, #nav ul .MenuLiLast ul { /*margin-left: -128px !important;*/ } #nav li li a:focus, #nav li li a:active { margin-left: 9999px; } #nav li li a:hover:active { margin-left: 0; } /* ------------------ NoJS CSS (do not change anything above this) ---------------------*/