/* css */
/* MOCAP */
:root {
	--mcp-mcpred-dark: #3e0b16;  	
	--mcp-mcpred-solid: #961935;  	/* MOCAP logo Red */
	--mcp-mcpred-light: #ffeaea;  	/* Lighter color */
	--mcp-mcpred-hicolor: #FFF9BF;	/* MCP=Yellowish, CLT=Same*/


	--mcp-mcpblue-dark: #061030;	/* Darker (link) --mcp-mcpblue-fdcolor */
	--mcp-mcpblue-solid: #18274E;   /* #2e3a5e #303D61 #2a3556 --mcp-mbar-bgcolor --mcp-mcpblue-fgcolor:*/
	--mcp-mcpblue-light: #DCE4F7; /* --mcp-mcpblue-bgcolor */
	--mcp-mcpblue-hicolor: #E8F0FF;	/* MCP=Yellowish, CLT=Blueish*/
	
	--mcp-mcpgray-dark: #1C1C1C;
	--mcp-mcpgray-solid: #4C4C4C; 
	--mcp-mcpgray-light: #CCC; 	 
	
	--mcp-mcpgreen-fgcolor: #106d2e; 	/* #036f25 */
	--mcp-trans: #00000000;
}
:root.theme_default{	
		color-scheme: only light;

	/* Menu bar, headers */
	--mcp-mbar-fgcolor: #F4F4F4;
	--mcp-mbar-hicolor: var(--mcp-mcpblue-hicolor);	/* MCP=Yellowish, CLT=Blueish*/
	--mcp-mbar-bgcolor: var(--mcp-mcpblue-solid);
	--mcp-mbar-b2color: var(--mcp-mcpblue-solid); /* --mcp-imglite-bgcolor */
	--mcp-mbar-bicolor: var(--mcp-mcpblue-light);
	--mcp-mbar-bordcolor: rgba(64,64,72,0.25);	/* see layout */
	--mcp-mbar-icon1-shadow: 1px 1px 1px rgba(10,10,10,0.90) inset;
	--mcp-mbar-icon2-shadow: 0px 0px 0px 1px, rgba(146, 146, 146, 0.666);
	--mcp-mbar-icon1-opacity: 1.0;
	--mcp-mbar-icon2-opacity: 1.0;
	
	/* BASE */
	--mcp-body-bgcolor: #DCDCDD;

	--mcp-def-solidcolor: #000000;
	--mcp-def-all3color: #333;
	--mcp-def-all5color: #555;
	--mcp-def-mid1color: #777777;
	--mcp-def-halfcolor: #808080;
	--mcp-def-mid2color: #888888;
	--mcp-def-allacolor: #AAA;
	--mcp-def-allccolor: #CCC;
	--mcp-def-emptycolor: #FFFFFF;
	--mcp-def-fgcolor: #202021;
	--mcp-def-fdcolor: #444; 	/* Slightly darker font */
	--mcp-def-bgcolor: #FFF;
	--mcp-def-bdcolor: var(--mcp-body-bgcolor);
	
	--mcp-def-bordcolor: rgba(0,0,8,0.334);
	--mcp-def-dark-tran: rgba(0,0,0,0.25);
	--mcp-def-lite-tran: rgba(255,255,255,0.25);
	--mcp-def-bordlight: rgba(64,64,72,0.225);
	--mcp-def-alinkcolor: rgba(43, 56, 90, 0.940);
	--mcp-def-hlinkcolor: #036f25; /* rgba(43, 56, 90, 1.000); */	/* Hover */

	--mcp-light-fgcolor: #4D4E5A;
	--mcp-light-fdcolor: #3e3e46;
	--mcp-light-bgcolor: #f8f8f8;
	--mcp-light-bordcolor: rgba(128,128,128,0.123);

	--mcp-dim-fgcolor: #666;
	--mcp-dim-fdcolor: #333;  	/* Slightly darker font */
	--mcp-dim-bgcolor: #e9e8e8;
	--mcp-dim-bdcolor: #d9d8d8;
	--mcp-dim-bordcolor: rgba(128,128,128,0.334); 

	--mcp-dark-fgcolor: #959595;
	--mcp-dark-bgcolor: #2c2c2c;
	--mcp-dark-bordcolor: rgba(85,85,85,0.96);



	--mcp-info-fgcolor: var(--mcp-def-fgcolor);
	--mcp-info-bgcolor: #f0f0f280;   /* Grey */
	--mcp-info-bordcolor: rgba(0,0,0,0.33);

	--mcp-warn-fgcolor: #841624;		/* Red #961935; */
	--mcp-warn-bgcolor: #FFFFAF;	/* Yellow #FFB; */
	--mcp-warn-bordcolor: #2c1f1f80;

	--mcp-hilite-fgcolor: #333;
	--mcp-hilite-bgcolor: rgba(255, 253, 185, 0.8);
	--mcp-hilite-bordcolor: rgba(0,0,0,.25);

	--mcp-grnlite-fgcolor: #303230;
	--mcp-grnlite-bgcolor: #b2e696;
	--mcp-grnlite-bdcolor: #b2e696;
	--mcp-grnlite-hicolor: #d6f7d2;
	--mcp-grnlite-bordcolor: rgba(0,16,0,.25);

	/* popup */
	--mcp-popup-fgcolor: #232;
	--mcp-popup-bgcolor: #F9FFC1;
	--mcp-popup-lnkcolor: var(--mcp-mbar-bgcolor);

	/* prod images */
	--iconglow-color0: rgba(16, 54, 144, 0.66);
	--iconglow-color1: rgba(1, 50, 150, 0.5);
	--iconglow-color2: rgba(0, 64, 24, 0.5);

	--mcp-imgdark-bgcolor: var(--mcp-mbar-hicolor);
	--mcp-imgdark-bdcolor: var(--mcp-mbar-bgcolor);	/* darker blue */
	--mcp-imgdark-blcolor: #4d5b80;	/* lighter blue */
	--mcp-imgdark-gradtop: rgba(45, 58, 93, 0.5);
	--mcp-imgdark-gradbot: rgba(0,0,0,0.34);
	--mcp-imgdark-gradient: linear-gradient(0deg,rgba(45, 58, 93, 0.5),rgba(0,0,0,0.34));
	--mcp-imgdark-gradihov: linear-gradient(0deg,rgba(45, 58, 93, 0.5),rgba(0,0,0,0.21));

	--mcp-imglite-bgcolor: #C0C0C0;
	--mcp-imglite-gradtop: rgba(45, 58, 93, 0.5);
	--mcp-imglite-gradbot: rgba(0,0,0,0.34);

	--mcp-imgclear-fgcolor: #2c2c2c; /* image caption */
	--mcp-imgclear-bgcolor: #F8F8F8;
	--mcp-imgclear-bordcolor: 1px solid var(--mcp-light-bordcolor);
	--mcp-imgclear-gradtop: #1e2c4e;
	--mcp-imgclear-gradbot: #708CB6;
	--mcp-imgclear-gradient: linear-gradient(180deg,var(--mcp-imgclear-gradtop) 50%,var(--mcp-imgclear-gradbot));
	--mcp-imgclear-gradihov: linear-gradient(0deg,rgba(45, 58, 93, 0.5),rgba(0,0,0,0.21));
	--mcp-imgclear-shadow: rgba(0, 0, 32, 0.25) 2px 2px 6px 0px;

	/* Cleartec Legacy */
	--mcp-imgback-fgcolor: #2c2c2c; /* image caption */
	--mcp-imgback-bgcolor: #1e2c4e;
	--mcp-imgback-bordcolor: transparent;
	--mcp-imgback-gradtop: #1e2c4e;
	--mcp-imgback-gradbot: #708CB6;
	--mcp-imgback-gradient: linear-gradient(180deg,var(--mcp-imgback-gradtop),var(--mcp-imgback-gradbot));
	--mcp-imgback-gradihov: none;
	--mcp-imgback-shadow: inset rgba(0, 0, 32, 0.15) 1px 1px 12px 0px;


	/* SZCOLOR */
	--mcp-szcolor-default: #606060;
	--mcp-szcolor-black: #000;
	--mcp-szcolor-blue: #1B3E7B;
	--mcp-szcolor-red-bright: #F32525;
	--mcp-szcolor-brown: #86670A;
	--mcp-szcolor-green: #56723F;
	--mcp-szcolor-orange: #FA4E32;
	--mcp-szcolor-red: #D82F18;
	--mcp-szcolor-yellow: #94772D;
	--mcp-szcolor-white: #B0B0B0;
	--mcp-szcolor-gray: #666666;
	--mcp-szcolor-clear: #808080;
	--mcp-szcolor-natural: #707070;
	--mcp-szcolor-textured: #888;

	/* Size Chart */
	/*
	Backgrounds:
	PAGE_CONTENT_17_TEXT = Dark Blue 1	#A8B4D2		#1e2c4e	
	PAGE_CONTENT_18_TEXT = Lt Blue 1	#D0D6E4	#D0D6E4	
	PAGE_CONTENT_19_TEXT = Green		#69A37E		#c4c7ce

	Images:
	PAGE_CONTENT_20_TEXT = Dark Blue 2	#708CB6		#708CB6
	PAGE_CONTENT_21_TEXT = Lt Blue 2		#BFC8DE		#B0CCE9

	PAGE_CONTENT_22_TEXT = Lt Blue 3 (almost white)	#F2F4F8		#F2F4F8	

	PAGE_CONTENT_23_TEXT = Med Blue (Size Chart Header)	#A8B4D2			#A8B4D2
		
	PAGE_CONTENT_24_TEXT = Cream Background (For images)		#dadcdd		#dadcdd
	*/

	/* .sizecharttable { */

	--sz-head-fgcolor: #555;
	--sz-head-bgcolor: #F2F2F2;		/* PAGE_CONTENT_23_TEXT */
	--sz-head-bordcolor: #BFC8DE;	/* PAGE_CONTENT_21_TEXT */
	--sz-head-text-shadow: 0 1px 0 #fff;

	--sz-body-fgcolor: #1C3E7F;
	--sz-body-fredcolor: #793737;		/*--sz-text-red */
	--sz-body-bgcolor: #F2F4F8;		/* Odd PAGE_CONTENT_22_TEXT */
	--sz-body-b2color: #DFE4EC;		/* Even */
	--sz-body-bordcolor: #BFC8DE;	/* PAGE_CONTENT_21_TEXT */

	--sz-hilite-gray: #80808040;

	--szflt-popup-dimcolor: #666;		/* link off */
	--szflt-popup-actcolor: #126709;	/* link on --sz-text-grn*/
	--szflt-popup-fgcolor: #363c36;		/* #4b574c */
	--szflt-popup-bgcolor: #d7f5d8;	
	--szflt-popup-bdcolor: #a0d2a0;
	--szflt-popup-bordcolor: #a8bfaa;
	

	--sz-text-def: #2e2e2e;	/* regular text */
	--sz-text-lite: #F0F0F0;	/* light text (overlay dark SVG)*/
	--sz-text-red: #793737;	/* red text - Box*/
	--sz-text-blu: #1C3E7F;	/* blue text - mini */
	--sz-text-grn: #1C7F3E;	/* green text */

	--sz-text-box: var(--sz-text-red);
	--sz-text-min: var(--sz-text-blu);
	--sz-text-mcr: #295A16;	/* green - micro */

	--sz-icon-red-bg: #af3f3d;	--sz-icon-red-fg: #FDD;	 /* red button */
	--sz-icon-blu-bg: #094ecc;	--sz-icon-blu-fg: #DDF;	 /* blue button */
	--sz-icon-yel-bg: #cca109;	--sz-icon-yel-fg: #FFD;	 /* yellow button */
	--sz-icon-grn-bg: #126709;	--sz-icon-grn-fg: #DFD;	 /* green button - cart */
	--sz-icon-nat-bg: #666666;	--sz-icon-nat-fg: #EEE;	 /* natural PP button */
	
	--sz-icon-buy-bg: #126709;	--sz-icon-buy-fg: #DFD;	 /* buy button - cart */
	
	--sz-svg-filter: none;  /* tubing plugtop */
	
	/* store */
	--mcp-cfgbox-fgcolor: #333;
	--mcp-cfgbox-bgcolor: var(--mcp-light-bgcolor);
	--mcp-cfgbox-bordcolor: var(--mcp-light-bordcolor);

	--mcp-qtybox-fgcolor: #333;
	--mcp-qtybox-bgcolor: #eaebf5;
	--mcp-qtybox-bordcolor: #e4e4e4e4;	
	--mcp-qtybox-selback: #FFFFE4;
	--mcp-qtybox-seltext: #222529;
	
	--mcp-addon-fgcolor: var(--szflt-popup-fgcolor, #4b574c);
	--mcp-addon-bgcolor: var(--szflt-popup-bgcolor, #d7f5d8);
	--mcp-addon-bdcolor: #a0d2a0;
	--mcp-addon-bordcolor: var(--szflt-popup-bordcolor, #a8bfaa);

	/*
	a.stkpnat {color:#EEE !important; background-color:#666666; opacity:0.9;}
	a.stkpred {color:#FDD !important; background-color:#af3f3d; opacity:0.9;}
	a.stkpyel {color:#FFD !important; background-color:#cca109; opacity:0.9;}
	a.stkpblu {color:#DDF !important; background-color:#094ecc; opacity:0.9;}
	*/

	
	
}
:root.theme_test1,
:root.theme_new01{	
		color-scheme: only light;
	
	/* Menu bar, headers */
	--mcp-mbar-fgcolor: #F4F4F4;
	--mcp-mbar-hicolor: var(--mcp-mcpred-hicolor);	
	--mcp-mbar-bgcolor: var(--mcp-mcpred-solid);
	--mcp-mbar-b2color: var(--mcp-trans); /* #c0c0c010; var(--mcp-imglite-bgcolor) */
	--mcp-mbar-bicolor: #eceaea;
	--mcp-mbar-bordcolor: rgba(72,64,64,0.25);	/* see layout */
	--mcp-mbar-icon1-shadow: 1px 1px 1px rgba(10,10,10,0.90) inset;
	--mcp-mbar-icon2-shadow: 0px 0px 0px 1px, rgba(146, 146, 146, 0.666);
	--mcp-mbar-icon1-opacity: 1.0;
	--mcp-mbar-icon2-opacity: 1.0;
	
	/* BASE */
	--mcp-body-bgcolor: #DDDCDC;

	--mcp-def-solidcolor: #000000;
	--mcp-def-all3color: #333;
	--mcp-def-all5color: #555;
	--mcp-def-mid1color: #777777;
	--mcp-def-halfcolor: #808080;
	--mcp-def-mid2color: #888888;
	--mcp-def-allacolor: #AAA;
	--mcp-def-allccolor: #CCC;
	--mcp-def-emptycolor: #FFFFFF;	
	--mcp-def-fgcolor: #212020;
	--mcp-def-fdcolor: #444; 	/* Slightly darker font */
	--mcp-def-bgcolor: #FFF;
	--mcp-def-bdcolor: var(--mcp-body-bgcolor);
	--mcp-def-bordcolor: rgba(0,0,8,0.334);
	--mcp-def-dark-tran: rgba(0,0,0,0.25);
	--mcp-def-lite-tran: rgba(255,255,255,0.25);
	--mcp-def-bordcolor: rgba(72,64,64,0.225);
	--mcp-def-alinkcolor: #961935F6;
	--mcp-def-hlinkcolor: var(--mcp-mcpred-dark);	/* Hover  var(--mcp-mcpred-fgcolor);*/

	--mcp-light-fgcolor: #4D4E5A;
	--mcp-light-fdcolor: #3e3e46;
	--mcp-light-bgcolor: #f8f8f8;
	--mcp-light-bordcolor: rgba(128,128,128,0.123);

	--mcp-dim-fgcolor: #666;
	--mcp-dim-fdcolor: #333;  	/* Slightly darker font */
	--mcp-dim-bgcolor: #e9e8e8;
	--mcp-dim-bdcolor: #d9d8d8;
	--mcp-dim-bordcolor: rgba(128,128,128,0.334); 

	--mcp-dark-fgcolor: #959595;
	--mcp-dark-bgcolor: #2c2c2c;
	--mcp-dark-bordcolor: rgba(85,85,85,0.96);



	--mcp-info-fgcolor: var(--mcp-def-fgcolor);
	--mcp-info-bgcolor: #f0f0f280;   /* Grey */
	--mcp-info-bordcolor: rgba(0,0,0,0.33);

	--mcp-warn-fgcolor: #841624;		/* Red #961935; */
	--mcp-warn-bgcolor: #FFFFAF;	/* Yellow #FFB; */
	--mcp-warn-bordcolor: #2c1f1f80;

	--mcp-hilite-fgcolor: #333;
	--mcp-hilite-bgcolor: rgba(255, 253, 185, 0.8);
	--mcp-hilite-bordcolor: rgba(0,0,0,.25);

	--mcp-grnlite-fgcolor: #303230;
	--mcp-grnlite-bgcolor: #b2e696;
	--mcp-grnlite-bdcolor: #b2e696;
	--mcp-grnlite-hicolor: #d6f7d2;
	--mcp-grnlite-bordcolor: rgba(0,16,0,.25);

	/* popup */
	--mcp-popup-fgcolor: #232;
	--mcp-popup-bgcolor: #F9FFC1;
	--mcp-popup-lnkcolor: var(--mcp-mbar-bgcolor);

	/* prod images */
	--iconglow-color0: rgba(16, 54, 144, 0.66);
	--iconglow-color1: rgba(1, 50, 150, 0.5);
	--iconglow-color2: rgba(0, 64, 24, 0.5);

	--mcp-imgdark-bgcolor: var(--mcp-mbar-hicolor);
	--mcp-imgdark-bdcolor: var(--mcp-mbar-bgcolor);	/* darker */
	--mcp-imgdark-blcolor: #4d5b80;	/* lighter */
	--mcp-imgdark-gradtop: rgba(45, 58, 93, 0.5);
	--mcp-imgdark-gradbot: rgba(0,0,0,0.34);
	--mcp-imgdark-gradient: linear-gradient(0deg,rgba(45, 58, 93, 0.5),rgba(0,0,0,0.34));
	--mcp-imgdark-gradihov: linear-gradient(0deg,rgba(45, 58, 93, 0.5),rgba(0,0,0,0.21));

	--mcp-imglite-bgcolor: #C0C0C0;
	--mcp-imglite-gradtop: rgba(45, 58, 93, 0.5);
	--mcp-imglite-gradbot: rgba(0,0,0,0.34);

	--mcp-imgclear-fgcolor: #2c2c2c; /* image caption */
	--mcp-imgclear-bgcolor: var(--mcp-trans);
	--mcp-imgclear-bordcolor: none;
	--mcp-imgclear-gradtop: rgba(180, 184, 188, 0.75);
	--mcp-imgclear-gradbot: rgba(245, 245, 245, 0.96);
	--mcp-imgclear-gradient: none;
	--mcp-imgclear-gradihov: none;
 	--mcp-imgclear-shadow: none; /* inset rgba(32, 0, 0, 0.15) 1px 1px 12px 0px; */

	/* Cleartec Legacy */
	--mcp-imgback-fgcolor: #2c2c2c; /* image caption */
	--mcp-imgback-bgcolor: none;
	--mcp-imgback-bordcolor: transparent;
	--mcp-imgback-gradtop: #1e2c4e;
	--mcp-imgback-gradbot: #708CB6;
	--mcp-imgback-gradient: none;
	--mcp-imgback-gradihov: none;
	--mcp-imgback-shadow: none;

	/* SZCOLOR */
	--mcp-szcolor-default: #606060;
	--mcp-szcolor-black: #000;
	--mcp-szcolor-blue: #1B3E7B;
	--mcp-szcolor-red-bright: #F32525;
	--mcp-szcolor-brown: #86670A;
	--mcp-szcolor-green: #56723F;
	--mcp-szcolor-orange: #FA4E32;
	--mcp-szcolor-red: #D82F18;
	--mcp-szcolor-yellow: #94772D;
	--mcp-szcolor-white: #B0B0B0;
	--mcp-szcolor-gray: #666666;
	--mcp-szcolor-clear: #808080;
	--mcp-szcolor-natural: #707070;
	--mcp-szcolor-textured: #888;

	/* Size Chart */
	/*
	Backgrounds:
	PAGE_CONTENT_17_TEXT = Dark Blue 1	#A8B4D2		#1e2c4e	
	PAGE_CONTENT_18_TEXT = Lt Blue 1	#D0D6E4	#D0D6E4	
	PAGE_CONTENT_19_TEXT = Green		#69A37E		#c4c7ce

	Images:
	PAGE_CONTENT_20_TEXT = Dark Blue 2	#708CB6		#708CB6
	PAGE_CONTENT_21_TEXT = Lt Blue 2		#BFC8DE		#B0CCE9

	PAGE_CONTENT_22_TEXT = Lt Blue 3 (almost white)	#F2F4F8		#F2F4F8	

	PAGE_CONTENT_23_TEXT = Med Blue (Size Chart Header)	#A8B4D2			#A8B4D2
		
	PAGE_CONTENT_24_TEXT = Cream Background (For images)		#dadcdd		#dadcdd
	*/

	/* .sizecharttable { */

	--sz-head-fgcolor: #555;
	--sz-head-bgcolor: #F4F4F4;		/* PAGE_CONTENT_23_TEXT */
	--sz-head-bordcolor: #BFC8DE;	/* PAGE_CONTENT_21_TEXT */
	--sz-head-text-shadow: 0 1px 0 #FFFFFF10;  /* #fff; */

	--sz-body-fgcolor: #2F2E2E;
	--sz-body-fredcolor: #555050;		/*--sz-text-red */
	--sz-body-bgcolor: #FFFEFE;		/* Odd PAGE_CONTENT_22_TEXT */
	--sz-body-b2color: #F1F0F0;		/* Even */
	--sz-body-bordcolor: #DEC8BF;	/* PAGE_CONTENT_21_TEXT */

	--sz-hilite-gray: #80808040;

	--szflt-popup-dimcolor: #666;		/* link off */
	--szflt-popup-actcolor: #126709;	/* link on --sz-text-grn*/
	--szflt-popup-fgcolor: #363c36;		/* #4b574c */
	--szflt-popup-bgcolor: #d7f5d8;
	--szflt-popup-bdcolor: #a0d2a0;	
	--szflt-popup-bordcolor: #a8bfaa ;
	

	--sz-text-def: #2e2e2e;	/* regular text */
	--sz-text-lite: #F0F0F0;	/* light text (overlay dark SVG)*/
	--sz-text-red: #392727;	/* red text - Box*/
	--sz-text-blu: #1C1E2F;	/* blue text - mini */
	--sz-text-grn: #1C7F3E;	/* green text */

	--sz-text-box: var(--sz-text-red);
	--sz-text-min: var(--sz-text-blu);
	--sz-text-mcr: #295A16;	/* green - micro */

	--sz-icon-red-bg: #af3f3d;	--sz-icon-red-fg: #FDD;	 /* red button */
	--sz-icon-blu-bg: #094ecc;	--sz-icon-blu-fg: #DDF;	 /* blue button */
	--sz-icon-yel-bg: #cca109;	--sz-icon-yel-fg: #FFD;	 /* yellow button */
	--sz-icon-grn-bg: #126709;	--sz-icon-grn-fg: #DFD;	 /* green button - cart */
	--sz-icon-nat-bg: #666666;	--sz-icon-nat-fg: #EEE;	 /* natural PP button */
	
	--sz-icon-buy-bg: var(--mcp-mbar-bgcolor);	--sz-icon-buy-fg: var(--mcp-mbar-fgcolor);	 /* buy button - cart */
	
	--sz-svg-filter: none;  /* tubing plugtop */

	/* store */
	--mcp-cfgbox-fgcolor: #333;
	--mcp-cfgbox-bgcolor: var(--mcp-light-bgcolor);
	--mcp-cfgbox-bordcolor: var(--mcp-light-bordcolor);
	
	--mcp-qtybox-fgcolor: #333;
	--mcp-qtybox-bgcolor: #edebeb;
	--mcp-qtybox-bordcolor: #e4e4e4e4;
	--mcp-qtybox-selback: #FFFFE4;
	--mcp-qtybox-seltext: #292522;
	
	--mcp-addon-fgcolor: var(--szflt-popup-fgcolor, #4b574c);
	--mcp-addon-bgcolor: var(--szflt-popup-bgcolor, #d7f5d8);
	--mcp-addon-bdcolor: #a0d2a0;
	--mcp-addon-bordcolor: var(--szflt-popup-bordcolor, #a8bfaa);

	/*
	a.stkpnat {color:#EEE !important; background-color:#666666; opacity:0.9;}
	a.stkpred {color:#FDD !important; background-color:#af3f3d; opacity:0.9;}
	a.stkpyel {color:#FFD !important; background-color:#cca109; opacity:0.9;}
	a.stkpblu {color:#DDF !important; background-color:#094ecc; opacity:0.9;}
	*/

	
	
}
:root.theme_dark1{	
		color-scheme: only dark;
	
	/* Menu bar, headers */
	--mcp-mbar-fgcolor: #F4F4F4;
	--mcp-mbar-hicolor: var(--mcp-mcpred-hicolor);	
	--mcp-mbar-bgcolor: var(--mcp-mcpred-solid);
	--mcp-mbar-b2color: var(--mcp-trans);
	--mcp-mbar-bicolor: var(--mcp-mcpred-dark);
	--mcp-mbar-bordcolor: rgba(16,0,0,0.333);	/* see layout */
	--mcp-mbar-icon1-shadow: 1px 1px 1px rgba(10,10,10,0.90) inset;
	--mcp-mbar-icon2-shadow: none;
	--mcp-mbar-icon1-opacity: 0.95;
	--mcp-mbar-icon2-opacity: 1.00;
	
	/* BASE */
	--mcp-body-bgcolor: #080808;

	--mcp-def-solidcolor: #FFFFFF; /* #000000 */
	--mcp-def-all3color: #CCC;
	--mcp-def-all5color: #AAA;
	--mcp-def-mid1color: #888888;
	--mcp-def-halfcolor: #808080;
	--mcp-def-mid2color: #777777;
	--mcp-def-allacolor: #555;
	--mcp-def-allccolor: #333;
	--mcp-def-emptycolor: #000000;
	--mcp-def-fgcolor: #FBFAFA; /* #322; */
	--mcp-def-fdcolor: #DBDADA;	/* Slightly darker font */
	--mcp-def-bgcolor: #101010; /* #FFF; */
	--mcp-def-bdcolor: var(--mcp-body-bgcolor);  /* #DCDCDD; */
	
	--mcp-def-bordcolor: rgba(0,0,8,0.334);
	--mcp-def-dark-tran: rgba(255,255,255,0.25);
	--mcp-def-lite-tran: rgba(0,0,0,0.25);
	--mcp-def-bordlight: rgba(16,0,0,0.222);
	--mcp-def-alinkcolor: #faffc2f6;
	--mcp-def-hlinkcolor: #faffc2ff;	/* Hover */

	--mcp-light-fgcolor: #a6a6a6;
	--mcp-light-fdcolor: #b6b6b6;
	--mcp-light-bgcolor: #4D4E5A80;
	--mcp-light-bordcolor: rgba(128,128,128,0.123);

	--mcp-dim-fgcolor: #666;
	--mcp-dim-fdcolor: #999;  	/* Slightly darker font */
	--mcp-dim-bgcolor: #1a1a1a;
	--mcp-dim-bdcolor: #2a2a2a;
	--mcp-dim-bordcolor: rgba(128,128,128,0.334); 

	--mcp-dark-fgcolor: #959595;
	--mcp-dark-bgcolor: #2c2c2c;
	--mcp-dark-bordcolor: rgba(85,85,85,0.96);



	--mcp-info-fgcolor: var(--mcp-def-fgcolor);
	--mcp-info-bgcolor: #f0f0f220;   /* Grey Shade */
	--mcp-info-bordcolor: rgba(0,0,0,0.33);

	--mcp-warn-fgcolor: #841624;		/* Red #961935; */
	--mcp-warn-bgcolor: #FFFFAF;	/* Yellow #FFB; */
	--mcp-warn-bordcolor: #2c1f1f80;

	--mcp-hilite-fgcolor: #333;
	--mcp-hilite-bgcolor: rgba(255, 253, 185, 0.8);
	--mcp-hilite-bordcolor: rgba(0,0,0,.25);

	--mcp-grnlite-fgcolor: #303230;
	--mcp-grnlite-bgcolor: #b2e696;
	--mcp-grnlite-bdcolor: #b2e696;
	--mcp-grnlite-hicolor: #d6f7d2;
	--mcp-grnlite-bordcolor: rgba(0,16,0,.25);

	/* popup */
	--mcp-popup-fgcolor: #232;
	--mcp-popup-bgcolor: #F9FFC1;
	--mcp-popup-lnkcolor: var(--mcp-mbar-bgcolor);


	/* prod images */
	--iconglow-color0: rgba(16, 54, 144, 0.66);
	--iconglow-color1: rgba(1, 50, 150, 0.5);
	--iconglow-color2: rgba(0, 64, 24, 0.5);

	--mcp-imgdark-bgcolor: var(--mcp-mbar-hicolor);
	--mcp-imgdark-bdcolor: var(--mcp-mbar-bgcolor);	/* darker blue */
	--mcp-imgdark-blcolor: #4d5b80;	/* lighter blue */
	--mcp-imgdark-gradtop: rgba(45, 58, 93, 0.5);
	--mcp-imgdark-gradbot: rgba(0,0,0,0.34);
	--mcp-imgdark-gradient: linear-gradient(0deg,rgba(45, 58, 93, 0.5),rgba(0,0,0,0.34));
	--mcp-imgdark-gradihov: linear-gradient(0deg,rgba(45, 58, 93, 0.5),rgba(0,0,0,0.21));

	--mcp-imglite-bgcolor: #C0C0C0;
	--mcp-imglite-gradtop: rgba(45, 58, 93, 0.5);
	--mcp-imglite-gradbot: rgba(0,0,0,0.34);

	--mcp-imgclear-fgcolor: #e5e5e5; /* image caption */
	--mcp-imgclear-bgcolor: var(--mcp-trans); /* var(--mcp-mbar-bgcolor) */
	--mcp-imgclear-bordcolor:  none;
	--mcp-imgclear-gradtop: rgba( 8, 0,  0, 0.95);
	--mcp-imgclear-gradbot: rgba(42, 6, 14, 0.96);
	--mcp-imgclear-gradient: none;
	--mcp-imgclear-gradihov: none;
	--mcp-imgclear-shadow: none;
	
	/* Cleartec Legacy */
	--mcp-imgback-fgcolor: #2c2c2c; /* image caption */
	--mcp-imgback-bgcolor: none;
	--mcp-imgback-bordcolor: transparent;
	--mcp-imgback-gradtop: #1e2c4e;
	--mcp-imgback-gradbot: #708CB6;
	--mcp-imgback-gradient: none;
	--mcp-imgback-gradihov: none;
	--mcp-imgback-shadow: none;

	/* SZCOLOR */
	--mcp-szcolor-default: #606060;
	--mcp-szcolor-black: #777777;
	--mcp-szcolor-blue: #1B3E7B;
	--mcp-szcolor-red-bright: #F32525;
	--mcp-szcolor-brown: #86670A;
	--mcp-szcolor-green: #56723F;
	--mcp-szcolor-orange: #FA4E32;
	--mcp-szcolor-red: #D82F18;
	--mcp-szcolor-yellow: #94772D;
	--mcp-szcolor-white: #B0B0B0;
	--mcp-szcolor-gray: #666666;
	--mcp-szcolor-clear: #969696;
	--mcp-szcolor-natural: #707070;
	--mcp-szcolor-textured: #888;

	/* Size Chart */
	/*
	Backgrounds:
	PAGE_CONTENT_17_TEXT = Dark Blue 1	#A8B4D2		#1e2c4e	
	PAGE_CONTENT_18_TEXT = Lt Blue 1	#D0D6E4	#D0D6E4	
	PAGE_CONTENT_19_TEXT = Green		#69A37E		#c4c7ce

	Images:
	PAGE_CONTENT_20_TEXT = Dark Blue 2	#708CB6		#708CB6
	PAGE_CONTENT_21_TEXT = Lt Blue 2		#BFC8DE		#B0CCE9

	PAGE_CONTENT_22_TEXT = Lt Blue 3 (almost white)	#F2F4F8		#F2F4F8	

	PAGE_CONTENT_23_TEXT = Med Blue (Size Chart Header)	#A8B4D2			#A8B4D2
		
	PAGE_CONTENT_24_TEXT = Cream Background (For images)		#dadcdd		#dadcdd
	*/

	/* .sizecharttable { */

	--sz-head-fgcolor: var(--mcp-mbar-fgcolor);  /* #1C3E7F */
	--sz-head-bgcolor: var(--mcp-mbar-bgcolor); /* #A8B4D2 */		/* PAGE_CONTENT_23_TEXT */
	--sz-head-bordcolor: var(--mcp-mbar-bordcolor, #BFC8DE);	/* PAGE_CONTENT_21_TEXT */
	--sz-head-text-shadow: 0 1px 0 #10101010; /* #101010A0; */
	
	--sz-body-fgcolor: var(--mcp-mbar-fgcolor); /* #1C3E7F */
	--sz-body-fredcolor: #c8c4c4; /* #793737 */ /*--sz-text-red */
	--sz-body-bgcolor: #000000;	/* #F2F4F8;	*/	/* Odd PAGE_CONTENT_22_TEXT */
	--sz-body-b2color: #0a0a0a; /* #DFE4EC;	*/	/* Even */
	--sz-body-bordcolor: #BFC8DE;	/* PAGE_CONTENT_21_TEXT */

	--sz-hilite-gray: #80808040;

	--szflt-popup-dimcolor: #666;		/* link off */
	--szflt-popup-actcolor: #126709;	/* link on --sz-text-grn*/
	--szflt-popup-fgcolor: var(--mcp-def-fgcolor);
	--szflt-popup-bgcolor: #012a01;		
	--szflt-popup-bdcolor: #012d01;
	--szflt-popup-bordcolor: #a8bfaa ;
	

	--sz-text-def: #2e2e2e;	/* regular text */
	--sz-text-lite: #F0F0F0;	/* light text (overlay dark SVG)*/
	--sz-text-red: #e9cece;	/* red text - Box*/
	--sz-text-blu: #929fb9;	/* blue text - mini */
	--sz-text-grn: #1C7F3E;	/* green text */

	--sz-text-box: var(--sz-body-fgcolor);
	--sz-text-min: var(--sz-body-fredcolor);
	--sz-text-mcr: #98d780;	/* green - micro */

	--sz-icon-red-bg: #af3f3d;	--sz-icon-red-fg: #FDD;	 /* red button */
	--sz-icon-blu-bg: #094ecc;	--sz-icon-blu-fg: #DDF;	 /* blue button */
	--sz-icon-yel-bg: #cca109;	--sz-icon-yel-fg: #FFD;	 /* yellow button */
	--sz-icon-grn-bg: #126709;	--sz-icon-grn-fg: #DFD;	 /* green button - cart */
	--sz-icon-nat-bg: #666666;	--sz-icon-nat-fg: #EEE;	 /* natural PP button */

	--sz-icon-buy-bg: var(--mcp-mbar-bgcolor);	--sz-icon-buy-fg: var(--mcp-mbar-fgcolor);	 /* buy button - cart */

	--sz-svg-filter: invert(0.5);

	/* store */
	--mcp-cfgbox-fgcolor: #CCC;
	--mcp-cfgbox-bgcolor: #1b1a1a;
	--mcp-cfgbox-bordcolor: #040404e4;

	--mcp-qtybox-fgcolor: var(--mcp-cfgbox-fgcolor, #ccc);;
	--mcp-qtybox-bgcolor: var(--mcp-cfgbox-bgcolor, #34343a);
	--mcp-qtybox-bordcolor: #040404e4;
	--mcp-qtybox-selback: #292823;
	--mcp-qtybox-seltext: #cfcfcd;
	
	--mcp-addon-fgcolor: #a0a4a0;
	--mcp-addon-bgcolor: var(--mcp-dim-bgcolor, #34343a);
	--mcp-addon-bdcolor: #0a0d0a;
	--mcp-addon-bordcolor: #30403080;

	/*
	a.stkpnat {color:#EEE !important; background-color:#666666; opacity:0.9;}
	a.stkpred {color:#FDD !important; background-color:#af3f3d; opacity:0.9;}
	a.stkpyel {color:#FFD !important; background-color:#cca109; opacity:0.9;}
	a.stkpblu {color:#DDF !important; background-color:#094ecc; opacity:0.9;}
	*/

	
	
}

:root.layout_legacy{	
	/* fonts */
--mcp-mbar-font-header: "Roboto";
/* --mcp-mbar-bordcolor */
 }
:root.layout_modern1{	
	/* fonts */
--mcp-mbar-font-header: "Bebas Neue", 'Nimbus Sans Narrow', Haettenschweiler;
--mcp-mbar-bordcolor: transparent;
 }
:root.layout_modern1 .sidebar_magento{position:absolute}
:root.layout_legacy .sidebar_magento{display:none}
:root.layout_legacy div#head_search{display:none}

:root.layout_modern1 H1,
:root.layout_modern1 H2,
:root.layout_modern1 H3,
:root.layout_modern1 H4,
:root.layout_modern1 H5{font-family: var(--mcp-mbar-font-header), 'Roboto', 'roboto_zh', 'Roboto Slab', 'roboto_slab_zh', arial, sans-serif;}

:root.layout_modern1 H1{font-weight:bold; font-size:36px}
:root.layout_modern1 H2{font-weight:bold; font-size:28px}
:root.layout_modern1 H3{font-weight:bold; font-size:24px}
:root.layout_modern1 H4{font-weight:bold; font-size:20px}
:root.layout_modern1 H5{font-weight:bold; font-size:18px}



:root.layout_modern1{height:100%}
:root.theme_dark1 IMG{filter:brightness(90%)}
:root.theme_dark1 IMG.svg_link{filter:invert(1) brightness(85%)}/* IB */
:root.theme_dark1 IMG.svg_symbol{filter:invert(1) brightness(35%)}/* SQ */
:root.layout_modern1 .header_wrapper{min-height:76px; text-align: center;}
/* :root.layout_modern1 .header_nav_icons{pso;} */
:root.layout_modern1 BODY{background-color:var(--mcp-def-bgcolor)}
:root.layout_modern1 .page{box-shadow:none}
:root.layout_modern1 .header{background-color:var(--mcp-def-bgcolor)}
:root.layout_modern1 .header-container{
		display:inline-block;
		width:100% !important;
		max-width:none;
		top:0px;
		left:0px;
		margin:0;
		width:auto;
		max-width:9000px;
		position:fixed;
		z-index:99999 !important;
		background-color:var(--mcp-def-bdcolor);
		background-color:var(--mcp-def-bgcolor);
	}

:root.layout_modern1 .header-container .container{
		display:inline-block;
		max-width:none;
		width:100%;
	}
:root.layout_modern1 .header .top_row_border{padding:2px 10px 2px 10px; border: none;}

:root.layout_modern1 .main-container{margin:90px 0 0 0}
:root.layout_modern1 #maincontent{margin:100px 0 0 0}



:root.layout_modern1 #slideout{top:260px}
:root.layout_modern1 #slideout_inner{top:160px}

:root.layout_modern1 .iconban,
:root.layout_modern1 #langban{
	top:15px;
	z-index:101000;
	position:relative;
	display:inline-block;
	float:right;
	padding:3px 6px 1px 8px;
}
:root.layout_modern1 #langban SPAN{
	display:none;
}
:root.layout_modern1 #langbox{
	top:55px;
	position:absolute;
	z-index:101010;
}

:root.layout_modern1 DIV.top_row_border > .search_mini_form,
:root.layout_modern1 div#menu_search{display:none !important}
:root.layout_modern1 div#head_search{
	display:inline-block;
	position:relative;
	width:175px;
	float:right;
	margin:6px 4px 0px 5px;;
}
:root.layout_modern1 .header .form-search .input-text{
	width:170px;
	font-size:13px;
	border-radius:20px;
	margin:5px 2px 8px 0px;
	border:1px solid #80808060;
	box-shadow:inset 5px 5px 5px rgba(0,0,0,0.175);
}
:root.layout_modern1 .header .form-search button.button{
	top:7px;
}

:root.layout_modern1 .right_head,
:root.layout_modern1 .header-buttons{display:none}
:root.layout_modern1 .ooomsg{
	margin:6px 4px 12px 8px;
}

:root.layout_modern1 .header .logo img{
	height:60px;
	width:auto;
}

:root.layout_modern1 .header .top_row{
	margin:0 -5px;
	overflow-y:hidden;
	max-height:50px;
	text-align: center;
}
:root.layout_modern1 .header .links li{
	border-right:solid 1px transparent;
}
:root.layout_modern1 .col-left{
	display:block;
}
@media only screen and (max-width:767px){
	:root.layout_modern1 .header{
		margin:0px !important;
		padding:8px 2px 0px 2px !important;
	}
	:root.layout_modern1 div#langbox{
		left:unset !important;
	}
	:root.layout_legacy div#langbox{
		left:5px;
		top:50px;
		position:fixed;
	}
	:root.layout_modern1 #allindafamilyouter4,
	:root.layout_modern1 #allindafamilyouter4_mage { 
	    column-gap: 10px;
	}
	:root.layout_modern1 div#head_search {
		display: none;
	}
}
@media only screen and (max-width:767px){
	.mcp_link_outer {   column-gap: 80px; }
}
@media (min-width:768px){
	:root.layout_modern1 .col-sm-9{
		width:100%;
	}
}
:root.layout_modern1 .col-xs-12,
:root.layout_modern1 .col-sm-9 {
	padding-left: 15px;
}


@media only screen and (max-width:479px){
	:root.layout_modern1 .header_nav_icons{
		display:inline-block;
		position:static;
		float:right;
	}
	:root.layout_modern1 .iconban,
	:root.layout_modern1 #langban{
		top:0px;
	}
	:root.layout_modern1 .header A.logo{
		float:left !important;
	}
}
:root.layout_modern1 .bloxx.block-side-nav{
	overflow-y:scroll;
	overflow-y:auto;
	background-color:var(--mcp-def-bgcolor);
	height:100%;
	height:auto;
	max-height:calc(100vh - 150px);

}

:root.layout_legacy .mcp_legacy_hide,
:root.layout_modern1 .mcp_modern_hide, 
:root.layout_modern1 #nav_pl_link{display:none}

:root.layout_modern1 #navpl_li0{
	width:0px !important;
	min-width:0px !important;
	margin:0;
	padding:0;
/*	position:absolute; */
	position:relative;
	left:250px;
}
/*
:root.layout_modern1 div#navpl_div,
:root.layout_modern1 div#mcp-nav-list,
*/
div#navpl_div,
div#mcp-nav-list{
	display:none;	 /* hidden */
	position:fixed;
	top:0px;	 /* hidden */
	transition:top 0.333s ease-out 0.1s;
}



/* TODO:  REMOVE  :root.layout_modern1 .bloxx.block-side-nav  */
:root.layout_modern1 .bloxx.block-side-nav{
	position:fixed;
/*	display:none;*/	 /* hidden */
	top:0px;	 /* hidden */
	transition:top 0.333s ease-out 0.1s;
	max-width:350px;
	left:10px;
	width:345px;
	z-index:50
}



:root.layout_modern1 div#navpl_div,
:root.layout_modern1 div#mcp-nav-list{left:155px;z-index:-1}
:root.layout_modern1 div#mcp-nav-list{
	font-size:15px;
	font-family:arial,verdana,sans-serif;
	 left: unset;
 }


/* 2023-12-03 11:00 */
:root.layout_modern1 .mcp_main_menu_outer {
	display: inline-block;
	position: fixed;
	left: 0px;
	display:none;	 /* hidden */
	top:0px;	 /* hidden */
	z-index: 99999;
	width: 100%;
	text-align: center;
}

:root.layout_modern1 .mcp_main_menu_center {
	position: relative;
	top: 0px;
	left: 0px;
	display: inline-block;
	z-index: 99999;
	text-align: left;
	width: 1200px;
	width: 100%;padding: 0 15px;	/* full-width */
	margin: 0 auto;
}

/* :root.layout_modern1 .bloxx.block-side-nav */
:root.layout_modern1 .mcp_main_menu_inner {
	display: inline-block;
	left:10px;
	width:345px;
	max-width:350px;
	max-height: calc(100vh - 150px);
	z-index:50;
	overflow-y:scroll;
	overflow-y:auto;
	background-color: var(--mcp-def-bgcolor);
	border: 1px solid var(--mcp-def-bordcolor);
}

@media only screen and (max-width:767px){
	:root.layout_legacy .bloxx.block-side-nav {display: none;}	/* responsive.css */
	:root.layout_modern1 .mcp_main_menu_center{ width: auto; }
}


:root.layout_modern1 .mcp_main_menu_outer.mcpMenuOver,
:root.layout_modern1 .bloxx.block-side-nav.mcpMenuOver,
:root.layout_modern1 div#mcp-nav-list.mcpMenuOver{top:135px;display:block}

:root.layout_legacy div#mcp-nav-list{top: initial;position:absolute; }
:root.layout_legacy div#mcp-nav-list.mcpMenuOver{display:block}
:root.layout_legacy div#mcp-nav-list.mcpMenuNope{display:none}

@media (min-width:1260px){   /*  temp shim */
	:root.layout_modern1 .bloxx.block-side-nav.mcpMenuOver   {left: 15vw}
/*	:root.layout_modern1 div#mcp-nav-list.mcpMenuOver */
/*	:root.layout_modern1 div#navpl_div, */
	:root.layout_modern1 div#mcp-nav-list{ left: calc(16vw + 155px);     left: unset;}
}


/* TODO: Remove :root.layout_modern1 .bloxx.block-side-nav */
:root.layout_modern1 .mcp_main_menu_inner,
:root.layout_modern1 .bloxx.block-side-nav{/* Chrome 118 2023-10-10 */
	scrollbar-color:var(--mcp-mbar-bgcolor) var(--mcp-mbar-fgcolor) ;
	scrollbar-width:thin;
}
:root.layout_modern1 .mcp_main_menu_inner::-webkit-scrollbar,
:root.layout_modern1 .mcp_main_menu_inner::-webkit-scrollbar-track,
:root.layout_modern1 .bloxx.block-side-nav::-webkit-scrollbar,
:root.layout_modern1 .bloxx.block-side-nav::-webkit-scrollbar-track{
	background-color:var(--mcp-mbar-fgcolor);
	width:5px;
	width:7px;
}
:root.layout_modern1 .mcp_main_menu_inner::-webkit-scrollbar-thumb,
:root.layout_modern1 .bloxx.block-side-nav::-webkit-scrollbar-thumb{
	background-color:var(--mcp-mbar-bgcolor);
	color:var(--mcp-mbar-bgcolor);
}


:root.layout_modern1 #headpnm,
:root.layout_modern1 .top-icon-menu{display:none}
:root.layout_modern1 I.topicon0,
:root.layout_modern1 I.topicon1{margin:0px 4px;font-size:12px !important}
:root.layout_modern1 I.topicon2{color:var(--mcp-mbar-bgcolor);font-size:24px !important}
:root.layout_modern1.theme_dark1 I.topicon2{color:var(--mcp-def-fgcolor)}

:root.layout_modern1 LI.mcp_prod_nav{
	display:inline;
	min-width:124px !important;	
	border-radius:5px;
}

:root.layout_modern1 #mcp_banner_links{
	float:right;
	clear:none;
	margin:15px 1px 0px 1px;
}

/*
LI.mcp_prod_nav:hover + .bloxx.block-side-nav,
:root.layout_modern1 .bloxx.block-side-nav:hover{
	display:block !important;
}
*/
:root.layout_modern1 .sizechartdiv{max-width:none}
:root.layout_modern1 .scrollContent,
:root.layout_modern1 #scrollContent{
	padding:0;
	background-color:unset;
	border:none;
	box-shadow:none;
}

:root.layout_modern1 .cgroup,
:root.layout_modern1 .cseries,
:root.layout_modern1 .ccat {
	max-width: unset;
}

/* * * */
/* darkmode */
#mcp_theme_selector {display:inline-block;position: fixed; bottom: 8px; right:4px; z-index: 9999; }
.skin_selector{
	display: inline-block; 
	z-index: 100001;
	min-width: 120px;
	width: auto;
	margin: 5px 0px 0px 14px;
	opacity: 0.25;
	transition: opacity 0.500s ease-in-out; 
	font-size: 16px;
}
.skin_selector:hover,
.skin_selector:focus{
	opacity: 0.92;
}
	:root.layout_legacy DIV.mcp_menu_abbr:after {
	content:' - ';
}
:root.layout_legacy DIV.mcp_menu_abbr,
:root.layout_legacy DIV.mcp_menu_desc {
	display: inline;
}
:root.layout_legacy .ui-accordion-header.has_sub_mnu:before {
	content:' » ';
}
:root.layout_legacy div.mi3,
:root.layout_legacy div.mi4{
	display: none;
}


/* :root.layout_modern1 abbr.c */
:root.layout_legacy[lang=zh-CN] .ui-accordion-header.has_sub_mnu DIV.mcp_menu_desc,
:root.layout_legacy[lang=zh-CN] DIV.mcp_menu_abbr{
	font-size: 15px;
	line-height: 17px;
}

:root.layout_modern1 .ui-accordion-header.has_sub_mnu DIV.mcp_menu_desc, 
:root.layout_modern1 DIV.mcp_menu_abbr{
	font-size: 19px;
	line-height: 23px;
	font-weight: normal;
	font-family: var(--mcp-mbar-font-header), 'Roboto', 'roboto_zh', 'Roboto Slab', 'roboto_slab_zh', arial, sans-serif;
}
:root.layout_modern1 DIV.mcp_menu_abbr abbr.c { font-weight: normal; }
:root.layout_modern1 DIV.header .links li {
	font-size: 19px;
	line-height: 17px;
	min-height: 40px;
	min-width: 90px;
	font-weight: normal;
	border-radius: 5px;
	margin: 0px 5px 0 0;
	font-family: var(--mcp-mbar-font-header),'Roboto', 'roboto_zh', 'Roboto Slab', 'roboto_slab_zh', arial, sans-serif;
}
:root.layout_modern1 DIV.header .links li:hover {
	background-color: #80808016;
}

.container-mcphead, root.layout_modern1 .mcp_main_menu_center{width:100%}	/* full-width */
/*
@media (min-width: 768px){.container-mcphead, root.layout_modern1 .mcp_main_menu_center{width:750px; display:inline-block; text-align:left;padding:0 1px !important;}}
@media (min-width: 992px){.container-mcphead, root.layout_modern1 .mcp_main_menu_center{width:970px;}}
@media (min-width:1200px){.container-mcphead{width:1200px;}}
*/




mcp_mnu_sml
:root.layout_modern1 #mnu_block_product_title { display: none; }
:root.layout_modern1 DIV.mcp_menu_abbr{	display: block;}
:root.layout_modern1 DIV.mcp_menu_desc {	display: inline; font-size: 15px;} 

:root.layout_modern1 div.mi1,
:root.layout_modern1 div.mi2{
	box-shadow: none;
/*	filter: invert(1) brightness(0.9); */
}
:root.layout_modern1 div.plevel1 {
	min-width:55px;
}
:root.layout_modern1 div.plevel1 a {
	line-height: 21px;
	/* position: relative;  */
	/* display: inline;  */
	/* margin: 0 0 0 36px;  */
}

/*
:root.layout_modern1 .ui-accordion .ui-accordion-content {
	padding: 0.1em 0em 0.1em 0em;
}
*/
:root.layout_modern1 .jumpb {
	display: none;
}

:root.layout_modern1 .ui-accordion-header.has_sub_mnu:after {
	content:' ⇓ ';
	content: ' ▼ ';
	font-size: 16px;
	float: right;
}
:root.layout_modern1 #rSideBottom { display: none; }

/* * * */

:root.layout_legacy #allindafamilyouter4a { max-width: 520px; }
/*
:root.layout_modern1 #allindafamilyouter4,
:root.layout_modern1 #allindafamilyouter4_mage { display: inline-block; max-width: 920px; text-align: center;}
*/
:root.layout_modern1 #allindafamilyouter4,
:root.layout_modern1 #allindafamilyouter4_mage { 
	text-align: center;
	justify-content: space-between;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	column-gap: 60px;
}

:root.layout_modern1 #allindafamilynav { display: inline-block; width: 100%;  text-align: center; margin: 20px 0;}

/* * * */
/* TODO: download from fonts.googleapis instead.*/

/* latin-ext */
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local( "Bebas Neue"), url(https://fonts.gstatic.com/s/bebasneue/v10/JTUSjIg69CK48gW7PXoo9Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local( "Bebas Neue"), url(https://fonts.gstatic.com/s/bebasneue/v10/JTUSjIg69CK48gW7PXoo9Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*

/* 08_TEXT */
/* Cleartec Site Overrides */

:root.layout_legacy div.mi2 {
    background-color: var(--mcp-mbar-bgcolor);
}

:root.layout_modern1 div.mi1,
:root.layout_modern1 div.mi2,
:root.layout_modern1 div.mi3,
:root.layout_modern1 div.mi4 {
    filter: invert(0.750);
    background-color: transparent;
}
:root.layout_modern1 div.plevel1:hover div.mi4{ 
	visibility: visible;
	filter: none;
}

:root.theme_dark1 div.mi1,
:root.theme_dark1 div.mi2 {
    filter: brightness(0.840);
    background-color: transparent;
}