a, abbr, address, article, aside, audio, b, blockquote, body, canvas,
caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset,
figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup,
html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, p, #headtop #headerNavigation span, pre, q, samp, section, small, span, strong, sub, summary,
sup, time, ul, var, video {
  border: 0;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  padding: 0;
  vertical-align: baseline; }

article, aside, canvas, details, figcaption, figure, footer, header,
hgroup, menu, nav, section, summary {
  display: block; }

a, ins {
  text-decoration: none; }

ul, ol, li {
  list-style: none; }

q:after, q:before {
  content: ""; }

form {
  display: inline; }

b {
  font-weight: bold; }

cite {
  text-style: italic; }

strong {
  font-weight: bold; }

/**
* FontShop sitewide font face
* /core/_FontFace.scss
*
* includes the basic core typography
*
* (gets included in sitewide.scss)
**/
@font-face {
  font-family: "unit";
  src: url("/css/webfonts/unit/UnitWebPro.eot"); }

@font-face {
  font-family: "unit";
  src: url("/css/webfonts/unit/UnitWebPro.woff") format("woff"); }

@font-face {
  font-family: "unit-bold";
  src: url("/css/webfonts/unit/UnitWebPro-Bold.eot"); }

@font-face {
  font-family: "unit-bold";
  src: url("/css/webfonts/unit/UnitWebPro-Bold.woff") format("woff"); }

@font-face {
  font-family: "unit-italic";
  src: url("/css/webfonts/unit/UnitWebPro-Ita.eot"); }

@font-face {
  font-family: "unit-italic";
  src: url("/css/webfonts/unit/UnitWebPro-Ita.woff") format("woff"); }

@font-face {
  font-family: "unit-sc";
  src: url("/css/webfonts/unit/UnitScWebPro.eot"); }

@font-face {
  font-family: "unit-sc";
  src: url("/css/webfonts/unit/UnitScWebPro.woff") format("woff"); }

/**
* holds the core font-variables
* gets included in FontFace.scss
* or read out everywhere else
*
**/
body {
  background-color: #ffde00;
  color: black;
  min-width: 950px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; }

body {
  font-size: 81.25%; }

html > body {
  font-size: 13px; }

/**
* FontShop Headers
* /core/_Headers.scss
*
* core h1, h2, h3 and h4 styling
*
* (gets included in sitewide.scss)
**/
h1 {
  font-size: 2em;
  color: #333333;
  font-family: unit-bold, Helvetica, Arial, sans-serif;
  font-weight: 500;
  margin-top: 18px;
  margin-bottom: 18px; }
  h1.section_head, h1#section_head {
    font-size: 1.846em;
    color: #333333;
    font-weight: 500;
    line-height: 1.846em;
    margin-top: 29px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px; }
    h1.section_head input, h1#section_head input {
      float: right; }
  h1.section_head img, h1#section_head img {
    vertical-align: -2px; }

h2 {
  font-size: 1.538em;
  font-family: unit-bold, Helvetica, Arial, sans-serif;
  color: black;
  margin-top: 23px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px; }
  h2.unit {
    font-size: 2em;
    color: #222222;
    font-family: unit-bold, Helvetica, Arial, sans-serif;
    font-weight: 500; }
  h2.inline {
    display: inline; }
  h2 a.orderEdit {
    font-size: 0.615em; }

h3 {
  font-size: 1.231em;
  color: black;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: 1.385em;
  margin-top: 15px;
  margin-bottom: 0px; }
  h3.inline {
    display: inline; }
  h3.product_name a {
    font-weight: bold !important; }

h4 {
  font-size: 1em;
  font-family: unit-bold, Helvetica, Arial, sans-serif;
  margin-top: 17px;
  margin-bottom: 17px; }

h5 {
  font-family: unit-bold, Helvetica, Arial, sans-serif; }

/**
* FontShop Lists
* /core/_Lists.scss
*
* holds all the sitwide ul, li and ol-list elements,
* which hold parts of the shpping cart, the product listing and menu-items
* (gets included in sitewide.scss)
**/
ul#reasons_to_register li {
  list-style-type: square;
  margin-left: 13px; }
ul.vat_list {
  list-style-type: square;
  margin-left: 26px; }
ul #family_showing li {
  position: relative;
  /* make sure all listings can accomadate absolute positioning, sits also under li.product */ }
ul.tabs {
  border-bottom: solid 1px #cccccc;
  cursor: pointer;
  height: 25px;
  margin-bottom: 10px;
  margin-left: 0px;
  width: 560px; }
  ul.tabs .tab {
    font-size: 0.846em;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    background-color: transparent;
    border-top: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    border-bottom: 1px solid white;
    float: left;
    font-weight: bold;
    height: 14px;
    margin-left: -1px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 9px; }
  ul.tabs .left-tab {
    border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 0px; }
  ul.tabs .tab-inactive {
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    border-bottom: 1px solid white;
    color: #cccccc; }
    ul.tabs .tab-inactive:hover {
      cursor: pointer;
      color: black; }
  ul.tabs .tab-leftcorner {
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-left: solid 1px #cccccc; }
ul.ui-menu {
  display: block;
  float: left;
  list-style: none;
  margin: 0px;
  padding: 2px; }
  ul.ui-menu ul.ui-menu {
    margin-top: -3px; }
  ul.ui-menu li.ui-menu-item {
    clear: left;
    float: left;
    margin: 0px;
    padding: 0px;
    zoom: 1;
    width: 100%; }
    ul.ui-menu li.ui-menu-item a {
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      display: block;
      line-height: 1.538em;
      text-decoration: none;
      padding-top: 3px;
      padding-right: 5px;
      padding-bottom: 3px;
      padding-left: 5px;
      zoom: 1; }
      ul.ui-menu li.ui-menu-item a.ui-state-hover {
        font-weight: normal; }
      ul.ui-menu li.ui-menu-item a.ui-state-active {
        font-weight: normal; }
ul.ui-corner-all {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }
ul.ui-widget-content {
  border: solid 1px #666666;
  background-color: white;
  background-image: url("/css/images/ui-bg_flat_75_ffffff_40x100.png");
  background-position: 50% 50%;
  background-repeat: repeat-x;
  color: black; }

li.moduleRowSelected {
  background-color: #ffde00; }
li.moduleRowOver {
  /* hover-effect in address book, gets applied via JavaScript */
  background-color: #ffeb66;
  cursor: pointer; }
li.required {
  color: black;
  font-weight: bold; }
li.optional {
  color: #cccccc;
  font-weight: normal; }
li.existing_address_form div.address_radio {
  float: right;
  width: 24px; }
li.existing_address_form div.address_text {
  margin-right: 24px; }
li.content {
  padding-right: 20px;
  padding-left: 20px; }
  li.content div.insideFc {
    padding-top: 18px;
    padding-right: 0px;
    padding-bottom: 18px;
    padding-left: 0px; }
    li.content div.insideFc p.fontListcount, li.content div.insideFc #headtop #headerNavigation span.fontListcount, #headtop #headerNavigation li.content div.insideFc span.fontListcount {
      float: right;
      margin: 0px;
      padding-top: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left: 10px; }
    li.content div.insideFc p img, li.content div.insideFc #headtop #headerNavigation span img, #headtop #headerNavigation li.content div.insideFc span img {
      vertical-align: -5px;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 10px;
      padding: 0px; }
    li.content div.insideFc h3.product_name {
      font-size: 1.154em;
      border-bottom: 1px solid #666666;
      color: black;
      display: inline;
      font-weight: bold;
      margin-left: 3px;
      text-decoration: none; }
      li.content div.insideFc h3.product_name a {
        color: black;
        text-decoration: none; }
      li.content div.insideFc h3.product_name p.manubyline, li.content div.insideFc h3.product_name #headtop #headerNavigation span.manubyline, #headtop #headerNavigation li.content div.insideFc h3.product_name span.manubyline {
        font-size: 0.923em;
        display: inline;
        margin: 0px; }
li#download_links table {
  font-size: 1em; }
li#galleryTab span.gallery_badge {
  font-size: 0.692em;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: gray;
  color: white;
  display: block;
  float: left;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 5px;
  padding-top: 1px;
  padding-right: 3px;
  padding-bottom: 1px;
  padding-left: 3px;
  text-decoration: none; }
li#galleryTab:hover .gallery_badge {
  background-color: #ff0078; }

ol.decimal li {
  list-style-type: decimal;
  margin-bottom: 13px;
  margin-left: 20px; }

/**
* FontShop Tables
* /core/_Tables.scss
*
* holds all the sitwide table, td, th and tr-tag styling 
* (gets included in sitewide.scss)
**/
table.productListing {
  font-size: 1em;
  border-bottom: 1px solid #666666;
  margin-bottom: 0px; }
table#contact_form {
  margin-left: 8px; }
table.gallery-images {
  margin-top: 15px;
  width: 557px; }
  table.gallery-images td a {
    display: block;
    padding-top: 7px;
    padding-right: 7px;
    padding-bottom: 5px;
    padding-left: 7px;
    width: 172px; }
    table.gallery-images td a:hover {
      background-color: #cccccc; }
  table.gallery-images td img {
    border: solid 1px #cccccc; }

td.productListing-heading {
  border-bottom: 1px solid #666666;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase; }
td.smallText, p.smallText, #headtop #headerNavigation span.smallText, span.smallText {
  font-size: 0.769em; }
td.price {
  text-align: right; }

th {
  font-size: 0.923em;
  color: #666666;
  font-weight: normal;
  padding-top: 1px;
  padding-right: 5px;
  padding-bottom: 1px;
  padding-left: 5px;
  text-align: left; }

tr.odd {
  background-color: #f2f2f2; }

/**
* FontShop sitewide Paragraph (p-tags)
* /core/_ParagraphLinksImages.scss
*
* hold all the sitewide p-tag id's and classes
*
* (gets included in sitewide.scss)
**/
p, #headtop #headerNavigation span {
  max-width: 520px;
  margin-top: 10px;
  margin-bottom: 10px; }
  p.float_left, #headtop #headerNavigation span.float_left {
    float: left; }
  p.subtle, a.subtle, #headtop #headerNavigation span.subtle {
    font-size: 0.846em;
    color: #666666; }
  p.submit_buttons, #headtop #headerNavigation span.submit_buttons {
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-left: 10px;
    text-align: right; }
  p.print_eula, #headtop #headerNavigation span.print_eula {
    margin-top: 0px;
    margin-right: 80px;
    margin-bottom: 0px;
    margin-left: 80px; }
  p.required, #headtop #headerNavigation span.required {
    font-weight: bold;
    text-align: right; }
  p.stockWarning, #headtop #headerNavigation span.stockWarning {
    font-size: 0.769em;
    color: #c00000; }
  p.product_keywords, #headtop #headerNavigation span.product_keywords {
    font-size: 0.769em;
    color: #333333; }
  p.nosale, #headtop #headerNavigation span.nosale {
    font-size: 0.769em;
    float: right;
    text-align: center;
    width: 90px; }
  p.fcCatdesc, #headtop #headerNavigation span.fcCatdesc {
    min-height: 75px;
    width: 450px; }
  p.red, #headtop #headerNavigation span.red {
    color: #c00000; }
    p.red a, #headtop #headerNavigation span.red a {
      color: #c00000; }
  p.web_render_info, #headtop #headerNavigation span.web_render_info {
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 20px; }
  p.manubyline, #headtop #headerNavigation span.manubyline {
    font-size: 0.923em;
    display: inline;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 1px; }
  p.fontListcount, #headtop #headerNavigation span.fontListcount {
    float: right;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px !important;
    padding-left: 0px !important;
    text-align: left;
    width: 170px; }
    p.fontListcount a.fsbutton, #headtop #headerNavigation span.fontListcount a.fsbutton {
      display: inline-block;
      float: right;
      margin-left: 8px; }

a {
  color: #666666;
  text-decoration: underline; }
  a:hover {
    color: #c00000; }
  a.orderEdit, a.editlink {
    font-size: 0.615em;
    color: #c00000;
    font-weight: normal;
    text-decoration: underline;
    text-transform: lowercase; }
  a.fs_tooltip {
    display: inline; }
    a.fs_tooltip:hover {
      position: relative; }
      a.fs_tooltip:hover span {
        background-color: #ffeb66;
        border: 1px solid #ffe84d;
        color: #333333;
        display: block;
        left: -30px;
        line-height: 1.308em;
        margin: 10px;
        padding: 5px;
        position: absolute;
        top: 16px;
        width: 350px;
        z-index: 100; }
    a.fs_tooltip span {
      display: none; }
  a.orderEdit, a.editlink {
    font-size: 0.769em;
    color: #c00000;
    font-weight: normal;
    text-decoration: underline;
    text-transform: lowercase; }
  a.openTypelink img {
    vertical-align: -2px; }

img.fontcasecategory-img {
  padding: 10px; }

dt {
  font-weight: bold;
  margin-top: 4px;
  margin-right: 0px;
  margin-bottom: 4px;
  margin-left: 0px; }

pre {
  font-size: 0.846em; }

/**
* /core/_sitewideDivSpanClasses.scss
* FontShop Sitewide Div and Span id's and classes
*
* holds all kinds of id's/classes from the shopping-cart and the checout process and the bookmarklet 
*
* @TODO move shopping-cart related classes in own SASS-module
*
* (gets included in sitewide.scss)
**/
div.float_left {
  float: left; }
div.address_list, div.login_left {
  float: left;
  padding: 0.5%;
  width: 40%; }
div.address_list {
  float: left;
  padding: 0.5%;
  width: 40%; }
div.new_address {
  float: right;
  padding: 0.5%;
  width: 55%; }
div.eula_box {
  border: none !important;
  border-bottom: 1px solid #cccccc;
  margin-top: -5px;
  margin-right: 10px;
  margin-bottom: 7px;
  margin-left: 0px;
  padding-bottom: 7px;
  vertical-align: middle; }
div.inputRequirement {
  font-size: 0.769em;
  color: #c00000; }
div.address_listing {
  padding-top: 10px;
  padding-right: 5px;
  padding-bottom: 10px;
  padding-left: 5px; }
  div.address_listing p.address, div.address_listing #headtop #headerNavigation span.address, #headtop #headerNavigation div.address_listing span.address {
    margin: 0;
    padding: 0; }
  div.address_listing p.address_admin, div.address_listing #headtop #headerNavigation span.address_admin, #headtop #headerNavigation div.address_listing span.address_admin {
    margin: 0;
    padding: 0; }
div.inverse {
  color: black; }
  div.inverse:visited {
    color: #cccccc; }
  div.inverse:hover {
    color: #c00000;
    text-decoration: underline; }
div.product_description {
  margin-bottom: 20px; }
  div.product_description ul li {
    list-style-type: square;
    margin-left: 20px; }
div.buy_now_box {
  float: right;
  margin: 0px; }
  div.buy_now_box .processing {
    text-align: center; }
div.buy_elsewhere_box {
  font-size: 0.769em;
  float: right;
  padding: 4px;
  width: 90px; }
div.two_column_content_left #submitDiv {
  font-size: 0.769em;
  font-weight: bold;
  height: 20px;
  margin-top: -23px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 360px;
  width: 177px; }
div.two_column_content_left #commentSpan {
  margin-top: -70px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px; }
div.two_column_content_left small#requiredTextContact {
  margin-right: 165px;
  width: 200px; }
div.two_column_content_left table#contact_form tbody td input {
  color: #666666; }
div.two_column_content_left table#contact_form tbody td textarea#comments {
  color: #666666; }
div#research_success {
  height: 500px; }
div#contact_second_column {
  background-color: #e0e0e0;
  height: 560px;
  float: right;
  margin-top: 0px;
  margin-right: -20px;
  margin-bottom: -247px;
  margin-left: 0px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 15px;
  width: 175px; }
div#signin span#incorrectPasswordSpan {
  *margin-left: 10px;
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  width: 170px; }
div#signin span#accountNotVerifiedSpan {
  height: 40px;
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  width: 100px; }
div#signin input #loginSubmitButton {
  margin-top: 7px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  *margin: -5px 0 0; }
div#signin p #passForgotten, div#signin #headtop #headerNavigation span #passForgotten, #headtop #headerNavigation div#signin span #passForgotten {
  margin-top: -5px; }
div.fcsort {
  border-top: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 5px;
  padding-left: 0px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 10px; }
div.multiLine {
  padding-left: 25px;
  width: 350px; }
  div.multiLine a.fcIcon {
    margin-left: -9px;
    text-decoration: none; }
    div.multiLine a.fcIcon img.fcIcon {
      margin-right: 3px;
      text-decoration: none;
      vertical-align: -2px; }
  div.multiLine h3.product_name {
    margin-left: 0px; }
div#specimen_form {
  font-size: 0.923em;
  background-color: #e6e6e6;
  display: none;
  margin: 18px; }
  div#specimen_form div#specimen_title {
    background-color: #e6e6e6;
    clear: left;
    padding-top: 5px;
    padding-right: 12px;
    padding-bottom: 5px;
    padding-left: 12px; }
  div#specimen_form div.specimen_content {
    padding-top: 6px;
    padding-right: 12px;
    padding-bttom: 1px;
    padding-left: 12px; }
div#shipped_products table {
  font-size: 1em; }
div#render_controls div.renderOptions {
  float: left;
  padding-left: 20px; }
div#render_controls div.renderButtons {
  float: left;
  padding-top: 2px; }
  div#render_controls div.renderButtons input {
    float: left; }
  div#render_controls div.renderButtons span#reset {
    clear: none;
    display: block;
    float: left;
    height: 20px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 5px;
    width: 58px; }
    div#render_controls div.renderButtons span#reset background {
      image: url("/images/icons/reset.gif"); }
    div#render_controls div.renderButtons span#reset:hover {
      cursor: pointer;
      background-image: url("/images/icons/reset.gif");
      background-position: 0px -20px; }
    div#render_controls div.renderButtons span#reset.reset_off {
      background-position: 0 -40px; }
div.webFontProducts {
  margin-bottom: 10px; }
div#bookmarklet_holder_gallery, div#bookmarklet_holder {
  margin-top: 20px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px; }
  div#bookmarklet_holder_gallery.hide_block, div.hide_block#bookmarklet_holder {
    display: none; }
  div#bookmarklet_holder_gallery .gallery_instructions, div#bookmarklet_holder .gallery_instructions {
    border: solid 1px #cccccc;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0px; }
  div#bookmarklet_holder_gallery div#bookmarklet_item, div#bookmarklet_holder div#bookmarklet_item {
    display: none;
    margin-bottom: 20px; }
  div#bookmarklet_holder_gallery a#bookmarklet_link, div#bookmarklet_holder a#bookmarklet_link {
    font-size: 0.769em;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #666666;
    color: white;
    display: block;
    float: left;
    font-weight: bold;
    height: 15px;
    margin-top: 2px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 11px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none; }
  div#bookmarklet_holder_gallery span#bookmarklet_toggle, div#bookmarklet_holder span#bookmarklet_toggle {
    cursor: pointer;
    text-decoration: underline; }
    div#bookmarklet_holder_gallery span#bookmarklet_toggle:hover, div#bookmarklet_holder span#bookmarklet_toggle:hover {
      background-color: #ffe533; }
  div#bookmarklet_holder_gallery p, div#bookmarklet_holder p, div#bookmarklet_holder_gallery #headtop #headerNavigation span, #headtop #headerNavigation div#bookmarklet_holder_gallery span, div#bookmarklet_holder #headtop #headerNavigation span, #headtop #headerNavigation div#bookmarklet_holder span {
    margin: 0px; }
    div#bookmarklet_holder_gallery p#step_one, div#bookmarklet_holder p#step_one, div#bookmarklet_holder_gallery #headtop #headerNavigation span#step_one, #headtop #headerNavigation div#bookmarklet_holder_gallery span#step_one, div#bookmarklet_holder #headtop #headerNavigation span#step_one, #headtop #headerNavigation div#bookmarklet_holder span#step_one {
      background-image: url("/images/bookmarklet/one.gif");
      background-repeat: no-repeat;
      background-scroll: scroll;
      background-position: left top; }
    div#bookmarklet_holder_gallery p#step_two, div#bookmarklet_holder p#step_two, div#bookmarklet_holder_gallery #headtop #headerNavigation span#step_two, #headtop #headerNavigation div#bookmarklet_holder_gallery span#step_two, div#bookmarklet_holder #headtop #headerNavigation span#step_two, #headtop #headerNavigation div#bookmarklet_holder span#step_two {
      background-image: url("/images/bookmarklet/two.gif");
      background-repeat: no-repeat;
      background-scroll: scroll;
      background-position: left top; }
    div#bookmarklet_holder_gallery p#step_three, div#bookmarklet_holder p#step_three, div#bookmarklet_holder_gallery #headtop #headerNavigation span#step_three, #headtop #headerNavigation div#bookmarklet_holder_gallery span#step_three, div#bookmarklet_holder #headtop #headerNavigation span#step_three, #headtop #headerNavigation div#bookmarklet_holder span#step_three {
      background-image: url("/images/bookmarklet/three.gif");
      background-repeat: no-repeat;
      background-scroll: scroll;
      background-position: left top; }
    div#bookmarklet_holder_gallery p.steps, div#bookmarklet_holder p.steps, div#bookmarklet_holder_gallery #headtop #headerNavigation span.steps, #headtop #headerNavigation div#bookmarklet_holder_gallery span.steps, div#bookmarklet_holder #headtop #headerNavigation span.steps, #headtop #headerNavigation div#bookmarklet_holder span.steps {
      font-size: 0.846em;
      margin-bottom: 20px;
      padding-left: 30px;
      width: 250px; }
    div#bookmarklet_holder_gallery p.type11, div#bookmarklet_holder p.type11, div#bookmarklet_holder_gallery #headtop #headerNavigation span.type11, #headtop #headerNavigation div#bookmarklet_holder_gallery span.type11, div#bookmarklet_holder #headtop #headerNavigation span.type11, #headtop #headerNavigation div#bookmarklet_holder span.type11 {
      font-size: 0.846em; }
  div#bookmarklet_holder_gallery img.gallery_instructions, div#bookmarklet_holder img.gallery_instructions {
    border: solid 1px #cccccc;
    margin-top: 0px;
    margin-right: 15px;
    margin-bottom: 15px;
    margin-left: 0px; }
div#bookmarklet_holder {
  margin-left: 20px; }
div.productInfoNotes {
  font-size: 0.769em;
  background-color: #fff8cc;
  display: inline;
  font-weight: bold;
  margin-left: 15px;
  padding-top: 3px;
  padding-right: 4px;
  padding-bottom: 3px;
  padding-left: 7px; }
  div.productInfoNotes a {
    color: black; }
    div.productInfoNotes a:hover {
      color: #c00000;
      text-decoration: none; }
div.share_holder {
  font-size: 0.846em;
  float: right;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
  margin-right: 20px;
  padding: 0px;
  text-align: right;
  width: 190px; }
  div.share_holder a.share_page {
    display: block;
    height: 16px;
    float: right;
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 4px;
    width: 16px; }
div.purchase_options table.product_listing td.product_name a {
  font-size: 1.077em; }
div.badges_onliner_wrapper {
  float: right;
  margin-top: -25px;
  text-align: right; }
  div.badges_onliner_wrapper a {
    text-decoration: none; }
div.jqfancyzoombox img {
  box-shadow: 5px 5px 20px 0px #666666;
  -moz-box-shadow: 5px 5px 20px 0px #666666;
  -webkit-box-shadow: 5px 5px 20px 0px #666666;
  background-color: white; }

span.lightGrey {
  color: #737373; }
span.handCursor {
  cursor: pointer; }
span.newItemInCart {
  font-size: 0.769em;
  color: #c00000; }
span.markProductOutOfStock {
  font-size: 0.923em;
  color: #c00000;
  font-weight: bold; }
span.productSpecialPrice {
  color: #c00000; }
span.inputRequirement {
  font-size: 0.769em;
  color: #c00000; }
span.profileInfo {
  font-size: 0.923em;
  color: black;
  display: block;
  font-family: unit, Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: 1.615em;
  margin-top: 5px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 10px; }
span.errorLogin {
  font-size: 0.923em;
  color: #c00000;
  display: inline;
  font-weight: bold;
  letter-spacing: -1px;
  margin-left: 5px;
  position: relative; }
span.eulaErrorSpan {
  font-size: 0.923em;
  margin-top: 0px;
  margin-right: 9px;
  margin-bottom: 0px;
  margin-left: 9px;
  position: absolute; }
span#eulaErrorBottom {
  color: #c00000;
  margin-top: 8px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 298px;
  position: absolute; }
span.errorIcon {
  color: #c00000; }
span#shipping_error_span {
  color: #c00000;
  margin-top: 69px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 283px;
  position: absolute; }

/**
* FontShop Form Elements
* /core/_SitewideForms.scss
*
* contains the basic stying for all form, checkbox, input, radio, select, textarea, fieldset and label
*
* (gets included in sitewide.scss)
**/
form.password_forgotten {
  width: 145px; }

checkbox, select, radio, input, input, radio, select {
  font-size: 0.923em; }

input .image_button {
  padding: 0;
  margin: 0;
  vertical-align: bottom; }
input.checkbox, input.radio {
  border: none !important; }
input.checkbox {
  border: none !important;
  margin-top: -5px;
  margin-right: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
  vertical-align: middle; }
input#submitRegister {
  width: 82px; }
input#submitContact {
  float: right;
  margin-top: 5px; }
input #checkout_submit_button_good {
  magin-top: 29px;
  magin-right: 0px;
  magin-bottom: 14px;
  magin-left: 152px;
  *margin-top: 15px; }
input#email_address {
  width: 145px; }
input#sample_text {
  margin-top: 0px;
  margin-right: 5px;
  margin-bottom: 0px;
  margin-left: 5px;
  width: 215px; }
input#sample_text_placeholder {
  border: solid 1px #cccccc;
  height: 23px; }
input#sample_size_placeholder {
  border: solid 1px #cccccc;
  height: 23px; }
input#reset_render_properties {
  margin-top: -25px;
  padding-top: px;
  padding-right: px;
  padding-bottom: px;
  padding-left: px; }

textarea {
  font-size: 0.923em;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
  width: 75%; }
  textarea#eula_text {
    margin-top: 0px;
    margin-right: 80px;
    margin-bottom: 0px;
    margin-left: 80px; }

/* Register and Login Forms */
fieldset {
  border: 1px solid #cccccc;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px; }
  fieldset legend {
    color: #cccccc; }
  fieldset ul li {
    color: black;
    margin: 3px;
    text-align: right; }
  fieldset.left ul li {
    text-align: left; }

label.required {
  color: black;
  font-weight: bold; }
label.optional {
  color: #cccccc;
  font-weight: normal; }

/**
* FontShop Wrappers
* /core/_Wrapper.scss
*
* holds all the containers like #content, #wide_content
* @imports Left-Navigation and Right-Navigation,
* defines core page width,
* also includes the Messages, which appear on top of the page (MessagesTop.scss)
*
* (gets included in sitewide.scss)
**/
#content {
  padding-top: 0px;
  padding-right: 20px;
  padding-bottom: 0px;
  padding-left: 20px;
  width: 560px; }

#container, #wide_container {
  background: #ffde00;
  clear: both;
  overflow: hidden;
  padding-left: 150px;
  padding-right: 230px;
  min-width: 570px;
  /**
  * FontShop Top Messages
  * /core/_MessagesTop.scss
  *
  * contains all the orange, blue, greee and red messages on top of the page, right below the Top-Nav-Bar (.top_nav_bar)
  *
  * (gets included in /core/_Wrapper.scss)
  **/
  /**
  * Left Navigation column for sitewide.scss
  * /core/_LeftNavigation.scss
  *
  * holds the main menu on the left side of every page.
  *
  * (gets included in /core/_Wrapper.scss)
  **/
  /**
  * Right Navigation column for sitewide.scss
  * /core/_RightNavigation.scss
  *
  * holds for eg: News, Mini-Shopping-Cart and Fontbook iPad App promo
  *
  * (gets included in /core/_Wrapper.scss)
  **/ }
  #container #content, #wide_container #content {
    background-color: white; }
  #container .column, #wide_container .column {
    position: relative;
    float: left;
    margin-bottom: -20000px;
    padding-bottom: 20024px; }
  #container ul#messageStack li, #wide_container ul#messageStack li {
    margin: 0px;
    padding-top: 4px;
    padding-right: 20px;
    padding-bottom: 8px;
    padding-left: 20px;
    width: 760px; }
    #container ul#messageStack li a, #wide_container ul#messageStack li a {
      color: #cccccc;
      text-decoration: underline; }
      #container ul#messageStack li a:hover, #wide_container ul#messageStack li a:hover {
        color: #666666;
        text-decoration: underline; }
    #container ul#messageStack li.messageStackWarning, #wide_container ul#messageStack li.messageStackWarning {
      background-color: #ffaa00;
      color: white; }
    #container ul#messageStack li.messageStackAnnounce, #wide_container ul#messageStack li.messageStackAnnounce {
      background-color: #3399cc;
      color: white; }
    #container ul#messageStack li.messageStackSuccess, #wide_container ul#messageStack li.messageStackSuccess {
      background-color: #00aa00;
      color: white; }
    #container ul#messageStack li.messageStackError, #wide_container ul#messageStack li.messageStackError {
      background-color: #c00000;
      color: white; }
    #container ul#messageStack li .messageStackIncomplete, #wide_container ul#messageStack li .messageStackIncomplete {
      color: white;
      background-color: #ff0078;
      display: block;
      padding-top: 4px;
      padding-right: 20px;
      padding-bottom: 10px;
      padding-left: 20px;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 10px;
      margin-left: -20px;
      width: 530px; }
      #container ul#messageStack li .messageStackIncomplete a, #wide_container ul#messageStack li .messageStackIncomplete a {
        color: white; }
      #container ul#messageStack li .messageStackIncomplete h2, #wide_container ul#messageStack li .messageStackIncomplete h2 {
        font-size: 1.538em;
        font-family: unit, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
        color: #fff;
        font-weight: normal;
        line-height: 1em;
        margin: 7px 0 5px; }
  #container #left_nav_list, #wide_container #left_nav_list {
    width: 150px;
    margin-left: -600px;
    right: 150px;
    /** phone number addition **/ }
    #container #left_nav_list ul, #wide_container #left_nav_list ul {
      border-bottom: 1px solid white;
      padding: 0; }
    #container #left_nav_list li, #wide_container #left_nav_list li {
      font-size: 0.923em;
      line-height: 1.231em; }
      #container #left_nav_list li a, #wide_container #left_nav_list li a {
        color: #333333;
        display: block;
        font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
        margin: 0px;
        padding-top: 4px;
        padding-right: 0px;
        padding-bottom: 4px;
        padding-left: 16px;
        text-decoration: none; }
        #container #left_nav_list li a:hover, #wide_container #left_nav_list li a:hover {
          background-color: #dbbf00; }
      #container #left_nav_list li.selected a, #wide_container #left_nav_list li.selected a {
        color: black;
        background-color: #dbbf00; }
      #container #left_nav_list li.navTitleLink:hover, #wide_container #left_nav_list li.navTitleLink:hover {
        background-color: #dbbf00; }
      #container #left_nav_list li.navTitle, #wide_container #left_nav_list li.navTitle {
        border-top: 1px solid white;
        color: #333333;
        font-weight: bold;
        padding-top: 4px;
        padding-right: 0px;
        padding-bottom: 4px;
        padding-left: 8px;
        vertical-align: top; }
        #container #left_nav_list li.navTitle a, #wide_container #left_nav_list li.navTitle a {
          padding: 0px; }
    #container #left_nav_list .phone-holder, #wide_container #left_nav_list .phone-holder {
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      font-size: 0.769em;
      background-color: #dbbf00;
      color: black;
      display: block;
      font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
      margin: 10px;
      padding-top: 6px;
      padding-right: 0px;
      padding-bottom: 10px;
      padding-left: 4px;
      text-decoration: none; }
      #container #left_nav_list .phone-holder strong, #wide_container #left_nav_list .phone-holder strong {
        display: inline-block;
        font-weight: bold; }
      #container #left_nav_list .phone-holder .telephone-message, #wide_container #left_nav_list .phone-holder .telephone-message {
        font-size: 1.231em;
        padding-left: 2px;
        padding-bottom: 3px; }
      #container #left_nav_list .phone-holder .telephone-number, #wide_container #left_nav_list .phone-holder .telephone-number, #container #left_nav_list .phone-holder .online-assistance, #wide_container #container #left_nav_list .phone-holder .online-assistance, #container #wide_container #left_nav_list .phone-holder .online-assistance, #container #wide_container #left_nav_list .phone-holder .online-assistance, #wide_container #container #left_nav_list .phone-holder .online-assistance, #wide_container #left_nav_list .phone-holder .online-assistance {
        background-image: url("/images/icons/telephone_icon.gif");
        background-repeat: no-repeat;
        background-position: 3px 1px;
        padding-top: 5px;
        padding-right: 0px;
        padding-bottom: 4px;
        padding-left: 22px; }
      #container #left_nav_list .phone-holder .online-assistance, #wide_container #left_nav_list .phone-holder .online-assistance {
        background-image: url("/images/icons/onlineassistance_icon.gif");
        background-position: 4px 3px; }
        #container #left_nav_list .phone-holder .online-assistance a, #wide_container #left_nav_list .phone-holder .online-assistance a {
          color: black;
          text-decoration: none; }
          #container #left_nav_list .phone-holder .online-assistance a:hover, #wide_container #left_nav_list .phone-holder .online-assistance a:hover {
            text-decoration: underline; }
  #container #right_nav_list, #wide_container #right_nav_list {
    background-color: #e6e6e6;
    margin-right: -230px;
    padding-right: 10px;
    padding-left: 10px;
    width: 180px; }
    #container #right_nav_list ul li, #wide_container #right_nav_list ul li {
      padding-top: 5px;
      padding-right: 10px;
      padding-bottom: 5px;
      padding-left: 10px; }
      #container #right_nav_list ul li.box_shopping_cart, #wide_container #right_nav_list ul li.box_shopping_cart {
        border-bottom: 1px solid #cccccc;
        overflow: hidden; }
        #container #right_nav_list ul li.box_shopping_cart #quick_checkout, #wide_container #right_nav_list ul li.box_shopping_cart #quick_checkout {
          float: right; }
      #container #right_nav_list ul li.boxes, #wide_container #right_nav_list ul li.boxes {
        border-bottom: 1px solid #cccccc;
        font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
        padding-bottom: 18px; }
        #container #right_nav_list ul li.boxes h2, #wide_container #right_nav_list ul li.boxes h2 {
          font-size: 0.846em;
          margin-bottom: 0;
          font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; }
        #container #right_nav_list ul li.boxes ol, #wide_container #right_nav_list ul li.boxes ol {
          font-size: 0.846em;
          margin-top: 10px;
          margin-bottom: 0px; }
          #container #right_nav_list ul li.boxes ol li.infoBoxContents, #wide_container #right_nav_list ul li.boxes ol li.infoBoxContents {
            padding-top: 2px;
            padding-right: 0px;
            padding-bottom: 2px;
            padding-left: 0px; }
        #container #right_nav_list ul li.boxes p, #wide_container #right_nav_list ul li.boxes p, #container #right_nav_list ul li.boxes #headtop #headerNavigation span, #headtop #headerNavigation #container #right_nav_list ul li.boxes span, #wide_container #right_nav_list ul li.boxes #headtop #headerNavigation span, #headtop #headerNavigation #wide_container #right_nav_list ul li.boxes span {
          font-size: 0.846em;
          margin-top: 0px;
          margin-bottom: 0px; }
        #container #right_nav_list ul li.boxes a, #wide_container #right_nav_list ul li.boxes a {
          color: black; }
          #container #right_nav_list ul li.boxes a:visited, #wide_container #right_nav_list ul li.boxes a:visited {
            color: #666666; }
          #container #right_nav_list ul li.boxes a:hover, #wide_container #right_nav_list ul li.boxes a:hover {
            color: #c00000; }
      #container #right_nav_list ul li.fontbook-promo a#fontbook-link, #wide_container #right_nav_list ul li.fontbook-promo a#fontbook-link {
        font-size: 0.846em;
        background-image: url("/images/fontbook_icon.png");
        background-repeat: no-repeat;
        background-position: 0 -2px;
        color: black;
        display: block;
        height: 60px;
        margin-top: 8px;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 55px;
        text-decoration: none; }
        #container #right_nav_list ul li.fontbook-promo a#fontbook-link:hover, #wide_container #right_nav_list ul li.fontbook-promo a#fontbook-link:hover {
          text-decoration: underline;
          color: #c00000; }
      #container #right_nav_list ul li ol#cart_contents_box li, #wide_container #right_nav_list ul li ol#cart_contents_box li {
        padding-top: 2px;
        padding-right: 0px;
        padding-bottom: 2px;
        padding-left: 0px; }
    #container #right_nav_list ul h1, #wide_container #right_nav_list ul h1 {
      font-size: 1.231em;
      font-family: Helvetica, Arial, sans-serif;
      font-weight: bold;
      line-height: em2px(16px);
      margin-top: 10px;
      margin-right: 0px;
      margin-bottom: 3px;
      margin-left: -1px;
      padding: 0; }

#wide_container {
  background: #ffde00;
  clear: both;
  overflow: hidden;
  padding-left: 150px;
  padding-right: 0px; }
  #wide_container .column {
    float: left;
    position: relative;
    padding-bottom: 20024px;
    margin-bottom: -20000px; }
  #wide_container #left_nav_list {
    margin-left: -800px; }

#wide_content {
  background: white;
  padding-top: 0px;
  padding-right: 20px;
  padding-bottom: 0px;
  padding-left: 20px;
  width: 760px; }

/**
* FontShop sitewide Header
* /core/_Header.scss
*
* @TODO wrap all divs inside <header>-tag
*
* (gets included in sitewide.scss)
**/
#headtop {
  color: #444444;
  font-size: 0.769em;
  left: 150px;
  font-weight: bold;
  position: relative;
  width: 800px; }
  #headtop h1.fs_head_img {
    float: left;
    line-height: 1px;
    margin: 0px;
    padding: 0px;
    position: relative;
    right: 47px;
    width: 92px; }
  #headtop #headerNavigation {
    float: right;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    overflow: hidden;
    text-align: right;
    width: 700px; }
    #headtop #headerNavigation a {
      color: #444444; }
      #headtop #headerNavigation a:hover {
        text-decoration: none; }
    #headtop #headerNavigation p, #headtop #headerNavigation span {
      display: block;
      float: right;
      margin-top: 10px;
      margin-right: 2px;
      margin-bottom: 10px;
      margin-left: 2px; }
    #headtop #headerNavigation img {
      vertical-align: -1px;
      float: right;
      padding-top: 11px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left: 0px; }
    #headtop #headerNavigation span.help-link {
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      background-color: #dbbf00;
      cursor: pointer;
      letter-spacing: 0.077em;
      margin-top: 8px;
      margin-left: 10px;
      padding-top: 3px;
      padding-right: 6px;
      padding-bottom: 3px;
      padding-left: 6px;
      text-decoration: none;
      text-transform: uppercase; }
      #headtop #headerNavigation span.help-link:hover {
        background-color: black; }
        #headtop #headerNavigation span.help-link:hover a {
          color: white; }
      #headtop #headerNavigation span.help-link a {
        color: black;
        text-decoration: none; }
        #headtop #headerNavigation span.help-link a:hover {
          color: white; }
    #headtop #headerNavigation div#login_widget {
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      background: white;
      border: solid 5px #333333;
      line-height: 1.154em;
      padding-top: 10px;
      padding-right: 10px;
      padding-bottom: 10px;
      padding-left: 20px;
      position: absolute;
      right: -10px;
      top: 30px;
      text-align: left;
      width: 180px;
      z-index: 100; }
      #headtop #headerNavigation div#login_widget a {
        text-decoration: underline; }
      #headtop #headerNavigation div#login_widget small {
        line-height: 1.615em; }
      #headtop #headerNavigation div#login_widget div.email, #headtop #headerNavigation div#login_widget div.password, #headtop #headerNavigation div#login_widget div.submit {
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 5px;
        margin-left: 0px; }
      #headtop #headerNavigation div#login_widget div.submit input.fsbutton, #headtop #headerNavigation div#login_widget div.submit a.fsbutton {
        font-size: 1.077em; }
      #headtop #headerNavigation div#login_widget div#fbLoginButtonWidget a {
        line-height: 1.385em;
        text-decoration: none; }
      #headtop #headerNavigation div#login_widget div#fbLoginButtonWidget span {
        display: block;
        margin-top: 1px;
        margin-right: 1px;
        margin-bottom: 1px;
        margin-left: 22px;
        padding-top: 3px;
        padding-right: 6px;
        padding-bottom: 3px;
        padding-left: 6px;
        text-decoration: none; }
        #headtop #headerNavigation div#login_widget div#fbLoginButtonWidget span.fb_button_text {
          text-decoration: none; }
      #headtop #headerNavigation div#login_widget div#loginORseperator {
        border-top: solid 1px #999999;
        color: #999999;
        line-height: 0;
        margin-top: 16px;
        margin-right: 0px;
        margin-bottom: 12px;
        margin-left: 0px;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 8px;
        padding-left: 0px;
        text-align: center;
        text-transform: uppercase; }
        #headtop #headerNavigation div#login_widget div#loginORseperator span {
          background-color: white;
          display: inline;
          float: none;
          margin-top: 12px;
          margin-right: 0px;
          margin-bottom: 0px;
          margin-left: 0px; }

/**
* Menu right below the main top navigation
* @TODO wrap all divs inside <header>-tag
*/
#headbottom {
  font-size: 0.769em;
  background-color: white;
  border: none;
  clear: both;
  color: blue;
  font-weight: bold;
  height: 27px;
  left: 150px;
  margin-bottom: 1px;
  padding-bottom: 10px;
  position: relative;
  width: 800px; }
  #headbottom .searchbox {
    float: right;
    padding-top: 8px;
    padding-right: 8px;
    text-align: right;
    width: auto; }
    #headbottom .searchbox p, #headbottom .searchbox #headtop #headerNavigation span, #headtop #headerNavigation #headbottom .searchbox span {
      display: inline; }
    #headbottom .searchbox input#mainsearch {
      font-size: 10px;
      width: 125px; }
    #headbottom .searchbox input#head_search_submit {
      font-size: 1em;
      padding-top: 2px;
      padding-right: 8px;
      padding-bottom: 1px;
      padding-left: 8px; }
  #headbottom #horizontal_top_nav {
    font-size: 0.923em;
    float: left;
    padding-top: 13px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    font-weight: normal;
    width: 590px; }
    #headbottom #horizontal_top_nav a {
      color: #666666;
      text-decoration: none; }
      #headbottom #horizontal_top_nav a:hover {
        color: #c00000;
        text-decoration: none; }
    #headbottom #horizontal_top_nav ul#topLinks {
      float: left; }
      #headbottom #horizontal_top_nav ul#topLinks li {
        border-left: solid 1px #cccccc;
        display: inline;
        padding-top: 0px;
        padding-right: 6px;
        padding-bottom: 0px;
        padding-left: 10px; }
        #headbottom #horizontal_top_nav ul#topLinks li.selected a {
          color: black; }
        #headbottom #horizontal_top_nav ul#topLinks li:first-child {
          border: none; }

/**
* Top Navigation sitweide Style
* the menues right below the header.
* Categories has all those styles for eg.
**/
.top-nav-bar {
  background-color: #464646;
  clear: both;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 150px;
  overflow: hidden;
  width: 800px; }
  .top-nav-bar ol {
    color: white;
    display: block;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%; }
    .top-nav-bar ol li {
      float: left;
      margin-left: 0px;
      text-align: left;
      min-width: 100px;
      width: 7.231em; }
      .top-nav-bar ol li a {
        background-color: #333333;
        background-image: url("../images/layout/yellowdot.gif");
        background-repeat: no-repeat;
        background-scroll: scroll;
        background-position: right top;
        color: white;
        display: block;
        font-weight: bold;
        height: 24px;
        line-height: 1.846em;
        text-decoration: none;
        padding-top: 0px;
        padding-right: 8px;
        padding-bottom: 0px;
        padding-left: 8px; }
        .top-nav-bar ol li a:hover {
          background-color: black;
          color: white;
          text-decoration: none; }
      .top-nav-bar ol li#currentSection {
        background-color: white;
        color: black; }
        .top-nav-bar ol li#currentSection a {
          background-color: white;
          color: black;
          text-decoration: none; }
      .top-nav-bar ol li.fontstab a {
        background-color: black; }
      .top-nav-bar ol li.account_nav {
        float: right;
        width: auto;
        display: inline;
        min-width: 10px;
        margin-left: 4px; }
        .top-nav-bar ol li.account_nav a {
          font-size: 0.692em;
          background: none;
          text-transform: uppercase;
          display: block;
          padding: 3px 10px 0px;
          height: 21px;
          letter-spacing: 0.1em;
          font-weight: normal; }
          .top-nav-bar ol li.account_nav a:hover {
            color: #ffde00; }
      .top-nav-bar ol li.history a {
        background-color: transparent;
        background-image: url("../images/layout/hist_nav.gif");
        background-repeat: no-repeat;
        background-position: 0px 4px;
        padding-left: 18px; }
      .top-nav-bar ol li.favorites a {
        background-color: transparent;
        background-image: url("../images/layout/fav_nav.gif");
        background-repeat: no-repeat;
        background-position: 0px 4px;
        padding-left: 17px; }
      .top-nav-bar ol li.cart a {
        background-color: transparent;
        background-image: url("../images/layout/cart_nav.gif");
        background-repeat: no-repeat;
        background-position: 0px 2px;
        padding-left: 19px; }

/**
* FontShop sitewide Footer
* /core/_Footer.scss
*
* parent: div.footer_wrapper
*
*/
#footer_wrapper #sitefooter {
  font-size: 0.769em;
  background-color: #ffde00;
  padding-top: 15px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  line-height: 1.538em;
  margin-left: 150px;
  margin-bottom: 40px;
  width: 800px; }
  #footer_wrapper #sitefooter h2 {
    font-size: 1em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
    margin: 0px; }
  #footer_wrapper #sitefooter a {
    color: black;
    text-decoration: none; }
    #footer_wrapper #sitefooter a:hover {
      background-color: #dbbf00; }
  #footer_wrapper #sitefooter ul {
    margin-bottom: 14px; }
  #footer_wrapper #sitefooter p, #footer_wrapper #sitefooter #headtop #headerNavigation span, #headtop #headerNavigation #footer_wrapper #sitefooter span {
    font-size: 1em;
    margin-top: 14px;
    margin-right: 0px;
    margin-bottom: 14px;
    margin-left: 0px; }
    #footer_wrapper #sitefooter p.copyLine, #footer_wrapper #sitefooter #headtop #headerNavigation span.copyLine, #headtop #headerNavigation #footer_wrapper #sitefooter span.copyLine {
      font-size: 1em;
      float: left;
      margin: 0px; }
  #footer_wrapper #sitefooter div.footer-logo {
    float: left;
    margin-top: 20px;
    width: 120px; }
  #footer_wrapper #sitefooter div.footer-copyright {
    float: left;
    margin-top: 23px; }
  #footer_wrapper #sitefooter div#geoip_menu_box {
    float: left;
    padding-left: 2px; }
    #footer_wrapper #sitefooter div#geoip_menu_box p, #footer_wrapper #sitefooter div#geoip_menu_box #headtop #headerNavigation span, #headtop #headerNavigation #footer_wrapper #sitefooter div#geoip_menu_box span {
      display: inline;
      margin: 0px;
      padding: 0px; }
    #footer_wrapper #sitefooter div#geoip_menu_box select {
      font-size: 1em;
      border: 0px;
      background-color: #ffde00;
      display: inline;
      font-weight: normal;
      vertical-align: middle; }
    #footer_wrapper #sitefooter div#geoip_menu_box form#language_menu_form select {
      border: 0px;
      display: inline;
      background: #ffde00;
      font-weight: normal; }
  #footer_wrapper #sitefooter span#footer_email_success {
    color: #00aa00;
    display: block;
    font-weight: bold;
    max-width: 170px; }
  #footer_wrapper #sitefooter input.subscribe {
    font-size: 1em;
    border: solid 1px #cccccc;
    height: 16px;
    line-height: 1.385em;
    margin-right: 5px;
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 2px;
    width: 130px; }
  #footer_wrapper #sitefooter .footer-left {
    float: left;
    width: 400px; }
    #footer_wrapper #sitefooter .footer-left .col {
      float: left;
      width: 120px; }
      #footer_wrapper #sitefooter .footer-left .col p, #footer_wrapper #sitefooter .footer-left .col #headtop #headerNavigation span, #headtop #headerNavigation #footer_wrapper #sitefooter .footer-left .col span {
        margin: 0px;
        padding-top: 6px;
        padding-right: 0px;
        padding-bottom: 6px;
        padding-left: 0px; }
      #footer_wrapper #sitefooter .footer-left .col li {
        padding-top: 2px;
        padding-right: 0px;
        padding-bottom: 2px;
        padding-left: 0px; }
      #footer_wrapper #sitefooter .footer-left .col .nl-form {
        padding-top: 2px;
        padding-right: 0px;
        padding-bottom: 2px;
        padding-left: 0px; }
  #footer_wrapper #sitefooter .footer-right {
    display: block;
    float: left;
    height: 25px;
    margin-top: 6px;
    width: 400px; }
    #footer_wrapper #sitefooter .footer-right li {
      float: left; }
      #footer_wrapper #sitefooter .footer-right li a {
        display: block;
        font-weight: bold;
        height: 16px;
        line-height: 1.231em;
        margin-right: 30px;
        padding-left: 20px; }
        #footer_wrapper #sitefooter .footer-right li a.twitter {
          background-image: url("/images/footer/twitter.png");
          background-repeat: no-repeat;
          background-position: top left; }
        #footer_wrapper #sitefooter .footer-right li a.facebook {
          background-image: url("/images/footer/facebook.png");
          background-repeat: no-repeat;
          background-position: top left; }
        #footer_wrapper #sitefooter .footer-right li a.flickr {
          background-image: url("/images/footer/facebook.png");
          background-repeat: no-repeat;
          background-position: top left; }
        #footer_wrapper #sitefooter .footer-right li a.issuu {
          background-image: url("/images/footer/issuu.png");
          background-repeat: no-repeat;
          background-position: top left; }
        #footer_wrapper #sitefooter .footer-right li a.email {
          background-image: url("/images/footer/email.png");
          background-repeat: no-repeat;
          background-position: top left; }
    #footer_wrapper #sitefooter .footer-right div.chevron {
      border-color: transparent transparent #ffeb66;
      border-style: solid;
      border-width: 13px;
      margin-left: 28px;
      margin-top: -10px;
      vertical-align: middle;
      width: 0; }
    #footer_wrapper #sitefooter .footer-right div.twitter-bubble {
      border-radius: 8px;
      -moz-border-radius: 8px;
      -webkit-border-radius: 8px;
      background-color: #ffeb66;
      background-repeat: no-repeat;
      width: 400px; }
      #footer_wrapper #sitefooter .footer-right div.twitter-bubble #twitter_div {
        font-size: 1.231em;
        line-height: 1.385em;
        padding-top: 17px;
        padding-right: 20px;
        padding-bottom: 18px;
        padding-left: 20px; }
        #footer_wrapper #sitefooter .footer-right div.twitter-bubble #twitter_div a {
          text-decoration: underline; }
          #footer_wrapper #sitefooter .footer-right div.twitter-bubble #twitter_div a:hover {
            color: #c00000;
            text-decoration: none; }

/**
* FontShop Shopping-Cart buttons
* /core/_Buttons.scss
*
* built out from former i8n_buttons.css
*
* This is the right file to place all kinds of buttons, which appear on multiple sites
* 
* (gets included in sitewide.scss)
**/
input.fsbutton, a.fsbutton {
  font-size: 0.846em;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #00aa00;
  border: solid 1px #00aa00;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-top: 0p;
  margin-right: 3px;
  overflow: visible;
  padding-top: 0px;
  padding-right: 8px;
  padding-bottom: 1px;
  padding-left: 8px;
  position: relative;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none; }
  input.fsbutton.cart, a.cart.fsbutton {
    background-color: #00aa00;
    background-image: url("/images/icons/cart.png");
    /* fsImagePath */
    background-repeat: no-repeat;
    background-position: 8px 1px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 1px;
    padding-right: 10px;
    padding-bottom: 1px;
    padding-left: 30px; }
    @media screen and (-webkit-min-device-pixel-ratio:0) {
      input.fsbutton.cart, a.cart.fsbutton {
        padding-top: 2px;
        padding-bottom: 4px; } }
    input.fsbutton.cart[disabled], a.cart[disabled].fsbutton {
      background-image: none;
      background-color: #cccccc;
      border-color: #cccccc;
      margin-right: -2px;
      padding-left: 10px; }
  input.fsbutton.black, a.black.fsbutton {
    color: white;
    background-color: black;
    border-color: black; }
  input.fsbutton.homepage-search, a.homepage-search.fsbutton {
    padding-top: 0px;
    padding-right: 8px;
    padding-bottom: 1px;
    padding-left: 8px; }
  input.fsbutton:hover, a.fsbutton:hover {
    background-color: #00c300;
    border-color: #00c300; }
  input.fsbutton:active, a.fsbutton:active {
    background-color: #cccccc;
    border-color: #cccccc; }
  input.fsbutton[disabled], a[disabled].fsbutton {
    background-color: #cccccc;
    border-color: #cccccc;
    cursor: text; }
input.ui-button {
  padding-top: 4px;
  padding-right: 13px;
  padding-bottom: 4px;
  padding-left: 13px; }

a.fsbutton {
  background-color: #666666;
  border-color: #666666; }

/**
* FontShop sitewide clearing-classes
* /core/_Clearing.scss
*
* holds all the sitewide clearing classes.
* WARNING: those classes should not get used anymore, instead, do an @import clearfix; on the clearing-needed elements.
*
* (gets included in sitewide.scss)
**/
/** so much bad clearing :( */
.clearfloat {
  clear: left; }

.clearer {
  display: block;
  clear: both; }

.clear {
  clear: both; }

.hide {
  visibility: hidden; }

.show {
  visibility: visible; }

.floatLeft {
  float: left; }

.floatRight {
  float: right; }

/**
* Body classes for specific, site wide pages
* /core/_BodyClasses.scss
*
* Body classes enable great power to style very specific elements on a specific page or action. They overwrite every other CSS-setting in 
* sitewide.css and there for, don't need !important-attributes.
* This is a great way to style elements based on the language settings. For eg: the German word for "go" is much longer then the English word.

* example-body class "languages_german": 
*	<html>
*		<body class="languages_german">
*			<div id="content">
*			</div>
*		</body>
*	</html>
*
* (gets included in sitewide.scss)
**/
body.home #wide_container #left_nav_list {
  margin-left: -770px; }
body.foundry_search #foundry_image {
  float: right; }
body.category_search #category_image {
  float: right; }
body.filenotfound #content ol li {
  list-style-type: decimal;
  margin-left: 30px; }
body.create_account_success .verify {
  color: #00aa00;
  font-weight: bold; }
body.create_account_success .noverify {
  color: #c00000;
  font-weight: bold; }
body.create_account_success #content ul li {
  list-style: square;
  margin-left: 25px;
  padding: 2px;
  text-align: left; }
body.fontListcategory .multiLine .fcIcon {
  margin-left: -11px; }
body.fontListcategory .content div.insideFc {
  padding-top: 18px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px; }
body.searchresults ol#search_result_list li.content {
  border-top: none;
  margin: 0px; }
  body.searchresults ol#search_result_list li.content div.insideFc {
    border-top: 1px solid #cccccc; }
    body.searchresults ol#search_result_list li.content div.insideFc div.clearer {
      height: 0px; }
    body.searchresults ol#search_result_list li.content div.insideFc div.multiLine {
      padding-top: 2px; }
body.random a.openTypelink img {
  vertical-align: -1px; }
body.checkout_payment table {
  font-size: 1em; }
body.languages_french #fonts_nav p, body.languages_french #fonts_nav #headtop #headerNavigation span, #headtop #headerNavigation body.languages_french #fonts_nav span {
  font-size: 0.692em; }
body.languages_french #fonts_nav #glass {
  margin-bottom: 6px; }
body.languages_french #fonts_nav #mouse {
  margin-bottom: 6px; }
body.languages_french #fonts_nav #bulb {
  margin-bottom: 6px; }
body.languages_french #fonts_nav .welcomeText {
  margin-top: 4px; }
  body.languages_french #fonts_nav .welcomeText h2 a {
    font-size: 10px; }
body.languages_french #showboat h2#getStarted {
  margin-top: 3px; }
body.languages_french input#sample_text {
  width: 165px; }
body.languages_spanish p, body.languages_spanish #headtop #headerNavigation span, #headtop #headerNavigation body.languages_spanish span {
  font-size: 0.692em; }
body.languages_spanish #fonts_nav #glass {
  margin-bottom: 9px; }
body.languages_spanish #fonts_nav #mouse {
  margin-bottom: 9px; }
body.languages_spanish #fonts_nav #bulb {
  margin-bottom: 9px; }
body.languages_spanish #fonts_nav .welcomeText {
  margin-top: 4px; }
  body.languages_spanish #fonts_nav .welcomeText h2 a {
    font-size: 10px; }
body.languages_spanish #showboat h2#getStarted {
  margin-top: 3px; }
body.languages_spanish input#sample_text {
  width: 155px; }
body.languages_german input#sample_text {
  width: 125px; }
body.languages_german div#support_install, body.languages_german div#help_education, body.languages_german div#help_research, body.languages_german div#help_about {
  height: 240px; }
body.languages_german div#support_glossary, body.languages_german div #support_faq {
  height: 505px; }