/* Basic code - don't modify */ #droppynav { display: block; margin: 0; padding: 0; position: relative; z-index:25;} /* SZ added z-index to bring above flash animation on front page */ #droppynav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; } #droppynav a { display: block; } #droppynav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; top:19px; } /* SZ added top:19px to force placement */ * html #droppynav ul { line-height: 0; } /* IE6 "fix" */ #droppynav ul a { zoom: 1; } /* IE6/7 fix */ #droppynav ul li { float: none; } #droppynav ul ul { top: 0px; } /* Essentials - configure this */ /* #droppynav ul { width: 133px; } */ #droppynav ul.droppymenuwidth2, #droppynav ul.droppymenuwidth3, #droppynav ul.droppymenuwidth4, #droppynav ul.droppymenuwidth5, #droppynav ul.droppymenuwidth6, #droppynav ul.droppymenuwidth2 li, #droppynav ul.droppymenuwidth3 li, #droppynav ul.droppymenuwidth4 li, #droppynav ul.droppymenuwidth5 li, #droppynav ul.droppymenuwidth6 li { width: 133px; } #droppynav ul.droppymenuwidth7, #droppynav ul.droppymenuwidth7 li { width: 124px; } #droppynav ul ul { left: 131px; } /* SWiSHzone - not used /* Everything else is theming */ /* SWiSHzone - configure the top row to be transparant, sized, with a background image set*/ #droppy { font-family:verdana,arial; font-size:11px; font-weight: normal; color:#333; } /* Make sure all the images at the top have no padding or borders. */ #droppynav img { border:0px; padding:0px; } #droppynav li#droppynav-column1 { background: transparent; width:88px; } #droppynav li#droppynav-column2 { background: transparent; width:116px; } #droppynav li#droppynav-column3 { background: transparent; width:132px; } #droppynav li#droppynav-column4 { background: transparent; width:84px; } #droppynav li#droppynav-column5 { background: transparent; width:106px; } #droppynav li#droppynav-column6 { background: transparent; width:131px; } #droppynav li#droppynav-column7 { background: transparent; width:127px; } /* strictly speaking the background image is not require, however putting here means the black images are pre-cached, which is handy */ #droppynav li#droppynav-column1 a.toprow { color: transparent; padding:0px; background: transparent url(../images/nav-home-white-button.png);} #droppynav li#droppynav-column2 a.toprow { color: transparent; padding:0px; background: transparent url(../images/nav-products-white-button.png);} #droppynav li#droppynav-column3 a.toprow { color: transparent; padding:0px; background: transparent url(../images/nav-downloads-white-button.png);} #droppynav li#droppynav-column4 a.toprow { color: transparent; padding:0px; background: transparent url(../images/nav-store-white-button.png);} #droppynav li#droppynav-column5 a.toprow { color: transparent; padding:0px; background: transparent url(../images/nav-support-white-button.png);} #droppynav li#droppynav-column6 a.toprow { color: transparent; padding:0px; background: transparent url(../images/nav-community-white-button.png);} #droppynav li#droppynav-column7 a.toprow { color: transparent; padding:0px; background: transparent url(../images/nav-company-white-button.png);} #droppynav li#droppynav-column1 a:hover.toprow { background: transparent url(../images/nav-home-black-button.png);} #droppynav li#droppynav-column2 a:hover.toprow { background: transparent url(../images/nav-products-black-button.png);} #droppynav li#droppynav-column3 a:hover.toprow { background: transparent url(../images/nav-downloads-black-button.png);} #droppynav li#droppynav-column4 a:hover.toprow { background: transparent url(../images/nav-store-black-button.png);} #droppynav li#droppynav-column5 a:hover.toprow { background: transparent url(../images/nav-support-black-button.png);} #droppynav li#droppynav-column6 a:hover.toprow { background: transparent url(../images/nav-community-black-button.png);} #droppynav li#droppynav-column7 a:hover.toprow { background: transparent url(../images/nav-company-black-button.png);} #droppynav li li a { text-decoration:none; border-width: 1px; border-style:solid; border-color:#8C8C8C; border-top-color:white; padding:2px 2px 2px 6px; line-height: normal;} #droppynav li li a.droppyseparator { color: white; border-top-color:#8C8C8C; background-color: #8C8C8C; } #droppynav li li a.droppyitem { color: #333333; background-color: #EAEAEA; font-weight:normal; } #droppynav li li a:hover.droppyitem { color: #FF6600; background-color: #F7F7F7; } #droppynav { background-color: transparent; height: 2px; } #droppynav *:hover { background-color: none; } /* #droppynav a { color: white; font-size: 12px; padding: 6px; line-height: 1; } */ /* #droppynav li.hover a { background-color: #AAAAAA; } */ /* #droppynav ul { top: 23px; } */ /* #droppynav ul li a { background-color: #5E5A5A; } */ /* #droppynav ul a.hover { background-color: #30A8C3; } */ #droppynav ul a { border-right: none; opacity: 0.95; filter: alpha(opacity=95); } /* #droppynav ul a { border-bottom: none; } - I also needed this for IE6/7 */ /* ------------------------------------------------------------------------------------------------------------------------------ */ /* id droppynavshadow isn't really part of the droppy menu system. it draws the shadows underneath the droppy menu top level items. however it's widths are corrolated to the droppy menu widths, so we put it's style here... Also we don't combine these style definintions just to keep it all a bit more readable and separate */ #droppynavshadow { margin: 0; padding: 0; position: absolute; z-index:0;} #droppynavshadow li { list-style: none; margin: 0; padding: 0; float: left; position: relative; line-height: 0px; font-size:1px; } #droppynavshadow img { border:0px; padding:0px; } #droppynavshadow li#droppynavshadow-column1 { width:88px; height:4px; } #droppynavshadow li#droppynavshadow-column2 { width:116px; height:4px;} #droppynavshadow li#droppynavshadow-column3 { width:132px; height:4px;} #droppynavshadow li#droppynavshadow-column4 { width:84px; height:4px; } #droppynavshadow li#droppynavshadow-column5 { width:106px; height:4px;} #droppynavshadow li#droppynavshadow-column6 { width:131px; height:4px;} #droppynavshadow li#droppynavshadow-column7 { width:127px; height:4px;}