#navcontainer { margin-bottom: 1em; padding: 0; width: 280px; border-right: 1px none } #navcontainer ul { list-style: none; margin: 0px; padding: 0px; border: none; } #navcontainer li { margin: 0; border-bottom: 1px solid #999 } #navcontainer li a { color: #ccc; font-size: 12px; font-style: italic; font-weight: bold; text-decoration: none; background-color: #603; text-transform: uppercase; display: block; padding: 1.5em 0.5em 1em; border-right: 0.7em none; border-left: 0.7em solid #603 } #navcontainer li li { margin: 0; border-top: 1px solid #ccc; border-bottom: 0 none } #navcontainer li li a { color: #333; font-style: normal; font-weight: normal; background-color: #e5e5e5; text-transform: none; padding: 4px 0.5em 4px 1.3em; border-left: 0.7em solid #ccc } #navcontainer li li a:hover { color: #fff; background-color: #666; border-right: medium none #999; border-left: medium none #999 } #navcontainer li li li a { background-color: #ccc; padding: 3px 0.5em 3px 1.9em } /*List*/ #listcontainer { margin-bottom: 1em; padding: 0; width: 280px; border-right: 1px none } #listcontainer ul { list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; border-style: none; border-width: medium medium 3px; border-color: #333 } #listcontainer li { background-image: url("../images/bgTrans_75wht.png"); margin: 0; border-bottom: 1px solid #999 } #listcontainer li a { color: #603; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: uppercase; display: block; padding: 0.8em 0.5em 0.5em 0.8em; border-right: 0.7em none } #listcontainer li a:hover { } #listcontainer li li { margin-top: 0; margin-right: 0; margin-bottom: 0; border-top: 1px solid #666; border-bottom: 0 none } #listcontainer li li a { color: black; font-weight: normal; text-transform: none; padding: 0.5em 1em 0.5em 3em } #listcontainer li li li a { background-color: #ccc; padding: 3px 0.5em 3px 1.9em } /* "You Are Here" selectors These selectors set the current tab in the navigation, based on the ID of the tag. Origninal menu uses ul#navcontainer. I changed it to div#navcontainer. */ body#featuresBenifits div#navcontainer li#fb a, body#dinesolsGV div#navcontainer li#dgv a, body#install div#navcontainer li#inst a, body#standardMB div#navcontainer li#stmb a, body#fibercMB div#navcontainer li#frcmb a, body#specialtyMB div#navcontainer li#spmb a, body#splitRecessedMBInst div#navcontainer li#srmbinst a, body#shutterfbsc div#navcontainer li#fbsc a, body#shuttersst div#navcontainer li#ssst a, body#boardbatten div#navcontainer li#bbs a, body#shuttercolors div#navcontainer li#sc a, body#color div#navcontainer li#ccrc a { color: #fff; font-weight: bold; background-color: #333; padding-top: 0.5em; padding-bottom: 0.5em; border-right: none; border-bottom: 4px solid #996; border-left: none }