ul.breadcrumb
{
list-style: none;
margin: 0px 0 0 0px;   /*15px 0 0 212px;*/
padding: 0;
font-size: 12px;
backgorund: #ffffff;
  font-family: Arial, Verdana, Helvetica,  sans-serif;
}
ul.breadcrumb li.item
{
	float: left; position: relative; z-index: 3;
	border: 1px solid #c6c6c6; white-space: nowrap;
	padding: 4px 20px 4px 8px; margin: 0px 5px 5px 0px;
	background: #ffffff; line-height: 0.8em;
	font-size:85%
font-size: 14px;
width: 100px;
}
ul.breadcrumb li.home
{   width: 24px;
	float: left; position: relative;
    left: 0;
	padding: 0; margin: 0;
	background: #ffffff;

}
ul.breadcrumb li.item, ul.breadcrumb li.item a { color: #ffffff; }
ul.breadcrumb li.current { border: 1px solid #c6c6c6; color: #6a6a6a; }/*цвет начальной меню (ссылки) */

ul.breadcrumb li.item b { display: block; position: absolute; top: 0px; left: 0; margin-top: 0.5em; }
ul.breadcrumb li.item b img { display: block; position: absolute; top: -6px; left: 0; }
ul.breadcrumb li.item s { display: block; position: absolute; top: 8px; right: 0; margin-top: 0.5em; }
ul.breadcrumb li.item s img { display: block; position: absolute; top: -10px; right: 0; }
ul.breadcrumb li.item img.over { visibility: hidden; }

ul.breadcrumb li.over { border: 1px solid #8ec844; background: #8ec844; }
ul.breadcrumb li.over a, ul.breadcrumb li.over a:visited,
ul.breadcrumb li.over { color: white; }
ul.breadcrumb li.over s img, ul.breadcrumb li.over img.tl, ul.breadcrumb li.over img.tr,
ul.breadcrumb li.over img.bl, ul.breadcrumb li.over img.br { visibility: hidden; }
ul.breadcrumb li.over img.over { visibility: visible; }
ul.breadcrumb li.open img.over { visibility: hidden; }


ul.breadcrumb div.sub-menu {
	display: none; float: left;
	position: absolute; top: -1px; left: -1px; z-index: 10000;
	padding: 0; opacity: 0.9;
}
ul.breadcrumb div.sub-menu-invisible { display: block; visibility: none; }

ul.breadcrumb div.sub-menu div.sub-menu-links {
	background: #8ec844;
	border-right: 1px solid #8ec844; border-left: 1px solid #8ec844;
	padding-bottom: 1px;
}
ul.breadcrumb div.sub-menu a, ul.breadcrumb div.sub-menu a:visited,
ul.breadcrumb div.sub-menu { color: #ffffff;/* этот бг можно убрать, но проблема с дырками в фоне */background: #8ec844;}/*цвет меню (ссылки) */
ul.breadcrumb div.sub-menu div a,
ul.breadcrumb div.sub-menu div span { display: block; padding: 5px 18px; }
ul.breadcrumb div.sub-menu div.selec a,
ul.breadcrumb div.sub-menu div.selec a:visited,
ul.breadcrumb div.sub-menu div.selec { color: #000000; }/*цвет выбранного меню (ссылки) */
ul.breadcrumb div.sub-menu div.selec a:hover,
ul.breadcrumb div.sub-menu div a:hover { background: #8ec844; color: #555555; }/*цвет меню при овере(ссылки) */

ul.breadcrumb li.open { background: #8ec844; border-color: white; }
ul.breadcrumb li.open * { visibility: hidden; }
ul.breadcrumb li.open div.sub-menu { display: block; }
ul.breadcrumb li.open div.sub-menu *,
ul.breadcrumb li.open div.sub-menu { visibility: visible; }

/* закругления */
ul.breadcrumb li.item img.tl, ul.breadcrumb li.item img.tr,
ul.breadcrumb li.item img.bl, ul.breadcrumb li.item img.br { position: absolute; width: 9px; height: 9px; }
ul.breadcrumb li.item img.tl { top: -1px; left: -1px; }
ul.breadcrumb li.item img.tr { top: -1px; right: -1px; }
ul.breadcrumb li.item img.bl { bottom: -1px; left: -1px; }
ul.breadcrumb li.item img.br { bottom: -1px; right: -1px; }

div.crumbs ul.breadcrumb li.item img.br,
div.crumbs ul.breadcrumb li.item img.tr { right: expression( (this.parentNode.offsetWidth % 2)? -2 : -1 ); }
div.crumbs ul.breadcrumb li.item img.bl,
div.crumbs ul.breadcrumb li.item img.br { bottom: expression( (this.parentNode.offsetHeight % 2)? -2 : -1 ); }

	/* подменю */
ul.breadcrumb div.sub-menu div.top-border,
ul.breadcrumb div.sub-menu div.bot-border { margin: 0px 9px; background: #8ec844; font-size: 1px; }
ul.breadcrumb div.sub-menu div.top-border { height: 5px; border-top: 1px solid #8ec844; }
ul.breadcrumb div.sub-menu div.bot-border { height: 8px; border-bottom: 1px solid #8ec844; }

div.crumbs ul.breadcrumb div.sub-menu div.top-border { height: 6px; }
div.crumbs ul.breadcrumb div.sub-menu div.bot-border { height: 9px; }
div.crumbs ul.breadcrumb div.sub-menu div.top-border, div.crumbs ul.breadcrumb div.sub-menu div.bot-border { width: 100%; filter: alpha(opacity=90); }

div.crumbs ul.breadcrumb div.sub-menu div.sub-menu-links { width: 100%; filter: alpha(opacity=90); }
div.crumbs ul.breadcrumb div.sub-menu a, div.crumbs ul.breadcrumb div.sub-menu a:visited { width: 100%; }

ul.breadcrumb div.sub-menu img.tl { background: url('/themes/garland/breadcrumb/breadcrumb-menu-tl.png'); top: 0; left: 0; }
ul.breadcrumb div.sub-menu img.tr { background: url('/themes/garland/breadcrumb/breadcrumb-menu-tr.png'); top: 0; right: 0; }
ul.breadcrumb div.sub-menu img.bl { background: url('/themes/garland/breadcrumb/breadcrumb-menu-bl.png'); bottom: 0; left: 0; }
ul.breadcrumb div.sub-menu img.br { background: url('/themes/garland/breadcrumb/breadcrumb-menu-br.png'); bottom: 0; right: 0; }
div.crumbs ul.breadcrumb div.sub-menu img.tl { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/garland/breadcrumb/breadcrumb-menu-tl-ie.png', sizingMethod='crop'); }
div.crumbs ul.breadcrumb div.sub-menu img.tr { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/garland/breadcrumb/breadcrumb-menu-tr-ie.png', sizingMethod='crop'); }
div.crumbs ul.breadcrumb div.sub-menu img.bl { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/garland/breadcrumb/breadcrumb-menu-bl-ie.png', sizingMethod='crop'); }
div.crumbs ul.breadcrumb div.sub-menu img.br { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/garland/breadcrumb/breadcrumb-menu-br-ie.png', sizingMethod='crop'); }

div.crumbs ul.breadcrumb div.sub-menu img.tl, div.crumbs ul.breadcrumb div.sub-menu img.tr,
div.crumbs ul.breadcrumb div.sub-menu img.bl, div.crumbs ul.breadcrumb div.sub-menu img.br { background: none; }
div.crumbs ul.breadcrumb div.sub-menu img.tr,
div.crumbs ul.breadcrumb div.sub-menu img.br { right: expression( (this.parentNode.offsetWidth % 2)? -1 : -0 ); }
div.crumbs ul.breadcrumb div.sub-menu img.bl,
div.crumbs ul.breadcrumb div.sub-menu img.br { bottom: expression( (this.parentNode.offsetHeight % 2)? -1 : 0 ); }

