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

#shop_ControlStepItem {
	margin: 30px 0 0 0;
	height: 36px;
}

	#shop_ControlStepItem a {
		text-decoration: none;
	}

	#shop_ControlStepItem .stepItem {
		display: block;
		width: 100%;
		height: 36px;
		float: left;
		margin: 0;
		cursor: pointer;
		border: 0 solid #fff;
		background-color: #f7f7f7;
		
		color: #1d191c;
		text-align: center;
		line-height: 36px
	}

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

	#shop_ControlStepItem .separator {
		width: 10px;
		height: 36px;
		float: left; 
		/* background: url('images/stepitemseparator.gif') -130px 0 no-repeat; */
		position: relative;
		background: #F7F7F7
	}

	#shop_ControlStepItem .separator:before
	{
		border-color: transparent transparent transparent rgb(200, 200, 200);
	    border-style: solid;
	    border-width: 18px 18px 18px 9px;
	    content: "";
	    height: 0;
	    margin-top: -18px;
	    position: absolute;
	    top: 50%;
	    width: 0;	
	}

	#shop_ControlStepItem .separator:after
	{
		border-color: transparent transparent transparent #F7F7F7;
	    border-style: solid;
	    border-width: 16px 16px 16px 8px;
	    content: "";
	    height: 0;
	    margin-top: -16px;
	    position: absolute;
	    top: 50%;
	    width: 0;
	}
		
	#shop_ControlStepItem .stepItemDisabled {
		background: #f7f7f7

		color: #1d191c;
	}

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

		color: #1d191c;
	}

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

	#shop_ControlStepItem .stepItemHigh {
		color: #FFF;

		background: black;
		font-weight: bold;
	}

	#shop_ControlStepItem .separatorHigh {
		/* background: url('images/stepitemseparator.gif') -110px 0 no-repeat; */
		background: #F7F7F7;
	}

	#shop_ControlStepItem .separatorHigh:before,
	#shop_ControlStepItem .separatorHigh:after,
	#shop_ControlStepItem .separatorHigh5:before,
	#shop_ControlStepItem .separatorHigh5:after
	{
		border-color: transparent transparent transparent black;
	}
	
	#shop_ControlStepItem .separatorHigh5 {
		/* background: url('images/stepitemseparator.gif') -110px 0 no-repeat; */
	}
	
	#shop_ControlStepItem .separatorHighLeft {
		/* background: url('images/stepitemseparator.gif') -30px 0 no-repeat; */
		background: black
	}

	#shop_ControlStepItem .separatorHighLeft:before,
	#shop_ControlStepItem .separatorHighLeft:after
	{
		border-color: transparent transparent transparent #F7F7F7;
	}
	
	#shop_ControlStepItem .separatorHighLeftRelaunch {
		/* background: url('images/stepitemseparator.gif') -90px 0 no-repeat; */
	}

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

	#shop_ControlStepItem .stepItemPassed {
		background: #f7f7f7;
		color: #1d191c;
	}

	#shop_ControlStepItem .stepItemPassed:hover{}

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

#shop_ControlShoppingCart {
	display: block;
	height: 24px;
	padding: 0;
	margin: 5px 0 0 0;
	float: left;

	font-size: 10px;
	line-height: 10px;
	color: #950042;
	text-shadow: none;
	text-transform: uppercase;
}

	#shop_ControlShoppingCart a.panier {
		display: block;
		width: 24px;
		height: 24px;
		margin: 0 5px 0 0;
		background: url('images/panier.jpg') 0 0 no-repeat;
	}

		#shop_ControlShoppingCart a.panier:hover {
			background-position: 0 -24px;
		}

	#shop_ControlShoppingCart a {
		color: #950042;
		text-shadow: none;
	}

	#shop_ControlShoppingCart small {
		text-transform: none;
	}

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

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

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

#shop_PopShoppingCart .content {
	width: 400px;
}

	#shop_PopShoppingCart .content .btnContinue,
	#shop_PopShoppingCart .content .btnOrder {
		display: block;
		width: 45%;
		padding: 10px;

		font-size: 17px;
		font-style: italic;
		text-align: center;
	}

	#shop_PopShoppingCart .content .btnContinue {
		float: left;
		background-color: #f7f7f7;
		color: #444444;
	}

	#shop_PopShoppingCart .content .btnOrder {
		float: right;
		background-color: #242323;

		-webkit-transition: 0.25s linear;
		transition: 0.25s linear;

		color: #fff;
	}

	#shop_PopShoppingCart .content .btnContinue:hover {
		color: #242323;
	}

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

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

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

#shop_CustomerArea,
.viewOrder {
	padding: 1px 0 0 0;
}

	#shop_CustomerArea h3 {}

	#shop_CustomerArea .two-columns .column {
		width: 460px!important;
	}

	#shop_CustomerArea .two-columns .column .cadre {
		padding: 20px 30px;
		height: 100px
	}

	#shop_CustomerArea .cadre.CodeParrainage {
		text-align: center;
	}

	#shop_CustomerArea .block {
		display: block;
		width: 134px;
		height: 100px;
		padding: 40px 50px;
		margin: 0 1px 1px 0;
		float: left;
		background-color: #fff;

		text-align: center;
	}

 	#shop_CustomerArea .block span.ico {
		display: block;
		width: 60px;
		height: 60px;
		margin: 0 auto 5px auto;
		background-color: #fff;
		border: 1px solid #dedede;

		color: #242323;
		font-size: 30px;
		line-height: 59px;
	}

	#shop_CustomerArea .blockHover {
		background-color: #242323;
	}

	#shop_CustomerArea .blockHover a {
		color: #fff;
	}

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

		font-size: 16px;
		text-decoration: none;
	}

	#shop_CustomerArea .block .text {
		font-size: 14px;
		color: #818181;
	}

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

	#shop_CustomerArea .btnLogoff,
	.btn.icon-chevron-left  {	
		position: absolute;
		top: 25px;
		right: 0;

		font-size: 18px;
		text-decoration: none;
	}

	.btn.icon-user {
		display: block;
		padding: 10px 20px;

		cursor: pointer;
		position: relative;
		top: 25px;

		font-weight: bold;
		font-size: 14px;

		text-decoration: none;
	}

	.btn.icon-user:before {
		margin: 0 15px 0 5px;
	}

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

#shop_AddressList {}

	#shop_AddressList .cadre {
		width: 243px;
		height: 170px;
		margin: 0 0 10px 0;
		position: relative;
	}

	#shop_AddressList .cadre .tools {
		position: absolute;
		bottom: 10px;
	}

	#shop_AddressList .cadre .tools span {
		width: 28px;
		height: 28px;
		display: inline-block;
		background-color: #242323;
		border-radius: 100%;
		font-size: 14px;
		font-weight: bold;
		line-height: 28px;
		text-align: center;
		color: #fff;
	}
	#shop_AddressList .cadre .tools span:hover { background-color: #1D191C; }

	#shop_AddressList .cadre .tools span.icon-edit {
		width: 24px;
		padding: 0 0 0 4px;
	}

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

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

#shop_orderStepPagination {}

	#shop_orderStepPagination a {
		padding: 10px 20px;
		border: none;
		background-color: #d3254a;
		cursor: pointer;

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


	#shop_orderStepPagination .leftSide {
		float: left;
	}

		#shop_orderStepPagination .leftSide .btn {
			display: block;
		}

	#shop_orderStepPagination .rightSide {
		float: right;
		width: 350px;
	}

		#shop_orderStepPagination .rightSide .btn {
			float: right;
		}

#shop_orderStepPagination .expressOrder {
	float: right;
}

#shop_orderStepPagination .expressOrder .btn_express 
{
	border-radius: 6px;
}

#shop_orderStepPagination .rightSide .expressOrder .btn {
    display: inline-block;
    float: right;
    font-style: italic;
    font-weight: bold;
    margin: 0 0 0 10px;
}

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


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

.panelListSponsoringActivities {
}

.btnSeeAllSponsoringActivities {
	display: block;
	float: right;
	padding: 3px 6px;
	background-color: #2b2b2b;
	border: none;
	cursor: pointer;

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

	color: #ffffff;
	font-size: 8px;
	text-transform: uppercase;
	text-shadow: 0px 1px 0px #008c98;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
	background: #d3254a;
}

.btnSeeAllSponsoringActivities:hover {
	color: #d3254a;
	text-shadow: 0px 1px 0px #63bec8;

	background: #1fb4c8;
}

.radioButtonList.godfather {
	margin-bottom: 0px;
	margin-right: 20px;
    padding: 16px 20px;
    border: 1px solid #e5e5e5;
    color: #1e1e1e;
    border-radius: 5px;
    background-color: #fff;
}

	.radioButtonList.godfather a {
		margin-top: 10px;
		margin-left: 10px;
	}

	.radioButtonList.godfather a img {
		width: 26px;
		height: 26px;
	}