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:                          #999999;
  font-family:                    Verdana, Arial, Helvetica, sans-serif;
  font-size:                      12px;
  height:                         100%;
  margin:                         0px;
  padding:                        0px;
}


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

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

a img
{
  border:                         0px;
}


/**
 * heading
 */
h1
{
  color:                          #336699;
  font-size:                      1.3em;
  font-weight:                    normal;
  margin:                         43px 0px 13px 10px;
}

h2
{
  border-bottom:                  #CCCCCC solid 1px;
  font-size:                      13px;
  margin:                         0px 0px 5px;
}

h2 + p
{
  margin-top:                     0px;
}

p + h2
{
  margin-top:                     20px;
}

h3
{
  font-size:                      13px;
  margin:                         0px;
}

h1.welcome
{
  margin-bottom:                  0px;
}

h2.welcome
{
  border:                         0px;
  font-size:                      11px;
  font-weight:                    normal;
  margin:                         0px 0px 15px;
}


/**
 * form
 */
form
{
  margin:                         0px;
}

input.text,
textarea,
select
{
  border:                         #E7E7E7 solid 1px;
}

input.text,
textarea,
select,
option
{
  font-family:                    inherit;
  font-size:                      inherit;
}

input.submit-button
{
  background-color:               transparent;
  border:                         #E7E7E7 solid 1px;
  color:                          #999999;
}

input.submit-button:hover
{
  background-color:               #CCCCCC;
  color:                          white;
  cursor:                         pointer;
}


/**
 * structure
 */
#body
{
  margin:                         0px;
  padding:                        0px 0px;
}

#header
{
  background-image:               url(img/bg.header.gif);
  background-position:            0px 0px;
  background-repeat:              repeat-x;
  border-bottom:                  #E7E7E7 solid 1px;
  height:                         120px;
}

#logo-wrapper
{
  position:                       relative;
}

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

#content
{
  margin:                         0px auto;
  overflow:                       hidden;
  padding-bottom:                 9px;
  width:                          888px;
}

#left-column
{
  float:                          left;
  padding:                        40px 0px 0px 25px;
  width:                          275px;
}

#right-column
{
  float:                          left;
  width:                          588px;
}

#page-content
{
  background-color:               white;
  border:                         #E7E7E7 solid 1px;
  margin-right:                   9px;
  min-height:                     300px;
  padding:                        9px 9px 0px;
}

#welcome-content
{
  background-color:               white;
  margin-right:                   0px 9px;
  padding:                        0px 9px;
}



/**
 * 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:                          #999999;
}

#mainmenu
{
  border-bottom:                  #E7E7E7 solid 1px;
  margin:                         0px;
  padding:                        0px 0px 1px 300px;
  overflow:                       hidden;
  width:                          588px;
}

#mainmenu li
{
  border:                         #E7E7E7 solid 1px;
  float:                          left;
  list-style-type:                none;
  margin:                         1px 2px 0px 0px;
  padding:                        0px;
}

#mainmenu li a
{
  color:                          #999999;
  display:                        block;
  padding:                        2px 12px;
  white-space:                    nowrap;
}

#mainmenu li a:hover,
#mainmenu li a:active
{
  color:                          #336699;
  text-decoration:                none;
}

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

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

#submenu li
{
  list-style-type:                none;
  margin:                         0px;
  padding:                        4px 0px;
}

#submenu li a
{
  color:                          #999999;
  padding:                        0px 0px 0px 15px;
}

#submenu li a:hover,
#submenu li a:active,
#submenu li a.selected
{
  background-image:               url(img/bg.submenu-item.gif);
  background-position:            0px 5px;
  background-repeat:              no-repeat;
  color:                          #336699;
  text-decoration:                none;
}

#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
{
  width:                          100%;
}

#footer-content
{
  border-top:                     #E7E7E7 solid 1px;
  margin:                         0px auto;
  padding:                        2px 0px 2px 300px;
  width:                          588px;
}

#footer ul
{
  float:                          right;
  margin:                         0px;
  padding:                        0px;
}

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

#footer li a
{
  color:                          #999999;
}

/**
 * welcome-box
 */
.welcome-boxes
{
  margin-top:                     40px;
  overflow:                       hidden;
  width:                          100%;
}

.welcome-box-small
{
  background-color:               white;
  border:                         #E7E7E7 solid 1px;
  float:                          left;
  height:                         250px;
  margin-right:                   2px;
  width:                          190px;
}

.welcome-box-large
{
  background-color:               white;
  border:                         #E7E7E7 solid 1px;
  float:                          left;
  height:                         200px;
  margin-right:                   2px;
  margin-bottom:                  2px;
  width:                          238px;
}

.welcome-box-small h2,
.welcome-box-large h2
{
  background-image:               url(img/bg.welcome-box-heading.gif);
  background-position:            8px 3px;
  background-repeat:              no-repeat;
  border:                         0px;
  color:                          #336699;
  font-size:                      11px;
  font-weight:                    bold;
  margin:                         10px 0px 4px;
  padding:                        0px 0px 0px 23px;
  text-transform:                 uppercase;
}

.welcome-box-content
{
  font-size:                      11px;
  padding:                        0px 13px 10px 23px;
}


/**
 * news items
 */
div.welcome-news
{
  font-size:                      11px;
  margin-left:                    15px;
  width:                          220px;
}

div.welcome-news ul.news-items
{
  margin:                         0px;
  padding:                        0px;
}

div.welcome-news ul.news-items li.news-item
{
  background-image:               url(img/icon.news-item.gif);
  background-position:            0px 0px;
  background-repeat:              no-repeat;
  list-style-type:                none;
  margin:                         0px 0px 15px;
  padding:                        0px 0px 0px 19px;
}

div.welcome-news p.link
{
  background-image:               url(img/icon.news-item.gif);
  background-position:            0px 0px;
  background-repeat:              no-repeat;
  margin-top:                     30px;
  padding:                        0px 0px 0px 19px;
  width:                          170px;
}

.news-item
{
  font-size:                      11px;
  overflow:                       hidden;
  width:                          100%;
}

.news-item h2
{
  border:                         0px;
  font-size:                      100%;
}

.news-item-image
{
  float:                          right;
}

.news-item-gallery
{
  float:                          right;
  margin-left:                    20px;
}

.news-item-gallery-item
{
  color:                          #336699;
  font-size:                      11px;
  font-weight:                    bold;
  margin-bottom:                  9px;
  text-align:                     center;
  width:                          200px;
}

.news-item-content
{
  float:                          left;
  width:                          400px;
}

.news-item-content h2 a
{
  color:                          #999999;
  text-decoration:                none;
}

ul.downloads
{
  border:                         #E7E7E7 solid 1px;
  margin:                         1em 0px;
  padding:                        9px;
}

ul.downloads li
{
  margin:                         0px 0px 0px 20px;
  padding:                        0px;
}

.news-item-gallery-item
{
  margin-bottom:                  20px;
}

.news-item-gallery-item .linkBar
{
  font-size:                      90%;
  font-weight:                    normal;
  margin:                         0px;
}


/**
 * 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;
}


/**
 * misc
 */
.date-string
{
  color:                          #336699;
  font-weight:                    bold;
}

.lite
{
  font-weight:                    normal;
}

hr
{
  display:                        none;
}

div.hr
{
  border-top:                     #E7E7E7 solid 1px;
  height:                         1px;
  margin:                         1em 0px;
}

.link
{
  font-size:                      11px;
}

.hilite
{
  color:                          #CC0033;
}


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

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

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

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