div#shop_family {
  background-color:#E6EDF2;
  padding:10px;
  width:675px;
  float:left;
  margin-right:10px;
}

.shop_headline_1        { font-size:15px; font-weight:bold; color:#FFFFFF; text-transform:uppercase; padding-right:30px; padding-bottom:6px; }
.shop_headline_2        { font-size:13px; color:#FFFFFF; }
.shop_datasheet         { width:100%; background-color:#CEDBE6; border:none; }
.shop_datasheet th      { padding-left:3px; height:20px; color:#FFFFFF; text-align:left; text-transform:uppercase; background-color:#5B8DA9; }
.shop_datasheet td      { vertical-align:top; padding-left:3px; border-bottom:solid 1px #5B8DA9; }
.shop_datasheet td:first-child { text-transform:uppercase; white-space:nowrap; border-right:solid 1px #5B8DA9; }
.shop_datasheet td.shop_subheadline { background-color:#B5C8D8; border-right:none; }

div#shop_family .shop_article {
  float:left;
  width:46%;
  padding:10px;
  margin-bottom:10px;
  height:110px;
}
div#shop_family .shop_article img { margin-top:10px; }
div#shop_family .headline1 { font-weight:bold; color:#3F667B; font-size:14px; }

/* everything is constructed with a single background image */
/* root element for tabs */
#flowtabs {
  /* dimensions */
  width:100%;
  height:31px !important;
  margin:0 !important;
  padding:0;
  font-size:13px;
  /* IE6 specific branch (prefixed with "_") */
  _margin-bottom:-2px;
}

/* single tab */
#flowtabs li {
  float:left; display:block;
  width:110px; margin:0; padding:0;
  white-space:nowrap;
  margin-top:3px;
  text-indent:0;
  list-style-type:none;
  font-size:13px;
  color:#40667B;
  background:url(/gfx/shop/shop_spacer.gif) right no-repeat;
}
#flowtabs li:first-child { margin-left:-10px; }

/* a- tag inside single tab */
#flowtabs li a {
  color:#40667B;
  font-size:13px;
  display:block;
  margin:0px;
  text-align:center;
  text-decoration:none;
}

/* mouseover state */
#flowtabs li a:hover    { color:#40667B;   }
#flowtabs li a.current, a.current:link, a.current:visited, a.current:hover, a.current:active    {
  display:block;
  font-size:13px;
  margin-top:-2px; padding-top:2px;
  height:24px; width:100%;
  background:url(/gfx/shop/shop_navi_active.gif);
  cursor:default; color:#FFFFFF;
}
* html #flowtabs li a.current, a.current:link, a.current:visited, a.current:hover, a.current:active {
  width:90%;
}

/* panes */
#flowpanes {
  background-color:#FFF;
  width:100%;
  height:auto;
  position:relative;
  overflow:hidden;
  clear:both;
}

/* some decorations for elements inside single pane */
#flowpanes div {
  display:block;
  font-weight:normal;
  color:#40667B;
  width:100%;
  margin:10px 0 0 0;
  float:left;
  _cursor:pointer;
}

/* our additional wrapper element for the items */
#flowpanes .items {
  width:20000em;
  position:absolute;
  clear:both;
  margin:0;
  padding:0;
}

/* language flyout menu */
#myslidemenu3           { position:absolute; margin-top:-22px; margin-left:230px; float:left; z-Index:10; }
#myslidemenu3 ul li a		{ text-decoration:none; color:#40667B; }
.menu_articles          { position:relative; margin-top:-3px; }
.menu_articles ul       { margin:0px; padding:0px; text-align:left; text-decoration:none; }
.menu_articles ul li    { position:relative; list-style-type:none;
  color:#40667B; font-size:13px; font-weight:bold;
  padding-left:10px;
  display:block;
  cursor:default;
}
.menu_articles ul li:first-child  { }
.menu_articles ul li .active    { color:#FFFFFF; display:block; }
.menu_articles ul li a          { color:#FFFFFF; display:inline-block; }
.menu_articles ul li a:hover    { color:#FFFFFF; }
.menu_articles ul li .active    { color:#FFFFFF; }
* html .menu_articles ul li a   { /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; }

/*1st sub level menu*/
.menu_articles ul li ul{ z-index:10; position:absolute; left:0px; visibility:hidden;
  _display:block;
  color:#40667B;
  margin:0px; padding:0px;
  padding-left:10px;
  padding-bottom:10px;
  margin-top:-2px;
  margin-left:-3px;
  line-height:10px;
  font-size:12px;
  width:auto;
  background:url(/gfx/common/shadow_right.png) right bottom;
}

* html .menu_articles ul li ul { width:180px; }
.menu_articles ul li a:link, .menu_articles ul li a:visited, .menu_articles ul li a:active { color:#FFFFFF; }
.menu_articles ul li a:hover { color:#40667B; }

/*Sub level menu list items (undo style from Top level List Items)*/
.menu_articles ul li ul li{
  display:list-item;
  font-size:12px;
  line-height:20px;
  margin:0px;
  padding:0px;
  padding-bottom:4px;
  padding-right:10px;
  height:20px;
  float:none;
  color:#5C8DA8;
  background-image:none;
}
* html .menu_articles ul li ul li{ padding-right:30px; }

/*All subsequent sub menu levels vertical offset after 1st level sub menu */

/* Sub level menu links style */
.menu_articles ul li ul li a {
  font-size:12px;
  display:block;
  color:#40667B;
  white-space:nowrap;
  text-align:left;
  padding:1px 6px 1px 3px;
  margin:0px;
}

.menu_articles ul li ul li a:hover{ /*sub menus hover style*/
  background-color:#E5EAF0;
  font-size:12px;
  width:90%;
  text-decoration:none;
}

.menu_articles ul li ul li a:link, .menu_articles ul li ul li a:visited { font-size:12px; color:#3F667B; text-decoration:none; }

div#shop_page   { float:left; color:#000000; width:460px; margin-right:20px; cursor:default; text-align:justify; }
div#shop_page ul    { padding-left:0px; text-align:left; }
div#shop_page ul li { list-style-image:url(/gfx/common/slash.gif); line-height:16px; }
div#shop_bullet { float:left; color:#000000; width:215px; margin-top:0px; cursor:default; }
div#shop_bullet h4 { padding-bottom:6px; }
div#shop_bullet ul { padding-left:0px; }
div#shop_bullet ul li { list-style-image:url(/gfx/common/slash.gif); line-height:16px; }

