@charset "utf-8";

.xbreadcrumbs {
	position: relative;
	z-index: 1000; }

.xbreadcrumbs LI UL {
	position: absolute;
	float: left; }

.xbreadcrumbs, .xbreadcrumbs LI, .xbreadcrumbs UL, .xbreadcrumbs UL LI {
	list-style: none;
	margin: 0;
	padding: 0; }

.xbreadcrumbs { clear: both; }

.xbreadcrumbs, .xbreadcrumbs LI { float: left; }

.xbreadcrumbs UL { display: none; }


/* [ BASE STYLE ]
-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.xbreadcrumbs {
	background: #F0F0F0;
	width: 100%; }

	.xbreadcrumbs LI {
		padding: 5px;
		border-right: 1px solid #CECECE;
		height: 16px; }

		.xbreadcrumbs LI.current { border-right: none; }

		.xbreadcrumbs LI A {
			font-size: 11px;
			color: #666666;
			text-decoration: none;
			line-height: 10px; }

			.xbreadcrumbs LI A:HOVER, .xbreadcrumbs LI.hover A { color: #0A8ECC; }

		.xbreadcrumbs LI.current A {
			color: #333333;
			font-weight: bold;
			font-size: 24px; }

		.xbreadcrumbs LI UL {
			padding: 3px;
			background: #333333;
			font-size: 11px;
			width: 180px;
			top: 25px; }

			.xbreadcrumbs LI UL LI {
				float: left;
				width: 100%;
				border-right: none;
				height: auto; }

				.xbreadcrumbs LI UL LI A {
					text-decoration: none;
					color: #CCCCCC !important;
					display: block;
					padding: 4px;
					border-bottom: 1px dotted #666666; }

				.xbreadcrumbs LI UL LI:last-child A { border-bottom: none; }

				.xbreadcrumbs LI UL LI A:HOVER { background: #444444; }