/* breadcrumb */

/**************************************************************************************
/* update the following classes to change the appearance of the breadcrumb designer control
/*************************************************************************************/

/* this is the class used on the outside container element for the breadcrumb */
/* html example: <div class="BreadCrumb_Wrapper"> */
/* this element is used to avoid the broken box model object in ie6 */
.BreadCrumb_Wrapper {padding: 20px 0 10px;}
.FullWidth .BreadCrumb_Wrapper {margin: 0 20px;}
	.mobile .BreadCrumb_Wrapper {
		float: left;
		margin: 0;
		padding: 0 0 0 2%;
	}

/* this is the class used on the inside container element for the breadcrumb */
/* html example: <div class="BreadCrumb_Wrapper"><div class="BreadCrumb"> */
.BreadCrumb {
	font-size: 10px;
}

/* this is the class used for the text that appears prior to the breadcrumb links */
/* html example: <span class="PreText">You are here: </span> */
.BreadCrumb .PreText { display: none;}

/* this is the class used on the container element for all the breadcrumb links */
/* html example: <span class="Links"><a href="/default.htm" class="RootLink">Home</a> &gt; <a... */
 .BreadCrumb .Links {
}


/* this is the class used on all other links (after the root link) */
/* html example: <a href="/default.htm" class="RootLink">Home</a> &gt; <a href="/about.htm">About Us</a> */
.Default .BreadCrumb a:link, .Default .BreadCrumb a:visited {
	font-size: 10px;
	color: #0B739B;
}
	.Default .BreadCrumb a:hover, .Default .BreadCrumb a:active{
		color: #0B739B;
	}
	
	.mobile .BreadCrumb .Links a, .mobile .BreadCrumb .Links a:link, .mobile .BreadCrumb .Links a:visited, .mobile .BreadCrumb .Links a:hover, .mobile .BreadCrumb .Links a:active {
		font: bold normal 12px/30px "Helvetica Neue LT STD 75 Bold", "Helvetica Neue", "Helvetica", "Arial Bold", Arial, sans-serif;
		color: #fff;
		text-align: center;
		text-shadow: 0px -1px 0px #555;
		float: left; 
		background: transparent url(/images/mobile/middle-repeat-breadcrumb-mobile.png) repeat-x top left;
		height: 30px;
		margin: 6px 0 0;
		padding: 0 5px 0 20px;
	}
/* this is the class used on the root (home) page link */
/* html example: <a href="/default.htm" class="RootLink">Home</a> */
.mobile .BreadCrumb a.RootLink:link, .mobile .BreadCrumb a.RootLink:active, .mobile .BreadCrumb a.RootLink:visited {
	font: bold normal 12px/30px "Helvetica Neue LT STD 75 Bold", "Helvetica Neue", "Helvetica", "Arial Bold", Arial, sans-serif;
	color: #fff;
	text-align: center;
	text-shadow: 0px -1px 0px #555;
	float: left;
	background: transparent url(/images/mobile/left-side-breadcrumb-mobile.png) no-repeat top left;
	padding: 0 5px 0 10px;
}
.BreadCrumb a.RootLink:hover {}