#TopMenuBar1Container { width: 100%; background-color: #006699; background-image: url(/library/tbrClassicDenimLarge/topMenuBar/background.gif); background-repeat: repeat-x; white-space: no-wrap; } #btnTopMenuBar1 { height: 28px; } #btnTopMenuBar1Div { padding-top: 7px; padding-left: 15px; padding-right: 10px; text-align: left; width: 140; white-space: no-wrap; } .btnTopMenuBar1Off { background-image: url(/library/tbrClassicDenimLarge/topMenuBar/off.gif); background-repeat: repeat-x; height: 28px; white-space: no-wrap; } .btnTopMenuBar1On { background-image: url(/library/tbrClassicDenimLarge/topMenuBar/on.gif); background-repeat: repeat-x; height: 28px; white-space: no-wrap; } .btnTopMenuBar1Text:link { color: #FFFFFF; font-weight: bold; font-size: 12px; text-decoration: none; white-space: no-wrap; } .btnTopMenuBar1Text:active { color: #FFFFFF; font-weight: bold; font-size: 12px; text-decoration: none; white-space: no-wrap; } .btnTopMenuBar1Text:visited { color: #FFFFFF; font-weight: bold; font-size: 12px; text-decoration: none; white-space: no-wrap; } .btnTopMenuBar1Text:hover { color: #FFFFFF; font-weight: bold; font-size: 12px; text-decoration: none; white-space: no-wrap; } .TopfirstButtonOff { background-image: url(/library/tbrClassicDenimLarge/topMenuBar/off-first.gif); background-repeat: repeat-x; height: 28px; white-space: no-wrap; } .TopfirstButtonOn { background-image: url(/library/tbrClassicDenimLarge/topMenuBar/on-first.gif); background-repeat: repeat-x; height: 28px; white-space: no-wrap; } .menuskin { width: 10px; background-color: gray; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#999999', EndColorStr='#333333'); border: 1px solid black; font: normal 10px Verdana; line-height: 18px; color: white; } .menuskin a { text-decoration: none; color: white; font-weight: bold; padding-left: 10px; padding-right: 10px; } #mouseoverstyle { background-color: #808099; } .menuitems { } /*****************************************/ /********** SEO FRIENDLY METHOD **********/ /*****************************************/ #seritasTopMenu { width: 100%; background: #ddd; background-image: url(/library/tbrClassicDenimLarge/topMenuBar/off.jpg); background-repeat: repeat-x; height: 28px; } #seritasTopMenu ul { display: block; margin: 0; padding: 0; list-style: none; z-index: 999999; } #seritasTopMenu ul li { float: left; margin: 0 0 0 0; padding: 0; font-size: 10px; font-weight: bold; list-style-type: none; white-space: no-wrap; width: 150px; height: 26px; border: 0px solid red; } #seritasTopMenu ul li a { float: left; display: block; background-image: url(/library/tbrClassicDenimLarge/topMenuBar/off.jpg); background-position: 0 0; background-repeat: repeat-x; color: #FFFFFF; font-weight: bold; font-size: 12px; text-decoration: none; text-align: center; padding: 5 0 0 0; width: 150px; height: 28; } #seritasTopMenu ul li a:hover { text-decoration: none; background-image: url(/library/tbrClassicDenimLarge/topMenuBar/off.jpg); background-repeat: repeat-x; background-position: 0 -36; } #seritasTopMenu ul li.sep { color: white; padding: 0.8em 0em 0.5em 0em; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #seritasTopMenu ul li a { float: none; padding-left: 0px; } /* End IE5-Mac hack */ #seritasTopMenu ul.level2, #seritasTopMenu ul.level3 { position: absolute; top: 0px; left: 0px; visibility: hidden; border: 1px solid #000; background: #FFF; } #seritasTopMenu ul.level2 li, #seritasTopMenu ul.level3 li { background: #FFF; float: none; margin: 0; padding: 0; white-space: nowrap; width: 200px; height: 20px; } #seritasTopMenu ul.level2 li a, #seritasTopMenu ul.level3 li a { background: #FFF; text-align: left; color: #000; font-weight: bold; white-space: nowrap; text-size: 10px; padding: 5px; padding-left: 10; width: 100%; } #seritasTopMenu ul.level2 li a:hover,#seritasTopMenu ul.level3 li a:hover { background-color: #000080; background-image: none; color: #FFF; }