/* --------------------------------------------------
Category page
-------------------------------------------------- */

.thumb {
	width: 219px;
	height: 219px;
	margin-bottom: 70px; 
	cursor: pointer;
	margin-top:6px; 
	display:inline-block;
	*display: inline;
	background-size: 100%;
	position:relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/graphics/loading.gif);
}
.thumbx2 {
	width: 448px;
	height: 448px;
	cursor: pointer;
	margin-top:6px; 
	display:inline-block;
	*display: inline;
	background-size: 100%;
	position:relative;
}
.thumbx1 {
	width: 904px;
	height: 904px;
	cursor: pointer;
	margin-top:6px; 
	display:inline-block;
	*display: inline;
	background-size: 100%;
	position:relative;
}
.thumbBelow {
	width: 219px;
	height: 45px;
	cursor: pointer;
	margin-top:10px; 
	display:inline-block;
	*display: inline;
	zoom: 1;
	position:relative; 
}
.thumbBelowx2 {
	height: 135px;
	cursor: pointer;
	font-size: 28px;
	margin:-5px 0 6px 0; 
	padding: 20px 20px 0px 20px;
	display:inline-block;
	position:relative; 
	float: left;
	background: #fff;
	color: #fff;
	opacity: 0;
}
.thumbBelowx1 {
	cursor: pointer;
	font-size: 40px;
	margin:-5px 0 -80px 0; 
	padding: 20px 20px 0px 20px;
	display:inline-block;
	position:relative; 
	float: left;
	background: #fff;
	color: #fff;
	opacity: 0;
}
.thumbCenter {
	width: 400px;
	height: 448px;
	padding: 0 24px;
	line-height: 448px;
	cursor: pointer;
	top: 0px;
	left:0;
	overflow: hidden;
	font-size: 22px;
	text-align: center;
	position:absolute; 
	color: #fff;
}
.gridImg {
	width: 219px; height: 219px; 
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/graphics/loading.gif);
}
.gridImgx2 {
	width: 448px; height: 448px; 
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/graphics/loading.gif);
}
.gridImgx1 {
	width: 904px; height: 904px; 
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/graphics/loading.gif);
}
.bubble {
	//background-image:url('../images/elements/thumbFade.png'); 
	height: 60px; width: 209px; margin-top:70px;
	padding: 8px 0 0 10px; font-size: 12px; 
	position: absolute; color: #000; opacity: 1;
	
}

.salePrice {
	color: #ff0000;
	display: inline-block;
	font-size: 16px; font-family: lolerBold;
}
.saleOldPriceContainer {

}
.saleOldPrice {
	font-family: loler;
	display: inline-block;
}
.strikePrice {
	border-bottom: 0.125em solid #000;
  	content: "";
 	margin-top: calc(0.05em / 2 * -1);
	position: absolute;
 	right: 0;
 	top: 50%;
}
.bubblePrice {
	font-size: 16px; font-family: lolerBold;
	display:inline-block; margin: 0;
	*display: inline;
}
.bubblePricex2 {
	font-size: 32px; font-family: lolerBold; 
	display:inline-block; margin: 6px 0 0 0;
	*display: inline; color: #000;
}
.bubblePricex1 {
	font-size: 40px; font-family: lolerBold; 
	display:inline-block; margin: 6px 0 0 0;
	*display: inline; color: #000;
}
.x2titleBelow{
	position: absolute;
	margin: 0; padding: 0;  top: 15px;
	width:90%; height: 90%; color: #000;
}
.thumb-tab {
	width: 56px;
	height: 56px;
	top: 0px; left: -3px;
	cursor: pointer;
	background-image:url('../images/elements/thumb-tab.png');
	display:inline-block;
	*display: inline;
	zoom: 1;
	opacity: 0;
	position:absolute;
}
.thumbInfo {
	font-size: 12px;
	font-family: lolerBold;
	margin: 8px 0 0 10px;
}