/*v2019*/

:root {
	
	--Theme1Back:	#fffaea;
	--Theme1Front:	#2C2926;
	--Theme1Accent:	#802629;
	--Theme1Hilite:	#C34629;
	--Theme1Accent2:#948961;	
	--Theme1Hilite2:#c0b693;	
	
	--Theme2Back:	#2C2926;
	--Theme2Front:	#fffaea;
	--Theme2Accent:	#df5d3e;
	--Theme2Hilite:	#f8856b;
	--Theme2Accent2:#B3A87F;	
	--Theme2Hilite2:#c0b693;	
	
	--Black:		#000000;
	--White:		#FFFFFF;

	--BlackT:		0,0,0;		/* transparency, eg. rgba(var(--BlackT),0.5) */
	--WhiteT:		255,255,255;

	--BlueDark:		#0166ff;
	--BlueMedium:	#004abb;
	--BlueLite:		#003484;
	--GreenDark: 	#00620c;	
	--GreenMedium: 	#00ab14;
	--GreenLite: 	#00ff1f;
	--GreyDark: 	#585858;
	--GreyMedium: 	#a0a0a0;
	--GreyLite: 	#e8e8e8;
	--RedDark: 		#7a0006;
	--RedMedium:	#aa0009;
	--RedLite:		#ff000d;
	--Yellow:		#eaff00;
	
	--MinWidth:		375px;
	--BGOverlay:	url(/img/bg-lines-overlay.png?r=4);
	
}

/*element*/
HTML { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
BODY { margin: 120px 30px 0px 30px; background-color: #262626; color: #FFFFFF; min-width: calc(var(--MinWidth -60px)); } /* 375 - margin/padding l/r */
BODY, HTML, TD, DIV, TABLE, BUTTON, INPUT, SELECT, TEXTAREA { font-family: Arial, Helvetica, sans-serif; font-weight: 300; font-size: 16px; }
A { color: var(--Theme2Hilite); }
A:hover { color: var(--Theme2Hilite); }
/* core / */
.AlignBottom { vertical-align: bottom; }
.AlignCenter { text-align: center; }
.AlignMiddle { vertical-align: middle; }
.AlignLeft { text-align: left; }
.AlignRight { text-align: right; }
.AlignTop { vertical-align: top; }
.B { font-weight:bold; }
.Clear { clear: both; }
.Clickable { cursor: pointer; }
.Hidden { display: none; }
.Hilite { background-color: var(--Yellow); }
.I { font-style:italic }
.Info { font-size: 12px; }
.Main { width: 100%; max-width: 1150px; margin: 0 auto; text-align: left; overflow: auto; position: relative; }
.Max { margin: 0px -30px 0px -30px; }
.NoWrap { white-space: nowrap; }
.Pad5 { padding: 5px; }
.Pad10 { padding: 10px; }
.Pad15 { padding: 15px; }
.Pad20 { padding: 20px; }
.Pad5 { padding: 5px; }
.Regular { margin: 20px 0px 20px 0px; }
.Subtitle { font-family: Anton, sans-serif; font-size: 30px; line-height: 30px; color: var(--White); margin: 30px 0px 30px 0px; text-align: center; }
.Table { display: table; }
 .TableRow { display: table-row; }
  .TableCell { display: table-cell; }
  .TableCellFifth { display: table-cell; width: 20%; }
  .TableCellFifth2 { display: table-cell; width: 40%; }
  .TableCellFifth3 { display: table-cell; width: 60%; }
  .TableCellFifth4 { display: table-cell; width: 80%; }
  .TableCellFull { display: table-cell; width: 100%; }
  .TableCellHalf { display: table-cell; width: 50%; }
  .TableCellQuarter { display: table-cell; width: 25%; }
  .TableCellQuarter3 { display: table-cell; width: 75%; }
  .TableCellThird { display: table-cell; width: 33.3%; }
  .TableCellThird2 { display: table-cell; width: 66.6%; }
/* core \ */

/* color */
.Black { color: var(--BlackT); }
.BlackBG { background-color: var(--BlackT); }
.BlueBright { color: var(--BlueLite); }
.BlueDark { color: var(--BlueDark); }
.BlueDarkBG { color: var(--BlueDark); }
.BlueLite { color: var(--BlueLite); }
.BlueLiteBG { background-color: var(--BlueLite); }
.BlueMedium { color: var(--BlueMedium); }
.BlueMediumBG { background-color: var(--BlueMedium); }
.GreenDark { color: var(--GreenDark); }
.GreenDarkBG { background-color: var(--GreenDark); }
.GreenMedium { color: var(--GreenMedium); }
.GreenMediumBG { background: var(--GreenMedium); }
.GreyDark { color: var(--GreyDark); }
.GreyDarkBG { background-color: var(--GreyDark); }
.GreyDark2 { color: var(--GreyDark); }
.GreyDark2BG { background-color: var(--GreyDark); }
.GreyLite { color:var(--GreyLite); }
.GreyLiteBG { background-color:var(--GreyLite); }
.GreyLite2 { color:var(--GreyLite); }
.GreyLite2BG { background-color:var(--GreyLite); }
.GreyMedium { color: var(--GreyMedium); }
.GreyMediumBG { background-color: var(--GreyMedium); }
.Red { color: var(--RedMedium); }
.RedBG { background-color: var(--RedMedium); }
.RedBright { color: var(--RedLite); }
.RedBrightBG { background-color: var(--RedLite); }
.RedDark { color: var(--RedDark); }
.RedDarkBG { background-color: var(--RedDark); }
.White { color: var(--White); }
.WhiteBG { background-color: var(--White); }
.Yellow { color: var(--Yellow); }
.YellowBG { background-color: var(--Yellow); }

/* feature / */
.FeaturePin {
	position: absolute; top: 10px; left: 10px; display: inline-block;  z-index: 10;
	width: 60px;
}
	.FeatureSticker {
		width: 60px;
		height: 30px;
		border-radius: 50%;
		background-color: var(--White);
		color: var(--Theme1Hilite);
		border: 1px solid var(--Theme1Hilite);
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 5px;
		padding-top: 5px;
	}
.FeatureStampInline {
	padding: 3px 5px 3px 5px;
	border-radius: 4px;
	background-color: var(--White);
	color: var(--Theme1Accent);
	border: 1px solid var(--Theme1Accent);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 12px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	padding-top: 3px;
}
.FeatureStickerInline {
	padding: 3px 5px 3px 5px;
	border-radius: 50%;
	background-color: var(--White);
	color: #F53604;
	border: 1px solid var(--White);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	padding-top: 3px;
}
/* feature \ */

/* forms / */
.FormButton { padding: 5px 10px 5px 10px; background-color: #F53604; color: var(--White); outline: none; font-size: 16px; text-align: center; border: 2px solid var(--White); border-radius: 3px; min-width: 150px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.FormButton:hover { background-color: var(--Black); }

.FormLabel { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; }
.FormDropBox { position: relative; min-width: 100px; max-height: 300px; z-index: 16; background-color: var(--GreyMedium); white-space: nowrap; overflow: auto; margin-top: -8px; }
.FormDropBoxHidden { position: relative; min-width: 100px; max-height: 300px; z-index: 16; background-color: var(--GreyMedium); white-space: nowrap; overflow: auto; margin-top: -8px; display: none; }
.FormDropItem { margin: 1px; padding: 2px 5px 2px 5px; background-color: var(--GreyLite); font-size: 14px; cursor: pointer; }
.FormDropItem:hover { background-color: var(--GreyLite); }
.FormDropItem1 { margin: 1px; padding: 2px 5px 2px 5px; background-color: var(--White); font-size: 14px; cursor: pointer; }
.FormDropPin { position: absolute; z-index: 1000; }
.FormDropSide { position: absolute; top: 7px; right:0px; }
.FormFindBox { position: absolute; min-width: 100px; max-height: 300px; z-index: 16; background-color: var(--GreyMedium); white-space: nowrap; overflow: auto; margin-top: -8px; }
.FormFindItem { margin: 1px; padding: 2px 5px 2px 5px; background-color: var(--GreyLite); font-size: 14px; cursor: pointer; }
.FormFindItem:hover { background-color: var(--GreyLite); }
.FormFindItem1 { margin: 1px; padding: 2px 5px 2px 5px; background-color: var(--White); font-size: 14px; cursor: pointer; }
.FormResult { max-width: 800px; width: 100%; margin: 0 auto; text-align: left; }
.FormRow { max-width: 800px; width: 100%; margin: 0 auto; text-align: left; }
.FormText { padding: 5px; font-size: font-family: Arial, Helvetica, sans-serif; font-size: 17px; border: 0px solid transparent; background-color: var(--GreyLite); color: var(--Black); width: 100%; outline: none; }
.FormTextArea { padding: 5px; font-size: font-family: Arial, Helvetica, sans-serif; font-size: 17px; border: 0px solid transparent; background-color: var(--GreyLite); color: var(--Black); width: 100%; height: 150px; outline: none; }
.FormWait { 0px; height: 24px; display: inline-block; }
/* forms \ */

/* elements / */
#BottomCart { position: fixed; bottom: 10px; left: 10px; border-radius: 6px; padding: 10px; line-height: 0px; background-color: rgba(var(--BlackT),0.5); color: var(--GreyLite); cursor: pointer; z-index: 1000; }
 #BottomCartCount { font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin-bottom: 5px; vertical-align: middle; display: inline-block; }
 .BottomCartIcon { font-size: 18px; line-height: 13px; padding: 0px 10px 0px 10px; color: var(--White); -webkit-transition: color 0.3s; transition: color 0.3s; }
#BackToTop { position: fixed; bottom: 10px; right: 10px; border-radius: 6px; padding: 10px; line-height: 0px; background-color: rgba(var(--BlackT),0.5); color: var(--GreyLite); cursor: pointer; z-index: 1000; }
.CartChoiceBox { border: 1px dotted var(--Theme1Accent2); border-radius: 10px; padding: 20px; margin-top: 10px; text-align: center; }
	.CartChoiceTitle { padding-bottom: 10px; }
	.CartChoiceItemBox { display: inline-block; width: 250px; vertical-align: bottom; text-align: center; margin: 10px; cursor: pointer; border-radius: 2px; }
	.CartChoiceItemBox:hover { background-color: var(--GreyLite); }
		.CartChoiceItemImage { display: inline-block; width: 100%; height: 100px; background-position: center center; background-repeat: no-repeat; background-size: contain; }
		.CartChoiceItemName { font-size: 14px; font-weight: bold; }
		.CartChoiceItemInfo { font-size: 14px; }
.CartCountShop { position: absolute; z-index: 1; top: 10px; right:10px; display: inline-block; background-color: var(--BlackT); color: var(--White); font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height: 13px; padding: 4px 7px 4px 7px; text-align: center; border-radius: 11px; margin-left: -3px; }
.ContentButton { display: inline-block; padding: 8px 25px 8px 25px; background-color: #F53604; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-align: center; border: 3px solid var(--White); border-radius: 2px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; cursor: pointer; min-width: 100px; }
.ContentButton:hover { background-color: #000000; }
.ContentTitle { color: var(--Theme1Accent); font-size: 34px; font-family: Arial, Helvetica, sans-serif; font-size: 34px; }
.CrumbBox { text-align: left; margin-left: 90px; font-size: 14px; padding-top: 10px; }
	.CrumbItem { color: #FFFFFF; white-space: nowrap; text-decoration: none; }
	.CrumbItem:hover { color: #c0b693; text-decoration: none; }
	.CrumbRight { float:right; margin-right: 90px; padding-top: 10px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; }
	.CrumbSeparator { height: 0.8em; vertical-align: baseline; margin: 0px 4px 0px 4px; color: #FFFFFF; }
.DealBanner { background-color: var(--BlackT); color: var(--White); padding: 10px; text-align: center; }
	.DealItem { display: inline-block; position: relative; vertical-align: middle; border-radius: 8px; border: 3px var(--Theme1Accent) dotted; width:150px; height: 150px; margin: 20px; padding: 3px; cursor: pointer; }
		.DealButton { white-space: nowrap; display: inline-block; background-color: var(--Theme1Accent); padding: 0px 7px 0px 7px; margin-top: 10px; border-radius: 4px; font-size: 20px; }
		.DealImg { width: 100%; border-radius: 4px; }
		.DealLine { white-space: nowrap; font-size: 19px; line-height: 24px; }
		.DealScissors { position: absolute; width:24px; right: -13px; top: 20px; }
#Head { display: block; margin: 0px -30px 0px -30px; position: fixed; top: 0px; z-index: 800; width: 100%; min-width: var(--MinWidth); background-color: var(--Black); /*var(--Theme2Back);*/ color: var(--Theme2Front); background-image: var(--BGOverlay); overflow: visible; height: 120px; box-shadow: 0px 5px 5px 0px rgba(var(--BlackT),0.25); }
	#HeadTable { display: table; width: 100%; height: inherit; min-width: inherit; }
		#HeadRow { display: table-row; height: inherit; min-width: inherit; }  
		#HeadCellLogo { display: table-cell; vertical-align: middle; text-align: left; height: inherit; line-height: 0px; width: 1%; white-space: nowrap; }
			#Logo { margin: 15px 10px 0px 90px; height: 80%; }
		#HeadCellFlag { display: table-cell; vertical-align: middle; text-align: left; line-height: 0px; width: 1%; white-space: nowrap; }
	 	   #Flag { height: 20px; }
		#HeadCellNav { display: table-cell; vertical-align: middle; text-align: right; white-space: nowrap; }
  			#DropSearch { clear: both; position: absolute; z-index: 800; display: none; top: 80px; right: 110px; padding: 20px; background-color: rgba(var(--BlackT),0.8); width: 80%; min-width: 250px; max-width: 600px; }
    			#DropSearchFieldBox { position: relative; background-color: var(--White); height: 40px; vertical-align: middle; text-align: left; line-height: 0px; }
     			#DropSearchField { width: 100%; padding: 10px; border: 0px solid transparent; outline: none; background-color: var(--White); color: var(--Black) font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height:  14px; }
     			#DropSearchWait { position: absolute; top: 8px; right: 8px; }
   			#DropSearchResult { padding-top: 20px; color: var(--White); font-size: 20px; font-family: Arial, Helvetica, sans-serif; overflow: scroll; max-height: 1000px; }
    			.DropSearchResultItem { color: var(--White); font-family: Arial, Helvetica, sans-serif; border-top: 1px dotted var(--Theme1Accent); padding: 5px 2px 5px 2px; cursor: pointer; }   
    			.DropSearchResultItem:hover { background-color: rgba(var(--WhiteT),0.9); color: var(--Theme1Hilite); }   
     			.DropSearchTitleCell { display: table-cell; vertical-align: middle; line-height: normal; font-size: 20px; }
     			.DropSearchThumbCell { display: table-cell; vertical-align: middle; line-height: normal; height:40px; width:40px; padding-right: 5px; }
      			.DropSearchThumb { display: inline-block; height:40px; width:40px; vertical-align: middle; background-size: contain; background-position: center center; background-repeat: no-repeat; }
  			#NavBox { display: inline-block; float: right; vertical-align: middle; text-align: right; margin: 0px 90px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 17px; letter-spacing: 1px; color: var(--BlackT); }
   				.NavA { display: inline-block; padding: 20px 10px 10px 10px; cursor: pointer; font-size: inherit; font-family: inherit; -webkit-transition: color 0.3s; transition: color 0.3s; position: relative; color: var(--Theme2Front); }
   				.NavA:hover { color: var(--Theme2Hilite); text-decoration: none; }
   				.NavAActive { display: inline-block; padding: 20px 10px 10px 10px; cursor: pointer; font-size: inherit; font-family: inherit; -webkit-transition: color 0.3s; transition: color 0.3s; position: relative; color: var(--Theme2Accent); }
   				.NavAActive:hover { color: var(--Theme2Hilite); text-decoration: none; }
   				.NavButton { display: inline-block; position: relative; font-size: inherit; font-family: inherit; }
   				.NavButton:hover {  }
   				.NavButtonActive { display: inline-block; position: relative; font-size: inherit; font-family: inherit; }
	    			.Subnav { clear: both; position: absolute; z-index: 800; display: none; top: 50px; left: 0px; background-color: var(--Theme2Back); color: var(--Theme2Accent); min-width: 200px; max-width: 600px; border-top: 2px solid var(--Theme2Accent); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
	     			.SubnavAItem { display: block; text-align: left; color: var(--Theme2Front); font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; padding: 10px 15px 10px 15px; -webkit-transition: all 0.3s; transition: all 0.3s; }
	     			.SubnavAItem:hover { background-color: var(--Theme2Hilite); color: var(--Theme2Front); text-decoration: none; }
	     			.SubnavAItemActive { display: block; text-align: left; color: var(--Theme2Front); font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; padding: 10px 15px 10px 15px;  background-color: var(--Theme2Accent); }
	     			.SubnavAItemActive:hover { color: var(--Theme2Front);  background-color: var(--Theme2Hilite); text-decoration: none; }
	     			.SubnavItem { text-align: left; color: var(--White); font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; /* border-top: 1px solid #F53604; */ padding: 10px 15px 10px 15px; }
	     			.SubnavItem:hover { color: var(--Theme2Hilite);  background-color: rgba(var(--BlackT),0.2); }
	     			.SubnavItemActive { text-align: left; color: var(--Theme2Accent); font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; /* border-top: 1px solid #F53604; */ padding: 10px 15px 10px 15px;  background-color: rgba(var(--BlackT),0.4); }
	     			.DropSubmenuToggle { width: 8px; height: 8px; vertical-align: middle; margin: 0px 0px 4px 2px; }
   			#NavButtonCart { margin-right: 20px }
   			.NavIcon { font-size: 14px; padding: 10px 0px 10px 0px; color: var(--Theme2Front); -webkit-transition: color 0.3s; transition: color 0.3s; }
   			.NavIcon:hover { color: var(--Theme2Hilite); }
   			.NavIconActive { font-size: 14px; padding: 10px 0px 10px 0px; color: var(--Theme2Accent); -webkit-transition: color 0.3s; transition: color 0.3s; }
    			#CartCountHead { display: inline-block; background-color: #F53604; color: var(--White); font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height: 13px; padding: 6px 8px 6px 8px; text-align: center; border-radius: 18px; position: absolute; top: -15px; right: -15px; }
  			#NavDropBox { display: none; float: right; vertical-align: middle; text-align: right; margin: 0px 90px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; letter-spacing: 1px; color: var(--Theme2Front); }
   			.NavDropButton { display: inline-block; padding: 10px 10px 10px 10px; cursor: pointer; font-size: inherit; font-family: inherit; -webkit-transition: color 0.3s; transition: color 0.3s; position: relative; }
   			#NavDropButtonCart { margin-right: 0px }
   			.NavDropIcon { font-size: 20px; padding: 10px 7px 10px 7px; color: var(--Theme2Front); -webkit-transition: color 0.3s; transition: color 0.3s; }
   			.NavDropIcon:hover { color: var(--Theme2Hilite); }
   			.NavDropIconActive { font-size: 20px; padding: 10px 7px 10px 7px; color: var(--Theme2Accent); -webkit-transition: color 0.3s; transition: color 0.3s; }
    			#CartCountHeadDrop { display: inline-block; background-color: var(--Theme2Accent2); color: var(--White); font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height: 13px; padding: 6px 8px 6px 8px; text-align: center; border-radius: 18px; position: absolute; top: 0px; right: 0px; }
#Foot { margin: 30px -30px 0px -30px; padding: 30px 80px 20px 80px; background-color: var(--Black); color: var(--Theme2Front); background-image: var(--BGOverlay); overflow: auto; position: relative; }
 #FootGlobal {  padding: 20px 10px 20px 10px; clear: both; text-align: center; }
  #FootGlobalBox { margin: 0px 20px 0px 20px; white-space: nowrap; }
   .FootGlobalFlag { border-radius: 3px; margin: 0px 5px 0px 5px; width: 40px; height: 25px; }
 .FootLeft { float: left; font-family: Arial, Helvetica, sans-serif; }
  #FootLogo { height: 85px; }
  .FootLegalLeft { font-size: 14px; line-height: 14px; color: var(--White); margin: 50px 0px 0px 5px; }
   .FootLegalNavA { display: inline-block; padding: 0px 10px 0px 10px; border-right: 1px solid var(--Theme2Front); cursor: pointer; font-size: inherit; font-size: 12px; line-height: 12px; color: var(--Theme2Front); font-family: Arial, Helvetica, sans-serif; -webkit-transition: color 0.3s; transition: color 0.3s; }
   .FootLegalNavA:hover { color: var(--Theme2Hilite); text-decoration: none; }
   .FootLegalNavAActive { display: inline-block; padding: 0px 10px 0px 10px; border-right: 1px solid var(--Theme2Front); cursor: pointer; font-size: inherit; font-family: inherit; font-size: 12px; line-height: 12px; color: var(--Theme2Accent); -webkit-transition: color 0.3s; transition: color 0.3s; }
   .FootLegalNavAActive:hover { color: var(--Theme2Hilite); text-decoration: none; }
   .FootLegalSeparator { display: inline-block; padding: 0px 7px 0px 7px; font-size: 11px; color: var(--White); }
 .FootRight { float: right; padding-top: 10px; }
  .FootLegalRight { font-size: 14px; line-height: 14px; color: var(--White); margin: 40px 0px 0px 5px; text-align: right; }
  .FootNavA { display: inline-block; padding: 0px 30px 0px 30px; border-right: 1px solid var(--Theme2Front); cursor: pointer; font-size: inherit; font-size: 14px; line-height: 14px; color: var(--Theme2Front); font-family: Arial, Helvetica, sans-serif; -webkit-transition: color 0.3s; transition: color 0.3s; }
  .FootNavA:hover { color: var(--Theme2Hilite); text-decoration: none; }
  .FootNavAActive { display: inline-block; padding: 0px 30px 0px 30px; border-right: 1px solid var(--White); cursor: pointer; font-size: inherit; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 14px; color: var(--Theme2Accent); -webkit-transition: color 0.3s; transition: color 0.3s; }
  .FootNavAActive:hover { color: var(--Theme2Hilite); text-decoration: none; }
  .FootNavIcon { font-size: 14px; padding: 10px 10px 10px 10px; color: var(--White); -webkit-transition: color 0.3s; transition: color 0.3s; }
  .FootNavIcon:hover { color: var(--Theme1Accent); }
   #CartCountFoot { display: inline-block; background-color: var(--BlackT); color: var(--White); font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height: 13px; padding: 4px 7px 4px 7px; text-align: center; border-radius: 11px; margin-left: -3px; }
   .FootSocial { text-align: right; padding: 10px; }
    .FootSocialIcon { width: 30px; height: 30px; border: 0px solid transparent; }
.ExpandBox { border: 1px solid var(--GreyMedium); padding: 0px; margin: 0px 0px 10px 0px; overflow: auto; }
 .ExpandHead { overflow: auto; padding: 15px; cursor: pointer; color: var(--Theme1Accent2); }
 .ExpandHead:hover { color: var(--Theme1Hilite); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
  .ExpandButtonBox { display: table-cell; }
   .ExpandButtonOn { display: inline-block; background-color: var(--Theme1Accent); color: var(--White); width: 24px; height: 24px; line-height: 24px; text-align: center; font-size: 16px; font-family: Arial, Helvetica, sans-serif; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
   .ExpandButtonOff { display: inline-block; background-color: var(--BlackT); color: var(--White); width: 24px; height: 24px; line-height: 24px; text-align: center; font-size: 16px; font-family: Arial, Helvetica, sans-serif; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; }
  .ExpandButtonOff:hover { background-color: var(--Theme1Accent); }
  .ExpandTitleOn { font-style: italic; color: var(--Theme1Accent); padding-left: 20px; display: table-cell; margin-top: -5px; }
  .ExpandTitleOff { font-style: italic; padding-left: 20px; display: table-cell; margin-top: -5px; }
 .ExpandContent { padding: 15px; display: none; }
.ImageSquare { display: inline-block; width: 100px; height: 100px; background-size: contain; background-position: center center; background-repeat: no-repeat; }
.PageFeatureBox {
	position: relative;
	max-height: 600px;
	overflow: hidden;
	margin: 0px -30px 0px -30px;
}
.PageFeatureBox:before{
	content: "";
	display: block;
	padding-top: 54.00%;
}
.PageFeature {
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: var(--White);
	/*background-image: url(/img/feature-xxxxx.jpg);*/
	background-size: cover;
	background-position: center center;
	-webkit-transition: background-image 1.0s ease-in-out;
	transition: background-image 1.0s ease-in-out;
}
.PaperBox { background-color: var(--Theme1Accent2); outline: 6px double var(--Theme1Accent2); }
.PaperBoxTitle { font-family: Arial, Helvetica, sans-serif; font-size: 34px; line-height: 45px; color: var(--Theme2Front); text-align: center; padding: 40px 0px 40px 0px; }
 .PaperBoxSubtitle { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: var(--White); text-align: center; font-weight: normal; }
.PaperBoxTitleLG { font-family: Arial, Helvetica, sans-serif; font-size: 28px; line-height: 45px; color: var(--White); text-align: center; padding: 68px 0px 68px 0px; }
.PriceCross { font-size: 14px; text-decoration: line-through; }
.PriceCrossSmall { font-size: 12px; text-decoration: line-through; }
.ProductTitle { font-family: Anton, sans-serif; font-size: 40px; line-height: 40px; color: #FFFFFF; text-align: left; font-weight: bold; }
.ProductSubtitle { font-family: Anton, sans-serif; font-size: 30px; line-height: 30px; color: #FFFFFF; text-align: center; }
.PromoBox { margin: 0 auto; }
 .PromoItem { display:inline-block; white-space: nowrap; color: var(--Theme1Accent); padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; border-radius: 4px; border: 3px double var(--Theme1Accent2); margin: 10px; }
 .PromoItem:hover { border-style: solid; background-color: rgba(var(--BlackT),0.07); }
 .PromoInfo { font-size: 11px; }
.PSIFrame { position: relative; width: 100%; overflow: hidden; cursor: pointer; border: 3px double var(--Theme2Accent2); border-radius: 4px; }
.PSIFrame:before{ content: ""; display: block; padding-top: 100.00%; }
 .PSIBox { position:  absolute; top: 0; left: 0; bottom: 0; right: 0; }
  .PSITable { display: table; width: 100%; height: 100%; }
   .PSIRow { display: table-row; }
    .PSICell { display: table-cell; vertical-align: middle; line-height: 0px; text-align: center; background-image: url(/img/grad-lite-transparent-top-bottom.png); background-size: contain; background-color: var(--White); cursor: pointer; position: relative; width: 100%; height: 100%; }
     .PSIBG { background-color: var(--White/*Theme1Hilite*/); position: absolute; top:0px; left: 50%; right: 50%; opacity: 0px; height: 100%; z-index: 1; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; }
     .PSIImg { width:80%; height:80%; margin: 0 auto; background-size: contain; background-position: center center; background-repeat: no-repeat; position: relative; z-index: 2; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
     .PSIInfo { color: var(--Theme1Accent); font-family: Arial, Helvetica, sans-serif; font-weight: 300; font-size: 18px; clear: both; width: 100%; text-align: center; }
     .PSIInfo:hover { color: var(--Theme1Accent2); }
     .PSITitle { color: var(--Theme1Accent); font-family: Arial, Helvetica, sans-serif; font-size: 22px; clear: both; width: 100%; text-align: center; margin-top: 5px; }
     .PSITitle:hover { color: var(--Theme1Accent2); }
 .PSIIconBox { z-index: 100; position: absolute; right: 10px; bottom: 10px; width:100%; text-align:right; }
  .PSIIcon { display: inline-block; width:50px; height: 50px; background-position: center center; background-size: contain; background-repeat: no-repeat; margin: 0px -10px 0px -10px; }
.RegionButton { padding: 20px 10px 10px 10px; cursor: pointer; border: 1px solid transparent; }
.RegionButton:hover { border-color: var(--Theme1Accent2); }
.RegionButtonOn { padding: 20px 10px 10px 10px; cursor: pointer; border: 1px solid var(--Theme1Accent2); }
 .RegionFlag { border: 1px solid var(--White); border-radius: 4px; }
 .RegionCaption { color: var(--Theme1Accent2); white-space: nowrap; padding: 10px 0px 10px 0px; }
.RoundButBox { display: inline-block; text-align: left; width: 140px; height: 140px; position: relative; }
 .RoundButOut { border-radius: 50%; box-shadow: 0px 0px 0px 0px var(--Theme1Accent); opacity: 0.8; width: 70px; height: 70px; position: absolute; left: 35px; top: 35px; }
 .RoundButIn { background-color: var(--Theme1Hilite); width: 80px; height: 80px; left: 30px; top:30px; border-radius: 50%; cursor: pointer; position: absolute; background-position: center center; background-size: contain; background-repeat: no-repeat; }
#SaleFloat { position: fixed; top: 10px; right: 10px; padding: 3px 5px 3px 5px; background-color: var(--Theme1Accent); color: var(--White); border-radius: 4px; font-size: 14px; z-index: 1000; display: none; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.SocialTable { display: table; width: 100%; border-top: 1px solid  rgba(var(--BlackT),1); border-bottom: 1px solid rgba(var(--BlackT),1); }
 .SocialRow { display: table-row; }
  .SocialCell { display: table-cell; padding: 20px; vertical-align: middle; color: var(--Theme1Accent); cursor: pointer; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; text-align: center; }
  .SocialCell:hover { opacity: 0.8; }
   .SocialIcon { width: 40px; vertical-align: middle; margin-right: 10px; }
   .SocialText { display: inline-block; max-width: 60%; vertical-align: middle; font-family: Arial, Helvetica, sans-serif; font-weight: 300; font-size: 16px; white-space: nowrap; color: inherit; line-height: normal; text-align: left; }
  .SocialCellSeparator { display: table-cell; width: 1px; background-color: rgba(var(--BlackT),1); }
.Title { font-family: Anton, sans-serif; font-size: 40px; line-height: 40px; color: var(--White); margin: 40px 0px 40px 0px; text-align: center; }
.SpaceV100 { height:100px; }
.SpaceV50 { height:50px; }
.SpaceV20 { height:20px; }
.SpaceV10 { height:10px; }
.YProduct { width: 560px; height: 315px; }	/* for product pages */
/* elements \ */

#Loader { display: none; border-radius: 50%; position: absolute; top: calc(50vh - 30px); left: calc(50vw - 30px); line-height: 0px; padding: 20px; z-index: 20000; margin: 0 auto; background-color: rgba(0, 0, 0, 0.75); color: #FFFFFF; transition: all 0.3s ease; }

/* wait / */
#Wait { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 900; background-color: rgba(var(--BlackT),0.75); background-image: url(/img/wait.gif); background-position: center center; background-size: 50px 50px; background-repeat: no-repeat; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
/* wait \ */

/* popup / */
#PopScreen { opacity:0.75; background-color:var(--BlackT);  position:fixed; width:100%; height:100%; top:0px; bottom: 0px; left:0px; right:0px; z-index:1000; display: none; }
#PopStage { position: fixed; bottom: -10px; left: 40px; right: 40px;  box-shadow: -1px 1px 20px 20px rgba(var(--BlackT),0.15); background-color: var(--White); padding: 20px 20px 30px 20px; z-index: 1001; max-height: 100%; overflow: auto; display: none; background-position: left top; background-size: cover; background-repeat: no-repeat; border-top-left-radius: 4px; border-top-right-radius: 4px; color: #000000; }
	#PopClose { position: absolute; right: 5px; top: 6px; cursor: pointer; }
	#PopTitle { font-weight: bold; padding: 0px 34px 10px 0px; text-align: left; }
	#PopWait { position: absolute; right: 40px; top: 6px; }
/* popup \ */

#GhostScreen { background-color:rgba(0,  0,  0, 0); position:fixed; top:0px; right: 0px; bottom: 0px; left:0px; z-index:11; display: none; }

/* video / */
.FrameFullFlex {   margin: 0 auto; width:100%; min-width:290px; max-width: 1380px; text-align:left }
.FrameMaxFlex { margin: 0 auto; width:100%; min-width:290px; text-align:left }
/* video \ */

/* head alert */
#HeadAlertBox { text-align: center; position: fixed; top: 0px; right:0px; left: 0px; height: 50px; line-height: 50px; z-index: 10001; display: none; overflow: hidden; }
	#HeadAlert { vertical-align: middle; overflow: hidden; white-space: nowrap; color: var(--White); font-size: 13px; }
		.HeadAlertButton { display: inline-block; background-color: var(--White); color: var(--BlackT); padding: 4px 6px 3px 6px; border-radius: 4px; cursor: pointer; line-height: normal; }

/* adjust / */

.CopyClipBox { display: inline-block; width:1px; height: 1px; overflow: hidden; }
	.CopyClipField { width:1px; height: 1px; }

.MiniLink { font-size: 10px; background-color: var(--Theme1Accent2); color: var(--White); text-decoration: none; padding: 2px 4px 2px 4px; border-radius: 4px; cursor: pointer; white-space: nowrap; }
.MiniLink:hover { background-color: var(--BlackT); color: var(--White); }
.MiniLinkWithIcon { font-size: 11px; background-color: var(--Theme1Accent2); color: var(--White); text-decoration: none; padding: 3px 5px 4px 0px; border-radius: 4px; cursor: pointer; white-space: nowrap; }
.MiniLinkWithIcon:hover { background-color: var(--BlackT); color: var(--White); }

.Context { display: inline-block; cursor: context-menu; text-decoration: underline; text-decoration-style: dashed; text-decoration-thickness: 1px; opacity: 0.7; }	
.Context:hover {  opacity: 1; }	

.HellipTxt { display: inline-block; width: 1em; line-height: 1em; cursor: context-menu; text-align: center; vertical-align: middle; opacity: .6; font-weight: bold; }
.HellipTxt:hover { opacity: 1; }
.HellipImg { display: inline-block; width: 1em; height: 1em; cursor: context-menu; vertical-align: baseline; margin-bottom: -0.1em; background-image: url(/img/icon-hellip-BlackT.png); background-repeat: no-repeat; background-position: center center; background-size: contain; opacity: .6; }
.HellipImg:hover { opacity: 1; }

.IconInline { height: 1em; vertical-align: baseline; margin: 0px 3px -0.07em 3px; } 
.IconInlineLarge { height: 1.5em; vertical-align: middle; margin: -0.2em 0.2em 0em 0.2em; } 
.IconInlineXLarge { height: 1.8em; vertical-align: middle; margin: -0.2em 0.2em 0em 0.2em; } 

/*cmenu /*/
#CMenu { position: absolute; box-shadow: 2px 2px 5px 0px rgba(var(--BlackT),0.3); background-color: var(--Theme2Accent2); font-size: 14px; line-height: normal; margin: 5px 0px 0px 0px; padding: 1px 0px 1px 0px; font-weight: normal; z-index: 10001; display: none; max-height: 70vh; min-height: 10px; overflow: scroll; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ }
#CMenu::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera */ }
	.CMenuInfo { margin: 0px 1px 0px 1px; padding: 7px; background-color: var(--White); color: var(--Theme2Accent2); font-size: 12px; line-height: normal; font-weight: normal; cursor: pointer; }
	.CMenuInfoUnderTitle { margin: 0px 1px 0px 1px; padding: 0px 7px 7px 7px; background-color: var(--White); color: var(--Theme2Accent2); font-size: 12px; line-height: normal; font-weight: normal; cursor: pointer; }
	.CMenuItem { margin: 0px 1px 0px 1px; padding: 7px; background-color: var(--Theme2Back); color: var(--Theme2Front); cursor: pointer; }
	.CMenuItemHover { margin: 0px 1px 0px 1px; padding: 7px; background-color: var(--BlackT); cursor: pointer; }
		.CMenuItemImgBox { width: 14px; height: 14px; line-height: 0px; vertical-align: top; padding-right: 5px; font-size: 14px; }
			.CMenuItemImg { width: 14px; height: 14px; margin-bottom: -2px; vertical-align: baseline; }
		.CMenuItemInfo { font-size: 11px; padding-top: 4px; color: var(--Theme2Accent2); font-size: 14px; }
		.CMenuItemName { vertical-align: top; font-size: 14px; color: var(--GreyLite); }
			.CMenuItemAsA { display: block; width: calc(100% + 14px); margin: -7px -7px -7px -7px; padding: 7px 0px 7px 13px; vertical-align: middle; color: var(--White); /* item as A HREF */ }
			.CMenuItemAsA:hover { color: var(--White); text-decoration: none; }
				.CMenuItemAsAInfo { font-size: 11px; float:right; margin:2px 8px 0px 0px; color: var(--Theme2Accent2); }
		.CMenuItemRight {vertical-align: top; padding: 3px 0px 0px 2px; color: var(--Theme2Accent2); font-size: 11px; text-align: right; }
	.CMenuSearchBox { position: relative; margin: 0px 1px 0px 1px; padding: 7px; background-color: var(--Theme2Back); }
		.CMenuSearchField { width: 100%; border: 0px solid rgba(var(--BlackT),0); background-color: var(--Theme2Back); color: var(--Theme2Front); outline: none; font-size: 14px; padding: 0px; margin: 0px; }
		.CMenuSearchWait { position: absolute; width: 14px; height:14px; line-height: 0px; top: 7px; right: 7px; }
	.CMenuSeparator { line-height: 0px; height: 1px; }
	.CMenuTitle { margin: 0px 1px 0px 1px; padding: 7px; font-weight: bold; text-align: left; background-color: var(--Theme2Back); color: var(--Theme2Front); font-size: 14px; }
	#CMenuWait { padding: 5px; text-align: right; margin-bottom: -2px; }
.CMenuLink { display: inline-block; cursor: context-menu; text-decoration: underline; text-decoration-style: dashed; text-decoration-thickness: 1px; opacity: 0.7; }	
.CMenuLink:hover {  opacity: 1; /*text-decoration-color: rgba(var(--BlackT),0.75);*/ /*border-color:  rgba(var(--BlackT),0.5);*/ }	
#CMenuScreen { display: none; position:fixed; top:0px; right:0px; bottom:0px; left:0px; z-index: 10000; }
.Context { display: inline-block; cursor: context-menu; text-decoration: underline; text-decoration-style: dashed; text-decoration-thickness: 1px; opacity: 0.7; }	
.Context:hover {  opacity: 1; /*text-decoration-color: rgba(var(--BlackT),0.75);*/ /*border-color:  rgba(var(--BlackT),0.5);*/ }	
/*cmenu \*/

@media screen and (max-width: 1600px) { 
	.PromoItem { font-size: 14px; margin: 5px; padding: 5px; letter-spacing: normal; }
}
@media screen and (max-width: 1550px) { 
}
@media screen and (max-width: 1500px) { 
}
@media screen and (max-width: 1450px) { 
}
@media screen and (max-width: 1400px) { 
}
@media screen and (max-width: 1350px) { 
}
@media screen and (max-width: 1300px) { 
}
@media screen and (max-width: 1250px) { 
	.FootNavA { padding: 0px 10px 0px 10px; }
	.FootNavAActive { padding: 0px 10px 0px 10px; }
}
@media screen and (max-width: 1200px) { 
}
@media screen and (max-width: 1150px) { 
	.YProduct { width: 510px; height: 287px; }
}
@media screen and (max-width: 1100px) { 
	#NavBox { display: none; }
	#NavDropBox { display: inline-block; }
	.YProduct { width: 460px; height: 259px; }
}
@media screen and (max-width: 1050px) { 
}
@media screen and (max-width: 1000px) { 
	#Foot { padding: 30px 0px 20px 0px; }
	.FootLeft { float: none; text-align: center; }
	.FootLegalLeft { margin-top: 20px; }
	.FootLegalRight { margin-top: 20px; text-align: center; }
	.FootRight { float: none; text-align: center; }
	.FootSocial { text-align: center; }
	.YProduct { width: 410px; height: 231px; }
}
@media screen and (max-width: 950px) { 
	.FormFieldset { width: 460px; }
	.YProduct { width: 370px; height: 208px; }
}
@media screen and (max-width: 900px) { 
	.PromoInfo { display: none; }
	.SocialTable { display: block; }
	 .SocialRow { display: block; }
	  .SocialCell { display: inline-block; width: 49%; text-align: left; }
	  .SocialCellSeparator { display: none; background-color: transparent; }
	  .SocialText { max-width: 80%; }
}
@media screen and (max-width: 850px) { 
	.SpaceV100 { height:50px; }
}
@media screen and (max-width: 800px) { 
	#PopStage { left: 20px; right: 20px; padding: 10px 10px 20px 10px; }
	.YProduct { width: 620px; height: 377px; }
}
@media screen and (max-width: 750px) { 
	.Table { display: block; }
	.TableRow { display: block; }
	.TableCell { display: block; width: 100%; }
	.TableCellHalf { display: block; width: 100%; }
	.TableCellQuarter { display: block; width: 100%; }
	.TableCellThird { display: block; width: 100%; }
	.YProduct { width: 600px; height: 349px; }
}
@media screen and (max-width: 700px) { 
	BODY, HTML, TD, DIV, TABLE, BUTTON, INPUT, SELECT, TEXTAREA { font-size: 18px; }
	BODY { margin-top: 90px; }
	.CrumbBox { margin-left: 20px; }
	#Flag { height: 16px; }
	#Head { height: 90px; }
	#Logo { margin: 10px 10px 0px 20px }
	#NavDropBox { margin: 0px 20px 0px 0px; }
	.NavDropButton { padding: 10px 0px 10px 0px; }
	#DropSearch { right: 0px; max-width: none; width: 100%; } 
	.YProduct { width: 560px; height: 321px; }
}
@media screen and (max-width: 650px) { 
	.DealItem {  width:140px; height: 140px; margin: 5px; }
	.PSITitle { font-size: 20px; }
	.SocialCell { display: block; width: auto; text-align: center; }
	 .SocialText { width: 190px; }
	.YProduct { width: 510px; height: 293px; }
}
@media screen and (max-width: 600px) { 
	.ContentTitle { font-size: 24px; }
	.FootNavA { border-right-width: 0px; }
	.FootNavAActive { border-right-width: 0px; }
	.DropSearchResultItem { font-size: 18px; }
	.DropSearchTitleCell { font-size: 18px; }
	.PaperBoxTitle { font-size: 24px; line-height: 30px; padding: 20px 0px 20px 0px; }
	.PaperBoxTitleLG { font-size: 24px; line-height: 30px; padding: 40px 0px 40px 0px; }
	.YProduct { width: 460px; height: 264px; }
}
@media screen and (max-width: 550px) { 
    .FormCol { display: block; width: auto; }
	.FormFieldset { width: auto; }
	.ProductTitle { font-size: 30px; line-height: 30px; }
	.ProductSubtitle { font-size: 20px; line-height: 20px; }
	.PSITitle { font-size: 28px; }
	.YProduct { width: 410px; height: 231px; }
}
@media screen and (max-width: 500px) { 
	.DropSearchResultItem { font-size: 14px; }
	.DropSearchTitleCell { font-size: 14px; }
	#PopStage { left: 0px; right: 0px; }
	.Regular { /*font-size: 20px;*/ }
	.Subtitle {  }
	.SpaceV100 { height:30px; }
	.Title { font-size: 30px; }
	.YProduct { width: 370px; height: 208px; }
}
@media screen and (max-width: 450px) { 
	BODY { margin-top: 70px; }
	#Head { height: 70px; }
	#Logo { margin: 5px 10px 0px 20px }
    .PSITitle { font-size: 24px; }
	.YProduct { width: 320px; height: 180px; }
}
@media screen and (max-width: 400px) { 
	.ContentTitle { font-size: 20px; }
	#DropSearch { position: relative; top:0px; right: 0px; margin-left: auto; margin-right: 0px; }
	#Foot { margin: 20px -20px 0px -20px; }
	.Max { margin: 0px -20px 0px -20px; }
	.PaperBoxTitle { font-size: 20px; line-height: 32px; }
	.PaperBoxTitleLG { font-size: 20px; line-height: 32px; }
	.YProduct { width: 280px; height: 158px; }
}
@media screen and (max-width: 350px) { 
	.ContentButton { padding: 8px 10px 8px 10px; font-size: 14px; }
	.ContentTitle { font-size: 18px; }
    .PaperBoxTitle { font-size: 18px; line-height: 28px; padding: 10px 0px 10px 0px; }
	.PaperBoxTitleLG { font-size: 18px; line-height: 28px; padding: 30px 0px 30px 0px; }
}
@media screen and (max-width: 300px) { 
}


@media screen and (max-height: 1400px) { 
}
@media screen and (max-height: 1300px) { 
}
@media screen and (max-height: 1200px) { 
	#DropSearchResult { max-height: 900px; }
}
@media screen and (max-height: 1100px) { 
	#DropSearchResult { max-height: 800px; }
}
@media screen and (max-height: 1000px) { 
	#DropSearchResult { max-height: 700px; }
}
@media screen and (max-height: 900px) { 
	#DropSearchResult { max-height: 600px; }
}
@media screen and (max-height: 800px) { 
	#DropSearchResult { max-height: 500px; }
}
@media screen and (max-height: 700px) { 
	#DropSearchResult { max-height: 400px; }
}
@media screen and (max-height: 600px) { 
	#DropSearchResult { max-height: 300px; }
}
@media screen and (max-height: 500px) { 
	#DropSearchResult { max-height: 200px; }
}


@media screen and (min-width: 851px) { 
}

@media screen and (min-width: 900px) { 
}
/* adjust \ */

/*prevent browser from printing HREF*/
@media print {
    a:after { content:''; }
    a[href]:after { content: none !important; }

}