/*
------------------------------------------------------
Shopping Cart
------------------------------------------------------
*/

.alertBox {
color: #FF0000;
border:1px solid #FF0000;
background:#EFEFEF;
padding:10px;
}

/* Progress Bar */

.progressBar { 
display:block;
margin: 15px 0px 0px 0px;
}

.progressBar td {
vertical-align:top;
}


/* Shopping Cart */

.cartSummary {
border-bottom:1px dotted #333 !important;
border-bottom:1px solid #333;
padding:5px 0;
margin:5px 0;
}

.cartSummary table{
width:100%;
}

.cartSummary table th {
background:#CCCCCC;
text-align:left;
font-weight:800;
padding:5px;
}

.cartSummary table td {
padding:5px;
}

.cartSummary table td input {
width:30px;
vertical-align:top;
font-size:0.9em;
padding:0;
margin:0;
}

.cartSummary table td input.quantity {
border:1px solid #e0e0e0;
padding:2px;
}

/* Shopping Cart Total */
.cartSummaryTotal {
text-align:right;
padding:5px 0;
margin:5px 0;
}

.cartSummaryTotal table{
float:right;

}

.cartSummaryTotal table td {
text-align:right;
padding:2px 30px;
}

/* Billing Details */

.billingDetails h2 {
font-size:1em;
font-weight:800;
text-transform:uppercase;
border-bottom:1px dotted #333 !important;
border-bottom:1px solid #333;
padding:5px 0;
margin:5px 0;
}
.billingDetails h3 {
font-size:1em;
font-weight:800;
text-transform:uppercase;
padding:5px 0;
margin:5px 0;
}

.billingDetails p {
}

.billingDetails table {
}

.billingDetails table th {
width:110px;
text-align:left;
font-weight:800;
padding:5px 5px 5px 0;
}

.billingDetails table td {
vertical-align:top;
padding:5px 5px 5px 0;
}

.billingDetails table td input, .billingDetails table td textarea, .billingDetails table td select {
width:200px;
vertical-align:top;
font-size:0.9em;
padding:2px;
margin:0;
}

/* Delivery Details */

.deliveryDetails h2 {
font-size:1em;
font-weight:800;
text-transform:uppercase;
border-bottom:1px dotted #333 !important;
border-bottom:1px solid #333;
padding:5px 0;
margin:5px 0;
}
.deliveryDetails h3 {
font-size:1em;
font-weight:800;
text-transform:uppercase;
padding:5px 0;
margin:5px 0;
}

.deliveryDetails p {
}

.deliveryDetails table {
}

.deliveryDetails table th {
width:110px;
text-align:left;
font-weight:800;
padding:5px 5px 5px 0;
}

.deliveryDetails table td {
vertical-align:top;
padding:5px 5px 5px 0;
}

.deliveryDetails table td input, .deliveryDetails table td textarea, .deliveryDetails table td select {
width:200px;
vertical-align:top;
font-size:0.9em;
padding:2px;
margin:0;
}

.deliveryDetails table.shippingRadioButtons td input {
width:20px;
}

.deliveryDetails table.shippingRadioButtons {
padding:0;
}

/* Payment Details */

.paymentDetails h2 {
font-size:1em;
font-weight:800;
text-transform:uppercase;
border-bottom:1px dotted #333 !important;
border-bottom:1px solid #333;
padding:5px 0;
margin:5px 0;
}
.paymentDetails h3 {
font-size:1em;
font-weight:800;
text-transform:uppercase;
padding:5px 0;
margin:5px 0;
}

.paymentDetails p {
}

.paymentDetails table {
}

.paymentDetails table th {
width:110px;
text-align:left;
font-weight:800;
padding:5px 5px 5px 0;
}

.paymentDetails table td {
vertical-align:top;
padding:5px 5px 5px 0;
}

.paymentDetails table td input{
width:200px;
vertical-align:top;
font-size:0.9em;
padding:2px;
margin:0;
}

.paymentDetails table td select  {
width:100px;
vertical-align:top;
font-size:0.9em;
padding:2px;
margin:0;
}

.paymentDetails table td .cardSelect input{
width:30px!important;
}

.paymentDetails table td input.smallInput {
width:100px;
}

.paymentDetails .paymentOptionsRadio input {
width:20px !important;
}


/* General */
.alert {
color: #990000;
padding:0 5px;
}

.cartButtons {
border-top:1px dotted #333 !important;
border-top:1px solid #333;
height:30px;
padding:5px 0;
}

/* Shopping Cart */

#shoppingCart {
border-bottom:1px dotted #333 !important;
border-bottom:1px solid #666;
color:#fff;
text-align:right;
padding:10px 0 12px 0;
margin:0;
}

#shoppingCart div.shoppingCart {
float:left;
padding:0;
}

#shoppingCart div {
display:inline;
padding:0 0 0 10px;
vertical-align:middle;
}