/**
 * Extended stylesheet for VelopA CityStyle webshop
 */

/* products overview and productfinder */
.menu-products { margin: 0 1em 0 267px; text-align: justify; font-size: .95em; }

#productfinder { margin: 0 1em 0 145px; }
    #productfinder #resultsinfo { font-weight: bold; color: #4c555e; }

.products { }
    .products .product, #productfinder .product { float: left; width: 85px; min-height: 140px; margin: 1em 1em 0 0; }
        .products .product .imgbox, #productfinder .product .imgbox { float: none !important; margin: 0; }
        .products .product .imgbox a { margin:0 !important; padding:0 !important; }
        .products .product p, #productfinder .product p { border: 1px solid black; border-width: 1px 0; text-align: center; margin: 0; padding: 0; }
            .products .product p a, #productfinder .product p a { display: block; color: black; }
                .products .product p a:hover, #productfinder .product p a:hover { color: #9f1d38; }

#assemblyvisuals { margin-left: 145px; }
#pagevisual img { margin-bottom: 1em; }
.productvisual { float: left; width: 70px; line-height: 1em; }

.adobe-reader { display: block; width: 88px; height: 31px; background: transparent url(/images/adobereader.gif) no-repeat left top; }
    .adobe-reader span { visibility: hidden; }

/* linkbox (next to pagevisual) */
.linkbox-tabs { position: absolute; left: 0; top: 43px; margin: 0; padding: 0; list-style-type: none; width: 125px; }
    .linkbox-tabs li { margin-bottom: 1em; border-bottom: 1px solid #8f95a4; background-color: #a6aab6; }
          .linkbox-tabs li:hover, .linkbox-tabs li.active { border-bottom-color: white; background-color: #e2e3e7; }
        .linkbox-tabs li a { display: block; padding: 0; padding-left: 15px; line-height: 1.4em; font-size: .9em; color: black; background: url(/images/a_bul_cs.gif) 5px 4px no-repeat; }

.orderbutton { clear: both; margin-top: 2em; text-align: right; }

/* articlefinder */
#articlefinder { margin-top: 1em; }
    #articlefinder p { margin-bottom: .5em; }
    #articlefinder label { float: left; width: 75px; }
    #articlefinder select { width: 68%; }
        #articlefinder .articlefinder-submit { position: relative; padding: 0; }
            #articlefinder .articlefinder-submit .button { position: absolute; top: 0; color: #383838; }
            #articlefinder .articlefinder-submit input { left: 75px; }
            #articlefinder .articlefinder-submit a.button { left: 175px; }

    #articlefinder-results { margin-top: 4em; }
        #articlefinder-results th, #articlefinder-results td { padding-left: 0; }
        #articlefinder-results .button { padding-left: 30px; padding-right: 30px; }
        #articlefinder-results .order-row td { padding-bottom: 2em; }

/* form for ordering article */
#articleform { }
    #articleform dt { font-weight: bold; color: black; }
        #articleform dd { text-align: right; }
    .articleheader { margin: 1em 0 0 0; color: black; }
.jubilee { color:#B4293A; font-weight:bold;}
    .articlebody p { margin-top: 0; }

#articlesbutton { color: black; }

/* cart view */
#cart { margin-left: 144px; }
    #cart p { margin: 0 0 .2em 0; }
    .articles { margin-top: 1em; line-height: 1.1em; width: 100%; }
    .articles th, .articles td { vertical-align: top; padding: 0 1em 0 0; }
    .articles th { padding-bottom: .7em; }
        .articles td p { margin: 0; padding: 0; }
        .articles th img { margin-top: .4em; }
    .articles tbody th, .articles tbody td { padding-bottom: 1em; }
    .articles tbody th { text-align: right; padding-right: 1em; }
    .articles tbody th.deliverydate { font-weight: normal; }
    .articles .cart-amount tr th, .articles .cart-amount tr td { border-top: 1px solid #8f95a4; }
        .articles .cart-amount .no-border th, .articles .cart-amount .no-border td { border: 0; }
.billing-address { margin-top: 0; }
    .billing-address tr th, .billing-address tr td { border-top: 1px solid #8f95a4; }
        .billing-address .no-border th, .billing-address .no-border td { border: 0; }
    .articles .total-amount td { font-weight: bold; }
    .articles .article-title { margin: 0; padding: 0; font-weight: bold; }
    .articles .color-row th, .articles .color-row td { padding-bottom: 2em; }
    .cartview-options { margin-top: 1em; padding: .5em 0 0 0; width: auto; list-style-type: none; border-top: 1px solid white; position: relative; }
        .cartview-options .button { float: left; margin: 0 1em 0 0 !important; vertical-align: middle; }
        .cartview-options .proceed { position: absolute; top: .5em; right: 0; }

    .colorscheme { margin-left: 1em; padding-left: 10px; background: url(/images/a_bul010_cs.gif) left center no-repeat; }
        .colorscheme:hover { background-image: url(/images/a_bul011_cs.gif); }

    .price-column { text-align: right; white-space: nowrap; }

/* relations */
#relations { margin-left: 145px; }
    #relations h3 { color: black; }

ul.relations { list-style: none; margin: 1em 0; padding: 0; }
    ul.relations li { }
        ul.relations li a { padding-left: 10px; background: transparent url(/images/a_bul010_cs.gif) no-repeat left center; }
            ul.relations li a:hover { background-image: url(/images/a_bul011_cs.gif); }

/* checkout */
#checkout, #account { margin-left: 145px; }
    #checkout p { margin-top: 0; margin-bottom: 0; }
    .shopform { float: left; margin: 1em 0; width: 60% !important; }
        .shopform div { clear: both; margin-bottom: .4em; text-align: right; }
        .shopform label { float: left; width: 30% !important; text-align: left; }
        .shopform input, .shopform select { width: 60% !important; }
            .shopform input.button, .shopform input.radio, .shopform input.checkbox { width: auto !important; }
        .shopform .input-submit { padding-top: .5em; text-align: right; }
        .shopform .submit { float: none; margin-right: 0; }
        .shopform .group { float: right; clear: none; width: 60%; margin-bottom: .7em; }
            .shopform .group label { width: auto; float: none; }
                .shopform .group label p { display: inline; }
            .shopform .group div { padding-top: .1em; margin-bottom: .2em; text-align: left; }
                .shopform .group div p { padding-top: .1em; }
        .shopform .static { margin-bottom: 0; }
            .shopform .static p { float: left; width: 30%; text-align: left; }
            .shopform .static div { float: right; clear: none; width: 60%; margin-bottom: 0; text-align: left; }
            .shopform .static label { cursor: text; margin-bottom: 0 !important; min-height: 1em; }
                .shopform .static label:hover { color: black; }
        .shopform .html { text-align: left; }

        #account form { width: auto; margin-right: 74px; }
            #account h3 { clear: both; color: black; margin: 0; }
                #account h3.billing { margin: 3em 0 0 0; padding: 5px 0 0 0; border-top: 1px solid white; }
            #account p { margin: 0; }
            #account form label { width: 20%; text-align: left; margin: 0 3em 5px 0; padding: 0; }
            #account form div { text-align: left; margin: 0; padding: 0; }
            #account form input, #account form select, #account form .static div { float: left; width: 30%; }
            #account form .group { float: left; width: 30%; }
            #account form .input-submit { margin-top: 3em; padding-top: .5em; border-top: 1px solid white; }
                #account form .input-submit .button { float: right; margin-right: 30px; }
            #account form .anchor-button { font-weight: bold; color: white; text-align: left; width: auto; margin: .5em 0 .5em 0; padding-left: 10px; border: 0; background: transparent url(/images/a_bul010_cs.gif) no-repeat left center; }
                #account form .anchor-button:hover { cursor: pointer; color: #9f1d38; background-image: url(/images/a_bul011_cs.gif); }

    .confirm-checkout { }
        .confirm-checkout form { width: auto; border-top: 1px solid #8f95a4; padding-top: 1em; }
            .confirm-checkout form label { width: 10%; text-align: right; margin-right: 2em; }
            .confirm-checkout form div { text-align: left; }
            .confirm-checkout form input, .confirm-checkout form .static div { float: left; width: 30%; }
            .confirm-checkout form .group { float: left; width: 80%; }
            .confirm-checkout form .input-submit { border-top: 1px solid white; }

    .checkout-options { clear: both; margin: 3em 0; padding: .5em 0 0 0; border-top: 1px solid white; text-align: right; }
        .checkout-options .button { margin-left: 2em; }

        .forgot-pass form { width: 89%; }
        .forgot-pass form div { width: 60%; float: left; }
        .forgot-pass form .input-submit { width: 30%; clear: none; margin-left: 1em; padding: 1px 0 0 0; text-align: left; }
        .forgot-pass form p { clear: both; }

.formaction { clear: both; margin-bottom: 1em !important; border-bottom: 1px solid white; }
    .formaction a { padding-left: 10px; background: url(/images/a_bul010_cs.gif) left center no-repeat; }
        .formaction a:hover { background-image: url(/images/a_bul011_cs.gif); }

#error { margin-left: 145px; }

/* myvelopa */
#myvelopa { margin-left: 393px; }
#accountconfirm { width: 100% !important; }
    #accountconfirm label, #myvelopa #accountconfirm label, #myvelopa #address_edit label, #myvelopa #resetpass label { font-weight: bold; }
    #myvelopa .group label { font-weight: normal !important; }
    #myvelopa .shopform { margin: 1em 0; width: 80%; }
    #myvelopa .formaction { clear: none; margin-top: 0; border-bottom: 0; width: 100%; }
        #myvelopa .formaction input { font-weight: bold; color: white; width: auto; padding-left: 10px; border: 0; background: url(/images/a_bul010_cs.gif) left center no-repeat; }
            #myvelopa .formaction input:hover { cursor: pointer; color: #9f1d38; background-image: url(/images/a_bul011_cs.gif); }
    #myvelopa h3 { color: black; }

#myvelopa_orderview { margin-left: 145px; padding: 0 20px 0 0; }
    .order-items { width: 89%; margin-top: .5em; line-height: 1.1em; border-width: 0 0 1px 0; border-style: solid; border-color: white; }
    .order-items th, .order-items td { vertical-align: top; padding: .2em 1em .2em 0; }
        .order-items th img { margin-top: .4em; }
    .order-items tbody th, .order-items tbody td { padding-bottom: .5em; }
    .order-items tbody th { text-align: left; padding-right: 1em; }
    .order-items .article-title { margin: 0; padding: 0; font-weight: bold; }
    .order-items .orderline th, .order-items .orderline td { border-top: 1px solid #a6aab6; padding-top: 1em; }
    .order-items tfoot tr:first-child th, .order-items tfoot tr:first-child td { border-top: 1px solid #a6aab6; padding-top: 1em; }
    .contactinfo { margin: 1em 0 0 0; padding: 0 0 1em 0; border-bottom: 1px solid white; width: 89%; list-style-type: none; }

/* progress-bar */
#progress-bar { position: absolute; top: 120px; right: 0; width: 500px; background-color: #bdbfc7; }
    #progress-bar ol { float: right; margin: 0; padding: 0; list-style-type: none; }
        #progress-bar ol li { float: left; margin: 0; padding: 25px 0 0 0; width: 60px; }
            #progress-bar ol li.step { color: white; font-weight: bold; background: #bdbfc7 no-repeat center top; }
                #progress-bar ol li.selected { color: black; }
            #progress-bar ol li#step-1 { background-image: url(/images/order010.gif); }
                #progress-bar ol li#step-1.selected { background-image: url(/images/order011.gif); }
            #progress-bar ol li#step-2 { background-image: url(/images/order020.gif); }
                #progress-bar ol li#step-2.selected { background-image: url(/images/order021.gif); }
            #progress-bar ol li#step-3 { background-image: url(/images/order030.gif); }
                #progress-bar ol li#step-3.selected { background-image: url(/images/order031.gif); }
            #progress-bar ol li#step-4 { background-image: url(/images/order040.gif); }
                #progress-bar ol li#step-4.selected { background-image: url(/images/order041.gif); }

.request-tender-list { padding: 0; list-style-type: none; }