/** * TemplatePlazza Drop Column menu * TemplatePlazza.com **/ #tp-cssmenu{ float: left; margin: 0; /* all lists */ padding: 0; } #tp-cssmenu ul{ margin: 0; /* all lists */ padding: 0; } #tp-cssmenu li{ margin: 0; /* all list items */ padding: 0 0 0 0; float: left; display: block; cursor: pointer; position: relative; left: 8px; z-index:1000; } #tp-cssmenu li ul{ position: absolute; /* second-level lists */ z-index: 999; margin-left:-8px; } #tp-cssmenu ul ul{ margin: -2.6em 0 0 18em; /* third-and-above-level lists */ padding-bottom:0; padding:0 0 0 0; } #tp-cssmenu li li{ padding: 0 0 0 0; margin: 0; width: auto; } #tp-cssmenu ul a{ } #tp-cssmenu li ul{ left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } #tp-cssmenu li:hover ul ul, #tp-cssmenu li:hover ul ul ul, #tp-cssmenu li:hover ul ul ul ul, #tp-cssmenu li.sfhover ul ul, #tp-cssmenu li.havechildsfhover ul ul, #tp-cssmenu li.havechild-activesfhover ul ul, #tp-cssmenu li.activesfhover ul ul, #tp-cssmenu li.sfhover ul ul ul, #tp-cssmenu li.havechildsfhover ul ul ul, #tp-cssmenu li.havechild-activesfhover ul ul ul, #tp-cssmenu li.activesfhover ul ul ul, #tp-cssmenu li.sfhover ul ul ul ul, #tp-cssmenu li.havechildsfhover ul ul ul ul, #tp-cssmenu li.havechild-activesfhover ul ul ul ul, #tp-cssmenu li.activesfhover ul ul ul ul{ left: -999em; } /* This "unhides" the sub-menus (left: -999em is what hides them) */ #tp-cssmenu li:hover ul, #tp-cssmenu li li:hover ul, #tp-cssmenu li li li:hover ul, #tp-cssmenu li li li li:hover ul, #tp-cssmenu li.sfhover ul, #tp-cssmenu li.havechildsfhover ul, #tp-cssmenu li.havechild-activesfhover ul, #tp-cssmenu li.activesfhover ul, #tp-cssmenu li li.sfhover ul, #tp-cssmenu li li.havesubchildsfhover ul, #tp-cssmenu li li.havesubchild-activesfhover ul, #tp-cssmenu li li.activesfhover ul, #tp-cssmenu li li li.sfhover ul, #tp-cssmenu li li li.havesubchildsfhover ul, #tp-cssmenu li li li.havesubchild-activesfhover ul, #tp-cssmenu li li li.activesfhover ul, #tp-cssmenu li li li li.sfhover ul, #tp-cssmenu li li li li.havesubchildsfhover ul, #tp-cssmenu li li li li.havesubchild-activesfhover ul, #tp-cssmenu li li li li.activesfhover ul{ left: auto; } /* STYLING THE MENU -----------------------------------*/ /* 1st level */ #tp-cssmenu td{ margin:0; padding:0; white-space: nowrap; } #tp-cssmenu li a{ color:#FFFFFF; display:block; font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; margin:0; padding:10px; text-align:left; text-decoration:none; text-transform:uppercase; border-left: 2px solid #111111; border-right: 3px solid #111111; border-top: 2px solid #111111; } #tp-cssmenu li li a, #tp-cssmenu li.active ul li a{ display: block; width: 14.55em; text-indent: 15px; font-weight:normal; padding: 5px 5px; margin: 0; } #tp-cssmenu li.active, #tp-cssmenu li.activesfhover a{ color: #fff; background-color: #8fc026; } #tp-cssmenu li.activesfhover a, #tp-cssmenu li.active a{ display: block; } #tp-cssmenu li ul li{ } #tp-cssmenu li ul li a{ } #tp-cssmenu li.active a.parentsfhover{ } #tp-cssmenu li.fulltpmenuimages img, #tp-cssmenu li.fulltpmenuimagessfhover img, #tp-cssmenu li a.fulltpmenuimages, #tp-cssmenu li.fulltpmenuimages a, #tp-cssmenu li.fulltpmenuimagessfhover a, #tp-cssmenu li.tpmenutextandimage a, #tp-cssmenu li.tpmenutextandimagesfhover a{ padding:0 0 0 0; margin:0; } #tp-cssmenu li.fulltpmenuimages li a{ padding-right:10px; } #tp-cssmenu li.tpmenutextandimage li a, #tp-cssmenu li.tpmenutextandimagesfhover li a{ padding-left:10px; padding-right:10px; } #tp-cssmenu li.tpmenutextandimage li, #tp-cssmenu li.tpmenutextandimagesfhover li{ } #tp-cssmenu li img, #tp-cssmenu li.tpmenutextandimage img, #tp-cssmenu li.tpmenutextandimagesfhover img{ display: block; padding-top:10px; } #tp-cssmenu li.fulltpmenuimages ul li a, #tp-cssmenu li.fulltpmenuimagessfhover ul li a{ padding-left:10px; } #tp-cssmenu li.fulltpmenuimages a{ padding:0; margin:0; } .tpmenutextandimage{} .fulltpmenuimageschild{} .tpmenutextandimagechild{} #tp-cssmenu li a.fulltpmenuimages{ padding:0; margin:0; } #tp-cssmenu li ul li.active{} #tp-cssmenu li{ padding: 0; } #tp-cssmenu li li *{ padding-left:0; } #tp-cssmenu li:hover, #tp-cssmenu li.sfhover, #tp-cssmenu li.havechildsfhover, #tp-cssmenu li.havechild-activesfhover{ } #tp-cssmenu li:hover li, #tp-cssmenu li.sfhover li, #tp-cssmenu li.havechildsfhover li, #tp-cssmenu li.havechild-activesfhover li{ } #tp-cssmenu li .parentsfhover li, #tp-cssmenu li li:hover a, #tp-cssmenu li li.sfhover a{ } #tp-cssmenu li:hover a{ background-color:#8fc026; color:#fff; border-left: 2px solid #d1d1d1; border-right: 3px outset #d1d1d1; border-top: 2px ridge #eeeeed; } /* 2nd level and above */ #tp-cssmenu li td{ padding: 0px; margin: 0px; background-color: #FFFFFF; border-bottom: 5px outset #d1d1d1; } #tp-cssmenu li ul ul{} #tp-cssmenu li ul li, #tp-cssmenu li ul li.active{ } #tp-cssmenu li.havesubchild, #tp-cssmenu li.havesubchild-active{ } #tp-cssmenu li ul a:hover, #tp-cssmenu li ul a:active, #tp-cssmenu li ul a:focus{ background: #191919; color: #fff; text-decoration: none; } #tp-cssmenu ul li a.active, #tp-cssmenu ul li a.active:hover, #tp-cssmenu ul li a.active:active, #tp-cssmenu ul li a.active:focus{ } #tp-cssmenu li.activesfhover, #tp-cssmenu li.active{ } #tp-cssmenu li.active li{ } #tp-cssmenu li.active a, #tp-cssmenu li.activesfhover a{ margin: 0; } #tp-cssmenu li li.sfhover a:hover{ } #tp-cssmenu li li.activesfhover a, #tp-cssmenu li.active li a{ } #tp-cssmenu li li, #tp-cssmenu li li table{ padding-left:0; } .tpsubtitle{ font-weight:400; color:#c0c0c0; text-transform:lowercase; } #tp-cssmenu li:hover span.tpsubtitle { color:#cc0000;} #tp-cssmenu li.active li a{ } #tp-cssmenu li.active span.tpsubtitle{ }