.breadcrumb { font-family: Tahoma; font-size: 14px; list-style: none; overflow: hidden; font: 18px Helvetica, Arial, Sans-Serif; }
.breadcrumb li { max-height: 26px; float: left; font-family: Tahoma; font-size: 14px; _background: url(../img/test.png) no-repeat center right; }
.breadcrumb li a { font-family: Tahoma; font-size: 14px; color: white; text-decoration: none; padding: 4px 0 5px 40px; background: #4b8ebb; background: hsla(204,60%,56%,1); position: relative; display: block; float: left; }
.breadcrumb 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(204,60%,56%,1); position: absolute; top: 50%; margin-top: -50px; left: 100%; z-index: 2; height:26px; line-height:26px; display:block; clear:both; }
.breadcrumb li a:before { 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 white; position: absolute; top: 50%; margin-top: -50px; margin-left: 1px; left: 100%; z-index: 1;  height:26px; line-height: 26px; display:block; clear:both; }	
.breadcrumb li:first-child a { padding-left: 10px; }
.breadcrumb li.active, .breadcrumb li.active a { cursor: default; }
.breadcrumb li.active a { background: hsla(30,85%,66%,1); }
.breadcrumb li.active a:after { border-left-color: hsla(30,85%,66%,1); }
.breadcrumb li:not(.active) a:hover { background: hsla(204,63%,72%,1); }
.breadcrumb li:not(.active) a:hover:after { border-left-color: hsla(204,63%,72%,1) !important; }

.breadcrumb_left { font-family: Tahoma; font-size: 14px; list-style: none; overflow: hidden; font: 18px Helvetica, Arial, Sans-Serif; margin-bottom: 10px; }
.breadcrumb_left li { float: left; font-family: Tahoma; font-size: 14px; padding-left: 20px; }
.breadcrumb_left li a { font-family: Tahoma; font-size: 14px; font-weight: normal; color: #ffffff; text-decoration: none; padding: 4px 0 6px 10px; background: #3993d1; /* fallback color */ background: hsla(0,0%,70%,1); position: relative; display: block; float: left; }
.breadcrumb_left 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-right: 30px solid hsla(0,0%,70%,1); position: absolute; top: 50%; margin-top: -50px; left: -20px; z-index: 2; }	
.breadcrumb_left li a:before { 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-right: 30px solid white; position: absolute; top: 50%; margin-top: -50px; margin-left: 1px; left: -50px; z-index: 1; }
.breadcrumb_left li:first-child a { padding-right: 10px; }
.breadcrumb_left li a:hover { background: hsla(204,63%,72%,1); color: #fff; }
.breadcrumb_left li a:hover:after { border-right-color: hsla(204,63%,72%,1); color: #fff; }

.breadcrumb_right { font-family: Tahoma; font-size: 14px; list-style: none; overflow: hidden; font: 18px Helvetica, Arial, Sans-Serif; margin-bottom: 10px; }
.breadcrumb_right li { float: left; font-family: Tahoma; font-size: 14px; padding-right: 30px; }
.breadcrumb_right li a { font-family: Tahoma; font-size: 14px; font-weight: normal; color: #ffffff; text-decoration: none; padding: 4px 0 6px 10px; background: #3993d1; /* fallback color */ background: hsla(0,0%,70%,1); position: relative; display: block; float: left; }
.breadcrumb_right 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(0,0%,70%,1); position: absolute; top: 50%; margin-top: -50px; left: 100%; z-index: 2; }	
.breadcrumb_right li a:before { 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 white; position: absolute; top: 50%; margin-top: -50px; margin-left: 1px; left: 100%; z-index: 1; }
.breadcrumb_right li:first-child a { padding-left: 10px; }
.breadcrumb_right li a:hover { background: hsla(204,63%,72%,1); color: #fff; }
.breadcrumb_right li a:hover:after { border-left-color: hsla(204,63%,72%,1); color: #fff; }