#wrap { font-size: 1.3em; width: 742px; position: relative; }

#navbar { margin: 0 auto; padding: 0; height: 33px; width: 742px; margin-top: 4px; }
#navbar ul { margin: 0 auto; }
#navbar li { list-style: none; float: left; }

#navbar li a.home { width: 74px; height: 23px; margin-left: 10px; padding-top: 10px; background: url('../images/home.gif'); display: block; color: #272727; text-decoration: none; font-weight: bold; }

#navbar li a.why { width: 161px; height: 23px; margin-left: 5px; padding-top: 10px; background: url('../images/why.png'); display: block; color: #272727; text-decoration: none; font-weight: bold; }

#navbar li a.brand { width: 174px; height: 23px; margin-left: 5px; padding-top: 10px; background: url('../images/brand.png'); display: block; color: #272727; text-decoration: none; font-weight: bold; }

#navbar li a.category { width: 195px; height: 23px; margin-left: 5px; padding-top: 10px; background: url('../images/category.png'); display: block; color: #272727; text-decoration: none; font-weight: bold; }

#navbar li a.contact { width: 37px; height: 23px; margin-left: 250px; padding-top: 10px; background: url('../images/contactButton.png'); display: block; color: #272727; text-decoration: none; font-weight: bold; text-indent: -9999px; }

#navbar li a.cart { width: 37px; height: 23px; margin-left: 5px; padding-top: 10px; background: url('../images/cartButton.png'); display: block; color: #272727; text-decoration: none; font-weight: bold; text-indent: -9999px; }

#navbar li ul { text-align: left; font-family: arial; font-size: 12px; display: none; width: 0px; /* Width to help Opera out */ background-color: #C40000; }

#navbar li.brand ul { display: block !important; position: static !important; }

#navbar li:hover ul, #navbar li.hover ul { display: block; position: absolute; z-index: 100; margin: 0; padding: 0; }
#navbar li:hover li, #navbar li.hover li { float: none; }

#navbar a.brand1, #navbar a.brand2 { display: block; width: 174px; text-align: left; height: 17px; padding: 5px 0 0 5px; }
#navbar li:hover a.brand1, #navbar li.hover a.brand1 { margin-left: 5px; background-color: #C40000; color: #272727; width: 169px; text-decoration: none; }
#navbar li:hover a.brand2, #navbar li.hover a.brand2 { margin-left: 5px; background-color: #D10000; color: #272727; width: 169px; text-decoration: none; }
#navbar li a.brand1:hover, #navbar li a.brand2:hover { width: 169px; background-color: #8D0202; color: #fff; }

#navbar li a.category1, #navbar li a.category2 { display: block; width: 174px; height: 17px; margin-top: -1px; }
#navbar li:hover li a.category1, #navbar li.hover li a.category1 { margin-left: 5px; background-color: #DB4F21; color: #272727; height: 17px; width: 190px; text-decoration: none; padding: 5px 0 0 5px; }
#navbar li:hover li a.category2, #navbar li.hover li a.category2 { margin-left: 5px; background-color: #E05B28; color: #272727; height: 17px; width: 190px; text-decoration: none; padding: 5px 0 0 5px; }
#navbar li li a.category1:hover, #navbar li li a.category2:hover { width: 190px; background-color: #D23D17; color: #fff; }