html
{
  margin:                         0px;
  padding:                        0px;
}

body
{
  background-color:               #EAEAEA;
  color:                          #333333;
  font-family:                    Arial, Helvetica, sans-serif;
  font-size:                      13px;
  margin:                         0px;
  padding:                        0px;
}


/**
 * heading
 */
h1
{
  color:                          #AAB1B9;
  font-size:                      130%;
  margin-top:                     0px;
  margin-bottom:                  1em;
}

h1 .subheading
{
  color:                          #666666;
  font-size:                      80%;
  line-height:                    100%;
  text-transform:                 none;
}

h2
{
  color:                          #AAB1B9;
  font-size:                      120%;
  margin-bottom:                  .5em;
}

h2 a
{
  color:                          #AAB1B9;
}

h2 .subheading
{
  color:                          #666666;
  font-size:                      90%;
}

h2 + *
{
  margin-top:                     .25em;
}

h3
{
  font-size:                      100%;
  margin-bottom:                  .25em;
}

h3 + *
{
  margin-top:                     .25em;
}


h4
{
  font-size:                      100%;
  margin-bottom:                  0px;
}

h4 + *
{
  margin-top:                     0px;
}


/**
 * form
 */

form
{
  margin:                         0px;
}

input,
select,
optgroup,
option,
textarea
{
  font-family:                    Arial, Helvetica, sans-serif;
  font-size:                      100%;
}

/**
 * list
 */
ul
{
  margin-left:                    0px;
  padding-left:                   0px;
}

ul li
{
  background-image:               url(img/bg.list-item.gif);
  background-position:            0px .55em;
  background-repeat:              no-repeat;
  list-style-type:                none;
  margin:                         0px;
  padding:                        0px 0px 0px 8px;
}

/**
 * links
 */
a
{
  color:                          #999999;
  text-decoration:                none;
}

a:hover,
a:active
{
  color:                          #D50C2F;
  text-decoration:                underline;
}

a[name],
a[name]:hover
{
  text-decoration:                none;
}

a[href]
{
  text-decoration:                none;
}

a[href]:hover
{
  text-decoration:                underline;
}

a.forward
{
  background-image:               url(img/bg.link-forward.gif);
  background-position:            100% 50%;
  background-repeat:              no-repeat;
  padding-right:                  9px;
}

a.backward
{
  background-image:               url(img/bg.link-backward.gif);
  background-position:            0% 50%;
  background-repeat:              no-repeat;
  padding-left:                   9px;
}

a.nolink:link,
a.nolink:hover,
a.nolink:active,
a.nolink:visited
{
  color:                          #333333;
  text-decoration:                none;
}

img
{
  border:                         0px;
  vertical-align:                 bottom;
}


/**
 * structure
 */
#canvas
{
  background-color:               #2E3338;
  color:                          white;
  margin:                         0px auto;
  padding:                        0px 0px;
  width:                          1015px;
}

#header
{
  background-color:               #EAEAEA;
  color:                          #333333;
  position:                       relative;
}

#logo
{
}

#content-area
{
  background-image:               url(img/bg.gif);
  background-position:            0px 0px;
  background-repeat:              repeat-y;
  line-height:                    130%;
  overflow:                       hidden;
  width:                          100%;
}

#column-left
{
  background:                     #2E3338;
  float:                          left;
  font-size:                      12px;
  padding:                        0px 28px 0px 35px;
  width:                          137px;
}

#column-left .feature-boxes
{
  font-size:                      11px;
}

#column-center
{
  background-color:               white;
  color:                          #333333;
  float:                          left;
  padding:                        30px 35px;
  width:                          745px;
}

#footer
{
  color:                          #CCCCCC;
  font-size:                      85%;
  margin-top:                     20px;
  overflow:                       hidden;
  padding:                        5px 0px 5px 200px;
  text-transform:                 uppercase;
}

#index-footer
{
  margin:                         200px auto 0px;
  padding:                        37px;
  width:                          941px;
}


/**
 * sitemenu
 */
#sitemenu
{
  font-size:                      85%;
  margin:                         0px;
  overflow:                       hidden;
  padding:                        0px;
  position:                       absolute;
  right:                          20px;
  text-transform:                 uppercase;
  top:                            8px;
}

#sitemenu li
{
  background-image:               none;
  float:                          left;
  list-style-image:               none;
  list-style-type:                none;
  margin:                         0px;
  padding:                        0px 8px;
}

#sitemenu li a
{
  color:                          #333333;
  display:                        block;
  padding:                        3px 0px;
  text-decoration:                none;
}

#sitemenu li a:hover
{
  text-decoration:                underline;
}

.js#lang-menu
{
  background-image:               url(img/bg.langmenu.gif);
  background-position:            0px 0px;
  background-repeat:              no-repeat;
  padding:                        3px 0px 3px 20px;
}

.js#lang-menu li
{
  cursor:                         pointer;
  float:                          none;
  padding:                        0px 20px 0px 10px;
}

.js#lang-menu li:first-child
{
  background-image:               url(img/bg.langmenu-item.gif);
  background-position:            100% 50%;
  background-repeat:              no-repeat;
}


/**
 * mainmenu
 */
#mainmenu
{
  font-size:                      12px !important;
  margin:                         0px;
  overflow:                       hidden;
  padding:                        0px;
  width:                          100%;
}

#mainmenu li
{
  background-color:               #AAB1B9;
  background-image:               none;
  float:                          left;
  list-style-image:               none;
  list-style-type:                none;
  margin:                         0px;
  padding:                        0px;
}

#mainmenu li a
{
  background-color:               #AAB1B9;
  color:                          #333333;
  display:                        block;
  padding-bottom:                 5px;
  text-align:                     center;
  text-decoration:                none;
}

#mainmenu li a span
{
  background-color:               #CFD3D7;
  border-left:                    white solid 1px;
  display:                        block;
  padding:                        6px 0px;
  width:                          168px;
}

#mainmenu li a.first span
{
  border-left:                    0px;
  width:                          170px;
}

#mainmenu li a:hover,
#mainmenu li a:active,
#mainmenu li a.selected,
#mainmenu li.sfHover a
{
  background-color:               #D50C2F;
  border-left:                    white solid 1px;
  color:                          white;
  font-weight:                    bold;
  margin-bottom:                  0px;
  text-decoration:                none;
}

#mainmenu li.first a:hover,
#mainmenu li.first a:active,
#mainmenu li.first a.selected,
#mainmenu li.first.sfHover a
{
  border-left:                    0px;
}

#mainmenu li.sibling a
{
  border-left:                    white solid 1px;
}

#mainmenu li a:hover span,
#mainmenu li a:active span,
#mainmenu li a.selected span,
#mainmenu li.sfHover a span
{
  background-color:               #AAB1B9;
  border-left:                    0px;
}

#mainmenu li.sibling a span
{
  border-left:                    0px;
}

#mainmenu li a span.sf-sub-indicator
{
  display:                        none;
}


#mainmenu ul
{
  background-color:               transparent;
  display:                        none;
  font-size:                      11px !important;
  margin:                         0px;
  padding:                        0px;
  position:                       absolute;
  width:                          169px;
  z-index:                        1001;
}

#mainmenu li.first ul
{
  width:                          170px;
}

#mainmenu ul li
{
  border:                         0px;
  float:                          none;
  font-weight:                    normal;
  height:                         auto;
  margin:                         0px;
  padding:                        0px;
  position:                       relative;
}

#mainmenu ul li a,
#mainmenu li.sfHover ul li a
{
  background-color:               #CFD3D7;
  border-bottom:                  white solid 1px;
  color:                          #333333;
  display:                        block;
  font-weight:                    normal;
  margin:                         0px;
  padding:                        4px 9px;
  text-align:                     left;
}

#mainmenu li ul li.sfHover a.sf-with-ul
{
  background-image:               url(img/bg.jsmenu-item.gif);
  background-position:            156px 6px;
  background-repeat:              no-repeat;
}


#mainmenu li.sfHover ul li a:hover,
#mainmenu li.sfHover ul li a:active,
#mainmenu li.sfHover ul li a.selected,
#mainmenu li.sfHover ul li.sfHover a
{
  background-color:               white;
  color:                          #D50C2F;
  margin:                         0px;
}

#mainmenu ul li a.selected
{
  font-weight:                    bold;
}

#mainmenu ul.thumbnails,
#mainmenu li.first ul.thumbnails
{
  left:                           170px;
  top:                            0px;
  width:                          160px;
}

#mainmenu ul.thumbnails li
{
  border:                         0px;
}

#mainmenu ul.thumbnails li a,
#mainmenu li.sfHover ul.thumbnails li a
{
  background-color:               white;
  height:                         150px;
  padding:                        5px;
  width:                          150px;
}



/**
 * breadcrumb-menu
 */
#breadcrumb-menu
{
  color:                          #CCCCCC;
  font-size:                      85%;
  margin:                         0px 0px 0px 200px;
  padding:                        0px;
  width:                          815px;
}

#breadcrumb-menu li
{
  background-image:               url(img/bg.breadcrumb-item.gif);
  background-position:            0px 50%;
  background-repeat:              no-repeat;
  float:                          left;
  list-style-image:               none;
  list-style-type:                none;
  margin:                         0px;
  padding:                        10px 9px;
}

#breadcrumb-menu li:first-child
{
  background-image:               none;
  padding-left:                   0px;
}

#breadcrumb-menu li a:link,
#breadcrumb-menu li a:visited
{
  color:                          #CCCCCC;
  text-decoration:                none;
}

#breadcrumb-menu li a:hover,
#breadcrumb-menu li a:active
{
  text-decoration:                underline;
}


/**
 * submenu
 */
#submenu
{
  margin:                         27px 0px 27px -11px;
  padding:                        0px;
}

#submenu li
{
  background-image:               none;
  list-style-image:               none;
  list-style-type:                none;
  margin:                         0px;
  padding:                        0px 0px .5em;
}

#submenu li a
{
  color:                          #CCCCCC;
  display:                        block;
  padding:                        0px 0px 0px 11px;
  text-decoration:                none;
}

#submenu li a:hover,
#submenu li a.selected
{
  background-image:               url(img/bg.submenu-item.gif);
  background-position:            0px .55em;
  background-repeat:              no-repeat;
}


/**
 * footer menu
 */
#footer a:link,
#footer a:visited
{
  color:                          #CCCCCC;
}


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

#sitemap li
{
  background-image:               none;
  list-style-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;
}


/**
 * category
 */
.category-items-row
{
  margin-bottom:                  35px;
  overflow:                       hidden;
  width:                          728px;
}

.category-item
{
  float:                          left;
  margin-right:                   14px;
  overflow:                       hidden;
  width:                          350px;
}

.category-item-image
{
  float:                          left;
}

.category-item-description
{
  font-size:                      85%;
  margin-left:                    166px;
}

.category-item-description h2
{
  color:                          #AAB1B9;
  font-size:                      140%;
  margin:                         0px 0px .5em;
}

.category-item-description h2 a:link,
.category-item-description h2 a:hover,
.category-item-description h2 a:active,
.category-item-description h2 a:visited
{
  color:                          #AAB1B9;
  text-decoration:                none;
}

.category-item-description-content
{
  min-height:                     129px;
}


/**
 * subcategory
 */
.product-item
{
  overflow:                       hidden;
  width:                          100%;
}

.product-item-gallery
{
  float:                          left;
  width:                          253px;
}

.product-item-images
{
  height:                         229px;
  margin-bottom:                  8px;
  overflow:                       hidden;
  width:                          229px;
}

.product-item-image
{
  height:                         229px;
  overflow:                       hidden;
  width:                          229px;
}

.product-item-thumbnails
{
  height:                         71px;
  overflow:                       hidden;
  width:                          237px;
}

.product-item-thumbnail
{
  float:                          left;
  height:                         71px;
  margin-right:                   8px;
  overflow:                       hidden;
  width:                          71px;
}

.product-item-description
{
  margin-left:                    253px;
}

.product-item-description-body
{
  min-height:                     237px;
}

.product-item-description h2
{
  color:                          #AAB1B9;
  font-size:                      130%;
  margin:                         0px 0px .5em;
}

.product-item-description-links
{
  margin:                         0px;
  padding:                        0px;
}

.product-item-description-links li
{
  background-image:               none;
  list-style-type:                none;
  margin:                         0px;
  padding:                        4px 0px;
}


/**
 * contact form
 */
.contact-form
{
  font-size:                      .9em;
}

.float-wrapper
{
  overflow:                       hidden;
  width:                          540px;
}

.hilite-box
{
  background-color:               #FFDDDD;
  border:                         #CC0000 solid 1px;
  color:                          #CC0000;
  padding:                        3px 5px;
}

p.input
{
  float:                          left;
  margin-right:                   5px;
  width:                          265px;
}

p.input img
{
  margin-left:                    5px;
  vertical-align:                 top;
}

input.text,
textarea
{
  border:                         #999999 solid 1px;
  width:                          235px;
}

input.text:focus,
textarea:focus
{
  background-color:               #F6F6F6;
}

.contact-form h2
{
  border-bottom:                  #999999 solid 1px;
  color:                          #333333;
  font-size:                      1em;
  width:                          505px;
}


p.message textarea
{
  width:                          505px;
}

p.button-bar
{
  text-align:                     right;
  width:                          505px;
}

#captcha-box
{
  width:                          511px;
}

#captcha-box p.input,
#captcha_code
{
  float:                          none;
  width:                          auto;
}

input.submit
{
  background-color:               transparent;
  background-image:               url(img/bg.link.gif);
  background-position:            10px 50%;
  background-repeat:              no-repeat;
  border:                         0px;
  color:                          #999999;
  padding:                        0px 0px 0px 23px;
  text-align:                     left;
  width:                          auto;
}


/**
 * feature box
 */


/**
 * news-item
 */
.news-item
{
  border-bottom:                  #CCCCCC solid 1px;
}

.news-item h2
{
  font-size:                      120%;
}

.news-item p.link
{
  margin-top:                     0px;
}


/**
 * pager
 */
ul.pager
{
  font-size:                      80%;
  margin:                         1em 0px 0px;
  overflow:                       hidden;
  padding:                        0px;
  width:                          100%;
}

ul.pager li
{
  background-image:               none;
  float:                          left;
  list-style-image:               none;
  list-style-type:                none;
  margin:                         0px 3px 0px 0px;
  padding:                        0px;
}

ul.pager li a
{
  border:                         #CCCCCC solid 1px;
  color:                          #999999;
  display:                        block;
  min-width:                      1em;
  padding:                        1px 3px;
  text-align:                     center;
  text-decoration:                none;
}

ul.pager li a:hover
{
  border-color:                   #D50C2F;
  color:                          #D50C2F;
}

ul.pager li a.selected
{
  background:                     #2E3338;
  border:                         #2E3338 solid 1px;
  color:                          white;
}


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

p.hilite,
fieldset.hilite
{
/*  background-color:               #FFDDDD;*/
}

p.hilite input,
fieldset.hilite input
{
  border-color:                   #CC0000;
}

.float-wrapper
{
  overflow:                       hidden;
  width:                          100%;
}

.hidden
{
  display:                        none;
}

div.hr hr
{
  display:                        none;
}

div.hr
{
  background-image:               url(img/hr.gif);
  background-position:            0px 0px;
  background-repeat:              repeat-x;
  height:                         1px;
  margin:                         35px 0px;
}

#column-left div.hr
{
  margin:                         5px 0px;
}

a.link-button
{
  background-image:               url(img/bg.link-button.gif);
  background-position:            0% 0%;
  background-repeat:              no-repeat;
  color:                          #333333;
  display:                        block;
  font-size:                      10px !important;
  padding:                        3px 10px 4px;
  text-transform:                 uppercase;
  width:                          140px;
}

a.link-button span
{
  color:                          #CC0000;
}
