html
{
  background-color:               white;
/*
  background-image:               url(img/bg.gif);
  background-position:            50% 0px;
  background-repeat:              repeat-y;
*/
  height:                         100%;
  margin:                         0px;
  padding:                        0px;
}

body
{
/*
  background-image:               url(img/bg.png);
  background-position:            50% 100%;
  background-repeat:              no-repeat;
*/
  color:                          black;
  font-family:                    Verdana, Arial, Helvetica, sans-serif;
  font-size:                      12px;
  height:                         100%;
  margin:                         0px;
  padding:                        0px;
}


/**
 * heading
 */
h1
{
  font-size:                      16px;
  margin:                         0px 0px 10px;
}

h2
{
  font-size:                      14px;
}

h2 .date-string
{
  font-size:                      12px;
  font-weight:                    normal;
}

h3
{
  font-size:                      12px;
}

h4
{
  font-size:                      11px;
}

h5
{
  font-size:                      10px;
}

h6
{
  font-size:                      9px;
}


/**
 * links
 */
a:link,
a:active,
a:visited
{
  color:                          #336699;
  text-decoration:                none;
}

a:hover
{
  color:                          #009EE0;
  text-decoration:                underline;
}

a img
{
  border:                         0px;
}

a.forward,
a.backward
{
  background-image:               url(img/bg.link.gif);
  background-position:            100% 60%;
  background-repeat:              no-repeat;
  color:                          #009EE0;
  padding-right:                  11px;
}

h2 a:link,
h2 a:active,
h2 a:visited
{
  color:                          black;
}


/**
 * structure
 */
#header
{
  background-color:               #009EE0;
  border-bottom:                  white solid 3px;
}

#header-content
{
  height:                         150px;
  margin:                         0px auto;
  width:                          860px;
}

#logo-wrapper
{
  position:                       relative;
}

#logo
{
  left:                           41px;
  position:                       absolute;
  top:                            49px;
}

#mainmenu
{
  background-color:               #E7E7E7;
}

#content
{
  overflow:                       hidden;
  margin:                         30px auto;
  position:                       relative;
  width:                          860px;
}

#index-left
{
  float:                          left;
  overflow:                       hidden;
  width:                          540px;
}

#index-left p
{
  margin:                         0px;
}

#index-right
{
  float:                          right;
  overflow:                       hidden;
  padding-right:                  40px;
  width:                          250px;
}

#left-column
{
  float:                          left;
  padding:                        0px 0px 0px;
  width:                          180px;
}

#left-column-boxes
{
  bottom:                         0px;
  left:                           0px;
  position:                       absolute;
  width:                          180px;
}
#center-column
{
  float:                          left;
  overflow:                       hidden;
  padding:                        0px 10px 0px 24px;
  width:                          480px;
}

#teaser-top
{
  display:                        block;
}

#teaser-left
{
  float:                          left;
  margin-right:                   10px;
}

#teaser-content
{
  float:                          left;
}

#right-column
{
  float:                          left;
  padding:                        0px 0px 0px;
  width:                          166px;
}

#footer
{
  margin:                         0px auto;
  width:                          860px;
}


/**
 * menu
 */
#sitemenu
{
  margin:                         0px;
  padding:                        0px;
  position:                       absolute;
  right:                          0px;
  top:                            7px;
}

#sitemenu li
{
  display:                        inline;
  list-style-type:                none;
  margin:                         0px;
  padding:                        0px 10px 0px 4px;
}

#sitemenu li a
{
  color:                          white;
}


#mainmenu ul
{
  margin:                         0px auto;
  padding:                        0px;
  overflow:                       hidden;
  width:                          860px;
}

#mainmenu li
{
  float:                          left;
  list-style-type:                none;
  margin:                         3px 4px 0px 0px;
  overflow:                       hidden;
  padding:                        0px;
}

#mainmenu li a
{
  background-color:               #CCCCCC;
  color:                          black;
  display:                        block;
  float:                          left;
  font-weight:                    bold;
  padding:                        3px 15px;
  white-space:                    nowrap;
}

#mainmenu li a:hover,
#mainmenu li a:active,
#mainmenu a.fmMenuButtonActive
{
  background-color:               #009EE0;
  color:                          white;
  text-decoration:                none;
}

#mainmenu li a.selected
{
  background-color:               white;
  color:                          black;
}

#submenu
{
  margin:                         0px;
  padding:                        0px;
}

#submenu li
{
  border-bottom:                  white solid 1px;
  list-style-type:                none;
  margin:                         0px;
  padding:                        0px;
}

#submenu li a
{
  background:                     #E7E7E7;
  color:                          black;
  display:                        block;
  padding:                        3px 15px;
}

#submenu li a:hover,
#submenu li a:active,
#submenu li a.selected
{
  color:                          #009EE0;
  text-decoration:                none;
}

#submenu li#logoff a
{
  background-color:               #009EE0;
  color:                          white;
}

#submenu ul
{
  margin:                         4px 0px 0px 15px;
  padding:                        0px;
}

#submenu ul li
{
  font-size:                      11px;
  list-style-type:                none;
  margin:                         0px;
  padding:                        2px 0px;
}


#footer
{
  font-size:                      10px;
  margin:                         0px auto;
  padding:                        2px 0px 2px 0px;
  text-align:                     center;
  width:                          100%;
}

#footer a
{
  color:                          black;
}


/**
 * JS Menu
 */
div.fmMenu
{
  background-color:               #E7E7E7;
  color:                          black;
  font-family:                    Verdana, Arial, Helvetica, sans-serif;
  font-size:                      1em;
  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:                        101;
}

div.fmMenu a
{
  background:                     #E7E7E7;
  border-top:                     white solid 1px;
  color:                          black;
  cursor:                         pointer;
  display:                        block;
  font-family:                    Verdana, Arial, Helvetica, sans-serif;
  font-size:                      11px;
  font-style:                     normal;
  font-weight:                    normal;
  margin:                         0px;
  padding:                        2px 15px;
  text-decoration:                none;
  white-space:                    nowrap;
}

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

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


/**
 * feature boxes
 */
.feature-box-right
{
  border:                         #E7E7E7 solid 1px;
  margin:                         0px 0px 18px;
  padding:                        18px 13px 8px 18px;
}

.feature-box-right a
{
  color:                          #009EE0;
}

.feature-box-left
{
  background:                     #E7E7E7;
  margin:                         18px 0px 0px;
  padding:                        18px 13px 8px 18px;
}

.feature-box-left a:link,
.feature-box-left a:visited
{
  color:                          black;
  padding-right:                  10px;
}

.feature-box-right h2,
.feature-box-right p,
.feature-box-left h2,
.feature-box-left p
{
  font-size:                      11px;
  margin:                         0px 0px 10px;
}


/**
 * contact form
 */
table.contactForm
{
  margin:                         0px 0px 1em;
}

table.contactForm th
{
  font-size:                      1em;
  font-weight:                    normal;
  padding-right:                  10px;
  height:                         2em;
  text-align:                     left;
}

table.contactForm td.mandatory
{
  width:                          .75em;
}

table.contactForm td.asterik
{
  width:                          1em;
}

table.contactForm td label,
table.contactForm td input,
table.contactForm td select
{
  vertical-align:                 middle;
}

table.contactForm input.text,
table.contactForm textarea,
table.contactForm input#password
{
  border-width:                   1px;
  width:                          250px;
}

table.contactForm select
{
  border-width:                   1px;
}

table.contactForm input.text#zipCode,
table.contactForm input.text#billing_zipCode,
table.contactForm input.text#shipping_zipCode
{
  float:                          left;
  width:                          50px;
}

table.contactForm input.text#city,
table.contactForm input.text#billing_city,
table.contactForm input.text#shipping_city
{
  float:                          right;
  width:                          190px;
}

table.contactForm td
{
  font-size:                      1em;
}

.notes-box
{
  border:                         #E7E7E7 solid 1px;
  background-color:               #EEF4F8;
  padding:                        3px 10px;
}


/**
 * index boxes
 */
.index-box
{
  padding-bottom:                 2em;
}

.index-box strong,
.index-box b,
.index-box strong a:link,
.index-box strong a:hover,
.index-box strong a:visited,
.index-box b a:link,
.index-box b a:hover,
.index-box b a:visited
{
  color:                          #999999;
}

.index-box h1
{
  margin:                         0px;
}

.index-box h2
{
  font-size:                      12px;
  margin:                         0px;
}

.index-box p
{
  margin:                         0.5em 0px 0px;
}

.index-box a
{
  color:                          black;
  text-decoration:                none;
}

.index-box-gray
{
  background:                     #E7E7E7;
  font-size:                      11px;
  padding:                        10px;
}

.index-box-gray a
{
  color:                          #3399CC;
  font-weight:                    bold;
}


/**
 * misc
 */
.hilite
{
  color:                          #CC0000;
}

.magenta
{
  color:                          #ED008C;
}

.cyan
{
  color:                          #3399CC;
}

strong,
b
{
  color:                          #009EE0;
}

#center-column ul
{
  margin-left:                    0px;
  padding-left:                   0px;
}

#center-column ul li
{
  background-image:               url(img/bg.list-item.gif);
  background-position:            0px 4px;
  background-repeat:              no-repeat;
  list-style-type:                none;
  margin-left:                    0px;
  padding-left:                   15px;
}


/**
 * sitemap
 */
#sitemap ul
{
  margin:                         0px;
  padding:                        0px;
}

#sitemap ul li
{
  background-image:               none;
  list-style-type:                none;
  margin:                         0px 0px 0px 15px;
  padding:                        1px 0px;
}

#sitemap img,
#sitemap a
{
  vertical-align:                 middle;
}

#sitemap a
{
  padding-left:                   4px;
}

