/*v2019*/

:root {
	
	--MinWidth:	375px;
	
}

/*element*/
HTML { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
BODY { margin: 120px 30px 0px 30px; background-color: #FFFFFF; min-width: calc(var(--MinWidth -60px)); } /* 375 - margin/padding l/r */
BODY, HTML, TD, DIV, TABLE, BUTTON, INPUT, SELECT, TEXTAREA { font-family: Tahoma, Geneva, sans-serif; letter-spacing: 1px; font-size: 18px; }
A { color: #53aaff; }
A:hover { color: #22527b; }
/* 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; }
.Clickable { cursor: pointer; }
.Hidden { display: none; }
.Hilite { background-color: #eaff00; }
.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 { margin: 20px; }
.Table { display: table; }
 .TableRow { display: table-row; }
  .TableCellFifth { display: table-cell; width: 20%; }
  .TableCellFull { display: table-cell; width: 100%; }
  .TableCellHalf { display: table-cell; width: 50%; }
  .TableCellQuarter { display: table-cell; width: 25%; }
  .TableCellThird { display: table-cell; width: 33.3%; }
.U { text-decoration: underline; }
.White { color: #FFFFFF; }
.WhiteBG { background-color: #FFFFFF; }
/* core \ */

/* color */
.Black { color: #000000; }
.BlackBG { background-color: #000000; }
.BlueBright { color: #0166ff; }
.BlueDark { color:#3265a2; }
.BlueDarkBG { color:#3265a2; }
.BlueLite { color: #c1d0de; }
.BlueLiteBG { background-color: #c1d0de; }
.BlueMedium { color: #aebed2; }
.BlueMediumBG { background-color: #aebed2; }
.GreenDark { color: #007a0f; }
.GreenDarkBG { background-color: #007a0f; }
.GreenMedium { color: #00bc17; }
.GreenMediumBG { background: #00bc17; }
.GreyDark { color: #C0C0C0; }
.GreyDarkBG { background-color: #C0C0C0; }
.GreyDark2 { color: #7f7f7f; }
.GreyDark2BG { background-color: #7f7f7f; }
.GreyLite { color:#e8e8e8; }
.GreyLiteBG { background-color:#e8e8e8; }
.GreyLite2 { color:#f5f5f5; }
.GreyLite2BG { background-color:#f5f5f5; }
.GreyMedium { color: #CCCCCC; }
.GreyMediumBG { background-color: #CCCCCC; }
.Orange { color: #ff9a00; }
.OrangeBG { background-color: #ff9a00; }
.PurpleDark { color: #310e53; }
.PurplePurpleBG { background-color: #310e53; }
.PurpleDark2 { color: #1f0a3e; }
.PurpleDark2BG { background-color: #1f0a3e; }
.PurpleMedium { color: #b200ff; }
.PurpleMediumBG { background-color: #b200ff; }
.Red { color:#CA0813 }
.RedBG { background-color:#CA0813 }
.RedBright { color:#ff000e }
.RedBrightBG { background-color:#ff000e }
.RedDark { color:#a30009 }
.RedDarkBG { background-color:#a30009 }
.White { color: #FFFFFF; }
.WhiteBG { background-color: #FFFFFF; }
.Yellow { color: #f8ec31; }
.YellowBG { background-color: #f8ec31; }

/* 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: #FFFFFF;
		color: #0081ff;
		font-family: 'Lucida Sans Unicode', 'Lucida Grande', 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: #FFFFFF;
	color: #FF0000;
	border: 1px solid #FF0000;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', 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: #FFFFFF;
	color: #0081ff;
	border: 1px solid #0081ff;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', 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: #0081ff; color: #FFFFFF; outline: none; font-size: 16px; text-align: center; border: 1px solid #CCCCCC; min-width: 150px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.FormButton:hover { opacity: 0.6; }
.FormLabel { font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 16px; text-align: left; color: #0081ff; font-weight: normal; }
.FormDropBox { position: relative; min-width: 100px; max-height: 300px; z-index: 16; background-color: #CCCCCC; white-space: nowrap; overflow: auto; margin-top: -8px; }
.FormDropBoxHidden { position: relative; min-width: 100px; max-height: 300px; z-index: 16; background-color: #CCCCCC; white-space: nowrap; overflow: auto; margin-top: -8px; display: none; }
.FormDropItem { margin: 1px; padding: 2px 5px 2px 5px; background-color: #e8e8e8; font-size: 14px; cursor: pointer; }
.FormDropItem:hover { background-color: #f5f5f5; }
.FormDropItem1 { margin: 1px; padding: 2px 5px 2px 5px; background-color: #FFFFFF; font-size: 14px; cursor: pointer; }
.FormDropPin { position: absolute; z-index: 1000; }
.FormDropSide { position: absolute; top: 7px; right:0px; }
/*.FormFieldInfo { font-size: 11px; padding-bottom: 5px; }*/
.FormFindBox { position: absolute; min-width: 100px; max-height: 300px; z-index: 16; background-color: #CCCCCC; white-space: nowrap; overflow: auto; margin-top: -8px; }
.FormFindItem { margin: 1px; padding: 2px 5px 2px 5px; background-color: #e8e8e8; font-size: 14px; cursor: pointer; }
.FormFindItem:hover { background-color: #f5f5f5; }
.FormFindItem1 { margin: 1px; padding: 2px 5px 2px 5px; background-color: #FFFFFF; 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: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 17px; border: 0px solid transparent; background-color: #eaeaea; color: #000000; width: 100%; outline: none; }
.FormTextArea { padding: 5px; font-size: font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 17px; border: 0px solid transparent; background-color: #eaeaea; color: #000000; width: 100%; height: 150px; outline: none; }
.FormWait { 0px; height: 24px; display: inline-block; }
/* forms \ */

/* color theme / */
.ThemeDarkDark { color: #00366b; }
.ThemeDarkDarkBG { background-color: #00366b; }
.ThemeDark { color: #0054a6; }
.ThemeDarkBG { background-color: #0054a6; }
.ThemeMediumDark { color: #0270db; }
.ThemeMediumDarkBG { background-color: #0270db; }
.ThemeMedium { color: #0081ff; }
.ThemeMediumBG { background-color: #0081ff; }
.ThemeMediumLite { color: #1e90ff; }
.ThemeMediumLiteBG { background-color: #1e90ff; }
.ThemeLite { color: #53aaff; }
.ThemeLiteBG { background-color: #53aaff; }
.ThemeLiteLite { color: #92c9ff; }
.ThemeLiteLiteBG { background-color: #92c9ff; }

.ThemeGreyDark { color: #747474; }
.ThemeGreyDarkBG { background-color: #747474; }
.ThemeGreyMedium { color: #9a9a9a; }
.ThemeGreyMediumBG { background-color: #9a9a9a; }
.ThemeGreyLite { color: #cccccc; }
.ThemeGreyLiteBG { background-color: #cccccc; }

.ThemeHilite { color: #eaff00; }
.ThemeHiliteBG { background-color: #eaff00; }

.ThemeActive { color: #b661ff; }
.ThemeActiveBG { background-color: #b661ff; }
/* color theme \ */

/* elements / */
#BottomCart { position: fixed; bottom: 10px; left: 10px; border-radius: 6px; padding: 10px; line-height: 0px; background-color: rgba(93, 93, 93, 0.5); color: #e5e5e5; cursor: pointer; z-index: 1000; }
 #BottomCartCount { font-family: 'Lucida Sans Unicode', 'Lucida Grande', 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: #FFFFFF; -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(93, 93, 93, 0.5); color: #e5e5e5; cursor: pointer; z-index: 1000; }
.BlogListItemFull { margin: 0px 0px 20px 0px; cursor: pointer; padding: 10px; }
.BlogListItemFull:hover { background-color: #0081ff; }
.BlogSeparator { clear: both; border-bottom: 1px solid #000000; margin: 10px 0px 10px 0px; }
.CartChoiceBox { border: 1px dotted #747474; 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: #ece6df; }
		.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: #000000; 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; margin-left: -3px; }
.ContentButton { display: inline-block; padding: 8px 25px 8px 25px; background-color: #0081ff; color: #FFFFFF; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 16px; text-align: center; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; cursor: pointer; min-width: 100px; }
.ContentButton:hover { opacity: 0.6; }
.ContentButtonBlack { display: inline-block; padding: 8px 25px 8px 25px; background-color: #000000; color: #FFFFFF; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 16px; text-align: center; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; cursor: pointer; min-width: 100px; }
.ContentButtonBlack:hover { opacity: 0.6; }
.ContentTitle { color: #0081ff; font-size: 34px; font-family: Tahoma, Geneva, sans-serif; font-size: 34px; }
.DealBanner { background-color: #000000; color: #FFFFFF; padding: 10px; text-align: center; }
	.DealItem { display: inline-block; position: relative; vertical-align: middle; border-radius: 8px; border: 3px #eb1b23 dotted; width:150px; height: 150px; margin: 20px; padding: 3px; cursor: pointer; }
		.DealButton { white-space: nowrap; display: inline-block; background-color: #ec1b24; 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: 1000; width: 100%; min-width: var(--MinWidth); background-color: #535353; overflow: visible; height: 120px; }
	#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: 1000; display: none; top: 80px; right: 110px; padding: 20px; background-color: rgba(0, 0, 0, 0.8); width: 80%; min-width: 250px; max-width: 600px; }
    			#DropSearchFieldBox { position: relative; background-color: #FFFFFF; height: 40px; vertical-align: middle; text-align: left; line-height: 0px; }
     			#DropSearchField { width: 100%; padding: 10px; border: 0px solid transparent; outline: none; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height:  14px; }
     			#DropSearchWait { position: absolute; top: 8px; right: 8px; }
   			#DropSearchResult { padding-top: 20px; color: #FFFFFF; font-size: 20px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; overflow: scroll; max-height: 1000px; }
    			.DropSearchResultItem { color: #FFFFFF; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; border-top: 1px dotted #0081ff; padding: 5px 2px 5px 2px; cursor: pointer; }   
    			.DropSearchResultItem:hover { background-color: rgba(255, 255, 255, 0.9); color: #0081ff; }   
     			.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; padding: 15px 90px 0px 0px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 17px; letter-spacing: 1px; color: #FFFFFF; }
   			.NavA { display: inline-block; padding: 20px 10px 10px 10px; cursor: pointer; font-size: inherit; font-family: inherit; color: #FFFFFF; -webkit-transition: color 0.3s; transition: color 0.3s; position: relative; }
   			.NavA:hover { color: #0081ff; 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: #0081ff; }
   			.NavAActive:hover { color: #0081ff; 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: 1000; display: none; top: 50px; left: 0px; background-color: rgba(0, 0, 0, 0.8); min-width: 300px; max-width: 600px; border-top: 2px solid #0081ff; }
	     			.SubnavAItem { display: block; text-align: left; color: #FFFFFF; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 16px; font-weight: normal; padding: 10px 15px 10px 15px; }
	     			.SubnavAItem:hover { color: #53aaff; background-color: rgba(0, 0, 0, 0.5); text-decoration: none; }
	     			.SubnavAItemActive { display: block; text-align: left; color: #53aaff; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 16px; font-weight: normal; padding: 10px 15px 10px 15px;  background-color: rgba(0, 0, 0, 0.4); }
	     			.SubnavAItemActive:hover { color: #53aaff;  background-color: rgba(0, 0, 0, 0.5); text-decoration: none; }
	     			.SubnavItem { text-align: left; color: #FFFFFF; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 16px; font-weight: normal; /* border-top: 1px solid #90a278; */ padding: 10px 15px 10px 15px; }
	     			.SubnavItem:hover { color: #53aaff;  background-color: rgba(0, 0, 0, 0.2); }
	     			.SubnavItemActive { text-align: left; color: #0081ff; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 16px; font-weight: normal; /* border-top: 1px solid #90a278; */ padding: 10px 15px 10px 15px;  background-color: rgba(0, 0, 0, 0.4); }
	     			.DropSubmenuToggle { width: 8px; height: 8px; vertical-align: middle; margin: 0px 0px 4px 2px; }
   			#NavButtonCart { margin-right: 0px }
   			.NavIcon { font-size: 14px; padding: 10px 0px 10px 0px; color: #FFFFFF; -webkit-transition: color 0.3s; transition: color 0.3s; }
   			.NavIcon:hover { color: #53aaff; }
   			.NavIconActive { font-size: 14px; padding: 10px 0px 10px 0px; color: #0081ff; -webkit-transition: color 0.3s; transition: color 0.3s; }
    			#CartCountHead { display: inline-block; background-color: #0081ff; color: #FFFFFF; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:13px; line-height: 13px; padding: 6px 8px 6px 8px; text-align: center; border-radius: 18px; position: absolute; top: 5px; right: 0px; }
  			#NavDropBox { display: none; float: right; vertical-align: middle; text-align: right; margin: 15px 90px 0px 0px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 20px; letter-spacing: 1px; color: #FFFFFF; }
   			.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: #FFFFFF; -webkit-transition: color 0.3s; transition: color 0.3s; }
   			.NavDropIcon:hover { color: #0081ff; }
   			.NavDropIconActive { font-size: 20px; padding: 10px 7px 10px 7px; color: #0081ff; -webkit-transition: color 0.3s; transition: color 0.3s; }
    			#CartCountHeadDrop { display: inline-block; background-color: #0081ff; color: #FFFFFF; font-family: 'Lucida Sans Unicode', 'Lucida Grande', 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; }
/*#HeadMask { position: absolute; top: 0px; left: 0px; right: 0px; height: 105px; width: 100%; z-index: 0; background-color: #000000; }*/
#Foot { margin: 30px -30px 0px -30px; padding: 30px 80px 20px 80px; background-color: #535353; color: #FFFFFF; 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: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }
  #FootLogo { height: 40px; }
  .FootLegalLeft { font-size: 14px; line-height: 14px; color: #FFFFFF; margin: 50px 0px 0px 5px; }
   .FootLegalNavA { display: inline-block; padding: 0px 10px 0px 10px; border-right: 1px solid #FFFFFF; cursor: pointer; font-size: inherit; font-size: 12px; line-height: 12px; color: #FFFFFF; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; -webkit-transition: color 0.3s; transition: color 0.3s; }
   .FootLegalNavA:hover { color: #0054a6; text-decoration: none; }
   .FootLegalNavAActive { display: inline-block; padding: 0px 10px 0px 10px; border-right: 1px solid #FFFFFF; cursor: pointer; font-size: inherit; font-family: inherit; font-size: 12px; line-height: 12px; color: #FFFFFF; -webkit-transition: color 0.3s; transition: color 0.3s; }
   .FootLegalNavAActive:hover { text-decoration: none; }
   .FootLegalSeparator { display: inline-block; padding: 0px 7px 0px 7px; font-size: 11px; color: #FFFFFF; }
 .FootRight { float: right; padding-top: 10px; }
  .FootLegalRight { font-size: 14px; line-height: 14px; color: #FFFFFF; margin: 40px 0px 0px 5px; text-align: right; }
  .FootNavA { display: inline-block; padding: 0px 30px 0px 30px; border-right: 1px solid #FFFFFF; cursor: pointer; font-size: inherit; font-size: 14px; line-height: 14px; color: #FFFFFF; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; -webkit-transition: color 0.3s; transition: color 0.3s; }
  .FootNavA:hover { color: #0081ff; text-decoration: none; }
  .FootNavAActive { display: inline-block; padding: 0px 30px 0px 30px; border-right: 1px solid #FFFFFF; cursor: pointer; font-size: inherit; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 14px; line-height: 14px; color: #0081ff; -webkit-transition: color 0.3s; transition: color 0.3s; }
  .FootNavAActive:hover { text-decoration: none; }
  .FootNavIcon { font-size: 14px; padding: 10px 10px 10px 10px; color: #FFFFFF; -webkit-transition: color 0.3s; transition: color 0.3s; }
  .FootNavIcon:hover { color: #0081ff; }
   #CartCountFoot { display: inline-block; background-color: #0081ff; 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; margin-left: -3px; }
   .FootSocial { text-align: right; padding: 10px; }
    .FootSocialIcon { width: 30px; height: 30px; border: 0px solid transparent; }
.ExpandBox { border: 1px solid #cccccc; padding: 0px; margin: 0px 0px 10px 0px; overflow: auto; }
 .ExpandHead { overflow: auto; padding: 15px; cursor: pointer; color: #747474; }
 .ExpandHead:hover { color: #0081ff; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
  .ExpandButtonBox { display: table-cell; }
   .ExpandButtonOn { display: inline-block; background-color: #0081ff; color: #FFFFFF; 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: #000000; color: #FFFFFF; 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: #0081ff; }
  .ExpandTitleOn { font-style: italic; color: #0081ff; 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: #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;
}
.PaperBox { background-color: #0081ff; background-image: url(/img/bg-wall.jpg); background-size: cover; background-position: center top; }
.PaperBoxTitle { font-family: Tahoma, Geneva, sans-serif; font-size: 34px; line-height: 45px; color: #FFFFFF; text-align: center; padding: 40px 0px 40px 0px; }
 .PaperBoxSubtitle { font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 20px; color: #FFFFFF; text-align: center; font-weight: normal; }
.PaperBoxTitleLG { font-family: Tahoma, Geneva, sans-serif; font-size: 28px; line-height: 45px; color: #FFFFFF; text-align: center; padding: 68px 0px 68px 0px; }
.PriceCross { font-size: 14px; text-decoration: line-through; }
.PriceCrossSmall { font-size: 12px; text-decoration: line-through; }
.PromoBox { margin: 0 auto; }
 .PromoItem { display:inline-block; white-space: nowrap; color: #0081ff; padding: 10px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 16px; border-radius: 4px; border: 2px dotted #ffa800; margin: 10px; }
.PSIFrame { position: relative; width: 100%; overflow: hidden; cursor: pointer; }
.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-medium-transparent-top-bottom.png); background-size: contain; cursor: pointer; position: relative; width: 100%; height: 100%; }
     .PSIBG { background-color: #000000; 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: #0081ff; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight: 300; font-size: 18px; clear: both; width: 100%; text-align: center; }
     .PSIInfo:hover { color: #0081ff; }
     .PSITitle { color: #0081ff; font-family: Tahoma, Geneva, sans-serif; font-size: 22px; clear: both; width: 100%; text-align: center; margin-top: 5px; font-weight: bold; }
     .PSITitle:hover { color: #0081ff; }
 .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: #0081ff; }
.RegionButtonOn { padding: 20px 10px 10px 10px; cursor: pointer; border: 1px solid #0081ff; }
 .RegionFlag { border: 1px solid #FFFFFF; border-radius: 4px; }
 .RegionCaption { color: #0081ff; 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 #53aaff; opacity: 0.8; width: 70px; height: 70px; position: absolute; left: 35px; top: 35px; }
 .RoundButIn { background-color: #0081ff; 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: rgba(255, 0, 0, 0.75); color: #FFFFFF; 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 #000000; border-bottom: 1px solid #000000; }
 .SocialRow { display: table-row; }
  .SocialCell { display: table-cell; padding: 20px; vertical-align: middle; color: #0081ff; 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: Tahoma, Geneva, sans-serif; font-weight: 300; font-size: 22px; color: inherit; line-height: normal; text-align: left; }
  .SocialCellSeparator { display: table-cell; width: 1px; background-color: #000000; }
.Title { font-family: Tahoma, Geneva, sans-serif; font-size: 40px; line-height: 40px; letter-spacing: 1px; color: #0081ff; margin: 20px; text-align: center; font-weight: bold; }
.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; }

/* popup / */
#PopScreen { opacity:0.75; background-color:#000000; 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(0, 0, 0, 0.15); background-color: #FFFFFF; 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; }
	#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: #FFFFFF; font-size: 13px; }
		.HeadAlertButton { display: inline-block; background-color: #FFFFFF; color: #000000; padding: 4px 6px 3px 6px; border-radius: 4px; cursor: pointer; line-height: normal; }

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

.MiniLink { font-size: 10px; background-color: #919191; color: #FFFFFF; text-decoration: none; padding: 2px 4px 2px 4px; border-radius: 4px; cursor: pointer; white-space: nowrap; }
.MiniLink:hover { background-color: #000000; color: #FFFFFF; }
.MiniLinkWithIcon { font-size: 11px; background-color: #919191; color: #FFFFFF; text-decoration: none; padding: 3px 5px 4px 0px; border-radius: 4px; cursor: pointer; white-space: nowrap; }
.MiniLinkWithIcon:hover { background-color: #000000; color: #FFFFFF; }

.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; }	
#ContextMenuScreen { display: none; position:fixed; top:0px; right:0px; bottom:0px; left:0px; z-index:10100; }
.ContextMenu { position: absolute; box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3); background-color: #dedede; font-size: 14px; line-height: normal; margin: 5px 0px 0px 0px; padding: 1px 0px 1px 0px; font-weight: normal; z-index: 10101; display: none; cursor: pointer; max-height: 70vh; min-height: 10px; overflow: scroll; }
	.ContextMenuInfo { margin: 0px 1px 0px 1px; padding: 7px; background-color: transparent; color: #4a4a4a; font-size: 12px; line-height: normal; font-weight: normal; cursor: pointer; }
	.ContextMenuItem { margin: 0px 1px 0px 1px; padding: 7px; background-color: #f2f2f2; white-space: nowrap; }
	.ContextMenuItem:hover { background-color: #FFFFFF; }
	.ContextMenuSeparator { line-height: 0px; height: 1px; }
	.ContextMenuTitle { padding: 7px; font-weight: bold; text-align: center; background-color: #FFFFFF; }

.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-black.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; } 

/*cmenu /*/
#CMenu { position: absolute; box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3); background-color: #a1a1a1; 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: #FFFFFF; color: #4a4a4a; font-size: 12px; line-height: normal; font-weight: normal; cursor: pointer; }
	.CMenuInfoUnderTitle { margin: 0px 1px 0px 1px; padding: 0px 7px 7px 7px; background-color: #FFFFFF; color: #4a4a4a; font-size: 12px; line-height: normal; font-weight: normal; cursor: pointer; }
	.CMenuItem { margin: 0px 1px 0px 1px; padding: 7px; background-color: #303030; color: #eeeeee; cursor: pointer; }
	.CMenuItemHover { margin: 0px 1px 0px 1px; padding: 7px; background-color: #000000; 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: #7b7b7b; font-size: 14px; }
		.CMenuItemName { vertical-align: top; font-size: 14px; color: #eeeeee; }
			.CMenuItemAsA { display: block; width: calc(100% + 14px); margin: -7px -7px -7px -7px; padding: 7px 0px 7px 13px; vertical-align: middle; color: #FFFFFF; /* item as A HREF */ }
			.CMenuItemAsA:hover { color: #FFFFFF; text-decoration: none; }
				.CMenuItemAsAInfo { font-size: 11px; float:right; margin:2px 5px 0px 0px; color: #afafaf; }
		.CMenuItemRight {vertical-align: top; padding: 3px 0px 0px 2px; color: #7f7f7f; font-size: 11px; text-align: right; }
	.CMenuSearchBox { position: relative; margin: 0px 1px 0px 1px; padding: 7px; background-color: #303030; }
		.CMenuSearchField { width: 100%; border: 0px solid rgba(0, 0, 0, 0); background-color: #303030; color: #eeeeee; 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: #1c1c1c; color: #eeeeee; 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(0, 0, 0, 0.75);*/ /*border-color:  rgba(0, 0, 0, 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(0, 0, 0, 0.75);*/ /*border-color:  rgba(0, 0, 0, 0.5);*/ }	
/*cmenu \*/

/* 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) { 
	.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) { 
	.FootLeft { float: none; text-align: center; }
	#Foot { padding: 30px 0px 20px 0px; }
	.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; }
}
@media screen and (max-width: 900px) { 
	#NavBox { display: none; }
	#NavDropBox { display: inline-block; }
	.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%; }
	.SpaceV100 { height:50px; }
}
@media screen and (max-width: 850px) { 
}
@media screen and (max-width: 800px) { 
	#PopStage { left: 20px; right: 20px; padding: 10px 10px 20px 10px; }
}
@media screen and (max-width: 750px) { 
	.Table { display: block; }
	.TableRow { display: block; }
	.TableCellHalf { display: block; width: 100%; }
	.TableCellQuarter { display: block; width: 100%; }
	.TableCellThird { display: block; width: 100%; }
	.YProduct { width: 620px; height: 377px; }
	.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; }
	#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; }
	.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; }

}