/* ============================================================
   PIOS Desktop — third-party widget re-skins + widget core CSS
   .selectBox, TransBanner (.TB_*), jQuery Cycle slider (.sli_*),
   marquee, jquery.validate labels. (Fancybox 1.3.4 chrome removed in
   WP4 — replaced by the native <dialog>, js/tee-modal.js.)
   WP8/2: the widget CORE blocks moved here verbatim from the
   retired css/styles.css (url() paths rebased css/ -> css/desktop/,
   i.e. ../images/ -> ../../images/). Order preserved: core first,
   redesign refinements after (they used to load in a later sheet).
   ============================================================ */

/* ---- fancybox 1.3.4 core: REMOVED (WP4, 2026-07-05) ----
   The Fancybox 1.3.4 engine was replaced by a native <dialog> (js/tee-modal.js);
   its init is a no-op, so none of the #fancybox-* / .fancybox-* nodes are ever built.
   All ~46 lines of sprite chrome were orphaned dead code and have been deleted. */

/* ---- selectBox plugin + combi wrapper (ex styles.css:147-152, 561-596) ---- */
.menu_select_wrapper { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; height: 50px; position: relative; float: left; overflow: hidden; padding: 5px; }
.menu_select_wrapper .selectBox { box-sizing: border-box; width: 97%!important; position: absolute; padding: 1px 0; }
a.selectBox span  { color: #393939; }
.msw25 { width: 25%; }
.msw50 { width: 50%; }
.msw33 { width: 33.3%; }
/* Dropdown control */
.selectBox-dropdown { min-width: 144px; position: relative; letter-spacing: 0.035em; font-size: 110%; line-height: 130%; border: solid 1px #D0CAC0; text-decoration: none; text-align: left; color: #000; outline: none; vertical-align: middle;
background: #EAE5DE;
background: #f7f6f4;
background: -moz-linear-gradient(top, #f7f6f4 0%, #eae5de 100%);
background: -webkit-linear-gradient(top, #f7f6f4 0%,#eae5de 100%);
background: linear-gradient(to bottom, #f7f6f4 0%,#eae5de 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f6f4', endColorstr='#eae5de',GradientType=0 );
 -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; cursor: default; }
.selectBox-dropdown:focus, .selectBox-dropdown:focus .selectBox-arrow { border-color: #D0CAC0; }
.selectBox-dropdown.selectBox-menuShowing { -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.selectBox-dropdown .selectBox-label { padding: 2px 6px; display: inline-block; white-space: nowrap; }
.selectBox-dropdown .selectBox-arrow { position: absolute; top: 0; right: 0; width: 23px; height: 100%; border-left: solid 1px #BBB; }
/* Dropdown menu */
.selectBox-dropdown-menu { position: absolute; z-index: 99999; max-height: 200px; min-height: 1em; border: solid 1px #BBB; background: #FFF; -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2); box-shadow: 0 2px 6px rgba(0, 0, 0, .2); overflow: auto; }
/* Inline control */
.selectBox-inline { min-width: 150px; outline: none; border: solid 1px #BBB; background: #FFF; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: auto; }
.selectBox-inline:focus { border-color: #666; }
/* Options */
.selectBox-options, .selectBox-options LI, .selectBox-options LI A { list-style: none; display: block; cursor: default; padding: 0; margin: 0; }
.selectBox-options LI A { color: #000; line-height: 120%; letter-spacing: 0.035em; font-size: 10px; padding: 5px .5em; white-space: nowrap; overflow: hidden; background: 6px center no-repeat; }
.selectBox-options LI.selectBox-hover A { background-color: #EEE; }
.selectBox-options LI.selectBox-disabled A { color: #888; background-color: transparent; }
.selectBox-options LI.selectBox-selected A { background-color: #FAD1A5; }
.selectBox-options .selectBox-optgroup { color: #666; background: #EEE; font-weight: bold; line-height: 1.5; padding: 0 .3em; white-space: nowrap; }
/* Disabled state */
.selectBox.selectBox-disabled { color: #888 !important; }
.selectBox-dropdown.selectBox-disabled .selectBox-arrow { opacity: .5; filter: alpha(opacity=50); border-color: #666; }
.selectBox-inline.selectBox-disabled { color: #888 !important; }
.selectBox-inline.selectBox-disabled .selectBox-options A { background-color: transparent !important; }

.selectBox-options li a[rel="cash"],.selectBox-options li a[rel="ecash"],.selectBox-options li a[rel="paypal"]   { padding-left: 44px; background-image: url(../../images/sprites.png); }
.selectBox-dropdown .selectBox-arrow { background-image: url(../../images/sprites.png); background-position: 4px -68px; }
.selectBox-options li a[rel="cash"] { background-position: -2px -44px; }
.selectBox-options li a[rel="ecash"] { background-position: 1px -18px; }
.selectBox-options li a[rel="paypal"] { background-position: 1px 3px; }

/* ---- TransBanner slider (ex styles.css:657-688) ---- */
.TB_Wrapper { position: relative; background: transparent url('../../images/preloader.gif') center center no-repeat; }
.TB_Wrapper .icon { background-image: url('../../images/icons.png'); background-repeat: no-repeat; }
.TB_Wrapper .timer_sprite { background-image: url('../../images/timer-sprite.png'); }
.TB_Wrapper .Slides { z-index: 1; position: absolute; overflow: hidden; left: 0px; top: 0px; width: 100%; height: 100%; }
.TB_Wrapper .Slide { visibility: hidden; overflow: hidden; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: #EEEEEE url('../../images/preloader.gif') center center no-repeat; }
.TB_Wrapper .Slide img { z-index: 1; position: absolute; left: 0px; top: 0px; border: 0px;  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
/* Global Description Style */
.TB_Wrapper .Slide div { z-index: 4; position: absolute; font-family: Arial, Helvetica, sans-serif; font-weight: 100; font-size: 16px; color: #FFF; }
/* Hyperlink Styles */
.TB_Wrapper a:link { color: #FFF; text-decoration: none; }
.TB_Wrapper a:visited { color: #FFF; }
.TB_Wrapper a:hover { color: #FFF; text-decoration: underline; }
.TB_Wrapper a:active { color: #FFF; }
.TB_Wrapper .noSelect2 { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }
.TB_Wrapper .buttonText { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000; }
.TB_Wrapper .buttonTextSizeNormal { font-size: 12px; }
.TB_Wrapper .buttonTextSizeTouch { font-size: 16px; }
.TB_Wrapper .txtCont { z-index: 4; overflow: hidden; position: absolute; left: 0px; top: 0px; }
.TB_Wrapper .captionCanvas { position: absolute; left: 0px; top: 0px; }
.TB_Wrapper .navHolder { position: absolute; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.TB_Wrapper .rounded { -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; }
/* For IE8 and older versions */
.TB_Wrapper .buttonShadow { z-index: 1; position: absolute; background-color: #000000; left: 0px; top: 0px; width: 100%; height: 100%; filter: alpha(opacity=10); }
.TB_Wrapper .buttonAlpha { z-index: 2; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; filter: alpha(opacity=35); }
.TB_Wrapper .buttonTopBot { z-index: 3; position: absolute; left: 1px; right: 1px; top: 0px; height: 100%; filter: alpha(opacity=100); }
.TB_Wrapper .buttonCent { z-index: 4; position: absolute; left: 0px; top: 1px; width: 100%; filter: alpha(opacity=100); }
.TB_Wrapper { max-width: 650px; height: 250px; overflow: hidden; margin-bottom: 15px; }
.TB_Wrapper .txtCont .sl_title { font-size: 16px; font-weight: bold; }
.TB_Wrapper .txtCont .sl_text { font-size: 11px; margin: 0!important; }
.TB_Wrapper .txtCont hr { margin: 2px 0; background: rgba(255,255,255,0.4); }
.TB_Wrapper .txtCont { width: 550px!important; padding: 0!important; }

/* ---- translucent + cycle sliders (ex styles.css:690-711) ---- */
.sli_translucent { margin-bottom: 10px; }
.sli_translucent .txtCont .sl_title, .sli_translucent .txtCont .sl_text {  display: block;  }

.sli_cycle_wrapper { margin-bottom: 10px; margin-top: 0; position: relative; overflow: hidden; }
.sli_cycle {  position: relative; }
.sli_cycle img { position: absolute; top: 0; left: 0; z-index: 1; }
.sli_cycle .txtCont { position: absolute; bottom: 0; left: 0; width: 650px; z-index: 2; background: rgba(0,0,0,0.3); }
.sli_cycle .txtCont .sl_title, .sli_cycle .txtCont .sl_text  { opacity: 0;}
.sli_cycle .txtCont .sl_title {  position: absolute; bottom: 97px; left: 18px; max-width: 80%; font-weight: 700; font-size: 25px; background: #3D3D3D; color: #fff; padding: 5px 10px; line-height: 100%; font-family: 'Bricolage Grotesque', sans-serif; }
.sli_cycle .txtCont .sl_text { position: absolute; bottom: 68px; left: 18px; font-size: 14px; background: #C2C2C2; color: #3f494f; padding: 5px 10px; }
.sli_cycle .txtCont .sl_title, .sli_ahow .txtCont .sl_text { -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease; transition: all 500ms ease; }
.sli_ahow .txtCont .sl_title, .sli_ahow .txtCont .sl_text { opacity: 1; -moz-transform: translateY(+50px); -webkit-transform: translateY(+50px); -ms-transform: translateY(+50px); transform: translateY(+50px); }
.sli_cycle_pager { position: absolute; bottom: 13px; right: 5px;  z-index: 5; }
.sli_cycle_pager a {
	display: block; float: left;  margin: 0 3px; padding: 2px; width: 1px; height: 1px; border-radius: 50%; overflow: hidden; text-indent: 100px; text-align: center; background: #fff; border: 1px solid rgba(255,255,255,0.4); background: rgba(255,255,255,0.5); box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}
.sli_cycle_pager a.activeSlide, .sli_cycle_pager a:hover { background: #fff; }

/* ---- marquee / news ticker (ex styles.css:713-722) ---- */
#marquee_wrapper { width: 646px; margin: 5px 0 18px; background: #C2C2C2; border: 1px solid #C2C2C2; overflow: hidden; padding: 2px; }
ul.marquee { padding: 0 2px; left: -2px; display: block; padding: 0; margin: 0; list-style: none; line-height: 1; position: relative; overflow: hidden; width: 650px; height: 19px; }
ul.marquee li { color: #000 ; position: absolute; top: -999em; left: 0; display: block; white-space: nowrap; font-size: 13px; padding: 4px 5px; }
ul.marquee li a { color: #792F1B; }
ul.marquee li a:hover { text-shadow: 0 0 5px #fff; color: #000; }
ul.marquee.label_true { width: 529px; float: right; }
.marquee_labels { float: left; width: 114px; background: #3D3D3D; color: #cd1719; overflow: hidden; list-style-type: none;
-webkit-border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-bottomleft: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
.marquee_labels li { color: #FFF; font-size: 13px;  padding: 3px 5px; text-align: center; font-weight: bold; }

/* ---- jquery.validate error labels (ex styles.css:106,131) ----
   global fallback; #orderForm label.error in desktop.css stays
   more specific and keeps winning inside the order form. */
label[class="error"] { color: #fff!important; background-color: #D4002D; height: 12px; line-height: 11px; z-index: 2500; font-size: 9px; padding: 1px 3px 0; border-radius: 3px; position: relative; top: 1px; left: 1px; }
label label[class="error"] { margin-left: 4px; width: 320px; height: 125px; }

/* ============================================================
   Redesign refinements (must stay AFTER the core blocks above —
   they used to load in a later sheet than the core)
   ============================================================ */

/* (fancybox 1.3 chrome refinements removed with the core block above — WP4) */

/* keyboard focus on the selectBox control — must come after the
   plugin's own :focus rule above to keep winning (was midnight §1b) */
.selectBox-dropdown:focus-visible {
  outline: none;
  border-color: var(--pd-accent);
  box-shadow: var(--pd-focus-ring);
}