/* Style Id:5790 Reset*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* others */ blockquote, ul, ol, li{ margin-top: 0; } sup { font-size: 0.7em; left: 0; line-height: 0; position: relative; top: -0.6em; } .HorizontalRuler, .Seeems-Text { max-width: 100%; } input { /* -webkit-appearance: none; */ -webkit-border-radius:0; border-radius:0; } /* Style Id:5804 Fonts*/ /* Style Id:10922 Flex*/ /* ======================================================================== Component: Flex ========================================================================== */ .eee-flex { display: -ms-flexbox; display: -webkit-flex; display: flex; } .eee-flex-inline { display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; } /* * Fixes initial flex-shrink value in IE10 */ .eee-flex > *, .eee-flex-inline > * { -ms-flex-negative: 1; } /* * Remove margin from the last-child */ .eee-flex > * > :last-child { margin-bottom: 0; } /* Alignment ========================================================================== */ /* * Vertical alignment * Default value is `stretch` */ .eee-flex-top { -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .eee-flex-middle { -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .eee-flex-bottom { -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; } /* * Separate items vertical alignment */ .eee-flex-item-top { -ms-align-self: start; -webkit-align-self: flex-start; align-self: flex-start; } .eee-flex-item-middle { -ms-align-self: center; -webkit-align-self: center; align-self: center; } .eee-flex-item-bottom { -ms-align-self: end; -webkit-align-self: flex-end; align-self: flex-end; } /* * Horizontal alignment * Default value is `flex-start` */ .eee-flex-center { -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .eee-flex-right { -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .eee-flex-space-between { -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .eee-flex-space-around { -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; } /* Direction ========================================================================== */ .eee-flex-row-reverse { -ms-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .eee-flex-column { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .eee-flex-column-reverse { -ms-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } /* Wrap ========================================================================== */ .eee-flex-nowrap { -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .eee-flex-wrap { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .eee-flex-wrap-reverse { -ms-flex-wrap: wrap-reverse; -webkit-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } /* * Horizontal alignment * Default value is `stretch` */ .eee-flex-wrap-top { -ms-flex-line-pack: start; -webkit-align-content: flex-start; align-content: flex-start; } .eee-flex-wrap-middle { -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; } .eee-flex-wrap-bottom { -ms-flex-line-pack: end; -webkit-align-content: flex-end; align-content: flex-end; } .eee-flex-wrap-space-between { -ms-flex-line-pack: justify; -webkit-align-content: space-between; align-content: space-between; } .eee-flex-wrap-space-around { -ms-flex-line-pack: distribute; -webkit-align-content: space-around; align-content: space-around; } /* Item ordering ========================================================================== */ /* * Default is 0 */ .eee-flex-order-first { -ms-flex-order: -1; -webkit-order: -1; order: -1; } .eee-flex-order-last { -ms-flex-order: 99; -webkit-order: 99; order: 99; } /* Phone landscape and bigger */ @media (min-width: 1px) { .eee-flex-order-first-small { -ms-flex-order: -1; -webkit-order: -1; order: -1; } .eee-flex-order-last-small { -ms-flex-order: 99; -webkit-order: 99; order: 99; } } /* Tablet and bigger */ @media (min-width: 480px) { .eee-flex-order-first-medium { -ms-flex-order: -1; -webkit-order: -1; order: -1; } .eee-flex-order-last-medium { -ms-flex-order: 99; -webkit-order: 99; order: 99; } } /* Desktop and bigger */ @media (min-width: 959px) { .eee-flex-order-first-large { -ms-flex-order: -1; -webkit-order: -1; order: -1; } .eee-flex-order-last-large { -ms-flex-order: 99; -webkit-order: 99; order: 99; } } /* Item dimensions ========================================================================== */ /* * Initial: 0 1 auto * Content dimensions, but shrinks */ /* * No Flex: 0 0 auto * Content dimensions */ .eee-flex-item-none { -ms-flex: none; -webkit-flex: none; flex: none; } /* * Relative Flex: 1 1 auto * Space is allocated considering content * 1. Fixes flex-shrink value in IE10 */ .eee-flex-item-auto { -ms-flex: auto; -webkit-flex: auto; flex: auto; /* 1 */ -ms-flex-negative: 1; } /* * Absolute Flex: 1 1 0% * Space is allocated solely based on flex */ .eee-flex-item-1 { -ms-flex: 1; -webkit-flex: 1; flex: 1; } /* Style Id:6850 Grid*/ /* ======================================================================== Component: Grid ========================================================================== */ /* * 1. Makes grid more robust so that it can be used with other block elements like lists */ .eee-grid { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; /* 1 */ margin: 0; padding: 0; list-style: none; } /* * DEPRECATED * Micro clearfix * Can't use `table` because it creates a 1px gap when it becomes a flex item, only in Webkit */ .eee-grid:before, .eee-grid:after { content: ""; display: block; overflow: hidden; } .eee-grid:after { clear: both; } /* * Grid cell * 1. Space is allocated solely based on content dimensions * 2. Makes grid more robust so that it can be used with other block elements * 3. DEPRECATED Using `float` to support IE9 */ .eee-grid > * { /* 1 */ -ms-flex: none; -webkit-flex: none; flex: none; /* 2 */ margin: 0; /* 3 */ float: left; } /* * Remove margin from the last-child */ .eee-grid > * > :last-child { margin-bottom: 0; } .eee-grid > * > .eee-frontedit-wrapper > :last-child, .eee-grid > * > .eee-frontedit-wrapper > .eee-frontedit-wrapper > :last-child, .eee-grid > * > :not(.eee-grid) > :last-child, .eee-grid > * > :not(.eee-grid) > :not(.eee-grid) > :last-child, .eee-grid > * > :not(.eee-grid) > :not(.eee-grid) > :not(.eee-grid) > :last-child, .eee-grid > * > .eee-frontedit-wrapper > :not(.eee-grid) > :last-child, .eee-grid > * > .eee-frontedit-wrapper > :not(.eee-grid) > :not(.eee-grid) > :last-child, .eee-grid > * > .eee-frontedit-wrapper > :not(.eee-grid) > :not(.eee-grid) > :not(.eee-grid) > :last-child, .eee-grid > * > .eee-frontedit-wrapper > .eee-frontedit-wrapper > :not(.eee-grid) > :last-child, .eee-grid > * > .eee-frontedit-wrapper > .eee-frontedit-wrapper > :not(.eee-grid) > :not(.eee-grid) > :last-child, .eee-grid > * > .eee-frontedit-wrapper > .eee-frontedit-wrapper > :not(.eee-grid) > :not(.eee-grid) > :not(.eee-grid) > :last-child { margin-bottom: 0; } /* Grid gutter ========================================================================== */ /* Horizontal */ .eee-grid { margin-left: -25px; } .eee-grid > * { padding-left: 25px; } /* Vertical */ .eee-grid { margin-top: -25px; } .eee-grid > * { padding-top: 25px; } .eee-grid-margin { margin-top: 25px; } /* Grid after another grid - the final space should be 25px */ .eee-grid + .eee-grid { margin-top: 0; } /* Responsive grid gutters ("small", "medium", "large") for all viewports ========================================================================== */ /* * Hide/no gutter */ /* Horizontal */ .eee-grid-gutter-h-hide { margin-left: 0; } .eee-grid-gutter-h-hide > * { padding-left: 0; } /* Vertical */ .eee-grid-gutter-v-hide { margin-top: 0; } .eee-grid-gutter-v-hide > * { padding-top: 0; } .eee-grid-gutter-v-hide > .eee-grid-margin { margin-top: 0; } /* Grid after another grid */ .eee-grid + .eee-grid { margin-top: 0; } /* * Small gutter */ /* Horizontal */ .eee-grid-gutter-h-small { margin-left: -5px; } .eee-grid-gutter-h-small > * { padding-left: 5px; } /* Vertical */ .eee-grid-gutter-v-small { margin-top: -5px; } .eee-grid-gutter-v-small > * { padding-top: 5px; } .eee-grid-gutter-v-small > .eee-grid-margin { margin-top: 5px; } /* Grid after another grid - the final space should be 25px */ .eee-grid-gutter-v-small + .eee-grid-gutter-v-small { margin-top: calc(25px - 5px); } /* * Medium gutter */ /* Horizontal */ .eee-grid-gutter-h-medium { margin-left: -15px; } .eee-grid-gutter-h-medium > * { padding-left: 15px; } /* Vertical */ .eee-grid-gutter-v-medium { margin-top: -15px; } .eee-grid-gutter-v-medium > * { padding-top: 15px; } .eee-grid-gutter-v-medium > .eee-grid-margin { margin-top: 15px; } /* Grid after another grid - the final space should be 25px */ .eee-grid-gutter-v-medium + .eee-grid-gutter-v-medium { margin-top: calc(25px - 15px); } /* * Large gutter */ /* Horizontal */ .eee-grid-gutter-h-large { margin-left: -25px; } .eee-grid-gutter-h-large > * { padding-left: 25px; } /* Vertical */ .eee-grid-gutter-v-large { margin-top: -25px; } .eee-grid-gutter-v-large > * { padding-top: 25px; } .eee-grid-gutter-v-large > .eee-grid-margin { margin-top: 25px; } /* Grid after another grid - the final space should be 25px */ .eee-grid-gutter-v-large + .eee-grid-gutter-v-large { margin-top: 0; } /* Phone landscape and bigger */ @media (min-width: 1px) { /* * Hide/no gutter */ /* Horizontal */ .eee-grid-small-gutter-h-hide { margin-left: 0; } .eee-grid-small-gutter-h-hide > * { padding-left: 0; } /* Vertical */ .eee-grid-small-gutter-v-hide { margin-top: 0; } .eee-grid-small-gutter-v-hide > * { padding-top: 0; } .eee-grid-small-gutter-v-hide > .eee-grid-margin { margin-top: 0; } /* Grid after another grid - the final space should be 25px */ .eee-grid-small-gutter-v-hide + .eee-grid-small-gutter-v-hide { margin-top: 0; } /* * Small gutter */ /* Horizontal */ .eee-grid-small-gutter-h-small { margin-left: -5px; } .eee-grid-small-gutter-h-small > * { padding-left: 5px; } /* Vertical */ .eee-grid-small-gutter-v-small { margin-top: -5px; } .eee-grid-small-gutter-v-small > * { padding-top: 5px; } .eee-grid-small-gutter-v-small > .eee-grid-margin { margin-top: 5px; } /* Grid after another grid - the final space should be 25px */ .eee-grid-small-gutter-v-small + .eee-grid-small-gutter-v-small { margin-top: calc(25px - 5px); } /* * Medium gutter */ /* Horizontal */ .eee-grid-small-gutter-h-medium { margin-left: -15px; } .eee-grid-small-gutter-h-medium > * { padding-left: 15px; } /* Vertical */ .eee-grid-small-gutter-v-medium { margin-top: -15px; } .eee-grid-small-gutter-v-medium > * { padding-top: 15px; } .eee-grid-small-gutter-v-medium > .eee-grid-margin { margin-top: 15px; } /* Grid after another grid - the final space should be 25px */ .eee-grid-small-gutter-v-medium + .eee-grid-small-gutter-v-medium { margin-top: calc(25px - 15px); } /* * Large gutter */ /* Horizontal */ .eee-grid-small-gutter-h-large { margin-left: -25px; } .eee-grid-small-gutter-h-large > * { padding-left: 25px; } /* Vertical */ .eee-grid-small-gutter-v-large { margin-top: -25px; } .eee-grid-small-gutter-v-large > * { padding-top: 25px; } .eee-grid-small-gutter-v-large > .eee-grid-margin { margin-top: 25px; } /* Grid after another grid - the final space should be 25px */ .eee-grid-small-gutter-v-large + .eee-grid-small-gutter-v-large { margin-top: 0; } } /* Tablet and bigger */ @media (min-width: 480px) { /* * Hide/no gutter */ /* Horizontal */ .eee-grid-medium-gutter-h-hide { margin-left: 0; } .eee-grid-medium-gutter-h-hide > * { padding-left: 0; } /* Vertical */ .eee-grid-medium-gutter-v-hide { margin-top: 0; } .eee-grid-medium-gutter-v-hide > * { padding-top: 0; } .eee-grid-medium-gutter-v-hide > .eee-grid-margin { margin-top: 0; } /* Grid after another grid - the final space should be 25px */ .eee-grid-medium-gutter-v-hide + .eee-grid-medium-gutter-v-hide { margin-top: 0; } /* * Small gutter */ /* Horizontal */ .eee-grid-medium-gutter-h-small { margin-left: -5px; } .eee-grid-medium-gutter-h-small > * { padding-left: 5px; } /* Vertical */ .eee-grid-medium-gutter-v-small { margin-top: -5px; } .eee-grid-medium-gutter-v-small > * { padding-top: 5px; } .eee-grid-medium-gutter-v-small > .eee-grid-margin { margin-top: 5px; } /* Grid after another grid - the final space should be 25px */ .eee-grid-medium-gutter-v-small + .eee-grid-medium-gutter-v-small { margin-top: calc(25px - 5px); } /* * Medium gutter */ /* Horizontal */ .eee-grid-medium-gutter-h-medium { margin-left: -15px; } .eee-grid-medium-gutter-h-medium > * { padding-left: 15px; } /* Vertical */ .eee-grid-medium-gutter-v-medium { margin-top: -15px; } .eee-grid-medium-gutter-v-medium > * { padding-top: 15px; } .eee-grid-medium-gutter-v-medium > .eee-grid-margin { margin-top: 15px; } /* Grid after another grid - the final space should be 25px */ .eee-grid-medium-gutter-v-medium + .eee-grid-medium-gutter-v-medium { margin-top: calc(25px - 15px); } /* * Large gutter */ /* Horizontal */ .eee-grid-medium-gutter-h-large { margin-left: -25px; } .eee-grid-medium-gutter-h-large > * { padding-left: 25px; } /* Vertical */ .eee-grid-medium-gutter-v-large { margin-top: -25px; } .eee-grid-medium-gutter-v-large > * { padding-top: 25px; } .eee-grid-medium-gutter-v-large > .eee-grid-margin { margin-top: 25px; } /* Grid after another grid - the final space should be 25px */ .eee-grid-medium-gutter-v-large + .eee-grid-medium-gutter-v-large { margin-top: 0; } } /* Desktop and bigger */ @media (min-width: 959px) { /* * Hide/no gutter */ /* Horizontal */ .eee-grid-large-gutter-h-hide { margin-left: 0; } .eee-grid-large-gutter-h-hide > * { padding-left: 0; } /* Vertical */ .eee-grid-large-gutter-v-hide { margin-top: 0; } .eee-grid-large-gutter-v-hide > * { padding-top: 0; } .eee-grid-large-gutter-v-hide > .eee-grid-margin { margin-top: 0; } /* Grid after another grid - the final space should be 25px */ .eee-grid-large-gutter-v-hide + .eee-grid-large-gutter-v-hide { margin-top: 0; } /* * Small gutter */ /* Horizontal */ .eee-grid-large-gutter-h-small { margin-left: -5px; } .eee-grid-large-gutter-h-small > * { padding-left: 5px; } /* Vertical */ .eee-grid-large-gutter-v-small { margin-top: -5px; } .eee-grid-large-gutter-v-small > * { padding-top: 5px; } .eee-grid-large-gutter-v-small > .eee-grid-margin { margin-top: 5px; } /* Grid after another grid - the final space should be 25px */ .eee-grid-large-gutter-v-small + .eee-grid-large-gutter-v-small { margin-top: calc(25px - 5px); } /* * Medium gutter */ /* Horizontal */ .eee-grid-large-gutter-h-medium { margin-left: -15px; } .eee-grid-large-gutter-h-medium > * { padding-left: 15px; } /* Vertical */ .eee-grid-large-gutter-v-medium { margin-top: -15px; } .eee-grid-large-gutter-v-medium > * { padding-top: 15px; } .eee-grid-large-gutter-v-medium > .eee-grid-margin { margin-top: 15px; } /* Grid after another grid - the final space should be 25px */ .eee-grid-large-gutter-v-medium + .eee-grid-large-gutter-v-medium { margin-top: calc(25px - 15px); } /* * Large gutter */ /* Horizontal */ .eee-grid-large-gutter-h-large { margin-left: -25px; } .eee-grid-large-gutter-h-large > * { padding-left: 25px; } /* Vertical */ .eee-grid-large-gutter-v-large { margin-top: -25px; } .eee-grid-large-gutter-v-large > * { padding-top: 25px; } .eee-grid-large-gutter-v-large > .eee-grid-margin { margin-top: 25px; } /* Grid after another grid - the final space should be 25px */ .eee-grid-large-gutter-v-large + .eee-grid-large-gutter-v-large { margin-top: 0; } } /* Even grid cell widths ========================================================================== */ [class*='eee-grid-width'] > * { box-sizing: border-box; width: 100%; } .eee-grid-width-1-2 > * { width: 50%; } .eee-grid-width-1-3 > * { width: 33.333%; } .eee-grid-width-1-4 > * { width: 25%; } .eee-grid-width-1-5 > * { width: 20%; } .eee-grid-width-1-6 > * { width: 16.666%; } .eee-grid-width-1-10 > * { width: 10%; } .eee-grid-width-auto > * { width: auto; } /* Phone landscape and bigger */ @media (min-width: 1px) { .eee-grid-width-small-1-1 > * { width: 100%; } .eee-grid-width-small-1-2 > * { width: 50%; } .eee-grid-width-small-1-3 > * { width: 33.333%; } .eee-grid-width-small-1-4 > * { width: 25%; } .eee-grid-width-small-1-5 > * { width: 20%; } .eee-grid-width-small-1-6 > * { width: 16.666%; } .eee-grid-width-small-1-10 > * { width: 10%; } } /* Tablet and bigger */ @media (min-width: 480px) { .eee-grid-width-medium-1-1 > * { width: 100%; } .eee-grid-width-medium-1-2 > * { width: 50%; } .eee-grid-width-medium-1-3 > * { width: 33.333%; } .eee-grid-width-medium-1-4 > * { width: 25%; } .eee-grid-width-medium-1-5 > * { width: 20%; } .eee-grid-width-medium-1-6 > * { width: 16.666%; } .eee-grid-width-medium-1-10 > * { width: 10%; } } /* Desktop and bigger */ @media (min-width: 959px) { .eee-grid-width-large-1-1 > * { width: 100%; } .eee-grid-width-large-1-2 > * { width: 50%; } .eee-grid-width-large-1-3 > * { width: 33.333%; } .eee-grid-width-large-1-4 > * { width: 25%; } .eee-grid-width-large-1-5 > * { width: 20%; } .eee-grid-width-large-1-6 > * { width: 16.666%; } .eee-grid-width-large-1-10 > * { width: 10%; } } /* Sub-objects: `eee-width-*` ========================================================================== */ [class*='eee-width'] { box-sizing: border-box; width: 100%; } /* * Widths */ /* Whole */ .eee-width-1-1 { width: 100%; } /* Halves */ .eee-width-1-2, .eee-width-2-4, .eee-width-3-6, .eee-width-5-10 { width: 50%; } /* Thirds */ .eee-width-1-3, .eee-width-2-6 { width: 33.333%; } .eee-width-2-3, .eee-width-4-6 { width: 66.666%; } /* Quarters */ .eee-width-1-4 { width: 25%; } .eee-width-3-4 { width: 75%; } /* Fifths */ .eee-width-1-5, .eee-width-2-10 { width: 20%; } .eee-width-2-5, .eee-width-4-10 { width: 40%; } .eee-width-3-5, .eee-width-6-10 { width: 60%; } .eee-width-4-5, .eee-width-8-10 { width: 80%; } /* Sixths */ .eee-width-1-6 { width: 16.666%; } .eee-width-5-6 { width: 83.333%; } /* Tenths */ .eee-width-1-10 { width: 10%; } .eee-width-3-10 { width: 30%; } .eee-width-7-10 { width: 70%; } .eee-width-9-10 { width: 90%; } /* Phone landscape and bigger */ @media (min-width: 1px) { /* Whole */ .eee-width-small-1-1 { width: 100%; } /* Halves */ .eee-width-small-1-2, .eee-width-small-2-4, .eee-width-small-3-6, .eee-width-small-5-10 { width: 50%; } /* Thirds */ .eee-width-small-1-3, .eee-width-small-2-6 { width: 33.333%; } .eee-width-small-2-3, .eee-width-small-4-6 { width: 66.666%; } /* Quarters */ .eee-width-small-1-4 { width: 25%; } .eee-width-small-3-4 { width: 75%; } /* Fifths */ .eee-width-small-1-5, .eee-width-small-2-10 { width: 20%; } .eee-width-small-2-5, .eee-width-small-4-10 { width: 40%; } .eee-width-small-3-5, .eee-width-small-6-10 { width: 60%; } .eee-width-small-4-5, .eee-width-small-8-10 { width: 80%; } /* Sixths */ .eee-width-small-1-6 { width: 16.666%; } .eee-width-small-5-6 { width: 83.333%; } /* Tenths */ .eee-width-small-1-10 { width: 10%; } .eee-width-small-3-10 { width: 30%; } .eee-width-small-7-10 { width: 70%; } .eee-width-small-9-10 { width: 90%; } } /* Tablet and bigger */ @media (min-width: 480px) { /* Whole */ .eee-width-medium-1-1 { width: 100%; } /* Halves */ .eee-width-medium-1-2, .eee-width-medium-2-4, .eee-width-medium-3-6, .eee-width-medium-5-10 { width: 50%; } /* Thirds */ .eee-width-medium-1-3, .eee-width-medium-2-6 { width: 33.333%; } .eee-width-medium-2-3, .eee-width-medium-4-6 { width: 66.666%; } /* Quarters */ .eee-width-medium-1-4 { width: 25%; } .eee-width-medium-3-4 { width: 75%; } /* Fifths */ .eee-width-medium-1-5, .eee-width-medium-2-10 { width: 20%; } .eee-width-medium-2-5, .eee-width-medium-4-10 { width: 40%; } .eee-width-medium-3-5, .eee-width-medium-6-10 { width: 60%; } .eee-width-medium-4-5, .eee-width-medium-8-10 { width: 80%; } /* Sixths */ .eee-width-medium-1-6 { width: 16.666%; } .eee-width-medium-5-6 { width: 83.333%; } /* Tenths */ .eee-width-medium-1-10 { width: 10%; } .eee-width-medium-3-10 { width: 30%; } .eee-width-medium-7-10 { width: 70%; } .eee-width-medium-9-10 { width: 90%; } } /* Desktop and bigger */ @media (min-width: 959px) { /* Whole */ .eee-width-large-1-1 { width: 100%; } /* Halves */ .eee-width-large-1-2, .eee-width-large-2-4, .eee-width-large-3-6, .eee-width-large-5-10 { width: 50%; } /* Thirds */ .eee-width-large-1-3, .eee-width-large-2-6 { width: 33.333%; } .eee-width-large-2-3, .eee-width-large-4-6 { width: 66.666%; } /* Quarters */ .eee-width-large-1-4 { width: 25%; } .eee-width-large-3-4 { width: 75%; } /* Fifths */ .eee-width-large-1-5, .eee-width-large-2-10 { width: 20%; } .eee-width-large-2-5, .eee-width-large-4-10 { width: 40%; } .eee-width-large-3-5, .eee-width-large-6-10 { width: 60%; } .eee-width-large-4-5, .eee-width-large-8-10 { width: 80%; } /* Sixths */ .eee-width-large-1-6 { width: 16.666%; } .eee-width-large-5-6 { width: 83.333%; } /* Tenths */ .eee-width-large-1-10 { width: 10%; } .eee-width-large-3-10 { width: 30%; } .eee-width-large-7-10 { width: 70%; } .eee-width-large-9-10 { width: 90%; } } /* Style Id:6785 ResponsiveColumns*/ .eee-grid > div { max-width: 100%; box-sizing: border-box; } .eee-grid__br { display: none; padding-top: 0 !important; width: 100%; height: 0; font: 0/0 serif; overflow: hidden; } /* Style Id:5803 Layout(default styles)*/ body { margin: auto; color: #6C6C6C; font-family: Arial, Helvetica, sans-serif; font-size: 14px; background: url("/files/layout/background-image.png") repeat-x; } body a { color: #90AA51; text-decoration: none; } body img { max-width: 100%; } body input { border: 1px solid #abadb3; } body object { max-width: 100%; } body .Seeems-TextLink-Container { width: auto !important; } body .Seeems-TextLink-Underline { text-decoration: underline; } body .Seeems-Image-Container img { max-width: 100%; vertical-align: bottom; } body .Seeems-Image-Container, body .Seeems-Image-Container-Left { text-align: left; } body .Seeems-Image-Container-Center { text-align: center; } body .Seeems-Image-Container-Right { text-align: right; } body .Seeems-Text { width: 100% !important; max-width: 100%; } body .Seeems-Text h1, body .Seeems-Text h2, body .Seeems-Text h3, body .Seeems-Text h4, body .Seeems-Text h5 { color: #6C6C6C; } body .Seeems-VeryLargeHeading, body h1 { font-size: 24px; color: #90AA51; } body .Seeems-LargeHeading, body h2 { font-size: 18px; color: #90AA51; } body .Seeems-NormalHeading, body h3 { font-size: 14px; color: #90AA51; font-weight: normal; } body .Seeems-SmallHeading, body h4 { font-size: 10px; color: #90AA51; } body .Seeems-Form .Seeems-FormItemLabel { font-size: 14px; padding-bottom: 3px; display: block; } body .Seeems-Form input { border: 1px solid #e0e0e0; color: #6c6c6c; float: left; height: 29px; line-height: 27px; padding: 0; vertical-align: top; } body .custom-form-field label { font-size: 14px; padding-bottom: 3px; display: block; } body .custom-form-field input { width: 100%; padding: 0px 5px; box-sizing: border-box; border: 1px solid #e0e0e0; color: #6c6c6c; float: left; height: 29px; line-height: 27px; vertical-align: top; } body .Seeems-Button { font-size: 12px; } body .Seeems-Button-left { text-align: left; } body .Seeems-Button-center { text-align: center; } body .Seeems-Button-right { text-align: right; } body .gray-button a { margin-top: 1px; background-image: url("/files/layout/search.png"); background-position: right top; /* background-repeat: no-repeat; */ color: #6c6c6c; display: block; max-width: 320px; font-size: 12px; font-weight: bold; height: 29px; line-height: 29px; padding-left: 5px; padding-right: 5px; text-align: center; text-decoration: none; } body .clear { clear: both; } body .eee-space { width: 100% !important; } body .wrapper { width: 100%; max-width: 960px; margin: auto; position: relative; } body #logo { height: 40px; } body #logo img { margin-top: 20px; } .YouTube-Player div { width: 100% !important; } .YouTube-Player iframe { width: 100% !important; height: auto !important; } /* Style Id:5828 Header*/ #header { width: 100%; margin-top: 2px; background-image: url("/files/layout/majland-grid-top.png"); background-position: left top; background-repeat: no-repeat; position: relative; top: 0px; } /* Style Id:5819 MainMenu*/ #ResponsiveMenuIcon { display: none; } #ResponsiveMenuContent { display: none !important; } #main-menu { width: 100%; float: left; margin-top: 20px; position: relative; /* Start sub menu */ /* End sub menu */ } #main-menu ul.level0 { width: 100%; display: block; clear: both; min-height: 50px; } #main-menu ul.level0 li { display: inline-block; height: 50px; float: left; margin-top: 9px; padding-right: 2px; } #main-menu ul.level0 li a { height: 50px; display: inline-block; line-height: 50px; padding: 2px 17px 0px 17px; } #main-menu ul.level0 li a, #main-menu ul.level0 li a:link, #main-menu ul.level0 li a:active, #main-menu ul.level0 li a:hover, #main-menu ul.level0 li a:visited { color: #6C6C6C; text-decoration: none; font-size: 14px; font-weight: bold; } #main-menu ul.level0 li ul { display: none; } #main-menu ul.level0 li ul.level2 { display: none !important; } #main-menu ul.level0 li.selected a, #main-menu ul.level0 li.selected a:link, #main-menu ul.level0 li.selected a:active, #main-menu ul.level0 li.selected a:hover, #main-menu ul.level0 li.selected a:visited { color: #90AA51; text-decoration: none; font-size: 14px; font-weight: bold; } #main-menu ul.level0 li.selected ul { display: block; position: absolute; left: 0px; top: 0px; /* margin-top: 52px; */ } #main-menu ul.level0 li.selected ul li { background: none !important; } #main-menu ul.level0 li.selected ul li a { background: none !important; color: #6C6C6C!important; } #main-menu ul.level0 li.selected ul li.selected a { color: #90AA51!important; } #main-menu ul.level0 li.first a { padding-left: 0px; } #main-menu ul.level0 li.last a { padding-right: 17px; } #main-menu ul.level0 li.first, #main-menu ul.level0 li.middle { background-repeat: no-repeat; background-image: url("/files/layout/mm-li-first.png"); background-position: top right; } #main-menu ul.level0 li.first a { background-repeat: no-repeat; background-image: url("/files/layout/mm-a-first.png"); background-position: top left; } #main-menu ul.level0 li.middle a { background-repeat: repeat-x; background-image: url("/files/layout/mm-a-middle.png"); background-position: top left; } #main-menu ul.level0 li.last a { background-repeat: no-repeat; background-image: url("/files/layout/mm-a-last.png"); background-position: top right; } #main-menu ul.level0 li.first.selected a { background-repeat: no-repeat; background-image: url("/files/layout/mm-a-first-selected.png"); background-position: top left; } #main-menu ul.level0 li.middle.selected a { background-repeat: repeat-x; background-image: url("/files/layout/mm-a-middle-selected.png"); background-position: top left; } #main-menu ul.level0 li.last.selected a { background-repeat: no-repeat; background-image: url("/files/layout/mm-a-last-selected.png"); background-position: top right; } #main-menu ul.level1 { width: 100%; display: block; /* height:50px; */ clear: both; top: 52px !important; } #main-menu ul.level1 li { display: inline-block; height: 50px; float: left; } #main-menu ul.level1 li a { margin-right: 20px; padding-right: 0; padding-left: 0; height: 50px; display: inline-block; line-height: 50px; } #main-menu ul.level1 li a, #main-menu ul.level1 li a:link, #main-menu ul.level1 li a:active, #main-menu ul.level1 li a:hover, #main-menu ul.level1 li a:visited { color: #6C6C6C; text-decoration: none; font-size: 14px; font-weight: bold; } #main-menu ul.level1 li.first a { padding-left: 0px; } #main-menu ul.level1 li.selected a, #main-menu ul.level1 li.selected a:link, #main-menu ul.level1 li.selected a:active, #main-menu ul.level1 li.selected a:hover, #main-menu ul.level1 li.selected a:visited { color: #90AA51; text-decoration: none; font-size: 14px; font-weight: bold; } /* Style Id:5831 Search*/ #search { width: 100%; max-width: 350px; position: absolute; right: -1px; margin-top: 37px; font-size: 11px; } #search .Seeems-TextLink-Container a { text-decoration: underline; } #search .Search-Form { float: right; margin-top: 12px; } #search .Search-Form input { border: 1px solid #e0e0e0; color: #6c6c6c; float: left; height: 29px; line-height: 27px; vertical-align: top; padding: 0px 5px; } #search .Search-Form .Seeems-FormButton { width: 100%; max-width: 46px; } #search .Search-Form .Seeems-FormButton a { background-image: url("/files/layout/search.png"); background-position: right top; background-repeat: no-repeat; color: #6c6c6c; display: block; font-size: 12px; font-weight: bold; height: 29px; line-height: 29px; padding-left: 5px; padding-right: 5px; text-align: center; text-decoration: none; } /* Style Id:5830 Animations*/ .Page-Animation { width: 100%; max-width: 100%; z-index: 15; } .Page-Animation a { color: ; text-decoration: none; } .Page-Animation .Animated-Area { position: relative; width: 100%; max-width: 100%; overflow: hidden; } .Page-Animation .Animated-Area .Animated-Area-Frame-Previous { width: 41px; height: 40px; background: url("/files/layout/animation-previous.png"); cursor: pointer; position: absolute; z-index: 10; top: 50%; left: 0px; margin-top: -20px; } .Page-Animation .Animated-Area .Animated-Area-Frame-Next { width: 41px; height: 40px; background: url("/files/layout/animation-next.png"); cursor: pointer; position: absolute; z-index: 10; top: 50%; right: 0px; margin-top: -20px; } .Page-Animation .Animated-Area-Frames { max-width: 100%; overflow: hidden; margin: 0px; max-height: 205px !important; } .Page-Animation .Animated-Area-Frame { width: 100%; max-width: 100%; position: relative; } .Page-Animation .Animated-Area-Frame .Animated-Area-Frame-Info, .Page-Animation .Animated-Area-Frame .Animated-Area-Frame-Image { display: inline-block; vertical-align: middle; } .Page-Animation .Animated-Area-Frame .Animated-Area-Frame-Image { width: 40%; margin-left: -4px; } .Page-Animation .Animated-Area-Frame .Animated-Area-Frame-Image img { max-width: 100%; max-height: 205px; display: block; float: right; } .Page-Animation .Animated-Area-Frame .Animated-Area-Frame-Info { width: 55%; margin-right: 5%; white-space: normal; } .Page-Animation .Animated-Area-Frame .Animated-Area-Frame-Info .Animated-Area-Info-Heading { font-weight: bold; } .Page-Animation .Animated-Area-Frame .Animated-Area-Frame-Info .Animated-Area-Info-Description { padding-top: 5px; } .Page-Animation-Links .Animated-Area-Frames { margin: 0px 60px; } .SimpleOverImage { position: relative; border: 1px solid #d9d9d9; background-color: #f5f5f5; } .SimpleOverImage img { max-width: 100%; display: block; } .SimpleOverImage .Content { margin-top: -82px; padding-bottom: 20px; padding-left: 65px; padding-top: 20px; position: relative; } .SimpleOverImage .Heading { color: #90aa51; font-size: 26px; } .SimpleOverImage .Description { color: #6c6c6c; font-size: 14px; } .AnimatedContent { background-position: right bottom; background-repeat: no-repeat; min-height: 165px; padding-top: 40px; } .AnimatedContent .Heading { font-size: 32px; } .AnimatedContent .Description { font-size: 14px; padding-top: 15px; } /* Default Animation */ .TransientFrame { widht: 100% !important; height: auto !important; max-width: 100%; } .TransientFrame .TransientFrameContainer { widht: 100% !important; max-width: 100%; } .TransientFrame .Transient { width: 100% !important; height: auto !important; max-width: 100%; } /* Style Id:5962 TopRight*/ #top-right { position: absolute; right: 256px; top: 30px; } #top-right a img { display: block; } .eee-header-logout-link-Container { width: auto !important; top: -30px; right: 5px; position: absolute; } .eee-header-logout-link-Container .eee-header-logout-link { background: #095010; color: #fff; padding: 5px 20px 7px 20px; display: inline-block; vertical-align: top; font-size: 12px; line-height: normal; font-weight: bold; } /* Style Id:5927 Left*/ #left { width: 230px; margin: 9px 15px 0px 0px; float: left; /*=== Left Menu ===*/ } #left #left-menu { background-color: #f6f6f6; border: 1px solid #e0e0e0; padding: 12px; margin-bottom: 9px; } #left #left-menu #left-menu__title { color: #6c6c6c; font-size: 18px; } #left #left-menu ul { margin-top: 7px; } #left #left-menu ul li ul { padding-left: 10px; display: none; } #left #left-menu ul li.selected > ul { display: block; margin: 5px 0px; } #left #left-menu ul li a, #left #left-menu ul li a:link, #left #left-menu ul li a:active, #left #left-menu ul li a:hover, #left #left-menu ul li a:visited { text-decoration: none; font-size: 14px; color: #90AA51; margin-top: 5px; font-weight: bold; display: inline-block; } #left #left-menu ul li.selected a, #left #left-menu ul li.selected a:link, #left #left-menu ul li.selected a:active, #left #left-menu ul li.selected a:hover, #left #left-menu ul li.selected a:visited { color: #6C6C6C; } #left #left-menu ul li.not-selected a { color: #90AA51!important; } /* Style Id:5832 Main*/ #main { margin-top: 9px; } #main #media_player_5350, #main oject { width: 100% !important; max-width: 100%; } #main.main-right { width: 715px; float: left; } #media_player_4091 { width: 100% !important; } /* Style Id:5834 Bottom*/ #bottom { border-top: 2px solid #e0e0e0; margin: 10px 0px; padding-top: 9px; } /* Style Id:5902 Map*/ .CountryList { clear: both; display: block; width: 100%; padding-top: 10px; } .CountryList .CountryListOption { display: inline-block; vertical-align: top; } .CountryList .CountryListOption label, .CountryList .CountryListOption innput { display: inline-block; vertical-align: top; } .CountryList .CountryListOption label { margin-top: 5px; cursor: pointer; } .FindDealerContactDisplay .Search { width: 100%; max-width: 280px; float: left; padding-right: 20px; box-sizing: border-box; } .FindDealerContactDisplay .Map { width: 100%; max-width: 655px; height: 648px; float: left; position: relative; } .FindDealerContactDisplay .Map #MapLoading { width: 128px; height: 128px; background-image: url("/files/layout/ajax_loader_gray_128.gif"); position: absolute; z-index: 10; left: 50%; top: 50%; margin-left: -64px; margin-top: -64px; display: none; } .mapImage1 { width: 22px; height: 27px; display: inline-block; vertical-align: top; margin-right: 10px; background-image: url("/files/layout/map_marker.png"); } .mapImage2 { width: 22px; height: 27px; display: inline-block; vertical-align: top; margin-right: 10px; background-image: url("/files/layout/map_marker_hover.png"); } .mapMakerDetails { display: inline-block; vertical-align: top; max-width: 230px; } .mapMarkerBold { min-width: 50px; } .FindDealerContactDisplay .Map #map_canvas { width: 100%; max-width: 655px; height: 500px; -webkit-transform: none !important; /* fix front panel context menu redraw issue */ } .FindDealerContactDisplay .Search .Label { font-weight: bold; padding-top: 10px; margin-bottom: 40px; color: ; font-size: 36px; } .FindDealerContactDisplay .Search .Divider { height: 1px; background: ; } .FindDealerContactDisplay .Search .SearchForm { clear: both; margin-bottom: 10px; } .FindDealerContactDisplay .SearchForm .SearchText { background: url("/files/layout/searchbox_textfield_back.png") no-repeat; border: none; width: 168px; height: 17px; padding: 5px 0px 5px 5px; border: 1px solid #d1d1d1; font-size: 15px; float: left; } .FindDealerContactDisplay .SearchForm .SearchButton a { background-color: #90aa51; color: #ffffff; text-align: center; line-height: 29px; border: none; width: 62px; height: 29px; float: left; text-decoration: none; margin-left: 5px; } .FindDealerContactDisplay .CurrentLocation { margin-bottom: 20px; } .FindDealerContactDisplay .CurrentLocation a { background: url("/files/layout/current_location.png") no-repeat; color: ; text-transform: uppercase; font-size: 12px; padding-left: 25px; display: block; line-height: 19px; } .FindDealerContactDisplay .Search .InfoText { margin: 15px 20px 15px 0px; font-size: 12px; line-height: 16px; } .FindDealerContactDisplay .Search .SearchResults { margin: 5px 0px 15px 0px; font-size: 12px; line-height: 16px; max-height: 450px; overflow: auto; clear: both; } .FindDealerContactDisplay .Search .SearchResults a { color: #90aa51; } .FindDealerContactDisplay .SearchResults .Heading { font-size: 16px; font-weight: bold; margin-bottom: 15px; } .SearchResultsInside .OneDealerResult { margin-bottom: 25px; cursor: pointer; /*clear:both;*/ } .OneDealerResult .Number { width: 22px; height: 27px; float: left; padding-right: 10px; background: url("/files/layout/map_marker.png") no-repeat; } .OneDealerResult .Number span { color: ; text-align: center; display: block; padding-top: 5px; } .OneDealerResult .Info { width: 150px; /*width:235px;*/ float: left; } .OneDealerResult .Name a { color: ; font-weight: bold; } .OneDealerResult .Direction { padding-top: 8px; } .OneDealerResult .Direction a { display: inline-block; color: ; font-weight: bold; padding: 0px 10px 5px 10px; background: ; } .SearchResults .jspContainer { overflow: hidden; position: relative; } .SearchResults .jspPane { position: absolute; } .SearchResults .jspVerticalBar { position: absolute; top: 0; right: 0; width: 9px; height: 100%; } .SearchResults .jspCap { display: none; } .SearchResults .jspHorizontalBar .jspCap { float: left; } .SearchResults .jspTrack { position: relative; background: ; } .SearchResults .jspDrag { background: ; position: relative; top: 0; left: 0; cursor: pointer; width: 9px; } .SearchResults .jspHorizontalBar .jspTrack, .SearchResults .jspHorizontalBar .jspDrag { float: left; height: 100%; } .FindDealerDirectionContactDisplay #directionsPanel { width: 100%; font-size: 16px; } .FindDealerDirectionContactDisplay .adp-directions { width: 100%; } .FindDealerDirectionContactDisplay .PrintDirectionButton { float: right; padding: 5px; background: ; color: ; } .FindDealerDirectionContactDisplay .DirectionsPanel { padding-top: 10px; padding-bottom: 10px; } .gm-style-iw { width: auto !important; } @media print { .FindDealerDirectionContactDisplay .LocalDestination { display: none; } .FindDealerDirectionContactDisplay .PrintButton { display: none; } } /* Style Id:5903 Favorite*/ .FavoriteButton { float: right; cursor: pointer; } .FavoriteButton .FavoriteButtonIcon { width: 24px; height: 24px; background: url("/files/layout/favorite-icon.png"); float: left; } .FavoriteButton span { float: right; font-size: 14px; font-weight: bold; margin-left: 5px; margin-top: 7px; text-transform: uppercase; } .FavoriteButton .NotSelectedFav { display: block; } .FavoriteButton .SelectedFav { display: none; } .FavoriteButton.Selected .FavoriteButtonIcon { background-position: 0px 24px; } .FavoriteButton.Selected .NotSelectedFav { display: none; } .FavoriteButton.Selected .SelectedFav { color: #ecb61c; display: block; } .FavClear { clear: both; } #FavoriteTable { width: 100%; } #FavoriteTable th { background-color: #2a8000; padding: 10px; color: #fff; border: 1px solid #fff; } #FavoriteTable tr td { border: 1px solid #d1d1d1; padding: 10px; } #FavoriteTable tr td a { height: 100%; color: #6c6c6c; display: block; text-decoration: none; } #FavoriteTable tr td img { display: block; } #FavoriteTable input { width: 100px; border: 1px solid #d1d1d1; float: right; padding: 10px; } .FavMenu a { color: #6c6c6c; text-decoration: none; } .FavMenu .FavIcon { width: 24px; height: 24px; background: url("/files/layout/favorite-icon.png"); background-position: 0px 24px; float: left; } .FavMenu span { float: right; margin-left: 5px; font-size: 14px; font-weight: bold; margin-top: 5px; text-transform: uppercase; } .SmallFavoriteButton { border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding: 2px 0px; margin-top: 2px; cursor: pointer; position: relative; z-index: 10; } .SmallFavoriteButton span { font-size: 10px !important; } #FavoriteTableHeading { float: left; margin: 20px 0px; font-size: 24px; } #FavoriteTablePrintLogo { display: none; } .ProductListFavoriteIcon { width: 24px; height: 24px; background: url("/files/layout/favorite-icon.png"); background-position: 0px 24px; position: absolute; bottom: 10px; right: 10px; z-index: 22222; display: none; } .ProductListFavoriteIcon.Selected { display: block; } .FavoriteTablePrintButton { float: right; background: #2a8000; padding: 10px; color: #fff; font-weight: bold; font-size: 12px; margin-top: 15px; cursor: pointer; } .FavoriteTableRemoveFavorites { float: right; background: #a0410d; padding: 10px; color: #fff; font-weight: bold; font-size: 12px; margin-top: 15px; margin-left: 10px; cursor: pointer; } .ForiteAntalColumn { display: none; width: 120px; height: 100%; } @media print { .ForiteAntalColumn { display: table-cell; } #FavoriteTablePrintLogo { margin: 20px 0px; float: right; display: block; } .MajlandGridRow1, .MajlandGridRow2, #TR_id1596, .FavWrapper, .FavoriteTablePrintButton, .FavoriteTableRemoveFavorites { display: none; } } /* Style Id:5953 AdvancedBox*/ .gray-advanced-box { background-color: #f6f6f6; border: 1px solid #e0e0e0; } .gray-advanced-box h3 { font-size: 18px; font-weight: normal; line-height: 22px; color: #6C6C6C; } .gray-advandex-box-with-white-space { border: 1px solid #e0e0e0; background: #fff; } .gray-advandex-box-with-white-space .gray-advandex-box-with-white-space-Wrapper { background-color: #f6f6f6; margin: 9px; } .advanced-green-box { background: #095010; color: #fff; } .advanced-green-box a, .advanced-green-box h1, .advanced-green-box h2, .advanced-green-box h3, .advanced-green-box h4, .advanced-green-box h5 { color: #fff !important; } .advanced-green-box img { vertical-align: bottom; } /* Style Id:5923 TopAnimatedBasket*/ div.Search-Content-Wrapper { position:relative; } #responsive-basket { display: none; } #basket-wrapper { position: absolute !important; right: 0px !important; top: -80px !important; width: 240px; margin-left:20px; z-index: 99; } *:first-child+html #basket-wrapper { margin-left:-70px; } #basket-header { position:relative; } #basket-header a { display:block; width:240px; height:32px; background:url(/files/images/basket/cart_header.png); text-decoration:none; font:bold 13px arial,sans-serif; color:#fff; } #basket-header a:hover { text-decoration:none; } #basket-header a.always-expanded:hover { color:#434343; } #basket-header a.always-expanded, #basket-header a.always-expanded span { cursor:default; } #basket-header a span { position:absolute; top:9px; left:14px; cursor:pointer; } #basket-header a span.arrow-expand { position:absolute; top:2px; left:198px; display:block; width:26px; height:29px; background:url(/files/images/basket/cart_header_arrows.png) no-repeat 0 0; } #basket-header.expanded a span.arrow-expand { background-position:0 -29px; } #basket-header a span#basket-header-highlight { display:block; position:absolute; top:0; left:1px; width:238px; height:32px; background:#b2ffb7;/*#b2fff3*/ opacity:0; /* the script controls the blinking effect */ -moz-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); } #basket-notifications-loader { display:none; position:absolute; top:8px; left:190px; width:16px; height:16px; overflow:hidden; background:url(/files/images/basket/cart_spinner.gif) no-repeat; } #basket-content { width:240px; background:url(/files/images/basket/cart_list_bg.png) repeat-y; overflow:hidden; } #basket-empty-cart { padding-top:24px; height:43px; text-align:center; font:bold 15px arial,sans-serif; color:#bbb; } #basket-big-icon { display:none; position:absolute; top:65px; left:50px; width:134px; height:117px; max-height:200px; /* set here the height for the basket when the basket icon is displayed */ background:url('/files/images/basket/basket-big-icon.png') no-repeat; z-index:20; } #basket-footer { margin-top:-1px; } #basket-footer a { display:block; position:relative; /* fixes a small z-indexing issue in WebKit */ width:226px; height:43px; padding-top:8px; padding-left:14px; background:url(/files/images/basket/cart_footer.png) no-repeat; font:bold 17px arial,sans-serif; text-decoration: none; color: #fff; } #basket-footer a:hover { text-decoration:underline; } #basket-footer a span.basket-icon { margin:-3px 5px 0 0; display:none; vertical-align:top; width:24px; height:20px; background:url(/files/images/basket/cart_footer_icon.png) no-repeat; } .product-pic { position:absolute; border:1px solid #ccc; background:#fff; overflow:hidden; opacity:0.9; -moz-opacity:0.9; -webkit-opacity:0.9; filter:alpha(opacity=90); z-index:21; } .product-pic img { display:block; width:100%; height:auto; } #basket-items-wrapper { margin:0 2px; min-height:0px; /*max-height:400px; - the script limits the max-height of the list to the height of browser viewport even if this is not set */ overflow:auto; width:236px; background:#fff; } #basket-items-wrapper ul { list-style:none; margin:0; padding:5px 7px; zoom:1; } #basket-items-wrapper li { border-top:1px solid #e3e3e3; margin:0; padding:4px 0; font:bold 10px arial,sans-serif; color:#6d6d6d; zoom:1; } #basket-items-wrapper li:first-child { border-top:0; } #basket-items-wrapper li.odd { /*background:#f7f7f7;*/ } #basket-items-wrapper li.even { /*background:#fff;*/ } #basket-items-wrapper li.odd:hover { color:#000; /*background:#e5fdde;*//*#fdf6db*/ } #basket-items-wrapper li.even:hover { color:#000; /*background:#e8ffe1;*//*#fff9de*/ } #basket-items-wrapper li a.item-icon { margin:0 0 0 4px; display:inline-block; vertical-align:top; width:12px; height:12px; overflow:hidden; background:url(/files/images/basket/cart_item_icons.png) no-repeat; } #basket-items-wrapper li a.increase-icon { background-position:0 0; } #basket-items-wrapper li a.decrease-icon { background-position:0 -12px; } #basket-items-wrapper li a.delete-icon { background-position:0 -24px; } #basket-items-wrapper li a.disabled { opacity:0.3; -moz-opacity:0.3; -webkit-opacity:0.3; filter:alpha(opacity=30); cursor:default; } #basket-items-wrapper li div.item-data { float:left; margin-left:5px; width:160px; } #basket-items-wrapper li div.item-name { margin-bottom:3px; } #basket-items-wrapper li div.item-qty { margin-bottom:3px; } #basket-items-wrapper li div.item-img { margin:0 4px 0 0; float:left; border:1px solid #ddd; background:#fff; width:49px; height:49px; overflow:hidden; } #basket-items-wrapper li div.item-img img { display:block; width:100%; height:auto; } #basket-items-wrapper li div.item-info { /* We need to use fixed positioning due to the wrapper having overflow:auto. We can still use top/left to offset from the item top left corner, the script does some magic in order this to work. */ position:fixed; top:0; left:-263px; width:240px; border:2px solid #ececec; padding:6px; color:#6d6d6d; background:#fff;/*fff5c6*/ visibility:hidden; font-size:11px; } #basket-items-wrapper li:hover div.item-info { visibility:visible; } .clearer { clear:both; font-size:0px; line-height:0px; height:0; overflow:hidden; } /* Style Id:5942 AdvancedFilter*/ .AdvancedFilter { background-color: #F6F6F6; border: 1px solid #E0E0E0; padding: 12px; margin-top: 9px; } .AdvancedFilter .AdvancedFilterTitle { font-size: 18px; line-height: 22px; padding-bottom: 10px; } .AdvancedFilter .Title { font-size: 14px; padding-bottom: 3px; padding-top: 10px; } .AdvancedFilter .ColorFilter .Title { padding-top: 0px; } .AdvancedFilter .ColorFilter select, .AdvancedFilter .LightFilter select, .AdvancedFilter .HightFilter select { width: 150px; } .AdvancedFilter .MonthFilter span { display: inline-block; width: 30px; font-size: 14px; } .AdvancedFilter .MonthFilter select { width: 100px; } .AdvancedFilter .MonthFilter .To { padding-top: 5px; } .AdvancedFilter .Filters span { display: inline-block; width: 80px; font-size: 14px; } /* Style Id:5936 Product List Anonymous Users*/ .ProductList { padding-top: 11px; display: flex; flex-wrap: wrap; margin: -6px -7px; } .ProductList > a { margin: 6px 7px; } .ProductList a, .ProductList a:link, .ProductList a:active, .ProductList a:hover, .ProductList a:visited { text-decoration: none; display: inline-block; vertical-align: top; text-decoration: none; } .ProductList .Product { display: block; width: 168px; height: 280px; float: left; cursor: pointer; position: relative; } .ProductList .Product .view-responsive-product { margin: 12px 5px 0px 0px; text-align: right; font-weight: bold; cursor: pointer; color: #90aa51; display: none; } .ProductList .Product .DefaultView { width: 100%; height: 100%; background-image: url("/files/layout/product-list-box-default.png"); position: relative; } .ProductList .Product .DefaultView .DanishName, .ProductList .Product .DefaultView .LatinName { color: #FFFFFF; font-size: 14px; font-weight: bold; text-align: center; padding-left: 5px; padding-right: 5px; padding-top: 5px; } .ProductList .Product .DefaultView .ProductListImage { position: absolute; left: 0px; bottom: 15px; z-index: 1000; } .ProductList .Product .DefaultView img.PriceIcon { position: absolute; top: 65px; right: 15px; z-index: 2000; } .ProductList .Product .MouseOverView { width: 100%; height: 100%; background-image: url("/files/layout/product-list-box-mouseover.png"); position: relative; display: none; color: #6C6C6C; } .ProductList .Product .MouseOverView .Names { padding: 5px; background-color: #e0e0e0; margin-top: 20px; float: left; width: 158px; min-height: 42px; display: flex; justify-content: center; flex-direction: column; } .ProductList .Product .MouseOverView .Names div { text-align: center; } .ProductList .Product .MouseOverView .Color { text-align: center; float: left; padding: 5px; font-weight: bold; font-size: 12px; width: 158px; line-height: 14px; } .ProductList .Product .MouseOverView .Features { padding: 5px; padding-top: 20px; float: left; display: block; width: 158px; } .ProductList .Product .MouseOverView .Features .Feature { width: 158px; display: block; float: left; } .ProductList .Product .MouseOverView .Features .Feature .Icon { padding-right: 10px; width: 15px; display: block; float: left; } .ProductList .Product .MouseOverView .Features .Feature .Value { width: 130px; text-align: left; display: block; float: left; } /* Style Id:5940 Product Details Anonymous Users*/ .ProductDetails { display: inline-block; width: 100%; } .ProductDetails .DanishName { font-size: 38px; line-height: 44px; padding-bottom: 20px; float: left; width: 100%; } .ProductDetails .LatinName { font-size: 14px; line-height: 16px; padding-bottom: 10px; float: left; width: 100%; } .ProductDetails .Images { width: 150px; float: left; } .ProductDetails .Images img { display: block; border: 0px; cursor: pointer; } .ProductDetails .Images .Thumbnails { white-space: nowrap; margin: 10px -5px; overflow: hidden; position: relative; font-size: 0; max-width: 160px; } .ProductDetails .Images .Thumbnails .ThumbnailsPrevArrow, .ProductDetails .Images .Thumbnails .ThumbnailsNextArrow { position: absolute; width: 21px; height: 20px; top: 50%; margin-top: -10px; cursor: pointer; display: none; } .ProductDetails .Images .Thumbnails .ThumbnailsPrevArrow { left: 5px; background: url("/files/layout/animation-previous.png"); background-size: 21px 20px; } .ProductDetails .Images .Thumbnails .ThumbnailsNextArrow { right: 5px; background: url("/files/layout/animation-next.png"); background-size: 21px 20px; } .ProductDetails .Images .Thumbnails:hover .ThumbnailsPrevArrow, .ProductDetails .Images .Thumbnails:hover .ThumbnailsNextArrow { display: block; } .ProductDetails .Images .Thumbnails .Thumbnail { width: 33.333%; padding: 0 5px; box-sizing: border-box; display: inline-block; vertical-align: top; } .ProductDetails .Properties { width: 555px; float: left; margin-left: 10px; } .ProductDetails .Properties table { width: 100%; margin-bottom: 50px; table-layout: fixed; } .ProductDetails .Properties table tr td { height: 24px; line-height: 24px; text-align: left; vertical-align: middle; font-size: 12px; } .ProductDetails .Properties table tr td.Caption { padding-left: 5px; width: 30%; font-weight: bold; } .ProductDetails .Properties table tr td.Value { width: 69%; } .ProductDetails .Properties table tr td.Icon { width: 12px; } .ProductDetails .Properties table tr td img { display: block; border: 0px; } .ProductDetails .Properties table tr.DarkBackground td { background-color: ; } /* Style Id:5938 Product List Debtor Users*/ .PagerContainer { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #e0e0e0; position: relative; } .PagerContainer .custom-pager-link { position: absolute; right: 0px; top: 0px; padding: 19px 0px; } .HeaderTable { color: #90AA51; text-decoration: underline; } .HeaderTable td.cell1 { width: 55px; } .HeaderTable td.cell2 { width: 35px; } .HeaderTable td.cell3 { width: 300px; } .HeaderTable td.cell4 { width: 80px; } .HeaderTable td.cell5 { width: 55px; } .HeaderTable td.cell6 { width: 85px; } .HeaderTable td.cell7 { width: 40px; } .HeaderTable td.cell8 { width: 20px; } .HeaderTable td.cell9 { width: 20px; } div.DebtorProductList { padding-top: 10px; padding-bottom: 10px; } .DebtorProductList table.ProductListTable tr td, .DebtorProductList table.FastEditTable tr td { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; font-size: 14px; } .DebtorProductList div.FastEdit { min-height: 52px; } .DebtorProductList table.FastEditTable { min-height: 52px; } .DebtorProductList table.FastEditTable tr td { font-weight: bold; color: #90AA51; height: 32px; } .DebtorProductList a:link, .DebtorProductList a:hover, .DebtorProductList a:active, .DebtorProductList a:visited { text-decoration: none; color: #6C6C6C; } .DebtorProductList table.ProductListTable tr td.NumberPerPackage, .DebtorProductList table.FastEditTable tr td.NumberPerPackage { text-align: right; } .DebtorProductList table.ProductListTable tr.ProductRow1 td { background-color: #f6f6f6; } .DebtorProductList table.ProductListTable tr td.Number, .DebtorProductList table.FastEditTable tr td.Number { width: 50px; } .DebtorProductList table.FastEditTable tr td.Number input { width: 54px; height: 19px; font-weight: bold; text-align: center; } .DebtorProductList table.ProductListTable tr td.PopularityIndex, .DebtorProductList table.FastEditTable tr td.PopularityIndex { width: 15px; } .DebtorProductList table.ProductListTable tr td.LatinName, .DebtorProductList table.FastEditTable tr td.LatinName { width: 305px; } .DebtorProductList table.ProductListTable tr td.Price, .DebtorProductList table.FastEditTable tr td.Price { width: 40px; } .DebtorProductList table.ProductListTable tr td.NumberPerPackage, .DebtorProductList table.FastEditTable tr td.NumberPerPackage { width: 30px; } .DebtorProductList table.ProductListTable tr td.ContrlosCell, .DebtorProductList table.FastEditTable tr td.ContrlosCell { width: 205px; padding-right: 10px; } .DebtorProductList div.HintContainer { font-size: 0px; line-height: 0px; height: 0px; width: 0px; position: relative; } .DebtorProductList div.HintContainer img { z-index: 200; position: absolute; width: 175px; height: 168px; left: -185px; top: -77px; display: none; max-width: none; } .DebtorProductList table.ProductListTable tr:hover td, .DebtorProductList table.ProductListTable tr.eee-finished-beds-row td { background-color: #90AA51; color: #FFFFFF; cursor: pointer; } .DebtorProductList table.ProductListTable tr:hover td a, .DebtorProductList table.ProductListTable tr.eee-finished-beds-row td a { color: #fff; } .DebtorProductList table.ProductListTable tr.CategoryName:hover td { background-color: #FFFFFF; color: #6C6C6C; cursor: default; } .DebtorProductList table.ProductListTable tr:hover td a, .DebtorProductList table.ProductListTable tr:hover td a:link, .DebtorProductList table.ProductListTable tr:hover td a:active, .DebtorProductList table.ProductListTable tr:hover td a:hover, .DebtorProductList table.ProductListTable tr:hover td a:visited { text-decoration: underline; color: #FFFFFF; } .DebtorProductList table.ProductListTable tr:hover td div.HintContainer img { display: block; } .DebtorProductList div.BasketControls { background-color: #FFFFFF; color: #6C6C6C; height: 32px; cursor: default; font-weight: normal; } .DebtorProductList .BasketControls input.QuantityContainer { width: 45px; height: 20px; float: left; border: 1px solid #6C6C6C; text-align: right; line-height: 20px; margin-top: 5px; margin-left: 3px; padding-right: 3px; } .DebtorProductList .BasketControls div.PlusButton, .DebtorProductList .BasketControls div.MinusButton { height: 13px; width: 13px; display: block; float: left; margin-top: 10px; margin-left: 3px; } .DebtorProductList .BasketControls div.PlusButton { background-image: url("/files/layout/plus.png"); cursor: pointer; } .DebtorProductList .BasketControls div.MinusButton { background-image: url("/files/layout/minus.png"); cursor: pointer; } .DebtorProductList .BasketControls input.TotalNumbers { width: 48px; height: 20px; float: left; border: 1px solid #6C6C6C; text-align: right; line-height: 20px; margin-top: 5px; margin-left: 3px; padding-right: 3px; } .DebtorProductList .BasketControls input { display: block; float: left; margin-top: 9px; margin-left: 3px; } .BasketProductList .ProductListTable, .DebtorProductList .ProductListTable, .FastEditTable { width: 100%; } .BasketProductList .ProductListTable tr td span, .DebtorProductList .ProductListTable tr td span, .FastEditTable tr td span { display: none; } .show-non-business-products { width: 100%; display: table; } .show-non-business-products input, .show-non-business-products label { display: table-cell; vertical-align: top; cursor: pointer; } .show-non-business-products label { padding: 2px 0px 0px 5px; color: #90AA51; } .non-business { margin-top: 4px; color: #e00000; font-weight: normal; } .non-business .non-business-box { width: 10px; height: 10px; display: inline-block; background: #e00000; margin-right: 5px; } .DebtorProductList table.ProductListTable tr:hover td.single-out-of-stock-message, .FastEditTable tr:hover td.single-out-of-stock-message { background: #ff1313; color: #fff !important; } .DebtorProductList table.ProductListTable tr td.single-out-of-stock-message, .FastEditTable tr td.single-out-of-stock-message { background: #ff1313 !important; padding: 10px; color: #fff !important; font-weight: bold; font-size: 13px; cursor: auto; position: relative; } .DebtorProductList table.ProductListTable tr td.single-out-of-stock-message .single-out-of-stock-return-available, .DebtorProductList table.ProductListTable tr td.single-out-of-stock-message .single-out-of-stock-keep-quantity, .FastEditTable tr td.single-out-of-stock-message .single-out-of-stock-return-available, .FastEditTable tr td.single-out-of-stock-message .single-out-of-stock-keep-quantity { background: #90AA51; color: #fff !important; padding: 5px; margin-top: 5px; cursor: pointer; } .single-out-of-stock-message__table { width: 100%; display: table; } .single-out-of-stock-message__left { display: table-cell; vertical-align: bottom; text-align: left; } .single-out-of-stock-message__right { width: 100px; display: table-cell; vertical-align: bottom; text-align: right; } .single-out-of-stock-message-close { width: 15px; height: 15px; line-height: 15px; text-align: center; border: 1px solid #fff; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; cursor: pointer; display: inline-block; vertical-align: top; font-weight: normal; font-size: 10px; } .OutOfStockSingleProductMessage, #OutOfStockSingleProductMessage { display: none; } /* Style Id:5955 PopupWindow*/ #productPopUpBox { top: 0px; right: 0; bottom: 0; left: 0px; background-image: url("/files/layout/pop-up-window-background.png"); position: fixed; z-index: 100; align-items: center; justify-content: center; } #productPopUpBox-content-container { background-color: #FFFFFF; z-index: 101; position: relative !important; } #productPopUpBox-content { overflow-y: auto; max-height: calc(100vh - 60px); box-sizing: border-box; background-color: #FFFFFF; z-index: 102; padding: 15px 45px 45px 45px; } #productPopUpBox-content .ProductDetails .Properties table { margin-bottom: 0; } @media (max-width: 999px) { #productPopUpBox { top: 78px; } #productPopUpBox-content { padding: 0 15px 15px 15px; } #productPopUpBox-content .ProductDetails .DanishName { text-align: left; } #productPopUpBox-content .ProductDetails .LatinName { margin-bottom: 5px; } .productPopUpBox-close-button-container { display: flex; align-items: center; justify-content: flex-end; } .productPopUpBox-close-button-container #productPopUpBox-close-button-text { padding: 0 10px 0 0; } .productPopUpBox-close-button-container #productPopUpBox-close-button { position: static; } } #productPopUpBox-close-button-text { display: block; text-align: right; padding-right: 30px; font-weight: bold; padding-top: 3px; } #productPopUpBox-close-button { width: 35px; height: 35px; background-image: url("/files/layout/close-button.png"); background-repeat: no-repeat; cursor: pointer; position: absolute; right: -12px; top: -12px; } /* Style Id:5944 Product List Pager*/ .Pager { float: left; } .Pager a.PagerPage, .Pager a.PagerPage:link, .Pager a.PagerPage:active, .Pager a.PagerPage:hover, .Pager a.PagerPage:visited { float: left; display: block; height: 25px; width: 25px; text-align: center; line-height: 25px; border: 1px solid #e0e0e0; text-decoration: none; color: ; margin-right: 3px; } .Pager span.CurrentPage { float: left; display: block; height: 25px; width: 25px; text-align: center; line-height: 25px; text-decoration: none; color: #6C6C6C; font-weight: bold; margin-right: 3px; } .Pager span.TotalItems { float: left; display: inline-block; height: 25px; text-align: center; line-height: 25px; text-decoration: none; color: #6C6C6C; font-weight: bold; margin-right: 3px; } .Pager a.PagerNext, .Pager a.PagerNext:link, .Pager a.PagerNext:active, .Pager a.PagerNext:hover, .Pager a.PagerNext:visited { float: left; display: block; height: 25px; width: 25px; text-align: center; line-height: 25px; border: 1px solid #e0e0e0; text-decoration: none; color: #90AA51; margin-right: 3px; background-image: url("/files/layout/pager-next.png"); background-repeat: no-repeat; background-position: center center; } .Pager a.PagerPrevious, .Pager a.PagerPrevious:link, .Pager a.PagerPrevious:active, .Pager a.PagerPrevious:hover, .Pager a.PagerPrevious:visited { float: left; display: block; height: 25px; width: 25px; text-align: center; line-height: 25px; border: 1px solid #e0e0e0; text-decoration: none; color: #90AA51; margin-right: 3px; background-image: url("/files/layout/pager-previous.png"); background-repeat: no-repeat; background-position: center center; } /* Style Id:5947 Web Offer*/ .WebOffers .Heading { color: ; font-size: 18px; padding-bottom: 10px; } .WebOffers .ProductName a, .WebOffers .ProductName a:link, .WebOffers .ProductName a:active, .WebOffers .ProductName a:hover, .WebOffers .ProductName a:visited { color: #6C6C6C ; text-decoration: none; } .WebOffers .WebOffer { clear: both; margin: 10px 0px; } .WebOffers .WebOffer .WebOfferImageContainer { width: 50px; padding-right: 10px; float: left; } .WebOffers .WebOffer .WebOfferInfo { width: 140px; float: left; font-weight: bold; } .WebOffers .WebOffer .WebOfferInfo .Price { color: #000000; } .WebOffers .WebOffer .WebOfferInfo .RetailPrice { font-weight: normal; text-decoration: line-through; } .WebOffers .WebOffer .WebOfferInfo .AddButton a, .WebOffers .WebOffer .WebOfferInfo .AddButton a:link, .WebOffers .WebOffer .WebOfferInfo .AddButton a:active, .WebOffers .WebOffer .WebOfferInfo .AddButton a:hover, .WebOffers .WebOffer .WebOfferInfo .AddButton a:visited { color: ; text-decoration: underline; } /* Style Id:5934 Alphabetic Index*/ .nameSearchFieldContainer { float: right; margin-top: 2px; } .nameSearchFieldContainer input { width: 143px; height: 19px; } .AlphabeticIndex { background-color: #f6f6f6; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; color: #6C6C6C; padding: 10px; } .AlphabeticIndex .Title { font-weight: bold; font-size: 14px; padding-bottom: 5px; } .AlphabeticIndex .Values { height: 14px; } .AlphabeticIndex .Values span { font-weight: bold; padding-right: 5px; } .AlphabeticIndex .Values span.Current { padding-left: 3px; padding-right: 3px; } .AlphabeticIndex a, .AlphabeticIndex a:link, .AlphabeticIndex a:active, .AlphabeticIndex a:hover, .AlphabeticIndex a:visited { padding-left: 3px; padding-right: 3px; color: #90AA51; text-decoration: underline; } .AdditionalFilters { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #e0e0e0; } .AdditionalFilters a, .AdditionalFilters a:link, .AdditionalFilters a:active, .AdditionalFilters a:hover, .AdditionalFilters a:visited { padding-left: 3px; padding-right: 3px; color: #90AA51; text-decoration: underline; } /* Style Id:6224 OrderingProcedure*/ .ordering-procedure-left-side { margin-right: 17px; } .ordering-procedure-left-side { float: left; } .ordering-procedure-right-side { float: right; } .ordering-procedure-left-side .Seeems-FormItem div, .ordering-procedure-left-side .Seeems-FormItem input, .ordering-procedure-left-side .Seeems-FormItem textarea, .ordering-procedure-right-side .Seeems-FormItem div, .ordering-procedure-right-side .Seeems-FormItem input, .ordering-procedure-right-side .Seeems-FormItem textarea { width: 100% !important; } .BasketTotalInfo { width: 100%; font-size: 14px; } .BasketTotalInfo table { width: 100%; } .BasketTotalInfo tr td { border-top: 1px solid #e0e0e0; padding: 10px 0px; vertical-align: middle; width: 50%; } .BasketTotalInfo tr.Total td { font-weight: bold; } .BasketTotalInfo tr td.Value { text-align: right; } .BasketProductList .BasketControls input { margin-top: 2px; margin-left: 5px; } .BasketProductList tr td span { display: none; } .BasketProductList tr td.RemoveButton { text-align: right !important; padding-right: 10px; } body .ordering-procedure-left-side table.OrderingSelectDeliveryOptionsField { width: auto !important; } body .ordering-procedure-left-side table.OrderingSelectDeliveryOptionsField tr td { line-height: 39px; vertical-align: middle; } body .ordering-procedure-left-side table.OrderingSelectDeliveryOptionsField tr td input { width: 20px !important; display: inline-block; float: left; } body .ordering-procedure-left-side table.OrderingSelectDeliveryOptionsField tr td label { display: inline-block; } /* Style Id:7380 ResponsiveAnimation*/ .responsive-animation { position: relative; } .responsive-animation .responsive-animation-prev, .responsive-animation .responsive-animation-next { width: 47px; height: 47px; background: url("/files/layout/animation-arrows.png"); position: absolute; top: 50%; margin-top: -23px; cursor: pointer; z-index: 3; display: none; } .responsive-animation .responsive-animation-prev { left: 20px; } .responsive-animation .responsive-animation-next { background-position: 0px -47px; right: 20px; } .responsive-animation:hover .responsive-animation-prev, .responsive-animation:hover .responsive-animation-next { display: block; } .responsive-animation .responive-animation__move { width: 100%; white-space: nowrap; font-size: 0px; } .responsive-animation .responsive-animation__frames { width: 100%; overflow: hidden; } .responsive-animation .responive-animation__frame { width: 100%; display: inline-block; vertical-align: top; position: relative; } .responsive-animation .responsive-animation__frame-content { position: relative; z-index: 12; } .responsive-animation .responsive-animation__frame-content-table-wrapper { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .responsive-animation .responsive-animation__frame-content-table { width: 100%; max-width: 960px; height: 100%; display: table; margin: auto; } @media (max-width: 480px) { .responsive-animation .responsive-animation__frame-content-table { top: auto; bottom: 0px; } } .responsive-animation .responsive-animation__frame-content-table .responsive-animation__frame-content-td { width: 100%; max-width: 960px; margin: auto; display: table-cell; vertical-align: middle; } .responsive-animation .responsive-animation__frame-content { background: rgba(255, 255, 255, 0.5); padding: 20px; display: inline-block; vertical-align: top; font-size: 14px; color: #000; font-weight: bold; font-size: 13px; } .responsive-animation .responsive-animation__frame-content .responsive-animation__frame-content-heading { font-size: 18px; line-height: normal; line-height: 25px; } .responsive-animation .responsive-animation__frame-content .responsive-animation__frame-content-heading .responsive-animation__frame-content-heading-line { width: 50%; height: 2px; background: #90AA51; margin-top: 15px; } .responsive-animation .responsive-animation__frame-content .responsive-animation__frame-content-description { margin-top: 15px; line-height: 20px; } .responsive-animation .responsive-animation__frame-content .responsive-animation__frame-content-link { min-width: 60px; background: #095010; color: #fff; padding: 15px; display: inline-block; vertical-align: top; margin-top: 15px; text-align: center; } .responsive-animation .responsive-animation__frame-content .responsive-animation__frame-content-link2 { margin-top: 5px; } .responsive-animation .responsive-animation-scroll-down { width: 54px; height: 30px; background: url("/files/layout/responsive-animation-arrow.png"); position: absolute; bottom: 30px; left: 50%; margin-left: -27px; cursor: pointer; z-index: 2; } .responsive-animation-gallery { background: #095010; color: #fff; padding: 10px; font-size: 0; max-width: 300px; float: right; } .responsive-animation-gallery .responsive-animation-gallery-wrapper { white-space: nowrap; overflow: hidden; } .responsive-animation-gallery .responsive-animation-gallery__item { width: 100%; display: inline-block; vertical-align: top; font-size: 14px; font-weight: 600; overflow: hidden; } .responsive-animation-gallery .responsive-animation-gallery__item img { display: block; margin-bottom: 10px; max-height: calc(100vh - 226px); width: 100%; background-position: center; object-fit: cover; } .responsive-animation-gallery .responsive-animation-gallery__prev, .responsive-animation-gallery .responsive-animation-gallery__next { font-size: 14px; cursor: pointer; margin-top: 8px; font-weight: normal; } .responsive-animation-gallery .responsive-animation-gallery__prev { float: left; } .responsive-animation-gallery .responsive-animation-gallery__next { float: right; } /* Style Id:5964 Responsive (max-width: 960px)*/ @media only screen and (max-width: 960px) { #top-right, #main-menu, #basket-wrapper { display: none; } .hide-on-tablet, .BasketProductList .ProductListTable tr td.hide-on-tablet { display: none !important; } .break-on-tablet { display: block !important; } .hide-bg-image-on-responsive { background-image: none !important; } /*===== Header =====*/ #header { height: 50px; border-bottom: 1px solid #e0e0e0; position: fixed; margin-top: 0px; z-index: 99999; } #search { max-width: 100%; position: relative; display: none; } #search .Search-Form { background: #fff; max-width: 100% !important; padding: 10px; border-bottom: 1px solid #d1d1d1; margin-top: 11px; } #logo { width: 126px; margin: auto; } #logo img { width: auto !important; max-width: 100% !important; max-height: 35px !important; margin-top: 7px !important; } #ResponsiveMenu { position: absolute; left: 10px; top: 12px; cursor: pointer; display: block; } #ResponsiveMenu #ResponsiveMenuIcon { width: 27px; height: 23px; background: url("/files/layout/responsive-menu.png"); display: inline-block; vertical-align: top; } #ResponsiveMenuContent { width: 100%; margin: auto; display: block !important; z-index: 10 !important; position: relative; display: none; background-color: #ffffff; overflow-x: hidden; margin-top: 51px; font-family: 600; } #ResponsiveMenuContent ul { margin: 0px; padding: 0px; } #ResponsiveMenuContent .ResponsiveMenuList { display: none; } #ResponsiveMenuContent .ResponsiveMenuList #responsive-header-selectors .LanguageSelector { width: calc(100% - 5px); height: 50px; border: 0px; margin: 0 0 0 5px; display: block !important; float: none !important; border: 1px solid #fff; background-color: #fff; } #ResponsiveMenuContent .ResponsiveMenuList #responsive-header-selectors #responsive-search { padding: 15px 0px 15px 10px; text-align: left; color: #7e7b77; border-bottom: 1px solid #cccccc; } #ResponsiveMenuContent .ResponsiveMenuList #responsive-header-selectors #responsive-search input { height: 29px; } #ResponsiveMenuContent .ResponsiveMenuList #responsive-header-selectors #responsive-search .Seeems-FormButton a { background-image: url("/files/layout/search.png"); background-position: right top; background-repeat: no-repeat; color: #6c6c6c; display: block; font-size: 12px; font-weight: bold; height: 29px; line-height: 29px; padding-left: 5px; padding-right: 5px; text-align: center; text-decoration: none; } #ResponsiveMenuContent .ResponsiveMenuList #responsive-header-selectors .FavWrapper { float: none; display: block; margin-top: 0px; border-left: 1px solid #cccccc; padding-left: 5px; } #ResponsiveMenuContent .ResponsiveMenuList #responsive-header-selectors .FavMenu { width: 100%; float: none; clear: both; padding: 11px 0px 15px 10px; } #ResponsiveMenuContent .ResponsiveMenuList #responsive-header-selectors .FavMenu .FavIcon, #ResponsiveMenuContent .ResponsiveMenuList #responsive-header-selectors .FavMenu span { display: inline-block; vertical-align: top; float: none; } #ResponsiveMenuContent .ResponsiveMenuList #responsive-header-selectors .FavMenu span { font-weight: normal; margin-left: 10px; text-transform: normal; } #ResponsiveMenuContent .ResponsiveMenuList .eee-header-logout-link-Container { position: static; padding: 10px; border-bottom: 1px solid #cccccc; } #ResponsiveMenuContent .ResponsiveMenuList .eee-header-logout-link-Container * { width: 100% !important; max-width: 100% !important; box-sizing: border-box; display: block; margin: 0; text-align: center; } #ResponsiveMenuContent .ResponsiveMenuList { border-bottom: 1px solid #cccccc; } #ResponsiveMenuContent .ResponsiveMenuList ul li, #ResponsiveMenuContent .ResponsiveMenuList ul .CategoryMenuItemsWraper a, #ResponsiveMenuContent .ResponsiveMenuList ul .BaseCategoryLink { height: initial !important; border-top: 1px solid #cccccc; border-bottom: 0; padding: 15px 0px 15px 10px; text-align: left; color: #7e7b77; text-decoration: none; font-size: 14px; display: block; } #ResponsiveMenuContent .ResponsiveMenuList ul li a, #ResponsiveMenuContent .ResponsiveMenuList ul .CategoryMenuItemsWraper a a, #ResponsiveMenuContent .ResponsiveMenuList ul .BaseCategoryLink a { height: initial !important; color: #7e7b77; text-decoration: none; font-size: 14px; display: block; padding: 2px 0px; } #ResponsiveMenuContent .ResponsiveMenuList ul li .BaseCategoryLink, #ResponsiveMenuContent .ResponsiveMenuList ul .CategoryMenuItemsWraper a .BaseCategoryLink, #ResponsiveMenuContent .ResponsiveMenuList ul .BaseCategoryLink .BaseCategoryLink { background-color: #000; margin-top: 10px; } #ResponsiveMenuContent .ResponsiveMenuList ul li .BaseCategoryLink a, #ResponsiveMenuContent .ResponsiveMenuList ul li .BaseCategoryLink span, #ResponsiveMenuContent .ResponsiveMenuList ul .CategoryMenuItemsWraper a .BaseCategoryLink a, #ResponsiveMenuContent .ResponsiveMenuList ul .CategoryMenuItemsWraper a .BaseCategoryLink span, #ResponsiveMenuContent .ResponsiveMenuList ul .BaseCategoryLink .BaseCategoryLink a, #ResponsiveMenuContent .ResponsiveMenuList ul .BaseCategoryLink .BaseCategoryLink span { color: #fff; } #ResponsiveMenuContent .ResponsiveMenuList ul li .ResponsiveMenuIcon, #ResponsiveMenuContent .ResponsiveMenuList ul .CategoryMenuItemsWraper a .ResponsiveMenuIcon, #ResponsiveMenuContent .ResponsiveMenuList ul .BaseCategoryLink .ResponsiveMenuIcon { width: 17px; height: 16px; float: right; background: url("/files/layout/responsive-menu-sub-show.png"); background-repeat: no-repeat !important; cursor: pointer; padding: 10px; margin-right: -5px; } #ResponsiveMenuContent .ResponsiveMenuList ul li ul, #ResponsiveMenuContent .ResponsiveMenuList ul .CategoryMenuItemsWraper a ul, #ResponsiveMenuContent .ResponsiveMenuList ul .BaseCategoryLink ul { display: none; margin: 10px 0px 0px 0px; } #ResponsiveMenuContent .ResponsiveMenuList ul li.selected { background-color: #ebebeb; font-weight: 600; } #ResponsiveMenuContent .ResponsiveMenuList ul li.selected ul { display: block; } #ResponsiveMenuContent .ResponsiveMenuList ul li.selected ul li.not-selected ul { display: none; } #ResponsiveMenuContent .ResponsiveMenuList ul li.selected .ResponsiveMenuIcon { background: url("/files/layout/responsive-menu-sub-hide.png"); background-repeat: no-repeat; } #ResponsiveMenuContent .ResponsiveMenuList ul li.selected ul li.not-selected { background-color: #fff !important; font-weight: normal!important; } #search { top: 0px !important; margin-top: 0px !important; } #responsive-basket { width: 27px; cursor: pointer; display: block; background: rgba(0, 0, 0, 0) url("/files/layout/responsive-cart-icon.png"); display: block; height: 21px; position: absolute; right: 55px; top: 13px; } #responsive-basket #responsive-basket__counter { background: #90AA51; border-radius: 5px; bottom: 0; color: #ffffff; font-weight: 600; height: 18px; left: 50%; line-height: 18px; margin-bottom: -24px; margin-left: -25px; position: absolute; text-align: center; width: 50px; z-index: 20; } #responsive-search-icon { background-image: url("/files/layout/RespnsiveSearchIcon.jpg"); cursor: pointer; height: 21px; position: absolute; right: 10px; top: 13px; width: 23px; } /*===== Left =====*/ #left { width: auto; float: none; margin: 10px; } /*===== Main =====*/ #main { width: auto !important; float: none !important; margin: 10px; } /*===== Products =====*/ .nameSearchFieldContainer { padding: 10px; background: #90AA51; color: #fff; clear: both !important; float: none !important; text-align: center; } .nameSearchFieldContainer input { display: block; padding: 10px; height: auto; margin-top: 5px; width: 100%; box-sizing: border-box; } .Pager { float: none !important; } .Pager a, .Pager span { padding: 10px; margin: 5px; } .PagerContainer { padding-bottom: 0px; } .PagerContainer .custom-pager-link { position: relative; border: 1px solid #e0e0e0; margin: 10px 0px; padding: 20px 10px; display: block; text-align: center; } .AlphabeticIndex .Values { height: auto; text-align: right; } .AlphabeticIndex .Values a { border: 1px solid #d1d1d1; display: inline-block; font-weight: bold; margin: 5px; padding: 10px; text-align: center; text-decoration: none; width: 15px; } .ProductList { align-items: center; justify-content: center; margin: -10px; } .ProductList > a { margin: 10px; } .ProductList .Product .responsive-hide-icon { width: 24px; height: 25px; background: url("/files/layout/close-product-icon.png"); position: absolute; top: 0px; right: 0px; margin-top: -10px; margin-right: -10px; } .ProductList .Product .view-responsive-product { display: block; } .ProductDetails { width: 100%; } .ProductDetails .DanishName { text-align: center; margin: 10px auto !important; padding-bottom: 0px; } .ProductDetails .LatinName { text-align: left !important; float: none !important; clear: both; margin-bottom: 20px; } .ProductDetails .LatinName .LatinName-span { display: block; float: none !important; } .ProductDetails .LatinName .FavoriteButton { margin: 10px 0px !important; width: 197px; float: none !important; } .ProductDetails .Images { width: auto !important; margin: 10px auto !important; text-align: left; } .ProductDetails .Images #productLargeImage { float: none; display: inline-block; vertical-align: top; margin: 0px 10px 10px 0px; } .ProductDetails .Images .Thumbnails { float: none; display: inline-block; vertical-align: bottom; } .ProductDetails .Images .Thumbnails img { margin: 0px 10px 10px 0px !important; } .ProductDetails .Properties { width: 100% !important; margin: 10px auto !important; } .ordering-procedure-right-side { width: 100%; max-width: 100% !important; float: left; } .ordering-procedure-left-side { width: 100%; max-width: 100% !important; float: right; margin: 10px auto !important; } .BasketProductList, .DebtorProductList, .FastEdit { height: auto !important; } .BasketProductList .HeaderTable, .DebtorProductList .HeaderTable, .FastEdit .HeaderTable { display: none; } .BasketProductList .ProductListTable, .BasketProductList .FastEditTable, .DebtorProductList .ProductListTable, .DebtorProductList .FastEditTable, .FastEdit .ProductListTable, .FastEdit .FastEditTable { width: 100%; height: auto !important; } .BasketProductList .ProductListTable tr, .BasketProductList .FastEditTable tr, .DebtorProductList .ProductListTable tr, .DebtorProductList .FastEditTable tr, .FastEdit .ProductListTable tr, .FastEdit .FastEditTable tr { border-bottom: 2px solid #90aa51; } .BasketProductList .ProductListTable tr td.fast-edit-id-td, .BasketProductList .FastEditTable tr td.fast-edit-id-td, .DebtorProductList .ProductListTable tr td.fast-edit-id-td, .DebtorProductList .FastEditTable tr td.fast-edit-id-td, .FastEdit .ProductListTable tr td.fast-edit-id-td, .FastEdit .FastEditTable tr td.fast-edit-id-td { width: 100% !important; float: none !important; padding: 10px 0px !important; border-bottom: 1px dashed #d1d1d1; display: block; } .BasketProductList .ProductListTable tr td.fast-edit-id-td #productIdFieldResponsiveLabel, .BasketProductList .FastEditTable tr td.fast-edit-id-td #productIdFieldResponsiveLabel, .DebtorProductList .ProductListTable tr td.fast-edit-id-td #productIdFieldResponsiveLabel, .DebtorProductList .FastEditTable tr td.fast-edit-id-td #productIdFieldResponsiveLabel, .FastEdit .ProductListTable tr td.fast-edit-id-td #productIdFieldResponsiveLabel, .FastEdit .FastEditTable tr td.fast-edit-id-td #productIdFieldResponsiveLabel { text-align: right; margin-top: 12px; } .BasketProductList .ProductListTable tr td.fast-edit-id-td #productIdField, .BasketProductList .FastEditTable tr td.fast-edit-id-td #productIdField, .DebtorProductList .ProductListTable tr td.fast-edit-id-td #productIdField, .DebtorProductList .FastEditTable tr td.fast-edit-id-td #productIdField, .FastEdit .ProductListTable tr td.fast-edit-id-td #productIdField, .FastEdit .FastEditTable tr td.fast-edit-id-td #productIdField { width: 50%; padding: 10px; height: auto; } .BasketProductList .ProductListTable tr td.RemoveButton, .BasketProductList .FastEditTable tr td.RemoveButton, .DebtorProductList .ProductListTable tr td.RemoveButton, .DebtorProductList .FastEditTable tr td.RemoveButton, .FastEdit .ProductListTable tr td.RemoveButton, .FastEdit .FastEditTable tr td.RemoveButton { width: 100% !important; border-top: 0px; display: block; padding-right: 15px !important; text-align: right !important; border-bottom: 1px dashed #d1d1d1; background: #fff !important; } .BasketProductList .ProductListTable tr td.PopularityIndex, .BasketProductList .FastEditTable tr td.PopularityIndex, .DebtorProductList .ProductListTable tr td.PopularityIndex, .DebtorProductList .FastEditTable tr td.PopularityIndex, .FastEdit .ProductListTable tr td.PopularityIndex, .FastEdit .FastEditTable tr td.PopularityIndex { width: 8% !important; text-align: center; border-top: 0px; background: #fff !important; } .BasketProductList .ProductListTable tr td.LatinName, .BasketProductList .FastEditTable tr td.LatinName, .DebtorProductList .ProductListTable tr td.LatinName, .DebtorProductList .FastEditTable tr td.LatinName, .FastEdit .ProductListTable tr td.LatinName, .FastEdit .FastEditTable tr td.LatinName { width: 75% !important; border-top: 0px; border-right: 0px !important; text-align: left !important; } .BasketProductList .ProductListTable tr td.LatinName a, .BasketProductList .FastEditTable tr td.LatinName a, .DebtorProductList .ProductListTable tr td.LatinName a, .DebtorProductList .FastEditTable tr td.LatinName a, .FastEdit .ProductListTable tr td.LatinName a, .FastEdit .FastEditTable tr td.LatinName a { display: block; height: 17px; overflow: hidden; } .BasketProductList .ProductListTable tr td.Price, .BasketProductList .FastEditTable tr td.Price, .DebtorProductList .ProductListTable tr td.Price, .DebtorProductList .FastEditTable tr td.Price, .FastEdit .ProductListTable tr td.Price, .FastEdit .FastEditTable tr td.Price { width: 17% !important; text-align: center; border-top: 0px; background: #fff !important; } .BasketProductList .ProductListTable tr td.ContrlosCell, .BasketProductList .FastEditTable tr td.ContrlosCell, .DebtorProductList .ProductListTable tr td.ContrlosCell, .DebtorProductList .FastEditTable tr td.ContrlosCell, .FastEdit .ProductListTable tr td.ContrlosCell, .FastEdit .FastEditTable tr td.ContrlosCell { width: 100% !important; } .BasketProductList .ProductListTable tr td.ContrlosCell .BasketControls, .BasketProductList .FastEditTable tr td.ContrlosCell .BasketControls, .DebtorProductList .ProductListTable tr td.ContrlosCell .BasketControls, .DebtorProductList .FastEditTable tr td.ContrlosCell .BasketControls, .FastEdit .ProductListTable tr td.ContrlosCell .BasketControls, .FastEdit .FastEditTable tr td.ContrlosCell .BasketControls { height: auto !important; } .BasketProductList .ProductListTable tr td.ContrlosCell .BasketControls .MinusButton, .BasketProductList .FastEditTable tr td.ContrlosCell .BasketControls .MinusButton, .DebtorProductList .ProductListTable tr td.ContrlosCell .BasketControls .MinusButton, .DebtorProductList .FastEditTable tr td.ContrlosCell .BasketControls .MinusButton, .FastEdit .ProductListTable tr td.ContrlosCell .BasketControls .MinusButton, .FastEdit .FastEditTable tr td.ContrlosCell .BasketControls .MinusButton { width: 24px !important; height: 24px !important; background: url("/files/layout/responsive-minus.png") !important; margin-top: 5px !important; } .BasketProductList .ProductListTable tr td.ContrlosCell .BasketControls .PlusButton, .BasketProductList .FastEditTable tr td.ContrlosCell .BasketControls .PlusButton, .DebtorProductList .ProductListTable tr td.ContrlosCell .BasketControls .PlusButton, .DebtorProductList .FastEditTable tr td.ContrlosCell .BasketControls .PlusButton, .FastEdit .ProductListTable tr td.ContrlosCell .BasketControls .PlusButton, .FastEdit .FastEditTable tr td.ContrlosCell .BasketControls .PlusButton { width: 24px; height: 24px; background: url("/files/layout/responsive-plus.png") !important; margin-top: 5px !important; } .BasketProductList .ProductListTable tr td.ContrlosCell .BasketControls span, .BasketProductList .ProductListTable tr td.ContrlosCell .BasketControls input, .BasketProductList .ProductListTable tr td.ContrlosCell .BasketControls div, .BasketProductList .FastEditTable tr td.ContrlosCell .BasketControls span, .BasketProductList .FastEditTable tr td.ContrlosCell .BasketControls input, .BasketProductList .FastEditTable tr td.ContrlosCell .BasketControls div, .DebtorProductList .ProductListTable tr td.ContrlosCell .BasketControls span, .DebtorProductList .ProductListTable tr td.ContrlosCell .BasketControls input, .DebtorProductList .ProductListTable tr td.ContrlosCell .BasketControls div, .DebtorProductList .FastEditTable tr td.ContrlosCell .BasketControls span, .DebtorProductList .FastEditTable tr td.ContrlosCell .BasketControls input, .DebtorProductList .FastEditTable tr td.ContrlosCell .BasketControls div, .FastEdit .ProductListTable tr td.ContrlosCell .BasketControls span, .FastEdit .ProductListTable tr td.ContrlosCell .BasketControls input, .FastEdit .ProductListTable tr td.ContrlosCell .BasketControls div, .FastEdit .FastEditTable tr td.ContrlosCell .BasketControls span, .FastEdit .FastEditTable tr td.ContrlosCell .BasketControls input, .FastEdit .FastEditTable tr td.ContrlosCell .BasketControls div { float: none !important; display: inline-block; vertical-align: top; } .BasketProductList .ProductListTable tr td.ContrlosCell .BasketControls .break-on-tablet, .BasketProductList .FastEditTable tr td.ContrlosCell .BasketControls .break-on-tablet, .DebtorProductList .ProductListTable tr td.ContrlosCell .BasketControls .break-on-tablet, .DebtorProductList .FastEditTable tr td.ContrlosCell .BasketControls .break-on-tablet, .FastEdit .ProductListTable tr td.ContrlosCell .BasketControls .break-on-tablet, .FastEdit .FastEditTable tr td.ContrlosCell .BasketControls .break-on-tablet { border-top: 1px dashed #d1d1d1; } .BasketProductList .ProductListTable tr td, .BasketProductList .FastEditTable tr td, .DebtorProductList .ProductListTable tr td, .DebtorProductList .FastEditTable tr td, .FastEdit .ProductListTable tr td, .FastEdit .FastEditTable tr td { width: auto !important; height: auto !important; float: left; text-align: center !important; box-sizing: border-box; border-top: 1px dashed #d1d1d1; padding: 5px !important; background: #fff !important; } .BasketProductList .ProductListTable tr td span, .BasketProductList .FastEditTable tr td span, .DebtorProductList .ProductListTable tr td span, .DebtorProductList .FastEditTable tr td span, .FastEdit .ProductListTable tr td span, .FastEdit .FastEditTable tr td span { display: block; float: left; margin-top: 7px; margin-left: 5px; } .BasketProductList .ProductListTable tr td input[type="text"], .BasketProductList .FastEditTable tr td input[type="text"], .DebtorProductList .ProductListTable tr td input[type="text"], .DebtorProductList .FastEditTable tr td input[type="text"], .FastEdit .ProductListTable tr td input[type="text"], .FastEdit .FastEditTable tr td input[type="text"] { width: 25px !important; text-align: center !important; } .BasketProductList .ProductListTable tr td span.break-on-tablet, .BasketProductList .FastEditTable tr td span.break-on-tablet, .DebtorProductList .ProductListTable tr td span.break-on-tablet, .DebtorProductList .FastEditTable tr td span.break-on-tablet, .FastEdit .ProductListTable tr td span.break-on-tablet, .FastEdit .FastEditTable tr td span.break-on-tablet { width: 100% !important; display: block !important; } .BasketProductList .ProductListTable tr td.RemoveButton, .BasketProductList .FastEditTable tr td.RemoveButton, .DebtorProductList .ProductListTable tr td.RemoveButton, .DebtorProductList .FastEditTable tr td.RemoveButton, .FastEdit .ProductListTable tr td.RemoveButton, .FastEdit .FastEditTable tr td.RemoveButton { border-top: 0px; } .DebtorProductList table.ProductListTable tr:hover td { background: none; color: #6c6c6c !important; text-decoration: none !important; } .DebtorProductList table.ProductListTable tr:hover td a { color: #6c6c6c !important; text-decoration: none !important; } .nameSearchFieldContainer { float: none; margin: 10px auto; } /*===== Bottom =====*/ #bottom { padding-left: 10px; padding-right: 10px; } #bottom div { text-align: left; } /*===== Cookie =====*/ .Seeems-EuCookie-Notification .CookieMessage .Text, .Seeems-EuCookie-Notification .AcceptCookie, .Seeems-EuCookie-Notification .DenyCookie, .Seeems-EuCookie-Notification .Close { width: auto !important; padding: 10px !important; margin: 0px 10px !important; text-align: center !important; display: block !important; } } /* Style Id:7444 Responsive (max-width: 600px)*/ @media only screen and (max-width: 600px) { .responsive-animation .responsive-animation__frame-content-table { top: auto; bottom: 0px; } .responsive-animation .responsive-animation__frame-content-table .responsive-animation__frame-content-td { vertical-align: bottom; } .responsive-animation .responsive-animation__frame-content-table .responsive-animation__frame-content { display: block; padding: 15px; margin-left: 0px; } .responsive-animation .responsive-animation__frame-content-table .responsive-animation__frame-content-link-wrapper { display: inline-block; vertical-align: top; margin-right: 5px; } .responsive-animation .responsive-animation__frame-content-table .responsive-animation__frame-content-link-wrapper a { margin-top: 5px; } .responsive-animation .responsive-animation__frame-content-table-wrapper.responsive-animation-gallery-table-wrapper { position: relative; } .responsive-animation .responsive-animation__frame-content-table-wrapper.responsive-animation-gallery-table-wrapper .responsive-animation__frame-content-table { height: auto !important; } .responsive-animation .responsive-animation__frame-content-table-wrapper.responsive-animation-gallery-table-wrapper .responsive-animation__frame-content-table .responsive-animation-gallery { margin: 15px auto auto auto; float: none; } .responsive-animation-scroll-down { display: none; } } /* Style Id:6188 Responsive (max-width: 480px)*/ @media only screen and (max-width: 480px) { .toggle-on-responsive-icon { width: 29px; height: 16px; background: url("/files/layout/arrow-up-down.png"); background-position: 0px -16px; float: right; cursor: pointer; margin-top: 3px; } .toggle-on-responsive { display: none; } .AlphabeticIndex { border: 1px solid #e0e0e0; } .AlphabeticIndex .Title { font-size: 18px; font-weight: normal; padding-bottom: 0px; } .AdvancedFilter .AdvancedFilterTitle { padding-bottom: 0px; } .Page-Animation .Animated-Area-Frame-Previous, .Page-Animation .Animated-Area-Frame-Next { top: auto !important; bottom: 0px !important; } .Page-Animation .Animated-Area-Frames { margin: auto auto 50px auto !important; height: auto !important; max-height: none !important; } .Page-Animation .Animated-Area-Frames .Animated-Area-Frame .Animated-Area-Frame-Info { float: left; } .Page-Animation .Animated-Area-Frames .Animated-Area-Frame .Animated-Area-Frame-Image { float: right; } .Page-Animation .Animated-Area-Frames .Animated-Area-Frame .Animated-Area-Frame-Image, .Page-Animation .Animated-Area-Frames .Animated-Area-Frame .Animated-Area-Frame-Info { width: 100% !important; margin: 10px auto !important; vertical-align: top !important; } } /* Style Id:6397 Language selector*/ select.LanguageSelector option { background-repeat: no-repeat; background-position: 5px center; /* padding-left: 34px; */ height: 20px; padding-top: 4px; padding-bottom: 4px; } .FavWrapper, .LanguageSelector { float: left; display: inline-block; } .LanguageSelector { background-image: url("/files/images/icon_flag_denmark.png"); background-repeat: no-repeat; background-position: 5px center; padding-left: 34px; width: 140px; border: 1px solid #e0e0e0; color: #6c6c6c; display: inline-block; height: 33px; } .LanguageSelector.LanguageSelectorSafari { padding-left: 0px; text-indent: 34; } /* Style Id:6621 Out Of Stock*/ #out-of-stock-message { display: none; background: #91A951; width: 100%; box-sizing: border-box; margin: 1em auto; padding: 10px; color: #fff; } #out-of-stock-message h4 { font-size: 21px; color: #fff; } #out-of-stock-message p { font-size: 18px; } #out-of-stock-message .red-text { background-color: #ff1313; padding: 0 3px; } .BasketControls .out-of-stock { background-color: #ff1313; color: #fff; } /* Style Id:6940 YouTubeV2*/ .eee-youtube-player { position: relative; overflow: hidden; display: inline-block; vertical-align: top; background: #000; max-width: 100%; } .eee-youtube-player:hover .eee-youtube-player__icon:not(.eee-youtube-player__icon--custom) { background-position: 0px -50px; } .eee-youtube-player__iframe-wrapper { position: relative; height: 0; overflow: hidden; background: #000; } .eee-youtube-player__iframe-wrapper > iframe, .eee-youtube-player__iframe-wrapper > object, .eee-youtube-player__iframe-wrapper > embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; z-index: 1; } [data-eee-youtube-player-hide-before-resize] > .eee-youtube-player__iframe-wrapper { visibility: hidden; } .eee-youtube-player__bg-image { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background-color: #000; background-repeat: no-repeat; background-position: center center; background-size: cover; } .eee-youtube-player__image { position: relative; max-width: 100%; cursor: pointer; z-index: 2; } .eee-youtube-player__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; z-index: 3; opacity: 0.5; } .eee-youtube-player__icon { position: absolute; z-index: 4; left: 50%; top: 50%; width: 71px; height: 50px; background: url("/files/layout/youtube-play.png"); cursor: pointer; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .eee-youtube-player__title { padding: 10px 0px; font-size: 24px; } .eee-youtube-player__description { padding: 10px 0px; font-size: 14px; line-height: 22px; } .eee-youtube-player--fullwidth { display: block; } .eee-youtube-player--fullwidth .eee-youtube-player__image { width: 100%; } .eee-youtube-player--fullwidth.eee-youtube-player--sizing-fit .eee-youtube-player__iframe-wrapper { height: 100%; } @media (max-width: ) { .eee-youtube-player--fullwidth.eee-youtube-player--sizing-fill-desktop-only .eee-youtube-player__iframe-wrapper { height: 100%; } } .eee-youtube-player--no-thumbnail { width: 100%; } .eee-youtube-player--no-thumbnail .eee-youtube-player__iframe-wrapper { width: 100%; height: 100%; } .eee-youtube-player--no-thumbnail iframe { width: 100%; min-height: 300px; position: static; } /* Style Id:7021 Message box*/ div.SeeemsShowMessageAction { width:auto; height: auto; } /* Style Id:7927 Magnific Popup*/ /* Magnific Popup CSS */ .mfp-bg { top: 0 !important; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed !important; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0 !important; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed !important; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; text-align: center; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } :not(.mfp-bottom-bar) > .mfp-counter { top: auto; padding-top: 4px; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { position: absolute; text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } :not(.mfp-bottom-bar) > .mfp-title { padding-top: 4px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-inline-holder .mfp-content .mfp-close, .mfp-ajax-holder .mfp-content .mfp-close { width: 30px; height: 30px; line-height: 30px; border: 1px solid #d1d1d1; top: 10px; right: 10px; borde-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .mfp-inline-holder .mfp-content .magnificPopup-content, .mfp-ajax-holder .mfp-content .magnificPopup-content { min-width: 150px; display: inline-block; vertical-align: top; position: relative; background: #ffff; padding: 45px 20px 35px 20px; text-align: left; } /* Style Id:7938 AddImageForm*/ .eee-add-image-form .Seeems-CheckBox { display: flex; flex-direction: row-reverse; align-items: center; } .eee-add-image-form .Seeems-CheckBox > div, .eee-add-image-form .Seeems-CheckBox .Seeems-CheckBoxField { width: auto !important; text-align: left; } .eee-add-image-form .Seeems-CheckBox > div:first-child { flex-grow: 1; padding-left: 3px; padding-top: 3px; } .eee-add-image-form .Seeems-TextBox > div, .eee-add-image-form .Seeems-UploadFile > div { max-width: 100%; } .eee-add-image-form .Seeems-TextBox > div input, .eee-add-image-form .Seeems-UploadFile > div input { max-width: 100%; } .eee-add-image-form .gray-button a { max-width: 291px; } /* Style Id:8221 dataTables*/ table.dataTable td.dt-control{text-align:center;cursor:pointer}table.dataTable td.dt-control:before{height:1em;width:1em;margin-top:-9px;display:inline-block;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#31b131}table.dataTable tr.dt-hasChild td.dt-control:before{content:"-";background-color:#d33333}table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting_asc_disabled,table.dataTable thead>tr>th.sorting_desc_disabled,table.dataTable thead>tr>td.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting_asc_disabled,table.dataTable thead>tr>td.sorting_desc_disabled{cursor:pointer;position:relative;padding-right:26px}table.dataTable thead>tr>th.sorting:before,table.dataTable thead>tr>th.sorting:after,table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_asc:after,table.dataTable thead>tr>th.sorting_desc:before,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>th.sorting_asc_disabled:after,table.dataTable thead>tr>th.sorting_desc_disabled:before,table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting:before,table.dataTable thead>tr>td.sorting:after,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_asc:after,table.dataTable thead>tr>td.sorting_desc:before,table.dataTable thead>tr>td.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_asc_disabled:after,table.dataTable thead>tr>td.sorting_desc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:after{position:absolute;display:block;opacity:.125;right:10px;line-height:9px;font-size:.9em}table.dataTable thead>tr>th.sorting:before,table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_desc:before,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>th.sorting_desc_disabled:before,table.dataTable thead>tr>td.sorting:before,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_desc:before,table.dataTable thead>tr>td.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:before{bottom:50%;content:"▴"}table.dataTable thead>tr>th.sorting:after,table.dataTable thead>tr>th.sorting_asc:after,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>th.sorting_asc_disabled:after,table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting:after,table.dataTable thead>tr>td.sorting_asc:after,table.dataTable thead>tr>td.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc_disabled:after,table.dataTable thead>tr>td.sorting_desc_disabled:after{top:50%;content:"▾"}table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_desc:after{opacity:.6}table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting_asc_disabled:before{display:none}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}div.dataTables_scrollBody table.dataTable thead>tr>th:before,div.dataTables_scrollBody table.dataTable thead>tr>th:after,div.dataTables_scrollBody table.dataTable thead>tr>td:before,div.dataTables_scrollBody table.dataTable thead>tr>td:after{display:none}div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:2px}div.dataTables_processing>div:last-child{position:relative;width:80px;height:15px;margin:1em auto}div.dataTables_processing>div:last-child>div{position:absolute;top:0;width:13px;height:13px;border-radius:50%;background:rgba(13, 110, 253, 0.9);animation-timing-function:cubic-bezier(0, 1, 1, 0)}div.dataTables_processing>div:last-child>div:nth-child(1){left:8px;animation:datatables-loader-1 .6s infinite}div.dataTables_processing>div:last-child>div:nth-child(2){left:8px;animation:datatables-loader-2 .6s infinite}div.dataTables_processing>div:last-child>div:nth-child(3){left:32px;animation:datatables-loader-2 .6s infinite}div.dataTables_processing>div:last-child>div:nth-child(4){left:56px;animation:datatables-loader-3 .6s infinite}@keyframes datatables-loader-1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes datatables-loader-3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes datatables-loader-2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable thead th,table.dataTable thead td,table.dataTable tfoot th,table.dataTable tfoot td{text-align:left}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable{width:100%;margin:0 auto;clear:both;border-collapse:separate;border-spacing:0}table.dataTable thead th,table.dataTable tfoot th{font-weight:bold}table.dataTable thead th,table.dataTable thead td{padding:10px;border-bottom:1px solid rgba(0, 0, 0, 0.3)}table.dataTable thead th:active,table.dataTable thead td:active{outline:none}table.dataTable tfoot th,table.dataTable tfoot td{padding:10px 10px 6px 10px;border-top:1px solid rgba(0, 0, 0, 0.3)}table.dataTable tbody tr{background-color:transparent}table.dataTable tbody tr.selected>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.9);color:white}table.dataTable tbody th,table.dataTable tbody td{padding:8px 10px}table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td{border-top:1px solid rgba(0, 0, 0, 0.15)}table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td{border-top:none}table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td{border-top:1px solid rgba(0, 0, 0, 0.15);border-right:1px solid rgba(0, 0, 0, 0.15)}table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child{border-left:1px solid rgba(0, 0, 0, 0.15)}table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td{border-top:none}table.dataTable.stripe>tbody>tr.odd>*,table.dataTable.display>tbody>tr.odd>*{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.023)}table.dataTable.stripe>tbody>tr.odd.selected>*,table.dataTable.display>tbody>tr.odd.selected>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.923)}table.dataTable.hover>tbody>tr:hover>*,table.dataTable.display>tbody>tr:hover>*{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.035)}table.dataTable.hover>tbody>tr.selected:hover>*,table.dataTable.display>tbody>tr.selected:hover>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.935)}table.dataTable.order-column>tbody tr>.sorting_1,table.dataTable.order-column>tbody tr>.sorting_2,table.dataTable.order-column>tbody tr>.sorting_3,table.dataTable.display>tbody tr>.sorting_1,table.dataTable.display>tbody tr>.sorting_2,table.dataTable.display>tbody tr>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.019)}table.dataTable.order-column>tbody tr.selected>.sorting_1,table.dataTable.order-column>tbody tr.selected>.sorting_2,table.dataTable.order-column>tbody tr.selected>.sorting_3,table.dataTable.display>tbody tr.selected>.sorting_1,table.dataTable.display>tbody tr.selected>.sorting_2,table.dataTable.display>tbody tr.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.919)}table.dataTable.display>tbody>tr.odd>.sorting_1,table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.054)}table.dataTable.display>tbody>tr.odd>.sorting_2,table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.047)}table.dataTable.display>tbody>tr.odd>.sorting_3,table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.039)}table.dataTable.display>tbody>tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.954)}table.dataTable.display>tbody>tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.947)}table.dataTable.display>tbody>tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.939)}table.dataTable.display>tbody>tr.even>.sorting_1,table.dataTable.order-column.stripe>tbody>tr.even>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.019)}table.dataTable.display>tbody>tr.even>.sorting_2,table.dataTable.order-column.stripe>tbody>tr.even>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.011)}table.dataTable.display>tbody>tr.even>.sorting_3,table.dataTable.order-column.stripe>tbody>tr.even>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.003)}table.dataTable.display>tbody>tr.even.selected>.sorting_1,table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.919)}table.dataTable.display>tbody>tr.even.selected>.sorting_2,table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.911)}table.dataTable.display>tbody>tr.even.selected>.sorting_3,table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.903)}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.082)}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.074)}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.062)}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.982)}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.974)}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.962)}table.dataTable.no-footer{border-bottom:1px solid rgba(0, 0, 0, 0.3)}table.dataTable.compact thead th,table.dataTable.compact thead td{padding:4px 17px}table.dataTable.compact tfoot th,table.dataTable.compact tfoot td{padding:4px}table.dataTable.compact tbody th,table.dataTable.compact tbody td{padding:4px}table.dataTable th,table.dataTable td{box-sizing:content-box}.dataTables_wrapper{position:relative;clear:both}.dataTables_wrapper .dataTables_length{float:left}.dataTables_wrapper .dataTables_length select{border:1px solid #aaa;border-radius:3px;padding:5px;background-color:transparent;padding:4px}.dataTables_wrapper .dataTables_filter{float:right;text-align:right}.dataTables_wrapper .dataTables_filter input{border:1px solid #aaa;border-radius:3px;padding:5px;background-color:transparent;margin-left:3px}.dataTables_wrapper .dataTables_info{clear:both;float:left;padding-top:.755em}.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:.25em}.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;color:#333 !important;border:1px solid transparent;border-radius:2px}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#333 !important;border:1px solid rgba(0, 0, 0, 0.3);background-color:rgba(230, 230, 230, 0.1);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(230, 230, 230, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.1)));background:-webkit-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);background:-moz-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);background:-ms-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);background:-o-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);background:linear-gradient(to bottom, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#666 !important;border:1px solid transparent;background:transparent;box-shadow:none}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:white !important;border:1px solid #111;background-color:#585858;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));background:-webkit-linear-gradient(top, #585858 0%, #111 100%);background:-moz-linear-gradient(top, #585858 0%, #111 100%);background:-ms-linear-gradient(top, #585858 0%, #111 100%);background:-o-linear-gradient(top, #585858 0%, #111 100%);background:linear-gradient(to bottom, #585858 0%, #111 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:none;background-color:#2b2b2b;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));background:-webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);box-shadow:inset 0 0 3px #111}.dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 1em}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{color:#333}.dataTables_wrapper .dataTables_scroll{clear:both}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{-webkit-overflow-scrolling:touch}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td{vertical-align:middle}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:1px solid rgba(0, 0, 0, 0.3)}.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,.dataTables_wrapper.no-footer div.dataTables_scrollBody>table{border-bottom:none}.dataTables_wrapper:after{visibility:hidden;display:block;content:"";clear:both;height:0}@media screen and (max-width: 767px){.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{float:none;text-align:center}.dataTables_wrapper .dataTables_paginate{margin-top:.5em}}@media screen and (max-width: 640px){.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{float:none;text-align:center}.dataTables_wrapper .dataTables_filter{margin-top:.5em}} /* Style Id:8219 Sales Display*/ #sales-display_wrapper #sales-display_length { margin: 0 auto 10px; } #sales-display_wrapper #sales-display_length label { font-weight: 400; } #sales-display_wrapper #sales-display_length select { width: auto; height: auto; line-height: normal; padding: 1px 5px; } .order-history-box { margin: 20px auto; } .order-history-box #sales-display_paginate { display: none !important; } .order-history-box .order-history-link-box { margin: 20px auto 0; } .link-to-details-page-box { margin: 20px auto 0; } .link-to-details-page-box .link-to-details-page { background: #006AB2; color: #fff; text-decoration: none; padding: 5px 10px; } .link-to-details-page-box .link-to-details-page:hover { background: #00284C; } /* #sales-display_wrapper{ #sales-display{ td:nth-child(2), td:nth-child(4), td:nth-child(5), td:nth-child(6), td:nth-child(7){ text-align:right; } } } */ #sales-display { width: 100%; border-bottom: none; } #sales-display td, #sales-display th { width: 50px !important; border: 1px solid #fff; padding: 3px 5px; font-size: 14px; font-weight: normal; text-align: left; } @media screen and (max-width: 500px) { #sales-display td, #sales-display th { width: 30px !important; } } #sales-display td .td-responsive-heading, #sales-display th .td-responsive-heading { display: none; font-weight: bold; } #sales-display th { background-color: #555; color: #fff; } #sales-display tbody tr.odd { background: #fff; } #sales-display tbody tr.odd > .sorting_1 { background-color: #fff; } #sales-display tbody tr.even { background: #f2f2f2; } #sales-display tbody tr.even > .sorting_1 { background-color: #f2f2f2; } #sales-display .sales-display-link-td { width: 120px; } #sales-display .sales-display-link { color: #b2ffb7; cursor: pointer; display: block; text-align: center; text-transform: uppercase; width: 120px; } #sales-display .sorting_1 { text-align: left; } .dataTables_wrapper .dataTables_paginate { margin: 10x auto; } #DebtorNotes { width: 100%; height: 300px; padding: 10px; border: 1px solid #f2f2f2; overflow-y: scroll; } #DebtorNotesUpdate { padding: 10px; background-color: #3A7F03; color: #fff; font-weight: bold; margin-top: 10px; float: right; cursor: pointer; } .details-table { width: 100%; display: table; } .details-table .table-row { display: table-row; } .details-table .table-row .table-cell { display: table-cell; vertical-align: middle; border: 1px solid #d1d1d1; padding: 3px 5px; } /*======= Sales display data table =======*/ #sales-display_wrapper #sales-display_length { width: 100%; box-sizing: border-box; margin-bottom: 10px; float: none; } #sales-display_wrapper #sales-display_length select { width: auto; display: inline-block; vertical-align: top; padding: 0; min-height: auto; height: auto; border-radius: 0; } #sales-display_wrapper .dataTables_paginate { float: none; margin: auto; display: block; text-align: center; margin-top: 30px; } #sales-display_wrapper .dataTables_paginate a { background: #3A7F03; color: #fff !important; border: 0; padding: 12px; min-height: auto; height: auto; min-width: 45px; } #sales-display_wrapper .dataTables_paginate a.disabled { opacity: 0.6; } #sales-display_wrapper .dataTables_paginate a.current, #sales-display_wrapper .dataTables_paginate a:hover { background: #3A7F03; } #sales-display_wrapper #sales-display { border-collapse: collapse; } #sales-display_wrapper #sales-display th, #sales-display_wrapper #sales-display td { display: table-cell; vertical-align: middle; border: 1px solid #d1d1d1; box-sizing: border-box; padding: 0; font-size: px; line-height: px; } #sales-display_wrapper #sales-display th > a, #sales-display_wrapper #sales-display td > a { text-decoration: none; display: block; padding: 10px; } #sales-display_wrapper #sales-display td { background: #fff; padding: 10px; } #sales-display_wrapper #sales-display th { padding: 10px; } #sales-display_wrapper #sales-display tr:hover td, #sales-display_wrapper #sales-display tr:nth-child(even):hover td { background: #F0AC1A; color: #fff; } #sales-display_wrapper #sales-display tr:hover td a, #sales-display_wrapper #sales-display tr:nth-child(even):hover td a { color: #fff; } #sales-display_wrapper #sales-display tr:nth-child(even) td { background: #ebebeb; } #sales-display_wrapper #sales-display .download-order-button { text-align: center; background: #095010; color: #fff; max-width: 100px; margin: 0 auto; } .eee-order-view-orders-history { float: right; } /* Style Id:10642 Media player*/ .media-player { position: relative; } .media-player video { width: 100%; height: 100%; } .media-player .poster { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 3; display: none; } .media-player .media-player-play-icon { width: 71px; height: 50px; background: url("/files/smb/layout/youtube-play.png"); position: absolute; z-index: 4; left: 50%; top: 50%; margin: -25px 0px 0px -35px; cursor: pointer; display: none; } .media-player.media-player.paused .poster, .media-player.media-player.paused .media-player-play-icon { display: block; } .media-player .media-player-controls { padding: 6px; } .media-player .media-player-controls .play-pause { padding: 0 10px; } .media-player .media-player-controls .play-pause div { width: 14px; height: 14px; border-color: transparent transparent transparent #fff; transition: 100ms all ease; cursor: pointer; border-style: solid; border-width: 7px 0 7px 14px; box-sizing: border-box; } .media-player .media-player-controls .play-pause:not(.paused) div { border-style: double; border-width: 0px 0 0px 14px; } .media-player .media-player-controls .progress { width: 100%; position: relative; cursor: pointer; } .media-player .media-player-controls .progress .progress-bg { width: 100%; height: 14px; background: #fff; position: absolute; z-index: 0; } .media-player .media-player-controls .progress .buffer { width: 100%; height: 14px; background: #d1d1d1; position: absolute; z-index: 1; } .media-player .media-player-controls .loaded { width: 0px; height: 14px; background: ; position: relative; z-index: 2; } .media-player .media-player-controls .time { padding: 0px 10px; font-weight: normal; } .media-player .media-player-controls .full-screen { width: 20px; padding-right: 10px; cursor: pointer; } .media-player .media-player-controls .volume-td { padding-right: 10px; } .media-player .media-player-controls .volume { width: 14px; background: #fff; cursor: pointer; position: absolute; height: 80px; right: 16px; top: 0px; margin-top: -70px; display: none; } .media-player .media-player-controls .volume-bar { width: 14px; cursor: pointer; display: block; height: 100%; position: absolute; bottom: 0px; left: 0px; background-color: ; z-index: 10; } .media-player .media-player-controls .clear { clear: both; } .media-player.media-player--video .media-player-controls { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background: rgba(0, 0, 0, 0.6); position: absolute; bottom: 15px; left: 15px; right: 15px; color: #fff; font-size: 14px; font-weight: bold; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: none; } .media-player.media-player--video:hover .media-player-controls { display: block; } .media-player.media-player--video.media-player--video.paused:hover .media-player-controls { display: none; } .media-player.media-player--audio { width: 5000px !important; } .media-player.media-player--audio .media-player-file-name { background: ; color: #fff; border-top-left-radius: 6px; -moz-border-top-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-right-radius: 6px; -moz-border-top-right-radius: 6px; -webkit-border-top-right-radius: 6px; display: inline-block; vertical-align: top; padding: 2px 10px; margin-left: 10px; } .media-player.media-player--audio .media-player-controls { background: ; color: #fff; font-size: 14px; font-weight: bold; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .media-player.media-player--audio .media-player-controls .loaded { background: ; } .media-player.media-player--audio .media-player-controls .full-screen { display: none; } .media-player .volume-icon { cursor: pointer; } .media-player .volume-icon.muted { text-decoration: line-through; } .media-player .volume.active, .media-player .media-player-controls .volume-td:hover > .volume { display: block; } .media-player .loading { width: 50px; height: 40px; position: absolute; left: 50%; top: 50%; margin: -20px auto auto -25px; } .media-player .loading > div { background-color: #fff; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; } .media-player .loading .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .media-player .loading .rect3 { -webkit-animation-delay: -1s; animation-delay: -1s; } .media-player .loading .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .media-player .loading .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); } } @keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1); -webkit-transform: scaleY(1); } } /* Style Id:10984 Finished beds products*/ .eee-finished-beds-category-heading { margin-bottom: 15px; } .eee-finished-beds-category-description { margin-bottom: 25px; } .eee-finished-beds-products { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; } @media (max-width: 600px) { .eee-finished-beds-products { grid-template-columns: 1fr; } } .eee-finished-beds-products .eee-finished-beds-product { background: #095010; color: #fff; padding: 15px; border-radius: 8px; } .eee-finished-beds-products .eee-finished-beds-product .eee-finished-beds-product__name { font-size: 18px; font-weight: bold; margin-bottom: 10px; } .eee-finished-beds-products .eee-finished-beds-product .eee-finished-beds-product__latin-name { margin-bottom: 14px; } .eee-finished-beds-products .eee-finished-beds-product .eee-finished-beds-product__image { display: block; margin: 0; } .eee-finished-beds-products .eee-finished-beds-product .eee-finished-beds-product__description { margin-top: 15px; } @media (max-width: 619.99px) { .eee-finished-beds-details .eee-finished-beds-details__right-side { padding-top: 15px; } } @media (min-width: 620px) { .eee-finished-beds-details { display: flex; } .eee-finished-beds-details .eee-finished-beds-details__right-side { padding-left: 20px; } } .eee-finished-beds-details .eee-finished-beds-details__left-side { flex: 1 1 0; } .eee-finished-beds-details .eee-finished-beds-details__left-side .eee-finished-beds-details__thumbnails { display: grid; grid-template-columns: repeat(5, 1fr); gap: 5px; } .eee-finished-beds-details .eee-finished-beds-details__left-side .eee-finished-beds-details__thumbnails img { cursor: pointer; } .eee-finished-beds-details .eee-finished-beds-details__left-side .eee-finished-beds-details__plants-heading { font-size: 18px; line-height: normal; font-weight: bold; margin: 50px 0 15px 0; } .eee-finished-beds-details .eee-finished-beds-details__left-side .eee-finished-beds-details__plants .eee-finished-beds-details__plant { display: flex; cursor: pointer; } .eee-finished-beds-details .eee-finished-beds-details__left-side .eee-finished-beds-details__plants .eee-finished-beds-details__plant:not(:last-child) { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ebebeb; } .eee-finished-beds-details .eee-finished-beds-details__left-side .eee-finished-beds-details__plants .eee-finished-beds-details__plant img { height: 60px; margin-right: 10px; } .eee-finished-beds-details .eee-finished-beds-details__left-side .eee-finished-beds-details__plants .eee-finished-beds-details__plant .eee-finished-beds-details__plant-name { font-weight: bold; } .eee-finished-beds-details .eee-finished-beds-details__left-side .eee-finished-beds-details__plants .eee-finished-beds-details__plant .eee-finished-beds-details__plant-latin-name { color: #90AA51; margin: 5px 0; } .eee-finished-beds-details .eee-finished-beds-details__right-side { flex: 1 1 0; } .eee-finished-beds-details .eee-finished-beds-details__right-side .eee-finished-beds-details__latin-name { margin-top: 5px; font-weight: normal; } .eee-finished-beds-details .eee-finished-beds-details__right-side .eee-finished-beds-details__description { margin-top: 15px; } .eee-finished-beds-details .eee-finished-beds-details__right-side .eee-finished-beds-details__description p:not(:last-child) { margin-bottom: 15px; } .eee-finished-beds-details #eee-product-control { display: flex; align-items: center; margin-top: 25px; position: relative; overflow: hidden; } .eee-finished-beds-details #eee-product-control #eee-product-control__price { flex-grow: 1; font-size: 18px; color: #095010; } .eee-finished-beds-details #eee-product-control #eee-product-control__price div { color: #6C6C6C; font-size: 14px; } .eee-finished-beds-details #eee-product-control input[type="text"] { width: 40px; height: 40px; background: #ebebeb; border: 0; box-sizing: border-box; text-align: center; } .eee-finished-beds-details #eee-product-control #eee-product-control__min-quantity { background: #f3aa00; color: #fff; align-self: flex-end; padding: 3px 7px; margin-right: 10px; } .eee-finished-beds-details #eee-product-control #eee-product-control__minus, .eee-finished-beds-details #eee-product-control #eee-product-control__plus { width: 40px; height: 40px; background: #095010; cursor: pointer; color: #fff; display: flex; align-items: center; justify-content: center; }