links in stylesheet

[yawstick]

Trying to customize the links in the different divs via the stylesheet and need help understanding how it works with the different divs. For example in the code below for the a:hover definition it has several divs defined (#navEZPagesTOC, #navMain, etc)
what happens on the divs that are not defined... as there does not appear to be an a:hover definitions for anything else.

site is
http://thefabricemporium.com

user and password is fabric

also there is a broken image icon in the logo that shows in IE but not in Firefox any tips on that would be greatly appreciated

a:link, #navEZPagesTOC ul li a {
color: #3300FF;
text-decoration: bold;
}

a:visited {
color: #ffffFF;
text-decoration: none;
}

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
color: #FF00ff;
}

a:active {
color: #0000FF;
}

In particular I want to change the a:visited for the #navBreadCrumbs as well as some other places ie the copyright at the bottom
can that be done here... if so what is the proper syntax


#navBreadCrumb {
padding: 0.5em 0.5em;
background-color: #ffffff;
font-size: 0.95em;
font-weight: bold;
margin: 0em;
}

Thanks
http://shadetreehandyman.com/

[haredo]

Y,
Let's start here:

what happens on the divs that are not defined... as there does not appear to be an a:hover definitions for anything else.

All you half to do is edit the stylesheet.css and add the new declaration, VIOLA, execution is complete to control the issue in the .css

includes/ templates/ fabric/ css/ stylesheet.css

Add the following declaration below here and place right underneath #navBreadCrumb

#navBreadCrumb a {
color: #000000;
}

Find this:
.categoryIcon {}

Change to this:
#categoryIcon a{display:none;}

Find this:
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
margin: 0em 1em 1em 0em ;
}

Change to this:
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
margin: 2em 1em 1em 0em ;
}

Add this:
h1#productName {margin: 1em 0em 0em 0em;}

[yawstick]

Thanks very much... you fixed more than I asked for but that was next on my list
Now if I could just figure out the broken image icon in my logo that show in IE
I'm actually using a background image in the stylesheet to show the logo... seems like at the time that was easier than trying to figure out where is should be

Thanks again

[haredo]

Thanks very much... you fixed more than I asked for but that was next on my list
Now if I could just figure out the broken image icon in my logo that show in IE
I'm actually using a background image in the stylesheet to show the logo... seems like at the time that was easier than trying to figure out where is should be

Thanks again

Find this:
#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: left;
}

Change to this:
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: left;
}

#logo {
display:none;
}