﻿#breadCrumb { 
height: 18px; /* This is the height we wan't on our breadcrumb */ 
padding: 4px 0 0 8px; 
background: #999; /* This is our background color */ 
color: #f5f5f5; /*This is our color on the text which isn't a link. We want' they 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(/layout/icons/breadcrumb.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; 
} 
#breadCrumb a:hover { 
color: #333; 
background:url(/layout/icons/breadcrumb.gif) bottom right no-repeat; 
} 

#headerTrack 
{
    position:absolute;
    clear: both;
    height: 18px;
    padding: 4px 0 0 8px;
    background: #999;
    color: #f5f5f5;
    font-size: 11px;
}
* html #headerTrack {
margin-top:-6px;
}
#headerTrack li {
float: left;
display: inline;
margin-right: 4px;
}
#headerTrack a {
color: #fff;
font-weight: bold;
background: url(header-track-list.gif) top right no-repeat;
padding: 0 11px 0 0;
text-decoration: none;
}
#headerTrack a:hover {
color: #333;
background:url(header-track-list.gif) bottom right no-repeat;
}

