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

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

#shop_ControlStepItem {
	height: 26px;
}

	#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: url('images/bg_stepitem.gif') 0 0 repeat-x;

		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: #bbbbbb;		
	}

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

		color: #949494;
	}

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

	#shop_ControlStepItem .stepItemHigh {
		background: url('images/bg_stepitem-high.gif') 0 0 repeat-x;

		color: #ffffff;
	}

	#shop_ControlStepItem .stepItemHigh:hover {
		background-color:#e5037f;
	}

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

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

	#shop_ControlStepItem .stepItemPassed {
		background: url('images/bg_stepitem-passed.gif') 0 0 repeat-x;

		color: #fff;		
	}

	#shop_ControlStepItem .stepItemPassed:hover{
	}

/* Controls > Shopping Cart
-------------------------------------------------------------- */

#shop_ControlShoppingCart {
	width: 410px;
	height: 23px;
	padding: 12px 0 0 10px;
	float: left;

	font-size: 10px;
	text-transform: uppercase;
}

	#shop_ControlShoppingCart small {
		text-transform: none;
	}

	/*#shop_ControlShoppingCart h3 {
		margin-bottom:6px;
	}

	#shop_ControlShoppingCart a {
		color:#665953;
	}

	#shop_ControlShoppingCart a:hover {
		color:#ff8021;
	}

	#shop_ControlShoppingCart .btnOrder,
	#shop_ControlShoppingCart .btnViewShoppingCart {
		width:140px;
		height:17px;
		display:block;
		padding-top:1px;
		text-align:center;
		font-size:11px;
		color:#ffffff;
		background:url('images/bg_btn_shoppingcart.gif') 0px 0px repeat-x;
		cursor:pointer;
	}

	#shop_ControlShoppingCart .btnOrder:hover,
	#shop_ControlShoppingCart .btnViewShoppingCart:hover {
		background-position:0px bottom;
	}

/* 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 {}

	#shop_ControlBestSales h2 {
		width: 171px;
		height: 20px;
		margin: 0px;
		padding: 6px 0px 0px 10px;
		background-color: #e5037f;
		
		font-size: 11px;
		color: #ffffff;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 0px;
	}

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

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

#shop_PopShoppingCart {
	width: 400px;
}

#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: #e5037f;
	}

	#shop_PopShoppingCart .content .btnOrder {
		width: 45%;
		display: block;
		float: right;
		padding: 7px 5px;
		background-color: #e5037f;
		
		color: #ffffff;
		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') 0px 0px no-repeat;
			cursor: pointer;
		}

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

				font-size: 0px;
			}

			#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: #e5037f;
				font-weight: bold;
			}

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

#shop_CustomerArea{
}

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

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

	#shop_CustomerArea .block {
		display: block;
		width: 203px;
		height: 103px;
		float: left;
		padding: 10px 15px 0 10px;
		margin: 0 3px 10px 5px;
		background: url('images/bg_block.jpg') 0 0 no-repeat;

		color: #2b2b2b;
		text-decoration: none;
	}

	#shop_CustomerArea .blockHover {
		background: url('images/bg_block_hover.jpg') 0 0 no-repeat;
		color: white;
	}

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

		color: #f35316;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
	}

	#shop_CustomerArea .blockHover a {
		color: white;
	}

	#shop_CustomerArea .blockUserInfo {}
	#shop_CustomerArea .blockAddressBook {}
	#shop_CustomerArea .blockBestSales {}
	#shop_CustomerArea .blockCustomerPoints {}
	#shop_CustomerArea .blockOrders {}
	#shop_CustomerArea .blockWishList {}
	#shop_CustomerArea .blockNewsletter {}

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

	#shop_CustomerArea .btnLogOff {		
		display: block;
		height: 15px;
		width: 100px;
		float: right;

		padding: 2px 0px 0px 0px;
		background: url('images/btn_logoff.gif') top no-repeat #f46219;
		cursor: pointer;

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

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

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

		color: #ffffff;
	}

	.btnGoBack {
		display: block;
		height: 15px;
		width: 170px;
		float: right;

		padding: 2px 0px 0px 0px;
		background: url('images/btn_goback.gif') top no-repeat #f46219;
		cursor: pointer;

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

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

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

		color: #ffffff;
	}

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

#shop_CustomerArea_CustomerLink {
}

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

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

	#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 #2b2b2b;
		background-color: #2b2b2b;
		cursor: pointer;

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

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

	#shop_orderStepPagination .paginationLeft {
		float: left;
	}

		#shop_orderStepPagination .paginationLeft .btn {}

	#shop_orderStepPagination .paginationRight {
		float: right;
	}

		#shop_orderStepPagination .paginationRight .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: 0px; 
		padding: 10px; 
		border: 3px solid #eaeaea;
	}

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

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

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