* {
padding: 0;
margin: 0;
border: 0;
}
#breadCrumb {
height: 18px; /* This is the height we want on our breadcrumb */
padding: 4px 0 0 8px;
background: #AA9C7F; /* This is our background color */
color: #f5f5f5; /*This is our color on the text which isn't a link. We want them to be light grey */
}
#breadCrumb li {
float: left;
display: inline;
margin-right: 4px;
}
#breadCrumb a {
color: #fff; /* Our breadcrumb links are going to be white */
font-weight: bold; /* And bold */
background: url() center right no-repeat;
padding-right: 11px; /* We need to add some padding to the right of the link. This space is where the background image is going to be shown. */
text-decoration: none;
}
#breadCrumb li .important {
color: #000; /* Our breadcrumb links are going to be white */
font-weight: bold; /* And bold */
background: url() center right no-repeat;
padding-right: 11px; /* We need to add some padding to the right of the link. This space is where the background image is going to be shown. */
text-decoration: none;
}
#breadCrumb a:hover {
color: #333;
background:url() center right no-repeat;
}