
#navDiv { position: absolute; top: 120px; left: 11px; margin: 0; z-index: 10; }
#navBar { height: 23px; background: url("http://www.sharperwear.com/images/top_nav/top_nav_menu2.gif") no-repeat }
ul#navBar { margin: 0; padding: 0; width: 650px; list-style-type: none; font-family: Arial; } 
ul#navBar li { display: inline; float: left; margin: 0; padding: 0; }
ul#navBar li a.mainTitle, ul#navBar li a.mainTitle:visited { float: left; width: 129px; height: 23px; background: #000; color: #fff; margin-right: 1px; padding: 2px 5px 4px 5px; font-size: 15px; text-align: center; text-decoration: none; }
ul#navBar li a.mainTitle:hover { padding: 2px 5px 4px 5px; text-align: center; text-decoration: none; }

html>body ul#navBar li a.mainTitle, html>body ul#navBar li a.mainTitle:visited { float: left; width: 119px; height: 17px; }

ul#navBar li a.mainTitle ul { display: none; }
ul#navBar li a.mainTitle ul a:link { display: none; }
ul#navBar li a.mainTitle ul a:visited { display: none; }

ul#navBar ul { border: 1px solid #333; border-top: none; margin: 0; padding: 0; list-style-type: none; }
ul#navBar ul li { margin: 0; padding: 0; }

ul#navBar li a ul.deptList, ul#navBar li a ul.catList, ul#navBar li a ul.catList2, ul#navBar li a ul.brandList, ul#navBar li a ul.supportList { display: none; }
ul#navBar li a ul.deptList li, ul#navBar li a ul.catList li, ul#navBar li a ul.catList2 li, ul#navBar li a ul.brandList li, ul#navBar li a ul.supportList li { float: none; }

ul#navBar li ul.catList, ul#navBar li ul.deptList, ul#navBar li ul.brandList, ul#navBar li ul.supportList { float: left; width: 132px; height: 200px; background-color: #fff; }
ul#navBar li ul.catList li, ul#navBar li ul.deptList li, ul#navBar li ul.brandList li, ul#navBar li ul.supportList li { margin: 0; padding: 0; }
ul#navBar li ul.col1 { position: absolute; top: 23px; left: -1px; }
ul#navBar li ul.col2 { position: absolute; top: 23px; left: 129px; border-left: 1px dotted #999; }
ul#navBar li ul.col3 { position: absolute; top: 23px; left: 259px; border-left: 1px dotted #999; }
ul#navBar li ul.col4 { position: absolute; top: 23px; left: 389px; border-left: 1px dotted #999; }
ul#navBar li ul.col5 { position: absolute; top: 23px; left: 518px; border-right: 1px solid #333; border-left: 1px dotted #999; }
ul#navBar li ul.col1, ul#navBar li ul.col2, ul#navBar li ul.col3, ul#navBar li ul.col4, ul#navBar li ul.col5 { border-bottom: 1px solid #333; padding-top: 10px; }
html>body ul#navBar li ul.catList, html>body ul#navBar li ul.deptList, html>body ul#navBar li ul.brandList, html>body ul#navBar li ul.supportList { height: 190px; }

ul#navBar li ul.catList2 { float: left; width: 130px; height: 219px; background-color: #fff; }
ul#navBar li ul.catList2 li { margin: 0; padding: 0; }
ul#navBar li ul.col_1 { position: absolute; top: 23px; left: 259px; border: 1px solid #333; border-top: none; padding-top: 10px; }
html>body ul#navBar li ul.catList2 { width: 129px; height: 208px; }

html>body ul#navBar li ul.col4 { width: 130px; }
html>body ul#navBar li ul.col5 { width: 130px; }

ul#navBar li ul.col1 li a, ul#navBar li ul.col_1 li a, ul#navBar li ul.col2 li a, ul#navBar li ul.col3 li a, ul#navBar li ul.col4 li a, ul#navBar li ul.col5 li a { display: block; width: 129px; color: #333; margin: 2px 0; padding: 0 0 0 7px; text-decoration: none; font-size: 11px; }
ul#navBar li ul.col1 li a:hover, ul#navBar li ul.col_1 li a:hover, ul#navBar li ul.col2 li a:hover, ul#navBar li ul.col3 li a:hover, ul#navBar li ul.col4 li a:hover, ul#navBar li ul.col5 li a:hover { background-color: #6699cc; color: #fff; text-decoration: none; font-size: 11px; }

html>body ul#navBar li ul.catList li, html>body ul#navBar li ul.catList2 li, html>body ul#navBar li ul.deptList li, html>body ul#navBar li ul.brandList li, html>body ul#navBar li ul.supportList li { width: 124px; height: 18px; }
html>body ul#navBar li ul.col1 li a, html>body ul#navBar li ul.col_1 li a, html>body ul#navBar li ul.col2 li a, html>body ul#navBar li ul.col3 li a, html>body ul#navBar li ul.col4 li a, html>body ul#navBar li ul.col5 li a { width: 122px; }

.deptList, .catList, .catList2, .brandList, .supportList { display: none; float: left; width: 100px; }
