/*
	xBreadcrumbs (Extended Breadcrumbs) jQuery Plugin
	© 2009 ajaxBlender.com
	For any questions please visit www.ajaxblender.com 
	or email us at support@ajaxblender.com
*/

.xmenucatdrop {
	z-index: -1;
}

.xmenucatdrop LI UL { 
	position: absolute;
    margin-top: 4px;
	float: left;
    border-right:12px solid white;	
}

.xmenucatdrop, .xmenucatdrop LI, .xmenucatdrop UL, .xmenucatdrop UL LI {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;	
}

.xmenucatdrop { clear: both; }

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

.xmenucatdrop UL {
	display: none;
}

/*  Base style of xBreadcrumbs  */

/*'''''''''''''''  Top Level''''''''''''''''  */
.xmenucatdrop {
	background: white;
	width: 100%;
	margin-top:10px;
}

.xmenucatdrop LI {
	    background:#e1ece3 ;
        padding-top:5px;
	 	padding-bottom:5px;
}

li.top_gray {
    border-right: 10px solid white;
    background: #ffffff;
}

.top_link
{
    font-size:21px;
    line-height:38px; 
}

.break_word {
    word-wrap: break-word;
}

.xmenucatdrop LI.top_white {
		background:white;
	
	}

.xmenucatdrop LI:HOVER, .xmenucatdrop LI.hover 
{
        border-right: 10px solid #00543d;
		background:#00543d url('/images/MenuNutrition/Buttons/breadcrumb-white-contract.gif') no-repeat center  right;
}

.xmenucatdrop LI.top_white:HOVER, .xmenucatdrop LI.top_white.hover 
{           border-right: none;
       		background:white;
	}
	

/*'''''''''''  Top Level - Current Page'''''''''''  */

/*.xmenucatdrop LI.current A {
	color: #666666;
	font-weight: bold;
}*/

.xmenucatdrop LI A {
  font-size: 16px;
  line-height: 21px;
  color: #666666;
  text-decoration: none;
   font-family:Roboto, Arial, Helvetica, sans-serif;
    font-weight:700;    
  font-style: normal;
  white-space: nowrap;
  padding-left: 10px;
}

.xmenucatdrop LI.top_green A {
	color: #00543d;
	}
	
	.xmenucatdrop LI.top_gray A {
	/*color:  #527a4b;*/
    /*color:  #006230;*/
     color:  #028940;

	}
	
.xmenucatdrop LI A:hover, .xmenucatdrop LI A.hover {
	color: white;
}


/*  '''''''''''''''Sub-level''''''''''''''  */
.xmenucatdrop LI UL LI {
	float: left;
	width: 100%;
	border-right: none;
	height: auto;
	padding-right:10px;
	
}

.xmenucatdrop LI UL LI:HOVER, .xmenucatdrop LI UL LI.hover 
{
        border-right:none;
       	background: #00543d ;
		
}

.xmenucatdrop LI UL LI A {
	text-decoration: none;
	/*color: #006230 !important ;*/
	display: block;
	padding: 5px;
	padding-left:10px;
	
}

.xmenucatdrop LI UL LI A:hover, .xmenucatdrop LI UL LI A.hover {
	text-decoration: none;
	color: white ;
    padding: 5px;
	padding-left: 10px;
	}
	
.drop-class LI {
	position:relative;
	z-index:9999;
}

.drop-class LI A {
	position:relative;
	z-index:9999;
    /*color: #006230 !important;*/
}

/* Tablet Styles */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .xmenucatdrop LI UL { 
	    position: absolute;
        margin-top: 4px;
	    float: left;
        border-right:14px solid white;	
    }
}

/* Mobile Styles */
@media screen and (max-width: 767px) {   
     .top_link
    {
          font-size: 16px;
          line-height: 21px;
    }

    .drop-class LI {
	    position:relative;
	    z-index:9999;
        display: none;
    }

    .drop-class LI A {
	    position:relative;
	    z-index:9999;
        display: none;
    }

    li.top_gray {
        border-right: 5px solid white;
    }

    .xmenucatdrop {
      background: white;
      width: 100%;
      margin-top: 0px;
    }

    .xmenucatdrop LI:HOVER, .xmenucatdrop LI.hover 
    {
        border-right: 5px solid #ffffff !important;
        background: white!important;
    }

    .xmenucatdrop LI A:hover, .xmenucatdrop LI A.hover {
	    color: #00543d !important;
    }

    .xmenucatdrop LI A {
      padding-left: 0px;
    }
}