/**
 * @author Eric Bartels
 * @version $Id: cart.css 508 2008-03-03 14:03:09Z ericbartels $
 */

.cart-steps {
    border-left: 1px solid #666666;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    padding: 0;
    margin: 0 2em 1em 0;
    float: left;
    background: url("../images/default/icons/tile2.png") repeat-x left top;
    width: 680px;
}
.cart-steps ul {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 10pt;
    color: rgb(159, 159, 159);
}
.cart-steps ul li {
    float: left;
    font-weight: normal;
    color: rgb(38, 155, 227);
    width: 127px;
    border-right: 1px solid #666666;
    padding: 4px;
}
.cart-steps ul li span.step-number {
    display: block;
    font-size: 13pt;
}
.cart-steps li.what-for {
    margin-right: 10px;
    color: rgb(102, 102, 102);
    font-size: 11pt;
}
.cart-steps ul li#current {
    float: left;
    color: #000;
    font-size: 10pt;
    background-color: #D8EDFA ;
}
.cart-steps ul li#current span.step-number {
    font-weight: bold;
}

.cart-steps .done {
    color: rgb(102, 102, 102);
    background-color: #F1F1F1;
}
fieldset.option-chooser .item {
    border: 0;
    margin: 0 0 10px 0;
    padding: 0;
}
fieldset.option-chooser .item label {
    font-weight: bolder;
    color: rgb(17, 95, 143);
    cursor: pointer;
}
fieldset.option-chooser {
    clear: left;
}
fieldset.option-chooser.floating {
    clear: none;
    width: 26%;
    float: left;
    height: 11em;
}
fieldset.option-chooser.floating label {
    display: block;
    cursor: default;
}
.order-total div {
    font-size: 14pt;
    padding-top: 1em;
    clear: both;
    display: block;
}
.order-total strong {
    text-decoration: underline;
}

.accept {
    background: transparent url("../images/default/icons/cart-confirm-accept.png") no-repeat left top;
    padding-left: 58px;
    min-height: 48px;
    width: 80%;
    margin-left: 5%;
}
.accept label {
    cursor: pointer;
    font-size: 13pt;
}
.updateCommand {
    display: none;
}
.total {
    font-size: 12pt;
    text-decoration: underline;
    font-weight: bold;
}

/* Availability */
.stockStateTiny {
    height: 18px;
    line-height: 14px;
    vertical-align: middle;
    padding-left: 18px;
    font-size: 10pt;
}
.stockStateTiny.red {
    background: transparent url("../images/default/icons/stock-red-tiny.png") no-repeat left top;
}
.stockStateTiny.yellow {
    background: transparent url("../images/default/icons/stock-yellow-tiny.png") no-repeat left top;
}
.stockStateTiny.green {
    background: transparent url("../images/default/icons/stock-green-tiny.png") no-repeat left top;
}

ul.stockStateTiny {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.stockStateTiny li {
    float:left;
    margin-right: 4px;
    padding-left: 18px;
    height: 18px;
    line-height: 14px;
    cursor: help;
}
ul.stockStateTiny li.red {
    background: transparent url("../images/default/icons/stock-red-tiny.png") no-repeat left top;
}
ul.stockStateTiny li.yellow {
    background: transparent url("../images/default/icons/stock-yellow-tiny.png") no-repeat left top;
}
ul.stockStateTiny li.green {
    background: transparent url("../images/default/icons/stock-green-tiny.png") no-repeat left top;
}

/* The cart table */
#cartContent {
    font-size: 10pt;
    width: 100%;
}
#cartContent td.numeric.price {
    width: 6em;
}
#cartContent td.numeric.position-sum {
    width: 7em;
}
#cartContent td.numeric .pledge label {
    font-size: 8pt;
}
#cartContent tfoot {
    font-size: 11pt;
}
#cartContent tfoot td#cartSummaryReceiver {
    background-color: #fff;
    padding: 1em 0 0 0 !important;
}

#cartSummaryHeading em {
    font-weight: bold;
}
#cartSummaryHeading {
    padding: .2em .2em .2em .4em;
    float: left;
}
#cartSummaryHeading div {
    float: left;
}
#cartSummaryHeading div#summaryProgress {
    margin-left: 1em;
    background: transparent url("../images/default/icons/loading-cart-summary-small.gif") no-repeat left center;
    padding-left: 20px;
    vertical-align: middle;
    display: none;
}
#cartSummary {
    clear: both;
}
#summaryInfo {
    margin: 0;
    border-collapse: collapse;
    width: 100%;
}
#summaryInfo td {
    border: none;
    border-top: 1px solid #000;
    padding: .2em 0 .2em 0;
    background-color: #008d6d;
    color: #fff;
}
#summaryInfo .stockStateTiny {
    display: block;
    clear: both;
}
#summaryInfo td span,
#summaryInfo td label {
    padding: 0 .2em 0 .2em;
}
#summaryInfo td.label {
    width: 60%;
}
.payment-item {
    margin-bottom: .8em;
    margin-top: .4em;
    clear: both;
}
.payment-item label {
    font-weight: bold;
}
.costs {
    clear: left;
}

/* {{{ OrderRoutes */
.suboption.order-route {
    width: 100%;
}
fieldset.suboption.order-route {
    border: 0;
    padding: 0;
    margin: 0;
    clear: left;
}
.suboption.order-route h2 {
    font-size: 15pt;
    padding-left: 36px;
    padding-bottom: 4px;
    line-height: 32px;
    background: transparent url("../images/default/icons/order-route_32.png") no-repeat left center;
    margin-bottom: 10px;
    margin-top: 20px;
}
.suboption.order-route h3 {
    font-size: 10pt;
    margin-bottom: 10px;
}
.suboption.order-route .blockcontent {
    width: 100%;
    float: left;
    background-color: #D8EDFA;
    border: 1px solid #E1E1E1;
    margin: 0;
}
.suboption.order-route .block {
    float: left;
    width: 45%;

    padding: 4px 8px 4px 8px;
}
.suboption.order-route .block.footer {
    clear: left;
}
.suboption.order-route .block label {
    cursor: pointer;
}
.order-route .new-info {
    font-size: 8pt;
    font-style: italic;
    padding: 2px 2px 2px 18px;
    line-height: 16px;
    background: #D8EDFA  url("../images/default/icons/order-route_16.png") no-repeat 2px 2px;
    border: 1px solid #666666;
    margin: 10px 10px 10px 0;
}
hr.suboption
{
    border: 0;
    border-bottom: 1px dashed #666;
    height: 1px;
    background: transparent;
    color: transparent;
    margin: 10px 0 10px 0;
}
/* }}} OrderRoutes */