*:focus
{
  outline:  none;
}
BODY
{
  background:   #ffffff;
  font-family:  verdana,arial,helvetica,sans-serif;
  font-size:    11px;
  font-weight:  normal;
  color:        #000000;
  margin:       0px;
  padding:      0px;
}
P
{
  margin-top:     0px;
  margin-bottom:  0px;
}
UL
{
  font-family:      verdana,arial,helvetica,sans-serif;
  font-size:        11px;
  font-weight:      normal;
  margin-left:      16px;
  margin-top:       0px;
  margin-bottom:    0px;
  padding-left:     0px;
  list-style-image: url(/images/bullet.gif);
}
OL
{
  font-family:      verdana,arial,helvetica,sans-serif;
  font-size:        11px;
  font-weight:      normal;
  margin-left:      30px;
  margin-top:       0px;
  margin-bottom:    0px;
  list-style-type:  decimal;
  list-style-image: none;
}
LI
{
  margin-bottom:  2px;
}
BLOCKQUOTE
{
  margin-left:  30px;
}
H2
{
  background:     url(/images/bullet4.gif) no-repeat;
  font-family:    verdana,arial,helvetica,sans-serif;
  font-size:      15px;
  font-weight:    bold;
  color:          #004985;
  margin-left:    0px;
  margin-top:     0px;
  margin-right:   0px;
  margin-bottom:  8px;
  padding-left:   10px;
  padding-top:    0px;
  padding-right:  0px;
  padding-bottom: 0px;
}
#universe
{
  position:       relative;
  width:          946px;
  height:         auto;
  padding:        0px;
  margin-left:    auto;
  margin-top:     0px;
  margin-right:   auto;
  margin-bottom:  0px;
}
#topBar
{
  background: url(/images/topBar.gif) no-repeat;
  position:   absolute;
  left:       0px;
  top:        0px;
  width:      946px;
  height:     120px;
}
#hettichLogo
{
  background: url(/images/hettichLogo.gif) no-repeat;
  position:   absolute;
  left:       0px;
  top:        120px;
  width:      195px;
  height:     26px;
}
#menuBar
{
  background:     #c7dcf2 url(/images/menuBar.gif) repeat-x;
  position:       absolute;
  left:           195px;
  top:            120px;
  width:          750px;
  height:         24px;
  border-top:     1px solid #5fa2da;
  border-right:   1px solid #5fa2da;
  border-bottom:  1px solid #5fa2da;
}
#menuBar a.home
{
  background:   url(/images/home.gif) no-repeat 0px 0px;
  position:     relative;
  display:      block;
  width:        40px;
  height:       24px;
  float:        left;
  border-right: 1px solid #ffffff;
}
#menuBar a.home:hover,#menuBar a.home.active
{
  background-position: 0px -24px;
}
#menuBar a.left
{
  color:            #000000;
  text-decoration:  none;
  position:         relative;
  display:          block;
  height:           20px;
  float:            left;
  padding-left:     6px;
  padding-top:      4px;
  padding-right:    6px;
  border-right:     1px solid #ffffff;
}
#menuBar a.left:hover,#menuBar a.left.active
{
  background-color: #5fa2da;
  color:            #ffffff;
}
#menuBar a.right
{
  color:            #000000;
  text-decoration:  none;
  position:         relative;
  display:          block;
  height:           20px;
  float:            right;
  padding-left:     6px;
  padding-top:      4px;
  padding-right:    6px;
  border-left:      1px solid #ffffff;
}
#menuBar a.right:hover,#menuBar a.right.active
{
  background-color: #5fa2da;
  color:            #ffffff;
}
#menuBar a.red
{
  background:   url(/images/menuBarRed.gif) repeat-x;
  font-weight:  normal;
  color:        #ffffff;
}
#menuBar a.red:hover
{
  background:   #bf0026;
  font-weight:  normal;
  color:        #ffffff;
}
#shoppingCart
{
  background: #ffffff;
  position:   absolute;
  padding:    4px;
  right:      0px;
  top:        54px;
  width:      225px;
  height:     54px;
  border:     1px solid #bf0026;
  cursor:     pointer;
}
#shoppingCart.transparent
{
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
  filter:     alpha(opacity=80);
  opacity:    0.8;
}
#shoppingCart .welcome
{
  font-family:    verdana,arial,helvetica,sans-serif;
  font-size:      11px;
  font-weight:    bold;
  color:          #000000;
  margin-bottom:  8px;
  padding-bottom: 4px;
  border-bottom:  1px solid #c0c0c0;
}
#shoppingCart .list
{
  font-family:  verdana,arial,helvetica,sans-serif;
  font-size:    11px;
  font-weight:  bold;
  color:        #2f70b1;
}
#search
{
  background: url(/images/search.gif) no-repeat;
  position:   absolute;
  left:       0px;
  top:        153px;
  width:      232px;
  height:     55px;
}
#search input[type=text]
{
  font-family:    verdana,arial,helvetica,sans-serif;
  font-size:      11px;
  font-weight:    normal;
  color:          #000000;
  display:        block;
  position:       absolute;
  left:           24px;
  top:            6px;
  width:          169px;
  height:         17px;
  padding-left:   0px;
  padding-top:    1px;
  padding-right:  0px;
  padding-bottom: 0px;
  margin:         0px;
  border:         0px hidden;
}
#search input[type=submit]
{
  background: url(/images/btnSearchOK.gif) 0px 0px no-repeat;
  position:   absolute;
  left:       196px;
  top:        5px;
  width:      31px;
  height:     20px;
  cursor:     pointer;
  border:     none;
}
#search input[type=submit]:hover
{
  background-position:  0px -20px;
}
#products
{
  position:     absolute;
  left:         0px;
  top:          217px;
  width:        231px;
  height:       auto;
  padding:      0px;
  margin:       0px;
  border-right: 1px solid #c7dcf2;
}
.leftHeader
{
  background:     url(/images/leftHeader.gif) no-repeat;
  font-family:    verdana,arial,helvetica,sans-serif;
  font-size:      11px;
  font-weight:    bold;
  color:          #ffffff;
  position:       relative;
  left:           0px;
  top:            0px;
  width:          221px;
  height:         18px;
  padding-left:   6px;
  padding-top:    2px;
  padding-right:  0px;
  padding-bottom: 0px;
  margin:         0px;
}
.leftMenu
{
  background:     url(/images/leftMenu.gif) repeat-y;
  width:          231px;
  padding-left:   0px;
  padding-top:    2px;
  padding-right:  0px;
  padding-bottom: 10px;
}
.leftMenu a
{
  background-color: transparent;
  font-size:        11px;
  color:            #000000;
  text-decoration:  none;
  display:          block;
  padding-left:     6px;
  padding-top:      3px;
  padding-right:    6px;
  padding-bottom:   3px;
}
.leftMenu a:hover,.leftMenu a.active
{
  background-color: #c7dcf2;
}
#content
{
  display:  block;
  position: absolute;
  left:     239px;
  top:      153px;
  width:    707px;
}
#banner
{
  position:       relative;
  width:          707px;
  clear:          both;
  display:        block;
  margin-bottom:  10px;
}
#history
{
  position:       relative;
  width:          707px;
  clear:          both;
  display:        block;
  border-bottom:  3px double #dddee2;
  padding-bottom: 10px;
  margin-bottom:  10px;
}
#history a
{
  font-size:        11px;
  color:            #000000;
  text-decoration:  none;
}
#history a:hover
{
  text-decoration:  underline;
}
#history h1
{
  font-family:  Verdana,Arial,Helvetica,sans-serif;
  font-size:    11px;
  font-weight:  bold;
  color:        #2f70b1;
  margin:       0px;
  padding:      0px;
  display:      inline;
}
.productGroupsTable
{
  background:     #ffffff;
  border:         1px solid #c0c0c0;
  width:          707px;
  padding:        0px;
  margin-left:    0px;
  margin-top:     0px;
  margin-right:   0px;
  margin-bottom:  10px;
}
.productGroupsTable th
{
  background:   url(/images/productGroupsTableTH.gif) repeat-x;
  font-family:  Verdana,Arial,Helvetica,sans-serif;
  font-size:    11px;
  font-weight:  bold;
  color:        #2f70b1;
  height:       24px;
}
.productGroupsTable th.border
{
  border-left:  1px solid #ffffff;
}
.productGroupsTable .listRow1
{
  background: #ffffff;
}
.productGroupsTable .listRow2
{
  background: #f0f0f0;
}
.productGroupsTable .thumb
{
  background: #ffffff;
  width:      75px;
  height:     75px;
  padding:    2px;
  cursor:     pointer;
}
.productGroupsTable .description
{
  font-family:    Verdana,Arial,Helvetica,sans-serif;
  font-size:      11px;
  font-weight:    normal;
  color:          #000000;
  width:          605px;
  padding-left:   10px;
  padding-top:    4px;
  padding-right:  10px;
  padding-bottom: 4px;
  border-left:    1px solid #c0c0c0;
  cursor:         pointer;
}
.productGroupsTable .description .name
{
  font-weight:      bold;
  color:            #000000;
  text-decoration:  none;
}
.productGroupsTable .description .intro
{
  margin-top: 4px;
}
.productsTable
{
  background:     #ffffff;
  border:         1px solid #df002c;
  width:          707px;
  padding:        0px;
  margin-left:    0px;
  margin-top:     0px;
  margin-right:   0px;
  margin-bottom:  10px;
}
.productsTable th
{
  background:   url(/images/productsTableTH.gif) repeat-x;
  font-family:  Verdana,Arial,Helvetica,sans-serif;
  font-size:    11px;
  font-weight:  bold;
  color:        #ffffff;
  height:       24px;
}
.productsTable th.border
{
  border-left:  1px solid #ffffff;
}
.productsTable .listRow1
{
  background: #ffffff;
}
.productsTable .listRow2
{
  background: #f0f0f0;
}
.productsTable .thumb
{
  background: #ffffff;
  width:      75px;
  height:     75px;
  padding:    2px;
  cursor:     pointer;
}
.productsTable .description
{
  font-family:    Verdana,Arial,Helvetica,sans-serif;
  font-size:      11px;
  font-weight:    normal;
  color:          #000000;
  width:          504px;
  padding-left:   10px;
  padding-top:    4px;
  padding-right:  10px;
  padding-bottom: 4px;
  border-left:    1px solid #df002c;
  cursor:         pointer;
}
.productsTable .description .name
{
  font-weight:      bold;
  color:            #000000;
  text-decoration:  none;
}
.productsTable .description .usp
{
  margin-top: 4px;
}
.productsTable .fromPrice
{
  font-family:    Verdana,Arial,Helvetica,sans-serif;
  font-size:      13px;
  font-weight:    bold;
  color:          #2f70b1;
  width:          80px;
  padding-left:   10px;
  padding-top:    4px;
  padding-right:  10px;
  padding-bottom: 4px;
  border-left:    1px solid #df002c;
  cursor:         pointer;
}
.articlesTable
{
  background:     #ffffff;
  border:         1px solid #df002c;
  width:          707px;
  padding:        0px;
  margin-left:    0px;
  margin-top:     0px;
  margin-right:   0px;
  margin-bottom:  10px;
}
.articlesTable th
{
  background:   url(/images/productsTableTH.gif) repeat-x;
  font-family:  Verdana,Arial,Helvetica,sans-serif;
  font-size:    11px;
  font-weight:  bold;
  color:        #ffffff;
  height:       24px;
}
.articlesTable th.border
{
  border-left:  1px solid #ffffff;
}
.articlesTable .listRow1
{
  background: #ffffff;
}
.articlesTable .listRow2
{
  background: #f0f0f0;
}
.articlesTable .thumb
{
  background: #ffffff;
  width:      75px;
  height:     75px;
  padding:    2px;
/*  cursor:     pointer;*/
}
.articlesTable .description
{
  font-family:    Verdana,Arial,Helvetica,sans-serif;
  font-size:      11px;
  font-weight:    normal;
  color:          #000000;
  width:          504px;
  padding-left:   10px;
  padding-top:    4px;
  padding-right:  10px;
  padding-bottom: 4px;
  border-left:    1px solid #df002c;
/*  cursor:         pointer;*/
}
.articlesTable .description .articleNumber
{
  font-weight:      bold;
  color:            #000000;
  text-decoration:  none;
}
.articlesTable .description .usp
{
  margin-top: 4px;
}
.articlesTable .price
{
  font-family:    Verdana,Arial,Helvetica,sans-serif;
  font-size:      13px;
  font-weight:    bold;
  color:          #2f70b1;
  width:          80px;
  padding-left:   10px;
  padding-top:    4px;
  padding-right:  10px;
  padding-bottom: 4px;
  border-left:    1px solid #df002c;
/*  cursor:         pointer;*/
}
div.popupMenu
{
  background: #c7dcf2 url(/images/subMenu.gif) repeat-y;
  text-align: left;
  position:   absolute;
  width:      200px;
  display:    none;
  border:     1px solid #5fa2da;
  z-index:    1000;
}
div.popupMenu a
{
  font-size:        11px;
  color:            #000000;
  text-decoration:  none;
  display:          block;
  padding-left:     6px;
  padding-top:      4px;
  padding-right:    6px;
  padding-bottom:   4px;
}
div.popupMenu a:hover,div.popupMenu a.active
{
  background-color: #5fa2da;
  color:            #ffffff;
}
.textRow
{
  font-family:    Verdana,Arial,Helvetica,sans-serif;
  font-size:      11px;
  text-align:     left;
  color:          #000000;
  position:       relative;
  width:          707px;
  clear:          both;
  margin-left:    0px;
  margin-top:     0px;
  margin-right:   0px;
  margin-bottom:  10px;
  padding:        0px;
}
.textRow.topLine
{
  border-top:   1px solid #dddee2;
  padding-top:  10px;
}
.textRow p,.textRow td,.formTextHTML p
{
  font-size:      11px;
  padding-top:    0px;
  padding-bottom: 0px;
  margin-top:     0px;
  margin-bottom:  0px;
}
.imgL
{
  padding-right:  10px;
  width:          1px;
}
.imgT
{
  padding-bottom: 10px;
}
.imgR
{
  padding-left: 10px;
  width:        1px;
}
.imgB
{
  padding-top:  10px;
}
.imgWLT
{
  float:          left;
  padding-right:  10px;
  padding-bottom: 10px;
}
.imgWRT
{
  float:          right;
  padding-left:   10px;
  padding-bottom: 10px;
}
.imgH
{
  padding-left: 10px;
}
.imgV
{
  padding-top:  10px;
}
.form
{
  padding:  0px;
  margin:   0px;
}
.formTABLE
{
  background:       #ffffff url(/images/formTableB.jpg) repeat-y;
  font-family:      Verdana,Arial,Helvetica,sans-serif;
  font-size:        11px;
  font-weight:      normal;
  text-align:       left;
  color:            #000000;
  border:           1px solid #0078C1;
  border-collapse:  collapse;
}
.formTABLE .td1
{
  text-align:     left;
  vertical-align: middle;
  padding-left:   2px;
  padding-top:    2px;
  padding-right:  2px;
  padding-bottom: 2px;
}
.formTABLE .td2
{
  text-align:     left;
  vertical-align: middle;
  padding-left:   2px;
  padding-top:    2px;
  padding-right:  2px;
  padding-bottom: 2px;
}
.formText
{
  background:     #ffffff;
  font-family:    Verdana,Arial,Helvetica,sans-serif;
  font-size:      11px;
  font-weight:    normal;
  color:          #000000;
  height:         16px;
  border-left:    2px solid #a0a0a0;
  border-top:     2px solid #a0a0a0;
  border-right:   1px solid #c0c0c0;
  border-bottom:  1px solid #c0c0c0;
  padding-left:   2px;
  padding-top:    0px;
  padding-right:  2px;
  padding-bottom: 2px;
}
.formText.disabled
{
  background-color: #e0e0e0;
  color:            #606060;
}
.formTextHTML
{
  background:     #ffffff;
  font-family:    Verdana,Arial,Helvetica,sans-serif;
  font-size:      11px;
  font-weight:    normal;
  color:          #000000;
  border-left:    2px solid #a0a0a0;
  border-top:     2px solid #a0a0a0;
  border-right:   1px solid #c0c0c0;
  border-bottom:  1px solid #c0c0c0;
  padding-left:   2px;
  padding-top:    0px;
  padding-right:  2px;
  padding-bottom: 2px;
  overflow:       auto;
}
.formTextHTML.disabled
{
  background-color: #e0e0e0;
  color:            #606060;
}
.formSelect
{
  font-family:      Verdana,Arial,Helvetica,sans-serif;
  font-size:        11px;
  font-weight:      normal;
  color:            #000000;
  height:           20px;
  padding-left:     2px;
  padding-top:      0px;
  padding-right:    2px;
  padding-bottom:   0px;
}
.formTABLE .required
{
  font-weight:  bold;
  color:        #0078C1;
}
.formTABLE .s4
{
  height: 4px;
}
.formTABLE .c
{
  font-weight:    bold;
  text-align:     center;
  color:          #404040;
  padding-left:   2px;
  padding-top:    6px;
  padding-right:  2px;
  padding-bottom: 4px;
  border-top:     1px solid #0078C1;
  border-bottom:  1px dashed #c0c0c0;
}
.formTABLE .f
{
  background:     #ffffff;
  padding-left:   2px;
  padding-top:    2px;
  padding-right:  2px;
  padding-bottom: 2px;
  border-top:     1px dashed #0078C1;
}
.formTABLE .captcha
{
  padding-left:   2px;
  padding-top:    2px;
  padding-right:  2px;
  padding-bottom: 2px;
  border-top:     1px dashed #0078C1;
}
.popUpForm
{
  padding:  0px;
  margin:   0px;
  width:    100%;
}
.popUpFormTABLE
{
  background:       #ffffff url(/images/formTableB.jpg) repeat-y;
  font-family:      Verdana,Arial,Helvetica,sans-serif;
  font-size:        11px;
  font-weight:      normal;
  text-align:       left;
  color:            #000000;
  border-collapse:  collapse;
  width:            100%;
}
.popUpFormTABLE .td1
{
  text-align:     left;
  vertical-align: middle;
  padding-left:   2px;
  padding-top:    2px;
  padding-right:  2px;
  padding-bottom: 2px;
}
.popUpFormTABLE .td2
{
  text-align:     left;
  vertical-align: middle;
  padding-left:   2px;
  padding-top:    2px;
  padding-right:  2px;
  padding-bottom: 2px;
}
.popUpFormTABLE .required
{
  font-weight:  bold;
  color:        #0078C1;
}
.popUpFormTABLE .s4
{
  height: 4px;
}
.popUpFormTABLE .c
{
  font-weight:    bold;
  text-align:     center;
  color:          #404040;
  padding-left:   2px;
  padding-top:    6px;
  padding-right:  2px;
  padding-bottom: 4px;
  border-top:     1px solid #0078C1;
  border-bottom:  1px dashed #c0c0c0;
}
.popUpFormTABLE .f
{
  background:     #ffffff;
  padding-left:   2px;
  padding-top:    2px;
  padding-right:  2px;
  padding-bottom: 2px;
  border-top:     1px dashed #0078C1;
}
.dlg
{
  background: #ffffff;
  position:   absolute;
  left:       0px;
  top:        0px;
  width:      350px;
  display:    none;
  padding:    0px;
  border:     1px solid #0078C1;
  z-index:    1000;
}
.dlgH
{
  height:   21px;
  padding:  4px;
}
.dlgHR
{
  background: #017dc3;
  width:      100%;
  height:     1px;
  margin:     0px;
  padding:    0px;
  clear:      both;
}
.dlgTitle
{
  font-family:  Verdana,Arial,Helvetica,sans-serif;
  font-size:    11px;
  font-weight:  bold;
  color:        #000000;
  float:        left;
  position:     relative;
  top:          3px;
}
.dlgBtnX
{
  background-image:     url(/images/dlgBtnX.gif);
  background-position:  0px 0px;
  background-repeat:    no-repeat;
  position:             relative;
  width:                20px;
  height:               20px;
  cursor:               pointer;
  float:                right;
}
.dlgBtnX:hover
{
  background-position:  0px -20px;
}
.dlgBtnX.inactive
{
  background-position:  0px -40px;
  cursor:               wait;
}
.dlg .loading
{
  background:     url(/images/loadingT.gif) no-repeat;
  width:          220px;
  height:         19px;
  margin-bottom:  8px;
}
.dlg .textRow
{
  font-family:  Verdana,Arial,Helvetica,sans-serif;
  font-size:    11px;
  text-align:   left;
  color:        #666666;
  position:     relative;
  width:        auto;
}
.mInfo
{
  background:     url(/images/mInfo.gif) no-repeat !important;
  padding-left:   18px !important;
  margin-left:    4px !important;
  margin-top:     4px !important;
  margin-bottom:  8px !important;
  min-height:     14px !important;
}
.mError
{
  background:     url(/images/mError.gif) no-repeat !important;
  padding-left:   18px !important;
  margin-left:    4px !important;
  margin-top:     4px !important;
  margin-bottom:  8px !important;
  min-height:     14px !important;
}
.formButton
{
  background:     transparent url(/images/btnBack5.gif) right 0px;
  font-family:    Verdana,Arial,Helvetica,sans-serif;
  font-size:      11px;
  font-weight:    normal;
  color:          #000000;
  border:         0px none;
  float:          left;
  height:         20px;
  padding-left:   12px;
  padding-top:    0px;
  padding-right:  20px;
  padding-bottom: 0px;
  cursor:         pointer;
}
.formButton:hover
{
  background:     transparent url(/images/btnBack5.gif) right -20px;
  font-family:    Verdana,Arial,Helvetica,sans-serif;
  font-size:      11px;
  font-weight:    normal;
  color:          #ffffff;
  border:         0px none;
  float:          left;
  height:         20px;
  padding-left:   12px;
  padding-top:    0px;
  padding-right:  20px;
  padding-bottom: 0px;
  cursor:         pointer;
}
.formButton.inactive
{
  background:     transparent url(/images/btnBack5.gif) right -40px;
  font-family:    Verdana,Arial,Helvetica,sans-serif;
  font-size:      11px;
  font-weight:    normal;
  color:          #b5b5b5;
  border:         0px none;
  float:          left;
  height:         20px;
  padding-left:   12px;
  padding-top:    0px;
  padding-right:  20px;
  padding-bottom: 0px;
  cursor:         wait;
}
#cmsCorner
{
  background: transparent;
  position:   absolute;
  left:       0px;
  top:        0px;
  width:      20px;
  height:     20px;
}
#cmsHoverButtons
{
  background: #ffffff;
  position:   absolute;
  padding:    1px;
  border:     3px solid #000000;
  display:    none;
}
#cmsHoverButtons img
{
  background:   #ffffff;
  padding:      1px;
  border:       1px solid #0078c1;
  cursor:       pointer;
  display:      block;
  float:        left;
}
#cmsHoverButtons img:hover
{
  background:   #cfcfcf;
  padding:      1px;
  border:       1px solid #0078c1;
  cursor:       pointer;
  display:      block;
  float:        left;
}
#cmsHoverButtons img + img
{
  margin-left: 2px;
}
.cmsEditTextHTMLButtons
{
  background:     #ffffff;
  padding-left:   0px;
  padding-top:    0px;
  padding-right:  0px;
  padding-bottom: 2px;
}
.cmsEditTextHTMLButtons img
{
  background:   #ffffff;
  padding:      1px;
  border:       1px solid #0078c1;
  cursor:       pointer;
}
.cmsEditTextHTMLButtons img:hover
{
  background:   #cfcfcf;
  padding:      1px;
  border:       1px solid #0078c1;
  cursor:       pointer;
}
.cmsEditTextHTMLButtons img + img
{
  margin-left: 2px;
}
.cmsEditImageAlignButtons,.cmsEditImageDirectionButtons
{
  background:     #ffffff;
  padding-left:   0px;
  padding-top:    0px;
  padding-right:  0px;
  padding-bottom: 2px;
}
.cmsImageAlign,.cmsImageDirection
{
  background:   #ffffff;
  padding:      1px;
  margin:       1px;
  border:       1px solid #0078c1;
  cursor:       pointer;
}
.cmsImageAlign.selected,.cmsImageDirection.selected
{
  background:   #ffffff;
  padding:      1px;
  margin:       0px;
  border:       2px solid #000000;
  cursor:       pointer;
}
.cmsImageAlign:hover,.cmsImageDirection:hover
{
  background:   #cfcfcf;
  padding:      1px;
  margin:       1px;
  border:       1px solid #0078c1;
  cursor:       pointer;
}
.cmsEdit.hover
{
  background: #f0f0f0;
}