/* breadcrumb */


/* A) STRUCTURE ### --------------------------------------  */

div#breadcrumb{
	width:100%;
	height: 39px;
    line-height: 39px;
	width:100%;
	overflow:auto;
	margin-bottom:10px; /* give the margin */
	}

div#breadcrumb span{
	display:none;
	}

div#breadcrumb a{
	float: left;
	height: 39px;
	padding: 0 25px 0 15px;
	}
	
#breadcrumb strong{
	padding-left:23px;
	}

div#breadcrumb em{
	margin-left:10px;
	} 
	
/* B) LOOK & FEEL ### --------------------------------------  */

div#breadcrumb{
	font-weight:bold;
	background: #e2e2e2 url(../img/backgrounds/white_gradient_flip.png) repeat-x top left;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}

div#breadcrumb a{
	text-decoration: none;
	font-weight:normal;
	color:#5c5b5b;
	background:url(../img/backgrounds/breadcrumb_items.png) no-repeat top right;
	}
	
div#breadcrumb a:hover{
	background:url(../img/backgrounds/breadcrumb_items.png) no-repeat bottom right;
	}
	
#breadcrumb strong{
	font-weight:normal;
	text-transform:uppercase;
	background:url(../img/icons/home.png) no-repeat left top;
	}
	
div#breadcrumb em{
	color:#333;
	font-style:normal;
	}