﻿
/* start brand navigation */
.brandnavigation {
  width: 984px; 
  height: 100%;  
  vertical-align:middle;
  background: #dedfe0;
}
/**/
.brandnavigationLinkDiv {
  margin: 0px 0px 0px 0px; 
  float: right ;
  height: 100%;
}
.brandnavigationLinkDiv ul {
list-style-type:none; 
padding: 0; 
margin: 0; 
height: 100%  
}

* html .brandnavigationLinkDiv ul {
  float: right;
}
.brandnavigationLinkDiv ul li {
  float: left;
}
.brandnavigationLayerLink {
  width: 164px;
 	margin: 1px 0 0 18px;  
  float: right; 
  vertical-align: middle;
  height: 21px;
  background: #dedfe0;;
}

* html .brandnavigationLayerLink {
  margin-top: 0;
  padding-top: 1px;
}
.brandnavigationLayerLinkLabel {
  font-size: 11px !important; 
  color: #4A4B4C; 
  float:left; 
  background:#FFF; 
  height: 100%; 
  height: 16px; 
  border: 1px solid #898d93; 
  width: 128px;  
  padding: 2px 7px 0;
}

* html .brandnavigationLayerLinkLabel {
  height: 17px;
}

.brandnavigationLayerLinkImage {
  float:left; 
  height: 18px; 
  border-left: none;
  border-top: 1px solid #898d93; 
  border-right: 1px solid #898d93;
  border-bottom: 1px solid #898d93;
  background: #dddee0;
}

.brandnavigationLink {
  font-size: 11px;
  display: block;
  text-decoration: none; 
  color: #4A4B4C; 
  padding: 4px 0px 3px 13px;
  background: url(../SiteCollectionImages/bg_linklist.gif) 0 8px no-repeat;
  cursor: pointer;
  margin-left: 18px;
}

.brandnavigationLink:hover {
  text-decoration: underline;
}

.brandnavigatorListLayer {
  background: #fff; 
  display: none; 
  position: absolute; 
  z-index: 100; 
  left: 742px;  
  border: 1px solid #898d93;
  width: 240px;
}

* html .brandnavigatorListLayer  {
  left: 735px;
} 

.brandnavigatorListLayer ul {
  list-style: none;
  list-style-image: none;
  list-style-position:outside;
  list-style-type:none;
  margin: 0;
  padding: 0;
}
* html div.brandnavigatorListLayer ul li {
  height: 1em;
}
.brandnavigatorListLayer li a {
  text-decoration: none; 
  color: #4A4B4C;
  font-size: 11px; 
  display: block;  
  padding: 2px 7px;
}

* html .brandnavigatorListLayer li a {
  width: 100%;
  padding-right: 0;
}

.brandnavigatorListLayer a:hover {
  background:#819CCC;
  color: #FFF;
}
/* end brand navigator */
