/*
* Basic styling options for the Ultimate Product Catalogue Plugin. There are general
* settings as well as three catalogue types with their own styles. Additionally,
* there are many classes inserted into the catalogue which aren't used in this file.
*/

/* My customizations to shrink the  display area (less white space) */
/* AS:20160716 */

/************************************************************
*  GENERAL
************************************************************/

/************************************************************
* THUMB IMG
************************************************************/

.upcp-thumb-image-div {
	width: 180px;  /* AS:20160716 */
	height: 180px;  /* AS:20160716 */
	margin: 1px;  /* AS:20160716 */
	text-align: center;
	background: #fafafa;
	display:table;
}
.upcp-thumb-image-div a {
	width: 180px;  /* AS:20160716 */
	height: 180px;   /* AS:20160716 */
	text-align: center;
    display:table-cell;
    vertical-align:middle;
}
div.upcp-thumb-image-div img {
    max-width: 180px;   /* AS:20160716 */
    max-height: 180px;   /* AS:20160716 */
    display: table-cell !important;
    margin: 0 auto;
}
/************************************************************
*  LIST VIEW
************************************************************/

/************************************************************
*  LIST IMG
************************************************************/

/************************************************************
*  DETAILS VIEW
************************************************************/

.upcp-detail-item {
	display: flex;
 	width: 100%;
	border: 0px;
	margin: 2px auto;   /* AS:20160716 */
	min-height: 1.0em;    /* AS:20160716 */
	border-bottom: 2px solid #e0e0FF;  /* AS:20160716 */
}

.upcp-mid-detail-div{
  	float: left;
	width: 50%;
	min-height: 3.5em;   /* AS:20160716 */
	padding: 0px;   /* AS:20160716 */
    border-right: 0px;   /* AS:20160716 */
    border-left: 0px;   /* AS:20160716 */
}

.upcp-end-detail-div {
    float: left;
    width: 15%;
	padding: 0px;    /* AS:20160716 */
}

.upcp-detail-price {
    color: #039cb7;
    float: left;
    font-size: 1.2em;
    width:100%;
    margin-top: 0px;  /* AS:20160716 */
}

/************************************************************
*  DETAILS IMG
************************************************************/

.upcp-detail-image-div {
	display: table;
	width: 35%;   /* AS:20160716 */
	height: 100%;
}
.upcp-detail-image-div a {
	width: 100%;
	height: 10px;   /* AS:20160716 */
	line-height: 0;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

/************************************************************
*  FANCYBOX STYLES
************************************************************/

/************************************************************
*   DEFAULT Product Page Mobile
************************************************************/

/************************************************************
*  PRODUCT PAGES
************************************************************/

/************************************************************
*   CUSTOM PRODUCT PAGES
************************************************************/

/************************************************************
*   TABBED PRODUCT PAGE
************************************************************/

/***************
BACK BUTTON AREA
****************/

/***************
**IMAGES  AREA**
****************/

/****************
PRODUCT NAME AREA
****************/

/***************
**TABBED  AREA**
****************/

/************************Text*************************/