/* Controls > Step Item
-------------------------------------------------------------- */

#shop_ControlStepItem {
	height: 26px;
	margin: 20px 0 0 0;
}

	#shop_ControlStepItem a {
		text-decoration: none;
	}

	#shop_ControlStepItem .stepItem {
		width: 100%;
		height: 20px;
		display: block;
		float: left;
		margin: 0px;
		padding-top: 6px;
		border: 0px solid #ffffff;
		background: #84ACBA;

		cursor:pointer;
		text-align: center;
		color: #FFFFFF;
	}

	#shop_ControlStepItem .stepItem:hover {
		margin: 0px;
		border: 0px solid #ffffff;
		cursor: pointer;
		color: #ffffff;
	}

	#shop_ControlStepItem .separator {
		width: 10px;
		height: 26px;
		float: left;
		background: url('images/stepitemseparator.gif') -70px 0 no-repeat;
	}
		
	#shop_ControlStepItem .stepItemDisabled {
		background: url('images/bg_stepitem-disabled.gif') 0 0 repeat-x;

		color: #878787;		
	}

	#shop_ControlStepItem .stepItemDisabled:hover {
		cursor: no-drop;

		color: #878787;
	}

	#shop_ControlStepItem .separatorDisabled {
		background: url('images/stepitemseparator.gif') -130px 0 no-repeat;
	}

	#shop_ControlStepItem .stepItemHigh {
		background: #50899C;

		color: #ffffff;
	}

	#shop_ControlStepItem .stepItemHigh:hover {
		/* background-color:#53a6d7; */
	}

	#shop_ControlStepItem .separatorHigh {
		background: url('images/stepitemseparator.gif') -50px 0 no-repeat;
	}
	
	#shop_ControlStepItem .separatorHigh5 {
		background: url('images/stepitemseparator.gif') -110px 0 no-repeat;
	}
	
	#shop_ControlStepItem .separatorHighLeft {
		background: url('images/stepitemseparator.gif') -30px 0 no-repeat;
	}
	
	#shop_ControlStepItem .separatorHighLeftRelaunch {
		background: url('images/stepitemseparator.gif') -90px 0 no-repeat;
	}

	#shop_ControlStepItem .separatorPassed {
		/* background: url('images/stepitemseparator.gif') -10px 0 no-repeat; */
		background: #4C4C4C; 
	}

	#shop_ControlStepItem .stepItemPassed {
		/* background: url('images/bg_stepitem-passed.gif') 0 0 repeat-x; */
		/* background: url('images/stepitemseparator.gif') -10px 0 no-repeat; */
		background: #4C4C4C;

		color: #fff;		
	}

	#shop_ControlStepItem .stepItemPassed:hover{
	}
	
/* Controls > Shopping Cart
-------------------------------------------------------------- */

#shop_ControlShoppingCart {
	margin-right: 16px;
	margin-left: 16px;
	color: #fff;
	text-align: right;
	text-transform: uppercase;
	line-height: 1.3em;
	position: relative;
	font-size: 11px;
	clear: both;
}

#shop_ControlShoppingCart.logged {
	position: static;
}

#ctl00_ShopShoppingCart_lblAmount {
	font-size: 13px;
}

	#shop_ControlShoppingCart h3 {
		display: none;
	}

	#shop_ControlShoppingCart a {
		text-transform: uppercase;
		text-decoration: none;
		font-size: 11px;
		font-weight: normal;
	}

	#shop_ControlShoppingCart a:hover {
	}

	#shop_ControlShoppingCart .btnViewShoppingCart {
		display: none;
	}

	#shop_ControlShoppingCart .btnOrder:hover,
	#shop_ControlShoppingCart .btnViewShoppingCart:hover {
	}

	#shop_ControlShoppingCart .btnOrder, .order_btn {
		display: block;
    	color: white;
    	text-align: center;
    	font-size: 11px;
    	line-height: 20px;
    	height: 20px;

    	position: absolute;
    	bottom: 10px;
    	width: 194px;
    	overflow: hidden;
	}

	.order_btn {
		clear: both;
		top: 6px !important;
		font-size: 11px;
	}

	#shop_ControlShoppingCart .btnOrder:hover, .order_btn:hover {
		background: black;
	}

	#shop_ControlShoppingCart .btnOrder:before, .order_btn:before {
		content: '';
		display: block;
		float: left;
		height: 20px;
		width: 16px;
		margin-left: 4px;   
		background: url(images/order_1.png);
	} 

	#shop_ControlShoppingCart .btnOrder:after, .order_btn:after {
		content: '';
		display: block;
		float: right;
		height: 20px;
		width: 14px;
		/* border-left: dotted 1px white;   */
		background: url(images/order_2.png);
		background-position: -2px 0px; 
	} 

/* Controls > Quick Add
-------------------------------------------------------------- */

#shop_ControlQuickAdd {}

/* Controls > Last Orders
-------------------------------------------------------------- */

#shop_ControlLastOrders {}
	
	#shop_ControlLastOrders .rowOrder {}
	
		#shop_ControlLastOrders .rowOrder .orderStatusInProcess { color: green; }
        #shop_ControlLastOrders .rowOrder .orderStatusOnHold { color: orange; }
        #shop_ControlLastOrders .rowOrder .orderStatusProblemOrder { color: red; }
        
		#shop_ControlLastOrders .rowOrder .paymentStatusUnPaid { color: red; font-weight: bold; }
	    #shop_ControlLastOrders .rowOrder .paymentStatusOnHold { color: red; font-weight: bold; }
        #shop_ControlLastOrders .rowOrder .paymentStatusPendingAuthorized { color: green; }
        #shop_ControlLastOrders .rowOrder .paymentStatusPaid { color: green; }
        #shop_ControlLastOrders .rowOrder .paymentStatusPartiallyPaid { color: orange; }
        #shop_ControlLastOrders .rowOrder .paymentStatusPaymentError { color: red; font-weight: bold; }
        #shop_ControlLastOrders .rowOrder .paymentStatusRefunded { color: orange; }
        #shop_ControlLastOrders .rowOrder .paymentStatusCancelled  { color: red; font-weight: bold; }
		
		#shop_ControlLastOrders .rowOrder .shippingStatusUnShipped { color: red; }
        #shop_ControlLastOrders .rowOrder .shippingStatusPrepared { color: orange; }
        #shop_ControlLastOrders .rowOrder .shippingStatusPartiallyShipped { color: orange; }
        #shop_ControlLastOrders .rowOrder .shippingStatusShipped { color: green; }
        #shop_ControlLastOrders .rowOrder .shippingStatusShippingError { color: red; }
	
	#shop_ControlLastOrders .rowOrderFinished {}
		
        #shop_ControlLastOrders .rowOrderFinished .orderStatusCompleted { }
        #shop_ControlLastOrders .rowOrderFinished .orderStatusCancelled { }
        
        #shop_ControlLastOrders .rowOrderFinished .paymentStatusPaid { }
        #shop_ControlLastOrders .rowOrderFinished .paymentStatusRefunded { }
        #shop_ControlLastOrders .rowOrderFinished .paymentStatusCancelled  {  }
		
		#shop_ControlLastOrders .rowOrderFinished .shippingStatusUnShipped { }
        #shop_ControlLastOrders .rowOrderFinished .shippingStatusPrepared { }
        #shop_ControlLastOrders .rowOrderFinished .shippingStatusPartiallyShipped { }
        #shop_ControlLastOrders .rowOrderFinished .shippingStatusShipped { }
        #shop_ControlLastOrders .rowOrderFinished .shippingStatusShippingError { }

/* Controls > Best Sales
-------------------------------------------------------------- */

#shop_ControlBestSales {
	width: 179px;
	margin: 0 0 10px 0;

	border: 1px solid #e7e7e7;
	text-align: center;
	font-size: 14px;
}

	#shop_ControlBestSales h2 {
		/*width: 171px;*/
		line-height: 26px;
		margin: 0;
		background-color: #4c4c4c;
		
		text-align: center;
		font-size: 12px;
		padding: 0; 
		color: #fff;
		font-weight: 400;
		text-transform: uppercase;
		letter-spacing: 0;
	}

	#shop_ControlBestSales .item {
	}

		#shop_ControlBestSales .item .photo {
			width: 60px;
			height: 60px;
			float: left;
			margin: 5px 0 0 0;
		}

		#shop_ControlBestSales .item .name {
			width: 100px;
			float: left;
			margin: 0 0 0 10px;
			padding: 10px 0 0 0;
			
			color: #000;
			font-size: 10px;
			font-weight: bold;
			text-transform: uppercase;
			text-decoration: none;
			text-align: left;
		}

		#shop_ControlBestSales .itemHover .name {
			color: #53a6d7;
		}

		#shop_ControlBestSales .item .priceMin {
			margin: 0 0 10px 10px;
			display: block;
			float: left;

			color: #53a6d7;
			font-weight: bold;
		}

		#shop_ControlBestSales hr {
			margin: 0;
		}

/*----------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------*/

/* Shop > Pop Shopping Cart
-------------------------------------------------------------- */

#shop_PopShoppingCart {
	width: 600px;
	background-color: #fff;
}

#shop_PopShoppingCart h1 {
}

#shop_PopShoppingCart .content {
}

	#shop_PopShoppingCart .content .btnContinue {
		width: 45%;
		display: block;
		float: left;
		padding: 7px 5px;
		background-color: #eaeaea;
		
		color: #444444;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
	}

	#shop_PopShoppingCart .content .btnContinue:hover {
		color: #53a6d7;
	}

	#shop_PopShoppingCart .content .btnOrder {
		width: 45%;
		display: block;
		float: right;
		padding: 7px 5px;
		background-color: #53a6d7;
		
		color: #fff;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
	}

	#shop_PopShoppingCart .content .btnOrder:hover {
		background-color: #181818;
	}

	#shop_PopShoppingCart .content .total {
		text-align: center;
	}

	#shop_PopShoppingCart .content .total h2 {
		font-size: 20px;
		font-weight: bold;
	}

	#shop_PopShoppingCart #productsUpSell {
		border-top: 1px solid #e7e7e7;
		border-left: 1px solid #e7e7e7;
	}

		#shop_PopShoppingCart #productsUpSell .product {
			width: 122px;
			height: 160px;
			float: left;
			padding: 5px;
			border-bottom: 1px solid #e7e7e7;
			border-right: 1px solid #e7e7e7;
		}

		#shop_PopShoppingCart #productsUpSell .product:hover {
			background: url('../../../catalog/app_themes/default/images/bg_productupsellhover.gif') 0 0 no-repeat;
			cursor: pointer;
		}

			#shop_PopShoppingCart #productsUpSell .product .photo {
				width: 122px;
				height: 122px;
				background-color: #eaeaea;

				font-size: 0;
			}

			#shop_PopShoppingCart #productsUpSell .product .name {
				margin-top:3px;
				padding-top:3px;
				border-top:2px dotted #e7e7e7;

				font-size: 10px;
				font-weight: bold;
				text-transform: uppercase;
				text-align: right;
			}

			#shop_PopShoppingCart #productsUpSell .product .price {
				text-align: right;

				font-size: 14px;
				color: #53a6d7;
				font-weight: bold;
			}

/* Shop > Customer Area
-------------------------------------------------------------- */

#shop_CustomerArea {
}

	#shop_CustomerArea h3 {
		display: block;
		margin: 0 0 5px 0;
		padding: 0;

		font-size: 14px;
		color: #444444;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
	}

	#shop_CustomerArea .block {
		width: 172px;
		height: 86px;
		float: left;
		margin-bottom: 10px;
		padding: 10px 10px 10px 50px;
		border: 3px solid #eaeaea;
		background-color: #fff;
		cursor: pointer;

		font-size: 10px;
	}

	#shop_CustomerArea .blockHover {
		border: 3px solid #53a6d7;
	}

	#shop_CustomerArea .block a {
		display: block;
		margin: 0 0 5px 0;
		padding: 0;

		font-size: 14px;
		color: #53a6d7;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
	}

	#shop_CustomerArea .blockUserInfo { background:url('images/ico_userinfo.gif') 13px 13px no-repeat; }
	#shop_CustomerArea .blockAddressBook { background:url('images/ico_addressbook.gif') 13px 13px no-repeat; }
	#shop_CustomerArea .blockBestSales { background:url('images/ico_bestsales.gif') 13px 13px no-repeat; }
	/*#shop_CustomerArea .blockCustomerPoints { background:url('images/ico_customerpoints.gif') 13px 13px no-repeat; }*/
	#shop_CustomerArea .blockOrders { background:url('images/ico_orders.gif') 13px 13px no-repeat; }
	#shop_CustomerArea .blockWishList { background:url('images/ico_wishlist.gif') 13px 13px no-repeat; }
	#shop_CustomerArea .blockNewsletter { background:url('images/ico_newsletter.gif') 13px 13px no-repeat; }

	#shop_CustomerArea .separator {
		width: 12px;
		height: 1px;
		float: left;
	}

	#shop_CustomerArea .btnLogOff {
		height: 15px;		
		display: block;
		float: right;
		padding: 2px 10px 0 35px;
		background: url('images/btn_logoff.gif') 0 0 no-repeat #53a6d7;
		cursor: pointer;

		position: relative;
		top: 10px;
		margin-bottom:-17px;

		font-size: 10px;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: -1px;
	}

	#shop_CustomerArea .btnLogOff:hover {
		background-position: 0 bottom;

		color: #fff;
	}

	.btnGoBack {
		height: 15px;	
		display: block;
		float: right;
		padding: 2px 10px;
		cursor: pointer;

		position: relative;
		top: 10px;
		margin-bottom:-17px;

		font-size: 10px;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
	}

	.btnGoBack:before {
		content: '« ';
		font-size: 1.1em;
		vertical-align: middle; 
	}

	.btnGoBack:hover {
		background-position: 0 bottom;

		color: #fff;
	}

/* Shop > Customer Area - Customer Link
-------------------------------------------------------------- */

#shop_CustomerArea_CustomerLink {
}

	#shop_CustomerArea_CustomerLink h3 {
		display: block;
		margin: 0 0 5px 0;
		padding: 0;

		font-size: 14px;
		color: #444444;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
	}

/* Shop > Address List
-------------------------------------------------------------- */

#shop_AddressList {
}

	#shop_AddressList .cadre {
		width: 148px;
		margin-bottom: 0;
	}

	#shop_AddressList .separator {
		width: 11px; 
		height: 1px;
		float: left; 
	}

/* Shop > Order Step Pagination
-------------------------------------------------------------- */

#shop_orderStepPagination {
}

	#shop_orderStepPagination a {
		display: block;
		padding: 4px;
		border: 1px solid #181818;
		background-color: #181818;
		cursor: pointer;

		color: #fff;
		text-decoration: none;
	}

	#shop_orderStepPagination a:hover {
		border: 1px solid #53a6d7;
		background-color: #53a6d7;
	}

	#shop_orderStepPagination .leftSide {
		float: left;
	}

		#shop_orderStepPagination .leftSide .btn {}

	#shop_orderStepPagination .rightSide {
		float: right;
	}

		#shop_orderStepPagination .rightSide .btn {}

/* Shop > Misc
-------------------------------------------------------------- */

.viewOrder {
}

	.viewOrder .actions a {
		padding-right: 6px;
		margin-right: 3px;
		border-right: 1px solid #d0d0d0;
	}

.shippingMethod,
.paymentMethod {
}

	.shippingMethod a,
	.paymentMethod a {
		color: #000000;
		text-decoration: none;
	}

.pickupPoints {
}
	
	.pickupPoints .point {
		width: 180px;
		margin-bottom: 0; 
		padding: 10px; 
		border: 3px solid #eaeaea;
	}

	.pickupPoints .separator {
		width: 10px; 
		height: 10px;
		float: left;
	}

	.pickupPoints .odd {
		background-color: #f5f5f5;
	}

	.pickupPoints .even {
		background-color: #fff;
	}



	table.cart {
		font-size: 12px;
	}

	table.cart small {
		font-size: 11px; 
	}