@CHARSET "UTF-8";

/** general breadcrumb styles **/
.breadcrumb {
	background-color: transparent !important;
}
.breadcrumb a {
	text-decoration: none;
	background: url(../images/arrow-grey-smallest.png) no-repeat  scroll right 5px transparent;	
}
.breadcrumb a:last-child {
	background: none;
}
.breadcrumb span {
	display: inline-block;
	width: auto;
	margin-right: 17px;
	line-height: 15px;
	font-size: 10px;
}

/* little experiement - working :): 
.breadcrumb a:after {
	content: "\0020" url(../images/arrow-grey-smallest.png);
}
.breadcrumb a:last-child:after {
	content: "";
}
*/

/** POSITION - CASE 1: .breadcrumb positioned between #header <-> #container **/
.breadcrumb {	
	width: 910px;
	margin: 0 auto;
	padding: 0px 65px 0px 65px;	
}

/** POSITION - CASE 2: .breadcrumb positioned within #container between .content-right <-> .content-left **/
#container .breadcrumb {
	float: left;
	margin: -17px 35px !important;
	padding: 0 !important;
	height: 15px;
	width: 547px;
	overflow: hidden;
}

.theme-2col #container .breadcrumb {
	margin-right: 0px !important;
}