/****************************************************************************************************/
/* 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. 
/****************************************************************************************************/

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

	ORDER SUMMARY

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

.OrderSummaryContent
{
	margin: 0px;
	
	font-size: 11px;
	color: #000000;
}
.OrderSummaryEmptyCart
{
	margin: 15px 10px;
	font: 10px/12px Arial;
    color:Red;
}
.OrderSummaryContent .CouponBox
{
	margin: 0px;
	padding: 10px 10px 10px 10px;
	font-size: 11px;
	color: #555;
	background: #ffffff;
	margin-bottom: 10px;
	border: dotted 1px #d3d3d3;
}

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

.OrderSummaryContent .cart td
{
	padding:4px 8px 4px ;
}

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

.OrderSummaryContent .cart .cart-header-row td
{
	background: url('images/titlebg_bar.png') repeat-x 0;
	color:#fff;
	text-align:left;
	border-right:1px solid #719cb2;
}

.OrderSummaryContent .cart .cart-header-row td table td
{
	border-right:none;
}



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

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

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

.OrderSummaryContent .cart .cart-item-row td
{
	border-top: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	vertical-align: middle;
	line-height: 15px;
	text-align:left;

}

.OrderSummaryContent .cart .cart-item-row td table td
{
	border-top: none;
	border-right:none;


}

.OrderSummaryContent .cart .cart-item-row td.price
{
	
	text-align:left;
    padding-left:15px;
}

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

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

.OrderSummaryContent .cart .cart-item-row td.end
{
	background: none;
	text-align: left;
	font-weight: bold;
	color: #000000;
	border-right: none;
	padding-left:15px;
	
}

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

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

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

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

.cart_total_right .productPrice
{
	
	color:#1E436B;
	font-weight:bold;
}


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

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

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

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

	SHOPPING CART

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

.shoppingcart
{
	margin: 0px auto;
	padding-bottom: 5px;
	padding-left: 0;
	width:828px;
}

.shoppingcart .title
{   
    background: url(images/headerbg_titlebar.jpg) no-repeat top;
	padding: 5px 10px 5px 10px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
	color:#a9a9a9;
}

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

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

	WISHLIST

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

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

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

.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;
}

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

.WishlistContent .cart .cart-header-row td.end
{
	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 0 10px;
}

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

.WishlistContent .cart .cart-item-row td.end
{
	border-top: 1px dotted #c5c5c5;
	background: none;
	text-align: right;
	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;
	text-transform: uppercase;
	clear: both;
}

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

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

	CHECKOUT

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

.CheckoutPage
{
	margin:0 0 0 54px;
padding-bottom:5px;
padding-left:0;
width:893px;
}
.CheckoutPage .select-address-title
{
	background: url(images/headerbg_titlebar.jpg) no-repeat top;
	padding: 0 10px 0 10px;
	line-height:29px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
	color:#0081C6;
	height:29px;
	width:810px;
}
.CheckoutPage .checkout-data
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	color: #1E436B;
	background-color: inherit;
	
}

.checkout-data .OrderSummaryTitle
{
	background: url(images/headerbg_titlebar.jpg) no-repeat top;
	padding: 0 10px 0 10px;
	font-weight: bold;
	line-height:29px;
	text-transform: uppercase;
	clear: both;
	color:#0081C6;
	height:29px;
	width:808px;
	margin-top:20px;
}
.checkout-data .OrderSummarybody
{
	text-align: center;
	height: auto;
}

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

	ADDRESSES

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

.checkout-data .SelectAddressTitle
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	clear: both;
	display:none;
}

.checkout-data .address-grid
{
	margin-bottom: 15px;
	padding: 0px;
	float:left;
	width:430px;
}

.checkout-data .address-grid .item-box
{
	padding-bottom: 10px;
	text-align: center;
	vertical-align: text-top;
}

.checkout-data .address-grid .address-item
{
	text-align: center;
	margin: 20px 10px 0 0 ;
	width: 200px;
	height: auto;
}

.checkout-data .address-grid .address-item .select-button
{
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: center;
}

.checkout-data .address-grid .address-item .address-box
{
	text-align: left;
}



.checkout-data .EnterAddress_wrap
{
    float:left;
	width:456px;
	
	}
	
.checkout-data .enter-address-title
{
	padding: 17px 10px 5px 0px;
	font-weight: bold;
	color:#0081C6;
    font-size:16px;
	clear: both;
	width:390px;
	border-bottom:1px solid #ECECEC;
	
}

.checkout-data .enter-address
{
	text-align: center;
	
	height: auto;
	
}



.checkout-data .enter-address .enter-address-body
{
	text-align: left;
	margin: 10px 0;
}

.checkout-data .enter-address .Button
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}

.checkout-data .enter-address .the-same-address
{
	text-align: left;
	margin: 10px 10px 10px 10px;
}

.checkout-data .enter-address .error-block
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}

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

	SHIPPING OPTIONS

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

.checkout-data .shipping-options
{
	text-align: left;
	margin: 10px 10px 10px 10px;
	
	height: auto;
}

.checkout-data .shipping-options .shipping-option-item
{
	text-align: left;
	vertical-align: text-top;
	padding: 5px 0  0 5px;
}

.checkout-data .shipping-options .shipping-option-item .option-name
{
	font-weight: bold;
}

.checkout-data .shipping-options .shipping-option-item .option-description
{
	padding: 5px 0 5px 16px;
}

.checkout-data .shipping-options .select-button
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}

.checkout-data .shipping-options .error-block
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}

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

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

	PAYMENT METHODS

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

.checkout-data .payment-methods
{
	text-align: left;
	margin: 0;
	height: auto;

}

.checkout-data .payment-methods .payment-method-item
{
	padding: 10px;
	text-align: left;
	vertical-align: text-top;
}

.checkout-data .payment-methods .select-button
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}

.checkout-data .Nopayment-methods
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	clear: both;
}


.checkout-data .payment-info
{
	text-align: left;
	margin: 0;
	height: auto;
}

.checkout-data .payment-info .body
{
	padding: 10px;
	text-align: left;
	vertical-align: text-top;
}

.checkout-data .payment-info .body table td
{
	padding-right:15px;
}

.checkout-data .payment-info .select-button
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}

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

	CONFIRM ORDER

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

.checkout-data .confirm-order
{
	text-align: left;
	margin: 0;
	
	height: auto;
}

.checkout-data .confirm-order .select-button
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}

.checkout-data .confirm-order .error-block
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}

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

	COMPLETED

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

.checkout-data .order-completed
{
	text-align: left;
	margin: 0;
	height: auto;
}

.checkout-data .order-completed .body
{
	padding: 10px;
	text-align: left;
	vertical-align: text-top;
}

.checkout-data .order-completed .body b, .checkout-data .order-completed .body p
{
		font:normal 18px/22px Arial;
}

 .checkout-data .order-completed .body p span
{
		color:#0081C6;
}

.checkout-data .order-completed .body a
{
	font:normal 12px/25px Arial;
	text-decoration:underline;
}


.checkout-data .order-completed .select-button
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}

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

	ORDER DETAILS

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

.order-details
{
	margin: 20px auto;
	padding-bottom: 5px;
	padding-left: 0;
	color:#1E436B;
	width:828px;
}
.order-details .page-title
{
	background: url(images/headerbg_titlebar.jpg) no-repeat top;
	padding: 0 10px 0 10px;
	line-height:29px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
	color:#0081C6;
	height:29px;
	width:808px;
}
.order-details .info
{
	
	padding: 10px;
}
.order-details .section-title
{
	background: url(images/headerbg_titlebar.jpg) no-repeat top;
	padding: 0 10px 0 10px;
	line-height:29px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
	color:#0081C6;
	height:29px;
	width:808px;
	
}
.order-details .order-overview
{
	text-align: left;
	padding-bottom: 10px;
}
.order-details .shipping-box
{
	text-align: left;
	height: auto;
	float:left;
	width:245px;
}
.order-details .billing-box
{
	text-align: left;
	height: auto;
	float:left;
	width:245px;
}
.order-details .products-box
{
	text-align: left;
	height: auto;
	width:828px;
}

.products-box table 
{
    border-color:#719CB2; 
}

.titlebg_bar {background: url('images/titlebg_bar.png') repeat-x 0;
	color:#fff;
	text-align:left;
	padding:5px 15px;
	border-right:1px solid #719CB2;
	}

.datagrid_border {border:1px solid #dddddd;}

.total-pricing {margin:10px 0 0 0;}

.total-pricing td {padding:2px 15px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ORDER PROGRESS CONTROL

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

.OrderProgress
{
	height: 35px;
	margin: 40px auto 15px;
	text-align: center;
}

.OrderProgress ul
{
	padding: 0;
	margin: 0 auto;
	background:url(images/btn_bg.png) repeat-x top;
    box-shadow: 2px 2px #fafafa;
    -webkit-box-shadow: 2px 2px #fafafa;
    -moz-box-shadow: 2px 2px #fafafa;
    filter: progid:DXImageTransform.Microsoft.dropShadow(color=#fafafa, offX=2, offY=2, positive=true);
    border:1px solid #ececec;
    width:615px;
    height:21px;
}

.OrderProgress ul li
{
	list-style: none;
	display: inline;
	background:url(images/btn_rightcol.png) no-repeat scroll  right -2px;
    border:none;
    padding:0px 28px 0 10px;
 }
 
 .OrderProgress ul li:last-child
{
	
	background:none;
   
 }
 
 .OrderProgress ul li a
{
	
    line-height:21px;
 }

.OrderProgress ul li .ActiveStep
{
	color: #1E436B;
    font-weight:bold;
}

.OrderProgress ul li .InactiveStep
{
	
	color: #a9a9a9;
	text-decoration:none;
	
	
}

td.name_shippingaddress {vertical-align: middle; padding: 0 0 2px 10px;color:#0081C6;font-size:16px;border-bottom:1px solid #ececec;}
td.info_shippingaddress table{margin:5px 0;}

.orderdetailsprintbutton
{
    background:url(images/icon_print.png) no-repeat left;
    padding:0 0 0 20px;
    margin:0 0 5px 0;
    float:left;
    height:16px;
    }
    
.orderdetailspdfbutton
{
    background:url(images/icon_pdf.png) no-repeat left;
    padding:0 0 0 20px;
    margin:0 0 5px 0;
    float:left;
    height:16px;
    }
    

.ordernotes-box td, .ordernotes-box th
{
    border:1px solid #DDDDDD;
    padding:5px 15px;
}

.coupon-box {
    background: none repeat scroll 0 0 #F9F8F8;
    display: inline;
    float: left;
    margin: 15px 135px 0 20px;
    padding: 15px 20px;
    width: 305px;
}