/* styling for cart and checkout process */

.cart-form {
    border: #dfc800 solid 1px;
/*    border: 1px solid #ffdd00; */
    padding: 10px;
    margin-bottom: 1em;
}
.cart-table {
    width: 100%;
    table-layout: fixed;
}
.cart-table th {
    vertical-align: bottom;
}
.cart-table td {
    border-top: grey dotted 1px;
    vertical-align: top;
}
.cart-itemline {
}
.cart-item {
    width: 50%;
    text-align: left;
}
.cart-qty {
    width: 22%;
    text-align: center;
}
.cart-qty input[type="number"] {
    width: 3.5em;
    text-align: center;
}
.cart-price {
    width: 10%;
    text-align: right;
}
.cart-extprice {
    width: 12%;
    text-align: right;
}
.cart-remove {
    width: 6%;
    text-align: center;
}
.cart-subtotal {
}
.cart-vat {
}
.cart-total {
    font-weight: bold;
}
.cart-total td {
    vertical-align: bottom;
}
.cart-submit {
}
.cart-info {
    font-size: 13px;
    font-size: 1.3rem;
    color: #404040;
    text-indent: 0;
    line-height: 1.2em;
}
div.cart-info {
    padding: 0.5em 1em;
    border: #dfc800 solid 1px;
    margin-bottom: 1em;
}
div.cart-continue {
    margin-bottom: 2em;
    float: right;
}

/* ---- checkout form ---- */

.cout-form input:required {
    background-color: #ffffcc;
}
.cout-form > div {
    margin-bottom: 1em;
}
.cout-form fieldset {
    display: inline-block;
    margin-bottom: 1em;
    padding: 5px 20px 15px 10px;
    border: #dfc800 solid 1px;
}
.cout-form fieldset legend {
    margin-left: 1em;
    padding: 1px 6px 3px 6px;
    border: #dfc800 solid 1px;
    font-weight: bold;
}
div.cout-row {
    margin-top: 6px;
}
div.cout-row,
div.cout-radio,
div.cout-cbox {
    width: 30em;
    margin-left: 10em;
}
.cout-row label {
    float: left;
    width: 9.5em;
    margin-left: -10em;
    text-align: right;
    white-space: nowrap;
}
.cout-row input {
    width: 100%;
    border: #ffdd00 solid 1px;
}
.cout-row textarea {
    width: 100%;
    border: #ffdd00 solid 1px;
}
.cout-row div,
.cout-radio div,
.cout-cbox div {
    font-size: 80%;
    color: #808080;
}
.cout-radio input {
    float: left;
    margin-left: -1.5em;
    margin-top: 3px;
}
.cout-radio label {
    width: 100%;
}
.cout-cbox input {
    float: left;
    margin-top: 3px;
}
.cout-cbox div {
    padding-left: 2em;
}
.cout-cbox label {
    margin-top: -5px;
}
.cout-info-popup {
    position: relative;
    background: #ffffff;
    border: #dfc800 solid 1px;
    padding: 25px;
    width: auto;
    max-width: 600px;
    margin: 20px auto;
}
.cout-info-link {
    border: #dfc800 solid 1px;
    background: #ffffcc;
    font-weight: bold;
    text-decoration: none;
}
.cout-summary {
    margin-bottom: 1em;
    padding: 0.5em 1em;
    border: #dfc800 solid 1px;
}
.cout-summary-left {
    float: left;
    width: 49%;
}
.cout-summary-right {
    float: right;
    width: 48%;
}
.cout-val-err {
    color: red;
    font-weight: bold;
    margin-bottom: 1em;
}