html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

body {
  line-height: 1.5; }

table {
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal; }

table, td, th {
  vertical-align: middle; }

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

blockquote, q {
  quotes: "" ""; }

a img {
  border: none; }

#content:after, .clearfix:after, #center:after, .flash_wrapper:after,
.additional-information:after, .full-col:after, #footer:after, .news:after, #header:after,
.composition-colors:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden; }

.clearfix, #content, #center, .flash_wrapper, .additional-information,
.full-col, #footer, .composition-colors {
  display: inline-block; }

html[xmlns] .clearfix, html[xmlns] #content, html[xmlns] #center, html[xmlns] .flash_wrapper, html[xmlns] .additional-information,
html[xmlns] .full-col, html[xmlns] #footer, html[xmlns] .composition-colors {
  display: block; }

* html .clearfix, * html #content, * html #center, * html .flash_wrapper, * html .additional-information,
* html .full-col, * html #footer, * html .composition-colors {
  height: 1%; }

.clear, #content, .additional-information, .full-col, #footer, .news, .products, #header, .composition-colors {
  clear: both; }

.full-col, .col, #header h1, #main-navigation, #share-links,
#utility-navigation {
  float: left;
  left: 968px;
  overflow: hidden;
  position: relative; }

.news, .additional-information, .legal-information, .products, .about, .login, #payment-process, .user-info,
.order-confirmation, .gift, .my-studio, .pattern_and_color_card, .contest, .contest_item,
.template-composition {
  width: 928px;
  margin: 0 auto; }

#center, #footer, #rectangle-wrapper {
  width: 968px;
  float: none;
  margin: 0 auto;
  background-color: #3a3a3a;
  padding-bottom: 20px; }

#center #main {
  width: 695px;
  float: left; }
#center #side {
  width: 229px;
  float: right; }

#footer, #rectangel-wrapper {
  background-color: transparent; }

#header {
  padding-top: 13px;
  overflow: hidden; }
  #header h1 {
    margin-left: -948px;
    width: 131px; }
  #header ul#main-navigation {
    margin-left: -809px;
    width: 809px; }
  #header ul#share-links {
    margin-left: -809px;
    width: 420px; }
  #header #utility-navigation {
    margin-left: -383px;
    width: 357px; }

.secondary-navigation {
  width: 233px;
  float: left; }
  .secondary-navigation ul {
    list-style: none;
    background-color: #191919;
    padding: 12px 12px 0 12px;
    width: 190px; }
    .secondary-navigation ul li {
      border-top: 1px dotted #898989; }
      .secondary-navigation ul li a {
        display: block;
        padding: 7px 0;
        color: white;
        text-decoration: none; }
      .secondary-navigation ul li a:hover, .secondary-navigation ul li a.active {
        text-decoration: underline;
        background: url("/images/element_bg/about_navigation_active_indicator.png") no-repeat scroll center right; }
    .secondary-navigation ul li.last {
      border-bottom: 1px dotted #898989; }
    .secondary-navigation ul li.bottom {
      padding: 15px 0 0 0;
      border: none;
      margin: 0 -12px;
      background: #3a3a3a url("/images/element_bg/about_navigation_triangle.png") no-repeat scroll bottom left;
      height: 40px;
      width: 215px; }

.secondary-content {
  width: 665px;
  border-left: 8px solid #484747;
  padding-left: 17px;
  float: left; }

.qtip {
  background-color: #3a3a3a;
  border: 1px solid #464646 !important; }
  .qtip table.shipping-cost-table tr td {
    padding-bottom: 7px; }
  .qtip table.shipping-cost-table tr td.country {
    padding-right: 10px;
    text-align: right;
    width: 73px; }

::-moz-selection {
  background: #e120c8;
  color: white; }

::selection {
  background: #e120c8;
  color: white; }

body {
  font-family: arial, times, "Times New Roman", sans-serif;
  background: #6c6c6c url(/images/bg.jpg) top center;
  font-size: 13px;
  line-height: 1.231em; }

#header {
  height: 131px;
  position: relative;
  z-index: 999;
  background-color: transparent; }
  #header h1 {
    width: 118px;
    height: 131px; }
    #header h1 a {
      background: url(/images/2mc-logo.png) no-repeat scroll top left;
      width: 118px;
      height: 131px;
      display: block;
      text-indent: -9000px; }
  #header ul#share-links {
    font-size: 77%;
    list-style: none; }
    #header ul#share-links li {
      line-height: 1.2em; }
      #header ul#share-links li a {
        color: #d2d2d2;
        text-decoration: none; }
      #header ul#share-links li a:hover {
        text-decoration: underline; }
  #header #utility-navigation {
    width: 383px;
    margin-top: -13px;
    overflow: visible;
    font-size: 12px; }
    #header #utility-navigation .shopping-basket, #header #utility-navigation .studio {
      width: 190px;
      float: right;
      color: white;
      position: relative; }
      #header #utility-navigation .shopping-basket a.shopping-basket-image, #header #utility-navigation .shopping-basket a.studio-image, #header #utility-navigation .studio a.shopping-basket-image, #header #utility-navigation .studio a.studio-image {
        display: block;
        text-indent: -9000px; }
      #header #utility-navigation .shopping-basket a.shopping-basket-image, #header #utility-navigation .shopping-basket a.studio-image, #header #utility-navigation .studio a.shopping-basket-image, #header #utility-navigation .studio a.studio-image {
        background: url(/images/icons/shopping-basket.png) no-repeat scroll top left;
        width: 27px;
        height: 36px; }
      #header #utility-navigation .shopping-basket a.studio-image, #header #utility-navigation .studio a.studio-image {
        background: url("/images/icons/studio.png") no-repeat scroll top left; }
      #header #utility-navigation .shopping-basket span.basket-count, #header #utility-navigation .shopping-basket span.studio-count, #header #utility-navigation .studio span.basket-count, #header #utility-navigation .studio span.studio-count {
        display: block;
        font-size: 36px;
        font-weight: bold;
        position: absolute;
        left: 32px;
        top: 0;
        height: 63px;
        line-height: 47px; }
      #header #utility-navigation .shopping-basket span.description, #header #utility-navigation .studio span.description {
        position: absolute;
        left: 55px;
        top: 7px;
        color: #ebeaea; }
      #header #utility-navigation .shopping-basket a.button, #header #utility-navigation .shopping-basket a.button, #header #utility-navigation .studio a.button, #header #utility-navigation .studio a.button {
        font-size: 11px;
        background: url("/images/buttons/button-blue-middle.png") no-repeat scroll top left;
        width: 105px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        position: absolute;
        left: 55px;
        top: 27px;
        letter-spacing: -0.2px;
        color: white;
        text-decoration: none; }
        #header #utility-navigation .shopping-basket a.button:hover, #header #utility-navigation .shopping-basket a.button:hover, #header #utility-navigation .studio a.button:hover, #header #utility-navigation .studio a.button:hover {
          text-decoration: underline; }

#content {
  z-index: 0;
  position: relative; }
  #content .additional-information {
    margin-top: 22px;
    padding-top: 22px;
    border-top: 1px solid #3d3d3d; }
    #content .additional-information h4 {
      color: #0cabfa;
      font-size: 20px;
      height: 30px; }
    #content .additional-information p {
      font-size: 16px;
      color: #bbbbbb;
      line-height: 1.5em; }

form p.hint {
  margin-bottom: 8px;
  font-size: 12px; }
  form p.hint abbr {
    color: #14cd04; }
form fieldset legend {
  margin-bottom: 9px; }
  form fieldset legend span {
    color: #6c6c6c;
    font-size: 20px;
    text-transform: uppercase; }
form fieldset ol {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  form fieldset ol li {
    margin-bottom: 10px; }
    form fieldset ol li label {
      display: block;
      color: #dddddd;
      font-size: 12px;
      margin-bottom: 3px;
      font-weight: normal; }
      form fieldset ol li label abbr {
        color: #14cd04;
        font-weight: bold;
        padding-left: 3px; }
  form fieldset ol li.string input, form fieldset ol li.password input {
    width: 216px; }
form fieldset.inputs ol li.string input, form fieldset.inputs ol li.password input {
  border: none;
  background-color: white;
  color: #3a3a3a;
  font-family: arial, times, "Times New Roman", sans-serif;
  font-weight: bold;
  font-size: 12px;
  text-align: left;
  line-height: 12px;
  padding: 4px 0 3px 3px; }
form fieldset.buttons ol li.commit input {
  cursor: pointer; }

form.order fieldset {
  margin-bottom: 15px; }
form.order fieldset.inputs ol li.string input {
  width: 324px; }
form.order fieldset.inputs ol li#user_newsletter_input p.inline-hints {
  color: #bbbbbb;
  font-style: italic; }
form.order fieldset.inputs ol li#order_shipping_first_name_input, form.order fieldset.inputs ol li#order_shipping_zip_code_input, form.order fieldset.inputs ol li#order_billing_first_name_input, form.order fieldset.inputs ol li#order_billing_zip_code_input {
  float: left; }
form.order fieldset.inputs ol li#order_shipping_last_name_input, form.order fieldset.inputs ol li#order_shipping_city_input, form.order fieldset.inputs ol li#order_billing_last_name_input, form.order fieldset.inputs ol li#order_billing_city_input {
  float: right; }
form.order fieldset.inputs ol li#order_shipping_first_name_input input, form.order fieldset.inputs ol li#order_shipping_last_name_input input, form.order fieldset.inputs ol li#user_password_input input, form.order fieldset.inputs ol li#user_password_confirmation_input input, form.order fieldset.inputs ol li#order_billing_first_name_input input, form.order fieldset.inputs ol li#order_billing_last_name_input input {
  width: 155px; }
form.order fieldset.inputs ol li#order_shipping_zip_code_input, form.order fieldset.inputs ol li#order_billing_zip_code_input {
  width: 75px; }
  form.order fieldset.inputs ol li#order_shipping_zip_code_input input, form.order fieldset.inputs ol li#order_billing_zip_code_input input {
    width: 70px; }
form.order fieldset.inputs ol li#order_shipping_city_input input, form.order fieldset.inputs ol li#order_billing_city_input input {
  width: 247px; }
form.order fieldset.inputs ol li#order_shipping_country_input, form.order fieldset.inputs ol li#order_billing_country_input {
  clear: left; }
form.order fieldset.inputs ol li#order_payment_method_input fieldset legend.label {
  display: none; }
form.order.payment-process fieldset.inputs ol li#order_email_input {
  margin-bottom: 0; }
  form.order.payment-process fieldset.inputs ol li#order_email_input input {
    width: 306px; }
form.order.payment-process fieldset.inputs ol li#order_email_input, form.order.payment-process fieldset.inputs ol li#order_user_newsletter_input {
  background-color: #454444;
  padding: 10px; }
form.order.payment-process fieldset.inputs ol li#order_user_newsletter_input {
  padding-top: 0; }
form.order.payment-process fieldset.buttons ol {
  padding: 10px 0;
  width: 928px;
  border-top: 1px solid #454444;
  border-bottom: 1px solid #454444;
  height: 35px; }
  form.order.payment-process fieldset.buttons ol li.boolean {
    float: left;
    width: 60%; }
  form.order.payment-process fieldset.buttons ol li.commit {
    float: right; }
    form.order.payment-process fieldset.buttons ol li.commit input {
      cursor: pointer;
      display: block;
      text-transform: capitalize;
      border: none;
      font-size: 0px;
      line-height: 0px;
      text-indent: -9000px;
      background: url("/images/buttons/bestellung-ueberpruefen-up.png") no-repeat scroll top left;
      width: 222px;
      height: 34px; }
      form.order.payment-process fieldset.buttons ol li.commit input:hover {
        background: url("/images/buttons/bestellung-ueberpruefen-down.png") no-repeat scroll top left; }
      form.order.payment-process fieldset.buttons ol li.commit input:active {
        background: url("/images/buttons/bestellung-ueberpruefen-up.png") no-repeat scroll top left; }

form#new_user_session fieldset ol li#user_session_password_input label.toggle-password input {
  width: auto;
  background-color: transparent; }

form#quick_login_from_order, form#new_user_session, #payment-process.client-information form#login_from_order.order {
  width: auto; }
  form#quick_login_from_order fieldset.buttons input, form#new_user_session fieldset.buttons input, #payment-process.client-information form#login_from_order.order fieldset.buttons input {
    cursor: pointer;
    display: block;
    text-transform: capitalize;
    border: none;
    font-size: 0px;
    line-height: 0px;
    text-indent: -9000px;
    background: url("/images/buttons/login-up.png") no-repeat scroll top left;
    width: 44px;
    height: 20px; }
    form#quick_login_from_order fieldset.buttons input:hover, form#new_user_session fieldset.buttons input:hover, #payment-process.client-information form#login_from_order.order fieldset.buttons input:hover {
      background: url("/images/buttons/login-down.png") no-repeat scroll top left; }
    form#quick_login_from_order fieldset.buttons input:active, form#new_user_session fieldset.buttons input:active, #payment-process.client-information form#login_from_order.order fieldset.buttons input:active {
      background: url("/images/buttons/login-up.png") no-repeat scroll top left; }
  form#quick_login_from_order fieldset.inputs, form#new_user_session fieldset.inputs, #payment-process.client-information form#login_from_order.order fieldset.inputs {
    margin-bottom: 6px; }
    form#quick_login_from_order fieldset.inputs ol li#order_email_input.string input, form#new_user_session fieldset.inputs ol li#order_email_input.string input, #payment-process.client-information form#login_from_order.order fieldset.inputs ol li#order_email_input.string input {
      width: 216px; }
  form#quick_login_from_order fieldset.buttons ol li.back, form#new_user_session fieldset.buttons ol li.back, #payment-process.client-information form#login_from_order.order fieldset.buttons ol li.back {
    height: 22px;
    line-height: 22px; }

form.user fieldset.inputs ol li#user_newsletter_input {
  clear: both;
  padding-top: 10px; }

form.user#new_user {
  margin-bottom: 0;
  width: 345px; }
  form.user#new_user fieldset.inputs li.password, form.user#new_user fieldset.inputs li.string {
    float: left;
    margin-right: 10px; }
  form.user#new_user fieldset.inputs li#user_password_input input#user_password {
    float: left;
    margin-right: 7px; }
  form.user#new_user fieldset.inputs li#user_password_input label.toggle-password {
    cursor: pointer; }
    form.user#new_user fieldset.inputs li#user_password_input label.toggle-password input {
      margin-right: 7px;
      width: auto; }
  form.user#new_user fieldset.inputs li#user_password_input, form.user#new_user fieldset.inputs li#user_password_confirmation_input {
    margin-bottom: 0; }
  form.user#new_user fieldset.inputs li#user_email_input input, form.user#new_user fieldset.inputs li#user_username_input input {
    width: 311px; }
  form.user#new_user fieldset.inputs li#user_password_input input, form.user#new_user fieldset.inputs li#user_password_confirmation_input input {
    width: 148px; }
  form.user#new_user fieldset.buttons {
    color: white; }
    form.user#new_user fieldset.buttons input {
      cursor: pointer;
      display: block;
      text-transform: capitalize;
      border: none;
      font-size: 0px;
      line-height: 0px;
      text-indent: -9000px;
      background: url("/images/buttons/registrieren-up.png") no-repeat scroll top left;
      width: 77px;
      height: 20px; }
      form.user#new_user fieldset.buttons input:hover {
        background: url("/images/buttons/registrieren-down.png") no-repeat scroll top left; }
      form.user#new_user fieldset.buttons input:active {
        background: url("/images/buttons/registrieren-up.png") no-repeat scroll top left; }

form#new_user.forgot-password {
  clear: left;
  margin-bottom: 20px; }
  form#new_user.forgot-password fieldset.inputs {
    float: left;
    margin-bottom: 0; }
    form#new_user.forgot-password fieldset.inputs ol li.string input {
      width: 216px !important; }
  form#new_user.forgot-password fieldset.buttons {
    float: left;
    height: 42px; }
    form#new_user.forgot-password fieldset.buttons ol li {
      padding-top: 0px; }
      form#new_user.forgot-password fieldset.buttons ol li input {
        cursor: pointer;
        display: block;
        text-transform: capitalize;
        border: none;
        font-size: 0px;
        line-height: 0px;
        text-indent: -9000px;
        background: url("/images/buttons/erinnerungs-mail-senden-up.png") no-repeat scroll top left;
        width: 128px;
        height: 20px; }
        form#new_user.forgot-password fieldset.buttons ol li input:hover {
          background: url("/images/buttons/erinnerungs-mail-senden-down.png") no-repeat scroll top left; }
        form#new_user.forgot-password fieldset.buttons ol li input:active {
          background: url("/images/buttons/erinnerungs-mail-senden-up.png") no-repeat scroll top left; }

form#new_order.order fieldset.buttons ol {
  width: auto; }
  form#new_order.order fieldset.buttons ol li.back {
    color: #dddddd;
    float: left;
    line-height: 35px; }
    form#new_order.order fieldset.buttons ol li.back span {
      padding-left: 0px; }
    form#new_order.order fieldset.buttons ol li.back a {
      padding-left: 3px; }
  form#new_order.order fieldset.buttons ol li.commit {
    float: left; }

form.user {
  width: 330px; }
  form.user p.hint {
    margin-bottom: 20px; }
  form.user fieldset {
    margin-bottom: 20px; }
  form.user fieldset.inputs {
    margin-bottom: 0px; }
    form.user fieldset.inputs ol li.string input {
      width: 324px; }
    form.user fieldset.inputs ol li#user_email_input {
      margin-bottom: 5px; }
    form.user fieldset.inputs ol li#user_newsletter_input input#user_newsletter {
      margin-left: 0; }
    form.user fieldset.inputs ol li#user_newsletter_input p.inline-hints {
      color: #bbbbbb;
      font-style: italic; }
    form.user fieldset.inputs ol li#user_first_name_input, form.user fieldset.inputs ol li#user_password_input {
      float: left; }
    form.user fieldset.inputs ol li#user_last_name_input, form.user fieldset.inputs ol li#user_password_confirmation_input {
      float: right; }
    form.user fieldset.inputs ol li#user_last_name_input input, form.user fieldset.inputs ol li#user_last_name_input p.inline-errors, form.user fieldset.inputs ol li#user_first_name_input input, form.user fieldset.inputs ol li#user_first_name_input p.inline-errors, form.user fieldset.inputs ol li#user_password_input input, form.user fieldset.inputs ol li#user_password_input p.inline-errors, form.user fieldset.inputs ol li#user_password_confirmation_input input, form.user fieldset.inputs ol li#user_password_confirmation_input p.inline-errors {
      width: 155px; }
    form.user fieldset.inputs ol li#user_zip_code_input {
      width: 75px;
      float: left; }
      form.user fieldset.inputs ol li#user_zip_code_input input {
        width: 70px; }
    form.user fieldset.inputs ol li#user_city_input {
      float: right; }
      form.user fieldset.inputs ol li#user_city_input input {
        width: 247px; }
    form.user fieldset.inputs ol li#order_shipping_country_input {
      clear: left; }
  form.user fieldset.buttons li.commit input {
    cursor: pointer;
    display: block;
    text-transform: capitalize;
    border: none;
    font-size: 0px;
    line-height: 0px;
    text-indent: -9000px;
    background: url(/images/buttons/aenderungen-speichern-up.png);
    width: 122px;
    height: 20px; }
    form.user fieldset.buttons li.commit input:hover {
      background: url(/images/buttons/aenderungen-speichern-down.png); }
    form.user fieldset.buttons li.commit input:active {
      background: url(/images/buttons/aenderungen-speichern-up.png); }

#errorExplanation {
  border: 1px solid #e120c8;
  padding: 0 10px 10px 10px;
  margin-bottom: 10px; }
  #errorExplanation h2 {
    font-size: 16px;
    color: white;
    background-color: #e120c8;
    border: none;
    margin: 0 -10px 10px -10px;
    padding: 5px 10px; }
  #errorExplanation p {
    margin-bottom: 8px; }
  #errorExplanation ul {
    margin-left: 14px; }
    #errorExplanation ul li {
      color: white; }

form fieldset ol li p.inline-errors {
  color: #e120c8; }

form#new_user_session #errorExplanation, form#new_user #errorExplanation {
  width: 424px; }

a {
  color: #0cabfa;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

em {
  font-style: italic;
  color: #bbbbbb; }

p {
  color: white; }

#flash {
  display: block;
  position: absolute;
  left: 50%;
  width: 200px;
  margin-left: -200px;
  padding: 10px;
  z-index: 100000;
  text-align: center;
  color: white; }
  #flash.notice {
    background-color: #0cabfa;
    border: 4px dotted #a2f51d; }
  #flash.error {
    background-color: #e456c9;
    border: 4px dotted #a1f231; }

#header {
  overflow: visible; }

ul#main-navigation {
  background: url(/images/element_bg/main_nav_bg.png) repeat-x scroll top left;
  list-style: none;
  position: relative;
  z-index: 999;
  bottom: -69px;
  line-height: 31px;
  overflow: visible;
  width: 809px; }
  ul#main-navigation li.active a, ul#main-navigation li.home a {
    background: url(/images/element_bg/dark_triangle.png) no-repeat scroll left 14px;
    height: 40px;
    position: relative;
    z-index: 2000; }
  ul#main-navigation li {
    float: left;
    position: relative; }
    ul#main-navigation li a {
      margin: 0 6px 0 0;
      padding: 0 0 26px 14px;
      font-size: 14px;
      color: #eeeeee;
      text-decoration: none;
      z-index: 100;
      cursor: pointer; }
    ul#main-navigation li a:hover {
      color: #e120c8;
      text-decoration: underline;
      background: url(/images/element_bg/dark_triangle.png) no-repeat scroll left 14px;
      height: 40px; }
  ul#main-navigation li a:hover, ul#main-navigation li.active a {
    color: #e120c8; }
  ul#main-navigation li.active ul li a {
    color: #cccccc;
    font-weight: normal; }
  ul#main-navigation li.active a {
    font-weight: bold; }
  ul#main-navigation li.login {
    float: right;
    width: 225px;
    font-size: 11px;
    color: #acabab;
    padding-right: 30px;
    text-align: right; }
    ul#main-navigation li.login a.button {
      display: inline;
      padding: 0;
      margin-top: 1px;
      font-size: 14px;
      width: 49px;
      text-align: center;
      color: white;
      display: block;
      background-color: #14cd04;
      float: left;
      margin-right: 10px;
      background: url(/images/element_bg/green_triangle.png) no-repeat scroll top left;
      width: 49px;
      height: 47px; }
    ul#main-navigation li.login a {
      display: inline;
      padding: 0;
      margin: 0;
      font-size: 11px;
      color: #14cd04; }

ul#main-navigation li a.subelements-indicator {
  background: transparent url(/images/element_bg/drop-down-indicator.png) no-repeat scroll right 6px;
  padding-right: 30px; }
  ul#main-navigation li a.subelements-indicator:hover {
    background: transparent url("/images/element_bg/drop-down-indicator-hover.png") no-repeat scroll right 6px; }
ul#main-navigation li ul {
  display: none;
  position: absolute;
  left: 0; }
ul#main-navigation li:hover ul {
  display: block; }
ul#main-navigation li ul {
  top: 31px;
  list-style-type: none;
  background: transparent url(/images/element_bg/dark_triangle.png) no-repeat scroll left bottom;
  padding-bottom: 16px; }
  ul#main-navigation li ul li {
    margin: 0;
    padding: 0;
    width: 120px;
    background-color: #191919;
    padding: 0px 10px 0;
    float: none;
    height: auto;
    line-height: 1.8em; }
    ul#main-navigation li ul li a {
      font-size: 12px;
      color: #cccccc;
      padding: 0 0 0 6px; }
    ul#main-navigation li ul li a:hover, ul#main-navigation li ul li a.active {
      color: #e120c8; }

abbr {
  border-bottom: 1px dotted #a2f51d; }

.hidden {
  display: none;
  height: 0;
  width: 0; }

.overflow-hidden {
  overflow: hidden; }

a {
  color: #0cabfa;
  text-decoration: none; }

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

a.order-link {
  display: block;
  text-indent: -90000px;
  background: url(/images/buttons/jetzt-bestellen.png) no-repeat scroll top left;
  width: 122px;
  height: 62px; }
  a.order-link:hover {
    background-position: left bottom; }

.pink-coloured {
  color: #e120c8 !important; }

.light-green-coloured {
  color: #a2f51d !important; }

a.back-link {
  background: url("/images/icons/back_link.png") no-repeat scroll center left;
  padding-left: 29px; }

a.go-to-link {
  background: url("/images/icons/go_to_link.png") no-repeat scroll center left;
  padding-left: 29px; }

.plain-delete-button {
  background-color: #3a3a3a;
  border: 1px solid #3a3a3a;
  color: #6c6c6c;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 0; }

.plain-delete-button:hover {
  background-color: #e120c8;
  color: white;
  cursor: pointer; }

.intro {
  width: 968px;
  height: 392px;
  overflow: hidden;
  position: relative;
  top: -31px;
  z-index: 1; }
  .intro #intro_text {
    color: #111111;
    left: 651px;
    padding: 20px 14px 0;
    position: absolute;
    top: 20px;
    width: 260px;
    z-index: 9000; }
    .intro #intro_text h4 {
      color: #0cabfa;
      font-size: 20px;
      margin-bottom: 6px; }
    .intro #intro_text p {
      color: #111111; }
  .intro #wedding_dress {
    position: absolute;
    right: 20px;
    bottom: 110px;
    z-index: 9000; }
  .intro #slide-nav {
    position: absolute;
    right: 15px;
    bottom: 0px;
    z-index: 1000;
    width: 300px; }
    .intro #slide-nav li {
      margin: 0 5px 0 0;
      padding: 0;
      list-style-type: none;
      display: block;
      cursor: pointer;
      float: left; }
      .intro #slide-nav li a {
        margin-bottom: 10px;
        cursor: pointer;
        display: block;
        width: 136px;
        height: 90px;
        overflow: hidden;
        border: 4px solid #5d6465;
        -moz-box-shadow: -3px 3px 4px #62696a;
        -webkit-box-shadow: -3px 3px 4px #62696a;
        box-shadow: -3px 3px 4px #62696a;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#62696a')";
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#62696a'); }
        .intro #slide-nav li a img {
          display: block;
          cursor: pointer; }
      .intro #slide-nav li a:hover, .intro #slide-nav li a.activeSlide {
        border: 4px solid #0cabfa; }
    .intro #slide-nav li.first img {
      bottom: 23px;
      left: -52px;
      position: relative; }
    .intro #slide-nav li.second img {
      bottom: 23px;
      left: -40px;
      position: relative; }
    .intro #slide-nav li.third img {
      bottom: 25px;
      left: -4px;
      position: relative; }
    .intro #slide-nav li.fourth img {
      bottom: 10px;
      left: -19px;
      position: relative; }
  .intro #landing_page_teaser {
    width: 968px;
    height: 392px;
    overflow: hidden;
    position: relative;
    z-index: 1; }
    .intro #landing_page_teaser .img a.create {
      background: url("/images/buttons/create.png") no-repeat scroll top left;
      display: block;
      width: 65px;
      height: 42px;
      position: absolute;
      text-indent: -9000px; }
    .intro #landing_page_teaser .img a.create:hover {
      background: url("/images/buttons/cretae_hover.png") no-repeat scroll top left; }
    .intro #landing_page_teaser .sunny a.create {
      top: 200px;
      left: 443px; }
    .intro #landing_page_teaser .plain a.create {
      top: 200px;
      left: 402px; }
    .intro #landing_page_teaser .full a.create {
      top: 200px;
      left: 243px; }
    .intro #landing_page_teaser .pants a.create {
      top: 200px;
      left: 352px; }

a.design-yourself-link {
  right: 303px;
  top: 250px;
  z-index: 10000;
  position: absolute;
  background: url("/images/buttons/gestalte_deinen_look_selbst.png") no-repeat scroll top left;
  width: 157px;
  height: 88px;
  display: block;
  text-indent: -9000px;
  cursor: pointer;
  display: none; }

a.design-yourself-link:hover {
  cursor: pointer;
  opacity: 0.8;
  -moz-opacity: 0.8; }

a.gift-link {
  right: 19px;
  top: 222px;
  z-index: 10000;
  position: absolute;
  text-indent: -9000px;
  cursor: pointer;
  background: url(/images/buttons/mehr_infos.png) no-repeat scroll top left;
  width: 125px;
  height: 72px;
  display: none; }

body#statics .products {
  position: relative;
  top: -10px; }
  body#statics .products h2 {
    padding-top: 0; }
  body#statics .products ul.products-index {
    margin: 0 auto 20px;
    width: 928px; }
    body#statics .products ul.products-index li .design-link {
      display: none; }
    body#statics .products ul.products-index li a.link {
      text-indent: 0; }

ul.news li.invite-friends p {
  margin-bottom: 10px; }
ul.news li.invite-friends form {
  background-color: #3c3c3c;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }
  ul.news li.invite-friends form fieldset ol li {
    width: 260px;
    margin: 10px 0 0 10px; }
    ul.news li.invite-friends form fieldset ol li p.inline-errors {
      color: #e120c8;
      margin-bottom: 0px; }
  ul.news li.invite-friends form fieldset ol li.commit {
    margin-bottom: 10px; }
    ul.news li.invite-friends form fieldset ol li.commit input {
      cursor: pointer;
      display: block;
      text-transform: capitalize;
      border: none;
      font-size: 0px;
      line-height: 0px;
      text-indent: -9000px;
      background: url("/images/buttons/einladung_senden_up.png") no-repeat scroll top left;
      width: 109px;
      height: 26px; }
    ul.news li.invite-friends form fieldset ol li.commit input:hover {
      background: url("/images/buttons/einladung_senden_down.png") no-repeat scroll top left; }
  ul.news li.invite-friends form fieldset ol li label {
    display: none; }
  ul.news li.invite-friends form fieldset ol li input {
    height: 20px; }
  ul.news li.invite-friends form fieldset ol li input, ul.news li.invite-friends form fieldset ol li textarea {
    line-height: 20px;
    font-size: 15px;
    font-family: arial;
    padding: 3px 0 3px 5px;
    color: #bbbbbb;
    font-weight: normal;
    text-shadow: #333333;
    border: 1px solid #444444;
    background-color: #333333;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    width: 260px; }
  ul.news li.invite-friends form fieldset ol li textarea {
    font-size: 12px;
    line-height: 1.3em;
    height: 60px; }

.login h2 {
  color: #14cd04;
  font-size: 20px;
  border-bottom: 1px solid #454444;
  padding-bottom: 9px;
  margin-top: 25px;
  margin-bottom: 9px;
  position: relative; }
  .login h2 span {
    position: absolute;
    left: 465px;
    font-size: 12px;
    color: #0cabfa; }
.login h3 {
  color: #6c6c6c;
  font-size: 20px;
  margin-bottom: 10px; }
.login .main-content {
  width: 465px;
  float: left; }
.login .side {
  width: 420px;
  float: left;
  border-left: 8px solid #454444;
  padding-left: 24px; }
  .login .side p.hint {
    color: #14cd04;
    margin-bottom: 10px; }
  .login .side a.login-button-link {
    text-indent: -9000px;
    display: block;
    width: 96px;
    height: 20px;
    background: url("/images/buttons/schnell-anmelden-up.png") no-repeat scroll top left; }
    .login .side a.login-button-link:hover {
      background: url("/images/buttons/schnell-anmelden-down.png") no-repeat scroll top left; }
    .login .side a.login-button-link:active {
      background: url("/images/buttons/schnell-anmelden-up.png") no-repeat scroll top left; }
.login form {
  margin-bottom: 20px; }

.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-dialog {
  padding: 20px; }
  .ui-dialog .ui-dialog-titlebar {
    height: 30px;
    width: 30px;
    position: absolute;
    right: 10px;
    top: 45px;
    z-index: 200099; }
    .ui-dialog .ui-dialog-titlebar #ui-dialog-title-quick-account-access {
      display: none; }
    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
      display: block;
      height: 30px;
      width: 30px;
      background: url("/images/dialog/closebox.png") top left no-repeat;
      cursor: pointer;
      z-index: 181;
      text-indent: 900px; }
      .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close * {
        visibility: hidden; }

.js-overlay {
  position: relative;
  background-color: #3a3a3a;
  margin-top: 33px; }
  .js-overlay .inner {
    z-index: 2000;
    position: relative; }
  .js-overlay .wrapper {
    padding: 15px;
    border: 1px solid #464646; }
    .js-overlay .wrapper .fbconnect_login_button {
      margin-bottom: 20px; }
    .js-overlay .wrapper .splitter {
      margin-bottom: 20px; }
    .js-overlay .wrapper form fieldset.buttons ol li.commit {
      float: left;
      margin-right: 10px; }
    .js-overlay .wrapper form fieldset.buttons li.cancel {
      color: white; }
    .js-overlay .wrapper h2 {
      border-bottom: 1px solid #454444;
      color: #14cd04;
      font-size: 20px;
      margin-bottom: 9px;
      padding-bottom: 9px;
      padding-top: 15px;
      position: relative; }
      .js-overlay .wrapper h2 small {
        font-size: 12px; }

div#fancy_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  border: 0;
  padding: 0;
  margin: 0; }
div.fancy_bg {
  position: absolute;
  display: block;
  z-index: 70;
  border: 0;
  padding: 0;
  margin: 0; }
div#fancy_bg_n {
  top: -20px;
  left: 0;
  width: 100%;
  height: 20px;
  background: transparent url("/images/dialog/shadow_n.png") repeat-x; }
div#fancy_bg_ne {
  top: -20px;
  right: -20px;
  width: 20px;
  height: 20px;
  background: transparent url("/images/dialog/shadow_ne.png") no-repeat; }
div#fancy_bg_e {
  right: -20px;
  height: 100%;
  width: 20px;
  background: transparent url("/images/dialog/shadow_e.png") repeat-y; }
div#fancy_bg_se {
  bottom: -20px;
  right: -20px;
  width: 20px;
  height: 20px;
  background: transparent url("/images/dialog/shadow_se.png") no-repeat; }
div#fancy_bg_s {
  bottom: -20px;
  left: 0;
  width: 100%;
  height: 20px;
  background: transparent url("/images/dialog/shadow_s.png") repeat-x; }
div#fancy_bg_sw {
  bottom: -20px;
  left: -20px;
  width: 20px;
  height: 20px;
  background: transparent url("/images/dialog/shadow_sw.png") no-repeat; }
div#fancy_bg_w {
  left: -20px;
  height: 100%;
  width: 20px;
  background: transparent url("/images/dialog/shadow_w.png") repeat-y; }
div#fancy_bg_nw {
  top: -20px;
  left: -20px;
  width: 20px;
  height: 20px;
  background: transparent url("/images/dialog/shadow_nw.png") no-repeat; }

.design-contest-how-to-dialog .ui-dialog-titlebar {
  top: 30px; }

#design-contest-how-to {
  position: relative;
  background-color: #3a3a3a;
  margin-top: 33px; }
  #design-contest-how-to .inner {
    z-index: 2000;
    position: relative; }
  #design-contest-how-to .wrapper {
    padding: 15px;
    border: 1px solid #464646; }
    #design-contest-how-to .wrapper h2 {
      color: #0cabfa; }
    #design-contest-how-to .wrapper h3 {
      color: #bbbbbb;
      font-size: 20px;
      margin-bottom: 13px;
      padding-left: 40px;
      font-weight: normal; }
    #design-contest-how-to .wrapper .second-step {
      width: 390px;
      float: right; }
      #design-contest-how-to .wrapper .second-step h3 {
        color: #6c6c6c;
        background: url("/images/icons/nr-2.png") no-repeat scroll center left; }
      #design-contest-how-to .wrapper .second-step h5 {
        font-size: 16px;
        color: #bbbbbb;
        padding-left: 15px;
        margin-bottom: 6px; }
      #design-contest-how-to .wrapper .second-step p {
        padding-left: 15px;
        color: #bbbbbb; }
    #design-contest-how-to .wrapper .first-step {
      width: 400px;
      float: left; }
      #design-contest-how-to .wrapper .first-step h3 {
        height: 31px;
        line-height: 31px;
        color: #bbbbbb;
        background: url("/images/icons/nr-1.png") no-repeat scroll center left; }
      #design-contest-how-to .wrapper .first-step ul.products-index {
        padding-left: 15px; }
        #design-contest-how-to .wrapper .first-step ul.products-index li.product {
          width: 74px;
          margin-right: 20px;
          overflow: hidden; }
          #design-contest-how-to .wrapper .first-step ul.products-index li.product .description, #design-contest-how-to .wrapper .first-step ul.products-index li.product .design-link, #design-contest-how-to .wrapper .first-step ul.products-index li.product .price {
            display: none; }
          #design-contest-how-to .wrapper .first-step ul.products-index li.product a.image-link {
            width: 74px;
            height: 74px; }
            #design-contest-how-to .wrapper .first-step ul.products-index li.product a.image-link img {
              width: 74px; }
            #design-contest-how-to .wrapper .first-step ul.products-index li.product a.image-link:hover {
              opacity: 0.5;
              -moz-opacity: 0.5; }

#template_compositions ul.user_photos {
  margin: 0;
  padding-top: 0;
  list-style: none; }
  #template_compositions ul.user_photos li.user_photo, #template_compositions ul.user_photos a {
    margin: 0 10px 10px 0;
    width: 74px;
    height: 75px; }
    #template_compositions ul.user_photos li.user_photo a, #template_compositions ul.user_photos a a {
      display: block;
      overflow: hidden;
      padding: 1px;
      border: 1px solid transparent; }
      #template_compositions ul.user_photos li.user_photo a img, #template_compositions ul.user_photos a a img {
        width: 74px;
        height: 75px; }
    #template_compositions ul.user_photos li.user_photo a:hover, #template_compositions ul.user_photos a a:hover {
      border: 1px solid #0cabfa;
      padding: 1px; }

.product {
  position: relative;
  width: 304px;
  margin-right: 8px;
  float: left;
  background-color: #191919;
  color: white;
  overflow: hidden;
  margin-bottom: 25px; }
  .product a.design-link {
    left: 203px;
    top: 270px;
    position: absolute;
    display: block;
    width: 103px;
    height: 48px;
    overflow: hidden; }
  .product a.image-link {
    display: block;
    width: 304px;
    height: 304px;
    overflow: hidden; }
  .product .description {
    padding: 6px; }
    .product .description h3 {
      color: #0cabfa;
      font-size: 15px;
      margin-bottom: 7px; }
    .product .description p {
      margin-bottom: 7px; }
    .product .description ul {
      margin-bottom: 7px;
      list-style: disc inside; }
    .product .description p.price strong {
      color: #a2f51d;
      display: block; }
      .product .description p.price strong small {
        color: white;
        font-weight: normal; }
    .product .description p.price small {
      color: #e120c8; }
  .product a.link, .product span.link {
    display: block;
    background: url("/images/element_bg/product_bottom_bg.png") no-repeat scroll top left;
    width: 294px;
    height: 31px;
    color: white;
    line-height: 20px;
    padding-left: 10px; }

.products {
  margin: 0 auto;
  clear: left; }
  .products h2 {
    color: #0cabfa;
    font-size: 20px;
    border-bottom: 1px solid #454444;
    padding: 25px 0 9px 0;
    margin-bottom: 9px; }

ul.products, ul.products-index {
  list-style: none; }
  ul.products li.last, ul.products-index li.last {
    margin-right: 0; }

ul.products-index li.product {
  width: 225px;
  margin-right: 8px; }
  ul.products-index li.product a.design-link {
    left: 120px;
    top: 190px; }
ul.products-index li a.image-link {
  width: 228px;
  height: 227px; }
  ul.products-index li a.image-link img {
    width: 227px; }
ul.products-index li a.link {
  width: 228px;
  height: 31px; }
ul.products-index li.last {
  margin-right: 0; }

.template-composition .secondary-navigation {
  width: 305px;
  float: left; }
  .template-composition .secondary-navigation h5 {
    font-size: 16px;
    color: #bbbbbb;
    line-height: 1.2em;
    margin-bottom: 10px; }
  .template-composition .secondary-navigation table.share {
    width: 305px;
    display: block; }
    .template-composition .secondary-navigation table.share td.share_c {
      text-align: center;
      width: 100px; }
    .template-composition .secondary-navigation table.share td.share_c.first {
      text-align: left; }
    .template-composition .secondary-navigation table.share td.share_c.last {
      text-align: right; }
    .template-composition .secondary-navigation table.share td.copyf {
      padding-top: 7px; }
    .template-composition .secondary-navigation table.share td {
      color: #bbbbbb;
      padding-bottom: 10px; }
      .template-composition .secondary-navigation table.share td a.retweet {
        color: white; }
      .template-composition .secondary-navigation table.share td form input.copy-to-clipboard-content {
        border: 1px solid #464646;
        background-color: #464646;
        float: left;
        color: white;
        padding: 2px;
        margin-right: 6px;
        width: 222px; }
      .template-composition .secondary-navigation table.share td form input.copy-to-clipboard {
        float: left;
        color: white;
        cursor: pointer;
        display: block;
        text-transform: capitalize;
        border: none;
        font-size: 0px;
        line-height: 0px;
        text-indent: -9000px;
        font-size: 10px;
        line-height: 12px;
        text-indent: 0;
        width: 66px;
        height: 20px;
        background: transparent url(/images/buttons/vote_button_up.png) no-repeat;
        display: block; }
    .template-composition .secondary-navigation table.share td.copy-form {
      width: 100%; }
.template-composition .secondary-content {
  position: relative;
  width: 603px;
  border-left: none;
  padding-left: 0px;
  float: right; }
  .template-composition .secondary-content h5 {
    padding-top: 20px; }
  .template-composition .secondary-content p.description {
    width: 425px;
    margin-bottom: 30px; }
  .template-composition .secondary-content .price {
    position: absolute;
    right: 0;
    top: 0;
    width: 140px; }
    .template-composition .secondary-content .price strong {
      color: #a2f51d;
      font-size: 18px;
      display: block; }
    .template-composition .secondary-content .price small {
      color: white; }
  .template-composition .secondary-content ul.composition-colors li.color {
    position: relative;
    width: 40px;
    height: 40px;
    overflow: hidden;
    float: left;
    margin: 0 10px 10px 0; }
    .template-composition .secondary-content ul.composition-colors li.color p, .template-composition .secondary-content ul.composition-colors li.color .description {
      display: none; }
    .template-composition .secondary-content ul.composition-colors li.color a.colour-link {
      display: block;
      width: 75px;
      height: 75px;
      overflow: hidden;
      text-indent: -9000px; }
    .template-composition .secondary-content ul.composition-colors li.color h4 {
      position: absolute;
      bottom: 2px;
      left: 2px;
      border: none;
      font-size: 10px;
      margin-bottom: 0;
      padding: 0; }

#template_compositions .template-composition ul.user_photos li.user_photo {
  height: 80px;
  width: 80px; }
  #template_compositions .template-composition ul.user_photos li.user_photo a.image-with-preview-link {
    height: 75px;
    width: 75px; }
    #template_compositions .template-composition ul.user_photos li.user_photo a.image-with-preview-link img {
      height: 75px;
      width: 75px; }

.login .main-content p {
  margin-bottom: 10px; }
.login .main-content form#new_user {
  padding-top: 20px; }

.user-info h2.full-col, .my-studio h2.full-col {
  color: #0cabfa;
  font-size: 20px;
  border-bottom: 1px solid #454444;
  padding-bottom: 9px;
  margin-top: 25px;
  margin-bottom: 9px; }
.user-info .secondary-content h3, .my-studio .secondary-content h3 {
  color: #6c6c6c;
  font-size: 20px; }
.user-info .secondary-content ul.drafts.clearfix, .my-studio .secondary-content ul.drafts.clearfix {
  margin-top: 0;
  margin-bottom: 24px;
  list-style: none; }
  .user-info .secondary-content ul.drafts.clearfix li, .my-studio .secondary-content ul.drafts.clearfix li {
    width: 196px;
    float: left;
    margin-right: 42px;
    margin-bottom: 24px; }
    .user-info .secondary-content ul.drafts.clearfix li h4, .my-studio .secondary-content ul.drafts.clearfix li h4 {
      font-size: 20px;
      color: #f6f6f6;
      border-top: 1px solid #4b4b4b;
      position: relative; }
      .user-info .secondary-content ul.drafts.clearfix li h4 a.share-desig-on-facebook, .my-studio .secondary-content ul.drafts.clearfix li h4 a.share-desig-on-facebook {
        background: url("/images/buttons/facebook_teilen_link.png") no-repeat scroll top left;
        width: 63px;
        height: 18px;
        text-indent: -90000px;
        position: absolute;
        right: 0;
        top: 7px;
        font-size: 11px;
        color: #0cabfa;
        text-decoration: underline;
        outline: none; }
        .user-info .secondary-content ul.drafts.clearfix li h4 a.share-desig-on-facebook:hover, .my-studio .secondary-content ul.drafts.clearfix li h4 a.share-desig-on-facebook:hover {
          text-decoration: none; }
    .user-info .secondary-content ul.drafts.clearfix li p.item-image, .my-studio .secondary-content ul.drafts.clearfix li p.item-image {
      display: block;
      float: left;
      width: 74px;
      margin: 0 12px 5px 0; }
      .user-info .secondary-content ul.drafts.clearfix li p.item-image .go-to, .my-studio .secondary-content ul.drafts.clearfix li p.item-image .go-to {
        color: white;
        display: block;
        background: url("/images/element_bg/triangle-blue-small-image.png") no-repeat scroll top left;
        width: 74px;
        height: 31px;
        line-height: 22px;
        padding-left: 6px;
        text-decoration: none;
        font-size: 11px; }
        .user-info .secondary-content ul.drafts.clearfix li p.item-image .go-to:hover, .my-studio .secondary-content ul.drafts.clearfix li p.item-image .go-to:hover {
          text-decoration: underline; }
    .user-info .secondary-content ul.drafts.clearfix li p.clear, .my-studio .secondary-content ul.drafts.clearfix li p.clear {
      font-size: 12px;
      padding-top: 12px;
      margin-bottom: 12px; }
      .user-info .secondary-content ul.drafts.clearfix li p.clear a.add-to-cart, .my-studio .secondary-content ul.drafts.clearfix li p.clear a.add-to-cart {
        display: block;
        text-indent: -9000px;
        background: url("/images/buttons/in-einkaufswagen-legen-up.png") no-repeat scroll top left;
        width: 198px;
        height: 34px;
        text-decoration: underline; }
      .user-info .secondary-content ul.drafts.clearfix li p.clear a.add-to-cart:hover, .my-studio .secondary-content ul.drafts.clearfix li p.clear a.add-to-cart:hover {
        background: url("/images/buttons/in-einkaufswagen-legen-down.png") no-repeat scroll top left; }
      .user-info .secondary-content ul.drafts.clearfix li p.clear a.add-to-cart:active, .my-studio .secondary-content ul.drafts.clearfix li p.clear a.add-to-cart:active {
        background: url("/images/buttons/in-einkaufswagen-legen-up.png") no-repeat scroll top left; }
  .user-info .secondary-content ul.drafts.clearfix li.last, .my-studio .secondary-content ul.drafts.clearfix li.last {
    margin-right: 0; }

.my-studio .secondary-content h3 {
  color: #6c6c6c;
  font-size: 20px; }
.my-studio .secondary-content ul.drafts li {
  width: 190px !important; }
  .my-studio .secondary-content ul.drafts li .item-image a.product-image-link {
    display: block;
    width: 74px;
    height: 74px;
    display: block;
    overflow: hidden;
    cursor: pointer; }
    .my-studio .secondary-content ul.drafts li .item-image a.product-image-link img {
      margin-bottom: 0; }
  .my-studio .secondary-content ul.drafts li .item-image a.go-to-and-change, .my-studio .secondary-content ul.drafts li .item-image a.product-link {
    background: transparent url(/images/element_bg/triangle-blue-small-image.png) no-repeat scroll left top;
    color: white;
    display: block;
    font-size: 11px;
    height: 31px;
    line-height: 22px;
    padding-left: 6px;
    text-decoration: none;
    width: 68px; }
  .my-studio .secondary-content ul.drafts li p.clear {
    height: 34px;
    line-height: 34px;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 2px; }
  .my-studio .secondary-content ul.drafts li form.button-to {
    clear: left;
    margin-bottom: 2px;
    height: 34px; }
    .my-studio .secondary-content ul.drafts li form.button-to input.add-to-cart {
      cursor: pointer;
      display: block;
      text-transform: capitalize;
      border: none;
      font-size: 0px;
      line-height: 0px;
      text-indent: -9000px;
      background: url(/images/buttons/in-einkaufswagen-legen-up.png) no-repeat scroll top left;
      width: 198px;
      height: 34px; }
      .my-studio .secondary-content ul.drafts li form.button-to input.add-to-cart:hover {
        background: url(/images/buttons/in-einkaufswagen-legen-down.png) no-repeat scroll top left; }
    .my-studio .secondary-content ul.drafts li form.button-to input.delete-composition {
      cursor: pointer;
      display: block;
      text-transform: capitalize;
      border: none;
      font-size: 0px;
      line-height: 0px;
      text-indent: -9000px;
      background: url(/images/buttons/diesen_artikel_loeschen_up.png) no-repeat scroll top left;
      width: 198px;
      height: 24px; }
      .my-studio .secondary-content ul.drafts li form.button-to input.delete-composition:hover {
        background: url(/images/buttons/diesen_artikel_loeschen_down.png) no-repeat scroll top left; }
.my-studio .secondary-content h5, .my-studio .secondary-content h6 {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: normal;
  color: #6c6c6c;
  margin-bottom: 5px;
  padding-top: 20px; }
  .my-studio .secondary-content h5 small, .my-studio .secondary-content h6 small {
    text-transform: none; }
.my-studio .secondary-content h6 {
  font-size: 14px;
  text-transform: none;
  padding-top: 0; }
.my-studio .secondary-content .contest-entry {
  margin-bottom: 30px; }
  .my-studio .secondary-content .contest-entry h5 {
    color: #6c6c6c; }
  .my-studio .secondary-content .contest-entry table.share {
    margin-bottom: 20px; }
    .my-studio .secondary-content .contest-entry table.share thead tr td {
      padding-bottom: 3px;
      color: #bbbbbb; }
    .my-studio .secondary-content .contest-entry table.share tr td {
      width: 140px; }
      .my-studio .secondary-content .contest-entry table.share tr td a.retweet {
        color: white; }
      .my-studio .secondary-content .contest-entry table.share tr td form input.copy-to-clipboard-content {
        border: 1px solid #464646;
        background-color: #464646;
        float: left;
        color: white;
        padding: 2px;
        margin-right: 6px;
        width: 204px; }
      .my-studio .secondary-content .contest-entry table.share tr td form input.copy-to-clipboard {
        float: left;
        color: white;
        cursor: pointer;
        display: block;
        text-transform: capitalize;
        border: none;
        font-size: 0px;
        line-height: 0px;
        text-indent: -9000px;
        font-size: 10px;
        line-height: 12px;
        text-indent: 0;
        width: 66px;
        height: 20px;
        background: transparent url(/images/buttons/vote_button_up.png) no-repeat; }
    .my-studio .secondary-content .contest-entry table.share tr td.copy-form {
      width: 370px; }
  .my-studio .secondary-content .contest-entry a.product-link {
    width: 68px; }
  .my-studio .secondary-content .contest-entry .header {
    padding: 3px 0;
    border-top: 1px solid #4b4b4b;
    border-bottom: 1px dotted #4b4b4b;
    margin-bottom: 12px;
    height: 45px;
    overflow: hidden; }
    .my-studio .secondary-content .contest-entry .header h4 {
      margin-bottom: 3px;
      font-size: 20px;
      color: #f6f6f6;
      padding: 7px 0 0 0;
      position: relative; }
      .my-studio .secondary-content .contest-entry .header h4 span {
        text-align: right;
        font-size: 12px;
        float: right; }
      .my-studio .secondary-content .contest-entry .header h4 form.button-to {
        width: 66px;
        float: right; }
        .my-studio .secondary-content .contest-entry .header h4 form.button-to input.vote-for {
          color: white;
          cursor: pointer;
          display: block;
          text-transform: capitalize;
          border: none;
          font-size: 0px;
          line-height: 0px;
          text-indent: -9000px;
          font-size: 10px;
          line-height: 12px;
          text-indent: 0;
          width: 66px;
          height: 20px;
          background: transparent url(/images/buttons/vote_button_up.png) no-repeat; }
    .my-studio .secondary-content .contest-entry .header p {
      margin-bottom: 3px; }
  .my-studio .secondary-content .contest-entry p.item-image {
    width: 151px;
    float: left; }
    .my-studio .secondary-content .contest-entry p.item-image a.product-image-link {
      display: block;
      width: 74px;
      height: 74px;
      display: block;
      overflow: hidden;
      cursor: pointer; }
      .my-studio .secondary-content .contest-entry p.item-image a.product-image-link img {
        margin-bottom: 0; }
    .my-studio .secondary-content .contest-entry p.item-image a.go-to-and-change, .my-studio .secondary-content .contest-entry p.item-image a.product-link {
      background: transparent url(/images/element_bg/triangle-blue-small-image.png) no-repeat scroll left top;
      color: white;
      display: block;
      font-size: 11px;
      height: 31px;
      line-height: 22px;
      padding-left: 6px;
      text-decoration: none;
      width: 68px; }
    .my-studio .secondary-content .contest-entry p.item-image a.product-image-link {
      width: 151px;
      height: 151px; }
      .my-studio .secondary-content .contest-entry p.item-image a.product-image-link img {
        width: 151px;
        height: 151px; }
    .my-studio .secondary-content .contest-entry p.item-image a.product-link {
      width: 145px; }
  .my-studio .secondary-content .contest-entry .description {
    margin-left: 163px; }
    .my-studio .secondary-content .contest-entry .description p {
      color: #bbbbbb; }

.my-studio .secondary-content .credtis {
  margin-bottom: 25px; }
  .my-studio .secondary-content .credtis p {
    color: white; }
.my-studio .secondary-content ul.get-credits-how-to {
  margin-bottom: 30px; }
  .my-studio .secondary-content ul.get-credits-how-to li {
    margin-bottom: 25px; }
    .my-studio .secondary-content ul.get-credits-how-to li p {
      color: #bbbbbb; }
    .my-studio .secondary-content ul.get-credits-how-to li strong.pink-coloured {
      font-size: 20px;
      font-weight: normal; }

.about, .user-info, .gift, .my-studio, .pattern_and_color_card, .template-composition {
  clear: left; }
  .about h2, .user-info h2, .gift h2, .my-studio h2, .pattern_and_color_card h2, .template-composition h2 {
    color: #0cabfa;
    font-size: 20px;
    border-bottom: 1px solid #454444;
    padding: 25px 0 9px 0;
    margin-bottom: 9px; }
  .about .secondary-content h3, .user-info .secondary-content h3, .gift .secondary-content h3, .my-studio .secondary-content h3, .pattern_and_color_card .secondary-content h3, .template-composition .secondary-content h3 {
    color: #6c6c6c;
    font-size: 20px;
    margin-bottom: 12px;
    text-transform: uppercase; }
  .about .secondary-content h5, .user-info .secondary-content h5, .gift .secondary-content h5, .my-studio .secondary-content h5, .pattern_and_color_card .secondary-content h5, .template-composition .secondary-content h5 {
    font-size: 16px;
    color: #bbbbbb;
    line-height: 1.2em;
    margin-bottom: 1em; }
  .about .secondary-content p, .user-info .secondary-content p, .gift .secondary-content p, .my-studio .secondary-content p, .pattern_and_color_card .secondary-content p, .template-composition .secondary-content p {
    color: white;
    margin-bottom: 7px; }
  .about .secondary-content ul, .user-info .secondary-content ul, .gift .secondary-content ul, .my-studio .secondary-content ul, .pattern_and_color_card .secondary-content ul, .template-composition .secondary-content ul {
    color: white;
    margin-bottom: 7px; }
    .about .secondary-content ul li, .user-info .secondary-content ul li, .gift .secondary-content ul li, .my-studio .secondary-content ul li, .pattern_and_color_card .secondary-content ul li, .template-composition .secondary-content ul li {
      margin-left: 15px; }
  .about .secondary-content table.percentage, .user-info .secondary-content table.percentage, .gift .secondary-content table.percentage, .my-studio .secondary-content table.percentage, .pattern_and_color_card .secondary-content table.percentage, .template-composition .secondary-content table.percentage {
    width: 100%; }
    .about .secondary-content table.percentage tr th, .about .secondary-content table.percentage tr td, .user-info .secondary-content table.percentage tr th, .user-info .secondary-content table.percentage tr td, .gift .secondary-content table.percentage tr th, .gift .secondary-content table.percentage tr td, .my-studio .secondary-content table.percentage tr th, .my-studio .secondary-content table.percentage tr td, .pattern_and_color_card .secondary-content table.percentage tr th, .pattern_and_color_card .secondary-content table.percentage tr td, .template-composition .secondary-content table.percentage tr th, .template-composition .secondary-content table.percentage tr td {
      padding-right: 3em; }
    .about .secondary-content table.percentage tr th, .user-info .secondary-content table.percentage tr th, .gift .secondary-content table.percentage tr th, .my-studio .secondary-content table.percentage tr th, .pattern_and_color_card .secondary-content table.percentage tr th, .template-composition .secondary-content table.percentage tr th {
      font-size: 16px;
      color: #bbbbbb;
      line-height: 1.2em; }
    .about .secondary-content table.percentage tr td, .user-info .secondary-content table.percentage tr td, .gift .secondary-content table.percentage tr td, .my-studio .secondary-content table.percentage tr td, .pattern_and_color_card .secondary-content table.percentage tr td, .template-composition .secondary-content table.percentage tr td {
      padding-top: 0px;
      width: 200px;
      color: white;
      vertical-align: top; }
  .about .secondary-content ul.colours li .description, .user-info .secondary-content ul.colours li .description, .gift .secondary-content ul.colours li .description, .my-studio .secondary-content ul.colours li .description, .pattern_and_color_card .secondary-content ul.colours li .description, .template-composition .secondary-content ul.colours li .description {
    display: none; }
  .about .secondary-content ul.drafts, .about .secondary-content ul.clearfix, .user-info .secondary-content ul.drafts, .user-info .secondary-content ul.clearfix, .gift .secondary-content ul.drafts, .gift .secondary-content ul.clearfix, .my-studio .secondary-content ul.drafts, .my-studio .secondary-content ul.clearfix, .pattern_and_color_card .secondary-content ul.drafts, .pattern_and_color_card .secondary-content ul.clearfix, .template-composition .secondary-content ul.drafts, .template-composition .secondary-content ul.clearfix {
    margin-top: 24px;
    margin-bottom: 24px;
    list-style: none; }
    .about .secondary-content ul.drafts li, .about .secondary-content ul.clearfix li, .user-info .secondary-content ul.drafts li, .user-info .secondary-content ul.clearfix li, .gift .secondary-content ul.drafts li, .gift .secondary-content ul.clearfix li, .my-studio .secondary-content ul.drafts li, .my-studio .secondary-content ul.clearfix li, .pattern_and_color_card .secondary-content ul.drafts li, .pattern_and_color_card .secondary-content ul.clearfix li, .template-composition .secondary-content ul.drafts li, .template-composition .secondary-content ul.clearfix li {
      width: 196px;
      float: left;
      margin: 0 36px 36px 0; }
      .about .secondary-content ul.drafts li h4, .about .secondary-content ul.clearfix li h4, .user-info .secondary-content ul.drafts li h4, .user-info .secondary-content ul.clearfix li h4, .gift .secondary-content ul.drafts li h4, .gift .secondary-content ul.clearfix li h4, .my-studio .secondary-content ul.drafts li h4, .my-studio .secondary-content ul.clearfix li h4, .pattern_and_color_card .secondary-content ul.drafts li h4, .pattern_and_color_card .secondary-content ul.clearfix li h4, .template-composition .secondary-content ul.drafts li h4, .template-composition .secondary-content ul.clearfix li h4 {
        margin-bottom: 12px;
        font-size: 20px;
        color: #f6f6f6;
        padding: 7px 0;
        border-top: 1px solid #4b4b4b;
        border-bottom: 2px dotted #484747; }
      .about .secondary-content ul.drafts li .image-wrapper, .about .secondary-content ul.drafts li a.colour-link, .about .secondary-content ul.clearfix li .image-wrapper, .about .secondary-content ul.clearfix li a.colour-link, .user-info .secondary-content ul.drafts li .image-wrapper, .user-info .secondary-content ul.drafts li a.colour-link, .user-info .secondary-content ul.clearfix li .image-wrapper, .user-info .secondary-content ul.clearfix li a.colour-link, .gift .secondary-content ul.drafts li .image-wrapper, .gift .secondary-content ul.drafts li a.colour-link, .gift .secondary-content ul.clearfix li .image-wrapper, .gift .secondary-content ul.clearfix li a.colour-link, .my-studio .secondary-content ul.drafts li .image-wrapper, .my-studio .secondary-content ul.drafts li a.colour-link, .my-studio .secondary-content ul.clearfix li .image-wrapper, .my-studio .secondary-content ul.clearfix li a.colour-link, .pattern_and_color_card .secondary-content ul.drafts li .image-wrapper, .pattern_and_color_card .secondary-content ul.drafts li a.colour-link, .pattern_and_color_card .secondary-content ul.clearfix li .image-wrapper, .pattern_and_color_card .secondary-content ul.clearfix li a.colour-link, .template-composition .secondary-content ul.drafts li .image-wrapper, .template-composition .secondary-content ul.drafts li a.colour-link, .template-composition .secondary-content ul.clearfix li .image-wrapper, .template-composition .secondary-content ul.clearfix li a.colour-link {
        display: block;
        width: 74px;
        height: 74px;
        overflow: hidden;
        float: left;
        margin: 0 12px 5px 0;
        text-indent: -90000px; }
      .about .secondary-content ul.drafts li .image-wrapper, .about .secondary-content ul.clearfix li .image-wrapper, .user-info .secondary-content ul.drafts li .image-wrapper, .user-info .secondary-content ul.clearfix li .image-wrapper, .gift .secondary-content ul.drafts li .image-wrapper, .gift .secondary-content ul.clearfix li .image-wrapper, .my-studio .secondary-content ul.drafts li .image-wrapper, .my-studio .secondary-content ul.clearfix li .image-wrapper, .pattern_and_color_card .secondary-content ul.drafts li .image-wrapper, .pattern_and_color_card .secondary-content ul.clearfix li .image-wrapper, .template-composition .secondary-content ul.drafts li .image-wrapper, .template-composition .secondary-content ul.clearfix li .image-wrapper {
        text-indent: 0; }
        .about .secondary-content ul.drafts li .image-wrapper img, .about .secondary-content ul.clearfix li .image-wrapper img, .user-info .secondary-content ul.drafts li .image-wrapper img, .user-info .secondary-content ul.clearfix li .image-wrapper img, .gift .secondary-content ul.drafts li .image-wrapper img, .gift .secondary-content ul.clearfix li .image-wrapper img, .my-studio .secondary-content ul.drafts li .image-wrapper img, .my-studio .secondary-content ul.clearfix li .image-wrapper img, .pattern_and_color_card .secondary-content ul.drafts li .image-wrapper img, .pattern_and_color_card .secondary-content ul.clearfix li .image-wrapper img, .template-composition .secondary-content ul.drafts li .image-wrapper img, .template-composition .secondary-content ul.clearfix li .image-wrapper img {
          width: 74px; }
      .about .secondary-content ul.drafts li p, .about .secondary-content ul.clearfix li p, .user-info .secondary-content ul.drafts li p, .user-info .secondary-content ul.clearfix li p, .gift .secondary-content ul.drafts li p, .gift .secondary-content ul.clearfix li p, .my-studio .secondary-content ul.drafts li p, .my-studio .secondary-content ul.clearfix li p, .pattern_and_color_card .secondary-content ul.drafts li p, .pattern_and_color_card .secondary-content ul.clearfix li p, .template-composition .secondary-content ul.drafts li p, .template-composition .secondary-content ul.clearfix li p {
        font-size: 12px;
        margin-bottom: 12px; }
        .about .secondary-content ul.drafts li p a, .about .secondary-content ul.clearfix li p a, .user-info .secondary-content ul.drafts li p a, .user-info .secondary-content ul.clearfix li p a, .gift .secondary-content ul.drafts li p a, .gift .secondary-content ul.clearfix li p a, .my-studio .secondary-content ul.drafts li p a, .my-studio .secondary-content ul.clearfix li p a, .pattern_and_color_card .secondary-content ul.drafts li p a, .pattern_and_color_card .secondary-content ul.clearfix li p a, .template-composition .secondary-content ul.drafts li p a, .template-composition .secondary-content ul.clearfix li p a {
          text-decoration: underline; }
        .about .secondary-content ul.drafts li p a:hover, .about .secondary-content ul.clearfix li p a:hover, .user-info .secondary-content ul.drafts li p a:hover, .user-info .secondary-content ul.clearfix li p a:hover, .gift .secondary-content ul.drafts li p a:hover, .gift .secondary-content ul.clearfix li p a:hover, .my-studio .secondary-content ul.drafts li p a:hover, .my-studio .secondary-content ul.clearfix li p a:hover, .pattern_and_color_card .secondary-content ul.drafts li p a:hover, .pattern_and_color_card .secondary-content ul.clearfix li p a:hover, .template-composition .secondary-content ul.drafts li p a:hover, .template-composition .secondary-content ul.clearfix li p a:hover {
          text-decoration: none; }
    .about .secondary-content ul.drafts li.last, .about .secondary-content ul.clearfix li.last, .user-info .secondary-content ul.drafts li.last, .user-info .secondary-content ul.clearfix li.last, .gift .secondary-content ul.drafts li.last, .gift .secondary-content ul.clearfix li.last, .my-studio .secondary-content ul.drafts li.last, .my-studio .secondary-content ul.clearfix li.last, .pattern_and_color_card .secondary-content ul.drafts li.last, .pattern_and_color_card .secondary-content ul.clearfix li.last, .template-composition .secondary-content ul.drafts li.last, .template-composition .secondary-content ul.clearfix li.last {
      margin-right: 0; }

.gift {
  clear: left; }
  .gift h3 {
    line-height: 1.3em; }
  .gift .secondary-navigation {
    float: right;
    padding-left: 17px;
    border-left: 8px solid #484747; }
    .gift .secondary-navigation h4 {
      color: #e120c8;
      font-size: 20px; }
    .gift .secondary-navigation p {
      margin-bottom: 10px;
      padding-left: 4px; }
    .gift .secondary-navigation ul {
      background-color: transparent;
      list-style-type: decimal;
      padding: 12px 0px 0 20px; }
      .gift .secondary-navigation ul li {
        color: white;
        border-top: none;
        margin-bottom: 6px; }
  .gift .secondary-content {
    border-left: none;
    float: left;
    padding-left: 0;
    width: 665px; }
    .gift .secondary-content p {
      margin-bottom: 10px;
      padding-left: 4px; }
    .gift .secondary-content ul.howto-list {
      width: 511px; }
      .gift .secondary-content ul.howto-list li {
        margin-bottom: 8px; }
    .gift .secondary-content ul.clearfix.gift-certificates li {
      width: 100%;
      position: relative; }
      .gift .secondary-content ul.clearfix.gift-certificates li h4 {
        color: #e120c8; }
      .gift .secondary-content ul.clearfix.gift-certificates li img.image {
        display: block;
        width: 176px;
        height: 197px;
        overflow: hidden;
        float: left;
        margin: 0 12px 5px 0; }
      .gift .secondary-content ul.clearfix.gift-certificates li p, .gift .secondary-content ul.clearfix.gift-certificates li .order {
        margin-left: 190px; }
      .gift .secondary-content ul.clearfix.gift-certificates li p {
        font-size: 16px;
        color: #bbbbbb;
        line-height: 1.3em;
        margin-bottom: 15px; }
      .gift .secondary-content ul.clearfix.gift-certificates li .order {
        position: relative; }
        .gift .secondary-content ul.clearfix.gift-certificates li .order .price {
          font-size: 48px;
          color: white;
          font-weight: bold;
          display: block;
          letter-spacing: -3px;
          line-height: 40px; }
        .gift .secondary-content ul.clearfix.gift-certificates li .order .vat-shipping-info {
          font-size: 12px;
          color: white;
          font-weight: bold;
          display: block; }
          .gift .secondary-content ul.clearfix.gift-certificates li .order .vat-shipping-info small {
            font-weight: normal; }
      .gift .secondary-content ul.clearfix.gift-certificates li .printout-download {
        background: url(/images/image_down.png) no-repeat scroll center left;
        padding-left: 15px;
        position: absolute;
        bottom: 0;
        left: 0; }
        .gift .secondary-content ul.clearfix.gift-certificates li .printout-download a {
          text-decoration: none; }
        .gift .secondary-content ul.clearfix.gift-certificates li .printout-download a:hover {
          text-decoration: underline; }
      .gift .secondary-content ul.clearfix.gift-certificates li form.button-to {
        position: absolute;
        right: 0;
        top: 0;
        width: 122px;
        height: 62px; }
        .gift .secondary-content ul.clearfix.gift-certificates li form.button-to input.order-link {
          cursor: pointer;
          display: block;
          text-transform: capitalize;
          border: none;
          font-size: 0px;
          line-height: 0px;
          text-indent: -9000px;
          background: url("/images/buttons/jetzt-bestellen.png") no-repeat scroll top left;
          width: 122px;
          height: 62px; }
          .gift .secondary-content ul.clearfix.gift-certificates li form.button-to input.order-link:hover {
            background-position: bottom left; }
          .gift .secondary-content ul.clearfix.gift-certificates li form.button-to input.order-link:active {
            background-position: top left; }

ul.orders {
  list-style: none; }
  ul.orders li.order {
    margin-bottom: 40px;
    border-bottom: 8px solid #454444;
    padding-bottom: 40px; }
    ul.orders li.order .order-header {
      position: relative;
      border-bottom: 1px solid #454444;
      margin-bottom: 12px; }
      ul.orders li.order .order-header h2 {
        border-bottom: none; }
      ul.orders li.order .order-header img {
        position: absolute;
        right: 0;
        top: 0; }
      ul.orders li.order .order-header h2 {
        font-size: 20px;
        color: #0cabfa;
        margin-bottom: 6px;
        padding-bottom: 5px;
        padding-top: 0em; }
      ul.orders li.order .order-header p {
        color: #e120c8;
        margin-bottom: 6px; }
    ul.orders li.order .address {
      float: left;
      width: 45%; }
    ul.orders li.order h3 {
      font-size: 20px;
      color: #6c6c6c;
      text-transform: uppercase;
      margin-bottom: 12px;
      line-height: 1em; }
    ul.orders li.order p {
      margin-bottom: 24px; }
    ul.orders li.order table {
      color: white;
      width: 100%;
      clear: left; }
      ul.orders li.order table tr td {
        font-size: 12px; }
      ul.orders li.order table tr th {
        font-size: 20px;
        color: #6c6c6c;
        text-transform: uppercase;
        text-align: center;
        border-top: 1px solid #454444; }
      ul.orders li.order table tr th.article {
        text-align: left; }
      ul.orders li.order table tr td, ul.orders li.order table tr th {
        padding: 12px 0;
        border-bottom: 1px solid #454444; }
      ul.orders li.order table tr td.item-image {
        width: 100px;
        vertical-align: top; }
        ul.orders li.order table tr td.item-image a {
          display: block; }
        ul.orders li.order table tr td.item-image .go-to {
          color: white;
          display: block;
          background: url("/images/element_bg/triangle-blue-small-image.png") no-repeat scroll top left;
          width: 74px;
          height: 31px;
          line-height: 22px;
          padding-left: 6px;
          text-decoration: none;
          font-size: 11px; }
          ul.orders li.order table tr td.item-image .go-to:hover {
            text-decoration: underline; }
      ul.orders li.order table tr td.item-description {
        width: 200px; }
        ul.orders li.order table tr td.item-description h3 {
          color: #f6f6f6;
          font-size: 20px;
          margin-bottom: 3px; }
        ul.orders li.order table tr td.item-description p {
          margin-bottom: 9px; }
          ul.orders li.order table tr td.item-description p small {
            color: #bbbbbb;
            font-style: italic;
            font-size: 11px; }
      ul.orders li.order table tr td.price, ul.orders li.order table tr td.quantity, ul.orders li.order table tr td.status, ul.orders li.order table tr td.total {
        vertical-align: top;
        text-align: center; }
        ul.orders li.order table tr td.price span, ul.orders li.order table tr td.quantity span, ul.orders li.order table tr td.status span, ul.orders li.order table tr td.total span {
          display: block; }
      ul.orders li.order table tr td.price span {
        height: 106px;
        display: block;
        border-left: 8px solid #454444; }
      ul.orders li.order table tr td.status span.production {
        color: #0cabfa; }
      ul.orders li.order table tr td.total {
        border-bottom: 7px double #484747; }
        ul.orders li.order table tr td.total p {
          margin-bottom: 3px;
          width: 415px;
          text-align: right;
          float: right;
          clear: right; }
          ul.orders li.order table tr td.total p strong, ul.orders li.order table tr td.total p span {
            float: left; }
        ul.orders li.order table tr td.total p.amount {
          font-size: 20px; }
          ul.orders li.order table tr td.total p.amount strong {
            color: #0cabfa;
            font-weight: normal; }
        ul.orders li.order table tr td.total p.tax {
          font-style: italic;
          color: #bbbbbb; }

.intro #contest-teaser {
  z-index: 200;
  position: absolute;
  right: 15px;
  bottom: -112px;
  background: url("/images/element_bg/contest-bg.png") no-repeat scroll top left;
  width: 160px;
  height: 278px;
  padding: 10px 10px 0 14px; }
  .intro #contest-teaser #count-down-clock {
    height: 48px; }
    .intro #contest-teaser #count-down-clock span {
      font-size: 20px;
      font-weight: bold;
      width: 35px; }
      .intro #contest-teaser #count-down-clock span small {
        font-weight: normal;
        font-size: 9px; }
    .intro #contest-teaser #count-down-clock span.days {
      width: 30px; }
    .intro #contest-teaser #count-down-clock span.minutes {
      width: 41px; }
  .intro #contest-teaser h2 {
    color: #0cabfa;
    font-size: 20px;
    padding: 0 0 10px;
    font-weight: normal; }
  .intro #contest-teaser p {
    margin-bottom: 10px; }
  .intro #contest-teaser p.ta-right {
    text-align: right; }
    .intro #contest-teaser p.ta-right a {
      float: right;
      margin-right: 12px; }

a#design-contest-how-to-link {
  display: block;
  font-size: 20px;
  margin-top: 30px; }

a.design-contest-how-to-link-small {
  display: block;
  background: url("/images/element_bg/button-blue-middle.png") no-repeat scroll top left;
  width: 105px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  color: white;
  text-align: center; }
  a.design-contest-how-to-link-small:hover {
    text-decoration: underline; }

.my-studio .secondary-content form.add-to-contest-form {
  width: 196px;
  background-color: #3a3a3a;
  z-index: 300; }
  .my-studio .secondary-content form.add-to-contest-form fieldset.inputs {
    margin-bottom: 10px; }
    .my-studio .secondary-content form.add-to-contest-form fieldset.inputs ol li {
      margin-bottom: 0;
      margin-right: 0; }
      .my-studio .secondary-content form.add-to-contest-form fieldset.inputs ol li input {
        margin-right: 5px; }

form.button-to input.add-to-contest, form.button-to li.add-to-contest input, form.add-to-contest-form input.add-to-contest, form.add-to-contest-form li.add-to-contest input {
  cursor: pointer;
  display: block;
  text-transform: capitalize;
  border: none;
  font-size: 0px;
  line-height: 0px;
  text-indent: -9000px;
  background: url("/images/buttons/contest_hinzufuegen_entfernen.png") no-repeat scroll top left;
  width: 157px;
  height: 20px; }
  form.button-to input.add-to-contest:hover, form.button-to li.add-to-contest input:hover, form.add-to-contest-form input.add-to-contest:hover, form.add-to-contest-form li.add-to-contest input:hover {
    background: url("/images/buttons/contest_hinzufuegen_entfernen.png") no-repeat 0 -20px; }
form.button-to input.remove-to-contest, form.add-to-contest-form input.remove-to-contest {
  cursor: pointer;
  display: block;
  text-transform: capitalize;
  border: none;
  font-size: 0px;
  line-height: 0px;
  text-indent: -9000px;
  background: url("/images/buttons/contest_hinzufuegen_entfernen.png") no-repeat 0 -40px;
  width: 157px;
  height: 20px; }
  form.button-to input.remove-to-contest:hover, form.add-to-contest-form input.remove-to-contest:hover {
    background: url("/images/buttons/contest_hinzufuegen_entfernen.png") no-repeat 0 -60px; }

.contest h2, .contest_item h2 {
  color: #0cabfa;
  font-size: 20px;
  border-bottom: 1px solid #454444;
  padding: 25px 0 9px 0;
  margin-bottom: 9px; }
  .contest h2 .pagination_info, .contest_item h2 .pagination_info {
    font-size: 12px;
    float: right;
    color: #bbbbbb; }

.contest_item .entry .visuals {
  width: 304px;
  float: left;
  position: relative; }
  .contest_item .entry .visuals #composition-preview-image {
    width: 304px;
    height: 304px;
    overflow: hidden; }
  .contest_item .entry .visuals #composition-preview-pager {
    display: none;
    background-color: #191919;
    padding: 15px 0 15px 13px; }
    .contest_item .entry .visuals #composition-preview-pager a img {
      width: 62px;
      height: 62px;
      margin: 0 6px 0 0; }
    .contest_item .entry .visuals #composition-preview-pager a.last img {
      margin: 0; }
  .contest_item .entry .visuals a.product-image-link {
    display: block;
    width: 74px;
    height: 74px;
    display: block;
    overflow: hidden;
    cursor: pointer; }
    .contest_item .entry .visuals a.product-image-link img {
      margin-bottom: 0; }
  .contest_item .entry .visuals a.go-to-and-change, .contest_item .entry .visuals a.product-link {
    background: transparent url(/images/element_bg/triangle-blue-small-image.png) no-repeat scroll left top;
    color: white;
    display: block;
    font-size: 11px;
    height: 31px;
    line-height: 22px;
    padding-left: 6px;
    text-decoration: none;
    width: 68px; }
  .contest_item .entry .visuals a.product-image-link {
    width: 304px;
    height: 304px; }
  .contest_item .entry .visuals a.product-link {
    width: 298px; }
  .contest_item .entry .visuals form.button-to {
    width: 103px;
    height: 53px;
    position: absolute;
    bottom: -20px;
    right: 0px; }
    .contest_item .entry .visuals form.button-to input.order-link {
      cursor: pointer;
      display: block;
      text-transform: capitalize;
      border: none;
      font-size: 0px;
      line-height: 0px;
      text-indent: -9000px;
      background: url("/images/buttons/jetzt_kaufen.png") no-repeat scroll top left;
      width: 103px;
      height: 53px; }
    .contest_item .entry .visuals form.button-to input.order-link:hover {
      background: url("/images/buttons/jetzt_kaufen.png") no-repeat scroll bottom left; }
.contest_item .entry .meta {
  width: 602px;
  float: right;
  color: #bbbbbb; }
  .contest_item .entry .meta .header {
    padding: 0 0 6px;
    border-bottom: 1px dotted #4b4b4b;
    margin-bottom: 12px; }
    .contest_item .entry .meta .header h4 {
      margin-bottom: 3px;
      font-size: 20px;
      color: #f6f6f6;
      padding: 7px 0 0 0;
      position: relative; }
      .contest_item .entry .meta .header h4 span {
        text-align: right;
        font-size: 12px;
        float: right; }
      .contest_item .entry .meta .header h4 form.button-to {
        width: 66px;
        float: right; }
        .contest_item .entry .meta .header h4 form.button-to input.vote-for {
          color: white;
          cursor: pointer;
          display: block;
          text-transform: capitalize;
          border: none;
          font-size: 0px;
          line-height: 0px;
          text-indent: -9000px;
          font-size: 10px;
          line-height: 12px;
          text-indent: 0;
          width: 66px;
          height: 20px;
          background: transparent url(/images/buttons/vote_button_up.png) no-repeat; }
  .contest_item .entry .meta p.info {
    color: #bbbbbb; }
    .contest_item .entry .meta p.info strong {
      font-weight: normal;
      color: white; }
  .contest_item .entry .meta h5 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;
    color: #6c6c6c;
    margin-bottom: 5px;
    padding-top: 20px; }
    .contest_item .entry .meta h5 small {
      text-transform: none; }
  .contest_item .entry .meta table.share thead tr td {
    padding-bottom: 3px; }
  .contest_item .entry .meta table.share tr td {
    width: 140px; }
    .contest_item .entry .meta table.share tr td a.retweet {
      color: white; }
    .contest_item .entry .meta table.share tr td form input.copy-to-clipboard-content#copy-to-clipboard-content {
      border: 1px solid #464646;
      background-color: #464646;
      float: left;
      color: white;
      padding: 2px;
      margin-right: 6px;
      width: 225px; }
    .contest_item .entry .meta table.share tr td form input.copy-to-clipboard {
      float: left;
      color: white;
      cursor: pointer;
      display: block;
      text-transform: capitalize;
      border: none;
      font-size: 0px;
      line-height: 0px;
      text-indent: -9000px;
      font-size: 10px;
      line-height: 12px;
      text-indent: 0;
      width: 66px;
      height: 20px;
      background: transparent url(/images/buttons/vote_button_up.png) no-repeat; }
  .contest_item .entry .meta table.share tr td.copy-form {
    width: 310px; }
  .contest_item .entry .meta h5 {
    margin-bottom: 12px; }

.contest .intro-text {
  width: 591px;
  float: left; }
  .contest .intro-text h5 {
    color: #6c6c6c;
    font-size: 16px;
    margin-bottom: 12px; }
  .contest .intro-text p {
    margin-bottom: 8px; }
.contest .meta-infos {
  width: 263px;
  float: right; }
  .contest .meta-infos #count-down-clock {
    margin-bottom: 6px;
    height: 40px; }
  .contest .meta-infos .runs {
    color: white; }

.contest {
  margin: 0 auto;
  clear: left; }
  .contest h2.index, .contest h2.page {
    border-bottom: 1px solid #454444;
    padding: 25px 0 9px 0;
    margin-bottom: 9px; }
  .contest h2.page {
    border-bottom: none;
    padding: 25px 0 2px; }
  .contest h2.cp {
    margin-bottom: 0; }

ul.competitor {
  margin-top: 0;
  margin-bottom: 0;
  list-style: none; }
  ul.competitor li {
    float: left;
    width: 180px;
    margin-bottom: 40px;
    margin-right: 65px; }
    ul.competitor li a.product-image-link {
      display: block;
      width: 74px;
      height: 74px;
      display: block;
      overflow: hidden;
      cursor: pointer; }
      ul.competitor li a.product-image-link img {
        margin-bottom: 0; }
    ul.competitor li a.go-to-and-change, ul.competitor li a.product-link {
      background: transparent url(/images/element_bg/triangle-blue-small-image.png) no-repeat scroll left top;
      color: white;
      display: block;
      font-size: 11px;
      height: 31px;
      line-height: 22px;
      padding-left: 6px;
      text-decoration: none;
      width: 68px; }
    ul.competitor li a.product-link {
      width: 68px; }
    ul.competitor li .header {
      padding: 3px 0;
      border-top: 1px solid #4b4b4b;
      border-bottom: 1px dotted #4b4b4b;
      margin-bottom: 12px;
      height: 45px;
      overflow: hidden; }
      ul.competitor li .header h4 {
        margin-bottom: 3px;
        font-size: 20px;
        color: #f6f6f6;
        padding: 7px 0 0 0;
        position: relative; }
        ul.competitor li .header h4 span {
          text-align: right;
          font-size: 12px;
          float: right; }
        ul.competitor li .header h4 form.button-to {
          width: 66px;
          float: right; }
          ul.competitor li .header h4 form.button-to input.vote-for {
            color: white;
            cursor: pointer;
            display: block;
            text-transform: capitalize;
            border: none;
            font-size: 0px;
            line-height: 0px;
            text-indent: -9000px;
            font-size: 10px;
            line-height: 12px;
            text-indent: 0;
            width: 66px;
            height: 20px;
            background: transparent url(/images/buttons/vote_button_up.png) no-repeat; }
      ul.competitor li .header p {
        margin-bottom: 3px; }
    ul.competitor li p.item-image {
      float: left; }
    ul.competitor li .description {
      margin-left: 84px; }
      ul.competitor li .description p {
        color: #bbbbbb;
        margin-bottom: 8px; }
        ul.competitor li .description p strong {
          color: white;
          font-weight: normal; }
  ul.competitor li.last {
    margin-right: 0; }

ul.top_three_competitor.competitor {
  margin-top: 0px; }
  ul.top_three_competitor.competitor li {
    float: left;
    margin-right: 65px;
    width: 263px;
    overflow: hidden; }
    ul.top_three_competitor.competitor li .header {
      border-top: none; }
    ul.top_three_competitor.competitor li p.item-image a.product-image-link {
      width: 151px;
      height: 151px; }
      ul.top_three_competitor.competitor li p.item-image a.product-image-link img {
        width: 151px;
        height: 151px; }
    ul.top_three_competitor.competitor li p.item-image a.product-link {
      width: 145px; }
    ul.top_three_competitor.competitor li .description {
      margin-left: 163px; }
  ul.top_three_competitor.competitor li.last {
    margin-right: 0; }

.contest_item.competitor h2 {
  border-bottom: none;
  padding: 25px 0 0px;
  margin-top: 25px; }
  .contest_item.competitor h2 a {
    font-size: 12px;
    float: right; }

.pagination {
  width: 510px;
  margin: 0 auto; }
  .pagination a, .pagination span {
    padding: 0.2em 0.5em;
    display: block;
    float: left;
    margin-right: 10px; }
  .pagination span.disabled {
    color: #999999;
    border: 1px solid #484747; }
  .pagination span.current {
    font-weight: bold;
    background: #0cabfa;
    color: white;
    border: 1px solid #0cabfa; }
  .pagination a {
    text-decoration: none;
    border: 1px solid #484747; }
  .pagination a:hover, .pagination a:focus {
    background: #0cabfa;
    color: white;
    border: 1px solid #0cabfa; }
  .pagination .page_info {
    background: #2e6ab1;
    color: white;
    padding: 0.4em 0.6em;
    width: 22em;
    margin-bottom: 0.3em;
    text-align: center; }
    .pagination .page_info b {
      color: #000033;
      background: #6aa6ed;
      padding: 0.1em 0.25em; }

.pagination:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

* html .pagination {
  height: 1%; }

*:first-child + html .pagination {
  overflow: hidden; }

.composition_gallery ul.top_three_competitor.competitor {
  margin-top: 20px; }
.composition_gallery ul.competitor li .header {
  height: auto; }

.countdown_row {
  clear: both;
  width: 100%;
  padding: 0px 2px;
  text-align: center; }

#count-down-clock span {
  font-size: 30px;
  display: block;
  float: left;
  width: 60px;
  line-height: 19px; }
  #count-down-clock span small {
    font-size: 12px; }
#count-down-clock .days {
  color: #e120c8; }
  #count-down-clock .days small {
    padding-left: 2px; }
#count-down-clock .hours {
  color: #a1f51d; }
#count-down-clock .minutes {
  color: #14cd04; }
  #count-down-clock .minutes small {
    padding-left: 2px; }
#count-down-clock .seconds {
  color: #0cabfa; }
  #count-down-clock .seconds small {
    padding-left: 2px; }

ul.comments {
  list-style-type: none; }
  ul.comments li#respond {
    border-bottom: none; }
    ul.comments li#respond h5 {
      padding-top: 5px; }
  ul.comments li form .comment-text input#comment_name, ul.comments li form .comment-text input#comment_email, ul.comments li form .comment-text textarea, ul.comments li form .comment-user-info input#comment_name, ul.comments li form .comment-user-info input#comment_email, ul.comments li form .comment-user-info textarea {
    border: 1px solid #464646;
    background-color: #464646;
    color: white;
    padding: 4px;
    margin: 0; }
  ul.comments li form .comment-text {
    width: 387px;
    float: left; }
    ul.comments li form .comment-text textarea {
      height: 72px;
      width: 375px;
      margin-bottom: 6px; }
  ul.comments li form .comment-user-info {
    width: 206px;
    margin-left: 393px; }
    ul.comments li form .comment-user-info p {
      margin-bottom: 6px; }
      ul.comments li form .comment-user-info p input#comment_name, ul.comments li form .comment-user-info p input#comment_email {
        width: 204px; }
  ul.comments li form p.submit input {
    border: none;
    background: transparent url(/images/buttons/button-blue-middle.png) no-repeat scroll left top;
    color: white;
    font-size: 11px;
    height: 20px;
    left: 55px;
    letter-spacing: -0.2px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    top: 27px;
    width: 105px;
    cursor: pointer; }
  ul.comments li form p.submit input:hover {
    text-decoration: underline; }
  ul.comments li {
    clear: left;
    margin-bottom: 9px;
    padding-bottom: 9px;
    border-bottom: 1px solid #4b4b4b;
    position: relative; }
    ul.comments li form.button-to {
      position: absolute;
      right: 0;
      top: 0; }
    ul.comments li .image {
      float: left;
      width: 50px; }
    ul.comments li .content {
      margin-left: 60px;
      width: 490px;
      position: relative; }
      ul.comments li .content strong {
        color: #0cabfa;
        font-style: normal; }
      ul.comments li .content p {
        margin-bottom: 3px; }
      ul.comments li .content p.posted-at {
        color: #6c6c6c; }
  ul.comments li form .current_user .comment-text {
    float: none; }

ul.comments {
  list-style-type: none; }
  ul.comments li#respond {
    border-bottom: none; }
    ul.comments li#respond h5 {
      padding-top: 5px; }
  ul.comments li form .comment-text p.form_error input#comment_name, ul.comments li form .comment-text p.form_error input#comment_email, ul.comments li form .comment-text p.form_error textarea, ul.comments li form .comment-user-info p.form_error input#comment_name, ul.comments li form .comment-user-info p.form_error input#comment_email, ul.comments li form .comment-user-info p.form_error textarea {
    background-color: #e120c8; }
  ul.comments li form .comment-text p.form_error strong, ul.comments li form .comment-user-info p.form_error strong {
    font-weight: normal;
    color: #6c6c6c; }

li.hidden {
  display: none; }

.info h3 {
  color: #6c6c6c;
  font-size: 20px;
  margin-bottom: 12px;
  text-transform: uppercase; }
.info ul {
  margin-left: 16px; }
  .info ul li {
    margin-bottom: 25px;
    color: white; }
    .info ul li strong {
      font-size: 20px;
      font-weight: normal; }

ul.user_product_photos {
  padding-top: 20px;
  list-style: none; }
  ul.user_product_photos li.product_photos {
    margin: 0;
    margin-bottom: 30px; }
  ul.user_product_photos li.last {
    margin-right: 0; }

.product_photos {
  position: relative;
  width: 608px;
  float: left;
  background-color: #191919;
  color: white;
  overflow: hidden;
  margin-bottom: 25px; }
  .product_photos .clearfix {
    background-color: white; }
    .product_photos .clearfix .product_photo {
      float: left;
      width: 302px;
      overflow: hidden; }
    .product_photos .clearfix .user_photo {
      float: right;
      width: 302px;
      overflow: hidden; }
      .product_photos .clearfix .user_photo form {
        padding: 15px 10px 0 0;
        margin-left: 15px;
        color: #333333; }
        .product_photos .clearfix .user_photo form li {
          margin: 0 0 10px 0; }
          .product_photos .clearfix .user_photo form li label {
            color: #333333; }
          .product_photos .clearfix .user_photo form li input#photo_photo {
            width: 200px; }
  .product_photos a.design-link {
    left: 203px;
    top: 270px;
    position: absolute;
    display: block;
    width: 103px;
    height: 48px;
    overflow: hidden; }
  .product_photos a.image-link {
    display: block;
    width: 304px;
    height: 304px;
    overflow: hidden; }
  .product_photos .description {
    padding: 6px; }
    .product_photos .description h3 {
      color: #0cabfa;
      font-size: 15px;
      margin-bottom: 7px; }
    .product_photos .description p {
      margin-bottom: 7px; }
    .product_photos .description ul {
      margin-bottom: 7px;
      list-style: disc inside; }
    .product_photos .description p.price strong {
      color: #a2f51d;
      display: block; }
      .product_photos .description p.price strong small {
        color: white;
        font-weight: normal; }
    .product_photos .description p.price small {
      color: #e120c8; }
  .product_photos a.link, .product_photos span.link {
    display: block;
    background: url("/images/element_bg/product_bottom_bg.png") no-repeat scroll top left;
    width: 598px;
    height: 31px;
    color: white;
    line-height: 20px;
    padding-left: 10px; }
    .product_photos a.link a, .product_photos span.link a {
      color: white; }

.secondary-content ul.user_product_photos.product_page {
  margin: 0; }
  .secondary-content ul.user_product_photos.product_page li.user_photo {
    width: 74px;
    margin: 0 5px 5px 0; }

ul.user_photos {
  margin-top: 20px;
  list-style: none; }
  ul.user_photos li {
    float: left;
    margin-bottom: 40px;
    margin-right: 65px;
    float: left;
    margin-right: 65px;
    width: 263px;
    overflow: hidden; }
    ul.user_photos li a.product-image-link {
      display: block;
      width: 74px;
      height: 74px;
      display: block;
      overflow: hidden;
      cursor: pointer; }
      ul.user_photos li a.product-image-link img {
        margin-bottom: 0; }
    ul.user_photos li a.go-to-and-change, ul.user_photos li a.product-link {
      background: transparent url(/images/element_bg/triangle-blue-small-image.png) no-repeat scroll left top;
      color: white;
      display: block;
      font-size: 11px;
      height: 31px;
      line-height: 22px;
      padding-left: 6px;
      text-decoration: none;
      width: 68px; }
    ul.user_photos li a.product-link {
      width: 68px; }
    ul.user_photos li .header {
      padding: 3px 0;
      border-top: 1px solid #4b4b4b;
      border-bottom: 1px dotted #4b4b4b;
      margin-bottom: 12px;
      height: 45px;
      overflow: hidden; }
      ul.user_photos li .header h4 {
        margin-bottom: 3px;
        font-size: 20px;
        color: #f6f6f6;
        padding: 7px 0 0 0;
        position: relative; }
        ul.user_photos li .header h4 span {
          text-align: right;
          font-size: 12px;
          float: right; }
        ul.user_photos li .header h4 form.button-to {
          width: 66px;
          float: right; }
          ul.user_photos li .header h4 form.button-to input.vote-for {
            color: white;
            cursor: pointer;
            display: block;
            text-transform: capitalize;
            border: none;
            font-size: 0px;
            line-height: 0px;
            text-indent: -9000px;
            font-size: 10px;
            line-height: 12px;
            text-indent: 0;
            width: 66px;
            height: 20px;
            background: transparent url(/images/buttons/vote_button_up.png) no-repeat; }
      ul.user_photos li .header p {
        margin-bottom: 3px; }
    ul.user_photos li .header {
      border-top: none;
      height: auto; }
    ul.user_photos li .item-image {
      float: left; }
      ul.user_photos li .item-image .template {
        display: none; }
      ul.user_photos li .item-image a.product-image-link {
        width: 151px;
        height: 151px; }
        ul.user_photos li .item-image a.product-image-link img {
          width: 151px;
          height: 151px; }
      ul.user_photos li .item-image a.product-link {
        width: 145px; }
    ul.user_photos li .description {
      margin-left: 163px; }
      ul.user_photos li .description .header {
        height: auto; }
  ul.user_photos li.last {
    margin-right: 0; }

#photo_galleries .visuals .user {
  height: 304px;
  overflow: hidden;
  width: 304px; }
#photo_galleries .visuals .template {
  display: none; }

li.product_photos .user_photo #errorExplanation.errorExplanation ul li, li.product_photos .user_photo #errorExplanation.errorExplanation p {
  color: black; }

ul.user_product_photos.edit li.product_photos .clearfix .product_photo img.image-link#product-preview-image {
  width: 302px; }

.crop .user_photo h4 {
  color: #e120c8;
  font-size: 20px;
  font-weight: normal; }
.crop .user_photo p {
  color: #111111; }

#colour-overlay {
  height: 1363px;
  width: 1421px;
  z-index: 1001; }

#colour-overlay {
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 80000000; }

#colour-wrapper {
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 80000000; }
  #colour-wrapper #colour-img, #colour-wrapper #colour-description {
    position: absolute;
    z-index: 90000000; }
  #colour-wrapper #colour-img {
    position: absolute;
    left: 0;
    background-color: #e120c8;
    width: 66.667%;
    height: 100%; }
  #colour-wrapper #colour-description {
    position: absolute;
    right: 0;
    height: 100%;
    background-color: white;
    width: 33.333%; }
    #colour-wrapper #colour-description #colour-description-header, #colour-wrapper #colour-description #colour-description-body {
      line-height: 1.3em; }
    #colour-wrapper #colour-description #colour-description-header {
      margin: 20px 0 0 15px;
      font-size: 40px; }
    #colour-wrapper #colour-description p {
      margin: 0px 0px 10px 15px;
      padding-right: 20px;
      color: black; }
    #colour-wrapper #colour-description p#colour-code-html, #colour-wrapper #colour-description p#colour-code-rgb {
      color: #6c6c6c; }

ul.news {
  margin-top: -10px;
  list-style: none; }
  ul.news li {
    float: left;
    width: 148px;
    margin-right: 8px; }
    ul.news li a.image-wrapper {
      width: 148px;
      height: 148px;
      display: block;
      overflow: hidden;
      text-align: center; }
    ul.news li a.trusted-shop {
      background: white url(/images/icons/trusted_shop_logo.gif) no-repeat center center; }
    ul.news li .inner {
      background-color: #191919;
      padding: 8px;
      color: white;
      line-height: 1.3em; }
      ul.news li .inner h4 {
        color: #0cabfa;
        font-size: 15px;
        padding-bottom: 4px; }
      ul.news li .inner p {
        font-size: 11px;
        color: #bbbbbb; }
    ul.news li a.more, ul.news li span.more {
      background: url("/images/element_bg/news_bottom.png") no-repeat scroll top left;
      height: 31px;
      display: block;
      text-decoration: none;
      padding: 4px 0 0 8px;
      color: white; }
    ul.news li a.more:hover {
      text-decoration: underline; }
  ul.news li.last {
    margin-right: 0; }
  ul.news li.invite-friends {
    width: 303px; }
    ul.news li.invite-friends a.image-wrapper {
      width: 303px;
      height: 149px; }

#side {
  padding-top: 20px; }
  #side h3 {
    line-height: 1em;
    margin-bottom: 12px;
    font-size: 20px;
    color: #e120c8; }
  #side p {
    margin-bottom: 0.75em; }

#design_studios #content {
  position: relative;
  z-index: 20;
  top: -30px; }

#flash_design_studio {
  margin: -31px 0 0 0;
  display: block; }

.flash_wrapper {
  width: 968px;
  height: 440px;
  margin-bottom: 20px; }

#content .design-studio {
  border-top: none;
  margin-top: 0;
  padding: 0; }
  #content .design-studio h4 {
    font-weight: normal; }
  #content .design-studio .sizes {
    border-bottom: 1px solid #484747;
    border-top: 1px solid #484747;
    padding: 10px 0; }
    #content .design-studio .sizes .img-wrapper {
      text-align: center;
      border-right: 8px solid #484747;
      float: left;
      width: 232px; }
    #content .design-studio .sizes .size-table {
      float: left;
      padding-left: 26px; }
      #content .design-studio .sizes .size-table table tr th {
        font-size: 20px;
        color: #6c6c6c;
        text-align: center;
        padding: 0 0 20px;
        font-weight: normal; }
      #content .design-studio .sizes .size-table table tr td {
        font-size: 12px;
        color: white;
        text-align: center;
        width: 77px;
        padding: 0 0 4px; }
        #content .design-studio .sizes .size-table table tr td code {
          color: #bbbbbb;
          font-style: italic; }
      #content .design-studio .sizes .size-table table tr.last td {
        padding-bottom: 0; }

.side .order-summary {
  padding: 4px 0 0 24px;
  border-left: 8px solid #454444; }
  .side .order-summary p {
    margin-bottom: 0; }
  .side .order-summary ul {
    list-style: none;
    margin-bottom: 12px; }
    .side .order-summary ul li {
      border-bottom: 1px dotted #454444;
      text-align: right;
      color: white;
      padding: 6px 0; }
      .side .order-summary ul li strong, .side .order-summary ul li em {
        float: left;
        color: #0cabfa; }
      .side .order-summary ul li p {
        margin-bottom: 3px; }
    .side .order-summary ul li.last {
      border-bottom: 1px solid #454444;
      padding-bottom: 12px; }
    .side .order-summary ul li.total {
      border-bottom: 7px double #454444; }
      .side .order-summary ul li.total p.calculated {
        font-size: 20px; }
      .side .order-summary ul li.total p.mwst {
        color: #bbbbbb; }
        .side .order-summary ul li.total p.mwst em {
          color: #bbbbbb; }

#orders .side form#new_user_session li.commit {
  float: left;
  margin-right: 10px; }
  #orders .side form#new_user_session li.commit input {
    display: block;
    text-indent: -9000px;
    font-size: 0; }

#payment-process h3.empty-cart {
  color: white;
  margin: 40px 0 60px 0; }
#payment-process form button.image-button {
  display: block;
  text-indent: -90000px;
  border-style: none;
  cursor: pointer;
  vertical-align: bottom; }
#payment-process form input.text, #payment-process form input.numeric {
  border: none;
  background-color: white;
  color: #3a3a3a;
  font-family: arial, times, "Times New Roman", sans-serif;
  font-weight: bold;
  font-size: 12px;
  text-align: left;
  line-height: 12px;
  padding: 4px 0 0;
  line-height: 16px;
  height: 16px; }

#payment-process h3 {
  font-size: 20px; }
#payment-process h2 {
  margin-top: 25px;
  padding: 0 0 9px;
  font-size: 20px;
  color: #191919;
  border-bottom: 1px solid #454444; }
  #payment-process h2 span {
    color: #0cabfa; }
  #payment-process h2 a {
    color: #191919;
    text-decoration: none; }
  #payment-process h2 a:hover {
    text-decoration: underline;
    color: #0cabfa; }
#payment-process table {
  color: white; }
  #payment-process table tr td {
    font-size: 12px; }
  #payment-process table tr th {
    font-size: 20px;
    color: #6c6c6c;
    text-transform: uppercase; }
  #payment-process table tr td, #payment-process table tr th {
    padding: 12px 0;
    border-bottom: 1px solid #454444;
    overflow: hidden; }
  #payment-process table tr td.item-image {
    width: 100px; }
    #payment-process table tr td.item-image a {
      display: block; }
    #payment-process table tr td.item-image a.go-to {
      color: white;
      display: block;
      background: url("/images/element_bg/triangle-blue-small-image.png") no-repeat scroll top left;
      width: 74px;
      height: 31px;
      line-height: 22px;
      padding-left: 6px;
      text-decoration: none;
      font-size: 11px; }
      #payment-process table tr td.item-image a.go-to:hover {
        text-decoration: underline; }
  #payment-process table tr td.item-description {
    width: 390px;
    padding: 10px 0 0; }
    #payment-process table tr td.item-description .bw h3 {
      padding-top: 10px; }
    #payment-process table tr td.item-description .bw p {
      margin-bottom: 9px; }
      #payment-process table tr td.item-description .bw p small {
        color: #bbbbbb;
        font-style: italic;
        font-size: 11px; }
  #payment-process table tr .price, #payment-process table tr .gift_certificate, #payment-process table tr .porto, #payment-process table tr .total-with-shipping, #payment-process table tr .return-regulations, #payment-process table tr .return-regulations {
    padding-left: 21px; }
  #payment-process table tr td.quantity, #payment-process table tr td.price, #payment-process table tr td.total, #payment-process table tr td.action {
    padding-top: 22px;
    vertical-align: top; }
  #payment-process table tr .price {
    width: 110px;
    padding-left: 21px; }
  #payment-process table tr td.quantity {
    width: 176px; }
    #payment-process table tr td.quantity form.cart_item ol {
      float: left;
      width: 50px; }
      #payment-process table tr td.quantity form.cart_item ol li.numeric label {
        display: none; }
      #payment-process table tr td.quantity form.cart_item ol li.numeric input {
        width: 43px;
        text-align: center;
        float: left;
        margin-right: 1px; }
    #payment-process table tr td.quantity form.cart_item .buttons input {
      cursor: pointer;
      display: block;
      text-transform: capitalize;
      border: none;
      font-size: 0px;
      line-height: 0px;
      text-indent: -9000px;
      margin-left: 5px;
      background: url(/images/buttons/aktualisieren-up.png);
      width: 87px;
      height: 20px; }
      #payment-process table tr td.quantity form.cart_item .buttons input:hover {
        background: url(/images/buttons/aktualisieren-down.png); }
      #payment-process table tr td.quantity form.cart_item .buttons input:active {
        background: url(/images/buttons/aktualisieren-up.png); }
  #payment-process table tr td.total {
    width: 106px; }
  #payment-process table tr td.action form .buttons input {
    cursor: pointer;
    display: block;
    text-transform: capitalize;
    border: none;
    font-size: 0px;
    line-height: 0px;
    text-indent: -9000px;
    background: url("/images/buttons/loeschen-up.png") no-repeat scroll top left;
    width: 67px;
    height: 20px; }
    #payment-process table tr td.action form .buttons input:hover {
      background: url("/images/buttons/loeschen-down.png") no-repeat scroll top left; }
    #payment-process table tr td.action form .buttons input:active {
      background: url("/images/buttons/loeschen-up.png") no-repeat scroll top left; }
  #payment-process table tr td.gift_certificate form label {
    color: #0cabfa;
    float: left;
    margin-right: 5px; }
    #payment-process table tr td.gift_certificate form label input {
      width: 120px;
      margin-left: 11px; }
  #payment-process table tr td.gift_certificate form input.image-button {
    cursor: pointer;
    display: block;
    text-transform: capitalize;
    border: none;
    font-size: 0px;
    line-height: 0px;
    text-indent: -9000px;
    vertical-align: bottom;
    background: url("/images/buttons/einloesen-up.png") no-repeat scroll top left;
    width: 53px;
    height: 20px; }
    #payment-process table tr td.gift_certificate form input.image-button:hover {
      background: url("/images/buttons/einloesen-down.png") no-repeat scroll top left; }
    #payment-process table tr td.gift_certificate form input.image-button:active {
      background: url("/images/buttons/einloesen-up.png") no-repeat scroll top left; }
  #payment-process table tr.porto-row td.porto {
    padding-right: 12px; }
    #payment-process table tr.porto-row td.porto strong {
      color: #0cabfa;
      font-weight: normal; }
    #payment-process table tr.porto-row td.porto p {
      padding-top: 6px;
      font-size: 12px;
      color: #bbbbbb;
      font-style: italic; }
  #payment-process table tr.porto-row td.total {
    vertical-align: top; }
  #payment-process table tr td.total-with-shipping, #payment-process table tr td.total-with-shipping-price {
    vertical-align: top;
    text-align: right;
    padding-right: 12px; }
    #payment-process table tr td.total-with-shipping h3, #payment-process table tr td.total-with-shipping-price h3 {
      color: #0cabfa;
      font-size: 20px; }
    #payment-process table tr td.total-with-shipping p, #payment-process table tr td.total-with-shipping-price p {
      padding-top: 6px;
      font-size: 12px;
      color: #bbbbbb;
      font-style: italic; }
  #payment-process table tr td.total-with-shipping-price {
    text-align: left;
    padding-right: 0; }
    #payment-process table tr td.total-with-shipping-price h3 {
      color: white; }
  #payment-process table tr td.delivery_time, #payment-process table tr td.return-regulations {
    padding: 12px 0 12px 21px; }
    #payment-process table tr td.delivery_time img, #payment-process table tr td.return-regulations img {
      float: left;
      margin-right: 9px; }
    #payment-process table tr td.delivery_time h3, #payment-process table tr td.return-regulations h3 {
      color: #6c6c6c;
      text-transform: uppercase;
      margin-bottom: 9px; }
  #payment-process table tr td.next-step {
    color: #bbbbbb;
    vertical-align: middle;
    line-height: 32px;
    text-align: right;
    font-style: italic; }
    #payment-process table tr td.next-step a.continue_shopping {
      padding-right: 9px;
      font-style: normal; }
    #payment-process table tr td.next-step a.next-step-link {
      cursor: pointer;
      display: block;
      text-transform: capitalize;
      border: none;
      font-size: 0px;
      line-height: 0px;
      text-indent: -9000px;
      width: 198px;
      height: 34px;
      margin-left: 9px;
      float: right;
      color: #e126c9;
      background: url("/images/buttons/next-step-adress-payment-up.png") no-repeat scroll top left; }
      #payment-process table tr td.next-step a.next-step-link:hover {
        background: url("/images/buttons/next-step-adress-payment-down.png") no-repeat scroll top left; }
      #payment-process table tr td.next-step a.next-step-link:active {
        background: url("/images/buttons/next-step-adress-payment-up.png") no-repeat scroll top left; }

#payment-process a {
  cursor: pointer;
  color: #0cabfa;
  text-decoration: underline; }
#payment-process a:hover {
  text-decoration: none; }
#payment-process .bw, #payment-process .bwc, #payment-process .bwpt, #payment-process .bwtws, #payment-process .bwdt, #payment-process .bwrr {
  border-right: 8px solid #454444;
  height: 106px;
  margin-bottom: 10px; }
#payment-process .bwc {
  height: 22px; }
#payment-process .bwpt {
  height: 70px; }
#payment-process .bwtws {
  height: 39px; }
#payment-process .bwdt {
  height: 73px; }
#payment-process .bwrr {
  height: 73px; }

#payment-process.client-information {
  position: relative; }
  #payment-process.client-information h3, #payment-process.client-information form legend {
    text-transform: uppercase;
    font-size: 20px;
    color: #6c6c6c;
    margin-bottom: 9px; }
  #payment-process.client-information h2 {
    margin-bottom: 12px; }
  #payment-process.client-information form h3 {
    padding-top: 6px; }
  #payment-process.client-information form fieldset ol {
    width: 330px; }
  #payment-process.client-information form fieldset.buttons ol {
    width: 928px; }
  #payment-process.client-information form.hide-billing-address fieldset#billing-adress-fieldset ol li.string, #payment-process.client-information form.hide-billing-address fieldset#billing-adress-fieldset ol li.select {
    display: none; }
  #payment-process.client-information h3.already-member {
    line-height: 1em;
    color: #e120c8; }
    #payment-process.client-information h3.already-member small {
      color: white;
      font-size: 12px;
      text-transform: lowercase; }
  #payment-process.client-information form#login_from_order.inform-login {
    width: 460px;
    border-bottom: 1px solid #454444;
    margin-bottom: 20px;
    padding-bottom: 0px; }
  #payment-process.client-information form fieldset.buttons ol li.back {
    float: left;
    padding-left: 10px;
    color: white;
    height: 34px;
    line-height: 34px; }
  #payment-process.client-information form fieldset.buttons ol li.commit {
    float: left; }
  #payment-process.client-information .side {
    position: absolute;
    right: 0;
    width: 460px;
    border-bottom: 1px solid #454444; }
    #payment-process.client-information .side hr {
      margin: 0;
      padding: 0;
      height: 0;
      border-color: #454444;
      border-style: solid;
      border-width: 1px 0 0;
      margin-bottom: 12px; }
    #payment-process.client-information .side .new-client, #payment-process.client-information .side .paypal-box {
      margin-bottom: 12px;
      padding: 9px 0 9px 24px;
      border-left: 8px solid #454444; }
      #payment-process.client-information .side .new-client p.quick-login-button-link, #payment-process.client-information .side .paypal-box p.quick-login-button-link {
        display: none; }
    #payment-process.client-information .side h3, #payment-process.client-information .side p {
      margin-bottom: 9px;
      color: white; }
    #payment-process.client-information .side h3 {
      color: #6c6c6c; }
    #payment-process.client-information .side p.green {
      color: #14cd04; }
    #payment-process.client-information .side a.login-button-link {
      text-indent: -9000px;
      display: block;
      width: 96px;
      height: 20px;
      background: url("/images/buttons/schnell-anmelden-up.png") no-repeat scroll top left; }
      #payment-process.client-information .side a.login-button-link:hover {
        background: url("/images/buttons/schnell-anmelden-down.png") no-repeat scroll top left; }
      #payment-process.client-information .side a.login-button-link:active {
        background: url("/images/buttons/schnell-anmelden-up.png") no-repeat scroll top left; }

#payment-process .submit_form form {
  padding: 10px 0;
  border-bottom: 1px solid #454444; }
#payment-process .submit_form input.send-order {
  cursor: pointer;
  display: block;
  text-transform: capitalize;
  border: none;
  font-size: 0px;
  line-height: 0px;
  text-indent: -9000px;
  background: url("/images/buttons/bestellung-abschicken-up.png") no-repeat scroll top left;
  width: 137px;
  height: 34px; }
  #payment-process .submit_form input.send-order:hover {
    background: url("/images/buttons/bestellung-abschicken-down.png") no-repeat scroll top left; }
  #payment-process .submit_form input.send-order:active {
    background: url("/images/buttons/bestellung-abschicken-up.png") no-repeat scroll top left; }
#payment-process .submit_form input.submit {
  cursor: pointer;
  display: block;
  text-transform: capitalize;
  border: none;
  font-size: 0px;
  line-height: 0px;
  text-indent: -9000px;
  background: url("/images/buttons/jetzt_bezahlen_up.png") no-repeat scroll top left;
  width: 109px;
  height: 26px; }
  #payment-process .submit_form input.submit:hover {
    background: url("/images/buttons/jetzt_bezahlen_down.png") no-repeat scroll top left; }
  #payment-process .submit_form input.submit:active {
    background: url("/images/buttons/jetzt_bezahlen_up.png") no-repeat scroll top left; }

#payment-process.check-order .order-information.clearfix .client-information {
  width: 570px; }
#payment-process.check-order h2 {
  margin: 50px 0 12px; }
#payment-process.check-order h3 {
  color: #6c6c6c;
  margin-bottom: 12px;
  text-transform: uppercase; }
#payment-process.check-order div.shipping_address {
  float: left;
  width: 275px; }
#payment-process.check-order div.billing_address {
  float: left;
  width: 282px; }
#payment-process.check-order h3.shipping_address {
  width: 225px; }
#payment-process.check-order h3.billing_address {
  width: 282px; }
#payment-process.check-order h3.payment_method {
  width: 235px; }
#payment-process.check-order h3.email {
  width: 115px; }
#payment-process.check-order h3.shipping_address a, #payment-process.check-order h3.payment_method a, #payment-process.check-order h3.billing_address a, #payment-process.check-order h3.email a {
  float: right;
  display: block;
  text-indent: -9000px;
  background: url("/images/buttons/aendern_up.png") no-repeat scroll top left;
  width: 49px;
  height: 20px; }
  #payment-process.check-order h3.shipping_address a:hover, #payment-process.check-order h3.payment_method a:hover, #payment-process.check-order h3.billing_address a:hover, #payment-process.check-order h3.email a:hover {
    background: url("/images/buttons/aendern_down.png") no-repeat scroll top left; }
  #payment-process.check-order h3.shipping_address a:active, #payment-process.check-order h3.payment_method a:active, #payment-process.check-order h3.billing_address a:active, #payment-process.check-order h3.email a:active {
    background: url("/images/buttons/aendern_up.png") no-repeat scroll top left; }
#payment-process.check-order h3.head {
  color: #6c6c6c;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #454444; }
#payment-process.check-order p {
  margin-bottom: 24px;
  color: white; }
#payment-process.check-order ul.items {
  list-style: none;
  padding-bottom: 12px;
  border-bottom: 1px solid #454444;
  margin-bottom: 12px; }
  #payment-process.check-order ul.items li {
    float: left;
    width: 231px; }
    #payment-process.check-order ul.items li h4 {
      color: white;
      font-size: 20px; }
    #payment-process.check-order ul.items li p.image-wrapper {
      display: block;
      width: 87px;
      float: left; }
      #payment-process.check-order ul.items li p.image-wrapper .go-to {
        color: white;
        display: block;
        background: url("/images/element_bg/triangle-blue-small-image.png") no-repeat scroll top left;
        width: 74px;
        height: 31px;
        line-height: 22px;
        padding-left: 6px;
        text-decoration: none;
        font-size: 11px; }
        #payment-process.check-order ul.items li p.image-wrapper .go-to:hover {
          text-decoration: underline; }
    #payment-process.check-order ul.items li p {
      margin-bottom: 9px;
      color: white; }
      #payment-process.check-order ul.items li p small {
        color: #bbbbbb;
        font-style: italic;
        font-size: 11px; }
#payment-process.check-order .order-information {
  border-bottom: 1px solid #454444; }
  #payment-process.check-order .order-information .client-information {
    width: 500px;
    float: left; }
    #payment-process.check-order .order-information .client-information .address {
      float: left;
      width: 45%; }
  #payment-process.check-order .order-information .side {
    float: right;
    width: 335px;
    padding-bottom: 12px; }
#payment-process.check-order .next-step {
  float: left;
  width: 100%;
  border-bottom: 1px solid #454444;
  padding: 12px 0;
  text-align: right; }

#content.order-confirmation {
  clear: left; }
  #content.order-confirmation h2 {
    color: #0cabfa;
    font-size: 20px;
    border-bottom: 1px solid #454444;
    padding: 25px 0 9px 0;
    margin-bottom: 9px; }
  #content.order-confirmation h3 {
    color: #6c6c6c;
    font-size: 20px;
    margin-bottom: 12px;
    text-transform: uppercase;
    padding-top: 20px; }
  #content.order-confirmation h5 {
    font-size: 16px;
    color: #bbbbbb;
    line-height: 1.2em;
    margin-bottom: 1em; }
  #content.order-confirmation p {
    color: white;
    margin-bottom: 7px; }
    #content.order-confirmation p strong {
      color: #14cd04; }
  #content.order-confirmation table {
    color: white;
    margin-bottom: 20px;
    padding-top: 10px; }
    #content.order-confirmation table tr td {
      padding: 1px 5px 4px 6px; }
      #content.order-confirmation table tr td strong {
        font-weight: bold; }
    #content.order-confirmation table tr td.name {
      padding-left: 0;
      text-align: right; }

#payment-process #errorExplanation {
  width: 436px; }
  #payment-process #errorExplanation h2 {
    margin: 0 -10px 10px;
    padding: 5px 10px; }

.pattern_and_color_card {
  position: relative; }
  .pattern_and_color_card h3 {
    color: #6c6c6c;
    font-size: 20px;
    margin-bottom: 12px;
    text-transform: uppercase; }
  .pattern_and_color_card h5 {
    font-size: 16px;
    color: #bbbbbb;
    line-height: 1.2em;
    margin-bottom: 1em; }
  .pattern_and_color_card .explanation {
    float: left;
    width: 460px; }
    .pattern_and_color_card .explanation p {
      margin-bottom: 1.2em; }
    .pattern_and_color_card .explanation .image {
      margin: 0 0 0 50px; }
      .pattern_and_color_card .explanation .image img {
        margin-bottom: -10px;
        display: block; }
      .pattern_and_color_card .explanation .image span.caption {
        margin-left: 20px;
        background-color: #484747;
        color: white;
        padding: 3px;
        position: relative;
        z-index: 300; }
  .pattern_and_color_card .order_form {
    width: 460px;
    border-bottom: 1px solid #454444;
    float: right; }
    .pattern_and_color_card .order_form .form_wrapper {
      padding: 4px 0 0 24px;
      border-left: 8px solid #454444; }
      .pattern_and_color_card .order_form .form_wrapper p {
        margin-bottom: 0; }
  .pattern_and_color_card hr {
    margin: 0;
    padding: 0;
    height: 0;
    border-color: #454444;
    border-style: solid;
    border-width: 1px 0 0;
    margin-bottom: 12px; }
  .pattern_and_color_card form#new_pattern_and_color_card_order fieldset {
    margin-bottom: 15px; }
  .pattern_and_color_card form#new_pattern_and_color_card_order fieldset.inputs ol {
    width: 330px; }
    .pattern_and_color_card form#new_pattern_and_color_card_order fieldset.inputs ol li.string input {
      width: 324px; }
    .pattern_and_color_card form#new_pattern_and_color_card_order fieldset.inputs ol li#user_newsletter_input p.inline-hints {
      color: #bbbbbb;
      font-style: italic; }
    .pattern_and_color_card form#new_pattern_and_color_card_order fieldset.inputs ol li#pattern_and_color_card_order_first_name_input, .pattern_and_color_card form#new_pattern_and_color_card_order fieldset.inputs ol li#pattern_and_color_card_order_zip_code_input, .pattern_and_color_card form#new_pattern_and_color_card_order fieldset.inputs ol li#pattern_and_color_card_order_billing_first_name_input, .pattern_and_color_card form#new_pattern_and_color_card_order fieldset.inputs ol li#pattern_and_color_card_order_billing_zip_code_input {
      float: left; }
    .pattern_and_color_card form#new_pattern_and_color_card_order fieldset.inputs ol li#pattern_and_color_card_order_last_name_input, .pattern_and_color_card form#new_pattern_and_color_card_order fieldset.inputs ol li#pattern_and_color_card_order_city_input, .pattern_and_color_card form#new_pattern_and_color_card_order fieldset.inputs ol li#pattern_and_color_card_order_billing_last_name_input, .pattern_and_color_card form#new_pattern_and_color_card_order fieldset.inputs ol li#pattern_and_color_card_order_billing_city_input {
      float: right; }
    .pattern_and_color_card form#new_pattern_and_color_card_order fieldset.inputs ol li#pattern_and_color_card_order_first_name_input input, .pattern_and_color_card form#new_pattern_and_color_card_order fieldset.inputs ol li#pattern_and_color_card_order_last_name_input input, .pattern_and_color_card form#new_pattern_and_color_card_order fieldset.inputs ol li#user_password_input input, .pattern_and_color_card form#new_pattern_and_color_card_order fieldset.inputs ol li#user_password_confirmation_input input, .pattern_and_color_card form#new_pattern_and_color_card_order fieldset.inputs ol li#pattern_and_color_card_order_billing_first_name_input input, .pattern_and_color_card form#new_pattern_and_color_card_order fieldset.inputs ol li#pattern_and_color_card_order_billing_last_name_input input {
      width: 155px; }
    .pattern_and_color_card form#new_pattern_and_color_card_order fieldset.inputs ol li#pattern_and_color_card_order_zip_code_input, .pattern_and_color_card form#new_pattern_and_color_card_order fieldset.inputs ol li#pattern_and_color_card_order_billing_zip_code_input {
      width: 75px; }
      .pattern_and_color_card form#new_pattern_and_color_card_order fieldset.inputs ol li#pattern_and_color_card_order_zip_code_input input, .pattern_and_color_card form#new_pattern_and_color_card_order fieldset.inputs ol li#pattern_and_color_card_order_billing_zip_code_input input {
        width: 70px; }
    .pattern_and_color_card form#new_pattern_and_color_card_order fieldset.inputs ol li#pattern_and_color_card_order_city_input input, .pattern_and_color_card form#new_pattern_and_color_card_order fieldset.inputs ol li#pattern_and_color_card_order_billing_city_input input {
      width: 247px; }
    .pattern_and_color_card form#new_pattern_and_color_card_order fieldset.inputs ol li#pattern_and_color_card_order_country_input, .pattern_and_color_card form#new_pattern_and_color_card_order fieldset.inputs ol li#pattern_and_color_card_order_billing_country_input {
      clear: left; }

#footer {
  background-color: #3a3a3a;
  padding-bottom: 40px;
  color: #bbbbbb;
  padding: 20px 0 0;
  padding-bottom: 29px; }
  #footer ul {
    margin-bottom: 29px;
    list-style: none; }
    #footer ul li {
      float: left;
      width: 185px;
      text-align: center; }
      #footer ul li a {
        color: white;
        text-decoration: none; }
      #footer ul li a:hover {
        text-decoration: underline; }
  #footer ul.legal-information {
    border-top: 1px dotted #3d3d3d;
    border-bottom: 1px dotted #3d3d3d; }
    #footer ul.legal-information li {
      width: auto;
      border-right: 6px double #256d90;
      padding: 0 4px;
      font-size: 11px;
      font-weight: normal; }
  #footer ul.additional-information {
    margin-bottom: 0; }
    #footer ul.additional-information li.part {
      background: url(/images/element_bg/footer-parts.png) no-repeat top left;
      width: 226px;
      height: 113px;
      text-align: center;
      font-size: 11px;
      margin-right: 8px; }
      #footer ul.additional-information li.part dl dt {
        padding-top: 12px;
        color: #0cabfa;
        font-weight: bold; }
      #footer ul.additional-information li.part dl dd, #footer ul.additional-information li.part dl dd a {
        line-height: 18px; }
      #footer ul.additional-information li.part dl dd.newsletter-wrapper {
        clear: both; }
        #footer ul.additional-information li.part dl dd.newsletter-wrapper form p {
          float: none;
          background-color: #535353;
          margin: 0 auto;
          width: 200px;
          padding-left: 2px; }
          #footer ul.additional-information li.part dl dd.newsletter-wrapper form p input.text {
            float: left;
            display: block;
            border: none;
            background-color: #535353;
            color: white;
            font-style: italic;
            font-size: 11px;
            font-weight: normal;
            width: 125px;
            padding: 3px 0 0 2px;
            height: 16px;
            line-height: 16px; }
          #footer ul.additional-information li.part dl dd.newsletter-wrapper form p button {
            background: url("/images/element_bg/newsletter-button-up.png") no-repeat scroll top left;
            width: 68px;
            height: 15px;
            border: none;
            text-indent: -9000px;
            cursor: pointer;
            margin: 2px 2px 2px 0; }
          #footer ul.additional-information li.part dl dd.newsletter-wrapper form p button:active {
            background: url("/images/element_bg/newsletter-button-down.png") no-repeat scroll top left; }
    #footer ul.additional-information li.part.last {
      margin-right: 0; }

#rectangle-wrapper {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 0em; }
  #rectangle-wrapper ul {
    position: absolute;
    left: 23px;
    top: 11px;
    z-index: 100;
    list-style: none; }
    #rectangle-wrapper ul li {
      display: inline;
      padding: 0 4px 0 0; }
      #rectangle-wrapper ul li a {
        color: #dddddd;
        font-size: 11px;
        text-decoration: none; }
      #rectangle-wrapper ul li span {
        padding: 0 0 0 4px;
        color: #0cabfa; }
      #rectangle-wrapper ul li a:hover {
        text-decoration: underline; }
  #rectangle-wrapper .rectangle {
    overflow: hidden;
    width: 0px;
    border-top: 182px solid #3a3a3a;
    border-left: 0px solid #f6f6f6;
    border-right: 968px solid #6c6c6c; }
  #rectangle-wrapper img {
    position: absolute;
    right: 9px;
    bottom: 50px; }

@media print {
  div.jGrowl {
    display: none; } }

div.jGrowl {
  padding: 10px;
  z-index: 9999;
  color: white;
  font-size: 12px; }
div.ie6 {
  position: absolute; }
  div.ie6.top-right {
    right: auto;
    bottom: auto;
    left: expression(( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression(( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); }
  div.ie6.top-left {
    left: expression(( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression(( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); }
  div.ie6.bottom-right {
    left: expression(( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression(( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); }
  div.ie6.bottom-left {
    left: expression(( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression(( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); }
  div.ie6.center {
    left: expression(( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression(( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
    width: 100%; }

body > div.jGrowl {
  position: fixed; }
  body > div.jGrowl.top-left {
    left: 0px;
    top: 0px; }
  body > div.jGrowl.top-right {
    right: 0px;
    top: 0px; }
  body > div.jGrowl.bottom-left {
    left: 0px;
    bottom: 0px; }
  body > div.jGrowl.bottom-right {
    right: 0px;
    bottom: 0px; }
  body > div.jGrowl.center {
    top: 0px;
    width: 50%;
    left: 25%; }

div.center div.jGrowl-notification, div.center div.jGrowl-closer {
  margin-left: auto;
  margin-right: auto; }
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
  background-color: #191919;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  zoom: 1;
  width: 235px;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 1em;
  text-align: left;
  display: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }
div.jGrowl div.jGrowl-notification {
  min-height: 40px; }
  div.jGrowl div.jGrowl-notification div.header {
    font-weight: bold;
    font-size: 0.85em; }
  div.jGrowl div.jGrowl-notification div.close {
    z-index: 99;
    float: right;
    font-weight: bold;
    font-size: 1em;
    cursor: pointer; }
div.jGrowl div.jGrowl-closer {
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: pointer;
  font-size: 0.9em;
  font-weight: bold;
  text-align: center; }

body#users .facebook-edit {
  background-color: #627aad;
  border: 1px solid #1d4088;
  border-width: 1px;
  padding: 10px;
  margin-bottom: 10px; }
  body#users .facebook-edit h3 {
    color: white; }
body#users .image {
  float: left;
  width: 60px; }
  body#users .image a {
    color: white;
    text-decoration: underline; }
  body#users .image a:hover {
    text-decoration: none; }

#user_sessions h3, #users h3 {
  color: #6c6c6c; }
#user_sessions .fbconnect_login_button, #users .fbconnect_login_button {
  margin-bottom: 30px; }
  #user_sessions .fbconnect_login_button a, #users .fbconnect_login_button a {
    text-decoration: none; }

ul#main-navigation li.login #connect_to_facebook_form {
  display: none; }

#header ul#main-navigation li.login a.register {
  margin-left: 7px;
  background: url(/images/facebook-login.png) no-repeat scroll center left;
  padding-left: 20px; }

.jcrop-holder {
  text-align: left; }

.jcrop-vline, .jcrop-hline {
  font-size: 0;
  position: absolute;
  background: white url("/images/Jcrop.gif") top left repeat; }

.jcrop-vline {
  height: 100%;
  width: 1px !important; }

.jcrop-hline {
  width: 100%;
  height: 1px !important; }

.jcrop-handle {
  font-size: 1px;
  width: 7px !important;
  height: 7px !important;
  border: 1px #eeeeee solid;
  background-color: #333333;
  *width: 9px;
  *height: 9px; }

.jcrop-tracker {
  width: 100%;
  height: 100%; }

.custom .jcrop-vline, .custom .jcrop-hline {
  background: yellow; }
.custom .jcrop-handle {
  border-color: black;
  background-color: #c7bb00;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  height: 40px;
  width: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1104;
  display: none; }

* html #fancybox-loading {
  position: absolute;
  margin-top: 0; }

#fancybox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url("/images/fancybox/fancybox.png"); }

#fancybox-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: black;
  z-index: 1100;
  display: none; }

* html #fancybox-overlay {
  position: absolute;
  width: 100%; }

#fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none; }

#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 20px;
  z-index: 1101;
  display: none; }

#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: white; }

#fancybox-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: 0;
  outline: none;
  overflow: hidden; }

#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent; }

#fancybox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background-image: url("/images/fancybox/fancybox.png");
  background-position: -40px 0px;
  cursor: pointer;
  z-index: 1103;
  display: none; }

#fancybox_error {
  color: #444444;
  font: normal 12px/20px Arial;
  padding: 7px;
  margin: 0; }

#fancybox-content {
  height: auto;
  width: auto;
  padding: 0;
  margin: 0; }

#fancybox-img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  line-height: 0;
  vertical-align: top;
  -ms-interpolation-mode: bicubic; }

#fancybox-frame {
  position: relative;
  width: 100%;
  height: 100%;
  border: none;
  display: block; }

#fancybox-title {
  position: absolute;
  bottom: 0;
  left: 0;
  font-family: Arial;
  font-size: 12px;
  z-index: 1102; }

.fancybox-title-inside {
  padding: 10px 0;
  text-align: center;
  color: #333333; }

.fancybox-title-outside {
  padding-top: 5px;
  color: white;
  text-align: center;
  font-weight: bold; }

.fancybox-title-over {
  color: white;
  text-align: left; }

#fancybox-title-over {
  padding: 10px;
  background-image: url("/images/fancybox/fancy_title_over.png");
  display: block; }

#fancybox-title-wrap {
  display: inline-block; }
  #fancybox-title-wrap span {
    height: 32px;
    float: left; }

#fancybox-title-left {
  padding-left: 15px;
  background-image: url("/images/fancybox/fancybox.png");
  background-position: -40px -90px;
  background-repeat: no-repeat; }

#fancybox-title-main {
  font-weight: bold;
  line-height: 29px;
  background-image: url("/images/fancybox/fancybox-x.png");
  background-position: 0px -40px;
  color: white; }

#fancybox-title-right {
  padding-left: 15px;
  background-image: url("/images/fancybox/fancybox.png");
  background-position: -55px -90px;
  background-repeat: no-repeat; }

#fancybox-left, #fancybox-right {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: none;
  background-image: url("/images/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("/images/fancybox/fancybox.png");
  background-position: -40px -30px; }

#fancybox-right-ico {
  background-image: url("/images/fancybox/fancybox.png");
  background-position: -40px -60px; }

#fancybox-left:hover, #fancybox-right:hover {
  visibility: visible; }

#fancybox-left:hover span {
  left: 20px; }

#fancybox-right:hover span {
  left: auto;
  right: 20px; }

.fancy-bg {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  width: 20px;
  height: 20px;
  z-index: 1001; }

#fancy-bg-n {
  top: -20px;
  left: 0;
  width: 100%;
  background-image: url("/images/fancybox/fancybox-x.png"); }

#fancy-bg-ne {
  top: -20px;
  right: -20px;
  background-image: url("/images/fancybox/fancybox.png");
  background-position: -40px -162px; }

#fancy-bg-e {
  top: 0;
  right: -20px;
  height: 100%;
  background-image: url("/images/fancybox/fancybox-y.png");
  background-position: -20px 0px; }

#fancy-bg-se {
  bottom: -20px;
  right: -20px;
  background-image: url("/images/fancybox/fancybox.png");
  background-position: -40px -182px; }

#fancy-bg-s {
  bottom: -20px;
  left: 0;
  width: 100%;
  background-image: url("/images/fancybox/fancybox-x.png");
  background-position: 0px -20px; }

#fancy-bg-sw {
  bottom: -20px;
  left: -20px;
  background-image: url("/images/fancybox/fancybox.png");
  background-position: -40px -142px; }

#fancy-bg-w {
  top: 0;
  left: -20px;
  height: 100%;
  background-image: url("/images/fancybox/fancybox-y.png"); }

#fancy-bg-nw {
  top: -20px;
  left: -20px;
  background-image: url("/images/fancybox/fancybox.png");
  background-position: -40px -122px; }

#fancybox-loading.fancybox-ie div {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-close {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-over {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale');
  zoom: 1; }
.fancybox-ie #fancybox-title-left {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-left-ico {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie .fancy-bg {
  background: transparent !important; }
.fancybox-ie #fancy-bg-n {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }