.foo { }
/****************************************************************************************************/
/* The contents of this file are subject to the nopCommerce Public License Version 1.0 ("License"); you may not use this file except in compliance with the License.
/* You may obtain a copy of the License at  http://www.nopCommerce.com/License.aspx. 
/* 
/* Software distributed under the License is distributed on an "AS IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. 
/* See the License for the specific language governing rights and limitations under the License.
/* 
/* The Original Code is nopCommerce.
/* The Initial Developer of the Original Code is NopSolutions.
/* All Rights Reserved.
/* 
/* Contributor(s): RetroViz Design. 
/****************************************************************************************************/

.CheckoutPage .bgtitleblock{ text-indent:6px;}

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

	ORDER SUMMARY

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

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

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

.OrderSummaryContent .cart { width: 100%; border-collapse: collapse; text-align: center; vertical-align: middle; }

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

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

.OrderSummaryContent .cart .cart-header-row td { background: url('images/cart_line_y.gif') repeat-y right; }

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

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

.OrderSummaryContent .cart .cart-item-row { /*background: url('images/cart_line_x.gif') repeat-x top;*/ }

.OrderSummaryContent .cart .cart-item-row td { background: url('images/cart_line_y.gif') repeat-y right; border-top: 1px dotted #c5c5c5; vertical-align: middle; line-height: 30px; }

.OrderSummaryContent .cart .cart-item-row td.productpicture { padding: 5px 5px 5px 5px; background: none; }

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

.OrderSummaryContent .imessage{ margin-bottom:10px;}
.OrderSummaryContent .imessage p{ margin:0px; padding:0px; line-height:20px; border-bottom:dotted 1px #aaa; }
.OrderSummaryContent .imessage p.title{ font-size:13px; color:#E97400; text-transform:none}
.OrderSummaryContent .imessage p span.key{  float:left; width:100px; }
.OrderSummaryContent .imessage p span.value{ margin-right:5px; color:#E97400; font-size:13px; font-weight:bold; float:left; width:36px;}

.OrderSummaryContent .cart .cart-item-row td.end { border-top: 1px dotted #c5c5c5; background: none; text-align: right; font-weight: bold; color: Green; }

.OrderSummaryContent .TotalInfo { margin: 0px; padding: 10px 0px 10px 0px; }

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

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

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

.OrderSummaryContent .Buttons { background: #F8F8F8 none repeat scroll 0 0; border: 1px solid #DDDDDD; clear: both; margin: 10px 0; padding:15px 10px; }

.OrderSummaryContent .Buttons .CommonButtons { float: left; margin: 0px;}
.OrderSummaryContent .Buttons .CommonButtons p{ margin:0px; float:left; margin-right:15px;}
.OrderSummaryContent .Buttons .CommonButtons .lnkUpdate{background-image:url(/images/updatecart.gif); background-repeat:no-repeat; height:26px; width:106px; display:block; }
.OrderSummaryContent .Buttons .CommonButtons .lnkContinue{background-image:url(/images/continue.gif); background-repeat:no-repeat; height:26px; width:106px; display:block; }

.OrderSummaryContent .Buttons .AddonButtons { float: right; margin: 0px; text-align: right; }
.OrderSummaryContent .Buttons .AddonButtons .lnkCheckout{background-image:url(/images/checkout.gif); background-repeat:no-repeat; height:26px; width:106px; display:block; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	SHOPPING CART

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

.shoppingcart { margin:0 auto; width:800px;}

.shoppingcart .title { padding: 10px 10px 5px 0px; font-weight: bold;}

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

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

	WISHLIST

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

.WishlistContent {}

.WishlistContent .cart { width: 100%; border-collapse: collapse; text-align: center; vertical-align: middle; margin-bottom: 25px; border:solid 1px #eee; }

.WishlistContent .cart td { padding: 5px 5px 5px 5px; }

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

.WishlistContent .cart .cart-header-row td { background: url('images/cart_line_y.gif') repeat-y right;   text-align:left;}

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

.WishlistContent .cart .cart-header-row td.end {  text-align:left; background:none;}

.WishlistContent .cart .cart-item-row { /*	background: url('images/cart_line_x.gif') repeat-x top;*/ }

.WishlistContent .cart .cart-item-row td { background: url('images/cart_line_y.gif') repeat-y right; border-top: 1px dotted #c5c5c5; }

.WishlistContent .cart .cart-item-row td.product { text-align: left; padding: 0 10px;}
.WishlistContent .cart .cart-item-row td.product a{ color:#FF770D; font-weight:bold;line-height:24px;}
.WishlistContent .cart .cart-item-row td.productpicture {width:70px; background:none;}

.WishlistContent .cart .cart-item-row td.end { border-top: 1px dotted #c5c5c5; background: none; text-align: left; font-weight: bold; color: Green; }

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

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

.wishlist .title { padding: 10px 10px 15px 0px; font-weight: bold; }

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

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

	CHECKOUT

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

.CheckoutPage { margin-bottom: 15px; padding-bottom: 5px; padding-left: 0; }
.CheckoutPage .title { padding: 10px 10px 5px 10px; color:#E97400;}
.CheckoutPage .CheckoutData { }

.CheckoutData .OrderSummaryTitle { margin:0 10px;}
.CheckoutData .OrderSummaryBody { text-align: center; margin:10px; border: 1px solid #ddd; }

.CheckoutPage #checkoutTips{ display:none; margin:0 10px; width:660px;}
.CheckoutPage .error{margin:0 10px; width:660px;}
.CheckoutPage #checkoutTips span{ font-weight:bold; color:Red;}
.CheckoutData .SelectButton { margin: 10px 10px 10px 0;}
.CheckoutData .lnkPaymentinfo{ margin-left:10px;}
.CheckoutData .lnkContinue{background-image:url(/images/continue.gif); background-repeat:no-repeat; height:26px; width:106px; display:block; }
.CheckoutData .SelectButton a{background-image:url(/images/next.gif); background-repeat:no-repeat; height:26px; width:106px; display:block; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ADDRESSES

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

.addressTitle { padding: 0 10px; font-weight: bold;  }
.CheckoutPage .bgtitleblock{ margin:0px; text-indent:10px;}

.CheckoutData .AddressGrid { padding: 0px; }

.CheckoutData .AddressGrid .ItemBox {  text-align: left; vertical-align: text-top; }

.CheckoutData .AddressGrid .AddressItem { text-align: left; margin: 10px; border: 1px solid #ddd; width: 600px; padding:10px; }
.CheckoutData .AddressGrid .AddressItem .bluebutton{ font-size:11px;}
.CheckoutData .AddressGrid .AddressItem .SelectButton { margin-bottom: 5px; margin-top: 5px; text-align: left; padding-left: 12px; }

.CheckoutData .AddressGrid .AddressItem .AddressBox { text-align: left; width: 600px; }
.CheckoutData .AddressGrid .AddressItem .AddressBox table{ margin-top:10px;}

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

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

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

.CheckoutData .EnterAddress .EnterAddressBody td{ padding:5px 0;}

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

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

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

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

	SHIPPING OPTIONS

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

.CheckoutData .ShippingOptions { text-align: left; margin: 10px; height: auto; /*     border: 1px solid rgb(232, 230, 210);     background-image:url(images/bar/pro_c_c.jpg); 	background-repeat:repeat-x;*/ }

.CheckoutData .ShippingOptions .ShippingOptionItem {padding: 5px 0 0 5px; border: solid 1px #ddd; margin-bottom:10px; cursor:pointer; }

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

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

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

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

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

	PAYMENT METHODS

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

.CheckoutData .PaymentMethods { text-align: left; margin:10px; height: auto; /*     border: 1px solid rgb(232, 230, 210);     background-image:url(images/bar/pro_c_c.jpg); 	background-repeat:repeat-x;*/ }

.CheckoutData .PaymentMethods .PaymentMethodItem { padding: 10px; font-weight: bold; border: solid 1px #ddd;  margin-bottom:10px; cursor:pointer;}

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


.CheckoutData .PaymentInfo {  margin:10px; border: 1px solid #eee;}

.CheckoutData .PaymentInfo .Body { padding: 10px; text-align: left; vertical-align: text-top; }
.CheckoutData .PaymentInfo .Body .msg{ color:Green; font-weight:bold;}
.CheckoutData .PaymentInfo .SelectButton { margin:10px; text-align: left; }

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

	CONFIRM ORDER

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

.CheckoutData .ConfirmOrder { text-align: left; margin: 10px; border: 1px solid rgb(232, 230, 210); height: auto; padding: 10px; background-image: url(images/bar/pro_c_c.jpg); background-repeat: repeat-x; }

.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 { width:800px; margin:50px auto; }

.CheckoutData .OrderBorder { border: 1px solid #ddd; background-image: url(images/bar/pro_c_c.jpg); background-repeat: repeat-x; }

.CheckoutData .OrderCompleted h1{ font-size:13px; width:500px;}
.CheckoutData .OrderCompleted fieldset{ margin:20px 0; border:solid 1px #C6D880;}

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

	ORDER DETAILS

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

.OrderDetails { margin-bottom: 15px; padding: 0px; }
.OrderDetails .title { padding: 10px 10px 5px 0px;text-transform: uppercase;font-weight: bold;color:#FD770D;}
.OrderDetails .infoblock { border: 1px solid rgb(232, 230, 210); padding: 10px; }
.OrderDetails .SectionTitle { padding: 10px 10px 5px 0px; font-weight: bold; clear: both; }
.OrderDetails .OrderOverview { text-align: left; padding-bottom: 10px; }
.OrderDetails .ShippingBox { text-align: left; padding: 10px; border: 1px solid rgb(232, 230, 210); height: auto; }
.OrderDetails .BillingBox { text-align: left; padding: 10px; border: 1px solid rgb(232, 230, 210); height: auto; }
.OrderDetails .ProductsBox { text-align: left; padding: 10px; border: 1px solid rgb(232, 230, 210); height: auto; }
.OrderDetails .ProductsBox table tr td { line-height: 24px; }
.OrderDetails .ProductsBox table .first { text-indent: 5px; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ORDER PROGRESS CONTROL

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

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

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

.OrderProgress ul li { list-style: none; display: inline; padding: 5px 20px 0 20px; }
.OrderProgress ul li a{ font-weight:bold; }
.OrderProgress ul li .ActiveStep { color: #6a6a6a; background: url('images/progress-step-active.gif') no-repeat 50% 50%; padding-bottom: 40px; padding-right: 1px;}

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