#commons_header_caddie_preview
{
	display:				none;
}
/*
#commons_header_caddie:hover #commons_header_caddie_preview
{
	display:				block;
}
*/

#commons_header_caddie_preview
{
	position: 			absolute;
	z-index: 			10000;
	margin-top:			3px;
	right: 				0;
	background-color: 	#fff;
	padding: 			10px;
	width: 				320px;
	box-shadow: 		1px 1px 6px rgba(0,0,0,.6);
	
}
#commons_header_caddie span
{
	cursor: 			pointer;
}
#commons_header_caddie:hover
{
	text-decoration: 	underline;
}

#commons_header a#commons_header_caddie_preview_button:link,
#commons_header a#commons_header_caddie_preview_button:hover,
#commons_header a#commons_header_caddie_preview_button:active,
#commons_header a#commons_header_caddie_preview_button:visited
{
	display: 				block;
	text-transform: 		uppercase;
	background-color: 		#CD3C43;
	color: 					#fff;
	font-weight: 			700;
	font-size: 				10pt;
	padding: 				10px 0;
	text-align: 			center;
	margin: 				0;
	text-decoration: 		none;
	-webkit-transition:		all .2s ease-out;
	-moz-transition:		all .2s ease-out;
	-o-transition:			all .2s ease-out;
	transition:				all .2s ease-out;
}

#commons_header_caddie_preview_total
{
	text-align: 			center;
	color: 					#888;
	background-color: 		#f3f3f3;
	padding: 				10px 10px;
	font-size: 				14pt;
	text-transform: 		none;
	text-align: 			left;
}
	#commons_header_caddie_preview_total span
	{
		font-weight: 		bold;
		float: 				right;
	}

/**********************************
 * Basket Preview > Items
 **********************************/
.basket_preview_item:link,
.basket_preview_item:hover,
.basket_preview_item:active,
.basket_preview_item:visited
{
	display: 				block;
	padding: 				10px 5px;
	border-bottom: 			1px dotted #ccc;
	text-decoration: 		none;
}

.basket_preview_item::after
{
	display: 			block;
	content: 			" ";
	clear: 				both;
}
	.basket_preview_item .basket_preview_item_image
	{
		float: 				left;
		width: 				20%;
		text-align: 		center;
	}
	.basket_preview_item .basket_preview_item_image img
	{
		max-width: 			100%;
	}
	.basket_preview_item .basket_preview_item_name
	{
		float: 				left;
		color: 				#222;
		font-size: 			10pt;
		line-height: 		10pt;
		text-transform: 	uppercase;
		margin-top: 		5px;
		padding-left: 		10px;
		width: 				45%;
	}
	.basket_preview_item .basket_preview_item_name strong
	{
		font-weight: 		500;
		color: 				#888;
		display: 			block;
	}
	.basket_preview_item .basket_preview_item_price
	{
		float: 				right;
		font-size: 			12pt;
		color: 				#888;
		width: 				22%;
		padding-right: 		20px;
		text-align: 		right;
		margin-top: 		5px;
	}
	.basket_preview_item .basket_preview_item_qty
	{
		float: 				left;
		width: 				5%;
		text-transform: 	none;
		margin-top: 		10px;
	}
	.basket_preview_item .basket_preview_item_total
	{
		display: 			none;
	}

	


/**********************************
 * Responsive
 **********************************/
 
 @media only screen /* Tablette */ 
 and (max-width : 1000px) 
 {	
 	#commons_header_caddie_preview
	{
		margin-top: 		23px;
	}
 }
 
 @media only screen /* Smartphone */ 
 and (max-width : 700px) 
 {
	#commons_header_caddie_preview
	{
		position: 			fixed;
		z-index: 			10000;
		right: 				0;
		left: 				0;
		width: 				100%;
		max-height: 		450px;
		overflow-y:			auto;
	}
 }