#TopMenuBar1Container { width: 100%; background-image: url(/library/tbrBlueChrome/TopMenuBar/background.gif); background-repeat: repeat-x; } #btnTopMenuBar1 { bxackground-color: #3C5260; bxackground-image: url(/library/tbrBlueChrome/TopMenuBar/background.gif); bxackground-repeat: repeat-x; height: 36px; /* moz */ } #btnTopMenuBar1Div { padding-top: 10px; padding-left: 10px; padding-right: 10px; text-align: center; width: 130; /* moz */ } .btnTopMenuBar1Off { background-image: url(/library/tbrBlueChrome/TopMenuBar/off.gif); background-repeat: repeat-x; height: 36px; /* moz */ } .btnTopMenuBar1On { background-image: url(/library/tbrBlueChrome/TopMenuBar/on.gif); background-repeat: repeat-x; height: 36px; /* moz */ } .btnTopMenuBar1Text:link { color: #FFFFFF; font-weight: bold; font-size: 12px; text-decoration: none; } .btnTopMenuBar1Text:active { color: #FFFFFF; font-weight: bold; font-size: 12px; text-decoration: none; } .btnTopMenuBar1Text:visited { color: #FFFFFF; font-weight: bold; font-size: 12px; text-decoration: none; } .btnTopMenuBar1Text:hover { color: #FFFFFF; font-weight: bold; font-size: 12px; text-decoration: none; } /*****************************************/ /********** SEO FRIENDLY METHOD **********/ /*****************************************/ #seritasTopMenu { width: 100%; background: #008 url(/library/tbrBlueChrome/TopMenuBar/background.gif) repeat-x 0 0; border-bottom: 0px #D0DADB solid; height: 36px; } #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: 12px; font-weight: bold; list-style-type: none; white-space: no-wrap; width: 150px; height: 36px; border: 0px solid red; } #seritasTopMenu ul li a { float: left; display: block; background: #008 url(/library/tbrBlueChrome/TopMenuBar/off.gif) repeat-x 0 0; color: #FFFFFF; font-weight: bold; font-size: 12px; text-decoration: none; text-align: center; padding: 10 0 0 0; width: 150px; height: 100%; border: 0px solid blue; } #seritasTopMenu ul li a:hover { text-decoration: none; /* background: #008000 url(/library/tbrBlueChrome/TopMenuBar/sprite.jpg) repeat-x 0 -26; */ background-image: url(/library/tbrBlueChrome/TopMenuBar/on.gif); } #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: 12px; 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; }