@charset "utf-8";

/* global css for MagicZoom*/
/* CSS class for zoomed area */
.MagicZoomBigImageCont {
	background:#FFF;
	border-radius:0;
	overflow:hidden;
	box-shadow:none;
}

.MagicZoomMain {
	text-align: center !important;
	width: 92px;
}

.MagicZoomMain div {
	padding: 0px !important;
}

/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {
	font:			10px Tahoma, Verdana, Arial, sans-serif;
	color:			#fff;
	background:		#91b817;
	text-align:     center !important; 
}


/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
	background:url(../images/inc/zoom.png) repeat;
}

/* CSS style for loading animation box */
.MagicZoomLoading {
	text-align:		center;
	background: 	#ffffff;
	color:			#6e6e73;
	border: 		1px solid #d2d2d7;
	border-radius:	10px;
	opacity:		0.8;
	padding:		3px 3px 3px 3px !important;
	display: 		none; /* do not edit this line please */
}

/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
	padding-top:	3px !important;
}

/* tsShopContainer */
#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{width:402px;margin:0 auto;position:relative;}
#tsShopContainer #tsImgS{text-align:center;position:relative;border:none;border-radius:0;overflow:hidden;background-color:#f5f5f7;}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0 auto;}
#tsShopContainer #tsImgS img{border:0px;}
#tsShopContainer #tsPicContainer{width:100%;height:60px;position:relative;margin-top:14px;}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:17px;height:100%;position:absolute;top:0px;left:0;cursor:pointer; line-height: 60px; text-align: center; background-color: #f5f5f7; color: #6e6e73; border-radius: 8px; transition: background-color .3s ease;}
#tsShopContainer #tsPicContainer #tsImgSArrL:hover{background-color:#e8e8ed;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:17px;height:100%;position:absolute;top:0px;right:0;cursor:pointer;line-height: 60px; text-align: center; background-color: #f5f5f7; color: #6e6e73; border-radius: 8px; transition: background-color .3s ease;}
#tsShopContainer #tsPicContainer #tsImgSArrR:hover{background-color:#e8e8ed;}
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:0;left:26px;min-width:1px;height:60px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:70px;float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{padding:0;border:1px solid #e8e8ed;display:block;width:56px;height:56px;margin:0 auto;padding:1px;border-radius:10px;transition:border-color .3s ease;}
#tsShopContainer #tsPicContainer #tsImgSCon li:hover img{border-color:#b9b9c0;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border:2px solid #0071e3;padding:0;}
#tsShopContainer #tsPicContainer #tsImgSArrL i,
#tsShopContainer #tsPicContainer #tsImgSArrR i{
	font-size: 14px;
}