/*v2019*/

.CartCheckoutBlock { display: inline-block; width: 100%; max-width: 600px; text-align: left; margin: 0 auto; }
.CartTable { display: table; width: 100%; }
	.CartHeadRow { display: table-row; }
	.CartRow { display: table-row; }
	.CartRow:hover { background-color: #e8efd0; }
		.CartHeadImage { display: table-cell; vertical-align: middle; padding: 0px 10px 0px 10px; width: 60px; }
		.CartHeadName { display: table-cell; vertical-align: middle; padding: 10px; text-align: left; }
		.CartHeadPrice { display: table-cell; vertical-align: middle; padding: 10px; text-align: right; width: 17%; white-space: nowrap; }
		.CartHeadQuantity { display: table-cell; vertical-align: middle; padding: 10px; text-align: right; width: 17%; white-space: nowrap; }
			.CartQuantityFieldBox { text-align: center; vertical-align: middle; width: 35px; height: 35px; }
			.CartQuantityField { outline: none; background-color: transparent; border: 0px solid transparent; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 16px; width: 100%; text-align: center; vertical-align: middle; }
			.CartQuantityBtn { text-align: center; vertical-align: middle; width: 35px; height: 35px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 14px; cursor: pointer; }
			.CartQuantityBtn:hover { background-color: #FFFFFF; }
		.CartHeadTotal { display: table-cell; vertical-align: middle; padding: 10px; text-align: right; width: 23%; white-space: nowrap; }
		.CartHeadX { display: table-cell; vertical-align: middle; padding: 10px; text-align: right; width: 60px; }
		.CartItemImage { display: table-cell; vertical-align: middle; padding: 0px 10px 0px 10px; width: 60px; height: 60px; cursor: pointer; }
		.CartItemName { display: table-cell; vertical-align: middle; padding: 10px; text-align: left; color: #90a278; cursor: pointer; font-size: 20px; }
			.CartImage { display: inline-block; width: 60px; height: 60px; background-size: contain; background-position: center center; background-repeat: no-repeat; vertical-align: middle; }
		.CartItemPrice { display: table-cell; vertical-align: middle; padding: 10px; text-align: right; width: 17%; font-size: 20px; white-space: nowrap; }
		.CartItemQuantity { display: table-cell; vertical-align: middle; padding: 10px; text-align: right; width: 17%; white-space: nowrap; }
		.CartItemTotal { display: table-cell; vertical-align: middle; padding: 10px; text-align: right; width: 23%; font-size: 20px; color: #90a278; white-space: nowrap; }
		.CartItemX { display: table-cell; vertical-align: middle; text-align: right; padding: 10px; text-align: right; width: 60px; font-size: 34px; color: #90a278; }
.CartSeparator { clear: both; border-bottom: 1px solid #000000; margin: 10px 0px 10px 0px; }
.CartSub { position: relative; overflow: auto; width: 100%; text-align: left; font-size: 20px; }
	.CartSubTotals { float: right; text-align: right; }
		.CartSubTotalsTable { display: table; }
		.CartSubTotalsRow { display: table-row; }
		.CartSubTotalsCaption { display: table-cell; padding: 10px; text-align: right; padding-right: 20px; font-size: 20px; }
		.CartSubTotalsValue { display: table-cell; padding: 10px; text-align: right; color: #90a278; font-size: 20px; white-space: nowrap; }
		.CartSubTotalsX { display: table-cell; padding: 10px; width: 60px; }
	#CartTool { float: left; text-align: left; width: 50%; }
		#CartToolCoupon { display: inline-block; padding: 10px; vertical-align: top; }
			#SubscribeMessage { display: inline-block; color: #90a278; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 16px; }
			#CouponMessage { display: inline-block; color: #90a278; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 16px; }
			.CouponTable { display: table; margin: 0 auto; }
				.CouponRow { display: table-row; }
					.CouponCell { display: table-cell; vertical-align: middle; }
						#CouponCode { font-family: monospace; width: 200px; text-transform: uppercase; margin-bottom: 10px; font-size: 22px; padding: 3px 5px 4px 5px; border: 0px solid transparent; background-color: #eaeaea; color: #000000; outline: none; }
		#CartToolShip { display: block; padding: 10px; vertical-align: top; }
			#ShipMessage { display: inline-block; color: #90a278; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 16px; }
		#CartToolCancel { padding: 10px; vertical-align: top; }
			#CancelMessage { display: inline-block; color: #90a278; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 16px; }

		#CartToolVoucher { display: inline-block; padding: 10px; vertical-align: top; }
			#VoucherMessage { display: inline-block; color: #b79b7e; font-family: open-sans, sans-serif; font-size: 16px; }
			.VoucherTable { display: table; }
				.VoucherRow { display: table-row; }
					.VoucherCell { display: table-cell; vertical-align: middle; padding-top: 5px; }
						#VoucherCode { font-family: monospace; width: 200px; text-transform: uppercase; margin-bottom: 10px; font-size: 22px; padding: 3px 5px 4px 5px; border: 0px solid transparent; background-color: #eaeaea; color: #000000; outline: none; }
		
#GalleryScreen { position: fixed !important; top: 0px; right:0px; bottom: 0px; left: 0px; background-color: #000000; z-index: 1000; opacity: 0; display: none; transition: all 0.2s ease; -webkit-transition: all 1s ease; }
#GalleryFrame { position: fixed !important; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: 0 auto; z-index: 1001; display: none; opacity: 0; text-align: center; overflow: scroll;  transition: all 0.2s ease; -webkit-transition: all 1s ease; }
 #GalleryTable { display: table; width: 100%; height: 100%; margin: 0 auto; }
  #GalleryRow { display: table-row; }
   #GalleryCell { display: table-cell; text-align: center; vertical-align: middle; text-align: center; }
    #GalleryClose { position: fixed; top: 10px; right: 10px; width: 40px; height: 40px; cursor: pointer; z-index: 1002; }
    .GalleryImage { max-width: 95vw; max-height: 95vh; }

#PayPalWait { margin: 0 auto; display: inline-block; width: 26px; height: 26px; line-height: 0px; margin-top: 10px; }
.PayTable { display: table; width: 100%; }
	.PayRow { display: table-row; }
		.PayCell { display: table-cell; width: 50%; position: relative; }
		.PayCellCCEM { display: table-cell; width: 40%; position: relative; padding-right: 10px; }
		.PayCellCCEY { display: table-cell; width: 60%; position: relative; padding-right: 5px; }
.CVVWait { position: absolute; top: 15px; right: 0px; }
	
.ShopQuantity { display: inline-block; background-color: #708357; color: #FFFFFF; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:13px; line-height: 13px; padding: 4px 7px 4px 7px; text-align: center; border-radius: 11px; vertical-align: middle; margin-left: 10px; }
.ShopFeatureBox {
	position: relative;
	max-height: 600px;
	overflow: hidden;
	margin: 0px -30px 0px -30px;
}
.ShopFeatureBox:before{
	content: "";
	display: block;
	padding-top: 54.00%;
}
.ShopFeature {
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #FFFFFF;
	background-size: cover;
	background-position: center center;
	-webkit-transition: background-image 1.0s ease-in-out;
	transition: background-image 1.0s ease-in-out;
}
.ShopImgTable { display: table; width: 100%; }
.ShopImgRow { display: table-row; }
  .ShopImgCell { display: table-cell; width: 500px; height: 600px; vertical-align: top; position: relative; cursor: pointer; transition: all 1s ease; -webkit-transition: all 1s ease; }
   .ShopImg { width: 500px; height: 500px; overflow: hidden; position: absolute; top: 0px; background-image: url(/img/grad-medium-transparent-top-bottom.png); background-size: contain; text-align: center; transition: all 1s ease; -webkit-transition: all 1s ease; }
   #ShopTile { transition: all .3s ease; -webkit-transition: all .3s ease; }
   #ShopImgSelectFrame { position: absolute; top: 500px; transition: all 1s ease; -webkit-transition: all 1s ease; }
    .ShopImgSelectBox { display: inline-block; width: 98px; height: 98px; background-color: #e8efd0; background-size: contain; background-position: center center; opacity: .5; cursor: pointer; border: 1px solid transparent; transition: all .3s ease; -webkit-transition: all .3s ease; }
    .ShopImgSelectBox:hover { background-color: #e8efd0; border: 1px solid #90a278; }
    .ShopImgSelectBox1 { display: inline-block; width: 98px; height: 98px; background-color: #e8efd0; background-size: contain; background-position: center center; cursor: pointer; border: 1px solid #90a278; transition: all .3s ease; -webkit-transition: all .3s ease; }
     .ShopImgSelect { width: 100%; height: 100%; background-size: contain; background-position: center center; background-repeat: no-repeat; }
.ShopInfoCell { display: table-cell; vertical-align: top; padding-left: 30px; text-align: left; }
 .ShopProductSelectTable { display: table; width: 100%; padding: 10px; border: 1px solid transparent; cursor: pointer; }
 .ShopProductSelectTable:hover { border-color: #cfdba9; }
 .ShopProductSelectTable1 { display: table; width: 100%; padding: 10px; border: 1px solid #90a278; cursor: pointer; }
  .ShopProductSelectRow { display: table-row; transform: scale(1); }
   .ShopProductSelectCellImg { display: table-cell; width: 40px; height: 40px; background-size: contain; background-position: center center; background-repeat: no-repeat; vertical-align: middle; margin-top: -3px; }
   .ShopProductSelectCellName { display: table-cell; color: #708357; }
    .ShopProductSelectGift { display: table-cell; text-align: left; font-size: 13px; color: #ffa800; }
   .ShopProductSelectCellPrice { display: table-cell; color: #708357; text-align: right; }
 #ShopControlBox { margin-top: 10px; position: relative; text-align: right; }
  #ShopControl { display: inline-block; vertical-align: middle; text-align: right; margin-bottom: 10px; }
   .ShopButton { display: inline-block; min-width: 100px; text-align: center; padding: 9px 16px 10px 16px; margin-bottom: 10px; background-color: #90a278; color: #FFFFFF; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight: 400; font-size: 16px; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; cursor: pointer; }
   .ShopButton:hover { opacity: 0.6; }
   .ShopButtonMini { display: inline-block; padding: 4px 8px 3px 8px; margin-bottom: 0px; background-color: #90a278; color: #FFFFFF; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight: 400; font-size: 14px; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; cursor: pointer; }
   .ShopButtonMini:hover { opacity: 0.6; }
   #ShopMessage { display: inline-block; padding: 9px 16px 7px 16px; margin-bottom: 10px; color: #90a278; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight: 400; font-size: 16px; text-align: left; }
  .ShopQuantityFieldBox { text-align: center; vertical-align: middle; width: 40px; height: 40px; }
  #ShopQuantityField { outline: none; background-color: #FFFFFF; border: 0px solid transparent; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 14px; width: 100%; text-align: center; vertical-align: middle; }
  .ShopQuantityBtn { text-align: center; vertical-align: middle; width: 40px; height: 40px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 16px; cursor: pointer; }
  .ShopQuantityBtn:hover { background-color: #e8efd0; }
 #ShopReviewBox { margin-top: 10px; position: relative; text-align: right; display: none; font-family: open-sans; font-size: 16px; }
  #ShopReview { text-align: right; }
 #ShopUpdateBox { margin-top: 10px; position: relative; text-align: right; display: none; font-family: open-sans; font-size: 16px; }
  #ShopUpdate { text-align: right; }
.ShopBox { display: inline-block; margin: 4px 4px 20px 4px; width: 100%; max-width: 390px; text-align: center; vertical-align: top; vertical-align: top; }
.ShopOtherFamily { cursor: pointer; border-top: 1px dotted #747474; padding-bottom: 20px; }
 .ShopOtherFamilyGroupImg { display: inline-block; width: 120px; height: 120px; background-position: center bottom; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; background-size: contain; background-repeat: no-repeat; }

/* adjust / */
@media screen and (max-width: 1400px) { 
}
@media screen and (max-width: 1350px) { 
}
@media screen and (max-width: 1300px) { 
}
@media screen and (max-width: 1250px) { 
	.ShopBox { max-width: 350px; }
}
@media screen and (max-width: 1200px) { 
	.ShopImgCell { width: 450px; height: 550px; }
	.ShopImg { width: 450px; height: 450px; }
/* 	.ShopImgNavTable { height: 450px; } */
	#ShopImgSelectFrame { top: 450px; }
	.ShopImgSelectBox { width: 88px; height: 88px; }
	.ShopImgSelectBox1 { width: 88px; height: 88px; }
}
@media screen and (max-width: 1150px) { 
	.ShopBox { max-width: 300px; }
}
@media screen and (max-width: 1100px) { 
	.CartItemName { font-size: 20px; }
	.CartItemPrice { font-size: 20px; }
	.CartItemTotal { font-size: 20px; }
	.CartSubTotalsCaption { font-size: 20px; }
	.CartSubTotalsValue { font-size: 20px; }
}
@media screen and (max-width: 1050px) { 
}
@media screen and (max-width: 1000px) { 
	.ShopImgCell { width: 350px; height: 430px; }
	.ShopImg { width: 350px; height: 350px; }
	/*. ShopImgNav Table { height: 350px; }*/
	#ShopImgSelectFrame { top: 350px; }
	.ShopImgSelectBox { width: 68px; height: 68px; }
	.ShopImgSelectBox1 { width: 68px; height: 68px; }
}
@media screen and (max-width: 950px) { 
}
@media screen and (max-width: 900px) { 
   .ShopProductSelectCellName { font-size: 20px; }
   .ShopProductSelectCellNPrice { font-size: 20px; }
}
@media screen and (max-width: 850px) { 
}
@media screen and (max-width: 800px) { 
	.CartTable { display: block; text-align: center; }
	.CartHeadRow { display: none; }
	.CartRow { display: inline-block; position: relative; width: 400px; padding: 20px; margin-bottom: 10px; border: 1px solid #90a278; }
	.CartRow:hover { background-color: #e8efd0; }
		.CartItemName { display: inline-block; text-align: center; padding: 5px; }
			.CartItemImage { display: inline-block; }
			.CartItemPrice { display: block; width: 100%; text-align: center; padding: 5px; }
			.CartItemQuantity { display: inline-block; width: 126px; text-align: center; overflow: auto; padding: 5px; }
			.CartItemTotal { display: block; width: 100%; text-align: center; padding: 5px; }
			.CartItemX { display: inline-block; position: absolute; top: -10px; right: -5px; }
	#CartToolVoucher { float: none; text-align: left; display: block; text-align: center; width: auto; }
	.CartSub { text-align: center; }
		.CartSubTotals { float: none; text-align: left; display: inline-block; width: auto; }
			.CartSubTotalsTable {  }
			.CartSubTotalsRow { display: table-row; }
			.CartSubTotalsCaption { padding: 5px; width: auto; white-space: nowrap; text-align: left; }
			.CartSubTotalsValue { padding: 5px; width: auto; white-space: nowrap; }
			.CartSubTotalsX { display: none; }
		#CartTool { float: none; text-align: left; display: block; text-align: center; width: auto; }
			#CartToolCoupon { display: block; }
	.ShopImg { width: 500px; height: 500px; position: relative; }
	.ShopImgCell { display: block; width: 500px; height: 600px; margin: 0 auto; }
/* 	.ShopImgNavTable { height: 500px; } */
	.ShopImgRow { display: block; text-align: center; }
	#ShopImgSelectFrame { top: 500px; }
	.ShopImgSelectBox { width: 98px; height: 98px; }
	.ShopImgSelectBox1 { width: 98px; height: 98px; }
	.ShopImgTable { display: block; width: 100%; }
	.ShopInfoCell { display: block; padding-left: 0px; margin: 0 auto; margin-top: 20px; position: relative; }
	.ShopProductSelectCellName { font-size: 20px; }
	.ShopProductSelectCellNPrice { font-size: 20px; }
	.VoucherTable { margin: 0 auto; }
}
@media screen and (max-width: 750px) { 
}
@media screen and (max-width: 700px) { 
}
@media screen and (max-width: 650px) { 
	.ShopBox { max-width: 250px; }
}
@media screen and (max-width: 600px) { 
}
@media screen and (max-width: 550px) { 
	.ShopBox { max-width: 390px; }
	.ShopImgCell { width: 350px; height: 430px; }
	.ShopImg { width: 350px; height: 350px; }
/* 	.ShopImgNavTable { height: 350px; } */
	#ShopImgSelectFrame { top: 350px; }
	.ShopImgSelectBox { width: 68px; height: 68px; }
	.ShopImgSelectBox1 { width: 68px; height: 68px; }
/* 	.ShopInfoCell { top: 70px; } */
}
@media screen and (max-width: 500px) { 
	.CartRow { width: 90%; }
}
@media screen and (max-width: 450px) { 
	.ShopBox { width: 90%; max-width: none; }
	.ShopImgCell { width: 300px; height: 370px; }
	.ShopImg { width: 300px; height: 300px; }
/* 	.ShopImgNavTable { height: 300px; } */
	#ShopImgSelectFrame { top: 300px; }
	.ShopImgSelectBox { width: 58px; height: 58px; }
	.ShopImgSelectBox1 { width: 58px; height: 58px; }
/* 	.ShopInfoCell { top: 60px; } */
	.ShopProductSelectCellName { font-size: 20px; }
	.ShopProductSelectCellNPrice { font-size: 20px; }
}
@media screen and (max-width: 400px) { 
}
@media screen and (max-width: 350px) { 
	.ShopImgCell { width: 250px; 310px; }
	.ShopImg { width: 250px; height: 250px; }
/* 	.ShopImgNavTable { height: 250px; } */
	#ShopImgSelectFrame { top: 250px; }
	.ShopImgSelectBox { width: 48px; height: 48px; }
	.ShopImgSelectBox1 { width: 48px; height: 48px; }
/* 	.ShopInfoCell { top: 50px; } */
	.ShopProductSelectCellName { font-size: 16px; }
	.ShopProductSelectCellNPrice { font-size: 16px; }
}
@media screen and (max-width: 300px) { 
}
/* adjust \ */