* { -moz-box-sizing: border-box; box-sizing: border-box; }
html,
button,
input,
select,
textarea { color: #222; font-family: inherit; font-size: inherit; font-weight: inherit; color: #000; }
body { font: 400 16px/24px 'Open Sans', Helvetica, Helvetica Neue, Arial; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
img { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; height: 5rem; }

.chromeframe { margin: .2em 0; background: #ccc; color: #000; padding: .2em 0; }

::-moz-selection { background: #d7c48c; text-shadow: none; }
::selection { background: #d7c48c; text-shadow: none; }

html {
 background-color: #fff;
 background-image: url('../media/xv.png');
 background-repeat: repeat;
 background-position: center top;
 background-attachment: fixed; }
header { position: relative; margin: 0; padding: .75em 180px .75em 2%; text-align: left; background-color: #fff;
 overflow: hidden; }
header h1 { font: 700 32px/36px 'Open Sans Condensed', Arial, Helvetica, sans-serif; text-transform: uppercase;
 letter-spacing: .375rem; color: #000; }
header h1, header h2 { margin: 0 auto; padding: 0; }
header h2 { font: 700 22px/24px 'Open Sans Condensed', Arial, Helvetica, sans-serif; color: #b00; }
#nivag { position: relative; margin: 1.125rem 0; }
#decorate { position: absolute; right: 0; top: 0; }
#decorate img { width: 180px; }

#items { width: 100%; margin: 0 auto; padding: .75rem 0; color: #000; list-style: none; text-align: center; }
.flexbox #items { display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap;
 justify-content: center; -webkit-justify-content: center; }
.item { width: 15rem; padding: 0; margin: .375rem; background-color: #f5f5f5; display: inline-block;
 position: relative; text-align: left; cursor: pointer; padding-bottom: 1rem; vertical-align: top; }
.item h2 { font-size: 1.125rem; line-height: 1.33333333; margin: 1.125rem .75rem .75rem; }
.item a { color: #000; }
.item a:hover { color: #000; }
.item p { margin: .375rem .725rem; font-size: .875rem; line-height: 1.28571428; }
.item div.more { position: absolute; bottom: .375rem; width: 100%; text-align: center; left: 0; }
.item .actions { top: auto; bottom: .375rem; right: .375rem; }
.item .actions li { margin: 0; }
.item .actions li:hover { background-color: rgba(128,128,128,.2); }
.item .ui-icon { background-image: url('../utils/jqueryui/css/custom-theme/images/ui-icons_000000_256x240.png'); }
.item:hover, .subcat:hover { box-shadow: 0 0 .75rem .375rem #ddd; }
.specs { list-style: none; padding: 0; clear: left; }
.specs li { display: flex; flex-flow: row nowrap; }
.specs li label { flex: 0 0 13rem; text-align: right; vertical-align: baseline; padding-right: .375rem; }
.specs li > span { flex: 1 1 auto; margin: .375rem 0; }
.hint { display: inline-block; }
.hint .ui-icon { float: left; cursor: pointer;
 background-image: url('../utils/jqueryui/css/custom-theme/images/ui-icons_000000_256x240.png'); }
.hint .ht { display: none; font-style: italic; font-weight: 300; font-size: .875rem; line-height: 1.28571428; }
.no-js .hint, .no-js .hint .ht { display: block; }
.ribbon { position: absolute; top: .1875rem; left: -.1875rem; width: 100%; height: 1.75rem;
 overflow: hidden; }
.ribbon.r { right: -.1875rem; left: auto; }
.ribbon span { position: absolute; display: block; background-color: #b00; color: #fff;
 text-align: center; font-weight: 700; font-size: .875rem; line-height: 1.28571428;
 padding: .125rem .75rem; }
.ribbon.g span { background-color: #888; }
.csstransforms .ribbon { top: -.1875rem; left: -.1875rem; height: 4.5rem; }
.csstransforms .ribbon.r { right: -.1875rem; left: auto; }
.csstransforms .ribbon span { top: .25rem; left: -.75rem; transform: rotate(330deg) translateZ(1px);
 padding: .125rem 1.25rem .125rem 0; width: 6rem; }
.csstransforms .ribbon.r span { right: -.75rem; left: auto; transform: rotate(-330deg) translateZ(1px);
 padding: .125rem 0 .125rem 1.25rem; }
.csstransforms .ribbon span::before {
  content: ""; position: absolute; left: 0; top: 100%;  z-index: -1;
  border-left: 2px solid #8F0808;
  border-right: 2px solid transparent;
  border-bottom: 4px solid transparent;
  border-top: 4px solid #8F0808;
}
.csstransforms .ribbon.g span::before {
  border-left: 2px solid #888;
  border-top: 4px solid #888;
}
.csstransforms .ribbon.r span::before {
  border-left: 2px solid transparent;
  border-right: 2px solid #8F0808;
  right: 0; left: auto;
}
.csstransforms .ribbon.r.g span::before {
  border-right: 2px solid #888;
}
.csstransforms .ribbon span::after {
  content: ""; position: absolute; right: 0; top: 100%; z-index: -1;
  border-left: 4px solid transparent;
  border-right: 4px solid #8F0808;
  border-bottom: 2px solid transparent;
  border-top: 2px solid #8F0808;
}
.csstransforms .ribbon.g span::after {
  border-right: 4px solid #888;
  border-top: 2px solid #888;
}
.csstransforms .ribbon.r span::after {
  border-left: 4px solid #8F0808;
  border-right: 4px solid transparent;
  left: 0; right: auto;
}
.csstransforms .ribbon.r.g span::after {
  border-left: 4px solid #888;
}
.pr { font-size: 1.375rem; font-weight: bold; }
.sale { color: #b00; font-weight: bold; font-size: 1.375rem; }
.sale .pr { font-size: 1.375rem; }
#subcats { width: 100%; margin: 0 auto; padding: .75rem 0; color: #000; list-style: none; text-align: center; }
.flexbox #subcats { display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap;
 justify-content: center; -webkit-justify-content: center; }
.subcat { width: 15rem; padding: 0; margin: 0 .75rem 1.125rem; background-color: #fff;
 display: inline-block; border-radius: .375rem; position: relative; text-align: center; cursor: pointer; vertical-align: top; }
.subcat h2 { font-size: 1.125rem; margin: .75rem auto; padding: 0 1.125em; }
.subcat a { color: #000; }
.subcat a:hover { color: #000; }
.subcat .actions { top: auto; bottom: .375rem; right: .375rem; }
.subcat .actions li { margin: 0; }
.subcat .actions li:hover { background-color: rgba(128,128,128,.2); }
.subcat .ui-icon { background-image: url('../utils/jqueryui/css/custom-theme/images/ui-icons_000000_256x240.png'); }
.manu-list { margin: 0 -.375rem; padding: 0; list-style: none; text-align: center; }
.flexbox .manu-list { display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap;
 justify-content: center; -webkit-justify-content: center; }
.manu-list > li { flex-grow: 1; padding: .375rem; margin: .375rem .375rem .75rem; text-align: center;
 border-top: 1px solid #b00; border-bottom: 2px solid #b00; background-color: rgba(255,255,255,.5); }
.pattern-list { margin: .375rem 0 0; padding: 0; list-style: none; text-align: center; }
.pattern-list .subcat { margin: 0 .375rem .75rem; width: 9.75rem; min-height: 11.5625rem; overflow: hidden; }
.pattern-list .subcat a { display: block; margin: .375rem 0;
 font: 700 .875rem/1.28571428 'Open Sans Condensed', Arial, Helvetica, sans-serif; }
.flexslider .slides > li { height: 370px; height: 40vh; position: relative; overflow: hidden; }
.objectfit .flexslider .slides > li img { object-fit: cover; height: 370px; height: 40vh; }
.no-objectfit .flexslider .slides > li img { max-height: 370px; max-height: 40vh; width: auto; margin-left: auto;
 margin-right: auto; }
.flex-caption {padding: .375rem .75rem; background-color: rgba(128,128,128,.7); position: absolute;
 bottom: 0; z-index: 100; color: #fff; text-shadow: 1px 1px 2px #ddd;
 font: 300 24px/30px 'Open Sans Condensed', Arial, Helvetica, sans-serif; text-transform: uppercase; }
.objectfit .banner img { object-fit: cover; height: 370px; height: 40vh; }
.no-objectfit .banner img { max-height: 370px; max-height: 40vh; width: auto; margin-left: auto;
 margin-right: auto; }
.banner { text-align: center; margin-bottom: -2.75rem; }
.banner h1 { color: #fff; background-color: #b00; padding: .75rem 6rem; display: inline-block;
 position: relative; bottom: 2.5rem; }
.banner h1 a, .banner .small { color: #fff; }
.banner h1 a:hover { text-shadow: 1px 1px 5px #fff; }
.banner .ui-icon { background-image: url('../utils/jqueryui/css/custom-theme/images/ui-icons_ffffff_256x240.png'); }

footer { margin: 0; padding: .375rem 0; background-color: rgba(0,0,0,0.7); font-size: .75rem; text-align: center; }
footer p { margin: .75rem auto; }
footer a { color: #d7b96c; }
footer a:hover { color: #fff; }

h1 { margin: .375rem 0; color: #b00; font: 700 36px/42px 'Open Sans Condensed', Arial, Helvetica, sans-serif; }
h1 .small { font-size: 1.125rem; color: #000; text-transform: uppercase; }
h2 { margin: 1.875rem 0 1.125rem; font: 700 24px/30px 'Open Sans Condensed', Arial, Helvetica, sans-serif; }
h3 { font: 700 20px/24px 'Open Sans Condensed', Arial, Helvetica, sans-serif; }
p { margin: 1.125rem 0; }
img,
iframe { width: 100%; height: auto; }
.g-recaptcha iframe { height: 78px; }
img.l { float: left; width: 45%; margin-right: 1.125rem; }
img.r { float: right; width: 45%; margin-left: 1.125rem; }
#secondary h1 { font-size: 1rem; line-height: 1.125; }
#secondary h2 { font-size: 1.25rem; line-height: 1.2; }
#secondary img.l, #secondary img.r { float: none; width: 100%; margin: 0; }
.c ul { list-style: none; padding-left: 0; }
a { text-decoration: none; font-weight: bold; color: #b00; }
a:hover { color: #999; }
h1 a { font-weight: 300; }
table { border-collapse: separate; border-spacing: .3em; }
form { margin: 1rem auto; }
fieldset { padding: .75rem; background-color: rgba(255,255,255,.6); color: #000; }
fieldset.space { margin-top: 1em; }
form .ui-icon { background-image: url('../utils/jqueryui/css/custom-theme/images/ui-icons_000000_256x240.png'); }
form a { color: #000; font-weight: normal; border-bottom: 1px dotted #000; }
form a:hover { color: #aaa; border-bottom: 1px solid #aaa; }
form h1 { margin: 0 0 .75rem; font-size: 1.25rem; line-height: 1.2;
 border-bottom: 1px solid #999; text-transform: uppercase; letter-spacing: .125rem; color: #999; }
form#frmBasket h1 { margin: 0 0 .75rem; text-transform: none; letter-spacing: 0; }
form h2 { margin: .375rem 0; font-size: 1.5rem; line-height: 1; font-weight: bold; }
label { display: block; margin: .375rem 0; vertical-align: top; font-weight: bold; text-transform: uppercase;
 line-height: 1.5; }
label.inline { display: inline-block; width: 30%; text-align: right; margin-right: 1%; }
label.inline2 { display: inline-block; vertical-align: baseline; width: auto; text-align: left;
 margin-left: .75rem; margin-right: 1.875rem; text-transform: none; }
textarea,
select,
input { margin: .125rem 0; padding: .1875rem; border: 1px solid #ddd; background: #fdfdfd; color: #000; line-height: 1.5; }
input[type="button"],
input[type="submit"],
a.btn, button, .chktoggle + label {
 position: relative; display: inline-block; margin: .375rem 0; padding: .375rem .75rem; border: none;
 text-decoration: none; text-transform: uppercase; font-weight: normal;
 background-color: #000; color: #fff; }
a.btn.yellow, button.yellow { background-color: #b00; color: #fff; }
a.btn.yellow:enabled:hover, button.yellow:enabled:hover { box-shadow: 0 0 .75rem .375rem #ddd; }
a.btn.small, button.small, .chktoggle.small + label { font-size: .75rem; line-height: 1; }
.chktoggle { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden;
 padding: 0; position: absolute; width: 1px; }
.chktoggle + label { width: auto; background-color: #ddd; color: #000; box-shadow: none; text-align: center; }
.chktoggle:checked + label { background-color: #b00; color: #fff; }
input[type="button"]:enabled:hover,
input[type="submit"]:enabled:hover,
a.btn:hover, button:enabled:hover,
.chktoggle:enabled:hover + label { background-color: #999; color: #fff; box-shadow: 0 0 .75rem .375rem #fff; border: none; }
input[type="button"]:enabled:active,
input[type="submit"]:enabled:active,
a.btn:active, button:enabled:active,
.chktoggle:enabled:active + label { background-color: #000 !important; color: #ecd35e; }
textarea:focus,
select:focus,
input:focus,
.chktoggle:focus + label { background: #fffbef; color: #000; box-shadow: 0 0 .75rem .375rem #fff; }
input[type="image"],
input[type="checkbox"],
input[type="radio"] { border: none; }
button:disabled { background-color: #aaa; }
.iso-btnbar { display: inline-block; text-align: center; padding: .3em; margin: .375rem auto; border-radius: .375rem;
 font-size: .75rem; line-height: 3; background-color: rgba(162,162,162,.4); }
.iso-btnbar label { width: auto; margin: 0; padding: .375rem 0; display: inline-block; vertical-align: baseline; }
.iso-btnset { display: inline-block; vertical-align: baseline; margin: 0 .75rem; }
.iso-btnset button { margin: 0 .375rem; }
.iso-btnset button.is-checked { background-color: #b00; color: #fff; }
.iso-btnset button.is-checked:active { background-color: #000; color: #ecd35e; }
.sum { display: none; }
.full { display: inline; }
.form-ind { display: inline-block; width: 69%; }
.form-ind p { margin: .375rem 0; line-height: 1.5; }
.form-chk { display: inline-block; width: 30%; margin-top: .375rem; vertical-align: top; text-align: right; }
.form-btns { margin: 0 auto; padding: .75rem; text-align: right; background-color: #ddd; }
.form-btns .btnCancel, .form-btns .btnBack { float: left; }
.previews { margin: 0; padding-left: 0; }
.previews li { display: inline-block; vertical-align: top; position: relative;
 max-width: 9.75rem; max-height: 9.75rem; margin: .375rem .375rem .375rem 0; padding: .375rem .375rem 1.5rem;
 background-color: #fff; text-align: center; }
.previews.lg li { max-width: 19.125rem; max-height: 15rem; }
.previews li img { max-width: 9rem; max-height: 7.875rem; width: auto; height: auto; image-orientation: from-image; }
.previews.lg li img { max-width: 17.625rem; max-height: 13.125rem; }
.previews .actions { display: block; bottom: .125rem; top: auto; }
.previews .actions li { padding: 0; margin: 0; background: none; }
.previews progress { position: absolute; bottom: .375rem; left: .375rem; right: .375rem;
 width: auto; height: .75rem; }

nav { color: #000; margin: 0 auto; padding: .75rem 0; }
nav ul { width: 100%; margin: 0; padding: 0; text-align: left; list-style: none; }
nav li { display: inline-block; }
nav li a { padding: .375rem .75rem; color: #000; font-size: .875em; line-height: 1.125; font-weight: normal;
 text-decoration: none; text-transform: uppercase; }
nav li a:hover { color: #b00; }
#menu1 { padding: 0 0 .75rem 0; }
#menu1 ul { margin-left: -.75rem; }
nav.top { width: 100%; padding: .375rem 2%; background-color: #b00; }
nav.top ul { width: auto; text-align: left; }
nav.top li { display: inline-block; width: 35%; vertical-align: top; }
nav.top li.wide { width: 43%; margin-right: 1%; }
nav.top li.short { width: 20%; margin-right: 1%; }
nav.top label { color: #fff; }
nav.top ul#toplevel .btn { width: 100%; margin: .1875rem 2% .1875rem 0; padding: .375rem .75rem; font-size: 1.125rem; 
 display: inline-block; line-height: 1.33333333; text-align: center; vertical-align: top; }
nav.top a:hover { text-decoration: none; background-color: rgba(255,255,255,.2); }
nav.top a.btn.menu-trigger.selected { background-color: rgba(255,255,255,.4); color: #fff; border-bottom: 1px solid #ecd35e;
 padding-top: .5625rem; padding-bottom: .5625rem; margin-bottom: 0; }
nav.top a.btn.menu-trigger.selected:active { color: #fff; }
nav.top a.btn.menu-trigger.selected:hover { box-shadow: none; }
nav.top a.btn.menu-trigger:focus { outline: none; }
nav.top form { padding: 0; margin: 0; background: none; }
#pullmenu { margin-bottom: .1875rem; }
.inpbtn { width: 100%; position: relative; margin: .1875rem 0; }
.inpbtn input { border: none; margin: 0; padding: .375rem 1%; font-size: 1.125rem; width: 80%; line-height: 1.33333333; }
.inpbtn button { position: absolute; top: 0; right: 0; width: 20%; height: 100%; margin: 0; padding: 0; }
#btnsearch { background-image: url('../media/btn-search.png'); background-position: center center;
 background-repeat: no-repeat; background-size: 1.5rem 1.5rem; }
nav.top li.dd { float: none; width: 100%; }
nav.top li.dd a { display: block; font-weight: normal; text-transform: none; }
nav.top .cat-list { -moz-columns: 4; -webkit-columns: 4; columns: 4; background-color: rgba(255,255,255,.2); }
nav.top .cat-list li { width: 100%; display: block; -webkit-column-break-inside: avoid; break-inside: avoid-column; }
nav.top .cat-list li.ui-state-highlight { background: rgba(255,255,255,.2); border: none; }
nav.top .cat-list li a { padding-left: 3%; padding-right: 3%; color: #fff; }
nav.top .actions li { width: auto; }

#cookienotice { width: 100%; margin: 0; background-color: rgba(128,128,128,.5); text-align: center; font-size: .75rem;
 padding: .375rem 0;
 position: -webkit-sticky;
 position: -moz-sticky;
 position: -ms-sticky;
 position: -o-sticky;
 position: sticky;
 top: 0; z-index: 50; }

.sect { margin-bottom: 1.875rem; width: 100%; }
.sect h2, .sect h1 { margin: 1.125rem 0 .75rem 0; }
.sect.white, .sect.whiteglass, .sect.red, .sect.black { padding: .375rem 1.875rem; }
.sect.white { background-color: #fff; color: #000; }
.sect.whiteglass { background-color: rgba(255,255,255,.5); color: #000; }
.sect.red { background-color: #b00; color: #fff; }
.sect.black { background-color: #000; color: #fff; }
.sect.red .ui-icon, .sect.black .ui-icon {
 background-image: url('../utils/jqueryui/css/custom-theme/images/ui-icons_ffffff_256x240.png'); }
.sect.red h1, .sect.black h1, .sect.red h2, .sect.black h2 { color: #fff; }


.general-list { list-style: none; margin: .75rem 0; }
.general-list li { position: relative; padding: .375rem .75rem; border: 1px solid #ddd; background-color: #fdfdfd;
 border-radius: .375rem; }
.general-list li li { padding: 0; border: none; }
.general-list h2    { margin: 0; }
.general-list p     { margin: 0; }
.general-list .photo { position: absolute; top: .375rem; left: .75rem; width: 66px; height: 66px; }
.general-list .photo img { width: 100%; }
.flexbox .feature-list { display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap;
 justify-content: center; -webkit-justify-content: center; }
.feature-list { list-style: none; margin: .75rem 0; padding: 0; display: inline-block; }
.feature-list li { position: relative; }
.feature-list li.hw { width: calc(50% - .75rem); }
.feature-list li.hw:nth-child(2n) { margin-right: .75rem; }
.feature-list li.hw:nth-child(2n+1) { margin-left: .75rem; }
.adm-list { list-style: none; margin: 1.125rem 0; padding: 0; }
.adm-list li { display: block; padding: .75rem; margin: .75rem 0; position: relative; background-color: #fff; color: #000;
  border-radius: .375rem; }
form .adm-list li { background-color: rgba(255,255,255,.6); }
.cat-list.reorderable-list a { padding-right: 4.125rem; }
.cat-list.reorderable-list .reorderable-list a { padding-right: 3rem; }
.cat-list.reorderable-list .actions a { padding-right: 0; }
.adm-list h2 { font-size: 1.25rem; line-height: 1.2; font-weight: bold; margin: 0; }
.adm-list h2 a { color: #000; }
.adm-list .actions { top: .375rem; right: .375rem; }
.adm-list .ui-icon { background-image: url('../utils/jqueryui/css/custom-theme/images/ui-icons_000000_256x240.png'); }
.adm-sect { list-style: none; margin: 1.125rem 0; padding: 0; }
.adm-sect > li { display: block; padding: .75rem; margin: .375rem; position: relative; }
.adm-sect > li.hw { width: calc(50% - 1.5rem); }
.adm-sect > li:hover { outline: .375rem dashed #999; }
.adm-sect > li > .actions { top: .75rem; right: .75rem; }
.adm-sect .sect { margin-top: 1rem; margin-bottom: 0; }
.compact-list {list-style: none; margin: 0; padding: 0; }
.compact-list li { padding: .3em; margin: .2em 0; font-size: 1rem; border-radius: 0; position: relative; }
.compact-list li:hover .actions { display: block; }
.selectable-list li { cursor: pointer; }
.selectable-list li:hover { box-shadow: 0 0 .75rem .375rem #ddd; }
.reorderable-sect { min-height: 5em; }
.reorderable-list li, .reorderable-sect li { cursor: pointer; }
.reorderable-list li.inactive, .reorderable-sect li.inactive { opacity: .5 !important; }
#wanted-list .mandes { display: inline-block; width: 40%; vertical-align: top; }
#wanted-list .manu, #wanted-list .design { font-weight: bold; display: inline-block; vertical-align: top; width: 50%; }
#wanted-list .design { padding-left: 1rem; width: calc(50% - 1rem); }
#wanted-list .dets { display: inline-block; width: calc(60% - 1rem); padding-left: 1rem; vertical-align: top; }
#wanted-list .cust { border-top: 1px solid #ddd; padding-top: .375rem; margin-top: .375rem; }
.actions { position: absolute; top: 0; right: .1rem; }
.actions ul { margin: 0; padding: 0; list-style: none; }
.actions li { margin: 0; padding: 0; float: left; }
.actions a { padding: .125rem 0 !important; }
.actions a:focus { outline: none; }
.order-list a { border: none; font-weight: bold; }
.order-list.adm-list li:hover { background-color: #fff; box-shadow: none; }
.order-list .prdthumb { width: 5em; height: 4em; background: #fff; float: left; margin-right: .5em;
 padding: 2px; text-align: center; }
.order-list .prdthumb img { width: auto; height: auto; max-height: 100%; max-width: 100%; }
#tabs { background: none; border: none; }
#tab-list { height: 3rem; background-color: #ddd; font-size: .875rem; }
#tab-list .ui-state-active { color: #fff; background-color: #b00; padding-bottom: 0; }
#tabs .ui-icon { display: inline-block; vertical-align: bottom;
 background-image: url('../utils/jqueryui/css/custom-theme/images/ui-icons_000000_256x240.png'); }
#tab-list a { font-weight: normal; color: #fff !important; }
.tab { background: rgba(255,255,255,.6) !important; }
.tab .adm-list li { text-align: left; background-color: #fff; }
.tab .adm-list li:hover { background-color: #fff; }
.tab .selectable-list li:hover { box-shadow: none; }

@-webkit-keyframes rotate-full {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}
@keyframes rotate-full {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}
.spin { -webkit-animation: rotate-full .5s infinite; animation: rotate-full .5s infinite;
 -webkit-animation-timing-function: linear; animation-timing-function: linear; }
.no-spin { -webkit-transform: none; transform: none; }
.ui-state-warning { padding: .75rem; color: #000; box-shadow: 0 0 10px 1px #ccc; background: #fff;
 text-align: center; font-weight: 700; }
.prdphoto { -moz-box-sizing: border-box; box-sizing: border-box; border: .75rem solid #fff;
 max-height: 49.875rem; width: auto; max-width: 100%; background-color: #fff; }
#prdintro { position: relative; }
#prdphotobox { float: left; max-width: 50%; margin: 1rem 3% 1rem 0; position: relative; }
#prdphotobox .prdphoto { max-height: 24.75rem; }
#prdphotobox + div { overflow: hidden; }
#page { margin: 1.875rem 2%; min-height: 25rem; padding: 1.125rem 2%; background-color: rgba(255,255,255,.7); }
#page.wide { margin-right: 2%; }
#page.mid { float: left; margin-right: 2%; width: 70%; }
#page.blank { background: none; padding: 0; }
#page.fill { padding: 0; }
#crumb { margin: 0 0 1.125rem; }
.section  { clear: both; margin: 0; padding: 0; }
#secondary { float: left; width: 24%; margin: 1.875rem 2% 1.875rem 0; }
#secondary form { margin: 0 auto 1.125rem; }
#frmBasket img { border: .375rem solid #fff; width: 7.5rem; }
#frmorderdet .form-ind, #frmInvoice .form-ind { margin-top: .375rem; }
.inactive { opacity: .5; }
.warn { background: rgba(255,255,255,.5); margin: .75rem 0; padding: .375rem; }
.content-box { color: #000; padding: 1.125rem; }
.content-box .warn { background: rgba(200,0,0,.7); color: #fff; }
.notice     { background: rgba(0,0,0,.7); color: #fff; text-align: center; }
.notice.warn { background: rgba(200,0,0,.7); }
.notice .form-btns { margin: 1.125rem -.75rem -0.75rem; }
.notice a   { color: #fff; }
.spent { color: #0d0; font-weight: bold; font-size: 1.5em; position: absolute; top: .75rem; left: 0;
 width: 100%; text-align: center; text-shadow: 1px 1px 5px rgba(128,128,128,.5); opacity: .8;
 -webkit-transform: rotate(355deg) translateZ(1px); transform: rotate(355deg) translateZ(1px); }


/* ==========================================================================
   Helper classes
   ========================================================================== */

.l { text-align: left; }
.r { text-align: right; }
.c { text-align: center; margin-left: auto; margin-right: auto; }
.j { text-align: justify; }
.fl { float: left; }
.fr { float: right; }
.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }
.as { display: none; }
.w5  { width: 5%; }
.w10 { width: 10%; }
.w17p5 { width: 17.5%; }
.w20 { width: 20% !important; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w33 { width: 33%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w65 { width: 69%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w95 { width: 95%; }
.w100 { width: 100%; }
.w5rem { width: 4.875rem; }
.w8rem { width: 7.875rem; }
.h5em { height: 4.875rem; }
.h10em { height: 10em; }
.h15em { height: 15em; }
.h30em { height: 30em; max-height: 80vh; }
.mh120px { max-height: 120px; width: auto; }
.marl30 { margin-left: 30%; }
.mart2rem { margin-top: 1rem !important; }
.padr { padding-right: 1%; }
.brd { border: 1px solid #fff; }
.nobck { background: none !important; }
.disp-inbl { display: inline-block !important; }
.small { font-size: .75rem; }
.smaller { font-size: .875rem; }
.larger { font-size: 1.125rem; }
.large  { font-size: 1.375rem; }
.note { font-style: italic; }
.hide { display: none !important; }
.disappear { display: none !important; opacity: 0 !important; }
.dlg { display: none; }
.error { font-weight: bold; }
.strike { text-decoration: line-through; }
.hili-1 { background: rgba(128,128,128,.5); }
.hili-2 { color: #070; }
.hili-red { color: #d00; }
.sticky { position: -webkit-sticky;
 position: -moz-sticky;
 position: -ms-sticky;
 position: -o-sticky;
 position: sticky;
 top: .75rem; z-index: 50; }

.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0;
 position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {  clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.fitspace { font-size: .75rem; max-height: 75vh; overflow-y: scroll; }

@media only screen and (min-width: 1600px) {
  nav.top .cat-list { -moz-columns: 6; -webkit-columns: 6; columns: 6; }
}

@media only screen and (min-width: 2000px) {
  nav.top .cat-list { -moz-columns: 8; -webkit-columns: 8; columns: 8; }
}

@media only screen and (max-width: 950px) {
  nav.top .cat-list { -moz-columns: 3; -webkit-columns: 3; columns: 3; }
  #secondary p { font-size: .875rem; line-height: 1.28571428; }
  #wanted-list .mandes { width: 30%; }
  #wanted-list .manu, #wanted-list .design { display: block; width: auto; padding: 0; }
  #wanted-list .design { font-weight: normal; }
  #wanted-list .dets { display: inline-block; width: calc(70% - 1rem); padding-left: 1rem; }
}

@media only screen and (max-width: 768px) {
  #page { margin: 0 !important; background: none; width: auto; float: none; }
  #page.mid { margin-left: 0; margin-right: 0; width: auto; float: none; }
  #secondary { margin: .375rem 2% 1.125rem; width: auto; float: none; }
  #secondary img.l { float: left; width: 45%; margin-right: .75rem; }
  #secondary img.r { float: right; width: 45%; margin-left: .75rem; }

  #menu1 ul { margin-left: -.375rem; }
  #menu1 a { padding: .375rem; }
  nav.top li { display: block; width: 100% !important; }
  nav.top ul#toplevel li { margin: 0; }
  nav.top ul#toplevel .btn { width: 100%; font-size: 1rem; line-height: 1.125; }
  nav.top ul#toplevel .btn:last-of-type { margin-right: 0; }
  nav.top a.btn.menu-trigger.selected { padding-top: .375rem; padding-bottom: .375rem; }
  nav.top li.dd a { padding-left: 2%; padding-right: 2%; }
  .inpbtn input { font-size: 1rem; line-height: 1.5; padding-top: .1875rem; padding-bottom: .1875rem; }
  .sum { display: inline; }
  .full { display: none; }
  .sect { margin-left: .75rem; margin-right: .75rem; }
  .feature-list li.hw { width: calc(50% - 1.50rem); }
  .banner h1 { padding: .75rem 3rem; }
  
  #prdphotobox { float: none; max-width: 100%; margin-right: 0; }
  #prdphotobox .prdphoto { max-height: 49.875rem; }
  #prdphoto1 { display: none; }
}

@media only screen and (max-width: 640px) {
  header { padding: 0 154px 0 2%; }
  header h1 { font-size: 26px; line-height: 1.15384615; letter-spacing: .125rem; }
  header h2 { font-size: 16px; line-height: 1.5; }
  nav.top .cat-list { -moz-columns: 2; -webkit-columns: 2; columns: 2; }
  #nivag { margin-bottom: .375rem; }
  #menu1 { font-size: .875rem; }
  #decorate img { width: 154px; }
  
  h1 { font-size: 32px; line-height: 1.125; }
  .banner { margin-bottom: 0; }
  .banner h1 { display: block; margin: 0; bottom: auto; }

  .specs li { display: block; }
  .specs li label { text-align: left; }
  .feature-list li.hw { width: 100%; margin-left: 0 !important; margin-right: 0 !important; }
  .adm-sect > li.hw { margin-left: .75rem !important; margin-right: .75rem !important; }
  .sect.white, .sect.whiteglass, .sect.dgrey, .sect.black { padding: 1.125rem; }
  .sect .form-btns.fill { margin: 0 -1.125rem -1.125rem; }
  form.w80, form.w50 { width: 100%; }
  label.inline, label.inline2 { display: block; width: 90%; margin-left: 0; text-align: left; }
  input.w20, input.w25, input.w30, input.w50, input.w65,
  select, textarea.w65, span.qn, .form-ind { margin-left: 0; width: 100% !important; }
  .form-chk { width: 8%; float: left; display: block; margin-right: 2%; }
  .form-chk + .form-ind { width: 90% !important; }
  input.w10 { margin-left: 0; width: 50%; }
  .tab .adm-list .w5 { width: 15%; }
  .tab .adm-list .w25 { width: 75%; }
  .tab .adm-list .w40 { width: 80%; margin-left: 16%; }
  .tab .adm-list .w10 { width: 30%; margin-left: 15%; }
}

@media only screen and (max-width: 480px) {
  header { padding: 0 96px 0 2%; }
  header nav li a { padding: .2rem 1rem; }
  #nivag h2 { display: none; }
  #nivag h1 { font-size: 22px; line-height: 1.09090909; }
  #decorate img { width: 96px; }
  h1 { font-size: 28px; line-height: 1.07142857; }
  img.l, img.r { float: none !important; width: 100% !important; margin: 0 !important; }
  .item { width: calc(100% - 1.125em); }
  #frmBasket td.w8rem { width: 3rem; }
  #frmBasket td.w8rem img { width: 2.6rem; }
  #tab-list { font-size: .75rem; line-height: 1.28571428; }
  #tab-list li a { padding: .375rem !important; }
  #wanted-list .mandes { display: block; width: auto; }
  #wanted-list .manu, #wanted-list .design { display: block; }
  #wanted-list .design { margin-bottom: .375rem; padding-bottom: .375rem; border-bottom: 1px solid #ddd; }
  #wanted-list .dets { display: block; width: auto; padding-left: 0; }
}

@media only screen and (max-width: 240px) {
  nav li.hide span { margin-left: 0; }
  nav.left .cat-list { -moz-columns: 1; -webkit-columns: 1; columns: 1; }
  nav.left .actions li { width: auto; }
}


/* Print styles */
@media print {
  * {
      background: transparent !important;
      color: #000 !important; /* Black prints faster: h5bp.com/s */
      box-shadow: none !important;
      text-shadow: none !important;
      font-size: .9em;
    }

  a, a:visited { text-decoration: underline; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]: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; }

  #page { margin: 0 auto; padding: 0; }  
  
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  h1 { text-align: center; margin: 0.5em auto; padding: 0; font-size: 1.6em; }
  h2.large { font-size: 2em; }
  p { margin: .5rem 0; }
  header .addr { font-size: .8em; line-height: 4; }
  section, article { border: 1px solid #ddd; }
  #logo { width: 1cm; margin-top: -1em; }
  .prt-hide, nav, form { display: none; }
  .form-btns, input[type="button"], input[type="submit"], a.btn, button { display: none !important; }
  #tab-list li { display: none; }
  #tab-list li.ui-state-active { display: block; margin: 0 auto; float: none; text-align: center; }
  #tab-list li.ui-state-active a { float: none; }
  .prtform form { display: block; }
  .prtform form p { font-size: 1rem; }
  .prtform a { text-decoration: none; font-size: 1rem; }
  .prtform section { border: none !important; }
  .prtform { width: 96% !important; }
}