div.logo
{
  left:                           0px;
}

#teaser
{
  background-image:               url(img/bg.teaser.shop.jpg);
}

#contentCol
{
  float:                          left;
  padding:                        0px 24px 0px 24px;
  width:                          446px;
}


/**
 * index
 */
.offerBoxes
{
  overflow:                       hidden;
  width:                          446px;
}

.offerBox
{
  background-color:               #6699CC;
  width:                          219px;
}

.offerBox#specialOffer
{
  float:                          left;
}

.offerBox#offer
{
  float:                          right;
}

.offerBox h2
{
  background-color:               #003399;
  color:                          white;
  margin:                         0px;
  padding:                        2px 5px;
}

.offerBoxImage
{
  background-color:               white;
  height:                         103px;
  overflow:                       hidden;
  text-align:                     center;
  width:                          219px;
}

.offerBoxContent
{
  overflow:                       hidden;
  padding-top:                    5px;
  width:                          219px;
}

.offerBoxContent h3
{
  color:                          #003399;
  float:                          left;
  margin:                         0px;
  padding:                        4px 5px;
  width:                          120px;
}

.offerBoxContent .price
{
  background-color:               #EBECEE;
  color:                          #003399;
  float:                          right;
  font-weight:                    bold;
  padding:                        4px 5px;
}

.offerBoxIntro
{
  color:                          white;
  padding:                        0px 5px;
}

.offerBox .catalogItemNavigation
{
  font-weight:                    bold;
  margin:                         0px 0px .5em;
  padding:                        0px 5px;
  text-align:                     right;
}

.offerBox .catalogItemNavigation .forward
{
  background-image:               url(img/bg.forward.offerBox.gif);
}

.offerBox .catalogItemNavigation a.forward:hover
{
  color:                          #003399;
}

#packingMaterial
{
  background-image:               url(img/banner.shop-index.jpg);
  background-position:            0px 0px;
  background-repeat:              no-repeat;
  height:                         152px;
  margin:                         8px 0px;
  position:                       relative;
  width:                          446px;
}

#packingMaterial h2
{
  color:                          #003399;
  font-size:                      14px;
  margin:                         0px;
  position:                       absolute;
  right:                          15px;
  top:                            20px;
}

#packingMaterial a
{
  color:                          #6699CC;
  font-weight:                    bold;
  position:                       absolute;
  right:                          15px;
  top:                            45px;
}


/**
 * feature column
 */
#featureCol
{
  overflow:                       hidden;
  padding-top:                    2.2em;
  width:                          194px;
}

#featureCol h2
{
  background-image:               url(img/bg.featureColHeading.gif);
  background-position:            15px 50%;
  background-repeat:              no-repeat;
  padding-left:                   35px;
}

#featureContent
{
  margin:                         0 5px 0px 12px;
}

.featureBox.default,
.featureBox.shop
{
  padding-right:                  10px;
  padding-left:                   4px;
  width:                          168px;
}

.featureBox.shop h3
{
  margin-bottom:                  1em;
}

/**
 * shopmenu
 */
#shopmenu
{
  left:                           270px;
  margin:                         0px;
  overflow:                       hidden;
  padding:                        0px;
  position:                       absolute;
  top:                            41px;
  width:                          688px;
}

#shopmenu li
{
  display:                        block;
  float:                          left;
  list-style-type:                none;
  margin:                         0px 1px 0px 0px;
  padding:                        7px 0px;
}

#shopmenu li a
{
  background-color:               #006699;
  background-image:               url(img/bg.shopmenu.gif);
  background-position:            0px 0px;
  background-repeat:              no-repeat;
  color:                          white;
  font-weight:                    bold;
  padding:                        7px 0px;
  text-decoration:                none;
}

#shopmenu li a:hover,
#shopmenu li a.selected,
#shopmenu li a.fmMenuButtonActive
{
/*  background-color:               transparent;*/
}

#shopmenu li a span.outer
{
  background-color:               transparent;
  background-position:            0px 100%;
  background-repeat:              repeat-x;
  color:                          white;
  margin:                         0px 11px;
  padding:                        0px 0px 7px;
}

#shopmenu li a span.outer span
{
  margin:                         0px 0px 0px;
  padding:                        0px 0px 0px;
}

#shopmenu li a:hover span.outer,
#shopmenu li a.selected span.outer,
#shopmenu li a.fmMenuButtonActive span.outer
{
  background-image:               url(img/menu/6699CC.gif);
}

#shopsubmenu ul
{
  background-color:               #F5F6F7;
  margin-left:                    7px;
  padding:                        0px 0px .5em 28px;
}

#shopsubmenu ul li
{
  padding:                        0px;
}

#shopsubmenu ul li a
{
  border:                         0px;
  font-size:                      .9em;
  font-weight:                    normal;
  padding:                        .2em 9px;
  width:                          auto;
}

#shopsubmenu ul li a:hover,
#shopsubmenu ul li a.selected
{
  background-image:               url(img/bg.submenuitem.gif);
  background-position:            0px .45em;
  background-repeat:              no-repeat;
  color:                          #666666;
}

#shopsubmenu ul ul
{
  margin-left:                    9px;
  padding-left:                   0px;
}


/**
 * mainmenu
 */
#mainmenu li
{
  padding:                        1px 3px 2px;
}

#mainmenu li a
{
  background-color:               #F5F6F7;
  border-left:                    #6699CC solid 7px;
  font-size:                      1em;
  margin:                         0px;
  padding:                        .3em 7px .3em 28px;
  width:                          211px;
}

#mainmenu li a:hover,
#mainmenu li a.selected
{
  background-position:            14px .55em;
}




/**
 * JS Menu
 */
div.fmMenu
{
  background-color:               #F0F0F0;
  color:                          #003399;
  font-family:                    Verdana, Arial, Helvetica, sans-serif;
  font-size:                      .9em;
  font-style:                     normal;
  font-weight:                    normal;
  left:                           0px;
  margin:                         0px 0px 0px;
  padding:                        0px 0px 0px;
  position:                       absolute;
  top:                            0px;
  opacity:                        1;
  visibility:                     hidden;
  z-index:                        1100;
}

div.fmMenu.topLevel
{
  border-top:                     #6699CC solid 1px;
  margin:                         0px;
  padding:                        5px 0px;
}

/*
div.fmMenu a.fmMenuItem:link,
div.fmMenu a.fmMenuItem:active,
div.fmMenu a.fmMenuItem:visited,
div.fmMenu a.fmMenuItem:hover
*/
div.fmMenu a
{
  background-color:               #F0F0F0;
  color:                          #003399;
  cursor:                         pointer;
  display:                        block;
  font-family:                    Verdana, Arial, Helvetica, sans-serif;
  font-size:                      11px;
  font-style:                     normal;
  font-weight:                    normal;
  margin:                         0px 0px 0px;
  padding:                        2px 11px;
  text-decoration:                none;
  white-space:                    nowrap;
}

div.fmMenu a.fmMenuItem:hover,
div.fmMenu a.fmMenuItemHighlight,
div.fmMenu.topLevel a.fmMenuItem:hover,
div.fmMenu.topLevel a.fmMenuItemHighlight
{
  color:                          #333333;
  text-decoration:                none;
}

div.fmMenu a.fmMenuItem span.fmMenuItemArrow
{
  margin-right:                   -.5em;
}


/**
 * catalog
 */
#catalog
{
}

#catalog h2
{
  background:                     #003399;
  border-left:                    #6699CC solid 7px;
  color:                          white;
  margin:                         0px;
  padding:                        4px 4px 4px 8px;
}

#catalog h2 a
{
  color:                          white;
  text-decoration:                none;
}

.catalogItem
{
  background-color:               white;
  margin-bottom:                  13px;
  overflow:                       hidden;
  width:                          446px;
}

.catalogItemImage
{
  float:                          right;
  padding:                        5px 0px 0px;
  text-align:                     center;
  width:                          90px;
}

.catalogDetail .catalogItemImage
{
  padding:                        0px;
  width:                          200px;
}

.catalogItemIntro
{
  padding:                        10px 0px 0px 15px;
}

.catalogDetail .catalogItemIntro
{
  font-weight:                    bold;
}

.catalogItemBody
{
  font-size:                      .9em;
  overflow:                       hidden;
  padding:                        0px 0px 0px 15px;
  width:                          431px;
}

#catalog p,
#catalog ul,
#catalog ol
{
  margin-top:                     0px;
  margin-bottom:                  1em;
}

#catalog li
{
  margin-bottom:                  1em;
}

.catalogItemMenu
{
  font-weight:                    bold;
  margin:                         0px 0px 10px;
  overflow:                       hidden;
  width:                          350px;
}

.catalogItemMenu *
{
  color:                          #003399;
}

.catalogDetail .catalogItemMenu
{
  margin-top:                     1em;
  width:                          424px;
}

#catalog p.catalogItemPrice
{
  background:                     #EBECEE;
  display:                        inline;
  float:                          left;
  margin:                         0px;
  padding:                        4px 15px;
  white-space:                    nowrap;
}

#catalog p.catalogItemNavigation
{
  float:                          right;
  margin:                         0px;
  padding-top:                    4px;
}

input.forwardRight.buttonAddToBasket
{
  cursor:                         pointer;
  display:                        inline;
  font-weight:                    normal;
  width:                          160px;
}

.catalogDetail#catalog p.catalogItemNavigation
{
  padding-top:                    2px;
}


/**
 * featurebox
 */
#cartFB
{
  margin-bottom:                  1em;
}

#cartFB th
{
  font-size:                      1em;
  font-weight:                    normal;
  padding-right:                  5px;
  text-align:                     left;
}

#cartFB td
{
  font-size:                      1em;
  font-weight:                    bold;
  text-align:                     left;
}

#cartLink
{
  font-weight:                    bold;
  text-align:                     right;
}

#cartLink a
{
  color:                          #003399;
}

.hotline
{
  color:                          #003399;
  font-weight:                    bold;
  padding-top:                    1em;
}


/**
 * shoppingcart
 */
#shoppingcart
{
  margin-top:                     1em;
  width:                          100%;
}

#shoppingcart thead th
{
  background:                     #003399;
  border-right:                   #EBECEE solid 2px;
  border-bottom:                  #EBECEE solid 2px;
  color:                          white;
  font-size:                      .9em;
  padding:                        2px 5px;
  text-align:                     left;
}

#shoppingcart tbody td
{
  background:                     white;
  border-right:                   #EBECEE solid 2px;
  border-bottom:                  #EBECEE solid 2px;
  font-size:                      .9em;
  padding:                        2px 5px;
  text-align:                     left;
}

#shoppingcart tbody td.price
{
  text-align:                     right;
}

#shoppingcart tbody td.quantity
{
  text-align:                     center;
}

#shoppingcart tbody tr.total td
{
  background-color:                     #003399;
  color:                          white;
}

#shoppingcart tbody tr td.blind
{
  background:                     transparent;
}


/**
 * webflow
 */
#webflowMenu ul
{
  margin-left:                    0px;
  overflow:                       hidden;
  padding:                        0px;
  width:                          100%;
}

#webflowMenu li
{
  float:                          left;
  list-style-type:                none;
  margin:                         0px 10px 0px 0px;
  padding:                        0px;
}

.editLink
{
  text-align:                     right;
}


/**
 * switch
 */
#switchMenu
{
  margin-left:                    0px;
  overflow:                       hidden;
  padding:                        0px;
  width:                          100%;
}

#switchMenu li
{
  float:                          left;
  list-style-type:                none;
  margin:                         0px;
  padding:                        0px 20px 0px 0px;
}


/**
 * address
 */
#addresses
{
  overflow:                       hidden;
  width:                          100%;
}

#address
{
  float:                          left;
  width:                          50%;
}


/**
 * search
 */
#keyword
{
  width:                          167px;
}


#customerTypeDialog
{
  background-color:               white;
  border:                         #003399 solid 3px;
  padding:                        30px;
  position:                       absolute;
  width:                          30em;
  z-index:                        100001;
}

#customerTypeDialog h1
{
  margin-bottom:                  10px;
}

#customerTypeDialog input,
#customerTypeDialog label
{
  vertical-align:                 text-bottom;
}

#exposeMask
{
  background:                     black;
  height:                         100%;
  left:                           0px;
  opacity:                        .7;
  position:                       absolute;
  width:                          100%;
  top:                            0px;
  z-index:                        100000;
}