/** colors will be numbered and assigned a name later, when we know all colors **/
/** colors will be numbered and assigned a name later, when we know all colors **/
/**font settings**/
/** BUTTONS **/
.hover-greyscale {
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 10+, Firefox on Android */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+, Safari 6+, Safari 6+ iOS */
opacity: 0.3;
}
.hover-greyscale:hover,
.hover-greyscale:active,
.hover-greyscale:focus,
.hover-greyscale:active:hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
opacity: 1;
}
.clear-after:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
.container-shadow {
-webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.75);
box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.75);
}
.container-shadow-reset {
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
/*!
* Bootstrap v3.4.1 (https://getbootstrap.com/)
* Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
.checkbox.disabled label {
cursor: default;
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: none;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
*,
*:before,
*:after {
color: #000 !important;
text-shadow: none !important;
background: transparent !important;
box-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.navbar {
display: none;
}
.btn > .caret,
.dropup > .btn > .caret {
border-top-color: #000 !important;
}
.label {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table td,
.table th {
background-color: #fff !important;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important;
}
}
@font-face {
font-family: "Glyphicons Halflings";
src: url("/gastro/assets/sgd-assets/bootstrap/fonts/glyphicons-halflings-regular.eot");
src: url("/gastro/assets/sgd-assets/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("/gastro/assets/sgd-assets/bootstrap/fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("/gastro/assets/sgd-assets/bootstrap/fonts/glyphicons-halflings-regular.woff") format("woff"), url("/gastro/assets/sgd-assets/bootstrap/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("/gastro/assets/sgd-assets/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: "Glyphicons Halflings";
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
content: "\002a";
}
.glyphicon-plus:before {
content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
content: "\20ac";
}
.glyphicon-minus:before {
content: "\2212";
}
.glyphicon-cloud:before {
content: "\2601";
}
.glyphicon-envelope:before {
content: "\2709";
}
.glyphicon-pencil:before {
content: "\270f";
}
.glyphicon-glass:before {
content: "\e001";
}
.glyphicon-music:before {
content: "\e002";
}
.glyphicon-search:before {
content: "\e003";
}
.glyphicon-heart:before {
content: "\e005";
}
.glyphicon-star:before {
content: "\e006";
}
.glyphicon-star-empty:before {
content: "\e007";
}
.glyphicon-user:before {
content: "\e008";
}
.glyphicon-film:before {
content: "\e009";
}
.glyphicon-th-large:before {
content: "\e010";
}
.glyphicon-th:before {
content: "\e011";
}
.glyphicon-th-list:before {
content: "\e012";
}
.glyphicon-ok:before {
content: "\e013";
}
.glyphicon-remove:before {
content: "\e014";
}
.glyphicon-zoom-in:before {
content: "\e015";
}
.glyphicon-zoom-out:before {
content: "\e016";
}
.glyphicon-off:before {
content: "\e017";
}
.glyphicon-signal:before {
content: "\e018";
}
.glyphicon-cog:before {
content: "\e019";
}
.glyphicon-trash:before {
content: "\e020";
}
.glyphicon-home:before {
content: "\e021";
}
.glyphicon-file:before {
content: "\e022";
}
.glyphicon-time:before {
content: "\e023";
}
.glyphicon-road:before {
content: "\e024";
}
.glyphicon-download-alt:before {
content: "\e025";
}
.glyphicon-download:before {
content: "\e026";
}
.glyphicon-upload:before {
content: "\e027";
}
.glyphicon-inbox:before {
content: "\e028";
}
.glyphicon-play-circle:before {
content: "\e029";
}
.glyphicon-repeat:before {
content: "\e030";
}
.glyphicon-refresh:before {
content: "\e031";
}
.glyphicon-list-alt:before {
content: "\e032";
}
.glyphicon-lock:before {
content: "\e033";
}
.glyphicon-flag:before {
content: "\e034";
}
.glyphicon-headphones:before {
content: "\e035";
}
.glyphicon-volume-off:before {
content: "\e036";
}
.glyphicon-volume-down:before {
content: "\e037";
}
.glyphicon-volume-up:before {
content: "\e038";
}
.glyphicon-qrcode:before {
content: "\e039";
}
.glyphicon-barcode:before {
content: "\e040";
}
.glyphicon-tag:before {
content: "\e041";
}
.glyphicon-tags:before {
content: "\e042";
}
.glyphicon-book:before {
content: "\e043";
}
.glyphicon-bookmark:before {
content: "\e044";
}
.glyphicon-print:before {
content: "\e045";
}
.glyphicon-camera:before {
content: "\e046";
}
.glyphicon-font:before {
content: "\e047";
}
.glyphicon-bold:before {
content: "\e048";
}
.glyphicon-italic:before {
content: "\e049";
}
.glyphicon-text-height:before {
content: "\e050";
}
.glyphicon-text-width:before {
content: "\e051";
}
.glyphicon-align-left:before {
content: "\e052";
}
.glyphicon-align-center:before {
content: "\e053";
}
.glyphicon-align-right:before {
content: "\e054";
}
.glyphicon-align-justify:before {
content: "\e055";
}
.glyphicon-list:before {
content: "\e056";
}
.glyphicon-indent-left:before {
content: "\e057";
}
.glyphicon-indent-right:before {
content: "\e058";
}
.glyphicon-facetime-video:before {
content: "\e059";
}
.glyphicon-picture:before {
content: "\e060";
}
.glyphicon-map-marker:before {
content: "\e062";
}
.glyphicon-adjust:before {
content: "\e063";
}
.glyphicon-tint:before {
content: "\e064";
}
.glyphicon-edit:before {
content: "\e065";
}
.glyphicon-share:before {
content: "\e066";
}
.glyphicon-check:before {
content: "\e067";
}
.glyphicon-move:before {
content: "\e068";
}
.glyphicon-step-backward:before {
content: "\e069";
}
.glyphicon-fast-backward:before {
content: "\e070";
}
.glyphicon-backward:before {
content: "\e071";
}
.glyphicon-play:before {
content: "\e072";
}
.glyphicon-pause:before {
content: "\e073";
}
.glyphicon-stop:before {
content: "\e074";
}
.glyphicon-forward:before {
content: "\e075";
}
.glyphicon-fast-forward:before {
content: "\e076";
}
.glyphicon-step-forward:before {
content: "\e077";
}
.glyphicon-eject:before {
content: "\e078";
}
.glyphicon-chevron-left:before {
content: "\e079";
}
.glyphicon-chevron-right:before {
content: "\e080";
}
.glyphicon-plus-sign:before {
content: "\e081";
}
.glyphicon-minus-sign:before {
content: "\e082";
}
.glyphicon-remove-sign:before {
content: "\e083";
}
.glyphicon-ok-sign:before {
content: "\e084";
}
.glyphicon-question-sign:before {
content: "\e085";
}
.glyphicon-info-sign:before {
content: "\e086";
}
.glyphicon-screenshot:before {
content: "\e087";
}
.glyphicon-remove-circle:before {
content: "\e088";
}
.glyphicon-ok-circle:before {
content: "\e089";
}
.glyphicon-ban-circle:before {
content: "\e090";
}
.glyphicon-arrow-left:before {
content: "\e091";
}
.glyphicon-arrow-right:before {
content: "\e092";
}
.glyphicon-arrow-up:before {
content: "\e093";
}
.glyphicon-arrow-down:before {
content: "\e094";
}
.glyphicon-share-alt:before {
content: "\e095";
}
.glyphicon-resize-full:before {
content: "\e096";
}
.glyphicon-resize-small:before {
content: "\e097";
}
.glyphicon-exclamation-sign:before {
content: "\e101";
}
.glyphicon-gift:before {
content: "\e102";
}
.glyphicon-leaf:before {
content: "\e103";
}
.glyphicon-fire:before {
content: "\e104";
}
.glyphicon-eye-open:before {
content: "\e105";
}
.glyphicon-eye-close:before {
content: "\e106";
}
.glyphicon-warning-sign:before {
content: "\e107";
}
.glyphicon-plane:before {
content: "\e108";
}
.glyphicon-calendar:before {
content: "\e109";
}
.glyphicon-random:before {
content: "\e110";
}
.glyphicon-comment:before {
content: "\e111";
}
.glyphicon-magnet:before {
content: "\e112";
}
.glyphicon-chevron-up:before {
content: "\e113";
}
.glyphicon-chevron-down:before {
content: "\e114";
}
.glyphicon-retweet:before {
content: "\e115";
}
.glyphicon-shopping-cart:before {
content: "\e116";
}
.glyphicon-folder-close:before {
content: "\e117";
}
.glyphicon-folder-open:before {
content: "\e118";
}
.glyphicon-resize-vertical:before {
content: "\e119";
}
.glyphicon-resize-horizontal:before {
content: "\e120";
}
.glyphicon-hdd:before {
content: "\e121";
}
.glyphicon-bullhorn:before {
content: "\e122";
}
.glyphicon-bell:before {
content: "\e123";
}
.glyphicon-certificate:before {
content: "\e124";
}
.glyphicon-thumbs-up:before {
content: "\e125";
}
.glyphicon-thumbs-down:before {
content: "\e126";
}
.glyphicon-hand-right:before {
content: "\e127";
}
.glyphicon-hand-left:before {
content: "\e128";
}
.glyphicon-hand-up:before {
content: "\e129";
}
.glyphicon-hand-down:before {
content: "\e130";
}
.glyphicon-circle-arrow-right:before {
content: "\e131";
}
.glyphicon-circle-arrow-left:before {
content: "\e132";
}
.glyphicon-circle-arrow-up:before {
content: "\e133";
}
.glyphicon-circle-arrow-down:before {
content: "\e134";
}
.glyphicon-globe:before {
content: "\e135";
}
.glyphicon-wrench:before {
content: "\e136";
}
.glyphicon-tasks:before {
content: "\e137";
}
.glyphicon-filter:before {
content: "\e138";
}
.glyphicon-briefcase:before {
content: "\e139";
}
.glyphicon-fullscreen:before {
content: "\e140";
}
.glyphicon-dashboard:before {
content: "\e141";
}
.glyphicon-paperclip:before {
content: "\e142";
}
.glyphicon-heart-empty:before {
content: "\e143";
}
.glyphicon-link:before {
content: "\e144";
}
.glyphicon-phone:before {
content: "\e145";
}
.glyphicon-pushpin:before {
content: "\e146";
}
.glyphicon-usd:before {
content: "\e148";
}
.glyphicon-gbp:before {
content: "\e149";
}
.glyphicon-sort:before {
content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
content: "\e152";
}
.glyphicon-sort-by-order:before {
content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
content: "\e154";
}
.glyphicon-sort-by-attributes:before {
content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
content: "\e156";
}
.glyphicon-unchecked:before {
content: "\e157";
}
.glyphicon-expand:before {
content: "\e158";
}
.glyphicon-collapse-down:before {
content: "\e159";
}
.glyphicon-collapse-up:before {
content: "\e160";
}
.glyphicon-log-in:before {
content: "\e161";
}
.glyphicon-flash:before {
content: "\e162";
}
.glyphicon-log-out:before {
content: "\e163";
}
.glyphicon-new-window:before {
content: "\e164";
}
.glyphicon-record:before {
content: "\e165";
}
.glyphicon-save:before {
content: "\e166";
}
.glyphicon-open:before {
content: "\e167";
}
.glyphicon-saved:before {
content: "\e168";
}
.glyphicon-import:before {
content: "\e169";
}
.glyphicon-export:before {
content: "\e170";
}
.glyphicon-send:before {
content: "\e171";
}
.glyphicon-floppy-disk:before {
content: "\e172";
}
.glyphicon-floppy-saved:before {
content: "\e173";
}
.glyphicon-floppy-remove:before {
content: "\e174";
}
.glyphicon-floppy-save:before {
content: "\e175";
}
.glyphicon-floppy-open:before {
content: "\e176";
}
.glyphicon-credit-card:before {
content: "\e177";
}
.glyphicon-transfer:before {
content: "\e178";
}
.glyphicon-cutlery:before {
content: "\e179";
}
.glyphicon-header:before {
content: "\e180";
}
.glyphicon-compressed:before {
content: "\e181";
}
.glyphicon-earphone:before {
content: "\e182";
}
.glyphicon-phone-alt:before {
content: "\e183";
}
.glyphicon-tower:before {
content: "\e184";
}
.glyphicon-stats:before {
content: "\e185";
}
.glyphicon-sd-video:before {
content: "\e186";
}
.glyphicon-hd-video:before {
content: "\e187";
}
.glyphicon-subtitles:before {
content: "\e188";
}
.glyphicon-sound-stereo:before {
content: "\e189";
}
.glyphicon-sound-dolby:before {
content: "\e190";
}
.glyphicon-sound-5-1:before {
content: "\e191";
}
.glyphicon-sound-6-1:before {
content: "\e192";
}
.glyphicon-sound-7-1:before {
content: "\e193";
}
.glyphicon-copyright-mark:before {
content: "\e194";
}
.glyphicon-registration-mark:before {
content: "\e195";
}
.glyphicon-cloud-download:before {
content: "\e197";
}
.glyphicon-cloud-upload:before {
content: "\e198";
}
.glyphicon-tree-conifer:before {
content: "\e199";
}
.glyphicon-tree-deciduous:before {
content: "\e200";
}
.glyphicon-cd:before {
content: "\e201";
}
.glyphicon-save-file:before {
content: "\e202";
}
.glyphicon-open-file:before {
content: "\e203";
}
.glyphicon-level-up:before {
content: "\e204";
}
.glyphicon-copy:before {
content: "\e205";
}
.glyphicon-paste:before {
content: "\e206";
}
.glyphicon-alert:before {
content: "\e209";
}
.glyphicon-equalizer:before {
content: "\e210";
}
.glyphicon-king:before {
content: "\e211";
}
.glyphicon-queen:before {
content: "\e212";
}
.glyphicon-pawn:before {
content: "\e213";
}
.glyphicon-bishop:before {
content: "\e214";
}
.glyphicon-knight:before {
content: "\e215";
}
.glyphicon-baby-formula:before {
content: "\e216";
}
.glyphicon-tent:before {
content: "\26fa";
}
.glyphicon-blackboard:before {
content: "\e218";
}
.glyphicon-bed:before {
content: "\e219";
}
.glyphicon-apple:before {
content: "\f8ff";
}
.glyphicon-erase:before {
content: "\e221";
}
.glyphicon-hourglass:before {
content: "\231b";
}
.glyphicon-lamp:before {
content: "\e223";
}
.glyphicon-duplicate:before {
content: "\e224";
}
.glyphicon-piggy-bank:before {
content: "\e225";
}
.glyphicon-scissors:before {
content: "\e226";
}
.glyphicon-bitcoin:before {
content: "\e227";
}
.glyphicon-btc:before {
content: "\e227";
}
.glyphicon-xbt:before {
content: "\e227";
}
.glyphicon-yen:before {
content: "\00a5";
}
.glyphicon-jpy:before {
content: "\00a5";
}
.glyphicon-ruble:before {
content: "\20bd";
}
.glyphicon-rub:before {
content: "\20bd";
}
.glyphicon-scale:before {
content: "\e230";
}
.glyphicon-ice-lolly:before {
content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
content: "\e232";
}
.glyphicon-education:before {
content: "\e233";
}
.glyphicon-option-horizontal:before {
content: "\e234";
}
.glyphicon-option-vertical:before {
content: "\e235";
}
.glyphicon-menu-hamburger:before {
content: "\e236";
}
.glyphicon-modal-window:before {
content: "\e237";
}
.glyphicon-oil:before {
content: "\e238";
}
.glyphicon-grain:before {
content: "\e239";
}
.glyphicon-sunglasses:before {
content: "\e240";
}
.glyphicon-text-size:before {
content: "\e241";
}
.glyphicon-text-color:before {
content: "\e242";
}
.glyphicon-text-background:before {
content: "\e243";
}
.glyphicon-object-align-top:before {
content: "\e244";
}
.glyphicon-object-align-bottom:before {
content: "\e245";
}
.glyphicon-object-align-horizontal:before {
content: "\e246";
}
.glyphicon-object-align-left:before {
content: "\e247";
}
.glyphicon-object-align-vertical:before {
content: "\e248";
}
.glyphicon-object-align-right:before {
content: "\e249";
}
.glyphicon-triangle-right:before {
content: "\e250";
}
.glyphicon-triangle-left:before {
content: "\e251";
}
.glyphicon-triangle-bottom:before {
content: "\e252";
}
.glyphicon-triangle-top:before {
content: "\e253";
}
.glyphicon-console:before {
content: "\e254";
}
.glyphicon-superscript:before {
content: "\e255";
}
.glyphicon-subscript:before {
content: "\e256";
}
.glyphicon-menu-left:before {
content: "\e257";
}
.glyphicon-menu-right:before {
content: "\e258";
}
.glyphicon-menu-down:before {
content: "\e259";
}
.glyphicon-menu-up:before {
content: "\e260";
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333333;
background-color: #ffffff;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #337ab7;
text-decoration: none;
}
a:hover,
a:focus {
color: #23527c;
text-decoration: underline;
}
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
figure {
margin: 0;
}
img {
vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
padding: 4px;
line-height: 1.42857143;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}
.img-circle {
border-radius: 50%;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eeeeee;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
[role="button"] {
cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
font-weight: 400;
line-height: 1;
color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
margin-top: 20px;
margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin-top: 10px;
margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
font-size: 75%;
}
h1,
.h1 {
font-size: 36px;
}
h2,
.h2 {
font-size: 30px;
}
h3,
.h3 {
font-size: 24px;
}
h4,
.h4 {
font-size: 18px;
}
h5,
.h5 {
font-size: 14px;
}
h6,
.h6 {
font-size: 12px;
}
p {
margin: 0 0 10px;
}
.lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 300;
line-height: 1.4;
}
@media (min-width: 768px) {
.lead {
font-size: 21px;
}
}
small,
.small {
font-size: 85%;
}
mark,
.mark {
padding: .2em;
background-color: #fcf8e3;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-nowrap {
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
.text-muted {
color: #777777;
}
.text-primary {
color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
color: #286090;
}
.text-success {
color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
color: #2b542c;
}
.text-info {
color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
color: #245269;
}
.text-warning {
color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
color: #66512c;
}
.text-danger {
color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
color: #843534;
}
.bg-primary {
color: #fff;
background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
background-color: #286090;
}
.bg-success {
background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
background-color: #c1e2b3;
}
.bg-info {
background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
background-color: #afd9ee;
}
.bg-warning {
background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
background-color: #f7ecb5;
}
.bg-danger {
background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
background-color: #e4b9b9;
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eeeeee;
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin-bottom: 0;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
margin-left: -5px;
}
.list-inline > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
dl {
margin-top: 0;
margin-bottom: 20px;
}
dt,
dd {
line-height: 1.42857143;
}
dt {
font-weight: 700;
}
dd {
margin-left: 0;
}
@media (min-width: 768px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 180px;
}
}
abbr[title],
abbr[data-original-title] {
cursor: help;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
display: block;
font-size: 80%;
line-height: 1.42857143;
color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: "\2014 \00A0";
}
.blockquote-reverse,
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
text-align: right;
border-right: 5px solid #eeeeee;
border-left: 0;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
content: "";
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
content: "\00A0 \2014";
}
address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
}
kbd {
padding: 2px 4px;
font-size: 90%;
color: #ffffff;
background-color: #333333;
border-radius: 3px;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700;
box-shadow: none;
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857143;
color: #333333;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #cccccc;
border-radius: 4px;
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.row-no-gutters {
margin-right: 0;
margin-left: 0;
}
.row-no-gutters [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
}
table {
background-color: transparent;
}
table col[class*="col-"] {
position: static;
display: table-column;
float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
position: static;
display: table-cell;
float: none;
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777777;
text-align: left;
}
th {
text-align: left;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #dddddd;
}
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #dddddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.table > tbody + tbody {
border-top: 2px solid #dddddd;
}
.table .table {
background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
padding: 5px;
}
.table-bordered {
border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
background-color: #f5f5f5;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
background-color: #ebcccc;
}
.table-responsive {
min-height: .01%;
overflow-x: auto;
}
@media screen and (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #dddddd;
}
.table-responsive > .table {
margin-bottom: 0;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap;
}
.table-responsive > .table-bordered {
border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
}
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
appearance: none;
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
cursor: not-allowed;
}
input[type="file"] {
display: block;
}
input[type="range"] {
display: block;
width: 100%;
}
select[multiple],
select[size] {
height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
color: #999999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999999;
}
.form-control::-webkit-input-placeholder {
color: #999999;
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #eeeeee;
opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
cursor: not-allowed;
}
textarea.form-control {
height: auto;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
line-height: 34px;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm,
.input-group-sm input[type="date"],
.input-group-sm input[type="time"],
.input-group-sm input[type="datetime-local"],
.input-group-sm input[type="month"] {
line-height: 30px;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg,
.input-group-lg input[type="date"],
.input-group-lg input[type="time"],
.input-group-lg input[type="datetime-local"],
.input-group-lg input[type="month"] {
line-height: 46px;
}
}
.form-group {
margin-bottom: 15px;
}
.radio,
.checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
cursor: not-allowed;
}
.radio label,
.checkbox label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
position: absolute;
margin-top: 4px \9;
margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
vertical-align: middle;
cursor: pointer;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px;
}
.form-control-static {
min-height: 34px;
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
padding-right: 0;
padding-left: 0;
}
.input-sm {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-sm {
height: 30px;
line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
height: auto;
}
.form-group-sm .form-control {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.form-group-sm select.form-control {
height: 30px;
line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
height: auto;
}
.form-group-sm .form-control-static {
height: 30px;
min-height: 32px;
padding: 6px 10px;
font-size: 12px;
line-height: 1.5;
}
.input-lg {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-lg {
height: 46px;
line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
height: auto;
}
.form-group-lg .form-control {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.form-group-lg select.form-control {
height: 46px;
line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
height: auto;
}
.form-group-lg .form-control-static {
height: 46px;
min-height: 38px;
padding: 11px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.has-feedback {
position: relative;
}
.has-feedback .form-control {
padding-right: 42.5px;
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
color: #3c763d;
}
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
color: #3c763d;
background-color: #dff0d8;
border-color: #3c763d;
}
.has-success .form-control-feedback {
color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
color: #8a6d3b;
}
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
color: #a94442;
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
color: #a94442;
background-color: #f2dede;
border-color: #a94442;
}
.has-error .form-control-feedback {
color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373;
}
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-static {
display: inline-block;
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle;
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto;
}
.form-inline .input-group > .form-control {
width: 100%;
}
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio label,
.form-inline .checkbox label {
padding-left: 0;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
padding-top: 7px;
margin-top: 0;
margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 27px;
}
.form-horizontal .form-group {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
padding-top: 7px;
margin-bottom: 0;
text-align: right;
}
}
.form-horizontal .has-feedback .form-control-feedback {
right: 15px;
}
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 11px;
font-size: 18px;
}
}
@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
font-size: 12px;
}
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
white-space: nowrap;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
color: #333333;
text-decoration: none;
}
.btn:active,
.btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
filter: alpha(opacity=65);
opacity: 0.65;
-webkit-box-shadow: none;
box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none;
}
.btn-default {
color: #333333;
background-color: #ffffff;
border-color: #cccccc;
}
.btn-default:focus,
.btn-default.focus {
color: #333333;
background-color: #e6e6e6;
border-color: #8c8c8c;
}
.btn-default:hover {
color: #333333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
color: #333333;
background-color: #e6e6e6;
background-image: none;
border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
color: #333333;
background-color: #d4d4d4;
border-color: #8c8c8c;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
background-color: #ffffff;
border-color: #cccccc;
}
.btn-default .badge {
color: #ffffff;
background-color: #333333;
}
.btn-primary {
color: #ffffff;
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
color: #ffffff;
background-color: #286090;
border-color: #122b40;
}
.btn-primary:hover {
color: #ffffff;
background-color: #286090;
border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
color: #ffffff;
background-color: #286090;
background-image: none;
border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
color: #ffffff;
background-color: #204d74;
border-color: #122b40;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary .badge {
color: #337ab7;
background-color: #ffffff;
}
.btn-success {
color: #ffffff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
color: #ffffff;
background-color: #449d44;
border-color: #255625;
}
.btn-success:hover {
color: #ffffff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
color: #ffffff;
background-color: #449d44;
background-image: none;
border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
color: #ffffff;
background-color: #398439;
border-color: #255625;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success .badge {
color: #5cb85c;
background-color: #ffffff;
}
.btn-info {
color: #ffffff;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
color: #ffffff;
background-color: #31b0d5;
border-color: #1b6d85;
}
.btn-info:hover {
color: #ffffff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
color: #ffffff;
background-color: #31b0d5;
background-image: none;
border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
color: #ffffff;
background-color: #269abc;
border-color: #1b6d85;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info .badge {
color: #5bc0de;
background-color: #ffffff;
}
.btn-warning {
color: #ffffff;
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
color: #ffffff;
background-color: #ec971f;
border-color: #985f0d;
}
.btn-warning:hover {
color: #ffffff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
color: #ffffff;
background-color: #ec971f;
background-image: none;
border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
color: #ffffff;
background-color: #d58512;
border-color: #985f0d;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #ffffff;
}
.btn-danger {
color: #ffffff;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
color: #ffffff;
background-color: #c9302c;
border-color: #761c19;
}
.btn-danger:hover {
color: #ffffff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
color: #ffffff;
background-color: #c9302c;
background-image: none;
border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
color: #ffffff;
background-color: #ac2925;
border-color: #761c19;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger .badge {
color: #d9534f;
background-color: #ffffff;
}
.btn-link {
font-weight: 400;
color: #337ab7;
border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
color: #23527c;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color: #777777;
text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
tr.collapse.in {
display: table-row;
}
tbody.collapse.in {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid \9;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle:focus {
outline: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #ffffff;
background-clip: padding-box;
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #333333;
white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #262626;
text-decoration: none;
background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #ffffff;
text-decoration: none;
background-color: #337ab7;
outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
display: block;
}
.open > a {
outline: 0;
}
.dropdown-menu-right {
right: 0;
left: auto;
}
.dropdown-menu-left {
right: auto;
left: 0;
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.42857143;
color: #777777;
white-space: nowrap;
}
.dropdown-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
content: "";
border-top: 0;
border-bottom: 4px dashed;
border-bottom: 4px solid \9;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px;
}
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
right: 0;
left: auto;
}
.navbar-right .dropdown-menu-left {
right: auto;
left: 0;
}
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
margin-left: -1px;
}
.btn-toolbar {
margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.btn-group > .btn:first-child {
margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
padding-right: 8px;
padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
padding-right: 12px;
padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn .caret {
margin-left: 0;
}
.btn-lg .caret {
border-width: 5px 5px 0;
border-bottom-width: 0;
}
.dropup .btn-lg .caret {
border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
display: table-cell;
float: none;
width: 1%;
}
.btn-group-justified > .btn-group .btn {
width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group[class*="col-"] {
float: none;
padding-right: 0;
padding-left: 0;
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
.input-group .form-control:focus {
z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
height: 46px;
line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
height: 30px;
line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0;
}
.input-group-addon,
.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
line-height: 1;
color: #555555;
text-align: center;
background-color: #eeeeee;
border: 1px solid #cccccc;
border-radius: 4px;
}
.input-group-addon.input-sm {
padding: 5px 10px;
font-size: 12px;
border-radius: 3px;
}
.input-group-addon.input-lg {
padding: 10px 16px;
font-size: 18px;
border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
border-left: 0;
}
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap;
}
.input-group-btn > .btn {
position: relative;
}
.input-group-btn > .btn + .btn {
margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
z-index: 2;
margin-left: -1px;
}
.nav {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: #eeeeee;
}
.nav > li.disabled > a {
color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
color: #777777;
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
background-color: #eeeeee;
border-color: #337ab7;
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.nav > li > a > img {
max-width: none;
}
.nav-tabs {
border-bottom: 1px solid #dddddd;
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #555555;
cursor: default;
background-color: #ffffff;
border: 1px solid #dddddd;
border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0;
}
.nav-tabs.nav-justified > li {
float: none;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #dddddd;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #dddddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: #ffffff;
}
}
.nav-pills > li {
float: left;
}
.nav-pills > li > a {
border-radius: 4px;
}
.nav-pills > li + li {
margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
color: #ffffff;
background-color: #337ab7;
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li + li {
margin-top: 2px;
margin-left: 0;
}
.nav-justified {
width: 100%;
}
.nav-justified > li {
float: none;
}
.nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs-justified {
border-bottom: 0;
}
.nav-tabs-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border: 1px solid #dddddd;
}
@media (min-width: 768px) {
.nav-tabs-justified > li > a {
border-bottom: 1px solid #dddddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border-bottom-color: #ffffff;
}
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent;
}
@media (min-width: 768px) {
.navbar {
border-radius: 4px;
}
}
@media (min-width: 768px) {
.navbar-header {
float: left;
}
}
.navbar-collapse {
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
overflow-y: auto;
}
@media (min-width: 768px) {
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
padding-right: 0;
padding-left: 0;
}
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 200px;
}
}
@media (min-width: 768px) {
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0;
}
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0;
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
}
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px;
}
@media (min-width: 768px) {
.navbar-static-top {
border-radius: 0;
}
}
.navbar-brand {
float: left;
height: 50px;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none;
}
.navbar-brand > img {
display: block;
}
@media (min-width: 768px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: -15px;
}
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-right: 15px;
margin-top: 8px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.navbar-toggle:focus {
outline: 0;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
@media (min-width: 768px) {
.navbar-toggle {
display: none;
}
}
.navbar-nav {
margin: 7.5px -15px;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none;
}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
}
@media (min-width: 768px) {
.navbar-nav {
float: left;
margin: 0;
}
.navbar-nav > li {
float: left;
}
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
}
}
.navbar-form {
padding: 10px 15px;
margin-right: -15px;
margin-left: -15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
margin-top: 8px;
margin-bottom: 8px;
}
@media (min-width: 768px) {
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.navbar-form .form-control-static {
display: inline-block;
}
.navbar-form .input-group {
display: inline-table;
vertical-align: middle;
}
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
width: auto;
}
.navbar-form .input-group > .form-control {
width: 100%;
}
.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio,
.navbar-form .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio label,
.navbar-form .checkbox label {
padding-left: 0;
}
.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.navbar-form .has-feedback .form-control-feedback {
top: 0;
}
}
@media (max-width: 767px) {
.navbar-form .form-group {
margin-bottom: 5px;
}
.navbar-form .form-group:last-child {
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.navbar-form {
width: auto;
padding-top: 0;
padding-bottom: 0;
margin-right: 0;
margin-left: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
}
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
margin-bottom: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-btn {
margin-top: 8px;
margin-bottom: 8px;
}
.navbar-btn.btn-sm {
margin-top: 10px;
margin-bottom: 10px;
}
.navbar-btn.btn-xs {
margin-top: 14px;
margin-bottom: 14px;
}
.navbar-text {
margin-top: 15px;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.navbar-text {
float: left;
margin-right: 15px;
margin-left: 15px;
}
}
@media (min-width: 768px) {
.navbar-left {
float: left !important;
}
.navbar-right {
float: right !important;
margin-right: -15px;
}
.navbar-right ~ .navbar-right {
margin-right: 0;
}
}
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
color: #777777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent;
}
.navbar-default .navbar-text {
color: #777777;
}
.navbar-default .navbar-nav > li > a {
color: #777777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #333333;
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #555555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
color: #cccccc;
background-color: transparent;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
color: #555555;
background-color: #e7e7e7;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777777;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333333;
background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #cccccc;
background-color: transparent;
}
}
.navbar-default .navbar-toggle {
border-color: #dddddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #dddddd;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e7e7e7;
}
.navbar-default .navbar-link {
color: #777777;
}
.navbar-default .navbar-link:hover {
color: #333333;
}
.navbar-default .btn-link {
color: #777777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
color: #333333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
color: #cccccc;
}
.navbar-inverse {
background-color: #222222;
border-color: #080808;
}
.navbar-inverse .navbar-brand {
color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
color: #ffffff;
background-color: transparent;
}
.navbar-inverse .navbar-text {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #ffffff;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
color: #ffffff;
background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444444;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
color: #ffffff;
background-color: #080808;
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #ffffff;
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #ffffff;
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #444444;
background-color: transparent;
}
}
.navbar-inverse .navbar-toggle {
border-color: #333333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #333333;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #ffffff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010;
}
.navbar-inverse .navbar-link {
color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
color: #ffffff;
}
.navbar-inverse .btn-link {
color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
color: #ffffff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #444444;
}
.breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px;
}
.breadcrumb > li {
display: inline-block;
}
.breadcrumb > li + li:before {
padding: 0 5px;
color: #cccccc;
content: "/\00a0";
}
.breadcrumb > .active {
color: #777777;
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
.pagination > li {
display: inline;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #337ab7;
text-decoration: none;
background-color: #ffffff;
border: 1px solid #dddddd;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
z-index: 2;
color: #23527c;
background-color: #eeeeee;
border-color: #dddddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 3;
color: #ffffff;
cursor: default;
background-color: #337ab7;
border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #777777;
cursor: not-allowed;
background-color: #ffffff;
border-color: #dddddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.pager {
padding-left: 0;
margin: 20px 0;
text-align: center;
list-style: none;
}
.pager li {
display: inline;
}
.pager li > a,
.pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
text-decoration: none;
background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
float: right;
}
.pager .previous > a,
.pager .previous > span {
float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
color: #777777;
cursor: not-allowed;
background-color: #ffffff;
}
.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: 700;
line-height: 1;
color: #ffffff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}
a.label:hover,
a.label:focus {
color: #ffffff;
text-decoration: none;
cursor: pointer;
}
.label:empty {
display: none;
}
.btn .label {
position: relative;
top: -1px;
}
.label-default {
background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
background-color: #5e5e5e;
}
.label-primary {
background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
background-color: #286090;
}
.label-success {
background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
background-color: #449d44;
}
.label-info {
background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
background-color: #31b0d5;
}
.label-warning {
background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
background-color: #ec971f;
}
.label-danger {
background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
background-color: #c9302c;
}
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
line-height: 1;
color: #ffffff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: #777777;
border-radius: 10px;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
top: 0;
padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
color: #ffffff;
text-decoration: none;
cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
color: #337ab7;
background-color: #ffffff;
}
.list-group-item > .badge {
float: right;
}
.list-group-item > .badge + .badge {
margin-right: 5px;
}
.nav-pills > li > a > .badge {
margin-left: 3px;
}
.jumbotron {
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;
color: inherit;
background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
color: inherit;
}
.jumbotron p {
margin-bottom: 15px;
font-size: 21px;
font-weight: 200;
}
.jumbotron > hr {
border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
padding-right: 15px;
padding-left: 15px;
border-radius: 6px;
}
.jumbotron .container {
max-width: 100%;
}
@media screen and (min-width: 768px) {
.jumbotron {
padding-top: 48px;
padding-bottom: 48px;
}
.container .jumbotron,
.container-fluid .jumbotron {
padding-right: 60px;
padding-left: 60px;
}
.jumbotron h1,
.jumbotron .h1 {
font-size: 63px;
}
}
.thumbnail {
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.42857143;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
-webkit-transition: border 0.2s ease-in-out;
-o-transition: border 0.2s ease-in-out;
transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
margin-right: auto;
margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
border-color: #337ab7;
}
.thumbnail .caption {
padding: 9px;
color: #333333;
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.alert h4 {
margin-top: 0;
color: inherit;
}
.alert .alert-link {
font-weight: bold;
}
.alert > p,
.alert > ul {
margin-bottom: 0;
}
.alert > p + p {
margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-success hr {
border-top-color: #c9e2b3;
}
.alert-success .alert-link {
color: #2b542c;
}
.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-info hr {
border-top-color: #a6e1ec;
}
.alert-info .alert-link {
color: #245269;
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.alert-warning hr {
border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
color: #66512c;
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert-danger hr {
border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.progress {
height: 20px;
margin-bottom: 20px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
float: left;
width: 0%;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #ffffff;
text-align: center;
background-color: #337ab7;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media {
margin-top: 15px;
}
.media:first-child {
margin-top: 0;
}
.media,
.media-body {
overflow: hidden;
zoom: 1;
}
.media-body {
width: 10000px;
}
.media-object {
display: block;
}
.media-object.img-thumbnail {
max-width: none;
}
.media-right,
.media > .pull-right {
padding-left: 10px;
}
.media-left,
.media > .pull-left {
padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
display: table-cell;
vertical-align: top;
}
.media-middle {
vertical-align: middle;
}
.media-bottom {
vertical-align: bottom;
}
.media-heading {
margin-top: 0;
margin-bottom: 5px;
}
.media-list {
padding-left: 0;
list-style: none;
}
.list-group {
padding-left: 0;
margin-bottom: 20px;
}
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #ffffff;
border: 1px solid #dddddd;
}
.list-group-item:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
color: #777777;
cursor: not-allowed;
background-color: #eeeeee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
color: #777777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
z-index: 2;
color: #ffffff;
background-color: #337ab7;
border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
color: #c7ddef;
}
a.list-group-item,
button.list-group-item {
color: #555555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
color: #333333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
color: #555555;
text-decoration: none;
background-color: #f5f5f5;
}
button.list-group-item {
width: 100%;
text-align: left;
}
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
color: #3c763d;
background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
color: #fff;
background-color: #3c763d;
border-color: #3c763d;
}
.list-group-item-info {
color: #31708f;
background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
color: #31708f;
background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
color: #fff;
background-color: #31708f;
border-color: #31708f;
}
.list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
color: #8a6d3b;
background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b;
}
.list-group-item-danger {
color: #a94442;
background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
color: #a94442;
background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
color: #fff;
background-color: #a94442;
border-color: #a94442;
}
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px;
}
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3;
}
.panel {
margin-bottom: 20px;
background-color: #ffffff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
padding: 15px;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
color: inherit;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
color: inherit;
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #dddddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
border-width: 1px 0;
border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0;
}
.list-group + .panel-footer {
border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
padding-right: 15px;
padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
border-top: 1px solid #dddddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0;
}
.panel > .table-responsive {
margin-bottom: 0;
border: 0;
}
.panel-group {
margin-bottom: 20px;
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 4px;
}
.panel-group .panel + .panel {
margin-top: 5px;
}
.panel-group .panel-heading {
border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
border-top: 1px solid #dddddd;
}
.panel-group .panel-footer {
border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #dddddd;
}
.panel-default {
border-color: #dddddd;
}
.panel-default > .panel-heading {
color: #333333;
background-color: #f5f5f5;
border-color: #dddddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #dddddd;
}
.panel-default > .panel-heading .badge {
color: #f5f5f5;
background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #dddddd;
}
.panel-primary {
border-color: #337ab7;
}
.panel-primary > .panel-heading {
color: #ffffff;
background-color: #337ab7;
border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
color: #337ab7;
background-color: #ffffff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #337ab7;
}
.panel-success {
border-color: #d6e9c6;
}
.panel-success > .panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
color: #dff0d8;
background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #d6e9c6;
}
.panel-info {
border-color: #bce8f1;
}
.panel-info > .panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
color: #d9edf7;
background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #bce8f1;
}
.panel-warning {
border-color: #faebcc;
}
.panel-warning > .panel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
color: #fcf8e3;
background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #faebcc;
}
.panel-danger {
border-color: #ebccd1;
}
.panel-danger > .panel-heading {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
color: #f2dede;
background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ebccd1;
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
padding-bottom: 75%;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
padding: 24px;
border-radius: 6px;
}
.well-sm {
padding: 9px;
border-radius: 3px;
}
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000000;
text-shadow: 0 1px 0 #ffffff;
filter: alpha(opacity=20);
opacity: 0.2;
}
.close:hover,
.close:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: 0.5;
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
appearance: none;
}
.modal-open {
overflow: hidden;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
position: relative;
background-color: #ffffff;
background-clip: padding-box;
border: 1px solid #999999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000000;
}
.modal-backdrop.fade {
filter: alpha(opacity=0);
opacity: 0;
}
.modal-backdrop.in {
filter: alpha(opacity=50);
opacity: 0.5;
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
}
.modal-body {
position: relative;
padding: 15px;
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
margin-bottom: 0;
margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 30px auto;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.42857143;
line-break: auto;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
font-size: 12px;
filter: alpha(opacity=0);
opacity: 0;
}
.tooltip.in {
filter: alpha(opacity=90);
opacity: 0.9;
}
.tooltip.top {
padding: 5px 0;
margin-top: -3px;
}
.tooltip.right {
padding: 0 5px;
margin-left: 3px;
}
.tooltip.bottom {
padding: 5px 0;
margin-top: 3px;
}
.tooltip.left {
padding: 0 5px;
margin-left: -3px;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
right: 5px;
bottom: 0;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #ffffff;
text-align: center;
background-color: #000000;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.42857143;
line-break: auto;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
font-size: 14px;
background-color: #ffffff;
background-clip: padding-box;
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover > .arrow {
border-width: 11px;
}
.popover > .arrow,
.popover > .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover > .arrow:after {
content: "";
border-width: 10px;
}
.popover.top > .arrow {
bottom: -11px;
left: 50%;
margin-left: -11px;
border-top-color: #999999;
border-top-color: rgba(0, 0, 0, 0.25);
border-bottom-width: 0;
}
.popover.top > .arrow:after {
bottom: 1px;
margin-left: -10px;
content: " ";
border-top-color: #ffffff;
border-bottom-width: 0;
}
.popover.right > .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-right-color: #999999;
border-right-color: rgba(0, 0, 0, 0.25);
border-left-width: 0;
}
.popover.right > .arrow:after {
bottom: -10px;
left: 1px;
content: " ";
border-right-color: #ffffff;
border-left-width: 0;
}
.popover.bottom > .arrow {
top: -11px;
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999999;
border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
top: 1px;
margin-left: -10px;
content: " ";
border-top-width: 0;
border-bottom-color: #ffffff;
}
.popover.left > .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999999;
border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
right: 1px;
bottom: -10px;
content: " ";
border-right-width: 0;
border-left-color: #ffffff;
}
.popover-title {
padding: 8px 14px;
margin: 0;
font-size: 14px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
}
.popover-content {
padding: 9px 14px;
}
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-inner > .item {
position: relative;
display: none;
-webkit-transition: 0.6s ease-in-out left;
-o-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item {
-webkit-transition: -webkit-transform 0.6s ease-in-out;
-moz-transition: -moz-transform 0.6s ease-in-out;
-o-transition: -o-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
}
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
left: 0;
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0;
}
.carousel-inner > .item.next.left,
.carousel-inner > .item.prev.right,
.carousel-inner > .item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0;
}
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 15%;
font-size: 20px;
color: #ffffff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
background-color: rgba(0, 0, 0, 0);
filter: alpha(opacity=50);
opacity: 0.5;
}
.carousel-control.left {
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control.right {
right: 0;
left: auto;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
color: #ffffff;
text-decoration: none;
outline: 0;
filter: alpha(opacity=90);
opacity: 0.9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
left: 50%;
margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
right: 50%;
margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 20px;
height: 20px;
font-family: serif;
line-height: 1;
}
.carousel-control .icon-prev:before {
content: "\2039";
}
.carousel-control .icon-next:before {
content: "\203a";
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #ffffff;
border-radius: 10px;
}
.carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #ffffff;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #ffffff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
text-shadow: none;
}
@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -10px;
font-size: 30px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
margin-left: -10px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
margin-right: -10px;
}
.carousel-caption {
right: 20%;
left: 20%;
padding-bottom: 30px;
}
.carousel-indicators {
bottom: 20px;
}
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after,
.row10:before,
.row10:after,
.row14:before,
.row14:after,
.row18:before,
.row18:after {
display: table;
content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after,
.row10:after,
.row14:after,
.row18:after {
clear: both;
}
.center-block {
display: block;
margin-right: auto;
margin-left: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table !important;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
a[href]:focus-visible,
area[href]:focus-visible,
input:not([disabled]):focus-visible,
select:not([disabled]):focus-visible,
textarea:not([disabled]):focus-visible,
button:not([disabled]):focus-visible,
iframe:focus-visible,
object:focus-visible,
embed:focus-visible,
[contenteditable]:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible {
box-shadow: 0 0 0 1px #ffffff;
outline: 2px solid #660025 !important;
outline-offset: 1px;
}
@media (forced-colors: active) {
a[href]:focus-visible,
area[href]:focus-visible,
input:not([disabled]):focus-visible,
select:not([disabled]):focus-visible,
textarea:not([disabled]):focus-visible,
button:not([disabled]):focus-visible,
iframe:focus-visible,
object:focus-visible,
embed:focus-visible,
[contenteditable]:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible {
outline: 2px solid CanvasText;
outline-offset: 2px;
box-shadow: none;
}
}
.skip-link {
position: absolute;
top: -40px;
left: 0;
background: #000000;
color: #ffffff !important;
padding: 8px;
z-index: 100;
}
.skip-link:focus {
top: 0;
}
a {
color: #000000;
}
a:hover,
a:active,
a:focus,
a:active:hover {
color: #869e00;
outline: none !important;
}
a.anchor,
a.cmsanchor {
display: block;
position: relative;
top: -250px;
visibility: hidden;
}
a[href^="tel:"] {
text-decoration: none !important;
cursor: default !important;
color: inherit !important;
}
.fixed a.anchor,
.fixed a.cmsanchor {
top: -120px;
}
.shipping-info .cmswysiwyg a {
text-decoration: underline;
color: #000000;
}
.no-js .tab-content .tab-pane {
display: block;
}
p.noSpace {
margin-bottom: 0;
}
table.table {
margin-bottom: 10px;
}
table.table tr.line {
border-bottom: 4px #000000 solid;
border-bottom: 2px #000000 solid;
}
table.table tr.line td,
table.table tr.line th {
border: medium none;
padding-bottom: 0;
}
table.table tbody tr th,
table.table tbody tr td {
border-top-color: #494948;
padding-left: 0;
}
table.table tbody tr:last-child th,
table.table tbody tr:last-child td {
border-bottom: 1px solid #494948;
}
.linkArrows {
letter-spacing: -1.3px;
}
.linkArrowsSmall {
letter-spacing: -1.0px;
}
figure figcaption {
background-color: #000000;
color: #ffffff;
font-size: 14px;
padding-left: 15px;
padding-right: 15px;
line-height: 16px;
padding-top: 11px;
padding-bottom: 11px;
}
.ul {
margin-top: 18px;
}
.prepayment-block li {
margin-top: 18px;
}
.prepayment-block li div {
margin-top: 4px;
}
.prepayment-block li table th {
font-weight: normal;
width: 100px;
white-space: nowrap;
}
@media (min-width: 768px) {
.withPhone:before {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -109px -301px;
background-position: -243px -370px;
width: 32px;
height: 32px;
display: block;
float: left;
content: "";
}
}
.withPhone p {
display: block;
}
@media (min-width: 768px) {
.withPhone p {
margin-left: 45px;
}
}
.withPhone p:last-child {
margin-bottom: 52px;
}
p.halfSpace {
margin-bottom: 5px;
}
.arrowsBack:before {
content: '<<';
}
.cmswysiwyg p:last-of-type {
margin-bottom: 0;
}
.cmswysiwyg p a {
color: #869e00;
text-decoration: underline;
}
body {
-ms-overflow-style: scrollbar;
}
.block-headline--underlined_clear_spacer {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
letter-spacing: normal;
font-weight: normal;
font-size: 24px;
line-height: 29px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #ffffff;
background-color: #333333;
padding: 2px 8px;
margin-bottom: 18px;
text-transform: uppercase;
width: auto;
display: inline-block;
background-color: transparent;
border: none;
}
.block-headline--underlined_clear_spacer:after,
.block-headline--underlined_clear_spacer:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
@media (max-width: 768px) {
body.isNotHomePage div[id^="tsbadgeResponsiveTop_"] {
height: 0;
visibility: hidden;
}
}
.newsletter-privacy {
margin-bottom: 16px;
}
.newsletter-privacy input {
margin-right: 5px;
}
.seo-text .moreLess.minification {
max-height: 6000px;
}
@media (max-width: 767px) {
.seo-text .moreLess.minification {
max-height: 250px;
}
}
.modalMaxHeight .modal-lg {
width: 95%;
height: 85%;
margin: 30px auto;
}
.modalMaxHeight .modal-lg .modal-content {
height: 100%;
position: relative;
}
.modalMaxHeight .modal-lg .modal-content .modal-body {
height: 100%;
overflow: auto;
}
.modalMaxHeight .modal-lg .modal-content .modal-footer {
position: absolute;
bottom: 0;
width: 100%;
background: #FFFFFF;
padding: 5px;
}
.row10 {
margin-right: -15px;
margin-left: -15px;
}
.row10 .col-xs10-1, .col-xs10-2, .col-xs10-3, .col-xs10-4, .col-xs10-5, .col-xs10-6, .col-xs10-7, .col-xs10-8, .col-xs10-9, .col-xs10-10 {
float: left;
}
.row10 .col-xs10-10 {
width: 100%;
}
.row10 .col-xs10-9 {
width: 90%;
}
.row10 .col-xs10-8 {
width: 80%;
}
.row10 .col-xs10-7 {
width: 70%;
}
.row10 .col-xs10-6 {
width: 60%;
}
.row10 .col-xs10-5 {
width: 50%;
}
.row10 .col-xs10-4 {
width: 40%;
}
.row10 .col-xs10-3 {
width: 30%;
}
.row10 .col-xs10-2 {
width: 20%;
}
.row10 .col-xs10-1 {
width: 10%;
}
.row10 .col-xs10-pull-10 {
right: 100%;
}
.row10 .col-xs10-pull-9 {
right: 90%;
}
.row10 .col-xs10-pull-8 {
right: 80%;
}
.row10 .col-xs10-pull-7 {
right: 70%;
}
.row10 .col-xs10-pull-6 {
right: 60%;
}
.row10 .col-xs10-pull-5 {
right: 50%;
}
.row10 .col-xs10-pull-4 {
right: 40%;
}
.row10 .col-xs10-pull-3 {
right: 30%;
}
.row10 .col-xs10-pull-2 {
right: 20%;
}
.row10 .col-xs10-pull-1 {
right: 10%;
}
.row10 .col-xs10-pull-0 {
right: auto;
}
.row10 .col-xs10-push-10 {
left: 100%;
}
.row10 .col-xs10-push-9 {
left: 90%;
}
.row10 .col-xs10-push-8 {
left: 80%;
}
.row10 .col-xs10-push-7 {
left: 70%;
}
.row10 .col-xs10-push-6 {
left: 60%;
}
.row10 .col-xs10-push-5 {
left: 50%;
}
.row10 .col-xs10-push-4 {
left: 40%;
}
.row10 .col-xs10-push-3 {
left: 30%;
}
.row10 .col-xs10-push-2 {
left: 20%;
}
.row10 .col-xs10-push-1 {
left: 10%;
}
.row10 .col-xs10-push-0 {
left: auto;
}
.row10 .col-xs10-offset-10 {
margin-left: 100%;
}
.row10 .col-xs10-offset-9 {
margin-left: 90%;
}
.row10 .col-xs10-offset-8 {
margin-left: 80%;
}
.row10 .col-xs10-offset-7 {
margin-left: 70%;
}
.row10 .col-xs10-offset-6 {
margin-left: 60%;
}
.row10 .col-xs10-offset-5 {
margin-left: 50%;
}
.row10 .col-xs10-offset-4 {
margin-left: 40%;
}
.row10 .col-xs10-offset-3 {
margin-left: 30%;
}
.row10 .col-xs10-offset-2 {
margin-left: 20%;
}
.row10 .col-xs10-offset-1 {
margin-left: 10%;
}
.row10 .col-xs10-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
.row10 .col-sm10-1, .col-sm10-2, .col-sm10-3, .col-sm10-4, .col-sm10-5, .col-sm10-6, .col-sm10-7, .col-sm10-8, .col-sm10-9, .col-sm10-10 {
float: left;
}
.row10 .col-sm10-10 {
width: 100%;
}
.row10 .col-sm10-9 {
width: 90%;
}
.row10 .col-sm10-8 {
width: 80%;
}
.row10 .col-sm10-7 {
width: 70%;
}
.row10 .col-sm10-6 {
width: 60%;
}
.row10 .col-sm10-5 {
width: 50%;
}
.row10 .col-sm10-4 {
width: 40%;
}
.row10 .col-sm10-3 {
width: 30%;
}
.row10 .col-sm10-2 {
width: 20%;
}
.row10 .col-sm10-1 {
width: 10%;
}
.row10 .col-sm10-pull-10 {
right: 100%;
}
.row10 .col-sm10-pull-9 {
right: 90%;
}
.row10 .col-sm10-pull-8 {
right: 80%;
}
.row10 .col-sm10-pull-7 {
right: 70%;
}
.row10 .col-sm10-pull-6 {
right: 60%;
}
.row10 .col-sm10-pull-5 {
right: 50%;
}
.row10 .col-sm10-pull-4 {
right: 40%;
}
.row10 .col-sm10-pull-3 {
right: 30%;
}
.row10 .col-sm10-pull-2 {
right: 20%;
}
.row10 .col-sm10-pull-1 {
right: 10%;
}
.row10 .col-sm10-pull-0 {
right: auto;
}
.row10 .col-sm10-push-10 {
left: 100%;
}
.row10 .col-sm10-push-9 {
left: 90%;
}
.row10 .col-sm10-push-8 {
left: 80%;
}
.row10 .col-sm10-push-7 {
left: 70%;
}
.row10 .col-sm10-push-6 {
left: 60%;
}
.row10 .col-sm10-push-5 {
left: 50%;
}
.row10 .col-sm10-push-4 {
left: 40%;
}
.row10 .col-sm10-push-3 {
left: 30%;
}
.row10 .col-sm10-push-2 {
left: 20%;
}
.row10 .col-sm10-push-1 {
left: 10%;
}
.row10 .col-sm10-push-0 {
left: auto;
}
.row10 .col-sm10-offset-10 {
margin-left: 100%;
}
.row10 .col-sm10-offset-9 {
margin-left: 90%;
}
.row10 .col-sm10-offset-8 {
margin-left: 80%;
}
.row10 .col-sm10-offset-7 {
margin-left: 70%;
}
.row10 .col-sm10-offset-6 {
margin-left: 60%;
}
.row10 .col-sm10-offset-5 {
margin-left: 50%;
}
.row10 .col-sm10-offset-4 {
margin-left: 40%;
}
.row10 .col-sm10-offset-3 {
margin-left: 30%;
}
.row10 .col-sm10-offset-2 {
margin-left: 20%;
}
.row10 .col-sm10-offset-1 {
margin-left: 10%;
}
.row10 .col-sm10-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.row10 .col-md10-1, .col-md10-2, .col-md10-3, .col-md10-4, .col-md10-5, .col-md10-6, .col-md10-7, .col-md10-8, .col-md10-9, .col-md10-10 {
float: left;
}
.row10 .col-md10-10 {
width: 100%;
}
.row10 .col-md10-9 {
width: 90%;
}
.row10 .col-md10-8 {
width: 80%;
}
.row10 .col-md10-7 {
width: 70%;
}
.row10 .col-md10-6 {
width: 60%;
}
.row10 .col-md10-5 {
width: 50%;
}
.row10 .col-md10-4 {
width: 40%;
}
.row10 .col-md10-3 {
width: 30%;
}
.row10 .col-md10-2 {
width: 20%;
}
.row10 .col-md10-1 {
width: 10%;
}
.row10 .col-md10-pull-10 {
right: 100%;
}
.row10 .col-md10-pull-9 {
right: 90%;
}
.row10 .col-md10-pull-8 {
right: 80%;
}
.row10 .col-md10-pull-7 {
right: 70%;
}
.row10 .col-md10-pull-6 {
right: 60%;
}
.row10 .col-md10-pull-5 {
right: 50%;
}
.row10 .col-md10-pull-4 {
right: 40%;
}
.row10 .col-md10-pull-3 {
right: 30%;
}
.row10 .col-md10-pull-2 {
right: 20%;
}
.row10 .col-md10-pull-1 {
right: 10%;
}
.row10 .col-md10-pull-0 {
right: auto;
}
.row10 .col-md10-push-10 {
left: 100%;
}
.row10 .col-md10-push-9 {
left: 90%;
}
.row10 .col-md10-push-8 {
left: 80%;
}
.row10 .col-md10-push-7 {
left: 70%;
}
.row10 .col-md10-push-6 {
left: 60%;
}
.row10 .col-md10-push-5 {
left: 50%;
}
.row10 .col-md10-push-4 {
left: 40%;
}
.row10 .col-md10-push-3 {
left: 30%;
}
.row10 .col-md10-push-2 {
left: 20%;
}
.row10 .col-md10-push-1 {
left: 10%;
}
.row10 .col-md10-push-0 {
left: auto;
}
.row10 .col-md10-offset-10 {
margin-left: 100%;
}
.row10 .col-md10-offset-9 {
margin-left: 90%;
}
.row10 .col-md10-offset-8 {
margin-left: 80%;
}
.row10 .col-md10-offset-7 {
margin-left: 70%;
}
.row10 .col-md10-offset-6 {
margin-left: 60%;
}
.row10 .col-md10-offset-5 {
margin-left: 50%;
}
.row10 .col-md10-offset-4 {
margin-left: 40%;
}
.row10 .col-md10-offset-3 {
margin-left: 30%;
}
.row10 .col-md10-offset-2 {
margin-left: 20%;
}
.row10 .col-md10-offset-1 {
margin-left: 10%;
}
.row10 .col-md10-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.row10 .col-lg10-1, .col-lg10-2, .col-lg10-3, .col-lg10-4, .col-lg10-5, .col-lg10-6, .col-lg10-7, .col-lg10-8, .col-lg10-9, .col-lg10-10 {
float: left;
}
.row10 .col-lg10-10 {
width: 100%;
}
.row10 .col-lg10-9 {
width: 90%;
}
.row10 .col-lg10-8 {
width: 80%;
}
.row10 .col-lg10-7 {
width: 70%;
}
.row10 .col-lg10-6 {
width: 60%;
}
.row10 .col-lg10-5 {
width: 50%;
}
.row10 .col-lg10-4 {
width: 40%;
}
.row10 .col-lg10-3 {
width: 30%;
}
.row10 .col-lg10-2 {
width: 20%;
}
.row10 .col-lg10-1 {
width: 10%;
}
.row10 .col-lg10-pull-10 {
right: 100%;
}
.row10 .col-lg10-pull-9 {
right: 90%;
}
.row10 .col-lg10-pull-8 {
right: 80%;
}
.row10 .col-lg10-pull-7 {
right: 70%;
}
.row10 .col-lg10-pull-6 {
right: 60%;
}
.row10 .col-lg10-pull-5 {
right: 50%;
}
.row10 .col-lg10-pull-4 {
right: 40%;
}
.row10 .col-lg10-pull-3 {
right: 30%;
}
.row10 .col-lg10-pull-2 {
right: 20%;
}
.row10 .col-lg10-pull-1 {
right: 10%;
}
.row10 .col-lg10-pull-0 {
right: auto;
}
.row10 .col-lg10-push-10 {
left: 100%;
}
.row10 .col-lg10-push-9 {
left: 90%;
}
.row10 .col-lg10-push-8 {
left: 80%;
}
.row10 .col-lg10-push-7 {
left: 70%;
}
.row10 .col-lg10-push-6 {
left: 60%;
}
.row10 .col-lg10-push-5 {
left: 50%;
}
.row10 .col-lg10-push-4 {
left: 40%;
}
.row10 .col-lg10-push-3 {
left: 30%;
}
.row10 .col-lg10-push-2 {
left: 20%;
}
.row10 .col-lg10-push-1 {
left: 10%;
}
.row10 .col-lg10-push-0 {
left: auto;
}
.row10 .col-lg10-offset-10 {
margin-left: 100%;
}
.row10 .col-lg10-offset-9 {
margin-left: 90%;
}
.row10 .col-lg10-offset-8 {
margin-left: 80%;
}
.row10 .col-lg10-offset-7 {
margin-left: 70%;
}
.row10 .col-lg10-offset-6 {
margin-left: 60%;
}
.row10 .col-lg10-offset-5 {
margin-left: 50%;
}
.row10 .col-lg10-offset-4 {
margin-left: 40%;
}
.row10 .col-lg10-offset-3 {
margin-left: 30%;
}
.row10 .col-lg10-offset-2 {
margin-left: 20%;
}
.row10 .col-lg10-offset-1 {
margin-left: 10%;
}
.row10 .col-lg10-offset-0 {
margin-left: 0%;
}
}
.row10:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
.col-xs10-1, .col-sm10-1, .col-md10-1, .col-lg10-1, .col-xs10-2, .col-sm10-2, .col-md10-2, .col-lg10-2, .col-xs10-3, .col-sm10-3, .col-md10-3, .col-lg10-3, .col-xs10-4, .col-sm10-4, .col-md10-4, .col-lg10-4, .col-xs10-5, .col-sm10-5, .col-md10-5, .col-lg10-5, .col-xs10-6, .col-sm10-6, .col-md10-6, .col-lg10-6, .col-xs10-7, .col-sm10-7, .col-md10-7, .col-lg10-7, .col-xs10-8, .col-sm10-8, .col-md10-8, .col-lg10-8, .col-xs10-9, .col-sm10-9, .col-md10-9, .col-lg10-9, .col-xs10-10, .col-sm10-10, .col-md10-10, .col-lg10-10 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.row14 {
margin-right: -15px;
margin-left: -15px;
}
.row14 .col-xs14-1, .col-xs14-2, .col-xs14-3, .col-xs14-4, .col-xs14-5, .col-xs14-6, .col-xs14-7, .col-xs14-8, .col-xs14-9, .col-xs14-10, .col-xs14-11, .col-xs14-12, .col-xs14-13, .col-xs14-14 {
float: left;
}
.row14 .col-xs14-14 {
width: 100%;
}
.row14 .col-xs14-13 {
width: 92.85714286%;
}
.row14 .col-xs14-12 {
width: 85.71428571%;
}
.row14 .col-xs14-11 {
width: 78.57142856999999%;
}
.row14 .col-xs14-10 {
width: 71.42857143000001%;
}
.row14 .col-xs14-9 {
width: 64.28571429%;
}
.row14 .col-xs14-8 {
width: 57.14285714%;
}
.row14 .col-xs14-7 {
width: 50%;
}
.row14 .col-xs14-6 {
width: 42.85714286%;
}
.row14 .col-xs14-5 {
width: 35.71428571%;
}
.row14 .col-xs14-4 {
width: 28.57142857%;
}
.row14 .col-xs14-3 {
width: 21.42857143%;
}
.row14 .col-xs14-2 {
width: 14.28571429%;
}
.row14 .col-xs14-1 {
width: 7.14285714%;
}
.row14 .col-xs14-pull-14 {
right: 100%;
}
.row14 .col-xs14-pull-13 {
right: 92.85714286%;
}
.row14 .col-xs14-pull-12 {
right: 85.71428571%;
}
.row14 .col-xs14-pull-11 {
right: 78.57142856999999%;
}
.row14 .col-xs14-pull-10 {
right: 71.42857143000001%;
}
.row14 .col-xs14-pull-9 {
right: 64.28571429%;
}
.row14 .col-xs14-pull-8 {
right: 57.14285714%;
}
.row14 .col-xs14-pull-7 {
right: 50%;
}
.row14 .col-xs14-pull-6 {
right: 42.85714286%;
}
.row14 .col-xs14-pull-5 {
right: 35.71428571%;
}
.row14 .col-xs14-pull-4 {
right: 28.57142857%;
}
.row14 .col-xs14-pull-3 {
right: 21.42857143%;
}
.row14 .col-xs14-pull-2 {
right: 14.28571429%;
}
.row14 .col-xs14-pull-1 {
right: 7.14285714%;
}
.row14 .col-xs14-pull-0 {
right: auto;
}
.row14 .col-xs14-push-14 {
left: 100%;
}
.row14 .col-xs14-push-13 {
left: 92.85714286%;
}
.row14 .col-xs14-push-12 {
left: 85.71428571%;
}
.row14 .col-xs14-push-11 {
left: 78.57142856999999%;
}
.row14 .col-xs14-push-10 {
left: 71.42857143000001%;
}
.row14 .col-xs14-push-9 {
left: 64.28571429%;
}
.row14 .col-xs14-push-8 {
left: 57.14285714%;
}
.row14 .col-xs14-push-7 {
left: 50%;
}
.row14 .col-xs14-push-6 {
left: 42.85714286%;
}
.row14 .col-xs14-push-5 {
left: 35.71428571%;
}
.row14 .col-xs14-push-4 {
left: 28.57142857%;
}
.row14 .col-xs14-push-3 {
left: 21.42857143%;
}
.row14 .col-xs14-push-2 {
left: 14.28571429%;
}
.row14 .col-xs14-push-1 {
left: 7.14285714%;
}
.row14 .col-xs14-push-0 {
left: auto;
}
.row14 .col-xs14-offset-14 {
margin-left: 100%;
}
.row14 .col-xs14-offset-13 {
margin-left: 92.85714286%;
}
.row14 .col-xs14-offset-12 {
margin-left: 85.71428571%;
}
.row14 .col-xs14-offset-11 {
margin-left: 78.57142856999999%;
}
.row14 .col-xs14-offset-10 {
margin-left: 71.42857143000001%;
}
.row14 .col-xs14-offset-9 {
margin-left: 64.28571429%;
}
.row14 .col-xs14-offset-8 {
margin-left: 57.14285714%;
}
.row14 .col-xs14-offset-7 {
margin-left: 50%;
}
.row14 .col-xs14-offset-6 {
margin-left: 42.85714286%;
}
.row14 .col-xs14-offset-5 {
margin-left: 35.71428571%;
}
.row14 .col-xs14-offset-4 {
margin-left: 28.57142857%;
}
.row14 .col-xs14-offset-3 {
margin-left: 21.42857143%;
}
.row14 .col-xs14-offset-2 {
margin-left: 14.28571429%;
}
.row14 .col-xs14-offset-1 {
margin-left: 7.14285714%;
}
.row14 .col-xs14-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
.row14 .col-sm14-1, .col-sm14-2, .col-sm14-3, .col-sm14-4, .col-sm14-5, .col-sm14-6, .col-sm14-7, .col-sm14-8, .col-sm14-9, .col-sm14-10, .col-sm14-11, .col-sm14-12, .col-sm14-13, .col-sm14-14 {
float: left;
}
.row14 .col-sm14-14 {
width: 100%;
}
.row14 .col-sm14-13 {
width: 92.85714286%;
}
.row14 .col-sm14-12 {
width: 85.71428571%;
}
.row14 .col-sm14-11 {
width: 78.57142856999999%;
}
.row14 .col-sm14-10 {
width: 71.42857143000001%;
}
.row14 .col-sm14-9 {
width: 64.28571429%;
}
.row14 .col-sm14-8 {
width: 57.14285714%;
}
.row14 .col-sm14-7 {
width: 50%;
}
.row14 .col-sm14-6 {
width: 42.85714286%;
}
.row14 .col-sm14-5 {
width: 35.71428571%;
}
.row14 .col-sm14-4 {
width: 28.57142857%;
}
.row14 .col-sm14-3 {
width: 21.42857143%;
}
.row14 .col-sm14-2 {
width: 14.28571429%;
}
.row14 .col-sm14-1 {
width: 7.14285714%;
}
.row14 .col-sm14-pull-14 {
right: 100%;
}
.row14 .col-sm14-pull-13 {
right: 92.85714286%;
}
.row14 .col-sm14-pull-12 {
right: 85.71428571%;
}
.row14 .col-sm14-pull-11 {
right: 78.57142856999999%;
}
.row14 .col-sm14-pull-10 {
right: 71.42857143000001%;
}
.row14 .col-sm14-pull-9 {
right: 64.28571429%;
}
.row14 .col-sm14-pull-8 {
right: 57.14285714%;
}
.row14 .col-sm14-pull-7 {
right: 50%;
}
.row14 .col-sm14-pull-6 {
right: 42.85714286%;
}
.row14 .col-sm14-pull-5 {
right: 35.71428571%;
}
.row14 .col-sm14-pull-4 {
right: 28.57142857%;
}
.row14 .col-sm14-pull-3 {
right: 21.42857143%;
}
.row14 .col-sm14-pull-2 {
right: 14.28571429%;
}
.row14 .col-sm14-pull-1 {
right: 7.14285714%;
}
.row14 .col-sm14-pull-0 {
right: auto;
}
.row14 .col-sm14-push-14 {
left: 100%;
}
.row14 .col-sm14-push-13 {
left: 92.85714286%;
}
.row14 .col-sm14-push-12 {
left: 85.71428571%;
}
.row14 .col-sm14-push-11 {
left: 78.57142856999999%;
}
.row14 .col-sm14-push-10 {
left: 71.42857143000001%;
}
.row14 .col-sm14-push-9 {
left: 64.28571429%;
}
.row14 .col-sm14-push-8 {
left: 57.14285714%;
}
.row14 .col-sm14-push-7 {
left: 50%;
}
.row14 .col-sm14-push-6 {
left: 42.85714286%;
}
.row14 .col-sm14-push-5 {
left: 35.71428571%;
}
.row14 .col-sm14-push-4 {
left: 28.57142857%;
}
.row14 .col-sm14-push-3 {
left: 21.42857143%;
}
.row14 .col-sm14-push-2 {
left: 14.28571429%;
}
.row14 .col-sm14-push-1 {
left: 7.14285714%;
}
.row14 .col-sm14-push-0 {
left: auto;
}
.row14 .col-sm14-offset-14 {
margin-left: 100%;
}
.row14 .col-sm14-offset-13 {
margin-left: 92.85714286%;
}
.row14 .col-sm14-offset-12 {
margin-left: 85.71428571%;
}
.row14 .col-sm14-offset-11 {
margin-left: 78.57142856999999%;
}
.row14 .col-sm14-offset-10 {
margin-left: 71.42857143000001%;
}
.row14 .col-sm14-offset-9 {
margin-left: 64.28571429%;
}
.row14 .col-sm14-offset-8 {
margin-left: 57.14285714%;
}
.row14 .col-sm14-offset-7 {
margin-left: 50%;
}
.row14 .col-sm14-offset-6 {
margin-left: 42.85714286%;
}
.row14 .col-sm14-offset-5 {
margin-left: 35.71428571%;
}
.row14 .col-sm14-offset-4 {
margin-left: 28.57142857%;
}
.row14 .col-sm14-offset-3 {
margin-left: 21.42857143%;
}
.row14 .col-sm14-offset-2 {
margin-left: 14.28571429%;
}
.row14 .col-sm14-offset-1 {
margin-left: 7.14285714%;
}
.row14 .col-sm14-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.row14 .col-md14-1, .col-md14-2, .col-md14-3, .col-md14-4, .col-md14-5, .col-md14-6, .col-md14-7, .col-md14-8, .col-md14-9, .col-md14-10, .col-md14-11, .col-md14-12, .col-md14-13, .col-md14-14 {
float: left;
}
.row14 .col-md14-14 {
width: 100%;
}
.row14 .col-md14-13 {
width: 92.85714286%;
}
.row14 .col-md14-12 {
width: 85.71428571%;
}
.row14 .col-md14-11 {
width: 78.57142856999999%;
}
.row14 .col-md14-10 {
width: 71.42857143000001%;
}
.row14 .col-md14-9 {
width: 64.28571429%;
}
.row14 .col-md14-8 {
width: 57.14285714%;
}
.row14 .col-md14-7 {
width: 50%;
}
.row14 .col-md14-6 {
width: 42.85714286%;
}
.row14 .col-md14-5 {
width: 35.71428571%;
}
.row14 .col-md14-4 {
width: 28.57142857%;
}
.row14 .col-md14-3 {
width: 21.42857143%;
}
.row14 .col-md14-2 {
width: 14.28571429%;
}
.row14 .col-md14-1 {
width: 7.14285714%;
}
.row14 .col-md14-pull-14 {
right: 100%;
}
.row14 .col-md14-pull-13 {
right: 92.85714286%;
}
.row14 .col-md14-pull-12 {
right: 85.71428571%;
}
.row14 .col-md14-pull-11 {
right: 78.57142856999999%;
}
.row14 .col-md14-pull-10 {
right: 71.42857143000001%;
}
.row14 .col-md14-pull-9 {
right: 64.28571429%;
}
.row14 .col-md14-pull-8 {
right: 57.14285714%;
}
.row14 .col-md14-pull-7 {
right: 50%;
}
.row14 .col-md14-pull-6 {
right: 42.85714286%;
}
.row14 .col-md14-pull-5 {
right: 35.71428571%;
}
.row14 .col-md14-pull-4 {
right: 28.57142857%;
}
.row14 .col-md14-pull-3 {
right: 21.42857143%;
}
.row14 .col-md14-pull-2 {
right: 14.28571429%;
}
.row14 .col-md14-pull-1 {
right: 7.14285714%;
}
.row14 .col-md14-pull-0 {
right: auto;
}
.row14 .col-md14-push-14 {
left: 100%;
}
.row14 .col-md14-push-13 {
left: 92.85714286%;
}
.row14 .col-md14-push-12 {
left: 85.71428571%;
}
.row14 .col-md14-push-11 {
left: 78.57142856999999%;
}
.row14 .col-md14-push-10 {
left: 71.42857143000001%;
}
.row14 .col-md14-push-9 {
left: 64.28571429%;
}
.row14 .col-md14-push-8 {
left: 57.14285714%;
}
.row14 .col-md14-push-7 {
left: 50%;
}
.row14 .col-md14-push-6 {
left: 42.85714286%;
}
.row14 .col-md14-push-5 {
left: 35.71428571%;
}
.row14 .col-md14-push-4 {
left: 28.57142857%;
}
.row14 .col-md14-push-3 {
left: 21.42857143%;
}
.row14 .col-md14-push-2 {
left: 14.28571429%;
}
.row14 .col-md14-push-1 {
left: 7.14285714%;
}
.row14 .col-md14-push-0 {
left: auto;
}
.row14 .col-md14-offset-14 {
margin-left: 100%;
}
.row14 .col-md14-offset-13 {
margin-left: 92.85714286%;
}
.row14 .col-md14-offset-12 {
margin-left: 85.71428571%;
}
.row14 .col-md14-offset-11 {
margin-left: 78.57142856999999%;
}
.row14 .col-md14-offset-10 {
margin-left: 71.42857143000001%;
}
.row14 .col-md14-offset-9 {
margin-left: 64.28571429%;
}
.row14 .col-md14-offset-8 {
margin-left: 57.14285714%;
}
.row14 .col-md14-offset-7 {
margin-left: 50%;
}
.row14 .col-md14-offset-6 {
margin-left: 42.85714286%;
}
.row14 .col-md14-offset-5 {
margin-left: 35.71428571%;
}
.row14 .col-md14-offset-4 {
margin-left: 28.57142857%;
}
.row14 .col-md14-offset-3 {
margin-left: 21.42857143%;
}
.row14 .col-md14-offset-2 {
margin-left: 14.28571429%;
}
.row14 .col-md14-offset-1 {
margin-left: 7.14285714%;
}
.row14 .col-md14-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.row14 .col-lg14-1, .col-lg14-2, .col-lg14-3, .col-lg14-4, .col-lg14-5, .col-lg14-6, .col-lg14-7, .col-lg14-8, .col-lg14-9, .col-lg14-10, .col-lg14-11, .col-lg14-12, .col-lg14-13, .col-lg14-14 {
float: left;
}
.row14 .col-lg14-14 {
width: 100%;
}
.row14 .col-lg14-13 {
width: 92.85714286%;
}
.row14 .col-lg14-12 {
width: 85.71428571%;
}
.row14 .col-lg14-11 {
width: 78.57142856999999%;
}
.row14 .col-lg14-10 {
width: 71.42857143000001%;
}
.row14 .col-lg14-9 {
width: 64.28571429%;
}
.row14 .col-lg14-8 {
width: 57.14285714%;
}
.row14 .col-lg14-7 {
width: 50%;
}
.row14 .col-lg14-6 {
width: 42.85714286%;
}
.row14 .col-lg14-5 {
width: 35.71428571%;
}
.row14 .col-lg14-4 {
width: 28.57142857%;
}
.row14 .col-lg14-3 {
width: 21.42857143%;
}
.row14 .col-lg14-2 {
width: 14.28571429%;
}
.row14 .col-lg14-1 {
width: 7.14285714%;
}
.row14 .col-lg14-pull-14 {
right: 100%;
}
.row14 .col-lg14-pull-13 {
right: 92.85714286%;
}
.row14 .col-lg14-pull-12 {
right: 85.71428571%;
}
.row14 .col-lg14-pull-11 {
right: 78.57142856999999%;
}
.row14 .col-lg14-pull-10 {
right: 71.42857143000001%;
}
.row14 .col-lg14-pull-9 {
right: 64.28571429%;
}
.row14 .col-lg14-pull-8 {
right: 57.14285714%;
}
.row14 .col-lg14-pull-7 {
right: 50%;
}
.row14 .col-lg14-pull-6 {
right: 42.85714286%;
}
.row14 .col-lg14-pull-5 {
right: 35.71428571%;
}
.row14 .col-lg14-pull-4 {
right: 28.57142857%;
}
.row14 .col-lg14-pull-3 {
right: 21.42857143%;
}
.row14 .col-lg14-pull-2 {
right: 14.28571429%;
}
.row14 .col-lg14-pull-1 {
right: 7.14285714%;
}
.row14 .col-lg14-pull-0 {
right: auto;
}
.row14 .col-lg14-push-14 {
left: 100%;
}
.row14 .col-lg14-push-13 {
left: 92.85714286%;
}
.row14 .col-lg14-push-12 {
left: 85.71428571%;
}
.row14 .col-lg14-push-11 {
left: 78.57142856999999%;
}
.row14 .col-lg14-push-10 {
left: 71.42857143000001%;
}
.row14 .col-lg14-push-9 {
left: 64.28571429%;
}
.row14 .col-lg14-push-8 {
left: 57.14285714%;
}
.row14 .col-lg14-push-7 {
left: 50%;
}
.row14 .col-lg14-push-6 {
left: 42.85714286%;
}
.row14 .col-lg14-push-5 {
left: 35.71428571%;
}
.row14 .col-lg14-push-4 {
left: 28.57142857%;
}
.row14 .col-lg14-push-3 {
left: 21.42857143%;
}
.row14 .col-lg14-push-2 {
left: 14.28571429%;
}
.row14 .col-lg14-push-1 {
left: 7.14285714%;
}
.row14 .col-lg14-push-0 {
left: auto;
}
.row14 .col-lg14-offset-14 {
margin-left: 100%;
}
.row14 .col-lg14-offset-13 {
margin-left: 92.85714286%;
}
.row14 .col-lg14-offset-12 {
margin-left: 85.71428571%;
}
.row14 .col-lg14-offset-11 {
margin-left: 78.57142856999999%;
}
.row14 .col-lg14-offset-10 {
margin-left: 71.42857143000001%;
}
.row14 .col-lg14-offset-9 {
margin-left: 64.28571429%;
}
.row14 .col-lg14-offset-8 {
margin-left: 57.14285714%;
}
.row14 .col-lg14-offset-7 {
margin-left: 50%;
}
.row14 .col-lg14-offset-6 {
margin-left: 42.85714286%;
}
.row14 .col-lg14-offset-5 {
margin-left: 35.71428571%;
}
.row14 .col-lg14-offset-4 {
margin-left: 28.57142857%;
}
.row14 .col-lg14-offset-3 {
margin-left: 21.42857143%;
}
.row14 .col-lg14-offset-2 {
margin-left: 14.28571429%;
}
.row14 .col-lg14-offset-1 {
margin-left: 7.14285714%;
}
.row14 .col-lg14-offset-0 {
margin-left: 0%;
}
}
.row14:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
.col-xs14-1, .col-sm14-1, .col-md14-1, .col-lg14-1, .col-xs14-2, .col-sm14-2, .col-md14-2, .col-lg14-2, .col-xs14-3, .col-sm14-3, .col-md14-3, .col-lg14-3, .col-xs14-4, .col-sm14-4, .col-md14-4, .col-lg14-4, .col-xs14-5, .col-sm14-5, .col-md14-5, .col-lg14-5, .col-xs14-6, .col-sm14-6, .col-md14-6, .col-lg14-6, .col-xs14-7, .col-sm14-7, .col-md14-7, .col-lg14-7, .col-xs14-8, .col-sm14-8, .col-md14-8, .col-lg14-8, .col-xs14-9, .col-sm14-9, .col-md14-9, .col-lg14-9, .col-xs14-10, .col-sm14-10, .col-md14-10, .col-lg14-10, .col-xs14-11, .col-sm14-11, .col-md14-11, .col-lg14-11, .col-xs14-12, .col-sm14-12, .col-md14-12, .col-lg14-12, .col-xs14-13, .col-sm14-13, .col-md14-13, .col-lg14-13, .col-xs14-14, .col-sm14-14, .col-md14-14, .col-lg14-14 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.row18 {
margin-right: -15px;
margin-left: -15px;
}
.row18 .col-xs18-1, .col-xs18-2, .col-xs18-3, .col-xs18-4, .col-xs18-5, .col-xs18-6, .col-xs18-7, .col-xs18-8, .col-xs18-9, .col-xs18-10, .col-xs18-11, .col-xs18-12, .col-xs18-13, .col-xs18-14, .col-xs18-15, .col-xs18-16, .col-xs18-17, .col-xs18-18 {
float: left;
}
.row18 .col-xs18-18 {
width: 100%;
}
.row18 .col-xs18-17 {
width: 94.44444444%;
}
.row18 .col-xs18-16 {
width: 88.88888889%;
}
.row18 .col-xs18-15 {
width: 83.33333333%;
}
.row18 .col-xs18-14 {
width: 77.77777777999999%;
}
.row18 .col-xs18-13 {
width: 72.22222222000001%;
}
.row18 .col-xs18-12 {
width: 66.66666667%;
}
.row18 .col-xs18-11 {
width: 61.11111111%;
}
.row18 .col-xs18-10 {
width: 55.55555556%;
}
.row18 .col-xs18-9 {
width: 50%;
}
.row18 .col-xs18-8 {
width: 44.44444444%;
}
.row18 .col-xs18-7 {
width: 38.88888889%;
}
.row18 .col-xs18-6 {
width: 33.33333333%;
}
.row18 .col-xs18-5 {
width: 27.77777778%;
}
.row18 .col-xs18-4 {
width: 22.22222222%;
}
.row18 .col-xs18-3 {
width: 16.66666667%;
}
.row18 .col-xs18-2 {
width: 11.11111111%;
}
.row18 .col-xs18-1 {
width: 5.55555556%;
}
.row18 .col-xs18-pull-18 {
right: 100%;
}
.row18 .col-xs18-pull-17 {
right: 94.44444444%;
}
.row18 .col-xs18-pull-16 {
right: 88.88888889%;
}
.row18 .col-xs18-pull-15 {
right: 83.33333333%;
}
.row18 .col-xs18-pull-14 {
right: 77.77777777999999%;
}
.row18 .col-xs18-pull-13 {
right: 72.22222222000001%;
}
.row18 .col-xs18-pull-12 {
right: 66.66666667%;
}
.row18 .col-xs18-pull-11 {
right: 61.11111111%;
}
.row18 .col-xs18-pull-10 {
right: 55.55555556%;
}
.row18 .col-xs18-pull-9 {
right: 50%;
}
.row18 .col-xs18-pull-8 {
right: 44.44444444%;
}
.row18 .col-xs18-pull-7 {
right: 38.88888889%;
}
.row18 .col-xs18-pull-6 {
right: 33.33333333%;
}
.row18 .col-xs18-pull-5 {
right: 27.77777778%;
}
.row18 .col-xs18-pull-4 {
right: 22.22222222%;
}
.row18 .col-xs18-pull-3 {
right: 16.66666667%;
}
.row18 .col-xs18-pull-2 {
right: 11.11111111%;
}
.row18 .col-xs18-pull-1 {
right: 5.55555556%;
}
.row18 .col-xs18-pull-0 {
right: auto;
}
.row18 .col-xs18-push-18 {
left: 100%;
}
.row18 .col-xs18-push-17 {
left: 94.44444444%;
}
.row18 .col-xs18-push-16 {
left: 88.88888889%;
}
.row18 .col-xs18-push-15 {
left: 83.33333333%;
}
.row18 .col-xs18-push-14 {
left: 77.77777777999999%;
}
.row18 .col-xs18-push-13 {
left: 72.22222222000001%;
}
.row18 .col-xs18-push-12 {
left: 66.66666667%;
}
.row18 .col-xs18-push-11 {
left: 61.11111111%;
}
.row18 .col-xs18-push-10 {
left: 55.55555556%;
}
.row18 .col-xs18-push-9 {
left: 50%;
}
.row18 .col-xs18-push-8 {
left: 44.44444444%;
}
.row18 .col-xs18-push-7 {
left: 38.88888889%;
}
.row18 .col-xs18-push-6 {
left: 33.33333333%;
}
.row18 .col-xs18-push-5 {
left: 27.77777778%;
}
.row18 .col-xs18-push-4 {
left: 22.22222222%;
}
.row18 .col-xs18-push-3 {
left: 16.66666667%;
}
.row18 .col-xs18-push-2 {
left: 11.11111111%;
}
.row18 .col-xs18-push-1 {
left: 5.55555556%;
}
.row18 .col-xs18-push-0 {
left: auto;
}
.row18 .col-xs18-offset-18 {
margin-left: 100%;
}
.row18 .col-xs18-offset-17 {
margin-left: 94.44444444%;
}
.row18 .col-xs18-offset-16 {
margin-left: 88.88888889%;
}
.row18 .col-xs18-offset-15 {
margin-left: 83.33333333%;
}
.row18 .col-xs18-offset-14 {
margin-left: 77.77777777999999%;
}
.row18 .col-xs18-offset-13 {
margin-left: 72.22222222000001%;
}
.row18 .col-xs18-offset-12 {
margin-left: 66.66666667%;
}
.row18 .col-xs18-offset-11 {
margin-left: 61.11111111%;
}
.row18 .col-xs18-offset-10 {
margin-left: 55.55555556%;
}
.row18 .col-xs18-offset-9 {
margin-left: 50%;
}
.row18 .col-xs18-offset-8 {
margin-left: 44.44444444%;
}
.row18 .col-xs18-offset-7 {
margin-left: 38.88888889%;
}
.row18 .col-xs18-offset-6 {
margin-left: 33.33333333%;
}
.row18 .col-xs18-offset-5 {
margin-left: 27.77777778%;
}
.row18 .col-xs18-offset-4 {
margin-left: 22.22222222%;
}
.row18 .col-xs18-offset-3 {
margin-left: 16.66666667%;
}
.row18 .col-xs18-offset-2 {
margin-left: 11.11111111%;
}
.row18 .col-xs18-offset-1 {
margin-left: 5.55555556%;
}
.row18 .col-xs18-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
.row18 .col-sm18-1, .col-sm18-2, .col-sm18-3, .col-sm18-4, .col-sm18-5, .col-sm18-6, .col-sm18-7, .col-sm18-8, .col-sm18-9, .col-sm18-10, .col-sm18-11, .col-sm18-12, .col-sm18-13, .col-sm18-14, .col-sm18-15, .col-sm18-16, .col-sm18-17, .col-sm18-18 {
float: left;
}
.row18 .col-sm18-18 {
width: 100%;
}
.row18 .col-sm18-17 {
width: 94.44444444%;
}
.row18 .col-sm18-16 {
width: 88.88888889%;
}
.row18 .col-sm18-15 {
width: 83.33333333%;
}
.row18 .col-sm18-14 {
width: 77.77777777999999%;
}
.row18 .col-sm18-13 {
width: 72.22222222000001%;
}
.row18 .col-sm18-12 {
width: 66.66666667%;
}
.row18 .col-sm18-11 {
width: 61.11111111%;
}
.row18 .col-sm18-10 {
width: 55.55555556%;
}
.row18 .col-sm18-9 {
width: 50%;
}
.row18 .col-sm18-8 {
width: 44.44444444%;
}
.row18 .col-sm18-7 {
width: 38.88888889%;
}
.row18 .col-sm18-6 {
width: 33.33333333%;
}
.row18 .col-sm18-5 {
width: 27.77777778%;
}
.row18 .col-sm18-4 {
width: 22.22222222%;
}
.row18 .col-sm18-3 {
width: 16.66666667%;
}
.row18 .col-sm18-2 {
width: 11.11111111%;
}
.row18 .col-sm18-1 {
width: 5.55555556%;
}
.row18 .col-sm18-pull-18 {
right: 100%;
}
.row18 .col-sm18-pull-17 {
right: 94.44444444%;
}
.row18 .col-sm18-pull-16 {
right: 88.88888889%;
}
.row18 .col-sm18-pull-15 {
right: 83.33333333%;
}
.row18 .col-sm18-pull-14 {
right: 77.77777777999999%;
}
.row18 .col-sm18-pull-13 {
right: 72.22222222000001%;
}
.row18 .col-sm18-pull-12 {
right: 66.66666667%;
}
.row18 .col-sm18-pull-11 {
right: 61.11111111%;
}
.row18 .col-sm18-pull-10 {
right: 55.55555556%;
}
.row18 .col-sm18-pull-9 {
right: 50%;
}
.row18 .col-sm18-pull-8 {
right: 44.44444444%;
}
.row18 .col-sm18-pull-7 {
right: 38.88888889%;
}
.row18 .col-sm18-pull-6 {
right: 33.33333333%;
}
.row18 .col-sm18-pull-5 {
right: 27.77777778%;
}
.row18 .col-sm18-pull-4 {
right: 22.22222222%;
}
.row18 .col-sm18-pull-3 {
right: 16.66666667%;
}
.row18 .col-sm18-pull-2 {
right: 11.11111111%;
}
.row18 .col-sm18-pull-1 {
right: 5.55555556%;
}
.row18 .col-sm18-pull-0 {
right: auto;
}
.row18 .col-sm18-push-18 {
left: 100%;
}
.row18 .col-sm18-push-17 {
left: 94.44444444%;
}
.row18 .col-sm18-push-16 {
left: 88.88888889%;
}
.row18 .col-sm18-push-15 {
left: 83.33333333%;
}
.row18 .col-sm18-push-14 {
left: 77.77777777999999%;
}
.row18 .col-sm18-push-13 {
left: 72.22222222000001%;
}
.row18 .col-sm18-push-12 {
left: 66.66666667%;
}
.row18 .col-sm18-push-11 {
left: 61.11111111%;
}
.row18 .col-sm18-push-10 {
left: 55.55555556%;
}
.row18 .col-sm18-push-9 {
left: 50%;
}
.row18 .col-sm18-push-8 {
left: 44.44444444%;
}
.row18 .col-sm18-push-7 {
left: 38.88888889%;
}
.row18 .col-sm18-push-6 {
left: 33.33333333%;
}
.row18 .col-sm18-push-5 {
left: 27.77777778%;
}
.row18 .col-sm18-push-4 {
left: 22.22222222%;
}
.row18 .col-sm18-push-3 {
left: 16.66666667%;
}
.row18 .col-sm18-push-2 {
left: 11.11111111%;
}
.row18 .col-sm18-push-1 {
left: 5.55555556%;
}
.row18 .col-sm18-push-0 {
left: auto;
}
.row18 .col-sm18-offset-18 {
margin-left: 100%;
}
.row18 .col-sm18-offset-17 {
margin-left: 94.44444444%;
}
.row18 .col-sm18-offset-16 {
margin-left: 88.88888889%;
}
.row18 .col-sm18-offset-15 {
margin-left: 83.33333333%;
}
.row18 .col-sm18-offset-14 {
margin-left: 77.77777777999999%;
}
.row18 .col-sm18-offset-13 {
margin-left: 72.22222222000001%;
}
.row18 .col-sm18-offset-12 {
margin-left: 66.66666667%;
}
.row18 .col-sm18-offset-11 {
margin-left: 61.11111111%;
}
.row18 .col-sm18-offset-10 {
margin-left: 55.55555556%;
}
.row18 .col-sm18-offset-9 {
margin-left: 50%;
}
.row18 .col-sm18-offset-8 {
margin-left: 44.44444444%;
}
.row18 .col-sm18-offset-7 {
margin-left: 38.88888889%;
}
.row18 .col-sm18-offset-6 {
margin-left: 33.33333333%;
}
.row18 .col-sm18-offset-5 {
margin-left: 27.77777778%;
}
.row18 .col-sm18-offset-4 {
margin-left: 22.22222222%;
}
.row18 .col-sm18-offset-3 {
margin-left: 16.66666667%;
}
.row18 .col-sm18-offset-2 {
margin-left: 11.11111111%;
}
.row18 .col-sm18-offset-1 {
margin-left: 5.55555556%;
}
.row18 .col-sm18-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.row18 .col-md18-1, .col-md18-2, .col-md18-3, .col-md18-4, .col-md18-5, .col-md18-6, .col-md18-7, .col-md18-8, .col-md18-9, .col-md18-10, .col-md18-11, .col-md18-12, .col-md18-13, .col-md18-14, .col-md18-15, .col-md18-16, .col-md18-17, .col-md18-18 {
float: left;
}
.row18 .col-md18-18 {
width: 100%;
}
.row18 .col-md18-17 {
width: 94.44444444%;
}
.row18 .col-md18-16 {
width: 88.88888889%;
}
.row18 .col-md18-15 {
width: 83.33333333%;
}
.row18 .col-md18-14 {
width: 77.77777777999999%;
}
.row18 .col-md18-13 {
width: 72.22222222000001%;
}
.row18 .col-md18-12 {
width: 66.66666667%;
}
.row18 .col-md18-11 {
width: 61.11111111%;
}
.row18 .col-md18-10 {
width: 55.55555556%;
}
.row18 .col-md18-9 {
width: 50%;
}
.row18 .col-md18-8 {
width: 44.44444444%;
}
.row18 .col-md18-7 {
width: 38.88888889%;
}
.row18 .col-md18-6 {
width: 33.33333333%;
}
.row18 .col-md18-5 {
width: 27.77777778%;
}
.row18 .col-md18-4 {
width: 22.22222222%;
}
.row18 .col-md18-3 {
width: 16.66666667%;
}
.row18 .col-md18-2 {
width: 11.11111111%;
}
.row18 .col-md18-1 {
width: 5.55555556%;
}
.row18 .col-md18-pull-18 {
right: 100%;
}
.row18 .col-md18-pull-17 {
right: 94.44444444%;
}
.row18 .col-md18-pull-16 {
right: 88.88888889%;
}
.row18 .col-md18-pull-15 {
right: 83.33333333%;
}
.row18 .col-md18-pull-14 {
right: 77.77777777999999%;
}
.row18 .col-md18-pull-13 {
right: 72.22222222000001%;
}
.row18 .col-md18-pull-12 {
right: 66.66666667%;
}
.row18 .col-md18-pull-11 {
right: 61.11111111%;
}
.row18 .col-md18-pull-10 {
right: 55.55555556%;
}
.row18 .col-md18-pull-9 {
right: 50%;
}
.row18 .col-md18-pull-8 {
right: 44.44444444%;
}
.row18 .col-md18-pull-7 {
right: 38.88888889%;
}
.row18 .col-md18-pull-6 {
right: 33.33333333%;
}
.row18 .col-md18-pull-5 {
right: 27.77777778%;
}
.row18 .col-md18-pull-4 {
right: 22.22222222%;
}
.row18 .col-md18-pull-3 {
right: 16.66666667%;
}
.row18 .col-md18-pull-2 {
right: 11.11111111%;
}
.row18 .col-md18-pull-1 {
right: 5.55555556%;
}
.row18 .col-md18-pull-0 {
right: auto;
}
.row18 .col-md18-push-18 {
left: 100%;
}
.row18 .col-md18-push-17 {
left: 94.44444444%;
}
.row18 .col-md18-push-16 {
left: 88.88888889%;
}
.row18 .col-md18-push-15 {
left: 83.33333333%;
}
.row18 .col-md18-push-14 {
left: 77.77777777999999%;
}
.row18 .col-md18-push-13 {
left: 72.22222222000001%;
}
.row18 .col-md18-push-12 {
left: 66.66666667%;
}
.row18 .col-md18-push-11 {
left: 61.11111111%;
}
.row18 .col-md18-push-10 {
left: 55.55555556%;
}
.row18 .col-md18-push-9 {
left: 50%;
}
.row18 .col-md18-push-8 {
left: 44.44444444%;
}
.row18 .col-md18-push-7 {
left: 38.88888889%;
}
.row18 .col-md18-push-6 {
left: 33.33333333%;
}
.row18 .col-md18-push-5 {
left: 27.77777778%;
}
.row18 .col-md18-push-4 {
left: 22.22222222%;
}
.row18 .col-md18-push-3 {
left: 16.66666667%;
}
.row18 .col-md18-push-2 {
left: 11.11111111%;
}
.row18 .col-md18-push-1 {
left: 5.55555556%;
}
.row18 .col-md18-push-0 {
left: auto;
}
.row18 .col-md18-offset-18 {
margin-left: 100%;
}
.row18 .col-md18-offset-17 {
margin-left: 94.44444444%;
}
.row18 .col-md18-offset-16 {
margin-left: 88.88888889%;
}
.row18 .col-md18-offset-15 {
margin-left: 83.33333333%;
}
.row18 .col-md18-offset-14 {
margin-left: 77.77777777999999%;
}
.row18 .col-md18-offset-13 {
margin-left: 72.22222222000001%;
}
.row18 .col-md18-offset-12 {
margin-left: 66.66666667%;
}
.row18 .col-md18-offset-11 {
margin-left: 61.11111111%;
}
.row18 .col-md18-offset-10 {
margin-left: 55.55555556%;
}
.row18 .col-md18-offset-9 {
margin-left: 50%;
}
.row18 .col-md18-offset-8 {
margin-left: 44.44444444%;
}
.row18 .col-md18-offset-7 {
margin-left: 38.88888889%;
}
.row18 .col-md18-offset-6 {
margin-left: 33.33333333%;
}
.row18 .col-md18-offset-5 {
margin-left: 27.77777778%;
}
.row18 .col-md18-offset-4 {
margin-left: 22.22222222%;
}
.row18 .col-md18-offset-3 {
margin-left: 16.66666667%;
}
.row18 .col-md18-offset-2 {
margin-left: 11.11111111%;
}
.row18 .col-md18-offset-1 {
margin-left: 5.55555556%;
}
.row18 .col-md18-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.row18 .col-lg18-1, .col-lg18-2, .col-lg18-3, .col-lg18-4, .col-lg18-5, .col-lg18-6, .col-lg18-7, .col-lg18-8, .col-lg18-9, .col-lg18-10, .col-lg18-11, .col-lg18-12, .col-lg18-13, .col-lg18-14, .col-lg18-15, .col-lg18-16, .col-lg18-17, .col-lg18-18 {
float: left;
}
.row18 .col-lg18-18 {
width: 100%;
}
.row18 .col-lg18-17 {
width: 94.44444444%;
}
.row18 .col-lg18-16 {
width: 88.88888889%;
}
.row18 .col-lg18-15 {
width: 83.33333333%;
}
.row18 .col-lg18-14 {
width: 77.77777777999999%;
}
.row18 .col-lg18-13 {
width: 72.22222222000001%;
}
.row18 .col-lg18-12 {
width: 66.66666667%;
}
.row18 .col-lg18-11 {
width: 61.11111111%;
}
.row18 .col-lg18-10 {
width: 55.55555556%;
}
.row18 .col-lg18-9 {
width: 50%;
}
.row18 .col-lg18-8 {
width: 44.44444444%;
}
.row18 .col-lg18-7 {
width: 38.88888889%;
}
.row18 .col-lg18-6 {
width: 33.33333333%;
}
.row18 .col-lg18-5 {
width: 27.77777778%;
}
.row18 .col-lg18-4 {
width: 22.22222222%;
}
.row18 .col-lg18-3 {
width: 16.66666667%;
}
.row18 .col-lg18-2 {
width: 11.11111111%;
}
.row18 .col-lg18-1 {
width: 5.55555556%;
}
.row18 .col-lg18-pull-18 {
right: 100%;
}
.row18 .col-lg18-pull-17 {
right: 94.44444444%;
}
.row18 .col-lg18-pull-16 {
right: 88.88888889%;
}
.row18 .col-lg18-pull-15 {
right: 83.33333333%;
}
.row18 .col-lg18-pull-14 {
right: 77.77777777999999%;
}
.row18 .col-lg18-pull-13 {
right: 72.22222222000001%;
}
.row18 .col-lg18-pull-12 {
right: 66.66666667%;
}
.row18 .col-lg18-pull-11 {
right: 61.11111111%;
}
.row18 .col-lg18-pull-10 {
right: 55.55555556%;
}
.row18 .col-lg18-pull-9 {
right: 50%;
}
.row18 .col-lg18-pull-8 {
right: 44.44444444%;
}
.row18 .col-lg18-pull-7 {
right: 38.88888889%;
}
.row18 .col-lg18-pull-6 {
right: 33.33333333%;
}
.row18 .col-lg18-pull-5 {
right: 27.77777778%;
}
.row18 .col-lg18-pull-4 {
right: 22.22222222%;
}
.row18 .col-lg18-pull-3 {
right: 16.66666667%;
}
.row18 .col-lg18-pull-2 {
right: 11.11111111%;
}
.row18 .col-lg18-pull-1 {
right: 5.55555556%;
}
.row18 .col-lg18-pull-0 {
right: auto;
}
.row18 .col-lg18-push-18 {
left: 100%;
}
.row18 .col-lg18-push-17 {
left: 94.44444444%;
}
.row18 .col-lg18-push-16 {
left: 88.88888889%;
}
.row18 .col-lg18-push-15 {
left: 83.33333333%;
}
.row18 .col-lg18-push-14 {
left: 77.77777777999999%;
}
.row18 .col-lg18-push-13 {
left: 72.22222222000001%;
}
.row18 .col-lg18-push-12 {
left: 66.66666667%;
}
.row18 .col-lg18-push-11 {
left: 61.11111111%;
}
.row18 .col-lg18-push-10 {
left: 55.55555556%;
}
.row18 .col-lg18-push-9 {
left: 50%;
}
.row18 .col-lg18-push-8 {
left: 44.44444444%;
}
.row18 .col-lg18-push-7 {
left: 38.88888889%;
}
.row18 .col-lg18-push-6 {
left: 33.33333333%;
}
.row18 .col-lg18-push-5 {
left: 27.77777778%;
}
.row18 .col-lg18-push-4 {
left: 22.22222222%;
}
.row18 .col-lg18-push-3 {
left: 16.66666667%;
}
.row18 .col-lg18-push-2 {
left: 11.11111111%;
}
.row18 .col-lg18-push-1 {
left: 5.55555556%;
}
.row18 .col-lg18-push-0 {
left: auto;
}
.row18 .col-lg18-offset-18 {
margin-left: 100%;
}
.row18 .col-lg18-offset-17 {
margin-left: 94.44444444%;
}
.row18 .col-lg18-offset-16 {
margin-left: 88.88888889%;
}
.row18 .col-lg18-offset-15 {
margin-left: 83.33333333%;
}
.row18 .col-lg18-offset-14 {
margin-left: 77.77777777999999%;
}
.row18 .col-lg18-offset-13 {
margin-left: 72.22222222000001%;
}
.row18 .col-lg18-offset-12 {
margin-left: 66.66666667%;
}
.row18 .col-lg18-offset-11 {
margin-left: 61.11111111%;
}
.row18 .col-lg18-offset-10 {
margin-left: 55.55555556%;
}
.row18 .col-lg18-offset-9 {
margin-left: 50%;
}
.row18 .col-lg18-offset-8 {
margin-left: 44.44444444%;
}
.row18 .col-lg18-offset-7 {
margin-left: 38.88888889%;
}
.row18 .col-lg18-offset-6 {
margin-left: 33.33333333%;
}
.row18 .col-lg18-offset-5 {
margin-left: 27.77777778%;
}
.row18 .col-lg18-offset-4 {
margin-left: 22.22222222%;
}
.row18 .col-lg18-offset-3 {
margin-left: 16.66666667%;
}
.row18 .col-lg18-offset-2 {
margin-left: 11.11111111%;
}
.row18 .col-lg18-offset-1 {
margin-left: 5.55555556%;
}
.row18 .col-lg18-offset-0 {
margin-left: 0%;
}
}
.row18:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
.col-xs18-1, .col-sm18-1, .col-md18-1, .col-lg18-1, .col-xs18-2, .col-sm18-2, .col-md18-2, .col-lg18-2, .col-xs18-3, .col-sm18-3, .col-md18-3, .col-lg18-3, .col-xs18-4, .col-sm18-4, .col-md18-4, .col-lg18-4, .col-xs18-5, .col-sm18-5, .col-md18-5, .col-lg18-5, .col-xs18-6, .col-sm18-6, .col-md18-6, .col-lg18-6, .col-xs18-7, .col-sm18-7, .col-md18-7, .col-lg18-7, .col-xs18-8, .col-sm18-8, .col-md18-8, .col-lg18-8, .col-xs18-9, .col-sm18-9, .col-md18-9, .col-lg18-9, .col-xs18-10, .col-sm18-10, .col-md18-10, .col-lg18-10, .col-xs18-11, .col-sm18-11, .col-md18-11, .col-lg18-11, .col-xs18-12, .col-sm18-12, .col-md18-12, .col-lg18-12, .col-xs18-13, .col-sm18-13, .col-md18-13, .col-lg18-13, .col-xs18-14, .col-sm18-14, .col-md18-14, .col-lg18-14, .col-xs18-15, .col-sm18-15, .col-md18-15, .col-lg18-15, .col-xs18-16, .col-sm18-16, .col-md18-16, .col-lg18-16, .col-xs18-17, .col-sm18-17, .col-md18-17, .col-lg18-17, .col-xs18-18, .col-sm18-18, .col-md18-18, .col-lg18-18 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@font-face {
font-family: UnitWeb-Bold;
src: url("/assets/sgd-assets/fonts/263928-ff-unit-web-bold/UnitWeb-Bold.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: UnitWeb-LightIta;
src: url("/assets/sgd-assets/fonts/263929-ff-unit-web-light-italic/UnitWeb-LightIta.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: UnitWeb-Light;
src: url("/assets/sgd-assets/fonts/263930-ff-unit-web-light/UnitWeb-Light.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: UnitWeb-Medium;
src: url("/assets/sgd-assets/fonts/263932-ff-unit-web-medium/UnitWeb-Medium.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: UnitWeb-Ita;
src: url("/assets/sgd-assets/fonts/263933-ff-unit-web-regular-italic/UnitWeb-Ita.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: UnitWeb;
src: url("/assets/sgd-assets/fonts/263934-ff-unit-web-regular/UnitWeb.woff") format("woff");
}
@font-face {
font-family: UnitWeb;
src: url("/assets/sgd-assets/fonts/263928-ff-unit-web-bold/UnitWeb-Bold.woff") format("woff");
font-weight: bold;
}
@font-face {
font-family: UnitWeb-Ultra;
src: url("/assets/sgd-assets/fonts/263938-ff-unit-web-ultra/UnitWeb-Ultra.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: FontAwesomeSolid;
font-style: normal;
font-weight: 900;
src: url("/assets/sgd-assets/fonts/fa-solid-900.eot");
src: url("/assets/sgd-assets/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/assets/sgd-assets/fonts/fa-solid-900.woff2") format("woff2"), url("/assets/sgd-assets/fonts/fa-solid-900.woff") format("woff"), url("/assets/sgd-assets/fonts/fa-solid-900.ttf") format("truetype");
}
@font-face {
font-family: FontAwesomeRegular;
font-style: normal;
font-weight: 400;
src: url("/assets/sgd-assets/fonts/fa-regular-400.eot");
src: url("/assets/sgd-assets/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/assets/sgd-assets/fonts/fa-regular-400.woff2") format("woff2"), url("/assets/sgd-assets/fonts/fa-regular-400.woff") format("woff"), url("/assets/sgd-assets/fonts/fa-regular-400.ttf") format("truetype");
}
@font-face {
font-family: FontAwesomeBrands;
font-style: normal;
font-weight: 400;
src: url("/assets/sgd-assets/fonts/fa-brands-400.eot");
src: url("/assets/sgd-assets/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/assets/sgd-assets/fonts/fa-brands-400.woff2") format("woff2"), url("/assets/sgd-assets/fonts/fa-brands-400.woff") format("woff"), url("/assets/sgd-assets/fonts/fa-brands-400.ttf") format("truetype");
}
.font-paragraph {
font-family: 'UnitWeb', Arial, sans-serif;
line-height: 18px;
}
.centerSimpleHeadLine {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 20px;
line-height: 24px;
color: #ffffff;
color: #000000;
width: 100%;
text-align: center;
margin-bottom: 60px;
}
.centerSimpleHeadLine:after,
.centerSimpleHeadLine:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.font-h1-price {
font-family: 'UnitWeb', Arial, sans-serif;
font-size: 42px;
line-height: 48px;
}
.font-h1-headline {
font-family: 'UnitWeb-Bold', sans-serif;
font-size: 40px;
line-height: 48px;
}
.font-h2-headline {
font-family: 'UnitWeb', Arial, sans-serif;
letter-spacing: -0.5px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 30px;
line-height: 36px;
color: #333333;
margin-bottom: 16px;
}
.font-h2-headline:after,
.font-h2-headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.font-h2-headline--bigger {
font-family: 'UnitWeb', Arial, sans-serif;
font-size: 40px;
line-height: 48px;
}
.font-h3-headline {
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
font-size: 26px;
line-height: 32px;
margin-bottom: 5px;
}
.font-h4-headline {
font-family: 'UnitWeb-Bold', sans-serif;
font-size: 19px;
line-height: 26px;
letter-spacing: -0.3px;
}
.font-h4-subheadline {
font-family: 'UnitWeb-Bold', sans-serif;
line-height: 20px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
}
.font-h4-subheadline:after,
.font-h4-subheadline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.font-h4-subheadline-white {
font-family: 'UnitWeb-Bold', sans-serif;
line-height: 20px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
color: #ffffff;
}
.font-h4-subheadline-white:after,
.font-h4-subheadline-white:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.font-h1-article {
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
font-size: 39px;
line-height: 43px;
text-transform: uppercase;
margin-top: 0;
}
.font-h1-article-border {
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
font-size: 39px;
line-height: 43px;
text-transform: uppercase;
margin-top: 0;
border-bottom: 4px solid #000000;
margin-bottom: 19px;
}
.font-h1-article-subHeadline {
margin-top: 34px;
font-family: 'UnitWeb', Arial, sans-serif;
font-size: 30px;
line-height: 32px;
margin-bottom: 20px;
}
.font-h4-article {
font-family: 'UnitWeb-Light', sans-serif;
line-height: 24px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #6b6b6b;
}
.font-h4-article:after,
.font-h4-article:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.font-h4-ultra {
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
letter-spacing: 0.7px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #333333;
text-transform: uppercase;
padding-left: 15px;
position: relative;
}
.font-h4-ultra:after,
.font-h4-ultra:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.font-h4-ultra:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -545px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
.font-h4-ultra:not(a,.close-layover-link) {
padding-left: 0;
}
.font-h4-ultra:not(a,.close-layover-link):after {
background: none;
width: 0;
display: none;
}
.font-h5-table {
font-family: 'UnitWeb-Light', sans-serif;
font-size: 14px;
line-height: 18px;
}
.font-h6-text {
font-family: 'UnitWeb-Light', sans-serif;
line-height: 16px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 12px;
line-height: 14px;
color: #6b6b6b;
}
.font-h6-text:after,
.font-h6-text:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.font-h6-bar {
font-family: 'UnitWeb', Arial, sans-serif;
font-size: 12px;
line-height: 18px;
}
.font-link {
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
}
.font-small-attention-hint {
font-style: italic;
font-size: 10px !important;
color: #b70d00 !important;
}
a.font-link {
text-decoration: none;
}
a span.arrows {
letter-spacing: -1.3px;
}
.font-tab-header {
font-family: 'UnitWeb-Medium', Arial, sans-serif;
font-size: 18px;
line-height: 24px;
}
.font-medium {
font-family: 'UnitWeb-Medium', Arial, sans-serif;
}
.font-button-16 {
font-family: 'UnitWeb-Bold', sans-serif;
font-size: 16px;
text-transform: uppercase;
}
.font-medium-header {
font-family: 'UnitWeb-Medium', Arial, sans-serif;
font-size: 26px;
line-height: 32px;
font-weight: 700;
text-transform: uppercase;
}
.block-headline-smaller-spacing {
letter-spacing: -0.7px;
}
.block-headline {
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
font-size: 26px;
line-height: 32px;
margin-bottom: 5px;
text-transform: uppercase;
color: #000000;
line-height: 26px;
letter-spacing: 0.7px;
}
.block-headline--underlined {
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
font-size: 26px;
line-height: 32px;
margin-bottom: 5px;
text-transform: uppercase;
color: #000000;
line-height: 26px;
letter-spacing: 0.7px;
width: 100%;
margin-bottom: 20px;
}
.block-headline-smaller-spacing--underlined {
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
font-size: 26px;
line-height: 32px;
margin-bottom: 5px;
text-transform: uppercase;
color: #000000;
line-height: 26px;
letter-spacing: 0.7px;
letter-spacing: -0.7px;
width: 100%;
border-bottom: 4px #000000 solid;
border-bottom: 2px #000000 solid;
margin-bottom: 20px;
}
body {
font-family: 'UnitWeb', Arial, sans-serif;
line-height: 18px;
}
h1 {
font-family: 'UnitWeb-Bold', sans-serif;
font-size: 40px;
line-height: 48px;
}
h1.headline {
margin-bottom: 30px;
}
h2 {
font-family: 'UnitWeb', Arial, sans-serif;
letter-spacing: -0.5px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 30px;
line-height: 36px;
color: #333333;
margin-bottom: 16px;
}
h2:after,
h2:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
h3 {
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
font-size: 26px;
line-height: 32px;
margin-bottom: 5px;
}
h4 {
font-family: 'UnitWeb-Bold', sans-serif;
line-height: 20px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
margin-top: 20px;
}
h4:after,
h4:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
h5 {
font-family: 'UnitWeb-Light', sans-serif;
font-size: 14px;
line-height: 18px;
margin-top: 20px;
}
h6 {
font-family: 'UnitWeb', Arial, sans-serif;
font-size: 12px;
line-height: 18px;
margin-top: 20px;
}
ul.arrows,
.arrows-V6 {
list-style-image: url('/assets/sgd-assets/img/list-arrow.png');
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
list-style-image: url('/assets/tw/img/list-arrow.png');
padding: 0 0 0 13px;
}
ul.arrows:after,
ul.arrows:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
ul.arrows li,
.arrows-V6 li {
margin-bottom: 8px;
margin-left: 19px;
}
ul.arrowsNoSpacerLeft {
list-style-image: url('/assets/sgd-assets/img/list-arrow.png');
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
list-style-image: url('/assets/tw/img/list-arrow.png');
padding: 0 0 0 13px;
}
ul.arrowsNoSpacerLeft:after,
ul.arrowsNoSpacerLeft:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
ul.arrowsNoSpacerLeft li {
margin-bottom: 4px;
}
img.full {
width: 100% !important;
height: auto !important;
}
.cmswysiwyg > div:first-child > h1:first-child,
.cmswysiwyg > div:first-child > h2:first-child,
.cmswysiwyg > div:first-child > h3:first-child,
.cmswysiwyg > div:first-child > h4:first-child,
.cmswysiwyg > div:first-child > h5:first-child,
.cmswysiwyg > div:first-child > h6:first-child,
.cmswysiwyg > div:first-child > p:first-child {
margin-top: 0;
}
.cmswysiwyg > h1:first-child,
.cmswysiwyg > h2:first-child,
.cmswysiwyg > h3:first-child,
.cmswysiwyg > h4:first-child,
.cmswysiwyg > h5:first-child,
.cmswysiwyg > h6:first-child,
.cmswysiwyg > p:first-child {
margin-top: 0;
}
.headFontLight {
font-family: 'UnitWeb-Light', sans-serif;
font-size: 39px;
line-height: 43px;
}
.F1_old {
font-size: 14px;
line-height: 17px;
color: #000000;
font-weight: normal;
}
.F1A {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
color: #869e00;
}
.F1A:after,
.F1A:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F5_old {
font-size: 24px;
line-height: 29px;
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding-bottom: 5px;
margin-bottom: 26px;
}
.F6H {
font-size: 16px;
line-height: 22px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
}
.F7 {
font-size: 14px;
line-height: 18px;
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
}
.F7::after {
content: " >>";
letter-spacing: -1.3px;
}
.F7A {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.F7A::after {
content: " >>";
letter-spacing: -1.3px;
}
.F7A:after,
.F7A:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F7A:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.F7A::after {
color: #869e00;
}
.F7_old,
.F7-hover,
.F7H {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
}
.F7_old::after,
.F7-hover::after,
.F7H::after {
content: " >>";
letter-spacing: -1.3px;
}
.F7_old:after,
.F7-hover:after,
.F7H:after,
.F7_old:before,
.F7-hover:before,
.F7H:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F7_old:after,
.F7-hover:after,
.F7H:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.F7_old:hover,
.F7-hover:hover,
.F7H:hover,
.F7_old:active:hover,
.F7-hover:active:hover,
.F7H:active:hover,
.F7_old:active,
.F7-hover:active,
.F7H:active,
.F7_old:focus,
.F7-hover:focus,
.F7H:focus,
.F7_old:focus:hover,
.F7-hover:focus:hover,
.F7H:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.F7_old:hover::after,
.F7-hover:hover::after,
.F7H:hover::after,
.F7_old:active:hover::after,
.F7-hover:active:hover::after,
.F7H:active:hover::after,
.F7_old:active::after,
.F7-hover:active::after,
.F7H:active::after,
.F7_old:focus::after,
.F7-hover:focus::after,
.F7H:focus::after,
.F7_old:focus:hover::after,
.F7-hover:focus:hover::after,
.F7H:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.F7_old:hover:after,
.F7-hover:hover:after,
.F7H:hover:after,
.F7_old:active:hover:after,
.F7-hover:active:hover:after,
.F7H:active:hover:after,
.F7_old:active:after,
.F7-hover:active:after,
.F7H:active:after,
.F7_old:focus:after,
.F7-hover:focus:after,
.F7H:focus:after,
.F7_old:focus:hover:after,
.F7-hover:focus:hover:after,
.F7H:focus:hover:after,
.F7_old:hover:before,
.F7-hover:hover:before,
.F7H:hover:before,
.F7_old:active:hover:before,
.F7-hover:active:hover:before,
.F7H:active:hover:before,
.F7_old:active:before,
.F7-hover:active:before,
.F7H:active:before,
.F7_old:focus:before,
.F7-hover:focus:before,
.F7H:focus:before,
.F7_old:focus:hover:before,
.F7-hover:focus:hover:before,
.F7H:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F7_old:hover:after,
.F7-hover:hover:after,
.F7H:hover:after,
.F7_old:active:hover:after,
.F7-hover:active:hover:after,
.F7H:active:hover:after,
.F7_old:active:after,
.F7-hover:active:after,
.F7H:active:after,
.F7_old:focus:after,
.F7-hover:focus:after,
.F7H:focus:after,
.F7_old:focus:hover:after,
.F7-hover:focus:hover:after,
.F7H:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.F7_old:hover::after,
.F7-hover:hover::after,
.F7H:hover::after,
.F7_old:active:hover::after,
.F7-hover:active:hover::after,
.F7H:active:hover::after,
.F7_old:active::after,
.F7-hover:active::after,
.F7H:active::after,
.F7_old:focus::after,
.F7-hover:focus::after,
.F7H:focus::after,
.F7_old:focus:hover::after,
.F7-hover:focus:hover::after,
.F7H:focus:hover::after {
color: #869e00;
}
.F7_old:hover::after,
.F7-hover:hover::after,
.F7H:hover::after,
.F7_old:active:hover::after,
.F7-hover:active:hover::after,
.F7H:active:hover::after,
.F7_old:active::after,
.F7-hover:active::after,
.F7H:active::after,
.F7_old:focus::after,
.F7-hover:focus::after,
.F7H:focus::after,
.F7_old:focus:hover::after,
.F7-hover:focus:hover::after,
.F7H:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.F7_old:hover:after,
.F7-hover:hover:after,
.F7H:hover:after,
.F7_old:active:hover:after,
.F7-hover:active:hover:after,
.F7H:active:hover:after,
.F7_old:active:after,
.F7-hover:active:after,
.F7H:active:after,
.F7_old:focus:after,
.F7-hover:focus:after,
.F7H:focus:after,
.F7_old:focus:hover:after,
.F7-hover:focus:hover:after,
.F7H:focus:hover:after,
.F7_old:hover:before,
.F7-hover:hover:before,
.F7H:hover:before,
.F7_old:active:hover:before,
.F7-hover:active:hover:before,
.F7H:active:hover:before,
.F7_old:active:before,
.F7-hover:active:before,
.F7H:active:before,
.F7_old:focus:before,
.F7-hover:focus:before,
.F7H:focus:before,
.F7_old:focus:hover:before,
.F7-hover:focus:hover:before,
.F7H:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F7_old:hover:after,
.F7-hover:hover:after,
.F7H:hover:after,
.F7_old:active:hover:after,
.F7-hover:active:hover:after,
.F7H:active:hover:after,
.F7_old:active:after,
.F7-hover:active:after,
.F7H:active:after,
.F7_old:focus:after,
.F7-hover:focus:after,
.F7H:focus:after,
.F7_old:focus:hover:after,
.F7-hover:focus:hover:after,
.F7H:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.F7_old:hover:after,
.F7-hover:hover:after,
.F7H:hover:after,
.F7_old:active:hover:after,
.F7-hover:active:hover:after,
.F7H:active:hover:after,
.F7_old:active:after,
.F7-hover:active:after,
.F7H:active:after,
.F7_old:focus:after,
.F7-hover:focus:after,
.F7H:focus:after,
.F7_old:focus:hover:after,
.F7-hover:focus:hover:after,
.F7H:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.F7_old_Arrow_left,
.F7_old_Arrow_left-hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
}
.F7_old_Arrow_left::after,
.F7_old_Arrow_left-hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.F7_old_Arrow_left:after,
.F7_old_Arrow_left-hover:after,
.F7_old_Arrow_left:before,
.F7_old_Arrow_left-hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F7_old_Arrow_left:after,
.F7_old_Arrow_left-hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.F7_old_Arrow_left:hover,
.F7_old_Arrow_left-hover:hover,
.F7_old_Arrow_left:active:hover,
.F7_old_Arrow_left-hover:active:hover,
.F7_old_Arrow_left:active,
.F7_old_Arrow_left-hover:active,
.F7_old_Arrow_left:focus,
.F7_old_Arrow_left-hover:focus,
.F7_old_Arrow_left:focus:hover,
.F7_old_Arrow_left-hover:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.F7_old_Arrow_left:hover::after,
.F7_old_Arrow_left-hover:hover::after,
.F7_old_Arrow_left:active:hover::after,
.F7_old_Arrow_left-hover:active:hover::after,
.F7_old_Arrow_left:active::after,
.F7_old_Arrow_left-hover:active::after,
.F7_old_Arrow_left:focus::after,
.F7_old_Arrow_left-hover:focus::after,
.F7_old_Arrow_left:focus:hover::after,
.F7_old_Arrow_left-hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.F7_old_Arrow_left:hover:after,
.F7_old_Arrow_left-hover:hover:after,
.F7_old_Arrow_left:active:hover:after,
.F7_old_Arrow_left-hover:active:hover:after,
.F7_old_Arrow_left:active:after,
.F7_old_Arrow_left-hover:active:after,
.F7_old_Arrow_left:focus:after,
.F7_old_Arrow_left-hover:focus:after,
.F7_old_Arrow_left:focus:hover:after,
.F7_old_Arrow_left-hover:focus:hover:after,
.F7_old_Arrow_left:hover:before,
.F7_old_Arrow_left-hover:hover:before,
.F7_old_Arrow_left:active:hover:before,
.F7_old_Arrow_left-hover:active:hover:before,
.F7_old_Arrow_left:active:before,
.F7_old_Arrow_left-hover:active:before,
.F7_old_Arrow_left:focus:before,
.F7_old_Arrow_left-hover:focus:before,
.F7_old_Arrow_left:focus:hover:before,
.F7_old_Arrow_left-hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F7_old_Arrow_left:hover:after,
.F7_old_Arrow_left-hover:hover:after,
.F7_old_Arrow_left:active:hover:after,
.F7_old_Arrow_left-hover:active:hover:after,
.F7_old_Arrow_left:active:after,
.F7_old_Arrow_left-hover:active:after,
.F7_old_Arrow_left:focus:after,
.F7_old_Arrow_left-hover:focus:after,
.F7_old_Arrow_left:focus:hover:after,
.F7_old_Arrow_left-hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.F7_old_Arrow_left:hover::after,
.F7_old_Arrow_left-hover:hover::after,
.F7_old_Arrow_left:active:hover::after,
.F7_old_Arrow_left-hover:active:hover::after,
.F7_old_Arrow_left:active::after,
.F7_old_Arrow_left-hover:active::after,
.F7_old_Arrow_left:focus::after,
.F7_old_Arrow_left-hover:focus::after,
.F7_old_Arrow_left:focus:hover::after,
.F7_old_Arrow_left-hover:focus:hover::after {
color: #869e00;
}
.F7_old_Arrow_left:hover::after,
.F7_old_Arrow_left-hover:hover::after,
.F7_old_Arrow_left:active:hover::after,
.F7_old_Arrow_left-hover:active:hover::after,
.F7_old_Arrow_left:active::after,
.F7_old_Arrow_left-hover:active::after,
.F7_old_Arrow_left:focus::after,
.F7_old_Arrow_left-hover:focus::after,
.F7_old_Arrow_left:focus:hover::after,
.F7_old_Arrow_left-hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.F7_old_Arrow_left:hover:after,
.F7_old_Arrow_left-hover:hover:after,
.F7_old_Arrow_left:active:hover:after,
.F7_old_Arrow_left-hover:active:hover:after,
.F7_old_Arrow_left:active:after,
.F7_old_Arrow_left-hover:active:after,
.F7_old_Arrow_left:focus:after,
.F7_old_Arrow_left-hover:focus:after,
.F7_old_Arrow_left:focus:hover:after,
.F7_old_Arrow_left-hover:focus:hover:after,
.F7_old_Arrow_left:hover:before,
.F7_old_Arrow_left-hover:hover:before,
.F7_old_Arrow_left:active:hover:before,
.F7_old_Arrow_left-hover:active:hover:before,
.F7_old_Arrow_left:active:before,
.F7_old_Arrow_left-hover:active:before,
.F7_old_Arrow_left:focus:before,
.F7_old_Arrow_left-hover:focus:before,
.F7_old_Arrow_left:focus:hover:before,
.F7_old_Arrow_left-hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F7_old_Arrow_left:hover:after,
.F7_old_Arrow_left-hover:hover:after,
.F7_old_Arrow_left:active:hover:after,
.F7_old_Arrow_left-hover:active:hover:after,
.F7_old_Arrow_left:active:after,
.F7_old_Arrow_left-hover:active:after,
.F7_old_Arrow_left:focus:after,
.F7_old_Arrow_left-hover:focus:after,
.F7_old_Arrow_left:focus:hover:after,
.F7_old_Arrow_left-hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.F7_old_Arrow_left:hover:after,
.F7_old_Arrow_left-hover:hover:after,
.F7_old_Arrow_left:active:hover:after,
.F7_old_Arrow_left-hover:active:hover:after,
.F7_old_Arrow_left:active:after,
.F7_old_Arrow_left-hover:active:after,
.F7_old_Arrow_left:focus:after,
.F7_old_Arrow_left-hover:focus:after,
.F7_old_Arrow_left:focus:hover:after,
.F7_old_Arrow_left-hover:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.F7_old_Arrow_left::after,
.F7_old_Arrow_left-hover::after {
content: "";
}
.F7_old_Arrow_left::before,
.F7_old_Arrow_left-hover::before {
content: "<< ";
letter-spacing: -1.3px;
}
.F7_old_Arrow_left-hover {
color: #869e00;
}
.F8 {
font-size: 24px;
line-height: 29px;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
color: #000000;
margin-top: 0;
text-transform: uppercase;
}
.F10_old {
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
color: #000000;
}
.F11_old {
color: #ffffff;
display: block;
font-size: 14px;
line-height: 18px;
}
.F12_old {
font-family: 'UnitWeb-Bold', sans-serif;
font-size: 18px;
line-height: 20px;
}
.F13_old {
font-size: 20px;
line-height: 42px;
font-weight: 500;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
color: #ffffff;
}
.F16H {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 20px;
color: #ffffff;
}
.F16H:after,
.F16H:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F18H {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #333333;
}
.F18H:after,
.F18H:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F19_old {
font-size: 30px;
line-height: 36px;
font-family: 'UnitWeb', Arial, sans-serif;
color: #000000;
}
.F33_old {
font-size: 18px;
line-height: 22px;
color: #000000;
font-family: 'UnitWeb-Bold', sans-serif;
}
.F35H {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #333333;
text-transform: uppercase;
padding-left: 15px;
position: relative;
}
.F35H:after,
.F35H:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F35H:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -545px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
.F35H:not(a,.close-layover-link) {
padding-left: 0;
}
.F35H:not(a,.close-layover-link):after {
background: none;
width: 0;
display: none;
}
.F37H {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #6b6b6b;
}
.F37H:after,
.F37H:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F40_old {
font-size: 40px;
line-height: 48px;
color: #000000;
font-family: 'UnitWeb-Bold', sans-serif;
}
.F43H {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 20px;
line-height: 28px;
color: #333333;
text-transform: uppercase;
}
.F43H:after,
.F43H:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F45_old {
font-size: 14px;
line-height: 18px;
font-family: 'UnitWeb-Light', sans-serif;
color: #7e7e7e;
}
.F45H {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
}
.F45H:after,
.F45H:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F49H2 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
text-transform: uppercase;
}
.F49H2:after,
.F49H2:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F50H {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #333333;
border-bottom: 1px;
margin-top: 5px;
margin-bottom: 5px;
position: relative;
padding-left: 15px;
}
.F50H:after,
.F50H:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F50H:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 3px;
top: 3px;
}
.F52_old {
font-size: 40px;
line-height: 48px;
color: #000000;
font-family: 'UnitWeb-Light', sans-serif;
}
.F58H {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #333333;
}
.F58H:after,
.F58H:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F60_old {
font-size: 18px;
line-height: 25px;
font-family: 'UnitWeb', Arial, sans-serif;
color: #000000;
}
.F100_old {
font-family: 'UnitWeb-Medium', Arial, sans-serif;
font-size: 18px;
line-height: 24px;
font-family: 'UnitWeb', Arial, sans-serif;
color: #ffffff;
}
.F101_old {
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
font-size: 26px;
line-height: 32px;
margin-bottom: 5px;
text-transform: uppercase;
margin-bottom: 10px;
color: #ffffff;
}
.F102_old {
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
font-size: 16px;
color: #ffffff;
}
.F103_old {
color: #ffffff;
display: inline-block;
font-family: 'UnitWeb-Medium', Arial, sans-serif;
font-size: 14px;
line-height: 27px;
padding: 0 15px 0 10px;
background-color: #000000;
white-space: nowrap;
}
a.F12:hover {
text-decoration: underline;
}
.B7::after {
content: ' >>';
letter-spacing: -1.3px;
}
/** margins **/
.spot-margin-bottom-tall {
margin-bottom: 50px;
}
.spot-margin-top {
margin-top: 0;
}
@media (min-width: 992px) {
.spot-margin-top {
margin-top: 143px;
}
}
.spot-margin-bottom,
.orderStep-margin-bottom {
margin-bottom: 50px;
}
@media (min-width: 1200px) {
.spot-margin-bottom,
.orderStep-margin-bottom {
margin-bottom: 50px;
}
}
.spot-margin-bottom-medium {
margin-bottom: 24px;
}
.spot-margin-bottom-medium-small {
margin-bottom: 24px;
}
@media (max-width: 767px) {
.spot-margin-bottom-medium-mobile {
margin-bottom: 30px;
}
}
.spot-margin-bottom-tiny-small {
margin-bottom: 15px;
}
.spot-margin-bottom-small {
margin-bottom: 20px;
}
.spot-margin-bottom-tiny {
margin-bottom: 16px;
}
.row-margin-bottom-medium {
margin-bottom: 30px;
}
@media (max-width: 767px) {
.margin-col-mobile {
margin-bottom: 30px;
}
}
.no-top-margin {
margin-top: 0;
}
@media (max-width: 767px) {
.tiny-margin-mobile {
margin-bottom: 10px;
}
}
@media (min-width: 768px) {
.no-left-padding {
padding-left: 0 !important;
}
}
@media (min-width: 768px) {
.no-right-padding {
padding-right: 0 !important;
}
}
body:before {
content: 'mobile';
display: none;
}
@media (min-width: 768px) {
body:before {
content: 'desktop';
}
}
/** teomplate gallery **/
#template-gallery-navigation {
list-style-type: none;
position: absolute;
right: 0;
top: 10px;
}
#template-gallery-navigation:hover,
#template-gallery-navigation:active,
#template-gallery-navigation:focus,
#template-gallery-navigation:active:hover {
z-index: 1000000000000;
}
#template-gallery-navigation:hover a,
#template-gallery-navigation:active a,
#template-gallery-navigation:focus a,
#template-gallery-navigation:active:hover a {
color: #000;
background-color: #fff;
}
@media (max-width: 767px) {
#template-gallery-navigation {
display: none;
}
}
.snippetTemplateGalleryStandard {
border: 1px solid red;
background-color: #fafafa;
}
.snippetTemplateGalleryStandard .clear:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
.cleardiv {
height: 0;
line-height: 0;
}
#trustedShopsCustomBanner {
width: 150px;
height: 64px;
left: 25px;
bottom: 25px;
position: fixed;
transition: bottom .1s;
transition-timing-function: linear;
z-index: 1000;
}
.cmsmessage {
-webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.75);
box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.75);
background-color: #ffffff;
color: #000000;
font-family: 'UnitWeb-Light', sans-serif;
line-height: 24px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #6b6b6b;
padding: 8px 15px 7px 15px;
margin-bottom: 5px;
}
.cmsmessage:after,
.cmsmessage:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.cmsmessage a {
color: #000000;
text-decoration: underline;
}
.cmsmessage .messagenotice {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -189px -152px;
width: 22px;
background-position: -522px -189px;
width: 26px;
height: 24px;
margin-right: 10px;
}
.topPageMessage .messageWithClass {
top: -4px;
position: relative;
}
.removeMessagesStyling {
border: medium none;
background-color: transparent;
padding: 0;
color: inherit;
}
.alert .cmsmessage {
border: medium none;
background-color: transparent;
padding: 0;
color: inherit;
}
.writeReviewMessage {
width: 100%;
text-align: center;
}
.writeReviewMessage .cmsmessage {
border: medium none;
color: inherit;
font-family: 'UnitWeb-Bold', sans-serif;
line-height: 20px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
}
.writeReviewMessage .cmsmessage:after,
.writeReviewMessage .cmsmessage:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.writeReviewMessage .icon {
font-size: 46px;
margin-bottom: 15px;
}
body.layout-basket,
body.layout-detail,
body.layout-home,
body.layout-nine-by-five-column-based,
body.layout-six-by-six,
body.layout-wide {
display: flex;
flex-direction: column;
height: 100svh;
min-height: 100dvh;
}
#header {
background-color: #000000;
position: fixed;
z-index: 5;
top: 0;
left: 0;
width: 100%;
height: 110px;
padding-top: 13px;
}
@media (min-width: 768px) {
#header {
height: 169px;
}
}
@media (min-width: 992px) {
#header {
height: 164px;
}
}
#header > .container {
display: grid;
grid-column-gap: 15px;
grid-row-gap: 15px;
grid-template-columns: auto auto 1fr auto auto;
grid-template-rows: auto auto;
grid-template-areas: "mainNavigationWrapper headerLogoWrapper . extranetNavigation miniBasket" "quickSearch quickSearch quickSearch quickSearch quickSearch";
}
@media (min-width: 768px) {
#header > .container {
grid-template-columns: auto 1fr auto auto;
grid-template-areas: "headerLogoWrapper quickSearch extranetNavigation miniBasket" "mainNavigationWrapper mainNavigationWrapper mainNavigationWrapper mainNavigationWrapper";
}
}
#header .snippetHeaderLogo {
grid-area: headerLogoWrapper;
display: flex;
}
@media (min-width: 768px) {
#header .snippetHeaderLogo {
width: 185px;
}
}
@media (min-width: 992px) {
#header .snippetHeaderLogo {
width: 302px;
}
}
#header .snippetHeaderLogo > a {
display: inline-block;
}
#header .snippetHeaderLogo .logo-image {
display: none;
}
@media (min-width: 768px) {
#header .snippetHeaderLogo .logo-image {
display: block;
width: 220px;
margin-bottom: -10px;
}
}
@media (min-width: 992px) {
#header .snippetHeaderLogo .logo-image {
width: 100%;
margin-bottom: -40px;
}
}
#header .snippetHeaderLogo .logo-image--alternative {
display: block;
margin-top: 3px;
max-height: 32px;
}
@media (min-width: 768px) {
#header .snippetHeaderLogo .logo-image--alternative {
display: none;
}
}
#header #extranet-navigation {
grid-area: extranetNavigation;
}
@media (min-width: 768px) {
#header #extranet-navigation {
margin-top: 8px;
margin-left: 15px;
}
}
#header #mini-basket {
grid-area: miniBasket;
}
@media (min-width: 768px) {
#header #mini-basket {
margin-top: 10px;
}
}
#header .snippetQuicksearch {
grid-area: quickSearch;
}
@media (min-width: 768px) {
#header .snippetQuicksearch {
margin-top: 10px;
}
}
#header .main-navigation-wrapper {
grid-area: mainNavigationWrapper;
position: relative;
}
#header .main-navigation-wrapper .burger-trigger {
cursor: pointer;
display: flex;
flex-direction: column;
width: 32px;
height: 17px;
border: none;
justify-content: space-between;
background-color: transparent;
padding: 0;
margin-top: 8px;
}
#header .main-navigation-wrapper .burger-trigger > span {
margin: 0;
padding: 0;
width: 100%;
display: block;
height: 3px;
background-color: #ffffff;
}
@media (min-width: 768px) {
#header .main-navigation-wrapper .burger-trigger {
display: none;
}
}
#header .main-navigation-wrapper .snippetMainNavigation {
display: none;
}
@media (min-width: 768px) {
#header .main-navigation-wrapper .snippetMainNavigation {
display: block;
}
}
@media (min-width: 768px) {
body.is-scrolled #header {
height: 80px;
}
}
body.is-scrolled #header .snippetHeaderLogo .logo-image--alternative {
display: block;
}
@media (min-width: 768px) {
body.is-scrolled #header .snippetHeaderLogo .logo-image--alternative {
max-height: 48px;
}
}
body.is-scrolled #header .snippetHeaderLogo .logo-image {
display: none;
}
@media (min-width: 768px) {
body.is-scrolled #header .main-navigation-wrapper .snippetMainNavigation {
display: none;
}
}
body.layout-basket #header {
height: 55px;
}
@media (min-width: 768px) {
body.layout-basket #header {
height: 80px;
}
}
body.layout-basket #header > .container {
display: grid;
grid-column-gap: 15px;
grid-row-gap: 15px;
grid-template-columns: auto 1fr auto;
grid-template-rows: auto;
grid-template-areas: "headerBasketLogoWrapper . orderStepNavigation";
}
body.layout-basket #header > .container > a {
grid-area: headerBasketLogoWrapper;
}
body.layout-basket #header > .container > a #logo-order {
max-height: 32px;
}
@media (min-width: 768px) {
body.layout-basket #header > .container > a #logo-order {
max-height: 50px;
}
}
body.layout-basket #header .snippetOrderStepNavigation {
grid-area: orderStepNavigation;
}
body.navigation-triggered #header .snippetMainNavigation {
display: block;
}
#main {
flex: 1 0 auto;
margin-top: 110px;
padding-top: 20px;
scroll-margin-top: 250px;
}
@media (min-width: 768px) {
#main {
margin-top: 169px;
}
}
@media (min-width: 992px) {
#main {
margin-top: 164px;
}
}
body.layout-basket #main {
margin-top: 55px;
}
@media (min-width: 768px) {
body.layout-basket #main {
margin-top: 80px;
}
}
#footer {
background-color: #000000;
padding: 40px 0 0 0;
color: #ffffff;
}
@media (min-width: 768px) {
#footer {
padding: 40px 0 20px 0;
}
}
#footer .row > div {
margin-bottom: 30px;
}
#footer .row > div .row > div {
margin-bottom: 0;
}
@media (min-width: 768px) {
#footer .row > div {
margin-bottom: 0;
}
}
/*
original images can be found here: customer/src/Esono/CustomerBundle/themes/sgd/sprite-images
generator: http://spritegen.website-performance.org/
- you need to change .sprite to inline-block
- and allow sprite- to not need to be a subclasse of .sprite
compressed using: https://kraken.io/
*/
.sprite {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-repeat: no-repeat;
display: inline-block;
}
.sprite-Kochwerkstatt_20x20 {
background-position: -5px -5px;
width: 20px;
height: 20px;
}
.sprite-add {
background-position: -35px -5px;
width: 12px;
height: 12px;
}
.sprite-add_hover {
background-position: -57px -5px;
width: 12px;
height: 12px;
}
.sprite-badge {
background-position: -79px -5px;
width: 98px;
height: 98px;
}
.sprite-basket1 {
background-position: -187px -5px;
width: 22px;
height: 16px;
}
.sprite-basket2 {
background-position: -219px -5px;
width: 25px;
height: 18px;
}
.sprite-basket3 {
background-position: -254px -5px;
width: 30px;
height: 23px;
}
.sprite-basket4 {
background-position: -294px -5px;
width: 32px;
height: 24px;
}
.sprite-basket5 {
background-position: -336px -5px;
width: 39px;
height: 30px;
}
.sprite-basket_black_1 {
background-position: -5px -45px;
width: 22px;
height: 16px;
}
.sprite-basket_black_2 {
background-position: -37px -45px;
width: 25px;
height: 18px;
}
.sprite-basket_black_3 {
background-position: -187px -45px;
width: 30px;
height: 23px;
}
.sprite-basket_black_4 {
background-position: -227px -45px;
width: 32px;
height: 24px;
}
.sprite-basket_black_5 {
background-position: -269px -45px;
width: 39px;
height: 30px;
}
.sprite-basket_red_1 {
background-position: -318px -45px;
width: 22px;
height: 16px;
}
.sprite-basket_red_2 {
background-position: -350px -45px;
width: 25px;
height: 18px;
}
.sprite-basket_red_3 {
background-position: -5px -73px;
width: 30px;
height: 23px;
}
.sprite-basket_red_4 {
background-position: -318px -73px;
width: 32px;
height: 24px;
}
.sprite-basket_red_5 {
background-position: -360px -73px;
width: 39px;
height: 30px;
}
.sprite-close {
background-position: -385px -5px;
width: 16px;
height: 16px;
}
.sprite-close_hover {
background-position: -385px -31px;
width: 16px;
height: 16px;
}
.sprite-delivery_large {
background-position: -5px -113px;
width: 88px;
height: 52px;
}
.sprite-delivery_small {
background-position: -187px -107px;
width: 52px;
height: 30px;
}
.sprite-deutschland_large {
background-position: -103px -113px;
width: 30px;
height: 20px;
}
.sprite-deutschland_small {
background-position: -45px -73px;
width: 22px;
height: 15px;
}
.sprite-fachberater {
background-position: -249px -113px;
width: 42px;
height: 207px;
}
.sprite-frankreich_large {
background-position: -143px -113px;
width: 30px;
height: 20px;
}
.sprite-frankreich_small {
background-position: -301px -113px;
width: 22px;
height: 15px;
}
.sprite-gutschein {
background-position: -333px -113px;
width: 45px;
height: 29px;
}
.sprite-home_icon {
background-position: -103px -152px;
width: 27px;
height: 22px;
}
.sprite-hook_large {
background-position: -140px -152px;
width: 39px;
height: 44px;
}
.sprite-hook_small {
background-position: -189px -152px;
width: 22px;
height: 24px;
}
.sprite-hover-fachberater {
background-position: -301px -152px;
width: 42px;
height: 207px;
}
.sprite-increase {
background-position: -353px -152px;
width: 46px;
height: 46px;
}
.sprite-lesenwert_button {
background-position: -5px -208px;
width: 26px;
height: 26px;
}
.sprite-lesenwert_button_hover {
background-position: -41px -208px;
width: 26px;
height: 26px;
}
.sprite-list {
background-position: -77px -208px;
width: 19px;
height: 19px;
}
.sprite-list_open {
background-position: -106px -208px;
width: 19px;
height: 19px;
}
.sprite-meinkonto_header {
background-position: -135px -208px;
width: 21px;
height: 21px;
}
.sprite-meinkonto_header_hover {
background-position: -166px -208px;
width: 21px;
height: 21px;
}
.sprite-merkzettel {
background-position: -388px -113px;
width: 14px;
height: 13px;
}
.sprite-merkzettel_button {
background-position: -197px -208px;
width: 26px;
height: 26px;
}
.sprite-merkzettel_button_hover {
background-position: -353px -208px;
width: 26px;
height: 26px;
}
.sprite-merkzettel_header {
background-position: -389px -208px;
width: 16px;
height: 15px;
}
.sprite-merkzettel_header_hover {
background-position: -389px -233px;
width: 16px;
height: 15px;
}
.sprite-merkzettel_hover {
background-position: -5px -258px;
width: 14px;
height: 13px;
}
.sprite-nose-right {
background-position: -29px -258px;
width: 17px;
height: 25px;
}
.sprite-nose-right-noshadow {
background-position: -56px -258px;
width: 17px;
height: 25px;
}
.sprite-nose-top {
background-position: -83px -244px;
width: 25px;
height: 17px;
}
.sprite-nose-top-noshadow {
background-position: -118px -244px;
width: 25px;
height: 17px;
}
.sprite-note {
background-position: -153px -258px;
width: 12px;
height: 12px;
}
.sprite-note_hover {
background-position: -175px -258px;
width: 12px;
height: 12px;
}
.sprite-oesterreich_large {
background-position: -197px -258px;
width: 30px;
height: 20px;
}
.sprite-oesterreich_small {
background-position: -353px -244px;
width: 22px;
height: 15px;
}
.sprite-options_add {
background-position: -385px -258px;
width: 16px;
height: 16px;
}
.sprite-options_remove {
background-position: -83px -284px;
width: 16px;
height: 16px;
}
.sprite-paypal-large {
background-position: -5px -369px;
width: 85px;
height: 25px;
}
.sprite-phone_black1 {
background-position: -353px -269px;
width: 22px;
height: 22px;
}
.sprite-phone_black2 {
background-position: -5px -301px;
width: 24px;
height: 24px;
}
.sprite-phone_black3 {
background-position: -39px -301px;
width: 29px;
height: 29px;
}
.sprite-phone_black4 {
background-position: -109px -301px;
width: 32px;
height: 32px;
}
.sprite-phone_red1 {
background-position: -151px -301px;
width: 22px;
height: 22px;
}
.sprite-phone_red2 {
background-position: -183px -301px;
width: 24px;
height: 24px;
}
.sprite-phone_red3 {
background-position: -353px -301px;
width: 29px;
height: 29px;
}
.sprite-phone_red4 {
background-position: -151px -340px;
width: 32px;
height: 32px;
}
.sprite-phone_white1 {
background-position: -217px -301px;
width: 22px;
height: 22px;
}
.sprite-phone_white2 {
background-position: -193px -340px;
width: 24px;
height: 24px;
}
.sprite-phone_white3 {
background-position: -227px -340px;
width: 29px;
height: 29px;
}
.sprite-phone_white4 {
background-position: -353px -340px;
width: 32px;
height: 32px;
}
.sprite-plus_small {
background-position: -392px -284px;
width: 14px;
height: 15px;
}
.sprite-rechnung {
background-position: -411px -5px;
width: 26px;
height: 33px;
}
.sprite-remove {
background-position: -411px -48px;
width: 11px;
height: 11px;
}
.sprite-remove_hover {
background-position: -409px -69px;
width: 11px;
height: 11px;
}
.sprite-safty {
background-position: -395px -309px;
width: 34px;
height: 48px;
}
.sprite-schweiz_large {
background-position: -412px -90px;
width: 30px;
height: 20px;
}
.sprite-schweiz_small {
background-position: -412px -120px;
width: 22px;
height: 15px;
}
.sprite-service {
background-position: -395px -367px;
width: 43px;
height: 45px;
}
.sprite-service_basket {
background-position: -100px -367px;
width: 39px;
height: 30px;
}
.sprite-service_basket_black {
background-position: -447px -5px;
width: 39px;
height: 30px;
}
.sprite-service_black {
background-position: -444px -120px;
width: 43px;
height: 45px;
}
.sprite-service_download {
background-position: -447px -45px;
width: 28px;
height: 30px;
}
.sprite-service_download_black {
background-position: -415px -175px;
width: 28px;
height: 30px;
}
.sprite-slider-arrow-left {
background-position: -452px -85px;
width: 19px;
height: 19px;
}
.sprite-slider-arrow-right {
background-position: -5px -175px;
width: 19px;
height: 19px;
}
.sprite-stage_arrow {
background-position: -34px -175px;
width: 19px;
height: 22px;
}
.sprite-stage_arrow_back {
background-position: -63px -175px;
width: 19px;
height: 22px;
}
.sprite-stage_arrow_back_hover {
background-position: -453px -175px;
width: 19px;
height: 22px;
}
.sprite-stage_arrow_hover {
background-position: -453px -207px;
width: 19px;
height: 22px;
}
.sprite-star1_empty {
background-position: -187px -85px;
width: 8px;
height: 8px;
}
.sprite-star1_full {
background-position: -205px -85px;
width: 8px;
height: 8px;
}
.sprite-star1_half {
background-position: -223px -85px;
width: 8px;
height: 8px;
}
.sprite-star2_empty {
background-position: -241px -85px;
width: 11px;
height: 10px;
}
.sprite-star2_full {
background-position: -262px -85px;
width: 11px;
height: 10px;
}
.sprite-star2_half {
background-position: -283px -85px;
width: 11px;
height: 10px;
}
.sprite-star3_empty {
background-position: -221px -175px;
width: 13px;
height: 13px;
}
.sprite-star3_full {
background-position: -415px -239px;
width: 13px;
height: 13px;
}
.sprite-star3_half {
background-position: -438px -239px;
width: 13px;
height: 13px;
}
.sprite-star4_empty {
background-position: -461px -239px;
width: 18px;
height: 16px;
}
.sprite-star4_full {
background-position: -416px -265px;
width: 18px;
height: 16px;
}
.sprite-star4_half {
background-position: -444px -265px;
width: 18px;
height: 16px;
}
.sprite-status-arrow_1 {
background-position: -472px -265px;
width: 13px;
height: 23px;
}
.sprite-status-arrow_2 {
background-position: -439px -298px;
width: 13px;
height: 23px;
}
.sprite-status-arrow_hover {
background-position: -462px -298px;
width: 13px;
height: 23px;
}
.sprite-status-cart {
background-position: -439px -331px;
width: 30px;
height: 24px;
}
.sprite-status-cart_hover {
background-position: -448px -365px;
width: 30px;
height: 24px;
}
.sprite-status-completed {
background-position: -266px -365px;
width: 18px;
height: 24px;
}
.sprite-status-completed_hover {
background-position: -149px -399px;
width: 18px;
height: 24px;
}
.sprite-status-delivery {
background-position: -177px -399px;
width: 39px;
height: 24px;
}
.sprite-status-delivery_hover {
background-position: -226px -399px;
width: 39px;
height: 24px;
}
.sprite-status-payment {
background-position: -275px -399px;
width: 27px;
height: 24px;
}
.sprite-status-payment_hover {
background-position: -312px -399px;
width: 27px;
height: 24px;
}
.sprite-status-sign_in {
background-position: -349px -399px;
width: 18px;
height: 24px;
}
.sprite-status-sign_in_hover {
background-position: -448px -399px;
width: 18px;
height: 24px;
}
.sprite-update {
background-position: -78px -331px;
width: 15px;
height: 13px;
}
.sprite-update_hover {
background-position: -266px -331px;
width: 15px;
height: 13px;
}
.sprite-vorauskasse {
background-position: -5px -433px;
width: 26px;
height: 33px;
}
.sprite-warning_small {
background-position: -41px -433px;
width: 18px;
height: 16px;
}
/*
map sprites to classes
*/
.sprite-star-small {
background-position: -205px -85px;
background-position: -385px -343px;
width: 8px;
height: 8px;
}
.sprite-star-small-empty {
background-position: -187px -85px;
background-position: -79px -174px;
width: 8px;
height: 8px;
}
.sprite-star-medium {
background-position: -415px -239px;
background-position: -589px -446px;
width: 13px;
height: 13px;
}
.sprite-star-medium-empty {
background-position: -221px -175px;
background-position: -543px -446px;
width: 13px;
height: 13px;
}
.sprite-star-large,
.rating .star.sprite-star-large {
background-position: -416px -265px;
background-position: -529px -469px;
width: 18px;
height: 16px;
}
.sprite-star-large-empty {
background-position: -461px -239px;
background-position: -501px -469px;
width: 18px;
height: 16px;
}
.btn {
border-radius: 0;
color: #ffffff;
background-color: #000000;
border: medium none;
padding: 6px 12px;
font-family: 'UnitWeb-Bold', sans-serif;
font-size: 16px;
text-transform: uppercase;
}
@media (max-width: 480px) {
.btn {
font-size: 14px;
}
}
.btn:hover,
.btn:focus,
.btn:active,
.btn:active:hover {
color: #869e00;
outline: none;
}
.btn span.arrows {
letter-spacing: -0.9px;
}
.btn-primary {
background-color: #869e00;
line-height: 19px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:hover {
outline: none;
background-color: #869e00;
color: #000000;
}
.btn-primary[disabled] {
background-color: #494948;
}
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:active:hover {
outline: none;
background-color: #494948;
color: #ffffff;
}
.btn-large {
height: 47px;
line-height: 40px !important;
font-size: 17px;
}
@media (min-width: 768px) {
.btn-large {
height: 40px;
line-height: 33px !important;
font-size: 14px;
}
}
@media (min-width: 992px) {
.btn-large {
height: 50px;
line-height: 40px !important;
}
}
@media (min-width: 992px) {
.btn-large {
font-size: 19px;
}
}
.btn {
line-height: 19px;
}
.btn .icon,
.btn .sprite-basket2 {
vertical-align: bottom;
margin-right: 5px;
}
@media (max-width: 420px) {
.btn .icon,
.btn .sprite-basket2 {
display: none !important;
}
}
.btn-with-icon {
border: medium none;
background: transparent;
display: block;
line-height: 23px;
padding: 0;
margin: 0;
color: #777777;
text-align: left;
margin-bottom: 5px;
}
.btn-with-icon .icon {
float: left;
position: relative;
top: 1px;
}
.btn-with-icon .button-label {
line-height: 16px;
display: block;
padding-left: 20px;
}
.B1 {
font-family: "UnitWeb", sans-serif;
text-transform: uppercase;
font-size: 15px;
line-height: 20px;
color: #ffffff;
background-color: #869e00;
text-align: center;
border: medium none;
width: 100%;
padding: 5px 0;
display: block;
text-decoration: none;
border-radius: 0;
outline: none;
}
.B1:hover {
background-color: #869e00;
color: #000000;
}
.B12 {
min-height: 70px;
font-family: 'UnitWeb-Bold', sans-serif;
text-transform: uppercase;
vertical-align: middle;
font-size: 20px;
line-height: 20px;
color: #ffffff;
background-color: #869e00;
border: medium none;
width: 100%;
text-decoration: none;
border-radius: 0;
outline: none;
display: table;
padding: 13px 20px 7px;
}
.B12:hover {
color: #000000;
}
.B12 .icon-container {
display: table-cell !important;
vertical-align: middle;
width: 50px;
}
.B12 .button-title {
vertical-align: middle;
display: table-cell;
}
.B13 {
text-align: center;
font-family: 'UnitWeb-Bold', sans-serif;
text-transform: uppercase;
font-size: 20px;
line-height: 20px;
color: #ffffff;
background-color: #869e00;
border: medium none;
width: 100%;
text-decoration: none;
border-radius: 0;
outline: none;
display: block;
padding: 25px 0;
}
.B13:hover {
color: #000000;
}
select.form-control {
padding-left: 8px;
}
select.form-control option {
padding: 0;
}
.form-control {
border-radius: 0;
height: 29px;
}
.checkbox-extended {
padding: 20px 0!important;
}
.checkbox-extended .extendedText {
margin-top: 7px;
}
.snippetFormHorizontalBigButton label {
text-align: left !important;
font-weight: normal !important;
}
.verticalField .control-label {
text-align: left;
font-weight: bold;
margin-bottom: 5px;
}
.checkbox label {
line-height: 21px;
}
.styled-checkbox .replaced-checkbox {
position: relative;
padding-left: 25px;
cursor: pointer;
line-height: 22px;
}
.styled-checkbox .replaced-checkbox .replaced-input {
width: 17px;
height: 17px;
border: 1px solid #7e7e7e;
position: absolute;
top: 2px;
left: 0;
}
.styled-checkbox .replaced-checkbox.checked .replaced-input:after {
content: 'x';
position: relative;
left: 4px;
top: -3px;
}
.inlineRequireHolder {
position: relative;
}
.inlineRequireHolder .inlineRequire {
position: absolute;
right: 6px;
top: -22px;
color: #000000;
}
.inlineRequireHolder .inlineRequire.select {
right: 20px;
}
.shipping-message span {
display: inline-block;
margin-top: 14px;
}
.shop-state--green {
color: #5fa200;
}
.shop-state--green a {
color: #5fa200 !important;
text-decoration: underline;
}
.shop-state--red {
color: #000000;
}
.shop-state--red a {
color: #000000 !important;
text-decoration: underline;
}
.shop-state--yellow {
color: #000000;
}
.shop-state--yellow a {
color: #000000 !important;
text-decoration: underline;
}
/**
* default development theme for jQRangeSlider
* Using fam fam icon set from Mark James, http://www.famfamfam.com/lab/icons/silk/ (Creative Commons Attribution 2.5 License)
*/
.ui-rangeSlider {
height: 22px;
}
.ui-rangeSlider .ui-rangeSlider-innerBar {
height: 16px;
margin: 3px 6px;
background: #DDD;
}
.ui-rangeSlider .ui-rangeSlider-handle {
width: 6px;
height: 22px;
background: #AAA;
background: rgba(100, 100, 100, 0.3);
cursor: col-resize;
}
.ui-rangeSlider .ui-rangeSlider-bar {
margin: 1px 0;
background: #CCC;
background: rgba(100, 100, 150, 0.2);
height: 20px;
cursor: move;
cursor: grab;
cursor: -moz-grab;
}
.ui-rangeSlider .ui-rangeSlider-bar.ui-draggable-dragging {
cursor: -moz-grabbing;
cursor: grabbing;
}
.ui-rangeSlider-arrow {
height: 16px;
margin: 2px 0;
width: 16px;
background-repeat: no-repeat;
}
.ui-rangeSlider-arrow.ui-rangeSlider-leftArrow {
background-position: center left;
}
.ui-rangeSlider-arrow.ui-rangeSlider-rightArrow {
background-position: center right;
}
.ui-rangeSlider-arrow-inner {
display: none;
}
.ui-rangeSlider-container {
height: 22px;
}
.ui-rangeSlider-withArrows .ui-rangeSlider-container {
margin: 0 11px;
}
.ui-rangeSlider-noArrow .ui-rangeSlider-container {
margin: 0;
}
.ui-rangeSlider-label {
margin: 0 2px 2px;
background-position: bottom center;
background-repeat: no-repeat;
white-space: nowrap;
bottom: 20px;
padding: 3px 6px 7px;
cursor: col-resize;
}
.ui-rangeSlider-label-inner {
display: none;
}
/*
* Edit slider
*/
input.ui-editRangeSlider-inputValue {
width: 3em;
vertical-align: middle;
text-align: center;
}
.layover {
max-height: 70%;
overflow-y: auto;
top: 100px;
position: fixed;
z-index: 1000;
padding: 17px;
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.75);
box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.75);
display: none;
}
@media (min-width: 992px) {
.layover {
top: 200px;
max-height: none;
}
}
.layover .close-layover {
position: absolute;
top: 15px;
right: 15px;
background-color: #869e00;
color: #ffffff;
height: 33px;
width: 32px;
display: flex;
border: none;
align-items: center;
justify-content: center;
cursor: pointer;
}
.layover .close-layover:hover span,
.layover .close-layover:active span,
.layover .close-layover:focus span,
.layover .close-layover:active:hover span {
background-position: -385px -31px;
background-position: -441px -46px;
width: 16px;
height: 16px;
}
.layover.layover--show {
display: block;
}
.layover.closeSmallSpacer .close-layover {
top: 5px;
right: 5px;
}
.layover--error-message {
box-shadow: none;
background-color: #000000;
color: #ffffff;
font-family: 'UnitWeb-Medium', Arial, sans-serif;
font-size: 18px;
line-height: 24px;
width: 556px;
padding: 35px 80px;
}
.layover--error-message .close-layover {
top: 5px;
right: 5px;
}
.layover--open {
display: none;
}
#thickboxLayover {
width: auto;
max-width: 90%;
height: auto;
max-height: 90%;
top: 5%;
}
html.js .moreLess {
overflow: hidden;
}
html.no-js .moreLess {
overflow: visible;
max-height: none !important;
}
html .moreLess {
position: relative;
}
html .moreLess .lessLink,
html .moreLess .moreLink {
cursor: pointer;
}
html .moreLess .moreLessWrapper {
overflow: hidden;
}
html .moreLess .moreLessWrapper.full {
height: auto !important;
}
html .moreLess .moreLessWrapper.collapse {
display: block;
}
html .moreLess .moreLessWrapper.collapse:after {
background-image: linear-gradient(to bottom, transparent, #ffffff);
bottom: 15px;
content: "";
height: 80px;
pointer-events: none;
position: absolute;
right: 0;
width: 100%;
}
html .moreLess .moreLink,
html .moreLess .lessLink {
cursor: pointer;
line-height: 20px;
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
float: right;
}
html .moreLess .moreLink::after,
html .moreLess .lessLink::after {
content: " >>";
letter-spacing: -1.3px;
}
html .moreLess .moreLink:after,
html .moreLess .lessLink:after,
html .moreLess .moreLink:before,
html .moreLess .lessLink:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
html .moreLess .moreLink:after,
html .moreLess .lessLink:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
html .moreLess .moreLink:hover,
html .moreLess .lessLink:hover,
html .moreLess .moreLink:active:hover,
html .moreLess .lessLink:active:hover,
html .moreLess .moreLink:active,
html .moreLess .lessLink:active,
html .moreLess .moreLink:focus,
html .moreLess .lessLink:focus,
html .moreLess .moreLink:focus:hover,
html .moreLess .lessLink:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
html .moreLess .moreLink:hover::after,
html .moreLess .lessLink:hover::after,
html .moreLess .moreLink:active:hover::after,
html .moreLess .lessLink:active:hover::after,
html .moreLess .moreLink:active::after,
html .moreLess .lessLink:active::after,
html .moreLess .moreLink:focus::after,
html .moreLess .lessLink:focus::after,
html .moreLess .moreLink:focus:hover::after,
html .moreLess .lessLink:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
html .moreLess .moreLink:hover:after,
html .moreLess .lessLink:hover:after,
html .moreLess .moreLink:active:hover:after,
html .moreLess .lessLink:active:hover:after,
html .moreLess .moreLink:active:after,
html .moreLess .lessLink:active:after,
html .moreLess .moreLink:focus:after,
html .moreLess .lessLink:focus:after,
html .moreLess .moreLink:focus:hover:after,
html .moreLess .lessLink:focus:hover:after,
html .moreLess .moreLink:hover:before,
html .moreLess .lessLink:hover:before,
html .moreLess .moreLink:active:hover:before,
html .moreLess .lessLink:active:hover:before,
html .moreLess .moreLink:active:before,
html .moreLess .lessLink:active:before,
html .moreLess .moreLink:focus:before,
html .moreLess .lessLink:focus:before,
html .moreLess .moreLink:focus:hover:before,
html .moreLess .lessLink:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
html .moreLess .moreLink:hover:after,
html .moreLess .lessLink:hover:after,
html .moreLess .moreLink:active:hover:after,
html .moreLess .lessLink:active:hover:after,
html .moreLess .moreLink:active:after,
html .moreLess .lessLink:active:after,
html .moreLess .moreLink:focus:after,
html .moreLess .lessLink:focus:after,
html .moreLess .moreLink:focus:hover:after,
html .moreLess .lessLink:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
html .moreLess .moreLink:hover::after,
html .moreLess .lessLink:hover::after,
html .moreLess .moreLink:active:hover::after,
html .moreLess .lessLink:active:hover::after,
html .moreLess .moreLink:active::after,
html .moreLess .lessLink:active::after,
html .moreLess .moreLink:focus::after,
html .moreLess .lessLink:focus::after,
html .moreLess .moreLink:focus:hover::after,
html .moreLess .lessLink:focus:hover::after {
color: #869e00;
}
html .moreLess .moreLink:hover::after,
html .moreLess .lessLink:hover::after,
html .moreLess .moreLink:active:hover::after,
html .moreLess .lessLink:active:hover::after,
html .moreLess .moreLink:active::after,
html .moreLess .lessLink:active::after,
html .moreLess .moreLink:focus::after,
html .moreLess .lessLink:focus::after,
html .moreLess .moreLink:focus:hover::after,
html .moreLess .lessLink:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
html .moreLess .moreLink:hover:after,
html .moreLess .lessLink:hover:after,
html .moreLess .moreLink:active:hover:after,
html .moreLess .lessLink:active:hover:after,
html .moreLess .moreLink:active:after,
html .moreLess .lessLink:active:after,
html .moreLess .moreLink:focus:after,
html .moreLess .lessLink:focus:after,
html .moreLess .moreLink:focus:hover:after,
html .moreLess .lessLink:focus:hover:after,
html .moreLess .moreLink:hover:before,
html .moreLess .lessLink:hover:before,
html .moreLess .moreLink:active:hover:before,
html .moreLess .lessLink:active:hover:before,
html .moreLess .moreLink:active:before,
html .moreLess .lessLink:active:before,
html .moreLess .moreLink:focus:before,
html .moreLess .lessLink:focus:before,
html .moreLess .moreLink:focus:hover:before,
html .moreLess .lessLink:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
html .moreLess .moreLink:hover:after,
html .moreLess .lessLink:hover:after,
html .moreLess .moreLink:active:hover:after,
html .moreLess .lessLink:active:hover:after,
html .moreLess .moreLink:active:after,
html .moreLess .lessLink:active:after,
html .moreLess .moreLink:focus:after,
html .moreLess .lessLink:focus:after,
html .moreLess .moreLink:focus:hover:after,
html .moreLess .lessLink:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
html .moreLess .moreLink:hover:after,
html .moreLess .lessLink:hover:after,
html .moreLess .moreLink:active:hover:after,
html .moreLess .lessLink:active:hover:after,
html .moreLess .moreLink:active:after,
html .moreLess .lessLink:active:after,
html .moreLess .moreLink:focus:after,
html .moreLess .lessLink:focus:after,
html .moreLess .moreLink:focus:hover:after,
html .moreLess .lessLink:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
html .moreLess .moreLink::after,
html .moreLess .lessLink::after {
content: " >>";
letter-spacing: -1.3px;
}
html .moreLess .moreLink:after,
html .moreLess .lessLink:after,
html .moreLess .moreLink:before,
html .moreLess .lessLink:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
html .moreLess .moreLink:after,
html .moreLess .lessLink:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
html .moreLess .moreLink:hover,
html .moreLess .lessLink:hover,
html .moreLess .moreLink:active:hover,
html .moreLess .lessLink:active:hover,
html .moreLess .moreLink:active,
html .moreLess .lessLink:active,
html .moreLess .moreLink:focus,
html .moreLess .lessLink:focus,
html .moreLess .moreLink:focus:hover,
html .moreLess .lessLink:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
html .moreLess .moreLink:hover::after,
html .moreLess .lessLink:hover::after,
html .moreLess .moreLink:active:hover::after,
html .moreLess .lessLink:active:hover::after,
html .moreLess .moreLink:active::after,
html .moreLess .lessLink:active::after,
html .moreLess .moreLink:focus::after,
html .moreLess .lessLink:focus::after,
html .moreLess .moreLink:focus:hover::after,
html .moreLess .lessLink:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
html .moreLess .moreLink:hover:after,
html .moreLess .lessLink:hover:after,
html .moreLess .moreLink:active:hover:after,
html .moreLess .lessLink:active:hover:after,
html .moreLess .moreLink:active:after,
html .moreLess .lessLink:active:after,
html .moreLess .moreLink:focus:after,
html .moreLess .lessLink:focus:after,
html .moreLess .moreLink:focus:hover:after,
html .moreLess .lessLink:focus:hover:after,
html .moreLess .moreLink:hover:before,
html .moreLess .lessLink:hover:before,
html .moreLess .moreLink:active:hover:before,
html .moreLess .lessLink:active:hover:before,
html .moreLess .moreLink:active:before,
html .moreLess .lessLink:active:before,
html .moreLess .moreLink:focus:before,
html .moreLess .lessLink:focus:before,
html .moreLess .moreLink:focus:hover:before,
html .moreLess .lessLink:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
html .moreLess .moreLink:hover:after,
html .moreLess .lessLink:hover:after,
html .moreLess .moreLink:active:hover:after,
html .moreLess .lessLink:active:hover:after,
html .moreLess .moreLink:active:after,
html .moreLess .lessLink:active:after,
html .moreLess .moreLink:focus:after,
html .moreLess .lessLink:focus:after,
html .moreLess .moreLink:focus:hover:after,
html .moreLess .lessLink:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
html .moreLess .moreLink:hover::after,
html .moreLess .lessLink:hover::after,
html .moreLess .moreLink:active:hover::after,
html .moreLess .lessLink:active:hover::after,
html .moreLess .moreLink:active::after,
html .moreLess .lessLink:active::after,
html .moreLess .moreLink:focus::after,
html .moreLess .lessLink:focus::after,
html .moreLess .moreLink:focus:hover::after,
html .moreLess .lessLink:focus:hover::after {
color: #869e00;
}
html .moreLess .moreLink:hover::after,
html .moreLess .lessLink:hover::after,
html .moreLess .moreLink:active:hover::after,
html .moreLess .lessLink:active:hover::after,
html .moreLess .moreLink:active::after,
html .moreLess .lessLink:active::after,
html .moreLess .moreLink:focus::after,
html .moreLess .lessLink:focus::after,
html .moreLess .moreLink:focus:hover::after,
html .moreLess .lessLink:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
html .moreLess .moreLink:hover:after,
html .moreLess .lessLink:hover:after,
html .moreLess .moreLink:active:hover:after,
html .moreLess .lessLink:active:hover:after,
html .moreLess .moreLink:active:after,
html .moreLess .lessLink:active:after,
html .moreLess .moreLink:focus:after,
html .moreLess .lessLink:focus:after,
html .moreLess .moreLink:focus:hover:after,
html .moreLess .lessLink:focus:hover:after,
html .moreLess .moreLink:hover:before,
html .moreLess .lessLink:hover:before,
html .moreLess .moreLink:active:hover:before,
html .moreLess .lessLink:active:hover:before,
html .moreLess .moreLink:active:before,
html .moreLess .lessLink:active:before,
html .moreLess .moreLink:focus:before,
html .moreLess .lessLink:focus:before,
html .moreLess .moreLink:focus:hover:before,
html .moreLess .lessLink:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
html .moreLess .moreLink:hover:after,
html .moreLess .lessLink:hover:after,
html .moreLess .moreLink:active:hover:after,
html .moreLess .lessLink:active:hover:after,
html .moreLess .moreLink:active:after,
html .moreLess .lessLink:active:after,
html .moreLess .moreLink:focus:after,
html .moreLess .lessLink:focus:after,
html .moreLess .moreLink:focus:hover:after,
html .moreLess .lessLink:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
html .moreLess .moreLink:hover:after,
html .moreLess .lessLink:hover:after,
html .moreLess .moreLink:active:hover:after,
html .moreLess .lessLink:active:hover:after,
html .moreLess .moreLink:active:after,
html .moreLess .lessLink:active:after,
html .moreLess .moreLink:focus:after,
html .moreLess .lessLink:focus:after,
html .moreLess .moreLink:focus:hover:after,
html .moreLess .lessLink:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
html .moreLess .moreLink span,
html .moreLess .lessLink span {
letter-spacing: -1.3px;
}
html .moreLess .moreLink:after {
content: ' >>';
}
html .moreLess .lessLink:before {
content: '<< ';
}
html .moreLess.minification {
max-height: 500px;
}
@media print {
.snippetQuicksearch,
#mini-basket,
#extranet-navigation,
.main-navigation,
.snippetBreadcrumb,
.snippetPkgNewsletterNewsletterQuickSignup,
.footerColumnOne,
.footerColumnTwo,
.footerColumnThree {
display: none;
}
.footerColumnFour {
width: 100%;
}
a[href]:after {
content: none !important;
}
body.is-scrolled .snippetQuicksearch {
display: none;
}
}
.V2-Bottom {
margin-bottom: 16px;
}
.V4-Bottom {
margin-bottom: 24px;
}
.V7-Bottom {
margin-bottom: 30px;
}
.V12-Bottom {
margin-bottom: 20px;
}
.notification-layover.layover-default {
background: rgba(0, 0, 0, 0.8);
width: 404px;
right: 50%;
transform: translate(50%);
}
.notification-layover.layover-default .layover-headline {
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
font-size: 26px;
line-height: 32px;
margin-bottom: 5px;
text-transform: uppercase;
margin-bottom: 10px;
color: #ffffff;
}
.notification-layover.layover-default a.layover-link {
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
font-size: 16px;
color: #ffffff;
text-align: right;
display: block;
margin-top: 10px;
}
.notification-layover.layover-default .cmswysiwyg {
font-family: 'UnitWeb-Medium', Arial, sans-serif;
font-size: 18px;
line-height: 24px;
font-family: 'UnitWeb', Arial, sans-serif;
color: #ffffff;
}
.notification-layover.layover-header {
background-color: #869e00;
background-image: none;
width: 100%;
padding: 10px;
display: grid;
grid-template-columns: auto 30px;
z-index: 50;
}
.notification-layover.layover-header.layover-theme-red {
background-color: #971d00;
}
.notification-layover.layover-header.layover-theme-black {
background-color: #000000;
}
.notification-layover.layover-header .layover-link {
text-decoration: none;
align-content: center;
}
.notification-layover.layover-header .layover-content {
display: grid;
grid-gap: 10px;
}
.notification-layover.layover-header .layover-content .layover-headline {
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
font-size: 26px;
line-height: 32px;
margin-bottom: 5px;
text-transform: uppercase;
margin-bottom: 10px;
color: #ffffff;
margin: auto;
}
.notification-layover.layover-header .layover-content .cmswysiwyg {
margin: 0 35px;
}
.notification-layover.layover-header .layover-content .cmswysiwyg * {
color: #ffffff;
font-size: 14px;
}
.notification-layover.layover-header .close-layover {
color: #ffffff;
margin: auto;
padding: 5px;
cursor: pointer;
}
@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
.cc-revoke,
.cc-window {
font-size: 12px;
line-height: 1.2em;
}
.cc-link {
padding: 0 0.2em 0 0.2em;
}
.cc-btn {
padding: 0.2em 0.4em;
}
}
/*!* shariff - v3.0.1 - Tue, 17 Apr 2018 06:12:14 GMT* https://github.com/heiseonline/shariff* Copyright (c) 2018 Ines Pauer, Philipp Busse, Sebastian Hilbig, Erich Kramer, Deniz Sesli* Licensed under the MIT license*/
/*!* Font Awesome Free 5.0.5 by @fontawesome - http://fontawesome.com* License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)*/
.fa,
.fab,
.fal,
.far,
.fas {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.fa-lg {
font-size: 1.33333333em;
line-height: .75em;
vertical-align: -.0667em;
}
.fa-xs {
font-size: .75em;
}
.fa-sm {
font-size: .875em;
}
.fa-1x {
font-size: 1em;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-6x {
font-size: 6em;
}
.fa-7x {
font-size: 7em;
}
.fa-8x {
font-size: 8em;
}
.fa-9x {
font-size: 9em;
}
.fa-10x {
font-size: 10em;
}
.fa-fw {
text-align: center;
width: 1.25em;
}
.fa-ul {
list-style-type: none;
margin-left: 2.5em;
padding-left: 0;
}
.fa-ul > li {
position: relative;
}
.fa-li {
left: -2em;
position: absolute;
text-align: center;
width: 2em;
line-height: inherit;
}
.fa-border {
border-radius: .1em;
border: .08em solid #eee;
padding: 0.2em 0.25em 0.15em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left {
margin-right: .3em;
}
.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right {
margin-left: .3em;
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.fa-flip-vertical {
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
}
.fa-flip-horizontal.fa-flip-vertical,
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
}
.fa-flip-horizontal.fa-flip-vertical {
-webkit-transform: scale(-1);
transform: scale(-1);
}
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270 {
-webkit-filter: none;
filter: none;
}
.fa-stack {
display: inline-block;
height: 2em;
line-height: 2em;
position: relative;
vertical-align: middle;
width: 2em;
}
.fa-stack-1x,
.fa-stack-2x {
left: 0;
position: absolute;
text-align: center;
width: 100%;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #fff;
}
.fa-500px:before {
content: "\F26E";
}
.fa-accessible-icon:before {
content: "\F368";
}
.fa-accusoft:before {
content: "\F369";
}
.fa-address-book:before {
content: "\F2B9";
}
.fa-address-card:before {
content: "\F2BB";
}
.fa-adjust:before {
content: "\F042";
}
.fa-adn:before {
content: "\F170";
}
.fa-adversal:before {
content: "\F36A";
}
.fa-affiliatetheme:before {
content: "\F36B";
}
.fa-algolia:before {
content: "\F36C";
}
.fa-align-center:before {
content: "\F037";
}
.fa-align-justify:before {
content: "\F039";
}
.fa-align-left:before {
content: "\F036";
}
.fa-align-right:before {
content: "\F038";
}
.fa-amazon:before {
content: "\F270";
}
.fa-amazon-pay:before {
content: "\F42C";
}
.fa-ambulance:before {
content: "\F0F9";
}
.fa-american-sign-language-interpreting:before {
content: "\F2A3";
}
.fa-amilia:before {
content: "\F36D";
}
.fa-anchor:before {
content: "\F13D";
}
.fa-android:before {
content: "\F17B";
}
.fa-angellist:before {
content: "\F209";
}
.fa-angle-double-down:before {
content: "\F103";
}
.fa-angle-double-left:before {
content: "\F100";
}
.fa-angle-double-right:before {
content: "\F101";
}
.fa-angle-double-up:before {
content: "\F102";
}
.fa-angle-down:before {
content: "\F107";
}
.fa-angle-left:before {
content: "\F104";
}
.fa-angle-right:before {
content: "\F105";
}
.fa-angle-up:before {
content: "\F106";
}
.fa-angrycreative:before {
content: "\F36E";
}
.fa-angular:before {
content: "\F420";
}
.fa-app-store:before {
content: "\F36F";
}
.fa-app-store-ios:before {
content: "\F370";
}
.fa-apper:before {
content: "\F371";
}
.fa-apple:before {
content: "\F179";
}
.fa-apple-pay:before {
content: "\F415";
}
.fa-archive:before {
content: "\F187";
}
.fa-arrow-alt-circle-down:before {
content: "\F358";
}
.fa-arrow-alt-circle-left:before {
content: "\F359";
}
.fa-arrow-alt-circle-right:before {
content: "\F35A";
}
.fa-arrow-alt-circle-up:before {
content: "\F35B";
}
.fa-arrow-circle-down:before {
content: "\F0AB";
}
.fa-arrow-circle-left:before {
content: "\F0A8";
}
.fa-arrow-circle-right:before {
content: "\F0A9";
}
.fa-arrow-circle-up:before {
content: "\F0AA";
}
.fa-arrow-down:before {
content: "\F063";
}
.fa-arrow-left:before {
content: "\F060";
}
.fa-arrow-right:before {
content: "\F061";
}
.fa-arrow-up:before {
content: "\F062";
}
.fa-arrows-alt:before {
content: "\F0B2";
}
.fa-arrows-alt-h:before {
content: "\F337";
}
.fa-arrows-alt-v:before {
content: "\F338";
}
.fa-assistive-listening-systems:before {
content: "\F2A2";
}
.fa-asterisk:before {
content: "\F069";
}
.fa-asymmetrik:before {
content: "\F372";
}
.fa-at:before {
content: "\F1FA";
}
.fa-audible:before {
content: "\F373";
}
.fa-audio-description:before {
content: "\F29E";
}
.fa-autoprefixer:before {
content: "\F41C";
}
.fa-avianex:before {
content: "\F374";
}
.fa-aviato:before {
content: "\F421";
}
.fa-aws:before {
content: "\F375";
}
.fa-backward:before {
content: "\F04A";
}
.fa-balance-scale:before {
content: "\F24E";
}
.fa-ban:before {
content: "\F05E";
}
.fa-bandcamp:before {
content: "\F2D5";
}
.fa-barcode:before {
content: "\F02A";
}
.fa-bars:before {
content: "\F0C9";
}
.fa-baseball-ball:before {
content: "\F433";
}
.fa-basketball-ball:before {
content: "\F434";
}
.fa-bath:before {
content: "\F2CD";
}
.fa-battery-empty:before {
content: "\F244";
}
.fa-battery-full:before {
content: "\F240";
}
.fa-battery-half:before {
content: "\F242";
}
.fa-battery-quarter:before {
content: "\F243";
}
.fa-battery-three-quarters:before {
content: "\F241";
}
.fa-bed:before {
content: "\F236";
}
.fa-beer:before {
content: "\F0FC";
}
.fa-behance:before {
content: "\F1B4";
}
.fa-behance-square:before {
content: "\F1B5";
}
.fa-bell:before {
content: "\F0F3";
}
.fa-bell-slash:before {
content: "\F1F6";
}
.fa-bicycle:before {
content: "\F206";
}
.fa-bimobject:before {
content: "\F378";
}
.fa-binoculars:before {
content: "\F1E5";
}
.fa-birthday-cake:before {
content: "\F1FD";
}
.fa-bitbucket:before {
content: "\F171";
}
.fa-bitcoin:before {
content: "\F379";
}
.fa-bity:before {
content: "\F37A";
}
.fa-black-tie:before {
content: "\F27E";
}
.fa-blackberry:before {
content: "\F37B";
}
.fa-blind:before {
content: "\F29D";
}
.fa-blogger:before {
content: "\F37C";
}
.fa-blogger-b:before {
content: "\F37D";
}
.fa-bluetooth:before {
content: "\F293";
}
.fa-bluetooth-b:before {
content: "\F294";
}
.fa-bold:before {
content: "\F032";
}
.fa-bolt:before {
content: "\F0E7";
}
.fa-bomb:before {
content: "\F1E2";
}
.fa-book:before {
content: "\F02D";
}
.fa-bookmark:before {
content: "\F02E";
}
.fa-bowling-ball:before {
content: "\F436";
}
.fa-braille:before {
content: "\F2A1";
}
.fa-briefcase:before {
content: "\F0B1";
}
.fa-btc:before {
content: "\F15A";
}
.fa-bug:before {
content: "\F188";
}
.fa-building:before {
content: "\F1AD";
}
.fa-bullhorn:before {
content: "\F0A1";
}
.fa-bullseye:before {
content: "\F140";
}
.fa-buromobelexperte:before {
content: "\F37F";
}
.fa-bus:before {
content: "\F207";
}
.fa-buysellads:before {
content: "\F20D";
}
.fa-calculator:before {
content: "\F1EC";
}
.fa-calendar:before {
content: "\F133";
}
.fa-calendar-alt:before {
content: "\F073";
}
.fa-calendar-check:before {
content: "\F274";
}
.fa-calendar-minus:before {
content: "\F272";
}
.fa-calendar-plus:before {
content: "\F271";
}
.fa-calendar-times:before {
content: "\F273";
}
.fa-camera:before {
content: "\F030";
}
.fa-camera-retro:before {
content: "\F083";
}
.fa-car:before {
content: "\F1B9";
}
.fa-caret-down:before {
content: "\F0D7";
}
.fa-caret-left:before {
content: "\F0D9";
}
.fa-caret-right:before {
content: "\F0DA";
}
.fa-caret-square-down:before {
content: "\F150";
}
.fa-caret-square-left:before {
content: "\F191";
}
.fa-caret-square-right:before {
content: "\F152";
}
.fa-caret-square-up:before {
content: "\F151";
}
.fa-caret-up:before {
content: "\F0D8";
}
.fa-cart-arrow-down:before {
content: "\F218";
}
.fa-cart-plus:before {
content: "\F217";
}
.fa-cc-amazon-pay:before {
content: "\F42D";
}
.fa-cc-amex:before {
content: "\F1F3";
}
.fa-cc-apple-pay:before {
content: "\F416";
}
.fa-cc-diners-club:before {
content: "\F24C";
}
.fa-cc-discover:before {
content: "\F1F2";
}
.fa-cc-jcb:before {
content: "\F24B";
}
.fa-cc-mastercard:before {
content: "\F1F1";
}
.fa-cc-paypal:before {
content: "\F1F4";
}
.fa-cc-stripe:before {
content: "\F1F5";
}
.fa-cc-visa:before {
content: "\F1F0";
}
.fa-centercode:before {
content: "\F380";
}
.fa-certificate:before {
content: "\F0A3";
}
.fa-chart-area:before {
content: "\F1FE";
}
.fa-chart-bar:before {
content: "\F080";
}
.fa-chart-line:before {
content: "\F201";
}
.fa-chart-pie:before {
content: "\F200";
}
.fa-check:before {
content: "\F00C";
}
.fa-check-circle:before {
content: "\F058";
}
.fa-check-square:before {
content: "\F14A";
}
.fa-chess:before {
content: "\F439";
}
.fa-chess-bishop:before {
content: "\F43A";
}
.fa-chess-board:before {
content: "\F43C";
}
.fa-chess-king:before {
content: "\F43F";
}
.fa-chess-knight:before {
content: "\F441";
}
.fa-chess-pawn:before {
content: "\F443";
}
.fa-chess-queen:before {
content: "\F445";
}
.fa-chess-rook:before {
content: "\F447";
}
.fa-chevron-circle-down:before {
content: "\F13A";
}
.fa-chevron-circle-left:before {
content: "\F137";
}
.fa-chevron-circle-right:before {
content: "\F138";
}
.fa-chevron-circle-up:before {
content: "\F139";
}
.fa-chevron-down:before {
content: "\F078";
}
.fa-chevron-left:before {
content: "\F053";
}
.fa-chevron-right:before {
content: "\F054";
}
.fa-chevron-up:before {
content: "\F077";
}
.fa-child:before {
content: "\F1AE";
}
.fa-chrome:before {
content: "\F268";
}
.fa-circle:before {
content: "\F111";
}
.fa-circle-notch:before {
content: "\F1CE";
}
.fa-clipboard:before {
content: "\F328";
}
.fa-clock:before {
content: "\F017";
}
.fa-clone:before {
content: "\F24D";
}
.fa-closed-captioning:before {
content: "\F20A";
}
.fa-cloud:before {
content: "\F0C2";
}
.fa-cloud-download-alt:before {
content: "\F381";
}
.fa-cloud-upload-alt:before {
content: "\F382";
}
.fa-cloudscale:before {
content: "\F383";
}
.fa-cloudsmith:before {
content: "\F384";
}
.fa-cloudversify:before {
content: "\F385";
}
.fa-code:before {
content: "\F121";
}
.fa-code-branch:before {
content: "\F126";
}
.fa-codepen:before {
content: "\F1CB";
}
.fa-codiepie:before {
content: "\F284";
}
.fa-coffee:before {
content: "\F0F4";
}
.fa-cog:before {
content: "\F013";
}
.fa-cogs:before {
content: "\F085";
}
.fa-columns:before {
content: "\F0DB";
}
.fa-comment:before {
content: "\F075";
}
.fa-comment-alt:before {
content: "\F27A";
}
.fa-comments:before {
content: "\F086";
}
.fa-compass:before {
content: "\F14E";
}
.fa-compress:before {
content: "\F066";
}
.fa-connectdevelop:before {
content: "\F20E";
}
.fa-contao:before {
content: "\F26D";
}
.fa-copy:before {
content: "\F0C5";
}
.fa-copyright:before {
content: "\F1F9";
}
.fa-cpanel:before {
content: "\F388";
}
.fa-creative-commons:before {
content: "\F25E";
}
.fa-credit-card:before {
content: "\F09D";
}
.fa-crop:before {
content: "\F125";
}
.fa-crosshairs:before {
content: "\F05B";
}
.fa-css3:before {
content: "\F13C";
}
.fa-css3-alt:before {
content: "\F38B";
}
.fa-cube:before {
content: "\F1B2";
}
.fa-cubes:before {
content: "\F1B3";
}
.fa-cut:before {
content: "\F0C4";
}
.fa-cuttlefish:before {
content: "\F38C";
}
.fa-d-and-d:before {
content: "\F38D";
}
.fa-dashcube:before {
content: "\F210";
}
.fa-database:before {
content: "\F1C0";
}
.fa-deaf:before {
content: "\F2A4";
}
.fa-delicious:before {
content: "\F1A5";
}
.fa-deploydog:before {
content: "\F38E";
}
.fa-deskpro:before {
content: "\F38F";
}
.fa-desktop:before {
content: "\F108";
}
.fa-deviantart:before {
content: "\F1BD";
}
.fa-digg:before {
content: "\F1A6";
}
.fa-digital-ocean:before {
content: "\F391";
}
.fa-discord:before {
content: "\F392";
}
.fa-discourse:before {
content: "\F393";
}
.fa-dochub:before {
content: "\F394";
}
.fa-docker:before {
content: "\F395";
}
.fa-dollar-sign:before {
content: "\F155";
}
.fa-dot-circle:before {
content: "\F192";
}
.fa-download:before {
content: "\F019";
}
.fa-draft2digital:before {
content: "\F396";
}
.fa-dribbble:before {
content: "\F17D";
}
.fa-dribbble-square:before {
content: "\F397";
}
.fa-dropbox:before {
content: "\F16B";
}
.fa-drupal:before {
content: "\F1A9";
}
.fa-dyalog:before {
content: "\F399";
}
.fa-earlybirds:before {
content: "\F39A";
}
.fa-edge:before {
content: "\F282";
}
.fa-edit:before {
content: "\F044";
}
.fa-eject:before {
content: "\F052";
}
.fa-elementor:before {
content: "\F430";
}
.fa-ellipsis-h:before {
content: "\F141";
}
.fa-ellipsis-v:before {
content: "\F142";
}
.fa-ember:before {
content: "\F423";
}
.fa-empire:before {
content: "\F1D1";
}
.fa-envelope:before {
content: "\F0E0";
}
.fa-envelope-open:before {
content: "\F2B6";
}
.fa-envelope-square:before {
content: "\F199";
}
.fa-envira:before {
content: "\F299";
}
.fa-eraser:before {
content: "\F12D";
}
.fa-erlang:before {
content: "\F39D";
}
.fa-ethereum:before {
content: "\F42E";
}
.fa-etsy:before {
content: "\F2D7";
}
.fa-euro-sign:before {
content: "\F153";
}
.fa-exchange-alt:before {
content: "\F362";
}
.fa-exclamation:before {
content: "\F12A";
}
.fa-exclamation-circle:before {
content: "\F06A";
}
.fa-exclamation-triangle:before {
content: "\F071";
}
.fa-expand:before {
content: "\F065";
}
.fa-expand-arrows-alt:before {
content: "\F31E";
}
.fa-expeditedssl:before {
content: "\F23E";
}
.fa-external-link-alt:before {
content: "\F35D";
}
.fa-external-link-square-alt:before {
content: "\F360";
}
.fa-eye:before {
content: "\F06E";
}
.fa-eye-dropper:before {
content: "\F1FB";
}
.fa-eye-slash:before {
content: "\F070";
}
.fa-facebook:before {
content: "\F09A";
}
.fa-facebook-f:before {
content: "\F39E";
}
.fa-facebook-messenger:before {
content: "\F39F";
}
.fa-facebook-square:before {
content: "\F082";
}
.fa-fast-backward:before {
content: "\F049";
}
.fa-fast-forward:before {
content: "\F050";
}
.fa-fax:before {
content: "\F1AC";
}
.fa-female:before {
content: "\F182";
}
.fa-fighter-jet:before {
content: "\F0FB";
}
.fa-file:before {
content: "\F15B";
}
.fa-file-alt:before {
content: "\F15C";
}
.fa-file-archive:before {
content: "\F1C6";
}
.fa-file-audio:before {
content: "\F1C7";
}
.fa-file-code:before {
content: "\F1C9";
}
.fa-file-excel:before {
content: "\F1C3";
}
.fa-file-image:before {
content: "\F1C5";
}
.fa-file-pdf:before {
content: "\F1C1";
}
.fa-file-powerpoint:before {
content: "\F1C4";
}
.fa-file-video:before {
content: "\F1C8";
}
.fa-file-word:before {
content: "\F1C2";
}
.fa-film:before {
content: "\F008";
}
.fa-filter:before {
content: "\F0B0";
}
.fa-fire:before {
content: "\F06D";
}
.fa-fire-extinguisher:before {
content: "\F134";
}
.fa-firefox:before {
content: "\F269";
}
.fa-first-order:before {
content: "\F2B0";
}
.fa-firstdraft:before {
content: "\F3A1";
}
.fa-flag:before {
content: "\F024";
}
.fa-flag-checkered:before {
content: "\F11E";
}
.fa-flask:before {
content: "\F0C3";
}
.fa-flickr:before {
content: "\F16E";
}
.fa-flipboard:before {
content: "\F44D";
}
.fa-fly:before {
content: "\F417";
}
.fa-folder:before {
content: "\F07B";
}
.fa-folder-open:before {
content: "\F07C";
}
.fa-font:before {
content: "\F031";
}
.fa-font-awesome:before {
content: "\F2B4";
}
.fa-font-awesome-alt:before {
content: "\F35C";
}
.fa-font-awesome-flag:before {
content: "\F425";
}
.fa-fonticons:before {
content: "\F280";
}
.fa-fonticons-fi:before {
content: "\F3A2";
}
.fa-football-ball:before {
content: "\F44E";
}
.fa-fort-awesome:before {
content: "\F286";
}
.fa-fort-awesome-alt:before {
content: "\F3A3";
}
.fa-forumbee:before {
content: "\F211";
}
.fa-forward:before {
content: "\F04E";
}
.fa-foursquare:before {
content: "\F180";
}
.fa-free-code-camp:before {
content: "\F2C5";
}
.fa-freebsd:before {
content: "\F3A4";
}
.fa-frown:before {
content: "\F119";
}
.fa-futbol:before {
content: "\F1E3";
}
.fa-gamepad:before {
content: "\F11B";
}
.fa-gavel:before {
content: "\F0E3";
}
.fa-gem:before {
content: "\F3A5";
}
.fa-genderless:before {
content: "\F22D";
}
.fa-get-pocket:before {
content: "\F265";
}
.fa-gg:before {
content: "\F260";
}
.fa-gg-circle:before {
content: "\F261";
}
.fa-gift:before {
content: "\F06B";
}
.fa-git:before {
content: "\F1D3";
}
.fa-git-square:before {
content: "\F1D2";
}
.fa-github:before {
content: "\F09B";
}
.fa-github-alt:before {
content: "\F113";
}
.fa-github-square:before {
content: "\F092";
}
.fa-gitkraken:before {
content: "\F3A6";
}
.fa-gitlab:before {
content: "\F296";
}
.fa-gitter:before {
content: "\F426";
}
.fa-glass-martini:before {
content: "\F000";
}
.fa-glide:before {
content: "\F2A5";
}
.fa-glide-g:before {
content: "\F2A6";
}
.fa-globe:before {
content: "\F0AC";
}
.fa-gofore:before {
content: "\F3A7";
}
.fa-golf-ball:before {
content: "\F450";
}
.fa-goodreads:before {
content: "\F3A8";
}
.fa-goodreads-g:before {
content: "\F3A9";
}
.fa-google:before {
content: "\F1A0";
}
.fa-google-drive:before {
content: "\F3AA";
}
.fa-google-play:before {
content: "\F3AB";
}
.fa-google-plus:before {
content: "\F2B3";
}
.fa-google-plus-g:before {
content: "\F0D5";
}
.fa-google-plus-square:before {
content: "\F0D4";
}
.fa-google-wallet:before {
content: "\F1EE";
}
.fa-graduation-cap:before {
content: "\F19D";
}
.fa-gratipay:before {
content: "\F184";
}
.fa-grav:before {
content: "\F2D6";
}
.fa-gripfire:before {
content: "\F3AC";
}
.fa-grunt:before {
content: "\F3AD";
}
.fa-gulp:before {
content: "\F3AE";
}
.fa-h-square:before {
content: "\F0FD";
}
.fa-hacker-news:before {
content: "\F1D4";
}
.fa-hacker-news-square:before {
content: "\F3AF";
}
.fa-hand-lizard:before {
content: "\F258";
}
.fa-hand-paper:before {
content: "\F256";
}
.fa-hand-peace:before {
content: "\F25B";
}
.fa-hand-point-down:before {
content: "\F0A7";
}
.fa-hand-point-left:before {
content: "\F0A5";
}
.fa-hand-point-right:before {
content: "\F0A4";
}
.fa-hand-point-up:before {
content: "\F0A6";
}
.fa-hand-pointer:before {
content: "\F25A";
}
.fa-hand-rock:before {
content: "\F255";
}
.fa-hand-scissors:before {
content: "\F257";
}
.fa-hand-spock:before {
content: "\F259";
}
.fa-handshake:before {
content: "\F2B5";
}
.fa-hashtag:before {
content: "\F292";
}
.fa-hdd:before {
content: "\F0A0";
}
.fa-heading:before {
content: "\F1DC";
}
.fa-headphones:before {
content: "\F025";
}
.fa-heart:before {
content: "\F004";
}
.fa-heartbeat:before {
content: "\F21E";
}
.fa-hips:before {
content: "\F452";
}
.fa-hire-a-helper:before {
content: "\F3B0";
}
.fa-history:before {
content: "\F1DA";
}
.fa-hockey-puck:before {
content: "\F453";
}
.fa-home:before {
content: "\F015";
}
.fa-hooli:before {
content: "\F427";
}
.fa-hospital:before {
content: "\F0F8";
}
.fa-hotjar:before {
content: "\F3B1";
}
.fa-hourglass:before {
content: "\F254";
}
.fa-hourglass-end:before {
content: "\F253";
}
.fa-hourglass-half:before {
content: "\F252";
}
.fa-hourglass-start:before {
content: "\F251";
}
.fa-houzz:before {
content: "\F27C";
}
.fa-html5:before {
content: "\F13B";
}
.fa-hubspot:before {
content: "\F3B2";
}
.fa-i-cursor:before {
content: "\F246";
}
.fa-id-badge:before {
content: "\F2C1";
}
.fa-id-card:before {
content: "\F2C2";
}
.fa-image:before {
content: "\F03E";
}
.fa-images:before {
content: "\F302";
}
.fa-imdb:before {
content: "\F2D8";
}
.fa-inbox:before {
content: "\F01C";
}
.fa-indent:before {
content: "\F03C";
}
.fa-industry:before {
content: "\F275";
}
.fa-info:before {
content: "\F129";
}
.fa-info-circle:before {
content: "\F05A";
}
.fa-instagram:before {
content: "\F16D";
}
.fa-internet-explorer:before {
content: "\F26B";
}
.fa-ioxhost:before {
content: "\F208";
}
.fa-italic:before {
content: "\F033";
}
.fa-itunes:before {
content: "\F3B4";
}
.fa-itunes-note:before {
content: "\F3B5";
}
.fa-jenkins:before {
content: "\F3B6";
}
.fa-joget:before {
content: "\F3B7";
}
.fa-joomla:before {
content: "\F1AA";
}
.fa-js:before {
content: "\F3B8";
}
.fa-js-square:before {
content: "\F3B9";
}
.fa-jsfiddle:before {
content: "\F1CC";
}
.fa-key:before {
content: "\F084";
}
.fa-keyboard:before {
content: "\F11C";
}
.fa-keycdn:before {
content: "\F3BA";
}
.fa-kickstarter:before {
content: "\F3BB";
}
.fa-kickstarter-k:before {
content: "\F3BC";
}
.fa-korvue:before {
content: "\F42F";
}
.fa-language:before {
content: "\F1AB";
}
.fa-laptop:before {
content: "\F109";
}
.fa-laravel:before {
content: "\F3BD";
}
.fa-lastfm:before {
content: "\F202";
}
.fa-lastfm-square:before {
content: "\F203";
}
.fa-leaf:before {
content: "\F06C";
}
.fa-leanpub:before {
content: "\F212";
}
.fa-lemon:before {
content: "\F094";
}
.fa-less:before {
content: "\F41D";
}
.fa-level-down-alt:before {
content: "\F3BE";
}
.fa-level-up-alt:before {
content: "\F3BF";
}
.fa-life-ring:before {
content: "\F1CD";
}
.fa-lightbulb:before {
content: "\F0EB";
}
.fa-line:before {
content: "\F3C0";
}
.fa-link:before {
content: "\F0C1";
}
.fa-linkedin:before {
content: "\F08C";
}
.fa-linkedin-in:before {
content: "\F0E1";
}
.fa-linode:before {
content: "\F2B8";
}
.fa-linux:before {
content: "\F17C";
}
.fa-lira-sign:before {
content: "\F195";
}
.fa-list:before {
content: "\F03A";
}
.fa-list-alt:before {
content: "\F022";
}
.fa-list-ol:before {
content: "\F0CB";
}
.fa-list-ul:before {
content: "\F0CA";
}
.fa-location-arrow:before {
content: "\F124";
}
.fa-lock:before {
content: "\F023";
}
.fa-lock-open:before {
content: "\F3C1";
}
.fa-long-arrow-alt-down:before {
content: "\F309";
}
.fa-long-arrow-alt-left:before {
content: "\F30A";
}
.fa-long-arrow-alt-right:before {
content: "\F30B";
}
.fa-long-arrow-alt-up:before {
content: "\F30C";
}
.fa-low-vision:before {
content: "\F2A8";
}
.fa-lyft:before {
content: "\F3C3";
}
.fa-magento:before {
content: "\F3C4";
}
.fa-magic:before {
content: "\F0D0";
}
.fa-magnet:before {
content: "\F076";
}
.fa-male:before {
content: "\F183";
}
.fa-map:before {
content: "\F279";
}
.fa-map-marker:before {
content: "\F041";
}
.fa-map-marker-alt:before {
content: "\F3C5";
}
.fa-map-pin:before {
content: "\F276";
}
.fa-map-signs:before {
content: "\F277";
}
.fa-mars:before {
content: "\F222";
}
.fa-mars-double:before {
content: "\F227";
}
.fa-mars-stroke:before {
content: "\F229";
}
.fa-mars-stroke-h:before {
content: "\F22B";
}
.fa-mars-stroke-v:before {
content: "\F22A";
}
.fa-maxcdn:before {
content: "\F136";
}
.fa-medapps:before {
content: "\F3C6";
}
.fa-medium:before {
content: "\F23A";
}
.fa-medium-m:before {
content: "\F3C7";
}
.fa-medkit:before {
content: "\F0FA";
}
.fa-medrt:before {
content: "\F3C8";
}
.fa-meetup:before {
content: "\F2E0";
}
.fa-meh:before {
content: "\F11A";
}
.fa-mercury:before {
content: "\F223";
}
.fa-microchip:before {
content: "\F2DB";
}
.fa-microphone:before {
content: "\F130";
}
.fa-microphone-slash:before {
content: "\F131";
}
.fa-microsoft:before {
content: "\F3CA";
}
.fa-minus:before {
content: "\F068";
}
.fa-minus-circle:before {
content: "\F056";
}
.fa-minus-square:before {
content: "\F146";
}
.fa-mix:before {
content: "\F3CB";
}
.fa-mixcloud:before {
content: "\F289";
}
.fa-mizuni:before {
content: "\F3CC";
}
.fa-mobile:before {
content: "\F10B";
}
.fa-mobile-alt:before {
content: "\F3CD";
}
.fa-modx:before {
content: "\F285";
}
.fa-monero:before {
content: "\F3D0";
}
.fa-money-bill-alt:before {
content: "\F3D1";
}
.fa-moon:before {
content: "\F186";
}
.fa-motorcycle:before {
content: "\F21C";
}
.fa-mouse-pointer:before {
content: "\F245";
}
.fa-music:before {
content: "\F001";
}
.fa-napster:before {
content: "\F3D2";
}
.fa-neuter:before {
content: "\F22C";
}
.fa-newspaper:before {
content: "\F1EA";
}
.fa-nintendo-switch:before {
content: "\F418";
}
.fa-node:before {
content: "\F419";
}
.fa-node-js:before {
content: "\F3D3";
}
.fa-npm:before {
content: "\F3D4";
}
.fa-ns8:before {
content: "\F3D5";
}
.fa-nutritionix:before {
content: "\F3D6";
}
.fa-object-group:before {
content: "\F247";
}
.fa-object-ungroup:before {
content: "\F248";
}
.fa-odnoklassniki:before {
content: "\F263";
}
.fa-odnoklassniki-square:before {
content: "\F264";
}
.fa-opencart:before {
content: "\F23D";
}
.fa-openid:before {
content: "\F19B";
}
.fa-opera:before {
content: "\F26A";
}
.fa-optin-monster:before {
content: "\F23C";
}
.fa-osi:before {
content: "\F41A";
}
.fa-outdent:before {
content: "\F03B";
}
.fa-page4:before {
content: "\F3D7";
}
.fa-pagelines:before {
content: "\F18C";
}
.fa-paint-brush:before {
content: "\F1FC";
}
.fa-palfed:before {
content: "\F3D8";
}
.fa-paper-plane:before {
content: "\F1D8";
}
.fa-paperclip:before {
content: "\F0C6";
}
.fa-paragraph:before {
content: "\F1DD";
}
.fa-paste:before {
content: "\F0EA";
}
.fa-patreon:before {
content: "\F3D9";
}
.fa-pause:before {
content: "\F04C";
}
.fa-pause-circle:before {
content: "\F28B";
}
.fa-paw:before {
content: "\F1B0";
}
.fa-paypal:before {
content: "\F1ED";
}
.fa-pen-square:before {
content: "\F14B";
}
.fa-pencil-alt:before {
content: "\F303";
}
.fa-percent:before {
content: "\F295";
}
.fa-periscope:before {
content: "\F3DA";
}
.fa-phabricator:before {
content: "\F3DB";
}
.fa-phoenix-framework:before {
content: "\F3DC";
}
.fa-phone:before {
content: "\F095";
}
.fa-phone-square:before {
content: "\F098";
}
.fa-phone-volume:before {
content: "\F2A0";
}
.fa-php:before {
content: "\F457";
}
.fa-pied-piper:before {
content: "\F2AE";
}
.fa-pied-piper-alt:before {
content: "\F1A8";
}
.fa-pied-piper-pp:before {
content: "\F1A7";
}
.fa-pinterest:before {
content: "\F0D2";
}
.fa-pinterest-p:before {
content: "\F231";
}
.fa-pinterest-square:before {
content: "\F0D3";
}
.fa-plane:before {
content: "\F072";
}
.fa-play:before {
content: "\F04B";
}
.fa-play-circle:before {
content: "\F144";
}
.fa-playstation:before {
content: "\F3DF";
}
.fa-plug:before {
content: "\F1E6";
}
.fa-plus:before {
content: "\F067";
}
.fa-plus-circle:before {
content: "\F055";
}
.fa-plus-square:before {
content: "\F0FE";
}
.fa-podcast:before {
content: "\F2CE";
}
.fa-pound-sign:before {
content: "\F154";
}
.fa-power-off:before {
content: "\F011";
}
.fa-print:before {
content: "\F02F";
}
.fa-product-hunt:before {
content: "\F288";
}
.fa-pushed:before {
content: "\F3E1";
}
.fa-puzzle-piece:before {
content: "\F12E";
}
.fa-python:before {
content: "\F3E2";
}
.fa-qq:before {
content: "\F1D6";
}
.fa-qrcode:before {
content: "\F029";
}
.fa-question:before {
content: "\F128";
}
.fa-question-circle:before {
content: "\F059";
}
.fa-quidditch:before {
content: "\F458";
}
.fa-quinscape:before {
content: "\F459";
}
.fa-quora:before {
content: "\F2C4";
}
.fa-quote-left:before {
content: "\F10D";
}
.fa-quote-right:before {
content: "\F10E";
}
.fa-random:before {
content: "\F074";
}
.fa-ravelry:before {
content: "\F2D9";
}
.fa-react:before {
content: "\F41B";
}
.fa-rebel:before {
content: "\F1D0";
}
.fa-recycle:before {
content: "\F1B8";
}
.fa-red-river:before {
content: "\F3E3";
}
.fa-reddit:before {
content: "\F1A1";
}
.fa-reddit-alien:before {
content: "\F281";
}
.fa-reddit-square:before {
content: "\F1A2";
}
.fa-redo:before {
content: "\F01E";
}
.fa-redo-alt:before {
content: "\F2F9";
}
.fa-registered:before {
content: "\F25D";
}
.fa-rendact:before {
content: "\F3E4";
}
.fa-renren:before {
content: "\F18B";
}
.fa-reply:before {
content: "\F3E5";
}
.fa-reply-all:before {
content: "\F122";
}
.fa-replyd:before {
content: "\F3E6";
}
.fa-resolving:before {
content: "\F3E7";
}
.fa-retweet:before {
content: "\F079";
}
.fa-road:before {
content: "\F018";
}
.fa-rocket:before {
content: "\F135";
}
.fa-rocketchat:before {
content: "\F3E8";
}
.fa-rockrms:before {
content: "\F3E9";
}
.fa-rss:before {
content: "\F09E";
}
.fa-rss-square:before {
content: "\F143";
}
.fa-ruble-sign:before {
content: "\F158";
}
.fa-rupee-sign:before {
content: "\F156";
}
.fa-safari:before {
content: "\F267";
}
.fa-sass:before {
content: "\F41E";
}
.fa-save:before {
content: "\F0C7";
}
.fa-schlix:before {
content: "\F3EA";
}
.fa-scribd:before {
content: "\F28A";
}
.fa-search:before {
content: "\F002";
}
.fa-search-minus:before {
content: "\F010";
}
.fa-search-plus:before {
content: "\F00E";
}
.fa-searchengin:before {
content: "\F3EB";
}
.fa-sellcast:before {
content: "\F2DA";
}
.fa-sellsy:before {
content: "\F213";
}
.fa-server:before {
content: "\F233";
}
.fa-servicestack:before {
content: "\F3EC";
}
.fa-share:before {
content: "\F064";
}
.fa-share-alt:before {
content: "\F1E0";
}
.fa-share-alt-square:before {
content: "\F1E1";
}
.fa-share-square:before {
content: "\F14D";
}
.fa-shekel-sign:before {
content: "\F20B";
}
.fa-shield-alt:before {
content: "\F3ED";
}
.fa-ship:before {
content: "\F21A";
}
.fa-shirtsinbulk:before {
content: "\F214";
}
.fa-shopping-bag:before {
content: "\F290";
}
.fa-shopping-basket:before {
content: "\F291";
}
.fa-shopping-cart:before {
content: "\F07A";
}
.fa-shower:before {
content: "\F2CC";
}
.fa-sign-in-alt:before {
content: "\F2F6";
}
.fa-sign-language:before {
content: "\F2A7";
}
.fa-sign-out-alt:before {
content: "\F2F5";
}
.fa-signal:before {
content: "\F012";
}
.fa-simplybuilt:before {
content: "\F215";
}
.fa-sistrix:before {
content: "\F3EE";
}
.fa-sitemap:before {
content: "\F0E8";
}
.fa-skyatlas:before {
content: "\F216";
}
.fa-skype:before {
content: "\F17E";
}
.fa-slack:before {
content: "\F198";
}
.fa-slack-hash:before {
content: "\F3EF";
}
.fa-sliders-h:before {
content: "\F1DE";
}
.fa-slideshare:before {
content: "\F1E7";
}
.fa-smile:before {
content: "\F118";
}
.fa-snapchat:before {
content: "\F2AB";
}
.fa-snapchat-ghost:before {
content: "\F2AC";
}
.fa-snapchat-square:before {
content: "\F2AD";
}
.fa-snowflake:before {
content: "\F2DC";
}
.fa-sort:before {
content: "\F0DC";
}
.fa-sort-alpha-down:before {
content: "\F15D";
}
.fa-sort-alpha-up:before {
content: "\F15E";
}
.fa-sort-amount-down:before {
content: "\F160";
}
.fa-sort-amount-up:before {
content: "\F161";
}
.fa-sort-down:before {
content: "\F0DD";
}
.fa-sort-numeric-down:before {
content: "\F162";
}
.fa-sort-numeric-up:before {
content: "\F163";
}
.fa-sort-up:before {
content: "\F0DE";
}
.fa-soundcloud:before {
content: "\F1BE";
}
.fa-space-shuttle:before {
content: "\F197";
}
.fa-speakap:before {
content: "\F3F3";
}
.fa-spinner:before {
content: "\F110";
}
.fa-spotify:before {
content: "\F1BC";
}
.fa-square:before {
content: "\F0C8";
}
.fa-square-full:before {
content: "\F45C";
}
.fa-stack-exchange:before {
content: "\F18D";
}
.fa-stack-overflow:before {
content: "\F16C";
}
.fa-star:before {
content: "\F005";
}
.fa-star-half:before {
content: "\F089";
}
.fa-staylinked:before {
content: "\F3F5";
}
.fa-steam:before {
content: "\F1B6";
}
.fa-steam-square:before {
content: "\F1B7";
}
.fa-steam-symbol:before {
content: "\F3F6";
}
.fa-step-backward:before {
content: "\F048";
}
.fa-step-forward:before {
content: "\F051";
}
.fa-stethoscope:before {
content: "\F0F1";
}
.fa-sticker-mule:before {
content: "\F3F7";
}
.fa-sticky-note:before {
content: "\F249";
}
.fa-stop:before {
content: "\F04D";
}
.fa-stop-circle:before {
content: "\F28D";
}
.fa-stopwatch:before {
content: "\F2F2";
}
.fa-strava:before {
content: "\F428";
}
.fa-street-view:before {
content: "\F21D";
}
.fa-strikethrough:before {
content: "\F0CC";
}
.fa-stripe:before {
content: "\F429";
}
.fa-stripe-s:before {
content: "\F42A";
}
.fa-studiovinari:before {
content: "\F3F8";
}
.fa-stumbleupon:before {
content: "\F1A4";
}
.fa-stumbleupon-circle:before {
content: "\F1A3";
}
.fa-subscript:before {
content: "\F12C";
}
.fa-subway:before {
content: "\F239";
}
.fa-suitcase:before {
content: "\F0F2";
}
.fa-sun:before {
content: "\F185";
}
.fa-superpowers:before {
content: "\F2DD";
}
.fa-superscript:before {
content: "\F12B";
}
.fa-supple:before {
content: "\F3F9";
}
.fa-sync:before {
content: "\F021";
}
.fa-sync-alt:before {
content: "\F2F1";
}
.fa-table:before {
content: "\F0CE";
}
.fa-table-tennis:before {
content: "\F45D";
}
.fa-tablet:before {
content: "\F10A";
}
.fa-tablet-alt:before {
content: "\F3FA";
}
.fa-tachometer-alt:before {
content: "\F3FD";
}
.fa-tag:before {
content: "\F02B";
}
.fa-tags:before {
content: "\F02C";
}
.fa-tasks:before {
content: "\F0AE";
}
.fa-taxi:before {
content: "\F1BA";
}
.fa-telegram:before {
content: "\F2C6";
}
.fa-telegram-plane:before {
content: "\F3FE";
}
.fa-tencent-weibo:before {
content: "\F1D5";
}
.fa-terminal:before {
content: "\F120";
}
.fa-text-height:before {
content: "\F034";
}
.fa-text-width:before {
content: "\F035";
}
.fa-th:before {
content: "\F00A";
}
.fa-th-large:before {
content: "\F009";
}
.fa-th-list:before {
content: "\F00B";
}
.fa-themeisle:before {
content: "\F2B2";
}
.fa-thermometer-empty:before {
content: "\F2CB";
}
.fa-thermometer-full:before {
content: "\F2C7";
}
.fa-thermometer-half:before {
content: "\F2C9";
}
.fa-thermometer-quarter:before {
content: "\F2CA";
}
.fa-thermometer-three-quarters:before {
content: "\F2C8";
}
.fa-thumbs-down:before {
content: "\F165";
}
.fa-thumbs-up:before {
content: "\F164";
}
.fa-thumbtack:before {
content: "\F08D";
}
.fa-ticket-alt:before {
content: "\F3FF";
}
.fa-times:before {
content: "\F00D";
}
.fa-times-circle:before {
content: "\F057";
}
.fa-tint:before {
content: "\F043";
}
.fa-toggle-off:before {
content: "\F204";
}
.fa-toggle-on:before {
content: "\F205";
}
.fa-trademark:before {
content: "\F25C";
}
.fa-train:before {
content: "\F238";
}
.fa-transgender:before {
content: "\F224";
}
.fa-transgender-alt:before {
content: "\F225";
}
.fa-trash:before {
content: "\F1F8";
}
.fa-trash-alt:before {
content: "\F2ED";
}
.fa-tree:before {
content: "\F1BB";
}
.fa-trello:before {
content: "\F181";
}
.fa-tripadvisor:before {
content: "\F262";
}
.fa-trophy:before {
content: "\F091";
}
.fa-truck:before {
content: "\F0D1";
}
.fa-tty:before {
content: "\F1E4";
}
.fa-tumblr:before {
content: "\F173";
}
.fa-tumblr-square:before {
content: "\F174";
}
.fa-tv:before {
content: "\F26C";
}
.fa-twitch:before {
content: "\F1E8";
}
.fa-twitter:before {
content: "\F099";
}
.fa-twitter-square:before {
content: "\F081";
}
.fa-typo3:before {
content: "\F42B";
}
.fa-uber:before {
content: "\F402";
}
.fa-uikit:before {
content: "\F403";
}
.fa-umbrella:before {
content: "\F0E9";
}
.fa-underline:before {
content: "\F0CD";
}
.fa-undo:before {
content: "\F0E2";
}
.fa-undo-alt:before {
content: "\F2EA";
}
.fa-uniregistry:before {
content: "\F404";
}
.fa-universal-access:before {
content: "\F29A";
}
.fa-university:before {
content: "\F19C";
}
.fa-unlink:before {
content: "\F127";
}
.fa-unlock:before {
content: "\F09C";
}
.fa-unlock-alt:before {
content: "\F13E";
}
.fa-untappd:before {
content: "\F405";
}
.fa-upload:before {
content: "\F093";
}
.fa-usb:before {
content: "\F287";
}
.fa-user:before {
content: "\F007";
}
.fa-user-circle:before {
content: "\F2BD";
}
.fa-user-md:before {
content: "\F0F0";
}
.fa-user-plus:before {
content: "\F234";
}
.fa-user-secret:before {
content: "\F21B";
}
.fa-user-times:before {
content: "\F235";
}
.fa-users:before {
content: "\F0C0";
}
.fa-ussunnah:before {
content: "\F407";
}
.fa-utensil-spoon:before {
content: "\F2E5";
}
.fa-utensils:before {
content: "\F2E7";
}
.fa-vaadin:before {
content: "\F408";
}
.fa-venus:before {
content: "\F221";
}
.fa-venus-double:before {
content: "\F226";
}
.fa-venus-mars:before {
content: "\F228";
}
.fa-viacoin:before {
content: "\F237";
}
.fa-viadeo:before {
content: "\F2A9";
}
.fa-viadeo-square:before {
content: "\F2AA";
}
.fa-viber:before {
content: "\F409";
}
.fa-video:before {
content: "\F03D";
}
.fa-vimeo:before {
content: "\F40A";
}
.fa-vimeo-square:before {
content: "\F194";
}
.fa-vimeo-v:before {
content: "\F27D";
}
.fa-vine:before {
content: "\F1CA";
}
.fa-vk:before {
content: "\F189";
}
.fa-vnv:before {
content: "\F40B";
}
.fa-volleyball-ball:before {
content: "\F45F";
}
.fa-volume-down:before {
content: "\F027";
}
.fa-volume-off:before {
content: "\F026";
}
.fa-volume-up:before {
content: "\F028";
}
.fa-vuejs:before {
content: "\F41F";
}
.fa-weibo:before {
content: "\F18A";
}
.fa-weixin:before {
content: "\F1D7";
}
.fa-whatsapp:before {
content: "\F232";
}
.fa-whatsapp-square:before {
content: "\F40C";
}
.fa-wheelchair:before {
content: "\F193";
}
.fa-whmcs:before {
content: "\F40D";
}
.fa-wifi:before {
content: "\F1EB";
}
.fa-wikipedia-w:before {
content: "\F266";
}
.fa-window-close:before {
content: "\F410";
}
.fa-window-maximize:before {
content: "\F2D0";
}
.fa-window-minimize:before {
content: "\F2D1";
}
.fa-window-restore:before {
content: "\F2D2";
}
.fa-windows:before {
content: "\F17A";
}
.fa-won-sign:before {
content: "\F159";
}
.fa-wordpress:before {
content: "\F19A";
}
.fa-wordpress-simple:before {
content: "\F411";
}
.fa-wpbeginner:before {
content: "\F297";
}
.fa-wpexplorer:before {
content: "\F2DE";
}
.fa-wpforms:before {
content: "\F298";
}
.fa-wrench:before {
content: "\F0AD";
}
.fa-xbox:before {
content: "\F412";
}
.fa-xing:before {
content: "\F168";
}
.fa-xing-square:before {
content: "\F169";
}
.fa-y-combinator:before {
content: "\F23B";
}
.fa-yahoo:before {
content: "\F19E";
}
.fa-yandex:before {
content: "\F413";
}
.fa-yandex-international:before {
content: "\F414";
}
.fa-yelp:before {
content: "\F1E9";
}
.fa-yen-sign:before {
content: "\F157";
}
.fa-yoast:before {
content: "\F2B1";
}
.fa-youtube:before {
content: "\F167";
}
.fa-youtube-square:before {
content: "\F431";
}
.sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.fab {
font-family: FontAwesomeBrands, serif;
}
.fa,
.far,
.fas {
font-family: FontAwesomeSolid, serif;
}
.far {
font-weight: 400;
}
.fa,
.fas {
font-weight: 900;
}
.shariff:after,
.shariff:before {
content: " ";
display: table;
}
.shariff:after {
clear: both;
}
.shariff ul {
padding: 0;
margin: 0;
list-style: none;
}
.shariff li {
overflow: hidden;
}
.shariff li,
.shariff li a {
height: 35px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.shariff li a {
color: #fff;
position: relative;
display: block;
text-decoration: none;
}
.shariff li .share_count,
.shariff li .share_text {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
vertical-align: middle;
line-height: 35px;
}
.shariff li .fab,
.shariff li .far,
.shariff li .fas {
width: 35px;
line-height: 35px;
text-align: center;
vertical-align: middle;
}
.shariff li .share_count {
padding: 0 8px;
height: 33px;
position: absolute;
top: 1px;
right: 1px;
}
.shariff .orientation-horizontal li {
-webkit-box-flex: 1;
}
.shariff .orientation-horizontal .info {
-webkit-box-flex: 0;
}
.shariff .orientation-horizontal {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.shariff .orientation-horizontal li {
float: left;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 35px;
margin-right: 3%;
margin-bottom: 10px;
}
.shariff .orientation-horizontal li:last-child {
margin-right: 0;
}
.shariff .orientation-horizontal li .share_text {
display: block;
text-indent: -9999px;
padding-left: 3px;
}
.shariff .orientation-horizontal li .share_count {
display: none;
}
.shariff .theme-grey .shariff-button a {
background-color: #b0b0b0;
}
.shariff .theme-grey .shariff-button .share_count {
background-color: #ccc;
color: #333;
}
.shariff .theme-white .shariff-button {
border: 1px solid #dddddd;
}
.shariff .theme-white .shariff-button a {
background-color: #fff;
}
.shariff .theme-white .shariff-button a:hover {
background-color: #eee;
}
.shariff .theme-white .shariff-button .share_count {
background-color: #fff;
color: #999;
}
.shariff .orientation-vertical.button-style-icon {
min-width: 35px;
}
.shariff .orientation-vertical.button-style-icon-count {
min-width: 80px;
}
.shariff .orientation-vertical.button-style-standard {
min-width: 110px;
}
.shariff .orientation-vertical li {
display: block;
width: 100%;
margin: 5px 0;
}
.shariff .orientation-vertical.button-style-icon-count li .share_count,
.shariff .orientation-vertical.button-style-standard li .share_count {
width: 24px;
text-align: right;
}
@media only screen and (min-width: 360px) {
.shariff .orientation-horizontal li {
margin-right: 2%;
}
.shariff .orientation-horizontal.button-style-icon-count li,
.shariff .orientation-horizontal.button-style-standard li {
min-width: 80px;
}
.shariff .orientation-horizontal.button-style-icon-count li .share_count,
.shariff .orientation-horizontal.button-style-standard li .share_count {
display: block;
}
.shariff .orientation-horizontal.button-style-standard li {
width: 48%;
float: left;
}
.shariff .orientation-horizontal.button-style-standard li .share_text {
text-indent: 0;
display: inline;
}
.shariff .orientation-horizontal.button-style-standard.shariff-col-1 li,
.shariff .orientation-horizontal.button-style-standard.shariff-col-2 li {
min-width: 110px;
max-width: 160px;
}
.shariff .orientation-horizontal.button-style-standard.shariff-col-1 li .share_text,
.shariff .orientation-horizontal.button-style-standard.shariff-col-2 li .share_text {
text-indent: 0;
display: inline;
}
.shariff .orientation-horizontal.button-style-standard.shariff-col-5 li,
.shariff .orientation-horizontal.button-style-standard.shariff-col-6 li {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
}
@media only screen and (min-width: 640px) {
.shariff .orientation-horizontal.button-style-standard.shariff-col-3 li {
min-width: 110px;
max-width: 160px;
}
.shariff .orientation-horizontal.button-style-standard.shariff-col-3 li .share_text {
text-indent: 0;
display: inline;
}
}
@media only screen and (min-width: 768px) {
.shariff .orientation-horizontal.button-style-standard li {
min-width: 110px;
max-width: 48%;
}
.shariff .orientation-horizontal.button-style-standard li .share_text {
text-indent: 0;
display: inline;
}
.shariff .orientation-horizontal.button-style-standard.shariff-col-5 li,
.shariff .orientation-horizontal.button-style-standard.shariff-col-6 li {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
}
@media only screen and (min-width: 1024px) {
.shariff li,
.shariff li a {
height: 30px;
}
.shariff li .fab,
.shariff li .far,
.shariff li .fas {
width: 30px;
line-height: 30px;
}
.shariff li .share_count,
.shariff li .share_text {
line-height: 30px;
}
.shariff li .share_count {
height: 28px;
}
}
.shariff .addthis a {
background-color: #f8694d;
}
.shariff .addthis a:hover {
background-color: #f75b44;
}
.shariff .addthis .fa-plus {
font-size: 14px;
}
.shariff .addthis .share_count {
color: #f8694d;
background-color: #f1b8b0;
}
.shariff .theme-white .addthis a {
color: #f8694d;
}
@media only screen and (min-width: 600px) {
.shariff .addthis .fa-plus {
font-size: 14px;
position: relative;
top: 1px;
}
}
.shariff .diaspora a {
background-color: #999;
}
.shariff .diaspora a:hover {
background-color: #b3b3b3;
}
.shariff .diaspora .fa-times-circle {
font-size: 17px;
}
.shariff .theme-white .diaspora a {
color: #999;
}
@media only screen and (min-width: 600px) {
.shariff .diaspora .fa-times-circle {
font-size: 16px;
}
}
.shariff .facebook a {
background-color: #3b5998;
}
.shariff .facebook a:hover {
background-color: #4273c8;
}
.shariff .facebook .fa-facebook-f {
font-size: 22px;
}
.shariff .facebook .share_count {
color: #183a75;
background-color: #99adcf;
}
.shariff .theme-white .facebook a {
color: #3b5998;
}
@media only screen and (min-width: 600px) {
.shariff .facebook .fa-facebook-f {
font-size: 19px;
}
}
.shariff .flattr a {
background-color: #7ea352;
}
.shariff .flattr a:hover {
background-color: #f67c1a;
}
.shariff .flattr a:hover .share_count {
color: #d56308;
background-color: #fab47c;
}
.shariff .flattr .fa-money-bill-alt {
font-size: 22px;
}
.shariff .flattr .share_count {
color: #648141;
background-color: #b0c893;
}
.shariff .theme-white .flattr a {
color: #f67c1a;
}
@media only screen and (min-width: 600px) {
.shariff .flattr .fa-money-bill-alt {
font-size: 19px;
}
}
.shariff .flipboard a {
background-color: #e12828;
}
.shariff .flipboard a:hover {
background-color: #ff2e2e;
}
.shariff .flipboard .fa-flipboard {
font-size: 22px;
}
.shariff .theme-white .flipboard a {
color: #e12828;
}
@media only screen and (min-width: 600px) {
.shariff .flipboard .fa-flipboard {
font-size: 19px;
}
}
.shariff .googleplus a {
background-color: #d34836;
}
.shariff .googleplus a:hover {
background-color: #f75b44;
}
.shariff .googleplus .fa-google-plus-g {
font-size: 22px;
}
.shariff .googleplus .share_count {
color: #a31601;
background-color: #eda79d;
}
.shariff .theme-white .googleplus a {
color: #d34836;
}
@media only screen and (min-width: 600px) {
.shariff .googleplus .fa-google-plus-g {
font-size: 19px;
}
}
.shariff .info {
border: 1px solid #cccccc;
}
.shariff .info a {
color: #666;
background-color: #fff;
}
.shariff .info a:hover {
background-color: #efefef;
}
.shariff .info .fa-info {
font-size: 20px;
width: 33px;
}
.shariff .info .share_text {
display: block !important;
text-indent: -9999px !important;
}
.shariff .theme-grey .info a {
background-color: #fff;
}
.shariff .theme-grey .info a:hover {
background-color: #efefef;
}
.shariff .orientation-vertical .info {
width: 35px;
float: right;
}
@media only screen and (min-width: 360px) {
.shariff .orientation-horizontal .info {
-webkit-box-flex: 0 !important;
-ms-flex: none !important;
flex: none !important;
width: 35px;
min-width: 35px !important;
}
}
@media only screen and (min-width: 1024px) {
.shariff .info .fa-info {
font-size: 16px;
width: 23px;
}
.shariff .orientation-horizontal .info {
width: 25px;
min-width: 25px !important;
}
.shariff .orientation-vertical .info {
width: 25px;
}
}
.shariff .linkedin a {
background-color: #0077b5;
}
.shariff .linkedin a:hover {
background-color: #0369a0;
}
.shariff .linkedin .fa-linkedin-in {
font-size: 22px;
}
.shariff .linkedin .share_count {
color: #004785;
background-color: #33aae8;
}
.shariff .theme-white .linkedin a {
color: #0077b5;
}
@media only screen and (min-width: 600px) {
.shariff .linkedin .fa-linkedin-in {
font-size: 19px;
}
}
.shariff .mail a {
background-color: #999;
}
.shariff .mail a:hover {
background-color: #a8a8a8;
}
.shariff .mail .fa-envelope {
font-size: 21px;
}
.shariff .theme-white .mail a {
color: #999;
}
@media only screen and (min-width: 600px) {
.shariff .mail .fa-envelope {
font-size: 18px;
}
}
.shariff .print a {
background-color: #999;
}
.shariff .print a:hover {
background-color: #a8a8a8;
}
.shariff .print .fa-print {
font-size: 21px;
}
.shariff .theme-white .print a {
color: #999;
}
@media only screen and (min-width: 600px) {
.shariff .print .fa-print {
font-size: 18px;
}
}
.shariff .pinterest a {
background-color: #bd081c;
}
.shariff .pinterest a:hover {
background-color: #d50920;
}
.shariff .pinterest .fa-pinterest-p {
font-size: 22px;
}
.shariff .pinterest .share_count {
color: #a31601;
background-color: #eda79d;
}
.shariff .theme-white .pinterest a {
color: #bd081c;
}
@media only screen and (min-width: 600px) {
.shariff .pinterest .fa-pinterest-p {
font-size: 19px;
position: relative;
top: 1px;
}
}
.shariff .reddit a {
background-color: #ff4500;
}
.shariff .reddit a:hover {
background-color: #ff6a33;
}
.shariff .reddit .fa-reddit {
font-size: 17px;
}
.shariff .theme-white .reddit a {
color: #ff4500;
}
@media only screen and (min-width: 600px) {
.shariff .reddit .fa-reddit {
font-size: 16px;
}
}
.shariff .stumbleupon a {
background-color: #eb4924;
}
.shariff .stumbleupon a:hover {
background-color: #ef7053;
}
.shariff .stumbleupon .fa-stumbleupon {
font-size: 17px;
}
.shariff .theme-white .stumbleupon a {
color: #eb4924;
}
@media only screen and (min-width: 600px) {
.shariff .stumbleupon .fa-stumbleupon {
font-size: 16px;
}
}
.shariff .twitter a {
background-color: #55acee;
}
.shariff .twitter a:hover {
background-color: #32bbf5;
}
.shariff .twitter .fa-twitter {
font-size: 28px;
}
.shariff .twitter .share_count {
color: #0174a4;
background-color: #96d4ee;
}
.shariff .theme-white .twitter a {
color: #55acee;
}
@media only screen and (min-width: 600px) {
.shariff .twitter .fa-twitter {
font-size: 24px;
}
}
.shariff .whatsapp a {
background-color: #5cbe4a;
}
.shariff .whatsapp a:hover {
background-color: #34af23;
}
.shariff .whatsapp .fa-whatsapp {
font-size: 28px;
}
.shariff .theme-white .whatsapp a {
color: #5cbe4a;
}
@media only screen and (min-width: 600px) {
.shariff .whatsapp .fa-whatsapp {
font-size: 22px;
}
}
.shariff .xing a {
background-color: #126567;
}
.shariff .xing a:hover {
background-color: #29888a;
}
.shariff .xing .fa-xing {
font-size: 22px;
}
.shariff .xing .share_count {
color: #15686a;
background-color: #4fa5a7;
}
.shariff .theme-white .xing a {
color: #126567;
}
@media only screen and (min-width: 600px) {
.shariff .xing .fa-xing {
font-size: 19px;
}
}
.shariff .tumblr a {
background-color: #36465d;
}
.shariff .tumblr a:hover {
background-color: #44546b;
}
.shariff .tumblr .fa-tumblr {
font-size: 28px;
}
.shariff .theme-white .tumblr a {
color: #5cbe4a;
}
@media only screen and (min-width: 600px) {
.shariff .tumblr .fa-tumblr {
font-size: 22px;
}
}
.shariff .threema a {
background-color: #333;
}
.shariff .threema a:hover {
background-color: #1f1f1f;
}
.shariff .threema .fa-lock {
font-size: 28px;
}
.shariff .theme-white .threema a {
color: #333;
}
@media only screen and (min-width: 600px) {
.shariff .threema .fa-lock {
font-size: 22px;
}
}
.shariff .weibo a {
background-color: #f56770;
}
.shariff .weibo a:hover {
background-color: #fa7f8a;
}
.shariff .weibo .fa-weibo {
font-size: 28px;
}
.shariff .weibo .share_count {
color: #0174a4;
background-color: #f56770;
}
.shariff .theme-white .weibo a {
color: #f56770;
}
@media only screen and (min-width: 600px) {
.shariff .weibo .fa-weibo {
font-size: 24px;
}
}
.shariff .tencent-weibo a {
background-color: #26ace0;
}
.shariff .tencent-weibo a:hover {
background-color: #38bbeb;
}
.shariff .tencent-weibo .fa-tencent-weibo {
font-size: 28px;
}
.shariff .tencent-weibo .share_count {
color: #0174a4;
background-color: #26ace0;
}
.shariff .theme-white .tencent-weibo a {
color: #26ace0;
}
@media only screen and (min-width: 600px) {
.shariff .tencent-weibo .fa-tencent-weibo {
font-size: 24px;
}
}
.shariff .telegram a {
background-color: #08c;
}
.shariff .telegram a:hover {
background-color: #007dbb;
}
.shariff .telegram .fa-telegram {
font-size: 28px;
}
.shariff .theme-white .telegram a {
color: #08c;
}
@media only screen and (min-width: 600px) {
.shariff .telegram .fa-telegram {
font-size: 22px;
}
}
.shariff .qzone a {
background-color: #2b82d9;
}
.shariff .qzone a:hover {
background-color: #398fe6;
}
.shariff .qzone .fa-qq {
font-size: 28px;
}
.shariff .qzone .share_count {
color: #0174a4;
background-color: #2b82d9;
}
.shariff .theme-white .qzone a {
color: #2b82d9;
}
@media only screen and (min-width: 600px) {
.shariff .qzone .fa-qq {
font-size: 24px;
}
}
.shariff .vk a {
background-color: #5d7fa4;
}
.shariff .vk a:hover {
background-color: #678eb4;
}
.shariff .vk .fa-vk {
font-size: 22px;
}
.shariff .vk .share_count {
color: #55677d;
background-color: #fff;
}
.shariff .theme-white .vk a {
color: #3b5998;
}
@media only screen and (min-width: 600px) {
.shariff .vk .fa-vk {
font-size: 19px;
}
}
@media (max-width: 768px) {
.snippetProductTeaserStandard .inner .body .imageLink .image {
display: block;
margin: 0 auto;
}
.snippetProductTeaserStandard .inner .body .imageLink:after {
float: none !important;
margin: 0 auto !important;
}
.snippetProductTeaserStandard .brand,
.snippetProductTeaserStandard .title,
.snippetProductTeaserStandard .prices .snippetShopArticlePrice,
.snippetProductTeaserStandard .inner .body .shipping-message,
.snippetProductTeaserStandard .shipping-info,
.snippetProductTeaserStandard .price-info {
text-align: center !important;
}
.snippetProductTeaserStandard .prices,
.snippetProductTeaserStandard .rating {
display: flex;
justify-content: center;
}
}
/*
original images can be found here: customer/src/Esono/CustomerBundle/themes/sgd/sprite-images
generator: http://spritegen.website-performance.org/
- you need to change .sprite to inline-block
- and allow sprite- to not need to be a subclasse of .sprite
compressed using: https://kraken.io/
*/
.sprite {
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
}
.sprite-Instagram {
background-position: -5px -5px;
width: 70px;
height: 70px;
}
.sprite-Kochwerkstatt_20x20 {
background-position: -85px -5px;
width: 20px;
height: 20px;
}
.sprite-add {
background-position: -115px -5px;
width: 12px;
height: 12px;
}
.sprite-add_hover {
background-position: -137px -5px;
width: 12px;
height: 12px;
}
.sprite-ansprechpartner {
background-position: -159px -5px;
width: 42px;
height: 213px;
}
.sprite-ansprechpartner_hover {
background-position: -211px -5px;
width: 42px;
height: 213px;
}
.sprite-badge {
background-position: -263px -5px;
width: 98px;
height: 98px;
}
.sprite-badge-small {
background-position: -371px -5px;
width: 60px;
height: 60px;
}
.sprite-baket_1 {
background-position: -441px -5px;
width: 32px;
height: 30px;
}
.sprite-basket_2 {
background-position: -483px -5px;
width: 23px;
height: 23px;
}
.sprite-basket_empty {
background-position: -516px -5px;
width: 32px;
height: 31px;
}
.sprite-basket_full {
background-position: -85px -46px;
width: 32px;
height: 31px;
}
.sprite-close {
background-position: -127px -46px;
width: 16px;
height: 16px;
}
.sprite-close_hover {
background-position: -441px -46px;
width: 16px;
height: 16px;
}
.sprite-delivery {
background-position: -441px -72px;
width: 97px;
height: 52px;
}
.sprite-delivery_small {
background-position: -5px -134px;
width: 57px;
height: 30px;
}
.sprite-delivery_status_big_green {
background-position: -72px -134px;
width: 40px;
height: 27px;
}
.sprite-delivery_status_big_red {
background-position: -263px -134px;
width: 40px;
height: 27px;
}
.sprite-delivery_status_big_yellow {
background-position: -313px -134px;
width: 40px;
height: 27px;
}
.sprite-delivery_status_small_green {
background-position: -363px -134px;
width: 32px;
height: 22px;
}
.sprite-delivery_status_small_red {
background-position: -405px -134px;
width: 32px;
height: 22px;
}
.sprite-delivery_status_small_yellow {
background-position: -447px -134px;
width: 32px;
height: 22px;
}
.sprite-deutschland_large {
background-position: -489px -134px;
width: 30px;
height: 20px;
}
.sprite-deutschland_small {
background-position: -467px -46px;
width: 22px;
height: 15px;
}
.sprite-email {
background-position: -499px -46px;
width: 16px;
height: 12px;
}
.sprite-england_large {
background-position: -529px -134px;
width: 30px;
height: 20px;
}
.sprite-england_small {
background-position: -525px -46px;
width: 22px;
height: 15px;
}
.sprite-facebook {
background-position: -363px -166px;
width: 97px;
height: 26px;
}
.sprite-facebook_hover {
background-position: -5px -202px;
width: 97px;
height: 26px;
}
.sprite-facebook_icon {
background-position: -122px -134px;
width: 26px;
height: 28px;
}
.sprite-favorite {
background-position: -489px -164px;
width: 14px;
height: 14px;
}
.sprite-favorite_hover {
background-position: -513px -164px;
width: 14px;
height: 14px;
}
.sprite-frankreich_large {
background-position: -112px -188px;
width: 30px;
height: 20px;
}
.sprite-frankreich_small {
background-position: -537px -164px;
width: 22px;
height: 15px;
}
.sprite-gutschein {
background-position: -263px -188px;
width: 42px;
height: 33px;
}
.sprite-gutschein_hover {
background-position: -470px -188px;
width: 42px;
height: 33px;
}
.sprite-home_icon {
background-position: -315px -188px;
width: 27px;
height: 22px;
}
.sprite-hook_large {
background-position: -112px -231px;
width: 42px;
height: 40px;
}
.sprite-hook_small {
background-position: -522px -189px;
width: 26px;
height: 24px;
}
.sprite-hover_kontakt_button {
background-position: -164px -231px;
width: 42px;
height: 123px;
}
.sprite-idealo {
background-position: -315px -223px;
width: 70px;
height: 70px;
}
.sprite-idealo_small {
background-position: -395px -223px;
width: 50px;
height: 50px;
}
.sprite-increase {
background-position: -216px -231px;
width: 46px;
height: 46px;
}
.sprite-info {
background-position: -522px -223px;
width: 17px;
height: 17px;
}
.sprite-info_hover {
background-position: -5px -250px;
width: 17px;
height: 17px;
}
.sprite-instagram_small {
background-position: -32px -250px;
width: 28px;
height: 28px;
}
.sprite-kontakt_button {
background-position: -455px -231px;
width: 42px;
height: 123px;
}
.sprite-lesenwert_button {
background-position: -70px -250px;
width: 26px;
height: 27px;
}
.sprite-lesenwert_button_hover {
background-position: -272px -250px;
width: 26px;
height: 27px;
}
.sprite-link_14pt_button_left {
background-position: -548px -71px;
width: 7px;
height: 11px;
}
.sprite-link_14pt_button_right {
background-position: -5px -92px;
width: 7px;
height: 11px;
}
.sprite-link_14pt_hover_left {
background-position: -22px -92px;
width: 7px;
height: 11px;
}
.sprite-link_14pt_hover_right {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.sprite-link_14pt_left {
background-position: -56px -92px;
width: 7px;
height: 11px;
}
.sprite-link_14pt_right {
background-position: -73px -92px;
width: 7px;
height: 11px;
}
.sprite-link_18pt_button_left {
background-position: -90px -92px;
width: 9px;
height: 15px;
}
.sprite-link_18pt_button_right {
background-position: -109px -92px;
width: 9px;
height: 15px;
}
.sprite-link_18pt_hover_left {
background-position: -128px -92px;
width: 9px;
height: 15px;
}
.sprite-link_18pt_hover_right {
background-position: -371px -92px;
width: 9px;
height: 15px;
}
.sprite-link_18pt_left {
background-position: -390px -92px;
width: 9px;
height: 15px;
}
.sprite-link_18pt_right {
background-position: -409px -92px;
width: 9px;
height: 15px;
}
.sprite-link_20pt_button_left {
background-position: -548px -92px;
width: 9px;
height: 16px;
}
.sprite-link_20pt_button_right {
background-position: -549px -223px;
width: 9px;
height: 16px;
}
.sprite-link_20pt_hover_left {
background-position: -549px -249px;
width: 9px;
height: 16px;
}
.sprite-link_20pt_hover_right {
background-position: -507px -275px;
width: 9px;
height: 16px;
}
.sprite-link_20pt_left {
background-position: -526px -275px;
width: 9px;
height: 16px;
}
.sprite-link_20pt_right {
background-position: -545px -275px;
width: 9px;
height: 16px;
}
.sprite-link_36pt_button_down {
background-position: -5px -301px;
width: 36px;
height: 36px;
}
.sprite-list {
background-position: -51px -301px;
width: 19px;
height: 19px;
}
.sprite-list_hover {
background-position: -80px -301px;
width: 19px;
height: 19px;
}
.sprite-list_open {
background-position: -109px -301px;
width: 19px;
height: 19px;
}
.sprite-list_open_hover {
background-position: -216px -301px;
width: 19px;
height: 19px;
}
.sprite-meinkonto_header {
background-position: -245px -301px;
width: 21px;
height: 21px;
}
.sprite-meinkonto_header_hover {
background-position: -276px -301px;
width: 21px;
height: 21px;
}
.sprite-merkzettel {
background-position: -395px -301px;
width: 19px;
height: 18px;
}
.sprite-merkzettel_button {
background-position: -507px -301px;
width: 26px;
height: 27px;
}
.sprite-merkzettel_button_hover {
background-position: -51px -338px;
width: 26px;
height: 27px;
}
.sprite-merkzettel_header {
background-position: -87px -338px;
width: 24px;
height: 23px;
}
.sprite-merkzettel_header_hover {
background-position: -121px -338px;
width: 24px;
height: 23px;
}
.sprite-nose-right {
background-position: -424px -301px;
width: 17px;
height: 25px;
}
.sprite-nose-right-noshadow {
background-position: -216px -338px;
width: 17px;
height: 25px;
}
.sprite-nose-top {
background-position: -243px -338px;
width: 25px;
height: 17px;
}
.sprite-nose-top-noshadow {
background-position: -278px -338px;
width: 25px;
height: 17px;
}
.sprite-note {
background-position: -507px -250px;
width: 12px;
height: 12px;
}
.sprite-note_hover {
background-position: -138px -301px;
width: 12px;
height: 12px;
}
.sprite-oesterreich_large {
background-position: -313px -338px;
width: 30px;
height: 20px;
}
.sprite-oesterreich_small {
background-position: -353px -338px;
width: 22px;
height: 15px;
}
.sprite-options_add {
background-position: -543px -301px;
width: 16px;
height: 16px;
}
.sprite-options_remove {
background-position: -543px -327px;
width: 16px;
height: 16px;
}
.sprite-paypal-large {
background-position: -353px -364px;
width: 85px;
height: 25px;
}
.sprite-phone_black1 {
background-position: -507px -338px;
width: 22px;
height: 22px;
}
.sprite-phone_black2 {
background-position: -5px -370px;
width: 24px;
height: 24px;
}
.sprite-phone_black3 {
background-position: -155px -370px;
width: 29px;
height: 29px;
}
.sprite-phone_black4 {
background-position: -243px -370px;
width: 32px;
height: 32px;
}
.sprite-phone_red1 {
background-position: -285px -370px;
width: 22px;
height: 22px;
}
.sprite-phone_red2 {
background-position: -317px -370px;
width: 24px;
height: 24px;
}
.sprite-phone_red3 {
background-position: -448px -370px;
width: 29px;
height: 29px;
}
.sprite-phone_red4 {
background-position: -487px -370px;
width: 32px;
height: 32px;
}
.sprite-phone_white1 {
background-position: -529px -370px;
width: 22px;
height: 22px;
}
.sprite-phone_white2 {
background-position: -39px -402px;
width: 24px;
height: 24px;
}
.sprite-phone_white3 {
background-position: -73px -402px;
width: 29px;
height: 29px;
}
.sprite-phone_white4 {
background-position: -112px -412px;
width: 32px;
height: 32px;
}
.sprite-phone_white5 {
background-position: -194px -402px;
width: 16px;
height: 16px;
}
.sprite-pinterest {
background-position: -285px -409px;
width: 88px;
height: 26px;
}
.sprite-pinterest_hover {
background-position: -383px -409px;
width: 88px;
height: 26px;
}
.sprite-pinterest_icon {
background-position: -529px -402px;
width: 28px;
height: 28px;
}
.sprite-plus_small {
background-position: -5px -440px;
width: 14px;
height: 15px;
}
.sprite-recall {
background-position: -569px -5px;
width: 42px;
height: 159px;
}
.sprite-recall_hover {
background-position: -569px -174px;
width: 42px;
height: 159px;
}
.sprite-rechnung {
background-position: -569px -343px;
width: 31px;
height: 35px;
}
.sprite-remove {
background-position: -5px -174px;
width: 11px;
height: 11px;
}
.sprite-remove_hover {
background-position: -26px -174px;
width: 11px;
height: 11px;
}
.sprite-safty {
background-position: -567px -388px;
width: 34px;
height: 48px;
}
.sprite-schweiz_large {
background-position: -29px -446px;
width: 30px;
height: 20px;
}
.sprite-schweiz_small {
background-position: -47px -174px;
width: 22px;
height: 15px;
}
.sprite-service-hotline_de {
background-position: -154px -445px;
width: 192px;
height: 44px;
}
.sprite-slider-arrow_left {
background-position: -69px -446px;
width: 19px;
height: 19px;
}
.sprite-slider-arrow_right {
background-position: -356px -446px;
width: 19px;
height: 19px;
}
.sprite-stage_arrow {
background-position: -385px -446px;
width: 19px;
height: 22px;
}
.sprite-stage_arrow_back {
background-position: -414px -446px;
width: 19px;
height: 22px;
}
.sprite-stage_arrow_back_hover {
background-position: -443px -446px;
width: 19px;
height: 22px;
}
.sprite-stage_arrow_hover {
background-position: -472px -446px;
width: 19px;
height: 22px;
}
.sprite-star1_empty {
background-position: -79px -174px;
width: 8px;
height: 8px;
}
.sprite-star1_full {
background-position: -385px -343px;
width: 8px;
height: 8px;
}
.sprite-star1_half {
background-position: -403px -343px;
width: 8px;
height: 8px;
}
.sprite-star2_empty {
background-position: -421px -343px;
width: 11px;
height: 10px;
}
.sprite-star2_empty_hover {
background-position: -112px -388px;
width: 11px;
height: 10px;
}
.sprite-star2_full {
background-position: -133px -388px;
width: 11px;
height: 10px;
}
.sprite-star2_full_hover {
background-position: -220px -388px;
width: 11px;
height: 10px;
}
.sprite-star2_half {
background-position: -501px -446px;
width: 11px;
height: 10px;
}
.sprite-star2_half_hover {
background-position: -522px -446px;
width: 11px;
height: 10px;
}
.sprite-star3_empty {
background-position: -543px -446px;
width: 13px;
height: 13px;
}
.sprite-star3_empty_hover {
background-position: -566px -446px;
width: 13px;
height: 13px;
}
.sprite-star3_full {
background-position: -589px -446px;
width: 13px;
height: 13px;
}
.sprite-star3_full_hover {
background-position: -5px -469px;
width: 13px;
height: 13px;
}
.sprite-star3_half {
background-position: -98px -469px;
width: 13px;
height: 13px;
}
.sprite-star3_half_hover {
background-position: -121px -469px;
width: 13px;
height: 13px;
}
.sprite-star4_empty {
background-position: -501px -469px;
width: 18px;
height: 16px;
}
.sprite-star4_full {
background-position: -529px -469px;
width: 18px;
height: 16px;
}
.sprite-star4_half {
background-position: -557px -469px;
width: 18px;
height: 16px;
}
.sprite-star_full_black {
background-position: -585px -469px;
width: 13px;
height: 13px;
}
.sprite-star_full_red {
background-position: -5px -492px;
width: 13px;
height: 13px;
}
.sprite-status-arrow {
background-position: -28px -492px;
width: 14px;
height: 23px;
}
.sprite-status-arrow1 {
background-position: -52px -492px;
width: 14px;
height: 23px;
}
.sprite-status-arrow_hover {
background-position: -76px -492px;
width: 14px;
height: 23px;
}
.sprite-status-cart {
background-position: -100px -495px;
width: 35px;
height: 27px;
}
.sprite-status-cart1 {
background-position: -356px -495px;
width: 35px;
height: 27px;
}
.sprite-status-cart_hover {
background-position: -401px -495px;
width: 35px;
height: 27px;
}
.sprite-status-completed {
background-position: -446px -492px;
width: 22px;
height: 21px;
}
.sprite-status-completed1 {
background-position: -585px -492px;
width: 22px;
height: 21px;
}
.sprite-status-completed_hover {
background-position: -145px -523px;
width: 22px;
height: 21px;
}
.sprite-status-delivery {
background-position: -478px -495px;
width: 44px;
height: 27px;
}
.sprite-status-delivery1 {
background-position: -177px -523px;
width: 44px;
height: 27px;
}
.sprite-status-delivery_hover {
background-position: -231px -523px;
width: 44px;
height: 27px;
}
.sprite-status-payment {
background-position: -532px -495px;
width: 32px;
height: 27px;
}
.sprite-status-payment1 {
background-position: -285px -523px;
width: 32px;
height: 27px;
}
.sprite-status-payment_hover {
background-position: -574px -523px;
width: 32px;
height: 27px;
}
.sprite-status-sign_in {
background-position: -5px -560px;
width: 27px;
height: 27px;
}
.sprite-status-sign_in1 {
background-position: -42px -560px;
width: 27px;
height: 27px;
}
.sprite-status-sign_in_hover {
background-position: -79px -560px;
width: 27px;
height: 27px;
}
.sprite-telephone_black {
background-position: -327px -532px;
width: 42px;
height: 43px;
}
.sprite-tw_logo_header {
background-position: -116px -585px;
width: 235px;
height: 73px;
}
.sprite-tw_logo_header_small {
background-position: -379px -532px;
width: 176px;
height: 55px;
}
.sprite-update {
background-position: -116px -560px;
width: 15px;
height: 13px;
}
.sprite-update_hover {
background-position: -141px -560px;
width: 15px;
height: 13px;
}
.sprite-vorauskasse {
background-position: -565px -560px;
width: 38px;
height: 44px;
}
.sprite-warning_small {
background-position: -5px -614px;
width: 18px;
height: 16px;
}
.sprite-whatsapp {
background-position: -361px -597px;
width: 100px;
height: 26px;
}
.sprite-whatsapp_hover {
background-position: -471px -614px;
width: 100px;
height: 26px;
}
.sprite-whatsapp_small {
background-position: -33px -614px;
width: 16px;
height: 16px;
}
.sprite-whatsapp_small_hover {
background-position: -59px -614px;
width: 16px;
height: 16px;
}
.G1 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b70f00+0,971d00+100 */
background: #b70f00;
/* Old browsers */
background: -moz-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b70f00 0%, #971d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients1', endColorstr='@colorGradients2', GradientType=0);
/* IE6-9 */
}
.G2 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff2a00+0,b70d00+100 */
background: #ff2a00;
/* Old browsers */
background: -moz-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff2a00 0%, #b70d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients3', endColorstr='@colorGradients4', GradientType=0);
/* IE6-9 */
}
.G3 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5c500+0,7e9400+100 */
background: #b5c500;
/* Old browsers */
background: -moz-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b5c500 0%, #7e9400 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients5', endColorstr='@colorGradients6', GradientType=0);
/* IE6-9 */
}
.G4 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f400+0,aebf00+100 */
background: #f0f400;
/* Old browsers */
background: -moz-linear-gradient(top, #f0f400 0%, #aebf00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #f0f400 0%, #aebf00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f0f400 0%, #aebf00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients7', endColorstr='@colorGradients8', GradientType=0);
/* IE6-9 */
}
.G5 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#525252+0,000000+100 */
background: #525252;
/* Old browsers */
background: -moz-linear-gradient(top, #525252 0%, #000000 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #525252 0%, #000000 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #525252 0%, #000000 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients9', endColorstr='@colorGradients10', GradientType=0);
/* IE6-9 */
}
.G6 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a1a1a1+0,414141+100 */
background: #a1a1a1;
/* Old browsers */
background: -moz-linear-gradient(top, #a1a1a1 0%, #414141 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #a1a1a1 0%, #414141 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a1a1a1 0%, #414141 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients11', endColorstr='@colorGradients12', GradientType=0);
/* IE6-9 */
}
.G7 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffda00+0,e19900+100 */
background: #ffda00;
/* Old browsers */
background: -moz-linear-gradient(top, #ffda00 0%, #e19900 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffda00 0%, #e19900 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffda00 0%, #e19900 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients13', endColorstr='@colorGradients14', GradientType=0);
/* IE6-9 */
}
.G8 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe324+0,ffc803+100 */
background: #ffe324;
/* Old browsers */
background: -moz-linear-gradient(top, #ffe324 0%, #ffc803 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffe324 0%, #ffc803 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffe324 0%, #ffc803 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients15', endColorstr='@colorGradients16', GradientType=0);
/* IE6-9 */
}
@font-face {
font-family: MuseoSans500;
src: url("/assets/tw/fonts/MuseoSans_500-webfont.woff") format("woff");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: MuseoSans700;
src: url("/assets/tw/fonts/MuseoSans_700-webfont.woff") format("woff");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: MuseoSans300Regular;
src: url("/assets/tw/fonts/Museo300-Regular-webfont.woff") format("woff");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: MuseoSans500Regular;
src: url("/assets/tw/fonts/Museo500-Regular-webfont.woff") format("woff");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: MuseoSans700Regular;
src: url("/assets/tw/fonts/Museo700-Regular-webfont.woff") format("woff");
font-weight: 700;
font-style: normal;
}
.font-reset {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
}
.font-reset:after,
.font-reset:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F1 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
}
.F1:after,
.F1:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F1A {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
color: #869e00;
}
.F1A:after,
.F1A:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F1H {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
}
.F1H:after,
.F1H:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F1H:hover,
.F1H:active:hover,
.F1H:active,
.F1H:focus,
.F1H:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
color: #869e00;
}
.F1H:hover:after,
.F1H:active:hover:after,
.F1H:active:after,
.F1H:focus:after,
.F1H:focus:hover:after,
.F1H:hover:before,
.F1H:active:hover:before,
.F1H:active:before,
.F1H:focus:before,
.F1H:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F1H:hover:after,
.F1H:active:hover:after,
.F1H:active:after,
.F1H:focus:after,
.F1H:focus:hover:after,
.F1H:hover:before,
.F1H:active:hover:before,
.F1H:active:before,
.F1H:focus:before,
.F1H:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F2 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #979797;
text-align: center;
}
.F2:after,
.F2:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F2A {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #979797;
text-align: center;
color: #333333;
}
.F2A:after,
.F2A:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F2H {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #979797;
text-align: center;
}
.F2H:after,
.F2H:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F2H:hover,
.F2H:active:hover,
.F2H:active,
.F2H:focus,
.F2H:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #979797;
text-align: center;
color: #333333;
}
.F2H:hover:after,
.F2H:active:hover:after,
.F2H:active:after,
.F2H:focus:after,
.F2H:focus:hover:after,
.F2H:hover:before,
.F2H:active:hover:before,
.F2H:active:before,
.F2H:focus:before,
.F2H:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F3 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 18px;
line-height: 22px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #ffffff;
text-transform: uppercase;
}
.F3:after,
.F3:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F3A {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 18px;
line-height: 22px;
font-family: 'MuseoSans700', Arial, sans-serif;
text-transform: uppercase;
color: #ffffff;
}
.F3A:after,
.F3A:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F3H {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 18px;
line-height: 22px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #ffffff;
text-transform: uppercase;
}
.F3H:after,
.F3H:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F3H:hover,
.F3H:active:hover,
.F3H:active,
.F3H:focus,
.F3H:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 18px;
line-height: 22px;
font-family: 'MuseoSans700', Arial, sans-serif;
text-transform: uppercase;
color: #ffffff;
}
.F3H:hover:after,
.F3H:active:hover:after,
.F3H:active:after,
.F3H:focus:after,
.F3H:focus:hover:after,
.F3H:hover:before,
.F3H:active:hover:before,
.F3H:active:before,
.F3H:focus:before,
.F3H:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F4 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 16px;
line-height: 20px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
text-transform: uppercase;
}
.F4:after,
.F4:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F4A {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 16px;
line-height: 20px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
text-transform: uppercase;
color: #ffffff;
}
.F4A:after,
.F4A:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F4H {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 16px;
line-height: 20px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
text-transform: uppercase;
}
.F4H:after,
.F4H:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F4H:hover,
.F4H:active:hover,
.F4H:active,
.F4H:focus,
.F4H:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 16px;
line-height: 20px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
text-transform: uppercase;
color: #ffffff;
}
.F4H:hover:after,
.F4H:active:hover:after,
.F4H:active:after,
.F4H:focus:after,
.F4H:focus:hover:after,
.F4H:hover:before,
.F4H:active:hover:before,
.F4H:active:before,
.F4H:focus:before,
.F4H:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F5 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 24px;
line-height: 29px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #ffffff;
background-color: #333333;
padding: 2px 8px;
margin-bottom: 18px;
text-transform: uppercase;
width: auto;
display: inline-block;
}
.F5:after,
.F5:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F6 {
font-size: 16px;
line-height: 22px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
}
.F6H {
font-size: 16px;
line-height: 22px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
}
.F7 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
}
.F7:after,
.F7:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F7:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.F7A {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.F7A::after {
content: " >>";
letter-spacing: -1.3px;
}
.F7A:after,
.F7A:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F7A:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.F7A:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.F7H {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
}
.F7H::after {
content: " >>";
letter-spacing: -1.3px;
}
.F7H:after,
.F7H:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F7H:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.F7H:hover,
.F7H:active:hover,
.F7H:active,
.F7H:focus,
.F7H:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.F7H:hover::after,
.F7H:active:hover::after,
.F7H:active::after,
.F7H:focus::after,
.F7H:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.F7H:hover:after,
.F7H:active:hover:after,
.F7H:active:after,
.F7H:focus:after,
.F7H:focus:hover:after,
.F7H:hover:before,
.F7H:active:hover:before,
.F7H:active:before,
.F7H:focus:before,
.F7H:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F7H:hover:after,
.F7H:active:hover:after,
.F7H:active:after,
.F7H:focus:after,
.F7H:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.F7H:hover::after,
.F7H:active:hover::after,
.F7H:active::after,
.F7H:focus::after,
.F7H:focus:hover::after {
color: #869e00;
}
.F7H:hover::after,
.F7H:active:hover::after,
.F7H:active::after,
.F7H:focus::after,
.F7H:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.F7H:hover:after,
.F7H:active:hover:after,
.F7H:active:after,
.F7H:focus:after,
.F7H:focus:hover:after,
.F7H:hover:before,
.F7H:active:hover:before,
.F7H:active:before,
.F7H:focus:before,
.F7H:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F7H:hover:after,
.F7H:active:hover:after,
.F7H:active:after,
.F7H:focus:after,
.F7H:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.F7H:hover:after,
.F7H:active:hover:after,
.F7H:active:after,
.F7H:focus:after,
.F7H:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.F7_old_Arrow_left,
.F7_old_Arrow_left-hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
margin-right: 20px;
}
.F7_old_Arrow_left::after,
.F7_old_Arrow_left-hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.F7_old_Arrow_left:after,
.F7_old_Arrow_left-hover:after,
.F7_old_Arrow_left:before,
.F7_old_Arrow_left-hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F7_old_Arrow_left:after,
.F7_old_Arrow_left-hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.F7_old_Arrow_left:after,
.F7_old_Arrow_left-hover:after {
content: "";
background: none;
}
.F7_old_Arrow_left:before,
.F7_old_Arrow_left-hover:before {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -56px -92px;
width: 7px;
height: 11px;
}
.F7_old_Arrow_left-hover:before {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -22px -92px;
width: 7px;
height: 11px;
}
.F8 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 24px;
line-height: 29px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #ffffff;
background-color: #333333;
padding: 2px 8px;
text-transform: uppercase;
}
.F8:after,
.F8:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F9 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
}
.F9:after,
.F9:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F10 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 18px;
line-height: 22px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
margin-bottom: 10px;
}
.F10:after,
.F10:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F11 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 20px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
}
.F11:after,
.F11:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F11:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.F12 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #ffffff;
margin-bottom: 6px;
}
.F12:after,
.F12:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F13 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 20px;
line-height: 30px;
color: #ffffff;
background-color: #333333;
text-transform: uppercase;
padding: 2px 8px;
margin-bottom: 5px;
}
.F13:after,
.F13:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F14 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
}
.F14:after,
.F14:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F14:hover,
.F14:active:hover,
.F14:active,
.F14:focus,
.F14:focus:hover {
color: #ffffff;
text-decoration: none;
}
.F15 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
text-decoration: underline;
}
.F15:after,
.F15:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F16 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 20px;
color: #ffffff;
}
.F16:after,
.F16:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F16A {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 20px;
color: #ffffff;
color: #b5c500;
}
.F16A:after,
.F16A:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F16H {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 20px;
color: #ffffff;
}
.F16H:after,
.F16H:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F16H:hover,
.F16H:active:hover,
.F16H:active,
.F16H:focus,
.F16H:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 20px;
color: #ffffff;
color: #b5c500;
}
.F16H:hover:after,
.F16H:active:hover:after,
.F16H:active:after,
.F16H:focus:after,
.F16H:focus:hover:after,
.F16H:hover:before,
.F16H:active:hover:before,
.F16H:active:before,
.F16H:focus:before,
.F16H:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F17 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 16px;
line-height: 22px;
color: #333333;
}
.F17:after,
.F17:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F18 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #333333;
}
.F18:after,
.F18:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F18H,
.F18A {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #333333;
color: #869e00;
}
.F18H:after,
.F18A:after,
.F18H:before,
.F18A:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F19 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 30px;
line-height: 36px;
color: #333333;
margin-bottom: 16px;
}
.F19:after,
.F19:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F20 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 30px;
line-height: 36px;
color: #333333;
margin-bottom: 16px;
margin-bottom: 2px;
}
.F20:after,
.F20:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F21 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 42px;
line-height: 50px;
color: #ffffff;
padding-bottom: 7px;
}
.F21:after,
.F21:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F22 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 12px;
line-height: 14px;
color: #979797;
}
.F22:after,
.F22:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F22A {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 12px;
line-height: 14px;
color: #979797;
color: #869e00;
}
.F22A:after,
.F22A:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F22H {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 12px;
line-height: 14px;
color: #979797;
}
.F22H:after,
.F22H:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F22H:hover,
.F22H:active:hover,
.F22H:active,
.F22H:focus,
.F22H:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 12px;
line-height: 14px;
color: #979797;
color: #869e00;
}
.F22H:hover:after,
.F22H:active:hover:after,
.F22H:active:after,
.F22H:focus:after,
.F22H:focus:hover:after,
.F22H:hover:before,
.F22H:active:hover:before,
.F22H:active:before,
.F22H:focus:before,
.F22H:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F23 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 18px;
line-height: 25px;
color: #ff0f00;
text-decoration: line-through;
}
.F23:after,
.F23:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F24 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 18px;
line-height: 25px;
color: #ffffff;
}
.F24:after,
.F24:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F25 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 18px;
line-height: 25px;
color: #ff0f00;
}
.F25:after,
.F25:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F28 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
text-align: center;
}
.F28:after,
.F28:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F29 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #6b6b6b;
text-align: center;
}
.F29:after,
.F29:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F30 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
margin-bottom: 8px;
text-decoration: underline;
}
.F30:after,
.F30:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F30:not(a) {
text-decoration: none;
}
.F30:not(a):hover,
.F30:not(a):active:hover,
.F30:not(a):active,
.F30:not(a):focus,
.F30:not(a):focus:hover {
color: #979797;
}
.F31 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
}
.F31:after,
.F31:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F31A {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
text-decoration: underline;
}
.F31A:after,
.F31A:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F32 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #971d00;
text-decoration: line-through;
}
.F32:after,
.F32:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F33 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
}
.F33:after,
.F33:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F34 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 12px;
line-height: 14px;
color: #6b6b6b;
}
.F34:after,
.F34:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F35 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #333333;
text-transform: uppercase;
padding-left: 15px;
position: relative;
}
.F35:after,
.F35:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F35:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -545px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
.F35:not(a,.close-layover-link) {
padding-left: 0;
}
.F35:not(a,.close-layover-link):after {
background: none;
width: 0;
display: none;
}
.F35A {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #333333;
text-transform: uppercase;
padding-left: 15px;
position: relative;
color: #869e00;
}
.F35A:after,
.F35A:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F35A:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -545px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
.F35A:not(a,.close-layover-link) {
padding-left: 0;
}
.F35A:not(a,.close-layover-link):after {
background: none;
width: 0;
display: none;
}
.F35A:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -507px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
.F35H {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #333333;
text-transform: uppercase;
padding-left: 15px;
position: relative;
}
.F35H:after,
.F35H:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F35H:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -545px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
.F35H:not(a,.close-layover-link) {
padding-left: 0;
}
.F35H:not(a,.close-layover-link):after {
background: none;
width: 0;
display: none;
}
.F35H.active,
.F35H.expanded,
.F35H:hover,
.F35H:active:hover,
.F35H:active,
.F35H:focus,
.F35H:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #333333;
text-transform: uppercase;
padding-left: 15px;
position: relative;
color: #869e00;
}
.F35H.active:after,
.F35H.expanded:after,
.F35H:hover:after,
.F35H:active:hover:after,
.F35H:active:after,
.F35H:focus:after,
.F35H:focus:hover:after,
.F35H.active:before,
.F35H.expanded:before,
.F35H:hover:before,
.F35H:active:hover:before,
.F35H:active:before,
.F35H:focus:before,
.F35H:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F35H.active:after,
.F35H.expanded:after,
.F35H:hover:after,
.F35H:active:hover:after,
.F35H:active:after,
.F35H:focus:after,
.F35H:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -545px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
.F35H.active:not(a,.close-layover-link),
.F35H.expanded:not(a,.close-layover-link),
.F35H:hover:not(a,.close-layover-link),
.F35H:active:hover:not(a,.close-layover-link),
.F35H:active:not(a,.close-layover-link),
.F35H:focus:not(a,.close-layover-link),
.F35H:focus:hover:not(a,.close-layover-link) {
padding-left: 0;
}
.F35H.active:not(a,.close-layover-link):after,
.F35H.expanded:not(a,.close-layover-link):after,
.F35H:hover:not(a,.close-layover-link):after,
.F35H:active:hover:not(a,.close-layover-link):after,
.F35H:active:not(a,.close-layover-link):after,
.F35H:focus:not(a,.close-layover-link):after,
.F35H:focus:hover:not(a,.close-layover-link):after {
background: none;
width: 0;
display: none;
}
.F35H.active:after,
.F35H.expanded:after,
.F35H:hover:after,
.F35H:active:hover:after,
.F35H:active:after,
.F35H:focus:after,
.F35H:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -507px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
.F36 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
}
.F36:after,
.F36:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F37 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #6b6b6b;
}
.F37:after,
.F37:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F37A {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #6b6b6b;
color: #869e00;
}
.F37A:after,
.F37A:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F37H {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #6b6b6b;
}
.F37H:after,
.F37H:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F37H:hover,
.F37H:active:hover,
.F37H:active,
.F37H:focus,
.F37H:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #6b6b6b;
color: #869e00;
}
.F37H:hover:after,
.F37H:active:hover:after,
.F37H:active:after,
.F37H:focus:after,
.F37H:focus:hover:after,
.F37H:hover:before,
.F37H:active:hover:before,
.F37H:active:before,
.F37H:focus:before,
.F37H:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F38 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #6b6b6b;
}
.F38:after,
.F38:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F39 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
text-decoration: underline;
}
.F39:after,
.F39:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F39:hover,
.F39:active:hover,
.F39:active,
.F39:focus,
.F39:focus:hover {
color: #869e00;
}
.F39:not(a) {
text-decoration: none;
}
.F39:not(a):hover,
.F39:not(a):active:hover,
.F39:not(a):active,
.F39:not(a):focus,
.F39:not(a):focus:hover {
color: #979797;
}
.F40 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 40px;
line-height: 48px;
color: #333333;
}
.F40:after,
.F40:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F41 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans300Regular', Arial, sans-serif;
font-size: 40px;
line-height: 48px;
color: #333333;
}
.F41:after,
.F41:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F42 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 20px;
line-height: 28px;
color: #6b6b6b;
}
.F42:after,
.F42:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F43 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 20px;
line-height: 28px;
color: #333333;
text-transform: uppercase;
}
.F43:after,
.F43:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F43A {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 20px;
line-height: 28px;
color: #333333;
text-transform: uppercase;
color: #869e00;
}
.F43A:after,
.F43A:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F43H {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 20px;
line-height: 28px;
color: #333333;
text-transform: uppercase;
}
.F43H:after,
.F43H:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F43H:hover,
.F43H:active:hover,
.F43H:active,
.F43H:focus,
.F43H:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 20px;
line-height: 28px;
color: #333333;
text-transform: uppercase;
color: #869e00;
}
.F43H:hover:after,
.F43H:active:hover:after,
.F43H:active:after,
.F43H:focus:after,
.F43H:focus:hover:after,
.F43H:hover:before,
.F43H:active:hover:before,
.F43H:active:before,
.F43H:focus:before,
.F43H:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F43Arrow {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 20px;
line-height: 28px;
color: #333333;
text-transform: uppercase;
}
.F43Arrow:after,
.F43Arrow:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F43Arrow:after,
.F43Arrow:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F43Arrow:hover,
.F43Arrow:active:hover,
.F43Arrow:active,
.F43Arrow:focus,
.F43Arrow:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 20px;
line-height: 28px;
color: #333333;
text-transform: uppercase;
color: #869e00;
}
.F43Arrow:hover:after,
.F43Arrow:active:hover:after,
.F43Arrow:active:after,
.F43Arrow:focus:after,
.F43Arrow:focus:hover:after,
.F43Arrow:hover:before,
.F43Arrow:active:hover:before,
.F43Arrow:active:before,
.F43Arrow:focus:before,
.F43Arrow:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F43Arrow:after {
display: inline-block !important;
margin-left: 5px !important;
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -545px -275px;
width: 9px;
height: 16px;
}
.F43Arrow:hover:after,
.F43Arrow:active:hover:after,
.F43Arrow:active:after,
.F43Arrow:focus:after,
.F43Arrow:focus:hover:after {
background-position: -507px -275px;
width: 9px;
height: 16px;
}
.F44 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
}
.F44:after,
.F44:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F45 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
}
.F45:after,
.F45:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F45A {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
color: #869e00;
}
.F45A:after,
.F45A:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F45H {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
}
.F45H:after,
.F45H:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F45H:hover,
.F45H:active:hover,
.F45H:active,
.F45H:focus,
.F45H:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
color: #869e00;
}
.F45H:hover:after,
.F45H:active:hover:after,
.F45H:active:after,
.F45H:focus:after,
.F45H:focus:hover:after,
.F45H:hover:before,
.F45H:active:hover:before,
.F45H:active:before,
.F45H:focus:before,
.F45H:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F46 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #6b6b6b;
text-decoration: underline;
}
.F46:after,
.F46:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F46:hover,
.F46:active:hover,
.F46:active,
.F46:focus,
.F46:focus:hover {
color: #869e00;
}
.F46:not(a) {
text-decoration: none;
}
.F46:not(a):hover,
.F46:not(a):active:hover,
.F46:not(a):active,
.F46:not(a):focus,
.F46:not(a):focus:hover {
color: #6b6b6b;
}
.F47 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
text-decoration: underline;
}
.F47:after,
.F47:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F47:hover,
.F47:active:hover,
.F47:active,
.F47:focus,
.F47:focus:hover {
color: #869e00;
}
.F47:not(a) {
text-decoration: none;
}
.F47:not(a):hover,
.F47:not(a):active:hover,
.F47:not(a):active,
.F47:not(a):focus,
.F47:not(a):focus:hover {
color: #979797;
}
.F48 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #869e00;
}
.F48:after,
.F48:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F49 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
text-transform: uppercase;
}
.F49:after,
.F49:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F49A {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
text-transform: uppercase;
color: #869e00;
}
.F49A:after,
.F49A:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F49H {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
text-transform: uppercase;
}
.F49H:after,
.F49H:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F49H:hover,
.F49H:active:hover,
.F49H:active,
.F49H:focus,
.F49H:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
text-transform: uppercase;
color: #869e00;
}
.F49H:hover:after,
.F49H:active:hover:after,
.F49H:active:after,
.F49H:focus:after,
.F49H:focus:hover:after,
.F49H:hover:before,
.F49H:active:hover:before,
.F49H:active:before,
.F49H:focus:before,
.F49H:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F49A2 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
text-transform: uppercase;
color: #c6c6c6;
}
.F49A2:after,
.F49A2:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F49H2 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
text-transform: uppercase;
}
.F49H2:after,
.F49H2:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F49H2:hover,
.F49H2:active:hover,
.F49H2:active,
.F49H2:focus,
.F49H2:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
text-transform: uppercase;
color: #c6c6c6;
}
.F49H2:hover:after,
.F49H2:active:hover:after,
.F49H2:active:after,
.F49H2:focus:after,
.F49H2:focus:hover:after,
.F49H2:hover:before,
.F49H2:active:hover:before,
.F49H2:active:before,
.F49H2:focus:before,
.F49H2:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F50 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #333333;
border-bottom: 1px;
margin-top: 5px;
margin-bottom: 5px;
position: relative;
padding-left: 15px;
}
.F50:after,
.F50:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F50:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 3px;
top: 3px;
}
.F50H {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #333333;
border-bottom: 1px;
margin-top: 5px;
margin-bottom: 5px;
position: relative;
padding-left: 15px;
}
.F50H:after,
.F50H:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F50H:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 3px;
top: 3px;
}
.F50H:hover,
.F50H:active:hover,
.F50H:active,
.F50H:focus,
.F50H:focus:hover {
color: #869e00;
}
.F50H:hover:after,
.F50H:active:hover:after,
.F50H:active:after,
.F50H:focus:after,
.F50H:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.F51 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 24px;
line-height: 29px;
color: #ffffff;
padding: 2px 8px;
background-color: #333333;
text-transform: uppercase;
}
.F51:after,
.F51:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F53 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 24px;
line-height: 29px;
color: #ffffff;
text-transform: uppercase;
}
.F53:after,
.F53:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F54 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #ffffff;
text-transform: uppercase;
}
.F54:after,
.F54:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F55 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #ffffff;
}
.F55:after,
.F55:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F56 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 40px;
line-height: 48px;
color: #333333;
padding-bottom: 6px;
}
.F56:after,
.F56:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F57 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 24px;
line-height: 29px;
color: #333333;
padding-bottom: 7px;
}
.F57:after,
.F57:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F58 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #333333;
}
.F58:after,
.F58:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F58A {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #333333;
color: #869e00;
}
.F58A:after,
.F58A:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F58H {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #333333;
}
.F58H:after,
.F58H:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F58H:hover,
.F58H:active:hover,
.F58H:active,
.F58H:focus,
.F58H:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #333333;
color: #869e00;
}
.F58H:hover:after,
.F58H:active:hover:after,
.F58H:active:after,
.F58H:focus:after,
.F58H:focus:hover:after,
.F58H:hover:before,
.F58H:active:hover:before,
.F58H:active:before,
.F58H:focus:before,
.F58H:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F60 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 25px;
color: #333333;
}
.F60:after,
.F60:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F62 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 30px;
line-height: 36px;
color: #ffffff;
padding-bottom: 2px;
}
.F62:after,
.F62:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F63 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
}
.F63:after,
.F63:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F64 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
text-decoration: underline;
}
.F64:after,
.F64:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F64A {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
text-decoration: underline;
color: #869e00;
}
.F64A:after,
.F64A:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F64H {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
text-decoration: underline;
}
.F64H:after,
.F64H:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F64H:hover,
.F64H:active:hover,
.F64H:active,
.F64H:focus,
.F64H:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
text-decoration: underline;
color: #869e00;
}
.F64H:hover:after,
.F64H:active:hover:after,
.F64H:active:after,
.F64H:focus:after,
.F64H:focus:hover:after,
.F64H:hover:before,
.F64H:active:hover:before,
.F64H:active:before,
.F64H:focus:before,
.F64H:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F65 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 12px;
line-height: 14px;
color: #ffffff;
}
.F65:after,
.F65:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F66 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #869e00;
text-decoration: underline;
}
.F66:after,
.F66:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F66A {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #869e00;
text-decoration: underline;
color: #ffffff;
}
.F66A:after,
.F66A:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F66H {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #869e00;
text-decoration: underline;
}
.F66H:after,
.F66H:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F66H:hover,
.F66H:active:hover,
.F66H:active,
.F66H:focus,
.F66H:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #869e00;
text-decoration: underline;
color: #ffffff;
}
.F66H:hover:after,
.F66H:active:hover:after,
.F66H:active:after,
.F66H:focus:after,
.F66H:focus:hover:after,
.F66H:hover:before,
.F66H:active:hover:before,
.F66H:active:before,
.F66H:focus:before,
.F66H:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F67 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
}
.F67:after,
.F67:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F68 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
text-transform: uppercase;
}
.F68:after,
.F68:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F69 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 12px;
line-height: 14px;
color: #979797;
text-decoration: underline;
}
.F69:after,
.F69:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F69:hover,
.F69:active:hover,
.F69:active,
.F69:focus,
.F69:focus:hover {
color: #869e00;
}
.F69:not(a) {
text-decoration: none;
}
.F69:not(a):hover,
.F69:not(a):active:hover,
.F69:not(a):active,
.F69:not(a):focus,
.F69:not(a):focus:hover {
color: #979797;
}
.F70 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #ff0f00;
}
.F70:after,
.F70:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F71 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ff0f00;
}
.F71:after,
.F71:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F72 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 26px;
line-height: 32px;
color: #ffffff;
text-transform: uppercase;
}
.F72:after,
.F72:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F73 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 24px;
line-height: 29px;
color: #333333;
padding-bottom: 20px;
}
.F73:after,
.F73:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F74 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ff0f00;
}
.F74:after,
.F74:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F75 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 16px;
line-height: 19px;
color: #ffffff;
text-transform: uppercase;
background-color: #333333;
padding: 1px 6px;
margin-bottom: 20px;
}
.F75:after,
.F75:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F76 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 16px;
line-height: 19px;
color: #333333;
margin-bottom: 10px;
text-transform: uppercase;
}
.F76:after,
.F76:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F78 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #869e00;
}
.F78:after,
.F78:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F79 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 16px;
line-height: 22px;
color: #6b6b6b;
}
.F79:after,
.F79:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F80 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
}
.F80:after,
.F80:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F81 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 20px;
line-height: 24px;
color: #ffffff;
}
.F81:after,
.F81:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F82 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 24px;
line-height: 29px;
text-transform: uppercase;
color: #000000;
}
.F82:after,
.F82:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F83 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
}
.F83:after,
.F83:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F84 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 18px;
line-height: 22px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
margin-bottom: 4px;
}
.F84:after,
.F84:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F84A {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 18px;
line-height: 22px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
margin-bottom: 4px;
color: #869e00;
}
.F84A:after,
.F84A:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F84H {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 18px;
line-height: 22px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
margin-bottom: 4px;
}
.F84H:after,
.F84H:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F84H:hover,
.F84H:active:hover,
.F84H:active,
.F84H:focus,
.F84H:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 18px;
line-height: 22px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
margin-bottom: 4px;
color: #869e00;
}
.F84H:hover:after,
.F84H:active:hover:after,
.F84H:active:after,
.F84H:focus:after,
.F84H:focus:hover:after,
.F84H:hover:before,
.F84H:active:hover:before,
.F84H:active:before,
.F84H:focus:before,
.F84H:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F85 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #6b6b6b;
}
.F85:after,
.F85:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F85A {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #6b6b6b;
color: #869e00;
text-decoration: underline;
}
.F85A:after,
.F85A:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F85H {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #6b6b6b;
}
.F85H:after,
.F85H:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F85H:hover,
.F85H:active:hover,
.F85H:active,
.F85H:focus,
.F85H:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #6b6b6b;
color: #869e00;
text-decoration: underline;
}
.F85H:hover:after,
.F85H:active:hover:after,
.F85H:active:after,
.F85H:focus:after,
.F85H:focus:hover:after,
.F85H:hover:before,
.F85H:active:hover:before,
.F85H:active:before,
.F85H:focus:before,
.F85H:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F86 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #6b6b6b;
padding-bottom: 7px;
display: inline-block;
position: relative;
padding-left: 15px;
}
.F86:after,
.F86:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F86:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 3px;
top: 3px;
}
.F86A {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #6b6b6b;
padding-bottom: 7px;
display: inline-block;
position: relative;
padding-left: 15px;
color: #869e00;
text-decoration: underline;
}
.F86A:after,
.F86A:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F86A:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 3px;
top: 3px;
}
.F86A:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.F86H {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #6b6b6b;
padding-bottom: 7px;
display: inline-block;
position: relative;
padding-left: 15px;
}
.F86H:after,
.F86H:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F86H:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 3px;
top: 3px;
}
.F86H:hover,
.F86H:active:hover,
.F86H:active,
.F86H:focus,
.F86H:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #6b6b6b;
padding-bottom: 7px;
display: inline-block;
position: relative;
padding-left: 15px;
color: #869e00;
text-decoration: underline;
}
.F86H:hover:after,
.F86H:active:hover:after,
.F86H:active:after,
.F86H:focus:after,
.F86H:focus:hover:after,
.F86H:hover:before,
.F86H:active:hover:before,
.F86H:active:before,
.F86H:focus:before,
.F86H:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F86H:hover:after,
.F86H:active:hover:after,
.F86H:active:after,
.F86H:focus:after,
.F86H:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 3px;
top: 3px;
}
.F86H:hover:after,
.F86H:active:hover:after,
.F86H:active:after,
.F86H:focus:after,
.F86H:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.F87 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
}
.F87:after,
.F87:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F88 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 30px;
line-height: 36px;
color: #ffffff;
text-transform: uppercase;
}
.F88:after,
.F88:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F89 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
}
.F89:after,
.F89:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.CustomF1 {
padding: 0;
margin: 0;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 20px;
color: #979797;
text-decoration: none;
text-transform: uppercase;
}
.CustomF1:after,
.CustomF1:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.CustomF1:hover,
.CustomF1:active:hover,
.CustomF1:active,
.CustomF1:focus,
.CustomF1:focus:hover {
color: #869e00;
}
.CustomF1:not(a):hover,
.CustomF1:not(a):active:hover,
.CustomF1:not(a):active,
.CustomF1:not(a):focus,
.CustomF1:not(a):focus:hover {
color: #979797;
}
.CustomF2 {
padding: 0;
margin: 0;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 12px;
line-height: 18px;
color: #979797;
text-decoration: none;
text-transform: uppercase;
}
.CustomF2:after,
.CustomF2:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.CustomF2:hover,
.CustomF2:active:hover,
.CustomF2:active,
.CustomF2:focus,
.CustomF2:focus:hover {
color: #869e00;
}
.CustomF2:not(a):hover,
.CustomF2:not(a):active:hover,
.CustomF2:not(a):active,
.CustomF2:not(a):focus,
.CustomF2:not(a):focus:hover {
color: #979797;
}
.F90 {
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 26px;
line-height: 32px;
margin-bottom: 18px;
color: #000000;
text-align: center;
text-transform: none;
}
.B1 {
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 13px;
line-height: 16px;
color: #ffffff;
text-transform: uppercase;
text-align: center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5c500+0,7e9400+100 */
background: #b5c500;
/* Old browsers */
background: -moz-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b5c500 0%, #7e9400 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients5', endColorstr='@colorGradients6', GradientType=0);
/* IE6-9 */
}
.B1.active,
.B1:hover,
.B1:active,
.B1:focus,
.B1:active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f400+0,aebf00+100 */
background: #f0f400;
/* Old browsers */
background: -moz-linear-gradient(top, #f0f400 0%, #aebf00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #f0f400 0%, #aebf00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f0f400 0%, #aebf00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients7', endColorstr='@colorGradients8', GradientType=0);
/* IE6-9 */
}
.B2 {
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
text-transform: uppercase;
text-align: center;
border: 1px solid #000000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#525252+0,000000+100 */
background: #525252;
/* Old browsers */
background: -moz-linear-gradient(top, #525252 0%, #000000 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #525252 0%, #000000 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #525252 0%, #000000 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients9', endColorstr='@colorGradients10', GradientType=0);
/* IE6-9 */
}
.B2.active,
li.active .B2 a,
.B2:hover,
.B2:active,
.B2:focus,
.B2:active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5c500+0,7e9400+100 */
background: #b5c500;
/* Old browsers */
background: -moz-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b5c500 0%, #7e9400 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients5', endColorstr='@colorGradients6', GradientType=0);
/* IE6-9 */
border: 1px solid #869e00;
}
.B2H {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5c500+0,7e9400+100 */
background: #b5c500;
/* Old browsers */
background: -moz-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b5c500 0%, #7e9400 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients5', endColorstr='@colorGradients6', GradientType=0);
/* IE6-9 */
border: 1px solid #869e00;
}
.B3 {
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 13px;
line-height: 18px;
color: #ffffff;
text-align: center;
background-color: transparent;
}
.B3.active,
.B3:hover,
.B3:active,
.B3:focus,
.B3:active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5c500+0,7e9400+100 */
background: #b5c500;
/* Old browsers */
background: -moz-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b5c500 0%, #7e9400 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients5', endColorstr='@colorGradients6', GradientType=0);
/* IE6-9 */
}
.B4 {
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 13px;
line-height: 18px;
color: #ffffff;
text-transform: uppercase;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b70f00+0,971d00+100 */
background: #b70f00;
/* Old browsers */
background: -moz-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b70f00 0%, #971d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients1', endColorstr='@colorGradients2', GradientType=0);
/* IE6-9 */
}
.B4.active,
.B4:hover,
.B4:active,
.B4:focus,
.B4:active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff2a00+0,b70d00+100 */
background: #ff2a00;
/* Old browsers */
background: -moz-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff2a00 0%, #b70d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients3', endColorstr='@colorGradients4', GradientType=0);
/* IE6-9 */
}
.B5 {
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 13px;
line-height: 18px;
color: #ffffff;
text-transform: uppercase;
background-color: #979797;
}
.B5.active,
.B5:hover,
.B5:active,
.B5:focus,
.B5:active:hover {
background-color: #6b6b6b;
}
.B6 {
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 13px;
line-height: 18px;
color: #ffffff;
text-transform: uppercase;
text-align: center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b70f00+0,971d00+100 */
background: #b70f00;
/* Old browsers */
background: -moz-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b70f00 0%, #971d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients1', endColorstr='@colorGradients2', GradientType=0);
/* IE6-9 */
}
.B6.active,
.B6:hover,
.B6:active,
.B6:focus,
.B6:active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff2a00+0,b70d00+100 */
background: #ff2a00;
/* Old browsers */
background: -moz-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff2a00 0%, #b70d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients3', endColorstr='@colorGradients4', GradientType=0);
/* IE6-9 */
color: #ffffff;
}
.B7 {
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #ffffff;
text-transform: uppercase;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b70f00+0,971d00+100 */
background: #b70f00;
/* Old browsers */
background: -moz-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b70f00 0%, #971d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients1', endColorstr='@colorGradients2', GradientType=0);
/* IE6-9 */
}
.B7.active,
.B7:hover,
.B7:active,
.B7:focus,
.B7:active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff2a00+0,b70d00+100 */
background: #ff2a00;
/* Old browsers */
background: -moz-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff2a00 0%, #b70d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients3', endColorstr='@colorGradients4', GradientType=0);
/* IE6-9 */
}
.B7:before {
content: ' ';
}
.B7:after {
content: '';
}
.B8 {
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #ffffff;
text-transform: uppercase;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffda00+0,e19900+100 */
background: #ffda00;
/* Old browsers */
background: -moz-linear-gradient(top, #ffda00 0%, #e19900 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffda00 0%, #e19900 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffda00 0%, #e19900 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients13', endColorstr='@colorGradients14', GradientType=0);
/* IE6-9 */
}
.B8.active,
.B8:hover,
.B8:active,
.B8:focus,
.B8:active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe324+0,ffc803+100 */
background: #ffe324;
/* Old browsers */
background: -moz-linear-gradient(top, #ffe324 0%, #ffc803 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffe324 0%, #ffc803 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffe324 0%, #ffc803 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients15', endColorstr='@colorGradients16', GradientType=0);
/* IE6-9 */
color: #ffffff;
}
.B8:before {
content: ' ';
}
.B8:after {
content: '';
}
.B9 {
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #ffffff;
text-transform: uppercase;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#525252+0,000000+100 */
background: #525252;
/* Old browsers */
background: -moz-linear-gradient(top, #525252 0%, #000000 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #525252 0%, #000000 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #525252 0%, #000000 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients9', endColorstr='@colorGradients10', GradientType=0);
/* IE6-9 */
}
.B9.active,
.B9:hover,
.B9:active,
.B9:focus,
.B9:active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a1a1a1+0,414141+100 */
background: #a1a1a1;
/* Old browsers */
background: -moz-linear-gradient(top, #a1a1a1 0%, #414141 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #a1a1a1 0%, #414141 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a1a1a1 0%, #414141 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients11', endColorstr='@colorGradients12', GradientType=0);
/* IE6-9 */
}
.B9:before {
content: ' ';
}
.B9:after {
content: '';
}
.B10 {
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #ffffff;
text-transform: uppercase;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#525252+0,000000+100 */
background: #525252;
/* Old browsers */
background: -moz-linear-gradient(top, #525252 0%, #000000 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #525252 0%, #000000 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #525252 0%, #000000 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients9', endColorstr='@colorGradients10', GradientType=0);
/* IE6-9 */
}
.B10.active,
.B10:hover,
.B10:active,
.B10:focus,
.B10:active:hover {
color: #ffffff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a1a1a1+0,414141+100 */
background: #a1a1a1;
/* Old browsers */
background: -moz-linear-gradient(top, #a1a1a1 0%, #414141 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #a1a1a1 0%, #414141 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a1a1a1 0%, #414141 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients11', endColorstr='@colorGradients12', GradientType=0);
/* IE6-9 */
}
.B11 {
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #ffffff;
text-transform: uppercase;
text-align: center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b70f00+0,971d00+100 */
background: #b70f00;
/* Old browsers */
background: -moz-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b70f00 0%, #971d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients1', endColorstr='@colorGradients2', GradientType=0);
/* IE6-9 */
}
.B11.active,
.B11:hover,
.B11:active,
.B11:focus,
.B11:active:hover {
color: #ffffff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff2a00+0,b70d00+100 */
background: #ff2a00;
/* Old browsers */
background: -moz-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff2a00 0%, #b70d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients3', endColorstr='@colorGradients4', GradientType=0);
/* IE6-9 */
}
.B12 {
width: auto;
height: auto;
min-height: inherit;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 13px;
line-height: 13px;
color: #ffffff;
text-transform: uppercase;
text-align: center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5c500+0,7e9400+100 */
background: #b5c500;
/* Old browsers */
background: -moz-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b5c500 0%, #7e9400 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients5', endColorstr='@colorGradients6', GradientType=0);
/* IE6-9 */
}
.B12:before {
content: '';
background-image: none;
}
.B12:after {
content: '';
background-image: none;
}
.B12.active,
.B12:hover,
.B12:active,
.B12:focus,
.B12:active:hover {
color: #ffffff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f400+0,aebf00+100 */
background: #f0f400;
/* Old browsers */
background: -moz-linear-gradient(top, #f0f400 0%, #aebf00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #f0f400 0%, #aebf00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f0f400 0%, #aebf00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients7', endColorstr='@colorGradients8', GradientType=0);
/* IE6-9 */
}
/* Styles from Wysiwyg editor (default.css) */
.F57-V6 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 24px;
line-height: 29px;
color: #333333;
padding-bottom: 7px;
margin-bottom: 40px;
}
.F57-V6:after,
.F57-V6:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F33-V7 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
margin-bottom: 30px;
}
.F33-V7:after,
.F33-V7:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F33-V4 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
margin-bottom: 24px;
}
.F33-V4:after,
.F33-V4:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
p.F79-V4 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 16px;
line-height: 22px;
color: #6b6b6b;
margin-bottom: 24px;
}
p.F79-V4:after,
p.F79-V4:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
p.F79-V6 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 16px;
line-height: 22px;
color: #6b6b6b;
margin-bottom: 40px;
}
p.F79-V6:after,
p.F79-V6:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F7-right {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
float: right;
}
.F7-right::after {
content: " >>";
letter-spacing: -1.3px;
}
.F7-right:after,
.F7-right:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F7-right:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.F1-V4 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
margin-bottom: 24px;
}
.F1-V4:after,
.F1-V4:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.F1-V6 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
margin-bottom: 40px;
}
.F1-V6:after,
.F1-V6:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.left-extra {
float: left;
padding: 24px 24px 24px 0;
width: 40%;
min-width: 260px;
}
.arrows-V6 {
margin-bottom: 40px;
}
h3 {
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 25px;
line-height: 32px;
margin-bottom: 5px;
margin-top: 0;
}
.T1 td,
.T1 th {
border: 1px solid #333333;
}
.T2 td,
.T2 th {
border: 1px solid #333333;
}
.T3 td,
.T3 th {
border: 1px solid #333333;
}
.T4 td,
.T4 th {
border: 1px solid #ffffff;
}
table.customTable {
width: 100%;
background-color: #FFFFFF;
border-collapse: collapse;
border-width: 1px;
border-color: #A5B700;
border-style: solid;
color: #6b6b6b;
}
table.customTable td,
table.customTable th {
border-width: 1px;
border-color: #A5B700;
border-style: solid;
padding: 5px;
}
table.customTable thead {
background-color: #A5B700;
}
body .shop-state--green {
color: #979797;
}
body .shop-state--green a {
color: #869e00;
text-decoration: underline;
}
body .shop-state--green.snippetShippingMessage:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -363px -134px;
width: 32px;
height: 22px;
position: absolute !important;
top: 5px;
left: 0;
display: inline-block !important;
content: '';
}
body .shop-state--red {
color: #979797;
}
body .shop-state--red a {
color: #979797;
text-decoration: underline;
}
body .shop-state--red.snippetShippingMessage:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -405px -134px;
width: 32px;
height: 22px;
position: absolute !important;
top: 5px;
left: 0;
display: inline-block !important;
content: '';
}
body .shop-state--yellow {
color: #979797;
}
body .shop-state--yellow a {
color: #979797;
text-decoration: underline;
}
body .shop-state--yellow.snippetShippingMessage:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -447px -134px;
width: 32px;
height: 22px;
position: absolute !important;
top: 5px;
left: 0;
display: inline-block !important;
content: '';
}
body .snippetInfoAndCallToAction .shop-state--green {
color: #ffffff;
}
body .snippetInfoAndCallToAction .shop-state--green a {
color: #ffffff;
text-decoration: underline;
}
body .snippetInfoAndCallToAction .shop-state--green:after {
background-position: -72px -134px;
width: 40px;
height: 27px;
}
body .snippetInfoAndCallToAction .shop-state--red {
color: #ffffff;
}
body .snippetInfoAndCallToAction .shop-state--red a {
color: #ffffff;
text-decoration: underline;
}
body .snippetInfoAndCallToAction .shop-state--red:after {
background-position: -263px -134px;
width: 40px;
height: 27px;
}
body .snippetInfoAndCallToAction .shop-state--yellow {
color: #ffffff;
}
body .snippetInfoAndCallToAction .shop-state--yellow a {
color: #ffffff;
text-decoration: underline;
}
body .snippetInfoAndCallToAction .shop-state--yellow:after {
background-position: -313px -134px;
width: 40px;
height: 27px;
}
body .shipping-message span {
display: inline-block;
margin-top: 14px;
}
@media (max-width: 768px) {
body .shop-state--green.snippetShippingMessage:before,
body .shop-state--red.snippetShippingMessage:before,
body .shop-state--yellow.snippetShippingMessage:before {
background-image: url("/assets/tw/img/spritev3.png");
}
}
.spot-bottom-1 {
margin-bottom: 70px;
}
.spot-bottom-2 {
margin-bottom: 36px;
}
.spot-bottom-3 {
margin-bottom: 36px;
}
.spot-bottom-4 {
margin-bottom: 32px;
}
#trustedShopsCustomBanner {
width: 150px;
height: 64px;
left: 25px;
bottom: 25px;
position: fixed;
transition: bottom .1s;
transition-timing-function: linear;
z-index: 1000;
}
@media (max-width: 768px) {
.container {
width: 100%;
}
}
.btn {
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #ffffff;
text-transform: uppercase;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#525252+0,000000+100 */
background: #525252;
/* Old browsers */
background: -moz-linear-gradient(top, #525252 0%, #000000 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #525252 0%, #000000 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #525252 0%, #000000 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients9', endColorstr='@colorGradients10', GradientType=0);
/* IE6-9 */
}
.btn.active,
.btn:hover,
.btn:active,
.btn:focus,
.btn:active:hover {
color: #ffffff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a1a1a1+0,414141+100 */
background: #a1a1a1;
/* Old browsers */
background: -moz-linear-gradient(top, #a1a1a1 0%, #414141 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #a1a1a1 0%, #414141 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a1a1a1 0%, #414141 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients11', endColorstr='@colorGradients12', GradientType=0);
/* IE6-9 */
}
.btn-primary {
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #ffffff;
text-transform: uppercase;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b70f00+0,971d00+100 */
background: #b70f00;
/* Old browsers */
background: -moz-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b70f00 0%, #971d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients1', endColorstr='@colorGradients2', GradientType=0);
/* IE6-9 */
}
.btn-primary::after {
content: ' >>';
letter-spacing: -1.3px;
}
.btn-primary.active,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff2a00+0,b70d00+100 */
background: #ff2a00;
/* Old browsers */
background: -moz-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff2a00 0%, #b70d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients3', endColorstr='@colorGradients4', GradientType=0);
/* IE6-9 */
}
.btn-primary:before {
content: ' ';
}
.btn-primary:after {
content: '';
}
.B14 {
font-family: 'MuseoSans700', Arial, sans-serif;
text-transform: none;
font-size: 16px;
line-height: 20px;
color: #ffffff;
text-align: center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5c500+0,7e9400+100 */
background: #b5c500;
/* Old browsers */
background: -moz-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b5c500 0%, #7e9400 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients5', endColorstr='@colorGradients6', GradientType=0);
/* IE6-9 */
border: 1px solid #7e9400;
}
.B14:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f400+0,aebf00+100 */
background: #f0f400;
/* Old browsers */
background: -moz-linear-gradient(top, #f0f400 0%, #aebf00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #f0f400 0%, #aebf00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f0f400 0%, #aebf00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients7', endColorstr='@colorGradients8', GradientType=0);
/* IE6-9 */
border: 1px solid #aebf00;
}
body #mini-basket {
margin-left: 15px;
margin-top: 4px;
}
body .snippetMiniBasketOld {
height: 40px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#525252+0,000000+100 */
background: #525252;
/* Old browsers */
background: -moz-linear-gradient(top, #525252 0%, #000000 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #525252 0%, #000000 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #525252 0%, #000000 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients9', endColorstr='@colorGradients10', GradientType=0);
/* IE6-9 */
border: 1px solid #000000;
border-bottom: none;
}
body .snippetMiniBasketOld:hover,
body .snippetMiniBasketOld:active,
body .snippetMiniBasketOld:focus,
body .snippetMiniBasketOld:active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a1a1a1+0,414141+100 */
background: #a1a1a1;
/* Old browsers */
background: -moz-linear-gradient(top, #a1a1a1 0%, #414141 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #a1a1a1 0%, #414141 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a1a1a1 0%, #414141 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients11', endColorstr='@colorGradients12', GradientType=0);
/* IE6-9 */
border: 1px solid #b2b2b2;
border-bottom: none;
}
body .snippetMiniBasketOld:hover:after,
body .snippetMiniBasketOld:active:after,
body .snippetMiniBasketOld:focus:after,
body .snippetMiniBasketOld:active:hover:after {
border-color: #414141 transparent transparent transparent;
}
body .snippetMiniBasketOld:after {
top: 39px;
border-color: #000000 transparent transparent transparent;
left: -2px;
}
body .snippetMiniBasketOld .icon {
margin-left: 8px;
margin-bottom: 1px;
}
body .snippetMiniBasketOld .icon.sprite-basket3 {
background-position: -516px -5px;
width: 32px;
height: 31px;
}
body .snippetMiniBasketOld.filled {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b70f00+0,971d00+100 */
background: #b70f00;
/* Old browsers */
background: -moz-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b70f00 0%, #971d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients1', endColorstr='@colorGradients2', GradientType=0);
/* IE6-9 */
border-color: #971d00;
}
body .snippetMiniBasketOld.filled:after {
border-color: #971d00 transparent transparent transparent;
}
body .snippetMiniBasketOld.filled:hover,
body .snippetMiniBasketOld.filled:active,
body .snippetMiniBasketOld.filled:focus,
body .snippetMiniBasketOld.filled:active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff2a00+0,b70d00+100 */
background: #ff2a00;
/* Old browsers */
background: -moz-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff2a00 0%, #b70d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients3', endColorstr='@colorGradients4', GradientType=0);
/* IE6-9 */
border: 1px solid #ff2a00;
border-bottom: none;
}
body .snippetMiniBasketOld.filled:hover:after,
body .snippetMiniBasketOld.filled:active:after,
body .snippetMiniBasketOld.filled:focus:after,
body .snippetMiniBasketOld.filled:active:hover:after {
border-color: #b70d00 transparent transparent transparent;
}
body .snippetMiniBasketOld .mini-basket-layover {
top: 45px;
}
body .snippetMiniBasketOld .mini-basket-layover .basket-button {
float: left;
position: absolute;
bottom: -38px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b70f00+0,971d00+100 */
background: #b70f00;
/* Old browsers */
background: -moz-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b70f00 0%, #971d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients1', endColorstr='@colorGradients2', GradientType=0);
/* IE6-9 */
}
body .snippetMiniBasketOld .mini-basket-layover .basket-button:after {
position: absolute;
top: 6px;
right: -19px;
width: 36px;
height: 38px;
border-style: none;
border-left: solid 1px #cccccc;
border-top: solid 1px #cccccc;
transform: rotate(150deg) skewX(14deg) skewY(-10deg);
background: linear-gradient(45deg, #b70f00 0%, #971d00 100%);
content: '';
}
body .snippetMiniBasketOld .mini-basket-layover .basket-button:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff2a00+0,b70d00+100 */
background: #ff2a00;
/* Old browsers */
background: -moz-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff2a00 0%, #b70d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients3', endColorstr='@colorGradients4', GradientType=0);
/* IE6-9 */
}
body .snippetMiniBasketOld .mini-basket-layover .basket-button:hover:after {
border-left: solid 1px #cccccc;
border-top: solid 1px #cccccc;
transform: rotate(150deg) skewX(14deg) skewY(-10deg);
background: linear-gradient(45deg, #ff2a00 0%, #b70d00 100%);
}
body .snippetMiniBasketOld .mini-basket-layover .basket-button span {
width: auto;
height: auto;
min-height: inherit;
}
body .snippetMiniBasketOld .mini-basket-layover .basket-button span:before {
content: '';
background-image: none;
}
body .snippetMiniBasketOld .mini-basket-layover .basket-button span:after {
content: '';
background-image: none;
}
body .snippetMiniBasketOld .mini-basket-layover .basket-button span:after {
content: ' ';
margin-left: 10px;
margin-bottom: -1px;
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -549px -223px;
width: 9px;
height: 16px;
}
body .snippetMiniBasketOld .mini-basket-layover .basket-button span:after {
content: '';
}
body .snippetMiniBasketOld .mini-basket-layover hr {
border-top: 1px solid #333333;
margin: 3px 0 3px 0;
}
body .snippetMiniBasketOld .mini-basket-layover hr.strong {
border-top: 2px solid #333333;
}
body .snippetMiniBasketOld .mini-basket-layover hr.grey {
border-top: 1px solid #333333;
}
body .snippetMiniBasketOld .mini-basket-layover hr.strongGrey {
border-top: 1px solid #333333;
}
body .snippetMiniBasketOld .mini-basket-layover .bottom {
margin-bottom: 32px;
}
body .snippetMiniBasket {
height: auto;
display: initial;
width: auto;
background-color: transparent !important;
}
body .snippetMiniBasket::after {
display: none;
}
body .snippetMiniBasket .icon {
float: none;
margin: 0;
}
body .snippetMiniBasket > a {
line-height: 26px;
}
body .snippetMiniBasket .count {
top: -6px;
margin: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
body.is-scrolled #mini-basket {
margin-left: 5px;
}
}
body #headerOld {
padding-top: 0;
margin-bottom: 24px;
height: 118px;
position: absolute;
background-color: #FFFFFF;
}
@media (min-width: 768px) {
body #headerOld {
height: 170px;
position: inherit;
}
}
@media (min-width: 992px) {
body #headerOld {
height: 140px;
}
}
body #headerOld .logo {
margin-top: 15px;
margin-bottom: 15px;
min-height: inherit;
}
@media (min-width: 768px) {
body #headerOld .logo {
margin-top: 28px;
margin-bottom: 12px;
}
}
body #headerOld .logo .snippetHeaderLogo {
top: 0;
}
body #headerOld .logo .snippetHeaderLogo .logo-image {
width: auto;
margin-left: 13px;
}
body #headerOld .logo .snippetHeaderLogo .logo-image--alternative {
margin: 0;
}
@media (min-width: 480px) and (max-width: 768px) {
body #headerOld .logo .snippetHeaderLogo .logo-image--alternative {
margin-left: 27px;
}
}
body #headerOld .rightTopHeader {
float: right;
margin-top: 16px;
margin-bottom: 20px;
}
body #headerOld .hotline {
margin-top: 16px;
float: right;
margin-bottom: 20px;
padding-right: 55px;
}
body #headerOld .fixedQuicksearch {
float: left;
width: 50%;
}
body #headerOld .fixedQuicksearch .snippetQuicksearch {
padding-left: 25px;
padding-right: 13px;
}
body #headerOld .pageNavigationLine {
position: relative;
}
body #headerOld .pageNavigationLine .main-navigation {
margin-top: -3px;
}
body #headerOld .pageNavigationLine .main-navigation:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
@media (min-width: 768px) {
body #headerOld .pageNavigationLine .main-navigation {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#525252+0,000000+100 */
background: #525252;
/* Old browsers */
background: -moz-linear-gradient(top, #525252 0%, #000000 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #525252 0%, #000000 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #525252 0%, #000000 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients9', endColorstr='@colorGradients10', GradientType=0);
/* IE6-9 */
float: right;
}
}
@media (min-width: 768px) and (max-width: 992px) {
body #headerOld .pageNavigationLine .main-navigation {
margin-top: 30px;
}
}
body #headerOld .fixedQuicksearch {
display: none;
}
body #headerOld .snippetQuicksearch {
margin-top: 10px;
}
@media (min-width: 480px) {
body #headerOld .snippetQuicksearch {
margin-top: 0;
}
}
body #headerOld #mini-basket {
z-index: 1;
position: absolute;
}
@media (min-width: 768px) {
body #headerOld #mini-basket {
position: static;
}
}
body #headerOld #extranet-navigation {
z-index: 1;
position: absolute;
}
@media (min-width: 768px) {
body #headerOld #extranet-navigation {
position: static;
}
}
body #headerOld #currency-selection {
z-index: 1;
position: absolute;
}
@media (min-width: 768px) {
body #headerOld #currency-selection {
position: static;
}
}
body.fixedOld #header {
height: auto;
padding-top: 0;
border-bottom: 1px solid #c6c6c6;
}
body.fixedOld #header .fixedQuicksearch {
display: block;
margin-top: 32px;
padding-bottom: 4px;
}
body.fixedOld #header .fixedQuicksearch .search-term-input,
body.fixedOld #header .fixedQuicksearch .submit {
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
}
body.fixedOld #header .hotline {
display: none;
}
body.fixedOld #header .rightTopHeader {
margin-top: 24px;
margin-bottom: 20px;
}
body.fixedOld #header .rightTopHeader #mini-basket {
margin-top: 0;
}
body.fixedOld #header .logo {
margin-top: 18px;
margin-bottom: 12px;
}
body.fixedOld #header .logo .snippetHeaderLogo {
top: 0;
}
body .header--basket {
border-bottom: 1px solid #c6c6c6;
}
body.layout-basket.is-scrolled #header {
background-color: #FFF !important;
}
body #header {
height: auto !important;
margin: 0 !important;
padding: 0 !important;
background-color: #FFFFFF !important;
position: initial !important;
}
body.is-scrolled {
padding: 0 !important;
}
#main {
margin-top: 0 !important;
padding-top: 0 !important;
}
.visually-hidden {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
@media (min-width: 768px) {
body .snippetMainNavigation {
float: left;
position: inherit;
}
}
body .snippetMainNavigation .withIcon .icon {
display: none;
}
body .snippetMainNavigation > ul {
border-right: 1px solid #494949;
}
body .snippetMainNavigation > ul > li {
border: 1px solid #000000;
border-left: 1px solid #494949;
margin-left: 0;
}
body .snippetMainNavigation > ul > li:first-child {
border-left: 1px solid #000000;
}
body .snippetMainNavigation > ul > li.expanded {
background-color: #ffffff;
}
body .snippetMainNavigation > ul > li.expanded:after {
border: none;
}
body .snippetMainNavigation > ul > li.active,
body .snippetMainNavigation > ul > li:hover {
border: 1px solid #7e9400;
border-left: 1px solid #494949;
}
body .snippetMainNavigation > ul > li.active:first-child,
body .snippetMainNavigation > ul > li:hover:first-child {
border-left: 1px solid #7e9400;
}
body .snippetMainNavigation > ul > li.active > a,
body .snippetMainNavigation > ul > li:hover > a,
body .snippetMainNavigation > ul > li.active > span,
body .snippetMainNavigation > ul > li:hover > span {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5c500+0,7e9400+100 */
background: #b5c500;
/* Old browsers */
background: -moz-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b5c500 0%, #7e9400 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients5', endColorstr='@colorGradients6', GradientType=0);
/* IE6-9 */
line-height: 47px;
height: 47px;
padding-right: 25px;
padding-left: 25px;
}
body .snippetMainNavigation > ul > li.active > a.withIcon,
body .snippetMainNavigation > ul > li:hover > a.withIcon,
body .snippetMainNavigation > ul > li.active > span.withIcon,
body .snippetMainNavigation > ul > li:hover > span.withIcon {
padding-left: 25px;
}
body .snippetMainNavigation > ul > li.active > a:after,
body .snippetMainNavigation > ul > li:hover > a:after,
body .snippetMainNavigation > ul > li.active > span:after,
body .snippetMainNavigation > ul > li:hover > span:after,
body .snippetMainNavigation > ul > li.active > a:before,
body .snippetMainNavigation > ul > li:hover > a:before,
body .snippetMainNavigation > ul > li.active > span:before,
body .snippetMainNavigation > ul > li:hover > span:before {
display: none !important;
}
@media (min-width: 768px) {
body .snippetMainNavigation > ul > li.active:after,
body .snippetMainNavigation > ul > li:hover:after {
content: '';
display: block;
width: 7px;
height: 0;
border-style: solid;
border-width: 9px 13px 8px 13px;
border-color: #7e9400 transparent transparent transparent;
position: relative;
z-index: 15;
top: 0;
left: -10px;
margin-left: 50%;
}
}
body .snippetMainNavigation > ul > li > a,
body .snippetMainNavigation > ul > li > span {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#525252+0,000000+100 */
background: #525252;
/* Old browsers */
background: -moz-linear-gradient(top, #525252 0%, #000000 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #525252 0%, #000000 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #525252 0%, #000000 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients9', endColorstr='@colorGradients10', GradientType=0);
/* IE6-9 */
line-height: 47px;
padding-right: 25px;
padding-left: 25px;
}
body .snippetMainNavigation > ul > li > a.withIcon,
body .snippetMainNavigation > ul > li > span.withIcon {
padding-left: 25px;
}
body .snippetMainNavigation > ul > li > a:after,
body .snippetMainNavigation > ul > li > span:after,
body .snippetMainNavigation > ul > li > a:before,
body .snippetMainNavigation > ul > li > span:before {
display: none !important;
}
body .snippetMainNavigation > ul > li > ul {
background-color: #ffffff;
border-top: 1px solid #c6c6c6;
border-bottom: 1px solid #c6c6c6;
}
body .snippetMainNavigation > ul > li > ul > li > a,
body .snippetMainNavigation > ul > li > ul > li > span {
line-height: 41px;
margin-top: -1px;
padding-left: 13px;
padding-right: 13px;
}
body .snippetMainNavigation > ul > li > ul > li > a:after,
body .snippetMainNavigation > ul > li > ul > li > span:after,
body .snippetMainNavigation > ul > li > ul > li > a:before,
body .snippetMainNavigation > ul > li > ul > li > span:before {
display: none !important;
}
body .snippetMainNavigation > ul > li > ul > li.active > a,
body .snippetMainNavigation > ul > li > ul > li.expanded > a,
body .snippetMainNavigation > ul > li > ul > li:hover > a,
body .snippetMainNavigation > ul > li > ul > li:active > a,
body .snippetMainNavigation > ul > li > ul > li:focus > a,
body .snippetMainNavigation > ul > li > ul > li:active:hover > a,
body .snippetMainNavigation > ul > li > ul > li.active > span,
body .snippetMainNavigation > ul > li > ul > li.expanded > span,
body .snippetMainNavigation > ul > li > ul > li:hover > span,
body .snippetMainNavigation > ul > li > ul > li:active > span,
body .snippetMainNavigation > ul > li > ul > li:focus > span,
body .snippetMainNavigation > ul > li > ul > li:active:hover > span {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5c500+0,7e9400+100 */
background: #b5c500;
/* Old browsers */
background: -moz-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b5c500 0%, #7e9400 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients5', endColorstr='@colorGradients6', GradientType=0);
/* IE6-9 */
color: #ffffff;
}
body .snippetMainNavigation > ul > li > ul > li.active > a:after,
body .snippetMainNavigation > ul > li > ul > li.expanded > a:after,
body .snippetMainNavigation > ul > li > ul > li:hover > a:after,
body .snippetMainNavigation > ul > li > ul > li:active > a:after,
body .snippetMainNavigation > ul > li > ul > li:focus > a:after,
body .snippetMainNavigation > ul > li > ul > li:active:hover > a:after,
body .snippetMainNavigation > ul > li > ul > li.active > span:after,
body .snippetMainNavigation > ul > li > ul > li.expanded > span:after,
body .snippetMainNavigation > ul > li > ul > li:hover > span:after,
body .snippetMainNavigation > ul > li > ul > li:active > span:after,
body .snippetMainNavigation > ul > li > ul > li:focus > span:after,
body .snippetMainNavigation > ul > li > ul > li:active:hover > span:after,
body .snippetMainNavigation > ul > li > ul > li.active > a:before,
body .snippetMainNavigation > ul > li > ul > li.expanded > a:before,
body .snippetMainNavigation > ul > li > ul > li:hover > a:before,
body .snippetMainNavigation > ul > li > ul > li:active > a:before,
body .snippetMainNavigation > ul > li > ul > li:focus > a:before,
body .snippetMainNavigation > ul > li > ul > li:active:hover > a:before,
body .snippetMainNavigation > ul > li > ul > li.active > span:before,
body .snippetMainNavigation > ul > li > ul > li.expanded > span:before,
body .snippetMainNavigation > ul > li > ul > li:hover > span:before,
body .snippetMainNavigation > ul > li > ul > li:active > span:before,
body .snippetMainNavigation > ul > li > ul > li:focus > span:before,
body .snippetMainNavigation > ul > li > ul > li:active:hover > span:before {
display: none !important;
}
body .snippetMainNavigation > ul > li > ul > li:hover .nose,
body .snippetMainNavigation > ul > li > ul > li:active .nose,
body .snippetMainNavigation > ul > li > ul > li:focus .nose,
body .snippetMainNavigation > ul > li > ul > li:active:hover .nose {
width: 0;
height: 0;
border-style: solid;
border-width: 8.7px 8px 0 8px;
border-color: #7e9400 transparent transparent transparent;
position: relative;
top: 0;
}
body .snippetMainNavigation > ul > li > ul > li:hover .nose span,
body .snippetMainNavigation > ul > li > ul > li:active .nose span,
body .snippetMainNavigation > ul > li > ul > li:focus .nose span,
body .snippetMainNavigation > ul > li > ul > li:active:hover .nose span {
display: none;
}
@media (min-width: 768px) {
body .snippetMainNavigation > ul > li > ul.shrinkNavigation {
height: 42px;
}
}
body .snippetMainNavigation .popularItemsNavigation {
padding-right: 11px;
}
@media (max-width: 767px) {
body .snippetMainNavigation {
background-color: #000000 !important;
}
body .snippetMainNavigation > ul {
background-color: #000000 !important;
background-image: linear-gradient(#414141, #000000);
}
body .snippetMainNavigation > ul > li {
background-color: transparent !important;
border: none !important;
display: block !important;
}
body .snippetMainNavigation > ul > li .snippetThirdLevelSubmenu,
body .snippetMainNavigation > ul > li ul,
body .snippetMainNavigation > ul > li .sub-categories {
display: none !important;
}
body .snippetMainNavigation > ul > li .nose {
display: none !important;
}
body .snippetMainNavigation > ul > li > ul > li .snippetThirdLevelSubmenu {
visibility: visible !important;
}
body .snippetMainNavigation > ul > li > ul > li .snippetThirdLevelSubmenu > ul {
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
body .snippetMainNavigation > ul > li > ul > li .snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .spacer {
display: none;
}
body .snippetMainNavigation > ul > li > ul > li .snippetThirdLevelSubmenu > ul > li.topBlock {
display: none !important;
}
body .snippetMainNavigation > ul > li > ul.shrinkNavigation {
display: none !important;
}
body .snippetMainNavigation > ul > li.active.expanded > a,
body .snippetMainNavigation > ul > li.expanded > a {
-webkit-box-shadow: inset 3px 0 #869e00;
-moz-box-shadow: inset 3px 0 #869e00;
box-shadow: inset 3px 0 #869e00;
}
body .snippetMainNavigation > ul > li.has-children {
font-size: 49px !important;
}
body .snippetMainNavigation > ul > li.has-children > a::after {
display: inline !important;
margin-right: -13px !important;
content: '\203A' !important;
float: right !important;
color: #c2c2c2 !important;
}
body .snippetMainNavigation > ul > li.has-children:hover > a::after,
body .snippetMainNavigation > ul > li.has-children:active > a::after,
body .snippetMainNavigation > ul > li.has-children:focus > a::after {
color: #ffffff !important;
}
body .snippetMainNavigation > ul > li.clickedLink > a {
height: auto !important;
background-color: #000000 !important;
background-image: linear-gradient(#414141, #000000) !important;
border: none !important;
}
body .snippetMainNavigation > ul > li.clickedLink > a::after {
display: inline !important;
margin-right: -13px !important;
content: '\203A' !important;
float: right !important;
color: #869e00 !important;
transform: rotate(90deg);
}
body .snippetMainNavigation > ul > li.clickedLink > a > span {
color: #869e00 !important;
}
body .snippetMainNavigation > ul > li.clickedLink:hover > a,
body .snippetMainNavigation > ul > li.clickedLink:active > a,
body .snippetMainNavigation > ul > li.clickedLink:focus > a {
background-color: #869e00 !important;
background-image: linear-gradient(to right, #869e00, #b5c500) !important;
}
body .snippetMainNavigation > ul > li.clickedLink:hover > a::after,
body .snippetMainNavigation > ul > li.clickedLink:active > a::after,
body .snippetMainNavigation > ul > li.clickedLink:focus > a::after {
color: #ffffff !important;
}
body .snippetMainNavigation > ul > li.clickedLink:hover > a > span,
body .snippetMainNavigation > ul > li.clickedLink:active > a > span,
body .snippetMainNavigation > ul > li.clickedLink:focus > a > span {
color: #ffffff !important;
}
body .snippetMainNavigation > ul > li.backLink > a {
border-bottom: 1px solid #000000 !important;
}
body .snippetMainNavigation > ul > li.backLink > a > span {
color: #c2c2c2 !important;
font-size: 15px !important;
}
body .snippetMainNavigation > ul > li.backLink > a::before {
display: inline !important;
content: '\2039' !important;
margin-right: 3px !important;
color: #c2c2c2 !important;
}
body .snippetMainNavigation > ul > li.backLink:hover > a,
body .snippetMainNavigation > ul > li.backLink:active > a,
body .snippetMainNavigation > ul > li.backLink:focus > a {
background-color: #979797 !important;
background-image: none !important;
}
body .snippetMainNavigation > ul > li.backLink:hover > a > span,
body .snippetMainNavigation > ul > li.backLink:active > a > span,
body .snippetMainNavigation > ul > li.backLink:focus > a > span {
color: #ffffff !important;
}
body .snippetMainNavigation > ul > li.backLink:hover > a::before,
body .snippetMainNavigation > ul > li.backLink:active > a::before,
body .snippetMainNavigation > ul > li.backLink:focus > a::before {
color: #ffffff !important;
}
body .snippetMainNavigation > ul > li > a {
font-family: "MuseoSans700", Arial, sans-serif;
text-transform: uppercase !important;
background: transparent !important;
color: #c2c2c2 !important;
font-size: 18px !important;
line-height: 18px !important;
border: none !important;
height: auto !important;
padding: 10px 22px 8px 6px !important;
}
body .snippetMainNavigation > ul > li > a:hover,
body .snippetMainNavigation > ul > li > a:active,
body .snippetMainNavigation > ul > li > a:focus {
background-color: #869e00 !important;
background-image: linear-gradient(to right, #869e00, #b5c500) !important;
color: #ffffff !important;
}
body .snippetMainNavigation > ul > li > a:hover > span,
body .snippetMainNavigation > ul > li > a:active > span,
body .snippetMainNavigation > ul > li > a:focus > span {
color: #ffffff !important;
}
body .snippetMainNavigation > ul > li > a > span {
color: #c2c2c2 !important;
background-color: transparent !important;
}
body .snippetMainNavigation > ul > li > a > span.icon {
display: none;
}
body .snippetMainNavigation > ul > li > a.active.expanded,
body .snippetMainNavigation > ul > li > a.expanded {
-webkit-box-shadow: inset 3px 0 #869e00;
-moz-box-shadow: inset 3px 0 #869e00;
box-shadow: inset 3px 0 #869e00;
}
}
body .burger-trigger {
padding: 0;
position: relative;
width: 25px;
padding-top: 19px;
}
body .burger-trigger span {
background-color: #000000;
}
@media (min-width: 480px) {
body .burger-trigger {
position: absolute;
top: -68px;
left: 0;
}
}
body .navigation-level-3 {
box-sizing: content-box;
}
body .snippetFooterNavigationOld {
margin-bottom: 30px;
}
body .snippetFooterNavigationOld .headline {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #ffffff;
margin-bottom: 6px;
}
body .snippetFooterNavigationOld .headline:after,
body .snippetFooterNavigationOld .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
body .snippetFooterNavigationOld ul {
list-style-type: none;
margin: 0;
padding: 0;
}
body .snippetFooterNavigationOld ul li > a {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 20px;
color: #ffffff;
}
body .snippetFooterNavigationOld ul li > a:after,
body .snippetFooterNavigationOld ul li > a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
body .snippetFooterNavigationOld ul li > a:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 20px;
color: #ffffff;
}
body .snippetFooterNavigationOld ul li > a:hover:after,
body .snippetFooterNavigationOld ul li > a:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
body .snippetFooterNavigationOld ul li > a:hover:after,
body .snippetFooterNavigationOld ul li > a:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
body .snippetFooterNavigationOld ul li > a:hover:hover,
body .snippetFooterNavigationOld ul li > a:hover:active:hover,
body .snippetFooterNavigationOld ul li > a:hover:active,
body .snippetFooterNavigationOld ul li > a:hover:focus,
body .snippetFooterNavigationOld ul li > a:hover:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 20px;
color: #ffffff;
color: #b5c500;
}
body .snippetFooterNavigationOld ul li > a:hover:hover:after,
body .snippetFooterNavigationOld ul li > a:hover:active:hover:after,
body .snippetFooterNavigationOld ul li > a:hover:active:after,
body .snippetFooterNavigationOld ul li > a:hover:focus:after,
body .snippetFooterNavigationOld ul li > a:hover:focus:hover:after,
body .snippetFooterNavigationOld ul li > a:hover:hover:before,
body .snippetFooterNavigationOld ul li > a:hover:active:hover:before,
body .snippetFooterNavigationOld ul li > a:hover:active:before,
body .snippetFooterNavigationOld ul li > a:hover:focus:before,
body .snippetFooterNavigationOld ul li > a:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
body .snippetFooterNavigationOld ul li > a span.offset-top {
margin-top: 30px !important;
display: block;
}
body .snippetFooterNavigationOld ul:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
body .snippetQuicksearch {
position: relative;
float: right;
}
@media (min-width: 480px) {
body .snippetQuicksearch {
width: 100%;
}
}
@media (min-width: 768px) {
body .snippetQuicksearch {
width: 295px;
border: 1px solid #000000;
border-left: none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#525252+0,000000+100 */
background: #525252;
/* Old browsers */
background: -moz-linear-gradient(top, #525252 0%, #000000 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #525252 0%, #000000 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #525252 0%, #000000 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients9', endColorstr='@colorGradients10', GradientType=0);
/* IE6-9 */
}
}
body .snippetQuicksearch form {
width: 80%;
float: right;
}
@media (min-width: 480px) {
body .snippetQuicksearch form {
float: none;
width: auto;
}
}
@media (min-width: 768px) {
body .snippetQuicksearch form .submit {
padding-top: 8px;
padding-bottom: 11px;
width: 60px;
margin-right: 8px;
}
}
body .snippetQuicksearch form .submit button {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5c500+0,7e9400+100 */
background: #b5c500;
/* Old browsers */
background: -moz-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b5c500 0%, #7e9400 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients5', endColorstr='@colorGradients6', GradientType=0);
/* IE6-9 */
height: 30px;
}
body .snippetQuicksearch form .submit button:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f400+0,aebf00+100 */
background: #f0f400;
/* Old browsers */
background: -moz-linear-gradient(top, #f0f400 0%, #aebf00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #f0f400 0%, #aebf00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f0f400 0%, #aebf00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients7', endColorstr='@colorGradients8', GradientType=0);
/* IE6-9 */
}
body .snippetQuicksearch form .submit button .glyphicon {
top: -1px;
font-size: 19px;
}
@media (min-width: 768px) {
body .snippetQuicksearch form .search-term-input {
padding-top: 8px;
width: 208px;
margin-left: 17px;
}
}
body .snippetQuicksearch form .search-term-input input {
border: 1px solid #cccccc;
height: 30px;
}
body .snippetQuicksearch form .search-term-input input::placeholder {
color: #979797;
}
body .snippetQuicksearch .suggestLayer {
left: 0;
background-color: #fff;
width: 400px;
top: 41px;
}
@media (min-width: 768px) {
body .snippetQuicksearch .suggestLayer {
left: -177px;
}
}
body .snippetQuicksearch .suggestLayer ul li.suggestHeader {
height: 16px;
line-height: 16px;
text-align: right;
border-bottom: 1px solid #000000;
}
body .snippetQuicksearch .suggestLayer ul li {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 16px;
}
body .snippetQuicksearch .suggestLayer ul li:hover,
body .snippetQuicksearch .suggestLayer ul li:active,
body .snippetQuicksearch .suggestLayer ul li:focus,
body .snippetQuicksearch .suggestLayer ul li:active:hover,
body .snippetQuicksearch .suggestLayer ul li.suggestHighlight {
background-color: #b2b2b2;
}
body .snippetQuicksearch .suggestLayer .suggestRow {
display: table-row;
width: 100%;
}
body .snippetQuicksearch .suggestLayer .suggestRow span {
display: table-cell;
vertical-align: top;
}
body .snippetQuicksearch .suggestLayer .suggestRow span span {
display: inline;
vertical-align: middle;
}
body .snippetQuicksearch .suggestLayer .suggestImage {
height: 40px;
width: 40px;
}
body .snippetQuicksearch .suggestLayer .suggestTextType {
padding: 2px 5px 2px 15px;
white-space: nowrap;
}
body .fixedQuicksearch {
width: 100%;
}
body .fixedQuicksearch .snippetQuicksearch {
border: none;
background: none;
width: 100%;
}
body .fixedQuicksearch .snippetQuicksearch .search-term-input {
width: 80%;
margin: 0;
}
body .fixedQuicksearch .snippetQuicksearch .submit {
width: 20%;
margin: 0;
}
body #quickSearchInput input {
height: 42px !important;
display: initial;
border: none;
}
body .snippetFooterServiceTextOld {
margin-bottom: 50px;
}
body .snippetFooterServiceTextOld .headline {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #ffffff;
margin-bottom: 6px;
}
body .snippetFooterServiceTextOld .headline:after,
body .snippetFooterServiceTextOld .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
body .snippetFooterServiceTextOld .hotline {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
}
body .snippetFooterServiceTextOld .hotline:after,
body .snippetFooterServiceTextOld .hotline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
body .snippetFooterServiceTextOld .sprite-phone_white5 {
position: relative;
top: -2px;
}
body .snippetFooterServiceTextOld .text {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
margin-bottom: 4px;
}
body .snippetFooterServiceTextOld .text:after,
body .snippetFooterServiceTextOld .text:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
body .snippetFooterServiceTextOld .text:hover,
body .snippetFooterServiceTextOld .text:active:hover,
body .snippetFooterServiceTextOld .text:active,
body .snippetFooterServiceTextOld .text:focus,
body .snippetFooterServiceTextOld .text:focus:hover {
color: #ffffff;
text-decoration: none;
}
body .snippetFooterServiceTextOld .text p {
margin-bottom: 0;
}
body .snippetFooterServiceTextOld .text a.email {
margin-top: 12px !important;
display: block;
}
body .snippetFooterServiceTextOld .text a.email:before {
content: ' ';
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -499px -46px;
width: 16px;
height: 12px;
display: inline-block !important;
vertical-align: middle;
margin-right: 4px !important;
position: relative !important;
top: -1px !important;
}
body .snippetFooterServiceTextOld a {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
}
body .snippetFooterServiceTextOld a:after,
body .snippetFooterServiceTextOld a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
body .snippetFooterServiceTextOld a:hover,
body .snippetFooterServiceTextOld a:active:hover,
body .snippetFooterServiceTextOld a:active,
body .snippetFooterServiceTextOld a:focus,
body .snippetFooterServiceTextOld a:focus:hover {
color: #ffffff;
text-decoration: none;
}
body .snippetFooterServiceTextOld a:after {
content: '' !important;
}
body .snippetFooterServiceTextOld .social-media-icons {
margin-top: 50px;
margin-bottom: 36px;
}
body .snippetFooterServiceTextOld .social-media-icons > div {
float: left;
margin-right: 14px;
}
body .snippetFooterServiceTextOld .social-media-icons:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
body .snippetFooterServiceTextAdditionalOld {
margin-bottom: 0;
}
body .snippetFooterServiceTextAdditionalOld .cmswysiwyg p:first-of-type {
margin-bottom: 5px;
}
body .whatsappOld a:before {
content: ' ';
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -33px -614px;
width: 16px;
height: 16px;
display: inline-block !important;
vertical-align: middle;
margin-right: 4px !important;
}
body .snippetPkgNewsletterNewsletterQuickSignupOld {
margin-bottom: 32px;
}
body .snippetPkgNewsletterNewsletterQuickSignupOld .headline {
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 26px;
line-height: 32px;
margin-bottom: 18px;
color: #000000;
text-align: center;
text-transform: none;
}
body .snippetPkgNewsletterNewsletterQuickSignupOld form {
width: 100%;
margin: auto;
}
@media (min-width: 992px) {
body .snippetPkgNewsletterNewsletterQuickSignupOld form {
width: 83%;
}
}
body .snippetPkgNewsletterNewsletterQuickSignupOld form .form-group {
float: left;
width: 63%;
margin-top: 0;
}
@media (min-width: 768px) {
body .snippetPkgNewsletterNewsletterQuickSignupOld form .form-group {
width: 73%;
}
}
body .snippetPkgNewsletterNewsletterQuickSignupOld form .submit-button {
font-family: 'MuseoSans700', Arial, sans-serif;
text-transform: none;
font-size: 16px;
line-height: 20px;
color: #ffffff;
text-align: center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5c500+0,7e9400+100 */
background: #b5c500;
/* Old browsers */
background: -moz-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b5c500 0%, #7e9400 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients5', endColorstr='@colorGradients6', GradientType=0);
/* IE6-9 */
border: 1px solid #7e9400;
float: right;
width: 35%;
margin-top: 0;
margin-bottom: 0;
}
body .snippetPkgNewsletterNewsletterQuickSignupOld form .submit-button:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f400+0,aebf00+100 */
background: #f0f400;
/* Old browsers */
background: -moz-linear-gradient(top, #f0f400 0%, #aebf00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #f0f400 0%, #aebf00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f0f400 0%, #aebf00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients7', endColorstr='@colorGradients8', GradientType=0);
/* IE6-9 */
border: 1px solid #aebf00;
}
@media (min-width: 768px) {
body .snippetPkgNewsletterNewsletterQuickSignupOld form .submit-button {
width: 25%;
}
}
body .snippetPkgNewsletterNewsletterQuickSignupOld form .form-control {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
background-color: #ffffff;
border: 1px solid #979797;
padding-left: 5px;
padding-right: 5px;
height: 32px;
}
body .snippetPkgNewsletterNewsletterQuickSignupOld form .form-control:after,
body .snippetPkgNewsletterNewsletterQuickSignupOld form .form-control:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
body .snippetPkgNewsletterNewsletterQuickSignupOld form:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
body .snippetPkgNewsletterNewsletterQuickSignup input {
display: inline;
}
body .snippetPkgNewsletterNewsletterQuickSignup .headline {
text-align: center;
}
body .snippetBlockTeaser {
height: auto;
border-bottom: none;
}
@media (min-width: 768px) {
body .snippetBlockTeaser {
height: 252px;
}
}
body .snippetBlockTeaser .blockhead .headline {
float: left;
width: auto;
}
body .snippetBlockTeaser .blockhead:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
body .snippetBlockTeaser .link {
margin-top: 10px;
bottom: -1px;
}
body .snippetBlockTeaserImageLeftTextRight .detail-image {
max-height: 220px;
}
body .snippetBlockTeaserImageLeftTextRight .text {
height: auto;
overflow: inherit;
}
@media (min-width: 768px) {
body .snippetBlockTeaserImageLeftTextRight .text {
height: 173px;
overflow: hidden;
}
}
@media (min-width: 768px) {
body .snippetBlockTeaserImageLeftTextRight {
min-height: 252px;
}
}
@media (min-width: 992px) {
body .snippetBlockTeaserImageLeftTextRight {
min-height: 252px;
}
}
@media (min-width: 1200px) {
body .snippetBlockTeaserImageLeftTextRight {
min-height: 252px;
}
}
body .snippetBlockTeaserImage .detail-image {
height: auto;
}
@media (min-width: 768px) {
body .snippetBlockTeaserImage .detail-image {
height: 211px;
}
}
body .snippetBlockTeaserImage .link {
margin-top: 7px;
position: inherit;
}
body .snippetPaymentAndShippingTeaser {
height: auto;
}
@media (min-width: 768px) {
body .snippetPaymentAndShippingTeaser {
height: 252px;
}
}
body .snippetPaymentAndShippingTeaser table.without-icon a {
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
text-transform: uppercase;
text-align: center;
border: 1px solid #000000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#525252+0,000000+100 */
background: #525252;
/* Old browsers */
background: -moz-linear-gradient(top, #525252 0%, #000000 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #525252 0%, #000000 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #525252 0%, #000000 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients9', endColorstr='@colorGradients10', GradientType=0);
/* IE6-9 */
font-size: 11px;
}
body .snippetPaymentAndShippingTeaser table.without-icon a.active,
li.active body .snippetPaymentAndShippingTeaser table.without-icon a a,
body .snippetPaymentAndShippingTeaser table.without-icon a:hover,
body .snippetPaymentAndShippingTeaser table.without-icon a:active,
body .snippetPaymentAndShippingTeaser table.without-icon a:focus,
body .snippetPaymentAndShippingTeaser table.without-icon a:active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5c500+0,7e9400+100 */
background: #b5c500;
/* Old browsers */
background: -moz-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b5c500 0%, #7e9400 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients5', endColorstr='@colorGradients6', GradientType=0);
/* IE6-9 */
border: 1px solid #869e00;
}
@media (min-width: 768px) {
body .snippetPaymentAndShippingTeaser table.without-icon a {
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
text-transform: uppercase;
text-align: center;
border: 1px solid #000000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#525252+0,000000+100 */
background: #525252;
/* Old browsers */
background: -moz-linear-gradient(top, #525252 0%, #000000 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #525252 0%, #000000 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #525252 0%, #000000 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients9', endColorstr='@colorGradients10', GradientType=0);
/* IE6-9 */
}
body .snippetPaymentAndShippingTeaser table.without-icon a.active,
li.active body .snippetPaymentAndShippingTeaser table.without-icon a a,
body .snippetPaymentAndShippingTeaser table.without-icon a:hover,
body .snippetPaymentAndShippingTeaser table.without-icon a:active,
body .snippetPaymentAndShippingTeaser table.without-icon a:focus,
body .snippetPaymentAndShippingTeaser table.without-icon a:active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5c500+0,7e9400+100 */
background: #b5c500;
/* Old browsers */
background: -moz-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b5c500 0%, #7e9400 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients5', endColorstr='@colorGradients6', GradientType=0);
/* IE6-9 */
border: 1px solid #869e00;
}
}
body .snippetPaymentAndShippingTeaser .shipping .sprite-delivery_large {
background-position: -441px -72px;
width: 97px;
height: 52px;
}
body .snippetPaymentAndShippingTeaser .shipping .body .text {
margin-top: 0;
}
@media (min-width: 768px) {
body .layout-home .snippetPaymentAndShippingTeaser {
min-height: 271px;
}
}
@media (min-width: 992px) {
body .layout-home .snippetPaymentAndShippingTeaser {
min-height: 249px;
}
}
@media (min-width: 1200px) {
body .layout-home .snippetPaymentAndShippingTeaser {
min-height: 304px;
}
}
body .snippetShopRatingItemBlock .body {
margin-left: 38px;
}
body .snippetShopRatingItemBlock .body .rating-as-stars {
margin-top: 8px;
}
body .snippetShopRatingItemBlock.variable-height .logo img {
margin-left: 5px;
}
body .snippetBreadcrumb {
border: none;
margin-top: 16px;
}
body .snippetBreadcrumb .breadcrumb li a,
body .snippetBreadcrumb .breadcrumb li span {
color: #869e00;
}
body .snippetBreadcrumb .breadcrumb > li + li::before {
color: #2A2A2A;
}
body .mobile .snippetInfoAndCallToAction {
margin-top: -15px;
margin-bottom: 40px;
}
body .mobile .snippetInfoAndCallToAction .headline {
font-size: 22px;
line-height: 25px;
}
body .mobile .snippetInfoAndCallToAction .brand {
margin-bottom: 9px;
}
body .mobile .snippetInfoAndCallToAction .prices .price {
float: left;
margin-right: 15px;
}
body .mobile .snippetInfoAndCallToAction .prices .price .snippetShopArticlePrice,
body .mobile .snippetInfoAndCallToAction .prices .price .snippetShopArticlePrice .innerPrice,
body .mobile .snippetInfoAndCallToAction .prices .price .currency {
font-size: 20px;
line-height: 24px;
}
body .mobile .snippetInfoAndCallToAction .prices .price-retail-block {
float: left;
margin-right: 0;
margin-top: 2px;
}
body .mobile .snippetInfoAndCallToAction .prices .price-retail-block .price-retail,
body .mobile .snippetInfoAndCallToAction .prices .price-retail-block .saving-percentage,
body .mobile .snippetInfoAndCallToAction .prices .price-retail-block .saving-percentage .text,
body .mobile .snippetInfoAndCallToAction .prices .price-retail-block .snippetShopArticlePrice .suffix {
font-size: 15px;
line-height: 17px;
}
body .mobile .snippetInfoAndCallToAction .prices .price-info {
display: block;
}
body .mobile .snippetInfoAndCallToAction .prices .price-info:before {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
body .mobile .snippetInfoAndCallToAction .shipping {
margin-bottom: 10px;
}
body .snippetInfoAndCallToAction {
background-color: #333333;
padding-top: 12px;
padding-bottom: 12px;
padding-right: 14px;
padding-left: 14px;
margin-bottom: -10px;
}
body .snippetInfoAndCallToAction .prices .price-retail-block .price-retail {
text-decoration: none;
}
body .snippetInfoAndCallToAction .prices .price-retail-block .price-retail .snippetShopArticlePrice {
text-decoration: none;
}
body .snippetInfoAndCallToAction .prices .price-retail-block .price-retail .snippetShopArticlePrice .innerPrice {
text-decoration: line-through;
}
body .snippetInfoAndCallToAction .prices .price-info {
position: relative;
bottom: -6px;
}
body .snippetInfoAndCallToAction .shipping {
position: relative;
padding-left: 61px;
}
body .snippetInfoAndCallToAction .cart-button {
width: 61%;
float: left;
padding: 11px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b70f00+0,971d00+100 */
background: #b70f00;
/* Old browsers */
background: -moz-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b70f00 0%, #971d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients1', endColorstr='@colorGradients2', GradientType=0);
/* IE6-9 */
}
body .snippetInfoAndCallToAction .cart-button .click-area .icon {
background-position: -441px -5px;
width: 32px;
height: 30px;
}
body .snippetInfoAndCallToAction .cart-button .click-area:hover,
body .snippetInfoAndCallToAction .cart-button .click-area:active,
body .snippetInfoAndCallToAction .cart-button .click-area:focus,
body .snippetInfoAndCallToAction .cart-button .click-area:active:hover {
color: #ffffff;
}
body .snippetInfoAndCallToAction .cart-button .click-area:hover .icon,
body .snippetInfoAndCallToAction .cart-button .click-area:active .icon,
body .snippetInfoAndCallToAction .cart-button .click-area:focus .icon,
body .snippetInfoAndCallToAction .cart-button .click-area:active:hover .icon {
background-position: -441px -5px;
width: 32px;
height: 30px;
}
@media (max-width: 991px) {
body .snippetInfoAndCallToAction .cart-button .click-area .label-text {
padding-left: 0;
}
}
body .snippetInfoAndCallToAction .cart-button input {
height: 37px;
}
body .snippetInfoAndCallToAction .cart-button:hover .click-area {
color: #ffffff;
}
body .snippetInfoAndCallToAction .cart-button:hover .click-area .icon {
background-position: -441px -5px;
width: 32px;
height: 30px;
}
body .snippetInfoAndCallToAction .notice-list-button {
width: 37%;
float: right;
}
body .snippetInfoAndCallToAction .notice-list-button:hover,
body .snippetInfoAndCallToAction .notice-list-button:active,
body .snippetInfoAndCallToAction .notice-list-button:focus,
body .snippetInfoAndCallToAction .notice-list-button:active:hover {
color: #ffffff;
}
body .snippetInfoAndCallToAction .notice-list-button .icon {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -388px -113px;
width: 14px;
height: 13px;
background-position: -395px -301px;
width: 19px;
height: 18px;
margin-top: 10px;
}
body .snippetInfoAndCallToAction .notice-list-button .icon:before {
content: '';
}
@media (min-width: 768px) and (max-width: 991px) {
body .snippetInfoAndCallToAction .notice-list-button {
padding-left: 4px;
padding-right: 4px;
}
}
body .snippetInfoAndCallToAction .snippetVariantSelection a.value {
padding-top: 2px;
padding-bottom: 2px;
}
body .snippetInfoAndCallToAction .call-to-action {
margin-bottom: 0;
}
body .snippetInfoAndCallToAction table.vpe-price-list th,
body .snippetInfoAndCallToAction table.vpe-price-list td {
padding: 0 10px;
line-height: 22px;
}
body .snippetPaymentMethodsLine {
display: none;
}
body .sprite-basket4,
body .sprite-basket_black_4 {
background-position: -441px -5px;
width: 32px;
height: 30px;
}
body .sprite-basket2,
body .sprite-basket_black_2 {
background-position: -483px -5px;
width: 23px;
height: 23px;
}
body .action-notice-list .sprite-merkzettel {
background-position: -585px -469px;
width: 13px;
height: 13px;
}
body .sprite-phone_white4 {
background-position: -109px -301px;
background-position: -243px -370px;
width: 32px;
height: 32px;
}
body .sprite-basket_black_5,
body .sprite-basket5 {
background-position: -516px -5px;
width: 32px;
height: 31px;
}
body .sprite-status-arrow_1 {
background-position: -28px -492px;
width: 14px;
height: 23px;
}
.snippetPkgExtranetAddressSelector .sprite-merkzettel {
background-position: -585px -469px;
width: 13px;
height: 13px;
}
.snippetPkgExtranetAddressSelector .glyphicon-star {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -5px -492px;
width: 13px;
height: 13px;
}
.snippetPkgExtranetAddressSelector .glyphicon-star:before {
content: '';
}
.sprite-basket5,
.sprite-basket_black_5 {
background-position: -85px -46px;
width: 32px;
height: 31px;
}
.sprite-basket2,
.sprite-basket_black_2 {
background-position: -483px -5px;
width: 23px;
height: 23px;
}
.sprite-slider-arrow-left {
background-position: -69px -446px;
width: 19px;
height: 19px;
}
.sprite-slider-arrow-right {
background-position: -356px -446px;
width: 19px;
height: 19px;
}
body .snippetVariantSelection a.value {
padding-left: 5px;
padding-right: 5px;
}
body .snippetTabsBlackAndWhite .nav-tabs li {
margin-bottom: 16px;
}
body .snippetTabsBlackAndWhite .nav-tabs li > a {
padding: 0 11px;
}
body .snippetTabsBlackAndWhite .nav-tabs li > a .ratingWrapper {
display: inline;
}
body .snippetTabsBlackAndWhite .nav-tabs li.active > a:after,
body .snippetTabsBlackAndWhite .nav-tabs li:hover > a:after,
body .snippetTabsBlackAndWhite .nav-tabs li:active > a:after,
body .snippetTabsBlackAndWhite .nav-tabs li:focus > a:after,
body .snippetTabsBlackAndWhite .nav-tabs li:active:hover > a:after {
border-color: #869e00 transparent transparent transparent;
}
@media (max-width: 767px) {
body .snippetTabsBlackAndWhite .nav-tabs li {
width: 100%;
}
body .snippetTabsBlackAndWhite .nav-tabs li > a {
padding-top: 10px !important;
padding-bottom: 10px !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 30px;
line-height: 36px;
color: #ffffff;
text-transform: uppercase;
}
body .snippetTabsBlackAndWhite .nav-tabs li > a:after,
body .snippetTabsBlackAndWhite .nav-tabs li > a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
body .snippetTabsBlackAndWhite .nav-tabs li > a .upbutton {
float: right;
}
body .snippetTabsBlackAndWhite .nav-tabs li > a:after {
border: none;
}
body .snippetTabsBlackAndWhite .nav-tabs li > a:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
body .snippetTabsBlackAndWhite .nav-tabs li > a .stars {
margin-top: 0;
top: -5px;
}
body .snippetTabsBlackAndWhite .nav-tabs li.active > a,
body .snippetTabsBlackAndWhite .nav-tabs li:hover > a,
body .snippetTabsBlackAndWhite .nav-tabs li:active > a,
body .snippetTabsBlackAndWhite .nav-tabs li:focus > a,
body .snippetTabsBlackAndWhite .nav-tabs li:active:hover > a {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#525252+0,000000+100 */
background: #525252 !important;
/* Old browsers */
background: -moz-linear-gradient(top, #525252 0%, #000000 100%) !important;
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #525252 0%, #000000 100%) !important;
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #525252 0%, #000000 100%) !important;
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients9', endColorstr='@colorGradients10', GradientType=0) !important;
/* IE6-9 */
padding: 0 !important;
margin: 0 !important;
text-decoration: none !important;
text-transform: none !important;
text-align: left !important;
background-color: transparent !important;
border: none !important;
letter-spacing: normal !important;
font-weight: normal !important;
font-family: 'MuseoSans500', Arial, sans-serif !important;
font-size: 30px !important;
line-height: 36px !important;
color: #ffffff !important;
text-transform: uppercase !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
body .snippetTabsBlackAndWhite .nav-tabs li.active > a:after,
body .snippetTabsBlackAndWhite .nav-tabs li:hover > a:after,
body .snippetTabsBlackAndWhite .nav-tabs li:active > a:after,
body .snippetTabsBlackAndWhite .nav-tabs li:focus > a:after,
body .snippetTabsBlackAndWhite .nav-tabs li:active:hover > a:after,
body .snippetTabsBlackAndWhite .nav-tabs li.active > a:before,
body .snippetTabsBlackAndWhite .nav-tabs li:hover > a:before,
body .snippetTabsBlackAndWhite .nav-tabs li:active > a:before,
body .snippetTabsBlackAndWhite .nav-tabs li:focus > a:before,
body .snippetTabsBlackAndWhite .nav-tabs li:active:hover > a:before {
content: '' !important;
margin: 0 !important !important;
padding: 0 !important !important;
display: inline !important !important;
position: inherit !important !important;
}
body .snippetTabsBlackAndWhite .nav-tabs li.active > a:after,
body .snippetTabsBlackAndWhite .nav-tabs li:hover > a:after,
body .snippetTabsBlackAndWhite .nav-tabs li:active > a:after,
body .snippetTabsBlackAndWhite .nav-tabs li:focus > a:after,
body .snippetTabsBlackAndWhite .nav-tabs li:active:hover > a:after {
border: none;
}
}
@media (min-width: 767px) {
body .snippetTabsBlackAndWhite .nav-tabs .sprite-star-medium-empty {
background-position: -566px -446px;
width: 13px;
height: 13px;
}
body .snippetTabsBlackAndWhite .nav-tabs .sprite-star-medium {
background-position: -5px -469px;
width: 13px;
height: 13px;
}
}
@media (max-width: 767px) {
body .snippetTabsBlackAndWhite .tab-pane {
display: none;
margin-top: 24px;
margin-bottom: 32px;
}
}
body .snippetProductListVertical .headline {
border: none;
margin-bottom: 0;
}
body .snippetProductListVertical .snippetPagingPreviousNext {
top: 13px;
right: -8px;
}
body .snippetProductListVertical .row:last-child .snippetProductTeaserVertical {
margin-bottom: 0;
}
body .snippetProductTeaserVertical .border {
border: 1px solid #c6c6c6;
}
body .snippetProductTeaserVertical .title {
display: inline-block;
}
body .snippetProductTeaserVertical .more .more--inner .shippingBlock {
padding-left: 49px;
}
body .snippetProductTeaserVertical .more .more--inner .shipping-message {
position: relative;
}
body .snippetProductTeaserVertical .more .more--inner .shipping-message {
margin-bottom: 0;
}
body .snippetProductTeaserVertical .more .more--inner .shipping-message .snippetShippingMessage:after {
left: -48px !important;
}
body .snippetProductTeaserVertical .more .more--inner .shipping-info,
body .snippetProductTeaserVertical .more .more--inner .price-info {
display: inline;
}
body .snippetProductTeaserVertical .more .more--inner .shipping-info *,
body .snippetProductTeaserVertical .more .more--inner .price-info * {
display: inline;
}
body .snippetProductTeaserStandard {
border-bottom: none;
}
body .snippetProductTeaserStandard .inner .body {
position: relative;
}
body .snippetProductTeaserStandard .inner .body .newMarkerProductTeaser {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -371px -5px;
width: 60px;
height: 60px;
}
@media (min-width: 768px) {
body .snippetProductTeaserStandard .inner .body .newMarkerProductTeaser {
position: absolute;
z-index: 2;
right: -3px;
top: -3px;
margin-left: 0;
}
}
body .snippetProductTeaserStandard .inner .body .newMarkerProductTeaser .text {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
text-transform: uppercase;
width: 100%;
display: block;
padding-top: 23px;
text-align: center;
}
body .snippetProductTeaserStandard .inner .body .newMarkerProductTeaser .text:after,
body .snippetProductTeaserStandard .inner .body .newMarkerProductTeaser .text:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
body .snippetProductTeaserStandard .inner .body .imageLink {
position: relative;
}
body .snippetProductTeaserStandard .inner .body .imageLink:after {
content: '';
width: 40px;
background-color: #000000;
height: 2px;
position: relative;
margin-top: -10px;
line-height: 2px;
display: block;
float: left;
}
body .snippetProductTeaserStandard .inner .body .imageLink .image {
margin-bottom: 19px;
}
@media (min-width: 768px) {
body .snippetProductTeaserStandard .inner .body .imageLink .image {
margin-bottom: 19px;
max-height: 212px;
}
}
@media (max-width: 767px) {
body .snippetProductTeaserStandard .inner .body .imageLink .image {
max-height: 170px;
}
}
@media (min-width: 768px) {
body .snippetProductTeaserStandard .inner .body .imageLink {
height: 330px;
overflow: hidden;
padding-bottom: 0;
}
}
@media (min-width: 992px) {
body .snippetProductTeaserStandard .inner .body .imageLink {
height: 373px;
}
}
@media (min-width: 1200px) {
body .snippetProductTeaserStandard .inner .body .imageLink {
height: 373px;
}
}
body .snippetProductTeaserStandard .inner .body .imageLink .nostoImageWrapper {
height: 180px;
}
@media (max-width: 767px) {
body .snippetProductTeaserStandard .inner .body .imageLink .nostoImageWrapper .image {
float: none;
width: auto;
}
}
@media (min-width: 768px) {
body .snippetProductTeaserStandard .inner .body .imageLink .nostoImageWrapper {
height: 95px;
}
body .snippetProductTeaserStandard .inner .body .imageLink .nostoImageWrapper .image {
max-height: 85%;
}
}
@media (min-width: 992px) {
body .snippetProductTeaserStandard .inner .body .imageLink .nostoImageWrapper {
height: 131px;
}
}
@media (min-width: 1200px) {
body .snippetProductTeaserStandard .inner .body .imageLink .nostoImageWrapper {
height: 165px;
}
}
body .snippetProductTeaserStandard .inner .body .shipping-message {
position: relative;
}
@media (min-width: 768px) {
body .snippetProductTeaserStandard .inner .body .shipping-message {
display: none;
}
}
@media (max-width: 767px) {
body .snippetProductTeaserStandard .inner .body .shipping-message {
overflow: hidden;
height: 54px;
}
}
body .snippetProductTeaserStandard .inner .body .shipping-info,
body .snippetProductTeaserStandard .inner .body .shipping-message {
padding-left: 42px;
}
@media (max-width: 390px) {
body .snippetProductTeaserStandard .inner .body .basket-form-no-vpe .amount {
visibility: hidden;
}
body .snippetProductTeaserStandard .inner .body .basket-form-no-vpe .basket-button {
width: 100%;
}
}
@media (min-width: 768px) {
body .snippetProductTeaserStandard:hover .inner,
body .snippetProductTeaserStandard:active .inner,
body .snippetProductTeaserStandard:focus .inner,
body .snippetProductTeaserStandard:active:hover .inner {
border-width: 1px;
margin: -12px 0 0 -14px;
padding: 11px 13px 17px;
}
}
body .snippetProductTeaserStandard:hover .inner .body .shipping-message,
body .snippetProductTeaserStandard:active .inner .body .shipping-message,
body .snippetProductTeaserStandard:focus .inner .body .shipping-message,
body .snippetProductTeaserStandard:active:hover .inner .body .shipping-message {
display: block;
}
body .snippetProductTeaserStandard .prices .price-retail .snippetShopArticlePrice {
line-height: 22px;
}
body .snippetProductTeaserStandard .title {
color: #333333;
font-size: 17px;
}
body .snippetProductTeaserStandard .prices .snippetShopArticlePrice {
display: inherit;
}
body .snippetProductTeaserStandard .space {
height: 4px;
}
body .productCategoryList {
margin-top: 10px;
}
@media (min-width: 768px) {
body .productCategoryList {
margin-top: -10px;
}
}
body .productCategoryList a.anchor {
position: relative;
top: -150px;
}
@media (max-width: 480px) {
body .productCategoryList a.anchor {
pointer-events: none;
}
}
body .snippetProductListSixColumn .headline {
border-bottom: none;
background-color: transparent;
width: 100%;
padding: 0;
}
body .snippetProductListSixColumn .headline:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
body .snippetProductListSixColumn .snippetPagingPreviousNext {
top: 15px;
}
/*
only differences to snippetProductTeaserStandard
*/
body .snippetProductTeaserSixColumn .btn {
padding-top: 3px;
padding-bottom: 4px;
}
body .snippetProductTeaserSixColumn:hover .inner,
body .snippetProductTeaserSixColumn:active .inner,
body .snippetProductTeaserSixColumn:focus .inner,
body .snippetProductTeaserSixColumn:active:hover .inner {
margin: 0;
padding: 0;
}
@media (min-width: 768px) {
body .snippetProductTeaserSixColumn:hover .inner,
body .snippetProductTeaserSixColumn:active .inner,
body .snippetProductTeaserSixColumn:focus .inner,
body .snippetProductTeaserSixColumn:active:hover .inner {
padding-top: 12px;
padding-right: 15px;
padding-bottom: 11px;
padding-left: 15px;
margin-left: -16px;
margin-top: -13px;
}
}
body .snippetProductTeaserSixColumn .inner .body .imageLink:after {
margin-top: -8px;
}
body .snippetProductTeaserSixColumn .inner .body .imageLink .image {
margin-bottom: 15px;
}
@media (min-width: 768px) {
body .snippetProductTeaserSixColumn .inner .body .imageLink .image {
margin-bottom: 15px;
max-height: 212px;
}
}
body .snippetProductTeaserSixColumn .title-brand .title {
color: #333333;
}
body .snippetBasketProductList .shipping-message {
padding-left: 42px;
position: relative;
}
body .snippetBasketProductList .shipping-message .triggerMessage {
position: relative;
}
body .snippetBasketProductList .shipping-message .triggerMessage:after {
left: -42px;
}
body .TPkgShopServiceItemManager .popover-content ul li .icon {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -39px -92px;
width: 7px;
height: 11px;
}
body .snippetButtonToCheckoutLarge .label-text {
padding-left: 10px;
}
@media (max-width: 1199px) {
body .snippetButtonToCheckoutLarge .label-text {
padding-left: 0;
}
}
body .snippetButtonToCheckoutLarge .label-text:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -549px -223px;
width: 9px;
height: 16px;
margin-left: 10px;
content: '';
}
body .snippetProductListVerticalNarrow .headline {
border-bottom: none;
}
body .snippetProductListVerticalNarrow .more .shipping-message {
position: initial;
}
body .snippetProductListVerticalNarrow .more .shipping-message .snippetShippingMessage:after {
background: none;
}
body .snippetProductListVerticalNarrow .more .shipping-message,
body .snippetProductListVerticalNarrow .more .shipping-info,
body .snippetProductListVerticalNarrow .more .price-info {
padding-left: 0;
}
body .snippetArticleListNoticeBasket > .headline {
padding-bottom: 0;
border: none;
margin-bottom: 0;
}
body .snippetArticleListNoticeBasket > .headline .inner-headline {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 24px;
line-height: 29px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #ffffff;
background-color: #333333;
padding: 2px 8px;
margin-bottom: 18px;
text-transform: uppercase;
width: auto;
display: inline-block;
}
body .snippetArticleListNoticeBasket > .headline .inner-headline:after,
body .snippetArticleListNoticeBasket > .headline .inner-headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
body .snippetArticleListNoticeBasket > .headline:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
body .snippetProductListNoticeListBasket .last-row .snippetProductTeaserStandard {
border-bottom: none;
}
body .snippetProductListNoticeListBasket .last-row .snippetProductTeaserStandard .shipping-info {
padding-left: 0;
}
body .noticeListArticleSnippet:hover .inner,
body .noticeListArticleSnippet:active .inner,
body .noticeListArticleSnippet:focus .inner,
body .noticeListArticleSnippet:active:hover .inner {
border: 1px solid #b2b2b2;
margin: -11px 0 0 -13px;
}
body .snippetTeaserSimple .more-link {
float: right;
width: auto;
}
body .snippetTeaserSimple .more-link:after {
content: '';
clear: both;
}
body .snippetOrderStepPayment .snippetOrderStepHeadline {
padding-bottom: 0;
}
body .snippetOrderStepPayment .shipping-notice {
display: none;
}
.snippetOrderStepPaymentSelectPayment ul.options li .details .creditCardContainer .form-group .form-control {
border-color: #333333;
color: #6b6b6b;
}
body .snippetOrderStepComplete .snippetTrustedShopsMoneyBackTeaser {
margin-top: 0;
margin-bottom: 60px;
}
body .snippetOrderStepComplete .snippetTrustedShopsMoneyBackTeaser .backtext {
margin-bottom: 16px;
}
body .snippetOrderStepComplete .prepayment-block {
margin-bottom: 40px;
}
body .snippetOrderStepComplete .prepayment-block .cmswysiwyg p:first-of-type {
margin-bottom: 16px;
}
body .snippetOrderStepComplete .prepayment-block .cmswysiwyg ul.arrows li {
margin-top: 0;
margin-bottom: 20px;
}
body .snippetOrderStepComplete .optionRow {
margin-top: 0;
}
body .snippetOrderStepComplete .snippetFormCreateAccountFromGuest p {
margin-bottom: 0;
}
body .snippetOrderStepComplete .snippetFormCreateAccountFromGuest .cmswysiwyg {
margin-bottom: 16px;
}
body .snippetOrderStepComplete .snippetFormCreateAccountFromGuest .cmswysiwyg p:first-of-type {
margin-bottom: 16px;
}
body .snippetOrderStepComplete .snippetFormCreateAccountFromGuest .cmswysiwyg > p strong {
margin-bottom: 4px;
}
body .snippetOrderStepComplete .snippetFormCreateAccountFromGuest .cmswysiwyg ul.arrows li {
margin-bottom: 4px;
}
body .snippetOrderStepComplete .snippetFormCreateAccountFromGuest .form-group {
margin-bottom: 14px;
}
body .snippetOrderStepComplete .snippetFormCreateAccountFromGuest .rightSide button:after {
content: ' >';
}
body .snippetOrderStepConfirm .snippetOrderStepConfirmChangeShipping .body:last-child,
body .snippetOrderStepConfirm .snippetOrderStepConfirmChangePayment .body:last-child {
margin-bottom: 44px;
}
body .snippetOrderStepConfirm .accept-agb {
margin-bottom: 30px;
}
body .snippetOrderStepConfirm .accept-agb a {
font-weight: bold;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
text-decoration: underline;
}
body .snippetOrderStepConfirm .accept-agb a:after,
body .snippetOrderStepConfirm .accept-agb a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
body .snippetOrderStepConfirm .accept-agb a:hover,
body .snippetOrderStepConfirm .accept-agb a:active:hover,
body .snippetOrderStepConfirm .accept-agb a:active,
body .snippetOrderStepConfirm .accept-agb a:focus,
body .snippetOrderStepConfirm .accept-agb a:focus:hover {
color: #869e00;
}
body .snippetOrderStepConfirm .accept-agb a:not(a) {
text-decoration: none;
}
body .snippetOrderStepConfirm .accept-agb a:not(a):hover,
body .snippetOrderStepConfirm .accept-agb a:not(a):active:hover,
body .snippetOrderStepConfirm .accept-agb a:not(a):active,
body .snippetOrderStepConfirm .accept-agb a:not(a):focus,
body .snippetOrderStepConfirm .accept-agb a:not(a):focus:hover {
color: #979797;
}
body .snippetOrderStepConfirm .accept-agb label {
font-size: 13px;
}
.snippetOrderStepLogin .submit-button {
margin-bottom: 5px;
}
.snippetOrderStepLogin .submit-button,
.snippetOrderStepLogin button[type=submit] {
width: auto;
height: auto;
min-height: inherit;
}
.snippetOrderStepLogin .submit-button:before,
.snippetOrderStepLogin button[type=submit]:before {
content: '';
background-image: none;
}
.snippetOrderStepLogin .submit-button:after,
.snippetOrderStepLogin button[type=submit]:after {
content: '';
background-image: none;
}
.snippetOrderStepLogin .submit-button:before,
.snippetOrderStepLogin button[type=submit]:before {
content: ' ';
margin-right: 5px;
margin-bottom: 1px;
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -5px -92px;
width: 7px;
height: 11px;
}
body .snippetOrderStepNavigation ul li .title {
color: #c6c6c6;
}
body .snippetOrderStepNavigation ul li.expanded .sprite-status-arrow_1 {
background-position: -52px -492px;
width: 14px;
height: 23px;
}
body .snippetOrderStepNavigation ul li.expanded .sprite-status-cart {
background-position: -356px -495px;
width: 35px;
height: 27px;
}
body .snippetOrderStepNavigation ul li.expanded .sprite-status-sign_in {
background-position: -42px -560px;
width: 27px;
height: 27px;
}
body .snippetOrderStepNavigation ul li.expanded .sprite-status-delivery {
background-position: -177px -523px;
width: 44px;
height: 27px;
}
body .snippetOrderStepNavigation ul li.expanded .sprite-status-payment {
background-position: -285px -523px;
width: 32px;
height: 27px;
}
body .snippetOrderStepNavigation ul li.expanded .sprite-status-completed {
background-position: -585px -492px;
width: 22px;
height: 21px;
}
body .snippetOrderStepNavigation ul li.expanded .title {
color: #6b6b6b;
}
body .snippetOrderStepNavigation ul li.active .sprite-status-arrow_1 {
background-position: -462px -298px;
width: 13px;
background-position: -76px -492px;
width: 14px;
height: 23px;
}
body .snippetOrderStepNavigation ul li.active .sprite-status-cart {
background-position: -448px -365px;
width: 30px;
height: 24px;
background-position: -401px -495px;
width: 35px;
height: 27px;
}
body .snippetOrderStepNavigation ul li.active .sprite-status-sign_in {
background-position: -448px -399px;
width: 18px;
height: 24px;
background-position: -79px -560px;
width: 27px;
height: 27px;
}
body .snippetOrderStepNavigation ul li.active .sprite-status-delivery {
background-position: -226px -399px;
width: 39px;
height: 24px;
background-position: -231px -523px;
width: 44px;
height: 27px;
}
body .snippetOrderStepNavigation ul li.active .sprite-status-payment {
background-position: -312px -399px;
width: 27px;
height: 24px;
background-position: -574px -523px;
width: 32px;
height: 27px;
}
body .snippetOrderStepNavigation ul li.active .sprite-status-completed {
background-position: -149px -399px;
width: 18px;
height: 24px;
background-position: -145px -523px;
width: 22px;
height: 21px;
}
body .snippetOrderStepNavigation ul li.active .title {
color: #869e00;
}
body .snippetOrderStepNavigation ul li a span.icon {
height: 24px !important;
}
body .snippetFormUserAddressWizardStep .snippetPkgExtranetAddressSelector .icon {
color: #000000;
}
body .snippetFormUserAddressWizardStep .snippetPkgExtranetAddressSelector .activeShippingSelection .icon {
color: #971d00;
}
body .snippetFormUserAddressWizardStep .address-row {
border-bottom-width: 1px;
}
body .snippetNavigationMyAccountHover .login-button {
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 13px;
line-height: 18px;
color: #ffffff;
text-transform: uppercase;
text-align: center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b70f00+0,971d00+100 */
background: #b70f00;
/* Old browsers */
background: -moz-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b70f00 0%, #971d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients1', endColorstr='@colorGradients2', GradientType=0);
/* IE6-9 */
}
body .snippetNavigationMyAccountHover .login-button.active,
body .snippetNavigationMyAccountHover .login-button:hover,
body .snippetNavigationMyAccountHover .login-button:active,
body .snippetNavigationMyAccountHover .login-button:focus,
body .snippetNavigationMyAccountHover .login-button:active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff2a00+0,b70d00+100 */
background: #ff2a00;
/* Old browsers */
background: -moz-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff2a00 0%, #b70d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients3', endColorstr='@colorGradients4', GradientType=0);
/* IE6-9 */
color: #ffffff;
}
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .price-product {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
margin-bottom: 10px;
text-align: right;
padding-left: 15px;
padding-right: 15px;
}
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .price-product:after,
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .price-product:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn {
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 13px;
line-height: 18px;
color: #ffffff;
text-transform: uppercase;
text-align: center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b70f00+0,971d00+100 */
background: #b70f00;
/* Old browsers */
background: -moz-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b70f00 0%, #971d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients1', endColorstr='@colorGradients2', GradientType=0);
/* IE6-9 */
}
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn.active,
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn:hover,
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn:active,
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn:focus,
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn:active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff2a00+0,b70d00+100 */
background: #ff2a00;
/* Old browsers */
background: -moz-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff2a00 0%, #b70d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients3', endColorstr='@colorGradients4', GradientType=0);
/* IE6-9 */
color: #ffffff;
}
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate {
background-color: #337ab7;
border-color: #2e6da4;
background-color: #869e00;
line-height: 19px;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #ffffff;
text-transform: uppercase;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b70f00+0,971d00+100 */
background: #b70f00;
/* Old browsers */
background: -moz-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b70f00 0%, #971d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients1', endColorstr='@colorGradients2', GradientType=0);
/* IE6-9 */
}
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate:focus,
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate.focus {
color: #ffffff;
background-color: #286090;
border-color: #122b40;
}
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate:hover {
color: #ffffff;
background-color: #286090;
border-color: #204d74;
}
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate:active,
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate.active,
.open > .dropdown-togglebody .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate {
color: #ffffff;
background-color: #286090;
background-image: none;
border-color: #204d74;
}
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate:active:hover,
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate.active:hover,
.open > .dropdown-togglebody .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate:hover,
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate:active:focus,
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate.active:focus,
.open > .dropdown-togglebody .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate:focus,
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate:active.focus,
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate.active.focus,
.open > .dropdown-togglebody .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate.focus {
color: #ffffff;
background-color: #204d74;
border-color: #122b40;
}
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate.disabled:hover,
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate[disabled]:hover,
fieldset[disabled] body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate:hover,
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate.disabled:focus,
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate[disabled]:focus,
fieldset[disabled] body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate:focus,
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate.disabled.focus,
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate[disabled].focus,
fieldset[disabled] body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate.focus {
background-color: #337ab7;
border-color: #2e6da4;
}
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate .badge {
color: #337ab7;
background-color: #ffffff;
}
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate:hover,
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate:focus,
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate:active,
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate:active:hover {
outline: none;
background-color: #869e00;
color: #000000;
}
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate[disabled] {
background-color: #494948;
}
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate[disabled]:hover,
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate[disabled]:focus,
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate[disabled]:active,
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate[disabled]:active:hover {
outline: none;
background-color: #494948;
color: #ffffff;
}
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate::after {
content: ' >>';
letter-spacing: -1.3px;
}
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate.active,
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate:hover,
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate:active,
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate:focus,
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate:active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff2a00+0,b70d00+100 */
background: #ff2a00;
/* Old browsers */
background: -moz-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff2a00 0%, #b70d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients3', endColorstr='@colorGradients4', GradientType=0);
/* IE6-9 */
}
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate:before {
content: ' ';
}
body .snippetOrderHistory .snippetShopOrderListMyAccount .items .item .btn-rate:after {
content: '';
}
body .snippetOrderHistory .snippetPageSize {
display: none;
}
body .snippetPagingPageNumbers .paging {
white-space: nowrap;
}
body .snippetTeaserSimpleWide .headline a {
margin-top: 18px;
}
body .snippetTeaserSimple .headline {
padding-bottom: 0;
}
body .snippetTeaserSimple .stack-above {
display: none;
}
body .simpleFirstWideBig .stack-em {
position: relative;
}
body .simpleFirstWideBig .stack-em > .stack-above {
position: absolute;
display: block;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
padding: 7px;
color: #ffffff;
width: 100%;
}
body .simpleFirstWideSmall {
margin-bottom: 70px;
}
body .simpleFirstWideSmall .snippetTeaserSimpleWide .firstItem,
body .simpleFirstWideSmall .snippetTeaserSimpleWide .item {
margin-bottom: 0;
}
body .simpleFirstWideSmall .snippetTeaserSimpleWide .row .item {
margin-top: 30px;
}
body .simpleFirstWideBig {
margin-bottom: 70px;
}
body .simpleFirstWideBig .snippetTeaserSimpleWide .row .item {
margin-top: 40px;
}
body .simpleSmallText {
margin-bottom: 70px;
}
body .simpleSmallTextWideSmallImage .articleBody,
body .simpleSmallTextWide .articleBody,
body .simpleTextWide .articleBody {
height: 59px;
}
body .simpleSmallTextWide .articleBody,
body .simpleSmallTextWideSmallImage .articleBody {
height: 39px;
}
body .simpleSmallTextWide .articleBody .headline,
body .simpleSmallTextWideSmallImage .articleBody .headline {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
}
body .simpleSmallTextWide .articleBody .headline:after,
body .simpleSmallTextWideSmallImage .articleBody .headline:after,
body .simpleSmallTextWide .articleBody .headline:before,
body .simpleSmallTextWideSmallImage .articleBody .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
body .simpleSmallTextWide .articleBody {
height: 70px;
word-wrap: break-word;
}
body .simpleFirstWideBig {
margin-top: 0;
}
body .simpleFirstWideBig .snippetTeaserSimpleWide .item,
body .simpleFirstWideBig .snippetTeaserSimpleWide .firstItem {
margin-bottom: 0;
}
body .simpleFirstWideBig .simpleTextWide .articleBody {
height: 70px;
}
body .simpleFirstWideBig .simpleTextWide .articleBody .headline {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
margin-top: 5px;
margin-bottom: 4px;
}
body .simpleFirstWideBig .simpleTextWide .articleBody .headline:after,
body .simpleFirstWideBig .simpleTextWide .articleBody .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
body .snippetAddedToBasketLayover .shipping-message {
padding-left: 43px;
}
body .snippetAddedToBasketLayover .addedItem {
position: relative;
}
body .snippetAddedToBasketLayover .notice .infoText {
top: -4px;
left: -24px;
width: 100%;
}
@media (min-width: 768px) {
body .snippetAddedToBasketLayover .notice .infoText {
left: 4px;
width: 85%;
}
}
body .snippetAddedToBasketLayover .buttons .toBasket-layover-link {
width: auto;
height: auto;
min-height: inherit;
}
body .snippetAddedToBasketLayover .buttons .toBasket-layover-link:before {
content: '';
background-image: none;
}
body .snippetAddedToBasketLayover .buttons .toBasket-layover-link:after {
content: '';
background-image: none;
}
body .snippetAddedToBasketLayover .buttons .toBasket-layover-link:after {
content: ' ';
margin-left: 5px;
margin-bottom: 1px;
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -5px -92px;
width: 7px;
height: 11px;
}
body .snippetAddedToBasketLayover .buttons .close-layover-link {
width: auto;
height: auto;
min-height: inherit;
}
body .snippetAddedToBasketLayover .buttons .close-layover-link:before {
content: '';
background-image: none;
}
body .snippetAddedToBasketLayover .buttons .close-layover-link:after {
content: '';
background-image: none;
}
body .snippetAddedToBasketLayover .buttons .close-layover-link:before {
content: ' ';
margin-right: 5px;
margin-bottom: 1px;
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -5px -92px;
width: 7px;
height: 11px;
}
body .snippetAddedToBasketLayover .buttons .close-layover-link:before {
background-position: -548px -71px;
width: 7px;
height: 11px;
}
body .snippetAddedToBasketLayover .buttons .close-layover-link:after {
content: '';
background: none;
}
body .layover .close-layover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b70f00+0,971d00+100 */
background: #b70f00;
/* Old browsers */
background: -moz-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b70f00 0%, #971d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients1', endColorstr='@colorGradients2', GradientType=0);
/* IE6-9 */
}
body .layover .close-layover:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff2a00+0,b70d00+100 */
background: #ff2a00;
/* Old browsers */
background: -moz-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff2a00 0%, #b70d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients3', endColorstr='@colorGradients4', GradientType=0);
/* IE6-9 */
}
body .layover .close-layover:hover span {
background-position: -385px -5px;
background-position: -127px -46px;
width: 16px;
height: 16px;
}
body .layover#telephone-order {
width: 474px;
}
body .snippetProductQuestion {
height: auto;
}
body .snippetProductAttributes dl dt {
padding-top: 5px;
padding-bottom: 5px;
line-height: inherit;
}
body .snippetProductAttributes dl dd {
line-height: inherit;
padding-top: 5px;
padding-bottom: 5px;
}
body .snippetProductDetailTabs .snippetProductAttributes,
body .snippetProductDetailTabs .snippetProductDocuments {
margin-top: 0;
}
body .snippetCategoriesWithHitsCount .headline {
height: auto;
}
body .snippetCategoriesWithHitsCount ul {
list-style: none;
padding-left: 0;
}
body .snippetCategoriesWithHitsCount ul ul {
margin-top: 24px;
padding-left: 10px;
}
body .snippetCategoriesWithHitsCount div ul {
padding-left: 0;
margin-top: 5px;
}
@media (min-width: 768px) {
body .snippetCategoriesWithHitsCount div ul ul {
margin-top: 24px;
padding-left: 10px;
}
}
body .snippetCategoriesWithHitsCount div ul li {
display: block;
}
body .snippetCategoriesWithHitsCount div ul li:not(.expanded) {
display: none;
}
body .snippetCategoriesWithHitsCount div ul li.lastShownChild {
display: block;
}
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) {
margin-bottom: 0;
float: left;
padding-right: 5px;
border-right: 1px solid #494949;
margin-right: 5px;
}
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded):last-child {
border-right: none;
}
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #333333;
}
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:hover,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:hover,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #333333;
color: #869e00;
}
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:hover:after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:hover:after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:hover:after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:hover:before,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:hover:before,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:before,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:before,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .hits {
display: none;
}
@media (min-width: 768px) {
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) {
margin-bottom: 24px;
padding-right: inherit;
border-right: none;
margin-right: inherit;
float: none;
}
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #333333;
text-transform: uppercase;
padding-left: 15px;
position: relative;
font-size: 16px;
letter-spacing: -0.8px;
white-space: normal;
}
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -545px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:not(a,.close-layover-link) {
padding-left: 0;
}
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:not(a,.close-layover-link):after {
background: none;
width: 0;
display: none;
}
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -545px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:not(a,.close-layover-link) {
padding-left: 0;
}
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:not(a,.close-layover-link):after {
background: none;
width: 0;
display: none;
}
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline.active,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline.expanded,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:hover,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:hover,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #333333;
text-transform: uppercase;
padding-left: 15px;
position: relative;
color: #869e00;
}
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline.active:after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline.expanded:after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:hover:after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:hover:after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:hover:after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline.active:before,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline.expanded:before,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:hover:before,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:hover:before,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:before,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:before,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline.active:after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline.expanded:after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:hover:after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:hover:after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -545px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline.active:not(a,.close-layover-link),
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline.expanded:not(a,.close-layover-link),
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:hover:not(a,.close-layover-link),
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:hover:not(a,.close-layover-link),
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:not(a,.close-layover-link),
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:not(a,.close-layover-link),
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:hover:not(a,.close-layover-link) {
padding-left: 0;
}
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline.active:not(a,.close-layover-link):after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline.expanded:not(a,.close-layover-link):after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:hover:not(a,.close-layover-link):after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:hover:not(a,.close-layover-link):after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:not(a,.close-layover-link):after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:not(a,.close-layover-link):after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:hover:not(a,.close-layover-link):after {
background: none;
width: 0;
display: none;
}
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline.active:after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline.expanded:after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:hover:after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:hover:after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -507px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:after {
top: 1px;
}
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline.active,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline.expanded,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:hover,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:hover,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:hover {
font-size: 16px;
letter-spacing: -0.8px;
white-space: normal;
}
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline.active:after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline.expanded:after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:hover:after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:hover:after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:after,
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:hover:after {
top: 1px;
}
body .snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .hits {
display: block;
}
}
body .snippetCategoriesWithHitsCount div ul li.expanded .headline {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #333333;
text-transform: uppercase;
padding-left: 15px;
position: relative;
font-size: 16px;
letter-spacing: -0.8px;
white-space: normal;
}
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:after,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -545px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:not(a,.close-layover-link) {
padding-left: 0;
}
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:not(a,.close-layover-link):after {
background: none;
width: 0;
display: none;
}
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:after,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -545px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:not(a,.close-layover-link) {
padding-left: 0;
}
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:not(a,.close-layover-link):after {
background: none;
width: 0;
display: none;
}
body .snippetCategoriesWithHitsCount div ul li.expanded .headline.active,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline.expanded,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:hover,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:active:hover,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:active,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:focus,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #333333;
text-transform: uppercase;
padding-left: 15px;
position: relative;
color: #869e00;
}
body .snippetCategoriesWithHitsCount div ul li.expanded .headline.active:after,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline.expanded:after,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:hover:after,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:active:hover:after,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:active:after,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:focus:after,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:focus:hover:after,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline.active:before,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline.expanded:before,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:hover:before,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:active:hover:before,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:active:before,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:focus:before,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
body .snippetCategoriesWithHitsCount div ul li.expanded .headline.active:after,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline.expanded:after,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:hover:after,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:active:hover:after,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:active:after,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:focus:after,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -545px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
body .snippetCategoriesWithHitsCount div ul li.expanded .headline.active:not(a,.close-layover-link),
body .snippetCategoriesWithHitsCount div ul li.expanded .headline.expanded:not(a,.close-layover-link),
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:hover:not(a,.close-layover-link),
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:active:hover:not(a,.close-layover-link),
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:active:not(a,.close-layover-link),
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:focus:not(a,.close-layover-link),
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:focus:hover:not(a,.close-layover-link) {
padding-left: 0;
}
body .snippetCategoriesWithHitsCount div ul li.expanded .headline.active:not(a,.close-layover-link):after,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline.expanded:not(a,.close-layover-link):after,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:hover:not(a,.close-layover-link):after,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:active:hover:not(a,.close-layover-link):after,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:active:not(a,.close-layover-link):after,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:focus:not(a,.close-layover-link):after,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:focus:hover:not(a,.close-layover-link):after {
background: none;
width: 0;
display: none;
}
body .snippetCategoriesWithHitsCount div ul li.expanded .headline.active:after,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline.expanded:after,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:hover:after,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:active:hover:after,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:active:after,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:focus:after,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -507px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:after {
top: 1px;
}
body .snippetCategoriesWithHitsCount div ul li.expanded .headline.active,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline.expanded,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:hover,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:active:hover,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:active,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:focus,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:focus:hover {
font-size: 16px;
letter-spacing: -0.8px;
white-space: normal;
}
body .snippetCategoriesWithHitsCount div ul li.expanded .headline.active:after,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline.expanded:after,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:hover:after,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:active:hover:after,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:active:after,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:focus:after,
body .snippetCategoriesWithHitsCount div ul li.expanded .headline:focus:hover:after {
top: 1px;
}
@media (min-width: 768px) {
body .snippetFilterDropdown {
margin-top: -18px;
}
}
@media (max-width: 992px) {
body .snippetFilterDropdown:not(.showAll) .filter-item:nth-child(n+5) {
display: none;
}
body .snippetFilterDropdown .dropdown-element .filter.clicked {
position: relative;
top: -1px;
}
}
body .snippetFilterDropdown .dropdown-element .filter {
padding-top: 1px;
}
body .snippetFilterDropdown .dropdown-element .filter.clicked {
visibility: visible !important;
padding-top: 1px;
}
body .snippetFilterDropdown .dropdown-element .filter.notClicked {
visibility: hidden !important;
}
body .snippetFilterDropdown .dropdown-element:hover .filter,
body .snippetFilterDropdown .dropdown-element:active .filter,
body .snippetFilterDropdown .dropdown-element:focus .filter,
body .snippetFilterDropdown .dropdown-element:active:hover .filter {
visibility: hidden;
}
@media (hover) {
body .snippetFilterDropdown .dropdown-element:hover .filter,
body .snippetFilterDropdown .dropdown-element:active .filter,
body .snippetFilterDropdown .dropdown-element:focus .filter,
body .snippetFilterDropdown .dropdown-element:active:hover .filter {
visibility: visible;
}
}
body .snippetFilterDropdown .showAllFilters {
margin-bottom: 10px;
}
body .snippetFilterDropdown .showAllFilters:after {
height: 25px;
line-height: 25px;
font-size: 14px;
content: '\002193 \00A0mehr Filter';
}
body .snippetFilterDropdown.showAll .showAllFilters:after {
content: '\002191 \00A0weniger Filter';
}
body .snippetShopFilterItemSlider .ui-slider .selectorLeft {
margin-top: -7px;
}
body .snippetShopFilterItemSlider .ui-slider .selectorRight {
margin-top: -7px;
margin-left: -2px;
}
body .snippetShopFilterItemSlider .input {
margin-bottom: 0;
padding-bottom: 44px;
}
body .snippetShopFilterItemSlider .input .amountEnd {
bottom: 24px;
}
body .snippetShopFilterItemSlider .input .blocked {
background-color: transparent;
padding-left: 5px;
padding-right: 5px;
}
body .snippetShopFilterItemSlider.inputOnly .valuelist {
margin-top: 20px;
padding: 0;
}
body .snippetShopFilterItemSlider.inputOnly .valuelist .input {
padding: 0;
height: 30px;
}
body .snippetShopFilterItemSlider.inputOnly .valuelist .input input {
width: 100%;
background-color: #ffffff;
color: #777777;
border: 1px solid #000000;
}
body .snippetShopFilterItemSlider.inputOnly .valuelist .input .amountStart {
width: 40%;
float: left;
position: static;
}
body .snippetShopFilterItemSlider.inputOnly .valuelist .input .amountEnd {
width: 40%;
float: left;
position: static;
}
body .snippetShopFilterItemSlider.inputOnly .valuelist .input .spacer {
width: 20%;
float: left;
text-align: center;
}
body .snippetFilterWithHeadline {
display: none;
}
@media (min-width: 768px) {
body .snippetFilterWithHeadline {
display: block;
}
}
body .snippetFilterWithHeadline.subnavigation {
margin-bottom: -50px;
}
body .snippetFilterWithHeadline .headline:after {
border: none !important;
}
body .snippetShopFilterItemRatingStars {
margin-top: 16px;
}
body .snippetShopFilterItemRatingStars .above {
padding-left: 10px;
}
body .snippetShopFilterItemRatingStars input {
display: none;
}
body .snippetShopFilterItemRatingStars label {
cursor: pointer;
display: block;
}
body .snippetShopFilterItemRatingStars label.active .above,
body .snippetShopFilterItemRatingStars label :hover .above {
color: #869e00;
}
body .snippetShopFilterItemRatingStars .clearFilter {
margin-bottom: 8px;
display: block;
position: relative;
}
body .snippetShopFilterItemCheckboxes {
max-height: none;
}
body .snippetShopFilterItemCheckboxes .checkbox {
display: block;
margin-top: 5px;
margin-bottom: 5px;
}
body .snippetShopFilterItemCheckboxes .checkbox:nth-child(n+7) {
display: none;
}
body .snippetShopFilterItemCheckboxes .checkbox label {
padding-left: 0;
}
body .snippetShopFilterItemCheckboxes:not(.can-not-open):after {
height: 25px;
line-height: 25px;
content: '\002193 \00A0mehr anzeigen';
}
body .snippetShopFilterItemCheckboxes:not(.can-not-open).open .checkbox {
display: block;
}
body .snippetShopFilterItemCheckboxes:not(.can-not-open).open:after {
content: '\002191 \00A0weniger anzeigen';
}
body .form-horizontal .form-group .help-block {
height: 33px;
vertical-align: middle;
margin-top: -2px;
margin-bottom: 0;
display: table-cell;
position: relative;
top: -4px;
}
body .form-horizontal .control-label {
padding-top: 4px;
}
body .form-horizontal .checkbox {
padding-top: 0;
}
body .form-horizontal .radio {
min-height: 18px;
}
body .form-horizontal .radio label {
min-height: 18px;
}
body .form-control {
padding-top: 4px;
padding-bottom: 4px;
}
body .checkbox {
margin-bottom: 5px;
}
body .checkbox input[type="checkbox"] {
margin-left: 0;
position: relative;
top: 2px;
margin-top: 0;
}
body .snippetOrderStepPaymentSelectShippingGroup {
margin-top: 0;
}
body .snippetOrderStepPaymentSelectShippingGroup ul {
margin-bottom: 0;
}
body .snippetFormUserShopSettings .form-horizontal .row {
margin-top: 40px;
}
body .snippetFormUserShopSettings .form-horizontal .row .buttonRow {
margin-top: 0;
}
body .snippetExtranetNavigationHeader > ul > li > a,
body .snippetExtranetNavigationHeader > ul > li > span {
padding: 0 8px;
}
@media (min-width: 480px) {
body .snippetExtranetNavigationHeader > ul > li > a,
body .snippetExtranetNavigationHeader > ul > li > span {
padding: 0 15px;
}
}
@media (min-width: 992px) {
body .snippetExtranetNavigationHeader > ul > li > a,
body .snippetExtranetNavigationHeader > ul > li > span {
padding: 0 13px;
}
}
@media (min-width: 1200px) {
body .snippetExtranetNavigationHeader > ul > li > a,
body .snippetExtranetNavigationHeader > ul > li > span {
padding: 0 20px ;
}
}
body .snippetExtranetNavigationHeader > ul > li:first-child > a,
body .snippetExtranetNavigationHeader > ul > li:first-child > span {
padding: 0 8px;
}
@media (min-width: 480px) {
body .snippetExtranetNavigationHeader > ul > li:first-child > a,
body .snippetExtranetNavigationHeader > ul > li:first-child > span {
padding: 0 15px;
}
}
@media (min-width: 992px) {
body .snippetExtranetNavigationHeader > ul > li:first-child > a,
body .snippetExtranetNavigationHeader > ul > li:first-child > span {
padding: 0 13px;
}
}
@media (min-width: 768px) {
body.is-scrolled .snippetExtranetNavigationHeader > ul > li > a,
body.is-scrolled .snippetExtranetNavigationHeader > ul > li > span {
padding: 0 5px;
}
}
@media (min-width: 768px) {
body.is-scrolled .snippetExtranetNavigationHeader > ul > li:first-child > a,
body.is-scrolled .snippetExtranetNavigationHeader > ul > li:first-child > span {
padding: 0 5px;
}
}
body .snippetExtranetNavigationHeader li > a {
line-height: 37px;
}
body .snippetFormJustPlaceholdersSubmitRight .submit-button {
width: auto;
height: auto;
min-height: inherit;
}
body .snippetFormJustPlaceholdersSubmitRight .submit-button:before {
content: '';
background-image: none;
}
body .snippetFormJustPlaceholdersSubmitRight .submit-button:after {
content: '';
background-image: none;
}
body .snippetFormJustPlaceholdersSubmitRight .submit-button:before {
content: ' ';
margin-right: 5px;
margin-bottom: 1px;
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -5px -92px;
width: 7px;
height: 11px;
}
body .snippetBasketStepButtonGroup span.label-text {
width: auto;
height: auto;
min-height: inherit;
}
body .snippetBasketStepButtonGroup span.label-text:before {
content: '';
background-image: none;
}
body .snippetBasketStepButtonGroup span.label-text:after {
content: '';
background-image: none;
}
body .snippetBasketStepButtonGroup span.label-text:after {
content: ' ';
margin-left: 10px;
margin-bottom: -1px;
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -549px -223px;
width: 9px;
height: 16px;
}
body .snippetBasketStepButtonGroup .snippetButtonLargeButton .back.label-text {
width: auto;
height: auto;
min-height: inherit;
}
body .snippetBasketStepButtonGroup .snippetButtonLargeButton .back.label-text:before {
content: '';
background-image: none;
}
body .snippetBasketStepButtonGroup .snippetButtonLargeButton .back.label-text:after {
content: '';
background-image: none;
}
body .snippetBasketStepButtonGroup .snippetButtonLargeButton .back.label-text:before {
content: ' ';
margin-right: 10px;
margin-bottom: -1px;
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -549px -223px;
width: 9px;
height: 16px;
}
body .snippetBasketStepButtonGroup .snippetButtonLargeButton .back.label-text:before {
background-position: -548px -92px;
width: 9px;
height: 16px;
}
body .snippetBasketStepButtonGroup .snippetButtonLargeButton .back.label-text:after {
content: '';
background: none;
}
body .snippetOrderStepPreviousNextStepNavigation .back-button,
body .snippetOrderStepPreviousNextStepNavigation .back-button {
width: auto;
height: auto;
min-height: inherit;
}
body .snippetOrderStepPreviousNextStepNavigation .back-button:before,
body .snippetOrderStepPreviousNextStepNavigation .back-button:before {
content: '';
background-image: none;
}
body .snippetOrderStepPreviousNextStepNavigation .back-button:after,
body .snippetOrderStepPreviousNextStepNavigation .back-button:after {
content: '';
background-image: none;
}
body .snippetOrderStepPreviousNextStepNavigation .back-button:before,
body .snippetOrderStepPreviousNextStepNavigation .back-button:before {
content: ' ';
margin-right: 10px;
margin-bottom: -1px;
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -549px -223px;
width: 9px;
height: 16px;
}
body .snippetOrderStepPreviousNextStepNavigation .back-button:before,
body .snippetOrderStepPreviousNextStepNavigation .back-button:before {
background-position: -548px -92px;
width: 9px;
height: 16px;
}
body .snippetOrderStepPreviousNextStepNavigation .back-button:after,
body .snippetOrderStepPreviousNextStepNavigation .back-button:after {
content: '';
background: none;
}
body .snippetOrderStepPreviousNextStepNavigation #primarypaymentbutton,
body .snippetOrderStepPreviousNextStepNavigation #primarypaymentbutton,
body .snippetOrderStepPreviousNextStepNavigation .next-button,
body .snippetOrderStepPreviousNextStepNavigation .next-button {
width: auto;
height: auto;
min-height: inherit;
width: 100%;
}
body .snippetOrderStepPreviousNextStepNavigation #primarypaymentbutton:before,
body .snippetOrderStepPreviousNextStepNavigation #primarypaymentbutton:before,
body .snippetOrderStepPreviousNextStepNavigation .next-button:before,
body .snippetOrderStepPreviousNextStepNavigation .next-button:before {
content: '';
background-image: none;
}
body .snippetOrderStepPreviousNextStepNavigation #primarypaymentbutton:after,
body .snippetOrderStepPreviousNextStepNavigation #primarypaymentbutton:after,
body .snippetOrderStepPreviousNextStepNavigation .next-button:after,
body .snippetOrderStepPreviousNextStepNavigation .next-button:after {
content: '';
background-image: none;
}
body .snippetOrderStepPreviousNextStepNavigation #primarypaymentbutton:after,
body .snippetOrderStepPreviousNextStepNavigation #primarypaymentbutton:after,
body .snippetOrderStepPreviousNextStepNavigation .next-button:after,
body .snippetOrderStepPreviousNextStepNavigation .next-button:after {
content: ' ';
margin-left: 10px;
margin-bottom: -1px;
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -549px -223px;
width: 9px;
height: 16px;
}
body #footerOld {
padding-top: 0;
}
body #footerOld > .container > .row {
padding: 0 20px;
}
body #footerOld .newsletter {
background-color: #c6cac3;
padding: 24px 20px 0;
}
body #footerOld > .container {
padding-top: 60px;
}
body #footerOld .payment-methods,
body #footerOld .shipping-methods {
margin-bottom: 44px;
}
body #footerOld .payment-methods .headline,
body #footerOld .shipping-methods .headline {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #ffffff;
margin-bottom: 6px;
}
body #footerOld .payment-methods .headline:after,
body #footerOld .shipping-methods .headline:after,
body #footerOld .payment-methods .headline:before,
body #footerOld .shipping-methods .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
body #footerOld .payment-methods .text,
body #footerOld .shipping-methods .text {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
}
body #footerOld .payment-methods .text:after,
body #footerOld .shipping-methods .text:after,
body #footerOld .payment-methods .text:before,
body #footerOld .shipping-methods .text:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
body #footerOld .payment-methods .text:hover,
body #footerOld .shipping-methods .text:hover,
body #footerOld .payment-methods .text:active:hover,
body #footerOld .shipping-methods .text:active:hover,
body #footerOld .payment-methods .text:active,
body #footerOld .shipping-methods .text:active,
body #footerOld .payment-methods .text:focus,
body #footerOld .shipping-methods .text:focus,
body #footerOld .payment-methods .text:focus:hover,
body #footerOld .shipping-methods .text:focus:hover {
color: #ffffff;
text-decoration: none;
}
body #footerOld .payment-methods .headline {
margin-bottom: 5px;
}
body #footerOld .shipping-method,
body #footerOld .payment-method {
display: inline-block;
margin-right: 14px;
}
body #footerOld .payment-method-set {
margin-bottom: 18px;
}
body #footerOld .payment-method-set.last {
margin-bottom: 0;
}
body #footerOld .shipping-method-set {
margin-bottom: 18px;
}
body #footerOld .shipping-method-set.last {
margin-bottom: 5px;
}
body #footer {
background-color: #2a2a2a;
padding: 0;
}
body .multiple-checkout-button {
border-top: none;
}
body .extranetLoginPlain .snippetFormJustPlaceholdersSubmitRight .submit-button,
body .extranetLoginPlain .btn-primary {
width: auto;
height: auto;
min-height: inherit;
}
body .extranetLoginPlain .snippetFormJustPlaceholdersSubmitRight .submit-button:before,
body .extranetLoginPlain .btn-primary:before {
content: '';
background-image: none;
}
body .extranetLoginPlain .snippetFormJustPlaceholdersSubmitRight .submit-button:after,
body .extranetLoginPlain .btn-primary:after {
content: '';
background-image: none;
}
body .extranetLoginPlain .snippetFormJustPlaceholdersSubmitRight .submit-button:after,
body .extranetLoginPlain .btn-primary:after {
content: ' ';
margin-left: 5px;
margin-bottom: 1px;
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -5px -92px;
width: 7px;
height: 11px;
}
body .shopRatingWidgetList .ratingServiceItem {
height: 240px;
}
body .articleSet .articleSetButton {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -79px -5px;
background-position: -263px -5px;
width: 98px;
height: 98px;
}
body .snippetOrderStepShipping .confirm-checkboxes {
margin-top: 16px;
margin-bottom: -16px;
}
@media (max-width: 768px) {
html body .moreLess.minification {
max-height: 145px;
}
}
@media (max-width: 768px) {
html body .snippetTabsBlackAndWhite .tab-pane .moreLess {
max-height: 2500px;
}
}
body {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
}
body:after,
body:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
@media (min-width: 768px) {
body {
padding-top: 0;
}
}
body a.anchor {
top: -150px;
}
body:before {
content: 'mobile' !important;
display: none !important;
}
@media (min-width: 768px) {
body:before {
content: 'desktop' !important;
}
}
.form-control {
color: #6b6b6b;
border-color: #333333;
padding-top: 4px;
padding-bottom: 4px;
}
.block-headline--underlined,
.block-headline-smaller-spacing--underlined {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 24px;
line-height: 29px;
color: #333333;
padding-bottom: 20px;
}
.block-headline--underlined:after,
.block-headline-smaller-spacing--underlined:after,
.block-headline--underlined:before,
.block-headline-smaller-spacing--underlined:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.checkbox label {
min-height: 18px;
}
.spot-margin-bottom,
.orderStep-margin-bottom {
margin-bottom: 16px;
}
@media (min-width: 768px) {
.spot-margin-bottom,
.orderStep-margin-bottom {
margin-bottom: 50px;
}
}
@media (min-width: 1200px) {
.spot-margin-bottom,
.orderStep-margin-bottom {
margin-bottom: 50px;
}
}
.hiddenViaVisibility {
visibility: hidden;
}
.opt-out-control a,
.opt-in-control a {
color: #869e00;
}
.cc-compliance a {
margin-right: 150px;
}
.printOrder {
margin-top: 40px;
}
.printOrder table.table tbody tr td {
border: none;
}
.printOrder table.table tbody tr:last-child td {
border: none;
}
.printOrder table.table > tfoot > tr > td {
border: none;
}
.printOrder table.table thead td {
font-weight: bold;
color: #000000;
}
.printOrder .addresses strong,
.printOrder .payment strong {
line-height: 30px;
color: #000000;
}
.printOrder .addresses .snippetPkgExtranetAddress,
.printOrder .payment .snippetPkgExtranetAddress {
padding-left: 0 !important;
}
.printOrder .printButton {
max-width: 200px;
}
.printOrder .basket-total {
color: #000000;
}
@media print {
.hideOnPrint {
display: none;
}
}
#currency-selection {
float: right;
position: fixed;
top: 0;
right: 135px;
z-index: 2;
}
#currency-selection .MTPkgShopCurrencyChangeCurrency {
margin-top: 14px;
padding: 0 8px;
}
@media (min-width: 480px) {
#currency-selection .MTPkgShopCurrencyChangeCurrency {
margin-top: 24px;
padding: 0 15px;
}
}
@media (min-width: 992px) {
#currency-selection .MTPkgShopCurrencyChangeCurrency {
padding: 0 20px;
}
}
@media (min-width: 1200px) {
#currency-selection .MTPkgShopCurrencyChangeCurrency {
padding: 0 20px ;
}
}
#currency-selection .MTPkgShopCurrencyChangeCurrency ul {
list-style: none;
margin: 0;
padding: 0;
}
@media (min-width: 480px) {
#currency-selection .MTPkgShopCurrencyChangeCurrency ul li {
display: inline-block;
border-left: 1px solid #c6c6c6;
padding-right: 4px;
padding-left: 4px;
}
}
#currency-selection .MTPkgShopCurrencyChangeCurrency ul li:first-child {
border-left: none;
padding-left: 0;
}
#currency-selection .MTPkgShopCurrencyChangeCurrency ul li:last-child {
padding-right: 0;
}
#currency-selection .MTPkgShopCurrencyChangeCurrency ul li a {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #979797;
text-align: center;
}
#currency-selection .MTPkgShopCurrencyChangeCurrency ul li a:after,
#currency-selection .MTPkgShopCurrencyChangeCurrency ul li a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
#currency-selection .MTPkgShopCurrencyChangeCurrency ul li a:hover,
#currency-selection .MTPkgShopCurrencyChangeCurrency ul li a:active:hover,
#currency-selection .MTPkgShopCurrencyChangeCurrency ul li a:active,
#currency-selection .MTPkgShopCurrencyChangeCurrency ul li a:focus,
#currency-selection .MTPkgShopCurrencyChangeCurrency ul li a:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #979797;
text-align: center;
color: #333333;
}
#currency-selection .MTPkgShopCurrencyChangeCurrency ul li a:hover:after,
#currency-selection .MTPkgShopCurrencyChangeCurrency ul li a:active:hover:after,
#currency-selection .MTPkgShopCurrencyChangeCurrency ul li a:active:after,
#currency-selection .MTPkgShopCurrencyChangeCurrency ul li a:focus:after,
#currency-selection .MTPkgShopCurrencyChangeCurrency ul li a:focus:hover:after,
#currency-selection .MTPkgShopCurrencyChangeCurrency ul li a:hover:before,
#currency-selection .MTPkgShopCurrencyChangeCurrency ul li a:active:hover:before,
#currency-selection .MTPkgShopCurrencyChangeCurrency ul li a:active:before,
#currency-selection .MTPkgShopCurrencyChangeCurrency ul li a:focus:before,
#currency-selection .MTPkgShopCurrencyChangeCurrency ul li a:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
#currency-selection .MTPkgShopCurrencyChangeCurrency ul li.active a {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #979797;
text-align: center;
color: #333333;
}
#currency-selection .MTPkgShopCurrencyChangeCurrency ul li.active a:after,
#currency-selection .MTPkgShopCurrencyChangeCurrency ul li.active a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
@media (min-width: 480px) {
#currency-selection {
right: 150px;
}
}
@media (min-width: 768px) {
#currency-selection {
position: static;
}
}
.fixed #currency-selection {
display: none;
}
.button-reset {
width: auto;
height: auto;
min-height: inherit;
}
.button-reset:before {
content: '';
background-image: none;
}
.button-reset:after {
content: '';
background-image: none;
}
.button-arrow-left {
width: auto;
height: auto;
min-height: inherit;
}
.button-arrow-left:before {
content: '';
background-image: none;
}
.button-arrow-left:after {
content: '';
background-image: none;
}
.button-arrow-left:before {
content: ' ';
margin-right: 5px;
margin-bottom: 1px;
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -5px -92px;
width: 7px;
height: 11px;
}
.button-arrow-right {
width: auto;
height: auto;
min-height: inherit;
}
.button-arrow-right:before {
content: '';
background-image: none;
}
.button-arrow-right:after {
content: '';
background-image: none;
}
.button-arrow-right:after {
content: ' ';
margin-left: 5px;
margin-bottom: 1px;
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -5px -92px;
width: 7px;
height: 11px;
}
.button-arrow-left-left-direction {
width: auto;
height: auto;
min-height: inherit;
}
.button-arrow-left-left-direction:before {
content: '';
background-image: none;
}
.button-arrow-left-left-direction:after {
content: '';
background-image: none;
}
.button-arrow-left-left-direction:before {
content: ' ';
margin-right: 5px;
margin-bottom: 1px;
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -5px -92px;
width: 7px;
height: 11px;
}
.button-arrow-left-left-direction:before {
background-position: -548px -71px;
width: 7px;
height: 11px;
}
.button-arrow-left-left-direction:after {
content: '';
background: none;
}
.button-arrow-left-big {
width: auto;
height: auto;
min-height: inherit;
}
.button-arrow-left-big:before {
content: '';
background-image: none;
}
.button-arrow-left-big:after {
content: '';
background-image: none;
}
.button-arrow-left-big:before {
content: ' ';
margin-right: 10px;
margin-bottom: -1px;
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -549px -223px;
width: 9px;
height: 16px;
}
.button-arrow-right-big {
width: auto;
height: auto;
min-height: inherit;
}
.button-arrow-right-big:before {
content: '';
background-image: none;
}
.button-arrow-right-big:after {
content: '';
background-image: none;
}
.button-arrow-right-big:after {
content: ' ';
margin-left: 10px;
margin-bottom: -1px;
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -549px -223px;
width: 9px;
height: 16px;
}
.button-arrow-left-left-direction-big {
width: auto;
height: auto;
min-height: inherit;
}
.button-arrow-left-left-direction-big:before {
content: '';
background-image: none;
}
.button-arrow-left-left-direction-big:after {
content: '';
background-image: none;
}
.button-arrow-left-left-direction-big:before {
content: ' ';
margin-right: 10px;
margin-bottom: -1px;
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -549px -223px;
width: 9px;
height: 16px;
}
.button-arrow-left-left-direction-big:before {
background-position: -548px -92px;
width: 9px;
height: 16px;
}
.button-arrow-left-left-direction-big:after {
content: '';
background: none;
}
form input:focus-visible,
form select:focus-visible {
outline: #000000 solid 2px;
outline-offset: -1px;
}
form .form-control:focus {
box-shadow: none;
-webkit-box-shadow: none;
border-color: transparent;
transition: none;
-webkit-transition: none;
outline: #000000 solid 2px;
outline-offset: -1px;
}
.manufacturer-series .headline {
margin-bottom: 24px;
}
.manufacturer-series .headline div {
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
color: #000000;
margin-top: 0;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 24px;
line-height: 29px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #ffffff;
background-color: #333333;
padding: 2px 8px;
text-transform: uppercase;
float: left;
}
.manufacturer-series .headline div:after,
.manufacturer-series .headline div:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.manufacturer-series .headline:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
.manufacturer-series .imageLink img {
margin-bottom: 19px;
}
.manufacturer-series .imageLink:after {
content: '';
width: 40px;
background-color: #000;
height: 2px;
position: relative;
margin-top: -10px;
line-height: 2px;
display: block;
float: left;
}
.manufacturer-series .body {
margin-bottom: 30px;
}
@media (min-width: 768px) {
.manufacturer-series .body {
height: 65px;
overflow: hidden;
}
}
.manufacturer-series .name {
font-weight: bold;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
}
.manufacturer-series .name:after,
.manufacturer-series .name:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.manufacturer-series .name:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
}
.manufacturer-series .name:hover:after,
.manufacturer-series .name:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.manufacturer-series .brand {
line-height: 17px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
height: 20px;
overflow: hidden;
}
.manufacturer-series .brand a {
color: #000000;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
text-decoration: underline;
}
.manufacturer-series .brand a:after,
.manufacturer-series .brand a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.manufacturer-series .brand a:hover,
.manufacturer-series .brand a:active:hover,
.manufacturer-series .brand a:active,
.manufacturer-series .brand a:focus,
.manufacturer-series .brand a:focus:hover {
color: #869e00;
}
.manufacturer-series .brand a:not(a) {
text-decoration: none;
}
.manufacturer-series .brand a:not(a):hover,
.manufacturer-series .brand a:not(a):active:hover,
.manufacturer-series .brand a:not(a):active,
.manufacturer-series .brand a:not(a):focus,
.manufacturer-series .brand a:not(a):focus:hover {
color: #979797;
}
.manufacturer-series .brand:after,
.manufacturer-series .brand:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBlockTeaser.manufacturer-series .body {
margin-bottom: 0;
}
.faqStandardSnippet .groupHead {
margin-top: 16px;
}
.faqStandardSnippet .question {
margin-bottom: 8px;
cursor: pointer;
}
.faqStandardSnippet .answer {
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #000000;
}
.faqStandardSnippet .hiddenAnswer {
display: none !important;
}
.faqStandardSnippet .shownAnswer {
display: block !important;
}
.multi-column-teaser .listHeadLine {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 24px;
line-height: 29px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #ffffff;
background-color: #333333;
padding: 2px 8px;
margin-bottom: 18px;
text-transform: uppercase;
width: auto;
display: inline-block;
width: 100%;
}
.multi-column-teaser .listHeadLine:after,
.multi-column-teaser .listHeadLine:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.multi-column-teaser .listContent {
margin-top: 14px;
}
.payWithAmazonButtonCustom {
position: relative;
}
.payWithAmazonButtonCustom .custom-button {
width: 100%;
}
.payWithAmazonButtonCustom .snippetPayWithAmazonButton__button {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.amazon-pay-address-book {
min-width: 300px;
width: 100%;
min-height: 228px;
height: 240px;
max-height: 400px;
}
.amazon-pay-address-book-show-only {
width: 100%;
min-height: 150px;
height: 150px;
max-height: 400px;
}
.amazon-pay-wallet {
min-width: 300px;
width: 100%;
min-height: 228px;
height: 240px;
max-height: 400px;
}
.amazon-pay-wallet-show-only {
width: 100%;
min-height: 150px;
height: 150px;
max-height: 400px;
}
body.amazon-pay-processing form[name="checkout"] {
position: relative;
}
body.amazon-pay-processing form[name="checkout"]:after {
content: '';
display: block;
width: 100%;
height: 100%;
position: fixed;
z-index: 100;
background: rgba(100, 100, 100, 0.2) url('/assets/sgd-assets/img/ajax-loader.gif') no-repeat center center;
left: 0;
top: 0;
}
.snippetMiniBasket {
display: block;
width: 76px;
height: 28px;
background-color: #494948;
color: #ffffff;
position: relative;
z-index: 20;
}
@media (min-width: 768px) {
.snippetMiniBasket {
height: 34px;
}
}
.snippetMiniBasket:hover,
.snippetMiniBasket:active,
.snippetMiniBasket:focus,
.snippetMiniBasket:active:hover {
color: #ffffff;
}
.snippetMiniBasket > a {
color: #ffffff;
display: flex;
}
.snippetMiniBasket > a:hover,
.snippetMiniBasket > a:active,
.snippetMiniBasket > a:focus,
.snippetMiniBasket > a:active:hover {
color: #ffffff;
}
.snippetMiniBasket:after {
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 9.33333333px 39px 0 39px;
border-color: #494948 transparent transparent transparent;
position: absolute;
z-index: 8;
top: 28px;
left: 0;
}
@media (min-width: 768px) {
.snippetMiniBasket:after {
border-width: 11.33333333px 39px 0 39px;
}
}
@media (min-width: 768px) {
.snippetMiniBasket:after {
top: 34px;
}
}
.snippetMiniBasket.filled {
background-color: #869e00;
}
.snippetMiniBasket.filled:after {
border-color: #869e00 transparent transparent transparent;
}
.snippetMiniBasket .count {
float: left;
margin: 11px 0 0 7px;
font-size: 14px;
line-height: 14px;
}
@media (min-width: 768px) {
.snippetMiniBasket .count {
margin: 11px 0 0 7px;
}
}
.snippetMiniBasket .count.countLarge {
margin-left: 2px;
}
.snippetMiniBasket .count span {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
}
.snippetMiniBasket .count span:after,
.snippetMiniBasket .count span:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetMiniBasket .count span:hover,
.snippetMiniBasket .count span:active:hover,
.snippetMiniBasket .count span:active,
.snippetMiniBasket .count span:focus,
.snippetMiniBasket .count span:focus:hover {
color: #ffffff;
text-decoration: none;
}
.snippetMiniBasket .icon {
float: left;
margin: 5px 0 0 10px;
}
.snippetMiniBasket .mini-basket-layover {
color: #000000;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
display: none;
background-color: #ffffff;
-webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.75);
box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.75);
position: absolute;
z-index: 4;
top: 38px;
left: -233px;
width: 323px;
padding: 11px 15px 23px 15px;
}
.snippetMiniBasket .mini-basket-layover:after,
.snippetMiniBasket .mini-basket-layover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetMiniBasket .mini-basket-layover .block-headline--underlined {
line-height: 22px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 16px;
line-height: 19px;
color: #333333;
margin-bottom: 10px;
text-transform: uppercase;
margin-bottom: 15px;
}
.snippetMiniBasket .mini-basket-layover .block-headline--underlined:after,
.snippetMiniBasket .mini-basket-layover .block-headline--underlined:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetMiniBasket .mini-basket-layover .order-limit {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
}
.snippetMiniBasket .mini-basket-layover .order-limit:after,
.snippetMiniBasket .mini-basket-layover .order-limit:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetMiniBasket .mini-basket-layover .order-limit .date {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
float: left;
}
.snippetMiniBasket .mini-basket-layover .order-limit .date:after,
.snippetMiniBasket .mini-basket-layover .order-limit .date:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetMiniBasket .mini-basket-layover .order-limit .amount {
float: right;
font-weight: bold;
}
.snippetMiniBasket .mini-basket-layover .order-limit .amount:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
.snippetMiniBasket .mini-basket-layover .sum-left {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
float: left;
}
.snippetMiniBasket .mini-basket-layover .sum-left:after,
.snippetMiniBasket .mini-basket-layover .sum-left:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetMiniBasket .mini-basket-layover .sum-left strong {
font-weight: bold;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
}
.snippetMiniBasket .mini-basket-layover .sum-left strong:after,
.snippetMiniBasket .mini-basket-layover .sum-left strong:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetMiniBasket .mini-basket-layover .light {
font-family: 'UnitWeb-Light', sans-serif;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
}
.snippetMiniBasket .mini-basket-layover .light:after,
.snippetMiniBasket .mini-basket-layover .light:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetMiniBasket .mini-basket-layover .sum-right {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
float: right;
}
.snippetMiniBasket .mini-basket-layover .sum-right:after,
.snippetMiniBasket .mini-basket-layover .sum-right:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetMiniBasket .mini-basket-layover .sum-right:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
.snippetMiniBasket .mini-basket-layover .sum-right strong {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
}
.snippetMiniBasket .mini-basket-layover .sum-right strong:after,
.snippetMiniBasket .mini-basket-layover .sum-right strong:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetMiniBasket .mini-basket-layover strong.sum-right,
.snippetMiniBasket .mini-basket-layover strong.sum-left {
font-weight: bold;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
}
.snippetMiniBasket .mini-basket-layover strong.sum-right:after,
.snippetMiniBasket .mini-basket-layover strong.sum-left:after,
.snippetMiniBasket .mini-basket-layover strong.sum-right:before,
.snippetMiniBasket .mini-basket-layover strong.sum-left:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetMiniBasket .mini-basket-layover .basket-button {
position: absolute;
right: 0;
}
.snippetMiniBasket .mini-basket-layover .basket-button:after {
content: '';
position: absolute;
border-style: solid;
border-width: 25px 0 25px 30px;
border-color: transparent #869e00;
display: block;
width: 0;
z-index: 1;
right: -30px;
top: 0;
}
@media (max-width: 992px) {
.snippetMiniBasket .mini-basket-layover .basket-button:after {
border-width: 20px 0 20px 24px;
right: -24px;
}
}
.snippetMiniBasket .mini-basket-layover .basket-button span:after {
content: ' \00BB';
}
.snippetMiniBasket .mini-basket-layover .bottom {
margin-bottom: 16px;
}
.snippetMiniBasket .mini-basket-layover .articles {
margin-top: 24px;
}
.snippetMiniBasket .mini-basket-layover .articles .amount {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
width: 34px;
float: left;
}
.snippetMiniBasket .mini-basket-layover .articles .amount:after,
.snippetMiniBasket .mini-basket-layover .articles .amount:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetMiniBasket .mini-basket-layover .articles a:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
color: #869e00;
}
.snippetMiniBasket .mini-basket-layover .articles a:hover:after,
.snippetMiniBasket .mini-basket-layover .articles a:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetMiniBasket .mini-basket-layover .articles a:hover:after,
.snippetMiniBasket .mini-basket-layover .articles a:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetMiniBasket .mini-basket-layover .articles a:hover .title {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
color: #869e00;
}
.snippetMiniBasket .mini-basket-layover .articles a:hover .title:after,
.snippetMiniBasket .mini-basket-layover .articles a:hover .title:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetMiniBasket .mini-basket-layover .articles a:hover .title:after,
.snippetMiniBasket .mini-basket-layover .articles a:hover .title:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetMiniBasket .mini-basket-layover .articles a,
.snippetMiniBasket .mini-basket-layover .articles span {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
}
.snippetMiniBasket .mini-basket-layover .articles a:after,
.snippetMiniBasket .mini-basket-layover .articles span:after,
.snippetMiniBasket .mini-basket-layover .articles a:before,
.snippetMiniBasket .mini-basket-layover .articles span:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetMiniBasket .mini-basket-layover .articles a .title,
.snippetMiniBasket .mini-basket-layover .articles span .title {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
padding-left: 34px !important;
display: block !important;
}
.snippetMiniBasket .mini-basket-layover .articles a .title:after,
.snippetMiniBasket .mini-basket-layover .articles span .title:after,
.snippetMiniBasket .mini-basket-layover .articles a .title:before,
.snippetMiniBasket .mini-basket-layover .articles span .title:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetMiniBasket .mini-basket-layover .articles a .title:after,
.snippetMiniBasket .mini-basket-layover .articles span .title:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
.snippetMiniBasket .mini-basket-layover .articles .price {
font-weight: bold;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
float: right;
padding-left: 10px;
text-align: right;
}
.snippetMiniBasket .mini-basket-layover .articles .price:after,
.snippetMiniBasket .mini-basket-layover .articles .price:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetMiniBasket .mini-basket-layover .articles .price .retail-price {
text-decoration: line-through;
color: #777777;
font-size: 11px;
}
.snippetMiniBasket .mini-basket-layover .articles .service-options {
padding-left: 30px;
margin-top: 6px;
}
.snippetMiniBasket .mini-basket-layover .more-link {
display: block;
line-height: 20px;
}
.snippetMiniBasket .mini-basket-layover .more-link .more-icon {
vertical-align: middle;
position: relative;
top: -1px;
margin-right: 5px;
}
.snippetMiniBasket .mini-basket-layover hr {
border-top: 1px solid #777777;
margin: 8px 0 10px 0;
}
.snippetMiniBasket .mini-basket-layover hr.strong {
border-top: 2px solid #494948;
}
.snippetMiniBasket .mini-basket-layover hr.grey {
border-top: 1px solid #a8a8a8;
}
.snippetMiniBasket .mini-basket-layover hr.strongGrey {
border-top: 2px solid #e5e5e5;
}
@media (min-width: 768px) {
.snippetMiniBasket:hover .mini-basket-layover,
.snippetMiniBasket:active .mini-basket-layover,
.snippetMiniBasket:focus .mini-basket-layover,
.snippetMiniBasket:active:hover .mini-basket-layover {
display: block;
}
}
.snippetMiniBasket .orderLimitFixed {
position: absolute;
right: 0;
top: -23px;
width: 400px;
text-align: right;
}
.snippetMiniBasket .orderLimitFixed .date {
padding-right: 40px;
}
.snippetMiniBasket .orderLimitFixed .amount {
font-weight: 700;
}
body.is-scrolled .snippetMiniBasket .orderLimitFixed {
top: -16px;
}
body.is-scrolled .snippetMiniBasket .orderLimitFixed span {
font-size: 12px;
}
.snippetBasketProductList .for-free {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #ff0f00;
}
.snippetBasketProductList .for-free:after,
.snippetBasketProductList .for-free:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBasketProductList .header {
border-bottom: 4px #000000 solid;
border-bottom: 2px #000000 solid;
padding-bottom: 5px;
}
.snippetBasketProductList .th {
font-weight: bold;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
}
.snippetBasketProductList .th:after,
.snippetBasketProductList .th:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBasketProductList .item {
padding: 20px 0;
border-bottom: 1px solid #777777;
}
.snippetBasketProductList .item:last-child {
border-bottom: 4px #000000 solid;
border-bottom: 2px #000000 solid;
}
.snippetBasketProductList .item .product-info .titleLink .title {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #6b6b6b;
}
.snippetBasketProductList .item .product-info .titleLink .title:after,
.snippetBasketProductList .item .product-info .titleLink .title:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBasketProductList .item .product-info .titleLink .title strong {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
}
.snippetBasketProductList .item .product-info .titleLink .title strong:after,
.snippetBasketProductList .item .product-info .titleLink .title strong:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBasketProductList .item .product-info .titleLink:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
}
.snippetBasketProductList .item .product-info .titleLink:hover:after,
.snippetBasketProductList .item .product-info .titleLink:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBasketProductList .item .product-info .titleLink:hover strong {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
}
.snippetBasketProductList .item .product-info .titleLink:hover strong:after,
.snippetBasketProductList .item .product-info .titleLink:hover strong:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBasketProductList .item:first-child {
padding: 20px 0;
}
.snippetBasketProductList .item .action-remove a {
display: inline-block;
padding-right: 3px;
}
.snippetBasketProductList .product-image {
margin-top: 4px;
}
.snippetBasketProductList .single-price {
float: right;
}
.snippetBasketProductList .single-price .retail-price {
text-decoration: line-through;
color: #777777;
font-size: 11px;
}
.snippetBasketProductList .price {
text-align: right;
}
.snippetBasketProductList .brand {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
margin: 5px 0 16px;
}
.snippetBasketProductList .brand:after,
.snippetBasketProductList .brand:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBasketProductList .brand a {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
text-decoration: underline;
}
.snippetBasketProductList .brand a:after,
.snippetBasketProductList .brand a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBasketProductList .brand a:hover,
.snippetBasketProductList .brand a:active:hover,
.snippetBasketProductList .brand a:active,
.snippetBasketProductList .brand a:focus,
.snippetBasketProductList .brand a:focus:hover {
color: #869e00;
}
.snippetBasketProductList .brand a:not(a) {
text-decoration: none;
}
.snippetBasketProductList .brand a:not(a):hover,
.snippetBasketProductList .brand a:not(a):active:hover,
.snippetBasketProductList .brand a:not(a):active,
.snippetBasketProductList .brand a:not(a):focus,
.snippetBasketProductList .brand a:not(a):focus:hover {
color: #979797;
}
.snippetBasketProductList .shipping-message {
position: relative;
margin-top: 4px;
min-height: 28px;
}
.snippetBasketProductList .productOptions {
margin-top: 26px;
}
.snippetBasketProductList .options-headline {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
margin-bottom: 5px;
}
.snippetBasketProductList .options-headline:after,
.snippetBasketProductList .options-headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBasketProductList .options-item {
line-height: 20px;
letter-spacing: -0.4px;
margin-bottom: 5px;
}
@media (min-width: 768px) {
.snippetBasketProductList .options-item {
margin-bottom: 0;
}
}
.snippetBasketProductList .options-item .productOptionsPrice {
text-align: right;
font-weight: bold;
}
.snippetBasketProductList .options-icon {
margin-right: 2px;
}
.snippetBasketProductList .options-remove {
color: #777777;
position: relative;
top: -3px;
display: inline-block;
padding-right: 3px;
}
.snippetBasketProductList .options-remove .icon {
position: relative;
top: 2px;
}
.snippetBasketProductList .amount {
float: left;
text-align: right;
}
@media (max-width: 767px) {
.snippetBasketProductList .amount {
display: none;
}
}
@media (min-width: 768px) {
.snippetBasketProductList .amount {
width: 40px;
}
}
.snippetBasketProductList .amount input.change-amount {
width: 65px;
position: relative;
left: 1px;
height: 28px;
line-height: 16px;
text-align: center;
padding-right: 5px;
padding-left: 5px;
}
@media (max-width: 767px) {
.snippetBasketProductList .amount input.change-amount {
width: 38px;
padding-right: 0;
padding-left: 0;
}
}
.snippetBasketProductList .amount--with-padding {
font-weight: bold;
padding-top: 8px;
}
.snippetBasketProductList .td .single-price {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
padding-top: 4px;
}
.snippetBasketProductList .td .single-price:after,
.snippetBasketProductList .td .single-price:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBasketProductList .td .price {
padding-top: 4px;
text-align: right;
}
.snippetBasketProductList .td .price span {
font-weight: bold;
font-size: 16px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
}
.snippetBasketProductList .td .price span:after,
.snippetBasketProductList .td .price span:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
@media (min-width: 992px) {
.snippetBasketProductList .td .price span {
font-size: 18px;
}
}
.snippetBasketProductList .td .prices-mobile {
padding-top: 10px;
}
.snippetBasketProductList .actions {
margin-top: 20px;
}
@media (min-width: 768px) {
.snippetBasketProductList .actions {
margin-top: 21px;
}
}
.snippetBasketProductList .actions button {
border: medium none;
background: transparent;
}
@media (max-width: 767px) {
.snippetBasketProductList .actions div:not(.layover) {
display: inline-block;
}
}
.snippetBasketProductList .actions a,
.snippetBasketProductList .actions button,
.snippetBasketProductList .actions label {
display: inline-block;
line-height: 23px;
color: #777777;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
padding: 0;
margin: 0;
}
.snippetBasketProductList .actions a:after,
.snippetBasketProductList .actions button:after,
.snippetBasketProductList .actions label:after,
.snippetBasketProductList .actions a:before,
.snippetBasketProductList .actions button:before,
.snippetBasketProductList .actions label:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBasketProductList .actions button:hover {
text-decoration: underline;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
}
.snippetBasketProductList .actions button:hover:after,
.snippetBasketProductList .actions button:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBasketProductList .actions button:hover:after,
.snippetBasketProductList .actions button:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBasketProductList .actions button:hover:hover,
.snippetBasketProductList .actions button:hover:active:hover,
.snippetBasketProductList .actions button:hover:active,
.snippetBasketProductList .actions button:hover:focus,
.snippetBasketProductList .actions button:hover:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
color: #869e00;
}
.snippetBasketProductList .actions button:hover:hover:after,
.snippetBasketProductList .actions button:hover:active:hover:after,
.snippetBasketProductList .actions button:hover:active:after,
.snippetBasketProductList .actions button:hover:focus:after,
.snippetBasketProductList .actions button:hover:focus:hover:after,
.snippetBasketProductList .actions button:hover:hover:before,
.snippetBasketProductList .actions button:hover:active:hover:before,
.snippetBasketProductList .actions button:hover:active:before,
.snippetBasketProductList .actions button:hover:focus:before,
.snippetBasketProductList .actions button:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBasketProductList .actions a:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
}
.snippetBasketProductList .actions a:hover:after,
.snippetBasketProductList .actions a:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBasketProductList .actions a:hover:after,
.snippetBasketProductList .actions a:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBasketProductList .actions a:hover:hover,
.snippetBasketProductList .actions a:hover:active:hover,
.snippetBasketProductList .actions a:hover:active,
.snippetBasketProductList .actions a:hover:focus,
.snippetBasketProductList .actions a:hover:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
color: #869e00;
}
.snippetBasketProductList .actions a:hover:hover:after,
.snippetBasketProductList .actions a:hover:active:hover:after,
.snippetBasketProductList .actions a:hover:active:after,
.snippetBasketProductList .actions a:hover:focus:after,
.snippetBasketProductList .actions a:hover:focus:hover:after,
.snippetBasketProductList .actions a:hover:hover:before,
.snippetBasketProductList .actions a:hover:active:hover:before,
.snippetBasketProductList .actions a:hover:active:before,
.snippetBasketProductList .actions a:hover:focus:before,
.snippetBasketProductList .actions a:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBasketProductList .actions .icon {
position: relative;
top: 2px;
}
.snippetBasketProductList .actions .amount {
display: block;
margin-right: 5px;
float: left;
}
@media (min-width: 768px) {
.snippetBasketProductList .actions .amount {
display: none;
}
}
.snippetBasketProductList .actions .action-notice-list {
margin: 7px 0;
}
.snippetBasketProductList .actions .gifWrappingInfo {
position: relative;
top: -4px;
}
.snippetBasketProductList .actions input.textGiftWrapping {
width: 90%;
margin-top: 3px;
margin-bottom: 3px;
}
.snippetBasketProductList .add-product-options-link {
cursor: pointer;
}
.add-more-options {
width: 300px;
}
@media (min-width: 768px) {
.add-more-options {
width: 500px;
}
}
@media (min-width: 768px) {
.gift-wrapping .txt {
position: relative;
top: -3px;
}
}
.giftWrappingLayOver {
width: 70%;
height: 50%;
}
.TdbPkgShopServiceType .headLine,
.TPkgShopServiceItemBasketStep .headLine {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 16px;
line-height: 20px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
text-transform: uppercase;
margin-top: 10px;
}
.TdbPkgShopServiceType .headLine:after,
.TPkgShopServiceItemBasketStep .headLine:after,
.TdbPkgShopServiceType .headLine:before,
.TPkgShopServiceItemBasketStep .headLine:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.TdbPkgShopServiceType ul,
.TPkgShopServiceItemBasketStep ul {
list-style-type: none;
}
.TdbPkgShopServiceType ul li,
.TPkgShopServiceItemBasketStep ul li {
margin-top: 10px;
}
.TdbPkgShopServiceType .btn,
.TPkgShopServiceItemBasketStep .btn {
margin-top: 16px;
margin-bottom: 16px;
}
.TdbPkgShopServiceType .giftRadio,
.TPkgShopServiceItemBasketStep .giftRadio {
display: block;
float: left;
width: 20px;
}
.TdbPkgShopServiceType .vAsServiceItem,
.TPkgShopServiceItemBasketStep .vAsServiceItem {
display: block;
float: left;
width: 85%;
height: 180px;
}
@media (min-width: 768px) {
.TdbPkgShopServiceType .vAsServiceItem,
.TPkgShopServiceItemBasketStep .vAsServiceItem {
height: 220px;
}
}
@media (min-width: 992px) {
.TdbPkgShopServiceType .vAsServiceItem,
.TPkgShopServiceItemBasketStep .vAsServiceItem {
height: 180px;
}
}
.TdbPkgShopServiceType .vAsServiceItemClear,
.TPkgShopServiceItemBasketStep .vAsServiceItemClear {
display: block;
float: left;
width: 85%;
height: 180px;
height: auto !important;
width: auto !important;
}
@media (min-width: 768px) {
.TdbPkgShopServiceType .vAsServiceItemClear,
.TPkgShopServiceItemBasketStep .vAsServiceItemClear {
height: 220px;
}
}
@media (min-width: 992px) {
.TdbPkgShopServiceType .vAsServiceItemClear,
.TPkgShopServiceItemBasketStep .vAsServiceItemClear {
height: 180px;
}
}
.TdbPkgShopServiceType .image,
.TPkgShopServiceItemBasketStep .image {
display: inline-block;
margin-top: 8px;
width: 100%;
text-align: center;
}
.TdbPkgShopServiceType .image img,
.TPkgShopServiceItemBasketStep .image img {
max-width: 100%;
}
.TdbPkgShopServiceType textarea,
.TPkgShopServiceItemBasketStep textarea {
width: 100%;
}
.TPkgShopServiceItemManager {
cursor: default;
}
.TPkgShopServiceItemManager .popover-content {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
}
.TPkgShopServiceItemManager .popover-content:after,
.TPkgShopServiceItemManager .popover-content:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.TPkgShopServiceItemManager .popover-content ul {
width: 250px;
list-style-type: none;
margin: 0;
padding: 0;
}
.TPkgShopServiceItemManager .popover-content ul li {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
.TPkgShopServiceItemManager .popover-content ul li p {
margin-top: 5px;
}
.snippetBasketSummary {
margin-top: 16px;
}
.snippetBasketSummary table {
width: 100%;
}
.snippetBasketSummary table td {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
vertical-align: bottom;
text-align: right;
line-height: 20px;
}
.snippetBasketSummary table td:after,
.snippetBasketSummary table td:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBasketSummary table td.is-label {
text-align: left;
}
.snippetBasketSummary table td.is-value {
min-width: 90px;
}
.snippetBasketSummary table tr.is-bold td {
font-weight: bold;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
}
.snippetBasketSummary table tr.is-bold td:after,
.snippetBasketSummary table tr.is-bold td:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBasketSummary table tr.is-bold td.is-value {
text-align: right;
}
.snippetBasketSummary table tr.is-italics td {
font-family: 'UnitWeb-Ita', sans-serif;
}
.snippetBasketSummary table tr.has-top-margin td {
padding-top: 4px;
}
.snippetBasketSummary table tr.is-grand-total td {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
padding-top: 12px;
}
.snippetBasketSummary table tr.is-grand-total td:after,
.snippetBasketSummary table tr.is-grand-total td:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBasketSummary table tr {
margin-bottom: 14px;
}
.snippetBasketSummary table tr.is-discount td {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ff0f00;
}
.snippetBasketSummary table tr.is-discount td:after,
.snippetBasketSummary table tr.is-discount td:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBasketSummary table tr.is-discount td.is-value {
text-align: right;
}
.snippetBasketSummary table tr.is-discount-voucher td {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
}
.snippetBasketSummary table tr.is-discount-voucher td:after,
.snippetBasketSummary table tr.is-discount-voucher td:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBasketSummary table tr.is-discount-voucher td.is-value {
text-align: right;
}
.snippetBasketSummary table tr.is-grand-total {
margin-bottom: 14px;
}
.snippetBasketSummary .discountTeaser .image {
width: 20%;
float: left;
}
.snippetBasketSummary .discountTeaser .info {
float: right;
width: 80%;
padding-bottom: 16px;
}
.snippetBasketSummary .discountTeaser .info > div {
margin-left: 10px;
}
.snippetBasketSummary .discountTeaser .info .header {
margin-bottom: 4px;
}
.snippetBasketSummary .discountTeaser .info .progress {
margin-bottom: 4px;
border-radius: 0;
border: none;
box-shadow: none;
background-color: #f4f4f4;
}
.snippetBasketSummary .discountTeaser .info .progress .progress-bar {
text-align: right;
border: none;
box-shadow: none;
background-color: #d6b323;
}
.snippetBasketSummary .discountTeaser .info .progress .progress-bar .innerText {
color: #7e7e7e;
text-align: left;
min-width: 105px;
padding-left: 5px;
}
.snippetBasketSummary .discountTeaser .info .name {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
color: #d6b323;
margin-left: 10px;
}
.snippetBasketSummary .discountTeaser .info .name:after,
.snippetBasketSummary .discountTeaser .info .name:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBasketSummary .discountTeaser .info.fullwidth {
width: 100%;
}
.snippetBasketSummary .discountTeaser .info.fullwidth > div {
margin-left: 0;
}
.snippetAddedToBasketLayover {
width: 90%;
top: 5%;
max-height: 90%;
}
@media (min-width: 768px) {
.snippetAddedToBasketLayover {
width: 485px;
top: 27px;
overflow-y: visible;
}
}
.snippetAddedToBasketLayover .notice {
width: 100%;
margin-bottom: 7px;
margin-top: 5px;
text-align: center;
}
@media (min-width: 768px) {
.snippetAddedToBasketLayover .notice {
text-align: left;
margin-bottom: 32px;
margin-top: 36px;
}
}
.snippetAddedToBasketLayover .notice .icon {
display: none;
}
@media (min-width: 768px) {
.snippetAddedToBasketLayover .notice .icon {
margin-right: 8px;
margin-bottom: 0;
display: inline-block;
}
}
.snippetAddedToBasketLayover .notice .infoText {
display: inline-block;
position: relative;
top: -5px;
}
@media (max-width: 480px) {
.snippetAddedToBasketLayover .notice .infoText {
font-size: 15px;
}
}
.snippetAddedToBasketLayover .notice .newItem {
margin-left: 27px;
}
.snippetAddedToBasketLayover .notice .warning {
padding-top: 21px;
}
.snippetAddedToBasketLayover .notice .warning .infoText {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 25px;
color: #333333;
top: -1px;
}
.snippetAddedToBasketLayover .notice .warning .infoText:after,
.snippetAddedToBasketLayover .notice .warning .infoText:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetAddedToBasketLayover .notice .addedItem {
margin-left: 14px;
}
.snippetAddedToBasketLayover .notice .addedItem .icon {
margin-right: 14px;
}
.snippetAddedToBasketLayover .notice .addedItem .infoText {
line-height: 25px;
top: -2px;
}
.snippetAddedToBasketLayover .buttons {
margin-top: 10px;
}
@media (min-width: 768px) {
.snippetAddedToBasketLayover .buttons {
margin-top: 30px;
}
}
.snippetAddedToBasketLayover .buttons a {
margin-bottom: 10px;
}
@media (min-width: 768px) {
.snippetAddedToBasketLayover .buttons a {
margin-bottom: 0;
}
}
.snippetAddedToBasketLayover .buttons .toBasket-layover-link:after {
content: ' >>';
}
.snippetAddedToBasketLayover .buttons .close-layover-link:before {
content: '<< ';
}
.snippetAddedToBasketLayover .title {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
}
.snippetAddedToBasketLayover .title:after,
.snippetAddedToBasketLayover .title:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetAddedToBasketLayover .title strong {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
}
.snippetAddedToBasketLayover .title strong:after,
.snippetAddedToBasketLayover .title strong:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetAddedToBasketLayover .price {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
padding-top: 8px;
}
.snippetAddedToBasketLayover .price:after,
.snippetAddedToBasketLayover .price:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
@media (min-width: 768px) {
.snippetAddedToBasketLayover .price {
padding-bottom: 7px;
}
}
.snippetAddedToBasketLayover .shipping-message {
display: none;
}
@media (min-width: 768px) {
.snippetAddedToBasketLayover .shipping-message {
display: block;
position: relative;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
margin-bottom: 8px;
text-decoration: underline;
margin-top: 3px;
}
.snippetAddedToBasketLayover .shipping-message:after,
.snippetAddedToBasketLayover .shipping-message:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetAddedToBasketLayover .shipping-message:not(a) {
text-decoration: none;
}
.snippetAddedToBasketLayover .shipping-message:not(a):hover,
.snippetAddedToBasketLayover .shipping-message:not(a):active:hover,
.snippetAddedToBasketLayover .shipping-message:not(a):active,
.snippetAddedToBasketLayover .shipping-message:not(a):focus,
.snippetAddedToBasketLayover .shipping-message:not(a):focus:hover {
color: #979797;
}
}
.snippetAddedToBasketLayover .disablelayover {
margin-top: 0;
}
@media (min-width: 768px) {
.snippetAddedToBasketLayover .disablelayover {
margin-top: 28px;
}
}
.snippetAddedToBasketLayover .disablelayover input {
display: inline-block;
position: relative;
top: 2px;
}
.snippetAddedToBasketLayover .disablelayover .checkBoxText {
display: inline-block;
font-family: 'UnitWeb-Light', sans-serif;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
}
.snippetAddedToBasketLayover .disablelayover .checkBoxText:after,
.snippetAddedToBasketLayover .disablelayover .checkBoxText:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetAddedToBasketLayover .alsoBoughtProductList {
display: none;
}
@media (min-width: 768px) {
.snippetAddedToBasketLayover .alsoBoughtProductList {
display: block;
margin-top: 30px;
}
}
.snippetAddedToBasketLayover .alsoBoughtProductList .snippetProductTeaserStandard {
margin-bottom: 0;
}
.snippetAddedToBasketLayover .alsoBoughtProductList .basket-button button {
letter-spacing: -0.4px;
}
.snippetAddedToBasketLayover .alsoBoughtProductList .basket-button button span {
margin-right: 0;
}
.snippetAddedToBasketLayover .alsoBoughtProductList .carousel-inner {
overflow: visible;
width: inherit;
}
.snippetAddedToBasketLayover .alsoBoughtProductList .carousel-control {
top: 4px;
right: 0;
left: inherit;
background-image: none;
opacity: 1;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
font-size: 26px;
line-height: 32px;
margin-bottom: 5px;
text-transform: uppercase;
line-height: 26px;
letter-spacing: 0.7px;
width: 100%;
margin-bottom: 20px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 24px;
line-height: 29px;
color: #333333;
padding-bottom: 20px;
font-size: 14px;
color: #000000;
height: 26px;
width: auto;
text-shadow: none;
letter-spacing: -0.2px;
}
.snippetAddedToBasketLayover .alsoBoughtProductList .carousel-control:after,
.snippetAddedToBasketLayover .alsoBoughtProductList .carousel-control:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetAddedToBasketLayover .alsoBoughtProductList .carousel-control.left {
right: 44px;
}
.snippetAddedToBasketLayover .alsoBoughtProductList .carousel-control.left.moveToRight {
right: 0;
}
.snippetAddedToBasketLayover .cmsmessage {
margin-bottom: 32px;
}
.snippetBlockTeaser {
position: relative;
}
.snippetBlockTeaser .block-headline--underlined {
margin-bottom: 0;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 24px;
line-height: 29px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #ffffff;
background-color: #333333;
padding: 2px 8px;
margin-bottom: 18px;
text-transform: uppercase;
width: auto;
display: inline-block;
}
.snippetBlockTeaser .block-headline--underlined:after,
.snippetBlockTeaser .block-headline--underlined:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
@media (min-width: 768px) {
.snippetBlockTeaser {
min-height: 264px;
}
}
@media (min-width: 992px) {
.snippetBlockTeaser {
min-height: 249px;
}
}
@media (min-width: 1200px) {
.snippetBlockTeaser {
min-height: 304px;
}
}
@media (min-width: 992px) {
.snippetBlockTeaser .detail-image {
height: 215px;
width: 100%;
}
}
@media (min-width: 1200px) {
.snippetBlockTeaser .detail-image {
height: 270px;
width: 100%;
}
}
.snippetBlockTeaser .headline {
margin-top: 0;
}
.snippetBlockTeaser .headline .icon {
position: relative;
top: -2px;
margin-left: 6px;
}
.snippetBlockTeaser .list-events ul.list .column.columnOne {
width: 20%;
}
.snippetBlockTeaser .list-events ul.list .column.columnTwo {
width: 75%;
margin-left: 5%;
}
@media (max-width: 991px) {
.snippetBlockTeaser .list-events ul.list .column.columnOne {
width: 30%;
}
.snippetBlockTeaser .list-events ul.list .column.columnTwo {
width: 65%;
margin-left: 5%;
}
}
.snippetBlockTeaser ul.list {
list-style-type: none;
margin: 3px 0 25px 0;
/**be sure to have enough space for absolutely positioned link**/
padding: 0;
}
.snippetBlockTeaser ul.list > li {
border-bottom: 1px #7d7d7d solid;
line-height: 19px;
max-height: 46px;
width: 100%;
overflow: hidden;
}
.snippetBlockTeaser ul.list > li:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
.snippetBlockTeaser ul.list > li a {
padding: 4px 0;
color: #000000;
text-decoration: none;
display: block;
font-size: 16px;
line-height: 22px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
}
.snippetBlockTeaser ul.list > li a:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
.snippetBlockTeaser ul.list > li a:hover,
.snippetBlockTeaser ul.list > li a:active,
.snippetBlockTeaser ul.list > li a:focus,
.snippetBlockTeaser ul.list > li a:active:hover {
font-weight: bold;
}
.snippetBlockTeaser ul.list > li a:hover div,
.snippetBlockTeaser ul.list > li a:active div,
.snippetBlockTeaser ul.list > li a:focus div,
.snippetBlockTeaser ul.list > li a:active:hover div {
font-size: 16px;
line-height: 22px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
}
.snippetBlockTeaser ul.list > li.active {
font-weight: bold;
}
.snippetBlockTeaser ul.list > li.active a {
font-weight: bold;
}
@media (min-width: 768px) and (max-width: 1199px) {
.snippetBlockTeaser ul.list > li:nth-child(1n+7) {
display: none;
}
}
@media (min-width: 1200px) {
.snippetBlockTeaser ul.list > li:nth-child(1n+9) {
display: none;
}
}
.snippetBlockTeaser ul.list > li.event .column.columnOne {
width: 40%;
}
.snippetBlockTeaser ul.list > li.event .column.columnTwo {
width: 55%;
margin-left: 5%;
}
.snippetBlockTeaser ul.list .column {
width: 49%;
float: left;
box-sizing: border-box;
padding-right: 0;
}
.snippetBlockTeaser ul.list .column:last-child {
padding-right: 0;
width: 51%;
}
.snippetBlockTeaser ul.list .column.columnOne {
width: 60%;
}
.snippetBlockTeaser ul.list .column.columnTwo {
width: 35%;
margin-left: 5%;
}
.snippetBlockTeaser ul.list .fit-text {
height: 19px;
overflow: hidden;
white-space: nowrap;
}
.snippetBlockTeaser ul.image-gallery {
display: none;
}
.snippetBlockTeaser .link {
text-align: right;
}
@media (min-width: 768px) {
.snippetBlockTeaser .link {
position: absolute;
bottom: 1px;
right: 0;
float: right;
}
}
.snippetBlockTeaser .link a,
.snippetBlockTeaser .link button {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
}
.snippetBlockTeaser .link a:hover,
.snippetBlockTeaser .link button:hover,
.snippetBlockTeaser .link a:active,
.snippetBlockTeaser .link button:active,
.snippetBlockTeaser .link a:focus,
.snippetBlockTeaser .link button:focus,
.snippetBlockTeaser .link a:active:hover,
.snippetBlockTeaser .link button:active:hover {
color: #869e00;
}
.snippetBlockTeaser .link a::after,
.snippetBlockTeaser .link button::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetBlockTeaser .link a:after,
.snippetBlockTeaser .link button:after,
.snippetBlockTeaser .link a:before,
.snippetBlockTeaser .link button:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBlockTeaser .link a:after,
.snippetBlockTeaser .link button:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetBlockTeaser .link a:hover,
.snippetBlockTeaser .link button:hover,
.snippetBlockTeaser .link a:active:hover,
.snippetBlockTeaser .link button:active:hover,
.snippetBlockTeaser .link a:active,
.snippetBlockTeaser .link button:active,
.snippetBlockTeaser .link a:focus,
.snippetBlockTeaser .link button:focus,
.snippetBlockTeaser .link a:focus:hover,
.snippetBlockTeaser .link button:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.snippetBlockTeaser .link a:hover::after,
.snippetBlockTeaser .link button:hover::after,
.snippetBlockTeaser .link a:active:hover::after,
.snippetBlockTeaser .link button:active:hover::after,
.snippetBlockTeaser .link a:active::after,
.snippetBlockTeaser .link button:active::after,
.snippetBlockTeaser .link a:focus::after,
.snippetBlockTeaser .link button:focus::after,
.snippetBlockTeaser .link a:focus:hover::after,
.snippetBlockTeaser .link button:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetBlockTeaser .link a:hover:after,
.snippetBlockTeaser .link button:hover:after,
.snippetBlockTeaser .link a:active:hover:after,
.snippetBlockTeaser .link button:active:hover:after,
.snippetBlockTeaser .link a:active:after,
.snippetBlockTeaser .link button:active:after,
.snippetBlockTeaser .link a:focus:after,
.snippetBlockTeaser .link button:focus:after,
.snippetBlockTeaser .link a:focus:hover:after,
.snippetBlockTeaser .link button:focus:hover:after,
.snippetBlockTeaser .link a:hover:before,
.snippetBlockTeaser .link button:hover:before,
.snippetBlockTeaser .link a:active:hover:before,
.snippetBlockTeaser .link button:active:hover:before,
.snippetBlockTeaser .link a:active:before,
.snippetBlockTeaser .link button:active:before,
.snippetBlockTeaser .link a:focus:before,
.snippetBlockTeaser .link button:focus:before,
.snippetBlockTeaser .link a:focus:hover:before,
.snippetBlockTeaser .link button:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBlockTeaser .link a:hover:after,
.snippetBlockTeaser .link button:hover:after,
.snippetBlockTeaser .link a:active:hover:after,
.snippetBlockTeaser .link button:active:hover:after,
.snippetBlockTeaser .link a:active:after,
.snippetBlockTeaser .link button:active:after,
.snippetBlockTeaser .link a:focus:after,
.snippetBlockTeaser .link button:focus:after,
.snippetBlockTeaser .link a:focus:hover:after,
.snippetBlockTeaser .link button:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetBlockTeaser .link a:hover::after,
.snippetBlockTeaser .link button:hover::after,
.snippetBlockTeaser .link a:active:hover::after,
.snippetBlockTeaser .link button:active:hover::after,
.snippetBlockTeaser .link a:active::after,
.snippetBlockTeaser .link button:active::after,
.snippetBlockTeaser .link a:focus::after,
.snippetBlockTeaser .link button:focus::after,
.snippetBlockTeaser .link a:focus:hover::after,
.snippetBlockTeaser .link button:focus:hover::after {
color: #869e00;
}
.snippetBlockTeaser .link a:hover::after,
.snippetBlockTeaser .link button:hover::after,
.snippetBlockTeaser .link a:active:hover::after,
.snippetBlockTeaser .link button:active:hover::after,
.snippetBlockTeaser .link a:active::after,
.snippetBlockTeaser .link button:active::after,
.snippetBlockTeaser .link a:focus::after,
.snippetBlockTeaser .link button:focus::after,
.snippetBlockTeaser .link a:focus:hover::after,
.snippetBlockTeaser .link button:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetBlockTeaser .link a:hover:after,
.snippetBlockTeaser .link button:hover:after,
.snippetBlockTeaser .link a:active:hover:after,
.snippetBlockTeaser .link button:active:hover:after,
.snippetBlockTeaser .link a:active:after,
.snippetBlockTeaser .link button:active:after,
.snippetBlockTeaser .link a:focus:after,
.snippetBlockTeaser .link button:focus:after,
.snippetBlockTeaser .link a:focus:hover:after,
.snippetBlockTeaser .link button:focus:hover:after,
.snippetBlockTeaser .link a:hover:before,
.snippetBlockTeaser .link button:hover:before,
.snippetBlockTeaser .link a:active:hover:before,
.snippetBlockTeaser .link button:active:hover:before,
.snippetBlockTeaser .link a:active:before,
.snippetBlockTeaser .link button:active:before,
.snippetBlockTeaser .link a:focus:before,
.snippetBlockTeaser .link button:focus:before,
.snippetBlockTeaser .link a:focus:hover:before,
.snippetBlockTeaser .link button:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBlockTeaser .link a:hover:after,
.snippetBlockTeaser .link button:hover:after,
.snippetBlockTeaser .link a:active:hover:after,
.snippetBlockTeaser .link button:active:hover:after,
.snippetBlockTeaser .link a:active:after,
.snippetBlockTeaser .link button:active:after,
.snippetBlockTeaser .link a:focus:after,
.snippetBlockTeaser .link button:focus:after,
.snippetBlockTeaser .link a:focus:hover:after,
.snippetBlockTeaser .link button:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetBlockTeaser .link a:hover:after,
.snippetBlockTeaser .link button:hover:after,
.snippetBlockTeaser .link a:active:hover:after,
.snippetBlockTeaser .link button:active:hover:after,
.snippetBlockTeaser .link a:active:after,
.snippetBlockTeaser .link button:active:after,
.snippetBlockTeaser .link a:focus:after,
.snippetBlockTeaser .link button:focus:after,
.snippetBlockTeaser .link a:focus:hover:after,
.snippetBlockTeaser .link button:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.snippetBlockTeaser .link a::after,
.snippetBlockTeaser .link button::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetBlockTeaser .link a:after,
.snippetBlockTeaser .link button:after,
.snippetBlockTeaser .link a:before,
.snippetBlockTeaser .link button:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBlockTeaser .link a:after,
.snippetBlockTeaser .link button:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetBlockTeaser .link a:Hover,
.snippetBlockTeaser .link button:Hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
}
.snippetBlockTeaser .link a:Hover::after,
.snippetBlockTeaser .link button:Hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetBlockTeaser .link a:Hover:after,
.snippetBlockTeaser .link button:Hover:after,
.snippetBlockTeaser .link a:Hover:before,
.snippetBlockTeaser .link button:Hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBlockTeaser .link a:Hover:after,
.snippetBlockTeaser .link button:Hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetBlockTeaser .link a:Hover:hover,
.snippetBlockTeaser .link button:Hover:hover,
.snippetBlockTeaser .link a:Hover:active:hover,
.snippetBlockTeaser .link button:Hover:active:hover,
.snippetBlockTeaser .link a:Hover:active,
.snippetBlockTeaser .link button:Hover:active,
.snippetBlockTeaser .link a:Hover:focus,
.snippetBlockTeaser .link button:Hover:focus,
.snippetBlockTeaser .link a:Hover:focus:hover,
.snippetBlockTeaser .link button:Hover:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.snippetBlockTeaser .link a:Hover:hover::after,
.snippetBlockTeaser .link button:Hover:hover::after,
.snippetBlockTeaser .link a:Hover:active:hover::after,
.snippetBlockTeaser .link button:Hover:active:hover::after,
.snippetBlockTeaser .link a:Hover:active::after,
.snippetBlockTeaser .link button:Hover:active::after,
.snippetBlockTeaser .link a:Hover:focus::after,
.snippetBlockTeaser .link button:Hover:focus::after,
.snippetBlockTeaser .link a:Hover:focus:hover::after,
.snippetBlockTeaser .link button:Hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetBlockTeaser .link a:Hover:hover:after,
.snippetBlockTeaser .link button:Hover:hover:after,
.snippetBlockTeaser .link a:Hover:active:hover:after,
.snippetBlockTeaser .link button:Hover:active:hover:after,
.snippetBlockTeaser .link a:Hover:active:after,
.snippetBlockTeaser .link button:Hover:active:after,
.snippetBlockTeaser .link a:Hover:focus:after,
.snippetBlockTeaser .link button:Hover:focus:after,
.snippetBlockTeaser .link a:Hover:focus:hover:after,
.snippetBlockTeaser .link button:Hover:focus:hover:after,
.snippetBlockTeaser .link a:Hover:hover:before,
.snippetBlockTeaser .link button:Hover:hover:before,
.snippetBlockTeaser .link a:Hover:active:hover:before,
.snippetBlockTeaser .link button:Hover:active:hover:before,
.snippetBlockTeaser .link a:Hover:active:before,
.snippetBlockTeaser .link button:Hover:active:before,
.snippetBlockTeaser .link a:Hover:focus:before,
.snippetBlockTeaser .link button:Hover:focus:before,
.snippetBlockTeaser .link a:Hover:focus:hover:before,
.snippetBlockTeaser .link button:Hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBlockTeaser .link a:Hover:hover:after,
.snippetBlockTeaser .link button:Hover:hover:after,
.snippetBlockTeaser .link a:Hover:active:hover:after,
.snippetBlockTeaser .link button:Hover:active:hover:after,
.snippetBlockTeaser .link a:Hover:active:after,
.snippetBlockTeaser .link button:Hover:active:after,
.snippetBlockTeaser .link a:Hover:focus:after,
.snippetBlockTeaser .link button:Hover:focus:after,
.snippetBlockTeaser .link a:Hover:focus:hover:after,
.snippetBlockTeaser .link button:Hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetBlockTeaser .link a:Hover:hover::after,
.snippetBlockTeaser .link button:Hover:hover::after,
.snippetBlockTeaser .link a:Hover:active:hover::after,
.snippetBlockTeaser .link button:Hover:active:hover::after,
.snippetBlockTeaser .link a:Hover:active::after,
.snippetBlockTeaser .link button:Hover:active::after,
.snippetBlockTeaser .link a:Hover:focus::after,
.snippetBlockTeaser .link button:Hover:focus::after,
.snippetBlockTeaser .link a:Hover:focus:hover::after,
.snippetBlockTeaser .link button:Hover:focus:hover::after {
color: #869e00;
}
.snippetBlockTeaser .link a:Hover:hover::after,
.snippetBlockTeaser .link button:Hover:hover::after,
.snippetBlockTeaser .link a:Hover:active:hover::after,
.snippetBlockTeaser .link button:Hover:active:hover::after,
.snippetBlockTeaser .link a:Hover:active::after,
.snippetBlockTeaser .link button:Hover:active::after,
.snippetBlockTeaser .link a:Hover:focus::after,
.snippetBlockTeaser .link button:Hover:focus::after,
.snippetBlockTeaser .link a:Hover:focus:hover::after,
.snippetBlockTeaser .link button:Hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetBlockTeaser .link a:Hover:hover:after,
.snippetBlockTeaser .link button:Hover:hover:after,
.snippetBlockTeaser .link a:Hover:active:hover:after,
.snippetBlockTeaser .link button:Hover:active:hover:after,
.snippetBlockTeaser .link a:Hover:active:after,
.snippetBlockTeaser .link button:Hover:active:after,
.snippetBlockTeaser .link a:Hover:focus:after,
.snippetBlockTeaser .link button:Hover:focus:after,
.snippetBlockTeaser .link a:Hover:focus:hover:after,
.snippetBlockTeaser .link button:Hover:focus:hover:after,
.snippetBlockTeaser .link a:Hover:hover:before,
.snippetBlockTeaser .link button:Hover:hover:before,
.snippetBlockTeaser .link a:Hover:active:hover:before,
.snippetBlockTeaser .link button:Hover:active:hover:before,
.snippetBlockTeaser .link a:Hover:active:before,
.snippetBlockTeaser .link button:Hover:active:before,
.snippetBlockTeaser .link a:Hover:focus:before,
.snippetBlockTeaser .link button:Hover:focus:before,
.snippetBlockTeaser .link a:Hover:focus:hover:before,
.snippetBlockTeaser .link button:Hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBlockTeaser .link a:Hover:hover:after,
.snippetBlockTeaser .link button:Hover:hover:after,
.snippetBlockTeaser .link a:Hover:active:hover:after,
.snippetBlockTeaser .link button:Hover:active:hover:after,
.snippetBlockTeaser .link a:Hover:active:after,
.snippetBlockTeaser .link button:Hover:active:after,
.snippetBlockTeaser .link a:Hover:focus:after,
.snippetBlockTeaser .link button:Hover:focus:after,
.snippetBlockTeaser .link a:Hover:focus:hover:after,
.snippetBlockTeaser .link button:Hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetBlockTeaser .link a:Hover:hover:after,
.snippetBlockTeaser .link button:Hover:hover:after,
.snippetBlockTeaser .link a:Hover:active:hover:after,
.snippetBlockTeaser .link button:Hover:active:hover:after,
.snippetBlockTeaser .link a:Hover:active:after,
.snippetBlockTeaser .link button:Hover:active:after,
.snippetBlockTeaser .link a:Hover:focus:after,
.snippetBlockTeaser .link button:Hover:focus:after,
.snippetBlockTeaser .link a:Hover:focus:hover:after,
.snippetBlockTeaser .link button:Hover:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.snippetBlockTeaser .link a:Hover::after,
.snippetBlockTeaser .link button:Hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetBlockTeaser .link a:Hover:after,
.snippetBlockTeaser .link button:Hover:after,
.snippetBlockTeaser .link a:Hover:before,
.snippetBlockTeaser .link button:Hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBlockTeaser .link a:Hover:after,
.snippetBlockTeaser .link button:Hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetBlockTeaser .link a:Hover:hover,
.snippetBlockTeaser .link button:Hover:hover,
.snippetBlockTeaser .link a:Hover:active:hover,
.snippetBlockTeaser .link button:Hover:active:hover,
.snippetBlockTeaser .link a:Hover:active,
.snippetBlockTeaser .link button:Hover:active,
.snippetBlockTeaser .link a:Hover:focus,
.snippetBlockTeaser .link button:Hover:focus,
.snippetBlockTeaser .link a:Hover:focus:hover,
.snippetBlockTeaser .link button:Hover:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.snippetBlockTeaser .link a:Hover:hover::after,
.snippetBlockTeaser .link button:Hover:hover::after,
.snippetBlockTeaser .link a:Hover:active:hover::after,
.snippetBlockTeaser .link button:Hover:active:hover::after,
.snippetBlockTeaser .link a:Hover:active::after,
.snippetBlockTeaser .link button:Hover:active::after,
.snippetBlockTeaser .link a:Hover:focus::after,
.snippetBlockTeaser .link button:Hover:focus::after,
.snippetBlockTeaser .link a:Hover:focus:hover::after,
.snippetBlockTeaser .link button:Hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetBlockTeaser .link a:Hover:hover:after,
.snippetBlockTeaser .link button:Hover:hover:after,
.snippetBlockTeaser .link a:Hover:active:hover:after,
.snippetBlockTeaser .link button:Hover:active:hover:after,
.snippetBlockTeaser .link a:Hover:active:after,
.snippetBlockTeaser .link button:Hover:active:after,
.snippetBlockTeaser .link a:Hover:focus:after,
.snippetBlockTeaser .link button:Hover:focus:after,
.snippetBlockTeaser .link a:Hover:focus:hover:after,
.snippetBlockTeaser .link button:Hover:focus:hover:after,
.snippetBlockTeaser .link a:Hover:hover:before,
.snippetBlockTeaser .link button:Hover:hover:before,
.snippetBlockTeaser .link a:Hover:active:hover:before,
.snippetBlockTeaser .link button:Hover:active:hover:before,
.snippetBlockTeaser .link a:Hover:active:before,
.snippetBlockTeaser .link button:Hover:active:before,
.snippetBlockTeaser .link a:Hover:focus:before,
.snippetBlockTeaser .link button:Hover:focus:before,
.snippetBlockTeaser .link a:Hover:focus:hover:before,
.snippetBlockTeaser .link button:Hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBlockTeaser .link a:Hover:hover:after,
.snippetBlockTeaser .link button:Hover:hover:after,
.snippetBlockTeaser .link a:Hover:active:hover:after,
.snippetBlockTeaser .link button:Hover:active:hover:after,
.snippetBlockTeaser .link a:Hover:active:after,
.snippetBlockTeaser .link button:Hover:active:after,
.snippetBlockTeaser .link a:Hover:focus:after,
.snippetBlockTeaser .link button:Hover:focus:after,
.snippetBlockTeaser .link a:Hover:focus:hover:after,
.snippetBlockTeaser .link button:Hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetBlockTeaser .link a:Hover:hover::after,
.snippetBlockTeaser .link button:Hover:hover::after,
.snippetBlockTeaser .link a:Hover:active:hover::after,
.snippetBlockTeaser .link button:Hover:active:hover::after,
.snippetBlockTeaser .link a:Hover:active::after,
.snippetBlockTeaser .link button:Hover:active::after,
.snippetBlockTeaser .link a:Hover:focus::after,
.snippetBlockTeaser .link button:Hover:focus::after,
.snippetBlockTeaser .link a:Hover:focus:hover::after,
.snippetBlockTeaser .link button:Hover:focus:hover::after {
color: #869e00;
}
.snippetBlockTeaser .link a:Hover:hover::after,
.snippetBlockTeaser .link button:Hover:hover::after,
.snippetBlockTeaser .link a:Hover:active:hover::after,
.snippetBlockTeaser .link button:Hover:active:hover::after,
.snippetBlockTeaser .link a:Hover:active::after,
.snippetBlockTeaser .link button:Hover:active::after,
.snippetBlockTeaser .link a:Hover:focus::after,
.snippetBlockTeaser .link button:Hover:focus::after,
.snippetBlockTeaser .link a:Hover:focus:hover::after,
.snippetBlockTeaser .link button:Hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetBlockTeaser .link a:Hover:hover:after,
.snippetBlockTeaser .link button:Hover:hover:after,
.snippetBlockTeaser .link a:Hover:active:hover:after,
.snippetBlockTeaser .link button:Hover:active:hover:after,
.snippetBlockTeaser .link a:Hover:active:after,
.snippetBlockTeaser .link button:Hover:active:after,
.snippetBlockTeaser .link a:Hover:focus:after,
.snippetBlockTeaser .link button:Hover:focus:after,
.snippetBlockTeaser .link a:Hover:focus:hover:after,
.snippetBlockTeaser .link button:Hover:focus:hover:after,
.snippetBlockTeaser .link a:Hover:hover:before,
.snippetBlockTeaser .link button:Hover:hover:before,
.snippetBlockTeaser .link a:Hover:active:hover:before,
.snippetBlockTeaser .link button:Hover:active:hover:before,
.snippetBlockTeaser .link a:Hover:active:before,
.snippetBlockTeaser .link button:Hover:active:before,
.snippetBlockTeaser .link a:Hover:focus:before,
.snippetBlockTeaser .link button:Hover:focus:before,
.snippetBlockTeaser .link a:Hover:focus:hover:before,
.snippetBlockTeaser .link button:Hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBlockTeaser .link a:Hover:hover:after,
.snippetBlockTeaser .link button:Hover:hover:after,
.snippetBlockTeaser .link a:Hover:active:hover:after,
.snippetBlockTeaser .link button:Hover:active:hover:after,
.snippetBlockTeaser .link a:Hover:active:after,
.snippetBlockTeaser .link button:Hover:active:after,
.snippetBlockTeaser .link a:Hover:focus:after,
.snippetBlockTeaser .link button:Hover:focus:after,
.snippetBlockTeaser .link a:Hover:focus:hover:after,
.snippetBlockTeaser .link button:Hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetBlockTeaser .link a:Hover:hover:after,
.snippetBlockTeaser .link button:Hover:hover:after,
.snippetBlockTeaser .link a:Hover:active:hover:after,
.snippetBlockTeaser .link button:Hover:active:hover:after,
.snippetBlockTeaser .link a:Hover:active:after,
.snippetBlockTeaser .link button:Hover:active:after,
.snippetBlockTeaser .link a:Hover:focus:after,
.snippetBlockTeaser .link button:Hover:focus:after,
.snippetBlockTeaser .link a:Hover:focus:hover:after,
.snippetBlockTeaser .link button:Hover:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.snippetBlockTeaser .link a:after,
.snippetBlockTeaser .link button:after {
content: ' >>';
}
.snippetBlockTeaser .link button {
border: medium none;
background: transparent;
}
.snippetBlockTeaser .link span {
letter-spacing: -1.3px;
}
.snippetBlockTeaser .text {
font-size: 16px;
line-height: 22px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
margin-top: 20px;
}
@media (min-width: 992px) {
.snippetBlockTeaser .BlockTeaserLinkSpacer .detail-image {
height: 195px;
width: 100%;
}
}
@media (min-width: 1200px) {
.snippetBlockTeaser .BlockTeaserLinkSpacer .detail-image {
height: 250px;
width: 100%;
}
}
.snippetBlockTeaserWithListTwoEqualColumns .active-image {
position: relative;
}
.snippetBlockTeaserWithListTwoEqualColumns .active-image .caption {
color: #ffffff;
display: inline-block;
font-family: 'UnitWeb-Medium', Arial, sans-serif;
font-size: 14px;
line-height: 27px;
padding: 0 15px 0 10px;
background-color: #000000;
white-space: nowrap;
position: absolute;
bottom: 45px;
right: 0;
}
@media (min-width: 992px) {
.snippetBlockTeaserWithListTwoEqualColumns .detail-image {
height: 245px;
width: 100%;
}
}
@media (min-width: 1200px) {
.snippetBlockTeaserWithListTwoEqualColumns .detail-image {
height: 300px;
width: 100%;
}
}
.snippetBlockTeaserWithListTwoEqualColumns .imageWrapper {
text-align: center;
}
.snippetBlockTeaserWithListTwoEqualColumns .image {
display: block;
margin: 5px auto;
}
@media (min-width: 768px) {
.snippetBlockTeaserWithListTwoEqualColumns .image {
margin: 0 auto;
}
}
.snippetBreadcrumb {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 12px;
line-height: 14px;
color: #979797;
border-top: 1px #7d7d7d solid;
border-bottom: 1px #7d7d7d solid;
color: #777777;
}
.snippetBreadcrumb:after,
.snippetBreadcrumb:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBreadcrumb .breadcrumb {
list-style-type: none;
background: none;
border: medium none;
margin: 0;
padding: 0;
}
.snippetBreadcrumb .breadcrumb li {
display: inline;
}
.snippetBreadcrumb .breadcrumb li a,
.snippetBreadcrumb .breadcrumb li > span {
display: inline;
color: #777777;
text-transform: uppercase;
line-height: 22px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 12px;
line-height: 14px;
color: #979797;
}
.snippetBreadcrumb .breadcrumb li a:after,
.snippetBreadcrumb .breadcrumb li > span:after,
.snippetBreadcrumb .breadcrumb li a:before,
.snippetBreadcrumb .breadcrumb li > span:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBreadcrumb .breadcrumb li a:hover,
.snippetBreadcrumb .breadcrumb li > span:hover,
.snippetBreadcrumb .breadcrumb li a:active:hover,
.snippetBreadcrumb .breadcrumb li > span:active:hover,
.snippetBreadcrumb .breadcrumb li a:active,
.snippetBreadcrumb .breadcrumb li > span:active,
.snippetBreadcrumb .breadcrumb li a:focus,
.snippetBreadcrumb .breadcrumb li > span:focus,
.snippetBreadcrumb .breadcrumb li a:focus:hover,
.snippetBreadcrumb .breadcrumb li > span:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 12px;
line-height: 14px;
color: #979797;
color: #869e00;
}
.snippetBreadcrumb .breadcrumb li a:hover:after,
.snippetBreadcrumb .breadcrumb li > span:hover:after,
.snippetBreadcrumb .breadcrumb li a:active:hover:after,
.snippetBreadcrumb .breadcrumb li > span:active:hover:after,
.snippetBreadcrumb .breadcrumb li a:active:after,
.snippetBreadcrumb .breadcrumb li > span:active:after,
.snippetBreadcrumb .breadcrumb li a:focus:after,
.snippetBreadcrumb .breadcrumb li > span:focus:after,
.snippetBreadcrumb .breadcrumb li a:focus:hover:after,
.snippetBreadcrumb .breadcrumb li > span:focus:hover:after,
.snippetBreadcrumb .breadcrumb li a:hover:before,
.snippetBreadcrumb .breadcrumb li > span:hover:before,
.snippetBreadcrumb .breadcrumb li a:active:hover:before,
.snippetBreadcrumb .breadcrumb li > span:active:hover:before,
.snippetBreadcrumb .breadcrumb li a:active:before,
.snippetBreadcrumb .breadcrumb li > span:active:before,
.snippetBreadcrumb .breadcrumb li a:focus:before,
.snippetBreadcrumb .breadcrumb li > span:focus:before,
.snippetBreadcrumb .breadcrumb li a:focus:hover:before,
.snippetBreadcrumb .breadcrumb li > span:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBreadcrumb .breadcrumb > li + li:before {
content: "/\00a0";
padding: 0;
color: #777777;
letter-spacing: -1px;
}
.snippetBreadcrumb .additional-info {
list-style-type: none;
margin: 0;
padding: 0;
display: none;
}
@media (min-width: 768px) {
.snippetBreadcrumb .additional-info {
display: block;
}
}
.snippetBreadcrumb .additional-info li {
display: inline;
}
.snippetBreadcrumb .additional-info li a,
.snippetBreadcrumb .additional-info li > span {
display: inline;
color: #777777;
padding: 0 6px;
text-transform: uppercase;
line-height: 22px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 12px;
line-height: 14px;
color: #979797;
}
.snippetBreadcrumb .additional-info li a:after,
.snippetBreadcrumb .additional-info li > span:after,
.snippetBreadcrumb .additional-info li a:before,
.snippetBreadcrumb .additional-info li > span:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetBreadcrumb .additional-info li a:first-child,
.snippetBreadcrumb .additional-info li > span:first-child {
padding-left: 0;
}
.snippetListStandardShopManufacturer .manufacturerNavigation {
width: 100%;
padding-top: 8px;
}
.snippetListStandardShopManufacturer .manufacturerNavigation ul {
list-style: none;
margin: 0 -3% 0 0;
padding: 0;
}
.snippetListStandardShopManufacturer .manufacturerNavigation ul li {
display: inline-block;
width: 3.6461%;
min-width: 22px;
}
.snippetListStandardShopManufacturer .manufacturerNavigation ul li.lastNode {
width: 31px;
}
.snippetListStandardShopManufacturer .manufacturerNavigation ul li a {
font-family: 'UnitWeb-Bold', sans-serif;
line-height: 20px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
}
.snippetListStandardShopManufacturer .manufacturerNavigation ul li a:after,
.snippetListStandardShopManufacturer .manufacturerNavigation ul li a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetListStandardShopManufacturer a.anchor {
position: relative;
top: -140px;
}
.snippetListStandardShopManufacturer .snippetListSimple {
margin: 29px 0 0 0;
border-top: 1px solid #494948;
list-style: none;
padding: 0;
}
.snippetListStandardShopManufacturer .snippetListSimple ul {
list-style: none;
padding: 0;
}
.snippetListStandardShopManufacturer .snippetListSimple ul:not(.row) {
margin: 0;
}
.snippetListStandardShopManufacturer .snippetListSimple li {
margin: 0;
}
.snippetListStandardShopManufacturer .snippetListSimple li .header {
margin-top: 27px;
font-family: 'UnitWeb-Bold', sans-serif;
font-size: 16px;
text-transform: uppercase;
margin-bottom: 20px;
}
.snippetListStandardShopManufacturer .snippetListSimple li .listContainer li {
margin: 0;
border: medium none;
margin-bottom: 2px;
}
.snippetFormUserAddressWizardStep .addNewAddress {
margin-top: 13px;
margin-bottom: 40px;
}
.snippetFormUserAddressWizardStep .addNewAddress a.btn {
white-space: normal;
height: auto;
font-size: 21px;
line-height: 20px !important;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #ffffff;
text-transform: uppercase;
text-align: center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b70f00+0,971d00+100 */
background: #b70f00;
/* Old browsers */
background: -moz-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b70f00 0%, #971d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients1', endColorstr='@colorGradients2', GradientType=0);
/* IE6-9 */
}
.snippetFormUserAddressWizardStep .addNewAddress a.btn.active,
.snippetFormUserAddressWizardStep .addNewAddress a.btn:hover,
.snippetFormUserAddressWizardStep .addNewAddress a.btn:active,
.snippetFormUserAddressWizardStep .addNewAddress a.btn:focus,
.snippetFormUserAddressWizardStep .addNewAddress a.btn:active:hover {
color: #ffffff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff2a00+0,b70d00+100 */
background: #ff2a00;
/* Old browsers */
background: -moz-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff2a00 0%, #b70d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients3', endColorstr='@colorGradients4', GradientType=0);
/* IE6-9 */
}
.snippetFormUserAddressWizardStep .snippetExtranetFormsAddress .checkbox label {
font-weight: bold;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
line-height: 21px;
width: 250px;
}
.snippetFormUserAddressWizardStep .snippetExtranetFormsAddress .checkbox label:after,
.snippetFormUserAddressWizardStep .snippetExtranetFormsAddress .checkbox label:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetFormUserAddressWizardStep .stepText {
margin-top: 4px;
margin-bottom: 30px;
}
.snippetFormUserAddressWizardStep .addressInput {
margin-top: 44px;
}
.snippetFormUserAddressWizardStep .addressInput .block-headline-smaller-spacing--underlined {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 30px;
line-height: 36px;
color: #333333;
margin-bottom: 16px;
}
.snippetFormUserAddressWizardStep .addressInput .block-headline-smaller-spacing--underlined:after,
.snippetFormUserAddressWizardStep .addressInput .block-headline-smaller-spacing--underlined:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetFormUserAddressWizardStep .buttonRow .btn {
margin-bottom: 40px;
}
.snippetFormUserAddressWizardStep .block-headline--underlined {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 24px;
line-height: 29px;
color: #333333;
padding-bottom: 20px;
}
.snippetFormUserAddressWizardStep .block-headline--underlined:after,
.snippetFormUserAddressWizardStep .block-headline--underlined:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetFormUserAddressBillingWizardStep .address-row {
padding-bottom: 5px !important;
}
.snippetFormContact .headLine {
margin-bottom: 25px;
font-family: 'UnitWeb-Light', sans-serif;
font-size: 39px;
line-height: 43px;
}
.snippetFormContact .headLine .prefix {
font-family: 'UnitWeb-Bold', sans-serif;
font-size: 40px;
line-height: 48px;
}
.snippetFormContact .description {
margin-bottom: 12px;
}
.sidebar-layover {
width: 648px;
margin-bottom: 15px;
}
.sidebar-layover .headline {
background-color: #869e00;
color: #ffffff;
line-height: 44px;
height: 44px;
padding: 0 16px;
position: relative;
z-index: 3;
}
.sidebar-layover .list {
-webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.75);
box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.75);
background-color: #ffffff;
}
.sidebar-layover .list .service-line {
background-color: #869e00;
color: #ffffff;
line-height: 42px;
height: 42px;
padding: 0 22px 0 15px;
margin-bottom: 15px;
}
.sidebar-layover .list .service-line .hotline {
font-size: 19px;
letter-spacing: 0.3px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #ffffff;
text-transform: uppercase;
line-height: 42px;
float: left;
}
.sidebar-layover .list .service-line .hotline:after,
.sidebar-layover .list .service-line .hotline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.sidebar-layover .list .service-line .hotline .icon {
vertical-align: middle;
margin-right: 5px;
margin-top: -6px;
margin-left: 1px;
}
.sidebar-layover .list .service-line .email {
line-height: 42px;
font-size: 20px;
float: right;
text-transform: lowercase;
letter-spacing: 0.5px;
font-family: 'UnitWeb-Bold', sans-serif;
}
.sidebar-layover .list .service-line .email a {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 20px;
line-height: 24px;
color: #ffffff;
}
.sidebar-layover .list .service-line .email a:after,
.sidebar-layover .list .service-line .email a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.sidebar-layover .list .service-line:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
.sidebar-layover .list .snippetContactPersonSmall {
font-family: 'UnitWeb-Light', sans-serif;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
padding-bottom: 18px;
margin-bottom: 16px;
border-bottom: 1px solid #494948;
}
.sidebar-layover .list .snippetContactPersonSmall:after,
.sidebar-layover .list .snippetContactPersonSmall:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.sidebar-layover .list .snippetContactPersonSmall .name {
color: #000000;
font-family: 'UnitWeb', Arial, sans-serif;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
margin-bottom: 1px;
}
.sidebar-layover .list .snippetContactPersonSmall .name:after,
.sidebar-layover .list .snippetContactPersonSmall .name:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.sidebar-layover .list .snippetContactPersonSmall .telephone {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
margin-top: 3px;
}
.sidebar-layover .list .snippetContactPersonSmall .telephone:after,
.sidebar-layover .list .snippetContactPersonSmall .telephone:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.sidebar-layover .list .snippetContactPersonSmall a {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
text-decoration: underline;
}
.sidebar-layover .list .snippetContactPersonSmall a:after,
.sidebar-layover .list .snippetContactPersonSmall a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.sidebar-layover .list .snippetContactPersonSmall a:hover,
.sidebar-layover .list .snippetContactPersonSmall a:active:hover,
.sidebar-layover .list .snippetContactPersonSmall a:active,
.sidebar-layover .list .snippetContactPersonSmall a:focus,
.sidebar-layover .list .snippetContactPersonSmall a:focus:hover {
color: #869e00;
}
.sidebar-layover .list .snippetContactPersonSmall a:not(a) {
text-decoration: none;
}
.sidebar-layover .list .snippetContactPersonSmall a:not(a):hover,
.sidebar-layover .list .snippetContactPersonSmall a:not(a):active:hover,
.sidebar-layover .list .snippetContactPersonSmall a:not(a):active,
.sidebar-layover .list .snippetContactPersonSmall a:not(a):focus,
.sidebar-layover .list .snippetContactPersonSmall a:not(a):focus:hover {
color: #979797;
}
.sidebar-layover .list .last-row .snippetContactPersonSmall {
border-bottom: medium none;
margin-bottom: 0;
}
.sidebar-layover .persons {
padding: 0 15px;
}
.snippetContactPersonSmall .image {
float: left;
margin: -3px 15px 0 0;
margin-top: 2px;
}
.snippetContactPersonSmall .name {
font-weight: bold;
}
.snippetContactPersonSmall .name img.countryImage {
margin-left: 5px;
}
.snippetContactPersonSmall a {
text-decoration: underline;
}
.snippetContactPersonSmall .body {
padding-left: 80px;
}
.snippetContactPersonSmall .body:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
.video_wrapper {
background-size: cover;
height: 410px;
width: 100%;
background-position: center;
background-repeat: no-repeat;
}
.video_wrapper .moviePlay {
font-size: 90px;
}
.video_wrapper .video_trigger {
padding-top: 15%;
background-color: rgba(0, 0, 0, 0.6);
color: #fff;
text-align: center;
width: 100%;
height: 100%;
}
.video_wrapper .video_trigger .text-center {
padding-left: 30px;
padding-right: 30px;
margin-bottom: 30px;
}
.video_wrapper .video_trigger .text-center a {
color: #ffffff;
text-decoration: underline;
}
.video_wrapper .video_layer {
position: relative;
display: none;
height: inherit;
width: inherit;
margin: auto;
}
.video_wrapper .video_layer iframe {
border: 0 none transparent;
height: inherit;
width: inherit;
}
.energy-efficiency-info-product-sheet-container {
display: flex;
flex-direction: row;
}
.energy-efficiency-info-product-sheet-container .energy-efficiency-info-product-sheet-cta-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: max-content;
}
.energy-efficiency-info-product-sheet-container [class*=icon-energy-class-] {
display: inline-block;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 3.5em;
min-width: 2em;
height: 2em;
}
.energy-efficiency-info-product-sheet-container [class*=icon-energy-class-][role="button"] {
cursor: pointer;
}
.energy-efficiency-info-product-sheet-container .product-sheet-cta-button {
cursor: pointer;
border: none;
background-color: transparent;
padding: 0;
}
@media (max-width: 768px) {
.snippetAddedToBasketLayover [class*=icon-energy-class-] {
margin-left: auto;
}
}
.icon-energy-class-a {
background-image: url('/bundles/schaffererenergyefficiency/img/energy_class_a.svg');
}
.icon-energy-class-b {
background-image: url('/bundles/schaffererenergyefficiency/img/energy_class_b.svg');
}
.icon-energy-class-c {
background-image: url('/bundles/schaffererenergyefficiency/img/energy_class_c.svg');
}
.icon-energy-class-d {
background-image: url('/bundles/schaffererenergyefficiency/img/energy_class_d.svg');
}
.icon-energy-class-e {
background-image: url('/bundles/schaffererenergyefficiency/img/energy_class_e.svg');
}
.icon-energy-class-f {
background-image: url('/bundles/schaffererenergyefficiency/img/energy_class_f.svg');
}
.icon-energy-class-g {
background-image: url('/bundles/schaffererenergyefficiency/img/energy_class_g.svg');
}
/* hide container when not in use */
#energy-efficiency-documents-dialog[hidden] {
display: none;
}
/* modal */
.ee-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* instead of inset:0 */
display: flex;
/* instead of grid/place-items */
align-items: center;
justify-content: center;
z-index: 2000;
}
.ee-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* instead of inset:0 */
background: rgba(0, 0, 0, 0.5);
}
.ee-box {
position: relative;
background: #fff;
border-radius: 10px;
width: 100%;
max-width: 900px;
max-height: 90dvh;
overflow: auto;
padding: 16px;
z-index: 1;
}
.ee-close {
position: absolute;
top: 8px;
right: 8px;
border: 0;
background: transparent;
font-size: 20px;
cursor: pointer;
}
/* tabs */
.ee-tabs {
display: flex;
flex-direction: column;
gap: 12px;
}
.ee-tablist {
display: flex;
gap: 6px;
flex-wrap: wrap;
}
.ee-tab {
border: 1px solid #ddd;
background: #f6f6f6;
border-radius: 999px;
padding: .35rem .75rem;
cursor: pointer;
}
.ee-tab[aria-selected="true"] {
background: #eaf0ff;
border-color: #cbd7ff;
}
.ee-panel[hidden] {
display: none;
}
.ee-panel iframe {
width: 100%;
height: 70svh;
min-height: 70dvh;
border: 0;
}
/* simple text states */
.ee-status {
font-size: .95rem;
color: #555;
}
.ee-error {
color: #b00020;
}
.snippetInfoAndCallToAction .shipping {
margin-bottom: 10px !important;
}
.snippetInfoAndCallToAction .energy-efficiency-info-product-sheet-container {
margin-bottom: 10px;
}
.snippetInfoAndCallToAction .energy-efficiency-info-product-sheet-container [class*=icon-energy-class-] {
width: 4em;
}
.snippetInfoAndCallToAction .energy-efficiency-info-product-sheet-container .product-sheet-cta-button {
font-weight: bold;
}
.snippetProductTeaserSixColumn .energy-efficiency-info-product-sheet-container {
margin-bottom: 8px;
}
@media (max-width: 767px) {
.snippetProductTeaserStandard {
height: 430px !important;
}
}
@media (min-width: 768px) {
.snippetProductTeaserStandard {
height: 425px !important;
}
}
@media (min-width: 992px) {
.snippetProductTeaserStandard {
height: 415px !important;
}
}
@media (min-width: 1200px) {
.snippetProductTeaserStandard {
height: 400px !important;
}
}
@media (min-width: 768px) and (min-width: 768px) {
.snippetProductTeaserStandard:hover .inner,
.snippetProductTeaserStandard:active .inner,
.snippetProductTeaserStandard:focus .inner,
.snippetProductTeaserStandard:active:hover .inner {
min-height: 410px !important;
}
}
@media (min-width: 768px) and (min-width: 992px) {
.snippetProductTeaserStandard:hover .inner,
.snippetProductTeaserStandard:active .inner,
.snippetProductTeaserStandard:focus .inner,
.snippetProductTeaserStandard:active:hover .inner {
min-height: 400px !important;
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.snippetProductTeaserStandard:hover .inner,
.snippetProductTeaserStandard:active .inner,
.snippetProductTeaserStandard:focus .inner,
.snippetProductTeaserStandard:active:hover .inner {
min-height: 385px !important;
}
}
.snippetProductTeaserStandard .energy-efficiency-info-product-sheet-container {
margin-bottom: 7px;
}
@media (max-width: 767px) {
.snippetProductTeaserStandard .energy-efficiency-info-product-sheet-container {
justify-content: center;
}
}
.snippetAddressSelection .copy {
margin-bottom: 20px;
}
.snippetAddressSelection ul.addresses {
list-style-type: none;
margin: 0;
padding: 0;
}
.snippetAddressSelection ul.addresses li .radio {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
margin-bottom: 16px;
}
.snippetAddressSelection ul.addresses li .radio:after,
.snippetAddressSelection ul.addresses li .radio:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetAddressSelection ul.addresses li .radio.newaddress {
margin-bottom: 30px;
}
.snippetAddressSelection ul.addresses li .snippetPkgExtranetAddress {
padding-left: 3px;
padding-top: 4px;
}
.snippetFormUserAddressWizardStep .address-row {
border-bottom: 4px solid #000000;
padding-bottom: 15px;
margin-bottom: 21px;
}
.snippetFormUserAddressWizardStep .address-row form {
margin-bottom: 7px;
}
.snippetFormUserAddressWizardStep .address-row form:first-child {
margin-top: -1px;
}
.snippetFormUserAddressWizardStep .address-row form .btn-with-icon {
padding-top: 2px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
}
.snippetFormUserAddressWizardStep .address-row form .btn-with-icon:after,
.snippetFormUserAddressWizardStep .address-row form .btn-with-icon:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetFormUserAddressWizardStep .address-row form .btn-with-icon:after,
.snippetFormUserAddressWizardStep .address-row form .btn-with-icon:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetFormUserAddressWizardStep .address-row form .btn-with-icon:hover,
.snippetFormUserAddressWizardStep .address-row form .btn-with-icon:active:hover,
.snippetFormUserAddressWizardStep .address-row form .btn-with-icon:active,
.snippetFormUserAddressWizardStep .address-row form .btn-with-icon:focus,
.snippetFormUserAddressWizardStep .address-row form .btn-with-icon:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
color: #869e00;
}
.snippetFormUserAddressWizardStep .address-row form .btn-with-icon:hover:after,
.snippetFormUserAddressWizardStep .address-row form .btn-with-icon:active:hover:after,
.snippetFormUserAddressWizardStep .address-row form .btn-with-icon:active:after,
.snippetFormUserAddressWizardStep .address-row form .btn-with-icon:focus:after,
.snippetFormUserAddressWizardStep .address-row form .btn-with-icon:focus:hover:after,
.snippetFormUserAddressWizardStep .address-row form .btn-with-icon:hover:before,
.snippetFormUserAddressWizardStep .address-row form .btn-with-icon:active:hover:before,
.snippetFormUserAddressWizardStep .address-row form .btn-with-icon:active:before,
.snippetFormUserAddressWizardStep .address-row form .btn-with-icon:focus:before,
.snippetFormUserAddressWizardStep .address-row form .btn-with-icon:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetFormUserAddressWizardStep .lastAddress {
margin-bottom: 4px;
}
.snippetFormUserAddressWizardStep .activeShippingSelection {
color: #777777;
}
.snippetFormUserAddressWizardStep .activeShippingSelection .icon {
color: #869e00;
float: left;
}
.snippetFormUserAddressWizardStep .activeShippingSelection .button-label {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
display: block;
padding-left: 20px;
float: none;
cursor: pointer;
}
.snippetFormUserAddressWizardStep .activeShippingSelection .button-label:after,
.snippetFormUserAddressWizardStep .activeShippingSelection .button-label:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetFormUserAddressWizardStep .activeShippingSelection .button-label:after,
.snippetFormUserAddressWizardStep .activeShippingSelection .button-label:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetFormUserAddressWizardStep .activeShippingSelection .button-label:hover,
.snippetFormUserAddressWizardStep .activeShippingSelection .button-label:active:hover,
.snippetFormUserAddressWizardStep .activeShippingSelection .button-label:active,
.snippetFormUserAddressWizardStep .activeShippingSelection .button-label:focus,
.snippetFormUserAddressWizardStep .activeShippingSelection .button-label:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
color: #869e00;
}
.snippetFormUserAddressWizardStep .activeShippingSelection .button-label:hover:after,
.snippetFormUserAddressWizardStep .activeShippingSelection .button-label:active:hover:after,
.snippetFormUserAddressWizardStep .activeShippingSelection .button-label:active:after,
.snippetFormUserAddressWizardStep .activeShippingSelection .button-label:focus:after,
.snippetFormUserAddressWizardStep .activeShippingSelection .button-label:focus:hover:after,
.snippetFormUserAddressWizardStep .activeShippingSelection .button-label:hover:before,
.snippetFormUserAddressWizardStep .activeShippingSelection .button-label:active:hover:before,
.snippetFormUserAddressWizardStep .activeShippingSelection .button-label:active:before,
.snippetFormUserAddressWizardStep .activeShippingSelection .button-label:focus:before,
.snippetFormUserAddressWizardStep .activeShippingSelection .button-label:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetFormUserAddressWizardStep .activeShippingSelection .button-label:hover {
padding-left: 20px;
}
.snippetFormUserAddressWizardStep .shippingAddressIsActiveBillingAddress {
margin-bottom: 7px;
}
.snippetOrderStepShipping ul.addresses li .radio {
margin-bottom: 16px;
}
.snippetOrderStepShipping ul.addresses li .radio.newaddress {
margin-bottom: 30px;
}
.snippetOrderStepShipping ul.addresses li .radio .snippetPkgExtranetAddress {
padding-top: 0;
}
.snippetOrderStepShipping .snippetExtranetFormsAddress {
margin-top: 18px;
}
.snippetOrderStepShipping .snippetExtranetFormsAddress .form-group .checkbox label {
font-weight: bold;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
line-height: 24px;
}
.snippetOrderStepShipping .snippetExtranetFormsAddress .form-group .checkbox label:after,
.snippetOrderStepShipping .snippetExtranetFormsAddress .form-group .checkbox label:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderStepShipping .confirm-checkboxes label {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
line-height: 24px;
}
.snippetOrderStepShipping .confirm-checkboxes label:after,
.snippetOrderStepShipping .confirm-checkboxes label:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.addressCheck {
background-color: #e5e5e5;
margin-top: 24px;
}
.addressCheck .radio label strong {
margin-top: 3px;
display: inline-block;
}
.extranetLoginPlain {
margin-bottom: 35px;
}
.extranetLoginPlain .headline-wrapper {
padding-bottom: 24px;
}
.extranetLoginPlain .headline-wrapper .headline {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 30px;
line-height: 36px;
color: #333333;
margin-bottom: 16px;
}
.extranetLoginPlain .headline-wrapper .headline:after,
.extranetLoginPlain .headline-wrapper .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.extranetLoginPlain .forgot-password-link {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
}
.extranetLoginPlain .forgot-password-link:after,
.extranetLoginPlain .forgot-password-link:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.extranetLoginPlain .forgot-password-link:hover,
.extranetLoginPlain .forgot-password-link:active:hover,
.extranetLoginPlain .forgot-password-link:active,
.extranetLoginPlain .forgot-password-link:focus,
.extranetLoginPlain .forgot-password-link:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
color: #869e00;
}
.extranetLoginPlain .forgot-password-link:hover:after,
.extranetLoginPlain .forgot-password-link:active:hover:after,
.extranetLoginPlain .forgot-password-link:active:after,
.extranetLoginPlain .forgot-password-link:focus:after,
.extranetLoginPlain .forgot-password-link:focus:hover:after,
.extranetLoginPlain .forgot-password-link:hover:before,
.extranetLoginPlain .forgot-password-link:active:hover:before,
.extranetLoginPlain .forgot-password-link:active:before,
.extranetLoginPlain .forgot-password-link:focus:before,
.extranetLoginPlain .forgot-password-link:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.extranetLoginPlain .forgot-password-link:hover:after,
.extranetLoginPlain .forgot-password-link:active:hover:after,
.extranetLoginPlain .forgot-password-link:active:after,
.extranetLoginPlain .forgot-password-link:focus:after,
.extranetLoginPlain .forgot-password-link:focus:hover:after,
.extranetLoginPlain .forgot-password-link:hover:before,
.extranetLoginPlain .forgot-password-link:active:hover:before,
.extranetLoginPlain .forgot-password-link:active:before,
.extranetLoginPlain .forgot-password-link:focus:before,
.extranetLoginPlain .forgot-password-link:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetFormUserShopSettings {
margin-top: 13px;
}
.snippetFormUserShopSettings .buttonRow {
margin-top: 18px;
}
.snippetFormUserProfile,
.snippetFormUserProfileEmail,
.snippetFormUserProfilePassword {
margin-top: 14px;
}
.snippetFormUserProfile .buttonRow,
.snippetFormUserProfileEmail .buttonRow,
.snippetFormUserProfilePassword .buttonRow {
margin-top: 46px;
}
.snippetFormJustPlaceholdersSubmitRight label {
display: none;
}
.snippetFormJustPlaceholdersSubmitRight .submit-button {
margin-bottom: 7px;
}
.snippetFormJustPlaceholdersSubmitRight .submit-button:after {
content: ' >>';
}
.form-horizontal--narrow .control-label {
text-align: left;
font-weight: normal;
font-family: 'UnitWeb-Light', sans-serif;
}
.form-horizontal .form-group {
margin-bottom: 14px;
}
.form-horizontal .form-group label {
text-align: left;
font-weight: normal;
}
.form-horizontal .form-group .help-block {
margin-top: 5px;
margin-bottom: 6px;
}
.form-horizontal .extendedText {
color: #777777;
margin-left: 20px;
}
.form-horizontal .extendedText p {
margin-top: 4px;
}
.form-horizontal .extendedText a {
color: inherit;
text-decoration: underline;
}
.form-horizontal .recaptcha-field-error-message {
color: #a94442;
}
.snippetIconList {
margin-top: 10px;
}
.snippetIconList .icon-list {
margin-left: -30px;
}
.snippetIconList .icon {
width: 50px;
height: 50px;
float: left;
margin-left: 30px;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.snippetIconList .icon-list {
margin-left: -15px;
}
.snippetIconList .icon {
margin-left: 15px;
margin-bottom: 20px;
width: 45px;
height: 45px;
}
}
@media (min-width: 992px) {
.snippetIconList .icon-list {
margin-left: -30px;
}
.snippetIconList .icon {
margin-bottom: 30px;
width: 50px;
height: 50px;
margin-left: 30px;
}
}
@media (min-width: 1200px) {
.snippetIconList .icon-list {
margin-left: -49px;
}
.snippetIconList .icon {
margin-left: 49px;
}
}
@media (max-width: 767px) {
.snippetIconListWideWithHover .margin-xs {
margin-bottom: 30px;
}
}
.snippetAddedToNoticeLayover {
width: 300px;
max-height: 60%;
overflow: auto;
transform: translateX(-50%);
left: 50% !important;
padding-top: 34px;
}
@media (min-width: 768px) {
.snippetAddedToNoticeLayover {
width: 485px;
max-height: 70%;
}
}
.snippetAddedToNoticeLayover .block-headline--underlined {
margin-bottom: 23px;
}
.snippetAddedToNoticeLayover .options .option {
cursor: pointer;
margin-bottom: 16px;
}
.snippetAddedToNoticeLayover .options .option span {
padding-bottom: 10px;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #333333;
text-transform: uppercase;
padding-left: 15px;
position: relative;
}
.snippetAddedToNoticeLayover .options .option span:after,
.snippetAddedToNoticeLayover .options .option span:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetAddedToNoticeLayover .options .option span:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -545px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
.snippetAddedToNoticeLayover .options .option span:not(a,.close-layover-link) {
padding-left: 0;
}
.snippetAddedToNoticeLayover .options .option span:not(a,.close-layover-link):after {
background: none;
width: 0;
display: none;
}
.snippetAddedToNoticeLayover .options .option span:hover,
.snippetAddedToNoticeLayover .options .option span:active,
.snippetAddedToNoticeLayover .options .option span:focus,
.snippetAddedToNoticeLayover .options .option span:active:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #333333;
text-transform: uppercase;
padding-left: 15px;
position: relative;
color: #869e00;
}
.snippetAddedToNoticeLayover .options .option span:hover:after,
.snippetAddedToNoticeLayover .options .option span:active:after,
.snippetAddedToNoticeLayover .options .option span:focus:after,
.snippetAddedToNoticeLayover .options .option span:active:hover:after,
.snippetAddedToNoticeLayover .options .option span:hover:before,
.snippetAddedToNoticeLayover .options .option span:active:before,
.snippetAddedToNoticeLayover .options .option span:focus:before,
.snippetAddedToNoticeLayover .options .option span:active:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetAddedToNoticeLayover .options .option span:hover:after,
.snippetAddedToNoticeLayover .options .option span:active:after,
.snippetAddedToNoticeLayover .options .option span:focus:after,
.snippetAddedToNoticeLayover .options .option span:active:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -545px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
.snippetAddedToNoticeLayover .options .option span:hover:not(a,.close-layover-link),
.snippetAddedToNoticeLayover .options .option span:active:not(a,.close-layover-link),
.snippetAddedToNoticeLayover .options .option span:focus:not(a,.close-layover-link),
.snippetAddedToNoticeLayover .options .option span:active:hover:not(a,.close-layover-link) {
padding-left: 0;
}
.snippetAddedToNoticeLayover .options .option span:hover:not(a,.close-layover-link):after,
.snippetAddedToNoticeLayover .options .option span:active:not(a,.close-layover-link):after,
.snippetAddedToNoticeLayover .options .option span:focus:not(a,.close-layover-link):after,
.snippetAddedToNoticeLayover .options .option span:active:hover:not(a,.close-layover-link):after {
background: none;
width: 0;
display: none;
}
.snippetAddedToNoticeLayover .options .option span:hover:after,
.snippetAddedToNoticeLayover .options .option span:active:after,
.snippetAddedToNoticeLayover .options .option span:focus:after,
.snippetAddedToNoticeLayover .options .option span:active:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -507px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
.snippetAddedToNoticeLayover .options .option span:after {
content: ' >>';
}
.snippetAddedToNoticeLayover .options .option .noticeLogin .snippetExtranetLoginPage {
border-top: 1px solid #000000;
padding-top: 19px;
margin-top: 31px;
}
.snippetAddedToNoticeLayover .options .option .noticeLogin .snippetExtranetLoginPage .headline {
text-transform: none;
letter-spacing: 0.3px;
margin-bottom: 12px;
font-size: 18px;
}
.snippetAddedToNoticeLayover .options .option .noticeLogin .snippetExtranetLoginPage .forgot-password-link {
font-family: 'UnitWeb-Light', sans-serif;
}
.snippetAddedToNoticeLayover .options .option .noticeLogin .snippetExtranetLoginPage .form-group input,
.snippetAddedToNoticeLayover .options .option .noticeLogin .snippetExtranetLoginPage .form-group select {
height: 28px;
}
.snippetAddedToNoticeLayover .options .option .register {
position: relative;
border-top: 1px solid #000000;
margin-top: 7px;
padding-top: 17px;
}
@media (min-width: 768px) {
.snippetAddedToNoticeLayover .options .option .register .rightSide {
position: absolute;
bottom: 8px;
right: 0;
}
}
.snippetFilterWithHeadline .filterBox .filterMainContent {
display: none;
}
@media (min-width: 768px) {
.snippetFilterWithHeadline .filterBox .filterMainContent {
display: block;
}
}
.snippetFilterWithHeadline .filterBox .filterHeader {
font-size: 25px;
font-weight: bold;
margin-bottom: 20px;
background-color: #c2c2c2;
padding: 10px;
}
.snippetFilterWithHeadline .filterBox .filterHeader:after {
display: inline-block;
border-top: 2px solid #000;
border-right: 2px solid #000;
transform: rotate(135deg);
content: ' ';
position: absolute;
right: 25px;
border-top-width: 1px;
border-right-width: 1px;
width: 12px;
height: 12px;
}
@media (min-width: 768px) {
.snippetFilterWithHeadline .filterBox .filterHeader {
display: none;
}
}
.snippetFilterWithHeadline .filterBox.open .filterHeader {
display: block;
}
.snippetFilterWithHeadline .filterBox.open .filterHeader:after {
transform: rotate(-45deg);
top: 15px;
}
.snippetFilterWithHeadline .filterBox.open .filterMainContent {
display: block;
}
.snippetFilterWithHeadline .headline {
cursor: pointer;
position: relative;
}
.snippetFilterWithHeadline .headline span {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #333333;
text-transform: uppercase;
padding-left: 15px;
position: relative;
}
.snippetFilterWithHeadline .headline span:after,
.snippetFilterWithHeadline .headline span:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetFilterWithHeadline .headline span:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -545px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
.snippetFilterWithHeadline .headline span:not(a,.close-layover-link) {
padding-left: 0;
}
.snippetFilterWithHeadline .headline span:not(a,.close-layover-link):after {
background: none;
width: 0;
display: none;
}
.snippetFilterWithHeadline .headline:not(a):after {
display: inline-block;
border-top: 2px solid #000;
border-right: 2px solid #000;
transform: rotate(135deg);
content: ' ' !important;
position: absolute !important;
right: 25px;
border-top-width: 1px;
border-right-width: 1px;
width: 12px;
height: 12px;
}
.snippetFilterWithHeadline .filter-item {
margin-bottom: 44px;
}
.snippetFilterWithHeadline .filter-item .filterItemContentBox {
display: none;
}
.snippetFilterWithHeadline .filter-item.open .filterItemContentBox {
display: block;
}
.snippetFilterWithHeadline .filter-item.open .headline:after {
transform: rotate(-45deg);
top: 7px;
}
.snippetFilterWithHeadline .minifierShowLink,
.snippetFilterWithHeadline .minifierHideLink {
display: none;
cursor: pointer;
}
.hiddenFilterOption {
display: none;
}
.no-js .hiddenFilterOption {
display: block;
}
.topfilterBox {
line-height: 16px;
border: 1px solid #c2c2c2;
padding: 5px 12px;
width: 100%;
height: 31px;
}
.snippetFilterDropdown {
margin-bottom: -25px;
}
.snippetFilterDropdown .glyphicon {
color: #777777;
}
.snippetFilterDropdown .dropdown-element {
width: 100%;
position: relative;
margin-bottom: 16px;
}
.snippetFilterDropdown .dropdown-element .icon {
margin-right: 8px;
position: relative;
top: 3px;
}
.snippetFilterDropdown .dropdown-element .dropdown-label {
line-height: 16px;
border: 1px solid #c2c2c2;
padding: 5px 12px;
width: 100%;
height: 31px;
}
.snippetFilterDropdown .dropdown-element .dropdown-label .filter-set {
color: #000000;
margin-left: 5px;
}
.snippetFilterDropdown .dropdown-element .dropdown-label .filter-remove {
position: absolute;
bottom: 6px;
right: 4px;
}
.snippetFilterDropdown .dropdown-element .filter {
top: 30px;
visibility: hidden;
position: absolute;
z-index: 1;
width: 100%;
background-color: #FFF;
left: 0;
border: 1px solid #c2c2c2;
border-top: medium none;
padding: 0 1px 0 10px;
}
.snippetFilterDropdown .dropdown-element:hover .filter,
.snippetFilterDropdown .dropdown-element:active .filter,
.snippetFilterDropdown .dropdown-element:focus .filter,
.snippetFilterDropdown .dropdown-element:active:hover .filter {
visibility: visible;
}
.snippetFilterDropdown .resetFilterBox {
margin-bottom: 16px;
line-height: 16px;
border: 1px solid #c2c2c2;
padding: 5px 12px;
width: 100%;
height: 31px;
padding: 0;
}
.snippetFilterDropdown .resetFilterBox a {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
line-height: 31px;
display: inline-block;
width: 100%;
height: 100%;
}
.snippetFilterDropdown .resetFilterBox a:after,
.snippetFilterDropdown .resetFilterBox a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetFilterDropdown .resetFilterBox a span {
font-weight: normal;
font-size: 12px;
margin-left: 12px;
}
.snippetFilterDropdown .set-filters {
position: relative;
top: -2px;
}
.snippetFilterDropdown .set-filters .set-filter {
color: #000000;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
float: left;
margin-right: 13px;
margin-bottom: 12px;
padding: 3px 7px;
border: 1px solid #c2c2c2;
border-radius: 3px;
display: block;
}
.snippetFilterDropdown .set-filters .set-filter:after,
.snippetFilterDropdown .set-filters .set-filter:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetFilterDropdown .set-filters .set-filter .icon {
position: relative;
top: 2px;
font-size: 12px;
}
.snippetdropdownsearch .snippetFilterDropdown {
margin-top: 0;
}
.searchProductListList {
margin-top: -26px;
}
.snippetShopFilterItemCheckboxes {
max-height: none;
}
.snippetShopFilterItemCheckboxes .checkbox {
display: block;
}
.snippetShopFilterItemCheckboxes .checkbox:nth-child(n+7) {
display: none;
}
.snippetShopFilterItemCheckboxes .checkbox input {
position: relative;
margin-left: 0;
}
.snippetShopFilterItemCheckboxes .checkbox label {
padding-left: 0;
}
.snippetShopFilterItemCheckboxes:not(.can-not-open):after {
height: 25px;
line-height: 25px;
position: relative;
left: 0;
content: '\002193 \00A0mehr anzeigen';
cursor: pointer;
}
.snippetShopFilterItemCheckboxes:not(.can-not-open).open .checkbox {
display: block;
}
.snippetShopFilterItemCheckboxes:not(.can-not-open).open:after {
content: '\002191 \00A0weniger anzeigen';
}
.snippetShopFilterItemSlider {
position: relative;
top: 10px;
width: 94%;
}
.snippetShopFilterItemSlider .middle {
position: absolute;
left: 50%;
height: 14px;
width: 3px;
margin-left: -6px;
top: 3px;
background: #c2c2c2;
}
.snippetShopFilterItemSlider .ui-rangeSlider {
height: 18px;
}
.snippetShopFilterItemSlider .ui-rangeSlider .ui-rangeSlider-innerBar {
height: 4px;
margin: 7px 4px;
background: #c2c2c2;
}
.snippetShopFilterItemSlider .ui-rangeSlider .ui-rangeSlider-bar {
margin: 5px 0;
height: 5px;
top: 1px !important;
}
.snippetShopFilterItemSlider .ui-rangeSlider .ui-rangeSlider-leftHandle {
background-color: transparent;
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -452px -85px;
background-position: -69px -446px;
width: 19px;
height: 19px;
}
.snippetShopFilterItemSlider .ui-rangeSlider .ui-rangeSlider-rightHandle {
background-color: transparent;
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -5px -175px;
background-position: -356px -446px;
width: 19px;
height: 19px;
}
.snippetShopFilterItemSlider .show-start-amount {
text-align: left;
margin-top: 3px;
}
.snippetShopFilterItemSlider .show-end-amount {
text-align: right;
margin-bottom: 4px;
}
.snippetShopFilterItemSlider .ui-slider {
position: relative;
height: 4px;
margin-right: 9px;
}
.snippetShopFilterItemSlider .ui-slider .ui-slider-range {
margin: 2px 0;
height: 4px;
position: absolute;
top: 3px;
background: none transparent;
border: 0;
}
.snippetShopFilterItemSlider .ui-slider .selectorLeft,
.snippetShopFilterItemSlider .ui-slider .ui-slider-handle:nth-of-type(n+1) {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -452px -85px;
background-position: -69px -446px;
height: 19px;
width: 19px;
height: 20px;
background-color: transparent;
border: 0;
margin-top: -10px;
margin-left: -4px;
display: block;
position: absolute;
}
.snippetShopFilterItemSlider .ui-slider .selectorRight,
.snippetShopFilterItemSlider .ui-slider .ui-slider-handle:nth-of-type(n+2) {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -5px -175px;
background-position: -356px -446px;
height: 19px;
width: 19px;
height: 20px;
background-color: transparent;
border: 0;
margin-top: -10px;
margin-left: -4px;
display: block;
position: absolute;
}
.snippetShopFilterItemSlider .vline {
top: -4px;
}
.snippetShopFilterItemSlider .input {
margin-top: 10px;
position: relative;
margin-bottom: 60px;
margin-right: 9px;
}
.snippetShopFilterItemSlider .input input {
max-width: 40%;
width: 60px;
border: 0;
background-color: #e5e5e5;
border-radius: 2px;
padding-left: 3px;
padding-right: 3px;
}
.snippetShopFilterItemSlider .input .amountStart {
float: left;
text-align: left;
position: absolute;
left: 0;
top: 0;
}
.snippetShopFilterItemSlider .input .amountEnd {
float: right;
text-align: right;
position: absolute;
right: 0;
bottom: 10px;
display: block;
}
.snippetShopFilterItemSlider .ui-corner-all {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.snippetShopFilterItemSlider .ui-widget-content {
background: #c2c2c2;
}
.snippetShopFilterItemSlider.inputOnly .priceRange {
width: 100%;
height: 30px;
margin-top: 30px;
}
.snippetShopFilterItemSlider.inputOnly .priceRange .input {
width: 40%;
max-width: 40%;
float: left;
margin: 0;
}
.snippetShopFilterItemSlider.inputOnly .priceRange .input .amountStart {
float: none;
text-align: right;
position: static;
width: 100%;
max-width: 100%;
}
.snippetShopFilterItemSlider.inputOnly .priceRange .input .amountEnd {
float: none;
text-align: right;
position: static;
display: block;
width: 100%;
max-width: 100%;
}
.snippetShopFilterItemSlider.inputOnly .priceRange .input input {
background-color: #ffffff;
color: #777777;
border: 1px solid #000000;
}
.snippetShopFilterItemSlider.inputOnly .priceRange .spacer {
width: 20%;
float: left;
text-align: center;
padding: 6px;
}
.snippetMainNavigation {
position: fixed;
max-height: 100%;
overflow-y: scroll;
overflow-x: hidden;
top: 55px;
bottom: 0;
left: 0;
z-index: 10;
padding-top: 0;
width: 75%;
}
.snippetMainNavigation .topBlock {
display: none !important;
}
.snippetMainNavigation > ul > li:first-child .topBlock {
display: block !important;
}
@media (min-width: 768px) {
.snippetMainNavigation {
width: auto;
position: relative;
top: 0;
overflow: visible;
}
}
.snippetMainNavigation > ul {
list-style-type: none;
margin: 0;
padding: 0;
background-color: #494948;
height: 100%;
width: 100%;
}
@media (min-width: 768px) {
.snippetMainNavigation > ul {
float: right;
background-color: transparent;
height: auto;
width: auto;
}
}
.snippetMainNavigation > ul > li {
background-color: #494948;
}
.snippetMainNavigation > ul > li.active,
.snippetMainNavigation > ul > li.expanded {
background-color: #869e00;
}
.snippetMainNavigation > ul > li.active > a span,
.snippetMainNavigation > ul > li.expanded > a span,
.snippetMainNavigation > ul > li.active > span span,
.snippetMainNavigation > ul > li.expanded > span span {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 18px;
line-height: 22px;
font-family: 'MuseoSans700', Arial, sans-serif;
text-transform: uppercase;
color: #ffffff;
}
.snippetMainNavigation > ul > li.active > a span:after,
.snippetMainNavigation > ul > li.expanded > a span:after,
.snippetMainNavigation > ul > li.active > span span:after,
.snippetMainNavigation > ul > li.expanded > span span:after,
.snippetMainNavigation > ul > li.active > a span:before,
.snippetMainNavigation > ul > li.expanded > a span:before,
.snippetMainNavigation > ul > li.active > span span:before,
.snippetMainNavigation > ul > li.expanded > span span:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetMainNavigation > ul > li.active > ul,
.snippetMainNavigation > ul > li.expanded > ul {
display: block !important;
}
.snippetMainNavigation > ul > li:hover,
.snippetMainNavigation > ul > li:active,
.snippetMainNavigation > ul > li:focus,
.snippetMainNavigation > ul > li:focus-within {
background-color: #869e00;
}
.snippetMainNavigation > ul > li:hover > a span,
.snippetMainNavigation > ul > li:active > a span,
.snippetMainNavigation > ul > li:focus > a span,
.snippetMainNavigation > ul > li:focus-within > a span,
.snippetMainNavigation > ul > li:hover > span span,
.snippetMainNavigation > ul > li:active > span span,
.snippetMainNavigation > ul > li:focus > span span,
.snippetMainNavigation > ul > li:focus-within > span span {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 18px;
line-height: 22px;
font-family: 'MuseoSans700', Arial, sans-serif;
text-transform: uppercase;
color: #ffffff;
}
.snippetMainNavigation > ul > li:hover > a span:after,
.snippetMainNavigation > ul > li:active > a span:after,
.snippetMainNavigation > ul > li:focus > a span:after,
.snippetMainNavigation > ul > li:focus-within > a span:after,
.snippetMainNavigation > ul > li:hover > span span:after,
.snippetMainNavigation > ul > li:active > span span:after,
.snippetMainNavigation > ul > li:focus > span span:after,
.snippetMainNavigation > ul > li:focus-within > span span:after,
.snippetMainNavigation > ul > li:hover > a span:before,
.snippetMainNavigation > ul > li:active > a span:before,
.snippetMainNavigation > ul > li:focus > a span:before,
.snippetMainNavigation > ul > li:focus-within > a span:before,
.snippetMainNavigation > ul > li:hover > span span:before,
.snippetMainNavigation > ul > li:active > span span:before,
.snippetMainNavigation > ul > li:focus > span span:before,
.snippetMainNavigation > ul > li:focus-within > span span:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
@media (min-width: 768px) {
.snippetMainNavigation > ul > li {
float: left;
text-align: center;
margin-left: 2px;
}
.snippetMainNavigation > ul > li.active,
.snippetMainNavigation > ul > li.expanded,
.snippetMainNavigation > ul > li:hover,
.snippetMainNavigation > ul > li:active,
.snippetMainNavigation > ul > li:focus,
.snippetMainNavigation > ul > li:focus-within {
background-color: #869e00;
}
.snippetMainNavigation > ul > li.active ul,
.snippetMainNavigation > ul > li.expanded ul,
.snippetMainNavigation > ul > li:hover ul,
.snippetMainNavigation > ul > li:active ul,
.snippetMainNavigation > ul > li:focus ul,
.snippetMainNavigation > ul > li:focus-within ul {
display: block !important;
}
}
.snippetMainNavigation > ul > li:hover ul,
.snippetMainNavigation > ul > li:active ul,
.snippetMainNavigation > ul > li:focus ul,
.snippetMainNavigation > ul > li:focus-within ul {
z-index: 7;
}
.snippetMainNavigation > ul > li > a,
.snippetMainNavigation > ul > li > span {
text-transform: uppercase;
display: block;
padding: 0 35px 0 15px;
font-family: 'UnitWeb-Bold', sans-serif;
line-height: 20px;
padding: 0;
margin: 0;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
color: #ffffff;
font-family: 'UnitWeb-Medium', Arial, sans-serif;
line-height: 42px;
height: 42px;
font-size: 21px;
text-decoration: none;
}
@media (min-width: 768px) {
.snippetMainNavigation > ul > li > a,
.snippetMainNavigation > ul > li > span {
padding: 0 15px;
}
}
@media (min-width: 992px) {
.snippetMainNavigation > ul > li > a,
.snippetMainNavigation > ul > li > span {
padding: 0 25px;
}
}
.snippetMainNavigation > ul > li > a:after,
.snippetMainNavigation > ul > li > span:after,
.snippetMainNavigation > ul > li > a:before,
.snippetMainNavigation > ul > li > span:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetMainNavigation > ul > li > a.withIcon,
.snippetMainNavigation > ul > li > span.withIcon {
padding-left: 10px;
}
.snippetMainNavigation > ul > li > a.withIcon .icon,
.snippetMainNavigation > ul > li > span.withIcon .icon {
margin-top: 2px;
}
.snippetMainNavigation > ul > li > a span,
.snippetMainNavigation > ul > li > span span {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 18px;
line-height: 22px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #ffffff;
text-transform: uppercase;
}
.snippetMainNavigation > ul > li > a span:after,
.snippetMainNavigation > ul > li > span span:after,
.snippetMainNavigation > ul > li > a span:before,
.snippetMainNavigation > ul > li > span span:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetMainNavigation > ul > li > a:before,
.snippetMainNavigation > ul > li > span:before {
content: ' ' !important;
}
.snippetMainNavigation > ul > li.has-icon > a,
.snippetMainNavigation > ul > li.has-icon > span {
padding: 0 15px;
}
.snippetMainNavigation > ul > li .icon {
font-size: 22px;
margin-right: 5px;
position: relative;
top: 2px;
}
.snippetMainNavigation > ul > li > ul {
list-style-type: none;
text-align: right;
width: 100%;
display: none;
background-color: #494948;
z-index: 2;
padding: 0;
margin: 0;
}
@media (min-width: 768px) {
.snippetMainNavigation > ul > li > ul {
position: absolute;
left: 0;
background-color: #869e00;
padding: 0 0 0 7px;
}
.snippetMainNavigation > ul > li > ul.shrinkNavigation {
height: 41px;
}
}
.snippetMainNavigation > ul > li > ul > li {
line-height: 24px;
}
@media (min-width: 768px) {
.snippetMainNavigation > ul > li > ul > li {
display: inline-block;
}
}
.snippetMainNavigation > ul > li > ul > li > a,
.snippetMainNavigation > ul > li > ul > li > span {
font-family: 'UnitWeb-Bold', sans-serif;
line-height: 20px;
padding: 0;
margin: 0;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
font-size: 20px;
font-family: 'UnitWeb-Medium', Arial, sans-serif;
line-height: 41px;
color: #ffffff;
padding: 0 20px 0 25px;
display: block;
text-decoration: none;
}
.snippetMainNavigation > ul > li > ul > li > a:after,
.snippetMainNavigation > ul > li > ul > li > span:after,
.snippetMainNavigation > ul > li > ul > li > a:before,
.snippetMainNavigation > ul > li > ul > li > span:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
@media (min-width: 768px) {
.snippetMainNavigation > ul > li > ul > li > a,
.snippetMainNavigation > ul > li > ul > li > span {
color: #000000;
padding: 0 8px;
font-size: 19px;
}
}
@media (min-width: 992px) {
.snippetMainNavigation > ul > li > ul > li > a,
.snippetMainNavigation > ul > li > ul > li > span {
padding: 0 19px;
font-size: 20px;
}
}
.snippetMainNavigation > ul > li > ul > li > a span,
.snippetMainNavigation > ul > li > ul > li > span span {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 16px;
line-height: 20px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
text-transform: uppercase;
}
.snippetMainNavigation > ul > li > ul > li > a span:after,
.snippetMainNavigation > ul > li > ul > li > span span:after,
.snippetMainNavigation > ul > li > ul > li > a span:before,
.snippetMainNavigation > ul > li > ul > li > span span:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetMainNavigation > ul > li > ul > li > a:before,
.snippetMainNavigation > ul > li > ul > li > span:before {
content: ' ' !important;
}
.snippetMainNavigation > ul > li > ul > li.active,
.snippetMainNavigation > ul > li > ul > li.expanded,
.snippetMainNavigation > ul > li > ul > li:hover,
.snippetMainNavigation > ul > li > ul > li:active,
.snippetMainNavigation > ul > li > ul > li:focus,
.snippetMainNavigation > ul > li > ul > li:focus-within {
background-color: #869e00;
}
@media (min-width: 768px) {
.snippetMainNavigation > ul > li > ul > li.active,
.snippetMainNavigation > ul > li > ul > li.expanded,
.snippetMainNavigation > ul > li > ul > li:hover,
.snippetMainNavigation > ul > li > ul > li:active,
.snippetMainNavigation > ul > li > ul > li:focus,
.snippetMainNavigation > ul > li > ul > li:focus-within {
background-color: transparent;
}
}
.snippetMainNavigation > ul > li > ul > li.active > a span,
.snippetMainNavigation > ul > li > ul > li.expanded > a span,
.snippetMainNavigation > ul > li > ul > li:hover > a span,
.snippetMainNavigation > ul > li > ul > li:active > a span,
.snippetMainNavigation > ul > li > ul > li:focus > a span,
.snippetMainNavigation > ul > li > ul > li:focus-within > a span,
.snippetMainNavigation > ul > li > ul > li.active > span span,
.snippetMainNavigation > ul > li > ul > li.expanded > span span,
.snippetMainNavigation > ul > li > ul > li:hover > span span,
.snippetMainNavigation > ul > li > ul > li:active > span span,
.snippetMainNavigation > ul > li > ul > li:focus > span span,
.snippetMainNavigation > ul > li > ul > li:focus-within > span span {
color: #000000;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 16px;
line-height: 20px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
text-transform: uppercase;
color: #ffffff;
}
@media (min-width: 768px) {
.snippetMainNavigation > ul > li > ul > li.active > a span,
.snippetMainNavigation > ul > li > ul > li.expanded > a span,
.snippetMainNavigation > ul > li > ul > li:hover > a span,
.snippetMainNavigation > ul > li > ul > li:active > a span,
.snippetMainNavigation > ul > li > ul > li:focus > a span,
.snippetMainNavigation > ul > li > ul > li:focus-within > a span,
.snippetMainNavigation > ul > li > ul > li.active > span span,
.snippetMainNavigation > ul > li > ul > li.expanded > span span,
.snippetMainNavigation > ul > li > ul > li:hover > span span,
.snippetMainNavigation > ul > li > ul > li:active > span span,
.snippetMainNavigation > ul > li > ul > li:focus > span span,
.snippetMainNavigation > ul > li > ul > li:focus-within > span span {
color: #ffffff;
}
}
.snippetMainNavigation > ul > li > ul > li.active > a span:after,
.snippetMainNavigation > ul > li > ul > li.expanded > a span:after,
.snippetMainNavigation > ul > li > ul > li:hover > a span:after,
.snippetMainNavigation > ul > li > ul > li:active > a span:after,
.snippetMainNavigation > ul > li > ul > li:focus > a span:after,
.snippetMainNavigation > ul > li > ul > li:focus-within > a span:after,
.snippetMainNavigation > ul > li > ul > li.active > span span:after,
.snippetMainNavigation > ul > li > ul > li.expanded > span span:after,
.snippetMainNavigation > ul > li > ul > li:hover > span span:after,
.snippetMainNavigation > ul > li > ul > li:active > span span:after,
.snippetMainNavigation > ul > li > ul > li:focus > span span:after,
.snippetMainNavigation > ul > li > ul > li:focus-within > span span:after,
.snippetMainNavigation > ul > li > ul > li.active > a span:before,
.snippetMainNavigation > ul > li > ul > li.expanded > a span:before,
.snippetMainNavigation > ul > li > ul > li:hover > a span:before,
.snippetMainNavigation > ul > li > ul > li:active > a span:before,
.snippetMainNavigation > ul > li > ul > li:focus > a span:before,
.snippetMainNavigation > ul > li > ul > li:focus-within > a span:before,
.snippetMainNavigation > ul > li > ul > li.active > span span:before,
.snippetMainNavigation > ul > li > ul > li.expanded > span span:before,
.snippetMainNavigation > ul > li > ul > li:hover > span span:before,
.snippetMainNavigation > ul > li > ul > li:active > span span:before,
.snippetMainNavigation > ul > li > ul > li:focus > span span:before,
.snippetMainNavigation > ul > li > ul > li:focus-within > span span:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetMainNavigation > ul > li > ul > li .nose {
padding: 0;
margin-left: 50%;
position: relative;
left: -10px;
display: none;
height: 0;
float: left;
top: -22px;
z-index: 3;
}
.snippetMainNavigation > ul > li > ul > li .snippetThirdLevelSubmenu {
display: none;
visibility: hidden;
position: absolute;
top: 38px;
left: 0;
padding-top: 7px;
}
@media (min-width: 768px) {
.snippetMainNavigation > ul > li > ul > li .snippetThirdLevelSubmenu {
display: block;
}
}
@media (min-width: 768px) {
.snippetMainNavigation > ul > li > ul > li:hover .snippetThirdLevelSubmenu,
.snippetMainNavigation > ul > li > ul > li:active .snippetThirdLevelSubmenu,
.snippetMainNavigation > ul > li > ul > li:focus .snippetThirdLevelSubmenu,
.snippetMainNavigation > ul > li > ul > li:focus-within .snippetThirdLevelSubmenu {
display: block !important;
visibility: visible !important;
}
}
@media (min-width: 768px) {
.snippetMainNavigation > ul > li > ul > li:hover .nose,
.snippetMainNavigation > ul > li > ul > li:active .nose,
.snippetMainNavigation > ul > li > ul > li:focus .nose,
.snippetMainNavigation > ul > li > ul > li:focus-within .nose {
display: block;
}
}
.snippetMainNavigation > ul > li.expanded {
background-color: #869e00;
}
.snippetMainNavigation > ul > li.expanded > ul {
display: block;
}
@media (min-width: 767px) {
.snippetMainNavigation > ul.mobileNavigationList {
display: none;
}
}
@media (max-width: 767px) {
.snippetMainNavigation > ul > li {
background-color: #494948 !important;
border: none !important;
display: block !important;
}
.snippetMainNavigation > ul > li .snippetThirdLevelSubmenu,
.snippetMainNavigation > ul > li ul,
.snippetMainNavigation > ul > li .sub-categories {
display: none !important;
}
.snippetMainNavigation > ul > li .nose {
display: none !important;
}
.snippetMainNavigation > ul > li > ul > li .snippetThirdLevelSubmenu {
visibility: visible !important;
}
.snippetMainNavigation > ul > li > ul > li .snippetThirdLevelSubmenu > ul {
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
.snippetMainNavigation > ul > li > ul > li .snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .spacer {
display: none;
}
.snippetMainNavigation > ul > li > ul > li .snippetThirdLevelSubmenu > ul > li.topBlock {
display: none !important;
}
.snippetMainNavigation > ul > li > ul.shrinkNavigation {
display: none !important;
}
.snippetMainNavigation > ul > li.active.expanded > a,
.snippetMainNavigation > ul > li.expanded > a {
-webkit-box-shadow: inset 3px 0 #869e00;
-moz-box-shadow: inset 3px 0 #869e00;
box-shadow: inset 3px 0 #869e00;
}
.snippetMainNavigation > ul > li.has-children > a::after {
margin-right: -13px !important;
content: '\203A' !important;
float: right !important;
color: #c2c2c2 !important;
}
.snippetMainNavigation > ul > li.has-children:hover > a::after,
.snippetMainNavigation > ul > li.has-children:active > a::after,
.snippetMainNavigation > ul > li.has-children:focus > a::after {
color: #ffffff !important;
}
.snippetMainNavigation > ul > li.clickedLink > a {
height: auto !important;
background-color: #000000 !important;
border: none !important;
}
.snippetMainNavigation > ul > li.clickedLink > a::after {
margin-right: -13px !important;
content: '\203A' !important;
float: right !important;
color: #869e00 !important;
transform: rotate(90deg);
}
.snippetMainNavigation > ul > li.clickedLink > a > span {
color: #869e00 !important;
}
.snippetMainNavigation > ul > li.clickedLink:hover > a,
.snippetMainNavigation > ul > li.clickedLink:active > a,
.snippetMainNavigation > ul > li.clickedLink:focus > a,
.snippetMainNavigation > ul > li.clickedLink:focus-within > a {
background-color: #869e00 !important;
}
.snippetMainNavigation > ul > li.clickedLink:hover > a::after,
.snippetMainNavigation > ul > li.clickedLink:active > a::after,
.snippetMainNavigation > ul > li.clickedLink:focus > a::after,
.snippetMainNavigation > ul > li.clickedLink:focus-within > a::after {
color: #ffffff !important;
}
.snippetMainNavigation > ul > li.clickedLink:hover > a > span,
.snippetMainNavigation > ul > li.clickedLink:active > a > span,
.snippetMainNavigation > ul > li.clickedLink:focus > a > span,
.snippetMainNavigation > ul > li.clickedLink:focus-within > a > span {
color: #ffffff !important;
}
.snippetMainNavigation > ul > li.backLink > a {
border-bottom: 1px solid #000000 !important;
}
.snippetMainNavigation > ul > li.backLink > a > span {
font-size: 15px !important;
}
.snippetMainNavigation > ul > li.backLink > a::before {
content: '\2039' !important;
margin-right: 3px !important;
color: #c2c2c2 !important;
}
.snippetMainNavigation > ul > li.backLink:hover > a,
.snippetMainNavigation > ul > li.backLink:active > a,
.snippetMainNavigation > ul > li.backLink:focus > a,
.snippetMainNavigation > ul > li.backLink:focus-within > a {
background-color: #7e7e7e !important;
}
.snippetMainNavigation > ul > li.backLink:hover > a::before,
.snippetMainNavigation > ul > li.backLink:active > a::before,
.snippetMainNavigation > ul > li.backLink:focus > a::before,
.snippetMainNavigation > ul > li.backLink:focus-within > a::before {
color: #ffffff !important;
}
.snippetMainNavigation > ul > li > a {
color: #c2c2c2 !important;
font-size: 18px !important;
line-height: 18px !important;
border: none !important;
height: auto !important;
padding: 10px 22px 8px 6px !important;
}
.snippetMainNavigation > ul > li > a:hover,
.snippetMainNavigation > ul > li > a:active,
.snippetMainNavigation > ul > li > a:focus,
.snippetMainNavigation > ul > li > a:focus-within {
background-color: #869e00 !important;
color: #ffffff !important;
}
.snippetMainNavigation > ul > li > a > span {
background-color: transparent !important;
}
.snippetMainNavigation > ul > li > a > span.icon {
display: none;
}
.snippetMainNavigation > ul > li > a.active.expanded,
.snippetMainNavigation > ul > li > a.expanded {
-webkit-box-shadow: inset 3px 0 #869e00;
-moz-box-shadow: inset 3px 0 #869e00;
box-shadow: inset 3px 0 #869e00;
}
}
.snippetExtranetNavigationHeader > ul {
list-style-type: none;
margin: 6px 0 0 0;
padding: 0;
position: relative;
z-index: 20;
}
@media (min-width: 768px) {
.snippetExtranetNavigationHeader > ul {
margin: 0;
}
}
.snippetExtranetNavigationHeader > ul:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
.snippetExtranetNavigationHeader > ul > li {
float: left;
display: none;
position: relative;
}
@media (min-width: 768px) {
.snippetExtranetNavigationHeader > ul > li {
display: list-item;
}
}
.snippetExtranetNavigationHeader > ul > li > a,
.snippetExtranetNavigationHeader > ul > li > span {
display: block;
padding: 0 15px;
color: #ffffff;
font-size: 13px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #979797;
text-align: center;
}
@media (min-width: 768px) {
.snippetExtranetNavigationHeader > ul > li > a,
.snippetExtranetNavigationHeader > ul > li > span {
padding: 0 8px 0 20px ;
}
}
@media (min-width: 1200px) {
.snippetExtranetNavigationHeader > ul > li > a,
.snippetExtranetNavigationHeader > ul > li > span {
padding: 0 20px ;
}
}
.snippetExtranetNavigationHeader > ul > li > a:after,
.snippetExtranetNavigationHeader > ul > li > span:after,
.snippetExtranetNavigationHeader > ul > li > a:before,
.snippetExtranetNavigationHeader > ul > li > span:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetExtranetNavigationHeader > ul > li > a .icon,
.snippetExtranetNavigationHeader > ul > li > span .icon {
display: block;
font-size: 20px;
height: 24px;
}
.snippetExtranetNavigationHeader > ul > li > a .icon .sprite-merkzettel_header,
.snippetExtranetNavigationHeader > ul > li > span .icon .sprite-merkzettel_header {
margin-top: 3px;
}
.snippetExtranetNavigationHeader > ul > li > a:hover .sprite-merkzettel_header,
.snippetExtranetNavigationHeader > ul > li > span:hover .sprite-merkzettel_header,
.snippetExtranetNavigationHeader > ul > li > a:active .sprite-merkzettel_header,
.snippetExtranetNavigationHeader > ul > li > span:active .sprite-merkzettel_header,
.snippetExtranetNavigationHeader > ul > li > a:focus .sprite-merkzettel_header,
.snippetExtranetNavigationHeader > ul > li > span:focus .sprite-merkzettel_header,
.snippetExtranetNavigationHeader > ul > li > a:active:hover .sprite-merkzettel_header,
.snippetExtranetNavigationHeader > ul > li > span:active:hover .sprite-merkzettel_header {
background-position: -389px -233px;
width: 16px;
height: 15px;
background-position: -121px -338px;
width: 24px;
height: 23px;
}
.snippetExtranetNavigationHeader > ul > li > a:hover .sprite-meinkonto_header,
.snippetExtranetNavigationHeader > ul > li > span:hover .sprite-meinkonto_header,
.snippetExtranetNavigationHeader > ul > li > a:active .sprite-meinkonto_header,
.snippetExtranetNavigationHeader > ul > li > span:active .sprite-meinkonto_header,
.snippetExtranetNavigationHeader > ul > li > a:focus .sprite-meinkonto_header,
.snippetExtranetNavigationHeader > ul > li > span:focus .sprite-meinkonto_header,
.snippetExtranetNavigationHeader > ul > li > a:active:hover .sprite-meinkonto_header,
.snippetExtranetNavigationHeader > ul > li > span:active:hover .sprite-meinkonto_header {
background-position: -166px -208px;
background-position: -276px -301px;
width: 21px;
height: 21px;
}
.snippetExtranetNavigationHeader > ul > li > a:hover .caption,
.snippetExtranetNavigationHeader > ul > li > span:hover .caption,
.snippetExtranetNavigationHeader > ul > li > a:active .caption,
.snippetExtranetNavigationHeader > ul > li > span:active .caption,
.snippetExtranetNavigationHeader > ul > li > a:focus .caption,
.snippetExtranetNavigationHeader > ul > li > span:focus .caption,
.snippetExtranetNavigationHeader > ul > li > a:active:hover .caption,
.snippetExtranetNavigationHeader > ul > li > span:active:hover .caption {
color: #869e00;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #979797;
text-align: center;
color: #333333;
}
.snippetExtranetNavigationHeader > ul > li > a:hover .caption:after,
.snippetExtranetNavigationHeader > ul > li > span:hover .caption:after,
.snippetExtranetNavigationHeader > ul > li > a:active .caption:after,
.snippetExtranetNavigationHeader > ul > li > span:active .caption:after,
.snippetExtranetNavigationHeader > ul > li > a:focus .caption:after,
.snippetExtranetNavigationHeader > ul > li > span:focus .caption:after,
.snippetExtranetNavigationHeader > ul > li > a:active:hover .caption:after,
.snippetExtranetNavigationHeader > ul > li > span:active:hover .caption:after,
.snippetExtranetNavigationHeader > ul > li > a:hover .caption:before,
.snippetExtranetNavigationHeader > ul > li > span:hover .caption:before,
.snippetExtranetNavigationHeader > ul > li > a:active .caption:before,
.snippetExtranetNavigationHeader > ul > li > span:active .caption:before,
.snippetExtranetNavigationHeader > ul > li > a:focus .caption:before,
.snippetExtranetNavigationHeader > ul > li > span:focus .caption:before,
.snippetExtranetNavigationHeader > ul > li > a:active:hover .caption:before,
.snippetExtranetNavigationHeader > ul > li > span:active:hover .caption:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetExtranetNavigationHeader > ul > li .caption {
display: none;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #979797;
text-align: center;
}
.snippetExtranetNavigationHeader > ul > li .caption:after,
.snippetExtranetNavigationHeader > ul > li .caption:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
@media (min-width: 768px) {
.snippetExtranetNavigationHeader > ul > li .caption {
display: inline;
font-family: 'UnitWeb-Medium', Arial, sans-serif;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #979797;
text-align: center;
}
.snippetExtranetNavigationHeader > ul > li .caption:after,
.snippetExtranetNavigationHeader > ul > li .caption:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
}
.snippetExtranetNavigationHeader > ul > li:first-child {
display: list-item;
}
.snippetExtranetNavigationHeader > ul > li:first-child > a,
.snippetExtranetNavigationHeader > ul > li:first-child > span {
padding: 0 10px 0 0;
}
@media (min-width: 992px) {
.snippetExtranetNavigationHeader > ul > li:first-child > a,
.snippetExtranetNavigationHeader > ul > li:first-child > span {
padding: 0 20px 0 0;
}
}
.snippetExtranetNavigationHeader > ul > li.active .icon {
color: #869e00;
}
.snippetExtranetNavigationHeader > ul > li .snippetNavigationMyAccountHover {
display: none;
position: absolute;
padding-top: 12px;
top: 26px;
right: -63px;
z-index: 3;
}
@media (min-width: 768px) {
.snippetExtranetNavigationHeader > ul > li .snippetNavigationMyAccountHover {
top: 42px;
right: -32px;
}
}
.snippetExtranetNavigationHeader > ul > li:hover .snippetNavigationMyAccountHover,
.snippetExtranetNavigationHeader > ul > li:active .snippetNavigationMyAccountHover,
.snippetExtranetNavigationHeader > ul > li:focus .snippetNavigationMyAccountHover,
.snippetExtranetNavigationHeader > ul > li:active:hover .snippetNavigationMyAccountHover,
.snippetExtranetNavigationHeader > ul > li:hover .mini-basket-layover,
.snippetExtranetNavigationHeader > ul > li:active .mini-basket-layover,
.snippetExtranetNavigationHeader > ul > li:focus .mini-basket-layover,
.snippetExtranetNavigationHeader > ul > li:active:hover .mini-basket-layover {
display: block;
}
.snippetExtranetNavigationHeader.logged-in ul li:first-child a .icon span.sprite {
background-position: -166px -208px;
background-position: -276px -301px;
width: 21px;
height: 21px;
}
.snippetExtranetNavigationHeader.noticeListFilled ul li:last-child a .icon span.sprite {
background-position: -389px -233px;
width: 16px;
height: 15px;
background-position: -121px -338px;
width: 24px;
height: 23px;
}
.snippetFourColumnNavigation .headline {
margin-bottom: 5px;
display: block;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
color: #000000;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 18px;
line-height: 22px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
margin-bottom: 10px;
}
.snippetFourColumnNavigation .headline:after,
.snippetFourColumnNavigation .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetFourColumnNavigation .col a {
text-decoration: none;
color: #000000;
line-height: 20px;
}
.snippetFourColumnNavigation .col a:hover,
.snippetFourColumnNavigation .col a:active,
.snippetFourColumnNavigation .col a:focus,
.snippetFourColumnNavigation .col a:active:hover {
font-weight: bold;
}
.snippetFourColumnNavigation .col .title {
line-height: 20px;
font-family: 'UnitWeb', Arial, sans-serif;
color: #ffffff;
display: block;
font-size: 14px;
line-height: 18px;
color: #000000;
}
.snippetFourColumnNavigation .col .title:after {
content: '>>';
display: inline;
margin-left: 5px;
}
.popularItemsNavigation .autoCutText {
width: 100%;
height: 20px;
display: block;
overflow: hidden;
}
.snippetFooterNavigation .col > a {
text-decoration: none;
color: #ffffff;
}
.snippetFooterNavigation .headline {
margin: 0 0 3px 0;
font-family: 'UnitWeb-Bold', sans-serif;
line-height: 20px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #ffffff;
margin-bottom: 6px;
}
.snippetFooterNavigation .headline:after,
.snippetFooterNavigation .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetFooterNavigation a > .headline:hover {
text-decoration: underline;
}
.snippetFooterNavigation ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.snippetFooterNavigation ul li > a {
font-family: 'UnitWeb-Medium', Arial, sans-serif;
display: block;
line-height: 18px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 20px;
color: #ffffff;
}
.snippetFooterNavigation ul li > a:after,
.snippetFooterNavigation ul li > a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetFooterNavigation ul li > a:hover {
text-decoration: underline;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 20px;
color: #ffffff;
}
.snippetFooterNavigation ul li > a:hover:after,
.snippetFooterNavigation ul li > a:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetFooterNavigation ul li > a:hover:after,
.snippetFooterNavigation ul li > a:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetFooterNavigation ul li > a:hover:hover,
.snippetFooterNavigation ul li > a:hover:active:hover,
.snippetFooterNavigation ul li > a:hover:active,
.snippetFooterNavigation ul li > a:hover:focus,
.snippetFooterNavigation ul li > a:hover:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 20px;
color: #ffffff;
color: #b5c500;
}
.snippetFooterNavigation ul li > a:hover:hover:after,
.snippetFooterNavigation ul li > a:hover:active:hover:after,
.snippetFooterNavigation ul li > a:hover:active:after,
.snippetFooterNavigation ul li > a:hover:focus:after,
.snippetFooterNavigation ul li > a:hover:focus:hover:after,
.snippetFooterNavigation ul li > a:hover:hover:before,
.snippetFooterNavigation ul li > a:hover:active:hover:before,
.snippetFooterNavigation ul li > a:hover:active:before,
.snippetFooterNavigation ul li > a:hover:focus:before,
.snippetFooterNavigation ul li > a:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetFooterNavigation .additionalText a {
display: block;
}
.snippetFooterNavigation .additionalText a,
.snippetFooterNavigation .additionalText a:hover,
.snippetFooterNavigation .additionalText a:focus,
.snippetFooterNavigation .additionalText a:active {
margin-top: 5px !important;
}
.navigationFont {
font-size: 17px;
white-space: normal;
}
.snippetCategoriesWithHitsCount .headline {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #333333;
text-transform: uppercase;
padding-left: 15px;
position: relative;
height: auto;
width: 100%;
overflow: hidden;
display: block;
font-size: 17px;
white-space: normal;
}
.snippetCategoriesWithHitsCount .headline:after,
.snippetCategoriesWithHitsCount .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetCategoriesWithHitsCount .headline:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -545px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
.snippetCategoriesWithHitsCount .headline:not(a,.close-layover-link) {
padding-left: 0;
}
.snippetCategoriesWithHitsCount .headline:not(a,.close-layover-link):after {
background: none;
width: 0;
display: none;
}
.snippetCategoriesWithHitsCount .headline:after,
.snippetCategoriesWithHitsCount .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetCategoriesWithHitsCount .headline:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -545px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
.snippetCategoriesWithHitsCount .headline:not(a,.close-layover-link) {
padding-left: 0;
}
.snippetCategoriesWithHitsCount .headline:not(a,.close-layover-link):after {
background: none;
width: 0;
display: none;
}
.snippetCategoriesWithHitsCount .headline.active,
.snippetCategoriesWithHitsCount .headline.expanded,
.snippetCategoriesWithHitsCount .headline:hover,
.snippetCategoriesWithHitsCount .headline:active:hover,
.snippetCategoriesWithHitsCount .headline:active,
.snippetCategoriesWithHitsCount .headline:focus,
.snippetCategoriesWithHitsCount .headline:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #333333;
text-transform: uppercase;
padding-left: 15px;
position: relative;
color: #869e00;
}
.snippetCategoriesWithHitsCount .headline.active:after,
.snippetCategoriesWithHitsCount .headline.expanded:after,
.snippetCategoriesWithHitsCount .headline:hover:after,
.snippetCategoriesWithHitsCount .headline:active:hover:after,
.snippetCategoriesWithHitsCount .headline:active:after,
.snippetCategoriesWithHitsCount .headline:focus:after,
.snippetCategoriesWithHitsCount .headline:focus:hover:after,
.snippetCategoriesWithHitsCount .headline.active:before,
.snippetCategoriesWithHitsCount .headline.expanded:before,
.snippetCategoriesWithHitsCount .headline:hover:before,
.snippetCategoriesWithHitsCount .headline:active:hover:before,
.snippetCategoriesWithHitsCount .headline:active:before,
.snippetCategoriesWithHitsCount .headline:focus:before,
.snippetCategoriesWithHitsCount .headline:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetCategoriesWithHitsCount .headline.active:after,
.snippetCategoriesWithHitsCount .headline.expanded:after,
.snippetCategoriesWithHitsCount .headline:hover:after,
.snippetCategoriesWithHitsCount .headline:active:hover:after,
.snippetCategoriesWithHitsCount .headline:active:after,
.snippetCategoriesWithHitsCount .headline:focus:after,
.snippetCategoriesWithHitsCount .headline:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -545px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
.snippetCategoriesWithHitsCount .headline.active:not(a,.close-layover-link),
.snippetCategoriesWithHitsCount .headline.expanded:not(a,.close-layover-link),
.snippetCategoriesWithHitsCount .headline:hover:not(a,.close-layover-link),
.snippetCategoriesWithHitsCount .headline:active:hover:not(a,.close-layover-link),
.snippetCategoriesWithHitsCount .headline:active:not(a,.close-layover-link),
.snippetCategoriesWithHitsCount .headline:focus:not(a,.close-layover-link),
.snippetCategoriesWithHitsCount .headline:focus:hover:not(a,.close-layover-link) {
padding-left: 0;
}
.snippetCategoriesWithHitsCount .headline.active:not(a,.close-layover-link):after,
.snippetCategoriesWithHitsCount .headline.expanded:not(a,.close-layover-link):after,
.snippetCategoriesWithHitsCount .headline:hover:not(a,.close-layover-link):after,
.snippetCategoriesWithHitsCount .headline:active:hover:not(a,.close-layover-link):after,
.snippetCategoriesWithHitsCount .headline:active:not(a,.close-layover-link):after,
.snippetCategoriesWithHitsCount .headline:focus:not(a,.close-layover-link):after,
.snippetCategoriesWithHitsCount .headline:focus:hover:not(a,.close-layover-link):after {
background: none;
width: 0;
display: none;
}
.snippetCategoriesWithHitsCount .headline.active:after,
.snippetCategoriesWithHitsCount .headline.expanded:after,
.snippetCategoriesWithHitsCount .headline:hover:after,
.snippetCategoriesWithHitsCount .headline:active:hover:after,
.snippetCategoriesWithHitsCount .headline:active:after,
.snippetCategoriesWithHitsCount .headline:focus:after,
.snippetCategoriesWithHitsCount .headline:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -507px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
.snippetCategoriesWithHitsCount div ul {
padding-left: 0;
margin-top: 5px;
}
@media (min-width: 768px) {
.snippetCategoriesWithHitsCount div ul ul {
margin-top: 24px;
padding-left: 10px;
}
}
.snippetCategoriesWithHitsCount div ul li {
display: block;
}
.snippetCategoriesWithHitsCount div ul li:not(.expanded) {
display: none;
}
@media (min-width: 768px) {
.snippetCategoriesWithHitsCount div ul li:not(.expanded) {
display: block;
}
}
.snippetCategoriesWithHitsCount div ul li.lastShownChild {
display: block;
}
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) {
margin-bottom: 0;
float: left;
padding-right: 5px;
border-right: 1px solid #494948;
margin-right: 5px;
}
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded):last-child {
border-right: none;
}
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline {
font-size: 17px;
white-space: normal;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #333333;
}
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:after,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:after,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:hover,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:hover,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #333333;
color: #869e00;
}
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:hover:after,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:hover:after,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:after,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:after,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:hover:after,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:hover:before,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:hover:before,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:before,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:before,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline.active,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline.expanded,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:hover,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:hover,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:hover {
font-size: 17px;
white-space: normal;
}
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .hits {
display: none;
}
@media (min-width: 768px) {
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) {
margin-bottom: 24px;
padding-right: inherit;
border-right: none;
margin-right: inherit;
float: none;
}
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #333333;
text-transform: uppercase;
padding-left: 15px;
position: relative;
}
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:after,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -545px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:not(a,.close-layover-link) {
padding-left: 0;
}
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:not(a,.close-layover-link):after {
background: none;
width: 0;
display: none;
}
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:after,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -545px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:not(a,.close-layover-link) {
padding-left: 0;
}
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:not(a,.close-layover-link):after {
background: none;
width: 0;
display: none;
}
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline.active,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline.expanded,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:hover,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:hover,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #333333;
text-transform: uppercase;
padding-left: 15px;
position: relative;
color: #869e00;
}
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline.active:after,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline.expanded:after,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:hover:after,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:hover:after,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:after,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:after,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:hover:after,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline.active:before,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline.expanded:before,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:hover:before,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:hover:before,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:before,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:before,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline.active:after,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline.expanded:after,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:hover:after,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:hover:after,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:after,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:after,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -545px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline.active:not(a,.close-layover-link),
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline.expanded:not(a,.close-layover-link),
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:hover:not(a,.close-layover-link),
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:hover:not(a,.close-layover-link),
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:not(a,.close-layover-link),
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:not(a,.close-layover-link),
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:hover:not(a,.close-layover-link) {
padding-left: 0;
}
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline.active:not(a,.close-layover-link):after,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline.expanded:not(a,.close-layover-link):after,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:hover:not(a,.close-layover-link):after,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:hover:not(a,.close-layover-link):after,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:not(a,.close-layover-link):after,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:not(a,.close-layover-link):after,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:hover:not(a,.close-layover-link):after {
background: none;
width: 0;
display: none;
}
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline.active:after,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline.expanded:after,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:hover:after,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:hover:after,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:active:after,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:after,
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .headline:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -507px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
.snippetCategoriesWithHitsCount div ul li.expanded ul .lastShownChild.line:not(.expanded) .hits {
display: block;
}
}
.snippetCategoriesWithHitsCount .line {
margin-bottom: 24px;
}
.snippetCategoriesWithHitsCount .hits {
color: #777777;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
}
.snippetCategoriesWithHitsCount .hits:after,
.snippetCategoriesWithHitsCount .hits:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetFilterWithHeadline.subnavigation {
display: block;
}
.snippetNavigationMyAccountHover {
z-index: 3;
}
.snippetNavigationMyAccountHover > .inner {
width: 520px;
background-color: transparent;
position: relative;
}
.snippetNavigationMyAccountHover > .inner .nose {
position: absolute;
top: -15px;
right: 74px;
z-index: 4;
}
.snippetNavigationMyAccountHover > .inner .left {
-webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.75);
box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.75);
float: left;
width: 350px;
padding: 10px 15px 4px 15px;
background-color: #ffffff;
min-height: 50px;
}
.snippetNavigationMyAccountHover > .inner .left .loading {
height: 40px;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
background: url('/assets/sgd-assets/img/ajax-loader.gif') top center #ffffff no-repeat;
}
.snippetNavigationMyAccountHover > .inner .right {
-webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.75);
box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.75);
float: right;
width: 163px;
background-color: #ffffff;
margin-right: 2px;
padding: 15px 15px 4px 15px;
}
.snippetNavigationMyAccountHover > .inner:after {
content: "";
display: table;
clear: both;
}
@media (max-width: 768px) {
.snippetNavigationMyAccountHover > .inner .left {
display: none;
}
}
.snippetNavigationMyAccountHover .register {
letter-spacing: -0.2px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 12px;
line-height: 14px;
color: #6b6b6b;
margin: 2px 0 6px;
display: block;
}
.snippetNavigationMyAccountHover .register:after,
.snippetNavigationMyAccountHover .register:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetNavigationMyAccountHover .register a {
text-decoration: underline;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 12px;
line-height: 14px;
color: #6b6b6b;
}
.snippetNavigationMyAccountHover .register a:after,
.snippetNavigationMyAccountHover .register a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetNavigationMyAccountHover ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.snippetNavigationMyAccountHover ul li > a,
.snippetNavigationMyAccountHover ul li > span {
color: #000000;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
line-height: 27px;
display: block;
border-top: 1px solid #494948;
}
.snippetNavigationMyAccountHover ul li > a:after,
.snippetNavigationMyAccountHover ul li > span:after,
.snippetNavigationMyAccountHover ul li > a:before,
.snippetNavigationMyAccountHover ul li > span:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetNavigationMyAccountHover ul li > a:hover,
.snippetNavigationMyAccountHover ul li > span:hover,
.snippetNavigationMyAccountHover ul li > a:active,
.snippetNavigationMyAccountHover ul li > span:active,
.snippetNavigationMyAccountHover ul li > a:focus,
.snippetNavigationMyAccountHover ul li > span:focus,
.snippetNavigationMyAccountHover ul li > a:active:hover,
.snippetNavigationMyAccountHover ul li > span:active:hover {
color: #869e00;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
font-weight: bold;
border-top: 1px solid #494948;
line-height: 27px;
}
.snippetNavigationMyAccountHover ul li > a:hover:after,
.snippetNavigationMyAccountHover ul li > span:hover:after,
.snippetNavigationMyAccountHover ul li > a:active:after,
.snippetNavigationMyAccountHover ul li > span:active:after,
.snippetNavigationMyAccountHover ul li > a:focus:after,
.snippetNavigationMyAccountHover ul li > span:focus:after,
.snippetNavigationMyAccountHover ul li > a:active:hover:after,
.snippetNavigationMyAccountHover ul li > span:active:hover:after,
.snippetNavigationMyAccountHover ul li > a:hover:before,
.snippetNavigationMyAccountHover ul li > span:hover:before,
.snippetNavigationMyAccountHover ul li > a:active:before,
.snippetNavigationMyAccountHover ul li > span:active:before,
.snippetNavigationMyAccountHover ul li > a:focus:before,
.snippetNavigationMyAccountHover ul li > span:focus:before,
.snippetNavigationMyAccountHover ul li > a:active:hover:before,
.snippetNavigationMyAccountHover ul li > span:active:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetNavigationMyAccountHover ul li.active > a,
.snippetNavigationMyAccountHover ul li.active > span {
color: #869e00;
font-weight: bold;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
line-height: 27px;
border-top: 1px solid #494948;
}
.snippetNavigationMyAccountHover ul li.active > a:after,
.snippetNavigationMyAccountHover ul li.active > span:after,
.snippetNavigationMyAccountHover ul li.active > a:before,
.snippetNavigationMyAccountHover ul li.active > span:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetNavigationMyAccountHover.logged-in ul li:first-child > a,
.snippetNavigationMyAccountHover.logged-in ul li:first-child > span {
border-top: medium none;
}
.snippetNavigationMyAccountHover .inner-headline {
font-size: 20px;
line-height: 23px;
}
.snippetNavigationMyAccountHover .snippetProductListVertical {
display: none;
}
.snippetNavigationMyAccountHover .snippetProductListVertical .row .simple {
margin-bottom: 10px;
}
.snippetNavigationMyAccountHover .snippetProductListVertical .row .simple .inner {
padding-bottom: 10px;
border-bottom: 1px solid #000000;
}
.snippetNavigationMyAccountHover .snippetProductListVertical .row .simple .inner .title {
display: block;
height: 40px;
}
.snippetNavigationMyAccountHover .snippetProductListVertical .row:last-child .simple {
margin-bottom: 0;
}
.snippetNavigationMyAccountHover .snippetProductListVertical .row:last-child .simple .inner {
border-bottom: none !important;
}
.snippetNavigationMyAccountHover .snippetProductListVertical .headline {
font-size: 22px;
line-height: 24px;
}
.snippetNavigationMyAccountHover .snippetProductListVertical .more-link {
text-align: right;
border-bottom: 4px solid #000;
display: block;
width: 100%;
}
.snippetNavigationMyAccountHover .login-button {
font-family: "UnitWeb", sans-serif;
font-size: 15px;
line-height: 20px;
background-color: #869e00;
border: medium none;
width: 100%;
padding: 5px 0;
display: block;
text-decoration: none;
border-radius: 0;
outline: none;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 13px;
line-height: 16px;
color: #ffffff;
text-transform: uppercase;
text-align: center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5c500+0,7e9400+100 */
background: #b5c500;
/* Old browsers */
background: -moz-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b5c500 0%, #7e9400 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients5', endColorstr='@colorGradients6', GradientType=0);
/* IE6-9 */
}
.snippetNavigationMyAccountHover .login-button:hover {
background-color: #869e00;
color: #000000;
}
.snippetNavigationMyAccountHover .login-button.active,
.snippetNavigationMyAccountHover .login-button:hover,
.snippetNavigationMyAccountHover .login-button:active,
.snippetNavigationMyAccountHover .login-button:focus,
.snippetNavigationMyAccountHover .login-button:active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f400+0,aebf00+100 */
background: #f0f400;
/* Old browsers */
background: -moz-linear-gradient(top, #f0f400 0%, #aebf00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #f0f400 0%, #aebf00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f0f400 0%, #aebf00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients7', endColorstr='@colorGradients8', GradientType=0);
/* IE6-9 */
}
.snippetSubNavigation hr {
margin-top: 9px;
border: none;
margin-bottom: 0;
}
.snippetSubNavigation .headline-wrapper {
padding-top: 5px;
padding-bottom: 18px;
}
.snippetSubNavigation .headline-wrapper .headline {
margin-top: 0;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 24px;
line-height: 29px;
color: #ffffff;
padding: 2px 8px;
background-color: #333333;
text-transform: uppercase;
}
.snippetSubNavigation .headline-wrapper .headline:after,
.snippetSubNavigation .headline-wrapper .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetSubNavigation ul {
list-style-type: none;
padding: 0;
margin: 0;
border-top: 1px solid #7d7d7d;
}
.snippetSubNavigation ul li {
border-bottom: 1px solid #7d7d7d;
}
.snippetSubNavigation ul li a {
display: block;
font-weight: bold;
color: #000000;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #333333;
border-bottom: 1px;
margin-top: 5px;
margin-bottom: 5px;
position: relative;
padding-left: 15px;
}
.snippetSubNavigation ul li a:after,
.snippetSubNavigation ul li a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetSubNavigation ul li a:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 3px;
top: 3px;
}
.snippetSubNavigation ul li a:after,
.snippetSubNavigation ul li a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetSubNavigation ul li a:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 3px;
top: 3px;
}
.snippetSubNavigation ul li a:hover,
.snippetSubNavigation ul li a:active:hover,
.snippetSubNavigation ul li a:active,
.snippetSubNavigation ul li a:focus,
.snippetSubNavigation ul li a:focus:hover {
color: #869e00;
}
.snippetSubNavigation ul li a:hover:after,
.snippetSubNavigation ul li a:active:hover:after,
.snippetSubNavigation ul li a:active:after,
.snippetSubNavigation ul li a:focus:after,
.snippetSubNavigation ul li a:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.snippetSubNavigation ul li a:after {
content: '>>';
letter-spacing: -0.8px;
}
.snippetSubNavigation ul li.active > a,
.snippetSubNavigation ul li.expanded > a,
.snippetSubNavigation ul li:hover > a,
.snippetSubNavigation ul li:active > a,
.snippetSubNavigation ul li:active:hover > a,
.snippetSubNavigation ul li.active > span,
.snippetSubNavigation ul li.expanded > span,
.snippetSubNavigation ul li:hover > span,
.snippetSubNavigation ul li:active > span,
.snippetSubNavigation ul li:active:hover > span {
font-weight: bold;
color: #000000;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #333333;
border-bottom: 1px;
margin-top: 5px;
margin-bottom: 5px;
position: relative;
padding-left: 15px;
}
.snippetSubNavigation ul li.active > a:after,
.snippetSubNavigation ul li.expanded > a:after,
.snippetSubNavigation ul li:hover > a:after,
.snippetSubNavigation ul li:active > a:after,
.snippetSubNavigation ul li:active:hover > a:after,
.snippetSubNavigation ul li.active > span:after,
.snippetSubNavigation ul li.expanded > span:after,
.snippetSubNavigation ul li:hover > span:after,
.snippetSubNavigation ul li:active > span:after,
.snippetSubNavigation ul li:active:hover > span:after,
.snippetSubNavigation ul li.active > a:before,
.snippetSubNavigation ul li.expanded > a:before,
.snippetSubNavigation ul li:hover > a:before,
.snippetSubNavigation ul li:active > a:before,
.snippetSubNavigation ul li:active:hover > a:before,
.snippetSubNavigation ul li.active > span:before,
.snippetSubNavigation ul li.expanded > span:before,
.snippetSubNavigation ul li:hover > span:before,
.snippetSubNavigation ul li:active > span:before,
.snippetSubNavigation ul li:active:hover > span:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetSubNavigation ul li.active > a:after,
.snippetSubNavigation ul li.expanded > a:after,
.snippetSubNavigation ul li:hover > a:after,
.snippetSubNavigation ul li:active > a:after,
.snippetSubNavigation ul li:active:hover > a:after,
.snippetSubNavigation ul li.active > span:after,
.snippetSubNavigation ul li.expanded > span:after,
.snippetSubNavigation ul li:hover > span:after,
.snippetSubNavigation ul li:active > span:after,
.snippetSubNavigation ul li:active:hover > span:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 3px;
top: 3px;
}
.snippetSubNavigation ul li.active > a:after,
.snippetSubNavigation ul li.expanded > a:after,
.snippetSubNavigation ul li:hover > a:after,
.snippetSubNavigation ul li:active > a:after,
.snippetSubNavigation ul li:active:hover > a:after,
.snippetSubNavigation ul li.active > span:after,
.snippetSubNavigation ul li.expanded > span:after,
.snippetSubNavigation ul li:hover > span:after,
.snippetSubNavigation ul li:active > span:after,
.snippetSubNavigation ul li:active:hover > span:after,
.snippetSubNavigation ul li.active > a:before,
.snippetSubNavigation ul li.expanded > a:before,
.snippetSubNavigation ul li:hover > a:before,
.snippetSubNavigation ul li:active > a:before,
.snippetSubNavigation ul li:active:hover > a:before,
.snippetSubNavigation ul li.active > span:before,
.snippetSubNavigation ul li.expanded > span:before,
.snippetSubNavigation ul li:hover > span:before,
.snippetSubNavigation ul li:active > span:before,
.snippetSubNavigation ul li:active:hover > span:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetSubNavigation ul li.active > a:after,
.snippetSubNavigation ul li.expanded > a:after,
.snippetSubNavigation ul li:hover > a:after,
.snippetSubNavigation ul li:active > a:after,
.snippetSubNavigation ul li:active:hover > a:after,
.snippetSubNavigation ul li.active > span:after,
.snippetSubNavigation ul li.expanded > span:after,
.snippetSubNavigation ul li:hover > span:after,
.snippetSubNavigation ul li:active > span:after,
.snippetSubNavigation ul li:active:hover > span:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 3px;
top: 3px;
}
.snippetSubNavigation ul li.active > a:hover,
.snippetSubNavigation ul li.expanded > a:hover,
.snippetSubNavigation ul li:hover > a:hover,
.snippetSubNavigation ul li:active > a:hover,
.snippetSubNavigation ul li:active:hover > a:hover,
.snippetSubNavigation ul li.active > span:hover,
.snippetSubNavigation ul li.expanded > span:hover,
.snippetSubNavigation ul li:hover > span:hover,
.snippetSubNavigation ul li:active > span:hover,
.snippetSubNavigation ul li:active:hover > span:hover,
.snippetSubNavigation ul li.active > a:active:hover,
.snippetSubNavigation ul li.expanded > a:active:hover,
.snippetSubNavigation ul li:hover > a:active:hover,
.snippetSubNavigation ul li:active > a:active:hover,
.snippetSubNavigation ul li:active:hover > a:active:hover,
.snippetSubNavigation ul li.active > span:active:hover,
.snippetSubNavigation ul li.expanded > span:active:hover,
.snippetSubNavigation ul li:hover > span:active:hover,
.snippetSubNavigation ul li:active > span:active:hover,
.snippetSubNavigation ul li:active:hover > span:active:hover,
.snippetSubNavigation ul li.active > a:active,
.snippetSubNavigation ul li.expanded > a:active,
.snippetSubNavigation ul li:hover > a:active,
.snippetSubNavigation ul li:active > a:active,
.snippetSubNavigation ul li:active:hover > a:active,
.snippetSubNavigation ul li.active > span:active,
.snippetSubNavigation ul li.expanded > span:active,
.snippetSubNavigation ul li:hover > span:active,
.snippetSubNavigation ul li:active > span:active,
.snippetSubNavigation ul li:active:hover > span:active,
.snippetSubNavigation ul li.active > a:focus,
.snippetSubNavigation ul li.expanded > a:focus,
.snippetSubNavigation ul li:hover > a:focus,
.snippetSubNavigation ul li:active > a:focus,
.snippetSubNavigation ul li:active:hover > a:focus,
.snippetSubNavigation ul li.active > span:focus,
.snippetSubNavigation ul li.expanded > span:focus,
.snippetSubNavigation ul li:hover > span:focus,
.snippetSubNavigation ul li:active > span:focus,
.snippetSubNavigation ul li:active:hover > span:focus,
.snippetSubNavigation ul li.active > a:focus:hover,
.snippetSubNavigation ul li.expanded > a:focus:hover,
.snippetSubNavigation ul li:hover > a:focus:hover,
.snippetSubNavigation ul li:active > a:focus:hover,
.snippetSubNavigation ul li:active:hover > a:focus:hover,
.snippetSubNavigation ul li.active > span:focus:hover,
.snippetSubNavigation ul li.expanded > span:focus:hover,
.snippetSubNavigation ul li:hover > span:focus:hover,
.snippetSubNavigation ul li:active > span:focus:hover,
.snippetSubNavigation ul li:active:hover > span:focus:hover {
color: #869e00;
}
.snippetSubNavigation ul li.active > a:hover:after,
.snippetSubNavigation ul li.expanded > a:hover:after,
.snippetSubNavigation ul li:hover > a:hover:after,
.snippetSubNavigation ul li:active > a:hover:after,
.snippetSubNavigation ul li:active:hover > a:hover:after,
.snippetSubNavigation ul li.active > span:hover:after,
.snippetSubNavigation ul li.expanded > span:hover:after,
.snippetSubNavigation ul li:hover > span:hover:after,
.snippetSubNavigation ul li:active > span:hover:after,
.snippetSubNavigation ul li:active:hover > span:hover:after,
.snippetSubNavigation ul li.active > a:active:hover:after,
.snippetSubNavigation ul li.expanded > a:active:hover:after,
.snippetSubNavigation ul li:hover > a:active:hover:after,
.snippetSubNavigation ul li:active > a:active:hover:after,
.snippetSubNavigation ul li:active:hover > a:active:hover:after,
.snippetSubNavigation ul li.active > span:active:hover:after,
.snippetSubNavigation ul li.expanded > span:active:hover:after,
.snippetSubNavigation ul li:hover > span:active:hover:after,
.snippetSubNavigation ul li:active > span:active:hover:after,
.snippetSubNavigation ul li:active:hover > span:active:hover:after,
.snippetSubNavigation ul li.active > a:active:after,
.snippetSubNavigation ul li.expanded > a:active:after,
.snippetSubNavigation ul li:hover > a:active:after,
.snippetSubNavigation ul li:active > a:active:after,
.snippetSubNavigation ul li:active:hover > a:active:after,
.snippetSubNavigation ul li.active > span:active:after,
.snippetSubNavigation ul li.expanded > span:active:after,
.snippetSubNavigation ul li:hover > span:active:after,
.snippetSubNavigation ul li:active > span:active:after,
.snippetSubNavigation ul li:active:hover > span:active:after,
.snippetSubNavigation ul li.active > a:focus:after,
.snippetSubNavigation ul li.expanded > a:focus:after,
.snippetSubNavigation ul li:hover > a:focus:after,
.snippetSubNavigation ul li:active > a:focus:after,
.snippetSubNavigation ul li:active:hover > a:focus:after,
.snippetSubNavigation ul li.active > span:focus:after,
.snippetSubNavigation ul li.expanded > span:focus:after,
.snippetSubNavigation ul li:hover > span:focus:after,
.snippetSubNavigation ul li:active > span:focus:after,
.snippetSubNavigation ul li:active:hover > span:focus:after,
.snippetSubNavigation ul li.active > a:focus:hover:after,
.snippetSubNavigation ul li.expanded > a:focus:hover:after,
.snippetSubNavigation ul li:hover > a:focus:hover:after,
.snippetSubNavigation ul li:active > a:focus:hover:after,
.snippetSubNavigation ul li:active:hover > a:focus:hover:after,
.snippetSubNavigation ul li.active > span:focus:hover:after,
.snippetSubNavigation ul li.expanded > span:focus:hover:after,
.snippetSubNavigation ul li:hover > span:focus:hover:after,
.snippetSubNavigation ul li:active > span:focus:hover:after,
.snippetSubNavigation ul li:active:hover > span:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.snippetSubNavigation ul li ul {
border: medium none;
}
.snippetSubNavigation ul li li {
margin-left: 35px;
padding: 0;
border: medium none;
}
.snippetSubNavigation ul li li a {
font-weight: normal;
}
.snippetSubNavigation ul li li a:after {
content: '>>';
letter-spacing: -2.4px;
}
.first-level-with-bottom-line .snippetSubNavigation ul li ul {
border-top: 1px solid #7d7d7d;
margin-top: 3px;
padding-top: 3px;
}
.subNavigationOneLevel .snippetSubNavigation ul li a {
font-weight: normal;
}
.subNavigationOneLevel .snippetSubNavigation ul li.active,
.subNavigationOneLevel .snippetSubNavigation ul li.expanded,
.subNavigationOneLevel .snippetSubNavigation ul li:hover,
.subNavigationOneLevel .snippetSubNavigation ul li:active,
.subNavigationOneLevel .snippetSubNavigation ul li:active:hover {
font-weight: bold;
}
.subNavigationOneLevel .snippetSubNavigation ul li.active a,
.subNavigationOneLevel .snippetSubNavigation ul li.expanded a,
.subNavigationOneLevel .snippetSubNavigation ul li:hover a,
.subNavigationOneLevel .snippetSubNavigation ul li:active a,
.subNavigationOneLevel .snippetSubNavigation ul li:active:hover a {
font-weight: bold;
}
.snippetLargeTabsNavigation {
list-style-type: none;
padding: 0;
margin-bottom: 21px;
}
.snippetLargeTabsNavigation:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
.snippetLargeTabsNavigation li {
display: block;
float: left;
padding-right: 5px;
position: relative;
}
.snippetLargeTabsNavigation li > div {
display: table;
width: 100%;
height: 65px;
border: 1px solid #7d7d7d;
}
.snippetLargeTabsNavigation li > div > div {
display: table-cell;
vertical-align: middle;
}
.snippetLargeTabsNavigation li a,
.snippetLargeTabsNavigation li span {
display: block;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
.snippetLargeTabsNavigation li.active > div,
.snippetLargeTabsNavigation li:hover > div,
.snippetLargeTabsNavigation li:active > div,
.snippetLargeTabsNavigation li:focus > div,
.snippetLargeTabsNavigation li:active:hover > div {
background-color: #000000;
}
.snippetLargeTabsNavigation li.active a,
.snippetLargeTabsNavigation li:hover a,
.snippetLargeTabsNavigation li:active a,
.snippetLargeTabsNavigation li:focus a,
.snippetLargeTabsNavigation li:active:hover a,
.snippetLargeTabsNavigation li.active span,
.snippetLargeTabsNavigation li:hover span,
.snippetLargeTabsNavigation li:active span,
.snippetLargeTabsNavigation li:focus span,
.snippetLargeTabsNavigation li:active:hover span {
color: #ffffff;
}
.snippetLargeTabsNavigation li.active:after,
.snippetLargeTabsNavigation li:hover:after,
.snippetLargeTabsNavigation li:active:after,
.snippetLargeTabsNavigation li:focus:after,
.snippetLargeTabsNavigation li:active:hover:after {
content: ' ';
position: absolute;
left: 50%;
margin-left: -20px;
margin-top: -1px;
width: 0;
height: 0;
border-style: solid;
border-width: 17px 16px 0 16px;
border-color: #000000 transparent transparent transparent;
}
.snippetLargeTabsNavigation li:last-child {
padding-right: 0;
}
@media (max-width: 768px) {
.snippetLargeTabsNavigation li {
width: 50% !important;
margin-bottom: 10px;
}
.snippetLargeTabsNavigation li a,
.snippetLargeTabsNavigation li span {
font-size: 14px;
}
.snippetLargeTabsNavigation li.active:after,
.snippetLargeTabsNavigation li:hover:after,
.snippetLargeTabsNavigation li:active:after,
.snippetLargeTabsNavigation li:focus:after,
.snippetLargeTabsNavigation li:active:hover:after {
border: none;
}
.snippetLargeTabsNavigation li:last-child {
padding-right: 5px;
}
.snippetLargeTabsNavigation li:nth-child(even) {
padding-right: 0;
}
}
@media (max-width: 992px) {
.snippetLargeTabsNavigation li a,
.snippetLargeTabsNavigation li span {
font-size: 13px;
}
}
.snippetExtranetNavigationHeader .snippetMiniNotice {
height: 0;
width: 0;
border: none;
background-color: transparent;
}
.snippetExtranetNavigationHeader .snippetMiniNotice .mini-basket-layover {
top: -1px;
}
.snippetExtranetNavigationHeader .snippetMiniNotice .mini-basket-layover .basketRow {
margin-top: 40px;
}
.snippetExtranetNavigationHeader .snippetMiniNotice:after {
content: '';
display: block;
width: 0;
height: 0;
border: none;
}
.snippetSimpleNavigation {
text-align: left;
}
.snippetSimpleNavigation .first-level {
font-family: 'UnitWeb-Bold', sans-serif;
line-height: 20px;
font-family: 'UnitWeb-Medium', Arial, sans-serif;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 18px;
line-height: 22px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
margin-bottom: 10px;
margin-bottom: 8px;
}
.snippetSimpleNavigation .first-level:after,
.snippetSimpleNavigation .first-level:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetSimpleNavigation .first-level:after,
.snippetSimpleNavigation .first-level:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetSimpleNavigation ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.snippetSimpleNavigation ul li {
line-height: 16px;
}
.snippetSimpleNavigation ul li a {
font-family: 'UnitWeb-Light', sans-serif;
}
.snippetSubNavigationBold {
margin-bottom: 18px;
}
.snippetSubNavigationBold .headline {
letter-spacing: -0.4px;
}
.snippetSubNavigationBold .headline.font-h3-headline {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 24px;
line-height: 29px;
color: #ffffff;
padding: 2px 8px;
background-color: #333333;
text-transform: uppercase;
}
.snippetSubNavigationBold .headline.font-h3-headline:after,
.snippetSubNavigationBold .headline.font-h3-headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetSubNavigationBold ul {
list-style-type: none;
padding: 0;
margin: 0;
margin-top: 3px;
}
.snippetSubNavigationBold ul li {
margin-bottom: 16px;
}
.snippetSubNavigationBold ul li a {
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
font-size: 26px;
line-height: 32px;
margin-bottom: 5px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #333333;
text-transform: uppercase;
padding-left: 15px;
position: relative;
}
.snippetSubNavigationBold ul li a.active,
.snippetSubNavigationBold ul li a.expanded {
color: #869e00;
}
.snippetSubNavigationBold ul li a:after,
.snippetSubNavigationBold ul li a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetSubNavigationBold ul li a:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -545px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
.snippetSubNavigationBold ul li a:not(a,.close-layover-link) {
padding-left: 0;
}
.snippetSubNavigationBold ul li a:not(a,.close-layover-link):after {
background: none;
width: 0;
display: none;
}
.snippetSubNavigationBold ul li a:after,
.snippetSubNavigationBold ul li a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetSubNavigationBold ul li a:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -545px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
.snippetSubNavigationBold ul li a:not(a,.close-layover-link) {
padding-left: 0;
}
.snippetSubNavigationBold ul li a:not(a,.close-layover-link):after {
background: none;
width: 0;
display: none;
}
.snippetSubNavigationBold ul li a.active,
.snippetSubNavigationBold ul li a.expanded,
.snippetSubNavigationBold ul li a:hover,
.snippetSubNavigationBold ul li a:active:hover,
.snippetSubNavigationBold ul li a:active,
.snippetSubNavigationBold ul li a:focus,
.snippetSubNavigationBold ul li a:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #333333;
text-transform: uppercase;
padding-left: 15px;
position: relative;
color: #869e00;
}
.snippetSubNavigationBold ul li a.active:after,
.snippetSubNavigationBold ul li a.expanded:after,
.snippetSubNavigationBold ul li a:hover:after,
.snippetSubNavigationBold ul li a:active:hover:after,
.snippetSubNavigationBold ul li a:active:after,
.snippetSubNavigationBold ul li a:focus:after,
.snippetSubNavigationBold ul li a:focus:hover:after,
.snippetSubNavigationBold ul li a.active:before,
.snippetSubNavigationBold ul li a.expanded:before,
.snippetSubNavigationBold ul li a:hover:before,
.snippetSubNavigationBold ul li a:active:hover:before,
.snippetSubNavigationBold ul li a:active:before,
.snippetSubNavigationBold ul li a:focus:before,
.snippetSubNavigationBold ul li a:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetSubNavigationBold ul li a.active:after,
.snippetSubNavigationBold ul li a.expanded:after,
.snippetSubNavigationBold ul li a:hover:after,
.snippetSubNavigationBold ul li a:active:hover:after,
.snippetSubNavigationBold ul li a:active:after,
.snippetSubNavigationBold ul li a:focus:after,
.snippetSubNavigationBold ul li a:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -545px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
.snippetSubNavigationBold ul li a.active:not(a,.close-layover-link),
.snippetSubNavigationBold ul li a.expanded:not(a,.close-layover-link),
.snippetSubNavigationBold ul li a:hover:not(a,.close-layover-link),
.snippetSubNavigationBold ul li a:active:hover:not(a,.close-layover-link),
.snippetSubNavigationBold ul li a:active:not(a,.close-layover-link),
.snippetSubNavigationBold ul li a:focus:not(a,.close-layover-link),
.snippetSubNavigationBold ul li a:focus:hover:not(a,.close-layover-link) {
padding-left: 0;
}
.snippetSubNavigationBold ul li a.active:not(a,.close-layover-link):after,
.snippetSubNavigationBold ul li a.expanded:not(a,.close-layover-link):after,
.snippetSubNavigationBold ul li a:hover:not(a,.close-layover-link):after,
.snippetSubNavigationBold ul li a:active:hover:not(a,.close-layover-link):after,
.snippetSubNavigationBold ul li a:active:not(a,.close-layover-link):after,
.snippetSubNavigationBold ul li a:focus:not(a,.close-layover-link):after,
.snippetSubNavigationBold ul li a:focus:hover:not(a,.close-layover-link):after {
background: none;
width: 0;
display: none;
}
.snippetSubNavigationBold ul li a.active:after,
.snippetSubNavigationBold ul li a.expanded:after,
.snippetSubNavigationBold ul li a:hover:after,
.snippetSubNavigationBold ul li a:active:hover:after,
.snippetSubNavigationBold ul li a:active:after,
.snippetSubNavigationBold ul li a:focus:after,
.snippetSubNavigationBold ul li a:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -507px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
.snippetSubNavigationBold ul li a:after {
content: ' >>';
}
.snippetSubNavigationBold ul li:last-of-type {
margin-bottom: 0;
}
.magazineNavigation .headline {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 24px;
line-height: 29px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #ffffff;
background-color: #333333;
padding: 2px 8px;
margin-bottom: 18px;
text-transform: uppercase;
width: auto;
display: inline-block;
}
.magazineNavigation .headline:after,
.magazineNavigation .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetThirdLevelSubmenu {
display: none;
width: 100%;
}
@media (min-width: 768px) {
.snippetThirdLevelSubmenu {
display: block;
}
}
.snippetThirdLevelSubmenu > ul {
width: 100%;
list-style-type: none;
margin: 0;
padding: 5px;
background-color: #ffffff !important;
-webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.75);
box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.75);
}
.snippetThirdLevelSubmenu > ul:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
.snippetThirdLevelSubmenu > ul > li {
float: left;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock {
width: 100%;
}
@media (min-width: 768px) {
.snippetThirdLevelSubmenu > ul > li.navigationBlock {
width: 75%;
}
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li {
float: left;
width: 30%;
margin: 10px;
text-align: left;
}
@media (max-width: 991px) {
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li {
width: 29%;
}
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > a,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > span {
white-space: nowrap;
overflow: hidden;
max-width: 100%;
text-overflow: ellipsis;
font-family: 'UnitWeb-Bold', sans-serif;
line-height: 20px;
font-family: 'MuseoSans700', Arial, sans-serif;
font-family: 'UnitWeb-Medium', Arial, sans-serif;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 18px;
line-height: 22px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
margin-bottom: 4px;
text-align: left;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > a:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > span:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > a:before,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > span:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > a:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > span:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > a:before,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > span:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > a:hover,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > span:hover,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > a:active:hover,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > span:active:hover,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > a:active,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > span:active,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > a:focus,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > span:focus,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > a:focus:hover,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > span:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 18px;
line-height: 22px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
margin-bottom: 4px;
color: #869e00;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > a:hover:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > span:hover:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > a:active:hover:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > span:active:hover:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > a:active:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > span:active:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > a:focus:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > span:focus:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > a:focus:hover:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > span:focus:hover:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > a:hover:before,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > span:hover:before,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > a:active:hover:before,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > span:active:hover:before,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > a:active:before,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > span:active:before,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > a:focus:before,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > span:focus:before,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > a:focus:hover:before,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > span:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > a > span,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li > span > span {
display: inline-block;
width: 100%;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li.with-border {
margin-top: 0;
padding-top: 10px;
border-top: 1px solid #c2c2c2 !important;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li.with-border > a,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li.with-border > span {
display: block !important;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories {
line-height: 17px;
height: 60px;
overflow-y: hidden;
position: relative;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories a {
font-family: 'UnitWeb-Light', sans-serif;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #6b6b6b;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories a:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories a:hover,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories a:active:hover,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories a:active,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories a:focus,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories a:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #6b6b6b;
color: #869e00;
text-decoration: underline;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories a:hover:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories a:active:hover:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories a:active:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories a:focus:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories a:focus:hover:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories a:hover:before,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories a:active:hover:before,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories a:active:before,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories a:focus:before,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories a:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more {
text-align: right;
float: right;
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:after {
content: ' >>' !important;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:hover,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:hover,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:hover::after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:hover::after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active::after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus::after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:hover:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:hover:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:hover:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:hover:before,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:hover:before,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:before,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:before,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:hover:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:hover:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:hover::after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:hover::after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active::after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus::after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:hover::after {
color: #869e00;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:hover::after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:hover::after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active::after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus::after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:hover:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:hover:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:hover:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:hover:before,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:hover:before,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:before,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:before,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:hover:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:hover:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:hover:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:hover:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:hover,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:hover,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:hover::after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:hover::after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active::after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus::after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:hover:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:hover:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:hover:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:hover:before,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:hover:before,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:before,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:before,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:hover:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:hover:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:hover::after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:hover::after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active::after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus::after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:hover::after {
color: #869e00;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:hover::after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:hover::after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active::after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus::after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:hover:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:hover:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:hover:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:hover:before,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:hover:before,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:before,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:before,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:hover:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:hover:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:hover:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:hover:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:active:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:after,
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li .sub-categories .more:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.snippetThirdLevelSubmenu > ul > li.navigationBlock > ul > li.topBlock {
float: right;
}
.snippetThirdLevelSubmenu > ul > li.topBlock {
display: none;
width: 20%;
float: right;
margin: 10px;
}
@media (min-width: 768px) {
.snippetThirdLevelSubmenu > ul > li.topBlock {
display: block;
}
}
.snippetThirdLevelSubmenu > ul > li.topBlock .popularItemsNavigation {
margin-bottom: 24px;
}
.snippetThirdLevelSubmenu > ul > li.topBlock .snippetSimpleNavigation .first-level {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 18px;
line-height: 22px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
margin-bottom: 4px;
}
.snippetThirdLevelSubmenu > ul > li.topBlock .snippetSimpleNavigation .first-level:after,
.snippetThirdLevelSubmenu > ul > li.topBlock .snippetSimpleNavigation .first-level:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetThirdLevelSubmenu > ul > li.topBlock .snippetSimpleNavigation > ul > li ~ li {
margin-top: 7px;
}
.snippetThirdLevelSubmenu > ul > li.topBlock .snippetSimpleNavigation > ul > li a {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #6b6b6b;
padding-bottom: 7px;
display: inline-block;
position: relative;
padding-left: 15px;
}
.snippetThirdLevelSubmenu > ul > li.topBlock .snippetSimpleNavigation > ul > li a:after,
.snippetThirdLevelSubmenu > ul > li.topBlock .snippetSimpleNavigation > ul > li a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetThirdLevelSubmenu > ul > li.topBlock .snippetSimpleNavigation > ul > li a:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 3px;
top: 3px;
}
.snippetThirdLevelSubmenu > ul > li.topBlock .snippetSimpleNavigation > ul > li a:hover,
.snippetThirdLevelSubmenu > ul > li.topBlock .snippetSimpleNavigation > ul > li a:active:hover,
.snippetThirdLevelSubmenu > ul > li.topBlock .snippetSimpleNavigation > ul > li a:active,
.snippetThirdLevelSubmenu > ul > li.topBlock .snippetSimpleNavigation > ul > li a:focus,
.snippetThirdLevelSubmenu > ul > li.topBlock .snippetSimpleNavigation > ul > li a:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #6b6b6b;
padding-bottom: 7px;
display: inline-block;
position: relative;
padding-left: 15px;
color: #869e00;
text-decoration: underline;
}
.snippetThirdLevelSubmenu > ul > li.topBlock .snippetSimpleNavigation > ul > li a:hover:after,
.snippetThirdLevelSubmenu > ul > li.topBlock .snippetSimpleNavigation > ul > li a:active:hover:after,
.snippetThirdLevelSubmenu > ul > li.topBlock .snippetSimpleNavigation > ul > li a:active:after,
.snippetThirdLevelSubmenu > ul > li.topBlock .snippetSimpleNavigation > ul > li a:focus:after,
.snippetThirdLevelSubmenu > ul > li.topBlock .snippetSimpleNavigation > ul > li a:focus:hover:after,
.snippetThirdLevelSubmenu > ul > li.topBlock .snippetSimpleNavigation > ul > li a:hover:before,
.snippetThirdLevelSubmenu > ul > li.topBlock .snippetSimpleNavigation > ul > li a:active:hover:before,
.snippetThirdLevelSubmenu > ul > li.topBlock .snippetSimpleNavigation > ul > li a:active:before,
.snippetThirdLevelSubmenu > ul > li.topBlock .snippetSimpleNavigation > ul > li a:focus:before,
.snippetThirdLevelSubmenu > ul > li.topBlock .snippetSimpleNavigation > ul > li a:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetThirdLevelSubmenu > ul > li.topBlock .snippetSimpleNavigation > ul > li a:hover:after,
.snippetThirdLevelSubmenu > ul > li.topBlock .snippetSimpleNavigation > ul > li a:active:hover:after,
.snippetThirdLevelSubmenu > ul > li.topBlock .snippetSimpleNavigation > ul > li a:active:after,
.snippetThirdLevelSubmenu > ul > li.topBlock .snippetSimpleNavigation > ul > li a:focus:after,
.snippetThirdLevelSubmenu > ul > li.topBlock .snippetSimpleNavigation > ul > li a:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 3px;
top: 3px;
}
.snippetThirdLevelSubmenu > ul > li.topBlock .snippetSimpleNavigation > ul > li a:hover:after,
.snippetThirdLevelSubmenu > ul > li.topBlock .snippetSimpleNavigation > ul > li a:active:hover:after,
.snippetThirdLevelSubmenu > ul > li.topBlock .snippetSimpleNavigation > ul > li a:active:after,
.snippetThirdLevelSubmenu > ul > li.topBlock .snippetSimpleNavigation > ul > li a:focus:after,
.snippetThirdLevelSubmenu > ul > li.topBlock .snippetSimpleNavigation > ul > li a:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.snippetPkgNewsletterNewsletterQuickSignup .headline {
margin: 0 0 4px 0;
font-family: 'UnitWeb-Bold', sans-serif;
line-height: 20px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #ffffff;
margin-bottom: 6px;
}
.snippetPkgNewsletterNewsletterQuickSignup .headline:after,
.snippetPkgNewsletterNewsletterQuickSignup .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetPkgNewsletterNewsletterQuickSignup .intro {
font-family: 'UnitWeb-Medium', Arial, sans-serif;
line-height: 17px;
color: #000000;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
color: #ffffff;
width: 83%;
}
.snippetPkgNewsletterNewsletterQuickSignup .intro:after,
.snippetPkgNewsletterNewsletterQuickSignup .intro:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetPkgNewsletterNewsletterQuickSignup form {
width: 83%;
}
.snippetPkgNewsletterNewsletterQuickSignup form select.form-control {
padding: 2px 5px;
}
.snippetPkgNewsletterNewsletterQuickSignup form .form-group {
margin-top: 11px;
margin-bottom: 0;
}
.snippetPkgNewsletterNewsletterQuickSignup form .submit-button {
font-family: "UnitWeb", sans-serif;
font-size: 15px;
line-height: 20px;
background-color: #869e00;
border: medium none;
width: 100%;
padding: 5px 0;
display: block;
text-decoration: none;
border-radius: 0;
outline: none;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 13px;
line-height: 16px;
color: #ffffff;
text-transform: uppercase;
text-align: center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5c500+0,7e9400+100 */
background: #b5c500;
/* Old browsers */
background: -moz-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b5c500 0%, #7e9400 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients5', endColorstr='@colorGradients6', GradientType=0);
/* IE6-9 */
margin-top: 11px;
margin-bottom: 16px;
}
.snippetPkgNewsletterNewsletterQuickSignup form .submit-button:hover {
background-color: #869e00;
color: #000000;
}
.snippetPkgNewsletterNewsletterQuickSignup form .submit-button.active,
.snippetPkgNewsletterNewsletterQuickSignup form .submit-button:hover,
.snippetPkgNewsletterNewsletterQuickSignup form .submit-button:active,
.snippetPkgNewsletterNewsletterQuickSignup form .submit-button:focus,
.snippetPkgNewsletterNewsletterQuickSignup form .submit-button:active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f400+0,aebf00+100 */
background: #f0f400;
/* Old browsers */
background: -moz-linear-gradient(top, #f0f400 0%, #aebf00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #f0f400 0%, #aebf00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f0f400 0%, #aebf00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients7', endColorstr='@colorGradients8', GradientType=0);
/* IE6-9 */
}
.snippetPkgNewsletterNewsletterQuickSignup form .form-control {
line-height: 17px;
color: #000000;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
background-color: #ffffff;
height: 27px;
padding: 2px 9px;
}
.snippetPkgNewsletterNewsletterQuickSignup form .form-control:after,
.snippetPkgNewsletterNewsletterQuickSignup form .form-control:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetButtonToCheckoutLarge {
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #ffffff;
text-transform: uppercase;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b70f00+0,971d00+100 */
background: #b70f00;
/* Old browsers */
background: -moz-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b70f00 0%, #971d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients1', endColorstr='@colorGradients2', GradientType=0);
/* IE6-9 */
}
.snippetButtonToCheckoutLarge::after {
content: ' >>';
letter-spacing: -1.3px;
}
.snippetButtonToCheckoutLarge.active,
.snippetButtonToCheckoutLarge:hover,
.snippetButtonToCheckoutLarge:active,
.snippetButtonToCheckoutLarge:focus,
.snippetButtonToCheckoutLarge:active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff2a00+0,b70d00+100 */
background: #ff2a00;
/* Old browsers */
background: -moz-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff2a00 0%, #b70d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients3', endColorstr='@colorGradients4', GradientType=0);
/* IE6-9 */
}
.snippetButtonToCheckoutLarge:before {
content: ' ';
}
.snippetButtonToCheckoutLarge:after {
content: '';
}
.snippetButtonToCheckoutLarge .icon {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -336px -5px;
width: 39px;
height: 30px;
background-position: -85px -46px;
width: 32px;
height: 31px;
margin-top: 2px;
display: block;
float: left;
position: relative;
left: 8px;
top: 2px;
}
@media (min-width: 768px) {
.snippetButtonToCheckoutLarge .icon {
display: none;
}
}
@media (min-width: 992px) {
.snippetButtonToCheckoutLarge .icon {
display: block;
}
}
.snippetButtonToCheckoutLarge:hover .icon,
.snippetButtonToCheckoutLarge:active .icon,
.snippetButtonToCheckoutLarge:focus .icon,
.snippetButtonToCheckoutLarge:active:hover .icon {
background-position: -269px -45px;
width: 39px;
height: 30px;
background-position: -85px -46px;
width: 32px;
height: 31px;
}
.snippetButtonToCheckoutLarge .label-text {
padding-left: 10px;
}
@media (max-width: 1199px) {
.snippetButtonToCheckoutLarge .label-text {
padding-left: 0;
}
}
.snippetButtonToCheckoutLarge .label-text:after {
margin-left: 5px !important;
}
.snippetButtonPaypalExpressLarge {
background-color: #f0b618;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #ffffff;
text-transform: uppercase;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffda00+0,e19900+100 */
background: #ffda00;
/* Old browsers */
background: -moz-linear-gradient(top, #ffda00 0%, #e19900 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffda00 0%, #e19900 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffda00 0%, #e19900 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients13', endColorstr='@colorGradients14', GradientType=0);
/* IE6-9 */
display: table;
width: auto;
padding-right: 8px;
}
.snippetButtonPaypalExpressLarge:hover,
.snippetButtonPaypalExpressLarge:active,
.snippetButtonPaypalExpressLarge:focus,
.snippetButtonPaypalExpressLarge:active:hover {
color: #000000;
}
.snippetButtonPaypalExpressLarge.active,
.snippetButtonPaypalExpressLarge:hover,
.snippetButtonPaypalExpressLarge:active,
.snippetButtonPaypalExpressLarge:focus,
.snippetButtonPaypalExpressLarge:active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe324+0,ffc803+100 */
background: #ffe324;
/* Old browsers */
background: -moz-linear-gradient(top, #ffe324 0%, #ffc803 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffe324 0%, #ffc803 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffe324 0%, #ffc803 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients15', endColorstr='@colorGradients16', GradientType=0);
/* IE6-9 */
color: #ffffff;
}
.snippetButtonPaypalExpressLarge:before {
content: ' ';
}
.snippetButtonPaypalExpressLarge:after {
content: '';
}
.snippetButtonPaypalExpressLarge a {
color: #ffffff;
}
.snippetButtonPaypalExpressLarge .icon {
display: table-cell;
vertical-align: middle;
}
.snippetButtonPaypalExpressLarge .icon .sprite {
display: block;
}
.snippetButtonPaypalExpressLarge .label-text {
display: table-cell;
vertical-align: middle;
line-height: 20px;
white-space: normal;
text-align: left;
padding-left: 10px;
}
.snippetButtonPaypalExpressLarge .label-text:after {
content: ' >>';
}
.single-checkout-button .snippetButtonPaypalExpressLarge,
.multiple-checkout-button .snippetButtonPaypalExpressLarge {
width: 100%;
padding-right: 0;
}
@media (min-width: 992px) {
.single-checkout-button .snippetButtonPaypalExpressLarge .icon,
.multiple-checkout-button .snippetButtonPaypalExpressLarge .icon {
display: table-cell;
}
}
@media (min-width: 767px) AND (max-width: 991px) {
.single-checkout-button .snippetButtonPaypalExpressLarge .icon,
.multiple-checkout-button .snippetButtonPaypalExpressLarge .icon {
display: none;
}
}
@media (max-width: 1199px) {
.single-checkout-button .snippetButtonPaypalExpressLarge .label-text,
.multiple-checkout-button .snippetButtonPaypalExpressLarge .label-text {
padding-left: 0;
}
.single-checkout-button .snippetButtonPaypalExpressLarge .label-text:after,
.multiple-checkout-button .snippetButtonPaypalExpressLarge .label-text:after {
margin-left: 5px !important;
}
}
.snippetBasketStepButtonGroup .btn-large {
margin-bottom: 8px;
}
.snippetBasketStepButtonGroup .prefix {
display: none;
}
@media (min-width: 992px) {
.snippetBasketStepButtonGroup .prefix {
display: inline;
}
}
.snippetBasketStepButtonGroup .snippetButtonLargeButton {
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #ffffff;
text-transform: uppercase;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#525252+0,000000+100 */
background: #525252;
/* Old browsers */
background: -moz-linear-gradient(top, #525252 0%, #000000 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #525252 0%, #000000 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #525252 0%, #000000 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients9', endColorstr='@colorGradients10', GradientType=0);
/* IE6-9 */
}
.snippetBasketStepButtonGroup .snippetButtonLargeButton.active,
.snippetBasketStepButtonGroup .snippetButtonLargeButton:hover,
.snippetBasketStepButtonGroup .snippetButtonLargeButton:active,
.snippetBasketStepButtonGroup .snippetButtonLargeButton:focus,
.snippetBasketStepButtonGroup .snippetButtonLargeButton:active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a1a1a1+0,414141+100 */
background: #a1a1a1;
/* Old browsers */
background: -moz-linear-gradient(top, #a1a1a1 0%, #414141 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #a1a1a1 0%, #414141 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a1a1a1 0%, #414141 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients11', endColorstr='@colorGradients12', GradientType=0);
/* IE6-9 */
}
.snippetBasketStepButtonGroup .snippetButtonLargeButton:before {
content: ' ';
}
.snippetBasketStepButtonGroup .snippetButtonLargeButton:after {
content: '';
}
.snippetBasketStepButtonGroup .snippetButtonLargeButton .back:before {
content: '<< ';
}
.snippetOrderStepBasket .snippetOrderStepHeadline .headline {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 30px;
line-height: 36px;
color: #333333;
margin-bottom: 16px;
margin-bottom: 12px;
}
.snippetOrderStepBasket .snippetOrderStepHeadline .headline:after,
.snippetOrderStepBasket .snippetOrderStepHeadline .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderStepBasket .links {
padding-top: 40px;
}
.snippetOrderStepBasket .link-voucher,
.snippetOrderStepBasket .link-telephone {
cursor: pointer;
display: block;
margin-bottom: 24px;
border: none;
background-color: transparent;
line-height: 32px;
}
.snippetOrderStepBasket .link-voucher .icon,
.snippetOrderStepBasket .link-telephone .icon {
width: 50px;
text-align: right;
float: left;
margin-right: 16px;
}
.snippetOrderStepBasket .link-voucher .text,
.snippetOrderStepBasket .link-telephone .text {
line-height: 20px;
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
}
.snippetOrderStepBasket .link-voucher .text:after,
.snippetOrderStepBasket .link-telephone .text:after {
content: ' >>';
}
.snippetOrderStepBasket .link-voucher .text::after,
.snippetOrderStepBasket .link-telephone .text::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetOrderStepBasket .link-voucher .text:after,
.snippetOrderStepBasket .link-telephone .text:after,
.snippetOrderStepBasket .link-voucher .text:before,
.snippetOrderStepBasket .link-telephone .text:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderStepBasket .link-voucher .text:after,
.snippetOrderStepBasket .link-telephone .text:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetOrderStepBasket .link-voucher:after,
.snippetOrderStepBasket .link-telephone:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
.snippetOrderStepBasket .link-voucher:hover .text,
.snippetOrderStepBasket .link-telephone:hover .text {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
}
.snippetOrderStepBasket .link-voucher:hover .text::after,
.snippetOrderStepBasket .link-telephone:hover .text::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetOrderStepBasket .link-voucher:hover .text:after,
.snippetOrderStepBasket .link-telephone:hover .text:after,
.snippetOrderStepBasket .link-voucher:hover .text:before,
.snippetOrderStepBasket .link-telephone:hover .text:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderStepBasket .link-voucher:hover .text:after,
.snippetOrderStepBasket .link-telephone:hover .text:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetOrderStepBasket .link-voucher:hover .text:hover,
.snippetOrderStepBasket .link-telephone:hover .text:hover,
.snippetOrderStepBasket .link-voucher:hover .text:active:hover,
.snippetOrderStepBasket .link-telephone:hover .text:active:hover,
.snippetOrderStepBasket .link-voucher:hover .text:active,
.snippetOrderStepBasket .link-telephone:hover .text:active,
.snippetOrderStepBasket .link-voucher:hover .text:focus,
.snippetOrderStepBasket .link-telephone:hover .text:focus,
.snippetOrderStepBasket .link-voucher:hover .text:focus:hover,
.snippetOrderStepBasket .link-telephone:hover .text:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.snippetOrderStepBasket .link-voucher:hover .text:hover::after,
.snippetOrderStepBasket .link-telephone:hover .text:hover::after,
.snippetOrderStepBasket .link-voucher:hover .text:active:hover::after,
.snippetOrderStepBasket .link-telephone:hover .text:active:hover::after,
.snippetOrderStepBasket .link-voucher:hover .text:active::after,
.snippetOrderStepBasket .link-telephone:hover .text:active::after,
.snippetOrderStepBasket .link-voucher:hover .text:focus::after,
.snippetOrderStepBasket .link-telephone:hover .text:focus::after,
.snippetOrderStepBasket .link-voucher:hover .text:focus:hover::after,
.snippetOrderStepBasket .link-telephone:hover .text:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetOrderStepBasket .link-voucher:hover .text:hover:after,
.snippetOrderStepBasket .link-telephone:hover .text:hover:after,
.snippetOrderStepBasket .link-voucher:hover .text:active:hover:after,
.snippetOrderStepBasket .link-telephone:hover .text:active:hover:after,
.snippetOrderStepBasket .link-voucher:hover .text:active:after,
.snippetOrderStepBasket .link-telephone:hover .text:active:after,
.snippetOrderStepBasket .link-voucher:hover .text:focus:after,
.snippetOrderStepBasket .link-telephone:hover .text:focus:after,
.snippetOrderStepBasket .link-voucher:hover .text:focus:hover:after,
.snippetOrderStepBasket .link-telephone:hover .text:focus:hover:after,
.snippetOrderStepBasket .link-voucher:hover .text:hover:before,
.snippetOrderStepBasket .link-telephone:hover .text:hover:before,
.snippetOrderStepBasket .link-voucher:hover .text:active:hover:before,
.snippetOrderStepBasket .link-telephone:hover .text:active:hover:before,
.snippetOrderStepBasket .link-voucher:hover .text:active:before,
.snippetOrderStepBasket .link-telephone:hover .text:active:before,
.snippetOrderStepBasket .link-voucher:hover .text:focus:before,
.snippetOrderStepBasket .link-telephone:hover .text:focus:before,
.snippetOrderStepBasket .link-voucher:hover .text:focus:hover:before,
.snippetOrderStepBasket .link-telephone:hover .text:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderStepBasket .link-voucher:hover .text:hover:after,
.snippetOrderStepBasket .link-telephone:hover .text:hover:after,
.snippetOrderStepBasket .link-voucher:hover .text:active:hover:after,
.snippetOrderStepBasket .link-telephone:hover .text:active:hover:after,
.snippetOrderStepBasket .link-voucher:hover .text:active:after,
.snippetOrderStepBasket .link-telephone:hover .text:active:after,
.snippetOrderStepBasket .link-voucher:hover .text:focus:after,
.snippetOrderStepBasket .link-telephone:hover .text:focus:after,
.snippetOrderStepBasket .link-voucher:hover .text:focus:hover:after,
.snippetOrderStepBasket .link-telephone:hover .text:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetOrderStepBasket .link-voucher:hover .text:hover::after,
.snippetOrderStepBasket .link-telephone:hover .text:hover::after,
.snippetOrderStepBasket .link-voucher:hover .text:active:hover::after,
.snippetOrderStepBasket .link-telephone:hover .text:active:hover::after,
.snippetOrderStepBasket .link-voucher:hover .text:active::after,
.snippetOrderStepBasket .link-telephone:hover .text:active::after,
.snippetOrderStepBasket .link-voucher:hover .text:focus::after,
.snippetOrderStepBasket .link-telephone:hover .text:focus::after,
.snippetOrderStepBasket .link-voucher:hover .text:focus:hover::after,
.snippetOrderStepBasket .link-telephone:hover .text:focus:hover::after {
color: #869e00;
}
.snippetOrderStepBasket .link-voucher:hover .text:hover::after,
.snippetOrderStepBasket .link-telephone:hover .text:hover::after,
.snippetOrderStepBasket .link-voucher:hover .text:active:hover::after,
.snippetOrderStepBasket .link-telephone:hover .text:active:hover::after,
.snippetOrderStepBasket .link-voucher:hover .text:active::after,
.snippetOrderStepBasket .link-telephone:hover .text:active::after,
.snippetOrderStepBasket .link-voucher:hover .text:focus::after,
.snippetOrderStepBasket .link-telephone:hover .text:focus::after,
.snippetOrderStepBasket .link-voucher:hover .text:focus:hover::after,
.snippetOrderStepBasket .link-telephone:hover .text:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetOrderStepBasket .link-voucher:hover .text:hover:after,
.snippetOrderStepBasket .link-telephone:hover .text:hover:after,
.snippetOrderStepBasket .link-voucher:hover .text:active:hover:after,
.snippetOrderStepBasket .link-telephone:hover .text:active:hover:after,
.snippetOrderStepBasket .link-voucher:hover .text:active:after,
.snippetOrderStepBasket .link-telephone:hover .text:active:after,
.snippetOrderStepBasket .link-voucher:hover .text:focus:after,
.snippetOrderStepBasket .link-telephone:hover .text:focus:after,
.snippetOrderStepBasket .link-voucher:hover .text:focus:hover:after,
.snippetOrderStepBasket .link-telephone:hover .text:focus:hover:after,
.snippetOrderStepBasket .link-voucher:hover .text:hover:before,
.snippetOrderStepBasket .link-telephone:hover .text:hover:before,
.snippetOrderStepBasket .link-voucher:hover .text:active:hover:before,
.snippetOrderStepBasket .link-telephone:hover .text:active:hover:before,
.snippetOrderStepBasket .link-voucher:hover .text:active:before,
.snippetOrderStepBasket .link-telephone:hover .text:active:before,
.snippetOrderStepBasket .link-voucher:hover .text:focus:before,
.snippetOrderStepBasket .link-telephone:hover .text:focus:before,
.snippetOrderStepBasket .link-voucher:hover .text:focus:hover:before,
.snippetOrderStepBasket .link-telephone:hover .text:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderStepBasket .link-voucher:hover .text:hover:after,
.snippetOrderStepBasket .link-telephone:hover .text:hover:after,
.snippetOrderStepBasket .link-voucher:hover .text:active:hover:after,
.snippetOrderStepBasket .link-telephone:hover .text:active:hover:after,
.snippetOrderStepBasket .link-voucher:hover .text:active:after,
.snippetOrderStepBasket .link-telephone:hover .text:active:after,
.snippetOrderStepBasket .link-voucher:hover .text:focus:after,
.snippetOrderStepBasket .link-telephone:hover .text:focus:after,
.snippetOrderStepBasket .link-voucher:hover .text:focus:hover:after,
.snippetOrderStepBasket .link-telephone:hover .text:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetOrderStepBasket .link-voucher:hover .text:hover:after,
.snippetOrderStepBasket .link-telephone:hover .text:hover:after,
.snippetOrderStepBasket .link-voucher:hover .text:active:hover:after,
.snippetOrderStepBasket .link-telephone:hover .text:active:hover:after,
.snippetOrderStepBasket .link-voucher:hover .text:active:after,
.snippetOrderStepBasket .link-telephone:hover .text:active:after,
.snippetOrderStepBasket .link-voucher:hover .text:focus:after,
.snippetOrderStepBasket .link-telephone:hover .text:focus:after,
.snippetOrderStepBasket .link-voucher:hover .text:focus:hover:after,
.snippetOrderStepBasket .link-telephone:hover .text:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.snippetOrderStepBasket .link-voucher:hover .text::after,
.snippetOrderStepBasket .link-telephone:hover .text::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetOrderStepBasket .link-voucher:hover .text:after,
.snippetOrderStepBasket .link-telephone:hover .text:after,
.snippetOrderStepBasket .link-voucher:hover .text:before,
.snippetOrderStepBasket .link-telephone:hover .text:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderStepBasket .link-voucher:hover .text:after,
.snippetOrderStepBasket .link-telephone:hover .text:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetOrderStepBasket .link-voucher:hover .text:hover,
.snippetOrderStepBasket .link-telephone:hover .text:hover,
.snippetOrderStepBasket .link-voucher:hover .text:active:hover,
.snippetOrderStepBasket .link-telephone:hover .text:active:hover,
.snippetOrderStepBasket .link-voucher:hover .text:active,
.snippetOrderStepBasket .link-telephone:hover .text:active,
.snippetOrderStepBasket .link-voucher:hover .text:focus,
.snippetOrderStepBasket .link-telephone:hover .text:focus,
.snippetOrderStepBasket .link-voucher:hover .text:focus:hover,
.snippetOrderStepBasket .link-telephone:hover .text:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.snippetOrderStepBasket .link-voucher:hover .text:hover::after,
.snippetOrderStepBasket .link-telephone:hover .text:hover::after,
.snippetOrderStepBasket .link-voucher:hover .text:active:hover::after,
.snippetOrderStepBasket .link-telephone:hover .text:active:hover::after,
.snippetOrderStepBasket .link-voucher:hover .text:active::after,
.snippetOrderStepBasket .link-telephone:hover .text:active::after,
.snippetOrderStepBasket .link-voucher:hover .text:focus::after,
.snippetOrderStepBasket .link-telephone:hover .text:focus::after,
.snippetOrderStepBasket .link-voucher:hover .text:focus:hover::after,
.snippetOrderStepBasket .link-telephone:hover .text:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetOrderStepBasket .link-voucher:hover .text:hover:after,
.snippetOrderStepBasket .link-telephone:hover .text:hover:after,
.snippetOrderStepBasket .link-voucher:hover .text:active:hover:after,
.snippetOrderStepBasket .link-telephone:hover .text:active:hover:after,
.snippetOrderStepBasket .link-voucher:hover .text:active:after,
.snippetOrderStepBasket .link-telephone:hover .text:active:after,
.snippetOrderStepBasket .link-voucher:hover .text:focus:after,
.snippetOrderStepBasket .link-telephone:hover .text:focus:after,
.snippetOrderStepBasket .link-voucher:hover .text:focus:hover:after,
.snippetOrderStepBasket .link-telephone:hover .text:focus:hover:after,
.snippetOrderStepBasket .link-voucher:hover .text:hover:before,
.snippetOrderStepBasket .link-telephone:hover .text:hover:before,
.snippetOrderStepBasket .link-voucher:hover .text:active:hover:before,
.snippetOrderStepBasket .link-telephone:hover .text:active:hover:before,
.snippetOrderStepBasket .link-voucher:hover .text:active:before,
.snippetOrderStepBasket .link-telephone:hover .text:active:before,
.snippetOrderStepBasket .link-voucher:hover .text:focus:before,
.snippetOrderStepBasket .link-telephone:hover .text:focus:before,
.snippetOrderStepBasket .link-voucher:hover .text:focus:hover:before,
.snippetOrderStepBasket .link-telephone:hover .text:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderStepBasket .link-voucher:hover .text:hover:after,
.snippetOrderStepBasket .link-telephone:hover .text:hover:after,
.snippetOrderStepBasket .link-voucher:hover .text:active:hover:after,
.snippetOrderStepBasket .link-telephone:hover .text:active:hover:after,
.snippetOrderStepBasket .link-voucher:hover .text:active:after,
.snippetOrderStepBasket .link-telephone:hover .text:active:after,
.snippetOrderStepBasket .link-voucher:hover .text:focus:after,
.snippetOrderStepBasket .link-telephone:hover .text:focus:after,
.snippetOrderStepBasket .link-voucher:hover .text:focus:hover:after,
.snippetOrderStepBasket .link-telephone:hover .text:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetOrderStepBasket .link-voucher:hover .text:hover::after,
.snippetOrderStepBasket .link-telephone:hover .text:hover::after,
.snippetOrderStepBasket .link-voucher:hover .text:active:hover::after,
.snippetOrderStepBasket .link-telephone:hover .text:active:hover::after,
.snippetOrderStepBasket .link-voucher:hover .text:active::after,
.snippetOrderStepBasket .link-telephone:hover .text:active::after,
.snippetOrderStepBasket .link-voucher:hover .text:focus::after,
.snippetOrderStepBasket .link-telephone:hover .text:focus::after,
.snippetOrderStepBasket .link-voucher:hover .text:focus:hover::after,
.snippetOrderStepBasket .link-telephone:hover .text:focus:hover::after {
color: #869e00;
}
.snippetOrderStepBasket .link-voucher:hover .text:hover::after,
.snippetOrderStepBasket .link-telephone:hover .text:hover::after,
.snippetOrderStepBasket .link-voucher:hover .text:active:hover::after,
.snippetOrderStepBasket .link-telephone:hover .text:active:hover::after,
.snippetOrderStepBasket .link-voucher:hover .text:active::after,
.snippetOrderStepBasket .link-telephone:hover .text:active::after,
.snippetOrderStepBasket .link-voucher:hover .text:focus::after,
.snippetOrderStepBasket .link-telephone:hover .text:focus::after,
.snippetOrderStepBasket .link-voucher:hover .text:focus:hover::after,
.snippetOrderStepBasket .link-telephone:hover .text:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetOrderStepBasket .link-voucher:hover .text:hover:after,
.snippetOrderStepBasket .link-telephone:hover .text:hover:after,
.snippetOrderStepBasket .link-voucher:hover .text:active:hover:after,
.snippetOrderStepBasket .link-telephone:hover .text:active:hover:after,
.snippetOrderStepBasket .link-voucher:hover .text:active:after,
.snippetOrderStepBasket .link-telephone:hover .text:active:after,
.snippetOrderStepBasket .link-voucher:hover .text:focus:after,
.snippetOrderStepBasket .link-telephone:hover .text:focus:after,
.snippetOrderStepBasket .link-voucher:hover .text:focus:hover:after,
.snippetOrderStepBasket .link-telephone:hover .text:focus:hover:after,
.snippetOrderStepBasket .link-voucher:hover .text:hover:before,
.snippetOrderStepBasket .link-telephone:hover .text:hover:before,
.snippetOrderStepBasket .link-voucher:hover .text:active:hover:before,
.snippetOrderStepBasket .link-telephone:hover .text:active:hover:before,
.snippetOrderStepBasket .link-voucher:hover .text:active:before,
.snippetOrderStepBasket .link-telephone:hover .text:active:before,
.snippetOrderStepBasket .link-voucher:hover .text:focus:before,
.snippetOrderStepBasket .link-telephone:hover .text:focus:before,
.snippetOrderStepBasket .link-voucher:hover .text:focus:hover:before,
.snippetOrderStepBasket .link-telephone:hover .text:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderStepBasket .link-voucher:hover .text:hover:after,
.snippetOrderStepBasket .link-telephone:hover .text:hover:after,
.snippetOrderStepBasket .link-voucher:hover .text:active:hover:after,
.snippetOrderStepBasket .link-telephone:hover .text:active:hover:after,
.snippetOrderStepBasket .link-voucher:hover .text:active:after,
.snippetOrderStepBasket .link-telephone:hover .text:active:after,
.snippetOrderStepBasket .link-voucher:hover .text:focus:after,
.snippetOrderStepBasket .link-telephone:hover .text:focus:after,
.snippetOrderStepBasket .link-voucher:hover .text:focus:hover:after,
.snippetOrderStepBasket .link-telephone:hover .text:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetOrderStepBasket .link-voucher:hover .text:hover:after,
.snippetOrderStepBasket .link-telephone:hover .text:hover:after,
.snippetOrderStepBasket .link-voucher:hover .text:active:hover:after,
.snippetOrderStepBasket .link-telephone:hover .text:active:hover:after,
.snippetOrderStepBasket .link-voucher:hover .text:active:after,
.snippetOrderStepBasket .link-telephone:hover .text:active:after,
.snippetOrderStepBasket .link-voucher:hover .text:focus:after,
.snippetOrderStepBasket .link-telephone:hover .text:focus:after,
.snippetOrderStepBasket .link-voucher:hover .text:focus:hover:after,
.snippetOrderStepBasket .link-telephone:hover .text:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.snippetOrderStepBasket .snippetPkgShopUserInputVoucherInput {
display: none;
margin-bottom: 40px;
}
.single-checkout-button {
margin-top: 65px;
margin-bottom: 24px;
}
.multiple-checkout-button {
border-top: 4px solid #000000;
padding-top: 18px;
margin-top: -16px;
}
.snippetArticleListNoticeBasket {
margin-top: 50px;
}
.snippetOrderStepLogin .snippetBlockTeaser {
min-height: inherit;
border-bottom: medium none;
margin-bottom: 56px;
}
.snippetOrderStepLogin .snippetBlockTeaser .headline {
margin-bottom: 24px;
}
.snippetOrderStepLogin .snippetBlockTeaser .text {
margin-bottom: 20px;
}
@media (min-width: 768px) {
.snippetOrderStepLogin .snippetBlockTeaser .text {
margin-bottom: 0;
}
}
.snippetOrderStepLogin .forgot-password-link {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
}
.snippetOrderStepLogin .forgot-password-link:after,
.snippetOrderStepLogin .forgot-password-link:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderStepLogin .forgot-password-link:hover,
.snippetOrderStepLogin .forgot-password-link:active:hover,
.snippetOrderStepLogin .forgot-password-link:active,
.snippetOrderStepLogin .forgot-password-link:focus,
.snippetOrderStepLogin .forgot-password-link:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
color: #869e00;
}
.snippetOrderStepLogin .forgot-password-link:hover:after,
.snippetOrderStepLogin .forgot-password-link:active:hover:after,
.snippetOrderStepLogin .forgot-password-link:active:after,
.snippetOrderStepLogin .forgot-password-link:focus:after,
.snippetOrderStepLogin .forgot-password-link:focus:hover:after,
.snippetOrderStepLogin .forgot-password-link:hover:before,
.snippetOrderStepLogin .forgot-password-link:active:hover:before,
.snippetOrderStepLogin .forgot-password-link:active:before,
.snippetOrderStepLogin .forgot-password-link:focus:before,
.snippetOrderStepLogin .forgot-password-link:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderStepLogin .forgot-password-link:hover:after,
.snippetOrderStepLogin .forgot-password-link:active:hover:after,
.snippetOrderStepLogin .forgot-password-link:active:after,
.snippetOrderStepLogin .forgot-password-link:focus:after,
.snippetOrderStepLogin .forgot-password-link:focus:hover:after,
.snippetOrderStepLogin .forgot-password-link:hover:before,
.snippetOrderStepLogin .forgot-password-link:active:hover:before,
.snippetOrderStepLogin .forgot-password-link:active:before,
.snippetOrderStepLogin .forgot-password-link:focus:before,
.snippetOrderStepLogin .forgot-password-link:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderStepLogin .opening {
font-weight: bold;
}
.snippetOrderStepLogin .loginBox {
margin-bottom: 70px;
}
@media (max-width: 767px) {
.snippetOrderStepLogin .loginBox {
margin-bottom: 0;
}
}
.snippetOrderStepLogin .guestBox {
margin-bottom: 60px;
}
@media (max-width: 767px) {
.snippetOrderStepLogin .guestBox {
margin-bottom: 0;
}
}
.snippetOrderStepLogin .registerBox {
margin-bottom: 50px;
margin-bottom: 16px;
}
@media (min-width: 1200px) {
.snippetOrderStepLogin .registerBox {
margin-bottom: 50px;
}
}
@media (min-width: 768px) {
.snippetOrderStepLogin .registerBox {
margin-bottom: 50px;
}
}
@media (min-width: 1200px) {
.snippetOrderStepLogin .registerBox {
margin-bottom: 50px;
}
}
@media (max-width: 767px) {
.snippetOrderStepLogin .registerBox {
margin-bottom: 0;
}
}
.snippetOrderStepLogin .submit-button {
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #ffffff;
text-transform: uppercase;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b70f00+0,971d00+100 */
background: #b70f00;
/* Old browsers */
background: -moz-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b70f00 0%, #971d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients1', endColorstr='@colorGradients2', GradientType=0);
/* IE6-9 */
}
.snippetOrderStepLogin .submit-button::after {
content: ' >>';
letter-spacing: -1.3px;
}
.snippetOrderStepLogin .submit-button.active,
.snippetOrderStepLogin .submit-button:hover,
.snippetOrderStepLogin .submit-button:active,
.snippetOrderStepLogin .submit-button:focus,
.snippetOrderStepLogin .submit-button:active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff2a00+0,b70d00+100 */
background: #ff2a00;
/* Old browsers */
background: -moz-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff2a00 0%, #b70d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients3', endColorstr='@colorGradients4', GradientType=0);
/* IE6-9 */
}
.snippetOrderStepLogin .submit-button:before {
content: ' ';
}
.snippetOrderStepLogin .submit-button:after {
content: '';
}
.snippetOrderStepShipping {
margin-bottom: 50px;
margin-bottom: 16px;
}
.snippetOrderStepShipping .snippetOrderStepHeadline .headline {
margin-bottom: 14px;
}
.snippetOrderStepShipping .required-fields-info {
display: block;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
margin-bottom: 20px;
margin-top: 2px;
}
.snippetOrderStepShipping .required-fields-info:after,
.snippetOrderStepShipping .required-fields-info:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderStepShipping .confirm-checkboxes .checkbox {
margin-bottom: 6px;
}
.snippetOrderStepShipping .confirm-checkboxes .checkbox .checkbox-copy {
display: block;
padding: 7px 0;
}
.snippetOrderStepShipping .confirm-checkboxes .checkbox.changeShiptoBillingAddres {
margin-top: 16px;
margin-bottom: -16px;
}
.snippetOrderStepShipping .confirm-checkboxes .b2bCheckFormField .checkbox-extended {
padding-top: 8px !important;
padding-bottom: 0 !important;
margin-bottom: 0;
}
.snippetOrderStepShipping .confirm-checkboxes .b2bCheckFormField .form-group {
margin-bottom: 0;
}
.snippetOrderStepShipping .snippetOrderStepPreviousNextStepNavigation {
margin-top: 16px;
}
@media (min-width: 1200px) {
.snippetOrderStepShipping {
margin-bottom: 50px;
}
}
@media (min-width: 768px) {
.snippetOrderStepShipping {
margin-bottom: 50px;
}
}
@media (min-width: 1200px) {
.snippetOrderStepShipping {
margin-bottom: 50px;
}
}
.snippetOrderStepPayment {
margin-bottom: 50px;
margin-bottom: 16px;
}
.snippetOrderStepPayment .snippetOrderStepHeadline .headline {
margin-bottom: 8px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 30px;
line-height: 36px;
color: #333333;
margin-bottom: 16px;
}
.snippetOrderStepPayment .snippetOrderStepHeadline .headline:after,
.snippetOrderStepPayment .snippetOrderStepHeadline .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderStepPayment .shipment {
margin-bottom: 50px;
}
.snippetOrderStepPayment .snippetOrderStepPreviousNextStepNavigation {
margin-top: 40px;
}
.snippetOrderStepPayment .shipping-notice .shipping-notice-label {
margin-bottom: 6px;
font-weight: bold;
}
.snippetOrderStepPayment select[name=cc_typ],
.snippetOrderStepPayment input[name=addr_name],
.snippetOrderStepPayment select[name=cc_expdate_month],
.snippetOrderStepPayment input[name=cc_number_part_1] {
margin-bottom: 20px;
}
.snippetOrderStepPayment input[name=cc_checkcode] {
margin-bottom: 16px;
}
@media (min-width: 1200px) {
.snippetOrderStepPayment {
margin-bottom: 50px;
}
}
@media (min-width: 768px) {
.snippetOrderStepPayment {
margin-bottom: 50px;
}
}
@media (min-width: 1200px) {
.snippetOrderStepPayment {
margin-bottom: 50px;
}
}
.snippetOrderStepConfirm {
margin-bottom: 50px;
margin-bottom: 16px;
}
.snippetOrderStepConfirm .confirmStepBody {
padding-top: 10px;
}
.snippetOrderStepConfirm .order-footer {
padding-top: 20px;
}
.snippetOrderStepConfirm .order-footer .customerOrderInfo {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
}
.snippetOrderStepConfirm .order-footer .customerOrderInfo:after,
.snippetOrderStepConfirm .order-footer .customerOrderInfo:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderStepConfirm .order-footer .customerOrderInfo .text {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
padding-bottom: 8px;
}
.snippetOrderStepConfirm .order-footer .customerOrderInfo .text:after,
.snippetOrderStepConfirm .order-footer .customerOrderInfo .text:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderStepConfirm .order-footer .customerOrderInfo label {
margin-bottom: 5px;
}
.snippetOrderStepConfirm .order-footer .customerOrderInfo input {
margin-bottom: 14px;
}
.snippetOrderStepConfirm .snippetBasketSummary {
margin-bottom: 33px;
}
.snippetOrderStepConfirm .accept-agb {
margin-bottom: 30px;
}
.snippetOrderStepConfirm .accept-agb a {
font-weight: bold;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
text-decoration: underline;
}
.snippetOrderStepConfirm .accept-agb a:after,
.snippetOrderStepConfirm .accept-agb a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderStepConfirm .accept-agb a:hover,
.snippetOrderStepConfirm .accept-agb a:active:hover,
.snippetOrderStepConfirm .accept-agb a:active,
.snippetOrderStepConfirm .accept-agb a:focus,
.snippetOrderStepConfirm .accept-agb a:focus:hover {
color: #869e00;
}
.snippetOrderStepConfirm .accept-agb a:not(a) {
text-decoration: none;
}
.snippetOrderStepConfirm .accept-agb a:not(a):hover,
.snippetOrderStepConfirm .accept-agb a:not(a):active:hover,
.snippetOrderStepConfirm .accept-agb a:not(a):active,
.snippetOrderStepConfirm .accept-agb a:not(a):focus,
.snippetOrderStepConfirm .accept-agb a:not(a):focus:hover {
color: #979797;
}
.snippetOrderStepConfirm .accept-agb label {
padding-left: 0;
}
.snippetOrderStepConfirm .change-order {
margin-top: -8px;
}
.snippetOrderStepConfirm .snippetOrderStepConfirmChangeShipping,
.snippetOrderStepConfirm .snippetOrderStepConfirmChangePayment {
margin-bottom: 34px;
min-height: inherit !important;
border-bottom: medium none;
}
.snippetOrderStepConfirm .snippetOrderStepConfirmChangeShipping .block-headline--underlined,
.snippetOrderStepConfirm .snippetOrderStepConfirmChangePayment .block-headline--underlined {
margin-bottom: 13px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 24px;
line-height: 29px;
color: #333333;
padding-bottom: 20px;
}
.snippetOrderStepConfirm .snippetOrderStepConfirmChangeShipping .block-headline--underlined:after,
.snippetOrderStepConfirm .snippetOrderStepConfirmChangePayment .block-headline--underlined:after,
.snippetOrderStepConfirm .snippetOrderStepConfirmChangeShipping .block-headline--underlined:before,
.snippetOrderStepConfirm .snippetOrderStepConfirmChangePayment .block-headline--underlined:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderStepConfirm .snippetOrderStepConfirmChangeShipping .headline,
.snippetOrderStepConfirm .snippetOrderStepConfirmChangePayment .headline {
margin-bottom: 13px;
}
.snippetOrderStepConfirm .snippetOrderStepConfirmChangeShipping .change-headline,
.snippetOrderStepConfirm .snippetOrderStepConfirmChangePayment .change-headline {
font-weight: bold;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
margin-bottom: 5px;
}
.snippetOrderStepConfirm .snippetOrderStepConfirmChangeShipping .change-headline:after,
.snippetOrderStepConfirm .snippetOrderStepConfirmChangePayment .change-headline:after,
.snippetOrderStepConfirm .snippetOrderStepConfirmChangeShipping .change-headline:before,
.snippetOrderStepConfirm .snippetOrderStepConfirmChangePayment .change-headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderStepConfirm .snippetOrderStepConfirmChangeShipping .change-headline a,
.snippetOrderStepConfirm .snippetOrderStepConfirmChangePayment .change-headline a {
color: #b2b2b2;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #6b6b6b;
text-decoration: underline;
}
.snippetOrderStepConfirm .snippetOrderStepConfirmChangeShipping .change-headline a:after,
.snippetOrderStepConfirm .snippetOrderStepConfirmChangePayment .change-headline a:after,
.snippetOrderStepConfirm .snippetOrderStepConfirmChangeShipping .change-headline a:before,
.snippetOrderStepConfirm .snippetOrderStepConfirmChangePayment .change-headline a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderStepConfirm .snippetOrderStepConfirmChangeShipping .change-headline a:hover,
.snippetOrderStepConfirm .snippetOrderStepConfirmChangePayment .change-headline a:hover,
.snippetOrderStepConfirm .snippetOrderStepConfirmChangeShipping .change-headline a:active:hover,
.snippetOrderStepConfirm .snippetOrderStepConfirmChangePayment .change-headline a:active:hover,
.snippetOrderStepConfirm .snippetOrderStepConfirmChangeShipping .change-headline a:active,
.snippetOrderStepConfirm .snippetOrderStepConfirmChangePayment .change-headline a:active,
.snippetOrderStepConfirm .snippetOrderStepConfirmChangeShipping .change-headline a:focus,
.snippetOrderStepConfirm .snippetOrderStepConfirmChangePayment .change-headline a:focus,
.snippetOrderStepConfirm .snippetOrderStepConfirmChangeShipping .change-headline a:focus:hover,
.snippetOrderStepConfirm .snippetOrderStepConfirmChangePayment .change-headline a:focus:hover {
color: #869e00;
}
.snippetOrderStepConfirm .snippetOrderStepConfirmChangeShipping .change-headline a:not(a),
.snippetOrderStepConfirm .snippetOrderStepConfirmChangePayment .change-headline a:not(a) {
text-decoration: none;
}
.snippetOrderStepConfirm .snippetOrderStepConfirmChangeShipping .change-headline a:not(a):hover,
.snippetOrderStepConfirm .snippetOrderStepConfirmChangePayment .change-headline a:not(a):hover,
.snippetOrderStepConfirm .snippetOrderStepConfirmChangeShipping .change-headline a:not(a):active:hover,
.snippetOrderStepConfirm .snippetOrderStepConfirmChangePayment .change-headline a:not(a):active:hover,
.snippetOrderStepConfirm .snippetOrderStepConfirmChangeShipping .change-headline a:not(a):active,
.snippetOrderStepConfirm .snippetOrderStepConfirmChangePayment .change-headline a:not(a):active,
.snippetOrderStepConfirm .snippetOrderStepConfirmChangeShipping .change-headline a:not(a):focus,
.snippetOrderStepConfirm .snippetOrderStepConfirmChangePayment .change-headline a:not(a):focus,
.snippetOrderStepConfirm .snippetOrderStepConfirmChangeShipping .change-headline a:not(a):focus:hover,
.snippetOrderStepConfirm .snippetOrderStepConfirmChangePayment .change-headline a:not(a):focus:hover {
color: #6b6b6b;
}
.snippetOrderStepConfirm .snippetOrderStepConfirmChangeShipping .body,
.snippetOrderStepConfirm .snippetOrderStepConfirmChangePayment .body {
margin-bottom: 16px;
}
.snippetOrderStepConfirm .b2bCheckFormField .checkbox-extended {
margin-top: 0;
padding-top: 0 !important;
}
.snippetOrderStepConfirm .returnInfo {
margin-top: 8px;
}
@media (min-width: 1200px) {
.snippetOrderStepConfirm {
margin-bottom: 50px;
}
}
@media (min-width: 768px) {
.snippetOrderStepConfirm {
margin-bottom: 50px;
}
}
@media (min-width: 1200px) {
.snippetOrderStepConfirm {
margin-bottom: 50px;
}
}
.snippetOrderStepComplete .order-number {
font-weight: bold;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #869e00;
}
.snippetOrderStepComplete .order-number:after,
.snippetOrderStepComplete .order-number:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderStepComplete .snippetOrderStepHeadline .headline {
margin-bottom: 14px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 30px;
line-height: 36px;
color: #333333;
margin-bottom: 16px;
}
.snippetOrderStepComplete .snippetOrderStepHeadline .headline:after,
.snippetOrderStepComplete .snippetOrderStepHeadline .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderStepComplete .intro {
margin-bottom: 44px;
}
.snippetOrderStepComplete .intro .font-paragraph {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
}
.snippetOrderStepComplete .intro .font-paragraph:after,
.snippetOrderStepComplete .intro .font-paragraph:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderStepComplete .optionRow {
margin-top: 56px;
}
.snippetOrderStepComplete .snippetTrustedShopsMoneyBackTeaser {
margin-top: 52px;
height: auto;
}
.snippetOrderStepComplete .snippetTrustedShopsMoneyBackTeaser .headline {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 24px;
line-height: 29px;
color: #333333;
padding-bottom: 20px;
}
.snippetOrderStepComplete .snippetTrustedShopsMoneyBackTeaser .headline:after,
.snippetOrderStepComplete .snippetTrustedShopsMoneyBackTeaser .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderStepComplete .prepayment-block .block-headline--underlined {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 24px;
line-height: 29px;
color: #333333;
padding-bottom: 20px;
}
.snippetOrderStepComplete .prepayment-block .block-headline--underlined:after,
.snippetOrderStepComplete .prepayment-block .block-headline--underlined:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderStepComplete .prepayment-block .cmswysiwyg > p strong {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
}
.snippetOrderStepComplete .prepayment-block .cmswysiwyg > p strong:after,
.snippetOrderStepComplete .prepayment-block .cmswysiwyg > p strong:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderStepComplete .snippetFormCreateAccountFromGuest .headline {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 24px;
line-height: 29px;
color: #333333;
padding-bottom: 20px;
}
.snippetOrderStepComplete .snippetFormCreateAccountFromGuest .headline:after,
.snippetOrderStepComplete .snippetFormCreateAccountFromGuest .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderStepHeadline {
padding-bottom: 24px;
}
.snippetOrderStepHeadline .headline {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 30px;
line-height: 36px;
color: #333333;
margin-bottom: 16px;
}
.snippetOrderStepHeadline .headline:after,
.snippetOrderStepHeadline .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderStepPreviousNextStepNavigation .back-button {
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #ffffff;
text-transform: uppercase;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#525252+0,000000+100 */
background: #525252;
/* Old browsers */
background: -moz-linear-gradient(top, #525252 0%, #000000 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #525252 0%, #000000 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #525252 0%, #000000 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients9', endColorstr='@colorGradients10', GradientType=0);
/* IE6-9 */
margin-bottom: 10px;
}
.snippetOrderStepPreviousNextStepNavigation .back-button.active,
.snippetOrderStepPreviousNextStepNavigation .back-button:hover,
.snippetOrderStepPreviousNextStepNavigation .back-button:active,
.snippetOrderStepPreviousNextStepNavigation .back-button:focus,
.snippetOrderStepPreviousNextStepNavigation .back-button:active:hover {
color: #ffffff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a1a1a1+0,414141+100 */
background: #a1a1a1;
/* Old browsers */
background: -moz-linear-gradient(top, #a1a1a1 0%, #414141 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #a1a1a1 0%, #414141 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a1a1a1 0%, #414141 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients11', endColorstr='@colorGradients12', GradientType=0);
/* IE6-9 */
}
@media (min-width: 768px) {
.snippetOrderStepPreviousNextStepNavigation .back-button {
margin-bottom: 0;
}
}
.snippetOrderStepPreviousNextStepNavigation .back-button:before {
content: '<< ';
}
.snippetOrderStepPreviousNextStepNavigation #primarypaymentbutton,
.snippetOrderStepPreviousNextStepNavigation .next-button {
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #ffffff;
text-transform: uppercase;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b70f00+0,971d00+100 */
background: #b70f00;
/* Old browsers */
background: -moz-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b70f00 0%, #971d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients1', endColorstr='@colorGradients2', GradientType=0);
/* IE6-9 */
}
.snippetOrderStepPreviousNextStepNavigation #primarypaymentbutton::after,
.snippetOrderStepPreviousNextStepNavigation .next-button::after {
content: ' >>';
letter-spacing: -1.3px;
}
.snippetOrderStepPreviousNextStepNavigation #primarypaymentbutton.active,
.snippetOrderStepPreviousNextStepNavigation .next-button.active,
.snippetOrderStepPreviousNextStepNavigation #primarypaymentbutton:hover,
.snippetOrderStepPreviousNextStepNavigation .next-button:hover,
.snippetOrderStepPreviousNextStepNavigation #primarypaymentbutton:active,
.snippetOrderStepPreviousNextStepNavigation .next-button:active,
.snippetOrderStepPreviousNextStepNavigation #primarypaymentbutton:focus,
.snippetOrderStepPreviousNextStepNavigation .next-button:focus,
.snippetOrderStepPreviousNextStepNavigation #primarypaymentbutton:active:hover,
.snippetOrderStepPreviousNextStepNavigation .next-button:active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff2a00+0,b70d00+100 */
background: #ff2a00;
/* Old browsers */
background: -moz-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff2a00 0%, #b70d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients3', endColorstr='@colorGradients4', GradientType=0);
/* IE6-9 */
}
.snippetOrderStepPreviousNextStepNavigation #primarypaymentbutton:before,
.snippetOrderStepPreviousNextStepNavigation .next-button:before {
content: ' ';
}
.snippetOrderStepPreviousNextStepNavigation #primarypaymentbutton:after,
.snippetOrderStepPreviousNextStepNavigation .next-button:after {
content: '';
}
.snippetOrderStepPreviousNextStepNavigation #primarypaymentbutton:after,
.snippetOrderStepPreviousNextStepNavigation .next-button:after {
content: ' >>';
}
.snippetOrderStepNavigation {
float: right;
margin-top: 1px;
margin-right: -1px;
}
.snippetOrderStepNavigation ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.snippetOrderStepNavigation ul:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
.snippetOrderStepNavigation ul li {
display: block;
float: left;
position: relative;
}
.snippetOrderStepNavigation ul li a {
color: #c2c2c2;
display: block;
text-align: center;
font-weight: bold;
text-decoration: none;
padding: 0 7px 0 7px;
}
@media (min-width: 768px) {
.snippetOrderStepNavigation ul li a {
padding: 0 30px 0 12px;
}
.snippetOrderStepNavigation ul li a:last-child {
padding: 0 0 0 12px;
}
}
@media (min-width: 992px) {
.snippetOrderStepNavigation ul li a {
padding: 0 42px 0 20px;
}
.snippetOrderStepNavigation ul li a:last-child {
padding: 0 0 0 20px;
}
}
.snippetOrderStepNavigation ul li a .title {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
text-transform: uppercase;
color: #c6c6c6;
display: none;
}
.snippetOrderStepNavigation ul li a .title:after,
.snippetOrderStepNavigation ul li a .title:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
@media (min-width: 768px) {
.snippetOrderStepNavigation ul li a .title {
display: block;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.snippetOrderStepNavigation ul li a .title {
font-size: smaller;
}
}
.snippetOrderStepNavigation ul li .indicator {
display: none;
position: absolute;
top: 22px;
right: 0;
}
@media (min-width: 768px) {
.snippetOrderStepNavigation ul li .indicator {
display: inline-block;
}
}
.snippetOrderStepNavigation ul li.expanded .sprite-status-arrow_1 {
background-position: -439px -298px;
width: 13px;
height: 23px;
}
.snippetOrderStepNavigation ul li.expanded .title {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
display: none;
text-transform: uppercase;
}
.snippetOrderStepNavigation ul li.expanded .title:after,
.snippetOrderStepNavigation ul li.expanded .title:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
@media (min-width: 768px) {
.snippetOrderStepNavigation ul li.expanded .title {
display: block;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.snippetOrderStepNavigation ul li.expanded .title {
font-size: smaller;
}
}
.snippetOrderStepNavigation ul li.active .sprite-status-arrow_1,
.snippetOrderStepNavigation ul li:hover .sprite-status-arrow_1 {
background-position: -462px -298px;
width: 13px;
background-position: -76px -492px;
width: 14px;
height: 23px;
}
.snippetOrderStepNavigation ul li.active .sprite-status-cart,
.snippetOrderStepNavigation ul li:hover .sprite-status-cart {
background-position: -448px -365px;
width: 30px;
height: 24px;
background-position: -401px -495px;
width: 35px;
height: 27px;
}
.snippetOrderStepNavigation ul li.active .sprite-status-sign_in,
.snippetOrderStepNavigation ul li:hover .sprite-status-sign_in {
background-position: -448px -399px;
width: 18px;
height: 24px;
background-position: -79px -560px;
width: 27px;
height: 27px;
}
.snippetOrderStepNavigation ul li.active .sprite-status-delivery,
.snippetOrderStepNavigation ul li:hover .sprite-status-delivery {
background-position: -226px -399px;
width: 39px;
height: 24px;
background-position: -231px -523px;
width: 44px;
height: 27px;
}
.snippetOrderStepNavigation ul li.active .sprite-status-payment,
.snippetOrderStepNavigation ul li:hover .sprite-status-payment {
background-position: -312px -399px;
width: 27px;
height: 24px;
background-position: -574px -523px;
width: 32px;
height: 27px;
}
.snippetOrderStepNavigation ul li.active .sprite-status-completed,
.snippetOrderStepNavigation ul li:hover .sprite-status-completed {
background-position: -149px -399px;
width: 18px;
height: 24px;
background-position: -145px -523px;
width: 22px;
height: 21px;
}
.snippetOrderStepNavigation ul li.active .title,
.snippetOrderStepNavigation ul li:hover .title {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
color: #869e00;
display: none;
text-transform: uppercase;
}
.snippetOrderStepNavigation ul li.active .title:after,
.snippetOrderStepNavigation ul li:hover .title:after,
.snippetOrderStepNavigation ul li.active .title:before,
.snippetOrderStepNavigation ul li:hover .title:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
@media (min-width: 768px) {
.snippetOrderStepNavigation ul li.active .title,
.snippetOrderStepNavigation ul li:hover .title {
display: block;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.snippetOrderStepNavigation ul li.active .title,
.snippetOrderStepNavigation ul li:hover .title {
font-size: smaller;
}
}
.snippetOrderStepPaymentSelectPayment ul.options {
list-style-type: none;
margin: 0 -15px 0 -15px;
padding: 0;
}
.snippetOrderStepPaymentSelectPayment ul.options li {
margin-bottom: 40px;
padding-top: 10px;
}
@media (min-width: 992px) {
.snippetOrderStepPaymentSelectPayment ul.options li {
margin-right: 15px;
}
}
.snippetOrderStepPaymentSelectPayment ul.options li .details {
display: none;
}
.snippetOrderStepPaymentSelectPayment ul.options li .details .creditCardContainer {
margin-left: 0;
}
@media (min-width: 768px) {
.snippetOrderStepPaymentSelectPayment ul.options li .details .creditCardContainer {
margin-left: 66px;
}
}
.snippetOrderStepPaymentSelectPayment ul.options li .details .creditCardContainer .safetyNotice {
margin-left: 5px;
line-height: 0;
position: relative;
margin-bottom: 36px;
}
.snippetOrderStepPaymentSelectPayment ul.options li .details .creditCardContainer .safetyNotice span.info {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
position: absolute;
top: 24px;
left: 41px;
}
.snippetOrderStepPaymentSelectPayment ul.options li .details .creditCardContainer .safetyNotice span.info:after,
.snippetOrderStepPaymentSelectPayment ul.options li .details .creditCardContainer .safetyNotice span.info:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
@media (min-width: 768px) {
.snippetOrderStepPaymentSelectPayment ul.options li .details .creditCardContainer .safetyNotice span.info {
top: 24px;
left: 63px;
}
}
.snippetOrderStepPaymentSelectPayment ul.options li .details .creditCardContainer #creditCardSplitFields {
display: none;
}
@media (max-width: 480px) {
.snippetOrderStepPaymentSelectPayment ul.options li .details .creditCardContainer input {
padding-left: 1px;
padding-right: 1px;
}
}
.snippetOrderStepPaymentSelectPayment ul.options li .details .creditCardContainer .row:first-child .form-group .control-label {
padding-top: 0;
}
.snippetOrderStepPaymentSelectPayment ul.options li .details .creditCardContainer .form-group {
margin-bottom: 2px;
}
.snippetOrderStepPaymentSelectPayment ul.options li .details .creditCardContainer .form-group .control-label {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
padding-top: 6px;
font-weight: bold;
}
.snippetOrderStepPaymentSelectPayment ul.options li .details .creditCardContainer .form-group .control-label:after,
.snippetOrderStepPaymentSelectPayment ul.options li .details .creditCardContainer .form-group .control-label:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderStepPaymentSelectPayment ul.options li .details .creditCardContainer .form-group .form-control {
margin-top: 8px;
}
.snippetOrderStepPaymentSelectPayment ul.options li .details .creditCardContainer .form-group .help-block {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
margin-top: 0;
margin-bottom: 0;
top: 0;
height: auto;
}
.snippetOrderStepPaymentSelectPayment ul.options li .details .creditCardContainer .form-group .help-block:after,
.snippetOrderStepPaymentSelectPayment ul.options li .details .creditCardContainer .form-group .help-block:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderStepPaymentSelectPayment ul.options li .details .creditCardContainer .form-group .bottomInfo {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
margin-bottom: 14px;
}
.snippetOrderStepPaymentSelectPayment ul.options li .details .creditCardContainer .form-group .bottomInfo:after,
.snippetOrderStepPaymentSelectPayment ul.options li .details .creditCardContainer .form-group .bottomInfo:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderStepPaymentSelectPayment ul.options li.active {
background-color: #e5e5e5;
}
.snippetOrderStepPaymentSelectPayment ul.options li.active .details {
display: block;
}
.snippetOrderStepPaymentSelectPayment ul.options label {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
display: block;
margin-bottom: 0;
}
.snippetOrderStepPaymentSelectPayment ul.options label:after,
.snippetOrderStepPaymentSelectPayment ul.options label:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderStepPaymentSelectPayment ul.options label .description {
font-weight: normal;
padding-right: 15px;
margin-top: 10px;
}
@media (min-width: 768px) {
.snippetOrderStepPaymentSelectPayment ul.options label .description {
margin-top: 0;
}
}
.snippetOrderStepPaymentSelectPayment ul.options .radio-icon {
display: block;
margin-left: 15px;
}
.snippetOrderStepPaymentSelectPayment ul.options .payment-radio {
float: left;
width: 20px;
}
.snippetOrderStepPaymentSelectPayment ul.options .payment-radio input {
margin-right: 10px;
margin-top: 2px;
}
.snippetOrderStepPaymentSelectPayment ul.options .title {
font-weight: bold;
}
.snippetOrderStepPaymentSelectPayment ul.options .payment-icon {
display: none;
}
.snippetOrderStepPaymentSelectPayment ul.options .title-description {
padding-left: 40px;
}
@media (min-width: 768px) {
.snippetOrderStepPaymentSelectPayment ul.options .payment-radio,
.snippetOrderStepPaymentSelectPayment ul.options .payment-icon {
display: block;
}
.snippetOrderStepPaymentSelectPayment ul.options .payment-radio > div,
.snippetOrderStepPaymentSelectPayment ul.options .payment-icon > div {
display: block;
text-align: center;
}
.snippetOrderStepPaymentSelectPayment ul.options .payment-radio input {
margin-right: 10px;
margin-top: 2px;
}
.snippetOrderStepPaymentSelectPayment ul.options .payment-icon {
text-align: center;
margin-top: 1px;
margin-left: 19px;
}
.snippetOrderStepPaymentSelectPayment ul.options .payment-icon img {
display: inline-block;
}
.snippetOrderStepPaymentSelectPayment ul.options .title {
display: block;
float: left;
width: 19%;
}
.snippetOrderStepPaymentSelectPayment ul.options .title > span {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
}
.snippetOrderStepPaymentSelectPayment ul.options .title > span:after,
.snippetOrderStepPaymentSelectPayment ul.options .title > span:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderStepPaymentSelectPayment ul.options .description {
display: block;
width: 77%;
float: left;
}
.snippetOrderStepPaymentSelectPayment ul.options .description:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
.snippetOrderStepPaymentSelectPayment ul.options .title-description {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
padding-left: 0;
margin-left: 13px;
margin-top: 4px;
}
.snippetOrderStepPaymentSelectPayment ul.options .title-description:after,
.snippetOrderStepPaymentSelectPayment ul.options .title-description:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderStepPaymentSelectPayment ul.options .title,
.snippetOrderStepPaymentSelectPayment ul.options .description {
display: table;
padding-bottom: 5px;
}
.snippetOrderStepPaymentSelectPayment ul.options .title > span,
.snippetOrderStepPaymentSelectPayment ul.options .description > span {
display: table-cell;
vertical-align: middle;
}
}
.snippetOrderStepPaymentSelectPayment .snippetOrderwizardShippingAndPaymentCreditcard .row:first-child .control-label {
padding-top: 0;
}
.snippetOrderStepPaymentSelectPayment .amazonSelectPayment {
padding-bottom: 36px;
}
.snippetOrderStepPaymentSelectShippingGroup {
margin-top: 14px;
}
.snippetOrderStepPaymentSelectShippingGroup ul {
list-style-type: none;
padding: 0;
}
.snippetOrderStepPaymentSelectShippingGroup ul li {
margin-bottom: 0;
}
.snippetOrderStepPaymentSelectShippingGroup ul li .radio {
margin-bottom: 0;
margin-top: 0;
}
.snippetOrderStepPaymentSelectShippingGroup ul li .radio .cleardiv {
display: none;
}
.snippetOrderStepPaymentSelectShippingGroup ul .title {
font-weight: bold;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
}
.snippetOrderStepPaymentSelectShippingGroup ul .title:after,
.snippetOrderStepPaymentSelectShippingGroup ul .title:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetPagingPreviousNext .next-page {
margin-left: 20px;
}
.snippetPagingPreviousNext .next-page.remove-margin {
margin-left: 0;
}
.snippetPagingPreviousNext .paging-link {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
}
.snippetPagingPreviousNext .paging-link span {
letter-spacing: -1.3px;
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
}
.snippetPagingPreviousNext .paging-link span::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetPagingPreviousNext .paging-link span:after,
.snippetPagingPreviousNext .paging-link span:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetPagingPreviousNext .paging-link span:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetPagingPreviousNext .paging-link span:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
}
.snippetPagingPreviousNext .paging-link span:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetPagingPreviousNext .paging-link span:hover:after,
.snippetPagingPreviousNext .paging-link span:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetPagingPreviousNext .paging-link span:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetPagingPreviousNext .paging-link span:hover:hover,
.snippetPagingPreviousNext .paging-link span:hover:active:hover,
.snippetPagingPreviousNext .paging-link span:hover:active,
.snippetPagingPreviousNext .paging-link span:hover:focus,
.snippetPagingPreviousNext .paging-link span:hover:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.snippetPagingPreviousNext .paging-link span:hover:hover::after,
.snippetPagingPreviousNext .paging-link span:hover:active:hover::after,
.snippetPagingPreviousNext .paging-link span:hover:active::after,
.snippetPagingPreviousNext .paging-link span:hover:focus::after,
.snippetPagingPreviousNext .paging-link span:hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetPagingPreviousNext .paging-link span:hover:hover:after,
.snippetPagingPreviousNext .paging-link span:hover:active:hover:after,
.snippetPagingPreviousNext .paging-link span:hover:active:after,
.snippetPagingPreviousNext .paging-link span:hover:focus:after,
.snippetPagingPreviousNext .paging-link span:hover:focus:hover:after,
.snippetPagingPreviousNext .paging-link span:hover:hover:before,
.snippetPagingPreviousNext .paging-link span:hover:active:hover:before,
.snippetPagingPreviousNext .paging-link span:hover:active:before,
.snippetPagingPreviousNext .paging-link span:hover:focus:before,
.snippetPagingPreviousNext .paging-link span:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetPagingPreviousNext .paging-link span:hover:hover:after,
.snippetPagingPreviousNext .paging-link span:hover:active:hover:after,
.snippetPagingPreviousNext .paging-link span:hover:active:after,
.snippetPagingPreviousNext .paging-link span:hover:focus:after,
.snippetPagingPreviousNext .paging-link span:hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetPagingPreviousNext .paging-link span:hover:hover::after,
.snippetPagingPreviousNext .paging-link span:hover:active:hover::after,
.snippetPagingPreviousNext .paging-link span:hover:active::after,
.snippetPagingPreviousNext .paging-link span:hover:focus::after,
.snippetPagingPreviousNext .paging-link span:hover:focus:hover::after {
color: #869e00;
}
.snippetPagingPreviousNext .paging-link span:hover:hover::after,
.snippetPagingPreviousNext .paging-link span:hover:active:hover::after,
.snippetPagingPreviousNext .paging-link span:hover:active::after,
.snippetPagingPreviousNext .paging-link span:hover:focus::after,
.snippetPagingPreviousNext .paging-link span:hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetPagingPreviousNext .paging-link span:hover:hover:after,
.snippetPagingPreviousNext .paging-link span:hover:active:hover:after,
.snippetPagingPreviousNext .paging-link span:hover:active:after,
.snippetPagingPreviousNext .paging-link span:hover:focus:after,
.snippetPagingPreviousNext .paging-link span:hover:focus:hover:after,
.snippetPagingPreviousNext .paging-link span:hover:hover:before,
.snippetPagingPreviousNext .paging-link span:hover:active:hover:before,
.snippetPagingPreviousNext .paging-link span:hover:active:before,
.snippetPagingPreviousNext .paging-link span:hover:focus:before,
.snippetPagingPreviousNext .paging-link span:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetPagingPreviousNext .paging-link span:hover:hover:after,
.snippetPagingPreviousNext .paging-link span:hover:active:hover:after,
.snippetPagingPreviousNext .paging-link span:hover:active:after,
.snippetPagingPreviousNext .paging-link span:hover:focus:after,
.snippetPagingPreviousNext .paging-link span:hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetPagingPreviousNext .paging-link span:hover:hover:after,
.snippetPagingPreviousNext .paging-link span:hover:active:hover:after,
.snippetPagingPreviousNext .paging-link span:hover:active:after,
.snippetPagingPreviousNext .paging-link span:hover:focus:after,
.snippetPagingPreviousNext .paging-link span:hover:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.snippetPagingPreviousNext .paging-link span:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetPagingPreviousNext .paging-link span:hover:after,
.snippetPagingPreviousNext .paging-link span:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetPagingPreviousNext .paging-link span:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetPagingPreviousNext .paging-link span:hover:hover,
.snippetPagingPreviousNext .paging-link span:hover:active:hover,
.snippetPagingPreviousNext .paging-link span:hover:active,
.snippetPagingPreviousNext .paging-link span:hover:focus,
.snippetPagingPreviousNext .paging-link span:hover:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.snippetPagingPreviousNext .paging-link span:hover:hover::after,
.snippetPagingPreviousNext .paging-link span:hover:active:hover::after,
.snippetPagingPreviousNext .paging-link span:hover:active::after,
.snippetPagingPreviousNext .paging-link span:hover:focus::after,
.snippetPagingPreviousNext .paging-link span:hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetPagingPreviousNext .paging-link span:hover:hover:after,
.snippetPagingPreviousNext .paging-link span:hover:active:hover:after,
.snippetPagingPreviousNext .paging-link span:hover:active:after,
.snippetPagingPreviousNext .paging-link span:hover:focus:after,
.snippetPagingPreviousNext .paging-link span:hover:focus:hover:after,
.snippetPagingPreviousNext .paging-link span:hover:hover:before,
.snippetPagingPreviousNext .paging-link span:hover:active:hover:before,
.snippetPagingPreviousNext .paging-link span:hover:active:before,
.snippetPagingPreviousNext .paging-link span:hover:focus:before,
.snippetPagingPreviousNext .paging-link span:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetPagingPreviousNext .paging-link span:hover:hover:after,
.snippetPagingPreviousNext .paging-link span:hover:active:hover:after,
.snippetPagingPreviousNext .paging-link span:hover:active:after,
.snippetPagingPreviousNext .paging-link span:hover:focus:after,
.snippetPagingPreviousNext .paging-link span:hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetPagingPreviousNext .paging-link span:hover:hover::after,
.snippetPagingPreviousNext .paging-link span:hover:active:hover::after,
.snippetPagingPreviousNext .paging-link span:hover:active::after,
.snippetPagingPreviousNext .paging-link span:hover:focus::after,
.snippetPagingPreviousNext .paging-link span:hover:focus:hover::after {
color: #869e00;
}
.snippetPagingPreviousNext .paging-link span:hover:hover::after,
.snippetPagingPreviousNext .paging-link span:hover:active:hover::after,
.snippetPagingPreviousNext .paging-link span:hover:active::after,
.snippetPagingPreviousNext .paging-link span:hover:focus::after,
.snippetPagingPreviousNext .paging-link span:hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetPagingPreviousNext .paging-link span:hover:hover:after,
.snippetPagingPreviousNext .paging-link span:hover:active:hover:after,
.snippetPagingPreviousNext .paging-link span:hover:active:after,
.snippetPagingPreviousNext .paging-link span:hover:focus:after,
.snippetPagingPreviousNext .paging-link span:hover:focus:hover:after,
.snippetPagingPreviousNext .paging-link span:hover:hover:before,
.snippetPagingPreviousNext .paging-link span:hover:active:hover:before,
.snippetPagingPreviousNext .paging-link span:hover:active:before,
.snippetPagingPreviousNext .paging-link span:hover:focus:before,
.snippetPagingPreviousNext .paging-link span:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetPagingPreviousNext .paging-link span:hover:hover:after,
.snippetPagingPreviousNext .paging-link span:hover:active:hover:after,
.snippetPagingPreviousNext .paging-link span:hover:active:after,
.snippetPagingPreviousNext .paging-link span:hover:focus:after,
.snippetPagingPreviousNext .paging-link span:hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetPagingPreviousNext .paging-link span:hover:hover:after,
.snippetPagingPreviousNext .paging-link span:hover:active:hover:after,
.snippetPagingPreviousNext .paging-link span:hover:active:after,
.snippetPagingPreviousNext .paging-link span:hover:focus:after,
.snippetPagingPreviousNext .paging-link span:hover:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.snippetPagingPreviousNext .paging-link:after {
content: '>>';
}
.snippetPagingPreviousNext .paging-link::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetPagingPreviousNext .paging-link:after,
.snippetPagingPreviousNext .paging-link:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetPagingPreviousNext .paging-link:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetPagingPreviousNext .paging-link:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
}
.snippetPagingPreviousNext .paging-link:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetPagingPreviousNext .paging-link:hover:after,
.snippetPagingPreviousNext .paging-link:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetPagingPreviousNext .paging-link:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetPagingPreviousNext .paging-link:hover:hover,
.snippetPagingPreviousNext .paging-link:hover:active:hover,
.snippetPagingPreviousNext .paging-link:hover:active,
.snippetPagingPreviousNext .paging-link:hover:focus,
.snippetPagingPreviousNext .paging-link:hover:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.snippetPagingPreviousNext .paging-link:hover:hover::after,
.snippetPagingPreviousNext .paging-link:hover:active:hover::after,
.snippetPagingPreviousNext .paging-link:hover:active::after,
.snippetPagingPreviousNext .paging-link:hover:focus::after,
.snippetPagingPreviousNext .paging-link:hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetPagingPreviousNext .paging-link:hover:hover:after,
.snippetPagingPreviousNext .paging-link:hover:active:hover:after,
.snippetPagingPreviousNext .paging-link:hover:active:after,
.snippetPagingPreviousNext .paging-link:hover:focus:after,
.snippetPagingPreviousNext .paging-link:hover:focus:hover:after,
.snippetPagingPreviousNext .paging-link:hover:hover:before,
.snippetPagingPreviousNext .paging-link:hover:active:hover:before,
.snippetPagingPreviousNext .paging-link:hover:active:before,
.snippetPagingPreviousNext .paging-link:hover:focus:before,
.snippetPagingPreviousNext .paging-link:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetPagingPreviousNext .paging-link:hover:hover:after,
.snippetPagingPreviousNext .paging-link:hover:active:hover:after,
.snippetPagingPreviousNext .paging-link:hover:active:after,
.snippetPagingPreviousNext .paging-link:hover:focus:after,
.snippetPagingPreviousNext .paging-link:hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetPagingPreviousNext .paging-link:hover:hover::after,
.snippetPagingPreviousNext .paging-link:hover:active:hover::after,
.snippetPagingPreviousNext .paging-link:hover:active::after,
.snippetPagingPreviousNext .paging-link:hover:focus::after,
.snippetPagingPreviousNext .paging-link:hover:focus:hover::after {
color: #869e00;
}
.snippetPagingPreviousNext .paging-link:hover:hover::after,
.snippetPagingPreviousNext .paging-link:hover:active:hover::after,
.snippetPagingPreviousNext .paging-link:hover:active::after,
.snippetPagingPreviousNext .paging-link:hover:focus::after,
.snippetPagingPreviousNext .paging-link:hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetPagingPreviousNext .paging-link:hover:hover:after,
.snippetPagingPreviousNext .paging-link:hover:active:hover:after,
.snippetPagingPreviousNext .paging-link:hover:active:after,
.snippetPagingPreviousNext .paging-link:hover:focus:after,
.snippetPagingPreviousNext .paging-link:hover:focus:hover:after,
.snippetPagingPreviousNext .paging-link:hover:hover:before,
.snippetPagingPreviousNext .paging-link:hover:active:hover:before,
.snippetPagingPreviousNext .paging-link:hover:active:before,
.snippetPagingPreviousNext .paging-link:hover:focus:before,
.snippetPagingPreviousNext .paging-link:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetPagingPreviousNext .paging-link:hover:hover:after,
.snippetPagingPreviousNext .paging-link:hover:active:hover:after,
.snippetPagingPreviousNext .paging-link:hover:active:after,
.snippetPagingPreviousNext .paging-link:hover:focus:after,
.snippetPagingPreviousNext .paging-link:hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetPagingPreviousNext .paging-link:hover:hover:after,
.snippetPagingPreviousNext .paging-link:hover:active:hover:after,
.snippetPagingPreviousNext .paging-link:hover:active:after,
.snippetPagingPreviousNext .paging-link:hover:focus:after,
.snippetPagingPreviousNext .paging-link:hover:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.snippetPagingPreviousNext .paging-link:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetPagingPreviousNext .paging-link:hover:after,
.snippetPagingPreviousNext .paging-link:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetPagingPreviousNext .paging-link:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetPagingPreviousNext .paging-link:hover:hover,
.snippetPagingPreviousNext .paging-link:hover:active:hover,
.snippetPagingPreviousNext .paging-link:hover:active,
.snippetPagingPreviousNext .paging-link:hover:focus,
.snippetPagingPreviousNext .paging-link:hover:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.snippetPagingPreviousNext .paging-link:hover:hover::after,
.snippetPagingPreviousNext .paging-link:hover:active:hover::after,
.snippetPagingPreviousNext .paging-link:hover:active::after,
.snippetPagingPreviousNext .paging-link:hover:focus::after,
.snippetPagingPreviousNext .paging-link:hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetPagingPreviousNext .paging-link:hover:hover:after,
.snippetPagingPreviousNext .paging-link:hover:active:hover:after,
.snippetPagingPreviousNext .paging-link:hover:active:after,
.snippetPagingPreviousNext .paging-link:hover:focus:after,
.snippetPagingPreviousNext .paging-link:hover:focus:hover:after,
.snippetPagingPreviousNext .paging-link:hover:hover:before,
.snippetPagingPreviousNext .paging-link:hover:active:hover:before,
.snippetPagingPreviousNext .paging-link:hover:active:before,
.snippetPagingPreviousNext .paging-link:hover:focus:before,
.snippetPagingPreviousNext .paging-link:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetPagingPreviousNext .paging-link:hover:hover:after,
.snippetPagingPreviousNext .paging-link:hover:active:hover:after,
.snippetPagingPreviousNext .paging-link:hover:active:after,
.snippetPagingPreviousNext .paging-link:hover:focus:after,
.snippetPagingPreviousNext .paging-link:hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetPagingPreviousNext .paging-link:hover:hover::after,
.snippetPagingPreviousNext .paging-link:hover:active:hover::after,
.snippetPagingPreviousNext .paging-link:hover:active::after,
.snippetPagingPreviousNext .paging-link:hover:focus::after,
.snippetPagingPreviousNext .paging-link:hover:focus:hover::after {
color: #869e00;
}
.snippetPagingPreviousNext .paging-link:hover:hover::after,
.snippetPagingPreviousNext .paging-link:hover:active:hover::after,
.snippetPagingPreviousNext .paging-link:hover:active::after,
.snippetPagingPreviousNext .paging-link:hover:focus::after,
.snippetPagingPreviousNext .paging-link:hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetPagingPreviousNext .paging-link:hover:hover:after,
.snippetPagingPreviousNext .paging-link:hover:active:hover:after,
.snippetPagingPreviousNext .paging-link:hover:active:after,
.snippetPagingPreviousNext .paging-link:hover:focus:after,
.snippetPagingPreviousNext .paging-link:hover:focus:hover:after,
.snippetPagingPreviousNext .paging-link:hover:hover:before,
.snippetPagingPreviousNext .paging-link:hover:active:hover:before,
.snippetPagingPreviousNext .paging-link:hover:active:before,
.snippetPagingPreviousNext .paging-link:hover:focus:before,
.snippetPagingPreviousNext .paging-link:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetPagingPreviousNext .paging-link:hover:hover:after,
.snippetPagingPreviousNext .paging-link:hover:active:hover:after,
.snippetPagingPreviousNext .paging-link:hover:active:after,
.snippetPagingPreviousNext .paging-link:hover:focus:after,
.snippetPagingPreviousNext .paging-link:hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetPagingPreviousNext .paging-link:hover:hover:after,
.snippetPagingPreviousNext .paging-link:hover:active:hover:after,
.snippetPagingPreviousNext .paging-link:hover:active:after,
.snippetPagingPreviousNext .paging-link:hover:focus:after,
.snippetPagingPreviousNext .paging-link:hover:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.snippetPagingPageNumbers ol {
list-style-type: none;
margin: 0;
padding: 0;
line-height: 29px;
}
.snippetPagingPageNumbers ol li {
display: inline-block;
padding-left: 6px;
}
.snippetPagingPageNumbers ol li a {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #6b6b6b;
}
.snippetPagingPageNumbers ol li a:after,
.snippetPagingPageNumbers ol li a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetPagingPageNumbers ol li a:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #6b6b6b;
color: #869e00;
}
.snippetPagingPageNumbers ol li a:hover:after,
.snippetPagingPageNumbers ol li a:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetPagingPageNumbers ol li a.active {
font-weight: bold;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #6b6b6b;
color: #869e00;
}
.snippetPagingPageNumbers ol li a.active:after,
.snippetPagingPageNumbers ol li a.active:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetPagingPageNumbers .prev-page,
.snippetPagingPageNumbers .next-page {
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #6b6b6b;
}
.snippetPagingPageNumbers .prev-page:after,
.snippetPagingPageNumbers .next-page:after,
.snippetPagingPageNumbers .prev-page:before,
.snippetPagingPageNumbers .next-page:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetPagingPageNumbers .prev-page:hover,
.snippetPagingPageNumbers .next-page:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #6b6b6b;
color: #869e00;
}
.snippetPagingPageNumbers .prev-page:hover:after,
.snippetPagingPageNumbers .next-page:hover:after,
.snippetPagingPageNumbers .prev-page:hover:before,
.snippetPagingPageNumbers .next-page:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetPagingPageNumbers .next-page:after {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #6b6b6b;
}
.snippetPagingPageNumbers .next-page:after:after,
.snippetPagingPageNumbers .next-page:after:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetPagingPageNumbers .next-page:hover:after {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #6b6b6b;
color: #869e00;
}
.snippetPagingPageNumbers .next-page:hover:after:after,
.snippetPagingPageNumbers .next-page:hover:after:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetPagingPageNumbers .prev-page:before {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #6b6b6b;
}
.snippetPagingPageNumbers .prev-page:before:after,
.snippetPagingPageNumbers .prev-page:before:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetPagingPageNumbers .prev-page:hover:before {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #6b6b6b;
color: #869e00;
}
.snippetPagingPageNumbers .prev-page:hover:before:after,
.snippetPagingPageNumbers .prev-page:hover:before:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.categoryTree {
list-style-type: none;
padding: 0;
margin: 0;
}
.categoryTree li {
margin-bottom: 4px;
}
.categoryTree li a {
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
font-size: 26px;
line-height: 32px;
margin-bottom: 5px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #333333;
text-transform: uppercase;
padding-left: 15px;
position: relative;
}
.categoryTree li a:after,
.categoryTree li a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.categoryTree li a:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -545px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
.categoryTree li a:not(a,.close-layover-link) {
padding-left: 0;
}
.categoryTree li a:not(a,.close-layover-link):after {
background: none;
width: 0;
display: none;
}
.categoryTree li a:after,
.categoryTree li a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.categoryTree li a:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -545px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
.categoryTree li a:not(a,.close-layover-link) {
padding-left: 0;
}
.categoryTree li a:not(a,.close-layover-link):after {
background: none;
width: 0;
display: none;
}
.categoryTree li a.active,
.categoryTree li a.expanded,
.categoryTree li a:hover,
.categoryTree li a:active:hover,
.categoryTree li a:active,
.categoryTree li a:focus,
.categoryTree li a:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #333333;
text-transform: uppercase;
padding-left: 15px;
position: relative;
color: #869e00;
}
.categoryTree li a.active:after,
.categoryTree li a.expanded:after,
.categoryTree li a:hover:after,
.categoryTree li a:active:hover:after,
.categoryTree li a:active:after,
.categoryTree li a:focus:after,
.categoryTree li a:focus:hover:after,
.categoryTree li a.active:before,
.categoryTree li a.expanded:before,
.categoryTree li a:hover:before,
.categoryTree li a:active:hover:before,
.categoryTree li a:active:before,
.categoryTree li a:focus:before,
.categoryTree li a:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.categoryTree li a.active:after,
.categoryTree li a.expanded:after,
.categoryTree li a:hover:after,
.categoryTree li a:active:hover:after,
.categoryTree li a:active:after,
.categoryTree li a:focus:after,
.categoryTree li a:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -545px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
.categoryTree li a.active:not(a,.close-layover-link),
.categoryTree li a.expanded:not(a,.close-layover-link),
.categoryTree li a:hover:not(a,.close-layover-link),
.categoryTree li a:active:hover:not(a,.close-layover-link),
.categoryTree li a:active:not(a,.close-layover-link),
.categoryTree li a:focus:not(a,.close-layover-link),
.categoryTree li a:focus:hover:not(a,.close-layover-link) {
padding-left: 0;
}
.categoryTree li a.active:not(a,.close-layover-link):after,
.categoryTree li a.expanded:not(a,.close-layover-link):after,
.categoryTree li a:hover:not(a,.close-layover-link):after,
.categoryTree li a:active:hover:not(a,.close-layover-link):after,
.categoryTree li a:active:not(a,.close-layover-link):after,
.categoryTree li a:focus:not(a,.close-layover-link):after,
.categoryTree li a:focus:hover:not(a,.close-layover-link):after {
background: none;
width: 0;
display: none;
}
.categoryTree li a.active:after,
.categoryTree li a.expanded:after,
.categoryTree li a:hover:after,
.categoryTree li a:active:hover:after,
.categoryTree li a:active:after,
.categoryTree li a:focus:after,
.categoryTree li a:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -507px -275px;
width: 9px;
height: 16px;
position: absolute !important;
left: 0;
top: -1px;
}
.categoryTree li a.active,
.categoryTree li a.expanded {
color: #869e00;
}
.categoryTree li a:after {
content: ' >>';
}
.snippetPkgArticleDetailReference {
margin-bottom: 50px;
}
.snippetPkgArticleDetailReference .headline {
margin-bottom: 33px;
}
.snippetPkgArticleDetailReference .topic {
font-size: 40px;
line-height: 48px;
}
.snippetPkgArticleDetailReference .slider {
height: 650px;
}
@media (min-width: 992px) and (max-width: 1200px) {
.snippetPkgArticleDetailReference .slider {
height: 530px;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.snippetPkgArticleDetailReference .slider {
height: 410px;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.snippetPkgArticleDetailReference .slider {
height: 310px;
}
}
@media (max-width: 480px) {
.snippetPkgArticleDetailReference .slider {
height: 210px;
}
}
.magazineDetailStart {
margin-top: 7px;
}
.magazineDetailStart h1 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 40px;
line-height: 48px;
color: #333333;
padding-bottom: 6px;
}
.magazineDetailStart h1:after,
.magazineDetailStart h1:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetMagazineDetail .optionsRow {
margin-top: 30px;
}
.snippetMagazineDetail .optionsRow .optionLink {
text-decoration: none;
}
.snippetMagazineDetail .optionsRow .optionLink .sprite {
margin-right: 5px;
}
.snippetMagazineDetail .optionsRow .optionLink .text {
font-family: 'UnitWeb-Bold', sans-serif;
font-size: 15px;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #333333;
display: inline-block;
position: relative;
top: 4px;
left: 32px;
}
.snippetMagazineDetail .optionsRow .optionLink .text:after,
.snippetMagazineDetail .optionsRow .optionLink .text:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetMagazineDetail .optionsRow .optionLink .text:after,
.snippetMagazineDetail .optionsRow .optionLink .text:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetMagazineDetail .optionsRow .optionLink .text:hover,
.snippetMagazineDetail .optionsRow .optionLink .text:active:hover,
.snippetMagazineDetail .optionsRow .optionLink .text:active,
.snippetMagazineDetail .optionsRow .optionLink .text:focus,
.snippetMagazineDetail .optionsRow .optionLink .text:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #333333;
color: #869e00;
}
.snippetMagazineDetail .optionsRow .optionLink .text:hover:after,
.snippetMagazineDetail .optionsRow .optionLink .text:active:hover:after,
.snippetMagazineDetail .optionsRow .optionLink .text:active:after,
.snippetMagazineDetail .optionsRow .optionLink .text:focus:after,
.snippetMagazineDetail .optionsRow .optionLink .text:focus:hover:after,
.snippetMagazineDetail .optionsRow .optionLink .text:hover:before,
.snippetMagazineDetail .optionsRow .optionLink .text:active:hover:before,
.snippetMagazineDetail .optionsRow .optionLink .text:active:before,
.snippetMagazineDetail .optionsRow .optionLink .text:focus:before,
.snippetMagazineDetail .optionsRow .optionLink .text:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetMagazineDetail .optionsRow .voteLink .icon {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -5px -208px;
height: 26px;
background-position: -70px -250px;
width: 26px;
height: 27px;
}
.snippetMagazineDetail .optionsRow .voteLink:hover .icon,
.snippetMagazineDetail .optionsRow .voteLink:active .icon,
.snippetMagazineDetail .optionsRow .voteLink:focus .icon,
.snippetMagazineDetail .optionsRow .voteLink:active:hover .icon,
.snippetMagazineDetail .optionsRow .voteLink.voted .icon {
background-position: -41px -208px;
height: 26px;
background-position: -272px -250px;
width: 26px;
height: 27px;
}
.snippetMagazineDetail .optionsRow .addToNoticeList .icon {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -197px -208px;
height: 26px;
background-position: -507px -301px;
width: 26px;
height: 27px;
}
.snippetMagazineDetail .optionsRow .addToNoticeList:hover .icon,
.snippetMagazineDetail .optionsRow .addToNoticeList:active .icon,
.snippetMagazineDetail .optionsRow .addToNoticeList:focus .icon,
.snippetMagazineDetail .optionsRow .addToNoticeList:active:hover .icon {
background-position: -353px -208px;
height: 26px;
background-position: -51px -338px;
width: 26px;
height: 27px;
}
.snippetMagazineDetail .optionsRow .addToNoticeList .text {
width: 140px;
}
.snippetMagazineDetail .detail-text .cmswysiwyg {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
}
.snippetMagazineDetail .detail-text .cmswysiwyg:after,
.snippetMagazineDetail .detail-text .cmswysiwyg:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetMagazineDetail p {
margin-bottom: 24px;
}
.snippetTrustedShopsMoneyBackTeaser {
min-height: inherit !important;
padding-bottom: 20px;
}
.snippetTrustedShopsMoneyBackTeaser .logo {
text-align: center;
}
.snippetTrustedShopsMoneyBackTeaser .logo img {
max-width: 70%;
}
.snippetTrustedShopsMoneyBackTeaser .headline {
margin-bottom: 20px;
}
.snippetQuicksearch {
position: relative;
width: 100%;
}
.snippetQuicksearch .search-term-input {
float: left;
width: 80%;
display: inline-block;
padding-right: 3px;
}
.snippetQuicksearch .search-term-input input {
border-radius: 0;
font-size: 13px;
height: 34px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
background-color: #FFFFFF;
padding-left: 12px;
padding-right: 12px;
padding-top: 6px;
padding-bottom: 6px;
}
.snippetQuicksearch .search-term-input input:after,
.snippetQuicksearch .search-term-input input:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetQuicksearch .submit {
width: 20%;
display: inline-block;
}
.snippetQuicksearch .submit button {
color: #ffffff;
background-color: #869e00;
border: medium none;
border-radius: 0;
line-height: 34px;
height: 34px;
width: 100%;
font-size: 23px;
}
.snippetQuicksearch .submit button .glyphicon {
top: 3px;
}
.snippetQuicksearch #search-suggestions,
.snippetQuicksearch .suggestLayer {
position: absolute;
top: 36px;
left: 0;
z-index: 100;
background-color: #ffffff;
width: 100%;
-webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.75);
box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.75);
}
.snippetQuicksearch #search-suggestions ul,
.snippetQuicksearch .suggestLayer ul {
margin: 0;
padding: 0;
list-style-type: none;
margin-bottom: 16px;
}
.snippetQuicksearch #search-suggestions ul li,
.snippetQuicksearch .suggestLayer ul li {
line-height: 25px;
font-size: 16px;
padding: 7px 20px;
cursor: pointer;
}
.snippetQuicksearch #search-suggestions ul li:first-child,
.snippetQuicksearch .suggestLayer ul li:first-child {
margin-top: 16px;
}
.snippetQuicksearch #search-suggestions ul li:hover,
.snippetQuicksearch .suggestLayer ul li:hover,
.snippetQuicksearch #search-suggestions ul li:active,
.snippetQuicksearch .suggestLayer ul li:active,
.snippetQuicksearch #search-suggestions ul li:focus,
.snippetQuicksearch .suggestLayer ul li:focus,
.snippetQuicksearch #search-suggestions ul li:active:hover,
.snippetQuicksearch .suggestLayer ul li:active:hover {
background-color: #e5e5e5;
}
.snippetQuicksearch #search-suggestions ul li .highlight,
.snippetQuicksearch .suggestLayer ul li .highlight {
font-weight: bold;
}
.snippetQuicksearch #search-suggestions ul li .suggestTextQueryTyped,
.snippetQuicksearch .suggestLayer ul li .suggestTextQueryTyped {
font-weight: bold;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
}
.snippetQuicksearch #search-suggestions ul li .suggestTextQueryTyped:after,
.snippetQuicksearch .suggestLayer ul li .suggestTextQueryTyped:after,
.snippetQuicksearch #search-suggestions ul li .suggestTextQueryTyped:before,
.snippetQuicksearch .suggestLayer ul li .suggestTextQueryTyped:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetQuicksearch #search-suggestions ul li.suggestHeader,
.snippetQuicksearch .suggestLayer ul li.suggestHeader {
text-align: right;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 12px;
line-height: 14px;
color: #979797;
}
.snippetQuicksearch #search-suggestions ul li.suggestHeader:after,
.snippetQuicksearch .suggestLayer ul li.suggestHeader:after,
.snippetQuicksearch #search-suggestions ul li.suggestHeader:before,
.snippetQuicksearch .suggestLayer ul li.suggestHeader:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
#search-suggestions li {
display: table-row;
}
#search-suggestions li span {
display: table-cell;
vertical-align: middle;
}
#search-suggestions li span span {
display: inline;
}
#search-suggestions li .image {
vertical-align: top;
width: 40px;
padding-right: 5px;
}
.snippetSearch {
text-align: center;
}
.snippetSearch.snippetQuicksearch {
background: none;
border: none;
width: 100%;
float: none;
}
.snippetSearch.snippetQuicksearch form {
display: inline-block;
width: 40%;
}
@media (max-width: 768px) {
.snippetSearch.snippetQuicksearch form {
width: 80%;
float: none;
}
}
.snippetSearch.snippetQuicksearch form .search-term-input {
width: 70%;
}
.snippetSearch.snippetQuicksearch form .submit {
width: 20%;
}
.snippetSearch .options {
margin-top: 40px;
margin-bottom: 40px;
}
.snippetSearch .options a {
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 20px;
color: #ffffff;
text-transform: uppercase;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#525252+0,000000+100 */
background: #525252;
/* Old browsers */
background: -moz-linear-gradient(top, #525252 0%, #000000 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #525252 0%, #000000 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #525252 0%, #000000 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients9', endColorstr='@colorGradients10', GradientType=0);
/* IE6-9 */
width: 100%;
display: inline-block;
padding-top: 5px;
padding-bottom: 5px;
}
.snippetSearch .options a.active,
.snippetSearch .options a:hover,
.snippetSearch .options a:active,
.snippetSearch .options a:focus,
.snippetSearch .options a:active:hover {
color: #ffffff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a1a1a1+0,414141+100 */
background: #a1a1a1;
/* Old browsers */
background: -moz-linear-gradient(top, #a1a1a1 0%, #414141 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #a1a1a1 0%, #414141 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a1a1a1 0%, #414141 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients11', endColorstr='@colorGradients12', GradientType=0);
/* IE6-9 */
}
@media (max-width: 992px) {
.snippetSearch .options a {
margin-bottom: 10px;
}
}
.snippetSearchHeader {
margin-bottom: 70px;
}
.snippetSearchHeader .headline {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 40px;
line-height: 48px;
color: #333333;
margin-bottom: 20px;
}
.snippetSearchHeader .headline:after,
.snippetSearchHeader .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetSearchHeader .headline .term {
font-family: 'UnitWeb-Ita', sans-serif;
font-weight: 300;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans300Regular', Arial, sans-serif;
font-size: 40px;
line-height: 48px;
color: #333333;
}
.snippetSearchHeader .headline .term:after,
.snippetSearchHeader .headline .term:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetSearchHeader .alternate-result {
font-size: 18px;
line-height: 25px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 20px;
line-height: 28px;
color: #6b6b6b;
}
.snippetSearchHeader .alternate-result:after,
.snippetSearchHeader .alternate-result:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetSearchHeader .alternate-result a {
text-decoration: underline;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 20px;
line-height: 28px;
color: #333333;
text-transform: uppercase;
}
.snippetSearchHeader .alternate-result a:after {
content: '\00BB';
}
.snippetSearchHeader .alternate-result a:after,
.snippetSearchHeader .alternate-result a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetSearchHeader .alternate-result a:after,
.snippetSearchHeader .alternate-result a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetSearchHeader .alternate-result a:hover,
.snippetSearchHeader .alternate-result a:active:hover,
.snippetSearchHeader .alternate-result a:active,
.snippetSearchHeader .alternate-result a:focus,
.snippetSearchHeader .alternate-result a:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 20px;
line-height: 28px;
color: #333333;
text-transform: uppercase;
color: #869e00;
}
.snippetSearchHeader .alternate-result a:hover:after,
.snippetSearchHeader .alternate-result a:active:hover:after,
.snippetSearchHeader .alternate-result a:active:after,
.snippetSearchHeader .alternate-result a:focus:after,
.snippetSearchHeader .alternate-result a:focus:hover:after,
.snippetSearchHeader .alternate-result a:hover:before,
.snippetSearchHeader .alternate-result a:active:hover:before,
.snippetSearchHeader .alternate-result a:active:before,
.snippetSearchHeader .alternate-result a:focus:before,
.snippetSearchHeader .alternate-result a:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetSearchHeader .alternate-result a:after {
display: inline-block !important;
margin-left: 5px !important;
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -545px -275px;
width: 9px;
height: 16px;
}
.snippetSearchHeader .alternate-result a:hover:after,
.snippetSearchHeader .alternate-result a:active:hover:after,
.snippetSearchHeader .alternate-result a:active:after,
.snippetSearchHeader .alternate-result a:focus:after,
.snippetSearchHeader .alternate-result a:focus:hover:after {
background-position: -507px -275px;
width: 9px;
height: 16px;
}
.MTCustomSearch .snippetSearchHeader {
margin-bottom: 65px;
}
.MTCustomSearch > .headline span {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 24px;
line-height: 29px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #ffffff;
background-color: #333333;
padding: 2px 8px;
margin-bottom: 18px;
text-transform: uppercase;
width: auto;
display: inline-block;
float: none;
}
.MTCustomSearch > .headline span:after,
.MTCustomSearch > .headline span:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.MTCustomSearch .listDefaultHeaderAndFooter .header {
margin-bottom: 30px;
}
.snippetSalesConsultantTeaser {
position: fixed;
top: 213px;
right: 0;
z-index: 10;
display: none;
}
@media (min-width: 768px) {
.snippetSalesConsultantTeaser {
display: block;
}
}
.snippetSalesConsultantTeaser a.open-layover:hover .sprite,
.snippetSalesConsultantTeaser a.open-layover:focus .sprite {
background-position: -301px -152px;
width: 42px;
height: 207px;
}
.contactLayover {
position: absolute;
top: 0;
right: 696px;
}
.contactLayover .tab-navigation {
position: absolute;
top: 0;
left: 0;
z-index: 4;
width: 648px;
}
.contactLayover .tab-navigation .headline {
background-color: #494948;
font-size: 25px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 24px;
line-height: 29px;
color: #ffffff;
text-transform: uppercase;
line-height: 44px;
height: 44px;
padding: 0 16px;
float: left;
margin-right: 4px;
position: relative;
z-index: 5;
cursor: pointer;
}
.contactLayover .tab-navigation .headline:after,
.contactLayover .tab-navigation .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.contactLayover .tab-navigation .headline.active,
.contactLayover .tab-navigation .headline:hover,
.contactLayover .tab-navigation .headline:active,
.contactLayover .tab-navigation .headline:focus,
.contactLayover .tab-navigation .headline:active:hover {
background-color: #869e00;
}
.contactLayover .tab-navigation .headline:nth-of-type(2) {
width: 321px;
}
.contactLayover .tab-navigation .headline:nth-of-type(3) {
width: 276px;
}
.contactLayover .tab-navigation .close-button {
background-color: #494948;
font-size: 40px;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 13px;
line-height: 18px;
color: #ffffff;
text-transform: uppercase;
text-align: center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b70f00+0,971d00+100 */
background: #b70f00;
/* Old browsers */
background: -moz-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b70f00 0%, #971d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients1', endColorstr='@colorGradients2', GradientType=0);
/* IE6-9 */
width: 43px;
float: right;
line-height: 34px;
height: 44px;
cursor: pointer;
}
.contactLayover .tab-navigation .close-button.active,
.contactLayover .tab-navigation .close-button:hover,
.contactLayover .tab-navigation .close-button:active,
.contactLayover .tab-navigation .close-button:focus,
.contactLayover .tab-navigation .close-button:active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff2a00+0,b70d00+100 */
background: #ff2a00;
/* Old browsers */
background: -moz-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff2a00 0%, #b70d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients3', endColorstr='@colorGradients4', GradientType=0);
/* IE6-9 */
color: #ffffff;
}
.contactLayover .tab-navigation .close-button:hover,
.contactLayover .tab-navigation .close-button:active,
.contactLayover .tab-navigation .close-button:focus,
.contactLayover .tab-navigation .close-button:active:hover {
background-color: #869e00;
}
.contactLayover .snippetContactPersonTwoColumns {
position: absolute;
top: 44px;
left: 0;
display: none;
}
.contactLayover .snippetContactPersonTwoColumns.active {
display: block;
}
.contactLayover .nose {
position: absolute;
top: 124px;
right: -664px;
z-index: 3;
}
@media (min-width: 992px) {
.snippetPaymentMethodsLine .snippetPaymentMethodsLineIcons {
padding-right: 0px;
}
}
.snippetPaymentMethodsLine .with-icon {
margin-right: 4px;
}
.snippetPaymentMethodsLine .without-icon {
font-size: 12px;
line-height: 14px;
margin-right: 6px;
display: block;
height: 14px;
}
@media (min-width: 992px) {
.snippetPaymentMethodsLine .without-icon {
margin-right: 6px;
}
}
@media (max-width: 992px) {
.snippetPaymentMethodsLine .without-icon {
margin-top: 5px;
}
}
.snippetPaymentMethodsLine .list-without-icons {
margin-top: 10px;
text-align: center;
}
.snippetPaymentMethodsLine .list-without-icons div:first-child {
text-align: left;
}
.snippetPaymentMethodsLine .list-without-icons div:last-child {
text-align: right;
}
@media (min-width: 768px) {
.snippetPaymentMethodsLine .list-without-icons {
margin-top: 0;
text-align: left;
}
.snippetPaymentMethodsLine .list-without-icons div:last-child {
text-align: left;
}
}
@media (min-width: 992px) {
.snippetPaymentMethodsLine .list-without-icons .col:nth-child(even) {
text-align: center;
}
}
.snippetPaymentMethodsLine table {
width: 100%;
}
@media (max-width: 768px) {
.snippetPaymentMethodsLine table td:last-child {
text-align: right;
}
}
.snippetPaymentMethodsLine table td:last-child a {
margin-right: 0;
}
@media (min-width: 992px) and (max-width: 1200px) {
.snippetPaymentMethodsLine table td {
padding-left: 5px;
}
.snippetPaymentMethodsLine table td img {
width: 100%;
}
}
.snippetPaymentAndShippingTeaser {
min-height: auto;
height: auto;
overflow: inherit;
margin-bottom: 2px;
}
@media (min-width: 768px) {
.snippetPaymentAndShippingTeaser {
min-height: 238px;
height: 238px;
overflow: hidden;
}
}
.snippetPaymentAndShippingTeaser hr {
margin: 16px 0 24px 0;
border-top: 1px solid #777777;
}
.snippetPaymentAndShippingTeaser .shipping .icon span {
margin-left: 5px;
}
@media (min-width: 768px) {
.snippetPaymentAndShippingTeaser .shipping .icon span {
margin-left: 32px;
}
}
@media (max-width: 992px) {
.snippetPaymentAndShippingTeaser .shipping .icon span {
margin-left: 15px;
}
}
.snippetPaymentAndShippingTeaser .shipping .body {
height: auto;
overflow: inherit;
}
@media (min-width: 768px) {
.snippetPaymentAndShippingTeaser .shipping .body {
height: 54px;
overflow: hidden;
}
}
.snippetPaymentAndShippingTeaser .shipping .body .headline {
font-weight: bold;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
}
.snippetPaymentAndShippingTeaser .shipping .body .headline:after,
.snippetPaymentAndShippingTeaser .shipping .body .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetPaymentAndShippingTeaser .shipping .body .text {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
}
.snippetPaymentAndShippingTeaser .shipping .body .text:after,
.snippetPaymentAndShippingTeaser .shipping .body .text:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetPaymentAndShippingTeaser table.with-icon {
margin-top: 20px;
width: 100%;
table-layout: fixed;
}
.snippetPaymentAndShippingTeaser table.with-icon td {
text-align: center;
margin: 0;
padding: 0;
vertical-align: middle;
}
.snippetPaymentAndShippingTeaser table.with-icon td a {
display: inline-block;
text-align: center;
width: 90%;
}
.snippetPaymentAndShippingTeaser table.with-icon td a img {
display: inline;
}
.snippetPaymentAndShippingTeaser table.without-icon {
margin-top: 10px;
width: 100%;
}
.snippetPaymentAndShippingTeaser table.without-icon td {
text-align: center;
}
.snippetPaymentAndShippingTeaser table.without-icon td a {
border: 1px solid #777777;
display: block;
margin-right: 8px;
left: 7px;
padding: 5px 7px;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
text-transform: uppercase;
text-align: center;
border: 1px solid #000000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#525252+0,000000+100 */
background: #525252;
/* Old browsers */
background: -moz-linear-gradient(top, #525252 0%, #000000 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #525252 0%, #000000 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #525252 0%, #000000 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients9', endColorstr='@colorGradients10', GradientType=0);
/* IE6-9 */
}
.snippetPaymentAndShippingTeaser table.without-icon td a.active,
li.active .snippetPaymentAndShippingTeaser table.without-icon td a a,
.snippetPaymentAndShippingTeaser table.without-icon td a:hover,
.snippetPaymentAndShippingTeaser table.without-icon td a:active,
.snippetPaymentAndShippingTeaser table.without-icon td a:focus,
.snippetPaymentAndShippingTeaser table.without-icon td a:active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5c500+0,7e9400+100 */
background: #b5c500;
/* Old browsers */
background: -moz-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b5c500 0%, #7e9400 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients5', endColorstr='@colorGradients6', GradientType=0);
/* IE6-9 */
border: 1px solid #869e00;
}
.snippetPaymentAndShippingTeaser table.without-icon td:last-child a {
margin-right: 0;
}
.snippetPaymentAndShippingTeaser table.without-icon td:first-child a {
margin-left: 0;
}
@media (min-width: 768px) {
.layout-home .snippetPaymentAndShippingTeaser {
min-height: 264px;
}
}
@media (min-width: 992px) {
.layout-home .snippetPaymentAndShippingTeaser {
min-height: 249px;
}
}
@media (min-width: 1200px) {
.layout-home .snippetPaymentAndShippingTeaser {
min-height: 304px;
}
}
.snippetProductQuestion {
min-height: inherit;
border-bottom: medium none;
}
.snippetProductQuestion .headline {
margin-bottom: 20px;
}
.snippetProductQuestion .icon {
float: left;
margin-top: 12px;
}
.snippetProductQuestion .hotline-hours {
padding-left: 44px;
margin-top: 24px;
}
.snippetProductQuestion .hotline-hours strong {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #333333;
margin-top: -4px;
display: block;
}
.snippetProductQuestion .hotline-hours strong:after,
.snippetProductQuestion .hotline-hours strong:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetCustomerServiceTeaser {
min-height: inherit;
border-bottom: medium none;
padding-bottom: 28px;
}
.snippetCustomerServiceTeaser .headline {
margin-bottom: 20px;
}
.snippetCustomerServiceTeaser .icon {
float: left;
margin-top: 2px;
}
.snippetCustomerServiceTeaser .hotline-mail {
padding-left: 44px;
margin-top: 20px;
}
.MTShMap .mapheader {
font-weight: bold;
margin-bottom: 20px;
font-size: 16px;
}
.MTShMap .hoverArea {
position: relative;
}
.MTShMap .hoverArea .mapHoverItems .TShMapItem {
width: 240px;
border: 1px solid #b1b3b4;
padding: 10px;
background-color: #ffffff;
overflow: hidden;
position: absolute;
display: none;
z-index: 500;
-webkit-box-shadow: 1px 1px 6px 2px rgba(0, 0, 0, 0.57);
-moz-box-shadow: 1px 1px 6px 2px rgba(0, 0, 0, 0.57);
box-shadow: 1px 1px 6px 2px rgba(0, 0, 0, 0.57);
}
@media (max-width: 768px) {
.MTShMap .hoverArea {
display: none;
}
}
.MTShMap .countryHeadline {
margin-top: 19px;
margin-bottom: 28px;
}
.MTShMap .countryHeadline:before {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.MTShMap .countryHeadline .areaImg {
margin-top: -3px;
}
.MTShMap .mapItems {
margin-top: 24px;
}
.MTShMap .mapItems .TShMapItem .vDetail {
height: 300px;
margin-bottom: 62px;
border-bottom: 4px solid #000000;
}
.MTShMap .TShMapItem .image {
margin-bottom: 14px;
}
.MTShMap .TShMapItem .name {
font-weight: bold;
font-size: 18px;
margin-bottom: 3px;
}
.MTShMap .TShMapItem .subheadline {
font-size: 18px;
margin-bottom: 8px;
}
.MTShMap .TShMapItem .mail {
text-decoration: underline;
}
.snippetInfoAndCallToAction .headline {
margin: 0 0 2px 0;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 30px;
line-height: 36px;
color: #ffffff;
padding-bottom: 2px;
}
.snippetInfoAndCallToAction .headline:after,
.snippetInfoAndCallToAction .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetInfoAndCallToAction .brand {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
margin-bottom: 24px;
}
.snippetInfoAndCallToAction .brand:after,
.snippetInfoAndCallToAction .brand:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetInfoAndCallToAction .brand a {
color: #000000;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
text-decoration: underline;
}
.snippetInfoAndCallToAction .brand a:after,
.snippetInfoAndCallToAction .brand a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetInfoAndCallToAction .brand a:hover,
.snippetInfoAndCallToAction .brand a:active:hover,
.snippetInfoAndCallToAction .brand a:active,
.snippetInfoAndCallToAction .brand a:focus,
.snippetInfoAndCallToAction .brand a:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
text-decoration: underline;
color: #869e00;
}
.snippetInfoAndCallToAction .brand a:hover:after,
.snippetInfoAndCallToAction .brand a:active:hover:after,
.snippetInfoAndCallToAction .brand a:active:after,
.snippetInfoAndCallToAction .brand a:focus:after,
.snippetInfoAndCallToAction .brand a:focus:hover:after,
.snippetInfoAndCallToAction .brand a:hover:before,
.snippetInfoAndCallToAction .brand a:active:hover:before,
.snippetInfoAndCallToAction .brand a:active:before,
.snippetInfoAndCallToAction .brand a:focus:before,
.snippetInfoAndCallToAction .brand a:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetInfoAndCallToAction .prices {
margin-bottom: 16px;
}
.snippetInfoAndCallToAction .prices .price .snippetShopArticlePrice {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 18px;
line-height: 25px;
color: #ffffff;
}
.snippetInfoAndCallToAction .prices .price .snippetShopArticlePrice:after,
.snippetInfoAndCallToAction .prices .price .snippetShopArticlePrice:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetInfoAndCallToAction .prices .price .snippetShopArticlePrice .innerPrice,
.snippetInfoAndCallToAction .prices .price .snippetShopArticlePrice .currency {
color: #869e00;
font-size: 38px;
line-height: 42px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 42px;
line-height: 50px;
color: #ffffff;
padding-bottom: 7px;
}
.snippetInfoAndCallToAction .prices .price .snippetShopArticlePrice .innerPrice:after,
.snippetInfoAndCallToAction .prices .price .snippetShopArticlePrice .currency:after,
.snippetInfoAndCallToAction .prices .price .snippetShopArticlePrice .innerPrice:before,
.snippetInfoAndCallToAction .prices .price .snippetShopArticlePrice .currency:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetInfoAndCallToAction .prices .price-retail-block {
float: left;
margin-right: 12px;
}
.snippetInfoAndCallToAction .prices .price-retail-block .saving-percentage {
font-family: 'UnitWeb-Bold', sans-serif;
color: #869e00;
font-size: 12px;
margin-right: 2px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 18px;
line-height: 25px;
color: #ff0f00;
}
.snippetInfoAndCallToAction .prices .price-retail-block .saving-percentage:after,
.snippetInfoAndCallToAction .prices .price-retail-block .saving-percentage:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetInfoAndCallToAction .prices .price-retail-block .saving-percentage .text {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 18px;
line-height: 25px;
color: #ffffff;
}
.snippetInfoAndCallToAction .prices .price-retail-block .saving-percentage .text:after,
.snippetInfoAndCallToAction .prices .price-retail-block .saving-percentage .text:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetInfoAndCallToAction .prices .price-retail-block .price-retail {
color: #777777;
font-size: 11px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 18px;
line-height: 25px;
color: #ff0f00;
text-decoration: line-through;
}
.snippetInfoAndCallToAction .prices .price-retail-block .price-retail:after,
.snippetInfoAndCallToAction .prices .price-retail-block .price-retail:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetInfoAndCallToAction .prices .price-retail-block .price-retail .snippetShopArticlePrice {
text-decoration: line-through;
}
.snippetInfoAndCallToAction .prices .price-retail-block .price-retail .snippetShopArticlePrice .suffix {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 18px;
line-height: 25px;
color: #ffffff;
}
.snippetInfoAndCallToAction .prices .price-retail-block .price-retail .snippetShopArticlePrice .suffix:after,
.snippetInfoAndCallToAction .prices .price-retail-block .price-retail .snippetShopArticlePrice .suffix:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetInfoAndCallToAction .prices .price-info {
color: #777777;
font-size: 11px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 12px;
line-height: 14px;
color: #ffffff;
}
.snippetInfoAndCallToAction .prices .price-info:after,
.snippetInfoAndCallToAction .prices .price-info:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetInfoAndCallToAction .prices:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
.snippetInfoAndCallToAction .shipping {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
margin-bottom: 30px;
}
.snippetInfoAndCallToAction .shipping:after,
.snippetInfoAndCallToAction .shipping:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetInfoAndCallToAction .shipping .shipping-message {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
}
.snippetInfoAndCallToAction .shipping .shipping-message:after,
.snippetInfoAndCallToAction .shipping .shipping-message:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetInfoAndCallToAction .shipping .shipping-info {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
}
.snippetInfoAndCallToAction .shipping .shipping-info:after,
.snippetInfoAndCallToAction .shipping .shipping-info:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetInfoAndCallToAction .shipping .shipping-info a {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #869e00;
text-decoration: underline;
}
.snippetInfoAndCallToAction .shipping .shipping-info a:after,
.snippetInfoAndCallToAction .shipping .shipping-info a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetInfoAndCallToAction .shipping .shipping-info a:hover,
.snippetInfoAndCallToAction .shipping .shipping-info a:active:hover,
.snippetInfoAndCallToAction .shipping .shipping-info a:active,
.snippetInfoAndCallToAction .shipping .shipping-info a:focus,
.snippetInfoAndCallToAction .shipping .shipping-info a:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #869e00;
text-decoration: underline;
color: #ffffff;
}
.snippetInfoAndCallToAction .shipping .shipping-info a:hover:after,
.snippetInfoAndCallToAction .shipping .shipping-info a:active:hover:after,
.snippetInfoAndCallToAction .shipping .shipping-info a:active:after,
.snippetInfoAndCallToAction .shipping .shipping-info a:focus:after,
.snippetInfoAndCallToAction .shipping .shipping-info a:focus:hover:after,
.snippetInfoAndCallToAction .shipping .shipping-info a:hover:before,
.snippetInfoAndCallToAction .shipping .shipping-info a:active:hover:before,
.snippetInfoAndCallToAction .shipping .shipping-info a:active:before,
.snippetInfoAndCallToAction .shipping .shipping-info a:focus:before,
.snippetInfoAndCallToAction .shipping .shipping-info a:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetInfoAndCallToAction .snippetVariantSelection {
margin-bottom: 22px;
}
.snippetInfoAndCallToAction .chooseVariantInfo {
margin-bottom: 10px;
}
.snippetInfoAndCallToAction .snippetProductOptions {
margin-bottom: 30px;
}
.snippetInfoAndCallToAction table.vpe-price-list {
margin-bottom: 16px;
}
.snippetInfoAndCallToAction table.vpe-price-list th {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
}
.snippetInfoAndCallToAction table.vpe-price-list th:after,
.snippetInfoAndCallToAction table.vpe-price-list th:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetInfoAndCallToAction table.vpe-price-list td {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
}
.snippetInfoAndCallToAction table.vpe-price-list td:after,
.snippetInfoAndCallToAction table.vpe-price-list td:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetInfoAndCallToAction table.vpe-price-list th,
.snippetInfoAndCallToAction table.vpe-price-list td {
padding: 0 10px;
line-height: 24px;
}
.snippetInfoAndCallToAction table.vpe-price-list td,
.snippetInfoAndCallToAction table.vpe-price-list th {
border: 1px solid #ffffff;
}
.snippetInfoAndCallToAction .vpe-size {
font-weight: bold;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
margin-bottom: 30px;
}
.snippetInfoAndCallToAction .vpe-size:after,
.snippetInfoAndCallToAction .vpe-size:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetInfoAndCallToAction .vpe {
font-weight: bold;
margin-bottom: 30px;
}
.snippetInfoAndCallToAction .vpe-basket-form {
margin-bottom: 20px;
}
.snippetInfoAndCallToAction .vpe-basket-form table {
width: 100%;
}
.snippetInfoAndCallToAction .vpe-basket-form button {
margin-top: 0;
}
.snippetInfoAndCallToAction .cart-button {
background-color: #869e00;
padding: 10px;
margin-bottom: 10px;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 13px;
line-height: 18px;
color: #ffffff;
text-transform: uppercase;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b70f00+0,971d00+100 */
background: #b70f00;
/* Old browsers */
background: -moz-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b70f00 0%, #971d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients1', endColorstr='@colorGradients2', GradientType=0);
/* IE6-9 */
}
.snippetInfoAndCallToAction .cart-button:hover,
.snippetInfoAndCallToAction .cart-button:active,
.snippetInfoAndCallToAction .cart-button:focus,
.snippetInfoAndCallToAction .cart-button:active:hover {
color: #000000;
}
.snippetInfoAndCallToAction .cart-button.active,
.snippetInfoAndCallToAction .cart-button:hover,
.snippetInfoAndCallToAction .cart-button:active,
.snippetInfoAndCallToAction .cart-button:focus,
.snippetInfoAndCallToAction .cart-button:active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff2a00+0,b70d00+100 */
background: #ff2a00;
/* Old browsers */
background: -moz-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff2a00 0%, #b70d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients3', endColorstr='@colorGradients4', GradientType=0);
/* IE6-9 */
}
@media (min-width: 992px) {
.snippetInfoAndCallToAction .cart-button {
margin-bottom: 0;
}
}
.snippetInfoAndCallToAction .cart-button input {
font-size: 20px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
width: 25%;
display: block;
float: left;
border: medium none;
height: 40px;
color: #000000;
text-align: center;
background-color: #FFFFFF;
}
.snippetInfoAndCallToAction .cart-button input:after,
.snippetInfoAndCallToAction .cart-button input:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetInfoAndCallToAction .cart-button .click-area {
width: 75%;
display: block;
float: left;
line-height: 20px;
height: 40px;
border: medium none;
background: transparent;
}
.snippetInfoAndCallToAction .cart-button .click-area .icon {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -294px -5px;
width: 32px;
height: 24px;
margin-top: 7px;
margin-left: 10px;
display: block;
float: left;
}
.snippetInfoAndCallToAction .cart-button .click-area .label-text {
line-height: 45px;
padding-left: 50px;
display: block;
text-align: left;
}
@media (min-width: 768px) {
.snippetInfoAndCallToAction .cart-button .click-area .label-text {
line-height: inherit;
}
}
.snippetInfoAndCallToAction .cart-button:hover .click-area .icon,
.snippetInfoAndCallToAction .cart-button:active .click-area .icon,
.snippetInfoAndCallToAction .cart-button:focus .click-area .icon,
.snippetInfoAndCallToAction .cart-button:active:hover .click-area .icon {
background-position: -227px -45px;
width: 32px;
height: 24px;
}
.snippetInfoAndCallToAction .cart-button:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
.snippetInfoAndCallToAction .cart-button.disabled {
background-color: #494948;
background: #494948;
}
.snippetInfoAndCallToAction .cart-button.disabled .click-area {
margin-left: 27%;
text-align: center;
}
.snippetInfoAndCallToAction .cart-button.disabled .click-area:hover,
.snippetInfoAndCallToAction .cart-button.disabled .click-area:active,
.snippetInfoAndCallToAction .cart-button.disabled .click-area:focus,
.snippetInfoAndCallToAction .cart-button.disabled .click-area:active:hover {
color: #ffffff !important;
}
.snippetInfoAndCallToAction .cart-button.disabled .click-area:hover .icon,
.snippetInfoAndCallToAction .cart-button.disabled .click-area:active .icon,
.snippetInfoAndCallToAction .cart-button.disabled .click-area:focus .icon,
.snippetInfoAndCallToAction .cart-button.disabled .click-area:active:hover .icon {
background-position: -294px -5px;
width: 32px;
height: 24px;
}
.snippetInfoAndCallToAction .cart-button.disabled .label-text {
padding-left: 27px;
width: 75%;
margin: auto;
}
.snippetInfoAndCallToAction .notice-list-button {
background-color: #000000;
height: 60px;
padding: 10px;
display: block;
text-decoration: none;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 13px;
line-height: 18px;
color: #ffffff;
text-transform: uppercase;
background-color: #979797;
}
.snippetInfoAndCallToAction .notice-list-button.active,
.snippetInfoAndCallToAction .notice-list-button:hover,
.snippetInfoAndCallToAction .notice-list-button:active,
.snippetInfoAndCallToAction .notice-list-button:focus,
.snippetInfoAndCallToAction .notice-list-button:active:hover {
background-color: #6b6b6b;
}
.snippetInfoAndCallToAction .notice-list-button:hover,
.snippetInfoAndCallToAction .notice-list-button:active,
.snippetInfoAndCallToAction .notice-list-button:focus,
.snippetInfoAndCallToAction .notice-list-button:active:hover {
color: #869e00;
}
.snippetInfoAndCallToAction .notice-list-button .icon {
display: block;
float: left;
line-height: 40px;
font-size: 20px;
}
.snippetInfoAndCallToAction .notice-list-button .label-text {
display: block;
padding-left: 25px;
line-height: 45px;
}
@media (min-width: 992px) {
.snippetInfoAndCallToAction .notice-list-button .label-text {
line-height: 20px;
}
}
.snippetInfoAndCallToAction .notice-list-button.disabled {
background-color: #494948;
}
.snippetInfoAndCallToAction .notice-list-button.disabled:hover,
.snippetInfoAndCallToAction .notice-list-button.disabled:active,
.snippetInfoAndCallToAction .notice-list-button.disabled:focus,
.snippetInfoAndCallToAction .notice-list-button.disabled:active:hover {
color: #ffffff;
}
.snippetInfoAndCallToAction .notice-list-button--vpe {
padding: 6px 12px;
height: 35px;
margin-bottom: 20px;
}
.snippetInfoAndCallToAction .notice-list-button--vpe .icon {
display: block;
float: left;
line-height: 20px;
font-size: 20px;
}
.snippetInfoAndCallToAction .notice-list-button--vpe .label-text {
line-height: 26px;
}
.snippetInfoAndCallToAction .call-to-action {
margin-bottom: 10px;
}
.snippetInfoAndCallToAction .basePrice {
color: #777777;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 12px;
line-height: 14px;
color: #ffffff;
padding-left: 10px;
}
.snippetInfoAndCallToAction .basePrice:after,
.snippetInfoAndCallToAction .basePrice:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetInfoAndCallToAction .productDiscountBulkPrices {
width: 100%;
}
.snippetInfoAndCallToAction .productDiscountBulkPrices .option {
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
}
.snippetInfoAndCallToAction .productDiscountBulkPrices .option button {
color: #869e00;
font-size: 15px;
background-color: transparent;
border: none;
}
.snippetInfoAndCallToAction .productDiscountBulkPrices .option button:hover {
text-decoration: underline;
}
.snippetVariantSelection .title {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
padding-top: 3px;
}
.snippetVariantSelection .title:after,
.snippetVariantSelection .title:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetVariantSelection a.value {
border: 1px solid #777777;
margin-bottom: 8px;
display: block;
text-decoration: none;
color: #000000;
line-height: 20px;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 13px;
line-height: 18px;
color: #ffffff;
text-align: center;
background-color: transparent;
}
.snippetVariantSelection a.value.active,
.snippetVariantSelection a.value:hover,
.snippetVariantSelection a.value:active,
.snippetVariantSelection a.value:focus,
.snippetVariantSelection a.value:active:hover {
background-color: #000000;
border: 1px solid #000000;
color: #ffffff;
}
.snippetVariantSelection a.value.active,
.snippetVariantSelection a.value:hover,
.snippetVariantSelection a.value:active,
.snippetVariantSelection a.value:focus,
.snippetVariantSelection a.value:active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5c500+0,7e9400+100 */
background: #b5c500;
/* Old browsers */
background: -moz-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b5c500 0%, #7e9400 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients5', endColorstr='@colorGradients6', GradientType=0);
/* IE6-9 */
}
.no-js .snippetProductOptions .hidden-options {
display: block;
}
.no-js .snippetProductOptions .show-all {
display: none;
}
.snippetProductOptions .checkbox {
margin-bottom: 13px;
}
.snippetProductOptions .checkbox label {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
padding-left: 25px;
width: 100%;
}
.snippetProductOptions .checkbox label:after,
.snippetProductOptions .checkbox label:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductOptions .checkbox label input[type="checkbox"] {
margin-left: -25px;
}
.snippetProductOptions .checkbox strong {
line-height: 20px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
}
.snippetProductOptions .checkbox strong:after,
.snippetProductOptions .checkbox strong:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductOptions .hidden-options {
display: none;
margin-top: -10px;
}
.snippetProductOptions .show-all {
margin-top: -3px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
text-transform: uppercase;
}
.snippetProductOptions .show-all:after,
.snippetProductOptions .show-all:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductOptions .show-all .icon {
position: absolute;
margin-left: -26px;
width: 16px;
height: 16px;
text-align: center;
line-height: 16px;
font-size: 12px;
display: block;
}
.snippetProductDetailTabs {
margin-top: -25px;
}
@media (min-width: 1200px) {
.snippetProductDetailTabs {
margin-top: -40px;
}
}
.snippetProductDetailTabs .overall-rating {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
margin-top: 14px;
margin-bottom: 20px;
}
.snippetProductDetailTabs .overall-rating:after,
.snippetProductDetailTabs .overall-rating:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductDetailTabs .overall-rating .average-rating {
float: left;
font-weight: bold;
margin-right: 3px;
}
.snippetProductDetailTabs .overall-rating:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
.snippetProductDetailTabs .overall-rating .dl-horizontal div.stars {
margin-top: 2px;
}
.snippetProductDetailTabs .write-review-layover.btn {
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 13px;
line-height: 18px;
color: #ffffff;
text-transform: uppercase;
text-align: center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b70f00+0,971d00+100 */
background: #b70f00;
/* Old browsers */
background: -moz-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b70f00 0%, #971d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients1', endColorstr='@colorGradients2', GradientType=0);
/* IE6-9 */
}
.snippetProductDetailTabs .write-review-layover.btn.active,
.snippetProductDetailTabs .write-review-layover.btn:hover,
.snippetProductDetailTabs .write-review-layover.btn:active,
.snippetProductDetailTabs .write-review-layover.btn:focus,
.snippetProductDetailTabs .write-review-layover.btn:active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff2a00+0,b70d00+100 */
background: #ff2a00;
/* Old browsers */
background: -moz-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff2a00 0%, #b70d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients3', endColorstr='@colorGradients4', GradientType=0);
/* IE6-9 */
color: #ffffff;
}
.snippetProductDetailTabs .snippetShopRatingList {
margin-top: 24px;
}
.snippetProductDetailTabs .snippetProductAttributes {
margin-top: 19px;
}
.snippetProductDetailTabs .snippetProductDocuments {
margin-top: 22px;
}
.snippetProductDetailTabs .product-description ul {
list-style-image: url('/assets/sgd-assets/img/list-arrow.png');
margin: 13px auto;
}
.snippetProductDetailTabs .product-description ul li {
line-height: 1.5;
}
.snippetShopArticleDetailGallery {
position: relative;
}
.snippetShopArticleDetailGallery .event-teaser {
z-index: 2;
position: absolute;
right: 25px;
top: 10px;
}
.snippetShopArticleDetailGallery .slider {
height: 510px;
}
@media (min-width: 992px) and (max-width: 1200px) {
.snippetShopArticleDetailGallery .slider {
height: 510px;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.snippetShopArticleDetailGallery .slider {
height: 410px;
}
}
@media (max-width: 480px) {
.snippetShopArticleDetailGallery .slider {
height: 410px;
}
}
.snippetTabsBlackAndWhite .tab-content .pro-contra .headline {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 20px;
line-height: 30px;
color: #ffffff;
background-color: #333333;
text-transform: uppercase;
padding: 2px 8px;
margin-bottom: 5px;
}
.snippetTabsBlackAndWhite .tab-content .pro-contra .headline:after,
.snippetTabsBlackAndWhite .tab-content .pro-contra .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductAttributes dl {
border-top: 1px solid #7d7d7d;
}
.snippetProductAttributes dl dt {
line-height: 27px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
float: left;
width: 160px;
padding: 5px 0;
text-align: left;
}
.snippetProductAttributes dl dt:after,
.snippetProductAttributes dl dt:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
@media (min-width: 768px) {
.snippetProductAttributes dl dt {
width: 242px;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.snippetProductAttributes dl dt {
float: none;
width: 100%;
}
}
.snippetProductAttributes dl dd {
line-height: 27px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
border-bottom: 1px solid #7d7d7d;
margin-left: 0;
padding: 5px 0;
padding-left: 160px;
}
.snippetProductAttributes dl dd:after,
.snippetProductAttributes dl dd:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
@media (min-width: 768px) {
.snippetProductAttributes dl dd {
padding-left: 242px;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.snippetProductAttributes dl dd {
float: none;
width: 100%;
padding-left: 0;
}
}
.snippetProductAttributes dl dd > a {
color: #000000;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
text-decoration: underline;
}
.snippetProductAttributes dl dd > a:after,
.snippetProductAttributes dl dd > a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductAttributes dl dd > a:hover,
.snippetProductAttributes dl dd > a:active:hover,
.snippetProductAttributes dl dd > a:active,
.snippetProductAttributes dl dd > a:focus,
.snippetProductAttributes dl dd > a:focus:hover {
color: #869e00;
}
.snippetProductAttributes dl dd > a:not(a) {
text-decoration: none;
}
.snippetProductAttributes dl dd > a:not(a):hover,
.snippetProductAttributes dl dd > a:not(a):active:hover,
.snippetProductAttributes dl dd > a:not(a):active,
.snippetProductAttributes dl dd > a:not(a):focus,
.snippetProductAttributes dl dd > a:not(a):focus:hover {
color: #979797;
}
.snippetProductAttributes dl.dl-horizontal-responsive {
display: grid;
grid-template-columns: 160px auto;
border-top: 1px solid #333333;
font-size: 14px;
}
@media (min-width: 768px) {
.snippetProductAttributes dl.dl-horizontal-responsive {
grid-template-columns: auto;
}
}
.snippetProductAttributes dl.dl-horizontal-responsive dt {
margin: 0;
padding: 5px 2px;
border-bottom: 1px solid #333333;
font-weight: bold;
color: #333333;
}
@media (min-width: 768px) {
.snippetProductAttributes dl.dl-horizontal-responsive dt {
border-bottom: none;
}
}
.snippetProductAttributes dl.dl-horizontal-responsive dd {
margin: 0;
padding: 5px 2px 5px 6px;
border-bottom: 1px solid #333333;
color: #6b6b6b;
}
@media (min-width: 768px) {
.snippetProductAttributes dl.dl-horizontal-responsive dd {
padding: 5px 2px 5px 2px;
}
}
.snippetProductDocuments .download {
border-top: 1px solid #7d7d7d;
padding-top: 24px;
padding-bottom: 24px;
}
.snippetProductDocuments .download .headline {
padding: 0 !important;
margin: 0 !important;
text-decoration: none !important;
text-transform: none !important;
text-align: left !important;
background-color: transparent !important;
border: none !important;
letter-spacing: normal !important;
font-weight: normal !important;
font-size: 18px !important;
line-height: 22px !important;
font-family: 'MuseoSans700', Arial, sans-serif !important;
color: #333333 !important;
margin-bottom: 10px !important;
}
.snippetProductDocuments .download .headline:after,
.snippetProductDocuments .download .headline:before {
content: '' !important;
margin: 0 !important !important;
padding: 0 !important !important;
display: inline !important !important;
position: inherit !important !important;
}
.snippetProductDocuments .download .description {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
margin-bottom: 7px;
}
.snippetProductDocuments .download .description:after,
.snippetProductDocuments .download .description:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductDocuments .download .download-link {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
}
.snippetProductDocuments .download .download-link::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductDocuments .download .download-link:after,
.snippetProductDocuments .download .download-link:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductDocuments .download .download-link:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductDocuments .download .download-link:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
}
.snippetProductDocuments .download .download-link:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductDocuments .download .download-link:hover:after,
.snippetProductDocuments .download .download-link:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductDocuments .download .download-link:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductDocuments .download .download-link:hover:hover,
.snippetProductDocuments .download .download-link:hover:active:hover,
.snippetProductDocuments .download .download-link:hover:active,
.snippetProductDocuments .download .download-link:hover:focus,
.snippetProductDocuments .download .download-link:hover:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.snippetProductDocuments .download .download-link:hover:hover::after,
.snippetProductDocuments .download .download-link:hover:active:hover::after,
.snippetProductDocuments .download .download-link:hover:active::after,
.snippetProductDocuments .download .download-link:hover:focus::after,
.snippetProductDocuments .download .download-link:hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductDocuments .download .download-link:hover:hover:after,
.snippetProductDocuments .download .download-link:hover:active:hover:after,
.snippetProductDocuments .download .download-link:hover:active:after,
.snippetProductDocuments .download .download-link:hover:focus:after,
.snippetProductDocuments .download .download-link:hover:focus:hover:after,
.snippetProductDocuments .download .download-link:hover:hover:before,
.snippetProductDocuments .download .download-link:hover:active:hover:before,
.snippetProductDocuments .download .download-link:hover:active:before,
.snippetProductDocuments .download .download-link:hover:focus:before,
.snippetProductDocuments .download .download-link:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductDocuments .download .download-link:hover:hover:after,
.snippetProductDocuments .download .download-link:hover:active:hover:after,
.snippetProductDocuments .download .download-link:hover:active:after,
.snippetProductDocuments .download .download-link:hover:focus:after,
.snippetProductDocuments .download .download-link:hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductDocuments .download .download-link:hover:hover::after,
.snippetProductDocuments .download .download-link:hover:active:hover::after,
.snippetProductDocuments .download .download-link:hover:active::after,
.snippetProductDocuments .download .download-link:hover:focus::after,
.snippetProductDocuments .download .download-link:hover:focus:hover::after {
color: #869e00;
}
.snippetProductDocuments .download .download-link:hover:hover::after,
.snippetProductDocuments .download .download-link:hover:active:hover::after,
.snippetProductDocuments .download .download-link:hover:active::after,
.snippetProductDocuments .download .download-link:hover:focus::after,
.snippetProductDocuments .download .download-link:hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductDocuments .download .download-link:hover:hover:after,
.snippetProductDocuments .download .download-link:hover:active:hover:after,
.snippetProductDocuments .download .download-link:hover:active:after,
.snippetProductDocuments .download .download-link:hover:focus:after,
.snippetProductDocuments .download .download-link:hover:focus:hover:after,
.snippetProductDocuments .download .download-link:hover:hover:before,
.snippetProductDocuments .download .download-link:hover:active:hover:before,
.snippetProductDocuments .download .download-link:hover:active:before,
.snippetProductDocuments .download .download-link:hover:focus:before,
.snippetProductDocuments .download .download-link:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductDocuments .download .download-link:hover:hover:after,
.snippetProductDocuments .download .download-link:hover:active:hover:after,
.snippetProductDocuments .download .download-link:hover:active:after,
.snippetProductDocuments .download .download-link:hover:focus:after,
.snippetProductDocuments .download .download-link:hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductDocuments .download .download-link:hover:hover:after,
.snippetProductDocuments .download .download-link:hover:active:hover:after,
.snippetProductDocuments .download .download-link:hover:active:after,
.snippetProductDocuments .download .download-link:hover:focus:after,
.snippetProductDocuments .download .download-link:hover:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.snippetProductDocuments .download .download-link:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductDocuments .download .download-link:hover:after,
.snippetProductDocuments .download .download-link:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductDocuments .download .download-link:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductDocuments .download .download-link:hover:hover,
.snippetProductDocuments .download .download-link:hover:active:hover,
.snippetProductDocuments .download .download-link:hover:active,
.snippetProductDocuments .download .download-link:hover:focus,
.snippetProductDocuments .download .download-link:hover:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.snippetProductDocuments .download .download-link:hover:hover::after,
.snippetProductDocuments .download .download-link:hover:active:hover::after,
.snippetProductDocuments .download .download-link:hover:active::after,
.snippetProductDocuments .download .download-link:hover:focus::after,
.snippetProductDocuments .download .download-link:hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductDocuments .download .download-link:hover:hover:after,
.snippetProductDocuments .download .download-link:hover:active:hover:after,
.snippetProductDocuments .download .download-link:hover:active:after,
.snippetProductDocuments .download .download-link:hover:focus:after,
.snippetProductDocuments .download .download-link:hover:focus:hover:after,
.snippetProductDocuments .download .download-link:hover:hover:before,
.snippetProductDocuments .download .download-link:hover:active:hover:before,
.snippetProductDocuments .download .download-link:hover:active:before,
.snippetProductDocuments .download .download-link:hover:focus:before,
.snippetProductDocuments .download .download-link:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductDocuments .download .download-link:hover:hover:after,
.snippetProductDocuments .download .download-link:hover:active:hover:after,
.snippetProductDocuments .download .download-link:hover:active:after,
.snippetProductDocuments .download .download-link:hover:focus:after,
.snippetProductDocuments .download .download-link:hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductDocuments .download .download-link:hover:hover::after,
.snippetProductDocuments .download .download-link:hover:active:hover::after,
.snippetProductDocuments .download .download-link:hover:active::after,
.snippetProductDocuments .download .download-link:hover:focus::after,
.snippetProductDocuments .download .download-link:hover:focus:hover::after {
color: #869e00;
}
.snippetProductDocuments .download .download-link:hover:hover::after,
.snippetProductDocuments .download .download-link:hover:active:hover::after,
.snippetProductDocuments .download .download-link:hover:active::after,
.snippetProductDocuments .download .download-link:hover:focus::after,
.snippetProductDocuments .download .download-link:hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductDocuments .download .download-link:hover:hover:after,
.snippetProductDocuments .download .download-link:hover:active:hover:after,
.snippetProductDocuments .download .download-link:hover:active:after,
.snippetProductDocuments .download .download-link:hover:focus:after,
.snippetProductDocuments .download .download-link:hover:focus:hover:after,
.snippetProductDocuments .download .download-link:hover:hover:before,
.snippetProductDocuments .download .download-link:hover:active:hover:before,
.snippetProductDocuments .download .download-link:hover:active:before,
.snippetProductDocuments .download .download-link:hover:focus:before,
.snippetProductDocuments .download .download-link:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductDocuments .download .download-link:hover:hover:after,
.snippetProductDocuments .download .download-link:hover:active:hover:after,
.snippetProductDocuments .download .download-link:hover:active:after,
.snippetProductDocuments .download .download-link:hover:focus:after,
.snippetProductDocuments .download .download-link:hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductDocuments .download .download-link:hover:hover:after,
.snippetProductDocuments .download .download-link:hover:active:hover:after,
.snippetProductDocuments .download .download-link:hover:active:after,
.snippetProductDocuments .download .download-link:hover:focus:after,
.snippetProductDocuments .download .download-link:hover:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.snippetProductDocuments .download .image {
position: relative;
top: 10px;
}
.snippetProductDocuments .download:last-child {
border-bottom: 1px solid #7d7d7d;
}
table.vpe-price-list {
width: auto;
border-collapse: collapse;
margin-bottom: 10px;
}
table.vpe-price-list th,
table.vpe-price-list td {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
width: 100px;
padding: 0 10px;
line-height: 24px;
border: 1px solid #777777;
}
table.vpe-price-list th:after,
table.vpe-price-list td:after,
table.vpe-price-list th:before,
table.vpe-price-list td:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
table.vpe-price-list th {
font-weight: bold;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
}
table.vpe-price-list th:after,
table.vpe-price-list th:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
table.vpe-price-list td,
table.vpe-price-list th {
border: 1px solid #333333;
}
.vpe-size {
font-weight: bold;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
margin-bottom: 24px;
}
.vpe-size:after,
.vpe-size:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.vpe-basket-form td.select-vpe {
padding-right: 5px;
}
@media (min-width: 992px) {
.vpe-basket-form td.select-vpe {
padding-right: 25px;
}
}
.vpe-basket-form .amount {
width: 60px;
display: inline;
margin-right: 5px;
}
.vpe-basket-form .btn {
margin-top: 10px;
}
.basket-form-no-vpe .amount {
float: left;
width: 22%;
padding-right: 3px;
}
.basket-form-no-vpe .amount input {
width: 100%;
text-align: center;
padding-left: 2px;
padding-right: 2px;
padding-bottom: 0;
padding-top: 0;
height: 35px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.basket-form-no-vpe .basket-button {
width: 78%;
float: left;
}
.basket-form-no-vpe .basket-button button {
height: 35px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 13px;
line-height: 18px;
color: #ffffff;
text-transform: uppercase;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b70f00+0,971d00+100 */
background: #b70f00;
/* Old browsers */
background: -moz-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b70f00 0%, #971d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients1', endColorstr='@colorGradients2', GradientType=0);
/* IE6-9 */
}
.basket-form-no-vpe .basket-button button.active,
.basket-form-no-vpe .basket-button button:hover,
.basket-form-no-vpe .basket-button button:active,
.basket-form-no-vpe .basket-button button:focus,
.basket-form-no-vpe .basket-button button:active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff2a00+0,b70d00+100 */
background: #ff2a00;
/* Old browsers */
background: -moz-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff2a00 0%, #b70d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients3', endColorstr='@colorGradients4', GradientType=0);
/* IE6-9 */
}
.basket-form-no-vpe .basket-button button .icon {
vertical-align: bottom;
margin-right: 5px;
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -219px -5px;
width: 25px;
height: 18px;
background-position: -483px -5px;
width: 23px;
height: 23px;
}
@media (min-width: 768px) and (max-width: 991px) {
.basket-form-no-vpe .basket-button button .icon {
display: none;
}
}
.basket-form-no-vpe .basket-button button:hover .icon,
.basket-form-no-vpe .basket-button button:active .icon,
.basket-form-no-vpe .basket-button button:focus .icon,
.basket-form-no-vpe .basket-button button:active:hover .icon {
background-position: -37px -45px;
width: 25px;
height: 18px;
background-position: -483px -5px;
width: 23px;
height: 23px;
}
.basket-form-no-vpe .basket-button:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
.snippetProductListVertical .snippetProductTeaserVertical {
margin-bottom: 36px;
}
.snippetProductListVertical .inner-headline {
float: left;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 24px;
line-height: 29px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #ffffff;
background-color: #333333;
padding: 2px 8px;
margin-bottom: 18px;
text-transform: uppercase;
width: auto;
display: inline-block;
}
.snippetProductListVertical .inner-headline:after,
.snippetProductListVertical .inner-headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListVertical .snippetPagingPreviousNext {
font-size: 14px;
float: right;
position: relative;
top: 3px;
}
.snippetProductListVertical .headline {
margin-bottom: 17px;
}
.snippetProductListVertical .headline:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
.snippetProductListVertical .show-button {
font-family: "UnitWeb", sans-serif;
font-size: 15px;
line-height: 20px;
background-color: #869e00;
border: medium none;
width: 100%;
padding: 5px 0;
display: block;
text-decoration: none;
border-radius: 0;
outline: none;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 13px;
line-height: 16px;
color: #ffffff;
text-transform: uppercase;
text-align: center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5c500+0,7e9400+100 */
background: #b5c500;
/* Old browsers */
background: -moz-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b5c500 0%, #7e9400 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients5', endColorstr='@colorGradients6', GradientType=0);
/* IE6-9 */
}
.snippetProductListVertical .show-button:hover {
background-color: #869e00;
color: #000000;
}
.snippetProductListVertical .show-button.active,
.snippetProductListVertical .show-button:hover,
.snippetProductListVertical .show-button:active,
.snippetProductListVertical .show-button:focus,
.snippetProductListVertical .show-button:active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f400+0,aebf00+100 */
background: #f0f400;
/* Old browsers */
background: -moz-linear-gradient(top, #f0f400 0%, #aebf00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #f0f400 0%, #aebf00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f0f400 0%, #aebf00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients7', endColorstr='@colorGradients8', GradientType=0);
/* IE6-9 */
}
.snippetProductListVerticalNarrow .snippetProductTeaserVerticalNarrow {
margin-bottom: 20px;
}
.snippetProductListVerticalNarrow .headline {
margin-bottom: 17px;
}
.snippetProductListVerticalNarrow .headline .inner-headline {
font-size: 18px;
letter-spacing: 0;
line-height: 21px;
padding: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 16px;
line-height: 19px;
color: #ffffff;
text-transform: uppercase;
background-color: #333333;
padding: 1px 6px;
margin-bottom: 20px;
float: left;
margin: 0;
}
.snippetProductListVerticalNarrow .headline .inner-headline:after,
.snippetProductListVerticalNarrow .headline .inner-headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListVerticalNarrow .headline > .more {
line-height: 20px;
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
float: right;
}
.snippetProductListVerticalNarrow .headline > .more::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductListVerticalNarrow .headline > .more:after,
.snippetProductListVerticalNarrow .headline > .more:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListVerticalNarrow .headline > .more:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductListVerticalNarrow .headline > .more:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
}
.snippetProductListVerticalNarrow .headline > .more:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductListVerticalNarrow .headline > .more:hover:after,
.snippetProductListVerticalNarrow .headline > .more:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListVerticalNarrow .headline > .more:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductListVerticalNarrow .headline > .more:hover:hover,
.snippetProductListVerticalNarrow .headline > .more:hover:active:hover,
.snippetProductListVerticalNarrow .headline > .more:hover:active,
.snippetProductListVerticalNarrow .headline > .more:hover:focus,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.snippetProductListVerticalNarrow .headline > .more:hover:hover::after,
.snippetProductListVerticalNarrow .headline > .more:hover:active:hover::after,
.snippetProductListVerticalNarrow .headline > .more:hover:active::after,
.snippetProductListVerticalNarrow .headline > .more:hover:focus::after,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductListVerticalNarrow .headline > .more:hover:hover:after,
.snippetProductListVerticalNarrow .headline > .more:hover:active:hover:after,
.snippetProductListVerticalNarrow .headline > .more:hover:active:after,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:after,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:hover:after,
.snippetProductListVerticalNarrow .headline > .more:hover:hover:before,
.snippetProductListVerticalNarrow .headline > .more:hover:active:hover:before,
.snippetProductListVerticalNarrow .headline > .more:hover:active:before,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:before,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListVerticalNarrow .headline > .more:hover:hover:after,
.snippetProductListVerticalNarrow .headline > .more:hover:active:hover:after,
.snippetProductListVerticalNarrow .headline > .more:hover:active:after,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:after,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductListVerticalNarrow .headline > .more:hover:hover::after,
.snippetProductListVerticalNarrow .headline > .more:hover:active:hover::after,
.snippetProductListVerticalNarrow .headline > .more:hover:active::after,
.snippetProductListVerticalNarrow .headline > .more:hover:focus::after,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:hover::after {
color: #869e00;
}
.snippetProductListVerticalNarrow .headline > .more:hover:hover::after,
.snippetProductListVerticalNarrow .headline > .more:hover:active:hover::after,
.snippetProductListVerticalNarrow .headline > .more:hover:active::after,
.snippetProductListVerticalNarrow .headline > .more:hover:focus::after,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductListVerticalNarrow .headline > .more:hover:hover:after,
.snippetProductListVerticalNarrow .headline > .more:hover:active:hover:after,
.snippetProductListVerticalNarrow .headline > .more:hover:active:after,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:after,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:hover:after,
.snippetProductListVerticalNarrow .headline > .more:hover:hover:before,
.snippetProductListVerticalNarrow .headline > .more:hover:active:hover:before,
.snippetProductListVerticalNarrow .headline > .more:hover:active:before,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:before,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListVerticalNarrow .headline > .more:hover:hover:after,
.snippetProductListVerticalNarrow .headline > .more:hover:active:hover:after,
.snippetProductListVerticalNarrow .headline > .more:hover:active:after,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:after,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductListVerticalNarrow .headline > .more:hover:hover:after,
.snippetProductListVerticalNarrow .headline > .more:hover:active:hover:after,
.snippetProductListVerticalNarrow .headline > .more:hover:active:after,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:after,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.snippetProductListVerticalNarrow .headline > .more:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductListVerticalNarrow .headline > .more:hover:after,
.snippetProductListVerticalNarrow .headline > .more:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListVerticalNarrow .headline > .more:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductListVerticalNarrow .headline > .more:hover:hover,
.snippetProductListVerticalNarrow .headline > .more:hover:active:hover,
.snippetProductListVerticalNarrow .headline > .more:hover:active,
.snippetProductListVerticalNarrow .headline > .more:hover:focus,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.snippetProductListVerticalNarrow .headline > .more:hover:hover::after,
.snippetProductListVerticalNarrow .headline > .more:hover:active:hover::after,
.snippetProductListVerticalNarrow .headline > .more:hover:active::after,
.snippetProductListVerticalNarrow .headline > .more:hover:focus::after,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductListVerticalNarrow .headline > .more:hover:hover:after,
.snippetProductListVerticalNarrow .headline > .more:hover:active:hover:after,
.snippetProductListVerticalNarrow .headline > .more:hover:active:after,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:after,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:hover:after,
.snippetProductListVerticalNarrow .headline > .more:hover:hover:before,
.snippetProductListVerticalNarrow .headline > .more:hover:active:hover:before,
.snippetProductListVerticalNarrow .headline > .more:hover:active:before,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:before,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListVerticalNarrow .headline > .more:hover:hover:after,
.snippetProductListVerticalNarrow .headline > .more:hover:active:hover:after,
.snippetProductListVerticalNarrow .headline > .more:hover:active:after,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:after,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductListVerticalNarrow .headline > .more:hover:hover::after,
.snippetProductListVerticalNarrow .headline > .more:hover:active:hover::after,
.snippetProductListVerticalNarrow .headline > .more:hover:active::after,
.snippetProductListVerticalNarrow .headline > .more:hover:focus::after,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:hover::after {
color: #869e00;
}
.snippetProductListVerticalNarrow .headline > .more:hover:hover::after,
.snippetProductListVerticalNarrow .headline > .more:hover:active:hover::after,
.snippetProductListVerticalNarrow .headline > .more:hover:active::after,
.snippetProductListVerticalNarrow .headline > .more:hover:focus::after,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductListVerticalNarrow .headline > .more:hover:hover:after,
.snippetProductListVerticalNarrow .headline > .more:hover:active:hover:after,
.snippetProductListVerticalNarrow .headline > .more:hover:active:after,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:after,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:hover:after,
.snippetProductListVerticalNarrow .headline > .more:hover:hover:before,
.snippetProductListVerticalNarrow .headline > .more:hover:active:hover:before,
.snippetProductListVerticalNarrow .headline > .more:hover:active:before,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:before,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListVerticalNarrow .headline > .more:hover:hover:after,
.snippetProductListVerticalNarrow .headline > .more:hover:active:hover:after,
.snippetProductListVerticalNarrow .headline > .more:hover:active:after,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:after,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductListVerticalNarrow .headline > .more:hover:hover:after,
.snippetProductListVerticalNarrow .headline > .more:hover:active:hover:after,
.snippetProductListVerticalNarrow .headline > .more:hover:active:after,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:after,
.snippetProductListVerticalNarrow .headline > .more:hover:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.snippetProductListVerticalNarrow .headline > .more:after {
content: ' >>';
}
.snippetProductListVerticalNarrow .headline:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
.snippetProductListStandard .headlineWithMore {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 24px;
line-height: 29px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #ffffff;
background-color: #333333;
padding: 2px 8px;
margin-bottom: 18px;
text-transform: uppercase;
width: auto;
display: inline-block;
}
.snippetProductListStandard .headlineWithMore:after,
.snippetProductListStandard .headlineWithMore:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListStandard .headlineWithMore .inner-headline {
float: left;
margin: 0;
}
.snippetProductListStandard .headlineWithMore > .more {
line-height: 20px;
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
margin-top: 10px;
float: right;
}
.snippetProductListStandard .headlineWithMore > .more::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductListStandard .headlineWithMore > .more:after,
.snippetProductListStandard .headlineWithMore > .more:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListStandard .headlineWithMore > .more:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductListStandard .headlineWithMore > .more:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
margin-top: 10px !important;
}
.snippetProductListStandard .headlineWithMore > .more:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductListStandard .headlineWithMore > .more:hover:after,
.snippetProductListStandard .headlineWithMore > .more:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListStandard .headlineWithMore > .more:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductListStandard .headlineWithMore > .more:hover:hover,
.snippetProductListStandard .headlineWithMore > .more:hover:active:hover,
.snippetProductListStandard .headlineWithMore > .more:hover:active,
.snippetProductListStandard .headlineWithMore > .more:hover:focus,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.snippetProductListStandard .headlineWithMore > .more:hover:hover::after,
.snippetProductListStandard .headlineWithMore > .more:hover:active:hover::after,
.snippetProductListStandard .headlineWithMore > .more:hover:active::after,
.snippetProductListStandard .headlineWithMore > .more:hover:focus::after,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductListStandard .headlineWithMore > .more:hover:hover:after,
.snippetProductListStandard .headlineWithMore > .more:hover:active:hover:after,
.snippetProductListStandard .headlineWithMore > .more:hover:active:after,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:after,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:hover:after,
.snippetProductListStandard .headlineWithMore > .more:hover:hover:before,
.snippetProductListStandard .headlineWithMore > .more:hover:active:hover:before,
.snippetProductListStandard .headlineWithMore > .more:hover:active:before,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:before,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListStandard .headlineWithMore > .more:hover:hover:after,
.snippetProductListStandard .headlineWithMore > .more:hover:active:hover:after,
.snippetProductListStandard .headlineWithMore > .more:hover:active:after,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:after,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductListStandard .headlineWithMore > .more:hover:hover::after,
.snippetProductListStandard .headlineWithMore > .more:hover:active:hover::after,
.snippetProductListStandard .headlineWithMore > .more:hover:active::after,
.snippetProductListStandard .headlineWithMore > .more:hover:focus::after,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:hover::after {
color: #869e00;
}
.snippetProductListStandard .headlineWithMore > .more:hover:hover::after,
.snippetProductListStandard .headlineWithMore > .more:hover:active:hover::after,
.snippetProductListStandard .headlineWithMore > .more:hover:active::after,
.snippetProductListStandard .headlineWithMore > .more:hover:focus::after,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductListStandard .headlineWithMore > .more:hover:hover:after,
.snippetProductListStandard .headlineWithMore > .more:hover:active:hover:after,
.snippetProductListStandard .headlineWithMore > .more:hover:active:after,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:after,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:hover:after,
.snippetProductListStandard .headlineWithMore > .more:hover:hover:before,
.snippetProductListStandard .headlineWithMore > .more:hover:active:hover:before,
.snippetProductListStandard .headlineWithMore > .more:hover:active:before,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:before,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListStandard .headlineWithMore > .more:hover:hover:after,
.snippetProductListStandard .headlineWithMore > .more:hover:active:hover:after,
.snippetProductListStandard .headlineWithMore > .more:hover:active:after,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:after,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductListStandard .headlineWithMore > .more:hover:hover:after,
.snippetProductListStandard .headlineWithMore > .more:hover:active:hover:after,
.snippetProductListStandard .headlineWithMore > .more:hover:active:after,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:after,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.snippetProductListStandard .headlineWithMore > .more:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductListStandard .headlineWithMore > .more:hover:after,
.snippetProductListStandard .headlineWithMore > .more:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListStandard .headlineWithMore > .more:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductListStandard .headlineWithMore > .more:hover:hover,
.snippetProductListStandard .headlineWithMore > .more:hover:active:hover,
.snippetProductListStandard .headlineWithMore > .more:hover:active,
.snippetProductListStandard .headlineWithMore > .more:hover:focus,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.snippetProductListStandard .headlineWithMore > .more:hover:hover::after,
.snippetProductListStandard .headlineWithMore > .more:hover:active:hover::after,
.snippetProductListStandard .headlineWithMore > .more:hover:active::after,
.snippetProductListStandard .headlineWithMore > .more:hover:focus::after,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductListStandard .headlineWithMore > .more:hover:hover:after,
.snippetProductListStandard .headlineWithMore > .more:hover:active:hover:after,
.snippetProductListStandard .headlineWithMore > .more:hover:active:after,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:after,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:hover:after,
.snippetProductListStandard .headlineWithMore > .more:hover:hover:before,
.snippetProductListStandard .headlineWithMore > .more:hover:active:hover:before,
.snippetProductListStandard .headlineWithMore > .more:hover:active:before,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:before,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListStandard .headlineWithMore > .more:hover:hover:after,
.snippetProductListStandard .headlineWithMore > .more:hover:active:hover:after,
.snippetProductListStandard .headlineWithMore > .more:hover:active:after,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:after,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductListStandard .headlineWithMore > .more:hover:hover::after,
.snippetProductListStandard .headlineWithMore > .more:hover:active:hover::after,
.snippetProductListStandard .headlineWithMore > .more:hover:active::after,
.snippetProductListStandard .headlineWithMore > .more:hover:focus::after,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:hover::after {
color: #869e00;
}
.snippetProductListStandard .headlineWithMore > .more:hover:hover::after,
.snippetProductListStandard .headlineWithMore > .more:hover:active:hover::after,
.snippetProductListStandard .headlineWithMore > .more:hover:active::after,
.snippetProductListStandard .headlineWithMore > .more:hover:focus::after,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductListStandard .headlineWithMore > .more:hover:hover:after,
.snippetProductListStandard .headlineWithMore > .more:hover:active:hover:after,
.snippetProductListStandard .headlineWithMore > .more:hover:active:after,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:after,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:hover:after,
.snippetProductListStandard .headlineWithMore > .more:hover:hover:before,
.snippetProductListStandard .headlineWithMore > .more:hover:active:hover:before,
.snippetProductListStandard .headlineWithMore > .more:hover:active:before,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:before,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListStandard .headlineWithMore > .more:hover:hover:after,
.snippetProductListStandard .headlineWithMore > .more:hover:active:hover:after,
.snippetProductListStandard .headlineWithMore > .more:hover:active:after,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:after,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductListStandard .headlineWithMore > .more:hover:hover:after,
.snippetProductListStandard .headlineWithMore > .more:hover:active:hover:after,
.snippetProductListStandard .headlineWithMore > .more:hover:active:after,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:after,
.snippetProductListStandard .headlineWithMore > .more:hover:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.snippetProductListStandard .headlineWithMore > .more:after {
content: ' >>';
}
.snippetProductListStandard .headlineWithMore:after {
clear: both;
display: block !important;
}
.snippetProductListStandard .item {
margin-bottom: 50px;
}
@media (max-width: 767px) {
.snippetProductListStandard .item {
margin-bottom: 0;
}
}
.snippetProductListSixColumn .item {
margin-bottom: 10px;
}
.snippetProductListSixColumn .inner-headline {
padding: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 24px;
line-height: 29px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #ffffff;
background-color: #333333;
padding: 2px 8px;
margin-bottom: 18px;
text-transform: uppercase;
width: auto;
display: inline-block;
border-bottom: none;
float: left;
margin: 0;
}
.snippetProductListSixColumn .inner-headline:after,
.snippetProductListSixColumn .inner-headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext {
font-size: 14px;
float: right;
position: relative;
top: 3px;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover,
.snippetProductListSixColumn .snippetPagingPreviousNext a:active:hover,
.snippetProductListSixColumn .snippetPagingPreviousNext a:active,
.snippetProductListSixColumn .snippetPagingPreviousNext a:focus,
.snippetProductListSixColumn .snippetPagingPreviousNext a:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:active:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:active::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:focus::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a:active:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a:active:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a:focus:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:active:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:active::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:focus::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:focus:hover::after {
color: #869e00;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:active:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:active::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:focus::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a:active:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a:active:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a:focus:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:hover,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:hover,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:hover::after {
color: #869e00;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:hover,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:hover,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:hover::after {
color: #869e00;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a:hover:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page {
color: #000000 !important;
font-family: 'UnitWeb-Ultra', Arial, sans-serif !important;
text-transform: uppercase !important;
padding: 0 !important;
margin: 0 !important;
text-decoration: none !important;
text-transform: none !important;
text-align: left !important;
background-color: transparent !important;
border: none !important;
letter-spacing: normal !important;
font-weight: normal !important;
position: relative !important;
font-size: 14px !important;
line-height: 18px !important;
font-family: 'MuseoSans500', Arial, sans-serif !important;
color: #333333 !important;
padding-left: 10px !important;
margin-right: 20px !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page::after {
content: " >>" !important;
letter-spacing: -1.3px !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:before {
content: '' !important;
margin: 0 !important !important;
padding: 0 !important !important;
display: inline !important !important;
position: inherit !important !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png") !important;
background-image: url("/assets/tw/img/spritev3.png") !important;
background-repeat: no-repeat !important;
display: inline-block !important;
background-position: -73px -92px !important;
width: 7px !important;
height: 11px !important;
position: absolute !important !important;
left: 0 !important;
top: 3px !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover {
color: #000000 !important;
font-family: 'UnitWeb-Ultra', Arial, sans-serif !important;
text-transform: uppercase !important;
padding: 0 !important;
margin: 0 !important;
text-decoration: none !important;
text-transform: none !important;
text-align: left !important;
background-color: transparent !important;
border: none !important;
letter-spacing: normal !important;
font-weight: normal !important;
position: relative !important;
font-size: 14px !important;
line-height: 18px !important;
font-family: 'MuseoSans500', Arial, sans-serif !important;
color: #333333 !important;
padding-left: 10px !important;
color: #869e00 !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover::after {
content: " >>" !important;
letter-spacing: -1.3px !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:before {
content: '' !important;
margin: 0 !important !important;
padding: 0 !important !important;
display: inline !important !important;
position: inherit !important !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png") !important;
background-image: url("/assets/tw/img/spritev3.png") !important;
background-repeat: no-repeat !important;
display: inline-block !important;
background-position: -73px -92px !important;
width: 7px !important;
height: 11px !important;
position: absolute !important !important;
left: 0 !important;
top: 3px !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover::after {
color: #869e00 !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover::after {
content: " >>" !important;
letter-spacing: -1.3px !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:before {
content: '' !important;
margin: 0 !important !important;
padding: 0 !important !important;
display: inline !important !important;
position: inherit !important !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png") !important;
background-image: url("/assets/tw/img/spritev3.png") !important;
background-repeat: no-repeat !important;
display: inline-block !important;
background-position: -73px -92px !important;
width: 7px !important;
height: 11px !important;
position: absolute !important !important;
left: 0 !important;
top: 3px !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:after {
background-position: -39px -92px !important;
width: 7px !important;
height: 11px !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page::after {
content: "" !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page::before {
content: "<< " !important;
letter-spacing: -1.3px !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page::after {
content: " >>" !important;
letter-spacing: -1.3px !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:before {
content: '' !important;
margin: 0 !important !important;
padding: 0 !important !important;
display: inline !important !important;
position: inherit !important !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png") !important;
background-image: url("/assets/tw/img/spritev3.png") !important;
background-repeat: no-repeat !important;
display: inline-block !important;
background-position: -73px -92px !important;
width: 7px !important;
height: 11px !important;
position: absolute !important !important;
left: 0 !important;
top: 3px !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:after {
content: "" !important;
background: none !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:before {
background-image: url("/assets/sgd-assets/img/sprite.2.png") !important;
background-image: url("/assets/tw/img/spritev3.png") !important;
background-repeat: no-repeat !important;
display: inline-block !important;
background-position: -56px -92px !important;
width: 7px !important;
height: 11px !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover {
color: #869e00 !important;
color: #000000 !important;
font-family: 'UnitWeb-Ultra', Arial, sans-serif !important;
text-transform: uppercase !important;
padding: 0 !important;
margin: 0 !important;
text-decoration: none !important;
text-transform: none !important;
text-align: left !important;
background-color: transparent !important;
border: none !important;
letter-spacing: normal !important;
font-weight: normal !important;
position: relative !important;
font-size: 14px !important;
line-height: 18px !important;
font-family: 'MuseoSans500', Arial, sans-serif !important;
color: #333333 !important;
padding-left: 10px !important;
margin-right: 20px !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover::after {
content: " >>" !important;
letter-spacing: -1.3px !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:before {
content: '' !important;
margin: 0 !important !important;
padding: 0 !important !important;
display: inline !important !important;
position: inherit !important !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png") !important;
background-image: url("/assets/tw/img/spritev3.png") !important;
background-repeat: no-repeat !important;
display: inline-block !important;
background-position: -73px -92px !important;
width: 7px !important;
height: 11px !important;
position: absolute !important !important;
left: 0 !important;
top: 3px !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:hover,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:hover,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:hover,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:active:hover,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:active:hover,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:active:hover,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:active:hover,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:active:hover,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:active,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:active,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:active,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:active,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:active,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:focus,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:focus,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:focus,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:focus,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:focus,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:focus:hover,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:focus:hover,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:focus:hover,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:focus:hover,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:focus:hover {
color: #000000 !important;
font-family: 'UnitWeb-Ultra', Arial, sans-serif !important;
text-transform: uppercase !important;
padding: 0 !important;
margin: 0 !important;
text-decoration: none !important;
text-transform: none !important;
text-align: left !important;
background-color: transparent !important;
border: none !important;
letter-spacing: normal !important;
font-weight: normal !important;
position: relative !important;
font-size: 14px !important;
line-height: 18px !important;
font-family: 'MuseoSans500', Arial, sans-serif !important;
color: #333333 !important;
padding-left: 10px !important;
color: #869e00 !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:active:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:active:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:active:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:active:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:active:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:active::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:active::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:active::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:active::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:active::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:focus::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:focus::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:focus::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:focus::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:focus::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:focus:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:focus:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:focus:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:focus:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:focus:hover::after {
content: " >>" !important;
letter-spacing: -1.3px !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:active:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:active:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:active:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:active:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:active:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:active:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:active:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:active:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:active:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:active:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:focus:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:focus:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:focus:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:focus:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:focus:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:focus:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:focus:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:focus:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:focus:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:focus:hover:before {
content: '' !important;
margin: 0 !important !important;
padding: 0 !important !important;
display: inline !important !important;
position: inherit !important !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png") !important;
background-image: url("/assets/tw/img/spritev3.png") !important;
background-repeat: no-repeat !important;
display: inline-block !important;
background-position: -73px -92px !important;
width: 7px !important;
height: 11px !important;
position: absolute !important !important;
left: 0 !important;
top: 3px !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:active:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:active:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:active:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:active:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:active:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:active::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:active::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:active::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:active::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:active::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:focus::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:focus::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:focus::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:focus::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:focus::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:focus:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:focus:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:focus:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:focus:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:focus:hover::after {
color: #869e00 !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:active:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:active:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:active:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:active:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:active:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:active::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:active::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:active::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:active::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:active::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:focus::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:focus::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:focus::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:focus::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:focus::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:focus:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:focus:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:focus:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:focus:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:focus:hover::after {
content: " >>" !important;
letter-spacing: -1.3px !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:active:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:active:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:active:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:active:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:active:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:active:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:active:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:active:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:active:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:active:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:focus:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:focus:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:focus:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:focus:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:focus:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:focus:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:focus:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:focus:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:focus:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:focus:hover:before {
content: '' !important;
margin: 0 !important !important;
padding: 0 !important !important;
display: inline !important !important;
position: inherit !important !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png") !important;
background-image: url("/assets/tw/img/spritev3.png") !important;
background-repeat: no-repeat !important;
display: inline-block !important;
background-position: -73px -92px !important;
width: 7px !important;
height: 11px !important;
position: absolute !important !important;
left: 0 !important;
top: 3px !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:focus:hover:after {
background-position: -39px -92px !important;
width: 7px !important;
height: 11px !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover::after {
content: "" !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover::before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover::before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active::before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus::before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover::before {
content: "<< " !important;
letter-spacing: -1.3px !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus::after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover::after {
content: " >>" !important;
letter-spacing: -1.3px !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:before {
content: '' !important;
margin: 0 !important !important;
padding: 0 !important !important;
display: inline !important !important;
position: inherit !important !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png") !important;
background-image: url("/assets/tw/img/spritev3.png") !important;
background-repeat: no-repeat !important;
display: inline-block !important;
background-position: -73px -92px !important;
width: 7px !important;
height: 11px !important;
position: absolute !important !important;
left: 0 !important;
top: 3px !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:after,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:after {
content: "" !important;
background: none !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:before {
background-image: url("/assets/sgd-assets/img/sprite.2.png") !important;
background-image: url("/assets/tw/img/spritev3.png") !important;
background-repeat: no-repeat !important;
display: inline-block !important;
background-position: -56px -92px !important;
width: 7px !important;
height: 11px !important;
}
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:hover:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:active:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:before,
.snippetProductListSixColumn .snippetPagingPreviousNext a.prev-page:focus:hover:before {
background-image: url("/assets/sgd-assets/img/sprite.2.png") !important;
background-image: url("/assets/tw/img/spritev3.png") !important;
background-repeat: no-repeat !important;
display: inline-block !important;
background-position: -22px -92px !important;
width: 7px !important;
height: 11px !important;
}
.snippetProductListSixColumn .headline {
margin-bottom: 17px;
}
.snippetProductListSixColumn .headline:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
.smallSpacerBottom .snippetProductListSixColumn .item {
margin-bottom: -15px;
}
.smallSpacerBottom .snippetProductListSixColumn .item .snippetProductTeaserStandard {
margin-bottom: 0;
}
.snippetProductListTwoColumn {
overflow: visible !important;
}
.snippetProductListTwoColumn .block-headline--underlined {
margin-bottom: 17px;
}
.snippetProductListTwoColumn .snippetProductTeaserSixColumn {
margin-bottom: 20px;
}
.snippetProductListNoticeListBasket .item {
margin-bottom: 10px;
}
.snippetProductListNoticeListBasket .body .image {
margin-bottom: 9px;
}
.snippetProductListNoticeListBasket .headline {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
margin-bottom: 30px;
}
.snippetProductListNoticeListBasket .headline:after,
.snippetProductListNoticeListBasket .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListNoticeListBasket .font-h4-subheadline {
margin-bottom: 19px;
}
@media print {
.snippetProductListNoticeListBasket .header .noticeActions {
display: none;
}
}
.snippetProductListNoticeListBasket .block-headline--underlined {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 24px;
line-height: 29px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #ffffff;
background-color: #333333;
padding: 2px 8px;
margin-bottom: 18px;
text-transform: uppercase;
width: auto;
display: inline-block;
}
.snippetProductListNoticeListBasket .block-headline--underlined:after,
.snippetProductListNoticeListBasket .block-headline--underlined:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListNoticeListBasket .printButton,
.MTPkgUserObjectBasket .printButton {
margin-bottom: 25px;
margin-top: 25px;
}
@media print {
.snippetProductListNoticeListBasket .printButton,
.MTPkgUserObjectBasket .printButton {
display: none;
}
}
.snippetArticleListNoticeBasket > .headline .inner-headline {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 24px;
line-height: 29px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #ffffff;
background-color: #333333;
padding: 2px 8px;
margin-bottom: 18px;
text-transform: uppercase;
width: auto;
display: inline-block;
}
.snippetArticleListNoticeBasket > .headline .inner-headline:after,
.snippetArticleListNoticeBasket > .headline .inner-headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListThreeColumnSimpleWithManufacturer .footer {
border-top: medium none!important;
}
.listDefaultHeaderAndFooter .header {
border-bottom: 4px #000000 solid;
border-bottom: 2px #000000 solid;
margin-bottom: 14px;
}
.listDefaultHeaderAndFooter .header .paging {
text-align: center;
}
@media (min-width: 768px) {
.listDefaultHeaderAndFooter .header .paging {
text-align: right;
}
}
.listDefaultHeaderAndFooter .header .sort {
text-align: center;
}
@media (min-width: 768px) {
.listDefaultHeaderAndFooter .header .sort {
text-align: left;
}
}
.listDefaultHeaderAndFooter .introduction {
margin-bottom: 20px;
}
.listDefaultHeaderAndFooter .footer {
border-top: 4px #000000 solid;
border-top: 2px #000000 solid;
}
.listDefaultHeaderAndFooter .footer:before {
content: '';
clear: both;
}
.listDefaultHeaderAndFooter .footer .paging {
text-align: center;
}
@media (min-width: 768px) {
.listDefaultHeaderAndFooter .footer .paging {
text-align: right;
}
}
.listDefaultHeaderAndFooter .footer .page-size {
text-align: center;
}
@media (min-width: 768px) {
.listDefaultHeaderAndFooter .footer .page-size {
text-align: left;
}
}
.snippetSortList {
margin-bottom: 1px;
}
.snippetSortList:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
.snippetSortList .sort-label {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #333333;
margin-right: 6px;
}
.snippetSortList .sort-label:after,
.snippetSortList .sort-label:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetSortList form select {
height: 27px;
line-height: 27px;
padding: 0 5px;
font-size: 14px;
}
.snippetPageSize .label-text {
display: inline-block;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
margin-right: 7px;
}
.snippetPageSize .label-text:after,
.snippetPageSize .label-text:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetPageSize .active a {
font-weight: bold;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #6b6b6b;
color: #869e00;
}
.snippetPageSize .active a:after,
.snippetPageSize .active a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetPageSize ul {
display: inline-block;
list-style-type: none;
margin: 0;
padding: 0;
line-height: 29px;
}
.snippetPageSize ul li {
display: inline-block;
padding-left: 6px;
text-transform: uppercase;
}
.snippetPageSize ul li a {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #6b6b6b;
}
.snippetPageSize ul li a:after,
.snippetPageSize ul li a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetPageSize ul li a:after,
.snippetPageSize ul li a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetPageSize ul li a:hover,
.snippetPageSize ul li a:active:hover,
.snippetPageSize ul li a:active,
.snippetPageSize ul li a:focus,
.snippetPageSize ul li a:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #6b6b6b;
color: #869e00;
}
.snippetPageSize ul li a:hover:after,
.snippetPageSize ul li a:active:hover:after,
.snippetPageSize ul li a:active:after,
.snippetPageSize ul li a:focus:after,
.snippetPageSize ul li a:focus:hover:after,
.snippetPageSize ul li a:hover:before,
.snippetPageSize ul li a:active:hover:before,
.snippetPageSize ul li a:active:before,
.snippetPageSize ul li a:focus:before,
.snippetPageSize ul li a:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListFourColumnPriceImage .title h3,
.snippetProductListFourColumnPriceImage .title p {
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
color: #000000;
margin-top: 0;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 24px;
line-height: 29px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #ffffff;
background-color: #333333;
padding: 2px 8px;
text-transform: uppercase;
float: left;
}
.snippetProductListFourColumnPriceImage .title h3:after,
.snippetProductListFourColumnPriceImage .title p:after,
.snippetProductListFourColumnPriceImage .title h3:before,
.snippetProductListFourColumnPriceImage .title p:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListFourColumnPriceImage .title:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
.snippetProductListFourColumnPriceImage .link {
margin-top: 7px;
text-align: right;
}
.snippetProductListFourColumnPriceImage .link a {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
}
.snippetProductListFourColumnPriceImage .link a::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductListFourColumnPriceImage .link a:after,
.snippetProductListFourColumnPriceImage .link a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListFourColumnPriceImage .link a:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductListFourColumnPriceImage .link a:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
}
.snippetProductListFourColumnPriceImage .link a:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductListFourColumnPriceImage .link a:hover:after,
.snippetProductListFourColumnPriceImage .link a:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListFourColumnPriceImage .link a:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductListFourColumnPriceImage .link a:hover:hover,
.snippetProductListFourColumnPriceImage .link a:hover:active:hover,
.snippetProductListFourColumnPriceImage .link a:hover:active,
.snippetProductListFourColumnPriceImage .link a:hover:focus,
.snippetProductListFourColumnPriceImage .link a:hover:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.snippetProductListFourColumnPriceImage .link a:hover:hover::after,
.snippetProductListFourColumnPriceImage .link a:hover:active:hover::after,
.snippetProductListFourColumnPriceImage .link a:hover:active::after,
.snippetProductListFourColumnPriceImage .link a:hover:focus::after,
.snippetProductListFourColumnPriceImage .link a:hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductListFourColumnPriceImage .link a:hover:hover:after,
.snippetProductListFourColumnPriceImage .link a:hover:active:hover:after,
.snippetProductListFourColumnPriceImage .link a:hover:active:after,
.snippetProductListFourColumnPriceImage .link a:hover:focus:after,
.snippetProductListFourColumnPriceImage .link a:hover:focus:hover:after,
.snippetProductListFourColumnPriceImage .link a:hover:hover:before,
.snippetProductListFourColumnPriceImage .link a:hover:active:hover:before,
.snippetProductListFourColumnPriceImage .link a:hover:active:before,
.snippetProductListFourColumnPriceImage .link a:hover:focus:before,
.snippetProductListFourColumnPriceImage .link a:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListFourColumnPriceImage .link a:hover:hover:after,
.snippetProductListFourColumnPriceImage .link a:hover:active:hover:after,
.snippetProductListFourColumnPriceImage .link a:hover:active:after,
.snippetProductListFourColumnPriceImage .link a:hover:focus:after,
.snippetProductListFourColumnPriceImage .link a:hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductListFourColumnPriceImage .link a:hover:hover::after,
.snippetProductListFourColumnPriceImage .link a:hover:active:hover::after,
.snippetProductListFourColumnPriceImage .link a:hover:active::after,
.snippetProductListFourColumnPriceImage .link a:hover:focus::after,
.snippetProductListFourColumnPriceImage .link a:hover:focus:hover::after {
color: #869e00;
}
.snippetProductListFourColumnPriceImage .link a:hover:hover::after,
.snippetProductListFourColumnPriceImage .link a:hover:active:hover::after,
.snippetProductListFourColumnPriceImage .link a:hover:active::after,
.snippetProductListFourColumnPriceImage .link a:hover:focus::after,
.snippetProductListFourColumnPriceImage .link a:hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductListFourColumnPriceImage .link a:hover:hover:after,
.snippetProductListFourColumnPriceImage .link a:hover:active:hover:after,
.snippetProductListFourColumnPriceImage .link a:hover:active:after,
.snippetProductListFourColumnPriceImage .link a:hover:focus:after,
.snippetProductListFourColumnPriceImage .link a:hover:focus:hover:after,
.snippetProductListFourColumnPriceImage .link a:hover:hover:before,
.snippetProductListFourColumnPriceImage .link a:hover:active:hover:before,
.snippetProductListFourColumnPriceImage .link a:hover:active:before,
.snippetProductListFourColumnPriceImage .link a:hover:focus:before,
.snippetProductListFourColumnPriceImage .link a:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListFourColumnPriceImage .link a:hover:hover:after,
.snippetProductListFourColumnPriceImage .link a:hover:active:hover:after,
.snippetProductListFourColumnPriceImage .link a:hover:active:after,
.snippetProductListFourColumnPriceImage .link a:hover:focus:after,
.snippetProductListFourColumnPriceImage .link a:hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductListFourColumnPriceImage .link a:hover:hover:after,
.snippetProductListFourColumnPriceImage .link a:hover:active:hover:after,
.snippetProductListFourColumnPriceImage .link a:hover:active:after,
.snippetProductListFourColumnPriceImage .link a:hover:focus:after,
.snippetProductListFourColumnPriceImage .link a:hover:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.snippetProductListFourColumnPriceImage .link a:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductListFourColumnPriceImage .link a:hover:after,
.snippetProductListFourColumnPriceImage .link a:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListFourColumnPriceImage .link a:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductListFourColumnPriceImage .link a:hover:hover,
.snippetProductListFourColumnPriceImage .link a:hover:active:hover,
.snippetProductListFourColumnPriceImage .link a:hover:active,
.snippetProductListFourColumnPriceImage .link a:hover:focus,
.snippetProductListFourColumnPriceImage .link a:hover:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.snippetProductListFourColumnPriceImage .link a:hover:hover::after,
.snippetProductListFourColumnPriceImage .link a:hover:active:hover::after,
.snippetProductListFourColumnPriceImage .link a:hover:active::after,
.snippetProductListFourColumnPriceImage .link a:hover:focus::after,
.snippetProductListFourColumnPriceImage .link a:hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductListFourColumnPriceImage .link a:hover:hover:after,
.snippetProductListFourColumnPriceImage .link a:hover:active:hover:after,
.snippetProductListFourColumnPriceImage .link a:hover:active:after,
.snippetProductListFourColumnPriceImage .link a:hover:focus:after,
.snippetProductListFourColumnPriceImage .link a:hover:focus:hover:after,
.snippetProductListFourColumnPriceImage .link a:hover:hover:before,
.snippetProductListFourColumnPriceImage .link a:hover:active:hover:before,
.snippetProductListFourColumnPriceImage .link a:hover:active:before,
.snippetProductListFourColumnPriceImage .link a:hover:focus:before,
.snippetProductListFourColumnPriceImage .link a:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListFourColumnPriceImage .link a:hover:hover:after,
.snippetProductListFourColumnPriceImage .link a:hover:active:hover:after,
.snippetProductListFourColumnPriceImage .link a:hover:active:after,
.snippetProductListFourColumnPriceImage .link a:hover:focus:after,
.snippetProductListFourColumnPriceImage .link a:hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductListFourColumnPriceImage .link a:hover:hover::after,
.snippetProductListFourColumnPriceImage .link a:hover:active:hover::after,
.snippetProductListFourColumnPriceImage .link a:hover:active::after,
.snippetProductListFourColumnPriceImage .link a:hover:focus::after,
.snippetProductListFourColumnPriceImage .link a:hover:focus:hover::after {
color: #869e00;
}
.snippetProductListFourColumnPriceImage .link a:hover:hover::after,
.snippetProductListFourColumnPriceImage .link a:hover:active:hover::after,
.snippetProductListFourColumnPriceImage .link a:hover:active::after,
.snippetProductListFourColumnPriceImage .link a:hover:focus::after,
.snippetProductListFourColumnPriceImage .link a:hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetProductListFourColumnPriceImage .link a:hover:hover:after,
.snippetProductListFourColumnPriceImage .link a:hover:active:hover:after,
.snippetProductListFourColumnPriceImage .link a:hover:active:after,
.snippetProductListFourColumnPriceImage .link a:hover:focus:after,
.snippetProductListFourColumnPriceImage .link a:hover:focus:hover:after,
.snippetProductListFourColumnPriceImage .link a:hover:hover:before,
.snippetProductListFourColumnPriceImage .link a:hover:active:hover:before,
.snippetProductListFourColumnPriceImage .link a:hover:active:before,
.snippetProductListFourColumnPriceImage .link a:hover:focus:before,
.snippetProductListFourColumnPriceImage .link a:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductListFourColumnPriceImage .link a:hover:hover:after,
.snippetProductListFourColumnPriceImage .link a:hover:active:hover:after,
.snippetProductListFourColumnPriceImage .link a:hover:active:after,
.snippetProductListFourColumnPriceImage .link a:hover:focus:after,
.snippetProductListFourColumnPriceImage .link a:hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetProductListFourColumnPriceImage .link a:hover:hover:after,
.snippetProductListFourColumnPriceImage .link a:hover:active:hover:after,
.snippetProductListFourColumnPriceImage .link a:hover:active:after,
.snippetProductListFourColumnPriceImage .link a:hover:focus:after,
.snippetProductListFourColumnPriceImage .link a:hover:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.fontSizeMobileOne {
font-size: 14px;
line-height: 18px;
}
.fontSizeMobileTwo {
font-size: 12px;
line-height: 14px;
}
.event .snippetProductTeaserStandard:hover .hiddenContent,
.event .snippetProductTeaserStandard:active .hiddenContent,
.event .snippetProductTeaserStandard:focus .hiddenContent,
.event .snippetProductTeaserStandard:focus-within .hiddenContent {
display: block;
}
.event .snippetProductTeaserStandard .event-start-date {
margin-bottom: 8px;
line-height: 17px;
color: #000000;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
}
.event .snippetProductTeaserStandard .event-start-date:after,
.event .snippetProductTeaserStandard .event-start-date:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.event .snippetProductTeaserStandard .title-brand {
margin-bottom: 10px;
}
.event .snippetProductTeaserStandard .title-brand .title {
color: #000000;
font-family: 'UnitWeb-Bold', sans-serif;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
}
.event .snippetProductTeaserStandard .title-brand .title:after,
.event .snippetProductTeaserStandard .title-brand .title:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
@media (max-width: 767px) {
.event .snippetProductTeaserStandard .title-brand .title {
height: 67px;
display: block;
overflow: hidden;
}
}
.event .snippetProductTeaserStandard .short-description {
line-height: 17px;
color: #000000;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
}
.event .snippetProductTeaserStandard .short-description:after,
.event .snippetProductTeaserStandard .short-description:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.event .snippetBlockTeaser .body .link {
right: 2px;
bottom: 1px;
}
.event .snippetBlockTeaser .body .link a,
.event .snippetBlockTeaser .body .link button {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
}
.event .snippetBlockTeaser .body .link a::after,
.event .snippetBlockTeaser .body .link button::after {
content: " >>";
letter-spacing: -1.3px;
}
.event .snippetBlockTeaser .body .link a:after,
.event .snippetBlockTeaser .body .link button:after,
.event .snippetBlockTeaser .body .link a:before,
.event .snippetBlockTeaser .body .link button:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.event .snippetBlockTeaser .body .link a:after,
.event .snippetBlockTeaser .body .link button:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.event .snippetBlockTeaser .body .link a:hover,
.event .snippetBlockTeaser .body .link button:hover,
.event .snippetBlockTeaser .body .link a:active:hover,
.event .snippetBlockTeaser .body .link button:active:hover,
.event .snippetBlockTeaser .body .link a:active,
.event .snippetBlockTeaser .body .link button:active,
.event .snippetBlockTeaser .body .link a:focus,
.event .snippetBlockTeaser .body .link button:focus,
.event .snippetBlockTeaser .body .link a:focus:hover,
.event .snippetBlockTeaser .body .link button:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.event .snippetBlockTeaser .body .link a:hover::after,
.event .snippetBlockTeaser .body .link button:hover::after,
.event .snippetBlockTeaser .body .link a:active:hover::after,
.event .snippetBlockTeaser .body .link button:active:hover::after,
.event .snippetBlockTeaser .body .link a:active::after,
.event .snippetBlockTeaser .body .link button:active::after,
.event .snippetBlockTeaser .body .link a:focus::after,
.event .snippetBlockTeaser .body .link button:focus::after,
.event .snippetBlockTeaser .body .link a:focus:hover::after,
.event .snippetBlockTeaser .body .link button:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.event .snippetBlockTeaser .body .link a:hover:after,
.event .snippetBlockTeaser .body .link button:hover:after,
.event .snippetBlockTeaser .body .link a:active:hover:after,
.event .snippetBlockTeaser .body .link button:active:hover:after,
.event .snippetBlockTeaser .body .link a:active:after,
.event .snippetBlockTeaser .body .link button:active:after,
.event .snippetBlockTeaser .body .link a:focus:after,
.event .snippetBlockTeaser .body .link button:focus:after,
.event .snippetBlockTeaser .body .link a:focus:hover:after,
.event .snippetBlockTeaser .body .link button:focus:hover:after,
.event .snippetBlockTeaser .body .link a:hover:before,
.event .snippetBlockTeaser .body .link button:hover:before,
.event .snippetBlockTeaser .body .link a:active:hover:before,
.event .snippetBlockTeaser .body .link button:active:hover:before,
.event .snippetBlockTeaser .body .link a:active:before,
.event .snippetBlockTeaser .body .link button:active:before,
.event .snippetBlockTeaser .body .link a:focus:before,
.event .snippetBlockTeaser .body .link button:focus:before,
.event .snippetBlockTeaser .body .link a:focus:hover:before,
.event .snippetBlockTeaser .body .link button:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.event .snippetBlockTeaser .body .link a:hover:after,
.event .snippetBlockTeaser .body .link button:hover:after,
.event .snippetBlockTeaser .body .link a:active:hover:after,
.event .snippetBlockTeaser .body .link button:active:hover:after,
.event .snippetBlockTeaser .body .link a:active:after,
.event .snippetBlockTeaser .body .link button:active:after,
.event .snippetBlockTeaser .body .link a:focus:after,
.event .snippetBlockTeaser .body .link button:focus:after,
.event .snippetBlockTeaser .body .link a:focus:hover:after,
.event .snippetBlockTeaser .body .link button:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.event .snippetBlockTeaser .body .link a:hover::after,
.event .snippetBlockTeaser .body .link button:hover::after,
.event .snippetBlockTeaser .body .link a:active:hover::after,
.event .snippetBlockTeaser .body .link button:active:hover::after,
.event .snippetBlockTeaser .body .link a:active::after,
.event .snippetBlockTeaser .body .link button:active::after,
.event .snippetBlockTeaser .body .link a:focus::after,
.event .snippetBlockTeaser .body .link button:focus::after,
.event .snippetBlockTeaser .body .link a:focus:hover::after,
.event .snippetBlockTeaser .body .link button:focus:hover::after {
color: #869e00;
}
.event .snippetBlockTeaser .body .link a:hover::after,
.event .snippetBlockTeaser .body .link button:hover::after,
.event .snippetBlockTeaser .body .link a:active:hover::after,
.event .snippetBlockTeaser .body .link button:active:hover::after,
.event .snippetBlockTeaser .body .link a:active::after,
.event .snippetBlockTeaser .body .link button:active::after,
.event .snippetBlockTeaser .body .link a:focus::after,
.event .snippetBlockTeaser .body .link button:focus::after,
.event .snippetBlockTeaser .body .link a:focus:hover::after,
.event .snippetBlockTeaser .body .link button:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.event .snippetBlockTeaser .body .link a:hover:after,
.event .snippetBlockTeaser .body .link button:hover:after,
.event .snippetBlockTeaser .body .link a:active:hover:after,
.event .snippetBlockTeaser .body .link button:active:hover:after,
.event .snippetBlockTeaser .body .link a:active:after,
.event .snippetBlockTeaser .body .link button:active:after,
.event .snippetBlockTeaser .body .link a:focus:after,
.event .snippetBlockTeaser .body .link button:focus:after,
.event .snippetBlockTeaser .body .link a:focus:hover:after,
.event .snippetBlockTeaser .body .link button:focus:hover:after,
.event .snippetBlockTeaser .body .link a:hover:before,
.event .snippetBlockTeaser .body .link button:hover:before,
.event .snippetBlockTeaser .body .link a:active:hover:before,
.event .snippetBlockTeaser .body .link button:active:hover:before,
.event .snippetBlockTeaser .body .link a:active:before,
.event .snippetBlockTeaser .body .link button:active:before,
.event .snippetBlockTeaser .body .link a:focus:before,
.event .snippetBlockTeaser .body .link button:focus:before,
.event .snippetBlockTeaser .body .link a:focus:hover:before,
.event .snippetBlockTeaser .body .link button:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.event .snippetBlockTeaser .body .link a:hover:after,
.event .snippetBlockTeaser .body .link button:hover:after,
.event .snippetBlockTeaser .body .link a:active:hover:after,
.event .snippetBlockTeaser .body .link button:active:hover:after,
.event .snippetBlockTeaser .body .link a:active:after,
.event .snippetBlockTeaser .body .link button:active:after,
.event .snippetBlockTeaser .body .link a:focus:after,
.event .snippetBlockTeaser .body .link button:focus:after,
.event .snippetBlockTeaser .body .link a:focus:hover:after,
.event .snippetBlockTeaser .body .link button:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.event .snippetBlockTeaser .body .link a:hover:after,
.event .snippetBlockTeaser .body .link button:hover:after,
.event .snippetBlockTeaser .body .link a:active:hover:after,
.event .snippetBlockTeaser .body .link button:active:hover:after,
.event .snippetBlockTeaser .body .link a:active:after,
.event .snippetBlockTeaser .body .link button:active:after,
.event .snippetBlockTeaser .body .link a:focus:after,
.event .snippetBlockTeaser .body .link button:focus:after,
.event .snippetBlockTeaser .body .link a:focus:hover:after,
.event .snippetBlockTeaser .body .link button:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.event .snippetBlockTeaser .body .link a::after,
.event .snippetBlockTeaser .body .link button::after {
content: " >>";
letter-spacing: -1.3px;
}
.event .snippetBlockTeaser .body .link a:after,
.event .snippetBlockTeaser .body .link button:after,
.event .snippetBlockTeaser .body .link a:before,
.event .snippetBlockTeaser .body .link button:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.event .snippetBlockTeaser .body .link a:after,
.event .snippetBlockTeaser .body .link button:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.event .snippetBlockTeaser:hover .body .link a,
.event .snippetBlockTeaser:active .body .link a,
.event .snippetBlockTeaser:focus .body .link a,
.event .snippetBlockTeaser:focus-within .body .link a,
.event .snippetBlockTeaser:hover .body .link button,
.event .snippetBlockTeaser:active .body .link button,
.event .snippetBlockTeaser:focus .body .link button,
.event .snippetBlockTeaser:focus-within .body .link button {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
}
.event .snippetBlockTeaser:hover .body .link a::after,
.event .snippetBlockTeaser:active .body .link a::after,
.event .snippetBlockTeaser:focus .body .link a::after,
.event .snippetBlockTeaser:focus-within .body .link a::after,
.event .snippetBlockTeaser:hover .body .link button::after,
.event .snippetBlockTeaser:active .body .link button::after,
.event .snippetBlockTeaser:focus .body .link button::after,
.event .snippetBlockTeaser:focus-within .body .link button::after {
content: " >>";
letter-spacing: -1.3px;
}
.event .snippetBlockTeaser:hover .body .link a:after,
.event .snippetBlockTeaser:active .body .link a:after,
.event .snippetBlockTeaser:focus .body .link a:after,
.event .snippetBlockTeaser:focus-within .body .link a:after,
.event .snippetBlockTeaser:hover .body .link button:after,
.event .snippetBlockTeaser:active .body .link button:after,
.event .snippetBlockTeaser:focus .body .link button:after,
.event .snippetBlockTeaser:focus-within .body .link button:after,
.event .snippetBlockTeaser:hover .body .link a:before,
.event .snippetBlockTeaser:active .body .link a:before,
.event .snippetBlockTeaser:focus .body .link a:before,
.event .snippetBlockTeaser:focus-within .body .link a:before,
.event .snippetBlockTeaser:hover .body .link button:before,
.event .snippetBlockTeaser:active .body .link button:before,
.event .snippetBlockTeaser:focus .body .link button:before,
.event .snippetBlockTeaser:focus-within .body .link button:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.event .snippetBlockTeaser:hover .body .link a:after,
.event .snippetBlockTeaser:active .body .link a:after,
.event .snippetBlockTeaser:focus .body .link a:after,
.event .snippetBlockTeaser:focus-within .body .link a:after,
.event .snippetBlockTeaser:hover .body .link button:after,
.event .snippetBlockTeaser:active .body .link button:after,
.event .snippetBlockTeaser:focus .body .link button:after,
.event .snippetBlockTeaser:focus-within .body .link button:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.event .snippetBlockTeaser:hover .body .link a:hover,
.event .snippetBlockTeaser:active .body .link a:hover,
.event .snippetBlockTeaser:focus .body .link a:hover,
.event .snippetBlockTeaser:focus-within .body .link a:hover,
.event .snippetBlockTeaser:hover .body .link button:hover,
.event .snippetBlockTeaser:active .body .link button:hover,
.event .snippetBlockTeaser:focus .body .link button:hover,
.event .snippetBlockTeaser:focus-within .body .link button:hover,
.event .snippetBlockTeaser:hover .body .link a:active:hover,
.event .snippetBlockTeaser:active .body .link a:active:hover,
.event .snippetBlockTeaser:focus .body .link a:active:hover,
.event .snippetBlockTeaser:focus-within .body .link a:active:hover,
.event .snippetBlockTeaser:hover .body .link button:active:hover,
.event .snippetBlockTeaser:active .body .link button:active:hover,
.event .snippetBlockTeaser:focus .body .link button:active:hover,
.event .snippetBlockTeaser:focus-within .body .link button:active:hover,
.event .snippetBlockTeaser:hover .body .link a:active,
.event .snippetBlockTeaser:active .body .link a:active,
.event .snippetBlockTeaser:focus .body .link a:active,
.event .snippetBlockTeaser:focus-within .body .link a:active,
.event .snippetBlockTeaser:hover .body .link button:active,
.event .snippetBlockTeaser:active .body .link button:active,
.event .snippetBlockTeaser:focus .body .link button:active,
.event .snippetBlockTeaser:focus-within .body .link button:active,
.event .snippetBlockTeaser:hover .body .link a:focus,
.event .snippetBlockTeaser:active .body .link a:focus,
.event .snippetBlockTeaser:focus .body .link a:focus,
.event .snippetBlockTeaser:focus-within .body .link a:focus,
.event .snippetBlockTeaser:hover .body .link button:focus,
.event .snippetBlockTeaser:active .body .link button:focus,
.event .snippetBlockTeaser:focus .body .link button:focus,
.event .snippetBlockTeaser:focus-within .body .link button:focus,
.event .snippetBlockTeaser:hover .body .link a:focus:hover,
.event .snippetBlockTeaser:active .body .link a:focus:hover,
.event .snippetBlockTeaser:focus .body .link a:focus:hover,
.event .snippetBlockTeaser:focus-within .body .link a:focus:hover,
.event .snippetBlockTeaser:hover .body .link button:focus:hover,
.event .snippetBlockTeaser:active .body .link button:focus:hover,
.event .snippetBlockTeaser:focus .body .link button:focus:hover,
.event .snippetBlockTeaser:focus-within .body .link button:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.event .snippetBlockTeaser:hover .body .link a:hover::after,
.event .snippetBlockTeaser:active .body .link a:hover::after,
.event .snippetBlockTeaser:focus .body .link a:hover::after,
.event .snippetBlockTeaser:focus-within .body .link a:hover::after,
.event .snippetBlockTeaser:hover .body .link button:hover::after,
.event .snippetBlockTeaser:active .body .link button:hover::after,
.event .snippetBlockTeaser:focus .body .link button:hover::after,
.event .snippetBlockTeaser:focus-within .body .link button:hover::after,
.event .snippetBlockTeaser:hover .body .link a:active:hover::after,
.event .snippetBlockTeaser:active .body .link a:active:hover::after,
.event .snippetBlockTeaser:focus .body .link a:active:hover::after,
.event .snippetBlockTeaser:focus-within .body .link a:active:hover::after,
.event .snippetBlockTeaser:hover .body .link button:active:hover::after,
.event .snippetBlockTeaser:active .body .link button:active:hover::after,
.event .snippetBlockTeaser:focus .body .link button:active:hover::after,
.event .snippetBlockTeaser:focus-within .body .link button:active:hover::after,
.event .snippetBlockTeaser:hover .body .link a:active::after,
.event .snippetBlockTeaser:active .body .link a:active::after,
.event .snippetBlockTeaser:focus .body .link a:active::after,
.event .snippetBlockTeaser:focus-within .body .link a:active::after,
.event .snippetBlockTeaser:hover .body .link button:active::after,
.event .snippetBlockTeaser:active .body .link button:active::after,
.event .snippetBlockTeaser:focus .body .link button:active::after,
.event .snippetBlockTeaser:focus-within .body .link button:active::after,
.event .snippetBlockTeaser:hover .body .link a:focus::after,
.event .snippetBlockTeaser:active .body .link a:focus::after,
.event .snippetBlockTeaser:focus .body .link a:focus::after,
.event .snippetBlockTeaser:focus-within .body .link a:focus::after,
.event .snippetBlockTeaser:hover .body .link button:focus::after,
.event .snippetBlockTeaser:active .body .link button:focus::after,
.event .snippetBlockTeaser:focus .body .link button:focus::after,
.event .snippetBlockTeaser:focus-within .body .link button:focus::after,
.event .snippetBlockTeaser:hover .body .link a:focus:hover::after,
.event .snippetBlockTeaser:active .body .link a:focus:hover::after,
.event .snippetBlockTeaser:focus .body .link a:focus:hover::after,
.event .snippetBlockTeaser:focus-within .body .link a:focus:hover::after,
.event .snippetBlockTeaser:hover .body .link button:focus:hover::after,
.event .snippetBlockTeaser:active .body .link button:focus:hover::after,
.event .snippetBlockTeaser:focus .body .link button:focus:hover::after,
.event .snippetBlockTeaser:focus-within .body .link button:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.event .snippetBlockTeaser:hover .body .link a:hover:after,
.event .snippetBlockTeaser:active .body .link a:hover:after,
.event .snippetBlockTeaser:focus .body .link a:hover:after,
.event .snippetBlockTeaser:focus-within .body .link a:hover:after,
.event .snippetBlockTeaser:hover .body .link button:hover:after,
.event .snippetBlockTeaser:active .body .link button:hover:after,
.event .snippetBlockTeaser:focus .body .link button:hover:after,
.event .snippetBlockTeaser:focus-within .body .link button:hover:after,
.event .snippetBlockTeaser:hover .body .link a:active:hover:after,
.event .snippetBlockTeaser:active .body .link a:active:hover:after,
.event .snippetBlockTeaser:focus .body .link a:active:hover:after,
.event .snippetBlockTeaser:focus-within .body .link a:active:hover:after,
.event .snippetBlockTeaser:hover .body .link button:active:hover:after,
.event .snippetBlockTeaser:active .body .link button:active:hover:after,
.event .snippetBlockTeaser:focus .body .link button:active:hover:after,
.event .snippetBlockTeaser:focus-within .body .link button:active:hover:after,
.event .snippetBlockTeaser:hover .body .link a:active:after,
.event .snippetBlockTeaser:active .body .link a:active:after,
.event .snippetBlockTeaser:focus .body .link a:active:after,
.event .snippetBlockTeaser:focus-within .body .link a:active:after,
.event .snippetBlockTeaser:hover .body .link button:active:after,
.event .snippetBlockTeaser:active .body .link button:active:after,
.event .snippetBlockTeaser:focus .body .link button:active:after,
.event .snippetBlockTeaser:focus-within .body .link button:active:after,
.event .snippetBlockTeaser:hover .body .link a:focus:after,
.event .snippetBlockTeaser:active .body .link a:focus:after,
.event .snippetBlockTeaser:focus .body .link a:focus:after,
.event .snippetBlockTeaser:focus-within .body .link a:focus:after,
.event .snippetBlockTeaser:hover .body .link button:focus:after,
.event .snippetBlockTeaser:active .body .link button:focus:after,
.event .snippetBlockTeaser:focus .body .link button:focus:after,
.event .snippetBlockTeaser:focus-within .body .link button:focus:after,
.event .snippetBlockTeaser:hover .body .link a:focus:hover:after,
.event .snippetBlockTeaser:active .body .link a:focus:hover:after,
.event .snippetBlockTeaser:focus .body .link a:focus:hover:after,
.event .snippetBlockTeaser:focus-within .body .link a:focus:hover:after,
.event .snippetBlockTeaser:hover .body .link button:focus:hover:after,
.event .snippetBlockTeaser:active .body .link button:focus:hover:after,
.event .snippetBlockTeaser:focus .body .link button:focus:hover:after,
.event .snippetBlockTeaser:focus-within .body .link button:focus:hover:after,
.event .snippetBlockTeaser:hover .body .link a:hover:before,
.event .snippetBlockTeaser:active .body .link a:hover:before,
.event .snippetBlockTeaser:focus .body .link a:hover:before,
.event .snippetBlockTeaser:focus-within .body .link a:hover:before,
.event .snippetBlockTeaser:hover .body .link button:hover:before,
.event .snippetBlockTeaser:active .body .link button:hover:before,
.event .snippetBlockTeaser:focus .body .link button:hover:before,
.event .snippetBlockTeaser:focus-within .body .link button:hover:before,
.event .snippetBlockTeaser:hover .body .link a:active:hover:before,
.event .snippetBlockTeaser:active .body .link a:active:hover:before,
.event .snippetBlockTeaser:focus .body .link a:active:hover:before,
.event .snippetBlockTeaser:focus-within .body .link a:active:hover:before,
.event .snippetBlockTeaser:hover .body .link button:active:hover:before,
.event .snippetBlockTeaser:active .body .link button:active:hover:before,
.event .snippetBlockTeaser:focus .body .link button:active:hover:before,
.event .snippetBlockTeaser:focus-within .body .link button:active:hover:before,
.event .snippetBlockTeaser:hover .body .link a:active:before,
.event .snippetBlockTeaser:active .body .link a:active:before,
.event .snippetBlockTeaser:focus .body .link a:active:before,
.event .snippetBlockTeaser:focus-within .body .link a:active:before,
.event .snippetBlockTeaser:hover .body .link button:active:before,
.event .snippetBlockTeaser:active .body .link button:active:before,
.event .snippetBlockTeaser:focus .body .link button:active:before,
.event .snippetBlockTeaser:focus-within .body .link button:active:before,
.event .snippetBlockTeaser:hover .body .link a:focus:before,
.event .snippetBlockTeaser:active .body .link a:focus:before,
.event .snippetBlockTeaser:focus .body .link a:focus:before,
.event .snippetBlockTeaser:focus-within .body .link a:focus:before,
.event .snippetBlockTeaser:hover .body .link button:focus:before,
.event .snippetBlockTeaser:active .body .link button:focus:before,
.event .snippetBlockTeaser:focus .body .link button:focus:before,
.event .snippetBlockTeaser:focus-within .body .link button:focus:before,
.event .snippetBlockTeaser:hover .body .link a:focus:hover:before,
.event .snippetBlockTeaser:active .body .link a:focus:hover:before,
.event .snippetBlockTeaser:focus .body .link a:focus:hover:before,
.event .snippetBlockTeaser:focus-within .body .link a:focus:hover:before,
.event .snippetBlockTeaser:hover .body .link button:focus:hover:before,
.event .snippetBlockTeaser:active .body .link button:focus:hover:before,
.event .snippetBlockTeaser:focus .body .link button:focus:hover:before,
.event .snippetBlockTeaser:focus-within .body .link button:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.event .snippetBlockTeaser:hover .body .link a:hover:after,
.event .snippetBlockTeaser:active .body .link a:hover:after,
.event .snippetBlockTeaser:focus .body .link a:hover:after,
.event .snippetBlockTeaser:focus-within .body .link a:hover:after,
.event .snippetBlockTeaser:hover .body .link button:hover:after,
.event .snippetBlockTeaser:active .body .link button:hover:after,
.event .snippetBlockTeaser:focus .body .link button:hover:after,
.event .snippetBlockTeaser:focus-within .body .link button:hover:after,
.event .snippetBlockTeaser:hover .body .link a:active:hover:after,
.event .snippetBlockTeaser:active .body .link a:active:hover:after,
.event .snippetBlockTeaser:focus .body .link a:active:hover:after,
.event .snippetBlockTeaser:focus-within .body .link a:active:hover:after,
.event .snippetBlockTeaser:hover .body .link button:active:hover:after,
.event .snippetBlockTeaser:active .body .link button:active:hover:after,
.event .snippetBlockTeaser:focus .body .link button:active:hover:after,
.event .snippetBlockTeaser:focus-within .body .link button:active:hover:after,
.event .snippetBlockTeaser:hover .body .link a:active:after,
.event .snippetBlockTeaser:active .body .link a:active:after,
.event .snippetBlockTeaser:focus .body .link a:active:after,
.event .snippetBlockTeaser:focus-within .body .link a:active:after,
.event .snippetBlockTeaser:hover .body .link button:active:after,
.event .snippetBlockTeaser:active .body .link button:active:after,
.event .snippetBlockTeaser:focus .body .link button:active:after,
.event .snippetBlockTeaser:focus-within .body .link button:active:after,
.event .snippetBlockTeaser:hover .body .link a:focus:after,
.event .snippetBlockTeaser:active .body .link a:focus:after,
.event .snippetBlockTeaser:focus .body .link a:focus:after,
.event .snippetBlockTeaser:focus-within .body .link a:focus:after,
.event .snippetBlockTeaser:hover .body .link button:focus:after,
.event .snippetBlockTeaser:active .body .link button:focus:after,
.event .snippetBlockTeaser:focus .body .link button:focus:after,
.event .snippetBlockTeaser:focus-within .body .link button:focus:after,
.event .snippetBlockTeaser:hover .body .link a:focus:hover:after,
.event .snippetBlockTeaser:active .body .link a:focus:hover:after,
.event .snippetBlockTeaser:focus .body .link a:focus:hover:after,
.event .snippetBlockTeaser:focus-within .body .link a:focus:hover:after,
.event .snippetBlockTeaser:hover .body .link button:focus:hover:after,
.event .snippetBlockTeaser:active .body .link button:focus:hover:after,
.event .snippetBlockTeaser:focus .body .link button:focus:hover:after,
.event .snippetBlockTeaser:focus-within .body .link button:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.event .snippetBlockTeaser:hover .body .link a:hover::after,
.event .snippetBlockTeaser:active .body .link a:hover::after,
.event .snippetBlockTeaser:focus .body .link a:hover::after,
.event .snippetBlockTeaser:focus-within .body .link a:hover::after,
.event .snippetBlockTeaser:hover .body .link button:hover::after,
.event .snippetBlockTeaser:active .body .link button:hover::after,
.event .snippetBlockTeaser:focus .body .link button:hover::after,
.event .snippetBlockTeaser:focus-within .body .link button:hover::after,
.event .snippetBlockTeaser:hover .body .link a:active:hover::after,
.event .snippetBlockTeaser:active .body .link a:active:hover::after,
.event .snippetBlockTeaser:focus .body .link a:active:hover::after,
.event .snippetBlockTeaser:focus-within .body .link a:active:hover::after,
.event .snippetBlockTeaser:hover .body .link button:active:hover::after,
.event .snippetBlockTeaser:active .body .link button:active:hover::after,
.event .snippetBlockTeaser:focus .body .link button:active:hover::after,
.event .snippetBlockTeaser:focus-within .body .link button:active:hover::after,
.event .snippetBlockTeaser:hover .body .link a:active::after,
.event .snippetBlockTeaser:active .body .link a:active::after,
.event .snippetBlockTeaser:focus .body .link a:active::after,
.event .snippetBlockTeaser:focus-within .body .link a:active::after,
.event .snippetBlockTeaser:hover .body .link button:active::after,
.event .snippetBlockTeaser:active .body .link button:active::after,
.event .snippetBlockTeaser:focus .body .link button:active::after,
.event .snippetBlockTeaser:focus-within .body .link button:active::after,
.event .snippetBlockTeaser:hover .body .link a:focus::after,
.event .snippetBlockTeaser:active .body .link a:focus::after,
.event .snippetBlockTeaser:focus .body .link a:focus::after,
.event .snippetBlockTeaser:focus-within .body .link a:focus::after,
.event .snippetBlockTeaser:hover .body .link button:focus::after,
.event .snippetBlockTeaser:active .body .link button:focus::after,
.event .snippetBlockTeaser:focus .body .link button:focus::after,
.event .snippetBlockTeaser:focus-within .body .link button:focus::after,
.event .snippetBlockTeaser:hover .body .link a:focus:hover::after,
.event .snippetBlockTeaser:active .body .link a:focus:hover::after,
.event .snippetBlockTeaser:focus .body .link a:focus:hover::after,
.event .snippetBlockTeaser:focus-within .body .link a:focus:hover::after,
.event .snippetBlockTeaser:hover .body .link button:focus:hover::after,
.event .snippetBlockTeaser:active .body .link button:focus:hover::after,
.event .snippetBlockTeaser:focus .body .link button:focus:hover::after,
.event .snippetBlockTeaser:focus-within .body .link button:focus:hover::after {
color: #869e00;
}
.event .snippetBlockTeaser:hover .body .link a:hover::after,
.event .snippetBlockTeaser:active .body .link a:hover::after,
.event .snippetBlockTeaser:focus .body .link a:hover::after,
.event .snippetBlockTeaser:focus-within .body .link a:hover::after,
.event .snippetBlockTeaser:hover .body .link button:hover::after,
.event .snippetBlockTeaser:active .body .link button:hover::after,
.event .snippetBlockTeaser:focus .body .link button:hover::after,
.event .snippetBlockTeaser:focus-within .body .link button:hover::after,
.event .snippetBlockTeaser:hover .body .link a:active:hover::after,
.event .snippetBlockTeaser:active .body .link a:active:hover::after,
.event .snippetBlockTeaser:focus .body .link a:active:hover::after,
.event .snippetBlockTeaser:focus-within .body .link a:active:hover::after,
.event .snippetBlockTeaser:hover .body .link button:active:hover::after,
.event .snippetBlockTeaser:active .body .link button:active:hover::after,
.event .snippetBlockTeaser:focus .body .link button:active:hover::after,
.event .snippetBlockTeaser:focus-within .body .link button:active:hover::after,
.event .snippetBlockTeaser:hover .body .link a:active::after,
.event .snippetBlockTeaser:active .body .link a:active::after,
.event .snippetBlockTeaser:focus .body .link a:active::after,
.event .snippetBlockTeaser:focus-within .body .link a:active::after,
.event .snippetBlockTeaser:hover .body .link button:active::after,
.event .snippetBlockTeaser:active .body .link button:active::after,
.event .snippetBlockTeaser:focus .body .link button:active::after,
.event .snippetBlockTeaser:focus-within .body .link button:active::after,
.event .snippetBlockTeaser:hover .body .link a:focus::after,
.event .snippetBlockTeaser:active .body .link a:focus::after,
.event .snippetBlockTeaser:focus .body .link a:focus::after,
.event .snippetBlockTeaser:focus-within .body .link a:focus::after,
.event .snippetBlockTeaser:hover .body .link button:focus::after,
.event .snippetBlockTeaser:active .body .link button:focus::after,
.event .snippetBlockTeaser:focus .body .link button:focus::after,
.event .snippetBlockTeaser:focus-within .body .link button:focus::after,
.event .snippetBlockTeaser:hover .body .link a:focus:hover::after,
.event .snippetBlockTeaser:active .body .link a:focus:hover::after,
.event .snippetBlockTeaser:focus .body .link a:focus:hover::after,
.event .snippetBlockTeaser:focus-within .body .link a:focus:hover::after,
.event .snippetBlockTeaser:hover .body .link button:focus:hover::after,
.event .snippetBlockTeaser:active .body .link button:focus:hover::after,
.event .snippetBlockTeaser:focus .body .link button:focus:hover::after,
.event .snippetBlockTeaser:focus-within .body .link button:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.event .snippetBlockTeaser:hover .body .link a:hover:after,
.event .snippetBlockTeaser:active .body .link a:hover:after,
.event .snippetBlockTeaser:focus .body .link a:hover:after,
.event .snippetBlockTeaser:focus-within .body .link a:hover:after,
.event .snippetBlockTeaser:hover .body .link button:hover:after,
.event .snippetBlockTeaser:active .body .link button:hover:after,
.event .snippetBlockTeaser:focus .body .link button:hover:after,
.event .snippetBlockTeaser:focus-within .body .link button:hover:after,
.event .snippetBlockTeaser:hover .body .link a:active:hover:after,
.event .snippetBlockTeaser:active .body .link a:active:hover:after,
.event .snippetBlockTeaser:focus .body .link a:active:hover:after,
.event .snippetBlockTeaser:focus-within .body .link a:active:hover:after,
.event .snippetBlockTeaser:hover .body .link button:active:hover:after,
.event .snippetBlockTeaser:active .body .link button:active:hover:after,
.event .snippetBlockTeaser:focus .body .link button:active:hover:after,
.event .snippetBlockTeaser:focus-within .body .link button:active:hover:after,
.event .snippetBlockTeaser:hover .body .link a:active:after,
.event .snippetBlockTeaser:active .body .link a:active:after,
.event .snippetBlockTeaser:focus .body .link a:active:after,
.event .snippetBlockTeaser:focus-within .body .link a:active:after,
.event .snippetBlockTeaser:hover .body .link button:active:after,
.event .snippetBlockTeaser:active .body .link button:active:after,
.event .snippetBlockTeaser:focus .body .link button:active:after,
.event .snippetBlockTeaser:focus-within .body .link button:active:after,
.event .snippetBlockTeaser:hover .body .link a:focus:after,
.event .snippetBlockTeaser:active .body .link a:focus:after,
.event .snippetBlockTeaser:focus .body .link a:focus:after,
.event .snippetBlockTeaser:focus-within .body .link a:focus:after,
.event .snippetBlockTeaser:hover .body .link button:focus:after,
.event .snippetBlockTeaser:active .body .link button:focus:after,
.event .snippetBlockTeaser:focus .body .link button:focus:after,
.event .snippetBlockTeaser:focus-within .body .link button:focus:after,
.event .snippetBlockTeaser:hover .body .link a:focus:hover:after,
.event .snippetBlockTeaser:active .body .link a:focus:hover:after,
.event .snippetBlockTeaser:focus .body .link a:focus:hover:after,
.event .snippetBlockTeaser:focus-within .body .link a:focus:hover:after,
.event .snippetBlockTeaser:hover .body .link button:focus:hover:after,
.event .snippetBlockTeaser:active .body .link button:focus:hover:after,
.event .snippetBlockTeaser:focus .body .link button:focus:hover:after,
.event .snippetBlockTeaser:focus-within .body .link button:focus:hover:after,
.event .snippetBlockTeaser:hover .body .link a:hover:before,
.event .snippetBlockTeaser:active .body .link a:hover:before,
.event .snippetBlockTeaser:focus .body .link a:hover:before,
.event .snippetBlockTeaser:focus-within .body .link a:hover:before,
.event .snippetBlockTeaser:hover .body .link button:hover:before,
.event .snippetBlockTeaser:active .body .link button:hover:before,
.event .snippetBlockTeaser:focus .body .link button:hover:before,
.event .snippetBlockTeaser:focus-within .body .link button:hover:before,
.event .snippetBlockTeaser:hover .body .link a:active:hover:before,
.event .snippetBlockTeaser:active .body .link a:active:hover:before,
.event .snippetBlockTeaser:focus .body .link a:active:hover:before,
.event .snippetBlockTeaser:focus-within .body .link a:active:hover:before,
.event .snippetBlockTeaser:hover .body .link button:active:hover:before,
.event .snippetBlockTeaser:active .body .link button:active:hover:before,
.event .snippetBlockTeaser:focus .body .link button:active:hover:before,
.event .snippetBlockTeaser:focus-within .body .link button:active:hover:before,
.event .snippetBlockTeaser:hover .body .link a:active:before,
.event .snippetBlockTeaser:active .body .link a:active:before,
.event .snippetBlockTeaser:focus .body .link a:active:before,
.event .snippetBlockTeaser:focus-within .body .link a:active:before,
.event .snippetBlockTeaser:hover .body .link button:active:before,
.event .snippetBlockTeaser:active .body .link button:active:before,
.event .snippetBlockTeaser:focus .body .link button:active:before,
.event .snippetBlockTeaser:focus-within .body .link button:active:before,
.event .snippetBlockTeaser:hover .body .link a:focus:before,
.event .snippetBlockTeaser:active .body .link a:focus:before,
.event .snippetBlockTeaser:focus .body .link a:focus:before,
.event .snippetBlockTeaser:focus-within .body .link a:focus:before,
.event .snippetBlockTeaser:hover .body .link button:focus:before,
.event .snippetBlockTeaser:active .body .link button:focus:before,
.event .snippetBlockTeaser:focus .body .link button:focus:before,
.event .snippetBlockTeaser:focus-within .body .link button:focus:before,
.event .snippetBlockTeaser:hover .body .link a:focus:hover:before,
.event .snippetBlockTeaser:active .body .link a:focus:hover:before,
.event .snippetBlockTeaser:focus .body .link a:focus:hover:before,
.event .snippetBlockTeaser:focus-within .body .link a:focus:hover:before,
.event .snippetBlockTeaser:hover .body .link button:focus:hover:before,
.event .snippetBlockTeaser:active .body .link button:focus:hover:before,
.event .snippetBlockTeaser:focus .body .link button:focus:hover:before,
.event .snippetBlockTeaser:focus-within .body .link button:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.event .snippetBlockTeaser:hover .body .link a:hover:after,
.event .snippetBlockTeaser:active .body .link a:hover:after,
.event .snippetBlockTeaser:focus .body .link a:hover:after,
.event .snippetBlockTeaser:focus-within .body .link a:hover:after,
.event .snippetBlockTeaser:hover .body .link button:hover:after,
.event .snippetBlockTeaser:active .body .link button:hover:after,
.event .snippetBlockTeaser:focus .body .link button:hover:after,
.event .snippetBlockTeaser:focus-within .body .link button:hover:after,
.event .snippetBlockTeaser:hover .body .link a:active:hover:after,
.event .snippetBlockTeaser:active .body .link a:active:hover:after,
.event .snippetBlockTeaser:focus .body .link a:active:hover:after,
.event .snippetBlockTeaser:focus-within .body .link a:active:hover:after,
.event .snippetBlockTeaser:hover .body .link button:active:hover:after,
.event .snippetBlockTeaser:active .body .link button:active:hover:after,
.event .snippetBlockTeaser:focus .body .link button:active:hover:after,
.event .snippetBlockTeaser:focus-within .body .link button:active:hover:after,
.event .snippetBlockTeaser:hover .body .link a:active:after,
.event .snippetBlockTeaser:active .body .link a:active:after,
.event .snippetBlockTeaser:focus .body .link a:active:after,
.event .snippetBlockTeaser:focus-within .body .link a:active:after,
.event .snippetBlockTeaser:hover .body .link button:active:after,
.event .snippetBlockTeaser:active .body .link button:active:after,
.event .snippetBlockTeaser:focus .body .link button:active:after,
.event .snippetBlockTeaser:focus-within .body .link button:active:after,
.event .snippetBlockTeaser:hover .body .link a:focus:after,
.event .snippetBlockTeaser:active .body .link a:focus:after,
.event .snippetBlockTeaser:focus .body .link a:focus:after,
.event .snippetBlockTeaser:focus-within .body .link a:focus:after,
.event .snippetBlockTeaser:hover .body .link button:focus:after,
.event .snippetBlockTeaser:active .body .link button:focus:after,
.event .snippetBlockTeaser:focus .body .link button:focus:after,
.event .snippetBlockTeaser:focus-within .body .link button:focus:after,
.event .snippetBlockTeaser:hover .body .link a:focus:hover:after,
.event .snippetBlockTeaser:active .body .link a:focus:hover:after,
.event .snippetBlockTeaser:focus .body .link a:focus:hover:after,
.event .snippetBlockTeaser:focus-within .body .link a:focus:hover:after,
.event .snippetBlockTeaser:hover .body .link button:focus:hover:after,
.event .snippetBlockTeaser:active .body .link button:focus:hover:after,
.event .snippetBlockTeaser:focus .body .link button:focus:hover:after,
.event .snippetBlockTeaser:focus-within .body .link button:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.event .snippetBlockTeaser:hover .body .link a:hover:after,
.event .snippetBlockTeaser:active .body .link a:hover:after,
.event .snippetBlockTeaser:focus .body .link a:hover:after,
.event .snippetBlockTeaser:focus-within .body .link a:hover:after,
.event .snippetBlockTeaser:hover .body .link button:hover:after,
.event .snippetBlockTeaser:active .body .link button:hover:after,
.event .snippetBlockTeaser:focus .body .link button:hover:after,
.event .snippetBlockTeaser:focus-within .body .link button:hover:after,
.event .snippetBlockTeaser:hover .body .link a:active:hover:after,
.event .snippetBlockTeaser:active .body .link a:active:hover:after,
.event .snippetBlockTeaser:focus .body .link a:active:hover:after,
.event .snippetBlockTeaser:focus-within .body .link a:active:hover:after,
.event .snippetBlockTeaser:hover .body .link button:active:hover:after,
.event .snippetBlockTeaser:active .body .link button:active:hover:after,
.event .snippetBlockTeaser:focus .body .link button:active:hover:after,
.event .snippetBlockTeaser:focus-within .body .link button:active:hover:after,
.event .snippetBlockTeaser:hover .body .link a:active:after,
.event .snippetBlockTeaser:active .body .link a:active:after,
.event .snippetBlockTeaser:focus .body .link a:active:after,
.event .snippetBlockTeaser:focus-within .body .link a:active:after,
.event .snippetBlockTeaser:hover .body .link button:active:after,
.event .snippetBlockTeaser:active .body .link button:active:after,
.event .snippetBlockTeaser:focus .body .link button:active:after,
.event .snippetBlockTeaser:focus-within .body .link button:active:after,
.event .snippetBlockTeaser:hover .body .link a:focus:after,
.event .snippetBlockTeaser:active .body .link a:focus:after,
.event .snippetBlockTeaser:focus .body .link a:focus:after,
.event .snippetBlockTeaser:focus-within .body .link a:focus:after,
.event .snippetBlockTeaser:hover .body .link button:focus:after,
.event .snippetBlockTeaser:active .body .link button:focus:after,
.event .snippetBlockTeaser:focus .body .link button:focus:after,
.event .snippetBlockTeaser:focus-within .body .link button:focus:after,
.event .snippetBlockTeaser:hover .body .link a:focus:hover:after,
.event .snippetBlockTeaser:active .body .link a:focus:hover:after,
.event .snippetBlockTeaser:focus .body .link a:focus:hover:after,
.event .snippetBlockTeaser:focus-within .body .link a:focus:hover:after,
.event .snippetBlockTeaser:hover .body .link button:focus:hover:after,
.event .snippetBlockTeaser:active .body .link button:focus:hover:after,
.event .snippetBlockTeaser:focus .body .link button:focus:hover:after,
.event .snippetBlockTeaser:focus-within .body .link button:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
@media (min-width: 768px) {
.event .snippetBlockTeaser:hover .body .link,
.event .snippetBlockTeaser:active .body .link,
.event .snippetBlockTeaser:focus .body .link,
.event .snippetBlockTeaser:focus-within .body .link {
right: 17px;
bottom: 5px;
}
}
.snippetProductTeaserStandard {
font-size: 14px;
line-height: 18px;
font-family: 'UnitWeb-Light', sans-serif;
background-color: #ffffff;
position: relative;
padding-bottom: 10px;
}
@media (min-width: 768px) {
.snippetProductTeaserStandard .hiddenContent {
display: none;
}
}
.snippetProductTeaserStandard:hover .hiddenContent,
.snippetProductTeaserStandard:active .hiddenContent,
.snippetProductTeaserStandard:focus .hiddenContent,
.snippetProductTeaserStandard:focus-within .hiddenContent {
display: block;
}
@media (max-width: 767px) {
.snippetProductTeaserStandard {
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.snippetProductTeaserStandard {
height: 393px;
overflow: hidden;
padding-bottom: 0;
}
}
@media (min-width: 768px) {
.snippetProductTeaserStandard {
height: 330px;
overflow: hidden;
padding-bottom: 0;
}
}
@media (min-width: 992px) {
.snippetProductTeaserStandard {
height: 373px;
}
}
@media (min-width: 1200px) {
.snippetProductTeaserStandard {
height: 373px;
}
}
@media (min-width: 768px) {
.snippetProductTeaserStandard .nostoImageWrapper {
height: 190px;
display: flex;
justify-content: center;
}
}
@media (max-width: 767px) {
.snippetProductTeaserStandard .nostoImageWrapper {
height: 180px;
display: flex;
justify-content: center;
}
}
@media (min-width: 768px) {
.snippetProductTeaserStandard .image {
object-fit: contain;
margin-bottom: 12px;
max-height: 190px;
}
}
@media (max-width: 767px) {
.snippetProductTeaserStandard .image {
object-fit: contain;
margin-bottom: 12px;
max-height: 180px;
}
}
@media (max-width: 767px) {
.snippetProductTeaserStandard .text .price-info {
display: none;
}
.snippetProductTeaserStandard .text .shipping-message {
height: 42px;
}
.snippetProductTeaserStandard .text .shipping-message .snippetShippingMessage > div {
display: inline;
}
.snippetProductTeaserStandard .text .shipping-message .snippetShippingMessage > div:after {
content: '*';
}
.snippetProductTeaserStandard .text .shipping-info {
display: none;
}
.snippetProductTeaserStandard .text .rating {
display: none;
}
.snippetProductTeaserStandard .text .bulk-price-table {
position: absolute;
bottom: 1rem;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;
}
}
.snippetProductTeaserStandard .orderItemsInfo {
margin-bottom: 10px;
}
@media (max-width: 767px) {
.snippetProductTeaserStandard .inner {
height: 100%;
}
}
.snippetProductTeaserStandard .inner .body:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
@media (max-width: 767px) {
.snippetProductTeaserStandard .inner .body {
height: 100%;
}
}
.snippetProductTeaserStandard .title-brand {
margin-bottom: 8px;
}
.snippetProductTeaserStandard .title {
color: #000000;
line-height: 23px;
font-family: 'UnitWeb-Light', sans-serif;
line-height: 24px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #6b6b6b;
margin-bottom: 4px;
display: block;
}
.snippetProductTeaserStandard .title:after,
.snippetProductTeaserStandard .title:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductTeaserStandard .title strong {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
}
.snippetProductTeaserStandard .title strong:after,
.snippetProductTeaserStandard .title strong:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
@media (max-width: 767px) {
.snippetProductTeaserStandard .title {
max-height: 74px;
display: block;
overflow: hidden;
font-size: 14px;
line-height: 18px;
}
.snippetProductTeaserStandard .title strong {
font-size: 14px;
line-height: 18px;
}
}
.snippetProductTeaserStandard .brand {
line-height: 17px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
height: 20px;
overflow: hidden;
}
.snippetProductTeaserStandard .brand a {
color: #000000;
padding: 0;
margin: 0;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 20px;
color: #979797;
text-decoration: none;
text-transform: uppercase;
margin-bottom: 8px;
}
.snippetProductTeaserStandard .brand a:after,
.snippetProductTeaserStandard .brand a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductTeaserStandard .brand a:hover,
.snippetProductTeaserStandard .brand a:active:hover,
.snippetProductTeaserStandard .brand a:active,
.snippetProductTeaserStandard .brand a:focus,
.snippetProductTeaserStandard .brand a:focus:hover {
color: #869e00;
}
.snippetProductTeaserStandard .brand a:not(a):hover,
.snippetProductTeaserStandard .brand a:not(a):active:hover,
.snippetProductTeaserStandard .brand a:not(a):active,
.snippetProductTeaserStandard .brand a:not(a):focus,
.snippetProductTeaserStandard .brand a:not(a):focus:hover {
color: #979797;
}
@media (max-width: 767px) {
.snippetProductTeaserStandard .brand a {
font-size: 12px;
line-height: 14px;
}
}
.snippetProductTeaserStandard .brand:after,
.snippetProductTeaserStandard .brand:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
@media (max-width: 767px) {
.snippetProductTeaserStandard .brand {
font-size: 12px;
line-height: 14px;
}
}
.snippetProductTeaserStandard .prices {
margin-bottom: 10px;
}
.snippetProductTeaserStandard .prices:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
@media (max-width: 767px) {
.snippetProductTeaserStandard .prices {
margin-bottom: 4px;
}
}
.snippetProductTeaserStandard .prices .price {
color: #869e00;
font-size: 1.3em;
line-height: 1em;
font-family: 'UnitWeb-Bold', sans-serif;
font-weight: 500;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
float: left;
margin-right: 14px;
}
.snippetProductTeaserStandard .prices .price:after,
.snippetProductTeaserStandard .prices .price:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
@media (max-width: 767px) {
.snippetProductTeaserStandard .prices .price {
font-size: 14px;
line-height: 18px;
}
}
@media print {
.snippetProductTeaserStandard .prices .price {
font-size: 1.0em;
}
}
.snippetProductTeaserStandard .prices .price-retail {
color: #777777;
text-decoration: line-through;
float: left;
}
.snippetProductTeaserStandard .prices .price-retail span {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #971d00;
text-decoration: line-through;
}
.snippetProductTeaserStandard .prices .price-retail span:after,
.snippetProductTeaserStandard .prices .price-retail span:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
@media (max-width: 767px) {
.snippetProductTeaserStandard .prices .price-retail span {
font-size: 14px;
line-height: 18px;
margin-top: -2px;
}
}
.snippetProductTeaserStandard .rating {
height: 15px;
margin-bottom: 10px;
float: none;
}
.snippetProductTeaserStandard .rating .as-text {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
position: relative;
top: -1px;
margin-left: 5px;
}
.snippetProductTeaserStandard .rating .as-text:after,
.snippetProductTeaserStandard .rating .as-text:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductTeaserStandard .shipping-message {
line-height: 1.3em;
font-weight: bold;
min-height: 1.2em;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
margin-bottom: 8px;
text-decoration: underline;
margin-bottom: 7px;
}
.snippetProductTeaserStandard .shipping-message:after,
.snippetProductTeaserStandard .shipping-message:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductTeaserStandard .shipping-message:not(a) {
text-decoration: none;
}
.snippetProductTeaserStandard .shipping-message:not(a):hover,
.snippetProductTeaserStandard .shipping-message:not(a):active:hover,
.snippetProductTeaserStandard .shipping-message:not(a):active,
.snippetProductTeaserStandard .shipping-message:not(a):focus,
.snippetProductTeaserStandard .shipping-message:not(a):focus:hover {
color: #979797;
}
@media (max-width: 767px) {
.snippetProductTeaserStandard .shipping-message {
font-size: 12px;
line-height: 14px;
}
}
.snippetProductTeaserStandard .shipping-info {
font-weight: bold;
letter-spacing: -0.3px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
margin-bottom: 8px;
text-decoration: underline;
margin-bottom: 7px;
}
.snippetProductTeaserStandard .shipping-info:after,
.snippetProductTeaserStandard .shipping-info:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductTeaserStandard .shipping-info:not(a) {
text-decoration: none;
}
.snippetProductTeaserStandard .shipping-info:not(a):hover,
.snippetProductTeaserStandard .shipping-info:not(a):active:hover,
.snippetProductTeaserStandard .shipping-info:not(a):active,
.snippetProductTeaserStandard .shipping-info:not(a):focus,
.snippetProductTeaserStandard .shipping-info:not(a):focus:hover {
color: #979797;
}
.snippetProductTeaserStandard .shipping-info a {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
margin-bottom: 8px;
text-decoration: underline;
}
.snippetProductTeaserStandard .shipping-info a:after,
.snippetProductTeaserStandard .shipping-info a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductTeaserStandard .shipping-info a:not(a) {
text-decoration: none;
}
.snippetProductTeaserStandard .shipping-info a:not(a):hover,
.snippetProductTeaserStandard .shipping-info a:not(a):active:hover,
.snippetProductTeaserStandard .shipping-info a:not(a):active,
.snippetProductTeaserStandard .shipping-info a:not(a):focus,
.snippetProductTeaserStandard .shipping-info a:not(a):focus:hover {
color: #979797;
}
.snippetProductTeaserStandard .price-info {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
margin-bottom: 12px;
}
.snippetProductTeaserStandard .price-info:after,
.snippetProductTeaserStandard .price-info:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
@media (min-width: 768px) and (max-width: 991px) {
.snippetProductTeaserStandard .sprite-basket2 {
display: none;
}
}
.snippetProductTeaserStandard .border {
display: none;
position: absolute;
border: 3px solid #b2b2b2;
left: -15px;
background-color: #ffffff;
z-index: 1;
}
.snippetProductTeaserStandard .space {
height: 13px;
width: 100%;
background: #ffffff;
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
}
@media (max-width: 768px) {
.snippetProductTeaserStandard .space {
display: none;
}
}
@media (min-width: 768px) {
.snippetProductTeaserStandard:hover,
.snippetProductTeaserStandard:active,
.snippetProductTeaserStandard:focus,
.snippetProductTeaserStandard:focus-within {
overflow: inherit;
border-bottom: medium none;
}
.snippetProductTeaserStandard:hover .inner,
.snippetProductTeaserStandard:active .inner,
.snippetProductTeaserStandard:focus .inner,
.snippetProductTeaserStandard:focus-within .inner {
position: absolute;
z-index: 3;
background-color: #fff;
border: 3px solid #b2b2b2;
margin: -24px 0 0 -18px;
padding: 21px 15px 15px;
width: 100%;
box-sizing: content-box;
}
.snippetProductTeaserStandard:hover .space,
.snippetProductTeaserStandard:active .space,
.snippetProductTeaserStandard:focus .space,
.snippetProductTeaserStandard:focus-within .space {
display: none;
}
}
@media (min-width: 768px) and (min-width: 768px) {
.snippetProductTeaserStandard:hover .inner,
.snippetProductTeaserStandard:active .inner,
.snippetProductTeaserStandard:focus .inner,
.snippetProductTeaserStandard:focus-within .inner {
min-height: 315px;
}
}
@media (min-width: 768px) and (min-width: 992px) {
.snippetProductTeaserStandard:hover .inner,
.snippetProductTeaserStandard:active .inner,
.snippetProductTeaserStandard:focus .inner,
.snippetProductTeaserStandard:focus-within .inner {
min-height: 358px;
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.snippetProductTeaserStandard:hover .inner,
.snippetProductTeaserStandard:active .inner,
.snippetProductTeaserStandard:focus .inner,
.snippetProductTeaserStandard:focus-within .inner {
min-height: 358px;
}
}
.snippetProductTeaserStandard .printButton {
margin-bottom: 20px;
}
.snippetProductTeaserStandard .sRemoveNoticeListLink {
display: block;
margin-top: 10px;
}
.snippetProductTeaserStandard .sRemoveNoticeListLink span:not(.icon) {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
}
.snippetProductTeaserStandard .sRemoveNoticeListLink span:not(.icon):after,
.snippetProductTeaserStandard .sRemoveNoticeListLink span:not(.icon):before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductTeaserStandard .sRemoveNoticeListLink:hover,
.snippetProductTeaserStandard .sRemoveNoticeListLink:active,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus-within {
text-decoration: none;
}
.snippetProductTeaserStandard .sRemoveNoticeListLink:hover span:not(.icon),
.snippetProductTeaserStandard .sRemoveNoticeListLink:active span:not(.icon),
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus span:not(.icon),
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus-within span:not(.icon) {
color: #869e00;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
}
.snippetProductTeaserStandard .sRemoveNoticeListLink:hover span:not(.icon):after,
.snippetProductTeaserStandard .sRemoveNoticeListLink:active span:not(.icon):after,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus span:not(.icon):after,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus-within span:not(.icon):after,
.snippetProductTeaserStandard .sRemoveNoticeListLink:hover span:not(.icon):before,
.snippetProductTeaserStandard .sRemoveNoticeListLink:active span:not(.icon):before,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus span:not(.icon):before,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus-within span:not(.icon):before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductTeaserStandard .sRemoveNoticeListLink:hover span:not(.icon):after,
.snippetProductTeaserStandard .sRemoveNoticeListLink:active span:not(.icon):after,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus span:not(.icon):after,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus-within span:not(.icon):after,
.snippetProductTeaserStandard .sRemoveNoticeListLink:hover span:not(.icon):before,
.snippetProductTeaserStandard .sRemoveNoticeListLink:active span:not(.icon):before,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus span:not(.icon):before,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus-within span:not(.icon):before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductTeaserStandard .sRemoveNoticeListLink:hover span:not(.icon):hover,
.snippetProductTeaserStandard .sRemoveNoticeListLink:active span:not(.icon):hover,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus span:not(.icon):hover,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus-within span:not(.icon):hover,
.snippetProductTeaserStandard .sRemoveNoticeListLink:hover span:not(.icon):active:hover,
.snippetProductTeaserStandard .sRemoveNoticeListLink:active span:not(.icon):active:hover,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus span:not(.icon):active:hover,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus-within span:not(.icon):active:hover,
.snippetProductTeaserStandard .sRemoveNoticeListLink:hover span:not(.icon):active,
.snippetProductTeaserStandard .sRemoveNoticeListLink:active span:not(.icon):active,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus span:not(.icon):active,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus-within span:not(.icon):active,
.snippetProductTeaserStandard .sRemoveNoticeListLink:hover span:not(.icon):focus,
.snippetProductTeaserStandard .sRemoveNoticeListLink:active span:not(.icon):focus,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus span:not(.icon):focus,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus-within span:not(.icon):focus,
.snippetProductTeaserStandard .sRemoveNoticeListLink:hover span:not(.icon):focus:hover,
.snippetProductTeaserStandard .sRemoveNoticeListLink:active span:not(.icon):focus:hover,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus span:not(.icon):focus:hover,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus-within span:not(.icon):focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
color: #869e00;
}
.snippetProductTeaserStandard .sRemoveNoticeListLink:hover span:not(.icon):hover:after,
.snippetProductTeaserStandard .sRemoveNoticeListLink:active span:not(.icon):hover:after,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus span:not(.icon):hover:after,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus-within span:not(.icon):hover:after,
.snippetProductTeaserStandard .sRemoveNoticeListLink:hover span:not(.icon):active:hover:after,
.snippetProductTeaserStandard .sRemoveNoticeListLink:active span:not(.icon):active:hover:after,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus span:not(.icon):active:hover:after,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus-within span:not(.icon):active:hover:after,
.snippetProductTeaserStandard .sRemoveNoticeListLink:hover span:not(.icon):active:after,
.snippetProductTeaserStandard .sRemoveNoticeListLink:active span:not(.icon):active:after,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus span:not(.icon):active:after,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus-within span:not(.icon):active:after,
.snippetProductTeaserStandard .sRemoveNoticeListLink:hover span:not(.icon):focus:after,
.snippetProductTeaserStandard .sRemoveNoticeListLink:active span:not(.icon):focus:after,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus span:not(.icon):focus:after,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus-within span:not(.icon):focus:after,
.snippetProductTeaserStandard .sRemoveNoticeListLink:hover span:not(.icon):focus:hover:after,
.snippetProductTeaserStandard .sRemoveNoticeListLink:active span:not(.icon):focus:hover:after,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus span:not(.icon):focus:hover:after,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus-within span:not(.icon):focus:hover:after,
.snippetProductTeaserStandard .sRemoveNoticeListLink:hover span:not(.icon):hover:before,
.snippetProductTeaserStandard .sRemoveNoticeListLink:active span:not(.icon):hover:before,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus span:not(.icon):hover:before,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus-within span:not(.icon):hover:before,
.snippetProductTeaserStandard .sRemoveNoticeListLink:hover span:not(.icon):active:hover:before,
.snippetProductTeaserStandard .sRemoveNoticeListLink:active span:not(.icon):active:hover:before,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus span:not(.icon):active:hover:before,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus-within span:not(.icon):active:hover:before,
.snippetProductTeaserStandard .sRemoveNoticeListLink:hover span:not(.icon):active:before,
.snippetProductTeaserStandard .sRemoveNoticeListLink:active span:not(.icon):active:before,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus span:not(.icon):active:before,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus-within span:not(.icon):active:before,
.snippetProductTeaserStandard .sRemoveNoticeListLink:hover span:not(.icon):focus:before,
.snippetProductTeaserStandard .sRemoveNoticeListLink:active span:not(.icon):focus:before,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus span:not(.icon):focus:before,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus-within span:not(.icon):focus:before,
.snippetProductTeaserStandard .sRemoveNoticeListLink:hover span:not(.icon):focus:hover:before,
.snippetProductTeaserStandard .sRemoveNoticeListLink:active span:not(.icon):focus:hover:before,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus span:not(.icon):focus:hover:before,
.snippetProductTeaserStandard .sRemoveNoticeListLink:focus-within span:not(.icon):focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductTeaserStandard .sRemoveNoticeListLink span:not(.icon) {
display: inline-block;
position: relative;
top: -2px;
color: #777777;
}
.snippetProductListSixColumnMultiLine .snippetProductTeaserSixColumn {
margin-bottom: 35px;
}
/*
only differences to snippetProductTeaserStandard
*/
.snippetProductTeaserSixColumn {
margin-bottom: 25px;
}
.snippetProductTeaserSixColumn .title-brand {
height: auto;
overflow: inherit;
margin-bottom: 5px;
}
.snippetProductTeaserSixColumn .title-brand .brand {
height: 18px;
}
.snippetProductTeaserSixColumn .title-brand .brand a {
padding: 0;
margin: 0;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 12px;
line-height: 18px;
color: #979797;
text-decoration: none;
text-transform: uppercase;
}
.snippetProductTeaserSixColumn .title-brand .brand a:after,
.snippetProductTeaserSixColumn .title-brand .brand a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductTeaserSixColumn .title-brand .brand a:hover,
.snippetProductTeaserSixColumn .title-brand .brand a:active:hover,
.snippetProductTeaserSixColumn .title-brand .brand a:active,
.snippetProductTeaserSixColumn .title-brand .brand a:focus,
.snippetProductTeaserSixColumn .title-brand .brand a:focus:hover {
color: #869e00;
}
.snippetProductTeaserSixColumn .title-brand .brand a:not(a):hover,
.snippetProductTeaserSixColumn .title-brand .brand a:not(a):active:hover,
.snippetProductTeaserSixColumn .title-brand .brand a:not(a):active,
.snippetProductTeaserSixColumn .title-brand .brand a:not(a):focus,
.snippetProductTeaserSixColumn .title-brand .brand a:not(a):focus:hover {
color: #979797;
}
.snippetProductTeaserSixColumn .title-brand .title {
font-size: 1em;
line-height: 1.3em;
margin-bottom: 9px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
}
.snippetProductTeaserSixColumn .title-brand .title:after,
.snippetProductTeaserSixColumn .title-brand .title:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductTeaserSixColumn .title-brand .title strong {
line-height: 17px;
color: #000000;
font-family: 'UnitWeb-Light', sans-serif;
font-weight: bold;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
}
.snippetProductTeaserSixColumn .title-brand .title strong:after,
.snippetProductTeaserSixColumn .title-brand .title strong:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductTeaserSixColumn .prices {
margin-bottom: 7px;
}
.snippetProductTeaserSixColumn .prices .price {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
float: none;
}
.snippetProductTeaserSixColumn .prices .price:after,
.snippetProductTeaserSixColumn .prices .price:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductTeaserSixColumn .prices .price-retail {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #971d00;
text-decoration: line-through;
float: none;
}
.snippetProductTeaserSixColumn .prices .price-retail:after,
.snippetProductTeaserSixColumn .prices .price-retail:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductTeaserSixColumn .rating {
margin-bottom: 8px;
}
.snippetProductTeaserSixColumn .rating .as-text {
top: -2px;
}
.snippetProductTeaserSixColumn .shipping-message {
line-height: 1.3em;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 12px;
line-height: 14px;
color: #979797;
text-decoration: underline;
margin-bottom: 8px;
}
.snippetProductTeaserSixColumn .shipping-message:after,
.snippetProductTeaserSixColumn .shipping-message:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductTeaserSixColumn .shipping-message:hover,
.snippetProductTeaserSixColumn .shipping-message:active:hover,
.snippetProductTeaserSixColumn .shipping-message:active,
.snippetProductTeaserSixColumn .shipping-message:focus,
.snippetProductTeaserSixColumn .shipping-message:focus:hover {
color: #869e00;
}
.snippetProductTeaserSixColumn .shipping-message:not(a) {
text-decoration: none;
}
.snippetProductTeaserSixColumn .shipping-message:not(a):hover,
.snippetProductTeaserSixColumn .shipping-message:not(a):active:hover,
.snippetProductTeaserSixColumn .shipping-message:not(a):active,
.snippetProductTeaserSixColumn .shipping-message:not(a):focus,
.snippetProductTeaserSixColumn .shipping-message:not(a):focus:hover {
color: #979797;
}
.snippetProductTeaserSixColumn .shipping-info {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 12px;
line-height: 14px;
color: #979797;
text-decoration: underline;
}
.snippetProductTeaserSixColumn .shipping-info:after,
.snippetProductTeaserSixColumn .shipping-info:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductTeaserSixColumn .shipping-info:hover,
.snippetProductTeaserSixColumn .shipping-info:active:hover,
.snippetProductTeaserSixColumn .shipping-info:active,
.snippetProductTeaserSixColumn .shipping-info:focus,
.snippetProductTeaserSixColumn .shipping-info:focus:hover {
color: #869e00;
}
.snippetProductTeaserSixColumn .shipping-info:not(a) {
text-decoration: none;
}
.snippetProductTeaserSixColumn .shipping-info:not(a):hover,
.snippetProductTeaserSixColumn .shipping-info:not(a):active:hover,
.snippetProductTeaserSixColumn .shipping-info:not(a):active,
.snippetProductTeaserSixColumn .shipping-info:not(a):focus,
.snippetProductTeaserSixColumn .shipping-info:not(a):focus:hover {
color: #979797;
}
.snippetProductTeaserSixColumn .price-info {
font-size: 1em;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
margin-bottom: 12px;
}
.snippetProductTeaserSixColumn .price-info:after,
.snippetProductTeaserSixColumn .price-info:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductTeaserSixColumn .btn {
position: relative;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 13px;
line-height: 18px;
color: #ffffff;
text-transform: uppercase;
text-align: center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b70f00+0,971d00+100 */
background: #b70f00;
/* Old browsers */
background: -moz-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b70f00 0%, #971d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients1', endColorstr='@colorGradients2', GradientType=0);
/* IE6-9 */
}
.snippetProductTeaserSixColumn .btn.active,
.snippetProductTeaserSixColumn .btn:hover,
.snippetProductTeaserSixColumn .btn:active,
.snippetProductTeaserSixColumn .btn:focus,
.snippetProductTeaserSixColumn .btn:active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff2a00+0,b70d00+100 */
background: #ff2a00;
/* Old browsers */
background: -moz-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff2a00 0%, #b70d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients3', endColorstr='@colorGradients4', GradientType=0);
/* IE6-9 */
color: #ffffff;
}
.snippetProductTeaserSixColumn .btn .icon {
display: none;
}
.snippetProductTeaserSixColumn .space {
height: 8px;
}
@media (min-width: 768px) and (max-width: 1199px) {
.snippetProductTeaserSixColumn .basket-button button {
padding-left: 3px;
padding-right: 0;
letter-spacing: -0.2px;
}
.snippetProductTeaserSixColumn .basket-button button .sprite {
margin-right: 0;
}
}
.snippetProductTeaserSixColumn .remove-from-notice-list {
margin-top: 10px;
display: block;
color: #777777;
}
.snippetProductTeaserSixColumn .remove-from-notice-list span {
position: relative;
top: 3px;
color: #000000;
}
@media (min-width: 768px) {
.snippetProductTeaserSixColumn:hover .inner,
.snippetProductTeaserSixColumn:active .inner,
.snippetProductTeaserSixColumn:focus .inner,
.snippetProductTeaserSixColumn:active:hover .inner {
padding-top: 8px;
padding-bottom: 6px;
padding-left: 0;
padding-right: 0;
margin: -11px 0 0 -18px;
}
}
@media (min-width: 768px) and (min-width: 768px) {
.snippetProductTeaserSixColumn:hover .inner,
.snippetProductTeaserSixColumn:active .inner,
.snippetProductTeaserSixColumn:focus .inner,
.snippetProductTeaserSixColumn:active:hover .inner {
padding-left: 15px;
padding-right: 15px;
}
}
.verticalHover .more {
visibility: hidden;
}
.verticalHover:hover,
.verticalHover:active,
.verticalHover:focus,
.verticalHover:active:hover {
z-index: 3;
}
.verticalHover:hover .more,
.verticalHover:active .more,
.verticalHover:focus .more,
.verticalHover:active:hover .more {
visibility: visible;
}
.verticalHover:hover .border,
.verticalHover:active .border,
.verticalHover:focus .border,
.verticalHover:active:hover .border {
display: block;
}
.snippetProductTeaserVertical {
background-color: #ffffff;
position: relative;
z-index: 2;
}
.snippetProductTeaserVertical .title {
line-height: 1.4em;
height: 2.8em;
overflow: hidden;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
}
.snippetProductTeaserVertical .title:after,
.snippetProductTeaserVertical .title:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductTeaserVertical .title strong {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
}
.snippetProductTeaserVertical .title strong:after,
.snippetProductTeaserVertical .title strong:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductTeaserVertical .title:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
}
.snippetProductTeaserVertical .title:hover:after,
.snippetProductTeaserVertical .title:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductTeaserVertical .title:hover:hover,
.snippetProductTeaserVertical .title:hover:active:hover,
.snippetProductTeaserVertical .title:hover:active,
.snippetProductTeaserVertical .title:hover:focus,
.snippetProductTeaserVertical .title:hover:focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
color: #869e00;
}
.snippetProductTeaserVertical .title:hover:hover:after,
.snippetProductTeaserVertical .title:hover:active:hover:after,
.snippetProductTeaserVertical .title:hover:active:after,
.snippetProductTeaserVertical .title:hover:focus:after,
.snippetProductTeaserVertical .title:hover:focus:hover:after,
.snippetProductTeaserVertical .title:hover:hover:before,
.snippetProductTeaserVertical .title:hover:active:hover:before,
.snippetProductTeaserVertical .title:hover:active:before,
.snippetProductTeaserVertical .title:hover:focus:before,
.snippetProductTeaserVertical .title:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductTeaserVertical .title:hover:hover:after,
.snippetProductTeaserVertical .title:hover:active:hover:after,
.snippetProductTeaserVertical .title:hover:active:after,
.snippetProductTeaserVertical .title:hover:focus:after,
.snippetProductTeaserVertical .title:hover:focus:hover:after,
.snippetProductTeaserVertical .title:hover:hover:before,
.snippetProductTeaserVertical .title:hover:active:hover:before,
.snippetProductTeaserVertical .title:hover:active:before,
.snippetProductTeaserVertical .title:hover:focus:before,
.snippetProductTeaserVertical .title:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductTeaserVertical .title:hover strong {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #333333;
color: #869e00;
}
.snippetProductTeaserVertical .title:hover strong:after,
.snippetProductTeaserVertical .title:hover strong:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductTeaserVertical .title:hover strong:after,
.snippetProductTeaserVertical .title:hover strong:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductTeaserVertical .inner {
position: relative;
z-index: 2;
}
.snippetProductTeaserVertical .price {
color: #869e00;
font-weight: bold;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
}
.snippetProductTeaserVertical .price:after,
.snippetProductTeaserVertical .price:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductTeaserVertical .price-retail {
text-decoration: line-through;
color: #777777;
}
.snippetProductTeaserVertical .input {
width: 33%;
padding-right: 5px;
float: left;
}
.snippetProductTeaserVertical .input input {
width: 100%;
height: 30px;
line-height: 26px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #6b6b6b;
text-align: center;
border: 1px solid;
}
.snippetProductTeaserVertical .input input:after,
.snippetProductTeaserVertical .input input:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductTeaserVertical .button {
width: 67%;
float: left;
}
.snippetProductTeaserVertical .button .btn {
height: 30px;
line-height: 23px;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 13px;
line-height: 18px;
color: #ffffff;
text-transform: uppercase;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b70f00+0,971d00+100 */
background: #b70f00;
/* Old browsers */
background: -moz-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b70f00 0%, #971d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients1', endColorstr='@colorGradients2', GradientType=0);
/* IE6-9 */
}
.snippetProductTeaserVertical .button .btn.active,
.snippetProductTeaserVertical .button .btn:hover,
.snippetProductTeaserVertical .button .btn:active,
.snippetProductTeaserVertical .button .btn:focus,
.snippetProductTeaserVertical .button .btn:active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff2a00+0,b70d00+100 */
background: #ff2a00;
/* Old browsers */
background: -moz-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff2a00 0%, #b70d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients3', endColorstr='@colorGradients4', GradientType=0);
/* IE6-9 */
}
.snippetProductTeaserVertical .button .btn .icon {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -219px -5px;
width: 25px;
height: 18px;
background-position: -483px -5px;
width: 23px;
height: 23px;
position: relative;
top: -2px;
}
.snippetProductTeaserVertical .button .btn:hover .icon,
.snippetProductTeaserVertical .button .btn:active .icon,
.snippetProductTeaserVertical .button .btn:focus .icon,
.snippetProductTeaserVertical .button .btn:active:hover .icon {
background-position: -37px -45px;
width: 25px;
height: 18px;
background-position: -483px -5px;
width: 23px;
height: 23px;
}
@media (max-width: 991px) {
.snippetProductTeaserVertical .btn {
font-size: 12px;
}
}
.snippetProductTeaserVertical .more {
position: absolute;
z-index: 4;
}
.snippetProductTeaserVertical .more .more--inner {
padding-top: 10px;
}
.snippetProductTeaserVertical .more .shipping-message {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
margin-bottom: 8px;
text-decoration: underline;
}
.snippetProductTeaserVertical .more .shipping-message:after,
.snippetProductTeaserVertical .more .shipping-message:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductTeaserVertical .more .shipping-message:not(a) {
text-decoration: none;
}
.snippetProductTeaserVertical .more .shipping-message:not(a):hover,
.snippetProductTeaserVertical .more .shipping-message:not(a):active:hover,
.snippetProductTeaserVertical .more .shipping-message:not(a):active,
.snippetProductTeaserVertical .more .shipping-message:not(a):focus,
.snippetProductTeaserVertical .more .shipping-message:not(a):focus:hover {
color: #979797;
}
.snippetProductTeaserVertical .more .shipping-info {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
margin-bottom: 8px;
text-decoration: underline;
display: inline-block;
margin-right: 5px;
}
.snippetProductTeaserVertical .more .shipping-info:after,
.snippetProductTeaserVertical .more .shipping-info:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductTeaserVertical .more .shipping-info:not(a) {
text-decoration: none;
}
.snippetProductTeaserVertical .more .shipping-info:not(a):hover,
.snippetProductTeaserVertical .more .shipping-info:not(a):active:hover,
.snippetProductTeaserVertical .more .shipping-info:not(a):active,
.snippetProductTeaserVertical .more .shipping-info:not(a):focus,
.snippetProductTeaserVertical .more .shipping-info:not(a):focus:hover {
color: #979797;
}
.snippetProductTeaserVertical .more .shipping-info a {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
text-decoration: underline;
}
.snippetProductTeaserVertical .more .shipping-info a:after,
.snippetProductTeaserVertical .more .shipping-info a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductTeaserVertical .more .shipping-info a:hover,
.snippetProductTeaserVertical .more .shipping-info a:active:hover,
.snippetProductTeaserVertical .more .shipping-info a:active,
.snippetProductTeaserVertical .more .shipping-info a:focus,
.snippetProductTeaserVertical .more .shipping-info a:focus:hover {
color: #869e00;
}
.snippetProductTeaserVertical .more .shipping-info a:not(a) {
text-decoration: none;
}
.snippetProductTeaserVertical .more .shipping-info a:not(a):hover,
.snippetProductTeaserVertical .more .shipping-info a:not(a):active:hover,
.snippetProductTeaserVertical .more .shipping-info a:not(a):active,
.snippetProductTeaserVertical .more .shipping-info a:not(a):focus,
.snippetProductTeaserVertical .more .shipping-info a:not(a):focus:hover {
color: #979797;
}
.snippetProductTeaserVertical .more .price-info {
display: inline-block;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
margin-bottom: 8px;
text-decoration: underline;
}
.snippetProductTeaserVertical .more .price-info:after,
.snippetProductTeaserVertical .more .price-info:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductTeaserVertical .more .price-info:not(a) {
text-decoration: none;
}
.snippetProductTeaserVertical .more .price-info:not(a):hover,
.snippetProductTeaserVertical .more .price-info:not(a):active:hover,
.snippetProductTeaserVertical .more .price-info:not(a):active,
.snippetProductTeaserVertical .more .price-info:not(a):focus,
.snippetProductTeaserVertical .more .price-info:not(a):focus:hover {
color: #979797;
}
.snippetProductTeaserVertical .border {
display: none;
position: absolute;
border: 3px solid #b2b2b2;
left: -15px;
background-color: #ffffff;
z-index: 1;
}
.snippetProductTeaserVertical.withHover .more {
visibility: hidden;
}
.snippetProductTeaserVertical.withHover:hover,
.snippetProductTeaserVertical.withHover:active,
.snippetProductTeaserVertical.withHover:focus,
.snippetProductTeaserVertical.withHover:active:hover {
z-index: 3;
}
.snippetProductTeaserVertical.withHover:hover .more,
.snippetProductTeaserVertical.withHover:active .more,
.snippetProductTeaserVertical.withHover:focus .more,
.snippetProductTeaserVertical.withHover:active:hover .more {
visibility: visible;
}
.snippetProductTeaserVertical.withHover:hover .border,
.snippetProductTeaserVertical.withHover:active .border,
.snippetProductTeaserVertical.withHover:focus .border,
.snippetProductTeaserVertical.withHover:active:hover .border {
display: block;
}
@media (max-width: 992px) {
.snippetProductTeaserVertical .more {
visibility: hidden;
}
.snippetProductTeaserVertical:hover,
.snippetProductTeaserVertical:active,
.snippetProductTeaserVertical:focus,
.snippetProductTeaserVertical:active:hover {
z-index: 3;
}
.snippetProductTeaserVertical:hover .more,
.snippetProductTeaserVertical:active .more,
.snippetProductTeaserVertical:focus .more,
.snippetProductTeaserVertical:active:hover .more {
visibility: visible;
}
.snippetProductTeaserVertical:hover .border,
.snippetProductTeaserVertical:active .border,
.snippetProductTeaserVertical:focus .border,
.snippetProductTeaserVertical:active:hover .border {
display: block;
}
}
.snippetProductTeaserVerticalNarrow .prices .price-retail {
color: #777777;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #971d00;
text-decoration: line-through;
}
.snippetProductTeaserVerticalNarrow .prices .price-retail:after,
.snippetProductTeaserVerticalNarrow .prices .price-retail:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductTeaserVerticalNarrow .prices .price {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
}
.snippetProductTeaserVerticalNarrow .prices .price:after,
.snippetProductTeaserVerticalNarrow .prices .price:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetProductTeaserVerticalNarrow .more--inner {
margin-bottom: 10px;
}
.snippetProductTeaserVerticalNarrow .more .shipping-info {
display: inline;
}
.snippetProductTeaserVerticalNarrow .more .shipping-info div {
display: inline;
}
.snippetProductTeaserVerticalNarrow .more .price-info {
display: inline;
}
.snippetProductTeaserOneColumn .prices:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
.snippetProductTeaserOneColumn .prices .price {
float: right;
padding-top: 0;
color: #869e00;
}
.snippetProductTeaserOneColumn .prices .price-retail {
float: right;
text-decoration: line-through;
color: #777777;
margin-left: 10px;
}
.snippetProductTeaserOneColumn .prices-mobile {
margin-bottom: 15px;
}
.snippetProductTeaserOneColumn .prices-mobile .price {
float: left;
}
.snippetProductTeaserOneColumn .prices-mobile .price-retail {
float: left;
}
.snippetProductTeaserOneColumn .bulk-price-table:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
@media print {
.snippetProductTeaserOneColumn .noticeActions {
display: none !important;
}
}
.snippetProductTeaserOneColumn .noticeActions .actions {
margin-top: 5px;
}
.snippetCategoryHeader .headline {
color: #000000;
margin: 0 0 14px 0;
}
.snippetCategoryHeader .headline-link {
display: block;
}
.snippetCategoryHeader .manufacturer-series {
margin-top: 50px;
}
.shippingtypes {
margin-top: 2px;
}
.shippingtypes td {
vertical-align: middle !important;
padding-top: 13px !important;
padding-bottom: 11px !important;
}
.shippingtypes th {
font-weight: normal;
}
.shippingtypes .country .countryname {
font-weight: bold;
}
.shippingtypes .country img {
margin-right: 4px;
}
.shippingtypes .paymentMethods table tr td {
border-bottom: none !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.shippingtypes .paymentMethods table tr td img {
margin-right: 6px;
}
.snippetOrderHistory {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
}
.snippetOrderHistory:after,
.snippetOrderHistory:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderHistory .headline-wrapper {
padding-top: 5px;
}
.snippetOrderHistory .headline-wrapper .font-h2-headline {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 30px;
line-height: 36px;
color: #333333;
margin-bottom: 16px;
}
.snippetOrderHistory .headline-wrapper .font-h2-headline:after,
.snippetOrderHistory .headline-wrapper .font-h2-headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderHistory .header {
margin-top: 4px;
margin-bottom: 0;
padding-bottom: 5px;
}
.snippetOrderHistory .header .snippetPagingPageNumbers ol {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #6b6b6b;
text-align: right;
}
.snippetOrderHistory .header .snippetPagingPageNumbers ol:after,
.snippetOrderHistory .header .snippetPagingPageNumbers ol:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item {
padding: 16px 0 18px;
border-bottom: 1px solid #7d7d7d;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .intro {
margin-left: 2px;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item hr {
border-top: 1px solid #7d7d7d;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .title {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #6b6b6b;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .title:after,
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .title:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .title strong {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .title strong:after,
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .title strong:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item a.tracking {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
text-decoration: underline;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item a.tracking:after,
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item a.tracking:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item a.tracking:hover,
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item a.tracking:active:hover,
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item a.tracking:active,
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item a.tracking:focus,
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item a.tracking:focus:hover {
color: #869e00;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item a.tracking:not(a) {
text-decoration: none;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item a.tracking:not(a):hover,
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item a.tracking:not(a):active:hover,
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item a.tracking:not(a):active,
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item a.tracking:not(a):focus,
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item a.tracking:not(a):focus:hover {
color: #979797;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .address {
line-height: 18px;
height: 36px;
overflow: hidden;
margin-left: 23px;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .price-invoice {
text-align: right;
margin-right: 23px;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .price-invoice .pdf {
display: block;
width: 40px;
float: right;
margin-left: 10px;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .price-invoice .invoice {
display: block;
margin-top: 5px;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item a.details-link {
text-decoration: none;
margin-right: 3px;
display: block;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .status-text {
margin-left: 24px;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .icon {
vertical-align: bottom;
text-decoration: none;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .details {
margin-top: 20px;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .details .dl-horizontal dt {
text-align: left;
font-weight: normal;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .details .snippetBasketProductList {
margin-top: 20px;
border-top: 1px solid #7d7d7d;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .details .snippetBasketProductList .items .item:last-child {
border-bottom: medium none;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item:last-child {
border-bottom: none;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .shippingTypes .orderHistoryShippingRow .shippingAddress strong,
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .shippingTypes .orderHistoryShippingRow .billingAddress strong {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .shippingTypes .orderHistoryShippingRow .shippingAddress strong:after,
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .shippingTypes .orderHistoryShippingRow .billingAddress strong:after,
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .shippingTypes .orderHistoryShippingRow .shippingAddress strong:before,
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .shippingTypes .orderHistoryShippingRow .billingAddress strong:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
@media (min-width: 768px) {
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .shippingTypes .orderHistoryShippingRow dl dt {
width: 130px;
}
}
@media (min-width: 768px) {
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .shippingTypes .orderHistoryShippingRow dl dd {
margin-left: 134px;
}
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .shippingTypes .orderHistoryShippingRow .shippingAddress {
margin-bottom: 36px;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .shippingTypes .orderHistoryShippingRow .orderHistoryShippingRowDetail {
margin-top: 36px;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .shippingTypes .orderHistoryShippingRow .orderHistoryShippingRowDetail .dl-horizontal dt {
font-weight: normal;
text-align: left;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .shippingTypes .orderHistoryShippingRow .orderHistoryShippingRowDetail .snippetBasketProductList {
border-top: 1px solid #7d7d7d;
margin-top: 20px;
padding-top: 0;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .shippingTypes .orderHistoryShippingRow .orderHistoryShippingRowDetail .snippetBasketProductList .product-image {
padding-top: 12px;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .shippingTypes .orderHistoryShippingRow .orderHistoryShippingRowDetail .snippetBasketProductList .price,
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .shippingTypes .orderHistoryShippingRow .orderHistoryShippingRowDetail .snippetBasketProductList .prices-mobile {
padding-top: 16px;
margin-bottom: 10px;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .shippingTypes .orderHistoryShippingRow .orderHistoryShippingRowDetail .snippetBasketProductList .option {
margin-bottom: 10px;
display: block;
letter-spacing: -0.6px;
padding-left: 7px;
padding-right: 7px;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 13px;
line-height: 18px;
color: #ffffff;
text-transform: uppercase;
text-align: center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b70f00+0,971d00+100 */
background: #b70f00;
/* Old browsers */
background: -moz-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b70f00 0%, #971d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b70f00 0%, #971d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients1', endColorstr='@colorGradients2', GradientType=0);
/* IE6-9 */
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .shippingTypes .orderHistoryShippingRow .orderHistoryShippingRowDetail .snippetBasketProductList .option.active,
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .shippingTypes .orderHistoryShippingRow .orderHistoryShippingRowDetail .snippetBasketProductList .option:hover,
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .shippingTypes .orderHistoryShippingRow .orderHistoryShippingRowDetail .snippetBasketProductList .option:active,
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .shippingTypes .orderHistoryShippingRow .orderHistoryShippingRowDetail .snippetBasketProductList .option:focus,
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .shippingTypes .orderHistoryShippingRow .orderHistoryShippingRowDetail .snippetBasketProductList .option:active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff2a00+0,b70d00+100 */
background: #ff2a00;
/* Old browsers */
background: -moz-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff2a00 0%, #b70d00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff2a00 0%, #b70d00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients3', endColorstr='@colorGradients4', GradientType=0);
/* IE6-9 */
color: #ffffff;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .shippingTypes .orderHistoryShippingRow .orderHistoryShippingRowDetail .snippetBasketProductList .brand {
margin: 5px 0;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .shippingTypes .orderHistoryShippingRow .orderHistoryShippingRowDetail .snippetBasketProductList .product-options {
background-color: red;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .shippingTypes .orderHistoryShippingRow .orderHistoryShippingRowDetail .snippetBasketProductList .product-options:before {
content: ".";
clear: both;
display: block;
visibility: hidden;
height: 0;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .shippingTypes .orderHistoryShippingRow .orderHistoryShippingRowDetail .snippetBasketProductList .items .item {
padding: 16px 0 18px;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .shippingTypes .orderHistoryShippingRow .orderHistoryShippingRowDetail .snippetBasketProductList .items .item .dl-horizontal {
margin-bottom: 22px;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .shippingTypes .orderHistoryShippingRow:first-child {
padding-top: 0;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .shippingTypes .orderHistoryShippingRow:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .shippingTypes .orderHistoryShippingRow .collapseRow .icon {
background-position: -106px -208px;
background-position: -109px -301px;
width: 19px;
height: 19px;
}
.snippetOrderHistory .snippetShopOrderListMyAccount .items .item .shippingTypes .orderHistoryShippingRow .collapseRow.collapsed .icon {
background-position: -77px -208px;
background-position: -51px -301px;
width: 19px;
height: 19px;
}
.snippetCommentModule .headline {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 24px;
line-height: 29px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #ffffff;
background-color: #333333;
padding: 2px 8px;
margin-bottom: 18px;
text-transform: uppercase;
width: auto;
display: inline-block;
margin-bottom: 25px;
}
.snippetCommentModule .headline:after,
.snippetCommentModule .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetCommentModule .TPkgCommentModuleconfig {
margin-top: 20px;
padding-top: 30px;
margin-bottom: 15px;
}
.snippetCommentModule .TPkgCommentModuleconfig .commentItem {
margin-bottom: 37px;
}
.snippetCommentModule .TPkgCommentModuleconfig .commentItem .date {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
}
.snippetCommentModule .TPkgCommentModuleconfig .commentItem .date:after,
.snippetCommentModule .TPkgCommentModuleconfig .commentItem .date:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetCommentModule .TPkgCommentModuleconfig .commentItem .user {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
}
.snippetCommentModule .TPkgCommentModuleconfig .commentItem .user:after,
.snippetCommentModule .TPkgCommentModuleconfig .commentItem .user:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetCommentModule .TPkgCommentModuleconfig .commentItem .text {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
}
.snippetCommentModule .TPkgCommentModuleconfig .commentItem .text:after,
.snippetCommentModule .TPkgCommentModuleconfig .commentItem .text:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetCommentModule .TPkgCommentModuleconfig .commentItem:last-child {
margin-bottom: 63px;
}
.snippetCommentModule .TPkgCommentModuleconfig .header {
margin-bottom: 22px;
}
.snippetCommentModule .write-review-layover {
min-height: 70px;
font-family: 'UnitWeb-Bold', sans-serif;
vertical-align: middle;
font-size: 20px;
line-height: 20px;
background-color: #869e00;
border: medium none;
width: 100%;
text-decoration: none;
border-radius: 0;
outline: none;
display: table;
padding: 13px 20px 7px;
width: auto;
height: auto;
min-height: inherit;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 13px;
line-height: 13px;
color: #ffffff;
text-transform: uppercase;
text-align: center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5c500+0,7e9400+100 */
background: #b5c500;
/* Old browsers */
background: -moz-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b5c500 0%, #7e9400 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients5', endColorstr='@colorGradients6', GradientType=0);
/* IE6-9 */
}
.snippetCommentModule .write-review-layover:hover {
color: #000000;
}
.snippetCommentModule .write-review-layover .icon-container {
display: table-cell !important;
vertical-align: middle;
width: 50px;
}
.snippetCommentModule .write-review-layover .button-title {
vertical-align: middle;
display: table-cell;
}
.snippetCommentModule .write-review-layover:before {
content: '';
background-image: none;
}
.snippetCommentModule .write-review-layover:after {
content: '';
background-image: none;
}
.snippetCommentModule .write-review-layover.active,
.snippetCommentModule .write-review-layover:hover,
.snippetCommentModule .write-review-layover:active,
.snippetCommentModule .write-review-layover:focus,
.snippetCommentModule .write-review-layover:active:hover {
color: #ffffff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f400+0,aebf00+100 */
background: #f0f400;
/* Old browsers */
background: -moz-linear-gradient(top, #f0f400 0%, #aebf00 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #f0f400 0%, #aebf00 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f0f400 0%, #aebf00 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients7', endColorstr='@colorGradients8', GradientType=0);
/* IE6-9 */
}
.snippetShopRatingItemBlock {
height: 238px;
min-height: 238px;
overflow: hidden;
margin-bottom: 2px;
}
.snippetShopRatingItemBlock .logo img {
margin-left: 21px;
}
.snippetShopRatingItemBlock .logo-stars {
margin-top: 20px;
margin-bottom: 16px;
}
.snippetShopRatingItemBlock .logo-stars:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
.snippetShopRatingItemBlock .body {
margin-left: 15px;
margin-top: 30px;
}
.snippetShopRatingItemBlock .body .rating-as-numbers {
margin-bottom: 9px;
font-weight: bold;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 16px;
line-height: 22px;
color: #333333;
}
.snippetShopRatingItemBlock .body .rating-as-numbers:after,
.snippetShopRatingItemBlock .body .rating-as-numbers:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetShopRatingItemBlock.variable-height {
min-height: inherit;
height: inherit;
border-bottom: medium none;
}
.snippetShopRatingItemBlock.variable-height .rating-as-numbers {
margin: 0;
position: relative;
left: 15px;
top: -1px;
font-weight: bold;
}
.snippetShopRatingItemBlock.variable-height .rating-as-stars {
margin-top: 16px;
}
.snippetShopRatingItemBlock.variable-height .logo-stars {
margin-top: 16px;
margin-bottom: 10px;
}
.snippetShopRatingItemBlock.variable-height .logo {
display: none;
}
@media (min-width: 768px) {
.snippetShopRatingItemBlock.variable-height .logo {
display: block;
}
}
.snippetShopRatingItemBlock.variable-height .logo img {
max-width: 90%;
}
.snippetShopRatingItemBlock .reviewBody {
height: 55px;
overflow: hidden;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
}
.snippetShopRatingItemBlock .reviewBody:after,
.snippetShopRatingItemBlock .reviewBody:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetShopRatingItemBlock .reviewBody strong {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
}
.snippetShopRatingItemBlock .reviewBody strong:after,
.snippetShopRatingItemBlock .reviewBody strong:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetShopRatingItemBlock .reviewBody p {
margin: 0;
}
@media (min-width: 768px) {
.layout-home .snippetShopRatingItemBlock {
min-height: 264px;
}
}
@media (min-width: 992px) {
.layout-home .snippetShopRatingItemBlock {
min-height: 249px;
}
}
@media (min-width: 1200px) {
.layout-home .snippetShopRatingItemBlock {
min-height: 304px;
}
}
.snippetShopRatingList .date {
padding-top: 16px;
line-height: 20px;
}
.snippetShopRatingList .text {
font-family: 'UnitWeb-Medium', Arial, sans-serif;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #333333;
clear: both;
}
.snippetShopRatingList .text:after,
.snippetShopRatingList .text:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetShopRatingList a {
color: #000000;
text-decoration: underline;
display: inline-block;
font-family: 'UnitWeb-Light', sans-serif;
line-height: 16px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 12px;
line-height: 14px;
color: #6b6b6b;
}
.snippetShopRatingList a:after,
.snippetShopRatingList a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetShopRatingList .rating {
margin-bottom: 32px;
float: none;
}
.snippetShopRatingList .user {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
}
.snippetShopRatingList .user:after,
.snippetShopRatingList .user:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetShopRatingList .snippetShopRatingCommentList .comments.minification {
max-height: 150px;
}
.snippetShopRatingList .snippetShopRatingCommentList .comments .headline {
padding-top: 5px;
font-size: 13px;
font-weight: bold;
margin-bottom: 8px;
}
.snippetShopRatingList .snippetShopRatingCommentList .comments .comment {
margin-bottom: 10px;
}
.snippetShopRatingList .snippetShopRatingCommentList .comments .comment .date,
.snippetShopRatingList .snippetShopRatingCommentList .comments .comment .title {
font-size: 12px;
padding-top: 0;
}
.snippetShopRatingList .snippetShopRatingCommentList .comments .comment .text {
font-size: 12px;
font-weight: normal;
}
#review-list {
display: none;
}
.review-list-container #review-list {
display: block;
}
.snippetShopRatingServiceFull .order .sort-label {
font-weight: normal;
}
.snippetShopRatingServiceFull .order select {
height: 27px;
line-height: 27px;
padding: 0 5px;
font-size: 14px;
width: 182px;
}
.snippetShopRatingServiceFull .listHead {
border-bottom: 4px solid #000000;
margin-bottom: 41px;
padding-bottom: 1px;
margin-top: 36px;
}
.snippetShopRatingServiceFull .listFooter {
border-top: 4px solid #000000;
margin-top: 20px;
padding-top: 5px;
}
.snippetShopRatingServiceFull .listOptions .pageSize ul {
list-style-type: none;
padding-left: 0;
margin-left: 5px;
margin-bottom: 0;
}
.snippetShopRatingServiceFull .listOptions .pageSize ul li {
float: left;
padding-left: 5px;
padding-right: 5px;
border-right: 1px solid #000000;
}
.snippetShopRatingServiceFull .listOptions .pageSize ul li:last-child {
border-right: 0;
}
.snippetShopRatingServiceFull .listOptions .pageSize ul li a :hover,
.snippetShopRatingServiceFull .listOptions .pageSize ul li a:active,
.snippetShopRatingServiceFull .listOptions .pageSize ul li a:focus,
.snippetShopRatingServiceFull .listOptions .pageSize ul li a:active:hover {
color: #869e00;
text-decoration: none;
}
.snippetShopRatingServiceFull .listOptions .pageSize ul li.active a {
font-weight: bold;
color: #869e00;
}
.snippetShopRatingServiceFull .listOptions .pager {
margin: 2px 0 0 0;
}
.snippetShopRatingServiceFull .listOptions .pager ul li {
padding-left: 6px;
padding-right: 0;
}
.snippetShopRatingServiceFull .listOptions .pager ul li.caption {
display: none;
}
.snippetShopRatingServiceFull .listOptions .pager ul li a,
.snippetShopRatingServiceFull .listOptions .pager ul li span {
border: 0;
padding: 0;
text-transform: uppercase;
}
.snippetShopRatingServiceFull .listOptions .pager ul li a:hover,
.snippetShopRatingServiceFull .listOptions .pager ul li span:hover,
.snippetShopRatingServiceFull .listOptions .pager ul li a:active,
.snippetShopRatingServiceFull .listOptions .pager ul li span:active,
.snippetShopRatingServiceFull .listOptions .pager ul li a:focus,
.snippetShopRatingServiceFull .listOptions .pager ul li span:focus,
.snippetShopRatingServiceFull .listOptions .pager ul li a:active:hover,
.snippetShopRatingServiceFull .listOptions .pager ul li span:active:hover {
background-color: transparent;
color: #869e00;
}
.snippetShopRatingServiceFull .listOptions .pager ul li a.active,
.snippetShopRatingServiceFull .listOptions .pager ul li span.active {
font-weight: bold;
}
.snippetShopRatingServiceFull .listOptions .pager ul li span {
display: none;
}
.snippetShopRatingServiceFull .listOptions:after {
content: "";
display: table;
clear: both;
}
.snippetShopRatingServiceFull .list .rating {
margin-bottom: 50px;
}
.snippetShopRatingServiceFull .list .rating .stars {
margin-bottom: 5px;
}
.snippetShopRatingServiceFull .list .rating .date {
font-family: 'UnitWeb-Bold', sans-serif;
line-height: 20px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
line-height: 22px;
color: #333333;
font-size: 18px;
}
.snippetShopRatingServiceFull .list .rating .date:after,
.snippetShopRatingServiceFull .list .rating .date:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetShopRatingServiceFull .list .rating .ratingType {
margin-left: 10px;
font-size: 11px;
}
.snippetShopRatingServiceFull .list .rating .ratingType a {
font-weight: bold;
}
.snippetShopRatingServiceFull .list .rating .answer {
margin-top: 5px;
background-color: #e5e5e5;
padding: 5px;
padding-bottom: 8px;
border-radius: 4px;
color: #000000;
}
.snippetShopRatingServiceFull .list .rating .answer .answerText {
padding-top: 12px;
}
.snippetShopRatingServiceFull .ratingScore .ratingPercentage {
background-color: #e5e5e5;
margin-bottom: 3px;
}
.snippetShopRatingServiceFull .ratingScore .ratingPercentage .ratingPercentageInner {
background-color: #869e00;
}
.admin-reply {
padding-left: 20px;
}
.admin-reply > .info,
.admin-reply > .info > .name {
color: #e40043;
}
.shopRatingWidgetList .ratingServiceItem {
position: relative;
margin-bottom: 16px;
height: 288px;
}
.shopRatingWidgetList .ratingServiceItem .widgetHTML {
text-align: center;
}
.shopRatingWidgetList .ratingServiceItem a.more-link,
.shopRatingWidgetList .ratingServiceItem span.more-link {
text-align: right;
display: inline-block;
float: right;
position: absolute;
width: 100%;
bottom: 0;
border-bottom: 3px solid #000000;
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
margin-top: 20px;
}
.shopRatingWidgetList .ratingServiceItem a.more-link::after,
.shopRatingWidgetList .ratingServiceItem span.more-link::after {
content: " >>";
letter-spacing: -1.3px;
}
.shopRatingWidgetList .ratingServiceItem a.more-link:after,
.shopRatingWidgetList .ratingServiceItem span.more-link:after,
.shopRatingWidgetList .ratingServiceItem a.more-link:before,
.shopRatingWidgetList .ratingServiceItem span.more-link:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.shopRatingWidgetList .ratingServiceItem a.more-link:after,
.shopRatingWidgetList .ratingServiceItem span.more-link:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.shopRatingWidgetList .ratingServiceItem .headline {
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
.ratingServiceWidgetList {
margin-top: 22px;
}
.stars-selector:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
.stars-selector .star {
cursor: pointer;
}
.snippetWriteReviewLayover {
width: 250px;
}
@media (min-width: 768px) {
.snippetWriteReviewLayover {
width: 650px;
}
}
@media (min-width: 992px) {
.snippetWriteReviewLayover {
width: 900px;
}
}
.snippetWriteReviewLayover .rating {
float: none;
}
.snippetWriteReviewLayover .text {
clear: both;
font-family: 'UnitWeb-Medium', Arial, sans-serif;
}
.review-layover .login {
width: 250px;
}
@media (min-width: 992px) {
.review-layover .login {
width: 450px;
}
}
.writeReviewMessage {
width: 300px;
padding-top: 36px;
padding-left: 25px;
padding-right: 39px;
padding-bottom: 40px;
}
@media (min-width: 768px) {
.writeReviewMessage {
width: 452px;
}
}
.writeReviewMessage .sprite {
float: left;
margin-right: 15px;
}
.writeReviewMessage .message {
line-height: 23px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 25px;
color: #333333;
height: 48px;
vertical-align: middle;
display: table-cell;
}
.writeReviewMessage .message:after,
.writeReviewMessage .message:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
#write-product-review {
background-color: #ffffff;
display: none;
}
#write-product-review .login {
margin-top: 36px;
}
@media (min-width: 768px) {
#write-product-review .login {
margin-top: 0;
}
}
.extranetLoginOverlay {
margin-top: 15px;
}
.extranetLoginOverlay .register {
margin-top: 15px;
}
@media (min-width: 768px) {
.extranetLoginOverlay .register .rightSide {
position: absolute;
bottom: 8px;
right: 0;
}
}
.stars {
position: relative;
float: left;
}
.stars:after {
content: "." !important;
clear: both !important;
display: block !important;
visibility: hidden !important;
height: 0 !important;
}
.stars .rating {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
white-space: nowrap;
}
.stars .rating .rating-inner {
height: 100%;
text-align: left;
}
.stars .rating .star span {
display: none;
text-align: center;
color: #f0b517;
}
.stars.stars--medium {
line-height: 16px;
}
.stars.stars--medium .rating {
height: 16px;
}
.stars.stars--small {
line-height: 20px;
}
.stars.stars--small .rating {
height: 20px;
}
.snippetSlider {
margin-top: 8px;
}
.no-js .snippetSlider .slider .slides .slide {
float: none;
position: inherit;
}
.no-js .snippetSlider .slider .loading {
display: none;
}
.slider-16-9 .snippetSlider .slider {
height: 641px;
}
@media (max-width: 767px) {
.slider-16-9 .snippetSlider .slider {
height: 377px;
}
}
@media (min-width: 768px) {
.slider-16-9 .snippetSlider .slider {
height: 405px;
}
}
@media (min-width: 992px) {
.slider-16-9 .snippetSlider .slider {
height: 529px;
}
}
@media (min-width: 1200px) {
.slider-16-9 .snippetSlider .slider {
height: 641px;
}
}
.slider-wide .snippetSlider .slider {
height: 349px;
}
@media (max-width: 767px) {
.slider-wide .snippetSlider .slider {
height: auto;
}
}
@media (min-width: 768px) {
.slider-wide .snippetSlider .slider {
height: 220px;
}
}
@media (min-width: 992px) {
.slider-wide .snippetSlider .slider {
height: 288px;
}
}
@media (min-width: 1200px) {
.slider-wide .snippetSlider .slider {
height: 349px;
}
}
.snippetSlider .slider {
position: relative;
}
.snippetSlider .slider .slides {
width: 100%;
}
.snippetSlider .slider .slides .slide {
width: 100%;
display: none;
float: left;
position: absolute;
}
.snippetSlider .slider .slides .slide.visible {
display: block;
}
.snippetSlider .slider .slides .slide img {
margin-left: auto;
margin-right: auto;
}
.snippetSlider .slider .prev,
.snippetSlider .slider .next {
display: none;
position: absolute;
z-index: 4;
top: 50%;
cursor: pointer;
font-size: 26px;
line-height: 26px;
margin-top: -13px;
text-shadow: -1px 0 #b2b2b2, 0 1px #b2b2b2, 1px 0 #b2b2b2, 0 -1px #b2b2b2;
}
.snippetSlider .slider .prev {
left: 10px;
}
.snippetSlider .slider .prev .sprite:hover,
.snippetSlider .slider .prev .sprite:active,
.snippetSlider .slider .prev .sprite:focus,
.snippetSlider .slider .prev .sprite:active:hover {
background-position: -453px -175px;
background-position: -443px -446px;
width: 19px;
height: 22px;
}
.snippetSlider .slider .next {
right: 10px;
}
.snippetSlider .slider .next .sprite:hover,
.snippetSlider .slider .next .sprite:active,
.snippetSlider .slider .next .sprite:focus,
.snippetSlider .slider .next .sprite:active:hover {
background-position: -453px -207px;
background-position: -472px -446px;
width: 19px;
height: 22px;
}
.snippetSlider .slider-bubbles {
display: none;
text-align: right;
}
.snippetSlider .slider-bubbles .bubble {
display: inline-block;
font-size: 30px;
line-height: 40px;
padding-left: 8px;
color: #b2b2b2;
cursor: pointer;
}
.snippetSlider .slider-bubbles .bubble.active,
.snippetSlider .slider-bubbles .bubble:hover,
.snippetSlider .slider-bubbles .bubble:active,
.snippetSlider .slider-bubbles .bubble:focus,
.snippetSlider .slider-bubbles .bubble:active:hover {
color: #869e00;
}
.snippetSlider .slider-thumbnails {
margin-top: 16px;
}
.snippetSlider .slider-thumbnails .thumb {
position: relative;
border: 1px solid #fff;
margin-bottom: 10px;
}
.snippetSlider .slider-thumbnails .thumb.active,
.snippetSlider .slider-thumbnails .thumb:hover,
.snippetSlider .slider-thumbnails .thumb:active,
.snippetSlider .slider-thumbnails .thumb:focus,
.snippetSlider .slider-thumbnails .thumb:active:hover {
border: 1px solid #777777;
}
.snippetSlider .slider-thumbnails .thumb .icon {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 2;
opacity: 0.8;
text-align: center;
padding-top: 50%;
}
.snippetSlider .slider-thumbnails .thumb .icon.video:after {
content: url('/assets/sgd-assets/img/video_button.png');
position: relative;
top: -15px;
}
.snippetSlider .slider-thumbnails .thumb .moviePlay {
position: absolute;
top: 22%;
width: 100%;
text-align: center;
color: #FFFFFF;
font-size: 29px;
}
@media (min-width: 992px) and (max-width: 1200px) {
.snippetSlider .slider-thumbnails .thumb .moviePlay {
font-size: 22px;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.snippetSlider .slider-thumbnails .thumb .moviePlay {
font-size: 16px;
top: 20%;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.snippetSlider .slider-thumbnails .thumb .moviePlay {
font-size: 40px;
top: 19%;
}
}
@media (max-width: 480px) {
.snippetSlider .slider-thumbnails .thumb .moviePlay {
font-size: 22px;
}
}
html.js .snippetSlider .slider .prev,
html.js .snippetSlider .slider .next {
display: block;
}
html.js .snippetSlider .slider-bubbles {
display: block;
}
.embed-responsive.embed-responsive-3by2 {
padding-bottom: 66.66666%;
}
.snippetTabsBlackAndWhite .nav-tabs {
border-bottom: medium none;
}
.snippetTabsBlackAndWhite .nav-tabs li {
margin-bottom: 10px;
}
@media (min-width: 992px) {
.snippetTabsBlackAndWhite .nav-tabs li {
margin-bottom: 0;
}
}
.snippetTabsBlackAndWhite .nav-tabs li > a {
border-radius: 0;
border: 1px solid #777777;
padding: 0 15px;
margin-right: 5px;
color: #000000;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
text-transform: uppercase;
text-align: center;
border: 1px solid #000000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#525252+0,000000+100 */
background: #525252;
/* Old browsers */
background: -moz-linear-gradient(top, #525252 0%, #000000 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #525252 0%, #000000 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #525252 0%, #000000 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients9', endColorstr='@colorGradients10', GradientType=0);
/* IE6-9 */
line-height: 30px;
}
@media (max-width: 767px) {
.snippetTabsBlackAndWhite .nav-tabs li > a {
font-size: 11px;
}
}
.snippetTabsBlackAndWhite .nav-tabs li > a .stars {
margin-top: 5px;
margin-right: 4px;
top: 1px;
}
.snippetTabsBlackAndWhite .nav-tabs li > a.active,
li.active .snippetTabsBlackAndWhite .nav-tabs li > a a,
.snippetTabsBlackAndWhite .nav-tabs li > a:hover,
.snippetTabsBlackAndWhite .nav-tabs li > a:active,
.snippetTabsBlackAndWhite .nav-tabs li > a:focus,
.snippetTabsBlackAndWhite .nav-tabs li > a:active:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5c500+0,7e9400+100 */
background: #b5c500;
/* Old browsers */
background: -moz-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b5c500 0%, #7e9400 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients5', endColorstr='@colorGradients6', GradientType=0);
/* IE6-9 */
border: 1px solid #869e00;
}
.snippetTabsBlackAndWhite .nav-tabs li.active > a,
.snippetTabsBlackAndWhite .nav-tabs li:hover > a,
.snippetTabsBlackAndWhite .nav-tabs li:active > a,
.snippetTabsBlackAndWhite .nav-tabs li:focus > a,
.snippetTabsBlackAndWhite .nav-tabs li:active:hover > a {
background-color: #000000;
color: #ffffff;
border: 1px solid #777777;
line-height: 30px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5c500+0,7e9400+100 */
background: #b5c500;
/* Old browsers */
background: -moz-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #b5c500 0%, #7e9400 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b5c500 0%, #7e9400 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGradients5', endColorstr='@colorGradients6', GradientType=0);
/* IE6-9 */
border: 1px solid #869e00;
}
.snippetTabsBlackAndWhite .nav-tabs li.active > a:after,
.snippetTabsBlackAndWhite .nav-tabs li:hover > a:after,
.snippetTabsBlackAndWhite .nav-tabs li:active > a:after,
.snippetTabsBlackAndWhite .nav-tabs li:focus > a:after,
.snippetTabsBlackAndWhite .nav-tabs li:active:hover > a:after {
content: ' ';
position: absolute;
left: 50%;
margin-left: -5px;
width: 0;
height: 0;
border-style: solid;
border-width: 9px 8px 0 8px;
border-color: #000000 transparent transparent transparent;
top: 30px;
}
.snippetTabsBlackAndWhite .tab-content {
margin: 24px 0 14px 0;
}
.snippetTabsBlackAndWhite .tab-content .headline {
margin-top: 0;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 30px;
line-height: 36px;
color: #333333;
margin-bottom: 16px;
}
.snippetTabsBlackAndWhite .tab-content .headline:after,
.snippetTabsBlackAndWhite .tab-content .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetTeaserSimple .image {
margin-bottom: 8px;
}
.snippetTeaserSimple > .headline span {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 24px;
line-height: 29px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #ffffff;
background-color: #333333;
padding: 2px 8px;
margin-bottom: 18px;
text-transform: uppercase;
width: auto;
display: inline-block;
}
.snippetTeaserSimple > .headline span:after,
.snippetTeaserSimple > .headline span:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetTeaserSimple .headline {
line-height: 26px;
overflow-y: hidden;
display: block;
}
.snippetTeaserSimple .topic {
line-height: 18px;
overflow-y: hidden;
}
.snippetTeaserSimple .text {
height: 32px;
margin-top: 7px;
margin-bottom: 3px;
overflow-y: hidden;
line-height: 16px;
}
.snippetTeaserSimple .text .cmswysiwyg p {
margin: 0;
}
.snippetTeaserSimple .more-link {
text-align: right;
border-bottom: 4px solid #000000;
display: block;
width: 100%;
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
}
.snippetTeaserSimple .more-link::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetTeaserSimple .more-link:after,
.snippetTeaserSimple .more-link:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetTeaserSimple .more-link:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetTeaserSimple .more-link:hover,
.snippetTeaserSimple .more-link:active:hover,
.snippetTeaserSimple .more-link:active,
.snippetTeaserSimple .more-link:focus,
.snippetTeaserSimple .more-link:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.snippetTeaserSimple .more-link:hover::after,
.snippetTeaserSimple .more-link:active:hover::after,
.snippetTeaserSimple .more-link:active::after,
.snippetTeaserSimple .more-link:focus::after,
.snippetTeaserSimple .more-link:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetTeaserSimple .more-link:hover:after,
.snippetTeaserSimple .more-link:active:hover:after,
.snippetTeaserSimple .more-link:active:after,
.snippetTeaserSimple .more-link:focus:after,
.snippetTeaserSimple .more-link:focus:hover:after,
.snippetTeaserSimple .more-link:hover:before,
.snippetTeaserSimple .more-link:active:hover:before,
.snippetTeaserSimple .more-link:active:before,
.snippetTeaserSimple .more-link:focus:before,
.snippetTeaserSimple .more-link:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetTeaserSimple .more-link:hover:after,
.snippetTeaserSimple .more-link:active:hover:after,
.snippetTeaserSimple .more-link:active:after,
.snippetTeaserSimple .more-link:focus:after,
.snippetTeaserSimple .more-link:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetTeaserSimple .more-link:hover::after,
.snippetTeaserSimple .more-link:active:hover::after,
.snippetTeaserSimple .more-link:active::after,
.snippetTeaserSimple .more-link:focus::after,
.snippetTeaserSimple .more-link:focus:hover::after {
color: #869e00;
}
.snippetTeaserSimple .more-link:hover::after,
.snippetTeaserSimple .more-link:active:hover::after,
.snippetTeaserSimple .more-link:active::after,
.snippetTeaserSimple .more-link:focus::after,
.snippetTeaserSimple .more-link:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetTeaserSimple .more-link:hover:after,
.snippetTeaserSimple .more-link:active:hover:after,
.snippetTeaserSimple .more-link:active:after,
.snippetTeaserSimple .more-link:focus:after,
.snippetTeaserSimple .more-link:focus:hover:after,
.snippetTeaserSimple .more-link:hover:before,
.snippetTeaserSimple .more-link:active:hover:before,
.snippetTeaserSimple .more-link:active:before,
.snippetTeaserSimple .more-link:focus:before,
.snippetTeaserSimple .more-link:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetTeaserSimple .more-link:hover:after,
.snippetTeaserSimple .more-link:active:hover:after,
.snippetTeaserSimple .more-link:active:after,
.snippetTeaserSimple .more-link:focus:after,
.snippetTeaserSimple .more-link:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetTeaserSimple .more-link:hover:after,
.snippetTeaserSimple .more-link:active:hover:after,
.snippetTeaserSimple .more-link:active:after,
.snippetTeaserSimple .more-link:focus:after,
.snippetTeaserSimple .more-link:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.snippetTeaserSimple .more-link::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetTeaserSimple .more-link:after,
.snippetTeaserSimple .more-link:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetTeaserSimple .more-link:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetTeaserSimple .more-link:after {
content: ' >>';
letter-spacing: -1.3px;
}
.snippetTeaserSimple .more-link:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
}
.snippetTeaserSimple .more-link:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetTeaserSimple .more-link:hover:after,
.snippetTeaserSimple .more-link:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetTeaserSimple .more-link:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetTeaserSimple .more-link:hover:hover,
.snippetTeaserSimple .more-link:hover:active:hover,
.snippetTeaserSimple .more-link:hover:active,
.snippetTeaserSimple .more-link:hover:focus,
.snippetTeaserSimple .more-link:hover:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.snippetTeaserSimple .more-link:hover:hover::after,
.snippetTeaserSimple .more-link:hover:active:hover::after,
.snippetTeaserSimple .more-link:hover:active::after,
.snippetTeaserSimple .more-link:hover:focus::after,
.snippetTeaserSimple .more-link:hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetTeaserSimple .more-link:hover:hover:after,
.snippetTeaserSimple .more-link:hover:active:hover:after,
.snippetTeaserSimple .more-link:hover:active:after,
.snippetTeaserSimple .more-link:hover:focus:after,
.snippetTeaserSimple .more-link:hover:focus:hover:after,
.snippetTeaserSimple .more-link:hover:hover:before,
.snippetTeaserSimple .more-link:hover:active:hover:before,
.snippetTeaserSimple .more-link:hover:active:before,
.snippetTeaserSimple .more-link:hover:focus:before,
.snippetTeaserSimple .more-link:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetTeaserSimple .more-link:hover:hover:after,
.snippetTeaserSimple .more-link:hover:active:hover:after,
.snippetTeaserSimple .more-link:hover:active:after,
.snippetTeaserSimple .more-link:hover:focus:after,
.snippetTeaserSimple .more-link:hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetTeaserSimple .more-link:hover:hover::after,
.snippetTeaserSimple .more-link:hover:active:hover::after,
.snippetTeaserSimple .more-link:hover:active::after,
.snippetTeaserSimple .more-link:hover:focus::after,
.snippetTeaserSimple .more-link:hover:focus:hover::after {
color: #869e00;
}
.snippetTeaserSimple .more-link:hover:hover::after,
.snippetTeaserSimple .more-link:hover:active:hover::after,
.snippetTeaserSimple .more-link:hover:active::after,
.snippetTeaserSimple .more-link:hover:focus::after,
.snippetTeaserSimple .more-link:hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetTeaserSimple .more-link:hover:hover:after,
.snippetTeaserSimple .more-link:hover:active:hover:after,
.snippetTeaserSimple .more-link:hover:active:after,
.snippetTeaserSimple .more-link:hover:focus:after,
.snippetTeaserSimple .more-link:hover:focus:hover:after,
.snippetTeaserSimple .more-link:hover:hover:before,
.snippetTeaserSimple .more-link:hover:active:hover:before,
.snippetTeaserSimple .more-link:hover:active:before,
.snippetTeaserSimple .more-link:hover:focus:before,
.snippetTeaserSimple .more-link:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetTeaserSimple .more-link:hover:hover:after,
.snippetTeaserSimple .more-link:hover:active:hover:after,
.snippetTeaserSimple .more-link:hover:active:after,
.snippetTeaserSimple .more-link:hover:focus:after,
.snippetTeaserSimple .more-link:hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetTeaserSimple .more-link:hover:hover:after,
.snippetTeaserSimple .more-link:hover:active:hover:after,
.snippetTeaserSimple .more-link:hover:active:after,
.snippetTeaserSimple .more-link:hover:focus:after,
.snippetTeaserSimple .more-link:hover:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.snippetTeaserSimple .more-link:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetTeaserSimple .more-link:hover:after,
.snippetTeaserSimple .more-link:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetTeaserSimple .more-link:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetTeaserSimple .more-link:hover:hover,
.snippetTeaserSimple .more-link:hover:active:hover,
.snippetTeaserSimple .more-link:hover:active,
.snippetTeaserSimple .more-link:hover:focus,
.snippetTeaserSimple .more-link:hover:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.snippetTeaserSimple .more-link:hover:hover::after,
.snippetTeaserSimple .more-link:hover:active:hover::after,
.snippetTeaserSimple .more-link:hover:active::after,
.snippetTeaserSimple .more-link:hover:focus::after,
.snippetTeaserSimple .more-link:hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetTeaserSimple .more-link:hover:hover:after,
.snippetTeaserSimple .more-link:hover:active:hover:after,
.snippetTeaserSimple .more-link:hover:active:after,
.snippetTeaserSimple .more-link:hover:focus:after,
.snippetTeaserSimple .more-link:hover:focus:hover:after,
.snippetTeaserSimple .more-link:hover:hover:before,
.snippetTeaserSimple .more-link:hover:active:hover:before,
.snippetTeaserSimple .more-link:hover:active:before,
.snippetTeaserSimple .more-link:hover:focus:before,
.snippetTeaserSimple .more-link:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetTeaserSimple .more-link:hover:hover:after,
.snippetTeaserSimple .more-link:hover:active:hover:after,
.snippetTeaserSimple .more-link:hover:active:after,
.snippetTeaserSimple .more-link:hover:focus:after,
.snippetTeaserSimple .more-link:hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetTeaserSimple .more-link:hover:hover::after,
.snippetTeaserSimple .more-link:hover:active:hover::after,
.snippetTeaserSimple .more-link:hover:active::after,
.snippetTeaserSimple .more-link:hover:focus::after,
.snippetTeaserSimple .more-link:hover:focus:hover::after {
color: #869e00;
}
.snippetTeaserSimple .more-link:hover:hover::after,
.snippetTeaserSimple .more-link:hover:active:hover::after,
.snippetTeaserSimple .more-link:hover:active::after,
.snippetTeaserSimple .more-link:hover:focus::after,
.snippetTeaserSimple .more-link:hover:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetTeaserSimple .more-link:hover:hover:after,
.snippetTeaserSimple .more-link:hover:active:hover:after,
.snippetTeaserSimple .more-link:hover:active:after,
.snippetTeaserSimple .more-link:hover:focus:after,
.snippetTeaserSimple .more-link:hover:focus:hover:after,
.snippetTeaserSimple .more-link:hover:hover:before,
.snippetTeaserSimple .more-link:hover:active:hover:before,
.snippetTeaserSimple .more-link:hover:active:before,
.snippetTeaserSimple .more-link:hover:focus:before,
.snippetTeaserSimple .more-link:hover:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetTeaserSimple .more-link:hover:hover:after,
.snippetTeaserSimple .more-link:hover:active:hover:after,
.snippetTeaserSimple .more-link:hover:active:after,
.snippetTeaserSimple .more-link:hover:focus:after,
.snippetTeaserSimple .more-link:hover:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetTeaserSimple .more-link:hover:hover:after,
.snippetTeaserSimple .more-link:hover:active:hover:after,
.snippetTeaserSimple .more-link:hover:active:after,
.snippetTeaserSimple .more-link:hover:focus:after,
.snippetTeaserSimple .more-link:hover:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.snippetTeaserSimple .listDefaultHeaderAndFooter {
margin-top: 32px;
}
.simpleInverted .image {
margin-bottom: 12px;
}
.simpleInverted .body {
padding-bottom: 2px;
border-bottom: 1px solid #000000;
margin-bottom: 60px;
}
.simpleInverted .body .articleBody .topic {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
margin-bottom: 3px;
}
.simpleInverted .body .articleBody .topic:after,
.simpleInverted .body .articleBody .topic:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.simpleInverted .body .articleBody .headline {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 24px;
line-height: 29px;
text-transform: uppercase;
color: #000000;
margin-bottom: 10px;
}
.simpleInverted .body .articleBody .headline:after,
.simpleInverted .body .articleBody .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.simpleInverted .body .more-link {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
text-align: right !important;
}
.simpleInverted .body .more-link::after {
content: " >>";
letter-spacing: -1.3px;
}
.simpleInverted .body .more-link:after,
.simpleInverted .body .more-link:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.simpleInverted .body .more-link:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.simpleInverted .body .more-link:hover,
.simpleInverted .body .more-link:active:hover,
.simpleInverted .body .more-link:active,
.simpleInverted .body .more-link:focus,
.simpleInverted .body .more-link:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.simpleInverted .body .more-link:hover::after,
.simpleInverted .body .more-link:active:hover::after,
.simpleInverted .body .more-link:active::after,
.simpleInverted .body .more-link:focus::after,
.simpleInverted .body .more-link:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.simpleInverted .body .more-link:hover:after,
.simpleInverted .body .more-link:active:hover:after,
.simpleInverted .body .more-link:active:after,
.simpleInverted .body .more-link:focus:after,
.simpleInverted .body .more-link:focus:hover:after,
.simpleInverted .body .more-link:hover:before,
.simpleInverted .body .more-link:active:hover:before,
.simpleInverted .body .more-link:active:before,
.simpleInverted .body .more-link:focus:before,
.simpleInverted .body .more-link:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.simpleInverted .body .more-link:hover:after,
.simpleInverted .body .more-link:active:hover:after,
.simpleInverted .body .more-link:active:after,
.simpleInverted .body .more-link:focus:after,
.simpleInverted .body .more-link:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.simpleInverted .body .more-link:hover::after,
.simpleInverted .body .more-link:active:hover::after,
.simpleInverted .body .more-link:active::after,
.simpleInverted .body .more-link:focus::after,
.simpleInverted .body .more-link:focus:hover::after {
color: #869e00;
}
.simpleInverted .body .more-link:hover::after,
.simpleInverted .body .more-link:active:hover::after,
.simpleInverted .body .more-link:active::after,
.simpleInverted .body .more-link:focus::after,
.simpleInverted .body .more-link:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.simpleInverted .body .more-link:hover:after,
.simpleInverted .body .more-link:active:hover:after,
.simpleInverted .body .more-link:active:after,
.simpleInverted .body .more-link:focus:after,
.simpleInverted .body .more-link:focus:hover:after,
.simpleInverted .body .more-link:hover:before,
.simpleInverted .body .more-link:active:hover:before,
.simpleInverted .body .more-link:active:before,
.simpleInverted .body .more-link:focus:before,
.simpleInverted .body .more-link:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.simpleInverted .body .more-link:hover:after,
.simpleInverted .body .more-link:active:hover:after,
.simpleInverted .body .more-link:active:after,
.simpleInverted .body .more-link:focus:after,
.simpleInverted .body .more-link:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.simpleInverted .body .more-link:hover:after,
.simpleInverted .body .more-link:active:hover:after,
.simpleInverted .body .more-link:active:after,
.simpleInverted .body .more-link:focus:after,
.simpleInverted .body .more-link:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.simpleInverted .body .more-link::after {
content: " >>";
letter-spacing: -1.3px;
}
.simpleInverted .body .more-link:after,
.simpleInverted .body .more-link:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.simpleInverted .body .more-link:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.simpleInverted .body .more-link:hover,
.simpleInverted .body .more-link:active:hover,
.simpleInverted .body .more-link:active,
.simpleInverted .body .more-link:focus,
.simpleInverted .body .more-link:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.simpleInverted .body .more-link:hover::after,
.simpleInverted .body .more-link:active:hover::after,
.simpleInverted .body .more-link:active::after,
.simpleInverted .body .more-link:focus::after,
.simpleInverted .body .more-link:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.simpleInverted .body .more-link:hover:after,
.simpleInverted .body .more-link:active:hover:after,
.simpleInverted .body .more-link:active:after,
.simpleInverted .body .more-link:focus:after,
.simpleInverted .body .more-link:focus:hover:after,
.simpleInverted .body .more-link:hover:before,
.simpleInverted .body .more-link:active:hover:before,
.simpleInverted .body .more-link:active:before,
.simpleInverted .body .more-link:focus:before,
.simpleInverted .body .more-link:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.simpleInverted .body .more-link:hover:after,
.simpleInverted .body .more-link:active:hover:after,
.simpleInverted .body .more-link:active:after,
.simpleInverted .body .more-link:focus:after,
.simpleInverted .body .more-link:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.simpleInverted .body .more-link:hover::after,
.simpleInverted .body .more-link:active:hover::after,
.simpleInverted .body .more-link:active::after,
.simpleInverted .body .more-link:focus::after,
.simpleInverted .body .more-link:focus:hover::after {
color: #869e00;
}
.simpleInverted .body .more-link:hover::after,
.simpleInverted .body .more-link:active:hover::after,
.simpleInverted .body .more-link:active::after,
.simpleInverted .body .more-link:focus::after,
.simpleInverted .body .more-link:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.simpleInverted .body .more-link:hover:after,
.simpleInverted .body .more-link:active:hover:after,
.simpleInverted .body .more-link:active:after,
.simpleInverted .body .more-link:focus:after,
.simpleInverted .body .more-link:focus:hover:after,
.simpleInverted .body .more-link:hover:before,
.simpleInverted .body .more-link:active:hover:before,
.simpleInverted .body .more-link:active:before,
.simpleInverted .body .more-link:focus:before,
.simpleInverted .body .more-link:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.simpleInverted .body .more-link:hover:after,
.simpleInverted .body .more-link:active:hover:after,
.simpleInverted .body .more-link:active:after,
.simpleInverted .body .more-link:focus:after,
.simpleInverted .body .more-link:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.simpleInverted .body .more-link:hover:after,
.simpleInverted .body .more-link:active:hover:after,
.simpleInverted .body .more-link:active:after,
.simpleInverted .body .more-link:focus:after,
.simpleInverted .body .more-link:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.snippetSimpleThreeColumn .body .headline {
height: auto;
line-height: 22px;
}
.snippetSimpleThreeColumn .body .topic {
font-size: 14px;
height: auto;
font-family: 'UnitWeb', Arial, sans-serif;
}
.snippetSimpleThreeColumn .body .more-link {
margin-top: 15px;
}
.snippetSimpleThreeColumn .body .articleBody {
height: 82px;
overflow: hidden;
}
.snippetSimpleThreeColumn .image {
margin-bottom: 30px;
}
.snippetTeaserThreeColumnArticle {
margin-bottom: 60px;
}
.snippetTeaserThreeColumnArticle .headline {
margin-bottom: 5px;
display: block;
}
.snippetTeaserThreeColumnArticle .body {
padding-top: 6px;
}
@media (min-width: 768px) {
.snippetTeaserThreeColumnArticle .body {
height: 199px;
overflow: hidden;
position: relative;
padding-bottom: 20px;
}
}
.snippetTeaserThreeColumnArticle .more-link {
text-align: right;
border-bottom: 4px solid #000000;
display: block;
width: 100%;
}
@media (min-width: 768px) {
.snippetTeaserThreeColumnArticle .more-link {
position: absolute;
bottom: 0;
padding-top: 16px;
height: 39px;
z-index: 1;
left: 0;
background-color: #ffffff;
}
}
.snippetTeaserListThreeColumnArticleTeaser .footer {
position: relative;
top: -13px;
}
.snippetSimpleTeaserWithManufacturer {
height: 290px;
border-bottom: 4px #000000 solid;
border-bottom: 2px #000000 solid;
overflow: hidden;
}
.snippetSimpleTeaserWithManufacturer .image {
margin-bottom: 23px;
height: 192px;
}
.snippetSimpleTeaserWithManufacturer .headline {
display: block;
margin-bottom: -1px;
line-height: 23px;
}
.snippetSimpleTeaserWithManufacturer .brand {
font-size: 12px;
line-height: 16px;
}
.snippetSimpleTeaserWithManufacturer .brand a {
text-decoration: underline;
}
.snippetSimpleTeaserWithManufacturer .body {
min-height: 76px;
}
.simpleText {
margin-top: 2px;
margin-bottom: 8px;
overflow: hidden;
}
.simpleTextWideItem {
margin-bottom: 60px;
}
@media (max-width: 992px) {
margin-bottom: 29px;
}
.simpleSmallTextWideSmallImage .image,
.simpleSmallTextWide .image,
.simpleTextWide .image {
margin-bottom: 5px;
}
.simpleSmallTextWideSmallImage .articleBody,
.simpleSmallTextWide .articleBody,
.simpleTextWide .articleBody {
margin-bottom: 8px;
height: 70px;
overflow: hidden;
}
.simpleSmallTextWideSmallImage .articleBody .headline,
.simpleSmallTextWide .articleBody .headline,
.simpleTextWide .articleBody .headline {
font-size: 14px;
line-height: 18px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333;
height: auto;
}
.simpleSmallTextWideSmallImage .articleBody .headline:after,
.simpleSmallTextWide .articleBody .headline:after,
.simpleTextWide .articleBody .headline:after,
.simpleSmallTextWideSmallImage .articleBody .headline:before,
.simpleSmallTextWide .articleBody .headline:before,
.simpleTextWide .articleBody .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.simpleSmallTextWideSmallImage .articleBody .text,
.simpleSmallTextWide .articleBody .text,
.simpleTextWide .articleBody .text {
line-height: 17px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
margin-top: 0;
height: auto;
overflow: hidden;
}
.simpleSmallTextWideSmallImage .articleBody .text:after,
.simpleSmallTextWide .articleBody .text:after,
.simpleTextWide .articleBody .text:after,
.simpleSmallTextWideSmallImage .articleBody .text:before,
.simpleSmallTextWide .articleBody .text:before,
.simpleTextWide .articleBody .text:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.simpleSmallTextWideSmallImage .articleBody {
height: 37px;
}
.simpleTextWide .image {
margin-bottom: 4px;
}
.simpleTextWide .text {
margin-top: 2px;
margin-bottom: 8px;
overflow: hidden;
}
.simpleFirstWideBig {
margin-top: 7px;
}
.simpleFirstWideBig .snippetTeaserSimpleWide .item,
.simpleFirstWideBig .snippetTeaserSimpleWide .firstItem {
margin-bottom: 61px;
}
@media (min-width: 992px) {
.simpleFirstWideBig .snippetTeaserSimpleWide .item .snippetTeaserSimple.simpleTextWide .inner .stack-em,
.simpleFirstWideBig .snippetTeaserSimpleWide .firstItem .snippetTeaserSimple.simpleTextWide .inner .stack-em {
height: 360px;
}
}
.simpleTextWideBigImage .text {
margin-top: 2px;
margin-bottom: 8px;
overflow: hidden;
height: 47px;
}
@media (max-width: 1200px) {
.simpleTextWideBigImage img.fullWidth {
display: none;
}
.simpleTextWideBigImage img.standardWith {
display: block;
}
}
@media (min-width: 1200px) {
.simpleTextWideBigImage img.fullWidth {
display: block;
}
.simpleTextWideBigImage img.standardWith {
display: none;
}
}
.simpleBigTextNoLink {
overflow: hidden;
}
.simpleBigTextNoLink .inner {
height: 345px;
overflow: hidden;
}
.simpleBigTextNoLink .text {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 16px;
line-height: 22px;
color: #6b6b6b;
height: auto;
}
.simpleBigTextNoLink .text:after,
.simpleBigTextNoLink .text:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.recommendation-item {
border-top: 4px solid #000000;
border-bottom: 4px solid #000000;
padding: 12px 0;
margin-bottom: 116px;
}
.recommendation-item img {
width: 100%;
}
.recommendation-item .text-block-topic {
margin-bottom: 18px;
}
.recommendation-item .text-block-title {
line-height: 21px;
}
.recommendation-item p {
margin-bottom: 7px;
}
.recommendations {
margin-top: 100px;
}
@media (min-width: 768px) {
.recommendations {
margin-top: 7px;
/**balance out the border**/
}
}
.MTPkgUserObjectBasket .articleNoticeHeadline {
margin-bottom: 24px;
}
.MTPkgUserObjectBasket .articleNoticeHeadline h2 {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 24px;
line-height: 29px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #ffffff;
background-color: #333333;
padding: 2px 8px;
margin-bottom: 18px;
text-transform: uppercase;
width: auto;
display: inline-block;
margin-top: -8px;
margin-bottom: 0;
}
.MTPkgUserObjectBasket .articleNoticeHeadline h2:after,
.MTPkgUserObjectBasket .articleNoticeHeadline h2:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.MTPkgUserObjectBasket .item {
margin-bottom: 20px;
}
.MTPkgUserObjectBasket .MTPkgArticleCollectionNavigation {
float: right;
font-size: 14px;
position: relative;
top: 3px;
}
@media (min-width: 768px) {
.MTPkgUserObjectBasket .MTPkgArticleCollectionNavigation {
top: -22px;
}
}
.MTPkgUserObjectBasket .MTPkgArticleCollectionNavigation .leftSmall {
margin-right: 20px;
}
.noticeListArticleSnippet {
position: relative;
height: 399px;
}
@media (min-width: 768px) {
.noticeListArticleSnippet {
height: 309px;
}
}
@media (min-width: 992px) {
.noticeListArticleSnippet {
height: 271px;
}
}
.noticeListArticleSnippet .inner .image {
margin-bottom: 9px;
}
.noticeListArticleSnippet .inner .body {
position: relative;
height: 147px;
}
.noticeListArticleSnippet .inner .body .articleBody {
height: 91px;
margin-bottom: 0;
overflow: hidden;
}
.noticeListArticleSnippet .inner .body .articleBody .headline {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
}
.noticeListArticleSnippet .inner .body .articleBody .headline:after,
.noticeListArticleSnippet .inner .body .articleBody .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.noticeListArticleSnippet .inner .body .articleBody .text {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
}
.noticeListArticleSnippet .inner .body .articleBody .text:after,
.noticeListArticleSnippet .inner .body .articleBody .text:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.noticeListArticleSnippet .inner .body .more-link {
position: absolute;
bottom: 0;
}
.noticeListArticleSnippet .inner .body .more {
display: inline-block;
margin-top: 5px;
visibility: hidden;
}
.noticeListArticleSnippet .inner .body .more .removeLink {
text-decoration: none;
}
.noticeListArticleSnippet .inner .body .more .removeLink span:not(.icon) {
color: #b2b2b2;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
position: relative;
display: inline-block;
top: -2px;
}
.noticeListArticleSnippet .inner .body .more .removeLink span:not(.icon):after,
.noticeListArticleSnippet .inner .body .more .removeLink span:not(.icon):before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.noticeListArticleSnippet .inner .body .more .removeLink:hover,
.noticeListArticleSnippet .inner .body .more .removeLink:active,
.noticeListArticleSnippet .inner .body .more .removeLink:focus,
.noticeListArticleSnippet .inner .body .more .removeLink:active:hover {
color: #869e00;
}
.noticeListArticleSnippet .inner .body .more .removeLink:hover span:not(.icon),
.noticeListArticleSnippet .inner .body .more .removeLink:active span:not(.icon),
.noticeListArticleSnippet .inner .body .more .removeLink:focus span:not(.icon),
.noticeListArticleSnippet .inner .body .more .removeLink:active:hover span:not(.icon) {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
}
.noticeListArticleSnippet .inner .body .more .removeLink:hover span:not(.icon):after,
.noticeListArticleSnippet .inner .body .more .removeLink:active span:not(.icon):after,
.noticeListArticleSnippet .inner .body .more .removeLink:focus span:not(.icon):after,
.noticeListArticleSnippet .inner .body .more .removeLink:active:hover span:not(.icon):after,
.noticeListArticleSnippet .inner .body .more .removeLink:hover span:not(.icon):before,
.noticeListArticleSnippet .inner .body .more .removeLink:active span:not(.icon):before,
.noticeListArticleSnippet .inner .body .more .removeLink:focus span:not(.icon):before,
.noticeListArticleSnippet .inner .body .more .removeLink:active:hover span:not(.icon):before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.noticeListArticleSnippet .inner .body .more .removeLink:hover span:not(.icon):after,
.noticeListArticleSnippet .inner .body .more .removeLink:active span:not(.icon):after,
.noticeListArticleSnippet .inner .body .more .removeLink:focus span:not(.icon):after,
.noticeListArticleSnippet .inner .body .more .removeLink:active:hover span:not(.icon):after,
.noticeListArticleSnippet .inner .body .more .removeLink:hover span:not(.icon):before,
.noticeListArticleSnippet .inner .body .more .removeLink:active span:not(.icon):before,
.noticeListArticleSnippet .inner .body .more .removeLink:focus span:not(.icon):before,
.noticeListArticleSnippet .inner .body .more .removeLink:active:hover span:not(.icon):before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.noticeListArticleSnippet .inner .body .more .removeLink:hover span:not(.icon):hover,
.noticeListArticleSnippet .inner .body .more .removeLink:active span:not(.icon):hover,
.noticeListArticleSnippet .inner .body .more .removeLink:focus span:not(.icon):hover,
.noticeListArticleSnippet .inner .body .more .removeLink:active:hover span:not(.icon):hover,
.noticeListArticleSnippet .inner .body .more .removeLink:hover span:not(.icon):active:hover,
.noticeListArticleSnippet .inner .body .more .removeLink:active span:not(.icon):active:hover,
.noticeListArticleSnippet .inner .body .more .removeLink:focus span:not(.icon):active:hover,
.noticeListArticleSnippet .inner .body .more .removeLink:active:hover span:not(.icon):active:hover,
.noticeListArticleSnippet .inner .body .more .removeLink:hover span:not(.icon):active,
.noticeListArticleSnippet .inner .body .more .removeLink:active span:not(.icon):active,
.noticeListArticleSnippet .inner .body .more .removeLink:focus span:not(.icon):active,
.noticeListArticleSnippet .inner .body .more .removeLink:active:hover span:not(.icon):active,
.noticeListArticleSnippet .inner .body .more .removeLink:hover span:not(.icon):focus,
.noticeListArticleSnippet .inner .body .more .removeLink:active span:not(.icon):focus,
.noticeListArticleSnippet .inner .body .more .removeLink:focus span:not(.icon):focus,
.noticeListArticleSnippet .inner .body .more .removeLink:active:hover span:not(.icon):focus,
.noticeListArticleSnippet .inner .body .more .removeLink:hover span:not(.icon):focus:hover,
.noticeListArticleSnippet .inner .body .more .removeLink:active span:not(.icon):focus:hover,
.noticeListArticleSnippet .inner .body .more .removeLink:focus span:not(.icon):focus:hover,
.noticeListArticleSnippet .inner .body .more .removeLink:active:hover span:not(.icon):focus:hover {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans500', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #979797;
color: #869e00;
}
.noticeListArticleSnippet .inner .body .more .removeLink:hover span:not(.icon):hover:after,
.noticeListArticleSnippet .inner .body .more .removeLink:active span:not(.icon):hover:after,
.noticeListArticleSnippet .inner .body .more .removeLink:focus span:not(.icon):hover:after,
.noticeListArticleSnippet .inner .body .more .removeLink:active:hover span:not(.icon):hover:after,
.noticeListArticleSnippet .inner .body .more .removeLink:hover span:not(.icon):active:hover:after,
.noticeListArticleSnippet .inner .body .more .removeLink:active span:not(.icon):active:hover:after,
.noticeListArticleSnippet .inner .body .more .removeLink:focus span:not(.icon):active:hover:after,
.noticeListArticleSnippet .inner .body .more .removeLink:active:hover span:not(.icon):active:hover:after,
.noticeListArticleSnippet .inner .body .more .removeLink:hover span:not(.icon):active:after,
.noticeListArticleSnippet .inner .body .more .removeLink:active span:not(.icon):active:after,
.noticeListArticleSnippet .inner .body .more .removeLink:focus span:not(.icon):active:after,
.noticeListArticleSnippet .inner .body .more .removeLink:active:hover span:not(.icon):active:after,
.noticeListArticleSnippet .inner .body .more .removeLink:hover span:not(.icon):focus:after,
.noticeListArticleSnippet .inner .body .more .removeLink:active span:not(.icon):focus:after,
.noticeListArticleSnippet .inner .body .more .removeLink:focus span:not(.icon):focus:after,
.noticeListArticleSnippet .inner .body .more .removeLink:active:hover span:not(.icon):focus:after,
.noticeListArticleSnippet .inner .body .more .removeLink:hover span:not(.icon):focus:hover:after,
.noticeListArticleSnippet .inner .body .more .removeLink:active span:not(.icon):focus:hover:after,
.noticeListArticleSnippet .inner .body .more .removeLink:focus span:not(.icon):focus:hover:after,
.noticeListArticleSnippet .inner .body .more .removeLink:active:hover span:not(.icon):focus:hover:after,
.noticeListArticleSnippet .inner .body .more .removeLink:hover span:not(.icon):hover:before,
.noticeListArticleSnippet .inner .body .more .removeLink:active span:not(.icon):hover:before,
.noticeListArticleSnippet .inner .body .more .removeLink:focus span:not(.icon):hover:before,
.noticeListArticleSnippet .inner .body .more .removeLink:active:hover span:not(.icon):hover:before,
.noticeListArticleSnippet .inner .body .more .removeLink:hover span:not(.icon):active:hover:before,
.noticeListArticleSnippet .inner .body .more .removeLink:active span:not(.icon):active:hover:before,
.noticeListArticleSnippet .inner .body .more .removeLink:focus span:not(.icon):active:hover:before,
.noticeListArticleSnippet .inner .body .more .removeLink:active:hover span:not(.icon):active:hover:before,
.noticeListArticleSnippet .inner .body .more .removeLink:hover span:not(.icon):active:before,
.noticeListArticleSnippet .inner .body .more .removeLink:active span:not(.icon):active:before,
.noticeListArticleSnippet .inner .body .more .removeLink:focus span:not(.icon):active:before,
.noticeListArticleSnippet .inner .body .more .removeLink:active:hover span:not(.icon):active:before,
.noticeListArticleSnippet .inner .body .more .removeLink:hover span:not(.icon):focus:before,
.noticeListArticleSnippet .inner .body .more .removeLink:active span:not(.icon):focus:before,
.noticeListArticleSnippet .inner .body .more .removeLink:focus span:not(.icon):focus:before,
.noticeListArticleSnippet .inner .body .more .removeLink:active:hover span:not(.icon):focus:before,
.noticeListArticleSnippet .inner .body .more .removeLink:hover span:not(.icon):focus:hover:before,
.noticeListArticleSnippet .inner .body .more .removeLink:active span:not(.icon):focus:hover:before,
.noticeListArticleSnippet .inner .body .more .removeLink:focus span:not(.icon):focus:hover:before,
.noticeListArticleSnippet .inner .body .more .removeLink:active:hover span:not(.icon):focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
@media (hover: none) and (pointer: coarse) {
.noticeListArticleSnippet .inner .body .more {
margin-top: 10px !important;
visibility: visible !important;
}
.noticeListArticleSnippet .inner .body .more .removeLink {
color: #333 !important;
}
.noticeListArticleSnippet .inner .body .more .removeLink span:not(.icon) {
color: #333 !important;
}
}
.noticeListArticleSnippet:hover,
.noticeListArticleSnippet:active,
.noticeListArticleSnippet:focus,
.noticeListArticleSnippet:active:hover {
overflow: visible;
}
.noticeListArticleSnippet:hover .inner,
.noticeListArticleSnippet:active .inner,
.noticeListArticleSnippet:focus .inner,
.noticeListArticleSnippet:active:hover .inner {
position: absolute;
z-index: 3;
background-color: #fff;
border: 3px solid #b2b2b2;
margin: -13px 0 0 -15px;
padding: 10px 12px 9px;
width: 100%;
box-sizing: content-box;
}
.noticeListArticleSnippet:hover .inner .body .more,
.noticeListArticleSnippet:active .inner .body .more,
.noticeListArticleSnippet:focus .inner .body .more,
.noticeListArticleSnippet:active:hover .inner .body .more {
visibility: visible;
}
.MTPkgUserObjectBasket .basket {
margin-top: -20px;
}
.MTPkgUserObjectBasket .basket .listHeadline {
margin-top: 0;
margin-bottom: 24px;
}
.articleWithTeaserItem .details,
.articleWithTeaserItem .itemImage {
height: auto;
overflow: hidden;
}
@media (min-width: 992px) {
.articleWithTeaserItem .details,
.articleWithTeaserItem .itemImage {
height: 367px;
}
}
.articleWithTeaserItem .details .detailsInner,
.articleWithTeaserItem .itemImage .detailsInner {
overflow: hidden;
}
@media (min-width: 992px) {
.articleWithTeaserItem .details .detailsInner,
.articleWithTeaserItem .itemImage .detailsInner {
max-height: 94%;
}
}
.articleWithTeaserItem .details .detailsInner .itemHeadLine,
.articleWithTeaserItem .itemImage .detailsInner .itemHeadLine {
font-family: 'UnitWeb-Medium', Arial, sans-serif;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 24px;
line-height: 29px;
text-transform: uppercase;
color: #000000;
margin-bottom: 20px;
margin-top: 20px;
}
.articleWithTeaserItem .details .detailsInner .itemHeadLine:after,
.articleWithTeaserItem .itemImage .detailsInner .itemHeadLine:after,
.articleWithTeaserItem .details .detailsInner .itemHeadLine:before,
.articleWithTeaserItem .itemImage .detailsInner .itemHeadLine:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
@media (min-width: 992px) {
.articleWithTeaserItem .details .detailsInner .itemHeadLine,
.articleWithTeaserItem .itemImage .detailsInner .itemHeadLine {
margin-top: 0;
}
}
.articleWithTeaserItem .details .detailsInner .text,
.articleWithTeaserItem .itemImage .detailsInner .text {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
padding-bottom: 10px;
}
.articleWithTeaserItem .details .detailsInner .text:after,
.articleWithTeaserItem .itemImage .detailsInner .text:after,
.articleWithTeaserItem .details .detailsInner .text:before,
.articleWithTeaserItem .itemImage .detailsInner .text:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
@media (min-width: 992px) {
.articleWithTeaserItem .bordered {
border-bottom: 1px solid #000000;
}
}
.articleWithTeaserItem .snippetProductTeaserStandard,
.articleWithTeaserItem .simpleBigTextNoLink,
.articleWithTeaserItem .productSeriesTeaserNoLink {
border-bottom: 1px solid #000000;
padding-bottom: 10px;
height: 368px;
margin-top: 20px;
}
@media (min-width: 992px) {
.articleWithTeaserItem .snippetProductTeaserStandard,
.articleWithTeaserItem .simpleBigTextNoLink,
.articleWithTeaserItem .productSeriesTeaserNoLink {
margin-top: 0;
height: 368px;
padding-bottom: inherit;
}
}
.articleWithTeaserItem .snippetProductTeaserStandard .image,
.articleWithTeaserItem .simpleBigTextNoLink .image,
.articleWithTeaserItem .productSeriesTeaserNoLink .image {
height: 260px;
}
@media (min-width: 992px) {
.articleWithTeaserItem .snippetProductTeaserStandard .image,
.articleWithTeaserItem .simpleBigTextNoLink .image,
.articleWithTeaserItem .productSeriesTeaserNoLink .image {
height: 196px;
}
}
@media (min-width: 1200px) {
.articleWithTeaserItem .snippetProductTeaserStandard .image,
.articleWithTeaserItem .simpleBigTextNoLink .image,
.articleWithTeaserItem .productSeriesTeaserNoLink .image {
height: 218px;
}
}
.articleWithTeaserItem .snippetProductTeaserStandard .text,
.articleWithTeaserItem .simpleBigTextNoLink .text,
.articleWithTeaserItem .productSeriesTeaserNoLink .text {
margin-top: 12px;
}
.articleWithTeaserItem .snippetProductTeaserStandard {
height: auto;
}
@media (min-width: 768px) {
.articleWithTeaserItem .snippetProductTeaserStandard {
height: 368px;
}
}
.articleWithTeaserItem .snippetProductTeaserStandard img {
max-height: none;
}
@media (max-width: 991px) {
.articleWithTeaserItem .snippetProductTeaserStandard .text .bulk-price-table {
position: inherit;
}
}
.snippetTeaserListFourColumnsReferences .item,
.snippetTeaserListFourColumnsMagazine .item {
margin-bottom: 64px;
}
.snippetTeaserListFourColumnsReferences .snippetPagingPageNumbers,
.snippetTeaserListFourColumnsMagazine .snippetPagingPageNumbers {
border-top: 4px solid #000000;
width: 100%;
text-align: right;
}
.snippetTeaserListFourColumnsReferences .articleBody {
height: 50px;
overflow: hidden;
}
.snippetThreeColumnSimpleWithManufacturer .item {
margin-bottom: 51px;
}
.snippetTeaserSimpleWide .headline span {
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 24px;
line-height: 29px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #ffffff;
background-color: #333333;
padding: 2px 8px;
margin-bottom: 18px;
text-transform: uppercase;
width: auto;
display: inline-block;
float: left;
}
.snippetTeaserSimpleWide .headline span:after,
.snippetTeaserSimpleWide .headline span:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetTeaserSimpleWide .headline a {
line-height: 12px;
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
margin-top: 10px;
float: right;
}
.snippetTeaserSimpleWide .headline a::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetTeaserSimpleWide .headline a:after,
.snippetTeaserSimpleWide .headline a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetTeaserSimpleWide .headline a:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetTeaserSimpleWide .headline a:hover,
.snippetTeaserSimpleWide .headline a:active:hover,
.snippetTeaserSimpleWide .headline a:active,
.snippetTeaserSimpleWide .headline a:focus,
.snippetTeaserSimpleWide .headline a:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.snippetTeaserSimpleWide .headline a:hover::after,
.snippetTeaserSimpleWide .headline a:active:hover::after,
.snippetTeaserSimpleWide .headline a:active::after,
.snippetTeaserSimpleWide .headline a:focus::after,
.snippetTeaserSimpleWide .headline a:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetTeaserSimpleWide .headline a:hover:after,
.snippetTeaserSimpleWide .headline a:active:hover:after,
.snippetTeaserSimpleWide .headline a:active:after,
.snippetTeaserSimpleWide .headline a:focus:after,
.snippetTeaserSimpleWide .headline a:focus:hover:after,
.snippetTeaserSimpleWide .headline a:hover:before,
.snippetTeaserSimpleWide .headline a:active:hover:before,
.snippetTeaserSimpleWide .headline a:active:before,
.snippetTeaserSimpleWide .headline a:focus:before,
.snippetTeaserSimpleWide .headline a:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetTeaserSimpleWide .headline a:hover:after,
.snippetTeaserSimpleWide .headline a:active:hover:after,
.snippetTeaserSimpleWide .headline a:active:after,
.snippetTeaserSimpleWide .headline a:focus:after,
.snippetTeaserSimpleWide .headline a:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetTeaserSimpleWide .headline a:hover::after,
.snippetTeaserSimpleWide .headline a:active:hover::after,
.snippetTeaserSimpleWide .headline a:active::after,
.snippetTeaserSimpleWide .headline a:focus::after,
.snippetTeaserSimpleWide .headline a:focus:hover::after {
color: #869e00;
}
.snippetTeaserSimpleWide .headline a:hover::after,
.snippetTeaserSimpleWide .headline a:active:hover::after,
.snippetTeaserSimpleWide .headline a:active::after,
.snippetTeaserSimpleWide .headline a:focus::after,
.snippetTeaserSimpleWide .headline a:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetTeaserSimpleWide .headline a:hover:after,
.snippetTeaserSimpleWide .headline a:active:hover:after,
.snippetTeaserSimpleWide .headline a:active:after,
.snippetTeaserSimpleWide .headline a:focus:after,
.snippetTeaserSimpleWide .headline a:focus:hover:after,
.snippetTeaserSimpleWide .headline a:hover:before,
.snippetTeaserSimpleWide .headline a:active:hover:before,
.snippetTeaserSimpleWide .headline a:active:before,
.snippetTeaserSimpleWide .headline a:focus:before,
.snippetTeaserSimpleWide .headline a:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetTeaserSimpleWide .headline a:hover:after,
.snippetTeaserSimpleWide .headline a:active:hover:after,
.snippetTeaserSimpleWide .headline a:active:after,
.snippetTeaserSimpleWide .headline a:focus:after,
.snippetTeaserSimpleWide .headline a:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetTeaserSimpleWide .headline a:hover:after,
.snippetTeaserSimpleWide .headline a:active:hover:after,
.snippetTeaserSimpleWide .headline a:active:after,
.snippetTeaserSimpleWide .headline a:focus:after,
.snippetTeaserSimpleWide .headline a:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.snippetTeaserSimpleWide .headline a::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetTeaserSimpleWide .headline a:after,
.snippetTeaserSimpleWide .headline a:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetTeaserSimpleWide .headline a:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetTeaserSimpleWide .headline a:hover,
.snippetTeaserSimpleWide .headline a:active:hover,
.snippetTeaserSimpleWide .headline a:active,
.snippetTeaserSimpleWide .headline a:focus,
.snippetTeaserSimpleWide .headline a:focus:hover {
color: #000000;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #333333;
padding-left: 10px;
color: #869e00;
}
.snippetTeaserSimpleWide .headline a:hover::after,
.snippetTeaserSimpleWide .headline a:active:hover::after,
.snippetTeaserSimpleWide .headline a:active::after,
.snippetTeaserSimpleWide .headline a:focus::after,
.snippetTeaserSimpleWide .headline a:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetTeaserSimpleWide .headline a:hover:after,
.snippetTeaserSimpleWide .headline a:active:hover:after,
.snippetTeaserSimpleWide .headline a:active:after,
.snippetTeaserSimpleWide .headline a:focus:after,
.snippetTeaserSimpleWide .headline a:focus:hover:after,
.snippetTeaserSimpleWide .headline a:hover:before,
.snippetTeaserSimpleWide .headline a:active:hover:before,
.snippetTeaserSimpleWide .headline a:active:before,
.snippetTeaserSimpleWide .headline a:focus:before,
.snippetTeaserSimpleWide .headline a:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetTeaserSimpleWide .headline a:hover:after,
.snippetTeaserSimpleWide .headline a:active:hover:after,
.snippetTeaserSimpleWide .headline a:active:after,
.snippetTeaserSimpleWide .headline a:focus:after,
.snippetTeaserSimpleWide .headline a:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetTeaserSimpleWide .headline a:hover::after,
.snippetTeaserSimpleWide .headline a:active:hover::after,
.snippetTeaserSimpleWide .headline a:active::after,
.snippetTeaserSimpleWide .headline a:focus::after,
.snippetTeaserSimpleWide .headline a:focus:hover::after {
color: #869e00;
}
.snippetTeaserSimpleWide .headline a:hover::after,
.snippetTeaserSimpleWide .headline a:active:hover::after,
.snippetTeaserSimpleWide .headline a:active::after,
.snippetTeaserSimpleWide .headline a:focus::after,
.snippetTeaserSimpleWide .headline a:focus:hover::after {
content: " >>";
letter-spacing: -1.3px;
}
.snippetTeaserSimpleWide .headline a:hover:after,
.snippetTeaserSimpleWide .headline a:active:hover:after,
.snippetTeaserSimpleWide .headline a:active:after,
.snippetTeaserSimpleWide .headline a:focus:after,
.snippetTeaserSimpleWide .headline a:focus:hover:after,
.snippetTeaserSimpleWide .headline a:hover:before,
.snippetTeaserSimpleWide .headline a:active:hover:before,
.snippetTeaserSimpleWide .headline a:active:before,
.snippetTeaserSimpleWide .headline a:focus:before,
.snippetTeaserSimpleWide .headline a:focus:hover:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetTeaserSimpleWide .headline a:hover:after,
.snippetTeaserSimpleWide .headline a:active:hover:after,
.snippetTeaserSimpleWide .headline a:active:after,
.snippetTeaserSimpleWide .headline a:focus:after,
.snippetTeaserSimpleWide .headline a:focus:hover:after {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -73px -92px;
width: 7px;
height: 11px;
position: absolute !important;
left: 0;
top: 3px;
}
.snippetTeaserSimpleWide .headline a:hover:after,
.snippetTeaserSimpleWide .headline a:active:hover:after,
.snippetTeaserSimpleWide .headline a:active:after,
.snippetTeaserSimpleWide .headline a:focus:after,
.snippetTeaserSimpleWide .headline a:focus:hover:after {
background-position: -39px -92px;
width: 7px;
height: 11px;
}
.snippetTeaserSimpleWide .headline:after {
content: "";
display: table;
clear: both;
}
.snippetTeaserSimpleWide .firstItem {
margin-bottom: 29px;
}
.snippetTeaserSimpleWide .item {
margin-bottom: 29px;
}
.articleWithTeaserList .headline {
line-height: 26px;
overflow-y: hidden;
display: block;
}
.articleWithTeaserList .items .articleWithTeaserItem {
margin-top: 28px;
}
.articleWithTeaserList .items .articleWithTeaserItem:nth-child(1) {
margin-top: 0;
}
.articleWithTeaserList .items .font-h4-subheadline {
padding: 0 !important;
margin: 0 !important;
text-decoration: none !important;
text-transform: none !important;
text-align: left !important;
background-color: transparent !important;
border: none !important;
letter-spacing: normal !important;
font-weight: normal !important;
font-family: 'MuseoSans700', Arial, sans-serif !important;
font-size: 18px !important;
line-height: 22px !important;
color: #333333 !important;
}
.articleWithTeaserList .items .font-h4-subheadline:after,
.articleWithTeaserList .items .font-h4-subheadline:before {
content: '' !important;
margin: 0 !important !important;
padding: 0 !important !important;
display: inline !important !important;
position: inherit !important !important;
}
.articleWithTeaserList .items .font-h4-subheadline:hover {
padding: 0 !important;
margin: 0 !important;
text-decoration: none !important;
text-transform: none !important;
text-align: left !important;
background-color: transparent !important;
border: none !important;
letter-spacing: normal !important;
font-weight: normal !important;
font-family: 'MuseoSans700', Arial, sans-serif !important;
font-size: 18px !important;
line-height: 22px !important;
color: #333333 !important;
}
.articleWithTeaserList .items .font-h4-subheadline:hover:after,
.articleWithTeaserList .items .font-h4-subheadline:hover:before {
content: '' !important;
margin: 0 !important !important;
padding: 0 !important !important;
display: inline !important !important;
position: inherit !important !important;
}
.snippetFooterServiceText .headline {
font-family: 'UnitWeb-Bold', sans-serif;
line-height: 20px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #ffffff;
margin-bottom: 6px;
}
.snippetFooterServiceText .headline:after,
.snippetFooterServiceText .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetFooterServiceText .hotline {
vertical-align: super;
margin-left: 4px;
font-size: 20px;
line-height: 42px;
font-weight: 500;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 26px;
line-height: 32px;
color: #ffffff;
text-transform: uppercase;
}
.snippetFooterServiceText .hotline:after,
.snippetFooterServiceText .hotline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetFooterServiceText .text {
font-family: 'UnitWeb-Medium', Arial, sans-serif;
line-height: 17px;
color: #000000;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
color: #ffffff;
}
.snippetFooterServiceText .text:after,
.snippetFooterServiceText .text:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetFooterServiceText a {
color: #ffffff;
text-decoration: underline;
}
@media (min-width: 768px) and (max-width: 992px) {
.snippetFooterServiceText .hotline {
font-size: 15px;
}
}
.snippetTextBlockBox {
border-top: 4px solid #000000;
border-bottom: 4px solid #000000;
padding: 10px 0;
margin-bottom: 100px;
}
.snippetSeoText .headline {
margin: 0 0 3px 0;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
color: #000000;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 18px;
line-height: 22px;
font-family: 'MuseoSans700', Arial, sans-serif;
color: #333333;
margin-bottom: 10px;
}
.snippetSeoText .headline:after,
.snippetSeoText .headline:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetSeoText .text {
line-height: 17px;
color: #000000;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
font-family: 'MuseoSans500', Arial, sans-serif;
color: #6b6b6b;
}
.snippetSeoText .text:after,
.snippetSeoText .text:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
.snippetNewsletterFrequency .frequency {
margin-top: 51px;
margin-bottom: 63px;
}
.snippetNewsletterFrequency .frequency .frequencyBody {
padding-top: 7px;
}
.newsletterFrequencyList {
margin-top: 42px;
}
.newsletterFrequencyList .newsletterFrequencyListItem {
margin-bottom: 52px;
}
.newsletterFrequencyList .newsletterFrequencyListItem button {
margin-top: 3px;
}
.snippetNewsletterFrequency .newsletter-frequency-list {
padding-top: 28px;
}
.snippetNewsletterFrequency .newsletter-frequency-list .newsletter-frequency-one {
margin-bottom: 50px;
}
.snippetNewsletterFrequency .newsletter-frequency-list .newsletter-frequency-one button[type="submit"] {
margin-top: 4px;
}
.snippetNewsletterFrequency .newsletter-frequency-list .newsletter-frequency-one button[type="submit"].current:after {
content: '✓';
right: 10%;
position: absolute;
}
.snippetNewsletterFrequency .newsletter-frequency-list .newsletter-frequency-one:last-of-type {
margin-bottom: 0;
}
.snippetSmoothOutGradient {
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
width: 100%;
height: 98px;
background: url('/assets/sgd-assets/img/smooth-out-gradient.png') repeat-x 0 0;
display: none;
}
.snippetSmoothOutGradient .show-more {
color: #000000;
position: absolute;
right: 0;
bottom: 0;
cursor: pointer;
}
.smooth-out-gradient-container {
max-height: 500px;
overflow: hidden;
position: relative;
}
#articleSetOverlay {
top: 5%;
width: 80%;
max-height: 90%;
}
@media (min-width: 768px) {
#articleSetOverlay {
width: auto;
}
}
.articleSet {
position: absolute;
z-index: 5;
right: 0;
}
@media (min-width: 768px) {
.articleSet {
right: -25px;
top: -15px;
}
}
.articleSet .articleSetButton {
background-image: url("/assets/sgd-assets/img/sprite.2.png");
background-image: url("/assets/tw/img/spritev3.png");
background-repeat: no-repeat;
display: inline-block;
background-position: -79px -5px;
background-position: -263px -5px;
width: 98px;
height: 98px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #ffffff;
padding-top: 19px;
text-align: center;
cursor: pointer;
}
.articleSet .articleSetButton:after,
.articleSet .articleSetButton:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
#articleSetOverlay {
padding-right: 30px;
}
#articleSetOverlay #carousel-product-set {
width: 100%;
margin-top: 30px;
padding-bottom: 90px;
}
@media (min-width: 768px) {
#articleSetOverlay #carousel-product-set {
width: 485px;
overflow-y: visible;
}
}
#articleSetOverlay #carousel-product-set .carousel-inner {
overflow: visible;
width: auto;
}
#articleSetOverlay #carousel-product-set .carousel-control {
top: 4px;
right: 0;
left: inherit;
background-image: none;
opacity: 1;
font-family: 'UnitWeb-Ultra', Arial, sans-serif;
font-size: 26px;
line-height: 32px;
margin-bottom: 5px;
text-transform: uppercase;
line-height: 26px;
letter-spacing: 0.7px;
width: 100%;
margin-bottom: 20px;
padding: 0;
margin: 0;
text-decoration: none;
text-transform: none;
text-align: left;
background-color: transparent;
border: none;
letter-spacing: normal;
font-weight: normal;
font-family: 'MuseoSans700', Arial, sans-serif;
font-size: 24px;
line-height: 29px;
color: #333333;
padding-bottom: 20px;
font-size: 14px;
color: #000000;
height: 26px;
width: auto;
text-shadow: none;
letter-spacing: -0.2px;
}
#articleSetOverlay #carousel-product-set .carousel-control:after,
#articleSetOverlay #carousel-product-set .carousel-control:before {
content: '' !important;
margin: 0 !important;
padding: 0 !important;
display: inline !important;
position: inherit !important;
}
#articleSetOverlay #carousel-product-set .carousel-control.left {
right: 44px;
}
#articleSetOverlay #carousel-product-set .carousel-control.left.moveToRight {
right: 0;
}
#articleSetOverlay #carousel-product-set .snippetProductTeaserStandard .basket-button button {
font-size: 15px;
}
.snippetVariantSelection .same-column-height {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between;
}
.toggleMenuDiv .bookmarklet {
padding-left: 15px;
}
.snippetPkgViewRendererMTPkgViewRendererSnippetGalleryGalleryWithNavigation .snippets .snippetListDivList .listItem {
margin-bottom: 20px;
}
.snippetPkgViewRendererMTPkgViewRendererSnippetGalleryGalleryWithNavigation .snippets .snippetListDivList .listItem .itemName {
margin-bottom: 10px;
text-decoration: underline;
color: '#fff';
}