div.breadcrumbs ul#breadcrumbs {
list-style: none;
overflow: hidden;
margin: 10px 0 10px 0;
}
div.breadcrumbs ul#breadcrumbs li {
float: left;
margin-bottom: 0px;
padding-right: 5px;
}
div.breadcrumbs ul#breadcrumbs li div {
color: black;
font-weight:bold;
text-decoration: none;
padding: 5px 0 5px 35px;
/*background: hsla(34,85%,35%,1);*/
position: relative;
display: block;
float: left;
font: 12px Helvetica, Arial, Sans-Serif;
height: 100%;
}

div.breadcrumbs ul#breadcrumbs li.backward div {
/*color: #701111;*/

background: #660000;                   /* fallback color */
background: -webkit-linear-gradient(left, rgb(149,77,77), rgb(149,77,77),rgb(102,0,0)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, rgb(149,77,77), rgb(149,77,77),rgb(102,0,0)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, rgb(149,77,77), rgb(149,77,77),rgb(102,0,0)); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, rgb(149,77,77), rgb(149,77,77),rgb(102,0,0)); /* Standard syntax */
color: #eadcbf;
font-weight: bold;
/*background: rgb(200,200,200);*/
/*background: hsla(34,85%,35%,1);*/
}

div.breadcrumbs ul#breadcrumbs li.forward div { 
background: #660000;                   /* fallback color */
background: -webkit-linear-gradient(left, rgb(149,77,77), rgb(149,77,77),rgb(102,0,0)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, rgb(149,77,77), rgb(149,77,77),rgb(102,0,0)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, rgb(149,77,77), rgb(149,77,77),rgb(102,0,0)); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, rgb(149,77,77), rgb(149,77,77),rgb(102,0,0)); /* Standard syntax */
color: white;
font-weight: bold;
/* text-shadow: 0 1px 0 rgba(255,255,255,.5); */
}

div.breadcrumbs ul#breadcrumbs li div:after {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 50px solid transparent;
/* Go big on the size, and let overflow hide */
border-bottom: 50px solid transparent;
position: absolute;
border-left: 30px solid #eadcbf;
/*border-left: 30px solid hsla(34,85%,35%,1);*/
top: 50%;
margin-top: -50px;
left: 100%;
z-index: 2;
}
div.breadcrumbs ul#breadcrumbs li.backward div:before, div.breadcrumbs ul#breadcrumbs li.forward div:before {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 50px solid transparent;      
border-bottom: 50px solid transparent;
border-left: 30px solid rgb(149,77,77);
position: absolute;
top: 50%;
margin-top: -50px;
margin-left: 1px;
left: 100%;
z-index: 1;
}

div.breadcrumbs ul#breadcrumbs li:first-child {
padding-left: 0px;
}
/*
div.breadcrumbs ul#breadcrumbs li:nth-child(2) div       { background:        hsla(34,85%,45%,1); }
div.breadcrumbs ul#breadcrumbs li:nth-child(2) div:after { border-left-color: hsla(34,85%,45%,1); }
div.breadcrumbs ul#breadcrumbs li:nth-child(3) div       { background:        hsla(34,85%,55%,1); }
div.breadcrumbs ul#breadcrumbs li:nth-child(3) div:after { border-left-color: hsla(34,85%,55%,1); }
div.breadcrumbs ul#breadcrumbs li:nth-child(4) div       { background:        hsla(34,85%,65%,1); }
div.breadcrumbs ul#breadcrumbs li:nth-child(4) div:after { border-left-color: hsla(34,85%,65%,1); }
div.breadcrumbs ul#breadcrumbs li:nth-child(5) div       { background:        hsla(34,85%,75%,1); }
*/
/*
div.breadcrumbs ul#breadcrumbs li:nth-child(5) div:after { border-left-color: hsla(0, 0%, 0%, 0); }
*/
div.breadcrumbs ul#breadcrumbs li.selected, div.breadcrumbs ul#breadcrumbs li.selected div {
	font-weight: bold;
	color: #660000;
	background: #eadcbf;
	border-left-color: #eadcbf;
}
div.breadcrumbs ul#breadcrumbs li.backward div:after { 
	border-left-color: rgb(102,0,0);
}
div.breadcrumbs ul#breadcrumbs li.forward div:after { 
	border-left-color: rgb(102,0,0);
}
div.breadcrumbs ul#breadcrumbs li.selected div:after { 
	border-left-color: #eadcbf; 
	border-right-color: #eadcbf; 
}

/*
div.breadcrumbs ul#breadcrumbs li:last-child div {
background: transparent !important;
color: black;
pointer-events: none;
cursor: default;
}

div.breadcrumbs ul#breadcrumbs li div:hover { background: hsla(34,85%,25%,1);}
div.breadcrumbs ul#breadcrumbs li div:hover:after { border-left-color: hsla(34,85%,25%,1) !important;}
*/