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

body
{
  background-color:                     white;
  color:                                #666666;
  font-family:                          Arial, Helvetica, sans-serif;
  font-size:                            12px;
  margin:                               0px;
  padding:                              0px;
}


/**
 * headings
 */
h1
{
  color:                                #003399;
  font-size:                            150%;
  margin-top:                           .5em;
}
/*
h1 .subtitle
{
  color:                                #666666;
  font-size:                            80%;
}

*/
h2
{
  color:                                #003399;
  font-size:                            125%;
  margin-top:                           2em;
}

h3
{
  font-size:                            120%;
}

h4,
h5
{
  font-size:                            100%;
}
*/

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

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

input[type=image]
{
  vertical-align:                       middle;
}

input[type=submit]
{
  color:                                #003399;
  font-weight:                          bold;
}


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

ul li
{
  list-style-image:                     url(img/bg.list-item.gif);
  margin:                               0px 0px 1.25em 20px;
  padding-left:                         0px;
}


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

a[href]:hover,
a[href]:active
{
  color:                                #003399;
  text-decoration:                      underline;
}

a.prev,
a.next,
a.backward,
a.forward
{
}

a.backward,
a.forward
{
  font-weight:                          bold;
}

a .arrow
{
  color:                                #FF8838;
}

a img
{
  border:                               0px;
}


/**
 * structure
 */
#frame
{
  background-image:                     url(img/bg.gif);
  background-position:                  50% 0%;
  background-repeat:                    repeat-y;
  margin:                               0px auto;
  width:                                990px;
}

#canvas
{
  background-image:                     url(img/bg.bottom.gif);
  background-position:                  50% 100%;
  background-repeat:                    no-repeat;
  overflow:                             hidden;
  padding:                              0px 10px 10px;
  width:                                970px;
}

#header
{
  height:                               114px;
  position:                             relative;
  width:                                100%;
}

#logo
{
  left:                                 17px;
  position:                             absolute;
  top:                                  0px;
}

#content-area
{
  margin:                               0px auto 45px;
  overflow:                             hidden;
  width:                                938px;
}

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

#column-center
{
  float:                                left;
  line-height:                          150%;
  overflow:                             hidden;
  padding:                              0px 28px;
  width:                                440px;
}

#column-center.full-width
{
  padding:                              0px;
  width:                                678px;
}

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


/**
 * site menu
 */
#sitemenu,
#permmenu
{
  color:                                #DCDEE1;
  font-size:                            91.7%;
  margin:                               0px;
  padding:                              0px;
  position:                             absolute;
  top:                                  5px;
}

#sitemenu
{
  left:                                 295px;
}

#sitemenu *
{
  font-size:                            11px !important;
}

#permmenu
{
  right:                                16px;
}

#sitemenu li,
#permmenu li
{
  border-left:                          #DCDEE1 solid 1px;
  float:                                left;
  list-style-image:                     none;
  list-style-type:                      none;
  margin:                               0px;
  padding:                              0px 8px 0px 7px;
}

#sitemenu li:first-child,
#permmenu li:first-child
{
  border-left:                          0px;
}

#sitemenu li img
{
  float:                                left;
  vertical-align:                       middle;
}

#sitemenu li.flag img
{
  margin:                               3px 5px 4px 0px;
}

#sitemenu li a,
#permmenu li a
{
  color:                                #999999;
  text-decoration:                      none;
}

#sitemenu li a:hover,
#sitemenu li a:active,
#sitemenu li a.selected
{
  color:                                #999999;
}

#search-box
{
  float:                                left;
}

#keyword,
#keyword2
{
  border:                               #E7E7E7 solid 1px;
  width:                                131px;
}

#icon-print
{
  cursor:                               pointer;
  display:                              none;
}


/**
 * mainmenu
 */
#mainmenu
{
  border-top:                           #CFD9EA solid 1px;
  border-bottom:                        #CFD9EA solid 1px;
  margin:                               0px;
  padding:                              0px;
  width:                                260px;
}

#mainmenu li
{
  border-top:                           #CFD9EA solid 1px;
  font-size:                            125%;
  font-weight:                          bold;
  list-style-image:                     none;
  list-style-type:                      none;
  margin:                               0px;
  padding:                              0px;
}

#mainmenu li:first-child
{
  border-top:                           0px;
}

#mainmenu li a
{
  color:                                #003399;
  display:                              block;
  font-weight:                          bold;
  text-decoration:                      none;
  text-transform:                       uppercase;
}

#mainmenu li a span
{
  background-image:                     url(img/bg.mainmenu-item-link.gif);
  background-position:                  6px 50%;
  background-repeat:                    no-repeat;
  display:                              block;
  padding:                              9px 15px 9px 30px;
}

#mainmenu li a:hover span,
#mainmenu li a.selected span
{
  background-image:                     url(img/bg.mainmenu-item-link.selected.gif);
}

#mainmenu li a.opened span
{
  background-image:                     url(img/bg.mainmenu-item-link.opened.gif);
}

#mainmenu ul
{
  border-top:                           #CFD9EA solid 1px;
  padding:                              0px 0px 0px 22px;
  white-space:                          nowrap;
}

#mainmenu ul li
{
  border-top:                           #CFD9EA dotted 1px;
  font-size:                            86.7%;
  white-space:                          normal;
}

#mainmenu ul li.selected
{
  border-top:                           0px;
}

#mainmenu ul li a.selected
{
  background-image:                     url(img/bg.submenu-item.selected.gif);
  background-position:                  0% 100%;
  background-repeat:                    repeat-x;
  font-weight:                          bold;
}

#mainmenu ul li a span
{
  background-image:                     url(img/bg.submenu-item-link.gif);
  background-position:                  6px 1em;
  padding:                              10px 15px 10px 22px;
}

#mainmenu ul li a:hover span,
#mainmenu ul li a.selected span
{
  background-image:                     url(img/bg.submenu-item-link.selected.gif);
}

#mainmenu ul li a.opened span
{
  background-image:                     url(img/bg.submenu-item-link.opened.gif);
}

#mainmenu ul li a
{
  font-weight:                          normal;
  text-transform:                       none;
}

#mainmenu ul ul
{
  border-top:                           0px;
  margin:                               .7em 0px;
}

#mainmenu ul ul li
{
  border:                               0px;
  font-size:                            84.6%;
}

#mainmenu ul ul li a
{
  padding:
}

#mainmenu ul ul li a.selected
{
  background-image:                     none;
  font-weight:                          normal;
}

#mainmenu ul ul li a span
{
  background-image:                     none;
  padding:                              2px 15px 2px 11px;
}

#mainmenu ul ul li a.selected span,
#mainmenu ul ul li a:hover span
{
  background-image:                     url(img/bg.submenu2-item-link.selected.gif);
  background-position:                  3px 50%;
}


/**
 * footer menu
 */
#footer
{
  background-image:                     url(img/logo.footer.gif);
  background-position:                  149px 0px;
  background-repeat:                    no-repeat;
  background-color:                     #EEEEEE;
  color:                                #999999;
  font-size:                            91.7%;
  overflow:                             hidden;
  padding:                              20px 14px 20px 310px;
  position:                             relative;
}

#footer p
{
  bottom:                               4px;
  right:                                20px;
  margin:                               0px;
  position:                             absolute;
  white-space:                          nowrap;
}

#footer ul
{
  float:                                left;
  margin:                               0px;
  padding:                              0px;
  width:                                200px;
}

#footer ul li
{
  list-style-image:                     none;
  list-style-type:                      none;
  margin:                               0px;
  padding:                              0px;
  text-indent:                          -1em;
}

#footer ul li a
{
  color:                                #999999;
  text-decoration:                      none;
}

#footer ul li a:hover,
#footer ul li a:active,
#footer ul li a.selected
{
  color:                                #999999;
}


/**
 * list items
 */
div.list-item
{
  margin:                               2em 0px 1em;
  overflow:                             hidden;
  width:                                100%;
}

div.list-item h2
{
  font-size:                            120%;
  font-weight:                          normal;
  line-height:                          100%;
  margin:                               0px 0px .5em;
}

div.list-item h2 a
{
  color:                                #333333;
  text-decoration:                      none;
}

div.list-item h2 a:hover
{
  color:                                #8DD1E3;
  text-decoration:                      none;
}

div.list-item h2 .date
{
  color:                                #999999;
  font-size:                            11px;
  font-weight:                          normal;
}

div.list-item h2 + p
{
  margin-top:                           0px;
}

.more-link
{
  border-left:                          #8DD1E3 solid 1px;
  color:                                #999999;
  text-decoration:                      none;
}


/**
 * search
 */
.search-results
{
  border-top:                           #CFD9EA solid 1px;
}


/**
 * news item
 */
.news-item img.news-item-image
{
  float:                                right;
  margin-left:                          20px;
}


/**
 * feature box
 */
.feature-box
{
  font-size:                            91.7%;
  margin-bottom:                        20px;
}

.feature-box-heading
{
  overflow:                             hidden;
}

.feature-box h2
{
  background-color:                     #DDE5F0;
  background-image:                     url(img/bg.feature-box.title.gif);
  background-position:                  0px 0px;
  background-repeat:                    repeat-x;
  border-color:                         #CFD9EA;
  border-style:                         solid;
  border-width:                         1px 1px 0px;
  font-size:                            100%;
  margin:                               0px;
  padding:                              2px 15px 2px 15px;
}

.feature-box-content
{
  border:                               #CFD9EA solid 1px;
  overflow:                             hidden;
  padding:                              10px 15px 5px;
}

.feature-box-content p
{
  margin:                               0px 0px 10px;
}

.feature-box-right-image
{
  float:                                right;
  margin-left:                          20px;
}

.feature-box-left-image
{
  float:                                left;
  margin-right:                         20px;
}

.feature-box-content a
{
  font-weight:                          bold;
}

/**
 * pager
 */
.pager
{
  margin:                               0px;
  overflow:                             hidden;
  padding:                              0px;
  text-align:                           center;
}

#column-center ul.pager li
{
  background-image:                     none;
  display:                              inline;
  list-style-type:                      none;
  margin:                               0px;
  padding:                              0px;
}

.pager li a
{
  border-left:                          #CCCCCC solid 1px;
  padding:                              0px 4px;
}

.pager li a.first-item
{
  border-left:                          0px;
}

.pager li a.selected
{
  font-size:                            110%;
  font-weight:                          bold;
}

.pager li a.prev
{
  border:                               0px;
}

.pager li a.next
{
}

.pager li img
{
  margin:                               0px 15px;
  vertical-align:                       middle;
}

.pager li.inactive
{
  opacity:                              .5;
}


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

#column-center #sitemap ul 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;
}


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

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

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

.hilite-box img
{
  vertical-align:                       middle;
}

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

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

input.text,
textarea
{
  border:                               #CFD9EA solid 1px;
  width:                                195px;
}

fieldset
{
  border:                               #CFD9EA solid 1px;
}

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

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


p.message textarea
{
  width:                                425px;
}

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

#captcha-box
{
  width:                                430px;
}

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

input.submit
{
  background-color:                     transparent;
  border:                               0px;
  color:                                #003399;
  font-weight:                          bold;
  padding:                              0px;
  text-align:                           left;
  width:                                auto;
}


/**
 * video
 */
#player
{
  background-image:                     url(img/bg.teaser.jpg);
  background-repeat:                    no-repeat;
  background-position:                  0px 0px;
  height:                               301px;
  margin:                               0px auto;
  padding:                              47px 65px 48px 66px;
  width:                                535px;
}

#playlist
{
  border:                               #CFD9EA solid 1px;
  font-size:                            11px !important;
  height:                               140px;
  line-height:                          125%;
  margin:                               18px auto;
  padding-top:                          10px;
  overflow:                             auto;
  width:                                660px;
}

#playlist-items
{
  height:                               120px;
}

.playlist-item
{
  background-image:                     url(img/bg.playlist-item.gif);
  background-position:                  0px 0px;
  background-repeat:                    repeat-y;
  float:                                left;
  height:                               120px;
  width:                                208px;
}

.playlist-item:first-child
{
  background-image:                     none;
}

.playlist-item-image
{
  height:                               67px;
  margin:                               7px auto;
  text-align:                           center;
  width:                                117px;
}

.playlist-item-image img
{
  border:                               #CFD9EA solid 1px;
}

.playlist-item-label
{
  text-align:                           center;
}

.playlist-item-label a
{
  color:                                #003399;
  font-weight:                          bold;
}


/**
 * FAQ
 */
h2.faq-category
{
  border-bottom:                        #CFD9EA solid 1px;
  color:                                #666666;
  font-size:                            100%;
  margin-top:                           40px;
  margin-bottom:                        0px;
  padding-bottom:                       .5em;
}

dl.faq-items dt.toggler
{
  background-image:                     url(img/bg.list-item.gif);
  background-position:                  0px .3em;
  background-repeat:                    no-repeat;
  cursor:                               pointer;
  margin:                               0px 0px 1.25em 0px;
  padding-left:                         18px;
}

dl.faq-items dt.toggler.opened
{
  background-image:                     url(img/bg.list-item.selected.gif);
}

dl.faq-items dd
{
  font-size:                            91.7%;
  line-height:                          125%;
  margin:                               0px 0px 1.25em;
  padding-left:                         18px;
}


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

div.hr hr
{
  display:                              none;
}

.search-results h2
{
  margin:                               40px 0px 5px;
}

.search-result
{
  border-top:                           #CFD9EA solid 1px;
}

.search-result h3
{
  font-size:                            100%;
}

.search-result h3 .subtitle
{
  color:                                #999999;
  font-size:                            90%;
}

.search-result a
{
  font-size:                            80%;
  font-weight:                          bold;
}

.pager
{
  border-top:                           #CFD9EA solid 1px;
  font-size:                            90%;
  text-align:                           center;
}

.product-item
{
  background-image:                     url(img/bg.product.gif);
  background-position:                  0% 100%;
  background-repeat:                    repeat-x;
  margin:                               25px 0px;
  padding-bottom:                       1em;
  overflow:                             hidden;
  width:                                100%;
}

.product-item-image
{
  float:                                left;
  text-align:                           center;
  width:                                160px;
}

.product-item-description
{
  margin-left:                          160px;
  padding-right:                        25px;
}

.product-item-description h2
{
  color:                                #003399;
  font-size:                            150%;
  font-weight:                          normal;
  margin-top:                           0px;
}

.product-item-description h2 .subheading
{
  color:                                #666666;
  font-size:                            66.6%;
  font-weight:                          bold;
}

.product-item-ingredients
{
  font-size:                            75%;
}

.product-item-ingredients-heading
{
  font-weight:                          normal;
  margin-bottom:                        0px;
}

.product-item-ingredients-heading .toggler
{
  background-image:                     url(img/icon.toggler.gif);
  background-position:                  0px 0px;
  background-repeat:                    no-repeat;
  display:                              block;
  float:                                left;
  height:                               14px;
  margin-right:                         7px;
  width:                                14px;
}

.product-item-ingredients-heading.opened .toggler
{
  background-position:                  0px -14px;
}

.product-item-ingredients-content p
{
  margin-bottom:                        0px;
}

.product-item-ingredients-content p:first-child
{
  margin-top:                           0px;
}

.product-finder-items
{
}

.finder-items.js
{
  margin-top:                           2em;
  padding-bottom:                       20px;
}

.product-finder-item
{
  background-image:                     url(img/bg.finder-items.gif);
  background-position:                  0% 100%;
  background-repeat:                    repeat-x;
  padding-bottom:                       20px;
  width:                                440px;
}

.product-finder-item.js
{
  display:                              none;
}

.product-finder-item.js:first-child
{
  display:                              block;
}

.product-finder-item-image
{
  height:                               150px;
  padding:                              10px 0px;
  text-align:                           center;
  vertical-align:                       bottom;
  width:                                440px;
}

.product-finder-item-label,
.product-finder-item-description
{
  font-size:                            100%;
  font-weight:                          bold;
  text-align:                           center;
  width:                                440px;
}

.product-finder-item-label .description,
.product-finder-item-description
{
  font-weight:                          normal;
}

.finder-items-wrapper
{
  padding:                              0px;
  position:                             relative;
  width:                                440px;
}

.finder-items
{
  overflow:                             hidden;
  position:                             relative;
  width:                                440px;
}

.finder-items .finder-item
{
/*  position:                             absolute;*/
  z-index:                              10;
}

.finder-items .finder-item.last-selected
{
  z-index:                              11;
}

.finder-items .finder-item.selected
{
  display:                              block;
  z-index:                              12;
}

.finder-item-prev
{
  cursor:                               pointer;
  display:                              block;
  left:                                 8px;
  padding:                              10px;
  position:                             absolute;
  top:                                  65px;
  z-index:                              13;
}

.finder-item-next
{
  cursor:                               pointer;
  display:                              block;
  padding:                              10px;
  position:                             absolute;
  right:                                8px;
  top:                                  65px;
  z-index:                              13;
}


/**
 * downloads
 */
ul.downloads
{
  border:                               #CFD9EA solid 1px;
  margin:                               0px 0px 10px;
  padding:                              10px;
}

ul.downloads li
{
  margin-bottom:                        1em;
}

ul.downloads p
{
  margin:                               .5em 0px 0px;
}

ul.downloads p:first-child
{
  margin:                               0px;
}


/**
 * Misc
 */
img.product-image-upright
{
  float:                                right;
  margin:                               18px 25px;
}

.hidden
{
  display:                              none;
}