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

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

	ORDER SUMMARY

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

.OrderSummaryContent
{
	margin: 0px;
	
	font-size: 11px;

	color: #555;
}

.OrderSummaryContent .CouponBox
{
	margin: 0px;
	padding: 10px 10px 10px 10px;
	font-size: 11px;
	color: #555;
	background: 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;
	 background-image:url('images/dot-hline2.gif');
    background-position:bottom;
    height:25px;
       
    background-repeat:repeat-x;
    
}

.OrderSummaryContent .cart .cart-header-row td
{
	/*border-style: solid;
    border-width: 1px;
    border-color: #c5c5c5;*/
    
   /*  background-image:url('images/dot-vline.gif');
    background-position:right;
    background-repeat:repeat-y;*/
    /*border-right:dashed 1px #898989;
    
	color: #666666;
	height: 20px;*/
	
	
	/*background-color:Transparent;*/
	
}

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

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

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

}*/
.OrderSummaryContent .cart  .cart-item-row
{
  
    background-image:url('images/dot-hline2.gif');
    background-position:bottom;
    height:30px;
    
    
    background-repeat:repeat-x;
}
.TotalInfo .newadditionaltable
{
    width:350px;
    float:left;
}

TotalInfo .newadditionaltable .newadition 
{
    background-image:url('images/dot-hline.gif');
    background-position:bottom;
      text-align:left;
      
    background-repeat:repeat-x;
}

.OrderSummaryContent .cart .cart-item-row td
{
       
/*
     background-image:url('images/dot-vline.gif');
    background-position:right;
   
    
    background-repeat:repeat-y;
   
    background-color:Transparent;
 */
    line-height: 18px;
    
  
   
}


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

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

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

.OrderSummaryContent .cart-footer
{
	width: 100%;
	
}

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

	font-size: 12px;
	background-color:#EAEAEA;
	
}
.TotalInfo .toolendline
{
    background-image:url('images/dot-hline1.gif');
   
   width:auto;
   height:1px;
    
    background-repeat:repeat-x;
}


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

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

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

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

.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-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
	background-color:White;
}

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

.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: 10px;
}

.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%;
	color: #FFF;
	border-right: solid 1px #6a6a6a;
	height: 20px;
}

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

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

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

}*/

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

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

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

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

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

.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

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.newheadtitle
{
   
    background-image:url(images/contact_information_header.gif);
    height:14px;
    width:162px;
    float:left;
   
}
.newreqiure
{
   
   
    text-align: left;
    height: 10px;
   
   
    
}

.newreqiure span
{
    
    padding-top:5px;
}
.newaditionalinformation
{
    height:100px;
   
     text-align:left;
   
}
.newaditionalinformation span
{
    color:Gray;
    font-size:small;
    padding-left:0px;
 
}

.newaditionalinformation table
{
    text-align:left;
    padding-top:10px;
}
.newaditionalinformation1
{
    height:30px;
    
     
}
.newaditionalinformation td
{
    width:320px;
}
.newaditionalinformation1 span
{
    font-size:small;
    font-weight:bold;
    text-align:left;
    padding-top:5px;
}
.CheckoutPage
{
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-left: 0;
	background-color:White;
}
.CheckoutPage .title
{
   
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
}
.CheckoutPage .newtitle
{
     background-image:url(images/order_review_header.gif);
    height:14px;
    width:110px;
    margin-top:20px;
    margin-left:20px;
    margin-bottom:10px;
    background-repeat:no-repeat;
    float:left;
}
.CheckoutPage .CheckoutData
{
   /* border: 1px solid #d7d7d7;*/
	margin: 0px 0 0 0;
	padding:15px;
	padding-top:0px;
	padding-bottom:0px;
	font-size: 11px;
	color: #555;
	background-color: inherit;
}

.CheckoutData .OrderSummaryTitle
{
    text-align:left;
    font-size:small;
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	clear: both;
}
.CheckoutData .OrderSummaryBody
{
	text-align: left;
	margin: 10px 10px 0px 0px;
	
	/*border: 1px solid #d7d7d7;*/
	height: auto;
}
.newAddressdisplay
{
    text-align:left;
    font-family:Arial,Helvetica,sans-serif,Tahoma;
    color:#999999;
    font-size:11px;
   height:auto;
    width:740px;
    margin-left:10px;
    
}
.newAddressdisplay .shipfrm
{
    width:350px;
    float:left;
    margin-left:10px;
    margin-bottom:20px;
    background-image:url(images/dot-vline.gif);
    height:auto;
    background-position:right;
    background-repeat:repeat-y;
    
}
.shipfrmbtn
{
    float:left;
    padding-left:210px;
    padding-top:10px;
}
.newAddressdisplay .lbl
{
   
    float:left;
    padding-top:0px;
    width:150px;
    font-family:Arial,Helvetica,sans-serif,Tahoma;
    color:#999999;
    font-size:11px;
}


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

	ADDRESSES

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

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

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

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

.CheckoutData .AddressGrid .AddressItem
{
	text-align: center;
	margin: 10px 10px 10px 10px;
	
	width: 200px;
	height: auto;
}

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

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

.CheckoutData .EnterAddressTitle
{
	padding: 10px 10px 0px 15px;
	
	font-weight: bold;
	clear: both;
	text-align:left;
}

.CheckoutData .EnterAddress
{
    
	text-align: center;
	margin: 0px 10px 0px 0px;
	

	
	height: auto;
}

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

.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 10px 10px 10px;
	border: 1px solid #d7d7d7;
	height: auto;
}

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

.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
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	clear: both;
}
.addressdisplay span
{
    font-size:11px;
    text-transform:capitalize;
    
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PAYMENT METHODS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.newheadtitlepayment
{
     background-image:url('images/payment_header.gif');
    height:17px;
    width:72px;
    float:left;
    background-repeat:no-repeat;
    margin-top:15px;
    margin-left:15px;
}

.splitcrdtype
{
     background-image:url('images/dot-hline.gif');
     background-position:bottom;
     background-repeat:repeat-x;
     height:40px;
   
}
.SelectButtontop
{
    background-image:url('images/dot-hline.gif');
     background-position:bottom;
     background-repeat:repeat-x;
     height:1px;
}
.newSelectButton
{
     background-image:url('images/dot-hline.gif');
     background-position:bottom;
     background-repeat:repeat-x;
     height:30px;
}
.newmovebtns
{
    margin-top:10px;
    margin-left:550px;
}
.CheckoutData .PaymentMethods
{
	text-align: left;
	margin: 10px 10px 10px 10px;
	border: 1px solid #d7d7d7;
	height: auto;
}

.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
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	clear: both;
}


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

	/*border: 1px solid #d7d7d7;*/
	height: auto;
}

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

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

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

	CONFIRM ORDER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.newtitleconfirm
{
     background-image:url('images/invoice_header.gif');
    height:14px;
    width:56px;
    float:left;
    background-repeat:no-repeat;
    margin-top:15px;
    margin-left:15px;
}

.orderstattitle
{
     background-image:url('images/orderstatus_headline.gif');
    height:21px;
    width:153px;
    float:left;
    background-repeat:no-repeat;
    margin-top:5px;
    margin-left:15px;
}
.CheckoutData .ConfirmOrder
{
	text-align: left;
	margin: 10px 10px 10px 10px;
	border: 1px solid #d7d7d7;
	height: auto;
}

.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
{
	text-align: left;
	margin: 10px 10px 10px 10px;
	border: 1px solid #d7d7d7;
	height: auto;
}

.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 in My account Page */
.MyOrderStatus
{
	margin-bottom: 15px;
	padding: 0px;
}
.MyOrderStatus .title
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
}
.MyOrderStatus .info
{
	
	padding:3px 10px 10px 10px;
}
.MyOrderStatus .SectionTitle
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	clear: both;
}
.MyOrderStatus .OrderOverview
{
	
	padding-bottom: 10px;
}
.MyOrderStatus .ShippingBox
{
	text-align: left;
	padding: 10px;
	border: 1px solid #d7d7d7;
	height: auto;
}
.MyOrderStatus .BillingBox
{
	text-align: left;
	padding: 10px;
	border: 1px solid #d7d7d7;
	height: auto;
}
.MyOrderStatus .ProductsBox
{
	text-align: left;
	padding: 10px;
	color:#999999;
	height: auto; 
}
.MyOrderStatus .OrderOverview span
{
    padding:0;
}

.MyOrderStatus .TotalInfo
{
    margin-top:5px;
     border-top-style: solid;
    border-top-color: #C0C0C0;
    border-top-width: 0.05em;
}
/*end of Order Details in My account Page*/

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

	ORDER DETAILS

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

.OrderDetails .TotalInfo
{
    margin-top:5px;
     border-top-style: solid;
    border-top-color: #C0C0C0;
    border-top-width: 0.05em;
}
.OrderDetails
{
	margin-bottom: 15px;
	padding: 0px;
}
.OrderDetails .title
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
}
.OrderDetails .info
{
	border: 1px solid #d7d7d7;
	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 #d7d7d7;
	height: auto;
}
.OrderDetails .BillingBox
{
	text-align: left;
	padding: 10px;
	border: 1px solid #d7d7d7;
	height: auto;
}
.OrderDetails .ProductsBox
{
	text-align: left;
	padding: 10px;
	border: 1px solid #d7d7d7;
	height: auto;
}

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

	ORDER PROGRESS CONTROL

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

.OrderProgress
{
	height: 50px;
	margin: 0 auto;
	text-align: center;
	background-color:#EAEAEA;
	/*border-bottom: solid 2px #f3f3f3;*/
}
.prgtitle
{
    float:left;
    font-weight:bolder;
    font-size:14px;
    color:#6699FF;
    text-align:left;
    width:100px;
    padding-top:18px;
    padding-left:10px;
    
}
.OrderProgress ul
{
    float:left;
	padding: 0;
	margin: 0;
	/*background-color:#6699FF;*/
	background-image:url('images/progress_bg.jpg');
	height:30px;
	width:490px;
	margin-top:10px;
	
	
}

.OrderProgress ul li
{
    float:left;
	list-style: none;
	display: inline;
	padding: 5px 0px 0 8px;
	font-size:12px;

	
}

.OrderProgress ul li .ActiveStep
{
	color: White;
	/*background: url('images/progress-step-active.gif') no-repeat 50% 50%;*/
	padding-bottom: 0px;
	padding-right: 1px;
	text-transform:lowercase;
}

.OrderProgress ul li .InactiveStep
{
	color: #EAEAEA;
	/*background: url('images/checkout-arrow.jpg') no-repeat 50% 50%;
	background-position:left;*/
	padding-bottom: 0px;
	padding-right: 1px;
	text-transform:lowercase;
	
}

.stbordertogrid
{
    background-image: url(images/dot-vline.gif);
    background-position: right;
    background-repeat: repeat-y;
    border-top-style: solid;
    border-top-color: #C0C0C0;
    border-top-width: 1px;
    
}
.stbordertogrid1
{
    
    height:25px;
   border-top-style: solid;
    border-top-color: #C0C0C0;
    border-top-width: 1px;
   
}