/* CSS for Navigation Menu (Dynamic Drive Smooth Navigational Menu) */ /* Main Nav */ .ddsmoothmenu { width: 100%; height: 46px; font-size: 16px; font-family: Roboto, Helvetica, Arial, sans-serif; -moz-box-shadow: 0px -2px 4px #ddd; -webkit-box-shadow: 0px -2px 4px #ddd; box-shadow: 0px -2px 4px #ddd; } #iscs-header.iscs-bg-clear + #iscs-nav .ddsmoothmenu { -moz-box-shadow: 0px -1px 4px #ddd; -webkit-box-shadow: 0px -1px 4px #ddd; box-shadow: 0px -1px 4px #ddd; } * html .ddsmoothmenu {height: 1%;} /* Fix IE6 */ .ddsmoothmenu .iscs-fontsize-S {font-size: 16px;} /* Top level menu */ .ddsmoothmenu ul {z-index: 100; margin: 0; padding: 0; list-style-type: none;} /* Top level menu items */ .ddsmoothmenu ul li {position: relative; display: inline; float: left;} .ddsmoothmenu ul li a {display: block; padding: 10px 15px; line-height: 26px; color: #444; text-decoration: none; text-shadow: 0px 1px 0px #fff;} .ddsmoothmenu ul li.iscs-multiline-2 > a {padding: 5px 15px 7px 15px; line-height: 14px;} * html .ddsmoothmenu ul li a {display: inline-block;} /* Fix IE6 */ .ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a.selected { background-color:#107C10; color: #fff; text-shadow: none; } .ddsmoothmenu ul li a.active {color: #fff;} .ddsmoothmenu ul li a.active:hover, .ddsmoothmenu ul li a.active.selected{color: #fff;} /* 2nd level menu*/ .ddsmoothmenu ul li ul { position: absolute; left: 0; display: none; visibility: hidden; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } /* 2nd level menu items */ .ddsmoothmenu ul li ul li {display: list-item; float: none;} .ddsmoothmenu ul li ul li a {margin: 0; border-top: 1px solid #22749c; padding: 10px 10px; width: 160px; background-color:#107C10; font-size: 16px; font-weight: normal; line-height: 1.3; color: #fff; text-shadow: 0px 1px 0px #025d8c;} .ddsmoothmenu .iscs-itemwidth-L li ul li a {width: 200px;} .ddsmoothmenu ul li ul li a:hover {background-color:#139513;} .ddsmoothmenu ul li ul li a.external { width: 140px; padding-right: 30px; background-image: url('../img/jquery/ddsmoothmenu/ico_external.png') !important; background-repeat: no-repeat; background-position: right 10px top 12px; } /* All subsequent sub menu */ .ddsmoothmenu ul li ul li ul {top: 0;} .ddsmoothmenu ul li ul li ul li a {border-left: 1px solid #0B560B;} /* Arrow images */ .downarrowclass {display: none;} .ddsmoothmenu .iscs-showindicator .downarrowclass {display: block; position: absolute; top: 16px; right: 0px;} .ddsmoothmenu a:hover .downarrowclass, .ddsmoothmenu a.selected .downarrowclass {display: none;} .rightarrowclass {position: absolute; top: 13px; right: 5px;} /* Shadow added to sub menus */ /* Shadow for NON CSS3 capable browsers */ .ddshadow{position: absolute; left: 0; top: 0; width: 0; height: 0; background: silver; border-left: 1px solid #0B560B;} /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/ .toplevelshadow{opacity: 0.8;}