
/****from http://www.devlounge.net/code/css-breadcrumbs-in-5-minutes***/
ul, li { list-style-type:none; padding:0; margin:0; }
.breadcrumbs1 { border-bottom:1px solid #ccc; background-color:#fff; line-height: 20px; overflow:auto; font-size:11px; font-weight:bold; }
.breadcrumbs1 li { float:left; padding-left:8px; }
.breadcrumbs1 li a { padding:0 24px 2px 0; background:transparent url(http://garretttrails.org/files/theme/breadarrow.png) no-repeat right center;}

.breadcrumbs1 li a:link, #breadcrumbs1 li a:visited { text-decoration:none; color:#003366; }
.breadcrumbs1 li a:hover, #breadcrumbs1 li a:focus { text-decoration:underline; color:#0099CC; }
.breadcrumbs1 li {color:#006600;}

/*another one*/

.breadcrumbs2 { 
	list-style: none; 
	overflow: hidden; 
	font: 18px Helvetica, Arial, Sans-Serif;
}
.breadcrumbs2 li { 
	float: left; 
}
.breadcrumbs2 li a {
	color: white;
	text-decoration: none; 
	padding: 10px 0 10px 65px;
	background: brown;                   /* fallback color */
	background: hsla(34,85%,35%,1); 
	position: relative; 
	display: block;
	float: left;
}

.breadcrumbs2 li a: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;
	border-left: 30px solid hsla(34,85%,35%,1);
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	left: 100%;
	z-index: 2; 
}

.breadcrumbs2 li a:before { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;       
	border-bottom: 50px solid transparent;
	border-left: 30px solid white;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	margin-left: 1px;
	left: 100%;
	z-index: 1; 
}

.breadcrumbs2 li:first-child a {
	padding-left: 10px;
}
.breadcrumbs2 li:nth-child(2) a       { background:        hsla(34,85%,45%,1); }
.breadcrumbs2 li:nth-child(2) a:after { border-left-color: hsla(34,85%,45%,1); }
.breadcrumbs2 li:nth-child(3) a       { background:        hsla(34,85%,55%,1); }
.breadcrumbs2 li:nth-child(3) a:after { border-left-color: hsla(34,85%,55%,1); }
.breadcrumbs2 li:nth-child(4) a       { background:        hsla(34,85%,65%,1); }
.breadcrumbs2 li:nth-child(4) a:after { border-left-color: hsla(34,85%,65%,1); }
.breadcrumbs2 li:nth-child(5) a       { background:        hsla(34,85%,75%,1); }
.breadcrumbs2 li:nth-child(5) a:after { border-left-color: hsla(34,85%,75%,1); }
.breadcrumbs2 li:last-child a {
	background: transparent !important;
	color: black;
	pointer-events: none;
	cursor: default;
}

.breadcrumbs2 li a:hover { background: hsla(34,85%,25%,1); }
.breadcrumbs2 li a:hover:after { border-left-color: hsla(34,85%,25%,1) !important; }

/******http://techinterviewpuzzles.appspot.com/********/
ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

.breadcrumbs3{
  background: #eee;
  border-width: 1px;
  border-style: solid;
  border-color: #f5f5f5 #e5e5e5 #ccc;
  border-radius: 5px;
  box-shadow: 0 0 2px rgba(0,0,0,.2);
  overflow: hidden;
}

.breadcrumbs3 li{
  float: left;
}

.breadcrumbs3 a{
  padding: .7em 1em .7em 2em;
  float: left;
  text-decoration: none;
  color: #444;
  position: relative;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  background-color: #ddd;
  background-image: linear-gradient(to right, #f5f5f5, #ddd);  
}

.breadcrumbs3 li:first-child a{
  padding-left: 1em;
  border-radius: 5px 0 0 5px;
}

.breadcrumbs3 a:hover{
  background: #fff;
}

.breadcrumbs3 a::after,
.breadcrumbs3 a::before{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;   
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid;
  right: -1em;
}

.breadcrumbs3 a::after{ 
  z-index: 2;
  border-left-color: #ddd;  
}

.breadcrumbs3 a::before{
  border-left-color: #ccc;  
  right: -1.1em;
  z-index: 1; 
}

.breadcrumbs3 a:hover::after{
  border-left-color: #fff;
}

.breadcrumbs3 .current,
.breadcrumbs3 .current:hover{
  font-weight: bold;
  background: none;
}

.breadcrumbs3 .current::after,
.breadcrumbs3 .current::before{
  content: normal;  
}

/******http://www.jankoatwarpspeed.com/create-apple-com-like-breadcrumb-using-simple-css*****/

#breadcrumbs4
{
    font: 11px Arial, Helvetica, sans-serif;
    background-image:url('http://mwtdatabase.weebly.com/files/theme/breadsepa.png'); 
    background-repeat:repeat-x;
    height:30px;
    line-height:30px;
    color:#9b9b9b;
    border:solid 1px #cacaca;
    overflow:hidden;
    margin:0px;
    padding:0px;
}
#breadcrumbs4 li 
{
    list-style-type:none;
    float:left;
    padding-left:10px;
}
#breadcrumbs4 a
{
    height:30px;
    display:block;
    background-image:url('http://mwtdatabase.weebly.com/files/theme/breadarr.png'); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 15px;
    text-decoration: none;
    color:#454545;
}
.home
{
    border:none;
    margin: 8px 0px;
}

#breadcrumbs4 a:hover
{
	color:#35acc5;
}