/*
    Document   : cart_thumbnails
    Created on : Jul 11, 2015
    Author     : Karol Heilman
*/

/* Here is the container of the thumbnail */
div.colorizer_cart_cont{
	position:relative !important;
	top:0 !important;
	left:0 !important;
	
	/* Specify thumbnail size with padding for proper centering */
	max-width: 68px !important;
	
}

/* Here you can style base image if necessary */
img.colorizer_cart_base{

}

div.colorizer_cart_crop{
	/* Here you can specify cropping size */
	width: 51px !important;
	height: 51px !important;

	/* Cropping container - position and centering stuff */
	position:absolute !important;
	top: -100% !important;
	bottom: -100% !important;
	left: -100% !important;
	right: -100% !important;
	margin: auto !important;
	padding:0 !important;
	overflow: hidden !important;
	text-align: center;
}

/* Here you can style mask image */
img.colorizer_cart_mask{
	position:absolute !important;
	top: -100% !important;
	bottom: -100% !important;
	left: -100% !important;
	right: -100% !important;
	margin: auto !important;
	padding: 0 !important;
	border: 0 !important;
	overflow: hidden;
	
	width: 50px !important;
}

/* Here is the ajax container of the thumbnail */
div.colorizer_cart_cont_ajax{
	position:relative !important;
	top:0 !important;
	left:0 !important;
	
	/* Specify thumbnail size with padding for proper centering */
	width: 68px !important;
	height: 68px !important;
}

/* Here you can style ajax base image if necessary */
img.colorizer_cart_base_ajax{

}

div.colorizer_cart_crop_ajax{
	/* Here you can specify cropping size */
	width: 51px !important;
	height: 51px !important;

	/* Cropping container - position and centering stuff */
	position:absolute !important;
	top: -100% !important;
	bottom: -100% !important;
	left: -100% !important;
	right: -100% !important;
	margin: auto !important;
	padding:0 !important;
	overflow: hidden !important;
	text-align: center;
}

/* Here you can style ajax mask image */
img.colorizer_cart_mask_ajax{
	position:absolute !important;
	top: -100% !important;
	bottom: -100% !important;
	left: -100% !important;
	right: -100% !important;
	margin: auto !important;
	padding: 0 !important;
	overflow: hidden;
}

/* End of self styling cart thumbnails */