* /*The "universal rule". Set's border, padding and margin to 0 for all values. NB! If you aren't used to using this kind of code in your CSS you may experience some changes in your overall design. If so, set padding, margin and border in your breadCrumb CSS instead*/ 
{ 
padding: 10; 
margin: 0; 
border: 1; 
}
#breadCrumb { 
height: 18px; /* This is the height we wan't on our breadcrumb */ 
padding: 2px 0 0 2px; 
background: #fff; /* This is our background color */ 
color: #333333; /*This is our color on the text which isn't a link. We want' they to be light grey */
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
} 
#breadCrumb li { 
float: left; 
display: inline; 
margin-right: 4px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
} 
#breadCrumb a { 
color: #333333; /* Our breadcrumb links are going to be white */ 
/*font-weight: bold;*/ /* And bold */ 
background: url(../images/breadcrumb2.gif) top 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;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
} 
#breadCrumb a:hover { 
color: #999999; 
background:url(../images/breadcrumb2.gif) top right no-repeat;
}