I’m using the sport skin, but I’m not too crazy about the font colors, sizes etc. Is there a CSS file or document that I can modify to make this change ?
Did you try
skins/yourskin/customer/styles.css?
ok, I’ve copy/pasted the top menu styles from the sports skins. I’m assuming what I’m looking for is in here. I’m unable to find the top_menu_bg.gif file. I tried changing the background color but no luck. This leads me to a second question do I change the skins/sports or skins/basic ?
I woudl rather not experiment, any help woudl be greatly appreciated 
/* top styles /
#top_menu {
text-align: left;
clear: both;
background: #cbd5d9 url(images/top_menu_bg.gif);
margin-right: -2px;
}
.top-menu {
background: url(images/top_menu_list_bg.gif) repeat-y right top;
}
#top_menu ul li.first-level {
padding: 0px;
margin: 0;
border-bottom: 2px solid #ffffff;
border-right: 2px solid #ffffff;
height: 19px;
}
#top_menu li.first-level a, #top_menu li.first-level a:hover, #top_menu ul li.first-level.cm-active a, #top_menu ul li.first-level.cm-active a:hover {
display: block;
background-color: #b9c6ca;
padding: 2px 17px 2px 18px;
text-align: left;
min-width: 157px;
}
#top_menu ul li.first-level.cm-active a, #top_menu ul li.first-level a:hover, #top_menu ul li.first-level.cm-active a:hover, #top_menu ul li:hover a {
background-color: #e40141;
text-decoration: none;
}
#top_menu ul li.first-level a, #top_menu ul li.first-level a:hover, #top_menu ul li.first-level.cm-active a, #top_menu ul li.first-level.cm-active a:hover {
font: bold 14px/15px Tahoma;
color: #ffffff
}
#top_menu li.first-level li, #top_menu li.first-level li, #top_menu li.first-level.cm-active li, #top_menu li.first-level.cm-active li {
border: 0px none;
background-position: 152px 10px;
}
#top_menu li.first-level li a, #top_menu li.first-level li a:hover, #top_menu li.first-level.cm-active li a, #top_menu li.first-level.cm-active li a:hover {
font: normal 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #e40141;
text-decoration: none;
background-color: transparent;
min-width: none;
padding: 4px 20px 5px 6px;
}
#top_menu li.first-level li a:hover, #top_menu li.first-level.cm-active li a:hover, #top_menu li.first-level li:hover a, #top_menu li.first-level.cm-active li:hover a {
color: #ffffff;
}
#top_menu li.first-level li:hover ul a, #top_menu li.first-level.cm-active li:hover ul a {
color: #e40141;
}
#top_menu li.first-level li:hover ul a:hover, #top_menu li.first-level.cm-active li:hover ul a:hover {
color: #ffffff;
}
#top_menu ul ul {
margin-top: 0px;
padding: 1px;
}
/ /top styles */