body
{
  background:                 white;
  font-family:                Verdana, Tahoma, Arial, sans-serif;
  font-size:                  11px;
  margin:                     0px;
  padding:                    0px;
}


/**
 * Blocklevel elements
 */
h1
{
  color:                      black;
  font-size:                  16px; 
  font-weight:                bold;
  margin-bottom:              1em;
}

h2
{
  color:                      black;
  font-size:                  13px; 
  font-weight:                bold;
  margin-top:                 1.5em;
  margin-bottom:              .5em;
}

h3
{
  color:                      black;
  font-size:                  12px; 
  font-weight:                bold;
  margin-bottom:              0em;
}

p
{
  font-size:                  12px;
  line-height:                1.25em;
  margin-top:                 0em;
  margin-bottom:              1em;
}


/**
 * Inline elements
 */
a
{
  color:                      #009966;
  text-decoration:            none;
}

a:hover
{
  text-decoration:            underline;
}

a img
{
  border:                     0px;
}


/**
 * List elements
 */
ul
{
  margin-top:                 0px;
  margin-bottom:              0px;
  margin-left:                9px;
  padding-left:               7px;
}

li
{
  list-style-image:           url(./img/list.png);
  margin-left:                0px;
  margin-bottom:              .5em;
  padding-left:               0px;
}

ul + h3
{
  margin-top:                 0px;
}


/**
 * Form elements
 */
form
{
  margin:                     0px;
  padding:                    0px;
}

input,
option,
select,
textarea
{
  font-family:                Verdana, Tahoma, Arial, sans-serif;
  font-size:                  11px;
}


/**
 * Page header
 */
#header
{
  width:                      100%;
}

#headerLeft
{
  background:                 url(./img/header_left.png);
  width:                      541px;
  height:                     120px;
}

#headerRight
{
  background:                 url(./img/header_right.png);
  color:                      #666666;
  vertical-align:             top;
}

#permNav
{
  color:                      #666666;
  font-size:                  11px;
  height:                     19px;
}

#permNav td
{
  height:                     19px;
}

#permNav a
{
  color:                      #666666;
  text-decoration:            none;
}


/**
 * Main navigation
 */
#mainNav
{
  background:                 #009966;
  border-top:                 #CCCCCC solid 1px;
  border-bottom:              #CCCCCC solid 1px;
  width:                      100%;
}

#mainNav table
{
}

#mainNav td
{
  background:                 #009966;
  border-right:               #009966 solid 1px;
  height:                     18px;
  padding-left:               20px;
  padding-right:              20px;
  white-space:                nowrap;
}

#mainNav td.level_0:hover
{
  background:                 #006633;
}

#mainNav td.level_0_selected
{
  background:                 #006633;
}

#mainNav td a:link,
#mainNav td a:visited,
#mainNav td a:hover
{
  color:                      white;
  font-size:                  12px;
  font-weight:                bold;
  text-decoration:            none;
}


/**
 * Sub navigation
 */
div.level_1_selected,
div.level_1
{
  color:                      #333333;
  font-weight:                bold;
  margin-top:                 1em;
  margin-right:               20px;
  margin-left:                20px;
  padding-left:               20px;
  text-decoration:            none;
}

div.level_1_selected
{
  background:                 url(./img/arrow.png);
  background-repeat:          no-repeat;
  background-position:        10px 4px;
}

a.level_1:link,
a.level_1:active,
a.level_1:visited,
a.level_1:hover,
a.level_1_selected:link,
a.level_1_selected:active,
a.level_1_selected:visited,
a.level_1_selected:hover
{
  color:                      #666666;
  font-weight:                bold;
  text-decoration:            none;
}

a.level_1:active,
a.level_1:hover,
a.level_1_selected:link,
a.level_1_selected:active,
a.level_1_selected:visited,
a.level_1_selected:hover
{
  color:                      #009966;
}

div.level_2_selected,
div.level_2
{
  color:                      #333333;
  margin-top:                 .25em;
  margin-right:               20px;
  margin-left:                20px;
  padding-left:               30px;
  text-decoration:            none;
}

div.level_2_selected
{
  background:                 url(./img/arrow.png);
  background-repeat:          no-repeat;
  background-position:        20px 4px;
}

a.level_2:link,
a.level_2:active,
a.level_2:visited,
a.level_2:hover,
a.level_2_selected:link,
a.level_2_selected:active,
a.level_2_selected:visited,
a.level_2_selected:hover
{
  color:                      #666666;
  text-decoration:            none;
}

a.level_2:active,
a.level_2:hover,
a.level_2_selected:link,
a.level_2_selected:active,
a.level_2_selected:visited,
a.level_2_selected:hover
{
  color:                      #009966;
}

/**
 * Dynamic submenu
 */
div.submenu
{
  background:                 #66CC99;
  position:                   absolute;
  top:                        139px;
}

div.submenu td
{
  font-size:                  11px;
  padding:                    3px 0px;
}

div.submenu td a
{
  color:                      black;
  padding:                    0px 20px;
  text-decoration:            none;
}

div.submenu td a:hover
{
  background-image:           url(./img/arrow.light.png);
  background-repeat:          no-repeat;
  background-position:        10px 4px;
  color:                      #006633;
  text-decoration:            none;
}


/**
 * Page content
 */
#leftCol
{
  font-size:                  12px;
  padding-top:                34px;
  padding-bottom:             1em;
  vertical-align:             top;
  width:                      181px;
}

#leftCol h2
{
  background-image:           url(./img/arrow.png);
  background-repeat:          no-repeat;
  background-position:        6px 6px;
  color:                      green;
  font-size:                  13px;
  margin:                     0px 20px 8px 25px;
  padding-left:               16px;
}

#leftCol input
{
  margin-top:                 10px;
  width:                      100px;
}


#centerColIndex
{
  background-repeat:          no-repeat;
  color:                      white;
  height:                     380px;
  vertical-align:             top;
  width:                      623px;
}

#centerCol
{
  background-image:           url(./img/bg.jpg);
  background-repeat:          no-repeat;
  font-size:                  12px;
  height:                     300px;
  padding:                    45px 0px 1em 40px;
  vertical-align:             top;
  width:                      555px;
}

#centerCol h1
{
  color:                      black;
  font-size:                  16px;
  font-weight:                bold;
  margin-top:                 0px;
}

#centerColFooter
{
  background-image:           url(./img/bg-bottom.png);
  background-repeat:          no-repeat;
  height:                     25px;
}

#rightCol
{
  color:                      #666666;
  font-size:                  12px;
  font-weight:                bold;
  padding-top:                50px;
  vertical-align:             top;
}

#rightCol td
{
  color:                      #666666;
  font-size:                  12px;
  font-weight:                bold;
}

.caption
{
  font-size:                  10px;
  color:                      #666666;
  padding-top:                5px;
}

/**
 * Page footer
 */
#footer
{
  font-size:                  11px;
  margin:                     2px 0px;
}

#footerLeft
{
  height:                     95px;
  text-align:                 right;
  width:                      257px;
}

#footerRight
{
  color:                      #666666;
  padding-left:               60px;
  vertical-align:             bottom;
}

#footerRight a
{
  color:                      #666666;
  text-decoration:            none;
}


/**
 * Custom elements
 */
.contactForm p
{
  line-height:                1.5em;
  margin-bottom:              .25em;
}

.defaultInput
{
  border:                     #666666 solid 1px;
  width:                      200px;
}

input.login
{
  border:                     #666666 solid 1px;
  width:                      100px;
}

.login th,
.login td
{
  font-size:                  11px;
}

/* Pricelist */
table.priceList th
{
  background:                 #009966;
  border-top:                 #CCCCCC solid 1px;
  border-bottom:              #CCCCCC solid 1px;
  color:                      white;
  font-size:                  10px;
  white-space:                nowrap;
}

table.priceList td
{
  font-size:                  11px;
  padding:                    2px 5px;
  white-space:                nowrap;
}

/* Order */
table.order th
{
  background:                 #009966;
  border-top:                 #CCCCCC solid 1px;
  border-bottom:              #CCCCCC solid 1px;
  color:                      white;
  font-size:                  10px;
}

table.order td
{
  font-size:                  11px;
  vertical-align:             baseline;
}

/* Novelties */
table.sparePart table.details
{
  margin-top:                 .5em;
}

table.sparePart table.details th,
table.sparePart table.details td
{
  font-size:                  11px;
  font-weight:                normal;
  height:                     1.5em;
  text-align:                 left;
}

table.sparePart table.details th
{
  padding-right:              10px;
}

table.details td input.quantity,
table.details td input.quantity
{
  border:                     black solid 1px;
  font-size:                  11px;
  width:                      30px;
}