:root
{	/* [DP20200129] */
	--fontfamily: Verdana, Lucida Grande, sans-serif;
	--fontsize: 9pt;
	--menu-height: 24px;
	--menu-border-color: rgb(100,100,100);	/* where used? */
	--menu-background-color: #0f1841;
	--menu-background-color-hover: #3f4871;
	--menu-text-color: white;
/* [DP20250905] moved to body{}
	--menu-text-color-hover: var(--menu-text-color);
*/
	--menu-text-fontvariant: none;
	--menu-item-textsize: 12px;
	--menu-item-textweight: normal;
	--menu-item-text-padding-offset: -3px;	/* used when centering menu text */
/* [DP20250905] moved to body{}
	--menu-subs-background-color: var(--menu-background-color);
	--menu-subs-background-color-hover: var(--menu-background-color-hover);
*/
	--menu-small-background-color: #1f2851;	/* submenus */
	--menu-small-background-color-hover: #2f3861;	/* submenus */
	--menu-subs-touchbutton-background-color: rgba(0,0,0,0.075);
	--menu-subs-touchbutton-color: #aaa;
	--menu-subs-width: 125%;	/* [DP20240624] */
	--menu-small-widget-url: url(../images/mobile-menu.gif);
	/*--menu-small-widget-url: url(../images/open-iconic-png/menu-6x.png);*/
	--menu-small-widget-ratio: 0.65;
/* [DP20250905] moved to body{}
	--menu-small-widget-color: var(--menu-text-color);
*/
	--menu-vertical-seperator-color: #acaca1;
/* [DP20250905] moved to body{}
	--menu-navbar-peek-widget-color: var(--menu-text-color);
	--menu-navbar-peek-widget-color-background: var(--menu-text-color);	*//* when .Background is active *//*
*/
	--menu-navbar-peek-widget-ratio: 0.3;
	--menu-navbar-peek-widget-background-color: black;
	--menu-navbar-peek-widget-background-opacity: 0.3;
	--menu-navbar-peek-widget-background-radius: 12px;
	--menu-navbar-peek-widget-background-offset: 4px;
	--menu-navbar-filter-widget-ratio: 0.45;
/* [DP20250905] moved to body{}
	--menu-navbar-filter-widget-color: var(--menu-text-color);
	--menu-navbar-filter-widget-size: calc( var(--menu-height) * var(--menu-navbar-filter-widget-ratio) );
	--menu-navbar-filter-widget-funnel-height: calc( var(--menu-navbar-filter-widget-size) * 0.8 );
	--menu-navbar-filter-widget-tube-width: calc( var(--menu-navbar-filter-widget-size) * 0.2 );
	--header-row-background-color: var(--menu-background-color);	*//* table header row *//*
*/
	--header-row-text-color: white;
	--header-row-text-weight: normal;
	--autocomplete-width: 275px;
	--autocomplete-height: 20px;
/* [DP20250905] moved to body{}
	--autocomplete-textsize: calc( var(--autocomplete-height) - 8px );
*/
	--autocomplete-widget-url: url(../images/mobileSearch.png);
/* [DP20250905] moved to body{}
	--autocomplete-widget-size: calc(var(--autocomplete-height) - 2px);	*//* [DP20240625] *//*
*/
	--autocomplete-offset: 0px;
	--zero: 0;
	--card-border-color: grey;
	--card-border-radius: 7px;	/* [DP20240524] */
	--emphasis-border-color: #606060;	/* [DP20240104] */
	--seperator-color: grey;
	--table-row-alternate-color: #d3d3d3;
	--input-border-color: #bbb;
/* [DP20250905] moved to body{}
	--button-border-color: var(--input-border-color);
*/
	--button-border-width: 1px;	/* [DP20240523] */
	--button-modularbutton-height: 20px;
	--button-modularbutton-imgposition-x: calc( 100% - 2px );	/* [DP20240523] */
/* [DP20250905] moved to body{}
	--button-modularbutton-imgpadding: calc( var(--button-modularbutton-height) + 14px );
	--button-modularbutton-imgheight: calc( var(--button-modularbutton-height) - 6px );	*//* [DP20240625] *//*
*/
	--button-modularbutton-padding: 10px;
	--button-modularbutton-background-color: white;	/* [DP20240523] */
	--button-modularbutton-background-color-hover: #c4c0b8;
	--button-modularbutton-fontratio: 0.5;	/* [DP20230921] */
	--button-modularbutton-color: black;	/* [DP20240523] */
	--button-modularbutton-radius: 3px;	/* [DP20240620] */
	--button-modularbutton-fontweight: bold;	/* [DP20240621] */
	--banner-fontfamily: Arial, sans-serif;	/* [DP20230222] */
	--categorytile-fontfamily: Ubuntu, sans-serif;	/* [DP20230222] */
	--table-listtable-header-height: normal;	/* [DP20230223] */
	--table-listtable-firstrowpadding: 0;	/* [DP20230223] whitespace above first data row (increases background size) */
	--zindex-normal:1;
	--zindex-dogears:180;
	--zindex-menu-base:190;
	--zindex-menusmall-modal:193;	/* below all other modals and persistent menu widgets */
	--zindex-menusmall-persistent:194;	/* above modal - like .menu_button */
	--zindex-ghostdiv:195;
	--zindex-popupdiv:196;
	--zindex-peekmodal:197;
	--headerframe-background-color:none;
	--navbarframe-background-color:white;
/* [DP20250905] moved to body{}
	--navbarframe-links-fontfamily: var(--fontfamily);	*//* [DP20221125] *//*
*/
	--navbarframe-links-color: #777;	/* [DP20240516] */
	--navbarframe-logo-height: 60px;	/* [DP20240202] */
	--navbarframe-search-links-color: #6a6a6a;	/* [DP20240516] */
	--navbarframe-search-links-fontsize: 0.75em;	/* [DP20240516] */
	--animate-minibreathe-scale:1.03;	/* [DP20220330] */
	--subscroll-width: 0px;	/* [DP20220405] */
	--color-red: #900;
	--color-white: white;
	--text-color-base: #0f1841;	/* [DP20240104] */
	--searchaddcart-price-fontsize: 0.938em;	/* [DP20240523] */
	--addcart-propertytable-fontsize: 11px;	/* [DP20240523] */
	--addcart-propertytable-color: black;	/* [DP20240523] */
	--addcart-attributetable-fontsize: 12px;	/* [DP20240523] */
	--addcart-attributetable-color: black;	/* [DP20240523] */
}

body
{
	/* dependent on ancestor values */
	--fontsize-large: calc( var(--fontsize) * 4 / 3 );
	--fontsize-medium: calc( var(--fontsize) * 11 / 9 );
	--fontsize-normal: var(--fontsize);
	--fontsize-small: calc( var(--fontsize) * 8 / 9 );
	--fontsize-xsmall: calc( var(--fontsize) * 9 / 12 );

/* [DP20250905] moved from :root{} */
	--menu-text-color-hover: var(--menu-text-color);
	--menu-subs-background-color: var(--menu-background-color);
	--menu-subs-background-color-hover: var(--menu-background-color-hover);
	--menu-small-widget-color: var(--menu-text-color);
	--menu-navbar-peek-widget-color: var(--menu-text-color);
	--menu-navbar-peek-widget-color-background: var(--menu-text-color);	/* when .Background is active */
	--menu-navbar-filter-widget-color: var(--menu-text-color);
	--menu-navbar-filter-widget-size: calc( var(--menu-height) * var(--menu-navbar-filter-widget-ratio) );
	--menu-navbar-filter-widget-funnel-height: calc( var(--menu-navbar-filter-widget-size) * 0.8 );
	--menu-navbar-filter-widget-tube-width: calc( var(--menu-navbar-filter-widget-size) * 0.2 );
	--header-row-background-color: var(--menu-background-color);	/* table header row */
	--autocomplete-textsize: calc( var(--autocomplete-height) - 8px );
	--autocomplete-widget-size: calc(var(--autocomplete-height) - 2px);	/* [DP20240625] */
	--button-border-color: var(--input-border-color);
	--button-modularbutton-imgpadding: calc( var(--button-modularbutton-height) + 14px );
	--button-modularbutton-imgheight: calc( var(--button-modularbutton-height) - 6px );	/* [DP20240625] */
	--navbarframe-links-fontfamily: var(--fontfamily);	/* [DP20221125] */

}

.overflowEllipsis
{	/* [DP20171019] */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#clImport_merge
{	/* [DP20190329] see _xhrGetFrameLocation_merged() */
	display: none;
}

.modular-char-icon
{	/* [DP20190327] */
	display: inline-block;	/* [DP20210304] */
	width: 1.3em;
	height: 1.3em;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
body.Mobile .modular-char-icon
{	/* [DP20190327] */
	width: 1em;
	height: 1em;
}

.modular-char-icon.img-pencil
{	/* [DP20190327] */
	background-image: url(../images/open-iconic/png/pencil-2x.png);
}

.modular-char-icon.img-remove
{	/* [DP20190327] */
	background-image: url(../images/remove.jpg);
}

.Invisible:not(.Visible),
body.MobileDesktop.ResponsiveSmall .NoMobileDesktop,	/* [DP20200401] */
body:not(.MobileDesktop) .OnlyMobileDesktop,	/* [DP20200624] */
body.MobileDesktop:not(.ResponsiveSmall) .OnlyMobileDesktop,	/* [DP20200624] */
body.ResponsiveSmall .NoResponsiveSmall,	/* [DP20240510] */
body:not(.Mobile) .OnlyMobile,	/* [DP20240612] */
body.Mobile .NoMobile,	/* [DP20240612] */
body:not(.LoggedIn) .OnlyLoggedIn,	/* [DP20240618] */
body.NavHide .NoNavHide,	/* [DP20241025] */
.Delete
{
	display: none !important;	/* [DP20200403] added !important */
}

.Visible
{	/* [DP20200401] moved from body.css */
	display:inline;
}

.ClearFix:after
{	/* [DP20200110] */
	content: "";
	display: table;
	clear: both;
}

.ClearFixBefore:before
{	/* [DP20200406] */
	content: "";
	display: table;
	clear: both;
}

.FadeHide
{	/* [DP20190904] */
	opacity: 0;
}

.FadeHide.FadeShow
{	/* [DP20190904] */
	opacity: 1;
	transition: opacity 0.5s;
}

@keyframes Breathe 
{	/* [DP20191002] moved from header_mobile.css */
	0%
	{
	  transform: scale(1, 1);
	}
	25%
	{
	  transform: scale(1.2, 1.2);
	}
	100%
	{
	  transform: scale(1, 1);
	}
}

@keyframes MiniBreatheIn
{	/* [DP20220330] */
	from {
		transform: scale(1, 1);
	}
	to {
	  transform: scale(var(--animate-minibreathe-scale), var(--animate-minibreathe-scale));
	}
}

.MassDamper,
.MassDamperY
{
	position: relative !important;
	top: 50% !important;
	transform: translateY(-50%);
}

.MassDamperX
{
	position: relative !important;
	left: 50% !important;
	transform: translateX(-50%);
}

.MassDamperXY
{
	position: relative !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%,-50%);
}

.Flexbox
{
	display: flex;
}

.Flexbox.VerticalMiddle
{
	align-items: center;	/* vertically centered */
}

.Flexbox.Justify
{
	justify-content: space-between;	/* justify to edges */
}

.AbsTop
{
	position: absolute !important;
	top: 0 !important;
}
.AbsTopLeft
{
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
}
.AbsTopRight
{
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
}
.AbsBottom
{
	position: absolute !important;
	bottom: 0 !important;
}
.AbsBottomRight
{
	position: absolute !important;
	bottom: 0 !important;
	right: 0 !important;
}
.AbsBottomLeft
{
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
}

div.ghostDiv {	/* used with popups */
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: white;
	opacity: 0.7;
  filter: alpha(opacity=70);
	z-index: 195;
	z-index: var(--zindex-ghostdiv);	/* [DP20200424] */
}
