a                   /* general link style */
{
  text-decoration:  underline;
  color:            #004c6c;
}

a.right
{
  float:            right;
}

a:hover             /* link style when hovering */
{
  color:            #774c6c;
}

body
{
  background-color: #004c6c;
  margin:           0px;
}

div.address
{
  clear:            both;
  margin-left:      auto;
  margin-right:     auto;
  padding-bottom:   50px;
  padding-top:      30px;
  width:            779px;
}

div.article         /* article (contains a "title" and a "articletext" section) */
{
  margin:           0px;
  margin-left:      10px;
  margin-right:     10px;
  padding-bottom:   25px;
}

div.articles        /* main article section (contains multiple "article" sections) */
{
  float:            left;
  width:            625px;
}

div.articletext     /* article text */
{
  margin-left:      8px;
  margin-top:       0px;
  width:            580px;
}

div.articletextpictured   /* article text */
{
  min-height:       160px;
  margin-left:      8px;
  margin-top:       0px;
  width:            580px;
}

div.articletextvpictured  /* article text with minimum height for vertical picture*/
{
  min-height:       200px;
  margin-left:      8px;
  margin-top:       0px;
  width:            580px;
}

div.articletextxvpictured /* article text with minimum height for vertical picture*/
{
  min-height:       460px;
  margin-left:      8px;
  margin-top:       0px;
  width:            580px;
}

div.articletextwide /* article text */
{
  margin-left:      8px;
  margin-top:       0px;
  width:            734px;
}

div.articletitle    /* article title window */
{
  background-color: #337089;
  border:           1px solid #000000;
  color:            #ffffff;
  font-family:      'Verdana' 'Geneva';
  font-size:        14px;
  font-style:       italic;
  font-weight:      bold;
  padding-bottom:   2px;
  padding-left:     8px;
  padding-right:    0px;
  padding-top:      2px;
  margin:           0px;
}

div.articletitlebw  /* article title window (black & white) */
{
  background-color: #606060;
  border:           1px solid #000000;
  color:            #ffffff;
  font-family:      'Verdana' 'Geneva';
  font-size:        14px;
  font-style:       italic;
  font-weight:      bold;
  padding-bottom:   2px;
  padding-left:     8px;
  padding-right:    0px;
  padding-top:      2px;
  margin:           0px;
}

div.articlewindow   /* article text window */
{
  background-color: #6693a6;
  border-bottom:    1px solid #000000;
  border-left:      1px solid #000000;
  border-right:     1px solid #000000;
  margin:           0px;
}

div.articlewindowbw /* article text window (black & white)*/
{
  background-color: #878787;
  border-bottom:    1px solid #000000;
  border-left:      1px solid #000000;
  border-right:     1px solid #000000;
  margin:           0px;
}

div.container       /* container for "menu" and "articles" section, centeres these sections */
{
  clear:            both;
  margin-left:      auto;
  margin-right:     auto;
  padding-top:      15px;
  position:         relative;
  width:            779px;
  z-index:          50;
}

div.haf             /* header and footer section */
{
  clear:            both;
  margin-left:      auto;
  margin-right:     auto;
  padding-bottom:   10px;
  padding-top:      25px;
  width:            779px;
}

div.menu            /* menu section */
{
  float:            left;
  padding-bottom:   10px;
  width:            150px;
}

div.menuitem        /* menu item */
{
  background-color: #6693a6;
  border-bottom:    1px solid #000000;
  border-left:      1px solid #000000;
  border-right:     1px solid #000000;
  color:            #004c6c;
  font-family:      'Verdana' 'Geneva';
  font-size:        14px;
  margin:           0px;
  margin-left:      10px;
  margin-right:     10px;
}

div.menuitemcurrent /* current menu item */
{
  background-color: #337089;
  border-bottom:    1px solid #000000;
  border-left:      1px solid #000000;
  border-right:     1px solid #000000;
  font-family:      'Verdana' 'Geneva';
  font-size:        14px;
  margin:           0px;
  margin-left:      10px;
  margin-right:     10px;
}

div.menuitem a      /* menu item link */
{
  color:            #004c6c;
  display:          block;
  padding:          2px;              /* padding info goes here not into div.menuitem, otherwise background color on hover is only changed behind the text, not the whole button */
  padding-left:     8px;
  text-decoration:  none;
}

div.menuitemcurrent a    /* current menu item link */
{
  color:            #000000;
  display:          block;
  padding:          2px;              /* padding info goes here not into div.menuitem, otherwise background color on hover is only changed behind the text, not the whole button */
  padding-left:     8px;
  text-decoration:  none;
}

div.menuitem a:hover    /* selected menu item link */
{
  color:            #000000;
  background-color: #337089;
}

div.menuitemcurrent a:hover    /* current selected menu item link */
{
  color:            #000000;
  background-color: #337089;
}

div.menutitle       /* title window (for both menus and articles */
{
  background-color: #337089;
  border:           1px solid #000000;
  color:            #ffffff;
  font-family:      'Verdana' 'Geneva';
  font-size:        14px;
  font-style:       italic;
  font-weight:      bold;
  padding:          2px;
  padding-left:     8px;
  margin:           0px;
  margin-left:      10px;
  margin-right:     10px;
}

div#CloseText
{
  display:          none;
  float:            right;
  font-family:      'Verdana' 'Geneva';
  font-size:        12px;
  padding-right:    15px;
  padding-top:      6px;
}

div#CloseText a
{
  color:            #000000;
}

div#Container
{
  clear:            both;
  display:          none;
  position:         absolute;
  top:              100px;
  width:            100%;
  z-index:          10;
}

div#Frame
{
  margin-left:      auto;
  margin-right:     auto;
  width:            1px;
}

div#Loading
{
  color:            #000000;
  font-family:      'Verdana' 'Geneva';
  font-size:        20px;
  font-style:       italic;
  font-weight:      bold;
  padding-top:      50%;
  text-align:       center;
}

div#PictureContainer
{
  clear:            both;
  display:          none;
  position:         absolute;
  top:              100px;
  width:            100%;
  z-index:          10;
}

div#PictureFrame
{
  margin-left:      auto;
  margin-right:     auto;
  width:            1px;
}

div#PictureTitleWindow
{
  height:           25px;
}

div#PictureWindow
{
  moz-opacity:      0.0;
  background-color: #6693a6;
  border:           1px solid #000000;
  border-top:       none;
  filter:           alpha(opacity = 0);
  height:           1px;
  opacity:          0.0;
}

div#TitleText
{
  color:            #ffffff;
  float:            left;
  font-family:      'Verdana' 'Geneva';
  font-size:        14px;
  font-style:       italic;
  font-weight:      bold;
  padding-left:     15px;
  padding-top:      4px;
}

div#TitleWindow
{
  moz-opacity:      0.0;
  background-color: #337089;
  border:           1px solid #000000;
  filter:           alpha(opacity = 0);
  height:           25px;
  opacity:          0.0;
}

img
{
  border:           none;
}

img.leftframed
{
  float:            left;
  left:             -7px;
  position:         relative;
  top:              5px;
}

img.leftframedtop
{
  float:            left;
  left:             -7px;
  position:         relative;
}

img.midframed
{
  float:            left;
  left:             16px;
  position:         relative;
  top:              5px;
}

img.mid2framed
{
  float:            left;
  left:             3px;
  position:         relative;
  top:              5px;
}

img.mid3framed
{
  float:            left;
  left:             13px;
  position:         relative;
  top:              5px;
}

img.midframedtop
{
  float:            left;
  left:             16px;
  position:         relative;
}

img.notframed
{
  clear:            both;
  float:            none;
}

img.rightframed
{
  float:            right;
  left:             15px;
  position:         relative;
  top:              5px;
}

img.rightframedtop
{
  float:            right;
  left:             15px;
  position:         relative;
}

img#Picture
{
  moz-opacity:      0.0;
  border:           1px solid 000000;
  filter:           alpha(opacity = 0);
  float:            left;
  left:             27px;
  opacity:          0.0;
  position:         relative;
  top:              27px;
}

img#WarehouseMap
{
  border:           3px solid #000000;
  display:          none;
  float:            none;
  left:             55px;
  margin-bottom:    15px;
  margin-top:       15px;
  position:         relative;
}

input.button
{
  background-color:  #337089;
  border-bottom:     1px solid #444444;
  border-left:       1px solid #888888;
  border-right:      1px solid #444444;
  border-top:        1px solid #888888;
  color:             #ffffff;
  cursor:            pointer;
  font-family:       "Verdana" "Geneva" ;
  font-size:         10px;
  font-style:        italic;
  margin:            0px;
  padding:           2px;
  width:             100px;
}

input.buttonlong
{
  background-color:  #337089;
  border-bottom:     1px solid #444444;
  border-left:       1px solid #888888;
  border-right:      1px solid #444444;
  border-top:        1px solid #888888;
  color:             #ffffff;
  cursor:            pointer;
  font-family:       "Verdana" "Geneva" ;
  font-size:         10px;
  font-style:        italic;
  margin:            0px;
  padding:           2px;
  width:             300px;
}

input.field100
{
  border-bottom:     1px solid #888888;
  border-left:       1px solid #444444;
  border-right:      1px solid #888888;
  border-top:        1px solid #444444;
  font-family:       "Sans-Serif";
  font-size:         12px;
  margin:            0px;
  padding:           2px;
  width:             100px;
}

input.field150
{
  border-bottom:     1px solid #888888;
  border-left:       1px solid #444444;
  border-right:      1px solid #888888;
  border-top:        1px solid #444444;
  font-family:       "Sans-Serif";
  font-size:         12px;
  margin:            0px;
  padding:           2px;
  width:             150px;
}

input.field200
{
  border-bottom:     1px solid #888888;
  border-left:       1px solid #444444;
  border-right:      1px solid #888888;
  border-top:        1px solid #444444;
  font-family:       "Sans-Serif";
  font-size:         12px;
  margin:            0px;
  padding:           2px;
  width:             200px;
}

input.field300
{
  border-bottom:     1px solid #888888;
  border-left:       1px solid #444444;
  border-right:      1px solid #888888;
  border-top:        1px solid #444444;
  font-family:       "Sans-Serif";
  font-size:         12px;
  margin:            0px;
  padding:           2px;
  width:             300px;
}

input.field400
{
  border-bottom:     1px solid #888888;
  border-left:       1px solid #444444;
  border-right:      1px solid #888888;
  border-top:        1px solid #444444;
  font-family:       "Sans-Serif";
  font-size:         12px;
  margin:            0px;
  padding:           2px;
  width:             400px;
}

p.address
{
  background-image: none;
  color:            #337089;
  font-family:      "Verdana" "Geneva";
  font-size:        10px;
  font-style:       normal;
  margin:           0px;
  margin-left:      auto;
  margin-right:     auto;
  padding:          0px;
  text-align:       center;
  width:            779px;
}

p.address a
{
  color:            #337089;
}

p.headlesstext
{
  clear:            both;
  color:            #004c6c;
  font-family:      'Times New Roman';
  font-size:        18px;
  font-style:       italic;
  margin:           0px;
  padding-bottom:   12px;
  padding-left:     10px;
  padding-right:    5px;
  padding-top:      12px;
  text-align:       justify;
}

p.headlesstextbw
{
  clear:            both;
  color:            #3b3b3b;
  font-family:      'Times New Roman';
  font-size:        18px;
  font-style:       italic;
  margin:           0px;
  padding-bottom:   12px;
  padding-left:     10px;
  padding-right:    5px;
  padding-top:      12px;
  text-align:       justify;
}

p.headline
{
  clear:            both;
  color:            #004c6c;
  font-family:      'Times New Roman';
  font-size:        20px;
  font-style:       italic;
  font-weight:      bold;
  margin:           0px;
  padding-bottom:   12px;
  padding-left:     10px;
  padding-right:    5px;
  padding-top:      12px;
}

p.headlinesmall
{
  clear:            both;
  color:            #004c6c;
  font-family:      'Times New Roman';
  font-size:        18px;
  font-style:       italic;
  font-weight:      bold;
  margin:           0px;
  padding-bottom:   6px;
  padding-left:     10px;
  padding-right:    5px;
  padding-top:      6px;
}

p.text
{
  color:            #004c6c;
  font-family:      'Times New Roman';
  font-size:        18px;
  font-style:       italic;
  margin:           0px;
  padding-bottom:   12px;
  padding-left:     10px;
  padding-right:    5px;
  padding-top:      0px;
  text-align:       justify;
}

p.textcleared
{
  clear:            both;
  color:            #004c6c;
  font-family:      'Times New Roman';
  font-size:        18px;
  font-style:       italic;
  margin:           0px;
  padding-bottom:   12px;
  padding-left:     10px;
  padding-right:    5px;
  padding-top:      0px;
  text-align:       justify;
}

select.field200
{
  border-bottom:     1px solid #888888;
  border-left:       1px solid #444444;
  border-right:      1px solid #888888;
  border-top:        1px solid #444444;
  font-family:       "Sans-Serif";
  font-size:         12px;
  margin:            0px;
  padding:           2px;
  width:             200px;
}

span.size
{
  font-family:      "Verdana" "Geneva" ;
  font-size:        10px;
  font-style:       italic;
}

span#HideWarehouseMap
{
  display:          none;
}

table.contact
{
  border:           none;
  color:            #004c6c;
  font-family:      'Times New Roman';
  font-size:        18px;
  font-style:       italic;
  margin:           0px;
  margin-bottom:    12px;
  padding-right:    5px;
  text-align:       justify;
}

table.contact tr td
{
  padding-left:     8px;
  vertical-align:   top;
}

table.storeitem
{
  border:           none;
  color:            #004c6c;
  font-family:      'Times New Roman';
  font-size:        16px;
  font-style:       italic;
  margin:           0px;
  margin-bottom:    12px;
  padding-right:    5px;
  text-align:       left;
}

table.storeitem tr td
{
  padding-left:     8px;
  vertical-align:   top;
}

textarea.field300
{
  border-bottom:     1px solid #888888;
  border-left:       1px solid #444444;
  border-right:      1px solid #888888;
  border-top:        1px solid #444444;
  font-family:       "Sans-Serif";
  font-size:         12px;
  margin:            0px;
  padding:           2px;
  width:             300px;
}

ul
{
  color:            #004c6c;
  font-family:      'Times New Roman';
  font-size:        18px;
  font-style:       italic;
}

ul.slidesmall
{
  float:            right;
  height:           140px;
  left:             0px;
  margin:           0px;
  padding:          0px;
  position:         relative;
  top:              15px;
  width:            180px;
}

ul.slidesmall li
{
  display:          block;
}

ul.slidebig
{
  float:            right;
  height:           440px;
  left:             10px;
  margin:           0px;
  padding:          0px;
  position:         relative;
  top:              15px;
  width:            575px;
}

ul.slidebig li
{
  display:          block;
}