/*/////////////////////////////////////////////

~ Breadcrumb

/////////////////////////////////////////////*/


ul.breadcrumb li ul.state-select {  
  list-style: none;  
  position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
  left: -1px;  
  background: #fff;  
  margin: 0; padding: 0;  
  display: none;  
  float: left;  
  width: 172px;  
  top: 47px;
  border: 1px solid #ddd;
  border-top: 0;
  }


ul.breadcrumb li ul.state-select li {  
  list-style: none;  
  width: 170px;  
  background: none !important;
  }

ul.breadcrumb li ul.state-select li a{  
  list-style: none;  
  width: 122px;  
  background: none !important;
  border-top: 1px solid #ddd;
  }

ul.breadcrumb li ul.state-select li a:hover{ background: #fbfbfc !important;}


ul.breadcrumb li span.subhover {background-position: center bottombottom; cursor: pointer;} /*--Hover effect for trigger--*/  


.breadcrumb{
  border: 1px solid #ddd;
  -moz-border-radius: 4px;
  height: 40px;
  padding: 0;
  clear: both;
  letter-spacing: 0.01em;
  margin: 15px 0 20px;
  }

.breadcrumb li{
  float: left;
  list-style: none;
  background: url(../../images/crumb.png) right -1px no-repeat;
  -moz-border-radius-topleft: 4px;
  clear: none;
  position: relative;
  z-index: 100;
  }

.breadcrumb li a span{
  padding: 0 0 0 15px;
  }
  



.breadcrumb .first{
  z-index: 95;
  margin-left: -30px;
  }


.breadcrumb .first a{ padding-left: 45px;}


.breadcrumb .second{
  z-index: 90;
  margin-left: -30px;
  }


.breadcrumb .second a{
  padding-left: 45px;
  }


.breadcrumb li a{
  float: left;
  height: 24px;
  list-style: none;
  padding: 16px 35px 0 15px;
  text-decoration: none;
  color: #333; 
  line-height: 1em;
  font-size: 11px;
  margin: 0;
  position: relative;
  }


.breadcrumb li:hover{ z-index: 120;}


.breadcrumb li a:hover{ text-decoration: underline;}