.foo { }

.ShoppingCart {
    color: #555;
    font-size: 11px;
    margin: 0px;
    padding: 10px 10px 10px 10px;
}

.ShoppingCart .CouponBox {
    background: background:rgb(247, 245, 232);
    border: dotted 1px #d3d3d3;
    color: #555;
    font-size: 11px;
    margin: 0px;
    margin-bottom: 10px;
    padding: 10px 10px 10px 10px;
}

.ShoppingCart .cart {
    border-collapse: collapse;
    border-color: #660033;
    border-style: solid;
    border-width: thin;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.ShoppingCart .cart td { padding: 3px 0 3px 0; }

.ShoppingCart .cart .cart-header-row { font-weight: bold; }

.ShoppingCart .cart .cart-header-row td {
    background: url('images/cart-header-bg.gif') repeat-x 50%;
    background-color: #660033;
    border-right: solid 1px #6a6a6a;
    color: #FFF;
    height: 20px;
}

.ShoppingCart .cart .cart-header-row td.picture { border: none; }

.ShoppingCart .cart .cart-header-row td.end {
    padding-right: 5px;
    text-align: right;
}

.ShoppingCart .cart .item { background-color: #FFCCFF; }

.ShoppingCart .cart .item td {
    border-bottom: 1px solid #c5c5c5;
    line-height: 30px;
    vertical-align: middle;
}

.ShoppingCart .cart .item td.product {
    padding: 0px 10px 0px 10px;
    text-align: left;
}

.ShoppingCart .cart .item td.product a { font-weight: bold; }

.ShoppingCart .cart .item td.end {
    color: Green;
    font-weight: bold;
    padding-right: 5px;
    text-align: right;
}

.ShoppingCart .cart .alternate { background-color: #FFFFFF; }

.ShoppingCart .cart .alternate td {
    border-bottom: 1px solid #c5c5c5;
    line-height: 30px;
    vertical-align: middle;
}

.ShoppingCart .cart .alternate td.product {
    padding: 0px 10px 0px 10px;
    text-align: left;
}

.ShoppingCart .cart .alternate td.product a { font-weight: bold; }

.ShoppingCart .cart .alternate td.end {
    color: Green;
    font-weight: bold;
    padding-right: 5px;
    text-align: right;
}

.ShoppingCart .cart-footer {
    background: url('images/cart-footer-bg.gif') repeat-x bottom;
    width: 100%;
}

.ShoppingCart .TotalInfo {
    font-size: 12px;
    margin: 0px;
    padding: 10px 5px 10px 0px;
}

.ShoppingCart .WarningBox .WarningText { color: Red; }

.cart_total_left {
    color: #353434;
    font-weight: bold;
    height: 21px;
    text-align: right;
    vertical-align: middle;
    width: 100%;
}

.cart_total_right {
    padding-left: 5px;
    text-align: right;
    vertical-align: middle;
}

.ShoppingCart .Buttons {
    float: left;
    margin: 0px;
    padding: 10px 10px 10px 10px;
}

.ShoppingCart .Buttons .CommonButtons {
    float: left;
    margin: 0px;
    padding: 10px 10px 10px 10px;
}

.ShoppingCart .Buttons .AddonButtons {
    float: right;
    margin: 0px;
    padding: 10px 10px 10px 10px;
    text-align: right;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	SHOPPING CART

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.shoppingcart {
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 0;
}

.shoppingcart .title {
    clear: both;
    font-weight: bold;
    padding: 10px 10px 5px 0px;
    text-transform: uppercase;
}

.shoppingcart .body {
    color: #555;
    font-size: 11px;
    margin: 0px 0 0 0;
    padding: 0px 0 0 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	WISHLIST

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.WishlistContent {
    background-color: inherit;
    color: #555;
    font-size: 11px;
    margin: 0px;
}

.WishlistContent .cart {
    border-collapse: collapse;
    margin-bottom: 10px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.WishlistContent .cart td { padding: 3px 0 3px 0; }

.WishlistContent .cart .cart-header-row { font-weight: bold; }

.WishlistContent .cart .cart-header-row td {
    background: url('images/cart-header-bg.gif') repeat-x 50%;
    border-right: solid 1px #6a6a6a;
    color: #FFF;
    height: 20px;
}

.WishlistContent .cart .cart-header-row td.picture { border: none; }

.WishlistContent .cart .cart-header-row td.end {
    padding-right: 5px;
    text-align: right;
}

/*.WishlistContent .cart .cart-item-row
{

}*/

.WishlistContent .cart .cart-item-row td {
    border-bottom: 1px solid #c5c5c5;
    line-height: 30px;
    vertical-align: middle;
}

.WishlistContent .cart .cart-item-row td.product {
    padding: 0px 10px 0px 10px;
    text-align: left;
}

.WishlistContent .cart .cart-item-row td.product a { font-weight: bold; }

.WishlistContent .cart .cart-item-row td.end {
    color: Green;
    font-weight: bold;
    padding-right: 5px;
    text-align: right;
}

.WishlistContent .WarningBox .WarningText { color: Red; }

.wishlist {
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 0;
}

.wishlist .title {
    clear: both;
    font-weight: bold;
    padding: 10px 10px 15px 0px;
    text-transform: uppercase;
}

.wishlist .body {
    color: #555;
    font-size: 11px;
    margin: 0px 0 0 0;
    padding: 0px 0 0 0;
}

.wishlist .shareinfo {
    background: url('images/cart-footer-bg.gif') repeat-x bottom;
    font-size: 1.2em;
    height: 50px;
    padding: 0 0 5px 5px;
}

.wishlist .shareinfo .sharelabel { font-weight: bold; }

.wishlist .shareinfo .sharelink { }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CHECKOUT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CheckoutPage {
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 0;
}

.CheckoutPage .title {
    clear: both;
    font-weight: bold;
    padding: 10px 10px 5px 0px;
    text-transform: uppercase;
}

.CheckoutPage .CheckoutData {
    background-color: inherit;
    color: #555;
    font-size: 11px;
    margin: 0px 0 0 0;
    padding: 0px 0 0 0;
}

.CheckoutData .OrderSummaryTitle {
    clear: both;
    font-weight: bold;
    padding: 10px 10px 5px 0px;
}

.CheckoutData .OrderSummaryBody {
    border: 1px solid #d7d7d7;
    height: auto;
    margin: 10px 10px 10px 10px;
    text-align: center;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ADDRESSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CheckoutData .SelectAddressTitle {
    clear: both;
    font-weight: bold;
    padding: 10px 10px 5px 0px;
}

.CheckoutData .AddressGrid {
    margin-bottom: 15px;
    padding: 0px;
}

.CheckoutData .AddressGrid .ItemBox {
    padding-bottom: 10px;
    text-align: center;
    vertical-align: text-top;
}

.CheckoutData .AddressGrid .AddressItem {
    border: 1px solid #d7d7d7;
    height: auto;
    margin: 10px 10px 10px 10px;
    text-align: center;
    width: 200px;
}

.CheckoutData .AddressGrid .AddressItem .SelectButton {
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: center;
}

.CheckoutData .AddressGrid .AddressItem .AddressBox { text-align: left; }

.CheckoutData .EnterAddressTitle {
    clear: both;
    font-weight: bold;
    padding: 10px 10px 5px 0px;
}

.CheckoutData .EnterAddress {
    border: 1px solid #d7d7d7;
    height: auto;
    margin: 10px 10px 10px 10px;
    text-align: center;
}

.CheckoutData .EnterAddress .EnterAddressBody {
    margin: 10px 10px 10px 10px;
    text-align: left;
}

.CheckoutData .EnterAddress .Button {
    margin: 10px 10px 10px 10px;
    text-align: left;
}

.CheckoutData .EnterAddress .TheSameAddress {
    margin: 10px 10px 10px 10px;
    text-align: left;
}

.CheckoutData .EnterAddress .ErrorBlock {
    margin: 10px 10px 10px 10px;
    text-align: left;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	SHIPPING OPTIONS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CheckoutData .ShippingOptions {
    border: 1px solid #d7d7d7;
    height: auto;
    margin: 10px 10px 10px 10px;
    text-align: left;
}

.CheckoutData .ShippingOptions .ShippingOptionItem {
    padding: 5px 0 0 5px;
    text-align: left;
    vertical-align: text-top;
}

.CheckoutData .ShippingOptions .ShippingOptionItem .OptionName { font-weight: bold; }

.CheckoutData .ShippingOptions .ShippingOptionItem .OptionDescription { padding: 5px 0 5px 16px; }

.CheckoutData .ShippingOptions .SelectButton {
    margin: 10px 10px 10px 10px;
    text-align: left;
}

.CheckoutData .ShippingOptions .ErrorBlock {
    margin: 10px 10px 10px 10px;
    text-align: left;
}

.CheckoutData .ShippingNotAllowed {
    clear: both;
    font-weight: bold;
    padding: 10px 10px 5px 0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PAYMENT METHODS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CheckoutData .PaymentMethods {
    border: 1px solid #d7d7d7;
    height: auto;
    margin: 10px 10px 10px 10px;
    text-align: left;
}

.CheckoutData .PaymentMethods .PaymentMethodItem {
    padding: 10px;
    text-align: left;
    vertical-align: text-top;
}

.CheckoutData .PaymentMethods .SelectButton {
    margin: 10px 10px 10px 10px;
    text-align: left;
}

.CheckoutData .NoPaymentMethods {
    clear: both;
    font-weight: bold;
    padding: 10px 10px 5px 0px;
}


.CheckoutData .PaymentInfo {
    border: 1px solid #d7d7d7;
    height: auto;
    margin: 10px 10px 10px 10px;
    text-align: left;
}

.CheckoutData .PaymentInfo .Body {
    padding: 10px;
    text-align: left;
    vertical-align: text-top;
}

.CheckoutData .PaymentInfo .SelectButton {
    margin: 10px 10px 10px 10px;
    text-align: left;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONFIRM ORDER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CheckoutData .ConfirmOrder {
    border: 1px solid #d7d7d7;
    height: auto;
    margin: 10px 10px 10px 10px;
    text-align: left;
}

.CheckoutData .ConfirmOrder .SelectButton {
    margin: 10px 10px 10px 10px;
    text-align: left;
}

.CheckoutData .ConfirmOrder .ErrorBlock {
    margin: 10px 10px 10px 10px;
    text-align: left;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	COMPLETED

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CheckoutData .OrderCompleted {
    border: 1px solid #d7d7d7;
    height: auto;
    margin: 10px 10px 10px 10px;
    text-align: left;
}

.CheckoutData .OrderCompleted .Body {
    padding: 10px;
    text-align: left;
    vertical-align: text-top;
}

.CheckoutData .OrderCompleted .SelectButton {
    margin: 10px 10px 10px 10px;
    text-align: left;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ORDER DETAILS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.OrderDetails {
    margin-bottom: 15px;
    padding: 0px;
}

.OrderDetails .title {
    clear: both;
    font-weight: bold;
    padding: 10px 10px 5px 0px;
    text-transform: uppercase;
}

.OrderDetails .info {
    border: 1px solid #d7d7d7;
    padding: 10px;
}

.OrderDetails .SectionTitle {
    clear: both;
    font-weight: bold;
    padding: 10px 10px 5px 0px;
}

.OrderDetails .OrderOverview {
    padding-bottom: 10px;
    text-align: left;
}

.OrderDetails .ShippingBox {
    border: 1px solid #d7d7d7;
    height: auto;
    padding: 10px;
    text-align: left;
}

.OrderDetails .BillingBox {
    border: 1px solid #d7d7d7;
    height: auto;
    padding: 10px;
    text-align: left;
}

.OrderDetails .ProductsBox {
    border: 1px solid #d7d7d7;
    height: auto;
    padding: 10px;
    text-align: left;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ORDER PROGRESS CONTROL

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.OrderProgress {
    border-bottom: solid 2px #f3f3f3;
    height: 40px;
    margin: 0 auto;
    text-align: center;
}

.OrderProgress ul {
    margin: 0;
    padding: 0;
}

.OrderProgress ul li {
    display: inline;
    list-style: none;
    padding: 5px 20px 0 20px;
}

.OrderProgress ul li .ActiveStep {
    background: url('images/progress-step-active.gif') no-repeat 50% 50%;
    color: #6a6a6a;
    padding-bottom: 40px;
    padding-right: 1px;
}

.OrderProgress ul li .InactiveStep {
    background: url('images/progress-step-inactive.gif') no-repeat 50% 50%;
    color: #d7d7d7;
    padding-bottom: 40px;
    padding-right: 1px;
}