.path { border: 1px solid #e1e1e0; padding: 10px 0px; margin: 20px 0px 30px 0px; background-color: #f7f8f9;  border-radius: 4px; }
.path:after { content: '.'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; clear: both; }
	.path ul { padding: 0px 20px; list-style: none; margin: 0px; }
	.path ul li { float: left;  }

.path ul li a { padding: 0px 5px 0px 31px; display: inline-block; line-height: 28px; }
.path ul li:nth-child(1) > a { padding-left: 24px;}

.path ul li a:before { content: " "; width: 21px; height: 24px;   position: absolute; background-image: url(folder.png); background-repeat: no-repeat; background-position: 0px 0px; margin: 6px 0px 0px -23px;opacity: 0.5; }
.path ul li a:hover:before { opacity: 1;}

.path ul li:last-child a:before { content: " "; width: 21px; height: 24px;   position: absolute; background-image: url(open-folder.png); background-repeat: no-repeat; background-position: 0px 0px; margin: 6px 0px 0px -23px; opacity: 0.7; }
.path ul li a:hover:before {opacity: 1;}

.path ul li:after { content: "›"; display: inline; padding: 0 5px 0 5px; }
.path ul li:last-child:after { content: '.'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; clear: both;  }