/*** ESSENTIAL STYLES ***/
#categoryTabs, #categoryTabs * {
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 10;
}
#categoryTabs {
  clear: both;
  position: absolute;
  top: 120px;
  left: 0;
  line-height: 1.0;
}
#categoryTabs ul {
  position: relative;
}
#categoryTabs div.category_info {
  position: absolute;
  top: -999em;
  width: 400px;
  padding: 5px 0 10px 10px;
  background-color: white;
  background-image: url('../images/category-dropdown-back.png');
  background-position: bottom;
  background-repeat: repeat-x;
  border-width: 2px;
  border-style: solid;
  -moz-border-radius-bottomright: 24px;
  -webkit-border-bottom-right-radius: 24px;
}
#categoryTabs div.category_info div.category_teaser, #categoryTabs div.category_info div.category_brands {
  float: right;
  width: 180px;
  padding: 0 10px 0 10px;
  margin: 10px 0;
  border-left: 1px solid silver;
}
#categoryTabs .category_brands_heading {
  font-size: 1.5em;
  text-align: left;
  margin: 0 0 10px 0;
  font-weight: normal;
  text-transform: uppercase;
}
#categoryTabs p, #categoryTabs p {
  margin-bottom: 10px;
  line-height: 1em;
}
#categoryTabs div.category_info div.category_brands a.brand {
  display: block;
  float: left;
  border: 1px solid white;
  margin: 4px;
}
#categoryTabs div.category_info div.category_brands a.brand:hover {
  background-color: white;
  border-color: silver;
}
#categoryTabs ul.subcategory {
  width: 179px !important;
  margin-right: 10px;
  margin-top: 5px;
}
#categoryTabs li:hover {
  visibility: inherit; /* fixes IE7 'sticky bug' */
}

#categoryTabs li.top {
  float: left;
  width: 120px;
}

#categoryTabs a.top, #categoryTabs a.subcategory {
  display: block;
  position: relative;
}

#categoryTabs a.subsubcategory:hover {
  text-decoration: underline;
}

#categoryTabs li:hover div.category_info {
  top: 33px; /* match top ul list item height */
  z-index: 99;
}

#categoryTabs ul {
  float: left;
  margin-left: 0px;
}
#categoryTabs a {
  text-decoration: none;
}
#categoryTabs a, #categoryTabs a:visited  {
  /* visited pseudo selector so IE6 applies text colour*/
  color: black;
}

#categoryTabs div.subcategory a:hover, #categoryTabs div.subcategory a:visited {
  color: white;
}

#categoryTabs li.top {
  padding: 0;
  margin: 0;
  border-right: 3px solid white;
  background-image: url(../images/category-tab-back.png?20110711);
  background-repeat: no-repeat;
}

#categoryTabs a.top, #categoryTabs a.top:visited {
  height: 30px;
  height: 22px;
  font-weight: bold;
  text-align: center;
  color: white;
  padding-top: 9px;
}

#categoryTabs ul.subcategory a.subcategory {
  height: auto;
  color: black;
  text-align: left;
  padding: 4px;
}

#categoryTabs ul.subcategory a.subcategory:hover {
  color: white;
}

#categoryTabs li.inactive {
  background-position: 0 -360px;
}

#categoryTabs li.inactive a.top {
  color: #666 !important;
}

#categoryTabs li.inactive:hover a.top {
  color: white !important;
}

#category_buerobedarf:hover, #category_buerobedarf_active {
  background-position: 0 -40px !important;
}

#category_tinte-toner:hover, #category_tinte-toner_active {
  background-position: 0 -80px !important;
}

#category_papiere:hover, #category_papiere_active {
  background-position: 0 -120px !important;
}

#category_praesentation:hover, #category_praesentation_active {
  background-position: 0 -160px !important;
}

#category_buerotechnik:hover, #category_buerotechnik_active {
  background-position: 0 -200px !important;
}

#category_engineering-lfp:hover, #category_engineering-lfp_active {
  background-position: 0 -240px !important;
}

#category_bueromoebel:hover, #category_bueromoebel_active {
  background-position: 0 -280px !important;
}

#category_nuetzliches:hover, #category_nuetzliches_active {
  background-position: 0 -320px !important;
}

#category_info_buerobedarf {
  border-color: #f85800;
}

#category_info_buerobedarf .category_brands_heading, #category_buerobedarf li.more a {
  color: #f85800;
}

#category_buerobedarf ul.subcategory a.subcategory:hover, #category_buerobedarf_active ul.subcategory a.subcategory:hover {
  background-color: #f85800;
  color: white;
}

#category_info_tinte-toner {
  border-color: #f39300;
  left: 123px !important;
}

#category_info_tinte-toner .category_brands_heading, #category_tinte-toner li.more a {
  color: #f39300;
}

#category_info_tinte-toner ul.subcategory a.subcategory:hover, #category_info_tinte-toner_active ul.subcategory a.subcategory:hover {
  background-color: #f39300;
  color: white;
}

#category_info_papiere {
  border-color: #42a62a;
  left: 246px !important;
}

#category_info_papiere .category_brands_heading, #category_papiere li.more a {
  color: #42a62a;
}

#category_info_papiere ul.subcategory a.subcategory:hover, #category_info_papiere_active ul.subcategory a.subcategory:hover {
  background-color: #42a62a;
  color: white;
}

#category_info_praesentation {
  border-color: #348421;
  left: 369px !important;
}

#category_info_praesentation .category_brands_heading, #category_praesentation li.more a {
  color: #348421;
}

#category_info_praesentation ul.subcategory a.subcategory:hover, #category_info_praesentation_active ul.subcategory a.subcategory:hover {
  background-color: #348421;
  color: white;
}

#category_info_buerotechnik {
  border-color: #006bb3;
  left: 492px !important;
}

#category_info_buerotechnik .category_brands_heading, #category_buerotechnik li.more a {
  color: #006bb3;
}

#category_info_buerotechnik ul.subcategory a.subcategory:hover, #category_info_buerotechnik_active ul.subcategory a.subcategory:hover {
  background-color: #006bb3;
  color: white;
}

#category_info_engineering-lfp {
  border-color: #182983;
  left: 576px !important;
}

#category_info_engineering-lfp .category_brands_heading, #category_engineering-lfp li.more a {
  color: #182983;
}

#category_info_engineering-lfp ul.subcategory a.subcategory:hover, #category_info_engineering-lfp_active ul.subcategory a.subcategory:hover {
  background-color: #182983;
  color: white;
}

#category_info_bueromoebel {
  border-color: #93117e;
  left: 576px !important;
}

#category_info_bueromoebel .category_brands_heading, #category_bueromoebel li.more a {
  color: #93117e;
}

#category_info_bueromoebel ul.subcategory a.subcategory:hover, #category_info_bueromoebel_active ul.subcategory a.subcategory:hover {
  background-color: #93117e;
  color: white;
}

#category_info_nuetzliches {
  border-color: #e4007b;
  left: 576px !important;
}

#category_info_nuetzliches .category_brands_heading, #category_nuetzliches li.more a {
  color: #e4007b;
}

#category_info_nuetzliches ul.subcategory a.subcategory:hover, #category_info_nuetzliches_active ul.subcategory a.subcategory:hover {
  background-color: #e4007b;
  color: white;
}

#categoryTabs #category_engineering-lfp, #categoryTabs #category_engineering-lfp_active {
  width: 129px;
}

#categoryTabs #category_nuetzliches, #categoryTabs #category_nuetzliches_active {
  border-right: none;
}