/********************************** Shop ******************************************/
INPUT.shopButton			{cursor:pointer;}
DIV#ctlProductsMsg			{position:fixed !important; top:200px !important; border:#666 1px solid; box-shadow:5px 5px 10px rgba(0,0,0,0.6);} /* popup after click button */
DIV#ctlProductsMsg TABLE	{}
TABLE.BodyCashBox			{margin-top:20px;}


TABLE.sectionTitle		{width:100%;}
TD.sectionTitle			{background-color:#369ce2; color:#ffffff; font-weight:bold; padding:5px 5px 3px 5px; text-align:center;}

TABLE.sectionBalance							{width:100%; margin-bottom:20px;}
TR.BalanceHeader TD								{}
TR.BalanceHeader TH								{font-size:1.5rem; line-height:115%;}
TABLE.sectionBalance INPUT.input				{padding:0px; text-align:center;}
TABLE.sectionBalance INPUT.button				{font-size:12px; padding:0px 5px 2px 5px; font-size:1.2rem;}
TABLE.sectionBalance TD.shop-full INPUT.button	{font-size:1.5rem; padding:0px 20px 2px 20px;}

TABLE.sectionBalance TR:nth-child(even)		{background-color:#eee;}
TABLE.sectionBalance TR:nth-child(odd)		{background-color:#e4e4e4;}
TABLE.sectionBalance TH:nth-child(even)		{background-color:rgba(255,255,255,0.4);}
TABLE.sectionBalance TD:nth-child(even)		{background-color:rgba(255,255,255,0.4);}
TABLE.sectionBalance TD:nth-child(odd)		{}
TABLE.sectionBalance TD.shop-full			{background-color:#fff !important;}

@media screen and (max-width: 600px) {
	TR.BalanceHeader TH					{white-space:normal !important;}
}

@media screen and (max-width: 480px) {
	TABLE.sectionBalance				{font-size:13px; line-height:15px;}
	TABLE.sectionBalance TD.shop-full	{font-size:15px; line-height:17px;}
	TR.BalanceHeader TH					{font-size:12px;}
	TABLE.sectionBalance INPUT.button	{font-size:12px;}
	TABLE.sectionBalance TD.shop-full INPUT.button	{font-size:15px; margin-bottom:10px;}
	TABLE.sectionBalance TD.shop-full LABEL			{display:inline;}
}

.customerFieldRequired	{color:#CC1313; font-weight:bold; font-size:1.5rem; vertical-align:middle; width:220px;}
.customerField			{font-weight:bold; font-size:1.5rem; vertical-align:middle; width:220px;}
.customerValue			{font-weight:normal; font-size:1.5rem; vertical-align:middle; width:244px;}
INPUT.option			{border-width:0px; vertical-align:middle; background-color:transparent;}
INPUT.customer			{width:218px;}
TEXTAREA.customer		{width:218px; height:50px;}
INPUT.CustomerDefault	{width:218px;}
SELECT.customer			{width:218px;}
SELECT.card				{width:50px;}

TABLE.border			{background-color:#808080; width:100%;}

TD.PaymentTab		{padding:8px; font-size:1.5rem; color:#101010; background-color:#f4f8fa;}
TD.PaymentTab INPUT[type="radio"]		{margin:10px 4px 0px 4px;}
TD.PaymentTabOn		{}

SELECT.shipping		{}
@media screen and (max-width: 768px) {
	SELECT.shipping		{max-width:260px;}
}
@media screen and (max-width: 560px) {
	SELECT.shipping		{max-width:200px;}
}
@media screen and (max-width: 480px) {
	SELECT.shipping		{width:160px; font-size:1.2rem;}
}
@media screen and (max-width: 360px) {
	SELECT.shipping		{width:120px;}
}



/********************************** Articles Prices Display ******************************************/

DIV.HorizontalPricesContainer	{margin-top:15px; /*width:100%;*/ display:table; padding:10px; box-shadow:0 0 10px #aaa; background:rgba(0,0,0,0.05); box-sizing:border-box;}

DIV.HorizontalPricesLine	{}

DIV.HorizontalMarketPrice			{text-align:center; margin:5px 5px 0px 5px; color:#000000; font-weight:normal; font-size:1.5rem;}
DIV.HorizontalOurPrice				{text-align:center; margin:5px 5px 0px 5px; color:#ff0000; font-weight:bold; font-size:1.5rem;}
DIV.HorizontalYouSave				{text-align:center; margin:5px 5px 0px 5px; color:#000000; font-weight:normal; font-size:1.5rem;}

DIV.HorizontalPriceDescription		{font-weight:normal; font-size:1.3rem; display:block; padding:3px 5px 3px 5px; color:#101010;}

DIV.HorizontalAddToCart				{margin:0px 5px 0px 5px;}


DIV.VerticalPricesContainer			{margin: 15px auto 0px auto;  width:100%;  display:table; padding:10px; box-shadow:0 0 10px #aaa; background:rgba(0,0,0,0.05); box-sizing:border-box;} 
DIV.VerticalMarketPrice				{text-align:center; color:#000000; font-weight:normal; font-size:1.5rem; margin:5px 2px 5px 2px;}
DIV.VerticalOurPrice				{text-align:center; color:#ff0000; font-weight:bold; font-size:1.5rem; margin:5px 2px 5px 2px;}
DIV.VerticalYouSave					{text-align:center; color:#000000; font-weight:normal; font-size:1.5rem; margin:5px 2px 5px 2px;}

DIV.VerticalPriceDescription		{font-weight:normal; text-align:center; font-size:1.3rem; display:block; padding:0px 5px 0px 5px; color:#101010;}

DIV.VerticalAddToCart				{margin-top:7px; text-align:center;}


@media screen and (max-width: 980px) and (min-width: 769px)	{
}

/** last item - if odd - display long in window 480-768 (2 items in line) **/
@media screen and (min-width: 481px) and (max-width: 768px) {
	.ArticlesGalleryMatrixItemLastOdd DIV.VerticalPricesContainer		{height:auto !important; display:inline-block;}
	.ArticlesGalleryMatrixItemLastOdd DIV.VerticalMarketPrice			{float:right; margin:5px 10px 5px 10px;}
	.ArticlesGalleryMatrixItemLastOdd DIV.VerticalOurPrice				{float:right; margin:5px 10px 5px 10px;;}
	.ArticlesGalleryMatrixItemLastOdd DIV.VerticalYouSave				{float:right; margin:5px 10px 5px 10px;}
	.ArticlesGalleryMatrixItemLastOdd DIV.VerticalPriceDescription		{float:right; margin:8px 10px 5px 10px;}
	.ArticlesGalleryMatrixItemLastOdd DIV.VerticalAddToCart				{float:left; margin:5px 10px 5px 10px;}
}

@media screen and (max-width: 480px)	{
	DIV.HorizontalPricesContainer		{text-align:center; margin-right:auto; margin-left:auto; min-width:200px;}
	DIV.VerticalPricesContainer			{min-width:200px; width:auto;}
	DIV.HorizontalPricesLine			{text-align:center; margin:0px auto;}
	DIV.HorizontalMarketPrice			{float:none !important; margin:0px auto 10px auto;}
	DIV.HorizontalOurPrice				{float:none !important; margin:0px auto 10px auto;}
	DIV.HorizontalYouSave				{float:none !important; margin:0px auto 10px auto;}
	DIV.HorizontalAddToCart				{float:none !important; margin:0px auto;}
}