/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}
/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}
/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
/*
 * Addresses margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}
/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}
h3 {
  font-size: 1.17em;
  margin: 1em 0;
}
h4 {
  font-size: 1em;
  margin: 1.33em 0;
}
h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}
h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}
/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}
/*
 * Addresses styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/*
 * Addresses margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0;
}
/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/*
 * Addresses CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}
/*
 * Addresses `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none;
}
/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
/*
 * Addresses paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}
/*
 * Corrects list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}
/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}
/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}
/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}
/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}
/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default;
}
/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}
/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
 * Removes inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
 * jQuery Nivo Slider v2.6
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
/* The Nivo Slider styles */
.nivoSlider {
  position: relative;
}
.nivoSlider img {
  position: absolute;
  top: 0px;
  left: 0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  z-index: 6;
  display: none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
  display: block;
  position: absolute;
  z-index: 5;
  height: 100%;
}
.nivo-box {
  display: block;
  position: absolute;
  z-index: 5;
}
/* Caption styles */
.nivo-caption {
  bottom: -25px;
  color: #D30A11;
  left: 0;
  opacity: 0.8;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 8;
}
.nivo-caption p {
  padding: 5px;
  margin: 0;
}
.nivo-caption a {
  display: inline !important;
}
.nivo-html-caption {
  display: none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
  position: absolute;
  top: 45%;
  z-index: 9;
  cursor: pointer;
}
.nivo-prevNav {
  left: 0px;
}
.nivo-nextNav {
  right: 0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
  position: relative;
  z-index: 9;
  cursor: pointer;
}
.nivo-controlNav a.active {
  font-weight: bold;
}
.stage-list > *:first-child ~ a {
  display: none;
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1104;
  display: none;
}
#fancybox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url(/resrc/FaberCastell/js/fancybox/fancybox.png);
}
#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
  display: none;
}
#fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none;
}
#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  z-index: 1101;
  outline: none;
  display: none;
}
#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
}
#fancybox-content {
  width: 0;
  height: 0;
  padding: 0;
  outline: none;
  position: relative;
  overflow: hidden;
  z-index: 1102;
  border: 0px solid #fff;
}
#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1101;
}
#fancybox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background: transparent url(/resrc/FaberCastell/js/fancybox/fancybox.png) -40px 0px;
  cursor: pointer;
  z-index: 1103;
  display: none;
}
#fancybox-error {
  color: #444;
  font: normal 12px/20px Arial;
  padding: 14px;
  margin: 0;
}
#fancybox-img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  line-height: 0;
  vertical-align: top;
}
#fancybox-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
#fancybox-left,
#fancybox-right {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: none;
  background: transparent url(/resrc/FaberCastell/js/fancybox/blank.gif);
  z-index: 1102;
  display: none;
}
#fancybox-left {
  left: 0px;
}
#fancybox-right {
  right: 0px;
}
#fancybox-left-ico,
#fancybox-right-ico {
  position: absolute;
  top: 50%;
  left: -9999px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  z-index: 1102;
  display: block;
}
#fancybox-left-ico {
  background-image: url(/resrc/FaberCastell/js/fancybox/fancybox.png);
  background-position: -40px -30px;
}
#fancybox-right-ico {
  background-image: url(/resrc/FaberCastell/js/fancybox/fancybox.png);
  background-position: -40px -60px;
}
#fancybox-left:hover,
#fancybox-right:hover {
  visibility: visible;
  /* IE6 */
}
#fancybox-left:hover span {
  left: 20px;
}
#fancybox-right:hover span {
  left: auto;
  right: 20px;
}
.fancybox-bg {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  width: 20px;
  height: 20px;
  z-index: 1001;
}
#fancybox-bg-n {
  top: -20px;
  left: 0;
  width: 100%;
  background-image: url(/resrc/FaberCastell/js/fancybox/fancybox-x.png);
}
#fancybox-bg-ne {
  top: -20px;
  right: -20px;
  background-image: url(/resrc/FaberCastell/js/fancybox/fancybox.png);
  background-position: -40px -162px;
}
#fancybox-bg-e {
  top: 0;
  right: -20px;
  height: 100%;
  background-image: url(/resrc/FaberCastell/js/fancybox/fancybox-y.png);
  background-position: -20px 0px;
}
#fancybox-bg-se {
  bottom: -20px;
  right: -20px;
  background-image: url(/resrc/FaberCastell/js/fancybox/fancybox.png);
  background-position: -40px -182px;
}
#fancybox-bg-s {
  bottom: -20px;
  left: 0;
  width: 100%;
  background-image: url(/resrc/FaberCastell/js/fancybox/fancybox-x.png);
  background-position: 0px -20px;
}
#fancybox-bg-sw {
  bottom: -20px;
  left: -20px;
  background-image: url(/resrc/FaberCastell/js/fancybox/fancybox.png);
  background-position: -40px -142px;
}
#fancybox-bg-w {
  top: 0;
  left: -20px;
  height: 100%;
  background-image: url(/resrc/FaberCastell/js/fancybox/fancybox-y.png);
}
#fancybox-bg-nw {
  top: -20px;
  left: -20px;
  background-image: url(/resrc/FaberCastell/js/fancybox/fancybox.png);
  background-position: -40px -122px;
}
#fancybox-title {
  font-family: Helvetica;
  font-size: 12px;
  z-index: 1102;
}
.fancybox-title-inside {
  padding-bottom: 10px;
  text-align: center;
  color: #333;
  background: #fff;
  position: relative;
}
.fancybox-title-outside {
  padding-top: 10px;
  color: #fff;
}
.fancybox-title-over {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFF;
  text-align: left;
}
#fancybox-title-over {
  padding: 10px;
  background-image: url(/resrc/FaberCastell/js/fancybox/fancy_title_over.png);
  display: block;
}
.fancybox-title-float {
  position: absolute;
  left: 0;
  bottom: -20px;
  height: 32px;
}
#fancybox-title-float-wrap {
  border: none;
  border-collapse: collapse;
  width: auto;
}
#fancybox-title-float-wrap td {
  border: none;
  white-space: nowrap;
}
#fancybox-title-float-left {
  padding: 0 0 0 15px;
  background: url(/resrc/FaberCastell/js/fancybox/fancybox.png) -40px -90px no-repeat;
}
#fancybox-title-float-main {
  color: #FFF;
  line-height: 29px;
  font-weight: bold;
  padding: 0 0 3px 0;
  background: url(/resrc/FaberCastell/js/fancybox/fancybox-x.png) 0px -40px;
}
#fancybox-title-float-right {
  padding: 0 0 0 15px;
  background: url(/resrc/FaberCastell/js/fancybox/fancybox.png) -55px -90px no-repeat;
}
/* IE6 */
.fancybox-ie6 #fancybox-close {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resrc/FaberCastell/js/fancybox/fancy_close.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-left-ico {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resrc/FaberCastell/js/fancybox/fancy_nav_left.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-right-ico {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resrc/FaberCastell/js/fancybox/fancy_nav_right.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-title-over {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resrc/FaberCastell/js/fancybox/fancy_title_over.png', sizingMethod='scale');
  zoom: 1;
}
.fancybox-ie6 #fancybox-title-float-left {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resrc/FaberCastell/js/fancybox/fancy_title_left.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-title-float-main {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resrc/FaberCastell/js/fancybox/fancy_title_main.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-title-float-right {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resrc/FaberCastell/js/fancybox/fancy_title_right.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-bg-w,
.fancybox-ie6 #fancybox-bg-e,
.fancybox-ie6 #fancybox-left,
.fancybox-ie6 #fancybox-right,
#fancybox-hide-sel-frame {
  height: expression(this.parentNode.clientHeight + 'px');
}
#fancybox-loading.fancybox-ie6 {
  position: absolute;
  margin-top: 0;
  top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}
#fancybox-loading.fancybox-ie6 div {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resrc/FaberCastell/js/fancybox/fancy_loading.png', sizingMethod='scale');
}
/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg {
  background: transparent !important;
}
.fancybox-ie #fancybox-bg-n {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resrc/FaberCastell/js/fancybox/fancy_shadow_n.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-ne {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resrc/FaberCastell/js/fancybox/fancy_shadow_ne.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-e {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resrc/FaberCastell/js/fancybox/fancy_shadow_e.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-se {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resrc/FaberCastell/js/fancybox/fancy_shadow_se.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-s {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resrc/FaberCastell/js/fancybox/fancy_shadow_s.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-sw {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resrc/FaberCastell/js/fancybox/fancy_shadow_sw.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-w {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resrc/FaberCastell/js/fancybox/fancy_shadow_w.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-nw {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resrc/FaberCastell/js/fancybox/fancy_shadow_nw.png', sizingMethod='scale');
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative;
}
.jspPane {
  position: absolute;
}
.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 100%;
  background: red;
}
.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: red;
}
.jspVerticalBar *,
.jspHorizontalBar * {
  margin: 0;
  padding: 0;
}
.jspCap {
  display: none;
}
.jspHorizontalBar .jspCap {
  float: left;
}
.jspTrack {
  background: #dde;
  position: relative;
}
.jspDrag {
  background: #bbd;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}
.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
}
.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d;
}
.jspVerticalBar .jspArrow {
  height: 16px;
}
.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%;
}
.jspVerticalBar .jspArrow:focus {
  outline: none;
}
.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0;
}

.icon {
  display: inline-block;
  vertical-align: middle;
}
.text,
h1,
h2,
h3,
h4,
h5 {
  letter-spacing: 0.04em;
}
.text {
  line-height: 14px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
}
h1,
h2,
h3 {
  color: #002e27;
  font-weight: normal;
}
h1 {
  font-size: 30px;
  margin-bottom: 20px;
  font-family: Times New Roman;
  line-height: 34px;
}
h2 {
  font-size: 24px;
  margin-bottom: 16px;
  font-family: Arial;
  line-height: 30px;
}
h3 {
  font-size: 18px;
  font-family: Arial;
  margin-bottom: 6px;
  line-height: 24px;
}
h4 {
  margin-bottom: 10px;
  font-size: 14px;
  font-family: Arial;
  font-weight: bold;
  line-height: 18px;
}
.search-box * {
  font-size: 12px;
  height: 18px;
}
.search-box label {
  margin-right: 8px;
  color: #818181;
  vertical-align: middle;
}
.search-box input {
  vertical-align: middle;
}
.search-box input[type='text'] {
  background-color: #FFFFFF;
  border-width: 0;
  float: right;
  font-size: 11px;
  height: 18px;
  outline: 0 none;
  padding: 1px 10px;
  width: 129px;
  letter-spacing: 0.04em;
}
.search-box .search-box-button {
  background-color: #FFFFFF;
  border: 0 none;
  cursor: pointer;
  font-size: 11px;
  height: 20px;
  line-height: 18px;
  padding: 0;
  float: left;
}
.search-box input[type='submit'] {
  background-color: #FFFFFF;
  border: 0 none;
  cursor: pointer;
  font-size: 11px;
  height: 20px;
  line-height: 18px;
  padding: 0;
  float: left;
}
.header .search-box {
  position: absolute;
  right: 10px;
  top: 127px;
  width: 170px;
  z-index: 1;
}
.header .search-box .overlay {
  color: #a7a7a7;
  font-size: 11px;
  left: 21px;
  position: absolute;
  top: 3px;
  display: none;
}
/* pager */
.pager ul {
  list-style: none;
  text-align: right;
}
.pager li {
  display: inline;
}
.pager a {
  vertical-align: bottom;
}
.pager a.icon {
  display: inline-block;
}
.pager ul li,
.pager ul li a,
.pager span {
  font-size: 11px;
}
.pager ul li a {
  text-decoration: none;
  margin: 0 4px;
}
.pager ul li.selected,
.pager ul li a:hover {
  font-weight: bold;
}
.news-overview .pager {
  background-color: #FAF7ED;
  border: 0 none;
  height: 22px;
  margin: 0 0 20px 0;
  padding-right: 4px;
  padding-top: 12px;
}
.news-overview .pager ul {
  line-height: 1em;
  margin: 0;
  padding-left: 0;
}
.news-overview .pager ul li a {
  color: #002E27;
}
/* product */
.socials-share,
.socials-more {
  float: left;
}
.socials-share {
  margin-right: 9px;
}
.socials-more {
  margin-left: 10px;
}
.like-button {
  margin-bottom: 15px;
}
.wishlist {
  list-style: none outside none;
  padding-bottom: 5px;
  padding-top: 8px;
  width: 100%;
  font-size: 0px;
}
.wishlist li {
  display: inline-block;
  margin-bottom: 7px;
  margin-left: 15px;
}
.wishlist li:first-child {
  margin-left: 0px;
}
.wishlist li .icon {
  width: 14px;
  height: 13px;
  background-position: -192px 0px;
}
.wishlist li .text {
  display: inline-block;
  line-height: 17px;
  vertical-align: middle;
  padding-left: 5px;
}
.wishlist li a {
  color: #c4a06d;
  font-size: 12px;
  text-decoration: none;
  cursor: pointer;
}
.wishlist li a.add-to-link-button:hover {
  color: #8f6d3c;
}
.wishlist li input[type=submit] {
  border: none;
  background-color: transparent;
  padding-right: 0px;
  line-height: 17px;
  font-size: 12px;
  vertical-align: middle;
  padding-left: 5px;
  cursor: pointer;
  color: #c4a06d;
}
.wishlist li a.add-to-link-button {
  display: none;
}
.coming-soon-badge {
  background-color: #9A9A9A;
  color: white;
  float: right;
  padding: 10px 28px;
}
.add-to-cart {
  background-color: #FC7203;
  color: white;
  cursor: pointer;
  float: right;
  padding: 4px 10px 3px 3px;
  text-decoration: none;
}
.add-to-cart .faber-castell-sprites-basket-white {
  display: inline-block;
  vertical-align: middle;
}
.add-to-cart .text {
  font-family: Arial;
  font-size: 12px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  max-width: 90px;
  text-align: center;
}
.add-to-cart div {
  float: left;
  color: white;
}
.add-to-cart .left {
  background-position: -50px -434px;
}
.add-to-cart .right {
  background-position: -50px -484px;
}
.add-to-cart .left,
.add-to-cart .right {
  width: 38px;
  height: 23px;
}
.shopping-cart-online {
  background-color: #FC7203;
  cursor: pointer;
  display: none;
  float: right;
  font-size: 0;
  text-decoration: none;
}
.shopping-cart-online .text,
.shopping-cart-online .faber-castell-sprites-shopping-cart-online {
  display: inline-block;
  vertical-align: middle;
}
.shopping-cart-online .text {
  color: white;
  font-family: Arial;
  font-size: 12px;
  max-width: 64px;
  padding: 0px 40px 0px 20px;
  text-align: center;
}
.shoplist {
  list-style: none;
  margin: 0 0 0 -10px;
  padding: 0;
}
.shoplist li {
  display: inline;
  margin-left: 10px;
  vertical-align: top;
}
.shoplist li img {
  height: 65px;
  max-width: 135px;
}
.deep-link {
  border: 1px solid #d8d8d8;
  display: inline-block;
  font-size: 0;
  height: 65px;
  margin-bottom: 10px;
  max-width: 135px;
}

/* *** Main Layout *** */
html {
  width: 100%;
  height: 100%;
}
body {
  /*font-family: Arial,Helvetica,Sans-Serif;*/
  font-family: Arial;
  font-size: 12px;
  height: 100%;
}
body.intro-page {
  display: block;
}
body.history #content,
body.history-entry #content {
  padding-top: 42px;
}
body.history-entry header,
body.history-entry #content,
body.intro-page header,
body.intro-page #content,
body.home header,
body.home #content,
body.history header,
body.history #content {
  background-color: #002e27;
}
body.intro-page .redline #content {
  background-color: #e20026;
}
body.intro-page .redline header {
  background-color: #e20026;
}
body.intro-page .creative-studio #content {
  background-color: #00437c;
}
body.intro-page .creative-studio header {
  background-color: #00437c;
}
body.product #content {
  padding-top: 49px;
}
/* title and description */
body.product-list .grid2 .title-and-description:not(.overview-header) {
  padding-right: 20px;
  width: auto;
}
body.product-list .title-and-description,
body.default-page-with-image-title .title-and-description {
  margin-bottom: 0;
  padding-bottom: 0;
}
body.product-list .title-and-description.overview-header,
body.default-page-with-image-title .title-and-description.overview-header {
  margin-bottom: 17px;
  padding-bottom: 10px;
  padding-top: 10px;
}
body.product-list .title-and-description.overview-header h1 + div,
body.default-page-with-image-title .title-and-description.overview-header h1 + div {
  margin-bottom: 0;
  letter-spacing: 0.04em;
}
/* overlay */
body.product-list .overview-header .overlay,
body.default-page-with-image-title .overview-header .overlay {
  margin: 0 10px 0 0;
  padding: 3px 10px 0 10px;
}
body.product-list .overview-header .overlay .overlay-header,
body.product-list .overview-header .overlay .overlay-footer,
body.default-page-with-image-title .overview-header .overlay .overlay-header,
body.default-page-with-image-title .overview-header .overlay .overlay-footer {
  height: 0;
}
body.product-list .overlay-content,
body.default-page-with-image-title .overlay-content {
  padding-bottom: 7px;
}
/* search */
body.search header .stage-list > a {
  display: inline-block;
  height: 100%;
  width: 100%;
}
body.search #content .search-box {
  margin-bottom: 20px;
  padding: 0 20px;
}
body.search #content .search-box label {
  color: #002e27;
  margin-right: 12px;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
}
body.search #content .search-box input[type="text"] {
  border: 1px solid #d1d1d1;
  float: none;
  font-size: 14px;
  height: 13px;
  margin-right: 9px;
  outline: 0 none;
  padding: 11px 16px;
  width: 189px;
  font-weight: bold;
  line-height: 18px;
  color: #002e27;
}
body.search #content .search-box input[type="submit"] {
  float: none;
  text-indent: -19999px;
}
body.search .no-results-found {
  padding: 0 20px;
}
body.search .items-per-page ul {
  margin-bottom: 12px;
}
form {
  background-repeat: repeat-x;
  position: relative;
}
p {
  margin-top: 0;
}
sup {
  vertical-align: super;
  top: 0;
}
#mainform {
  width: 100%;
  min-height: 100%;
}
#mainwrapper {
  margin: 0 auto;
  position: relative;
  width: 960px;
  padding-top: 60px;
}
#mainform {
  background-color: #002e27;
  background-repeat: no-repeat;
  background-position: center top;
}
#content {
  background-color: #fff;
  margin-bottom: 16px;
  padding-top: 44px;
}
.green #content {
  background-color: #002e27;
}
header,
section,
footer,
nav {
  display: block;
}
header {
  background-color: #fff;
  position: relative;
  min-height: 155px;
  z-index: 1200;
}
section,
footer {
  margin: 0 auto;
}
section {
  width: 960px;
}
footer {
  width: 960px;
}
.center {
  height: 100%;
  display: table;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.clear-both {
  clear: both;
  height: 0px;
}
.textgray12,
a,
a:hover {
  color: #282828;
}
.header {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1000;
  top: -30px;
}
.header .home {
  display: inline-block;
  font-size: 0;
  margin-bottom: 15px;
}
.full-content {
  position: relative;
  width: 960px;
}
.grid1,
.grid2,
.grid3 {
  float: left;
  vertical-align: top;
}
.grid1 {
  width: 220px;
}
.grid2 {
  min-width: 446px;
}
.grid3 {
  width: 220px;
}
/* title and description */
.title-and-description {
  color: #666;
  font-size: 12px;
  width: 100%;
  padding-top: 12px;
}
.grid2 .title-and-description {
  padding-top: 17px;
}
.shopping-cart .grid2 .title-and-description h1 {
  padding-left: 20px;
}
.title-and-description h1 {
  margin-bottom: 11px;
}
.title-and-description h1 + div {
  line-height: 14px;
  margin-bottom: 20px;
}
.title-and-description h2 {
  margin-bottom: 12px;
  margin-top: 30px;
}
.title-and-description div ul {
  list-style: disc inside none;
}
.title-and-description div ol,
.title-and-description div ul,
.title-and-description div p {
  margin-top: 15px;
}
.title-and-description div ol:first-child,
.title-and-description div ul:first-child,
.title-and-description div p:first-child {
  margin-top: 0px;
}
.title-and-description div p {
  margin-bottom: 0;
}
.title-and-description div.VideoWrapper {
  background-color: #fff;
  border: 1px solid #dbdbdb;
  padding: 13px 15px;
}
.title-and-description span {
  display: inline-block;
  vertical-align: top;
  word-wrap: break-word;
  line-height: 14px;
}
.title-and-description span.video {
  margin-top: 2px;
  margin-right: 14px;
}
/* *** Fat Footer *** */
.fat-footer {
  background-position: -961px 0;
  padding: 20px 20px 9px;
}
.fat-footer a,
.fat-footer a .text {
  font-size: 14px;
  line-height: 18px;
  color: #F9F5E9;
}
.fat-footer .multi-column,
.fat-footer .multi-column > div {
  display: inline-block;
}
.fat-footer .multi-column > div {
  width: 215px;
  vertical-align: top;
  margin-left: 20px;
}
.fat-footer .multi-column > div:first-child {
  margin-left: 0;
}
.fat-footer .multi-column > div > div {
  margin-bottom: 18px;
}
.fat-footer .multi-column > div > div > ul {
  list-style: none outside none;
  padding-left: 0;
  margin-top: 0;
}
.fat-footer .multi-column > div > div > a {
  display: inline-block;
}
.fat-footer .multi-column > div > div > div,
.fat-footer .multi-column > div > div > a,
.fat-footer .multi-column > div > div > ul > li,
.fat-footer .multi-column > div > div > ul > li > a {
  text-decoration: none;
}
.fat-footer .multi-column > div > div {
  letter-spacing: 0.04em;
}
.fat-footer .multi-column > div > div > div {
  font-size: 14px;
  line-height: 18px;
  color: #F9F5E9;
}
.fat-footer .multi-column > div > div > div,
.fat-footer .multi-column > div > div > a {
  font-weight: bold;
}
.fat-footer .socials {
  list-style: none outside none;
  vertical-align: top;
  margin-top: 0;
}
.fat-footer .multi-column .socials > li {
  margin-bottom: 17px;
}
.fat-footer .socials > li > a {
  display: inline-block;
  text-decoration: none;
}
.fat-footer .socials .icon,
.socials .text {
  display: inline-block;
  vertical-align: top;
}
.fat-footer .socials .icon {
  margin-right: 13px;
  background: none;
}
.fat-footer .socials .text {
  width: 165px;
  line-height: 18px;
}
.fat-footer .socials .text .title {
  font-weight: bold;
  margin-bottom: 0;
}
.fat-footer .socials .text .description {
  margin-bottom: 0;
}
/* sidebar */
.sidebar {
  margin-bottom: 35px;
  margin-right: 80px;
  width: 204px;
}
.sidebar-list {
  list-style-type: none;
  width: 204px;
}
.sidebar-item,
.sidebar-category {
  padding-left: 25px;
}
.sidebar-item:last-child {
  line-height: 32px;
}
.sidebar-item {
  background-position: 0px -436px;
  cursor: pointer;
}
.sidebar-item:hover {
  background-position: 0px -468px;
}
.sidebar-item > a {
  text-decoration: none;
  color: #c4a06d;
  font-size: 12px;
  line-height: 31px;
}
.sidebar-item:hover > a {
  color: #8f6d3c;
}
/* footer */
.footer {
  padding: 9px 20px 25px 14px;
  float: right;
  color: #818181;
  font-size: 11px;
  line-height: 12px;
  vertical-align: middle;
}
.footer,
.footer ul {
  list-style-type: none;
  padding-bottom: 15px;
}
.footer a {
  color: #F9F5E9;
  text-decoration: none;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 12px;
}
.footer a:hover {
  color: #F9F5E9;
}
.footer-links {
  float: right;
  margin-left: 35px;
}
/* slider */
.events-slider-container,
.rotator-container,
.teaser-slider-container,
.search-slider-container {
  user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}
/* event slider */
.events-slider-container {
  width: 948px;
  padding: 0px 6px 15px 6px;
}
.event > a {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  padding-bottom: 9px;
}
.event > a > img,
.event-text-container {
  padding: 9px;
}
.event > a > img {
  background-position: 0 -621px;
  height: 116px;
}
.event-text-container {
  width: 210px;
  max-height: 120px;
  overflow: hidden;
}
.event-title {
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 3px;
}
.event-text-container > p {
  color: #666666;
  padding: 5px 0px;
  white-space: normal;
  word-wrap: break-word;
}
.event-title,
.event-text-container .text {
  color: #CC9966;
}
.event-text-container .icon {
  background-position: -76px -51px;
  width: 10px;
  height: 10px;
}
.event-text-container .text {
  padding-left: 4px;
  vertical-align: middle;
}
.event > a:hover .event-text-container .text,
.event > a:hover .event-title {
  color: #9c5a1a;
}
.event > a:hover .event-text-container .icon {
  background-position: -76px -61px;
}
.events-slider-container > ul {
  list-style: none outside none;
  margin: 0px 7px;
  padding: 15px 0px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.events-slider-container > ul > li {
  display: inline-block;
  vertical-align: top;
  height: 284px;
}
.events-slider-container > ul > li > a {
  display: block;
}
.events-slider-container > ul > li > a .event-text-container > p {
  white-space: normal;
}
/* search slider */
.search-slider-container {
  margin-bottom: 60px;
  margin-top: 20px;
}
.search-slider-container a {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  background: transparent url(/resrc/FaberCastell/images/transparent.png) repeat left top;
}
.search-slider-container h3,
.search-slider-container p {
  word-wrap: break-word;
  overflow: hidden;
}
.search-slider-container h3 {
  font-size: 12px;
  margin: 0px;
  padding: 10px 0px;
}
.search-slider-container p {
  color: #848484;
  padding: 5px 0px;
}
.search-slider-container > ul {
  list-style: none outside none;
  margin: 0px 20px;
  padding: 15px 0px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.search-slider-container > ul > li {
  display: inline-block;
  vertical-align: top;
  height: 284px;
}
.search-slider-container > ul > li > a {
  display: block;
}
.search-slider-container > ul > li > a .ItemTextContainer > p {
  white-space: normal;
}
/* sites slider */
.teaser-slider-container {
  position: relative;
  width: 100%;
}
.teaser-slider-container > #sites-slider-list {
  height: auto;
  margin: 0;
  position: relative;
  padding: 0;
}
.teaser-slider-container > #sites-slider-list li {
  float: left;
  margin-left: 21px;
}
.teaser-slider-container > #sites-slider-list li:first-child {
  margin-left: 0;
}
.teaser-slider-container > #sites-slider-list li a {
  text-decoration: none;
  width: 306px;
}
.teaser-slider-container > #sites-slider-list li a img {
  margin-bottom: 2px;
}
.teaser-slider-container > #sites-slider-list .description {
  background-color: #F9F5E9;
  border-bottom: 5px solid #f9f5e9;
  height: 38px;
  overflow: hidden;
  padding: 6px 10px 0px 20px;
  width: 276px;
}
.teaser-slider-container > #sites-slider-list .description h4,
.teaser-slider-container > #sites-slider-list .description .tagline {
  color: #002E27;
  width: 276px;
  white-space: normal;
}
.teaser-slider-container > #sites-slider-list .description h4 {
  margin-bottom: 0;
}
.teaser-slider-container > #sites-slider-list .description .tagline {
  font-family: Arial;
  font-size: 14px;
  letter-spacing: 0.04em;
  line-height: 18px;
}
.teaser-container {
  display: none;
  position: relative;
}
.teaser-slider {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 157px;
  min-height: 85px;
  background: transparent url(/resrc/FaberCastell/images/transparent.png) repeat left top;
  z-index: 10599;
  cursor: pointer;
}
.teaser-slider > ul {
  list-style: none outside none;
}
.teaser-slider-description {
  vertical-align: middle;
  text-align: center;
  height: 85px;
  overflow: hidden;
  background-color: transparent;
}
.teaser-slider-description > a {
  display: inline-block;
  cursor: pointer;
  line-height: 14px;
  text-decoration: none;
  word-wrap: break-word;
  overflow: hidden;
  width: 147px;
  padding: 5px;
  height: 75px;
  font-size: 0px;
  line-height: 0px;
}
.teaser-slider-description .Title {
  font-weight: bold;
  margin-bottom: 5px;
}
.teaser-slider-description > a > span {
  display: inline-block;
  vertical-align: middle;
  width: 147px;
}
.teaser-slider-description > a > span.placeholder {
  height: 85px;
  width: 0px;
}
.teaser-slider > ul li {
  line-height: 23px;
  padding-left: 10px;
  cursor: pointer;
}
.teaser-slider > ul li a {
  text-decoration: none;
  font-size: 11px;
}
.teaser-slider-container > ul {
  list-style: none outside none;
  margin: 0px 20px;
  padding: 15px 0px;
  overflow-x: auto;
  overflow-y: hidden;
  height: 114px;
  white-space: nowrap;
}
.teaser-slider-container > ul > li {
  display: inline-block;
}
.teaser-slider-container > ul > li > a {
  display: block;
  font-size: 0px;
}
/* skip previous next for stage & product */
.skip {
  position: absolute;
  top: 50%;
  z-index: 999;
}
.skip.previous {
  left: 0;
}
.skip.next {
  right: 0;
}
.skip > .icon {
  display: block;
  position: relative;
  top: -33px;
  background-color: transparent;
  width: 39px;
  height: 65px;
  vertical-align: middle;
  cursor: pointer;
}
.skip.previous > .icon {
  background-position: -153px -72px;
}
.skip.next > .icon {
  background-position: -190px -72px;
}
/* tabs */
.tabs,
.tabs > ul,
.tabs .last {
  height: 58px;
}
.tabs {
  bottom: -29px;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  white-space: nowrap;
  z-index: 400;
}
.tabs > ul,
.tabs .last {
  display: inline-block;
  vertical-align: top;
}
.tabs > ul > li {
  vertical-align: top;
  float: left;
  position: relative;
  margin-right: 5px;
  cursor: pointer;
  opacity: 0.8;
  filter: alpha(opacity=80);
  background-color: #faf7ed;
  height: auto;
  top: 8px;
}
.tabs .last {
  background-position: 0px -939px;
  width: 58px;
}
.tabs > ul {
  list-style: none;
  margin: 0;
  padding-left: 16px;
}
.tabs > ul > li.selected {
  box-shadow: 0 1px 5px 1px #555555;
  left: -15px;
  position: relative;
  top: 3px;
  z-index: 500;
}
.tabs > ul > li.selected ~ li {
  left: -30px;
}
.tabs > ul > li > a {
  color: #002e27;
  text-decoration: none;
  display: inline-block;
  white-space: normal;
  line-height: 24px;
  padding: 8px 19px 11px;
  font-size: 18px;
}
.tabs > ul > li.selected > a {
  line-height: 15px;
  padding: 17px 34px 19px;
}
.EmptyStageList + .tabs {
  margin-top: 0px;
}
/* site path */
.site-path {
  font-size: 12px;
  line-height: 14px;
  padding-left: 20px;
  padding-bottom: 18px;
}
.site-path > span {
  color: #002e27;
}
.grid2 .site-path {
  padding-left: 0;
}
.site-path > ul {
  list-style: none outside none;
  display: inline;
  padding-left: 0px;
}
.site-path > ul > li {
  color: #002e27;
  display: inline;
  padding-left: 0px;
  padding-right: 0px;
}
.site-path > ul > li a {
  color: #002e27;
  padding-left: 7px;
  padding-right: 7px;
  text-decoration: none;
}
.site-path > ul > li a:hover,
.site-path > ul > li a.selected {
  color: #282828;
}
/* product list overview header */
.overview-header {
  float: left;
}
.overview-header .overlay {
  background-color: #FFFFFF;
  float: right;
  margin: 10px 8px 10px 0;
  opacity: 0.8;
  padding: 0 18px;
  width: 436px;
}
.title-and-description.overview-header .overlay {
  margin-top: 0;
  padding: 0 12px;
  width: 432px;
}
.title-and-description.overview-header .overlay.small {
  width: 297px;
}
.title-and-description.overview-header .overlay .overlay-content div {
  margin-bottom: 0;
}
.title-and-description.overview-header .overlay .overlay-content h1 {
  margin-bottom: 13px;
}
.title-and-description.overview-header .overlay .overlay-footer {
  height: 7px;
}
.overview-header .overlay .overlay-header,
.overview-header .overlay .overlay-content,
.overview-header .overlay .overlay-footer {
  width: 100%;
}
.overview-header .overlay .overlay-header {
  height: 12px;
}
.title-and-description.overview-header .overlay .overlay-header {
  height: 4px;
}
.overview-header .overlay .overlay-footer {
  height: 20px;
}
.overview-header p {
  color: #666;
}
/* back to link */
.back-to {
  margin-bottom: 20px;
}
.back-to a {
  text-decoration: none;
  color: #cf9d61;
}
.back-to a .icon {
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
  background-position: -76px -51px;
  margin-right: 10px;
  display: inline-block;
}
.back-to a:hover .icon {
  background-position: -76px -61px;
}
/* news */
.news-page .tagline {
  margin-bottom: 15px;
  font-size: 10px;
  color: #666;
}
.news-page .tagline span {
  padding: 0px 7px;
  display: inline-block;
  border-left: 1px solid #666;
  line-height: 10px;
}
.news-page .tagline span:first-child {
  padding-left: 0px;
  border-left: 0px solid transparent;
}
.related-news {
  width: 695px;
  margin-top: 45px;
}
/* social media list */
.social-media-list {
  background: white;
  border: 1px solid #e6e6e6;
  height: 30px;
  margin-bottom: 20px;
  margin-top: 35px;
  padding-left: 20px;
  float: right;
}
.social-media-list > div {
  height: 21px;
  margin-top: 4px;
}
.like-buttons {
  list-style: none;
  margin-top: 38px;
  max-width: 135px;
  padding: 0px;
}
.like-buttons li {
  list-style: none;
  margin-left: 0px;
  vertical-align: top;
  margin-bottom: 2px;
}
.product .product-payment .column-left {
  margin-bottom: 30px;
}
.grid1 .teaser,
.grid3 .teaser {
  margin-bottom: 25px;
  display: block;
  top: 0px;
}
.grid1 .teaser:hover,
.grid3 .teaser:hover {
  border-color: #c4c4c4;
}
.grid1 .teaser-title,
.grid3 .teaser-title {
  font-weight: bold;
  margin-bottom: 1px;
}
.grid1 .teaser-title,
.grid1 .teaser-description,
.grid3 .teaser-title,
.grid3 .teaser-description {
  padding-right: 5px;
  letter-spacing: 0.04em;
}
.grid1 .teaser-title,
.grid1 .teaser-description,
.grid1 .teaser-tagline {
  padding-left: 15px;
}
.grid1 .teaser-tagline,
.grid1 .teaser-title,
.grid3 .teaser-tagline,
.grid3 .teaser-title {
  color: #002e27;
  font-family: Arial;
  font-size: 14px;
}
.grid1 .teaser-tagline,
.grid3 .teaser-tagline {
  color: #020202;
  line-height: 18px;
  padding-bottom: 10px;
  word-wrap: break-word;
  letter-spacing: 0.04em;
  padding-right: 5px;
}
.grid1 .teaser-image,
.grid3 .teaser-image {
  margin-bottom: 9px;
}
.grid1 .teaser-description,
.grid3 .teaser-description {
  font-size: 14px;
  line-height: 18px;
  font-family: Arial;
  color: #020202;
  padding-bottom: 10px;
  word-wrap: break-word;
}
.grid1 .teaser-description .more-text,
.grid3 .teaser-description .more-text {
  display: inline-block;
  font-size: 11px;
  font-family: Arial;
  color: #cf9d61;
  padding-left: 5px;
}
.grid1 .teaser-description .icon,
.grid3 .teaser-description .icon {
  margin-top: 0px;
  height: 10px;
  width: 10px;
  margin-right: 5px;
  white-space: nowrap;
}
.grid1 .teaser a:hover .teaser-description .icon,
.grid3 .teaser a:hover .teaser-description .icon {
  background-position: -76px -61px;
}
/* link list */
.grid1 .link-list {
  margin-bottom: 20px;
  margin-left: 15px;
  width: 192px;
}
/* search mask */
.search-results {
  width: 540px;
  margin-bottom: 22px;
}
.search-results .results-list {
  list-style: none outside none;
  width: 540px;
}
.search-results .results-list li {
  padding: 20px;
}
.search-results .results-list li a {
  text-decoration: none;
  display: block;
  color: #cf9d61;
  cursor: pointer;
}
.search-results .results-list .number,
.search-results .results-list .text,
.search-results .results-list .icon-wrapper {
  display: inline-block;
}
.search-results .results-list .number,
.search-results .results-list .text {
  vertical-align: top;
}
.search-results .results-list .number {
  border-right: 1px solid #cf9d61;
  font-weight: bold;
  line-height: 11px;
  padding-right: 5px;
  width: 10px;
}
.search-results .results-list .text {
  width: 462px;
  margin-right: 5px;
  margin-left: 5px;
}
.search-results .results-list .icon-wrapper {
  vertical-align: bottom;
}
.search-results .results-list .icon {
  display: block;
  background: -108px -52px transparent;
  width: 6px;
  height: 12px;
  margin-top: 8px;
  cursor: pointer;
}
.search-results .results-list .icon.selected {
  background-position: -94px -52px;
  width: 12px;
  height: 6px;
}
.search-results .results-list h3 {
  margin: 0px;
  line-height: 12px;
}
.search-results .results-list p {
  font-size: 12px;
  background-color: #e6e6e6;
  color: #000;
  overflow: hidden;
  padding: 5px 0px;
}
.search-results .pager .total-pages {
  vertical-align: top;
}
.search-results .pager {
  margin: 0px;
}
.search-results .pager-content {
  background-color: #FFFFFF;
  border-left: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
  padding-bottom: 12px;
  padding-top: 12px;
}
.search-results .no-results-found {
  margin-top: 22px;
  padding-left: 17px;
  color: #818181;
}
.fancy-counter {
  font-weight: bold;
  display: inline-block;
}
.fancy-title {
  margin-left: 5px;
  display: inline-block;
}
/* country selection */
.country-selection .column {
  display: inline-block;
  margin-left: 11px;
  vertical-align: top;
}
.country-selection .column:first-child {
  margin-left: 0px;
}
.regions {
  list-style: none outside none;
  width: 289px;
  background-color: #fff;
  margin-bottom: 17px;
  padding-bottom: 10px;
}
.regions li {
  line-height: 21px;
  vertical-align: middle;
}
.regions li a {
  text-decoration: none;
  display: block;
}
.regions li a .text {
  display: inline-block;
  line-height: 14px;
  font-size: 11px;
  color: #cf9d61;
}
.regions > li {
  padding-left: 9px;
}
.regions > li > a .icon {
  background-position: -76px -51px;
  width: 10px;
  height: 10px;
}
.regions > li > a:hover .icon {
  background-position: -76px -61px;
}
.regions > li > a:hover .text {
  background-color: #cf9d61;
  color: #fff;
}
.regions > li > a .text {
  margin-left: 6px;
  padding-left: 2px;
  padding-top: 1px;
  width: 262px;
}
.regions li.region {
  margin-bottom: 7px;
  color: #fff;
  font-size: 13px;
  background-position: 0 -32px;
}
.regions > li .languages {
  list-style: none outside none;
  display: block;
}
.regions > li .languages > li {
  height: 16px;
  margin-top: 2px;
}
.regions > li .languages > li a {
  padding-left: 14px;
  line-height: 14px;
  margin-top: 2px;
}
.regions > li .languages > li:hover a {
  background-color: #f7efe4;
}
.regions > li .languages > li > a .icon {
  background-position: -88px -53px;
  width: 4px;
  height: 5px;
}
.regions > li .languages > li > a .text {
  padding-left: 4px;
  width: 242px;
  vertical-align: middle;
}
.corporate-website {
  margin-bottom: 20px;
}
.corporate-website a {
  text-decoration: none;
  color: #cf9d61;
}
.corporate-website a .icon {
  background-position: -76px -51px;
  width: 10px;
  height: 10px;
}
.corporate-website a:hover .icon {
  background-position: -76px -61px;
}
.corporate-website a:hover .text {
  font-size: 12px;
}
.corporate-website a .text {
  padding-left: 8px;
}
/* shopping cart dropdown */
.scroll-pane {
  width: 100%;
  max-height: 350px;
  overflow: auto;
}
.jspPane {
  left: 0px;
}
.jspVerticalBar {
  background: none repeat scroll 0 0 transparent;
  width: 9px;
}
.jspVerticalBar .jspArrow {
  width: 7px;
  height: 6px;
  background-color: #fff;
  margin: 0px 1px;
}
.jspVerticalBar .jspArrow.jspArrowUp {
  background-position: -96px -79px;
}
.jspVerticalBar .jspArrow.jspArrowDown {
  background-position: -96px -86px;
}
.jspVerticalBar .jspCap {
  display: none;
}
.jspTrack {
  background: none repeat scroll 0 0 #fff;
}
.jspDrag {
  background: none repeat scroll 0 0 #002e27;
  border: 1px solid #D1D1D1;
  margin-left: 2px;
  width: 5px;
}
#shoppingcart {
  position: absolute;
  top: 0;
  right: 0;
  background: url('/resrc/FaberCastell/images/sprite.png') no-repeat 0 -868px transparent;
  width: 67px;
  z-index: 100;
  height: 38px;
}
#shoppingcart .shopping-cart-icon {
  display: block;
  height: 18px;
  width: 68px;
}
#shoppingcartdropdownwrapper {
  max-width: 240px;
  position: relative;
  text-align: left;
}
#shoppingcartdropdownwrapper .shopping-cart-dropdown-button {
  background: url('/resrc/FaberCastell/images/sprite.png') no-repeat transparent;
  background-position: 0 -887px;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  display: block;
  text-decoration: none;
}
#shoppingcartdropdownwrapper .shopping-cart-dropdown-button .text {
  color: #ffffff;
  padding-right: 7px;
}
#shoppingcartdropdownwrapper .shopping-cart-dropdown-button .icon {
  background: url('/resrc/FaberCastell/images/sprite.png') no-repeat transparent;
  background-position: -69px -887px;
  height: 6px;
  width: 7px;
}
#shoppingcartdropdownwrapper .shopping-cart-dropdown-button.selected {
  background-position: -68px -868px;
}
#shoppingcartdropdownwrapper .shopping-cart-dropdown-button.selected .text {
  color: #cfac61;
}
#shoppingcartdropdownwrapper .shopping-cart-dropdown-button.selected .icon {
  background-position: -69px -895px;
}
.faber-castell-sprites-shopping-cart-expand #shoppingcartdropdownwrapper .shopping-cart-dropdown-button {
  color: #DEAC61;
}
#shoppingcartdropdown {
  width: 239px;
  position: absolute;
  display: none;
  right: 0;
  color: #6c6c6c;
  z-index: 100;
}
#shoppingcartdropdown .list-wrapper {
  background-color: #fff;
}
#shoppingcartdropdown .list-header {
  height: 32px;
  background: url('/resrc/FaberCastell/images/sprite_x.png') repeat-x 0 -1130px transparent;
  text-align: left;
}
#shoppingcartdropdown .list-header span {
  color: #595958;
  display: inline-block;
  line-height: 13px;
  margin: 10px 9px 0;
}
#shoppingcartdropdown .list-content {
  font-size: 0px;
}
#shoppingcartdropdown .list-content,
#shoppingcartdropdown .list-content ul {
  list-style: none outside none;
  padding-left: 0;
}
#shoppingcartdropdown .list-content ul li {
  border-top: 1px solid #d9d9d9;
  padding-left: 9px;
  padding-right: 15px;
  font-size: 11px;
}
#shoppingcartdropdown .list-content ul li:first-child {
  margin-top: 1px;
  line-height: 21px;
  vertical-align: middle;
  text-align: left;
  padding-right: 10px;
}
#shoppingcartdropdown .list-content ul li:first-child .text {
  padding-right: 7px;
  color: #494848;
}
#shoppingcartdropdown .list-content ul li.last {
  background-color: #e8e8e8;
  padding-bottom: 8px;
  padding-top: 8px;
  font-size: 12px;
}
#shoppingcartdropdown .list-content ul li.last a {
  display: inline-block;
  line-height: 13px;
  text-align: left;
  vertical-align: top;
}
#shoppingcartdropdown .list-content ul li .text {
  display: inline-block;
  color: #cfac61;
  vertical-align: middle;
  word-wrap: break-word;
  line-height: 13px;
}
#shoppingcartdropdown .list-content ul li .image {
  text-align: left;
  font-size: 0;
}
#shoppingcartdropdown .list-content ul li .text.title,
.shopping-cart-dropdown .list-content ul li .text.info {
  color: #494848;
  vertical-align: top;
}
#shoppingcartdropdown .list-content ul li .text.title {
  width: 115px;
}
#shoppingcartdropdown .list-content ul li .text.info {
  width: 97px;
  text-align: right;
  vertical-align: top;
  color: #494848;
}
#shoppingcartdropdown .list-content ul li .text.info p {
  margin-bottom: 0px;
}
#shoppingcartdropdown .list-content ul li img {
  text-align: center;
  vertical-align: top;
  margin-top: 8px;
  margin-bottom: 8px;
  border: #e7e7e7 solid 1px;
}
#shoppingcartdropdown .list-footer {
  height: 45px;
  padding-bottom: 8px;
  padding-top: 6px;
}
#shoppingcartdropdown .list-footer .text {
  line-height: 1.2em;
  vertical-align: middle;
  word-wrap: break-word;
}
#shoppingcartdropdown .list-footer .text.subtotal-text,
.shopping-cart-dropdown .list-footer .text.subtotal-number {
  font-size: 12px;
}
#shoppingcartdropdown .list-footer .text.subtotal-text {
  color: #333333;
  padding-left: 9px;
  text-align: left;
  width: 122px;
}
#shoppingcartdropdown .list-footer .text.subtotal-number {
  color: #cf9d61;
  padding-right: 9px;
  text-align: right;
  width: 88px;
  color: #494848;
}
#shoppingcartdropdown .list-footer .pay-up {
  color: #FFFFFF;
  display: inline-block;
  line-height: 13px;
  padding-left: 6px;
  padding-right: 9px;
  text-align: center;
  width: 145px;
  padding-top: 3px;
}
#shoppingcartdropdown .list-footer .pay-up span,
.shopping-cart-dropdown .list-footer .pay-up span:first-child {
  vertical-align: bottom;
  line-height: 20px;
  background-color: #DEB57C;
}
#shoppingcartdropdown .list-footer .pay-up span {
  display: inline-block;
  height: 20px;
  vertical-align: top;
  border: 1px solid #002d26;
  border-left: none;
  padding-right: 20px;
  background-color: #002D26;
}
#shoppingcartdropdown .list-footer .pay-up span:first-child {
  padding-left: 20px;
  height: 22px;
  border: none;
  background-color: #002D26;
  padding-right: 0px;
  font-size: 11px;
  vertical-align: middle;
}
#shoppingcartdropdown .remove-button {
  cursor: pointer;
  margin-left: 29px;
}
#shoppingcartdropdown .remove-button:hover .text {
  color: #E0B678;
}
/* shopping cart view */
#shoppingcartview {
  list-style: none outside none;
}
#shoppingcartview li {
  display: inline;
}
#shoppingcartview li span {
  display: inline-block;
  height: 35px;
  word-wrap: break-word;
  vertical-align: middle;
}
#shoppingcartview li span.quantity {
  width: 8%;
}
#shoppingcartview li span.description {
  width: 50%;
}
#shoppingcartview li span.price {
  width: 14%;
}
#shoppingcartview li span.total {
  width: 15%;
}
#shoppingcartview li span.remove {
  width: 12%;
  position: relative;
}
#shoppingcartview li span.remove .icon {
  background-position: -77px -887px;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 6px;
  right: 0px;
}
#shoppingcartview li input.quantity {
  width: 20px;
  border: 1px solid #e6e6e6;
  padding: 3px;
  text-align: center;
}
#shoppingcartview li input.remove-button {
  background-color: transparent;
  border: none;
  color: #E0B678;
  position: absolute;
  right: 0px;
  padding-right: 12px;
  text-align: right;
  cursor: pointer;
  font-size: 12px;
  width: 100%;
}
#shoppingcartview li span.subtotal {
  width: 71%;
  text-align: right;
  padding-right: 1%;
}
#shoppingcartview li span.currency {
  width: 15%;
}
#shoppingcartview li span.update {
  width: 12%;
}
/* stage teaser */
.stage-teaser {
  width: 940px;
  padding: 10px;
  font-size: 12px;
}
.stage-teaser .teaser-text {
  width: 100%;
  height: 100%;
}
.stage-teaser .teaser-overlay {
  background-position: -1922px 0;
  overflow: hidden;
  padding: 15px;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 170px;
}
a.custom-tweet-button {
  display: block;
  background-position: -122px -170px;
  height: 15px;
  width: 15px;
}
a.facebook-share-button span span {
  margin: 0 0 0 14px !important;
  padding-bottom: 0px !important;
}
/* *** Play & Learn *** */
.play-and-learn .columns-content-part > span:first-child {
  background-color: #FFEBA3;
}
.play-and-learn .columns-content-part > span:first-child * {
  color: #D30A11;
}
/* title component */
.grid1 .headline,
.grid3 .headline {
  font-size: 14px;
  color: #002e27;
  font-family: Arial;
  padding: 5px 8px;
  text-align: left;
}
.faq-list {
  margin-bottom: 20px;
}
.faq-list .search-results .questions {
  color: #CF9D61;
  margin: 5px;
}
.faq-list .search-results .questions.top-asked {
  cursor: pointer;
}
.faq-list .search-results .answer {
  margin: 5px 5px 15px 25px;
  color: #000;
}
.faq-list .search-results .answer.hidden {
  display: none;
}
.faq-list .search-results .results-list p {
  background-color: white;
}
.faq-category ul {
  list-style-type: none;
}
.faq-category ul li {
  line-height: 16px;
}
.faq-category a {
  color: #666;
  text-decoration: none;
}
.faq-category a:hover {
  color: #CF9D61;
}
.loadmask {
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  -moz-opacity: 0.5;
  opacity: .50;
  filter: alpha(opacity=50);
  background-color: #CCC;
  width: 100%;
  height: 100%;
  zoom: 1;
}
.loadmask-msg {
  z-index: 20001;
  position: absolute;
  top: 0;
  left: 0;
  padding: 2px;
}
.loadmask-msg div {
  padding: 5px 2px 5px 25px;
  height: 15px;
  background: #fbfbfb url('../images/loading.gif') no-repeat 5px 5px;
  line-height: 16px;
  color: #222;
  font: normal 11px tahoma, arial, helvetica, sans-serif;
  cursor: wait;
}
.masked {
  overflow: hidden !important;
}
.masked-relative {
  position: relative !important;
}
.masked-hidden {
  visibility: hidden !important;
}
/* intro page */
.intro-page {
  margin-bottom: 20px;
  display: inline-block;
}
.intro-page .text {
  line-height: 18px;
  font-size: 14px;
  color: #282828;
}
.intro-page .intro-text-wrapper {
  background-color: #F8F5EB;
  float: left;
  height: 313px;
  width: 470px;
  overflow: hidden;
  margin-right: 20px;
}
.intro-page .intro-text-wrapper .intro-text {
  margin-bottom: 20px;
  overflow: hidden;
  padding: 20px 24px 0;
  max-height: 273px;
}
.intro-page .intro-text-wrapper .intro-text h2 {
  margin-bottom: 15px;
  font-family: Times New Roman;
  font-size: 30px;
  color: #002e27;
}
.intro-page .main-teaser {
  float: left;
  width: 470px;
}
.intro-page .second-teaser {
  margin-left: 20px;
  float: left;
}
.intro-page .main-teaser img {
  display: block;
  margin-bottom: 2px;
}
.intro-page .main-teaser .description-wrapper {
  height: 76px;
  background-color: #F8F5EB;
  display: block;
  overflow: hidden;
}
.intro-page .main-teaser .description-wrapper .description {
  padding: 6px 20px;
  display: inline-block;
}
.intro-page .main-teaser .description-wrapper .description h4 {
  margin-bottom: 0px;
  color: #002e27;
}
.intro-page .main-teaser .description-wrapper .description .text {
  color: #002e27;
}
.faber-castell-sprites-pdf-icon,
.faber-castell-sprites-pdf-icon-redline,
.faber-castell-sprites-pdf-icon-creative-studio,
.faber-castell-sprites-read-more-arrow {
  display: inline-block;
  vertical-align: middle;
}

/* MetaNavigation */
.meta-navigation {
  position: absolute;
  top: 0;
  margin-left: 661px;
  list-style: none outside none;
  z-index: 999;
  width: 313px;
  text-align: right;
}
.meta-navigation > li {
  position: relative;
  display: inline-block;
  color: #be9c3f;
  font-size: 11px;
  line-height: 27px;
  vertical-align: middle;
  height: 36px;
  padding: 1px 10px 10px 10px;
}
.meta-navigation > li.drop-down:hover {
  background-color: #F6F8F5;
}
.meta-navigation .text,
.meta-navigation .world-map {
  display: inline-block;
}
.meta-navigation .shopping-cart-icon,
.meta-navigation .shopping-cart-dropdown-button {
  display: block;
  width: 68px;
  height: 18px;
}
.meta-navigation .shopping-cart-icon {
  background-position: 0px -868px;
}
.meta-navigation .shopping-cart-icon.wish-list {
  background-position: -136px -868px;
}
.meta-navigation .shopping-cart-dropdown-button {
  background-position: 0px -887px;
  vertical-align: middle;
  line-height: 18px;
  text-align: center;
}
.meta-navigation .shopping-cart-dropdown-button .text {
  color: #fff;
  padding-right: 7px;
}
.meta-navigation .shopping-cart-dropdown-button .icon {
  background-position: -69px -887px;
  width: 7px;
  height: 6px;
}
.meta-navigation .shopping-cart-dropdown-button.selected {
  background-position: -68px -868px;
}
.meta-navigation .shopping-cart-dropdown-button.selected .text {
  color: #cfac61;
}
.meta-navigation .shopping-cart-dropdown-button.selected .icon {
  background-position: -69px -895px;
}
.meta-navigation .world-map {
  background-position: -209px -35px;
  padding-right: 5px;
  width: 31px;
  height: 18px;
}
.meta-navigation .world-map,
.meta-navigation .arrow {
  vertical-align: middle;
}
.meta-navigation .arrow {
  background-position: -69px -895px;
  width: 8px;
  height: 6px;
  display: inline-block;
  margin-bottom: 2px;
}
.meta-navigation a {
  text-decoration: none;
  cursor: pointer;
}
.meta-navigation a > .text {
  color: #cfac61;
  padding-right: 12px;
}
.meta-navigation a:hover > .text {
  color: #be9846;
}
.meta-navigation a:hover > .arrow {
  background-position: -77px -78px;
}
/* header navigation, drop down */
nav {
  background: url("/resrc/FaberCastell/images/fc-main-menu-bg.png") repeat-x scroll 0 0 transparent;
  height: 35px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 120px;
}
nav ul {
  list-style: none outside none;
}
nav > ul {
  padding-left: 0px;
  margin-top: 0px;
}
nav > ul > li {
  z-index: 500;
  display: inline-block;
  margin-left: 12px;
  vertical-align: top;
}
nav > ul > li > a {
  color: #002e27;
  display: inline-block;
  font-size: 18px;
  height: 18px;
  line-height: 18px;
  padding: 9px 20px 0 7px;
  text-decoration: none;
  z-index: 10;
}
nav > ul > li.drop-down a {
  position: relative;
}
nav > ul > li.drop-down:hover > a {
  background-color: #F9F8EC;
  height: 28px;
  padding-top: 9px;
  z-index: 1000;
}
nav > ul > li.drop-down:hover .mega-drop-down {
  display: block;
}
.main-navigation > li div.mega-drop-down {
  color: #666666;
  display: none;
  padding: 2px 0 0px;
  position: absolute;
  top: 35px;
  z-index: 600;
  left: 0;
}
.main-navigation > li div.mega-drop-down a {
  color: #666;
  text-decoration: none;
  display: block;
}
.mega-drop-down .faber-castell-sprites-megadropdown-shadow-top-left {
  position: absolute;
  left: -9px;
  top: -7px;
}
.mega-drop-down .faber-castell-sprites-megadropdown-shadow-top-right {
  position: absolute;
  right: -9px;
  top: -7px;
}
.mega-drop-down .faber-castell-sprites-megadropdown-shadow-bottom-left {
  bottom: -8px;
  left: -8px;
  position: absolute;
}
.mega-drop-down .faber-castell-sprites-megadropdown-shadow-bottom-right {
  bottom: -8px;
  position: absolute;
  right: -8px;
}
.main-navigation .multi-column {
  margin: 0px 0px;
  background-color: #faf8ec;
  padding-top: 15px;
  padding-bottom: 15px;
  box-shadow: 0 1px 5px 1px #555555;
  height: 100%;
  width: 100%;
}
.main-navigation .multi-column > div {
  display: inline-block;
  margin-left: 3px;
  vertical-align: top;
  width: 232px;
}
.main-navigation .multi-column > div:first-child {
  margin-left: 0px;
}
.main-navigation .multi-column > div > div {
  margin-bottom: 12px;
  padding-top: 1px;
}
.main-navigation .multi-column > div > div:first-child {
  border-top: none;
  padding-top: 0px;
}
.main-navigation .multi-column > div > div > a,
.main-navigation .multi-column > div > div > div {
  padding-bottom: 0px;
  font-size: 12px;
}
.main-navigation .multi-column > div > div > a > span,
.main-navigation .multi-column > div > div > div > span {
  color: #002e27;
  display: inline-block;
  font-family: arial;
  font-size: 14px;
  font-weight: bold;
  /*height: 18px;*/
  margin-bottom: 1px;
  padding-left: 7px;
  padding-top: 5px;
  width: 222px;
  letter-spacing: 0.04em;
}
.main-navigation .multi-column > div > div ul {
  padding-left: 0px;
  margin: 0;
}
.main-navigation .multi-column > div > div ul > li {
  padding: 0;
}
.main-navigation .multi-column > div > div ul > li > a {
  color: #002e27;
  font-size: 14px;
  padding: 0px 0 1px 7px;
  letter-spacing: 0.04em;
}
.main-navigation .multi-column > div > div ul > li > a.empty {
  min-height: 16px;
}
.main-navigation .multi-column .nav-teaser a {
  background-image: none;
  padding-left: 0px;
  padding-top: 1px;
  color: #CF9D61;
  padding-bottom: 3px;
}
.main-navigation .multi-column .nav-teaser a > .text {
  background: none;
  height: auto;
  position: absolute;
  left: 21px;
  right: 9px;
  padding: 1px 3px 0 0;
}
.main-navigation .multi-column .nav-teaser a > img {
  display: block;
  margin-bottom: 5px;
}
.main-navigation .multi-column .nav-teaser a .icon {
  width: 10px;
  height: 10px;
  margin-left: 6px;
  margin-right: 5px;
  background-position: -76px -51px;
  padding: 0;
}
.main-navigation .multi-column .nav-teaser.last a {
  border-bottom: 0 !important;
}
.main-navigation .multi-column .nav-teaser a:hover .icon {
  background-position: -76px -61px;
}
.main-navigation .multi-column .nav-teaser a:hover {
  background-color: inherit;
  color: #9C5A1A;
}
.main-navigation .multi-column > div > div ul.socials > li:first-child {
  padding-top: 0px;
}
.main-navigation .multi-column .socials a {
  background: none;
}
.main-navigation .multi-column .socials a .icon {
  height: 36px;
}
.main-navigation .multi-column .socials a .text {
  padding-left: 13px;
  vertical-align: middle;
}
/* left menu */
.left-menu-empty {
  font-size: 0px;
  visibility: hidden;
  width: 220px;
}
.left-menu .secondary {
  border: none;
  margin: 0;
  margin-right: 28px;
}
.left-menu .secondary li:first-child {
  border-top: 2px solid #32564f;
}
.left-menu .secondary li.last-child {
  border-bottom: 2px solid #32564f;
  margin-bottom: 25px;
}
.left-menu .secondary li a {
  border: none;
  padding: 0px 5px 6px 20px;
  background-color: #faf7ed;
}
.left-menu .secondary li:first-child a {
  padding-top: 6px;
}
.left-menu {
  min-width: 199px;
}
.left-menu .competence-field {
  background-color: #002e27;
  width: 220px;
}
.left-menu .competence-field .text {
  color: #FAF7ED;
  display: inline-block;
  font-family: Times New Roman;
  font-size: 30px;
  line-height: 34px;
  padding: 17px 0 17px 20px;
}
.left-menu ul {
  margin-bottom: 25px;
  font-size: 0px;
  list-style: none outside none;
  width: 220px;
  margin-right: 28px;
  overflow: auto;
}
.left-menu > ul {
  border-bottom: 2px solid #32564F;
  padding-left: 0px;
}
.left-menu ul li {
  overflow: hidden;
}
.left-menu ul li .text {
  display: inline-block;
  padding-left: 20px;
  padding-right: 5px;
  width: 174px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.left-menu ul li a .text {
  padding: 0;
  width: auto;
}
.left-menu ul li a .icon {
  display: none;
}
.left-menu ul > li > ul {
  background-color: #FAF7ED;
  margin: 0;
  padding-left: 0px;
}
.left-menu ul > li > ul > li:first-child {
  border-top: 2px solid #32564F;
}
.left-menu ul li.sub2 a {
  padding-left: 40px;
}
.left-menu ul li a {
  background-color: #FFFFFF;
  border-top: 2px solid #32564F;
  color: #002e27;
  display: block;
  font-family: arial;
  font-size: 14px;
  font-weight: bold;
  padding: 12px 5px 12px 20px;
  text-decoration: none;
}
.left-menu ul li:first-child a {
  border-top: 0 none;
}
.left-menu ul li ul li.active a {
  font-weight: bold;
}
.left-menu ul li ul li a {
  background: none repeat scroll 0 center transparent;
  border: 0 none;
  font-weight: normal;
  padding: 0 5px 7px 20px;
}
.left-menu ul li ul li:first-child a {
  padding-top: 7px;
}

/* fancybox */
#fancybox-overlay {
  z-index: 1300;
}
#fancybox-wrap {
  z-index: 1400;
}
/* slider */
.slider {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}
.slider > ul {
  list-style: none outside none;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.slider > ul > li {
  display: inline-block;
  vertical-align: top;
}
.slider > ul > li > a {
  display: block;
}
.slider > ul > li > a > p {
  white-space: normal;
}
/* tooltip */
#tooltip {
  position: absolute;
  box-shadow: 0px 0px 8px #c4c4c4;
  border: 1px solid #e6e6e6;
  word-wrap: break-word;
  background-color: #fff;
  padding: 9px 15px;
  font-size: 12px;
  color: #696969;
}
#tooltip h3 {
  margin: 0px;
  font-size: 12px;
  color: #696969;
  font-weight: normal;
}
.grid2 .product {
  display: block;
  padding-bottom: 30px;
  padding-top: 17px;
}
.grid2 .product h1 {
  vertical-align: middle;
  display: inline-block;
}
.new-product-icon {
  display: inline-block;
  margin-left: 10px;
}
.product .overview,
.product .in-the-kit,
.product .product-labels,
.product .product-details {
  width: 680px;
}
.product .overview,
.product .overview .product-labels,
.product .overview .in-the-kit {
  float: left;
}
.product .overview .in-the-kit {
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  column-count: 2;
  column-gap: 20px;
  margin-left: 10px;
  width: 660px;
}
.product .overview .in-the-kit ul {
  margin: 0;
}
.product .product-details .eco-themes .eco-theme-list {
  list-style: none outside none;
  margin-bottom: 30px;
  margin-top: 20px;
  padding: 0;
}
.product .product-details .eco-themes .eco-theme-list .eco-theme-item {
  margin-bottom: 10px;
  margin-left: 10px;
}
.product .product-details .eco-themes .eco-theme-list .eco-theme-item > img {
  display: inline-block;
  vertical-align: top;
}
.product .product-details .eco-themes .eco-theme-list .eco-theme-item > span {
  width: 537px;
  padding-left: 20px;
  color: #2e2f2e;
  font-size: 14px;
  line-height: 18px;
}
/* Product Information */
.product .product-price {
  text-align: right;
}
.product .product-price .local-price {
  color: #525151;
  font-size: 15px;
  font-weight: normal;
  padding: 0 7px 0 0;
  letter-spacing: 0.04em;
  margin-bottom: 30px;
}
.product .product-price .line-through {
  text-decoration: line-through;
}
.product .product-price .local-price.line-through {
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: -10px;
}
.product .product-price .sale-price {
  color: #525151;
  font-size: 21px;
  font-weight: bold;
  margin-bottom: 17px;
  padding: 0 7px 0 0;
}
.product .recommended-retail-price {
  color: #525151;
  font-size: 11px;
}
.product-price-tax {
  font-size: 11px;
  padding-top: 3px;
}
.product .product-payment {
  float: left;
  width: 320px;
}
.product .product-payment .column-left {
  float: left;
}
.product .product-payment .column-left > div:first-child {
  color: #525151;
}
.product .product-payment .column-right {
  float: right;
}
.product .overview .product-information {
  float: right;
  margin-bottom: 31px;
  width: 320px;
}
.product .overview .product-information .product-text {
  height: 330px;
  margin-bottom: 12px;
}
.not-available-for-online-purchase {
  margin-top: 25px;
  font-size: 12px;
  color: #828282;
}
/* Product Image */
.product .overview .images {
  float: left;
  height: 448px;
  margin-bottom: 27px;
  padding-top: 3px;
  width: 330px;
}
.product .overview .age-recommendations {
  margin-bottom: 13px;
}
.product .overview.horizontal .age-recommendations,
.product .overview.horizontal .product-labels,
.product .overview.horizontal .in-the-kit {
  width: 334px;
}
.product .overview.vertical .age-recommendations {
  width: 347px;
}
.product .overview.horizontal .in-the-kit {
  margin-right: 0px;
}
.in-the-kit .headline {
  font-weight: bold;
  margin-bottom: 8px;
}
.product .Info > img {
  border: solid 1px #d5d5d5;
}
.product-description {
  font-size: 12px;
  color: #002e27;
  margin: 0 10px 2px 0;
  padding-bottom: 12px;
}
.product-description ul li,
.in-the-kit ul li {
  list-style-type: disc;
  margin-left: 18px;
}
.product-description.marketing {
  color: #000;
}
.product-description .marketing {
  margin-top: 10px;
}
.in-the-kit.product-description {
  margin-top: 6px;
}
.product-back-to-link {
  text-decoration: none;
  display: block;
  margin-bottom: 30px;
}
.product-back-to-link .icon,
.product-back-to-link .text {
  display: inline-block;
  cursor: pointer;
}
.product-back-to-link .icon {
  vertical-align: middle;
  background-position: -106px -87px;
  height: 10px;
  width: 10px;
  margin-right: 3px;
}
.product-back-to-link:hover .icon {
  background-position: -106px -97px;
}
.product-back-to-link .text {
  color: #c4a06d;
  font-size: 12px;
  vertical-align: middle;
}
.product-back-to-link:hover .text {
  color: #8f6d3c;
}
.product h1 > img {
  display: inline-block;
  vertical-align: middle;
  padding-left: 17px;
}
.product-image-container {
  position: relative;
  background-color: #fff;
  vertical-align: middle;
  display: block;
  text-align: center;
  border: 1px solid #e6e6e6;
  overflow: hidden;
}
.product-image-container:hover {
  border: 1px solid #c4c4c4;
}
.product-image-container * {
  vertical-align: middle;
}
.product-image-container > ul {
  list-style-type: none;
}
.product-image-container li {
  float: left;
}
#product-image,
.product-image-slider > ul > li {
  border: solid 1px #d5d5d5;
}
#product-image {
  width: 270px;
  height: 270px;
  margin-bottom: 5px;
}
.product-details {
  background-color: white;
  font-size: 12px;
  float: left;
}
.product-detail-header {
  background-color: #FAF7ED;
  clear: both;
  color: #002e27;
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  vertical-align: middle;
  font-size: 14px;
}
.product-detail-header .accordion-arrow {
  margin-right: 7px;
  margin-top: 10px;
  float: right;
}
.product-detail-header.script {
  border-top-width: 0px;
}
.product-detail-header.collapsed {
  border-top-width: 0px;
  border-bottom-width: 0px;
}
.product-detail-header.last {
  border-bottom-width: 1px;
}
.product-detail-header:first-child {
  border-top-width: 1px;
}
.product-details > ul {
  height: 0px;
  list-style: none outside none;
}
.product-detail-header + ul,
.product-detail-header + div {
  clear: both;
}
.product-detail-header.expanded + ul,
.product-detail-header.expanded + div {
  height: auto;
}
.product-detail-content {
  background-color: #FFFFFF;
}
.product-detail-content-awards {
  padding: 20px 0px 1px 17px;
}
.product-details li > span {
  display: inline-block;
  padding-left: 15px;
  color: #002e27;
  line-height: 23px;
  vertical-align: middle;
}
.product-details li.alternate {
  background: #F4F4F4;
}
.product-details li .description {
  font-weight: bold;
  width: 200px;
  vertical-align: top;
}
.product-details li .value {
  width: 429px;
  word-wrap: break-word;
}
.age-groups {
  position: absolute;
  top: 0px;
  left: 0px;
}
.age-groups img {
  position: absolute;
  left: 0px;
  top: 0px;
}
.product-downloads {
  border-top: 1px solid #E6E6E6;
  list-style: none outside none;
  padding-top: 8px;
  width: 100%;
}
.product-downloads > li {
  margin-bottom: 7px;
}
.product-downloads .icon {
  background-position: -86px -59px;
  width: 17px;
  height: 17px;
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
}
.product-downloads .text {
  display: inline-block;
  line-height: 17px;
  vertical-align: middle;
  padding-left: 5px;
}
.product-downloads .text:hover {
  color: #8f6d3c;
}
.product-downloads a {
  text-decoration: none;
  color: #c4a06d;
  display: inline-block;
  cursor: pointer;
}
.product-downloads > li.product-downloads-headline {
  color: #828282;
  margin-bottom: 12px;
}
.age-recommendations {
  float: left;
  list-style: none outside none;
}
.age-recommendation,
.age-recommendation > span {
  width: 41px;
}
.age-recommendation {
  float: left;
  height: 41px;
  margin-left: 10px;
  background-color: transparent;
}
.age-recommendation:first-child {
  margin-left: 0px;
}
.age-recommendation > span {
  display: inline-block;
  vertical-align: middle;
  line-height: 19px;
  text-align: center;
  font-size: 12px;
  color: white;
}
.age-recommendation a {
  text-decoration: none;
}
.product-labels {
  margin-bottom: 21px;
}
.product-labels a,
.product-labels img {
  margin-right: 13px;
  float: left;
}
.product-labels img {
  border: 1px solid #E6E6E6;
}
.product .overview.horizontal .product-labels a,
.product .overview.horizontal .product-labels img {
  margin-bottom: 10px;
}
.product-labels a img {
  margin-right: 0px;
}
.product .overview.horizontal .product-labels a img {
  margin-bottom: 0px;
}
.product ul.color-palette {
  margin-left: 10px;
  margin-top: 0;
  padding-left: 5px;
  padding-top: 20px;
}
.product ul.color-palette > li {
  display: inline;
  padding-top: 0px;
}
.product ul.color-palette > li a {
  border: 1px solid white;
  color: #828282;
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  margin-bottom: 10px;
  margin-right: 1px;
  text-decoration: none;
  width: 159px;
}
.product ul.color-palette.nib-width > li a img {
  margin-left: 5px;
  padding-top: 5px;
}
.product ul.color-palette > li a:hover,
.product ul.color-palette > li .active {
  box-shadow: 0px 0px 8px #c4c4c4;
  border-color: #c4c4c4;
}
.product ul.color-palette.hardness-grade > li a {
  height: 40px;
}
.product ul.color-palette.nib-width > li a {
  height: 50px;
  width: 320px;
}
.product ul.color-palette span {
  display: inline-block;
  vertical-align: middle;
}
.product ul.color-palette.hardness-grade span {
  vertical-align: top;
}
.product ul.color-palette span.color {
  width: 38px;
  height: 38px;
  border: 1px solid #E6E6E6;
  padding: 1px;
}
.product ul.color-palette span.color > span {
  width: 38px;
  height: 38px;
}
.product ul.color-palette span.text {
  height: 40px;
  width: 109px;
  word-wrap: break-word;
  padding: 0px 4px;
}
.product ul.color-palette.nib-width span.text {
  border: 1px solid;
  height: 48px;
  vertical-align: top;
  width: 28px;
}
.product ul.color-palette.hardness-grade span.text {
  padding: 0 10px;
  width: 99px;
}
.product ul.color-palette span.text > span {
  max-height: 40px;
}
.product ul.color-palette span.text > span > p {
  margin-bottom: 0px;
}
.product ul.color-palette.nib-width span.text > span > p {
  color: #000000;
  font-size: 18px;
  margin-top: 9px;
}
.product ul.color-palette span.text > span.placeholder {
  height: 40px;
}
/* product category overview *** */
.product-categories-overview {
  position: relative;
}
.product-categories-overview .teaser {
  margin-bottom: 10px;
}
.product-categories-overview .teaser img {
  border: solid 1px #e9e9e9;
}
.grid2 .product-categories-overview .teaser {
  margin-left: 20px;
}
.product-categories-overview .teaser.no-margin-left {
  margin-left: 0px;
}
.teaser-list .teaser .teaser-footer,
.teaser-list .teaser .teaser-footer .text,
.product-categories-overview .teaser .teaser-footer,
.product-categories-overview .teaser .teaser-footer .text {
  height: 28px;
}
.teaser-list .teaser .teaser-footer,
.product-categories-overview .teaser .teaser-footer {
  display: block;
  padding: 10px 10px 10px 0;
  height: auto;
}
.product-categories-overview .teaser .teaser-footer {
  padding: 6px 10px 6px 0;
}
.teaser-list .teaser .teaser-footer .text,
.product-categories-overview .teaser .teaser-footer .text {
  color: #282828;
  font-size: 14px;
  left: 0;
  margin-left: 0;
  position: relative;
  line-height: 18px;
}
.product-categories-overview .teaser .teaser-footer h4 {
  margin-bottom: 0;
}
.teaser-list .teaser .teaser-footer h4,
.teaser-list .teaser .teaser-footer h4 {
  color: #002e27;
  margin-bottom: 1px;
}
#product-detail-slider {
  background-position: center center !important;
  height: 330px;
}
#product-detail-slider .slider-item {
  border: 1px solid #e6e6e6;
}
.product .overview .nivoSlider .nivo-controlNav {
  bottom: -116px;
  height: 104px;
  position: absolute;
  width: 332px;
}
.product .overview .nivoSlider .nivo-controlNav .nivo-control {
  height: 104px;
  margin-left: 10px;
  width: 104px;
  display: inline-block;
}
.product .overview .nivoSlider .nivo-controlNav .nivo-control:first-child {
  margin-left: 0;
}
.product .overview .nivoSlider .nivo-controlNav .nivo-control img {
  border: 1px solid #e6e6e6;
}
/* filtered list */
.items-per-page {
  float: left;
  width: 100%;
  height: 23px;
}
.items-per-page ul {
  list-style: none;
  margin: 0 7px;
  padding-left: 0;
  text-align: right;
  padding-right: 22px;
}
.items-per-page ul li {
  border-left: 1px solid #002e27;
  color: #002e27;
  display: inline;
  padding: 0 5px;
}
.items-per-page ul li:first-child,
.items-per-page ul li:first-child + li {
  border-left: 0 none;
}
.items-per-page ul li a {
  text-decoration: none;
}
.items-per-page ul li.selected {
  font-weight: bold;
}
.filters {
  background-color: #faf7ed;
  clear: left;
  height: 28px;
  margin-bottom: 20px;
  margin-right: 17px;
  padding-left: 12px;
  padding-top: 6px;
  position: relative;
  z-index: 0;
}
.search .filters {
  margin-left: 20px;
  margin-right: 20px;
}
.filters .total-items,
.filters label,
.filters select {
  float: left;
}
.filters .total-items {
  color: #595958;
  font-size: 14px;
  margin-right: 39px;
  padding-top: 3px;
}
.filters .total-items .text {
  margin-right: 4px;
}
.filters label,
.filters select {
  color: #595958;
}
.filters label {
  line-height: 22px;
  margin-right: 4px;
  vertical-align: middle;
}
.filters select {
  height: 22px;
  margin-right: 18px;
  max-width: 144px;
}
.filters .pager {
  background: none;
  border: 0 none;
  color: #002e27;
  margin: 0 0 0 40px;
  position: absolute;
  right: 4px;
  top: 12px;
}
.filters .pager ul {
  line-height: 1em;
  margin: 0;
  padding-left: 0;
  text-align: left;
}
.filtered-items,
.related-items {
  float: left;
}
.filtered-items > a,
.related-items > a {
  display: inline-block;
  float: left;
  height: 278px;
  margin-bottom: 20px;
  margin-right: 19px;
  text-decoration: none;
  width: 215px;
}
.related-items > a {
  margin-right: 16px;
}
.filtered-items > a.last,
.related-items > a.last {
  margin-right: 0;
}
.filtered-items > a > img,
.related-items > a > img {
  border: 1px solid #d7d7d7;
  padding: 5px;
}
.filtered-items > a > .caption,
.related-items > a > .caption {
  font-size: 14px;
  padding: 8px 0;
}
.filtered-items > a > .caption .product-name,
.related-items > a > .caption .product-name {
  color: #002e27;
  font-weight: bold;
  margin-bottom: 3px;
}
.filtered-items > a > .caption .product-price > span.line-through,
.related-items > a > .caption .product-price > span.line-through {
  text-decoration: line-through;
}
.filtered-items > a > .caption .product-price .sale-price,
.related-items > a > .caption .product-price .sale-price {
  margin-left: 10px;
}
.filtered-items + .filters {
  clear: left;
}
.search .filtered-items {
  padding: 0 20px;
}
/* stage */
.stage-list {
  position: relative;
  width: 960px;
}
.stage-list > *:first-child ~ a,
.stage-list > *:first-child ~ img {
  display: none;
}
.stage-list .overlay {
  bottom: 138px;
  left: 40px;
  opacity: 0.7;
  filter: alpha(opacity=70);
  position: absolute;
  right: 40px;
  z-index: 100;
}
.stage-list .overlay.left {
  text-align: left;
}
.stage-list .overlay.center {
  display: block;
  height: auto;
  text-align: center;
}
.stage-list .overlay.right {
  text-align: right;
}
.stage-list .overlay.pink {
  color: #ffd8dc;
}
.stage-list .overlay.orange {
  color: #ffdcb2;
}
.stage-list .overlay.green {
  color: #e9fad3;
}
.stage-list .overlay.blue {
  color: #0081c8;
}
.stage-list .overlay.white {
  color: white;
}
.stage-list .overlay.gray {
  color: #696969;
}
.stage-list .overlay.red {
  color: #e20026;
}
.stage-list .overlay .title {
  font-size: 30px;
  margin-bottom: 7px;
}
.stage-list .overlay .description {
  font-size: 24px;
}
.stage-list.nivoSlider .nivo-controlNav {
  bottom: 12px;
  position: absolute;
  right: 19px;
  z-index: 500;
}
.stage-list.nivoSlider .nivo-controlNav ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.stage-list.nivoSlider .nivo-controlNav ul li {
  display: inline;
}
.stage-list.nivoSlider .nivo-controlNav a {
  background: url('/resrc/FaberCastell/images/sprite.png') no-repeat -86px -887px;
  display: inline-block;
  font-size: 0;
  height: 11px;
  margin: 0 5px;
  vertical-align: middle;
  width: 10px;
}
.stage-list.nivoSlider .nivo-controlNav a.active {
  background-position: -98px -887px;
  height: 19px;
  margin: 0 1px;
  width: 18px;
}
body.home .stage-list .nivo-controlNav ul {
  height: 92px;
  padding-top: 31px;
}
body.home .stage-list .nivo-controlNav ul li {
  float: left;
  height: 92px;
  margin-left: 8px;
  width: 182px;
}
body.home .stage-list .nivo-controlNav ul li:first-child {
  margin-left: 0;
}
body.home .stage-list.nivoSlider .nivo-controlNav {
  bottom: -92px;
  height: 123px;
  left: 9px;
  margin-bottom: 20px;
  overflow: hidden;
  position: absolute;
  right: 9px;
}
body.home .stage-list.nivoSlider .nivo-controlNav a {
  background-image: none;
  display: inline-block;
  float: left;
  height: 92px;
  margin-left: 8px;
  width: 182px;
}
body.home .stage-list.nivoSlider .nivo-controlNav a:first-child {
  margin-left: 0;
}
body.home .stage-list.nivoSlider .nivo-controlNav a img {
  height: 92px;
  width: 182px;
}
body.home .stage-list.nivoSlider .nivo-controlNav a.selected {
  z-index: 200;
}
/*.stage-list.nivoSlider .nivo-controlNav a.selected {
    box-shadow: 0 5px 10px 5px rgba(24, 24, 24, 0.4);
    height: 110px;
    left: -18px;
    top: -18px;
    width: 218px;
    z-index: 20;
}

.stage-list.nivoSlider .nivo-controlNav a.selected img {
    height: 110px;
    width: 218px;
}*/
/* video stage */
.video-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 960px;
}
.video-stage .title {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.video-stage .video {
  width: 440px;
  height: 272px;
  position: absolute;
  right: 158px;
  top: 143px;
  border: 10px solid #fbf6ef;
}
.video-stage .thumbs {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 20px;
  top: 143px;
}
.video-stage .thumbs .thumb {
  display: block;
  height: 72px;
  margin-bottom: 5px;
  width: 128px;
}
.video-stage .thumbs .thumb span {
  display: inline-block;
  font-size: 0px;
  width: 128px;
  height: 72px;
}
.video-stage .thumbs .thumb span:hover,
.video-stage .thumbs .thumb.selected span {
  border: 5px solid #fbf6ef;
  width: 118px;
  height: 62px;
}
.stage-overlay-text.green {
  background-position: 0 -465px;
}
.stage-overlay-text.orange {
  background-position: 0 -585px;
  color: #103910;
}
.stage-overlay-text.pink {
  background-position: 0 -705px;
}
.stage-overlay-text.light {
  background-position: 0 -825px;
}
.stage-overlay-text.white {
  background-color: #fff;
  filter: alpha(opacity=92);
  opacity: 0.92;
}
/* history */
#history {
  height: 510px;
  position: relative;
}
#history .direction-nav {
  background-color: #f8f5eb;
  height: 15px;
  padding: 20px 20px 15px;
  position: absolute;
  right: 0;
  top: 262px;
  width: 430px;
  z-index: 100;
}
#history .direction-nav .control {
  cursor: pointer;
  position: absolute;
  text-decoration: none;
}
#history .direction-nav .control .icon {
  display: inline-block;
  position: absolute;
  top: 1px;
}
#history .direction-nav .control.previous {
  left: 20px;
  padding-left: 17px;
}
#history .direction-nav .control.next {
  padding-right: 17px;
  right: 20px;
}
#history .direction-nav .control.previous .icon {
  left: 0;
}
#history .direction-nav .control.next .icon {
  right: 0;
}
#history #entries > a:first-child ~ a {
  display: none;
}
#history #entries > a.nivo-imageLink > img {
  margin-bottom: 1px;
}
#history #entries > a.nivo-imageLink .jspPane {
  padding: 13px 5px 20px 20px !important;
  width: 431px !important;
}
#history #entries > a.nivo-imageLink .jspVerticalBar {
  padding-right: 5px;
}
#history #entries > a.nivo-imageLink .jspTrack {
  background-color: #f8f5eb;
}
#history #entries > .history-entry h1 {
  margin-bottom: 11px;
}
#history #entries > .history-entry .text {
  background-color: #f8f5eb;
  float: right;
  height: 217px;
  padding: 25px 20px 20px 20px;
  width: 430px;
}
#history #entries > .history-entry .youtube-video {
  float: left;
  width: 470px;
}
#history #entries > .history-entry.nivo-imageLink .text {
  float: none;
  height: 262px;
  margin-left: 490px;
  padding: 0;
  width: 470px;
}
#history .entries.nivoSlider {
  height: 312px;
  width: 960px;
}
#history .entries.nivoSlider a.nivo-imageLink {
  height: 312px;
}
#history .entries.nivoSlider a.nivo-imageLink .youtube-video {
  background-color: black;
  float: left;
  padding: 26px 0 25px;
}
#history .entries.nivoSlider .nivo-controlNav {
  bottom: -169px;
  position: absolute;
}
#history .entries.nivoSlider .nivo-controlNav a {
  display: inline-block;
  height: 150px;
  width: 225px;
}
#history .thumbs {
  bottom: 28px;
  overflow: hidden;
  position: absolute;
  width: 960px;
}
#history .thumbs ul {
  list-style: none;
  margin: 0;
  padding: 0;
  min-width: 2000em;
}
#history .thumb {
  display: inline;
  font-size: 0;
  margin-right: 20px;
}
#history .thumb a {
  display: inline-block;
  height: 150px;
  position: relative;
  vertical-align: top;
  width: 225px;
}
#history .thumb .text {
  background-color: #f8f5eb;
  bottom: 0;
  font-size: 11px;
  font-weight: normal;
  height: 26px;
  padding: 5px 20px;
  position: absolute;
  width: 185px;
}
#history .thumb .text h5 {
  font-size: 11px;
  font-weight: normal;
  margin-bottom: 0;
}
#history .thumb-nav {
  position: absolute;
  top: 21px;
}
#history .thumb-nav.faber-castell-sprites-jcarousel-previous {
  left: 0;
}
#history .thumb-nav.faber-castell-sprites-jcarousel-next {
  right: 0;
}
#history .entries.nivoSlider .nivo-directionNav {
  background-color: #f8f5eb;
  bottom: 0;
  display: none;
  height: 15px;
  padding: 20px 20px 15px;
  position: absolute;
  right: 0;
  width: 430px;
}
#history .entries.nivoSlider .nivo-directionNav a {
  display: inline-block;
}
#history .entries.nivoSlider .nivo-directionNav a.nivo-prevNav {
  display: none;
  padding-left: 17px;
  left: 20px;
}
#history .entries.nivoSlider .nivo-directionNav a.nivo-nextNav {
  padding-right: 17px;
  right: 20px;
}
#history .entries.nivoSlider .nivo-directionNav .icon {
  display: inline-block;
  position: absolute;
  top: 1px;
}
#history .entries.nivoSlider .nivo-prevNav .icon {
  left: 0;
}
#history .entries.nivoSlider .nivo-nextNav .icon {
  right: 0;
}
#history #entries > a.nivo-imageLink .jspVerticalBar .jspCap {
  background-color: transparent;
  display: block;
}
#history #entries > a.nivo-imageLink .jspVerticalBar .jspCap.jspCapTop {
  height: 25px;
}
#history #entries > a.nivo-imageLink .jspVerticalBar .jspCap.jspCapBottom {
  height: 10px;
}
/* news overview */
.news h2 {
  margin-top: 0px;
}
.news > div {
  margin-bottom: 20px;
  color: #78767F;
  font-size: 12px;
}
/*.news a,
.news a:hover {
    text-decoration: none;
    color: #cf9d61;
}*/
.news .clear-both {
  margin-bottom: 0px;
}
.news .news-item {
  margin-bottom: 20px;
}
.news .news-item > img {
  display: inline-block;
  margin-right: 17px;
  vertical-align: top;
}
.news .news-item > div {
  width: 450px;
  display: inline-block;
  vertical-align: top;
}
.news .news-item .tagline {
  margin: 0;
  font-size: 11px;
  line-height: 9px;
  color: #2c2c2c;
  margin-bottom: 1px;
}
.news .news-item .tagline span {
  text-transform: uppercase;
}
.news .news-item a {
  display: block;
  text-decoration: none;
  margin-top: 0px;
}
.news .news-item .text a {
  padding-top: 14px;
}
.news-item .faber-castell-sprites-read-more-arrow {
  display: inline-block;
  vertical-align: middle;
}
.news .news-item h3 {
  margin-bottom: 3px;
  margin-top: 0px;
  line-height: 18px;
  font-size: 14px;
  font-family: Arial;
  color: #2c2c2c;
  font-weight: bold;
}
.news .news-item .text {
  line-height: 14px;
  font-size: 12px;
  font-family: Arial;
  color: #2c2c2c;
}
/* news detail page */
.news-page {
  margin-right: 20px;
}

/* teaser */
.teaser {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  position: relative;
}
.teaser a {
  text-decoration: none;
  cursor: pointer;
  display: block;
  font-size: 0px;
  color: #cf9d61;
}
.teaser .icon {
  background-position: -76px -51px;
  margin-top: 2px;
}
.teaser :hover .icon {
  background-position: -76px -61px;
  margin-top: 2px;
}
.teaser .text {
  position: absolute;
  left: 23px;
  right: 9px;
  margin-left: 7px;
  margin-right: 13px;
  height: 44px;
  overflow: hidden;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.teaser :hover .text {
  color: #282828;
}
.teaser-footer {
  padding: 5px;
  height: 47px;
  color: #282828;
  overflow: hidden;
  padding-top: 15px;
}
.teaser-footer .icon,
.teaser-footer .text {
  vertical-align: top;
}
.teaser-footer .text,
.teaser-footer .text .description {
  font-size: 11px;
}
.teaser-footer .text {
  text-decoration: none;
}
.teaser-footer .text .title,
.teaser-footer .text .description {
  display: block;
}
.teaser-footer .text .title {
  font-size: 15px;
}
.teaser-footer .text .description {
  color: #666;
  height: 44px;
}
.teaser-footer .icon,
.teaser:hover .icon {
  width: 10px;
  height: 10px;
}
.teaser.green .teaser-footer {
  background-color: #e9fad3;
}
.teaser.orange .teaser-footer {
  background-color: #ffdcb2;
}
.teaser.pink .teaser-footer {
  background-color: #ffd8dc;
}
/* teaser list (layout 1) */
.teaser-list {
  margin: 0px 0px 25px;
  position: relative;
}
.teaser-list .teaser {
  margin-left: 20px;
}
.teaser-list .teaser.no-margin-left {
  margin-left: 0;
}
.teaser-list .teaser img {
  border: solid 1px #e9e9e9;
}
.teaser-list .cell {
  display: block;
  float: left;
  margin-right: 20px;
}
.teaser-list .cell.last {
  margin-right: 0;
}
.teaser-list .cell:hover {
  border-color: #c4c4c4;
}
.teaser-list .cell a {
  text-decoration: none;
  cursor: pointer;
  display: block;
  font-size: 0px;
}
/* teaser list (layout 2) */
.teaser-list-2 .teaser-footer {
  height: 66px;
  padding-bottom: 28px;
  padding-top: 20px;
}
.teaser-list-2 .teaser .text {
  vertical-align: middle;
  height: auto;
}
.teaser-list-2 .teaser-footer .description {
  margin-top: 8px;
}
.teaser-list-2 li {
  cursor: pointer;
}
.teaser-list-2 {
  margin-right: 18px;
  margin-bottom: 32px;
  position: relative;
  left: -8px;
}
.teaser-list-2 .cell {
  display: block;
  float: left;
  margin-right: 20px;
}
.teaser-list-2 .cell.last {
  margin-right: 0px;
}
.teaser-list-2 .cell a {
  text-decoration: none;
  cursor: pointer;
  display: block;
  font-size: 0px;
}
.teaser-list-2 .cell img {
  padding: 1px;
}
.teaser-list-2 .cell:hover img {
  border-color: transparent;
}
/* teaser list (layout 4) */
.teaser-list-4 {
  width: 686px;
  position: relative;
  left: -8px;
}
.teaser-list-4 .teaser .teaser-footer,
.teaser-list-4 .teaser .teaser-footer .text {
  height: 28px;
}
.teaser-list-4 .teaser .teaser-footer {
  padding-top: 10px;
}
.teaser-list-4 .teaser .teaser-footer .text {
  font-size: 12px;
}
/* vertical teaser list */
.vertical-teaser-list {
  margin: 0px 0px 25px;
  overflow: hidden;
  height: 100%;
  border: 1px solid #e6e6e6;
  padding: 0px 10px;
  background-color: #fff;
}
.vertical-teaser-list li {
  display: block;
  padding: 25px 0px;
  border-top: 1px solid #e6e6e6;
}
.vertical-teaser-list li.title {
  padding: 20px 0px 0px;
  color: #cf9d61;
  font-size: 15px;
}
.vertical-teaser-list li:first-child {
  border-top-color: transparent;
}
.vertical-teaser-list li.second {
  border-top-color: transparent;
}
.vertical-teaser-list li a {
  position: relative;
  cursor: pointer;
  display: block;
  text-decoration: none;
}
.vertical-teaser-list li a .icon {
  width: 26px;
  height: 21px;
  padding: 3px 8px 6px;
  vertical-align: top;
  color: #fff;
}
.vertical-teaser-list li a .text {
  font-size: 12px;
  line-height: 14px;
  display: inline-block;
  padding-left: 4px;
  vertical-align: top;
}
.vertical-teaser-list li a .text > span {
  display: block;
}
.vertical-teaser-list li a .teaser-title {
  margin-bottom: 5px;
  color: #cf9d61;
}
.vertical-teaser-list li a .teaser-tagline {
  color: #535154;
}
/* product overview teaser */
.product-overview .pager-content + .pager {
  margin-top: 0px;
}
.product-overview-teaser {
  margin-bottom: 8px;
}
.product-overview-teaser a {
  display: block;
  text-decoration: none;
  width: 202px;
  height: 278px;
  position: relative;
}
.product-overview-teaser .caption {
  cursor: pointer;
  padding: 8px 26px 10px;
  height: 55px;
  overflow: hidden;
  font-size: 12px;
  line-height: 14px;
  color: #cf9d61;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.product-overview-teaser .caption .product-name {
  margin-bottom: 8px;
  min-height: 28px;
}
.product-overview-teaser .product-number-and-price {
  position: absolute;
  bottom: 4px;
  left: 26px;
  right: 26px;
  font-size: 11px;
}
.product-overview-teaser .caption .product-number {
  float: left;
}
.product-overview-teaser .caption .prices {
  float: right;
}
.product-overview-teaser .caption .sale .price {
  text-decoration: line-through;
}
.product-overview-teaser .caption .prices .sale-price {
  margin-left: 5px;
  clear: both;
  color: #D30A11;
  font-size: 12px;
  text-align: right;
  text-decoration: none;
}
.product-overview-teaser .img-container {
  padding: 5px;
  background-color: white;
  height: 177px;
}
.product-overview-teaser .ie-7-overlay {
  display: none;
}
.msie7 .product-overview-teaser .ie-7-overlay {
  background: url('/resrc/FaberCastell/images/transparent.png') repeat left top;
  display: block;
  height: 177px;
  left: 5px;
  position: absolute;
  right: 5px;
  top: 5px;
}
/* paragraph */
.paragraph {
  margin-bottom: 15px;
  font-size: 12px;
  color: #282828;
}
.paragraph h4 {
  line-height: 16px;
  margin-bottom: 3px;
  color: #002e27;
}
.paragraph a {
  color: #002e27;
  text-decoration: none;
  display: inline-block;
}
.paragraph a:hover {
  color: #002e27;
}
.paragraph .float-left {
  margin-right: 20px;
}
.paragraph .float-right {
  margin-left: 20px;
}
.paragraph .centered {
  text-align: center;
}
.content-parts h1,
.content-parts h2,
.content-parts h3 {
  margin-top: 0px;
}
.paragraph > div > h2 {
  margin-bottom: 17px;
}
.paragraph p a {
  font-size: 12px;
}
.paragraph .text p,
.paragraph .text ul,
.paragraph .text ol {
  margin-bottom: 0;
  margin-top: 14px;
}
.paragraph .text ol {
  list-style-position: inside;
}
.paragraph .text p:first-child,
.paragraph .text ul:first-child,
.paragraph .text ol:first-child,
.paragraph .text h3 + p,
.paragraph .text h3 + ul,
.paragraph .text h3 + ol {
  margin-top: 0px;
}
.paragraph img,
.paragraph object {
  margin: 1px 0px 10px;
}
.paragraph .paragraph-image {
  font-size: 0px;
}
.paragraph .caption {
  color: #666;
  font-family: Arial;
  font-size: 11px;
  line-height: 11px;
  margin-bottom: 10px;
  text-align: left;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.paragraph .caption a {
  text-decoration: none;
}
.paragraph ul {
  padding-left: 1.5em;
  list-style-type: disc;
  list-style-position: outside;
}
.paragraph .text.with-image-left > ul {
  list-style-position: inside;
}
.paragraph ul ul {
  list-style-type: circle;
}
/* *** Link RightSidebar *** */
.grid3 .link {
  margin-bottom: 38px;
}
.grid3 .link h2 {
  color: #002e27;
  font-size: 14px;
  margin-bottom: 5px;
  margin-top: 0px;
  font-weight: bold;
  line-height: 18px;
}
/* *** Link List Component *** */
.link-list h2 {
  color: #002e27;
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: 0px;
  font-weight: bold;
  line-height: 18px;
}
.grid3 .link-list h2 {
  margin-bottom: 5px;
}
.grid3 .link-list > ul {
  margin-top: 0px;
  padding-right: 15px;
}
.grid2 .link-list h2 {
  font-size: 14px;
}
.content-parts .link-list h2 {
  color: #002e27;
}
.link-list ul {
  list-style: none outside none;
  margin: 0;
  padding-left: 0px;
}
.content-parts .link-list {
  margin-bottom: 20px;
}
.grid3 .link-list {
  margin-bottom: 38px;
}
.link-list ul li {
  margin-top: 3px;
}
.link-list ul li:first-child {
  margin-top: 0px;
}
.link,
.link-list ul li a {
  display: block;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  min-height: 28px;
}
.link-list ul li a.media-link {
  padding-left: 30px;
}
.link .text,
.link-list ul li a .text {
  color: #002e27;
  font-size: 14px;
  line-height: 18px;
  padding-left: 7px;
  vertical-align: middle;
  display: inline-block;
  padding-right: 5px;
}
.icon.media-link,
.faber-castell-sprites-pdf-icon,
.faber-castell-sprites-pdf-icon-redline,
.faber-castell-sprites-pdf-icon-creative-studio {
  position: absolute;
  top: 0;
  left: 0;
}
.grid3 .link .text,
.grid3 .link-list ul li a .text {
  max-width: 175px;
}
.grid3 .link-list ul li a .text {
  padding-right: 0;
}
.grid1 .link .text,
.grid1 .link-list ul li a .text {
  max-width: 152px;
}
.link .icon,
.link .text,
.link-list ul li a .icon,
.link-list ul li a .text {
  display: inline-block;
}
.link .icon.media-link,
.link-list ul li a .icon.media-link {
  background-image: url(/resrc/FaberCastell/images/sprite.png);
  background-position: left -50%;
  height: 15px;
  width: 15px;
}
.link .icon.media-link.PDF,
.link-list ul li a .icon.media-link.PDF {
  background-position: -87px -60px;
}
/* Obsolet???
.link .icon.GeneralLink, .link-list ul li a .icon.GeneralLink {
    background-image: url(/resrc/FaberCastell/images/sprite.png);
    background-position: -76px -51px;
    height: 10px;
    width: 10px;
}

.link:hover .icon.GeneralLink, .link-list ul li a:hover .icon.GeneralLink {
    background-position: -76px -61px;
    height: 10px;
    width: 10px;
}
*/
.link .icon,
.link-list ul li a .icon {
  vertical-align: middle;
}
/* column content part */
.columns-content-part {
  /*margin-bottom: 8px;*/
  float: left;
}
.columns-content-part h2 {
  margin-top: 0px;
}
.columns-content-part > span {
  float: left;
  display: inline-block;
  margin-right: 20px;
}
.columns-content-part > span.last {
  margin-right: 0px;
}
.columns-content-part .teaser {
  top: 0px;
  margin-bottom: 20px;
}
/* gallery */
.gallery {
  float: left;
  margin-bottom: 0px;
  width: 100%;
  margin-bottom: 15px;
}
.gallery-item {
  cursor: pointer;
  float: left;
  margin-bottom: 10px;
  margin-left: 10px;
}
.gallery-item.first-child {
  margin-left: 0;
  clear: left;
}
.gallery h4 {
  margin-bottom: 11px;
}
.gallery-item a {
  display: inline-block;
  text-decoration: none;
}
.gallery-item img {
  margin-bottom: 10px;
}
.gallery-item .caption {
  font-size: 12px;
  line-height: 14px;
  max-width: 142px;
  color: #002e27;
}
/* gallery slider */
.gallery.gallery-slider {
  margin-left: 0;
  min-width: 0;
}
.gallery.gallery-slider h2 {
  margin-left: 0;
}
.gallery .nivoSlider {
  background: url(/resrc/FaberCastell/images/loading.gif) no-repeat 50% 50%;
  margin-bottom: 25px;
}
.paragraph .gallery .nivoSlider {
  margin-bottom: 0;
}
.gallery .nivoSlider img {
  position: absolute;
  display: none;
}
.gallery .nivo-controlNav {
  bottom: 10px;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
}
.gallery .nivo-controlNav img {
  display: inline;
  position: relative;
  margin-right: 10px;
}
.gallery .nivo-nextNav,
.gallery .nivo-prevNav {
  height: 65px;
  width: 39px;
  background: url('/resrc/FaberCastell/images/sprite.png') no-repeat;
}
.gallery .nivo-nextNav {
  background-position: -190px -72px;
}
.gallery .nivo-prevNav {
  background-position: -153px -72px;
}
.gallery .nivo-controlNav a {
  background: url('/resrc/FaberCastell/images/sprite.png') no-repeat -86px -887px;
  display: inline-block;
  font-size: 0;
  height: 11px;
  margin: 0 5px;
  vertical-align: middle;
  width: 10px;
}
.gallery .nivo-controlNav a.active {
  background-position: -98px -887px;
  height: 19px;
  margin: 0 1px;
  width: 18px;
}
.gallery .nivo-directionNav a {
  top: 36%;
}
.gallery .thumbnails .nivoSlider {
  margin-bottom: 35px;
}
.gallery .thumbnails .nivo-caption {
  bottom: 50px;
}
.gallery .thumbnails .nivo-controlNav {
  bottom: -10px;
  max-height: 50px;
  overflow: hidden;
}
.gallery .thumbnails .nivo-directionNav a {
  top: 36%;
}
.gallery .thumbnails .nivo-controlNav a {
  background-image: none;
  height: 50px;
  margin: 0 0 10px 10px;
  width: 70px;
}
.gallery .thumbnails .nivo-controlNav a:first-child {
  margin-left: 0;
}
.gallery .thumbnails .nivo-controlNav a img {
  margin-bottom: 0;
  margin-right: 0;
}
.gallery .thumbnails .nivo-controlNav a.active {
  height: 50px;
  margin: 0 0 10px 10px;
  width: 70px;
}
.gallery .thumbnails .nivo-controlNav a.active:first-child {
  margin-left: 0;
}
.columns-content-part .gallery.gallery-slider,
.columns-content-part .gallery .nivoSlider,
.columns-content-part .gallery .thumbnails .nivoSlider {
  margin-bottom: 0px;
}
/* fancybox title */
.fancybox-title-outside {
  background: white;
  color: #696969;
  padding: 20px;
  margin-top: 2px;
}
.fancybox-title {
  display: block;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 14px;
  font-family: Arial;
  line-height: 18px;
}

/* jcarousel skins */
.jcarousel-clip {
  overflow: hidden;
}
.jcarousel-prev-horizontal,
.jcarousel-next-horizontal {
  cursor: pointer;
  display: none !important;
  position: absolute;
}
.jcarousel-prev-horizontal {
  left: 0px;
}
.jcarousel-next-horizontal {
  right: 0px;
}
.jcarousel-prev-disabled,
.jcarousel-next-disabled {
  background-image: none;
}
.jcarousel-container-horizontal:hover .jcarousel-prev-horizontal,
.jcarousel-container-horizontal:hover .jcarousel-next-horizontal {
  display: block !important;
}
/* nivo slider skin */
.jcarousel-skin-nivo-slider .jcarousel-container-horizontal {
  padding: 0;
  width: 332px;
}
.jcarousel-skin-nivo-slider .jcarousel-list-horizontal,
.jcarousel-skin-nivo-slider .jcarousel-clip-horizontal {
  height: 104px;
}
.jcarousel-skin-nivo-slider .jcarousel-clip-horizontal {
  width: 100%;
}
.jcarousel-skin-nivo-slider .jcarousel-item {
  height: 104px;
  margin-right: 10px;
  width: 104px;
}
.jcarousel-skin-nivo-slider .jcarousel-next-horizontal,
.jcarousel-skin-nivo-slider .jcarousel-prev-horizontal {
  position: absolute;
  top: 46px;
  z-index: 1000;
}
.product .overview .images .jcarousel-skin-nivo-slider .jcarousel-next-horizontal,
.product .overview .images .jcarousel-skin-nivo-slider .jcarousel-prev-horizontal {
  top: 17px;
}
.jcarousel-skin-nivo-slider .jcarousel-next-horizontal {
  right: 0;
}
.jcarousel-skin-nivo-slider .jcarousel-prev-horizontal {
  left: 0;
}
/* stage */
.stage-list .jcarousel-skin-nivo-slider .jcarousel-container-horizontal {
  width: 942px;
}
.stage-list .jcarousel-skin-nivo-slider .jcarousel-list-horizontal,
.stage-list .jcarousel-skin-nivo-slider .jcarousel-clip-horizontal {
  height: 123px;
}
.stage-list .jcarousel-skin-nivo-slider .jcarousel-list-horizontal {
  padding-top: 31px !important;
}
.stage-list .jcarousel-skin-nivo-slider .jcarousel-item,
.stage-list .jcarousel-skin-sites li {
  height: 92px;
  margin-left: 0;
  margin-right: 8px;
  width: 182px;
}
.stage-list .jcarousel-skin-nivo-slider .jcarousel-next-horizontal,
.stage-list .jcarousel-skin-nivo-slider .jcarousel-prev-horizontal {
  top: 41px;
}
/* history */
#entries .jcarousel-skin-nivo-slider .jcarousel-list-horizontal,
#entries .jcarousel-skin-nivo-slider .jcarousel-clip-horizontal {
  height: 149px;
}
#entries .jcarousel-skin-nivo-slider .jcarousel-container-horizontal {
  width: 960px;
}
#entries .jcarousel-skin-nivo-slider .jcarousel-item {
  height: 149px;
  margin-right: 20px;
  width: 225px;
}
#entries .jcarousel-skin-nivo-slider .jcarousel-next-horizontal,
#entries .jcarousel-skin-nivo-slider .jcarousel-prev-horizontal {
  top: 21px;
}
#entries .jcarousel-skin-nivo-slider .jcarousel-prev-disabled,
#entries .jcarousel-skin-nivo-slider .jcarousel-next-disabled {
  display: none !important;
}
/* sites skin */
.jcarousel-skin-sites .jcarousel-container-horizontal,
.jcarousel-skin-sites .jcarousel-clip-horizontal {
  width: 100%;
}
.jcarousel-skin-sites .jcarousel-container-horizontal {
  padding: 0px;
}
.jcarousel-skin-sites .jcarousel-clip-horizontal {
  height: 205px;
}
.jcarousel-skin-sites .jcarousel-item {
  height: 205px;
  margin-right: 21px;
  width: 306px;
}
.jcarousel-skin-sites .jcarousel-item a {
  display: inline-block;
  height: 85px;
  text-decoration: none;
}
.jcarousel-skin-sites .jcarousel-item a .description {
  background-color: #F9F5E9;
  border-bottom: 5px solid #f9f5e9;
  height: 38px;
  overflow: hidden;
  padding: 6px 10px 0px 20px;
  width: 276px;
}
.jcarousel-skin-sites .jcarousel-item a .description h4,
.jcarousel-skin-sites .jcarousel-item a .description .tagline {
  color: #002E27;
  width: 276px;
  white-space: normal;
}
.jcarousel-skin-sites .jcarousel-item a .description h4 {
  margin-bottom: 0;
}
.jcarousel-skin-sites .jcarousel-item a .description .tagline {
  font-family: Arial;
  font-size: 14px;
  letter-spacing: 0.04em;
  line-height: 18px;
}
.jcarousel-skin-sites .jcarousel-next-horizontal,
.jcarousel-skin-sites .jcarousel-prev-horizontal {
  height: 70px;
  top: 41px;
  width: 38px;
  background: url('/resrc/FaberCastell/images/sprite.png');
}
.jcarousel-skin-sites .jcarousel-prev-horizontal {
  background-position: -153px -72px;
}
.jcarousel-skin-sites .jcarousel-next-horizontal {
  background-position: -191px -72px;
}
.jcarousel-skin-sites .jcarousel-list .jcarousel-item a img {
  display: block;
  margin-bottom: 2px;
}
.jcarousel-skin-sites .jcarousel-list .jcarousel-item a .description-wrapper .description {
  color: #002e27;
}
/* events skin */
.jcarousel-skin-events .jcarousel-container-horizontal {
  padding: 0px 10px;
}
.jcarousel-skin-events .jcarousel-clip-horizontal {
  width: 924px;
}
.jcarousel-skin-events .jcarousel-item {
  width: 231px;
}
.jcarousel-skin-events .jcarousel-prev-horizontal,
.jcarousel-skin-events .jcarousel-next-horizontal {
  top: 62px;
  width: 10px;
  height: 17px;
}
.jcarousel-skin-events .jcarousel-prev-horizontal {
  background-position: -84px -34px;
  left: 0px;
}
.jcarousel-skin-events .jcarousel-next-horizontal {
  background-position: -76px -34px;
  right: 0px;
}
/* search skin */
.jcarousel-skin-search {
  width: 540px;
  overflow: hidden;
}
.jcarousel-skin-search .jcarousel-container-horizontal {
  padding: 0px 0px;
}
.jcarousel-skin-search .jcarousel-clip-horizontal {
  width: 570px;
  height: 220px;
}
.jcarousel-skin-search .jcarousel-item .Image {
  display: inline-block;
  width: 160px;
  height: 160px;
  border: 1px solid #e6e6e6;
}
.jcarousel-skin-search .jcarousel-item img {
  border: 1px solid #e6e6e6;
}
.jcarousel-skin-search .jcarousel-prev-horizontal,
.jcarousel-skin-search .jcarousel-next-horizontal {
  top: 45px;
  width: 36px;
  height: 66px;
}
.jcarousel-skin-search .jcarousel-prev-horizontal {
  background-position: -153px -72px;
}
.jcarousel-skin-search .jcarousel-next-horizontal {
  background-position: -192px -72px;
}
.jcarousel-skin-search .jcarousel-item {
  width: 189px;
}
.jcarousel-skin-search .jcarousel-item h3 {
  width: 160px;
}
/* product skin */
.jcarousel-skin-product {
  list-style: none outside none;
}
.jcarousel-skin-product .jcarousel-container-horizontal,
.jcarousel-skin-product li {
  overflow: hidden;
}
.jcarousel-skin-product .jcarousel-next-horizontal,
.jcarousel-skin-product .jcarousel-prev-horizontal {
  height: 65px;
  top: 141px;
  width: 39px;
}
.jcarousel-skin-product:hover .jcarousel-next-horizontal {
  background-position: -190px -72px;
}
.jcarousel-skin-product:hover .jcarousel-prev-horizontal {
  background-position: -153px -72px;
}
.jcarousel-skin-product .jcarousel-clip-horizontal {
  width: 317px;
}
.rotator-container.slider > .jcarousel-skin-product {
  width: 317px;
}
.overview.vertical .rotator-container.slider > .jcarousel-skin-product {
  height: 317px;
}
.overview.horizontal .rotator-container.slider > .jcarousel-skin-product {
  height: 135px;
}
.horizontal .slider .jcarousel-skin-product,
.horizontal .jcarousel-skin-product .jcarousel-clip-horizontal {
  width: 100%;
}
.horizontal .jcarousel-skin-product .jcarousel-item {
  width: 663px;
}
.horizontal .jcarousel-skin-product .jcarousel-next-horizontal,
.horizontal .jcarousel-skin-product .jcarousel-prev-horizontal {
  top: 42px;
}
/* products skin */
.jcarousel-skin-products .jcarousel-container-horizontal {
  padding: 10px 0px;
  margin-bottom: 10px;
  overflow: hidden;
}
.jcarousel-skin-products li {
  overflow: hidden;
  text-align: center;
  background-color: #FFFFFF;
}
.jcarousel-skin-products li a {
  display: inline-block;
  text-decoration: none;
  font-size: 0px;
  border: 1px solid #e6e6e6;
  color: #828189;
}
.jcarousel-skin-products li a img {
  display: block;
}
.jcarousel-skin-products li a div {
  font-size: 11px;
  padding: 7px 4px 4px;
  cursor: pointer;
}
.jcarousel-skin-products li:hover a {
  border: 1px solid #c4c4c4;
}
.jcarousel-skin-products .jcarousel-next-horizontal,
.jcarousel-skin-products .jcarousel-prev-horizontal {
  top: 68px;
  width: 39px;
  height: 65px;
  background-color: transparent;
}
.product .jcarousel-skin-products li {
  margin-right: 9px;
}
.product .jcarousel-skin-products li a {
  height: 208px;
  width: 161px;
}
.product .jcarousel-skin-products li a img {
  width: 157px;
  height: 161px;
}
/* related products */
.related-products .jcarousel-skin-products li {
  margin-right: 10px;
}
.related-products .jcarousel-skin-products li a {
  height: 213px;
  width: 160px;
}
.related-products .jcarousel-skin-products li a img {
  width: 150px;
  height: 150px;
  padding: 5px;
}
.related-products.small .jcarousel-skin-products li {
  margin-right: 10px;
}
.related-products.small .jcarousel-skin-products li a {
  height: 208px;
  width: 140px;
}
.related-products.small .jcarousel-skin-products li a img {
  width: 132px;
  height: 132px;
}
/* history gallery skin */
.jcarousel-skin-history-gallery,
.jcarousel-skin-history-gallery .jcarousel-container-horizontal,
.jcarousel-skin-history-gallery .jcarousel-clip-horizontal {
  width: 470px;
}
.jcarousel-skin-history-gallery {
  float: left;
}
.jcarousel-skin-history-gallery .jcarousel-container-horizontal {
  padding: 0px;
}
.jcarousel-skin-history-gallery .jcarousel-clip-horizontal {
  height: 312px;
}
.jcarousel-skin-history-gallery .jcarousel-item {
  height: 312px;
  width: 470px;
}
.jcarousel-skin-history-gallery .jcarousel-item img {
  position: static;
}
.jcarousel-skin-history-gallery .jcarousel-next-horizontal,
.jcarousel-skin-history-gallery .jcarousel-prev-horizontal {
  height: 70px;
  top: 121px;
  width: 38px;
  background: url('/resrc/FaberCastell/images/sprite.png');
}
.jcarousel-skin-history-gallery .jcarousel-prev-horizontal {
  background-position: -153px -72px;
}
.jcarousel-skin-history-gallery .jcarousel-next-horizontal {
  background-position: -191px -72px;
}

.scfForm {
  float: left;
  margin-bottom: 30px;
}
.scfDropListBorder,
.scfEmailBorder,
.scfMultipleLineTextBorder,
.scfSingleLineTextBorder,
.scfPasswordBorder,
.scfNumberBorder,
.scfDatePickerBorder,
.scfDateBorder,
.scfRadioButtonListBorder,
.scfListBoxBorder,
.scfCheckBoxListBorder,
.scfFileUploadBorder,
.scfDateSelectorBorder,
.scfCreditCardBorder,
.scfConfirmPasswordBorder,
.scfCaptchaBorder,
.scfTelephoneBorder,
.scfSmsTelephoneBorder {
  margin: 0 !important;
}
.scfSectionContent {
  background-color: #fff;
  border: 1px solid #F0F0F0 !important;
  color: #868686 !important;
  margin-bottom: 25px !important;
  padding-top: 20px;
}
.scfSectionContent > div {
  float: left;
  margin: 0 0 16px !important;
  width: 100%;
}
.scfFooterBorder {
  margin-bottom: 10px;
}
.scfSubmitButtonBorder {
  margin-bottom: 20px;
}
.scfDropListLabel,
.scfEmailLabel,
.scfMultipleLineTextLabel,
.scfSingleLineTextLabel,
.scfPasswordLabel,
.scfNumberLabel,
.scfDatePickerLabel,
.scfDateLabel,
.scfRadioButtonListLabel,
.scfCheckBoxListLabel,
.scfListBoxLabel,
.scfDateSelectorLabel,
.scfCreditCardLabel,
.scfConfirmPasswordLabel,
.scfTelephoneLabel,
.scfSmsTelephoneLabel {
  font-family: Arial;
  font-size: 12px;
  margin-left: 13px;
  margin-right: 12px;
  width: 126px !important;
}
.scfMultipleLineTextBox,
.scfSingleLineTextBox,
.scfEmailTextBox,
.scfSingleLineGeneralPanel,
.scfNumberGeneralPanel,
.scfEmailGeneralPanel,
.scfMultipleLineGeneralPanel,
.scfTelephoneGeneralPanel,
.scfConfirmPasswordGeneralPanel,
.scfDropListGeneralPanel {
  margin-left: 13px;
  margin-right: 13px;
  padding: 0 !important;
}
.scfMultipleLineTextBox,
.scfSingleLineTextBox,
.scfEmailTextBox,
.scfSingleLineGeneralPanel,
.scfNumberGeneralPanel,
.scfEmailGeneralPanel,
.scfMultipleLineGeneralPanel,
.scfConfirmPasswordGeneralPanel,
.scfTelephoneGeneralPanel {
  width: 294px !important;
}
.scfListBoxGeneralPanel,
.scfDropListGeneralPanel {
  width: 102px !important;
}
.scfForm input,
.scfForm select,
.scfForm textarea {
  border-color: #C4C4C4 #EEEEEE #EEEEEE #C4C4C4;
  border-style: solid;
  border-width: 2px 1px 1px 2px;
}
.scfForm input[type="submit"] {
  background-color: #DEB57C;
  border: 1px solid #E0B679 !important;
  color: #FFFFFF;
  cursor: pointer;
}
.scfCheckbox > label {
  line-height: 18px;
  margin-left: 22px;
  vertical-align: top;
}
.scfFileUpload {
  border: none !important;
}
.scfFileUploadGeneralPanel {
  margin-left: 13px;
  margin-right: 13px;
  padding: 0 !important;
  width: 294px !important;
}
.scfFileUploadLabel {
  margin-left: 13px;
  margin-right: 13px;
  width: 466px !important;
}
.scfSectionBorderAsFieldSet {
  background-color: #fff;
  border: none !important;
  color: #868686 !important;
  width: 430px !important;
  margin: 0 0 20px !important;
  padding: 0 7px !important;
}
.scfSectionBorderAsFieldSet .scfSectionLegend {
  color: #CF9D61 !important;
}
.scfSectionBorderAsFieldSet .scfSectionContent {
  border: none !important;
  margin-bottom: 0 !important;
}
.scfSectionBorder > .scfSectionBorderAsFieldSet {
  border: none !important;
  margin-left: 10px !important;
}
.scfSectionBorderAsFieldSet .scfListBoxGeneralPanel {
  clear: left;
  margin-left: 13px;
}
.scfValidatorRequired,
.scfRequired {
  float: left !important;
  height: 19px;
  line-height: 12px;
  margin-right: 13px !important;
  vertical-align: top;
}
.scfCaptcha {
  width: 100%;
}
.scfCaptcha > div {
  margin-left: 13px;
}
.scfCaptchaGeneralPanel {
  margin: 0;
  padding: 0 !important;
  width: 100% !important;
}
.scfCaptchaLabel {
  width: 0px !important;
}
.scfCaptchaGeneralPanel td input[type="image"] {
  border: 0 none !important;
}
.scfCaptchaGeneralPanel .scfCaptchaLabelText {
  font-family: Arial;
  line-height: 12px;
  margin-right: 25px;
  vertical-align: middle;
  width: 59px !important;
}
.scfCaptchaLabelText {
  float: left;
  width: 50px !important;
}
.scfCaptchStrongTextPanel {
  margin-right: 13px;
  width: 100px !important;
}
.scfCaptchaLimitGeneralPanel {
  float: left;
}
.scfCaptchaTextBox {
  margin-top: -5px !important;
}
.scfCaptchaTextBox {
  float: left;
  width: 100px !important;
}
.scfCaptchaGeneralPanel table {
  margin-bottom: 14px;
  margin-top: 0px !important;
}
.scfCaptchaLimitGeneralPanel > div > table > tbody > tr > td {
  vertical-align: middle !important;
}
.scfCaptchaLimitGeneralPanel > div > table > tbody > tr > td > div > div > img {
  border: 2px solid #F0F0F0 !important;
}
.scfValidationSummary {
  color: #d00917 !important;
  font-family: Arial;
  font-size: 12px;
}
.scfValidationSummary {
  margin-bottom: 20px;
  margin-left: 14px !important;
  margin-right: 14px;
  padding-left: 20px;
}
.scfCaptchaGeneralPanel .scfValidator {
  display: none;
}
.scfCaptchaGeneralPanel .scfValidatorRequired {
  float: left !important;
  margin-top: -5px !important;
}

.print header {
  background: none;
  min-width: 0px;
  max-width: 960px;
}
.print header .header {
  height: 111px;
}
.print footer {
  position: inherit;
  top: 0;
}
.print section {
  width: 960px;
}
.print footer .footer {
  padding-left: 0;
}
.print footer .footer .footer-links {
  display: none;
}
.print .product-detail-header {
  border: solid 1px #d5d5d5;
}
@media print {
  header {
    background: none;
    min-width: 0px;
    max-width: 960px;
  }
  section {
    width: 960px;
  }
  header .header {
    height: 111px;
  }
  .slider,
  .print .slider ul {
    overflow: hidden;
  }
  .product-detail-header {
    border: solid 1px #d5d5d5;
  }
}
.print .overview.vertical .product-image-container {
  height: 317px;
}
.print .overview.horizontal .product-image-container {
  height: 135px;
}

#mainform.redline {
  background-color: #e20026;
}
.redline h1,
.redline h2,
.redline h3,
.redline h4,
.redline h5,
.redline h6 {
  color: #e20026;
}
.redline .grid1 .headline,
.redline .grid3 .headline {
  color: #e20026;
}
.redline .product .overview .product-information .product-downloads a {
  color: #e20026;
}
.redline .product .overview .product-information .product-downloads .icon {
  background-position: 0px -1046px;
  width: 17px;
  height: 17px;
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
}
/* Fat Footer */
.redline .fat-footer .socials .text {
  color: #fff;
}
/* Left Menu */
.redline .left-menu .competence-field {
  background-color: #e20026;
}
.redline .left-menu ul li a {
  border-top-color: #e20026;
  color: #e20026;
}
.redline .left-menu ul > li > ul > li:first-child {
  border-top: 2px solid #e20026;
}
/* Site Path */
.redline .site-path > span {
  color: #e20026;
}
.redline .site-path > ul > li {
  color: #e20026;
}
.redline .site-path > ul > li a {
  color: #e20026;
}
/* Right sidebar */
.redline .grid1 .teaser-tagline,
.redline .grid1 .teaser-title,
.redline .grid3 .teaser-tagline,
.redline .grid3 .teaser-title {
  color: #e20026;
}
.redline .link .text,
.redline .link-list ul li a .text {
  color: #e20026;
}
/* Tabs */
.redline .tabs > ul > li > a {
  color: #e20026;
}
/* MegadropDown */
.redline nav > ul > li > a,
.redline nav > ul > li.drop-down:hover > a,
.redline nav > ul > li:hover > a,
.redline nav > ul > li.selected > a {
  color: #e20026;
}
.redline .main-navigation .multi-column > div > div > a > span,
.redline .main-navigation .multi-column > div > div > div > span {
  color: #e20026;
}
.redline .teaser-list .teaser .teaser-footer h4,
.redline .product-categories-overview .teaser .teaser-footer h4 {
  color: #e20026;
}
/* left menu */
.redline .left-menu > ul {
  border-bottom-color: #e20026;
}
.redline .left-menu ul > li > ul {
  border-top-color: #e20026;
}
/* intro page */
.redline .intro-page .main-teaser .description-wrapper .description h4,
.redline .intro-page .intro-text-wrapper .intro-text h2 {
  color: #e20026;
}
.redline .filtered-items > a > .caption .product-name {
  color: #e20026;
}
.redline .gallery-item .caption {
  color: #e20026;
}
.redline .jcarousel-skin-sites .jcarousel-item a .description h4 {
  color: #e20026;
}
.redline .teaser-slider-container > #sites-slider-list .description h4 {
  color: #e20026;
}

#mainform.creative-studio {
  background-color: #00437c;
}
.creative-studio h1,
.creative-studio h2,
.creative-studio h3,
.creative-studio h4,
.creative-studio h5,
.creative-studio h6 {
  color: #00437c;
}
.creative-studio .grid1 .headline,
.creative-studio .grid3 .headline {
  color: #00437c;
}
/* Fat Footer */
.creative-studio .fat-footer .socials .text {
  color: #fff;
}
/* left menu */
.creative-studio .left-menu > ul {
  border-bottom-color: #00437c;
}
.creative-studio .left-menu ul li a {
  border-top-color: #00437c;
  color: #00437c;
}
.creative-studio .left-menu ul > li > ul {
  border-top-color: #00437c;
}
.creative-studio .left-menu .competence-field {
  background-color: #00437c;
}
.creative-studio .left-menu ul > li > ul > li:first-child {
  border-top: 2px solid #00437c;
}
/* Site Path */
.creative-studio .site-path > span {
  color: #00437c;
}
.creative-studio .site-path > ul > li {
  color: #00437c;
}
.creative-studio .site-path > ul > li a {
  color: #00437c;
}
/* Right sidebar */
.creative-studio .grid1 .teaser-tagline,
.creative-studio .grid1 .teaser-title,
.creative-studio .grid3 .teaser-tagline,
.creative-studio .grid3 .teaser-title {
  color: #00437c;
}
.creative-studio .link .text,
.creative-studio .link-list ul li a .text {
  color: #00437c;
}
/* Tabs */
.creative-studio .tabs > ul > li > a {
  color: #00437c;
}
/* MegadropDown */
.creative-studio nav > ul > li > a,
.creative-studio nav > ul > li.selected > a {
  color: #00437c;
}
.creative-studio nav > ul > li.drop-down:hover > a,
.creative-studio nav > ul > li:hover > a {
  color: #00437c;
}
.creative-studio .main-navigation .multi-column > div > div > a > span,
.creative-studio .main-navigation .multi-column > div > div > div > span {
  color: #00437c;
}
.creative-studio .teaser-list .teaser .teaser-footer h4,
.creative-studio .product-categories-overview .teaser .teaser-footer h4 {
  color: #00437c;
}
/* intro page */
.creative-studio .intro-page .main-teaser .description-wrapper .description h4,
.creative-studio .intro-page .intro-text-wrapper .intro-text h2 {
  color: #00437c;
}
.creative-studio .filtered-items > a > .caption .product-name {
  color: #00437c;
}
.creative-studio .gallery-item .caption {
  color: #00437c;
}
.creative-studio .jcarousel-skin-sites .jcarousel-item a .description h4 {
  color: #00437c;
}
.creative-studio .teaser-slider-container > #sites-slider-list .description h4 {
  color: #00437c;
}

.faber-castell-sprites-accordion-arrow-close {
  background-image: url('../images/sprites.png?ca9ef33d33e6bd265d712138004489dee655e11d');
  background-repeat: no-repeat;
  background-position: -174px -110px;
  height: 12px;
  width: 13px;
}
.faber-castell-sprites-accordion-arrow {
  background-image: url('../images/sprites.png?ca9ef33d33e6bd265d712138004489dee655e11d');
  background-repeat: no-repeat;
  background-position: -159px -95px;
  height: 13px;
  width: 12px;
}
.faber-castell-sprites-basket-white {
  background-image: url('../images/sprites.png?ca9ef33d33e6bd265d712138004489dee655e11d');
  background-repeat: no-repeat;
  background-position: -159px -26px;
  height: 23px;
  width: 32px;
}
.faber-castell-sprites-basket {
  background-image: url('../images/sprites.png?ca9ef33d33e6bd265d712138004489dee655e11d');
  background-repeat: no-repeat;
  background-position: -159px -1px;
  height: 23px;
  width: 32px;
}
.faber-castell-sprites-jcarousel-next {
  background-image: url('../images/sprites.png?ca9ef33d33e6bd265d712138004489dee655e11d');
  background-repeat: no-repeat;
  background-position: -79px -1px;
  height: 70px;
  width: 38px;
}
.faber-castell-sprites-jcarousel-previous {
  background-image: url('../images/sprites.png?ca9ef33d33e6bd265d712138004489dee655e11d');
  background-repeat: no-repeat;
  background-position: -119px -1px;
  height: 70px;
  width: 38px;
}
.faber-castell-sprites-pager-next-button {
  background-image: url('../images/sprites.png?ca9ef33d33e6bd265d712138004489dee655e11d');
  background-repeat: no-repeat;
  background-position: -159px -124px;
  height: 13px;
  width: 12px;
}
.faber-castell-sprites-pager-prev-button {
  background-image: url('../images/sprites.png?ca9ef33d33e6bd265d712138004489dee655e11d');
  background-repeat: no-repeat;
  background-position: -173px -95px;
  height: 13px;
  width: 12px;
}
.faber-castell-sprites-pdf-icon-creative-studio {
  background-image: url('../images/sprites.png?ca9ef33d33e6bd265d712138004489dee655e11d');
  background-repeat: no-repeat;
  background-position: -114px -117px;
  height: 28px;
  width: 28px;
}
.faber-castell-sprites-pdf-icon-redline {
  background-image: url('../images/sprites.png?ca9ef33d33e6bd265d712138004489dee655e11d');
  background-repeat: no-repeat;
  background-position: -54px -117px;
  height: 28px;
  width: 28px;
}
.faber-castell-sprites-pdf-icon {
  background-image: url('../images/sprites.png?ca9ef33d33e6bd265d712138004489dee655e11d');
  background-repeat: no-repeat;
  background-position: -84px -117px;
  height: 28px;
  width: 28px;
}
.faber-castell-sprites-read-more-arrow {
  background-image: url('../images/sprites.png?ca9ef33d33e6bd265d712138004489dee655e11d');
  background-repeat: no-repeat;
  background-position: -159px -110px;
  height: 12px;
  width: 13px;
}
.faber-castell-sprites-search-icon-clean {
  background-image: url('../images/sprites.png?ca9ef33d33e6bd265d712138004489dee655e11d');
  background-repeat: no-repeat;
  background-position: -159px -51px;
  height: 20px;
  width: 21px;
}
.faber-castell-sprites-search-icon {
  background-image: url('../images/sprites.png?ca9ef33d33e6bd265d712138004489dee655e11d');
  background-repeat: no-repeat;
  background-position: -159px -73px;
  height: 20px;
  width: 21px;
}
.faber-castell-sprites-selectbox-down {
  background-image: url('../images/sprites.png?ca9ef33d33e6bd265d712138004489dee655e11d');
  background-repeat: no-repeat;
  background-position: -1px -1px;
  height: 76px;
  width: 76px;
}
.faber-castell-sprites-shopping-cart-expand {
  background-image: url('../images/sprites.png?ca9ef33d33e6bd265d712138004489dee655e11d');
  background-repeat: no-repeat;
  background-position: -71px -79px;
  height: 36px;
  width: 68px;
}
.faber-castell-sprites-shopping-cart-online {
  background-image: url('../images/sprites.png?ca9ef33d33e6bd265d712138004489dee655e11d');
  background-repeat: no-repeat;
  background-position: -1px -117px;
  height: 40px;
  width: 51px;
}
.faber-castell-sprites-shopping-cart-remove-icon {
  background-image: url('../images/sprites.png?ca9ef33d33e6bd265d712138004489dee655e11d');
  background-repeat: no-repeat;
  background-position: -182px -51px;
  height: 8px;
  width: 7px;
}
.faber-castell-sprites-shopping-cart {
  background-image: url('../images/sprites.png?ca9ef33d33e6bd265d712138004489dee655e11d');
  background-repeat: no-repeat;
  background-position: -1px -79px;
  height: 36px;
  width: 68px;
}

/* poll.css */
#poll {
  display: none;
  padding-bottom: 40px;
}
#poll p,
#poll a {
  color: #7d7d7d;
  font-size: 17px;
}
#poll a {
  position: absolute;
  bottom: 0;
  border: 1px solid #7d7d7d;
  display: inline-block;
  min-width: 28px;
  padding: 4px 40px 6px;
  text-align: center;
  text-decoration: none;
}
#poll a + a {
  right: 0;
  left: auto;
}
#poll p {
  padding: 0 9px;
}

/*
    sbOptions from GvFC
*/
.sbHolder {
  background-color: #fff;
  border: 0 none;
  height: 38px;
  position: relative;
}
.sbSelector {
  display: inline-table;
  height: 38px;
  line-height: 38px;
  outline: none;
  overflow: hidden;
  text-indent: 10px;
  top: 0;
  width: 100%;
}
.sbSelector:link,
.sbSelector:visited,
.sbSelector:hover {
  color: #767676;
  outline: none;
  text-decoration: none;
}
.sbOptions {
  position: absolute;
  background-color: white;
  border: solid 1px #efe7df;
  list-style: none;
  line-height: 20px;
  margin: 0;
  padding: 0;
  top: 38px;
  left: 0px;
  z-index: 1;
  overflow-y: auto;
  width: 185px;
  height: 485px;
}
.sbOptions li {
  background-color: #fff;
  padding: 0 7px;
}
.sbOptions li:first-child {
  display: none;
}
.sbOptions li:last-child a {
  border-bottom: 0 none;
}
.sbOptions a {
  border-bottom: solid 1px #002e27;
  display: block;
  outline: none;
  padding: 7px 0 7px 3px;
}
.sbOptions a:link,
.sbOptions a:visited {
  color: #767676;
  text-decoration: none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus {
  color: #000000;
}
.sbOptions li.last a {
  border-bottom: none;
}
.sbOptions .sbDisabled {
  border-bottom: dotted 1px #515151;
  color: #999;
  display: block;
  padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup {
  border-bottom: dotted 1px #515151;
  color: #767676;
  display: block;
  font-weight: bold;
  padding: 7px 0 7px 3px;
}
.sbOptions .sbSub {
  padding-left: 17px;
}
.sbToggle {
  background-image: url('/resrc/GrafFaberCastell/img/sprite.png');
  background-repeat: no-repeat;
  background-position: -330px -191px;
  display: block;
  height: 38px;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 38px;
}
/*
    Ende sbOptions from GvFC
*/
/*
    Start Multiple Select
*/
#fieldsofcompetence {
  width: 185px;
  display: none;
}
.ms-parent {
  box-shadow: 1px 1px 0 0 #ccc;
}
.ms-parent .ms-choice {
  height: 40px;
  color: #767676;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  line-height: 38px;
  border: 0;
}
.ms-parent .ms-choice > div,
.ms-parent .ms-choice > div.open {
  background-image: url('/resrc/GrafFaberCastell/img/sprite.png');
  background-repeat: no-repeat;
  background-position: -330px -191px;
  height: 38px;
  width: 38px;
}
.ms-parent .ms-choice > span,
.ms-parent .ms-drop ul li label {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
}
.ms-parent .ms-drop {
  border: solid 1px #efe7df;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.ms-parent .ms-drop ul {
  padding: 0px 7px;
}
.storelocator .inner .storelocator-head .filter .ms-parent .ms-drop ul li {
  border-top: solid 1px #002e27;
  padding: 7px 0 7px 3px;
  line-height: 13px;
}
.storelocator .inner .storelocator-head .filter .ms-parent .ms-drop ul li:first-child {
  border-top: 0px;
}
.ms-parent .ms-drop ul li label {
  text-align: left;
  color: #767676;
  padding-left: 20px;
  white-space: normal;
  position: relative;
  line-height: 15px;
}
.storelocator .inner .storelocator-head .filter .ms-drop ul li input {
  width: inherit;
  height: inherit;
  position: absolute;
  left: 0;
}
/*
    Ende Multiple Select
*/
.storelocator.endreached .inner {
  position: relative;
}
.storelocator.endreached #map {
  bottom: 20px;
  position: absolute;
  right: 0;
}
.storelocator.sticky .inner .storelocator-head {
  background-color: #fff;
  display: block;
  margin: 0 auto;
  max-width: 1000px;
  position: fixed;
  top: 0;
}
.storelocator.sticky .inner .message {
  background-color: #fff;
  display: block;
  top: 117px;
  width: 350px;
  z-index: 99;
}
.storelocator.sticky .inner #map {
  display: block;
  position: fixed !important;
  top: 117px;
  width: 375px;
}
.storelocator .store-label {
  color: #000000;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 13px;
  line-height: 1.2em;
  width: 20px;
  text-align: center;
  position: absolute;
  left: 3px;
  top: 6px;
}
.storelocator .inner {
  display: inline;
  float: left;
  width: 90%;
  margin: 0 0%;
  margin-left: 3.25%;
  margin-right: 3.25%;
}
.storelocator .inner .storelocator-head {
  border-bottom: 1px solid #002e27;
  padding-top: 25px;
  z-index: 50;
}
.storelocator .inner .storelocator-head > .title {
  text-align: center;
  font-size: 21px;
  line-height: 22px;
}
.storelocator .inner .storelocator-head .filter {
  padding-top: 20px;
  padding-bottom: 28px;
  text-align: center;
  min-width: 466px;
}
.storelocator .inner .storelocator-head .filter > * {
  margin: 0 10px;
}
.storelocator .inner .storelocator-head .filter .sbHolder {
  display: inline-block;
  width: 185px;
  height: 40px;
  background-color: #fff;
  box-shadow: 1px 1px 0 0 #ccc;
}
.storelocator .inner .storelocator-head .filter .sbHolder a {
  text-align: left;
}
.storelocator .inner .storelocator-head .filter .sbHolder .sbSelector {
  width: 185px;
  text-align: left;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.storelocator .inner .storelocator-head .filter input {
  font-size: 12px;
  line-height: 16px;
  color: #767676;
  vertical-align: top;
  padding: 0 10px;
  display: inline-block;
  width: 185px;
  height: 39px;
  border: none;
  border-left: 1px solid;
  border-top: 1px solid;
  border-color: #ccc;
}
.storelocator .inner .storelocator-head .filter input[type="checkbox"] {
  padding: 0;
}
.storelocator .inner .storelocator-head .filter input:focus {
  outline: none;
}
.storelocator .inner .storelocator-head .filter .search {
  position: relative;
  width: 210px;
  display: inline-block;
  vertical-align: middle;
}
.storelocator .inner .storelocator-head .filter .search .icon {
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 10px;
}
.storelocator .inner .storelocator-head.at-bottom {
  position: absolute;
  top: -130px;
}
.storelocator .inner .storelocator-aside {
  float: left;
  width: 54%;
  z-index: 10;
  margin-bottom: 20px;
}
.storelocator .inner .storelocator-aside .message-title {
  padding-bottom: 10px;
  display: none;
}
.storelocator .inner .storelocator-aside .message {
  padding-top: 26px;
  padding-bottom: 26px;
  border-bottom: 1px solid #002e27;
  font-size: 15px;
  color: #767676;
}
.storelocator .inner .storelocator-aside .message.at-bottom {
  position: absolute;
  top: auto;
}
.storelocator .inner .storelocator-aside .scrollbar {
  display: none;
}
.storelocator .inner .storelocator-aside .viewport {
  overflow: hidden;
  min-height: 380px;
}
.storelocator .inner .storelocator-aside ul {
  margin: 0;
  padding-left: 0;
  width: 100%;
  list-style: none;
  -moz-transition: top 0.6s;
  -o-transition: top 0.6s;
  -webkit-transition: top 0.6s;
  transition: top 0.6s;
}
.storelocator .inner .storelocator-aside ul.fieldsOfCompetence {
  padding-left: 25px;
  padding-bottom: 10px;
}
.storelocator .inner .storelocator-aside ul.fieldsOfCompetence li {
  list-style-type: disc;
}
.storelocator .inner .storelocator-aside ul li {
  padding-top: 16px;
  border-bottom: 1px solid #002e27;
}
.storelocator .inner .storelocator-aside ul li.expanded .more {
  display: none;
  text-decoration: underline;
}
.storelocator .inner .storelocator-aside ul li.expanded .close {
  display: block;
  text-decoration: underline;
}
.storelocator .inner .storelocator-aside ul li.expanded .preview {
  cursor: default;
}
.storelocator .inner .storelocator-aside ul li .preview {
  position: relative;
  cursor: pointer;
  padding-bottom: 10px;
}
.storelocator .inner .storelocator-aside ul li .preview:hover .more {
  color: #767676;
  text-decoration: underline;
}
.storelocator .inner .storelocator-aside ul li .icon {
  width: 27px;
  height: auto;
  float: left;
  padding-right: 15px;
}
.storelocator .inner .storelocator-aside ul li .close,
.storelocator .inner .storelocator-aside ul li .more {
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 0;
  text-decoration: underline;
}
.storelocator .inner .storelocator-aside ul li .close {
  display: none;
}
.storelocator .inner .storelocator-aside ul li .title {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 14px;
  line-height: 1.2em;
  line-height: 17px;
  min-height: 17px;
  padding-bottom: 3px;
}
.storelocator .inner .storelocator-aside ul li .subtitle {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 12px;
  line-height: 1.2em;
  min-height: 14px;
}
.storelocator .inner .storelocator-aside ul li .address {
  padding-top: 8px;
}
.storelocator .inner .storelocator-aside ul li .phone,
.storelocator .inner .storelocator-aside ul li .distance,
.storelocator .inner .storelocator-aside ul li .title,
.storelocator .inner .storelocator-aside ul li .subtitle,
.storelocator .inner .storelocator-aside ul li .sreet,
.storelocator .inner .storelocator-aside ul li .city {
  display: block;
}
.storelocator .inner .storelocator-aside ul li .phone,
.storelocator .inner .storelocator-aside ul li .street,
.storelocator .inner .storelocator-aside ul li .city {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 13px;
  line-height: 1.2em;
  line-height: 20px;
}
.storelocator .inner .storelocator-aside ul li .info {
  width: 43%;
  padding-top: 8px;
  float: right;
}
.storelocator .inner .storelocator-aside ul li .address,
.storelocator .inner .storelocator-aside ul li .details .details-wrapper {
  width: 48%;
  float: left;
}
.storelocator .inner .storelocator-aside ul li .details {
  display: none;
  padding-bottom: 10px;
}
.storelocator .inner .storelocator-aside ul li .details ul {
  position: relative;
}
.storelocator .inner .storelocator-aside ul li .details ul li {
  padding: 0;
  border: none;
}
.storelocator .inner .storelocator-aside ul li .details .opening-hours {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 13px;
  line-height: 1.2em;
  line-height: 20px;
  padding-top: 19px;
}
.storelocator .inner .storelocator-aside ul li .details .opening-hours td {
  vertical-align: top;
  padding-right: 7px;
}
.storelocator .inner .storelocator-aside ul li .details p {
  line-height: inherit;
  font-size: inherit;
  font-family: inherit;
}
.storelocator .inner .storelocator-aside ul li .details img {
  max-width: 45%;
  float: right;
}
.storelocator .inner #map {
  padding-top: 4px;
  float: right;
  margin-top: 26px;
  width: 375px;
  height: 375px;
}
.storelocator .inner #map img {
  max-width: none;
}
.storelocator .inner #map.at-bottom {
  bottom: 0;
  left: auto !important;
  position: absolute !important;
  right: 0;
  top: auto !important;
}
.storelocator ~ div div {
  margin-left: 30px;
  border-bottom: 1px solid #002e27;
  padding-bottom: 10px;
  width: 51%;
  font-size: 14px;
}
.storelocator ~ div h4 {
  margin-left: 30px;
  padding-bottom: 10px;
  width: 51%;
  font-size: 14px;
}
.storelocator ~ div div p {
  padding: 0px;
  margin: 0px;
}
.info-window {
  width: 320px;
  padding: 8px 0px 1px 9px;
}
.info-window .image-wrapper {
  float: left;
  width: 80px;
  padding-right: 20px;
}
.info-window .image-wrapper img {
  width: 100%;
  height: auto;
}
.info-window .text {
  font-family: Helvetica, Arial, sans-serif;
  width: 180px;
  float: left;
}
.info-window .text .title,
.info-window .text .subtitle {
  line-height: 20px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 14px;
  line-height: 1.2em;
}
.info-window .text span {
  display: block;
  line-height: 20px;
}
.info-window .text .links {
  padding-top: 20px;
}
.storelocator .storelocator-head > .title {
  font-family: Didot, Cambria, Times New Roman, serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 1.2em;
  color: #767676;
}
.storelocator .title,
.storelocator .subtitle {
  color: #000000;
}
.storelocator .sbHolder {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 1.2em;
}
.storelocator .button {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 1.2em;
  background-color: #002e27;
  color: #fff;
  text-decoration: none;
}
.storelocator .message-title {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 17px;
  line-height: 1.2em;
  color: #000000;
}
.storelocator .message {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 13px;
  line-height: 1.2em;
}
.storelocator ul li {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 13px;
  line-height: 1.2em;
}
.clear {
  clear: both;
}

/**
 * @author zhixin wen <wenzhixin2010@gmail.com>
 */
.ms-parent {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.ms-choice {
  display: block;
  width: 100%;
  height: 26px;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #aaa;
  text-align: left;
  white-space: nowrap;
  line-height: 26px;
  color: #444;
  text-decoration: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
}
.ms-choice.disabled {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}
.ms-choice > span {
  position: absolute;
  top: 0;
  left: 0;
  right: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  padding-left: 8px;
}
.ms-choice > span.placeholder {
  color: #999;
}
.ms-choice > div {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 25px;
  background: url('multiple-select.png') left top no-repeat;
}
.ms-choice > div.open {
  background: url('multiple-select.png') right top no-repeat;
}
.ms-drop {
  width: 100%;
  overflow: hidden;
  display: none;
  margin-top: -1px;
  padding: 0;
  position: absolute;
  z-index: 1000;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.ms-drop.bottom {
  top: 100%;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.ms-drop.top {
  bottom: 100%;
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
}
.ms-search {
  display: inline-block;
  margin: 0;
  min-height: 26px;
  padding: 4px;
  position: relative;
  white-space: nowrap;
  width: 100%;
  z-index: 10000;
}
.ms-search input {
  width: 100%;
  height: auto !important;
  min-height: 24px;
  padding: 0 20px 0 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border: 1px solid #aaa;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: #ffffff url('multiple-select.png') no-repeat 100% -22px;
  background: url('multiple-select.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
  background: url('multiple-select.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url('multiple-select.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url('multiple-select.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
  background: url('multiple-select.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
  background: url('multiple-select.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
}
.ms-search,
.ms-search input {
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.ms-drop ul {
  overflow: auto;
  margin: 0;
  padding: 5px 8px;
}
.ms-drop ul > li {
  list-style: none;
  display: list-item;
  background-image: none;
  position: static;
}
.ms-drop ul > li .disabled {
  opacity: .35;
  filter: alpha(opacity=35);
}
.ms-drop ul > li.multiple {
  display: block;
  float: left;
}
.ms-drop ul > li.group {
  clear: both;
}
.ms-drop ul > li.multiple label {
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ms-drop ul > li label {
  font-weight: normal;
  display: block;
  white-space: nowrap;
}
.ms-drop ul > li label.optgroup {
  font-weight: bold;
}
.ms-drop input[type="checkbox"] {
  vertical-align: middle;
}
.ms-drop .ms-no-results {
  display: none;
}